/* area-theme.css — Área do Vet no visual do site (escuro, Geist, cards de vidro). Carregado depois do CSS de cada página. */
/* 21/10: visual de plataforma, plano (sem vidro, sem brilho, sem elevação). Tokens da opção 1 do protótipo. */
:root{--navy:#FFFFFF;--navy-mid:#CFE6D8;--off:#06172A;--white:#0A2036;--ink:#EAF1EE;--mid:rgba(255,255,255,.66);--muted:rgba(255,255,255,.5);--border:rgba(255,255,255,.09);--green-soft:rgba(127,215,159,.12);--s1:#0A2036;--s2:#0E2A45;--line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.16);--amb:#E5B454}
body{background:#06172A;color:var(--ink)}
h1,h2,h3,.tt,.hello{font-family:'Geist',sans-serif!important;font-weight:500;letter-spacing:-.035em;color:#fff}
h2.tt{color:#fff;font-size:clamp(26px,3.6vw,40px);line-height:1.05}
.hello{color:#fff;font-size:clamp(28px,3.8vw,42px)}
.hello-sub,.lead,p{color:var(--mid)}
.kicker{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--mint)}
.kicker::before{content:"";display:inline-block;width:28px;height:1px;background:var(--mint);vertical-align:middle;margin-right:10px}
.card,.vcard,.press-card.card,.vcard-btn.vcard{background:var(--s1);border:1px solid var(--line);border-radius:12px;box-shadow:none;color:var(--ink);transition:border-color .15s}
.card:hover,.vcard:hover,.press-card.card:hover{transform:none;border-color:var(--line2);box-shadow:none}
.card h3,.vcard h3{color:#fff;font-size:18px}
.card p,.vcard p{color:var(--mid)}
.vcard .chip,.app-avatar,.coop-avatar,[class*="avatar"]{color:#fff}
.vcard .chip{font-family:'Geist',sans-serif;font-weight:600;background:var(--s2);border:1px solid var(--line2);color:var(--mint);box-shadow:none}
.tag.lanc{color:var(--mint)}.tag.lanc::before{background:var(--mint);box-shadow:none}
.tag.breve{color:var(--muted)}.tag.breve::before{background:rgba(255,255,255,.3)}
.btn{font-family:'Geist',sans-serif;font-weight:500;border-radius:8px}
.btn-primary{background:var(--mint);color:#04231c}.btn-primary:hover{background:#9be8b4;transform:none}
.btn-ghost{border:1.5px solid rgba(255,255,255,.35);color:#fff;background:transparent}.btn-ghost:hover{border-color:var(--mint);color:var(--mint)}
.app-sidebar{background:#06172A;border-right:1px solid var(--line)}
.brand,.brand-label{font-family:'Geist',sans-serif;font-weight:600;letter-spacing:0}
.brand-label{color:var(--mint);font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:500}
.app-nav a{border-radius:12px}
.app-nav a.active{background:var(--s2);color:#fff;box-shadow:none}
.app-nav a .dot{background:currentColor}
.app-foot{border-top:1px solid rgba(255,255,255,.08)}
.app-avatar{background:var(--s2);border:1px solid var(--line2);font-family:'Geist',sans-serif;font-weight:600}
.search-trigger{background:var(--s1);border:1px solid var(--line);color:rgba(255,255,255,.65);border-radius:8px}
.search-trigger:hover{border-color:var(--mint);color:#fff}
.filter-select,.chip-filter,input,select,textarea{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;border-radius:12px!important}
input::placeholder,textarea::placeholder{color:rgba(255,255,255,.4)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--mint);outline-offset:0;border-color:transparent!important}
select option{color:#0B1A2A}
.chip-filter.active{background:rgba(127,215,159,.16)!important;border-color:var(--mint)!important;color:var(--mint)!important}
label,.field label{color:rgba(255,255,255,.85)}
.progress-wrap{background:var(--s1);border:1px solid var(--line);border-radius:12px}
.progress-bar{background:rgba(255,255,255,.1)}.progress-bar-fill{background:var(--mint)}
.empty-state{color:var(--muted)}
.modal-box,.search-panel{background:#0A2A46;color:#fff;border:1px solid var(--line2);box-shadow:0 20px 60px rgba(0,0,0,.6)}
.modal-box h3,.modal-kicker{color:#fff}.modal-kicker{color:var(--mint)}
.modal-box .modal-body{color:var(--mid)}
.modal-close{color:rgba(255,255,255,.7)}
.modal-overlay,.search-panel-overlay{background:rgba(4,22,37,.75)}
.search-input{background:rgba(255,255,255,.06)!important;border-bottom:1px solid rgba(255,255,255,.12)!important}
.search-result{border-bottom:1px solid rgba(255,255,255,.08)}.search-result:hover{background:rgba(127,215,159,.08)}
.sr-title{color:#fff}.sr-meta,.sr-desc{color:var(--mid)}.search-group-label{color:var(--mint)}
.onboard-banner{background:var(--s2);border:1px solid var(--line2);border-radius:12px}
.activity-feed{background:var(--s1);border:1px solid var(--line);border-radius:12px}
.activity-text{color:var(--mid)}.activity-time{color:var(--muted)}
.unlock-hint,.lock-icon{color:var(--muted)}
.you-badge{background:var(--mint);color:#04231c}
.switch-track{background:rgba(255,255,255,.18)}.switch.on .switch-track,.switch input:checked+.switch-track{background:var(--mint)}
.toast{background:#0A2A46;color:#fff;border:1px solid rgba(127,215,159,.4)}
.teaser-row{border-color:rgba(255,255,255,.08)}
.section-head h2{color:#fff}
.sair{color:rgba(255,255,255,.6)}.sair:hover{color:#fff}
a{color:var(--mint)}
.app-nav a{color:rgba(255,255,255,.72)}
.app-main .card a.btn,.app-main .vcard a.btn{color:#04231c}
.ptop{color:var(--muted)}
hr{border-color:rgba(255,255,255,.1)}
@media (max-width:900px){.app-sidebar{background:rgba(4,22,37,.96)}}

h1,h2,h3,h4,.coop-name,.vaga-title,.noticia-title{color:#fff}
.press-card h3,.press-card .tt,.card h3,.card h4{color:#fff}
.btn-ghost,.btn-ghost.btn-sm{color:#fff!important;border-color:rgba(255,255,255,.35)!important;background:transparent!important}
.btn-ghost:hover{border-color:var(--mint)!important;color:var(--mint)!important}
.app-main a:not(.btn):not(.press-card):not(.vcard-btn):not(.li){color:var(--mint)!important}

/* páginas largas: usam a largura toda e a grade preenche */
.app-main.wide{max-width:none;flex:1;min-width:0}
.app-main.wide .grid2,.app-main.wide .grid3{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.form-card{background:var(--s1);border:1px solid var(--line);border-radius:12px;box-shadow:none}
#voceCardSlot:empty{display:none}
.app-nav a .nav-ic{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.app-nav a{gap:11px}