@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
/* ════════════════════════════════════════════════════════════════════
   Tema Retrô DTP — telas avulsas (V5.0 Fase D)
   Boas-vindas, login, troca e redefinição de senha, aceite, contato,
   preferências de comunicação, proposta e Portal do Cliente.
   Vale para páginas com <html class="dtp-retro-avulsa">. Para voltar ao
   visual anterior: localStorage.setItem('dtp_tema','moderno').
   ════════════════════════════════════════════════════════════════════ */
html.dtp-retro-avulsa:not(.dtp-tema-moderno){
  --ra-desk:#008080; --ra-face:#d4d0c8; --ra-face2:#e4e1da; --ra-hi:#ffffff; --ra-sh:#808080; --ra-dk:#404040;
  --ra-ink:#000000; --ra-mut:#3f3f3f; --ra-t1:#0a246a; --ra-t2:#3a6ea5; --ra-t3:#a6caf0;
  --ra-field:#ffffff; --ra-ok:#006400; --ra-warn:#8a5a00; --ra-warnbg:#fff4c2; --ra-bad:#8b0000; --ra-badbg:#fde8e8;
  --ra-font:Tahoma,Verdana,"Segoe UI",Geneva,sans-serif; --ra-mono:"Lucida Console",Consolas,"Courier New",monospace;
  --bg:var(--ra-face); --bg2:var(--ra-field); --bg3:var(--ra-face); --bg4:var(--ra-face2); --bg5:var(--ra-face2);
  --txt:var(--ra-ink); --txt2:#1f1f1f; --txt3:var(--ra-mut); --bd:var(--ra-sh); --bd2:var(--ra-dk);
  --cyan:var(--ra-t1); --cyan-l:var(--ra-t2); --cyan-d:var(--ra-t1); --blue:var(--ra-t1); --bl:var(--ra-t2);
  --r:0px; --rs:0px; --sh-sm:none; --sh-md:none; --sh-lg:none; --sh-xl:none; --sh-glow:none;
  background:var(--ra-desk)!important; color-scheme:light;
}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) body{background:var(--ra-desk)!important;color:var(--ra-ink)!important;font-family:var(--ra-font)!important;-webkit-font-smoothing:auto}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) body *{font-family:var(--ra-font)!important;border-radius:0!important;box-shadow:none!important;text-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;animation:none!important;letter-spacing:0!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is(body::before,body::after,.bg-glow,.bg-grid,.brand::before,.brand::after){display:none!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is([class*="glow"],[class*="aurora"],[class*="orb"]){display:none!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .card :is(.brand,.brand-panel)::before,html.dtp-retro-avulsa:not(.dtp-tema-moderno) .card :is(.brand,.brand-panel)::after{display:none!important;content:none!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is(h1,h2,h3,h4){color:var(--ra-t1)!important;font-weight:700!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is(p,li,label,small,span,div){color:inherit}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) a{color:var(--ra-t1)}

/* Janela: qualquer quadro principal da página */
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is(.shell,.box,.form-side,.form-panel,.welcome-card,.md,body>.card,.wrap>.card,.portal-login>.card,.card.login-card){
  background:var(--ra-face)!important;color:var(--ra-ink)!important;border:2px solid!important;border-color:var(--ra-hi) var(--ra-dk) var(--ra-dk) var(--ra-hi)!important;position:relative}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is(.box,.form-side:not(.card .form-side),.form-panel:not(.card .form-panel),.welcome-card,body>.card,.wrap>.card,.portal-login>.card){padding-top:36px!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is(.box,.form-side:not(.card .form-side),.form-panel:not(.card .form-panel),.welcome-card,body>.card,.wrap>.card,.portal-login>.card)::before{
  content:"DTP Soluções Contábeis";position:absolute;left:0;right:0;top:0;height:24px;line-height:24px;padding:0 8px;
  background:linear-gradient(90deg,var(--ra-t1),var(--ra-t2));color:#fff;font:700 12px var(--ra-font);text-align:left;display:block;z-index:1}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is(.box,.form-side:not(.card .form-side),.form-panel:not(.card .form-panel),.welcome-card,body>.card,.wrap>.card,.portal-login>.card)::after{
  content:"_ □ ×";position:absolute;right:6px;top:0;height:24px;line-height:24px;color:#fff;font:700 11px var(--ra-mono);z-index:2;display:block;background:none;width:auto;border:0}

/* Campos e botões */
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){
  background:var(--ra-field)!important;color:var(--ra-ink)!important;border:2px inset var(--ra-hi)!important;font-size:13px!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is(input,select,textarea):focus{outline:1px dotted var(--ra-ink)!important;outline-offset:1px}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is(button,.btn,.btn-login,.btn-erp,.portal-btn,input[type=submit],a.button){
  background:var(--ra-face)!important;background-image:none!important;color:var(--ra-ink)!important;border:2px outset var(--ra-hi)!important;font-size:13px!important;font-weight:400!important;filter:none!important;transform:none!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is(button,.btn,.btn-login,.btn-erp,.portal-btn):active{border-style:inset!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is(.btn-login,.btn-erp,.portal-btn.primary,button[type=submit],.btn.primary){font-weight:700!important;outline:1px solid var(--ra-ink)!important;outline-offset:-1px}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is(button,.btn,a):focus-visible{outline:1px dotted var(--ra-ink)!important;outline-offset:-4px}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is(.f-ico,.f-eye,.f-toggle){background:transparent!important;border:0!important;color:var(--ra-mut)!important;outline:0!important}

/* Avisos */
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is(.f-alert,.msg,.al,.portal-note){border:1px solid var(--ra-warn)!important;background:var(--ra-warnbg)!important;color:var(--ra-ink)!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is(.f-alert.err,.msg.err,.al.bad){border-color:var(--ra-bad)!important;background:var(--ra-badbg)!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is(.f-alert.ok,.msg.ok,.al.ok){border-color:var(--ra-ok)!important;background:#e8f5e8!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is(.f-alert:not(.show)){display:none}

/* ── Boas-vindas (welcome.html) ───────────────────────────────────── */
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .shell{max-width:980px;margin:18px auto!important;min-height:0!important;height:auto!important;display:flex;flex-direction:column}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .shell>.topbar{background:linear-gradient(90deg,var(--ra-t1),var(--ra-t2))!important;color:#fff!important;min-height:26px!important;height:auto!important;padding:3px 8px!important;border:0!important;position:static!important;display:flex;align-items:center;gap:8px}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .shell>.topbar::before{content:"DTP Soluções Contábeis — Boas-vindas";font:700 13px var(--ra-font);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .shell>.topbar .tb-info,
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .shell>.topbar .tb-info *{color:#e8eef8!important;font-size:11px!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .shell>.body{background:var(--ra-face)!important;padding:18px 20px!important;gap:10px!important;min-height:0!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .hero-logo{margin:4px 0 8px!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .hero-logo-img{height:64px!important;width:auto!important;filter:none!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .hero-logo-txt{color:var(--ra-t1)!important;font-size:18px!important;font-weight:700!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .cg-saud{color:var(--ra-mut)!important;font-size:12px!important;font-weight:700!important;text-transform:uppercase}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .cg-nome{color:var(--ra-t1)!important;font-size:28px!important;font-weight:700!important;background:none!important;-webkit-text-fill-color:currentColor!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .cg-nome *{color:var(--ra-t1)!important;-webkit-text-fill-color:currentColor!important;background:none!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .cg-cargo{color:var(--ra-ink)!important;font-size:13px!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .cg-data{background:var(--ra-field)!important;border:2px inset var(--ra-hi)!important;color:var(--ra-ink)!important;padding:2px 10px!important;font-size:12px!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .sep{height:0!important;border-top:2px groove var(--ra-hi)!important;background:none!important;width:100%!important;max-width:620px}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .metrics{gap:8px!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .mp{background:var(--ra-field)!important;border:2px inset var(--ra-hi)!important;color:var(--ra-ink)!important;transform:none!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .mp::before,html.dtp-retro-avulsa:not(.dtp-tema-moderno) .mp::after{display:none!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .mp-lbl{color:var(--ra-mut)!important;font-size:11px!important;font-weight:700!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .mp-val{color:var(--ra-ink)!important;font-size:20px!important;font-weight:700!important;font-variant-numeric:tabular-nums}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .mp-sub{font-size:11px!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is(.mp-sub.ok,.ok){color:var(--ra-ok)!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .mp-sub.info{color:var(--ra-t1)!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .al-dot{width:8px!important;height:8px!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .al a{color:var(--ra-t1)!important;font-weight:700}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .verse-box{background:var(--ra-face)!important;border:2px groove var(--ra-hi)!important;padding:10px 14px!important;max-width:640px}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .verse-txt{color:var(--ra-t1)!important;font-size:14px!important;background:none!important;-webkit-text-fill-color:currentColor!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .verse-ref{color:var(--ra-mut)!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .shell>.footer{background:var(--ra-face)!important;border-top:2px groove var(--ra-hi)!important;color:var(--ra-ink)!important;padding:3px 4px!important;gap:4px!important;position:static!important;flex-wrap:wrap;height:auto!important;min-height:0!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .shell>.footer :is(.ft-l,.ft-c){border:1px inset var(--ra-hi);padding:2px 8px;font-size:12px!important;color:var(--ra-ink)!important;flex:1 1 auto;min-width:0}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .shell>.footer :is(.ft-l strong,.ft-l span){color:var(--ra-ink)!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .btn-erp{padding:4px 16px!important;text-decoration:none}

/* ── Login (ERP e Portal) ─────────────────────────────────────────── */
html.dtp-retro-avulsa:not(.dtp-tema-moderno) body>.card,
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .portal-login>.card{max-width:860px}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .card :is(.brand,.brand-panel){background:var(--ra-face2)!important;background-image:none!important;border-right:2px groove var(--ra-hi)!important;color:var(--ra-ink)!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .card :is(.brand,.brand-panel) *{color:var(--ra-ink)!important;opacity:1!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .card :is(.form-side,.form-panel){background:var(--ra-face)!important;border:0!important;padding-top:24px!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is(.b-name,.brand-top,.f-title,.logo-txt){color:var(--ra-t1)!important;font-weight:700!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is(.b-name em){color:var(--ra-t2)!important;font-style:normal}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .feat-dot{background:var(--ra-t1)!important;width:6px!important;height:6px!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is(.f-sub,.b-sub,.desc,.sub,.logo-sub,.brand-sub){color:var(--ra-mut)!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is(.field label,.fi label,label){color:var(--ra-ink)!important;font-size:12px!important;font-weight:700!important;text-transform:none!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .f-links a{color:var(--ra-t1)!important;text-decoration:underline}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is(.logo-bar,.logo-dot){background:var(--ra-t1)!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .strength{background:var(--ra-field)!important;border:2px inset var(--ra-hi)!important}

/* ── Portal do Cliente ────────────────────────────────────────────── */
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is(.portal-shell,.portal,.p-main,.p-body,main){background:var(--ra-face)!important;color:var(--ra-ink)!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is(.portal-header,.portal-top,.portal-topbar,header){background:linear-gradient(90deg,var(--ra-t1),var(--ra-t2))!important;color:#fff!important;border:0!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is(.portal-header,.portal-top,.portal-topbar,header) :is(h1,h2,h3,span,div,strong,a,p){color:#fff!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is(.portal-header,.portal-top,.portal-topbar,header) :is(button,.portal-btn,select){color:var(--ra-ink)!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is(.portal-card,.portal-panel,.portal-section,.portal-list,section.card){background:var(--ra-face)!important;border:2px groove var(--ra-hi)!important;color:var(--ra-ink)!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .portal-kpi{background:var(--ra-field)!important;border:2px inset var(--ra-hi)!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .portal-kpi-value{color:var(--ra-ink)!important;font-weight:700!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is(.portal-kpi-label,.portal-kpi-sub,.portal-list-meta,.portal-empty-text){color:var(--ra-mut)!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is(.portal-list-title,.portal-empty-title,.welcome-company){color:var(--ra-t1)!important;font-weight:700!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .portal-list-item{border-bottom:1px solid #c8c8c8!important;background:var(--ra-field)!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is(.portal-nav,.portal-tabs,nav){background:var(--ra-face)!important;border-bottom:1px solid var(--ra-sh)!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is(.portal-nav,.portal-tabs,nav) :is(a,button){background:var(--ra-face)!important;color:var(--ra-ink)!important;border:2px outset var(--ra-hi)!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is(.portal-nav,.portal-tabs,nav) :is(a,button):is(.active,.on,[aria-current="page"],[aria-selected="true"]){background:var(--ra-field)!important;border-style:inset!important;font-weight:700!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) table{background:var(--ra-field)!important;border-collapse:collapse}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) th{background:var(--ra-face)!important;color:var(--ra-ink)!important;border:1px solid;border-color:var(--ra-hi) var(--ra-sh) var(--ra-sh) var(--ra-hi)!important;font-weight:400!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) td{border:1px solid #c8c8c8!important;color:var(--ra-ink)!important}

/* Proposta e páginas com fundo claro próprio */
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .wrap{background:transparent!important;color:var(--ra-ink)!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .wrap>.brand{background:transparent!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .wrap>.brand :is(h1,h2){color:#fff!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .wrap>.brand p{color:#e8f3f3!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .ov{background:rgba(0,0,0,.25)!important}

@media (max-width:640px){
  html.dtp-retro-avulsa:not(.dtp-tema-moderno) .shell{margin:0!important;border-left:0!important;border-right:0!important}
}
@media (prefers-reduced-motion:reduce){html.dtp-retro-avulsa:not(.dtp-tema-moderno) *{transition:none!important}}

/* ── Acesso ao sistema (login do ERP e do Portal), V5.0 ───────────── */
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .dtp-icone-vazio{display:none!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) body>.card::before{content:"DTP Soluções Contábeis — Acesso ao Sistema"!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .portal-login>.card::before{content:"DTP Soluções Contábeis — Portal do Cliente"!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is(body>.card,.portal-login>.card){max-width:780px!important;width:min(780px,96vw)!important;padding-top:24px!important;overflow:hidden}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .card :is(.brand,.brand-panel){
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,transparent 1px 3px),linear-gradient(180deg,#2f7d77,#1f5f5b 70%,#174744)!important;
  border-right:2px solid #404040!important;color:#fff!important;padding:22px 24px!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .card :is(.brand,.brand-panel) *{color:#fff!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .card :is(.brand,.brand-panel) img{filter:brightness(0) invert(1)!important;height:40px!important;width:auto!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .card :is(.b-logo,.brand-logo){background:none!important;border:0!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .card :is(.b-name,.brand-top .b-name,.brand-name){font:400 38px/1 "VT323","Lucida Console",monospace!important;color:#fff!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .card :is(.b-name em){color:#cfe5e2!important;font-style:normal}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .card :is(.b-sub,.brand-sub){display:inline-block;border:1px solid #cfe5e2;padding:1px 6px;font:400 16px/1 "VT323","Lucida Console",monospace!important;color:#fff!important;margin-top:4px}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .card .b-pitch{font-size:13px!important;color:#e6f2f1!important;margin:14px 0 8px!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .card :is(.feat,.feat-list) li{font-size:12px!important;color:#e6f2f1!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .card .feat-dot{background:#cfe5e2!important;width:5px!important;height:5px!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .card .brand-bot{border-top:1px solid rgba(255,255,255,.35);padding-top:8px;font-size:11px!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .card :is(.form-side,.form-panel){padding:22px 24px!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .card .f-title{font:700 15px var(--ra-font)!important;color:#1f5f5b!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .card .f-wrap{display:flex!important;align-items:center;gap:0;background:none!important;border:0!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .card .f-wrap input{height:24px!important;padding:2px 6px!important;width:100%!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .card :is(.f-ico){display:none!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .card .f-toggle{position:static!important;transform:none!important;font-size:0!important;margin-left:4px;background:var(--ra-face)!important;border:2px outset var(--ra-hi)!important;padding:1px 6px!important;cursor:pointer;color:var(--ra-ink)!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .card .f-toggle::after{content:"Mostrar";font:11px var(--ra-font)}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) :is(.btn-login){width:100%!important;height:28px!important;margin-top:6px!important}
html.dtp-retro-avulsa:not(.dtp-tema-moderno) .card .f-links{display:flex;flex-direction:column;gap:4px;align-items:flex-start;border-top:2px groove var(--ra-hi);padding-top:8px;margin-top:10px}