@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
:root{
--brand:#7B2FFF;--brand-strong:#5F1FD6;--brand-soft:#F0E8FF;--brand-line:#DCCBFF;
--ink:#160A25;--muted:#5D5470;--line:#E9E2F6;--page:#FBF9FF;--card:#fff;
--green:#1DBF73;--green-soft:#E4F9EF;
--red:#C92A2A;--red-soft:#FDEBEB;
--amber:#A96212;--amber-soft:#FFF4E0;
--blue-soft:#EDEAFF;
--shadow:0 16px 44px rgba(22,10,37,.07);
--radius-card:8px;--radius-btn:2px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--page);color:var(--ink);font:14px/1.5 'Outfit',Arial,sans-serif}
.app-shell{min-height:100vh}
.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:10}
.brand{display:flex;align-items:center;gap:11px}
.brand-logo{display:block;width:auto;height:28px;max-width:140px;object-fit:contain;object-position:left center}
.brand div{display:flex;flex-direction:column;line-height:1.2}
.brand strong{font-size:16px;font-weight:600;color:var(--ink)}
.brand span:last-child{color:var(--muted);font-size:12.5px;font-weight:600}
.mode{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--brand-soft);color:var(--brand-strong);border-radius:2px;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.mode-dot{width:7px;height:7px;border-radius:50%;background:var(--brand)}
main{max-width:1500px;margin:auto;padding:28px 32px 48px}
.hero{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--brand);font-weight:600;font-size:11px;margin:0 0 6px}
.hero h1{font:600 34px/1.15 'Outfit',sans-serif;letter-spacing:-.02em;margin:0;color:var(--ink)}
.subtitle{margin:8px 0 0;color:var(--muted)}
.source-health{display:flex;gap:10px;align-items:center}
.health-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--green-soft);color:var(--green);font-weight:600}
.source-health div{display:flex;flex-direction:column}
.source-health span{color:var(--muted);font-size:12px}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.metric{border:1px solid var(--line);background:var(--card);border-radius:var(--radius-card);padding:17px 18px;text-align:left;cursor:pointer;display:grid;grid-template-columns:1fr auto;align-items:start;font-family:inherit}
.metric:hover{border-color:var(--brand-line)}
.metric span{font-weight:600}
.metric strong{font:600 30px/1 'Outfit',sans-serif;color:var(--ink)}
.metric small{grid-column:1/-1;color:var(--muted);margin-top:6px;font-size:12px;font-weight:600}
.workspace{display:grid;grid-template-columns:minmax(780px,1.65fr) minmax(340px,.65fr);gap:16px;align-items:start}
.queue-card,.detail{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow);border:1px solid var(--line)}
.toolbar{padding:16px;display:flex;gap:12px;border-bottom:1px solid var(--line);align-items:center}
.search{height:42px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-btn);min-width:250px;flex:1;background:#fff}
.search:focus-within{border-color:var(--brand)}
.search span{font-size:20px;color:var(--muted)}
.search input{border:0;outline:0;width:100%;font:inherit;background:none}
.filters{display:flex;gap:6px;flex-wrap:wrap}
.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px;cursor:pointer;color:var(--muted);font-weight:600;font-family:inherit}
.chip.active{color:var(--brand-strong);background:var(--brand-soft);border-color:var(--brand-line)}
.active-filter{padding:8px 16px;background:var(--page);color:var(--muted);font-size:12px}
.active-filter button{border:0;background:none;color:var(--brand);font-weight:600;cursor:pointer}
.queue-head{padding:16px 18px 10px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}
.queue-head>div{display:flex;align-items:baseline;gap:8px}
.queue-head h2{font:600 22px 'Outfit',sans-serif;margin:0;color:var(--ink)}
.queue-row{width:100%;display:grid;grid-template-columns:68px 1.2fr 1.55fr .8fr .72fr .72fr .65fr 18px;gap:12px;align-items:center;text-align:left;background:#fff;border:0;border-top:1px solid var(--line);padding:15px 16px;cursor:pointer;color:inherit;font-family:inherit}
.queue-row:hover,.queue-row.selected{background:var(--page)}
.queue-row.selected{box-shadow:inset 3px 0 var(--brand)}
.queue-row>div{min-width:0;display:flex;flex-direction:column}
.queue-row strong{font-size:12.5px;font-weight:600}
.queue-row span{font-size:11.5px;line-height:1.45;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.priority{align-items:flex-start}
.priority-dot{width:8px;height:8px;border-radius:50%;margin-bottom:4px}
.priority-dot.critical{background:var(--red)}
.priority-dot.high{background:var(--amber)}
.priority-dot.normal{background:var(--brand)}
.priority-dot.low{background:#b6acc9}
.identity strong{font-size:13px}
.exception{color:var(--red)!important;background:var(--red-soft);padding:4px 7px;border-radius:2px}
.clear{color:var(--green)!important}
.row-arrow{font-size:22px!important;color:#C4B9DC!important}
.empty{padding:60px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}
.empty span{color:var(--muted)}
.empty button{margin-top:8px;padding:10px 14px;border:0;border-radius:var(--radius-btn);background:var(--brand);color:#fff;font-weight:600;cursor:pointer}
.detail{position:sticky;top:84px;overflow:hidden}
.detail-head{padding:20px;display:flex;justify-content:space-between;gap:16px}
.detail h2{font:600 25px 'Outfit',sans-serif;margin:4px 0}
.detail h3{font-size:13px;font-weight:600;margin:0 0 11px}
.detail p{margin:0;color:var(--muted)}
.type{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11px;font-weight:600}
.priority-pill{height:max-content;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:600}
.priority-pill.critical{color:var(--red);background:var(--red-soft)}
.priority-pill.high{color:var(--amber);background:var(--amber-soft)}
.priority-pill.normal,.priority-pill.low{color:var(--brand-strong);background:var(--brand-soft)}
.detail section{padding:18px 20px;border-top:1px solid var(--line)}
.callout{display:flex;gap:10px;background:var(--page)}
.callout>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-strong);font-weight:600;flex:none}
.callout.warn{background:var(--red-soft)}
.callout.warn>span{background:#fff;color:var(--red)}
.callout p{font-size:13px;line-height:1.5;margin-top:3px}
.section-title{display:flex;justify-content:space-between}
.suggested{font-size:11px;background:var(--blue-soft);padding:3px 6px;border-radius:2px}
.action-box{padding:12px;border-radius:var(--radius-btn);background:var(--page);display:flex;flex-direction:column}
.action-box span{color:var(--muted);font-size:12px;margin-top:3px}
.gates{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.gate{padding:10px 8px;border:1px solid var(--line);border-radius:var(--radius-btn);display:flex;gap:7px;align-items:center}
.gate>div{display:flex;flex-direction:column;min-width:0}
.gate strong{font-size:11px}
.gate span:last-child{color:var(--muted);font-size:10.5px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gate-status{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;flex:none;font-size:10px}
.gate-status.confirmed,.gate-status.approved,.gate-status.validated{background:var(--green-soft);color:var(--green)}
.gate-status.pending,.gate-status.not_validated{background:var(--amber-soft);color:var(--amber)}
blockquote{margin:0;padding:12px;border-left:3px solid var(--brand-line);background:var(--page);border-radius:0 4px 4px 0;font-size:13px}
.meta{font-size:12px!important;margin-top:7px!important}
dl{margin:0}
dl div{display:flex;justify-content:space-between;padding:5px 0}
dt{color:var(--muted)}
dd{margin:0;font-weight:600}
.detail footer{padding:13px 20px;background:var(--page);color:var(--muted);font-size:12px;text-align:center}
@media(max-width:1050px){main{padding:22px 18px}
.workspace{grid-template-columns:1fr}
.detail{position:static}
.queue-row{grid-template-columns:60px 1.1fr 1.5fr .8fr .72fr}
.queue-row .due,.queue-row .flags{display:none}
}
@media(max-width:620px){.topbar{padding:0 16px}
.brand-logo{width:auto;height:24px}
.mode{font-size:0}
.mode:after{content:'Local';font-size:11px}
.mode-dot{display:block}
.hero{align-items:flex-start}
.hero h1{font-size:28px}
.source-health{display:none}
.metrics{grid-template-columns:repeat(2,1fr)}
main{padding:18px 12px}
.toolbar{display:block}
.filters{margin-top:10px;overflow:auto;flex-wrap:nowrap}
.chip{white-space:nowrap}
.workspace{display:block}
.queue-card{border-radius:var(--radius-card)}
.queue-head>span{display:none}
.queue-row{grid-template-columns:48px 1fr 18px;padding:14px 12px}
.queue-row .message,.queue-row .stage,.queue-row .pending,.queue-row .due,.queue-row .flags{display:none}
}
/* ---- Abas (Fila | Pedidos) ---- */
.tabs{display:flex;gap:4px;margin-bottom:18px}
.tab{border:1px solid var(--line);background:#fff;border-radius:var(--radius-btn);padding:9px 22px;font:600 13px 'Outfit',sans-serif;color:var(--muted);cursor:pointer;letter-spacing:.02em}
.tab.active{background:var(--brand);border-color:var(--brand);color:#fff}
/* ---- Pedidos ---- */
.orders-card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow);border:1px solid var(--line);overflow:hidden}
.order-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;padding:16px}
.order-card{border:1px solid var(--line);border-radius:var(--radius-card);background:#fff;padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.order-card:hover{border-color:var(--brand-line)}
.order-card header{display:flex;justify-content:space-between;align-items:baseline}
.order-num{font-size:15px;font-weight:600;color:var(--brand-strong)}
.order-age{font-size:11.5px;color:var(--muted)}
.order-card h3{margin:0;font:600 16px/1.25 'Outfit',sans-serif;color:var(--ink);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.order-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.order-meta>div{display:flex;flex-direction:column;gap:4px}
.order-meta>div>span:first-child{font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.order-meta strong{font-size:13.5px}
.pill-estado{display:inline-block;width:max-content;background:var(--brand-soft);color:var(--brand-strong);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}
.pill-vazio{color:var(--muted);font-size:12.5px;font-weight:600}
.badge-cand{display:inline-block;background:var(--amber-soft);color:var(--amber);border-radius:2px;padding:2px 6px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;vertical-align:middle}
.order-flags{display:flex;flex-wrap:wrap}
.orders-foot{color:var(--muted);font-size:12px;margin:14px 4px 0}
@media(max-width:620px){.order-grid{grid-template-columns:1fr;padding:12px}.tab{flex:1}}
/* chips de pendencia (compartilhado fila/pedidos) */
.flag-chip{display:inline-block;background:var(--amber-soft);color:var(--amber);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;margin:2px 4px 2px 0}
.order-meta>div{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.order-val{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.order-val strong{white-space:nowrap}
/* ---- Pedidos v2: cartao completo ---- */
.filters-sep{flex-basis:100%;height:2px}
.chip-w{border-style:dashed}
.order-card{gap:7px}
.order-id{display:flex;align-items:center;gap:8px}
.star{color:var(--brand);font-size:15px}
.pill-wallet{background:var(--blue-soft);color:var(--brand-strong);border-radius:2px;padding:2px 8px;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.order-items{margin:0;font-size:12px;color:var(--muted);line-height:1.45}
.order-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.pill-pay{border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}
.pill-pay.pago{background:var(--green-soft);color:var(--green)}
.pill-pay.parcial{background:var(--amber-soft);color:var(--amber)}
.pill-pay.em-aberto{background:var(--red-soft);color:var(--red)}
.pill-pay.patro{background:#EFEAF6;color:var(--muted)}
.urg{font-size:11.5px;font-weight:600;border-radius:999px;padding:4px 10px}
.urg.atrasado,.urg.vermelho{background:var(--red-soft);color:var(--red)}
.urg.amarelo{background:var(--amber-soft);color:var(--amber)}
.urg.no-prazo{background:var(--green-soft);color:var(--green)}
.urg.entregue{background:var(--green-soft);color:var(--green)}
.urg.sem{color:var(--muted);background:#F4F1F9}
.art{font-size:11.5px;color:var(--muted);font-weight:600;padding:4px 2px}
.order-stage{display:flex;align-items:center;justify-content:space-between;gap:10px}
.stage-label{font-size:12px;font-weight:600;color:var(--ink)}
.dots{display:flex;gap:4px}
.dot{width:7px;height:7px;border-radius:50%;background:#E3DCF1}
.dot.on{background:var(--brand)}
.order-money{display:flex;align-items:baseline;gap:10px;border-top:1px solid var(--line);padding-top:8px;margin-top:2px}
.order-money strong{font-size:16px;font-weight:600}
.order-money span{font-size:12px;color:var(--amber);font-weight:600}
.order-money span.quitado{color:var(--green)}
.order-lucro{display:flex;align-items:baseline;gap:6px;margin-top:4px;font-size:12px;flex-wrap:wrap}
.lucro-eq{color:var(--muted)}
.lucro-eq b{color:var(--ink);font-weight:600}
.lp-falta{color:var(--amber)!important}
.order-lucro span{color:var(--muted)}
.order-lucro strong{font-weight:600;color:var(--green)}
.order-lucro.neg strong{color:var(--red)}
.order-lucro.parcial strong{color:var(--amber)}
.order-lucro small{color:var(--muted)}
.lucro-block .lucro-linha{display:flex;align-items:baseline;gap:10px}
.lucro-block .lucro-linha strong{font-size:16px;font-weight:600;color:var(--green)}
.lucro-block .lucro-eq{font-size:14px}
.lucro-block .lucro-linha .lucro-eq>b:last-child{color:var(--green);font-size:15px}
.lucro-block .lucro-linha.neg .lucro-eq>b:last-child{color:var(--red)}
.lucro-block .lucro-linha.neg strong{color:var(--red)}
.lucro-block .lucro-aviso{display:block;color:var(--amber);margin-top:2px}

/* ---- Modal de edição de pedido (migration 0007) ---- */
.modal{position:fixed;inset:0;background:rgba(22,10,37,.45);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}
.modal[hidden]{display:none}
.modal-card.modal-wide{max-width:760px}
.modal-card{background:#fff;border-radius:8px;max-width:640px;width:100%;max-height:88vh;overflow-y:auto;box-shadow:0 24px 64px rgba(22,10,37,.25)}
.modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px 12px;border-bottom:1px solid #F1ECFA}
.modal-head .type{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#7B2FFF}
.modal-head h2{margin:2px 0 2px;font-size:20px}
.modal-head p{margin:0;font-size:13px;color:#6b6680}
.modal-close{border:0;background:none;font-size:26px;line-height:1;color:#8a86a0;cursor:pointer;padding:0 4px}
.modal-close:hover{color:#160A25}
.modal-body{padding:16px 24px;display:flex;flex-direction:column;gap:16px}
.edit-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.star-toggle{padding:9px 14px;border:1px solid #E9E2F6;border-radius:2px;background:#fff;font-size:14px;font-weight:600;color:#8a86a0;cursor:pointer}
.star-toggle.on{color:#B8860B;border-color:#F0D98C;background:#FFFBEB}
.edit-field{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:#4a4560}
.edit-field input{padding:9px 12px;border:1px solid #E9E2F6;border-radius:2px;font-size:14px}
.edit-block{display:flex;flex-direction:column;gap:8px}
.edit-label{font-size:13px;font-weight:600;color:#4a4560}
.edit-label small{font-weight:400;color:#8a86a0}
.stage-stepper{display:flex;flex-direction:column;gap:4px}
.stage-step{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid #F1ECFA;border-radius:2px;background:#fff;font-size:14px;color:#6b6680;cursor:pointer;text-align:left}
.stage-step .step-n{display:inline-flex;width:22px;height:22px;border-radius:50%;border:1.5px solid #D9CFEF;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#8a86a0;flex-shrink:0}
.stage-step.on{color:#160A25}
.stage-step.on .step-n{background:#7B2FFF;border-color:#7B2FFF;color:#fff}
.stage-step.current{border-color:#7B2FFF;background:#FBF9FF;font-weight:600}
.stage-step:hover{border-color:#7B2FFF}
#oObs{padding:10px 12px;border:1px solid #E9E2F6;border-radius:2px;font-size:14px;font-family:inherit;resize:vertical}
.pay-row{display:flex;gap:8px;flex-wrap:wrap}
.pay-row input,.pay-row select{padding:9px 12px;border:1px solid #E9E2F6;border-radius:2px;font-size:14px}
.pay-row input[type=number]{width:120px}
.btn-primary{padding:10px 18px;border:0;border-radius:2px;background:#7B2FFF;color:#fff;font-size:14px;font-weight:600;cursor:pointer}
.btn-primary:hover{background:#6825d9}
.pay-hint{font-size:12px;color:#8a86a0}
.pay-hint.quitado{color:#1d9e5f;font-weight:600}
.hist-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto}
.hist-list li{display:flex;gap:8px;align-items:baseline;font-size:13px;padding:6px 0;border-bottom:1px dashed #F1ECFA}
.hist-list li strong{color:#160A25;flex-shrink:0}
.hist-list li span{color:#6b6680;flex:1}
.hist-list li time{color:#8a86a0;font-size:12px;flex-shrink:0}
.hist-list li.hist-empty{color:#8a86a0;border:0}
.modal-foot{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-top:1px solid #F1ECFA}
.save-status{font-size:13px;font-weight:600;color:#8a86a0}
.save-status.ok{color:#1d9e5f}
.save-status.err{color:#C92A2A}
.foot-note{font-size:12px;color:#B4AED0}
.order-card.editable{cursor:pointer}
.order-card.editable:hover{border-color:#7B2FFF;box-shadow:0 4px 18px rgba(123,47,255,.10)}
.order-card.editable:focus-visible{outline:2px solid #7B2FFF;outline-offset:2px}

/* Clientes */
.cli-wrap{overflow-x:auto;padding:4px 4px 12px}
.cli-table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:760px}
.cli-table th{position:sticky;top:0;background:#FBF9FF;text-align:left;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8a86a0;padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
.cli-table td{padding:12px 14px;border-bottom:1px solid #F4F0FB;vertical-align:top}
.cli-table tbody tr{cursor:pointer}
.cli-table tbody tr:hover{background:#FBF9FF}
.cli-name{font-weight:600;color:var(--ink)}
.cli-sub{font-size:12px;color:var(--muted);font-weight:600}
.cli-num{font-weight:600;text-align:right;white-space:nowrap}
.cli-num .cli-sub{text-align:right;font-weight:600}
.pill-sit{display:inline-block;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:600;white-space:nowrap}
.pill-sit.ativo{background:var(--green-soft);color:var(--green)}
.pill-sit.esfriando{background:var(--amber-soft);color:var(--amber)}
.pill-sit.inativo{background:var(--red-soft);color:var(--red)}
.pill-sit.sem_pedido,.pill-sit.fantasma{background:#F1ECFA;color:var(--muted);font-size:11px}
.ficha-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}
.ficha-field{font-size:13.5px;min-width:0;overflow-wrap:anywhere}
.ficha-field b{display:block;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#8a86a0;margin-bottom:1px}
.ficha-field a{color:var(--brand-strong);font-weight:600}
.ficha-note{background:var(--amber-soft);color:var(--amber);border-radius:2px;padding:10px 12px;font-size:13px;font-weight:600}
.cli-mini{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.cli-mini>div{border:1px solid var(--line);border-radius:6px;padding:10px 12px}
.cli-mini b{display:block;font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#8a86a0}
.cli-mini strong{font-size:17px;font-weight:600}
.cli-mini small{display:block;color:var(--muted);font-size:11.5px;font-weight:600}
.cli-order{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #F1ECFA;border-radius:6px;padding:9px 12px;cursor:pointer;background:#fff;text-align:left;font-family:inherit;font-size:13px;width:100%;color:var(--ink)}
.cli-order:hover{border-color:var(--brand-line)}
.cli-order .co-id{font-weight:600;color:var(--brand-strong)}
@media(max-width:720px){.ficha-grid{grid-template-columns:1fr}.cli-mini{grid-template-columns:repeat(2,1fr)}}

.empty[hidden]{display:none}

/* Clientes: edicao inline */
.chip-new{border-style:solid;border-color:var(--brand-line);color:var(--brand-strong);background:var(--brand-soft);margin-left:auto}
.cli-wa{color:var(--brand-strong);font-weight:600;text-decoration:none}
.cli-wa:hover{text-decoration:underline}
.cli-act{display:inline-block;border:1px solid var(--brand-line);background:var(--brand-soft);color:var(--brand-strong);border-radius:999px;padding:2px 10px;font-size:11.5px;font-weight:600;text-decoration:none;margin-right:4px}
.cli-act:hover{background:var(--brand-line)}
.ficha-field.editable{cursor:text;border-radius:4px;padding:2px 6px;margin:-2px -6px}
.ficha-field.editable:hover{background:var(--brand-soft);outline:1px dashed var(--brand-line)}
.ficha-field.editable .fv{display:block;min-height:1.4em}
.ficha-field input,.ficha-field textarea,.ficha-field select{width:100%;box-sizing:border-box;padding:8px 10px;border:1.5px solid var(--brand);border-radius:2px;font:14px 'Outfit',sans-serif;color:var(--ink);background:#fff}
.ficha-field textarea{resize:vertical;line-height:1.5}
.save-status{font-size:12px;font-weight:600;color:var(--muted)}
.save-status.saving{color:var(--amber)}
.save-status.saved{color:var(--green)}
.save-status.err{color:var(--red);font-weight:600;max-width:260px}
.hist-list{display:flex;flex-direction:column;gap:2px;max-height:180px;overflow-y:auto}
.hist-row{display:flex;gap:10px;font-size:12.5px;padding:5px 8px;border-bottom:1px solid #F4F0FB}
.hist-when{color:var(--muted);font-weight:600;white-space:nowrap;min-width:76px}
.hist-what{color:var(--ink)}
.btn-primary{padding:10px 18px;border:0;border-radius:var(--radius-btn);background:var(--brand);color:#fff;font:600 14px 'Outfit',sans-serif;cursor:pointer}
.btn-primary:disabled{opacity:.6;cursor:wait}

/* ---------- Recebimentos / conciliacao ---------- */
.receb-wrap{display:flex;flex-direction:column}
.receb-row{padding:12px 16px;border-bottom:1px solid #F4F0FB;cursor:pointer}
.receb-row:hover{background:#FCFAFE}
.receb-row.open{background:#FBF8FF;border-left:3px solid var(--brand)}
.rb-main{display:flex;align-items:center;gap:18px}
.rb-valor{display:flex;flex-direction:column;min-width:110px}
.rb-valor strong{font-size:15px}
.rb-data{color:var(--muted);font-size:12px}
.rb-quem{flex:1;min-width:0;display:flex;flex-direction:column}
.rb-quem strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rb-pills{display:flex;gap:6px;align-items:center}
.rb-sub{margin-top:6px;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--muted)}
.rb-aloc{background:var(--brand-soft);color:var(--brand-strong);border-radius:999px;padding:2px 10px;font-size:11.5px;font-weight:600}
.rb-taxa{color:var(--muted)}
.pill-sit.nat-ok{background:var(--green-soft);color:var(--green)}
.pill-sit.nat-danger{background:var(--red-soft);color:var(--red)}
.pill-sit.nat-warn{background:var(--amber-soft);color:var(--amber)}
.pill-sit.nat-stage{background:#F1ECFA;color:var(--muted)}
.pill-sit.conf-ok{background:transparent;color:var(--green);border:1px solid var(--green)}
.pill-sit.conf-warn{background:transparent;color:var(--amber);border:1px solid var(--amber)}
.pill-sit.conf-danger{background:transparent;color:var(--red);border:1px solid var(--red)}
.receb-edit{padding:14px 16px 16px;border-bottom:1px solid var(--line);background:#FBF8FF;border-left:3px solid var(--brand)}
.rb-edit-grid{display:grid;grid-template-columns:220px 1fr;gap:12px;margin-bottom:12px}
.rb-edit-grid select{padding:9px 12px;border:1px solid var(--line);border-radius:2px;font-size:14px;font-family:inherit}
.rb-aloc-editor{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.rb-aloc-line{display:flex;gap:6px;align-items:center}
.rb-aloc-line .rb-ped{width:130px;padding:8px 10px;border:1px solid var(--line);border-radius:2px;font-size:13px}
.rb-aloc-line .rb-tipo{padding:8px 10px;border:1px solid var(--line);border-radius:2px;font-size:13px;font-family:inherit}
.rb-aloc-line .rb-val{width:110px;padding:8px 10px;border:1px solid var(--line);border-radius:2px;font-size:13px;text-align:right}
.rb-del{border:1px solid var(--line);background:#fff;color:var(--red);border-radius:2px;width:30px;height:32px;cursor:pointer;font-size:15px}
.rb-add{align-self:flex-start;border:1px dashed var(--brand-line);background:#fff;color:var(--brand-strong);border-radius:2px;padding:6px 12px;font-size:12.5px;font-weight:600;cursor:pointer}
.rb-sug{background:var(--blue-soft);border-radius:2px;padding:10px 12px;font-size:13px;margin:12px 0}
.rb-sug .btn-primary{margin-top:8px;padding:8px 14px;font-size:13px}
.rb-foot{margin-top:10px}
.ext-lista{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.ext-row{display:flex;gap:10px;border:1px solid var(--line);border-radius:4px;padding:10px 12px;background:#fff}
.ext-row.off{opacity:.45}
.ext-ck{display:flex;align-items:flex-start;padding-top:4px}
.ext-ck input{width:16px;height:16px}
.ext-corpo{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.ext-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ext-pag{font-weight:600}
.ext-campos{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap;margin-top:4px}
.ext-campos select{padding:8px 10px;border:1px solid var(--line);border-radius:2px;font-size:13px;font-family:inherit}
.num{font-variant-numeric:tabular-nums}
@media(max-width:820px){
  .rb-main{flex-wrap:wrap;gap:8px}
  .rb-edit-grid{grid-template-columns:1fr}
  .rb-aloc-line{flex-wrap:wrap}
}

/* Recebimentos: barra de ordenação */
.sortbar { display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding:10px 18px; border-bottom:1px solid #ece7f5; }
.sort-label { font-size:12px; color:#7a7490; font-weight:600; letter-spacing:.02em; }
.sort-chip { font-size:12px; }

/* Recebimentos: arquivadas + exclusao definitiva */
.receb-row.archived { opacity:.55; }
.pill-arq { background:#efeaf7; color:#6d6486; }
.chip-arq { border-style:dashed; }
.rb-arch-info { background:#f7f4fc; border:1px solid #e6def3; border-radius:12px; padding:14px 16px; margin-bottom:14px; font-size:14px; }
.rb-arch-info .cli-sub { margin:6px 0 10px; }
.rb-arch-actions { display:flex; gap:10px; }
.btn-danger { background:#d92d20; color:#fff; border:0; border-radius:10px; padding:10px 16px; font-weight:600; cursor:pointer; }
.btn-danger:hover { background:#b42318; }
.btn-ghost { background:transparent; border:1px solid #d8d0e8; color:#4c4560; border-radius:10px; padding:10px 16px; font-weight:600; cursor:pointer; }
.rb-arch-confirm { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.rb-arch-confirm .rb-motivo { flex:1; min-width:220px; padding:10px 12px; border:1px solid #d8d0e8; border-radius:10px; font-size:14px; }
.rb-foot { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.purge-title { color:#b42318; margin:0 0 8px; font-size:20px; }
.purge-warn { font-size:14px; color:#5a5470; margin:0 0 14px; }
.purge-resumo { border:1px solid #ece7f5; border-radius:12px; padding:12px 16px; margin-bottom:16px; }
.purge-resumo > div { display:flex; justify-content:space-between; gap:14px; padding:6px 0; font-size:14px; border-bottom:1px dashed #f0ebf8; }
.purge-resumo > div:last-child { border-bottom:0; }
.purge-resumo span { color:#7a7490; }
.purge-resumo strong { text-align:right; font-weight:600; }
.purge-vinc { display:flex; flex-direction:column; gap:4px; align-items:flex-end; }
.purge-actions { display:flex; gap:10px; }

#purgeModalCard { padding:22px 24px; }

/* Pedidos: ordenacao + visao em lista */
.view-toggle { margin-left:auto; display:inline-flex; border:1px solid #d8d0e8; border-radius:10px; overflow:hidden; }
.view-toggle button { background:#fff; border:0; padding:7px 12px; font-size:12px; font-weight:600; color:#4c4560; cursor:pointer; }
.view-toggle button.active { background:#6d28d9; color:#fff; }
.order-table { display:flex; flex-direction:column; padding:6px 0; }
.ot-row { display:grid; grid-template-columns:70px 1.2fr 34px 1.5fr 1fr .75fr .9fr .9fr 1fr .9fr; gap:10px; align-items:center; padding:10px 18px; border-top:1px solid #f0ebf8; font-size:13px; cursor:pointer; }
.ot-row:first-child { border-top:0; }
.ot-row.editable:hover { background:#faf8fd; }
.ot-head { font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.05em; color:#7a7490; cursor:default; }
.ot-num { white-space:nowrap; }
.ot-cli { font-weight:600; }
.ot-itens, .ot-etapa { color:#5a5470; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ot-val { text-align:right; white-space:nowrap; }
.ot-val small { color:#7a7490; font-weight:400; }
@media(max-width:900px){ .ot-row { grid-template-columns:60px 1.2fr 34px .8fr 1fr .9fr; } .ot-itens, .ot-etapa, .ot-row > span:nth-child(9) { display:none; } }

/* Quebra de pagamentos no modal do pedido (APLICAR-0014) */
.pay-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.pay-list li{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.pay-list li strong{font-size:14px}
.pay-list li small{color:#8a86a0;font-size:12px}
.pay-chip{background:#E7F6EC;color:#177245;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:2px 8px;border-radius:999px}
.pay-chip.manual{background:#F1EEF7;color:#6b6680}

/* Dashboard geral */
.metrics-dash{margin-bottom:20px}
.metric-static{cursor:default}
.metric-static:hover{border-color:var(--line)}
.metric-alert{border-color:var(--red);background:var(--red-soft)}
.metric-alert strong{color:var(--red)}
.dash-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.dash-wide{grid-column:1/-1}
.dash-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:20px}
.dash-card h3{margin:0 0 16px;font:600 16px/1.2 'Outfit',sans-serif;color:var(--ink)}
.dash-card h3 small{color:var(--muted);font-weight:600;font-size:12px;margin-left:8px}
.bar-chart{display:flex;gap:8px;align-items:flex-end;height:180px;padding-top:8px}
.bar-chart-sm{height:120px}
.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;min-width:0}
.bar-col b{font-size:12px}
.bar-pair{flex:1;display:flex;align-items:flex-end;gap:3px;width:100%;justify-content:center}
.bar{display:block;width:45%;max-width:26px;border-radius:3px 3px 0 0}
.bar-ped{background:var(--brand)}
.bar-rec{background:var(--green)}
.bar-col span{font-size:11px;color:var(--muted);font-weight:600;white-space:nowrap}
.legend{display:flex;gap:20px;justify-content:center;margin-top:12px;color:var(--muted);font-size:12px;font-weight:600}
.legend span{display:flex;align-items:center;gap:6px}
.legend i{display:inline-block;width:10px;height:10px;border-radius:2px}
.hbar-row{display:grid;grid-template-columns:minmax(110px,150px) 1fr auto;gap:10px;align-items:center;margin-bottom:10px}
.hbar-row:last-child{margin-bottom:0}
.hbar-label{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hbar-track{height:10px;background:var(--line);border-radius:99px;overflow:hidden}
.hbar-track i{display:block;height:100%;background:var(--brand);border-radius:99px}
.hbar-row b{font-size:13px;white-space:nowrap}
.dash-list{list-style:none;margin:0;padding:0}
.dash-list li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}
.dash-list li:last-child{border-bottom:0}
.dash-list b{white-space:nowrap}
.dash-list small{color:var(--muted);font-weight:600}
.dash-rank{color:var(--brand);margin-right:4px}
.dash-none{color:var(--muted);font-size:13px;margin:0}
.dash-foot{margin-top:18px;color:var(--muted);font-size:12.5px;font-weight:600;text-align:center}
@media (max-width:900px){.dash-grid{display:block}.dash-card{margin-bottom:14px}.hbar-label{white-space:normal}}

/* Sugestões (enriquecimento de fichas) */
.sug-wrap{display:flex;flex-direction:column}
.sug-group{border-bottom:1px solid var(--line)}
.sug-group:last-child{border-bottom:0}
.sug-group-head{padding:14px 16px 4px;font-weight:600;font-size:15px;display:flex;justify-content:space-between;align-items:center}
.sug-group-head small{color:var(--muted);font-weight:600}
.sug-row{display:flex;justify-content:space-between;gap:14px;padding:12px 16px;border-top:1px dashed var(--line);align-items:center}
.sug-row.decidida{opacity:.72}
.sug-main{min-width:0;flex:1}
.sug-campo{font-weight:600;font-size:12px;color:var(--brand-strong);text-transform:uppercase;letter-spacing:.05em}
.sug-diff{display:flex;gap:10px;align-items:stretch;margin-top:6px;flex-wrap:wrap}
.sug-hoje,.sug-novo{background:var(--page);border:1px solid var(--line);border-radius:6px;padding:8px 10px;min-width:180px;max-width:340px}
.sug-hoje span,.sug-novo span{display:block;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:2px}
.sug-hoje b,.sug-novo b{font-weight:600;word-break:break-word}
.sug-hoje b.vazio{color:var(--muted);font-weight:600;font-style:italic}
.sug-novo{background:var(--brand-soft);border-color:var(--brand-line)}
.sug-arrow{align-self:center;color:var(--muted);font-weight:600}
.sug-fonte{margin-top:6px;color:var(--muted);font-size:12px;font-weight:600}
.sug-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}
.sug-actions .btn-primary{padding:8px 14px}
.pill-dec{border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:600;white-space:nowrap}
.pill-dec.aplicado{background:var(--green-soft);color:var(--green)}
.pill-dec.rejeitado{background:#EFEAF6;color:var(--muted)}
@media(max-width:700px){.sug-row{flex-direction:column;align-items:stretch}.sug-actions{justify-content:flex-end}}

/* ---- anexos (cofre 0017) ---- */
.anx-block { margin-top: 2px; }
.anx-list { display:flex; flex-direction:column; gap:6px; margin-bottom:10px; }
.anx-row { display:flex; align-items:center; gap:10px; background:var(--page); border:1px solid var(--line); border-radius:8px; padding:8px 10px; }
.anx-ico { font-size:18px; line-height:1; }
.anx-info { flex:1; min-width:0; display:flex; flex-direction:column; }
.anx-info strong { font-size:13px; font-weight:600; color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.anx-info small { font-size:11.5px; color:var(--muted); }
.anx-open { background:var(--brand-soft); color:var(--brand-strong); border:1px solid var(--brand-line); border-radius:6px; padding:5px 12px; font:600 12px 'Outfit',sans-serif; cursor:pointer; }
.anx-open:hover { background:var(--brand); color:#fff; }
.anx-open:disabled { opacity:.5; cursor:default; }
.anx-del { background:transparent; color:var(--muted); border:1px solid transparent; border-radius:6px; padding:4px 9px; font:600 14px/1 'Outfit',sans-serif; cursor:pointer; }
.anx-del:hover { color:var(--red); border-color:var(--red-soft); background:var(--red-soft); }
.anx-del:disabled { opacity:.5; cursor:default; }
.anx-confirm { background:var(--amber-soft); color:var(--amber); border:1px solid #F0DCBC; border-radius:6px; padding:5px 10px; font:600 11px 'Outfit',sans-serif; cursor:pointer; white-space:nowrap; }
.anx-confirm:hover { background:var(--amber); color:#fff; }
.anx-up { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.anx-tipo { font:600 12px 'Outfit',sans-serif; padding:7px 9px; border:1px solid var(--line); border-radius:6px; background:#fff; color:var(--ink); }
.anx-comp { display:inline-flex; align-items:center; gap:6px; }
.anx-valor { width:90px; font:600 12px 'Outfit',sans-serif; padding:7px 8px; border:1px solid var(--line); border-radius:6px; }
.anx-data { font:600 12px 'Outfit',sans-serif; padding:6px 7px; border:1px solid var(--line); border-radius:6px; color:var(--ink); }
.anx-drop { flex:1; min-width:200px; display:block; text-align:center; font:600 12.5px 'Outfit',sans-serif; color:var(--muted); background:#fff; border:1.5px dashed var(--brand-line); border-radius:8px; padding:11px 12px; cursor:pointer; }
.anx-drop u { color:var(--brand-strong); }
.anx-drop:hover, .anx-drop.over { background:var(--brand-soft); border-color:var(--brand); color:var(--brand-strong); }
.anx-status { display:block; margin-top:6px; }
.receb-edit .anx-block { margin-top: 10px; }

/* ---- aba "Precisa de voce" (0018) ---- */
.tab-badge[hidden] { display:none; }
.tab-badge { display:inline-block; min-width:20px; padding:1px 7px; margin-left:6px; border-radius:999px; background:var(--red); color:#fff; font:600 11px/1.6 'Outfit',sans-serif; text-align:center; }
.urg-wrap { display:flex; flex-direction:column; gap:18px; max-width:860px; }
.urg-empty { background:var(--green-soft); border:1px solid #BDE8D2; border-radius:var(--radius-card); padding:28px; text-align:center; color:var(--ink); font-size:15px; }
.urg-section h3 { font:600 15px 'Outfit',sans-serif; color:var(--ink); margin:0 0 8px; display:flex; align-items:center; gap:8px; }
.urg-count { background:var(--brand-soft); color:var(--brand-strong); border-radius:999px; padding:1px 9px; font-size:12px; }
.urg-row { display:flex; align-items:center; gap:12px; background:var(--card); border:1px solid var(--line); border-radius:var(--radius-card); padding:12px 16px; cursor:pointer; margin-bottom:6px; }
.urg-row:hover { border-color:var(--brand-line); box-shadow:var(--shadow); }
.urg-main { flex:1; min-width:0; display:flex; flex-direction:column; }
.urg-main strong { font-size:14px; font-weight:600; color:var(--ink); }
.urg-main small { font-size:12px; color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.urg-datas { display:flex; flex-direction:column; align-items:flex-end; gap:2px; font-size:12.5px; font-weight:600; white-space:nowrap; }
.urg-bad { color:var(--red); font-weight:600; }
.urg-warn { color:var(--amber); font-weight:600; }
.urg-dim { color:var(--muted); font-weight:400; }
.urg-tag { background:var(--brand-soft); color:var(--brand-strong); border-radius:6px; padding:4px 10px; font:600 12px 'Outfit',sans-serif; white-space:nowrap; }
.urg-tag.urg-warn { background:var(--amber-soft); }

/* ---- prazo de producao no modal do pedido (0018) ---- */
.prod-row { display:flex; align-items:flex-end; gap:14px; flex-wrap:wrap; }
.prod-check { display:flex; align-items:center; gap:8px; font:600 13px 'Outfit',sans-serif; color:var(--ink); cursor:pointer; padding-bottom:8px; }
.prod-check input { width:17px; height:17px; accent-color:var(--brand); cursor:pointer; }
.prod-check small { color:var(--muted); font-weight:600; }
.prod-prazo { max-width:170px; }
.prod-interno { font-size:12.5px; color:var(--muted); padding-bottom:9px; }
.prod-interno strong { color:var(--brand-strong); }

/* ---- botao WhatsApp do cliente ---- */
.wa-btn { display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; margin-left:6px; border-radius:999px; background:#25D366; color:#fff; vertical-align:-4px; flex:none; transition:transform .12s ease, box-shadow .12s ease; }
.wa-btn svg { width:12px; height:12px; }
.wa-btn:hover { transform:scale(1.12); box-shadow:0 2px 8px rgba(37,211,102,.45); }
.urg-row .wa-btn { width:28px; height:28px; align-self:center; margin-left:4px; }
.urg-row .wa-btn svg { width:15px; height:15px; }
.modal-head h2 .wa-btn { width:24px; height:24px; vertical-align:-3px; }
.modal-head h2 .wa-btn svg { width:13px; height:13px; }
.ot-cli .wa-btn { vertical-align:-3px; }
.pay-del{background:none;border:none;color:#b3261e;font-size:14px;font-weight:600;cursor:pointer;padding:0 2px;line-height:1;margin-left:auto}
.pay-del:hover{color:#8c1d18}
.anx-rico{display:inline-flex;gap:4px;flex-wrap:wrap;margin-left:4px}
.anx-rico input,.anx-rico select{font-size:11px;padding:2px 6px;border:1px solid #ddd;border-radius:6px;max-width:130px}

/* mensagens prontas (0022) */
.texto-btns { display: flex; flex-wrap: wrap; gap: 8px; margin: 6px 0 4px; }
.btn-ghost { background: none; border: 1px solid var(--roxo, #6d28d9); color: var(--roxo, #6d28d9); border-radius: 8px; padding: 6px 12px; font-size: 13px; cursor: pointer; }
.btn-ghost:hover { background: rgba(109, 40, 217, .08); }
.texto-card { max-width: 560px; }
.texto-area { width: 100%; font-family: inherit; font-size: 14px; line-height: 1.45; padding: 10px; border: 1px solid #ddd; border-radius: 8px; resize: vertical; box-sizing: border-box; }
.texto-avisos { margin: 0 0 8px; padding-left: 18px; color: #8a5a00; font-size: 13px; }

.link-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.link-list li{display:flex;align-items:center;gap:6px}
.link-open{flex:1;text-align:left;background:#F1EEF7;border:1px solid #e2dcef;border-radius:8px;padding:6px 10px;font:inherit;font-size:13px;cursor:pointer;color:inherit}
.link-open:hover{border-color:var(--brand,#6b3fa0)}
.link-del{background:none;border:none;font-size:18px;cursor:pointer;color:#9a94ab;padding:0 6px}

/* ---- Impressores: chips "com quem está", pill no cartão e visão agrupada ---- */
.toolbar{flex-wrap:wrap}
.imp-filters{flex-basis:100%;align-items:center}
.imp-filters .sort-label{margin-right:4px}
.chip-imp .chip-n{display:inline-block;min-width:18px;margin-left:4px;padding:0 5px;border-radius:999px;background:#F3EFFA;color:var(--muted);font-size:11px;text-align:center}
.chip-imp.active .chip-n{background:#fff;color:var(--brand-strong)}
.pill-imp{background:#FFF4E0;color:#8A4B00;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:600;white-space:nowrap}
.ot-imp{font-weight:600;color:#8A4B00;white-space:nowrap}
.order-groups{display:flex;flex-direction:column;gap:22px;padding:18px 16px}
.order-groups .order-grid{padding:0}
.imp-group + .imp-group{border-top:1px solid var(--line);padding-top:18px}
.imp-group-h{font-size:16px;margin:0 0 10px;display:flex;align-items:baseline;gap:8px}
.imp-group-h small{font-size:12px;color:var(--muted);font-weight:600}
.imp-sem .imp-group-h{color:var(--muted)}
.imp-vazio{margin:0;padding:12px 0;font-size:13px}
.muted{color:var(--muted)}

/* ---- Recebimentos: estados fixos + balão do pedido clicável + WhatsApp ---- */
.rb-alocs{margin-top:8px;display:flex;flex-direction:column;gap:6px}
.rb-aloc-grp{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rb-aloc-st{display:grid;grid-template-columns:96px 96px;gap:6px;flex:none}
.rb-aloc-st .pill-pay,.rb-aloc-st .pill-ent{text-align:center;white-space:nowrap}
.pill-ent{border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}
.pill-ent.entregue{background:#E6F0FF;color:#1D4ED8}
.pill-ent.atrasado{background:var(--red-soft);color:var(--red)}
.pill-ent.a-entregar{background:#EFEAF6;color:var(--muted)}
button.rb-aloc{border:0;font-family:inherit;cursor:pointer}
button.rb-aloc:hover{background:var(--brand-line);text-decoration:underline}
.rb-aloc-grp .wa-btn{vertical-align:middle}

/* ---- Sacolas a pedir ---- */
.apedir{padding:18px 16px;display:block}
.ap-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.ap-head h2{margin:0 0 4px;font-size:18px}
.ap-regra{margin:8px 0 12px}
.ap-vazio{padding:12px 0}
.ap-table{border:1px solid var(--line);border-radius:10px;overflow:hidden}
.ap-row{display:grid;grid-template-columns:90px minmax(220px,1fr) 2fr;gap:12px;align-items:center;padding:10px 14px;border-top:1px solid #f0ebf8;font-size:13px}
.ap-row:first-child{border-top:0}
.ap-th{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#7a7490;background:#faf8fd}
.ap-qtd{font-size:16px;font-weight:600;text-align:right}
.ap-mat,.ap-cor{display:inline-block;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600;text-transform:uppercase;background:#EFEAF6;color:var(--muted);margin-left:4px}
.ap-falta{display:inline-block;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600;background:var(--amber-soft);color:var(--amber);margin-left:4px}
.ap-origens{display:flex;flex-wrap:wrap;gap:6px}
.ap-orig{border:0;background:var(--brand-soft);color:var(--brand-strong);border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:600;cursor:pointer;font-family:inherit}
.ap-orig:hover{text-decoration:underline}
.ap-avisos{margin:0 0 12px}
@media(max-width:900px){.ap-row{grid-template-columns:70px 1fr}.ap-origens{grid-column:1/-1}.ap-th span:nth-child(3){display:none}}

/* ---- Popup de anexo ---- */
.anx-viewer{z-index:70}
.anx-v-card{max-width:min(960px,94vw)}
.anx-v-body{display:flex;flex-direction:column;align-items:center;gap:8px}
.anx-v-img{display:block;max-width:100%;max-height:70vh;object-fit:contain;border-radius:6px;cursor:zoom-in;background:#faf8fd}
.anx-v-hint{margin:0}
.anx-v-pdf{width:100%;height:72vh;border:1px solid var(--line);border-radius:6px}
.anx-v-outro{margin:24px 0}
.anx-v-card .modal-foot{display:flex;gap:8px;justify-content:flex-end}
.anx-v-card .modal-foot a{text-decoration:none}
.anx-v-pages{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}
.anx-v-page{width:100%;max-width:820px;height:auto;border:1px solid var(--line);border-radius:4px;box-shadow:0 2px 8px rgba(22,10,37,.08)}
.ap-row{grid-template-columns:28px 90px minmax(220px,1fr) 2fr}
.ap-chk{display:flex;align-items:center;justify-content:center;cursor:pointer}
.ap-chk input{width:17px;height:17px;accent-color:var(--brand);cursor:pointer}
.ap-row.ap-off{opacity:.5;background:#faf8fd}
.ap-selinfo{margin-top:2px}
@media(max-width:900px){.ap-row{grid-template-columns:28px 70px 1fr}.ap-origens{grid-column:2/-1}.ap-th span:nth-child(4){display:none}}
.bar-slot{width:45%;max-width:30px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.bar-slot .bar{width:100%;max-width:26px}
.bar-val{font-style:normal;font-size:10px;font-weight:600;line-height:1;margin-bottom:3px;white-space:nowrap;letter-spacing:-.2px}
.bar-val-ped{color:var(--brand)}
.bar-val-rec{color:var(--green)}
.bar-chart:not(.bar-chart-sm){padding-top:18px}
.dm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}
.dm-bloco{border:1px solid var(--line);border-radius:10px;padding:14px 16px;background:#fcfbfe}
.dm-titulo{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
.dm-titulo strong{font:600 14px/1.2 'Outfit',sans-serif;color:var(--ink)}
.dm-titulo span{font-size:12px;color:var(--muted);font-weight:600}
.dm-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dm-col h4{margin:0 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}
.dm-row{display:grid;grid-template-columns:minmax(58px,82px) 1fr auto;gap:8px;align-items:center;margin-bottom:6px;font-size:12px}
.dm-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.dm-row b{font-size:12px}
.dm-row .hbar-track i.dm-cor{background:var(--green)}
.dm-outros .dm-label{color:var(--muted);font-weight:500}
@media(max-width:600px){.dm-cols{grid-template-columns:1fr}}

/* Itens do pedido: edição + divisão por impressor (APLICAR-0025) */
.it-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.it-row{border:1px solid #E9E2F6;border-radius:8px;padding:10px 12px;background:#fff}
.it-row.open{border-color:#7B2FFF;background:#FBF9FF}
.it-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.it-head strong{font-size:14px;color:#19181E}
.it-val{font-size:13px;font-weight:600;color:#4a4560;margin-left:6px}
.it-meta{font-size:12px;color:#6b6680;margin-top:2px}
.it-alocs{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.it-imp{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:#EFE6FF;color:#5a1fd1}
.it-imp.none{background:#FFF4E0;color:#8a5a00}
.it-warn{color:#C92A2A}
.it-form{margin-top:10px;display:flex;flex-direction:column;gap:10px}
.it-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.it-grid-3{grid-template-columns:repeat(3,1fr)}
.it-form select,.it-form input{padding:8px 10px;border:1px solid #E9E2F6;border-radius:4px;font-size:14px;background:#fff}
.it-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.it-div{border-top:1px dashed #E9E2F6;padding-top:10px;display:flex;flex-direction:column;gap:8px}
.it-sub{font-size:13px;font-weight:600;color:#4a4560}
.it-sub small{font-weight:500;color:#8a86a0}
.it-del{color:#C92A2A}
.it-add{align-self:flex-start}
.it-form .edit-field{min-width:0}
.it-form select,.it-form input{width:100%;box-sizing:border-box;min-width:0}
/* ---- Aba Emi (estilo WhatsApp Web) ---- */
.emi-shell{display:grid;grid-template-columns:340px 1fr;height:calc(100vh - 120px);min-height:560px;border:1px solid var(--line,#E4E1EC);border-radius:12px;overflow:hidden;background:#fff}
.emi-side{border-right:1px solid var(--line,#E4E1EC);overflow-y:auto;background:#fff}
.emi-conv{display:flex;gap:10px;width:100%;padding:12px 14px;border:0;border-bottom:1px solid #F1EFF5;background:#fff;text-align:left;cursor:pointer;font:inherit}
.emi-conv:hover{background:#FAF8FE}.emi-conv.selected{background:var(--brand-soft)}
.emi-avatar{flex:none;width:40px;height:40px;border-radius:50%;background:var(--brand-soft);color:var(--brand-strong);display:grid;place-items:center;font-weight:600}
.emi-conv-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.emi-conv-top,.emi-conv-bot{display:flex;align-items:center;gap:6px;justify-content:space-between}
.emi-conv-top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.emi-time{font-size:12px;color:#8A8599;flex:none}.emi-time.hot{color:var(--brand);font-weight:600}
.emi-prev{font-size:13px;color:#6B6680;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}
.emi-badge{flex:none;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--brand);color:#fff;font-size:12px;font-weight:600;display:grid;place-items:center}
.emi-paused{font-size:11px;color:#9A6B00;background:#FFF4D6;border-radius:4px;padding:1px 6px;flex:none}
.emi-main{display:flex;flex-direction:column;min-width:0;min-height:0;background:#F4F1FA}
.emi-chat-head{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#fff;border-bottom:1px solid var(--line,#E4E1EC)}
.emi-chat-head div{flex:1;min-width:0;display:flex;flex-direction:column}.emi-chat-head div span{font-size:12px;color:#8A8599}
.emi-back{display:none;border:0;background:none;font-size:28px;line-height:1;color:var(--brand);cursor:pointer;padding:0 4px}
.emi-thread{flex:1;min-height:0;overflow-y:auto;padding:16px 6%;display:flex;flex-direction:column;gap:6px}
.emi-day{align-self:center;font-size:12px;color:#6B6680;background:#fff;border-radius:6px;padding:3px 10px;margin:8px 0;box-shadow:0 1px 0 rgba(0,0,0,.04)}
.emi-msg{max-width:72%;padding:7px 10px 5px;border-radius:8px;box-shadow:0 1px 0 rgba(0,0,0,.06);position:relative}
.emi-msg.in{align-self:flex-start;background:#fff;border-top-left-radius:2px}
.emi-msg.out{align-self:flex-end;background:#E7DCFF;border-top-right-radius:2px}
.emi-who{display:block;font-size:11px;font-weight:600;color:var(--brand-strong)}
.emi-text{white-space:pre-wrap;word-break:break-word;font-size:14px}
.emi-meta{display:flex;gap:6px;justify-content:flex-end;align-items:center;font-size:11px;color:#8A8599;margin-top:2px}
.emi-sugtag{border-radius:4px;padding:0 5px;background:#F0E8FF;color:var(--brand-strong);font-weight:600}
.emi-sugtag.s-skipped_human{background:#EEE;color:#666}
.emi-rxs{position:absolute;bottom:-12px;right:8px;display:flex;gap:2px}.emi-rx{background:#fff;border-radius:10px;padding:0 4px;font-size:13px;box-shadow:0 1px 2px rgba(0,0,0,.12)}
.emi-drafts{background:#fff;border-top:1px solid var(--line,#E4E1EC);padding:10px 16px;display:flex;flex-direction:column;gap:10px;max-height:48%;overflow-y:auto}
.emi-sug{border:1px solid var(--brand-line);border-radius:10px;padding:10px;background:#FCFAFF;display:flex;flex-direction:column;gap:8px}
.emi-sug-head{font-size:12px;color:#6B6680;display:flex;gap:6px;flex-wrap:wrap}.emi-sug-head em{color:#2B2640}
.emi-sug-rx{display:flex;gap:10px;align-items:center;background:var(--brand-soft);border-radius:8px;padding:8px 10px}
.emi-sug-emoji{font-size:30px;line-height:1}.emi-sug-rx div{display:flex;flex-direction:column;font-size:13px}.emi-sug-rx span{color:#6B6680}
.emi-flag{background:#FFF4D6;color:#7A5500;border-radius:6px;padding:6px 8px;font-size:13px}
.emi-draft{width:100%;box-sizing:border-box;border:1px solid var(--brand-line);border-radius:8px;padding:8px 10px;font:inherit;font-size:14px;resize:vertical;background:#fff}
.emi-draft-wait{font-size:13px;color:#8A8599;font-style:italic}
.emi-sug-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.emi-btn{border:1px solid var(--line,#D9D5E3);background:#fff;border-radius:8px;padding:7px 12px;font-weight:600;font:inherit;font-weight:600;cursor:pointer}
.emi-btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.emi-btn.ghost{font-size:13px}
.emi-btn:disabled{opacity:.45;cursor:not-allowed}
.emi-lock{font-size:12px;color:#8A8599}
.emi-empty,.emi-chat-empty{padding:24px;color:#8A8599;text-align:center}
.emi-chat-empty{margin:auto;display:flex;flex-direction:column;gap:4px}
@media (max-width:760px){.emi-shell{grid-template-columns:1fr;height:auto;min-height:0}.emi-shell.open .emi-side{display:none}.emi-shell:not(.open) .emi-main{display:none}.emi-back{display:block}.emi-thread{max-height:55vh;padding:12px}.emi-msg{max-width:86%}}
.emi-sug-nav{display:flex;gap:6px;flex-wrap:wrap}
.emi-chip{border:1px solid var(--line,#D9D5E3);background:#fff;border-radius:14px;padding:3px 10px;font:inherit;font-size:12px;cursor:pointer;color:#4A4560}
.emi-chip.active{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand-strong);font-weight:600}
.emi-sugtag[data-emi-sug]{cursor:pointer}.emi-msg.focus{box-shadow:0 0 0 2px var(--brand-line)}
/* ---- Aba Fluxos (mobile-first) ---- */
.flx{--ok:#1D9E5F;--ok-bg:#E6F6EE;--build:#2F6FEB;--build-bg:#E8F0FE;--decide:#C77700;--decide-bg:#FFF3DC;--future:#7A7590;--future-bg:#EFEDF3;display:flex;flex-direction:column;gap:14px;padding-bottom:40px}
.flx-st-ok{--c:var(--ok);--cb:var(--ok-bg)}.flx-st-build{--c:var(--build);--cb:var(--build-bg)}.flx-st-decide{--c:var(--decide);--cb:var(--decide-bg)}.flx-st-future{--c:var(--future);--cb:var(--future-bg)}
.flx-gold{background:var(--brand);color:#fff;border-radius:12px;padding:14px 16px;font-weight:600;font-size:16px;text-align:center}
.flx-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.flx-leg{background:var(--cb);border-left:4px solid var(--c);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;font-size:12px;color:#4A4560}
.flx-leg strong{color:var(--c);font-size:13px;display:flex;justify-content:space-between}.flx-leg b{background:#fff;border-radius:10px;padding:0 7px}
.flx-h{font-size:18px;margin:10px 0 0}
.flx-tiles{display:grid;grid-template-columns:1fr;gap:8px}
.flx-tile{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #E9E2F6;border-left:5px solid var(--c);border-radius:10px;padding:10px 12px;text-decoration:none;color:inherit}
.flx-tile-t{flex:1;min-width:0;font-weight:600;font-size:14px}
.flx-n{flex:none;width:28px;height:28px;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;font-weight:600;font-size:13px}
.flx-n.big{width:40px;height:40px;font-size:18px}
.flx-pill{flex:none;display:inline-block;background:var(--cb);color:var(--c);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;white-space:nowrap}
.flx-path{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.flx-path-step{display:flex;gap:10px;align-items:flex-start;position:relative;padding:0 0 14px 0;font-size:14px}
.flx-path-step:not(.last)::before{content:'';position:absolute;left:13px;top:28px;bottom:0;width:2px;background:var(--brand-line)}
.flx-path-n{flex:none;width:28px;height:28px;border-radius:50%;background:var(--brand-soft);color:var(--brand-strong);display:grid;place-items:center;font-weight:600;font-size:13px;position:relative;z-index:1}
.flx-path-step span:last-child{padding-top:4px}
.flx-flow{background:#fff;border:1px solid #E9E2F6;border-top:5px solid var(--c);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;scroll-margin-top:80px}
.flx-flow-head{display:flex;gap:12px;align-items:center}.flx-flow-head h2{font-size:17px;margin:0 0 4px;line-height:1.25}
.flx-what{margin:0;font-size:14px;color:#4A4560}
.flx-chart{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:stretch}
.flx-node{position:relative;background:#FAF8FE;border:1px solid #E9E2F6;border-radius:10px;padding:10px 12px;font-size:14px;margin-bottom:22px;display:flex;flex-direction:column;gap:2px}
.flx-node:not(:last-child)::after{content:'↓';position:absolute;left:50%;transform:translateX(-50%);bottom:-21px;color:var(--c);font-weight:600;font-size:16px;line-height:20px}
.flx-node:last-child{margin-bottom:0}
.flx-node em{font-style:normal;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--c)}
.flx-node.start{background:var(--cb);border-color:transparent}.flx-node.end{background:var(--cb);border-color:transparent}
.flx-node.mid{border-left:3px solid var(--c)}
.flx-boxes{display:flex;flex-direction:column;gap:8px}
.flx-box{border-radius:8px;padding:9px 11px;font-size:13px;display:flex;flex-direction:column;gap:3px}
.flx-box.works{background:var(--ok-bg)}.flx-box.works strong{color:var(--ok)}
.flx-box.missing{background:var(--future-bg)}.flx-box.missing strong{color:#4A4560}
.flx-box.decide{background:var(--decide-bg)}.flx-box.decide strong{color:var(--decide)}
.flx-sum summary,.flx-sc summary{cursor:pointer;font-weight:600;font-size:13px;color:var(--brand-strong)}
.flx-sum p{font-size:13px;color:#4A4560;margin:6px 0 0}
.flx-top{font-size:12px;color:var(--brand);text-decoration:none;align-self:flex-end}
.flx-note{margin:0;font-size:13px;color:#6B6680}
.flx-sc-group h3{font-size:14px;margin:8px 0 6px;display:flex;gap:6px;align-items:center}.flx-sc-group h3 b{background:var(--brand-soft);color:var(--brand-strong);border-radius:10px;padding:0 7px;font-size:12px}
.flx-sc{background:#fff;border:1px solid #E9E2F6;border-radius:8px;padding:9px 11px;margin-bottom:6px;font-size:14px}
.flx-sc summary{display:flex;gap:8px;align-items:center;color:#2B2640;font-weight:600;list-style:none}
.flx-sc summary::-webkit-details-marker{display:none}
.flx-sc-c{flex:none;font-size:11px;font-weight:600;border-radius:4px;padding:1px 6px;background:var(--ok-bg);color:var(--ok)}
.flx-sc.open .flx-sc-c{background:var(--decide-bg);color:var(--decide)}
.flx-sc p{margin:8px 0 0;font-size:13px;color:#4A4560}.flx-sc-ask{background:var(--decide-bg);border-radius:6px;padding:6px 8px}
@media (min-width:760px){.flx-legend{grid-template-columns:repeat(4,1fr)}.flx-tiles{grid-template-columns:repeat(2,1fr)}.flx-flow{padding:18px 22px}.flx-chart{max-width:640px}.flx-boxes{flex-direction:row}.flx-box{flex:1}}
@media (min-width:1100px){.flx-tiles{grid-template-columns:repeat(3,1fr)}}
/* Fluxos: espinha dorsal */
.flx-spine{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;position:relative}
.flx-spine::before{content:'';position:absolute;left:19px;top:20px;bottom:20px;width:4px;background:var(--brand);border-radius:2px}
.flx-sp-cap{position:relative;z-index:1;align-self:flex-start;background:var(--brand-strong);color:#fff;font-weight:600;font-size:13px;border-radius:999px;padding:8px 14px;margin:0 0 12px}
.flx-sp-cap.end{background:var(--ok,#1D9E5F);margin:4px 0 0}
.flx-sp-step{position:relative;z-index:1;margin-bottom:12px}
.flx-sp-node{display:flex;gap:12px;align-items:flex-start;background:#fff;border:2px solid var(--brand-line);border-radius:12px;padding:10px 12px;margin-left:0}
.flx-sp-n{flex:none;width:28px;height:28px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:600;font-size:14px}
.flx-sp-node div{display:flex;flex-direction:column;gap:2px}.flx-sp-node strong{font-size:15px}.flx-sp-node span{font-size:13px;color:#6B6680}
.flx-branches{margin:6px 0 0 30px;padding:8px 0 0 12px;border-left:2px dashed var(--brand-line);display:flex;flex-direction:column;gap:6px}
.flx-branches em{font-style:normal;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#8A8599}
.flx-bchip{display:block;text-decoration:none;font-size:13px;border-radius:8px;padding:6px 10px;background:#fff;border:1px solid #E9E2F6;color:#2B2640}
.flx-bchip.flow{border-left:4px solid var(--c);font-weight:600}
.flx-bchip.sc.rule{border-left:4px solid #1D9E5F}.flx-bchip.sc.open{border-left:4px solid #C77700}
.flx-anywhere,.flx-layers{background:#fff;border:1px solid #E9E2F6;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.flx-anywhere>div,.flx-layers>div{display:flex;flex-direction:column;gap:6px}
.flx-anywhere strong,.flx-layers strong{font-size:13px}
.flx-layers{background:var(--brand-soft);border-color:var(--brand-line)}
.flx-route{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:6px 0 0}
.flx-rt-tag{font-size:12px;font-weight:600;border-radius:999px;padding:3px 10px;background:var(--brand-soft);color:var(--brand-strong)}
.flx-rt-tag.out{background:#FFF3DC;color:#A05F00}.flx-rt-tag.back{background:#E6F6EE;color:#1D7F4E}.flx-rt-tag.you{background:#E8F0FE;color:#2F6FEB}.flx-rt-tag.end{background:#EFEDF3;color:#6B6680}
.flx-rt-tag.main{background:var(--brand);color:#fff}.flx-rt-tag.all{background:var(--brand-soft)}
.flx-rt-arrow{color:#8A8599;font-weight:600}
.flx-rt-como{margin:4px 0 0;font-size:13px;color:#6B6680}
.flx-sc-h{font-size:14px;margin:12px 0 6px;color:var(--brand-strong)}
.flx-sc-t{flex:1;min-width:0}.flx-sc-lab{flex:none;font-size:11px;color:#8A8599}
.flx-sc{scroll-margin-top:80px}
@media (min-width:760px){.flx-spine{max-width:760px}.flx-branches{flex-direction:row;flex-wrap:wrap;align-items:center}.flx-branches em{width:100%}.flx-anywhere>div,.flx-layers>div{flex-direction:row;flex-wrap:wrap}}
.flx-sp-node .flx-sp-n{color:#fff;font-size:14px}
.flx-spine::before{left:26px}
.brand-home{display:block;line-height:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.brand-home:active{opacity:.6}
#emiBadge[hidden]{display:none}
.flx-approved{display:inline-block;margin-left:6px;background:#1D9E5F;color:#fff;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;white-space:nowrap}
.flx-approved.mini{margin-left:4px;padding:0 7px;font-size:11px}
.flx-progress{margin:0;font-size:13px;color:#4A4560}
/* ---- Navegação agrupada ---- */
.tabs.grouped{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:flex-end}
.tab-group{display:flex;flex-direction:column;gap:5px}
.tab-group+.tab-group{padding-left:18px;border-left:1px solid var(--line)}
.tab-group-label{font:600 10px 'Outfit',sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#9A95AD;padding-left:2px}
.tab-group-items{display:flex;gap:4px}
.tabs.grouped .tab{padding:9px 16px}
.nav-mobile{display:none}
.soon-card{background:#fff;border:1px dashed var(--brand-line);border-radius:12px;padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:#6B6680}
.soon-card strong{font-size:18px;color:#2B2640}.soon-icon{font-size:36px}
@media (max-width:760px){
  .nav-mobile{display:block;margin-bottom:12px}
  .nav-toggle{width:100%;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font:600 15px 'Outfit',sans-serif;color:#2B2640;cursor:pointer}
  .nav-toggle #navCurrent{flex:1;text-align:left}.nav-burger{color:var(--brand);font-size:18px}.nav-caret{color:#9A95AD}
  .tabs.grouped{display:none;flex-direction:column;align-items:stretch;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:-6px;box-shadow:0 12px 30px rgba(22,10,37,.08)}
  .tabs.grouped.open{display:flex}
  .tab-group+.tab-group{padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:10px}
  .tab-group-items{flex-direction:column}
  .tabs.grouped .tab{flex:none;text-align:left;padding:11px 14px;font-size:14px}
}
.tabs.grouped{align-items:flex-start}
.tabs.grouped .tab{display:inline-flex;align-items:center;height:40px;box-sizing:border-box}
.tabs.grouped .tab .tab-badge{line-height:1.5}
@media (max-width:760px){.tabs.grouped .tab{height:auto}}
@media (max-width:760px){.tabs.grouped{align-items:stretch}.tabs.grouped .tab-group{align-self:stretch}.tabs.grouped .tab-group-items .tab{width:100%}}

/* duas esteiras: arte (5 passos) + sacola/producao (6 passos) — APLICAR-0026 */
.stage-step.locked{opacity:.55;cursor:not-allowed;border-style:dashed}
.stage-step.locked:hover{border-color:#F1ECFA}
.step-since{margin-left:auto;font:600 11.5px 'Outfit',sans-serif;color:var(--brand);white-space:nowrap}
.btn-ajuste{margin-top:6px;padding:8px 12px;border:1px solid #F1ECFA;border-radius:2px;background:#fff;font:600 13px 'Outfit',sans-serif;color:#8a5a00;cursor:pointer;text-align:left}
.btn-ajuste:hover{border-color:#e0a800}
.rodada-info{display:block;margin-top:4px;color:var(--muted);font-weight:600}
.lock-hint{font-weight:600;color:var(--muted)}
.order-stage .lock{margin-right:4px;font-size:12px}
.offer-imp{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px;padding:10px 12px;border:1px solid var(--brand-line);border-radius:2px;background:#FBF9FF;font-size:13.5px}
.offer-imp span{flex:1;min-width:200px}
.btn-ghost{padding:8px 12px;border:1px solid #F1ECFA;border-radius:2px;background:#fff;font:600 13px 'Outfit',sans-serif;color:var(--muted);cursor:pointer}
.prod-check.art-status{cursor:default;padding-bottom:0}

/* trava amarela: avança com confirmação — APLICAR-0026 */
.stage-step.warn-step{border-style:dashed;border-color:#e0a800;color:#8a5a00}
.stage-step.warn-step:hover{border-color:#c78c00;background:#FFFDF5}
.stage-step.warn-step .step-n{border-color:#e0a800;color:#8a5a00}
.offer-imp.warn{border-color:#e0a800;background:#FFFDF5}
.btn-warn{padding:8px 12px;border:1px solid #e0a800;border-radius:2px;background:#fff;font:600 13px 'Outfit',sans-serif;color:#8a5a00;cursor:pointer}
.btn-warn:hover{background:#FFF7E0}

/* ---------- Ambientes: Embli x Rimcol ---------- */
.env-switch{display:flex;border:1px solid #E9E2F6;border-radius:999px;padding:2px;background:#fff;margin-left:18px}
.env-btn{border:0;background:transparent;padding:6px 16px;border-radius:999px;font-size:13px;font-weight:600;color:#6b6680;cursor:pointer;transition:background .15s,color .15s}
.env-btn.active{background:#7B2FFF;color:#fff}
body.env-rimcol .env-btn.active{background:#0F766E}
.env-band{background:#0F766E;color:#fff;font-size:13px;padding:7px 20px;text-align:center}
.env-band strong{font-weight:600}
.env-band-back{margin-left:8px;border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;border-radius:999px;padding:2px 12px;font-size:12px;font-weight:600;cursor:pointer}
.env-band-back:hover{background:rgba(255,255,255,.15)}
body.env-rimcol .topbar{border-bottom:3px solid #0F766E}
@media (max-width:640px){.env-switch{margin-left:8px}.env-btn{padding:5px 11px;font-size:12px}}
.chip-art.active{background:#F59E0B;border-color:#F59E0B;color:#fff}
.chip-art.active .chip-n{color:#fff}

/* A pedir: agrupamento por modelo com linha por pedido (25/09) */
.ap-modelo-h { margin: 18px 0 6px; font-size: 15px; letter-spacing: .04em; }
.ap-modelo-h small { font-weight: 600; color: var(--mut, #777); margin-left: 8px; letter-spacing: 0; }

/* ---- Aba Empresa ---- */
.emp-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.emp-card{padding:20px 22px}
.emp-card h2{margin:0 0 14px;font:600 18px 'Outfit',sans-serif;color:var(--ink)}
.emp-rows{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}
.emp-row{display:flex;flex-direction:column;gap:2px}
.emp-row.full{grid-column:1/-1}
.emp-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.emp-value{font-size:15px;font-weight:600;color:var(--ink)}
.emp-consulta{margin:14px 0 0;font-size:13px;color:var(--muted);font-weight:600}
.emp-link{color:var(--brand);font-weight:600}
.emp-fonte{margin:10px 0 0;font-size:12px;color:var(--muted)}
.emp-prop{margin-bottom:12px}
.emp-pre{white-space:pre-wrap;word-break:break-word;background:var(--page);border:1px solid var(--line);border-radius:var(--radius-btn);padding:14px 16px;font:600 14px/1.7 'Outfit',sans-serif;color:var(--ink);margin:0 0 12px}
.emp-foot{display:flex;justify-content:flex-end;align-items:center;gap:14px}
@media (max-width:900px){.emp-grid{grid-template-columns:1fr}.emp-rows{grid-template-columns:1fr}}
/* Aba Produtos (v1 read-only) */
.prod-fam{margin:14px 0 20px}
.prod-fam-title{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 2px 10px}
.prod-fam-n{font-weight:600;text-transform:none;letter-spacing:0;margin-left:6px}
.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.prod-card{text-align:left;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;cursor:pointer;font-family:inherit;transition:border-color .15s,box-shadow .15s}
.prod-card:hover{border-color:var(--brand-line);box-shadow:0 2px 8px rgba(80,60,140,.08)}
.prod-tam{font-size:19px;font-weight:600;color:var(--brand-strong)}
.prod-un{font-size:11px;font-weight:600;color:var(--muted)}
.prod-meta{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:6px;font-size:12px;color:var(--muted);font-weight:600}
.prod-badges{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px;min-height:16px}
.prod-ref{font-size:10px;font-weight:600;color:var(--muted);background:#F3EFFA;border-radius:2px;padding:2px 6px;text-transform:uppercase;letter-spacing:.04em}
.prod-foot{margin:16px 4px;font-size:12px;color:var(--muted)}
.prod-drawer-veil{position:fixed;inset:0;background:rgba(30,20,50,.32);z-index:60}
.prod-drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,94vw);background:#fff;z-index:61;overflow-y:auto;padding:22px;box-shadow:-6px 0 24px rgba(30,20,50,.18)}
.prod-drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}
.prod-drawer-head h2{margin:2px 0 4px;font-size:20px}
.prod-cod{font-size:12px;color:var(--muted);font-weight:600}
.prod-close{border:1px solid var(--line);background:#fff;border-radius:8px;width:32px;height:32px;cursor:pointer;color:var(--muted);font-size:14px}
.prod-sec{margin:18px 0 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--brand-strong);border-bottom:1px solid var(--line);padding-bottom:5px}
.prod-row{display:flex;justify-content:space-between;gap:14px;padding:5px 0;font-size:13px}
.prod-row span{color:var(--muted)}
.prod-row strong{text-align:right;font-weight:600}
.prod-note{font-size:12px;color:var(--muted);background:#F8F6FC;border-radius:8px;padding:8px 10px;margin:8px 0}
.prod-alert{font-size:12.5px;font-weight:600;color:var(--amber);background:var(--amber-soft);border-radius:8px;padding:9px 11px;margin:10px 0}

/* Aba Compras */
.cmp-precos{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 12px}
.cmp-preco{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:2px;min-width:150px}
.cmp-preco-fam{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600}
.cmp-preco strong{font-size:16px}
.cmp-preco-sub{font-size:11px;color:var(--muted)}
.cmp-nota{display:grid;grid-template-columns:86px 90px 110px 70px 90px 1fr;gap:8px;align-items:center;width:100%;text-align:left;background:#fff;border:0;border-bottom:1px solid var(--line);padding:11px 14px;font-family:inherit;font-size:13px;cursor:pointer}
.cmp-nota:hover{background:var(--brand-soft,#f5f2fb)}
.cmp-nota-data{color:var(--muted)}
.cmp-nota-nfe{font-weight:600}
.cmp-nota-n,.cmp-nota-kg{color:var(--muted)}
.cmp-nota-val{font-weight:600;text-align:right}
.cmp-dest{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:2px;padding:2px 6px;text-align:center}
.cmp-dest-ped{background:var(--green-soft,#e7f6ec);color:var(--green,#1d7a3d)}
.cmp-dest-canc{background:#fdeaea;color:#b3261e}
.cmp-dest-out{background:var(--amber-soft);color:var(--amber)}
.cmp-det{border-bottom:1px solid var(--line);background:#fbfaff;padding:10px 14px}
.cmp-tab{width:100%;border-collapse:collapse;font-size:12.5px}
.cmp-tab th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:6px 8px;border-bottom:1px solid var(--line)}
.cmp-tab td{padding:6px 8px;border-bottom:1px solid #f0edf7}
.cmp-tab th.r,.cmp-tab td.r{text-align:right}
.cmp-matriz{overflow-x:auto;padding:4px}
@media(max-width:760px){.cmp-nota{grid-template-columns:78px 82px 1fr 88px;font-size:12px}.cmp-nota-n,.cmp-nota-kg{display:none}}

/* Conciliação de pagamentos (Compras) */
.cmp-pg-ok{background:var(--green-soft,#e7f6ec);color:var(--green,#1d7a3d)}
.cmp-pg-maior{background:var(--amber-soft);color:var(--amber)}
.cmp-pg-pend{background:#fdeaea;color:#b3261e}
.cmp-pend{margin:0 0 12px}
.cmp-pend-cards{display:flex;gap:10px;flex-wrap:wrap}
.cmp-pend-card{border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:4px;font-size:12px;flex:1;min-width:260px}
.cmp-pend-card strong{font-size:14px}
.cmp-pend-card span{color:var(--muted)}
.cmp-pend-falta{background:#fdeaea;border:1px solid #f2c1bd}
.cmp-pend-falta strong{color:#b3261e}
.cmp-pend-sobra{background:var(--amber-soft);border:1px solid var(--amber)}
.cmp-nota{grid-template-columns:86px 90px 104px 96px 60px 84px 1fr}

/* Produtos: visão tabela compacta */
.prod-tab-wrap{overflow-x:auto}
.prod-tab th.prod-tab-th{cursor:pointer;user-select:none;white-space:nowrap}
.prod-tab th.prod-tab-th:hover{color:var(--brand,#5b3df5)}
.prod-tab .prod-tab-row{cursor:pointer}
.prod-tab .prod-tab-row:hover{background:var(--brand-soft,#f5f2fb)}
.prod-tab td{padding:4px 8px}

/* Prestacao de contas */
.prest-cards{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.prest-card{border:1px solid var(--line,#e6e2ee);border-radius:12px;padding:12px 16px;display:flex;flex-direction:column;gap:3px;min-width:220px;background:var(--card,#fff);cursor:pointer;text-align:left;font:inherit}
.prest-card.active{border-color:var(--brand,#6d28d9);box-shadow:0 0 0 1px var(--brand,#6d28d9)}
.prest-card strong{font-size:14px}
.prest-saldo{font-size:18px;font-weight:600;color:#b3261e}
.prest-saldo.prest-quit{color:var(--green,#1d7a3d);font-size:13px}
.prest-card small{color:var(--muted)}
.prest-table{width:100%;border-collapse:collapse;font-size:13px}
.prest-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--line,#e6e2ee)}
.prest-table td{padding:10px;border-bottom:1px solid var(--line,#e6e2ee);vertical-align:top}
.prest-obs{color:var(--muted)}
.prest-anot td{background:var(--amber-soft,#fdf4e3);color:var(--muted);font-size:12px}
.prest-comp{margin-top:6px;border:1px solid var(--line,#e6e2ee);border-radius:8px;background:var(--card,#fff);padding:3px 10px;font-size:12px;cursor:pointer}
.prest-comp:hover{border-color:var(--brand,#6d28d9)}
/* Ficha de produto: campos operacionais editáveis (v2) */
.prod-fld{display:flex;flex-direction:column;gap:4px;margin:8px 0;font-size:12px;color:var(--muted);font-weight:600}
.prod-fld input,.prod-fld select,.prod-fld textarea{border:1px solid var(--line);border-radius:6px;padding:8px 10px;font:600 13px 'Outfit',sans-serif;color:var(--ink);background:#fff}
.prod-fld textarea{min-height:64px;resize:vertical}
.prod-ops-actions{display:flex;gap:8px;margin-top:10px}
.prod-ops-err{color:#d92d20;font-size:12px;font-weight:600;margin-top:8px}
.prod-edit-btn{margin-top:10px}
/* Cartela de cores do fornecedor na ficha de produto */
.prod-sec-sub{font-size:12px;color:var(--muted);font-weight:600;margin:10px 0 4px}
.prod-cartela-img{width:100%;border-radius:8px;margin-top:4px;border:1px solid var(--line);display:block}

/* ---- Precificação (matriz de margens) ---- */
.prec-verbar{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px 16px;margin-bottom:14px;flex-wrap:wrap}
.prec-verbar.dirty{border-color:#F59E0B;background:#FFFBEB}
.prec-ver-resumo{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
.prec-dirty-tag{color:#B45309;font-weight:600;font-size:12.5px}
.prec-ver-actions{display:flex;gap:8px;align-items:center;flex:1;justify-content:flex-end;min-width:280px}
.prec-ver-actions input{flex:1;min-width:200px;padding:9px 12px;border:1.5px solid var(--brand);border-radius:2px;font:13.5px 'Outfit',sans-serif}
.prec-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;align-items:start}
.prec-card{padding:16px 18px;margin-bottom:0}
.prec-main .prec-card{margin-bottom:14px}
.prec-side{display:flex;flex-direction:column;gap:14px}
.prec-h{margin:0 0 10px;font-size:15px}
.prec-hint{display:block;font-size:11.5px;font-weight:500;color:var(--muted)}
.prec-chart{width:100%;height:auto;display:block}
.prec-matrix-wrap{overflow-x:auto;margin-top:12px}
.prec-matrix{border-collapse:collapse;font-size:12.5px;min-width:100%}
.prec-matrix th,.prec-matrix td{border:1px solid #EFEAF8;padding:5px 7px;text-align:right;white-space:nowrap}
.prec-matrix thead th{background:#F8F5FD;font-size:11.5px;color:var(--muted)}
.prec-matrix tbody th{text-align:left;background:#F8F5FD;font-weight:600}
.prec-matrix td.prec-ganho{color:#B45309;background:#FFFBEB;font-size:11px;font-weight:600;text-align:center;cursor:help}
.prec-note{font-size:12px;color:var(--muted);line-height:1.55;margin:10px 0 0}
.prec-anchor-row{display:grid;grid-template-columns:92px 1fr 1fr;gap:8px 10px;align-items:center;padding:9px 0;border-bottom:1px solid #F3EFFA}
.prec-anchor-row:last-child{border-bottom:0}
.prec-anchor-row strong{font-size:13.5px}
.prec-anchor-row label{font-size:11.5px;color:var(--muted);display:flex;flex-direction:column;gap:3px}
.prec-coef{grid-column:1/-1;font-size:11px;color:#b3aec4}
.prec-inp{width:100%;box-sizing:border-box;padding:7px 9px;border:1.5px solid var(--brand);border-radius:2px;font:13.5px 'Outfit',sans-serif;color:var(--ink)}
.prec-params{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
.prec-params label{font-size:11.5px;color:var(--muted);display:flex;flex-direction:column;gap:3px}
.prec-chips{display:flex;flex-wrap:wrap;gap:6px}
.prec-chip{display:inline-flex;align-items:center;gap:5px;cursor:default;font-size:12.5px}
.prec-chip-x{border:0;background:none;color:#b3aec4;font-size:14px;cursor:pointer;padding:0 2px;line-height:1}
.prec-chip-x:hover{color:#E02424}
.prec-qadd{display:flex;gap:8px;margin-top:10px}
.prec-qadd input{width:130px;padding:7px 9px;border:1.5px solid var(--line);border-radius:2px;font:13px 'Outfit',sans-serif}
.prec-rules{margin:0;padding-left:20px;font-size:13px;line-height:1.7;color:var(--ink)}
.prec-hist{list-style:none;margin:0;padding:0;font-size:12.5px}
.prec-hist li{padding:6px 0;border-bottom:1px solid #F3EFFA}
.prec-hist li span{display:block;color:var(--muted);font-size:11.5px;margin-top:1px}
@media (max-width:1100px){.prec-grid{grid-template-columns:1fr}}

/* ---- Aba Concorrência ---- */
.conc-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: 18px 0 6px; }
.conc-card { background: #fff; border: 1px solid #EFEAF8; border-radius: 14px; padding: 14px 16px; display: flex; flex-direction: column; gap: 2px; }
.conc-card b { font-size: 22px; color: #2d1b4e; }
.conc-card span { font-size: 12px; color: #8a86a0; }
.conc-sec { background: #fff; border: 1px solid #EFEAF8; border-radius: 14px; padding: 16px 18px; margin: 14px 0; }
.conc-sec h2 { font-size: 16px; margin: 0 0 10px; color: #2d1b4e; }
.conc-sec h3 { font-size: 13px; margin: 0 0 6px; color: #4b3a75; }
.conc-sub { font-size: 12px; color: #8a86a0; font-weight: 400; }
.conc-tbl { width: 100%; border-collapse: collapse; font-size: 13px; }
.conc-tbl th { text-align: left; font-size: 11px; text-transform: uppercase; letter-spacing: .04em; color: #8a86a0; padding: 6px 8px; border-bottom: 1px solid #EFEAF8; }
.conc-tbl td { padding: 7px 8px; border-bottom: 1px solid #F6F2FC; vertical-align: top; }
.conc-num { text-align: right; font-variant-numeric: tabular-nums; }
.conc-tbl th.conc-num, .conc-tbl td.conc-num { text-align: right; }
.conc-row { cursor: pointer; }
.conc-row:hover { background: #FAF7FE; }
.conc-expand { border: none; background: none; color: #7B2FFF; cursor: pointer; font-size: 12px; padding: 0 4px 0 0; }
.conc-det td { background: #FAF7FE; padding: 10px 14px; }
.conc-tag { display: inline-block; font-size: 10px; background: #EFEAF8; color: #5b4a86; border-radius: 999px; padding: 1px 7px; margin-left: 6px; vertical-align: middle; }
.conc-fonte { font-size: 11.5px; color: #6b6480; max-width: 260px; }
.conc-filtros { display: flex; gap: 10px; margin-bottom: 10px; }
.conc-filtros select, .conc-filtros input { border: 1px solid #E3DCF2; border-radius: 10px; padding: 8px 10px; font-size: 13px; }
.conc-filtros input { flex: 1; }
.conc-form { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.conc-form input { border: 1px solid #E3DCF2; border-radius: 10px; padding: 8px 10px; font-size: 13px; min-width: 140px; }
.conc-form .conc-w2 { flex: 1; min-width: 240px; }
.conc-btn { background: #7B2FFF; color: #fff; border: none; border-radius: 10px; padding: 9px 18px; font-size: 13px; font-weight: 600; cursor: pointer; }
.conc-btn:disabled { opacity: .6; cursor: default; }
.conc-inv { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.conc-inv ul { margin: 0; padding-left: 18px; font-size: 12.5px; color: #4b4763; }
.conc-inv li { margin-bottom: 4px; }
.conc-none { font-size: 12.5px; color: #8a86a0; margin: 4px 0; }
@media (max-width: 900px) { .conc-cards, .conc-inv { grid-template-columns: 1fr 1fr; } .conc-tbl { font-size: 12px; } }

/* ---- Aba Processos ---- */
.proc-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: 18px 0 6px; }
.proc-card { background: #fff; border: 1px solid #EFEAF8; border-radius: 14px; padding: 14px 16px; display: flex; flex-direction: column; gap: 2px; }
.proc-card b { font-size: 22px; color: #2d1b4e; }
.proc-card span { font-size: 12px; color: #8a86a0; }
.proc-card.proc-ok b { color: #0E9F6E; }
.proc-card.proc-mid b { color: #B7791F; }
.proc-card.proc-zero b { color: #8a86a0; }
.proc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 14px; }
.proc-area { background: #fff; border: 1px solid #EFEAF8; border-left-width: 4px; border-radius: 14px; padding: 14px 16px; }
.proc-borda-resolvida { border-left-color: #0E9F6E; }
.proc-borda-construcao { border-left-color: #E5A13D; }
.proc-borda-zerada { border-left-color: #C9C4D8; }
.proc-head { display: flex; align-items: center; gap: 10px; cursor: pointer; }
.proc-num { width: 26px; height: 26px; border-radius: 8px; background: #F1EBFB; color: #5b4a86; font-size: 13px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; flex: none; }
.proc-head h3 { font-size: 15px; margin: 0; color: #2d1b4e; flex: 1; }
.proc-toggle { color: #8a86a0; font-size: 12px; }
.proc-pill { font-size: 11px; border-radius: 999px; padding: 3px 10px; font-weight: 600; white-space: nowrap; }
.proc-pill-resolvida { background: #E3F5EE; color: #0E9F6E; }
.proc-pill-construcao { background: #FBF0DC; color: #B7791F; }
.proc-pill-zerada { background: #EFEDF4; color: #6b6480; }
.proc-pill[data-e] { border: 1px solid transparent; cursor: pointer; background: #F6F2FC; color: #6b6480; }
.proc-pill[data-e].on.proc-pill-resolvida { background: #E3F5EE; color: #0E9F6E; border-color: #0E9F6E; }
.proc-pill[data-e].on.proc-pill-construcao { background: #FBF0DC; color: #B7791F; border-color: #E5A13D; }
.proc-pill[data-e].on.proc-pill-zerada { background: #EFEDF4; color: #4b4763; border-color: #8a86a0; }
.proc-falta { font-size: 13px; color: #4b4763; margin: 10px 0 0; line-height: 1.45; }
.proc-editor { margin-top: 12px; border-top: 1px dashed #EFEAF8; padding-top: 12px; display: flex; flex-direction: column; gap: 10px; }
.proc-estados { display: flex; gap: 8px; flex-wrap: wrap; }
.proc-editor label { font-size: 12px; color: #8a86a0; display: flex; flex-direction: column; gap: 5px; }
.proc-editor textarea, .proc-editor input { border: 1px solid #E3DCF2; border-radius: 10px; padding: 8px 10px; font-size: 13px; font-family: inherit; color: #2d1b4e; }
.proc-actions { display: flex; align-items: center; gap: 10px; }
.proc-save { background: #7B2FFF; color: #fff; border: none; border-radius: 10px; padding: 9px 18px; font-size: 13px; font-weight: 600; cursor: pointer; }
.proc-save:disabled { opacity: .6; cursor: default; }
.proc-hist { margin-top: 10px; border-top: 1px dashed #EFEAF8; padding-top: 8px; }
.proc-hist p { font-size: 12px; color: #6b6480; margin: 4px 0; }
.proc-hist span { color: #a29db5; margin-right: 6px; }
.proc-sub { font-size: 11px; color: #a29db5; font-weight: 400; }
@media (max-width: 900px) { .proc-grid, .proc-cards { grid-template-columns: 1fr; } }
/* Motor de preços — simulador */
.motor-card{border:1.5px solid #7B2FFF33;background:linear-gradient(180deg,#FBF9FF, #fff)}
.motor-grid{display:grid;grid-template-columns:2fr 1fr 1.2fr 1.2fr auto;gap:10px;align-items:end;margin-bottom:12px}
.motor-grid label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#5b5670}
.motor-grid select,.motor-grid input{padding:7px 9px;border:1px solid #DDD6EE;border-radius:8px;font-size:13px;background:#fff}
.motor-pix{flex-direction:row !important;align-items:center;gap:6px !important;padding-bottom:9px;white-space:nowrap}
.motor-out{display:flex;gap:22px;flex-wrap:wrap;padding:12px 14px;background:#F4EFFD;border-radius:10px;margin-bottom:8px}
.motor-out>div{display:flex;flex-direction:column;gap:2px}
.motor-out span{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:#7a7490}
.motor-out strong{font-size:16px;color:#2c2640}
.motor-total strong{font-size:22px;color:#5A1ED6}
.motor-aviso{margin:6px 0 0;font-size:12.5px;color:#B7791F}
.motor-detalhe summary{cursor:pointer;font-size:12.5px;color:#7B2FFF;font-weight:600}
.motor-passos{margin:8px 0 0;padding-left:18px;font-size:12.5px;color:#4a4560}
.motor-passos li{display:flex;gap:10px;justify-content:space-between;padding:3px 0;border-bottom:1px dashed #EEE8F8}
.motor-ps-det{flex:1;color:#8a86a0}
@media (max-width:1100px){.motor-grid{grid-template-columns:1fr 1fr}}
/* Campanhas & Marketing */
.camp-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:1100px){.camp-grid{grid-template-columns:1fr}}
.camp-card{padding:16px 18px}
.camp-destaque{border:1.5px solid #E0242433;background:linear-gradient(180deg,#FFF9F0,#fff)}
.camp-badge{font-size:10.5px;font-weight:600;letter-spacing:.5px;padding:3px 9px;border-radius:99px;vertical-align:middle;margin-left:8px}
.camp-badge.ok{background:#E7F6EE;color:#0E9F6E}
.camp-badge.pend{background:#FDF0E4;color:#B7791F}
.camp-badge.info{background:#EFEAFB;color:#7B2FFF}
.camp-money{display:flex;gap:20px;flex-wrap:wrap;padding:10px 12px;background:#FDF4E7;border-radius:10px;margin-bottom:10px}
.camp-money>div{display:flex;flex-direction:column}
.camp-money span{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:#8a7a5c}
.camp-money strong{font-size:19px;color:#7a5a1e}
.camp-list{margin:8px 0 0;padding-left:18px;font-size:13px;color:#4a4560}
.camp-list li{margin-bottom:5px}
.camp-timeline{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}
.camp-timeline>div{display:flex;gap:12px;align-items:baseline}
.camp-timeline strong{min-width:150px;color:#5A1ED6;font-size:13px}
.camp-timeline span{font-size:13px;color:#4a4560}
.camp-src{font-size:11.5px;color:#8a86a0;margin:8px 0 0}
/* Curadoria de telefones */
.cur-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.cur-contadores{font-size:13px;color:#4a4560}
.cur-contadores strong{font-size:18px;color:#5A1ED6}
.cur-filtros{display:flex;gap:6px}
.cur-filtro{border:1px solid #E4DEF6;background:#fff;color:#5a5470;font-size:12px;padding:5px 12px;border-radius:99px;cursor:pointer}
.cur-filtro.on{background:#5A1ED6;border-color:#5A1ED6;color:#fff}
.cur-dica{font-size:12px;color:#8a86a0;margin:0 0 14px}
.cur-sec{font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:#8a86a0;margin:18px 0 8px}
.cur-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 14px;background:#fff;border:1px solid #EFEAFB;border-radius:12px;margin-bottom:8px}
.cur-row.cur-aprovado{opacity:.55;border-color:#B7E4CD}
.cur-row.cur-descartado{opacity:.45}
.cur-main{font-size:13.5px;color:#2d2846}
.cur-sub{font-size:11.5px;color:#8a86a0;margin-top:2px}
.cur-mono{font-family:ui-monospace,monospace;font-size:11px}
.cur-tel{margin-left:10px;color:#5A1ED6}
.cur-tel-estranho{color:#B7791F}
.cur-flag{font-size:10.5px;background:#FDF0E4;color:#B7791F;border-radius:99px;padding:2px 8px;margin-left:8px}
.cur-tag-amb{font-size:10.5px;background:#EFEAFB;color:#7B2FFF;border-radius:99px;padding:2px 8px;margin-left:6px}
.cur-tag-ddd{font-size:10.5px;background:#E8F5E9;color:#1B7A37;border-radius:99px;padding:2px 8px;margin-left:6px}
.cur-tag-semddd{font-size:10.5px;background:#FFF4E0;color:#9A6A00;border-radius:99px;padding:2px 8px;margin-left:6px}
.cur-acoes{display:flex;gap:8px;align-items:center;flex-shrink:0}
.cur-btn{border:none;font-size:12px;font-weight:600;padding:7px 12px;border-radius:9px;cursor:pointer}
.cur-btn.cur-ok{background:#E7F6EE;color:#0E9F6E}
.cur-btn.cur-ok:hover{background:#0E9F6E;color:#fff}
.cur-btn.cur-no{background:#FBEBEB;color:#C81E1E}
.cur-btn.cur-no:hover{background:#C81E1E;color:#fff}
.cur-btn.cur-undo{background:none;color:#8a86a0;text-decoration:underline;padding:4px}
.cur-status{font-size:12px;color:#8a86a0}
@media (max-width:800px){.cur-row{flex-direction:column;align-items:flex-start}}

/* Aba Conversas (tempo real) */
.convs-toolbar{display:flex;gap:8px;align-items:center;margin:0 0 10px;flex-wrap:wrap}
.convs-toolbar input[type=search]{flex:1;min-width:220px;padding:9px 12px;border:1px solid var(--brand-line);border-radius:8px;font:inherit;font-size:14px;background:#fff}
.convs-toolbar select{padding:9px 10px;border:1px solid var(--brand-line);border-radius:8px;font:inherit;font-size:13px;background:#fff}
.convs-live{font-size:12px;font-weight:600;color:#8A8599;white-space:nowrap}
.convs-live.on{color:#1B8A4C}
.convs-live.poll{color:#9A6B00}
.convs-dir.in{color:#1B8A4C;font-weight:600}
.convs-dir.out{color:#7A6FA8;font-weight:600}
.convs-count{flex:none;font-size:11px;color:#8A8599;background:#F1EFF5;border-radius:8px;padding:1px 7px}
.convs-flash{animation:convsFlash 2.4s ease-out}
@keyframes convsFlash{0%{background:#E8F7EE}100%{background:#fff}}
.convs-shell.compact .emi-conv{padding:6px 14px;gap:8px}
.convs-shell.compact .emi-avatar{width:28px;height:28px;font-size:12px}
.convs-shell.compact .emi-prev{font-size:12px}
.convs-shell.compact .emi-conv-body{gap:1px}
@media (max-width:760px){.convs-toolbar input[type=search]{min-width:140px}}
.convs-sug{flex:none;font-size:11px;font-weight:600;color:var(--brand-strong);background:#F0E8FF;border-radius:8px;padding:1px 7px}
.convs-draft-bubble{align-self:flex-end;max-width:72%;border:2px dashed var(--brand);background:#FBF8FF;border-radius:10px;padding:9px 12px;margin-top:6px}
.convs-draft-head{font-size:11px;font-weight:600;color:var(--brand-strong)}
.convs-draft-text{font-size:14px;font-style:italic;margin-top:4px;white-space:pre-wrap;word-break:break-word}
.convs-draft-foot{font-size:11px;color:#8A8599;margin-top:5px}
.convs-toasts{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:10px;z-index:9999;max-width:370px}
.convs-toast{background:#fff;border:1px solid var(--brand-line);border-left:4px solid var(--brand);border-radius:12px;box-shadow:0 8px 28px rgba(43,38,64,.18);padding:12px 14px;opacity:0;transform:translateY(12px);transition:opacity .3s ease,transform .3s ease}
.convs-toast.show{opacity:1;transform:none}
.convs-toast-head{font-size:12px;font-weight:600;color:var(--brand-strong)}
.convs-toast-body{display:flex;flex-direction:column;gap:2px;margin-top:4px;font-size:13px}
.convs-toast-body span{color:#6B6680}
.convs-toast-actions{display:flex;gap:8px;margin-top:8px;align-items:center}
.convs-toast-actions button{border:1px solid var(--brand-line);background:#fff;border-radius:8px;padding:5px 10px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;color:var(--brand-strong)}
.convs-toast-actions button:hover{background:var(--brand-soft)}
.convs-toast-x{margin-left:auto;border:none;background:none;color:#8A8599;cursor:pointer;font-size:13px;padding:5px}

/* Composer: responder pelo WhatsApp pela aba Conversas */
.convs-composer{border-top:1px solid #e6e3f2;padding:10px 12px;background:#faf9fe}
.convs-composer textarea{width:100%;resize:vertical;min-height:44px;max-height:140px;border:1px solid #d9d4ec;border-radius:10px;background:#fff;color:#2b2440;padding:8px 10px;font:inherit}
.convs-composer textarea:focus{outline:none;border-color:#7c5cff}
.convs-comp-actions{display:flex;gap:8px;margin-top:8px}
.convs-comp-review-head{font-size:13px;color:#4a4266;margin-bottom:6px}
.convs-comp-review{white-space:pre-wrap;background:#fff;color:#2b2440;border:1px dashed #7c5cff;border-radius:10px;padding:10px;font-size:14px}
.convs-comp-status{margin-top:8px;font-size:13px;min-height:0;color:#4a4266}
.convs-comp-status.ok{color:#15803d}
.convs-comp-status.err{color:#b91c1c}
.convs-comp-off{font-size:12px;color:#8a84a3;padding:8px 12px;border-top:1px solid #e6e3f2}
.convs-composer .emi-btn:disabled{opacity:.5;cursor:default}

/* Aba Acervo RIMCOL */
.ace-thread{padding:14px 16px;overflow-y:auto}
.ace-sec{font-weight:600;font-size:13px;color:var(--brand-ink,#1f2937);margin:14px 0 8px;text-transform:uppercase;letter-spacing:.4px;opacity:.7}
.ace-arte{border:1px solid var(--brand-line,#e5e7eb);border-radius:10px;padding:10px 12px;margin-bottom:8px;background:#fff}
.ace-arte-nome{font-size:14px;font-weight:600;word-break:break-all}
.ace-arte-meta{font-size:12px;opacity:.65;margin-top:3px}
.ace-grupo{margin-bottom:10px}
.ace-grupo h4{margin:0 0 6px;font-size:13px;opacity:.8;text-transform:capitalize}
.ace-val{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;padding:7px 10px;border:1px solid var(--brand-line,#e5e7eb);border-radius:8px;margin-bottom:6px;background:#fff}
.ace-val-campo{display:none}
.ace-val-texto{font-size:14px;font-weight:600}
.ace-val-orig{font-size:11.5px;opacity:.55;margin-left:auto}
.ace-val-revisar{border-color:#f59e0b;background:#fffbeb}

/* Aba Pendências */
.pnd-add{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
.pnd-add input[type=text]{flex:1;min-width:240px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:14px}
.pnd-add select{padding:9px 10px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:13px;background:#fff}
.pnd-btn{padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;font:inherit;font-size:12px;cursor:pointer}
.pnd-btn:hover{background:var(--brand-soft)}
.pnd-addbtn{background:var(--brand);color:#fff;border-color:var(--brand);font-weight:600;padding:9px 16px}
.pnd-addbtn:hover{background:var(--brand-strong)}
.pnd-board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px;align-items:start}
@media(max-width:900px){.pnd-board{grid-template-columns:1fr}}
.pnd-col{background:var(--page);border:1px solid var(--line);border-radius:12px;padding:10px;min-height:120px}
.pnd-col-head{font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.4px;opacity:.75;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}
.pnd-count{background:var(--brand-soft);color:var(--brand-strong);border-radius:999px;padding:1px 9px;font-size:12px}
.pnd-vazio{opacity:.4;font-size:12.5px;padding:8px 4px}
.pnd-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 11px;margin-bottom:8px}
.pnd-card.open{border-color:var(--brand)}
.pnd-card-head{cursor:pointer;display:grid;gap:6px}
.pnd-titulo{font-size:13.5px;font-weight:600;line-height:1.35}
.pnd-badges{display:flex;gap:6px;flex-wrap:wrap}
.pnd-badge{font-size:10.5px;font-weight:600;border-radius:999px;padding:2px 8px}
.pnd-p1{background:#FDEBEB;color:#C92A2A}
.pnd-p2{background:#FFF4E0;color:#A96212}
.pnd-p3{background:#F1F0F5;color:#5D5470}
.pnd-dono{background:var(--brand-soft);color:var(--brand-strong)}
.pnd-card-body{margin-top:8px;border-top:1px dashed var(--line);padding-top:8px}
.pnd-detalhe{margin:0 0 6px;font-size:12.5px;line-height:1.45}
.pnd-meta{margin:0 0 8px;font-size:11px;opacity:.55}
.pnd-acoes{display:flex;gap:6px;flex-wrap:wrap}
.pnd-done{background:#E4F9EF;color:#157A4E;border-color:#BDE9D2}
.pnd-arq{opacity:.7}
.pnd-col-feito .pnd-card{opacity:.72}
.pnd-col-feito .pnd-titulo{text-decoration:line-through;text-decoration-thickness:1px}
.pnd-add .bb-custom-select-container{width:auto !important;flex:0 0 auto;min-width:150px}
.ace-kv{display:flex;gap:10px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;margin-bottom:6px;background:#fff;font-size:13px}
.ace-kv span{opacity:.55;min-width:170px;flex-shrink:0}
.ace-kv strong{font-weight:600;word-break:break-all}
.ace-mono{font-family:ui-monospace,monospace;font-size:12px}
.ace-alerta{background:#fffbeb;border:1px solid #f59e0b;border-radius:10px;padding:10px 12px;font-size:13px;margin-bottom:10px}
.ace-texto{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.55;white-space:pre-wrap;word-break:break-word}
.ace-thumb{border:1.5px dashed var(--brand-line);border-radius:10px;padding:22px;text-align:center;opacity:.6;font-size:13px}
.ace-refgroup{border:1px solid var(--brand-line);border-radius:10px;margin:0 0 8px;overflow:hidden}
.ace-refhead{background:var(--brand-soft);color:var(--brand-strong);font-size:12px;font-weight:600;padding:7px 10px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.ace-reftag{background:#fff;border:1px solid var(--brand-line);border-radius:999px;padding:1px 8px;font-size:10.5px}
.ace-refcount{margin-left:auto;font-size:10.5px;opacity:.75}
.ace-refbody{padding:6px;background:#F7F3FE}
.ace-refbody .emi-conv{margin-bottom:4px}
.ace-refbody .emi-conv:last-child{margin-bottom:0}
.ace-avatar-img{padding:0;overflow:hidden;background:#F3F0FA}
.ace-avatar-img img{width:100%;height:100%;object-fit:cover;display:block}
.ace-previas{display:flex;flex-wrap:wrap;gap:8px}
.ace-previas img{width:180px;min-height:120px;object-fit:contain;border-radius:10px;border:1px solid #E6E1F2;background:#fff}
.ace-filtros{display:flex;gap:6px;margin:2px 0 10px;flex-wrap:wrap}
.ace-tag-auto{background:#E8F5E9;color:#1B7A37}
.ace-tag-dif{background:#EFEAFB;color:#5A3DBB}
.ace-refbtns{margin-left:8px;display:inline-flex;gap:6px}
.ace-refbtns .cur-btn{font-size:11px;padding:2px 10px}
.ace-sug{border:1px solid #E6E1F2;border-radius:12px;padding:12px 14px;margin-bottom:10px;background:#fff}
.ace-sug-tema{opacity:.75;background:#FAF8FD}
.ace-sug-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.ace-sug-info{font-size:12px;color:#6b6580;margin-bottom:8px}
.ace-sug-thumbs{display:flex;gap:6px;margin-bottom:8px}
.ace-sug-thumb{width:56px;height:56px;object-fit:cover;border-radius:8px;border:1px solid #E6E1F2}
.ace-arte{display:flex;gap:10px;align-items:center;margin-bottom:8px}
.ace-arte-thumb{width:48px;height:48px;object-fit:cover;border-radius:8px;border:1px solid #E6E1F2}
.ace-tabela{width:100%;border-collapse:collapse;font-size:13px}
.ace-tabela th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:#6b6580;padding:6px 10px;border-bottom:2px solid #E6E1F2;cursor:pointer;user-select:none}
.ace-tabela th.on{color:#7B2FFF}
.ace-tabela td{padding:8px 10px;border-bottom:1px solid #F0ECF8}
.ace-tabela tbody tr{cursor:pointer}
.ace-tabela tbody tr:hover{background:#F7F4FD}
.ace-tabela tbody tr.on{background:#EFEAFB}
.ace-plan{font-size:12px}
.ace-plan td{padding:5px 8px;white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis}
.ace-plan td:hover{white-space:normal;overflow:visible}
.ace-plan tbody tr.com-artes{background:#F4FEF5}
.ace-plan-mais{font-size:11.5px;color:#6b6580;padding:4px 2px 8px}
.convs-shell.plan{grid-template-columns:1fr}
.convs-shell.plan:not(.open) .emi-main{display:none}
.convs-shell.plan.open{grid-template-columns:minmax(460px,1.1fr) 1fr}
.ace-flag-sus{color:#B26A00;font-weight:600;font-size:11px;margin-left:4px}
.ace-plan thead th{position:sticky;top:0;background:#fff;z-index:2;border-bottom:2px solid #7B2FFF}
.ace-plan td, .ace-plan th{border-right:1px solid #F0ECF8}
.ace-plan td:last-child, .ace-plan th:last-child{border-right:0}
.ace-cod{color:#6B7280;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;white-space:nowrap}
/* scrollbars custom topo+fim: trilho sempre com dica visual, alça cheia no hover da grade */
.ace-planwrap{position:relative}
.ace-scrollx-bot{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.ace-scrollx-bot::-webkit-scrollbar{display:none}
.ace-sb{position:relative;height:14px;margin:2px 0;cursor:pointer;touch-action:none}
.ace-sb::before{content:'';position:absolute;left:0;right:0;top:6px;height:2px;background:#E3E7EB;border-radius:2px}
.ace-sb-thumb{position:absolute;top:3px;height:8px;min-width:30px;background:#C7CDD4;border-radius:4px;cursor:grab;opacity:.55;transition:opacity .15s, background .15s}
.ace-planwrap:hover .ace-sb-thumb{opacity:1;background:#9AA3AD}
.ace-sb-thumb:active{cursor:grabbing;background:#6B7280}
.ace-sb.off{display:none}
/* abas de grupo da planilha */
.ace-grupos{display:flex;gap:6px;margin:0 0 8px;flex-wrap:wrap}
.ace-grupo{border:1px solid #DDE2E7;background:#fff;border-radius:999px;padding:5px 14px;font-size:13px;color:#5B6470;cursor:pointer}
.ace-grupo span{color:#98A1AA;font-size:12px;margin-left:4px}
.ace-grupo.on{background:#111827;border-color:#111827;color:#fff}
.ace-grupo.on span{color:#B9C0C9}
.convs-kill{margin-left:auto;font-weight:600;border:1px solid #DDE2E7;background:#ECFDF3;color:#166534;border-radius:8px;padding:4px 12px;cursor:pointer}
.convs-kill.off{background:#FEF2F2;color:#B42318;border-color:#FECDCA}

/* Mapa completo da Central */
.mapa-btn{position:fixed;top:10px;right:12px;z-index:1200;display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line,#e5e1ef);border-radius:10px;padding:8px 12px;font:600 13px 'Outfit',sans-serif;color:#2B2640;cursor:pointer;box-shadow:0 4px 14px rgba(22,10,37,.10)}
.mapa-btn:hover{border-color:var(--brand,#6d28d9);color:var(--brand,#6d28d9)}
.mapa-panel{position:fixed;top:52px;right:12px;z-index:1190;width:min(860px,calc(100vw - 24px));max-height:calc(100vh - 70px);overflow:auto;background:#fff;border:1px solid var(--line,#e5e1ef);border-radius:14px;box-shadow:0 18px 50px rgba(22,10,37,.18);padding:14px}
.mapa-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.mapa-grupo{border:1px solid var(--line,#ece8f5);border-radius:10px;overflow:hidden}
.mapa-grupo>button{width:100%;display:flex;align-items:center;justify-content:space-between;background:#f7f5fc;border:0;padding:9px 12px;font:700 13px 'Outfit',sans-serif;color:#2B2640;cursor:pointer}
.mapa-grupo>button .mapa-caret{transition:transform .15s;color:#9A95AD}
.mapa-grupo.aberto>button .mapa-caret{transform:rotate(180deg)}
.mapa-itens{display:none;padding:6px}
.mapa-grupo.aberto .mapa-itens{display:flex;flex-direction:column;gap:1px}
a.mapa-item{display:block;padding:6px 9px;border-radius:7px;font:500 13px 'Outfit',sans-serif;color:#4a4560;text-decoration:none}
a.mapa-item:hover{background:#f1edfb;color:var(--brand,#6d28d9)}
a.mapa-item.ativo{background:var(--brand,#6d28d9);color:#fff;font-weight:700}
@media (max-width:760px){.mapa-btn span{display:none}.mapa-panel{top:48px}}

/* copiloto inline da Emi (aba Conversas) */
.convs-draft-actions { display:flex; gap:8px; margin-top:10px; }
.convs-draft-actions .emi-btn.primary { background:#7c3aed; color:#fff; border-color:#7c3aed; }
.convs-draft-rej { margin-top:10px; }
.convs-draft-rej textarea { width:100%; resize:vertical; border:1px solid #d9d9e3; border-radius:10px; padding:8px 10px; font:inherit; background:#fff; }
.convs-draft-status { margin-top:8px; font-size:12.5px; color:#6b7280; }
.convs-draft-status.ok { color:#15803d; }
.convs-draft-status.err { color:#b91c1c; }
.convs-emisel { margin-left:8px; font-size:11px; background:#ede9fe; color:#6d28d9; border-radius:999px; padding:2px 8px; }
.convs-draft-bubble.aprovado { border-color:#7c3aed; }

/* toggle de Emi por conversa */
.convs-emioff{flex:none;font-size:11px;font-weight:600;color:#8A6D00;background:#FFF3CD;border-radius:8px;padding:1px 7px}
.convs-emtgl{margin-left:auto;flex:none;white-space:nowrap}
.convs-emtgl.off{border-color:#E3B505;color:#8A6D00;background:#FFF9E6}

/* Aba Impressores (espelha o padrao visual da aba Processos) */
.impr-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 18px 0 6px; }
.impr-card { background: #fff; border: 1px solid #EFEAF8; border-radius: 14px; padding: 14px 16px; display: flex; flex-direction: column; gap: 2px; }
.impr-card b { font-size: 22px; color: #2d1b4e; }
.impr-card span { font-size: 12px; color: #8a86a0; }
.impr-card.impr-ok b { color: #0E9F6E; }
.impr-card.impr-mut b { color: #8a86a0; }
.impr-top { display: flex; gap: 10px; margin: 14px 0 4px; }
.impr-add { background: #5b4a86; color: #fff; border: 0; border-radius: 10px; padding: 9px 16px; font-weight: 600; cursor: pointer; }
.impr-toggle-arq { background: #F6F2FC; color: #5b4a86; border: 1px solid #E4DDF2; border-radius: 10px; padding: 9px 14px; cursor: pointer; }
.impr-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 14px; }
.impr-area { background: #fff; border: 1px solid #EFEAF8; border-left-width: 4px; border-radius: 14px; padding: 14px 16px; }
.impr-borda-ativo { border-left-color: #0E9F6E; }
.impr-borda-arquivado { border-left-color: #C9C4D8; }
.impr-area.impr-editando { border-left-color: #5b4a86; margin-top: 14px; }
.impr-head { display: flex; align-items: center; gap: 10px; cursor: pointer; }
.impr-head h3 { font-size: 15px; margin: 0; color: #2d1b4e; flex: 1; }
.impr-cod { font-size: 11px; color: #8a86a0; background: #F6F2FC; border-radius: 6px; padding: 2px 8px; font-family: monospace; }
.impr-toggle { color: #8a86a0; font-size: 12px; }
.impr-pill { font-size: 11px; border-radius: 999px; padding: 3px 10px; font-weight: 600; white-space: nowrap; }
.impr-pill-ativo { background: #E3F5EE; color: #0E9F6E; }
.impr-pill-arquivado { background: #EFEDF4; color: #6b6480; }
.impr-linha { font-size: 13px; color: #4b4763; margin: 8px 0 0; }
.impr-obs { font-size: 12px; color: #8a86a0; margin: 8px 0 0; line-height: 1.45; white-space: pre-wrap; }
.impr-form { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
.impr-form .impr-span2 { grid-column: span 2; }
.impr-actions { display: flex; align-items: center; gap: 10px; margin-top: 12px; }
.impr-save { background: #5b4a86; color: #fff; border: 0; border-radius: 10px; padding: 8px 16px; font-weight: 600; cursor: pointer; }
.impr-save:disabled { opacity: .6; cursor: default; }
.impr-cancel { background: none; border: 0; color: #6b6480; cursor: pointer; }
.impr-foot { margin-top: 10px; border-top: 1px dashed #EFEAF8; padding-top: 8px; }
.impr-arq { background: none; border: 0; color: #8a86a0; font-size: 12px; cursor: pointer; text-decoration: underline; }
.impr-nota { font-size: 12px; color: #8a86a0; margin-top: 16px; }
@media (max-width: 900px) { .impr-grid, .impr-form { grid-template-columns: 1fr; } .impr-form .impr-span2 { grid-column: span 1; } }

/* Aba Fornecedores */
.forn-grid { display: grid; grid-template-columns: 1fr; gap: 14px; margin-top: 14px; }
.forn-tab { width: 100%; border-collapse: collapse; font-size: 13px; margin-bottom: 10px; }
.forn-tab th { text-align: left; font-size: 11px; text-transform: uppercase; letter-spacing: .05em; color: #8a86a0; padding: 4px 8px; border-bottom: 1px solid #EFEAF8; }
.forn-sub { font-size: 11px; color: #8a86a0; }
.forn-flag { font-size: 11px; color: #B45309; background: #FEF3C7; border-radius: 6px; padding: 1px 6px; white-space: nowrap; }
.forn-nunca { font-size: 12px; color: #8a86a0; font-style: italic; }
.forn-detail { margin-top: 10px; border-top: 1px dashed #E4DDF2; padding-top: 6px; }
.forn-nfe { border: 1px solid #EFEAF8; border-radius: 10px; margin: 6px 0; padding: 6px 10px; }
.forn-nfe-head { display: flex; align-items: center; gap: 14px; cursor: pointer; font-size: 13px; color: #2d1b4e; }
.forn-nfe-head strong { flex: 0 0 auto; }
.forn-pgt { font-size: 11px; color: #0E9F6E; background: #E3F5EE; border-radius: 999px; padding: 2px 8px; }
.impr-pill-prosp { background: #FEF3C7; color: #B45309; }
.forn-form-prod { margin-top: 8px; }

.imp-edit-row{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:12px;color:var(--muted)}
.imp-edit-row input{width:100px;padding:3px 6px;font-size:12px}
.mini-btn{padding:3px 10px;font-size:12px;border-radius:6px;border:1px solid var(--line);background:var(--purple);color:#fff;cursor:pointer}
.mini-btn.ghost{background:#fff;color:var(--purple)}

/* Fiquei de (promessas pra clientes) */
.pnd-fd{margin:10px 0 16px;border:1px dashed var(--line);border-radius:12px;padding:10px 12px;background:var(--soft,#faf7f2)}
.pnd-fd-head{font-weight:700;margin-bottom:8px}
.pnd-fd-head small{font-weight:400;color:var(--muted,#777);margin-left:6px}
.hoje-h2 { font:600 20px 'Outfit',sans-serif; color:var(--ink); margin:26px 0 12px; display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.hoje-h2:first-child { margin-top:4px; }
.hoje-h2 small { font:400 13px 'Outfit',sans-serif; color:var(--muted,#6b7280); }
.hoje-acao { color:var(--brand-strong); font:600 12px 'Outfit',sans-serif; white-space:nowrap; }
.hoje-chips { margin-left:auto; display:flex; gap:6px; }
.hoje-chip { border:1px solid var(--line); background:var(--card); border-radius:999px; padding:4px 12px; font:500 12px 'Outfit',sans-serif; cursor:pointer; color:var(--ink); }
.hoje-chip.on { background:var(--brand-soft); border-color:var(--brand-line); color:var(--brand-strong); }
.hoje-fo { margin:6px 0 10px; }
.hoje-fo summary { cursor:pointer; font:600 15px 'Outfit',sans-serif; padding:8px 0; color:var(--ink); }
.hoje-fo summary small { font:400 12px 'Outfit',sans-serif; color:var(--muted,#6b7280); margin-left:6px; }

/* Simulador Emi (ambiente de teste) */
.sim-wrap{padding:8px 4px}
.sim-banner{background:#fff3cd;border:1px solid #e0b800;color:#5b4700;padding:8px 12px;border-radius:8px;font-weight:600;margin-bottom:10px}
.sim-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.sim-bar select{max-width:320px}
.sim-msg{background:#eef;border-radius:6px;padding:4px 8px;font-size:13px}
.sim-cols{display:grid;grid-template-columns:minmax(300px,1fr) minmax(320px,1fr);gap:16px}
@media(max-width:820px){.sim-cols{grid-template-columns:1fr}}
.sim-col h3,.sim-col h4{margin:8px 0 6px}
.sim-chat{background:#e8e1f5;border-radius:12px;padding:10px;height:520px;overflow:auto}
.sim-row{display:flex;margin:6px 0}.sim-row.cli{justify-content:flex-end}
.sim-bub{max-width:88%;padding:7px 10px;border-radius:10px;background:#fff;font-size:14px;line-height:1.35}
.sim-bub.cliente{background:#d9fdd3}.sim-bub.humano{background:#fff3d6}
.sim-who{font-size:11px;font-weight:700;color:#7b2fff;margin-bottom:2px}
.sim-t{font-size:10px;color:#888;text-align:right;margin-top:2px}
.sim-sys{text-align:center;font-size:12px;color:#666;margin:8px 0}
.sim-img{max-width:100%;border-radius:8px;margin-top:6px;display:block}
.sim-car{display:flex;gap:8px;overflow-x:auto;margin-top:6px}
.sim-card{min-width:150px;max-width:170px;background:#faf8ff;border:1px solid #ddd;border-radius:8px;padding:6px;font-size:12px}
.sim-card img{width:100%;border-radius:6px}
.sim-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.sim-chip{border:1px solid #7b2fff;color:#7b2fff;background:#fff;border-radius:16px;padding:4px 10px;font-size:13px;cursor:pointer}
.sim-chip.off{opacity:.45;cursor:default}
.sim-faixas{border-collapse:collapse;margin-top:6px;font-size:13px;width:100%}
.sim-faixas caption{text-align:left;font-size:12px;color:#555;padding-bottom:3px}
.sim-faixas th,.sim-faixas td{border:1px solid #ddd;padding:3px 6px;text-align:right}
.sim-orc{border:1px solid #7b2fff;border-radius:8px;padding:6px 8px;margin-top:6px;background:#faf8ff}
.sim-total{font-size:18px;font-weight:700;color:#7b2fff}
.sim-form{display:flex;gap:6px;margin-top:8px}.sim-form input{flex:1;padding:8px;border:1px solid #ccc;border-radius:8px}
.sim-pausa{padding:8px;border-radius:8px;background:#e8f7ec;margin-bottom:8px}.sim-pausa.on{background:#ffe8cc}
.sim-draft{width:100%;font:inherit;padding:8px;border:1px solid #ccc;border-radius:8px;box-sizing:border-box}
.sim-actions{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.btn-sim{border:1px solid #bbb;background:#fff;border-radius:8px;padding:6px 12px;cursor:pointer}
.btn-sim.ok{background:#7b2fff;border-color:#7b2fff;color:#fff}
.btn-sim[disabled]{opacity:.5}
.sim-aviso{background:#fff3cd;border-left:4px solid #e0b800;padding:6px 8px;margin:6px 0;font-size:13px;border-radius:4px}
.sim-rev{background:#ffe3e3;border-left:4px solid #d33;padding:8px;border-radius:4px}
.sim-stale{background:#eee;color:#555;padding:4px 8px;border-radius:6px;margin-bottom:6px;font-weight:600}
.sim-small{margin-top:6px}.sim-link{background:none;border:0;color:#666;text-decoration:underline;cursor:pointer;font-size:12px}
.sim-reg{width:100%;border-collapse:collapse;font-size:13px}.sim-reg td{border-bottom:1px solid #eee;padding:3px 6px}
.sim-tag{border-radius:10px;padding:1px 8px;font-size:11px}.sim-tag.confirmado{background:#d6f5dd}.sim-tag.sugerido{background:#fff3cd}.sim-tag.falta{background:#ffd9d9}
.sim-etapa{font-size:13px;margin-top:6px}.sim-hist{font-size:12px;padding-left:18px}.sim-hist li.desatualizado{color:#999}
.sim-vazio{color:#777;font-size:13px;padding:8px}

.resumo-bloco{display:grid;gap:2px;margin-top:6px;padding:6px 8px;border:1px solid var(--line,#e5e7eb);border-radius:8px;font-size:12px}
.resumo-bloco.compact{font-size:11px}
.resumo-linha{display:flex;justify-content:space-between;gap:8px}
.resumo-linha span{color:var(--muted)}
.resumo-linha.falta b{color:var(--muted);font-weight:400}
.resumo-linha:last-child{border-top:1px dashed var(--line,#e5e7eb);padding-top:2px;margin-top:2px}
.resumo-linha:last-child b{color:var(--green)}
.resumo-linha.neg:last-child b{color:var(--red)}
.resumo-linha.parcial:last-child b{color:var(--amber)}

.ent-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:8px 0}
.ent-table{width:100%;border-collapse:collapse;font-size:13px}
.ent-table th,.ent-table td{padding:5px 8px;border-bottom:1px solid var(--line,#e5e7eb);text-align:left;vertical-align:middle}
.ent-table .ent-end{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
.ent-table input.ent-custo{width:90px}.ent-table input.ent-nome{width:150px}

.aval-texto{margin:8px 0;padding:8px 12px;border-left:3px solid #7c3aed;background:rgba(124,58,237,.06);font-size:13px}
#avTexto{width:100%}
.pill-sit.aval-feita{background:#dcfce7;color:#166534}.pill-sit.aval-pedida{background:#fef3c7;color:#92400e}

.pill-nf{display:inline-block;font-size:11px;padding:1px 7px;border-radius:10px;margin-left:4px;white-space:nowrap}
.pill-nf.nf-ok{background:#d9f5e0;color:#146c2e}.pill-nf.nf-pend{background:#fff0c2;color:#7a5600}.pill-nf.nf-disp{background:#eceff3;color:#555}.pill-nf.nf-ni{background:#f3f3f3;color:#999}
.nf-quick{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:4px 0}
.nf-q{font-size:12px;padding:3px 9px;border:1px solid #c9d1da;border-radius:8px;background:#fff;cursor:pointer}.nf-q:hover{background:#f0f6ff}

.ncli{display:inline-block;font-size:11px;font-weight:600;color:#5b4b8a;background:#efeafc;border-radius:9px;padding:0 6px;margin-left:4px;white-space:nowrap}
body.env-pessoal .env-btn.active{background:#7C3AED}
body.env-pessoal .topbar{border-bottom:3px solid #7C3AED}
.pe-bar{display:flex;align-items:center;gap:10px;margin:4px 0}
.pe-bar .chip{min-width:210px;text-align:left}
.pe-bar-fill{height:10px;background:#7C3AED;border-radius:5px;display:inline-block}
.pe-in{width:100%}
#pessoalBody .filters select,#pessoalBody .filters input:not([type=checkbox]){width:auto;min-width:120px;max-width:260px;display:inline-block}
#pessoalBody .filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
.nf-edit{cursor:pointer;display:inline-block}
.nf-edit .nf-caret{font-size:10px;color:#777;margin-left:2px}
.nf-edit:hover .pill-nf{box-shadow:0 0 0 2px #cdb8ff}
.nf-pop{position:fixed;z-index:9999;background:#fff;border:1px solid #cdb8ff;border-radius:10px;padding:12px;box-shadow:0 8px 24px rgba(0,0,0,.18);width:290px;display:flex;flex-direction:column;gap:8px}
.nf-pop-t{font-weight:600;font-size:13px}
.nf-pop select,.nf-pop input{width:100%}
.nf-pop-b{display:flex;gap:8px}
#saidasBody .metrics{margin-bottom:14px}
#saidasBody .sd-alerta{border-color:#f0c36d;background:#fff8e6}
.sd-filtros{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:6px 0 12px}
.sd-chip{border:1px solid #e3dcf5;background:#fff;border-radius:999px;padding:5px 12px;font-size:13px;color:#4a4560;cursor:pointer}
.sd-chip b{font-weight:600;color:#7C3AED;margin-left:4px}
.sd-chip.on{background:#7C3AED;border-color:#7C3AED;color:#fff}.sd-chip.on b{color:#fff}
.sd-arq{margin-left:auto;font-size:12px;color:#777}
.sd-novo{background:#fff;border:1px solid #e3dcf5;border-radius:12px;padding:10px 14px;margin-bottom:14px}
.sd-novo summary{cursor:pointer;font-weight:600;color:#7C3AED}
.sd-mes{display:flex;justify-content:space-between;align-items:baseline;margin:18px 4px 6px;padding-bottom:4px;border-bottom:2px solid #efe9fb}
.sd-mes h3{margin:0;font-size:15px;text-transform:capitalize}.sd-mes span{font-weight:700;font-variant-numeric:tabular-nums}
.sd-lista{background:#fff;border:1px solid #ece6f8;border-radius:12px;overflow:hidden}
.sd-row{display:grid;grid-template-columns:52px 1fr 130px 84px;gap:12px;align-items:start;padding:11px 14px;border-bottom:1px solid #f3effb}
.sd-row:last-child{border-bottom:0}.sd-row:hover{background:#faf8ff}
.sd-arq-row{opacity:.55}
.sd-data{font-size:13px;color:#8a85a0;font-variant-numeric:tabular-nums;padding-top:2px}
.sd-main strong{font-size:14px}
.sd-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;align-items:center}
.sd-pill{font-size:11px;padding:2px 9px;border-radius:999px;background:#f1eefb;color:#5b4b8a}
.sd-pill.sd-conta{background:#eef4f2;color:#2d6a5c}.sd-pill.sd-pessoal{background:#fdeedd;color:#9a5a12}.sd-pill.sd-ped{background:#eaf0fb;color:#2c5aa0}
select.sd-cat{font-size:11px;padding:2px 6px;border-radius:999px;border:1px solid #e3dcf5;background:#f1eefb;color:#5b4b8a;width:auto;cursor:pointer}
select.sd-c-a_classificar{background:#fff0c2;border-color:#e8c25a;color:#7a5600}
select.sd-c-estorno{background:#fde8e8;color:#9a2a2a;border-color:#f3c3c3}
.sd-obs{margin:5px 0 0;font-size:12px;color:#7d7894;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sd-val{text-align:right;font-weight:700;font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap}
.sd-act{text-align:right}.sd-x{font-size:11px;border:0;background:none;color:#a39ebb;cursor:pointer}.sd-x:hover{color:#c0392b}
@media(max-width:700px){.sd-row{grid-template-columns:44px 1fr auto}.sd-act{display:none}}
#saidasBody .metric strong{font-size:24px}
#saidasBody .metric{display:block}
.sd-mes h3{text-transform:none}.sd-mes h3::first-letter{text-transform:uppercase}
.sd-meta select.sd-cat{width:auto!important;min-width:0;flex:0 0 auto;max-width:140px;padding:2px 22px 2px 10px;height:auto;line-height:1.5}

/* ===== Menu lateral (v31): áreas da Central sempre visíveis, topo enxuto ===== */
.top-actions{margin-right:104px}
@media (min-width:1000px){
  #panelView:not([hidden]){display:grid;grid-template-columns:238px minmax(0,1fr);column-gap:28px;align-items:start}
  #panelView > *:not(#tabs):not(.nav-mobile):not(.mapa-btn):not(.mapa-panel){grid-column:2;min-width:0}
  #panelView > #tabs{grid-column:1;grid-row:1 / span 60;position:sticky;top:84px;align-self:start;max-height:calc(100vh - 100px);overflow-y:auto;margin:0;display:flex;flex-direction:column;flex-wrap:nowrap;gap:2px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 10px;box-shadow:0 6px 24px rgba(40,20,80,.05)}
  #tabs.grouped .tab-group{flex-direction:column;gap:2px;padding:0;border:0}
  #tabs.grouped .tab-group+.tab-group{padding:0;border:0;margin-top:10px}
  #tabs .tab-group-label{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;font-size:10.5px;color:#8F89A8;cursor:pointer;border-radius:8px;user-select:none}
  #tabs .tab-group-label:hover{color:var(--brand,#7C3AED);background:#faf8ff}
  #tabs .tab-group-label::after{content:"▾";font-size:10px;transition:transform .15s}
  #tabs .tab-group.fechado .tab-group-label::after{transform:rotate(-90deg)}
  #tabs .tab-group.fechado .tab-group-items{display:none}
  #tabs .tab-group-items{flex-direction:column;gap:1px}
  #tabs.grouped .tab{width:100%;justify-content:flex-start;text-align:left;height:auto;min-height:36px;padding:8px 12px;border:0;background:transparent;border-radius:10px;font-size:13.5px;font-weight:500;color:#4a4560;letter-spacing:0}
  #tabs.grouped .tab:hover{background:#f4f0fc;color:#2B2640}
  #tabs.grouped .tab.active{background:linear-gradient(90deg,#7C3AED,#8B5CF6);color:#fff;font-weight:600;box-shadow:0 4px 12px rgba(124,58,237,.28)}
  #tabs.grouped .tab .tab-badge{margin-left:auto}
  .nav-mobile{display:none!important}
  .mapa-btn{top:14px}
}
@media (max-width:999px){ .top-actions{margin-right:0} }
@media (min-width:1000px){
  #tabs.grouped .tab{min-height:31px;padding:6px 12px;font-size:13px}
  #tabs .tab-group-label{padding:4px 10px}
  #tabs.grouped .tab-group+.tab-group{margin-top:6px}
  #panelView > #tabs{padding:8px;scrollbar-width:thin}
}
#tabs.grouped .tab .tab-badge{margin-left:auto;flex:none}
#tabs.grouped .tab[data-tab=urg],#tabs.grouped .tab[data-tab=emi]{gap:8px}
#entregaRoot{overflow-x:auto}

/* ===== Cabeçalho (v35): marca + Central à esquerda, busca ao centro, usuário à direita ===== */
.topbar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(260px,520px) minmax(180px,1fr);gap:20px}
.topbar .brand{gap:12px}
.brand-pill{font:600 12px 'Outfit',sans-serif;color:#6b4bc4;background:#f1eefb;border-radius:999px;padding:3px 11px;letter-spacing:.2px;white-space:nowrap}
.top-search{position:relative;display:flex;align-items:center}
.top-search[hidden]{display:none}
.top-search .ts-ico{position:absolute;left:13px;color:#9a93b4;pointer-events:none}
.top-search input{width:100%;height:40px;border:1px solid #e6e0f3;background:#f8f6fd;border-radius:12px;padding:0 14px 0 38px;font:500 14px 'Outfit',sans-serif;color:#2B2640;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}
.top-search input:focus{border-color:#8B5CF6;background:#fff;box-shadow:0 0 0 3px rgba(124,58,237,.14)}
.top-search input::placeholder{color:#9a93b4}
.ts-list{position:absolute;top:46px;left:0;right:0;background:#fff;border:1px solid #e6e0f3;border-radius:12px;box-shadow:0 12px 30px rgba(43,38,64,.14);padding:6px;z-index:1300}
.ts-item{display:block;width:100%;text-align:left;border:0;background:transparent;padding:9px 12px;border-radius:8px;font:500 14px 'Outfit',sans-serif;color:#2B2640;cursor:pointer}
.ts-item:hover{background:#f4f0fc;color:#6d28d9}
.ts-empty{padding:10px 12px;font-size:13px;color:#8F89A8}
.top-right{display:flex;align-items:center;justify-content:flex-end;gap:14px;min-width:0}
.top-right .env-switch{margin-left:0}
.top-user{font:600 14px 'Outfit',sans-serif;color:#4c4560;white-space:nowrap}
.top-user[hidden]{display:none}
.top-right .top-actions{display:flex;gap:8px;margin-right:104px}
@media (max-width:999px){.topbar{grid-template-columns:auto 1fr;height:auto;min-height:60px;padding:8px 14px;row-gap:8px}.top-search{grid-column:1 / -1;order:3}.top-right{gap:8px}.top-user{display:none}.top-right .top-actions{margin-right:0}}
/* v35b: colunas do cabeçalho */
.topbar{grid-template-columns:auto minmax(240px,520px) auto;justify-content:space-between;padding-right:128px}
.top-right{flex-wrap:nowrap}
.top-right .top-actions{margin-right:0}
.top-right .btn-ghost{white-space:nowrap;padding:8px 12px;border-radius:10px}
.top-right .env-switch[hidden]{display:none}
@media (max-width:999px){.topbar{padding-right:14px;grid-template-columns:auto 1fr}}
/* v37: busca flexível entre marca e ações */
.topbar{grid-template-columns:auto minmax(0,1fr) auto;column-gap:18px}
.top-search{width:100%;max-width:460px;justify-self:center;min-width:0}
.top-right{gap:10px}
.top-right .env-btn{padding:6px 12px}
@media (max-width:999px){.topbar{grid-template-columns:auto 1fr}}

/* Sacolometro */
.sacolometro{display:inline-flex;align-items:center;gap:6px;margin-left:10px;padding:4px 12px 4px 9px;border-radius:999px;background:linear-gradient(135deg,#f6f2ff,#ece5ff);color:#5b3fb8;border:1px solid #ddd2f7;font:600 12px 'Outfit',sans-serif;white-space:nowrap;cursor:default;transition:box-shadow .3s,transform .3s}
.sacolometro i{font-style:normal;opacity:.75}
.sacolometro.pulse{box-shadow:0 0 0 4px rgba(124,92,230,.22);transform:scale(1.06)}
body.env-pessoal .sacolometro{display:none}
@media (max-width:700px){.sacolometro{margin-left:6px;padding:3px 9px 3px 7px}.sacolometro i{display:none}.sacolometro b{font-size:13px}}

/* Lista de pedidos: titulos clicaveis para ordenar */
.ot-head .ot-th{cursor:pointer;user-select:none;border-radius:6px;padding:2px 4px;margin:-2px -4px;transition:background .15s,color .15s;white-space:nowrap}
.ot-head .ot-th:hover{background:#f1eefb;color:#4b2fb0}
.ot-head .ot-th:focus-visible{outline:2px solid #7c5ce6;outline-offset:1px}

.ot-wa .wa-btn,.ot-wah{margin-left:0}
.ot-wah{text-align:center}
.ot-row .ot-wa .wa-btn{vertical-align:middle}

.dash-rimbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 12px}.dash-rimbar small{color:var(--muted,#667);font-size:12px}

.sacolometro b{font:700 17px 'Outfit',sans-serif;letter-spacing:.2px;font-variant-numeric:tabular-nums;color:#3f2a8c}
.sacolometro small{font:500 10.5px 'Outfit',sans-serif;opacity:.55;margin-left:2px;font-variant-numeric:tabular-nums}
.sacol-rim{margin-left:4px;padding:1px 7px;border-radius:999px;border:1px solid #cdbff0;background:transparent;color:#7a63c9;font:600 9.5px 'Outfit',sans-serif;letter-spacing:.05em;cursor:pointer;line-height:1.5}
.sacol-rim.on{background:#5b3fb8;color:#fff;border-color:#5b3fb8}
.sacol-rim[hidden]{display:none}
@media (max-width:700px){.sacolometro small{font-size:9.5px}.sacolometro b{font-size:14px}.sacol-rim{font-size:9px;padding:1px 6px}}

.cmp-ano{font:600 13px 'Outfit',sans-serif;padding:6px 10px;border-radius:999px;border:1px solid var(--line,#ddd);background:#fff;color:inherit;margin-right:6px}

/* Titulos dos grupos do menu: destaque (04/10/2026, pedido do Matheus) */
.tab-group-label{font:700 11.5px 'Outfit',sans-serif;letter-spacing:.1em;color:var(--brand-strong,#5F1FD6)}
#tabs .tab-group-label{font-size:11.5px;font-weight:700;letter-spacing:.1em;color:var(--brand-strong,#5F1FD6);background:var(--brand-soft,#F0E8FF);border-left:3px solid var(--brand,#7B2FFF);border-radius:6px 10px 10px 6px;padding:5px 10px 5px 9px}
#tabs .tab-group-label:hover{background:#E7DAFF;color:var(--brand-strong,#5F1FD6)}
#tabs .tab-group-label::after{font-size:11px;color:var(--brand,#7B2FFF)}
@media (min-width:1000px){#tabs.grouped .tab-group+.tab-group{margin-top:10px}}

.cmp-graf{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin:12px 0}
.cmp-graf-t{margin:0 0 8px;font:600 14px 'Outfit',sans-serif;color:var(--ink)}
.cmp-graf-t small{margin-left:8px;font-weight:500;color:var(--muted);font-size:12px}
.cmp-graf-scroll{overflow-x:auto;padding-bottom:4px}
.cmp-graf-bars{display:flex;align-items:flex-end;gap:6px;height:190px;min-width:max-content;padding-top:18px}
.cmp-gbar{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:40px;padding:0;border:0;background:transparent;cursor:pointer;font:500 10.5px 'Outfit',sans-serif;color:var(--muted)}
.cmp-gbar em{font-style:normal;font-size:10px;color:var(--ink);margin-bottom:2px;font-variant-numeric:tabular-nums}
.cmp-gcol{width:26px;display:flex;flex-direction:column-reverse;border-radius:5px 5px 0 0;overflow:hidden;min-height:0}
.cmp-gcol i{display:block;min-height:2px}
.cmp-gbar span{margin-top:4px}
.cmp-gbar.sel span{color:var(--brand-strong);font-weight:700}
.cmp-gbar.sel .cmp-gcol{outline:2px solid var(--brand);outline-offset:1px}
.cmp-gleg{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px;font:500 12px 'Outfit',sans-serif;color:var(--ink)}
.cmp-gleg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.cmp-ginfo{margin:8px 0 0;font:500 12px 'Outfit',sans-serif;color:var(--muted)}

/* botao recolher/expandir todos os grupos do menu */
.nav-toggle-all{align-self:flex-start;font:600 11px 'Outfit',sans-serif;letter-spacing:.04em;color:var(--brand-strong,#5F1FD6);background:#faf8ff;border:1px solid var(--line,#E9E2F6);border-radius:8px;padding:6px 10px;cursor:pointer;margin:0 0 8px 0}
.nav-toggle-all:hover{background:#f1eaff}
@media (min-width:761px){#tabs.grouped .nav-toggle-all{align-self:center}}

/* leads do site */
.lead-row{cursor:pointer;display:block}
.lead-row.lead-nc{opacity:.7;border-color:#F3B4B4}
.lead-st{font-weight:700}.lead-novo{background:#EFE6FF;color:#5F1FD6}.lead-contatado{background:#E6F0FF;color:#1D4ED8}.lead-convertido{background:#DDF5E8;color:#17803D}.lead-perdido{background:#EEE;color:#666}.lead-nc-tag{background:#FDE2E2;color:#B42318}
.lead-det{margin-top:10px;border-top:1px solid #EFEAFB;padding-top:10px;cursor:default}
.lead-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;font-size:13px}.lead-grid b{display:block;font-size:11px;color:#8F89A8;text-transform:uppercase;letter-spacing:.06em}
.lead-sec{margin-top:10px;font-size:13px}.lead-sec>b{display:block;font-size:11px;color:#8F89A8;text-transform:uppercase;letter-spacing:.06em}
.lead-itens{margin:4px 0 0;padding-left:18px}
.lead-acoes{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.lead-bloq{background:#FDE2E2;color:#B42318;border-radius:8px;padding:6px 10px;font-weight:700;font-size:12px;margin-bottom:8px}