/* Modo noite da área de cliente (conta.html). Gerado por tools/noite.py a partir de site.css e app.css: não editar à mão
   as regras automáticas; as regras feitas à mão estão no fim. */
html[data-tema="noite"]{--paper:#0F1117;--mist:#161A25;--line:#2A3043;--muted:#A3AAC4;--soft:#717895;--ink:#ECEEF6;--card:#171B27;color-scheme:dark}
html[data-tema="noite"] body{background:var(--paper);color:var(--ink)}
html[data-tema="noite"] .eyebrow{color:#93A5FF}
html[data-tema="noite"] .dark .btn-primary{background:var(--card)}
html[data-tema="noite"] .dark .btn-primary:hover{background:#2A2E3B}
html[data-tema="noite"] .logo .spark{color:#93A5FF}
html[data-tema="noite"] .dark{background:#0B0D13}
html[data-tema="noite"] .seg input:checked + span{background:var(--card);border-color:var(--line)}
html[data-tema="noite"] .help{color:#D2D4E0}
html[data-tema="noite"] .light .field input,html[data-tema="noite"] .light .field select,html[data-tema="noite"] .light .field textarea{background:var(--card)}
html[data-tema="noite"] .light .seg input:checked + span{background:#2A3148}
html[data-tema="noite"] .light .form-err{background:#2C2E39;color:#DCB5B2}
html[data-tema="noite"] .field.light .err,html[data-tema="noite"] .light .err{color:#EAB9B5}
html[data-tema="noite"] .switch button[aria-pressed="true"]{background:#2A3148}
html[data-tema="noite"] .app .side button[aria-current="page"]{background:var(--card)}
html[data-tema="noite"] .side a.on{background:var(--card)}
html[data-tema="noite"] .tabs button[aria-selected="true"]{background:#2A3148}
html[data-tema="noite"] .tile a,html[data-tema="noite"] .tile button.link{color:#93A5FF}
html[data-tema="noite"] .empty{border:1px dashed var(--line)}
html[data-tema="noite"] .steps-mini li span{color:#93A5FF}
html[data-tema="noite"] .seg button em{color:#93A5FF;background:var(--card)}
html[data-tema="noite"] .seg button[aria-checked="true"]{background:#2A3148}
html[data-tema="noite"] .sw small{color:#93A5FF}
html[data-tema="noite"] .c-blue{color:#93A5FF}
html[data-tema="noite"] .tag-plan{color:#93A5FF;background:var(--card)}
html[data-tema="noite"] .plan.hot{background:#2A3148}
html[data-tema="noite"] .plan .kind{color:#93A5FF}
html[data-tema="noite"] .plan.hot .btn-primary{background:var(--card)}
html[data-tema="noite"] .plan [data-detail] .inc{background:#2A2E3B;color:#93A5FF}
html[data-tema="noite"] .tip-btn{border:1.5px solid var(--line);background:var(--card);color:#93A5FF}
html[data-tema="noite"] .tip{background:#2A3148}
html[data-tema="noite"] .tip::before{background:#2A3148}
html[data-tema="noite"] .i-inline{color:#93A5FF}
html[data-tema="noite"] .wz-steps li span{background:var(--card)}
html[data-tema="noite"] .wz-steps li.now{background:#2A3148}
html[data-tema="noite"] .wz{background:var(--card)}
html[data-tema="noite"] .wz input,html[data-tema="noite"] .wz select,html[data-tema="noite"] .wz textarea{background:var(--card)}
html[data-tema="noite"] .wz .err{color:#EAB9B5}
html[data-tema="noite"] .svc{background:var(--card)}
html[data-tema="noite"] .svc .svc-badge{color:#93A5FF;background:#2A2E3B}
html[data-tema="noite"] .svc:hover{border-color:var(--line)}
html[data-tema="noite"] .svc.on{background:#2C2F3B}
html[data-tema="noite"] .svc-foot a{color:#93A5FF}
html[data-tema="noite"] .chip-add{border:1px dashed var(--line);background:var(--card)}
html[data-tema="noite"] .chip-add:hover{color:#93A5FF}
html[data-tema="noite"] .review .link,html[data-tema="noite"] .link{color:#93A5FF}
html[data-tema="noite"] .next-box{background:#2B2F3A}
html[data-tema="noite"] .next-box b{color:#ACCDC0}
html[data-tema="noite"] .next-box ol{color:#B6C4BE}
html[data-tema="noite"] .onb{background:#2A3148}
html[data-tema="noite"] .onb .btn{background:var(--card)}
html[data-tema="noite"] .g-step em{color:#93A5FF}
html[data-tema="noite"] .sv-item{background:var(--card)}
html[data-tema="noite"] .sv-st{background:#2A2F39}
html[data-tema="noite"] .sv-st.wait{background:#2C2F38}
html[data-tema="noite"] .sv-per button[aria-checked=true]{background:#2A3148}
html[data-tema="noite"] .sv-per button em{color:#93A5FF}
html[data-tema="noite"] .sv-card{background:var(--card)}
html[data-tema="noite"] .sv-more{color:#93A5FF}
html[data-tema="noite"] .sv-err{color:#E5B2AE}
html[data-tema="noite"] .ck>li{background:var(--card)}
html[data-tema="noite"] .ck>li.open .ck-n{background:#2A3148}
html[data-tema="noite"] .pal-i{background:var(--card)}
html[data-tema="noite"] .opt-chip span{background:var(--card)}
html[data-tema="noite"] .opt-chip input:checked+span{background:#2B2F3B;color:#93A5FF}
html[data-tema="noite"] .form-err{color:#E5B2AE}
html[data-tema="noite"] .req{color:#E5B2AE}
html[data-tema="noite"] .wz .seg span{background:var(--card)}
html[data-tema="noite"] .wz .seg input:checked+span{background:#2A3148}
html[data-tema="noite"] .sp-row{background:var(--card)}
html[data-tema="noite"] .st-open{background:#2A2E3B;color:#93A5FF}
html[data-tema="noite"] .st-work{background:#2C2F37;color:#D6C5A6}
html[data-tema="noite"] .st-ok{background:#292F38;color:#B0CBBB}
html[data-tema="noite"] .st-done{background:#2A2E3A;color:#C4C6CD}
html[data-tema="noite"] .sp-thread{background:var(--card)}
html[data-tema="noite"] .sp-msg.ims{background:#2A2E3B}
html[data-tema="noite"] .sp-form input,html[data-tema="noite"] .sp-form select,html[data-tema="noite"] .sp-form textarea,html[data-tema="noite"] .sp-reply textarea{background:var(--card)}
html[data-tema="noite"] .sp-err{color:#E4B3B0}
html[data-tema="noite"] .side-new{background:#2A2E3B;color:#93A5FF}
html[data-tema="noite"] .crumb-back{background:var(--card)}
html[data-tema="noite"] .crumb-back:hover{color:#93A5FF}
html[data-tema="noite"] .crumbs nav .link:hover{color:#93A5FF}
html[data-tema="noite"] .z-act{background:var(--card)}
html[data-tema="noite"] .z-ic{background:#2B2F3B}
html[data-tema="noite"] .z-go{color:#93A5FF}
html[data-tema="noite"] .z-badge{background:#2A2E3B;color:#93A5FF}
html[data-tema="noite"] .z-hero,html[data-tema="noite"] .z-none{background:#2A3148}
html[data-tema="noite"] .z-hero .btn-primary,html[data-tema="noite"] .z-none .btn-primary{background:var(--card)}
html[data-tema="noite"] .tick,html[data-tema="noite"] .pick{background:var(--card)}
html[data-tema="noite"] .tk-box{border:2px solid var(--line);background:var(--card)}
html[data-tema="noite"] .tick.on,html[data-tema="noite"] .pick.on{background:#2C2F3B}
html[data-tema="noite"] .br-card{background:var(--card)}
html[data-tema="noite"] .br-card.on{background:#2C2F3B}
@media (max-width:920px){
  html[data-tema="noite"] .side-toggle em{color:#93A5FF}
}
html[data-tema="noite"] .home-acts .btn-primary{background:var(--card);border-color:var(--line)}
html[data-tema="noite"] .home-acts .btn-ghost:hover{border-color:var(--line)}
html[data-tema="noite"] .home-help{background:var(--card)}
html[data-tema="noite"] .subtabs button{background:var(--card)}
html[data-tema="noite"] .subtabs button[aria-selected="true"]{background:#2A3148}
html[data-tema="noite"] .z-rev{background:var(--card)}
html[data-tema="noite"] .lm.ok{background:#2B2F39;border-color:var(--line)}
html[data-tema="noite"] .lm.dif{background:#2C2F38;border-color:var(--line)}
html[data-tema="noite"] .lm-aviso{color:#CBC2A6}
html[data-tema="noite"] .lm-acc{background:#2C2F38}

/* ---------------- feito à mão ---------------- */
/* botão casa (traço fino): dia = sol, janelas apagadas; noite = lua e estrelas por cima do telhado, luzes acesas */
.tema{position:relative;width:46px;height:40px;flex:none;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0;transition:background .3s,border-color .3s}
.tema:hover{background:rgba(255,255,255,.12)}
.tema:focus-visible{outline:2px solid #93A5FF;outline-offset:2px}
.tema svg{width:36px;height:27px;overflow:visible}
.tema .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tema .t-casa,.tema .t-cruz{fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.tema .t-cruz{stroke-width:.8;opacity:.75}
.tema .t-jan rect{fill:transparent;stroke:currentColor;stroke-width:1.1;transition:fill .6s .3s,stroke .6s .3s,filter .6s .3s}
.tema .t-sol{fill:none;stroke:#FFC94D;stroke-width:1.2;stroke-linecap:round;transform-origin:37px 9px;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s}
.tema .t-sol circle{fill:#FFC94D}
.tema .t-raios{transform-origin:37px 9px;animation:tema-gira 16s linear infinite}
.tema .t-lua{fill:#E9ECF7;transform:translateY(13px);opacity:0;transition:transform .8s cubic-bezier(.2,.8,.2,1) .2s,opacity .6s .2s}
.tema .t-est{fill:none;stroke:#E9ECF7;stroke-width:.9;stroke-linecap:round;opacity:0;transition:opacity .4s .7s}
html[data-tema="noite"] .tema .t-sol{transform:translateY(13px) rotate(70deg) scale(.5);opacity:0}
html[data-tema="noite"] .tema .t-lua{transform:none;opacity:1}
html[data-tema="noite"] .tema .t-est{opacity:1;animation:tema-pisca 3s ease-in-out 1.1s infinite}
html[data-tema="noite"] .tema .t-est.e2{animation-delay:2.4s}
html[data-tema="noite"] .tema .t-jan rect{fill:#FFD36B;stroke:#FFD36B;filter:drop-shadow(0 0 2.5px rgba(255,211,107,.95))}
html[data-tema="noite"] .tema .t-cruz{stroke:#6B4E12;opacity:.9}
html[data-tema="noite"] .tema{background:rgba(147,165,255,.1);border-color:rgba(147,165,255,.32)}
@keyframes tema-gira{to{transform:rotate(360deg)}}
@keyframes tema-pisca{0%,100%{opacity:1}50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.tema *{transition:none!important;animation:none!important}}
/* passagem suave de cores ao mudar de modo */
html.tema-a-mudar,html.tema-a-mudar body *:not(svg):not(svg *){transition:background-color .45s ease,color .45s ease,border-color .45s ease,fill .45s ease!important}
/* noite: pormenores */
html[data-tema="noite"] body::before{background:#0B0D13}
html[data-tema="noite"] img{opacity:.96}
html[data-tema="noite"] input,html[data-tema="noite"] textarea,html[data-tema="noite"] select{background:var(--card);color:var(--ink);border-color:var(--line)}
html[data-tema="noite"] ::placeholder{color:#7C83A0}
html[data-tema="noite"] .sv-empty,html[data-tema="noite"] .muted{color:var(--muted)}