/* Orbbes Acquisition — estilos da aplicação */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 15px/1.5 var(--font-body);-webkit-font-smoothing:antialiased}
body.no-scroll{overflow:hidden}
h1,h2,h3{font-family:var(--font-title);font-weight:600;margin:0;line-height:1.2;letter-spacing:-.01em}
h1{font-size:28px}
h2{font-size:19px}
h3{font-size:16px}
p{margin:0}
a{color:inherit}
img{display:block;max-width:100%}
ul,ol{margin:0;padding:0}
.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.strong{font-weight:600}
.muted{color:var(--text-2)}
.small{font-size:13px}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.urgent{color:var(--red);font-weight:600}
.pad{padding:16px 20px}
.pad-top{padding-top:16px}
.ic{flex:none}
.link{color:var(--text);font-weight:600;text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:3px}
.link:hover{text-decoration-thickness:2px}

:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--orange);color:var(--black);padding:10px 14px;border-radius:var(--radius-btn);font-weight:600}
.skip:focus{left:8px}

/* ---------- botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--btn-h);padding:0 18px;border-radius:var(--radius-btn);border:1.5px solid transparent;font:600 15px/1 var(--font-body);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .12s,border-color .12s}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btn-primary{background:var(--orange);color:#000;border-color:var(--orange)}
.btn-primary:hover:not(:disabled){background:#ffa033;border-color:#ffa033}
.btn-ghost{background:#fff;color:var(--text);border-color:#cfccc6}
.btn-ghost:hover:not(:disabled){border-color:var(--text)}
.btn-ghost-dark{background:transparent;color:#fff;border-color:#4a4a50}
.btn-ghost-dark:hover:not(:disabled){border-color:#fff}
.btn-danger{background:var(--red);color:#fff;border-color:var(--red)}
.btn-danger:hover{background:#8f1d17}
.btn-danger-text{color:var(--red)}
.btn-sm{height:38px;padding:0 14px;font-size:14px}
.btn-block{width:100%}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-btn);border:0;background:transparent;color:var(--text);cursor:pointer;text-decoration:none}
.icon-btn:hover{background:#ebe9e5}
.icon-btn.danger:hover{background:var(--red-tint);color:var(--red)}
.icon-btn.on-dark{color:#fff}
.icon-btn.on-dark:hover{background:#26262a}

/* ---------- estrutura ---------- */
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);background:var(--black);color:#fff;display:flex;flex-direction:column;padding:18px 14px 16px;overflow-y:auto;z-index:50}
.brand{padding:0 4px 18px;border-bottom:1px solid #26262a;margin-bottom:16px}
.brand-logo,.mb-logo{mix-blend-mode:lighten}
.brand-logo{width:100%;height:76px;object-fit:cover;object-position:center 48%;margin:-8px 0 6px}
.brand-name{display:flex;align-items:baseline;gap:8px;padding:0 6px}
.brand-name span{font:600 20px var(--font-title)}
.brand-name em{font:600 12px var(--font-body);font-style:normal;color:var(--orange);letter-spacing:.14em}
#nav ul,.cats{list-style:none}
.nav-link{display:flex;align-items:center;gap:12px;height:44px;padding:0 12px;border-radius:var(--radius-btn);color:#d6d3ce;text-decoration:none;font-weight:500}
.nav-link:hover{background:#1c1c1f;color:#fff}
.nav-link.active{background:var(--orange);color:#000;font-weight:600}
.nav-link span{flex:1}
.nav-badge{font:600 12px var(--font-mono);background:#26262a;color:var(--orange);border-radius:999px;padding:1px 8px}
.nav-link.active .nav-badge{background:#000;color:var(--orange)}
.side-h{font:600 12px var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:#a7a5a0;margin:24px 12px 8px}
.cat-link{display:flex;align-items:center;gap:10px;min-height:38px;padding:0 12px;border-radius:var(--radius-btn);color:#d6d3ce;text-decoration:none;font-size:14px}
.cat-link:hover{background:#1c1c1f;color:#fff}
.cat-link.active{background:#26262a;color:#fff;box-shadow:inset 3px 0 0 var(--orange)}
.cat-name{flex:1}
.cat-count{font:500 12px var(--font-mono);color:#a7a5a0}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none;margin-right:6px;vertical-align:middle}
.cat-link .dot{margin-right:0}
.side-foot{margin-top:auto;padding-top:16px}
.demo-date{font-size:12px;color:#a7a5a0;padding:0 12px 12px;line-height:1.4}
.demo-date strong{color:#fff;font-size:13px}
.user{display:flex;align-items:center;gap:10px;padding:12px;background:#151517;border:1px solid #26262a;border-radius:var(--radius-btn)}
.avatar{width:36px;height:36px;border-radius:50%;background:var(--orange);color:#000;display:grid;place-items:center;font:600 16px var(--font-title);flex:none}
.user strong{display:block;font-size:14px}
.user small{display:block;color:#a7a5a0;font-size:12px}
.main{margin-left:var(--sidebar-w);padding:28px 32px 130px;min-width:0;outline:0}
.mobile-bar,.scrim{display:none}

.back{display:inline-flex;align-items:center;gap:6px;color:var(--text-2);text-decoration:none;font-weight:500;margin-bottom:12px;min-height:32px}
.back:hover{color:var(--text)}
.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.page-head>div:first-child{min-width:0;flex:1}
.page-head p.muted{margin-top:6px}
.page-actions{display:flex;gap:10px;flex-wrap:wrap}
.meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}
.rev{font:500 12px var(--font-mono);background:#fff;border:1px solid var(--border);border-radius:999px;padding:2px 8px;color:var(--text-2)}
.section-h{margin:28px 0 12px}

/* ---------- chips ---------- */
.chip{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;border-radius:999px;font:600 12.5px var(--font-body);white-space:nowrap}
.st-draft{background:var(--st-draft-bg);color:var(--st-draft-tx)}
.st-quoting{background:var(--st-quoting-bg);color:var(--st-quoting-tx)}
.st-quoted{background:var(--st-quoted-bg);color:var(--st-quoted-tx)}
.st-ordered{background:var(--st-ordered-bg);color:var(--st-ordered-tx)}
.st-confirmed{background:var(--st-confirmed-bg);color:var(--st-confirmed-tx)}
.st-fulfilled{background:var(--st-fulfilled-bg);color:var(--st-fulfilled-tx)}
.st-cancelled{background:var(--st-cancelled-bg);color:var(--st-cancelled-tx);box-shadow:inset 0 0 0 1px var(--st-cancelled-bd)}
.chip-outline{background:#fff;color:var(--text);box-shadow:inset 0 0 0 1px #cfccc6}

/* ---------- cartões ---------- */
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);margin-bottom:20px}
.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 12px}
.card-head p{margin-top:2px}
.card-foot{display:flex;flex-wrap:wrap;gap:10px;padding:14px 20px 18px;border-top:1px solid var(--border)}
.card-title{padding:18px 20px 4px}
.card>.field,.card>.grid-2,.card>.checks,.card>p.muted,.card>.addr,.card>.timeline{margin-left:20px;margin-right:20px}
.card>.field:last-child,.card>.grid-2:last-child,.card>.checks:last-child,.card>p:last-child,.card>.timeline{margin-bottom:18px}
.card>.field:first-of-type{margin-top:12px}
.card>.grid-2{margin-top:12px}
.card>.checks{margin-top:12px}
.card>.addr{margin-top:8px}
.card .card-head+p.muted{margin-top:-4px;margin-bottom:8px}
.group-card .card-head{border-bottom:1px solid var(--border)}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}
.kpi{display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-card);padding:16px 18px;text-decoration:none;min-height:112px}
.kpi:hover{border-color:var(--text)}
.kpi-label{font-weight:600;font-size:14px}
.kpi-value{font:600 36px/1.1 var(--font-title);margin-top:auto}
.kpi-hint{font-size:13px;color:var(--text-2)}
.kpi-dark{background:var(--black);border-color:var(--black);color:#fff}
.kpi-dark .kpi-value{color:var(--orange)}
.kpi-dark .kpi-hint{color:#b8b6b1}
.kpi-dark:hover{border-color:var(--orange)}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}
.fact{background:#fff;border:1px solid var(--border);border-radius:var(--radius-card);padding:14px 16px}
.fact span{display:block;font-size:13px;color:var(--text-2)}
.fact strong{display:block;margin-top:2px;font-weight:600}

.toolbar{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;padding:16px 20px}
.tabs{display:flex;flex-wrap:wrap;gap:6px}
.tab{height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:#fff;font:500 14px var(--font-body);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.tab:hover{border-color:var(--text)}
.tab[aria-pressed=true]{background:var(--text);border-color:var(--text);color:#fff}
.count{font:500 12px var(--font-mono);opacity:.75}
.search{display:flex;align-items:center;gap:8px;border:1px solid #cfccc6;border-radius:var(--radius-btn);padding:0 12px;height:44px;background:#fff;min-width:280px}
.search:focus-within{outline:3px solid var(--orange);outline-offset:1px}
.search input{border:0;outline:0;background:transparent;font:inherit;flex:1;min-width:0;height:100%}
.filter-note{padding:0 20px 12px;font-size:14px;color:var(--text-2)}

/* ---------- tabelas ---------- */
.table-wrap{overflow-x:auto}
table.rt{width:100%;border-collapse:collapse}
.rt th{font:600 12.5px var(--font-body);letter-spacing:.04em;text-transform:uppercase;color:var(--text-2);text-align:left;padding:10px 14px;border-bottom:1px solid var(--border);white-space:nowrap}
.rt td{padding:12px 14px;border-bottom:1px solid #efede9;vertical-align:middle}
.rt tbody tr:last-child td{border-bottom:0}
.rt .num{text-align:right}
.rt th.num{text-align:right}
.rt a.strong,.rt td>a.mono{text-decoration:none}
.rt a.strong:hover{text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:3px}
.rt tr.row-link{cursor:pointer}
.rt tr.row-link:hover td{background:#faf9f7}
.cell-main{min-width:200px}
.sub{display:block;font-size:13px;color:var(--text-2);margin-top:1px}
.arrow-cell,.act-cell{width:1%;white-space:nowrap;text-align:right}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.tag{display:inline-flex;align-items:center;font-size:12.5px;background:#f3f2f0;border-radius:999px;padding:2px 10px 2px 8px}
.lines summary{cursor:pointer;font-size:13px;color:var(--text-2);margin-top:2px;width:max-content}
.lines ul{list-style:none;margin:8px 0;display:grid;gap:4px;font-size:13px}
.lines li{display:flex;justify-content:space-between;gap:12px}
.empty{text-align:center;padding:40px 20px}
.empty h3{margin-bottom:6px}
.empty p{color:var(--text-2);max-width:520px;margin:0 auto 16px}

/* ---------- formulários ---------- */
.input{width:100%;height:44px;padding:0 12px;border:1px solid #cfccc6;border-radius:var(--radius-btn);background:#fff;color:var(--text);font:400 15px var(--font-body);min-width:0}
select.input{padding-right:8px}
.input:focus{outline:3px solid var(--orange);outline-offset:0;border-color:var(--text)}
.input.invalid,.title-input.invalid{border-color:var(--red);box-shadow:0 0 0 1px var(--red)}
.input.on-dark{background:#17171a;color:#fff;border-color:#3a3a3f}
.num-in{text-align:right}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;min-width:0}
.field label{font-weight:600;font-size:14px}
.field-err{display:flex;align-items:flex-start;gap:6px;color:var(--red);font-size:13px;font-weight:500;margin-top:4px}
.field-err .ic{margin-top:2px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.span-2{grid-column:span 2}
.hint{font-size:12.5px;color:var(--text-2)}
.inline{display:flex;gap:10px;flex-wrap:wrap}
.inline .input{flex:1;min-width:240px}
.title-input{width:100%;font:600 28px var(--font-title);letter-spacing:-.01em;border:0;border-bottom:2px dashed #cfccc6;background:transparent;padding:4px 0;color:var(--text);border-radius:0}
.title-input:hover{border-bottom-color:var(--text-2)}
.title-input:focus{outline:3px solid var(--orange);outline-offset:4px;border-bottom-style:solid;border-bottom-color:var(--text)}
.title-block{max-width:720px}
.checks{display:grid;gap:8px}
.checks.invalid{outline:2px solid var(--red);outline-offset:4px;border-radius:var(--radius-btn)}
.check{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-btn);cursor:pointer;min-height:44px}
.check:hover{border-color:var(--text)}
.check:has(input:checked){border-color:var(--orange);background:var(--orange-tint)}
.check input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--orange);flex:none}
.check small{display:block;color:var(--text-2);font-size:12.5px}
.items-edit .input{min-width:0;padding:0 8px}
.items-edit td{vertical-align:top;padding:10px 5px}
.items-edit th{padding:10px 5px}
@media (min-width:768px){
  table.items-edit{table-layout:fixed}
  .items-edit th:nth-child(1){width:52px}
  .items-edit th:nth-child(3){width:104px}
  .items-edit th:nth-child(4){width:80px}
  .items-edit th:nth-child(5){width:80px}
  .items-edit th:nth-child(7){width:48px}
  .items-edit .line-no{white-space:nowrap}
}
.tag-changed{display:block;margin-top:4px;font:600 11px var(--font-body);background:var(--pumpkin);color:#000;padding:1px 7px;border-radius:999px;width:max-content}
.items-edit tr.row-changed td{background:var(--pumpkin-tint)}
.items-edit tr.row-changed td:first-child{box-shadow:inset 4px 0 0 var(--pumpkin)}
.recv-body{padding:0 20px}
.recv-body .num-in{max-width:140px;margin-left:auto;display:block}
.recv-body .table-wrap{margin:0 -20px}
.recv-body .card-foot{margin:0 -20px}

/* ---------- alertas ---------- */
.alert{display:flex;gap:12px;padding:14px 16px;border-radius:var(--radius-btn);margin-bottom:16px;font-size:14.5px;align-items:flex-start}
.alert ul{margin:6px 0 0 18px}
.alert-error{background:var(--red-tint);color:#5a0f0b;border:1px solid #efb8b3}
.alert-error .ic{color:var(--red)}
.alert-warn{background:var(--warn-bg);color:var(--warn-text)}
.alert-info{background:#fff;border:1px solid var(--border)}
.alert-ok{background:var(--ok-bg);color:var(--ok-text)}
.note{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:var(--radius-btn);padding:12px 16px;margin-bottom:16px}

/* ---------- layout dividido ---------- */
.split{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}
.col-side .card:last-child,.col-main .card:last-child{margin-bottom:0}
.col-main,.col-side{min-width:0}
.addr{font-size:14.5px}
.timeline{list-style:none;display:grid;gap:14px;margin-top:12px}
.timeline li{display:grid;grid-template-columns:104px 1fr;gap:10px;font-size:13.5px}
.timeline .when{color:var(--text-2);font-size:12px;padding-top:2px}

/* ---------- barra de ação ---------- */
.actionbar{position:fixed;left:var(--sidebar-w);right:0;bottom:0;background:var(--black);color:#fff;padding:14px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:40;border-top:2px solid #1c1c1f}
.ab-info{color:#d6d3ce;font-size:14px}
.ab-actions{display:flex;gap:10px;align-items:center;flex:none}
.cmp-bar{align-items:center}
.cmp-sel{flex:1;min-width:0}
.groups{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13.5px;color:#d6d3ce}
.groups li{display:flex;gap:8px;align-items:baseline}
.groups .g-name{color:#fff;font-weight:600}
.groups .g-meta{color:#a7a5a0}
.groups .mono{color:var(--orange)}
.cmp-total{display:flex;flex-direction:column;align-items:flex-end;gap:0;text-align:right}
.cmp-total .lbl{font-size:12.5px;color:#a7a5a0}
.cmp-total strong{font-size:24px;color:var(--orange);font-weight:500;line-height:1.2}
.cmp-total .save{font-size:13px;color:#d6d3ce}
.cmp-total .save-ok strong{font-size:13px;color:#fff;font-weight:600}
.warn-tx{color:var(--yellow)}

/* ---------- quadro comparativo ---------- */
.strategy{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin-bottom:16px}
.strategy-label{font-weight:600;font-size:14px}
.seg{display:inline-flex;background:#e7e5e1;border-radius:var(--radius-btn);padding:3px;gap:2px}
.seg-btn{height:38px;padding:0 14px;border:0;background:transparent;border-radius:8px;font:500 14px var(--font-body);color:var(--text);cursor:pointer}
.seg-btn:hover{background:#dcd9d3}
.seg-btn[aria-pressed=true]{background:var(--black);color:var(--orange);font-weight:600}
.board-wrap{overflow-x:auto;padding:0}
.board{border-collapse:separate;border-spacing:0;width:100%;min-width:760px}
.board th,.board td{border-bottom:1px solid var(--border);vertical-align:top;text-align:left}
.board .item-col{position:sticky;left:0;z-index:2;background:#fff;min-width:230px;width:24%;padding:14px 16px;border-right:1px solid var(--border);font-weight:400}
.board thead th{background:#fff;padding:16px;vertical-align:bottom}
.sup-name{display:block;font:600 17px var(--font-title)}
.sup-meta{list-style:none;margin-top:8px;font-size:13px;color:var(--text-2);display:grid;gap:1px}
.sup-meta .warn-li{color:var(--warn-text);background:var(--warn-bg);border-radius:6px;padding:1px 6px;width:max-content;margin-top:4px}
.board td.cell{padding:0}
.opt{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;cursor:pointer;height:100%;min-height:64px}
.opt input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--orange);flex:none;cursor:pointer}
.opt-body{display:flex;flex-direction:column;gap:2px;align-items:flex-start}
.price{font-weight:500;font-size:16px}
.tot{font-size:12.5px;color:var(--text-2)}
.ipi{font-size:12px;color:var(--text-2)}
.cell:hover{background:#faf9f7}
.cell.selected,.cell.selected:hover{background:var(--orange-tint);box-shadow:inset 0 0 0 2px var(--orange)}
.cell.na{background:#f6f5f3;color:var(--text-2);padding:14px 16px;font-size:14px}
.cell.na span{color:var(--text-2)}
.badge-best{display:inline-block;background:var(--orange);color:#000;font:700 11px var(--font-body);letter-spacing:.06em;padding:2px 8px;border-radius:999px;margin-top:4px}
.board tr.sum th,.board tr.sum td{padding:10px 16px;background:#faf9f7;font-size:14px}
.board tr.sum td{text-align:right}
.board tr.sum-first th,.board tr.sum-first td{border-top:2px solid var(--text)}
.board tr.sum-total th,.board tr.sum-total td{background:var(--black);color:#fff;font-weight:600;border-bottom:0}
.board tr.sum-total td{color:var(--orange)}
.board-note{padding:12px 16px;font-size:13px}
.m-board{display:none}

/* ---------- modal e toasts ---------- */
.modal-back{position:fixed;inset:0;background:rgba(11,11,12,.62);display:grid;place-items:center;z-index:200;padding:16px}
.modal{background:#fff;border-radius:var(--radius-card);width:min(520px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:var(--shadow-pop)}
.modal-wide{width:min(760px,100%)}
.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 12px 8px 22px}
.modal-body{padding:8px 22px 18px;overflow:auto;display:grid;gap:12px;align-content:start}
.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid var(--border);flex-wrap:wrap}
.modal-total{text-align:right;font-size:16px}
.modal-total strong{font-size:20px;margin-left:8px}
#toasts{position:fixed;top:16px;right:16px;z-index:300;display:grid;gap:10px;width:min(400px,calc(100vw - 32px));pointer-events:none}
.toast{pointer-events:auto;display:flex;gap:10px;align-items:flex-start;background:var(--black);color:#fff;border-left:5px solid var(--orange);border-radius:var(--radius-btn);padding:12px 8px 12px 14px;box-shadow:var(--shadow-pop);font-size:14px}
.toast-body{flex:1;display:grid;gap:2px}
.toast-body strong{font-family:var(--font-title);font-size:15px;color:var(--orange)}
.toast-error{border-left-color:#ff6b62}
.toast-error strong{color:#ffb3ad}
.toast-x{background:transparent;border:0;color:#d6d3ce;width:32px;height:32px;border-radius:8px;cursor:pointer;display:grid;place-items:center;flex:none}
.toast-x:hover{background:#26262a;color:#fff}

/* ---------- demonstração ---------- */
.demo-fab{position:fixed;right:20px;bottom:20px;z-index:60;height:44px;padding:0 18px;border-radius:999px;background:var(--black);color:#fff;border:2px solid var(--orange);font:600 14px var(--font-body);display:inline-flex;align-items:center;gap:8px;cursor:pointer;box-shadow:var(--shadow-pop)}
.demo-fab .ic{color:var(--orange)}
.demo-fab:hover{background:#1c1c1f}
.has-actionbar .demo-fab{bottom:88px}
.demo-panel{position:fixed;right:20px;bottom:76px;z-index:61;width:340px;max-height:calc(100vh - 100px);overflow:auto;background:var(--black);color:#fff;border:1px solid #33333a;border-top:3px solid var(--orange);border-radius:var(--radius-card);padding:14px 16px 16px;box-shadow:var(--shadow-pop)}
.has-actionbar .demo-panel{bottom:144px;max-height:calc(100vh - 170px)}
.dp-head{display:flex;justify-content:space-between;align-items:center}
.dp-head h2{font-size:18px}
.dp-lead{font-size:13.5px;color:#d6d3ce;margin:4px 0 12px}
.dp-group{display:grid;gap:8px;padding:12px 0;border-top:1px solid #26262a}
.dp-group label{font-size:13px;font-weight:600;color:#d6d3ce}
.dp-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dp-row .btn{padding:0 8px;font-size:14px}
.dp-link{display:block;margin-top:6px;padding:12px 0 0;border-top:1px solid #26262a;color:var(--orange);font-weight:600;text-decoration:none}
.dp-link:hover{text-decoration:underline}
.demo-panel .btn-ghost-dark:disabled,.demo-panel .btn-primary:disabled{opacity:.4}

/* ---------- celular ---------- */
.show-mobile{display:none}
@media (max-width:1180px){
  .split{grid-template-columns:1fr}
  .kpis,.facts{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:767px){
  h1{font-size:24px}
  .mobile-bar{display:flex;position:sticky;top:0;z-index:45;align-items:center;gap:8px;background:var(--black);color:#fff;height:60px;padding:0 8px}
  .mb-logo{height:44px;width:112px;object-fit:cover;object-position:center 48%}
  .mb-name{font:600 18px var(--font-title)}
  .sidebar{transform:translateX(-100%);transition:transform .2s;width:290px;z-index:80}
  .sidebar.open{transform:none}
  .scrim{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:70}
  .scrim.show{display:block}
  .main{margin-left:0;padding:16px 16px 150px}
  .kpis,.facts{gap:10px}
  .kpi{min-height:96px;padding:12px 14px}
  .kpi-value{font-size:30px}
  .toolbar{padding:12px}
  .search{min-width:0;width:100%}
  .tabs{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:4px}
  .tab{flex:none;height:44px}
  .btn,.input,.check{min-height:44px}
  .page-actions{width:100%}
  .page-actions .btn{flex:1}
  .show-mobile{display:inline-flex}
  .hide-mobile{display:none}
  .card-head{padding:14px 14px 8px}
  .card-foot{padding:12px 14px}
  .card-foot .btn{flex:1 1 100%}
  .card>.field,.card>.grid-2,.card>.checks,.card>p.muted,.card>.addr,.card>.timeline{margin-left:14px;margin-right:14px}
  .card-title{padding:14px 14px 4px}
  .grid-2{grid-template-columns:1fr 1fr}
  .timeline li{grid-template-columns:1fr;gap:0}

  .table-wrap{padding:8px 12px 4px}
  table.rt,.rt tbody,.rt tr,.rt td{display:block;width:100%}
  .rt thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .rt tbody tr{background:#faf9f7;border:1px solid var(--border);border-radius:var(--radius-btn);margin-bottom:10px;padding:8px 12px}
  .rt td{display:flex;justify-content:space-between;align-items:center;gap:14px;border:0;padding:6px 0;text-align:right;min-height:34px}
  .rt td::before{content:attr(data-label);font-weight:600;font-size:13px;color:var(--text-2);text-align:left;flex:none}
  .rt td:not([data-label])::before{display:none}
  .rt td.num{text-align:right}
  .rt td.cell-main{display:block;text-align:left;min-width:0}
  .rt td.cell-main::before{display:none}
  .rt tr.row-link .arrow-cell{display:none}
  .arrow-cell,.act-cell{width:100%;text-align:right;justify-content:flex-end}
  .rt tr.row-link:hover td{background:transparent}
  .items-edit td{display:block;text-align:left;padding:4px 0}
  .items-edit td::before{display:block;margin-bottom:2px}
  .items-edit td.act-cell{display:flex}
  .items-edit .line-no{width:auto;display:flex;align-items:center;gap:8px}
  .items-edit td:nth-child(n){width:100%}
  .items-edit tr.row-changed{border-left:5px solid var(--pumpkin);background:var(--pumpkin-tint)}
  .items-edit tr.row-changed td{background:transparent;box-shadow:none}
  .items-edit .tag-changed{margin-top:0}
  .recv-body{padding:0 14px}
  .recv-body .table-wrap{margin:0 -14px}
  .recv-body .card-foot{margin:0 -14px}
  .lines summary{margin-left:auto}

  .actionbar{left:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));gap:10px}
  .ab-info{display:none}
  .ab-actions{flex:1}
  .ab-actions .btn{flex:1}
  .cmp-sel{display:none}
  .cmp-bar{justify-content:space-between}
  .cmp-total{align-items:flex-start;text-align:left}
  .cmp-total strong{font-size:20px}
  .cmp-total .save{display:none}
  .cmp-bar .ab-actions{flex:none}

  .board-wrap{display:none}
  .m-board{display:grid;gap:12px}
  .m-item{background:#fff;border:1px solid var(--border);border-radius:var(--radius-card);padding:14px;display:grid;gap:8px}
  .m-opt{display:flex;align-items:center;gap:12px;padding:12px;border:1.5px solid var(--border);border-radius:var(--radius-btn);cursor:pointer;min-height:64px}
  .m-opt input{width:26px;height:26px;accent-color:var(--orange);flex:none}
  .m-opt.selected{background:var(--orange-tint);border-color:var(--orange)}
  .m-opt.na{background:#f6f5f3;color:var(--text-2);justify-content:space-between;cursor:default;min-height:48px}
  .m-opt-main{flex:1;display:flex;flex-direction:column;min-width:0}
  .m-opt .sup{font-weight:600}
  .m-opt-price{display:flex;flex-direction:column;align-items:flex-end}
  .m-h2{margin:10px 0 0}
  .m-sum{background:#fff;border:1px solid var(--border);border-radius:var(--radius-card);padding:14px}
  .m-sum dl{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin:8px 0 0}
  .m-sum dt{color:var(--text-2)}
  .m-sum dd{margin:0;text-align:right}
  .demo-fab{right:12px;bottom:12px}
  .demo-fab span{display:none}
  .demo-fab{width:44px;padding:0;justify-content:center}
  .has-actionbar .demo-fab{bottom:82px}
  .demo-panel{left:12px;right:12px;width:auto;bottom:64px}
  .has-actionbar .demo-panel{bottom:134px;max-height:calc(100vh - 150px)}
  #toasts{top:66px}
  .modal-foot .btn{flex:1}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}