/* arrumaLeads · aparência dos componentes (leve, sobre os tokens). Vale para o sistema e para o CRM do Maps. */
body{font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--lh-md);color:var(--text);background:var(--bg-app);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-weight:var(--weight-semibold)}
b,strong,th{font-weight:var(--weight-medium)}

/* barra superior */
.bar{padding:var(--space-3) var(--pad);border-bottom:1px solid var(--divider);min-height:56px}
.ptitle{font-size:var(--text-xl);line-height:var(--lh-xl);font-weight:var(--weight-semibold)}

/* botões e campos */
.btn{height:var(--control-md);padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--gray-0);font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--text);gap:var(--space-2)}
.btn:hover{background:var(--gray-25)}
.btn.primary,.btn.accent{background:var(--brand-500);border-color:var(--brand-500);color:#fff}
.btn.primary:hover,.btn.accent:hover{background:var(--brand-600);border-color:var(--brand-600)}
.btn.sm{height:var(--control-sm);padding:0 var(--space-3);font-size:var(--text-sm)}
.btn.ghost{border-color:transparent;color:var(--text-secondary)}
.btn.danger{color:var(--danger-fg);border-color:var(--danger-bg);background:var(--danger-bg)}
.btn:focus-visible,input:focus,select:focus,textarea:focus{outline:0;box-shadow:var(--focus-ring);border-color:var(--brand-500)}
input[type=search],input[type=text],input[type=number],input[type=date],select{height:var(--control-md);border-radius:var(--radius-md);border:1px solid var(--border);font-size:var(--text-md);font-weight:var(--weight-regular);background-color:var(--gray-0);color:var(--text)}
textarea{border-radius:var(--radius-md);border:1px solid var(--border);font-size:var(--text-md)}
::placeholder{color:var(--text-tertiary)}
select.st{height:var(--control-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);background-color:var(--gray-50);border-color:transparent;border-radius:var(--radius-md)}
input[type=checkbox]{border-radius:var(--radius-sm);accent-color:var(--brand-500)}

/* indicadores */
.stat{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);background:var(--gray-0)}
.stat span{font-size:var(--text-xs);line-height:var(--lh-xs);font-weight:var(--weight-medium);color:var(--text-secondary);text-transform:none;letter-spacing:0}
.stat b{font-size:var(--text-2xl);line-height:var(--lh-2xl);font-weight:var(--weight-semibold);margin-top:var(--space-1)}
.stat.hot b{color:var(--brand-500)}

/* chips e etiquetas */
.pill,.tag,.chip2,.evmeta .chip,.secn,.enr,.sn,.pill.gray{border-radius:var(--radius-sm);font-weight:var(--weight-medium);font-size:var(--text-xs);line-height:var(--lh-xs)}
.enr{background:transparent;color:var(--text-tertiary);padding:0 2px}
.chip2,.evmeta .chip{background:var(--gray-50);height:var(--control-sm)}

/* tabelas: cabeçalho discreto, linhas respiradas */
th{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);text-transform:none;letter-spacing:0;background:var(--bg-subtle);height:36px;border-bottom:1px solid var(--divider)}
td{border-bottom:1px solid var(--divider);font-size:var(--text-sm);line-height:var(--lh-sm)}
tbody tr:hover td{background:var(--gray-25)}
.t1{font-weight:var(--weight-medium);font-size:var(--text-md)}
.t2{font-size:var(--text-xs);line-height:var(--lh-xs);color:var(--text-secondary)}
.tablewrap{border-top:1px solid var(--divider)}

/* cartões, popovers, modais, painéis laterais */
.card,.creditbar,.intelbox,.person,.dstatus,.cal,.mbox,.popover,.menu{border-radius:var(--radius-lg)}
.card,.creditbar,.person{border:1px solid var(--border)}
.popover,.menu,.mbox{box-shadow:var(--shadow-pop);border:0}
.drawer{box-shadow:var(--shadow-pop)}
.sec{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);text-transform:none;letter-spacing:0;margin:var(--space-6) 0 var(--space-2)}
.toast{border-radius:var(--radius-md);background:var(--gray-900);font-weight:var(--weight-medium)}
.seg{background:var(--gray-50);border-radius:var(--radius-md)}
.seg button{border-radius:var(--radius-sm);font-weight:var(--weight-medium)}
.seg button.on{background:var(--gray-0);box-shadow:0 0 0 1px var(--border)}

/* 600 só para títulos e números; nomes em 500 */
.ptitle,.chead h3,.stat b,.dnum b,.dtag b,.credit .crow b,.dhead h2,.evtop h1{font-weight:var(--weight-semibold)}
.stat.hot b{color:var(--text)}
.kchip{font-style:normal;margin-left:var(--space-2);padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--success-bg);color:var(--success-fg);font-size:var(--text-xs);line-height:var(--lh-xs);font-weight:var(--weight-medium);vertical-align:middle;display:inline-block}

/* contato: melhor e-mail + "+N" com o resto no hover */
.mline{display:flex;align-items:center;gap:var(--space-2);min-width:0}
.mline a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.more{flex:none;padding:0 6px;border-radius:var(--radius-sm);background:var(--gray-50);color:var(--text-secondary);font-size:var(--text-xs);line-height:var(--lh-xs);cursor:help}

/* menu "⋯" das ações do evento */
.menuwrap{position:relative}
.btn.icon{width:var(--control-md);padding:0;justify-content:center;font-size:18px;line-height:1}
.menuwrap .menu{position:absolute;right:0;left:auto;top:calc(100% + 4px);min-width:240px;padding:var(--space-1);background:var(--gray-0);z-index:30}
.menu button{display:block;width:100%;text-align:left;border:0;background:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-md);cursor:pointer;color:var(--text)}
.menu button:hover{background:var(--gray-25)}
.menu .danger{color:var(--danger-fg)}.menu .danger:hover{background:var(--danger-bg)}

/* início */
.drow2.nolist{border-top:1px dashed var(--border)}

/* status como chip: sem seta até passar o mouse; clica e escolhe */
select.st{appearance:none;-webkit-appearance:none;width:auto;min-width:96px;height:24px;padding:0 var(--space-3);border:0;border-radius:var(--radius-sm);background-image:none;font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;background-color:var(--gray-50);color:var(--text-secondary);text-align:left}
select.st:hover{box-shadow:0 0 0 1px var(--border)}
select.st.s-contatado{background-color:var(--info-bg);color:var(--info-fg)}
select.st.s-respondeu{background-color:var(--warning-bg);color:var(--warning-fg)}
select.st.s-reuniao{background-color:var(--gray-900);color:#fff}
select.st.s-fechado{background-color:var(--success-bg);color:var(--success-fg)}
select.st.s-descartado{background-color:var(--danger-bg);color:var(--danger-fg)}
.dstatus select.st{height:var(--control-sm);font-size:var(--text-sm);min-width:140px}

/* breadcrumb na barra */
.crumb{color:var(--text-secondary);text-decoration:none;font-weight:var(--weight-regular)}.crumb:hover{color:var(--text)}
.crumb-sep{margin:0 var(--space-2);color:var(--text-tertiary);font-weight:var(--weight-regular)}

/* deixa claro que o chip de status é uma seleção: seta sempre visível */
select.st{padding-right:26px;background-repeat:no-repeat;background-position:right 8px center;background-size:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5l3.5 3.5 3.5-3.5' fill='none' stroke='%23525a69' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
select.st.s-reuniao{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5l3.5 3.5 3.5-3.5' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
select.st:hover{background-color:var(--gray-100)}
select.st.s-contatado:hover{background-color:#d3e6fd}select.st.s-respondeu:hover{background-color:#fcecc0}select.st.s-fechado:hover{background-color:#cdeedb}select.st.s-descartado:hover{background-color:#fbdcd8}select.st.s-reuniao:hover{background-color:var(--gray-700)}

/* dropdown próprio (ui.js) */
.dd{position:fixed;z-index:90;max-height:min(320px,60vh);overflow:auto;padding:var(--space-1);background:var(--gray-0);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop)}
.dd button{display:flex;align-items:center;gap:var(--space-2);width:100%;height:var(--control-md);padding:0 var(--space-3);border:0;border-radius:var(--radius-sm);background:none;font:inherit;font-size:var(--text-md);color:var(--text);text-align:left;cursor:pointer}
.dd button span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dd button em{width:14px;flex:none;color:var(--brand-500);font-style:normal;display:grid;place-items:center}
.dd button:hover,.dd button:focus{background:var(--gray-25);outline:0}
.dd button.sel{font-weight:var(--weight-medium)}
.dd .ddot{width:8px;height:8px;border-radius:50%;flex:none}

/* introdução de página e seta de linha clicável (todas as telas) */
.intro{padding:var(--space-5) var(--pad) 0}
.intro p{margin:0;color:var(--text-secondary);font-size:var(--text-sm);max-width:640px;line-height:var(--lh-sm)}
td.go{color:var(--gray-400);text-align:right;padding-right:16px;vertical-align:middle}
td.go svg{display:block;margin-left:auto}
tr.clickable{cursor:pointer}tr.clickable:hover td.go{color:var(--text)}

.toolbar .search{flex:0 1 220px;min-width:160px}
.toolbar select{max-width:170px;text-overflow:ellipsis}

.dstatus{display:flex;align-items:center;gap:var(--space-3);margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--divider);border-radius:var(--radius-lg);background:var(--bg-subtle)}
.dstatus label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary)}.dstatus .btn{margin-left:auto}

.from{color:var(--text-secondary);font-weight:var(--weight-medium)}

/* o que é só do admin some para o cliente (a barreira de verdade está no servidor e no banco) */
.is-client [data-admin]{display:none !important}