:root {
  color-scheme: dark;
  --premium-bg: #080809;
  --premium-surface: rgba(21, 21, 23, .95);
  --premium-surface-raised: rgba(29, 28, 26, .96);
  --premium-line: rgba(224, 208, 176, .14);
  --premium-gold: #d8b96b;
  --premium-gold-light: #f0d88d;
  --premium-platinum: #c8ccd2;
  --premium-text: #f4f1e9;
  --premium-muted: #aaa7a1;
  --premium-primary-radius: 18px;
  --premium-nested-radius: 14px;
  --premium-button-radius: 12px;
  --premium-font: "Avenir Next", "Segoe UI Variable Text", "SF Pro Text", system-ui, sans-serif;
}
html { background: var(--premium-bg); }
body {
  min-width: 320px;
  color: var(--premium-text);
  font-family: var(--premium-font);
  letter-spacing: 0;
  background:
    radial-gradient(ellipse at 14% -7%, rgba(173, 128, 52, .22), transparent 44%),
    radial-gradient(ellipse at 94% 24%, rgba(192, 198, 207, .13), transparent 40%),
    linear-gradient(148deg, #171513 0%, var(--premium-bg) 48%, #141318 100%);
  background-attachment: fixed;
}
.app-header {
  position: sticky;
  z-index: 20;
  top: 0;
  border-color: var(--premium-line);
  background: rgba(13, 13, 15, .94);
  box-shadow: 0 16px 40px rgba(0, 0, 0, .28), inset 0 -1px rgba(255, 255, 255, .04);
  backdrop-filter: blur(18px);
}
.brand { color: var(--premium-text); }
.brand-mark {
  color: #18140d;
  border: 1px solid rgba(247, 225, 169, .5);
  border-radius: 12px;
  background: linear-gradient(145deg, var(--premium-gold-light), var(--premium-gold) 54%, #98702c);
  box-shadow: inset 0 1px rgba(255, 255, 255, .45), 0 9px 22px rgba(0, 0, 0, .3);
}
.brand small,.section-heading p,.load-status,.empty-state { color: var(--premium-muted); }
.marketplace-hero {
  border: 1px solid var(--premium-line);
  border-radius: var(--premium-primary-radius);
  background-color: #151517;
  box-shadow: inset 0 1px rgba(255, 255, 255, .055), 0 26px 64px rgba(0, 0, 0, .32);
  overflow: hidden;
}
.marketplace-hero img,.public-product-card img,.media-item img,.store-preview img,.catalog-card img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.hero-shade { background: linear-gradient(90deg, rgba(8, 8, 10, .96), rgba(12, 12, 14, .66) 58%, rgba(20, 17, 12, .34)); }
.marketplace-hero .eyebrow,.section-heading .eyebrow,.advanced-band .eyebrow { color: var(--premium-gold) !important; }
.view-tabs {
  border-color: var(--premium-line);
  border-radius: var(--premium-nested-radius);
  background: linear-gradient(145deg, rgba(29, 28, 26, .94), rgba(17, 17, 19, .96));
  box-shadow: inset 0 1px rgba(255, 255, 255, .045), 0 14px 34px rgba(0, 0, 0, .22);
}
.view-tab { min-height: 46px; border-radius: 10px; color: var(--premium-platinum); }
.view-tab.active,.view-tab[aria-selected="true"] {
  color: var(--premium-gold-light);
  border-color: rgba(216, 185, 107, .46);
  background: linear-gradient(120deg, rgba(91, 67, 27, .48), rgba(28, 27, 25, .88));
}
.catalog-card,.public-product-card,.advanced-card,.seller-access,.store-settings,.store-preview,
.product-row,.seller-orders,.advanced-band,.product-form,.media-workspace,.order-row,
.checkout-card,.order-detail,.product-dialog-card,.bundle-card,.status-card {
  border-color: var(--premium-line) !important;
  border-radius: var(--premium-primary-radius) !important;
  background: linear-gradient(145deg, var(--premium-surface-raised), var(--premium-surface) 60%, rgba(13, 13, 15, .97)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .05), inset 0 -1px rgba(0, 0, 0, .62), 0 20px 48px rgba(0, 0, 0, .25) !important;
}
.form-grid label,.product-attributes,.media-item,.advanced-note,.payment-method,.product-filters label {
  border-radius: var(--premium-nested-radius);
}
.primary-command,.secondary-command,.icon-command,.product-row button,.settings-actions button,
.checkout-card button,.product-dialog-card button {
  min-height: 46px;
  border-radius: var(--premium-button-radius) !important;
}
.primary-command {
  color: #17130c;
  border-color: var(--premium-gold);
  background: linear-gradient(135deg, var(--premium-gold-light), var(--premium-gold) 50%, #a67b31);
  box-shadow: inset 0 1px rgba(255, 255, 255, .4), 0 3px 0 rgba(81, 57, 17, .48), 0 12px 25px rgba(0, 0, 0, .24);
}
.secondary-command,.icon-command {
  color: var(--premium-gold-light);
  border-color: rgba(216, 185, 107, .38);
  background: linear-gradient(145deg, rgba(32, 31, 29, .96), rgba(18, 18, 20, .98));
  box-shadow: inset 0 1px rgba(255, 255, 255, .045);
}
input,select,textarea {
  color: var(--premium-text);
  border-color: rgba(224, 208, 176, .18);
  border-radius: var(--premium-button-radius);
  background: rgba(13, 13, 15, .9);
}
.app-header .language-field select,.product-filters select,.form-grid select,
.form-grid input,.form-grid textarea,.advanced-form input,.advanced-form select,.advanced-form textarea {
  color: var(--premium-text) !important;
  border-color: rgba(224, 208, 176, .18) !important;
  background: rgba(18, 18, 20, .98) !important;
}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {
  outline-color: var(--premium-gold-light);
}
.status-badge { border-radius: 999px; }
dialog::backdrop { background: rgba(0, 0, 0, .76); backdrop-filter: blur(6px); }
@media (max-width: 720px) {
  .app-header {
    position: static;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding: 12px 14px;
  }
  .app-header .brand { grid-column: 1 / -1; }
  .app-header > .secondary-command { width: 100%; min-width: 0; padding-inline: 7px; text-align: center; }
  .app-header .language-field { grid-column: 1 / -1; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; }
  .app-header .language-field select { width: 100%; }
  .marketplace-hero { border-radius: 16px; }
  .view-tabs {
    position: sticky;
    z-index: 10;
    top: 72px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow-x: visible;
  }
  .view-tab {
    min-width: 0;
    padding-inline: 6px;
    white-space: normal;
    overflow-wrap: anywhere;
  }
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior: auto !important; transition: none !important; }
}