/* GAVETA: telas do administrador do Mapa Comportamental › Comercial */
.mc-tabs{display:flex;gap:6px;flex-wrap:wrap}
.mc-tabs a{font:800 13.5px var(--body);text-decoration:none;color:var(--navy);background:#fff;border:1.5px solid var(--silver2);padding:8px 14px;border-radius:999px}
.mc-tabs a.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.mc-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap}
.mc-head p{color:var(--muted)}
.panel{background:#fff;border-radius:12px;padding:18px;border:1px solid var(--line);display:flex;flex-direction:column;gap:14px}
.kpis4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:760px){.kpis4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kpi{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:2px;border-top:4px solid var(--kc,var(--navy))}
.kpi span{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.kpi b{font-family:var(--disp);font-size:38px;line-height:1.05;color:var(--navy);font-variant-numeric:tabular-nums}
.filtros{display:flex;gap:10px;flex-wrap:wrap}
.filtros input,.filtros select{width:auto;min-width:200px;flex:1}
.tbl{overflow-x:auto}
.tbl table{border-collapse:collapse;width:100%;min-width:860px;font-size:14px}
.tbl th,.tbl td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:middle}
.tbl th{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.tbl tr:hover td{background:#FAFBFD}
.tbl .nome{font-weight:800;color:var(--navy)}
.tbl .sub{font-size:12px;color:var(--muted)}
.acoes{display:flex;gap:6px;flex-wrap:wrap}
.st{font-weight:800;font-size:12px;padding:3px 10px;border-radius:999px;color:#fff;white-space:nowrap;display:inline-block}
.st-enviado{background:#2F6FD0}.st-aberto{background:#5B7FA6}.st-andamento{background:#E9A21B;color:#1A2433}.st-concluido{background:#2E9E6A}.st-expirado{background:#D64545}.st-cancelado{background:#AEB6C2;color:#1A2433}
.chips{display:flex;gap:4px;flex-wrap:wrap}
.chip{font-size:11.5px;font-weight:800;padding:2px 8px;border-radius:6px;color:#fff}
.mini{height:6px;background:var(--silver2);border-radius:999px;overflow:hidden;width:90px;margin-top:4px}
.mini i{display:block;height:100%;background:var(--gold)}
.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:700px){.form{grid-template-columns:1fr}}
.form .f{display:flex;flex-direction:column;gap:5px}
.form .full{grid-column:1/-1}
.form .ajuda{font-size:12.5px;color:var(--muted)}
.linkbox{display:flex;gap:8px;align-items:center;background:#F3F6FA;border:1.5px dashed var(--silver);border-radius:10px;padding:12px;flex-wrap:wrap}
.linkbox code{font-size:13px;word-break:break-all;flex:1;min-width:200px}
.vazio{text-align:center;color:var(--muted);padding:30px 10px}
.det-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start}
@media (max-width:760px){.det-head{grid-template-columns:1fr}}
.det-info{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:var(--muted)}
.det-info b{color:var(--ink)}
.desemp{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.desemp button.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.g2x{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:800px){.g2x{grid-template-columns:1fr}}
.hbar{display:grid;grid-template-columns:130px minmax(0,1fr) 40px;gap:10px;align-items:center;font-size:14px}
.hbar .track{height:14px;background:var(--silver2);border-radius:999px;overflow:hidden}
.hbar .track i{display:block;height:100%;border-radius:999px}
.hbar b{text-align:right;font-variant-numeric:tabular-nums}
.rel-wrap{background:#E6E9EE;border-radius:12px;padding:16px 8px}
@media print{.rel-wrap{background:#fff;padding:0}}
.r360{font-family:var(--disp);font-size:18px;color:var(--muted)}
.r360 b{color:var(--navy)}
.b360{display:flex;flex-direction:column;gap:10px}
.b360 #bt360{width:fit-content}
.b360-in{display:flex;flex-direction:column;gap:10px;background:#F7F9FC;border:1.5px dashed var(--silver);border-radius:12px;padding:14px}
.sub360{font-size:13.5px;color:var(--muted);margin:0}
#l360,#novo360 #l360{display:flex;flex-direction:column;gap:8px}
.l360{display:grid;grid-template-columns:150px minmax(0,1fr) minmax(0,1fr) 36px;gap:8px;align-items:center}
@media (max-width:700px){.l360{grid-template-columns:1fr 36px}.l360 .tag360{grid-column:1/-1}.l360 input{grid-column:1}}
.tag360{font-size:11.5px;font-weight:800;padding:4px 9px;border-radius:6px;color:#fff;width:fit-content;white-space:nowrap}
.t-empresario{background:#C9A227;color:#13233F}.t-lider{background:#2F6FD0}.t-colega{background:#5B7FA6}
.add360 summary{cursor:pointer;font-weight:800;color:var(--navy);padding:6px 0}
.add360[open]{display:flex;flex-direction:column;gap:10px}
.talento{background:#F1ECFB;border-left:5px solid #7A5BC7;border-radius:8px;padding:10px 12px;font-size:14px}
.comp-ok{background:#EEF8F3;border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}
.ck{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
@media (max-width:600px){.ck{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ck-d{border:1.5px solid var(--silver2);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--muted)}
.ck-d b{font-family:var(--disp);font-size:20px;color:var(--navy)}
.ck-d.ok{border-color:var(--cc);background:color-mix(in srgb,var(--cc) 10%,#fff);color:var(--ink);font-weight:800}
details>summary{cursor:pointer;font-weight:800;color:var(--navy)}
#cSug{margin-bottom:6px}
.campo{display:block;width:100%;max-width:440px;height:auto;margin:0 auto}
.stack-x{display:flex;flex-direction:column;gap:14px}
.falta{border-left:5px solid var(--cc);background:color-mix(in srgb,var(--cc) 8%,#fff);border-radius:8px;padding:8px 12px;font-size:14px}
.falta b{color:var(--cc)}
.falta p{margin:2px 0 0;font-size:13px}
.mf-mat{min-width:640px}
.mf-mat th{white-space:nowrap}
.cel{display:inline-block;min-width:48px;text-align:center;font-weight:800;font-size:13px;border-radius:6px;padding:3px 6px;background:color-mix(in srgb,var(--cc) 16%,#fff);color:var(--ink)}
.cel.melhor{background:var(--cc);color:#fff}
.cel.melhor::before{content:"★ "}
.cel.resp{outline:2.5px solid var(--navy);outline-offset:1px}
.alerta{border-radius:10px;padding:12px 14px;font-size:14px}
.alerta ul{margin:6px 0 0;padding-left:18px}
.a-azul{background:#EEF3FB;border-left:5px solid #2F6FD0}
.a-verm{background:#FCEEEE;border-left:5px solid #D64545}
.dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px;vertical-align:middle}
/* modo apresentação */
.mf-show{position:fixed;inset:0;z-index:100;background:#13233F;color:#fff;display:flex;flex-direction:column;font-family:var(--body)}
.mf-slide{flex:1;overflow:auto;padding:4vh 6vw;display:flex;flex-direction:column;gap:3vh;justify-content:center}
.mf-slide h2{font-family:var(--disp);text-transform:uppercase;font-size:clamp(30px,4.5vw,60px);margin:0;color:#fff}
.mf-slide svg{max-height:62vh;width:100%}
.mf-slide .campo{max-width:none}
.sl-capa{text-align:center;display:flex;flex-direction:column;gap:2vh;align-items:center}
.sl-capa small{letter-spacing:.2em;text-transform:uppercase;color:#C9A227;font-weight:800}
.sl-capa h1{font-family:var(--disp);font-size:clamp(44px,8vw,110px);text-transform:uppercase;margin:0;line-height:1}
.sl-capa p{font-size:clamp(18px,2vw,26px);color:#DCE1E8;max-width:40ch}
.sl-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4vw;align-items:center}
@media (max-width:760px){.sl-2{grid-template-columns:1fr}}
.sl-2>div:first-child{background:#fff;border-radius:16px;padding:10px}
.sl-txt{display:flex;flex-direction:column;gap:12px;font-size:clamp(16px,1.7vw,22px)}
.sl-txt p{margin:0}
.sl-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.sl-cards div{background:#fff;color:var(--ink);border-top:8px solid var(--cc);border-radius:12px;padding:16px}
.sl-cards b{font-family:var(--disp);font-size:30px;text-transform:uppercase;color:var(--cc);display:block}
.sl-cards small{color:var(--muted);font-weight:800}
.sl-nota{color:#DCE1E8;font-size:18px;max-width:60ch}
.sl-big{font-family:var(--disp);font-size:clamp(90px,16vw,200px);font-weight:800;line-height:1}
.mf-nav{display:flex;justify-content:center;align-items:center;gap:14px;padding:12px;background:rgba(0,0,0,.25)}
.mf-nav button{font:800 22px var(--body);background:rgba(255,255,255,.12);color:#fff;border:0;border-radius:10px;width:48px;height:44px;cursor:pointer}
.mf-nav span{font-variant-numeric:tabular-nums;color:#DCE1E8;min-width:60px;text-align:center}
.b360-in #addCol{width:fit-content}
.sx select{width:auto;padding:3px 6px;font-size:13px;margin-left:4px}