/* Shared controls and administration, using the same light / Lights Out palette. */
.brand-select { position:relative; display:inline-flex; vertical-align:middle; min-width:0; max-width:100%; flex:0 1 auto; height:40px; }
.brand-select[hidden] { display:none!important; }
html select.brand-select-native { position:absolute!important; left:0!important; top:0!important; width:1px!important; height:1px!important; min-width:0!important; min-height:0!important; padding:0!important; margin:0!important; opacity:0!important; pointer-events:none!important; }
html .brand-select-trigger { width:100%; min-width:0; height:40px; min-height:40px; max-height:40px; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 12px; border:1px solid var(--theme-control-border,#ccdae9); border-radius:10px; background:var(--theme-surface,#fff); color:var(--theme-text,#14314d); font:inherit; font-size:14px; line-height:20px; text-align:left; cursor:pointer; transition:background .15s,border-color .15s; }
.brand-select-value { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.brand-select-trigger svg { flex:none; color:var(--theme-muted,#627991); transition:transform .15s; }
html .brand-select-trigger:hover,html .brand-select-trigger[aria-expanded="true"] { border-color:var(--theme-accent,#0069dc); background:var(--theme-selected,#f1f7ff); }
.brand-select-trigger[aria-expanded="true"] svg { transform:rotate(180deg); }
.brand-select-trigger:focus-visible { outline:3px solid var(--theme-accent,#0069dc); outline-offset:3px; }
.brand-select-trigger:disabled { opacity:.55; cursor:not-allowed; }
.brand-select.is-invalid .brand-select-trigger { border-color:var(--theme-danger,#b6283d); }
.field>.brand-select,.form-grid label>.brand-select,.form-grid>.brand-select,.form-row label>.brand-select,.admin-school-picker>.brand-select,.alumni-visibility-field>.brand-select { width:100%; }
label>.brand-select { width:100%; }
.admin-filterbar>.brand-select { flex:1 1 150px; }
.brand-select-popup { position:fixed; z-index:12000; display:flex; flex-direction:column; padding:7px; border:1px solid var(--theme-border,#d5e2ef); border-radius:15px; background:var(--theme-surface,#fff); color:var(--theme-text,#14314d); box-shadow:var(--theme-elevation,0 14px 45px #173c6629); overflow:hidden; }
html .brand-select-search { flex:none; width:100%; min-height:40px; margin:0 0 5px; padding:10px 12px; border:1px solid var(--theme-border,#d5e2ef); border-radius:9px; color:var(--theme-text,#14314d); background:var(--theme-raised,#f2f6fb); font:inherit; font-size:14px; }
.brand-select-options { overflow-y:auto; overscroll-behavior:contain; min-height:0; }
.brand-select-option { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 12px; border-radius:9px; cursor:pointer; font-size:14px; line-height:1.4; }
.brand-select-option span { overflow-wrap:anywhere; }
.brand-select-option b { flex:none; color:var(--theme-accent,#0069dc); }
.brand-select-option:hover,.brand-select-option.is-focused { background:var(--theme-hover,#edf4fc); }
.brand-select-option[aria-selected="true"] { color:var(--theme-accent,#0069dc); background:var(--theme-selected,#eaf3ff); font-weight:650; }
.brand-select-option[aria-disabled="true"] { opacity:.45; cursor:not-allowed; }
.brand-select-empty { padding:12px; color:var(--theme-muted,#667b91); }
html .reaction-control:not(.picker-open) .reaction-picker { opacity:0!important; visibility:hidden!important; pointer-events:none!important; }
html .reaction-control.picker-open .reaction-picker { opacity:1!important; visibility:visible!important; pointer-events:auto!important; }
.reaction-main { touch-action:pan-y; -webkit-touch-callout:none; user-select:none; }
html .reaction-picker { z-index:65; }
.admin-header-actions { display:flex; align-items:center; gap:18px; }
.admin-topbar .notification-popover { top:calc(100% + 14px); }
.admin-topbar .notification-button { color:var(--theme-text,#183953); background:var(--theme-surface,#fff); border:1px solid var(--theme-border,#d7e4f0); border-radius:12px; width:44px; height:44px; display:grid; place-items:center; }
.admin-topbar .notification-button .notification-badge { top:-5px; right:-5px; }
.admin-brand-image-wrap { padding-bottom:20px!important; }
.sidebar-brand-foot { margin-top:auto!important; padding-top:28px; }
.admin-users-nav { display:flex; gap:6px; padding:5px; margin-bottom:24px; border:1px solid var(--theme-border,#dce7f2); background:var(--theme-raised,#f4f8fc); border-radius:14px; width:fit-content; max-width:100%; }
.admin-users-nav a { display:flex; justify-content:center; align-items:center; gap:9px; min-height:42px; padding:10px 18px; border-radius:10px; color:var(--theme-muted,#526d85); font-size:14px; font-weight:650; }
.admin-users-nav a.active { background:var(--theme-surface,#fff); color:var(--theme-accent,#0069dc); box-shadow:var(--theme-shadow,0 2px 6px #224a7310); }
.admin-users-nav b { display:grid; place-items:center; min-width:23px; height:23px; border-radius:8px; padding:0 6px; color:var(--theme-accent,#0069dc); background:var(--theme-selected,#e8f2ff); font-size:12px; }
.access-requests-intro { display:flex; align-items:center; gap:15px; margin:0 0 22px; padding:18px; border:1px solid var(--theme-border,#d9e6f4); border-radius:14px; background:var(--theme-raised,#f7faff); }
.access-requests-intro>span { flex:none; color:var(--theme-accent,#0069dc); }
.access-requests-intro strong { display:block; margin-bottom:4px; color:var(--theme-text,#153553); }
.access-requests-intro p { margin:0; font-size:13px; line-height:1.55; color:var(--theme-muted,#62768c); }
.access-request-list { display:grid; gap:14px; }
.access-request-card { padding:20px; border:1px solid var(--theme-border,#dce7f2); border-radius:16px; background:var(--theme-surface,#fff); }
.access-request-head { display:flex; align-items:center; gap:13px; }
.access-request-head>div { flex:1; min-width:0; }
.access-request-head strong,.access-request-head small { display:block; overflow-wrap:anywhere; }
.access-request-head strong { color:var(--theme-text,#14314d); font-size:16px; }
.access-request-head small { margin-top:4px; color:var(--theme-muted,#62768c); font-size:13px; }
.access-request-facts { display:grid; grid-template-columns:1.7fr 1fr 1fr; gap:20px; margin:20px 0; padding:16px 0; border-block:1px solid var(--theme-border,#e4ecf4); }
.access-request-facts div { min-width:0; }
.access-request-facts dt { font-size:12px; color:var(--theme-muted,#62768c); margin-bottom:6px; }
.access-request-facts dd { margin:0; font-size:14px; color:var(--theme-text,#14314d); overflow-wrap:anywhere; }
.access-request-actions { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }
.access-request-actions>div { display:flex; gap:8px; }
.access-request-actions>span { color:var(--theme-muted,#62768c); font-size:12px; }
.settings-scope-banner { display:flex; align-items:center; gap:16px; padding:22px; border-radius:17px; border:1px solid var(--theme-border,#d4e5f7); background:var(--theme-selected,#edf5ff); margin-bottom:22px; }
.settings-scope-banner>span { color:var(--theme-accent,#0069dc); flex:none; }
.settings-scope-banner h2 { margin:0 0 6px; font-size:21px; color:var(--theme-text,#14314d); }
.settings-scope-banner p { margin:0; max-width:750px; color:var(--theme-muted,#62768c); font-size:14px; line-height:1.6; }
.site-settings-layout { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:22px; align-items:start; }
.site-settings-sections { display:grid; gap:20px; min-width:0; }
.site-settings-card { margin:0!important; padding:25px; border:1px solid var(--theme-border,#dce7f2); border-radius:17px; background:var(--theme-surface,#fff); }
.site-settings-card h3 { display:flex; align-items:center; gap:10px; margin:0 0 8px; color:var(--theme-text,#14314d); font-size:17px; }
.site-settings-card h3 svg { color:var(--theme-accent,#0069dc); }
.site-settings-card>p { color:var(--theme-muted,#62768c); margin:0 0 20px; font-size:13px; line-height:1.6; }
.site-settings-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; }
.site-settings-fields .full { grid-column:1/-1; }
.site-settings-fields label { display:flex; flex-direction:column; gap:8px; min-width:0; font-size:13px; color:var(--theme-text,#14314d); font-weight:600; }
html .site-settings-fields input { width:100%; min-width:0; min-height:44px; padding:12px; border:1px solid var(--theme-control-border,#ccdcea); border-radius:11px; background:var(--theme-surface,#fff); color:var(--theme-text,#14314d); font:inherit; font-size:14px; font-weight:400; }
.site-settings-fields small { font-size:12px; font-weight:400; line-height:1.5; color:var(--theme-muted,#62768c); }
.site-settings-preview { position:sticky; top:20px; padding:20px; border:1px solid var(--theme-border,#dce7f2); background:var(--theme-surface,#fff); border-radius:16px; }
.site-settings-preview>small { display:block; font-size:11px; font-weight:750; letter-spacing:1px; color:var(--theme-muted,#62768c); margin-bottom:16px; }
.tab-preview { display:flex; align-items:center; gap:8px; padding:12px 10px; background:var(--theme-raised,#edf3f9); border:1px solid var(--theme-border,#dce7f2); border-radius:10px 10px 0 0; font-size:12px; color:var(--theme-text,#14314d); }
.tab-preview img { width:22px; height:22px; object-fit:contain; }
.tab-preview span { flex:1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.contact-preview { padding:20px 4px 5px; }
.contact-preview strong { display:block; margin-bottom:10px; font-size:15px; overflow-wrap:anywhere; color:var(--theme-text,#14314d); }
.contact-preview p,.site-settings-preview>p { font-size:12px; color:var(--theme-muted,#62768c); line-height:1.6; overflow-wrap:anywhere; }
.site-settings-actions { display:flex; align-items:center; justify-content:flex-end; gap:16px; padding:22px 0 5px; }
.site-settings-actions .form-message { flex:1; margin:0; }
.development-setting-switch { display:flex; align-items:center; gap:12px; padding:15px; margin:15px 0 20px; border:1px solid var(--theme-border,#dce7f2); border-radius:12px; cursor:pointer; }
.development-setting-switch input { width:20px; height:20px; accent-color:var(--theme-accent,#0069dc); flex:none; }
.development-setting-switch strong { display:block; color:var(--theme-text,#14314d); font-size:14px; }
.development-setting-switch small { display:block; color:var(--theme-muted,#62768c); font-size:12px; margin-top:5px; }
.development-card { width:min(460px,100%); margin:55px auto; padding:32px; background:var(--theme-surface,#fff); border:1px solid var(--theme-border,#dce7f2); border-radius:24px; }
.development-card>.development-icon { width:58px; height:58px; border-radius:18px; background:var(--theme-selected,#eaf3ff); color:var(--theme-accent,#0069dc); display:grid; place-items:center; margin-bottom:22px; }
.development-card h1 { margin:0 0 12px; font-size:27px; color:var(--theme-text,#14314d); }
.development-card>p { color:var(--theme-muted,#62768c); font-size:14px; line-height:1.7; }
.development-card form { display:grid; gap:17px; margin:24px 0; }
.development-card .field { margin:0; }
.development-card .primary-button { width:100%; justify-content:center; }
.development-operator-toggle { background:none; border:0; padding:10px 0 0; color:var(--theme-accent,#0069dc); font-size:13px; cursor:pointer; }
.contacts-page { max-width:840px; margin:40px auto; }
.contacts-page .contact-grid { display:grid; gap:16px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.contact-detail { padding:22px; border:1px solid var(--theme-border,#dce7f2); border-radius:15px; background:var(--theme-surface,#fff); overflow-wrap:anywhere; }
.contact-detail>span { display:block; color:var(--theme-muted,#62768c); font-size:13px; margin:12px 0 7px; }
.contact-detail>a,.contact-detail>strong { font-size:16px; color:var(--theme-text,#14314d); }
.development-active-banner { padding:12px 18px; margin-bottom:18px; border:1px solid var(--theme-warning,#b07c12); border-radius:12px; color:var(--theme-text,#664d18); background:var(--theme-warning-soft,#fff7df); font-size:13px; line-height:1.5; }
@media(max-width:1100px) { .site-settings-layout { grid-template-columns:1fr; } .site-settings-preview { position:static; display:none; } .admin-header-actions { gap:10px; } }
@media(max-width:700px) {
  .admin-topbar .notification-popover { top:75px; } .admin-user-chip>span { display:none; }
  .admin-topbar h1 { font-size:18px; } .admin-header-actions { flex:none; } .admin-topbar { gap:10px; }
  .admin-users-nav { width:100%; } .admin-users-nav a { flex:1; padding:9px 10px; }
  .access-request-card { padding:16px; } .access-request-facts { grid-template-columns:1fr 1fr; gap:16px; } .access-request-facts>div:first-child { grid-column:1/-1; }
  .access-request-head { flex-wrap:wrap; } .access-request-head>.status-pill { margin-left:61px; }
  .access-request-actions>div { flex-wrap:wrap; width:100%; } .access-request-actions button { flex:1; justify-content:center; }
  .settings-scope-banner { align-items:flex-start; padding:18px; } .settings-scope-banner h2 { font-size:19px; }
  .site-settings-card { padding:18px; } .site-settings-fields { grid-template-columns:1fr; } .site-settings-actions { flex-direction:column; align-items:stretch; }
  .development-card { margin:20px auto; padding:24px; } .contacts-page .contact-grid { grid-template-columns:1fr; }
  html .reaction-picker { max-width:calc(100vw - 24px); padding:6px; } html .reaction-choice { min-width:0; width:44px; }
}

.development-card form[hidden] { display:none!important; }

.admin-brandbar { display:flex; align-items:center; justify-content:space-between; gap:14px; flex:none; }
.admin-menu-toggle { display:none; }
@media(max-width:900px) {
  html .admin-app { grid-template-columns:1fr!important; }
  html .admin-sidebar { position:relative!important; height:auto!important; padding:12px 16px!important; }
  html .admin-sidebar .admin-brand { margin:0!important; padding:0!important; }
  html .admin-sidebar .admin-logo-image { width:148px!important; max-height:44px; }
  html .admin-menu-toggle { display:flex; align-items:center; gap:8px; padding:10px 12px; border:1px solid currentColor; border-radius:10px; background:transparent; color:inherit; font:inherit; font-size:13px; cursor:pointer; }
  html .admin-sidebar nav,html .admin-sidebar .admin-sidebar-bottom { display:none!important; }
  html .admin-sidebar.admin-nav-open nav { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; max-height:calc(100dvh - 170px); margin-top:16px; gap:12px!important; overflow:auto!important; }
  html .admin-sidebar.admin-nav-open .admin-sidebar-bottom { display:block!important; }
  html .admin-sidebar nav a { justify-content:flex-start!important; padding:8px!important; }
  html .admin-sidebar .admin-nav-group { margin:0; align-content:start; }
  html .admin-topbar { position:static!important; padding:0 16px!important; }
  html .admin-topbar h1 { font-size:16px!important; }
  .admin-brandbar .admin-menu-toggle:focus-visible { outline:3px solid var(--theme-accent,#168bf5); outline-offset:3px; }
}

.password-input-group { position:relative; display:block; width:100%; }
html .password-input-group input { padding-right:48px!important; }
html .password-visibility { position:absolute; top:6px; right:6px; display:grid; place-items:center; width:34px; height:34px; min-height:0; padding:0; border:0; border-radius:8px; color:var(--theme-muted,#62768c); background:transparent; cursor:pointer; }
html .password-visibility:hover,html .password-visibility[aria-pressed="true"] { color:var(--theme-accent,#0878f9); background:var(--theme-selected,#edf5ff); }
.password-visibility:focus-visible { outline:2px solid var(--theme-accent,#0878f9); outline-offset:1px; }
.install-app-page { width:min(580px,100%); margin:35px auto; text-align:center; }
.install-app-icon { border-radius:22px; box-shadow:var(--theme-shadow,0 12px 35px #0d315820); }
.install-app-page h1 { color:var(--theme-text,#0d3158); font-size:30px; margin:24px 0 12px; }
.install-lead,.install-note { color:var(--theme-muted,#62768c); font-size:15px; line-height:1.7; }
.install-instructions { text-align:left; padding:24px; margin:28px 0; border:1px solid var(--theme-border,#dce7f2); border-radius:18px; background:var(--theme-surface,#fff); }
.install-instructions h2 { margin:0 0 20px; font-size:19px; color:var(--theme-text,#0d3158); }
.install-instructions ol { padding-left:22px; margin:0; display:grid; gap:20px; }
.install-instructions li { padding-left:8px; color:var(--theme-accent,#0878f9); }
.install-instructions b { display:block; font-size:15px; color:var(--theme-text,#0d3158); }
.install-instructions li span { display:block; font-size:14px; line-height:1.6; color:var(--theme-muted,#62768c); margin-top:6px; }
.install-ready { display:flex; gap:10px; align-items:center; padding:20px; margin:24px 0; color:var(--theme-text,#0d3158); border:1px solid var(--theme-border,#dce7f2); border-radius:14px; }
@media(pointer:coarse), (max-width:700px) {
  .brand-select { height:44px; }
  html .brand-select-trigger { height:44px; min-height:44px; max-height:44px; font-size:16px; }
  .brand-select-option { min-height:44px; padding:10px 12px; font-size:16px; }
  html input:not([type="checkbox"]):not([type="radio"]),html textarea,html .brand-select-search { font-size:16px; }
}
@media(max-width:700px) {
  html.is-standalone body { padding-top:env(safe-area-inset-top); padding-left:env(safe-area-inset-left); padding-right:env(safe-area-inset-right); }
  html.is-standalone .topbar { top:env(safe-area-inset-top)!important; }
  html.is-standalone .mobile-bottom-nav { height:calc(64px + env(safe-area-inset-bottom))!important; padding-bottom:max(5px,env(safe-area-inset-bottom))!important; }
  html.is-standalone .main-content { padding-bottom:calc(85px + env(safe-area-inset-bottom))!important; }
  .install-app-page { margin:24px auto; padding:0 12px; box-sizing:border-box; }
  .install-app-page h1 { font-size:25px; }
}