/* MVOTE 6.0 — Consistent operations design system. Presentation only; no API/DB changes. */
:root{
 --mv6-navy:#122440;--mv6-blue:#245bdf;--mv6-blue-soft:#edf3ff;
 --mv6-text:#1e293b;--mv6-muted:#64748b;--mv6-line:#e2e8f0;
 --mv6-bg:#f4f6fa;--mv6-success:#147a5b;--mv6-warning:#b76c12;
 --mv6-danger:#c03948;--mv6-radius:14px;
 --bg:#f4f6fa;--ink:#1e293b;--muted:#64748b;--line:#e1e7f0;
 --brand:#245bdf;--brand-2:#3a74f1;--radius:14px;
 --shadow:0 5px 24px rgba(16,35,67,.045);--shadow-sm:0 2px 12px rgba(16,35,67,.045);
}
html{scroll-behavior:smooth}
body.mv6-admin,body.mv6-public{background:var(--mv6-bg);color:var(--mv6-text);font-size:14px;line-height:1.52}
body.mv6-admin .container,body.mv6-public .container{max-width:1340px;margin:0 auto;padding-left:clamp(14px,2.1vw,30px);padding-right:clamp(14px,2.1vw,30px)}
/* Unified corporate application header */
body.mv6-admin .topbar,body.mv6-public .topbar{background:var(--mv6-navy)!important;box-shadow:0 3px 18px rgba(14,29,52,.11);border-bottom:1px solid rgba(255,255,255,.08)}
body.mv6-admin .topbar .inner,body.mv6-public .topbar .inner{max-width:1340px!important;min-height:76px;padding:11px clamp(14px,2.1vw,30px);gap:20px!important}
body.mv6-admin .brand,body.mv6-public .brand{gap:12px!important}
body.mv6-admin .brand-logo-wrap.wide,body.mv6-public .brand-logo-wrap.wide{width:177px!important;height:48px!important;border-radius:10px!important;padding:5px 9px!important;box-shadow:none!important;flex-shrink:0}
body.mv6-admin .brand-title,body.mv6-public .brand-title{font-size:13px!important;font-weight:700!important;color:#d5e1f7!important;white-space:normal!important;letter-spacing:-.1px}
body.mv6-admin .topbar-nav{gap:7px!important}
body.mv6-admin .topbar-nav .btn{border:1px solid rgba(255,255,255,.13)!important;background:transparent!important;color:#d7e2f5!important;border-radius:9px!important;padding:9px 13px!important;font-size:13px!important;font-weight:700!important;box-shadow:none!important}
body.mv6-admin .topbar-nav .btn.nav-active,body.mv6-admin .topbar-nav .btn:hover{background:rgba(255,255,255,.13)!important;color:white!important}
body.mv6-admin .topbar-user .badge{background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.12)!important;color:white!important;padding:6px!important;border-radius:10px}
body.mv6-admin .topbar-user .btn{background:rgba(255,255,255,.12)!important;color:white!important;border-color:rgba(255,255,255,.15)!important}
.mv6-location{display:flex;gap:8px;align-items:center;color:var(--mv6-muted);font-size:12px;font-weight:650;margin:4px 0 14px}
.mv6-location strong{color:#344866}
/* Clean surfaces, unified sections */
body.mv6-admin .card,body.mv6-public .card{background:#fff;border:1px solid var(--mv6-line)!important;border-radius:16px!important;box-shadow:var(--shadow)!important;overflow:hidden}
body.mv6-admin .card .hd,body.mv6-public .card .hd{background:#fff!important;border-bottom:1px solid #edf0f5;padding:18px 22px!important}
body.mv6-admin .card .bd,body.mv6-public .card .bd{padding:20px 22px}
body.mv6-admin h1,body.mv6-admin h2,body.mv6-admin h3{color:#142943;letter-spacing:-.45px}
body.mv6-admin h1{font-size:26px;line-height:1.24}
body.mv6-admin h2{font-size:21px;line-height:1.3}
body.mv6-admin h3{font-size:16px}
body.mv6-admin .note,body.mv6-public .note{color:#66768b;line-height:1.6}
body.mv6-admin .btn,body.mv6-public .btn{border-radius:10px;box-shadow:none;min-height:36px;transition:background .15s,border-color .15s,box-shadow .15s}
body.mv6-admin .btn.primary,body.mv6-public .btn.primary,body.mv6-admin button.primary{background:#245bdf!important;border-color:#245bdf!important;color:#fff!important;box-shadow:none!important}
body.mv6-admin .btn.primary:hover,body.mv6-public .btn.primary:hover{background:#194bc0!important}
body.mv6-admin input:not([type=checkbox]):not([type=radio]),body.mv6-admin select,body.mv6-admin textarea,
body.mv6-public input:not([type=checkbox]):not([type=radio]),body.mv6-public select,body.mv6-public textarea{border-radius:10px;border:1px solid #dce4ef;background:#fff;color:#23344b;box-shadow:none;min-height:38px}
body.mv6-admin input:focus-visible,body.mv6-admin select:focus-visible,body.mv6-admin button:focus-visible,body.mv6-admin a:focus-visible,
body.mv6-public input:focus-visible,body.mv6-public button:focus-visible{outline:3px solid rgba(36,91,223,.28)!important;outline-offset:2px}
body.mv6-admin label{font-weight:700;color:#45576f}
/* One visual language for stats, regardless of source page */
body.mv6-admin .stage-main,body.mv6-admin .stage-guide,body.mv6-admin .manage-bar,
body.mv6-admin .status-card,body.mv6-admin .stage-mini{background:#fff!important;border:1px solid #e1e7f0!important;border-radius:13px!important;box-shadow:none!important}
body.mv6-admin .stage-guide{background:#f8fafc!important}
body.mv6-admin .stage-title{font-size:24px!important;letter-spacing:-.6px!important;color:#142943!important}
body.mv6-admin .stage-mini .v,body.mv6-admin .status-card .v{color:#1f3e69}
body.mv6-admin .stage-mini.good .v,body.mv6-admin .status-card.good .v{color:#147a5b}
body.mv6-admin .stage-mini.bad .v,body.mv6-admin .status-card.bad .v{color:#ba3746}
body.mv6-admin .stage-sub,body.mv6-admin .stage-guide .guide-sub{color:#64748b!important;font-weight:500!important}
body.mv6-admin .stage-head{gap:12px}
/* Data tables: important records first, prevent the entire page growing horizontally */
body.mv6-admin table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}
body.mv6-admin th{background:#f7f9fc!important;color:#4b5e77!important;font-weight:750!important;white-space:nowrap;border-bottom:1px solid #e1e7f0}
body.mv6-admin td{color:#33445b;border-bottom:1px solid #eef1f6;vertical-align:middle}
body.mv6-admin tr:hover td{background:#f9fbff}
body.mv6-admin th,body.mv6-admin td{padding:11px 12px}
body.mv6-admin .table-wrap,body.mv6-admin .table-scroll,body.mv6-admin .table-responsive{max-width:100%;overflow-x:auto;scrollbar-width:thin}
body.mv6-admin .quick-filters{gap:7px!important}
body.mv6-admin .quick-filters .btn{min-width:0!important;padding:9px 12px}
body.mv6-admin .quick-filters .btn.active{background:#245bdf!important;box-shadow:none!important}
/* Stepper is navigation, not a decorative collection of pills */
body.mv6-admin .stepper{border-radius:12px}
body.mv6-admin .pill{border-radius:9px}
/* Reduce harsh decorative gradients on all administrative cards */
body.mv6-admin .card,body.mv6-admin .stage-main{backdrop-filter:none}
/* Public voting is a distinct, calm mobile-first experience */
body.mv6-public.voter{background:#f5f7fb}
body.mv6-public.voter .container{max-width:740px}
body.mv6-public.voter .qcard,body.mv6-public.voter .voter-hero{border-radius:15px!important;box-shadow:0 4px 18px rgba(16,35,67,.06)!important}
/* smaller devices */
@media (max-width:960px){
 body.mv6-admin .topbar .inner{flex-wrap:wrap!important}
 body.mv6-admin .topbar-nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:4px}
 body.mv6-admin .topbar-nav .btn{white-space:nowrap}
 body.mv6-admin .stage-head{grid-template-columns:1fr!important}
}
@media (max-width:640px){
 body.mv6-admin .card .bd,body.mv6-public .card .bd{padding:15px!important}
 body.mv6-admin .card .hd{padding:14px 15px!important}
 body.mv6-admin .brand-logo-wrap.wide,body.mv6-public .brand-logo-wrap.wide{width:132px!important;height:41px!important}
 body.mv6-admin .stage-title{font-size:21px!important}
 body.mv6-admin .topbar-user{margin-left:auto}
 body.mv6-admin table{font-size:12px}
 body.mv6-admin th,body.mv6-admin td{padding:9px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
