.au-dialog { border: 0px; border-radius: 26px; padding: 0px; width: min(94vw, 560px); max-height: 92dvh; color:var(--a2-legacy-text,var(--av-text-primary,#243b42)); box-shadow:var(--av-shadow-modal); font: 400 15px / 1.55 var(--av-font-sans); overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: color-mix(in srgb,var(--av-accent,#00858b) 34%,transparent) transparent; background:var(--av-surface-1); }
.au-dialog::backdrop { backdrop-filter: none; background:var(--a2-legacy-surface,rgba(5, 15, 21, 0.58)); }
.au-dialog.au-wide { width: min(96vw, 1120px); }
.au-dialog:where(:not(.an-dialog)) header { position: sticky; top: 0px; z-index: 5; justify-content: space-between; padding: 23px 28px 18px; backdrop-filter: none; background:var(--a2-legacy-surface,color-mix(in srgb,var(--av-surface-1,#fff) 96%,transparent)); }
.au-dialog h2 { margin: 5px 0px 0px; font: 650 27px / 1.16 var(--av-font-sans); letter-spacing: -0.7px; }
.au-dialog h3 { margin: 0px; font: 600 18px / 1.35 var(--av-font-sans); }
.au-kicker { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.4px; color: var(--av-accent,#00858b); }
.au-body { padding: 24px 28px 30px; }
.au-lead { margin: 0px 0px 20px; color: var(--av-text-secondary,#5b737d); }
.au-dialog button, .au-admin button { font: 600 14px / 1.3 var(--av-font-sans); cursor: pointer; color:var(--a2-legacy-text,var(--av-text-primary,#243b42)); border-radius: 12px; padding: 10px 14px; background:var(--a2-legacy-surface,var(--av-surface-1,#fff)); }
.au-dialog button:disabled, .au-admin button:disabled { opacity: 0.5; cursor: not-allowed; }
.au-dialog button:focus-visible{ outline:none; outline-offset: 2px; }
.au-admin button:focus-visible{ outline:none; outline-offset: 2px; }
.au-field input:focus{ outline:none; outline-offset: 2px; background:var(--av-focus-well);}
.au-field select:focus{ outline:none; outline-offset: 2px; background:var(--av-focus-well);}
.au-field textarea:focus{ outline:none; outline-offset: 2px; background:var(--av-focus-well);}
.au-admin input:focus{ outline:none; outline-offset: 2px; background:var(--av-focus-well);}
.au-admin select:focus{ outline:none; outline-offset: 2px; background:var(--av-focus-well);}
.au-dialog [data-close] { display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; border-radius: 14px; font-size: 25px; line-height: 1; padding: 0px; transition: 0.15s; background:var(--a2-legacy-surface,var(--av-surface-2,#f1f6f5)); }
.au-dialog [data-close]:hover { transform: rotate(4deg); color:var(--a2-legacy-accent,var(--av-accent,#00858b)); }
.au-field { display: grid; gap: 7px; margin: 0px 0px 16px; font-size: 13px; font-weight: 650; }
.au-field small { font-weight: 400; color:var(--a2-legacy-text-secondary,var(--av-text-secondary,#607780)); }
.au-field input, .au-field select, .au-field textarea, .au-admin input, .au-admin select { box-sizing: border-box; min-width: 0px; width: 100%; font: 400 16px / 1.4 var(--av-font-sans); color: var(--av-text-primary); border-radius: 12px; padding: 11px 14px; background:var(--av-well); box-shadow:var(--av-shadow-well);}
.au-field textarea { min-height: 210px; resize: vertical; }
.au-check { display: flex; gap: 9px; align-items: center; margin: 12px 0px; font-size: 14px; }
.au-check input { width: 18px; height: 18px; accent-color: rgb(0, 133, 139); }
.au-dialog .au-primary, .au-admin .au-primary { border-color: transparent; background: var(--av-primary-gradient); box-shadow: var(--av-shadow-primary); color: var(--av-primary-ink)!important; }
.au-dialog form > .au-primary { width: 100%; padding: 14px; margin-top: 10px; background: var(--av-primary-gradient); box-shadow: var(--av-shadow-primary); color: var(--av-primary-ink)!important; }
.au-muted { color: var(--av-text-secondary,#617984); font-size: 13px; }
.au-error { color: var(--av-danger,#a93542); margin: 14px 0px 0px; }
.au-links { display: grid; gap: 6px; margin-top: 20px; }
.au-links button { border: 0px; text-align: left; color: var(--av-accent,#00858b); padding-left: 0px; background: transparent; }
.au-identity, .au-profile-head { display: flex; align-items: center; gap: 16px; margin-bottom: 22px; }
.au-identity p, .au-profile-head p { margin: 4px 0px; color: var(--av-text-secondary,#617984); }
.au-avatar, .au-profile-avatar { width: 56px; height: 56px; flex: 0 0 56px; border-radius: 18px; display: grid; place-items: center; font-size: 22px; font-weight: 750; background-color: var(--av-surface-1); color: var(--av-accent,#00858b); }
.au-profile-data { display: grid; gap: 0px; margin: 8px 0px 20px; }
.au-profile-data > div { display: flex; justify-content: space-between; gap: 20px; padding: 13px 0px; }
.au-profile-data dt { color: var(--av-text-secondary,#617984); }
.au-profile-data dd { margin: 0px; text-align: right; font-weight: 600; }
.au-profile-actions { display: grid; gap: 9px; }
.au-profile-actions button { text-align: left; }
.au-code-wrap { position: relative; margin: 12px 0px 22px; }
.au-code-cells { display: flex; align-items: center; gap: 4px; }
.au-code-cells span { display: grid; place-items: center; flex: 1 1 0%; min-width: 0px; height: 48px; border-radius: 8px; font: 650 18px / 1 var(--av-font-sans); background: var(--av-surface-2,#edf4f2); }
.au-code-separator { flex: 0 0 16px; text-align: center; color: var(--av-text-secondary,#728890); font-style: normal; font-weight: 700; }
.au-code-cells .au-code-focus { box-shadow: rgba(0, 133, 139, 0.133) 0px 0px 0px 2px; }
.au-code-wrap:focus-within { outline-offset: 5px; border-radius: 10px; }
.au-code-wrap > input { position: absolute; inset: 0px; width: 100%; height: 100%; opacity: 0.01; font-size: 18px; cursor: text; }
.au-phone-field input { font-variant-numeric: tabular-nums; letter-spacing: 0.01em; }
.au-pill { display: inline-flex; align-items: center; border-radius: 30px; padding: 5px 11px; font-size: 12px; background: var(--av-accent-soft,#e2f2ef); }
.au-danger { color:var(--a2-legacy-danger,rgb(169, 53, 66))!important; }
.au-danger-zone { margin-top: 18px; padding: 15px; border:1px solid transparent; border-radius: 15px; background:var(--a2-legacy-danger-soft,rgb(255, 248, 248)); }
.au-danger-zone summary { cursor: pointer; font-weight: 700; color:var(--a2-legacy-danger,rgb(143, 51, 64)); }
.au-danger-zone p { color:var(--a2-legacy-danger,rgb(124, 90, 96)); }
.au-danger-zone button { margin-top: 10px; }
.au-code-section { padding: 16px; border-radius: 16px; background: var(--av-surface-2,#f7faf9); }
.au-code-section h3 { margin: 0px; }
.au-code-copy { align-items: center; gap: 10px; letter-spacing: 0.7px; display: flex !important; font-size: 16px !important; }
.au-code-copy span { opacity: 0.65; }
.au-person-primary { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 16px; }
.au-person-summary dl { margin: 16px 0px; }
.au-person-summary dl > div { display: flex; justify-content: space-between; gap: 20px; padding: 10px 0px; }
.au-person-summary dt { color:var(--a2-legacy-text-secondary,var(--av-text-secondary,#617984)); }
.au-person-summary dd { margin: 0px; text-align: right; }
.au-person-summary > div:first-child { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.au-admin { font: 400 14px / 1.5 var(--av-font-sans); color:var(--a2-legacy-text,var(--av-text-primary,#183149)); }
.au-tabs { display: flex; flex-wrap: wrap; gap: 5px; margin: 0px 0px 20px; padding:5px;border-radius:16px;background:var(--av-well);box-shadow:var(--av-shadow-well);}
.au-tabs button { padding: 9px 12px; background:transparent;box-shadow:none;border:0;min-height:40px;border-radius:11px;font-size:12px;font-weight:600;color:var(--av-text-secondary);}
.au-tabs button[aria-current="page"] { background:var(--av-selected-bg); color:var(--av-text-primary); border-color: transparent; font-weight:700;box-shadow:var(--av-shadow-control);}
.au-admin-top { display: flex; justify-content: space-between; align-items: center; gap: 18px; margin: 12px 0px 14px; }
.au-admin-top h2 { margin: 0px; font-size: 25px; letter-spacing: -0.4px; }
.au-filters, .au-group-toolbar { display: grid; grid-template-columns: minmax(260px, 2fr) minmax(170px, 1fr) minmax(170px, 1fr); gap: 10px; margin: 14px 0px; }
.au-group-toolbar { grid-template-columns: minmax(260px, 1fr) 220px; }
.au-table-wrap { overflow: auto; border-radius: 16px; scrollbar-width: thin; background:var(--av-card-bg); box-shadow:var(--av-shadow-card);}
.au-table { width: 100%; border-collapse: collapse; }
.au-table th { text-align: left; font-size: 12px; color:var(--a2-legacy-text-secondary,rgb(95, 118, 128)); font-weight: 650; background:var(--a2-legacy-surface-well,var(--av-surface-2,#f5f9f8)); }
.au-table td, .au-table th { padding: 12px 15px; }
.au-table td small { display: block; color:var(--a2-legacy-text-secondary,rgb(97, 121, 132)); }
.au-table input[type="checkbox"] { width: 17px; height: 17px; accent-color:var(--a2-legacy-accent,rgb(0, 133, 139)); }
.au-table tr:last-child td { border: 0px; }
.au-table .au-person { border: 0px; padding: 0px; font-weight: 650; color:var(--a2-legacy-accent,rgb(8, 119, 128)); text-align: left; background: transparent; }
.au-bulk { display: flex; align-items: center; gap: 10px; padding: 12px 14px; margin: 10px 0px; border-radius: 13px; flex-wrap: wrap; background:var(--a2-legacy-surface,var(--av-accent-soft,#e2f2ef)); }
.au-empty-state { padding: 38px 24px; text-align: center; border-radius: 18px; background:var(--a2-legacy-surface-well,color-mix(in srgb,var(--av-surface-2,#f5f9f8) 76%,transparent)); }
.au-empty-state h3 { margin: 7px 0px; }
.au-empty-state p { max-width: 560px; margin: 7px auto 18px; color:var(--a2-legacy-text-secondary,var(--av-text-secondary,#617984)); }
.au-empty-icon { font-size: 28px; }
.au-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; }
.au-card { padding: 20px; border-radius: 17px; background:var(--av-card-bg); box-shadow:var(--av-shadow-card);}
.au-card h3 { margin: 0px 0px 8px; }
.au-card p { color:var(--a2-legacy-text-secondary,var(--av-text-secondary,#617984)); }
.au-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 13px; }
.au-stats { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0px; }
.au-stats button { border-radius: 30px; }
.au-stats button.active { border-color:var(--a2-legacy-border,rgb(135, 200, 196)); color:var(--a2-legacy-success,rgb(8, 119, 128)); background:var(--a2-legacy-success-soft,var(--av-accent-soft,#e2f2ef)); }
.au-warning { color:var(--a2-legacy-warning,rgb(145, 85, 26)); background:var(--a2-legacy-warning-soft,rgb(255, 241, 221)); padding: 11px 13px; border-radius: 12px; }
.au-pagination { display: flex; align-items: center; justify-content: flex-end; gap: 10px; padding: 14px 0px; flex-wrap: wrap; }
.au-pagination span { margin-right: auto; color:var(--a2-legacy-text,rgb(100, 116, 139)); }
.au-status { display: inline-flex; align-items: center; white-space: nowrap; border-radius: 999px; padding: 5px 10px; font-size: 12px; font-weight: 650; }
.au-status--active { background:var(--a2-legacy-success-soft,rgb(229, 245, 236)); color:var(--a2-legacy-success,rgb(39, 114, 71)); }
.au-status--pending { background:var(--a2-legacy-info-soft,rgb(230, 242, 244)); color:var(--a2-legacy-info,rgb(41, 106, 115)); }
.au-status--expired { background:var(--a2-legacy-danger-soft,rgb(253, 233, 232)); color:var(--a2-legacy-danger,rgb(164, 67, 67)); }
.au-status--blocked { background:var(--a2-legacy-danger-soft,rgb(243, 223, 226)); color:var(--a2-legacy-danger,rgb(137, 54, 66)); }
.au-status--neutral { background:var(--a2-legacy-surface,rgb(237, 241, 243)); color:var(--a2-legacy-text,rgb(89, 106, 115)); }
.au-group-list { display: grid; gap: 9px; }
.au-group-row { display: grid; grid-template-columns: auto minmax(0px, 1fr) auto; align-items: center; gap: 12px; padding: 11px 12px; border-radius: 15px; background:var(--a2-legacy-surface-well,var(--av-surface-1,#fff)); }
.au-group-row > input { width: 18px; height: 18px; accent-color:var(--a2-legacy-accent,rgb(0, 133, 139)); }
.au-group-open { grid-template-columns: minmax(160px, 0.8fr) minmax(180px, 1fr) minmax(220px, 1.2fr); gap: 18px; align-items: center; text-align: left; display: grid !important; border: 0px !important; background: transparent !important; padding: 4px !important; }
.au-group-open > span { min-width: 0px; }
.au-group-open b { font-size: 15px; }
.au-group-open small { display: block; color:var(--a2-legacy-text-secondary,var(--av-text-secondary,#617984)); margin-top: 2px; }
.au-group-metrics, .au-group-people { color:var(--a2-legacy-text,var(--av-text-secondary,#617984)); font-size: 13px; }
.au-group-actions { display: flex; gap: 7px; }
.au-blocker { display: flex; justify-content: space-between; gap: 12px; padding: 12px 0px; }
.au-blocker span { color: var(--av-text-secondary,#617984); text-align: right; }
.au-request-section { margin: 14px 0px 22px; }
.au-request-section > h3 { display: flex; gap: 8px; align-items: center; margin: 0px 0px 10px; }
.au-request-section > h3 span { font-size: 12px; border-radius: 999px; padding: 2px 7px; color:var(--a2-legacy-accent,rgb(8, 119, 128)); background:var(--a2-legacy-surface,var(--av-accent-soft,#e2f2ef)); }
.au-request-card { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 14px; margin: 8px 0px; border-radius: 14px; background:var(--a2-legacy-surface,var(--av-surface-1,#fff)); }
.au-request-card > div:first-child { display: grid; gap: 2px; }
.au-request-card span, .au-request-card small { color:var(--a2-legacy-text-secondary,var(--av-text-secondary,#617984)); }
.au-request-history { margin-top: 20px; }
.au-request-history summary { cursor: pointer; font-weight: 650; }
.au-preview-wrap { max-height: 60dvh; }
.au-preview-table td, .au-preview-table th { padding: 9px 11px; }
.au-preview-table input[type="text"]{ width: 100%; min-width: 220px; padding: 9px 10px; border-radius: 10px; color: var(--av-text-primary); font: inherit; background: var(--av-well); box-shadow:var(--av-shadow-well);}
.au-preview-table input[type="date"]{ width: 100%; min-width: 220px; padding: 9px 10px; border-radius: 10px; color: var(--av-text-primary); font: inherit; background: var(--av-well); box-shadow:var(--av-shadow-well);}
.au-preview-table .au-name-edit{ width: 100%; min-width: 220px; padding: 9px 10px; border-radius: 10px; color: inherit; font: inherit; background: var(--av-surface-1,#fff); }
.au-preview-footer { position: sticky; bottom: -30px; z-index: 4; display: flex; align-items: center; justify-content: space-between; gap: 15px; margin: 12px -28px -30px; padding: 14px 28px; backdrop-filter: none; background: color-mix(in srgb,var(--av-surface-1,#fff) 96%,transparent); }
.ai-summary { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
.ai-summary span { padding: 6px 10px; border-radius: 999px; background:var(--a2-legacy-surface-well,rgb(237, 242, 242)); color:var(--a2-legacy-text,rgb(82, 106, 115)); font-size: 12px; }
.ai-summary .ai-ok { background:var(--a2-legacy-success-soft,rgb(229, 245, 236)); color:var(--a2-legacy-success,rgb(39, 114, 71)); }
.ai-summary .ai-review { background:var(--a2-legacy-warning-soft,rgb(255, 242, 220)); color:var(--a2-legacy-warning,rgb(140, 92, 29)); }
.ai-review-row { display: grid; grid-template-columns: minmax(180px, 0.7fr) minmax(260px, 1fr); gap: 12px; align-items: center; padding: 13px 0px; }
.ai-review-row > div { display: grid; }
.ai-review-row small { color:var(--a2-legacy-warning,var(--av-text-secondary,#617984)); }
.ai-review-row select { width: 100%; padding: 10px 12px; border-radius: 11px; color: var(--av-text-primary); background:var(--av-well); box-shadow:var(--av-shadow-well);}
.ai-remember { grid-column: 2; margin: 0px; }
.ai-optional { margin: 16px 0px; }
.ai-optional summary { cursor: pointer; font-weight: 650; }
.ai-actions { display: flex; justify-content: flex-end; gap: 9px; flex-wrap: wrap; margin-top: 18px; }
.au-birthday-card { --birthday-swipe-x:0px; display:flex; align-items:center; gap:13px; margin:0 0 13px; padding:13px 15px; border-radius:18px; background:linear-gradient(135deg,rgb(255,249,232),rgb(255,255,255)); color:var(--text); box-shadow:0 8px 24px rgba(45,61,70,.06); transform:translateX(var(--birthday-swipe-x)); opacity:1; touch-action:pan-y; user-select:none; will-change:transform,opacity; transition:transform .2s ease,opacity .2s ease; }
.au-birthday-icon { font-size: 25px; }
.au-birthday-card p { margin: 3px 0px 0px; color: var(--muted); font-size: 13px; }
.au-special-dialog { scrollbar-width: thin; background: var(--av-surface-1,#fff) !important; }
.au-special-dialog > img { width: 100%; max-height: 290px; object-fit: cover; display: block; }
.au-special-body .au-primary { padding: 14px; background: var(--av-primary-gradient); box-shadow: var(--av-shadow-primary); color: var(--av-primary-ink)!important; }
html[data-theme="dark"] .au-dialog { background:var(--av-surface-1); color:var(--a2-legacy-text-secondary,rgb(231, 243, 241)); box-shadow:var(--av-shadow-modal);}
html[data-theme="dark"] .au-dialog:where(:not(.an-dialog)) header { background:var(--a2-legacy-surface,rgba(21, 49, 58, 0.95)); border-color:var(--a2-legacy-border,rgb(52, 83, 90)); }
html[data-theme="dark"] :where(.au-dialog input, .au-dialog select, .au-dialog textarea) { background: var(--av-surface-1); color: var(--av-text-primary); border-color: transparent; box-shadow:var(--av-shadow-modal);}
html[data-theme="dark"] .au-dialog .au-primary { background: var(--av-primary-gradient); box-shadow: var(--av-shadow-primary); color: var(--av-primary-ink)!important; }
html[data-theme="dark"] .au-muted, html[data-theme="dark"] .au-lead { color: rgb(176, 199, 203); }
html[data-theme="dark"] .au-code-cells span { background: rgb(35, 71, 80); color: rgb(231, 243, 241); }
html[data-theme="dark"] .au-curator-box, html[data-theme="dark"] .au-code-section { background: rgb(24, 53, 62); border-color: rgb(54, 83, 90); }
html[data-theme="dark"] .au-birthday-card { background: linear-gradient(135deg, rgb(64, 57, 31), rgb(21, 49, 58)); }

.au-birthday-card.is-swiping{transition:none;cursor:grabbing}.au-birthday-card.is-dismissed{opacity:0;pointer-events:none}.au-birthday-undo{position:fixed;left:50%;bottom:calc(var(--av-mobile-dock-clearance,92px) + env(safe-area-inset-bottom) + 10px);z-index:100002;display:flex;align-items:center;gap:14px;max-width:calc(100vw - 28px);padding:11px 12px 11px 15px;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:15px;background:var(--panel);box-shadow:0 12px 34px rgba(22,42,50,.18);color:var(--text);transform:translateX(-50%);font-size:13px;font-weight:600}.au-birthday-undo button{border:0;border-radius:10px;padding:7px 10px;background:var(--accent-soft);color:var(--accent-strong);font:inherit;font-weight:800;cursor:pointer}
@media (max-width: 760px) {
  .au-group-open { grid-template-columns: 1fr; }
  .au-group-people { display: none; }
  .au-filters, .au-group-toolbar { grid-template-columns: 1fr; }
  .ai-review-row { grid-template-columns: 1fr; }
  .ai-remember { grid-column: 1; }
  .au-preview-footer { bottom: -20px; margin-left: -20px; margin-right: -20px; margin-bottom: -20px; padding: 12px 20px; }
  .au-table-wrap { border-radius: 14px; }
}
@media (max-width: 520px) {
  .au-dialog { width: calc(-20px + 100vw); max-height: 94dvh; border-radius: 23px; }
  .au-dialog:where(:not(.an-dialog)) header { padding: 18px 20px 15px; }
  .au-body { padding: 18px 20px 20px; }
  .au-dialog h2 { font-size: 24px; }
  .au-code-cells { gap: 2px; }
  .au-code-cells span { height: 42px; font-size: 15px; }
  .au-code-separator { flex-basis: 11px; font-size: 13px; }
  .au-special-body { padding: 23px; }
  .au-special-body h2 { font-size: 27px; }
  .au-person-primary { display: grid; }
  .au-preview-table { min-width: 780px; }
}
.settings-account { width: 100%; display: grid; grid-template-columns: 44px minmax(0px, 1fr) 24px; align-items: center; gap: 12px; margin: 0px 0px 12px; padding: 12px 14px; border-radius: 20px; color: inherit; text-align: left; box-shadow: rgba(7, 44, 53, 0.05) 0px 10px 30px; background: var(--surface,#fff); }
.settings-account-avatar { width: 44px; height: 44px; border-radius: 15px; display: grid; place-items: center; background: linear-gradient(145deg, rgba(14, 149, 150, 0.18), rgba(32, 195, 162, 0.08)); border: 1px solid rgba(14, 149, 150, 0.2); font-weight: 800; color: rgb(8, 123, 130); }
.settings-account-copy { min-width: 0px; display: flex; flex-direction: column; gap: 2px; }
.settings-account-copy b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; }
.settings-account-copy small { color: var(--muted,#6b7d84); font-size: 13px; }
.settings-account .arrow { justify-self: end; font-size: 24px; color: var(--muted,#7b8d93); }
[data-theme="dark"] .settings-account { background: rgba(12, 54, 61, 0.82); border-color: rgba(110, 214, 205, 0.18); box-shadow: none; }
[data-theme="dark"] .settings-account-avatar { color: rgb(143, 244, 228); background: rgba(19, 143, 134, 0.22); }
.au-status--soon { background:var(--a2-legacy-warning-soft,rgb(255, 240, 213)); color:var(--a2-legacy-warning,rgb(151, 96, 27)); border:1px solid transparent; }
.au-status--active { border:1px solid transparent; background:var(--a2-legacy-success-soft,rgb(229, 245, 236)); }
.au-status--pending { border:1px solid transparent; background:var(--a2-legacy-info-soft,rgb(230, 242, 244)); }
.au-status--expired { border:1px solid transparent; background:var(--a2-legacy-danger-soft,rgb(253, 233, 232)); }
.au-status--blocked { border:1px solid transparent; background:var(--a2-legacy-danger-soft,rgb(243, 223, 226)); }
.settings-head { position: relative; }
.settings-head > .m-page-head { padding-right: 58px; }
.settings-profile-icon { position: absolute; right: 2px; top: 4px; width: 42px; height: 42px; border-radius: 14px; color: var(--av-text-primary); display: grid; place-items: center; box-shadow: var(--av-shadow-control); background: var(--av-control-bg); }
.settings-profile-icon svg { width: 21px; height: 21px; stroke-linecap: round; stroke-linejoin: round; }
.setting-state-dot { justify-self: end; width: 12px; height: 12px; border-radius: 50%; box-shadow: rgba(23, 72, 80, 0.13) 0px 0px 0px 1px; }
.setting-state-dot.on { background: rgb(54, 168, 111); }
.setting-state-dot.off { background: rgb(167, 180, 184); }
[data-theme="dark"] .settings-profile-icon { background: var(--av-control-bg); border-color: transparent; color: var(--av-text-primary); box-shadow: var(--av-shadow-control); }
.au-dialog { scroll-padding-top: 96px; background:var(--av-surface-1); box-shadow:var(--av-shadow-modal);}
.au-dialog [data-close] svg { width: 18px; height: 18px; fill: none; stroke: currentcolor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.au-call::before { content: none !important; }
@media (max-width: 520px) {
  .au-dialog { scroll-padding-top: 78px; }
}
.au-activation-dialog { width: min(94vw, 620px); overflow: hidden; background: radial-gradient(circle at 88% -8%,color-mix(in srgb,var(--av-accent,#00858b) 20%,transparent),transparent 34%),
  linear-gradient(155deg,color-mix(in srgb,var(--av-surface-1,#fff) 96%,#e8fbf6),var(--av-surface-1,#fff) 62%); }
.au-activation-dialog::backdrop { backdrop-filter: none; background: rgba(5, 15, 21, 0.58); }
.au-activation-dialog header { padding: 27px 30px 21px; border-bottom-color: color-mix(in srgb,var(--av-accent,#00858b) 12%,var(--av-divider,#d8e5e3)); background: linear-gradient(180deg,color-mix(in srgb,var(--av-surface-1,#fff) 90%,transparent),color-mix(in srgb,var(--av-surface-1,#fff) 76%,transparent)); }
.au-activation-dialog .au-kicker { font-size: 10px; letter-spacing: 0.17em; color: color-mix(in srgb,var(--av-accent,#00858b) 88%,#0c7075); }
.au-activation-dialog h2 { font-size: 32px; letter-spacing: -1.05px; }
.au-activation-dialog .au-body { padding: 26px 30px 32px; }
.au-activation-hero { position: relative; display: grid; grid-template-columns: 64px minmax(0px, 1fr); gap: 16px; align-items: center; margin: 0px 0px 24px; padding: 17px 18px; border-radius: 21px; box-shadow: rgba(255, 255, 255, 0.75) 0px 1px 0px inset, rgba(4, 91, 94, 0.55) 0px 18px 40px -38px; overflow: hidden; background: linear-gradient(135deg,color-mix(in srgb,var(--av-accent-soft,#e2f2ef) 72%,var(--av-surface-1,#fff)),color-mix(in srgb,var(--av-surface-1,#fff) 90%,transparent)); }
.au-activation-hero::after { content: ""; position: absolute; right: -38px; top: -58px; width: 180px; height: 180px; border-radius: 50%; pointer-events: none; background: radial-gradient(circle,color-mix(in srgb,var(--av-accent,#00858b) 14%,transparent),transparent 68%); }
.au-activation-orbit { position: relative; display: grid; place-items: center; width: 58px; height: 58px; border-radius: 19px; box-shadow: 0 14px 28px -20px color-mix(in srgb,var(--av-accent,#00858b) 66%,transparent); background: linear-gradient(145deg,color-mix(in srgb,var(--av-accent,#00858b) 13%,var(--av-surface-1,#fff)),color-mix(in srgb,var(--av-accent-soft,#e2f2ef) 82%,var(--av-surface-1,#fff))); }
.au-activation-orbit::before { content: ""; width: 22px; height: 22px; border-radius: 7px; transform: rotate(45deg); box-shadow: 0 0 0 6px color-mix(in srgb,var(--av-accent,#00858b) 8%,transparent); }
.au-activation-orbit span { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: rgb(108, 229, 197); right: 6px; top: 8px; box-shadow: rgb(85, 217, 186) 0px 0px 14px; }
.au-activation-orbit i { position: absolute; width: 6px; height: 6px; border-radius: 50%; left: 8px; bottom: 9px; opacity: 0.66; background: var(--av-accent,#00858b); }
.au-activation-step { display: inline-block; margin-bottom: 5px; color: var(--av-accent,#00858b); font-size: 10px; font-weight: 800; letter-spacing: 0.09em; text-transform: uppercase; }
.au-activation-hero p { margin: 0px; max-width: 430px; color: var(--av-text-secondary,#5b737d); font-size: 14px; line-height: 1.5; }
.au-code-label { display: block; margin: 0px 0px 10px; color: var(--av-text-primary,#243b42); font-size: 12px; font-weight: 800; letter-spacing: 0.035em; text-transform: uppercase; }
.au-activation-dialog .au-code-wrap { margin: 0px 0px 17px; padding: 8px; border-radius: 18px; box-shadow: rgba(255, 255, 255, 0.65) 0px 1px 0px inset; background: color-mix(in srgb,var(--av-surface-2,#edf4f2) 74%,transparent); }
.au-activation-dialog .au-code-cells { gap: 5px; }
.au-activation-dialog .au-code-cells span { height: 56px; border-radius: 12px; font-size: 20px; font-weight: 780; box-shadow: rgba(255, 255, 255, 0.75) 0px 1px 0px inset, rgba(6, 62, 70, 0.5) 0px 5px 14px -13px; transition: 0.16s; background: linear-gradient(180deg,var(--av-surface-1,#fff),color-mix(in srgb,var(--av-surface-2,#edf4f2) 82%,var(--av-surface-1,#fff))); }
.au-activation-dialog .au-code-cells .au-code-filled { color: var(--av-accent,#00858b); background: linear-gradient(180deg,color-mix(in srgb,var(--av-accent-soft,#e2f2ef) 70%,var(--av-surface-1,#fff)),var(--av-surface-1,#fff)); }
.au-activation-dialog .au-code-cells .au-code-focus { box-shadow: 0 0 0 3px color-mix(in srgb,var(--av-accent,#00858b) 14%,transparent),inset 0 1px 0 rgba(255,255,255,.75); transform: translateY(-1px); }
.au-activation-dialog .au-code-separator { flex-basis: 18px; color: color-mix(in srgb,var(--av-accent,#00858b) 55%,var(--av-text-secondary,#728890)); font-size: 16px; }
.au-activation-trust { display: flex; align-items: flex-start; gap: 8px; margin: 0px 2px 14px; color: var(--av-text-secondary,#617984); font-size: 11.5px; line-height: 1.45; }
.au-activation-trust > span:first-child { color: var(--av-accent,#00858b); font-size: 8px; margin-top: 4px; }
.au-dialog form > .au-activation-cta { min-height: 54px; margin-top: 5px; border-radius: 16px; box-shadow:var(--a2-legacy-shadow-control,0 18px 34px -22px color-mix(in srgb,var(--av-accent,#00858b) 85%,transparent),inset 0 1px 0 rgba(255,255,255,.28)); font-size: 15px; letter-spacing: 0.01em; transition: transform 0.16s, box-shadow 0.18s, filter 0.18s; background:var(--a2-legacy-surface,linear-gradient(135deg,color-mix(in srgb,var(--av-accent,#00858b) 94%,#17a79a),color-mix(in srgb,var(--av-accent,#00858b) 78%,#44cfae))); }
.au-dialog form > .au-activation-cta:not(:disabled):hover { transform: translateY(-1px); box-shadow:var(--a2-legacy-shadow-control,0 22px 40px -22px color-mix(in srgb,var(--av-accent,#00858b) 92%,transparent),inset 0 1px 0 rgba(255,255,255,.32)); filter: saturate(1.08); }
.au-dialog form > .au-activation-cta:disabled { opacity: 0.48; filter: saturate(0.45); box-shadow: none; }
html[data-theme="dark"] .au-activation-dialog { background: radial-gradient(circle at 88% -8%, rgba(44, 190, 174, 0.13), transparent 34%), linear-gradient(155deg, rgb(21, 52, 61), rgb(16, 42, 50) 70%); }
html[data-theme="dark"] .au-activation-hero { background: linear-gradient(135deg, rgba(28, 95, 94, 0.36), rgba(19, 54, 63, 0.82)); border-color: rgba(79, 196, 185, 0.18); box-shadow: rgba(202, 255, 246, 0.035) 0px 1px 0px inset; }
html[data-theme="dark"] .au-activation-orbit { background: linear-gradient(145deg, rgba(39, 115, 111, 0.48), rgba(22, 67, 72, 0.62)); border-color: rgba(96, 214, 201, 0.21); }
html[data-theme="dark"] .au-activation-dialog .au-code-wrap { background: rgba(18, 58, 67, 0.72); border-color: rgba(86, 189, 183, 0.14); }
html[data-theme="dark"] .au-activation-dialog .au-code-cells span { background: linear-gradient(rgb(33, 71, 80), rgb(26, 58, 67)); border-color: rgb(53, 91, 98); color: rgb(232, 245, 242); box-shadow: rgba(222, 255, 250, 0.035) 0px 1px 0px inset; }
html[data-theme="dark"] .au-activation-dialog .au-code-cells .au-code-filled { background: linear-gradient(rgba(34, 101, 98, 0.76), rgba(24, 65, 70, 0.92)); border-color: rgba(73, 203, 187, 0.3); color: rgb(139, 230, 216); }
@media (max-width: 620px) {
  .au-activation-dialog header { padding: 21px 21px 17px; }
  .au-activation-dialog .au-body { padding: 21px 21px 25px; }
  .au-activation-dialog h2 { font-size: 28px; }
  .au-activation-hero { grid-template-columns: 52px minmax(0px, 1fr); gap: 13px; padding: 14px; }
  .au-activation-orbit { width: 48px; height: 48px; border-radius: 16px; }
  .au-activation-dialog .au-code-cells { gap: 3px; }
  .au-activation-dialog .au-code-cells span { height: 47px; border-radius: 10px; font-size: 17px; }
  .au-activation-dialog .au-code-separator { flex-basis: 12px; font-size: 13px; }
  .au-activation-trust { font-size: 10.5px; }
}
.au-login-dialog header::after { content: ""; position: absolute; left: 32px; right: 88px; bottom: -1px; height: 1px; background: linear-gradient(90deg,color-mix(in srgb,var(--av-accent,#00858b) 48%,transparent),transparent); }
.au-login-dialog [data-close]:hover { box-shadow: 0 12px 28px -18px color-mix(in srgb,var(--av-accent,#00858b) 48%,transparent); background: linear-gradient(145deg, rgba(35, 99, 104, 0.9), rgba(19, 69, 75, 0.9)) !important; }
.au-login-field { gap: 8px; }
.au-login-control > svg { stroke-linecap: round; stroke-linejoin: round; background: linear-gradient(145deg, rgba(37, 130, 128, 0.35), rgba(25, 91, 96, 0.26)); }
html[data-theme="dark"] .au-login-dialog { background: radial-gradient(circle at 84% -12%, rgba(37, 197, 181, 0.15), transparent 39%), linear-gradient(155deg, rgb(18, 52, 62), rgb(13, 41, 49) 72%); border: 1px solid rgba(73, 197, 187, 0.18); box-shadow: rgba(0, 9, 17, 0.62) 0px 42px 120px, rgba(98, 226, 210, 0.035) 0px 0px 0px 1px inset; }
html[data-theme="dark"] .au-login-dialog header { background: transparent; border-color: rgba(92, 193, 189, 0.15); }
html[data-theme="dark"] .au-login-dialog [data-close] { background: rgba(25, 62, 71, 0.72); border-color: rgba(94, 198, 194, 0.22); color: rgb(230, 245, 242); }
html[data-theme="dark"] .au-login-intro p { color: rgb(175, 199, 203); }
html[data-theme="dark"] .au-login-field { color: rgb(237, 247, 245); }
html[data-theme="dark"] .au-login-control { background: linear-gradient(rgba(30, 68, 77, 0.88), rgba(22, 55, 64, 0.94)); border-color: rgba(101, 188, 187, 0.22); box-shadow: rgba(218, 255, 248, 0.035) 0px 1px 0px inset, rgba(0, 0, 0, 0.9) 0px 18px 34px -32px; }
html[data-theme="dark"] .au-login-control:focus-within { border-color: rgba(80, 219, 205, 0.58); box-shadow: rgba(47, 186, 173, 0.1) 0px 0px 0px 4px, rgba(12, 191, 177, 0.55) 0px 18px 36px -28px; }
html[data-theme="dark"] .au-login-control input { color: var(--av-text-primary)!important; }
html[data-theme="dark"] .au-login-control input::placeholder { color: rgb(118, 149, 154); }
html[data-theme="dark"] .au-login-control > svg, html[data-theme="dark"] .au-login-eye { stroke: rgb(139, 189, 187); color: rgb(139, 189, 187) !important; }
html[data-theme="dark"] .au-login-remember { color: rgb(220, 236, 234); }
html[data-theme="dark"] .au-login-checkmark { background: rgba(20, 54, 63, 0.92); border-color: rgba(91, 182, 179, 0.29); }
html[data-theme="dark"] .au-login-divider { color: rgb(111, 142, 148); }
html[data-theme="dark"] .au-login-divider::before, html[data-theme="dark"] .au-login-divider::after { opacity: 0.48; }
html[data-theme="dark"] .au-login-links button { background: linear-gradient(rgba(25, 61, 70, 0.78), rgba(18, 50, 59, 0.88)) !important; border-color: rgba(87, 173, 172, 0.16) !important; color: rgb(233, 244, 242) !important; }
html[data-theme="dark"] .au-login-links button:hover { background: linear-gradient(rgba(27, 78, 79, 0.76), rgba(19, 60, 65, 0.92)) !important; border-color: rgba(76, 209, 198, 0.34) !important; }
html[data-theme="dark"] .au-login-link-icon { background: rgba(40, 112, 108, 0.24); color: rgb(127, 224, 210); }
html[data-theme="dark"] .au-login-chevron { color: rgb(137, 169, 173); }
html[data-theme="dark"] .au-login-dialog #au-error { background: rgba(126, 43, 54, 0.2); border-color: rgba(223, 105, 122, 0.22); color: rgb(255, 183, 192); }
@media (max-width: 620px) {
  .au-login-dialog { width: calc(-20px + 100vw); border-radius: 27px; }
  .au-login-dialog header { padding: 23px 22px 19px; }
  .au-login-dialog h2 { font-size: 29px; }
  .au-login-dialog .au-body { padding: 21px 22px 25px; }
  .au-login-intro { margin-bottom: 18px; }
  .au-login-intro p { font-size: 14.5px; }
  .au-login-control { min-height: 54px; border-radius: 15px; }
  .au-login-control input { height: 52px !important; font-size: 16px !important; }
  .au-dialog .au-login-submit { min-height: 56px; padding-left: 48px !important; }
  .au-login-links button { min-height: 56px; border-radius: 15px !important; }
  .au-login-link-icon { width: 36px; height: 36px; }
  .au-login-links b { font-size: 13.5px; }
}
.au-login-dialog { position: relative; isolation: isolate; width: min(96vw, 720px); max-height: calc(100dvh - 24px); overflow: auto; color: rgb(237, 249, 248); color-scheme: dark; border: 1px solid rgba(105, 235, 226, 0.34); border-radius: 36px; background: radial-gradient(82% 66% at 102% 2%, rgba(46, 229, 214, 0.18), transparent 52%), radial-gradient(70% 44% at -8% 34%, rgba(32, 145, 160, 0.18), transparent 66%), linear-gradient(146deg, rgb(11, 48, 57) 0%, rgb(8, 40, 50) 52%, rgb(7, 31, 41) 100%); box-shadow: rgba(0, 11, 19, 0.66) 0px 46px 130px, rgba(165, 255, 244, 0.035) 0px 0px 0px 1px inset, rgba(221, 255, 250, 0.13) 0px 1px 0px inset; scrollbar-width: thin; scrollbar-color: rgba(80, 204, 195, 0.34) transparent; }
.au-login-dialog::-webkit-scrollbar { width: 6px; }
.au-login-dialog::-webkit-scrollbar-track { background: transparent; }
.au-login-dialog::-webkit-scrollbar-thumb { background: rgba(80, 204, 195, 0.28); border-radius: 999px; }
.au-login-dialog::backdrop { backdrop-filter: none; background: rgba(5, 15, 21, 0.58); }
.au-login-dialog::before, .au-login-dialog::after { content: ""; position: absolute; z-index: -1; pointer-events: none; }
.au-login-dialog::before { inset: -1px; background: linear-gradient(125deg, transparent 0px, transparent 9%, rgba(61, 233, 218, 0.06) 9.2%, rgba(61, 233, 218, 0.06) 18%, transparent 18.3%, transparent 62%, rgba(65, 221, 210, 0.055) 62.2%, rgba(65, 221, 210, 0.055) 70%, transparent 70.3%), radial-gradient(60% 44% at 15% 98%, rgba(18, 126, 145, 0.16), transparent 72%); }
.au-login-dialog::after { width: 370px; height: 540px; right: -245px; bottom: -150px; border: 1px solid rgba(76, 220, 210, 0.13); border-radius: 52% 48% 46% 54%; transform: rotate(-24deg); box-shadow: rgba(12, 181, 177, 0.12) 0px 0px 90px inset; }
.au-login-dialog header { position: relative; z-index: 2; padding: 38px 42px 24px 44px; align-items: flex-start; background: transparent !important; border: 0px !important; backdrop-filter: none!important; }
.au-login-dialog header::after { display: none; background: linear-gradient(90deg,color-mix(in srgb,var(--av-accent,#00858b) 48%,transparent),transparent); }
.au-login-dialog .au-kicker { font-size: 10.5px; line-height: 1.25; letter-spacing: 0.22em; font-weight: 850; color: rgb(54, 215, 207); text-shadow: none; }
.au-login-dialog h2 { margin: 10px 0px 0px; color: rgb(244, 251, 251); font-size: 42px; line-height: 1.03; font-weight: 820; letter-spacing: -1.9px; text-shadow: none; }
.au-login-title-accent { background: linear-gradient(105deg, rgb(247, 255, 255) 5%, rgb(89, 240, 226) 52%, rgb(39, 201, 196) 100%) text; color: transparent; text-shadow: none; }
.au-login-dialog [data-close] { width: 50px; height: 50px; flex-basis: 50px; margin-top: -2px; border-radius: 19px !important; background: linear-gradient(145deg, rgba(32, 78, 88, 0.82), rgba(20, 57, 67, 0.82)) !important; border: 1px solid rgba(112, 224, 216, 0.28) !important; color: rgb(238, 250, 248) !important; box-shadow: rgba(0, 0, 0, 0.72) 0px 15px 30px -18px, rgba(224, 255, 251, 0.09) 0px 1px inset !important; transition: transform 0.18s, border-color 0.18s, background 0.18s !important; }
.au-login-dialog [data-close]:hover { transform: translateY(-1px) rotate(3deg) !important; border-color: rgba(104, 239, 226, 0.54) !important; background: linear-gradient(145deg, rgba(35, 99, 104, 0.9), rgba(19, 69, 75, 0.9)) !important; }
.au-login-dialog .au-body { position: relative; z-index: 2; padding: 0px 150px 38px 44px !important; }
.au-login-intro { margin: 0px 0px 27px !important; padding: 0px !important; }
.au-login-intro p { font-weight: 470; letter-spacing: 0.005em; margin: 0px !important; color: rgb(169, 197, 201) !important; font-size: 17px !important; line-height: 1.48 !important; }
.au-login-form { display: grid; gap: 17px; }
.au-login-field { position: relative; display: block; margin: 0px; color: rgb(201, 221, 221) !important; font-size: 12px !important; font-weight: 650 !important; }
.au-login-field > span { position: absolute; z-index: 3; left: 78px; top: 15px; color: rgb(142, 180, 184); font-size: 11.5px; font-weight: 660; line-height: 1; pointer-events: none; transition: color 0.17s; }
.au-login-field:focus-within > span { color: rgb(91, 228, 215); }
.au-login-control { display: grid; grid-template-columns: 68px minmax(0px, 1fr) auto; align-items: center; overflow: hidden; min-height: 72px !important; border: 1px solid rgba(115, 215, 207, 0.24) !important; border-radius: 22px !important; background: linear-gradient(145deg, rgba(34, 77, 86, 0.82), rgba(18, 54, 64, 0.86)) !important; box-shadow: rgba(225, 255, 251, 0.067) 0px 1px 0px inset, rgba(0, 0, 0, 0.8) 0px 18px 34px -30px !important; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s, background 0.18s !important; }
.au-login-control::before { content: ""; position: absolute; inset: 0px; border-radius: inherit; pointer-events: none; background: linear-gradient(110deg, rgba(89, 238, 224, 0.04), transparent 30%, transparent 70%, rgba(89, 238, 224, 0.024)); }
.au-login-control:focus-within { transform: translateY(-1px); border-color: rgba(82, 237, 223, 0.62) !important; background: linear-gradient(145deg, rgba(35, 88, 95, 0.9), rgba(17, 62, 70, 0.93)) !important; box-shadow: rgba(46, 213, 201, 0.08) 0px 0px 0px 3px, rgba(0, 184, 177, 0.42) 0px 22px 38px -27px, rgba(225, 255, 251, 0.08) 0px 1px 0px inset !important; }
.au-login-control > svg { box-sizing: content-box; padding: 12px; justify-self: center; border-radius: 16px; background: linear-gradient(145deg, rgba(37, 130, 128, 0.35), rgba(25, 91, 96, 0.26)); border: 1px solid rgba(82, 222, 210, 0.09); fill: none; filter: drop-shadow(rgba(56, 224, 210, 0.16) 0px 0px 10px); width: 22px !important; height: 22px !important; stroke: rgb(100, 230, 218) !important; stroke-width: 1.8 !important; }
.au-login-control input { letter-spacing: 0.005em; width: 100% !important; min-width: 0px !important; height: 70px !important; margin: 0px !important; padding: 19px 12px 0px 0px !important; border: 0px !important; outline: 0px !important; background: var(--av-well)!important; box-shadow: var(--av-shadow-well)!important; color: var(--av-text-primary)!important; font: 650 18px / 1.25 var(--av-font-sans) !important; }
.au-login-control input::placeholder { font-weight: 520; color: rgb(111, 153, 158) !important; }
.au-login-eye { display: grid !important; place-items: center !important; width: 48px !important; height: 48px !important; margin-right: 9px !important; padding: 0px !important; border: 0px !important; border-radius: 15px !important; background: rgba(10, 37, 46, 0.22) !important; color: rgb(137, 170, 175) !important; transition: color 0.16s, background 0.16s !important; }
.au-login-eye:hover { color: rgb(111, 231, 219) !important; background: rgba(37, 119, 118, 0.24) !important; }
.au-login-eye svg { width: 22px; height: 22px; fill: none; stroke: currentcolor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.au-login-eye.is-visible .au-eye-slash { display: none; }
.au-login-remember { display: flex; align-items: center; gap: 12px; margin: 0px; padding: 1px 1px 3px; cursor: pointer; color: rgb(228, 241, 239) !important; font-size: 13.5px !important; font-weight: 650 !important; }
.au-login-remember input { position: absolute; opacity: 0; pointer-events: none; }
.au-login-checkmark { display: grid; place-items: center; box-shadow: rgba(255, 255, 255, 0.024) 0px 0px 0px 1px inset, rgba(35, 226, 209, 0.9) 0px 10px 20px -17px; width: 25px !important; height: 25px !important; flex: 0 0 25px !important; border: 1px solid rgba(96, 226, 215, 0.58) !important; border-radius: 9px !important; background: linear-gradient(145deg, rgba(16, 56, 65, 0.96), rgba(11, 43, 53, 0.96)) !important; transition: 0.18s !important; }
.au-login-checkmark svg { width: 16px; height: 16px; fill: none; stroke: rgb(255, 255, 255); stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; opacity: 0; transform: scale(0.72); transition: 0.16s; }
.au-login-remember input:checked + .au-login-checkmark { background: linear-gradient(145deg, rgb(5, 167, 165), rgb(39, 211, 193)) !important; border-color: rgb(86, 238, 224) !important; box-shadow: rgba(44, 216, 201, 0.1) 0px 0px 0px 3px, rgba(17, 210, 195, 0.72) 0px 10px 24px -12px !important; }
.au-login-remember input:checked + .au-login-checkmark svg { opacity: 1; transform: scale(1); }
.au-dialog .au-login-submit { position: relative; isolation: isolate; grid-template-columns: 1fr auto; align-items: center; overflow: hidden; letter-spacing: 0.01em; text-shadow: none; display: grid !important; min-height: 66px !important; margin-top: 2px !important; padding: 0px 22px 0px 58px !important; border:1px solid transparent!important; border-radius: 23px !important; background:var(--a2-legacy-surface,linear-gradient(112deg, rgb(5, 152, 154) 0%, rgb(13, 181, 173) 52%, rgb(45, 210, 191) 100%))!important; color: rgb(255, 255, 255) !important; box-shadow:var(--a2-legacy-shadow-inset,rgba(0, 211, 199, 0.66) 0px 24px 50px -24px, rgba(255, 255, 255, 0.07) 0px 0px 0px 1px inset, rgba(255, 255, 255, 0.35) 0px 1px 0px inset)!important; font-size: 18px !important; font-weight: 820 !important; transition: transform 0.18s, filter 0.18s, box-shadow 0.18s !important; }
.au-dialog .au-login-submit::before { content: ""; position: absolute; z-index: -1; width: 58%; height: 160%; right: -10%; top: -68%; transform: rotate(-18deg); background:var(--a2-legacy-surface,linear-gradient(110deg, transparent, rgba(230, 255, 252, 0.18), rgba(255, 255, 255, 0.04), transparent)); border-radius: 50%; transition: transform 0.25s; }
.au-dialog .au-login-submit:hover { filter: saturate(1.08) brightness(1.04); transform: translateY(-2px) !important; box-shadow:var(--a2-legacy-shadow-inset,rgba(0, 224, 208, 0.72) 0px 28px 58px -22px, rgba(255, 255, 255, 0.08) 0px 0px 0px 1px inset)!important; }
.au-dialog .au-login-submit:hover::before { transform: translateX(-18px) rotate(-18deg); }
.au-login-submit svg { fill: none; stroke: currentcolor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; width: 25px !important; height: 25px !important; }
.au-login-divider { display: flex; align-items: center; gap: 16px; margin: 25px 0px 18px; text-transform: lowercase; color: rgb(110, 146, 150) !important; font-size: 11.5px !important; font-weight: 720 !important; }
.au-login-divider::before, .au-login-divider::after { content: ""; height: 1px; flex: 1 1 0%; background: linear-gradient(90deg, transparent, rgba(109, 176, 177, 0.35)) !important; }
.au-login-divider::after { background: linear-gradient(90deg, rgba(109, 176, 177, 0.35), transparent) !important; }
.au-login-links { display: grid; gap: 10px; }
.au-login-links button { grid-template-columns: 48px minmax(0px, 1fr) 20px; align-items: center; gap: 12px; box-shadow: rgba(255, 255, 255, 0.035) 0px 1px 0px inset; display: grid !important; min-height: 64px !important; padding: 8px 14px !important; text-align: left !important; border: 1px solid rgba(93, 188, 184, 0.22) !important; border-radius: 19px !important; background: linear-gradient(145deg, rgba(26, 65, 74, 0.75), rgba(14, 48, 58, 0.86)) !important; color: rgb(237, 248, 246) !important; transition: transform 0.18s, border-color 0.18s, background 0.18s, box-shadow 0.18s !important; }
.au-login-links button:hover { box-shadow: rgba(0, 224, 210, 0.75) 0px 17px 30px -28px; transform: translateX(3px) !important; border-color: rgba(77, 229, 216, 0.46) !important; background: linear-gradient(145deg, rgba(29, 82, 84, 0.82), rgba(15, 61, 66, 0.94)) !important; }
.au-login-link-icon { display: grid; place-items: center; border: 1px solid rgba(74, 214, 204, 0.08); box-shadow: rgba(255, 255, 255, 0.04) 0px 1px inset; width: 42px !important; height: 42px !important; border-radius: 15px !important; background: linear-gradient(145deg, rgba(39, 127, 126, 0.38), rgba(26, 86, 93, 0.28)) !important; color: rgb(96, 226, 213) !important; }
.au-login-link-icon svg { fill: none; stroke: currentcolor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; width: 22px !important; height: 22px !important; }
.au-login-links b { min-width: 0px; color: rgb(237, 248, 246); font-size: 14.5px !important; font-weight: 720 !important; }
.au-login-chevron { justify-self: end; font-weight: 300; line-height: 1; color: rgb(140, 177, 181) !important; font-size: 27px !important; }
.au-login-brand-rail { position: absolute; z-index: 3; top: 166px; right: 27px; width: 92px; min-height: 230px; padding: 20px 12px 18px; display: flex; flex-direction: column; align-items: center; gap: 17px; border: 1px solid rgba(72, 219, 207, 0.17); border-radius: 27px; background: linear-gradient(155deg, rgba(25, 81, 87, 0.58), rgba(9, 45, 56, 0.72)); box-shadow: rgba(213, 255, 249, 0.05) 0px 1px inset, rgba(0, 0, 0, 0.8) 0px 22px 48px -39px; backdrop-filter: none; pointer-events: none; }
.au-login-brand-rail img { width: 50px; height: 50px; border-radius: 16px; filter: saturate(0.88) brightness(0.95); box-shadow: rgba(67, 255, 225, 0.6) 0px 15px 28px -20px; }
.au-login-brand-rail span { color: rgb(102, 142, 148); font: 720 8.5px / 1.72 var(--av-font-sans); letter-spacing: 0.28em; text-align: center; }
.au-login-brand-rail i { display: block; width: 30px; height: 1px; background: rgb(40, 209, 200); box-shadow: rgba(40, 209, 200, 0.36) 0px 0px 12px; }
.au-login-whisper { position: absolute; z-index: 3; left: 17px; top: 520px; color: rgb(84, 124, 130); font: 720 7.5px / 1.75 var(--av-font-sans); letter-spacing: 0.28em; pointer-events: none; }
.au-login-whisper::after { content: ""; display: block; width: 26px; height: 1px; margin-top: 8px; background: rgb(33, 189, 185); }
.au-login-dialog #au-error:empty { display: none; }
.au-login-dialog #au-error { margin: 14px 0px 0px !important; padding: 11px 13px !important; border: 1px solid rgba(239, 119, 135, 0.24) !important; border-radius: 13px !important; background: rgba(127, 40, 52, 0.22) !important; color: rgb(255, 183, 193) !important; font-size: 12.5px !important; font-weight: 650 !important; }
@media (max-width: 760px) {
  .au-login-dialog { width: calc(-18px + 100vw); max-height: calc(100dvh - 18px); border-radius: 29px; }
  .au-login-dialog header { padding: 27px 24px 18px 25px; }
  .au-login-dialog h2 { font-size: 34px; letter-spacing: -1.35px; }
  .au-login-dialog [data-close] { width: 45px; height: 45px; flex-basis: 45px; border-radius: 17px !important; }
  .au-login-dialog .au-body { padding: 0px 24px 28px !important; }
  .au-login-intro { margin-bottom: 21px !important; }
  .au-login-intro p { font-size: 15px !important; }
  .au-login-brand-rail, .au-login-whisper { display: none; }
  .au-login-control { grid-template-columns: 61px minmax(0px, 1fr) auto; min-height: 65px !important; border-radius: 19px !important; }
  .au-login-control > svg { padding: 10px; border-radius: 14px; width: 20px !important; height: 20px !important; }
  .au-login-field > span { left: 69px; top: 13px; font-size: 10.5px; }
  .au-login-control input { height: 63px !important; padding-top: 17px !important; font-size: 17px !important; }
  .au-login-eye { width: 44px !important; height: 44px !important; margin-right: 7px !important; }
  .au-dialog .au-login-submit { min-height: 61px !important; border-radius: 20px !important; padding-left: 50px !important; font-size: 17px !important; }
  .au-login-divider { margin: 21px 0px 15px; }
  .au-login-links { gap: 8px; }
  .au-login-links button { grid-template-columns: 43px minmax(0px, 1fr) 18px; gap: 9px; min-height: 58px !important; border-radius: 17px !important; padding: 7px 11px !important; }
  .au-login-link-icon { width: 38px !important; height: 38px !important; border-radius: 13px !important; }
  .au-login-links b { font-size: 13.5px !important; }
}
@media (max-width: 390px) {
  .au-login-dialog header { padding-inline: 20px; }
  .au-login-dialog .au-body { padding-inline: 20px !important; }
  .au-login-dialog h2 { font-size: 31px; }
  .au-login-dialog .au-kicker { font-size: 9px; letter-spacing: 0.17em; }
  .au-login-intro p { font-size: 14px !important; }
  .au-login-remember { font-size: 12.5px !important; }
  .au-login-links b { font-size: 13px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .au-login-dialog * { transition: none !important; }
  .au-login-dialog [data-close]:hover, .au-login-links button:hover, .au-dialog .au-login-submit:hover, .au-login-control:focus-within { transform: none !important; }
}
.au-login-v2 { width: min(94vw, 590px); max-width: 590px; max-height: min(94dvh, 860px); padding: 0px; border: 0px; border-radius: 32px; overflow: hidden; background: transparent; color: rgb(234, 247, 245); color-scheme: dark; font: 400 15px / 1.45 var(--av-font-sans); box-shadow: rgba(0, 8, 15, 0.62) 0px 42px 120px; }
.au-login-v2::backdrop { backdrop-filter: none; background: rgba(5, 15, 21, 0.58); }
.au-login-v2-surface { position: relative; isolation: isolate; box-sizing: border-box; width: 100%; max-height: min(94dvh, 860px); overflow: hidden auto; padding: 28px; border: 1px solid rgba(107, 221, 212, 0.2); border-radius: 32px; background: radial-gradient(72% 45% at 96% 0%, rgba(52, 219, 203, 0.13), transparent 64%), radial-gradient(72% 55% at 0% 100%, rgba(24, 116, 132, 0.1), transparent 70%), linear-gradient(155deg, rgba(17, 57, 66, 0.98), rgba(8, 35, 44, 0.99) 56%, rgba(6, 28, 37, 0.99)); box-shadow: rgba(220, 255, 250, 0.09) 0px 1px 0px inset, rgba(255, 255, 255, 0.016) 0px 0px 0px 1px inset; scrollbar-width: none; }
.au-login-v2-surface::-webkit-scrollbar { display: none; }
.au-login-v2-surface::before { content: ""; position: absolute; z-index: -1; inset: 0px; pointer-events: none; background: linear-gradient(120deg, rgba(82, 235, 222, 0.043), transparent 22%, transparent 74%, rgba(82, 235, 222, 0.027)); }
.au-login-v2-orbit { position: absolute; z-index: -1; pointer-events: none; border: 1px solid rgba(64, 204, 196, 0.1); border-radius: 50%; }
.au-login-v2-orbit-a { box-shadow: rgba(21, 187, 181, 0.08) 0px 0px 90px inset; }
.au-login-v2-orbit-b { box-shadow: rgba(17, 142, 156, 0.05) 0px 0px 70px inset; }
.au-login-v2-close { position: absolute; z-index: 5; top: 24px; display: grid; place-items: center; width: 44px; height: 44px; padding: 0px; border-radius: 15px; border: 1px solid rgba(118, 223, 216, 0.17); background: rgba(19, 58, 67, 0.58); color: rgb(223, 241, 239); cursor: pointer; box-shadow: rgba(255, 255, 255, 0.04) 0px 1px 0px inset; transition: border-color 0.16s, background 0.16s, transform 0.16s; }
.au-login-v2-close:hover { transform: translateY(-1px); border-color: rgba(91, 232, 221, 0.42); background: rgba(24, 76, 82, 0.72); }
.au-login-v2-close svg { width: 18px; height: 18px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; }
.au-login-v2-head { padding-top: 0px; padding-bottom: 24px; margin: 0px 0px 2px; border: 0px; background: none; }
.au-login-v2-brand { display: flex; align-items: center; gap: 11px; margin-bottom: 24px; }
.au-login-v2-brand img { width: 38px; height: 38px; border-radius: 13px; box-shadow: rgba(48, 237, 216, 0.72) 0px 10px 22px -14px; }
.au-login-v2-brand > div { display: grid; gap: 1px; min-width: 0px; }
.au-login-v2-brand b { font-size: 14px; line-height: 1.1; letter-spacing: 0.08em; color: rgb(240, 250, 248); }
.au-login-v2-brand span { font-size: 8.5px; line-height: 1.2; letter-spacing: 0.19em; color: rgb(111, 153, 157); font-weight: 760; }
.au-login-v2-copy { max-width: 470px; }
.au-login-v2-eyebrow { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 8px; color: rgb(93, 219, 208); font-size: 10px; font-weight: 760; letter-spacing: 0.08em; text-transform: uppercase; }
.au-login-v2-eyebrow i { width: 5px; height: 5px; border-radius: 50%; background: rgb(70, 216, 202); box-shadow: rgba(70, 216, 202, 0.55) 0px 0px 12px; }
.au-login-v2-copy h2 { margin: 0px; color: rgb(244, 251, 250); font: 790 clamp(32px, 5.4vw, 42px) / 1.03 var(--av-font-sans); letter-spacing: -1.55px; }
.au-login-v2-copy h2 em { font-style: normal; color: rgb(99, 228, 216); }
.au-login-v2-copy p { margin: 12px 0px 0px; max-width: 450px; color: rgb(156, 184, 188); font-size: 14.5px; line-height: 1.52; font-weight: 430; }
.au-login-v2-form { display: grid; gap: 14px; }
.au-login-v2-credentials { overflow: hidden; border: 1px solid rgba(103, 206, 198, 0.18); border-radius: 22px; background: linear-gradient(145deg, rgba(29, 72, 80, 0.72), rgba(13, 48, 58, 0.84)); box-shadow: rgba(227, 255, 251, 0.043) 0px 1px 0px inset, rgba(0, 0, 0, 0.8) 0px 20px 42px -36px; }
.au-login-v2-row { display: grid; grid-template-columns: 52px minmax(0px, 1fr) auto; align-items: center; min-height: 76px; padding: 0px 13px 0px 12px; position: relative; }
.au-login-v2-separator { display: block; height: 1px; margin-left: 64px; background: linear-gradient(90deg, rgba(111, 190, 189, 0.19), rgba(111, 190, 189, 0.04)); }
.au-login-v2-icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 14px; color: rgb(105, 221, 211); background: rgba(37, 120, 119, 0.18); border: 1px solid rgba(85, 220, 208, 0.08); }
.au-login-v2-icon svg { width: 20px; height: 20px; fill: none; stroke: currentcolor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.au-login-v2-field { display: grid; align-content: center; min-width: 0px; gap: 2px; padding: 9px 8px 9px 2px; }
.au-login-v2-field small { color: rgb(121, 157, 161); font-size: 10.5px; font-weight: 700; line-height: 1.1; letter-spacing: 0.01em; }
.au-login-v2-field input { box-sizing: border-box; width: 100%; min-width: 0px; height: 31px; margin: 0px; padding: 0px; border: 0px; outline: 0px; background: var(--av-well); color: var(--av-text-primary); font: 650 17px / 1.2 var(--av-font-sans); box-shadow: var(--av-shadow-well); }
.au-login-v2-field input::placeholder { color: rgb(100, 137, 142); font-weight: 500; }
.au-login-v2-row:focus-within { background: linear-gradient(90deg, rgba(43, 138, 133, 0.12), transparent 72%); }
.au-login-v2-row:focus-within .au-login-v2-icon { color: rgb(120, 240, 228); background: rgba(39, 148, 141, 0.24); border-color: rgba(91, 229, 216, 0.2); }
.au-login-v2-eye { display: grid; place-items: center; width: 40px; height: 40px; padding: 0px; border: 0px; border-radius: 13px; background: transparent; color: rgb(120, 157, 162); cursor: pointer; transition: 0.16s; }
.au-login-v2-eye:hover { color: rgb(105, 222, 211); background: rgba(48, 131, 130, 0.16); }
.au-login-v2-eye svg { width: 20px; height: 20px; fill: none; stroke: currentcolor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.au-login-v2-eye.is-visible .au-eye-slash { display: none; }
.au-login-v2-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 42px; }
.au-login-v2-remember { display: flex; align-items: center; gap: 10px; min-width: 0px; cursor: pointer; }
.au-login-v2-remember input { position: absolute; opacity: 0; pointer-events: none; }
.au-login-v2-check { display: grid; place-items: center; flex: 0 0 23px; width: 23px; height: 23px; border-radius: 8px; border: 1px solid rgba(91, 220, 209, 0.4); background: rgba(10, 41, 50, 0.56); transition: 0.16s; }
.au-login-v2-check svg { width: 15px; height: 15px; fill: none; stroke: rgb(255, 255, 255); stroke-width: 2.35; stroke-linecap: round; stroke-linejoin: round; opacity: 0; transform: scale(0.72); transition: 0.16s; }
.au-login-v2-remember input:checked + .au-login-v2-check { border-color: rgb(84, 229, 216); background: linear-gradient(145deg, rgb(5, 159, 158), rgb(40, 207, 189)); box-shadow: rgba(54, 215, 202, 0.08) 0px 0px 0px 3px; }
.au-login-v2-remember input:checked + .au-login-v2-check svg { opacity: 1; transform: scale(1); }
.au-login-v2-remember > span:last-child { display: grid; gap: 1px; min-width: 0px; }
.au-login-v2-remember b { color: rgb(220, 236, 234); font-size: 12.5px; font-weight: 680; line-height: 1.2; }
.au-login-v2-remember small { color: rgb(102, 137, 142); font-size: 9.5px; line-height: 1.2; }
.au-login-v2-secure { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; color: rgb(99, 135, 140); font-size: 9.5px; font-weight: 680; }
.au-login-v2-secure i { width: 5px; height: 5px; border-radius: 50%; background: rgb(75, 207, 195); box-shadow: rgba(75, 207, 195, 0.42) 0px 0px 9px; }
.au-login-v2-submit { position: relative; display: grid; grid-template-columns: 1fr auto; align-items: center; min-height: 58px; padding: 0px 19px 0px 44px; border: 1px solid rgba(126, 247, 236, 0.46); border-radius: 18px; background: linear-gradient(115deg, rgb(7, 143, 148) 0%, rgb(14, 170, 165) 58%, rgb(39, 201, 184) 100%); color: rgb(255, 255, 255); cursor: pointer; box-shadow: rgba(0, 208, 195, 0.62) 0px 20px 38px -25px, rgba(255, 255, 255, 0.23) 0px 1px 0px inset; font: 780 16px / 1 var(--av-font-sans); overflow: hidden; transition: 0.17s; }
.au-login-v2-submit::before { content: ""; position: absolute; right: -28px; top: -40px; width: 150px; height: 140px; border-radius: 50%; background: radial-gradient(circle, rgba(255, 255, 255, 0.15), transparent 66%); pointer-events: none; }
.au-login-v2-submit:hover { transform: translateY(-1px); filter: saturate(1.05) brightness(1.025); box-shadow: rgba(0, 219, 204, 0.7) 0px 24px 42px -24px, rgba(255, 255, 255, 0.27) 0px 1px 0px inset; }
.au-login-v2-submit svg { width: 22px; height: 22px; fill: none; stroke: currentcolor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.au-login-v2-divider { display: flex; align-items: center; gap: 12px; margin: 20px 0px 12px; color: rgb(95, 133, 138); font-size: 9.5px; font-weight: 740; letter-spacing: 0.06em; text-transform: uppercase; }
.au-login-v2-divider::before, .au-login-v2-divider::after { content: ""; height: 1px; flex: 1 1 0%; background: linear-gradient(90deg, transparent, rgba(98, 157, 158, 0.22)); }
.au-login-v2-divider::after { background: linear-gradient(90deg, rgba(98, 157, 158, 0.22), transparent); }
.au-login-v2-routes { overflow: hidden; border: 1px solid rgba(94, 188, 184, 0.15); border-radius: 20px; background: rgba(12, 43, 52, 0.48); box-shadow: rgba(255, 255, 255, 0.024) 0px 1px 0px inset; }
.au-login-v2-routes button { display: grid; width: 100%; grid-template-columns: 40px minmax(0px, 1fr) 20px; align-items: center; gap: 12px; min-height: 61px; padding: 8px 14px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(91, 157, 158, 0.1); border-image: none; border-radius: 0px; background: transparent; color: rgb(227, 239, 237); text-align: left; cursor: pointer; transition: background 0.16s; }
.au-login-v2-routes button:last-child { border-bottom: 0px; }
.au-login-v2-routes button:hover { background: linear-gradient(90deg, rgba(36, 122, 119, 0.17), rgba(36, 122, 119, 0.035)); }
.au-login-v2-route-icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 12px; background: rgba(36, 113, 112, 0.16); color: rgb(95, 216, 206); }
.au-login-v2-route-icon svg { width: 19px; height: 19px; fill: none; stroke: currentcolor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.au-login-v2-routes button > span:nth-child(2) { display: grid; gap: 2px; min-width: 0px; }
.au-login-v2-routes b { font-size: 13px; font-weight: 700; line-height: 1.2; }
.au-login-v2-routes small { color: rgb(101, 135, 140); font-size: 9.5px; line-height: 1.2; }
.au-login-v2-route-arrow { justify-self: end; width: 18px; height: 18px; fill: none; stroke: rgb(118, 154, 158); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.16s, stroke 0.16s; }
.au-login-v2-routes button:hover .au-login-v2-route-arrow { transform: translateX(2px); stroke: rgb(99, 219, 208); }
.au-login-v2-error:empty { display: none; }
.au-login-v2-error { margin: 12px 0px 0px; padding: 10px 12px; border: 1px solid rgba(239, 119, 135, 0.2); border-radius: 12px; background: rgba(127, 40, 52, 0.18); color: rgb(255, 181, 192); font-size: 11.5px; font-weight: 650; }
.au-login-v2 button:focus-visible{ outline: none; outline-offset: 2px; }
.au-login-v2 input:focus-visible{ outline: none; outline-offset: 2px; background:var(--av-focus-well);}
@media (max-width: 620px) {
  .au-login-v2 { width: calc(-16px + 100vw); max-height: calc(100dvh - 16px); border-radius: 27px; }
  .au-login-v2-surface { max-height: calc(100dvh - 16px); padding: 22px; border-radius: 27px; }
  .au-login-v2-close { top: 19px; right: 19px; width: 41px; height: 41px; border-radius: 14px; }
  .au-login-v2-head { padding-right: 46px; padding-bottom: 20px; }
  .au-login-v2-brand { margin-bottom: 19px; }
  .au-login-v2-brand img { width: 34px; height: 34px; border-radius: 12px; }
  .au-login-v2-brand b { font-size: 13px; }
  .au-login-v2-brand span { font-size: 7.7px; letter-spacing: 0.16em; }
  .au-login-v2-copy h2 { font-size: 32px; letter-spacing: -1.2px; }
  .au-login-v2-copy p { margin-top: 9px; font-size: 13.5px; line-height: 1.45; }
  .au-login-v2-eyebrow { font-size: 9px; margin-bottom: 7px; }
  .au-login-v2-credentials { border-radius: 19px; }
  .au-login-v2-row { grid-template-columns: 47px minmax(0px, 1fr) auto; min-height: 68px; padding-inline: 10px; }
  .au-login-v2-separator { margin-left: 57px; }
  .au-login-v2-icon { width: 36px; height: 36px; border-radius: 12px; }
  .au-login-v2-icon svg { width: 18px; height: 18px; }
  .au-login-v2-field { padding-left: 1px; }
  .au-login-v2-field input { font-size: 16px; }
  .au-login-v2-eye { width: 37px; height: 37px; }
  .au-login-v2-meta { align-items: flex-start; }
  .au-login-v2-secure { display: none; }
  .au-login-v2-remember small { font-size: 9px; }
  .au-login-v2-submit { min-height: 55px; border-radius: 17px; padding-left: 40px; font-size: 15.5px; }
  .au-login-v2-divider { margin: 17px 0px 10px; }
  .au-login-v2-routes { border-radius: 18px; }
  .au-login-v2-routes button { min-height: 56px; grid-template-columns: 37px minmax(0px, 1fr) 18px; gap: 10px; padding: 7px 11px; }
  .au-login-v2-route-icon { width: 33px; height: 33px; border-radius: 11px; }
  .au-login-v2-routes b { font-size: 12.5px; }
}
@media (max-width: 390px) {
  .au-login-v2-surface { padding: 19px; }
  .au-login-v2-close { top: 17px; right: 17px; }
  .au-login-v2-brand span { display: none; }
  .au-login-v2-copy h2 { font-size: 29px; }
  .au-login-v2-copy p { font-size: 12.5px; }
  .au-login-v2-row { min-height: 64px; }
  .au-login-v2-route-icon { display: none; }
  .au-login-v2-routes button { grid-template-columns: minmax(0px, 1fr) 18px; }
  .au-login-v2-routes small { font-size: 9px; }
}
@media (max-height: 680px) and (min-width: 621px) {
  .au-login-v2-surface { padding-top: 22px; padding-bottom: 22px; }
  .au-login-v2-head { padding-bottom: 17px; }
  .au-login-v2-brand { margin-bottom: 15px; }
  .au-login-v2-copy p { margin-top: 8px; }
  .au-login-v2-row { min-height: 66px; }
  .au-login-v2-meta { min-height: 36px; }
  .au-login-v2-submit { min-height: 54px; }
  .au-login-v2-divider { margin: 15px 0px 9px; }
  .au-login-v2-routes button { min-height: 53px; }
}
@media (prefers-reduced-motion: reduce) {
  .au-login-v2 * { transition: none !important; }
  .au-login-v2-submit:hover, .au-login-v2-close:hover { transform: none !important; }
}
@media (max-height: 820px) and (min-width: 621px) {
  .au-login-v2-surface { padding: 22px 28px; }
  .au-login-v2-close { top: 20px; right: 24px; width: 41px; height: 41px; }
  .au-login-v2-head { padding: 0px 54px 14px 0px; }
  .au-login-v2-brand { margin-bottom: 12px; }
  .au-login-v2-brand img { width: 34px; height: 34px; border-radius: 12px; }
  .au-login-v2-copy h2 { font-size: 36px; }
  .au-login-v2-copy p { margin-top: 7px; font-size: 13.5px; }
  .au-login-v2-eyebrow { margin-bottom: 5px; font-size: 9px; }
  .au-login-v2-form { gap: 10px; }
  .au-login-v2-row { min-height: 60px; }
  .au-login-v2-field input { height: 27px; font-size: 16px; }
  .au-login-v2-icon { width: 35px; height: 35px; border-radius: 12px; }
  .au-login-v2-separator { margin-left: 64px; }
  .au-login-v2-meta { min-height: 31px; }
  .au-login-v2-remember small { display: none; }
  .au-login-v2-submit { min-height: 50px; border-radius: 16px; }
  .au-login-v2-divider { margin: 12px 0px 8px; }
  .au-login-v2-routes { border-radius: 17px; }
  .au-login-v2-routes button { min-height: 47px; padding-top: 5px; padding-bottom: 5px; }
  .au-login-v2-route-icon { width: 31px; height: 31px; border-radius: 10px; }
  .au-login-v2-routes small { font-size: 8.8px; }
}
.au-login-v2-orbit-a { width: 280px; height: 280px; right: -170px; top: 0px; }
.au-login-v2-orbit-b { width: 220px; height: 220px; left: -140px; bottom: 0px; }
.au-access-flow { --af-canvas: #071613; --af-canvas-2: #0a1f1a; --af-surface: var(--av-surface-1); --af-surface-hi: var(--av-surface-elevated); --af-text: var(--av-text-primary); --af-text-2: var(--av-text-secondary); --af-text-3: var(--av-text-muted); --af-accent: var(--av-accent); --af-accent-deep: var(--av-accent-strong); --af-accent-ink: #04211b; --af-accent-glow: rgba(47,230,196,.35); --af-accent-soft: var(--av-accent-soft); width: min(94vw, 520px); max-width: 520px; max-height: min(94dvh, 900px); padding: 0px; border: 0px; border-radius: 36px; overflow: hidden; background: transparent; color: var(--af-text); color-scheme: dark; font: 500 14px / 1.45 var(--av-font-sans); box-shadow: rgba(0, 0, 0, 0.78) 0px 45px 110px -20px, rgba(255, 255, 255, 0.04) 0px 0px 0px 1px; }
html[data-theme="light"] .au-access-flow { --af-canvas: #f3f6f7; --af-canvas-2: #e8eef0; --af-surface: var(--av-surface-1); --af-surface-hi: var(--av-surface-elevated); --af-text: var(--av-text-primary); --af-text-2: var(--av-text-secondary); --af-text-3: var(--av-text-muted); --af-accent: var(--av-accent); --af-accent-deep: var(--av-accent-strong); --af-accent-ink: #fff; --af-accent-glow: rgba(0,143,145,.20); --af-accent-soft: var(--av-accent-soft); color-scheme: light; }
.au-access-flow::backdrop { backdrop-filter: none; background: rgba(5, 15, 21, 0.58); }
html[data-theme="light"] .au-access-flow::backdrop { backdrop-filter: none; background: rgba(5, 15, 21, 0.58); }
.au-access-surface { position: relative; isolation: isolate; box-sizing: border-box; max-height: min(94dvh, 900px); overflow: hidden auto; padding: 24px; border: 1px solid rgba(118, 222, 211, 0.12); border-radius: 36px; background: radial-gradient(110% 76% at 42% -6%,var(--af-canvas-2),var(--af-canvas) 64%); }
.au-access-surface::after { content: ""; position: absolute; inset: 0px; z-index: -3; opacity: 0.03; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.au-access-glow { position: absolute; z-index: -2; border-radius: 50%; filter: blur(48px); pointer-events: none; background: var(--af-accent-glow); }
.au-access-glow.g1 { width: 290px; height: 220px; left: -120px; top: -90px; opacity: 0.5; }
.au-access-glow.g2 { width: 240px; height: 220px; right: -120px; bottom: 40px; opacity: 0.3; }
.au-access-close { position: absolute; top: 22px; z-index: 5; width: 46px; height: 46px; padding: 0px; border: 0px; border-radius: 15px; display: grid; place-items: center; color: var(--af-text-2); box-shadow: rgba(255, 255, 255, 0.06) 0px 1px 0px inset, rgba(0, 0, 0, 0.55) 0px 6px 14px -4px, rgba(0, 0, 0, 0.35) 0px 1px 3px; transition: 0.16s; background: var(--af-surface); }
.au-access-close:hover { color: var(--af-accent); transform: translateY(-1px); }
.au-access-close:active { transform: translateY(1px); box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 5px inset; }
.au-access-close svg { width: 19px; height: 19px; fill: none; stroke: currentcolor; stroke-width: 2; stroke-linecap: round; }
.au-access-head { padding-top: 0px; padding-bottom: 0px; }
.au-access-brand { display: flex; align-items: center; gap: 10px; margin-bottom: 22px; }
.au-access-brand img { width: 42px; height: 42px; border-radius: 13px; box-shadow: 0 0 24px -7px var(--af-accent-glow); }
.au-access-brand div { display: flex; flex-direction: column; }
.au-access-brand b { font-size: 14px; letter-spacing: 0.16em; }
.au-access-brand span { margin-top: 1px; color: var(--af-text-3); font-size: 9px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }
.au-access-badge { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 12px; padding: 6px 12px; border-radius: 999px; box-shadow: rgba(0, 0, 0, 0.36) 0px 2px 5px inset, rgba(255, 255, 255, 0.04) 0px -1px 1px inset; color: var(--af-accent); font-size: 10.5px; font-weight: 750; letter-spacing: 0.055em; background: var(--af-surface); }
.au-access-badge i { width: 6px; height: 6px; border-radius: 50%; box-shadow: 0 0 9px var(--af-accent); background: var(--af-accent); }
.au-access-head h2 { margin: 0px; color: var(--af-text); font-size: 31px; line-height: 1.12; letter-spacing: -0.035em; font-weight: 820; }
.au-access-head h2 em { color: var(--af-accent); font-style: normal; }
.au-access-head p { max-width: 390px; margin: 10px 0px 0px; color: var(--af-text-2); font-size: 13px; line-height: 1.55; }
.au-access-progress { display: grid; grid-template-columns: repeat(3, 1fr) auto; align-items: center; gap: 7px; margin: 22px 0px 20px; }
.au-access-progress > span { height: 4px; border-radius: 999px; box-shadow: rgba(0, 0, 0, 0.34) 0px 1px 2px inset; background: color-mix(in srgb,var(--af-surface) 82%,transparent); }
.au-access-progress > span.active { box-shadow: 0 0 12px -2px var(--af-accent-glow); background: linear-gradient(90deg,var(--af-accent-deep),var(--af-accent)); }
.au-access-progress small { margin-left: 5px; color: var(--af-text-3); font-size: 9.5px; font-weight: 760; white-space: nowrap; }
.au-access-form { display: flex; flex-direction: column; gap: 14px; }
.au-access-code-label { display: flex; align-items: center; gap: 12px; color: var(--af-text); }
.au-access-code-label > span:last-child { display: flex; flex-direction: column; gap: 2px; }
.au-access-code-label b { font-size: 12.5px; }
.au-access-code-label small { color: var(--af-text-3); font-size: 10.5px; }
.au-access-field-icon { display: grid; place-items: center; width: 40px; height: 40px; flex: 0 0 40px; border-radius: 12px; color: var(--af-accent); box-shadow: rgba(0, 0, 0, 0.34) 0px 2px 5px inset, rgba(255, 255, 255, 0.04) 0px -1px 1px inset; background: var(--af-surface); }
.au-access-field-icon svg { width: 18px; height: 18px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.au-access-code-shell { position: relative; padding: 12px; border-radius: 18px; box-shadow: rgba(0, 0, 0, 0.38) 0px 2px 5px inset, rgba(255, 255, 255, 0.04) 0px -1px 1px inset; cursor: text; transition: 0.2s; background: var(--af-surface); }
.code-focused .au-access-code-shell { box-shadow: inset 0 2px 5px rgba(0,0,0,.42),0 0 0 3px var(--af-accent-soft),0 0 24px -7px var(--af-accent-glow); }
.au-access-code-shell input { position: absolute; inset: 0px; width: 100%; height: 100%; opacity: 0.001; z-index: 2; cursor: text; color: var(--av-text-primary); caret-color: transparent; background: var(--av-well); border: 0px; outline: 0px; box-shadow:var(--av-shadow-well);}
.au-access-code-cells { display: flex; align-items: center; justify-content: center; gap: 5px; pointer-events: none; }
.au-access-code-cells span { display: grid; place-items: center; width: 31px; height: 45px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.32) 0px 2px 4px inset, rgba(255, 255, 255, 0.04) 0px -1px 1px inset; color: var(--af-text); font-size: 16px; font-weight: 780; transition: 0.16s; background: color-mix(in srgb,var(--af-surface) 82%,var(--af-canvas-2)); }
.au-access-code-cells span.filled { color: var(--af-accent); box-shadow: inset 0 2px 4px rgba(0,0,0,.32),0 0 0 1px color-mix(in srgb,var(--af-accent) 24%,transparent); }
.au-access-code-cells span.focus { transform: translateY(-1px); box-shadow: inset 0 2px 4px rgba(0,0,0,.32),0 0 0 2px color-mix(in srgb,var(--af-accent) 35%,transparent),0 0 13px -5px var(--af-accent-glow); }
.au-access-code-cells i { width: 14px; text-align: center; color: var(--af-text-3); font-style: normal; font-weight: 800; }
.au-access-note { display: flex; align-items: flex-start; gap: 10px; padding: 11px 12px; border-radius: 14px; color: var(--af-text-2); font-size: 11px; line-height: 1.45; background: color-mix(in srgb,var(--af-accent-soft) 52%,var(--af-surface)); }
.au-access-note-icon { display: grid; place-items: center; color: var(--af-accent); flex: 0 0 20px; }
.au-access-note-icon svg { width: 18px; height: 18px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.au-access-primary { position: relative; display: grid; grid-template-columns: 1fr auto; align-items: center; width: 100%; min-height: 56px; padding: 0px 20px 0px 46px; border: 0px; border-radius: 16px; color: var(--af-accent-ink); font: 780 15px / 1 var(--av-font-sans); box-shadow: 0 1px 0 rgba(255,255,255,.48) inset,0 -2px 4px rgba(0,0,0,.14) inset,0 12px 24px -8px var(--af-accent-glow),0 3px 8px rgba(0,0,0,.22); transition: 0.16s; background: linear-gradient(160deg,color-mix(in srgb,var(--af-accent) 92%,white 8%),var(--af-accent) 35%,var(--af-accent-deep)); }
.au-access-primary:hover:not(:disabled) { transform: translateY(-1px); filter: saturate(1.06); }
.au-access-primary:active:not(:disabled) { transform: translateY(1px); }
.au-access-primary:disabled { opacity: 0.38; filter: saturate(0.45); box-shadow: none; cursor: not-allowed; }
.au-access-primary svg { width: 20px; height: 20px; fill: none; stroke: currentcolor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.au-access-back { align-self: center; padding: 5px 8px; border: 0px; background: transparent; color: var(--af-text-3); font: 600 11.5px / 1.4 var(--av-font-sans); }
.au-access-back b { color: var(--af-accent); font-weight: 760; }
.au-access-error:empty { display: none; }
.au-access-error { margin: 12px 0px 0px; padding: 10px 12px; border: 1px solid rgba(255, 111, 106, 0.22); border-radius: 12px; background: rgba(255, 111, 106, 0.1); color: rgb(255, 170, 166); font-size: 11.5px; font-weight: 650; }
.au-access-identity { display: grid; grid-template-columns: 52px minmax(0px, 1fr) 34px; gap: 12px; align-items: center; margin-bottom: 16px; padding: 14px; border-radius: 17px; box-shadow: rgba(0, 0, 0, 0.34) 0px 2px 5px inset, rgba(255, 255, 255, 0.04) 0px -1px 1px inset; background: var(--af-surface); }
.au-access-avatar { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 15px; color: var(--af-accent); font-size: 17px; font-weight: 820; box-shadow: rgba(255, 255, 255, 0.05) 0px 1px inset; background: linear-gradient(145deg,color-mix(in srgb,var(--af-accent) 20%,var(--af-surface)),var(--af-surface)); }
.au-access-identity small { display: block; color: var(--af-text-3); font-size: 9.5px; font-weight: 760; text-transform: uppercase; letter-spacing: 0.08em; }
.au-access-identity strong { display: block; margin-top: 3px; color: var(--af-text); font-size: 14px; line-height: 1.25; }
.au-access-identity p { margin: 3px 0px 0px; color: var(--af-text-2); font-size: 11px; }
.au-access-identity-ok { display: grid; place-items: center; color: var(--af-accent); }
.au-access-identity-ok svg { width: 24px; height: 24px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.au-access-details { gap: 12px; }
.au-access-input { display: grid; grid-template-columns: 44px minmax(0px, 1fr) auto; align-items: center; min-height: 57px; padding: 0px 10px 0px 8px; border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.38) 0px 2px 5px inset, rgba(255, 255, 255, 0.04) 0px -1px 1px inset; transition: 0.2s; background: var(--af-surface); }
.au-access-input:focus-within { box-shadow: inset 0 2px 5px rgba(0,0,0,.42),0 0 0 3px var(--af-accent-soft),0 0 22px -6px var(--af-accent-glow); }
.au-access-input > .au-access-field-icon { width: 36px; height: 36px; flex-basis: 36px; }
.au-access-input-copy { display: flex; flex-direction: column; min-width: 0px; padding-left: 3px; }
.au-access-input-copy small { color: var(--af-text-3); font-size: 9.5px; font-weight: 750; text-transform: uppercase; letter-spacing: 0.06em; }
.au-access-input-copy input { width: 100%; min-width: 0px; margin: 2px 0px 0px; padding: 0px; border: 0px; outline: 0px; background: var(--av-well); color: var(--av-text-primary); font: 650 15px / 1.3 var(--av-font-sans); box-shadow:var(--av-shadow-well);}
.au-access-input-copy input::placeholder { color: var(--af-text-3); font-weight: 520; }
.au-access-eye { display: grid; place-items: center; width: 36px; height: 36px; padding: 0px; border: 0px; border-radius: 10px; color: var(--af-text-2); box-shadow: rgba(255, 255, 255, 0.06) 0px 1px 0px inset, rgba(0, 0, 0, 0.5) 0px 5px 12px -4px; background: var(--af-surface); }
.au-access-eye svg { width: 17px; height: 17px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.au-access-eye.is-visible .au-eye-slash { display: none; }
.au-access-confirm, .au-access-switch { display: flex; align-items: center; gap: 10px; color: var(--af-text-2); cursor: pointer; user-select: none; }
.au-access-confirm input, .au-access-switch input { position: absolute; opacity: 0; pointer-events: none; }
.au-access-check { display: grid; place-items: center; width: 24px; height: 24px; flex: 0 0 24px; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.36) 0px 2px 5px inset, rgba(255, 255, 255, 0.04) 0px -1px 1px inset; background: var(--af-surface); }
.au-access-check svg { width: 15px; height: 15px; fill: none; stroke: rgb(255, 255, 255); stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; opacity: 0; transform: scale(0.75); transition: 0.16s; }
.au-access-confirm input:checked + .au-access-check { box-shadow: 0 0 0 3px var(--af-accent-soft),0 8px 16px -9px var(--af-accent-glow); background: linear-gradient(145deg,var(--af-accent),var(--af-accent-deep)); }
.au-access-confirm input:checked + .au-access-check svg { opacity: 1; transform: scale(1); }
.au-access-confirm > span:last-child, .au-access-switch > span:last-child { display: flex; flex-direction: column; }
.au-access-confirm b, .au-access-switch b { color: var(--af-text); font-size: 12px; }
.au-access-confirm small, .au-access-switch small { margin-top: 2px; color: var(--af-text-3); font-size: 10px; }
.au-access-switch-track { position: relative; width: 40px; height: 22px; flex: 0 0 40px; border-radius: 999px; box-shadow: rgba(0, 0, 0, 0.38) 0px 2px 5px inset, rgba(255, 255, 255, 0.04) 0px -1px 1px inset; background: var(--af-surface); }
.au-access-switch-track i { position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; box-shadow: rgba(255, 255, 255, 0.06) 0px 1px 0px inset, rgba(0, 0, 0, 0.38) 0px 3px 8px; transition: 0.22s cubic-bezier(0.22, 1, 0.36, 1); background: var(--af-surface); }
.au-access-switch input:checked + .au-access-switch-track { background: color-mix(in srgb,var(--af-accent) 22%,var(--af-surface)); }
.au-access-switch input:checked + .au-access-switch-track i { transform: translateX(18px); box-shadow: 0 0 8px -1px var(--af-accent-glow); background: linear-gradient(145deg,var(--af-accent),var(--af-accent-deep)); }
.au-access-curator { padding: 12px; border-radius: 15px; background: color-mix(in srgb,var(--af-accent-soft) 40%,var(--af-surface)); }
.au-access-curator-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 11px; }
.au-access-curator-fields label { display: flex; flex-direction: column; gap: 5px; }
.au-access-curator-fields small { color: var(--af-text-3); font-size: 9.5px; font-weight: 700; }
.au-access-curator-fields select { width: 100%; min-width: 0px; padding: 10px 11px; border: 0px; border-radius: 10px; color: var(--av-text-primary); box-shadow: var(--av-shadow-well); font: 600 11.5px / 1.2 var(--av-font-sans); outline: 0px; background: var(--av-well); }
.au-access-curator-fields select:focus { box-shadow: var(--av-shadow-well); background:var(--av-focus-well);}
@media (max-width: 560px) {
  .au-access-flow { width: calc(-14px + 100vw); max-height: calc(100dvh - 14px); border-radius: 29px; }
  .au-access-surface { padding: 20px; max-height: calc(100dvh - 14px); border-radius: 29px; }
  .au-access-close { top: 18px; right: 18px; width: 42px; height: 42px; }
  .au-access-head { padding-right: 50px; }
  .au-access-brand { margin-bottom: 18px; }
  .au-access-brand img { width: 38px; height: 38px; }
  .au-access-head h2 { font-size: 28px; }
  .au-access-head p { font-size: 12.5px; }
  .au-access-progress { margin: 18px 0px; }
  .au-access-code-shell { padding: 10px 8px; }
  .au-access-code-cells { gap: 3px; }
  .au-access-code-cells span { width: clamp(22px, 6.5vw, 29px); height: 42px; border-radius: 9px; font-size: 14px; }
  .au-access-code-cells i { width: 9px; }
  .au-access-curator-fields { grid-template-columns: 1fr; }
  .au-access-primary { min-height: 54px; padding-left: 38px; }
  .au-access-identity { grid-template-columns: 46px minmax(0px, 1fr) 28px; }
  .au-access-avatar { width: 46px; height: 46px; border-radius: 13px; }
}
@media (max-width: 380px) {
  .au-access-surface { padding: 17px; }
  .au-access-head h2 { font-size: 25px; }
  .au-access-brand span { display: none; }
  .au-access-code-cells { gap: 2px; }
  .au-access-code-cells span { width: 22px; height: 39px; }
  .au-access-code-cells i { width: 7px; }
  .au-access-progress small { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .au-access-flow * { transition: none !important; }
  .au-access-flow .au-access-close:hover, .au-access-primary:hover { transform: none !important; }
}
.au-access-login-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; }
.au-access-login-top .au-access-brand { margin: 0px; }
.au-access-theme { position: relative; width: 62px; height: 34px; padding: 0px; border: 0px; border-radius: 999px; box-shadow: rgba(0, 0, 0, 0.36) 0px 2px 5px inset, rgba(255, 255, 255, 0.04) 0px -1px 1px inset; display: flex; align-items: center; justify-content: space-between; color: var(--af-text-3); font: 700 13px / 1 var(--av-font-sans); padding-inline: 8px; background: var(--af-surface); }
.au-access-theme i { position: absolute; top: 3px; left: 3px; width: 28px; height: 28px; border-radius: 50%; box-shadow: rgba(255, 255, 255, 0.06) 0px 1px 0px inset, rgba(0, 0, 0, 0.55) 0px 6px 14px -4px; transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1); background: var(--af-surface); }
html[data-theme="light"] .au-access-theme i { transform: translateX(28px); }
.au-access-theme .moon, .au-access-theme .sun { position: relative; z-index: 1; }
.au-access-login-head { padding-right: 0px; }
.au-access-login-head h2 { font-size: 30px; }
.au-access-login-form { margin-top: 24px; }
.au-access-login-aux { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0px 2px; }
.au-access-inline-link { padding: 4px 0px; border: 0px; background: transparent; color: var(--af-accent); font: 740 11.5px / 1.3 var(--av-font-sans); }
.au-access-login-first { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 2px; color: var(--af-text-3); font-size: 11.5px; font-weight: 600; }
.au-access-login-first button { padding: 0px; border: 0px; background: transparent; color: var(--af-accent); font: 760 11.5px / 1.3 var(--av-font-sans); }
.au-access-login-footer { display: flex; flex-direction: column; gap: 11px; margin-top: 18px; }
.au-access-public { display: grid; grid-template-columns: 42px minmax(0px, 1fr) 18px; align-items: center; gap: 11px; width: 100%; padding: 10px 12px; border: 0px; border-radius: 16px; color: var(--af-text); box-shadow: rgba(255, 255, 255, 0.06) 0px 1px 0px inset, rgba(0, 0, 0, 0.48) 0px 6px 14px -4px, rgba(0, 0, 0, 0.3) 0px 1px 3px; text-align: left; transition: 0.16s; background: var(--af-surface); }
.au-access-public:hover { transform: translateY(-1px); }
.au-access-public > span:nth-child(2) { display: flex; flex-direction: column; }
.au-access-public b { font-size: 12.5px; }
.au-access-public small { margin-top: 2px; color: var(--af-text-3); font-size: 10px; }
.au-access-public > svg { width: 16px; height: 16px; fill: none; stroke: var(--af-text-3); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.au-access-login-footer > small { text-align: center; color: var(--af-text-3); font-size: 9.5px; font-weight: 620; }
.au-access-login-footer > small b { color: var(--af-text-2); }
@media (max-width: 560px) {
  .au-access-login-top { margin-bottom: 18px; }
  .au-access-theme { width: 58px; height: 32px; }
  .au-access-theme i { width: 26px; height: 26px; }
  .au-access-login-head h2 { font-size: 27px; }
  .au-access-login-form { margin-top: 19px; }
  .au-access-login-aux { align-items: flex-start; }
  .au-access-inline-link { font-size: 10.8px; }
  .au-access-login-first { font-size: 10.8px; }
  .au-access-login-first button { font-size: 10.8px; }
}
dialog.au-access-isolated { width: min(100vw, 472px); height: min(880px, 100dvh - 36px); max-width: none; max-height: none; margin: auto; padding: 0px; border: 0px; outline: 0px; background: transparent; overflow: visible; color: inherit; }
dialog.au-access-isolated::backdrop { backdrop-filter: none; background: #e8eef0; }
dialog.au-access-isolated[data-access-theme="dark"]::backdrop { background: #071116; }
@media (max-width: 479px) {
  dialog.au-access-isolated { width: 100vw; height: 100dvh; margin: 0px; max-width: none; max-height: none; outline: 0px; }
}
dialog.au-access-isolated > .au-access-shadow-host { display: block; width: 100%; height: 100%; }
.settings-tactile-page { --st-surface: var(--av-surface-1); --st-surface-hi: var(--av-surface-elevated); --st-well: var(--av-well); --st-text: var(--av-text-primary); --st-text-2: var(--av-text-secondary); --st-text-3: var(--av-text-muted); --st-accent: var(--av-accent); --st-accent-2: var(--av-accent-strong); --st-accent-soft: var(--av-accent-soft); --st-groove: var(--av-shadow-well); --st-raised: var(--av-shadow-control); --st-pressed: var(--av-shadow-pressed); color: var(--st-text); padding: 2px 0px 4px; }
html[data-theme="dark"] .settings-tactile-page { --st-surface: var(--av-surface-1); --st-surface-hi: var(--av-surface-elevated); --st-well: var(--av-well); --st-text: var(--av-text-primary); --st-text-2: var(--av-text-secondary); --st-text-3: var(--av-text-muted); --st-accent: var(--av-accent); --st-accent-2: var(--av-accent-strong); --st-accent-soft: var(--av-accent-soft); --st-groove: var(--av-shadow-well); --st-raised: var(--av-shadow-control); --st-pressed: var(--av-shadow-pressed); }
.settings-tactile-hero { position: relative; display: grid; grid-template-columns: 52px minmax(0px, 1fr) auto; align-items: center; gap: 14px; overflow: hidden; margin: 0px 0px 19px; padding: 16px; border: 0px; border-radius: 23px; isolation: isolate; animation: 0.46s cubic-bezier(0.22, 0.8, 0.3, 1) 0s 1 normal both running settings-tactile-in; background-color: var(--st-hero-surface,var(--av-surface-1))!important; box-shadow: var(--av-shadow-control) !important; }
.settings-tactile-hero-glow { position: absolute; z-index: -1; width: 180px; height: 180px; right: -56px; top: -86px; border-radius: 50%; background-color: var(--av-surface-1); pointer-events: none; }
.settings-tactile-hero-icon { display: grid; width: 52px; height: 52px; place-items: center; border-radius: 16px; color: var(--st-accent); box-shadow: var(--av-shadow-control); background:var(--av-control-bg);}
.settings-tactile-hero-icon svg { width: 24px; height: 24px; stroke-linecap: round; stroke-linejoin: round; }
.settings-tactile-hero-copy { min-width: 0px; }
.settings-tactile-hero-copy > span { display: block; margin-bottom: 3px; color: var(--st-accent); font-size: 8.5px; font-weight: 650; letter-spacing: 0.105em; text-transform: uppercase; }
.settings-tactile-hero-copy h2 { margin: 0px !important; color: var(--st-text) !important; font-size: 22px !important; font-weight: 880 !important; line-height: 1.12 !important; letter-spacing: -0.03em !important; }
.settings-tactile-hero-copy p { margin: 4px 0px 0px; color: var(--st-text-2); font-size: 11px; line-height: 1.35; }
.settings-profile-icon.settings-tactile-profile { position: static !important; display: flex !important; width: auto !important; height: 42px !important; align-items: center !important; gap: 7px !important; padding: 0px 12px !important; border: 0px !important; border-radius: 13px !important; background-color: var(--av-raised)!important; color: var(--av-text-primary)!important; box-shadow: var(--av-shadow-control)!important; transition: transform 0.16s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.16s !important; }
.settings-profile-icon.settings-tactile-profile svg { width: 18px; height: 18px; }
.settings-profile-icon.settings-tactile-profile span { font-size: 10.5px; font-weight: 650; color: var(--st-text-2); }
.settings-profile-icon.settings-tactile-profile:active { transform: translateY(1px) scale(0.985); box-shadow: var(--av-shadow-pressed)!important; }
.settings-tactile-section { margin-top: 16px; }
.settings-tactile-section-label { margin: 0px 5px 8px; color: var(--st-text-3); font-size: 9px; font-weight: 650; letter-spacing: 0.115em; text-transform: uppercase; }
.settings-tactile-page .settings-card.settings-tactile-card { padding: 6px !important; border: 0px !important; border-radius: 21px !important; background-color: var(--av-surface-2)!important; box-shadow: var(--av-shadow-well)!important; overflow: visible !important; }
.settings-tactile-page .setting-row.settings-tactile-row { display: grid !important; grid-template-columns: 42px minmax(0px, 1fr) auto !important; align-items: center !important; gap: 11px !important; min-height: 67px !important; margin: 0px !important; padding: 9px !important; border: 0px !important; border-radius: 16px !important; background: var(--av-card-bg)!important; color: var(--st-text) !important; text-align: left !important; box-shadow: var(--av-lesson-shadow)!important; transition: background 0.18s, transform 0.15s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.16s !important; }
.settings-tactile-page .setting-row.settings-tactile-row + .setting-row.settings-tactile-row { margin-top: 2px !important; }
.settings-tactile-page button.setting-row.settings-tactile-row:hover { background-color: var(--av-surface-1) !important; }
.settings-tactile-page button.setting-row.settings-tactile-row:active { transform: translateY(1px) scale(0.996); background-color: var(--av-surface-1) !important; box-shadow: none!important; }
.settings-tactile-icon { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 13px; transition: transform 0.18s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.16s; color: var(--st-accent) !important; box-shadow: var(--av-shadow-control)!important; background:var(--av-icon-tile-bg);}
.settings-tactile-icon svg { width: 19px; height: 19px; stroke-linecap: round; stroke-linejoin: round; }
button.settings-tactile-row:active .settings-tactile-icon { transform: translateY(1px) scale(0.97); box-shadow: none!important; }
.settings-tactile-page .settings-row-copy { display: block !important; min-width: 0px !important; }
.settings-tactile-page .settings-row-title { display: block !important; color: var(--st-text) !important; font-size: 13px !important; font-weight: 650 !important; line-height: 1.25 !important; letter-spacing: -0.005em !important; }
.settings-tactile-page .settings-row-desc { display: block !important; margin-top: 3px !important; color: var(--st-text-2) !important; font-size: 10.5px !important; line-height: 1.35 !important; white-space: normal !important; }
.settings-tactile-chevron { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 10px; transition: transform 0.18s cubic-bezier(0.22, 1, 0.36, 1), color 0.16s, box-shadow 0.16s; background-color: var(--av-surface-1) !important; color: var(--st-text-3) !important; box-shadow: none!important; }
.settings-tactile-chevron svg { width: 15px; height: 15px; stroke-linecap: round; stroke-linejoin: round; }
button.settings-tactile-row:active .settings-tactile-chevron { transform: translateX(2px) translateY(1px); color: var(--st-accent); box-shadow: none!important; }
.settings-tactile-toggle-row { cursor: default !important; }
.settings-tactile-switch-hit { -webkit-tap-highlight-color: transparent; display: grid !important; width: 52px !important; height: 42px !important; place-items: center !important; padding: 0px !important; border: 0px !important; border-radius: 13px !important; background: transparent!important; cursor: pointer !important; }
.settings-tactile-switch { position: relative; display: block; width: 46px; height: 28px; border-radius: 14px; transition: background 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s; background-color: var(--av-surface-1)!important; box-shadow: var(--av-shadow-control)!important; }
.settings-tactile-switch i { position: absolute; top: 4px; left: 4px; width: 20px; height: 20px; border-radius: 50%; background-color: var(--av-surface-1); box-shadow: var(--av-shadow-control); transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), background 0.24s, box-shadow 0.24s; }
.settings-tactile-switch.is-on { background-color: var(--av-surface-1)!important; }
.settings-tactile-switch.is-on i { transform: translateX(18px); background-color: var(--av-surface-1); box-shadow: var(--av-shadow-control); }
.settings-tactile-switch-hit:active .settings-tactile-switch i { transform: scale(0.92); }
.settings-tactile-switch-hit:active .settings-tactile-switch.is-on i { transform: translateX(18px) scale(0.92); }
.settings-tactile-switch-hit:focus-visible { outline-offset: 2px; }
.settings-freshness-well { display: grid; grid-template-columns: 40px minmax(0px, 1fr); align-items: center; gap: 11px; margin-top: 16px; padding: 12px 13px; border-radius: 18px; box-shadow: var(--st-groove); background: var(--st-well); }
.settings-freshness-icon { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 12px; color: var(--st-accent); box-shadow: var(--st-raised); background: var(--st-surface); }
.settings-freshness-icon svg { width: 18px; height: 18px; stroke-linecap: round; stroke-linejoin: round; }
.settings-freshness-well b { display: block; color: var(--st-text); font-size: 11.5px; font-weight: 800; }
.settings-freshness-well small { display: block; margin-top: 3px; color: var(--st-text-2); font-size: 10px; line-height: 1.35; }
.settings-tactile-copyright { margin-top: 23px !important; color: var(--st-text-3) !important; font-size: 9.5px !important; line-height: 1.55 !important; }
.settings-tactile-copyright span { color: var(--st-text-3) !important; }
@keyframes settings-tactile-in { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: none; }
}
@media (max-width: 520px) {
  .settings-tactile-hero { grid-template-columns: 48px minmax(0px, 1fr) auto; gap: 11px; padding: 14px; border-radius: 21px; }
  .settings-tactile-hero-icon { width: 48px; height: 48px; border-radius: 15px; background-color:var(--av-control-bg);background:var(--av-control-bg);}
  .settings-tactile-hero-copy > span { font-size: 7.5px; }
  .settings-tactile-hero-copy h2 { font-size: 20px !important; }
  .settings-tactile-hero-copy p { font-size: 10.5px; }
  .settings-profile-icon.settings-tactile-profile { width: 40px !important; height: 40px !important; padding: 0px !important; justify-content: center !important; }
  .settings-profile-icon.settings-tactile-profile span { display: none; }
  .settings-tactile-page .setting-row.settings-tactile-row { grid-template-columns: 40px minmax(0px, 1fr) auto !important; gap: 10px !important; min-height: 64px !important; padding: 8px !important; background:var(--av-card-bg);box-shadow:var(--av-lesson-shadow);}
  .settings-tactile-icon { width: 40px; height: 40px; background:var(--av-icon-tile-bg);box-shadow:var(--av-shadow-control);}
  .settings-tactile-chevron { width: 30px; height: 30px; }
}
@media (max-width: 360px) {
  .settings-tactile-hero { grid-template-columns: 44px minmax(0px, 1fr) 38px; gap: 9px; padding: 12px; }
  .settings-tactile-hero-icon { width: 44px; height: 44px; background-color:var(--av-control-bg);background:var(--av-control-bg);}
  .settings-tactile-hero-copy > span { display: none; }
  .settings-tactile-hero-copy h2 { font-size: 19px !important; }
  .settings-tactile-hero-copy p { font-size: 10px; }
  .settings-profile-icon.settings-tactile-profile { width: 38px !important; height: 38px !important; }
  .settings-tactile-page .settings-row-title { font-size: 12.5px !important; }
  .settings-tactile-page .settings-row-desc { font-size: 10px !important; }
}
.au-profile-dialog { --pt-surface: var(--av-surface-1); --pt-surface-hi: var(--av-surface-elevated); --pt-well: var(--av-well); --pt-text: var(--av-text-primary); --pt-text-2: var(--av-text-secondary); --pt-text-3: var(--av-text-muted); --pt-accent: var(--av-accent); --pt-accent-2: var(--av-accent-strong); --pt-accent-soft: var(--av-accent-soft); --pt-groove: var(--av-shadow-well); --pt-raised: var(--av-shadow-control); --pt-pressed: var(--av-shadow-pressed); width: min(94vw, 590px) !important; border: 1px solid color-mix(in srgb,var(--av-text-primary) 8%,transparent) !important; border-radius: 30px !important; color: var(--pt-text) !important; box-shadow: var(--av-shadow-modal) !important; overflow: hidden !important; background: color-mix(in srgb,var(--av-surface-1) 94%,white 6%) !important; }
html[data-theme="dark"] .au-profile-dialog { --pt-surface: var(--av-surface-1); --pt-surface-hi: var(--av-surface-elevated); --pt-well: var(--av-well); --pt-text: var(--av-text-primary); --pt-text-2: var(--av-text-secondary); --pt-text-3: var(--av-text-muted); --pt-accent: var(--av-accent); --pt-accent-2: var(--av-accent-strong); --pt-accent-soft: var(--av-accent-soft); --pt-groove: var(--av-shadow-well); --pt-raised: var(--av-shadow-control); --pt-pressed: var(--av-shadow-pressed); border-color: rgba(147, 181, 188, 0.1) !important; box-shadow: var(--av-shadow-modal) !important; background: color-mix(in srgb,var(--av-surface-1) 96%,white 4%) !important; }
.au-profile-dialog::backdrop { backdrop-filter: none!important; background: rgba(5, 15, 21, 0.58) !important; }
.au-profile-dialog header { position: relative !important; top: auto !important; padding: 24px 26px 18px !important; background: transparent !important; backdrop-filter: none!important; }
.au-profile-dialog .au-kicker { color: var(--pt-accent) !important; font-size: 9.5px !important; letter-spacing: 0.15em !important; font-weight: 650 !important; }
.au-profile-dialog h2 { margin-top: 5px !important; color: var(--pt-text) !important; font-size: 28px !important; font-weight: 860 !important; letter-spacing: -0.035em !important; }
.au-profile-dialog [data-close] { width: 42px !important; height: 42px !important; border: 0px !important; border-radius: 14px !important; background-color: var(--av-surface-1) !important; color: var(--pt-text-2) !important; box-shadow: var(--av-shadow-control) !important; transition: transform 0.18s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.18s, color 0.18s !important; }
.au-profile-dialog [data-close]:hover { transform: none !important; color: var(--pt-accent) !important; }
.au-profile-dialog [data-close]:active { transform: translateY(1px) scale(0.98) !important; box-shadow: var(--av-shadow-control) !important; }
.au-profile-dialog .au-body { padding: 22px 26px 28px !important; color: var(--pt-text) !important; }
.au-profile-tactile { display: block; animation: 0.42s cubic-bezier(0.22, 0.8, 0.3, 1) 0s 1 normal both running au-pt-enter; }
@keyframes au-pt-enter { 
  0% { opacity: 0; transform: translateY(9px); }
  100% { opacity: 1; transform: none; }
}
.au-pt-identity { position: relative; display: grid; grid-template-columns: 62px minmax(0px, 1fr) auto; align-items: center; gap: 14px; overflow: hidden; padding: 15px; border-radius: 22px; isolation: isolate; background-color: var(--pt-surface-hi) !important; box-shadow: var(--av-shadow-control) !important; }
.au-pt-glow { position: absolute; z-index: -1; width: 150px; height: 150px; right: -50px; top: -78px; border-radius: 50%; background-color: var(--av-surface-1); pointer-events: none; }
.au-pt-avatar { display: grid; width: 62px; height: 62px; place-items: center; border-radius: 19px; background-color: var(--av-surface-1); color: var(--pt-accent); box-shadow: var(--av-shadow-control); font-size: 21px; font-weight: 650; letter-spacing: -0.04em; }
.au-pt-identity-copy { min-width: 0px; }
.au-pt-identity-copy strong { display: block; overflow: hidden; color: var(--pt-text); font-size: 17px; font-weight: 650; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.au-pt-identity-copy > span { display: block; margin-top: 4px; color: var(--pt-text-2); font-size: 12px; font-weight: 620; }
.au-pt-status { display: inline-flex; align-items: center; gap: 6px; padding: 7px 10px; border-radius: 999px; background-color: var(--pt-surface-hi); box-shadow: var(--av-shadow-control); color: var(--pt-text); font-size: 9.5px; font-weight: 700; white-space: nowrap; }
.au-pt-status i { width: 8px; height: 8px; border-radius: 50%; background: linear-gradient(155deg,var(--pt-accent),var(--pt-accent-2)); box-shadow: 0 0 0 3px color-mix(in srgb,var(--pt-accent) 16%,transparent), 0 0 14px color-mix(in srgb,var(--pt-accent) 22%,transparent); }
.au-pt-section { margin-top: 17px; }
.au-pt-section-label { margin: 0px 5px 8px; color: var(--pt-text-3); font-size: 9px; font-weight: 650; letter-spacing: 0.115em; text-transform: uppercase; }
.au-pt-info-well, .au-pt-action-well { padding: 6px; border-radius: 21px; background-color: var(--av-well); box-shadow: var(--av-shadow-well); }
.au-pt-info-row { display: grid; grid-template-columns: 40px minmax(0px, 1fr); align-items: center; gap: 11px; min-height: 60px; padding: 7px 9px; border-radius: 15px; }
.au-pt-info-row + .au-pt-info-row { margin-top: 2px; }
.au-pt-row-icon { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 13px; background-color: var(--av-surface-1); color: var(--pt-accent); box-shadow: var(--av-shadow-control); }
.au-pt-row-icon svg { width: 18px; height: 18px; }
.au-pt-row-copy { display: grid; grid-template-columns: minmax(0px, 1fr) auto; align-items: center; gap: 12px; min-width: 0px; }
.au-pt-row-copy small { color: var(--pt-text-2); font-size: 10.5px; font-weight: 680; }
.au-pt-row-copy b { color: var(--pt-text); font-size: 12px; font-weight: 650; text-align: right; white-space: normal; }
.au-profile-dialog .au-pt-action { display: grid !important; grid-template-columns: 42px minmax(0px, 1fr) 32px !important; align-items: center !important; gap: 11px !important; width: 100% !important; min-height: 66px !important; margin: 0px !important; padding: 8px 9px !important; border: 0px !important; border-radius: 16px !important; background: transparent !important; color: var(--pt-text) !important; text-align: left !important; box-shadow: none !important; transition: background 0.18s, transform 0.16s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.16s !important; }
.au-profile-dialog .au-pt-action + .au-pt-action { margin-top: 2px !important; }
.au-profile-dialog .au-pt-action:hover { background-color: var(--av-surface-1) !important; }
.au-profile-dialog .au-pt-action:active { transform: translateY(1px) scale(0.996); background-color: var(--av-surface-1) !important; box-shadow: var(--av-shadow-control) !important; }
.au-pt-action-icon { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 13px; background-color: var(--av-surface-1); color: var(--pt-accent); box-shadow: var(--av-shadow-control); transition: transform 0.18s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.16s; }
.au-pt-action-icon svg { width: 19px; height: 19px; }
.au-pt-action:active .au-pt-action-icon { transform: translateY(1px) scale(0.97); box-shadow: var(--av-shadow-control); }
.au-pt-action-copy { min-width: 0px; }
.au-pt-action-copy b { display: block; color: var(--pt-text); font-size: 12.8px; font-weight: 650; line-height: 1.25; }
.au-pt-action-copy small { display: block; margin-top: 3px; color: var(--pt-text-2); font-size: 10px; line-height: 1.35; }
.au-pt-action-chevron { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 10px; background-color: var(--av-surface-1); color: var(--pt-text-3); box-shadow: var(--av-shadow-control); transition: transform 0.18s cubic-bezier(0.22, 1, 0.36, 1), color 0.16s, box-shadow 0.16s; }
.au-pt-action-chevron svg { width: 15px; height: 15px; }
.au-pt-action:active .au-pt-action-chevron { transform: translateX(2px) translateY(1px); color: var(--pt-accent); box-shadow: var(--av-shadow-control); }
.au-pt-danger { margin-top: 16px; padding-top: 13px; }
.au-profile-dialog .au-pt-danger-action { display: grid !important; grid-template-columns: 42px minmax(0px, 1fr) !important; align-items: center !important; gap: 11px !important; width: 100% !important; min-height: 64px !important; padding: 9px !important; border: 0px !important; border-radius: 16px !important; background: transparent !important; color: rgb(181, 71, 80) !important; text-align: left !important; box-shadow: none !important; transition: background 0.18s, transform 0.16s cubic-bezier(0.22, 1, 0.36, 1) !important; }
html[data-theme="dark"] .au-profile-dialog .au-pt-danger-action { color: rgb(255, 143, 149) !important; }
.au-profile-dialog .au-pt-danger-action:hover { background: rgba(181, 71, 80, 0.07) !important; }
.au-profile-dialog .au-pt-danger-action:active { transform: translateY(1px) scale(0.997); background: rgba(181, 71, 80, 0.1) !important; }
.au-pt-danger-icon { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 13px; background: rgba(181, 71, 80, 0.08); box-shadow: var(--av-shadow-control); color: currentcolor; }
.au-pt-danger-icon svg { width: 19px; height: 19px; }
.au-pt-danger-action b { display: block; font-size: 12.8px; font-weight: 650; }
.au-pt-danger-action small { display: block; margin-top: 3px; color: color-mix(in srgb,currentColor 66%,var(--pt-text-2)); font-size: 10px; line-height: 1.35; }
.au-profile-dialog .au-error { margin-top: 13px !important; }
.au-password-dialog { --pw-surface: var(--av-surface-1); --pw-surface-hi: var(--av-surface-elevated); --pw-well: var(--av-well); --pw-text: var(--av-text-primary); --pw-text-2: var(--av-text-secondary); --pw-text-3: var(--av-text-muted); --pw-accent: var(--av-accent); --pw-accent-2: var(--av-accent-strong); --pw-accent-soft: var(--av-accent-soft); --pw-groove: var(--av-shadow-well); --pw-raised: var(--av-shadow-control); --pw-pressed: var(--av-shadow-pressed); width: min(94vw, 520px) !important; border-radius: 30px !important; color: var(--pw-text) !important; box-shadow: var(--av-shadow-control) !important; overflow: hidden !important; background: var(--av-surface-1) !important; }
html[data-theme="dark"] .au-password-dialog { --pw-surface: var(--av-surface-1); --pw-surface-hi: var(--av-surface-elevated); --pw-well: var(--av-well); --pw-text: var(--av-text-primary); --pw-text-2: var(--av-text-secondary); --pw-text-3: var(--av-text-muted); --pw-accent: var(--av-accent); --pw-accent-2: var(--av-accent-strong); --pw-accent-soft: var(--av-accent-soft); --pw-groove: var(--av-shadow-well); --pw-raised: var(--av-shadow-control); --pw-pressed: var(--av-shadow-pressed); background: var(--av-surface-1) !important; }
.au-password-dialog::backdrop { backdrop-filter: none!important; background: rgba(5, 15, 21, 0.58) !important; }
.au-password-dialog header { position: relative !important; top: auto !important; padding: 24px 26px 18px !important; background: transparent !important; backdrop-filter: none!important; }
.au-password-dialog .au-kicker { color: var(--pw-accent) !important; font-size: 9.5px !important; letter-spacing: 0.15em !important; font-weight: 650 !important; }
.au-password-dialog h2 { margin-top: 5px !important; color: var(--pw-text) !important; font-size: 27px !important; font-weight: 860 !important; letter-spacing: -0.035em !important; }
.au-password-dialog [data-close] { width: 42px !important; height: 42px !important; border: 0px !important; border-radius: 14px !important; background-color: var(--av-surface-1) !important; color: var(--pw-text-2) !important; box-shadow: var(--av-shadow-control) !important; }
.au-password-dialog [data-close]:active { transform: translateY(1px) scale(0.98) !important; box-shadow: var(--av-shadow-control) !important; }
.au-password-dialog .au-body { padding: 21px 26px 27px !important; color: var(--pw-text) !important; }
.au-password-intro { display: grid; grid-template-columns: 30px minmax(0px, 1fr); gap: 10px; align-items: start; margin: 0px 3px 18px; padding: 0px 2px 15px; border-radius: 0px; background: transparent; box-shadow: none; }
.au-password-intro-icon { display: grid; width: 30px; height: 30px; place-items: center; margin-top: 1px; border-radius: 10px; background-color: var(--av-surface-1); color: var(--pw-accent); box-shadow: none; }
.au-password-intro-icon svg { width: 16px; height: 16px; }
.au-password-intro b { display: block; color: var(--pw-text); font-size: 11.5px; font-weight: 650; }
.au-password-intro small { display: block; margin-top: 3px; color: var(--pw-text-2); font-size: 10px; line-height: 1.45; }
.au-password-form { display: grid; gap: 13px; }
.au-password-field { display: grid; gap: 7px; }
.au-password-field > span { padding-left: 4px; color: var(--pw-text-3); font-size: 9.5px; font-weight: 650; letter-spacing: 0.1em; text-transform: uppercase; }
.au-password-control { display: grid; grid-template-columns: 42px minmax(0px, 1fr) 36px; align-items: center; min-height: 58px; padding: 0px 8px; border: 0px; border-radius: 17px; background-color: var(--av-surface-1); box-shadow: var(--av-shadow-control); outline: none; transition: box-shadow 0.2s, background 0.2s; }
.au-password-control:focus-within { background-color: var(--av-surface-1); box-shadow: var(--pw-groove),inset 0 0 0 1px color-mix(in srgb,var(--pw-accent) 26%,transparent); }
.au-password-control-icon { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 13px; background-color: var(--av-surface-1); color: var(--pw-accent); box-shadow: var(--av-shadow-control); }
.au-password-control-icon svg { width: 18px; height: 18px; }
.au-password-control input { width: 100% !important; height: 54px !important; padding: 0px 10px !important; border: 0px !important; outline: 0px !important; background: var(--av-well)!important; color: var(--av-text-primary)!important; box-shadow: var(--av-shadow-well)!important; font-size: 14px !important; font-weight: 650 !important; }
.au-password-control input::placeholder { color: var(--pw-text-3) !important; }
.au-password-eye { display: grid !important; width: 34px !important; height: 34px !important; place-items: center !important; padding: 0px !important; border: 0px !important; border-radius: 11px !important; background-color: var(--av-surface-1) !important; color: var(--pw-text-2) !important; box-shadow: var(--av-shadow-control) !important; }
.au-password-eye:active { transform: translateY(1px); box-shadow: var(--av-shadow-control) !important; }
.au-password-eye svg { width: 16px; height: 16px; fill: none; stroke: currentcolor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.au-password-eye .eye-shut { display: none; }
.au-password-eye.visible .eye-open { display: none; }
.au-password-eye.visible .eye-shut { display: block; }
.au-password-actions { display: flex; gap: 9px; margin-top: 5px; }
.au-password-actions button { min-height: 52px !important; border: 0px !important; border-radius: 15px !important; font-weight: 650 !important; }
.au-password-save { border: 0px; min-height: 52px; border-radius: 16px; padding: 14px 18px; box-shadow: var(--av-shadow-control); font-size: 14px; font-weight: 650; color: var(--av-accent-ink) !important; background: var(--av-accent-gradient) !important; }
.au-password-save:active { transform: translateY(1px) !important; }
.au-password-cancel { flex: 1 1 0%; background-color: var(--av-surface-1) !important; color: var(--pw-text-2) !important; box-shadow: var(--av-shadow-control) !important; }
.au-password-cancel:active { box-shadow: var(--av-shadow-control) !important; transform: translateY(1px) !important; }
.au-password-dialog .au-error { margin: 12px 0px 0px !important; color: rgb(215, 89, 99) !important; font-size: 11px !important; font-weight: 700 !important; }
html[data-theme="dark"] .au-password-dialog .au-error { color: rgb(255, 146, 155) !important; }
@media (max-width: 520px) {
  .au-password-dialog { width: calc(-18px + 100vw) !important; border-radius: 26px !important; }
  .au-password-dialog header { padding: 20px 20px 15px !important; }
  .au-password-dialog h2 { font-size: 24px !important; }
  .au-password-dialog .au-body { padding: 18px 20px 22px !important; }
  .au-password-actions { flex-direction: column; }
  .au-password-actions button { width: 100% !important; }
}
@media (max-width: 520px) {
  .au-profile-dialog { width: calc(-18px + 100vw) !important; border-radius: 26px !important; }
  .au-profile-dialog header { padding: 20px 20px 15px !important; }
  .au-profile-dialog h2 { font-size: 25px !important; }
  .au-profile-dialog .au-body { padding: 18px 20px 22px !important; }
  .au-pt-identity { grid-template-columns: 54px minmax(0px, 1fr); gap: 12px; padding: 13px; border-radius: 20px; }
  .au-pt-avatar { width: 54px; height: 54px; border-radius: 17px; font-size: 19px; }
  .au-pt-status { grid-column: 2; justify-self: start; margin-top: -3px; padding: 5px 8px; font-size: 9px; }
  .au-pt-identity-copy strong { font-size: 15px; white-space: normal; }
  .au-pt-row-copy { grid-template-columns: minmax(0px, 1fr); gap: 2px; }
  .au-pt-row-copy b { text-align: left; font-size: 11.5px; }
  .au-profile-dialog .au-pt-action { grid-template-columns: 40px minmax(0px, 1fr) 30px !important; min-height: 63px !important; gap: 10px !important; padding: 8px !important; }
  .au-pt-action-icon, .au-pt-danger-icon { width: 40px; height: 40px; }
  .au-pt-action-chevron { width: 30px; height: 30px; }
}
.settings-switch-rail-icons, .settings-icon-switch .knob-off, .settings-icon-switch .knob-on { display: none !important; }
.settings-icon-switch > i { border-radius: 50% !important; background: linear-gradient(155deg, rgb(255, 255, 255), rgb(243, 247, 247))!important; }
.settings-freshness-note { position: relative !important; display: grid !important; grid-template-columns: 24px minmax(0px, 1fr) !important; align-items: center !important; gap: 8px !important; margin: 18px 5px 0px !important; padding: 10px 2px 0px !important; border-radius: 0px !important; background: transparent !important; box-shadow: none !important; }
.settings-freshness-note .settings-freshness-icon { opacity: 0.78; display: grid !important; width: 24px !important; height: 24px !important; place-items: center !important; border-radius: 0px !important; background: transparent !important; color: var(--st-text-3) !important; box-shadow: none !important; }
.settings-freshness-note .settings-freshness-icon svg { width: 15px !important; height: 15px !important; }
.settings-freshness-note b { color: var(--st-text-2) !important; font-size: 10.5px !important; font-weight: 760 !important; }
.settings-freshness-note small { margin-top: 2px !important; color: var(--st-text-3) !important; font-size: 9.5px !important; line-height: 1.35 !important; }
.settings-icon-switch-hit { width: 62px !important; height: 44px !important; border-radius: 16px !important; }
.settings-icon-switch { width: 54px !important; height: 32px !important; border-radius: 16px !important; overflow: visible !important; background: linear-gradient(rgb(223, 230, 232) 0%, rgb(238, 242, 243) 100%)!important; box-shadow: rgba(45, 67, 77, 0.24) 0px 2px 5px inset, rgba(255, 255, 255, 0.94) 0px -1px 1px inset, rgba(67, 92, 103, 0.075) 0px 0px 0px 1px!important; transition: background 0.34s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.34s !important; }
.settings-icon-switch > i { top: 3px !important; left: 3px !important; width: 26px !important; height: 26px !important; background: linear-gradient(155deg, rgb(255, 255, 255), rgb(243, 247, 247))!important; box-shadow: rgba(255, 255, 255, 0.98) 0px 1px 0px inset, rgba(42, 63, 72, 0.44) 0px 6px 13px -7px, rgba(42, 63, 72, 0.16) 0px 2px 4px, rgba(79, 106, 116, 0.06) 0px 0px 0px 1px!important; transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), background 0.26s, box-shadow 0.26s !important; }
.settings-icon-switch.is-on { box-shadow: inset 0 2px 5px rgba(24,98,98,.22),
    inset 0 -1px 1px rgba(255,255,255,.72),
    0 0 0 1px color-mix(in srgb,var(--st-accent) 16%,transparent)!important; background: linear-gradient(180deg,color-mix(in srgb,var(--st-accent) 20%,#d9e5e5),color-mix(in srgb,var(--st-accent) 11%,#eef3f3))!important; }
.settings-icon-switch.is-on > i { transform: translateX(22px) !important; box-shadow: rgba(255, 255, 255, 0.42) 0px 1px 0px inset, rgba(0, 86, 85, 0.58) 0px 7px 14px -8px, rgba(0, 79, 78, 0.2) 0px 2px 4px!important; background: linear-gradient(155deg,color-mix(in srgb,var(--st-accent) 82%,white 18%),var(--st-accent-2))!important; }
.settings-icon-switch-hit:active .settings-icon-switch > i { transform: translateY(1px) scale(0.94) !important; }
.settings-icon-switch-hit:active .settings-icon-switch.is-on > i { transform: translateX(22px) translateY(1px) scale(0.94) !important; }
.settings-icon-switch-hit:focus-visible { outline-offset: 2px !important; }
html[data-theme="dark"] .settings-icon-switch { background: linear-gradient(rgb(12, 24, 29) 0%, rgb(19, 37, 43) 100%)!important; box-shadow: rgba(0, 0, 0, 0.58) 0px 2px 6px inset, rgba(255, 255, 255, 0.067) 0px -1px 1px inset, rgba(155, 193, 198, 0.106) 0px 0px 0px 1px!important; }
html[data-theme="dark"] .settings-icon-switch > i { background: linear-gradient(155deg, rgb(183, 200, 202), rgb(143, 167, 170))!important; box-shadow: rgba(255, 255, 255, 0.34) 0px 1px 0px inset, rgba(0, 0, 0, 0.78) 0px 7px 14px -8px, rgba(0, 0, 0, 0.42) 0px 2px 5px!important; }
html[data-theme="dark"] .settings-icon-switch.is-on { background: linear-gradient(rgb(18, 52, 57), rgb(23, 63, 66))!important; box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 6px inset, rgba(255, 255, 255, 0.07) 0px -1px 1px inset, rgba(53, 214, 200, 0.13) 0px 0px 0px 1px!important; }
html[data-theme="dark"] .settings-icon-switch.is-on > i { background: linear-gradient(155deg, rgb(76, 225, 210), rgb(22, 184, 170))!important; box-shadow: rgba(255, 255, 255, 0.26) 0px 1px 0px inset, rgba(0, 0, 0, 0.72) 0px 7px 14px -8px, rgba(0, 0, 0, 0.32) 0px 2px 5px!important; }
#noticeCenterOverlay .notice-center-dialog { --nc-surface: var(--av-surface-1); --nc-surface-hi: var(--av-surface-elevated); --nc-well: var(--av-well); --nc-text: var(--av-text-primary); --nc-text-2: var(--av-text-secondary); --nc-text-3: var(--av-text-muted); --nc-accent: var(--av-accent); border: 0px !important; border-radius: 27px !important; color: var(--nc-text) !important; box-shadow: var(--av-shadow-modal)!important; background: var(--av-surface-1)!important; }
html[data-theme="dark"] #noticeCenterOverlay .notice-center-dialog { --nc-surface: var(--av-surface-1); --nc-surface-hi: var(--av-surface-elevated); --nc-well: var(--av-well); --nc-text: var(--av-text-primary); --nc-text-2: var(--av-text-secondary); --nc-text-3: var(--av-text-muted); --nc-accent: var(--av-accent); box-shadow: var(--av-shadow-modal)!important; background: var(--av-surface-1)!important; }
#noticeCenterOverlay .notice-center-head { position: relative !important; padding: 30px 21px 16px !important; }
#noticeCenterOverlay .notice-center-close { order: 2; margin-left: auto; }
#noticeCenterOverlay .notice-center-head::before { content: "AVERA · ЦИФРОВАЯ СРЕДА"; position: absolute; left: 21px; top: 12px; color: var(--nc-accent); font-size: 8.5px; font-weight: 650; letter-spacing: 0.12em; }
#noticeCenterOverlay .notice-center-head h2 { color: var(--nc-text) !important; font-size: 22px !important; font-weight: 650 !important; letter-spacing: -0.025em !important; }
#noticeCenterOverlay .notice-center-close { background-color: var(--av-surface-1) !important; color: var(--nc-text-2) !important; box-shadow: var(--av-shadow-control) !important; border: 0px !important; }
html[data-theme="dark"] #noticeCenterOverlay .notice-center-close { box-shadow: var(--av-shadow-control) !important; }
#noticeCenterOverlay .notice-center-body { }
#noticeCenterOverlay .notice-history-card { border: 0px !important; border-radius: 17px !important; box-shadow: var(--av-shadow-card)!important; background: var(--av-card-bg)!important; }
html[data-theme="dark"] #noticeCenterOverlay .notice-history-card { box-shadow: var(--av-shadow-card)!important; }
#noticeCenterOverlay .notice-history-card.unread { box-shadow: var(--av-shadow-card)!important; }
html[data-theme="dark"] #noticeCenterOverlay .notice-history-card.unread { box-shadow: var(--av-shadow-card)!important; }
#noticeCenterOverlay .notice-section-title { color: var(--nc-text-3) !important; }
#noticeCenterOverlay .notice-history-card h3 { color: var(--nc-text) !important; }
#noticeCenterOverlay .notice-history-card p, #noticeCenterOverlay .notice-history-card .nh-meta { color: var(--nc-text-2) !important; }
#noticeCenterOverlay .notice-empty { border: 0px !important; color: var(--av-text-secondary)!important; box-shadow: var(--av-shadow-well)!important; background: var(--av-well)!important; }
.notice-empty.notice-empty--premium { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 0px !important; min-height: 216px !important; padding: 30px 24px !important; border: 0px !important; border-radius: 22px !important; color: var(--av-text-secondary)!important; text-align: center !important; box-shadow: var(--av-shadow-well)!important; background: var(--av-well)!important; }
.notice-empty--premium .notice-empty-icon { display: grid !important; place-items: center !important; flex: 0 0 58px !important; width: 58px !important; height: 58px !important; margin: 0px 0px 15px !important; border-radius: 19px !important; color: var(--accent-strong,var(--accent,#008f91)) !important; box-shadow: rgba(255, 255, 255, 0.78) 0px 1px 0px inset !important; background: color-mix(in srgb,var(--accent,#008f91) 11%,transparent) !important; }
.notice-empty--premium .notice-empty-icon svg { display: block !important; width: 27px !important; height: 27px !important; min-width: 27px !important; max-width: 27px !important; fill: none !important; stroke: currentcolor !important; stroke-width: 1.7 !important; stroke-linecap: round !important; stroke-linejoin: round !important; }
.notice-empty--premium .notice-empty-title { display: block !important; margin: 0px !important; color: inherit !important; font-size: 15.5px !important; font-weight: 820 !important; line-height: 1.25 !important; letter-spacing: -0.012em !important; }
.notice-empty--premium .notice-empty-copy { display: block !important; max-width: 286px !important; margin: 7px 0px 0px !important; color: var(--muted,#6a7f87) !important; font-size: 11.5px !important; font-weight: 560 !important; line-height: 1.48 !important; }
html[data-theme="dark"] .notice-empty.notice-empty--premium { background: var(--av-well)!important; color: var(--av-text-secondary)!important; box-shadow: var(--av-shadow-well)!important; }
html[data-theme="dark"] .notice-empty--premium .notice-empty-icon { background: rgba(53, 214, 200, 0.094) !important; color: rgb(69, 215, 202) !important; box-shadow: rgba(255, 255, 255, 0.035) 0px 1px 0px inset !important; }
html[data-theme="dark"] .notice-empty--premium .notice-empty-copy { color: rgb(159, 178, 184) !important; }
#pakTeacherPanel .pak-t-sheet { --ta-surface: var(--av-surface-1); --ta-surface-hi: var(--av-surface-elevated); --ta-well: var(--av-well); --ta-text: var(--av-text-primary); --ta-text-2: var(--av-text-secondary); --ta-text-3: var(--av-text-muted); --ta-accent: var(--av-accent); --ta-accent-2: var(--av-accent-strong); width: min(940px, 100%) !important; border: 0px !important; border-radius: 30px !important; padding: 0px !important; color: var(--ta-text) !important; box-shadow: var(--av-shadow-modal)!important; overflow: hidden !important; background: var(--av-surface-1)!important; }
html[data-theme="dark"] #pakTeacherPanel .pak-t-sheet { --ta-surface: var(--av-surface-1); --ta-surface-hi: var(--av-surface-elevated); --ta-well: var(--av-well); --ta-text: var(--av-text-primary); --ta-text-2: var(--av-text-secondary); --ta-text-3: var(--av-text-muted); --ta-accent: var(--av-accent); --ta-accent-2: var(--av-accent-strong); box-shadow: var(--av-shadow-modal)!important; background: var(--av-surface-1)!important; }
#pakTeacherPanel .pak-t-head { position: relative !important; margin: 0px !important; padding: 24px 26px 18px !important; }
#pakTeacherPanel .pak-t-head > div::before { content: "AVERA · ЦИФРОВАЯ СРЕДА"; display: block; margin-bottom: 6px; color: var(--ta-accent); font-size: 9px; font-weight: 650; letter-spacing: 0.14em; text-transform: uppercase; }
#pakTeacherPanel .pak-t-head h2 { color: var(--ta-text) !important; font-size: 26px !important; font-weight: 860 !important; letter-spacing: -0.035em !important; }
#pakTeacherPanel .pak-t-head p { color: var(--ta-text-2) !important; font-size: 11.5px !important; }
#pakTeacherPanel .pak-t-x:not([data-av-control]) { width: 42px !important; height: 42px !important; border: 0px !important; border-radius: 14px !important; color: var(--ta-text-2) !important; box-shadow: var(--av-shadow-control) !important; background: var(--ta-surface-hi) !important; }
html[data-theme="dark"] #pakTeacherPanel .pak-t-x:not([data-av-control]) { box-shadow: var(--av-shadow-control) !important; }
#pakTeacherPanel #pakTeacherPanelBody { padding: 20px 26px 27px !important; }
#pakTeacherPanel .pak-t-btn { border: 0px !important; border-radius: 14px !important; color: var(--av-text-primary)!important; box-shadow: var(--av-shadow-control)!important; transition: transform 0.16s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.16s !important; background: var(--av-control-bg)!important; }
html[data-theme="dark"] #pakTeacherPanel .pak-t-btn { box-shadow: var(--av-shadow-control)!important; }
#pakTeacherPanel .pak-t-btn:active { transform: translateY(1px) scale(0.988) !important; box-shadow: var(--av-shadow-pressed)!important; }
#pakTeacherPanel .pak-t-btn.primary, html[data-theme="dark"] #pakTeacherPanel .pak-t-btn.primary { background: var(--av-primary-gradient)!important; color: var(--av-primary-ink)!important; box-shadow: var(--av-shadow-primary)!important; }
#pakTeacherPanel .pak-t-tabs { gap: 8px !important; margin: 8px 0px 17px !important; padding: 3px !important; border-radius: 16px !important; box-shadow: none!important; background: var(--ta-well) !important; }
html[data-theme="dark"] #pakTeacherPanel .pak-t-tabs { box-shadow: none!important; }
#pakTeacherPanel .pak-t-tab { border: 0px !important; border-radius: 12px !important; background: transparent !important; color: var(--ta-text-2) !important; padding: 9px 12px !important; }
#pakTeacherPanel .pak-t-tab.active { color: var(--av-text-primary)!important; box-shadow: var(--av-shadow-control)!important; background: var(--av-selected-bg)!important; font-weight:800;}
html[data-theme="dark"] #pakTeacherPanel .pak-t-tab.active { box-shadow: var(--av-shadow-control)!important; color:var(--av-text-primary);font-weight:800;background:var(--av-selected-bg);}
#pakTeacherPanel .pak-t-card{ border: 0px !important; border-radius: 18px !important; color: var(--ta-text) !important; box-shadow: var(--av-shadow-card)!important; background: var(--av-card-bg)!important; }
#pakTeacherPanel .pak-t-notice{ border: 0px !important; border-radius: 18px !important; color: var(--ta-text) !important; box-shadow: none !important; background: var(--av-surface-1) !important; }
html[data-theme="dark"] #pakTeacherPanel .pak-t-card{ box-shadow: var(--av-shadow-card)!important; }
html[data-theme="dark"] #pakTeacherPanel .pak-t-notice{ box-shadow: var(--av-shadow-control) !important; }
html[data-theme="dark"] #pakTeacherPanel .pak-t-note{ box-shadow: var(--av-shadow-control) !important; }
#pakTeacherPanel .pak-t-card h3, #pakTeacherPanel .pak-t-notice h4 { color: var(--ta-text) !important; }
#pakTeacherPanel .pak-t-card p, #pakTeacherPanel .pak-t-notice p, #pakTeacherPanel .pak-t-meta, #pakTeacherPanel .pak-t-note { color: var(--ta-text-2) !important; }
#pakTeacherPanel .pak-t-field > label { color: var(--ta-text-3) !important; }
#pakTeacherPanel .pak-t-field input, #pakTeacherPanel .pak-t-field select, #pakTeacherPanel .pak-t-field textarea { border: 0px !important; border-radius: 14px !important; background-color: var(--av-well)!important; color: var(--av-text-primary)!important; box-shadow: var(--av-shadow-well)!important; }
html[data-theme="dark"] #pakTeacherPanel .pak-t-field input, html[data-theme="dark"] #pakTeacherPanel .pak-t-field select, html[data-theme="dark"] #pakTeacherPanel .pak-t-field textarea { box-shadow: var(--av-shadow-well)!important; }
#pakTeacherPanel .pak-t-field input:focus, #pakTeacherPanel .pak-t-field select:focus, #pakTeacherPanel .pak-t-field textarea:focus { outline: none!important; box-shadow: var(--av-shadow-well)!important; background:var(--av-focus-well);}
#pakTeacherPanel .pak-t-chip { border: 0px !important; color: var(--ta-accent) !important; background: color-mix(in srgb,var(--ta-accent) 10%,var(--ta-surface)) !important; }
@media (max-width: 700px) {
  #pakTeacherPanel .pak-t-sheet { border-radius: 25px !important; }
  #pakTeacherPanel .pak-t-head { padding: 20px 20px 15px !important; }
  #pakTeacherPanel #pakTeacherPanelBody { padding: 17px 20px 22px !important; }
  #pakTeacherPanel .pak-t-head h2 { font-size: 23px !important; }
}
.au-dialog.au-workspace-dialog { --auw-bg: var(--av-bg-app); --auw-well: var(--av-well); --auw-raised: var(--av-surface-elevated); --auw-text: var(--av-text-primary); --auw-muted: var(--av-text-secondary); --auw-accent: var(--av-accent); width: min(96vw, 760px); max-height: min(94dvh, 900px); border-radius: 30px; background-color: var(--av-surface-1); overflow: auto; box-shadow: var(--av-shadow-modal); }
html[data-theme="dark"] .au-dialog.au-workspace-dialog { --auw-bg: var(--av-bg-app); --auw-well: var(--av-well); --auw-raised: var(--av-surface-elevated); --auw-text: var(--av-text-primary); --auw-muted: var(--av-text-secondary); --auw-accent: var(--av-accent); background-color: var(--av-surface-1); box-shadow: var(--av-shadow-modal); }
html[data-theme="dark"] .au-dialog.au-workspace-dialog header { background-color: var(--av-surface-1) !important; border-color: transparent !important; }
.au-dialog.au-workspace-dialog::backdrop { backdrop-filter: none; background:var(--a2-legacy-surface,rgba(5, 15, 21, 0.58)); }
.au-workspace-dialog header { display: grid; grid-template-columns: minmax(0px, 1fr) 42px; gap: 12px; align-items: center; padding: 20px 24px 17px; background-color: var(--av-surface-1); border: 0px; box-shadow: var(--av-shadow-control); }
.au-workspace-dialog header.au-workspace-header { grid-template-columns: 42px minmax(0px, 1fr) 42px; }
.au-workspace-dialog header > div { min-width: 0px; }
.au-workspace-dialog header h2 { font-size: 25px; color: var(--auw-text); }
.au-workspace-dialog [data-close], .au-workspace-back { width: 42px; height: 42px !important; padding: 0px !important; border: 0px !important; border-radius: 14px !important; background-color: var(--av-surface-1) !important; color: var(--auw-muted) !important; box-shadow: var(--av-shadow-control) !important; display: grid !important; place-items: center !important; }
html[data-theme="dark"] .au-workspace-dialog [data-close], html[data-theme="dark"] .au-workspace-back { box-shadow: var(--av-shadow-control) !important; }
.au-workspace-back svg, .au-workspace-dialog [data-close] svg { width: 19px; height: 19px; fill: none; stroke: currentcolor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.au-workspace-dialog .au-body { padding: 22px 24px 28px; }
.au-workspace-page { display: grid; gap: 20px; color: var(--auw-text); }
.au-workspace-eyebrow { display: block; margin-bottom: 7px; color: var(--auw-accent); font-size: 10px; font-weight: 650; letter-spacing: 0.12em; text-transform: uppercase; }
.au-workspace-intro h3, .au-workspace-hero h3, .au-roster-hero h3 { font-size: 23px; letter-spacing: -0.45px; }
.au-workspace-intro p, .au-workspace-hero p, .au-roster-hero p { margin: 6px 0px 0px; color: var(--auw-muted); font-size: 13px; line-height: 1.48; }
.au-workspace-hero, .au-roster-hero { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 19px; border-radius: 22px; background-color: var(--av-surface-1); box-shadow: var(--av-shadow-control); }
html[data-theme="dark"] .au-workspace-hero, html[data-theme="dark"] .au-roster-hero { box-shadow: var(--av-shadow-control); }
.au-capacity { flex: 0 0 80px; height: 80px; border-radius: 24px; display: grid; place-items: center; align-content: center; box-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0px inset, rgba(37, 60, 70, 0.28) 0px 11px 24px -16px, rgba(37, 60, 70, 0.08) 0px 3px 8px; background: var(--auw-raised); }
html[data-theme="dark"] .au-capacity { box-shadow: rgba(255, 255, 255, 0.07) 0px 1px 0px inset, rgba(0, 0, 0, 0.72) 0px 12px 25px -15px, rgba(0, 0, 0, 0.3) 0px 3px 8px; }
.au-capacity b { font-size: 25px; line-height: 1; }
.au-capacity b small { font-size: 12px; color: var(--auw-muted); }
.au-capacity > span { margin-top: 5px; color: var(--auw-muted); font-size: 10px; font-weight: 700; }
.au-workspace-section { display: grid; gap: 10px; }
.au-workspace-section-head { display: flex; align-items: center; justify-content: space-between; padding: 0px 3px; color: var(--auw-muted); font-size: 11px; font-weight: 650; letter-spacing: 0.08em; text-transform: uppercase; }
.au-workspace-section-head small { display: grid; place-items: center; min-width: 24px; height: 24px; border-radius: 9px; background-color: var(--av-surface-1); color: var(--auw-accent); font-size: 11px; box-shadow: var(--av-shadow-control); }
.au-curator-cards, .au-roster-list, .au-choice-list { display: grid; gap: 10px; }
.au-curator-card { display: grid; grid-template-columns: 44px minmax(0px, 1fr) auto; align-items: center; gap: 12px; padding: 13px; border-radius: 18px; box-shadow: var(--av-shadow-control); background: var(--auw-raised); }
html[data-theme="dark"] .au-curator-card { box-shadow: var(--av-shadow-control); }
.au-curator-card-icon { width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center; color: var(--auw-accent); box-shadow: var(--av-shadow-control); background: color-mix(in srgb,var(--auw-accent) 8%,var(--auw-raised)); }
.au-curator-card-icon svg { width: 22px; height: 22px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.au-curator-card-copy { min-width: 0px; }
.au-curator-card-top { display: flex; align-items: center; gap: 8px; justify-content: space-between; }
.au-curator-card-top b { font-size: 15px; }
.au-curator-card-copy > small { display: block; margin-top: 4px; color: var(--auw-muted); font-size: 11.5px; line-height: 1.4; }
.au-state-chip { flex: 0 0 auto; padding: 4px 7px; border-radius: 999px; font-size: 9.5px; font-weight: 800; }
.au-state-chip.is-ok { color: var(--auw-accent); background: color-mix(in srgb,var(--auw-accent) 12%,transparent); }
.au-state-chip.is-wait { background: rgba(220, 169, 75, 0.106); color: rgb(154, 106, 19); }
.au-state-chip.is-muted { color: var(--auw-muted); background: color-mix(in srgb,var(--auw-muted) 10%,transparent); }
html[data-theme="dark"] .au-state-chip.is-wait { background: rgba(225, 182, 92, 0.086); color: rgb(230, 193, 110); }
.au-curator-open { width: 40px; height: 40px; place-items: center; padding: 0px !important; border: 0px !important; border-radius: 13px !important; display: grid !important; color: var(--auw-accent) !important; box-shadow: var(--av-shadow-control) !important; background: var(--auw-raised) !important; }
.au-curator-open svg { width: 17px; height: 17px; fill: none; stroke: currentcolor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.au-workspace-empty { padding: 28px 18px; border-radius: 20px; text-align: center; background-color: var(--av-surface-1); box-shadow: var(--av-shadow-control); }
.au-workspace-empty > span { display: block; color: var(--auw-accent); font-size: 30px; }
.au-workspace-empty b { display: block; margin-top: 5px; }
.au-workspace-empty p { max-width: 390px; margin: 6px auto 0px; color: var(--auw-muted); font-size: 12px; }
.au-curator-history { border-radius: 18px; padding: 5px 13px; background: var(--auw-well); }
.au-curator-history summary { padding: 10px 2px; cursor: pointer; color: var(--auw-muted); font-size: 12px; font-weight: 750; list-style: none; }
.au-curator-history summary::-webkit-details-marker { display: none; }
.au-curator-history summary span { float: right; }
.au-curator-history > div { display: grid; gap: 9px; padding: 2px 0px 9px; }
.au-curator-card.is-history { opacity: 0.82; }
.au-workspace-actions { display: grid; gap: 9px; margin-top: 14px; }
.au-workspace-primary{ width: 100%; min-height: 52px; background: var(--av-primary-gradient); box-shadow: var(--av-shadow-primary); border: 0px !important; border-radius: 16px !important; color: var(--av-primary-ink)!important; }
.au-workspace-secondary{ width: 100%; min-height: 52px; background: var(--av-control-bg); box-shadow: var(--av-shadow-control); border: 0px !important; border-radius: 16px !important; color: var(--av-text-primary)!important; }
.au-workspace-primary { color: var(--av-primary-ink)!important; box-shadow: var(--av-shadow-primary)!important; background: var(--av-primary-gradient)!important; }
.au-workspace-secondary { background-color: var(--av-raised)!important; color: var(--av-text-primary)!important; box-shadow: var(--av-shadow-control)!important; }
.au-curator-add .au-workspace-primary { display: grid; grid-template-columns: 38px 1fr; align-items: center; text-align: left; background: var(--av-primary-gradient); box-shadow: var(--av-shadow-primary); padding: 10px 14px !important; color: var(--av-primary-ink)!important; }
.au-curator-add .au-workspace-primary span:last-child { display: grid; }
.au-curator-add .au-workspace-primary small { margin-top: 2px; font-size: 10.5px; font-weight: 650; opacity: 0.72; }
.au-add-plus { font-size: 28px; font-weight: 400; }
.au-capacity-note, .au-inline-note { padding: 12px 14px; border-radius: 15px; color: var(--auw-muted); font-size: 11.5px; line-height: 1.45; box-shadow: rgba(42, 63, 72, 0.1) 0px 2px 5px inset; background: var(--auw-well); }
.au-choice-form { display: grid; }
.au-choice-card { position: relative; display: grid; grid-template-columns: 24px minmax(0px, 1fr); align-items: center; gap: 11px; padding: 13px 14px; border-radius: 17px; cursor: pointer; box-shadow: rgba(42, 63, 72, 0.12) 0px 2px 5px inset, rgba(255, 255, 255, 0.78) 0px -1px 1px inset; transition: transform 0.18s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.18s; background: var(--auw-well); }
.au-choice-card:active { transform: scale(0.992); }
.au-choice-card input { position: absolute; opacity: 0; pointer-events: none; }
.au-choice-mark { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; box-shadow: rgba(42, 63, 72, 0.16) 0px 2px 5px inset, rgba(255, 255, 255, 0.74) 0px -1px 1px inset; background: var(--auw-raised); }
.au-choice-mark i { width: 10px; height: 10px; border-radius: 50%; transform: scale(0); transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1); background: var(--auw-accent); }
.au-choice-card input:checked ~ .au-choice-mark i { transform: scale(1); }
.au-choice-card:has(input:checked) { box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--auw-accent) 28%,transparent),inset 0 2px 5px rgba(42,63,72,.11),0 7px 20px -17px color-mix(in srgb,var(--auw-accent) 55%,transparent); }
.au-choice-copy { display: grid; min-width: 0px; }
.au-choice-copy b { font-size: 14px; }
.au-choice-copy small { margin-top: 2px; color: var(--auw-muted); font-size: 11px; }
.au-group-switch { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 4px; padding: 4px; border-radius: 17px; box-shadow:var(--a2-legacy-shadow-inset,rgba(42, 63, 72, 0.13) 0px 2px 5px inset, rgba(255, 255, 255, 0.78) 0px -1px 1px inset); background: var(--auw-well); }
.au-group-switch button { border: 0px !important; border-radius: 13px !important; background: transparent !important; color: var(--auw-muted) !important; padding: 10px !important; }
.au-group-switch button.active { color: var(--auw-accent) !important; box-shadow:var(--a2-legacy-shadow-inset,rgba(255, 255, 255, 0.88) 0px 1px 0px inset, rgba(37, 60, 70, 0.25) 0px 7px 15px -10px, rgba(37, 60, 70, 0.06) 0px 2px 4px)!important; background: var(--auw-raised) !important; }
.au-manage-group { flex: 0 0 auto; grid-template-columns: 20px auto; align-items: center; gap: 7px; display: grid !important; padding: 10px 12px !important; border: 0px !important; border-radius: 14px !important; color: var(--auw-accent) !important; box-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0px inset, rgba(37, 60, 70, 0.25) 0px 8px 18px -12px, rgba(37, 60, 70, 0.07) 0px 2px 5px !important; background: var(--auw-raised) !important; }
.au-manage-group svg { width: 19px; height: 19px; fill: none; stroke: currentcolor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.au-roster-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.au-roster-summary > div { min-width: 0px; display: grid; grid-template-columns: 42px minmax(0px, 1fr); align-items: center; gap: 10px; padding: 12px; border-radius: 17px; box-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0px inset, rgba(37, 60, 70, 0.2) 0px 8px 18px -12px, rgba(37, 60, 70, 0.06) 0px 2px 5px; background: var(--auw-raised); }
.au-summary-icon { width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; color: var(--auw-accent); box-shadow: rgba(42, 63, 72, 0.11) 0px 2px 4px inset; background: var(--auw-well); }
.au-summary-icon svg { width: 21px; height: 21px; fill: none; stroke: currentcolor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.au-roster-summary small { display: block; color: var(--auw-muted); font-size: 9.5px; text-transform: uppercase; letter-spacing: 0.06em; }
.au-roster-summary b { display: block; margin-top: 3px; overflow: hidden; text-overflow: ellipsis; font-size: 12.5px; white-space: nowrap; }
.au-roster-search { display: grid !important; grid-template-columns: 28px minmax(0px, 1fr) !important; align-items: center !important; gap: 11px !important; margin: 0px !important; padding: 0px 14px !important; min-height: 52px !important; border-radius: 17px !important; box-shadow: rgba(42, 63, 72, 0.14) 0px 2px 5px inset, rgba(255, 255, 255, 0.8) 0px -1px 1px inset !important; background: var(--auw-well) !important; }
.au-roster-search-icon { width: 28px; height: 28px; border-radius: 11px; display: grid; place-items: center; color: var(--auw-accent); box-shadow: rgba(255, 255, 255, 0.7) 0px 1px 0px inset; background: color-mix(in srgb,var(--auw-accent) 10%,transparent); }
.au-roster-search-icon svg { width: 16px; height: 16px; fill: none; stroke: currentcolor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.au-roster-search input { width: 100% !important; min-width: 0px !important; min-height: 0px !important; height: auto !important; margin: 0px !important; border: 0px !important; outline: 0px !important; background: var(--av-well)!important; color: var(--av-text-primary)!important; padding: 13px 0px !important; box-shadow: var(--av-shadow-well)!important; font-size: 14px !important; line-height: 1.2 !important; appearance: none !important; }
.au-roster-search input::placeholder { color: var(--auw-muted); }
.au-roster-search input::-webkit-search-decoration, .au-roster-search input::-webkit-search-cancel-button, .au-roster-search input::-webkit-search-results-button, .au-roster-search input::-webkit-search-results-decoration { display: none; }
.au-roster-search input::-ms-clear, .au-roster-search input::-ms-reveal { display: none; width: 0px; height: 0px; }
.au-roster-student { display: grid; grid-template-columns: 46px minmax(0px, 1fr); gap: 12px; align-items: center; padding: 11px 12px; border-radius: 17px; box-shadow: rgba(255, 255, 255, 0.88) 0px 1px 0px inset, rgba(37, 60, 70, 0.21) 0px 7px 16px -12px, rgba(37, 60, 70, 0.055) 0px 2px 5px; background: var(--auw-raised); }
.au-roster-avatar, .au-choice-avatar { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; color: var(--auw-accent); font-size: 13px; font-weight: 800; box-shadow: rgba(42, 63, 72, 0.1) 0px 2px 4px inset; background: var(--auw-well); }
.au-roster-main { min-width: 0px; }
.au-roster-name { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.au-roster-name strong { font-size: 13.5px; line-height: 1.25; }
.au-starosta-badge { display: inline-flex; align-items: center; gap: 4px; padding: 3px 6px; border-radius: 999px; color: var(--auw-accent); font-size: 8.5px; font-weight: 800; background: color-mix(in srgb,var(--auw-accent) 11%,transparent); }
.au-starosta-badge svg { width: 11px; height: 11px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linejoin: round; }
.au-roster-contact { display: flex; align-items: center; gap: 7px; margin-top: 5px; }
.au-roster-phone { color: var(--auw-muted); font-size: 11.5px; text-decoration: none; }
.au-call { width: 30px; height: 30px; border-radius: 10px; display: grid; place-items: center; color: var(--auw-accent); box-shadow: rgba(42, 63, 72, 0.1) 0px 2px 4px inset; background: var(--auw-well); }
.au-call svg { width: 15px; height: 15px; fill: none; stroke: currentcolor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.au-roster-off { display: inline-flex; align-items: center; gap: 6px; margin-top: 5px; color: var(--auw-muted); font-size: 10.5px; }
.au-roster-off i { width: 6px; height: 6px; border-radius: 50%; background: color-mix(in srgb,var(--auw-muted) 50%,transparent); }
.au-roster-no-results { padding: 24px; text-align: center; color: var(--auw-muted); font-size: 12px; }
.au-starosta-choice { grid-template-columns: 24px 42px minmax(0px, 1fr); }
.au-starosta-choice .au-choice-avatar { width: 42px; height: 42px; border-radius: 13px; }
.au-choice-avatar.is-none { color: var(--auw-muted); font-size: 18px; }
@media (max-width: 700px) {
  .au-dialog.au-workspace-dialog { width: 100vw; height: 100dvh; max-width: none; max-height: none; margin: 0px; border-radius: 0px; }
  .au-workspace-dialog header { }
  .au-workspace-dialog .au-body { }
  .au-workspace-dialog header h2 { font-size: 22px; }
  .au-workspace-page { gap: 17px; }
  .au-workspace-hero, .au-roster-hero { padding: 16px; border-radius: 19px; }
  .au-workspace-intro h3, .au-workspace-hero h3, .au-roster-hero h3 { font-size: 21px; }
  .au-capacity { width: 70px; height: 70px; flex-basis: 70px; border-radius: 21px; }
  .au-capacity b { font-size: 22px; }
  .au-curator-card { grid-template-columns: 40px minmax(0px, 1fr) auto; padding: 11px; }
  .au-curator-card-icon { width: 40px; height: 40px; }
  .au-curator-card-copy > small { font-size: 10.8px; }
  .au-roster-hero { align-items: flex-start; flex-direction: column; }
  .au-manage-group { width: 100%; justify-content: center; }
  .au-roster-summary { grid-template-columns: 1fr; }
  .au-roster-summary b { white-space: normal; }
  .au-roster-student { grid-template-columns: 42px minmax(0px, 1fr); }
  .au-roster-avatar { width: 42px; height: 42px; }
  .au-group-switch { position: sticky; top: 76px; z-index: 4; backdrop-filter: none; background: color-mix(in srgb,var(--auw-well) 95%,transparent); }
}
@media (max-width: 390px) {
  .au-curator-card-top { align-items: flex-start; flex-direction: column; gap: 4px; }
  .au-state-chip { align-self: flex-start; }
  .au-workspace-dialog [data-close], .au-workspace-back { width: 38px; height: 38px !important; }
  .au-workspace-dialog header.au-workspace-header { grid-template-columns: 38px minmax(0px, 1fr) 38px; }
  .au-workspace-dialog header { grid-template-columns: minmax(0px, 1fr) 38px; }
  .au-curator-card-copy > small { display: none; }
}
@media (max-width: 700px) {
  #pakTeacherPanel .pak-t-tabs { display: grid !important; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; gap: 3px !important; overflow: visible !important; flex-wrap: initial !important; padding: 3px !important; }
  #pakTeacherPanel .pak-t-tab { min-width: 0px !important; width: 100% !important; padding: 8px 2px !important; font-size: clamp(9.2px, 2.65vw, 11.5px) !important; line-height: 1.08 !important; white-space: nowrap !important; letter-spacing: -0.02em !important; }
}
.au-curator-hero { display: block !important; }
.au-starosta-empty { display: grid; grid-template-columns: 58px minmax(0px, 1fr); align-items: center; gap: 14px; padding: 18px; border-radius: 20px; box-shadow: rgba(42, 63, 72, 0.12) 0px 2px 5px inset, rgba(255, 255, 255, 0.78) 0px -1px 1px inset; background: var(--auw-well); }
.au-starosta-empty-icon { width: 58px; height: 58px; border-radius: 18px; display: grid; place-items: center; color: var(--auw-accent); box-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0px inset, rgba(37, 60, 70, 0.25) 0px 9px 19px -13px, rgba(37, 60, 70, 0.07) 0px 2px 5px; background: var(--auw-raised); }
.au-starosta-empty-icon svg { width: 27px; height: 27px; fill: none; stroke: currentcolor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; opacity: 0.85; }
.au-starosta-empty b { display: block; font-size: 15px; line-height: 1.25; }
.au-starosta-empty p { margin: 5px 0px 0px; color: var(--auw-muted); font-size: 11.5px; line-height: 1.48; }
.au-starosta-none .au-choice-avatar svg { width: 22px; height: 22px; fill: none; stroke: currentcolor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.au-starosta-none .au-choice-avatar { color: var(--auw-muted); }
html[data-theme="dark"] .au-starosta-empty { box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 6px inset, rgba(255, 255, 255, 0.04) 0px -1px 1px inset; }
html[data-theme="dark"] .au-starosta-empty-icon { box-shadow: rgba(255, 255, 255, 0.07) 0px 1px 0px inset, rgba(0, 0, 0, 0.75) 0px 10px 20px -14px, rgba(0, 0, 0, 0.28) 0px 2px 5px; }
@media (max-width: 480px) {
  .au-starosta-empty { grid-template-columns: 50px minmax(0px, 1fr); padding: 15px; }
  .au-starosta-empty-icon { width: 50px; height: 50px; border-radius: 16px; }
  .au-starosta-empty-icon svg { width: 24px; height: 24px; }
}
@media (max-width: 700px) {
  .au-roster-search { position: relative !important; display: block !important; min-height: 52px !important; padding: 0px !important; overflow: hidden !important; }
  .au-roster-search-icon { position: absolute !important; z-index: 2 !important; left: 12px !important; top: 50% !important; width: 30px !important; height: 30px !important; margin: 0px !important; transform: translateY(-50%) !important; pointer-events: none !important; }
  .au-roster-search input { display: block !important; box-sizing: border-box !important; width: 100% !important; height: 52px !important; min-height: 52px !important; margin: 0px !important; padding: 0px 14px 0px 54px !important; border: 0px !important; border-radius: 17px !important; line-height: 52px !important; vertical-align: middle !important; }
}
@media (max-width: 700px) {
  #pakTeacherPanel .pak-t-tabs { grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; gap: 2px !important; padding: 3px !important; }
  #pakTeacherPanel .pak-t-tab { min-width: 0px !important; padding: 8px 2px !important; font-size: 12px !important; line-height: 1.08 !important; letter-spacing: -0.025em !important; white-space: nowrap !important; }
  #pakTeacherPanel :is(input:not([type="checkbox"]):not([type="radio"]), textarea) { font-size: 16px !important; }
  .au-roster-search input { font-size: 16px !important; }
  .au-starosta-choice { grid-template-columns: 22px 38px minmax(0px, 1fr) !important; gap: 9px !important; min-height: 58px !important; padding: 8px 10px !important; align-items: center !important; }
  .au-starosta-choice .au-choice-avatar { width: 38px !important; height: 38px !important; border-radius: 12px !important; }
  .au-starosta-choice .au-choice-copy { min-width: 0px !important; }
  .au-starosta-choice .au-choice-copy b { font-size: 12.5px !important; line-height: 1.22 !important; }
  .au-starosta-choice .au-choice-copy small { font-size: 10.5px !important; line-height: 1.2 !important; }
}
.teacher-preview-banner { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 0px 0px 14px; padding: 12px 14px; border-radius: 17px; color: var(--text,#243b42); box-shadow: rgba(42, 63, 72, 0.12) 0px 2px 5px inset, rgba(255, 255, 255, 0.72) 0px -1px 1px inset; background: var(--auw-well,var(--surface-2,#edf3f4)); }
.teacher-preview-banner > span { min-width: 0px; display: grid; gap: 2px; }
.teacher-preview-banner b { font-size: 12px; }
.teacher-preview-banner small { min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted,#647a83); font-size: 10.5px; }
.teacher-preview-banner button { flex: 0 0 auto; min-height: 34px !important; padding: 7px 10px !important; border: 0px !important; border-radius: 11px !important; color: var(--accent-strong,#008d91) !important; font-size: 10px !important; font-weight: 800 !important; box-shadow: rgba(255, 255, 255, 0.88) 0px 1px 0px inset, rgba(37, 60, 70, 0.25) 0px 7px 14px -11px, rgba(37, 60, 70, 0.06) 0px 2px 4px !important; background: var(--surface,#fff) !important; }
html[data-theme="dark"] .teacher-preview-banner { background: rgb(14, 28, 34); box-shadow: rgba(0, 0, 0, 0.42) 0px 4px 9px inset, rgba(255, 255, 255, 0.02) 0px 0px 0px 1px; }
html[data-theme="dark"] .teacher-preview-banner button { background: rgb(25, 40, 47) !important; color: rgb(85, 216, 203) !important; box-shadow: rgba(0, 0, 0, 0.82) 0px 8px 16px -12px, rgba(255, 255, 255, 0.02) 0px 1px 0px inset !important; }
@media (max-width: 420px) {
  .teacher-preview-banner { align-items: flex-start; flex-direction: column; }
  .teacher-preview-banner button { width: 100%; }
}
.au-roster-student.is-filtered-out { display: none !important; }
.au-login-v2-close { right: 24px !important; left: auto !important; background: rgba(19, 58, 67, 0.58); }
.au-login-v2-head { padding-right: 58px !important; padding-left: 0px !important; background: none; }
.au-access-close { right: 22px !important; left: auto !important; background: var(--af-surface); }
.au-access-head { padding-right: 58px !important; padding-left: 0px !important; }
@media (max-width: 620px) {
  .au-login-v2-close { right: 19px !important; left: auto !important; }
  .au-login-v2-head { padding-right: 46px !important; padding-left: 0px !important; }
}
@media (max-width: 560px) {
  .au-access-close { right: 18px !important; left: auto !important; }
  .au-access-head { padding-right: 50px !important; padding-left: 0px !important; }
}
@media (max-width: 390px) {
  .au-login-v2-close { right: 17px !important; left: auto !important; }
}
.au-dialog:where(:not(.an-dialog)) header { display: grid !important; grid-template-columns: minmax(0px, 1fr) 42px !important; align-items: start !important; column-gap: 12px !important; background:var(--a2-legacy-surface,color-mix(in srgb,var(--av-surface-1,#fff) 96%,transparent)); }
.au-dialog:where(:not(.an-dialog)) header > div { grid-area: 1 / 1 !important; min-width: 0px !important; justify-self: stretch !important; text-align: left !important; }
.au-dialog:where(:not(.an-dialog)) header > [data-close] { grid-area: 1 / 2 !important; justify-self: end !important; }
.au-dialog:where(:not(.an-dialog)) header.au-workspace-header { grid-template-columns: 42px minmax(0px, 1fr) 42px !important; }
.au-dialog:where(:not(.an-dialog)) header.au-workspace-header > .au-workspace-back { grid-area: 1 / 1 !important; justify-self: start !important; }
.au-dialog:where(:not(.an-dialog)) header.au-workspace-header > div { grid-area: 1 / 2 !important; }
.au-dialog:where(:not(.an-dialog)) header.au-workspace-header > [data-close] { grid-area: 1 / 3 !important; justify-self: end !important; }
.au-profile-dialog .au-profile-header-subtitle { margin: 5px 0px 0px !important; color: var(--pt-text-2) !important; font-size: 11px !important; font-weight: 600 !important; line-height: 1.35 !important; letter-spacing: 0px !important; text-transform: none !important; }
@media (max-width: 390px) {
  .au-dialog:where(:not(.an-dialog)) header { grid-template-columns: minmax(0px, 1fr) 38px !important; column-gap: 10px !important; }
  .au-dialog:where(:not(.an-dialog)) header.au-workspace-header { grid-template-columns: 38px minmax(0px, 1fr) 38px !important; }
}
.au-import-summary { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin: 0px 0px 13px; padding: 12px 14px; border-radius: 15px; box-shadow: rgba(32, 59, 67, 0.1) 0px 2px 5px inset; background: var(--auw-inset,var(--av-surface-2,#eef4f4)); }
.au-import-summary > b { margin-right: 4px; }
.au-import-summary > span { padding: 5px 9px; border-radius: 999px; font-size: 11px; font-weight: 750; color: var(--av-text-secondary,#5d747c); background: var(--av-surface-1,#fff); }
.au-import-detail { display: block; margin-top: 5px; color: var(--av-text-tertiary,#7e9299); font-size: 10.5px; line-height: 1.3; max-width: 430px; }
.au-preview-table tr[data-import-action="update"] { background: color-mix(in srgb,var(--av-accent-soft,#e3f4f1) 42%,transparent); }
.au-preview-table tr[data-import-action="conflict"] { background: color-mix(in srgb, rgb(246, 216, 216) 32%, transparent 68%); }
.au-preview-table tr[data-import-action="unchanged"], .au-preview-table tr[data-import-action="duplicate"] { opacity: 0.68; }
.au-bulk .au-danger, .au-person-danger .au-danger { color:var(--a2-legacy-danger,rgb(159, 53, 64))!important; background:var(--a2-legacy-danger-soft,color-mix(in srgb,#fff1f2 64%,var(--av-surface-1,#fff)))!important; }
.au-person-danger { margin-top: 18px; padding: 14px; border-radius: 16px; border:1px solid transparent; background:var(--a2-legacy-danger-soft,color-mix(in srgb,#fff1f2 55%,var(--av-surface-2,#f1f6f5))); }
.au-person-danger p { margin: 0px 0px 10px; color:var(--a2-legacy-danger,var(--av-text-secondary,#667b83)); font-size: 11.5px; line-height: 1.45; }
.au-special-dialog { overscroll-behavior: contain; position: relative !important; width: min(94vw, 640px) !important; max-height: min(92dvh, 900px) !important; overflow: auto !important; border: 0px !important; border-radius: 26px !important; padding: 0px !important; color: var(--av-text-primary,#20383f) !important; box-shadow: rgba(5, 25, 34, 0.42) 0px 32px 100px !important; background: var(--av-surface-1,#fff) !important; }
.au-special-dialog::backdrop { backdrop-filter: none; background: rgba(5, 15, 21, 0.58) !important; }
.au-special-media { position: relative; display: grid; place-items: center; overflow: hidden; background: rgb(7, 20, 24); }
.au-special-media img { display: block; width: 100%; max-height: min(62dvh, 640px); object-fit: contain; }
.au-special-media-error { min-height: 220px; padding: 42px 28px; display: grid; place-items: center; align-content: center; gap: 7px; text-align: center; color: rgb(216, 231, 232); }
.au-special-media-error[hidden] { display: none !important; }
.au-special-media-error b { font-size: 15px; }
.au-special-media-error span { max-width: 330px; color: rgb(147, 169, 174); font-size: 11.5px; line-height: 1.45; }
.au-special-dialog.is-image-only { width: min(94vw, 760px) !important; background: rgb(7, 20, 24) !important; }
.au-special-dialog.is-image-only .au-special-media img { max-height: min(88dvh - 68px, 832px); }
.au-special-dialog.is-image-only .au-special-media { min-height: 0px; }
.au-special-image-actions { padding: 12px 14px 14px; background: rgb(7, 20, 24); display: flex; justify-content: center; }
.au-special-image-actions button { min-width: 150px; min-height: 44px; padding: 0px 22px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 14px; background: rgba(255, 255, 255, 0.09); color: rgb(242, 248, 248); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px; font-weight: 720; letter-spacing: 0.01em; backdrop-filter: none; }
.au-special-image-actions button:hover { background: rgba(255, 255, 255, 0.14); }
.au-special-body { padding: 28px 30px 30px !important; }
.au-special-body h2 { letter-spacing: -0.025em; margin: 8px 0px 12px !important; font-size: clamp(26px, 5vw, 34px) !important; line-height: 1.08 !important; }
.au-special-body p { margin: 0px !important; color: var(--av-text-secondary,#566e77) !important; font-size: 15px !important; line-height: 1.65 !important; }
.au-special-body strong { display: block; margin: 18px 0px 0px !important; color: var(--av-accent,#087e78) !important; }
.au-special-body .au-primary { background: var(--av-primary-gradient); box-shadow: var(--av-shadow-primary); width: 100% !important; min-height: 48px !important; margin-top: 22px !important; border: 0px !important; border-radius: 15px !important; color: var(--av-primary-ink)!important; font-weight: 760 !important; }
html[data-theme="dark"] .au-special-dialog { background: rgb(14, 28, 34) !important; color: rgb(234, 245, 243) !important; }
html[data-theme="dark"] .au-special-body p { color: rgb(159, 181, 186) !important; }
@media (max-width: 520px) {
  .au-special-dialog { width: calc(-16px + 100vw) !important; max-height: calc(100dvh - 16px) !important; border-radius: 22px !important; }
  .au-special-dialog.is-image-only { width: calc(-12px + 100vw) !important; }
  .au-special-media img { max-height: 60dvh; }
  .au-special-dialog.is-image-only .au-special-media img { max-height: calc(100dvh - 76px); }
  .au-special-body { padding: 24px 21px 22px !important; }
}
.au-access-opt { position: relative; display: grid; grid-template-columns: 24px minmax(0px, 1fr); align-items: center; gap: 11px; margin: 12px 0px 4px; padding: 13px 14px; border-radius: 16px; color:var(--a2-legacy-text,var(--auw-text,var(--av-text-primary,#20383f))); cursor: pointer; box-shadow:var(--a2-legacy-shadow-inset,rgba(42, 63, 72, 0.11) 0px 2px 5px inset, rgba(255, 255, 255, 0.76) 0px -1px 1px inset); background:var(--a2-legacy-surface,var(--auw-well,var(--av-surface-2,#eef3f3))); }
.au-access-opt > input { position: absolute; opacity: 0; pointer-events: none; }
.au-access-opt::before { content: ""; width: 22px; height: 22px; border-radius: 8px; box-shadow:var(--a2-legacy-shadow-inset,rgba(42, 63, 72, 0.14) 0px 2px 5px inset, rgba(255, 255, 255, 0.75) 0px -1px 1px inset); background:var(--a2-legacy-surface,var(--auw-raised,var(--av-surface-1,#fff))); }
.au-access-opt:has(input:checked)::before { box-shadow:var(--a2-legacy-shadow-control,0 0 0 3px color-mix(in srgb,var(--auw-accent,#008f91) 10%,transparent),0 8px 18px -13px var(--auw-accent,#008f91)); background:var(--a2-legacy-field,linear-gradient(145deg,var(--auw-accent,#008f91),color-mix(in srgb,var(--auw-accent,#008f91) 72%,#4dd6b4))); }
.au-access-opt:has(input:checked)::after { content: ""; display:inline-block;width:14px;height:14px;background:currentColor;mask:var(--av-icon-check-mask) center/contain no-repeat;-webkit-mask:var(--av-icon-check-mask) center/contain no-repeat; position: absolute; left: 18px; top: 50%; translate: 0px -50%; color: rgb(255, 255, 255); font-size: 13px; font-weight: 900; line-height: 1; }
.au-access-opt > span { display: grid; gap: 2px; }
.au-access-opt b { font-size: 13px; }
.au-access-opt small { color:var(--a2-legacy-text-secondary,var(--auw-muted,var(--av-text-secondary,#617984))); font-size: 10.5px; line-height: 1.35; }
.au-code-section--inactive { opacity: 0.88; }
html[data-theme="dark"] .au-access-opt { background:var(--a2-legacy-surface,rgb(15, 30, 36)); box-shadow:var(--a2-legacy-shadow-inset,rgba(0, 0, 0, 0.42) 0px 3px 7px inset, rgba(255, 255, 255, 0.02) 0px 0px 0px 1px); }

#pakTeacherPanel .pak-t-empty{padding:26px 18px;background:var(--av-well);box-shadow:var(--av-shadow-well);border-radius:18px;text-align:center;color:var(--av-text-primary)}#pakTeacherPanel .pak-t-empty b{font-size:14px;font-weight:600}#pakTeacherPanel .pak-t-empty p{margin:7px 0 0;font-size:12px;line-height:1.5;color:var(--av-text-secondary)}

/* Notification popup: one material definition for both themes and severity states. */
#noticeOverlay .notice-dialog{--notice-color:var(--av-accent);--notice-soft:var(--av-accent-soft);position:relative;box-sizing:border-box;width:min(470px,100%);max-height:90dvh;overflow:auto;border:0;border-radius:24px;background:var(--av-surface-1);color:var(--av-text-primary);box-shadow:var(--av-shadow-modal)}
#noticeOverlay .notice-dialog.important{--notice-color:var(--av-warning);--notice-soft:var(--av-warning-soft)}#noticeOverlay .notice-dialog.urgent{--notice-color:var(--av-danger);--notice-soft:var(--av-danger-soft)}
#noticeOverlay .notice-dialog-accent{height:3px;background:var(--notice-color)}#noticeOverlay .notice-dialog-body{padding:26px 24px 18px}#noticeOverlay .notice-level{display:inline-flex;padding:5px 8px;border-radius:8px;background:var(--notice-soft);color:var(--notice-color);font-size:10px;font-weight:600}
#noticeOverlay h2{font:650 22px/1.25 var(--av-font-sans);letter-spacing:-.025em;margin:16px 0 12px;overflow-wrap:anywhere}#noticeOverlay .notice-popup-text{font-size:14px;line-height:1.6;color:var(--av-text-secondary);overflow-wrap:anywhere}#noticeOverlay .notice-popup-meta{margin-top:18px;font-size:11px;line-height:1.6;font-weight:450;color:var(--av-text-secondary)}
#noticeOverlay .notice-dialog-actions{display:flex;flex-wrap:wrap;gap:10px;padding:0 24px 24px}#noticeOverlay .notice-dialog-actions .btn{flex:1;min-height:48px;min-width:120px;padding:12px;border:0;border-radius:14px;background:var(--av-control-bg);color:var(--av-text-primary);font:600 13px/1.35 var(--av-font-sans);box-shadow:var(--av-shadow-control);cursor:pointer}#noticeOverlay .notice-dialog-actions .btn.primary{background:var(--av-primary-gradient)!important;color:var(--av-primary-ink)!important;box-shadow:var(--av-shadow-primary)!important}#noticeOverlay .notice-dialog-actions .btn:active{box-shadow:var(--av-shadow-pressed)}#noticeOverlay [hidden]{display:none!important}
#noticeCenterOverlay .notice-history-card h3{font-weight:650}#noticeCenterOverlay .notice-level-chip,#noticeCenterOverlay .notice-state-chip{font-weight:600}

/* Telegram service gateway ------------------------------------------------ */
.au-telegram-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:18px;align-items:start}
.au-telegram-setup form{display:grid;gap:14px;margin-top:16px}
.au-telegram-setup .au-field textarea{width:100%;min-height:82px;resize:vertical;border:0;border-radius:14px;padding:12px 14px;background:var(--av-well);color:var(--av-text-primary);box-shadow:var(--av-shadow-well);font:inherit;}
.au-tg-help{display:grid;gap:5px;padding:13px 14px;border-radius:14px;background:color-mix(in srgb,var(--accent,#18a999) 7%,transparent);font-size:13px;line-height:1.45}
.au-tg-help b{font-size:12px;letter-spacing:.01em}
.au-tg-help code{font-family:var(--av-font-sans);font-weight:700}
.au-telegram-state dl{display:grid;gap:0;margin:10px 0 16px}
.au-telegram-state dl>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid color-mix(in srgb,currentColor 8%,transparent)}
.au-telegram-state dt{font-size:12px;color:var(--muted,#6f7a80)}
.au-telegram-state dd{margin:0;font-size:13px;font-weight:650;overflow-wrap:anywhere}
.au-tg-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.au-tg-metrics span{display:grid;gap:2px;padding:12px;border-radius:14px;background:color-mix(in srgb,currentColor 4%,transparent);font-size:11.5px;color:var(--muted,#6f7a80)}
.au-tg-metrics b{font-size:19px;color:var(--text,#172128);font-variant-numeric:tabular-nums}
.au-tg-remote{margin-top:13px;font-size:12px;color:var(--muted,#6f7a80);overflow-wrap:anywhere}
.au-telegram-note{margin-top:18px}
.au-telegram-note p{max-width:900px;line-height:1.55}
@media(max-width:860px){.au-telegram-grid{grid-template-columns:1fr}.au-tg-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.au-tg-metrics{grid-template-columns:1fr}.au-telegram-state dl>div{grid-template-columns:1fr;gap:3px}}

/* REV Telegram test v8 — import conflict action */
.au-import-open{display:inline-flex;align-items:center;margin:7px 0 0;padding:0;border:0;background:transparent;color:var(--av-accent,#008f91);font:750 10.5px/1.3 var(--av-font-sans);cursor:pointer;text-decoration:none}
.au-import-open:hover{text-decoration:underline;text-underline-offset:2px}
.au-import-open:focus-visible{outline:none;outline-offset:3px;border-radius:4px}

/* Separate student / teacher registry views. Teacher labels are informational only. */
.au-filters--students { grid-template-columns: minmax(260px, 2fr) minmax(170px, 1fr) minmax(145px, .8fr) minmax(170px, 1fr); }
.au-filters--teachers { grid-template-columns: minmax(260px, 2fr) minmax(170px, 1fr) minmax(250px, 1.35fr); }
.au-teacher-meta { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.au-meta-chip { display: inline-flex; align-items: center; min-height: 25px; padding: 4px 9px; border-radius: 999px; font-size: 11px; font-weight: 750; line-height: 1.2; color: var(--av-text-primary,#20383f); background: var(--av-accent-soft,#e2f2ef); border: 1px solid color-mix(in srgb,var(--av-accent,#008f91) 16%,transparent); }
.au-meta-chip--soft { background: color-mix(in srgb,var(--av-surface-2,#edf4f2) 78%,var(--av-surface-1,#fff)); border-color: var(--av-border-subtle,#d7e4e4); color: var(--av-text-secondary,#607780); }
.au-teacher-functions { display: grid; gap: 3px; font-size: 12px; line-height: 1.35; }
.au-teacher-functions > span:not(.au-muted) { color: var(--av-text-secondary,#607780); }
html[data-theme="dark"] .au-meta-chip { background: rgb(24, 65, 70); border-color: rgb(47, 92, 94); }
html[data-theme="dark"] .au-meta-chip--soft { background: rgb(22, 45, 52); border-color: rgb(51, 77, 84); color: rgb(176,199,203); }
@media (max-width: 980px) { .au-filters--students { grid-template-columns: minmax(230px, 2fr) repeat(3,minmax(140px,1fr)); } }
@media (max-width: 760px) { .au-filters--students, .au-filters--teachers { grid-template-columns: 1fr; } }

/* RC39: the whole profile window scrolls (natural vertical swipe, hidden scrollbar). The earlier
   `overflow:hidden !important` on .au-profile-dialog clipped the bottom action on short screens. */
.au-profile-dialog { overflow-x:hidden !important;overflow-y:auto !important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-height:min(94dvh,calc(100dvh - 16px)) !important }
.au-profile-dialog::-webkit-scrollbar { display:none;width:0;height:0 }
.au-profile-dialog header { position:sticky !important;top:0 !important;z-index:5;background:var(--pt-surface,var(--av-surface-1)) !important }
.au-profile-dialog .au-body { padding-bottom:calc(22px + env(safe-area-inset-bottom,0px)) !important }

/* RC42: inline fallback action inside a #au-error message (e.g. "Выйти на всех" failed offline). */
.au-link-action { display:block; margin-top:8px; padding:0; border:0; background:none; font:inherit; font-weight:700; text-decoration:underline; text-underline-offset:2px; color:inherit; cursor:pointer; }
.au-link-action:active { opacity:.7; }

/* ========================================================================
   RC37 · AVERA Native Bell
   The notification control uses the exact tactile language of the adjacent
   header actions. No inner glow, signal rays or foreign filled state.
   ======================================================================== */
#mobileShell .notice-shortcut{
  position:relative;
  overflow:visible;
}
#mobileShell .notice-shortcut .notice-bell-core{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  margin:0;
  padding:0;
  pointer-events:none;
}
#mobileShell .notice-shortcut .avera-notice-bell{
  display:block;
  width:22px;
  height:22px;
  margin:0;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:none!important;
  transform:none!important;
}
#mobileShell .notice-shortcut .bell-body{stroke-width:1.95;}
#mobileShell .notice-shortcut .bell-clapper{stroke-width:1.85;}

/* Idle is deliberately identical to the neighbouring history button. */
#mobileShell .notice-shortcut:not(.has-notices):not(.is-open){
  color:var(--av-text-secondary);
  background:var(--av-surface-elevated);
  box-shadow:var(--av-shadow-control);
}

/* Activity is a quiet AVERA teal cue, not a separate visual theme. */
#mobileShell .notice-shortcut.has-notices{
  color:var(--av-accent,#008f91);
  background:color-mix(in srgb,var(--av-accent-soft,#e2f2ef) 24%,var(--av-surface-elevated,#fff));
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb,var(--av-accent,#008f91) 17%,transparent),
    var(--av-shadow-control);
}
#mobileShell .notice-shortcut.has-unread{
  color:var(--av-accent-strong,var(--av-accent,#008f91));
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb,var(--av-accent,#008f91) 24%,transparent),
    var(--av-shadow-control);
}
#mobileShell .notice-shortcut.is-open{
  color:var(--av-accent-strong,var(--av-accent,#008f91));
  background:color-mix(in srgb,var(--av-accent-soft,#e2f2ef) 45%,var(--av-surface-elevated,#fff));
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb,var(--av-accent,#008f91) 22%,transparent),
    var(--av-shadow-pressed);
}

/* The count floats outside the control and never shifts the centred glyph. */
#mobileShell .notice-shortcut .notice-badge{
  position:absolute!important;
  top:-4px!important;
  right:-4px!important;
  z-index:5;
  display:grid!important;
  place-items:center!important;
  min-width:18px!important;
  height:18px!important;
  padding:0 4px!important;
  border:2px solid var(--av-bg-app,#f4f7f8)!important;
  border-radius:999px!important;
  color:#fff!important;
  background:var(--av-accent,#008f91)!important;
  box-shadow:0 3px 8px -5px color-mix(in srgb,var(--av-accent,#008f91) 72%,transparent)!important;
  font-size:9.5px!important;
  font-weight:850!important;
  line-height:1!important;
  letter-spacing:-.02em!important;
  animation:none!important;
  transform:none!important;
}
#mobileShell .notice-shortcut.has-unread .notice-badge{
  background:var(--av-accent-strong,var(--av-accent,#008f91))!important;
  color:#fff!important;
}
#mobileShell .notice-shortcut .notice-badge[hidden]{display:none!important;}
html[data-theme="dark"] #mobileShell .notice-shortcut:not(.has-notices):not(.is-open){
  color:var(--av-text-secondary);
  background:var(--av-surface-elevated);
  box-shadow:var(--av-shadow-control);
}
html[data-theme="dark"] #mobileShell .notice-shortcut.has-notices{
  color:var(--av-accent,#55d8cf);
  background:color-mix(in srgb,var(--av-accent,#55d8cf) 8%,var(--av-surface-elevated,#13242b));
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb,var(--av-accent,#55d8cf) 16%,transparent),
    var(--av-shadow-control);
}
html[data-theme="dark"] #mobileShell .notice-shortcut.is-open{
  background:color-mix(in srgb,var(--av-accent,#55d8cf) 12%,var(--av-surface-elevated,#13242b));
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb,var(--av-accent,#55d8cf) 22%,transparent),
    var(--av-shadow-pressed);
}
html[data-theme="dark"] #mobileShell .notice-shortcut .notice-badge{
  border-color:var(--av-bg-app,#0c171c)!important;
  background:var(--av-accent,#39cabc)!important;
  color:#062c2c!important;
  box-shadow:none!important;
}

/* Top drawer instead of the old bottom sheet. */
#noticeCenterOverlay.notice-center-overlay{
  align-items:flex-start!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  padding:max(78px,calc(env(safe-area-inset-top,0px) + 66px)) 12px 18px!important;
  background:rgba(26,43,50,.18)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
#noticeCenterOverlay.open{display:flex!important;}
#noticeCenterOverlay .notice-center-dialog{
  position:relative!important;
  width:min(560px,100%)!important;
  max-height:min(74dvh,720px)!important;
  overflow:hidden!important;
  border:1px solid transparent!important;
  border-radius:25px!important;
  color:var(--av-text-primary)!important;
  background:var(--av-surface-1)!important;
  box-shadow:var(--av-shadow-modal)!important;
  transform-origin:50% 0!important;
  animation:avera-notice-drawer-in .28s cubic-bezier(.16,1,.3,1) both!important;
}
@keyframes avera-notice-drawer-in{from{opacity:0;transform:translateY(-20px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
#noticeCenterOverlay .notice-center-handle{position:absolute;top:7px;left:50%;width:36px;height:4px;border-radius:99px;transform:translateX(-50%);background:color-mix(in srgb,var(--av-text-muted,#7a8e95) 20%,transparent);}
#noticeCenterOverlay .notice-center-head{
  position:relative!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:14px!important;
  padding:24px 18px 14px!important;
  border-bottom:1px solid color-mix(in srgb,var(--av-divider,rgba(42,63,72,.09)) 64%,transparent)!important;
}
#noticeCenterOverlay .notice-center-head::before{content:none!important;}
#noticeCenterOverlay .notice-center-heading{min-width:0;flex:1 1 auto;}
#noticeCenterOverlay .notice-center-eyebrow{display:block;margin-bottom:5px;color:var(--av-accent,#008f91);font-size:8.5px;font-weight:760;letter-spacing:.13em;line-height:1.2;text-transform:uppercase;}
#noticeCenterOverlay .notice-center-head h2{margin:0!important;color:var(--av-text-primary)!important;font-size:23px!important;font-weight:760!important;letter-spacing:-.035em!important;line-height:1.15!important;}
#noticeCenterOverlay .notice-center-head p{margin:5px 0 0;color:var(--av-text-secondary);font-size:11.5px;font-weight:520;line-height:1.35;}
#noticeCenterOverlay .notice-center-close{
  order:2!important;
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  margin:1px 0 0 auto!important;
  border:0!important;
  border-radius:14px!important;
  color:var(--av-text-secondary)!important;
  background:var(--av-surface-elevated)!important;
  box-shadow:var(--av-shadow-control)!important;
}
#noticeCenterOverlay .notice-center-close svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;}
#noticeCenterOverlay .notice-center-body{overflow:auto!important;overscroll-behavior:contain;padding:13px 14px 18px!important;scrollbar-width:none;}
#noticeCenterOverlay .notice-center-body::-webkit-scrollbar{display:none;}
#noticeCenterOverlay .notice-center-body .notice-page-head{display:none!important;}
#noticeCenterOverlay .notice-center-summary{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 14px;
  padding:10px 12px;
  border-radius:14px;
  color:var(--av-text-secondary);
  font-size:11px;
  font-weight:600;
  background:color-mix(in srgb,var(--av-accent-soft,#e2f2ef) 44%,var(--av-well,#eef3f4));
}
#noticeCenterOverlay .notice-center-summary b{color:var(--av-text-primary);font-weight:800;}
#noticeCenterOverlay .notice-summary-orb{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--av-accent,#008f91);box-shadow:0 0 0 4px color-mix(in srgb,var(--av-accent,#008f91) 10%,transparent);}
#noticeCenterOverlay .notice-section{margin-top:14px;}
#noticeCenterOverlay .notice-section:first-of-type{margin-top:0;}
#noticeCenterOverlay .notice-section-title{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin:0 3px 8px!important;
  color:var(--av-text-muted)!important;
  font-size:9.5px!important;
  font-weight:780!important;
  letter-spacing:.1em!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
}
#noticeCenterOverlay .notice-section-title span{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:99px;color:var(--av-accent);font-size:8.5px;letter-spacing:0;background:var(--av-accent-soft);}
#noticeCenterOverlay .notice-history-list{display:grid!important;gap:8px!important;}
#noticeCenterOverlay .notice-history-card{
  --notice-tone:var(--av-accent,#008f91);
  --notice-tint:var(--av-accent-soft,#e2f2ef);
  position:relative!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) 20px!important;
  align-items:start!important;
  gap:11px!important;
  min-height:0!important;
  margin:0!important;
  padding:13px 12px!important;
  border:1px solid transparent!important;
  border-radius:18px!important;
  color:var(--av-text-primary)!important;
  background:var(--av-card-bg)!important;
  box-shadow:var(--av-shadow-card)!important;
  cursor:pointer;
}
#noticeCenterOverlay .notice-history-card.info{--notice-tone:var(--av-accent-strong);--notice-tint:#e4f5f3;}
#noticeCenterOverlay .notice-history-card.important{--notice-tone:var(--av-warning);--notice-tint:#fff0d6;}
#noticeCenterOverlay .notice-history-card.urgent{--notice-tone:var(--av-danger);--notice-tint:#fde7eb;}
#noticeCenterOverlay .notice-history-card.unread{box-shadow:var(--av-shadow-card)!important;}
#noticeCenterOverlay .notice-card-icon{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius:13px;
  color:var(--notice-tone);
  background:var(--av-icon-tile-bg);
  box-shadow:var(--av-shadow-control);
border:1px solid var(--av-border-subtle);}
#noticeCenterOverlay .notice-card-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;}
#noticeCenterOverlay .notice-card-copy{min-width:0;display:block;}
#noticeCenterOverlay .nh-top{display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:wrap!important;margin:0!important;}
#noticeCenterOverlay .notice-level-chip,#noticeCenterOverlay .notice-state-chip{
  min-height:19px!important;
  padding:0 7px!important;
  border:0!important;
  border-radius:999px!important;
  font-size:8px!important;
  font-weight:780!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
}
#noticeCenterOverlay .notice-level-chip{color:var(--notice-tone)!important;background:color-mix(in srgb,var(--notice-tint) 86%,var(--av-surface-1))!important;}
#noticeCenterOverlay .notice-state-chip{color:var(--av-text-muted)!important;background:color-mix(in srgb,var(--av-well) 78%,transparent)!important;}
#noticeCenterOverlay .notice-state-chip.is-new{color:#fff!important;background:var(--notice-tone)!important;}
#noticeCenterOverlay .notice-history-card h3{margin:7px 0 3px!important;color:var(--av-text-primary)!important;font-size:13.5px!important;font-weight:780!important;line-height:1.3!important;letter-spacing:-.015em!important;}
#noticeCenterOverlay .notice-history-card p{margin:0!important;color:var(--av-text-secondary)!important;font-size:11.5px!important;font-weight:480!important;line-height:1.45!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
#noticeCenterOverlay .nh-meta{display:block!important;margin-top:7px!important;color:var(--av-text-muted)!important;font-size:9.5px!important;font-weight:620!important;line-height:1.25!important;}
#noticeCenterOverlay .notice-card-chevron{align-self:center;display:grid;place-items:center;width:20px;height:34px;color:color-mix(in srgb,var(--notice-tone) 74%,var(--av-text-muted));}
#noticeCenterOverlay .notice-card-chevron svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
html[data-theme="dark"] #noticeCenterOverlay.notice-center-overlay{background:rgba(1,9,12,.46)!important;}
html[data-theme="dark"] #noticeCenterOverlay .notice-center-dialog{border-color:transparent!important;background:var(--av-surface-1)!important;box-shadow:var(--av-shadow-modal)!important;}
html[data-theme="dark"] #noticeCenterOverlay .notice-history-card{border-color:transparent!important;background:var(--av-card-bg)!important;box-shadow:var(--av-shadow-card)!important;}
html[data-theme="dark"] #noticeCenterOverlay .notice-card-icon{background:var(--av-icon-tile-bg);box-shadow:var(--av-shadow-control);border:1px solid var(--av-border-subtle);}

/* Home pinned announcements: tonal, clean, no heavy black outline. */
#mobileContent .notice-pin{
  --notice-tone:#0f9296;
  --notice-tint:#e7f5f4;
  position:relative!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 20px!important;
  align-items:start!important;
  gap:11px!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:0 0 13px!important;
  padding:14px 13px!important;
  border:1px solid color-mix(in srgb,var(--notice-tone) 10%,var(--av-border-subtle,rgba(42,63,72,.09)))!important;
  border-radius:20px!important;
  color:var(--av-text-primary)!important;
  text-align:left!important;
  background:linear-gradient(112deg,color-mix(in srgb,var(--notice-tint) 66%,var(--av-surface-1)) 0%,var(--av-surface-1) 70%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.76),0 14px 28px -27px color-mix(in srgb,var(--notice-tone) 48%,transparent)!important;
  cursor:pointer;
}
#mobileContent .notice-pin.important{--notice-tone:var(--av-warning);--notice-tint:#fff0d4;}
#mobileContent .notice-pin.urgent{--notice-tone:var(--av-danger);--notice-tint:#fde7eb;}
#mobileContent .notice-pin::after{content:"";position:absolute;left:0;top:17px;bottom:17px;width:3px;border-radius:0 6px 6px 0;background:var(--notice-tone);opacity:.9;}
#mobileContent .notice-pin-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;color:var(--notice-tone);background:var(--av-icon-tile-bg);box-shadow:var(--av-shadow-control);border:1px solid var(--av-border-subtle);}
#mobileContent .notice-pin-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;}
#mobileContent .notice-pin .pin-main{display:block!important;min-width:0!important;}
#mobileContent .notice-pin .pin-label{display:inline-flex!important;align-items:center!important;min-height:20px!important;margin:0 0 5px!important;padding:0 7px!important;border-radius:999px!important;color:var(--notice-tone)!important;font-size:8.5px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important;background:color-mix(in srgb,var(--notice-tint) 88%,var(--av-surface-1))!important;}
#mobileContent .notice-pin .pin-title{display:block!important;margin:0!important;color:var(--av-text-primary)!important;font-size:14.5px!important;font-weight:790!important;line-height:1.3!important;letter-spacing:-.016em!important;text-transform:none!important;}
#mobileContent .notice-pin .pin-text{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;margin-top:4px!important;color:var(--av-text-secondary)!important;font-size:11.5px!important;font-weight:470!important;line-height:1.45!important;}
#mobileContent .notice-pin .pin-more{display:inline-block;margin-top:8px;color:var(--notice-tone);font-size:10px;font-weight:760;}
#mobileContent .notice-pin-chevron{align-self:center;display:grid;place-items:center;color:color-mix(in srgb,var(--notice-tone) 75%,var(--av-text-muted));}
#mobileContent .notice-pin-chevron svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
html[data-theme="dark"] #mobileContent .notice-pin{border-color:rgba(255,255,255,.07)!important;background:linear-gradient(112deg,color-mix(in srgb,var(--notice-tone) 9%,var(--av-surface-1)) 0%,var(--av-surface-1) 72%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 14px 28px -24px rgba(0,0,0,.7)!important;}
html[data-theme="dark"] #mobileContent .notice-pin-icon,html[data-theme="dark"] #mobileContent .notice-pin .pin-label{background:var(--av-icon-tile-bg)!important;box-shadow:var(--av-shadow-control);border:1px solid var(--av-border-subtle);}

/* In-app system banner: always belongs near the top of the page. */
.avera-system-banner{
  --system-tone:var(--av-accent,#008f91);
  --system-tint:var(--av-accent-soft,#e2f2ef);
  display:grid;
  grid-template-columns:40px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  margin:0 0 14px;
  padding:12px 12px;
  border:1px solid color-mix(in srgb,var(--system-tone) 11%,var(--av-border-subtle,rgba(42,63,72,.09)));
  border-radius:18px;
  color:var(--av-text-primary);
  background:linear-gradient(110deg,color-mix(in srgb,var(--system-tint) 72%,var(--av-surface-1)),var(--av-surface-1) 74%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 12px 25px -26px color-mix(in srgb,var(--system-tone) 45%,transparent);
  animation:avera-system-in .24s cubic-bezier(.16,1,.3,1) both;
}
.avera-system-banner.is-warning{--system-tone:#b9771b;--system-tint:#fff0d7;}
.avera-system-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;color:var(--system-tone);background:color-mix(in srgb,var(--system-tint) 90%,var(--av-surface-1));}
.avera-system-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;}
.avera-system-copy{min-width:0;display:block;}
.avera-system-copy b{display:block;color:var(--av-text-primary);font-size:12.8px;font-weight:780;line-height:1.28;letter-spacing:-.012em;}
.avera-system-copy span{display:block;margin-top:3px;color:var(--av-text-secondary);font-size:10.8px;font-weight:480;line-height:1.35;}
.avera-system-action{min-height:34px;padding:0 10px;border:0;border-radius:11px;color:var(--system-tone);font:760 10px/1 var(--av-font-sans);background:color-mix(in srgb,var(--system-tint) 86%,var(--av-surface-elevated));box-shadow:inset 0 1px 0 rgba(255,255,255,.7);cursor:pointer;}
.avera-system-action:active{transform:translateY(1px);}
@keyframes avera-system-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
html[data-theme="dark"] .avera-system-banner{border-color:rgba(255,255,255,.065);background:linear-gradient(110deg,color-mix(in srgb,var(--system-tone) 9%,var(--av-surface-1)),var(--av-surface-1) 74%);box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 26px -24px rgba(0,0,0,.72);}
html[data-theme="dark"] .avera-system-icon,html[data-theme="dark"] .avera-system-action{background:color-mix(in srgb,var(--system-tone) 12%,var(--av-well));box-shadow:none;}

/* Existing schedule-change banner joins the same visual language. */
#mobileContent .ac-banner{margin:0 0 14px!important;padding:12px!important;border:1px solid color-mix(in srgb,var(--av-accent) 10%,var(--av-border-subtle))!important;border-radius:19px!important;background:linear-gradient(110deg,color-mix(in srgb,var(--av-accent-soft) 54%,var(--av-surface-1)),var(--av-surface-1) 72%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 12px 24px -25px rgba(0,133,139,.34)!important;}
#mobileContent .ac-banner>h2{margin:0 0 9px!important;color:var(--av-text-primary)!important;font-size:12.5px!important;font-weight:790!important;letter-spacing:-.012em!important;}
#mobileContent .ac-banner-row{border:0!important;border-radius:13px!important;background:color-mix(in srgb,var(--av-surface-elevated) 72%,transparent)!important;}

@media(max-width:390px){
  #noticeCenterOverlay.notice-center-overlay{padding-inline:8px!important;}
  #noticeCenterOverlay .notice-center-dialog{border-radius:22px!important;max-height:76dvh!important;}
  #noticeCenterOverlay .notice-center-head{padding:22px 14px 12px!important;}
  #noticeCenterOverlay .notice-center-body{padding:11px 11px 15px!important;}
  #noticeCenterOverlay .notice-history-card{grid-template-columns:36px minmax(0,1fr) 18px!important;gap:9px!important;padding:12px 10px!important;}
  #noticeCenterOverlay .notice-card-icon{width:36px;height:36px;border-radius:12px;}
  #mobileContent .notice-pin{grid-template-columns:38px minmax(0,1fr) 18px!important;gap:9px!important;padding:13px 11px!important;}
  #mobileContent .notice-pin-icon{width:38px;height:38px;border-radius:12px;}
  .avera-system-banner{grid-template-columns:36px minmax(0,1fr) auto;gap:9px;padding:11px 10px;}
  .avera-system-icon{width:36px;height:36px;border-radius:12px;}
  .avera-system-action{padding:0 8px;}
}
@media(prefers-reduced-motion:reduce){#noticeCenterOverlay .notice-center-dialog{animation:none!important;transition:none!important;}
#mobileShell .notice-shortcut .notice-badge{animation:none!important;transition:none!important;}
.avera-system-banner{animation:none!important;transition:none!important;}}

/* Schedule changes inside the notification center use the same card rhythm. */
#noticeCenterOverlay .ac-center{
  margin:0 0 14px!important;
  padding:12px!important;
  border:1px solid color-mix(in srgb,var(--av-accent) 9%,var(--av-border-subtle))!important;
  border-radius:18px!important;
  color:var(--av-text-primary)!important;
  background:linear-gradient(112deg,color-mix(in srgb,var(--av-accent-soft) 42%,var(--av-surface-1)),var(--av-surface-1) 70%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important;
}
#noticeCenterOverlay .ac-center h3{margin:0!important;color:var(--av-text-primary)!important;font-size:12.8px!important;font-weight:790!important;letter-spacing:-.012em!important;}
#noticeCenterOverlay .ac-center>p{margin:3px 0 8px!important;color:var(--av-text-secondary)!important;font-size:10.5px!important;line-height:1.35!important;}
#noticeCenterOverlay .ac-history-row{
  min-height:0!important;
  padding:9px 2px!important;
  border:0!important;
  border-top:1px solid color-mix(in srgb,var(--av-divider) 68%,transparent)!important;
  color:var(--av-text-primary)!important;
  background:transparent!important;
}
#noticeCenterOverlay .ac-history-row b{font-size:11.5px!important;font-weight:740!important;line-height:1.3!important;}
#noticeCenterOverlay .ac-history-row small{margin-top:2px!important;color:var(--av-text-muted)!important;font-size:9.5px!important;}
#noticeCenterOverlay .ac-history-row span>span{margin-top:3px!important;color:var(--av-text-secondary)!important;font-size:10.5px!important;}
html[data-theme="dark"] #noticeCenterOverlay .ac-center{border-color:rgba(255,255,255,.06)!important;background:linear-gradient(112deg,color-mix(in srgb,var(--av-accent) 7%,var(--av-surface-1)),var(--av-surface-1) 72%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;}

/* Full-page notification history uses the same card anatomy as the drawer. */
#mobileContent .notice-center-summary{display:flex;align-items:center;gap:8px;margin:0 0 14px;padding:10px 12px;border-radius:14px;color:var(--av-text-secondary);font-size:11px;font-weight:600;background:color-mix(in srgb,var(--av-accent-soft) 44%,var(--av-well));}
#mobileContent .notice-center-summary b{color:var(--av-text-primary);font-weight:800;}
#mobileContent .notice-summary-orb{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--av-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--av-accent) 10%,transparent);}
#mobileContent .notice-section{margin-top:16px;}
#mobileContent .notice-section-title{display:flex;align-items:center;gap:7px;margin:0 3px 9px;color:var(--av-text-muted);font-size:9.5px;font-weight:780;letter-spacing:.1em;text-transform:uppercase;}
#mobileContent .notice-section-title span{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:99px;color:var(--av-accent);font-size:8.5px;letter-spacing:0;background:var(--av-accent-soft);}
#mobileContent .notice-history-list{display:grid!important;gap:8px!important;}
#mobileContent .notice-history-card{
  --notice-tone:var(--av-accent);
  --notice-tint:var(--av-accent-soft);
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) 20px!important;
  align-items:start!important;
  gap:11px!important;
  margin:0!important;
  padding:13px 12px!important;
  border:1px solid transparent!important;
  border-radius:18px!important;
  background:var(--av-card-bg)!important;
  box-shadow:var(--av-shadow-card)!important;
}
#mobileContent .notice-history-card.info{--notice-tone:var(--av-accent-strong);--notice-tint:#e4f5f3;}
#mobileContent .notice-history-card.important{--notice-tone:var(--av-warning);--notice-tint:#fff0d6;}
#mobileContent .notice-history-card.urgent{--notice-tone:var(--av-danger);--notice-tint:#fde7eb;}
#mobileContent .notice-history-card.unread{box-shadow:var(--av-shadow-card)!important;}
#mobileContent .notice-card-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;color:var(--notice-tone);background:var(--av-icon-tile-bg);box-shadow:var(--av-shadow-control);border:1px solid var(--av-border-subtle);}
#mobileContent .notice-card-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;}
#mobileContent .notice-card-copy{min-width:0;}
#mobileContent .notice-history-card .nh-top{display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:wrap!important;}
#mobileContent .notice-history-card .notice-level-chip,#mobileContent .notice-history-card .notice-state-chip{min-height:19px!important;padding:0 7px!important;border:0!important;font-size:8px!important;font-weight:780!important;}
#mobileContent .notice-history-card .notice-level-chip{color:var(--notice-tone)!important;background:color-mix(in srgb,var(--notice-tint) 86%,var(--av-surface-1))!important;}
#mobileContent .notice-history-card .notice-state-chip{color:var(--av-text-muted)!important;background:color-mix(in srgb,var(--av-well) 78%,transparent)!important;}
#mobileContent .notice-history-card .notice-state-chip.is-new{color:#fff!important;background:var(--notice-tone)!important;}
#mobileContent .notice-history-card h3{margin:7px 0 3px!important;font-size:13.5px!important;font-weight:780!important;line-height:1.3!important;}
#mobileContent .notice-history-card p{margin:0!important;color:var(--av-text-secondary)!important;font-size:11.5px!important;line-height:1.45!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
#mobileContent .notice-history-card .nh-meta{display:block!important;margin-top:7px!important;color:var(--av-text-muted)!important;font-size:9.5px!important;font-weight:620!important;}
#mobileContent .notice-card-chevron{align-self:center;display:grid;place-items:center;color:color-mix(in srgb,var(--notice-tone) 74%,var(--av-text-muted));}
#mobileContent .notice-card-chevron svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
html[data-theme="dark"] #mobileContent .notice-history-card{border-color:transparent!important;background:var(--av-card-bg)!important;box-shadow:var(--av-shadow-card)!important;}
html[data-theme="dark"] #mobileContent .notice-card-icon{background:var(--av-icon-tile-bg);box-shadow:var(--av-shadow-control);border:1px solid var(--av-border-subtle);}

/* ========================================================================
   RC38 · AVERA tactile notices + branded active bell
   One visual language for the header bell, pinned announcements and the
   notification centre. No legacy stripes / flat status pills.
   ======================================================================== */

/* Active bell = a real AVERA primary tactile control. */
#mobileShell .notice-shortcut.has-notices,
#mobileShell .notice-shortcut.has-unread,
#mobileShell .notice-shortcut.is-open{
  color:var(--av-accent-ink,#fff)!important;
  background:var(--av-accent-gradient)!important;
  box-shadow:var(--av-shadow-control),var(--av-accent-glow)!important;
}
#mobileShell .notice-shortcut.has-notices .avera-notice-bell,
#mobileShell .notice-shortcut.has-unread .avera-notice-bell,
#mobileShell .notice-shortcut.is-open .avera-notice-bell{color:var(--av-accent-ink,#fff)!important;}
#mobileShell .notice-shortcut.has-notices:active,
#mobileShell .notice-shortcut.has-unread:active,
#mobileShell .notice-shortcut.is-open:active{box-shadow:var(--av-shadow-pressed)!important;}
#mobileShell .notice-shortcut .notice-badge{
  top:-5px!important;
  right:-5px!important;
  min-width:18px!important;
  height:18px!important;
  padding:0 4px!important;
  border:2px solid var(--av-bg-app,#f3f6f7)!important;
  color:var(--av-accent-strong,#007c82)!important;
  background:var(--av-surface-elevated,#fff)!important;
  box-shadow:var(--av-shadow-control)!important;
}
html[data-theme="dark"] #mobileShell .notice-shortcut.has-notices,
html[data-theme="dark"] #mobileShell .notice-shortcut.has-unread,
html[data-theme="dark"] #mobileShell .notice-shortcut.is-open{
  color:var(--av-accent-ink,#062c2c)!important;
  background:var(--av-accent-gradient)!important;
  box-shadow:var(--av-shadow-control),0 8px 22px -15px color-mix(in srgb,var(--av-accent) 55%,transparent)!important;
}
html[data-theme="dark"] #mobileShell .notice-shortcut .notice-badge{
  border-color:var(--av-bg-app,#0c171c)!important;
  color:var(--av-accent,#55d8cf)!important;
  background:var(--av-surface-elevated,#162930)!important;
  box-shadow:var(--av-shadow-control)!important;
}

/* Shared semantic tones: the surface stays native AVERA; tone lives in details. */
#mobileContent .notice-pin.info{--notice-tone:var(--av-accent-strong);--notice-tone-soft:var(--av-accent-soft,rgba(0,143,145,.075));}
#noticeCenterOverlay .notice-history-card.info{--notice-tone:var(--av-accent-strong);--notice-tone-soft:var(--av-accent-soft,rgba(0,143,145,.075));}
#mobileContent .notice-history-card.info{--notice-tone:var(--av-accent-strong);--notice-tone-soft:var(--av-accent-soft,rgba(0,143,145,.075));}
#mobileContent .notice-pin.important{--notice-tone:var(--av-warning);--notice-tone-soft:rgba(194,130,37,.10);}
#noticeCenterOverlay .notice-history-card.important{--notice-tone:var(--av-warning);--notice-tone-soft:rgba(194,130,37,.10);}
#mobileContent .notice-history-card.important{--notice-tone:var(--av-warning);--notice-tone-soft:rgba(194,130,37,.10);}
#mobileContent .notice-pin.urgent{--notice-tone:var(--av-danger);--notice-tone-soft:rgba(181,61,80,.10);}
#noticeCenterOverlay .notice-history-card.urgent{--notice-tone:var(--av-danger);--notice-tone-soft:rgba(181,61,80,.10);}
#mobileContent .notice-history-card.urgent{--notice-tone:var(--av-danger);--notice-tone-soft:rgba(181,61,80,.10);}

/* Home announcement — current tactile AVERA card, not the legacy banner. */
#mobileContent .notice-pin{
  position:relative!important;
  isolation:isolate!important;
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  gap:13px!important;
  align-items:start!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:0 0 16px!important;
  padding:14px!important;
  border:0!important;
  border-radius:22px!important;
  color:var(--av-text-primary)!important;
  background:var(--av-surface-1)!important;
  box-shadow:var(--av-shadow-card)!important;
  overflow:hidden!important;
  text-align:left!important;
  transition:transform var(--av-motion-fast,.16s) var(--av-ease-standard,ease),box-shadow var(--av-motion-fast,.16s) ease!important;
}
#mobileContent .notice-pin::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:150px;
  height:150px;
  left:-62px;
  top:-78px;
  border-radius:50%;
  background:color-mix(in srgb,var(--notice-tone) 8%,transparent);
  filter:blur(1px);
  pointer-events:none;
}
#mobileContent .notice-pin::after{content:none!important;}
@media(hover:hover){#mobileContent .notice-pin:hover{transform:translateY(-1px);box-shadow:var(--av-shadow-float)!important;}}
#mobileContent .notice-pin:active{transform:translateY(1px) scale(.997);box-shadow:var(--av-shadow-pressed)!important;}
#mobileContent .notice-pin-icon{
  display:grid!important;
  place-items:center!important;
  width:46px!important;
  height:46px!important;
  border:1px solid var(--av-border-subtle)!important;
  border-radius:15px!important;
  color:var(--notice-tone)!important;
  background:var(--av-icon-tile-bg)!important;
  box-shadow:var(--av-shadow-control)!important;
}
#mobileContent .notice-pin-icon svg{width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.75!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
#mobileContent .notice-pin .pin-main{display:block!important;min-width:0!important;}
#mobileContent .notice-pin .pin-kicker{display:flex!important;align-items:center!important;gap:9px!important;min-height:20px!important;margin:0 0 5px!important;}
#mobileContent .notice-pin .pin-label{
  display:inline-flex!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
  color:var(--notice-tone)!important;
  background:transparent!important;
  font-size:9px!important;
  font-weight:820!important;
  letter-spacing:.085em!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
}
#mobileContent .notice-pin .pin-live{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  color:var(--av-text-muted)!important;
  font-size:9px!important;
  font-weight:650!important;
  line-height:1!important;
}
#mobileContent .notice-pin .pin-live i{width:5px;height:5px;border-radius:50%;background:var(--notice-tone);box-shadow:0 0 0 3px color-mix(in srgb,var(--notice-tone) 8%,transparent);}
#mobileContent .notice-pin .pin-title{display:block!important;margin:0!important;color:var(--av-text-primary)!important;font-size:15.5px!important;font-weight:790!important;line-height:1.28!important;letter-spacing:-.018em!important;text-transform:none!important;}
#mobileContent .notice-pin .pin-text{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;margin-top:4px!important;color:var(--av-text-secondary)!important;font-size:12.2px!important;font-weight:480!important;line-height:1.46!important;}
#mobileContent .notice-pin .pin-footer{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;margin-top:10px!important;}
#mobileContent .notice-pin .pin-more{
  display:inline-flex!important;
  align-items:center!important;
  min-height:30px!important;
  margin:0!important;
  padding:0 10px!important;
  border-radius:10px!important;
  color:var(--notice-tone)!important;
  background:var(--av-surface-elevated)!important;
  box-shadow:var(--av-shadow-control)!important;
  font-size:10px!important;
  font-weight:760!important;
}
#mobileContent .notice-pin .pin-arrow{
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  border-radius:10px!important;
  color:var(--notice-tone)!important;
  background:var(--av-surface-elevated)!important;
  box-shadow:var(--av-shadow-control)!important;
}
#mobileContent .notice-pin .pin-arrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
html[data-theme="dark"] #mobileContent .notice-pin{background:var(--av-surface-1)!important;box-shadow:var(--av-shadow-card)!important;}
html[data-theme="dark"] #mobileContent .notice-pin-icon{background:var(--av-icon-tile-bg)!important;box-shadow:var(--av-shadow-control);border:1px solid var(--av-border-subtle);}

/* Notification drawer summary becomes a tactile status well. */
#noticeCenterOverlay .notice-center-summary,
#mobileContent .notice-center-summary{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  margin:0 0 15px!important;
  padding:7px!important;
  border:0!important;
  border-radius:18px!important;
  color:var(--av-text-secondary)!important;
  background:var(--av-well)!important;
  box-shadow:var(--av-shadow-well)!important;
}
#noticeCenterOverlay .notice-summary-icon,
#mobileContent .notice-summary-icon{
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  color:var(--av-accent)!important;
  background:var(--av-surface-elevated)!important;
  box-shadow:none!important;
}
#noticeCenterOverlay .notice-summary-icon svg,
#mobileContent .notice-summary-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
#noticeCenterOverlay .notice-summary-copy,
#mobileContent .notice-summary-copy{display:grid!important;gap:2px!important;min-width:0!important;}
#noticeCenterOverlay .notice-summary-copy b,
#mobileContent .notice-summary-copy b{color:var(--av-text-primary)!important;font-size:11.5px!important;font-weight:790!important;line-height:1.25!important;}
#noticeCenterOverlay .notice-summary-copy small,
#mobileContent .notice-summary-copy small{color:var(--av-text-muted)!important;font-size:9.5px!important;font-weight:520!important;line-height:1.3!important;}
#noticeCenterOverlay .notice-center-summary.has-new .notice-summary-icon,
#mobileContent .notice-center-summary.has-new .notice-summary-icon{color:var(--av-accent-ink)!important;background:var(--av-accent-gradient)!important;}

/* Section captions use raised count tokens from the current tactile system. */
#noticeCenterOverlay .notice-section-title,
#mobileContent .notice-section-title{display:flex!important;align-items:center!important;gap:7px!important;margin:0 3px 9px!important;color:var(--av-text-muted)!important;font-size:9.5px!important;font-weight:780!important;letter-spacing:.1em!important;text-transform:uppercase!important;}
#noticeCenterOverlay .notice-section-name,
#mobileContent .notice-section-name{display:inline!important;min-width:0!important;height:auto!important;padding:0!important;border-radius:0!important;color:inherit!important;background:transparent!important;}
#noticeCenterOverlay .notice-section-count,
#mobileContent .notice-section-count{display:grid!important;place-items:center!important;min-width:20px!important;height:20px!important;padding:0 6px!important;border-radius:9px!important;color:var(--av-accent)!important;background:var(--av-surface-elevated)!important;box-shadow:var(--av-shadow-control)!important;font-size:8.5px!important;letter-spacing:0!important;}

/* Shared compact notice card — raised, tactile, with no old left stripe. */
#noticeCenterOverlay .notice-history-list,
#mobileContent .notice-history-list{display:grid!important;gap:10px!important;}
#noticeCenterOverlay .notice-history-card,
#mobileContent .notice-history-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:11px!important;
  align-items:start!important;
  min-height:0!important;
  margin:0!important;
  padding:12px!important;
  border:0!important;
  border-radius:19px!important;
  color:var(--av-text-primary)!important;
  background:var(--av-card-bg)!important;
  box-shadow:var(--av-shadow-card)!important;
  overflow:hidden!important;
  cursor:pointer!important;
  transition:transform var(--av-motion-fast,.16s) var(--av-ease-standard,ease),box-shadow var(--av-motion-fast,.16s) ease!important;
}
#noticeCenterOverlay .notice-history-card::before,
#mobileContent .notice-history-card::before{
  content:"";
  position:absolute;
  width:112px;
  height:112px;
  left:-55px;
  top:-66px;
  border-radius:50%;
  background:color-mix(in srgb,var(--notice-tone) 7%,transparent);
  pointer-events:none;
}
#noticeCenterOverlay .notice-history-card.unread,
#mobileContent .notice-history-card.unread{
  box-shadow:var(--av-shadow-card)!important;
}
@media(hover:hover){#noticeCenterOverlay .notice-history-card:hover,#mobileContent .notice-history-card:hover{transform:translateY(-1px);box-shadow:var(--av-shadow-card)!important;}}
#noticeCenterOverlay .notice-history-card:active,
#mobileContent .notice-history-card:active{transform:translateY(1px) scale(.997);box-shadow:var(--av-shadow-card)!important;}
#noticeCenterOverlay .notice-card-icon,
#mobileContent .notice-card-icon{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
  color:var(--notice-tone)!important;
  background:var(--av-icon-tile-bg)!important;
  box-shadow:var(--av-shadow-control)!important;
border:1px solid var(--av-border-subtle);}
#noticeCenterOverlay .notice-card-icon svg,
#mobileContent .notice-card-icon svg{width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
#noticeCenterOverlay .notice-card-copy,
#mobileContent .notice-card-copy{position:relative!important;z-index:1!important;display:block!important;min-width:0!important;}
#noticeCenterOverlay .nh-top,
#mobileContent .nh-top{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;min-height:17px!important;margin:0!important;}
#noticeCenterOverlay .notice-level-chip,
#mobileContent .notice-level-chip{
  display:inline-flex!important;
  align-items:center!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  color:var(--notice-tone)!important;
  background:transparent!important;
  font-size:8.5px!important;
  font-weight:820!important;
  letter-spacing:.085em!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
}
#noticeCenterOverlay .notice-new-state,
#mobileContent .notice-new-state{display:inline-flex!important;align-items:center!important;gap:5px!important;color:var(--av-text-muted)!important;font-size:8.5px!important;font-weight:700!important;line-height:1!important;}
#noticeCenterOverlay .notice-new-state i,
#mobileContent .notice-new-state i{width:5px;height:5px;border-radius:50%;background:var(--notice-tone);box-shadow:0 0 0 3px color-mix(in srgb,var(--notice-tone) 8%,transparent);}
#noticeCenterOverlay .notice-archive-state,
#mobileContent .notice-archive-state{color:var(--av-text-muted)!important;font-size:8.5px!important;font-weight:650!important;line-height:1!important;}
#noticeCenterOverlay .notice-history-card h3,
#mobileContent .notice-history-card h3{margin:6px 0 3px!important;color:var(--av-text-primary)!important;font-size:13.8px!important;font-weight:790!important;line-height:1.3!important;letter-spacing:-.016em!important;}
#noticeCenterOverlay .notice-history-card p,
#mobileContent .notice-history-card p{margin:0!important;color:var(--av-text-secondary)!important;font-size:11.5px!important;font-weight:480!important;line-height:1.45!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
#noticeCenterOverlay .notice-card-footer,
#mobileContent .notice-card-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-top:8px!important;}
#noticeCenterOverlay .nh-meta,
#mobileContent .nh-meta{display:block!important;min-width:0!important;margin:0!important;color:var(--av-text-muted)!important;font-size:9.2px!important;font-weight:600!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#noticeCenterOverlay .notice-open-hint,
#mobileContent .notice-open-hint{display:inline-flex!important;align-items:center!important;gap:3px!important;flex:0 0 auto!important;min-height:27px!important;padding:0 7px 0 9px!important;border-radius:9px!important;color:var(--av-text-primary)!important;background:var(--av-control-bg)!important;box-shadow:var(--av-shadow-control)!important;font-size:9px!important;font-weight:740!important;}
#noticeCenterOverlay .notice-open-hint svg,
#mobileContent .notice-open-hint svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
html[data-theme="dark"] #noticeCenterOverlay .notice-history-card,
html[data-theme="dark"] #mobileContent .notice-history-card{background:var(--av-card-bg)!important;box-shadow:var(--av-shadow-card)!important;}
html[data-theme="dark"] #noticeCenterOverlay .notice-card-icon,
html[data-theme="dark"] #mobileContent .notice-card-icon{background:var(--av-icon-tile-bg)!important;box-shadow:var(--av-shadow-control);border:1px solid var(--av-border-subtle);}

@media(max-width:390px){
  #mobileContent .notice-pin{grid-template-columns:42px minmax(0,1fr)!important;gap:11px!important;padding:12px!important;border-radius:20px!important;}
  #mobileContent .notice-pin-icon{width:42px!important;height:42px!important;border-radius:14px!important;}
  #mobileContent .notice-pin .pin-title{font-size:14.5px!important;}
  #noticeCenterOverlay .notice-history-card,#mobileContent .notice-history-card{grid-template-columns:38px minmax(0,1fr)!important;gap:9px!important;padding:11px!important;}
  #noticeCenterOverlay .notice-card-icon,#mobileContent .notice-card-icon{width:38px!important;height:38px!important;border-radius:12px!important;}
  #noticeCenterOverlay .notice-open-hint,#mobileContent .notice-open-hint{font-size:0!important;width:27px!important;padding:0!important;justify-content:center!important;}
}

/* RC39 — announcement acknowledgement and popup are part of the same tactile AVERA component. */
#mobileContent .notice-pin .pin-footer{
  justify-content:flex-end!important;
  gap:0!important;
}
#mobileContent .notice-pin .pin-more{
  min-width:84px!important;
  justify-content:center!important;
}

#noticeOverlay.notice-overlay{
  padding:18px!important;
}
#noticeOverlay .notice-dialog{
  --notice-tone:var(--av-accent);
  --notice-tone-soft:var(--av-accent-soft);
  position:relative!important;
  isolation:isolate!important;
  width:min(500px,100%)!important;
  max-height:min(90dvh,720px)!important;
  overflow:auto!important;
  border:0!important;
  border-radius:27px!important;
  color:var(--av-text-primary)!important;
  background:var(--av-surface-1)!important;
  box-shadow:var(--av-shadow-modal)!important;
}
#noticeOverlay .notice-dialog.important{--notice-tone:var(--av-warning);--notice-tone-soft:rgba(194,130,37,.10);}
#noticeOverlay .notice-dialog.urgent{--notice-tone:var(--av-danger);--notice-tone-soft:rgba(181,61,80,.10);}
#noticeOverlay .notice-dialog-accent{
  position:absolute!important;
  z-index:-1!important;
  left:-72px!important;
  top:-92px!important;
  width:188px!important;
  height:188px!important;
  border-radius:50%!important;
  background:color-mix(in srgb,var(--notice-tone) 9%,transparent)!important;
  pointer-events:none!important;
}
#noticeOverlay .notice-dialog-body{
  padding:22px 22px 16px!important;
}
#noticeOverlay .notice-popup-head{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
}
#noticeOverlay .notice-popup-icon{
  display:grid!important;
  place-items:center!important;
  flex:0 0 46px!important;
  width:46px!important;
  height:46px!important;
  border-radius:15px!important;
  color:var(--notice-tone)!important;
  background:var(--av-icon-tile-bg)!important;
  box-shadow:var(--av-shadow-control)!important;
border:1px solid var(--av-border-subtle);}
#noticeOverlay .notice-popup-icon svg{
  width:23px!important;
  height:23px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.75!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
#noticeOverlay .notice-popup-kicker{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  flex-wrap:wrap!important;
  min-width:0!important;
}
#noticeOverlay .notice-level{
  display:inline-flex!important;
  align-items:center!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  color:var(--notice-tone)!important;
  background:transparent!important;
  font-size:9px!important;
  font-weight:820!important;
  letter-spacing:.085em!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
}
#noticeOverlay .notice-popup-state{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  color:var(--av-text-muted)!important;
  font-size:9px!important;
  font-weight:650!important;
  line-height:1!important;
}
#noticeOverlay .notice-popup-state i{
  width:5px!important;
  height:5px!important;
  flex:0 0 5px!important;
  border-radius:50%!important;
  background:var(--notice-tone)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--notice-tone) 8%,transparent)!important;
}
#noticeOverlay .notice-popup-state.expired i,
#noticeOverlay .notice-popup-state.disabled i,
#noticeOverlay .notice-popup-state.scheduled i{
  background:var(--av-text-muted)!important;
  box-shadow:none!important;
}
#noticeOverlay h2{
  margin:17px 0 9px!important;
  color:var(--av-text-primary)!important;
  font:790 23px/1.25 var(--av-font-sans)!important;
  letter-spacing:-.03em!important;
  overflow-wrap:anywhere!important;
}
#noticeOverlay .notice-popup-text{
  color:var(--av-text-secondary)!important;
  font-size:13.5px!important;
  font-weight:480!important;
  line-height:1.62!important;
  overflow-wrap:anywhere!important;
}
#noticeOverlay .notice-popup-meta{
  margin:17px 0 0!important;
  padding:10px 12px!important;
  border:0!important;
  border-radius:13px!important;
  color:var(--av-text-muted)!important;
  background:var(--av-well)!important;
  box-shadow:var(--av-shadow-well)!important;
  font-size:10px!important;
  font-weight:600!important;
  line-height:1.35!important;
}
#noticeOverlay .notice-dialog-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:9px!important;
  padding:0 22px 22px!important;
}
#noticeOverlay .notice-dialog-actions .btn{
  min-height:48px!important;
  border:0!important;
  border-radius:15px!important;
  color:var(--av-text-primary)!important;
  background:var(--av-control-bg)!important;
  box-shadow:var(--av-shadow-control)!important;
  font:760 13px/1.2 var(--av-font-sans)!important;
}
#noticeOverlay .notice-dialog-actions .btn.primary{
  color:var(--av-primary-ink)!important;
  background:var(--av-primary-gradient)!important;
  box-shadow:var(--av-shadow-primary)!important;
}
#noticeOverlay .notice-dialog-actions .btn:active{
  transform:translateY(1px)!important;
  box-shadow:var(--av-shadow-pressed)!important;
}
html[data-theme="dark"] #noticeOverlay .notice-popup-icon{
  background:var(--av-icon-tile-bg)!important;
box-shadow:var(--av-shadow-control);border:1px solid var(--av-border-subtle);}
@media(max-width:520px){
  #noticeOverlay.notice-overlay{padding:10px!important;}
  #noticeOverlay .notice-dialog{width:100%!important;border-radius:25px!important;}
  #noticeOverlay .notice-dialog-body{padding:20px 18px 14px!important;}
  #noticeOverlay .notice-dialog-actions{padding:0 18px 18px!important;}
}
@media(max-width:370px){
  #noticeOverlay .notice-dialog-actions{flex-direction:column!important;}
  #noticeOverlay #noticeCloseBtn,#noticeOverlay #noticeMuteBtn:not([hidden]){width:100%!important;}
}
@media(max-width:760px){
  #noticeOverlay.notice-overlay{align-items:center!important;}
}

/* RC40 · profile permission badges + refined AVERA bell glyph. */
.au-pt-base-role{display:block;margin-top:4px;color:var(--pt-text-2);font-size:12px;font-weight:650}
.au-pt-role-badges{display:flex!important;flex-wrap:wrap;gap:5px;margin-top:7px!important}
.au-pt-role-badge{display:inline-flex!important;align-items:center;min-height:24px;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--pt-accent-soft) 58%,var(--pt-surface-hi));color:var(--pt-accent-2)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pt-accent) 13%,transparent);font-size:9.5px!important;font-weight:750!important;line-height:1.2!important}
html[data-theme="dark"] .au-pt-role-badge{background:color-mix(in srgb,var(--pt-accent) 9%,var(--pt-surface-hi));color:color-mix(in srgb,var(--pt-accent) 78%,white 22%)!important}
#mobileShell .notice-shortcut .bell-crown{stroke-width:1.7}
#mobileShell .notice-shortcut .bell-body{stroke-width:1.8}
#mobileShell .notice-shortcut .bell-clapper{stroke-width:1.8}
@media(max-width:560px){.au-pt-role-badges{gap:4px}.au-pt-role-badge{font-size:9px!important;padding:4px 7px}}

/* Stage 2C: scoped teacher tools, shared shell controls and warm birthday notice. */
#mobileShell .mobile-head-inner .m-iconbtn{background:var(--av-control-bg)!important;box-shadow:var(--av-shadow-control)!important;color:var(--av-text-primary)!important}
#mobileShell .mobile-head-inner .m-iconbtn:is(.notice-shortcut.has-notices,.notice-shortcut.has-unread,.notice-shortcut.is-open){background:var(--av-control-bg)!important;box-shadow:var(--av-shadow-control)!important;color:var(--av-text-primary)!important}
#mobileShell .mobile-head-inner .notice-shortcut .avera-notice-bell{color:inherit!important;width:22px!important;height:22px!important}
#mobileShell .au-birthday-card{display:flex;align-items:center;gap:8px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--av-warning) 12%,var(--av-border-subtle));border-radius:18px;background:color-mix(in srgb,var(--av-warning-soft) 35%,var(--av-surface-1));color:var(--av-text-primary);box-shadow:var(--av-shadow-card);transition:transform var(--av-motion-ui) var(--av-ease-standard),opacity var(--av-motion-ui) var(--av-ease-standard)}
html[data-theme="dark"] #mobileShell .au-birthday-card{background:color-mix(in srgb,var(--av-warning-soft) 24%,var(--av-surface-1));box-shadow:var(--av-shadow-card)}
#mobileShell .au-birthday-copy{flex:1;min-width:0}
#mobileShell .au-birthday-heading{display:flex;align-items:center;gap:7px;margin-bottom:4px;color:var(--av-text-primary)}
#mobileShell .au-birthday-heading b{font-size:12px;line-height:1.3;font-weight:650}
#mobileShell .au-birthday-icon{flex:0 0 22px;width:22px;height:22px;color:inherit;background:none;box-shadow:none}
#mobileShell .au-birthday-icon .av-ui-icon{width:22px;height:22px;color:inherit}
#mobileShell .au-birthday-person{margin:0;color:var(--av-text-primary);font-size:15px;line-height:1.35;font-weight:700;overflow-wrap:anywhere}
#mobileShell .au-birthday-detail{margin:3px 0 0;color:var(--av-text-secondary);font-size:12px;line-height:1.35;overflow-wrap:anywhere}
#mobileShell .au-birthday-dismiss{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:0;border-radius:12px;background:transparent;color:var(--av-text-secondary);cursor:pointer}
#mobileShell .au-birthday-dismiss svg{width:18px;height:18px}
#mobileShell .au-birthday-dismiss:active{background:var(--av-well)}
#mobileShell .au-birthday-dismiss:focus-visible{outline:none;outline-offset:-2px}
#pakTeacherPanel.pak-teacher-tools{box-sizing:border-box;padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))!important}
#pakTeacherPanel.pak-teacher-tools .pak-t-sheet{width:min(720px,100%)!important;max-width:720px;box-sizing:border-box;border-radius:22px!important;overflow:visible!important;box-shadow:var(--av-shadow-modal)!important;background:var(--av-surface-1)!important;animation:av-teacher-enter var(--av-motion-panel) var(--av-ease-enter) both}
#pakTeacherPanel.pak-teacher-tools .pak-t-head{display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;align-items:start!important;gap:12px;margin:0!important;padding:18px 16px 12px!important}
#pakTeacherPanel.pak-teacher-tools .pak-t-head>div{grid-column:1!important;grid-row:1;min-width:0}
#pakTeacherPanel.pak-teacher-tools .pak-t-head>div::before{font-size:10.5px;margin-bottom:5px;letter-spacing:.08em}
#pakTeacherPanel.pak-teacher-tools .pak-t-head h2{font-size:22px!important;line-height:1.2!important;font-weight:750!important}
#pakTeacherPanel.pak-teacher-tools .pak-t-head p{font-size:12px!important;line-height:1.4;color:var(--av-text-secondary)!important}
#pakTeacherPanel.pak-teacher-tools .pak-t-x:not([data-av-control]){grid-column:2!important;grid-row:1;width:44px!important;height:44px!important;border-radius:12px!important;display:grid;place-items:center}
#pakTeacherPanel.pak-teacher-tools #pakTeacherPanelBody{padding:0 12px 16px;min-width:0}
#pakTeacherPanel.pak-teacher-tools .pak-t-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:3px!important;padding:4px!important;margin:12px 0!important;overflow:visible!important;border-radius:14px!important;box-shadow:none!important;background:var(--av-well)!important}
#pakTeacherPanel.pak-teacher-tools .pak-t-tab{min-width:0;width:100%;min-height:44px;padding:6px 2px!important;border-radius:10px!important;font-size:12px!important;line-height:1.25!important;letter-spacing:0!important;font-weight:650;white-space:nowrap;color:color-mix(in srgb,var(--av-text-secondary) 80%,var(--av-text-primary))!important;transition:color var(--av-motion-ui) var(--av-ease-standard),box-shadow var(--av-motion-interaction) var(--av-ease-standard)}
#pakTeacherPanel.pak-teacher-tools .pak-t-tab.active{background:var(--av-selected-bg)!important;color:var(--av-text-primary)!important;box-shadow:var(--av-shadow-control)!important;font-weight:800;}
html[data-theme="dark"] #pakTeacherPanel.pak-teacher-tools .pak-t-tab.active{color:var(--av-selected-ink)!important;font-weight:800;}
#pakTeacherPanel.pak-teacher-tools .pak-t-list{gap:9px}
#pakTeacherPanel.pak-teacher-tools .pak-t-notice{padding:12px 14px!important;border-radius:16px!important;background:var(--av-surface-1)!important;box-shadow:var(--av-shadow-card)!important;border:1px solid var(--av-border-subtle)!important}
#pakTeacherPanel.pak-teacher-tools .pak-t-notice h4{font-size:15px;line-height:1.3;margin:7px 0 4px;overflow-wrap:anywhere}
#pakTeacherPanel.pak-teacher-tools .pak-t-notice-text{white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.4}
#pakTeacherPanel.pak-teacher-tools .pak-t-meta{font-size:11.5px;line-height:1.4;overflow-wrap:anywhere}
#pakTeacherPanel.pak-teacher-tools .pak-t-chip{font-size:11px;line-height:1.25;min-height:20px;padding:3px 7px;border-radius:7px!important;background:var(--av-info-soft)!important;color:color-mix(in srgb,var(--av-info) 85%,var(--av-text-primary))!important;font-weight:600}
#pakTeacherPanel.pak-teacher-tools .pak-t-chip.important,#pakTeacherPanel.pak-teacher-tools .pak-t-state.scheduled{background:var(--av-warning-soft)!important;color:var(--av-warning)!important}
#pakTeacherPanel.pak-teacher-tools .pak-t-chip.urgent{background:var(--av-danger-soft)!important;color:var(--av-danger)!important}
#pakTeacherPanel.pak-teacher-tools .pak-t-state.published{background:var(--av-success-soft)!important;color:var(--av-success)!important}
#pakTeacherPanel.pak-teacher-tools .pak-t-state:is(.draft,.ended){background:var(--av-well)!important;color:color-mix(in srgb,var(--av-text-secondary) 80%,var(--av-text-primary))!important}
#pakTeacherPanel.pak-teacher-tools .pak-t-grid{display:grid;grid-template-columns:1fr;gap:10px}
#pakTeacherPanel.pak-teacher-tools .pak-t-card{padding:12px 14px!important;border-radius:16px!important;min-width:0;overflow:visible;box-shadow:var(--av-shadow-card)!important}
#pakTeacherPanel.pak-teacher-tools .pak-t-card h3{font-size:14px;line-height:1.3;margin:0 0 8px}
#pakTeacherPanel.pak-teacher-tools .pak-t-field:not([hidden]){gap:5px;margin:10px 0}
#pakTeacherPanel.pak-teacher-tools .pak-t-field>label{font-size:12px!important;line-height:1.25;font-weight:650;color:var(--av-text-secondary)!important}
#pakTeacherPanel.pak-teacher-tools .pak-t-field :is(input,textarea,select){min-width:0;min-height:44px;padding:10px 12px;font-size:14px;line-height:1.35;border-radius:12px!important;background:var(--av-well)!important;box-shadow:var(--av-shadow-well)!important}
#pakTeacherPanel.pak-teacher-tools .pak-t-field textarea{min-height:116px}
#pakTeacherPanel.pak-teacher-tools .pak-t-field input[type="datetime-local"]{width:100%;max-width:100%;box-sizing:border-box}
#pakTeacherPanel.pak-teacher-tools .pak-t-field .avera-dropdown-trigger{min-height:44px;padding:7px 8px 7px 12px;border-radius:12px;transform:none}
#pakTeacherPanel.pak-teacher-tools .avera-dropdown-chevron{width:28px;height:28px;border-radius:9px}
#pakTeacherPanel.pak-teacher-tools .avera-dropdown-label{font-size:13px;line-height:1.3}
#pakTeacherPanel.pak-teacher-tools .avera-dropdown-option{min-height:44px;font-size:13px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
#pakTeacherPanel.pak-teacher-tools .avera-dropdown-menu{z-index:100;transform:none!important;transition:opacity var(--av-motion-ui) var(--av-ease-standard),visibility 0s linear var(--av-motion-ui)}
#pakTeacherPanel.pak-teacher-tools .avera-dropdown.open .avera-dropdown-menu{transform:none!important;transition:opacity var(--av-motion-ui) var(--av-ease-standard),visibility 0s linear 0s}
#pakTeacherPanel.pak-teacher-tools .pak-t-checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
#pakTeacherPanel.pak-teacher-tools .pak-t-check{min-width:0;min-height:44px;box-sizing:border-box;padding:8px 9px;background:var(--av-well);border:0;box-shadow:var(--av-shadow-well);border-radius:11px;font-size:12.5px;line-height:1.3;overflow-wrap:anywhere}
#pakTeacherPanel.pak-teacher-tools .pak-t-check input{flex:0 0 18px;width:18px;height:18px;accent-color:var(--av-accent-strong)}
#pakTeacherPanel.pak-teacher-tools .pak-t-check:has(input:checked){background:var(--av-accent-soft);box-shadow:inset 0 0 0 1px var(--av-accent-strong)}
#pakTeacherPanel.pak-teacher-tools .pak-t-btn{min-height:44px;padding:9px 12px;border-radius:12px!important;font-size:13px;line-height:1.3;font-weight:650;background:var(--av-control-bg)!important;color:var(--av-text-primary)!important;box-shadow:var(--av-shadow-control)!important;transform:none!important;transition:box-shadow var(--av-motion-interaction) var(--av-ease-standard)!important}
#pakTeacherPanel.pak-teacher-tools .pak-t-btn.primary{background:var(--av-primary-gradient)!important;color:var(--av-primary-ink)!important;box-shadow:var(--av-shadow-primary);}
#pakTeacherPanel.pak-teacher-tools .pak-t-btn.danger{background:transparent!important;color:var(--av-danger)!important;box-shadow:none!important}
#pakTeacherPanel.pak-teacher-tools .pak-t-btn:active{box-shadow:var(--av-shadow-pressed)!important;transform:none!important}
#pakTeacherPanel.pak-teacher-tools .pak-t-tab:active{box-shadow:none!important;transform:none!important}
#pakTeacherPanel.pak-teacher-tools .pak-t-btn:disabled{opacity:.5;box-shadow:none!important;cursor:default}
#pakTeacherPanel.pak-teacher-tools .pak-t-actions{gap:8px;margin-top:12px;align-items:center}
#pakTeacherPanel.pak-teacher-tools .pak-t-actions:has(#pakTNSave){display:grid;grid-template-columns:minmax(0,1fr) auto;position:sticky;bottom:0;padding:10px 0 max(8px,env(safe-area-inset-bottom));background:var(--av-surface-1);z-index:3}
#pakTeacherPanel.pak-teacher-tools .pak-t-note{font-size:12px;line-height:1.4;color:var(--av-text-secondary)!important;overflow-wrap:anywhere}
#pakTeacherPanel.pak-teacher-tools .pak-t-ok{background:var(--av-accent-soft);color:var(--av-accent-strong);font-size:12px;line-height:1.4;overflow-wrap:anywhere}
#pakTeacherPanel.pak-teacher-tools .pak-t-pin-switch{min-height:44px;gap:12px;padding:4px 0}
#pakTeacherPanel.pak-teacher-tools .pak-t-pin-copy small{font-size:11.5px;line-height:1.3}
#pakTeacherPanel.pak-teacher-tools .pak-t-mini-switch,#pakTeacherPanel.pak-teacher-tools .pak-t-mini-switch i{transition:background-color var(--av-motion-ui) var(--av-ease-standard),transform var(--av-motion-interaction) var(--av-ease-standard)}
#pakTeacherPanel.pak-teacher-tools :is(button,input,textarea,select):focus-visible{outline:none!important;outline-offset:2px}
#pakTeacherPanel.pak-teacher-tools .pak-t-field [aria-invalid="true"]{outline:2px solid var(--av-danger)!important;outline-offset:0}
#pakTeacherPanel.pak-teacher-tools .pak-t-error{font-size:12px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
#pakTeacherPanel.pak-teacher-tools .pak-t-error:empty{min-height:0;margin:0}
#pakTeacherPanel.pak-teacher-tools .pak-t-empty{padding:20px 14px;color:var(--av-text-primary);box-shadow:var(--av-shadow-well);background:var(--av-well);border-radius:16px}
#pakTeacherPanel.pak-teacher-tools .pak-t-empty p{font-size:12px;line-height:1.4;color:var(--av-text-secondary)}
#pakTeacherPanel.pak-teacher-tools .pak-t-loading>div{display:grid;gap:9px;margin-top:12px}
#pakTeacherPanel.pak-teacher-tools .pak-t-loading i{display:block;height:116px;border-radius:16px;background:var(--av-well);box-shadow:var(--av-shadow-well)}
.pak-t-fallback-toast{position:fixed;left:50%;bottom:calc(var(--av-mobile-dock-clearance) + env(safe-area-inset-bottom));transform:translateX(-50%);max-width:calc(100% - 32px);padding:12px 16px;background:var(--av-surface-elevated);color:var(--av-text-primary);box-shadow:var(--av-shadow-float);border-radius:14px;z-index:12100;font-size:13px;line-height:1.4}
@keyframes av-teacher-enter{from{opacity:.85}to{opacity:1}}
@media(min-width:640px){#pakTeacherPanel.pak-teacher-tools .pak-t-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}#pakTeacherPanel.pak-teacher-tools #pakTeacherPanelBody{padding:0 20px 20px}}
@media(prefers-reduced-motion:reduce){#mobileShell .au-birthday-card{transition:none!important}#mobileShell .au-birthday-card.is-dismissed{transform:none!important}#pakTeacherPanel.pak-teacher-tools .pak-t-sheet{animation:none!important;transition:none!important}
#pakTeacherPanel.pak-teacher-tools :is(button,input,textarea,.pak-t-mini-switch,.pak-t-mini-switch i,.avera-dropdown-menu,.avera-dropdown-chevron){animation:none!important;transition:none!important}}


/* Special Messages V2: one scroll container, message as the primary surface. */
dialog.au-special-dialog.av-special-v2{position:fixed!important;inset:0;margin:auto;width:min(760px,calc(100vw - 24px))!important;max-width:760px;height:fit-content;max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;padding:0!important;overflow:visible!important;border:0!important;border-radius:18px!important;background:var(--av-surface-1)!important;box-shadow:var(--av-shadow-modal)!important;color:var(--av-text-primary)}
.av-special-v2::backdrop{background:rgb(7 16 21 / .72)}
.av-special-v2 .av-special-scroll{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;border-radius:18px;background:var(--av-surface-1)}
.av-special-v2 .au-special-media{margin:0;padding:0;border-radius:0;min-height:0;background:transparent}
.av-special-v2 .au-special-media img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:0}
.av-special-v2 .au-special-body{padding:24px!important;min-height:0}
.av-special-v2:not(:has(.au-special-media)) .au-special-body{padding-top:56px!important}
.av-special-v2 .au-special-body h2{margin:0 0 12px;overflow-wrap:anywhere}
.av-special-v2 .au-special-body p{white-space:normal;overflow-wrap:anywhere}
.av-special-v2 .av-special-close{position:absolute;right:6px;top:6px;z-index:2;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;display:grid;place-items:center;background:transparent!important;box-shadow:none!important;border:0;border-radius:10px;color:#fff!important}
.av-special-close::before{content:"";position:absolute;inset:5px;border-radius:9px;background:rgb(12 20 25 / .7);backdrop-filter:none;pointer-events:none}
.av-special-close .av-ui-icon{position:relative;width:18px;height:18px}
.av-special-close:focus-visible{outline:none;outline-offset:-6px}
.av-special-close:active::before{background:rgb(12 20 25 / .9)}
.av-special-v2 .au-special-media-error{padding:64px 24px 32px}
.au-special-dialog.av-special-v2 .au-special-media img{max-height:none!important;height:auto!important}
.av-special-v2 .au-special-media-error{color:var(--av-text-primary);background:var(--av-surface-1)}
.av-special-v2 .au-special-media-error span{color:var(--av-text-secondary)}
.av-special-v2 [hidden]{display:none!important}

#mobileShell .au-birthday-card .au-birthday-dismiss{align-self:flex-start;margin-top:-2px;color:var(--av-birthday-ink,var(--av-text-secondary));opacity:.85}
#mobileShell .au-birthday-card .au-birthday-person{overflow-wrap:anywhere}


/* RC22 responsive previews use a single editable form in both presentations. */
.au-dialog:not(.au-access-isolated):where(:not(.an-dialog))>header{background:var(--a2-legacy-surface,var(--av-surface-1))!important;backdrop-filter:none}
.au-preview-table .au-name-edit{box-sizing:border-box;width:100%;min-width:0;min-height:44px;resize:vertical;font:inherit;line-height:1.35;white-space:normal}
.au-import-pick,.au-group-select{display:grid;place-items:center;width:44px;min-height:44px;cursor:pointer;flex-shrink:0}
.au-import-pick input,.au-group-select input{width:20px;height:20px;margin:0;accent-color:var(--a2-accent,var(--av-accent))}
.au-import-date-label{display:none}
.au-import-summary{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;line-height:1.5;margin-bottom:12px;padding:10px 0;background:transparent;box-shadow:none;border:0}
.au-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;bottom:0;margin:12px 0 0;padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:var(--a2-legacy-surface,var(--av-surface-1));border-top:1px solid var(--a2-legacy-border,var(--av-border-subtle));z-index:3}
.au-preview-footer #au-preview-count{min-width:0;font-size:12px;line-height:1.5;color:var(--a2-legacy-text-secondary,var(--av-text-secondary))}
.au-request-card [data-au="curator-revoke"]{min-width:76px;white-space:nowrap}
@media(max-width:640px){
 .au-dialog:not(.au-access-isolated){box-sizing:border-box;width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);margin:10px auto;padding:0;border-radius:22px;overflow-x:hidden;overflow-y:auto;scroll-padding-block:80px 110px}
 .au-dialog:not(.au-access-isolated):where(:not(.an-dialog))>header{padding:14px 16px;gap:10px;min-height:72px;align-items:start}
 .au-dialog:not(.au-access-isolated):where(:not(.an-dialog))>header h2{font-size:23px;overflow-wrap:anywhere}
 .au-dialog:not(.au-access-isolated) .au-body{padding:16px;min-width:0}
 .au-dialog:not(.au-access-isolated) .au-body>form{min-width:0}
 .au-dialog:not(.au-access-isolated) .au-actions{display:flex;flex-wrap:wrap;gap:8px}
 .au-dialog:not(.au-access-isolated) .au-field{min-width:0}
 .au-dialog:not(.au-access-isolated) .au-field textarea{min-height:150px}
 .au-preview-wrap{overflow:visible;background:transparent;border:0;box-shadow:none}
 .au-preview-table,.au-preview-table tbody{display:block;width:100%;min-width:0}
 .au-preview-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .au-preview-table tbody tr{display:grid;grid-template-columns:44px minmax(0,1fr);gap:2px 8px;padding:12px 0;border-bottom:1px solid var(--a2-legacy-border,var(--av-border-subtle));background:transparent}
 .au-preview-table td{display:block;min-width:0;padding:0!important;border:0!important;white-space:normal}
 .au-preview-table td:first-child{grid-column:1;grid-row:1/4;align-self:start}
 .au-preview-table td:nth-child(2){grid-column:2;grid-row:1}
 .au-preview-table td:nth-child(4){grid-column:2;grid-row:2}
 .au-preview-table td:nth-child(3){grid-column:2;grid-row:3;display:flex;gap:8px;align-items:center;margin-top:6px}
 .au-preview-table .au-name-edit{margin:0;min-height:44px;font-weight:650;resize:none;padding:8px!important;border-radius:9px;background:var(--a2-legacy-field,var(--av-surface-2))}
 .au-preview-table .au-name-edit[readonly]{border-color:transparent!important;background:transparent!important;padding:4px 0!important}
 .au-preview-table input[data-birth]{width:auto;max-width:170px;min-width:0;min-height:38px;font-size:12px!important;padding:6px 8px!important}
 .au-import-date-label{display:inline;font-size:11px;color:var(--a2-legacy-text-secondary,var(--av-text-secondary));white-space:nowrap}
 .au-import-detail{display:block;font-size:11.5px;line-height:1.4;overflow-wrap:anywhere;margin:4px 0;color:var(--a2-legacy-text-secondary,var(--av-text-secondary))}
 .au-import-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;margin-bottom:8px}
 .au-import-summary :is(b,span){min-width:0}
 .au-preview-footer{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:12px 0 0;padding:12px 0 calc(12px + env(safe-area-inset-bottom));bottom:0}
 .au-preview-footer .au-primary{width:100%;min-height:46px;margin:0!important}
 .au-group-row{grid-template-columns:44px minmax(0,1fr);gap:4px 8px;padding:10px 12px;align-items:start}
 .au-group-row .au-group-select{grid-column:1;grid-row:1;width:44px;align-self:start}
 .au-group-row .au-group-open{grid-column:2;grid-row:1;grid-template-columns:minmax(0,1fr)!important;gap:6px;padding:2px 0!important;min-width:0}
 .au-group-open>span:first-child b{display:block;font-size:16px;line-height:1.25;overflow-wrap:anywhere}
 .au-group-open small{font-size:12px;line-height:1.3}
 .au-group-open .au-group-metrics{font-size:12px;line-height:1.5;white-space:nowrap;color:var(--a2-legacy-text-secondary,var(--av-text-secondary))}
 .au-group-open .au-group-metrics b{font-size:inherit;color:var(--a2-legacy-text,var(--av-text-primary))}
 .au-group-actions{grid-column:2;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:2px}
 .au-group-actions button{min-width:0;min-height:44px;font-size:12px!important;padding:8px!important}
 .au-request-card{min-width:0;gap:10px}
 .au-request-card>div:first-child{min-width:0;overflow-wrap:anywhere}
}

/* Parent approval entries use the existing notice card system (buttons, not links). */
#noticeCenterOverlay .parent-alert-card, #mobileContent .parent-alert-card {
 width:100%; text-align:left; font:inherit; appearance:none; -webkit-appearance:none;
}
#noticeCenterOverlay .parent-alert-card:focus-visible, #mobileContent .parent-alert-card:focus-visible {
 outline:none; outline-offset:2px;
}

/* Names are readable table links, not nested action cards. */
#au-user-results .au-table{table-layout:auto;min-width:720px}
#au-user-results .au-table th:first-child{width:44px}
#au-user-results .au-table th:nth-child(2){width:34%;min-width:230px}
#au-user-results .au-table td{vertical-align:middle;line-height:1.45;border-bottom:1px solid var(--av-divider)}
#au-user-results .au-table .au-person{display:block;max-width:100%;min-height:44px;padding:8px 0;text-align:left;white-space:normal;overflow-wrap:anywhere;border:0;border-radius:6px;background:transparent;box-shadow:none;color:var(--av-text-primary);font-size:13px;font-weight:650;line-height:1.5}
#au-user-results .au-table .au-person:hover{color:var(--av-accent);background:transparent}
#au-user-results .au-person-role{font-size:11px;color:var(--av-text-secondary);margin-top:0}
#au-user-results .au-table tr:hover{background:color-mix(in srgb,var(--av-accent) 3%,transparent)}
.au-tabs button:focus-visible{outline:2px solid var(--av-accent);outline-offset:2px}
@media(max-width:760px){#au-user-results .au-table{min-width:620px}.au-tabs{gap:3px}.au-tabs button{padding:8px 10px}}

/* Recover lost checkbox-label layout, retain native checkbox semantics. */
:is(#pakTeacherPanel,.au-dialog,.sp-form,.sp-picks) label.av-checkbox{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 8px;line-height:1.35;min-width:0;cursor:pointer}
:is(#pakTeacherPanel,.au-dialog,.sp-form,.sp-picks) label.av-checkbox>input[type=checkbox]{appearance:auto;flex:0 0 18px;width:18px;min-width:18px;height:18px;min-height:18px;margin:0;padding:0;accent-color:var(--av-accent-strong)}
label.av-checkbox>span{min-width:0;overflow-wrap:anywhere}
label.av-checkbox small{display:block;color:var(--av-text-secondary)}

/* RC2 · «Сегодня день рождения» — «Листок»: a tear-off calendar leaf on its rings beside the names */
#mobileShell .au-birthday-card.au-bd-leafcard{gap:14px;align-items:center;padding:14px 10px 14px 14px;background:var(--av-surface-1);border:0;box-shadow:var(--av-shadow-card)}
html[data-theme="dark"] #mobileShell .au-birthday-card.au-bd-leafcard{background:var(--av-surface-1)}
#mobileShell .au-bd-leaf{position:relative;flex:0 0 60px;width:60px;height:66px;border-radius:12px;background:var(--av-surface-elevated);box-shadow:0 6px 12px -8px #1f3e4a99,inset 0 0 0 1px var(--av-border-subtle);display:grid;place-items:center;align-content:center;line-height:1;transform-origin:50% 0;backface-visibility:hidden}
#mobileShell .au-bd-leaf::before{content:"";position:absolute;top:0;left:0;right:0;height:15px;border-radius:12px 12px 0 0;background:var(--av-break-accent)}
#mobileShell .au-bd-rings{position:absolute;top:-4px;left:13px;right:13px;display:flex;justify-content:space-between}
#mobileShell .au-bd-rings i{width:6px;height:10px;border-radius:3px;background:var(--av-text-secondary)}
#mobileShell .au-bd-leaf b{font-size:25px;font-weight:800;letter-spacing:-.03em;margin-top:12px;color:var(--av-text-primary)}
#mobileShell .au-bd-leaf span{font-size:8.5px;font-weight:760;letter-spacing:.1em;color:var(--av-text-secondary);margin-top:3px}
#mobileShell .au-bd-leafcard .au-birthday-heading b{font-size:10.5px;font-weight:760;letter-spacing:.14em;text-transform:uppercase;color:var(--av-warning)}
#mobileShell .au-bd-leafcard .au-birthday-person{font-size:16px}
/* RC3 · «Листок» in the dark theme: the leaf is its own paper object on the card — a soft light paper (not glaring white), dark
   rings, a fine edge and a contact shadow, so date and month read clearly */
html[data-theme="dark"] #mobileShell .au-bd-leaf{background:linear-gradient(180deg,#dfe7ea,#c3d0d5)!important;box-shadow:0 1px 0 #ffffff80 inset,0 -2px 0 #00000014 inset,0 0 0 1px #ffffff26,0 10px 16px -8px #000d,0 2px 4px -2px #0009!important}
html[data-theme="dark"] #mobileShell .au-bd-leaf::before{background:#d39a3c!important}
html[data-theme="dark"] #mobileShell .au-bd-rings i{background:#0d1a20!important;box-shadow:0 0 0 1px #ffffff30}
html[data-theme="dark"] #mobileShell .au-bd-leaf b{color:#10242c!important}
html[data-theme="dark"] #mobileShell .au-bd-leaf span{color:#3d5864!important}
#mobileShell .au-birthday-card.au-bd-leafcard{overflow:visible}