:root{--blue:#1465d8;--blue2:#0b2f66;--blue3:#0d4da8;--ink:#142238;--muted:#617188;--line:#d9e4f0;--light:#f5f8fc;--white:#fff;--dark:#091a30;--shadow:0 14px 38px rgba(14,45,83,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:17px;color:var(--ink);background:#f8fbff;line-height:1.6}a{text-decoration:none}.container{width:min(1200px,92%);margin:auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{min-height:74px;display:flex;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:9px;color:var(--blue2);font-weight:900;letter-spacing:.3px;white-space:nowrap}.sun{font-size:25px;color:#e5b21e}.nav nav{display:flex;align-items:center;gap:9px;margin-left:auto}.nav nav a,.nav nav button{font-size:12px}.nav nav a:not(.btn){color:#3c5068;font-weight:700}.language-home{display:none!important;align-items:center;gap:0;margin-left:8px;background:var(--blue);border-radius:10px;overflow:hidden;box-shadow:0 7px 18px rgba(20,101,216,.18);min-height:44px}.language-home>span{display:grid;place-items:center;width:40px;height:44px;color:#fff;font-size:18px}.language-home select{border:0;border-left:1px solid rgba(255,255,255,.25);border-radius:0;padding:10px 34px 10px 12px;background:var(--blue);color:#fff;min-width:142px;height:44px;font:700 12px Inter,system-ui,sans-serif;outline:none;cursor:pointer}.language-home select:focus{background:var(--blue3)}.language-home select option{background:#fff;color:var(--ink)}.member-nav{display:flex}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:12px 17px;background:var(--blue);color:#fff!important;font-weight:800;cursor:pointer;box-shadow:0 7px 18px rgba(20,101,216,.18)}.btn:hover{background:var(--blue3)}.btn-outline{background:#fff;border:1px solid #a9c0dc;color:var(--blue2)!important;box-shadow:none}.btn-dark{background:var(--dark)}.btn-small{padding:8px 11px;font-size:12px;border-radius:10px}.btn-large{padding:14px 19px}.hero{padding:72px 0 38px;background:radial-gradient(circle at 80% 15%,rgba(51,126,229,.13),transparent 32%),linear-gradient(180deg,#edf5ff,#f8fbff 78%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}.eyebrow{font-size:11px;letter-spacing:1.4px;font-weight:900;color:var(--blue);margin:0 0 10px}.hero h1{font-size:clamp(48px,7vw,82px);line-height:1.01;margin:0 0 18px;color:var(--blue2);letter-spacing:-2px}.lead{font-size:20px;color:var(--muted);max-width:720px}.auth-actions{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.feature-chips{display:flex;gap:8px;flex-wrap:wrap}.feature-chips span{background:#fff;border:1px solid var(--line);padding:8px 10px;border-radius:999px;font-size:11px;font-weight:700;color:#456079;box-shadow:0 4px 14px rgba(18,47,83,.05)}.note,.small,.tiny{font-size:12px;color:var(--muted)}.hero-visual{position:relative}.social-card{border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.main-card{padding:25px;background:linear-gradient(160deg,#fff,#f4f8fe)}.post-head{display:flex;align-items:center;gap:10px}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--blue2);color:#fff;font-weight:900;font-size:12px}.verified{margin-left:auto;width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:12px}.sun-large{font-size:86px;color:#e4b11b;line-height:1;margin:26px 0 4px}.main-card h2{font-size:36px;line-height:1.1;color:var(--blue2);margin:0 0 8px}.post-actions{display:flex;gap:18px;border-top:1px solid var(--line);padding-top:15px;margin-top:22px;color:#48617b;font-size:12px;font-weight:700}.quick-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.quick{border:1px solid var(--line);border-radius:18px;padding:18px;background:#fff;text-align:left;display:grid;grid-template-columns:auto 1fr;gap:2px 12px;cursor:pointer;box-shadow:0 7px 22px rgba(13,48,88,.06)}.quick span{grid-row:1/3;font-size:11px;font-weight:900;color:var(--blue);padding-top:3px}.quick b{font-size:13px}.quick small{color:var(--muted)}.section{padding:76px 0}.alt{background:var(--light)}.section-head{max-width:850px;margin-bottom:30px}.section h2{font-size:36px;line-height:1.12;color:var(--blue2);margin:0 0 10px}.form-grid,.login-box,.split{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:start}.narrow{max-width:980px}.section-copy{position:sticky;top:115px}.rule-card{margin-top:22px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(13,48,88,.06)}.rule-card strong{color:var(--blue2)}.flow-list{margin-top:20px;display:grid;gap:8px}.flow-list>div{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.flow-list span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e7f0ff;color:var(--blue2);font-weight:900}.flow-list b,.flow-list small{display:block}.flow-list small{font-size:11px;color:var(--muted)}.form-card,.login-box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--shadow)}label{display:block;font-size:12px;font-weight:800;margin-bottom:14px;color:#233850}label input,label select,label textarea{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #c9d7e6;border-radius:11px;background:#fff;font:inherit;color:var(--ink)}textarea{resize:vertical}.check{display:flex;align-items:flex-start;gap:9px}.check input{width:auto;margin-top:5px}.form-card .btn,.login-form .btn{width:100%}.form-card select:disabled{background:#f0f3f7;color:#8795a6}.form-section-title{margin:5px 0 14px;padding-bottom:9px;border-bottom:1px solid var(--line);color:var(--blue2);font-weight:900;font-size:14px}.message{min-height:21px;margin-top:10px;font-size:12px}
.registration-success-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:18px;align-items:start}
.registration-inline-login{height:100%}
.credential-rule-box{margin-top:12px;padding:12px 14px;border:1px solid #b8d2ef;border-radius:10px;background:#f7fbff;color:#17324f}
.credential-rule-box strong{display:block;margin-bottom:6px}
.credential-rule-box p{margin:4px 0;font-size:13px}

.registration-inline-login .login-form label{display:block}
.registration-success-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding-top:2px}
@media(max-width:820px){.registration-success-grid{grid-template-columns:1fr}.registration-success-footer{grid-column:auto}}
.success{color:#0d7c34}.section[hidden]{display:none}.result-card{max-width:800px;margin:auto;text-align:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:36px;box-shadow:var(--shadow)}.member-id{display:inline-block;margin:16px 0;padding:14px 22px;border-radius:14px;background:#f2f6fc;border:1px dashed #8aa6c3;color:var(--blue2);font-size:26px;font-weight:900}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.dash-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:20px;min-height:145px;box-shadow:0 7px 20px rgba(13,48,88,.05)}.dash-label,.dash-card small{display:block;color:var(--muted);font-size:11px}.dash-card strong{display:block;color:var(--blue2);font-size:18px;line-height:1.3;margin:10px 0}.action-card{background:linear-gradient(160deg,#eef5ff,#fff)}.member-panel{margin-top:18px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 22px rgba(13,48,88,.06)}.report-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.report-title h3{margin:0;color:var(--blue2)}.rep-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px}.rep-card{border:1px solid var(--line);border-radius:15px;padding:17px;background:#fbfdff}.rep-role{font-size:10px;letter-spacing:1px;font-weight:900;color:var(--blue)}.rep-card h4{font-size:20px;margin:5px 0}.rep-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:6px;font-size:12px;margin-top:12px}.rep-grid span{color:var(--muted)}.document-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.doc-card{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:14px;background:#fcfdff}.doc-icon{width:42px;height:42px;border-radius:10px;background:#eff5ff;color:#b22626;display:grid;place-items:center;font-size:11px;font-weight:900}.doc-card strong,.doc-card small{display:block}.doc-card small{font-size:11px;color:var(--muted);margin-top:3px}.doc-card button{margin-left:auto}.privacy-box{margin-top:13px;padding:13px;border-left:4px solid var(--blue);background:#f4f8ff;border-radius:12px;font-size:12px}.table-card{margin-top:16px;border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff;box-shadow:0 7px 22px rgba(13,48,88,.05)}.table-scroll{overflow:auto}.table-scroll table{width:100%;min-width:760px;border-collapse:collapse}.table-scroll th,.table-scroll td{padding:10px;border-bottom:1px solid #e6edf5;white-space:nowrap;text-align:left;vertical-align:top;font-size:11px}.table-scroll th{color:var(--blue2);background:#f7faff}
.vip-register-member-table{min-width:1850px!important}
.vip-register-member-table th{background:#213f86!important;color:#fff!important;font-weight:800;text-align:center!important;vertical-align:middle!important;border:1px solid rgba(255,255,255,.45)!important;white-space:normal!important;line-height:1.25}
.vip-register-member-table td{border:1px solid #dce5ef!important;vertical-align:middle!important}
.vip-register-member-table tbody tr:nth-child(even){background:#e8f1fa}
.vip-register-member-table tbody tr:nth-child(odd){background:#fff}
.vip-register-member-table tbody tr:hover{background:#dcecff}.wrap-cell{white-space:normal!important;min-width:280px;max-width:420px}.clickable-row{cursor:pointer}.clickable-row:hover{background:#eef5ff}.complaint-status{display:inline-flex;padding:4px 8px;border-radius:999px;border:1px solid var(--line);background:#f3f7fb;font-weight:800;font-size:10px}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 15px}.tab{padding:9px 12px;border-radius:10px;background:#f4f7fb;color:#49617b;font-size:12px;font-weight:800}.tab.active{background:#e6f0ff;color:var(--blue2)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats>div{padding:18px;background:#f2f6fb;border-radius:15px;border:1px solid var(--line)}.stats strong,.stats span{display:block}.stats strong{font-size:24px;color:var(--blue2)}.stats span{font-size:11px;color:var(--muted)}.admin-stats .blue-stat{background:#e8f2ff;border:2px solid #8cb6e9}.admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.compact{box-shadow:none;margin-top:16px}.empty{padding:25px;text-align:center;color:var(--muted);font-size:12px}footer{margin-top:30px;background:#0a1d34;color:#cbd8e7;padding:48px 0 18px}footer .brand{color:#fff}footer a{display:block;color:#cbd8e7;font-size:12px;margin:6px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.copyright{border-top:1px solid rgba(255,255,255,.12);padding-top:15px;margin-top:28px;font-size:11px;color:#94a8be}.req{color:#b11919}.optional{font-weight:500;color:var(--muted)}[dir=rtl] body{text-align:right}[dir=rtl] .post-head,[dir=rtl] .quick,[dir=rtl] .doc-card,[dir=rtl] .report-title{direction:rtl}[dir=rtl] .doc-card button{margin-left:0;margin-right:auto}@media(max-width:1050px){.public-nav{display:none}.hero-grid,.form-grid,.login-box,.split{grid-template-columns:1fr}.section-copy{position:static}.dashboard-grid{grid-template-columns:1fr 1fr}.rep-cards,.document-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.dashboard-grid,.quick-bar,.stats{grid-template-columns:1fr}.hero{padding-top:50px}.hero h1{font-size:50px;letter-spacing:-1px}.auth-actions{flex-direction:column}.auth-actions .btn{width:100%}.nav{gap:8px}.language-home{margin-left:auto}.language-home select{max-width:120px}.section{padding:58px 0}}
.donation-section{background:linear-gradient(180deg,#f7faff 0%,#ffffff 100%)}
.donation-method-box{margin:.8rem 0;padding:14px;border:1px solid var(--line);border-radius:12px;background:#f8fbff}
.donation-method-options{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:10px}
.donation-method-options label{display:flex;align-items:center;gap:7px;padding:10px 11px;border:1px solid #c9d8e8;border-radius:10px;background:#fff;font-size:12px;font-weight:800;cursor:pointer}
.donation-method-options input{accent-color:var(--blue)}
@media(max-width:700px){.donation-method-options{grid-template-columns:1fr 1fr}}
.payment-config{margin:.75rem 0;padding:.8rem 1rem;border:1px dashed #b8c7e6;border-radius:12px;background:#f8fbff;color:#334155;font-size:.9rem;line-height:1.5}
.report-tools{display:flex;gap:.6rem;margin:1rem 0}.report-tools input{width:100%;padding:.8rem 1rem;border:1px solid #cbd5e1;border-radius:10px;font:inherit}
.scroll-list{max-height:720px;overflow:auto;border:1px solid #e2e8f0;border-radius:12px}.compact-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}
@media print{.topbar,.admin-actions,.report-tools,.auth-actions,.member-nav,.public-nav{display:none!important}.scroll-list{max-height:none;overflow:visible}.section{padding:10px}.table-card{box-shadow:none}}
.link-button{border:0;background:none;color:var(--blue);font:inherit;font-weight:800;cursor:pointer;padding:0;text-decoration:underline}.link-button:hover{color:var(--blue3)}
.social-card{transition:transform .25s ease,box-shadow .25s ease}.social-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(14,45,83,.16)}
.quick{transition:transform .2s ease,box-shadow .2s ease}.quick:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(13,48,88,.10)}
@media(max-width:650px){.report-title{align-items:flex-start;flex-direction:column}.compact-actions{justify-content:flex-start;width:100%}}

.dob-error{border-color:#b11919!important;background:#fff5f5!important;box-shadow:0 0 0 3px rgba(177,25,25,.10)}.dob-status-error{display:block;margin-top:5px;color:#b11919!important;font-size:12px;font-weight:700}.dob-ok{border-color:#238443!important}.dob-status-ok{display:block;margin-top:5px;color:#0d7c34!important;font-size:12px;font-weight:700}

label.dob-label-error{color:#b11919!important}label.dob-label-ok{color:#233850}label.dob-label-error>input{border-color:#b11919!important}

.history-slider{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:22px}
.history-viewport{overflow:hidden}
.history-track{display:flex;gap:22px;transition:transform .35s ease;will-change:transform}
.history-card{flex:0 0 min(52vw,760px);border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}
.history-card img{display:block;width:100%;height:min(50vh,520px);min-height:320px;object-fit:cover;background:#eef3f8}
.history-body{padding:18px 20px 20px}
.history-body h3{margin:0 0 8px;color:var(--blue2);font-size:24px;line-height:1.2}
.history-body p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.history-nav{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--blue2);font-size:30px;cursor:pointer;box-shadow:0 7px 18px rgba(13,48,88,.08)}
.history-nav:hover{background:#f4f8ff}
.history-dots{display:flex;justify-content:center;gap:7px;margin-top:16px;flex-wrap:wrap}
.history-dots button{width:9px;height:9px;border:0;border-radius:50%;background:#cad6e3;padding:0;cursor:pointer}
.history-dots button.active{background:var(--blue);transform:scale(1.25)}
.history-source-note{margin:14px 0 0;font-size:11px;color:var(--muted);text-align:center}
@media(max-width:900px){
  .history-card{flex-basis:78vw}
  .history-card img{height:42vh;min-height:260px}
}
@media(max-width:650px){
  .history-slider{grid-template-columns:28px minmax(0,1fr) 28px;gap:8px}
  .history-card{flex-basis:88vw}
  .history-card img{height:42vh;min-height:230px}
  .history-body h3{font-size:20px}
  .history-body p{font-size:13px}
}

.register-language-picker{display:flex;align-items:center;width:max-content;background:var(--blue);border-radius:10px;overflow:hidden;box-shadow:0 7px 18px rgba(20,101,216,.18);margin:0 0 18px;min-height:44px}
.register-language-icon{display:grid;place-items:center;width:42px;height:44px;color:#fff;font-size:18px}
.register-language-picker select{border:0;border-left:1px solid rgba(255,255,255,.25);border-radius:0;padding:10px 38px 10px 12px;background:var(--blue);color:#fff;min-width:155px;height:44px;font:700 12px Inter,system-ui,sans-serif;outline:none;cursor:pointer}
.register-language-picker select:focus{background:var(--blue3)}
.register-language-picker select option{background:#fff;color:var(--ink)}

.manifesto-section{background:linear-gradient(180deg,#f7faff,#ffffff)}
.manifesto-headings{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}
.manifesto-headings article{position:relative;border:1px solid var(--line);border-radius:16px;background:#fff;padding:20px;box-shadow:0 7px 20px rgba(13,48,88,.05)}
.manifesto-headings article>span{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e8f2ff;color:var(--blue2);font-size:11px;font-weight:900}
.manifesto-headings h3{font-size:16px;line-height:1.3;color:var(--blue2);margin:12px 0 7px}
.manifesto-headings p{font-size:12px;color:var(--muted);margin:0}
.manifesto-full{margin-top:22px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow);overflow:hidden}
.manifesto-full summary{cursor:pointer;padding:18px 20px;font-weight:900;color:var(--blue2);background:#f7faff}
.manifesto-document{padding:24px;max-width:1000px}
.manifesto-document h3{color:var(--blue2);font-size:20px;margin:25px 0 9px}
.manifesto-document h3:first-child{margin-top:0}
.manifesto-document p,.manifesto-document li{font-size:13px;color:#42566d}
.manifesto-document ul{padding-left:22px}
.implementation-chain{margin:22px 0;padding:16px;border-left:4px solid var(--blue);background:#eef5ff;border-radius:10px;color:var(--blue2)}
.manifesto-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:18px}
@media(max-width:900px){.manifesto-headings{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.manifesto-headings{grid-template-columns:1fr}.manifesto-document{padding:18px}}

.floating-language{position:fixed;left:12px;top:88px;z-index:120;display:flex;align-items:center;background:var(--blue);border-radius:12px;overflow:hidden;box-shadow:0 10px 26px rgba(20,101,216,.24)}
.floating-language>span{display:grid;place-items:center;width:40px;height:44px;color:#fff;font-size:18px}.floating-language select{border:0;border-left:1px solid rgba(255,255,255,.25);padding:10px 30px 10px 10px;background:var(--blue);color:#fff;min-width:130px;height:44px;font:700 12px Inter,system-ui,sans-serif;outline:none;cursor:pointer}.floating-language select option{background:#fff;color:var(--ink)}
.public-contact-email{margin:10px 0;font-size:15px}.public-contact-email a{color:var(--blue2);font-weight:800}.footer-contact-email{display:flex;flex-direction:column;gap:4px}.footer-contact-email a{color:var(--blue2);font-weight:800}.optional-label{color:var(--muted);font-weight:600;font-size:.9em}
@media(max-width:700px){.floating-language{left:8px;top:80px}.floating-language select{min-width:105px}.public-nav{flex-wrap:wrap}}

.social-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:900px;margin:0 auto}
.social-link-card{display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow);color:var(--ink);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.social-link-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(13,48,88,.12)}
.social-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#f3f6fb;flex:0 0 auto}
.social-icon svg{width:28px;height:28px;fill:currentColor;stroke:currentColor;stroke-width:1.2}
.social-link-card span:last-child{display:flex;flex-direction:column;gap:4px}.social-link-card strong{font-size:16px}.social-link-card small{color:var(--muted);font-size:12px}
.hero-social-shortcuts{display:flex;gap:10px;margin-top:10px}.hero-social-shortcuts a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid var(--line);color:var(--blue2);font-weight:900;text-decoration:none;box-shadow:0 5px 14px rgba(13,48,88,.08)}.hero-social-shortcuts a:hover{background:#eef5ff}
@media(max-width:800px){.social-links-grid{grid-template-columns:1fr}}

.portal-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.portal-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)}.placeholder-photo{height:150px;border-radius:12px;background:var(--light);display:grid;place-items:center;font-weight:900;color:var(--muted);margin-bottom:12px}.filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.content-empty{padding:34px;border:1px dashed #b7c9df;border-radius:16px;text-align:center;background:#fff}.chatbox{max-width:900px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.chat-log{min-height:180px;max-height:360px;overflow:auto;display:grid;gap:10px;padding:8px}.chat-msg{padding:10px 12px;border-radius:12px;background:var(--light);max-width:80%}.chat-msg.user{margin-left:auto;background:#e7f0ff}.chat-form{display:flex;gap:8px;margin-top:12px}.chat-form input{flex:1}.check{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:8px}.check input{width:auto!important;margin-top:6px}.optional-label{color:var(--muted);font-size:.9em}@media(max-width:950px){.portal-card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.portal-card-grid{grid-template-columns:1fr}.filter-grid{grid-template-columns:1fr}.chat-form{flex-direction:column}}
.accessibility-controls{display:flex;align-items:center;gap:4px;margin-left:6px}.access-control{border:1px solid var(--line);background:#fff;color:var(--blue2);border-radius:8px;padding:7px 9px;font:700 11px Inter,system-ui,sans-serif;cursor:pointer}.legal-document{max-width:900px}.legal-document h2{margin-bottom:12px}@media(max-width:900px){.accessibility-controls{order:3;width:100%;justify-content:flex-end}.nav{flex-wrap:wrap}}[data-theme="dark"] body{background:#0c1828;color:#e7eef7}[data-theme="dark"] .topbar,[data-theme="dark"] .form-card,[data-theme="dark"] .portal-card,[data-theme="dark"] .login-box,[data-theme="dark"] .table-card{background:#122235;border-color:#29425f}[data-theme="dark"] .section.alt{background:#0f1d2d}[data-theme="dark"] .section h2,[data-theme="dark"] .portal-card h3{color:#e7eef7}[data-theme="dark"] .access-control{background:#122235;color:#e7eef7;border-color:#385473}
.admin-focus main>section:not(#admin),.admin-focus footer{display:none!important}.admin-focus #admin{min-height:calc(100vh - 74px)}

body.admin-mode main > section:not(#admin){display:none!important}body.admin-mode main > section#admin{display:block!important}body.admin-mode footer{display:none!important}body.admin-mode .language-home,body.admin-mode .floating-language,body.admin-mode .accessibility-controls{display:none!important}body.admin-mode #admin{min-height:calc(100vh - 90px);padding-top:34px;padding-bottom:50px}

.admin-focus .public-nav{display:none!important}.admin-focus .member-nav{display:none!important}.admin-focus .accessibility-controls{display:none!important}.admin-focus .topbar{position:sticky;top:0}.admin-focus .nav{justify-content:space-between}.admin-focus .language-home{margin-left:auto}.admin-focus main>section:not(#admin){display:none!important}.admin-focus footer{display:none!important}


.admin-report-center{margin:18px 0 24px;padding:24px;border:1px solid #c9d8e8;border-radius:22px;background:linear-gradient(180deg,#fff,#f7faff);box-shadow:0 14px 34px rgba(13,48,88,.08)}.admin-report-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.admin-report-head h3{font-size:25px;color:var(--blue2);margin:3px 0 5px}.admin-security-badge{padding:8px 11px;border:1px solid #b8cbe0;border-radius:999px;background:#f1f7ff;color:var(--blue2);font-size:11px;font-weight:900;white-space:nowrap}.report-summary-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.report-summary-strip>div{padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}.report-summary-strip strong,.report-summary-strip span{display:block}.report-summary-strip strong{font-size:22px;color:var(--blue2)}.report-summary-strip span{font-size:10px;color:var(--muted);margin-top:3px}.report-control-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fbfdff}.report-control-grid label{margin:0}.report-search-wide{grid-column:span 2}.report-action-bar{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.report-column-panel{padding:14px;border:1px solid #bcd0e5;border-radius:14px;background:#f8fbff;margin-bottom:12px}.column-check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.column-check-grid label{margin:0;font-weight:600}.column-check-grid input{width:auto;display:inline;margin:0 5px 0 0}.report-meta{font-size:12px;color:#50657b;font-weight:800;margin:10px 0}.report-center-table{max-height:620px;overflow:auto;border:1px solid var(--line);border-radius:14px;background:#fff}.report-center-table table{min-width:900px}.report-center-table th{position:sticky;top:0;z-index:2}.report-footer-note{margin-top:12px;padding:10px 12px;border-left:4px solid var(--blue);background:#eef5ff;color:#4b6178;font-size:11px;border-radius:8px}@media(max-width:800px){.report-control-grid{grid-template-columns:1fr 1fr}.report-search-wide{grid-column:span 2}.report-summary-strip{grid-template-columns:1fr 1fr}.column-check-grid{grid-template-columns:1fr 1fr}.admin-report-head{flex-direction:column}}@media(max-width:550px){.report-control-grid{grid-template-columns:1fr}.report-search-wide{grid-column:auto}.report-summary-strip{grid-template-columns:1fr}.column-check-grid{grid-template-columns:1fr}.admin-report-center{padding:16px}.report-action-bar .btn{flex:1}.admin-security-badge{white-space:normal}}

/* Final official blue portal theme */
:root{--blue:#0757b8;--blue2:#063b7a;--blue3:#0a6bd8;--ink:#15283f;--muted:#60748b;--line:#d6e2ef;--light:#f3f7fc;--dark:#06264d}
body{background:#f6f9fd;color:var(--ink)}
.topbar{background:#063b7a;border-bottom:3px solid #2b7de9;box-shadow:0 4px 18px rgba(6,59,122,.18)}
.brand,.nav nav a:not(.btn){color:#fff}.brand .sun{color:#8fc3ff}.nav nav{gap:5px}.nav nav a:not(.btn){padding:10px 11px;border-radius:7px}.nav nav a:not(.btn):hover{background:rgba(255,255,255,.12);color:#fff}
.language-home,.floating-language{background:#0a6bd8;border:1px solid rgba(255,255,255,.25);box-shadow:none}.language-home select,.floating-language select{background:#0a6bd8}
.btn{border-radius:7px;background:#0a6bd8;box-shadow:0 5px 14px rgba(7,87,184,.18)}.btn:hover{background:#084d9e}.btn-outline{background:#fff;border-color:#a9c3df;color:#063b7a!important}
.hero{background:linear-gradient(180deg,#eaf3ff 0%,#f7faff 100%);border-bottom:1px solid #d9e7f5}.hero h1,.section h2,.main-card h2,.report-title h3,.manifesto-document h3{color:#063b7a}.hero .lead{color:#50677f}.eyebrow{color:#0757b8}
.social-card,.form-card,.login-box,.member-panel,.table-card,.portal-card,.admin-report-center,.manifesto-full{border-radius:10px;box-shadow:0 8px 24px rgba(6,59,122,.08)}.section.alt{background:#eef5fc}.section-head{border-left:4px solid #0a6bd8;padding-left:16px}
.quick,.dash-card,.doc-card,.rep-card{border-radius:10px}.quick:hover,.social-card:hover{transform:translateY(-2px)}footer{background:#06264d;border-top:4px solid #0a6bd8}
.table-scroll th,.report-center-table th{background:#eaf3ff;color:#063b7a}.tab.active{background:#dcecff;color:#063b7a}.stats strong,.dash-card strong,.report-summary-strip strong{color:#063b7a}
.manifesto-headings article{border-radius:10px}.manifesto-headings article>span{background:#e1efff;color:#063b7a}.manifesto-full summary{background:#edf5ff}
.member-password-note{margin-top:12px;padding:12px;border-left:4px solid var(--blue);background:#eef5ff;border-radius:8px;font-size:12px;color:#31506f}
@media(max-width:1050px){.topbar .nav{padding:10px 0}.nav nav a:not(.btn){color:#fff}}


/* VIP responsive fit patch */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,iframe{max-width:100%;height:auto}
input,select,textarea,button{max-width:100%}
.container{width:min(1180px,calc(100% - 32px))}
.table-scroll,.report-center-table{max-width:100%;overflow-x:auto}
.nav{flex-wrap:wrap}
@media(max-width:1180px){
  .nav{align-items:center}
  .public-nav{display:flex!important;order:5;width:100%;margin-left:0!important;overflow-x:auto;overflow-y:hidden;padding:6px 2px 10px;scrollbar-width:thin;white-space:nowrap}
  .public-nav a{flex:0 0 auto}
  .public-nav::-webkit-scrollbar{height:5px}
  .public-nav::-webkit-scrollbar-thumb{background:#c6d6e8;border-radius:999px}
  .member-nav{margin-left:auto}
  .language-home{margin-left:auto}
}
@media(max-width:800px){
  .container{width:calc(100% - 24px)}
  .hero-grid,.form-grid,.login-box,.split{grid-template-columns:1fr}
  .report-title{align-items:flex-start;flex-direction:column}
  .compact-actions{justify-content:flex-start;width:100%}
  .report-control-grid{grid-template-columns:1fr 1fr}
  .report-search-wide{grid-column:span 2}
}
@media(max-width:600px){
  .container{width:calc(100% - 20px)}
  .brand{font-size:13px}
  .nav{gap:8px}
  .public-nav{gap:6px}
  .public-nav a{font-size:11px!important}
  .language-home select{min-width:0;width:92px;padding-left:8px;padding-right:22px}
  .language-home>span{width:34px}
  .report-control-grid{grid-template-columns:1fr}
  .report-search-wide{grid-column:auto}
  .report-center-table table{min-width:680px}
}

/* VIP logo and information hub */
.brand-logo{width:180px;height:78px;object-fit:contain;border-radius:0;display:block;flex:0 0 180px;max-width:100%}
.hero-logo-frame{width:min(360px,100%);aspect-ratio:1/1;margin:0 auto 18px;padding:18px;border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);display:grid;place-items:center}
.hero-brand-logo{width:100%;height:100%;object-fit:contain;border-radius:18px}
.information-hub{background:linear-gradient(180deg,#fff,#f6f9fd)}
.info-hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
.info-hub-card{display:flex;align-items:center;gap:11px;min-width:0;padding:15px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);box-shadow:0 7px 22px rgba(14,45,83,.06);transition:transform .18s ease,box-shadow .18s ease}
.info-hub-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(14,45,83,.10)}
.info-hub-card>span:nth-child(2){min-width:0;flex:1}
.info-hub-card strong,.info-hub-card small{display:block}
.info-hub-card strong{font-size:13px;color:var(--blue2)}
.info-hub-card small{font-size:10px;color:var(--muted);line-height:1.4;margin-top:2px}
.info-hub-card b{font-size:18px;color:var(--blue);flex:0 0 auto}
.hub-icon{width:36px;height:36px;border-radius:11px;background:#eef5ff;display:grid;place-items:center;flex:0 0 36px;font-size:18px}
.hub-highlight{border-color:#d5c17b;background:linear-gradient(180deg,#fffdf5,#fff)}
footer .brand-logo{width:56px;height:56px;flex-basis:56px}.vip-bottom-bar img{width:34px;height:34px;flex-basis:34px}
@media(max-width:900px){.info-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.brand-logo{width:120px;height:54px;flex-basis:120px}.hero-logo-frame{width:min(300px,100%);padding:12px}.info-hub-grid{grid-template-columns:1fr}}

/* VIP featured national leadership */
.featured-leader-card{display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:24px;align-items:center;margin:0 0 24px;padding:24px;border:1px solid #d7e3ef;border-radius:22px;background:linear-gradient(135deg,#fff,#f4f8fe);box-shadow:0 12px 32px rgba(14,45,83,.08)}
.featured-leader-media{aspect-ratio:1/1;max-width:260px;border-radius:20px;background:#fff;border:1px solid var(--line);padding:14px;display:grid;place-items:center}
.featured-leader-media img{width:100%;height:100%;object-fit:contain;border-radius:14px}
.featured-leader-copy h3{font-size:32px;line-height:1.1;margin:4px 0 8px;color:var(--blue2)}
.leader-role{font-size:19px;font-weight:900;color:var(--blue);margin:0 0 4px}
@media(max-width:650px){.featured-leader-card{grid-template-columns:1fr}.featured-leader-media{max-width:220px;margin:auto}.featured-leader-copy{text-align:center}}

/* VIP information architecture modules */
.leadership-office-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0 24px}
.leadership-office-card{display:flex;align-items:flex-start;gap:14px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 7px 22px rgba(14,45,83,.05)}
.leadership-office-card h3{margin:2px 0 5px;color:var(--blue2)}
.office-card-icon{width:44px;height:44px;border-radius:13px;background:#eef5ff;display:grid;place-items:center;font-size:21px;flex:0 0 44px}
.content-empty{border:1px dashed #cbd9e7;border-radius:18px;background:#fbfdff;padding:28px;text-align:center;color:var(--muted)}
.portal-card-grid>.portal-card{min-width:0}
@media(max-width:700px){.leadership-office-grid{grid-template-columns:1fr}}


/* Final VIP navigation and portal visibility patch */
.topbar{position:sticky!important;top:0!important;z-index:1000}
.brand-logo{width:64px!important;height:64px!important;flex-basis:64px!important;object-fit:contain!important}
.hero-brand-logo{width:100%!important;height:100%!important;object-fit:contain!important}
.hero-logo-frame{width:min(430px,100%)!important;aspect-ratio:1/1}
.floating-language{position:fixed!important;left:10px!important;top:90px!important;z-index:1100}
body{scroll-padding-top:100px}
section{scroll-margin-top:105px}
#memberNav{display:flex;align-items:center;gap:8px}
#memberNav a,#adminNav a{white-space:nowrap}
#candidateComplaintsNav[hidden]{display:none!important}
.role-empty{min-height:110px}
#adminLoginBox[hidden],#adminPanel[hidden]{display:none!important}
body.admin-mode .topbar{position:sticky!important;top:0!important}
body.admin-mode #adminPanel{padding-top:10px}
@media(max-width:700px){
  .brand-logo{width:52px!important;height:52px!important;flex-basis:52px!important}
  .floating-language{left:6px!important;top:78px!important}
}

/* Donation is shown only on the explicit Donate standalone view. */
body:not(.admin-mode) #donate{display:none!important;visibility:hidden!important;opacity:0!important}
body.donation-standalone:not(.admin-mode) #donate{display:block!important;visibility:visible!important;opacity:1!important}
body.standalone-view:not(.donation-standalone):not(.admin-mode) #donate{display:none!important;visibility:hidden!important;opacity:0!important}

.vip-bottom-bar{position:fixed;left:0;right:0;bottom:0;z-index:999;background:#06264d;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 14px;font-size:12px;box-shadow:0 -4px 16px rgba(0,0,0,.16)}
.vip-bottom-bar img{width:28px;height:28px;border-radius:50%;object-fit:contain}
.vip-bottom-bar strong{font-size:13px}
body{padding-bottom:46px}
.admin-topbar{position:fixed!important;left:0;right:0;top:var(--vip-topbar-height);z-index:4900;display:flex;align-items:center;gap:14px;padding:9px 14px;margin:0;border:0;border-radius:0;background:#063b7a;color:#fff;box-shadow:0 4px 14px rgba(6,59,122,.20);flex-wrap:wrap}
.admin-brand{font-weight:900;white-space:nowrap}
.admin-topnav{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:2px 0;flex-wrap:wrap;overflow:visible;min-width:0}
.admin-member-count{display:inline-block;margin-left:8px;padding:4px 8px;border-radius:999px;background:#fff;color:#063b7a;font-size:10px;white-space:nowrap}
.admin-member-count strong{font-size:11px}
.admin-topnav{align-content:center}
.admin-topnav::-webkit-scrollbar{height:4px}
.admin-nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 10px;border-radius:9px;background:#0d4da8;color:#fff!important;border:1px solid rgba(255,255,255,.16);font-size:11px;font-weight:800;white-space:nowrap}
.admin-nav-link:hover,.admin-nav-link:focus{background:#1465d8}
.admin-nav-button{font-family:inherit;cursor:pointer}
body.admin-mode #admin{min-height:calc(100vh - var(--vip-topbar-height));padding-bottom:82px}
body.admin-mode .vip-bottom-bar{display:flex!important}
#adminMembers,#adminDocuments,#adminComplaints,#adminDonations,#adminMlaList,#adminMpList,#adminCandidateInterests,#adminPositionMaster,#adminPasswordBox,#adminContentCMS{scroll-margin-top:calc(var(--vip-topbar-height) + 68px)}
@media(max-width:900px){.admin-topbar{align-items:flex-start;flex-direction:column}.admin-topnav{width:100%;flex-wrap:wrap}.admin-member-count{margin-left:4px}}
@media(max-width:600px){.admin-topbar{top:calc(var(--vip-topbar-height) + 2px);padding:8px}.admin-nav-link{font-size:10px;padding:6px 8px}.admin-brand{font-size:12px}}

@media(max-width:600px){.vip-bottom-bar{font-size:10px}.vip-bottom-bar strong{font-size:11px}.vip-bottom-bar img{width:24px;height:24px}.admin-topbar{flex-direction:column;align-items:stretch}}


/* Standalone content views + permanently visible top navigation */
:root{--vip-topbar-height:90px}
body{padding-top:var(--vip-topbar-height)}
.topbar{position:fixed!important;top:0;left:0;right:0;width:100%;z-index:5000}
.member-dashboard-top-freeze{position:relative;top:auto;z-index:1;background:rgba(248,251,255,.97);backdrop-filter:blur(12px);padding:0 0 12px;border-bottom:1px solid rgba(30,76,125,.08)}
.member-dashboard-top-freeze .section-head{padding-top:14px}
body.member-login-standalone{padding-top:var(--vip-topbar-height)!important}
body.member-login-standalone .section{padding-top:42px!important;min-height:100vh}
body.member-login-standalone .container.narrow{max-width:680px}
.candidate-readiness-panel{margin-top:14px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 7px 20px rgba(13,48,88,.05)}
.member-dashboard-signout-bottom{display:flex;justify-content:center;margin:24px 0 6px;padding-top:18px;border-top:1px solid rgba(30,76,125,.08)}
.complaint-choice-box{margin:16px 0;padding:18px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 7px 20px rgba(13,48,88,.05)}
#complaintDetailsWrap[hidden]{display:none!important}
.public-rep-cards{margin-top:18px}
.standalone-view main>section{display:none!important}
.standalone-view main>section:not([hidden]){display:block!important}
.standalone-view footer,.standalone-view .vip-bottom-bar{display:none!important}
.standalone-view{padding-bottom:20px}
.standalone-view .topbar{box-shadow:0 5px 20px rgba(6,59,122,.22)}
@media(max-width:1180px){
  :root{--vip-topbar-height:126px}
  .topbar{min-height:var(--vip-topbar-height)}
}
@media(max-width:600px){
  :root{--vip-topbar-height:142px}
  .topbar{min-height:var(--vip-topbar-height)}
  .standalone-view .section{padding-top:24px}
}

.floating-language{top:calc(var(--vip-topbar-height) + 54px)!important}

/* Mobile fixed header fit: keep brand, controls and scrollable menu from overlapping */
@media(max-width:1050px){
  .topbar .nav{min-height:0;padding:8px 0 0;align-items:center}
  .topbar .brand{flex:0 0 auto}
  .topbar .language-home{flex:0 0 auto;margin-left:auto}
  .topbar .accessibility-controls{flex:0 0 auto}
  .topbar .public-nav{order:10;flex:1 1 100%;width:100%;margin:0!important;padding:7px 0 9px;min-height:42px}
}
@media(max-width:600px){
  :root{--vip-topbar-height:136px}
  body{padding-top:var(--vip-topbar-height)}
  .topbar .nav{gap:6px;padding-top:7px}
  .topbar .brand-logo{width:42px!important;height:42px!important;flex-basis:42px!important}
  .topbar .brand{font-size:12px;max-width:190px;overflow:hidden}
  .topbar .language-home{min-height:38px;margin-left:auto}
  .topbar .language-home>span{width:30px;height:38px;font-size:15px}
  .topbar .language-home select{height:38px;width:82px;min-width:82px;padding:7px 20px 7px 6px;font-size:10px}
  .topbar .accessibility-controls{display:none}
  .topbar .public-nav{min-height:40px;gap:4px;padding:5px 0 7px}
  .topbar .public-nav a{padding:7px 9px!important;font-size:10px!important}
  .topbar .public-nav::-webkit-scrollbar{height:3px}
  .floating-language{display:none}
  }
.standalone-view .public-nav a{target:none}

body.admin-mode .admin-tabs{display:none!important}
body.admin-mode .vip-bottom-bar{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:6000!important}

:root{--vip-admin-dock-height:82px}
body.admin-mode{padding-top:calc(var(--vip-topbar-height) + var(--vip-admin-dock-height))!important}
body.admin-mode #admin{padding-top:18px}
.admin-topbar .admin-brand{display:flex;align-items:center;gap:8px}
.admin-topbar .admin-member-count{margin-left:0}
@media(max-width:900px){
  :root{--vip-admin-dock-height:118px}
  body.admin-mode{padding-top:calc(var(--vip-topbar-height) + var(--vip-admin-dock-height))!important}
}
@media(max-width:600px){
  :root{--vip-admin-dock-height:150px}
  body.admin-mode{padding-top:calc(var(--vip-topbar-height) + var(--vip-admin-dock-height))!important}
}

/* Admin uses the same main fixed header; public header/navigation remains unchanged. */
body.admin-mode .topbar{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:5000}
body.admin-mode #publicNav,
body.admin-mode #memberNav{display:none!important}
body.admin-mode #adminNav{
  display:none!important;
  align-items:center;
  justify-content:center;
  gap:6px;
  flex:1 1 100%;
  width:100%;
  flex-wrap:wrap;
  overflow:visible;
  margin-left:0;
}
.admin-header-nav>a,.admin-header-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:6px 9px;
  border-radius:8px;
  background:#0d4da8;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.16);
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
  text-decoration:none;
}
.admin-header-button{font-family:inherit;cursor:pointer}
.admin-header-nav>a:hover,.admin-header-button:hover{background:#1465d8}
.admin-header-nav .admin-member-count{
  display:inline-flex;
  align-items:center;
  padding:5px 8px;
  border-radius:999px;
  background:#fff;
  color:#063b7a;
  font-size:9px;
  font-weight:800;
  white-space:nowrap;
}
.admin-header-nav .admin-member-count strong{font-size:10px;margin-left:3px}
body.admin-mode #adminTopBar{display:none!important}
body.admin-mode{padding-top:var(--vip-topbar-height)!important}
body.admin-mode #admin{padding-top:34px!important}
body.admin-mode @media(max-width:900px){
  body.admin-mode #adminNav{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}
  .admin-header-nav>a,.admin-header-button{flex:0 0 auto}
}
@media(max-width:600px){
  body.admin-mode #adminNav{gap:4px}
  .admin-header-nav>a,.admin-header-button{font-size:9px;padding:5px 7px}
  .admin-header-nav .admin-member-count{font-size:8px}
}

.vip-count-widget{
  position:fixed!important;
  right:18px!important;
  left:auto!important;
  top:calc(var(--vip-topbar-height) + 26px)!important;
  z-index:6200!important;
  width:222px;
  text-align:center;
  pointer-events:none;
  filter:drop-shadow(0 10px 24px rgba(5,43,105,.26));
}
.vip-count-face{
  width:222px;
  min-height:128px;
  border-radius:24px;
  padding:10px 12px 9px;
  background:linear-gradient(145deg,#123fb8 0%,#2557c7 48%,#0b3aa8 100%);
  border:2px solid rgba(255,255,255,.95);
  box-shadow:inset 0 0 0 4px rgba(255,255,255,.12),0 7px 18px rgba(0,0,0,.14);
  color:#fff;
  overflow:hidden;
}
.vip-count-title{
  font-size:17px;
  line-height:1;
  font-weight:1000;
  letter-spacing:2px;
  margin-bottom:8px;
}
.vip-count-digits{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:3px;
  min-height:39px;
}
.vip-count-digits span:not(.vip-count-separator){
  display:grid;
  place-items:center;
  min-width:25px;
  height:38px;
  padding:0 4px;
  border-radius:6px;
  background:linear-gradient(#fff,#eef3ff);
  color:#1646bf;
  font-size:20px;
  line-height:1;
  font-weight:1000;
  box-shadow:inset 0 -2px 0 rgba(34,64,130,.15),0 2px 4px rgba(0,0,0,.16);
}
.vip-count-separator{
  color:#fff;
  font-size:18px;
  font-weight:1000;
  align-self:center;
  margin:0 -1px;
}
.vip-count-things{
  font-size:15px;
  line-height:1;
  font-weight:1000;
  letter-spacing:2px;
  margin-top:7px;
}
.vip-count-crore{
  min-height:13px;
  margin-top:5px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.8px;
}
.vip-count-label{
  margin-top:6px;
  padding:6px 8px;
  border-radius:9px;
  background:#fff;
  color:#063b7a;
  font-size:9px;
  line-height:1.15;
  font-weight:900;
  box-shadow:0 3px 10px rgba(0,0,0,.12);
}
.vip-count-updated .vip-count-face{
  animation:vipCountPulse .55s ease;
}
.vip-count-updated .vip-count-digits span:not(.vip-count-separator){
  animation:vipDigitFlip .55s ease;
}
@keyframes vipCountPulse{
  0%{transform:scale(1)}
  35%{transform:scale(1.035)}
  100%{transform:scale(1)}
}
@keyframes vipDigitFlip{
  0%{transform:translateY(-7px);opacity:.35}
  60%{transform:translateY(2px);opacity:1}
  100%{transform:translateY(0);opacity:1}
}
body.admin-mode .vip-count-widget{top:calc(var(--vip-topbar-height) + 26px)!important}
@media(max-width:700px){
  .vip-count-widget{left:auto!important;right:7px!important;top:calc(var(--vip-topbar-height) + 12px)!important;width:98px}
  .vip-count-face{width:98px;height:98px;border-radius:23px;padding:8px 7px 6px}
  .vip-count-title{font-size:13px;margin-bottom:6px}
  .vip-count-digits{gap:2px;padding:0 1px}
  .vip-count-digits span{height:29px;border-radius:5px;font-size:15px}
  .vip-count-things{font-size:13px;margin-top:6px}
  .vip-count-label{font-size:7px;margin-top:4px;padding:4px 5px}
}

.vip-count-widget{transition:transform .2s ease}
@media(max-width:700px){
  .vip-count-widget{right:8px!important;top:calc(var(--vip-topbar-height) + 7px)!important;width:154px}
  .vip-count-face{width:154px;min-height:105px;border-radius:20px;padding:8px 8px 7px}
  .vip-count-title{font-size:13px;margin-bottom:6px}
  .vip-count-digits{gap:2px;min-height:31px}
  .vip-count-digits span:not(.vip-count-separator){min-width:17px;height:30px;padding:0 2px;border-radius:5px;font-size:15px}
  .vip-count-separator{font-size:13px}
  .vip-count-things{font-size:12px;margin-top:5px}
  .vip-count-crore{font-size:8px;margin-top:4px}
  .vip-count-label{font-size:7px;margin-top:4px;padding:4px 5px}
}

body.admin-mode.admin-authenticated #adminNav{display:flex!important}
body.admin-mode:not(.admin-authenticated) #adminNav{display:none!important}
body.admin-mode:not(.admin-authenticated) #publicNav{display:flex!important}

/* Admin navigation is strictly Admin-authenticated; public pages retain the public navigation. */
#adminNav{display:none!important}
body.admin-mode.admin-authenticated #adminNav{display:flex!important}
body.admin-mode.admin-authenticated #publicNav{display:none!important}
body:not(.admin-mode) #adminNav{display:none!important}
body:not(.admin-authenticated) #adminNav{display:none!important}

/* Official public header action buttons */
.public-nav .vip-header-action{
  min-height:40px;
  min-width:96px;
  padding:8px 12px;
  border-radius:9px;
  font-size:11px;
  font-weight:900;
  line-height:1.2;
  letter-spacing:.1px;
  white-space:nowrap;
  text-align:center;
  border:1px solid transparent;
  box-shadow:0 2px 7px rgba(8,42,92,.10);
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.public-nav .vip-header-action:hover{
  transform:translateY(-1px);
  box-shadow:0 5px 12px rgba(8,42,92,.14);
}
.public-nav .vip-register-btn{
  background:#f4c542;
  border-color:#d9a900;
  color:#111!important;
}
.public-nav .vip-register-btn:hover{background:#e8b92f;border-color:#c99b00}
.public-nav .vip-manifesto-btn{
  background:#eaf2ff;
  border-color:#7f9dbc;
  color:#0b315e!important;
}
.public-nav .vip-manifesto-btn:hover{background:#dce9fb;border-color:#5f81a4}
.public-nav .vip-member-login-btn{
  background:#fff;
  border-color:#98b1cf;
  color:var(--blue2)!important;
}
.public-nav .vip-member-login-btn:hover{background:#f4f8fd;border-color:#6e91b8}
.public-nav .vip-admin-login-btn{
  background:#eef4fb;
  border-color:#7f9dbc;
  color:#0b315e!important;
}
.public-nav .vip-admin-login-btn:hover{background:#e3edf8;border-color:#5f81a4}
.public-nav .vip-donate-btn{
  background:#f0f0f0;
  border-color:#9a9a9a;
  color:#111!important;
}
.public-nav .vip-donate-btn:hover{background:#e3e3e3;border-color:#777}
@media(max-width:900px){
  .public-nav .vip-header-action{min-width:88px;min-height:40px;padding:8px 9px;font-size:10px}
}

/* Public header typography */
.public-nav a,.public-nav button{
  font-size:14px!important;
  font-weight:800;
}
.public-nav .vip-header-action{
  font-size:13px!important;
  min-height:42px;
}
.public-nav .vip-header-action.vip-register-btn,
.public-nav .vip-header-action.vip-member-login-btn,
.public-nav .vip-header-action.vip-admin-login-btn,
.public-nav .vip-header-action.vip-donate-btn{
  font-weight:900;
}
.standalone-view #login .container.narrow{
  width:min(1100px,92%);
  max-width:1100px;
}
.standalone-view #login .login-box{
  width:52%;
  margin-left:auto;
  margin-right:auto;
}
.standalone-view #login .section-head{
  width:52%;
  margin-left:auto;
  margin-right:auto;
}
@media(max-width:900px){
  .public-nav a,.public-nav button{font-size:12px!important}
  .public-nav .vip-header-action{font-size:11px!important}
  .standalone-view #login .login-box,
  .standalone-view #login .section-head{
    width:100%;
  }
}

/* Live registration counter: right-top only */
.vip-count-widget{
  left:auto!important;
  right:18px!important;
  position:fixed!important;
}

/* Clean, readable site typography */
body{font-size:17px;line-height:1.72}
p,li,td,th,label,input,select,textarea,button{font-size:inherit;line-height:1.65}
.section-head p,.lead,.muted,.small{line-height:1.7}
.vip-count-widget{left:auto!important;right:18px!important}
.vip-count-label{
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:900!important;
  letter-spacing:.1px;
  white-space:nowrap;
  text-align:center;
  min-width:100%;
}
@media(max-width:700px){
  body{font-size:16px}
  .vip-count-widget{left:auto!important;right:8px!important}
  .vip-count-label{font-size:8px!important}
}


/* Global mandatory-field marker: every required * is clearly red. */
.required-star{color:#d00000!important;font-weight:900!important;margin-left:2px;}
.req{color:#d00000!important;font-weight:900!important;}

/* Registration DOB + age inline */
.dob-age-inline{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.dob-age-inline #dob{flex:0 1 180px}
.age-inline-value{font-weight:700;white-space:nowrap;min-width:90px}

.password-input-wrap{position:relative;display:flex;align-items:center;width:100%}
.password-input-wrap input{width:100%;padding-right:48px}
.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;cursor:pointer;font-size:18px;line-height:1;padding:5px}
.password-toggle:focus{outline:2px solid currentColor;border-radius:5px}


/* VIP HEADER NAVIGATION FIT — keeps the public menu inside the viewport */
html,body{max-width:100%;overflow-x:hidden}
.topbar .nav{width:min(1200px,92%);max-width:100%;min-width:0;flex-wrap:wrap;align-items:center;row-gap:4px}
.topbar .brand{min-width:0;flex:0 1 auto;max-width:220px}
.topbar .public-nav{margin-left:0!important;flex:1 1 0;min-width:0;width:auto;display:flex!important;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:4px!important;overflow:visible}
.topbar .public-nav a,.topbar .public-nav button{flex:0 0 auto;min-width:0;font-size:11px!important;line-height:1.15;padding:6px 7px!important;white-space:nowrap}
.topbar .public-nav .vip-header-action{min-width:0!important;min-height:32px!important;padding:6px 8px!important}
.topbar .public-nav a.vip-register-btn[data-i18n="register"],
.topbar .public-nav a.vip-member-login-btn[data-i18n="memberLogin"]{display:none!important}
.topbar .member-nav{min-width:0;max-width:100%;flex-wrap:wrap;justify-content:flex-start}
.topbar .accessibility-controls{flex:0 0 auto}
@media(max-width:1050px){
  .topbar .nav{width:100%;padding-left:8px;padding-right:8px}
  .topbar .brand{flex:1 1 100%;max-width:none}
  .topbar .public-nav{flex:1 1 100%;width:100%;margin-left:0!important;justify-content:flex-start}
  .topbar .member-nav{flex:1 1 100%;width:100%;justify-content:flex-start}
}
@media(max-width:650px){
  .topbar .public-nav{gap:3px!important}
  .topbar .public-nav a,.topbar .public-nav button{font-size:10px!important;padding:5px 6px!important}
  .topbar .public-nav .vip-header-action{min-height:30px!important;padding:5px 7px!important}
}


/* ===== VIP HOMEPAGE VISUAL REFRESH ===== */
body:not(.admin-mode){--vip-topbar-height:184px}
body:not(.admin-mode) .topbar{
  background:#063b78;
  border-bottom:2px solid #2d8be6;
  color:#fff;
  box-shadow:0 5px 18px rgba(3,39,82,.24);
  backdrop-filter:none;
}
body:not(.admin-mode) .topbar .nav{
  width:min(1880px,98%);
  min-height:184px;
  padding:10px 18px 8px;
  display:flex;
  align-content:center;
  align-items:center;
  gap:8px 14px;
  flex-wrap:wrap;
}
body:not(.admin-mode) .topbar .brand{
  flex:0 0 auto;
  width:255px;
  max-width:255px;
  color:#fff;
  gap:10px;
  font-size:18px;
  line-height:1.1;
}
body:not(.admin-mode) .topbar .brand-logo{
  width:66px;height:66px;flex-basis:66px;border-radius:10px;
  object-fit:contain;background:#fff;
}
body:not(.admin-mode) .topbar .public-nav{
  flex:1 1 0;
  min-width:0;
  width:auto;
  margin-left:0!important;
  display:flex!important;
  align-items:center;
  justify-content:flex-start;
  gap:5px!important;
  flex-wrap:wrap;
}
body:not(.admin-mode) .topbar .public-nav a{
  color:#fff!important;
  font-size:11px!important;
  font-weight:800;
  padding:7px 7px!important;
  border-radius:9px;
  line-height:1.1;
  text-align:center;
}
body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action):hover{
  background:rgba(255,255,255,.12);
}
body:not(.admin-mode) .topbar .public-nav .vip-header-action{
  min-height:40px!important;
  padding:8px 13px!important;
  font-size:12px!important;
  border-radius:10px;
  box-shadow:none;
}
body:not(.admin-mode) .topbar .public-nav .vip-manifesto-btn{
  background:#fff!important;color:#06417e!important;border:1px solid #dcecff;
}
body:not(.admin-mode) .topbar .public-nav .vip-register-btn{
  background:#ffd31a!important;color:#111!important;border:1px solid #ffe46a;
}
body:not(.admin-mode) .topbar .public-nav .vip-member-login-btn{
  background:#fff!important;color:#06417e!important;border:1px solid #dcecff;
}
body:not(.admin-mode) .topbar .member-nav{
  order:5;
  flex:1 1 100%;
  width:100%;
  justify-content:flex-end;
  align-items:center;
  gap:18px;
  padding:2px 6px 0;
}
body:not(.admin-mode) .topbar .member-nav a{
  color:#fff!important;
  font-size:10px;
  font-weight:800;
}
body:not(.admin-mode) .topbar .accessibility-controls{
  order:6;
  margin-left:auto;
}
body:not(.admin-mode) .topbar .access-control{
  background:#fff;color:#063b78;border-radius:8px;border:1px solid #dbe9f8;
}
body:not(.admin-mode) .hero{
  position:relative;
  min-height:590px;
  padding:42px 0 58px;
  overflow:hidden;
  background:
    radial-gradient(circle at 48% 38%,rgba(65,143,229,.13),transparent 26%),
    linear-gradient(180deg,#edf6ff 0%,#f7fbff 72%,#edf7ff 100%);
}
body:not(.admin-mode) .hero:after{
  content:"";
  position:absolute;
  left:-8%;right:-8%;bottom:-80px;height:180px;
  border-radius:50% 50% 0 0;
  background:
    linear-gradient(8deg,transparent 0 36%,rgba(235,108,63,.15) 37% 40%,transparent 41% 52%,rgba(31,159,133,.13) 53% 57%,transparent 58%);
  pointer-events:none;
}
body:not(.admin-mode) .hero-grid{
  position:relative;
  z-index:2;
  width:min(1420px,90%);
  grid-template-columns:1.05fr .95fr;
  gap:58px;
  align-items:center;
}
body:not(.admin-mode) .hero h1{
  max-width:650px;
  font-size:clamp(56px,5.5vw,84px);
  color:#06417e;
  letter-spacing:-3px;
  margin-bottom:20px;
}
body:not(.admin-mode) .hero .lead{
  max-width:720px;
  font-size:19px;
  line-height:1.5;
  color:#536b84;
}
body:not(.admin-mode) .hero .auth-actions{
  margin-top:24px;
}
body:not(.admin-mode) .hero .auth-actions .btn{
  min-height:58px;
  padding:13px 27px;
  border-radius:12px;
  font-size:18px;
}
body:not(.admin-mode) .hero .auth-actions .btn:first-child{
  background:#126bd9;
}
body:not(.admin-mode) .hero .auth-actions .btn-outline{
  background:#fff;
  color:#06417e!important;
  border:1px solid #9dc2e8;
}
body:not(.admin-mode) .hero-visual{
  max-width:620px;
  width:100%;
  justify-self:end;
}
body:not(.admin-mode) .main-card{
  padding:26px;
  min-height:470px;
  border-radius:18px;
  background:rgba(255,255,255,.97);
  border:1px solid #d6e4f2;
  box-shadow:0 18px 48px rgba(17,67,116,.13);
}
body:not(.admin-mode) .main-card .hero-logo-frame{
  width:100%;
  height:360px;
  aspect-ratio:auto;
  margin:10px 0 0;
  padding:18px;
  border-radius:22px;
  background:#fff;
  border:1px solid #d5e2ef;
  box-shadow:none;
}
body:not(.admin-mode) .main-card .hero-brand-logo{
  max-width:100%;max-height:100%;object-fit:contain;
}
body:not(.admin-mode) .vip-count-widget{
  right:30px!important;
  top:calc(var(--vip-topbar-height) + 24px)!important;
  width:220px;
}
body:not(.admin-mode) .floating-language{
  left:30px;
  top:calc(var(--vip-topbar-height) + 26px);
  z-index:120;
}
body:not(.admin-mode) .vip-count-label{
  font-size:10px;
}
@media(max-width:1450px){
  body:not(.admin-mode) .topbar .brand{width:210px;max-width:210px}
  body:not(.admin-mode) .topbar .brand-logo{width:56px;height:56px;flex-basis:56px}
  body:not(.admin-mode) .topbar .public-nav a{font-size:10px!important;padding:6px 5px!important}
  body:not(.admin-mode) .topbar .public-nav .vip-header-action{padding:7px 9px!important;font-size:11px!important}
}
@media(max-width:1050px){
  body:not(.admin-mode) .topbar .nav{
    min-height:150px;
    padding:8px;
  }
  body:not(.admin-mode) .topbar .brand{width:auto;max-width:none;flex:1 1 100%}
  body:not(.admin-mode) .topbar .public-nav{flex:1 1 100%;width:100%}
  body:not(.admin-mode) .topbar .member-nav{flex:1 1 100%}
  body:not(.admin-mode) .hero-grid{grid-template-columns:1fr;gap:28px}
  body:not(.admin-mode) .hero-visual{justify-self:center}
  body:not(.admin-mode) .hero h1{font-size:clamp(48px,8vw,70px)}
  body:not(.admin-mode) .vip-count-widget{right:12px!important}
}
@media(max-width:650px){
  body:not(.admin-mode) .topbar .nav{min-height:170px}
  body:not(.admin-mode) .topbar .public-nav{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
  body:not(.admin-mode) .topbar .member-nav{overflow-x:auto;justify-content:flex-start;flex-wrap:nowrap}
  body:not(.admin-mode) .hero{min-height:650px;padding-top:34px}
  body:not(.admin-mode) .hero-grid{width:92%}
  body:not(.admin-mode) .hero h1{font-size:48px}
  body:not(.admin-mode) .hero .lead{font-size:16px}
  body:not(.admin-mode) .hero .auth-actions{flex-direction:row}
  body:not(.admin-mode) .hero .auth-actions .btn{width:auto;font-size:15px;min-height:50px;padding:11px 17px}
  body:not(.admin-mode) .main-card{min-height:360px;padding:18px}
  body:not(.admin-mode) .main-card .hero-logo-frame{height:250px}
  body:not(.admin-mode) .vip-count-widget{transform:scale(.78);transform-origin:top right;right:4px!important}
  body:not(.admin-mode) .floating-language{left:10px}
}


/* ===== VIP NAV ICONS + ADMIN LOGIN ===== */
body:not(.admin-mode) .topbar .public-nav a{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-height:38px;
}
body:not(.admin-mode) .topbar .public-nav .nav-icon{
  display:inline-grid;
  place-items:center;
  width:19px;
  height:19px;
  flex:0 0 19px;
  font-size:17px;
  line-height:1;
  font-weight:900;
  opacity:.98;
}
body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action) .nav-icon{
  color:#fff;
}
body:not(.admin-mode) .topbar .public-nav .vip-header-action .nav-icon{
  font-size:15px;
}
body:not(.admin-mode) .topbar .public-nav .vip-admin-login-btn{
  background:#0a4f9c!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 3px 10px rgba(0,0,0,.15)!important;
}
body:not(.admin-mode) .topbar .public-nav .vip-admin-login-btn:hover{
  background:#0d63bd!important;
}
body:not(.admin-mode) .topbar .public-nav .vip-donate-btn{
  background:#eaf2ff!important;
  color:#06417e!important;
}
@media(max-width:1450px){
  body:not(.admin-mode) .topbar .public-nav a{
    gap:3px;
    min-height:35px;
    padding:5px 5px!important;
  }
  body:not(.admin-mode) .topbar .public-nav .nav-icon{
    width:16px;height:16px;flex-basis:16px;font-size:14px;
  }
  body:not(.admin-mode) .topbar .public-nav .vip-header-action{
    min-height:36px!important;
    padding:6px 7px!important;
  }
}
@media(max-width:1100px){
  body:not(.admin-mode) .topbar .public-nav{
    overflow-x:auto;
    flex-wrap:nowrap;
    scrollbar-width:none;
  }
  body:not(.admin-mode) .topbar .public-nav::-webkit-scrollbar{display:none}
}


/* Reference-style outline navigation icons */
body:not(.admin-mode) .topbar .public-nav .nav-icon{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.06);
}
body:not(.admin-mode) .topbar .public-nav .nav-icon i{
  font-size:21px;
  line-height:1;
  font-weight:400;
}
body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action){
  flex-direction:column;
  gap:4px;
  min-width:62px;
  padding:4px 5px 5px!important;
}
body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action) .nav-icon{
  width:40px;height:40px;
  background:rgba(255,255,255,.035);
  color:#fff;
}
body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action) .nav-icon i{
  font-size:23px;
}
body:not(.admin-mode) .topbar .public-nav .vip-header-action{
  flex-direction:row;
  gap:8px;
  min-width:auto;
}
body:not(.admin-mode) .topbar .public-nav .vip-header-action .nav-icon{
  width:auto;height:auto;background:none;
}
body:not(.admin-mode) .topbar .public-nav .vip-header-action .nav-icon i{
  font-size:20px;
}
@media(max-width:1450px){
 body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action){min-width:56px}
 body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action) .nav-icon{width:34px;height:34px}
 body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action) .nav-icon i{font-size:20px}
}


/* ===== PUBLIC HEADER: MEMBER/ADMIN CONTROLS VISIBILITY ===== */
body:not(.member-mode):not(.admin-mode) .topbar .member-nav,
body:not(.member-mode):not(.admin-mode) .topbar #memberNav{
  display:none!important;
}
body:not(.admin-mode) .topbar .admin-header-nav,
body:not(.admin-mode) .topbar #adminNav{
  display:none!important;
}
/* Keep member controls available only after authenticated/member mode is active. */
body.member-mode .topbar .member-nav[hidden],
body.admin-mode .topbar .member-nav[hidden]{
  display:none!important;
}
/* Always show the Home icon + label as a vertical reference-style item. */
body:not(.admin-mode) .topbar .public-nav a[href="#home"]{
  display:inline-flex!important;
  flex-direction:column!important;
  align-items:center;
  justify-content:center;
  gap:4px;
}
body:not(.admin-mode) .topbar .public-nav a[href="#home"] .nav-icon{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
}


/* ===== TOP-RIGHT DONATE + ADMIN ACTIONS ===== */
@media(min-width:1051px){
  body:not(.admin-mode) .topbar .public-nav .vip-donate-btn{
    order:50!important;
    margin-left:auto!important;
  }
  body:not(.admin-mode) .topbar .public-nav .vip-admin-login-btn{
    order:51!important;
  }
  body:not(.admin-mode) .topbar .public-nav .vip-donate-btn,
  body:not(.admin-mode) .topbar .public-nav .vip-admin-login-btn{
    flex:0 0 auto!important;
  }
}
@media(max-width:1050px){
  body:not(.admin-mode) .topbar .public-nav .vip-donate-btn,
  body:not(.admin-mode) .topbar .public-nav .vip-admin-login-btn{
    order:50!important;
  }
}


/* ===== REFERENCE HEADER LOCK — single compact row ===== */
@media(min-width:1101px){
  body:not(.admin-mode){--vip-topbar-height:154px}
  body:not(.admin-mode) .topbar{
    height:154px!important;
    min-height:154px!important;
  }
  body:not(.admin-mode) .topbar .nav{
    width:100%!important;
    max-width:none!important;
    height:154px!important;
    min-height:154px!important;
    padding:10px 16px 34px!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:flex-start!important;
    align-content:flex-start!important;
    gap:0!important;
  }
  body:not(.admin-mode) .topbar .brand{
    flex:0 0 205px!important;
    width:205px!important;
    max-width:205px!important;
    height:76px!important;
    margin-top:5px!important;
    gap:7px!important;
    font-size:16px!important;
  }
  body:not(.admin-mode) .topbar .brand-logo{
    width:58px!important;
    height:58px!important;
    flex-basis:58px!important;
    border-radius:7px!important;
  }
  body:not(.admin-mode) .topbar .public-nav{
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    height:76px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:2px!important;
    overflow:visible!important;
  }
  body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action){
    flex:0 0 auto!important;
    min-width:54px!important;
    height:72px!important;
    padding:2px 4px 4px!important;
    gap:2px!important;
    font-size:9px!important;
    line-height:1.05!important;
  }
  body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action) .nav-icon{
    width:32px!important;
    height:32px!important;
    flex:0 0 32px!important;
  }
  body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action) .nav-icon i{
    font-size:19px!important;
  }
  body:not(.admin-mode) .topbar .public-nav .vip-header-action{
    flex:0 0 auto!important;
    min-width:auto!important;
    height:42px!important;
    min-height:42px!important;
    margin-top:14px!important;
    padding:7px 10px!important;
    gap:6px!important;
    font-size:10px!important;
    white-space:nowrap!important;
    border-radius:9px!important;
  }
  body:not(.admin-mode) .topbar .public-nav .vip-header-action .nav-icon i{
    font-size:16px!important;
  }
  body:not(.admin-mode) .topbar .public-nav .vip-donate-btn{
    margin-left:auto!important;
    order:50!important;
  }
  body:not(.admin-mode) .topbar .public-nav .vip-admin-login-btn{
    order:51!important;
  }
  body:not(.admin-mode) .topbar .accessibility-controls{
    position:absolute!important;
    right:14px!important;
    bottom:10px!important;
    z-index:20!important;
    margin:0!important;
  }
  body:not(.admin-mode) .topbar .accessibility-controls button{
    min-width:38px!important;
    min-height:34px!important;
    padding:5px 9px!important;
  }
}


/* ===== FINAL DESKTOP HEADER FIT — reference proportions ===== */
@media(min-width:1101px){
  body:not(.admin-mode) .topbar .nav{
    padding:8px 14px 34px!important;
  }
  body:not(.admin-mode) .topbar .brand{
    flex:0 0 185px!important;
    width:185px!important;
    max-width:185px!important;
    font-size:15px!important;
  }
  body:not(.admin-mode) .topbar .brand-logo{
    width:54px!important;height:54px!important;flex-basis:54px!important;
  }
  body:not(.admin-mode) .topbar .public-nav{
    gap:1px!important;
  }
  body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action){
    min-width:50px!important;
    padding-left:2px!important;
    padding-right:2px!important;
    font-size:9px!important;
  }
  body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action) .nav-icon{
    width:34px!important;height:34px!important;flex-basis:34px!important;
  }
  body:not(.admin-mode) .topbar .public-nav .vip-header-action{
    padding:7px 8px!important;
    font-size:10px!important;
  }
}
@media(min-width:1101px) and (max-width:1400px){
  body:not(.admin-mode) .topbar .brand{
    flex-basis:165px!important;width:165px!important;max-width:165px!important;
    font-size:13px!important;
  }
  body:not(.admin-mode) .topbar .brand-logo{
    width:48px!important;height:48px!important;flex-basis:48px!important;
  }
  body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action){
    min-width:43px!important;
    font-size:8px!important;
  }
  body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action) .nav-icon{
    width:29px!important;height:29px!important;flex-basis:29px!important;
  }
  body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action) .nav-icon i{
    font-size:17px!important;
  }
  body:not(.admin-mode) .topbar .public-nav .vip-header-action{
    padding:6px 6px!important;
    font-size:9px!important;
  }
}


/* ===== REFERENCE 100/100 HEADER — FINAL LOCK ===== */
@media(min-width:1101px){
  body:not(.admin-mode){--vip-topbar-height:154px}
  body:not(.admin-mode) .topbar{
    height:154px!important;
    min-height:154px!important;
    background:#073e7c!important;
    border-bottom:2px solid #5aa7ef!important;
  }
  body:not(.admin-mode) .topbar .nav{
    width:100%!important;
    max-width:none!important;
    height:154px!important;
    min-height:154px!important;
    padding:7px 16px 34px!important;
    gap:0!important;
    flex-wrap:nowrap!important;
    align-items:flex-start!important;
  }
  body:not(.admin-mode) .topbar .brand{
    flex:0 0 205px!important;
    width:205px!important;
    max-width:205px!important;
    height:70px!important;
    margin:4px 8px 0 0!important;
    padding:0!important;
    gap:7px!important;
    font-size:15px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
  }
  body:not(.admin-mode) .topbar .brand-logo{
    width:57px!important;
    height:57px!important;
    flex:0 0 57px!important;
    border-radius:0!important;
    background:transparent!important;
    object-fit:contain!important;
  }
  body:not(.admin-mode) .topbar .public-nav{
    flex:1 1 auto!important;
    width:auto!important;
    height:76px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    gap:1px!important;
    flex-wrap:nowrap!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }
  body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action){
    min-width:54px!important;
    width:54px!important;
    height:70px!important;
    flex:0 0 54px!important;
    padding:1px 2px 3px!important;
    gap:2px!important;
    font-size:9px!important;
    line-height:1.05!important;
  }
  body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action) .nav-icon{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    background:rgba(255,255,255,.035)!important;
  }
  body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action) .nav-icon i{
    font-size:20px!important;
  }
  body:not(.admin-mode) .topbar .public-nav .vip-header-action{
    height:42px!important;
    min-height:42px!important;
    margin:12px 1px 0!important;
    padding:6px 9px!important;
    gap:5px!important;
    font-size:10px!important;
    line-height:1!important;
    white-space:nowrap!important;
    border-radius:9px!important;
  }
  body:not(.admin-mode) .topbar .public-nav .vip-header-action .nav-icon{
    width:auto!important;
    height:auto!important;
    flex:0 0 auto!important;
    background:none!important;
  }
  body:not(.admin-mode) .topbar .public-nav .vip-header-action .nav-icon i{
    font-size:16px!important;
  }
  body:not(.admin-mode) .topbar .public-nav .vip-donate-btn{
    margin-left:auto!important;
    order:50!important;
    background:#ffd21a!important;
    color:#12233d!important;
  }
  body:not(.admin-mode) .topbar .public-nav .vip-admin-login-btn{
    order:51!important;
    background:#073e7c!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.8)!important;
  }
  body:not(.admin-mode) .topbar .accessibility-controls{
    position:absolute!important;
    right:14px!important;
    bottom:9px!important;
    margin:0!important;
    display:flex!important;
    gap:5px!important;
  }
  body:not(.admin-mode) .topbar .accessibility-controls button{
    width:39px!important;
    min-width:39px!important;
    height:35px!important;
    min-height:35px!important;
    padding:4px!important;
    border-radius:8px!important;
  }
}
@media(min-width:1401px){
  body:not(.admin-mode) .topbar .brand{flex-basis:215px!important;width:215px!important;max-width:215px!important}
  body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action){min-width:57px!important;width:57px!important;flex-basis:57px!important}
}
@media(min-width:1101px) and (max-width:1250px){
  body:not(.admin-mode) .topbar .brand{flex-basis:175px!important;width:175px!important;max-width:175px!important;font-size:13px!important}
  body:not(.admin-mode) .topbar .brand-logo{width:50px!important;height:50px!important;flex-basis:50px!important}
  body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action){min-width:47px!important;width:47px!important;flex-basis:47px!important;font-size:8px!important}
  body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action) .nav-icon{width:29px!important;height:29px!important;flex-basis:29px!important}
  body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action) .nav-icon i{font-size:17px!important}
  body:not(.admin-mode) .topbar .public-nav .vip-header-action{padding-left:6px!important;padding-right:6px!important;font-size:9px!important}
}


/* ===== HOME ICON VISIBILITY FIX ===== */
body:not(.admin-mode) .topbar .public-nav a[href="#home"] .nav-icon,
body:not(.admin-mode) .topbar .public-nav a[href="#home"] .nav-icon i{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  color:#fff!important;
}
body:not(.admin-mode) .topbar .public-nav a[href="#home"] .nav-icon{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  place-items:center!important;
  background:rgba(255,255,255,.035)!important;
  border-radius:50%!important;
  position:relative!important;
}
body:not(.admin-mode) .topbar .public-nav a[href="#home"] .nav-icon i{
  font-family:"bootstrap-icons"!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:400!important;
}
body:not(.admin-mode) .topbar .public-nav a[href="#home"]{
  color:#fff!important;
}


/* ===== FINAL HEADER GAP + ACCESSIBILITY FIT ===== */
body:not(.admin-mode) .topbar .public-nav .vip-donate-btn{
  margin-left:6px!important;
  order:50!important;
}
body:not(.admin-mode) .topbar .public-nav .vip-admin-login-btn{
  margin-left:2px!important;
  order:51!important;
}
@media(min-width:1101px){
  body:not(.admin-mode) .topbar .public-nav{
    justify-content:flex-start!important;
  }
  body:not(.admin-mode) .topbar .public-nav .vip-donate-btn{
    margin-left:6px!important;
  }
}
/* Keep A+ scaling inside the viewport instead of making the page wider than the screen. */
html{
  overflow-x:hidden!important;
}
body{
  overflow-x:hidden!important;
}
body[data-font-size]{
  --vip-page-scale:1;
}
body[data-font-size="15"]{--vip-page-scale:1.0714286}
body[data-font-size="16"]{--vip-page-scale:1.1428571}
body[data-font-size="17"]{--vip-page-scale:1.2142857}
body[data-font-size="18"]{--vip-page-scale:1.2857143}
body[data-font-size="19"]{--vip-page-scale:1.3571429}
body[data-font-size="20"]{--vip-page-scale:1.4285714}
body[data-font-size="21"]{--vip-page-scale:1.5}
body[data-font-size="22"]{--vip-page-scale:1.5714286}
body[data-font-size="23"]{--vip-page-scale:1.6428571}
body[data-font-size="24"]{--vip-page-scale:1.7142857}
body[data-font-size="25"]{--vip-page-scale:1.7857143}
body[data-font-size="26"]{--vip-page-scale:1.8571429}
body[data-font-size]{
  width:calc(100% / var(--vip-page-scale));
  max-width:none!important;
  transform-origin:top left;
}


/* ===== PUBLIC NAV GOLD HOVER + ACTIVE STATE ===== */
body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action){
  transition:color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease;
}
body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action):hover,
body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action):focus-visible{
  color:#ffd21a!important;
}
body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action):hover .nav-icon,
body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action):focus-visible .nav-icon{
  color:#ffd21a!important;
  background:rgba(255,210,26,.10)!important;
  box-shadow:0 0 0 1px rgba(255,210,26,.28);
}
body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action).vip-nav-active{
  color:#ffd21a!important;
  text-shadow:0 0 8px rgba(255,210,26,.18);
}
body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action).vip-nav-active .nav-icon{
  color:#ffd21a!important;
  background:rgba(255,210,26,.12)!important;
  box-shadow:0 0 0 1px rgba(255,210,26,.35);
}
body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action).vip-nav-active::after{
  content:"";
  display:block;
  width:70%;
  height:2px;
  margin-top:2px;
  border-radius:2px;
  background:#ffd21a;
}


/* ===== ADMIN NAV GOLD HOVER + ACTIVE STATE ===== */
body.admin-mode .topbar .admin-header-nav a,
body.admin-mode .topbar .admin-header-nav .admin-header-button{
  transition:color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;
}
body.admin-mode .topbar .admin-header-nav a:hover,
body.admin-mode .topbar .admin-header-nav a:focus-visible,
body.admin-mode .topbar .admin-header-nav .admin-header-button:hover,
body.admin-mode .topbar .admin-header-nav .admin-header-button:focus-visible{
  color:#ffd21a!important;
}
body.admin-mode .topbar .admin-header-nav a.vip-admin-nav-active{
  color:#ffd21a!important;
  text-shadow:0 0 8px rgba(255,210,26,.18);
}
body.admin-mode .topbar .admin-header-nav a.vip-admin-nav-active::after{
  content:"";
  display:block;
  width:70%;
  height:2px;
  margin:3px auto 0;
  border-radius:2px;
  background:#ffd21a;
}


/* ===== MEMBER DASHBOARD: FREEZE THE LOGIN-AFTER HEADER OPTIONS ===== */
body.member-login-standalone #memberArea .member-dashboard-top-freeze{
  position:sticky!important;
  top:0!important;
  z-index:100!important;
  background:rgba(248,251,255,.98)!important;
  backdrop-filter:blur(14px);
  box-shadow:0 5px 18px rgba(8,53,98,.10);
}
body.member-login-standalone #memberArea .member-dashboard-top-freeze .section-head{
  position:relative;
  z-index:101;
}
body.member-login-standalone #memberArea .member-dashboard-top-freeze .dashboard-grid{
  position:relative;
  z-index:101;
}
body.member-login-standalone #memberArea .member-dashboard-top-freeze .dash-card{
  box-shadow:0 3px 12px rgba(13,48,88,.06);
}
@media(max-width:700px){
  body.member-login-standalone #memberArea .member-dashboard-top-freeze{
    max-height:72vh;
    overflow:auto;
  }
}


/* ===== MEMBER DASHBOARD TOP OPTIONS — ALWAYS STICKY AFTER LOGIN ===== */
#memberArea .member-dashboard-top-freeze{
  position:sticky!important;
  top:0!important;
  z-index:999!important;
  width:100%!important;
  background:rgba(248,251,255,.985)!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 6px 20px rgba(8,53,98,.12)!important;
  border-bottom:2px solid rgba(7,62,124,.12)!important;
}
#memberArea .member-dashboard-top-freeze .section-head,
#memberArea .member-dashboard-top-freeze .dashboard-grid{
  position:relative!important;
  z-index:1000!important;
}
#memberArea .member-dashboard-top-freeze .section-head{
  background:transparent!important;
}
#memberArea .member-dashboard-top-freeze .dash-card{
  background:rgba(255,255,255,.98)!important;
}


/* ===== MEMBER LOGIN VIP LOGO ===== */
.member-login-logo-wrap{
  display:flex;
  justify-content:center;
  align-items:center;
  margin:0 auto 18px;
}
.member-login-logo{
  width:92px;
  height:92px;
  object-fit:contain;
  display:block;
}


/* ===== MEMBER LOGIN: FREEZE MEMBER-ONLY DASHBOARD OPTIONS ===== */
body.member-authenticated #memberArea .member-dashboard-top-freeze{
  position:fixed!important;
  left:0!important;
  right:0!important;
  top:0!important;
  width:100%!important;
  z-index:4500!important;
  margin:0!important;
  overflow:visible!important;
  background:rgba(248,251,255,.985)!important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  box-shadow:0 8px 24px rgba(8,53,98,.16)!important;
  border-bottom:2px solid rgba(7,62,124,.16)!important;
}
body.member-authenticated #memberArea{
  padding-top:var(--member-freeze-height,460px)!important;
}
body.member-authenticated #memberArea .member-dashboard-top-freeze .dash-card{
  background:#fff!important;
}
@media(max-width:800px){
  body.member-authenticated #memberArea{
    padding-top:var(--member-freeze-height,520px)!important;
  }
  body.member-authenticated #memberArea .member-dashboard-top-freeze{
    max-height:calc(100vh - 90px);
    overflow-y:auto!important;
  }
}


/* ===== MEMBER LOGIN FORM HIDDEN AFTER SUCCESSFUL LOGIN ===== */
body.member-authenticated #login{
  display:none!important;
}
body.member-authenticated #memberArea{
  display:block!important;
}

/* VIP draft/edit controls */
.candidate-action-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}
.candidate-action-row button:disabled{opacity:.55;cursor:not-allowed}
.candidate-draft-status{margin:8px 0 12px;font-weight:600}
form[data-vip-locked="1"] input:not([type="hidden"]),form[data-vip-locked="1"] select,form[data-vip-locked="1"] textarea{background:#f1f3f5!important;cursor:not-allowed!important}

/* Logout confirmation */
#memberNavSignOut,#memberSignOut,#memberSignOutBottom,#adminSignOut,#adminTopLogout{cursor:pointer!important;transition:.18s!important}#memberNavSignOut:hover,#memberNavSignOut:focus-visible,#memberSignOut:hover,#memberSignOut:focus-visible,#memberSignOutBottom:hover,#memberSignOutBottom:focus-visible,#adminSignOut:hover,#adminSignOut:focus-visible,#adminTopLogout:hover,#adminTopLogout:focus-visible{color:#fff!important;background:#d60000!important;border-color:#d60000!important;box-shadow:0 0 0 2px rgba(214,0,0,.18)!important}.vip-logout-modal[hidden]{display:none!important}.vip-logout-modal{position:fixed!important;inset:0!important;z-index:100000!important;display:grid!important;place-items:center!important}.vip-logout-backdrop{position:absolute!important;inset:0!important;background:rgba(0,0,0,.62)!important}.vip-logout-dialog{position:relative!important;width:min(420px,calc(100vw - 32px))!important;padding:26px!important;border-radius:16px!important;background:#fff!important;box-shadow:0 20px 60px rgba(0,0,0,.35)!important;text-align:center!important;border:2px solid #d60000!important}.vip-logout-dialog h3{margin:0 0 10px!important;color:#b00000!important;font-size:22px!important}.vip-logout-dialog p{margin:0 0 22px!important;color:#333!important}.vip-logout-actions{display:flex!important;justify-content:center!important;gap:12px!important}.vip-logout-actions button{min-width:110px!important;min-height:42px!important;padding:9px 20px!important;border-radius:9px!important;font-weight:800!important;cursor:pointer!important}.vip-logout-yes{background:#d60000!important;color:#fff!important;border:2px solid #d60000!important}.vip-logout-no{background:#fff!important;color:#333!important;border:2px solid #777!important}

/* ===== MEMBER DASHBOARD COMPACT FREEZE ===== */
#memberArea .member-dashboard-top-freeze{
  padding-bottom:8px!important;
}
#memberArea .member-dashboard-top-freeze .section-head{
  padding-top:8px!important;
  margin-bottom:8px!important;
}
#memberArea .member-dashboard-top-freeze .section-head .eyebrow{
  margin-bottom:4px!important;
}
#memberArea .member-dashboard-top-freeze .section-head h2{
  margin:0 0 5px!important;
  line-height:1.05!important;
}
#memberArea .member-dashboard-top-freeze .section-head p{
  margin:0 0 7px!important;
}
#memberArea .member-dashboard-top-freeze #memberSignOut{
  min-height:34px!important;
  padding:7px 11px!important;
  margin:0!important;
}
#memberArea .member-dashboard-top-freeze .dashboard-grid{
  gap:10px!important;
}
#memberArea .member-dashboard-top-freeze .dash-card{
  min-height:104px!important;
  padding:14px!important;
}
#memberArea .member-dashboard-top-freeze .dash-card strong{
  margin:6px 0!important;
}
#memberArea .member-dashboard-top-freeze .dash-card small{
  line-height:1.35!important;
}
.message.error{
  color:#b11919!important;
  font-weight:700!important;
}

.donation-method-select-label{display:block!important;margin:0!important}
.donation-method-select-label span{display:block;margin-bottom:6px;font-size:12px;font-weight:800}
#donationMethod{display:block!important;width:100%!important;min-height:44px!important;padding:10px 12px!important;border:1px solid #9fb3cc!important;border-radius:10px!important;background:#fff!important;color:#172033!important;font:inherit!important;font-weight:700!important;opacity:1!important;visibility:visible!important}

.admin-login-shell{max-width:620px;margin:0 auto;padding:20px 0 10px}
.admin-login-brand{display:flex;align-items:center;gap:12px;margin:0 auto 18px;max-width:520px}
.admin-logo-placeholder{width:42px;height:42px;border:2px solid var(--blue);border-radius:8px;display:grid;place-items:center;font-weight:900;color:var(--blue);background:#fff}
.admin-login-brand strong{display:block;color:var(--blue2);font-size:17px}
.admin-login-brand span{display:block;color:#64748b;font-size:11px;margin-top:2px}
.admin-login-card{max-width:520px!important;margin:0 auto!important;padding:28px!important;border:1px solid #c9d8e8!important;background:#fff!important;box-shadow:0 14px 36px rgba(13,48,88,.10)!important}
.admin-login-heading h2{margin:4px 0 8px;font-size:30px;color:var(--blue2)}
.admin-login-heading p{margin:0 0 8px;line-height:1.55;color:#475569}
.admin-login-heading small{color:#64748b}
.admin-login-form{margin-top:22px}
.admin-login-form label{display:block!important;margin-bottom:16px!important;font-weight:800}
.admin-login-form label>span{display:block;margin-bottom:7px}
.admin-login-form input{width:100%!important;box-sizing:border-box!important}
.admin-password-input{position:relative;display:flex;align-items:center}
.admin-password-input input{padding-right:72px!important}
.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:1px solid #cbd5e1;border-radius:7px;background:#fff;padding:6px 9px;font-size:12px;font-weight:800;color:var(--blue2);cursor:pointer}
.admin-login-primary{width:100%!important;margin-top:4px}
.admin-login-secondary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.admin-option-button{min-height:42px;border:1px solid #b9c9da;border-radius:8px;background:#fff;color:var(--blue2);font-weight:800;cursor:pointer;padding:9px 12px}
.admin-option-button:hover,.password-toggle:hover{background:#f1f6fc;border-color:var(--blue)}
.admin-login-footer{text-align:center;color:#64748b;font-size:11px;margin-top:14px}
.admin-option-menu{margin:18px 0 26px;padding:20px;border:1px solid #c9d8e8;border-radius:14px;background:#f8fbff}
.admin-option-menu h2{margin:3px 0 5px;color:var(--blue2)}
.admin-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:16px}
.admin-option-card{min-height:100px;text-align:left;padding:14px;border:1px solid #b9c9da;border-radius:10px;background:#fff;color:#172b44;cursor:pointer;box-shadow:0 3px 10px rgba(13,48,88,.05)}
.admin-option-card strong{display:block;color:var(--blue2);font-size:14px;margin-bottom:6px}
.admin-option-card span{display:block;color:#64748b;font-size:11px;line-height:1.45}
.admin-option-card:hover{border-color:var(--blue);background:#f3f8ff}
.admin-option-focus{outline:3px solid rgba(33,63,134,.20)!important;scroll-margin-top:105px}
@media(max-width:700px){.admin-login-card{padding:20px!important}.admin-option-grid{grid-template-columns:1fr 1fr}.admin-login-secondary{grid-template-columns:1fr}}
@media(max-width:430px){.admin-option-grid{grid-template-columns:1fr}}

.payment-option-note{display:block!important;margin-top:10px!important;padding:9px 12px!important;border:1px solid #e6c85c!important;border-radius:8px!important;background:#fff8d8!important;color:#6b5500!important;font-weight:700!important;line-height:1.45!important}


.payment-option-note{display:block!important;margin-top:10px!important;padding:9px 12px!important;border:1px solid #e6c85c!important;border-radius:8px!important;background:#fff8d8!important;color:#6b5500!important;font-weight:700!important;line-height:1.45!important}
#paymentStepMessage.message.success{display:block!important;margin-top:10px!important;padding:9px 12px!important;border:1px solid #12b76a!important;border-radius:8px!important;background:#ecfdf3!important;color:#067647!important;font-weight:700!important;line-height:1.45!important}

/* Final VIP logo and neutral site watermark */
.brand-logo,.hero-brand-logo,footer .brand-logo,.vip-bottom-bar img{image-rendering:auto}
.site-watermark{position:fixed;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%) rotate(-45deg);font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:clamp(30px,5vw,76px);font-weight:400;letter-spacing:.5px;line-height:1.05;white-space:nowrap;color:#b7cbe0;opacity:.42;pointer-events:none;user-select:none;text-align:center;max-width:92vw;text-transform:none}
@media(max-width:600px){.site-watermark{bottom:48px;font-size:9px;padding:5px 10px}}

/* Hide the public navigation bar after successful member login. */
.member-authenticated .topbar{display:none!important}

.authenticated-member-login-card{width:100%;padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.authenticated-member-login-card h3{margin:4px 0 8px;color:var(--blue2);font-size:26px}.authenticated-member-id{margin:20px 0;padding:18px 20px;border:1px dashed #8aa6c3;border-radius:15px;background:#f4f8fd;text-align:center}.authenticated-member-id span{display:block;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.8px}.authenticated-member-id strong{display:block;margin-top:5px;color:var(--blue2);font-size:32px;letter-spacing:1px}.authenticated-member-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.authenticated-member-summary span{padding:12px;border:1px solid var(--line);border-radius:12px;background:#fbfdff;font-size:12px}.authenticated-member-summary b{display:block;color:var(--blue2);margin-bottom:3px}@media(max-width:700px){.authenticated-member-summary{grid-template-columns:1fr}.authenticated-member-id strong{font-size:25px}}


/* ===== VIP HEADER LOGO SIZE LOCK ===== */
@media(min-width:1101px){
  body:not(.admin-mode){--vip-topbar-height:120px}
  body:not(.admin-mode) .topbar{height:120px!important;min-height:120px!important;overflow:hidden!important}
  body:not(.admin-mode) .topbar .nav{height:120px!important;min-height:120px!important;padding:8px 16px!important;align-items:center!important;align-content:center!important}
  body:not(.admin-mode) .topbar .brand{flex:0 0 235px!important;width:235px!important;max-width:235px!important;height:100px!important;margin:0!important;gap:8px!important;align-items:center!important}
  body:not(.admin-mode) .topbar .brand-logo{width:94px!important;height:94px!important;flex:0 0 94px!important;max-width:none!important;border-radius:0!important;background:transparent!important;object-fit:contain!important}
  body:not(.admin-mode) .topbar .public-nav{height:100px!important;align-items:center!important;gap:3px!important;overflow:hidden!important}
  body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action){height:78px!important;min-width:54px!important;padding:4px 5px!important;justify-content:center!important}
  body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action) .nav-icon{width:40px!important;height:40px!important;flex-basis:40px!important}
  body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action) .nav-icon i{font-size:22px!important}
}
@media(min-width:1101px) and (max-width:1400px){
  body:not(.admin-mode) .topbar .brand{flex-basis:215px!important;width:215px!important;max-width:215px!important}
  body:not(.admin-mode) .topbar .brand-logo{width:88px!important;height:88px!important;flex-basis:88px!important}
}
@media(max-width:1100px){body:not(.admin-mode) .topbar .brand-logo{width:76px!important;height:76px!important;flex-basis:76px!important}}
@media(max-width:650px){body:not(.admin-mode) .topbar .brand-logo{width:58px!important;height:58px!important;flex-basis:58px!important}}



/* ===== FINAL DESKTOP HEADER FIT AFTER LOGO UPDATE ===== */
@media(min-width:1101px){
  body:not(.admin-mode){--vip-topbar-height:120px}
  body:not(.admin-mode) .topbar{height:120px!important;min-height:120px!important;overflow:hidden!important}
  body:not(.admin-mode) .topbar .nav{height:120px!important;min-height:120px!important;padding:6px 12px!important;gap:0!important;align-items:center!important;flex-wrap:nowrap!important}
  body:not(.admin-mode) .topbar .brand{flex:0 0 112px!important;width:112px!important;max-width:112px!important;height:100px!important;margin:0!important;gap:0!important;align-items:center!important}
  body:not(.admin-mode) .topbar .brand-logo{width:94px!important;height:94px!important;flex:0 0 94px!important;max-width:none!important;border-radius:0!important;background:transparent!important;object-fit:contain!important}
  body:not(.admin-mode) .topbar .public-nav{flex:1 1 auto!important;width:auto!important;min-width:0!important;height:100px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;overflow:hidden!important}
  body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action){min-width:48px!important;width:48px!important;height:74px!important;padding:3px 1px!important;gap:1px!important;font-size:8px!important;line-height:1!important}
  body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action) .nav-icon{width:34px!important;height:34px!important;flex:0 0 34px!important}
  body:not(.admin-mode) .topbar .public-nav a:not(.vip-header-action) .nav-icon i{font-size:19px!important}
  body:not(.admin-mode) .topbar .public-nav .vip-header-action{height:42px!important;min-height:42px!important;margin-top:0!important;padding:6px 7px!important;font-size:9px!important;gap:4px!important}
  body:not(.admin-mode) .topbar .public-nav .vip-header-action .nav-icon{width:18px!important;height:18px!important;flex-basis:18px!important}
  body:not(.admin-mode) .topbar .public-nav .vip-header-action .nav-icon i{font-size:13px!important}
}

.admin-option-card{min-height:86px;text-align:left!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:5px!important}.admin-option-card strong{font-size:15px}.admin-option-card span{font-size:12px;line-height:1.4;color:var(--muted)}.admin-section-back{margin:0 0 14px!important}.admin-option-focus{outline:3px solid rgba(33,63,134,.18);outline-offset:3px}@media(max-width:700px){.admin-option-grid{grid-template-columns:1fr!important}.admin-option-card{min-height:72px}}


/* ===== FINAL ADMIN REPORT TABLE THEME ===== */
.vip-admin-report-shell{margin:0 0 16px;border:1px solid #cfdeec;border-radius:10px;background:#fff;overflow:hidden}
.vip-admin-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:12px 12px 9px;background:#fff}
.vip-show-entries,.vip-table-search{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#334a63}
.vip-show-entries select,.vip-table-search input,.vip-location-filter select{min-height:34px;border:1px solid #b9cbe0;border-radius:5px;background:#fff;color:#172b44;padding:6px 9px;font:inherit;font-size:12px}
.vip-show-entries select{min-width:68px}
.vip-table-search input{min-width:220px}
.vip-location-filter-row{display:flex;gap:8px;flex-wrap:wrap;padding:0 12px 11px;background:#fff}
.vip-location-filter{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:#425b74}
.vip-admin-report-shell>.table-scroll{border:0;border-radius:0;max-height:620px;overflow:auto}
.vip-admin-report-shell>table,.vip-admin-report-shell>.table-scroll>table{width:100%;min-width:700px;border-collapse:collapse}
.vip-admin-report-shell table thead th{background:#213f86!important;color:#fff!important;border:1px solid #173b78!important;font-weight:800!important;font-size:12px!important;padding:9px 10px!important;white-space:nowrap}
.vip-admin-report-shell table tbody td{border:1px solid #d4e0eb!important;padding:8px 10px!important;color:#172b44!important;font-size:12px!important;vertical-align:top;background:#fff}
.vip-admin-report-shell table tbody tr:nth-child(even) td{background:#e7f1fa!important}
.vip-admin-report-shell table tbody tr:hover td{background:#d8e9f8!important}
.vip-admin-report-shell table thead th{cursor:pointer;user-select:none}
.vip-table-meta{padding:8px 12px 9px;font-size:11px;font-weight:700;color:#60748b;background:#fff;border-top:1px solid #edf2f7}
.vip-table-export-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:10px 12px;background:#fff;border-top:1px solid #dfe8f1}
.vip-export-btn{min-height:34px;padding:7px 14px;border-radius:5px;border:1px solid #213f86;background:#213f86;color:#fff;font-size:11px;font-weight:800;cursor:pointer}
.vip-export-btn:hover{background:#17407f}
@media(max-width:700px){
  .vip-admin-table-toolbar{align-items:stretch;flex-direction:column}
  .vip-table-search input{min-width:0;width:100%}
  .vip-table-search{width:100%}
  .vip-show-entries{justify-content:flex-start}
  .vip-admin-report-shell>.table-scroll{max-height:520px}
  .vip-table-export-actions{justify-content:flex-start;flex-wrap:wrap}
}

/* ===== PUBLIC PAGE SCROLL / CLICK FIX ===== */
main{position:relative;z-index:1}
body:not(.admin-mode) .topbar{z-index:5000;pointer-events:auto}
body:not(.admin-mode) .vip-count-widget{pointer-events:none}
body:not(.admin-mode) .floating-language{pointer-events:none}
body:not(.admin-mode) .floating-language select,
body:not(.admin-mode) .floating-language button{pointer-events:auto}
body:not(.admin-mode) main,
body:not(.admin-mode) main section,
body:not(.admin-mode) main section *{pointer-events:auto}
body:not(.admin-mode) .site-watermark{pointer-events:none!important}



.vip-pagination{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap;padding:8px 12px 10px;background:#fff}
.vip-pagination button{min-width:34px;min-height:32px;padding:6px 9px;border:1px solid #b8cbe0;border-radius:5px;background:#fff;color:#213f86;font-size:11px;font-weight:800;cursor:pointer}
.vip-pagination button.active{background:#213f86;color:#fff;border-color:#213f86}
.vip-pagination button:disabled{opacity:.45;cursor:not-allowed}
.vip-pagination button:hover:not(:disabled):not(.active){background:#eef5ff}


/* VIP FINAL UI PATCH */
body.admin-mode .topbar{position:static!important;top:auto!important;left:auto!important;right:auto!important;z-index:10!important}
body.admin-mode{padding-top:0!important}
body.admin-mode #admin{padding-top:0!important}
body.admin-mode #adminNav{position:static!important}
.admin-option-card.active{border-color:#0d4da8!important;box-shadow:0 0 0 2px rgba(13,77,168,.12)}
.vip-poll-dock{position:fixed;right:14px;top:120px;width:min(370px,calc(100vw - 28px));max-height:calc(100vh - 140px);overflow:auto;z-index:7000;background:#fff;border:1px solid #d9e2f0;border-radius:18px;box-shadow:0 18px 44px rgba(13,48,88,.22)}
.vip-poll-dock-head{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:11px 14px;background:#0d4da8;color:#fff;z-index:2}
.vip-poll-dock-head button{border:0;background:transparent;color:#fff;font-size:22px;cursor:pointer}
.vip-public-poll{padding:15px;border-bottom:1px solid #e5eaf2}
.vip-public-poll:last-child{border-bottom:0}
.vip-public-poll h4{margin:6px 0 9px;font-size:16px;line-height:1.35}
.vip-poll-status{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef5ff;color:#0d4da8;font-size:11px;font-weight:800}
.vip-poll-dates{display:flex;flex-direction:column;gap:3px;font-size:11px;color:#63758b;margin-bottom:10px}
.vip-poll-options{display:grid;gap:7px;margin:10px 0}
.vip-poll-options label{display:flex;gap:8px;align-items:flex-start;padding:8px;border:1px solid #dbe4ef;border-radius:9px;cursor:pointer}
.vip-poll-email{display:block;font-size:12px;font-weight:700;margin:10px 0}.vip-poll-email input{display:block;width:100%;margin-top:5px;padding:9px;border:1px solid #ccd8e8;border-radius:8px}
.vip-poll-message{margin-top:8px;font-size:12px}.vip-poll-results{display:grid;gap:8px;margin-top:10px;font-size:12px}
.vip-poll-result>div:first-child{display:flex;justify-content:space-between;gap:10px}.vip-poll-bar{height:6px;background:#edf1f6;border-radius:99px;overflow:hidden;margin:4px 0}.vip-poll-bar i{display:block;height:100%;background:#0d4da8}
.vip-poll-results-mini{display:grid;gap:3px;margin-top:10px;font-size:11px;color:#4f6278}
.poll-options-editor{display:grid;gap:8px;margin:8px 0 12px}.poll-option-row{display:flex;gap:8px}.poll-option-row input{flex:1}.poll-admin-report-card{border:1px solid #dce5f0;border-radius:12px;padding:14px;margin:10px 0}.poll-admin-report-card table{width:100%;border-collapse:collapse}.poll-admin-report-card th,.poll-admin-report-card td{padding:7px;border-bottom:1px solid #e5eaf2;text-align:left;font-size:12px}
.voice-recorder{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.voice-recorder audio{max-width:100%}.voice-language-grid{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.voice-lang-chip{border:1px solid #cfdbea;background:#fff;border-radius:999px;padding:7px 10px;cursor:pointer;font-size:11px}.voice-lang-chip:hover{border-color:#0d4da8}.voice-admin-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px;border-bottom:1px solid #e5eaf2}.voice-admin-row strong{flex:1 1 240px}
@media(max-width:700px){
  .vip-poll-dock{right:8px;left:8px;top:78px;width:auto;max-height:calc(100vh - 88px)}
  .floating-language{display:flex!important;left:8px!important;top:76px!important;z-index:7100!important}
  .language-home{display:flex!important}
  .vip-poll-dock-head{padding:9px 11px}
  .vip-public-poll{padding:12px}
}

.voice-public-list{display:grid;gap:14px;max-width:900px;margin:0 auto}.voice-public-card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:16px;box-shadow:var(--shadow);display:grid;gap:10px}.voice-public-card h3{margin:3px 0}.voice-public-card audio{width:100%}.voice-public-text{margin:0;color:var(--muted);line-height:1.6;white-space:pre-wrap}

/* ===== VIP ADMIN AUTH HEADER VISIBILITY FIX =====
   After successful Admin login, never show the public navigation.
   Show only the Admin navigation in the header. */
body.admin-mode .topbar #publicNav,
body.admin-authenticated .topbar #publicNav,
body.admin-mode .topbar #memberNav,
body.admin-authenticated .topbar #memberNav{
  display:none!important;
}
body.admin-mode .topbar #adminNav,
body.admin-authenticated .topbar #adminNav{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  flex:1 1 100%!important;
  width:100%!important;
  flex-wrap:wrap!important;
  overflow:visible!important;
  margin-left:0!important;
}
body.admin-mode .topbar,
body.admin-authenticated .topbar{
  display:block!important;
}
body.admin-mode .topbar .nav,
body.admin-authenticated .topbar .nav{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  align-content:center!important;
}
body.admin-mode #publicMemberCount,
body.admin-authenticated #publicMemberCount,
body.admin-mode .vip-poll-dock,
body.admin-authenticated .vip-poll-dock{
  display:none!important;
}

/* VIP ADMIN LOGIN STANDALONE ROUTE: show only Admin Login content before authentication. */
body.admin-login-route main > section:not(#admin),
body.admin-login-route #publicMemberCount,
body.admin-login-route .vip-poll-dock,
body.admin-login-route .floating-language,
body.admin-login-route .language-home,
body.admin-login-route .accessibility-controls,
body.admin-login-route .site-watermark,
body.admin-login-route #vipBottomBar,
body.admin-login-route footer{display:none!important}
body.admin-login-route main > section#admin{display:block!important;min-height:calc(100vh - 86px)}


/* ===== FINAL ADMIN PAGE BEHAVIOUR FIX ===== */
body.admin-mode .topbar,
body.admin-authenticated .topbar{
  position:sticky!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:5000!important;
}
body.admin-mode .topbar #publicNav,
body.admin-authenticated .topbar #publicNav,
body.admin-mode .topbar #memberNav,
body.admin-authenticated .topbar #memberNav{
  display:none!important;
}
body.admin-mode .topbar #adminNav,
body.admin-authenticated .topbar #adminNav{
  display:flex!important;
}
body.admin-mode .floating-language,
body.admin-mode .language-home,
body.admin-mode .accessibility-controls,
body.admin-authenticated .floating-language,
body.admin-authenticated .language-home,
body.admin-authenticated .accessibility-controls,
body.admin-authenticated #language,
body.admin-authenticated #languageFloating,
body.admin-authenticated #languageRegistration,
body.admin-mode #language,
body.admin-mode #languageFloating,
body.admin-mode #languageRegistration{
  display:none!important;
}
body.admin-mode #adminPanel > .admin-option-menu[hidden],
body.admin-authenticated #adminPanel > .admin-option-menu[hidden]{
  display:none!important;
}
body.admin-mode #adminPanel > .admin-option-menu:not([hidden]){
  display:block!important;
}
body.admin-mode .admin-option-focus,
body.admin-authenticated .admin-option-focus{
  scroll-margin-top:130px!important;
}


/* VIP ADMIN CLEAN CONTROL CENTRE */
body.admin-mode #admin > .container > .section-head,
body.admin-authenticated #admin > .container > .section-head,
body.admin-mode #admin > .container > .admin-login-shell,
body.admin-authenticated #admin > .container > .admin-login-shell{
  display:none!important;
}
body.admin-mode #adminPanel{
  min-height:calc(100vh - 134px)!important;
}
body.admin-mode #adminPanel > *{
  display:none!important;
}
body.admin-mode #adminPanel > #adminOptionMenu.admin-open-target,
body.admin-mode #adminPanel > *.admin-open-target{
  display:block!important;
}
body.admin-mode .admin-option-menu{
  margin-top:0!important;
  padding:18px!important;
}
body.admin-mode .admin-option-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
body.admin-mode .admin-option-card{
  min-height:60px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:10px 12px!important;
}
body.admin-mode .admin-option-card strong{
  margin:0!important;
  font-size:12px!important;
  line-height:1.25!important;
}
body.admin-mode .admin-option-card span{display:none!important}
body.admin-mode .topbar,
body.admin-authenticated .topbar{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:7000!important;
}
body.admin-mode .topbar .nav,
body.admin-authenticated .topbar .nav{
  position:relative!important;
  height:134px!important;
  min-height:134px!important;
  padding:0 16px!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:flex-start!important;
}
body.admin-mode #adminNav,
body.admin-authenticated #adminNav{
  position:absolute!important;
  top:76px!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  height:58px!important;
  min-height:58px!important;
  max-height:58px!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  padding:6px 10px!important;
  margin:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  white-space:nowrap!important;
  background:#fff!important;
  border-top:1px solid var(--line)!important;
  border-bottom:1px solid var(--line)!important;
  z-index:7001!important;
}
body.admin-mode #adminNav>a,
body.admin-mode #adminNav>.admin-header-button{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  margin:0!important;
}
body.admin-mode,
body.admin-authenticated{
  padding-top:134px!important;
}
@media(max-width:900px){
  body.admin-mode .admin-option-grid,
  body.admin-authenticated .admin-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:600px){
  body.admin-mode .topbar .nav,
  body.admin-authenticated .topbar .nav{height:134px!important;min-height:134px!important;padding:0 8px!important}
  body.admin-mode .admin-option-grid,
  body.admin-authenticated .admin-option-grid{grid-template-columns:1fr!important}
  body.admin-mode #adminNav,
  body.admin-authenticated #adminNav{top:76px!important;height:58px!important;min-height:58px!important;max-height:58px!important;flex-wrap:nowrap!important;overflow-x:auto!important}
}


/* VIP ADMIN NAV SIZE TUNE — compact buttons, 18px text, single frozen row */
body.admin-mode .topbar #adminNav,
body.admin-authenticated .topbar #adminNav{
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  white-space:nowrap!important;
  align-items:center!important;
  height:58px!important;
  min-height:58px!important;
  max-height:58px!important;
  padding:5px 8px!important;
  gap:4px!important;
}
body.admin-mode .topbar #adminNav>a,
body.admin-mode .topbar #adminNav>.admin-header-button,
body.admin-authenticated .topbar #adminNav>a,
body.admin-authenticated .topbar #adminNav>.admin-header-button{
  flex:0 0 auto!important;
  min-height:40px!important;
  height:40px!important;
  padding:4px 8px!important;
  font-size:18px!important;
  line-height:1.15!important;
  font-weight:800!important;
  white-space:nowrap!important;
  margin:0!important;
}
@media(max-width:600px){
  body.admin-mode .topbar #adminNav,
  body.admin-authenticated .topbar #adminNav{
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    padding:5px 6px!important;
    gap:3px!important;
  }
  body.admin-mode .topbar #adminNav>a,
  body.admin-mode .topbar #adminNav>.admin-header-button,
  body.admin-authenticated .topbar #adminNav>a,
  body.admin-authenticated .topbar #adminNav>.admin-header-button{
    min-height:40px!important;
    height:40px!important;
    padding:4px 7px!important;
    font-size:18px!important;
  }
}


/* VIP ADMIN NAV TEXT SIZE — 14px */
body.admin-mode .topbar #adminNav>a,
body.admin-mode .topbar #adminNav>.admin-header-button,
body.admin-authenticated .topbar #adminNav>a,
body.admin-authenticated .topbar #adminNav>.admin-header-button{
  font-size:14px!important;
}
@media(max-width:600px){
  body.admin-mode .topbar #adminNav>a,
  body.admin-mode .topbar #adminNav>.admin-header-button,
  body.admin-authenticated .topbar #adminNav>a,
  body.admin-authenticated .topbar #adminNav>.admin-header-button{
    font-size:14px!important;
  }
}


/* VIP ADMIN NAV TEXT SIZE — 10px */
body.admin-mode .topbar #adminNav>a,
body.admin-mode .topbar #adminNav>.admin-header-button,
body.admin-authenticated .topbar #adminNav>a,
body.admin-authenticated .topbar #adminNav>.admin-header-button{
  font-size:10px!important;
}
@media(max-width:600px){
  body.admin-mode .topbar #adminNav>a,
  body.admin-mode .topbar #adminNav>.admin-header-button,
  body.admin-authenticated .topbar #adminNav>a,
  body.admin-authenticated .topbar #adminNav>.admin-header-button{
    font-size:10px!important;
  }
}


/* VIP ADMIN NAV TEXT SIZE — 6px */
body.admin-mode .topbar #adminNav>a,
body.admin-mode .topbar #adminNav>.admin-header-button,
body.admin-authenticated .topbar #adminNav>a,
body.admin-authenticated .topbar #adminNav>.admin-header-button{
  font-size:6px!important;
}
@media(max-width:600px){
  body.admin-mode .topbar #adminNav>a,
  body.admin-mode .topbar #adminNav>.admin-header-button,
  body.admin-authenticated .topbar #adminNav>a,
  body.admin-authenticated .topbar #adminNav>.admin-header-button{
    font-size:6px!important;
  }
}


/* VIP ADMIN NAV WRAP — no horizontal swipe/overflow */
body.admin-mode .topbar,
body.admin-authenticated .topbar{
  overflow:hidden!important;
}
body.admin-mode .topbar .nav,
body.admin-authenticated .topbar .nav{
  height:auto!important;
  min-height:134px!important;
  overflow:hidden!important;
}
body.admin-mode #adminNav,
body.admin-authenticated #adminNav{
  top:76px!important;
  height:auto!important;
  min-height:58px!important;
  max-height:none!important;
  flex-flow:row wrap!important;
  align-content:center!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow-x:hidden!important;
  overflow-y:hidden!important;
  white-space:normal!important;
  padding:5px 8px!important;
  gap:4px!important;
}
body.admin-mode #adminNav>a,
body.admin-mode #adminNav>.admin-header-button,
body.admin-authenticated #adminNav>a,
body.admin-authenticated #adminNav>.admin-header-button{
  flex:0 1 auto!important;
  white-space:normal!important;
  max-width:100%!important;
  min-height:30px!important;
  height:auto!important;
  overflow-wrap:anywhere!important;
}
body.admin-mode,
body.admin-authenticated{
  padding-top:134px!important;
}
@media(max-width:600px){
  body.admin-mode .topbar .nav,
  body.admin-authenticated .topbar .nav{
    min-height:134px!important;
    height:auto!important;
    padding:0 6px!important;
  }
  body.admin-mode #adminNav,
  body.admin-authenticated #adminNav{
    top:76px!important;
    min-height:58px!important;
    height:auto!important;
    max-height:none!important;
    flex-wrap:wrap!important;
    overflow-x:hidden!important;
    overflow-y:hidden!important;
    white-space:normal!important;
    padding:4px 6px!important;
    gap:3px!important;
  }
  body.admin-mode #adminNav>a,
  body.admin-mode #adminNav>.admin-header-button,
  body.admin-authenticated #adminNav>a,
  body.admin-authenticated #adminNav>.admin-header-button{
    min-height:28px!important;
    height:auto!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
}