/* GIRLS MOVE · gm-ui.css — padrão visual C2 "Aurora + vidro Apple" (GMUI-0111, 01/11/2026)
   Compartilhado por condutora.php, admin.php e index.php (a passageira.php tem o mesmo padrão embutido).
   Regra: o tema claro é o padrão (html.light); o escuro "Velvet Night" continua disponível no 🌙.
   Fontes: Sora (títulos/números) + Quicksand (texto). */
html.light body{--ink:#FBF7FF;--ink2:#FFFFFF;--txt:#2B1E3A;--mut:#8C7FA8;--roxo:#8B5CF6;--vio:#8B5CF6;--mag:#E85D9F;
 --line:rgba(255,255,255,.55);--line2:rgba(255,255,255,.75);--glass:rgba(255,255,255,.38);--glass2:rgba(255,255,255,.55);--verde:#16A34A;--gold:#B4821A;--rosa:#E11D48;--teal:#0D9488;
 background:var(--ink);color:var(--txt)}
html.light body::before{background:
 radial-gradient(900px 500px at 10% 0%,#FFD9C7,transparent 60%),
 radial-gradient(700px 500px at 100% 20%,#D9CBFF,transparent 60%),
 radial-gradient(700px 600px at 50% 110%,#C6F2E6,transparent 60%),#FBF7FF;animation:none}
html.light body::after{opacity:.02}
body,.inp,.btn,.toast,button,input,textarea,select{font-family:'Quicksand',system-ui,sans-serif}
.brand b,h1,h2,.tile b,.rc .preco,#ganhosCard b,.pinbox b,.status-big h2,.provas b,.dor .resposta,.dor blockquote{font-family:'Sora',sans-serif!important}
h1,h2{font-weight:800;letter-spacing:-.02em}

/* ---- vidro Apple (claro) ---- */
html.light header.topbar,html.light .card,html.light .rc,html.light .tile,html.light .tabbar,html.light .feat,html.light .sug,html.light .g{
 background:linear-gradient(160deg,rgba(255,255,255,.62),rgba(255,255,255,.34) 45%,rgba(255,255,255,.44));
 backdrop-filter:blur(24px) saturate(190%);-webkit-backdrop-filter:blur(24px) saturate(190%);border:1px solid rgba(255,255,255,.65);
 box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 -1px 0 rgba(255,255,255,.25) inset,0 20px 50px rgba(43,30,58,.13),0 2px 6px rgba(43,30,58,.05)}
html.light header.topbar{position:sticky;top:10px;margin:10px 12px 0;border-radius:22px;padding:9px 10px 9px 14px;border-bottom:1px solid rgba(255,255,255,.65)}
html.light .brand b{font:800 17px 'Sora',sans-serif;color:var(--txt)}
html.light .brand b i{background:linear-gradient(100deg,var(--vio),var(--mag));-webkit-background-clip:text;background-clip:text;color:transparent}
html.light .brand small{color:var(--mut);text-transform:none;letter-spacing:0;font-size:11.5px;font-weight:600}
html.light .logoimg{box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 6px 14px rgba(232,93,159,.25)}
html.light .tbtn{background:rgba(255,255,255,.55);border-color:rgba(255,255,255,.75)}
html.light .card{border-radius:26px}
html.light .rc{border-radius:20px}
html.light .rc:hover{border-color:rgba(232,93,159,.45)}
html.light .rc .rota{color:#5B4E75}
html.light .rc .preco{color:var(--txt);font-weight:800}
html.light h3{color:var(--mut)}
html.light .muted{color:var(--mut)}
html.light .pill{background:rgba(255,255,255,.55);color:#5B4E75;border-color:rgba(255,255,255,.9)}
html.light .inp{background:rgba(255,255,255,.7);border-color:rgba(255,255,255,.9);color:var(--txt);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 2px 8px rgba(43,30,58,.05)}
html.light .inp::placeholder{color:#A79BBE}
html.light .inp:focus{border-color:var(--mag);background:#fff;box-shadow:0 0 0 4px rgba(232,93,159,.15)}
html.light .btn-p,html.light a.cta.main{background:linear-gradient(160deg,#FF8FC2,var(--mag));color:#fff;box-shadow:0 10px 26px -8px rgba(232,93,159,.6)}
html.light .btn-g,html.light a.cta{background:rgba(255,255,255,.6);color:var(--txt);border:1px solid rgba(255,255,255,.85)}
html.light .btn-g:hover,html.light a.cta:hover{background:rgba(255,255,255,.8);border-color:rgba(232,93,159,.4)}
html.light .btn-g.on{background:rgba(43,30,58,.82);color:#fff;border-color:transparent;box-shadow:none}
html.light .btn-ok{background:rgba(255,255,255,.6);color:#15803D;border:1px solid rgba(22,163,74,.35)}
html.light .btn-warn{background:rgba(255,255,255,.6);color:#B4233E;border:1px solid rgba(225,29,72,.35)}
html.light .toast{background:rgba(255,255,255,.85);color:var(--txt);border-color:rgba(255,255,255,.9);backdrop-filter:blur(18px)}
html.light .toast.ok{background:rgba(240,253,244,.92)}html.light .toast.err{background:rgba(255,241,242,.92)}
html.light .tag.on{background:rgba(22,163,74,.1);color:#15803D;border-color:rgba(22,163,74,.3)}
html.light .tag.off{background:rgba(43,30,58,.06);color:#8A7FA0;border-color:rgba(43,30,58,.08)}
html.light th{color:var(--mut);border-bottom-color:rgba(43,30,58,.12)}
html.light td{border-bottom-color:rgba(43,30,58,.06)}
html.light tr:hover td{background:rgba(232,93,159,.05)}
html.light .det summary{color:var(--mag)}
html.light .kicker{color:var(--mag)}
html.light .lead,html.light .feat p,html.light .hero p.sub,html.light .provas{color:var(--mut)}
html.light .dor{background:rgba(255,255,255,.35);border-color:rgba(255,255,255,.6)}
html.light .dor blockquote{color:#4A3E63}
html.light h2 i,html.light .hero h1 i{background:linear-gradient(100deg,var(--vio),var(--mag));-webkit-background-clip:text;background-clip:text;color:transparent}
html.light footer{color:var(--mut)}
html.light ::-webkit-scrollbar-thumb{background:rgba(43,30,58,.18)}

/* ---- condutora ---- */
html.light .on{color:#15803D}html.light .on .dot{background:#16A34A;box-shadow:0 0 10px rgba(22,163,74,.5)}
html.light .off .dot{background:#C9C2D6}
html.light #gHoje{text-shadow:none;color:var(--txt)}
html.light .tabbar{left:12px;right:12px;bottom:10px;border-radius:24px;max-width:516px;overflow:hidden}
html.light .tabbar button{color:var(--mut)}
html.light .tabbar button.on{color:var(--txt)}
html.light .tabbar button.on::after{background:linear-gradient(120deg,var(--vio),var(--mag))}
html.light .espera{background:rgba(255,255,255,.45);border-color:rgba(232,93,159,.35)}
html.light .espera .cont{background:linear-gradient(160deg,#FF8FC2,var(--mag))}
html.light .tile{border-radius:18px}
html.light .tile b{color:var(--txt)}html.light .tile b.gr{color:#15803D}html.light .tile b.au{color:var(--gold)}html.light .tile b.rx{color:var(--vio)}
html.light .mb u{background:linear-gradient(180deg,#FF8FC2,var(--mag))}
html.light .mb u b{color:var(--mag)}
html.light .perfil-fixo span,html.light .tagck{background:rgba(255,255,255,.6);border-color:rgba(255,255,255,.9);color:var(--txt)}
html.light .tagck input{accent-color:var(--mag)}
html.light .toggle .btn{border-radius:16px}

/* ---- barra da Gi (igual à da passageira) ---- */
.gibar{display:flex;align-items:center;gap:14px;border-radius:24px;padding:12px 14px;margin:0 0 12px;cursor:pointer;color:#fff;
 background:rgba(43,30,58,.80);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.18);
 box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 16px 34px rgba(43,30,58,.28);transition:transform .15s;font-family:'Quicksand',sans-serif}
.gibar:active{transform:scale(.985)}
.gibar .m{width:50px;height:50px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-size:22px;
 background:linear-gradient(160deg,#FF8FC2,#E85D9F);box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 0 0 6px rgba(232,93,159,.22),0 8px 20px rgba(232,93,159,.45);animation:gip 1.8s infinite}
@keyframes gip{0%{box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 0 0 4px rgba(232,93,159,.3),0 8px 20px rgba(232,93,159,.45)}100%{box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 0 0 16px rgba(232,93,159,0),0 8px 20px rgba(232,93,159,.45)}}
.gibar b{display:block;font:800 15px 'Sora',sans-serif}.gibar small{font-size:12px;color:#D9CCEC;font-weight:600;line-height:1.3;display:block;margin-top:2px}
.gibar.mini{padding:8px 12px;border-radius:18px}.gibar.mini .m{width:38px;height:38px;font-size:17px}.gibar.mini b{font-size:13.5px}
#gi-fab{display:none!important}
html:not(.light) .gibar{background:rgba(255,255,255,.08)}

/* ---- admin: grade em telas largas ---- */
@media (min-width:900px){
  html.light #painel.adm{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
  html.light #painel.adm>.card{margin-bottom:0}
  html.light #painel.adm>.card.full{grid-column:1/-1}
}
html.light .adm .btn{background:linear-gradient(160deg,#FF8FC2,var(--mag));color:#fff;box-shadow:0 8px 22px -10px rgba(232,93,159,.5)}
html.light .adm .btn.sec{background:rgba(255,255,255,.6);color:var(--txt);border:1px solid rgba(255,255,255,.85);box-shadow:none}
html.light .adm .card h3{color:var(--txt);font:800 15px 'Sora',sans-serif}
html.light .adm label{color:#5B4E75}
html.light .adm input[type=checkbox]{accent-color:var(--mag)}
/* login centralizado (condutora/admin) */
.loginwrap{min-height:calc(100dvh - 90px);display:flex;align-items:center;justify-content:center;padding:16px}
.loginwrap .card{width:100%;max-width:400px}
.loginwrap .lg{width:72px;height:72px;border-radius:22px;display:block;margin:0 auto 14px;box-shadow:0 10px 30px rgba(232,93,159,.3)}
.loginwrap h2{font:800 24px 'Sora',sans-serif;text-align:center;margin-bottom:4px}
.loginwrap p.sub{text-align:center;color:var(--mut);font-size:13.5px;margin-bottom:16px}
.cadlink{text-align:center;font-size:13.5px;color:var(--mut);margin-top:14px}
.cadlink a{color:var(--mag);font-weight:700;text-decoration:none}
html.light .loginwrap .btn{background:linear-gradient(160deg,#FF8FC2,var(--mag));color:#fff;box-shadow:0 10px 26px -8px rgba(232,93,159,.6)}

