:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#172c3a;background:#f4f7f9;font-size:14px;--teal:#007e80;--muted:#6b7d89}
*{box-sizing:border-box}
body{margin:0}
button,input,select,textarea{font:inherit}
button,a,select{cursor:pointer}
button{border:1px solid #d8e2e6;background:white;border-radius:8px;padding:10px 14px;color:inherit}
button:hover{background:#eaf4f3}
button:focus-visible,a:focus-visible,input:focus,select:focus,textarea:focus{outline:3px solid #59bdba;outline-offset:2px}
a{color:inherit;text-decoration:none}
.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}
.sidebar{background:#102e3a;color:#c4d5dc;padding:33px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}
.brand{font-size:25px;font-weight:780;color:white;letter-spacing:-1px}
.brand b{color:#63d4c1}
.brand small{display:block;font-size:10px;letter-spacing:2.4px;font-weight:500;color:#9fb6c1;margin-top:7px}
.navlabel{text-transform:uppercase;font-size:10px;letter-spacing:1.5px;color:#7f9aa6;margin:44px 12px 13px}
nav{display:grid;gap:6px}
nav a{padding:13px 12px;border-radius:8px;display:flex;gap:12px;align-items:center}
nav a.active{background:#23505b;color:#fff;box-shadow:inset 3px 0 #60d8bd}
nav a:hover{background:#1a424e}
.sidefoot{margin-top:auto;padding-top:30px;font-size:12px;line-height:1.7}
.sidefoot strong{display:block;color:#e0eeee}
.sidefoot .status{color:#8faaa8}
.main{min-width:0}
.topbar{height:78px;background:#fff;border-bottom:1px solid #e1e8eb;display:flex;align-items:center;justify-content:space-between;padding:0 36px}
.breadcrumb{color:var(--muted);font-size:12px}
.avatar{background:#e6f3ef;color:#237868;border-radius:50%;width:33px;height:33px;display:inline-grid;place-items:center;font-weight:700}
.identity{display:flex;align-items:center;gap:10px;font-size:12px}
.identity small{color:var(--muted)}
.workspace{padding:28px 36px 40px;max-width:1680px;margin:auto}
.demo{background:#fff7e8;border:1px solid #eddfbc;color:#82652c;padding:11px 15px;border-radius:8px;font-size:12px;margin-bottom:27px;display:flex;justify-content:space-between;gap:12px}
.demo button{border:0;padding:0;background:none;color:#82652c;text-decoration:underline;font-size:12px}
.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:15px}
h1{font-size:29px;letter-spacing:-.8px;margin:0 0 8px}
p{color:var(--muted);line-height:1.6;margin:5px 0}
h2{font-size:18px;margin:0 0 14px}
h3{font-size:15px;margin:0 0 10px}
.eyebrow{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--teal);font-weight:700;margin-bottom:10px}
.pill{font-size:11px;border-radius:5px;padding:5px 8px;background:#eef2f5;color:#5c7280;display:inline-block;white-space:nowrap}
.pill.green{background:#e6f5ef;color:#197655}
.pill.orange{background:#fff0dc;color:#9a6518}
.pill.blue{background:#e9f1fc;color:#4472ac}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:24px}
.stat{background:white;border:1px solid #e0e7eb;border-radius:11px;padding:20px}
.stat label{font-size:12px;color:var(--muted)}
.stat strong{font-size:29px;display:block;margin:12px 0 7px;letter-spacing:-.7px}
.stat small{color:var(--muted);font-size:11px}
.stat.accent{background:#eaf4f2;border-color:#cce6de}
.filters{background:white;border:1px solid #e0e7eb;border-radius:11px;padding:18px;margin-bottom:24px;display:flex;gap:12px;flex-wrap:wrap;align-items:end}
.filters label{font-size:11px;color:var(--muted);display:grid;gap:7px;flex:1;min-width:110px}
.filters label.search{flex:2;min-width:200px}
input,select,textarea{border:1px solid #d7e1e5;border-radius:7px;padding:10px 11px;background:#fff;color:#243f4c;width:100%;min-height:39px}
textarea{min-height:75px}
.listhead{display:flex;justify-content:space-between;align-items:center;margin:25px 0 14px}
.listhead p{font-size:12px}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.card{background:white;border:1px solid #dfe7eb;border-radius:11px;padding:21px;transition:box-shadow .15s}
.card:hover{box-shadow:0 6px 22px #193e4b09}
.cardtop{display:flex;justify-content:space-between;gap:10px;margin-bottom:14px}
.meta{color:var(--muted);font-size:11px}
.card h3{font-size:16px;line-height:1.4;margin:10px 0 7px}
.card p{font-size:12px}
.cardvalues{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;padding-bottom:17px;border-bottom:1px solid #edf1f3}
.cardvalues small{display:block;font-size:10px;color:var(--muted);margin-bottom:7px}
.cardvalues strong{font-size:17px}
.cardbottom{display:flex;justify-content:space-between;align-items:center;gap:8px}
.linkbtn{border:0;padding:6px 0;color:var(--teal);font-weight:650;background:none}
.source{font-size:10px;color:#83939b;margin-top:16px}
.primary{background:var(--teal);border-color:var(--teal);color:white}
.primary:hover{background:#006a6c}
.empty{padding:45px;text-align:center;grid-column:1/-1;color:var(--muted);background:white;border-radius:10px}
.board{display:flex;overflow:auto;gap:15px;padding-bottom:18px}
.column{min-width:260px;width:280px;background:#eaf0f3;padding:14px;border-radius:10px}
.column h3{font-size:12px;padding:5px}
.column .card{padding:15px;margin:12px 0}
.column .card h3{padding:0}
.task{display:flex;align-items:center;gap:14px;background:#fff;border-bottom:1px solid #e3e9ed;padding:17px}
.task input{width:20px;min-height:20px}
.task .tasktext{flex:1}
.task.done h3{text-decoration:line-through;color:#8b9ba3}
.task small{color:var(--muted)}
.panel{background:white;border:1px solid #e0e7eb;border-radius:11px;padding:23px;margin-bottom:19px}
.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.formgrid label{font-size:12px;display:grid;gap:6px}
.span2{grid-column:1/-1}
.calendar{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.datebox{font-size:26px;color:var(--teal);font-weight:700;margin-bottom:12px}
.bar{height:8px;border-radius:10px;background:#ebf1f3;margin:8px 0 17px}
.bar span{display:block;height:8px;border-radius:10px;background:#36a896}
.management{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}
dialog{border:0;border-radius:14px;padding:0;width:min(850px,95vw);max-height:91vh;color:#172c3a;box-shadow:0 25px 100px #102e3a44}
dialog::backdrop{background:#102e3a88;backdrop-filter:blur(3px)}
.dialoghead{padding:25px 28px;border-bottom:1px solid #e0e7eb;display:flex;justify-content:space-between;align-items:start;position:sticky;top:0;background:white;z-index:2}
.dialoghead h2{font-size:21px;margin:8px 0}
.dialogbody{padding:24px 28px}
.detailgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.detailgrid .panel{margin:0;padding:18px}
.detailgrid .panel p{font-size:12px}
.detailgrid label{display:grid;gap:7px;font-size:12px;margin:12px 0}
.note{background:#edf7f4;color:#3c7769;padding:12px;border-radius:7px;font-size:12px;margin:14px 0}
.history{padding-left:17px;color:var(--muted);line-height:1.8;font-size:12px}
#toast{display:none;position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#143c46;color:white;padding:15px 23px;border-radius:9px;z-index:10;box-shadow:0 6px 30px #0003;max-width:90vw}
.danger{color:#a3473c}
.small{font-size:11px}
.footer{margin-top:25px;color:#83949d;font-size:11px}
.docrow{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #edf1f3}
.docrow small{display:block;color:var(--muted);margin-top:6px}
@media(min-width:1450px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){.shell{grid-template-columns:185px 1fr}
.sidebar{padding:25px 15px}
.workspace{padding:23px}
.topbar{padding:0 23px}
.stats{grid-template-columns:repeat(2,1fr)}
.grid,.management{grid-template-columns:1fr}
.calendar{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){.shell{display:block}
.sidebar{position:static;height:auto;padding:18px}
.brand{font-size:22px}
.brand small,.navlabel,.sidefoot{display:none}
nav{display:flex;overflow:auto;margin-top:18px;gap:5px}
nav a{white-space:nowrap;padding:10px;font-size:12px}
nav a span{display:none}
.topbar{height:59px;padding:0 18px}
.workspace{padding:20px 16px}
.demo{font-size:10px;margin-bottom:22px}
.heading{align-items:start}
h1{font-size:25px}
.heading .pill{display:none}
.stats{gap:10px}
.stat{padding:15px}
.stat strong{font-size:25px}
.filters{padding:14px;gap:10px}
.filters label{min-width:40%;}
.filters label.search{flex-basis:100%}
.grid,.calendar,.detailgrid,.formgrid{grid-template-columns:1fr}
.span2{grid-column:auto}
.dialoghead,.dialogbody{padding:19px}
.dialoghead h2{font-size:17px}
.task{padding:14px 10px}
.card{padding:18px}
.identity small{display:none}
}


/* ===== Acréscimos do CRM (Fase 1) — preservam o visual do protótipo ===== */
body{background:#f4f7f9}
.carregando{padding:40px;color:var(--muted)}
.sidefoot .ok{color:#7fd8b9}
.sidefoot .alerta{color:#f3c47a}
.topbar .sair{border:0;background:none;color:var(--teal);font-weight:650;padding:6px 0;white-space:nowrap}
.badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#e9504a;color:#fff;font-size:11px;font-weight:700;margin-left:auto}
nav a .badge{background:#e9504a}
.pill.red{background:#fde9e7;color:#a3473c}
.pill.gray{background:#eef2f5;color:#5c7280}
.pill.dark{background:#173c48;color:#e7f3f1}
.teste{background:#fff0dc;border:1px solid #f0d6a9;color:#7b5513;padding:10px 14px;border-radius:8px;font-size:12px;margin-bottom:18px}
.statusbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}
.statusbar .stat strong{font-size:17px;letter-spacing:-.2px;margin:10px 0 6px}
.statusbar .stat small{display:block;line-height:1.5}
.stat.warn{background:#fff7e8;border-color:#eddfbc}
.stat.bad{background:#fdf0ee;border-color:#f1cdc7}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.tabs button{padding:8px 13px;font-size:13px}
.tabs button[aria-pressed="true"]{background:#102e3a;color:#fff;border-color:#102e3a}
.feed{display:grid;gap:10px}
.aviso{background:#fff;border:1px solid #e0e7eb;border-left:4px solid #9fb6c1;border-radius:10px;padding:15px 17px;display:grid;gap:8px}
.aviso.nova{border-left-color:#36a896}
.aviso.alterada{border-left-color:#e0a03a}
.aviso.urgente{border-left-color:#e9504a}
.aviso.lido{opacity:.72}
.aviso h3{margin:0;font-size:14px;line-height:1.45}
.aviso .meta{display:flex;gap:6px 14px;flex-wrap:wrap}
.acoes{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.acoes button{padding:7px 11px;font-size:12px}
.lista{display:grid;gap:12px}
.linha{background:#fff;border:1px solid #dfe7eb;border-radius:11px;padding:17px 19px;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:18px}
.linha h3{font-size:15px;margin:6px 0;line-height:1.45}
.linha h3 a:hover{color:var(--teal);text-decoration:underline}
.linha .lado{display:grid;gap:8px;align-content:start;font-size:12px}
.linha .lado strong{display:block;font-size:14px}
.linha .lado small{color:var(--muted)}
.tags{display:flex;gap:6px;flex-wrap:wrap}
.motivos{margin:6px 0 0;padding-left:17px;color:var(--muted);font-size:12px;line-height:1.6}
.paginacao{display:flex;gap:10px;align-items:center;justify-content:center;margin:18px 0}
.filters details{flex-basis:100%}
.filters summary{font-size:12px;color:var(--teal);cursor:pointer;font-weight:650}
.filters .mais{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.filters label.check{flex-direction:row;display:flex;align-items:center;gap:7px;min-width:auto;flex:0 0 auto}
.filters label.check input{width:auto;min-height:auto}
.ficha-cab{background:#fff;border:1px solid #e0e7eb;border-radius:11px;padding:22px;margin-bottom:16px}
.ficha-cab h1{font-size:22px;line-height:1.35;letter-spacing:-.3px}
.voltar{border:0;background:none;color:var(--teal);padding:0;margin-bottom:14px;font-weight:650}
.secoes{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;align-items:start}
.secoes .panel{margin:0}
.col{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);min-width:0}
dl.campos{display:grid;grid-template-columns:minmax(120px,190px) 1fr;gap:9px 14px;margin:0;font-size:13px}
dl.campos dt{color:var(--muted)}
dl.campos dd{margin:0;word-break:break-word}
.ev{border:0;background:none;padding:0 0 0 6px;color:#7f97a2;font-size:11px;text-decoration:underline dotted}
.evbox{background:#f6f9fa;border:1px dashed #cfdce1;border-radius:7px;padding:9px 11px;font-size:11px;color:#4f6875;margin-top:6px;line-height:1.6;word-break:break-all}
table.tab{width:100%;border-collapse:collapse;font-size:12px}
table.tab th{text-align:left;color:var(--muted);font-weight:600;padding:8px 8px;border-bottom:1px solid #e3e9ed;white-space:nowrap}
table.tab td{padding:9px 8px;border-bottom:1px solid #eef2f4;vertical-align:top}
table.tab tr.destaque td{background:#f1faf7}
.tabwrap{overflow-x:auto}
.vazio{color:var(--muted);font-size:13px;padding:14px 0}
.fase2{background:#f3f1fb;border:1px solid #ddd7f1;color:#4e4579;padding:12px 14px;border-radius:8px;font-size:12px;margin:10px 0;line-height:1.6}
.fase2 strong{color:#3b3266}
form.inline{display:grid;gap:10px}
form.inline label{display:grid;gap:6px;font-size:12px;color:var(--muted)}
.erro{color:#a3473c;font-size:12px}
.login{min-height:100vh;display:grid;place-items:center;background:#102e3a;padding:20px}
.login .caixa{background:#fff;border-radius:14px;padding:32px;width:min(400px,100%);display:grid;gap:14px}
.login .brand{color:#102e3a}
.login .brand small{color:#5b7480}
.login label{display:grid;gap:6px;font-size:12px;color:var(--muted)}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}
textarea.json{min-height:360px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.grid2 .panel{margin:0}
.etapas td:first-child{white-space:nowrap}
dialog .conteudo{padding:22px 26px;display:grid;gap:14px}
dialog .conteudo h2{margin:0}
.agenda{display:grid;gap:10px}
.agenda .dia{background:#fff;border:1px solid #e0e7eb;border-radius:10px;padding:14px 16px}
.agenda .dia h3{color:var(--teal);margin-bottom:8px}
.agenda .ev-item{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid #eef2f4;font-size:13px}
.agenda .ev-item:first-of-type{border-top:0}
@media(max-width:1100px){.statusbar{grid-template-columns:repeat(2,minmax(0,1fr))}.secoes,.grid2{grid-template-columns:1fr}}
@media(max-width:700px){.linha{grid-template-columns:1fr;gap:10px}dl.campos{grid-template-columns:1fr;gap:2px}dl.campos dd{margin-bottom:9px}}
@media(max-width:600px){.statusbar{grid-template-columns:1fr}.ficha-cab{padding:17px}.ficha-cab h1{font-size:18px}nav a .badge{margin-left:4px}}
.divisor{border:0;border-top:1px solid #2b4853;margin:16px 0}
.espaco{flex:1}
.t13{font-size:13px}
.titulo-login{font-size:20px;margin:6px 0 0}
.mt6{margin-top:6px}.mt8{margin-top:8px}.mt10{margin-top:10px}.mt12{margin-top:12px}.mt16{margin-top:16px}.m0{margin:0}.my10{margin:10px 0}
label.check{display:flex;gap:8px;align-items:center}
label.check input{width:auto;min-height:auto}
.aviso .reclass{font-size:12px;color:#7b5513;background:#fff7e8;border-radius:6px;padding:6px 9px}
.secoes .panel,.grid2 .panel{min-width:0}
.docrow>div{min-width:0;overflow-wrap:anywhere}.docrow>a{flex-shrink:0;white-space:nowrap}h1,h3,.linha h3,.aviso h3{overflow-wrap:anywhere}
form.inline label.check{display:flex;gap:8px;align-items:center;color:inherit}

/* Marca Silva Licitações */
.brand{font-size:21px;letter-spacing:-.6px;line-height:1.15}
.login .brand{font-size:24px}
@media(max-width:600px){.brand{font-size:19px}}

/* Participação, margem e custos por item */
.badge.azul{background:#4472ac}
.grid2.topo{margin-bottom:16px}
.decisao-estado .pill{font-size:13px;padding:7px 11px}
.margem-grande{font-size:38px;font-weight:760;letter-spacing:-1.2px;color:var(--teal);margin:2px 0 12px}
.margem-grande.negativa{color:#a3473c}
.margem-grande.vazia{color:#b7c4cb}
table.itens td.num,table.itens th.num{text-align:right;white-space:nowrap}
table.itens td.desc{min-width:240px}
table.itens input.custo{width:132px;min-height:36px;padding:7px 9px;text-align:right;font-variant-numeric:tabular-nums}
table.itens input.custo.salvando{border-color:#9fb6c1;background:#f6f9fa}
table.itens input.custo.salvo{border-color:#36a896;background:#f1faf7}
table.itens input.custo.erro-campo{border-color:#a3473c;background:#fdf0ee}
table.itens .quem{display:block;font-size:10px;margin-top:4px;white-space:nowrap}
.linha .lado strong.erro,.campos strong.erro,.margem-item strong.erro{color:#a3473c}
/* Celular: cada item vira um cartão, com o campo de custo visível sem rolar para o lado */
@media(max-width:700px){
  .tabwrap:has(table.itens){overflow:visible}
  table.itens,table.itens tbody,table.itens tr,table.itens td{display:block;width:100%}
  table.itens thead{display:none}
  table.itens tr{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;border:1px solid #e3e9ed;border-radius:10px;padding:12px;margin-bottom:10px;background:#fff}
  table.itens tr.destaque{background:#f1faf7}
  table.itens td,table.tab.itens td{border:0;padding:0;background:transparent!important;text-align:left!important;white-space:normal}
  table.itens td.desc{grid-column:1/-1;min-width:0}
  table.itens td[data-rotulo]::before{content:attr(data-rotulo);display:block;font-size:10px;color:var(--muted);margin-bottom:2px}
  table.itens td[data-rotulo="Seu custo unitário"]{grid-column:1/-1}
  table.itens input.custo{width:100%;text-align:left;font-size:16px}
}

/* ===== Funil e Kanban (tela da frente) ===== */
.heading.compacto{margin-bottom:16px;align-items:center}
.heading.compacto h1{margin:0}
.banner-falha{background:#fdf0ee;border:1px solid #f1cdc7;color:#8d3b33;padding:11px 14px;border-radius:9px;font-size:13px;margin-bottom:14px}
.banner-falha a{color:#8d3b33;font-weight:650;text-decoration:underline}
.funil{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px}
.funil-etapa{display:grid;gap:4px;text-align:left;background:#fff;border:1px solid #e0e7eb;border-radius:11px;padding:14px 16px;position:relative}
.funil-etapa:not(:last-child)::after{content:'›';position:absolute;right:-9px;top:50%;transform:translateY(-50%);color:#9fb6c1;font-size:18px;z-index:1}
.funil-etapa .funil-nome{font-size:12px;color:var(--muted);font-weight:600}
.funil-etapa strong{font-size:30px;letter-spacing:-.8px;line-height:1.1}
.funil-etapa small{font-size:11px;color:var(--muted)}
.funil-etapa.ativa{border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal)}
.funil-etapa.participando strong{color:#197655}.funil-etapa.ganha strong{color:#007e80}.funil-etapa.descartada strong{color:#a3473c}
.avisos-compactos{padding:16px 18px}
.avisos-compactos h2 .meta{font-weight:400;margin-left:6px}
.aviso-linha{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid #eef2f4;font-size:13px}
.aviso-linha a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.aviso-linha a:hover{color:var(--teal)}
.aviso-linha .meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}
button.mini{padding:3px 9px;font-size:12px;border-radius:6px}
.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:6px 0 14px}
.toolbar input{flex:2;min-width:200px}
.toolbar select{flex:1;min-width:140px;width:auto}
.visao{display:flex;border:1px solid #d8e2e6;border-radius:8px;overflow:hidden}
.visao button{border:0;border-radius:0;padding:9px 14px}
.visao button[aria-pressed="true"]{background:#102e3a;color:#fff}
.kanban{display:grid;grid-template-columns:repeat(5,minmax(176px,1fr));gap:12px;overflow-x:auto;padding-bottom:8px;align-items:start}
.kcoluna{background:#eaf0f3;border-radius:11px;padding:10px;min-width:0}
.kcoluna header{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 8px}
.kcoluna h3{margin:0;font-size:13px}
.kcoluna.ativa{box-shadow:inset 0 0 0 2px var(--teal)}
.kcards{display:grid;gap:8px}
.kcard{background:#fff;border:1px solid #dfe7eb;border-radius:9px;padding:11px 12px;display:grid;gap:4px}
.kcard.urgente{border-left:3px solid #e9504a}
.ktitulo{font-weight:650;font-size:13px;line-height:1.35}
.ktitulo:hover{color:var(--teal);text-decoration:underline}
.kmeta{font-size:12px;color:#36505c}
.kprazo,.kinfo{font-size:11px;color:var(--muted)}
.kprazo.erro{color:#a3473c;font-weight:600}
.kinfo{color:#197655}
.kacoes{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.kacoes button{padding:5px 9px;font-size:12px}
.kcoluna .linkbtn{margin:8px 4px 2px;font-size:12px}
.lc{background:#fff;border:1px solid #dfe7eb;border-radius:10px;padding:12px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center}
.lc-titulo{font-weight:650;font-size:14px}
.lc-titulo:hover{color:var(--teal);text-decoration:underline}
.lc-lado{display:grid;gap:4px;justify-items:end;font-size:12px}
.lista{gap:8px}
.sistema{margin-top:28px;padding:14px 4px 0;border-top:1px solid #e1e8eb;font-size:11px;color:#83949d;display:grid;gap:4px;line-height:1.6}
.sistema strong{color:#5c7280;font-size:11px}
.ficha-cab .kmeta{font-size:14px;margin:4px 0}
.resultado-box{background:#f6f9fa;border:1px solid #e3e9ed;border-radius:8px;padding:10px 12px}
@media(max-width:1100px){.funil{grid-template-columns:repeat(3,minmax(0,1fr))}.funil-etapa::after{display:none}}
@media(max-width:700px){
  .funil{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
  .funil-etapa{padding:9px 6px;text-align:center;justify-items:center}
  .funil-etapa .funil-nome{font-size:10px}.funil-etapa strong{font-size:22px}.funil-etapa small{display:none}
  .kanban{display:block}
  .kcoluna{display:none}
  .kcoluna.ativa{display:block;box-shadow:none}
  .lc{grid-template-columns:1fr}.lc-lado{justify-items:start}
  .aviso-linha{grid-template-columns:auto minmax(0,1fr) auto}.aviso-linha .meta{display:none}
  .toolbar input{min-width:100%}
}

/* ===== Funil e CRM (6 etapas, 4 colunas), rótulos do radar, documentação e calendário ===== */
.funil.seis{grid-template-columns:repeat(6,minmax(0,1fr))}
.funil-etapa.interesse strong{color:#4472ac}.funil-etapa.aprovada strong{color:#197655}.funil-etapa.perdida strong,.funil-etapa.recusada strong{color:#a3473c}
.kanban.quatro{grid-template-columns:repeat(4,minmax(200px,1fr))}
.kdocs{font-size:11px;font-weight:650;color:#9a6518}
.kdocs.ok{color:#197655}
.rotulos{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.rotulo{padding:6px 11px;font-size:12px;border-radius:16px;background:#fff}
.rotulo.pend.ativo{background:#eef2f5;border-color:#9fb6c1;font-weight:700}
.rotulo.int.ativo{background:#e9f1fc;border-color:#4472ac;color:#2d5a8f;font-weight:700}
.rotulo.rec.ativo{background:#fde9e7;border-color:#c97b70;color:#a3473c;font-weight:700}
.rotulo:not(.ativo){color:#5c7280}
.listhead .tabs button{padding:6px 11px;font-size:12px}
a.botao{display:inline-block;border:1px solid #d8e2e6;border-radius:8px;padding:10px 14px;font-weight:600}
a.botao.primary{background:var(--teal);border-color:var(--teal);color:#fff}
a.botao.primary:hover{background:#006a6c}
progress.progresso{width:100%;height:8px;border:0;border-radius:6px;overflow:hidden;background:#ebf1f3;appearance:none;display:block;margin:8px 0}
progress.progresso::-webkit-progress-bar{background:#ebf1f3;border-radius:6px}
progress.progresso::-webkit-progress-value{background:#36a896;border-radius:6px}
progress.progresso::-moz-progress-bar{background:#36a896}
.doc-linha{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid #eef2f4}
.doc-linha:first-of-type{border-top:0}
.doc-progresso{display:grid;gap:2px}
.grid-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end}
h3.grupo-doc{margin:18px 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--teal)}
.doc-item{display:grid;grid-template-columns:minmax(0,2fr) 170px minmax(0,1fr) minmax(0,1.3fr) 140px 30px;gap:8px;align-items:center;padding:9px 10px;border:1px solid #e6edf0;border-left:3px solid #c9d6dc;border-radius:8px;margin-bottom:6px;background:#fff}
.doc-item.pronto{border-left-color:#36a896}.doc-item.enviado{border-left-color:#4472ac}.doc-item.recebido{border-left-color:#102e3a}
.doc-item.em_preparacao{border-left-color:#e0a03a}.doc-item.dispensado{opacity:.6}
.doc-item select,.doc-item input{min-height:34px;padding:6px 8px;font-size:12px}
.doc-item input[type=file]{padding:4px;font-size:11px}
.doc-nome strong{font-size:13px}
.inline-linha{display:flex;gap:8px;flex-wrap:wrap}
.inline-linha input{flex:2;min-width:220px}.inline-linha select{flex:1;min-width:180px;width:auto}
.cal-nav{display:flex;gap:8px;align-items:center}
.cal-nav strong{min-width:150px;text-align:center}
.cal-nav button{padding:7px 12px}
.cal-grade{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:12px 0}
.cal-grade .sem{font-size:11px;color:var(--muted);text-align:center;padding:4px 0;font-weight:600}
.dia-cal{min-height:92px;background:#f8fafb;border:1px solid #e6edf0;border-radius:7px;padding:5px;display:flex;flex-direction:column;gap:3px;min-width:0}
.dia-cal.vazio{background:transparent;border:0}
.dia-cal.hoje{border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal)}
.dia-cal .num{font-size:11px;font-weight:700;color:#5c7280}
.dia-cal .ev{font-size:10.5px;line-height:1.3;padding:3px 5px;border-radius:5px;background:#e9f1fc;color:#2d5a8f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.dia-cal .ev.documento,.dia-cal .ev.validade{background:#fff0dc;color:#9a6518}
.dia-cal .ev.perto{background:#fde9e7;color:#a3473c;font-weight:650}
.dia-cal .ev.passado{opacity:.55}
.dia-cal .mais-ev{font-size:10px;color:var(--muted)}
.dia-cal .pontos{display:none}
.agenda-lista{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:6px}
.agenda-lista li{display:flex;gap:12px;font-size:13px;align-items:baseline;padding:6px 0;border-top:1px solid #eef2f4}
.agenda-lista li.perto a{color:#a3473c;font-weight:650}
.data-ag{min-width:90px;color:var(--muted);font-variant-numeric:tabular-nums}
@media(max-width:1100px){.funil.seis{grid-template-columns:repeat(3,minmax(0,1fr))}.doc-item{grid-template-columns:1fr 1fr;}.doc-item .doc-nome{grid-column:1/-1}.grid-form{grid-template-columns:1fr 1fr}}
@media(max-width:700px){
  .funil.seis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .kanban.quatro{display:block}
  .doc-linha{grid-template-columns:1fr}
  .doc-item{grid-template-columns:1fr}
  .grid-form{grid-template-columns:1fr}
  .dia-cal{min-height:44px;padding:3px}
  .dia-cal .ev,.dia-cal .mais-ev{display:none}
  .dia-cal .pontos{display:inline-grid;place-items:center;min-width:16px;height:16px;border-radius:8px;background:var(--teal);color:#fff;font-size:10px;margin-top:auto}
  .agenda-lista li{flex-direction:column;gap:2px}
  .cal-nav strong{min-width:110px}
}
@media(max-width:600px){.heading:has(.cal-nav){flex-direction:column;align-items:stretch}.cal-nav{justify-content:space-between}.cal-nav strong{min-width:0;flex:1}}
/* Funil com 5 etapas e quadro com 3 colunas */
.funil.cinco{grid-template-columns:repeat(5,minmax(0,1fr))}
.kanban.tres{grid-template-columns:repeat(3,minmax(220px,1fr))}
@media(max-width:1100px){.funil.cinco{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.funil.cinco{grid-template-columns:repeat(5,minmax(0,1fr))}.kanban.tres{display:block}}

/* ===== Marcas (LEDs, Manager Intermídia, Adere Vision) ===== */
.marca-tag{display:inline-flex;align-items:center;height:24px;padding:3px 8px;border:1px solid #e0e7eb;border-radius:6px;background:#fff}
.marca-tag img{height:16px;width:auto;display:block}
.marca-tag.leds{padding:2px;border-color:#0f2731}
.marca-tag.leds img{height:18px}
.kmarcas{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:2px}
.kmarcas .marca-tag{height:20px;padding:2px 6px}.kmarcas .marca-tag img{height:12px}.kmarcas .marca-tag.leds img{height:14px}
.marcas-filtro{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:4px 0 14px}
.marca-filtro{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:#fff;min-height:44px}
.marca-filtro img{height:20px;width:auto;display:block}
.marca-filtro b{font-size:12px;background:#eef2f5;color:#36505c;border-radius:9px;padding:1px 7px}
.marca-filtro.ativo{border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal);background:#f1faf7}
.sr-texto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:600px){.marca-filtro{padding:6px 9px;min-height:40px}.marca-filtro img{height:16px}}