/* ============================================================
   COMPONENTS.CSS — estilos das peças de UI reutilizáveis
   (core/components/*.js). Nenhum módulo cria estilo próprio
   de card, tabela ou modal: todos usam as classes daqui.
   ============================================================ */

/* nav (usado pelo router para sidebar + menu inferior) */
.nav{display:flex;flex-direction:column;gap:3px;flex:1;}
.nav-item{
  display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:10px;
  color:rgba(246,233,234,0.72);text-decoration:none;font-size:14px;font-weight:600;
  border:none;background:transparent;width:100%;text-align:left;transition:.15s;position:relative;
}
.nav-item svg{width:17px;height:17px;flex-shrink:0;stroke:rgba(246,233,234,0.72);}
.nav-item:hover{background:rgba(255,255,255,0.07);color:#fff;}
.nav-item:hover svg{stroke:#fff;}
.nav-item.active{background:var(--rose);color:var(--marsala-dark);}
.nav-item.active svg{stroke:var(--marsala-dark);}
.nav-badge{margin-left:auto;background:var(--danger);color:#fff;font-size:10px;font-weight:800;border-radius:20px;padding:1px 7px;line-height:1.5;}
.nav-item.active .nav-badge{background:var(--marsala-dark);color:#fff;}

/* month picker */
.month-picker{display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:6px 8px;}
.month-picker button{background:none;border:none;width:26px;height:26px;border-radius:8px;color:var(--ink-soft);font-size:15px;}
.month-picker button:hover{background:var(--surface-alt);}
.month-picker span{font-size:13.5px;font-weight:600;min-width:112px;text-align:center;text-transform:capitalize;}

/* botões */
.btn{border:none;border-radius:12px;padding:10px 18px;font-weight:700;font-size:13.5px;display:inline-flex;align-items:center;gap:8px;transition:.15s;white-space:nowrap;cursor:pointer;}
.btn-primary{background:var(--marsala);color:#fff;}
.btn-primary:hover{background:var(--marsala-dark);}
.btn-ghost{background:var(--surface);color:var(--ink);border:1px solid var(--border);}
.btn-ghost:hover{border-color:var(--marsala);color:var(--marsala);}
.btn-sm{padding:7px 12px;font-size:12.5px;border-radius:9px;}
.btn:disabled{opacity:.42;cursor:not-allowed;pointer-events:none;}

/* tabs (usado pelo módulo financeiro) */
.tabs{display:flex;gap:6px;margin-bottom:18px;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:2px;}
.tab-btn{background:none;border:none;padding:10px 6px;font-size:13.5px;font-weight:700;color:var(--ink-faint);border-bottom:2px solid transparent;margin-bottom:-1px;}
.tab-btn:hover{color:var(--marsala);}
.tab-btn.active{color:var(--marsala);border-bottom-color:var(--marsala);}

/* cards / KPIs (core/components/statCards.js) */
.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px;margin-bottom:22px;}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:19px 21px;box-shadow:var(--shadow);position:relative;overflow:hidden;}
.card-label{font-size:11px;text-transform:uppercase;letter-spacing:0.9px;color:var(--ink-faint);font-weight:700;margin-bottom:9px;display:flex;align-items:center;justify-content:space-between;}
.card-value{font-family:var(--font-display);font-size:27px;font-weight:600;color:var(--ink);line-height:1.1;}
.card-value.positive{color:var(--success);}
.card-value.negative{color:var(--danger);}
.card-hint{font-size:11.5px;color:var(--ink-faint);margin-top:7px;}
.card.accent{background:linear-gradient(135deg,var(--marsala) 0%,var(--marsala-dark) 100%);color:#fff;border:none;}
.card.accent::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,0.07);}
.card.accent .card-label,.card.accent .card-hint{color:rgba(255,255,255,0.75);}
.card.accent .card-value{color:#fff;}
.card.warn-card{border-color:#EAD3A6;background:linear-gradient(180deg,#fff, #FDF7EC);}
.card.warn-card .card-value{color:var(--warning);}
.card.crit-card{border-color:#E9C2BC;background:linear-gradient(180deg,#fff,#FCF0EE);}
.card.crit-card .card-value{color:var(--danger);}

.card-delta{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:20px;}
.card-delta.up{color:var(--success);background:var(--success-bg);}
.card-delta.down{color:var(--danger);background:var(--danger-bg);}
.card.accent .card-delta.up{color:#fff;background:rgba(255,255,255,0.18);}
.card.accent .card-delta.down{color:#fff;background:rgba(255,255,255,0.18);}
.card-delta-hint{font-weight:600;opacity:0.75;}
.mini-stat{display:flex;flex-direction:column;gap:3px;}
.mini-stat .n{font-family:var(--font-display);font-size:20px;font-weight:600;}
.mini-stat .l{font-size:10.5px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:0.5px;}
.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-bottom:18px;}

/* cards de status clicáveis (filtro rápido do Pós-Live) */
.status-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;}
.status-card{
  display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);
  border-radius:var(--radius);padding:14px 16px;cursor:pointer;text-align:left;transition:.15s;font-family:var(--font-body);
}
.status-card:hover{border-color:var(--marsala);}
.status-card.active{border-color:var(--marsala);background:var(--rose-light);}
.status-card-emoji{font-size:22px;line-height:1;}
.status-card-info{display:flex;flex-direction:column;gap:2px;}
.status-card-n{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--ink);line-height:1;}
.status-card-l{font-size:11px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:0.4px;font-weight:700;}

/* Resumo fixo no rodapé da lista de Pedidos — soma o que está sendo
   exibido na tela (respeita os filtros), sticky pra ficar visível
   enquanto rola a lista. */
.pedidos-resumo-sticky{
  position:sticky;bottom:0;z-index:15;margin-top:16px;
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);
  padding:14px 20px;box-shadow:var(--shadow-lift);
}
.pedidos-resumo-total{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--marsala-dark);}
.pedidos-resumo-linha{font-size:13px;color:var(--ink-soft);margin-top:4px;}
.pedidos-resumo-linha strong{color:var(--ink);}
@media(max-width:900px){
  .pedidos-resumo-sticky{bottom:64px;}
}

/* Expedição — filtros grandes e cards de pedido/cliente pendente (visual
   limpo, pouco texto pequeno, feito pra separar rápido) */
.btn-lg{padding:14px 22px;font-size:15px;border-radius:14px;}
.exp-filtros{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 20px;}
.exp-filtro-btn{border:2px solid var(--border);border-radius:14px;padding:11px 20px;font-weight:700;font-size:13.5px;background:var(--surface);color:var(--ink-soft);cursor:pointer;}
.exp-filtro-btn:hover{border-color:var(--marsala);color:var(--marsala);}
.exp-filtro-btn.active{border-color:var(--marsala);background:var(--rose-light);color:var(--marsala-dark);}
.exp-busca{width:100%;max-width:420px;padding:13px 16px;border:1px solid var(--border);border-radius:14px;font-size:14.5px;margin-bottom:6px;}
.exp-card{border:1px solid var(--border);border-radius:20px;padding:24px;margin-bottom:18px;background:var(--surface);box-shadow:var(--shadow);}
.exp-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:16px;}
.exp-cliente-nome{font-family:var(--font-display);font-size:23px;font-weight:700;margin:0 0 2px;}
.exp-cliente-tel{font-size:13px;color:var(--ink-faint);}
.exp-tags{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start;}
.exp-tag{padding:7px 15px;border-radius:20px;font-size:12.5px;font-weight:700;white-space:nowrap;}
.exp-tag-entrega{background:var(--surface-alt);color:var(--marsala-dark);}
.exp-meta{display:flex;flex-wrap:wrap;gap:18px;font-size:13.5px;color:var(--ink-soft);margin-bottom:6px;}
.exp-meta strong{color:var(--ink);}
.exp-pecas-list{margin:16px 0;border-top:1px solid var(--border);}
.exp-peca-row{display:flex;align-items:center;gap:14px;padding:13px 2px;border-bottom:1px solid var(--border);font-size:14.5px;}
.exp-peca-row input[type="checkbox"]{width:21px;height:21px;flex-shrink:0;accent-color:var(--marsala);}
.exp-peca-row.conferida{color:var(--ink-faint);text-decoration:line-through;}
.exp-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;align-items:center;position:relative;z-index:1;}
.exp-actions .btn{position:relative;z-index:2;pointer-events:auto;}
.exp-actions + .section-note{margin-top:8px;}

/* painel genérico */
.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:21px 23px;margin-bottom:20px;box-shadow:var(--shadow);}
.panel-title{font-size:15px;font-weight:700;margin:0 0 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:var(--font-display);}
.panel-title .tag{font-size:10.5px;font-weight:700;color:var(--marsala);background:var(--rose-light);padding:4px 10px;border-radius:20px;font-family:var(--font-body);text-transform:none;}
.two-col{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;}
.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
@media(max-width:1100px){.three-col{grid-template-columns:1fr;}}
@media(max-width:960px){.two-col{grid-template-columns:1fr;}}

/* Dashboard: leitura em camadas, com foco no que precisa de ação agora. */
.dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;margin:0 0 18px;border-radius:var(--radius);background:linear-gradient(120deg,var(--marsala-dark),var(--marsala) 70%,var(--marsala-soft));color:#fff;box-shadow:var(--shadow-lift);overflow:hidden;position:relative;}
.dashboard-hero::after{content:"";position:absolute;right:-70px;bottom:-105px;width:270px;height:270px;border:38px solid rgba(255,255,255,.08);border-radius:50%;}
.dashboard-eyebrow{margin:0 0 8px;font-size:10.5px;letter-spacing:1.1px;font-weight:800;color:rgba(255,255,255,.65);}
.dashboard-hero h2{font-family:var(--font-display);font-size:25px;line-height:1.16;margin:0 0 7px;position:relative;z-index:1;}
.dashboard-hero p:not(.dashboard-eyebrow){margin:0;color:rgba(255,255,255,.77);font-size:13px;position:relative;z-index:1;}
.hero-priority{flex:0 0 118px;min-height:102px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;z-index:1;text-align:center;padding:10px;}
.hero-priority.has-priority{background:rgba(246,234,211,.16);}
.hero-priority strong{font-family:var(--font-display);font-size:35px;line-height:1;}.hero-priority span{font-size:10.5px;line-height:1.25;margin-top:7px;color:rgba(255,255,255,.8);}
.dashboard-actions{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 27px;}.dashboard-section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:0 0 13px;}.dashboard-section-head h3{font-family:var(--font-display);font-size:18px;margin:0 0 3px;}.dashboard-section-head p{font-size:12.5px;color:var(--ink-faint);margin:0;}.dashboard-section-head>span{font-size:11px;color:var(--marsala);font-weight:800;background:var(--rose-light);padding:5px 10px;border-radius:20px;text-transform:capitalize;}
.dashboard-split{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin-bottom:20px;}.dashboard-bottom{grid-template-columns:1.15fr .85fr;}.dashboard-chart-panel{min-height:270px;}.action-center{display:flex;flex-direction:column;gap:8px;}.action-item{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;width:100%;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface);text-align:left;cursor:pointer;font-family:var(--font-body);transition:.15s;}.action-item:hover{border-color:var(--marsala);transform:translateX(2px);}.action-item b{height:38px;display:grid;place-items:center;border-radius:10px;background:var(--surface-alt);color:var(--marsala);font-family:var(--font-display);font-size:18px;}.action-item span{display:flex;flex-direction:column;gap:2px;}.action-item strong{font-size:12.5px;color:var(--ink);}.action-item small{font-size:10.5px;color:var(--ink-faint);}.action-item i,.dashboard-list-row i{font-style:normal;color:var(--ink-faint);font-size:17px;}.action-item.danger b{background:var(--danger-bg);color:var(--danger);}.action-item.warning b{background:var(--warning-bg);color:var(--warning);}.action-item.accent b{background:var(--rose-light);}.dashboard-clear{display:flex;align-items:center;gap:12px;padding:21px 6px;color:var(--success);}.dashboard-clear>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--success-bg);font-weight:800;}.dashboard-clear div{display:flex;flex-direction:column;gap:3px;}.dashboard-clear small{color:var(--ink-faint);font-size:11px;}.panel-link{border:none;background:transparent;padding:0;color:var(--marsala);font-weight:800;font-size:11.5px;cursor:pointer;font-family:var(--font-body);}.panel-link:hover{text-decoration:underline;}.dashboard-list{display:flex;flex-direction:column;}.dashboard-list-row{display:grid;grid-template-columns:32px 1fr auto 15px;align-items:center;gap:10px;width:100%;background:transparent;border:none;border-bottom:1px solid var(--border);padding:11px 0;text-align:left;cursor:pointer;font-family:var(--font-body);}.dashboard-list-row:last-child{border-bottom:none;}.dashboard-list-row:hover .list-main strong{color:var(--marsala);}.list-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--rose-light);color:var(--marsala);font-size:12px;font-weight:800;}.list-main{display:flex;flex-direction:column;gap:2px;min-width:0;}.list-main strong{font-size:12.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.list-main small{font-size:10.5px;color:var(--ink-faint);}.dashboard-list-row>b{font-size:12px;color:var(--ink);white-space:nowrap;}
@media(max-width:960px){.dashboard-split,.dashboard-bottom{grid-template-columns:1fr;}.dashboard-hero{padding:24px;}.dashboard-hero h2{font-size:22px;}}
@media(max-width:560px){.dashboard-hero{align-items:flex-start;flex-direction:column;}.hero-priority{width:100%;min-height:68px;flex-direction:row;gap:9px;justify-content:flex-start;}.hero-priority span{margin:0;text-align:left;}.dashboard-actions .btn{flex:1;justify-content:center;padding:9px 10px;font-size:12px;}.dashboard-section-head{align-items:flex-start;}.dashboard-section-head>span{display:none;}}

/* Planilha da live: aparência familiar de planilha, sem perder os vínculos do ERP. */
.planilha-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;background:linear-gradient(120deg,#F7FBF8,var(--surface));border:1px solid #D6E6DA;border-radius:var(--radius);margin-bottom:18px;}.planilha-intro span{display:block;font-size:10px;letter-spacing:.9px;font-weight:800;color:var(--success);margin-bottom:5px;}.planilha-intro h3{font-family:var(--font-display);font-size:20px;margin:0 0 4px;}.planilha-intro p{margin:0;color:var(--ink-soft);font-size:12.5px;max-width:680px;}.sheet-row-paid td{background:#F2FAF4 !important;}.sheet-row-paid:hover td{background:#E7F5EA !important;}.sheet-paid,.sheet-pending{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:4px 9px;font-size:10.5px;font-weight:800;white-space:nowrap;}.sheet-paid{background:var(--success-bg);color:var(--success);}.sheet-pending{background:var(--warning-bg);color:var(--warning);}.sheet-pay-btn{border:none;border-radius:8px;padding:6px 9px;background:var(--success);color:#fff;font-family:var(--font-body);font-size:10.5px;font-weight:800;cursor:pointer;white-space:nowrap;}.sheet-pay-btn:hover{background:var(--green);}@media(max-width:560px){.planilha-intro{align-items:flex-start;flex-direction:column;}.planilha-intro .btn{width:100%;justify-content:center;}}

/* Planilha da live: grade de lançamento editável (modules/lives/planilhaGrid.js) */
.planilha-grid-head{display:grid;grid-template-columns:200px 1fr;gap:14px;margin-bottom:14px;max-width:560px;}
.planilha-grid-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-sm);}
table.planilha-grid{width:100%;border-collapse:collapse;min-width:520px;}
table.planilha-grid thead th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:0.5px;color:var(--ink-faint);font-weight:800;padding:9px 10px;background:var(--surface-alt);border-bottom:1px solid var(--border);}
.pg-row td{border-bottom:1px solid var(--border);padding:0;}
.pg-row.pg-shade td{background:var(--surface-alt);}
.pg-cell input{width:100%;border:1px solid transparent;background:none;padding:9px 10px;font-size:13px;color:var(--ink);font-family:var(--font-body);border-radius:0;}
.pg-cell input:focus{outline:none;border:1px solid var(--marsala);border-radius:8px;background:var(--surface);}
.pg-cell-valor input{text-align:right;font-weight:700;}
.pg-cell-remove{width:34px;text-align:center;}
.pg-cell-remove .icon-btn{opacity:.5;}
.pg-cell-remove .icon-btn:hover{opacity:1;}
.planilha-grid-foot{display:flex;align-items:center;gap:16px;margin-top:14px;flex-wrap:wrap;}
.planilha-grid-total{margin-left:auto;font-size:14px;color:var(--ink-soft);}
.planilha-grid-total strong{font-family:var(--font-display);font-size:18px;color:var(--ink);margin-left:6px;}
@media(max-width:560px){.planilha-grid-head{grid-template-columns:1fr;max-width:none;}.planilha-grid-total{margin-left:0;width:100%;order:-1;}}

/* gráficos (core/components/charts.js) */
.barlist{display:flex;flex-direction:column;gap:11px;}
.barrow{display:grid;grid-template-columns:118px 1fr auto;align-items:center;gap:10px;font-size:12.5px;}
.barrow .lbl{color:var(--ink-soft);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bartrack{background:var(--surface-alt);border-radius:8px;height:11px;overflow:hidden;}
.barfill{height:100%;border-radius:8px;background:linear-gradient(90deg,var(--rose),var(--marsala));}
.barfill.green{background:linear-gradient(90deg,#9DBFAC,var(--green));}
.barfill.warn{background:linear-gradient(90deg,#EBCB94,var(--warning));}
.barrow .val{font-weight:700;color:var(--ink);white-space:nowrap;}

.colchart{display:flex;align-items:flex-end;gap:8px;height:185px;padding:6px 4px 0;overflow-x:auto;}
.colgroup{flex:1;min-width:34px;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end;}
.colval{font-size:9.5px;font-weight:700;color:var(--marsala);white-space:nowrap;}
.colbars{display:flex;align-items:flex-end;gap:4px;height:130px;width:100%;justify-content:center;}
.colbar{width:15px;border-radius:6px 6px 3px 3px;min-height:3px;transition:height .3s ease;}
.colbar.in{background:linear-gradient(180deg,var(--rose),var(--marsala));}
.colbar.out{background:linear-gradient(180deg,#E3CFCB,var(--ink-faint));}
.collabel{font-size:10.5px;color:var(--ink-faint);font-weight:700;text-transform:capitalize;}
@media(max-width:560px){.colval{display:none;}}
.chart-legend{display:flex;gap:16px;margin-top:14px;font-size:11.5px;color:var(--ink-soft);flex-wrap:wrap;}
.chart-legend span{display:inline-flex;align-items:center;gap:6px;}
.chart-legend i{width:10px;height:10px;border-radius:3px;display:inline-block;}

.donut-wrap{display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.donut{width:140px;height:140px;border-radius:50%;flex-shrink:0;position:relative;}
.donut-hole{position:absolute;inset:22px;background:var(--surface);border-radius:50%;}
.donut-legend{display:flex;flex-direction:column;gap:9px;flex:1;min-width:180px;}
.donut-legend-row{display:flex;align-items:center;gap:8px;font-size:12.5px;}
.donut-legend-row i{width:10px;height:10px;border-radius:3px;flex-shrink:0;}
.donut-legend-row .lbl{color:var(--ink-soft);font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.donut-legend-row .val{font-weight:700;color:var(--ink);white-space:nowrap;}
.donut-legend-row .pct{font-weight:600;color:var(--ink-faint);}
@media(max-width:480px){.donut-wrap{justify-content:center;}}

/* meta semanal (barra de progresso) */
.meta-panel{display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:19px 21px;box-shadow:var(--shadow);margin-bottom:22px;}
.meta-panel-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.meta-panel-title{font-size:11px;text-transform:uppercase;letter-spacing:0.9px;color:var(--ink-faint);font-weight:700;}
.meta-panel-values{font-family:var(--font-display);font-size:19px;font-weight:600;color:var(--ink);}
.meta-panel-values span{color:var(--ink-faint);font-weight:500;font-size:14px;}
.progress-track{background:var(--surface-alt);border-radius:20px;height:12px;overflow:hidden;}
.progress-fill{height:100%;border-radius:20px;background:linear-gradient(90deg,var(--rose),var(--marsala));transition:width .4s ease;}
.progress-fill.done{background:linear-gradient(90deg,#9DBFAC,var(--green));}
.meta-panel-edit{background:none;border:none;color:var(--marsala);font-size:11.5px;font-weight:700;cursor:pointer;padding:0;}

/* checkbox de "pago" inline na tabela de Contas a Pagar */
.check-pago{width:19px;height:19px;accent-color:var(--marsala);cursor:pointer;}

/* alertas (core/components/alertBanner.js) */
.alert{display:flex;gap:10px;align-items:flex-start;padding:13px 15px;border-radius:13px;font-size:13px;margin-bottom:10px;line-height:1.45;}
.alert-warning{background:var(--warning-bg);color:#6E4B18;border:1px solid #E9D2A0;}
.alert-danger{background:var(--danger-bg);color:#7C241F;border:1px solid #E7B9B3;}
.alert-success{background:var(--success-bg);color:#1E4A34;border:1px solid #B9DBC5;}
.alert svg{width:16px;height:16px;flex-shrink:0;margin-top:1px;}
.alert strong{font-weight:800;}

/* toolbar de tabela (busca + filtros + export) */
.table-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px;align-items:center;justify-content:space-between;}
.table-toolbar-left{display:flex;gap:10px;flex-wrap:wrap;flex:1;}
.search-wrap{position:relative;min-width:190px;flex:1;max-width:280px;}
.search-wrap svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--ink-faint);}
.search-wrap input{width:100%;padding:9px 12px 9px 32px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:12.5px;color:var(--ink);}
.filters{display:flex;gap:10px;flex-wrap:wrap;}
.filters select{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:9px 12px;font-size:12.5px;color:var(--ink);}

/* tabela genérica (core/components/table.js) */
.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);}
table{width:100%;border-collapse:collapse;font-size:13px;min-width:640px;}
th{text-align:left;padding:13px 14px;background:var(--surface-alt);color:var(--marsala);font-size:10.5px;text-transform:uppercase;letter-spacing:0.6px;font-weight:800;white-space:nowrap;}
td{padding:12px 14px;border-top:1px solid var(--border);white-space:nowrap;}
tbody tr{transition:background .12s;}
tbody tr:hover{background:var(--surface-alt);}
.pill{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;}
.pill-green{background:var(--success-bg);color:var(--success);}
.pill-red{background:var(--danger-bg);color:var(--danger);}
.pill-amber{background:var(--warning-bg);color:var(--warning);}
.pill-neutral{background:var(--surface-alt);color:var(--ink-soft);}
.row-actions{display:flex;gap:6px;justify-content:flex-end;}
.icon-btn{width:31px;height:31px;border-radius:9px;border:1px solid var(--border);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;color:var(--ink-soft);flex-shrink:0;}
.icon-btn:hover{border-color:var(--marsala);color:var(--marsala);}
.icon-btn svg{width:14px;height:14px;}
.empty-state{padding:44px 20px;text-align:center;color:var(--ink-faint);font-size:13.5px;}
.empty-state svg{width:34px;height:34px;color:var(--rose);margin-bottom:10px;}
.linha-vencida{background:var(--danger-bg);}
.linha-parado{background:var(--danger-bg);}
@media(max-width:720px){ .linha-vencida, .linha-parado{background:var(--surface);border-color:#E7B9B3 !important;} }

/* tabela responsiva: vira "cartão" no celular */
@media(max-width:720px){
  .table-wrap{border:none;background:none;overflow:visible;}
  table{min-width:0;}
  thead{position:absolute;left:-9999px;top:-9999px;}
  table,tbody,tr,td{display:block;width:100%;}
  tbody tr{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:6px 4px;margin-bottom:12px;box-shadow:var(--shadow);}
  tbody tr:hover{background:var(--surface);}
  td{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px dashed var(--border);padding:10px 14px;white-space:normal;text-align:right;}
  td:first-child{border-top:none;}
  td::before{content:attr(data-label);font-weight:700;color:var(--ink-faint);font-size:10.5px;text-transform:uppercase;letter-spacing:0.5px;text-align:left;flex-shrink:0;}
  td.td-actions{justify-content:flex-end;}
  td.td-actions::before{display:none;}
}

/* modal + formulário (core/components/modal.js) */
.modal-overlay{position:fixed;inset:0;background:rgba(42,32,34,0.5);display:none;align-items:flex-end;justify-content:center;z-index:100;backdrop-filter:blur(2px);}
.modal-overlay.active{display:flex;}
.modal{background:var(--surface);width:100%;max-width:530px;max-height:88vh;overflow-y:auto;border-radius:24px 24px 0 0;padding:26px 24px 28px;box-shadow:var(--shadow-lift);animation:slideup .22s ease;}
@media(min-width:720px){
  .modal-overlay{align-items:center;}
  .modal{border-radius:20px;margin-bottom:5vh;}
}
@keyframes slideup{from{transform:translateY(24px);opacity:0;}to{transform:translateY(0);opacity:1;}}
.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.modal-head h3{margin:0;font-size:19px;font-weight:600;}
.modal-close{background:var(--surface-alt);border:none;width:30px;height:30px;border-radius:50%;color:var(--ink-soft);font-size:16px;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.form-grid .full{grid-column:1/-1;}
@media(max-width:520px){.form-grid{grid-template-columns:1fr;}}
.field label{display:block;font-size:11.5px;font-weight:700;color:var(--ink-soft);margin-bottom:5px;text-transform:uppercase;letter-spacing:0.4px;}
.field input,.field select,.field textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:11px 12px;font-size:14px;background:var(--bg);color:var(--ink);}
.field textarea{resize:vertical;min-height:56px;}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--rose-light);border-color:var(--marsala);}
.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;}
/* seletor de opções tipo "chip" (ex: margem de lucro em Precificação) */
.chip-group{display:flex;gap:8px;flex-wrap:wrap;}
.chip-btn{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:9px 16px;font-size:13px;font-weight:700;color:var(--ink-soft);cursor:pointer;transition:.15s;}
.chip-btn:hover{border-color:var(--marsala);color:var(--marsala);}
.chip-btn.active{background:var(--marsala);border-color:var(--marsala);color:#fff;}

.computed-note{font-size:11.5px;color:var(--ink-faint);margin-top:4px;}
.field-error{font-size:11px;color:var(--danger);margin-top:4px;}

.section-note{font-size:12.5px;color:var(--ink-faint);margin:-10px 0 16px;}

/* campo de imagem no formulário (upload / trocar / excluir foto) */
.image-preview-wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.image-preview{
  width:88px;height:88px;border-radius:14px;overflow:hidden;flex-shrink:0;
  background:var(--surface-alt);border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;
}
.image-preview img{width:100%;height:100%;object-fit:cover;display:block;}
.image-placeholder{font-size:10.5px;color:var(--ink-faint);text-align:center;padding:6px;line-height:1.3;}
.image-actions{display:flex;flex-direction:column;gap:6px;}
.image-status{font-size:11.5px;color:var(--ink-faint);width:100%;}
.image-status.error{color:var(--danger);}

/* editor de itens do pedido (core/components/itemsEditor.js) */
.items-editor{display:flex;flex-direction:column;gap:10px;margin-bottom:12px;}
.item-row{display:grid;grid-template-columns:1fr 90px 110px 100px 34px;gap:8px;align-items:start;}
@media(max-width:640px){.item-row{grid-template-columns:1fr;}}
.item-row-produto{position:relative;}
.item-row-produto input[type="text"]{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:13.5px;background:var(--bg);color:var(--ink);}
.item-row-produto input[type="text"]:focus{outline:2px solid var(--rose-light);border-color:var(--marsala);}
.item-produto-disp{font-size:10.5px;color:var(--ink-faint);margin-top:3px;}
.item-produto-dropdown{
  position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;
  background:var(--surface);border:1px solid var(--border);border-radius:12px;
  box-shadow:var(--shadow-lift);max-height:220px;overflow-y:auto;
}
.item-produto-option{padding:9px 12px;font-size:12.5px;cursor:pointer;display:flex;flex-direction:column;gap:2px;border-bottom:1px solid var(--border);}
.item-produto-option:last-child{border-bottom:none;}
.item-produto-option:hover{background:var(--surface-alt);}
.item-produto-option span{color:var(--ink-faint);font-size:11px;}
.item-produto-empty{color:var(--ink-faint);cursor:default;}
.item-row input[type="number"]{border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:13.5px;background:var(--bg);color:var(--ink);width:100%;}
.item-subtotal{padding:10px 0;font-size:13.5px;font-weight:700;text-align:right;}
.items-total{text-align:right;font-size:14px;margin-bottom:16px;}

/* prévia/impressão de etiquetas (core/components/etiquetaModal.js) — compacto
   de propósito: tudo precisa caber sem rolagem lateral, na tela e no print. */
.etiqueta-overlay{position:fixed;inset:0;background:rgba(42,32,34,0.5);display:none;align-items:center;justify-content:center;z-index:200;backdrop-filter:blur(2px);padding:20px;overflow-x:hidden;}
.etiqueta-overlay.active{display:flex;}
.etiqueta-modal{background:var(--surface);width:100%;max-width:400px;max-height:92vh;overflow-y:auto;overflow-x:hidden;border-radius:20px;padding:18px;box-shadow:var(--shadow-lift);box-sizing:border-box;}
.etiqueta-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.etiqueta-modal-head h3{margin:0;font-size:18px;font-weight:600;}
.etiqueta-formato-toggle{display:flex;gap:8px;margin-bottom:16px;}
.etiqueta-formato-toggle button{flex:1;border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:8px 10px;font-size:12.5px;font-weight:700;color:var(--ink-soft);}
.etiqueta-formato-toggle button.active{border-color:var(--marsala);color:var(--marsala);background:var(--rose-light);}
.etiqueta-print-area{background:#fff;color:#111;border-radius:14px;padding:14px;font-family:var(--font-body);width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;}
.etiqueta-print-area .etiqueta-titulo{font-family:var(--font-display);font-size:18px;font-weight:700;margin:0 0 3px;word-break:break-word;}
.etiqueta-print-area .etiqueta-sub{font-size:11.5px;color:#555;margin-bottom:10px;word-break:break-word;}
.etiqueta-print-area table{width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse;font-size:11.5px;margin:8px 0;}
.etiqueta-print-area th,.etiqueta-print-area td{text-align:left;padding:4px 3px;border-bottom:1px solid #ddd;word-break:break-word;overflow-wrap:break-word;}
.etiqueta-print-area .col-qtd{width:32px;text-align:center;}
.etiqueta-print-area .col-valor{width:58px;text-align:right;}
.etiqueta-print-area .etiqueta-total{font-size:15px;font-weight:700;margin-top:6px;}
.etiqueta-print-area .etiqueta-linha{display:flex;justify-content:space-between;gap:8px;padding:2px 0;font-size:12px;}
.etiqueta-print-area .etiqueta-linha span:last-child{text-align:right;word-break:break-word;}
.etiqueta-qr{margin-top:14px;text-align:center;}
.etiqueta-qr img{width:120px;height:120px;max-width:100%;}

@media print{
  body *{visibility:hidden;}
  .etiqueta-print-area,.etiqueta-print-area *{visibility:visible;}
  .etiqueta-print-area{position:fixed;top:0;left:0;width:100%;border-radius:0;}
}

/* modal de configuração de etiquetas em lote (Produtos -> seleção múltipla) —
   DOM próprio (modules/produtos/etiquetaLoteModal.js), regras de impressão
   específicas (tamanho/margem/colunas) são geradas em JS e injetadas com
   @media print embutido; aqui só o visual do modal + a prévia na tela. */
.etiqueta-lote-overlay{position:fixed;inset:0;background:rgba(42,32,34,0.5);display:none;align-items:center;justify-content:center;z-index:210;backdrop-filter:blur(2px);padding:20px;}
.etiqueta-lote-overlay.active{display:flex;}
.etiqueta-lote-modal{background:var(--surface);width:100%;max-width:920px;max-height:92vh;overflow-y:auto;border-radius:20px;padding:22px 24px;box-shadow:var(--shadow-lift);box-sizing:border-box;}
.etiqueta-lote-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.etiqueta-lote-head h3{margin:0;font-size:19px;font-weight:600;}
.etiqueta-lote-body{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
@media(max-width:760px){.etiqueta-lote-body{grid-template-columns:1fr;}}
.etiqueta-lote-col{min-width:0;}
.etiqueta-lote-secao-titulo{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.4px;color:var(--ink-soft);margin-bottom:10px;}
.etiqueta-lote-produto{border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:10px;}
.etiqueta-lote-produto-erro{border-color:var(--danger);background:var(--danger-bg);}
.etiqueta-lote-produto-nome{font-weight:700;font-size:14px;margin-bottom:4px;}
.etiqueta-lote-produto-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:11.5px;color:var(--ink-soft);margin-bottom:8px;}
.etiqueta-lote-produto-aviso{font-size:12px;color:var(--danger);font-weight:600;margin-bottom:6px;}
.etiqueta-lote-produto-aviso-info{color:var(--warning);}
.etiqueta-lote-qtd-label{display:block;font-size:11px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:0.3px;}
.etiqueta-lote-qtd-label input{display:block;width:100px;margin-top:5px;border:1px solid var(--border);border-radius:9px;padding:8px 10px;font-size:14px;background:var(--bg);color:var(--ink);}
.etiqueta-lote-preview-meta{display:flex;flex-wrap:wrap;gap:10px 16px;font-size:11.5px;color:var(--ink-soft);margin-bottom:12px;padding:10px 12px;background:var(--surface-alt);border-radius:10px;}
.etiqueta-lote-preview-area{display:flex;flex-wrap:wrap;gap:10px;max-height:520px;overflow-y:auto;padding:10px;background:#f4f4f4;border-radius:12px;}
.etiqueta-lote-preview-area .etiqueta-lote-print-item{
  width:var(--etiqueta-preview-largura,40mm);height:var(--etiqueta-preview-altura,40mm);
  background:#fff;color:#111;border:1px solid #ccc;border-radius:4px;padding:1.5mm;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  box-shadow:0 1px 3px rgba(0,0,0,0.12);overflow:hidden;flex-shrink:0;box-sizing:border-box;
}
/* mesmos tamanhos em mm da impressão (estiloImpressao() em etiquetaLoteModal.js) —
   a prévia na tela precisa ficar fiel ao que sai impresso, não só parecida */
.etiqueta-lote-preview-area .etiqueta-lote-print-codigo{font-size:8.5mm;font-weight:800;line-height:1;margin-bottom:1.5mm;}
.etiqueta-lote-preview-area .etiqueta-lote-print-nome{
  font-size:3mm;font-weight:700;text-transform:uppercase;line-height:1.15;margin-bottom:1.5mm;word-break:break-word;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.etiqueta-lote-preview-area .etiqueta-lote-print-valor{font-size:4.2mm;font-weight:800;line-height:1;}
.etiqueta-lote-actions{margin-top:20px;}

/* miniatura da foto dentro das tabelas (Estoque, Lives) */
.thumb{width:40px;height:40px;border-radius:9px;overflow:hidden;flex-shrink:0;background:var(--surface-alt);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;}
.thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.thumb.thumb-empty{color:var(--ink-faint);font-size:9px;text-align:center;line-height:1.2;}
.thumb-cell{display:flex;align-items:center;gap:10px;}

@media(max-width:900px){
  .card-value{font-size:23px;}
}

/* toast (notificação flutuante de sucesso/erro) */
.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:500;max-width:calc(100% - 32px);}
.toast{background:var(--ink);color:#fff;padding:13px 18px;border-radius:12px;font-size:13.5px;font-weight:600;box-shadow:var(--shadow-lift);opacity:0;transform:translateY(8px);transition:.2s;max-width:360px;}
.toast-visible{opacity:1;transform:translateY(0);}
.toast-success{background:var(--success);}
.toast-error{background:var(--danger);}

/* --- botões de ação por linha na Planilha da live + tela do pedido --- */
.btn-danger{background:var(--danger);color:#fff;border:1px solid var(--danger);}
.btn-danger:hover{filter:brightness(.93);}
.sheet-act-btn{border:1px solid var(--border);border-radius:8px;padding:6px 9px;background:var(--surface);color:var(--ink-soft);font-family:var(--font-body);font-size:10.5px;font-weight:800;cursor:pointer;white-space:nowrap;}
.sheet-act-btn:hover{background:var(--bg);color:var(--ink);}
.sheet-act-danger{color:var(--danger);border-color:var(--danger-bg);}
.sheet-act-danger:hover{background:var(--danger-bg);color:var(--danger);}

.pd-panel{max-width:720px;}
.pd-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--border);margin-bottom:16px;}
.pd-cliente{font-family:var(--font-display);font-size:22px;line-height:1.2;}
.pd-meta{color:var(--ink-faint);font-size:12.5px;margin-top:5px;}
.pd-pecas{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;}
.pd-peca{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;font-size:14px;}
.pd-peca+.pd-peca{border-top:1px solid var(--border);}
.pd-peca-nome{flex:1;}
.pd-peca-qtd{color:var(--ink-faint);font-size:11.5px;font-weight:700;}
.pd-peca-valor{font-weight:800;white-space:nowrap;}
.pd-total{display:flex;justify-content:flex-end;gap:8px;margin-top:12px;font-size:16px;}
.pd-acoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;}
@media(max-width:560px){.pd-acoes .btn{flex:1 1 100%;justify-content:center;}.pd-cliente{font-size:19px;}}

/* --- trilha de etapas e blocos de Pagamento/Entrega dentro do pedido --- */
.pd-trilha{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 18px;}
.pd-etapa{display:flex;align-items:center;gap:7px;padding:7px 12px 7px 8px;border:1px solid var(--border);border-radius:20px;font-size:11.5px;font-weight:700;color:var(--ink-faint);background:var(--surface);}
.pd-etapa-bola{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;background:var(--bg);border:1px solid var(--border);font-size:10px;}
.pd-etapa.feita{color:var(--success);border-color:#CFE9D6;background:var(--success-bg);}
.pd-etapa.feita .pd-etapa-bola{background:var(--success);border-color:var(--success);color:#fff;}
.pd-etapa.atual{color:var(--marsala);border-color:var(--marsala);background:var(--surface);}
.pd-etapa.atual .pd-etapa-bola{background:var(--marsala);border-color:var(--marsala);color:#fff;}

.pd-bloco{border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;margin-top:16px;}
.pd-bloco-titulo{font-family:var(--font-display);font-size:14.5px;margin-bottom:10px;}
.pd-linha{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13.5px;}
.pd-sub{color:var(--ink-faint);font-size:12px;margin-top:6px;}
.pd-bloco-acoes{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px;}
.pd-conferencia{display:flex;flex-direction:column;gap:2px;margin-top:8px;}
.pd-conf-item{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:8px;font-size:13px;cursor:pointer;}
.pd-conf-item:hover{background:var(--bg);}
.pd-conf-item.ok{color:var(--success);}
.pd-conf-item.ok span{text-decoration:line-through;}
@media(max-width:560px){.pd-bloco-acoes .btn{flex:1 1 100%;justify-content:center;}.pd-etapa-nome{display:none;}.pd-etapa{padding:7px;}}

/* --- cartões de live e tela da live --- */
.live-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px;margin-bottom:20px;}
.live-card{text-align:left;border:1px solid var(--border);border-radius:var(--radius);padding:15px 17px;background:var(--surface);cursor:pointer;font-family:var(--font-body);transition:.15s;}
.live-card:hover{border-color:var(--marsala);box-shadow:var(--shadow-lift);transform:translateY(-1px);}
.live-card-topo{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.live-card-titulo{font-family:var(--font-display);font-size:16px;color:var(--ink);}
.live-card-sub{color:var(--ink-faint);font-size:12px;margin-top:3px;}
.live-card-total{text-align:right;font-weight:800;font-size:16.5px;color:var(--ink);white-space:nowrap;}
.live-card-total span{display:block;font-weight:600;font-size:10.5px;color:var(--ink-faint);}
.live-card-nums{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:12px;padding-top:11px;border-top:1px solid var(--border);font-size:12px;color:var(--ink-soft);}
.live-card-nums .ok{color:var(--success);}
.live-card-nums .pend{color:var(--warning);}

.ld-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.ld-titulo{font-family:var(--font-display);font-size:21px;}
.ld-sub{color:var(--ink-faint);font-size:12.5px;margin-top:4px;}
.ld-valores{display:flex;gap:20px;flex-wrap:wrap;}
.ld-valores div{text-align:right;}
.ld-valores span{display:block;font-weight:800;font-size:17px;}
.ld-valores small{color:var(--ink-faint);font-size:10.5px;}
.ld-valores .ok span{color:var(--success);}
.ld-valores .pend span{color:var(--warning);}
.ld-grupos{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px;}
.ld-grupo{border:1px solid var(--border);border-radius:12px;padding:9px 13px;background:var(--surface);cursor:pointer;font-family:var(--font-body);text-align:left;transition:.15s;}
.ld-grupo:hover{border-color:var(--marsala);}
.ld-grupo.ativo{border-color:var(--marsala);background:var(--marsala);color:#fff;}
.ld-grupo-n{display:block;font-weight:800;font-size:15px;}
.ld-grupo-l{display:block;font-size:10.5px;color:var(--ink-faint);margin-top:2px;}
.ld-grupo.ativo .ld-grupo-l{color:rgba(255,255,255,.85);}

.ld-pedidos{display:flex;flex-direction:column;gap:8px;margin-top:16px;}
.ld-pedido{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 15px;background:var(--surface);cursor:pointer;font-family:var(--font-body);text-align:left;transition:.15s;}
.ld-pedido:hover{border-color:var(--marsala);box-shadow:var(--shadow-lift);}
.ld-pedido-num{font-weight:700;font-size:14px;}
.ld-pedido-sub{color:var(--ink-faint);font-size:11.5px;margin-top:3px;}
.ld-pedido-dir{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
@media(max-width:560px){.live-cards{grid-template-columns:1fr;}.ld-pedido{flex-direction:column;align-items:flex-start;}.ld-pedido-dir{justify-content:flex-start;}}

/* --- títulos de grupo na barra lateral --- */
.nav-grupo{font-size:9.5px;letter-spacing:1.1px;font-weight:800;text-transform:uppercase;color:rgba(246,233,234,0.38);padding:14px 12px 5px;}
.nav-grupo:first-child{padding-top:2px;}
.exp-filtro-n{display:inline-block;margin-left:4px;padding:1px 6px;border-radius:10px;background:var(--bg);font-size:10px;font-weight:800;}
.exp-filtro-btn.active .exp-filtro-n{background:rgba(255,255,255,.25);}

.processo{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.processo li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow);}
.processo b{display:block;font-size:13px;margin-bottom:4px;}
.processo span{font-size:12px;color:var(--ink-soft);}
@media(max-width:800px){.processo{grid-template-columns:1fr 1fr;}}
@media(max-width:520px){.processo{grid-template-columns:1fr;}}

.equipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;}
.equipe-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow);}
.equipe-card.off{opacity:.62;}
.equipe-card-top{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;}
.equipe-avatar{width:40px;height:40px;border-radius:12px;background:var(--rose-light);color:var(--marsala);display:grid;place-items:center;font-weight:800;flex-shrink:0;}
.equipe-card-top strong{display:block;font-size:15px;}
.equipe-card-top small{display:block;color:var(--ink-faint);font-size:12px;margin-top:2px;}
.equipe-card-top .pill{margin-left:auto;}
.equipe-meta{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--ink-soft);margin-bottom:12px;}
.equipe-actions{display:flex;flex-wrap:wrap;gap:6px;}
.audit-head{margin-bottom:14px;}
.audit-head strong{display:block;font-size:16px;}
.audit-head p{margin:4px 0 0;font-size:12.5px;color:var(--ink-faint);}

.hoje-hero{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 24px;margin-bottom:16px;border-radius:var(--radius);background:linear-gradient(120deg,var(--marsala-dark),var(--marsala));color:#fff;}
.hoje-hero h2{margin:0 0 6px;font-size:26px;}
.hoje-hero p{margin:0;color:rgba(255,255,255,.78);max-width:520px;}
.hoje-hero-nums{display:flex;gap:18px;}
.hoje-hero-nums strong{display:block;font-family:var(--font-display);font-size:22px;}
.hoje-hero-nums span{font-size:11px;color:rgba(255,255,255,.7);}
.hoje-passos{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;}
.hoje-passo{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);padding:18px 16px;font-weight:700;text-align:left;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:132px;}
.hoje-passo:hover{border-color:var(--marsala);box-shadow:var(--shadow);}
.hoje-passo-n{width:26px;height:26px;border-radius:8px;background:var(--rose-light);color:var(--marsala);display:grid;place-items:center;font-size:13px;}
.hoje-passo strong{font-size:15px;}
.hoje-passo em{display:block;font-style:normal;color:var(--ink-faint);font-size:12px;margin-top:auto;font-weight:600;}
.empty-guide{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);padding:28px 24px;margin-bottom:18px;}
.empty-guide h3{margin:0 0 8px;}
.empty-guide p{margin:0 0 16px;color:var(--ink-soft);max-width:560px;}
.empty-guide .btn{margin-top:4px;}
@media(max-width:720px){.hoje-passos{grid-template-columns:1fr;}.hoje-passo{min-height:0;}.hoje-hero-nums{width:100%;justify-content:space-between;}}