/**
 * Orcastra WHMCS client theme — app.orcastra.io design tokens (gold standard)
 * Light + dark (prefers-color-scheme). Geist. Brand CTA: #7c3aed.
 * Unencrypted / readable source. No ionCube.
 *
 * Deprecated Hub palette (do not use as brand/bg): #703def, #f5f4ff, #321D71, #F7F7F5
 */

@import url('https://cdn.jsdelivr.net/npm/geist@1.3.1/dist/fonts/geist-sans/style.css');
@import url('https://cdn.jsdelivr.net/npm/geist@1.3.1/dist/fonts/geist-mono/style.css');

/* -------------------------------------------------------------------------- */
/* Brand tokens — app.orcastra.io light :root                                 */
/* -------------------------------------------------------------------------- */
:root {
  /* Brand scale aligned to #7c3aed (Authentik + app dark primary) */
  --brand-50: hsl(262 83% 96%);
  --brand-100: hsl(263 80% 92%);
  --brand-400: #a78bfa;
  --brand-500: #8b5cf6;
  --brand-600: #7c3aed;
  --brand-700: #6d28d9;
  --brand-800: #5b21b6;
  --brand-950: hsl(263 70% 20%);
  --brand-logo-secondary: #8b5cf6;

  --orca-brand: #7c3aed;
  --orca-brand-hover: #6d28d9;
  --orca-brand-active: #5b21b6;
  --orca-accent-soft: #a78bfa;
  --orca-ring: #7c3aed;

  /* Light surfaces — app.orcastra.io */
  --orca-bg: hsl(220 13% 96%);          /* ≈ #f1f3f6 */
  --orca-bg-pure: #ffffff;
  --orca-fg: hsl(222 47% 11%);
  --orca-card: hsl(0 0% 98%);
  --orca-popover: #ffffff;
  --orca-secondary: hsl(220 13% 91%);
  --orca-muted: hsl(220 13% 91%);
  --orca-muted-fg: hsl(220 9% 40%);
  --orca-dim: hsl(222 20% 35%);
  --orca-border: hsl(220 13% 87%);
  --orca-input: hsl(220 13% 87%);
  --orca-input-bg: #ffffff;
  --orca-sidebar: #ffffff;
  --orca-footer-bg: hsl(222 47% 11%);
  --orca-footer-fg: hsl(0 0% 98%);
  --orca-destructive: #dc2626;
  --orca-success: #16a34a;
  --orca-warn: #ca8a04;
  --orca-radius: 0.75rem;
  --orca-radius-pill: 999px;
  --orca-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.06);
  --orca-font: "Geist Sans", "Geist", Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --orca-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Remap Bootstrap / Twenty-One */
  --primary: #7c3aed;
  --indigo: #7c3aed;
  --success: #16a34a;
  --danger: #dc2626;
  --light: hsl(220 13% 91%);
  --dark: hsl(222 47% 11%);
  --font-family-sans-serif: var(--orca-font);
  --font-family-monospace: var(--orca-mono);
}

/* Dark — app.orcastra.io / Authentik shell */

html[data-theme="dark"] {
    --orca-bg: hsl(240 10% 3.9%);
    --orca-bg-pure: hsl(240 6% 7%);
    --orca-fg: hsl(0 0% 98%);
    --orca-card: hsl(240 10% 3.9%);
    --orca-popover: hsl(240 5% 10%);
    --orca-secondary: hsl(240 3.7% 15.9%);
    --orca-muted: hsl(240 3.7% 15.9%);
    --orca-muted-fg: hsl(240 5% 64.9%);
    --orca-dim: hsl(240 5% 84%);
    --orca-border: hsl(240 3.7% 15.9%);
    --orca-input: hsl(240 3.7% 15.9%);
    --orca-input-bg: hsl(240 3.7% 15.9%);
    --orca-sidebar: hsl(240 6% 7%);
    --orca-footer-bg: hsl(240 6% 7%);
    --orca-footer-fg: hsl(0 0% 98%);
    --orca-destructive: hsl(0 62.8% 30.6%);
    --orca-shadow: 0 1px 2px rgba(0, 0, 0, 0.45), 0 12px 32px rgba(0, 0, 0, 0.35);
    --orca-brand: #7c3aed;
    --orca-brand-hover: #6d28d9;
    --orca-brand-active: #5b21b6;
    --orca-accent-soft: #a78bfa;
    --orca-ring: #7c3aed;
    --primary: #7c3aed;
    --brand-50: hsl(263.4 40% 16%);
  }


/* -------------------------------------------------------------------------- */
/* Base                                                                       */
/* -------------------------------------------------------------------------- */
html {
  font-family: var(--orca-font);
}

body,
body.primary-bg-color,
.primary-bg-color {
  background-color: var(--orca-bg) !important;
  color: var(--orca-fg);
  font-family: var(--orca-font);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: var(--orca-fg);
  font-family: var(--orca-font);
  font-weight: 650;
  letter-spacing: -0.02em;
}

p {
  color: var(--orca-dim);
}

.text-muted,
.text-secondary {
  color: var(--orca-muted-fg) !important;
}

a {
  color: var(--orca-brand);
}
a:hover,
a:focus {
  color: var(--orca-brand-hover);
}

code, kbd, pre, samp {
  font-family: var(--orca-mono);
  background-color: var(--orca-muted);
  color: var(--orca-fg);
  border-radius: calc(var(--orca-radius) - 0.25rem);
}

pre {
  border: 1px solid var(--orca-border);
  padding: 0.75rem 1rem;
}

/* -------------------------------------------------------------------------- */
/* Primary buttons & accents                                                  */
/* -------------------------------------------------------------------------- */
.btn {
  font-family: var(--orca-font);
  font-weight: 500;
  border-radius: var(--orca-radius);
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease, color 0.15s ease;
}

.btn-primary,
.btn-primary:not(:disabled):not(.disabled) {
  color: #fff !important;
  background-color: var(--orca-brand) !important;
  border-color: var(--orca-brand) !important;
  box-shadow: 0 6px 16px rgba(124, 58, 237, 0.22);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus {
  color: #fff !important;
  background-color: var(--orca-brand-hover) !important;
  border-color: var(--orca-brand-hover) !important;
  box-shadow: 0 0 0 0.2rem rgba(124, 58, 237, 0.28);
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff !important;
  background-color: var(--orca-brand-active) !important;
  border-color: var(--orca-brand-active) !important;
}

.btn-outline-primary {
  color: var(--orca-brand) !important;
  border-color: var(--orca-brand) !important;
  background-color: transparent !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active {
  color: #fff !important;
  background-color: var(--orca-brand) !important;
  border-color: var(--orca-brand) !important;
}

.btn-default,
.btn-secondary,
.btn-light {
  background-color: var(--orca-card) !important;
  border-color: var(--orca-border) !important;
  color: var(--orca-fg) !important;
}
.btn-default:hover,
.btn-secondary:hover,
.btn-light:hover {
  background-color: var(--orca-muted) !important;
  border-color: var(--orca-border) !important;
  color: var(--orca-fg) !important;
}

.btn-outline-secondary,
.btn-outline-default,
.btn-outline-light {
  color: var(--orca-fg) !important;
  border-color: var(--orca-border) !important;
  background-color: transparent !important;
}
.btn-outline-secondary:hover,
.btn-outline-default:hover,
.btn-outline-light:hover {
  background-color: var(--orca-muted) !important;
  border-color: var(--orca-border) !important;
  color: var(--orca-fg) !important;
}

.btn-success {
  background-color: var(--orca-success) !important;
  border-color: var(--orca-success) !important;
  color: #fff !important;
}

.btn-danger {
  background-color: var(--orca-destructive) !important;
  border-color: var(--orca-destructive) !important;
  color: #fff !important;
}

.badge-primary,
.bg-primary,
.label-primary {
  background-color: var(--orca-brand) !important;
  border-color: var(--orca-brand) !important;
  color: #fff !important;
}

.text-primary {
  color: var(--orca-brand) !important;
}

.border-primary {
  border-color: var(--orca-brand) !important;
}

/* -------------------------------------------------------------------------- */
/* Alerts                                                                     */
/* -------------------------------------------------------------------------- */
.alert {
  border-radius: var(--orca-radius);
  border: 1px solid var(--orca-border);
  background-color: var(--orca-card);
  color: var(--orca-fg);
}

.alert-primary {
  color: var(--brand-950);
  background-color: var(--brand-50);
  border-color: hsl(263 60% 85%);
}

.alert-danger,
.alert-error {
  color: #7f1d1d;
  background-color: #fef2f2;
  border-color: #fecaca;
}

.alert-success {
  color: #14532d;
  background-color: #f0fdf4;
  border-color: #bbf7d0;
}

.alert-warning {
  color: #713f12;
  background-color: #fefce8;
  border-color: #fde68a;
}

.alert-info {
  color: hsl(222 47% 20%);
  background-color: hsl(220 13% 94%);
  border-color: var(--orca-border);
}

/* -------------------------------------------------------------------------- */
/* Pagination                                                                 */
/* -------------------------------------------------------------------------- */
.page-item.active .page-link,
.pagination > .active > a,
.pagination > .active > span {
  background-color: var(--orca-brand) !important;
  border-color: var(--orca-brand) !important;
  color: #fff !important;
}
.page-link,
.pagination > li > a {
  color: var(--orca-brand);
  background-color: var(--orca-card);
  border-color: var(--orca-border);
  border-radius: var(--orca-radius);
}
.page-link:hover {
  color: var(--orca-brand-hover);
  background-color: var(--brand-50);
  border-color: hsl(263 60% 85%);
}
.pagination {
  gap: 0.25rem;
}
.page-item:first-child .page-link,
.page-item:last-child .page-link {
  border-radius: var(--orca-radius);
}

.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--orca-brand);
  border-color: var(--orca-brand);
}

/* -------------------------------------------------------------------------- */
/* Nav tabs / pills                                                           */
/* -------------------------------------------------------------------------- */
.nav-pills .nav-link.active,
.nav-tabs .nav-link.active {
  color: var(--orca-brand);
  border-color: var(--orca-border) var(--orca-border) var(--orca-card);
  background-color: var(--orca-card);
}
.nav-pills .nav-link.active {
  background-color: var(--orca-brand);
  color: #fff;
  border-radius: var(--orca-radius);
}
.nav-tabs {
  border-bottom-color: var(--orca-border);
}
.nav-tabs .nav-link {
  color: var(--orca-muted-fg);
  border-radius: var(--orca-radius) var(--orca-radius) 0 0;
}
.nav-tabs .nav-link:hover {
  border-color: var(--orca-border);
  color: var(--orca-fg);
}

.list-group-item.active {
  background-color: var(--orca-brand);
  border-color: var(--orca-brand);
  color: #fff;
}

.progress {
  background-color: var(--orca-muted);
  border-radius: var(--orca-radius);
}
.progress-bar {
  background-color: var(--orca-brand);
}

/* -------------------------------------------------------------------------- */
/* Header / navbar / topbar — fully dark-aware                                */
/* -------------------------------------------------------------------------- */
header.header,
#header,
.header {
  background-color: var(--orca-sidebar) !important;
  border-bottom: 1px solid var(--orca-border);
  position: sticky;
  top: 0;
  z-index: 1030;
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
}

header.header .topbar,
#header .topbar,
.topbar {
  background-color: hsl(222 47% 11%) !important;
  color: rgba(245, 245, 245, 0.75);
}
header.header .topbar .btn,
header.header .topbar .active-client .btn,
header.header .topbar .active-client .input-group-text,
.topbar .btn,
.topbar a {
  color: rgba(245, 245, 245, 0.85) !important;
}

header.header .navbar,
header.header .navbar-light,
#header .navbar,
.navbar {
  background-color: var(--orca-sidebar) !important;
  border-color: var(--orca-border);
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
}

header.header .navbar-brand,
#header .navbar-brand {
  color: var(--orca-fg) !important;
  font-weight: 700;
  letter-spacing: -0.02em;
}
header.header .logo-img {
  max-height: 40px;
}

header.header .nav-link,
header.header .toolbar .nav-link,
#header .nav-link {
  color: var(--orca-muted-fg) !important;
  border-color: var(--orca-border) !important;
  border-radius: var(--orca-radius);
}
header.header .nav-link:hover,
header.header .toolbar .nav-link:hover,
header.header .nav-link.active,
#header .nav-link:hover,
#header .nav-link.active {
  color: var(--orca-brand) !important;
  background-color: var(--brand-50);
  border-color: hsl(263 60% 85%) !important;
}

header.header .form-control,
header.header .search .form-control {
  background-color: #ffffff;
  border-color: var(--orca-border);
  border-radius: var(--orca-radius);
  color: var(--orca-fg);
}
html[data-theme="dark"] header.header .form-control,
html[data-theme="dark"] header.header .search .form-control {
  background-color: var(--orca-muted);
}
header.header .search .btn {
  border-color: var(--orca-border);
  color: var(--orca-muted-fg);
  border-radius: var(--orca-radius);
}

#main-menu,
.main-navbar,
nav.navbar.navbar-expand-xl {
  background-color: var(--orca-sidebar);
  border-bottom: 1px solid var(--orca-border);
}

#mainNavbar .nav-link,
.navbar-light .navbar-nav .nav-link {
  color: var(--orca-muted-fg);
  font-weight: 500;
}
#mainNavbar .nav-link:hover,
#mainNavbar .nav-link.active,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .active > .nav-link {
  color: var(--orca-brand) !important;
}

/* -------------------------------------------------------------------------- */
/* Dropdowns                                                                  */
/* -------------------------------------------------------------------------- */
.dropdown-menu {
  border: 1px solid var(--orca-border);
  border-radius: var(--orca-radius);
  box-shadow: var(--orca-shadow);
  background-color: var(--orca-popover);
  padding: 0.35rem;
}
.dropdown-item {
  color: var(--orca-fg);
  border-radius: calc(var(--orca-radius) - 0.25rem);
}
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active {
  background-color: var(--brand-50);
  color: var(--orca-brand);
}
.dropdown-divider {
  border-top-color: var(--orca-border);
}

/* -------------------------------------------------------------------------- */
/* Cards / panels / tiles / sidebar                                           */
/* -------------------------------------------------------------------------- */
.card,
.panel,
.mc-promo-manage,
.mc-promo-login,
.tile,
.client-home-panels .panel,
.primary-content .card,
.primary-content .mc-promo-manage,
.primary-content .mc-promo-login,
.panel-sidebar {
  background-color: var(--orca-card) !important;
  border: 1px solid var(--orca-border) !important;
  border-radius: var(--orca-radius) !important;
  box-shadow: var(--orca-shadow);
  color: var(--orca-fg);
}

.card-header,
.panel-heading,
.card-footer,
.panel-footer {
  background-color: var(--orca-muted) !important;
  border-color: var(--orca-border) !important;
  color: var(--orca-fg);
  border-radius: var(--orca-radius) var(--orca-radius) 0 0;
}
.card-footer,
.panel-footer {
  border-radius: 0 0 var(--orca-radius) var(--orca-radius);
}

.card-title,
.panel-title,
.primary-content .card-title {
  color: var(--orca-fg);
  font-weight: 650;
}

.card-body,
.panel-body {
  color: var(--orca-dim);
}

.list-group-item {
  border-color: var(--orca-border);
  background-color: var(--orca-card);
  color: var(--orca-fg);
}
.list-group-item-action:hover,
.list-group-item-action:focus {
  background-color: var(--orca-muted);
  color: var(--orca-fg);
}

.sidebar .card,
.sidebar .panel,
.sidebar .list-group,
.sidebar .panel-sidebar {
  border-radius: var(--orca-radius);
  border-color: var(--orca-border);
  background-color: var(--orca-card);
}
.sidebar .card-header,
.sidebar .panel-heading {
  background: var(--brand-50) !important;
  color: var(--orca-brand);
  font-weight: 600;
  border-bottom: 1px solid var(--orca-border);
}

.primary-content,
.main-content,
#main-body {
  color: var(--orca-fg);
}

/* -------------------------------------------------------------------------- */
/* Forms & inputs                                                             */
/* -------------------------------------------------------------------------- */
.form-control,
.custom-select,
select.form-control,
textarea.form-control,
.form-control-sm,
.form-control-lg {
  background-color: var(--orca-input-bg) !important;
  border: 1px solid var(--orca-input) !important;
  border-radius: var(--orca-radius);
  color: var(--orca-fg) !important;
  font-family: var(--orca-font);
}
.form-control::placeholder {
  color: var(--orca-muted-fg);
  opacity: 1;
}
.form-control:focus,
.custom-select:focus {
  border-color: #c4b5fd !important;
  box-shadow: 0 0 0 0.2rem rgba(124, 58, 237, 0.18);
  background-color: var(--orca-card) !important;
  color: var(--orca-fg) !important;
}

.input-group-text {
  background-color: var(--orca-muted);
  border-color: var(--orca-border);
  color: var(--orca-muted-fg);
  border-radius: var(--orca-radius);
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-prepend .input-group-text,
.input-group-append .input-group-text,
.input-group-prepend .btn,
.input-group-append .btn {
  border-radius: var(--orca-radius);
}

label,
.col-form-label,
.control-label {
  color: var(--orca-dim);
}

body.primary-bg-color .logincontainer,
.logincontainer,
.primary-content .card.mw-540,
.primary-content .mw-540.mc-promo-login,
div.login-form,
#login,
.providerLinkingFeedback + .card,
.main-content .card.mx-auto {
  border-radius: var(--orca-radius) !important;
  border: 1px solid var(--orca-border) !important;
  box-shadow: var(--orca-shadow);
  background: var(--orca-card) !important;
}

.logincontainer {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

/* -------------------------------------------------------------------------- */
/* Tables                                                                     */
/* -------------------------------------------------------------------------- */
.table,
.table-striped,
.domain-pricing,
#tableDomainsPricing,
.table-list {
  color: var(--orca-fg);
  background-color: var(--orca-card);
  border-color: var(--orca-border);
}

.table thead th,
.domain-pricing thead th {
  background-color: var(--orca-muted);
  border-bottom: 1px solid var(--orca-border);
  color: var(--orca-fg);
  font-weight: 600;
  font-size: 0.875rem;
}

.table td,
.table th,
.domain-pricing td {
  border-color: var(--orca-border);
  vertical-align: middle;
  color: var(--orca-dim);
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: color-mix(in srgb, var(--orca-muted) 55%, transparent);
}

.table-striped tbody tr:nth-of-type(even) {
  background-color: var(--orca-card);
}

.table-hover tbody tr:hover {
  background-color: var(--brand-50);
  color: var(--orca-fg);
}

.table-bordered,
.table-bordered td,
.table-bordered th {
  border-color: var(--orca-border);
}

.dataTables_wrapper {
  color: var(--orca-dim);
}
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
  background-color: var(--orca-card);
  border: 1px solid var(--orca-border);
  color: var(--orca-fg);
  border-radius: var(--orca-radius);
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  color: var(--orca-brand) !important;
  background: var(--orca-card) !important;
  border: 1px solid var(--orca-border) !important;
  border-radius: var(--orca-radius) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: var(--orca-brand) !important;
  border-color: var(--orca-brand) !important;
  color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: var(--brand-50) !important;
  color: var(--orca-brand-hover) !important;
  border-color: hsl(263 60% 85%) !important;
}

/* -------------------------------------------------------------------------- */
/* Client home tiles & status                                                 */
/* -------------------------------------------------------------------------- */
.tiles .tile,
.client-home-cards .card {
  border-radius: var(--orca-radius);
  border: 1px solid var(--orca-border);
  background: var(--orca-card);
  box-shadow: var(--orca-shadow);
}
.tiles .tile .stat {
  color: var(--orca-brand);
  font-weight: 700;
}
.tiles .tile .title,
.tiles .tile .highlight {
  color: var(--orca-fg);
}

.label-success,
.badge-success,
.status-active,
.label.status.active {
  background-color: var(--orca-success) !important;
  color: #fff !important;
}

.label-danger,
.badge-danger {
  background-color: var(--orca-destructive) !important;
}

.label-warning,
.badge-warning {
  background-color: var(--orca-warn) !important;
  color: #fff !important;
}

/* -------------------------------------------------------------------------- */
/* KB / announcements                                                         */
/* -------------------------------------------------------------------------- */
.kb-article,
.kb-article-item,
.kb-search,
.kb-popular,
.kb-categories,
.kb-category,
.announcement,
.announcements .announcement,
.announcement-single {
  background: var(--orca-card);
  border: 1px solid var(--orca-border);
  border-radius: var(--orca-radius);
  padding: 1.25rem;
  box-shadow: var(--orca-shadow);
  color: var(--orca-dim);
}
.kb-article h1,
.kb-article h2,
.announcement h1,
.announcement h2,
.announcement .title {
  color: var(--orca-fg);
}
.kb-search .form-control {
  border-radius: var(--orca-radius);
}

/* -------------------------------------------------------------------------- */
/* Store / products / pricing (client theme nesting)                          */
/* -------------------------------------------------------------------------- */
.products,
.product,
.product-card,
.pricing-table,
.domain-pricing,
#order-standard_cart,
#order-standard_cart .products,
#order-standard_cart .product,
#order-standard_cart .cart-sidebar,
#order-standard_cart .panel,
#order-standard_cart .card {
  border-radius: var(--orca-radius);
}
.products .product,
.product-card,
#order-standard_cart .product {
  background: var(--orca-card) !important;
  border: 1px solid var(--orca-border) !important;
  border-radius: var(--orca-radius) !important;
  box-shadow: var(--orca-shadow);
  color: var(--orca-fg);
}
#order-standard_cart .btn-primary,
#order-standard_cart .cart-sidebar .btn-success {
  background-color: var(--orca-brand) !important;
  border-color: var(--orca-brand) !important;
  border-radius: var(--orca-radius);
}
#order-standard_cart .cart-sidebar,
#order-standard_cart .order-summary {
  background: var(--orca-card) !important;
  border: 1px solid var(--orca-border) !important;
  border-radius: var(--orca-radius) !important;
}

/* -------------------------------------------------------------------------- */
/* Footer                                                                     */
/* -------------------------------------------------------------------------- */
footer#footer,
footer.footer,
#footer.footer {
  background-color: var(--orca-footer-bg) !important;
  color: var(--orca-footer-fg) !important;
  border-top: 1px solid var(--orca-border);
  padding-top: 2.5rem;
  padding-bottom: 2rem;
  margin-top: 3rem;
}

footer#footer a,
footer.footer a,
footer#footer .nav-link,
footer.footer .nav-link,
footer#footer .copyright,
footer.footer .copyright {
  color: rgba(245, 245, 245, 0.78) !important;
}
footer#footer a:hover,
footer.footer a:hover {
  color: #fff !important;
}
footer#footer .btn,
footer.footer .btn {
  color: var(--orca-footer-fg) !important;
  border-color: rgba(245, 245, 245, 0.2);
  border-radius: var(--orca-radius);
}

/* -------------------------------------------------------------------------- */
/* Modals                                                                     */
/* -------------------------------------------------------------------------- */
.modal-content {
  border: 1px solid var(--orca-border);
  border-radius: var(--orca-radius);
  box-shadow: var(--orca-shadow);
  background-color: var(--orca-card);
  color: var(--orca-fg);
}
.modal-header {
  border-bottom-color: var(--orca-border);
  background: var(--orca-muted);
  color: var(--orca-fg);
  border-radius: var(--orca-radius) var(--orca-radius) 0 0;
}
.modal-footer {
  border-top-color: var(--orca-border);
  background: var(--orca-card);
  border-radius: 0 0 var(--orca-radius) var(--orca-radius);
}
.modal-header .close {
  color: var(--orca-fg);
  text-shadow: none;
  opacity: 0.7;
}

/* -------------------------------------------------------------------------- */
/* Misc polish                                                                */
/* -------------------------------------------------------------------------- */
.breadcrumb {
  background-color: transparent;
  padding-left: 0;
}
.breadcrumb-item a {
  color: var(--orca-brand);
}
.breadcrumb-item.active {
  color: var(--orca-muted-fg);
}
.breadcrumb-item + .breadcrumb-item::before {
  color: var(--orca-muted-fg);
}

hr {
  border-top-color: var(--orca-border);
}

.mc-promo .header,
.promo-banner {
  border-radius: var(--orca-radius);
}

:focus-visible {
  outline: 2px solid var(--orca-brand);
  outline-offset: 2px;
}

.bg-indigo {
  background-color: var(--orca-brand) !important;
}
.text-indigo {
  color: var(--orca-brand) !important;
}

.well,
.jumbotron {
  background-color: var(--orca-card);
  border: 1px solid var(--orca-border);
  color: var(--orca-fg);
  border-radius: var(--orca-radius);
}

.ticket-reply,
.message,
.markdown-content {
  background: var(--orca-card);
  border-color: var(--orca-border);
  color: var(--orca-dim);
  border-radius: var(--orca-radius);
}

.popover {
  background: var(--orca-popover);
  border-color: var(--orca-border);
  color: var(--orca-fg);
  border-radius: var(--orca-radius);
}
.popover-header {
  background: var(--orca-muted);
  border-bottom-color: var(--orca-border);
  color: var(--orca-fg);
}
.tooltip-inner {
  background-color: hsl(222 47% 11%);
  color: #fff;
  border-radius: calc(var(--orca-radius) - 0.25rem);
}

.select2-container--default .select2-selection--single,
.select2-dropdown {
  background-color: var(--orca-card);
  border-color: var(--orca-border);
  color: var(--orca-fg);
  border-radius: var(--orca-radius);
}

/* -------------------------------------------------------------------------- */
/* Dark media — header / alerts / forms / store extras                        */
/* -------------------------------------------------------------------------- */

html[data-theme="dark"] header.header .topbar,
html[data-theme="dark"] #header .topbar,
html[data-theme="dark"] .topbar {
    background-color: hsl(240 6% 5%) !important;
  }

html[data-theme="dark"] .alert-primary {
    color: #e9d5ff;
    background-color: hsl(263.4 40% 16%);
    border-color: hsl(263.4 50% 28%);
  }

html[data-theme="dark"] .alert-danger,
html[data-theme="dark"] .alert-error {
    color: #fecaca;
    background-color: hsl(0 40% 14%);
    border-color: hsl(0 50% 28%);
  }

html[data-theme="dark"] .alert-success {
    color: #bbf7d0;
    background-color: hsl(142 30% 12%);
    border-color: hsl(142 40% 24%);
  }

html[data-theme="dark"] .alert-warning {
    color: #fde68a;
    background-color: hsl(45 40% 12%);
    border-color: hsl(45 50% 28%);
  }

html[data-theme="dark"] .alert-info {
    color: var(--orca-dim);
    background-color: var(--orca-secondary);
    border-color: var(--orca-border);
  }

html[data-theme="dark"] .btn-secondary,
html[data-theme="dark"] .btn-default,
html[data-theme="dark"] .btn-light {
    background-color: var(--orca-secondary) !important;
    border-color: var(--orca-border) !important;
    color: var(--orca-fg) !important;
  }


/* -------------------------------------------------------------------------- */
/* DataTables / list panels — Authentik & app.orcastra.io compact dark cards  */
/* Fixes white table body on dark client area (services list, etc.)           */
/* -------------------------------------------------------------------------- */
/* Main content panels & cards that wrap tables */
html[data-theme="dark"] .main-content .card,
html[data-theme="dark"] .main-content .panel,
html[data-theme="dark"] .main-content .panel-default,
html[data-theme="dark"] .main-content .panel-body,
html[data-theme="dark"] #main-body .card,
html[data-theme="dark"] #main-body .panel,
html[data-theme="dark"] .primary-content .card,
html[data-theme="dark"] .primary-content .panel,
html[data-theme="dark"] .client-area .card,
html[data-theme="dark"] div.card,
html[data-theme="dark"] .panel.panel-default,
html[data-theme="dark"] .panel-sidebar,
html[data-theme="dark"] .list-group {
    background-color: var(--orca-card) !important;
    color: var(--orca-fg) !important;
    border-color: var(--orca-border) !important;
  }

html[data-theme="dark"] .panel-heading,
html[data-theme="dark"] .card-header,
html[data-theme="dark"] .panel-default > .panel-heading {
    background-color: var(--orca-secondary) !important;
    color: var(--orca-fg) !important;
    border-color: var(--orca-border) !important;
  }
/* Breadcrumb strip */
html[data-theme="dark"] .breadcrumb,
html[data-theme="dark"] ol.breadcrumb,
html[data-theme="dark"] nav[aria-label="breadcrumb"] {
    background-color: var(--orca-bg-pure) !important;
    color: var(--orca-muted-fg) !important;
    border-color: var(--orca-border) !important;
  }

html[data-theme="dark"] .breadcrumb a { color: var(--orca-accent-soft) !important; }
/* Tables — force dark surfaces over Bootstrap / DataTables defaults */
html[data-theme="dark"] table.table,
html[data-theme="dark"] table.dataTable,
html[data-theme="dark"] table.table-list,
html[data-theme="dark"] table.table-striped,
html[data-theme="dark"] .table,
html[data-theme="dark"] .dataTable,
html[data-theme="dark"] #tableServicesList,
html[data-theme="dark"] #tableDomainsList,
html[data-theme="dark"] #tableInvoicesList,
html[data-theme="dark"] #tableTicketsList,
html[data-theme="dark"] #tableEmailsList,
html[data-theme="dark"] #tableQuotesList,
html[data-theme="dark"] .table-responsive,
html[data-theme="dark"] .dataTables_wrapper,
html[data-theme="dark"] .dataTables_scroll,
html[data-theme="dark"] .dataTables_scrollHead,
html[data-theme="dark"] .dataTables_scrollHeadInner,
html[data-theme="dark"] .dataTables_scrollBody,
html[data-theme="dark"] .dataTables_scrollHead table,
html[data-theme="dark"] .dataTables_scrollBody table {
    background-color: var(--orca-card) !important;
    color: var(--orca-fg) !important;
    border-color: var(--orca-border) !important;
  }

html[data-theme="dark"] table.table thead th,
html[data-theme="dark"] table.dataTable thead th,
html[data-theme="dark"] table.table thead td,
html[data-theme="dark"] .table thead th,
html[data-theme="dark"] .dataTable thead th,
html[data-theme="dark"] .dataTables_scrollHead th {
    background-color: hsl(240 5% 10%) !important;
    color: var(--orca-muted-fg) !important;
    border-bottom: 1px solid var(--orca-border) !important;
    border-top: 0 !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em;
    text-transform: none;
    padding: 0.65rem 0.85rem !important;
    white-space: nowrap;
  }

html[data-theme="dark"] table.table tbody td,
html[data-theme="dark"] table.dataTable tbody td,
html[data-theme="dark"] .table tbody td,
html[data-theme="dark"] .dataTable tbody td {
    background-color: transparent !important;
    color: var(--orca-dim) !important;
    border-top: 1px solid var(--orca-border) !important;
    border-color: var(--orca-border) !important;
    padding: 0.7rem 0.85rem !important;
    vertical-align: middle !important;
  }

html[data-theme="dark"] table.table tbody td strong,
html[data-theme="dark"] table.dataTable tbody td strong,
html[data-theme="dark"] .table tbody td a,
html[data-theme="dark"] .dataTable tbody td a {
    color: var(--orca-fg) !important;
    font-weight: 500;
  }

html[data-theme="dark"] table.table tbody td a:hover,
html[data-theme="dark"] .dataTable tbody td a:hover {
    color: var(--orca-accent-soft) !important;
  }

html[data-theme="dark"] table.table tbody td .text-domain,
html[data-theme="dark"] table.dataTable tbody td small,
html[data-theme="dark"] .table tbody td .ssl-info,
html[data-theme="dark"] .table tbody td .ssl-status {
    color: var(--orca-accent-soft) !important;
  }

html[data-theme="dark"] table.table-striped tbody tr:nth-of-type(odd),
html[data-theme="dark"] table.dataTable.stripe tbody tr.odd,
html[data-theme="dark"] table.dataTable.display tbody tr.odd {
    background-color: hsl(240 5% 7%) !important;
  }

html[data-theme="dark"] table.table-striped tbody tr:nth-of-type(even),
html[data-theme="dark"] table.dataTable.stripe tbody tr.even,
html[data-theme="dark"] table.dataTable.display tbody tr.even {
    background-color: var(--orca-card) !important;
  }

html[data-theme="dark"] table.table-hover tbody tr:hover,
html[data-theme="dark"] table.dataTable.hover tbody tr:hover,
html[data-theme="dark"] table.dataTable.display tbody tr:hover {
    background-color: hsl(263.4 40% 16%) !important;
  }

html[data-theme="dark"] .table tbody td .fa,
html[data-theme="dark"] .table tbody td .fas,
html[data-theme="dark"] .table tbody td .far,
html[data-theme="dark"] .dataTable tbody td .fa,
html[data-theme="dark"] .ssl-status-icon,
html[data-theme="dark"] i.fa-lock {
    color: var(--orca-muted-fg) !important;
    opacity: 0.9;
  }

html[data-theme="dark"] .dataTables_wrapper .dataTables_filter label,
html[data-theme="dark"] .dataTables_wrapper .dataTables_length label,
html[data-theme="dark"] .dataTables_wrapper .dataTables_info {
    color: var(--orca-muted-fg) !important;
  }

html[data-theme="dark"] .dataTables_wrapper .dataTables_filter input,
html[data-theme="dark"] .dataTables_wrapper .dataTables_length select {
    background-color: var(--orca-input-bg) !important;
    border: 1px solid var(--orca-border) !important;
    color: var(--orca-fg) !important;
    border-radius: var(--orca-radius) !important;
    padding: 0.35rem 0.65rem !important;
  }

html[data-theme="dark"] .dataTables_wrapper .dataTables_filter input:focus {
    outline: none !important;
    border-color: #7c3aed !important;
    box-shadow: 0 0 0 2px hsl(240 10% 3.9%), 0 0 0 4px #7c3aed !important;
  }

html[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button {
    background: transparent !important;
    border: 1px solid var(--orca-border) !important;
    color: var(--orca-dim) !important;
    border-radius: 9999px !important;
    margin: 0 2px !important;
  }

html[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.current,
html[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #7c3aed !important;
    border-color: #7c3aed !important;
    color: #fff !important;
  }

html[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: hsl(263.4 40% 16%) !important;
    color: #fff !important;
    border-color: #7c3aed !important;
  }

html[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
html[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    opacity: 0.4;
    background: transparent !important;
    color: var(--orca-muted-fg) !important;
  }

html[data-theme="dark"] .label,
html[data-theme="dark"] .badge,
html[data-theme="dark"] span.status,
html[data-theme="dark"] .label.status {
    border-radius: 9999px !important;
    font-weight: 500 !important;
    font-size: 0.7rem !important;
    padding: 0.25rem 0.65rem !important;
    letter-spacing: 0.01em;
  }

html[data-theme="dark"] .label-success,
html[data-theme="dark"] .badge-success,
html[data-theme="dark"] .status-active,
html[data-theme="dark"] .label.status.active {
    background-color: #059669 !important;
  }

html[data-theme="dark"] .label-default,
html[data-theme="dark"] .badge-secondary,
html[data-theme="dark"] .status-cancelled,
html[data-theme="dark"] .label.status.cancelled {
    background-color: hsl(240 3.7% 22%) !important;
    color: hsl(240 5% 84%) !important;
  }

html[data-theme="dark"] .label-danger,
html[data-theme="dark"] .badge-danger,
html[data-theme="dark"] .status-terminated,
html[data-theme="dark"] .label.status.terminated {
    background-color: hsl(240 4% 28%) !important;
    color: #fff !important;
  }

html[data-theme="dark"] .list-group-item {
    background-color: transparent !important;
    color: var(--orca-fg) !important;
    border-color: var(--orca-border) !important;
  }

html[data-theme="dark"] .list-group-item .badge {
    background-color: hsl(240 3.7% 22%) !important;
    color: #fff !important;
  }
/* Store / checkout dark */
html[data-theme="dark"] .products .product,
html[data-theme="dark"] .product-card,
html[data-theme="dark"] #order-standard_cart .product,
html[data-theme="dark"] #order-standard_cart .cart-sidebar,
html[data-theme="dark"] #order-standard_cart .order-summary {
    background: var(--orca-card) !important;
    border-color: var(--orca-border) !important;
    color: var(--orca-fg) !important;
  }

html[data-theme="dark"] .kb-article,
html[data-theme="dark"] .announcement,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .dropdown-menu {
    background-color: var(--orca-card) !important;
    border-color: var(--orca-border) !important;
    color: var(--orca-fg) !important;
  }


/* -------------------------------------------------------------------------- */
/* Contrast fix — dark sidebar headers / active items must use WHITE text     */
/* Theme twenty-one uses .sidebar .list-group-item.active { background:#666 } */
/* Screenshots: black text/icons on dark gray card-headers & active rows      */
/* -------------------------------------------------------------------------- */

/* Active list items — brand purple + white text/icons (beat theme #666) */
.sidebar .list-group-item.active,
.sidebar .list-group-item.active:hover,
.sidebar .list-group-item.active:focus,
.sidebar .list-group-item-action.active,
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus,
.list-group-item-action.active {
  background-color: var(--orca-brand) !important;
  border-color: var(--orca-brand) !important;
  color: #ffffff !important;
}
.sidebar .list-group-item.active i,
.sidebar .list-group-item.active .fa,
.sidebar .list-group-item.active .fas,
.sidebar .list-group-item.active .far,
.sidebar .list-group-item.active .fab,
.sidebar .list-group-item.active .fal,
.list-group-item.active i,
.list-group-item.active .fa,
.list-group-item.active .fas,
.list-group-item.active .far,
.list-group-item.active .fab,
.list-group-item-action.active i {
  color: #ffffff !important;
  opacity: 1 !important;
}
.sidebar .list-group-item.active .badge,
.list-group-item.active .badge {
  background-color: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}

/* Card-sidebar / panel-sidebar headers — always readable */
.card-sidebar > .card-header,
.sidebar .card-sidebar > .card-header,
.sidebar .card > .card-header,
.sidebar .panel > .panel-heading,
.panel-sidebar > .panel-heading,
.panel-sidebar .panel-heading,
.card-sidebar .card-header .card-title,
.card-sidebar .card-header .panel-title,
.sidebar .card-header .card-title,
.sidebar .card-header h3,
.sidebar .card-header .btn,
.sidebar .card-header a {
  color: var(--orca-fg) !important;
}
.card-sidebar > .card-header,
.sidebar .card-sidebar > .card-header,
.sidebar .card > .card-header,
.panel-sidebar > .panel-heading,
.panel-sidebar .panel-heading {
  background-color: var(--orca-secondary) !important;
  border-bottom: 1px solid var(--orca-border) !important;
}
.card-sidebar > .card-header i,
.sidebar .card-header i,
.sidebar .card-header .fa,
.sidebar .card-header .fas,
.sidebar .card-header .far,
.sidebar .card-header .fab,
.panel-sidebar > .panel-heading i,
.card-sidebar .card-minimise {
  color: var(--orca-fg) !important;
  opacity: 0.9 !important;
}

/* Dark scheme: force WHITE on dark gray headers (secondary is dark) */

html[data-theme="dark"] .card-sidebar > .card-header,
html[data-theme="dark"] .sidebar .card-sidebar > .card-header,
html[data-theme="dark"] .sidebar .card > .card-header,
html[data-theme="dark"] .sidebar .panel > .panel-heading,
html[data-theme="dark"] .panel-sidebar > .panel-heading,
html[data-theme="dark"] .panel-sidebar .panel-heading,
html[data-theme="dark"] .card-header,
html[data-theme="dark"] .panel-heading,
html[data-theme="dark"] .panel-default > .panel-heading {
    background-color: var(--orca-secondary) !important;
    color: #ffffff !important;
  }

html[data-theme="dark"] .card-sidebar > .card-header *,
html[data-theme="dark"] .sidebar .card-header *,
html[data-theme="dark"] .panel-sidebar > .panel-heading *,
html[data-theme="dark"] .card-header .card-title,
html[data-theme="dark"] .card-header .panel-title,
html[data-theme="dark"] .card-header h3,
html[data-theme="dark"] .card-header i,
html[data-theme="dark"] .card-header .fa,
html[data-theme="dark"] .card-header .fas,
html[data-theme="dark"] .card-header .far,
html[data-theme="dark"] .card-header .fab,
html[data-theme="dark"] .card-header .card-minimise,
html[data-theme="dark"] .card-header .btn,
html[data-theme="dark"] .card-header a,
html[data-theme="dark"] .panel-heading *,
html[data-theme="dark"] .panel-heading i {
    color: #ffffff !important;
  }
/* Active stays brand + white */
html[data-theme="dark"] .sidebar .list-group-item.active,
html[data-theme="dark"] .list-group-item.active,
html[data-theme="dark"] .list-group-item-action.active {
    background-color: var(--orca-brand) !important;
    border-color: var(--orca-brand) !important;
    color: #ffffff !important;
  }

html[data-theme="dark"] .sidebar .list-group-item.active *,
html[data-theme="dark"] .list-group-item.active * {
    color: #ffffff !important;
  }


/* Orderform / cart mobile collapsed category bars (dark gray + black text clash) */
#order-standard_cart .card-header,
#order-standard_cart .panel-heading,
.order-orcastra .card-header,
.cart-body .card-header,
.secondary-cart-sidebar .card-header,
.secondary-cart-sidebar .panel-heading {
  background-color: var(--orca-secondary) !important;
  color: var(--orca-fg) !important;
  border-radius: var(--orca-radius) var(--orca-radius) 0 0;
}

html[data-theme="dark"] #order-standard_cart .card-header,
html[data-theme="dark"] #order-standard_cart .panel-heading,
html[data-theme="dark"] .cart-body .card-header,
html[data-theme="dark"] .secondary-cart-sidebar .card-header,
html[data-theme="dark"] .secondary-cart-sidebar .panel-heading {
    color: #ffffff !important;
  }

html[data-theme="dark"] #order-standard_cart .card-header *,
html[data-theme="dark"] .cart-body .card-header *,
html[data-theme="dark"] .secondary-cart-sidebar .card-header * {
    color: #ffffff !important;
  }


/* === ORCASTRA CHROME v2 === */
/* Match app.orcastra.io / Authentik Orcastra dashboard chrome.
   Covers: topbar, brandbar (logo/search/cart), main navbar, sidebar cards,
   content cards/panels, breadcrumbs, search, cart badge.
   Light + dark (prefers-color-scheme). Active = #7c3aed + white. Kill #666. */

/* --- v2 tokens (local to chrome; reuse :root where possible) --- */
:root {
  --orca-chrome-pill: 9999px;
  --orca-chrome-card-r: 0.75rem;
  --orca-chrome-icon-r: 0.5rem;
  --orca-chrome-elev: #ffffff;
  --orca-chrome-elev-2: hsl(0 0% 98%);
  --orca-chrome-shell: hsl(220 13% 96%);
  --orca-chrome-side: #ffffff;
  --orca-chrome-side-tint: hsl(262 40% 97%);
  --orca-chrome-hairline: hsl(220 13% 87%);
  --orca-chrome-muted: hsl(220 9% 40%);
  --orca-chrome-label: hsl(220 9% 46%);
  --orca-chrome-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.06);
  --orca-chrome-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);
}


html[data-theme="dark"] {
    --orca-chrome-shell: hsl(240 10% 3.9%);
    --orca-chrome-elev: hsl(240 6% 8%);
    --orca-chrome-elev-2: hsl(240 5% 10%);
    /* purple-tinted sidebar like app rgb(30,27,75) */
    --orca-chrome-side: rgb(22, 20, 48);
    --orca-chrome-side-tint: rgb(30, 27, 75);
    --orca-chrome-hairline: hsl(240 3.7% 15.9%);
    --orca-chrome-muted: hsl(240 5% 64.9%);
    --orca-chrome-label: hsl(240 5% 55%);
    --orca-chrome-shadow: 0 1px 2px rgba(0, 0, 0, 0.45), 0 12px 32px rgba(0, 0, 0, 0.35);
    --orca-chrome-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  }


/* -------------------------------------------------------------------------- */
/* Header shell — slim, translucent/elevated, no heavy borders                */
/* -------------------------------------------------------------------------- */
header#header.orca-chrome,
header#header,
header.header,
#header {
  background: var(--orca-chrome-elev) !important;
  border-bottom: 1px solid var(--orca-chrome-hairline) !important;
  box-shadow: var(--orca-chrome-shadow-sm) !important;
  font-family: var(--orca-font) !important;
  position: sticky;
  top: 0;
  z-index: 1030;
}


html[data-theme="dark"] header#header.orca-chrome,
html[data-theme="dark"] header#header,
html[data-theme="dark"] header.header,
html[data-theme="dark"] #header {
    background: rgba(15, 14, 28, 0.92) !important;
    backdrop-filter: blur(12px) saturate(1.2);
    -webkit-backdrop-filter: blur(12px) saturate(1.2);
    border-bottom-color: var(--orca-chrome-hairline) !important;
  }


/* Topbar — slim, dark elevated */
header#header .topbar,
header#header .orca-topbar,
#header .topbar,
.topbar,
.orca-topbar {
  background: hsl(222 47% 11%) !important;
  color: rgba(255, 255, 255, 0.78) !important;
  border-bottom: none !important;
  min-height: 2rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.8125rem;
}

html[data-theme="dark"] header#header .topbar,
html[data-theme="dark"] header#header .orca-topbar,
html[data-theme="dark"] #header .topbar,
html[data-theme="dark"] .topbar,
html[data-theme="dark"] .orca-topbar {
    background: rgba(9, 9, 14, 0.85) !important;
    border-bottom: 1px solid var(--orca-chrome-hairline) !important;
  }

header#header .topbar .btn,
header#header .topbar .active-client .btn,
header#header .topbar .active-client .input-group-text,
.topbar .btn,
.topbar a,
.orca-topbar .btn,
.orca-topbar a {
  color: rgba(255, 255, 255, 0.85) !important;
  font-family: var(--orca-font);
  letter-spacing: -0.01em;
}
header#header .topbar .btn:hover,
.topbar .btn:hover {
  color: #ffffff !important;
  background: rgba(124, 58, 237, 0.2) !important;
  border-radius: var(--orca-chrome-pill);
}

/* Brand bar — logo / search / cart */
header#header .navbar.navbar-light,
header#header .orca-brandbar,
#header .navbar.navbar-light,
.orca-brandbar {
  background: transparent !important;
  border: none !important;
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
header#header .navbar-brand,
#header .navbar-brand,
.orca-brandbar .navbar-brand {
  color: var(--orca-fg) !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
  font-family: var(--orca-font) !important;
}
header#header .logo-img,
#header .logo-img,
.logo-img {
  max-height: 36px !important;
  width: auto;
}

/* Search — rounded-full / soft fill */
header#header .input-group.search,
#header .input-group.search,
.input-group.search,
.orca-brandbar .input-group.search {
  border-radius: var(--orca-chrome-pill) !important;
  overflow: hidden;
  background: #ffffff !important;
  border: 1px solid var(--orca-chrome-hairline) !important;
  box-shadow: var(--orca-chrome-shadow-sm) !important;
}

html[data-theme="light"] header#header .input-group.search,
html[data-theme="light"] #header .input-group.search,
html[data-theme="light"] .input-group.search,
html[data-theme="light"] .orca-brandbar .input-group.search {
  background: #ffffff !important;
  border-color: hsl(220 13% 84%) !important;
}

html[data-theme="dark"] header#header .input-group.search,
html[data-theme="dark"] #header .input-group.search,
html[data-theme="dark"] .input-group.search {
    background: hsl(240 3.7% 15.9%) !important;
    border-color: var(--orca-chrome-hairline) !important;
    box-shadow: none !important;
  }

header#header .input-group.search .form-control,
header#header .search .form-control,
#header .search .form-control,
.input-group.search .form-control {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  color: var(--orca-fg) !important;
  font-family: var(--orca-font) !important;
  font-weight: 400 !important;
  box-shadow: none !important;
  min-height: 2.25rem;
  padding-left: 0.25rem;
}
header#header .input-group.search .form-control::placeholder,
.input-group.search .form-control::placeholder {
  color: var(--orca-chrome-muted) !important;
  opacity: 0.85;
}
header#header .input-group.search .btn,
header#header .search .btn,
#header .search .btn,
.input-group.search .btn {
  background: transparent !important;
  border: none !important;
  color: var(--orca-chrome-muted) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding-left: 0.9rem;
  padding-right: 0.5rem;
}
header#header .input-group.search .btn i,
.input-group.search .btn i {
  font-size: 0.875rem;
  opacity: 0.75;
}

/* Toolbar / cart */
header#header .toolbar .nav-link,
header#header .cart-btn,
#header .toolbar .nav-link,
.cart-btn,
.orca-brandbar .cart-btn {
  color: var(--orca-chrome-muted) !important;
  border: 1px solid var(--orca-chrome-hairline) !important;
  background: var(--orca-chrome-elev-2) !important;
  border-radius: var(--orca-chrome-pill) !important;
  padding: 0.4rem 0.75rem !important;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

html[data-theme="dark"] header#header .toolbar .nav-link,
html[data-theme="dark"] header#header .cart-btn,
html[data-theme="dark"] .cart-btn {
    background: var(--orca-chrome-elev) !important;
    border-color: var(--orca-chrome-hairline) !important;
    color: var(--orca-chrome-muted) !important;
  }

header#header .toolbar .nav-link:hover,
header#header .cart-btn:hover,
.cart-btn:hover {
  color: #ffffff !important;
  background: #7c3aed !important;
  border-color: #7c3aed !important;
}
header#header .cart-btn i,
.cart-btn i {
  font-size: 0.9rem;
  opacity: 0.85;
}
header#header .cart-btn:hover i,
.cart-btn:hover i {
  opacity: 1;
  color: #ffffff !important;
}

/* Cart badge — purple pill */
#cartItemCount,
.cart-btn .badge,
.cart-btn .badge-info,
header#header .badge-info {
  background: #7c3aed !important;
  color: #ffffff !important;
  border-radius: var(--orca-chrome-pill) !important;
  font-weight: 600 !important;
  font-size: 0.7rem !important;
  letter-spacing: -0.01em;
  padding: 0.2em 0.5em !important;
  border: none !important;
  min-width: 1.25rem;
}

/* -------------------------------------------------------------------------- */
/* Main navbar — generous spacing, pill/underline active, no Bootstrap blue   */
/* -------------------------------------------------------------------------- */
header#header .main-navbar-wrapper,
header#header .orca-mainnav,
#header .main-navbar-wrapper,
.main-navbar-wrapper,
.orca-mainnav,
nav.navbar.navbar-expand-xl {
  background: transparent !important;
  border-bottom: 1px solid var(--orca-chrome-hairline) !important;
  padding-top: 0.35rem !important;
  padding-bottom: 0.5rem !important;
}

html[data-theme="dark"] header#header .main-navbar-wrapper,
html[data-theme="dark"] header#header .orca-mainnav,
html[data-theme="dark"] .main-navbar-wrapper,
html[data-theme="dark"] .orca-mainnav {
    border-bottom-color: var(--orca-chrome-hairline) !important;
  }


#mainNavbar .navbar-nav > li > a,
#nav.navbar-nav > li > a,
.main-navbar-wrapper .navbar-nav > li > a,
.orca-mainnav .navbar-nav > li > a,
#header .navbar-expand-xl .navbar-nav > li > a {
  color: var(--orca-chrome-muted) !important;
  font-family: var(--orca-font) !important;
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  letter-spacing: -0.02em !important;
  border-radius: var(--orca-chrome-pill) !important;
  padding: 0.45rem 0.95rem !important;
  margin: 0 0.15rem;
  border: none !important;
  background: transparent !important;
  transition: background 0.15s ease, color 0.15s ease;
  text-decoration: none !important;
}
#mainNavbar .navbar-nav > li > a .nav-label,
.main-navbar-wrapper .nav-label,
.orca-mainnav .nav-label {
  letter-spacing: -0.02em;
}

#mainNavbar .navbar-nav > li > a:hover,
#nav.navbar-nav > li > a:hover,
.main-navbar-wrapper .navbar-nav > li > a:hover,
.orca-mainnav .navbar-nav > li > a:hover {
  color: var(--orca-fg) !important;
  background: rgba(124, 58, 237, 0.1) !important;
  text-decoration: none !important;
}

html[data-theme="dark"] #mainNavbar .navbar-nav > li > a:hover,
html[data-theme="dark"] .main-navbar-wrapper .navbar-nav > li > a:hover {
    color: #ffffff !important;
    background: rgba(124, 58, 237, 0.18) !important;
  }


/* Active / current — purple pill + white */
#mainNavbar .navbar-nav > li.active > a,
#mainNavbar .navbar-nav > li > a.active,
#nav.navbar-nav > li.active > a,
.main-navbar-wrapper .navbar-nav > li.active > a,
.orca-mainnav .navbar-nav > li.active > a,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active {
  color: #ffffff !important;
  background: #7c3aed !important;
  border-radius: var(--orca-chrome-pill) !important;
}
#mainNavbar .navbar-nav > li.active > a i,
#mainNavbar .navbar-nav > li > a.active i,
.main-navbar-wrapper .navbar-nav > li.active > a i {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* Kill Bootstrap blue link look */
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-brand,
a.nav-link {
  color: var(--orca-chrome-muted) !important;
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: var(--orca-fg) !important;
}
a:not(.btn):not(.badge):not(.list-group-item):focus {
  outline-color: #7c3aed;
}

/* Nav icons — soft / muted outline feel */
#mainNavbar .navbar-nav > li > a i,
#nav.navbar-nav > li > a i,
.main-navbar-wrapper .navbar-nav > li > a i,
header#header .nav-link i {
  font-size: 0.875rem !important; /* ~14px */
  opacity: 0.72;
  margin-right: 0.35rem;
  font-weight: 400;
}
#mainNavbar .navbar-nav > li > a:hover i,
.main-navbar-wrapper .navbar-nav > li > a:hover i {
  opacity: 0.95;
  color: inherit;
}

/* Dropdowns under main nav */
.main-navbar-wrapper .dropdown-menu,
.orca-mainnav .dropdown-menu,
#header .dropdown-menu {
  background: var(--orca-chrome-elev-2) !important;
  border: 1px solid var(--orca-chrome-hairline) !important;
  border-radius: var(--orca-chrome-card-r) !important;
  box-shadow: var(--orca-chrome-shadow) !important;
  padding: 0.4rem !important;
  margin-top: 0.35rem;
  font-family: var(--orca-font);
}
.main-navbar-wrapper .dropdown-item,
.orca-mainnav .dropdown-item,
#header .dropdown-menu .dropdown-item,
#header .dropdown-menu a.dropdown-item {
  color: var(--orca-fg) !important;
  border-radius: calc(var(--orca-chrome-card-r) - 0.25rem) !important;
  font-size: 0.875rem;
  letter-spacing: -0.01em;
  padding: 0.45rem 0.75rem !important;
}
.main-navbar-wrapper .dropdown-item:hover,
.main-navbar-wrapper .dropdown-item:focus,
.orca-mainnav .dropdown-item:hover,
#header .dropdown-menu .dropdown-item:hover,
#header .dropdown-menu a.dropdown-item:hover {
  background: rgba(124, 58, 237, 0.12) !important;
  color: #7c3aed !important;
}

html[data-theme="dark"] .main-navbar-wrapper .dropdown-item:hover,
html[data-theme="dark"] #header .dropdown-menu .dropdown-item:hover {
    background: rgba(124, 58, 237, 0.22) !important;
    color: #a78bfa !important;
  }


/* Breadcrumb */
.master-breadcrumb {
  background: transparent !important;
  border-bottom: 1px solid var(--orca-chrome-hairline) !important;
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
  font-family: var(--orca-font);
}
.master-breadcrumb .breadcrumb {
  background: transparent !important;
  margin-bottom: 0;
  padding: 0;
  font-size: 0.8125rem;
  letter-spacing: -0.01em;
}
.master-breadcrumb .breadcrumb-item,
.master-breadcrumb .breadcrumb-item a {
  color: var(--orca-chrome-muted) !important;
}
.master-breadcrumb .breadcrumb-item.active {
  color: var(--orca-fg) !important;
  font-weight: 500;
}
.master-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: var(--orca-chrome-label) !important;
}

/* -------------------------------------------------------------------------- */
/* Sidebar .card-sidebar — borderless/hairline, soft shadow, capsule rows     */
/* -------------------------------------------------------------------------- */
.sidebar .card-sidebar,
.card-sidebar,
.sidebar .panel-sidebar,
.panel-sidebar {
  background: var(--orca-chrome-elev) !important;
  border: 1px solid var(--orca-chrome-hairline) !important;
  border-radius: var(--orca-chrome-card-r) !important;
  box-shadow: var(--orca-chrome-shadow) !important;
  overflow: hidden;
  font-family: var(--orca-font);
}

html[data-theme="dark"] .sidebar .card-sidebar,
html[data-theme="dark"] .card-sidebar,
html[data-theme="dark"] .sidebar .panel-sidebar,
html[data-theme="dark"] .panel-sidebar {
    background: var(--orca-chrome-side) !important;
    border-color: var(--orca-chrome-hairline) !important;
    box-shadow: var(--orca-chrome-shadow-sm) !important;
  }


/* Header — no gray bar; smaller semibold title; uppercase section feel */
.card-sidebar > .card-header,
.sidebar .card-sidebar > .card-header,
.sidebar .card > .card-header,
.panel-sidebar > .panel-heading,
.sidebar .panel > .panel-heading {
  background: transparent !important;
  border-bottom: 1px solid var(--orca-chrome-hairline) !important;
  padding: 0.85rem 1rem 0.65rem !important;
  color: var(--orca-chrome-label) !important;
}
.card-sidebar .card-header .card-title,
.card-sidebar .card-header h3,
.sidebar .card-header .card-title,
.sidebar .card-header h3,
.panel-sidebar .panel-title {
  color: var(--orca-chrome-label) !important;
  font-size: 0.6875rem !important; /* ~11px compact uppercase */
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  font-family: var(--orca-font) !important;
}
.card-sidebar .card-header .card-title i,
.sidebar .card-header h3 i,
.card-sidebar .card-minimise,
.sidebar .card-header .card-minimise {
  color: var(--orca-chrome-muted) !important;
  opacity: 0.7 !important;
  font-size: 0.75rem !important;
  text-transform: none;
  letter-spacing: 0;
}
.card-sidebar .card-header .badge,
.sidebar .card-header .badge {
  background: rgba(124, 58, 237, 0.15) !important;
  color: #7c3aed !important;
  border-radius: var(--orca-chrome-pill) !important;
  font-size: 0.65rem !important;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
}

/* List group flush inside sidebar — no harsh borders */
.card-sidebar .list-group,
.sidebar .card-sidebar .list-group,
.card-sidebar .list-group-flush {
  background: transparent !important;
  border: none !important;
  padding: 0.5rem !important;
}
.card-sidebar .list-group-item:not(.active),
.sidebar .card-sidebar .list-group-item:not(.active),
.sidebar .list-group-item:not(.active),
.sidebar .list-group-item-action:not(.active) {
  background: transparent !important;
  border: none !important;
  border-radius: var(--orca-chrome-pill) !important;
  color: var(--orca-fg) !important;
  margin: 0.15rem 0 !important;
  padding: 0.5rem 0.75rem !important;
  font-family: var(--orca-font) !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  letter-spacing: -0.015em !important;
  transition: background 0.15s ease, color 0.15s ease;
}
.card-sidebar .list-group-item-action:hover:not(.active),
.card-sidebar .list-group-item-action:focus:not(.active),
.sidebar .list-group-item-action:hover:not(.active),
.sidebar .list-group-item-action:focus:not(.active) {
  background: rgba(124, 58, 237, 0.1) !important;
  color: var(--orca-fg) !important;
}

html[data-theme="dark"] .card-sidebar .list-group-item,
html[data-theme="dark"] .sidebar .list-group-item {
    color: hsl(0 0% 96%) !important;
  }

html[data-theme="dark"] .card-sidebar .list-group-item-action:hover,
html[data-theme="dark"] .sidebar .list-group-item-action:hover {
    background: rgba(124, 58, 237, 0.18) !important;
    color: #ffffff !important;
  }


/* Active capsule row — #7c3aed + white (kill #666) */
.sidebar .list-group-item.active,
.sidebar .list-group-item.active:hover,
.sidebar .list-group-item.active:focus,
.sidebar .list-group-item-action.active,
.card-sidebar .list-group-item.active,
.card-sidebar .list-group-item-action.active,
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus,
.list-group-item-action.active {
  background: #7c3aed !important;
  background-color: #7c3aed !important;
  border: none !important;
  border-radius: var(--orca-chrome-pill) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(124, 58, 237, 0.35);
}
.sidebar .list-group-item.active *,
.sidebar .list-group-item-action.active *,
.card-sidebar .list-group-item.active *,
.list-group-item.active *,
.list-group-item-action.active * {
  color: #ffffff !important;
}
.sidebar .list-group-item.active i,
.sidebar .list-group-item.active .fa,
.sidebar .list-group-item.active .fas,
.sidebar .list-group-item.active .far,
.sidebar .list-group-item.active .fab,
.sidebar .list-group-item.active .fal,
.sidebar .list-group-item.active .sidebar-menu-item-icon,
.card-sidebar .list-group-item.active i,
.list-group-item.active i {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* Icon chip wrapper — soft rounded square tint */
.sidebar-menu-item-wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 0.65rem !important;
  width: 100%;
}
.sidebar-menu-item-icon-wrapper,
.card-sidebar .sidebar-menu-item-icon-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.75rem !important;
  height: 1.75rem !important;
  min-width: 1.75rem;
  border-radius: var(--orca-chrome-icon-r) !important; /* 0.5rem */
  background: rgba(124, 58, 237, 0.15) !important;
  color: #7c3aed !important;
  flex-shrink: 0;
}
.sidebar-menu-item-icon-wrapper i,
.sidebar-menu-item-icon,
.card-sidebar .sidebar-menu-item-icon {
  font-size: 0.875rem !important; /* 14px */
  opacity: 0.9;
  margin: 0 !important;
  width: auto !important;
}
/* Do not force brand purple on status dots — colors set in STATUS ICONS v2 */
.sidebar-menu-item-icon-wrapper i:not(.fa-circle):not(.fa-dot-circle):not(.sidebar-menu-item-icon-placeholder),
.sidebar-menu-item-icon:not(.fa-circle):not(.fa-dot-circle):not(.sidebar-menu-item-icon-placeholder),
.card-sidebar .sidebar-menu-item-icon:not(.fa-circle):not(.fa-dot-circle):not(.sidebar-menu-item-icon-placeholder) {
  color: #7c3aed;
}
/* Active: chip becomes translucent white, icon white */
.list-group-item.active .sidebar-menu-item-icon-wrapper,
.list-group-item-action.active .sidebar-menu-item-icon-wrapper,
.card-sidebar .list-group-item.active .sidebar-menu-item-icon-wrapper {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}
.list-group-item.active .sidebar-menu-item-icon,
.list-group-item-action.active .sidebar-menu-item-icon {
  color: #ffffff !important;
  opacity: 1 !important;
}

.sidebar-menu-item-label {
  flex: 1 1 auto;
  min-width: 0;
  line-height: 1.3;
}
.sidebar-menu-item-badge .badge,
.card-sidebar .list-group-item .badge,
.sidebar .list-group-item .badge {
  background: rgba(124, 58, 237, 0.15) !important;
  color: #7c3aed !important;
  border-radius: var(--orca-chrome-pill) !important;
  font-weight: 600 !important;
  font-size: 0.7rem !important;
  padding: 0.2em 0.55em !important;
}
.list-group-item.active .sidebar-menu-item-badge .badge,
.list-group-item.active .badge,
.list-group-item-action.active .badge {
  background: rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
}

/* Placeholder chip when no icon (CSS-only via empty wrapper or first-child) */
.sidebar-menu-item-wrapper:not(:has(.sidebar-menu-item-icon-wrapper))::before {
  content: "";
  display: inline-flex;
  width: 1.75rem;
  height: 1.75rem;
  min-width: 1.75rem;
  border-radius: var(--orca-chrome-icon-r);
  background: rgba(124, 58, 237, 0.08);
  flex-shrink: 0;
}
.list-group-item.active .sidebar-menu-item-wrapper:not(:has(.sidebar-menu-item-icon-wrapper))::before,
.list-group-item-action.active .sidebar-menu-item-wrapper:not(:has(.sidebar-menu-item-icon-wrapper))::before {
  background: rgba(255, 255, 255, 0.15);
}

/* Dark sidebar headers — muted label, NOT white-on-gray bar */

html[data-theme="dark"] .card-sidebar > .card-header,
html[data-theme="dark"] .sidebar .card-sidebar > .card-header,
html[data-theme="dark"] .sidebar .card > .card-header,
html[data-theme="dark"] .panel-sidebar > .panel-heading {
    background: transparent !important;
    color: var(--orca-chrome-label) !important;
  }

html[data-theme="dark"] .card-sidebar .card-header .card-title,
html[data-theme="dark"] .card-sidebar .card-header h3,
html[data-theme="dark"] .sidebar .card-header .card-title,
html[data-theme="dark"] .sidebar .card-header h3,
html[data-theme="dark"] .card-sidebar .card-header *,
html[data-theme="dark"] .sidebar .card-header .card-title,
html[data-theme="dark"] .panel-sidebar .panel-title {
    color: var(--orca-chrome-label) !important;
  }

html[data-theme="dark"] .card-sidebar .card-minimise,
html[data-theme="dark"] .sidebar .card-header .card-minimise,
html[data-theme="dark"] .card-sidebar .card-header i {
    color: var(--orca-chrome-muted) !important;
  }


/* -------------------------------------------------------------------------- */
/* Content cards / panels / tiles — elevated Orcastra surfaces                */
/* -------------------------------------------------------------------------- */
.primary-content .card,
.primary-content .panel,
.primary-content .panel-default,
.primary-content .tile,
#main-body .card,
#main-body .panel,
#main-body .panel-default,
#main-body .tile,
.card:not(.card-sidebar),
.panel:not(.panel-sidebar),
.panel-default,
.tile,
.client-home-panels .panel,
.mc-promo-manage,
.mc-promo-login {
  background: var(--orca-chrome-elev) !important;
  border: 1px solid var(--orca-chrome-hairline) !important;
  border-radius: var(--orca-chrome-card-r) !important; /* 0.75rem */
  box-shadow: var(--orca-chrome-shadow) !important;
  color: var(--orca-fg) !important;
  font-family: var(--orca-font);
}

html[data-theme="dark"] .primary-content .card,
html[data-theme="dark"] .primary-content .panel,
html[data-theme="dark"] .primary-content .panel-default,
html[data-theme="dark"] .primary-content .tile,
html[data-theme="dark"] #main-body .card,
html[data-theme="dark"] #main-body .panel,
html[data-theme="dark"] #main-body .tile,
html[data-theme="dark"] .card:not(.card-sidebar),
html[data-theme="dark"] .panel:not(.panel-sidebar),
html[data-theme="dark"] .panel-default,
html[data-theme="dark"] .tile,
html[data-theme="dark"] .client-home-panels .panel,
html[data-theme="dark"] .mc-promo-manage,
html[data-theme="dark"] .mc-promo-login {
    background: var(--orca-chrome-elev) !important; /* hsl(240 6% 8%) */
    border-color: var(--orca-chrome-hairline) !important;
    color: hsl(0 0% 98%) !important;
  }


.primary-content .card-header,
.primary-content .panel-heading,
#main-body .card:not(.card-sidebar) > .card-header,
#main-body .panel > .panel-heading,
.card:not(.card-sidebar) > .card-header,
.panel-default > .panel-heading {
  background: transparent !important;
  border-bottom: 1px solid var(--orca-chrome-hairline) !important;
  color: var(--orca-fg) !important;
  border-radius: var(--orca-chrome-card-r) var(--orca-chrome-card-r) 0 0 !important;
  padding: 1rem 1.25rem !important;
  font-weight: 600;
}
.primary-content .card-title,
.primary-content .panel-title,
#main-body h1,
#main-body .card-title,
.primary-content h1,
.primary-content h2 {
  color: var(--orca-fg) !important;
  font-family: var(--orca-font) !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
}

html[data-theme="dark"] .primary-content .card-header,
html[data-theme="dark"] .primary-content .panel-heading,
html[data-theme="dark"] #main-body .card:not(.card-sidebar) > .card-header,
html[data-theme="dark"] .card:not(.card-sidebar) > .card-header,
html[data-theme="dark"] .panel-default > .panel-heading {
    color: #ffffff !important;
  }

html[data-theme="dark"] .primary-content .card-title,
html[data-theme="dark"] .primary-content h1,
html[data-theme="dark"] .primary-content h2,
html[data-theme="dark"] #main-body h1 {
    color: #ffffff !important;
  }


.card-body,
.panel-body,
.primary-content .card-body {
  padding: 1.15rem 1.25rem !important;
  color: var(--orca-dim);
}

html[data-theme="dark"] .card-body,
html[data-theme="dark"] .panel-body {
    color: var(--orca-chrome-muted);
  }


/* Soft FA icons in content */
.primary-content .card i.fa,
.primary-content .card i.fas,
.primary-content .card i.far,
.primary-content .panel i.fa,
.primary-content .tile i {
  opacity: 0.75;
  font-size: 0.95rem;
}
.btn i.fa,
.btn i.fas,
.btn i.far {
  opacity: 0.9;
  font-size: 0.875rem;
}

/* Primary buttons stay brand */
.btn-primary,
.btn.btn-primary {
  background: #7c3aed !important;
  border-color: #7c3aed !important;
  color: #ffffff !important;
  border-radius: var(--orca-chrome-card-r) !important;
  font-family: var(--orca-font) !important;
  font-weight: 600 !important;
  letter-spacing: -0.015em;
}
.btn-primary:hover,
.btn-primary:focus {
  background: #6d28d9 !important;
  border-color: #6d28d9 !important;
  color: #ffffff !important;
}

/* Body / shell bg alignment */
body.primary-bg-color,
body,
#main-body {
  background-color: var(--orca-chrome-shell) !important;
  font-family: var(--orca-font) !important;
}

html[data-theme="dark"] body.primary-bg-color,
html[data-theme="dark"] body,
html[data-theme="dark"] #main-body {
    background-color: hsl(240 10% 3.9%) !important;
    color: hsl(0 0% 98%);
  }


/* Tables inside cards — dark-aware */

html[data-theme="dark"] .primary-content .table,
html[data-theme="dark"] #main-body .table {
    color: hsl(0 0% 96%);
  }

html[data-theme="dark"] .primary-content .table thead th,
html[data-theme="dark"] #main-body .table thead th {
    border-color: var(--orca-chrome-hairline) !important;
    color: var(--orca-chrome-muted) !important;
    font-weight: 600;
    letter-spacing: -0.01em;
  }

html[data-theme="dark"] .primary-content .table td,
html[data-theme="dark"] #main-body .table td {
    border-color: var(--orca-chrome-hairline) !important;
  }


/* Domain category / browse pills (orderform chrome overlap) */
#order-standard_cart .tld-filters a,
#order-standard_cart .domain-lookup-category,
.domain-lookup-result .btn,
.primary-content .btn-group-sm > .btn {
  border-radius: var(--orca-chrome-pill) !important;
}

/* Final kill — any leftover #666 / gray active from theme.css */
.sidebar .list-group-item.active,
.list-group .list-group-item.active,
a.list-group-item.active,
button.list-group-item.active {
  background-color: #7c3aed !important;
  background-image: none !important;
  color: #ffffff !important;
}

/* === end ORCASTRA CHROME v2 === */


/* === ORCASTRA CARDS v3 === */
/* Client-home tiles + content/sidebar cards — app.orcastra.io metric/panel look */

:root {
  --orca-card-elevated: hsl(240 6% 9%);
  --orca-card-border: hsl(240 3.7% 18%);
  --orca-card-gap: 1rem;
}


html[data-theme="light"] {
    --orca-card-elevated: #ffffff;
    --orca-card-border: hsl(220 13% 87%);
  }



html[data-theme="dark"] {
    --orca-card-elevated: hsl(240 6% 9%);
    --orca-card-border: hsl(240 3.7% 18%);
  }


/* ---- Summary metric tiles (clientareahome) ---- */
.tiles {
  margin-bottom: 1.25rem !important;
}
.tiles .row.no-gutters {
  margin: 0;
  gap: 0;
}
.tiles .row.no-gutters > [class*="col-"] {
  padding: 0.35rem !important;
}
.tiles .tile {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  min-height: 7.5rem;
  margin: 0 !important;
  padding: 1.1rem 1.15rem 1.25rem !important;
  background: var(--orca-card-elevated) !important;
  border: 1px solid var(--orca-card-border) !important;
  border-radius: 0.75rem !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.03) inset, 0 8px 24px rgba(0,0,0,0.22) !important;
  color: var(--orca-fg) !important;
  text-decoration: none !important;
  overflow: hidden;
  transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.tiles .tile:hover {
  border-color: color-mix(in srgb, #7c3aed 45%, var(--orca-card-border)) !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 28px rgba(124, 58, 237, 0.12), 0 8px 24px rgba(0,0,0,0.28) !important;
  text-decoration: none !important;
}
.tiles .tile > i {
  position: static !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  margin: 0 0 0.75rem !important;
  padding: 0 !important;
  font-size: 0.85rem !important;
  color: #c4b5fd !important;
  background: rgba(124, 58, 237, 0.16) !important;
  border-radius: 0.5rem !important;
  opacity: 1 !important;
}
.tiles .tile .stat {
  font-family: var(--orca-font) !important;
  font-size: 1.75rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em;
  line-height: 1.1 !important;
  color: #7c3aed !important; /* consistent purple metrics */
  margin: 0 0 0.25rem !important;
}
.tiles .tile .title {
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--orca-muted-fg) !important;
  margin: 0 !important;
}
/* Replace rainbow underlines with single soft purple accent bar */
.tiles .tile .highlight {
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  bottom: 0 !important;
  top: auto !important;
  width: 100% !important;
  height: 2px !important;
  border-radius: 0 !important;
  background: linear-gradient(90deg, #7c3aed, #a78bfa 55%, transparent) !important;
  opacity: 0.9;
}
.tiles .tile .highlight.bg-color-blue,
.tiles .tile .highlight.bg-color-green,
.tiles .tile .highlight.bg-color-red,
.tiles .tile .highlight.bg-color-gold {
  background: linear-gradient(90deg, #7c3aed, #a78bfa 55%, transparent) !important;
}


html[data-theme="light"] .tiles .tile {
    box-shadow: 0 1px 2px rgba(15,23,42,0.04), 0 8px 20px rgba(15,23,42,0.05) !important;
  }

html[data-theme="light"] .tiles .tile > i {
    color: #7c3aed !important;
    background: rgba(124, 58, 237, 0.1) !important;
  }


/* ---- Content + sidebar cards ---- */
#main-body .card,
#main-body .panel,
#main-body .panel-default,
.client-home-cards .card,
.client-home-panels .panel,
.sidebar .card,
.sidebar .card-sidebar,
.card:not(.logincontainer) {
  background: var(--orca-card-elevated) !important;
  border: 1px solid var(--orca-card-border) !important;
  border-radius: 0.75rem !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.03) inset, 0 10px 30px rgba(0,0,0,0.2) !important;
  overflow: hidden;
  margin-bottom: 1rem;
}
#main-body .card.card-accent-blue,
#main-body .card.card-accent-green,
#main-body .card.card-accent-red,
#main-body .card.card-accent-orange,
#main-body .card.card-accent-gold,
#main-body .card.card-accent-pink,
#main-body .card.card-accent-purple,
#main-body .card.card-accent-magenta,
#main-body .card.card-accent-cyan,
#main-body .card[class*="card-accent-"] {
  border-top: 1px solid var(--orca-card-border) !important;
  border-left: 3px solid #7c3aed !important;
}

#main-body .card > .card-header,
#main-body .panel-heading,
.client-home-cards .card-header,
.sidebar .card > .card-header,
.sidebar .card-sidebar > .card-header {
  background: transparent !important;
  border-bottom: 1px solid var(--orca-card-border) !important;
  padding: 0.9rem 1.1rem !important;
}
#main-body .card-title,
.client-home-cards .card-title,
.sidebar .card-title,
.panel-title {
  font-size: 0.72rem !important;
  font-weight: 650 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  color: var(--orca-fg) !important;
  display: flex;
  align-items: center;
  gap: 0.45rem;
}
#main-body .card-title > i,
.client-home-cards .card-title > i,
.sidebar .card-title > i {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 1.65rem;
  height: 1.65rem;
  font-size: 0.75rem !important;
  color: #c4b5fd !important;
  background: rgba(124, 58, 237, 0.16) !important;
  border-radius: 0.45rem !important;
  margin: 0 !important;
}

#main-body .card-body,
.client-home-cards .card-body,
.sidebar .card-body {
  padding: 1rem 1.1rem !important;
  color: var(--orca-dim) !important;
  background: transparent !important;
}
#main-body .card-footer,
.client-home-cards .card-footer,
.sidebar .card-footer {
  background: transparent !important;
  border-top: 1px solid var(--orca-card-border) !important;
  padding: 0.85rem 1.1rem !important;
}

/* Home panel list rows */
.client-home-cards .list-group-item,
#main-body .card .list-group-item {
  background: transparent !important;
  border-color: var(--orca-card-border) !important;
  color: var(--orca-fg) !important;
  padding: 0.85rem 1.1rem !important;
}
.client-home-cards .list-group-item:hover,
#main-body .card .list-group-item-action:hover {
  background: rgba(124, 58, 237, 0.08) !important;
  color: var(--orca-fg) !important;
}

/* Status pills in cards */
.client-home-cards .label,
#main-body .card .label,
#main-body .card .badge {
  border-radius: 9999px !important;
  font-weight: 600 !important;
  font-size: 0.68rem !important;
  letter-spacing: 0.02em;
  padding: 0.28rem 0.65rem !important;
}
.client-home-cards .label-success,
#main-body .card .label-success { background: #059669 !important; color: #fff !important; }
.client-home-cards .label-warning,
#main-body .card .label-warning { background: #d97706 !important; color: #fff !important; }

/* Buttons inside cards — Orcastra purple primary, not Bootstrap green */
#main-body .card .btn-success,
.sidebar .card .btn-success,
.client-home-cards .btn-success,
#main-body .card .btn.bg-color-green,
.sidebar .btn.bg-color-green,
.card-footer .btn-success,
.domain-checker-container .btn-success {
  background: #7c3aed !important;
  border-color: #7c3aed !important;
  color: #fff !important;
  border-radius: 0.65rem !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}
#main-body .card .btn-success:hover,
.sidebar .card .btn-success:hover,
.client-home-cards .btn-success:hover {
  background: #6d28d9 !important;
  border-color: #6d28d9 !important;
}
#main-body .card .btn-default,
#main-body .card .btn-secondary,
.client-home-cards .btn-default,
.sidebar .card .btn-default,
.card .btn-xs.btn-default {
  background: hsl(240 3.7% 15.9%) !important;
  border: 1px solid var(--orca-card-border) !important;
  color: var(--orca-fg) !important;
  border-radius: 0.65rem !important;
  font-weight: 500 !important;
}

html[data-theme="light"] #main-body .card .btn-default,
html[data-theme="light"] .client-home-cards .btn-default,
html[data-theme="light"] .sidebar .card .btn-default {
    background: hsl(220 13% 94%) !important;
    color: hsl(222 47% 11%) !important;
  }

#main-body .card .btn-default:hover,
.client-home-cards .btn-default:hover {
  border-color: #7c3aed !important;
  color: #c4b5fd !important;
}

/* Header action pills (Open New Ticket etc.) */
.client-home-cards .card-header .btn,
#main-body .card-header .btn {
  border-radius: 9999px !important;
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
  padding: 0.28rem 0.75rem !important;
  background: rgba(124, 58, 237, 0.18) !important;
  border: 1px solid rgba(124, 58, 237, 0.35) !important;
  color: #e9d5ff !important;
}
.client-home-cards .card-header .btn:hover {
  background: #7c3aed !important;
  border-color: #7c3aed !important;
  color: #fff !important;
}

/* Domain register strip inside card */
.client-home-cards .input-group .form-control,
#main-body .card .form-control {
  background: hsl(240 3.7% 12%) !important;
  border: 1px solid var(--orca-card-border) !important;
  color: var(--orca-fg) !important;
  border-radius: 0.65rem !important;
}

html[data-theme="light"] .client-home-cards .input-group .form-control,
html[data-theme="light"] #main-body .card .form-control {
    background: #fff !important;
    color: hsl(222 47% 11%) !important;
  }


/* Tighter card stack spacing in home grid */
.client-home-cards .row > [class*="col-"] {
  margin-bottom: 0.25rem;
}
.client-home-cards .card + .card {
  margin-top: 0;
}


/* === ORCASTRA THEME TOGGLE === */
.orca-theme-toggle {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 2.35rem;
  height: 2.35rem;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 9999px !important;
  border: 1px solid var(--orca-border, hsl(220 13% 87%)) !important;
  background: var(--orca-secondary, hsl(220 13% 91%)) !important;
  color: var(--orca-fg, #0a0a0a) !important;
  line-height: 1 !important;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease, color .15s ease, transform .15s ease;
}
.orca-theme-toggle:hover {
  border-color: #7c3aed !important;
  color: #7c3aed !important;
  transform: translateY(-1px);
}
.orca-theme-toggle:focus {
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(124, 58, 237, 0.35) !important;
}
.orca-theme-toggle i { font-size: 0.95rem !important; pointer-events: none; }
.orca-theme-toggle .orca-icon-sun { display: none; }
.orca-theme-toggle .orca-icon-moon { display: inline-block; }
html[data-theme="dark"] .orca-theme-toggle {
  background: hsl(240 3.7% 15.9%) !important;
  border-color: hsl(240 3.7% 22%) !important;
  color: #e9d5ff !important;
}
html[data-theme="dark"] .orca-theme-toggle .orca-icon-sun { display: inline-block; }
html[data-theme="dark"] .orca-theme-toggle .orca-icon-moon { display: none; }
html[data-theme="light"] .orca-theme-toggle .orca-icon-sun { display: none; }
html[data-theme="light"] .orca-theme-toggle .orca-icon-moon { display: inline-block; }

/* Keep color-scheme for native form controls */
html[data-theme="dark"] { color-scheme: dark; }
html[data-theme="light"] { color-scheme: light; }


/* === ORCASTRA LOGO + NAV HOVER FIX === */
header#header .logo-img,
#header .logo-img,
.logo-img,
.logo-img--mark {
  max-height: 40px !important;
  height: 40px !important;
  width: auto !important;
  display: block;
}
.orca-brandbar .navbar-brand {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

/* Top nav: soft hover, no thick outline / double chrome */
#mainNavbar .navbar-nav > li > a,
#nav.navbar-nav > li > a,
.main-navbar-wrapper .navbar-nav > li > a,
.orca-mainnav .navbar-nav > li > a {
  border: 1px solid transparent !important;
  box-shadow: none !important;
  outline: none !important;
}
#mainNavbar .navbar-nav > li > a:hover,
#mainNavbar .navbar-nav > li > a:focus,
.main-navbar-wrapper .navbar-nav > li > a:hover,
.orca-mainnav .navbar-nav > li > a:hover {
  background: rgba(124, 58, 237, 0.08) !important;
  color: var(--orca-fg) !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
/* Open dropdown parent — soft tint, not outlined pill */
#mainNavbar .navbar-nav > li.show > a,
#mainNavbar .navbar-nav > li.dropdown.show > a,
.main-navbar-wrapper .navbar-nav > li.show > a,
.orca-mainnav .navbar-nav > li.show > a {
  background: rgba(124, 58, 237, 0.12) !important;
  color: #7c3aed !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] #mainNavbar .navbar-nav > li.show > a,
html[data-theme="dark"] .main-navbar-wrapper .navbar-nav > li.show > a {
  background: rgba(124, 58, 237, 0.22) !important;
  color: #e9d5ff !important;
}

/* Dropdown menu — single-layer hover */
#header .dropdown-menu,
.main-navbar-wrapper .dropdown-menu,
.orca-mainnav .dropdown-menu {
  padding: 0.35rem !important;
  min-width: 12.5rem;
}
#header .dropdown-menu > li.orca-dd-item,
#header .dropdown-menu > li.dropdown-item,
.main-navbar-wrapper .dropdown-menu > li {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none;
}
#header .dropdown-menu > li > a.dropdown-item,
.main-navbar-wrapper .dropdown-menu > li > a.dropdown-item,
.orca-mainnav .dropdown-menu > li > a.dropdown-item {
  display: block !important;
  width: 100%;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0.5rem !important;
  padding: 0.55rem 0.85rem !important;
  margin: 0.1rem 0 !important;
  color: var(--orca-fg) !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
}
#header .dropdown-menu > li > a.dropdown-item:hover,
#header .dropdown-menu > li > a.dropdown-item:focus,
.main-navbar-wrapper .dropdown-menu > li > a.dropdown-item:hover,
.orca-mainnav .dropdown-menu > li > a.dropdown-item:hover {
  background: rgba(124, 58, 237, 0.1) !important;
  color: #7c3aed !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] #header .dropdown-menu > li > a.dropdown-item:hover,
html[data-theme="dark"] .main-navbar-wrapper .dropdown-menu > li > a.dropdown-item:hover {
  background: rgba(124, 58, 237, 0.2) !important;
  color: #c4b5fd !important;
}

/* Kill nested Bootstrap dropdown-item hover on accidental double class */
#header .dropdown-menu .dropdown-item .dropdown-item,
#header li.dropdown-item:hover {
  background: transparent !important;
}


/* orca.id mark (PNG) */
.logo-img--mark {
  max-height: 36px !important;
  height: 36px !important;
  width: auto !important;
}


/* === CLIENT QA POLISH v1 === */
/* Empty/ghost active list items in sidebars (announcements SUPPORT blank pill) */
.card-sidebar .list-group-item:empty,
.panel-sidebar .list-group-item:empty,
.list-group-item.list-group-item-action:empty {
  display: none !important;
}
.card-sidebar .list-group-item,
.panel-sidebar .list-group-item {
  min-height: 0;
}
.card-sidebar .list-group-item.active:not([href]):not([onclick]):empty,
.panel-sidebar a.list-group-item.active:empty {
  display: none !important;
}
/* Active sidebar item — solid brand pill (never tint-only; white text needs #7c3aed) */
.card-sidebar .list-group .list-group-item.active,
.card-sidebar .list-group .list-group-item-action.active,
.sidebar .card-sidebar .list-group .list-group-item.active,
.sidebar .card-sidebar .list-group .list-group-item-action.active {
  background: #7c3aed !important;
  background-color: #7c3aed !important;
  background-image: none !important;
  border-color: #7c3aed !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(124, 58, 237, 0.28) !important;
}
html[data-theme="dark"] .card-sidebar .list-group .list-group-item.active,
html[data-theme="dark"] .sidebar .card-sidebar .list-group .list-group-item.active {
  background: #7c3aed !important;
  background-color: #7c3aed !important;
  color: #ffffff !important;
}

/* Light mode search: clearer border against white header */
html[data-theme="light"] header#header .input-group.search,
html[data-theme="light"] .orca-brandbar .input-group.search {
  background: hsl(220 14% 96%) !important;
  border: 1px solid hsl(220 13% 82%) !important;
  box-shadow: none !important;
}
html[data-theme="light"] header#header .input-group.search .form-control {
  color: hsl(222 47% 11%) !important;
}
html[data-theme="light"] header#header .input-group.search .form-control::placeholder {
  color: hsl(220 9% 46%) !important;
}

/* Tables (invoices etc.) */
html[data-theme="light"] .table thead th,
html[data-theme="light"] table.dataTable thead th {
  background: hsl(220 13% 96%) !important;
  color: hsl(220 9% 32%) !important;
  border-color: hsl(220 13% 87%) !important;
  font-weight: 650;
}
html[data-theme="dark"] .table thead th,
html[data-theme="dark"] table.dataTable thead th {
  background: hsl(240 6% 10%) !important;
  color: hsl(240 5% 70%) !important;
  border-color: hsl(240 3.7% 18%) !important;
}

/* Green checkout → brand purple for consistency */
.btn-success,
a.btn-success {
  background-color: #7c3aed !important;
  border-color: #7c3aed !important;
}
.btn-success:hover,
a.btn-success:hover {
  background-color: #6d28d9 !important;
  border-color: #6d28d9 !important;
}

/* View-cart empty / promo polish when not under orderform tokens */
#order-standard_cart .btn-checkout,
#order-standard_cart .checkout-btn {
  background: #7c3aed !important;
  border-color: #7c3aed !important;
}


/* === DOMAIN CARDS QA v4 === */
/* Kill standard_cart gray header chips from client all.min.css */
#order-standard_cart.order-orcastra .domain-pricing .tld-pricing-header .col-xs-2,
#order-standard_cart.order-orcastra .domain-pricing .tld-pricing-header .col-sm-2,
#order-standard_cart.order-orcastra .domain-pricing .tld-pricing-header .col-xs-4,
#order-standard_cart.order-orcastra .domain-pricing .tld-pricing-header .col-sm-4,
#order-standard_cart.order-orcastra .domain-pricing .tld-pricing-header .col-4,
#order-standard_cart.order-orcastra .domain-pricing .tld-pricing-header .col-md-4,
#order-standard_cart.order-orcastra .domain-pricing .tld-pricing-header .col-md-8,
#order-standard_cart.order-orcastra .domain-pricing .tld-pricing-header .tld-column,
#order-standard_cart.order-orcastra .domain-pricing .tld-pricing-header div,
#order-standard_cart.order-orcastra .domain-pricing .tld-pricing-header div:nth-child(odd),
#order-standard_cart.order-orcastra .domain-pricing .tld-pricing-header div:nth-child(even),
.domain-pricing .tld-pricing-header .col-xs-4,
.domain-pricing .tld-pricing-header .col-sm-4,
.domain-pricing .tld-pricing-header .col-4,
.domain-pricing .tld-pricing-header div:nth-child(odd),
.domain-pricing .tld-pricing-header div:nth-child(even) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-bottom: 0 !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  height: auto !important;
  box-shadow: none !important;
}
#order-standard_cart.order-orcastra .domain-pricing .tld-pricing-header {
  background: transparent !important;
  border-bottom: 1px solid hsl(220 13% 90%) !important;
}
#order-standard_cart.order-orcastra .domain-pricing .two-row-center {
  border-right: 0 !important;
}

/* Promo: equal CTA baseline */
#order-standard_cart.order-orcastra .orcastra-promo-card {
  min-height: 240px !important;
  padding: 1.15rem !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.04), 0 6px 16px rgba(15,23,42,.04) !important;
}
#order-standard_cart.order-orcastra .orcastra-promo-card h3 {
  font-size: 1rem !important;
  line-height: 1.35 !important;
}
#order-standard_cart.order-orcastra .orcastra-promo-body {
  flex: 1 1 auto;
  min-height: 0;
}
#order-standard_cart.order-orcastra .orcastra-promo-desc,
#order-standard_cart.order-orcastra .orcastra-promo-note {
  min-height: 2.6em; /* reserve space so both cards align CTAs */
}
#order-standard_cart.order-orcastra .orcastra-promo-btn {
  margin-top: auto !important;
  width: auto !important;
}

/* Lighter card chrome overall */
#order-standard_cart.order-orcastra .domain-checker-container,
#order-standard_cart.order-orcastra .domain-pricing {
  box-shadow: 0 1px 2px rgba(15,23,42,.04), 0 6px 16px rgba(15,23,42,.04) !important;
  border-color: hsl(220 13% 90%) !important;
}
#order-standard_cart.order-orcastra .domain-checker-container {
  padding: 1.1rem !important;
}
#order-standard_cart.order-orcastra .domain-pricing {
  padding: 1.1rem 1.1rem 0.6rem !important;
}

/* === SIDEBAR POLISH v4 (20260910q) ===
   Fixes messy floating cards / lavender “pill” headers / dark-mode clashes.
   Wins over CHROME v2 + CARDS v3 by sitting last with high specificity. */
.sidebar .card.card-sidebar,
.sidebar .card-sidebar,
.sidebar .panel-sidebar,
.sidebar .card.mb-3.card-sidebar {
  margin-bottom: 0.55rem !important;
  background: #ffffff !important;
  border: 1px solid hsl(220 13% 88%) !important;
  border-radius: 0.75rem !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
  overflow: hidden !important;
}

html[data-theme="dark"] .sidebar .card.card-sidebar,
html[data-theme="dark"] .sidebar .card-sidebar,
html[data-theme="dark"] .sidebar .panel-sidebar {
  background: hsl(240 6% 8%) !important;
  border-color: hsl(240 3.7% 18%) !important;
  box-shadow: none !important;
}

/* Flush header bar — soft muted strip, not brand-50 lavender pill */
.sidebar .card-sidebar > .card-header,
.sidebar .card.card-sidebar > .card-header,
.sidebar .panel-sidebar > .panel-heading {
  background: hsl(220 14% 96%) !important;
  background-color: hsl(220 14% 96%) !important;
  border-bottom: 1px solid hsl(220 13% 88%) !important;
  margin: 0 !important;
  padding: 0.6rem 0.85rem !important;
  border-radius: 0 !important;
  color: hsl(222 47% 11%) !important;
}

html[data-theme="dark"] .sidebar .card-sidebar > .card-header,
html[data-theme="dark"] .sidebar .card.card-sidebar > .card-header,
html[data-theme="dark"] .sidebar .panel-sidebar > .panel-heading {
  background: hsl(240 5% 12%) !important;
  background-color: hsl(240 5% 12%) !important;
  border-bottom-color: hsl(240 3.7% 18%) !important;
  color: hsl(0 0% 96%) !important;
}

.sidebar .card-sidebar .card-header .card-title,
.sidebar .card-sidebar .card-header h3,
.sidebar .card-sidebar .card-title,
.sidebar .card-sidebar .panel-title {
  color: hsl(222 47% 11%) !important;
  font-size: 0.6875rem !important;
  font-weight: 650 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  width: 100%;
}

html[data-theme="dark"] .sidebar .card-sidebar .card-header .card-title,
html[data-theme="dark"] .sidebar .card-sidebar .card-header h3,
html[data-theme="dark"] .sidebar .card-sidebar .card-title,
html[data-theme="dark"] .sidebar .card-sidebar .card-header *,
html[data-theme="dark"] .sidebar .card-sidebar .panel-title {
  color: hsl(0 0% 94%) !important;
}

/* Kill lavender icon chips in sidebar headers — plain brand glyph */
.sidebar .card-sidebar .card-title > i,
.sidebar .card-sidebar .card-header .card-title > i,
.sidebar .card-sidebar .card-header h3 > i {
  display: inline !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 0.15rem 0 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  color: #7c3aed !important;
  font-size: 0.8rem !important;
  opacity: 1 !important;
}

html[data-theme="dark"] .sidebar .card-sidebar .card-title > i,
html[data-theme="dark"] .sidebar .card-sidebar .card-header .card-title > i,
html[data-theme="dark"] .sidebar .card-sidebar .card-header h3 > i {
  color: #a78bfa !important;
  background: transparent !important;
}

.sidebar .card-sidebar .card-minimise,
.sidebar .card-sidebar .card-header .card-minimise {
  color: hsl(220 9% 46%) !important;
  opacity: 0.75 !important;
  background: transparent !important;
  margin-left: auto !important;
}

html[data-theme="dark"] .sidebar .card-sidebar .card-minimise,
html[data-theme="dark"] .sidebar .card-sidebar .card-header .card-minimise {
  color: hsl(240 5% 64.9%) !important;
}

.sidebar .card-sidebar .card-header .badge {
  background: rgba(124, 58, 237, 0.12) !important;
  color: #7c3aed !important;
  border-radius: 9999px !important;
  font-size: 0.65rem !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

html[data-theme="dark"] .sidebar .card-sidebar .card-header .badge {
  background: rgba(124, 58, 237, 0.28) !important;
  color: #c4b5fd !important;
}

/* Body padding compact */
.sidebar .card-sidebar .card-body,
.sidebar .card-sidebar .collapsable-card-body > .card-body {
  padding: 0.75rem 0.85rem !important;
  color: var(--orca-dim) !important;
  background: transparent !important;
}

html[data-theme="dark"] .sidebar .card-sidebar .card-body {
  color: hsl(240 5% 78%) !important;
}

/* List rows: keep capsule, tighten */
.sidebar .card-sidebar .list-group,
.sidebar .card-sidebar .list-group-flush {
  padding: 0.35rem 0.4rem 0.5rem !important;
  background: transparent !important;
  border: none !important;
}

.sidebar .card-sidebar .list-group-item:not(.active),
.sidebar .card-sidebar .list-group-item-action:not(.active) {
  background: transparent !important;
  border: none !important;
  border-radius: 0.55rem !important;
  color: hsl(222 47% 11%) !important;
  margin: 0.1rem 0 !important;
  padding: 0.45rem 0.65rem !important;
}
.sidebar .card-sidebar .list-group-item.active,
.sidebar .card-sidebar .list-group-item-action.active {
  border: none !important;
  border-radius: 0.55rem !important;
  margin: 0.1rem 0 !important;
  padding: 0.45rem 0.65rem !important;
}

html[data-theme="dark"] .sidebar .card-sidebar .list-group-item,
html[data-theme="dark"] .sidebar .card-sidebar .list-group-item-action {
  color: hsl(0 0% 94%) !important;
}

.sidebar .card-sidebar .list-group-item-action:hover:not(.active),
.sidebar .card-sidebar .list-group-item-action:focus:not(.active) {
  background: rgba(124, 58, 237, 0.08) !important;
  color: inherit !important;
}

html[data-theme="dark"] .sidebar .card-sidebar .list-group-item-action:hover:not(.active) {
  background: rgba(124, 58, 237, 0.2) !important;
  color: #ffffff !important;
}

/* Active row */
.sidebar .card-sidebar .list-group-item.active,
.sidebar .card-sidebar .list-group-item-action.active,
.sidebar .list-group-item.active {
  background: #7c3aed !important;
  border: none !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(124, 58, 237, 0.28) !important;
}

.sidebar .card-sidebar .list-group-item.active *,
.sidebar .list-group-item.active * {
  color: #ffffff !important;
}

/* Row icon chips stay soft purple (body rows only, not header) */
.sidebar .card-sidebar .sidebar-menu-item-icon-wrapper {
  background: rgba(124, 58, 237, 0.12) !important;
  color: #7c3aed !important;
}

html[data-theme="dark"] .sidebar .card-sidebar .sidebar-menu-item-icon-wrapper {
  background: rgba(124, 58, 237, 0.22) !important;
  color: #c4b5fd !important;
}

html[data-theme="dark"] .sidebar .card-sidebar .sidebar-menu-item-icon {
  color: #c4b5fd !important;
}

.sidebar .card-sidebar .list-group-item.active .sidebar-menu-item-icon-wrapper {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}

.sidebar .card-sidebar .list-group-item .badge,
.sidebar .card-sidebar .sidebar-menu-item-badge .badge {
  background: rgba(124, 58, 237, 0.12) !important;
  color: #7c3aed !important;
  border-radius: 9999px !important;
}

html[data-theme="dark"] .sidebar .card-sidebar .list-group-item .badge,
html[data-theme="dark"] .sidebar .card-sidebar .sidebar-menu-item-badge .badge {
  background: rgba(124, 58, 237, 0.28) !important;
  color: #c4b5fd !important;
}

.sidebar .card-sidebar .list-group-item.active .badge {
  background: rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
}

/* Mobile select duplicate cards in sidebar */
.sidebar .card.d-block.d-md-none {
  margin-bottom: 0.55rem !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

/* === ACTIVE SIDEBAR FIX v6 (20260910s) ===
   Root cause: :hover/:focus !important equaled .active specificity and
   transparent base rows + white text made the selected item invisible.
   Nuclear fill via inset box-shadow cannot be overridden by background. */
html body .sidebar .card.card-sidebar .list-group .list-group-item.active,
html body .sidebar .card.card-sidebar .list-group .list-group-item-action.active,
html body .sidebar .card-sidebar a.list-group-item.active,
html body .sidebar .card-sidebar a.list-group-item-action.active,
html body .sidebar .card-sidebar div.list-group-item.active,
html body .sidebar .card-sidebar .list-group-flush > .list-group-item.active,
html body .sidebar .card-sidebar .list-group-item.active:hover,
html body .sidebar .card-sidebar .list-group-item.active:focus,
html body .sidebar .card-sidebar .list-group-item-action.active:hover,
html body .sidebar .card-sidebar .list-group-item-action.active:focus {
  background: #7c3aed !important;
  background-color: #7c3aed !important;
  background-image: none !important;
  border: none !important;
  border-color: #7c3aed !important;
  color: #ffffff !important;
  opacity: 1 !important;
  /* inset fill wins even if another rule resets background */
  box-shadow: inset 0 0 0 9999px #7c3aed, 0 2px 8px rgba(124, 58, 237, 0.28) !important;
}

html body .sidebar .card-sidebar .list-group-item.active,
html body .sidebar .card-sidebar .list-group-item.active *,
html body .sidebar .card-sidebar .list-group-item-action.active,
html body .sidebar .card-sidebar .list-group-item-action.active * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

html body .sidebar .card-sidebar .list-group-item.active .sidebar-menu-item-icon-wrapper,
html body .sidebar .card-sidebar .list-group-item-action.active .sidebar-menu-item-icon-wrapper {
  background: rgba(255, 255, 255, 0.22) !important;
  box-shadow: none !important;
  color: #ffffff !important;
}

html body .sidebar .card-sidebar .list-group-item.active .badge,
html body .sidebar .card-sidebar .list-group-item-action.active .badge {
  background: rgba(255, 255, 255, 0.22) !important;
  box-shadow: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* === SIDEBAR STATUS ICONS v2 (20260910u) ===
   Beat chrome purple + fa-circle muted defaults with higher specificity.
   Pending uses fa-dot-circle (not fa-circle) — must be included. */

/* Neutral wrappers for status dots (no purple chip) */
.sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon-wrapper {
  background: transparent !important;
  width: 1.35rem !important;
  height: 1.35rem !important;
  min-width: 1.35rem !important;
  color: inherit !important;
}

/* Default muted ONLY when not a known status row */
.sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon.fa-circle,
.sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon.far.fa-circle,
.sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon.fa-dot-circle,
.sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon.far.fa-dot-circle,
.sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon-placeholder {
  color: hsl(220 9% 55%) !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon.fa-circle,
html[data-theme="dark"] .sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon.fa-dot-circle,
html[data-theme="dark"] .sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon-placeholder {
  color: hsl(240 5% 58%) !important;
}

/* Status colors — include .card-sidebar + icon type for specificity > muted/purple */
.sidebar .card-sidebar .list-group-item[menuItemName="Active"] .sidebar-menu-item-icon,
.sidebar .card-sidebar .list-group-item[menuItemName="Active"] .sidebar-menu-item-icon.fa-circle,
.sidebar .card-sidebar .list-group-item[menuItemName="Active"] .sidebar-menu-item-icon.far.fa-circle,
.sidebar .card-sidebar .list-group-item[menuItemName="Paid"] .sidebar-menu-item-icon,
.sidebar .card-sidebar .list-group-item[menuItemName="Open"] .sidebar-menu-item-icon,
.sidebar .card-sidebar .list-group-item[menuItemName="Completed"] .sidebar-menu-item-icon {
  color: #16a34a !important;
}

.sidebar .card-sidebar .list-group-item[menuItemName="Pending"] .sidebar-menu-item-icon,
.sidebar .card-sidebar .list-group-item[menuItemName="Pending"] .sidebar-menu-item-icon.fa-dot-circle,
.sidebar .card-sidebar .list-group-item[menuItemName="Pending"] .sidebar-menu-item-icon.far.fa-dot-circle,
.sidebar .card-sidebar .list-group-item[menuItemName="Pending"] .sidebar-menu-item-icon.fa-circle,
.sidebar .card-sidebar .list-group-item[menuItemName="Unpaid"] .sidebar-menu-item-icon,
.sidebar .card-sidebar .list-group-item[menuItemName="Customer-Reply"] .sidebar-menu-item-icon,
.sidebar .card-sidebar .list-group-item[menuItemName="Customer Reply"] .sidebar-menu-item-icon {
  color: #ea580c !important;
}

.sidebar .card-sidebar .list-group-item[menuItemName="Suspended"] .sidebar-menu-item-icon,
.sidebar .card-sidebar .list-group-item[menuItemName="Suspended"] .sidebar-menu-item-icon.fa-circle,
.sidebar .card-sidebar .list-group-item[menuItemName="Answered"] .sidebar-menu-item-icon,
.sidebar .card-sidebar .list-group-item[menuItemName="On Hold"] .sidebar-menu-item-icon,
.sidebar .card-sidebar .list-group-item[menuItemName="Collections"] .sidebar-menu-item-icon {
  color: #2563eb !important;
}

.sidebar .card-sidebar .list-group-item[menuItemName="Terminated"] .sidebar-menu-item-icon,
.sidebar .card-sidebar .list-group-item[menuItemName="Cancelled"] .sidebar-menu-item-icon,
.sidebar .card-sidebar .list-group-item[menuItemName="Fraud"] .sidebar-menu-item-icon,
.sidebar .card-sidebar .list-group-item[menuItemName="Closed"] .sidebar-menu-item-icon,
.sidebar .card-sidebar .list-group-item[menuItemName="Expired"] .sidebar-menu-item-icon,
.sidebar .card-sidebar .list-group-item[menuItemName="Refunded"] .sidebar-menu-item-icon {
  color: #64748b !important;
}

.sidebar .card-sidebar .list-group-item[menuItemName="In Progress"] .sidebar-menu-item-icon {
  color: #dc2626 !important;
}

/* text-* utilities from WHMCS */
.sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon.text-success { color: #16a34a !important; }
.sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon.text-danger { color: #dc2626 !important; }
.sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon.text-warning { color: #d97706 !important; }
.sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon.text-info { color: #2563eb !important; }
.sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon.text-primary { color: #7c3aed !important; }
.sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon.text-muted { color: #64748b !important; }

/* Action icons only: purple chip — exclude circle + dot-circle status glyphs */
.sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon-wrapper:has(> .sidebar-menu-item-icon.fa-ticket-alt),
.sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon-wrapper:has(> .sidebar-menu-item-icon.fa-list),
.sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon-wrapper:has(> .sidebar-menu-item-icon.fa-info-circle),
.sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon-wrapper:has(> .sidebar-menu-item-icon.fa-download),
.sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon-wrapper:has(> .sidebar-menu-item-icon.fa-rocket),
.sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon-wrapper:has(> .sidebar-menu-item-icon.fa-comments),
.sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon-wrapper:has(> .sidebar-menu-item-icon.fa-shopping-cart),
.sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon-wrapper:has(> .sidebar-menu-item-icon.fa-plus),
.sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon-wrapper:has(> .sidebar-menu-item-icon.fa-credit-card),
.sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon-wrapper:has(> .sidebar-menu-item-icon.fa-cube),
.sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon-wrapper:has(> .sidebar-menu-item-icon.fa-server),
.sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon-wrapper:has(> .sidebar-menu-item-icon.fa-globe),
.sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon-wrapper:has(> .sidebar-menu-item-icon.fa-redo),
.sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon-wrapper:has(> .sidebar-menu-item-icon.fa-sync),
.sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon-wrapper:has(> .sidebar-menu-item-icon.fa-wrench),
.sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon-wrapper:has(> .fas.sidebar-menu-item-icon:not(.fa-circle):not(.fa-dot-circle)) {
  background: rgba(124, 58, 237, 0.12) !important;
  border-radius: 0.45rem !important;
  width: 1.75rem !important;
  height: 1.75rem !important;
  min-width: 1.75rem !important;
}
.sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon-wrapper:has(> .fas.sidebar-menu-item-icon:not(.fa-circle):not(.fa-dot-circle)) > .sidebar-menu-item-icon,
.sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon.fas:not(.fa-circle):not(.fa-dot-circle) {
  color: #7c3aed !important;
}
html[data-theme="dark"] .sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon-wrapper:has(> .fas.sidebar-menu-item-icon:not(.fa-circle):not(.fa-dot-circle)) {
  background: rgba(124, 58, 237, 0.22) !important;
}
html[data-theme="dark"] .sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon.fas:not(.fa-circle):not(.fa-dot-circle) {
  color: #c4b5fd !important;
}

/* Selected row: force white icons (beat status colors) */
.sidebar .card-sidebar .list-group-item.active .sidebar-menu-item-icon,
.sidebar .card-sidebar .list-group-item.active .sidebar-menu-item-icon.fa-circle,
.sidebar .card-sidebar .list-group-item.active .sidebar-menu-item-icon.fa-dot-circle,
.sidebar .card-sidebar .list-group-item.active .sidebar-menu-item-icon.far,
.sidebar .card-sidebar .list-group-item.active .sidebar-menu-item-icon.fas,
.sidebar .card-sidebar .list-group-item-action.active .sidebar-menu-item-icon {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
.sidebar .card-sidebar .list-group-item.active .sidebar-menu-item-icon-wrapper {
  background: rgba(255, 255, 255, 0.2) !important;
}

/* ---- Product details page redesign ---- */
.orca-product-details,
.product-details.orca-product-details {
  color: var(--orca-fg) !important;
}
.product-details .product-status {
  background: var(--orca-card) !important;
  border: 1px solid var(--orca-border) !important;
  border-radius: 0.75rem !important;
  overflow: hidden;
  box-shadow: var(--orca-shadow);
  padding: 0 !important;
}
/* Kill theme gray icon well that breaks dark text */
div.product-details div.product-icon {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--orca-fg) !important;
  padding: 1.5rem 1.25rem 1rem !important;
  font-size: 2.5rem !important;
  border-radius: 0 !important;
}
div.product-details div.product-icon .fa-stack {
  margin-bottom: 0.75rem;
}
div.product-details div.product-icon .fa-stack .fa-circle {
  color: rgba(124, 58, 237, 0.15) !important;
}
div.product-details div.product-icon .fa-stack .fa-inverse {
  color: #7c3aed !important;
}
html[data-theme="dark"] div.product-details div.product-icon .fa-stack .fa-circle {
  color: rgba(124, 58, 237, 0.28) !important;
}
html[data-theme="dark"] div.product-details div.product-icon .fa-stack .fa-inverse {
  color: #c4b5fd !important;
}
div.product-details div.product-icon h3 {
  color: var(--orca-fg) !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  margin: 0.35rem 0 0.15rem !important;
  line-height: 1.25 !important;
}
div.product-details div.product-icon h4 {
  color: var(--orca-muted-fg) !important;
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  margin: 0 !important;
}
.product-status-text {
  background: #7c3aed !important;
  color: #ffffff !important;
  font-weight: 650 !important;
  letter-spacing: 0.06em !important;
  padding: 0.55rem 1rem !important;
  font-size: 0.75rem !important;
}
.product-status-pending .product-status-text { background: #ea580c !important; }
.product-status-active .product-status-text { background: #16a34a !important; }
.product-status-suspended .product-status-text { background: #2563eb !important; }
.product-status-terminated .product-status-text,
.product-status-cancelled .product-status-text { background: #64748b !important; }
.product-status-fraud .product-status-text { background: #111827 !important; }

/* Status shell itself is neutral card — color only on bar */
.product-status-pending,
.product-status-active,
.product-status-suspended,
.product-status-terminated,
.product-status-cancelled,
.product-status-fraud {
  background: var(--orca-card) !important;
}

/* Billing meta column */
.orca-product-meta,
.product-details .orca-product-meta {
  text-align: left !important;
  padding: 0.5rem 0.75rem !important;
}
.orca-product-meta h4,
.product-details .orca-product-meta h4 {
  font-size: 0.68rem !important;
  font-weight: 650 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--orca-muted-fg) !important;
  margin: 0.85rem 0 0.2rem !important;
}
.orca-product-meta h4:first-child {
  margin-top: 0.25rem !important;
}
/* Values that follow h4 (raw text nodes / adjacent) */
.orca-product-meta {
  color: var(--orca-fg) !important;
  font-size: 0.925rem !important;
  font-weight: 500 !important;
  line-height: 1.45;
}

/* Outer card wrapping product details */
#tabOverview > .card,
#tabOverview > .card > .card-body {
  background: var(--orca-card) !important;
  color: var(--orca-fg) !important;
  border-color: var(--orca-border) !important;
}

/* Tabs + panel — kill bg-white whiteout in dark */
.product-details-tab-container,
.tab-content.product-details-tab-container,
.orca-product-tabs,
.tab-content.bg-white.product-details-tab-container {
  background: var(--orca-card) !important;
  background-color: var(--orca-card) !important;
  color: var(--orca-fg) !important;
  border: 1px solid var(--orca-border) !important;
  border-radius: 0 0.75rem 0.75rem 0.75rem !important;
  padding: 1.25rem !important;
  box-shadow: none !important;
}
.product-details-tab-container,
.product-details-tab-container .tab-pane,
.product-details-tab-container .row,
.product-details-tab-container strong,
.product-details-tab-container .col-sm-5,
.product-details-tab-container .col-sm-7,
.product-details-tab-container .col-sm-7,
.product-details-tab-container td,
.product-details-tab-container th,
.product-details-tab-container label,
.product-details-tab-container p {
  color: var(--orca-fg) !important;
}
.product-details-tab-container .col-sm-5,
.product-details-tab-container strong {
  color: var(--orca-muted-fg) !important;
  font-weight: 600 !important;
}
.product-details-tab-container .btn,
.product-details-tab-container a.btn {
  color: #fff !important;
}

/* Nav tabs above product panel */
#tabOverview .nav-tabs,
.primary-content .nav-tabs.responsive-tabs-sm {
  border-bottom: 1px solid var(--orca-border) !important;
}
#tabOverview .nav-tabs .nav-link,
.primary-content .nav-tabs.responsive-tabs-sm .nav-link {
  color: var(--orca-muted-fg) !important;
  border: none !important;
  border-radius: 0.55rem 0.55rem 0 0 !important;
  font-weight: 600 !important;
  font-size: 0.85rem !important;
  padding: 0.65rem 1rem !important;
  background: transparent !important;
}
#tabOverview .nav-tabs .nav-link.active,
.primary-content .nav-tabs.responsive-tabs-sm .nav-link.active {
  color: #7c3aed !important;
  background: var(--orca-card) !important;
  border: 1px solid var(--orca-border) !important;
  border-bottom-color: var(--orca-card) !important;
  margin-bottom: -1px;
}
#tabOverview .nav-tabs .nav-link i {
  color: inherit !important;
}

/* Module / manage panes inside tabs */
.product-details-tab-container .module-client-area,
.product-details-tab-container .tab-pane {
  background: transparent !important;
}

/* Action buttons under status */
.product-actions-wrapper .btn {
  border-radius: 0.65rem !important;
  font-weight: 600 !important;
  margin-top: 0.35rem;
}
.product-actions-wrapper .btn-success {
  background: #7c3aed !important;
  border-color: #7c3aed !important;
}

/* === SUBMIT TICKET DEPARTMENT CARDS (20260910v) === */
.orca-ticket-departments {
  background: var(--orca-card) !important;
  border: 1px solid var(--orca-border) !important;
  border-radius: 0.75rem !important;
  box-shadow: var(--orca-shadow) !important;
  overflow: hidden;
}
.orca-ticket-departments > .card-body {
  padding: 1.5rem 1.35rem 1.25rem !important;
  background: transparent !important;
  color: var(--orca-fg) !important;
}
.orca-ticket-departments__intro .card-title {
  font-size: 0.72rem !important;
  font-weight: 650 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  color: var(--orca-muted-fg) !important;
  margin-bottom: 0.4rem !important;
}
.orca-ticket-departments__intro .text-muted {
  color: var(--orca-dim) !important;
  font-size: 0.925rem !important;
  max-width: 42rem;
}

.orca-dept-grid {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.orca-dept-grid > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.orca-dept-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  width: 100%;
  min-height: 220px;
  padding: 1.25rem 1.15rem 1.1rem !important;
  background: var(--orca-bg-pure, #fff) !important;
  border: 1px solid var(--orca-border) !important;
  border-radius: 0.75rem !important;
  text-decoration: none !important;
  color: var(--orca-fg) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}
html[data-theme="dark"] .orca-dept-card {
  background: hsl(240 6% 9%) !important;
  box-shadow: none !important;
}
.orca-dept-card:hover,
.orca-dept-card:focus {
  border-color: color-mix(in srgb, #7c3aed 45%, var(--orca-border)) !important;
  box-shadow: 0 8px 24px rgba(124, 58, 237, 0.12) !important;
  transform: translateY(-2px);
  text-decoration: none !important;
  color: var(--orca-fg) !important;
}

.orca-dept-card__icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.75rem !important;
  height: 2.75rem !important;
  margin-bottom: 1rem !important;
  border-radius: 0.65rem !important;
  background: rgba(124, 58, 237, 0.12) !important;
  color: #7c3aed !important;
  font-size: 1.15rem !important;
}
.orca-dept-card--sales .orca-dept-card__icon,
.orca-dept-card[data-dept*="sales"] .orca-dept-card__icon {
  background: rgba(37, 99, 235, 0.12) !important;
  color: #2563eb !important;
}
.orca-dept-card--support .orca-dept-card__icon,
.orca-dept-card[data-dept*="support"] .orca-dept-card__icon,
.orca-dept-card[data-dept*="tech"] .orca-dept-card__icon {
  background: rgba(124, 58, 237, 0.12) !important;
  color: #7c3aed !important;
}
.orca-dept-card--billing .orca-dept-card__icon,
.orca-dept-card[data-dept*="bill"] .orca-dept-card__icon,
.orca-dept-card[data-dept*="finance"] .orca-dept-card__icon {
  background: rgba(16, 185, 129, 0.14) !important;
  color: #059669 !important;
}
html[data-theme="dark"] .orca-dept-card__icon {
  background: rgba(124, 58, 237, 0.22) !important;
  color: #c4b5fd !important;
}
html[data-theme="dark"] .orca-dept-card--sales .orca-dept-card__icon,
html[data-theme="dark"] .orca-dept-card[data-dept*="sales"] .orca-dept-card__icon {
  background: rgba(37, 99, 235, 0.22) !important;
  color: #93c5fd !important;
}
html[data-theme="dark"] .orca-dept-card--billing .orca-dept-card__icon,
html[data-theme="dark"] .orca-dept-card[data-dept*="bill"] .orca-dept-card__icon,
html[data-theme="dark"] .orca-dept-card[data-dept*="finance"] .orca-dept-card__icon {
  background: rgba(16, 185, 129, 0.22) !important;
  color: #6ee7b7 !important;
}

.orca-dept-card__title {
  display: block;
  font-size: 1.05rem !important;
  font-weight: 650 !important;
  letter-spacing: -0.02em;
  color: var(--orca-fg) !important;
  margin-bottom: 0.45rem !important;
  line-height: 1.3;
}
.orca-dept-card__desc {
  display: block;
  flex: 1 1 auto;
  font-size: 0.875rem !important;
  line-height: 1.45 !important;
  color: var(--orca-muted-fg) !important;
  margin-bottom: 1rem !important;
}
.orca-dept-card__cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  margin-top: auto !important;
  font-size: 0.8rem !important;
  font-weight: 650 !important;
  color: #7c3aed !important;
  letter-spacing: 0.02em;
}
.orca-dept-card:hover .orca-dept-card__cta {
  color: #6d28d9 !important;
}
.orca-dept-card__cta i {
  font-size: 0.7rem !important;
  transition: transform 0.15s ease;
}
.orca-dept-card:hover .orca-dept-card__cta i {
  transform: translateX(3px);
}

@media (max-width: 767.98px) {
  .orca-dept-card {
    min-height: 0;
  }
}

/* === ORCA SSL LANDING (20260910v) === */
.landing-page.ssl.orca-ssl {
  background: var(--orca-bg) !important;
  background-color: var(--orca-bg) !important;
  color: var(--orca-fg) !important;
  font-family: "Geist Sans", Geist, Inter, system-ui, -apple-system, sans-serif;
}
.landing-page.ssl.orca-ssl.bg-white,
.landing-page.ssl.orca-ssl .bg-white {
  background: var(--orca-bg) !important;
  background-color: var(--orca-bg) !important;
}

/* Hero */
.landing-page.ssl.orca-ssl .hero {
  background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%) !important;
  color: #fff !important;
  padding: 3.25rem 0 2.75rem !important;
  border-radius: 0 !important;
}
.landing-page.ssl.orca-ssl .hero h2,
.landing-page.ssl.orca-ssl .hero h3 {
  color: #fff !important;
  font-weight: 650 !important;
  letter-spacing: -0.02em;
}
.landing-page.ssl.orca-ssl .hero h2 {
  font-size: clamp(1.65rem, 2.4vw, 2.15rem) !important;
  margin-bottom: 0.65rem !important;
}
.landing-page.ssl.orca-ssl .hero h3 {
  font-size: clamp(1rem, 1.5vw, 1.2rem) !important;
  font-weight: 500 !important;
  opacity: 0.92;
  line-height: 1.45;
}

/* Validation level cards */
.landing-page.ssl.orca-ssl .validation-levels {
  background: transparent !important;
  padding: 2.5rem 0 1.5rem !important;
}
.landing-page.ssl.orca-ssl .validation-levels h3 {
  color: var(--orca-fg) !important;
  font-weight: 650 !important;
  letter-spacing: -0.02em;
  margin-bottom: 1.5rem !important;
  text-align: center;
}
.landing-page.ssl.orca-ssl .validation-levels .item {
  background: var(--orca-bg-pure, #fff) !important;
  border: 1px solid var(--orca-border) !important;
  border-radius: 0.75rem !important;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.06) !important;
  padding: 1.75rem 1.35rem 1.5rem !important;
  text-align: center;
  height: 100%;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}
.landing-page.ssl.orca-ssl .validation-levels .item:hover {
  border-color: color-mix(in srgb, #7c3aed 40%, var(--orca-border)) !important;
  box-shadow: 0 10px 28px rgba(124, 58, 237, 0.14) !important;
  transform: translateY(-2px);
}
.landing-page.ssl.orca-ssl .validation-levels .item h4 {
  color: var(--orca-fg) !important;
  font-weight: 650 !important;
  margin-bottom: 1rem !important;
}
.landing-page.ssl.orca-ssl .validation-levels .item > span {
  display: block;
  color: var(--orca-muted-fg) !important;
  font-size: 0.9rem;
  font-weight: 600;
  margin: 0.65rem 0 0.5rem;
}
.landing-page.ssl.orca-ssl .validation-levels .item p {
  color: var(--orca-dim, var(--orca-muted-fg)) !important;
  font-size: 0.875rem;
  line-height: 1.5;
  min-height: 3.2em;
}
.landing-page.ssl.orca-ssl .validation-levels .item .btn,
.landing-page.ssl.orca-ssl .validation-levels .item a.btn {
  background: #7c3aed !important;
  border-color: #7c3aed !important;
  color: #fff !important;
  border-radius: 0.65rem !important;
  font-weight: 650 !important;
  padding: 0.55rem 1.35rem !important;
  box-shadow: 0 2px 8px rgba(124, 58, 237, 0.28) !important;
}
.landing-page.ssl.orca-ssl .validation-levels .item .btn:hover,
.landing-page.ssl.orca-ssl .validation-levels .item a.btn:hover {
  background: #6d28d9 !important;
  border-color: #6d28d9 !important;
  color: #fff !important;
}
.landing-page.ssl.orca-ssl .help-me-choose a {
  color: #7c3aed !important;
  font-weight: 600 !important;
}
.landing-page.ssl.orca-ssl .help-me-choose a:hover {
  color: #6d28d9 !important;
}

/* Icon chips */
.landing-page.ssl.orca-ssl .orca-ssl-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 3.5rem !important;
  height: 3.5rem !important;
  border-radius: 0.75rem !important;
  background: rgba(124, 58, 237, 0.12) !important;
  color: #7c3aed !important;
  font-size: 1.35rem !important;
  margin: 0.25rem auto 0.35rem !important;
}
.landing-page.ssl.orca-ssl .orca-ssl-icon--ov,
.landing-page.ssl.orca-ssl .orca-ssl-icon--shop-ov {
  background: rgba(37, 99, 235, 0.12) !important;
  color: #2563eb !important;
}
.landing-page.ssl.orca-ssl .orca-ssl-icon--ev,
.landing-page.ssl.orca-ssl .orca-ssl-icon--shop-ev {
  background: rgba(217, 119, 6, 0.14) !important;
  color: #d97706 !important;
}
.landing-page.ssl.orca-ssl .orca-ssl-icon--warn {
  width: 2.75rem !important;
  height: 2.75rem !important;
  background: rgba(239, 68, 68, 0.14) !important;
  color: #ef4444 !important;
  margin: 0 0.75rem 0 0 !important;
  flex-shrink: 0;
  font-size: 1.1rem !important;
}

/* Hero art lock block */
.landing-page.ssl.orca-ssl .orca-ssl-hero-art {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 9.5rem !important;
  height: 9.5rem !important;
  border-radius: 1.25rem !important;
  background: linear-gradient(145deg, rgba(124, 58, 237, 0.18), rgba(91, 33, 182, 0.1)) !important;
  border: 1px solid color-mix(in srgb, #7c3aed 28%, var(--orca-border)) !important;
  color: #7c3aed !important;
  font-size: 3.25rem !important;
  box-shadow: 0 12px 32px rgba(124, 58, 237, 0.12) !important;
}
.landing-page.ssl.orca-ssl .orca-ssl-hero-art--mobile {
  width: 6.5rem !important;
  height: 6.5rem !important;
  font-size: 2.25rem !important;
  margin: 0 auto;
}

/* Illustrations in help-me-choose */
.landing-page.ssl.orca-ssl .orca-ssl-illus {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100%;
  min-height: 7.5rem;
  margin: 1rem 0 1.15rem !important;
  border-radius: 0.75rem !important;
  background: rgba(124, 58, 237, 0.08) !important;
  border: 1px solid color-mix(in srgb, #7c3aed 18%, var(--orca-border)) !important;
  color: #7c3aed !important;
  font-size: 2.5rem !important;
}

/* Content blocks */
.landing-page.ssl.orca-ssl .content-block {
  background: transparent !important;
  color: var(--orca-fg) !important;
  padding: 2.75rem 0 !important;
}
.landing-page.ssl.orca-ssl .content-block.standout {
  background: var(--orca-card) !important;
  border-top: 1px solid var(--orca-border);
  border-bottom: 1px solid var(--orca-border);
}
.landing-page.ssl.orca-ssl .content-block h2,
.landing-page.ssl.orca-ssl .content-block h3,
.landing-page.ssl.orca-ssl .content-block h4 {
  color: var(--orca-fg) !important;
  font-weight: 650 !important;
  letter-spacing: -0.02em;
}
.landing-page.ssl.orca-ssl .content-block p,
.landing-page.ssl.orca-ssl .content-block li {
  color: var(--orca-muted-fg) !important;
}
.landing-page.ssl.orca-ssl .what-is-ssl ul li i.fa-check-circle,
.landing-page.ssl.orca-ssl .what-is-ssl ul li i.fas {
  color: #7c3aed !important;
  margin-right: 0.4rem;
}

/* Benefits icon chips */
.landing-page.ssl.orca-ssl .ssl-benefits .row > [class*="col-"] {
  text-align: center;
  padding: 1rem 0.75rem;
  color: var(--orca-fg) !important;
  font-size: 0.875rem;
  font-weight: 600;
}
.landing-page.ssl.orca-ssl .ssl-benefits .row > [class*="col-"] > i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 3rem !important;
  height: 3rem !important;
  margin: 0 auto 0.75rem !important;
  border-radius: 0.75rem !important;
  background: rgba(124, 58, 237, 0.12) !important;
  color: #7c3aed !important;
  font-size: 1.15rem !important;
}

/* Standout browser notice */
.landing-page.ssl.orca-ssl .standout-1 {
  background: var(--orca-bg-pure, #fff) !important;
  border-top: 1px solid var(--orca-border);
  border-bottom: 1px solid var(--orca-border);
  padding: 2.5rem 0 0 !important;
}
.landing-page.ssl.orca-ssl .standout-1 h3 {
  color: var(--orca-fg) !important;
  font-weight: 650 !important;
  text-align: center;
  margin-bottom: 1.25rem !important;
}
.landing-page.ssl.orca-ssl .standout-1 .browser-image img {
  max-width: 100%;
  border-radius: 0.75rem;
  border: 1px solid var(--orca-border);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
}
.landing-page.ssl.orca-ssl .standout-1 .browser-notice {
  background: transparent !important;
  padding: 1.25rem 0 2rem !important;
}
.landing-page.ssl.orca-ssl .standout-1 .browser-notice .wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 0.35rem;
  max-width: 42rem;
  margin: 0 auto;
  padding: 1rem 1.15rem !important;
  background: rgba(239, 68, 68, 0.08) !important;
  border: 1px solid rgba(239, 68, 68, 0.28) !important;
  border-radius: 0.75rem !important;
  color: var(--orca-fg) !important;
  font-weight: 600;
}

/* Competitive upgrade promo */
.landing-page.ssl.orca-ssl .competitive-upgrade-promo {
  background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%) !important;
  color: #fff !important;
  text-align: center;
  font-weight: 650;
  padding: 1.75rem 0 !important;
  border: none !important;
}
.landing-page.ssl.orca-ssl .competitive-upgrade-promo .container,
.landing-page.ssl.orca-ssl .competitive-upgrade-promo p,
.landing-page.ssl.orca-ssl .competitive-upgrade-promo a {
  color: #fff !important;
}

/* EV upgrade shopfront items */
.landing-page.ssl.orca-ssl .content-block .item {
  padding: 1.25rem !important;
  background: var(--orca-bg-pure, #fff) !important;
  border: 1px solid var(--orca-border) !important;
  border-radius: 0.75rem !important;
  margin-bottom: 1rem;
}
.landing-page.ssl.orca-ssl .content-block .btn-default,
.landing-page.ssl.orca-ssl .content-block a.btn-default {
  background: #7c3aed !important;
  border-color: #7c3aed !important;
  color: #fff !important;
  border-radius: 0.65rem !important;
  font-weight: 650 !important;
}
.landing-page.ssl.orca-ssl .content-block .btn-default:hover {
  background: #6d28d9 !important;
  border-color: #6d28d9 !important;
}

/* Accordion cards */
.landing-page.ssl.orca-ssl .detailed-info,
.landing-page.ssl.orca-ssl #sslDetail {
  background: var(--orca-bg) !important;
  padding: 2.5rem 0 3rem !important;
}
.landing-page.ssl.orca-ssl .accordion .card {
  background: var(--orca-bg-pure, #fff) !important;
  border: 1px solid var(--orca-border) !important;
  border-radius: 0.75rem !important;
  margin-bottom: 0.75rem !important;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04) !important;
}
.landing-page.ssl.orca-ssl .accordion .card-header {
  background: transparent !important;
  border-bottom: 1px solid var(--orca-border) !important;
  padding: 1rem 1.15rem !important;
  cursor: pointer;
}
.landing-page.ssl.orca-ssl .accordion .card-header h4 {
  color: var(--orca-fg) !important;
  font-size: 1.05rem !important;
  font-weight: 650 !important;
  margin: 0 !important;
}
.landing-page.ssl.orca-ssl .accordion .card-header .arrow {
  color: #7c3aed !important;
  margin-right: 0.5rem;
}
.landing-page.ssl.orca-ssl .accordion .card-body {
  background: transparent !important;
  color: var(--orca-muted-fg) !important;
  padding: 1.25rem 1.15rem 1.5rem !important;
}
.landing-page.ssl.orca-ssl .accordion .card-body h4 {
  color: var(--orca-fg) !important;
}
.landing-page.ssl.orca-ssl .help-me-choose .ideal {
  color: #7c3aed !important;
  font-weight: 650 !important;
}
.landing-page.ssl.orca-ssl .help-me-choose .btn-primary,
.landing-page.ssl.orca-ssl .help-me-choose a.btn-primary {
  background: #7c3aed !important;
  border-color: #7c3aed !important;
  border-radius: 0.65rem !important;
  font-weight: 650 !important;
}

/* All certs list */
.landing-page.ssl.orca-ssl .ssl-certs-all {
  list-style: none;
  padding: 0;
  margin: 0;
}
.landing-page.ssl.orca-ssl .ssl-certs-all > li {
  background: var(--orca-card) !important;
  border: 1px solid var(--orca-border) !important;
  border-radius: 0.75rem !important;
  padding: 1.15rem 1.25rem !important;
  margin-bottom: 0.75rem !important;
}
.landing-page.ssl.orca-ssl .ssl-certs-all > li.featured {
  border-color: color-mix(in srgb, #7c3aed 45%, var(--orca-border)) !important;
  box-shadow: 0 0 0 1px rgba(124, 58, 237, 0.2), 0 6px 18px rgba(124, 58, 237, 0.1) !important;
}
.landing-page.ssl.orca-ssl .ssl-certs-all h4 {
  color: var(--orca-fg) !important;
  font-weight: 650 !important;
}
.landing-page.ssl.orca-ssl .ssl-certs-all .price strong {
  color: #7c3aed !important;
  font-size: 1.15rem;
}
.landing-page.ssl.orca-ssl .ssl-certs-all .btn-success {
  background: #7c3aed !important;
  border-color: #7c3aed !important;
  border-radius: 0.65rem !important;
  font-weight: 650 !important;
}
.landing-page.ssl.orca-ssl .ssl-certs-all a {
  color: #7c3aed !important;
}

/* Shared SSL nav */
.orca-ssl-nav,
.landing-page.ssl.orca-ssl .orca-ssl-nav {
  background: var(--orca-bg-pure, #fff) !important;
  border-top: 1px solid var(--orca-border) !important;
  border-bottom: 1px solid var(--orca-border) !important;
  margin-bottom: 0 !important;
}
.orca-ssl-nav.bg-light,
.orca-ssl-nav.navbar-light {
  background: var(--orca-bg-pure, #fff) !important;
}
.orca-ssl-nav .nav-link {
  color: var(--orca-muted-fg) !important;
  font-weight: 600 !important;
  border-radius: 0.5rem !important;
  padding: 0.55rem 0.9rem !important;
  margin: 0.35rem 0.15rem !important;
}
.orca-ssl-nav .nav-link:hover {
  color: #7c3aed !important;
  background: rgba(124, 58, 237, 0.08) !important;
}
.orca-ssl-nav .nav-item.active .nav-link,
.orca-ssl-nav .nav-link.active {
  color: #7c3aed !important;
  background: rgba(124, 58, 237, 0.12) !important;
}
.orca-ssl-nav .navbar-toggler {
  border-color: var(--orca-border) !important;
}

/* Competitive upgrade banner (shared) */
.competitive-upgrade-banner {
  background: rgba(124, 58, 237, 0.1) !important;
  border-bottom: 1px solid color-mix(in srgb, #7c3aed 30%, var(--orca-border)) !important;
  color: var(--orca-fg) !important;
}
.competitive-upgrade-banner h4 {
  color: #7c3aed !important;
}

/* Dark mode */
html[data-theme="dark"] .landing-page.ssl.orca-ssl {
  background: hsl(240 10% 3.9%) !important;
  background-color: hsl(240 10% 3.9%) !important;
  color: hsl(0 0% 98%) !important;
}
html[data-theme="dark"] .landing-page.ssl.orca-ssl .validation-levels .item,
html[data-theme="dark"] .landing-page.ssl.orca-ssl .content-block .item,
html[data-theme="dark"] .landing-page.ssl.orca-ssl .accordion .card,
html[data-theme="dark"] .landing-page.ssl.orca-ssl .ssl-certs-all > li {
  background: hsl(240 6% 9%) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .landing-page.ssl.orca-ssl .content-block.standout,
html[data-theme="dark"] .landing-page.ssl.orca-ssl .standout-1 {
  background: hsl(240 6% 7%) !important;
}
html[data-theme="dark"] .landing-page.ssl.orca-ssl .orca-ssl-icon {
  background: rgba(124, 58, 237, 0.22) !important;
  color: #c4b5fd !important;
}
html[data-theme="dark"] .landing-page.ssl.orca-ssl .orca-ssl-icon--ov,
html[data-theme="dark"] .landing-page.ssl.orca-ssl .orca-ssl-icon--shop-ov {
  background: rgba(37, 99, 235, 0.22) !important;
  color: #93c5fd !important;
}
html[data-theme="dark"] .landing-page.ssl.orca-ssl .orca-ssl-icon--ev,
html[data-theme="dark"] .landing-page.ssl.orca-ssl .orca-ssl-icon--shop-ev {
  background: rgba(245, 158, 11, 0.22) !important;
  color: #fbbf24 !important;
}
html[data-theme="dark"] .landing-page.ssl.orca-ssl .orca-ssl-icon--warn {
  background: rgba(239, 68, 68, 0.22) !important;
  color: #fca5a5 !important;
}
html[data-theme="dark"] .landing-page.ssl.orca-ssl .orca-ssl-hero-art,
html[data-theme="dark"] .landing-page.ssl.orca-ssl .orca-ssl-illus {
  background: rgba(124, 58, 237, 0.16) !important;
  border-color: rgba(124, 58, 237, 0.35) !important;
  color: #c4b5fd !important;
}
html[data-theme="dark"] .landing-page.ssl.orca-ssl .ssl-benefits .row > [class*="col-"] > i {
  background: rgba(124, 58, 237, 0.22) !important;
  color: #c4b5fd !important;
}
html[data-theme="dark"] .orca-ssl-nav,
html[data-theme="dark"] .landing-page.ssl.orca-ssl .orca-ssl-nav,
html[data-theme="dark"] .orca-ssl-nav.bg-light,
html[data-theme="dark"] .orca-ssl-nav.navbar-light {
  background: hsl(240 6% 7%) !important;
}
html[data-theme="dark"] .orca-ssl-nav .nav-link {
  color: hsl(240 5% 70%) !important;
}
html[data-theme="dark"] .orca-ssl-nav .nav-item.active .nav-link,
html[data-theme="dark"] .orca-ssl-nav .nav-link:hover {
  color: #c4b5fd !important;
  background: rgba(124, 58, 237, 0.18) !important;
}
html[data-theme="dark"] .landing-page.ssl.orca-ssl .standout-1 .browser-notice .wrapper {
  background: rgba(239, 68, 68, 0.12) !important;
  border-color: rgba(239, 68, 68, 0.35) !important;
}
html[data-theme="dark"] .landing-page.ssl.orca-ssl .accordion .card-header {
  border-bottom-color: hsl(240 3.7% 15.9%) !important;
}

/* === ORCA FOOTER (20260910w) === */
footer#footer.orca-footer,
footer.footer.orca-footer {
  background: hsl(222 47% 9%) !important;
  color: rgba(255, 255, 255, 0.78) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  padding: 2.25rem 0 1.5rem !important;
  margin-top: 2.5rem;
  font-family: var(--orca-font);
}
html[data-theme="dark"] footer#footer.orca-footer {
  background: hsl(240 8% 5%) !important;
  border-top-color: hsl(240 3.7% 15.9%) !important;
}

.orca-footer__inner {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.orca-footer__top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem 2rem;
}

.orca-footer__brand {
  flex: 1 1 220px;
  max-width: 320px;
}
.orca-footer__logo {
  display: inline-flex !important;
  align-items: center;
  gap: 0.65rem;
  text-decoration: none !important;
  color: #fff !important;
  font-weight: 650;
  letter-spacing: -0.02em;
  margin-bottom: 0.45rem;
}
.orca-footer__logo img {
  width: 28px;
  height: 28px;
  border-radius: 0.4rem;
  /* mark is purple; on dark footer keep brand purple */
  filter: none;
}
.orca-footer__brand-name {
  font-size: 0.95rem;
  color: #fff !important;
}
.orca-footer__tagline {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.5) !important;
}

.orca-footer__nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 1.15rem;
  flex: 1 1 240px;
  justify-content: center;
}
.orca-footer__link {
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  padding: 0.25rem 0 !important;
  transition: color 0.15s ease;
}
.orca-footer__link:hover {
  color: #c4b5fd !important;
}

.orca-footer__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem;
  flex: 0 1 auto;
  justify-content: flex-end;
}

.orca-footer__social {
  display: inline-flex !important;
  gap: 0.25rem;
  margin: 0 !important;
  padding: 0 !important;
}
.orca-footer__social .list-inline-item {
  margin: 0 !important;
}
.orca-footer__social .btn,
.orca-footer__social .btn-icon {
  width: 2.25rem !important;
  height: 2.25rem !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0.55rem !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.85) !important;
  box-shadow: none !important;
}
.orca-footer__social .btn:hover {
  background: rgba(124, 58, 237, 0.28) !important;
  border-color: rgba(124, 58, 237, 0.45) !important;
  color: #fff !important;
}

.orca-footer__locale {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0.4rem 0.75rem !important;
  border-radius: 0.55rem !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}
.orca-footer__locale:hover {
  background: rgba(124, 58, 237, 0.22) !important;
  border-color: rgba(124, 58, 237, 0.4) !important;
  color: #fff !important;
}
.orca-footer__locale-flag {
  display: inline-flex;
  line-height: 0;
}
.orca-footer__locale-sep {
  opacity: 0.45;
  margin: 0 0.15rem;
}

.orca-footer__bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem 1.25rem;
  padding-top: 1.15rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.orca-footer__copy,
footer#footer.orca-footer .copyright {
  color: rgba(255, 255, 255, 0.45) !important;
  font-size: 0.78rem !important;
  margin: 0 !important;
}
.orca-footer__powered {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.45) !important;
}
.orca-footer__powered strong {
  color: rgba(255, 255, 255, 0.85) !important;
  font-weight: 650;
  letter-spacing: -0.01em;
}
.orca-footer__powered-mark {
  width: 16px;
  height: 16px;
  border-radius: 0.25rem;
  opacity: 0.95;
}

@media (max-width: 991.98px) {
  .orca-footer__top {
    flex-direction: column;
    align-items: stretch;
  }
  .orca-footer__nav {
    justify-content: flex-start;
  }
  .orca-footer__actions {
    justify-content: flex-start;
  }
  .orca-footer__bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* === TICKET FORM + MARKDOWN EDITOR (20260910x) === */
.orca-ticket-form,
.card.orca-ticket-form {
  background: var(--orca-card) !important;
  border: 1px solid var(--orca-border) !important;
  border-radius: 0.75rem !important;
  box-shadow: var(--orca-shadow) !important;
  overflow: hidden;
}
.orca-ticket-form > .card-body {
  background: transparent !important;
  color: var(--orca-fg) !important;
  padding: 1.5rem 1.35rem !important;
}
.orca-ticket-form .card-title {
  font-size: 0.72rem !important;
  font-weight: 650 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  color: var(--orca-muted-fg) !important;
  margin-bottom: 1.25rem !important;
}
.orca-ticket-form label {
  color: var(--orca-muted-fg) !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
  margin-bottom: 0.35rem !important;
}
.orca-ticket-form .form-control,
.orca-ticket-form select.form-control {
  background: var(--orca-input-bg) !important;
  border: 1px solid var(--orca-input) !important;
  border-radius: 0.65rem !important;
  color: var(--orca-fg) !important;
  min-height: 2.5rem;
}
.orca-ticket-form .form-control:focus,
.orca-ticket-form select.form-control:focus {
  border-color: #c4b5fd !important;
  box-shadow: 0 0 0 0.2rem rgba(124, 58, 237, 0.18) !important;
}

/* Markdown editor — beat theme.css white !important */
html body .md-editor,
html body div.md-editor,
html body div.md-editor.active {
  background: var(--orca-card) !important;
  border: 1px solid var(--orca-border) !important;
  border-radius: 0.75rem !important;
  overflow: hidden;
  box-shadow: none !important;
  outline: 0 !important;
}
html body .md-editor > .btn-toolbar {
  background-color: var(--orca-muted) !important;
  background: var(--orca-muted) !important;
  border-bottom: 1px solid var(--orca-border) !important;
  padding: 0.4rem 0.5rem !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
html body .md-editor > .btn-toolbar .btn,
html body .md-editor > .btn-toolbar .btn-default,
html body .md-editor .btn-group > .btn {
  background: transparent !important;
  border: 1px solid transparent !important;
  color: var(--orca-muted-fg) !important;
  border-radius: 0.4rem !important;
  box-shadow: none !important;
  padding: 0.35rem 0.5rem !important;
}
html body .md-editor > .btn-toolbar .btn:hover,
html body .md-editor > .btn-toolbar .btn:focus,
html body .md-editor > .btn-toolbar .btn.active {
  background: rgba(124, 58, 237, 0.12) !important;
  border-color: rgba(124, 58, 237, 0.25) !important;
  color: #7c3aed !important;
}
html body .md-editor > .btn-toolbar .btn i,
html body .md-editor > .btn-toolbar .btn .fas,
html body .md-editor > .btn-toolbar .btn .far {
  color: inherit !important;
}
html body .md-editor > textarea.markdown-editor,
html body .md-editor > .md-preview {
  background-color: var(--orca-input-bg) !important;
  background: var(--orca-input-bg) !important;
  color: var(--orca-fg) !important;
  border-top: 1px solid var(--orca-border) !important;
  border-bottom: 1px solid var(--orca-border) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  padding: 1rem 1.1rem !important;
  min-height: 220px;
}
html body .md-editor > .md-preview {
  color: var(--orca-fg) !important;
}
html body .md-editor > .md-preview h1,
html body .md-editor > .md-preview h2,
html body .md-editor > .md-preview h3,
html body .md-editor > .md-preview h4 {
  color: var(--orca-fg) !important;
}
html body .markdown-editor-status {
  background: var(--orca-muted) !important;
  color: var(--orca-muted-fg) !important;
  border-top: 1px solid var(--orca-border) !important;
  padding: 0.35rem 0.85rem !important;
  font-size: 0.75rem !important;
  border-radius: 0 !important;
}

html[data-theme="dark"] body .md-editor > .btn-toolbar .btn:hover,
html[data-theme="dark"] body .md-editor > .btn-toolbar .btn.active {
  background: rgba(124, 58, 237, 0.22) !important;
  color: #c4b5fd !important;
}

/* File attachments — kill white custom-file */
html body .custom-file-label,
html body .attachment-group .custom-file-label,
.orca-ticket-form .custom-file-label {
  background: var(--orca-input-bg) !important;
  border: 1px solid var(--orca-input) !important;
  color: var(--orca-muted-fg) !important;
  border-radius: 0.65rem 0 0 0.65rem !important;
}
html body .custom-file-label::after,
html body .attachment-group .custom-file-label::after,
.orca-ticket-form .custom-file-label::after {
  background: var(--orca-muted) !important;
  border-left: 1px solid var(--orca-border) !important;
  color: var(--orca-fg) !important;
  border-radius: 0 0.65rem 0.65rem 0 !important;
}
html body .custom-file-input:focus ~ .custom-file-label {
  border-color: #c4b5fd !important;
  box-shadow: 0 0 0 0.2rem rgba(124, 58, 237, 0.18) !important;
}
.orca-ticket-form .btn.btn-default,
.orca-ticket-form .btn-default {
  background: var(--orca-muted) !important;
  border: 1px solid var(--orca-border) !important;
  color: var(--orca-fg) !important;
  border-radius: 0.65rem !important;
}
.orca-ticket-form .btn-primary,
.orca-ticket-form input[type="submit"].btn-primary,
.orca-ticket-form button[type="submit"] {
  background: #7c3aed !important;
  border-color: #7c3aed !important;
  color: #fff !important;
  border-radius: 0.65rem !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 14px rgba(124, 58, 237, 0.28) !important;
}
.orca-ticket-form #addMoreAttachments,
.orca-ticket-form .btn-add-more {
  background: transparent !important;
  border: 1px dashed var(--orca-border) !important;
  color: var(--orca-muted-fg) !important;
  border-radius: 0.65rem !important;
}
.orca-ticket-form #addMoreAttachments:hover {
  border-color: #7c3aed !important;
  color: #7c3aed !important;
}

/* Also cover viewticket reply form editors */
#ticketReplyForm .md-editor,
.ticket-reply .md-editor,
form[action*="viewticket"] .md-editor {
  border-radius: 0.75rem !important;
}

/* === MD FOOTER FIX (20260910y) === */
html body .md-editor .md-footer,
html body .md-footer,
html body .md-editor > .md-footer,
html body div.md-editor .markdown-editor-status,
html body .md-editor .md-controls,
html body .md-editor .md-fullscreen-controls {
  background: var(--orca-muted) !important;
  background-color: var(--orca-muted) !important;
  color: var(--orca-muted-fg) !important;
  border-top: 1px solid var(--orca-border) !important;
  border-color: var(--orca-border) !important;
}
html body .md-footer *,
html body .md-editor .md-footer * {
  color: var(--orca-muted-fg) !important;
  background: transparent !important;
}

/* === ORCA HOME + MODERN TABLES (20260910z) === */
.orca-home {
  font-family: var(--orca-font);
}
.orca-home__hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.25rem !important;
}
.orca-home__eyebrow {
  font-size: 0.7rem;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--orca-muted-fg);
  margin: 0 0 0.25rem;
}
.orca-home__greeting {
  font-size: 1.55rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em;
  color: var(--orca-fg) !important;
  margin: 0 !important;
  line-height: 1.2;
}

/* Metric tiles — app dashboard style, spaced grid */
.orca-home-tiles .orca-home-tiles__row {
  display: flex;
  flex-wrap: wrap;
  margin: -0.4rem !important;
}
.orca-home-tiles .orca-home-tiles__row > [class*="col-"] {
  padding: 0.4rem !important;
}
.orca-home-tiles .tile.orca-metric,
.tiles.orca-home-tiles .tile {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 0.9rem !important;
  min-height: 5.5rem !important;
  padding: 1.1rem 1.15rem !important;
  margin: 0 !important;
  background: var(--orca-card) !important;
  border: 1px solid var(--orca-border) !important;
  border-radius: 0.85rem !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
  text-decoration: none !important;
  position: relative;
  overflow: hidden;
}
html[data-theme="dark"] .orca-home-tiles .tile.orca-metric {
  background: hsl(240 6% 8%) !important;
  box-shadow: none !important;
}
.orca-home-tiles .tile.orca-metric:hover {
  border-color: color-mix(in srgb, #7c3aed 40%, var(--orca-border)) !important;
  box-shadow: 0 8px 24px rgba(124, 58, 237, 0.1) !important;
  transform: translateY(-1px);
  text-decoration: none !important;
}
.orca-home-tiles .tile .highlight,
.orca-home-tiles .orca-metric .highlight {
  display: none !important;
}
.orca-metric__icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.5rem !important;
  height: 2.5rem !important;
  min-width: 2.5rem;
  border-radius: 0.65rem !important;
  background: rgba(124, 58, 237, 0.12) !important;
  color: #7c3aed !important;
  font-size: 1rem !important;
}
.orca-metric__icon--warn {
  background: rgba(234, 88, 12, 0.12) !important;
  color: #ea580c !important;
}
.orca-metric__icon i {
  position: static !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  color: inherit !important;
  font-size: inherit !important;
}
.orca-metric__body {
  min-width: 0;
}
.orca-home-tiles .tile .stat,
.orca-metric .stat {
  font-size: 1.65rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em;
  color: var(--orca-fg) !important;
  line-height: 1.1 !important;
  margin: 0 0 0.15rem !important;
}
.orca-home-tiles .tile .title,
.orca-metric .title {
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--orca-muted-fg) !important;
  margin: 0 !important;
}

/* Home panels — soft cards, not WHMCS table panels */
.orca-home-panels .row {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.orca-home-panels .row > [class*="col-"] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.orca-home-panel,
.client-home-cards .card.orca-home-panel {
  background: var(--orca-card) !important;
  border: 1px solid var(--orca-border) !important;
  border-radius: 0.85rem !important;
  border-left: 1px solid var(--orca-border) !important; /* kill accent stripe look */
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
  margin-bottom: 1rem !important;
  overflow: hidden;
}
html[data-theme="dark"] .orca-home-panel {
  background: hsl(240 6% 8%) !important;
  box-shadow: none !important;
}
.orca-home-panel__header,
.orca-home-panel > .card-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem;
  background: transparent !important;
  border-bottom: 1px solid var(--orca-border) !important;
  padding: 0.9rem 1.1rem !important;
}
.orca-home-panel__header .card-title {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  font-size: 0.8rem !important;
  font-weight: 650 !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  color: var(--orca-fg) !important;
  margin: 0 !important;
}
.orca-home-panel__title-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 0.45rem;
  background: rgba(124, 58, 237, 0.12);
  color: #7c3aed !important;
  font-size: 0.8rem;
}
.orca-home-panel__title-icon i {
  background: transparent !important;
  width: auto !important;
  height: auto !important;
  color: inherit !important;
}
.orca-home-panel__badge,
.orca-home-panel__header .badge {
  background: rgba(124, 58, 237, 0.12) !important;
  color: #7c3aed !important;
  border-radius: 9999px !important;
  font-weight: 600 !important;
}
.orca-home-panel__action {
  background: rgba(124, 58, 237, 0.1) !important;
  border: none !important;
  color: #7c3aed !important;
  border-radius: 0.5rem !important;
  font-weight: 600 !important;
  font-size: 0.75rem !important;
  padding: 0.3rem 0.65rem !important;
}
.orca-home-panel__action:hover {
  background: #7c3aed !important;
  color: #fff !important;
}
.orca-home-panel__body {
  padding: 1rem 1.1rem !important;
  color: var(--orca-dim) !important;
  background: transparent !important;
}
.orca-home-panel__footer {
  background: transparent !important;
  border-top: 1px solid var(--orca-border) !important;
  padding: 0.75rem 1.1rem !important;
}
.orca-home-panel__footer:empty {
  display: none !important;
}

/* Panel rows — feed style, not list-table */
.orca-home-panel__list,
.orca-home-panel .list-group {
  padding: 0.45rem !important;
  background: transparent !important;
  border: none !important;
}
.orca-home-row,
.orca-home-panel .list-group-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0.65rem !important;
  margin: 0.15rem 0 !important;
  padding: 0.7rem 0.8rem !important;
  color: var(--orca-fg) !important;
}
.orca-home-row:hover,
.orca-home-panel .list-group-item-action:hover {
  background: rgba(124, 58, 237, 0.08) !important;
  color: var(--orca-fg) !important;
}
.orca-home-row__main {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  min-width: 0;
  flex: 1 1 auto;
}
.orca-home-row__icon {
  color: #7c3aed !important;
  opacity: 0.9;
}
.orca-home-row__label {
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.35;
}
.orca-home-row__badge,
.orca-home-row .badge {
  background: rgba(124, 58, 237, 0.12) !important;
  color: #7c3aed !important;
  border-radius: 9999px !important;
  font-weight: 600 !important;
}

/* Tables inside home / client area — less DataTables WHMCS */
.orca-home-panel table.table,
.client-home-cards table.table,
.primary-content table.table,
.primary-content table.dataTable,
#main-body table.table,
#main-body table.dataTable {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: transparent !important;
}
.primary-content table.table thead th,
.primary-content table.dataTable thead th,
#main-body table.table thead th,
#main-body table.dataTable thead th {
  background: transparent !important;
  border-top: 0 !important;
  border-bottom: 1px solid var(--orca-border) !important;
  color: var(--orca-muted-fg) !important;
  font-size: 0.72rem !important;
  font-weight: 650 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase !important;
  padding: 0.75rem 0.9rem !important;
}
.primary-content table.table tbody td,
.primary-content table.dataTable tbody td,
#main-body table.table tbody td,
#main-body table.dataTable tbody td {
  border-top: 1px solid var(--orca-border) !important;
  background: transparent !important;
  color: var(--orca-fg) !important;
  padding: 0.85rem 0.9rem !important;
  vertical-align: middle !important;
  font-size: 0.9rem !important;
}
.primary-content table.table tbody tr:hover td,
.primary-content table.dataTable tbody tr:hover td,
#main-body table.table-hover tbody tr:hover td {
  background: rgba(124, 58, 237, 0.06) !important;
}
.primary-content .dataTables_wrapper,
#main-body .dataTables_wrapper,
.primary-content .table-container,
#main-body .table-container {
  background: var(--orca-card) !important;
  border: 1px solid var(--orca-border) !important;
  border-radius: 0.85rem !important;
  padding: 0.35rem 0.25rem 0.5rem !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  overflow: hidden;
}
html[data-theme="dark"] .primary-content .dataTables_wrapper,
html[data-theme="dark"] #main-body .dataTables_wrapper,
html[data-theme="dark"] .primary-content .table-container {
  background: hsl(240 6% 8%) !important;
  box-shadow: none;
}
.primary-content .dataTables_filter input,
#main-body .dataTables_filter input,
.primary-content .dataTables_length select {
  background: var(--orca-input-bg) !important;
  border: 1px solid var(--orca-input) !important;
  border-radius: 0.55rem !important;
  color: var(--orca-fg) !important;
}
.primary-content .dataTables_info,
.primary-content .dataTables_paginate,
#main-body .dataTables_info {
  color: var(--orca-muted-fg) !important;
  padding: 0.65rem 0.9rem !important;
}
.primary-content .paginate_button,
#main-body .paginate_button {
  border-radius: 0.45rem !important;
}
.primary-content .paginate_button.current,
#main-body .paginate_button.current {
  background: #7c3aed !important;
  border-color: #7c3aed !important;
  color: #fff !important;
}

/* === HOME PANEL BODY ROWS (20260910aa) === */
/* WHMCS injects table/row HTML into Active Products etc. — restyle as soft cards */
.orca-home-panel__body .row,
.client-home-cards .orca-home-panel .card-body > .row,
.client-home-cards .card-body .row {
  align-items: center;
  margin: 0 !important;
  padding: 0.85rem 0.9rem !important;
  background: rgba(124, 58, 237, 0.04) !important;
  border: 1px solid var(--orca-border) !important;
  border-radius: 0.7rem !important;
}
html[data-theme="dark"] .orca-home-panel__body .row,
html[data-theme="dark"] .client-home-cards .card-body .row {
  background: rgba(124, 58, 237, 0.08) !important;
}
.orca-home-panel__body .row + .row,
.client-home-cards .card-body .row + .row {
  margin-top: 0.5rem !important;
}
.orca-home-panel__body .row [class*="col-"],
.client-home-cards .card-body .row [class*="col-"] {
  padding-left: 0.35rem !important;
  padding-right: 0.35rem !important;
}
.orca-home-panel__body .label,
.orca-home-panel__body .badge,
.client-home-cards .card-body .label {
  border-radius: 9999px !important;
  font-weight: 650 !important;
  font-size: 0.68rem !important;
  padding: 0.28rem 0.6rem !important;
  letter-spacing: 0.02em;
}
.orca-home-panel__body .btn,
.client-home-cards .card-body .btn {
  border-radius: 0.55rem !important;
  font-weight: 600 !important;
  font-size: 0.78rem !important;
}
.orca-home-panel__body .btn-default,
.client-home-cards .card-body .btn-default {
  background: var(--orca-muted) !important;
  border: 1px solid var(--orca-border) !important;
  color: var(--orca-fg) !important;
}
.orca-home-panel__body .btn-default:hover {
  background: #7c3aed !important;
  border-color: #7c3aed !important;
  color: #fff !important;
}
/* Domain register mini form on home */
.orca-home-panel__body .input-group .form-control,
.client-home-cards .card-body .domain-checker .form-control,
.client-home-cards .card-body .input-group .form-control {
  border-radius: 0.65rem 0 0 0.65rem !important;
  background: var(--orca-input-bg) !important;
  border-color: var(--orca-input) !important;
  color: var(--orca-fg) !important;
}
.client-home-cards .card-body .input-group .btn-primary {
  background: #7c3aed !important;
  border-color: #7c3aed !important;
  border-radius: 0 0.65rem 0.65rem 0 !important;
}
/* Kill any leftover metric underlines */
.orca-home-tiles .tile::after,
.orca-home-tiles .tile .highlight,
.tiles.orca-home-tiles .highlight {
  display: none !important;
  height: 0 !important;
  opacity: 0 !important;
}

/* === HOME PANEL PILLS + ACTIVE PRODUCTS LIST/GRID (20260910ab) === */
.orca-home-panel .card-header .btn,
.orca-home-panel .card-header .btn.bg-color-blue,
.orca-home-panel .card-header .btn.bg-color-green,
.orca-home-panel .card-header .btn.bg-color-red,
.orca-home-panel .card-header .btn.bg-color-orange,
.orca-home-panel .card-header .btn.bg-color-gold,
.orca-home-panel .card-header .btn.bg-color-pink,
.orca-home-panel .card-header .btn.bg-color-purple,
.orca-home-panel .card-header a.btn,
.orca-home-panel__action {
  background: rgba(124, 58, 237, 0.12) !important;
  background-image: none !important;
  border: 1px solid rgba(124, 58, 237, 0.22) !important;
  color: #5b21b6 !important;
  -webkit-text-fill-color: #5b21b6 !important;
  border-radius: 9999px !important;
  font-weight: 650 !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.02em;
  padding: 0.32rem 0.75rem !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
.orca-home-panel .card-header .btn:hover,
.orca-home-panel__action:hover {
  background: #7c3aed !important;
  border-color: #7c3aed !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html[data-theme="dark"] .orca-home-panel .card-header .btn,
html[data-theme="dark"] .orca-home-panel .card-header a.btn,
html[data-theme="dark"] .orca-home-panel__action {
  background: rgba(124, 58, 237, 0.22) !important;
  border-color: rgba(124, 58, 237, 0.35) !important;
  color: #e9d5ff !important;
  -webkit-text-fill-color: #e9d5ff !important;
}
html[data-theme="dark"] .orca-home-panel .card-header .btn:hover,
html[data-theme="dark"] .orca-home-panel__action:hover {
  background: #7c3aed !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.orca-products { font-family: var(--orca-font); }
.orca-products__toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-bottom: 0.65rem;
}
.orca-products__toolbar-label {
  font-size: 0.7rem;
  font-weight: 650;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--orca-muted-fg);
}
.orca-products__toggle {
  display: inline-flex;
  border: 1px solid var(--orca-border);
  border-radius: 0.55rem;
  overflow: hidden;
  background: var(--orca-muted);
}
.orca-products__view-btn {
  border: 0;
  background: transparent;
  color: var(--orca-muted-fg);
  width: 2rem;
  height: 1.85rem;
  cursor: pointer;
  padding: 0;
}
.orca-products__view-btn.is-active {
  background: #7c3aed;
  color: #fff;
}
.orca-products__items {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}
.orca-products[data-view="grid"] .orca-products__items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}
@media (max-width: 767.98px) {
  .orca-products[data-view="grid"] .orca-products__items {
    grid-template-columns: 1fr;
  }
}
.orca-product-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem 1rem;
  padding: 0.85rem 0.95rem;
  border: 1px solid var(--orca-border);
  border-radius: 0.75rem;
  background: rgba(124, 58, 237, 0.04);
}
html[data-theme="dark"] .orca-product-card {
  background: rgba(124, 58, 237, 0.08);
}
.orca-products[data-view="grid"] .orca-product-card {
  flex-direction: column;
  align-items: stretch;
  min-height: 0;
  height: auto;
  overflow: visible;
}
.orca-product-card__top {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  min-width: 0;
  flex: 1 1 auto;
}
.orca-products[data-view="grid"] .orca-product-card__top {
  flex-direction: column;
}
.orca-product-card__status {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  padding: 0.28rem 0.55rem;
  color: #fff;
  background: #64748b;
  flex-shrink: 0;
}
.orca-product-card.is-active .orca-product-card__status { background: #16a34a; }
.orca-product-card.is-suspended .orca-product-card__status { background: #ea580c; }
.orca-product-card.is-pending .orca-product-card__status { background: #d97706; }
.orca-product-card.is-terminated .orca-product-card__status { background: #64748b; }
.orca-product-card__name {
  font-weight: 650;
  color: var(--orca-fg);
  font-size: 0.92rem;
  line-height: 1.3;
}
.orca-product-card__meta {
  font-size: 0.78rem;
  color: var(--orca-muted-fg);
  margin-top: 0.15rem;
}
.orca-product-card__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  justify-content: flex-end;
}
.orca-products[data-view="grid"] .orca-product-card__actions {
  justify-content: flex-start;
  margin-top: auto;
  padding-top: 0.65rem;
  border-top: 1px solid var(--orca-border);
}
.orca-product-action {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: 2rem;
  height: 2rem;
  padding: 0 !important;
  border-radius: 0.55rem !important;
  border: 1px solid var(--orca-border) !important;
  background: var(--orca-card) !important;
  color: var(--orca-fg) !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  line-height: 1;
  flex: 0 0 auto;
}
.orca-product-action span {
  /* native title tooltip; keep label for a11y but visually hidden */
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.orca-product-action i { color: #7c3aed !important; font-size: 0.85rem; }
.orca-product-action:hover {
  border-color: rgba(124, 58, 237, 0.45) !important;
  background: rgba(124, 58, 237, 0.1) !important;
  color: var(--orca-fg) !important;
  text-decoration: none !important;
}
.orca-product-action--primary {
  background: #7c3aed !important;
  border-color: #7c3aed !important;
  color: #fff !important;
}
.orca-product-action--primary i { color: #fff !important; }
.orca-product-action--primary:hover {
  background: #6d28d9 !important;
  color: #fff !important;
}
@media (max-width: 575.98px) {
  .orca-product-card {
    flex-direction: column;
    align-items: stretch;
  }
}


/* HOME PRODUCTS FLEX + ICON ACTIONS (20260910ae) */
/* Active Products must grow with items — kill WHMCS / panel clipping */
#servicesPanel.orca-home-panel,
div[menuitemname="Active Products/Services"].orca-home-panel,
div[menuitemname="Active Products/Services"].card {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
#servicesPanel .orca-home-panel__body,
#servicesPanel .card-body,
div[menuitemname="Active Products/Services"] .card-body,
div[menuitemname="Active Products/Services"] .orca-home-panel__body {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
#servicesPanel .orca-home-panel__footer:has(.btn-view-more),
div[menuitemname="Active Products/Services"] .card-footer {
  display: none !important; /* hook clears footer; CSS belt+suspenders */
}
.orca-products,
.orca-products__items {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
.orca-product-card {
  height: auto !important;
  overflow: visible !important;
}


/* === ORCASTRA PRODUCT DETAILS + VM METRICS (20260910af) === */

/* ---- Product details dashboard hero ---- */
.orca-pd-card > .card-body {
  padding: 1.35rem 1.35rem 1.25rem !important;
}
.orca-pd,
.product-details.orca-pd {
  color: var(--orca-fg) !important;
  font-family: var(--orca-font);
}

.orca-pd__hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem 1.25rem;
  margin-bottom: 1.1rem;
}
.orca-pd__identity {
  display: flex;
  align-items: center;
  gap: 1rem;
  min-width: 0;
  flex: 1 1 16rem;
}
.orca-pd__icon .fa-stack {
  font-size: 1.35rem;
  line-height: 1;
}
.orca-pd__icon .fa-stack .fa-circle {
  color: rgba(124, 58, 237, 0.16) !important;
}
.orca-pd__icon .fa-stack .fa-inverse {
  color: #7c3aed !important;
}
html[data-theme="dark"] .orca-pd__icon .fa-stack .fa-circle {
  color: rgba(124, 58, 237, 0.32) !important;
}
html[data-theme="dark"] .orca-pd__icon .fa-stack .fa-inverse {
  color: #c4b5fd !important;
}
.orca-pd__titles {
  min-width: 0;
}
.orca-pd__group {
  font-size: 0.7rem;
  font-weight: 650;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--orca-muted-fg);
  margin-bottom: 0.2rem;
}
.orca-pd__name {
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  color: var(--orca-fg) !important;
  margin: 0 0 0.25rem !important;
  line-height: 1.25 !important;
  word-break: break-word;
}
.orca-pd__domain {
  font-size: 0.875rem;
  color: var(--orca-muted-fg);
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  word-break: break-all;
}
.orca-pd__domain i {
  color: #7c3aed;
  font-size: 0.8rem;
}

/* Status pill — not a full-width wash */
.orca-pd__status-wrap {
  flex: 0 0 auto;
  padding-top: 0.15rem;
}
.orca-pd__status {
  display: inline-flex;
  align-items: center;
  padding: 0.35rem 0.85rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  background: rgba(124, 58, 237, 0.12);
  color: #7c3aed;
  border: 1px solid rgba(124, 58, 237, 0.28);
  white-space: nowrap;
}
.orca-pd__status--active {
  background: rgba(22, 163, 74, 0.12);
  color: #16a34a;
  border-color: rgba(22, 163, 74, 0.28);
}
.orca-pd__status--pending {
  background: rgba(234, 88, 12, 0.12);
  color: #ea580c;
  border-color: rgba(234, 88, 12, 0.3);
}
.orca-pd__status--suspended {
  background: rgba(37, 99, 235, 0.12);
  color: #2563eb;
  border-color: rgba(37, 99, 235, 0.28);
}
.orca-pd__status--terminated,
.orca-pd__status--cancelled {
  background: rgba(100, 116, 139, 0.14);
  color: #64748b;
  border-color: rgba(100, 116, 139, 0.28);
}
.orca-pd__status--fraud {
  background: rgba(17, 24, 39, 0.12);
  color: #111827;
  border-color: rgba(17, 24, 39, 0.28);
}
html[data-theme="dark"] .orca-pd__status--fraud {
  background: rgba(248, 250, 252, 0.08);
  color: #e2e8f0;
  border-color: rgba(248, 250, 252, 0.18);
}

/* Compact purple action chips */
.orca-pd__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0 0 1.15rem;
}
.orca-pd__chip {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.45rem 0.9rem;
  border-radius: 0.65rem;
  font-size: 0.8125rem;
  font-weight: 600;
  text-decoration: none !important;
  border: 1px solid rgba(124, 58, 237, 0.28);
  background: rgba(124, 58, 237, 0.08);
  color: var(--orca-fg) !important;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.orca-pd__chip i {
  color: #7c3aed;
  font-size: 0.8rem;
}
.orca-pd__chip:hover {
  background: rgba(124, 58, 237, 0.16);
  border-color: rgba(124, 58, 237, 0.45);
  color: var(--orca-fg) !important;
}
.orca-pd__chip--primary {
  background: #7c3aed !important;
  border-color: #7c3aed !important;
  color: #fff !important;
}
.orca-pd__chip--primary i {
  color: #fff !important;
}
.orca-pd__chip--primary:hover {
  background: #6d28d9 !important;
  border-color: #6d28d9 !important;
  color: #fff !important;
}
.orca-pd__chip--danger {
  background: rgba(220, 38, 38, 0.08);
  border-color: rgba(220, 38, 38, 0.28);
  color: var(--orca-fg) !important;
}
.orca-pd__chip--danger i {
  color: #dc2626;
}
.orca-pd__chip--danger:hover {
  background: rgba(220, 38, 38, 0.14);
  border-color: rgba(220, 38, 38, 0.45);
}
.orca-pd__chip.is-disabled,
.orca-pd__chip.is-disabled:hover {
  opacity: 0.55;
  pointer-events: none;
}

/* Billing soft metric tiles */
.orca-pd__metrics {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(9.5rem, 1fr));
  gap: 0.65rem;
}
.orca-pd__metric {
  background: rgba(124, 58, 237, 0.04);
  border: 1px solid var(--orca-border);
  border-radius: 0.75rem;
  padding: 0.75rem 0.85rem;
  min-width: 0;
}
html[data-theme="dark"] .orca-pd__metric {
  background: rgba(124, 58, 237, 0.07);
}
.orca-pd__metric--warn {
  border-color: rgba(234, 88, 12, 0.35);
  background: rgba(234, 88, 12, 0.06);
}
.orca-pd__metric-label {
  display: block;
  font-size: 0.65rem;
  font-weight: 650;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--orca-muted-fg);
  margin-bottom: 0.3rem;
}
.orca-pd__metric-value {
  display: block;
  font-size: 0.925rem;
  font-weight: 600;
  color: var(--orca-fg);
  word-break: break-word;
  line-height: 1.35;
}

/* Soft info rows in tabs (config options / additional / domain) */
.orca-pd-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.35rem 1rem;
  padding: 0.7rem 0.85rem;
  margin-bottom: 0.45rem;
  background: rgba(124, 58, 237, 0.04);
  border: 1px solid var(--orca-border);
  border-radius: 0.65rem;
}
html[data-theme="dark"] .orca-pd-row {
  background: rgba(124, 58, 237, 0.06);
}
.orca-pd-row__label {
  flex: 0 1 11rem;
  font-size: 0.72rem;
  font-weight: 650;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--orca-muted-fg) !important;
  padding-top: 0.1rem;
}
.orca-pd-row__value {
  flex: 1 1 12rem;
  color: var(--orca-fg) !important;
  font-size: 0.925rem;
  font-weight: 500;
  text-align: left !important;
  word-break: break-word;
}
.orca-pd-row__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.85rem;
}

/* Module client area: left-aligned orca-vm shell (kill text-center) */
.product-details-tab-container .module-client-area,
.product-details-tab-container .orca-module-client-area,
.orca-module-client-area {
  text-align: left !important;
  margin-top: 0.75rem;
}
#tabOverview .tab-pane#manage,
#tabOverview .tab-pane#domain {
  text-align: left !important;
}

/* ---- Orcastra VM metrics panel (orca-vm-*) ---- */
.orca-vm {
  text-align: left !important;
  color: var(--orca-fg);
  font-family: var(--orca-font);
}
.orca-vm__header {
  margin-bottom: 0.85rem;
}
.orca-vm__title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.55rem 0.75rem;
  margin-bottom: 0.55rem;
}
.orca-vm__name {
  margin: 0 !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  color: var(--orca-fg) !important;
}
.orca-vm__name code {
  font-family: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 1.05rem;
  background: rgba(124, 58, 237, 0.08);
  border: 1px solid var(--orca-border);
  border-radius: 0.45rem;
  padding: 0.15rem 0.45rem;
  color: var(--orca-fg);
}
.orca-vm__status {
  display: inline-flex;
  align-items: center;
  padding: 0.28rem 0.7rem;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  background: rgba(100, 116, 139, 0.14);
  color: #64748b;
  border: 1px solid rgba(100, 116, 139, 0.28);
}
.orca-vm__status--running,
.orca-vm__status--active {
  background: rgba(22, 163, 74, 0.12);
  color: #16a34a;
  border-color: rgba(22, 163, 74, 0.28);
}
.orca-vm__status--stopped,
.orca-vm__status--frozen {
  background: rgba(234, 88, 12, 0.12);
  color: #ea580c;
  border-color: rgba(234, 88, 12, 0.3);
}
.orca-vm__status--error,
.orca-vm__status--failed {
  background: rgba(220, 38, 38, 0.12);
  color: #dc2626;
  border-color: rgba(220, 38, 38, 0.3);
}
.orca-vm__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.orca-vm__chip {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.28rem 0.65rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 550;
  background: rgba(124, 58, 237, 0.06);
  border: 1px solid var(--orca-border);
  color: var(--orca-muted-fg);
}
.orca-vm__chip i {
  color: #7c3aed;
  font-size: 0.7rem;
}

.orca-vm__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.55rem;
}
.orca-vm__btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.45rem 0.9rem;
  border-radius: 0.65rem;
  font-size: 0.8125rem;
  font-weight: 600;
  text-decoration: none !important;
  border: 1px solid rgba(124, 58, 237, 0.28);
  background: rgba(124, 58, 237, 0.08);
  color: var(--orca-fg) !important;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.orca-vm__btn i {
  color: #7c3aed;
  font-size: 0.8rem;
}
.orca-vm__btn:hover {
  background: rgba(124, 58, 237, 0.16);
  border-color: rgba(124, 58, 237, 0.45);
  color: var(--orca-fg) !important;
}
.orca-vm__btn--primary {
  background: #7c3aed !important;
  border-color: #7c3aed !important;
  color: #fff !important;
}
.orca-vm__btn--primary i {
  color: #fff !important;
}
.orca-vm__btn--primary:hover {
  background: #6d28d9 !important;
  border-color: #6d28d9 !important;
  color: #fff !important;
}
.orca-vm__hint {
  font-size: 0.8rem;
  color: var(--orca-muted-fg) !important;
  margin: 0 0 1.1rem !important;
  line-height: 1.45;
  max-width: 42rem;
}

.orca-vm__metrics {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.orca-vm__gauges {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10.5rem, 1fr));
  gap: 0.85rem;
}
.orca-vm__gauge {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.65rem;
  padding: 1rem 0.85rem;
  background: rgba(124, 58, 237, 0.04);
  border: 1px solid var(--orca-border);
  border-radius: 0.75rem;
}
html[data-theme="dark"] .orca-vm__gauge {
  background: rgba(124, 58, 237, 0.07);
}
.orca-vm__gauge-ring {
  --orca-gauge-pct: 0;
  position: relative;
  width: 7.5rem;
  height: 7.5rem;
}
.orca-vm__svg {
  width: 100%;
  height: 100%;
  display: block;
}
.orca-vm__track {
  stroke: var(--orca-border);
}
.orca-vm__progress {
  stroke-linecap: round;
  stroke-dasharray: 339.292;
  stroke-dashoffset: calc(339.292 * (1 - (var(--orca-gauge-pct) / 100)));
  transition: stroke-dashoffset 0.45s ease;
}
.orca-vm__progress--mem {
  stroke: #7c3aed;
}
.orca-vm__progress--disk {
  stroke: #2563eb;
}
.orca-vm__gauge-ring.is-indeterminate .orca-vm__progress {
  stroke: #94a3b8;
  stroke-dasharray: 48 291.292;
  stroke-dashoffset: 0;
  animation: orca-vm-spin 1.4s linear infinite;
  transform-origin: 60px 60px;
}
@keyframes orca-vm-spin {
  to { stroke-dashoffset: -339.292; }
}
.orca-vm__gauge-center {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.orca-vm__gauge-pct {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--orca-fg);
}
.orca-vm__gauge-pct--na {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--orca-muted-fg);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.orca-vm__gauge-meta {
  text-align: center;
}
.orca-vm__gauge-label {
  font-size: 0.7rem;
  font-weight: 650;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--orca-muted-fg);
  margin-bottom: 0.2rem;
}
.orca-vm__gauge-detail {
  font-size: 0.8rem;
  font-weight: 550;
  color: var(--orca-fg);
  line-height: 1.35;
  word-break: break-word;
}

.orca-vm__cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
  gap: 0.65rem;
}
.orca-vm__card {
  display: flex;
  align-items: flex-start;
  gap: 0.7rem;
  padding: 0.85rem 0.9rem;
  background: rgba(124, 58, 237, 0.04);
  border: 1px solid var(--orca-border);
  border-radius: 0.75rem;
  min-width: 0;
}
html[data-theme="dark"] .orca-vm__card {
  background: rgba(124, 58, 237, 0.07);
}
.orca-vm__card-icon {
  flex: 0 0 auto;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 0.55rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(124, 58, 237, 0.12);
  color: #7c3aed;
}
.orca-vm__card-icon i {
  font-size: 0.9rem;
}
.orca-vm__card-body {
  min-width: 0;
  flex: 1 1 auto;
}
.orca-vm__card-label {
  font-size: 0.65rem;
  font-weight: 650;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--orca-muted-fg);
  margin-bottom: 0.2rem;
}
.orca-vm__card-value {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--orca-fg);
  line-height: 1.35;
  word-break: break-word;
}
.orca-vm__card-value--wrap {
  font-size: 0.8rem;
  font-weight: 500;
}

.orca-vm-error,
.orca-vm-metric-error {
  text-align: left !important;
}

@media (max-width: 575.98px) {
  .orca-pd__name {
    font-size: 1.15rem !important;
  }
  .orca-pd__metrics {
    grid-template-columns: 1fr 1fr;
  }
  .orca-pd-row__label {
    flex-basis: 100%;
  }
}

/* === end ORCASTRA PRODUCT DETAILS + VM METRICS (20260910af) === */


/* === VIEW CART REDESIGN (20260910ag) === */

/* ---- Scope: only viewcart page (.orca-cart), not products/configure ---- */
#order-standard_cart.orca-cart {
  font-family: var(--orca-font);
  color: var(--orca-fg);
}

/* Hide left categories sidebar + collapsed CATEGORIES/ACTIONS ghosts on viewcart */
#order-standard_cart.orca-cart > .row > .cart-sidebar,
#order-standard_cart.orca-cart .orca-cart-sidebar-hide {
  display: none !important;
  width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
}
#order-standard_cart.orca-cart > .row > .cart-body {
  float: none !important;
  width: 100% !important;
  max-width: 1100px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
/* Hide category panels inside collapsed include; keep currency selector if present */
#order-standard_cart.orca-cart .orca-cart-collapsed-wrap .sidebar-collapsed .panel,
#order-standard_cart.orca-cart .orca-cart-collapsed-wrap .sidebar-collapsed .card,
#order-standard_cart.orca-cart .orca-cart-collapsed-wrap .sidebar-collapsed .panel-default {
  display: none !important;
}
#order-standard_cart.orca-cart .orca-cart-collapsed-wrap .sidebar-collapsed {
  margin-top: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
#order-standard_cart.orca-cart .orca-cart-collapsed-wrap .sidebar-collapsed::after {
  display: none;
}

/* ---- Hero ---- */
#order-standard_cart.orca-cart .orca-cart-hero {
  margin: 0 0 1.25rem;
  padding: 0;
}
#order-standard_cart.orca-cart .orca-cart-eyebrow {
  display: block;
  font-size: 0.7rem;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--orca-muted-fg);
  margin-bottom: 0.25rem;
}
#order-standard_cart.orca-cart .orca-cart-title {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: var(--orca-fg) !important;
  margin: 0 !important;
}
#order-standard_cart.orca-cart .header-lined {
  display: none;
}

/* ---- Column labels (subtle, not heavy gray bar) ---- */
#order-standard_cart.orca-cart .view-cart-items-header,
#order-standard_cart.orca-cart .orca-cart-cols {
  background: transparent !important;
  color: var(--orca-muted-fg) !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0.35rem 0.85rem 0.5rem !important;
  margin: 0 0 0.35rem !important;
  font-size: 0.68rem !important;
  font-weight: 650;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
@media (max-width: 575px) {
  #order-standard_cart.orca-cart .view-cart-items-header {
    display: none !important;
  }
}

/* ---- Cart items: soft cards ---- */
#order-standard_cart.orca-cart .view-cart-items,
#order-standard_cart.orca-cart .orca-cart-items {
  margin: 0 0 0.75rem !important;
  border: 0 !important;
  background: transparent !important;
}
#order-standard_cart.orca-cart .view-cart-items .item,
#order-standard_cart.orca-cart .orca-cart-item {
  margin: 0 0 0.65rem !important;
  padding: 1rem 1.1rem !important;
  background: var(--orca-card) !important;
  border: 1px solid var(--orca-border) !important;
  border-radius: var(--orca-radius) !important;
  box-shadow: var(--orca-shadow);
  font-size: 0.9em !important;
}
#order-standard_cart.orca-cart .view-cart-items .item:nth-child(even),
#order-standard_cart.orca-cart .orca-cart-item:nth-child(even) {
  background: var(--orca-card) !important;
}
#order-standard_cart.orca-cart .orca-cart-item--addon {
  margin-left: 0.75rem !important;
  opacity: 0.97;
  border-style: dashed !important;
}
#order-standard_cart.orca-cart .view-cart-items .item-title {
  font-size: 1.05rem !important;
  font-weight: 650 !important;
  color: var(--orca-fg) !important;
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem 0.55rem;
  margin-bottom: 0.2rem;
}
#order-standard_cart.orca-cart .view-cart-items .item-group {
  font-size: 0.8rem !important;
  font-weight: 500 !important;
  color: var(--orca-muted-fg) !important;
  font-style: normal !important;
  display: block !important;
}
#order-standard_cart.orca-cart .view-cart-items .item-domain {
  font-size: 0.82rem !important;
  color: var(--orca-muted-fg) !important;
  font-family: var(--orca-mono);
  display: block !important;
  margin-top: 0.15rem;
  word-break: break-all;
}

/* Edit chip */
#order-standard_cart.orca-cart .orca-cart-edit {
  display: inline-flex !important;
  align-items: center;
  gap: 0.3rem;
  padding: 0.15rem 0.55rem !important;
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  border-radius: var(--orca-radius-pill) !important;
  background: rgba(124, 58, 237, 0.1) !important;
  color: #7c3aed !important;
  border: 1px solid rgba(124, 58, 237, 0.22) !important;
  text-decoration: none !important;
  vertical-align: middle;
}
#order-standard_cart.orca-cart .orca-cart-edit:hover {
  background: rgba(124, 58, 237, 0.18) !important;
  color: #6d28d9 !important;
  text-decoration: none !important;
}
html[data-theme="dark"] #order-standard_cart.orca-cart .orca-cart-edit {
  background: rgba(124, 58, 237, 0.22) !important;
  color: #c4b5fd !important;
  border-color: rgba(167, 139, 250, 0.35) !important;
}

/* Config option pills */
#order-standard_cart.orca-cart .orca-cart-opts {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.55rem;
}
#order-standard_cart.orca-cart .orca-cart-opt {
  display: inline-flex !important;
  align-items: center;
  max-width: 100%;
  padding: 0.2rem 0.55rem;
  font-size: 0.7rem !important;
  font-weight: 550;
  line-height: 1.35;
  border-radius: var(--orca-radius-pill);
  background: rgba(124, 58, 237, 0.1);
  color: #6d28d9;
  border: 1px solid rgba(124, 58, 237, 0.2);
  word-break: break-word;
}
html[data-theme="dark"] #order-standard_cart.orca-cart .orca-cart-opt {
  background: rgba(124, 58, 237, 0.2);
  color: #c4b5fd;
  border-color: rgba(167, 139, 250, 0.28);
}

/* Price column */
#order-standard_cart.orca-cart .view-cart-items .item-price {
  text-align: right;
}
#order-standard_cart.orca-cart .view-cart-items .item-price > span:first-child,
#order-standard_cart.orca-cart .view-cart-items .item-price span[name$="Price"] {
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  color: var(--orca-fg) !important;
  display: block !important;
}
#order-standard_cart.orca-cart .view-cart-items .item-price .cycle {
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  color: var(--orca-muted-fg) !important;
  display: block !important;
}

/* Remove icon chip */
#order-standard_cart.orca-cart .orca-cart-remove,
#order-standard_cart.orca-cart .btn-remove-from-cart.orca-cart-remove {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0 !important;
  border-radius: var(--orca-radius) !important;
  background: transparent !important;
  border: 1px solid var(--orca-border) !important;
  color: var(--orca-muted-fg) !important;
  text-decoration: none !important;
}
#order-standard_cart.orca-cart .orca-cart-remove:hover,
#order-standard_cart.orca-cart .btn-remove-from-cart.orca-cart-remove:hover {
  background: rgba(220, 38, 38, 0.1) !important;
  border-color: rgba(220, 38, 38, 0.35) !important;
  color: #dc2626 !important;
}
html[data-theme="dark"] #order-standard_cart.orca-cart .orca-cart-remove:hover {
  background: rgba(220, 38, 38, 0.18) !important;
  color: #fca5a5 !important;
}

/* Empty cart */
#order-standard_cart.orca-cart .empty-cart {
  text-align: right;
  margin: 0 0 1rem !important;
  line-height: 1.2;
}
#order-standard_cart.orca-cart .empty-cart .btn {
  background: transparent !important;
  border: 1px solid var(--orca-border) !important;
  color: var(--orca-muted-fg) !important;
  border-radius: var(--orca-radius) !important;
  padding: 0.35rem 0.75rem !important;
}
#order-standard_cart.orca-cart .empty-cart .btn:hover {
  color: #dc2626 !important;
  border-color: rgba(220, 38, 38, 0.4) !important;
}
#order-standard_cart.orca-cart .view-cart-empty,
#order-standard_cart.orca-cart .orca-cart-empty {
  padding: 2.5rem 1.25rem !important;
  text-align: center;
  background: var(--orca-card);
  border: 1px dashed var(--orca-border);
  border-radius: var(--orca-radius);
  margin: 0.5rem 0 1rem;
}
#order-standard_cart.orca-cart .orca-cart-empty-icon {
  width: 3.5rem;
  height: 3.5rem;
  margin: 0 auto 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(124, 58, 237, 0.12);
  color: #7c3aed;
  font-size: 1.35rem;
}
html[data-theme="dark"] #order-standard_cart.orca-cart .orca-cart-empty-icon {
  background: rgba(124, 58, 237, 0.25);
  color: #c4b5fd;
}
#order-standard_cart.orca-cart .orca-cart-empty-text {
  font-size: 1rem;
  font-weight: 550;
  color: var(--orca-fg);
  margin: 0 0 1rem;
}
#order-standard_cart.orca-cart .orca-cart-empty-cta {
  border-radius: var(--orca-radius) !important;
  border: 1px solid var(--orca-border) !important;
  background: var(--orca-secondary) !important;
  color: var(--orca-fg) !important;
  padding: 0.5rem 1.1rem !important;
  font-weight: 600;
}
#order-standard_cart.orca-cart .orca-cart-empty-cta:hover {
  border-color: #7c3aed !important;
  color: #7c3aed !important;
}

/* ---- Promo tabs: compact ---- */
#order-standard_cart.orca-cart .view-cart-tabs,
#order-standard_cart.orca-cart .orca-cart-tabs {
  margin: 0 0 1.25rem !important;
  border: 1px solid var(--orca-border);
  border-radius: var(--orca-radius);
  overflow: hidden;
  background: var(--orca-card);
}
#order-standard_cart.orca-cart .view-cart-tabs .nav-tabs {
  padding: 0.35rem 0.5rem 0 !important;
  margin: 0;
  border-bottom: 1px solid var(--orca-border) !important;
  background: transparent !important;
  font-size: 0.8rem !important;
}
#order-standard_cart.orca-cart .view-cart-tabs .nav-tabs > li > a,
#order-standard_cart.orca-cart .view-cart-tabs .nav-tabs .nav-link {
  border: 0 !important;
  border-radius: calc(var(--orca-radius) - 2px) calc(var(--orca-radius) - 2px) 0 0 !important;
  color: var(--orca-muted-fg) !important;
  padding: 0.45rem 0.85rem !important;
  background: transparent !important;
  font-weight: 600;
}
#order-standard_cart.orca-cart .view-cart-tabs .nav-tabs a[aria-expanded="true"],
#order-standard_cart.orca-cart .view-cart-tabs .nav-tabs a[aria-selected="true"],
#order-standard_cart.orca-cart .view-cart-tabs .nav-tabs .nav-link.active {
  color: #7c3aed !important;
  background: transparent !important;
  border-bottom: 2px solid #7c3aed !important;
  box-shadow: none !important;
}
#order-standard_cart.orca-cart .view-cart-tabs .tab-content {
  background: transparent !important;
  padding: 0.75rem 0.9rem !important;
}
#order-standard_cart.orca-cart .orca-cart-promo-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 0.5rem;
  align-items: stretch;
  width: 100%;
}
#order-standard_cart.orca-cart .orca-cart-promo-row .form-control,
#order-standard_cart.orca-cart .orca-cart-promo-row .field {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 2.4rem;
  border-radius: var(--orca-radius) !important;
  border: 1px solid var(--orca-border) !important;
  background: var(--orca-input-bg) !important;
  color: var(--orca-fg) !important;
  padding-left: 0.75rem !important;
  display: block !important;
}
#order-standard_cart.orca-cart .orca-cart-promo-btn,
#order-standard_cart.orca-cart .orca-cart-promo-row .btn {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 2.4rem;
  padding: 0 1rem !important;
  border-radius: var(--orca-radius) !important;
  border: 1px solid var(--orca-border) !important;
  background: rgba(124, 58, 237, 0.12) !important;
  color: #7c3aed !important;
  font-weight: 650;
  white-space: nowrap !important;
}
#order-standard_cart.orca-cart .orca-cart-promo-btn:hover {
  border-color: #7c3aed !important;
  color: #7c3aed !important;
}
#order-standard_cart.orca-cart .orca-cart-promo-applied {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem;
}
#order-standard_cart.orca-cart .orca-cart-promo-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.35rem 0.75rem;
  border-radius: var(--orca-radius-pill);
  background: rgba(124, 58, 237, 0.12);
  color: #6d28d9;
  border: 1px solid rgba(124, 58, 237, 0.25);
  font-size: 0.8rem;
  font-weight: 600;
}
html[data-theme="dark"] #order-standard_cart.orca-cart .orca-cart-promo-chip {
  background: rgba(124, 58, 237, 0.22);
  color: #c4b5fd;
  border-color: rgba(167, 139, 250, 0.3);
}
#order-standard_cart.orca-cart .orca-cart-promo-remove {
  color: var(--orca-muted-fg) !important;
  font-size: 0.75rem !important;
  text-decoration: underline !important;
}
#order-standard_cart.orca-cart .view-cart-promotion-code {
  display: none; /* replaced by chip markup */
}

/* Gateway express strip */
#order-standard_cart.orca-cart .view-cart-gateway-checkout {
  margin: 0 0 1rem !important;
  padding: 0.85rem !important;
  background: var(--orca-card) !important;
  border: 1px solid var(--orca-border) !important;
  border-radius: var(--orca-radius) !important;
}

/* ---- Order summary sidebar ---- */
#order-standard_cart.orca-cart .secondary-cart-sidebar {
  padding-top: 0.15rem;
}
#order-standard_cart.orca-cart .order-summary,
#order-standard_cart.orca-cart .orca-cart-summary {
  position: sticky;
  top: 1rem;
  margin: 0 0 1.25rem !important;
  padding: 0 !important;
  background: var(--orca-card) !important;
  border: 1px solid var(--orca-border) !important;
  border-radius: var(--orca-radius) !important;
  border-bottom: 1px solid var(--orca-border) !important;
  box-shadow: var(--orca-shadow);
  overflow: hidden;
}
#order-standard_cart.orca-cart .order-summary h2,
#order-standard_cart.orca-cart .orca-cart-summary-title {
  margin: 0 !important;
  padding: 0.85rem 1rem !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--orca-muted-fg) !important;
  background: transparent !important;
  text-align: left !important;
  border-bottom: 1px solid var(--orca-border);
}
#order-standard_cart.orca-cart .summary-container {
  margin: 0 !important;
  padding: 1rem !important;
  min-height: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-size: 0.875rem !important;
  color: var(--orca-fg);
}
#order-standard_cart.orca-cart .order-summary .subtotal,
#order-standard_cart.orca-cart .order-summary .bordered-totals,
#order-standard_cart.orca-cart .order-summary .recurring-totals {
  border-color: var(--orca-border) !important;
  color: var(--orca-fg);
}
#order-standard_cart.orca-cart .order-summary .subtotal {
  font-size: 0.95rem !important;
  padding-bottom: 0.65rem !important;
}
#order-standard_cart.orca-cart .order-summary .recurring-charges {
  color: var(--orca-muted-fg) !important;
  font-style: normal !important;
}
#order-standard_cart.orca-cart .order-summary .total-due-today,
#order-standard_cart.orca-cart .order-summary .total-due-today-padded {
  margin: 1rem 0 1.15rem !important;
  padding: 0.85rem 0.9rem;
  border-radius: calc(var(--orca-radius) - 2px);
  background: rgba(124, 58, 237, 0.08);
  border: 1px solid rgba(124, 58, 237, 0.18);
}
html[data-theme="dark"] #order-standard_cart.orca-cart .order-summary .total-due-today,
html[data-theme="dark"] #order-standard_cart.orca-cart .order-summary .total-due-today-padded {
  background: rgba(124, 58, 237, 0.16);
  border-color: rgba(167, 139, 250, 0.25);
}
#order-standard_cart.orca-cart .order-summary .total-due-today span {
  display: block;
  text-align: left;
}
#order-standard_cart.orca-cart .order-summary .total-due-today .amt {
  font-size: 1.65rem !important;
  font-weight: 750 !important;
  color: var(--orca-fg) !important;
  line-height: 1.15;
}
#order-standard_cart.orca-cart .order-summary .total-due-today .amt + span,
#order-standard_cart.orca-cart .order-summary .total-due-today > span:not(.amt) {
  font-size: 0.72rem;
  font-weight: 650;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--orca-muted-fg);
  margin-top: 0.2rem;
}

#order-standard_cart.orca-cart .orca-cart-summary-actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.45rem;
  text-align: center;
}
#order-standard_cart.orca-cart .btn-checkout {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100% !important;
  padding: 0.85rem 1.25rem !important;
  font-size: 1rem !important;
  font-weight: 650 !important;
  border-radius: var(--orca-radius) !important;
  background: #7c3aed !important;
  border-color: #7c3aed !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(124, 58, 237, 0.28);
}
#order-standard_cart.orca-cart .btn-checkout:hover,
#order-standard_cart.orca-cart .btn-checkout:focus {
  background: #6d28d9 !important;
  border-color: #6d28d9 !important;
  color: #fff !important;
}
#order-standard_cart.orca-cart .btn-checkout.disabled,
#order-standard_cart.orca-cart .btn-checkout[disabled] {
  opacity: 0.45;
  pointer-events: none;
  box-shadow: none;
}
#order-standard_cart.orca-cart .btn-continue-shopping {
  color: var(--orca-muted-fg) !important;
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  padding: 0.25rem !important;
}
#order-standard_cart.orca-cart .btn-continue-shopping:hover {
  color: #7c3aed !important;
  text-decoration: underline !important;
}

/* Qty controls */
#order-standard_cart.orca-cart .item-qty input.form-control {
  border-radius: var(--orca-radius) !important;
  border: 1px solid var(--orca-border) !important;
  background: var(--orca-input-bg) !important;
  color: var(--orca-fg) !important;
  max-width: 4.5rem;
  margin: 0 auto 0.35rem;
}
#order-standard_cart.orca-cart .item-qty .btn {
  border-radius: calc(var(--orca-radius) - 2px) !important;
  border: 1px solid var(--orca-border) !important;
  background: var(--orca-secondary) !important;
  color: var(--orca-fg) !important;
}

/* Alerts on cart */
#order-standard_cart.orca-cart .alert {
  border-radius: var(--orca-radius) !important;
}

/* Modals already themed globally; tighten remove icons */
#order-standard_cart.orca-cart .modal-remove-item .modal-title i {
  color: #7c3aed;
}

/* Secondary layout: give body more room when sidebar hidden */
@media (min-width: 992px) {
  #order-standard_cart.orca-cart .secondary-cart-body {
    width: 66% !important;
  }
  #order-standard_cart.orca-cart .secondary-cart-sidebar {
    width: 34% !important;
  }
}
@media (max-width: 991px) {
  #order-standard_cart.orca-cart .secondary-cart-body,
  #order-standard_cart.orca-cart .secondary-cart-sidebar {
    width: 100% !important;
    float: none !important;
  }
  #order-standard_cart.orca-cart .order-summary {
    position: static;
    max-width: 28rem;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Dark surfaces already use tokens; reinforce a few WHMCS leftovers */
html[data-theme="dark"] #order-standard_cart.orca-cart .view-cart-items .item,
html[data-theme="dark"] #order-standard_cart.orca-cart .orca-cart-item,
html[data-theme="dark"] #order-standard_cart.orca-cart .view-cart-tabs,
html[data-theme="dark"] #order-standard_cart.orca-cart .order-summary {
  background: var(--orca-card) !important;
  border-color: var(--orca-border) !important;
  color: var(--orca-fg) !important;
}
html[data-theme="dark"] #order-standard_cart.orca-cart .summary-container {
  background: transparent !important;
  color: var(--orca-fg) !important;
}
html[data-theme="dark"] #order-standard_cart.orca-cart .view-cart-tabs .nav-tabs {
  border-bottom-color: var(--orca-border) !important;
}

@media (max-width: 419.98px) {
  #order-standard_cart.orca-cart .orca-cart-promo-row {
    flex-wrap: wrap !important;
  }
  #order-standard_cart.orca-cart .orca-cart-promo-btn,
  #order-standard_cart.orca-cart .orca-cart-promo-row .btn {
    width: 100% !important;
  }
}
/* === end VIEW CART REDESIGN (20260910ag) === */
/* promo row nowrap fix 20260910ah */