:root {
  --hs-bg: #05070d;
  --hs-bg-deep: #03070b;
  --hs-panel: rgba(8, 18, 28, 0.9);
  --hs-panel-strong: rgba(12, 30, 42, 0.96);
  --hs-field: rgba(2, 12, 20, 0.88);
  --hs-line: rgba(105, 232, 255, 0.28);
  --hs-line-strong: rgba(125, 249, 255, 0.58);
  --hs-cyan: #69e8ff;
  --hs-green: #62ffb6;
  --hs-magenta: #ff4d7d;
  --hs-amber: #ffd166;
  --hs-violet: #b48cff;
  --hs-text: #e7faff;
  --hs-muted: #8fb5bf;
  --hs-dim: #5f7f89;
  --hs-radius: 6px;
  --hs-font-ui: "Rajdhani", "Orbitron", "Segoe UI", system-ui, sans-serif;
  --hs-font-mono: "Cascadia Mono", "Roboto Mono", "Consolas", monospace;
  --hs-glow-cyan: 0 0 16px rgba(105, 232, 255, 0.26);
  --hs-glow-green: 0 0 16px rgba(98, 255, 182, 0.22);
  --hs-shadow-panel: 0 16px 42px rgba(0, 0, 0, 0.38), inset 0 0 28px rgba(105, 232, 255, 0.08);
  --hs-shadow-control: inset 0 0 12px rgba(105, 232, 255, 0.08);
  --hs-focus-ring: 0 0 0 2px rgba(105, 232, 255, 0.18);
  --hs-disabled-opacity: 0.55;
  --hs-control-min-height: 32px;
  --hs-space-window: 14px;
  --hs-space-panel: 12px;
  --hs-transition-fast: 140ms ease;
  --hs-window-header-bg: rgba(2, 13, 24, 0.94);
  --hs-surface-bg:
    linear-gradient(rgba(231, 250, 255, 0.026) 50%, rgba(0, 0, 0, 0.035) 50%) 0 0 / 100% 4px,
    radial-gradient(circle at 18% 8%, rgba(105, 232, 255, 0.14), transparent 30rem),
    radial-gradient(circle at 86% 18%, rgba(255, 77, 125, 0.08), transparent 28rem),
    var(--hs-bg-deep);
  --hs-panel-bg: linear-gradient(180deg, rgba(12, 30, 42, 0.96), rgba(5, 14, 22, 0.94));
  --hs-card-bg: linear-gradient(180deg, rgba(14, 35, 46, 0.92), rgba(5, 14, 22, 0.96));
  --hs-control-bg: linear-gradient(180deg, rgba(20, 46, 58, 0.82), rgba(5, 17, 26, 0.9));
  --hs-control-bg-hover: linear-gradient(180deg, rgba(29, 68, 82, 0.9), rgba(8, 26, 38, 0.95));
  --hs-active-bg: linear-gradient(135deg, rgba(105, 232, 255, 0.24), rgba(98, 255, 182, 0.15));
  --hs-danger-bg: linear-gradient(180deg, rgba(94, 22, 35, 0.84), rgba(42, 7, 17, 0.92));
  --hs-warning-bg: linear-gradient(180deg, rgba(96, 70, 28, 0.74), rgba(38, 28, 11, 0.9));
  --hs-grid-bg:
    linear-gradient(rgba(105, 232, 255, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(105, 232, 255, 0.045) 1px, transparent 1px);

  --hs-color-primary: var(--hs-cyan);
  --hs-color-success: var(--hs-green);
  --hs-color-danger: var(--hs-magenta);
  --hs-color-warning: var(--hs-amber);
  --hs-color-accent: var(--hs-violet);
  --hs-surface-window: var(--hs-surface-bg);
  --hs-surface-panel: var(--hs-panel-bg);
  --hs-surface-card: var(--hs-card-bg);
  --hs-surface-control: var(--hs-control-bg);
  --hs-surface-control-hover: var(--hs-control-bg-hover);
  --hs-surface-active: var(--hs-active-bg);
  --hs-border-subtle: var(--hs-line);
  --hs-border-strong: var(--hs-line-strong);
  --hs-text-primary: var(--hs-text);
  --hs-text-secondary: var(--hs-muted);
  --hs-text-tertiary: var(--hs-dim);
}

:root[data-holosuite-theme="ember"],
body[data-holosuite-theme="ember"] {
  --hs-cyan: #ffb86b;
  --hs-green: #ffe08a;
  --hs-magenta: #ff5d7d;
  --hs-amber: #ffd166;
  --hs-violet: #ff8bd1;
  --hs-line: rgba(255, 184, 107, 0.3);
  --hs-line-strong: rgba(255, 214, 128, 0.62);
  --hs-glow-cyan: 0 0 16px rgba(255, 184, 107, 0.25);
  --hs-glow-green: 0 0 16px rgba(255, 224, 138, 0.2);
}

:root[data-holosuite-theme="violet"],
body[data-holosuite-theme="violet"] {
  --hs-cyan: #a9b8ff;
  --hs-green: #7dffc4;
  --hs-magenta: #ff70c8;
  --hs-amber: #f5d87a;
  --hs-violet: #c9a3ff;
  --hs-line: rgba(169, 184, 255, 0.3);
  --hs-line-strong: rgba(201, 163, 255, 0.62);
  --hs-glow-cyan: 0 0 16px rgba(169, 184, 255, 0.25);
  --hs-glow-green: 0 0 16px rgba(125, 255, 196, 0.2);
}

/* ── Window root styles ─────────────────────────────────────────────────────
   All module window/app classes share this single selector block.
   CSS nesting is used to avoid repeating the list for every sub-rule.
   ─────────────────────────────────────────────────────────────────────────── */
:where(
  .bounty-board-window,
  .bounty-editor-window,
  .csi-toolkit,
  .galaxy-map,
  .galaxy-map-framework,
  .gmf-crud-dialog,
  .cybercall-app,
  .cybercall-composer-app,
  .cybercall-contacts-app,
  .holosuite-launcher-window,
  .hcci-config-window,
  .holosuite-hacking-window,
  .holosuite-hacking-launcher-window,
  .holosuite-hacking-start-dialog,
  .node-intrusion-window,
  .signal-alignment-window,
  .pulse-scanner,
  .security-camera-window,
  .security-camera-feed-window
) {
  color: var(--hs-text);
  color-scheme: dark;
  font-family: var(--hs-font-ui);
  letter-spacing: 0;

  & * {
    box-sizing: border-box;
  }

  & .window-content {
    background: var(--hs-surface-bg);
    color: var(--hs-text);
  }

  & .window-header {
    border-bottom: 1px solid var(--hs-line);
    background: var(--hs-window-header-bg);
    color: var(--hs-text);
    box-shadow: inset 0 -1px 0 rgba(105, 232, 255, 0.08);
    font-family: var(--hs-font-ui);
  }

  & .window-header :where(.header-button, .header-control, button.close, a.close) {
    display: inline-grid;
    width: 26px;
    min-width: 26px;
    height: 26px;
    min-height: 26px;
    place-items: center;
    padding: 0;
    border: 1px solid transparent;
    border-radius: var(--hs-radius);
    background: transparent;
    color: var(--hs-muted);
    box-shadow: none;
    line-height: 1;
  }

  & .window-header :where(.header-button, .header-control, button.close, a.close) :where(i, svg) {
    margin: 0;
    font-size: 13px;
    text-indent: 0;
  }

  & .window-header :where(.header-button.close, .header-control.close, .header-control[data-action="close"], button.close, a.close) {
    font-size: 0;
  }

  & .window-header :where(.header-button.close, .header-control.close, .header-control[data-action="close"], button.close, a.close):not(:has(i, svg))::before {
    content: "\00d7";
    display: block;
    font-family: var(--hs-font-ui);
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
  }

  & .window-header :where(.header-button, .header-control, button.close, a.close):where(:hover, :focus-visible) {
    border-color: var(--hs-line);
    background: rgba(105, 232, 255, 0.1);
    color: var(--hs-text);
    box-shadow: var(--hs-glow-cyan);
    outline: none;
  }

  & .window-resizable-handle {
    right: 8px;
    bottom: 8px;
    width: 18px;
    height: 18px;
    border: 1px solid var(--hs-line);
    border-radius: var(--hs-radius);
    background: rgba(2, 13, 24, 0.9);
    color: var(--hs-cyan);
    box-shadow: var(--hs-glow-cyan);
    cursor: nwse-resize;
  }

  & .window-resizable-handle > * {
    display: none;
  }

  & .window-resizable-handle::before {
    content: "";
    position: absolute;
    right: 4px;
    bottom: 4px;
    width: 9px;
    height: 9px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
  }

  & .window-resizable-handle::after {
    content: "";
    position: absolute;
    right: 4px;
    bottom: 8px;
    width: 5px;
    height: 5px;
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    opacity: 0.72;
  }
}

/* ── Button base styles ─────────────────────────────────────────────────────
   Note: these use the inner "shell" class names (not the outer window names)
   so that button styling applies wherever the shell component is rendered.
   ─────────────────────────────────────────────────────────────────────────── */
:where(
  .bounty-board-window,
  .bounty-editor-window,
  .csi-toolkit,
  .galaxy-map-framework,
  .gmf-crud-dialog,
  .cybercall-app,
  .cybercall-composer-app,
  .cybercall-contacts-app,
  .holosuite-phone,
  .hcci-config-window,
  .holosuite-hacking-launcher,
  .node-intrusion-shell,
  .signal-alignment-shell,
  .pulse-scanner,
  .security-camera-manager,
  .security-camera-feed
) :where(button, .dialog-button) {
  min-height: var(--hs-control-min-height);
  border: 1px solid var(--hs-border-subtle);
  border-radius: var(--hs-radius);
  background: var(--hs-surface-control);
  color: var(--hs-text-primary);
  box-shadow: var(--hs-shadow-control);
  cursor: pointer;
  font-family: var(--hs-font-ui);
  transition: border-color var(--hs-transition-fast), box-shadow var(--hs-transition-fast), background var(--hs-transition-fast), color var(--hs-transition-fast), opacity var(--hs-transition-fast);
}

:where(
  .bounty-board-window,
  .bounty-editor-window,
  .csi-toolkit,
  .galaxy-map-framework,
  .gmf-crud-dialog,
  .cybercall-app,
  .cybercall-composer-app,
  .cybercall-contacts-app,
  .holosuite-phone,
  .hcci-config-window,
  .holosuite-hacking-launcher,
  .node-intrusion-shell,
  .signal-alignment-shell,
  .pulse-scanner,
  .security-camera-manager,
  .security-camera-feed
) :where(button, .dialog-button):where(:hover, :focus-visible) {
  border-color: var(--hs-border-strong);
  background: var(--hs-surface-control-hover);
  box-shadow: var(--hs-glow-cyan), var(--hs-shadow-control);
  outline: none;
}

:where(
  .bounty-board-window,
  .bounty-editor-window,
  .csi-toolkit,
  .galaxy-map-framework,
  .gmf-crud-dialog,
  .cybercall-app,
  .cybercall-composer-app,
  .cybercall-contacts-app,
  .holosuite-phone,
  .hcci-config-window,
  .holosuite-hacking-launcher,
  .node-intrusion-shell,
  .signal-alignment-shell,
  .pulse-scanner,
  .security-camera-manager,
  .security-camera-feed
) :where(button, .dialog-button):disabled {
  cursor: not-allowed;
  filter: grayscale(1);
  opacity: var(--hs-disabled-opacity);
}

/* ── Form field base styles ─────────────────────────────────────────────────── */
:where(
  .bounty-board-window,
  .bounty-editor-window,
  .csi-toolkit,
  .galaxy-map-framework,
  .gmf-crud-dialog,
  .cybercall-composer-app,
  .cybercall-contacts-app,
  .hcci-config-window,
  .holosuite-hacking-launcher,
  .pulse-scanner,
  .security-camera-manager
) :where(input, select, textarea) {
  border: 1px solid var(--hs-border-subtle);
  border-radius: var(--hs-radius);
  background: var(--hs-field);
  color: var(--hs-text-primary);
  box-shadow: inset 0 0 12px rgba(105, 232, 255, 0.06);
}

:where(
  .bounty-board-window,
  .bounty-editor-window,
  .csi-toolkit,
  .galaxy-map-framework,
  .gmf-crud-dialog,
  .cybercall-composer-app,
  .cybercall-contacts-app,
  .hcci-config-window,
  .holosuite-hacking-launcher,
  .pulse-scanner,
  .security-camera-manager
) :where(input, select, textarea):focus {
  border-color: var(--hs-border-strong);
  box-shadow: var(--hs-focus-ring), inset 0 0 12px rgba(105, 232, 255, 0.08);
  outline: none;
}

/* ── Kicker label styles ─────────────────────────────────────────────────────── */
:where(
  .bounty-board-window,
  .bounty-editor-window,
  .csi-toolkit,
  .galaxy-map-framework,
  .cybercall-composer-app,
  .cybercall-contacts-app,
  .holosuite-phone,
  .hcci-config-window,
  .holosuite-hacking-launcher,
  .node-intrusion-shell,
  .signal-alignment-shell,
  .pulse-scanner,
  .security-camera-manager
) :where(.bb-kicker, .csi-kicker, .gmf-kicker, .cybercall-kicker, .cybercall-composer-kicker, .cybercall-contacts-kicker, .holosuite-kicker, .hcci-kicker, .node-intrusion-kicker, .signal-alignment-kicker, .pulse-scanner-kicker, .security-camera-kicker) {
  color: var(--hs-color-primary);
  letter-spacing: 0;
  text-transform: uppercase;
}

/* ── Card and panel styles ─────────────────────────────────────────────────── */
:where(
  .bb-card,
  .bb-chat-card,
  .csi-manager-section,
  .csi-editor-card,
  .csi-card,
  .csi-report,
  .csi-board-section,
  .gmf-map-card,
  .gmf-manager-preview__panel,
  .gmf-crud-section,
  .gmf-dialog-row,
  .cybercall-composer,
  .cybercall-contacts,
  .holosuite-app-tile,
  .hcci-config-row,
  .node-intrusion-map,
  .signal-alignment-board,
  .signal-channel,
  .pulse-scanner-target-card,
  .security-camera-monitor-list,
  .security-camera-monitor-preview,
  .security-camera-editor
) {
  border-color: var(--hs-border-subtle);
  background: var(--hs-surface-card);
  box-shadow: var(--hs-shadow-panel);
}

:where(
  .bb-empty,
  .csi-empty-state,
  .csi-empty-workspace,
  .gmf-empty,
  .hcci-empty,
  .pulse-scanner-empty-state,
  .security-camera-empty
) {
  border-color: var(--hs-border-subtle);
  color: var(--hs-text-secondary);
}

:where(
  .bounty-board-window,
  .bounty-editor-window,
  .csi-toolkit,
  .galaxy-map,
  .galaxy-map-framework,
  .gmf-crud-dialog,
  .cybercall-app,
  .cybercall-composer-app,
  .cybercall-contacts-app,
  .holosuite-launcher-window,
  .hcci-config-window,
  .holosuite-hacking-window,
  .holosuite-hacking-launcher-window,
  .holosuite-hacking-start-dialog,
  .node-intrusion-window,
  .signal-alignment-window,
  .pulse-scanner,
  .security-camera-window,
  .security-camera-feed-window
) :where(.window-resizable-handle, .window-resize-handle) {
  right: 8px;
  bottom: 8px;
  width: 18px;
  height: 18px;
  padding: 0;
  border: 1px solid var(--hs-line);
  border-radius: var(--hs-radius);
  background: rgba(2, 13, 24, 0.9);
  color: var(--hs-cyan);
  box-shadow: var(--hs-glow-cyan);
  cursor: nwse-resize;
  font-size: 0;
  line-height: 1;
  overflow: hidden;
}

:where(
  .bounty-board-window,
  .bounty-editor-window,
  .csi-toolkit,
  .galaxy-map,
  .galaxy-map-framework,
  .gmf-crud-dialog,
  .cybercall-app,
  .cybercall-composer-app,
  .cybercall-contacts-app,
  .holosuite-launcher-window,
  .hcci-config-window,
  .holosuite-hacking-window,
  .holosuite-hacking-launcher-window,
  .holosuite-hacking-start-dialog,
  .node-intrusion-window,
  .signal-alignment-window,
  .pulse-scanner,
  .security-camera-window,
  .security-camera-feed-window
) :where(.window-resizable-handle, .window-resize-handle) > * {
  display: none !important;
}

:where(
  .bounty-board-window,
  .bounty-editor-window,
  .csi-toolkit,
  .galaxy-map,
  .galaxy-map-framework,
  .gmf-crud-dialog,
  .cybercall-app,
  .cybercall-composer-app,
  .cybercall-contacts-app,
  .holosuite-launcher-window,
  .hcci-config-window,
  .holosuite-hacking-window,
  .holosuite-hacking-launcher-window,
  .holosuite-hacking-start-dialog,
  .node-intrusion-window,
  .signal-alignment-window,
  .pulse-scanner,
  .security-camera-window,
  .security-camera-feed-window
) :where(.window-resizable-handle, .window-resize-handle)::before {
  content: "";
  position: absolute;
  right: 4px;
  bottom: 4px;
  width: 9px;
  height: 9px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
}

:where(
  .bounty-board-window,
  .bounty-editor-window,
  .csi-toolkit,
  .galaxy-map,
  .galaxy-map-framework,
  .gmf-crud-dialog,
  .cybercall-app,
  .cybercall-composer-app,
  .cybercall-contacts-app,
  .holosuite-launcher-window,
  .hcci-config-window,
  .holosuite-hacking-window,
  .holosuite-hacking-launcher-window,
  .holosuite-hacking-start-dialog,
  .node-intrusion-window,
  .signal-alignment-window,
  .pulse-scanner,
  .security-camera-window,
  .security-camera-feed-window
) :where(.window-resizable-handle, .window-resize-handle)::after {
  content: "";
  position: absolute;
  right: 4px;
  bottom: 8px;
  width: 5px;
  height: 5px;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  opacity: 0.72;
}

/* v12 compatibility: explicit selectors for systems that override or miss nested CSS. */
:root[data-holosuite-foundry-generation="12"] :where(
  .bounty-board-window,
  .bounty-editor-window,
  .csi-toolkit,
  .galaxy-map,
  .galaxy-map-framework,
  .gmf-crud-dialog,
  .cybercall-app,
  .cybercall-composer-app,
  .cybercall-contacts-app,
  .holosuite-launcher-window,
  .hcci-config-window,
  .holosuite-hacking-window,
  .holosuite-hacking-launcher-window,
  .holosuite-hacking-start-dialog,
  .node-intrusion-window,
  .signal-alignment-window,
  .pulse-scanner,
  .security-camera-window,
  .security-camera-feed-window
) {
  color: var(--hs-text) !important;
  color-scheme: dark;
  font-family: var(--hs-font-ui) !important;
  letter-spacing: 0;
}

:root[data-holosuite-foundry-generation="12"] :where(
  .bounty-board-window,
  .bounty-editor-window,
  .csi-toolkit,
  .galaxy-map,
  .galaxy-map-framework,
  .gmf-crud-dialog,
  .cybercall-app,
  .cybercall-composer-app,
  .cybercall-contacts-app,
  .holosuite-launcher-window,
  .hcci-config-window,
  .holosuite-hacking-window,
  .holosuite-hacking-launcher-window,
  .holosuite-hacking-start-dialog,
  .node-intrusion-window,
  .signal-alignment-window,
  .pulse-scanner,
  .security-camera-window,
  .security-camera-feed-window
) * {
  box-sizing: border-box;
}

:root[data-holosuite-foundry-generation="12"] :where(
  .bounty-board-window,
  .bounty-editor-window,
  .csi-toolkit,
  .galaxy-map,
  .galaxy-map-framework,
  .gmf-crud-dialog,
  .cybercall-app,
  .cybercall-composer-app,
  .cybercall-contacts-app,
  .holosuite-launcher-window,
  .hcci-config-window,
  .holosuite-hacking-window,
  .holosuite-hacking-launcher-window,
  .holosuite-hacking-start-dialog,
  .node-intrusion-window,
  .signal-alignment-window,
  .pulse-scanner,
  .security-camera-window,
  .security-camera-feed-window
) :where(.window-content, .window-content.standard-form) {
  background: var(--hs-surface-bg) !important;
  color: var(--hs-text) !important;
}

:root[data-holosuite-foundry-generation="12"] :where(
  .bounty-board-window,
  .bounty-editor-window,
  .csi-toolkit,
  .galaxy-map,
  .galaxy-map-framework,
  .gmf-crud-dialog,
  .cybercall-app,
  .cybercall-composer-app,
  .cybercall-contacts-app,
  .holosuite-launcher-window,
  .hcci-config-window,
  .holosuite-hacking-window,
  .holosuite-hacking-launcher-window,
  .holosuite-hacking-start-dialog,
  .node-intrusion-window,
  .signal-alignment-window,
  .pulse-scanner,
  .security-camera-window,
  .security-camera-feed-window
) :where(.window-header) {
  border-bottom: 1px solid var(--hs-line) !important;
  background: var(--hs-window-header-bg) !important;
  color: var(--hs-text) !important;
  box-shadow: inset 0 -1px 0 rgba(105, 232, 255, 0.08);
  font-family: var(--hs-font-ui) !important;
}

:root[data-holosuite-foundry-generation="12"] :where(
  .bounty-board-window,
  .bounty-editor-window,
  .csi-toolkit,
  .galaxy-map-framework,
  .gmf-crud-dialog,
  .cybercall-app,
  .cybercall-composer-app,
  .cybercall-contacts-app,
  .holosuite-phone,
  .hcci-config-window,
  .holosuite-hacking-launcher,
  .node-intrusion-shell,
  .signal-alignment-shell,
  .pulse-scanner,
  .security-camera-manager,
  .security-camera-feed
) :where(button, .dialog-button) {
  min-height: var(--hs-control-min-height);
  border: 1px solid var(--hs-border-subtle) !important;
  border-radius: var(--hs-radius);
  background: var(--hs-surface-control) !important;
  color: var(--hs-text-primary) !important;
  box-shadow: var(--hs-shadow-control);
  font-family: var(--hs-font-ui) !important;
}

:root[data-holosuite-foundry-generation="12"] :where(
  .bounty-board-window,
  .bounty-editor-window,
  .csi-toolkit,
  .galaxy-map-framework,
  .gmf-crud-dialog,
  .cybercall-app,
  .cybercall-composer-app,
  .cybercall-contacts-app,
  .holosuite-phone,
  .hcci-config-window,
  .holosuite-hacking-launcher,
  .node-intrusion-shell,
  .signal-alignment-shell,
  .pulse-scanner,
  .security-camera-manager,
  .security-camera-feed
) :where(button, .dialog-button):where(:hover, :focus-visible) {
  border-color: var(--hs-border-strong) !important;
  background: var(--hs-surface-control-hover) !important;
  box-shadow: var(--hs-glow-cyan), var(--hs-shadow-control);
  outline: none;
}

:root[data-holosuite-foundry-generation="12"] :where(
  .bounty-board-window,
  .bounty-editor-window,
  .csi-toolkit,
  .galaxy-map-framework,
  .gmf-crud-dialog,
  .cybercall-composer-app,
  .cybercall-contacts-app,
  .hcci-config-window,
  .holosuite-hacking-launcher,
  .pulse-scanner,
  .security-camera-manager
) :where(input, select, textarea) {
  border: 1px solid var(--hs-border-subtle) !important;
  border-radius: var(--hs-radius);
  background: var(--hs-field) !important;
  color: var(--hs-text-primary) !important;
  box-shadow: inset 0 0 12px rgba(105, 232, 255, 0.06);
  font-family: var(--hs-font-ui) !important;
}

:root[data-holosuite-foundry-generation="12"] :where(
  .bb-card,
  .bb-chat-card,
  .csi-manager-section,
  .csi-editor-card,
  .csi-card,
  .csi-report,
  .csi-board-section,
  .gmf-map-card,
  .gmf-manager-preview__panel,
  .gmf-crud-section,
  .gmf-dialog-row,
  .cybercall-composer,
  .cybercall-contacts,
  .holosuite-app-tile,
  .hcci-config-row,
  .node-intrusion-map,
  .signal-alignment-board,
  .signal-channel,
  .pulse-scanner-target-card,
  .security-camera-monitor-list,
  .security-camera-monitor-preview,
  .security-camera-editor
) {
  border-color: var(--hs-border-subtle) !important;
  background: var(--hs-surface-card) !important;
  box-shadow: var(--hs-shadow-panel);
}