@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@400;500;600;700&display=swap');

:root {
  --black: #141414;
  --red: #e4032e;
  --gray: #6b6b6b;
  --bg: #ffffff;
  --card: #f7f6f4;
  --radius: 14px;
}

* { box-sizing: border-box; }

.icon { width: 1em; height: 1em; display: inline-block; vertical-align: -0.125em; flex-shrink: 0; }

body {
  margin: 0;
  font-family: 'Montserrat', system-ui, sans-serif;
  background: var(--bg);
  color: var(--black);
  padding-bottom: 96px;
  overflow-x: hidden;
}

h1, h2, h3, .display {
  font-family: 'Bebas Neue', 'Arial Narrow', sans-serif;
  font-weight: 400;
  letter-spacing: 0.02em;
  margin: 0;
}

a { color: inherit; text-decoration: none; }

.tap-target { min-height: 44px; min-width: 44px; }

.container { max-width: 640px; margin: 0 auto; padding: 0 16px; }

/* ---------- Cardápio público ---------- */

header.hero {
  text-align: center;
  padding: 32px 16px 20px;
}
header.hero img { height: 76px; object-fit: contain; }
header.hero h1 { font-size: 48px; }

nav.categories {
  position: sticky;
  top: 0;
  z-index: 20;
  background: rgba(255,255,255,0.95);
  backdrop-filter: blur(4px);
  border-bottom: 1px solid rgba(0,0,0,0.05);
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 12px 16px;
  scrollbar-width: none;
}
nav.categories::-webkit-scrollbar { display: none; }
nav.categories a {
  flex-shrink: 0;
  padding: 10px 16px;
  border-radius: 999px;
  background: var(--card);
  color: var(--black);
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
nav.categories a.active { background: var(--black); color: #fff; }

@media (min-width: 640px) {
  nav.categories { justify-content: center; }
}

section.category { padding-top: 24px; }
section.category h2 { font-size: 30px; margin-bottom: 12px; color: var(--black); }
section.category h2.empty-cat { color: var(--gray); }

.product-card {
  width: 100%;
  display: flex;
  gap: 12px;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: var(--radius);
  padding: 12px;
  margin-bottom: 10px;
  cursor: pointer;
  text-align: left;
}
.product-card:disabled, .product-card.disabled { opacity: 0.5; cursor: default; }
.product-card .thumb {
  width: 80px; height: 80px; flex-shrink: 0; border-radius: 10px;
  background: var(--card); overflow: hidden; display: flex; align-items: center; justify-content: center;
  color: var(--gray); font-size: 11px;
}
.product-card .thumb img { width: 100%; height: 100%; object-fit: cover; }
.product-card .info { flex: 1; min-width: 0; }
.product-card .info h3 { font-family: 'Montserrat'; font-weight: 700; font-size: 15px; white-space: normal; word-break: break-word; }

.tag-badge {
  display: inline-flex; align-items: center; gap: 3px; font-size: 10.5px; font-weight: 800; text-transform: uppercase;
  letter-spacing: 0.03em; padding: 3px 9px; border-radius: 6px; margin-left: 6px;
  vertical-align: middle; white-space: nowrap; box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}
.tag-badge .icon { width: 0.85em; height: 0.85em; }
.tag-badge-new { background: var(--black); color: #fff; }
.tag-badge-bestseller { background: var(--red); color: #fff; }
.product-card .info p { color: var(--gray); font-size: 12px; margin: 2px 0 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.product-card .row { display: flex; justify-content: space-between; align-items: center; margin-top: 6px; }
.price { color: var(--red); font-weight: 700; font-size: 14px; }
.unavailable-tag { font-size: 10px; font-weight: 700; text-transform: uppercase; color: var(--gray); }

/* ---------- Modal de produto ---------- */
.overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 50; display: none; align-items: flex-end; justify-content: center; }
.overlay.open { display: flex; }
.sheet { background: #fff; width: 100%; max-width: 480px; border-radius: 20px 20px 0 0; max-height: 90vh; overflow-y: auto; }
@media (min-width: 640px) { .overlay { align-items: center; } .sheet { border-radius: var(--radius); } }

.sheet .photo { position: relative; width: 100%; aspect-ratio: 1 / 1; background: var(--card); }
.sheet .photo img { width: 100%; height: 100%; object-fit: cover; }
.close-btn { position: absolute; top: 12px; right: 12px; background: var(--black); color: #fff; border: none; width: 40px; height: 40px; border-radius: 999px; font-size: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.3); cursor: pointer; z-index: 5; display: flex; align-items: center; justify-content: center; }

.sheet .body { padding: 16px; }
.sheet h2 { font-size: 26px; }
.sheet .desc { color: var(--gray); font-size: 13px; margin-top: 4px; }
.sheet .base-price { color: var(--red); font-weight: 700; font-size: 18px; margin-top: 8px; }

.addon-row { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,0.05); cursor: pointer; }
.addon-divider { border-top: 1.5px dashed rgba(228,3,46,0.4); margin: 2px 0; }
.addon-row label { display: flex; align-items: center; gap: 10px; font-size: 14px; }
.addon-row input[type=checkbox] { width: 20px; height: 20px; accent-color: var(--red); }
.addon-row input[type=checkbox]:disabled { opacity: 0.3; }

.choice-group { margin-top: 16px; padding-top: 4px; }
.choice-group-header { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 4px; }
.choice-group-header strong { font-size: 14px; color: var(--black); }
.choice-group-hint { font-size: 11px; font-weight: 700; text-transform: uppercase; color: #2a8c4a; }
.choice-group-hint.pending { color: var(--red); }

.addon-price { color: var(--gray); font-size: 13px; }

.combo-box {
  margin-top: 16px;
  border-radius: var(--radius);
  padding: 14px;
  display: flex;
  gap: 12px;
  align-items: flex-start;
  cursor: pointer;
  background: linear-gradient(135deg, rgba(228,3,46,0.09), rgba(228,3,46,0.02));
  border: 1.5px solid rgba(228,3,46,0.35);
  position: relative;
}
.combo-box input { width: 22px; height: 22px; margin-top: 2px; accent-color: var(--red); flex-shrink: 0; order: 3; }
.combo-offer-icon {
  width: 38px; height: 38px; border-radius: 50%; background: var(--red); color: #fff;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.combo-offer-icon .icon { width: 20px; height: 20px; }
.combo-offer-body { flex: 1; min-width: 0; }
.combo-offer-top { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.combo-offer-title { font-size: 15px; color: var(--black); font-weight: 700; }
.combo-offer-price { color: var(--red); font-weight: 800; font-size: 15px; white-space: nowrap; }
.combo-offer-desc { color: var(--gray); font-size: 12.5px; margin: 4px 0 0; line-height: 1.4; }

.qty-control { display: flex; align-items: center; gap: 12px; background: var(--card); border-radius: 999px; padding: 4px 6px; width: fit-content; margin-top: 20px; }
.qty-control button { width: 36px; height: 36px; border: none; background: transparent; font-size: 15px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.qty-control span { width: 24px; text-align: center; font-weight: 600; }

.btn-primary {
  width: 100%; background: var(--red); color: #fff; border: none; border-radius: 999px;
  padding: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; font-size: 14px;
  margin-top: 16px; cursor: pointer;
}
.btn-secondary {
  width: 100%; background: var(--card); color: var(--black); border: none; border-radius: 999px;
  padding: 15px; font-weight: 700; font-size: 14px; cursor: pointer;
}

/* ---------- Carrinho ---------- */
#cart-bar {
  position: fixed; bottom: 16px; left: 16px; right: 16px; max-width: 640px; margin: 0 auto;
  background: var(--black); color: #fff; border-radius: 999px; padding: 14px 20px;
  display: none; align-items: center; justify-content: space-between; z-index: 30; font-weight: 700; font-size: 14px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.25); border: none; width: calc(100% - 32px); cursor: pointer;
}
#cart-bar.visible { display: flex; }

#track-order-bar {
  position: fixed; bottom: 16px; left: 16px; right: 16px; max-width: 640px; margin: 0 auto;
  background: var(--red); color: #fff; border-radius: 999px; padding: 14px 20px;
  align-items: center; justify-content: center; z-index: 29; font-weight: 700; font-size: 14px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.25); border: none; width: calc(100% - 32px); cursor: pointer;
}

#cart-overlay .cart-item { border-bottom: 1px solid rgba(0,0,0,0.05); padding-bottom: 14px; margin-bottom: 14px; }
#cart-overlay .cart-item .top { display: flex; justify-content: space-between; gap: 12px; font-weight: 700; font-size: 14px; }
#cart-overlay .cart-item ul { margin: 6px 0 0; padding-left: 16px; color: var(--gray); font-size: 12px; }
#cart-overlay .cart-item .combo-line { color: var(--gray); font-size: 12px; margin-top: 4px; }
#cart-overlay .cart-item .actions { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; }
#cart-overlay .remove-link { font-size: 12px; color: var(--gray); text-decoration: underline; background: none; border: none; cursor: pointer; }
#cart-total-row { display: flex; justify-content: space-between; padding: 16px; font-weight: 700; }

/* ---------- Painel admin ---------- */
body.admin { background: var(--card); padding-bottom: 76px; }
.admin-header {
  background: #fff; border-bottom: 1px solid rgba(0,0,0,0.05); padding: 14px 16px;
  display: flex; justify-content: space-between; align-items: center; position: sticky; top: 0; z-index: 10;
}
.admin-header .display { font-size: 22px; }
.admin-header a.logout { font-size: 12px; color: var(--gray); font-weight: 600; }

.admin-nav {
  position: fixed; bottom: 0; left: 0; right: 0; background: #fff; border-top: 1px solid rgba(0,0,0,0.05);
  display: flex; justify-content: space-around; padding: 8px 0; z-index: 10;
}
.admin-nav a { font-size: 9.5px; font-weight: 700; padding: 6px 2px; }
.admin-nav a.active { color: var(--red); }

.admin-main { max-width: 640px; margin: 0 auto; padding: 16px; }

.card { background: #fff; border-radius: var(--radius); }
.card + .card { margin-top: 12px; }
.list-row { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid rgba(0,0,0,0.05); }
.list-row:last-child { border-bottom: none; }
.list-row .name { flex: 1; min-width: 0; font-size: 14px; font-weight: 600; }
.list-row .meta { font-size: 12px; color: var(--gray); }

.stat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 20px; }
.stat-card { background: #fff; border-radius: var(--radius); padding: 16px; }
.stat-card .label { font-size: 11px; text-transform: uppercase; font-weight: 700; color: var(--gray); }
.stat-card .value { font-family: 'Bebas Neue'; font-size: 32px; }

.section-title { font-size: 13px; text-transform: uppercase; font-weight: 700; color: var(--gray); margin: 20px 0 8px; }

.category-accordion {
  background: #fff; border-radius: var(--radius); margin-bottom: 12px; overflow: hidden;
}
.category-accordion summary {
  list-style: none; cursor: pointer; padding: 14px 16px;
  display: flex; align-items: center; justify-content: space-between;
  font-weight: 700; font-size: 15px; color: var(--black);
}
.category-accordion summary::-webkit-details-marker { display: none; }
.category-accordion .chevron { color: var(--gray); font-size: 12px; transition: transform 0.2s; }
.category-accordion[open] .chevron { transform: rotate(180deg); }
.category-accordion .accordion-body { padding: 0 16px 16px; }
.count-badge {
  display: inline-block; background: var(--card); color: var(--gray); font-size: 11px; font-weight: 700;
  padding: 2px 8px; border-radius: 999px; margin-left: 6px;
}

input[type=text], input[name="protocol"], input[type=email], input[type=password], input[type=number], input[type=url], input[type=tel], input[type=date], input[type=time], textarea, select {
  width: 100%; border: 1px solid rgba(0,0,0,0.12); border-radius: 10px; padding: 11px 12px; font-size: 14px;
  font-family: 'Montserrat'; background: #fff; margin-bottom: 10px;
}
label.field-label { display: block; font-size: 11px; text-transform: uppercase; font-weight: 700; color: var(--gray); margin-bottom: 4px; }
.form-actions { display: flex; gap: 8px; margin-top: 4px; }
.form-actions .btn-primary, .form-actions .btn-secondary { margin-top: 0; }

.switch { position: relative; display: inline-block; width: 48px; height: 28px; flex-shrink: 0; }
.switch input { opacity: 0; width: 0; height: 0; }
.switch .track { position: absolute; inset: 0; background: rgba(0,0,0,0.15); border-radius: 999px; transition: 0.2s; cursor: pointer; }
.switch .track::before { content: ''; position: absolute; width: 22px; height: 22px; left: 3px; top: 3px; background: #fff; border-radius: 999px; transition: 0.2s; box-shadow: 0 1px 3px rgba(0,0,0,0.3); }
.switch input:checked + .track { background: var(--red); }
.switch input:checked + .track::before { transform: translateX(20px); }

.addon-picker { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.addon-chip { font-size: 12px; font-weight: 600; padding: 7px 12px; border-radius: 999px; background: var(--card); cursor: pointer; user-select: none; }
.addon-chip.selected { background: var(--black); color: #fff; }
.addon-chip input { display: none; }

.dias-semana-picker { display: flex; flex-wrap: wrap; gap: 8px; }
.dia-btn {
  font-size: 13px; font-weight: 700; padding: 10px 14px; border-radius: 999px;
  background: var(--card); color: var(--black); border: 2px solid transparent; cursor: pointer;
}
.dia-btn.selected { background: var(--red); color: #fff; border-color: var(--red); }

.destaque-icon {
  width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
  color: #fff; flex-shrink: 0;
}
.destaque-icon .icon { width: 18px; height: 18px; }
.destaque-icon-new { background: var(--black); }
.destaque-icon-bestseller { background: var(--red); }

.photo-upload-block { margin-bottom: 14px; }
.photo-current {
  display: flex; align-items: center; gap: 12px;
  background: var(--card); border-radius: 10px; padding: 12px; margin-bottom: 10px;
}
.photo-preview { width: 64px; height: 64px; object-fit: cover; border-radius: 8px; flex-shrink: 0; background: #fff; }
.remove-photo-toggle { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--gray); cursor: pointer; }
.remove-photo-toggle input { width: 16px; height: 16px; accent-color: var(--red); }
.photo-upload-input {
  border: 1.5px dashed rgba(0,0,0,0.15); border-radius: 10px; padding: 14px;
}
.photo-upload-input input[type=file] { width: 100%; font-size: 13px; }
.photo-upload-input .hint { color: var(--gray); font-size: 12px; margin: 10px 0 0; }

.hint-discreto { color: var(--gray); font-size: 11px; margin: 0 0 12px; opacity: 0.85; }

.login-wrap { min-height: 100vh; display: flex; align-items: center; justify-content: center; background: var(--card); padding: 16px; }
.login-box { background: #fff; border-radius: var(--radius); padding: 24px; width: 100%; max-width: 360px; }
.login-box h1 { font-size: 32px; margin-bottom: 4px; }
.login-box p { color: var(--gray); font-size: 13px; margin: 0 0 20px; }
.error-msg { color: var(--red); font-size: 13px; margin: -4px 0 12px; }
.success-msg { color: #2a8c4a; font-size: 13px; margin: -4px 0 12px; }

.empty-state { color: var(--gray); font-size: 13px; padding: 24px 16px; text-align: center; }
.link-delete { font-size: 12px; color: var(--gray); text-decoration: underline; background: none; border: none; cursor: pointer; padding: 0; }

.reorder-arrows { display: flex; flex-direction: column; gap: 2px; flex-shrink: 0; }
.reorder-arrows button {
  width: 26px; height: 22px; border: none; background: var(--card); border-radius: 6px;
  font-size: 10px; color: var(--black); cursor: pointer; display: flex; align-items: center; justify-content: center;
}
.reorder-arrows button:disabled { opacity: 0.25; cursor: default; }
.reorder-arrows button:not(:disabled):active { background: var(--black); color: #fff; }

/* ---------- Correções consolidadas da interface pública ---------- */
.store-closed{background:var(--red);color:#fff;text-align:center;font-weight:700;font-size:13px;padding:10px 16px;text-transform:uppercase;letter-spacing:.03em}
.tag-badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;vertical-align:middle;white-space:nowrap;line-height:1;height:22px;padding:0 9px;border-radius:6px;margin-left:6px;box-shadow:0 1px 3px rgba(0,0,0,.15)}
.tag-badge .icon{display:block!important;width:12px!important;height:12px!important;min-width:12px;min-height:12px;flex:0 0 12px;vertical-align:0}
.product-card .info h3{line-height:1.35}
.choice-group{margin-top:16px;padding-top:0}
.choice-group:first-child{margin-top:0}
.choice-group-header{margin-bottom:5px;padding-top:0}
.choice-option-label{display:flex;align-items:center;gap:10px;min-width:0}
.choice-option-label span{min-width:0}
.modal-section-heading{font-size:14px;font-weight:800;color:var(--black);margin:18px 0 2px;padding-top:0}
#modal-addons{margin-top:0}
#modal-addons .addon-row:first-of-type{margin-top:0}
.addon-divider{margin:2px 0;border-top:1px solid rgba(0,0,0,.05)}
.combo-box{display:block;margin-top:18px;padding:14px 14px 15px;border-radius:16px;overflow:hidden}
.combo-header{display:grid;grid-template-columns:40px minmax(0,1fr) 26px;gap:10px;align-items:start}
.combo-offer-icon{width:40px;height:40px;margin:0;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 40px}
.combo-offer-icon .icon{width:21px!important;height:21px!important;display:block!important}
.combo-offer-body{min-width:0;padding-top:1px}
.combo-offer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0}
.combo-offer-title{font-size:15px;line-height:1.25;display:block;min-width:0}
.combo-offer-price{font-size:15px;line-height:1.25;flex:0 0 auto}
.combo-offer-desc{font-size:12.5px;line-height:1.45;margin:5px 0 0}
.combo-header>input{width:22px!important;height:22px!important;margin:1px 0 0!important;order:initial!important;justify-self:end;accent-color:var(--red)}
.combo-choice-area{margin:14px 0 0;padding:12px 0 0;border-top:1px solid rgba(228,3,46,.18)}
.combo-choice-area .choice-group{margin:0;padding:0}
.combo-choice-area .choice-group-header{margin-bottom:5px}
.combo-choice-area .addon-row:last-child{border-bottom:0}
.combo-choice-area .choice-option-label{display:flex;align-items:center;gap:10px;min-width:0}
.combo-choice-area .choice-option-label input[type=checkbox]{order:0!important;width:20px!important;height:20px!important;margin:0!important;flex:0 0 20px;accent-color:var(--red)}
.combo-choice-area .choice-option-label>span{min-width:0}
.image-hint{padding:6px 16px 0!important;margin-bottom:0!important}
.no-photo{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--gray);font-size:13px}
.track-footer-section{margin:44px 0 24px;padding:20px;border-radius:18px;background:linear-gradient(135deg,rgba(228,3,46,.08),rgba(228,3,46,.02));border:1px solid rgba(228,3,46,.18);text-align:center}
.track-footer-copy{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}
.track-footer-copy strong{font-size:15px}.track-footer-copy span{font-size:12px;color:var(--gray);line-height:1.5}
.track-footer-button{width:100%;max-width:360px;background:var(--red);color:#fff;border:0;border-radius:999px;padding:14px 22px;font:700 14px 'Montserrat',sans-serif;cursor:pointer;box-shadow:0 4px 14px rgba(228,3,46,.22);transition:transform .15s,box-shadow .15s}
.track-footer-button:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(228,3,46,.28)}
.track-lead{font-size:13px;color:var(--gray);line-height:1.5;margin:0 0 16px}.track-form .field-label{margin-top:10px}.track-status-card{text-align:center}.track-protocol{font-size:16px;font-weight:800;margin:0 0 5px}.track-status{font-size:18px;font-weight:800;color:var(--red);margin:0 0 4px}.track-meta{font-size:13px;color:var(--gray);margin:0 0 14px}.track-warning{background:var(--card);border-radius:10px;padding:12px;margin-bottom:14px;font-size:13px}.track-whatsapp{display:block;text-align:center;text-decoration:none;margin-bottom:8px}
.optional-label{color:var(--gray);font-weight:400}
.checkout-intro{margin-bottom:14px}.checkout-summary{margin:16px 0 12px;padding:14px;border:1px solid rgba(0,0,0,.10);border-radius:12px;background:var(--card)}.checkout-summary-title{font-weight:800;font-size:15px;margin-bottom:10px}.checkout-summary-row,.checkout-summary-total{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:14px;padding:6px 0}.checkout-summary-row strong{font-weight:700}.checkout-summary-total{margin-top:6px;padding-top:10px;border-top:1px solid rgba(0,0,0,.10);font-size:16px;font-weight:800}.checkout-summary-free{font-weight:800}.checkout-grid{display:grid;grid-template-columns:1fr 2fr;gap:8px}.sheet-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.static-close{position:static!important;flex:0 0 auto}
.delivery-type-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.delivery-type-option{display:flex;align-items:center;justify-content:center;gap:8px;border:2px solid rgba(0,0,0,.12);border-radius:12px;padding:12px 10px;font-weight:700;font-size:13px;cursor:pointer;margin:0;transition:border-color .15s,background .15s}.delivery-type-option input{width:16px;height:16px;accent-color:var(--red);margin:0}.delivery-type-option:has(input:checked){border-color:var(--red);background:rgba(228,3,46,.06)}
.pickup-address-info{background:var(--card);border-radius:12px;padding:12px 14px;margin-bottom:14px}.pickup-address-info .btn-secondary{width:auto;padding:9px 16px;margin-top:4px}
@media(max-width:420px){.combo-header{grid-template-columns:38px minmax(0,1fr) 24px;gap:8px}.combo-offer-title,.combo-offer-price{font-size:14px}.combo-offer-desc{font-size:12px}.tag-badge{padding:0 7px;margin-left:4px}}

/* ---------- Vendas: visão geral e atualização ---------- */
.sales-overview{margin-bottom:18px}.sales-overview h2{font-size:22px;margin:0 0 10px}.sales-kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sales-kpi{background:#fff;border-radius:14px;padding:13px;min-width:0}.sales-kpi .label{font-size:10px;text-transform:uppercase;font-weight:800;color:var(--gray);line-height:1.25}.sales-kpi .value{font-family:'Bebas Neue';font-size:28px;line-height:1.1;margin-top:5px}.sales-kpi.money .value{font-size:24px}.sales-filters{margin-bottom:18px}.sales-filter-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sales-period-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.sales-custom-dates{display:none;margin-top:8px}.sales-filter-note{font-size:11px;color:var(--gray);margin:8px 0 0}.sound-control{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}.sound-control select{margin:0;flex:1;min-width:180px}.sound-test,.sound-enable{width:auto!important;margin:0!important;padding:10px 14px!important}.sound-enable{background:var(--black);color:#fff;border:0;border-radius:999px;font-weight:700;cursor:pointer}.sales-live{font-size:11px;color:var(--gray);margin-top:8px}.sales-new-alert{display:none;background:var(--red);color:#fff;border-radius:12px;padding:10px 12px;margin-bottom:12px;font-size:12px;font-weight:700}.sales-new-alert.visible{display:flex;align-items:center;justify-content:space-between;gap:8px}.sales-new-alert button{background:#fff;color:var(--red);border:0;border-radius:999px;padding:6px 10px;font-weight:700}
@media(max-width:560px){.sales-kpi-grid{grid-template-columns:1fr 1fr}.sales-kpi .value{font-size:25px}.sales-kpi.money .value{font-size:21px}}
.captcha-box{background:var(--card);border:1px dashed rgba(0,0,0,.18);border-radius:10px;padding:11px 12px;margin-bottom:8px;text-align:center;font-size:16px;letter-spacing:.08em}