/* Layout exclusivo do painel: não afeta o checkout público. */
:root { --bg:#0d0e10; --sidebar:#0b0c0e; --surface:#15171a; --surface-0:#0d0e10; --surface-1:#15171a; --surface-2:#1b1e22; --surface-3:#22262b; --input-bg:#1b1e22; --border:rgba(255,255,255,.07); --border-strong:rgba(255,255,255,.12); --text:#e8eaed; --muted:#9aa0aa; --accent:#10b981; --accent-text:#34d399; --accent-soft:rgba(16,185,129,.14); --danger:#ef4444; --line:var(--border); --card:var(--surface); --field:var(--input-bg); --green:var(--accent); --focus:var(--accent); --bg-primary:var(--bg); --bg-secondary:var(--surface-2); --bg-card:var(--card); --text-primary:var(--text); --text-secondary:var(--muted); --border-color:var(--line); --accent-color:var(--accent); --input-bg:var(--field); --table-header-bg:var(--surface-2); }
html[data-theme="light"] { --bg:#f6f7f9; --sidebar:#ffffff; --surface:#ffffff; --surface-0:#ffffff; --surface-1:#ffffff; --surface-2:#ffffff; --surface-3:#f3f4f6; --input-bg:#ffffff; --border:#e2e5ea; --border-strong:#d9dde3; --text:#111827; --muted:#5b6475; --accent:#059669; --accent-text:#047857; --accent-soft:rgba(5,150,105,.10); --danger:#be123c; --line:var(--border); --card:var(--surface); --field:var(--input-bg); --green:var(--accent); --focus:var(--accent); --bg-primary:var(--bg); --bg-secondary:var(--surface-2); --bg-card:var(--card); --text-primary:var(--text); --text-secondary:var(--muted); --border-color:var(--line); --accent-color:var(--accent); --input-bg:var(--field); --table-header-bg:var(--surface-2); }
* { scrollbar-width: thin; scrollbar-color: var(--border-strong) var(--bg-primary); }
html, body { background:var(--bg-primary); color:var(--text-primary); }
.admin-header-actions { display:flex; align-items:center; gap:8px; min-width:0; }
.theme-control { position:relative; display:flex; align-items:center; }
.theme-toggle { display:inline-flex; align-items:center; gap:7px; }
.theme-menu { position:absolute; top:calc(100% + 6px); right:0; z-index:20; display:grid; min-width:150px; padding:5px; border:1px solid var(--border-color); border-radius:8px; background:var(--bg-card); box-shadow:0 10px 28px color-mix(in srgb,var(--text-primary) 22%,transparent); }
.theme-menu[hidden] { display:none; }
.theme-menu button { min-height:36px; padding:0 10px; border:0; border-radius:6px; background:transparent; color:var(--text-primary); text-align:left; cursor:pointer; font:inherit; }
.theme-menu button:hover, .theme-menu button:focus-visible { background:var(--bg-secondary); outline:0; }
.theme-icon { font-size:16px; line-height:1; }
.theme-icon-moon { display:none; }
html[data-theme="light"] .theme-icon-sun { display:none; }
html[data-theme="light"] .theme-icon-moon { display:inline; }
.theme-settings-card { max-width:680px; }
.theme-settings-card p { color:var(--text-secondary); }
.theme-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:20px 0 0; padding:0; border:0; }
.theme-option { display:flex; align-items:flex-start; gap:10px; min-width:0; padding:14px; border:1px solid var(--border-color); border-radius:8px; background:var(--bg-secondary); cursor:pointer; }
.theme-option:has(input:checked) { border-color:var(--accent-color); background:color-mix(in srgb,var(--accent-color) 12%,var(--bg-card)); }
.theme-option input { flex:0 0 auto; width:18px; height:18px; accent-color:var(--accent-color); }
.theme-option span { display:grid; gap:4px; min-width:0; }
.theme-option strong { color:var(--text-primary); }
.theme-option small { color:var(--text-secondary); }
.settings-stack { display:grid; gap:16px; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (max-width:700px) { .admin-header-actions { margin-left:auto; } .theme-toggle-label { display:none; } .theme-toggle { padding-inline:10px; } .theme-options { grid-template-columns:1fr; } }
.admin-body { font-family: Inter, system-ui, sans-serif; background:var(--bg); color:var(--text); }
.admin-body input, .admin-body select, .admin-body textarea { appearance:none; box-sizing:border-box; border:1px solid var(--border); border-radius:8px; background:var(--input-bg); color:var(--text); font:inherit; transition:border-color 150ms, box-shadow 150ms, background 150ms; }
.admin-body input, .admin-body select { height:44px; padding:0 14px; }
.admin-body textarea { min-height:120px; padding:12px 14px; resize:vertical; }
.admin-body input::placeholder, .admin-body textarea::placeholder { color:#6b7280; }
.admin-body input:focus, .admin-body select:focus, .admin-body textarea:focus { border-color:var(--accent); box-shadow:0 0 0 3px rgba(16,185,129,.25); outline:0; }
.admin-body input:disabled, .admin-body input:read-only, .admin-body select:disabled, .admin-body textarea:disabled { opacity:.5; cursor:not-allowed; }
.admin-body select { padding-right:38px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; }
.admin-body button, .admin-body a { transition:color 150ms, background 150ms, border-color 150ms, filter 150ms; }
.admin-body .metric-card, .admin-body .table-card { border-radius:12px; background:var(--surface); border-color:var(--border); }
.admin-body .detail-panel { padding:24px; }
.settings-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.settings-grid .metric-card { padding:24px; }
.status-list { display:grid; grid-template-columns:1fr auto; gap:12px 16px; margin:20px 0 0; }
.status-list dt { color:var(--muted); }
.status-list dd { margin:0; text-align:right; font-weight:600; }
#live-card-authorization-form { display:grid; gap:14px; margin-top:18px; }
#live-card-authorization-form .field { display:grid; gap:6px; }
#live-card-authorization-form .field:has(input[type=checkbox]) { display:flex; align-items:flex-start; gap:8px; font-size:13px; color:var(--muted); }
@media (max-width: 760px) { .settings-grid { grid-template-columns:1fr; } }
.admin-body .detail-header { gap:12px; }
.product-breadcrumb { width:max-content; color:var(--muted); font-size:13px; text-decoration:none; }
.product-breadcrumb:hover { color:var(--accent); }
.detail-heading { gap:16px; padding:8px 0 20px; }
.detail-heading h2 { margin:6px 0 4px; font-size:24px; }
.detail-heading .status-pill { border-radius:999px; padding:4px 9px; font-size:11px; }
.detail-tabs { gap:0; }
.detail-tabs button { padding:14px 16px; color:var(--muted); font-size:14px; font-weight:500; }
.detail-tabs button:hover { color:var(--text); background:rgba(255,255,255,.04); }
.detail-tabs button.active { border-color:var(--accent); color:var(--text); }
.sidebar { padding-inline:12px; background:var(--bg); }
.side-nav { gap:4px; padding-inline:12px; }
.side-nav a { min-height:40px; padding:0 12px; border-radius:8px; gap:12px; }
.side-nav a.active { border:0; box-shadow:inset 3px 0 var(--accent); background:var(--accent-soft); color:var(--accent); }
.sidebar-footer { color:var(--muted); }
.admin-header .button:not(.primary) { border-color:var(--border-strong); }
.product-general-layout { grid-template-columns:280px minmax(0,1fr); gap:32px; }
.product-cover-panel { position:sticky; top:24px; }
.product-cover-panel .cover-preview { width:100%; height:auto; aspect-ratio:1; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.22); }
.cover-actions { display:grid; grid-template-columns:1fr 1fr; }
.cover-actions .button { min-height:36px; padding-inline:8px; border-radius:8px; font-size:12px; }
.cover-actions .button:last-child { border-color:transparent; color:var(--danger); }
.product-info-panel { padding:0; border:0; background:transparent; }
.form-section { padding:0 0 24px; border-bottom:1px solid var(--border); }
.form-section + .form-section { padding-top:24px; }
.form-section-heading { margin-bottom:20px; }
.form-section-heading h3 { margin:0 0 6px; font-size:16px; font-weight:600; }
.form-section-heading p { margin:0; color:var(--muted); font-size:13px; }
.product-general-form { gap:0; }
.product-general-form .form-grid { grid-template-columns:repeat(12,minmax(0,1fr)); gap:20px; }
.product-general-form .field { display:grid; grid-column:span 6; gap:6px; color:var(--muted); font-size:13px; font-weight:500; }
.product-general-form .field-name, .product-general-form .field-description, .product-general-form .field-wide { grid-column:1 / -1; }
.product-general-form .field-currency { grid-column:span 3; }
.product-general-form .field input, .product-general-form .field select, .product-general-form .field textarea { width:100%; }
.product-general-form .field-description { margin-top:20px; }
.currency-input { position:relative; display:block; }
.currency-input > span { position:absolute; left:14px; top:50%; z-index:1; transform:translateY(-50%); color:var(--muted); font-size:13px; }
.currency-input input { padding-left:42px !important; }
.delivery-options { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.delivery-option { display:flex; align-items:flex-start; gap:10px; min-height:78px; padding:14px; border:1px solid var(--border); border-radius:8px; color:var(--muted); cursor:pointer; }
.delivery-option:has(input:checked) { border-color:var(--accent); background:var(--accent-soft); color:var(--text); }
.delivery-option input { width:18px; height:18px; flex:0 0 auto; margin:2px 0 0; accent-color:var(--accent); }
.delivery-option span { display:grid; gap:5px; }
.delivery-option strong { color:inherit; font-size:13px; font-weight:600; }
.delivery-option small { color:var(--muted); font-size:11px; line-height:1.35; }
.delivery-fields { display:grid; gap:24px; margin-top:24px; }
.field-subsection { padding-top:18px; border-top:1px solid var(--border); }
.field-subsection h4 { margin:0 0 14px; color:var(--muted); font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.field-subsection .form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.product-form-actions { position:sticky; bottom:0; z-index:3; justify-content:flex-end; margin:24px -24px -24px; padding:16px 24px; border-top:1px solid var(--border); background:color-mix(in srgb,var(--surface) 88%,transparent); backdrop-filter:blur(12px); }
.product-form-actions .button { min-height:44px; border-radius:8px; }
.product-form-actions .button.primary { background:var(--accent); border-color:var(--accent); }
@media (max-width:767px) { .admin-body .detail-panel { padding:16px; } .product-general-layout { grid-template-columns:1fr; gap:24px; } .product-cover-panel { position:static; max-width:280px; } .product-general-form .form-grid, .field-subsection .form-grid { grid-template-columns:1fr; } .product-general-form .field, .product-general-form .field-currency { grid-column:1; } .delivery-options { grid-template-columns:1fr; } .detail-tabs { overflow-x:auto; } .detail-tabs button { flex:0 0 auto; } .product-form-actions { margin-inline:-16px; padding-inline:16px; } }
@media (max-width:700px) { .sidebar { padding-inline:12px; } }

[hidden] { display: none !important; }
#dialog-root{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.68)}#dialog-root:empty{display:none}.admin-dialog{width:min(100%,460px);background:var(--card);border:1px solid var(--line);border-radius:8px;padding:24px;box-shadow:0 20px 60px #0008}.admin-dialog h2{margin:0 0 10px}.admin-dialog p{color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.danger-button{background:#b4233c!important;color:#fff!important}.danger-zone{border:1px solid #7f2638;padding:20px;border-radius:8px;margin-top:20px}.danger-zone h3{color:#fb7185;margin-top:0}#toast-root{position:fixed;right:16px;bottom:16px;z-index:60}.admin-toast{padding:12px 16px;background:var(--card);border:1px solid var(--green);border-radius:6px;box-shadow:0 8px 30px #0006}.admin-toast.error{border-color:var(--danger)}

.admin-body {
  min-width: 320px;
  background: var(--bg);
  color: var(--text);
}

.admin-layout {
  display: grid;
  grid-template-columns: 248px minmax(0, 1fr);
  min-height: 100vh;
  padding-top: 23px;
}

.sidebar {
  position: sticky;
  top: 23px;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 23px);
  padding: 28px 16px 20px;
  border-right: 1px solid var(--line);
  background: var(--bg);
}

.sidebar-brand { padding: 0 12px 30px; }
.sidebar-brand .brand-mark { width: 34px; height: 34px; }
.side-nav { display: grid; gap: 5px; }
.side-nav a {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 0 13px;
  border: 1px solid transparent;
  border-radius: 5px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}
.side-nav a .nav-icon { display:grid; place-items:center; width:20px; flex:0 0 20px; color:var(--muted); font-size:18px; line-height:1; }
.side-nav a:hover,
.side-nav a:hover .nav-icon,
.side-nav a.active {
  border-color: color-mix(in srgb, var(--green) 28%, transparent);
  background: color-mix(in srgb, var(--green) 10%, transparent);
  color: var(--text);
}
.side-nav a.active { box-shadow: inset 3px 0 var(--green); }
.sidebar-footer {
  margin-top: auto;
  padding: 15px 12px 0;
  border-top: 1px solid var(--line);
  color: var(--text);
  font-size: 12px;
  line-height: 1.8;
}
.sidebar-footer small { color: var(--muted); }
.status-dot, .status-pill i {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--green);
}

.admin-main { min-width: 0; width: 100%; max-width: 100%; overflow-x: hidden; padding: 0 38px 48px; }
.admin-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 104px;
  border-bottom: 1px solid var(--line);
}
.admin-header h1 { margin: 0; font-size: clamp(23px, 3vw, 30px); letter-spacing: -.035em; }
.admin-header .eyebrow { margin-bottom: 4px; }
.mobile-menu { display: none; }

.button, .copy-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid var(--line);
  border-radius: 4px;
  background: transparent;
  color: var(--text);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}
.button.primary { border-color: var(--green); background: var(--green); color: var(--button-text); }
.button.compact { min-height: 36px; white-space: nowrap; }
.button:hover, .copy-button:hover { filter: brightness(1.08); cursor:pointer; }.button:focus-visible,.copy-button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.button.is-active{box-shadow:0 0 0 2px var(--green) inset}.button:disabled{cursor:wait;opacity:.7}

.admin-login { display: grid; place-items: center; min-height: 100vh; padding: 40px 18px; background: var(--bg); }
.login-card { width: min(100%, 430px); }
.login-card h1 { margin: 0 0 8px; font-size: 28px; }
.login-card label { display: grid; gap: 6px; margin: 16px 0; color: var(--muted); font-size: 12px; font-weight: 700; }
.login-card input { width: 100%; padding: 11px; border: 1px solid var(--line); border-radius: 4px; background: var(--field); color: var(--text); font: inherit; }
.login-card button { width: 100%; margin-top: 8px; }
#admin-app { padding-top: 26px; }
.admin-message { margin-bottom: 16px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 4px; color: var(--muted); }
.admin-message.error { border-color: #b74b4b; color: #d87878; }
.admin-message.success { border-color: var(--green); color: var(--green); }
.form-card { max-width: 900px; }
.form-card label { display: grid; gap: 7px; margin: 0; color: var(--muted); font-size: 12px; font-weight: 700; }
.form-card input, .form-card textarea, .form-card select { width: 100%; min-height: 44px; box-sizing: border-box; padding: 10px 12px; border: 1px solid var(--line); border-radius: 4px; background: var(--field); color: var(--text); font: inherit; outline: none; }
.form-card input:focus, .form-card textarea:focus, .form-card select:focus { border-color: var(--focus); box-shadow: 0 0 0 2px color-mix(in srgb, var(--focus) 22%, transparent); }
.form-card input:invalid:not(:placeholder-shown), .form-card textarea:invalid:not(:placeholder-shown), .form-card select:invalid { border-color: var(--danger); }
.form-card textarea { min-height: 120px; resize: vertical; }
.form-card > label { margin-top: 16px; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.delivery-settings { margin-top: 24px; padding: 16px; border: 1px solid var(--line); border-radius: 6px; }
.delivery-settings legend { padding: 0 8px; color: var(--text); font-weight: 700; }
.delivery-settings .check-row { display: inline-flex; align-items: center; gap: 8px; margin: 8px 18px 12px 0; color: var(--text); }
.delivery-settings .check-row input { width: auto; min-height: auto; }
.delivery-settings .wide-field { grid-column: 1 / -1; }
.product-general-form,
.product-general-form .form-grid,
.product-general-form > label { min-width: 0; }
.product-general-form { display: grid; gap: 16px; }
.product-general-form .form-grid { grid-template-areas: "name name" "slug price" "kind visibility" "currency currency"; }
.product-general-form .form-grid > label { display: grid; gap: 7px; margin: 0; min-width: 0; color: var(--muted); font-size: 12px; font-weight: 700; }
.product-general-form .form-grid > label:nth-child(1) { grid-area: name; }
.product-general-form .form-grid > label:nth-child(2) { grid-area: slug; }
.product-general-form .form-grid > label:nth-child(3) { grid-area: kind; }
.product-general-form .form-grid > label:nth-child(4) { grid-area: visibility; }
.product-general-form .form-grid > label:nth-child(5) { grid-area: price; }
.product-general-form .form-grid > label:nth-child(6) { grid-area: currency; max-width: 180px; }
.product-general-form input,
.product-general-form select,
.product-general-form textarea { box-sizing: border-box; width: 100%; min-width: 0; min-height: 44px; }
.product-general-form > label { display: grid; gap: 7px; margin: 0; color: var(--muted); font-size: 12px; font-weight: 700; }
.product-general-form > label textarea { height: 100px; resize: none; overflow-y: auto; }
.product-general-form .form-actions { justify-content: flex-end; margin-top: 0; }
.product-picker { display: grid; gap: 6px; margin: 12px 0; }
.product-option { display: grid !important; grid-template-columns: 18px minmax(0, 1fr) 65px 110px; align-items: center; gap: 8px; min-height: 52px; padding: 6px 8px; border: 1px solid var(--line); border-radius: 4px; }
.product-option input[type="checkbox"] { width: 16px; height: 16px; margin: 0; }
.product-option input.item-quantity { width: 65px; }
.product-option input.item-price { width: 110px; }
@media (max-width: 640px) { .product-option { grid-template-columns: 18px minmax(0, 1fr) 65px; grid-template-rows: 24px 24px; min-height: 56px; } .product-option .item-price { grid-column: 2 / 4; grid-row: 2; width: 110px; } .product-option .item-quantity { grid-column: 3; grid-row: 1; } }
.form-actions { display: flex; gap: 8px; margin-top: 18px; }
code { color: var(--green); }
.toolbar { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-bottom: 18px; }
.search-wrap {
  display: flex;
  align-items: center;
  gap: 9px;
  width: min(100%, 360px);
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: 4px;
  color: var(--muted);
}
.admin-body .search-wrap input { width: 100%; min-width: 0; padding: 0; border: 0; outline: 0; background: transparent; color: var(--text); }

.table-card, .metric-card {
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--card);
  overflow: hidden;
}
.table-card { min-width: 0; max-width: 100%; overflow-x: auto; overflow-y: hidden; }
.sales-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:16px 0; }.area-chart { display:grid; gap:12px; color:var(--green); min-height:220px; }.area-chart svg { width:100%; height:180px; overflow:visible; background:transparent; border-bottom:1px solid var(--line); }.chart-point { fill:var(--card); stroke:var(--green); stroke-width:1.2; vector-effect:non-scaling-stroke; }.chart-point.has-sales { fill:var(--green); }.chart-labels { display:flex; justify-content:space-between; gap:8px; color:var(--muted); font-size:11px; }.chart-labels span { display:grid; gap:4px; }.chart-labels b { color:var(--text); font-weight:600; }.dashboard-chart { min-height:300px; }.sales-metrics article { display:grid; gap:6px; }.sales-metrics strong { font-size:24px; }.sales-grid { display:grid; grid-template-columns:1.2fr 1fr; gap:12px; margin-bottom:16px; }.sales-chart,.product-sales-list { display:grid; gap:9px; margin-top:14px; }.chart-row,.product-sales-row { display:grid; grid-template-columns:100px 1fr auto; align-items:center; gap:8px; font-size:12px; }.chart-bar { height:10px; min-width:2px; border-radius:5px; background:var(--green); }.product-sales-row { grid-template-columns:1fr auto auto; padding:8px 0; border-bottom:1px solid var(--line); }.orders-table .table-head, .orders-table .order-row { grid-template-columns: 110px minmax(150px, 1fr) minmax(150px, 1.2fr) 140px 100px 110px 90px; min-width: 900px; }
.orders-table .order-row { min-height: 54px; padding-block: 6px; }
.order-row > * { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.status-pill.order-status-paid { background: #123d2b !important; color: #4ade80 !important; }.status-pill.order-status-paid i { background: #4ade80; }.status-pill.order-status-pending { background: #453315 !important; color: #fbbf24 !important; }.status-pill.order-status-pending i { background: #fbbf24; }.status-pill.order-status-rejected, .status-pill.order-status-chargeback { background: #4b1f27 !important; color: #f87171 !important; }.status-pill.order-status-rejected i, .status-pill.order-status-chargeback i { background: #f87171; }.status-pill.order-status-cancelled, .status-pill.order-status-expired { background: #292d35 !important; color: #9ca3af !important; }.status-pill.order-status-cancelled i, .status-pill.order-status-expired i { background: #9ca3af; }.status-pill.order-status-refunded { background: #172f4b !important; color: #7dd3fc !important; }.status-pill.order-status-refunded i { background: #7dd3fc; }
.order-dialog { max-height: min(90vh, 760px); overflow: auto; }.order-details { display: grid; grid-template-columns: 150px 1fr; gap: 8px 14px; margin: 18px 0; font-size: 13px; }.order-details dt { color: var(--muted); font-weight: 700; }.order-details dd { margin: 0; overflow-wrap: anywhere; }
/* Pedidos: o cabeçalho e as linhas compartilham exatamente esta grade. */
.orders-table .table-head, .orders-table .order-row { grid-template-columns: 110px minmax(180px, 1.25fr) minmax(180px, 1.35fr) 150px 110px 120px 96px; min-width: 976px; column-gap: 14px; }
.orders-table .table-head { min-height: 46px; padding: 0 16px; font-size: 12px; font-weight: 600; letter-spacing: .04em; }
.orders-table .order-row { min-height: 52px; padding: 6px 16px; font-size: 13px; line-height: 1.25; }
.orders-table .table-head > :nth-child(1), .orders-table .order-row > :nth-child(1), .orders-table .table-head > :nth-child(2), .orders-table .order-row > :nth-child(2), .orders-table .table-head > :nth-child(3), .orders-table .order-row > :nth-child(3), .orders-table .table-head > :nth-child(4), .orders-table .order-row > :nth-child(4) { text-align: left; }
.orders-table .table-head > :nth-child(5), .orders-table .order-row > :nth-child(5) { text-align: right; font-variant-numeric: tabular-nums; }
.orders-table .table-head > :nth-child(6), .orders-table .order-row > :nth-child(6), .orders-table .table-head > :nth-child(7), .orders-table .order-row > :nth-child(7) { text-align: center; justify-self: stretch; }
.orders-table .order-row > :nth-child(4), .orders-table .order-row > :nth-child(5) { font-variant-numeric: tabular-nums; }
.table-head, .link-row {
  display: grid;
  grid-template-columns: minmax(190px, 1.35fr) minmax(170px, 1fr) minmax(135px, 1fr) 90px 92px 94px minmax(190px, 1.25fr);
  align-items: center;
  min-width: 1090px;
}
.table-head {
  min-height: 44px;
  padding: 0 18px;
  background: color-mix(in srgb, var(--field) 55%, var(--card));
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.link-row {
  min-height: 82px;
  padding: 12px 18px;
  border-top: 1px solid var(--line);
  gap: 12px;
  font-size: 12px;
}
.link-row > * { min-width: 0; }
.link-name { display: flex; align-items: center; gap: 9px; }
.link-name strong { overflow: hidden; text-overflow: ellipsis; }
.offer-icon { display: grid; place-items: center; flex: 0 0 28px; height: 28px; border-radius: 4px; background: color-mix(in srgb, var(--green) 16%, transparent); color: var(--green); }
.offer-icon.large { width: 42px; height: 42px; margin-bottom: 12px; }
.url-cell { overflow: hidden; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; }
.type-pill, .status-pill { display: inline-flex; align-items: center; gap: 6px; width: fit-content; padding: 4px 7px; border-radius: 3px; background: var(--field); color: var(--muted); font-size: 10px; font-weight: 700; }
.status-pill { background: color-mix(in srgb, var(--green) 12%, transparent); color: var(--green); }.status-pill.status-archived { background: var(--surface-2); color: var(--muted); }.status-pill.status-archived i { background: var(--muted); }
.theme-control { display: grid; gap: 3px; color: var(--muted); font-size: 10px; }
.admin-body select { min-width: 0; padding: 5px 6px; border: 1px solid var(--line); border-radius: 3px; font: inherit; }
.action-cell { display: flex; flex-wrap: wrap; gap: 5px; }
.action-cell .copy-button { min-height: 29px; padding: 0 8px; font-size: 10px; }
.preview-button { color: var(--green); }
.table-foot { margin: 12px 2px; font-size: 11px; }

.overview-grid, .content-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.section-title { margin: 0 0 2px; font-size: 26px; }
.toolbar-actions { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.toolbar-input { min-height: 38px; padding: 0 10px; border: 1px solid var(--line); border-radius: 4px; background: var(--field); color: var(--text); font: inherit; }
.product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.product-grid.list-view { grid-template-columns: 1fr; }
.product-card { display: grid; grid-template-columns: 1fr; padding: 0; overflow: hidden; }
/* Compact list keeps the 72px row contract; grid-template-columns remains explicit per view. */
/* .product-grid.list-view .product-card { grid-template-columns: 52px minmax(0, 1fr); min-height: 72px; height: 72px; } */
.product-grid.list-view .product-card {
  box-sizing: border-box;
  grid-template-columns: 52px minmax(0, 1fr);
  min-height: 0;
  height: 72px;
  padding: 0;
  overflow: visible;
}
.product-cover img { width:100%; height:100%; object-fit:cover; display:block; }.cover-preview img { width:100%; height:100%; object-fit:contain; display:block; }.checkout-banner { display:block; margin:-8px -8px 18px; }.checkout-banner img { display:block; width:100%; max-height:360px; object-fit:contain; border-radius:8px; }
.product-cover { min-height: 150px; border: 0; border-bottom: 1px solid var(--line); background: linear-gradient(135deg, color-mix(in srgb, var(--green) 18%, var(--card)), var(--field)); color: var(--green); cursor: pointer; }
.product-grid.list-view .product-cover {
  box-sizing: border-box;
  width: 52px;
  min-width: 0;
  min-height: 0;
  height: 72px;
  display: grid;
  place-items: center;
  border-right: 1px solid var(--line);
  border-bottom: 0;
}
.cover-fallback { display: grid; place-items: center; width: 58px; height: 58px; margin: auto; border: 1px solid color-mix(in srgb, var(--green) 45%, transparent); border-radius: 6px; font-size: 28px; }
.product-card-body { padding: 18px; }
.product-card-top, .detail-heading, .related-row, .product-actions { display: flex; align-items: center; gap: 10px; }
.product-card-top { justify-content: space-between; }
.product-card h2 { margin-top: 14px; }
.product-card p { min-height: 44px; }
.product-actions { flex-wrap: wrap; margin-top: 16px; }
.product-grid.list-view .product-card-body {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 0 16px;
  min-width: 0;
  min-height: 0;
  padding: 6px 12px 6px 14px;
}
.product-grid.list-view .cover-fallback { width: 44px; height: 48px; margin: 0; font-size: 20px; }
.product-grid.list-view .product-card-top { display: contents; }
.product-grid.list-view .product-card-top .muted { display: none; }
.product-grid.list-view .product-card h2 {
  grid-column: 1;
  grid-row: 1;
  align-self: end;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.25;
}
.product-grid.list-view .product-card p { display: none; }
.product-grid.list-view .product-card .status-pill {
  grid-column: 1;
  grid-row: 2;
  align-self: start;
  width: fit-content;
  padding: 1px 5px;
  font-size: 9px;
  line-height: 1.35;
  white-space: nowrap;
}
.product-grid.list-view .product-card .big-price {
  grid-column: 2;
  grid-row: 1 / span 2;
  margin: 0;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.2;
}
.product-grid.list-view .product-actions {
  grid-column: 3;
  grid-row: 1 / span 2;
  align-self: center;
  margin: 0;
  flex-wrap: nowrap;
}
.product-grid.list-view .product-actions .button { min-height: 32px; padding-inline: 10px; }
.product-grid.list-view .product-actions .copy-button { display: none; }
.product-detail { display: grid; gap: 18px; }
.detail-header { display: grid; gap: 14px; }
.product-general-layout { display: grid; grid-template-columns: minmax(190px, 220px) minmax(0, 1fr); gap: 24px; align-items: start; }
.product-cover-panel, .product-info-panel { min-width: 0; }
.product-cover-panel { display: grid; gap: 12px; align-content: start; }
.product-cover-panel h3, .product-info-panel h3 { margin: 0; }
.product-cover-panel small { color: var(--muted); line-height: 1.45; }
.cover-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.cover-actions .button { margin: 0; }
.product-info-panel { padding: 18px; border: 1px solid var(--line); border-radius: 8px; background: var(--field); }
.product-info-panel .product-general-heading { margin-bottom: 16px; }
.detail-heading { gap: 14px; }
.detail-heading h2 { margin: 0 0 3px; font-size: 25px; }
.detail-cover, .cover-preview { display: grid; place-items: center; width: 78px; height: 78px; flex: 0 0 auto; border: 1px solid var(--line); border-radius: 6px; background: var(--field); color: var(--green); overflow: hidden; }
.detail-cover img { width: 100%; height: 100%; object-fit: contain; display: block; }
.detail-tabs { display: flex; gap: 4px; border-bottom: 1px solid var(--line); overflow-x: auto; }
.detail-tabs button { padding: 12px 15px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--muted); cursor: pointer; font: inherit; font-weight: 700; white-space: nowrap; }
.detail-tabs button.active { border-color: var(--green); color: var(--text); }
.detail-panel { display: grid; gap: 18px; }
.cover-preview { width: 160px; height: 160px; flex-direction: column; border-radius: 10px; }
.cover-preview p { margin: 8px 0 0; color: var(--text); text-align: center; }
.cover-preview small { color: var(--muted); }
.related-list { display: grid; gap: 10px; }
.related-row { justify-content: space-between; flex-wrap: wrap; padding: 16px; }
.related-row > div:first-child { display: grid; gap: 4px; }
.unavailable-panel { max-width: 680px; }
.empty-state { padding: 20px; color: var(--muted); }
.overview-grid { grid-template-columns: minmax(180px, .7fr) minmax(280px, 1.3fr); margin-bottom: 16px; }
.metric-card { padding: 22px; }
.metric-card h2 { margin: 0 0 8px; font-size: 18px; line-height: 1.25; }
.metric-card p { color: var(--muted); }
.metric-number { display: block; margin: 8px 0 0; font-size: 38px; line-height: 1; }
.big-price { display: block; margin: 18px 0; font-size: 24px; }
.callout { margin-top: 16px; }
.settings-card { max-width: 680px; }
.setting-line { display: flex; justify-content: space-between; gap: 20px; padding: 14px 0; border-top: 1px solid var(--line); font-size: 13px; }

@media (max-width: 900px) {
  .admin-layout { grid-template-columns: 220px minmax(0, 1fr); }
  .admin-main { min-width: 0; width: 100%; padding-inline: 24px; }
  .overview-grid, .content-grid, .product-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 700px) {
  .admin-layout { display: block; padding-top: 23px; }
  .sidebar { position: fixed; z-index: 15; inset: 23px auto 0 0; width: min(280px, 88vw); height: auto; transform: translateX(-105%); transition: transform .2s ease; box-shadow: 12px 0 30px color-mix(in srgb, var(--text) 30%, transparent); }
  .sidebar.open { transform: translateX(0); }
  .admin-main { min-width: 0; width: 100%; max-width: 100%; overflow-x: hidden; padding: 0 14px 32px; }
  .admin-header { min-height: 82px; }
  .mobile-menu { display: inline-flex; width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 4px; background: transparent; color: var(--text); font-size: 20px; }
  .admin-header > div { flex: 1; }
  .admin-header #logout { display: inline-flex; }
  .admin-header-actions { flex:0 0 auto; }
  .theme-menu { right:0; }
  #admin-app { padding-top: 18px; }
  .toolbar { align-items: stretch; flex-direction: column; }
  .search-wrap { width: 100%; }
  .toolbar .button { align-self: flex-start; }
  .overview-grid, .content-grid, .product-grid { grid-template-columns: 1fr; }
  .toolbar-actions { justify-content: flex-start; }
  .product-grid.list-view .product-card {
    grid-template-columns: 44px minmax(0, 1fr);
    min-height: 0;
    height: 72px;
  }
  .product-grid.list-view .product-cover { box-sizing: border-box; width: 44px; height: 72px; border-right: 1px solid var(--line); border-bottom: 0; }
  .product-grid.list-view .product-card-body { grid-template-columns: minmax(0, 1fr) auto; gap: 0 8px; padding: 8px; }
  .product-grid.list-view .product-card .big-price { grid-column: 2; grid-row: 1; font-size: 12px; }
  .product-grid.list-view .product-actions { grid-column: 2; grid-row: 2; justify-self: end; }
  .product-grid.list-view .product-actions .button { min-height: 27px; padding-inline: 8px; font-size: 11px; }
  .product-grid.list-view .product-actions .button[data-product-tab="checkouts"] { display: none; }
  .product-grid.list-view .cover-fallback { width: 36px; height: 48px; font-size: 18px; }
  .form-grid { grid-template-columns: 1fr; }
  .product-general-layout { grid-template-columns: 1fr; }
  .cover-preview { width: min(160px, 100%); height: auto; aspect-ratio: 1; }
  .product-info-panel { padding: 14px; }
  .product-general-form .form-grid { grid-template-areas: "name" "slug" "price" "kind" "visibility" "currency"; }
  .product-general-form .form-grid > label:nth-child(6) { max-width: none; }
  .product-general-form .form-actions .button { width: 100%; }
  .form-card { padding: 16px; }
}
@media (prefers-reduced-motion: reduce) { .sidebar { transition: none; } }

.product-feature-panel { max-width: 760px; }
.feature-status { display: inline-flex; margin: 8px 0 12px; }
.feature-context { display: grid; grid-template-columns: minmax(150px, 220px) 1fr; gap: 10px 16px; margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--line); }
.banner-controls { display:grid; gap:6px; margin-top:8px; font-size:12px; }
.banner-controls input { max-width:180px; }

/* Dashboard visual layer: presentation only. */
:root { --dashboard-bg:var(--bg-primary); --dashboard-surface:var(--bg-card); --dashboard-surface-2:var(--bg-secondary); --dashboard-border:var(--border-color); --dashboard-text:var(--text-primary); --dashboard-muted:var(--text-secondary); --dashboard-accent:var(--accent-color); }
.admin-body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.admin-body .sales-metrics { gap:16px; margin:24px 0; }
.admin-body .sales-metrics .metric-card, .admin-body .sales-grid > .metric-card { background:var(--dashboard-surface); border:1px solid var(--dashboard-border); border-radius:12px; transition:border-color .16s ease, transform .16s ease; }
.admin-body .sales-metrics .metric-card:hover, .admin-body .sales-grid > .metric-card:hover { border-color:rgba(16,185,129,.35); transform:translateY(-1px); }
.admin-body .sales-metrics article { padding:20px; min-height:112px; }
.admin-body .sales-metrics article > span { color:var(--dashboard-muted); font-size:13px; }
.admin-body .sales-metrics strong { color:var(--dashboard-text); font-size:30px; font-weight:700; font-variant-numeric:tabular-nums; letter-spacing:-.02em; }
.admin-body .sales-metrics article:nth-child(n+5) strong { color:#6b7280; }
.live-badge { display:inline-flex; align-items:center; gap:6px; color:var(--dashboard-muted)!important; font-size:12px!important; }
.live-badge i { width:7px; height:7px; border-radius:50%; background:var(--dashboard-accent); box-shadow:0 0 0 0 rgba(16,185,129,.5); animation:live-pulse 1.8s infinite; }
@keyframes live-pulse { 70% { box-shadow:0 0 0 6px rgba(16,185,129,0); } 100% { box-shadow:0 0 0 0 rgba(16,185,129,0); } }
.dashboard-chart { min-height:328px; padding:20px; }
.dashboard-chart h3 { margin:0 0 12px; }
.area-chart { position:relative; display:block; min-height:280px; height:280px; color:var(--dashboard-accent); }
.area-chart svg { display:block; width:100%; height:280px; overflow:visible; background:none; border:0; }
.chart-area-fill { fill:url(#sales-area-gradient); opacity:0; animation:chart-area-in .55s ease-out forwards; }
.chart-line { fill:none; stroke:var(--dashboard-accent); stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; vector-effect:non-scaling-stroke; stroke-dasharray:1000; stroke-dashoffset:1000; animation:chart-line-in .7s ease-out forwards; }
@keyframes chart-line-in { to { stroke-dashoffset:0; } } @keyframes chart-area-in { to { opacity:1; } }
.chart-y-tick line { stroke:rgba(255,255,255,.06); stroke-dasharray:4 5; }.chart-y-tick text, .chart-x-label { fill:#9ca3af; font-size:11px; font-variant-numeric:tabular-nums; }.chart-point { fill:#141414; stroke:#10b981; stroke-width:2; vector-effect:non-scaling-stroke; }.chart-point.chart-peak { fill:#10b981; stroke:#10b981; stroke-width:2.5; filter:drop-shadow(0 0 5px rgba(16,185,129,.2)); }
.chart-guide { stroke:rgba(255,255,255,.18); stroke-dasharray:3 4; opacity:0; pointer-events:none; }.chart-hover-point { fill:#10b981; stroke:#141414; stroke-width:2; pointer-events:none; }.chart-hit { fill:transparent; cursor:crosshair; }.chart-tooltip { position:absolute; z-index:2; top:12px; left:50%; min-width:132px; padding:9px 11px; border:1px solid rgba(255,255,255,.1); border-radius:8px; background:#1f1f1f; box-shadow:0 8px 24px rgba(0,0,0,.28); opacity:0; transform:translate(-50%,-4px); pointer-events:none; transition:opacity 120ms ease, transform 120ms ease; display:grid; gap:3px; }.chart-tooltip strong { color:#d1d5db; font-size:11px; font-weight:500; }.chart-tooltip b { color:#f3f4f6; font-size:16px; font-variant-numeric:tabular-nums; }.chart-tooltip span { color:#9ca3af; font-size:11px; }.area-chart.is-tooltip-visible .chart-tooltip { opacity:1; transform:translate(-50%,0); }.area-chart.is-tooltip-visible .chart-guide { opacity:1; }.area-chart.chart-empty { display:grid; place-items:center; }.chart-empty-base { stroke:rgba(255,255,255,.12); stroke-dasharray:5 6; }.chart-empty-icon { fill:#6b7280; font-size:26px; }.chart-empty-text { fill:#9ca3af; font-size:13px; }
.chart-labels { display:none; }
.sales-grid { gap:16px; margin-bottom:24px; }.product-sales-list { gap:0; margin-top:16px; }.product-sales-row { grid-template-columns:1fr auto; gap:12px; padding:12px 0; border-bottom:1px solid var(--dashboard-border); }.product-sales-main { display:grid; gap:5px; min-width:0; }.product-sales-main span { color:var(--dashboard-text); font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.product-sales-main strong { color:var(--dashboard-muted); font-size:12px; font-weight:500; font-variant-numeric:tabular-nums; }.product-sales-progress { height:4px; overflow:hidden; border-radius:4px; background:rgba(255,255,255,.06); }.product-sales-progress i { display:block; height:100%; border-radius:inherit; background:var(--dashboard-accent); }.product-share { align-self:center; padding:4px 7px; border:1px solid rgba(16,185,129,.2); border-radius:999px; color:#6ee7b7; background:rgba(16,185,129,.1); font-size:11px; font-variant-numeric:tabular-nums; }.product-note { display:flex; gap:6px; align-items:center; margin-top:14px; padding-top:14px; border-top:1px solid var(--dashboard-border); font-size:11px; }
.toolbar-actions .toolbar-input, .toolbar-actions > .button { height:40px; border-radius:8px; }.toolbar-actions > .button[data-action="refresh-sales"]::before { content:'↻'; display:inline-block; margin-right:6px; font-size:16px; }.toolbar-actions > .button[data-action="refresh-sales"] { display:inline-flex; align-items:center; }
@media (max-width:760px) { .admin-body .sales-metrics { grid-template-columns:repeat(2,1fr); gap:12px; }.admin-body .sales-metrics article { padding:15px; min-height:96px; }.admin-body .sales-metrics strong { font-size:25px; }.sales-grid { grid-template-columns:1fr; }.dashboard-chart { padding:14px; } }
@media (prefers-reduced-motion:reduce) { .chart-line,.chart-area-fill,.live-badge i { animation:none; }.chart-line { stroke-dashoffset:0; }.chart-area-fill { opacity:1; } }

/* Dashboard loading/error states and compact header boundaries. */
.admin-header.dashboard-header { min-width:0; overflow:visible; }
.admin-header.dashboard-header .dashboard-toolbar > div:first-child { flex:1 1 auto; overflow:hidden; }
.admin-header.dashboard-header .dashboard-toolbar > div:first-child .muted { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.admin-header.dashboard-header .dashboard-toolbar .toolbar-actions { flex:0 1 auto; min-width:0; max-width:100%; flex-wrap:nowrap; }
.sales-dashboard-skeleton { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px; min-height:112px; margin:24px 0; }
.sales-dashboard-skeleton span { min-height:112px; border:1px solid var(--dashboard-border); border-radius:12px; background:var(--surface-2); animation:dashboard-skeleton 1.2s ease-in-out infinite; }
@keyframes dashboard-skeleton { to { background-position:-150% 0; } }
.dashboard-load-error { display:grid; gap:8px; margin:24px 0; color:var(--dashboard-muted); }
.dashboard-load-error strong { color:var(--dashboard-text); }
.dashboard-load-error .button { justify-self:start; margin-top:4px; }
@media (max-width:1100px) {
  .admin-header.dashboard-header { height:auto; min-height:64px; padding-block:10px; overflow:visible; }
  .admin-header.dashboard-header > .dashboard-toolbar { height:auto; min-height:44px; flex-wrap:wrap; gap:10px 16px; }
  .admin-header.dashboard-header .dashboard-toolbar > div:first-child { flex:1 1 240px; }
  .admin-header.dashboard-header .dashboard-toolbar .toolbar-actions { flex:1 1 100%; justify-content:flex-end; }
}
@media (max-width:760px) {
  .admin-header.dashboard-header { padding-inline:0; }
  .admin-header.dashboard-header .dashboard-toolbar .toolbar-actions { justify-content:flex-start; flex-wrap:wrap; }
  .admin-header.dashboard-header .dashboard-toolbar .toolbar-actions .toolbar-input { flex:1 1 150px; min-width:0; }
  .admin-header.dashboard-header #logout { display:inline-flex; }
  .sales-dashboard-skeleton { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
}

/* Product editor: single scoped presentation layer. */
.product-edit,
.product-edit * { box-sizing: border-box; min-width: 0; }
.product-edit { width: 100%; max-width: none; overflow-x: hidden; }
.product-edit .detail-header { min-width: 0; }
.product-edit .detail-heading { min-width: 0; }
.product-edit .detail-heading > div:last-child { min-width: 0; }
.product-edit .detail-heading h2 { overflow-wrap:anywhere; }
.product-edit .detail-tabs { display: flex !important; visibility: visible !important; position: relative; z-index: 2; min-width: 0; width: 100%; min-height: 58px; margin: 0 0 18px; padding: 0 4px; align-items: stretch; gap: 4px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; border: 1px solid rgba(16,185,129,.35); border-radius: 10px; background: #171b1a; box-shadow: 0 4px 18px rgba(0,0,0,.18); }
.product-edit .detail-tabs button { display: inline-flex !important; visibility: visible !important; position: relative; z-index: 3; flex: 0 0 auto; min-height: 56px; align-items: center; justify-content: center; padding: 12px 15px; color: #c7d2ce; white-space: nowrap; }
.product-edit .detail-tabs button.active { color: #07150f; background: #10b981; border-radius: 7px; }
.product-edit .detail-tabs button:focus-visible { outline: 3px solid #fbbf24; outline-offset: -3px; }
.product-edit .detail-panel { display: block; width: 100%; max-width: none; padding: 24px; overflow: visible; }
.product-edit .product-general-layout { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 32px; align-items: start; width: 100%; }
.product-edit .product-cover-panel { position: sticky; top: 24px; align-self: start; width: 100%; }
.product-edit .product-cover-panel .cover-preview { width: 100%; max-width: none; height: auto; aspect-ratio: 1; }
.product-edit .product-info-panel { width: 100%; max-width: none; padding: 0; border: 0; background: transparent; }
.product-edit .product-info-panel .product-general-heading { display: none; }
.product-edit .product-general-form { display: block; width: 100%; max-width: none; padding: 0; border: 0; background: transparent; }
.product-edit .form-section { width: 100%; padding: 0 0 24px; border: 0; }
.product-edit .form-section + .form-section { padding-top: 24px; border-top: 1px solid rgba(255,255,255,.08); }
.product-edit .form-section-heading { margin: 0 0 20px; }
.product-edit .form-section-heading h3 { margin: 0 0 6px; color: #f3f4f6; font-size: 16px; font-weight: 600; line-height: 1.25; }
.product-edit .form-section-heading p { margin: 0; color: #9ca3af; font-size: 13px; line-height: 1.45; }
.product-edit .form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 24px; width: 100%; }
.product-edit .field { display: grid; grid-column: span 1; align-content: start; width: 100%; min-width: 0; gap: 6px; margin: 0; color: #9ca3af; font-size: 13px; font-weight: 500; line-height: 1.2; white-space: nowrap; }
.product-edit .field-name,
.product-edit .field-description,
.product-edit .field-wide { grid-column: 1 / -1; }
.product-edit .field-currency { grid-column: span 1; max-width: none; }
.product-edit .field input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.product-edit .field select,
.product-edit .field textarea { display: block; width: 100%; max-width: none; min-width: 0; margin: 0; font: inherit; font-size: 14px; font-weight: 400; color: #f3f4f6; }
.product-edit .field input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.product-edit .field select { height: 44px; padding: 0 14px; }
.product-edit .field textarea { min-height: 120px; padding: 12px 14px; resize: vertical; line-height: 1.45; }
.product-edit .field input::placeholder,
.product-edit .field textarea::placeholder { color: #6b7280; }
.product-edit .field input:focus,
.product-edit .field select:focus,
.product-edit .field textarea:focus { border-color: #10b981; box-shadow: 0 0 0 3px rgba(16,185,129,.25); outline: 0; }
.product-edit .field input:read-only,
.product-edit .field input:disabled,
.product-edit .field select:disabled,
.product-edit .field textarea:disabled { opacity: .6; cursor: not-allowed; background: #161616; color: #f3f4f6; }
.product-edit .field select { appearance: none; padding-right: 40px; background-color: #161616; background-image: var(--product-select-chevron); background-repeat: no-repeat; background-position: right 14px center; }
.product-edit { --product-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); }
.product-edit .currency-input { position: relative; display: block; width: 100%; min-width: 0; }
.product-edit .currency-input > span { position: absolute; top: 50%; left: 14px; z-index: 1; transform: translateY(-50%); color: #9ca3af; font-size: 13px; font-weight: 400; pointer-events: none; }
.product-edit .currency-input input { padding-left: 40px !important; }
.product-edit .field-description { margin-top: 20px; }
.product-edit .delivery-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; width: 100%; }
.product-edit .delivery-option { position: relative; display: grid; grid-template-columns:minmax(0,1fr) 46px; align-items:center; gap:12px; min-height:112px; width:100%; padding:16px; border:1px solid rgba(255,255,255,.08); border-radius:12px; background:transparent; color:#f3f4f6; cursor:pointer; overflow-wrap:anywhere; white-space:normal; }
.product-edit .delivery-option:has(input:checked) { border-color: #10b981; background: rgba(16,185,129,.12); }
.product-edit .delivery-option input[type="checkbox"] { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.product-edit .delivery-option .studio-switch-track { grid-column:2; grid-row:1; }.product-edit .delivery-option .studio-switch-copy { grid-column:1; grid-row:1; }.product-edit .delivery-option span { display:block; padding-right:0; }

.product-edit .delivery-option strong { display: block; margin: 0 0 8px; color: #f3f4f6; font-size: 14px; font-weight: 600; line-height: 1.3; overflow-wrap:anywhere; }
.product-edit .delivery-option small { display: block; color: #9ca3af; font-size: 12px; font-weight: 400; line-height: 1.45; overflow-wrap:anywhere; }
.product-edit .delivery-fields { display: grid; gap: 20px; margin-top: 24px; width: 100%; }
.product-edit .field-subsection { width: 100%; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.08); }
.product-edit .field-subsection h4 { margin: 0 0 14px; color: #9ca3af; font-size: 11px; font-weight: 600; letter-spacing: .08em; line-height: 1.2; text-transform: uppercase; }
.product-edit .field-subsection .form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 24px; }
.product-edit .field-subsection:nth-child(1) .field-wide,
.product-edit .field-subsection:nth-child(2) .field:first-child { grid-column: 1 / -1; }
.product-edit .field-subsection:nth-child(2) .field:nth-child(2) { grid-column: 1; }
.product-edit > .detail-panel > .product-form-actions { position: sticky; bottom: 0; z-index: 3; display: flex; justify-content: flex-end; gap: 12px; width: calc(100% + 48px); margin: 24px -24px -24px; padding: 16px 24px; border-top: 1px solid rgba(255,255,255,.08); border-radius: 0 0 12px 12px; background: rgba(26,26,26,.92); backdrop-filter: blur(12px); box-sizing: border-box; }
.product-edit > .detail-panel > .product-form-actions .button { display: inline-flex; width: auto; min-width: 132px; height: 44px; min-height: 44px; padding: 0 16px; border-radius: 8px; white-space: nowrap; }
@media (max-width: 900px) { .product-edit .delivery-options { grid-template-columns: 1fr; } }
@media (max-width: 767px) { .product-edit .detail-panel { padding: 16px; } .product-edit .product-general-layout { grid-template-columns: 1fr; gap: 24px; } .product-edit .product-cover-panel { position: static; max-width: 260px; } .product-edit .form-grid, .product-edit .field-subsection .form-grid { grid-template-columns: 1fr; gap: 20px; } .product-edit .field, .product-edit .field-currency, .product-edit .field-subsection:nth-child(2) .field:nth-child(2) { grid-column: 1; } .product-edit .field-subsection:nth-child(1) .field-wide, .product-edit .field-subsection:nth-child(2) .field:first-child { grid-column: 1; } .product-edit .cover-actions { grid-template-columns: 1fr 1fr; } .product-edit > .detail-panel > .product-form-actions { width: calc(100% + 32px); margin-inline: -16px; padding-inline: 16px; } .product-edit > .detail-panel > .product-form-actions .button { min-width: 0; flex: 1; } }

/* Checkout editor visual layer. */
.checkout-edit { overflow-x:hidden; }
.checkout-edit-card { width:100%; padding:24px; border:1px solid rgba(255,255,255,.08); border-radius:12px; background:#1a1a1a; }
.checkout-section-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,.08); }
.checkout-section-heading h2 { margin:0 0 6px; color:#f3f4f6; font-size:16px; font-weight:600; }
.checkout-section-heading p { margin:0; color:#9ca3af; font-size:13px; }
.checkout-edit .related-list { display:grid; gap:12px; margin-top:20px; }
.checkout-edit .checkout-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:16px; align-items:center; padding:16px; border:1px solid rgba(255,255,255,.08); border-radius:8px; background:transparent; }
.checkout-row-main { display:flex; align-items:center; flex-wrap:wrap; gap:10px; min-width:0; }
.checkout-row-main strong { min-width:0; overflow-wrap:anywhere; color:#f3f4f6; }
.checkout-edit .action-cell { justify-content:flex-end; align-items:center; }
.checkout-image-editor { grid-column:1 / -1; display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,360px); gap:20px 28px; padding-top:20px; border-top:1px solid rgba(255,255,255,.08); }
.checkout-image-copy { grid-column:1 / -1; }
.checkout-image-copy h3 { margin:0 0 6px; color:#f3f4f6; font-size:16px; font-weight:600; }
.checkout-image-copy p { margin:0; color:#9ca3af; font-size:12px; }
.checkout-upload-zone { position:relative; display:grid; place-items:center; align-content:center; gap:8px; width:100%; aspect-ratio:16/9; padding:20px; border:1.5px dashed rgba(255,255,255,.16); border-radius:12px; background:#161616; color:#f3f4f6; cursor:pointer; text-align:center; transition:border-color 150ms,background 150ms; }
.checkout-upload-zone:hover,.checkout-upload-zone:focus-visible { border-color:#10b981; outline:0; }
.checkout-upload-zone.is-dragging { background:rgba(16,185,129,.10); border-color:#10b981; }
.checkout-upload-zone strong { font-size:13px; font-weight:500; }
.upload-icon { color:#10b981; font-size:25px; font-weight:700; }
.checkout-image-preview { display:grid; gap:12px; }
.checkout-image-preview img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:12px; }
.checkout-image-preview > div { display:flex; gap:8px; }
.checkout-image-preview .button:last-child { border-color:transparent; color:#ef4444; }
.checkout-upload-hint { grid-column:1 / -1; min-height:16px; margin:0; color:#9ca3af; font-size:12px; }
.checkout-upload-hint.error { color:#ef4444; }
.checkout-upload-hint.warning { color:#f59e0b; }
.checkout-live-preview { display:grid; align-content:start; gap:12px; }
.preview-tabs { display:flex; gap:4px; }
.preview-tabs button { padding:8px 12px; border:0; border-bottom:2px solid transparent; background:transparent; color:#9ca3af; cursor:pointer; font:inherit; font-size:12px; }
.preview-tabs button.active { border-color:#10b981; color:#f3f4f6; }
.checkout-preview-frame { width:100%; max-width:520px; margin:0 auto; padding:12px; border:1px solid rgba(255,255,255,.08); border-radius:12px; background:#121212; }
.checkout-preview-frame.mobile-preview { max-width:360px; }
.preview-banner { width:100%; aspect-ratio:16/9; overflow:hidden; border-radius:12px; background:#161616; }
.preview-banner img { display:block; width:100%; height:100%; object-fit:cover; }
.preview-order,.preview-field,.preview-methods { margin-top:10px; padding:12px; border:1px solid rgba(255,255,255,.08); border-radius:8px; color:#f3f4f6; font-size:12px; }
.preview-field,.preview-methods { color:#9ca3af; }
.preview-total { display:block; margin:14px 4px 10px; color:#f3f4f6; font-variant-numeric:tabular-nums; }
.preview-continue { width:100%; height:36px; border:0; border-radius:8px; background:#10b981; color:#06130e; font-weight:700; }
.checkout-form-actions { display:flex; justify-content:flex-end; gap:12px; position:sticky; bottom:0; z-index:3; margin:24px -24px -24px; padding:16px 24px; border-top:1px solid rgba(255,255,255,.08); background:rgba(26,26,26,.92); backdrop-filter:blur(12px); }
.checkout-form-actions .button { min-width:132px; height:44px; border-radius:8px; }
@media(max-width:1023px){.checkout-image-editor{grid-template-columns:1fr}.checkout-live-preview{max-width:520px}}
@media(max-width:767px){.checkout-edit-card{padding:16px}.checkout-section-heading{display:grid}.checkout-edit .checkout-row{grid-template-columns:1fr}.checkout-edit .action-cell{justify-content:flex-start}.checkout-image-editor{gap:16px;margin-top:0}.checkout-form-actions{margin-inline:-16px;padding-inline:16px}.checkout-form-actions .button{min-width:0;flex:1}.checkout-editor-tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden}.checkout-editor-tabs button{flex:0 0 auto}}

/* Checkout editor navigation: scoped to the checkout form. */
.checkout-admin #product-subform{width:100%;max-width:100%;min-width:0}
.checkout-admin #product-subform > .form-card{width:100%;max-width:none;min-width:0}
.checkout-admin #product-subform > .form-card > #checkout-form{width:100%;max-width:none;min-width:0}
.checkout-editor-tabs{display:flex;flex-wrap:wrap;gap:4px;overflow:visible;margin:0 0 18px;padding:4px;border:1px solid rgba(16,185,129,.35);border-radius:10px;background:#171b1a;scrollbar-width:thin}
.checkout-editor-tabs button{flex:1 1 auto;min-width:max-content;min-height:44px;padding:10px 14px;border:0;border-bottom:2px solid transparent;border-radius:7px;background:transparent;color:#c7d2ce;cursor:pointer;font:inherit;font-size:13px;font-weight:700;white-space:nowrap}
.checkout-editor-tabs button:hover{background:rgba(255,255,255,.05);color:#fff}
.checkout-editor-tabs button.active{background:#10b981;color:#07150f}
.checkout-editor-tabs button:focus-visible{outline:3px solid #fbbf24;outline-offset:1px}
.checkout-editor-panel[hidden]{display:none}
.checkout-panel-heading{margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}
.checkout-panel-heading h3,.checkout-placeholder-panel h3{margin:0 0 5px;color:#f3f4f6;font-size:16px}
.checkout-panel-heading p,.checkout-placeholder-panel p{margin:0;color:#9ca3af;font-size:13px}
.checkout-placeholder-panel{padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#1a1a1a}

/* Checkout tab: scoped presentation layer. */
.checkout-bump-panel { display:grid; gap:16px; }
.checkout-bump-notice { margin:0; padding:12px 14px; border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border-color)); border-radius:10px; background:var(--accent-soft); }
.checkout-bump-search { width:100%; }
.checkout-bump-list { display:grid; gap:10px; }
.checkout-bump-option { position:relative; display:grid; grid-template-columns:24px 18px 40px minmax(0,1fr); align-items:center; gap:12px; padding:14px; border:1px solid var(--border-color); border-radius:10px; cursor:pointer; transition:transform 160ms ease, border-color 160ms ease, background 160ms ease, box-shadow 160ms ease; }
.checkout-bump-option:hover { transform:translateY(-1px); border-color:var(--accent); background:color-mix(in srgb,var(--surface-2) 88%,var(--accent)); box-shadow:0 5px 14px rgba(0,0,0,.12); }
.checkout-bump-option:has(input:checked) { border-color:var(--accent); background:var(--accent-soft); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent); }
.checkout-bump-option:has(input:checked)::after { content:'Selecionado'; position:absolute; top:10px; right:12px; z-index:1; padding:3px 7px; border-radius:999px; background:var(--accent); color:#062218; font-size:10px; font-weight:800; }
.checkout-bump-option.is-unavailable { cursor:default; opacity:.7; }
.checkout-bump-option input { position:absolute; width:1px; height:1px; opacity:0; }
.checkout-bump-check { display:grid; place-items:center; width:18px; height:18px; border:2px solid var(--muted); border-radius:4px; color:transparent; font-size:13px; font-weight:900; line-height:1; transition:background 160ms ease,border-color 160ms ease,color 160ms ease; }
.checkout-bump-option:has(input:checked) .checkout-bump-check { border-color:var(--accent); background:var(--accent); color:#062218; }
.checkout-bump-option:focus-within { outline:2px solid var(--accent); outline-offset:2px; }
.checkout-bump-copy { display:grid; gap:4px; min-width:0; }
.checkout-bump-copy strong, .checkout-bump-copy small { overflow-wrap:anywhere; }
.checkout-bump-option[hidden] { display:none; }
.checkout-bump-thumb { display:grid; place-items:center; width:40px; height:40px; overflow:hidden; border-radius:8px; background:var(--bg-secondary); color:var(--text-secondary); font-weight:700; }
.checkout-bump-thumb img { width:100%; height:100%; object-fit:cover; }
.checkout-bump-copy span { color:var(--text-primary); font-size:12px; }
.checkout-bump-help { margin:0; color:var(--text-secondary); font-size:12px; }
.checkout-bump-checkout-label { display:block; margin-bottom:6px; color:var(--text-primary); font-size:13px; font-weight:700; }
.checkout-bump-checkout-select-wrap { position:relative; margin-bottom:12px; }
.checkout-bump-checkout-select-wrap::after { content:'⌄'; position:absolute; top:50%; right:14px; transform:translateY(-52%); color:var(--accent); font-size:18px; pointer-events:none; }
.checkout-bump-checkout-select { width:100%; min-height:44px; padding:0 42px 0 14px; border:1px solid var(--border-color); border-radius:10px; appearance:none; background:var(--surface); color:var(--text-primary); cursor:pointer; font:inherit; transition:border-color 160ms ease,background 160ms ease,box-shadow 160ms ease; }
.checkout-bump-checkout-select:hover,.checkout-bump-checkout-select:focus { border-color:var(--accent); background:var(--accent-soft); box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent); outline:none; }
.checkout-bump-checkout-list { display:none; }
.checkout-bump-settings { display:grid; grid-template-columns:auto minmax(0,1fr); gap:12px; align-items:center; }
.checkout-bump-settings label { display:flex; align-items:center; gap:8px; color:var(--text-secondary); font-size:13px; }
.checkout-bump-settings input[type="text"] { width:100%; }
.checkout-bump-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
@media (max-width:700px) { .checkout-bump-settings { grid-template-columns:1fr; } .checkout-bump-option { grid-template-columns:22px 18px 36px minmax(0,1fr); padding:10px; } .checkout-bump-thumb { width:36px; height:36px; } }
.checkout-admin, .checkout-admin * { box-sizing:border-box; min-width:0; }
.checkout-admin { width:100%; max-width:none; overflow-x:hidden; }
.checkout-admin-card { width:100%; padding:24px; border:1px solid rgba(255,255,255,.08); border-radius:12px; background:#1a1a1a; }
.checkout-admin .checkout-section-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,.08); }
.checkout-admin .checkout-section-heading h2 { margin:0 0 6px; color:#f3f4f6; font-size:16px; font-weight:600; }
.checkout-admin .checkout-section-heading p { margin:0; color:#9ca3af; font-size:13px; }
.checkout-admin .btn { display:inline-flex; align-items:center; justify-content:center; gap:6px; height:36px; min-height:36px; padding:0 14px; border:1px solid rgba(255,255,255,.16); border-radius:8px; background:transparent; color:#f3f4f6; cursor:pointer; font:inherit; font-size:13px; font-weight:500; line-height:1; text-decoration:none; white-space:nowrap; transition:background 150ms,border-color 150ms,color 150ms; }
.checkout-admin .btn:hover { background:rgba(255,255,255,.06); }
.checkout-admin .btn svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.checkout-admin .btn-primary { border-color:#10b981; background:#10b981; color:#052e1f; }
.checkout-admin .btn-primary:hover { background:#0ea371; }
.checkout-admin .btn-ghost-danger { border-color:transparent; color:#ef4444; }
.checkout-admin .btn-ghost-danger:hover { background:rgba(239,68,68,.12); }
.checkout-admin .related-list { display:grid; gap:12px; margin-top:20px; }
.checkout-admin .checkout-row { display:grid; gap:20px; width:100%; padding:20px 24px; border-bottom:1px solid rgba(255,255,255,.08); }
.checkout-admin .checkout-row-head { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.checkout-admin .checkout-row-main { display:flex; align-items:center; flex-wrap:wrap; gap:10px; min-width:0; }
.checkout-admin .checkout-row-main > strong { max-width:min(32vw,360px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#f3f4f6; }
.checkout-admin .checkout-row-main .muted { color:#9ca3af; font-size:13px; font-variant-numeric:tabular-nums; }
.checkout-admin .checkout-slug { max-width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.checkout-admin .status-pill { border-radius:999px; padding:4px 8px; font-size:11px; }
.checkout-admin .action-cell { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px; }
.checkout-admin .theme-select { appearance:none; padding-right:30px; background-color:#161616; background-image:var(--product-select-chevron); background-repeat:no-repeat; background-position:right 10px center; }
.checkout-admin .checkout-image-editor { display:grid; gap:16px; width:100%; padding-top:20px; border-top:1px solid rgba(255,255,255,.08); }
.checkout-admin .checkout-image-copy h3 { margin:0 0 6px; color:#f3f4f6; font-size:16px; font-weight:600; }
.checkout-admin .checkout-image-copy p { margin:0; color:#9ca3af; font-size:12px; }
.checkout-admin .checkout-upload-zone { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; height:96px; padding:16px; border:1.5px dashed rgba(255,255,255,.16); border-radius:12px; background:#161616; color:#f3f4f6; cursor:pointer; text-align:center; transition:border-color 150ms,background 150ms; }
.checkout-admin .checkout-upload-zone:hover,.checkout-admin .checkout-upload-zone:focus-visible,.checkout-admin .checkout-upload-zone.is-dragging { border-color:#10b981; background:rgba(16,185,129,.08); outline:0; }
.checkout-admin .checkout-upload-zone strong { font-size:13px; font-weight:500; }
.checkout-admin .checkout-upload-zone small { color:#9ca3af; font-size:12px; }
.checkout-admin .upload-icon { color:#10b981; font-size:24px; font-weight:700; }
.checkout-admin .checkout-image-preview { display:flex; align-items:center; gap:16px; min-height:88px; padding:8px; border:1px solid rgba(255,255,255,.08); border-radius:12px; }
.checkout-admin .checkout-image-preview img { display:block; width:128px; height:72px; flex:0 0 128px; object-fit:cover; border-radius:8px; }
.checkout-admin .checkout-file-meta { flex:1; color:#9ca3af; font-size:12px; overflow-wrap:anywhere; }
.checkout-admin .checkout-image-preview > div { display:flex; align-items:center; gap:8px; margin-left:auto; }
.checkout-admin .checkout-upload-hint { min-height:16px; margin:0; color:#9ca3af; font-size:12px; }
.checkout-admin .checkout-upload-hint.error { color:#ef4444; }
.checkout-admin .checkout-upload-hint.warning { color:#f59e0b; }
.checkout-admin .field-error { display:block; color:#ef4444; font-size:12px; margin-top:4px; }
.checkout-admin input.has-error, .checkout-admin textarea.has-error, .checkout-admin select.has-error { border-color:#ef4444; }
.checkout-admin .checkout-live-preview { justify-self:center; width:100%; max-width:560px; }
.checkout-admin .checkout-live-preview summary { cursor:pointer; color:#f3f4f6; font-size:16px; font-weight:600; }
.checkout-admin .preview-tabs { display:flex; gap:4px; margin:16px 0 12px; }
.checkout-admin .preview-tabs button { height:36px; padding:0 12px; border:0; border-bottom:2px solid transparent; background:transparent; color:#9ca3af; cursor:pointer; font:inherit; font-size:13px; font-weight:500; line-height:1; }
.checkout-admin .preview-tabs button[aria-selected="true"] { border-color:#10b981; color:#f3f4f6; }
.checkout-admin .checkout-preview-frame { width:520px; max-width:100%; margin:0 auto; padding:12px; border:1px solid rgba(255,255,255,.16); border-radius:16px; background:#121212; transition:width 200ms ease,border-radius 200ms ease,box-shadow 200ms ease; }
.checkout-admin .checkout-preview-frame.mobile-preview { width:360px; border-radius:28px; box-shadow:0 16px 40px rgba(0,0,0,.35); }
.checkout-admin .preview-banner { width:100%; aspect-ratio:16/9; overflow:hidden; border-radius:12px; background:#161616; }
.checkout-admin .preview-banner img { display:block; width:100%; height:100%; object-fit:cover; }
.checkout-admin .preview-order { display:flex; align-items:center; gap:10px; margin-top:10px; padding:12px; border:1px solid rgba(255,255,255,.08); border-radius:8px; color:#f3f4f6; }
.checkout-admin .preview-order > span:nth-child(2) { display:grid; gap:4px; flex:1; min-width:0; }
.checkout-admin .preview-order b { font-size:12px; }.checkout-admin .preview-order small { color:#9ca3af; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.checkout-admin .preview-order > strong { color:#f3f4f6; font-size:12px; white-space:nowrap; }.checkout-admin .preview-product-cover { width:34px; height:34px; flex:0 0 34px; overflow:hidden; border-radius:6px; background:#222; }.checkout-admin .preview-product-cover img { width:100%; height:100%; object-fit:cover; }.checkout-admin .preview-cover-fallback { display:grid; place-items:center; width:100%; height:100%; color:#10b981; }
.checkout-admin .preview-field { margin-top:10px; padding:12px; border:1px solid rgba(255,255,255,.08); border-radius:8px; color:#9ca3af; font-size:12px; }.checkout-admin .preview-methods { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px; }.checkout-admin .preview-methods span { display:grid; gap:3px; padding:10px; border:1px solid rgba(255,255,255,.08); border-radius:8px; color:#9ca3af; font-size:11px; }.checkout-admin .preview-methods span.selected { border-color:#10b981; color:#f3f4f6; }.checkout-admin .preview-methods small { color:#9ca3af; }.checkout-admin .preview-total { display:flex; justify-content:space-between; margin:14px 4px 10px; color:#9ca3af; font-size:12px; }.checkout-admin .preview-total strong { color:#10b981; }.checkout-admin .preview-continue { width:100%; height:36px; border:0; border-radius:8px; background:#10b981; color:#052e1f; font-weight:700; }
.checkout-admin .checkout-form-actions { display:flex; justify-content:flex-end; gap:12px; position:sticky; bottom:0; z-index:3; margin:24px -24px -24px; padding:16px 24px; border-top:1px solid rgba(255,255,255,.08); background:rgba(26,26,26,.92); backdrop-filter:blur(12px); }
.checkout-admin .checkout-form-actions .btn { min-width:132px; }
@media(min-width:1280px){.checkout-admin .checkout-image-editor{grid-template-columns:minmax(0,1fr) 560px; align-items:start}.checkout-admin .checkout-image-copy{grid-column:1 / -1}.checkout-admin .checkout-live-preview{grid-column:2; grid-row:2 / span 3; position:sticky; top:24px}.checkout-admin .checkout-upload-zone,.checkout-admin .checkout-image-preview,.checkout-admin .checkout-upload-hint{grid-column:1}.checkout-admin .checkout-image-preview{align-self:start}}
@media(max-width:639px){.checkout-admin .checkout-section-heading{align-items:flex-start; flex-direction:column}.checkout-admin .checkout-row-head{align-items:flex-start; flex-direction:column}.checkout-admin .action-cell{justify-content:flex-start}.checkout-admin .checkout-row-main > strong{max-width:100%}.checkout-admin .checkout-image-preview{align-items:center; flex-wrap:wrap}.checkout-admin .checkout-image-preview > div{width:100%; margin-left:0}.checkout-admin .checkout-image-preview .btn{flex:1}.checkout-admin .checkout-form-actions{margin-inline:-16px; padding-inline:16px}.checkout-admin .checkout-form-actions .btn{min-width:0; flex:1}}

/* Checkout accordion presentation. */
.checkout-admin, .checkout-admin * { box-sizing:border-box; }
.checkout-admin .checkout-row { min-height:64px; gap:0; padding:14px 0; transition:background 150ms ease; }
.checkout-admin .checkout-row:hover { background:rgba(255,255,255,.03); }
.checkout-admin .checkout-row-head { min-height:36px; }
.checkout-admin .checkout-row.is-expanded .checkout-row-head { padding-bottom:16px; }
.checkout-admin .checkout-row .checkout-image-editor { display:grid; grid-template-rows:0fr; overflow:hidden; opacity:0; max-height:0; padding-top:0; border-top:0; transition:grid-template-rows 200ms ease, opacity 200ms ease, max-height 200ms ease, padding-top 200ms ease; }
.checkout-admin .checkout-row.is-expanded .checkout-image-editor { grid-template-rows:1fr; max-height:1600px; padding-top:20px; opacity:1; border-top:1px solid rgba(255,255,255,.08); }
.checkout-admin .checkout-row .checkout-image-editor > * { min-height:0; }
.checkout-admin .checkout-row .checkout-image-editor[hidden] { display:grid !important; }
.checkout-admin .checkout-row .checkout-image-editor[hidden] > * { visibility:hidden; }
.checkout-admin .checkout-row .checkout-image-editor[hidden] { grid-template-rows:0fr; max-height:0; padding-top:0; opacity:0; border-top:0; }
.checkout-admin .checkout-row .checkout-image-editor:not([hidden]) { visibility:visible; }
.checkout-admin .checkout-row .checkout-image-editor .checkout-live-preview { display:grid; }
.checkout-admin .checkout-row .checkout-image-editor .checkout-form-actions { margin-bottom:0; }
.checkout-admin .checkout-row-head .action-cell { flex-wrap:nowrap; }
.checkout-admin .checkout-row-head .btn.is-active { background:rgba(255,255,255,.08); }
.checkout-admin .checkout-row-head .btn:focus-visible, .checkout-admin .checkout-row-head .theme-select:focus-visible { outline:0; box-shadow:0 0 0 3px rgba(16,185,129,.25); border-color:#10b981; }
.checkout-admin .checkout-form-actions { min-height:72px; }
.checkout-admin .checkout-form-actions .btn { height:40px; min-height:40px; }
.checkout-admin .checkout-row-head .btn-ghost-danger { border:1px solid rgba(255,255,255,.16); color:#ef4444; }
.checkout-admin .checkout-row-head .btn-ghost-danger:hover { border-color:rgba(239,68,68,.4); }
.checkout-admin .checkout-delete { width:36px; min-width:36px; padding:0; color:#ef4444; }
.checkout-admin .checkout-delete:hover { border-color:rgba(239,68,68,.4); background:rgba(239,68,68,.12); }
.checkout-admin .checkout-delete:disabled { cursor:not-allowed; opacity:.5; }
@media(max-width:899px){.checkout-admin .checkout-row-head{align-items:flex-start; flex-direction:column; gap:10px}.checkout-admin .checkout-row-head .action-cell{justify-content:flex-start; flex-wrap:wrap}}
@media(max-width:639px){.checkout-admin .checkout-row-head .action-cell{width:100%}.checkout-admin .checkout-row-head .btn,.checkout-admin .checkout-row-head .theme-select{flex:0 0 auto}.checkout-admin .checkout-row-main > strong{max-width:calc(100vw - 64px)}}

.checkout-admin .checkout-offer-form { display:contents; }
.checkout-admin .checkout-offer-fields,.checkout-admin .checkout-products-section { padding:20px 0; border-bottom:1px solid rgba(255,255,255,.08); }
.checkout-admin .checkout-subsection-heading h3 { margin:0 0 16px; color:#f3f4f6; font-size:14px; font-weight:600; }
.checkout-admin .checkout-offer-fields .form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 24px; }
.checkout-admin .checkout-offer-fields label,.checkout-admin .checkout-products-section label { display:grid; gap:6px; color:#9ca3af; font-size:13px; font-weight:500; }
.checkout-admin .checkout-offer-fields input,.checkout-admin .checkout-offer-fields select,.checkout-admin .checkout-offer-fields textarea,.checkout-admin .product-option input { box-sizing:border-box; min-width:0; border:1px solid rgba(255,255,255,.1); border-radius:8px; background:#161616; color:#f3f4f6; font:inherit; font-size:14px; font-weight:400; line-height:1.2; }
.checkout-admin .checkout-offer-fields input,.checkout-admin .checkout-offer-fields select { height:44px; padding:0 12px; }
.checkout-admin .checkout-offer-fields textarea { min-height:96px; padding:12px; resize:vertical; }
.checkout-admin .checkout-description,.checkout-admin .checkout-field-total { grid-column:1 / -1; }
.checkout-admin .checkout-offer-fields select { appearance:none; background-image:var(--product-select-chevron); background-repeat:no-repeat; background-position:right 12px center; padding-right:34px; }
.checkout-admin .checkout-offer-fields input:focus,.checkout-admin .checkout-offer-fields select:focus,.checkout-admin .checkout-offer-fields textarea:focus,.checkout-admin .product-option input:focus { outline:0; border-color:#10b981; box-shadow:0 0 0 3px rgba(16,185,129,.25); }
.checkout-admin .product-picker { display:grid; gap:8px; }
.checkout-admin .product-option { display:grid !important; grid-template-columns:24px minmax(0,1fr) 120px 96px; align-items:center; gap:16px; height:56px; padding:0 16px; border:1px solid rgba(255,255,255,.08); border-radius:10px; background:transparent; }
.checkout-admin .product-option:has(input[name="productId"]:checked) { border-color:rgba(16,185,129,.5); background:rgba(16,185,129,.06); }
.checkout-admin .product-option > input[name="productId"] { appearance:none; width:20px; height:20px; margin:0; border:1.5px solid rgba(255,255,255,.3); border-radius:6px; cursor:pointer; }
.checkout-admin .product-option > input[name="productId"]:checked { border-color:#10b981; background:#10b981; box-shadow:inset 0 0 0 4px #10b981; }
.checkout-admin .product-option > span:not(.item-price-wrap) { overflow:hidden; color:#f3f4f6; font-size:14px; font-weight:500; text-overflow:ellipsis; white-space:nowrap; }
.checkout-admin .product-option > input[name="productId"]:not(:checked) ~ span:not(.item-price-wrap) { color:#9ca3af; }
.checkout-admin .product-option .item-price,.checkout-admin .product-option .item-quantity { width:100%; height:40px; padding:0 10px; text-align:right; font-variant-numeric:tabular-nums; }
.checkout-admin .item-price-wrap { display:flex; align-items:center; height:40px; padding-left:10px; border:1px solid rgba(255,255,255,.1); border-radius:8px; background:#161616; color:#9ca3af; }
.checkout-admin .item-price-wrap .item-price { border:0; background:transparent; padding-left:4px; }
.checkout-admin .product-option .item-price:disabled,.checkout-admin .product-option .item-quantity:disabled { opacity:.5; }
.checkout-admin .checkout-offer-total { margin:12px 0 0; color:#9ca3af; font-size:13px; text-align:right; }
.checkout-admin .checkout-offer-total strong { color:#10b981; font-size:15px; }
.checkout-admin .checkout-live-preview h3 { margin:0 0 16px; color:#f3f4f6; font-size:14px; font-weight:600; }
.checkout-admin .checkout-form-actions { grid-column:1 / -1; }
.checkout-admin .btn:disabled,.checkout-admin .is-disabled { cursor:not-allowed; opacity:.5; pointer-events:none; }
.checkout-admin .checkout-form-actions { position:static; margin:0 -24px -24px; }
@media(max-width:767px){.checkout-admin .checkout-offer-fields .form-grid{grid-template-columns:1fr}.checkout-admin .checkout-description,.checkout-admin .checkout-field-total{grid-column:auto}}
@media(max-width:639px){.checkout-admin .product-option{height:auto; min-height:88px; grid-template-columns:24px minmax(0,1fr); grid-template-rows:40px 40px; gap:4px 16px; padding:8px 16px}.checkout-admin .product-option .item-price-wrap{grid-column:1 / 2; margin-left:40px; width:120px}.checkout-admin .product-option .item-quantity{grid-column:2; width:96px; justify-self:end}.checkout-admin .product-option .item-price-wrap{grid-row:2}.checkout-admin .product-option .item-quantity{grid-row:2}}
.payment-methods-card{min-width:0}.payment-methods-chart{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:20px;min-height:190px}.payment-donut{display:grid;place-items:center;width:142px;height:142px;border-radius:50%;position:relative}.payment-donut::after{content:"";position:absolute;inset:25px;border-radius:50%;background:var(--card)}.payment-donut span{position:relative;z-index:1;display:grid;text-align:center;font-size:24px;font-weight:700}.payment-donut small{color:var(--muted);font-size:10px;font-weight:500}.payment-method-legend{display:grid;gap:9px}.payment-method-legend>div{display:grid;grid-template-columns:10px minmax(0,1fr) auto auto;align-items:center;gap:7px;font-size:12px}.payment-method-legend i{width:9px;height:9px;border-radius:50%}.payment-method-legend small{color:var(--muted);font-variant-numeric:tabular-nums}.payment-method-legend strong{font-variant-numeric:tabular-nums}@media(max-width:700px){.payment-methods-chart{grid-template-columns:1fr;justify-items:center}.payment-method-legend{width:100%}}
/* Dashboard recovery layer. */
:root, select, input, textarea{color-scheme:dark}:root{--dashboard-bg:var(--bg);--dashboard-surface:var(--surface);--dashboard-surface-2:var(--surface-2);--dashboard-border:var(--border);--dashboard-text:var(--text);--dashboard-muted:var(--muted);--dashboard-accent:#2EE6A6;--dashboard-cyan:#22D3EE;--dashboard-blue:#3B82F6;--dashboard-violet:#8B5CF6;--dashboard-pink:#EC4899;--dashboard-amber:#F59E0B;--dashboard-red:#F43F5E}
select option,select optgroup{background-color:var(--surface-2);color:var(--text)}select option:checked,select option:hover{background-color:var(--surface-3);color:var(--text)}select option:disabled{color:var(--muted)}input[type="date"]{color-scheme:dark}input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(1)}.admin-body{background:var(--dashboard-bg);color:var(--dashboard-text)}
.admin-body .metric-card{background:var(--surface-1);border:1px solid var(--border);border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.admin-body .sales-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:12px 0}.admin-body .sales-metrics .metric-card{display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:12px;align-items:center;min-width:0;min-height:90px;padding:14px 16px;overflow:hidden}.kpi-icon{display:grid;place-items:center;grid-row:1/span 2;width:40px;height:40px;margin:0;border-radius:12px;color:#fff}.kpi-icon svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.kpi-sales .kpi-icon{background:linear-gradient(135deg,var(--dashboard-accent),var(--dashboard-cyan))}.kpi-count .kpi-icon{background:linear-gradient(135deg,var(--dashboard-blue),var(--dashboard-violet))}.kpi-net .kpi-icon{background:var(--dashboard-accent)}.kpi-ticket .kpi-icon{background:linear-gradient(135deg,var(--dashboard-violet),var(--dashboard-pink))}.kpi-refund .kpi-icon{background:linear-gradient(135deg,var(--dashboard-pink),var(--dashboard-red))}.kpi-pending .kpi-icon{background:linear-gradient(135deg,var(--dashboard-amber),#fb923c)}
.admin-body .sales-metrics article>span:not(.kpi-icon){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dashboard-muted);font-size:12px}.admin-body .sales-metrics strong{color:var(--dashboard-text);font-size:clamp(20px,1.8vw,30px);line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}.live-badge{display:inline-flex!important;width:max-content;align-items:center;gap:5px;margin-left:5px;font-size:11px!important}.live-badge i{width:6px;height:6px;border-radius:50%;background:var(--dashboard-accent)}
.sales-grid{display:grid;align-items:start;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:16px;margin-bottom:0}.dashboard-main-column{display:grid;grid-template-rows:auto auto;align-content:start;gap:16px;min-width:0}.dashboard-main-column>.dashboard-side{display:grid;align-items:start;grid-template-columns:1fr 1fr;gap:16px;min-width:0}.dashboard-chart{min-height:0;padding:16px}.area-chart{position:relative;display:block;min-height:264px;height:264px;overflow:visible}.area-chart svg{display:block;width:100%;height:264px;min-height:0;overflow:visible}.chart-tooltip[hidden]{display:none}.chart-line{fill:none;stroke:url(#sales-line-gradient);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.chart-area-fill{fill:url(#sales-area-gradient)}.chart-tooltip{position:absolute;top:12px;right:8px;max-width:calc(100% - 16px);padding:9px 11px;border:1px solid var(--dashboard-border);border-radius:8px;background:var(--dashboard-surface);opacity:0;pointer-events:none}.area-chart.is-tooltip-visible .chart-tooltip{opacity:1}.payment-methods-card{min-height:0}.payment-gauges{flex:0 0 auto;min-height:142px;padding-bottom:12px}
.product-sales-card,.payment-methods-card,.recent-sales-card{min-height:0;padding:16px}.product-sales-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto;row-gap:10px;overflow:hidden;padding-bottom:20px}.product-sales-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.product-sales-heading h3{margin:0;min-width:0}.product-sales-controls{display:flex;align-items:center;gap:4px;position:relative;z-index:2;pointer-events:auto}.product-sales-arrow{width:24px;height:24px;padding:0;border:1px solid var(--dashboard-border);border-radius:6px;background:transparent;color:var(--dashboard-text);cursor:pointer;font-size:20px;line-height:20px}.product-sales-arrow:hover{border-color:var(--dashboard-accent);color:var(--dashboard-accent)}.product-sales-arrow:disabled{cursor:default;opacity:.35;pointer-events:none}.product-sales-counter{min-width:30px;color:var(--dashboard-muted);font-size:11px;text-align:center;font-variant-numeric:tabular-nums}.product-sales-carousel{display:flex;min-width:0;min-height:0;flex-direction:column;gap:8px;outline:0;overflow:hidden}.product-sales-slides,.carousel-track{display:flex;width:100%;height:100%;flex:1;min-width:0;min-height:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.product-sales-slides::-webkit-scrollbar,.carousel-track::-webkit-scrollbar{display:none}.product-sales-slide,.carousel-slide{display:flex;flex:0 0 100%;width:100%;min-width:100%;min-height:0;box-sizing:border-box;flex-direction:column;justify-content:center;gap:10px;padding:8px 0;scroll-snap-align:start}.product-sales-slide-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.product-sales-product{display:flex;align-items:center;gap:10px;min-width:0}.product-sales-product strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dashboard-text);font-size:13px}.product-sales-thumbnail{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#17201f;color:#aebbb6;font-size:18px;font-weight:700}.product-sales-thumbnail img{width:100%;height:100%;object-fit:cover}.product-sales-metrics,.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.product-sales-metrics>div,.metrics-grid .metric{display:grid;min-width:0;gap:3px;padding:8px 10px;border:1px solid var(--dashboard-border);border-radius:8px;background:rgba(255,255,255,.025)}.product-sales-metrics small,.metrics-grid .label{overflow:hidden;color:var(--dashboard-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.product-sales-metrics strong,.metrics-grid .value{overflow:hidden;color:var(--dashboard-text);font-size:16px;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.product-sales-dots-wrap{min-height:8px}.product-sales-dots{display:flex;justify-content:center;gap:5px}.product-sales-dots button{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:var(--dashboard-muted);opacity:.45;cursor:pointer}.product-sales-dots button[aria-selected="true"]{background:var(--dashboard-accent);opacity:1}.product-sales-empty{display:grid;flex:1;place-items:center;color:var(--dashboard-muted);font-size:13px}.product-sales-list{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:visible;padding-bottom:4px}.product-sales-progress{height:6px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)}.product-sales-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--dashboard-accent),var(--dashboard-cyan))}.payment-methods-card{display:flex;flex-direction:column;min-height:0;padding-bottom:20px}.payment-gauges{display:grid;flex:0 0 auto;min-height:142px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;align-items:start;padding-bottom:16px}.payment-gauge{display:grid;min-width:0;justify-items:center;text-align:center}.payment-gauge svg{display:block;width:100%;height:auto;max-height:none}.payment-gauge .gauge-track,.payment-gauge .gauge-value{fill:none;stroke-width:14;stroke-linecap:round}.payment-gauge .gauge-track{stroke:rgba(255,255,255,.1)}.payment-gauge .gauge-percent{fill:var(--dashboard-text);font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}.payment-gauge strong{font-size:12px}.payment-gauge small,.payment-methods-empty{color:var(--dashboard-muted);font-size:13px;line-height:16px}.payment-gauge strong{line-height:16px}.recent-sales-card{padding-bottom:22px}.recent-sales-list{padding-bottom:8px;overflow:visible!important}
.recent-sales-card{display:grid;grid-template-rows:auto minmax(0,1fr)}.recent-sales-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.recent-sales-heading h3{margin:0}.recent-sales-heading a{color:var(--dashboard-cyan);text-decoration:none;white-space:nowrap}.recent-sales-list{--sale-row-h:64px;min-height:0;overflow:hidden!important;scrollbar-width:none}.recent-sales-list::-webkit-scrollbar{display:none}.recent-sale{display:grid;grid-template-columns:40px minmax(0,1fr) 84px auto;align-items:center;column-gap:10px;height:var(--sale-row-h);min-height:var(--sale-row-h);padding:6px 8px 6px 0;box-sizing:border-box;overflow:hidden}.recent-sale-thumbnail{display:grid;place-items:center;width:40px;height:40px;aspect-ratio:1 / 1;flex-shrink:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#17201f;color:#aebbb6;font-size:16px;font-weight:700}.recent-sale-thumbnail img{display:block;width:100%;height:100%;aspect-ratio:1 / 1;object-fit:cover}.recent-sale-main{display:grid;min-width:0;gap:3px}.recent-sale-title{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:21px;font-size:clamp(14px,1vw,15px);font-weight:600}.recent-sale-subtitle{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c1c9c6;font-size:13px;line-height:18px}.recent-sale-status{display:flex;justify-content:center;min-width:0}.recent-sale-status .status-pill{display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:72px;height:21px;margin:0;padding:0 8px;box-sizing:border-box;line-height:21px;font-size:12px;font-weight:600;text-align:center;white-space:nowrap}.recent-sale-status .status-pill i{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:currentColor}.recent-sale-meta{display:grid;justify-items:end;align-content:center;min-width:max-content;gap:2px;line-height:18px}.recent-sale-meta strong{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.recent-sale-meta time{color:#c1c9c6;font-size:13px;white-space:nowrap}
.admin-header.dashboard-header{display:block;padding:0 16px;height:64px;min-height:64px}.admin-header.dashboard-header>.admin-header-title[hidden],.admin-header.dashboard-header>.mobile-menu[hidden]{display:none}.admin-header.dashboard-header>.dashboard-toolbar{display:flex;align-items:center;width:100%;height:64px;margin:0;padding:0;border:0;background:transparent}.admin-header.dashboard-header .dashboard-toolbar>div:first-child{display:grid;align-content:center;gap:2px;min-width:0}.admin-header.dashboard-header .dashboard-toolbar .section-title{margin:0;font-size:clamp(20px,2vw,26px)}
.admin-header.dashboard-header .dashboard-toolbar > div:first-child { min-height: 40px; display: flex; align-items: center; }.admin-header.dashboard-header .dashboard-toolbar .toolbar-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.admin-header.dashboard-header #logout{display:inline-flex;flex:0 0 auto}.admin-header.dashboard-header .dashboard-toolbar .toolbar-actions .toolbar-input,.admin-header.dashboard-header .dashboard-toolbar .toolbar-actions>.button{height:40px}@media(min-width:1280px){.admin-layout{min-height:100dvh}.admin-main{min-height:100dvh;padding-bottom:20px}#admin-app{padding-bottom:16px}}
@media(max-width:1279px) and (min-width:761px){.admin-body .sales-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.sales-grid{grid-template-columns:1fr}.dashboard-main-column{grid-template-rows:auto auto}.dashboard-main-column>.dashboard-side{grid-template-columns:1fr 1fr}}@media(max-width:760px){.admin-body .sales-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-grid,.dashboard-main-column>.dashboard-side{grid-template-columns:1fr}.dashboard-main-column{grid-template-rows:auto}.recent-sale{grid-template-columns:40px minmax(0,1fr) 84px auto;column-gap:6px}.recent-sale-status .status-pill{min-width:0;padding:0 4px;font-size:11px}.recent-sale-meta strong{font-size:14px}.recent-sale-meta time{font-size:12px}}

/* The dashboard recovery layer must not replace the stable global header layout. */
.admin-header.dashboard-header { display:flex; align-items:center; justify-content:space-between; gap:20px; height:auto; min-height:104px; padding:0; overflow:visible; }
.admin-header.dashboard-header > .admin-header-title,
.admin-header.dashboard-header > .mobile-menu { display:initial; }
.admin-header.dashboard-header > .admin-header-actions { display:flex; margin-left:auto; }
@media (max-width:1100px) { .admin-header.dashboard-header { min-height:80px; padding-block:10px; } }
@media (max-width:700px) { .admin-header.dashboard-header { min-height:64px; padding-block:8px; gap:10px; } .admin-header.dashboard-header > .admin-header-title { min-width:0; } .admin-header.dashboard-header > .admin-header-title h1 { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } }

/* Light theme contrast correction: override legacy dark presentation layers. */
html[data-theme="light"] { --dashboard-bg:#F4F7FB; --dashboard-surface:#FFFFFF; --dashboard-surface-2:#F8FAFC; --dashboard-border:#DCE3ED; --dashboard-text:#172033; --dashboard-muted:#64748B; --dashboard-accent:#10B981; --dashboard-cyan:#0369A1; --dashboard-blue:#2563EB; --dashboard-violet:#6D28D9; --dashboard-pink:#BE185D; --dashboard-amber:#B45309; --dashboard-red:#B4233C; }
html[data-theme="light"] .admin-body, html[data-theme="light"] .admin-body .sidebar, html[data-theme="light"] .admin-body .admin-main { background:var(--bg-primary); color:var(--text-primary); }
html[data-theme="light"] .admin-body .metric-card, html[data-theme="light"] .admin-body .table-card, html[data-theme="light"] .admin-body .search-wrap, html[data-theme="light"] .admin-body .callout, html[data-theme="light"] .admin-body .checkout-edit-card, html[data-theme="light"] .admin-body .checkout-admin-card { background:var(--bg-card); color:var(--text-primary); border-color:var(--border-color); }
html[data-theme="light"] .admin-body h1, html[data-theme="light"] .admin-body h2, html[data-theme="light"] .admin-body h3, html[data-theme="light"] .admin-body h4, html[data-theme="light"] .admin-body strong, html[data-theme="light"] .admin-body .section-title, html[data-theme="light"] .admin-body .product-card h2, html[data-theme="light"] .admin-body .dashboard-card-heading h3, html[data-theme="light"] .admin-body .admin-dialog h2 { color:var(--text-primary); }
html[data-theme="light"] .admin-body p, html[data-theme="light"] .admin-body label, html[data-theme="light"] .admin-body .muted, html[data-theme="light"] .admin-body .field-hint, html[data-theme="light"] .admin-body .form-section-heading p, html[data-theme="light"] .admin-body .product-card p, html[data-theme="light"] .admin-body .product-card .muted { color:var(--text-secondary); }
html[data-theme="light"] .admin-body input, html[data-theme="light"] .admin-body select, html[data-theme="light"] .admin-body textarea, html[data-theme="light"] .admin-body .toolbar-input, html[data-theme="light"] .admin-body .checkout-admin .theme-select, html[data-theme="light"] .admin-body .checkout-admin .checkout-offer-fields input, html[data-theme="light"] .admin-body .checkout-admin .checkout-offer-fields select, html[data-theme="light"] .admin-body .checkout-admin .checkout-offer-fields textarea, html[data-theme="light"] .admin-body .checkout-admin .product-option input { background:var(--input-bg); color:var(--text-primary); border-color:var(--border-color); }
html[data-theme="light"] .admin-body input::placeholder, html[data-theme="light"] .admin-body textarea::placeholder { color:var(--text-secondary); }
html[data-theme="light"] .admin-body .button:not(.primary), html[data-theme="light"] .admin-body .copy-button, html[data-theme="light"] .admin-body .checkout-admin .btn { color:var(--text-primary); border-color:var(--border-strong); background:var(--bg-card); }
html[data-theme="light"] .admin-body .button.primary { background:var(--accent-color); border-color:var(--accent-color); color:#053B2A; }
html[data-theme="light"] .admin-body .side-nav a, html[data-theme="light"] .admin-body .sidebar-footer { color:var(--text-secondary); } html[data-theme="light"] .admin-body .side-nav a.active { color:var(--text-primary); background:var(--accent-soft); }
html[data-theme="light"] .admin-body .table-head { background:var(--table-header-bg); color:var(--text-primary); } html[data-theme="light"] .admin-body .link-row, html[data-theme="light"] .admin-body .product-sales-row { border-color:var(--border-color); }
html[data-theme="light"] .admin-body .admin-dialog, html[data-theme="light"] .admin-body .theme-menu { background:var(--bg-card); color:var(--text-primary); border-color:var(--border-color); } html[data-theme="light"] .admin-body .theme-menu button { color:var(--text-primary); }
html[data-theme="light"] .admin-body .chart-y-tick line { stroke:#CBD5E1; } html[data-theme="light"] .admin-body .chart-y-tick text, html[data-theme="light"] .admin-body .chart-x-label, html[data-theme="light"] .admin-body .chart-empty-text { fill:var(--text-secondary); } html[data-theme="light"] .admin-body .chart-point { fill:#FFFFFF; stroke:var(--accent-color); } html[data-theme="light"] .admin-body .chart-guide { stroke:#94A3B8; }
html[data-theme="light"] .admin-body .chart-tooltip { background:#FFFFFF; border-color:var(--border-color); box-shadow:0 8px 24px rgba(23,32,51,.16); } html[data-theme="light"] .admin-body .chart-tooltip strong, html[data-theme="light"] .admin-body .chart-tooltip b { color:var(--text-primary); } html[data-theme="light"] .admin-body .chart-tooltip span, html[data-theme="light"] .admin-body .recent-sale-subtitle, html[data-theme="light"] .admin-body .recent-sale-meta time { color:var(--text-secondary); }
html[data-theme="light"] .admin-body .product-share { color:#047857; background:#D1FAE5; border-color:#6EE7B7; } html[data-theme="light"] .admin-body .product-sales-progress { background:#E2E8F0; } html[data-theme="light"] .admin-body .payment-gauge .gauge-track { stroke:#CBD5E1; } html[data-theme="light"] .admin-body .payment-gauge .gauge-percent { fill:var(--dashboard-text); }
html[data-theme="light"] .admin-body .product-edit .detail-tabs { background:#FFFFFF; border-color:#A7F3D0; } html[data-theme="light"] .admin-body .product-edit .detail-tabs button { color:var(--text-secondary); } html[data-theme="light"] .admin-body .product-edit .detail-tabs button.active { color:#053B2A; background:var(--accent-color); }
html[data-theme="light"] .admin-body .product-edit .form-section-heading h3, html[data-theme="light"] .admin-body .product-edit .field, html[data-theme="light"] .admin-body .product-edit .delivery-option, html[data-theme="light"] .admin-body .product-edit .delivery-option strong { color:var(--text-primary); } html[data-theme="light"] .admin-body .product-edit .form-section-heading p, html[data-theme="light"] .admin-body .product-edit .field-subsection h4, html[data-theme="light"] .admin-body .product-edit .delivery-option small { color:var(--text-secondary); }
html[data-theme="light"] .admin-body .product-edit .field input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), html[data-theme="light"] .admin-body .product-edit .field select, html[data-theme="light"] .admin-body .product-edit .field textarea { background:var(--input-bg); color:var(--text-primary); border-color:var(--border-color); } html[data-theme="light"] .admin-body .product-edit > .detail-panel > .product-form-actions { background:rgba(255,255,255,.96); border-color:var(--border-color); }
html[data-theme="light"] .admin-body .checkout-admin .checkout-section-heading h2, html[data-theme="light"] .admin-body .checkout-admin .checkout-live-preview summary, html[data-theme="light"] .admin-body .checkout-admin .checkout-subsection-heading h3, html[data-theme="light"] .admin-body .checkout-admin .checkout-row-main > strong, html[data-theme="light"] .admin-body .checkout-admin .checkout-live-preview h3 { color:var(--text-primary); } html[data-theme="light"] .admin-body .checkout-admin .checkout-section-heading p, html[data-theme="light"] .admin-body .checkout-admin .checkout-row-main .muted, html[data-theme="light"] .admin-body .checkout-admin .checkout-image-copy p, html[data-theme="light"] .admin-body .checkout-admin .checkout-upload-zone small, html[data-theme="light"] .admin-body .checkout-admin .checkout-upload-hint, html[data-theme="light"] .admin-body .checkout-admin .checkout-file-meta { color:var(--text-secondary); }
html[data-theme="light"] .admin-body .checkout-admin .checkout-upload-zone, html[data-theme="light"] .admin-body .checkout-admin .item-price-wrap, html[data-theme="light"] .admin-body .checkout-admin .preview-banner { background:#F8FAFC; color:var(--text-primary); border-color:var(--border-color); } html[data-theme="light"] .admin-body .checkout-admin .preview-order, html[data-theme="light"] .admin-body .checkout-admin .preview-field, html[data-theme="light"] .admin-body .checkout-admin .preview-methods span { color:var(--text-secondary); border-color:var(--border-color); } html[data-theme="light"] .admin-body .checkout-admin .preview-order > strong, html[data-theme="light"] .admin-body .checkout-admin .preview-methods span.selected { color:var(--text-primary); }

/* Dashboard height contract: the right card follows the left column and scrolls only its list. */
.sales-grid { align-items: stretch; }
.dashboard-main-column { align-items: stretch; align-content: stretch; }
.dashboard-main-column > .dashboard-side { align-items: stretch; }
.recent-sales-card { display: grid; grid-template-rows: auto minmax(0, 1fr); min-height: 0; padding-bottom: 22px; }
.recent-sales-list { min-height: 0; overflow-y: auto !important; padding-bottom: 8px; }
.product-sales-card { min-height: 0; padding-bottom: 20px; }
.product-sales-list { min-height: 0; overflow: visible; padding-bottom: 4px; }
.payment-methods-card { min-height: 0; padding-bottom: 20px; }
.payment-gauges { flex: 0 0 auto; min-height: 142px; padding-bottom: 16px; }

/* Dashboard desktop viewport: only this view is height-bounded. */
@media (min-width: 1200px) {
  .admin-layout:has(.dashboard-header) { height: 100vh; min-height: 0; overflow: hidden; }
  .admin-layout:has(.dashboard-header) .sidebar { height: calc(100vh - 23px); min-height: 0; overflow: hidden; }
  .admin-layout:has(.dashboard-header) .admin-main { display: grid; grid-template-rows: auto auto auto minmax(0, 1fr); height: 100%; min-height: 0; padding-bottom: 16px; overflow: hidden; }
  .admin-layout:has(.dashboard-header) #admin-app { display: contents; }
  .admin-layout:has(.dashboard-header) .admin-header { grid-row: 1; }
  .admin-layout:has(.dashboard-header) #admin-app > .dashboard-toolbar { grid-row: 2; min-height: 40px; margin: 12px 0 8px; }
  .admin-layout:has(.dashboard-header) #admin-app > .sales-metrics { grid-row: 3; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); min-height: 0; height: auto; margin: 4px 0 12px; gap: 12px; }
  .admin-layout:has(.dashboard-header) #admin-app > .sales-metrics .metric-card { min-height: 0; height: auto; padding: 12px; }
  .admin-layout:has(.dashboard-header) #admin-app > .sales-grid { grid-row: 4; min-height: 0; height: 100%; }
  .admin-layout:has(.dashboard-header) #admin-app > .sales-metrics strong { font-size: 28px; }
  .admin-layout:has(.dashboard-header) #admin-app > .sales-grid { min-height: 0; height: 100%; align-items: stretch; }
  .admin-layout:has(.dashboard-header) .sales-grid { grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr); gap: 12px; }
  .admin-layout:has(.dashboard-header) .dashboard-main-column { grid-template-rows: minmax(0, 1.4fr) minmax(0, 1fr); align-content: stretch; gap: 12px; min-height: 0; }
  .admin-layout:has(.dashboard-header) .dashboard-main-column > .dashboard-side { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; min-height: 0; align-items: stretch; }
  .admin-layout:has(.dashboard-header) .dashboard-chart,
  .admin-layout:has(.dashboard-header) .product-sales-card,
  .admin-layout:has(.dashboard-header) .payment-methods-card,
  .admin-layout:has(.dashboard-header) .recent-sales-card { min-height: 0; height: 100%; box-sizing: border-box; }
  .admin-layout:has(.dashboard-header) .dashboard-chart { padding: 14px; }
  .admin-layout:has(.dashboard-header) .area-chart,
  .admin-layout:has(.dashboard-header) .area-chart svg { height: 100%; min-height: 0; }
  .admin-layout:has(.dashboard-header) .recent-sales-card { overflow: hidden; grid-template-rows: auto minmax(0, 1fr); padding: 14px; }
  .admin-layout:has(.dashboard-header) .recent-sales-list { min-height: 0; overflow: hidden !important; }
  .admin-layout:has(.dashboard-header) .recent-sale { height: 54px; min-height: 54px; }
  .admin-layout:has(.dashboard-header) .payment-gauges { min-height: 0; padding-bottom: 8px; }
  .admin-layout:has(.dashboard-header) .payment-gauge svg { max-height: 100%; }
  .admin-layout:has(.dashboard-header) .sales-metrics strong { font-size: 28px; }
}

/* Product sales carousel: transform-based presentation. */
.vp-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto;row-gap:6px;min-width:0;min-height:0;container-type:inline-size;overflow:hidden;padding:12px 16px 10px;box-sizing:border-box}
.vp-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.vp-head h3{min-width:0;margin:0}.vp-head .product-sales-controls{display:flex;align-items:center;gap:4px;position:relative;z-index:3;pointer-events:auto}
.vp-viewport{min-width:0;min-height:0;overflow:hidden;overflow-y:hidden;scroll-top:0}.vp-viewport .product-sales-carousel{display:block;min-width:0;height:100%;overflow:hidden}.vp-track{display:flex;width:100%;height:100%;min-width:0;min-height:0;transition:transform .3s ease;will-change:transform}.vp-slide{display:grid;grid-template-rows:auto auto auto;align-content:start;row-gap:6px;flex:0 0 100%;width:100%;min-width:0;min-height:0;height:100%;box-sizing:border-box;padding:2px 2px 0}.vp-slide .product-sales-slide-head{display:flex;align-items:center;gap:10px;min-width:0}.vp-slide .product-sales-product{min-width:0;flex:1}.vp-slide .product-sales-thumbnail{width:32px;height:32px;flex:0 0 32px;border-radius:6px}.vp-slide .product-sales-product strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.vp-slide .product-share{flex-shrink:0;padding:2px 8px;font-size:11px}.vp-slide .metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.vp-slide .metric{min-width:0;padding:6px 10px;overflow:hidden}.vp-slide .metric .label{display:block;margin:0;letter-spacing:normal;text-transform:none;font-size:10.5px;line-height:1.15;white-space:nowrap}.vp-slide .metric .value{display:block;margin:0;overflow:visible;color:var(--dashboard-text);font-size:14px;line-height:1.15;font-variant-numeric:tabular-nums;white-space:nowrap}.vp-slide .product-sales-progress{height:3px;margin-top:2px}.vp-dots{display:flex;justify-content:center;gap:5px;min-height:10px;height:10px;margin-top:0}.vp-dots button{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:var(--dashboard-muted);opacity:.45;cursor:pointer}.vp-dots button[aria-selected=true]{background:var(--dashboard-accent);opacity:1}.vp-card .product-sales-arrow:disabled{pointer-events:none;opacity:.35}
@container (max-width:380px){.vp-slide .metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vp-slide .metric{padding:6px 10px}.vp-slide .metric .label{font-size:10.5px}.vp-slide .metric .value{font-size:14px;line-height:1.15}}
@media (min-width:1200px){.vp-card,.vp-viewport,.vp-track,.vp-slide{min-width:0;min-height:0}.vp-card .vp-head,.vp-card .vp-viewport,.vp-card .vp-dots{position:relative;z-index:2;pointer-events:auto}.vp-viewport{overflow:hidden!important;overflow-x:hidden!important;overflow-y:hidden!important}.vp-track{display:flex!important;width:100%!important;height:100%!important;overflow:visible!important;pointer-events:auto}.vp-slide{display:grid!important;flex:0 0 100%!important;width:100%!important;min-width:100%!important;height:100%!important}.vp-card .product-sales-arrow,.vp-card .vp-dots button{position:relative;z-index:4;pointer-events:auto}}

/* Product offers/checkouts presentation normalization. */
.offers-admin .checkout-admin-card,.checkout-admin .checkout-admin-card{width:100%;padding:20px;box-sizing:border-box}
.offers-admin .checkout-offer-form,.checkout-admin .checkout-offer-form{width:100%}
.checkout-admin .checkout-offer-fields,.checkout-admin .checkout-products-section{width:100%;padding:20px 0}
.checkout-admin .checkout-offer-fields .form-grid,.checkout-admin .checkout-products-section .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}
.checkout-admin .checkout-offer-fields label,.checkout-admin .checkout-products-section label,.checkout-admin form>label{display:grid;gap:6px;color:var(--text-secondary);font-size:12px;line-height:1.2}
.checkout-admin .checkout-description,.checkout-admin .checkout-field-total,.checkout-admin form>label[for]{grid-column:1/-1}
.checkout-admin .checkout-offer-fields input:not([type=checkbox]):not([type=radio]),.checkout-admin .checkout-offer-fields select,.checkout-admin .checkout-offer-fields textarea,.checkout-admin form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.checkout-admin form select,.checkout-admin form textarea{width:100%;min-width:0;min-height:40px;box-sizing:border-box;border:1px solid var(--border-color);border-radius:8px;background:var(--input-bg);color:var(--text-primary);font:inherit}
.checkout-admin .checkout-offer-fields input:not([type=checkbox]):not([type=radio]),.checkout-admin .checkout-offer-fields select,.checkout-admin form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.checkout-admin form select{height:40px;padding:0 12px}
.checkout-admin .checkout-offer-fields textarea,.checkout-admin form textarea{min-height:96px;padding:10px 12px;resize:vertical}
.checkout-admin input:not([type=checkbox]):not([type=radio]):focus,.checkout-admin select:focus,.checkout-admin textarea:focus{outline:0;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-soft)}
.checkout-admin input[type=checkbox],.checkout-admin input[type=radio]{width:auto;height:auto;padding:0;margin:0;accent-color:var(--accent-color);background:transparent}
.checkout-admin .checkout-products-section .product-picker{display:grid;gap:8px}.checkout-admin .product-option{display:grid!important;grid-template-columns:40px minmax(0,1fr) 130px 84px;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 0;box-sizing:border-box}
.checkout-admin .product-option-thumb{display:grid;place-items:center;width:40px;height:40px;overflow:hidden;border-radius:8px;background:var(--bg-secondary);color:var(--text-secondary);font-weight:700}.checkout-admin .product-option-thumb img{width:100%;height:100%;object-fit:cover}.checkout-admin .product-option-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkout-admin .product-option .item-price-wrap{position:relative;display:flex;align-items:center;width:100%;min-width:0;height:40px;box-sizing:border-box;padding-left:30px}.checkout-admin .product-option .item-price-wrap>span{position:absolute;left:10px}.checkout-admin .product-option .item-price,.checkout-admin .product-option .item-quantity{width:100%;min-width:0;height:40px;box-sizing:border-box}.checkout-admin .product-option .item-price{padding-left:8px}.checkout-admin .product-option:has(input[type=checkbox]:not(:checked)){opacity:.6}.checkout-admin .checkout-offer-total{margin:12px 0 0;text-align:right}.checkout-admin .form-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:16px;border-top:1px solid var(--border-color)}
.studio-switch{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 46px;align-items:center;gap:12px;min-height:58px;cursor:pointer}.studio-switch-copy{display:grid;gap:4px;min-width:0}.studio-switch-copy strong{color:var(--text-primary);font-size:13px}.studio-switch-copy small{color:var(--text-secondary);font-size:11px;line-height:1.35}.studio-switch-status{font-weight:700;color:var(--text-secondary)}.studio-switch:has(input:checked) .studio-switch-status{color:var(--accent)}.studio-switch input{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.studio-switch-track{position:relative;display:block;width:46px;height:26px;border:1px solid var(--border-strong);border-radius:999px;background:#6b7280;transition:background 160ms ease,border-color 160ms ease}.studio-switch-track span{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.28);transition:transform 160ms ease}.studio-switch:has(input:checked) .studio-switch-track{border-color:var(--accent);background:var(--accent)}.studio-switch:has(input:checked) .studio-switch-track span{transform:translateX(20px)}.studio-switch:focus-within .studio-switch-track{outline:2px solid var(--accent);outline-offset:3px}.studio-switch input:disabled ~ .studio-switch-track{cursor:not-allowed;opacity:.5}.checkout-admin .checkout-toggle{padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary)}.checkout-admin .checkout-toggle:has(input:checked){border-color:var(--accent-color);background:var(--accent-soft)}
.checkout-admin .related-list{display:grid;gap:12px;width:100%;margin-top:16px}.checkout-admin .checkout-row,.offers-admin .offer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;width:100%;padding:16px 20px;box-sizing:border-box}.checkout-admin .checkout-row-main,.offers-admin .checkout-row-main{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.checkout-admin .checkout-row-main strong,.offers-admin .checkout-row-main strong{color:var(--text-primary);font-size:15px}.checkout-admin .checkout-row-main .muted,.offers-admin .checkout-row-main .muted,.offers-admin .offer-association span{color:var(--text-secondary);font-size:13px}.checkout-admin .action-cell,.offers-admin .action-cell{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:8px}.checkout-admin .action-cell .btn,.offers-admin .action-cell .btn{height:32px;min-height:32px;padding:0 10px;white-space:nowrap}.offers-admin .offer-association{display:flex;gap:8px;grid-column:1}.offers-admin .offer-row{grid-template-columns:minmax(0,1fr) auto}.offers-admin .offer-row .action-cell{grid-column:2;grid-row:1 / span 2}.checkout-admin .checkout-row-main>span:not(.status-pill){margin-left:8px}.checkout-admin .checkout-row-main>span:not(.status-pill)::before,.offers-admin .offer-association span+span::before{content:'·';margin-right:8px;color:var(--text-secondary)}
@media(max-width:899px){.checkout-admin .checkout-offer-fields .form-grid,.checkout-admin .checkout-products-section .form-grid{grid-template-columns:1fr}.checkout-admin .checkout-toggle{grid-column:auto}.checkout-admin .checkout-row,.offers-admin .offer-row{grid-template-columns:1fr}.checkout-admin .action-cell,.offers-admin .action-cell{grid-column:1;grid-row:auto;justify-content:flex-start;flex-wrap:wrap}.offers-admin .offer-association{grid-column:1}}

/* Product-option thumbnails are fixed independently from full-size product/preview imagery. */
.offers-admin .product-option-thumb img,.checkout-admin .product-option-thumb img,.offers-admin .product-option img,.checkout-admin .product-option img{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important;min-width:40px;object-fit:cover;border-radius:8px;flex-shrink:0;display:block}
.offers-admin .product-picker{display:grid;gap:8px;min-width:0}.offers-admin .product-picker-head,.offers-admin .product-option{display:grid;grid-template-columns:24px 40px minmax(0,1fr) 140px 84px;column-gap:12px;align-items:center;min-width:0}.offers-admin .product-picker-head{padding:0 14px 8px;border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:11px;text-transform:uppercase}.offers-admin .product-option{overflow:hidden;min-height:64px;padding:10px 14px;border-left:3px solid transparent;box-sizing:border-box}.offers-admin .product-option:has(input[type=checkbox]:checked){border-left-color:var(--accent-color);background:rgba(16,185,129,.07)}.offers-admin .product-option:has(input[type=checkbox]:not(:checked)){opacity:.55}.offers-admin .product-option:has(input[type=checkbox]:not(:checked)):hover{opacity:.85}.offers-admin .product-option>input[type=checkbox]{appearance:auto;width:18px;height:18px;padding:0;margin:0;background:transparent;border:auto;accent-color:var(--accent-color);cursor:pointer;justify-self:center}.offers-admin .product-option-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600}.offers-admin .product-option-thumb{width:40px;height:40px;min-width:40px;overflow:hidden;border-radius:8px}.offers-admin .product-option-thumb img,.offers-admin .product-option-thumb>img{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important}.offers-admin .product-option .item-price-wrap{position:relative;display:flex;align-items:center;width:100%;min-width:0;height:36px}.offers-admin .product-option .item-price-wrap>span{position:absolute;left:10px;z-index:1;color:var(--text-secondary);pointer-events:none}.offers-admin .product-option .item-price{width:100%;height:36px;padding-left:32px;text-align:right;font-variant-numeric:tabular-nums}.offers-admin .product-option .item-quantity{width:100%;height:36px;padding:0 8px;text-align:center;font-variant-numeric:tabular-nums}.offers-admin .product-option>*{min-width:0;max-width:100%;white-space:nowrap}.offers-admin .product-picker .checkout-offer-total{grid-column:3 / 5;margin:4px 0 0;text-align:right}.offers-admin .product-picker .checkout-offer-total strong{color:var(--accent-color);font-variant-numeric:tabular-nums}.offers-admin .form-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:16px;border-top:1px solid var(--border-color)}
.offers-admin .product-option>* ,.checkout-admin .product-option>*{min-width:0;max-width:100%;overflow:hidden}
.offers-admin .product-option .item-price-wrap,.checkout-admin .product-option .item-price-wrap{position:relative;width:100%;min-width:0;overflow:visible}
.offers-admin .product-option .item-price,.offers-admin .product-option .item-quantity,.checkout-admin .product-option .item-price,.checkout-admin .product-option .item-quantity{width:100%;min-width:0;box-sizing:border-box}
CSS
node --check frontend/admin.js@media (max-width:759px){.offers-admin .product-picker-head{display:none}.offers-admin .product-option{grid-template-columns:24px 40px minmax(0,1fr);grid-template-rows:40px 36px;gap:6px 12px;padding:10px 14px}.offers-admin .product-option .item-price-wrap{grid-column:3;grid-row:2;width:calc(50% - 6px)}.offers-admin .product-option .item-quantity{grid-column:3;grid-row:2;margin-left:calc(50% + 6px);width:calc(50% - 6px)}.offers-admin .product-picker .checkout-offer-total{grid-column:1 / -1}}

/* Final product-offer list structure: header and rows share one vertical grid. */
.offers-admin .product-picker{--cols:28px 40px minmax(0,1fr) 130px 76px;display:flex!important;flex-direction:column;gap:8px;width:100%;min-width:0;max-width:100%;overflow:hidden;box-sizing:border-box}
.offers-admin .product-picker-head,.offers-admin .product-option{display:grid!important;grid-template-columns:var(--cols)!important;grid-auto-flow:row;column-gap:12px;align-items:center;width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.offers-admin .product-picker-head{flex:0 0 auto;height:auto;margin:0;padding:0 14px 8px;border-bottom:1px solid var(--border-color);font-size:11px;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);white-space:nowrap;position:static;float:none}
.offers-admin .product-picker-head>span{min-width:0;overflow:hidden;white-space:nowrap}.offers-admin .product-picker-head>span:nth-child(3){text-align:left}.offers-admin .product-picker-head>span:nth-child(4){text-align:right}.offers-admin .product-picker-head>span:nth-child(5){text-align:center}
.offers-admin .product-option{flex:0 0 auto;grid-template-rows:1fr!important;grid-auto-flow:row!important;min-height:60px!important;height:auto!important;margin:0;padding:10px 14px!important;border:1px solid var(--border-color);border-left:3px solid transparent;border-radius:10px;overflow:hidden}
.offers-admin .product-option>input[type=checkbox]{grid-column:1;grid-row:1;width:18px!important;height:18px!important;min-width:18px;max-width:18px;padding:0;margin:0;appearance:auto;background:transparent;border:auto;accent-color:var(--accent-color);justify-self:center}
.offers-admin .product-option>.product-option-thumb{grid-column:2;grid-row:1;width:40px;min-width:40px;height:40px;max-width:40px;overflow:hidden}
.offers-admin .product-option>.product-option-title{grid-column:3;grid-row:1;display:block!important;visibility:visible;opacity:1;min-width:0;width:auto;max-width:100%;overflow:hidden;color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.offers-admin .product-option>.item-price-wrap{grid-column:4;grid-row:1;position:relative;width:100%;min-width:0;max-width:100%;height:36px;margin:0;overflow:visible}
.offers-admin .product-option>.item-price-wrap>span{position:absolute;left:10px;top:50%;z-index:1;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}
.offers-admin .product-option>.item-price-wrap>.item-price{width:100%!important;min-width:0;height:36px!important;box-sizing:border-box;padding:0 8px 0 32px;text-align:right;font-variant-numeric:tabular-nums}
.offers-admin .product-option>.item-quantity{grid-column:5;grid-row:1;width:100%!important;min-width:0;height:36px!important;box-sizing:border-box;padding:0 6px;text-align:center;font-variant-numeric:tabular-nums}
.offers-admin .product-picker>.checkout-offer-total{flex:0 0 auto;grid-column:auto!important;width:100%;margin:8px 0 0;padding:0 14px;text-align:right;box-sizing:border-box}
.offers-admin .product-picker>.checkout-offer-total strong{color:var(--accent-color);font-variant-numeric:tabular-nums}
.offers-admin .checkout-offer-fields+.checkout-products-section{min-width:0;overflow:hidden}
.offers-admin #offer-form>.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}
@media(max-width:759px){.offers-admin .product-picker-head{display:none}.offers-admin .product-option{grid-template-columns:28px 40px minmax(0,1fr)!important;grid-template-rows:40px 36px!important;column-gap:12px;row-gap:8px;padding:10px 14px!important}.offers-admin .product-option>input[type=checkbox]{grid-column:1;grid-row:1}.offers-admin .product-option>.product-option-thumb{grid-column:2;grid-row:1}.offers-admin .product-option>.product-option-title{grid-column:3;grid-row:1}.offers-admin .product-option>.item-price-wrap{grid-column:3;grid-row:2;width:calc(50% - 4px);justify-self:start}.offers-admin .product-option>.item-quantity{grid-column:3;grid-row:2;width:calc(50% - 4px)!important;margin-left:calc(50% + 4px)}.offers-admin .product-picker>.checkout-offer-total{padding:0 14px}}

/* Product tabs: quiet, theme-aware navigation bar. */
.product-edit .detail-tabs{display:flex;align-items:center;gap:4px;min-width:0;width:100%;min-height:0;margin:0 0 18px;padding:0 4px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;border:0;border-bottom:1px solid rgba(255,255,255,.08);border-radius:0;background:transparent;box-shadow:none}
.product-edit .detail-tabs::-webkit-scrollbar{display:none}
.product-edit .detail-tabs button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;height:44px;min-height:44px;padding:0 16px;border:0;border-radius:10px 10px 0 0;background:transparent;color:#9aa3b8;cursor:pointer;font:inherit;font-size:14px;font-weight:600;line-height:1;white-space:nowrap;transition:background .15s,color .15s,box-shadow .15s}
.product-edit .detail-tabs button:hover{background:rgba(255,255,255,.05);color:#e6eaf5}
.product-edit .detail-tabs button:focus-visible{z-index:2;outline:2px solid var(--accent);outline-offset:2px}
.product-edit .detail-tabs button.active{background:rgba(16,185,129,.14);color:#34d399;box-shadow:inset 0 0 0 1px rgba(16,185,129,.30)}
.product-edit .detail-tabs button.active::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;border-radius:2px;background:#10b981;opacity:1}
html[data-theme="light"] .product-edit .detail-tabs{border-bottom-color:#e5e7eb;background:transparent;box-shadow:none}
html[data-theme="light"] .product-edit .detail-tabs button{color:#5b6475;background:transparent}
html[data-theme="light"] .product-edit .detail-tabs button:hover{background:rgba(15,23,42,.05);color:#111827}
html[data-theme="light"] .product-edit .detail-tabs button:focus-visible{outline-color:var(--accent);outline-offset:2px}
html[data-theme="light"] .product-edit .detail-tabs button.active{background:rgba(5,150,105,.10);color:#047857;box-shadow:inset 0 0 0 1px rgba(5,150,105,.28)}
html[data-theme="light"] .product-edit .detail-tabs button.active::after{background:#059669}
@media(max-width:899px){.product-edit .detail-tabs button{height:44px;min-height:44px;padding:0 12px;font-size:13px}}

/* Dark palette surfaces and controls. */
:root:not([data-theme="light"]){
  --surface-0:#0d0e10;--surface-1:#15171a;--surface-2:#1b1e22;--surface-3:#22262b;
  --card:var(--surface-1);--field:var(--surface-2);--bg-primary:var(--bg);--bg-secondary:var(--surface-2);--bg-card:var(--surface-1);
  --text-primary:var(--text);--text-secondary:var(--muted);--border-color:var(--border);--input-bg:var(--surface-2);
}
.admin-body{background:var(--bg);color:var(--text)}
.admin-body .sidebar,.admin-header{background:var(--bg);border-color:var(--border)}
.admin-body .detail-panel,.admin-body .card,.admin-body .metric-card,.admin-body .product-sales-card,.admin-body .payment-methods-card,.admin-body .recent-sales-card,.admin-body .checkout-admin-card,.admin-body .checkout-edit-card{background:var(--surface-1);border:1px solid var(--border);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.admin-body input,.admin-body select,.admin-body textarea,.admin-body .item-price-wrap,.admin-body .product-option,.admin-body .checkout-row,.admin-body .offer-row{background:var(--surface-2);border-color:var(--border);color:var(--text)}
.admin-body input:disabled,.admin-body select:disabled,.admin-body textarea:disabled{background:var(--surface-3);color:var(--muted)}
.admin-body input::placeholder,.admin-body textarea::placeholder{color:var(--muted)}
.admin-body input:focus,.admin-body select:focus,.admin-body textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.admin-body .side-nav a:hover{background:var(--surface-1)}
.admin-body .side-nav a.active{background:var(--accent-soft);color:var(--accent-text);box-shadow:inset 3px 0 var(--accent)}
.admin-body .btn,.admin-body .button{height:34px;border-radius:8px;padding:0 14px;font-size:13px;font-weight:600}
.admin-body .btn,.admin-body .button:not(.primary):not(.btn-primary):not(.danger-button){background:transparent;border:1px solid var(--border-strong);color:var(--text)}
.admin-body .btn:hover,.admin-body .button:not(.primary):not(.btn-primary):not(.danger-button):hover{background:var(--surface-3);border-color:var(--border-strong)}
.admin-body .btn-primary,.admin-body .button.primary{background:var(--accent);border-color:var(--accent);color:#04130d}
.admin-body .btn-ghost-danger,.admin-body .danger-button{background:transparent;border:1px solid var(--border-strong);color:#f87171}
.admin-body .btn-ghost-danger:hover,.admin-body .danger-button:hover{background:rgba(248,113,113,.12)}
.admin-body .product-picker .product-option:has(input[type="checkbox"]:checked){background:var(--accent-soft);border-left-color:var(--accent)}
.admin-body .form-actions,.admin-body .checkout-form-actions,.admin-body .product-form-actions{border-top-color:var(--border);padding:16px}
.admin-body .sales-grid .metric-card,.admin-body .sales-metrics .metric-card,.admin-body .dashboard-chart,.admin-body .product-sales-card,.admin-body .payment-methods-card,.admin-body .recent-sales-card{background:var(--surface-1)}
.admin-body .product-sales-progress,.admin-body .payment-gauge .gauge-track{background:var(--surface-2)}
.admin-body .chart-tooltip{background:var(--surface-2);border-color:var(--border)}
.admin-body .product-edit .detail-panel,.admin-body .checkout-admin{width:100%;max-width:none;box-sizing:border-box}
.admin-body .product-edit .detail-panel,.admin-body .checkout-admin{padding:24px}
.admin-body .product-edit .product-general-form,.admin-body .checkout-admin form,.admin-body .checkout-admin .related-list{width:100%;max-width:none;box-sizing:border-box}

/* Minhas Vendas: method labels are text-first, status badges are semantic. */
.orders-table .payment-badge{display:inline-flex;align-items:center;gap:8px;width:auto;min-width:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--text);font-size:14px;font-weight:500;white-space:nowrap}
.orders-table .payment-badge::before{content:"";display:block;width:18px;height:18px;flex:0 0 18px;background-color:var(--muted);background-repeat:no-repeat;background-position:center;background-size:contain}
.orders-table .payment-badge.payment-pix::before{background-color:#32bcad;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m7.1 2.8 4.9 4.9 4.9-4.9a4 4 0 0 1 5.7 5.7l-4.9 4.9 4.9 4.9a4 4 0 0 1-5.7 5.7L12 19.1l-4.9 4.9a4 4 0 0 1-5.7-5.7l4.9-4.9-4.9-4.9a4 4 0 0 1 5.7-5.7Zm-1.4 1.4a2 2 0 0 0-2.9 2.9l6.3 6.3-6.3 6.3a2 2 0 0 0 2.9 2.9l6.3-6.3 6.3 6.3a2 2 0 0 0 2.9-2.9L14 13.4l6.3-6.3a2 2 0 0 0-2.9-2.9L12 10.5Z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m7.1 2.8 4.9 4.9 4.9-4.9a4 4 0 0 1 5.7 5.7l-4.9 4.9 4.9 4.9a4 4 0 0 1-5.7 5.7L12 19.1l-4.9 4.9a4 4 0 0 1-5.7-5.7l4.9-4.9-4.9-4.9a4 4 0 0 1 5.7-5.7Zm-1.4 1.4a2 2 0 0 0-2.9 2.9l6.3 6.3-6.3 6.3a2 2 0 0 0 2.9-2.9l6.3-6.3 6.3 6.3a2 2 0 0 0 2.9-2.9L14 13.4l6.3-6.3a2 2 0 0 0-2.9-2.9L12 10.5Z'/%3E%3C/svg%3E") center/contain no-repeat}
.orders-table .payment-badge.payment-card::before{content:"▭";display:grid;place-items:center;background:none;color:var(--muted);font-size:22px;line-height:18px;font-family:Arial,sans-serif}
.orders-table .payment-badge.payment-boleto::before,.orders-table .payment-badge.payment-unknown::before{content:"•";display:grid;place-items:center;background:none;color:var(--muted);font-size:22px;line-height:18px}
.status-pill.order-status-paid,.status-pill.order-status-pending,.status-pill.order-status-rejected,.status-pill.order-status-chargeback,.status-pill.order-status-cancelled,.status-pill.order-status-expired,.status-pill.order-status-refunded,.status-pill.order-status-unknown{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:84px;height:24px;box-sizing:border-box;padding:3px 10px;border:1px solid transparent;border-radius:999px;font-size:12px;font-weight:600;line-height:1;text-align:center;white-space:nowrap}
.status-pill.order-status-paid{background:rgba(16,185,129,.14)!important;color:#34d399!important;border-color:rgba(16,185,129,.28)!important}
.status-pill.order-status-pending{background:rgba(245,158,11,.14)!important;color:#fbbf24!important;border-color:rgba(245,158,11,.28)!important}
.status-pill.order-status-rejected,.status-pill.order-status-chargeback{background:rgba(239,68,68,.14)!important;color:#f87171!important;border-color:rgba(239,68,68,.28)!important}
.status-pill.order-status-refunded,.status-pill.order-status-cancelled,.status-pill.order-status-expired,.status-pill.order-status-unknown{background:rgba(255,255,255,.08)!important;color:#cbd0d8!important;border-color:rgba(255,255,255,.12)!important}
.status-pill.order-status-paid i,.status-pill.order-status-pending i,.status-pill.order-status-rejected i,.status-pill.order-status-chargeback i,.status-pill.order-status-refunded i,.status-pill.order-status-cancelled i,.status-pill.order-status-expired i,.status-pill.order-status-unknown i{width:5px;height:5px;flex:0 0 5px;margin:0;background:currentColor!important;border-radius:50%}
html[data-theme="light"] .status-pill.order-status-paid{background:#dcfce7!important;color:#166534!important;border-color:rgba(22,101,52,.18)!important}
html[data-theme="light"] .status-pill.order-status-pending{background:#fef3c7!important;color:#92400e!important;border-color:rgba(146,64,14,.18)!important}
html[data-theme="light"] .status-pill.order-status-rejected,html[data-theme="light"] .status-pill.order-status-chargeback{background:#fee2e2!important;color:#991b1b!important;border-color:rgba(153,27,27,.18)!important}
html[data-theme="light"] .status-pill.order-status-refunded,html[data-theme="light"] .status-pill.order-status-cancelled,html[data-theme="light"] .status-pill.order-status-expired,html[data-theme="light"] .status-pill.order-status-unknown{background:#e5e7eb!important;color:#374151!important;border-color:rgba(55,65,81,.18)!important}
html[data-theme="light"] .orders-table .payment-badge{color:var(--text)}
html[data-theme="light"] .orders-table .payment-badge::before{background-color:#5b6475}
html[data-theme="light"] .orders-table .payment-badge.payment-pix::before{background-color:#32bcad}

/* Light theme: soften only product navigation and the active sidebar item. */
html[data-theme="light"] .product-edit .detail-tabs{background:transparent;border-bottom:1px solid #e5e7eb;box-shadow:none}
html[data-theme="light"] .product-edit .detail-tabs button{background:transparent;color:#5b6475}
html[data-theme="light"] .product-edit .detail-tabs button:hover{background:#f1f3f5;color:#111827}
html[data-theme="light"] .product-edit .detail-tabs button:focus-visible{outline:2px solid #10b981;outline-offset:2px}
html[data-theme="light"] .product-edit .detail-tabs button.active{background:#e8f7ef;color:#047857;box-shadow:inset 0 0 0 1px rgba(5,150,105,.20);border-radius:10px 10px 0 0;font-weight:600}
html[data-theme="light"] .product-edit .detail-tabs button.active::after{left:12px;right:12px;bottom:-1px;height:2px;border-radius:2px;background:#10b981}
html[data-theme="light"] .admin-body .side-nav a:hover{background:#f3f4f6}
html[data-theme="light"] .admin-body .side-nav a.active{background:#ecf8f2;color:#047857;box-shadow:inset 3px 0 #10b981}
html[data-theme="light"] .admin-body .side-nav a.active .nav-icon{color:#047857}

/* Saved offer/checkout cards: identity by position, without changing behavior. */
.offers-admin .offers-list,.checkout-admin>.checkout-admin-card>.related-list{display:grid;gap:12px}
.offers-admin .offer-row,.checkout-admin>.checkout-admin-card>.related-list>.checkout-row{--item-color:#6366f1;--item-soft:#eef0ff;background:#f8f9fb;border:1px solid #e5e7eb;border-left:4px solid var(--item-color);border-radius:12px;padding:16px 20px;box-shadow:0 1px 2px rgba(15,23,42,.04);transition:background .15s,box-shadow .15s,border-color .15s}
.offers-admin .offer-row:nth-child(6n+2),.checkout-admin>.checkout-admin-card>.related-list>.checkout-row:nth-child(6n+2){--item-color:#0ea5e9;--item-soft:#e6f5fd}
.offers-admin .offer-row:nth-child(6n+3),.checkout-admin>.checkout-admin-card>.related-list>.checkout-row:nth-child(6n+3){--item-color:#f59e0b;--item-soft:#fef4dc}
.offers-admin .offer-row:nth-child(6n+4),.checkout-admin>.checkout-admin-card>.related-list>.checkout-row:nth-child(6n+4){--item-color:#ec4899;--item-soft:#fde8f2}
.offers-admin .offer-row:nth-child(6n+5),.checkout-admin>.checkout-admin-card>.related-list>.checkout-row:nth-child(6n+5){--item-color:#14b8a6;--item-soft:#e0f6f3}
.offers-admin .offer-row:nth-child(6n+6),.checkout-admin>.checkout-admin-card>.related-list>.checkout-row:nth-child(6n+6){--item-color:#8b5cf6;--item-soft:#f0eafe}
.offers-admin .offer-row:hover,.checkout-admin>.checkout-admin-card>.related-list>.checkout-row:hover{background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.08)}
.offers-admin .offer-row::before,.checkout-admin>.checkout-admin-card>.related-list>.checkout-row::before{content:attr(data-initial);display:grid;place-items:center;grid-column:1;grid-row:1;width:36px;height:36px;border-radius:10px;background:var(--item-soft);color:var(--item-color);font-size:15px;font-weight:700}
.offers-admin .offer-row,.checkout-admin>.checkout-admin-card>.related-list>.checkout-row{grid-template-columns:36px minmax(0,1fr) auto;column-gap:14px;align-items:center}
.offers-admin .offer-row .checkout-row-main,.checkout-admin>.checkout-admin-card>.related-list>.checkout-row .checkout-row-main{grid-column:2;grid-row:1;display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}
.offers-admin .offer-row .offer-association{grid-column:2;grid-row:2;display:flex;flex-wrap:wrap;gap:6px}
.offers-admin .offer-row .action-cell,.checkout-admin>.checkout-admin-card>.related-list>.checkout-row .action-cell{grid-column:3;grid-row:1 / span 2;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap}
.offers-admin .offer-row .checkout-row-main>strong,.checkout-admin>.checkout-admin-card>.related-list>.checkout-row .checkout-row-main>strong{min-width:0;flex:0 0 100%;color:var(--text-primary);font-size:15px}
.meta-chip{display:inline-flex;align-items:center;min-width:0;padding:2px 8px;border-radius:6px;background:#eef0f4;color:#475066;font-size:12px;line-height:18px;white-space:nowrap}
.meta-chip.price-chip{background:#e8f7ef;color:#047857;font-weight:600}
.offers-admin .offer-row .status-pill,.checkout-admin>.checkout-admin-card>.related-list>.checkout-row .status-pill{height:22px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}
.offers-admin .offer-row:has(.status-draft),.checkout-admin>.checkout-admin-card>.related-list>.checkout-row:has(.status-draft),.checkout-admin>.checkout-admin-card>.related-list>.checkout-row:has(.status-paused){opacity:.85}
.offers-admin .offer-row .btn,.checkout-admin>.checkout-admin-card>.related-list>.checkout-row .btn{height:36px;border-radius:8px;background:#fff;border:1px solid #d9dde3;color:#111827;font-weight:600}
.offers-admin .offer-row .btn:hover,.checkout-admin>.checkout-admin-card>.related-list>.checkout-row .btn:hover{border-color:var(--item-color);color:var(--item-color)}
.offers-admin .offer-row .btn-ghost-danger:hover,.offers-admin .offer-row [data-action="delete-offer"]:hover{background:#fee2e2;color:#dc2626;border-color:#dc2626}
.offers-admin .checkout-section-heading .btn-primary,.checkout-admin .checkout-section-heading .btn-primary{height:36px;border-radius:8px;background:#10b981;color:#fff}
:root:not([data-theme="light"]) .offers-admin .offer-row,:root:not([data-theme="light"]) .checkout-admin>.checkout-admin-card>.related-list>.checkout-row{background:var(--surface-2);border-color:var(--border);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
:root:not([data-theme="light"]) .offers-admin .offer-row:hover,:root:not([data-theme="light"]) .checkout-admin>.checkout-admin-card>.related-list>.checkout-row:hover{background:var(--surface-3);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
:root:not([data-theme="light"]) .meta-chip{background:rgba(255,255,255,.07);color:#cbd0d8}
:root:not([data-theme="light"]) .meta-chip.price-chip{background:rgba(16,185,129,.12);color:#34d399}
@media(max-width:759px){.offers-admin .offer-row,.checkout-admin>.checkout-admin-card>.related-list>.checkout-row{grid-template-columns:36px minmax(0,1fr);row-gap:10px}.offers-admin .offer-row .action-cell,.checkout-admin>.checkout-admin-card>.related-list>.checkout-row .action-cell{grid-column:2;grid-row:3;justify-content:flex-start;flex-wrap:wrap}.offers-admin .offer-row .offer-association{grid-column:2;grid-row:2}}

/* Product tabs: one format in both themes; only theme variables change. */
.product-edit{--tab-line:rgba(255,255,255,.08);--tab-text:#9aa0aa;--tab-hover-bg:rgba(255,255,255,.05);--tab-hover-text:#e8eaed;--tab-active-bg:rgba(16,185,129,.14);--tab-active-text:#34d399;--tab-active-ring:rgba(16,185,129,.30)}
html[data-theme="light"] .product-edit{--tab-line:#e5e7eb;--tab-text:#5b6475;--tab-hover-bg:#f1f3f5;--tab-hover-text:#111827;--tab-active-bg:#e8f7ef;--tab-active-text:#047857;--tab-active-ring:rgba(5,150,105,.20)}
.product-edit .detail-tabs{display:flex!important;align-items:center;gap:4px;width:100%;min-width:0;min-height:0;height:44px;margin:0 0 18px;padding:0 4px;border:0;border-bottom:1px solid var(--tab-line);border-radius:0;background:transparent;box-shadow:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;white-space:nowrap}
.product-edit .detail-tabs::-webkit-scrollbar{display:none}
.product-edit .detail-tabs button{display:inline-flex!important;position:relative;z-index:1;align-items:center;justify-content:center;flex:0 0 auto;width:auto;height:44px;min-height:44px;padding:0 16px;border:0!important;border-radius:10px 10px 0 0;background:transparent;color:var(--tab-text);cursor:pointer;font:inherit;font-size:14px;font-weight:600;line-height:1;white-space:nowrap;transition:background .15s,color .15s,box-shadow .15s}
.product-edit .detail-tabs button:not(.active):hover{background:var(--tab-hover-bg);color:var(--tab-hover-text)}
.product-edit .detail-tabs button:focus{background:transparent;box-shadow:none}
.product-edit .detail-tabs button:focus-visible{z-index:2;outline:2px solid #10b981;outline-offset:2px}
.product-edit .detail-tabs button.active{background:var(--tab-active-bg);color:var(--tab-active-text);box-shadow:inset 0 0 0 1px var(--tab-active-ring);border-radius:10px 10px 0 0}
.product-edit .detail-tabs button.active::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;border-radius:2px;background:#10b981;opacity:1}
html[data-theme="light"] .admin-body .product-edit .detail-tabs button.active{background:var(--tab-active-bg)!important;color:var(--tab-active-text)!important;box-shadow:inset 0 0 0 1px var(--tab-active-ring)!important;border-radius:10px 10px 0 0}
html[data-theme="light"] .admin-body .product-edit .detail-tabs button:not(.active):hover{background:var(--tab-hover-bg);color:var(--tab-hover-text)}

/* Saved cards: product thumbnail replaces the initial avatar. */
.offers-admin .offer-row,.checkout-admin>.checkout-admin-card>.related-list>.checkout-row{grid-template-columns:44px minmax(0,1fr) auto}
.offers-admin .offer-row::before,.checkout-admin>.checkout-admin-card>.related-list>.checkout-row::before{display:none}
.item-avatar{display:grid;place-items:center;width:44px;height:44px;min-width:44px;border:2px solid var(--item-color);border-radius:10px;background:var(--item-soft);color:var(--item-color);overflow:hidden;flex-shrink:0}
.item-thumb{display:block;width:44px!important;height:44px!important;max-width:44px!important;max-height:44px!important;min-width:44px;object-fit:cover;border-radius:8px;background:var(--item-soft);flex-shrink:0}
.item-fallback{display:grid;place-items:center;width:44px;height:44px;font-size:15px;font-weight:700}
.item-thumb:not([hidden]) + .item-fallback{display:none}
.offers-admin .offer-row:has(.status-draft) .item-avatar,.offers-admin .offer-row:has(.status-draft){border-left-color:color-mix(in srgb,var(--item-color) 80%,transparent)}
.offers-admin .offer-row:has(.status-draft) .item-avatar,.checkout-admin>.checkout-admin-card>.related-list>.checkout-row:has(.status-paused) .item-avatar{opacity:.8}
.offers-admin .offer-row:has(.status-draft),.checkout-admin>.checkout-admin-card>.related-list>.checkout-row:has(.status-paused){opacity:1}
.offers-admin .offer-row .action-cell,.checkout-admin>.checkout-admin-card>.related-list>.checkout-row .action-cell{opacity:1}
:root:not([data-theme="light"]) .offers-admin .offer-row .btn,:root:not([data-theme="light"]) .checkout-admin>.checkout-admin-card>.related-list>.checkout-row .btn{background:transparent;border-color:var(--border-strong);color:var(--text)}
:root:not([data-theme="light"]) .offers-admin .offer-row .btn:hover,:root:not([data-theme="light"]) .checkout-admin>.checkout-admin-card>.related-list>.checkout-row .btn:hover{background:rgba(255,255,255,.06);border-color:var(--item-color);color:var(--item-color)}
:root:not([data-theme="light"]) .offers-admin .offer-row [data-action="delete-offer"],:root:not([data-theme="light"]) .checkout-admin>.checkout-admin-card>.related-list>.checkout-row [data-action="delete-offer"]{color:#f87171}
:root:not([data-theme="light"]) .offers-admin .offer-row [data-action="delete-offer"]:hover,:root:not([data-theme="light"]) .checkout-admin>.checkout-admin-card>.related-list>.checkout-row [data-action="delete-offer"]:hover{background:rgba(248,113,113,.12);border-color:#f87171;color:#f87171}
.offers-admin .checkout-row-main>span:not(.status-pill),.checkout-admin>.checkout-admin-card>.related-list>.checkout-row .checkout-row-main>span:not(.status-pill){margin-left:0}
.offers-admin .checkout-row-main>span:not(.status-pill)::before,.checkout-admin>.checkout-admin-card>.related-list>.checkout-row .checkout-row-main>span:not(.status-pill)::before,.offers-admin .offer-association span+span::before{content:none}
@media(max-width:759px){.offers-admin .offer-row,.checkout-admin>.checkout-admin-card>.related-list>.checkout-row{grid-template-columns:44px minmax(0,1fr)}.offers-admin .offer-row .action-cell,.checkout-admin>.checkout-admin-card>.related-list>.checkout-row .action-cell{grid-column:2;grid-row:3}}

/* Notifications: compact diagnostic and dense event rows. */
.notifications-toolbar{display:flex;align-items:center;min-height:44px;margin-bottom:10px}
.notifications-toolbar>div{display:flex;align-items:center;gap:10px;min-width:0}
.notifications-toolbar .eyebrow{margin:0}.notifications-toolbar .section-title{margin:0;font-size:22px}.notification-count{display:inline-flex;align-items:center;min-height:22px;padding:2px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent-text);font-size:12px;white-space:nowrap}
.notification-diagnostic{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;min-height:52px;margin-bottom:12px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface-1,var(--card));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.notification-diagnostic p{margin:0;color:var(--muted);font-size:12px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1 180px}.notification-diagnostic .diagnostic-title{flex:0 0 auto;color:var(--text);font-size:13px}.notification-diagnostic .toolbar-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto;white-space:nowrap}.notification-diagnostic .toolbar-actions .button{height:30px;min-height:30px;padding:0 12px;border-radius:8px;font-size:12px}.notification-diagnostic .toolbar-actions .button:not(.primary){background:transparent;border:1px solid var(--border-strong);color:var(--text)}.notification-diagnostic .toolbar-actions .button.primary{background:var(--accent);border-color:var(--accent);color:#04130d}.notification-diagnostic .admin-message{flex-basis:100%;margin:0}
.notifications-list{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--surface-1,var(--card))}
.notifications-list .notification-row{display:grid;grid-template-columns:10px 28px minmax(0,1.1fr) minmax(0,2fr) 130px auto;align-items:center;column-gap:12px;min-height:44px;height:44px;padding:0 16px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;box-shadow:none;transition:background .15s}
.notifications-list .notification-row:last-child{border-bottom:0}.notifications-list .notification-row:hover{background:rgba(255,255,255,.04)}
.notification-unread-dot{width:8px;height:8px;border-radius:50%;background:transparent}.notification-row.is-unread .notification-unread-dot{background:var(--accent)}
.notification-type-icon{width:28px;height:28px;border-radius:8px;background:var(--surface-3,var(--surface-2));color:var(--muted);position:relative}.notification-type-icon::before{content:'•';position:absolute;inset:0;display:grid;place-items:center;font-size:18px;font-weight:700}.notification-row:has(.notification-type) .notification-type-icon{background:color-mix(in srgb,var(--muted) 12%,transparent)}
.notification-row h2{grid-column:3;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:14px;font-weight:600}.notification-row.is-read h2{color:var(--muted);font-weight:500}.notification-row p:not(.eyebrow){grid-column:4;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:13px}.notification-row small{grid-column:5;color:var(--muted);font-size:12px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.notification-row .button{grid-column:6;height:26px;min-height:26px;padding:0 10px;border:1px solid var(--border-strong);border-radius:6px;background:transparent;color:var(--text);font-size:12px;white-space:nowrap}.notification-row .button:hover{border-color:var(--accent);color:var(--accent-text);background:var(--accent-soft)}.notification-row .notification-type{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html[data-theme="light"] .notifications-list{background:#fff;border-color:#e5e7eb}.notifications-list .notification-row:hover{background:#f6f7f9}.notification-type-icon{background:#f1f3f5}.notification-row .button{background:transparent;color:#111827;border-color:#d9dde3}
@media(max-width:899px){.notification-diagnostic{align-items:flex-start}.notification-diagnostic .toolbar-actions{flex-basis:100%;flex-wrap:wrap}.notifications-list .notification-row{grid-template-columns:10px 28px minmax(0,1fr) auto;grid-template-rows:28px 20px;min-height:56px;height:56px;row-gap:2px;padding:4px 12px}.notification-row h2{grid-column:3;grid-row:1}.notification-row p:not(.eyebrow){grid-column:3;grid-row:2 / 3;font-size:12px}.notification-row small{grid-column:4;grid-row:2;text-align:right}.notification-row .button{grid-column:4;grid-row:1}.notification-type-icon{grid-column:2;grid-row:1}.notification-unread-dot{grid-column:1;grid-row:1}}
.notification-type-payment_approved::before{content:'✓';color:#34d399}.notification-type-pix_created::before{content:'₿';color:#fbbf24}.notification-type-payment-approved::before{content:'✓';color:#34d399}.notification-type-pix-created::before{content:'₿';color:#fbbf24}

/* Configurações: preserve the DOM for runtime updates, hide retired panels visually. */
.settings-stack{display:block;width:100%;max-width:none;padding:24px;box-sizing:border-box}
.settings-stack>.theme-settings-card,
.settings-stack>.settings-grid,
.settings-stack>.notifications-toolbar,
.settings-stack>.notification-diagnostic,
.settings-stack>.notifications-list{display:none!important}
.settings-stack::before{content:'⚙\A\A Nenhuma configuração disponível\A\A Preferências do sistema serão exibidas aqui.';display:grid;place-items:center;width:min(520px,100%);min-height:180px;margin:0 auto;padding:48px;box-sizing:border-box;border:1px solid var(--border);border-radius:14px;background:var(--surface-1,var(--card));color:var(--muted);font-size:13px;line-height:1.5;text-align:center;white-space:pre-wrap}
.settings-stack::first-line{font-size:40px;line-height:1;color:var(--muted)}
/* Checkout appearance editor preview. Scoped to the editor; no payment controls. */
.appearance-palette{grid-column:1/-1;margin:0;padding:0;border:0;color:var(--muted);font:inherit}.appearance-palette legend{margin-bottom:10px;color:var(--text);font-size:13px;font-weight:600}.appearance-swatches{display:flex;flex-wrap:wrap;gap:10px}.appearance-swatch{display:grid;justify-items:center;gap:6px;min-width:64px;padding:8px;border:1px solid transparent;border-radius:9px;color:var(--muted);cursor:pointer;font-size:11px}.appearance-swatch input{position:absolute;width:1px;height:1px;opacity:0}.appearance-swatch span{display:block;width:30px;height:30px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 2px 6px rgba(0,0,0,.18)}.appearance-swatch:has(input:checked){border-color:var(--swatch);background:color-mix(in srgb,var(--swatch) 12%,var(--surface));color:var(--text)}.appearance-swatch:focus-within{outline:2px solid var(--accent);outline-offset:2px}.appearance-custom-color{display:grid;align-items:center;justify-items:center;gap:6px;min-width:110px;padding:8px;border:1px dashed var(--border);border-radius:9px;color:var(--muted);font-size:11px}.appearance-custom-color input{width:42px;height:30px;padding:0;border:0;background:transparent;cursor:pointer}.appearance-custom-color code{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--text)}.banner-admin-preview{display:grid;place-items:center;min-height:var(--banner-mobile-height,110px);height:var(--banner-desktop-height,150px);margin-top:12px;overflow:hidden;border:1px solid var(--border);border-radius:2px;background:var(--surface-2);color:var(--muted);text-align:center}.banner-admin-preview.is-rounded{border-radius:12px}.banner-admin-preview img{display:block;width:100%;height:100%;object-fit:cover}.appearance-preview{margin-top:16px;padding:14px;border:1px solid var(--preview-border,#30343a);border-radius:14px;background:var(--preview-page,#101214);color:var(--preview-text,#f1f5f4);overflow:hidden}.appearance-preview[data-theme="light"]{--preview-page:#f6f7f9;--preview-surface:#fff;--preview-inner:#f3f4f6;--preview-border:#dfe3e8;--preview-text:#172033;--preview-muted:#5b6475}.appearance-preview:not([data-theme="light"]){--preview-surface:#181b1f;--preview-inner:#22262b;--preview-muted:#aab2bd}.appearance-preview{--preview-accent-soft:color-mix(in srgb,var(--preview-accent) 12%,transparent);--preview-accent-border:var(--preview-accent);--preview-accent-contrast:#fff}.preview-page{display:grid;gap:10px;max-width:520px;margin:auto}.preview-summary,.preview-methods span{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--preview-border);border-radius:var(--preview-radius,10px);background:var(--preview-surface)}.preview-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.preview-methods span{justify-content:center;text-align:center;min-height:58px;color:var(--preview-text)}.preview-methods span.selected{border-color:var(--preview-accent-border);background:var(--preview-accent-soft);color:var(--preview-accent)}.preview-summary>b{color:var(--preview-accent)}.preview-pix{border-color:var(--preview-accent-border);background:var(--preview-accent-soft);color:var(--preview-accent)}.preview-summary{justify-content:space-between}.preview-summary div{display:grid;gap:3px;min-width:0}.preview-summary small{color:var(--preview-muted);font-size:9px;letter-spacing:.08em}.preview-summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-summary>b{white-space:nowrap}.preview-email{display:grid;gap:5px;color:var(--preview-muted);font-size:11px}.preview-email input{width:100%;box-sizing:border-box;padding:10px;border:1px solid var(--preview-border);border-radius:var(--preview-radius,10px);background:var(--preview-inner);color:var(--preview-text);font:inherit}.preview-pix{border-color:var(--preview-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--preview-accent) 24%,transparent)}.preview-pix span{color:var(--preview-accent);font-size:18px}.preview-pix small{margin-left:auto;color:var(--preview-muted)}.preview-pay{padding:11px 14px;border:1px solid var(--preview-accent);border-radius:var(--preview-radius,10px);background:var(--preview-accent);color:#fff;font:inherit;font-weight:700;cursor:default;pointer-events:none}.appearance-preview[data-radius="square"]{--preview-radius:2px}
/* Order Bump cards: keep the information column wide and wrap only at word boundaries. */
.checkout-bump-list .checkout-bump-option{display:grid;grid-template-columns:24px 56px minmax(0,1fr);align-items:center;gap:12px;min-width:0;min-height:72px;height:auto;box-sizing:border-box;overflow:visible}
.checkout-bump-list .checkout-bump-option>input{grid-column:1;grid-row:1;align-self:center}
.checkout-bump-list .checkout-bump-check{grid-column:1;grid-row:1;justify-self:center}
.checkout-bump-list .checkout-bump-thumb{grid-column:2;grid-row:1;width:52px;height:52px;min-width:52px;justify-self:center}
.checkout-bump-list .checkout-bump-copy{grid-column:3;grid-row:1;display:grid;min-width:0;width:auto;max-width:none;gap:3px;overflow:visible;overflow-wrap:normal;word-break:normal;white-space:normal;padding-right:0}
.checkout-bump-list .checkout-bump-copy strong,.checkout-bump-list .checkout-bump-copy span,.checkout-bump-list .checkout-bump-copy small{min-width:0;max-width:none;overflow:visible;overflow-wrap:break-word;word-break:normal;white-space:normal}
.checkout-bump-list .checkout-bump-option.is-unavailable .checkout-bump-copy{grid-column:1/-1;padding-right:0}
.checkout-bump-list .checkout-bump-option.is-unavailable{min-height:56px}
@media(max-width:700px){.checkout-bump-list .checkout-bump-option{grid-template-columns:22px 42px minmax(0,1fr);min-height:64px;padding:10px}.checkout-bump-list .checkout-bump-thumb{width:40px;height:40px;min-width:40px}.checkout-bump-list .checkout-bump-copy{padding-right:76px}}
/* Order Bump UX: product tabs remain scoped to the editor. */
.product-edit .detail-tabs button{cursor:pointer;transition:background 160ms ease,color 160ms ease,box-shadow 160ms ease}.product-edit .detail-tabs button.active{background:var(--tab-active-bg,var(--accent-soft));color:var(--tab-active-text,var(--accent));box-shadow:inset 0 0 0 1px var(--tab-active-ring,var(--accent))}.product-edit .detail-tabs button:not(.active):hover{background:var(--tab-hover-bg,rgba(255,255,255,.06));color:var(--tab-hover-text,var(--text))}