/* header-1.css — dipindah dari comp/seller-header.php (baris 2713, 26 Okt 2026) agar bisa di-cache browser. */

/* <style id="ic-storefront-v9-header-style"> */

:root{
  --ic-stf-page:#f8f9fa;
  --ic-stf-surface:#ffffff;
  --ic-stf-surface-soft:#f1f3f5;
  --ic-stf-text:#1f2937;
  --ic-stf-muted:#6b7280;
  --ic-stf-border:#e5e7eb;
  --ic-stf-font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

html.ic-stf-font-inter{
  --ic-stf-font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

html.ic-stf-font-poppins{
  --ic-stf-font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

html.ic-stf-font-montserrat{
  --ic-stf-font-family:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

html.ic-stf-font-system{
  --ic-stf-font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

html.ic-stf-dark{
  color-scheme:dark;
  --ic-stf-page:#0b1220;
  --ic-stf-surface:#111827;
  --ic-stf-surface-soft:#172033;
  --ic-stf-text:#f8fafc;
  --ic-stf-muted:#a8b3c7;
  --ic-stf-border:#334155;
}

html body{
  font-family:var(--ic-stf-font-family) !important;
}

html.ic-stf-dark body{
  background:var(--ic-stf-page) !important;
  color:var(--ic-stf-text) !important;
}

html.ic-stf-dark .sh-status,
html.ic-stf-dark #stfHeader .sh-status{
  background:var(--ic-stf-surface) !important;
  color:var(--ic-stf-text) !important;
  border:1px solid var(--ic-stf-border) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.28) !important;
}

html.ic-stf-dark .sh-status .fw-bold,
html.ic-stf-dark .sh-status .small,
html.ic-stf-dark .sh-status small{
  color:var(--ic-stf-text) !important;
}

html.ic-stf-dark .sh-status .text-muted{
  color:var(--ic-stf-muted) !important;
}

html.ic-stf-dark .sh-status .btn-outline-secondary{
  color:var(--ic-stf-muted) !important;
  border-color:var(--ic-stf-muted) !important;
}

html.ic-stf-dark .modal-content{
  background:var(--ic-stf-surface);
  color:var(--ic-stf-text);
  border-color:var(--ic-stf-border);
}

html.ic-stf-dark .modal-header,
html.ic-stf-dark .modal-footer{
  border-color:var(--ic-stf-border);
}