/* Data Fechada · visual mais limpo: bordas mais leves, mais espaço, cores mais calmas.
   Só aparência: a estrutura das telas (botões, quadros, "Detalhes" do follow-up) fica no CSS do próprio app.
   Sem este arquivo o sistema funciona igual, só com o visual anterior. */

html:root{--line:#E6E8EF;--shadow:0 1px 2px rgba(20,25,40,.04),0 4px 16px rgba(20,25,40,.05)}
@media (prefers-color-scheme:dark){html:root:not([data-theme="light"]){--line:#262C3D;--shadow:0 1px 2px rgba(0,0,0,.25),0 6px 20px rgba(0,0,0,.2)}}
html:root[data-theme="dark"]{--line:#262C3D;--shadow:0 1px 2px rgba(0,0,0,.25),0 6px 20px rgba(0,0,0,.2)}

/* ritmo da página */
html body .main{gap:20px;padding-block:28px 72px}
html body .page-h{gap:14px}
html body .page-h h1{font-size:clamp(26px,3.6vw,34px);font-weight:800}
html body .eyebrow{font-size:10.5px;letter-spacing:.14em}

/* menu lateral (o espaçamento maior vale só no computador; no celular o menu vira a barra do topo) */
@media not all and (max-width:900px){html body .side{padding:26px 12px 0;gap:22px}html body .side-nav{gap:22px}}
html body .nav-g .gt{font-size:10px;padding-bottom:6px}
html body .nav-b{font-weight:500;padding:8px 12px;border-radius:9px}
html body .nav-b:hover{background:rgba(255,255,255,.05)}
html body .nav-b[aria-current="page"]{background:rgba(255,255,255,.08);box-shadow:none;font-weight:650;color:var(--side-act)}
html body .nav-b[aria-current="page"]::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:8px;flex:none}
html body .nav-b[aria-current="page"]{justify-content:flex-start}
html body .nav-b[aria-current="page"] .badge{margin-left:auto}
html body .side .foot{padding-bottom:10px}

/* superfícies */
html body .panel,html body .card,html body .list,html body .tbl-wrap,html body .stats,html body .empty{border-radius:14px}
html body .panel,html body .list,html body .tbl-wrap,html body .stats{box-shadow:var(--shadow)}
html body .card{box-shadow:none}
html body .panel{padding:16px 18px}
html body .card h3,html body .panel h3{font-size:11px;letter-spacing:.1em}

/* faixa de números */
html body .stat{padding:14px 20px}
html body .stat .k{font-size:12px}
html body .stat .v{font-size:24px;font-weight:700}

/* filtros e botões */
html body .chip{padding:4px 12px 4px 5px;font-weight:500;font-size:13.5px;border-color:transparent;box-shadow:var(--shadow)}
html body .chip[aria-pressed="true"]{font-weight:650;border-color:var(--a)}
html body .btn{font-weight:500;border-radius:9px}
html body .btn.primary{font-weight:650}
html body .seg{border-radius:11px}
html body .seg button{font-weight:500;border-radius:9px}
html body .seg button[aria-pressed="true"]{font-weight:650}
html body input.search{border-radius:9px}

/* cartões da agenda, funil e follow-up */
html body .ecard,html body .ticket{border-radius:11px}
html body .ecard:hover,html body .ticket:hover{box-shadow:var(--shadow)}
html body .col{background:color-mix(in srgb,var(--surface-2) 65%,var(--bg));border-radius:14px;padding:12px}
html body .col-h{border-bottom-width:1px;border-bottom-color:color-mix(in srgb,var(--s) 55%,var(--line))}
html body .col-h b,html body .fu-g h3{font-size:14px;font-weight:700;letter-spacing:.04em}
html body .grp h3{font-size:17px}
html body .badge{font-weight:600;font-size:10.5px;padding:2px 7px;border-radius:6px}
html body .dayrow{padding-inline:16px}
html body .dayrow.free{padding-block:2px}
html body .av-banner{border-radius:12px;padding:10px 16px}

/* tabelas */
html body th{background:transparent;font-size:10.5px;border-bottom-color:var(--line)}
html body td{border-bottom-color:var(--line)}

/* gaveta e formulários (no celular a gaveta mantém a margem estreita do app) */
@media not all and (max-width:520px){html body #drawer{padding-inline:26px}}
html body .dr-h h2{font-size:25px}
html body .dtabs button{font-weight:500}
html body .dtabs button[aria-selected="true"]{font-weight:650}
html body .f input:not([type=checkbox]),html body .f select,html body .f textarea{border-radius:9px}
html body .f label{font-weight:500}
html body .dr-actions{border-top-color:var(--line)}