/* =========================================================
   GLOBAL THEME SWITCH
   ========================================================= */

html {
  color-scheme: light;
}

html[data-theme='dark'] {
  color-scheme: dark;

  --gtg-canvas: #1d261f;
  --gtg-canvas-soft: #232e26;
  --gtg-canvas-glow: #334438;

  --gtg-surface: #28342c;
  --gtg-surface-raised: #303e34;
  --gtg-surface-muted: #242f28;
  --gtg-surface-sage: #35483b;

  --gtg-text: #f1eadf;
  --gtg-text-soft: #c8cfc5;
  --gtg-text-muted: #9eaa9e;

  --gtg-primary: #91aa90;
  --gtg-primary-deep: #789178;
  --gtg-primary-soft: #4b6250;
  --gtg-primary-wash: #314137;

  --gtg-accent: #d0af78;
  --gtg-accent-soft: #574a34;

  --gtg-border: #46554a;
  --gtg-border-strong: #5c6d60;

  --gtg-danger: #d58e87;
  --gtg-danger-soft: #513431;

  --gtg-shadow-soft: 0 18px 48px rgba(4, 9, 6, 0.28);
  --gtg-shadow-raised: 0 26px 72px rgba(2, 7, 4, 0.38);
}

html[data-theme='dark'] .storefront-theme,
html[data-theme='dark'] .admin-theme,
html[data-theme='dark'] .admin-login-body,
html[data-theme='dark'] .maintenance-page {
  color-scheme: dark;
}

/* Theme control */

.gtg-theme-toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 2.55rem;
  height: 2.55rem;
  padding: 0;
  border: 1px solid rgba(88, 108, 91, 0.26);
  border-radius: 999px;
  color: #5f735f;
  background:
    radial-gradient(circle at 32% 24%, rgba(255, 255, 255, 0.92), transparent 44%),
    linear-gradient(145deg, rgba(248, 243, 233, 0.98), rgba(226, 232, 220, 0.94));
  box-shadow:
    0 9px 22px rgba(65, 78, 67, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
  cursor: pointer;
  isolation: isolate;
  overflow: hidden;
  transition:
    transform 180ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease,
    color 220ms ease,
    background-color 220ms ease;
}

.gtg-theme-toggle::before {
  content: '';
  position: absolute;
  inset: 0.28rem;
  z-index: -1;
  border-radius: inherit;
  border: 1px solid rgba(113, 136, 113, 0.15);
  opacity: 0.72;
  transition: border-color 260ms ease, opacity 260ms ease;
}

.gtg-theme-toggle:hover {
  transform: translateY(-2px);
  color: #445b48;
  border-color: rgba(82, 107, 87, 0.4);
  box-shadow:
    0 13px 28px rgba(57, 73, 61, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

.gtg-theme-toggle:active {
  transform: translateY(0) scale(0.95);
}

.gtg-theme-toggle:focus-visible {
  outline: 3px solid rgba(113, 136, 113, 0.24);
  outline-offset: 3px;
}

.gtg-theme-toggle-track,
.gtg-theme-toggle-glow,
.gtg-theme-toggle-icon {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
}

.gtg-theme-toggle-track {
  border-radius: inherit;
}






html[data-theme='dark'] .gtg-theme-toggle {
  color: #e5c584;
  border-color: rgba(163, 184, 161, 0.28);
  background:
    radial-gradient(circle at 68% 28%, rgba(226, 196, 132, 0.14), transparent 42%),
    linear-gradient(145deg, rgba(48, 64, 53, 0.98), rgba(28, 38, 32, 0.98));
  box-shadow:
    0 11px 28px rgba(3, 8, 5, 0.34),
    inset 0 1px 0 rgba(220, 234, 218, 0.1);
}

html[data-theme='dark'] .gtg-theme-toggle::before {
  border-color: rgba(211, 180, 119, 0.16);
}




.storefront-header-actions,
.admin-mobile-header-actions {
  display: flex;
  align-items: center;
}

.storefront-header-actions {
  gap: 0.7rem;
}

.admin-mobile-header-actions {
  gap: 0.55rem;
}

.admin-sidebar-theme-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.85rem;
  padding: 0.7rem 0.75rem;
  border: 1px solid rgba(240, 235, 221, 0.12);
  border-radius: 0.9rem;
  color: rgba(248, 242, 232, 0.72);
  background: rgba(255, 255, 255, 0.045);
}

.admin-sidebar-theme-row span {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-sidebar-theme-row .gtg-theme-toggle {
  width: 2.2rem;
  height: 2.2rem;
}

.admin-login-theme-toggle,
.maintenance-theme-toggle {
  position: fixed;
  top: 1.15rem;
  right: 1.15rem;
  z-index: 70;
}

/* View Transition radial reveal */

html.gtg-theme-view-transition::view-transition-old(root),
html.gtg-theme-view-transition::view-transition-new(root) {
  animation: none;
  mix-blend-mode: normal;
}

html.gtg-theme-view-transition::view-transition-old(root) {
  z-index: 1;
}

html.gtg-theme-view-transition::view-transition-new(root) {
  z-index: 2;
  clip-path: circle(0 at var(--gtg-theme-x) var(--gtg-theme-y));
  animation: gtg-theme-radial-reveal 560ms cubic-bezier(0.2, 0.82, 0.24, 1) both;
}

@keyframes gtg-theme-radial-reveal {
  to {
    clip-path: circle(var(--gtg-theme-radius) at var(--gtg-theme-x) var(--gtg-theme-y));
  }
}

html.gtg-theme-fallback-transition,
html.gtg-theme-fallback-transition body,
html.gtg-theme-fallback-transition body *:not(svg):not(path),
html.gtg-theme-fallback-transition body *::before,
html.gtg-theme-fallback-transition body *::after {
  transition-property: color, background-color, border-color, box-shadow, fill, stroke;
  transition-duration: 420ms;
  transition-timing-function: ease;
}

/* =========================================================
   DARK STOREFRONT
   ========================================================= */

html[data-theme='dark'] .storefront-theme {
  --store-bg: var(--gtg-canvas);
  --store-bg-soft: var(--gtg-canvas-soft);
  --store-glow: var(--gtg-canvas-glow);
  --store-surface: var(--gtg-surface);
  --store-surface-muted: var(--gtg-surface-muted);
  --store-text: var(--gtg-text);
  --store-text-soft: var(--gtg-text-soft);
  --store-text-muted: var(--gtg-text-muted);
  --store-primary: var(--gtg-primary);
  --store-primary-hover: #a7bda4;
  --store-primary-soft: var(--gtg-primary-soft);
  --store-accent: var(--gtg-accent);
  --store-accent-soft: var(--gtg-accent-soft);
  --store-border: var(--gtg-border);
  --store-border-strong: var(--gtg-border-strong);
  --store-danger: var(--gtg-danger);
  --store-danger-soft: var(--gtg-danger-soft);
  --store-shadow-soft: var(--gtg-shadow-soft);

  color: var(--gtg-text);
  background:
    radial-gradient(circle at 78% 10rem, rgba(78, 105, 85, 0.42), transparent 32rem),
    radial-gradient(circle at 8% 80%, rgba(173, 139, 84, 0.11), transparent 26rem),
    linear-gradient(180deg, #1d261f 0%, #202b24 50%, #19221c 100%);
}

html[data-theme='dark'] .storefront-header,
html[data-theme='dark'] .storefront-footer {
  color: var(--gtg-text);
  border-color: rgba(157, 180, 156, 0.18);
  background: rgba(29, 39, 32, 0.92);
}

html[data-theme='dark'] .storefront-header {
  box-shadow: 0 12px 34px rgba(3, 8, 5, 0.18);
}

html[data-theme='dark'] .storefront-brand-logo-mark,
html[data-theme='dark'] .storefront-brand-logotype,
html[data-theme='dark'] .storefront-footer-logo-mark,
html[data-theme='dark'] .storefront-footer-logotype,
html[data-theme='dark'] .admin-mobile-brand-mark,
html[data-theme='dark'] .admin-mobile-brand-logotype,
html[data-theme='dark'] .admin-login-logo-mark,
html[data-theme='dark'] .admin-login-logotype {
  filter: brightness(1.12) saturate(0.9) drop-shadow(0 4px 10px rgba(0, 0, 0, 0.14));
}

html[data-theme='dark'] .nav-link,
html[data-theme='dark'] .storefront-footer-tagline,
html[data-theme='dark'] .storefront-footer-copy {
  color: var(--gtg-text-soft);
}

html[data-theme='dark'] .nav-link:hover,
html[data-theme='dark'] .nav-link.is-active {
  color: var(--gtg-text);
}

html[data-theme='dark'] .storefront-admin-button,
html[data-theme='dark'] .storefront-primary-button,
html[data-theme='dark'] .storefront-checkout-button,
html[data-theme='dark'] .product-showcase-card-buy,
html[data-theme='dark'] .product-preview-showcase-checkout {
  color: #f8f2e7;
  border-color: rgba(179, 199, 176, 0.2);
  background: linear-gradient(180deg, #809a80, #627a66);
  box-shadow: 0 13px 30px rgba(4, 12, 7, 0.28);
}

html[data-theme='dark'] .storefront-hero {
  border-color: rgba(147, 171, 148, 0.17);
  background:
    radial-gradient(circle at 78% 34%, rgba(93, 126, 101, 0.5) 0, rgba(57, 77, 64, 0.3) 18rem, transparent 38rem),
    radial-gradient(circle at 12% 88%, rgba(181, 145, 84, 0.13), transparent 24rem),
    linear-gradient(135deg, #202b24 0%, #263229 52%, #1b241e 100%);
}

html[data-theme='dark'] .storefront-hero > .relative > div,
html[data-theme='dark'] .storefront-products,
html[data-theme='dark'] .storefront-benefits,
html[data-theme='dark'] .storefront-testimonials,
html[data-theme='dark'] .storefront-faq,
html[data-theme='dark'] .storefront-featured-products {
  color: var(--gtg-text);
  border-color: rgba(151, 174, 152, 0.18);
  background:
    radial-gradient(circle at 94% 5%, rgba(88, 119, 95, 0.18), transparent 22rem),
    linear-gradient(145deg, rgba(43, 56, 47, 0.98), rgba(34, 45, 38, 0.98));
  box-shadow: var(--gtg-shadow-soft);
}

html[data-theme='dark'] .storefront-character-glow {
  background: radial-gradient(circle, rgba(115, 149, 121, 0.34), rgba(64, 85, 70, 0.16) 48%, transparent 75%);
}

html[data-theme='dark'] .storefront-character-image {
  filter: drop-shadow(0 28px 35px rgba(0, 0, 0, 0.28));
}

html[data-theme='dark'] .storefront-section-kicker,
html[data-theme='dark'] .storefront-hero-eyebrow,
html[data-theme='dark'] .product-preview-showcase-eyebrow,
html[data-theme='dark'] .product-preview-showcase-kicker,
html[data-theme='dark'] .product-showcase-card-category {
  color: #a9bda7;
}

html[data-theme='dark'] .storefront-hero-title,
html[data-theme='dark'] .storefront-section-title,
html[data-theme='dark'] .product-showcase-card-title,
html[data-theme='dark'] .product-preview-showcase-title,
html[data-theme='dark'] .product-preview-v2-title {
  color: var(--gtg-text);
}

html[data-theme='dark'] .storefront-hero-description,
html[data-theme='dark'] .storefront-section-description,
html[data-theme='dark'] .product-showcase-card-description,
html[data-theme='dark'] .product-preview-showcase-description,
html[data-theme='dark'] .product-preview-v2-description {
  color: var(--gtg-text-soft);
}

html[data-theme='dark'] .catalog-page,
html[data-theme='dark'] .storefront-checkout-shell,
html[data-theme='dark'] .storefront-invoice-page {
  color: var(--gtg-text);
  background:
    radial-gradient(circle at 84% 8rem, rgba(78, 105, 85, 0.34), transparent 28rem),
    linear-gradient(180deg, #1d261f 0%, #222d26 48%, #19221c 100%);
}

html[data-theme='dark'] .catalog-top-inner,
html[data-theme='dark'] .catalog-panel,
html[data-theme='dark'] .catalog-search-panel,
html[data-theme='dark'] .catalog-empty,
html[data-theme='dark'] .storefront-checkout-card,
html[data-theme='dark'] .storefront-invoice-card,
html[data-theme='dark'] .storefront-confirmation-dialog,
html[data-theme='dark'] .product-showcase-card,
html[data-theme='dark'] .product-preview-v2-dialog {
  color: var(--gtg-text);
  border-color: rgba(151, 174, 152, 0.19);
  background: linear-gradient(145deg, rgba(44, 57, 48, 0.99), rgba(33, 44, 37, 0.99));
  box-shadow: var(--gtg-shadow-soft);
}

html[data-theme='dark'] .catalog-search,
html[data-theme='dark'] .catalog-sort-form select,
html[data-theme='dark'] .storefront-form-control,
html[data-theme='dark'] .storefront-checkout-form input,
html[data-theme='dark'] .storefront-checkout-form textarea,
html[data-theme='dark'] .storefront-checkout-form select,
html[data-theme='dark'] .storefront-invoice-copy-button,
html[data-theme='dark'] .product-showcase-card-detail,
html[data-theme='dark'] .product-preview-showcase-chat {
  color: var(--gtg-text);
  border-color: rgba(155, 180, 156, 0.23);
  background: rgba(49, 64, 54, 0.88);
}

html[data-theme='dark'] input::placeholder,
html[data-theme='dark'] textarea::placeholder {
  color: #8e9a8f;
}

html[data-theme='dark'] .product-showcase-card-media {
  border-color: rgba(169, 190, 165, 0.14);
  background:
    radial-gradient(circle at 50% 78%, rgba(115, 151, 120, 0.2), transparent 45%),
    linear-gradient(155deg, #334338, #253128 66%, #1f2922);
}

html[data-theme='dark'] .product-showcase-card-price-panel,
html[data-theme='dark'] .product-preview-showcase-price-panel,
html[data-theme='dark'] .product-preview-showcase-description-panel {
  color: var(--gtg-text);
  border-color: rgba(157, 180, 156, 0.2);
  background:
    radial-gradient(circle at 90% 10%, rgba(104, 139, 110, 0.18), transparent 12rem),
    linear-gradient(145deg, rgba(51, 66, 56, 0.96), rgba(42, 54, 46, 0.96));
}

html[data-theme='dark'] .product-showcase-card-price,
html[data-theme='dark'] .product-preview-showcase-price {
  color: #b3c8b0;
}


html[data-theme='dark'] .product-preview-showcase-content,
html[data-theme='dark'] .product-preview-showcase-actions {
  color: var(--gtg-text);
  border-color: rgba(151, 174, 152, 0.17);
  background:
    radial-gradient(circle at 92% 8%, rgba(87, 117, 93, 0.17), transparent 19rem),
    linear-gradient(145deg, #2b382f, #222d26);
}


html[data-theme='dark'] .product-preview-showcase-brand,
html[data-theme='dark'] .product-preview-v2-close {
  color: var(--gtg-text-soft);
  border-color: rgba(157, 180, 156, 0.21);
  background: rgba(45, 59, 50, 0.82);
}

html[data-theme='dark'] .storefront-secondary-button,
html[data-theme='dark'] .storefront-confirmation-cancel {
  color: var(--gtg-text);
  border-color: rgba(155, 180, 156, 0.22);
  background: rgba(45, 59, 50, 0.86);
}

/* =========================================================
   DARK ADMIN
   ========================================================= */

html[data-theme='dark'] .admin-theme {
  --admin-bg: var(--gtg-canvas);
  --admin-surface: var(--gtg-surface);
  --admin-surface-soft: var(--gtg-surface-muted);
  --admin-sidebar: #26342b;
  --admin-sidebar-deep: #1d2922;
  --admin-sidebar-text: #f1eadf;
  --admin-text: var(--gtg-text);
  --admin-text-soft: var(--gtg-text-soft);
  --admin-text-muted: var(--gtg-text-muted);
  --admin-border: rgba(156, 181, 158, 0.2);
  --admin-primary: var(--gtg-primary);
  --admin-primary-deep: var(--gtg-primary-deep);
  --admin-gold: var(--gtg-accent);
  --admin-success: #91b39a;
  --admin-warning: #d0aa71;
  --admin-danger: var(--gtg-danger);

  color: var(--gtg-text);
  background:
    radial-gradient(circle at 88% 4%, rgba(208, 175, 120, 0.09), transparent 24rem),
    radial-gradient(circle at 12% 92%, rgba(102, 136, 108, 0.15), transparent 27rem),
    var(--gtg-canvas);
}

html[data-theme='dark'] .admin-workspace,
html[data-theme='dark'] .admin-main,
html[data-theme='dark'] .admin-main-inner {
  color: var(--gtg-text);
  background-color: transparent;
}

html[data-theme='dark'] .admin-sidebar,
html[data-theme='dark'] .admin-mobile-panel {
  color: var(--admin-sidebar-text);
  background:
    radial-gradient(circle at 15% 10%, rgba(117, 151, 121, 0.13), transparent 16rem),
    linear-gradient(180deg, #2a392f, #1e2922);
}

html[data-theme='dark'] .admin-mobile-header {
  border-color: rgba(151, 174, 152, 0.16);
  background: rgba(29, 39, 32, 0.96);
}

html[data-theme='dark'] .admin-page-header,
html[data-theme='dark'] .admin-stat-card,
html[data-theme='dark'] .admin-action-card,
html[data-theme='dark'] .admin-panel,
html[data-theme='dark'] .admin-order-toolbar,
html[data-theme='dark'] .admin-order-table-panel,
html[data-theme='dark'] .admin-order-mobile-card,
html[data-theme='dark'] .admin-order-info-card,
html[data-theme='dark'] .admin-order-delivery-panel,
html[data-theme='dark'] .admin-order-timeline-panel,
html[data-theme='dark'] .admin-order-recovery-panel,
html[data-theme='dark'] .admin-category-overview,
html[data-theme='dark'] .admin-category-table-panel,
html[data-theme='dark'] .admin-category-submit-panel,
html[data-theme='dark'] .admin-category-mobile-card,
html[data-theme='dark'] .admin-product-overview,
html[data-theme='dark'] .admin-product-table-panel,
html[data-theme='dark'] .admin-product-mobile-card,
html[data-theme='dark'] .admin-form-panel,
html[data-theme='dark'] .admin-form-submit-panel,
html[data-theme='dark'] .admin-stock-summary,
html[data-theme='dark'] .admin-stock-product-overview,
html[data-theme='dark'] .admin-stock-table-panel,
html[data-theme='dark'] .admin-stock-mobile-card,
html[data-theme='dark'] .admin-stock-bulkbar,
html[data-theme='dark'] .admin-capacity-card,
html[data-theme='dark'] .admin-stock-search-panel,
html[data-theme='dark'] .admin-voucher-overview,
html[data-theme='dark'] .admin-voucher-table-panel,
html[data-theme='dark'] .admin-voucher-usage-card,
html[data-theme='dark'] .admin-needs-action-table-panel,
html[data-theme='dark'] .admin-activity-table-panel,
html[data-theme='dark'] .admin-needs-action-mobile-card,
html[data-theme='dark'] .admin-activity-mobile-card,
html[data-theme='dark'] .admin-settings-submit-panel,
html[data-theme='dark'] .admin-account-list-panel,
html[data-theme='dark'] .admin-danger-panel,
html[data-theme='dark'] .admin-maintenance-impact-grid article {
  color: var(--gtg-text);
  border-color: var(--admin-border);
  background:
    radial-gradient(circle at 92% 7%, rgba(90, 121, 96, 0.12), transparent 16rem),
    linear-gradient(145deg, rgba(44, 57, 48, 0.99), rgba(34, 45, 38, 0.99));
  box-shadow: 0 15px 38px rgba(2, 7, 4, 0.24), inset 0 1px 0 rgba(219, 234, 218, 0.055);
}

html[data-theme='dark'] .admin-page-header {
  background:
    radial-gradient(circle at 94% 18%, rgba(208, 175, 120, 0.12), transparent 17rem),
    radial-gradient(circle at 68% 120%, rgba(104, 139, 110, 0.15), transparent 18rem),
    linear-gradient(135deg, #2d3a31, #222e27);
}

html[data-theme='dark'] .admin-page-date,
html[data-theme='dark'] .admin-quick-icon,
html[data-theme='dark'] .admin-form-control,
html[data-theme='dark'] .admin-order-search-field input,
html[data-theme='dark'] .admin-settings-password-input,
html[data-theme='dark'] .admin-stock-search-field input,
html[data-theme='dark'] .admin-stock-search-status,
html[data-theme='dark'] .admin-order-recovery-dialog textarea,
html[data-theme='dark'] .admin-confirm-dialog,
html[data-theme='dark'] .admin-crop-shell,
html[data-theme='dark'] .admin-form-textarea,
html[data-theme='dark'] .admin-form-prefix-control {
  color: var(--gtg-text);
  border-color: var(--admin-border);
  background: rgba(48, 62, 52, 0.9);
}

html[data-theme='dark'] .admin-table thead,
html[data-theme='dark'] .admin-order-table thead,
html[data-theme='dark'] .admin-product-table thead,
html[data-theme='dark'] .admin-stock-table thead,
html[data-theme='dark'] .admin-category-table thead,
html[data-theme='dark'] .admin-voucher-table thead,
html[data-theme='dark'] .admin-needs-action-table thead,
html[data-theme='dark'] .admin-activity-table thead {
  color: #d4ddd1;
  background: rgba(84, 112, 91, 0.24);
}

html[data-theme='dark'] .admin-order-table tbody tr,
html[data-theme='dark'] .admin-product-table tbody tr,
html[data-theme='dark'] .admin-stock-table tbody tr,
html[data-theme='dark'] .admin-category-table tbody tr,
html[data-theme='dark'] .admin-voucher-table tbody tr,
html[data-theme='dark'] .admin-needs-action-table tbody tr,
html[data-theme='dark'] .admin-activity-table tbody tr {
  border-color: rgba(151, 174, 152, 0.13);
}

html[data-theme='dark'] .admin-order-table tbody tr:hover,
html[data-theme='dark'] .admin-product-table tbody tr:hover,
html[data-theme='dark'] .admin-stock-table tbody tr:hover,
html[data-theme='dark'] .admin-category-table tbody tr:hover,
html[data-theme='dark'] .admin-voucher-table tbody tr:hover,
html[data-theme='dark'] .admin-needs-action-table tbody tr:hover,
html[data-theme='dark'] .admin-activity-table tbody tr:hover {
  background: rgba(92, 122, 98, 0.2);
}

html[data-theme='dark'] .admin-button-secondary,
html[data-theme='dark'] .admin-button-ghost,
html[data-theme='dark'] .admin-back-link,
html[data-theme='dark'] .admin-order-back-link,
html[data-theme='dark'] .admin-order-copy-button,
html[data-theme='dark'] .admin-account-detail-link {
  color: var(--gtg-text);
  border-color: rgba(153, 178, 155, 0.2);
  background: rgba(49, 64, 54, 0.85);
}

html[data-theme='dark'] .admin-button-primary,
html[data-theme='dark'] .admin-category-create-button,
html[data-theme='dark'] .admin-category-submit-button,
html[data-theme='dark'] .admin-account-submit {
  color: #f8f2e7;
  background: linear-gradient(180deg, #829d83, #667d69);
}

/* =========================================================
   DARK LOGIN
   ========================================================= */

html[data-theme='dark'] .admin-login-body {
  color: var(--gtg-text);
  background:
    radial-gradient(circle at 12% 18%, rgba(208, 175, 120, 0.11), transparent 28rem),
    radial-gradient(circle at 88% 82%, rgba(104, 139, 110, 0.18), transparent 30rem),
    #1d261f;
}

html[data-theme='dark'] .admin-login-showcase {
  background:
    radial-gradient(circle at 82% 18%, rgba(232, 220, 195, 0.1), transparent 22rem),
    linear-gradient(145deg, #2f4134, #3a4e3f 58%, #26352b);
}

html[data-theme='dark'] .admin-login-panel {
  background:
    radial-gradient(circle at 85% 12%, rgba(92, 123, 98, 0.22), transparent 20rem),
    linear-gradient(145deg, #2d3a31, #222d26);
}

html[data-theme='dark'] .admin-login-header h2,
html[data-theme='dark'] .admin-login-mobile-brand strong,
html[data-theme='dark'] .admin-login-field label {
  color: var(--gtg-text);
}

html[data-theme='dark'] .admin-login-header p,
html[data-theme='dark'] .admin-login-mobile-brand small,
html[data-theme='dark'] .admin-login-footnote {
  color: var(--gtg-text-muted);
}

html[data-theme='dark'] .admin-login-input-wrap input {
  color: var(--gtg-text);
  border-color: rgba(153, 178, 155, 0.22);
  background: rgba(48, 62, 52, 0.88);
}

html[data-theme='dark'] .admin-login-input-wrap input:focus {
  border-color: #94ad93;
  background: #334238;
  box-shadow: 0 0 0 4px rgba(145, 170, 144, 0.13);
}

html[data-theme='dark'] .admin-login-password-toggle {
  color: #b3c7b0;
}

/* =========================================================
   DARK MAINTENANCE
   ========================================================= */

html[data-theme='dark'] .maintenance-page {
  color: var(--gtg-text);
  background:
    radial-gradient(circle at 82% 12%, rgba(91, 124, 98, 0.34), transparent 27rem),
    radial-gradient(circle at 12% 88%, rgba(195, 157, 94, 0.12), transparent 25rem),
    linear-gradient(135deg, #1d261f 0%, #243027 48%, #19221c 100%);
}

html[data-theme='dark'] .maintenance-page::before {
  background: rgba(75, 99, 82, 0.2);
  box-shadow: -18rem 8rem 0 rgba(61, 82, 68, 0.16);
}

html[data-theme='dark'] .maintenance-page::after {
  background: rgba(117, 151, 121, 0.12);
  box-shadow: 26rem -2rem 0 rgba(208, 175, 120, 0.09);
}

html[data-theme='dark'] .maintenance-copy,
html[data-theme='dark'] .maintenance-loader-panel {
  color: var(--gtg-text);
  border-color: rgba(151, 174, 152, 0.19);
  background: linear-gradient(145deg, rgba(44, 57, 48, 0.99), rgba(34, 45, 38, 0.99));
  box-shadow: var(--gtg-shadow-raised);
}

html[data-theme='dark'] .maintenance-brand,
html[data-theme='dark'] .maintenance-support-note,
html[data-theme='dark'] .maintenance-floating-chip,
html[data-theme='dark'] .maintenance-secondary-action,
html[data-theme='dark'] .maintenance-loader-steps span {
  color: var(--gtg-text-soft);
  border-color: rgba(151, 174, 152, 0.18);
  background: rgba(48, 62, 52, 0.84);
}

html[data-theme='dark'] .maintenance-cloud,
html[data-theme='dark'] .maintenance-cloud::before,
html[data-theme='dark'] .maintenance-cloud::after,
html[data-theme='dark'] .maintenance-cloud span {
  background: rgba(56, 73, 61, 0.68);
  box-shadow: 0 18px 40px rgba(2, 7, 4, 0.18);
}

html[data-theme='dark'] .maintenance-title,
html[data-theme='dark'] .maintenance-loader-head strong {
  color: var(--gtg-text);
}

html[data-theme='dark'] .maintenance-description,
html[data-theme='dark'] .maintenance-support-note p,
html[data-theme='dark'] .maintenance-footnote,
html[data-theme='dark'] .maintenance-loader-steps,
html[data-theme='dark'] .maintenance-generating {
  color: var(--gtg-text-soft);
}

@media (max-width: 639px) {
  .storefront-header-actions {
    margin-left: auto;
  }

  .storefront-header-actions .gtg-theme-toggle {
    width: 2.35rem;
    height: 2.35rem;
  }

  html[data-theme='dark'] .storefront-header,
  html[data-theme='dark'] .storefront-footer {
    background: rgba(29, 39, 32, 0.98);
  }

  .admin-login-theme-toggle,
  .maintenance-theme-toggle {
    top: 0.85rem;
    right: 0.85rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gtg-theme-toggle,
  .gtg-theme-toggle *,
  html.gtg-theme-fallback-transition,
  html.gtg-theme-fallback-transition body,
  html.gtg-theme-fallback-transition body * {
    animation: none !important;
    transition-duration: 0.01ms !important;
  }
}

html[data-theme='dark'] input:-webkit-autofill,
html[data-theme='dark'] input:-webkit-autofill:hover,
html[data-theme='dark'] input:-webkit-autofill:focus,
html[data-theme='dark'] textarea:-webkit-autofill,
html[data-theme='dark'] select:-webkit-autofill {
  -webkit-text-fill-color: var(--gtg-text);
  box-shadow: 0 0 0 1000px #303e34 inset;
  caret-color: var(--gtg-text);
  transition: background-color 9999s ease-out 0s;
}

html[data-theme='dark'] .storefront-theme h1,
html[data-theme='dark'] .storefront-theme h2,
html[data-theme='dark'] .storefront-theme h3,
html[data-theme='dark'] .storefront-theme h4,
html[data-theme='dark'] .admin-theme h1,
html[data-theme='dark'] .admin-theme h2,
html[data-theme='dark'] .admin-theme h3,
html[data-theme='dark'] .admin-theme h4,
html[data-theme='dark'] .admin-login-body h1,
html[data-theme='dark'] .admin-login-body h2 {
  color: var(--gtg-text);
}

/* =========================================================
   THEME SWITCH REFINEMENT AND DARK CONTRAST PASS
   ========================================================= */

.gtg-theme-toggle {
  width: 4.15rem;
  height: 2.25rem;
  padding: 0.2rem;
  border-color: rgba(88, 108, 91, 0.34);
  border-radius: 999px;
  background:
    linear-gradient(145deg, rgba(239, 234, 222, 0.98), rgba(211, 222, 206, 0.96));
  box-shadow:
    0 9px 22px rgba(65, 78, 67, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    inset 0 -1px 0 rgba(82, 101, 85, 0.08);
  overflow: visible;
}

.gtg-theme-toggle::before,
.gtg-theme-toggle-glow,
.gtg-theme-toggle-icon {
  display: none;
}

.gtg-theme-toggle-track {
  position: relative;
  inset: auto;
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  border-radius: inherit;
}

.gtg-theme-toggle-rail-icon {
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 0.92rem;
  height: 0.92rem;
  display: grid;
  place-items: center;
  color: rgba(74, 96, 78, 0.52);
  transform: translateY(-50%);
  transition: color 320ms ease, opacity 320ms ease, transform 420ms cubic-bezier(0.16, 1, 0.3, 1);
}

.gtg-theme-toggle-rail-icon svg,
.gtg-theme-toggle-thumb-icon svg {
  width: 100%;
  height: 100%;
}

.gtg-theme-toggle-rail-sun {
  left: 0.48rem;
  color: rgba(168, 132, 72, 0.72);
}

.gtg-theme-toggle-rail-moon {
  right: 0.48rem;
}

.gtg-theme-toggle-thumb {
  position: absolute;
  top: 0.16rem;
  left: 0.16rem;
  z-index: 2;
  width: 1.53rem;
  height: 1.53rem;
  display: grid;
  place-items: center;
  border: 1px solid rgba(105, 124, 106, 0.2);
  border-radius: 999px;
  color: #8f6f39;
  background:
    radial-gradient(circle at 34% 24%, rgba(255, 255, 255, 0.98), transparent 46%),
    linear-gradient(145deg, #fffaf0, #ebe0c9);
  box-shadow:
    0 5px 12px rgba(51, 64, 53, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);
  transform: translateX(0);
  transition:
    transform 520ms cubic-bezier(0.16, 1, 0.3, 1),
    color 340ms ease,
    border-color 340ms ease,
    background 340ms ease,
    box-shadow 340ms ease;
}

.gtg-theme-toggle-thumb-glow {
  position: absolute;
  inset: 0.18rem;
  border-radius: 50%;
  background: rgba(223, 181, 101, 0.26);
  filter: blur(0.3rem);
  opacity: 0.75;
  transition: background-color 340ms ease, opacity 340ms ease;
}

.gtg-theme-toggle-thumb-icon {
  position: absolute;
  width: 0.88rem;
  height: 0.88rem;
  display: grid;
  place-items: center;
  transition:
    opacity 300ms ease,
    transform 480ms cubic-bezier(0.16, 1, 0.3, 1);
}

.gtg-theme-toggle-thumb-sun {
  opacity: 1;
  transform: rotate(0deg) scale(1);
}

.gtg-theme-toggle-thumb-moon {
  opacity: 0;
  transform: rotate(-90deg) scale(0.55);
}

.gtg-theme-toggle:hover {
  transform: translateY(-1px);
}

.gtg-theme-toggle:hover .gtg-theme-toggle-thumb {
  box-shadow:
    0 7px 16px rgba(51, 64, 53, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.94);
}

html[data-theme='dark'] .gtg-theme-toggle {
  border-color: rgba(170, 193, 168, 0.3);
  background:
    linear-gradient(145deg, rgba(31, 43, 35, 0.98), rgba(58, 76, 63, 0.98));
  box-shadow:
    0 10px 24px rgba(3, 8, 5, 0.34),
    inset 0 1px 0 rgba(224, 237, 221, 0.08),
    inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

html[data-theme='dark'] .gtg-theme-toggle-rail-sun {
  color: rgba(210, 184, 132, 0.42);
}

html[data-theme='dark'] .gtg-theme-toggle-rail-moon {
  color: rgba(218, 229, 214, 0.72);
}

html[data-theme='dark'] .gtg-theme-toggle-thumb {
  color: #e6c47e;
  border-color: rgba(222, 202, 160, 0.2);
  background:
    radial-gradient(circle at 34% 24%, rgba(235, 225, 197, 0.18), transparent 46%),
    linear-gradient(145deg, #536a58, #334438);
  box-shadow:
    0 6px 15px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(224, 237, 221, 0.14);
  transform: translateX(1.9rem);
}

html[data-theme='dark'] .gtg-theme-toggle-thumb-glow {
  background: rgba(225, 192, 125, 0.26);
  opacity: 0.9;
}

html[data-theme='dark'] .gtg-theme-toggle-thumb-sun {
  opacity: 0;
  transform: rotate(90deg) scale(0.55);
}

html[data-theme='dark'] .gtg-theme-toggle-thumb-moon {
  opacity: 1;
  transform: rotate(0deg) scale(1);
}

.admin-sidebar-theme-row .gtg-theme-toggle {
  width: 3.75rem;
  height: 2.05rem;
}

.admin-sidebar-theme-row .gtg-theme-toggle-thumb {
  width: 1.38rem;
  height: 1.38rem;
}

html[data-theme='dark'] .admin-sidebar-theme-row .gtg-theme-toggle-thumb {
  transform: translateX(1.65rem);
}

/* Storefront contrast */

html[data-theme='dark'] .storefront-testimonial-card,
html[data-theme='dark'] .storefront-benefit-card,
html[data-theme='dark'] .storefront-faq-item {
  color: var(--gtg-text);
  border-color: rgba(159, 184, 160, 0.22);
  background:
    radial-gradient(circle at 92% 8%, rgba(105, 139, 111, 0.14), transparent 12rem),
    linear-gradient(145deg, rgba(50, 65, 55, 0.98), rgba(39, 51, 43, 0.98));
  box-shadow:
    0 16px 34px rgba(2, 7, 4, 0.24),
    inset 0 1px 0 rgba(221, 234, 218, 0.06);
}

html[data-theme='dark'] .storefront-testimonial-card::before {
  color: rgba(197, 215, 193, 0.14);
}


html[data-theme='dark'] .storefront-testimonial-quote,
html[data-theme='dark'] .storefront-benefit-description,
html[data-theme='dark'] .storefront-faq-answer {
  color: #d1d9cf;
}

html[data-theme='dark'] .storefront-testimonial-name,
html[data-theme='dark'] .storefront-benefit-title,
html[data-theme='dark'] .storefront-faq-question {
  color: #f2ece1;
}

html[data-theme='dark'] .storefront-testimonial-role {
  color: #aeb9ad;
}

html[data-theme='dark'] .storefront-testimonial-avatar {
  color: #f2ece1;
  border-color: rgba(178, 203, 177, 0.28);
  background: #4a6350;
}


html[data-theme='dark'] .product-preview-showcase-price,
html[data-theme='dark'] .product-preview-v2-price.product-preview-showcase-price {
  color: #edf1e7;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.18);
}

html[data-theme='dark'] .product-preview-showcase-description-panel,
html[data-theme='dark'] .product-preview-v2-description-panel.product-preview-showcase-description-panel {
  border-color: rgba(171, 191, 166, 0.24);
  background:
    linear-gradient(145deg, rgba(48, 63, 53, 0.98), rgba(39, 51, 43, 0.98));
}

html[data-theme='dark'] .product-preview-showcase-description-panel .product-preview-v2-description-label {
  color: #d6b77d;
}

html[data-theme='dark'] .product-preview-showcase-description,
html[data-theme='dark'] .product-preview-v2-description.product-preview-showcase-description {
  color: #d8dfd6;
}


/* Admin contrast */

html[data-theme='dark'] .admin-order-detail-link,
html[data-theme='dark'] .admin-order-mobile-detail,
html[data-theme='dark'] .admin-account-detail-link {
  color: #edf2e9;
  border-color: rgba(177, 201, 176, 0.27);
  background: linear-gradient(180deg, #526b58, #405546);
  box-shadow: 0 8px 18px rgba(2, 7, 4, 0.2);
}

html[data-theme='dark'] .admin-order-detail-link:hover,
html[data-theme='dark'] .admin-order-mobile-detail:hover,
html[data-theme='dark'] .admin-account-detail-link:hover {
  color: #fff8ed;
  border-color: rgba(197, 218, 193, 0.38);
  background: linear-gradient(180deg, #617c67, #4a6251);
}

html[data-theme='dark'] .admin-theme .badge-neutral,
html[data-theme='dark'] .admin-status-pill.is-neutral {
  color: #c4d4c1;
  border-color: rgba(148, 178, 151, 0.3);
  background: rgba(91, 122, 98, 0.25);
}

html[data-theme='dark'] .admin-theme .badge-warning,
html[data-theme='dark'] .admin-status-pill.is-warning {
  color: #e5c181;
  border-color: rgba(210, 169, 97, 0.34);
  background: rgba(165, 120, 54, 0.22);
}

html[data-theme='dark'] .admin-theme .badge-success,
html[data-theme='dark'] .admin-status-pill.is-success {
  color: #bad6be;
  border-color: rgba(126, 171, 136, 0.34);
  background: rgba(74, 123, 87, 0.24);
}

html[data-theme='dark'] .admin-theme .badge-danger,
html[data-theme='dark'] .admin-status-pill.is-danger {
  color: #e7a49d;
  border-color: rgba(207, 126, 117, 0.34);
  background: rgba(143, 72, 66, 0.23);
}

@media (max-width: 639px) {
  .storefront-header-actions .storefront-admin-button {
    display: none !important;
  }

  .storefront-header-actions .gtg-theme-toggle {
    width: 3.75rem;
    height: 2.05rem;
  }

  .storefront-header-actions .gtg-theme-toggle-thumb {
    width: 1.38rem;
    height: 1.38rem;
  }

  html[data-theme='dark'] .storefront-header-actions .gtg-theme-toggle-thumb {
    transform: translateX(1.65rem);
  }
}

/* =========================================================
   DELIVERY 3.2 — DARK MODE COMPLETENESS AND CONTRAST PASS
   Covers nested light surfaces that are not driven by theme tokens.
   ========================================================= */

/* Storefront transaction and product-detail surfaces */

html[data-theme='dark'] .storefront-product-summary,
html[data-theme='dark'] .storefront-detail-description-panel,
html[data-theme='dark'] .storefront-product-terms,
html[data-theme='dark'] .storefront-order-summary,
html[data-theme='dark'] .storefront-product-price-box,
html[data-theme='dark'] .storefront-checkout-trust-strip,
html[data-theme='dark'] .storefront-purchase-success,
html[data-theme='dark'] .storefront-delivery-card {
  color: var(--gtg-text);
  border-color: rgba(162, 187, 163, 0.22);
  background:
    radial-gradient(circle at 92% 8%, rgba(105, 139, 111, 0.13), transparent 15rem),
    linear-gradient(145deg, rgba(47, 61, 52, 0.99), rgba(37, 49, 41, 0.99));
  box-shadow:
    0 17px 38px rgba(2, 7, 4, 0.25),
    inset 0 1px 0 rgba(222, 235, 219, 0.055);
}

html[data-theme='dark'] .storefront-product-summary-media,
html[data-theme='dark'] .storefront-detail-placeholder {
  color: #e9eee5;
  border-color: rgba(166, 191, 166, 0.22);
  background:
    radial-gradient(circle at 50% 72%, rgba(119, 154, 123, 0.24), transparent 48%),
    linear-gradient(150deg, #35473b, #27342c 68%, #202a23);
}

html[data-theme='dark'] .storefront-detail-description-label,
html[data-theme='dark'] .storefront-product-terms-heading h2,
html[data-theme='dark'] .storefront-checkout-header > span,
html[data-theme='dark'] .storefront-qris-eyebrow {
  color: #b9cdb7;
}

html[data-theme='dark'] .storefront-detail-description,
html[data-theme='dark'] .storefront-product-terms-heading p,
html[data-theme='dark'] .storefront-product-terms li,
html[data-theme='dark'] .storefront-checkout-header p,
html[data-theme='dark'] .storefront-checkout-note,
html[data-theme='dark'] .storefront-quantity-note {
  color: #cbd5c9;
}

html[data-theme='dark'] .storefront-product-terms-heading > span,
html[data-theme='dark'] .storefront-out-of-stock-icon {
  color: #b7cbb5;
  background: rgba(101, 139, 108, 0.22);
}

html[data-theme='dark'] .storefront-detail-title,
html[data-theme='dark'] .storefront-checkout-header h2,
html[data-theme='dark'] .storefront-order-summary h3,
html[data-theme='dark'] .storefront-out-of-stock h2 {
  color: #f2ece1;
}

html[data-theme='dark'] .storefront-detail-price,
html[data-theme='dark'] .storefront-order-total dd,
html[data-theme='dark'] .storefront-order-summary dd {
  color: #e4bd78;
}

html[data-theme='dark'] .storefront-order-summary dl > div,
html[data-theme='dark'] .storefront-order-total {
  border-color: rgba(159, 184, 160, 0.17);
}

html[data-theme='dark'] .storefront-order-summary dt {
  color: #aebaae;
}

html[data-theme='dark'] .storefront-input,
html[data-theme='dark'] .storefront-quantity-control,
html[data-theme='dark'] .storefront-quantity-input,
html[data-theme='dark'] .storefront-quantity-button,
html[data-theme='dark'] #voucher-apply {
  color: #edf1e9;
  border-color: rgba(164, 190, 165, 0.25);
  background: rgba(48, 63, 53, 0.94);
}

html[data-theme='dark'] .storefront-input:focus,
html[data-theme='dark'] .storefront-quantity-input:focus {
  border-color: #91aa90;
  background: #35463b;
  box-shadow: 0 0 0 4px rgba(145, 170, 144, 0.12);
}

html[data-theme='dark'] #voucher-apply {
  color: #d5e1d2;
  background: linear-gradient(180deg, #526b58, #405547);
}

html[data-theme='dark'] #voucher-apply:hover {
  color: #fff8ed;
  background: linear-gradient(180deg, #607a66, #4a6251);
}

html[data-theme='dark'] .storefront-back-link {
  color: #b9c7b7;
}

html[data-theme='dark'] .storefront-detail-stock.is-ready {
  color: #c0dac2;
  border-color: rgba(126, 175, 136, 0.32);
  background: rgba(72, 119, 84, 0.25);
}

html[data-theme='dark'] .storefront-detail-stock.is-out {
  color: #e7a39c;
  border-color: rgba(210, 128, 119, 0.32);
  background: rgba(139, 70, 65, 0.23);
}

/* Invoice: dark outer surfaces, QR canvas intentionally remains white. */

html[data-theme='dark'] .storefront-qris-section,
html[data-theme='dark'] .storefront-invoice-summary,
html[data-theme='dark'] .storefront-invoice-total-panel,
html[data-theme='dark'] .storefront-invoice-detail {
  color: var(--gtg-text);
  border-color: rgba(162, 187, 163, 0.22);
  background:
    radial-gradient(circle at 90% 5%, rgba(104, 139, 110, 0.13), transparent 16rem),
    linear-gradient(145deg, rgba(47, 61, 52, 0.99), rgba(37, 49, 41, 0.99));
  box-shadow:
    0 16px 36px rgba(2, 7, 4, 0.24),
    inset 0 1px 0 rgba(221, 234, 218, 0.055);
}

html[data-theme='dark'] .storefront-qris-title,
html[data-theme='dark'] .storefront-invoice-detail-title,
html[data-theme='dark'] .storefront-invoice-total-label {
  color: #f2ece1;
}

html[data-theme='dark'] .storefront-sandbox-notice {
  color: #e3c48a;
  border-color: rgba(208, 169, 100, 0.28);
  background: rgba(128, 91, 43, 0.2);
}

html[data-theme='dark'] .storefront-sandbox-notice code {
  color: #f0d39d;
}

html[data-theme='dark'] .storefront-qris-wrap {
  color: #334038;
  border-color: rgba(222, 214, 197, 0.9);
  background: #fffdf8;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.24);
}

html[data-theme='dark'] .storefront-qris-wrap #qrcode,
html[data-theme='dark'] .storefront-qris-wrap #qrcode canvas,
html[data-theme='dark'] .storefront-qris-wrap #qrcode img {
  background: #fff;
}

html[data-theme='dark'] .storefront-qris-instruction {
  color: #667168;
}

html[data-theme='dark'] .storefront-qris-trust {
  color: #58705d;
}

html[data-theme='dark'] .storefront-invoice-summary > div {
  border-color: rgba(158, 183, 159, 0.17);
}

html[data-theme='dark'] .storefront-invoice-summary-label,
html[data-theme='dark'] .storefront-invoice-total-note {
  color: #acb9ac;
}

html[data-theme='dark'] .storefront-invoice-summary-value {
  color: #edf1e9;
}

html[data-theme='dark'] .storefront-invoice-total {
  color: #e5bf7c;
}

html[data-theme='dark'] .storefront-receipt-divider::before,
html[data-theme='dark'] .storefront-receipt-divider::after {
  border-color: rgba(160, 184, 160, 0.18);
}

html[data-theme='dark'] .storefront-invoice-copy-button,
html[data-theme='dark'] .storefront-copy-all-button {
  color: #e5ebe2;
  border-color: rgba(164, 190, 165, 0.24);
  background: rgba(49, 64, 54, 0.92);
}

html[data-theme='dark'] .storefront-invoice-copy-button:hover {
  background: rgba(61, 80, 67, 0.98);
}

/* Catalog controls and suggestion surfaces */

html[data-theme='dark'] .catalog-search-panel,
html[data-theme='dark'] .catalog-suggestions,
html[data-theme='dark'] .catalog-category-chip,
html[data-theme='dark'] .catalog-empty {
  color: var(--gtg-text);
  border-color: rgba(160, 185, 161, 0.22);
  background: rgba(47, 61, 52, 0.95);
}


/* Admin order detail and delivered payload */

html[data-theme='dark'] .admin-order-detail-status-wrap,
html[data-theme='dark'] .admin-order-delivery-card,
html[data-theme='dark'] .admin-order-recovery-close,
html[data-theme='dark'] .admin-order-recovery-dialog textarea {
  color: var(--gtg-text);
  border-color: rgba(160, 185, 161, 0.22);
  background: rgba(48, 62, 52, 0.94);
}

html[data-theme='dark'] .admin-order-delivery-card {
  background:
    radial-gradient(circle at 92% 8%, rgba(105, 139, 111, 0.11), transparent 11rem),
    linear-gradient(145deg, #334238, #2b382f);
  box-shadow: inset 0 1px 0 rgba(223, 236, 220, 0.055);
}

html[data-theme='dark'] .admin-order-delivery-card-header,
html[data-theme='dark'] .admin-order-card-header {
  border-color: rgba(158, 183, 159, 0.17);
  background: rgba(78, 103, 84, 0.22);
}

html[data-theme='dark'] .admin-order-delivery-card-header > span,
html[data-theme='dark'] .admin-panel-eyebrow {
  color: #aec4ac;
}

html[data-theme='dark'] .admin-order-delivery-card-header small,
html[data-theme='dark'] .admin-order-delivery-row span,
html[data-theme='dark'] .admin-order-detail-row > span {
  color: #aeb9ad;
}

html[data-theme='dark'] .admin-order-delivery-row strong,
html[data-theme='dark'] .admin-order-detail-row strong,
html[data-theme='dark'] .admin-panel-title {
  color: #f0eadf;
}

html[data-theme='dark'] .admin-order-delivery-row,
html[data-theme='dark'] .admin-order-detail-row {
  border-color: rgba(158, 183, 159, 0.17);
}

html[data-theme='dark'] .admin-order-copy-all {
  color: #edf2e9;
  border-color: rgba(177, 201, 176, 0.28);
  background: linear-gradient(180deg, #526b58, #405547);
}

html[data-theme='dark'] .admin-order-copy-all:hover {
  color: #fff8ed;
  background: linear-gradient(180deg, #617c67, #4a6251);
}

/* Admin product list */

html[data-theme='dark'] .admin-product-category,
html[data-theme='dark'] .admin-featured-pill.is-muted {
  color: #c3d0c1;
  border-color: rgba(159, 184, 160, 0.24);
  background: rgba(70, 92, 77, 0.6);
}

html[data-theme='dark'] .admin-featured-pill.is-featured {
  color: #e6c47e;
  border-color: rgba(211, 174, 107, 0.32);
  background: rgba(143, 105, 49, 0.22);
}

html[data-theme='dark'] .admin-product-price {
  color: #e3b970;
}

html[data-theme='dark'] .admin-product-stock.is-safe {
  color: #bad7bf;
  border-color: rgba(126, 174, 136, 0.32);
  background: rgba(74, 123, 87, 0.25);
}

html[data-theme='dark'] .admin-product-stock.is-critical {
  color: #e6a097;
  border-color: rgba(207, 126, 117, 0.32);
  background: rgba(143, 72, 66, 0.23);
}

html[data-theme='dark'] .admin-product-actions {
  border-color: rgba(160, 185, 161, 0.22);
  background: rgba(40, 53, 44, 0.88);
  box-shadow: inset 0 1px 0 rgba(224, 237, 221, 0.05);
}

html[data-theme='dark'] .admin-product-action-button {
  border-color: rgba(163, 188, 164, 0.2);
  background: rgba(55, 72, 60, 0.86);
}

html[data-theme='dark'] .admin-product-action-button.is-edit {
  color: #c7ddc8;
  background: rgba(73, 112, 82, 0.28);
}

html[data-theme='dark'] .admin-product-action-button.is-edit:hover {
  background: rgba(88, 132, 98, 0.38);
}

html[data-theme='dark'] .admin-product-action-button.is-stock {
  color: #e4bd78;
  border-color: rgba(210, 169, 98, 0.28);
  background: rgba(143, 105, 49, 0.22);
}

html[data-theme='dark'] .admin-product-action-button.is-stock:hover {
  background: rgba(158, 117, 54, 0.32);
}

html[data-theme='dark'] .admin-product-action-button.is-delete {
  color: #e5a099;
  border-color: rgba(207, 126, 117, 0.28);
  background: rgba(143, 72, 66, 0.22);
}

html[data-theme='dark'] .admin-product-action-button.is-delete:hover {
  background: rgba(158, 80, 73, 0.32);
}

/* Admin nested controls and utility surfaces across pages */

html[data-theme='dark'] .admin-section-total,
html[data-theme='dark'] .admin-needs-action-count,
html[data-theme='dark'] .admin-activity-count,
html[data-theme='dark'] .admin-maintenance-status,
html[data-theme='dark'] .admin-account-count,
html[data-theme='dark'] .admin-account-detail-status,
html[data-theme='dark'] .admin-stock-mode-tabs,
html[data-theme='dark'] .admin-stock-bulkbar,
html[data-theme='dark'] .admin-capacity-card,
html[data-theme='dark'] .admin-stock-search-panel,
html[data-theme='dark'] .admin-maintenance-impact-grid article,
html[data-theme='dark'] .admin-session-item,
html[data-theme='dark'] .admin-form-switch-card,
html[data-theme='dark'] .admin-crop-footer {
  color: var(--gtg-text);
  border-color: rgba(160, 185, 161, 0.22);
  background: rgba(47, 61, 52, 0.94);
}

html[data-theme='dark'] .admin-stock-category,
html[data-theme='dark'] .admin-stock-code-example code,
html[data-theme='dark'] .admin-stock-file-input,
html[data-theme='dark'] .admin-stock-search-field input,
html[data-theme='dark'] .admin-stock-search-status,
html[data-theme='dark'] .admin-settings-password-toggle,
html[data-theme='dark'] .admin-settings-notice > span,
html[data-theme='dark'] .admin-form-notice-icon,
html[data-theme='dark'] .admin-product-upload-icon,
html[data-theme='dark'] .admin-product-cancel-button,
html[data-theme='dark'] .admin-confirm-close,
html[data-theme='dark'] .admin-confirm-button.is-cancel,
html[data-theme='dark'] .admin-crop-close,
html[data-theme='dark'] .admin-crop-help-icon {
  color: #dce5da;
  border-color: rgba(160, 185, 161, 0.22);
  background: rgba(52, 68, 57, 0.94);
}

html[data-theme='dark'] .admin-form-switch > span,
html[data-theme='dark'] .admin-voucher-toggle-track span {
  background: #dfe8dc;
}

html[data-theme='dark'] .admin-order-pagination a {
  color: #d8e1d6 !important;
  border-color: rgba(160, 185, 161, 0.22) !important;
  background: rgba(48, 62, 52, 0.94) !important;
}

html[data-theme='dark'] .admin-order-pagination a:hover {
  color: #fff8ed !important;
  background: rgba(66, 86, 72, 0.98) !important;
}

html[data-theme='dark'] .admin-button-ghost {
  color: #e1e9df;
  border-color: rgba(160, 185, 161, 0.22);
  background: rgba(49, 64, 54, 0.92);
}

html[data-theme='dark'] .admin-button-ghost:hover {
  color: #fff8ed;
  background: rgba(63, 82, 69, 0.98);
}

html[data-theme='dark'] .admin-settings-notice,
html[data-theme='dark'] .admin-form-notice {
  color: var(--gtg-text-soft);
  border-color: rgba(153, 180, 155, 0.22);
  background: rgba(74, 99, 81, 0.2);
}

html[data-theme='dark'] .admin-settings-notice code,
html[data-theme='dark'] .admin-settings-source.is-override {
  color: #e1bd7b;
}

/* Keep disabled actions clearly disabled without turning into a white block. */

html[data-theme='dark'] button:disabled,
html[data-theme='dark'] .is-disabled,
html[data-theme='dark'] [aria-disabled='true'] {
  opacity: 0.55;
}

@media (max-width: 639px) {
  html[data-theme='dark'] .storefront-qris-wrap {
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
  }
}

/* =========================================================
   DELIVERY 3.3 — FINAL STOREFRONT DARK CONTRAST TOUCHES
   Completes the remaining light-mode surfaces shown in review.
   ========================================================= */

html[data-theme='dark'] .storefront-product-detail {
  background:
    radial-gradient(circle at 8% 24%, rgba(87, 117, 94, 0.24), transparent 25rem),
    radial-gradient(circle at 92% 16%, rgba(181, 145, 88, 0.08), transparent 23rem),
    linear-gradient(180deg, #1c251f 0%, #202b24 54%, #19221c 100%);
}

html[data-theme='dark'] .storefront-eyebrow {
  color: #d4e1d0;
  border-color: rgba(169, 196, 169, 0.28);
  background:
    radial-gradient(circle at 22% 20%, rgba(177, 204, 176, 0.13), transparent 48%),
    linear-gradient(145deg, rgba(62, 82, 68, 0.98), rgba(45, 60, 50, 0.98));
  box-shadow:
    0 10px 24px rgba(2, 7, 4, 0.2),
    inset 0 1px 0 rgba(224, 236, 220, 0.08);
}

html[data-theme='dark'] .storefront-eyebrow-dot {
  background: #9db79b;
  box-shadow:
    0 0 0 4px rgba(157, 183, 155, 0.14),
    0 0 14px rgba(157, 183, 155, 0.28);
}




html[data-theme='dark'] .storefront-benefit-icon {
  color: #d1dfcd;
  border-color: rgba(165, 191, 165, 0.28);
  background:
    radial-gradient(circle at 30% 22%, rgba(185, 210, 181, 0.12), transparent 48%),
    linear-gradient(145deg, rgba(65, 85, 70, 0.98), rgba(47, 62, 52, 0.98));
  box-shadow:
    0 10px 22px rgba(2, 7, 4, 0.22),
    inset 0 1px 0 rgba(224, 236, 220, 0.08);
}

html[data-theme='dark'] .storefront-benefit-card:hover .storefront-benefit-icon {
  color: #f0d39b;
  border-color: rgba(205, 175, 113, 0.34);
  background:
    radial-gradient(circle at 50% 18%, rgba(218, 186, 123, 0.14), transparent 48%),
    linear-gradient(145deg, rgba(73, 93, 77, 0.99), rgba(52, 68, 57, 0.99));
}

/* =========================================================
   DELIVERY 3.4 — FINAL DARK MODE MODAL AND QRIS PASS
   Completes the remaining first-visit, invoice, and admin modal surfaces.
   ========================================================= */

/* Invoice QRIS heading icon. The QR canvas itself intentionally remains white. */

html[data-theme='dark'] .storefront-qris-icon {
  color: #d7e5d3;
  border-color: rgba(170, 197, 171, 0.28);
  background:
    radial-gradient(circle at 28% 22%, rgba(190, 215, 186, 0.13), transparent 48%),
    linear-gradient(145deg, rgba(67, 88, 73, 0.98), rgba(47, 63, 53, 0.98));
  box-shadow:
    0 10px 24px rgba(2, 7, 4, 0.22),
    inset 0 1px 0 rgba(225, 237, 221, 0.08);
}

html[data-theme='dark'] .storefront-qris-icon svg {
  filter: drop-shadow(0 3px 7px rgba(1, 5, 3, 0.2));
}


/* Manual-paid confirmation modal in admin order detail. */

html[data-theme='dark'] .admin-order-recovery-backdrop {
  background: rgba(5, 10, 7, 0.72);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

html[data-theme='dark'] .admin-order-recovery-dialog {
  color: var(--admin-text);
  border-color: rgba(169, 194, 169, 0.24);
  background:
    radial-gradient(circle at 92% 4%, rgba(107, 143, 113, 0.14), transparent 14rem),
    linear-gradient(145deg, #314037, #263229 75%, #212b24);
  box-shadow:
    0 28px 76px rgba(1, 5, 3, 0.44),
    inset 0 1px 0 rgba(226, 237, 222, 0.07);
}

html[data-theme='dark'] .admin-order-recovery-dialog h2 {
  color: #f3ede2;
}

html[data-theme='dark'] .admin-order-recovery-dialog > p {
  color: #c5d0c3;
}

html[data-theme='dark'] .admin-order-recovery-summary {
  border: 1px solid rgba(163, 188, 164, 0.19);
  background: rgba(48, 64, 54, 0.88);
  box-shadow: inset 0 1px 0 rgba(222, 235, 219, 0.05);
}

html[data-theme='dark'] .admin-order-recovery-summary span {
  color: #aebbad;
}

html[data-theme='dark'] .admin-order-recovery-summary strong {
  color: #f1eadf;
}

html[data-theme='dark'] .admin-order-recovery-dialog label {
  color: #e8eee5;
}

html[data-theme='dark'] .admin-order-recovery-dialog label small {
  color: #aab6a9;
}

html[data-theme='dark'] .admin-order-recovery-dialog textarea {
  color: #edf2e9;
  border-color: rgba(169, 194, 169, 0.25);
  background: rgba(45, 59, 50, 0.96);
}

html[data-theme='dark'] .admin-order-recovery-dialog textarea::placeholder {
  color: #95a296;
}

html[data-theme='dark'] .admin-order-recovery-dialog textarea:focus {
  border-color: #91aa90;
  background: #35463b;
  box-shadow: 0 0 0 4px rgba(145, 170, 144, 0.13);
}

html[data-theme='dark'] .admin-order-recovery-close {
  color: #e5ece2;
  border-color: rgba(169, 194, 169, 0.24);
  background: rgba(51, 68, 57, 0.96);
}

html[data-theme='dark'] .admin-order-recovery-close:hover {
  color: #fff8ed;
  background: rgba(67, 88, 73, 0.99);
}

html[data-theme='dark'] .admin-order-recovery-actions .admin-button-primary {
  color: #fff8ed;
  border-color: rgba(184, 205, 181, 0.23);
  background: linear-gradient(180deg, #819b81, #607762);
}

html[data-theme='dark'] .admin-order-recovery-actions .admin-button-primary:hover {
  background: linear-gradient(180deg, #8aa589, #6a836c);
}

/* =========================================================
   DELIVERY 3.5 — FINAL CATALOG AND PRODUCT DETAIL CLEANUP
   Removes the remaining light catalogue canvas and category pill.
   ========================================================= */

html[data-theme='dark'] body.storefront-theme .catalog-page,
html[data-theme='dark'] body.storefront-theme .catalog-top {
  color: var(--gtg-text);
  border-color: rgba(151, 174, 152, 0.17);
  background:
    radial-gradient(circle at 84% 8rem, rgba(78, 105, 85, 0.3), transparent 28rem),
    linear-gradient(180deg, #1d261f 0%, #222d26 48%, #19221c 100%);
}

html[data-theme='dark'] body.admin-theme .admin-rich-note-shell,
html[data-theme='dark'] body.admin-theme .admin-rich-note-shell:focus-within {
  color: var(--gtg-text);
  border-color: var(--admin-border);
  background: rgba(48, 62, 52, 0.9);
}

html[data-theme='dark'] body.admin-theme .admin-rich-note-toolbar {
  border-color: var(--admin-border);
  background: rgba(94, 121, 99, 0.1);
}

html[data-theme='dark'] body.admin-theme .admin-rich-note-toolbar button {
  color: var(--admin-text-soft);
  border-color: var(--admin-border);
  background: rgba(56, 72, 61, 0.9);
}

html[data-theme='dark'] body.admin-theme .admin-rich-note-toolbar button:hover,
html[data-theme='dark'] body.admin-theme .admin-rich-note-toolbar button:focus-visible {
  color: var(--gtg-text);
  background: rgba(105, 139, 111, 0.16);
}

html[data-theme='dark'] body.admin-theme .admin-rich-note-editor {
  color: var(--gtg-text);
}

html[data-theme='dark'] body.admin-theme .admin-rich-note-toolbar .admin-rich-note-link-button {
  border-color: rgba(96, 165, 250, 0.34);
  color: #93c5fd;
  background: rgba(59, 130, 246, 0.12);
}

html[data-theme='dark'] body.admin-theme .admin-rich-note-toolbar .admin-rich-note-link-button:hover,
html[data-theme='dark'] body.admin-theme .admin-rich-note-toolbar .admin-rich-note-link-button:focus-visible {
  border-color: rgba(96, 165, 250, 0.52);
  color: #bfdbfe;
  background: rgba(59, 130, 246, 0.18);
}

html[data-theme='dark'] body.admin-theme .admin-rich-note-editor a {
  color: #93c5fd;
}

html[data-theme='dark'] body.admin-theme .admin-rich-note-link-panel {
  color: var(--gtg-text);
  border-color: var(--admin-border);
  background: #263229;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.48);
}

html[data-theme='dark'] body.admin-theme .admin-rich-note-link-heading h3 {
  color: var(--gtg-text);
}

html[data-theme='dark'] body.admin-theme .admin-rich-note-link-kicker {
  color: #93c5fd;
}

html[data-theme='dark'] body.admin-theme .admin-rich-note-link-fields input,
html[data-theme='dark'] body.admin-theme .admin-rich-note-link-close,
html[data-theme='dark'] body.admin-theme .admin-rich-note-dialog-button.is-secondary {
  color: var(--admin-text-soft);
  border-color: var(--admin-border);
  background: rgba(48, 62, 52, 0.92);
}

html[data-theme='dark'] body.admin-theme .admin-rich-note-link-fields input:focus {
  border-color: rgba(96, 165, 250, 0.52);
  color: var(--gtg-text);
  background: rgba(42, 56, 47, 0.98);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.14);
}

html[data-theme='dark'] body.admin-theme .admin-rich-note-link-error {
  border-color: rgba(248, 113, 113, 0.24);
  color: #fecaca;
  background: rgba(127, 29, 29, 0.2);
}

html[data-theme='dark'] body.storefront-theme .storefront-delivery-note-document a {
  color: #93c5fd;
}