/* ═══════════════════════════════════════════════════════════════════
   PAINEL DE COMPRAS — Magazine dos Pés
   Estilos globais extraídos do WebAPP_EGM monolítico.
   Compatível com arquitetura multi-tenant.
   ═══════════════════════════════════════════════════════════════════ */

:root{
  --dark:#003399;--accent:#15803D;--accent-h:#166534;--gold:#b45309;--red:#DC2626;
  --bg:#F8FAFC;--card:#FFFFFF;--muted:#F1F5F9;--inp:#FAFAFA;
  --t1:#0f172a;--t2:#64748B;--t3:#94A3B8;
  --bdr:#E2E8F0;--bdr2:#CBD5E1;
  --r:8px;--rl:12px;
  --sh:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);
  --shm:0 4px 12px rgba(0,0,0,.1);
  --egm-green:#15803D;--egm-gold:#b45309;
  /* Marca Magazine dos Pés — cores exatas do arquivo de arte */
  --marca-azul:#003399;--marca-laranja:#F47920;--marca-laranja-h:#D96910;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:var(--font-body);background:var(--bg);color:var(--t1);min-height:100vh;font-size:14px;-webkit-font-smoothing:antialiased;padding-bottom:80px;}
a{color:inherit;}

/* ── HEADER ── */
header{background:#003399;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem 0 1.5rem;position:sticky;top:30px;z-index:200;box-shadow:0 2px 12px rgba(0,51,153,.35);border-bottom:3px solid #F47920;}
.logo{display:flex;align-items:center;gap:10px;color:#fff;font-size:16px;font-weight:600;}
.logo-pill{background:#F47920;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700;letter-spacing:.5px;}
.hstats{display:flex;gap:0;align-items:center;}
.hstat{text-align:center;padding:0 16px;border-left:1px solid rgba(255,255,255,.12);}
.hstat:first-child{border-left:none;}
.hstat-v{color:#fff;font-size:17px;font-weight:700;line-height:1.2;}
.hstat-l{color:rgba(255,255,255,.45);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-top:3px;}

/* ── SELETOR DE FORNECEDOR (header) ── */
#seletor-fornecedor{font-family:inherit;font-size:12px;font-weight:600;height:32px;padding:0 10px;border-radius:6px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);color:#fff;cursor:pointer;outline:none;transition:all .15s;}
#seletor-fornecedor:hover{background:rgba(255,255,255,.2);}
#seletor-fornecedor option{background:#003399;color:#fff;}

/* ── TABS BAR (abas principais + Sobre) ── */
.tabs-bar{
  position:sticky;top:98px;z-index:190;
  background:#fff;border-bottom:1px solid var(--bdr);
  display:flex;align-items:stretch;justify-content:space-between;
  gap:8px;padding:0 0 0 1.5rem;
}
.tabs-main{flex:1;display:flex;justify-content:center;overflow-x:auto;min-width:0;padding-right:.5rem;}
.btn-tab-sobre{
  flex-shrink:0;align-self:center;margin:8px 1.25rem 8px 0;
  padding:8px 12px;font-size:12px;font-weight:500;
  color:var(--t3);background:transparent;border:1px solid var(--bdr);border-radius:var(--r);
  cursor:pointer;white-space:nowrap;font-family:inherit;
  transition:color .15s,background .15s,border-color .15s;
}
.btn-tab-sobre:hover{color:var(--t2);border-color:var(--bdr2);background:var(--muted);}

/* ── TABS ── */
.tabs{background:transparent;border-bottom:none;display:flex;justify-content:center;padding:0 1rem;overflow-x:auto;}
.tab{padding:14px 16px;font-size:13px;font-weight:500;color:var(--t2);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;white-space:nowrap;flex-shrink:0;}
.tab.active{color:var(--marca-laranja);border-bottom-color:var(--marca-laranja);}
.tab:hover:not(.active){color:#003399;}

/* ── PAGE ── */
.page{max-width:1600px;margin:0 auto;padding:.75rem 1.5rem 1.5rem;}
#tab-pega.active{max-width:100%;width:100%;}
.tab-pane{display:none;}
.tab-pane.active{display:block;}

/* ── CARDS ── */
.cards-grid{display:flex;flex-direction:column;gap:1.5rem;}
.product-card{background:var(--card);border:1px solid var(--bdr);border-radius:var(--rl);box-shadow:var(--sh);}
.product-card[data-cores="1"]{max-width:55%;margin:0 auto;}
.product-card[data-cores="2"]{max-width:78%;margin:0 auto;}
.product-card[data-cores="3"]{max-width:100%;margin:0 auto;}
.product-card[data-cores="4"]{max-width:78%;margin:0 auto;}
.product-card[data-cores="5"]{max-width:100%;margin:0 auto;}
.product-card[data-cores="6"]{max-width:100%;margin:0 auto;}

/* ── CARD HEADER ── */
.card-header{display:flex;align-items:stretch;border-bottom:1px solid var(--bdr);}
.card-thumb-wrap{width:120px;flex-shrink:0;background:var(--muted);border-right:1px solid var(--bdr);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem;}
.card-thumb{width:96px;height:96px;border-radius:var(--r);overflow:hidden;background:#fff;border:1px solid var(--bdr);display:flex;align-items:center;justify-content:center;}
.card-thumb img{width:100%;height:100%;object-fit:cover;}
.thumb-ph{font-size:32px;opacity:.2;}
.btn-img{margin-top:6px;font-size:11px;color:var(--t3);background:none;border:none;cursor:pointer;text-decoration:underline;}
.btn-img:hover{color:var(--accent);}
.card-meta{flex:1;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.35rem;}
.card-ref{font-size:20px;font-weight:700;letter-spacing:-.5px;}
.card-sku-pai {
  font-size:11px;color:var(--t3);
  margin-top:2px;letter-spacing:.3px;
}
.card-name{font-size:13px;color:var(--t2);}
.card-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px;}
.chip{font-size:11px;font-weight:500;padding:3px 10px;border-radius:20px;border:1px solid var(--bdr);color:var(--t2);background:var(--muted);}
.chip-neutro{background-color:#F1F5F9!important;color:#64748B!important;border:1px solid #E2E8F0!important;}
.chip-numeracoes{background-color:#F0FDF4!important;color:#166534!important;border:1px solid #BBF7D0!important;}
.chip-cores{background-color:#FFF7ED!important;color:#9A3412!important;border:1px solid #FED7AA!important;}
.chip-green{background:#DCFCE7;border-color:#86EFAC;color:#15803D;}
.chip-red{background:#FEE2E2;border-color:#FCA5A5;color:#B91C1C;}
.chip-blue{background:#DBEAFE;border-color:#93C5FD;color:#1D4ED8;}
.chip-amber{background:#FEF3C7;border-color:#FCD34D;color:#92400E;}
.card-custo-row{display:flex;align-items:center;gap:8px;margin-top:auto;flex-wrap:wrap;}
.custo-label{font-size:12px;color:var(--t2);}
.custo-inp{font-size:13px;width:80px;height:28px;border:1px solid var(--bdr);border-radius:6px;padding:0 8px;text-align:right;background:var(--inp);outline:none;}
.custo-inp:focus{border-color:var(--accent);}
.skupai-inp{font-size:14px;font-weight:600;color:var(--t2);align-self:flex-start;width:160px;height:20px;border:1px solid transparent;border-radius:4px;padding:0;background:transparent;outline:none;transition:border-color .15s;}
.skupai-inp:hover{border-color:var(--bdr);padding:0 4px;}
.skupai-inp:focus{border-color:var(--accent);background:var(--inp);color:var(--t1);padding:0 4px;}
.foot-ico{font-size:20px;line-height:1;}
.card-actions{display:flex;align-items:flex-start;gap:6px;padding:.75rem 1rem;border-left:1px solid var(--bdr);}
.btn-icon{width:38px;height:38px;border:1px solid var(--bdr);background:transparent;border-radius:var(--r);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .15s;}
.btn-icon:hover{background:var(--muted);}
.btn-icon.del:hover{background:#FEE2E2;border-color:#FCA5A5;}

/* ── COLOR SECTIONS ── */
.color-sections{display:flex;flex-wrap:wrap;}
.product-card[data-cores="2"] .color-sections{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;}
.product-card[data-cores="3"] .color-sections{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:stretch;}
.product-card[data-cores="4"] .color-sections, .color-sections.grid-2x2{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;}

.color-section{flex:1;min-width:0;border-right:1px solid var(--bdr);display:flex;flex-direction:column;border-top:none;border-left:none;border-bottom:none;}
.color-section:last-child{border-right:none;}

/* ── META TOOLBAR ── */
.meta-toolbar{display:flex;gap:8px;flex-wrap:nowrap;align-items:center;margin-bottom:.75rem;padding:.75rem 1rem;background:var(--muted);border:1px solid var(--bdr);border-radius:var(--rl);}
.meta-label{font-size:12px;font-weight:600;color:var(--t2);white-space:nowrap;}
.meta-sep{width:1px;height:20px;background:var(--bdr2);}
.meta-grupo{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.meta-select{height:36px;width:auto;min-width:160px;max-width:220px;font-size:13px;}
.meta-input-pct{width:64px;height:38px;border:1px solid var(--bdr);border-radius:6px;padding:0 8px;font-size:13px;background:var(--inp);outline:none;}
.desconto-toolbar{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:.75rem;padding:.75rem 1rem;background:var(--muted);border:1px solid var(--bdr);border-radius:var(--rl);}
.meta-status-resumo{margin-left:auto;font-size:12px;color:var(--t2);font-weight:500;}
.meta-icones-dir{display:flex;gap:6px;align-items:center;margin-left:auto;}
.desconto-btn{height:38px;padding:0 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid #CBD5E1;background:#F1F5F9;color:#374151;display:inline-flex;align-items:center;margin-right:6px;}
.desconto-btn:last-child{margin-right:0;}
.volume-faixa{height:36px;padding:0 14px;border-radius:6px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;margin-right:8px;}
.volume-faixa:last-child{margin-right:0;}
.volume-faixa-atingida{background:#15803D;color:#fff;border:1px solid #15803D;}
.volume-faixa-proxima{background:#fff;color:#374151;border:1px solid #E2E8F0;cursor:pointer;transition:filter .15s;}
.volume-faixa-proxima:hover{filter:brightness(.95);}
.volume-faixa-info{font-size:11px;opacity:.85;}
.volume-faixa-faltam{color:#C2410C;font-weight:700;font-size:11px;}
.desconto-btn:hover{background:#E2E8F0;}
.desconto-btn-prazo-ativo{background:#15803D;border-color:#15803D;color:#fff;}
.desconto-btn-prazo-ativo:hover{background:#166534;}
.desconto-btn-avista{border-color:#93C5FD;background:#EFF6FF;color:#1D4ED8;}
.desconto-btn-avista-ativo{background:#1D4ED8;border-color:#1D4ED8;color:#fff;}
.desconto-btn-avista-ativo:hover{background:#1E40AF;}
.meta-status{font-size:12px;color:var(--t2);font-weight:500;padding:4px 10px;border-radius:20px;background:var(--card);border:1px solid var(--bdr);}

/* ── COLOR HEADER ── */
.color-header{display:flex;align-items:center;gap:8px;padding:.55rem 1rem;border-bottom:1px solid var(--bdr);background:var(--muted);}
.color-dot{width:12px;height:12px;border-radius:50%;border:1.5px solid rgba(0,0,0,.15);flex-shrink:0;}
.color-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;flex:1;}
.color-totals{font-size:11px;color:var(--t2);}

/* ── FOTO POR VARIANTE DE COR ──
   Enviar imagens em 600×400px (exibidas em 300×180px — retina-ready) */
.cor-foto-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 0;
  border-radius: 0;
}
.cor-foto-wrap:not(:has(.cor-foto-img img)){min-height:48px;}
.cor-foto-img {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none !important;
  padding: 0;
  border-radius: 0;
}

.cor-foto-img img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 264px;
  height: auto;
  border: none;
  padding: 0;
  border-radius: 0;
}
.cor-foto-ph{display:none;}
.cor-foto-img[style*="height:0"]{width:0;border:none;}
.cor-foto-info{flex:1;padding:.75rem 1rem;display:flex;flex-direction:column;justify-content:center;gap:4px;}
.cor-foto-nome{font-size:14px;font-weight:700;color:var(--t1);}
.cor-foto-sub{font-size:11px;color:var(--t3);}
.btn-foto-cor{font-family:inherit;font-size:11px;color:var(--t3);background:none;border:1px solid var(--bdr);border-radius:4px;padding:3px 8px;cursor:pointer;transition:all .15s;align-self:flex-start;margin-top:6px;}
.btn-foto-cor:hover{color:var(--accent);border-color:var(--accent);}

/* ── TABLE ── */
/* ── Tabela vertical de estoque por cor ── */
.color-table-wrap{overflow-x:auto;}
.color-table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed;}

/* Regras Globais de Colunas - Percentuais para Consistência entre Grids */
.color-table[data-tipo-num="simples"] th:nth-child(1), .color-table[data-tipo-num="simples"] td:nth-child(1) { width: 22px; min-width: 22px; max-width: 22px; }
.color-table[data-tipo-num="composto"] th:nth-child(1), .color-table[data-tipo-num="composto"] td:nth-child(1) { width: 52px; min-width: 52px; max-width: 52px; }
.color-table th:nth-child(3), .color-table td:nth-child(3) { width: auto; }
.color-table th:nth-child(4), .color-table td:nth-child(4) { width: auto; }
.color-table th:nth-child(5), .color-table td:nth-child(5) { width: auto; }
.color-table th:nth-child(6), .color-table td:nth-child(6) { width: auto; }
.color-table th:nth-child(7), .color-table td:nth-child(7) { width: auto; }

.color-table th, .color-table td { 
  overflow: hidden; 
  text-overflow: ellipsis; 
  white-space: nowrap; 
  padding: 4px 4px;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid var(--bdr);
  border-right: 1px solid var(--bdr);
}

/* Coluna SKU: max-width e overflow */
.color-table .th-sku, .color-table .td-sku-c {
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Cabeçalhos */
.color-table th{padding:5px 4px;text-align:center;font-size:10px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--t3);border-bottom:2px solid var(--bdr);border-right:1px solid var(--bdr);vertical-align:middle;}
.color-table th.th-transito{font-size:9px;white-space:nowrap;color:var(--t3)!important;}
.color-table th:last-child{border-right:none;}
/* duas linhas nos cabeçalhos Rupt. e Vend. */
.th2-top{display:block;line-height:1.2;}
.th2-bot{display:block;font-size:11px;line-height:1.2;opacity:.75;}
.th-transito .th2-top, .th-transito .th2-bot { display: inline; }
/* células de dados */
.color-table td{padding:4px 4px;text-align:center;border-bottom:1px solid var(--bdr);border-right:1px solid var(--bdr);vertical-align:middle;min-height:38px;height:48px;}
.rupt-xd{color:#DC2626;font-size:10px;font-weight:700;margin-top:2px;}
.td-transito{color:#C2570A!important;font-weight:600;}
.tot-transito-val{background:#C2570A!important;color:#FFFFFF!important;font-weight:700;}
.td-soma{font-weight:600;font-size:13px;color:#1D4ED8;}
.color-table td:last-child{border-right:none;}
.color-table .total-row td{height:32px;min-height:32px;padding:4px 6px;}
.color-table tr:last-child td{border-bottom:none;}
.color-table tbody tr:hover td{background:rgba(0,0,0,.018);}
/* coluna Nº (1ª) — fundo muted apenas em thead/tbody, não afeta total-row */
.color-table th:nth-child(1),.color-table tbody tr:not(.total-row) td:nth-child(1){background:var(--muted);border-right:2px solid var(--bdr)!important;font-weight:600;font-size:13px;text-align:center;min-width:inherit;max-width:inherit;}
/* coluna SKU — centralizado, input preenche a célula */
.color-table .td-sku-c{padding:2px 3px; overflow: hidden;}
.color-table .td-sku-c .sku-edit-inp{width:100%;text-align:center; overflow: hidden; text-overflow: ellipsis;}
/* coluna Ruptura */
.rupt-val{font-size:11px;font-weight:700;color:#DC2626;}
/* coluna Vendas */
.td-vend{color:var(--t2);font-size:12px;}
/* grid 3 cores lado a lado */
.grid-3x1{display:grid;grid-template-columns:1fr 1fr 1fr;}
.grid-3x1 .color-section{min-width:0;border-right:1px solid var(--bdr);border-bottom:none;}
.grid-3x1 .color-section:last-child{border-right:none;}
.td-num{font-weight:600;font-size:13px;}
.sku-edit-inp{font-size:10.5px;color:var(--t2);width:100%;height:22px;border:1px solid transparent;border-radius:4px;padding:0 4px;background:transparent;outline:none;transition:all .15s;}
.sku-edit-inp:hover{border-color:var(--bdr);background:var(--inp);}
.sku-edit-inp:focus{border-color:var(--accent);background:#fff;color:var(--t1);}
.zero-badge{background:#FEE2E2;color:#B91C1C;border-radius:4px;padding:1px 7px;display:inline-block;font-weight:600;}
.td-soma{font-weight:600;font-size:13px;color:#1D4ED8;}
.soma-pos{color:#1D4ED8;}
.total-row td{background:var(--dark);color:#fff;font-weight:600;font-size:12px;padding:6px 6px;}
.total-row td:first-child{text-align:center;font-family:inherit;font-size:11px;letter-spacing:.5px;text-transform:uppercase;}
.tot-comp{background:var(--accent)!important;}
.tot-comp-ok{background:#15803D!important;color:#fff!important;}
.tot-comp-err{background:#DC2626!important;color:#fff!important;animation:pulse-err .8s ease-in-out infinite alternate;}
@keyframes pulse-err{from{opacity:1;}to{opacity:.75;}}
.tot-soma{background:#1D4ED8!important;color:#fff!important;}
.color-table .total-row:hover td{background:var(--dark)!important;}
.color-table .total-row:hover .tot-comp-ok{background:#15803D!important;}
.color-table .total-row:hover .tot-comp-err{background:#DC2626!important;}
.color-table .total-row:hover .tot-comp{background:var(--accent)!important;}
.color-table .total-row:hover .tot-soma{background:#1D4ED8!important;}

.color-table .total-row:hover .tot-transito-val {
  background-color: #C2570A !important;
  color: #FFFFFF !important;
}

/* Regras Globais de Colunas */
.color-table th, .color-table td { 
  overflow: hidden; 
  text-overflow: ellipsis; 
  white-space: nowrap; 
  padding: 4px 4px;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid var(--bdr);
  border-right: 1px solid var(--bdr);
}

/* Coluna SKU: max-width e overflow */
.color-table .th-sku, .color-table .td-sku-c {
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Cabeçalhos */
.color-table th{padding:5px 4px;text-align:center;font-size:10px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--t3);border-bottom:2px solid var(--bdr);border-right:1px solid var(--bdr);vertical-align:middle;}
.color-table th.th-transito{font-size:9px;white-space:nowrap;color:var(--t3)!important;}
.color-table th:last-child{border-right:none;}
/* duas linhas nos cabeçalhos Rupt. e Vend. */
.th2-top{display:block;line-height:1.2;}
.th2-bot{display:block;font-size:11px;line-height:1.2;opacity:.75;}
.th-transito .th2-top, .th-transito .th2-bot { display: inline; }
/* células de dados */
.color-table td{padding:4px 4px;text-align:center;border-bottom:1px solid var(--bdr);border-right:1px solid var(--bdr);vertical-align:middle;min-height:38px;height:48px;}
.rupt-xd{color:#DC2626;font-size:10px;font-weight:700;margin-top:2px;}
.td-transito{color:#C2570A!important;font-weight:600;}
.tot-transito-val{background:#C2570A!important;color:#FFFFFF!important;font-weight:700;}
.td-soma{font-weight:600;font-size:13px;color:#1D4ED8;}
.color-table td:last-child{border-right:none;}
.color-table .total-row td{height:32px;min-height:32px;padding:4px 6px;}
.color-table tr:last-child td{border-bottom:none;}
.color-table tbody tr:hover td{background:rgba(0,0,0,.018);}
/* coluna Nº (1ª) — fundo muted apenas em thead/tbody, não afeta total-row */
.color-table th:nth-child(1),.color-table tbody tr:not(.total-row) td:nth-child(1){background:var(--muted);border-right:2px solid var(--bdr)!important;font-weight:600;font-size:13px;text-align:center;min-width:inherit;max-width:inherit;}
/* coluna SKU — centralizado, input preenche a célula */
.color-table .td-sku-c{padding:2px 3px; overflow: hidden;}
.color-table .td-sku-c .sku-edit-inp{width:100%;text-align:center; overflow: hidden; text-overflow: ellipsis;}
/* coluna Ruptura */
.rupt-val{font-size:11px;font-weight:700;color:#DC2626;}
/* coluna Vendas */
.td-vend{color:var(--t2);font-size:12px;}
/* grid 3 cores lado a lado */
.grid-3x1{display:grid;grid-template-columns:1fr 1fr 1fr;}
.grid-3x1 .color-section{min-width:0;border-right:1px solid var(--bdr);border-bottom:none;}
.grid-3x1 .color-section:last-child{border-right:none;}
.td-num{font-weight:600;font-size:13px;}
.sku-edit-inp{font-size:10.5px;color:var(--t2);width:100%;height:22px;border:1px solid transparent;border-radius:4px;padding:0 4px;background:transparent;outline:none;transition:all .15s;}
.sku-edit-inp:hover{border-color:var(--bdr);background:var(--inp);}
.sku-edit-inp:focus{border-color:var(--accent);background:#fff;color:var(--t1);}
.zero-badge{background:#FEE2E2;color:#B91C1C;border-radius:4px;padding:1px 7px;display:inline-block;font-weight:600;}
.td-soma{font-weight:600;font-size:13px;color:#1D4ED8;}
.soma-pos{color:#1D4ED8;}
.total-row td{background:var(--dark);color:#fff;font-weight:600;font-size:12px;padding:6px 6px;}
.total-row td:first-child{text-align:center;font-family:inherit;font-size:11px;letter-spacing:.5px;text-transform:uppercase;}
.tot-comp{background:var(--accent)!important;}
.tot-comp-ok{background:#15803D!important;color:#fff!important;}
.tot-comp-err{background:#DC2626!important;color:#fff!important;animation:pulse-err .8s ease-in-out infinite alternate;}
@keyframes pulse-err{from{opacity:1;}to{opacity:.75;}}
.tot-soma{background:#1D4ED8!important;color:#fff!important;}
.color-table .total-row:hover td{background:var(--dark)!important;}
.color-table .total-row:hover .tot-comp-ok{background:#15803D!important;}
.color-table .total-row:hover .tot-comp-err{background:#DC2626!important;}
.color-table .total-row:hover .tot-comp{background:var(--accent)!important;}
.color-table .total-row:hover .tot-soma{background:#1D4ED8!important;}

.color-table .total-row:hover .tot-transito-val {
  background-color: #C2570A !important;
  color: #FFFFFF !important;
}


/* ── CARD FOOTER ── */
.card-footer{background:var(--muted);border-top:1px solid var(--bdr);padding:.75rem 1.25rem;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:48px;}
.foot-stat{text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px;}
.foot-val{font-size:16px;font-weight:600;display:flex;align-items:center;gap:4px;}
.foot-lbl{font-size:11px;color:var(--t2);text-transform:uppercase;letter-spacing:.5px;}
.foot-val.green{color:var(--accent);}
.foot-val.blue{color:#1D4ED8;}
.foot-val.amber{color:var(--gold);}

/* ── TOTAL GERAL — movido para padrao_visual.css ── */

/* ── INPUT SECTION ── */
.inp-card{background:var(--card);border:1px solid var(--bdr);border-radius:var(--rl);padding:1.5rem;box-shadow:var(--sh);}
.inp-title{font-size:18px;font-weight:600;margin-bottom:.25rem;}
.inp-sub{font-size:13px;color:var(--t2);margin-bottom:1rem;}
.period-row{display:flex;align-items:center;gap:10px;margin-bottom:.75rem;flex-wrap:wrap;}
.period-row label{font-size:13px;color:var(--t2);}
.period-row input[type=date]{font-family:inherit;font-size:13px;border:1px solid var(--bdr);border-radius:6px;padding:5px 10px;background:var(--inp);color:var(--t1);outline:none;}
.period-row input[type=date]:focus{border-color:var(--accent);}
.days-pill{background:#DCFCE7;color:#15803D;font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px;}
#raw-input,#pega-input,#pe-input{width:100%;height:200px;font-size:12px;line-height:1.6;border:1.5px solid var(--bdr);border-radius:var(--r);padding:1rem;background:var(--inp);color:var(--t1);resize:vertical;outline:none;transition:border-color .2s;}
#raw-input:focus,#pega-input:focus,#pe-input:focus{border-color:var(--accent);background:#fff;}
#raw-input::placeholder,#pega-input::placeholder,#pe-input::placeholder{font-family:inherit;font-size:13px;color:var(--t3);}
.inp-actions{display:flex;gap:10px;margin-top:.75rem;flex-wrap:wrap;align-items:center;}

/* ── STATUS BAR ── */
#status-bar{display:none;align-items:center;gap:8px;background:var(--dark);color:#fff;border-radius:var(--r);padding:10px 14px;font-size:13px;margin-top:.75rem;}
#status-bar.show{display:flex;}
.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0;}
@keyframes spin{to{transform:rotate(360deg);}}

/* ── BUTTONS ── */
.btn{font-family:inherit;font-size:13px;font-weight:500;height:38px;padding:0 18px;border-radius:var(--r);border:1px solid var(--bdr);background:var(--card);color:var(--t1);cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:all .15s;white-space:nowrap;}
.btn:hover{background:var(--muted);}
.btn:active{transform:scale(.98);}
.btn-green{background:var(--accent);color:#fff;border-color:var(--accent);}
.btn-green:hover{background:var(--accent-h);}
.btn-dark{background:var(--dark);color:#fff;border-color:var(--dark);}
.btn-dark:hover{background:#1e293b;}
.btn-red{background:#DC2626;color:#fff;border-color:#DC2626;}
.btn-red:hover{background:#B91C1C;}
.btn-amber{background:#D97706;color:#fff;border-color:#D97706;}
.btn-amber:hover{background:#B45309;}

/* ── PEDIDO TAB ── */
.pedido-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:1.25rem;align-items:center;}
.pedido-section{background:var(--card);border:1px solid var(--bdr);border-radius:var(--rl);margin-bottom:1.5rem;overflow:hidden;box-shadow:var(--sh);}
.pedido-sec-head{background:#1D4ED8;color:#fff;padding:.75rem 1.25rem;font-size:13px;font-weight:600;display:flex;align-items:center;gap:10px;}
.pedido-sec-body{padding:1.25rem;}
.analise-table{width:100%;border-collapse:collapse;font-size:12px;}
.analise-table th{padding:7px 8px;text-align:center;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--t3);border-bottom:1px solid var(--bdr);background:var(--muted);}
.analise-table thead th{position:sticky;top:0;z-index:10;background:var(--muted);}
.analise-table th:first-child,.analise-table td:first-child{text-align:left;padding-left:.75rem;}
.analise-table td{padding:6px 8px;text-align:center;border-bottom:1px solid var(--bdr);vertical-align:middle;font-size:12px;}
.analise-table tr:last-child td{border-bottom:none;}
.analise-table tr:hover td{background:rgba(0,0,0,.015);}
.analise-group-header td{background:var(--dark)!important;color:#fff;padding:6px 12px;font-size:12px;font-weight:600;}
.analise-group-header td img{vertical-align:middle;border:1px solid rgba(255,255,255,.2);}
.analise-thead-row th{
  background:#15803D;
  color:#fff;
  padding:7px 8px;
  text-align:center;
  font-size:11px;
  font-weight:600;
  letter-spacing:.5px;
  text-transform:uppercase;
  border-bottom:1px solid var(--bdr);
}
.th-vendas-janela .th2-top {
  display: block;
  font-size: 9px;
  letter-spacing: .5px;
}
.th-vendas-janela .th2-bot {
  display: block;
  font-size: 10px;
  font-weight: 700;
  color: var(--accent);
}
.analise-thead-row th:first-child{
  text-align:left;
  padding-left:.75rem;
}
.analise-group-header input[type=number]::-webkit-inner-spin-button,
.analise-group-header input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.analise-group-header input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}
  .analise-total-row td {
    background: #003399;
    color: #fff;
    border-top: 2px solid var(--bdr);
    padding: 6px 8px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
  }
  .analise-total-row td:last-child {
    background: #1D4ED8;
    color: #fff;
  }
.analise-total-row td:first-child {
  text-align: left;
  padding-left: .75rem;
  color: #fff;
}
.analise-total-row:hover td { background: #003399 !important; color: #fff !important; }
.analise-total-row:hover td:last-child { background: #1D4ED8 !important; color: #fff !important; }
.analise-total-row:hover .tot-comp-ok { background: #15803D !important; }
.analise-total-row:hover .tot-comp-err { background: #DC2626 !important; }
  /* === ANALISE V2 — MODELO+COR (escalavel) === */
  .analise-modelo-block {
    margin-bottom: 1.5rem;
    border-radius: 0;
    overflow: hidden;
    box-shadow: none;
    border: none;
    outline: none;
  }
  .analise-foto-wrap {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    opacity: .55;
    border-radius: 6px;
    padding: 3px;
    transition: opacity .15s, outline .15s;
    outline: 2px solid transparent;
  }
  .analise-foto-wrap:hover { opacity: .85; }
  .analise-foto-ativa {
    opacity: 1;
    outline: 2px solid rgba(255,255,255,.8);
  }
  .analise-cor-bloco { border-left: none; }
  .analise-cor-bloco > div:first-child { border-left: none; }
  .analise-table td { border-right: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; }
  .analise-thead-row th { border-right: 1px solid rgba(255,255,255,.2); border-bottom: none; }
  .alerta-row-red td { border-right: 1px solid #FECACA; border-bottom: 1px solid #FECACA; }
  .alerta-row td { border-right: 1px solid #FDE047; border-bottom: 1px solid #FDE047; }
  .analise-cor-bloco > div:first-child span { color: #4B5563; font-weight: 700; }
  .analise-cor-bloco > div:first-child input[type=number] { -moz-appearance: textfield; appearance: none; text-align: center; color: #4B5563; font-weight: 700; width: 38px; height: 20px; font-size: 11px; }
  .analise-cor-bloco > div:first-child input[type=number]::-webkit-inner-spin-button,
  .analise-cor-bloco > div:first-child input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
  .analise-table { font-family: inherit; }
  .compra-inp { font-family: inherit !important; }
.compra-inp{font-size:13px;font-weight:600;width:100%;max-width:65px;height:28px;border:1.5px solid var(--bdr);border-radius:5px;padding:0 6px;text-align:center;background:var(--inp);color:var(--t1);outline:none;transition:all .15s;}
.compra-inp:focus{border-color:var(--accent);background:#fff;}
.compra-inp.has-val{background:#DCFCE7;border-color:#86EFAC;color:#15803D;}
.compra-inp.calc-val{background:#FEF3C7;border-color:#FCD34D;color:#92400E;}
.alerta-row td{background:#FEF3C7!important;}
.alerta-row-red td{background:#FEE2E2!important;}
.badge-curva{display:inline-block;padding:1px 7px;border-radius:4px;font-size:11px;font-weight:700;}
.bc-a{background:#DCFCE7;color:#15803D;}
.bc-b{background:#DBEAFE;color:#1D4ED8;}
.bc-c{background:#FEF3C7;color:#92400E;}
.bc-d{background:#F3F4F6;color:#6B7280;}
.bc-x{background:#F3E8FF;color:#7E22CE;}

/* ── ALERTAS ── */
.alert-box{border-radius:var(--r);padding:.75rem 1rem;margin-bottom:.75rem;font-size:13px;border-left:4px solid;}
.alert-warn{background:#FFFBEB;border-color:#F59E0B;color:#92400E;}
.alert-danger{background:#FEF2F2;border-color:#EF4444;color:#991B1B;}
.alert-info{background:#EFF6FF;border-color:#3B82F6;color:#1E40AF;}
.alert-success{background:#F0FDF4;border-color:#22C55E;color:#14532D;}

.alertas-wrapper{border:1px solid var(--bdr);border-radius:var(--rl);overflow:hidden;margin-bottom:1rem;}
.alertas-header{display:flex;align-items:center;gap:8px;padding:.6rem 1rem;background:var(--muted);cursor:pointer;user-select:none;flex-wrap:wrap;}
.alertas-header:hover{background:var(--bdr);}
.alertas-badge{background:#FEF3C7;color:#92400E;border-radius:4px;padding:1px 7px;font-size:11px;font-weight:700;}
.alertas-resumo{font-size:12px;color:var(--t2);flex:1;min-width:120px;}
.alertas-seta{margin-left:auto;flex-shrink:0;font-size:12px;color:var(--t2);}
.alertas-seta::before{content:'\25BC';}
.alertas-wrapper.alertas-aberto .alertas-seta::before{content:'\25B2';}
.alertas-corpo{display:none;padding:.5rem 1rem;}
.alertas-wrapper.alertas-aberto .alertas-corpo{display:block;}
.alertas-corpo .alert-box:last-child{margin-bottom:0;}
.alertas-titulo{font-weight:700;}

/* ── PEDIDO FORMATADO ── */
.pedido-formatado{background:var(--muted);border:1px solid var(--bdr);border-radius:var(--r);padding:1rem;font-size:12px;line-height:1.7;white-space:pre-wrap;max-height:500px;overflow-y:auto;color:var(--t1);}

/* ── EXPORT TAB ── */
.export-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.export-card{background:var(--card);border:1px solid var(--bdr);border-radius:var(--rl);padding:1.25rem;box-shadow:var(--sh);}
.export-title{font-size:15px;font-weight:600;margin-bottom:.4rem;}
.export-sub{font-size:12px;color:var(--t2);margin-bottom:1rem;}
.export-pre{background:var(--muted);border:1px solid var(--bdr);border-radius:var(--r);padding:.75rem;font-size:11px;line-height:1.5;max-height:340px;overflow-y:auto;white-space:pre-wrap;word-break:break-all;color:var(--t2);}

/* ── SETTINGS ── */
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.settings-card{background:var(--card);border:1px solid var(--bdr);border-radius:var(--rl);padding:1.25rem;box-shadow:var(--sh);}
.settings-title{font-size:15px;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--bdr);}
.form-row{margin-bottom:.75rem;}
.form-label{font-size:12px;font-weight:500;color:var(--t2);display:block;margin-bottom:.3rem;}
.form-input{width:100%;height:36px;border:1px solid var(--bdr);border-radius:var(--r);padding:0 10px;font-family:inherit;font-size:13px;color:var(--t1);background:var(--inp);outline:none;}
.form-input:focus{border-color:var(--accent);}
.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.prazo-obs-btn{background:none;border:none;padding:0 2px;cursor:pointer;font-size:13px;opacity:.5;vertical-align:middle;line-height:1;}
.prazo-obs-btn:hover{opacity:1;}

/* ── FORNECEDOR INFO BOX (dinâmico) ── */
.forn-info{background:#f1f5f9;color:#1e3a5f;padding:.5rem 1.25rem;margin-bottom:.75rem;border-radius:6px;}
.forn-info-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#64748b;margin-bottom:.3rem;display:flex;align-items:center;justify-content:center;gap:6px;}
.forn-info-icone{font-size:12px;line-height:1;display:inline-flex;align-items:center;position:relative;top:-1.2px;}
.forn-info-row{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;}
.forn-info-item{font-size:11px;color:#475569;}
.forn-info-item strong{color:#0066cc;}


.cores-editor{display:flex;flex-direction:column;gap:8px;margin-top:.5rem;}
.cor-row{display:grid;grid-template-columns:1fr 1fr auto auto;gap:8px;align-items:center;}
.cor-row input[type=text]{height:34px;border:1px solid var(--bdr);border-radius:6px;padding:0 10px;font-family:inherit;font-size:13px;background:var(--inp);outline:none;width:100%;box-sizing:border-box;}
.cor-row input[type=text]:focus{border-color:var(--accent);}
.btn-rem-cor{height:30px;width:30px;border:1px solid var(--bdr);background:transparent;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;color:var(--t2);}
.btn-rem-cor:hover{background:#FEE2E2;border-color:#FCA5A5;color:var(--red);}

/* ── IMG MODAL ── */
.img-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:600;display:none;align-items:center;justify-content:center;padding:1rem;}
.img-modal-overlay.open{display:flex;}
.img-modal{background:#fff;border-radius:var(--rl);padding:1.5rem;width:100%;max-width:420px;}
.img-preview{width:100%;height:140px;border-radius:var(--r);overflow:hidden;background:var(--muted);border:1px solid var(--bdr);margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;font-size:36px;opacity:.3;}
.img-preview img{width:100%;height:100%;object-fit:contain;opacity:1;}
.img-actions{display:flex;gap:8px;margin-top:.75rem;}

/* ── BOTTOM BAR ── */
.bottom-bar{position:fixed;bottom:0;left:0;right:0;background:var(--dark);min-height:48px;padding:0 56px 0 16px;display:none;align-items:center;justify-content:center;gap:12px;box-shadow:0 -4px 20px rgba(0,0,0,.2);z-index:100;}
.bottom-bar.show{display:flex;}
.bottom-bar #rodape-expandidoexpandir{position:absolute;right:12px;top:50%;transform:translateY(-50%);}
.rodape-info{font-size:13px;color:rgba(255,255,255,.6);}
.rodape-info strong{color:#fff;}
.rodape-right{display:flex;gap:8px;align-items:center;}

/* Rodapé expandido — padrão único; novos fornecedores só montam markup com estas classes */
.rodape-exp-scope .rodape-exp-panel{
  background:var(--rodape-exp-bg, #003399);
  color:#fff;
  border-radius:12px;
  padding:14px 28px;
  box-sizing:border-box;
  max-width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:0;
  line-height:1.25;
}
.rodape-exp-scope .rodape-exp-panel--stack{
  flex-direction:column;
  align-items:center;
  gap:10px;
  text-align:center;
}
.rodape-exp-scope .rodape-exp-panel__lead{
  font-size:11px;
  color:rgba(255,255,255,.7);
  text-transform:uppercase;
  letter-spacing:1.5px;
  margin-right:16px;
}
.rodape-exp-scope .rodape-exp-panel--stack .rodape-exp-panel__lead{margin-right:0;}
.rodape-exp-scope .rodape-exp-sep{
  font-size:30px;
  font-weight:200;
  color:rgba(255,255,255,.2);
  line-height:1;
  user-select:none;
  flex-shrink:0;
}
.rodape-exp-scope .rodape-exp-col{
  text-align:center;
  padding:0 16px;
}
.rodape-exp-scope .rodape-exp-col--stack{
  display:flex;
  flex-direction:column;
  align-items:center;
}
.rodape-exp-scope .rodape-exp-lbl{
  font-size:10px;
  color:rgba(255,255,255,.6);
  text-transform:uppercase;
  letter-spacing:1px;
  margin-bottom:2px;
}
.rodape-exp-scope .rodape-exp-val{font-weight:800;line-height:1;}
.rodape-exp-scope .rodape-exp-val--xl{font-size:26px;color:#fff;}
.rodape-exp-scope .rodape-exp-val--md{font-size:18px;}
.rodape-exp-scope .rodape-exp-val--gold{color:#FCD34D;}
.rodape-exp-scope .rodape-exp-val--blue{color:#93C5FD;}
.rodape-exp-scope .rodape-exp-val--green{color:#4ADE80;font-size:26px;}
.rodape-exp-scope .rodape-exp-val--purple{color:#C084FC;}
.rodape-exp-scope .rodape-exp-badge{
  display:inline-block;
  margin-top:6px;
  border-radius:6px;
  padding:2px 10px;
  font-size:11px;
  font-weight:700;
}
.rodape-exp-scope .rodape-exp-badge--tier2{background:#7C3AED;}
.rodape-exp-scope .rodape-exp-badge--tier1{background:#1D4ED8;}
.rodape-exp-scope .rodape-exp-badge--warn{background:#D97706;}
.rodape-exp-scope .rodape-exp-simple__hint{
  font-size:11px;
  color:rgba(255,255,255,.55);
  text-transform:uppercase;
  letter-spacing:.1em;
}
.rodape-exp-scope .rodape-exp-simple__qtd{font-size:16px;font-weight:700;color:#fff;}
.rodape-exp-scope .rodape-exp-simple__val{
  font-size:15px;
  font-weight:600;
  line-height:1.45;
  text-align:center;
}
.copy-ok{display:none;font-size:13px;color:#4ADE80;font-weight:500;align-items:center;gap:5px;}
.copy-ok.show{display:flex;}

.chart-canvas-wrap{position:relative;width:100%;height:260px;}
.chart-canvas-wrap.tall{height:320px;}
.legend-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:.75rem;}
.legend-item{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--t2);}
.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;}
.kpi-row{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem;}
.kpi-box{background:var(--muted);border-radius:var(--r);padding:.6rem 1rem;text-align:center;flex:1;min-width:80px;}
.kpi-val{font-size:18px;font-weight:700;}
.kpi-lbl{font-size:10px;color:var(--t2);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;}
[title]{cursor:help;}
.pedido-toolbar .btn,[title].btn{cursor:pointer;}
.ads-badge{background:linear-gradient(90deg,#7C3AED,#9333EA);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;display:inline-block;margin-left:4px;}
.badge-origem-pega{display:inline-block;padding:1px 8px;border-radius:4px;font-size:11px;font-weight:700;background:#EDE9FE;color:#7C3AED;}
.badge-origem-ga{display:inline-block;padding:1px 8px;border-radius:4px;font-size:11px;font-weight:700;background:#DBEAFE;color:#1D4ED8;}
.badge-status-rascunho{display:inline-block;padding:1px 8px;border-radius:4px;font-size:11px;font-weight:700;background:#EFF6FF;color:#1D4ED8;}
.badge-status-recebido{display:inline-block;padding:1px 8px;border-radius:4px;font-size:11px;font-weight:700;background:#DCFCE7;color:#14532D;}
.guia-estrategias summary::-webkit-details-marker{display:none;}
.guia-estrategias summary::marker{display:none;}
.guia-estrategias[open] summary{border-radius:var(--r) var(--r) 0 0;border-bottom:none;background:#003399;color:#fff;}
.guia-estrategias[open] summary span:last-child{display:none;}
.guia-estrategias summary:hover{background:#E2E8F0;}
.guia-estrategias[open] summary:hover{background:#1e293b;}

.dps-mode-btns{display:flex;gap:4px;}
.dps-mode-btn{font-family:inherit;font-size:12px;font-weight:500;padding:5px 14px;border:none;background:var(--muted);color:var(--t2);cursor:pointer;transition:all .15s;border-right:1px solid var(--bdr);}
.dps-mode-btn:last-child{border-right:none;}
.dps-mode-btn.active{background:var(--dark);color:#fff;}
.dps-sep{width:1px;height:22px;background:var(--bdr2);margin:0 4px;}
.dps-mes-nav{display:flex;align-items:center;gap:6px;}
.dps-nav-btn{width:28px;height:28px;border:1px solid var(--bdr);border-radius:6px;background:var(--card);cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:all .15s;}
.dps-nav-btn:hover{background:var(--muted);}
.dps-mes-label{font-size:13px;font-weight:600;min-width:72px;text-align:center;}
.dps-date-row{display:flex;align-items:center;gap:8px;}
.dps-date-inp{font-family:inherit;font-size:12px;border:1px solid var(--bdr);border-radius:6px;padding:4px 8px;background:var(--inp);color:var(--t1);outline:none;height:30px;}
.dps-date-inp:focus{border-color:var(--dark);}
.dps-apply{font-family:inherit;font-size:12px;font-weight:600;height:30px;padding:0 14px;border-radius:6px;border:none;background:var(--dark);color:#fff;cursor:pointer;}
.dps-apply:hover{background:#1e293b;}
.dps-label-pill{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;background:#DBEAFE;color:#1D4ED8;border:1px solid #93C5FD;}

/* ── RUPTURA IMINENTE ── */
.rupt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.6rem;margin-top:.5rem;}
.rupt-card{border-radius:var(--r);padding:.6rem .85rem;border-left:4px solid;display:flex;flex-direction:column;gap:3px;}
.rupt-crit{background:#FEF2F2;border-color:#EF4444;}
.rupt-warn{background:#FFFBEB;border-color:#F59E0B;}
.rupt-ok  {background:#F0FDF4;border-color:#22C55E;}
.rupt-title{font-size:12px;font-weight:700;color:var(--t1);}
.rupt-sub  {font-size:11px;color:var(--t2);}
.rupt-dias {font-size:18px;font-weight:800;}

/* ── COMPARATIVO ── */
.comp-toggle{display:flex;align-items:center;gap:8px;margin-bottom:.75rem;flex-wrap:wrap;}
.comp-toggle label{font-size:12px;font-weight:600;color:var(--t2);}
.comp-sel{font-family:inherit;font-size:12px;border:1px solid var(--bdr);border-radius:6px;padding:4px 8px;background:var(--inp);color:var(--t1);outline:none;height:30px;}
.comp-badge-a{display:inline-block;padding:1px 8px;border-radius:4px;font-size:11px;font-weight:700;background:#DBEAFE;color:#1D4ED8;}
.comp-badge-b{display:inline-block;padding:1px 8px;border-radius:4px;font-size:11px;font-weight:700;background:#FEF3C7;color:#92400E;}

/* ── RANKING ── */
.rank-podio{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.5rem;}
.rank-item{flex:1;min-width:140px;background:var(--muted);border:1px solid var(--bdr);border-radius:var(--r);padding:.6rem .85rem;display:flex;align-items:center;gap:10px;}
.rank-medal{font-size:22px;line-height:1;flex-shrink:0;}
.rank-info{flex:1;min-width:0;}
.rank-nome{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rank-val {font-size:18px;font-weight:800;color:var(--dark);}
.rank-lbl {font-size:10px;color:var(--t2);text-transform:uppercase;letter-spacing:.5px;}

/* ── HISTÓRICO PEDIDOS ── */

/* ── CATÁLOGO ── */
.cat-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem;}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;}
.cat-item{background:var(--card);border:1px solid var(--bdr);border-radius:var(--rl);padding:1rem;display:flex;gap:.75rem;align-items:flex-start;box-shadow:var(--sh);}
.cat-item{cursor:grab;}
.cat-item-dragging{opacity:.55;cursor:grabbing;}
.cat-thumb{width:64px;height:64px;border-radius:var(--r);overflow:hidden;background:var(--muted);border:1px solid var(--bdr);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:26px;opacity:.3;}
.cat-thumb img{width:100%;height:100%;object-fit:cover;opacity:1;}
.cat-info{flex:1;min-width:0;}
.cat-ref{font-size:15px;font-weight:700;}
.cat-name{font-size:12px;color:var(--t2);margin:.2rem 0 .4rem;}
.cat-cores{font-size:11px;color:var(--t3);}
.cat-acts{display:flex;gap:6px;margin-top:.5rem;}
.btn-cat-del{
  width:22px;
  height:22px;
  min-width:22px;
  padding:0;
  font-size:12px;
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:6px;
  background:#FEE2E2;
  color:#B91C1C;
  border:1px solid #FCA5A5;
}
.btn-cat-del:hover{
  background:#FECACA;
  border-color:#F87171;
  color:#991B1B;
}

/* ── TOAST ── */
#toast{position:fixed;bottom:72px;right:1.5rem;background:var(--t1);color:#fff;border-radius:var(--r);padding:10px 16px;font-size:13px;font-weight:500;opacity:0;transform:translateY(6px);transition:all .2s;pointer-events:none;z-index:300;}
#toast.show{opacity:1;transform:translateY(0);}

/* ── ABA CONFIG — UNIVERSAL ── */
.cfg-universal-section{background:var(--card);border:1px solid var(--bdr);border-radius:var(--rl);padding:1.25rem;box-shadow:var(--sh);margin-bottom:1rem;}
.cfg-universal-title{font-size:14px;font-weight:700;color:var(--dark);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--bdr);}

/* ── RESPONSIVO ── */
@media(max-width:700px){.dash-grid{grid-template-columns:1fr;}}
/* ── Alert boxes ── */
.alert-box { padding:10px 14px; border-radius:8px; font-size:13px; font-weight:500; margin-bottom:8px; }
.alert-warn { background:#FFFBEB; border:1px solid #FDE047; color:#854D0E; }
.alert-ok   { background:#F0FDF4; border:1px solid #86EFAC; color:#166534; }

@media(max-width:900px){.cfg-secoes-grid{grid-template-columns:1fr!important;}}
@media(max-width:760px){.cfg-acoes-grid{grid-template-columns:1fr!important;}}
@media(max-width:640px){
  .card-header{flex-direction:column;}
  .card-thumb-wrap{width:100%;flex-direction:row;border-right:none;border-bottom:1px solid var(--bdr);}
  .hstats{display:none;}
  .color-sections,.export-grid,.settings-grid{flex-direction:column;}
  .color-section{border-right:none;border-bottom:1px solid var(--bdr);}
  .export-grid,.settings-grid{grid-template-columns:1fr;}
}
.ti-row-pendente{background:#FEF9C3 !important;}
.sku-clicavel{cursor:pointer;border-bottom:1px dashed var(--t3);}
.sku-clicavel:hover{color:var(--dark);border-bottom-color:var(--dark);}

/* ── Bloco visual de grade — Config ─────────────────────────────── */
.cfg-grade-visual {
  margin: .4rem 0 .75rem;
  padding: .5rem .75rem;
  background: var(--bg2);
  border: 1px solid var(--border);
  border-radius: 6px;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  gap: .35rem;
}
.cfg-grade-visual .mf-gv-linha {
  display: flex;
  align-items: center;
  gap: .5rem;
  flex-wrap: wrap;
}
.cfg-grade-visual .mf-gv-label {
  color: var(--t3);
  min-width: 60px;
}
.cfg-grade-visual .mf-gv-val {
  color: var(--t1);
  font-weight: 600;
  margin-right: .75rem;
}
.cfg-grade-visual .mf-gv-pills {
  display: flex;
  flex-wrap: wrap;
  gap: .25rem;
}
.cfg-grade-visual .mf-gv-pill {
  padding: 1px 7px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
}
.cfg-grade-visual .mf-gv-pill--ok  { background: #d1fae5; color: #065f46; }
.cfg-grade-visual .mf-gv-pill--no  { background: #fee2e2; color: #991b1b; }
.cfg-grade-visual .mf-gv-pill--etc { background: var(--bg3); color: var(--t3); }
.cfg-grade-visual .mf-gv-pill--alerta { background: #fed7aa; color: #9a3412; }

.cfg-secao-label {
  font-size: 10px;
  font-weight: 700;
  color: var(--t3);
  text-transform: uppercase;
  letter-spacing: .6px;
  margin-bottom: .5rem;
  padding-bottom: .35rem;
  border-bottom: 1px solid var(--border);
}
.cfg-grade-radios { display:flex;gap:16px;flex-wrap:wrap;margin-bottom:.5rem; }
.cfg-radio-label {
  display:flex;align-items:center;gap:6px;
  font-size:13px;color:var(--t2);cursor:pointer;
}
.cfg-radio-label input[type=radio],
.cfg-radio-label input[type=checkbox] { cursor:pointer; }
.cfg-caixa-atencao { color:#dc2626;font-weight:600; }
.cfg-caixas-custom { display:none; }
.cfg-caixas-checks { display:flex;gap:12px;flex-wrap:wrap;margin-top:.35rem; }

.ti-sync-btn {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  transition: background 0.15s;
}
.ti-sync-btn:hover {
  background: rgba(29,78,216,0.08);
}