/* ===========================================================
   LF CONCEITO — admin.css (painel do lojista)
   =========================================================== */
.ad{display:flex;min-height:100vh;background:#F4F4F2;}

/* sidebar */
.ad-side{width:248px;flex-shrink:0;background:#FFFFFF;border-right:1px solid rgba(0,0,0,0.09);
  display:flex;flex-direction:column;position:sticky;top:0;height:100vh;}
.ad-logo{display:flex;align-items:center;gap:12px;padding:24px 22px;border-bottom:1px solid rgba(0,0,0,0.08);cursor:pointer;}
.ad-logo .serif{font-size:32px;font-weight:700;line-height:1;}
.ad-logo div{display:flex;flex-direction:column;}
.ad-logo b{font-size:14px;letter-spacing:.04em;}
.ad-logo small{font-size:10px;color:var(--muted);letter-spacing:.04em;}
.ad-nav{flex:1;padding:16px 14px;display:flex;flex-direction:column;gap:3px;}
.ad-nav-i{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:var(--r);color:#555;
  font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;text-align:left;}
.ad-nav-i:hover{background:#F4F4F2;color:#111;}
.ad-nav-i.on{background:var(--gold-soft);color:var(--gold-1);}
.ad-nav-i.on svg{color:var(--gold-2);}
.ad-side-foot{padding:14px;border-top:1px solid rgba(0,0,0,.08);}

/* main */
.ad-body{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;}
.ad-top{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:18px;padding:16px 28px;
  background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,0,0,0.08);}
.ad-burger{display:none;color:var(--text);}
.ad-top-title{flex:1;}
.ad-top-title h1{font-size:24px;font-weight:600;margin:1px 0 0;}
.ad-search{display:flex;align-items:center;gap:9px;padding:9px 14px;background:#F4F4F2;border:1px solid rgba(0,0,0,.10);
  border-radius:30px;color:#666;}
.ad-search input{background:none;border:none;color:#222;font-size:13px;width:190px;}
.ad-search input:focus{outline:none;}
.ad-search-lg{border-radius:var(--r);flex:1;max-width:340px;}
.ad-search-lg input{width:100%;}
  color:var(--text);background:var(--ink-2);border:1px solid var(--line);}
.ad-user{display:flex;align-items:center;gap:11px;}
.ad-avatar{width:40px;height:40px;border-radius:50%;background:var(--gold-grad);color:#1a1408;display:flex;align-items:center;
  justify-content:center;font-weight:800;font-size:13px;font-family:var(--serif);}
.ad-user-i{display:flex;flex-direction:column;}
.ad-user-i b{font-size:13px;}
.ad-user-i small{font-size:11px;color:var(--muted);}
.ad-content{padding:28px;flex:1;font-size:14px;color:#222;}

/* stats */
.ad-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;}
.ad-stats-3{grid-template-columns:repeat(3,1fr);}
.stat{background:#FFFFFF;border:1px solid rgba(0,0,0,0.08);border-radius:6px;padding:20px;box-shadow:0 1px 4px rgba(0,0,0,.06);}
.stat-hl{border-color:rgba(200,160,48,.5);background:linear-gradient(150deg,rgba(200,160,48,.06),#FFF);}
.stat-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);margin-bottom:14px;}
.stat-val{font-size:30px;font-weight:700;line-height:1;color:#1A1A1A;}
.stat-delta{font-size:12px;margin-top:10px;color:var(--muted);}
.stat-delta span{color:var(--faint);}
.stat-delta.up{color:var(--green);}
.stat-delta.down{color:var(--red);}

/* cards */
.card{background:#FFFFFF;border:1px solid rgba(0,0,0,0.08);border-radius:6px;padding:22px;box-shadow:0 1px 4px rgba(0,0,0,.06);}
.card.no-pad{padding:0;overflow:hidden;}
.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;}
.card-head-pad{padding:20px 22px 0;margin-bottom:14px;}
.card-head h3{font-size:16px;font-weight:700;margin:0;}
.card-link{font-size:12px;font-weight:700;color:var(--gold-1);display:inline-flex;align-items:center;gap:6px;}
.dash{display:flex;flex-direction:column;gap:20px;}
.dash-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;}

/* bar chart */
.bar{display:flex;align-items:flex-end;gap:8px;padding-top:10px;}

/* tasks */
.dash-side{display:flex;flex-direction:column;}

/* table */
.tbl{width:100%;border-collapse:collapse;font-size:13px;}
.tbl thead th{text-align:left;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#555;
  font-weight:700;padding:14px 12px;border-bottom:1px solid rgba(0,0,0,.08);}
.tbl-pad thead th{padding:16px 22px;}
.tbl tbody td{padding:13px 12px;border-bottom:1px solid rgba(0,0,0,.06);color:#222;font-size:13px;}
.tbl-pad tbody td{padding:15px 22px;}
.tbl tbody tr{cursor:pointer;transition:background .12s;}
.tbl tbody tr:hover{background:#F4F4F2;}
.tbl tbody tr:last-child td{border-bottom:none;}
.ta-r{text-align:right;}.ta-c{text-align:center;}
.cell-dim{color:var(--muted);}
.cell-prod{display:flex;align-items:center;gap:12px;}
.cell-prod-img{width:42px;height:42px;border-radius:6px;overflow:hidden;flex-shrink:0;border:1px solid var(--line);}
.cell-prod b{font-size:13px;font-weight:600;display:block;}
.cell-prod small{font-size:10px;letter-spacing:.12em;color:var(--gold-3);}
.cell-cust{display:flex;align-items:center;gap:11px;}
.cell-av{width:34px;height:34px;border-radius:50%;background:var(--ink-4);display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:700;color:var(--gold-1);flex-shrink:0;}
.cell-cust b{font-size:13px;}
.cell-cust small{display:block;}
.stock{display:inline-flex;min-width:34px;justify-content:center;padding:4px 8px;border-radius:30px;font-weight:700;font-size:12px;
  background:rgba(91,191,138,.14);color:var(--green);}
.stock.mid{background:rgba(230,193,88,.14);color:var(--gold-1);}
.stock.low{background:rgba(224,105,95,.14);color:var(--red);}
.stock.out{background:rgba(192,57,43,.20);color:#c0392b;font-weight:800;}
.dotbadge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--muted);}
.dotbadge::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;}
.dotbadge.on{color:var(--green);}
.dotbadge.off{color:var(--faint);}
.dotbadge.abs{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.6);padding:5px 10px;border-radius:30px;backdrop-filter:blur(4px);}
.rowbtn{width:32px;height:32px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);}
.rowbtn:hover{background:var(--ink-4);color:var(--gold-1);}

/* top list */
.toprow{display:flex;align-items:center;gap:13px;padding:11px 0;border-bottom:1px solid var(--line);}
.toprow:last-child{border-bottom:none;}
.toprow-img{width:42px;height:42px;border-radius:6px;overflow:hidden;flex-shrink:0;border:1px solid var(--line);}
.toprow>.mono{font-size:13px;font-weight:700;}

/* toolbar */
.ad-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap;}
.ad-toolbar-title{flex:1;display:flex;align-items:baseline;gap:12px;}
.ad-toolbar-title h3{font-size:22px;font-weight:600;margin:0;}
.ad-select{padding:11px 14px;background:#FFFFFF;border:1px solid rgba(0,0,0,.12);border-radius:var(--r);color:#222;font-size:13px;}
.ad-select.sm{padding:7px 10px;font-size:12px;}
.ad-toolbar .btn{margin-left:auto;}

/* product grid admin */
.padmin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.padmin-card{background:#FFFFFF;border:1px solid rgba(0,0,0,.08);border-radius:6px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.06);}
.padmin-img{position:relative;}
.padmin-body{padding:14px;display:flex;flex-direction:column;gap:5px;}
.padmin-body b{font-size:13px;font-weight:600;line-height:1.3;}
.padmin-foot{display:flex;justify-content:space-between;align-items:center;margin-top:4px;}
.padmin-foot .mono{font-weight:700;}

/* tabs */
.ad-tabs{display:flex;gap:6px;margin-bottom:20px;border-bottom:1px solid var(--line);flex-wrap:wrap;}
.ad-tab{display:flex;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:600;color:var(--muted);
  border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;}
.ad-tab:hover{color:var(--text);}
.ad-tab.on{color:var(--gold-1);border-bottom-color:var(--gold-2);}
.ad-tab-n{padding:2px 7px;background:var(--ink-4);border-radius:20px;font-size:11px;}

/* order drawer */
.ad-drawer{width:460px;}
.ad-drawer-body{flex:1;overflow-y:auto;padding:22px 24px;}
.od-status{display:flex;align-items:center;gap:12px;margin-bottom:22px;}
.od-status .ad-select{margin-left:auto;}
.od-block{padding:18px 0;border-top:1px solid var(--line);}
.od-block h4{margin:0 0 12px;}
.od-block p{font-size:13px;color:var(--muted);line-height:1.6;}
.od-block p b{color:var(--text);}
.od-item{display:flex;align-items:center;gap:12px;padding:9px 0;}
.od-item-img{width:44px;height:44px;border-radius:6px;overflow:hidden;flex-shrink:0;border:1px solid var(--line);}
.od-item-info{flex:1;}
.od-item-info b{font-size:13px;font-weight:600;display:block;}
.od-item-info small{font-size:11px;color:var(--muted);}
.od-item>.mono{font-size:13px;font-weight:700;}
.od-totals{padding:18px 0;border-top:1px solid var(--line);}
.od-actions{display:flex;flex-direction:column;gap:10px;padding-top:8px;}

/* tiers */
.tier{padding:4px 11px;border-radius:30px;font-size:11px;font-weight:700;}
.tier-vip{background:var(--gold-grad);color:#1a1408;}

/* coupons */
.coupons{display:flex;flex-direction:column;gap:12px;margin-bottom:26px;}
.coupon{display:grid;grid-template-columns:1fr auto auto;gap:24px;align-items:center;background:#FFFFFF;
  border:1px solid rgba(0,0,0,.08);border-radius:6px;padding:18px 22px;box-shadow:0 1px 4px rgba(0,0,0,.06);}
.coupon.off{opacity:.5;}
.coupon-l{display:flex;align-items:center;gap:15px;}
.coupon-ic{width:46px;height:46px;border-radius:8px;background:var(--gold-soft);color:var(--gold-2);display:flex;align-items:center;justify-content:center;}
.coupon-code{font-size:16px;font-weight:700;letter-spacing:.04em;}
.coupon-desc{font-size:12px;color:var(--muted);margin-top:2px;}
.coupon-val{font-size:26px;font-weight:700;}
.coupon-r{display:flex;align-items:center;gap:22px;}
.coupon-uses{text-align:center;}
.coupon-uses b{font-size:18px;display:block;}
.coupon-uses small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;}

/* switch */
.switch{position:relative;display:inline-block;width:42px;height:24px;flex-shrink:0;}
.switch input{opacity:0;width:0;height:0;}
.switch span{position:absolute;inset:0;background:var(--ink-4);border-radius:30px;transition:.2s;cursor:pointer;}
.switch span::before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:var(--muted);border-radius:50%;transition:.2s;}
.switch input:checked+span{background:var(--gold-grad);}
.switch input:checked+span::before{transform:translateX(18px);background:#1a1408;}

/* promo builder */

/* finance */
.paybars{display:flex;flex-direction:column;gap:18px;}
.paybar-top{display:flex;justify-content:space-between;font-size:13px;margin-bottom:7px;}
.paybar-top b{font-weight:700;}
.paybar-track{height:8px;background:var(--ink-4);border-radius:5px;overflow:hidden;}
.paybar-track div{height:100%;background:var(--gold-grad);border-radius:5px;}
.paybar small{font-size:11px;margin-top:5px;display:block;}

/* settings */
.settings{max-width:760px;}
.set-tabs{display:flex;gap:6px;margin-bottom:22px;border-bottom:1px solid var(--line);}
.set-tabs button{padding:12px 18px;font-size:13px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;}
.set-tabs button.on{color:var(--gold-1);border-bottom-color:var(--gold-2);}
.set-card h3{font-size:18px;font-weight:700;margin:0 0 20px;}
.set-actions{margin-top:8px;}
.set-toggle{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid var(--line);}
.set-toggle b{font-size:14px;display:block;}
.set-toggle small{font-size:12px;color:var(--muted);}
.set-brand{margin-bottom:14px;}
.set-swatches{display:flex;gap:18px;margin-bottom:16px;}
.set-swatches div{display:flex;flex-direction:column;gap:8px;align-items:center;}
.sw{width:64px;height:64px;border-radius:8px;border:1px solid var(--line-2);}
.set-swatches small{font-size:11px;color:var(--muted);}
.set-brand p{font-size:13px;line-height:1.6;}

/* responsive admin */
@media(max-width:1024px){
  .ad-stats{grid-template-columns:repeat(2,1fr);}
  .dash-grid,.dash-grid2{grid-template-columns:1fr;}
  .padmin-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:760px){
  .ad{overflow-x:hidden;}
  .ad-side{position:fixed;left:0;top:0;width:248px;flex-shrink:0;z-index:120;transform:translateX(-100%);transition:transform .28s;margin-right:-248px;}
  .ad-side.open{transform:none;}
  .ad-burger{display:flex;align-items:center;justify-content:center;}
  .ad-search{display:none;}
  .ad-user-i{display:none;}
  .ad-content{padding:14px;}
  .ad-stats,.ad-stats-3{grid-template-columns:1fr!important;gap:10px;}
  .stat{padding:14px;min-width:0;}
  .stat-top{margin-bottom:8px;}
  .stat-top .label-caps{font-size:10px!important;}
  .stat-val,.ad-content .stat-val{font-size:22px!important;}
  .stat-delta{font-size:11px;}
  .padmin-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
  .coupon{grid-template-columns:1fr;gap:14px;}
  .ad-drawer{width:100%;}
  .ad-top-title h1{font-size:19px;}
  .tbl-pad thead th,.tbl-pad tbody td{padding:12px 14px;}

  /* Tabelas grandes (Pedidos, Clientes) somem em mobile — substituidas por cards */
  .tbl-desktop-only{display:none;}

  /* Tabelas menores (Dashboard) ganham scroll horizontal contido */
  .card .tbl-pad{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;}

  /* === Cards de Pedidos (mobile) === */
  .ord-cards-mobile{display:flex;flex-direction:column;gap:10px;}
  .ord-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:14px;cursor:pointer;}
  .ord-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
  .ord-card-code{font-size:13px;color:#888;}
  .ord-card-total{font-size:15px;font-weight:800;color:#1A1A1A;}
  .ord-card-cust{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
  .ord-card-cust b{display:block;font-size:14px;}
  .ord-card-cust small{font-size:12px;color:#888;}
  .ord-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid rgba(0,0,0,.06);}
  .ord-card-bottom .ad-select{flex:1;}

  /* === Cards de Clientes (mobile) === */
  .cust-cards-mobile{display:flex;flex-direction:column;gap:10px;}
  .cust-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:14px;}
  .cust-card-top{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
  .cust-card-info{flex:1;min-width:0;}
  .cust-card-info b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .cust-card-info small{font-size:12px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
  .cust-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:10px;border-top:1px solid rgba(0,0,0,.06);}
  .cust-card-stats div{display:flex;flex-direction:column;gap:2px;}
  .cust-card-stats small{font-size:10px;color:#999;text-transform:uppercase;letter-spacing:.04em;}
  .cust-card-stats span{font-size:13px;font-weight:700;color:#1A1A1A;}
}

/* Escondido por padrao (desktop). So aparece dentro do media query mobile acima. */
.ord-cards-mobile,.cust-cards-mobile{display:none!important;}
@media(max-width:760px){
  .ord-cards-mobile,.cust-cards-mobile{display:flex!important;}
}

/* ============================================================
   MELHORIAS VISUAIS — Painel LF Conceito (Atualização)
   ============================================================ */

/* Fontes mais legíveis no painel */
.ad-content, .ad-content *:not(.gold-text):not(.serif) {
  font-size: 14px !important;
  line-height: 1.55;
}
.tbl thead th { font-size: 12px !important; font-weight: 700; color: #444 !important; }
.tbl tbody td { font-size: 13px !important; color: #1A1A1A !important; }
.stat-val { font-size: 28px !important; font-weight: 700 !important; }
.stat-top .label-caps { font-size: 12px !important; color: #555 !important; font-weight: 600; }

/* Melhorar sidebar legibilidade */
.ad-logo b { font-size: 15px !important; color: #1A1A1A; }
.ad-logo small { font-size: 11px !important; color: #888; }
.ad-nav-i { font-size: 14px !important; color: #444 !important; padding: 11px 14px; }
.ad-nav-i.on { color: #9B6E1A !important; background: rgba(200,160,48,0.10) !important; }
.ad-nav-i svg { color: inherit !important; }

/* Cards dashboard mais clean */
.stat { border-left: 3px solid transparent; }
.stat-hl { border-left-color: #C8A030 !important; }
.card-head h3 { font-size: 15px !important; color: #1A1A1A; font-weight: 700; }

/* Tabelas com zebra para melhor leitura */
.tbl tbody tr:nth-child(even) { background: #FAFAF8; }
.tbl tbody tr:hover { background: #F0EFE8 !important; }

/* Botões do painel com texto legível */
.btn { font-size: 13px !important; font-weight: 600 !important; }

/* Badge status mais visíveis no tema claro */
.st-pendente { background: rgba(200,160,48,.15) !important; color: #7A5A00 !important; border: 1px solid rgba(200,160,48,.3); }
.st-pago { background: rgba(30,140,90,.12) !important; color: #0A5E30 !important; border: 1px solid rgba(30,140,90,.3); }
.st-enviado { background: rgba(43,108,176,.12) !important; color: #1A4A80 !important; border: 1px solid rgba(43,108,176,.3); }
.st-entregue { background: rgba(30,140,90,.16) !important; color: #0A5E30 !important; border: 1px solid rgba(30,140,90,.3); }
.st-cancelado { background: rgba(192,57,43,.12) !important; color: #8B0000 !important; border: 1px solid rgba(192,57,43,.3); }

/* Top header do admin mais compacto e clean */
.ad-top { padding: 12px 28px !important; box-shadow: 0 1px 4px rgba(0,0,0,.06); }
.ad-top-title .label-caps { font-size: 10px !important; }
.ad-top-title h1 { font-size: 20px !important; margin: 0 !important; }

/* Barra lateral com borda direita mais sutil */
.ad-side { box-shadow: 2px 0 8px rgba(0,0,0,.04); }

/* Inputs no admin com fundo claro */
.ff input, .ff select, .ff textarea,
.ad-select, .ad-search input {
  background: #FFFFFF !important;
  border-color: rgba(0,0,0,.15) !important;
  color: #1A1A1A !important;
}
.ff input:focus, .ff select:focus {
  border-color: #C8A030 !important;
  box-shadow: 0 0 0 3px rgba(200,160,48,.12) !important;
}
.ff label { color: #555 !important; font-size: 12px !important; font-weight: 600; }

/* Coupon cards mais clean */
.coupon-code { color: #1A1A1A !important; }
.coupon-desc { color: #666 !important; }
.coupon-val { color: #9B6E1A !important; }
.coupon-ic { background: rgba(200,160,48,.12) !important; }

/* Switch toggle mais visível */
.switch span { background: #DDD !important; }
.switch input:checked + span { background: linear-gradient(135deg,#C8A030,#9B6E1A) !important; }

/* ============================================================
   KPIs — Fonte formal e legível
   ============================================================ */

/* Labels dos KPIs */
.stat-top,
.stat-top .label-caps,
.ad-content .label-caps {
  font-family: "Manrope", system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #666 !important;
}

/* Valores principais dos KPIs */
.stat-val,
.ad-content .stat-val {
  font-family: "Manrope", system-ui, sans-serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  color: #1A1A1A !important;
  line-height: 1.15 !important;
}

/* KPI highlight (faturamento) */
.stat-hl .stat-val {
  color: #9B6E1A !important;
}

/* Delta (variação percentual) */
.stat-delta {
  font-family: "Manrope", system-ui, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #888 !important;
}
.stat-delta.up { color: #1E8C5A !important; }
.stat-delta.down { color: #C0392B !important; }
.stat-delta span { color: #AAA !important; }

/* Sub-textos dos KPIs (ex: "a receber", "gateway") */
.stat .cell-dim,
.stat > small,
.stat p {
  font-family: "Manrope", system-ui, sans-serif !important;
  font-size: 12px !important;
  color: #888 !important;
}

/* Gráfico — título e labels */
.card-head h3 {
  font-family: "Manrope", system-ui, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #1A1A1A !important;
  letter-spacing: -0.01em !important;
}
  font-family: "Manrope", system-ui, sans-serif !important;
  font-size: 11px !important;
  color: #999 !important;
  font-weight: 500 !important;
}

/* Tabela financeiro */
.tbl thead th {
  font-family: "Manrope", system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.10em !important;
  color: #555 !important;
  text-transform: uppercase !important;
}
.tbl tbody td {
  font-family: "Manrope", system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #1A1A1A !important;
}
.tbl .mono,
.tbl .cell-dim {
  font-family: "JetBrains Mono", ui-monospace, monospace !important;
  font-size: 13px !important;
}
.tbl .cell-dim { color: #888 !important; }

/* Sidebar nav — fonte formal */
.ad-nav-i {
  font-family: "Manrope", system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
}

/* Top header títulos */
.ad-top-title h1 {
  font-family: "Manrope", system-ui, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #1A1A1A !important;
  letter-spacing: -0.01em !important;
}
.ad-top-title .label-caps {
  font-family: "Manrope", system-ui, sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  color: #AAA !important;
  letter-spacing: 0.12em !important;
}

/* Paybar labels (forma de pagamento) */
.paybar-top {
  font-family: "Manrope", system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #333 !important;
}
.paybar-top b { font-weight: 700 !important; color: #1A1A1A !important; }
.paybar small { font-size: 11px !important; color: #888 !important; }

/* Valores monetários nas tabelas em mono */
td .mono { 
  font-family: "JetBrains Mono", ui-monospace, monospace !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  color: #1A1A1A !important;
}


/* ============================================================
   UPLOAD DE IMAGEM — LF Conceito Admin
   ============================================================ */

.img-uploader { margin-bottom: 18px; }
.ff-label { display: block; font-size: 11px; font-weight: 700; letter-spacing: .08em;
  text-transform: uppercase; color: #666; margin-bottom: 8px; }

/* Dropzone */
.img-dropzone { border: 2px dashed rgba(0,0,0,.15); border-radius: 8px;
  padding: 32px 20px; text-align: center; cursor: pointer; transition: all .2s;
  background: #FAFAF8; }
.img-dropzone:hover { border-color: #C8A030; background: rgba(200,160,48,.04); }
.img-dropzone.uploading { pointer-events: none; opacity: .7; }
.img-drop-icon { font-size: 32px; margin-bottom: 8px; }
.img-drop-text { display: block; font-size: 13px; font-weight: 600; color: #333; margin-bottom: 4px; }
.img-drop-hint { font-size: 11px; color: #999; }

/* Preview */
.img-preview-wrap { position: relative; border-radius: 8px; overflow: hidden;
  border: 1px solid rgba(0,0,0,.10); background: #F4F4F2; }
.img-preview { width: 100%; max-height: 240px; object-fit: contain; display: block; }
.img-uploading-overlay { position: absolute; inset: 0; background: rgba(255,255,255,.8);
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 10px; font-size: 13px; color: #666; }
.img-preview-actions { position: absolute; top: 8px; right: 8px; display: flex; gap: 6px; }
.img-btn-change, .img-btn-remove { display: flex; align-items: center; gap: 5px;
  padding: 6px 12px; border-radius: 4px; font-size: 12px; font-weight: 600;
  cursor: pointer; border: none; transition: all .15s; }
.img-btn-change { background: rgba(255,255,255,.9); color: #333; }
.img-btn-change:hover { background: #C8A030; color: #fff; }
.img-btn-remove { background: rgba(255,255,255,.9); color: #C0392B; padding: 6px 8px; }
.img-btn-remove:hover { background: #C0392B; color: #fff; }

/* Spinner */
.img-spinner { width: 24px; height: 24px; border: 3px solid rgba(200,160,48,.3);
  border-top-color: #C8A030; border-radius: 50%;
  animation: img-spin .7s linear infinite; }
@keyframes img-spin { to { transform: rotate(360deg); } }

/* Error */
.img-error { font-size: 12px; color: #C0392B; margin-top: 6px; font-weight: 500; }

/* Multi upload */
.multi-uploader { margin-bottom: 18px; }
.multi-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 10px; margin-top: 8px; }
.multi-item { position: relative; border-radius: 6px; overflow: hidden;
  border: 1px solid rgba(0,0,0,.10); background: #F4F4F2; display:flex; flex-direction:column; }
.multi-item img { width: 100%; aspect-ratio: 1; object-fit: contain; background:#F4F4F2; display:block; }
.multi-item-color { width:100%; border:none; border-top:1px solid rgba(0,0,0,.10);
  background:#fff; font-size:11px; padding:5px 7px; text-align:center; outline:none; }
.multi-item-color:focus { background:#FAF6EC; }
.multi-item.main { border: 2px solid #C8A030; }
.multi-main-badge { position: absolute; top: 5px; left: 5px; background: #C8A030;
  color: #fff; font-size: 9px; font-weight: 700; padding: 2px 6px; border-radius: 3px;
  text-transform: uppercase; letter-spacing: .05em; }
.multi-item-actions { position: absolute; top: 5px; right: 5px; display: flex;
  flex-direction: column; gap: 4px; opacity: 0; transition: opacity .15s; }
.multi-item:hover .multi-item-actions { opacity: 1; }
.multi-item-actions button { background: rgba(255,255,255,.9); border: none;
  width: 24px; height: 24px; border-radius: 4px; cursor: pointer; font-size: 12px;
  display: flex; align-items: center; justify-content: center; transition: all .15s; }
.multi-item-actions button:hover { background: #C8A030; color: #fff; }
.multi-add { aspect-ratio: 1; border: 2px dashed rgba(0,0,0,.15); border-radius: 6px;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 4px; cursor: pointer; background: #FAFAF8; transition: all .15s;
  font-size: 11px; color: #999; }
.multi-add:hover { border-color: #C8A030; color: #C8A030; background: rgba(200,160,48,.04); }
.multi-add.uploading { pointer-events: none; opacity: .6; }

/* Linha de formulário */
.ff-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 14px; margin-bottom: 4px; }

/* ============================================================
   CSS ADMIN FALTANDO — classes dos componentes reescritos
   ============================================================ */

/* Painel drawer de pedido */
.ad-drawer { width:500px; max-width:95vw; }
.ad-drawer-body { padding:20px 24px; overflow-y:auto; flex:1; display:flex; flex-direction:column; gap:16px; }
.od-status { display:flex; align-items:center; gap:12px; padding-bottom:16px; border-bottom:1px solid var(--line); }
.od-block h4 { margin-bottom:8px; }
.od-block p { font-size:13px; color:var(--text); line-height:1.7; }
.od-item { display:flex; align-items:center; gap:12px; padding:8px 0; border-bottom:1px solid var(--line); }
.od-item:last-child { border-bottom:none; }
.od-item-img { width:48px; height:60px; border-radius:4px; overflow:hidden; flex-shrink:0; }
.od-item-info { flex:1; min-width:0; font-size:13px; }
.od-item-info b { display:block; }
.od-item-info small { color:var(--muted); }
.od-totals { border-top:1px solid var(--line-2); padding-top:12px; display:flex; flex-direction:column; gap:6px; }
.od-actions { margin-top:4px; }

/* Dashboard grid */
.dash-grid > *{min-width:0;}
.dash-chart { grid-column:1 / -1; }
.dash-side {}

/* Toolbar */
.ad-toolbar { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:16px; }
.ad-toolbar-title { flex:1; display:flex; align-items:baseline; gap:10px; }
.ad-toolbar-title h3 { font-size:18px; font-weight:700; }
.ad-view-btn { background:var(--ink-3); border:1px solid var(--line); color:var(--muted); width:34px; height:34px; border-radius:4px; cursor:pointer; font-size:15px; transition:all .15s; }
.ad-view-btn.on { background:var(--gold-soft); border-color:var(--gold-2); color:var(--gold-1); }

/* Produto admin grid */
.padmin-img { position:relative; aspect-ratio:3/4; }
.padmin-body { padding:10px 12px; }
.padmin-body small { display:block; font-size:10px; margin-bottom:3px; }
.padmin-body b { display:block; font-size:13px; font-weight:600; margin-bottom:6px; }
.padmin-foot { display:flex; justify-content:space-between; align-items:center; font-size:12px; }

/* Badges de stock */
.stock { display:inline-block; padding:2px 8px; border-radius:10px; font-size:11px; font-weight:700; background:rgba(91,191,138,.12); color:var(--green); }
.stock.low { background:rgba(224,105,95,.12); color:var(--red); }
.stock.out { background:rgba(192,57,43,.18); color:#c0392b; font-weight:800; }
.stock.mid { background:rgba(230,193,88,.12); color:var(--gold-2); }

/* Badge ponto */
.dotbadge { display:inline-flex; align-items:center; gap:5px; font-size:11px; font-weight:600; padding:3px 10px; border-radius:10px; }
.dotbadge::before { content:""; width:6px; height:6px; border-radius:50%; background:currentColor; }
.dotbadge.on { background:rgba(91,191,138,.12); color:var(--green); }
.dotbadge.off { background:rgba(224,105,95,.1); color:var(--red); }
.dotbadge.abs { position:absolute; top:8px; right:8px; font-size:10px; padding:2px 8px; }

/* Linha de produto na tabela */
.cell-prod { display:flex; align-items:center; gap:10px; }
.cell-prod-img { width:40px; height:50px; border-radius:3px; overflow:hidden; flex-shrink:0; }

/* Botões de linha */
.rowbtn { background:var(--ink-3); border:1px solid var(--line); color:var(--muted); width:30px; height:30px; border-radius:4px; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all .15s; }
.rowbtn:hover { border-color:var(--gold-2); color:var(--gold-1); }

/* Tiers de cliente */
.tier { display:inline-block; padding:2px 10px; border-radius:10px; font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.tier-vip { background:linear-gradient(135deg,var(--gold-soft),rgba(230,193,88,.2)); color:var(--gold-1); border:1px solid var(--gold-3); }
.tier-gold { background:rgba(230,193,88,.08); color:var(--gold-2); border:1px solid rgba(230,193,88,.2); }
.tier-regular { background:var(--ink-3); color:var(--faint); border:1px solid var(--line); }

/* Abas de pedidos */
.ad-tabs { display:flex; gap:4px; flex-wrap:wrap; margin-bottom:16px; overflow-x:auto; }
.ad-tab { padding:8px 14px; font-size:12px; font-weight:600; color:var(--muted); background:var(--ink-2); border:1px solid var(--line); border-radius:20px; cursor:pointer; white-space:nowrap; transition:all .15s; display:flex; align-items:center; gap:6px; }
.ad-tab:hover { color:var(--text); }
.ad-tab.on { background:var(--gold-soft); border-color:var(--gold-2); color:var(--gold-1); }
.ad-tab-n { background:var(--gold-2); color:#000; font-size:10px; font-weight:700; padding:1px 6px; border-radius:10px; }

/* Burger mobile admin */
.ad-burger { display:none; }
@media(max-width:768px) { .ad-burger { display:flex; } }

/* Paybars */
.paybars { display:flex; flex-direction:column; gap:16px; }
.paybar {}
.paybar-top { display:flex; justify-content:space-between; font-size:13px; font-weight:600; margin-bottom:5px; }
.paybar-track { height:6px; background:var(--line); border-radius:3px; overflow:hidden; margin-bottom:4px; }
.paybar-track > div { height:100%; background:var(--gold-grad); border-radius:3px; transition:width .5s; }

/* Toprow (estoque baixo no dashboard) */
.toprow { display:flex; align-items:center; gap:10px; padding:8px 0; border-bottom:1px solid var(--line); }
.toprow:last-child { border-bottom:none; }
.toprow-img { width:36px; height:45px; border-radius:3px; overflow:hidden; flex-shrink:0; }

/* Configurações */
.settings {}
.set-tabs { display:flex; gap:4px; flex-wrap:wrap; margin-bottom:20px; border-bottom:1px solid var(--line); }
.set-tabs button { padding:10px 16px; font-size:13px; font-weight:600; color:var(--muted); background:transparent; border:none; cursor:pointer; border-bottom:2px solid transparent; transition:all .15s; font-family:var(--sans); }
.set-tabs button.on { color:var(--gold-1); border-bottom-color:var(--gold-2); }
.set-body {}
.set-card { max-width:600px; }
.set-card h3 { font-size:16px; font-weight:700; margin-bottom:18px; }
.set-toggle { display:flex; align-items:center; justify-content:space-between; padding:12px 0; border-bottom:1px solid var(--line); }
.set-toggle:last-child { border-bottom:none; }
.set-toggle b { display:block; font-size:14px; font-weight:600; }
.set-toggle small { font-size:12px; color:var(--muted); display:block; margin-top:2px; }
.set-brand { margin-bottom:16px; }
.set-swatches { display:flex; gap:12px; margin-bottom:8px; }
.set-swatches > div { display:flex; flex-direction:column; align-items:center; gap:4px; }
.sw { display:block; width:32px; height:32px; border-radius:50%; border:1px solid var(--line-2); }
.set-actions { margin-top:20px; }

/* Search maior */
.ad-search-lg { flex:1; max-width:400px; }


/* Ajustes consolidados de mobile — admin (substitui multiplos fixes incrementais) */
@media(max-width:760px){
  .ad-stats,.ad-stats-3{grid-template-columns:1fr!important;}
  .dash-grid,.dash-grid2{grid-template-columns:1fr!important;}
  .dash-grid > *,.dash-grid2 > *{min-width:0!important;width:100%;}
  .padmin-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;}
  .card{min-width:0;overflow:hidden;box-sizing:border-box;}
  .bar-chart-scroll{max-width:100%;}
  .ad-body{max-width:100vw;}
}
@media(max-width:420px){
  .padmin-grid{grid-template-columns:1fr!important;}
}


/* Filtro de meses — Financeiro */
.fin-month-filter{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;}
.fin-month-filter button{padding:7px 14px;font-size:12px;font-weight:600;color:var(--muted);
  background:var(--ink-2);border:1px solid var(--line);border-radius:20px;cursor:pointer;
  white-space:nowrap;transition:all .15s;font-family:var(--sans);}
.fin-month-filter button:hover{color:var(--text);}
.fin-month-filter button.on{background:var(--gold-soft);border-color:var(--gold-2);color:var(--gold-1);}
@media(max-width:760px){
  .fin-month-filter{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:2px;}
  .fin-month-filter button{flex-shrink:0;}
}


/* Tamanhos disponiveis por foto/cor no upload de produto */
.multi-item-sizes{display:flex;flex-wrap:wrap;gap:3px;padding:6px 7px;border-top:1px solid rgba(0,0,0,.06);background:#fff;}
.multi-size-chip{font-size:10px;padding:3px 6px;border-radius:3px;border:1px solid rgba(0,0,0,.15);
  background:#FAFAF8;color:#888;cursor:pointer;transition:all .15s;line-height:1;}
.multi-size-chip.on{background:#C8A030;border-color:#C8A030;color:#fff;}
.multi-size-chip:hover{border-color:#C8A030;}


/* Botao de marcar foto/cor como esgotada */
.multi-soldout-toggle{width:100%;border:none;border-top:1px solid rgba(0,0,0,.06);
  background:#fff;font-size:11px;padding:6px 7px;cursor:pointer;color:#999;transition:all .15s;}
.multi-soldout-toggle:hover{background:#FFF4F4;color:#C0392B;}
.multi-soldout-toggle.on{background:#FFF0F0;color:#C0392B;font-weight:600;}


/* Grade de estoque por cor x tamanho */
.variant-grid-wrap{overflow-x:auto;border:1px solid rgba(0,0,0,.10);border-radius:6px;-webkit-overflow-scrolling:touch;}
.variant-grid{width:100%;border-collapse:collapse;font-size:13px;}
.variant-grid th,.variant-grid td{padding:6px 8px;text-align:center;border-bottom:1px solid rgba(0,0,0,.06);white-space:nowrap;}
.variant-grid th{background:#FAFAF8;font-weight:600;color:#888;font-size:11px;text-transform:uppercase;letter-spacing:.04em;}
.variant-grid-color{text-align:left!important;font-weight:600;}
.variant-grid input{width:56px;text-align:center;border:1px solid rgba(0,0,0,.12);border-radius:4px;padding:4px;font-size:13px;}
.variant-grid input:focus{border-color:#C8A030;outline:none;}
@media(max-width:760px){
  .variant-grid input{width:44px;font-size:12px;}
  .variant-grid th,.variant-grid td{padding:5px 5px;}
}


/* Badge de estoque calculado automaticamente pelas variantes */
.stock-auto-badge{
  display:inline-block;font-size:10px;font-weight:500;
  background:var(--gold-soft);color:var(--gold-1);
  border:1px solid var(--gold-3);border-radius:20px;
  padding:1px 7px;margin-left:6px;vertical-align:middle;letter-spacing:.02em;
}