/* Vertical Sales — identidade compartilhada, VSGS v1 */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
:root{--ink:#000;--ink2:#252525;--bg:#fff;--card:#fff;--line:#d0d0d0;--line2:#e5e5e5;--muted:#666;--muted2:#777;--side:#000;--side-ink:#aaa;--gold:#333;--gold-soft:#eee;--copper:#333;--copper-d:#111;--copper-soft:#eee;--gray-bg:#eee;--green:#16845b;--green-bg:#edf6f0;--amber:#996600;--amber-bg:#faf4e6;--red:#b43535;--red-bg:#faeded;--blue:#285da0;--blue-bg:#edf2fa;--purple:#725293;--purple-bg:#f2eef6;--r:0;--shadow:none;--f-head:Poppins,Arial,sans-serif;--f-body:Poppins,Arial,sans-serif;color-scheme:light}
body{background:#fff;color:#000;font-family:var(--f-body)}
.app{grid-template-columns:210px minmax(0,1fr)}
.side{background:#000;color:#aaa;padding:20px 12px;scrollbar-width:thin;scrollbar-color:#444 #000}
.nav a{color:#aaa;border-radius:0;border:0;border-bottom:1px solid #333;padding:11px 13px;font-size:12px;opacity:1;font-weight:500;box-shadow:inset 3px 0 transparent}
.nav a:hover,.nav a:focus-visible,.nav a.on{background:#262626;color:#aaa;box-shadow:inset 3px 0 #aaa;outline:none}
.side .logo,.side-foot .brand,.side-foot .mode{color:#aaa}.side-foot{border-top:0}
.main{background:#fff;color:#000;padding:22px 26px 36px}
:is(.card,.drawer,.modal,.home-card,.vaga,.cand,.blk,.note-box,.kpi){border-radius:0!important;box-shadow:none!important;background:#fff;color:#000;border:0;border-bottom:1px solid #ccc}
.card{padding:18px 20px}.grid{gap:20px}
:is(.btn,.icon-btn,.inp,.tabs button,.pager .pages button,.rate button,.home-card,.vaga,.cand,.blk){border-radius:0!important;box-shadow:inset 3px 0 transparent!important;border:0!important;border-bottom:1px solid #ccc!important;background:#fff;color:#000;transition:background .15s,box-shadow .15s}
:is(.btn.primary,.btn.dark,.btn.ghost){background:#fff;color:#000}
:is(.btn,.icon-btn,.inp,.tabs button,.pager .pages button,.rate button,.home-card,.vaga,.cand,.blk):hover,:is(.btn,.icon-btn,.inp,.tabs button,.pager .pages button,.rate button,.home-card,.vaga,.cand,.blk):focus-visible{background:#eee!important;box-shadow:inset 3px 0 #000!important;outline:none}
:is(.btn,.tabs button,.pager .pages button,.rate button,.home-card,.vaga,.cand,.blk):is(.on,.selected,[aria-selected="true"],[aria-pressed="true"]),.inp:focus,.chips-in:focus-within{background:#e5e5e5!important;color:#000!important;box-shadow:inset 3px 0 #000!important;outline:none}
.inp:disabled,.inp:read-only{background:#f5f5f5;color:#777}.btn:disabled{box-shadow:none!important}
.tabs,.tabs.line,.chips-in{border:0;border-bottom:1px solid #ccc;border-radius:0;background:#fff}
.tabs.line button.on{background:#e5e5e5;color:#000;border-bottom-color:#ccc}
.chip,.badge{border-radius:0}.tbl tr.sel{background:#e5e5e5!important}.tbl tbody tr:hover{background:#f1f1f1}
.home-logo,.home-tag{color:#000}.home-card b{color:#000}
.step .n{border-radius:0;background:#fff;color:#333;border-color:#ccc}.step.cur .n,.step.done .n{background:#ddd;color:#000;box-shadow:none}.step.cur .t{color:#000}.step::after,.step.done::after{background:#ccc}
.demo-banner{background:#eee;color:#000;border-radius:0}.demo-banner b{color:#000}.viewas{color:#285da0}
.login{background:#000;color:#aaa;min-height:100dvh}.login .logo{color:#aaa}.login-box{max-width:588px}.login h2{color:#aaa}.login .inp{background:#1e2633!important;color:#eee!important;border:1px solid #34373c!important;padding:18px 20px;height:64px;box-shadow:none!important}.login .btn{background:transparent!important;color:#aaa!important;border-bottom:1px solid #444!important;justify-content:center;margin-top:24px;font-size:20px;padding:18px}.login label{color:#aaa}
@media(max-width:1000px){.app{grid-template-columns:minmax(0,1fr)}.side{width:210px}.main{padding:18px}}
@media(max-width:600px){.main{padding:14px}.card{padding:14px 10px}.grid{gap:14px}}
@media print{:root{--bg:#fff;--card:#fff;--ink:#000;--ink2:#222}.main{background:#fff;color:#000}.card{box-shadow:none}}

/* V2: fundos das tabelas, cronogramas e calendário. */
:is(.tbl-wrap,table.tbl,.gantt,.gantt-inner,.g-head,.g-lane-h,.g-lane,.g-track,.cal){background:#f2f2f2!important;color:#000;border-radius:0!important}
.tbl th,.cal .h{background:#e8e8e8!important;color:#222}
.tbl td,.g-row,.cal .d{background:#f2f2f2;color:#000}
.tbl tbody tr:hover td{background:#e8e8e8!important}.tbl tr.sel td{background:#ddd!important}
.g-grid{border-left-color:#ccc}.g-row,.g-head,.g-lane,.g-lane-h{border-color:#ccc}
.cal .d.out{background:#eaeaea!important;color:#777}.g-bar{border-radius:0}
select.inp option{background:#fff;color:#000}
/* V3: controles e cards interativos, inclusive estilos antigos inline. */
:where(.main,.drawer,.modal,.pop) :is(button:not(.g-bar),a.btn,[role="button"],.card[data-go],.li[data-go],.li[data-a],.pop .it,.drop,.file){background:#fff!important;color:#000!important;border:0!important;border-bottom:1px solid #ccc!important;border-radius:0!important;box-shadow:inset 3px 0 transparent!important}
:where(.main,.drawer,.modal,.pop) :is(button:not(.g-bar),a.btn,[role="button"],.card[data-go],.li[data-go],.li[data-a],.pop .it,.drop,.file):not(:disabled):is(:hover,:focus-visible,.on,.sel,.selected,.vs-selected,[aria-selected="true"],[aria-pressed="true"]){background:#e9e9e9!important;color:#000!important;box-shadow:inset 3px 0 #000!important;outline:none}
:where(.main,.drawer,.modal) label.chk:has(input:checked){background:#e9e9e9;box-shadow:inset 3px 0 #000}
:where(.main,.drawer,.modal) label.chk{padding:8px 12px;border-bottom:1px solid #ccc}
:where(.main,.drawer,.modal) label.chk:hover{background:#e9e9e9;box-shadow:inset 3px 0 #000}
.empty,.drop,.file,.pop{background:#fff;color:#000;border-radius:0;box-shadow:none}
