/* DM COM theme layer: Cyber Theme + Plus Jakarta Sans defaults.
   The palette and visual language are adapted from the supplied TSX reference:
   #030712 background, neon cyan/pink/yellow/green accents, grid, glow, mono typography. */
:root {
  --dm-font-sans: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --dm-cyber-bg: #030712;
  --dm-cyber-panel: rgba(8, 13, 26, .93);
  --dm-cyber-panel-2: rgba(11, 19, 41, .94);
  --dm-cyber-cyan: #00f0ff;
  --dm-cyber-pink: #ff0055;
  --dm-cyber-yellow: #fcee0a;
  --dm-cyber-green: #00ff66;
  --dm-cyber-ink: #e7fbff;
  --dm-cyber-muted: #a4b7ca;
  --dm-cyber-border: rgba(0, 240, 255, .35);
}

/* The ordinary themes use Plus Jakarta Sans as the site-wide default. */
body[data-theme="blue"],
body[data-theme="dark"],
body[data-theme="bw"] {
  font-family: var(--dm-font-sans) !important;
}
body[data-theme="blue"] button,
body[data-theme="blue"] input,
body[data-theme="blue"] select,
body[data-theme="blue"] textarea,
body[data-theme="dark"] button,
body[data-theme="dark"] input,
body[data-theme="dark"] select,
body[data-theme="dark"] textarea,
body[data-theme="bw"] button,
body[data-theme="bw"] input,
body[data-theme="bw"] select,
body[data-theme="bw"] textarea {
  font-family: inherit;
}

/* Cyber Theme background and terminal typography. */
body[data-theme="cyber"] {
  min-height: 100vh;
  color: var(--dm-cyber-ink) !important;
  background-color: var(--dm-cyber-bg) !important;
  background-image:
    linear-gradient(to right, rgba(0,240,255,.055) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(0,240,255,.055) 1px, transparent 1px),
    radial-gradient(circle at 10% -5%, rgba(0,240,255,.17), transparent 29%),
    radial-gradient(circle at 96% 18%, rgba(255,0,85,.15), transparent 25%),
    radial-gradient(circle at 50% 100%, rgba(0,240,255,.055), transparent 40%) !important;
  background-size: 32px 32px, 32px 32px, auto, auto, auto !important;
  background-attachment: fixed !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
  color-scheme: dark;
}
body[data-theme="cyber"] *,
body[data-theme="cyber"] button,
body[data-theme="cyber"] input,
body[data-theme="cyber"] select,
body[data-theme="cyber"] textarea {
  font-family: inherit;
}
body[data-theme="cyber"] ::selection {
  color: #fff !important;
  background: var(--dm-cyber-pink) !important;
}
body[data-theme="cyber"] .site-video-bg {
  display: none !important;
}
body[data-theme="cyber"] main.page {
  width: min(1480px, calc(100% - 48px));
  max-width: 1480px;
  margin-inline: auto;
  color: var(--dm-cyber-ink) !important;
  background: transparent !important;
}
@media (max-width: 640px) {
  body[data-theme="cyber"] main.page { width: calc(100% - 20px); }
}

/* Top bar and theme drawer. */
body[data-theme="cyber"] .topbar {
  color: var(--dm-cyber-ink) !important;
  background: rgba(8,13,26,.93) !important;
  border: 1px solid rgba(0,240,255,.50) !important;
  border-bottom-color: rgba(0,240,255,.72) !important;
  box-shadow: 0 0 22px rgba(0,240,255,.13), 0 14px 45px rgba(0,0,0,.28) !important;
  backdrop-filter: blur(18px);
}
body[data-theme="cyber"] .topbar nav a,
body[data-theme="cyber"] .topbar nav button,
body[data-theme="cyber"] .topbar .username,
body[data-theme="cyber"] .topbar .account,
body[data-theme="cyber"] .topbar .role-pill {
  color: var(--dm-cyber-cyan) !important;
}
body[data-theme="cyber"] .topbar nav a:hover,
body[data-theme="cyber"] .topbar nav button:hover {
  color: #fff !important;
  text-shadow: 0 0 10px rgba(0,240,255,.55);
}
body[data-theme="cyber"] .topbar .btn,
body[data-theme="cyber"] .topbar .role-pill {
  background: rgba(0,240,255,.09) !important;
  border: 1px solid rgba(0,240,255,.45) !important;
  color: var(--dm-cyber-cyan) !important;
  box-shadow: 0 0 12px rgba(0,240,255,.07);
}
body[data-theme="cyber"] .topbar .brand {
  background: rgba(255,255,255,.96) !important;
  padding: .34rem .62rem !important;
  border: 1px solid rgba(0,240,255,.55) !important;
  border-radius: 7px;
  box-shadow: 0 0 14px rgba(0,240,255,.12);
}
body[data-theme="cyber"] .topbar .brand-divider {
  background: rgba(0,240,255,.35) !important;
}
body[data-theme="cyber"] .theme-menu-toggle {
  background: rgba(8,13,26,.95) !important;
  color: var(--dm-cyber-cyan) !important;
  border: 1px solid var(--dm-cyber-cyan) !important;
  box-shadow: 0 0 18px rgba(0,240,255,.28) !important;
}
body[data-theme="cyber"] .theme-menu-toggle:hover {
  color: #030712 !important;
  background: var(--dm-cyber-cyan) !important;
  box-shadow: 0 0 24px rgba(0,240,255,.5) !important;
}
body[data-theme="cyber"] .theme-scrim {
  background: rgba(0,3,12,.72) !important;
  backdrop-filter: blur(7px);
}
body[data-theme="cyber"] .theme-drawer,
body[data-theme="cyber"] .account-settings-panel {
  color: var(--dm-cyber-ink) !important;
  background: rgba(8,13,26,.97) !important;
  border: 1px solid rgba(0,240,255,.55) !important;
  box-shadow: 0 0 35px rgba(0,240,255,.18), 0 24px 80px rgba(0,0,0,.5) !important;
}
body[data-theme="cyber"] .theme-drawer strong,
body[data-theme="cyber"] .theme-drawer h3,
body[data-theme="cyber"] .account-settings-panel h2 {
  color: #fff !important;
}
body[data-theme="cyber"] .theme-drawer small,
body[data-theme="cyber"] .theme-drawer-note {
  color: var(--dm-cyber-muted) !important;
}
body[data-theme="cyber"] .theme-option,
body[data-theme="cyber"] .admin-drawer-link {
  color: var(--dm-cyber-ink) !important;
  background: rgba(0,240,255,.035) !important;
  border-color: rgba(0,240,255,.20) !important;
}
body[data-theme="cyber"] .theme-option:hover,
body[data-theme="cyber"] .theme-option.is-active,
body[data-theme="cyber"] .admin-drawer-link:hover {
  background: rgba(0,240,255,.13) !important;
  border-color: var(--dm-cyber-cyan) !important;
  box-shadow: 0 0 14px rgba(0,240,255,.12) !important;
}
body[data-theme="cyber"] .swatch-cyber {
  background: linear-gradient(135deg, #00f0ff 0 34%, #ff0055 34% 68%, #fcee0a 68%) !important;
  box-shadow: 0 0 12px rgba(0,240,255,.4);
}

/* Global readable links, controls, cards and table surfaces. */
body[data-theme="cyber"] a {
  color: var(--dm-cyber-cyan);
}
body[data-theme="cyber"] a:hover {
  color: #fff;
  text-shadow: 0 0 10px rgba(0,240,255,.35);
}
body[data-theme="cyber"] h1,
body[data-theme="cyber"] h2,
body[data-theme="cyber"] h3,
body[data-theme="cyber"] h4,
body[data-theme="cyber"] legend {
  color: #f4fdff;
}
body[data-theme="cyber"] p,
body[data-theme="cyber"] label,
body[data-theme="cyber"] small,
body[data-theme="cyber"] .muted,
body[data-theme="cyber"] .eyebrow,
body[data-theme="cyber"] .help,
body[data-theme="cyber"] .form-help {
  color: var(--dm-cyber-muted);
}
body[data-theme="cyber"] input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body[data-theme="cyber"] select,
body[data-theme="cyber"] textarea {
  color: var(--dm-cyber-ink) !important;
  background: rgba(3,7,18,.92) !important;
  border: 1px solid rgba(0,240,255,.42) !important;
  border-radius: 7px;
  caret-color: var(--dm-cyber-cyan);
}
body[data-theme="cyber"] input::placeholder,
body[data-theme="cyber"] textarea::placeholder {
  color: #8199ad !important;
  opacity: 1;
}
body[data-theme="cyber"] input:focus,
body[data-theme="cyber"] select:focus,
body[data-theme="cyber"] textarea:focus,
body[data-theme="cyber"] [contenteditable="true"]:focus {
  outline: 2px solid rgba(0,240,255,.38) !important;
  outline-offset: 1px;
  border-color: var(--dm-cyber-pink) !important;
  box-shadow: 0 0 0 3px rgba(255,0,85,.12), 0 0 13px rgba(0,240,255,.11) !important;
}
body[data-theme="cyber"] input[type="checkbox"],
body[data-theme="cyber"] input[type="radio"] {
  accent-color: var(--dm-cyber-cyan);
}
body[data-theme="cyber"] input[type="file"] {
  color: var(--dm-cyber-muted) !important;
}
body[data-theme="cyber"] hr {
  border-color: rgba(0,240,255,.22) !important;
}
body[data-theme="cyber"] table {
  color: var(--dm-cyber-ink) !important;
  border-color: rgba(0,240,255,.25) !important;
}
body[data-theme="cyber"] th {
  color: var(--dm-cyber-cyan) !important;
  background: rgba(0,240,255,.10) !important;
  border-color: rgba(0,240,255,.25) !important;
}
body[data-theme="cyber"] td {
  border-color: rgba(0,240,255,.15) !important;
}
body[data-theme="cyber"] tr:hover td {
  background: rgba(0,240,255,.045);
}

/* Business surfaces: glass panels with terminal-colored outlines. */
body[data-theme="cyber"] .panel,
body[data-theme="cyber"] .card,
body[data-theme="cyber"] .editor-card,
body[data-theme="cyber"] .checkout-card,
body[data-theme="cyber"] .checkout-intro,
body[data-theme="cyber"] .stock-kpi,
body[data-theme="cyber"] .stock-layout,
body[data-theme="cyber"] .stock-section,
body[data-theme="cyber"] .about-card,
body[data-theme="cyber"] .about-office,
body[data-theme="cyber"] .contact-panel,
body[data-theme="cyber"] .motorola-cert-feature,
body[data-theme="cyber"] .achievement-feature,
body[data-theme="cyber"] .achievement-image-frame,
body[data-theme="cyber"] .about-news-card,
body[data-theme="cyber"] .about-visuals,
body[data-theme="cyber"] .about-gallery-feature,
body[data-theme="cyber"] .product-modal-panel,
body[data-theme="cyber"] .receipt,
body[data-theme="cyber"] .receipt-modal-panel,
body[data-theme="cyber"] .account-settings-head,
body[data-theme="cyber"] .product-card,
body[data-theme="cyber"] .table-wrap,
body[data-theme="cyber"] .stock-table-wrap,
body[data-theme="cyber"] .checkout-total,
body[data-theme="cyber"] .checkout-note,
body[data-theme="cyber"] .pos-shell,
body[data-theme="cyber"] .pos-products,
body[data-theme="cyber"] .pos-tools,
body[data-theme="cyber"] .pos-checkout,
body[data-theme="cyber"] .pos-summary,
body[data-theme="cyber"] .pos-cashier,
body[data-theme="cyber"] .pos-ppn-control,
body[data-theme="cyber"] .pos-ppn-documents,
body[data-theme="cyber"] .pos-discount-preview,
body[data-theme="cyber"] .article-side-card,
body[data-theme="cyber"] .article-editor,
body[data-theme="cyber"] .article-visual-editor,
body[data-theme="cyber"] .article-admin,
body[data-theme="cyber"] .txn-hero,
body[data-theme="cyber"] .txn-kpi,
body[data-theme="cyber"] .txn-workspace,
body[data-theme="cyber"] .txn-analytics-card,
body[data-theme="cyber"] .txn-trend-card,
body[data-theme="cyber"] .txn-filter {
  color: var(--dm-cyber-ink) !important;
  background: linear-gradient(145deg, rgba(8,13,26,.97), rgba(11,19,41,.92)) !important;
  border-color: rgba(0,240,255,.31) !important;
  box-shadow: 0 0 20px rgba(0,240,255,.055), 0 16px 42px rgba(0,0,0,.25) !important;
  backdrop-filter: blur(15px);
}
body[data-theme="cyber"] .product-card:hover,
body[data-theme="cyber"] .about-news-card:hover,
body[data-theme="cyber"] .txn-kpi:hover,
body[data-theme="cyber"] .txn-top-item:hover {
  border-color: var(--dm-cyber-cyan) !important;
  box-shadow: 0 0 22px rgba(0,240,255,.17) !important;
}
body[data-theme="cyber"] .hero,
body[data-theme="cyber"] .cyber-hero,
body[data-theme="cyber"] .about-hero {
  background:
    radial-gradient(circle at 85% 5%, rgba(0,240,255,.16), transparent 31%),
    radial-gradient(circle at 5% 98%, rgba(255,0,85,.10), transparent 35%),
    linear-gradient(140deg, rgba(8,13,26,.97), rgba(11,19,41,.94)) !important;
  color: var(--dm-cyber-ink) !important;
  border-color: rgba(0,240,255,.42) !important;
  box-shadow: 0 0 28px rgba(0,240,255,.08) !important;
}
body[data-theme="cyber"] .about-hero *,
body[data-theme="cyber"] .hero *,
body[data-theme="cyber"] .cyber-hero * {
  color: inherit;
}
body[data-theme="cyber"] .stat,
body[data-theme="cyber"] .about-purpose,
body[data-theme="cyber"] .about-section,
body[data-theme="cyber"] .article-field,
body[data-theme="cyber"] .form-page,
body[data-theme="cyber"] .product-modal,
body[data-theme="cyber"] .modal,
body[data-theme="cyber"] .receipt-modal,
body[data-theme="cyber"] .checkout-layout,
body[data-theme="cyber"] .pos-layout,
body[data-theme="cyber"] .stock-page,
body[data-theme="cyber"] .stock-history,
body[data-theme="cyber"] .about-contact,
body[data-theme="cyber"] .admin-articles,
body[data-theme="cyber"] .article-editor {
  color: var(--dm-cyber-ink) !important;
}

/* Neon button system: cyan for ordinary actions, pink for high-impact actions. */
body[data-theme="cyber"] button,
body[data-theme="cyber"] .btn,
body[data-theme="cyber"] .txn-btn,
body[data-theme="cyber"] .txn-action-btn,
body[data-theme="cyber"] .stock-pagination a,
body[data-theme="cyber"] .pager a {
  transition: color .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
body[data-theme="cyber"] .btn,
body[data-theme="cyber"] button.btn,
body[data-theme="cyber"] .txn-btn,
body[data-theme="cyber"] .txn-action-btn,
body[data-theme="cyber"] .stock-pagination a,
body[data-theme="cyber"] .pager a,
body[data-theme="cyber"] .btn-outline,
body[data-theme="cyber"] .btn-ghost {
  color: var(--dm-cyber-cyan) !important;
  background: rgba(0,240,255,.075) !important;
  border: 1px solid rgba(0,240,255,.6) !important;
  box-shadow: 0 0 10px rgba(0,240,255,.07);
}
body[data-theme="cyber"] .btn:hover,
body[data-theme="cyber"] button.btn:hover,
body[data-theme="cyber"] .txn-btn:hover,
body[data-theme="cyber"] .txn-action-btn:hover,
body[data-theme="cyber"] .stock-pagination a:hover,
body[data-theme="cyber"] .pager a:hover,
body[data-theme="cyber"] .btn-outline:hover,
body[data-theme="cyber"] .btn-ghost:hover {
  color: #030712 !important;
  background: var(--dm-cyber-cyan) !important;
  border-color: var(--dm-cyber-cyan) !important;
  box-shadow: 0 0 18px rgba(0,240,255,.43) !important;
  transform: translateY(-1px);
}
body[data-theme="cyber"] .btn-primary,
body[data-theme="cyber"] button[type="submit"],
body[data-theme="cyber"] .txn-btn.primary,
body[data-theme="cyber"] .pos-add,
body[data-theme="cyber"] .add-cart-card {
  color: #030712 !important;
  background: linear-gradient(120deg, #00f0ff, #25a9ff) !important;
  border-color: var(--dm-cyber-cyan) !important;
  box-shadow: 0 0 16px rgba(0,240,255,.33) !important;
  font-weight: 850;
}
body[data-theme="cyber"] .btn-primary:hover,
body[data-theme="cyber"] button[type="submit"]:hover,
body[data-theme="cyber"] .txn-btn.primary:hover,
body[data-theme="cyber"] .pos-add:hover,
body[data-theme="cyber"] .add-cart-card:hover {
  color: #030712 !important;
  background: #85f7ff !important;
  box-shadow: 0 0 24px rgba(0,240,255,.55) !important;
}
body[data-theme="cyber"] .btn-danger,
body[data-theme="cyber"] .txn-action-btn.danger,
body[data-theme="cyber"] .void-btn,
body[data-theme="cyber"] .pos-submit,
body[data-theme="cyber"] .btn-delete {
  color: #fff !important;
  background: linear-gradient(125deg, #ff0055, #bd124d) !important;
  border-color: #ff0055 !important;
  box-shadow: 0 0 17px rgba(255,0,85,.30) !important;
}
body[data-theme="cyber"] .btn-danger:hover,
body[data-theme="cyber"] .txn-action-btn.danger:hover,
body[data-theme="cyber"] .void-btn:hover,
body[data-theme="cyber"] .pos-submit:hover,
body[data-theme="cyber"] .btn-delete:hover {
  background: #ff3a79 !important;
  box-shadow: 0 0 25px rgba(255,0,85,.5) !important;
}
body[data-theme="cyber"] .txn-btn.report,
body[data-theme="cyber"] .report-btn {
  color: var(--dm-cyber-yellow) !important;
  background: rgba(252,238,10,.07) !important;
  border-color: rgba(252,238,10,.55) !important;
  box-shadow: 0 0 12px rgba(252,238,10,.06) !important;
}
body[data-theme="cyber"] .txn-btn.report:hover,
body[data-theme="cyber"] .report-btn:hover {
  color: #030712 !important;
  background: var(--dm-cyber-yellow) !important;
  box-shadow: 0 0 20px rgba(252,238,10,.32) !important;
}
body[data-theme="cyber"] button:disabled,
body[data-theme="cyber"] .btn:disabled,
body[data-theme="cyber"] .txn-action-btn:disabled {
  color: #71879b !important;
  background: rgba(85,105,126,.12) !important;
  border-color: rgba(125,147,168,.22) !important;
  box-shadow: none !important;
  opacity: .78 !important;
  cursor: not-allowed;
  transform: none !important;
}
body[data-theme="cyber"] .btn:focus-visible,
body[data-theme="cyber"] button:focus-visible,
body[data-theme="cyber"] a:focus-visible {
  outline: 2px solid var(--dm-cyber-yellow) !important;
  outline-offset: 3px;
}

/* Product cards, POS Sale, and B2B mode. */
body[data-theme="cyber"] .pos-shell,
body[data-theme="cyber"] .pos-products,
body[data-theme="cyber"] .pos-tools,
body[data-theme="cyber"] .pos-checkout,
body[data-theme="cyber"] .pos-summary,
body[data-theme="cyber"] .pos-cashier,
body[data-theme="cyber"] .pos-ppn-control,
body[data-theme="cyber"] .pos-ppn-documents,
body[data-theme="cyber"] .pos-discount-preview {
  border-color: rgba(0,240,255,.35) !important;
}
body[data-theme="cyber"] .pos-product,
body[data-theme="cyber"] .product-card,
body[data-theme="cyber"] .pos-b2b-heading-icon,
body[data-theme="cyber"] .pos-b2b-mode-banner {
  background: linear-gradient(145deg, rgba(8,13,26,.98), rgba(11,19,41,.94)) !important;
  color: var(--dm-cyber-ink) !important;
  border-color: rgba(0,240,255,.3) !important;
  box-shadow: 0 0 12px rgba(0,240,255,.055);
}
body[data-theme="cyber"] .pos-product:hover,
body[data-theme="cyber"] .product-card:hover {
  border-color: var(--dm-cyber-cyan) !important;
  box-shadow: 0 0 20px rgba(0,240,255,.18) !important;
}
body[data-theme="cyber"] .pos-product h3,
body[data-theme="cyber"] .pos-product-name,
body[data-theme="cyber"] .product-card h3,
body[data-theme="cyber"] .product-name {
  color: #fff !important;
}
body[data-theme="cyber"] .pos-price,
body[data-theme="cyber"] .price,
body[data-theme="cyber"] .pos-result-count {
  color: var(--dm-cyber-cyan) !important;
}
body[data-theme="cyber"] .pos-stock,
body[data-theme="cyber"] .status-ok,
body[data-theme="cyber"] .stock-ok {
  color: var(--dm-cyber-green) !important;
}
body[data-theme="cyber"] .pos-stock.is-empty,
body[data-theme="cyber"] .stock-empty,
body[data-theme="cyber"] .status-empty,
body[data-theme="cyber"] .status-low {
  color: var(--dm-cyber-pink) !important;
}
body[data-theme="cyber"] .pos-pagination,
body[data-theme="cyber"] .pos-search-row,
body[data-theme="cyber"] .pos-heading {
  color: var(--dm-cyber-ink) !important;
}
body[data-theme="cyber"] .pos-b2b-heading-icon {
  color: var(--dm-cyber-yellow) !important;
  box-shadow: 0 0 20px rgba(252,238,10,.17) !important;
}

/* Transaction dashboard uses the palette directly from the supplied TSX. */
body[data-theme="cyber"] .txn-dashboard {
  --txn-ink: #f3fdff;
  --txn-muted: #a4b7ca;
  --txn-blue: #00f0ff;
  --txn-line: rgba(0,240,255,.28);
  color: var(--dm-cyber-ink) !important;
}
body[data-theme="cyber"] .txn-hero,
body[data-theme="cyber"] .txn-kpi,
body[data-theme="cyber"] .txn-workspace,
body[data-theme="cyber"] .txn-analytics-card,
body[data-theme="cyber"] .txn-trend-card,
body[data-theme="cyber"] .txn-filter {
  background: rgba(8,13,26,.93) !important;
  border-color: rgba(0,240,255,.34) !important;
  box-shadow: 0 0 22px rgba(0,240,255,.07), 0 17px 45px rgba(0,0,0,.28) !important;
}
body[data-theme="cyber"] .txn-hero h1,
body[data-theme="cyber"] .txn-kpi-value,
body[data-theme="cyber"] .txn-subhead,
body[data-theme="cyber"] .txn-table td,
body[data-theme="cyber"] .txn-top-name {
  color: #f4fdff !important;
}
body[data-theme="cyber"] .txn-hero p,
body[data-theme="cyber"] .txn-kpi-head,
body[data-theme="cyber"] .txn-kpi-foot,
body[data-theme="cyber"] .txn-secondary,
body[data-theme="cyber"] .txn-results-count,
body[data-theme="cyber"] .txn-audit,
body[data-theme="cyber"] .txn-empty,
body[data-theme="cyber"] .txn-top-sub {
  color: #a4b7ca !important;
}
body[data-theme="cyber"] .txn-kicker,
body[data-theme="cyber"] .txn-money,
body[data-theme="cyber"] .txn-category-text,
body[data-theme="cyber"] .txn-bar-value,
body[data-theme="cyber"] .txn-top-qty {
  color: var(--dm-cyber-cyan) !important;
}
body[data-theme="cyber"] .txn-tabs {
  background: rgba(3,7,18,.82) !important;
  border-color: rgba(0,240,255,.28) !important;
}
body[data-theme="cyber"] .txn-tab {
  color: rgba(0,240,255,.78) !important;
  background: rgba(8,13,26,.92) !important;
  border-color: rgba(0,240,255,.32) !important;
}
body[data-theme="cyber"] .txn-tab[aria-selected="true"] {
  color: #030712 !important;
  background: var(--dm-cyber-cyan) !important;
  border-color: var(--dm-cyber-cyan) !important;
  box-shadow: 0 0 18px rgba(0,240,255,.42) !important;
}
body[data-theme="cyber"] .txn-filter-field label,
body[data-theme="cyber"] .txn-filter label {
  color: var(--dm-cyber-cyan) !important;
}
body[data-theme="cyber"] .txn-table-wrap {
  border: 1px solid rgba(0,240,255,.23) !important;
  border-radius: 12px;
  overflow: auto;
}
body[data-theme="cyber"] .txn-table thead,
body[data-theme="cyber"] .txn-table th {
  color: var(--dm-cyber-cyan) !important;
  background: rgba(0,240,255,.12) !important;
  border-color: rgba(0,240,255,.25) !important;
}
body[data-theme="cyber"] .txn-table tbody tr,
body[data-theme="cyber"] .txn-group-row {
  background: rgba(8,13,26,.82) !important;
  border-color: rgba(0,240,255,.15) !important;
}
body[data-theme="cyber"] .txn-table tbody tr:hover {
  background: rgba(0,240,255,.055) !important;
}
body[data-theme="cyber"] .txn-status,
body[data-theme="cyber"] .txn-channel,
body[data-theme="cyber"] .txn-category,
body[data-theme="cyber"] .txn-rank {
  background: rgba(0,240,255,.10) !important;
  color: var(--dm-cyber-cyan) !important;
  border-color: rgba(0,240,255,.37) !important;
}
body[data-theme="cyber"] .txn-status.completed,
body[data-theme="cyber"] .txn-status.created {
  color: var(--dm-cyber-green) !important;
  background: rgba(0,255,102,.10) !important;
  border-color: rgba(0,255,102,.42) !important;
}
body[data-theme="cyber"] .txn-status.cancelled,
body[data-theme="cyber"] .txn-status.voided,
body[data-theme="cyber"] .txn-action-btn.danger {
  color: #fff !important;
  background: rgba(255,0,85,.15) !important;
  border-color: rgba(255,0,85,.60) !important;
}
body[data-theme="cyber"] .txn-bar-track {
  background: rgba(3,7,18,.95) !important;
  border-color: rgba(0,240,255,.25) !important;
}
body[data-theme="cyber"] .txn-bar-fill {
  background: linear-gradient(90deg, #ff0055, #00f0ff) !important;
  box-shadow: 0 0 12px rgba(0,240,255,.35);
}
body[data-theme="cyber"] .txn-pagination,
body[data-theme="cyber"] .txn-pagination-controls {
  color: var(--dm-cyber-muted) !important;
}
body[data-theme="cyber"] .txn-action-btn {
  background: rgba(0,240,255,.08) !important;
  border-color: rgba(0,240,255,.44) !important;
  color: var(--dm-cyber-cyan) !important;
}
body[data-theme="cyber"] .txn-action-btn.danger {
  color: #fff !important;
  background: rgba(255,0,85,.18) !important;
  border-color: var(--dm-cyber-pink) !important;
}

/* About, articles, editor and catalog accents. */
body[data-theme="cyber"] .eyebrow,
body[data-theme="cyber"] .about-hero .eyebrow,
body[data-theme="cyber"] .article-label-inline,
body[data-theme="cyber"] .form-heading .eyebrow {
  color: var(--dm-cyber-cyan) !important;
}
body[data-theme="cyber"] .about-section-heading,
body[data-theme="cyber"] .article-editor-head,
body[data-theme="cyber"] .article-admin-head,
body[data-theme="cyber"] .receipt-heading,
body[data-theme="cyber"] .pos-checkout-title {
  border-color: rgba(0,240,255,.28) !important;
}
body[data-theme="cyber"] .achievement-motto,
body[data-theme="cyber"] .motorola-cert-badge,
body[data-theme="cyber"] .category-chip,
body[data-theme="cyber"] .product-code {
  color: var(--dm-cyber-yellow) !important;
}
body[data-theme="cyber"] .rich-editor-toolbar,
body[data-theme="cyber"] .article-photo-card,
body[data-theme="cyber"] .article-cover-preview,
body[data-theme="cyber"] .about-office-detail-icon,
body[data-theme="cyber"] .about-icon {
  background: rgba(0,240,255,.08) !important;
  color: var(--dm-cyber-cyan) !important;
  border-color: rgba(0,240,255,.31) !important;
}
body[data-theme="cyber"] .rich-tool:hover,
body[data-theme="cyber"] .rich-tool.is-active {
  background: var(--dm-cyber-cyan) !important;
  color: #030712 !important;
  border-color: var(--dm-cyber-cyan) !important;
  box-shadow: 0 0 12px rgba(0,240,255,.25);
}
body[data-theme="cyber"] .article-visual-editor,
body[data-theme="cyber"] .html-source,
body[data-theme="cyber"] .receipt-meta-item,
body[data-theme="cyber"] .receipt-totals,
body[data-theme="cyber"] .invoice-documents-editor,
body[data-theme="cyber"] .bank-transfer-box,
body[data-theme="cyber"] .checkout-banking,
body[data-theme="cyber"] .pos-summary-total {
  color: var(--dm-cyber-ink) !important;
  background: rgba(3,7,18,.90) !important;
  border-color: rgba(0,240,255,.28) !important;
}

/* Cyber chips and status colors. */
body[data-theme="cyber"] .stock-status.status-ok,
body[data-theme="cyber"] .status-ok,
body[data-theme="cyber"] .status-paid {
  color: var(--dm-cyber-green) !important;
}
body[data-theme="cyber"] .status-low,
body[data-theme="cyber"] .status-empty,
body[data-theme="cyber"] .status-void,
body[data-theme="cyber"] .voided-stamp {
  color: var(--dm-cyber-pink) !important;
}
body[data-theme="cyber"] .flash.success,
body[data-theme="cyber"] .alert-success {
  color: var(--dm-cyber-green) !important;
  background: rgba(0,255,102,.09) !important;
  border-color: rgba(0,255,102,.4) !important;
}
body[data-theme="cyber"] .flash.error,
body[data-theme="cyber"] .alert-danger,
body[data-theme="cyber"] .flash.warning {
  color: #fff !important;
  background: rgba(255,0,85,.12) !important;
  border-color: rgba(255,0,85,.5) !important;
}

@media (prefers-reduced-motion: reduce) {
  body[data-theme="cyber"] *,
  body[data-theme="cyber"] *::before,
  body[data-theme="cyber"] *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}


/* Cyber Theme: navigation dropdown triggers use the same dark glass + cyan
   outline language as the cart button, instead of the default white pills. */
body[data-theme="cyber"] .topbar nav .admin-nav-toggle,
body[data-theme="cyber"] .topbar nav .cti-nav > .admin-nav-toggle,
body[data-theme="cyber"] .topbar nav .commerce-nav > .admin-nav-toggle {
  color: var(--dm-cyber-cyan) !important;
  background: rgba(0, 240, 255, .075) !important;
  border: 1px solid rgba(0, 240, 255, .60) !important;
  border-radius: 16px !important;
  box-shadow: 0 0 12px rgba(0, 240, 255, .10) !important;
  text-shadow: 0 0 8px rgba(0, 240, 255, .16);
  transition: color .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}
body[data-theme="cyber"] .topbar nav .admin-nav-toggle:hover,
body[data-theme="cyber"] .topbar nav .admin-nav-toggle[aria-expanded="true"] {
  color: #030712 !important;
  background: var(--dm-cyber-cyan) !important;
  border-color: var(--dm-cyber-cyan) !important;
  box-shadow: 0 0 18px rgba(0, 240, 255, .40) !important;
  text-shadow: none;
}
body[data-theme="cyber"] .topbar nav .admin-nav-menu {
  background: rgba(8, 13, 26, .98) !important;
  border: 1px solid rgba(0, 240, 255, .48) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .42), 0 0 16px rgba(0, 240, 255, .10) !important;
}
body[data-theme="cyber"] .topbar nav .admin-nav-menu a {
  color: var(--dm-cyber-cyan) !important;
  background: transparent !important;
}
body[data-theme="cyber"] .topbar nav .admin-nav-menu a:hover {
  color: #030712 !important;
  background: var(--dm-cyber-cyan) !important;
}


/* Cyber Theme: category labels are text-only, without a light pill/background. */
body[data-theme="cyber"] .product-card .category-chip,
body[data-theme="cyber"] .product-modal .category-chip {
  display: inline-block !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  color: var(--dm-cyber-yellow) !important;
}

/* V81: katalog search input contrast for Dark and Cyber themes */
body[data-theme="dark"] .searchbox,
body[data-theme="dark"] .searchbox input,
body[data-theme="dark"] .filters .searchbox input[name="q"] {
  background: #0b1220 !important;
  color: #eaf2ff !important;
  border-color: #34445c !important;
  caret-color: #60a5fa;
}
body[data-theme="dark"] .searchbox input::placeholder {
  color: #a7b7ce !important;
  opacity: 1;
}
body[data-theme="dark"] .searchbox:focus-within {
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 2px rgba(59,130,246,.22) !important;
}
body[data-theme="cyber"] .searchbox,
body[data-theme="cyber"] .searchbox input,
body[data-theme="cyber"] .filters .searchbox input[name="q"] {
  background: #06111e !important;
  color: #e8fdff !important;
  border-color: #00dff5 !important;
  caret-color: #00fffa;
  box-shadow: inset 0 0 0 1px rgba(0,255,250,.08);
}
body[data-theme="cyber"] .searchbox input::placeholder {
  color: #8cb9c8 !important;
  opacity: 1;
}
body[data-theme="cyber"] .searchbox:focus-within {
  border-color: #00fffa !important;
  box-shadow: 0 0 0 2px rgba(0,255,250,.2), 0 0 12px rgba(0,255,250,.16) !important;
}
body[data-theme="cyber"] .searchbox > span {
  color: #00fffa !important;
}

/* V92: Blue Theme vertical background gradient (bottom to top). */
body[data-theme="blue"] {
  min-height: 100vh;
  background-color: #eff4fc !important;
  background-image: linear-gradient(to top, #075ec2 0%, #eff4fc 65%, #eff4fc 100%) !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}
/* Keep the former video layer from obscuring the Blue Theme gradient. */
body[data-theme="blue"] .site-video-bg {
  display: none !important;
}

/* V93: White workspace backdrop for Catalog and both POS pages in Blue Theme only. */
body[data-theme="blue"] main.page:has(.catalog-head),
body[data-theme="blue"] main.page:has(.pos-shell),
body[data-theme="blue"] main.page:has(.blue-admin-workspace) {
  width: min(1600px, calc(100% - 40px)) !important;
  max-width: 1600px !important;
  margin: 8px auto 24px !important;
  padding: clamp(14px, 2.5vw, 28px) !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  color: #111827 !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 20px !important;
  box-shadow: 0 2px 10px rgba(15, 23, 42, .07) !important;
}
body[data-theme="blue"] main.page:has(.catalog-head) .muted,
body[data-theme="blue"] main.page:has(.pos-shell) .muted,
body[data-theme="blue"] main.page:has(.pos-shell) .pos-result-count,
body[data-theme="blue"] main.page:has(.pos-shell) .pos-pagination-note,
body[data-theme="blue"] main.page:has(.blue-admin-workspace) .muted {
  color: #475569;
}
@media (max-width: 640px) {
  body[data-theme="blue"] main.page:has(.catalog-head),
  body[data-theme="blue"] main.page:has(.pos-shell),
  body[data-theme="blue"] main.page:has(.blue-admin-workspace) {
    width: calc(100% - 20px) !important;
    max-width: none !important;
    margin: 8px auto 20px !important;
    padding: 12px !important;
    border-radius: 16px !important;
  }
}


/* V95: High-visibility, white-only Matrix rain on the Blue Theme gradient.
   The canvas sits above the body background but below opaque page workspaces. */
.blue-matrix-canvas { display:none !important; }
body[data-theme="blue"] canvas.blue-matrix-canvas {
  display:block !important;
  visibility:visible !important;
  position:fixed !important;
  left:0 !important;
  top:0 !important;
  right:auto !important;
  bottom:auto !important;
  width:100vw !important;
  height:100vh !important;
  z-index:2 !important;
  pointer-events:none !important;
  opacity:1 !important;
  background:transparent !important;
  contain:strict;
}
body[data-theme="blue"] .topbar,
body[data-theme="blue"] main.page,
body[data-theme="blue"] footer {
  position:relative;
  z-index:3 !important;
}
body[data-theme="blue"] .theme-menu-toggle { z-index:110; }
body[data-theme="blue"] .theme-scrim { z-index:120; }
body[data-theme="blue"] .theme-drawer { z-index:121; }
body[data-theme="blue"] .account-settings-modal,
body[data-theme="blue"] .cart-modal { z-index:200; }


/* V96: White workspace panels for selected admin pages in Blue Theme only. */
body[data-theme="blue"] main.page:has(.blue-admin-workspace) {
  color: #111827 !important;
}
body[data-theme="blue"] main.page:has(.blue-admin-workspace) h1,
body[data-theme="blue"] main.page:has(.blue-admin-workspace) h2,
body[data-theme="blue"] main.page:has(.blue-admin-workspace) h3,
body[data-theme="blue"] main.page:has(.blue-admin-workspace) label,
body[data-theme="blue"] main.page:has(.blue-admin-workspace) .eyebrow {
  color: #172033;
}
body[data-theme="blue"] main.page:has(.blue-admin-workspace) .muted,
body[data-theme="blue"] main.page:has(.blue-admin-workspace) .article-admin-note,
body[data-theme="blue"] main.page:has(.blue-admin-workspace) .help,
body[data-theme="blue"] main.page:has(.blue-admin-workspace) .form-help {
  color: #475569 !important;
}

/* V98: Fix Blue Theme Commerce dropdown stacking.
   Keep the full header above the page workspace so its dropdown links remain clickable.
   This is intentionally scoped to Blue Theme only. */
body[data-theme="blue"] header.topbar {
  position: relative !important;
  z-index: 100 !important;
  isolation: isolate;
}
body[data-theme="blue"] header.topbar .admin-nav {
  position: relative;
  z-index: 101;
}
body[data-theme="blue"] header.topbar .admin-nav-menu {
  z-index: 102 !important;
  pointer-events: auto !important;
}
body[data-theme="blue"] main.page {
  z-index: 3 !important;
}

/* V99: Align Commerce submenu icons and labels in Blue Theme.
   All icons share a fixed-width slot and all labels start at the same x-position.
   Scoped strictly to the Blue Theme; other themes retain their existing styling. */
body[data-theme="blue"] header.topbar nav .commerce-nav > .admin-nav-menu > a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  box-sizing: border-box;
  line-height: 1.4;
  white-space: normal;
}

body[data-theme="blue"] header.topbar nav .commerce-nav > .admin-nav-menu > a > span:first-child {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 22px !important;
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  vertical-align: middle !important;
  line-height: 1 !important;
  text-align: center !important;
}

body[data-theme="blue"] header.topbar nav .commerce-nav > .admin-nav-menu > a > span:first-child svg {
  display: block !important;
  flex: 0 0 17px !important;
  width: 17px !important;
  height: 17px !important;
  margin: 0 !important;
}

body[data-theme="blue"] header.topbar nav .commerce-nav > .admin-nav-menu > a:hover > span:first-child,
body[data-theme="blue"] header.topbar nav .commerce-nav > .admin-nav-menu > a:focus-visible > span:first-child {
  margin: 0 !important;
}


/* V100: Align Commerce submenu icons and labels consistently in every theme.
   Keep a fixed icon slot so all labels begin at the same horizontal position. */
.topbar nav .commerce-nav > .admin-nav-menu > a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  box-sizing: border-box !important;
  line-height: 1.4 !important;
  text-align: left !important;
  white-space: normal !important;
}

.topbar nav .commerce-nav > .admin-nav-menu > a > span:first-child {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 22px !important;
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  vertical-align: middle !important;
  line-height: 1 !important;
  text-align: center !important;
}

.topbar nav .commerce-nav > .admin-nav-menu > a > span:first-child svg {
  display: block !important;
  flex: 0 0 17px !important;
  width: 17px !important;
  height: 17px !important;
  margin: 0 !important;
}

/* V100: Make the Counter Theft Intelligence submenu label bold and italic
   regardless of the currently selected theme. */
.topbar nav .commerce-nav > .admin-nav-menu > a.cti-nav-link {
  font-weight: 800 !important;
  font-style: italic !important;
}


/* V114: Size Blue Theme white workspaces to each page's actual content.
   Other themes retain their previous widths and surfaces. */
body[data-theme="blue"] main.page:has(.blue-workspace-product) {
  width: min(1300px, calc(100% - 40px)) !important;
  max-width: 1300px !important;
}
body[data-theme="blue"] main.page:has(.blue-workspace-import) {
  width: min(940px, calc(100% - 40px)) !important;
  max-width: 940px !important;
}
body[data-theme="blue"] main.page:has(.blue-workspace-backup) {
  width: min(940px, calc(100% - 40px)) !important;
  max-width: 940px !important;
}
body[data-theme="blue"] main.page:has(.blue-workspace-stock) {
  width: min(1500px, calc(100% - 40px)) !important;
  max-width: 1500px !important;
}
body[data-theme="blue"] main.page:has(.blue-workspace-articles) {
  width: min(1400px, calc(100% - 40px)) !important;
  max-width: 1400px !important;
}
body[data-theme="blue"] main.page:has(.blue-workspace-settings) {
  width: min(900px, calc(100% - 40px)) !important;
  max-width: 900px !important;
}
body[data-theme="blue"] main.page:has(.blue-workspace-users) {
  width: min(1380px, calc(100% - 40px)) !important;
  max-width: 1380px !important;
}
@media (max-width: 760px) {
  body[data-theme="blue"] main.page:has(.blue-workspace-product),
  body[data-theme="blue"] main.page:has(.blue-workspace-import),
  body[data-theme="blue"] main.page:has(.blue-workspace-backup),
  body[data-theme="blue"] main.page:has(.blue-workspace-stock),
  body[data-theme="blue"] main.page:has(.blue-workspace-articles),
  body[data-theme="blue"] main.page:has(.blue-workspace-settings),
  body[data-theme="blue"] main.page:has(.blue-workspace-users) {
    width: calc(100% - 20px) !important;
    max-width: none !important;
    margin: 8px auto 20px !important;
    padding: 12px !important;
    border-radius: 16px !important;
  }
}


/* V115: Create-product modal in the Catalog, styled only when Blue Theme is active. */
.product-create-modal { display:none; position:fixed; inset:0; z-index:50000; align-items:center; justify-content:center; padding:16px; box-sizing:border-box; }
.product-create-modal.is-open { display:flex !important; }
body:not([data-theme="blue"]) .product-create-modal { display:none !important; }
.product-create-modal-backdrop { position:absolute; inset:0; background:rgba(8, 13, 24, .74); -webkit-backdrop-filter:blur(9px) saturate(80%); backdrop-filter:blur(9px) saturate(80%); }
.product-create-modal-panel { position:relative; z-index:1; width:min(1260px,calc(100vw - 40px)); height:min(720px,calc(100vh - 32px)); max-height:calc(100vh - 32px); min-height:260px; overflow:hidden; border:1px solid rgba(203,213,225,.9); border-radius:24px; background:#fff; box-shadow:0 26px 90px rgba(15,23,42,.3); }
.product-create-frame { display:block; width:100%; height:100%; border:0; background:#fff; opacity:0; visibility:hidden; }
.product-create-frame.is-ready { opacity:1; visibility:visible; }
.product-create-modal-close { position:absolute; top:14px; right:16px; z-index:4; display:flex; align-items:center; justify-content:center; width:42px; height:42px; padding:0; border:1px solid #e2e8f0; border-radius:14px; background:rgba(255,255,255,.98); color:#475569; box-shadow:0 6px 20px rgba(15,23,42,.13); cursor:pointer; transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease; }
.product-create-modal-close svg { display:block; width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.product-create-modal-close:hover { background:#fff1f2; color:#e11d48; border-color:#fecdd3; box-shadow:0 8px 24px rgba(225,29,72,.16); transform:rotate(90deg); }
.product-create-modal-close:focus-visible { outline:3px solid rgba(59,130,246,.45); outline-offset:3px; }
.product-create-modal-close:active { transform:scale(.94); }
body.product-create-modal-open { overflow:hidden !important; }
body[data-theme="blue"] main.page:has(.product-create-modal.is-open) { position:relative !important; z-index:20000 !important; isolation:isolate; }

/* Form page hosted in the modal iframe: hide duplicate site chrome and keep the white panel at the reference width. */
html:has(body[data-product-create-frame="1"]),
html:has(body[data-product-create-frame="1"]) body { background:#fff !important; background-image:none !important; }
body[data-product-create-frame="1"] { min-height:0 !important; height:auto !important; overflow-x:hidden !important; background:#fff !important; background-image:none !important; background-attachment:initial !important; }
body[data-product-create-frame="1"] > header.topbar,
body[data-product-create-frame="1"] > .os-app-menubar,
body[data-product-create-frame="1"] > .os-app-dock,
body[data-product-create-frame="1"] > footer,
body[data-product-create-frame="1"] > #themeMenuToggle,
body[data-product-create-frame="1"] > #themeScrim,
body[data-product-create-frame="1"] > #themeDrawer,
body[data-product-create-frame="1"] > .site-video-bg,
body[data-product-create-frame="1"] > #blueMatrixCanvas { display:none !important; }
body[data-product-create-frame="1"] main.page,
body[data-theme="blue"][data-product-create-frame="1"] main.page:has(.blue-workspace-product) {
  width:100% !important; max-width:none !important; min-height:0 !important; margin:0 !important;
  padding:28px clamp(22px,6.5vw,86px) 34px !important; box-sizing:border-box !important;
  border:0 !important; border-radius:0 !important; box-shadow:none !important; background:transparent !important;
  position:relative !important; z-index:auto !important;
}
body[data-product-create-frame="1"] .form-page.blue-admin-workspace,
body[data-product-create-frame="1"] .form-page.blue-workspace-product {
  width:100% !important; max-width:1200px !important; margin:0 auto !important; padding:0 !important;
  border:0 !important; border-radius:0 !important; box-shadow:none !important; background:transparent !important;
}
body[data-product-create-frame="1"] .back-link { display:none !important; }
body[data-product-create-frame="1"] .form-heading { margin:0 0 22px !important; }
body[data-product-create-frame="1"] .form-heading h1 { font-size:clamp(1.65rem,2.5vw,2.2rem) !important; }
body[data-product-create-frame="1"] .form-footer { position:static !important; inset:auto !important; transform:none !important; }
@media (max-width:760px) {
  .product-create-modal { padding:8px; }
  .product-create-modal-panel { width:calc(100vw - 16px); height:calc(100vh - 16px); max-height:calc(100vh - 16px); border-radius:16px; }
  .product-create-modal-close { top:8px; right:8px; width:38px; height:38px; border-radius:12px; }
  body[data-product-create-frame="1"] main.page,
  body[data-theme="blue"][data-product-create-frame="1"] main.page:has(.blue-workspace-product) { padding:24px 16px 26px !important; }
}


/* V131: keep the Blue Theme product-create/edit dialog centered in the viewport.
   The dialog is moved directly under body by index.html to avoid transformed ancestors. */
.product-create-modal {
  position: fixed !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
  display: none;
  align-items: center !important;
  justify-content: center !important;
  padding: clamp(8px, 2vh, 16px) !important;
  overflow: hidden !important;
  overscroll-behavior: contain;
}
.product-create-modal.is-open { display: flex !important; }
.product-create-modal-panel {
  box-sizing: border-box !important;
  width: min(1260px, calc(100vw - 32px)) !important;
  height: min(720px, calc(100dvh - 32px)) !important;
  max-height: calc(100dvh - 32px) !important;
  min-height: 0 !important;
  margin: auto !important;
  transform: none !important;
  overflow: hidden !important;
  display: block !important;
  border-radius: clamp(12px, 1.5vw, 24px);
}
.product-create-frame {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  border: 0 !important;
  background: #fff !important;
}
body[data-product-create-frame="1"] main.page,
body[data-theme="blue"][data-product-create-frame="1"] main.page:has(.blue-workspace-product) {
  padding: clamp(12px, 2.8vh, 26px) clamp(16px, 4.5vw, 70px) clamp(16px, 3vh, 30px) !important;
}
body[data-product-create-frame="1"] .form-heading {
  margin: 0 0 clamp(10px, 1.8vh, 20px) !important;
}
body[data-product-create-frame="1"] .form-heading h1 {
  font-size: clamp(1.35rem, 2.4vh, 2.1rem) !important;
  line-height: 1.2 !important;
}
@media (max-height: 800px) {
  .product-create-modal { padding: 10px !important; }
  .product-create-modal-panel {
    height: calc(100dvh - 20px) !important;
    max-height: calc(100dvh - 20px) !important;
  }
  body[data-product-create-frame="1"] main.page,
  body[data-theme="blue"][data-product-create-frame="1"] main.page:has(.blue-workspace-product) {
    padding-top: 14px !important;
    padding-bottom: 18px !important;
  }
  body[data-product-create-frame="1"] .form-heading { margin-bottom: 10px !important; }
}
@media (max-height: 560px) {
  .product-create-modal { padding: 6px !important; }
  .product-create-modal-panel {
    width: calc(100vw - 12px) !important;
    height: calc(100dvh - 12px) !important;
    max-height: calc(100dvh - 12px) !important;
    border-radius: 10px !important;
  }
  body[data-product-create-frame="1"] main.page,
  body[data-theme="blue"][data-product-create-frame="1"] main.page:has(.blue-workspace-product) {
    padding: 10px 14px 14px !important;
  }
}
@media (max-width: 760px) {
  .product-create-modal { padding: 8px !important; }
  .product-create-modal-panel {
    width: calc(100vw - 16px) !important;
    height: calc(100dvh - 16px) !important;
    max-height: calc(100dvh - 16px) !important;
    border-radius: 14px !important;
  }
}

/* V116: five product cards per row on wide Blue Theme catalog views, responsive on smaller screens. */
body[data-theme="blue"] main.page .product-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  align-items: stretch;
  gap: 18px !important;
}
@media (max-width: 1279px) {
  body[data-theme="blue"] main.page .product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
@media (max-width: 1023px) {
  body[data-theme="blue"] main.page .product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 14px !important; }
}
@media (max-width: 720px) {
  body[data-theme="blue"] main.page .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
}
@media (max-width: 440px) {
  body[data-theme="blue"] main.page .product-grid { grid-template-columns: minmax(0, 1fr) !important; }
}

/* V116: apply background blur to popup backdrops consistently across all four themes.
   The generic hooks cover modals added by individual feature templates as well. */
[class*="backdrop"],
[class*="scrim"].is-open,
[class*="overlay"].is-open,
[class*="modal"].is-open,
.acc-detail-modal:not([hidden]),
.cti-evidence-modal,
.dm-report-overlay.is-open,
.receipt-modal {
  -webkit-backdrop-filter: blur(10px) saturate(112%) !important;
  backdrop-filter: blur(10px) saturate(112%) !important;
}

/* V122: Blue Theme glassmorphism for white workspaces and menu panels only.
   The tinted translucent surfaces let the Blue Theme gradient / Matrix background
   softly show through while keeping text and controls legible. Other themes are untouched. */
body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.catalog-head),
body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.pos-shell),
body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.blue-admin-workspace),
body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.panel),
body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.txn-workspace),
body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.acc-wrap),
body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.acc-detail-wrap),
body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.about-section),

body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.txn-dashboard),
body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.report) {
  background: rgba(255, 255, 255, .72) !important;
  border: 1px solid rgba(255, 255, 255, .78) !important;
  box-shadow: 0 14px 38px rgba(8, 52, 112, .13), inset 0 1px 0 rgba(255, 255, 255, .82) !important;
  -webkit-backdrop-filter: blur(18px) saturate(138%) !important;
  backdrop-filter: blur(18px) saturate(138%) !important;
}

/* Shared inner surfaces used across Catalog, POS, Accounting, CTI, Orders,
   Checkout, Stock, Articles, Users, About and account pages. */
body[data-theme="blue"] main.page .panel:not(.product-modal-panel):not(.product-create-modal-panel),
body[data-theme="blue"] main.page .editor-card,
body[data-theme="blue"] main.page .stat,
body[data-theme="blue"] main.page .product-card,
body[data-theme="blue"] main.page .auth-card,
body[data-theme="blue"] main.page .about-card,
body[data-theme="blue"] main.page .about-news-card,
body[data-theme="blue"] main.page .contact-panel,
body[data-theme="blue"] main.page .article-side-card,
body[data-theme="blue"] main.page .article-photo-card,
body[data-theme="blue"] main.page .address-card,
body[data-theme="blue"] main.page .acc-card,
body[data-theme="blue"] main.page .acc-panel,
body[data-theme="blue"] main.page .acc-detail-panel,
body[data-theme="blue"] main.page .acc-detail-modal-content,
body[data-theme="blue"] main.page .txn-workspace,
body[data-theme="blue"] main.page .txn-panel,
body[data-theme="blue"] main.page .txn-analytics-card,
body[data-theme="blue"] main.page .checkout-card,
body[data-theme="blue"] main.page .buyer-order-card,
body[data-theme="blue"] main.page .pos-products,
body[data-theme="blue"] main.page .pos-checkout,
body[data-theme="blue"] main.page .stock-kpis article,
body[data-theme="blue"] main.page .card,
body[data-theme="blue"] main.page .kpi {
  background-color: rgba(255, 255, 255, .68) !important;
  border-color: rgba(255, 255, 255, .80) !important;
  box-shadow: 0 8px 26px rgba(15, 55, 105, .09), inset 0 1px 0 rgba(255, 255, 255, .76) !important;
  -webkit-backdrop-filter: blur(14px) saturate(132%);
  backdrop-filter: blur(14px) saturate(132%);
}

/* Translucent table containers add a glass edge without reducing table readability. */
body[data-theme="blue"] main.page .table-wrap,
body[data-theme="blue"] main.page .tablewrap,
body[data-theme="blue"] main.page .txn-table-wrap,
body[data-theme="blue"] main.page .stock-table-wrap,
body[data-theme="blue"] main.page .acc-table-wrap {
  background-color: rgba(255, 255, 255, .48) !important;
  border-color: rgba(255, 255, 255, .76) !important;
  -webkit-backdrop-filter: blur(12px) saturate(128%);
  backdrop-filter: blur(12px) saturate(128%);
}

/* Keep controls and content contrast strong on translucent surfaces. */
body[data-theme="blue"] main.page .panel,
body[data-theme="blue"] main.page .editor-card,
body[data-theme="blue"] main.page .acc-panel,
body[data-theme="blue"] main.page .txn-panel,
body[data-theme="blue"] main.page .checkout-card,
body[data-theme="blue"] main.page .buyer-order-card {
  color: #172b45;
}
body[data-theme="blue"] main.page .panel h1,
body[data-theme="blue"] main.page .panel h2,
body[data-theme="blue"] main.page .panel h3,
body[data-theme="blue"] main.page .editor-card h1,
body[data-theme="blue"] main.page .editor-card h2,
body[data-theme="blue"] main.page .editor-card h3 {
  color: #142c4b;
}

/* Backdrop filtering gracefully falls back to a near-opaque surface in older browsers. */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.catalog-head),
  body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.pos-shell),
  body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.blue-admin-workspace),
  body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.panel),
  body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.txn-workspace),
  body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.acc-wrap),
  body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.acc-detail-wrap),
  body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.about-section),
  
  body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.txn-dashboard),
  body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.report) {
    background: rgba(255, 255, 255, .94) !important;
  }
}

@media (max-width: 640px) {
  body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.catalog-head),
  body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.pos-shell),
  body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.blue-admin-workspace),
  body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.panel),
  body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.txn-workspace),
  body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.acc-wrap),
  body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.acc-detail-wrap),
  body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.about-section),
  
  body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.txn-dashboard),
  body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.report) {
    -webkit-backdrop-filter: blur(12px) saturate(130%) !important;
    backdrop-filter: blur(12px) saturate(130%) !important;
  }
}

/* V124: Blue Theme page polish based on the supplied reference screenshots.
   Scoped to POS VAT settings and Article management only; other themes/pages are untouched. */

/* POS VAT settings: wide glass workspace and roomy, aligned form like the reference. */
body[data-theme="blue"] main.page:has(.pos-settings) {
  width: min(1280px, calc(100% - 30px)) !important;
  max-width: 1280px !important;
  margin: 8px auto 24px !important;
  padding: clamp(22px, 3.25vw, 42px) clamp(22px, 4vw, 52px) !important;
  box-sizing: border-box !important;
  background: rgba(255, 255, 255, .78) !important;
  color: #172b45 !important;
  border: 1px solid rgba(255, 255, 255, .92) !important;
  border-radius: 26px !important;
  box-shadow: 0 14px 38px rgba(8, 52, 112, .13), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
  -webkit-backdrop-filter: blur(18px) saturate(138%) !important;
  backdrop-filter: blur(18px) saturate(138%) !important;
}
body[data-theme="blue"] main.page:has(.pos-settings) .pos-settings {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  color: #172b45 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
body[data-theme="blue"] main.page:has(.pos-settings) .pos-settings > .eyebrow,
body[data-theme="blue"] main.page:has(.pos-settings) .pos-settings > h1,
body[data-theme="blue"] main.page:has(.pos-settings) .pos-settings > .settings-intro {
  margin-left: clamp(18px, 3.1vw, 40px) !important;
  margin-right: clamp(18px, 3.1vw, 40px) !important;
  max-width: none !important;
}
body[data-theme="blue"] main.page:has(.pos-settings) .pos-settings > .eyebrow {
  display: block !important;
  margin-top: 0 !important;
  margin-bottom: 28px !important;
  color: #18243a !important;
  font-size: .86rem !important;
  font-weight: 850 !important;
  letter-spacing: .16em !important;
}
body[data-theme="blue"] main.page:has(.pos-settings) .pos-settings > h1 {
  margin-top: 0 !important;
  margin-bottom: 28px !important;
  color: #173153 !important;
  font-size: clamp(2rem, 2.5vw, 2.55rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -.025em !important;
}
body[data-theme="blue"] main.page:has(.pos-settings) .pos-settings > .settings-intro {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  color: #647b9c !important;
  font-size: clamp(1rem, 1.2vw, 1.2rem) !important;
  line-height: 1.58 !important;
}
body[data-theme="blue"] main.page:has(.pos-settings) .pos-settings .setting-card {
  display: grid !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(20px, 3.1vw, 38px) !important;
  box-sizing: border-box !important;
  gap: 20px !important;
  border: 1px solid rgba(199, 214, 235, .9) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, .40) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important;
  -webkit-backdrop-filter: blur(12px) saturate(128%) !important;
  backdrop-filter: blur(12px) saturate(128%) !important;
}
body[data-theme="blue"] main.page:has(.pos-settings) .pos-settings label {
  display: grid !important;
  gap: 10px !important;
  color: #1c2940 !important;
  font-size: 1.03rem !important;
  font-weight: 760 !important;
}
body[data-theme="blue"] main.page:has(.pos-settings) .pos-settings input[type="number"] {
  width: min(380px, 100%) !important;
  max-width: 100% !important;
  min-height: 66px !important;
  padding: 14px 16px !important;
  box-sizing: border-box !important;
  border: 1px solid #cfdbeb !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.84) !important;
  color: #172033 !important;
  font-size: 1.35rem !important;
  font-weight: 760 !important;
}
body[data-theme="blue"] main.page:has(.pos-settings) .pos-settings input[type="text"] {
  width: 100% !important;
  max-width: none !important;
  min-height: 48px !important;
  padding: 10px 12px !important;
  box-sizing: border-box !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.88) !important;
  color: #111827 !important;
  font-size: 1rem !important;
  font-weight: 650 !important;
}
body[data-theme="blue"] main.page:has(.pos-settings) .pos-settings .setting-note {
  padding: 16px 19px !important;
  border: 1px solid rgba(147, 197, 253, .7) !important;
  border-radius: 14px !important;
  background: rgba(219, 234, 254, .58) !important;
  color: #1d3556 !important;
  line-height: 1.58 !important;
}
body[data-theme="blue"] main.page:has(.pos-settings) .pos-settings .setting-note strong {
  color: #173153 !important;
}
body[data-theme="blue"] main.page:has(.pos-settings) .pos-settings .audit-note {
  margin: 18px 0 0 !important;
  color: #647b9c !important;
  font-size: .98rem !important;
  line-height: 1.55 !important;
}
body[data-theme="blue"] main.page:has(.pos-settings) .pos-settings .btn {
  min-height: 52px !important;
  padding: 13px 20px !important;
  border-radius: 13px !important;
  font-weight: 760 !important;
}

/* Article management: one clean, wide glass panel; no separate backdrop above it. */
body[data-theme="blue"] main.page:has(.blue-workspace-articles) {
  width: min(1400px, calc(100% - 30px)) !important;
  max-width: 1400px !important;
  margin: 8px auto 24px !important;
  padding: clamp(14px, 2.1vw, 30px) !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
body[data-theme="blue"] main.page:has(.blue-workspace-articles) .article-admin {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(22px, 3vw, 40px) !important;
  box-sizing: border-box !important;
  color: #172b45 !important;
  background: rgba(255, 255, 255, .78) !important;
  border: 1px solid rgba(255, 255, 255, .92) !important;
  border-radius: 26px !important;
  box-shadow: 0 14px 38px rgba(8, 52, 112, .13), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
  -webkit-backdrop-filter: blur(18px) saturate(138%) !important;
  backdrop-filter: blur(18px) saturate(138%) !important;
}
body[data-theme="blue"] main.page:has(.blue-workspace-articles) .article-admin-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 24px !important;
  margin: 0 0 26px !important;
}
body[data-theme="blue"] main.page:has(.blue-workspace-articles) .article-admin-head > div {
  min-width: 0 !important;
  flex: 1 1 560px !important;
}
body[data-theme="blue"] main.page:has(.blue-workspace-articles) .article-admin .eyebrow {
  display: block !important;
  margin: 0 0 18px !important;
  color: #233e61 !important;
  font-size: .82rem !important;
  font-weight: 850 !important;
  letter-spacing: .15em !important;
}
body[data-theme="blue"] main.page:has(.blue-workspace-articles) .article-admin h1 {
  margin: 0 0 18px !important;
  color: #173153 !important;
  font-size: clamp(2rem, 2.7vw, 2.65rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -.025em !important;
}
body[data-theme="blue"] main.page:has(.blue-workspace-articles) .article-admin .article-admin-note {
  color: #647b9c !important;
  font-size: 1rem !important;
  line-height: 1.65 !important;
}
body[data-theme="blue"] main.page:has(.blue-workspace-articles) .article-admin-head > .btn {
  flex: 0 0 auto !important;
  margin-top: 2px !important;
  min-height: 48px !important;
  padding: 12px 18px !important;
  border-radius: 13px !important;
  box-shadow: 0 7px 18px rgba(24, 94, 191, .16) !important;
  font-weight: 760 !important;
}
body[data-theme="blue"] main.page:has(.blue-workspace-articles) .article-admin .table-wrap {
  width: 100% !important;
  overflow-x: auto !important;
  border: 1px solid rgba(199, 214, 235, .88) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.48) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.75) !important;
  -webkit-backdrop-filter: blur(12px) saturate(128%) !important;
  backdrop-filter: blur(12px) saturate(128%) !important;
}
body[data-theme="blue"] main.page:has(.blue-workspace-articles) .article-admin-table {
  width: 100% !important;
  min-width: 820px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  color: #1b2c45 !important;
}
body[data-theme="blue"] main.page:has(.blue-workspace-articles) .article-admin-table th {
  padding: 16px 14px !important;
  background: #142b49 !important;
  color: #edf5ff !important;
  font-size: .78rem !important;
  font-weight: 850 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
  border-bottom: 1px solid rgba(190, 219, 255, .26) !important;
}
body[data-theme="blue"] main.page:has(.blue-workspace-articles) .article-admin-table td {
  padding: 16px 14px !important;
  background: rgba(255,255,255,.38) !important;
  color: #253852 !important;
  border-bottom: 1px solid rgba(190, 210, 236, .8) !important;
  line-height: 1.5 !important;
}
body[data-theme="blue"] main.page:has(.blue-workspace-articles) .article-admin-table tbody tr:last-child td {
  border-bottom: 0 !important;
}
body[data-theme="blue"] main.page:has(.blue-workspace-articles) .article-admin-table tbody tr:hover td {
  background: rgba(219, 234, 254, .46) !important;
}
body[data-theme="blue"] main.page:has(.blue-workspace-articles) .article-admin-table td strong {
  color: #173153 !important;
  font-weight: 800 !important;
}
body[data-theme="blue"] main.page:has(.blue-workspace-articles) .article-status {
  padding: 5px 10px !important;
  white-space: nowrap !important;
}
body[data-theme="blue"] main.page:has(.blue-workspace-articles) .article-actions {
  gap: 7px !important;
  align-items: center !important;
}
body[data-theme="blue"] main.page:has(.blue-workspace-articles) .article-actions .btn {
  border-radius: 10px !important;
  font-weight: 700 !important;
}
@media (max-width: 760px) {
  body[data-theme="blue"] main.page:has(.pos-settings) {
    width: calc(100% - 16px) !important;
    max-width: none !important;
    padding: 16px !important;
    border-radius: 18px !important;
  }
  body[data-theme="blue"] main.page:has(.pos-settings) .pos-settings > .eyebrow,
  body[data-theme="blue"] main.page:has(.pos-settings) .pos-settings > h1,
  body[data-theme="blue"] main.page:has(.pos-settings) .pos-settings > .settings-intro {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  body[data-theme="blue"] main.page:has(.pos-settings) .pos-settings > .eyebrow {
    margin-bottom: 16px !important;
  }
  body[data-theme="blue"] main.page:has(.pos-settings) .pos-settings > h1 {
    margin-bottom: 16px !important;
  }
  body[data-theme="blue"] main.page:has(.pos-settings) .pos-settings .setting-card {
    padding: 18px !important;
    gap: 16px !important;
    border-radius: 16px !important;
  }
  body[data-theme="blue"] main.page:has(.blue-workspace-articles) {
    width: calc(100% - 16px) !important;
    max-width: none !important;
    padding: 0 !important;
    margin-top: 8px !important;
  }
  body[data-theme="blue"] main.page:has(.blue-workspace-articles) .article-admin {
    padding: 20px 16px !important;
    border-radius: 18px !important;
  }
  body[data-theme="blue"] main.page:has(.blue-workspace-articles) .article-admin-head {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
  }
  body[data-theme="blue"] main.page:has(.blue-workspace-articles) .article-admin-head > .btn {
    align-self: flex-start !important;
  }
}


/* V125: remove only the outer white glass workspace from Accounting,
   Transaction and Counter Theft Intelligence in Blue Theme.
   Inner component styling and existing text/content colors stay unchanged. */
body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.acc-wrap),
body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.acc-detail-wrap),
body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.txn-dashboard),
body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.txn-workspace),
body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.cti) {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* V126: comfortable space below Accounting follow-up reminder in Blue Theme. */
body[data-theme="blue"] main.page .acc-wrap > .acc-followup-reminder {
  margin-bottom: 2rem !important;
}

/* V127: apply the same breathing room to Dark and BW themes without changing
   panel colors, typography, or other Accounting content. */
body[data-theme="dark"] main.page .acc-wrap > .acc-followup-reminder,
body[data-theme="bw"] main.page .acc-wrap > .acc-followup-reminder {
  margin-bottom: 2rem !important;
}

/* V128: Cyber Theme Accounting palette.
   Replace light/default Accounting surfaces with the Cyber palette while keeping
   all layout and behavior intact. This is intentionally scoped to Accounting in
   Cyber Theme; Blue, Dark, and BW themes are untouched. */
body[data-theme="cyber"] .acc-wrap {
  color: var(--dm-cyber-ink) !important;
}
body[data-theme="cyber"] .acc-wrap .acc-hero {
  background:
    radial-gradient(circle at 92% 0%, rgba(0,240,255,.16), transparent 32%),
    radial-gradient(circle at 5% 100%, rgba(255,0,85,.10), transparent 35%),
    linear-gradient(140deg, rgba(8,13,26,.98), rgba(11,19,41,.96)) !important;
  color: var(--dm-cyber-ink) !important;
  border: 1px solid rgba(0,240,255,.48) !important;
  box-shadow: 0 0 24px rgba(0,240,255,.09), inset 0 1px 0 rgba(0,240,255,.09) !important;
}
body[data-theme="cyber"] .acc-wrap .acc-hero h1 {
  color: #f4fdff !important;
  text-shadow: 0 0 14px rgba(0,240,255,.12);
}
body[data-theme="cyber"] .acc-wrap .acc-hero p,
body[data-theme="cyber"] .acc-wrap .acc-hero div {
  color: var(--dm-cyber-muted) !important;
}
body[data-theme="cyber"] .acc-wrap .acc-card,
body[data-theme="cyber"] .acc-wrap .acc-panel,
body[data-theme="cyber"] .acc-wrap .acc-party-grid,
body[data-theme="cyber"] .acc-wrap .acc-aging-party,
body[data-theme="cyber"] .acc-wrap .acc-aging-row,
body[data-theme="cyber"] .acc-wrap .acc-list-row,
body[data-theme="cyber"] .acc-wrap .acc-detail-modal-dialog,
body[data-theme="cyber"] .acc-wrap .acc-detail-modal-topbar,
body[data-theme="cyber"] .acc-wrap .acc-detail-panel {
  color: var(--dm-cyber-ink) !important;
  background: linear-gradient(145deg, rgba(8,13,26,.97), rgba(11,19,41,.94)) !important;
  border-color: rgba(0,240,255,.31) !important;
  box-shadow: 0 0 18px rgba(0,240,255,.055), 0 12px 32px rgba(0,0,0,.22) !important;
}
body[data-theme="cyber"] .acc-wrap .acc-card small,
body[data-theme="cyber"] .acc-wrap .acc-note,
body[data-theme="cyber"] .acc-wrap .acc-party-note,
body[data-theme="cyber"] .acc-wrap .acc-party-cell,
body[data-theme="cyber"] .acc-wrap .acc-filter,
body[data-theme="cyber"] .acc-wrap .acc-filter label,
body[data-theme="cyber"] .acc-wrap .acc-form label,
body[data-theme="cyber"] .acc-wrap .acc-payment-more,
body[data-theme="cyber"] .acc-wrap .acc-detail-modal-caption {
  color: var(--dm-cyber-muted) !important;
}
body[data-theme="cyber"] .acc-wrap .acc-card strong,
body[data-theme="cyber"] .acc-wrap .acc-party-value,
body[data-theme="cyber"] .acc-wrap .acc-aging-row strong {
  color: var(--dm-cyber-cyan) !important;
}
body[data-theme="cyber"] .acc-wrap .acc-panel h2,
body[data-theme="cyber"] .acc-wrap .acc-aging-party h3,
body[data-theme="cyber"] .acc-wrap .acc-party-label,
body[data-theme="cyber"] .acc-wrap .acc-payment-more summary {
  color: var(--dm-cyber-cyan) !important;
}
body[data-theme="cyber"] .acc-wrap .acc-party-table-head {
  color: var(--dm-cyber-cyan) !important;
}
body[data-theme="cyber"] .acc-wrap .acc-table-wrap {
  background: rgba(3,7,18,.58) !important;
  border: 1px solid rgba(0,240,255,.25) !important;
  border-radius: 10px !important;
}
body[data-theme="cyber"] .acc-wrap .acc-table {
  color: var(--dm-cyber-ink) !important;
  background: transparent !important;
}
body[data-theme="cyber"] .acc-wrap .acc-table thead th {
  color: var(--dm-cyber-cyan) !important;
  background: rgba(0,240,255,.105) !important;
  border-color: rgba(0,240,255,.28) !important;
}
body[data-theme="cyber"] .acc-wrap .acc-table tbody tr {
  background: rgba(8,13,26,.70) !important;
}
body[data-theme="cyber"] .acc-wrap .acc-table tbody tr:nth-child(even) {
  background: rgba(11,19,41,.78) !important;
}
body[data-theme="cyber"] .acc-wrap .acc-table tbody tr:hover td {
  background: rgba(0,240,255,.055) !important;
}
body[data-theme="cyber"] .acc-wrap .acc-table td {
  color: var(--dm-cyber-ink) !important;
  border-color: rgba(0,240,255,.16) !important;
}
body[data-theme="cyber"] .acc-wrap input:not([type="checkbox"]):not([type="radio"]),
body[data-theme="cyber"] .acc-wrap select,
body[data-theme="cyber"] .acc-wrap textarea {
  color: var(--dm-cyber-ink) !important;
  background: rgba(3,7,18,.94) !important;
  border: 1px solid rgba(0,240,255,.38) !important;
  box-shadow: inset 0 1px 0 rgba(0,240,255,.035) !important;
}
body[data-theme="cyber"] .acc-wrap input::placeholder,
body[data-theme="cyber"] .acc-wrap textarea::placeholder {
  color: #8199ad !important;
  opacity: 1 !important;
}
body[data-theme="cyber"] .acc-wrap .acc-btn,
body[data-theme="cyber"] .acc-wrap a.acc-btn,
body[data-theme="cyber"] .acc-detail-modal-close {
  color: var(--dm-cyber-cyan) !important;
  background: rgba(0,240,255,.075) !important;
  border: 1px solid rgba(0,240,255,.56) !important;
  box-shadow: 0 0 11px rgba(0,240,255,.07) !important;
}
body[data-theme="cyber"] .acc-wrap .acc-btn:hover,
body[data-theme="cyber"] .acc-wrap a.acc-btn:hover,
body[data-theme="cyber"] .acc-detail-modal-close:hover {
  color: #030712 !important;
  background: var(--dm-cyber-cyan) !important;
  border-color: var(--dm-cyber-cyan) !important;
  box-shadow: 0 0 18px rgba(0,240,255,.38) !important;
}
body[data-theme="cyber"] .acc-wrap .acc-status {
  color: var(--dm-cyber-green) !important;
  background: rgba(0,255,102,.10) !important;
  border: 1px solid rgba(0,255,102,.35) !important;
}
/* Keep overdue/due-soon items visibly distinct, but in a Cyber-compatible alert tone. */
body[data-theme="cyber"] .acc-wrap .acc-party-grid.acc-due-soon {
  color: #fff6b0 !important;
  background: linear-gradient(145deg, rgba(64,45,4,.82), rgba(37,29,9,.92)) !important;
  border: 1px solid rgba(252,238,10,.7) !important;
  box-shadow: inset 4px 0 0 var(--dm-cyber-yellow), 0 0 14px rgba(252,238,10,.07) !important;
}
body[data-theme="cyber"] .acc-wrap .acc-party-grid.acc-due-soon .acc-party-cell,
body[data-theme="cyber"] .acc-wrap .acc-party-grid.acc-due-soon .acc-party-cell strong,
body[data-theme="cyber"] .acc-wrap .acc-party-grid.acc-due-soon .acc-party-cell .acc-note,
body[data-theme="cyber"] .acc-wrap .acc-party-grid.acc-due-soon .acc-party-label {
  color: #fff6b0 !important;
}
body[data-theme="cyber"] .acc-wrap .acc-due-badge {
  color: #030712 !important;
  background: var(--dm-cyber-yellow) !important;
  border: 1px solid var(--dm-cyber-yellow) !important;
}
body[data-theme="cyber"] .acc-wrap .acc-payment-more-fields,
body[data-theme="cyber"] .acc-wrap .acc-aging-rows,
body[data-theme="cyber"] .acc-wrap .acc-list {
  color: var(--dm-cyber-ink) !important;
}
body[data-theme="cyber"] .acc-detail-modal-dialog {
  color: var(--dm-cyber-ink) !important;
  background: linear-gradient(145deg, rgba(8,13,26,.99), rgba(11,19,41,.98)) !important;
  border-color: rgba(0,240,255,.45) !important;
  box-shadow: 0 0 28px rgba(0,240,255,.13), 0 24px 90px rgba(0,0,0,.55) !important;
}
body[data-theme="cyber"] .acc-detail-modal-topbar {
  background: rgba(0,240,255,.055) !important;
  border-bottom-color: rgba(0,240,255,.25) !important;
}

/* V128: Cyber palette also applies to the Accounting detail overlay and its
   separately rendered detail page, which sit outside .acc-wrap. */
body[data-theme="cyber"] .acc-detail-modal {
  background: rgba(0,3,12,.82) !important;
  -webkit-backdrop-filter: blur(10px) saturate(120%) !important;
  backdrop-filter: blur(10px) saturate(120%) !important;
}
body[data-theme="cyber"] .acc-detail-modal-dialog {
  color: var(--dm-cyber-ink) !important;
  background: linear-gradient(145deg, rgba(8,13,26,.99), rgba(11,19,41,.98)) !important;
  border-color: rgba(0,240,255,.45) !important;
  box-shadow: 0 0 28px rgba(0,240,255,.13), 0 24px 90px rgba(0,0,0,.55) !important;
}
body[data-theme="cyber"] .acc-detail-modal-topbar {
  color: var(--dm-cyber-ink) !important;
  background: rgba(0,240,255,.055) !important;
  border-bottom-color: rgba(0,240,255,.25) !important;
}
body[data-theme="cyber"] .acc-detail-modal-caption,
body[data-theme="cyber"] .acc-detail-modal-loading {
  color: var(--dm-cyber-muted) !important;
}
body[data-theme="cyber"] .acc-detail-modal-content {
  color: var(--dm-cyber-ink) !important;
}
body[data-theme="cyber"] .acc-detail-wrap {
  color: var(--dm-cyber-ink) !important;
}
body[data-theme="cyber"] .acc-detail-wrap .acc-detail-hero {
  color: var(--dm-cyber-ink) !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(0,240,255,.16), transparent 32%),
    radial-gradient(circle at 5% 100%, rgba(255,0,85,.10), transparent 35%),
    linear-gradient(140deg, rgba(8,13,26,.98), rgba(11,19,41,.96)) !important;
  border: 1px solid rgba(0,240,255,.48) !important;
  box-shadow: 0 0 22px rgba(0,240,255,.09) !important;
}
body[data-theme="cyber"] .acc-detail-wrap .acc-detail-hero h1,
body[data-theme="cyber"] .acc-detail-wrap .acc-detail-panel h2,
body[data-theme="cyber"] .acc-detail-wrap .acc-detail-panel h3 {
  color: #f4fdff !important;
}
body[data-theme="cyber"] .acc-detail-wrap .acc-detail-panel,
body[data-theme="cyber"] .acc-detail-wrap .acc-detail-cell {
  color: var(--dm-cyber-ink) !important;
  background: linear-gradient(145deg, rgba(8,13,26,.97), rgba(11,19,41,.94)) !important;
  border-color: rgba(0,240,255,.31) !important;
  box-shadow: 0 0 16px rgba(0,240,255,.045), 0 10px 28px rgba(0,0,0,.2) !important;
}
body[data-theme="cyber"] .acc-detail-wrap .acc-detail-muted,
body[data-theme="cyber"] .acc-detail-wrap .acc-detail-panel p,
body[data-theme="cyber"] .acc-detail-wrap .acc-detail-panel small,
body[data-theme="cyber"] .acc-detail-wrap .acc-detail-form label {
  color: var(--dm-cyber-muted) !important;
}
body[data-theme="cyber"] .acc-detail-wrap .acc-detail-form input,
body[data-theme="cyber"] .acc-detail-wrap .acc-detail-form select,
body[data-theme="cyber"] .acc-detail-wrap .acc-detail-form textarea {
  color: var(--dm-cyber-ink) !important;
  background: rgba(3,7,18,.94) !important;
  border: 1px solid rgba(0,240,255,.38) !important;
}
body[data-theme="cyber"] .acc-detail-wrap .acc-detail-table {
  color: var(--dm-cyber-ink) !important;
  background: transparent !important;
}
body[data-theme="cyber"] .acc-detail-wrap .acc-detail-table th {
  color: var(--dm-cyber-cyan) !important;
  background: rgba(0,240,255,.105) !important;
  border-color: rgba(0,240,255,.25) !important;
}
body[data-theme="cyber"] .acc-detail-wrap .acc-detail-table td {
  color: var(--dm-cyber-ink) !important;
  border-color: rgba(0,240,255,.16) !important;
}
body[data-theme="cyber"] .acc-detail-wrap .acc-detail-btn,
body[data-theme="cyber"] .acc-detail-wrap .acc-detail-link {
  color: var(--dm-cyber-cyan) !important;
}
body[data-theme="cyber"] .acc-detail-wrap .acc-detail-btn {
  background: rgba(0,240,255,.075) !important;
  border: 1px solid rgba(0,240,255,.56) !important;
  box-shadow: 0 0 10px rgba(0,240,255,.06) !important;
}
body[data-theme="cyber"] .acc-detail-wrap .acc-detail-btn:hover {
  color: #030712 !important;
  background: var(--dm-cyber-cyan) !important;
}
body[data-theme="cyber"] .acc-detail-wrap .acc-detail-status {
  color: var(--dm-cyber-green) !important;
  background: rgba(0,255,102,.10) !important;
  border: 1px solid rgba(0,255,102,.35) !important;
}
body[data-theme="cyber"] .acc-detail-wrap .acc-legacy-row {
  color: #fff6b0 !important;
  background: rgba(64,45,4,.78) !important;
  border-color: rgba(252,238,10,.5) !important;
}
body[data-theme="cyber"] .acc-detail-modal-content .acc-detail-modal-flash.success {
  color: var(--dm-cyber-green) !important;
  background: rgba(0,255,102,.09) !important;
  border-color: rgba(0,255,102,.42) !important;
}
body[data-theme="cyber"] .acc-detail-modal-content .acc-detail-modal-flash.error {
  color: #ff92b5 !important;
  background: rgba(255,0,85,.09) !important;
  border-color: rgba(255,0,85,.42) !important;
}


/* V129: Audit trail is outside .acc-wrap in accounting.html, so theme it
   independently without changing Accounting's other theme or surfaces. */
body[data-theme="cyber"] main.page .acc-audit-panel {
  color: var(--dm-cyber-ink) !important;
  background: linear-gradient(145deg, rgba(8,13,26,.97), rgba(11,19,41,.94)) !important;
  border: 1px solid rgba(0,240,255,.36) !important;
  border-radius: 16px !important;
  box-shadow: 0 0 18px rgba(0,240,255,.055), 0 12px 32px rgba(0,0,0,.22) !important;
}
body[data-theme="cyber"] main.page .acc-audit-panel h2 {
  color: var(--dm-cyber-cyan) !important;
}
body[data-theme="cyber"] main.page .acc-audit-panel .acc-note {
  color: var(--dm-cyber-muted) !important;
}
body[data-theme="cyber"] main.page .acc-audit-panel .acc-table-wrap {
  background: rgba(3,7,18,.58) !important;
  border: 1px solid rgba(0,240,255,.25) !important;
  border-radius: 10px !important;
}
body[data-theme="cyber"] main.page .acc-audit-panel .acc-table {
  color: var(--dm-cyber-ink) !important;
  background: transparent !important;
}
body[data-theme="cyber"] main.page .acc-audit-panel .acc-table thead th {
  color: var(--dm-cyber-cyan) !important;
  background: rgba(0,240,255,.105) !important;
  border-color: rgba(0,240,255,.28) !important;
}
body[data-theme="cyber"] main.page .acc-audit-panel .acc-table tbody tr {
  background: rgba(8,13,26,.70) !important;
}
body[data-theme="cyber"] main.page .acc-audit-panel .acc-table tbody tr:nth-child(even) {
  background: rgba(11,19,41,.78) !important;
}
body[data-theme="cyber"] main.page .acc-audit-panel .acc-table tbody tr:hover td {
  background: rgba(0,240,255,.055) !important;
}
body[data-theme="cyber"] main.page .acc-audit-panel .acc-table td {
  color: var(--dm-cyber-ink) !important;
  border-color: rgba(0,240,255,.16) !important;
}

/* V136: Dark Theme — POS Sale/B2B cards and consistent neon input controls.
   Scoped exclusively to data-theme="dark" so Blue, BW and Cyber remain unchanged. */
body[data-theme="dark"] .pos-products.panel,
body[data-theme="dark"] .pos-checkout.panel {
  background: linear-gradient(145deg, rgba(7, 25, 45, .97), rgba(3, 13, 26, .97)) !important;
  color: #eaf7ff !important;
  border: 1px solid rgba(74, 196, 255, .42) !important;
  box-shadow: 0 0 0 1px rgba(0, 190, 255, .07), 0 14px 36px rgba(0, 0, 0, .30) !important;
}
body[data-theme="dark"] .pos-product {
  background: linear-gradient(150deg, #0b2036 0%, #061323 100%) !important;
  color: #eaf7ff !important;
  border: 1px solid #174b70 !important;
  box-shadow: inset 0 1px 0 rgba(124, 224, 255, .035), 0 8px 20px rgba(0, 0, 0, .20) !important;
}
body[data-theme="dark"] .pos-product:hover {
  border-color: #2bdcff !important;
  box-shadow: 0 0 0 1px rgba(43, 220, 255, .20), 0 0 23px rgba(0, 153, 255, .15) !important;
}
body[data-theme="dark"] .pos-product-photo {
  background: linear-gradient(145deg, #07182a, #040c17) !important;
  border: 1px solid #143b5b !important;
}
body[data-theme="dark"] .pos-product-placeholder { stroke: #60dfff !important; }
body[data-theme="dark"] .pos-product-info h3,
body[data-theme="dark"] .pos-checkout-title h2,
body[data-theme="dark"] .pos-summary,
body[data-theme="dark"] .pos-summary > div,
body[data-theme="dark"] .pos-form-fields > label,
body[data-theme="dark"] .pos-product-action label { color: #e7f6ff !important; }
body[data-theme="dark"] .pos-product-info .pos-price,
body[data-theme="dark"] .pos-summary-total strong,
body[data-theme="dark"] .pos-discount-preview strong { color: #39dcff !important; text-shadow: 0 0 10px rgba(0, 198, 255, .12); }
body[data-theme="dark"] .pos-product-info .pos-stock { color: #54ffd1 !important; }
body[data-theme="dark"] .pos-product-info .pos-stock.is-empty { color: #ff729e !important; }
body[data-theme="dark"] .pos-result-count,
body[data-theme="dark"] .pos-heading p,
body[data-theme="dark"] .pos-summary-note,
body[data-theme="dark"] .pos-stock-note,
body[data-theme="dark"] .pos-discount-preview small,
body[data-theme="dark"] .b2b-mode-banner p,
body[data-theme="dark"] .b2b-price-adjustment small { color: #9ab9d3 !important; }
body[data-theme="dark"] .pos-search-label,
body[data-theme="dark"] .pos-qty-label,
body[data-theme="dark"] .b2b-price-adjustment label { color: #9deaff !important; }
body[data-theme="dark"] .pos-summary,
body[data-theme="dark"] .pos-product-action,
body[data-theme="dark"] .pos-summary-total { border-color: #174263 !important; }
body[data-theme="dark"] .pos-page-btn {
  background: #07182a !important;
  color: #9deaff !important;
  border-color: #1b6591 !important;
}
body[data-theme="dark"] .pos-page-btn[aria-current="page"] {
  background: linear-gradient(110deg, #075fd8, #008ebc) !important;
  color: #fff !important;
  border-color: #45dfff !important;
}
body[data-theme="dark"] .b2b-mode-banner,
body[data-theme="dark"] .b2b-price-adjustment,
body[data-theme="dark"] .pos-cashier,
body[data-theme="dark"] #posCreditTerms,
body[data-theme="dark"] .pos-discount-preview,
body[data-theme="dark"] .pos-ppn-control,
body[data-theme="dark"] #posPpnDocumentFields {
  background: linear-gradient(145deg, rgba(7, 34, 57, .90), rgba(4, 19, 34, .94)) !important;
  color: #e8f7ff !important;
  border-color: #1b6388 !important;
}
body[data-theme="dark"] .b2b-mode-banner strong,
body[data-theme="dark"] #posCreditTerms > strong,
body[data-theme="dark"] .pos-cashier strong { color: #eaf7ff !important; }
body[data-theme="dark"] .pos-hidden-product-badge {
  color: #ffd49a !important;
  background: #2d1c0b !important;
  border-color: #a96023 !important;
}

/* Dark-theme form controls everywhere: dark surface, light-cyan border, neon-cyan input text.
   Exclude toggles and action buttons so their native semantics and accent styling remain intact. */
body[data-theme="dark"] input:is([type="text"], [type="search"], [type="email"], [type="password"], [type="tel"], [type="url"], [type="number"], [type="date"], [type="datetime-local"], [type="time"], [type="month"], [type="week"], [type="file"]),
body[data-theme="dark"] select,
body[data-theme="dark"] textarea {
  background-color: #04111f !important;
  color: #35eaff !important;
  border-color: #63cfff !important;
  caret-color: #20f4ff !important;
  color-scheme: dark;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .25) !important;
}
body[data-theme="dark"] input:is([type="text"], [type="search"], [type="email"], [type="password"], [type="tel"], [type="url"], [type="number"], [type="date"], [type="datetime-local"], [type="time"], [type="month"], [type="week"], [type="file"]):focus,
body[data-theme="dark"] select:focus,
body[data-theme="dark"] textarea:focus {
  border-color: #a3edff !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .22), 0 0 16px rgba(0, 191, 255, .15) !important;
}
body[data-theme="dark"] input:is([type="text"], [type="search"], [type="email"], [type="password"], [type="tel"], [type="url"], [type="number"], [type="date"], [type="datetime-local"], [type="time"], [type="month"], [type="week"], [type="file"])::placeholder,
body[data-theme="dark"] textarea::placeholder {
  color: #86b5d1 !important;
  opacity: 1;
}
body[data-theme="dark"] select option,
body[data-theme="dark"] select optgroup {
  background: #04111f !important;
  color: #35eaff !important;
}
body[data-theme="dark"] input[type="file"]::file-selector-button {
  background: #0a2740 !important;
  color: #8deaff !important;
  border: 1px solid #2ca9db !important;
  border-radius: 7px;
  padding: 7px 10px;
  margin-right: 10px;
  cursor: pointer;
}
body[data-theme="dark"] input:is([type="text"], [type="search"], [type="email"], [type="password"], [type="tel"], [type="url"], [type="number"], [type="date"], [type="datetime-local"], [type="time"], [type="month"], [type="week"], [type="file"]):-webkit-autofill,
body[data-theme="dark"] input:is([type="text"], [type="search"], [type="email"], [type="password"], [type="tel"], [type="url"], [type="number"], [type="date"], [type="datetime-local"], [type="time"], [type="month"], [type="week"], [type="file"]):-webkit-autofill:hover,
body[data-theme="dark"] input:is([type="text"], [type="search"], [type="email"], [type="password"], [type="tel"], [type="url"], [type="number"], [type="date"], [type="datetime-local"], [type="time"], [type="month"], [type="week"], [type="file"]):-webkit-autofill:focus {
  -webkit-text-fill-color: #35eaff !important;
  -webkit-box-shadow: 0 0 0 1000px #04111f inset !important;
  transition: background-color 99999s ease-out 0s;
}
/* Composite inputs keep their single outer outline rather than showing a doubled inner border. */
body[data-theme="dark"] .searchbox input,
body[data-theme="dark"] .price-input input {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #35eaff !important;
}
body[data-theme="dark"] .searchbox {
  background: #04111f !important;
  border-color: #63cfff !important;
  color: #35eaff !important;
}
body[data-theme="dark"] .price-input {
  background: #04111f !important;
  border-color: #63cfff !important;
}
body[data-theme="dark"] .price-input span {
  background: #0a2740 !important;
  color: #8deaff !important;
  border-color: #1c6589 !important;
}

/* V137: close two Dark Theme gaps found in POS and Accounting.
   Only applies when Dark Theme is active; other themes intentionally untouched. */

/* HTML input without an explicit type behaves as text, but was omitted from V136's
   type allow-list. Keep this fallback for other legacy forms, too. */
body[data-theme="dark"] input:not([type]) {
  background-color: #04111f !important;
  color: #35eaff !important;
  border-color: #63cfff !important;
  caret-color: #20f4ff !important;
  color-scheme: dark;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .25) !important;
}
body[data-theme="dark"] input:not([type]):focus {
  border-color: #a3edff !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .22), 0 0 16px rgba(0, 191, 255, .15) !important;
}
body[data-theme="dark"] input:not([type])::placeholder {
  color: #86b5d1 !important;
  opacity: 1;
}
body[data-theme="dark"] input:not([type]):-webkit-autofill,
body[data-theme="dark"] input:not([type]):-webkit-autofill:hover,
body[data-theme="dark"] input:not([type]):-webkit-autofill:focus {
  -webkit-text-fill-color: #35eaff !important;
  -webkit-box-shadow: 0 0 0 1000px #04111f inset !important;
  transition: background-color 99999s ease-out 0s;
}

/* Accounting main workspace: replace light cards, rows and status pills with
   a restrained navy/cyan palette, preserving amber/green/red meanings. */
body[data-theme="dark"] main.page:has(.acc-wrap) {
  color: #e7f6ff !important;
}
body[data-theme="dark"] .acc-wrap {
  color: #e7f6ff !important;
  --panel: rgba(7, 22, 39, .97);
  --panel-soft: rgba(12, 39, 62, .84);
  --text: #e7f6ff;
  --text-muted: #9ab9d3;
  --line: #174263;
  --border: #276487;
  --link: #39dcff;
}
body[data-theme="dark"] .acc-wrap .acc-hero {
  color: #eefaff !important;
  background: radial-gradient(circle at 90% 0%, rgba(0, 191, 255, .17), transparent 32%),
              linear-gradient(135deg, #07182a 0%, #0a2a47 58%, #08334a 100%) !important;
  border: 1px solid #205b7e !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(142, 230, 255, .06) !important;
}
body[data-theme="dark"] .acc-wrap .acc-hero h1 { color: #f1fbff !important; }
body[data-theme="dark"] .acc-wrap .acc-hero p,
body[data-theme="dark"] .acc-wrap .acc-hero div { color: #b6d9ec !important; }
body[data-theme="dark"] .acc-wrap .acc-card,
body[data-theme="dark"] .acc-wrap .acc-panel,
body[data-theme="dark"] .acc-wrap .acc-aging-party,
body[data-theme="dark"] .acc-wrap .acc-party-grid,
body[data-theme="dark"] .acc-wrap .acc-list-row {
  color: #e7f6ff !important;
  background: linear-gradient(145deg, rgba(7, 25, 45, .97), rgba(3, 13, 26, .97)) !important;
  border-color: #174b70 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(124, 224, 255, .025) !important;
}
body[data-theme="dark"] .acc-wrap .acc-card small,
body[data-theme="dark"] .acc-wrap .acc-note,
body[data-theme="dark"] .acc-wrap .acc-party-note,
body[data-theme="dark"] .acc-wrap .acc-party-cell,
body[data-theme="dark"] .acc-wrap .acc-filter,
body[data-theme="dark"] .acc-wrap .acc-form label,
body[data-theme="dark"] .acc-wrap .acc-payment-more,
body[data-theme="dark"] .acc-wrap .acc-aging-row small {
  color: #9ab9d3 !important;
}
body[data-theme="dark"] .acc-wrap .acc-card strong,
body[data-theme="dark"] .acc-wrap .acc-party-value,
body[data-theme="dark"] .acc-wrap .acc-aging-row strong {
  color: #39dcff !important;
}
body[data-theme="dark"] .acc-wrap .acc-panel h2,
body[data-theme="dark"] .acc-wrap .acc-aging-party h3,
body[data-theme="dark"] .acc-wrap .acc-party-label,
body[data-theme="dark"] .acc-wrap .acc-payment-more summary,
body[data-theme="dark"] .acc-wrap .acc-party-table-head {
  color: #bfefff !important;
}
body[data-theme="dark"] .acc-wrap .acc-aging-row {
  color: #d8effb !important;
  background: rgba(10, 34, 55, .9) !important;
}
body[data-theme="dark"] .acc-wrap .acc-table-wrap {
  background: rgba(3, 13, 26, .55) !important;
  border: 1px solid #174263 !important;
  border-radius: 10px !important;
}
body[data-theme="dark"] .acc-wrap .acc-table {
  color: #e7f6ff !important;
  background: transparent !important;
}
body[data-theme="dark"] .acc-wrap .acc-table thead th {
  color: #9deaff !important;
  background: rgba(24, 75, 112, .55) !important;
  border-color: #245777 !important;
}
body[data-theme="dark"] .acc-wrap .acc-table tbody tr {
  color: #dceef8 !important;
  background: rgba(6, 22, 39, .82) !important;
}
body[data-theme="dark"] .acc-wrap .acc-table tbody tr:nth-child(even) {
  background: rgba(10, 31, 51, .88) !important;
}
body[data-theme="dark"] .acc-wrap .acc-table tbody tr:hover td {
  background: rgba(0, 191, 255, .08) !important;
}
body[data-theme="dark"] .acc-wrap .acc-table td {
  color: #dceef8 !important;
  border-color: rgba(65, 142, 180, .25) !important;
}
body[data-theme="dark"] .acc-wrap .acc-status {
  color: #9deaff !important;
  background: rgba(0, 153, 220, .13) !important;
  border: 1px solid rgba(77, 197, 244, .35) !important;
}
body[data-theme="dark"] .acc-wrap .acc-party-grid.acc-due-soon {
  color: #ffe8b0 !important;
  background: linear-gradient(140deg, rgba(67, 43, 9, .78), rgba(36, 27, 12, .90)) !important;
  border: 1px solid rgba(243, 177, 65, .65) !important;
  box-shadow: inset 4px 0 0 #d9982b, 0 8px 24px rgba(0, 0, 0, .2) !important;
}
body[data-theme="dark"] .acc-wrap .acc-party-grid.acc-due-soon .acc-party-cell,
body[data-theme="dark"] .acc-wrap .acc-party-grid.acc-due-soon .acc-party-cell strong,
body[data-theme="dark"] .acc-wrap .acc-party-grid.acc-due-soon .acc-party-cell .acc-note,
body[data-theme="dark"] .acc-wrap .acc-party-grid.acc-due-soon .acc-party-label {
  color: #ffe8b0 !important;
  opacity: 1 !important;
}
body[data-theme="dark"] .acc-wrap .acc-due-badge {
  color: #ffdfa0 !important;
  background: rgba(124, 77, 12, .45) !important;
  border: 1px solid rgba(243, 177, 65, .65) !important;
}
body[data-theme="dark"] .acc-wrap .acc-btn,
body[data-theme="dark"] .acc-wrap a.acc-btn {
  color: #e9fbff !important;
  background: linear-gradient(115deg, #0756a7, #087ea5) !important;
  border: 1px solid #279dcc !important;
  box-shadow: 0 4px 14px rgba(0, 141, 214, .12) !important;
}
body[data-theme="dark"] .acc-wrap .acc-btn:hover,
body[data-theme="dark"] .acc-wrap a.acc-btn:hover {
  background: linear-gradient(115deg, #0875d0, #0799bc) !important;
  border-color: #73e5ff !important;
}
body[data-theme="dark"] main.page .acc-wrap .acc-audit-panel {
  color: #e7f6ff !important;
  background: linear-gradient(145deg, rgba(7, 25, 45, .97), rgba(3, 13, 26, .97)) !important;
  border: 1px solid #174b70 !important;
}
body[data-theme="dark"] main.page .acc-wrap .acc-audit-panel h2 { color: #9deaff !important; }

/* Accounting detail is rendered both as a full page and inside its modal. */
body[data-theme="dark"] .acc-detail-modal {
  background: rgba(1, 7, 16, .82) !important;
  -webkit-backdrop-filter: blur(12px) saturate(115%) !important;
  backdrop-filter: blur(12px) saturate(115%) !important;
}
body[data-theme="dark"] .acc-detail-modal-dialog {
  color: #e7f6ff !important;
  background: linear-gradient(145deg, rgba(7, 25, 45, .99), rgba(3, 13, 26, .99)) !important;
  border: 1px solid rgba(74, 196, 255, .42) !important;
  box-shadow: 0 0 0 1px rgba(0, 190, 255, .06), 0 24px 80px rgba(0, 0, 0, .6) !important;
}
body[data-theme="dark"] .acc-detail-modal-topbar {
  color: #e7f6ff !important;
  background: rgba(12, 39, 62, .94) !important;
  border-bottom-color: #174263 !important;
}
body[data-theme="dark"] .acc-detail-modal-caption,
body[data-theme="dark"] .acc-detail-modal-loading { color: #9ab9d3 !important; }
body[data-theme="dark"] .acc-detail-modal-close {
  color: #9deaff !important;
  background: #07182a !important;
  border-color: #276487 !important;
}
body[data-theme="dark"] .acc-detail-modal-content,
body[data-theme="dark"] .acc-detail-wrap {
  color: #e7f6ff !important;
  --panel: rgba(7, 22, 39, .97);
  --panel-soft: rgba(12, 39, 62, .84);
  --text: #e7f6ff;
  --text-muted: #9ab9d3;
  --line: #174263;
  --link: #39dcff;
}
body[data-theme="dark"] .acc-detail-wrap .acc-detail-hero {
  color: #eefaff !important;
  background: linear-gradient(135deg, #07182a 0%, #0a2a47 58%, #08334a 100%) !important;
  border: 1px solid #205b7e !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .22) !important;
}
body[data-theme="dark"] .acc-detail-wrap .acc-detail-panel,
body[data-theme="dark"] .acc-detail-wrap .acc-detail-cell {
  color: #e7f6ff !important;
  background: linear-gradient(145deg, rgba(7, 25, 45, .97), rgba(3, 13, 26, .97)) !important;
  border-color: #174b70 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .18) !important;
}
body[data-theme="dark"] .acc-detail-wrap .acc-detail-panel h2,
body[data-theme="dark"] .acc-detail-wrap .acc-detail-panel h3,
body[data-theme="dark"] .acc-detail-wrap .acc-detail-cell strong {
  color: #e7f6ff !important;
}
body[data-theme="dark"] .acc-detail-wrap .acc-detail-muted,
body[data-theme="dark"] .acc-detail-wrap .acc-detail-panel p,
body[data-theme="dark"] .acc-detail-wrap .acc-detail-panel small,
body[data-theme="dark"] .acc-detail-wrap .acc-detail-form label {
  color: #9ab9d3 !important;
}
body[data-theme="dark"] .acc-detail-wrap .acc-detail-table {
  color: #e7f6ff !important;
  background: transparent !important;
}
body[data-theme="dark"] .acc-detail-wrap .acc-detail-table th {
  color: #9deaff !important;
  background: rgba(24, 75, 112, .55) !important;
  border-color: #245777 !important;
}
body[data-theme="dark"] .acc-detail-wrap .acc-detail-table td {
  color: #dceef8 !important;
  border-color: rgba(65, 142, 180, .25) !important;
}
body[data-theme="dark"] .acc-detail-wrap .acc-detail-status {
  color: #9deaff !important;
  background: rgba(0, 153, 220, .13) !important;
  border: 1px solid rgba(77, 197, 244, .35) !important;
}
body[data-theme="dark"] .acc-detail-wrap .acc-detail-btn {
  color: #e9fbff !important;
  background: linear-gradient(115deg, #0756a7, #087ea5) !important;
  border: 1px solid #279dcc !important;
}
body[data-theme="dark"] .acc-detail-wrap .acc-detail-link { color: #39dcff !important; }
body[data-theme="dark"] .acc-detail-wrap .acc-legacy-row {
  color: #ffe8b0 !important;
  background: rgba(67, 43, 9, .72) !important;
}
body[data-theme="dark"] .acc-detail-wrap .acc-legacy-row td,
body[data-theme="dark"] .acc-detail-wrap .acc-legacy-row strong,
body[data-theme="dark"] .acc-detail-wrap .acc-legacy-row .acc-detail-muted {
  color: #ffe8b0 !important;
  border-color: rgba(243, 177, 65, .28) !important;
}
body[data-theme="dark"] .acc-detail-modal-content .acc-detail-modal-flash.success {
  color: #8dffd5 !important;
  background: rgba(0, 153, 104, .12) !important;
  border-color: rgba(84, 255, 209, .4) !important;
}
body[data-theme="dark"] .acc-detail-modal-content .acc-detail-modal-flash.error {
  color: #ffadbe !important;
  background: rgba(150, 25, 55, .15) !important;
  border-color: rgba(255, 114, 158, .4) !important;
}



/* V240: Cohesive single-glass workspace for the Article Management page.
   Scope: Blue Theme + article management only. Remove the competing outer pane,
   and blend the inner workspace/table with warm neutral glass on photographic backdrops. */
body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.blue-workspace-articles) {
  width: min(1400px, calc(100% - 40px)) !important;
  max-width: 1400px !important;
  margin: 18px auto 34px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.blue-workspace-articles) .article-admin {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(22px, 2.8vw, 38px) !important;
  box-sizing: border-box !important;
  color: #293241 !important;
  background: linear-gradient(138deg, rgba(255, 252, 247, .83), rgba(247, 245, 241, .72)) !important;
  border: 1px solid rgba(255, 255, 255, .78) !important;
  border-radius: 26px !important;
  box-shadow: 0 22px 56px rgba(67, 52, 38, .16), inset 0 1px 0 rgba(255,255,255,.90) !important;
  -webkit-backdrop-filter: blur(24px) saturate(122%) !important;
  backdrop-filter: blur(24px) saturate(122%) !important;
}
body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.blue-workspace-articles) .article-admin h1 {
  color: #272f3e !important;
  letter-spacing: -.035em !important;
}
body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.blue-workspace-articles) .article-admin .eyebrow {
  color: #1769aa !important;
}
body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.blue-workspace-articles) .article-admin .article-admin-note {
  color: #657185 !important;
}
body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.blue-workspace-articles) .article-admin .table-wrap {
  overflow-x: auto !important;
  background: rgba(255, 255, 255, .40) !important;
  border: 1px solid rgba(169, 154, 137, .26) !important;
  border-radius: 17px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.68), 0 7px 22px rgba(68,54,40,.045) !important;
  -webkit-backdrop-filter: blur(13px) saturate(115%) !important;
  backdrop-filter: blur(13px) saturate(115%) !important;
}
body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.blue-workspace-articles) .article-admin-table {
  color: #303949 !important;
}
body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.blue-workspace-articles) .article-admin-table th {
  color: #41454e !important;
  background: linear-gradient(180deg, rgba(232, 228, 222, .92), rgba(222, 217, 210, .87)) !important;
  border-bottom: 1px solid rgba(150, 137, 123, .28) !important;
  text-transform: none !important;
  letter-spacing: .01em !important;
  font-size: .84rem !important;
}
body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.blue-workspace-articles) .article-admin-table td {
  color: #384253 !important;
  background: rgba(255, 255, 255, .36) !important;
  border-bottom: 1px solid rgba(166, 153, 139, .22) !important;
}
body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.blue-workspace-articles) .article-admin-table tbody tr:hover td {
  background: rgba(255, 252, 247, .78) !important;
}
body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.blue-workspace-articles) .article-admin-table td strong {
  color: #293446 !important;
}
@media (max-width: 760px) {
  body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.blue-workspace-articles) {
    width: calc(100% - 24px) !important;
    margin: 12px auto 22px !important;
    padding: 0 !important;
  }
  body[data-theme="blue"]:not([data-product-create-frame="1"]) main.page:has(.blue-workspace-articles) .article-admin {
    padding: 20px 15px !important;
    border-radius: 20px !important;
  }
}


/* PATCH 265 — Cyber Theme: harmonisasi menyeluruh halaman Tentang Kami.
   Menyamakan panel, kartu, badge, dan tombol yang sebelumnya mewarisi warna terang
   dari desain tema lain. Ruang lingkup hanya halaman About ketika Cyber aktif. */
body[data-theme="cyber"] main.page:has(.about-hero) {
  color: var(--dm-cyber-ink) !important;
}
body[data-theme="cyber"] main.page:has(.about-hero) .about-hero,
body[data-theme="cyber"] main.page:has(.about-hero) .motorola-cert-feature,
body[data-theme="cyber"] main.page:has(.about-hero) .about-section,
body[data-theme="cyber"] main.page:has(.about-hero) .about-contact,
body[data-theme="cyber"] main.page:has(.about-hero) .about-office,
body[data-theme="cyber"] main.page:has(.about-hero) .about-card,
body[data-theme="cyber"] main.page:has(.about-hero) .about-news-card,
body[data-theme="cyber"] main.page:has(.about-hero) .about-achievements,
body[data-theme="cyber"] main.page:has(.about-hero) .achievement-feature,
body[data-theme="cyber"] main.page:has(.about-hero) .achievement-event,
body[data-theme="cyber"] main.page:has(.about-hero) .achievement-image-frame,
body[data-theme="cyber"] main.page:has(.about-hero) .about-purpose,
body[data-theme="cyber"] main.page:has(.about-hero) .service-grid > *,
body[data-theme="cyber"] main.page:has(.about-hero) .about-office-content {
  color: var(--dm-cyber-ink) !important;
  background-color: rgba(8, 13, 26, .94) !important;
  background-image: radial-gradient(circle at 100% 0%, rgba(0,240,255,.075), transparent 48%), linear-gradient(145deg, rgba(8,13,26,.98), rgba(11,19,41,.96)) !important;
  border-color: rgba(0,240,255,.30) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.025) !important;
}
body[data-theme="cyber"] main.page:has(.about-hero) .about-hero h1,
body[data-theme="cyber"] main.page:has(.about-hero) .about-hero h1 span,
body[data-theme="cyber"] main.page:has(.about-hero) .motorola-cert-copy h2,
body[data-theme="cyber"] main.page:has(.about-hero) .about-section h2,
body[data-theme="cyber"] main.page:has(.about-hero) .about-section h3,
body[data-theme="cyber"] main.page:has(.about-hero) .about-contact h2,
body[data-theme="cyber"] main.page:has(.about-hero) .about-office h2,
body[data-theme="cyber"] main.page:has(.about-hero) .about-card h3,
body[data-theme="cyber"] main.page:has(.about-hero) .about-news-card h3,
body[data-theme="cyber"] main.page:has(.about-hero) .achievement-copy h3,
body[data-theme="cyber"] main.page:has(.about-hero) .achievement-event-copy h3,
body[data-theme="cyber"] main.page:has(.about-hero) .service-grid h3 {
  color: #f1f7ff !important;
}
body[data-theme="cyber"] main.page:has(.about-hero) .about-hero p,
body[data-theme="cyber"] main.page:has(.about-hero) .motorola-cert-copy p,
body[data-theme="cyber"] main.page:has(.about-hero) .motorola-cert-meta,
body[data-theme="cyber"] main.page:has(.about-hero) .about-cert-note,
body[data-theme="cyber"] main.page:has(.about-hero) .about-section p,
body[data-theme="cyber"] main.page:has(.about-hero) .about-section li,
body[data-theme="cyber"] main.page:has(.about-hero) .about-office-description,
body[data-theme="cyber"] main.page:has(.about-hero) .about-office-detail span,
body[data-theme="cyber"] main.page:has(.about-hero) .about-office-detail a,
body[data-theme="cyber"] main.page:has(.about-hero) .about-office-footnote,
body[data-theme="cyber"] main.page:has(.about-hero) .about-news-card p,
body[data-theme="cyber"] main.page:has(.about-hero) .achievement-copy p,
body[data-theme="cyber"] main.page:has(.about-hero) .achievement-event-copy p,
body[data-theme="cyber"] main.page:has(.about-hero) .service-grid p {
  color: #a9bdd8 !important;
}
body[data-theme="cyber"] main.page:has(.about-hero) .eyebrow,
body[data-theme="cyber"] main.page:has(.about-hero) .motorola-cert-eyebrow,
body[data-theme="cyber"] main.page:has(.about-hero) .achievement-kicker,
body[data-theme="cyber"] main.page:has(.about-hero) .about-section .about-mark,
body[data-theme="cyber"] main.page:has(.about-hero) .service-grid .eyebrow {
  color: var(--dm-cyber-cyan) !important;
}
body[data-theme="cyber"] main.page:has(.about-hero) .motorola-cert-eyebrow,
body[data-theme="cyber"] main.page:has(.about-hero) .motorola-cert-badge,
body[data-theme="cyber"] main.page:has(.about-hero) .motorola-cert-badge.silver,
body[data-theme="cyber"] main.page:has(.about-hero) .about-tags span,
body[data-theme="cyber"] main.page:has(.about-hero) .motorola-cert-secondary,
body[data-theme="cyber"] main.page:has(.about-hero) .about-contact .contact-panel,
body[data-theme="cyber"] main.page:has(.about-hero) .about-office-phone {
  color: #d8faff !important;
  background: rgba(0,240,255,.075) !important;
  border: 1px solid rgba(0,240,255,.32) !important;
}
body[data-theme="cyber"] main.page:has(.about-hero) .motorola-cert-eyebrow:before {
  color: #03111b !important;
  background: var(--dm-cyber-cyan) !important;
}
body[data-theme="cyber"] main.page:has(.about-hero) .motorola-cert-primary,
body[data-theme="cyber"] main.page:has(.about-hero) .about-office-map,
body[data-theme="cyber"] main.page:has(.about-hero) .about-contact .contact-panel a {
  color: #03111b !important;
  background: var(--dm-cyber-cyan) !important;
  border: 1px solid var(--dm-cyber-cyan) !important;
  box-shadow: 0 0 16px rgba(0,240,255,.12) !important;
}
body[data-theme="cyber"] main.page:has(.about-hero) .motorola-cert-preview {
  background: rgba(8,13,26,.98) !important;
  border: 1px solid rgba(0,240,255,.25) !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.32) !important;
}
body[data-theme="cyber"] main.page:has(.about-hero) .motorola-cert-caption,
body[data-theme="cyber"] main.page:has(.about-hero) .motorola-cert-caption span:last-child {
  color: #a9bdd8 !important;
}
body[data-theme="cyber"] main.page:has(.about-hero) .about-icon,
body[data-theme="cyber"] main.page:has(.about-hero) .about-office-detail-icon {
  color: var(--dm-cyber-cyan) !important;
  background: rgba(0,240,255,.08) !important;
  border-color: rgba(0,240,255,.30) !important;
}
body[data-theme="cyber"] main.page:has(.about-hero) .about-news-card:hover,
body[data-theme="cyber"] main.page:has(.about-hero) .service-grid > *:hover,
body[data-theme="cyber"] main.page:has(.about-hero) .about-card:hover {
  border-color: rgba(0,240,255,.65) !important;
  box-shadow: 0 0 22px rgba(0,240,255,.10), 0 16px 36px rgba(0,0,0,.28) !important;
}
@media (max-width: 640px) {
  body[data-theme="cyber"] main.page:has(.about-hero) .motorola-cert-feature,
  body[data-theme="cyber"] main.page:has(.about-hero) .about-section,
  body[data-theme="cyber"] main.page:has(.about-hero) .about-office {
    border-radius: 16px !important;
  }
}

/* PATCH 266: Gallery documentation cards — Cyber Theme only.
   Keep photographs unchanged; harmonize the card surfaces and captions with the
   surrounding navy/cyan interface for readable contrast. */
body[data-theme="cyber"] main.page:has(.about-visuals) .about-visuals {
  color: var(--dm-cyber-ink) !important;
  background: linear-gradient(145deg, rgba(8, 13, 26, .97), rgba(11, 19, 41, .96)) !important;
  border: 1px solid rgba(0, 240, 255, .28) !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(0, 240, 255, .035) !important;
}
body[data-theme="cyber"] main.page:has(.about-visuals) .about-visuals .about-section-heading h2 {
  color: #f1f7ff !important;
}
body[data-theme="cyber"] main.page:has(.about-visuals) .about-visuals .about-section-heading p {
  color: #a9bdd8 !important;
}
body[data-theme="cyber"] main.page:has(.about-visuals) .about-gallery figure,
body[data-theme="cyber"] main.page:has(.about-visuals) .about-gallery .about-gallery-feature {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #e7fbff !important;
  background: linear-gradient(155deg, rgba(12, 23, 43, .98), rgba(7, 15, 31, .98)) !important;
  border: 1px solid rgba(0, 240, 255, .26) !important;
  border-radius: 17px !important;
  box-shadow: 0 9px 24px rgba(0, 0, 0, .20) !important;
}
body[data-theme="cyber"] main.page:has(.about-visuals) .about-gallery figure img {
  display: block;
  background: #050b16 !important;
}
body[data-theme="cyber"] main.page:has(.about-visuals) .about-gallery figure figcaption {
  color: #a9bdd8 !important;
  background: linear-gradient(180deg, rgba(11, 19, 41, .98), rgba(7, 14, 29, .99)) !important;
  border-top: 1px solid rgba(0, 240, 255, .14) !important;
}
body[data-theme="cyber"] main.page:has(.about-visuals) .about-gallery figure figcaption strong {
  color: #f1f7ff !important;
  font-weight: 750 !important;
}
body[data-theme="cyber"] main.page:has(.about-visuals) .about-gallery figure figcaption span {
  color: #a9bdd8 !important;
}
body[data-theme="cyber"] main.page:has(.about-visuals) .about-gallery figure:hover {
  border-color: rgba(0, 240, 255, .62) !important;
  box-shadow: 0 0 20px rgba(0, 240, 255, .085), 0 14px 30px rgba(0, 0, 0, .25) !important;
}