/* =====================================================================
   Core Lexes — "Signature" visual theme (PREVIEW ONLY)
   Source of every value: the live marketing site https://corelexes.app
   (its compiled stylesheet tokens). Active only when
   <html data-clx-theme="signature">. With the attribute set to "classic"
   the page renders exactly as production.

   Scope: colors, backgrounds, borders, gradients, shadows, glow, hover,
   plus the compact-spacing standard (padding, gaps, min-heights, icon
   boxes, line-height) in the "Compact spacing" section at the end.
   Never: font-family, font-size, widths, or the column structure.
   ===================================================================== */

html[data-clx-theme="signature"] {
  /* Marketing site tokens (verbatim) */
  --navy-1000: #030817;
  --navy-950: #050b1c;
  --navy-900: #081129;
  --navy-850: #0b1735;
  --navy-800: #0f1e42;
  --navy-700: #16295a;
  --gold-200: #caa149;
  --gold-300: #be9140;
  --gold-400: #b68b3c;
  --gold-500: #ae8432;
  --gold-600: #a87d2e;
  --gold-700: #a87d2e;
  --text: #e9edf7;
  --text-soft: #c4cde2;
  --muted: #94a0bd;
  --line: rgba(182, 139, 60, 0.45);
  --line-strong: rgba(202, 161, 73, 0.55);
  --line-cool: rgba(140, 170, 255, 0.14);
  --gold-grad: linear-gradient(180deg, #caa149 0%, #be9140 22%, #b68b3c 48%, #ae8432 74%, #a87d2e 100%);
  --gold-banner-grad: linear-gradient(180deg, #d2b066 0%, #c8a35f 22%, #c29e5b 48%, #bb9853 74%, #b6924f 100%);
  --gold-grad-h: linear-gradient(90deg, #caa149, #b68b3c 55%, #a87d2e);
  --card-bg: linear-gradient(160deg, #13265c 0%, #0b1838 55%, #081129 100%);
  --shadow-gold: 0 0 0 1px rgba(182, 139, 60, 0.18), 0 10px 30px -12px rgba(168, 125, 46, 0.35);

  /* Status colors: production danger #b91c1c / ok #15803d are unreadable on navy.
     These are the lighter tints of the same two production hues. */
  --sig-danger: #fca5a5;
  --sig-danger-bg: rgba(248, 113, 113, 0.14);
  --sig-ok: #86efac;
  --sig-ok-bg: rgba(134, 239, 172, 0.12);

  /* Re-point the production Workspace color variables (colors only) */
  --ws-navy: var(--navy-900);
  --ws-navy-mid: var(--navy-800);
  --ws-gold: var(--gold-400);
  --ws-gold-hover: #be9140;
  --ws-bg: transparent;
  --ws-card: transparent;
  --ws-border: var(--line-cool);
  --ws-muted: var(--muted);
  --ws-text: var(--text);
  --ws-danger: var(--sig-danger);
  --ws-ok: var(--sig-ok);
  --clx-chrome-navy: var(--navy-950);
  --clx-chrome-gold: var(--gold-400);
  --text-primary: var(--text);
  color-scheme: dark;
  background: var(--navy-1000);
}

/* ---------- Page canvas: marketing hero background + 44px grid ---------- */
html[data-clx-theme="signature"] body.app-body {
  color: var(--text) !important;
  background-color: var(--navy-1000) !important;
  background-image:
    linear-gradient(rgba(140, 170, 255, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(140, 170, 255, 0.05) 1px, transparent 1px),
    radial-gradient(ellipse 60% 70% at 78% 40%, rgba(32, 62, 140, 0.45), transparent 70%),
    radial-gradient(ellipse 50% 60% at 10% 10%, rgba(190, 145, 64, 0.1), transparent 70%),
    linear-gradient(180deg, var(--navy-1000), var(--navy-900)) !important;
  background-size: 44px 44px, 44px 44px, auto, auto, auto !important;
  background-attachment: fixed !important;
}
html[data-clx-theme="signature"] body.clx-workspace-page .app-content,
html[data-clx-theme="signature"] .app-content {
  background: transparent !important;
}
html[data-clx-theme="signature"] ::selection {
  background: rgba(182, 139, 60, 0.35);
  color: #fff;
}

/* ---------- Sidebar: warm medium gold sampled from the approved Workspace screenshot ---------- */
html[data-clx-theme="signature"] .app-sidebar {
  background: linear-gradient(180deg, #d1ae62 0%, #c7a05b 22%, #c09b57 48%, #b9954f 74%, #b48f4b 100%) !important;
  border-right: 1px solid #b48f4b;
  box-shadow: 4px 0 24px -8px rgba(0, 0, 0, 0.7), inset -1px 0 0 rgba(231, 213, 149, 0.28);
  scrollbar-color: rgba(11, 23, 53, 0.45) transparent;
}
html[data-clx-theme="signature"] .app-sidebar::-webkit-scrollbar-thumb {
  background: rgba(11, 23, 53, 0.45) !important;
}
html[data-clx-theme="signature"] .app-sidebar .sidebar-brand {
  border-bottom-color: rgba(11, 23, 53, 0.22);
}
/* Supplied artwork shown unaltered (production's color filter is not applied) */
html[data-clx-theme="signature"] .app-sidebar .brand-logo {
  filter: none !important;
}
html[data-clx-theme="signature"] .sidebar-section-title-office,
html[data-clx-theme="signature"] .sidebar-section-title-user,
html[data-clx-theme="signature"] .sidebar-section-title-draft,
html[data-clx-theme="signature"] .sidebar-section-title-email {
  color: #4a3510 !important;
  opacity: 1;
}
html[data-clx-theme="signature"] .app-sidebar .sidebar-nav-flat .nav-link,
html[data-clx-theme="signature"] .app-sidebar .nav-link {
  color: #0b1735 !important;
}
html[data-clx-theme="signature"] .app-sidebar .nav-ico {
  color: #0b1735;
}
html[data-clx-theme="signature"] .app-sidebar .sidebar-nav-flat .nav-link:hover,
html[data-clx-theme="signature"] .app-sidebar .sidebar-nav-flat .nav-link:focus,
html[data-clx-theme="signature"] .app-sidebar .nav-link:hover,
html[data-clx-theme="signature"] .app-sidebar .nav-link:focus {
  background: rgba(11, 23, 53, 0.12) !important;
  color: #050b1c !important;
}
html[data-clx-theme="signature"] .app-sidebar .nav-link:hover .nav-ico {
  color: #050b1c;
}
/* Active item: navy with gold text and icon */
html[data-clx-theme="signature"] .app-sidebar .sidebar-nav-flat .nav-link.active,
html[data-clx-theme="signature"] .app-sidebar .nav-link.active {
  background: linear-gradient(180deg, #13245a 0%, #081129 100%) !important;
  color: var(--gold-300) !important;
  box-shadow: inset 0 0 0 1px rgba(202, 161, 73, 0.35), 0 3px 10px -4px rgba(3, 8, 23, 0.8) !important;
}
html[data-clx-theme="signature"] .app-sidebar .sidebar-nav-flat .nav-link.active .nav-ico,
html[data-clx-theme="signature"] .app-sidebar .nav-link.active .nav-ico {
  color: var(--gold-300) !important;
  filter: drop-shadow(0 0 4px rgba(182, 139, 60, 0.6));
}

/* ---------- Header: deep navy gradient banner ---------- */
html[data-clx-theme="signature"] .app-header {
  background:
    radial-gradient(ellipse 45% 160% at 85% 0%, rgba(50, 90, 190, 0.35), transparent 70%),
    linear-gradient(90deg, #050b1c 0%, #0b1a44 45%, #12275e 75%, #081129 100%) !important;
  border-bottom: 1px solid rgba(182, 139, 60, 0.55) !important;
  box-shadow: 0 10px 30px -18px rgba(0, 0, 0, 0.9) !important;
}
html[data-clx-theme="signature"] .app-header .header-label {
  color: #ffffff !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: #ffffff !important;
  letter-spacing: normal !important;
  font-weight: 700 !important;
}
html[data-clx-theme="signature"] .app-header #clx-daily-greeting {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  font-family: "Times New Roman", Times, serif !important;
}
html[data-clx-theme="signature"] .app-header .header-app-kicker {
  color: #ffffff !important;
  font-family: "Times New Roman", Times, serif !important;
}
html[data-clx-theme="signature"] .app-header .header-app-kicker {
  color: var(--muted) !important;
}
html[data-clx-theme="signature"] .app-search-ico {
  color: var(--muted);
}
html[data-clx-theme="signature"] .app-search .form-control {
  background: rgba(4, 9, 24, 0.7) !important;
  border: 1px solid rgba(120, 150, 230, 0.25) !important;
  color: var(--text) !important;
}
html[data-clx-theme="signature"] .app-search .form-control::placeholder {
  color: var(--muted) !important;
}
html[data-clx-theme="signature"] .app-search .form-control:focus {
  background: rgba(4, 9, 24, 0.85) !important;
  border-color: var(--gold-400) !important;
  box-shadow: 0 0 0 3px rgba(182, 139, 60, 0.18) !important;
}
html[data-clx-theme="signature"] .app-header .header-actions .user-avatar {
  background: var(--gold-grad) !important;
  color: #1a1204 !important;
  -webkit-text-fill-color: #1a1204 !important;
  box-shadow: 0 0 0 1px rgba(202, 161, 73, 0.4) inset, 0 0 14px -4px rgba(182, 139, 60, 0.75);
}
html[data-clx-theme="signature"] .app-header .header-actions .user-name {
  color: var(--text) !important;
}

/* ---------- Dropdowns (user menu) ---------- */
html[data-clx-theme="signature"] .dropdown-menu {
  --bs-dropdown-bg: transparent;
  background: linear-gradient(165deg, #12234f, #070f27) !important;
  border: 1px solid var(--line-strong) !important;
  box-shadow: 0 0 30px -10px rgba(182, 139, 60, 0.45), 0 24px 50px -20px rgba(0, 0, 0, 0.9) !important;
}
html[data-clx-theme="signature"] .dropdown-item {
  color: var(--text-soft) !important;
}
html[data-clx-theme="signature"] .dropdown-item:hover,
html[data-clx-theme="signature"] .dropdown-item:focus {
  background: rgba(190, 145, 64, 0.12) !important;
  color: var(--gold-200) !important;
}
html[data-clx-theme="signature"] .dropdown-divider {
  border-top-color: var(--line) !important;
}

/* ---------- Workspace hero ---------- */
html[data-clx-theme="signature"] .clx-ws-greeting {
  color: #f4f6fb !important;
  text-shadow: 0 0 28px rgba(140, 170, 255, 0.25);
}
html[data-clx-theme="signature"] .clx-ws-date {
  color: var(--muted) !important;
}

/* Marketing ".glow-border": gold line + inner highlight + gradient ring */
html[data-clx-theme="signature"] .clx-ws-metric,
html[data-clx-theme="signature"] .clx-ws-card {
  position: relative;
  background: var(--card-bg) !important;
  border: 1px solid var(--line) !important;
  box-shadow: inset 0 1px 0 rgba(202, 161, 73, 0.08), 0 14px 34px -22px rgba(0, 0, 0, 0.9) !important;
}
html[data-clx-theme="signature"] .clx-ws-metric::before,
html[data-clx-theme="signature"] .clx-ws-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(140deg, rgba(202, 161, 73, 0.55), rgba(190, 145, 64, 0.08) 35%, rgba(140, 170, 255, 0.12) 70%, rgba(182, 139, 60, 0.35));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 1;
}

/* ---------- Summary metrics ---------- */
html[data-clx-theme="signature"] .clx-ws-metric {
  color: var(--text) !important;
}
html[data-clx-theme="signature"] .clx-ws-metric:hover,
html[data-clx-theme="signature"] .clx-ws-metric:focus-visible {
  border-color: var(--line-strong) !important;
  box-shadow: var(--shadow-gold), inset 0 1px 0 rgba(202, 161, 73, 0.1) !important;
}
/* Marketing ".feature-icon" */
html[data-clx-theme="signature"] .clx-ws-metric-ico,
html[data-clx-theme="signature"] .clx-ws-row-ico.is-navy,
html[data-clx-theme="signature"] .clx-ws-tool-ico,
html[data-clx-theme="signature"] .clx-ws-connect-tile .clx-ws-ico {
  background: radial-gradient(circle at 30% 20%, rgba(182, 139, 60, 0.28), rgba(8, 17, 41, 0.6)) !important;
  color: var(--gold-300) !important;
  box-shadow: inset 0 0 0 1px var(--line-strong), 0 0 16px -6px rgba(182, 139, 60, 0.7);
}
html[data-clx-theme="signature"] .clx-ws-metric-label {
  color: var(--muted) !important;
}
html[data-clx-theme="signature"] .clx-ws-metric-value {
  color: #f4f6fb !important;
}
html[data-clx-theme="signature"] .clx-ws-metric-value.is-alert {
  color: var(--sig-danger) !important;
  text-shadow: 0 0 12px rgba(248, 113, 113, 0.45);
}
html[data-clx-theme="signature"] .clx-ws-metric-value.is-gold {
  color: var(--gold-300) !important;
  text-shadow: 0 0 12px rgba(182, 139, 60, 0.45);
}
html[data-clx-theme="signature"] .clx-ws-metric-value.is-ok {
  color: var(--sig-ok) !important;
  text-shadow: 0 0 12px rgba(134, 239, 172, 0.35);
}

/* ---------- Panels: approved metallic-gold title banners (shared by every panel) ---------- */
html[data-clx-theme="signature"] {
  --sig-banner-gold: #b68b3c;
  --sig-banner-navy: #102346;
}
html[data-clx-theme="signature"] .clx-ws-card-hdr {
  background:
    var(--gold-banner-grad) !important;
  border-bottom: 1px solid #b68b3c !important;
  box-shadow: inset 0 1px 0 rgba(202, 161, 73, 0.28);
}
html[data-clx-theme="signature"] .clx-ws-card-hdr-ico {
  background: rgba(16, 35, 70, 0.1) !important;
  border-color: rgba(16, 35, 70, 0.35) !important;
  color: var(--sig-banner-navy) !important;
  box-shadow: none;
}
html[data-clx-theme="signature"] .clx-ws-card-title {
  color: var(--sig-banner-navy) !important;
  -webkit-text-fill-color: var(--sig-banner-navy) !important;
}
html[data-clx-theme="signature"] .clx-ws-card-link {
  color: var(--sig-banner-navy) !important;
  -webkit-text-fill-color: var(--sig-banner-navy) !important;
}
html[data-clx-theme="signature"] .clx-ws-card-link:hover,
html[data-clx-theme="signature"] .clx-ws-card-link:focus-visible {
  color: #050b1c !important;
  -webkit-text-fill-color: #050b1c !important;
  text-decoration: underline !important;
}
html[data-clx-theme="signature"] .clx-ws-card-body {
  background: transparent !important;
}
html[data-clx-theme="signature"] .clx-ws-scroll {
  scrollbar-color: rgba(182, 139, 60, 0.45) transparent;
}
html[data-clx-theme="signature"] .clx-ws-scroll::-webkit-scrollbar-thumb {
  background: rgba(182, 139, 60, 0.45) !important;
}

/* ---------- Rows ---------- */
html[data-clx-theme="signature"] .clx-ws-row {
  color: var(--text) !important;
}
html[data-clx-theme="signature"] a.clx-ws-row:hover,
html[data-clx-theme="signature"] a.clx-ws-row:focus-visible {
  background: rgba(190, 145, 64, 0.08) !important;
  border-color: var(--line) !important;
}
html[data-clx-theme="signature"] .clx-ws-row-ico {
  background: rgba(15, 30, 66, 0.8) !important;
  color: var(--text-soft) !important;
}
html[data-clx-theme="signature"] .clx-ws-row-ico.is-warn {
  background: var(--sig-danger-bg) !important;
  color: var(--sig-danger) !important;
  box-shadow: inset 0 0 0 1px rgba(248, 113, 113, 0.35);
}
html[data-clx-theme="signature"] .clx-ws-row-title {
  color: var(--text) !important;
}
html[data-clx-theme="signature"] .clx-ws-row-meta,
html[data-clx-theme="signature"] .clx-ws-row-aside {
  color: var(--muted) !important;
}
html[data-clx-theme="signature"] .clx-ws-row.is-overdue .clx-ws-row-title,
html[data-clx-theme="signature"] .clx-ws-row.is-overdue .clx-ws-row-aside {
  color: var(--sig-danger) !important;
}
html[data-clx-theme="signature"] .clx-ws-pill {
  background: rgba(96, 165, 250, 0.14) !important;
  color: #93c5fd !important;
  box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.4);
}
html[data-clx-theme="signature"] .clx-ws-pill.is-warn {
  background: var(--sig-danger-bg) !important;
  color: var(--sig-danger) !important;
  box-shadow: inset 0 0 0 1px rgba(248, 113, 113, 0.35);
}
html[data-clx-theme="signature"] .clx-ws-pill.is-ok {
  background: var(--sig-ok-bg) !important;
  color: var(--sig-ok) !important;
  box-shadow: inset 0 0 0 1px rgba(134, 239, 172, 0.3);
}
html[data-clx-theme="signature"] .clx-ws-unread {
  background: var(--gold-400) !important;
  box-shadow: 0 0 8px rgba(182, 139, 60, 0.85);
}
html[data-clx-theme="signature"] .clx-ws-empty-state,
html[data-clx-theme="signature"] .clx-ws-empty-state p {
  color: var(--muted) !important;
}
html[data-clx-theme="signature"] .clx-ws-empty-state .clx-ws-ico {
  background: rgba(10, 20, 50, 0.7) !important;
  color: var(--gold-400) !important;
}

/* ---------- Quick Tools + Connect tiles: marketing ".dp-panel" ---------- */
html[data-clx-theme="signature"] .clx-ws-tool,
html[data-clx-theme="signature"] .clx-ws-connect-tile {
  background: rgba(10, 20, 50, 0.7) !important;
  border-color: rgba(120, 150, 230, 0.14) !important;
  color: var(--text) !important;
}
html[data-clx-theme="signature"] .clx-ws-tool-label {
  color: var(--text) !important;
}
html[data-clx-theme="signature"] .clx-ws-tool:hover,
html[data-clx-theme="signature"] .clx-ws-tool:focus-visible,
html[data-clx-theme="signature"] .clx-ws-connect-tile:hover,
html[data-clx-theme="signature"] .clx-ws-connect-tile:focus-visible {
  background: rgba(190, 145, 64, 0.08) !important;
  border-color: var(--line-strong) !important;
  color: var(--gold-200) !important;
  box-shadow: var(--shadow-gold);
}
html[data-clx-theme="signature"] .clx-ws-connect-badge {
  background: #b91c1c !important;
  color: #fff !important;
  box-shadow: 0 0 10px rgba(248, 113, 113, 0.6);
}
/* Marketing ".btn-gold" */
html[data-clx-theme="signature"] .clx-ws-connect-cta {
  background: var(--gold-grad) !important;
  color: #1a1204 !important;
  border-color: transparent !important;
  box-shadow: 0 0 0 1px rgba(202, 161, 73, 0.4) inset, 0 6px 22px -8px rgba(182, 139, 60, 0.75) !important;
}
html[data-clx-theme="signature"] .clx-ws-connect-cta .clx-ws-ico {
  color: #1a1204 !important;
}
html[data-clx-theme="signature"] .clx-ws-connect-cta:hover,
html[data-clx-theme="signature"] .clx-ws-connect-cta:focus-visible {
  filter: brightness(1.06);
  box-shadow: 0 0 0 1px rgba(202, 161, 73, 0.55) inset, 0 8px 28px -6px rgba(182, 139, 60, 0.9) !important;
}

/* ---------- Modals: marketing ".dialog" ---------- */
html[data-clx-theme="signature"] .modal-backdrop {
  --bs-backdrop-bg: #020612;
  --bs-backdrop-opacity: 0.72;
}
html[data-clx-theme="signature"] .modal.show {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
html[data-clx-theme="signature"] .modal-content {
  background: linear-gradient(165deg, #12234f, #070f27) !important;
  border: 1px solid var(--line-strong) !important;
  color: var(--text) !important;
  box-shadow: 0 0 50px -10px rgba(182, 139, 60, 0.45), 0 40px 80px -20px rgba(0, 0, 0, 0.9) !important;
}
html[data-clx-theme="signature"] .workspace-modal .modal-header,
html[data-clx-theme="signature"] .modal-header {
  background: transparent !important;
  border-bottom: 1px solid var(--line) !important;
}
html[data-clx-theme="signature"] .modal-title {
  color: var(--gold-300) !important;
}
html[data-clx-theme="signature"] .modal-footer {
  border-top: 1px solid var(--line) !important;
}
html[data-clx-theme="signature"] .modal-body,
html[data-clx-theme="signature"] .modal-body p,
html[data-clx-theme="signature"] .form-label {
  color: var(--text-soft) !important;
}
html[data-clx-theme="signature"] .modal .text-muted {
  color: var(--muted) !important;
}
html[data-clx-theme="signature"] .modal .form-control {
  background: rgba(4, 9, 24, 0.7) !important;
  border: 1px solid rgba(120, 150, 230, 0.25) !important;
  color: var(--text) !important;
}
html[data-clx-theme="signature"] .modal .form-control::placeholder {
  color: var(--muted) !important;
}
html[data-clx-theme="signature"] .modal .form-control:focus {
  border-color: var(--gold-400) !important;
  box-shadow: 0 0 0 3px rgba(182, 139, 60, 0.18) !important;
}
html[data-clx-theme="signature"] .modal .btn-primary {
  background: var(--gold-grad) !important;
  color: #1a1204 !important;
  border-color: transparent !important;
  box-shadow: 0 0 0 1px rgba(202, 161, 73, 0.4) inset, 0 6px 22px -8px rgba(182, 139, 60, 0.75);
}
html[data-clx-theme="signature"] .modal .btn-secondary {
  background: rgba(8, 17, 41, 0.55) !important;
  color: var(--text) !important;
  border: 1px solid var(--line-strong) !important;
}
html[data-clx-theme="signature"] .modal .btn-secondary:hover {
  background: rgba(190, 145, 64, 0.12) !important;
  color: var(--gold-200) !important;
}
html[data-clx-theme="signature"] .clx-ws-calls-table {
  --bs-table-bg: transparent;
  --bs-table-color: var(--text);
  --bs-table-border-color: var(--line-cool);
  color: var(--text) !important;
}
html[data-clx-theme="signature"] .clx-ws-calls-table th {
  color: var(--gold-400) !important;
  border-bottom-color: var(--line) !important;
}
html[data-clx-theme="signature"] .clx-ws-calls-table a {
  color: var(--gold-300) !important;
}
html[data-clx-theme="signature"] .clx-ws-calls-table td.is-overdue {
  color: var(--sig-danger) !important;
}
html[data-clx-theme="signature"] .clx-ws-calls-table td.is-due {
  color: var(--text) !important;
}

/* ---------- Page header + generic cards (placeholder pages) ---------- */
html[data-clx-theme="signature"] .page-title {
  color: #f4f6fb !important;
}
html[data-clx-theme="signature"] .page-subtitle {
  color: var(--muted) !important;
}

/* ---------- Footer ---------- */
html[data-clx-theme="signature"] .global-site-footer.app-footer {
  background: var(--navy-1000) !important;
  border-top: 1px solid rgba(190, 145, 64, 0.2) !important;
  color: var(--muted) !important;
}

/* =====================================================================
   Compact spacing (Signature standard)
   One set of variables for the Signature density. Reuse these on any
   future Signature page instead of new per-page values. Fonts, colors,
   widths and the column structure are unchanged; the Workspace panel
   heights are still measured by layout.js from these rows.
   ===================================================================== */
html[data-clx-theme="signature"] {
  --sig-pad: 7px;          /* main content padding */
  --sig-gap: 6px;          /* gaps between panels / bubbles */
  --sig-hdr-py: 4px;       /* panel header vertical padding */
  --sig-hdr-px: 9px;       /* panel header horizontal padding */
  --sig-body-pad: 5px;     /* panel body padding */
  --sig-row-py: 3px;       /* list row vertical padding */
  --sig-row-px: 7px;       /* list row horizontal padding */
  --sig-ico-gap: 5px;      /* icon to text */
  --sig-metric-pad: 6px;   /* summary bubble padding */
  --sig-lh: 1.2;           /* compact line height */
  --sig-footer-h: 26px;    /* footer height, reserved below the shell */
}

/* ---------- Shell: header + sidebar + footer fit one viewport (shared grid) ---------- */
html[data-clx-theme="signature"] .app-main {
  min-height: 0 !important;
}
html[data-clx-theme="signature"] .app-sidebar {
  height: auto !important;
  max-height: none !important;
}
html[data-clx-theme="signature"] .global-site-footer.app-footer {
  height: var(--sig-footer-h) !important;
  padding: 0 12px !important;
  line-height: calc(var(--sig-footer-h) - 1px) !important;
  margin-top: 0 !important;
}
html[data-clx-theme="signature"] .app-header {
  padding: 5px 12px !important;
  min-height: 0 !important;
  gap: 10px !important;
}
html[data-clx-theme="signature"] .app-header .header-actions {
  gap: 10px !important;
}
html[data-clx-theme="signature"] .app-search .form-control {
  min-height: 30px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

/* ---------- Sidebar ---------- */
html[data-clx-theme="signature"] .app-sidebar {
  padding: 4px 4px 6px !important;
  gap: 4px !important;
}
html[data-clx-theme="signature"] .app-sidebar .sidebar-brand {
  min-height: 84px !important;
  padding: 2px !important;
}
html[data-clx-theme="signature"] .app-sidebar [class*="sidebar-section-title-"] {
  padding: 8px 8px 3px !important;
}
html[data-clx-theme="signature"] .app-sidebar .sidebar-section-title-office {
  padding-top: 2px !important;
}
html[data-clx-theme="signature"] .app-sidebar .sidebar-nav-flat .nav-link,
html[data-clx-theme="signature"] .app-sidebar .nav-link {
  padding: 2px 6px !important;
}

/* ---------- Workspace ---------- */
html[data-clx-theme="signature"] body.clx-workspace-page .app-content {
  padding: var(--sig-pad) !important;
}
html[data-clx-theme="signature"] .clx-ws {
  --ws-gap: var(--sig-gap);
}
html[data-clx-theme="signature"] .clx-ws-hero {
  margin: 0 0 4px !important;
  gap: 2px 10px !important;
}
html[data-clx-theme="signature"] .clx-ws-summary {
  margin-bottom: var(--sig-gap) !important;
}
html[data-clx-theme="signature"] .clx-ws-metric {
  padding: var(--sig-metric-pad) 7px !important;
  min-height: 0 !important;
  gap: 6px !important;
}
html[data-clx-theme="signature"] .clx-ws-metric-ico {
  width: 30px !important;
  height: 30px !important;
}
html[data-clx-theme="signature"] .clx-ws-metric-body {
  gap: 0 !important;
}
html[data-clx-theme="signature"] .clx-ws-card-hdr {
  padding: var(--sig-hdr-py) var(--sig-hdr-px) !important;
  min-height: 0 !important;
  gap: 6px !important;
}
html[data-clx-theme="signature"] .clx-ws-card-hdr-left {
  gap: var(--sig-ico-gap) !important;
}
html[data-clx-theme="signature"] .clx-ws-card-hdr-ico {
  width: 24px !important;
  height: 24px !important;
}
html[data-clx-theme="signature"] .clx-ws-scroll {
  padding: var(--sig-body-pad) !important;
}
html[data-clx-theme="signature"] .clx-ws-row {
  padding: var(--sig-row-py) var(--sig-row-px) !important;
  gap: 6px !important;
}
html[data-clx-theme="signature"] .clx-ws-row-ico {
  width: 26px !important;
  height: 26px !important;
}
html[data-clx-theme="signature"] .clx-ws-row-title,
html[data-clx-theme="signature"] .clx-ws-row-meta,
html[data-clx-theme="signature"] .clx-ws-row-aside {
  line-height: var(--sig-lh) !important;
}
html[data-clx-theme="signature"] .clx-ws-row-meta {
  margin-top: 0 !important;
}
html[data-clx-theme="signature"] .clx-ws-pill {
  line-height: 1.15 !important;
  padding: 0 6px !important;
}
html[data-clx-theme="signature"] .clx-ws-pad {
  padding: var(--sig-body-pad) !important;
}
html[data-clx-theme="signature"] .clx-ws-empty-state {
  padding: var(--sig-body-pad) 6px !important;
  gap: 6px !important;
}
html[data-clx-theme="signature"] .clx-ws-tools {
  gap: var(--sig-gap) !important;
}
html[data-clx-theme="signature"] .clx-ws-tool {
  padding: 5px 4px !important;
  min-height: 0 !important;
  gap: 3px !important;
}
html[data-clx-theme="signature"] .clx-ws-tool-ico {
  width: 30px !important;
  height: 30px !important;
}
html[data-clx-theme="signature"] .clx-ws-connect-grid {
  gap: var(--sig-gap) !important;
  margin-bottom: var(--sig-gap) !important;
}
html[data-clx-theme="signature"] .clx-ws-connect-tile {
  padding: 5px 4px !important;
  min-height: 0 !important;
  gap: 3px !important;
}
html[data-clx-theme="signature"] .clx-ws-connect-tile .clx-ws-ico {
  width: 24px !important;
  height: 24px !important;
}
html[data-clx-theme="signature"] .clx-ws-connect-cta {
  min-height: 30px !important;
}
/* ---------- Matters (Signature) — counters, Matter Filters, Results ---------- */
html[data-clx-theme="signature"] body.clx-matters-page .app-content {
  padding: var(--sig-pad) !important;
  background: transparent !important;
  /* Viewport shell: no page growth; Results scrolls internally. */
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  min-height: 0 !important;
}
html[data-clx-theme="signature"] .clx-ml-summary {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: var(--sig-gap) !important;
  margin-bottom: var(--sig-gap) !important;
}
html[data-clx-theme="signature"] .clx-ml-metric {
  position: relative;
  background: var(--card-bg) !important;
  border: 1px solid var(--line) !important;
  box-shadow: inset 0 1px 0 rgba(202, 161, 73, 0.08), 0 10px 26px -20px rgba(0, 0, 0, 0.9) !important;
  padding: 4px 10px !important;
  min-height: 0 !important;
  gap: 1px !important;
  color: var(--text) !important;
}
html[data-clx-theme="signature"] .clx-ml-metric:hover,
html[data-clx-theme="signature"] .clx-ml-metric:focus-visible {
  border-color: var(--line-strong) !important;
  box-shadow: var(--shadow-gold), inset 0 1px 0 rgba(202, 161, 73, 0.1) !important;
}
html[data-clx-theme="signature"] .clx-ml-metric.is-active {
  background: linear-gradient(160deg, #1d2f63 0%, #0f1e42 60%, #0b1735 100%) !important;
  border-color: var(--gold-400) !important;
  box-shadow: 0 0 0 1px rgba(182, 139, 60, 0.45), 0 0 18px -6px rgba(182, 139, 60, 0.6) !important;
}
html[data-clx-theme="signature"] .clx-ml-metric-label {
  color: var(--gold-400) !important;
  line-height: var(--sig-lh) !important;
}
html[data-clx-theme="signature"] .clx-ml-metric-value {
  color: #f4f6fb !important;
}
html[data-clx-theme="signature"] .clx-ml-metric.is-active .clx-ml-metric-value {
  color: var(--gold-200) !important;
  text-shadow: 0 0 12px rgba(182, 139, 60, 0.45);
}

/* Panels */
html[data-clx-theme="signature"] .clx-ml-card {
  background: var(--card-bg) !important;
  border: 1px solid var(--line) !important;
  box-shadow: inset 0 1px 0 rgba(202, 161, 73, 0.08), 0 14px 34px -22px rgba(0, 0, 0, 0.9) !important;
  margin-bottom: var(--sig-gap) !important;
  color: var(--text) !important;
}
html[data-clx-theme="signature"] .clx-ml-card-hdr,
html[data-clx-theme="signature"] #ml-results-hdr {
  background:
    var(--gold-banner-grad) !important;
  border-bottom: 1px solid #b68b3c !important;
  box-shadow: inset 0 1px 0 rgba(202, 161, 73, 0.28);
  color: var(--sig-banner-navy) !important;
  padding: var(--sig-hdr-py) var(--sig-hdr-px) !important;
  min-height: 0 !important;
  line-height: var(--sig-lh) !important;
}
html[data-clx-theme="signature"] .clx-ml-hdr-left {
  display: inline-flex;
  align-items: center;
  gap: var(--sig-ico-gap);
}
html[data-clx-theme="signature"] .clx-ml-hdr-ico {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(16, 35, 70, 0.1);
  border: 1px solid rgba(16, 35, 70, 0.35);
  color: var(--sig-banner-navy);
}
html[data-clx-theme="signature"] .clx-ml-result-count {
  color: var(--sig-banner-navy) !important;
  font-weight: 400;
}
html[data-clx-theme="signature"] .clx-ml-card-body {
  background: transparent !important;
  padding: 5px 8px 6px !important;
}

/* Matter Filters: one row; narrower windows scroll the row, never the page */
html[data-clx-theme="signature"] #ml-filters-card .clx-ml-filters-row {
  flex-wrap: nowrap !important;
  gap: 6px !important;
  overflow: visible;
  padding: 1px 1px 2px;
  scrollbar-width: thin;
  scrollbar-color: rgba(182, 139, 60, 0.45) transparent;
}
html[data-clx-theme="signature"] .clx-ml-field {
  flex: 1 1 0 !important;
  min-width: 7.5rem !important;
  max-width: none !important;
  width: auto !important;
}
html[data-clx-theme="signature"] .clx-ml-field.is-search {
  flex: 1.4 1 0 !important;
  min-width: 11rem !important;
}
html[data-clx-theme="signature"] .clx-ml-field.is-status {
  min-width: 6.5rem !important;
}
html[data-clx-theme="signature"] .clx-ml-field.is-division {
  min-width: 9rem !important;
}
html[data-clx-theme="signature"] .clx-ml-field.is-actions {
  flex: 0 0 auto !important;
  min-width: 0 !important;
  margin-left: 0 !important;
}
html[data-clx-theme="signature"] .clx-ml-field.is-actions .clx-ml-actions-row {
  width: auto !important;
  gap: 6px !important;
}
html[data-clx-theme="signature"] .clx-ml-field label {
  color: var(--gold-400) !important;
  margin-bottom: 2px !important;
  white-space: nowrap;
}
html[data-clx-theme="signature"] .clx-ml-field .form-control,
html[data-clx-theme="signature"] .clx-ml-field .form-select {
  background-color: rgba(22, 41, 90, 0.85) !important;
  border: 1px solid rgba(140, 170, 255, 0.28) !important;
  color: var(--text) !important;
  min-height: 30px !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  padding-left: 8px !important;
  border-radius: 6px !important;
}
html[data-clx-theme="signature"] .clx-ml-field .form-select {
  padding-right: 26px !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23e5bd62' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
  background-position: right 8px center !important;
  background-size: 12px 10px !important;
  background-repeat: no-repeat !important;
}
html[data-clx-theme="signature"] .clx-ml-field .form-select option {
  background: #0b1735;
  color: var(--text);
}
html[data-clx-theme="signature"] .clx-ml-field .form-control::placeholder {
  color: var(--muted) !important;
}
html[data-clx-theme="signature"] .clx-ml-field .form-control:focus,
html[data-clx-theme="signature"] .clx-ml-field .form-select:focus {
  border-color: var(--gold-400) !important;
  box-shadow: 0 0 0 2px rgba(182, 139, 60, 0.22) !important;
  outline: none;
}
html[data-clx-theme="signature"] .clx-ml-actions-row .btn {
  min-height: 30px !important;
  padding: 3px 10px !important;
  border-radius: 6px !important;
  font-weight: 700;
}
html[data-clx-theme="signature"] .clx-ml-actions-row .btn-clx-navy {
  background: var(--gold-grad) !important;
  color: var(--sig-banner-navy) !important;
  border: 1px solid #b68b3c !important;
  box-shadow: 0 0 0 1px rgba(202, 161, 73, 0.35) inset !important;
}
html[data-clx-theme="signature"] .clx-ml-actions-row .btn-clx-navy:hover,
html[data-clx-theme="signature"] .clx-ml-actions-row .btn-clx-navy:focus-visible {
  filter: brightness(1.07);
}
html[data-clx-theme="signature"] #add-party-dropdown > .btn-clx-navy,
html[data-clx-theme="signature"] #add-party-dropdown > .btn-clx-navy:hover,
html[data-clx-theme="signature"] #add-party-dropdown > .btn-clx-navy:focus-visible,
html[data-clx-theme="signature"] #add-party-dropdown > .btn-clx-navy.show {
  color: #102346 !important;
  -webkit-text-fill-color: #102346 !important;
}
html[data-clx-theme="signature"] #add-party-dropdown > .btn-clx-navy::after {
  border-top-color: #102346 !important;
}
html[data-clx-theme="signature"] .clx-ml-actions-row .clx-ml-back {
  background: rgba(8, 17, 41, 0.75) !important;
  color: var(--gold-300) !important;
  border: 1px solid var(--line-strong) !important;
}
html[data-clx-theme="signature"] .clx-ml-actions-row .clx-ml-back:hover,
html[data-clx-theme="signature"] .clx-ml-actions-row .clx-ml-back:focus-visible {
  background: rgba(190, 145, 64, 0.14) !important;
  color: var(--gold-200) !important;
}
html[data-clx-theme="signature"] #add-party-dropdown-menu {
  background: linear-gradient(165deg, #12234f, #070f27) !important;
  border: 1px solid var(--line-strong) !important;
  padding: 3px 0 !important;
  min-width: 11rem;
}
html[data-clx-theme="signature"] #add-party-dropdown-menu .dropdown-item {
  color: var(--text) !important;
  padding: 4px 12px !important;
}
html[data-clx-theme="signature"] #add-party-dropdown-menu .dropdown-item:hover,
html[data-clx-theme="signature"] #add-party-dropdown-menu .dropdown-item:focus {
  background: rgba(190, 145, 64, 0.14) !important;
  color: var(--gold-200) !important;
}

/* Results: fills to the content floor; rows scroll inside, header stays */
html[data-clx-theme="signature"] #ml-results-card {
  height: var(--ml-results-h, auto) !important;
  max-height: var(--ml-results-h, none) !important;
  min-height: 0 !important;
  overflow: hidden !important;
  margin-bottom: 0 !important;
}
html[data-clx-theme="signature"] #ml-results-body {
  background: transparent !important;
}
html[data-clx-theme="signature"] #ml-table-wrap {
  scrollbar-width: thin;
  scrollbar-color: rgba(182, 139, 60, 0.45) transparent;
}
html[data-clx-theme="signature"] #ml-table-wrap .table {
  --bs-table-bg: transparent;
  --bs-table-color: var(--text);
  --bs-table-border-color: var(--line-cool);
  --bs-table-hover-bg: rgba(190, 145, 64, 0.1);
  --bs-table-hover-color: var(--text);
  color: var(--text) !important;
}
html[data-clx-theme="signature"] #ml-table-wrap table thead th {
  background: #050b1c !important;
  color: var(--gold-300) !important;
  border-bottom: 1px solid var(--line) !important;
  border-color: var(--line) !important;
  padding: 5px 8px !important;
}
html[data-clx-theme="signature"] #ml-table-wrap table tbody td {
  color: var(--text) !important;
  padding: 5px 8px !important;
  border-color: var(--line-cool) !important;
  line-height: var(--sig-lh) !important;
  background-color: transparent !important;
}
html[data-clx-theme="signature"] #ml-results-tbody tr:nth-child(even) td {
  background-color: rgba(140, 170, 255, 0.045) !important;
}
html[data-clx-theme="signature"] #ml-results-tbody tr[data-href]:hover td,
html[data-clx-theme="signature"] #ml-results-tbody tr[data-href]:focus-visible td {
  background-color: rgba(190, 145, 64, 0.12) !important;
}
html[data-clx-theme="signature"] #ml-results-tbody tr[data-href]:focus-visible {
  outline: 1px solid var(--gold-400);
  outline-offset: -1px;
}
html[data-clx-theme="signature"] #ml-table-wrap .ml-cb-cell {
  padding: 5px 4px !important;
}
html[data-clx-theme="signature"] #ml-table-wrap input[type="checkbox"] {
  accent-color: var(--gold-400);
}
html[data-clx-theme="signature"] .clx-ml-id {
  color: var(--gold-300) !important;
  font-weight: 700;
  text-decoration: none !important;
}
html[data-clx-theme="signature"] .clx-ml-id:hover,
html[data-clx-theme="signature"] .clx-ml-id:focus-visible {
  color: var(--gold-200) !important;
  text-decoration: underline !important;
}
html[data-clx-theme="signature"] #ml-results-tbody tr[data-href]:hover .clx-ml-client {
  color: var(--gold-200) !important;
}
html[data-clx-theme="signature"] .clx-ml-sub,
html[data-clx-theme="signature"] .clx-ml-muted {
  color: #aab4cc !important;
}
html[data-clx-theme="signature"] .clx-ml-deadline.is-soon {
  color: var(--gold-300) !important;
}
html[data-clx-theme="signature"] .clx-ml-deadline.is-overdue {
  color: var(--sig-danger) !important;
}
html[data-clx-theme="signature"] .ml-sort-th.is-active[data-ml-order="asc"] .ml-sort-up,
html[data-clx-theme="signature"] .ml-sort-th.is-active[data-ml-order="desc"] .ml-sort-down {
  color: var(--gold-200) !important;
}
html[data-clx-theme="signature"] .ml-sort-th:hover,
html[data-clx-theme="signature"] .ml-sort-th:focus-visible {
  color: var(--gold-200) !important;
  outline: none;
}
html[data-clx-theme="signature"] #ml-empty {
  color: var(--muted) !important;
  padding: 10px !important;
}
html[data-clx-theme="signature"] .ml-del-btn {
  padding: 1px 10px !important;
  border-radius: 6px !important;
  background: #b91c1c !important;
}
@media (max-width: 767px) {
  html[data-clx-theme="signature"] .clx-ml-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html[data-clx-theme="signature"] #ml-results-card {
    height: auto;
  }
}
html[data-clx-theme="signature"] #ml-table-wrap,
html[data-clx-theme="signature"] #ml-table-wrap > table {
  background: transparent !important;
}

/* ---------- Workspace height fill (heights measured by layout.js) ----------
   Each list scrolls inside a whole-row viewport; any spare height sits below the
   last complete row inside the panel body, so rows are never cut off. */
html[data-clx-theme="signature"] .clx-ws-card[data-clx-ws-panel] > .clx-ws-card-body > .clx-ws-scroll {
  flex: 0 0 auto !important;
}
html[data-clx-theme="signature"] .clx-ws-card[data-clx-ws-panel="agenda"] > .clx-ws-card-body > .clx-ws-scroll { height: var(--sig-ws-agenda-scroll-h, auto); }
html[data-clx-theme="signature"] .clx-ws-card[data-clx-ws-panel="deadlines"] > .clx-ws-card-body > .clx-ws-scroll { height: var(--sig-ws-deadlines-scroll-h, auto); }
html[data-clx-theme="signature"] .clx-ws-card[data-clx-ws-panel="activity"] > .clx-ws-card-body > .clx-ws-scroll { height: var(--sig-ws-activity-scroll-h, auto); }
html[data-clx-theme="signature"] .clx-ws-card[data-clx-ws-panel="comms"] > .clx-ws-card-body > .clx-ws-scroll { height: var(--sig-ws-comms-scroll-h, auto); }

/* Core Lexes Connect: slightly larger icons and labels; tiles keep their padding. */
html[data-clx-theme="signature"] .clx-ws-connect-tile .clx-ws-ico {
  width: 28px !important;
  height: 28px !important;
}
html[data-clx-theme="signature"] .clx-ws-connect-tile .clx-ws-ico svg {
  width: 17px !important;
  height: 17px !important;
}
html[data-clx-theme="signature"] .clx-ws-connect-tile span:not(.clx-ws-ico):not(.clx-ws-connect-badge) {
  font-size: 12pt !important;
}

/* One font family throughout Signature: the Core Lexes chrome font. Sizes unchanged. */
html[data-clx-theme="signature"] body,
html[data-clx-theme="signature"] body *,
html[data-clx-theme="signature"] .app-header .header-label {
  font-family: "Times New Roman", Times, serif !important;
}

/* ===== Contacts (Signature) — approved Contacts mockup. Classic is unaffected. ===== */
html[data-clx-theme="signature"] body.clx-contacts-page .app-content {
  background: transparent !important;
  padding: var(--sig-pad) !important;
}
html[data-clx-theme="signature"] .clx-cd { color: var(--text) !important; }
html[data-clx-theme="signature"] .clx-cd-hero { margin-bottom: var(--sig-gap) !important; align-items: center !important; }
html[data-clx-theme="signature"] .clx-cd-hero-title { color: #f4f6fb !important; }
html[data-clx-theme="signature"] .clx-cd-hero-sub { color: var(--muted) !important; }

/* Buttons */
html[data-clx-theme="signature"] .clx-cd-btn-gold {
  background: var(--gold-grad) !important;
  color: #102346 !important;
  -webkit-text-fill-color: #102346 !important;
  border: 1px solid #b68b3c !important;
  border-radius: 6px !important;
  padding: 4px 11px !important;
  box-shadow: inset 0 1px 0 rgba(202, 161, 73, 0.28);
}
html[data-clx-theme="signature"] .clx-cd-btn-gold:hover { filter: brightness(1.06); }
html[data-clx-theme="signature"] .clx-cd-btn-clear,
html[data-clx-theme="signature"] .clx-cd-btn-more {
  background: rgba(8,17,41,.75) !important;
  color: var(--gold-300) !important;
  -webkit-text-fill-color: var(--gold-300) !important;
  border: 1px solid var(--line-strong) !important;
  border-radius: 6px !important;
}
html[data-clx-theme="signature"] .clx-cd-btn-clear { min-height: 30px !important; padding: 3px 10px !important; white-space: nowrap; }
html[data-clx-theme="signature"] .clx-cd-btn-more { padding: 3px 9px !important; line-height: 1.25 !important; font-weight: 700 !important; cursor: pointer; }
html[data-clx-theme="signature"] .clx-cd-btn-clear:hover,
html[data-clx-theme="signature"] .clx-cd-btn-more:hover { border-color: var(--gold-400) !important; background: rgba(22,41,90,.9) !important; }

/* Panels */
html[data-clx-theme="signature"] .clx-cd-toolbar,
html[data-clx-theme="signature"] .clx-cd-list-pane,
html[data-clx-theme="signature"] .clx-cd-detail-pane {
  background: var(--card-bg) !important;
  border: 1px solid var(--line) !important;
  border-radius: 0 !important;
  box-shadow: inset 0 1px 0 rgba(251,231,161,.08), 0 14px 34px -22px rgba(0,0,0,.9) !important;
}
html[data-clx-theme="signature"] .clx-cd-toolbar { padding: 6px 8px !important; margin-bottom: var(--sig-gap) !important; }
html[data-clx-theme="signature"] .clx-cd-layout { gap: var(--sig-gap) !important; }

/* Gold banners — same treatment and height as Workspace / Matters */
html[data-clx-theme="signature"] .clx-cd-tb-hdr,
html[data-clx-theme="signature"] .clx-cd-pane-hdr {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
  background: var(--gold-banner-grad) !important;
  border-bottom: 1px solid #b68b3c !important;
  box-shadow: inset 0 1px 0 rgba(202, 161, 73, 0.28);
  color: var(--sig-banner-navy) !important;
  -webkit-text-fill-color: var(--sig-banner-navy) !important;
  padding: var(--sig-hdr-py) var(--sig-hdr-px) !important;
  min-height: 0 !important;
  line-height: var(--sig-lh) !important;
  font-weight: 700 !important;
  flex-shrink: 0;
}
html[data-clx-theme="signature"] .clx-cd-hdr-left { display: inline-flex !important; align-items: center; gap: var(--sig-ico-gap); }
html[data-clx-theme="signature"] .clx-cd-hdr-ico {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(16,35,70,.1);
  border: 1px solid rgba(16,35,70,.35);
  flex-shrink: 0;
}
html[data-clx-theme="signature"] .clx-cd-hdr-ico svg { width: 14px; height: 14px; display: block; }

/* Filter row: eight controls on one row; scrolls horizontally when narrow */
html[data-clx-theme="signature"] .clx-cd-tb-body {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-end !important;
  gap: 6px !important;
  padding: 5px 8px 6px !important;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(229,189,98,.45) transparent;
}
html[data-clx-theme="signature"] .clx-cd-search-bar {
  display: block !important;
  width: 100% !important;
  flex: none !important;
  min-width: 0 !important;
  margin: 0 0 5px !important;
}
html[data-clx-theme="signature"] .clx-cd-filter-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-end !important;
  gap: 6px !important;
  width: 100% !important;
}
html[data-clx-theme="signature"] .clx-cd-filter {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: none !important;
}
html[data-clx-theme="signature"] .clx-cd-filter-clear { flex: 0 0 auto; min-width: 0; }
html[data-clx-theme="signature"] .clx-cd-search-lbl,
html[data-clx-theme="signature"] .clx-cd-filter label {
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 0 2px !important;
  clip: auto !important;
  overflow: visible !important;
  display: block !important;
  color: var(--gold-400) !important;
  font-weight: 700 !important;
  white-space: nowrap;
  line-height: 1.15 !important;
}
html[data-clx-theme="signature"] .clx-cd-search-input,
html[data-clx-theme="signature"] .clx-cd-filter select,
html[data-clx-theme="signature"] .clx-cd-sort select {
  background-color: rgba(22,41,90,.85) !important;
  border: 1px solid rgba(140,170,255,.28) !important;
  color: var(--text) !important;
  border-radius: 6px !important;
  outline: none !important;
}
html[data-clx-theme="signature"] .clx-cd-search-input,
html[data-clx-theme="signature"] .clx-cd-filter select {
  width: 100% !important;
  max-width: none !important;
  min-height: 30px !important;
  height: 30px !important;
  padding: 3px 8px !important;
}
html[data-clx-theme="signature"] .clx-cd-search-input::placeholder { color: var(--muted) !important; opacity: 1; }
html[data-clx-theme="signature"] .clx-cd-filter select,
html[data-clx-theme="signature"] .clx-cd-sort select {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23e5bd62' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 8px center !important;
  background-size: 12px 10px !important;
  padding-right: 26px !important;
}
html[data-clx-theme="signature"] .clx-cd-filter select option,
html[data-clx-theme="signature"] .clx-cd-sort select option { background: #0b1735; color: var(--text); }
html[data-clx-theme="signature"] .clx-cd-search-input:focus,
html[data-clx-theme="signature"] .clx-cd-filter select:focus,
html[data-clx-theme="signature"] .clx-cd-sort select:focus {
  border-color: var(--gold-400) !important;
  box-shadow: 0 0 0 2px rgba(229,189,98,.22) !important;
}
/* Sort control sits inside the banner without growing it */
html[data-clx-theme="signature"] .clx-cd-sort select {
  height: 22px !important;
  padding: 0 24px 0 7px !important;
  background-color: rgba(16,35,70,.92) !important;
  border-color: rgba(16,35,70,.6) !important;
  -webkit-text-fill-color: var(--text) !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
}

/* Contacts list */
html[data-clx-theme="signature"] .clx-cd-list-scroll,
html[data-clx-theme="signature"] .clx-cd-panel-body {
  scrollbar-width: thin;
  scrollbar-color: rgba(229,189,98,.45) transparent;
}
html[data-clx-theme="signature"] .clx-cd-item {
  position: relative;
  align-items: center !important;
  gap: 8px !important;
  padding: 5px 8px !important;
  border-bottom: 1px solid var(--line-cool) !important;
  border-left: 3px solid transparent !important;
  background: transparent !important;
}
html[data-clx-theme="signature"] .clx-cd-item:hover { background: rgba(211,165,74,.07) !important; }
html[data-clx-theme="signature"] .clx-cd-item:focus-visible { box-shadow: inset 0 0 0 1px var(--gold-400); }
html[data-clx-theme="signature"] .clx-cd-item.is-selected,
html[data-clx-theme="signature"] .clx-cd-item[aria-selected="true"] {
  background: linear-gradient(90deg, rgba(48,80,160,.72), rgba(30,56,118,.55)) !important;
  border-left-color: var(--gold-400) !important;
}
html[data-clx-theme="signature"] .clx-cd-ico-box {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  border: 1px solid var(--line-strong);
  border-radius: 6px;
  background: rgba(8,17,41,.6);
}
html[data-clx-theme="signature"] .clx-cd-ico-box-lg { width: 40px; height: 40px; }
html[data-clx-theme="signature"] .clx-cd .clx-cd-type-ico {
  background: var(--gold-400) !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
}
html[data-clx-theme="signature"] .clx-cd-ico-box-lg .clx-cd-type-ico { width: 21px !important; height: 21px !important; }
html[data-clx-theme="signature"] .clx-cd-item-main { padding-right: 74px; }
html[data-clx-theme="signature"] .clx-cd-item-name { color: #f4f6fb !important; }
html[data-clx-theme="signature"] .clx-cd-item-role { color: var(--text-soft) !important; }
html[data-clx-theme="signature"] .clx-cd-item-loc { color: var(--muted) !important; }
html[data-clx-theme="signature"] .clx-cd-item-matters {
  position: absolute;
  right: 26px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text) !important;
  font-weight: 600 !important;
}
html[data-clx-theme="signature"] .clx-cd-chev {
  display: inline-flex !important;
  color: var(--gold-400);
  flex-shrink: 0;
  margin-left: auto;
}
html[data-clx-theme="signature"] .clx-cd-chev svg { width: 12px; height: 12px; display: block; }
html[data-clx-theme="signature"] .clx-cd-empty-list { color: var(--muted) !important; }
html[data-clx-theme="signature"] .clx-cd-pager {
  background: rgba(5,11,28,.6) !important;
  border-top: 1px solid var(--line) !important;
  padding: 3px 8px !important;
}
html[data-clx-theme="signature"] .clx-cd-pager-info { color: var(--muted) !important; }
html[data-clx-theme="signature"] .clx-cd-pager-links,
html[data-clx-theme="signature"] .clx-cd-pager-links span { color: var(--text-soft) !important; }
html[data-clx-theme="signature"] .clx-cd-pager-links button {
  background: transparent;
  border: none;
  padding: 0 2px;
  color: var(--gold-300) !important;
  text-decoration: underline;
  cursor: pointer;
}

/* Contact Details */
html[data-clx-theme="signature"] .clx-cd-detail-top {
  align-items: center !important;
  padding: 7px 10px !important;
  border-bottom: 1px solid var(--line-cool) !important;
}
html[data-clx-theme="signature"] .clx-cd-detail-identity { align-items: center !important; gap: 9px !important; }
html[data-clx-theme="signature"] .clx-cd-panel-title { color: #f4f6fb !important; }
html[data-clx-theme="signature"] .clx-cd-panel-sub { color: var(--text-soft) !important; margin-top: 2px !important; }
html[data-clx-theme="signature"] .clx-cd-status-badge {
  background: var(--sig-ok-bg) !important;
  color: var(--sig-ok) !important;
  border: 1px solid rgba(134,239,172,.45) !important;
  border-radius: 999px !important;
  padding: 0 8px !important;
}
html[data-clx-theme="signature"] .clx-cd-status-badge.is-inactive {
  background: rgba(148,160,189,.14) !important;
  color: var(--muted) !important;
  border-color: rgba(148,160,189,.4) !important;
}
html[data-clx-theme="signature"] .clx-cd-detail-actions { flex-wrap: nowrap !important; gap: 5px !important; }
html[data-clx-theme="signature"] .clx-cd-detail-empty { color: var(--muted) !important; }

/* Tabs */
html[data-clx-theme="signature"] .clx-cd-panel-tabs {
  background: rgba(5,11,28,.55) !important;
  border-bottom: 1px solid var(--line) !important;
}
html[data-clx-theme="signature"] .clx-cd-tab {
  color: var(--text) !important;
  border-right: 1px solid var(--line-cool) !important;
  padding: 4px 12px !important;
}
html[data-clx-theme="signature"] .clx-cd-tab:hover { color: var(--gold-300) !important; }
html[data-clx-theme="signature"] .clx-cd-tab.is-active {
  background: var(--gold-grad) !important;
  color: #102346 !important;
  -webkit-text-fill-color: #102346 !important;
  font-weight: 700 !important;
}
html[data-clx-theme="signature"] .clx-cd-panel-body { padding: 8px 10px 10px !important; }

/* Details cards */
html[data-clx-theme="signature"] .clx-cd-cards { gap: var(--sig-gap) !important; }
html[data-clx-theme="signature"] .clx-cd-card {
  background: rgba(8,17,41,.55) !important;
  border: 1px solid var(--line) !important;
  border-radius: 6px !important;
}
html[data-clx-theme="signature"] .clx-cd-card-hdr {
  background: transparent !important;
  color: var(--gold-300) !important;
  border-bottom: 1px solid var(--line) !important;
  padding: 4px 8px !important;
}
html[data-clx-theme="signature"] .clx-cd-field-row-label { color: #f4f6fb !important; }
html[data-clx-theme="signature"] .clx-cd-field-row-val { color: var(--text-soft) !important; }
html[data-clx-theme="signature"] .clx-cd-ci-row {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
}
html[data-clx-theme="signature"] .clx-cd-ci-row + .clx-cd-ci-row {
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px solid var(--line-cool);
}
html[data-clx-theme="signature"] .clx-cd-ci-ico {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid var(--line-strong);
  border-radius: 6px;
  color: var(--gold-400);
  background: rgba(5,11,28,.5);
}
html[data-clx-theme="signature"] .clx-cd-ci-ico svg { width: 14px; height: 14px; display: block; }
html[data-clx-theme="signature"] .clx-cd-ci-kind { color: var(--muted) !important; }
html[data-clx-theme="signature"] .clx-cd-copy { color: var(--muted) !important; }
html[data-clx-theme="signature"] .clx-cd-copy:hover,
html[data-clx-theme="signature"] .clx-cd-copy:focus-visible { color: var(--gold-300) !important; }
html[data-clx-theme="signature"] .clx-cd-copy.is-copied { color: var(--sig-ok) !important; }
html[data-clx-theme="signature"] .clx-cd-empty,
html[data-clx-theme="signature"] .clx-cd-muted,
html[data-clx-theme="signature"] .clx-cd-muted-inline { color: var(--muted) !important; }
html[data-clx-theme="signature"] .clx-cd-plain-list li { color: var(--text-soft); }
html[data-clx-theme="signature"] .clx-cd-plain-list strong { color: #f4f6fb; }

/* Matters tab table */
html[data-clx-theme="signature"] .clx-cd-matters-table th {
  background: #050b1c !important;
  color: var(--gold-300) !important;
  border-bottom: 1px solid var(--line) !important;
}
html[data-clx-theme="signature"] .clx-cd-matters-table td {
  color: var(--text) !important;
  border-bottom: 1px solid var(--line-cool) !important;
}
html[data-clx-theme="signature"] .clx-cd-matter-link { color: var(--gold-300) !important; }

/* Overflow menu */
html[data-clx-theme="signature"] .clx-cd-menu {
  background: linear-gradient(160deg, #13265c 0%, #0b1838 100%) !important;
  border: 1px solid var(--line-strong) !important;
  border-radius: 6px !important;
  box-shadow: 0 16px 34px -14px rgba(0,0,0,.9) !important;
}
html[data-clx-theme="signature"] .clx-cd-menu-item {
  color: var(--text) !important;
  background: transparent !important;
}
html[data-clx-theme="signature"] .clx-cd-menu-item:hover,
html[data-clx-theme="signature"] .clx-cd-menu-item:focus-visible {
  background: rgba(211,165,74,.14) !important;
  color: var(--gold-300) !important;
}

/* ===== Global header + Lex (Signature). Classic hides Lex in preview.css. ===== */
html[data-clx-theme="signature"] .app-header {
  position: relative !important;
  overflow: visible !important;
  z-index: 40 !important;
  min-height: 95px !important;
  align-items: center !important;
  padding-right: 126px !important;
}
html[data-clx-theme="signature"] .app-header .header-title,
html[data-clx-theme="signature"] .app-header .header-actions {
  align-self: center !important;
  display: flex !important;
  align-items: center !important;
}
html[data-clx-theme="signature"] .app-header .header-title { flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; }
.clxp-lex {
  position: absolute;
  right: 12px;
  bottom: -7px;
  width: 95px;
  height: 101px;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
  z-index: 30;
  filter: drop-shadow(0 8px 10px rgba(0, 0, 0, 0.6)) drop-shadow(0 2px 3px rgba(0, 0, 0, 0.45));
}
@media (max-width: 767px) {
  html[data-clx-theme="signature"] .app-header { padding-right: 66px !important; }
  html[data-clx-theme="signature"] .app-header .header-actions { min-width: 0; flex-shrink: 1; }
  html[data-clx-theme="signature"] .app-header .app-search { min-width: 0; flex: 1 1 auto; }
  html[data-clx-theme="signature"] .app-header .user-name,
  html[data-clx-theme="signature"] .app-header .clx-user-menu-hint { display: none !important; }
  .clxp-lex { right: 6px; width: 55px; height: 58px; bottom: -4px; }
}

/* ===== Calendar (Signature): approved preview look on staging selectors.
   Preview: clx-cal-cell / clx-cal-ev / Sun–Sat / flat #2b5fd9 + gold edge.
   Staging: clx-cal-day / clx-cal-event. Classic theme unchanged. ===== */
html[data-clx-theme="signature"] body.clx-calendar-page {
  --cal-side-w: 248px;
}
html[data-clx-theme="signature"] body.clx-calendar-page .app-content,
html[data-clx-theme="signature"] body.clx-cal-page .app-content {
  background: transparent !important;
  padding: var(--sig-pad) !important;
}
html[data-clx-theme="signature"] body.clx-calendar-page .page-header .page-title,
html[data-clx-theme="signature"] body.clx-calendar-page .page-header .page-subtitle {
  display: none !important;
}
html[data-clx-theme="signature"] body.clx-calendar-page .page-header {
  margin: 0 0 var(--sig-gap) 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
html[data-clx-theme="signature"] .clx-cal {
  gap: var(--sig-gap);
  color: var(--text);
  min-height: 0;
  flex: 1 1 auto;
}
html[data-clx-theme="signature"] .clx-cal-summary,
html[data-clx-theme="signature"] .clx-cal-cards,
html[data-clx-theme="signature"] .clx-cal-layout,
html[data-clx-theme="signature"] .clx-cal-side { gap: var(--sig-gap) !important; }

/* Top summary metrics */
html[data-clx-theme="signature"] .clx-cal-metric,
html[data-clx-theme="signature"] .clx-cal-cards > .clx-cal-card {
  background: linear-gradient(165deg, rgba(18, 37, 84, 0.96), rgba(7, 15, 39, 0.98)) !important;
  border: 1px solid var(--line-strong) !important;
  color: var(--text) !important;
  box-shadow: 0 10px 26px -18px rgba(0, 0, 0, 0.9);
  padding: 5px 10px !important;
  height: auto !important;
  min-height: 40px;
  border-radius: 8px !important;
}
html[data-clx-theme="signature"] .clx-cal-metric:hover,
html[data-clx-theme="signature"] .clx-cal-metric:focus,
html[data-clx-theme="signature"] .clx-cal-metric:focus-visible,
html[data-clx-theme="signature"] .clx-cal-cards > .clx-cal-card:hover,
html[data-clx-theme="signature"] .clx-cal-cards > .clx-cal-card:focus-visible {
  border-color: var(--gold-400) !important;
  box-shadow: 0 0 0 2px rgba(182, 139, 60, 0.22);
  background: linear-gradient(165deg, rgba(22, 45, 100, 0.98), rgba(8, 17, 41, 0.98)) !important;
  outline: none;
}
html[data-clx-theme="signature"] .clx-cal-metric-ico,
html[data-clx-theme="signature"] .clx-cal-card-ico {
  background: var(--gold-grad) !important;
  color: #102346 !important;
  -webkit-text-fill-color: #102346 !important;
  box-shadow: 0 0 12px -4px rgba(182, 139, 60, 0.8);
}
html[data-clx-theme="signature"] .clx-cal-metric-label,
html[data-clx-theme="signature"] .clx-cal-card-lbl { color: var(--gold-300) !important; -webkit-text-fill-color: var(--gold-300) !important; }
html[data-clx-theme="signature"] .clx-cal-metric-value,
html[data-clx-theme="signature"] .clx-cal-card-num { color: var(--text) !important; -webkit-text-fill-color: var(--text) !important; }
html[data-clx-theme="signature"] .clx-cal-metric-action,
html[data-clx-theme="signature"] .clx-cal-card-all { color: var(--gold-300) !important; -webkit-text-fill-color: var(--gold-300) !important; }

/* Main + side panels — opaque navy (no white underlay → no gray cells) */
html[data-clx-theme="signature"] .clx-cal-layout .clx-cal-card,
html[data-clx-theme="signature"] .clx-cal-side > .clx-cal-card,
html[data-clx-theme="signature"] .clx-cal-panel,
html[data-clx-theme="signature"] .clx-cal-modal .modal-content,
html[data-clx-theme="signature"] .clx-cal-board-card {
  background: #0b1735 !important;
  border: 1px solid var(--line-strong) !important;
  color: var(--text) !important;
  box-shadow: 0 10px 26px -18px rgba(0, 0, 0, 0.9);
  padding: 0 !important;
  overflow: hidden;
}
html[data-clx-theme="signature"] .clx-cal-main {
  background: #0b1735 !important;
  border: 1px solid var(--line-strong) !important;
  border-radius: 8px;
  box-shadow: 0 10px 26px -18px rgba(0, 0, 0, 0.9);
  overflow: hidden;
}
html[data-clx-theme="signature"] .clx-cal-board-card-hdr { display: none !important; }
html[data-clx-theme="signature"] .clx-cal-multiboard-scroll { gap: 0 !important; padding: 0 !important; }
html[data-clx-theme="signature"] .clx-cal-board-card {
  min-width: 0 !important;
  width: 100% !important;
  max-width: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Gold banners */
html[data-clx-theme="signature"] .clx-cal-card-hdr,
html[data-clx-theme="signature"] .clx-cal-hdr {
  background: var(--gold-banner-grad) !important;
  border-bottom: 1px solid #b68b3c !important;
  box-shadow: inset 0 1px 0 rgba(202, 161, 73, 0.28);
  color: #102346 !important;
  padding: var(--sig-hdr-py) var(--sig-hdr-px) !important;
  line-height: var(--sig-lh, 1.2) !important;
  min-height: 26px;
}
html[data-clx-theme="signature"] .clx-cal-card-hdr,
html[data-clx-theme="signature"] .clx-cal-card-hdr *,
html[data-clx-theme="signature"] .clx-cal-hdr,
html[data-clx-theme="signature"] .clx-cal-hdr * {
  color: #102346 !important;
  -webkit-text-fill-color: #102346 !important;
}
html[data-clx-theme="signature"] .clx-cal-hdr-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  background: rgba(16, 35, 70, 0.1);
  border: 1px solid rgba(16, 35, 70, 0.35);
  margin-right: 6px;
  flex-shrink: 0;
}
html[data-clx-theme="signature"] .clx-cal-hdr-note {
  font-weight: 600;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
html[data-clx-theme="signature"] .clx-cal-main-hdr .clx-cal-card-title {
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

html[data-clx-theme="signature"] .clx-cal-card-body,
html[data-clx-theme="signature"] .clx-cal-panel-body {
  background: transparent !important;
  color: var(--text) !important;
  padding: 7px !important;
}
html[data-clx-theme="signature"] .clx-cal-main > .clx-cal-card-body,
html[data-clx-theme="signature"] .clx-cal-main .clx-cal-card-body:has(.clx-cal-toolbar) {
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1 1 auto;
  overflow: hidden;
}

/* Toolbar — compact 28px buttons, icon prev/next */
html[data-clx-theme="signature"] .clx-cal-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--line) !important;
  background: rgba(8, 17, 41, 0.55) !important;
  padding: 5px 7px !important;
  flex-shrink: 0;
  margin: 0 !important;
}
html[data-clx-theme="signature"] .clx-cal-heading,
html[data-clx-theme="signature"] .clx-cal-range {
  color: var(--gold-300) !important;
  -webkit-text-fill-color: var(--gold-300) !important;
  margin: 0 6px;
  white-space: nowrap;
}
html[data-clx-theme="signature"] .clx-cal-btn {
  height: 28px;
  min-height: 28px;
  padding: 0 10px;
  background: rgba(8, 17, 41, 0.75) !important;
  border: 1px solid var(--line-strong) !important;
  color: var(--gold-300) !important;
  -webkit-text-fill-color: var(--gold-300) !important;
  border-radius: 6px;
  box-shadow: none !important;
}
html[data-clx-theme="signature"] .clx-cal-btn.is-icon {
  width: 28px;
  min-width: 28px;
  padding: 0 !important;
}
html[data-clx-theme="signature"] .clx-cal-btn:hover,
html[data-clx-theme="signature"] .clx-cal-btn:focus-visible {
  border-color: var(--gold-400) !important;
  outline: none;
  box-shadow: 0 0 0 2px rgba(182, 139, 60, 0.2);
}
html[data-clx-theme="signature"] .clx-cal-btn.is-gold,
html[data-clx-theme="signature"] .clx-cal-btn.is-active {
  background: var(--gold-grad) !important;
  border-color: #b68b3c !important;
  color: #102346 !important;
  -webkit-text-fill-color: #102346 !important;
  font-weight: 700;
  box-shadow: none !important;
}
html[data-clx-theme="signature"] .clx-cal-views {
  border-color: var(--line-strong) !important;
  background: transparent;
}
html[data-clx-theme="signature"] .clx-cal-views .clx-cal-btn {
  border-right-color: var(--line) !important;
}

/* Go to Date — single row, no wrap */
html[data-clx-theme="signature"] .clx-cal-goto-body,
html[data-clx-theme="signature"] .clx-cal-goto {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 4px;
  width: 100%;
}
html[data-clx-theme="signature"] .clx-cal-goto-body label {
  display: none;
}
html[data-clx-theme="signature"] .clx-cal-goto-body input,
html[data-clx-theme="signature"] .clx-cal-goto input {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
}
html[data-clx-theme="signature"] .clx-cal-goto-body .clx-cal-btn,
html[data-clx-theme="signature"] .clx-cal-goto .clx-cal-btn {
  flex: 0 0 auto;
}
html[data-clx-theme="signature"] .clx-cal-side-filters label,
html[data-clx-theme="signature"] .clx-cal-filters label,
html[data-clx-theme="signature"] .clx-cal-form label { color: var(--gold-300) !important; }
html[data-clx-theme="signature"] .clx-cal-goto-body input,
html[data-clx-theme="signature"] .clx-cal-goto input,
html[data-clx-theme="signature"] .clx-cal-side-filters select,
html[data-clx-theme="signature"] .clx-cal-filters select,
html[data-clx-theme="signature"] .clx-cal-form input:not([type="checkbox"]),
html[data-clx-theme="signature"] .clx-cal-form select {
  background-color: rgba(22, 41, 90, 0.85) !important;
  border: 1px solid rgba(140, 170, 255, 0.28) !important;
  color: var(--text) !important;
  height: 28px;
  color-scheme: dark;
}
html[data-clx-theme="signature"] .clx-cal-side-filters select option,
html[data-clx-theme="signature"] .clx-cal-filters select option,
html[data-clx-theme="signature"] .clx-cal-form select option { background: #0b1735; color: var(--text); }
html[data-clx-theme="signature"] .clx-cal-goto-body input:focus,
html[data-clx-theme="signature"] .clx-cal-side-filters select:focus,
html[data-clx-theme="signature"] .clx-cal-form input:focus,
html[data-clx-theme="signature"] .clx-cal-form select:focus {
  border-color: var(--gold-400) !important;
  box-shadow: 0 0 0 3px rgba(182, 139, 60, 0.18);
  outline: none;
}
html[data-clx-theme="signature"] .clx-cal-check { color: var(--text) !important; }
html[data-clx-theme="signature"] .clx-cal-check input { accent-color: var(--gold-400); }
html[data-clx-theme="signature"] .clx-cal-cal-group-title { color: var(--gold-300) !important; }
html[data-clx-theme="signature"] .clx-cal-side label { color: var(--text) !important; }

/* Event bars — flat compact blue + thin gold left (preview Classic #2b5fd9; no glossy gradient) */
html[data-clx-theme="signature"] .clx-cal-event,
html[data-clx-theme="signature"] .clx-cal-main-grid .clx-cal-event,
html[data-clx-theme="signature"] .clx-cal-ev,
html[data-clx-theme="signature"] .clx-cal-agenda-row,
html[data-clx-theme="signature"] .clx-cal-ag-row,
html[data-clx-theme="signature"] .clx-cal-week-event,
html[data-clx-theme="signature"] .clx-cal-timed-block,
html[data-clx-theme="signature"] .clx-cal-allday-chip {
  background: #2b5fd9 !important;
  border: 0 !important;
  border-left: 3px solid #c9a227 !important;
  border-radius: 4px !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: none !important;
  padding: 1px 5px !important;
  margin: 0 0 2px !important;
  line-height: 1.25 !important;
  filter: none !important;
}
html[data-clx-theme="signature"] .clx-cal-event *,
html[data-clx-theme="signature"] .clx-cal-main-grid .clx-cal-event *,
html[data-clx-theme="signature"] .clx-cal-agenda-row *,
html[data-clx-theme="signature"] .clx-cal-week-event *,
html[data-clx-theme="signature"] .clx-cal-timed-block * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html[data-clx-theme="signature"] .clx-cal-event:hover,
html[data-clx-theme="signature"] .clx-cal-agenda-row:hover,
html[data-clx-theme="signature"] .clx-cal-week-event:hover,
html[data-clx-theme="signature"] .clx-cal-timed-block:hover {
  filter: brightness(1.08);
}
html[data-clx-theme="signature"] .clx-cal-event.is-busy,
html[data-clx-theme="signature"] .clx-cal-week-event.is-busy { background: #1d4fae !important; }
html[data-clx-theme="signature"] .clx-cal-event.is-connect { background: #4f7fe8 !important; }
html[data-clx-theme="signature"] .clx-cal-swatch,
html[data-clx-theme="signature"] .clx-cal-dot { border-color: var(--gold-400); background: #2b5fd9; }

/* Month grid — opaque alternating navy; white weekday labels; gold today */
html[data-clx-theme="signature"] .clx-cal-main-grid,
html[data-clx-theme="signature"] .clx-cal-month-grid--board {
  background: #0b1735 !important;
  width: 100%;
  border-collapse: collapse;
}
html[data-clx-theme="signature"] .clx-cal-main-grid thead th {
  background: #081129 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: 1px solid rgba(140, 170, 255, 0.14) !important;
  border-bottom-color: var(--line) !important;
  font-weight: 700;
  text-align: center;
  padding: 3px 4px !important;
}
html[data-clx-theme="signature"] .clx-cal-main-grid td,
html[data-clx-theme="signature"] .clx-cal-day,
html[data-clx-theme="signature"] .clx-cal-cell,
html[data-clx-theme="signature"] .clx-cal-day-cell,
html[data-clx-theme="signature"] .calendar-day-events {
  background: #0b1735 !important;
  border-color: rgba(140, 170, 255, 0.14) !important;
  color: var(--text) !important;
}
html[data-clx-theme="signature"] .clx-cal-main-grid tbody td.clx-cal-day:nth-child(even),
html[data-clx-theme="signature"] .clx-cal-main-grid tbody td.clx-cal-day:nth-child(even) .clx-cal-day-cell,
html[data-clx-theme="signature"] .clx-cal-main-grid tbody td.clx-cal-day:nth-child(even) .calendar-day-events {
  background: #0e1c3a !important;
}
html[data-clx-theme="signature"] .clx-cal-day:hover,
html[data-clx-theme="signature"] .clx-cal-day:hover .clx-cal-day-cell {
  background: rgba(52, 104, 224, 0.16) !important;
}
html[data-clx-theme="signature"] .clx-cal-day.is-muted,
html[data-clx-theme="signature"] .clx-cal-day.is-muted .clx-cal-day-cell,
html[data-clx-theme="signature"] .clx-cal-day.is-muted .calendar-day-events,
html[data-clx-theme="signature"] .clx-cal-cell.is-out {
  background: #050b1c !important;
  color: var(--muted) !important;
}
html[data-clx-theme="signature"] .clx-cal-day.is-today,
html[data-clx-theme="signature"] .clx-cal-day.is-today .clx-cal-day-cell {
  background: rgba(182, 139, 60, 0.12) !important;
  box-shadow: inset 0 0 0 1px rgba(182, 139, 60, 0.55);
}
html[data-clx-theme="signature"] .clx-cal-day.is-selected,
html[data-clx-theme="signature"] .clx-cal-cell.is-sel {
  outline: none !important;
  background: inherit;
  box-shadow: inset 0 0 0 2px rgba(182, 139, 60, 0.75);
}
html[data-clx-theme="signature"] .clx-cal-day.is-selected .clx-cal-day-cell,
html[data-clx-theme="signature"] .clx-cal-day.is-selected .calendar-day-events {
  background: transparent !important;
}
html[data-clx-theme="signature"] .clx-cal-day-num,
html[data-clx-theme="signature"] .clx-cal-daynum {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: transparent !important;
  box-shadow: none !important;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 4px;
  font-weight: 700;
  line-height: 1.4;
}
html[data-clx-theme="signature"] .clx-cal-day.is-muted .clx-cal-day-num {
  color: var(--muted) !important;
  -webkit-text-fill-color: var(--muted) !important;
}
html[data-clx-theme="signature"] .clx-cal-day.is-today .clx-cal-day-num,
html[data-clx-theme="signature"] .clx-cal-day-num.is-today,
html[data-clx-theme="signature"] .clx-cal-cell.is-today .clx-cal-daynum {
  background: #c9a227 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border-radius: 10px;
  box-shadow: none !important;
}
html[data-clx-theme="signature"] .clx-cal-more,
html[data-clx-theme="signature"] .clx-cal-day-more,
html[data-clx-theme="signature"] a.calendar-day-more {
  color: var(--gold-300) !important;
}

/* Week / Day boards */
html[data-clx-theme="signature"] .clx-cal-weekgrid-dayhead,
html[data-clx-theme="signature"] .clx-cal-col-hdr,
html[data-clx-theme="signature"] .clx-cal-dayboard-date,
html[data-clx-theme="signature"] .clx-cal-allday-row--label {
  color: var(--gold-300) !important;
  background: rgba(8, 17, 41, 0.55) !important;
  border-color: var(--line) !important;
}
html[data-clx-theme="signature"] .clx-cal-weekgrid-dayhead.is-today,
html[data-clx-theme="signature"] .clx-cal-weekgrid-col.is-today {
  background-color: rgba(182, 139, 60, 0.1) !important;
}
html[data-clx-theme="signature"] .clx-cal-weekgrid-tick-label,
html[data-clx-theme="signature"] .clx-cal-time-label { color: var(--muted) !important; }
html[data-clx-theme="signature"] .clx-cal-weekgrid-col,
html[data-clx-theme="signature"] .clx-cal-col-grid,
html[data-clx-theme="signature"] .clx-cal-allday-row {
  background: #0b1735 !important;
  border-color: var(--line) !important;
}

/* Agenda + mini calendar */
html[data-clx-theme="signature"] .clx-cal-agenda-date,
html[data-clx-theme="signature"] .clx-cal-ag-date {
  color: var(--gold-300) !important;
  border-bottom-color: var(--line-strong) !important;
}
html[data-clx-theme="signature"] .clx-cal-empty { color: var(--muted) !important; }
html[data-clx-theme="signature"] .clx-cal-mini { width: 100%; border-collapse: collapse; }
html[data-clx-theme="signature"] .clx-cal-mini th {
  color: var(--muted) !important;
  font-weight: 600;
  padding: 2px 0;
  text-align: center;
}
html[data-clx-theme="signature"] .clx-cal-mini td { text-align: center; padding: 1px; }
html[data-clx-theme="signature"] .clx-cal-mini a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  color: var(--text) !important;
  -webkit-text-fill-color: var(--text) !important;
  text-decoration: none !important;
}
html[data-clx-theme="signature"] .clx-cal-mini a:hover { background: rgba(52, 104, 224, 0.25); }
html[data-clx-theme="signature"] .clx-cal-mini a.is-outside { color: var(--muted) !important; -webkit-text-fill-color: var(--muted) !important; opacity: 0.65; }
html[data-clx-theme="signature"] .clx-cal-mini a.is-today {
  background: #c9a227 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
html[data-clx-theme="signature"] .clx-cal-mini a.is-selected { box-shadow: inset 0 0 0 1px var(--gold-400); }
html[data-clx-theme="signature"] .clx-cal-mini-hdr .clx-cal-btn {
  padding: 0 !important;
  width: 28px;
  min-width: 28px;
}
html[data-clx-theme="signature"] .clx-cal-modal .modal-backdrop,
html[data-clx-theme="signature"] .modal-backdrop { background: rgba(1, 4, 14, 0.7); }
html[data-clx-theme="signature"] .clx-cal-agenda,
html[data-clx-theme="signature"] .clx-cal-side,
html[data-clx-theme="signature"] .clx-cal-side-scroll,
html[data-clx-theme="signature"] .clx-cal-multiboard-scroll,
html[data-clx-theme="signature"] .clx-cal-weekgrid-scroll,
html[data-clx-theme="signature"] .clx-cal-dayboard-scroll {
  scrollbar-color: rgba(182, 139, 60, 0.45) transparent;
  scrollbar-width: thin;
}

/* Side column: compact, scrolls internally; leave room for theme switcher */
html[data-clx-theme="signature"] .clx-cal-side {
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 48px;
}
html[data-clx-theme="signature"] .clx-cal-side > .clx-cal-card {
  flex-shrink: 0;
}
html[data-clx-theme="signature"] .clx-cal-side .clx-cal-side-cals .clx-cal-card-body,
html[data-clx-theme="signature"] .clx-cal-side .clx-cal-side-filters .clx-cal-card-body {
  max-height: 180px;
}

/* Floor: calendar stays within sidebar bottom; no page growth */
html[data-clx-theme="signature"] body.clx-calendar-page .app-main-content {
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}
html[data-clx-theme="signature"] body.clx-calendar-page .clx-cal-layout {
  min-height: 0;
  flex: 1 1 auto;
  overflow: hidden;
}
html[data-clx-theme="signature"] body.clx-calendar-page .clx-cal-main .clx-cal-multiboard,
html[data-clx-theme="signature"] body.clx-calendar-page .clx-cal-view {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

/* ===== Financial Reports (Signature): approved preview reports.css Signature look
   mapped onto staging fr-* / body.clx-financial-reports-page. Classic unchanged. ===== */
html[data-clx-theme="signature"] body.clx-financial-reports-page .app-content {
  background: transparent !important;
  padding: var(--sig-pad) !important;
  gap: 0 !important;
}
html[data-clx-theme="signature"] body.clx-financial-reports-page .app-main-content {
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}
html[data-clx-theme="signature"] .fr-hub {
  --fr-navy: #0b1735;
  --fr-navy-mid: #0e1c3a;
  --fr-gold: var(--gold-400);
  --fr-bg: transparent;
  --fr-card: #0b1735;
  --fr-border: var(--gold-400);
  --fr-muted: var(--text-soft, #a8b4d0);
  --fr-text: var(--text);
  --fr-radius: 6px;
  --fr-shadow: 0 10px 26px -18px rgba(0, 0, 0, 0.9);
  /* Fill to left-nav / viewport floor (preview equal-row grid needs a definite height). */
  --fr-dash-h: calc(100vh - 130px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) 250px;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 6px;
  height: var(--fr-dash-h) !important;
  max-height: var(--fr-dash-h) !important;
  min-height: 0;
  flex: 1 1 auto;
  overflow: hidden;
  color: var(--text);
}
html[data-clx-theme="signature"] .fr-hub-header {
  grid-column: 1 / -1;
  align-items: flex-end;
  gap: 10px;
  padding: 0;
  margin: 0;
}
html[data-clx-theme="signature"] .fr-hub-header h1 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 12pt !important;
  letter-spacing: 0;
  font-weight: 700;
  line-height: 1.15;
}
html[data-clx-theme="signature"] .fr-hub-header .fr-subtitle {
  color: var(--text-soft, #a8b4d0) !important;
  font-size: 12pt !important;
  margin: 2px 0 0;
  line-height: 1.2;
}
html[data-clx-theme="signature"] .fr-hub-actions {
  align-items: flex-end;
  gap: 8px;
}
html[data-clx-theme="signature"] .fr-hub-actions .form-label {
  color: var(--gold-300) !important;
  font-size: 12pt !important;
  letter-spacing: 0.06em;
}
html[data-clx-theme="signature"] .fr-hub-actions .form-select {
  background: rgba(22, 41, 90, 0.85) !important;
  border: 1px solid var(--line-strong) !important;
  color: var(--text) !important;
  color-scheme: dark;
  border-radius: 5px;
  height: 30px;
  min-width: 210px;
}
html[data-clx-theme="signature"] .fr-hub-actions .form-select:focus {
  border-color: var(--gold-400) !important;
  box-shadow: 0 0 0 2px rgba(182, 139, 60, 0.2);
  outline: none;
}
html[data-clx-theme="signature"] .fr-btn {
  border-radius: 5px;
  box-shadow: none !important;
  min-height: 28px;
  padding: 5px 14px;
  font-weight: 700;
}
html[data-clx-theme="signature"] .fr-btn-gold,
html[data-clx-theme="signature"] #fr-open-custom {
  background: var(--gold-grad) !important;
  border: 1px solid #b68b3c !important;
  color: #102346 !important;
  -webkit-text-fill-color: #102346 !important;
}
html[data-clx-theme="signature"] .fr-btn-gold:hover,
html[data-clx-theme="signature"] #fr-open-custom:hover {
  border-color: var(--gold-400) !important;
  box-shadow: 0 0 0 2px rgba(182, 139, 60, 0.2) !important;
}

/* Main grid: 3 columns × 4 equal rows fill available height */
html[data-clx-theme="signature"] .fr-main {
  min-height: 0;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding-right: 0;
}
html[data-clx-theme="signature"] .fr-cards-grid {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(4, minmax(112px, 1fr));
  gap: 6px;
  align-content: stretch;
  overflow-y: auto;
  overflow-x: hidden;
}
html[data-clx-theme="signature"] .fr-card {
  background: linear-gradient(165deg, rgba(18, 37, 84, 0.96), rgba(7, 15, 39, 0.98)) !important;
  border: 1px solid var(--gold-400) !important;
  border-radius: 6px !important;
  box-shadow: 0 10px 26px -18px rgba(0, 0, 0, 0.9), inset 0 0 0 1px rgba(182, 139, 60, 0.08) !important;
  padding: 9px 10px !important;
  gap: 6px;
  min-height: 0;
  transform: none !important;
  color: var(--text);
}
html[data-clx-theme="signature"] .fr-card:hover {
  border-color: var(--gold-400) !important;
  box-shadow: 0 0 0 2px rgba(182, 139, 60, 0.22) !important;
  transform: none !important;
}
html[data-clx-theme="signature"] .fr-card-top { gap: 10px; }
html[data-clx-theme="signature"] .fr-card-icon,
html[data-clx-theme="signature"] .fr-card-icon.fr-tone-gold,
html[data-clx-theme="signature"] .fr-card-icon.fr-tone-green,
html[data-clx-theme="signature"] .fr-card-icon.fr-tone-blue,
html[data-clx-theme="signature"] .fr-card-icon.fr-tone-orange,
html[data-clx-theme="signature"] .fr-card-icon.fr-tone-rose,
html[data-clx-theme="signature"] .fr-card-icon.fr-tone-purple,
html[data-clx-theme="signature"] .fr-card-icon.fr-tone-indigo,
html[data-clx-theme="signature"] .fr-card-icon.fr-tone-navy,
html[data-clx-theme="signature"] .fr-card-icon.fr-tone-teal,
html[data-clx-theme="signature"] .fr-card-icon.fr-tone-cyan,
html[data-clx-theme="signature"] .fr-card-icon.fr-tone-amber,
html[data-clx-theme="signature"] .fr-card-icon.fr-tone-slate {
  width: 40px !important;
  height: 40px !important;
  border-radius: 6px !important;
  background: rgba(8, 17, 41, 0.85) !important;
  border: 1px solid var(--gold-400) !important;
  color: #fff !important;
  box-shadow: 0 0 12px -5px rgba(182, 139, 60, 0.8) !important;
}
html[data-clx-theme="signature"] .fr-card-icon svg {
  width: 22px !important;
  height: 22px !important;
  stroke: currentColor !important;
  fill: none !important;
  color: #fff !important;
}
html[data-clx-theme="signature"] .fr-card-title {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 12pt !important;
  margin: 0 0 2px;
}
html[data-clx-theme="signature"] .fr-card-desc {
  color: var(--text-soft, #a8b4d0) !important;
  font-size: 12pt !important;
  line-height: 1.3;
}
html[data-clx-theme="signature"] .fr-card-actions {
  margin-top: auto;
  gap: 6px;
  padding-top: 0;
}
html[data-clx-theme="signature"] .fr-card-actions .fr-btn:not(.fr-btn-outline) {
  background: var(--gold-grad) !important;
  border: 1px solid #b68b3c !important;
  color: #102346 !important;
  -webkit-text-fill-color: #102346 !important;
  box-shadow: none !important;
}
html[data-clx-theme="signature"] .fr-card-actions .fr-btn-outline {
  background: rgba(8, 17, 41, 0.75) !important;
  border: 1px solid var(--gold-400) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: none !important;
}
html[data-clx-theme="signature"] .fr-card-actions .fr-btn:hover {
  box-shadow: 0 0 0 2px rgba(182, 139, 60, 0.2) !important;
}

/* Right sidebar */
html[data-clx-theme="signature"] .fr-side {
  gap: 6px;
  min-height: 0;
  height: 100%;
  overflow: hidden;
}
html[data-clx-theme="signature"] .fr-panel-recent {
  flex: 1 1 auto;
  min-height: 0;
}
html[data-clx-theme="signature"] .fr-panel-qa {
  flex: 0 0 auto;
}
html[data-clx-theme="signature"] .fr-panel {
  background: linear-gradient(165deg, rgba(18, 37, 84, 0.96), rgba(7, 15, 39, 0.98)) !important;
  border: 1px solid var(--gold-400) !important;
  border-radius: 6px !important;
  box-shadow: 0 10px 26px -18px rgba(0, 0, 0, 0.9) !important;
  color: var(--text);
}
html[data-clx-theme="signature"] .fr-panel-hdr {
  background: var(--gold-banner-grad) !important;
  border-bottom: 1px solid #b68b3c !important;
  box-shadow: inset 0 1px 0 rgba(202, 161, 73, 0.28);
  color: #102346 !important;
  -webkit-text-fill-color: #102346 !important;
  padding: 4px 9px !important;
  min-height: 26px;
  text-transform: none;
  letter-spacing: 0;
  font-size: 12pt !important;
}
html[data-clx-theme="signature"] .fr-panel-hdr span,
html[data-clx-theme="signature"] .fr-panel-hdr * {
  color: #102346 !important;
  -webkit-text-fill-color: #102346 !important;
}
html[data-clx-theme="signature"] .fr-panel-hdr a.fr-panel-link {
  color: #102346 !important;
  -webkit-text-fill-color: #102346 !important;
  font-size: 12pt !important;
  text-decoration: underline !important;
}
html[data-clx-theme="signature"] .fr-panel-scroll {
  padding: 0 7px;
}
html[data-clx-theme="signature"] .fr-recent-item {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  grid-template-areas:
    "ico name dl"
    "ico meta dl";
  column-gap: 8px;
  row-gap: 1px;
  align-items: center;
  padding: 6px 0;
  border-bottom: 1px solid var(--line) !important;
}
html[data-clx-theme="signature"] .fr-recent-item::before {
  content: "";
  grid-area: ico;
  width: 28px;
  height: 28px;
  border-radius: 5px;
  background: var(--gold-grad);
  box-shadow: 0 0 10px -4px rgba(182, 139, 60, 0.7);
}
html[data-clx-theme="signature"] .fr-recent-name {
  grid-area: name;
  color: #fff !important;
  font-size: 12pt !important;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html[data-clx-theme="signature"] .fr-recent-meta {
  grid-area: meta;
  color: var(--text-soft, #a8b4d0) !important;
  font-size: 12pt !important;
}
html[data-clx-theme="signature"] .fr-recent-item a {
  grid-area: dl;
  color: var(--gold-300) !important;
  font-size: 12pt !important;
  font-weight: 700;
  text-decoration: none !important;
  padding: 3px;
  border-radius: 4px;
}
html[data-clx-theme="signature"] .fr-recent-item a:hover {
  background: rgba(182, 139, 60, 0.14);
}
html[data-clx-theme="signature"] .fr-empty {
  color: var(--text-soft, #a8b4d0) !important;
  text-align: center;
  padding: 7px 0;
  font-size: 12pt !important;
}
html[data-clx-theme="signature"] .fr-panel-body {
  padding: 7px !important;
}
html[data-clx-theme="signature"] .fr-quick-list {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
html[data-clx-theme="signature"] .fr-quick-list li { margin: 0; }
html[data-clx-theme="signature"] .fr-quick-list a,
html[data-clx-theme="signature"] .fr-quick-list button {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 6px 9px !important;
  border-radius: 5px !important;
  border: 1px solid var(--gold-400) !important;
  background: rgba(8, 17, 41, 0.75) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-bottom: 1px solid var(--gold-400) !important;
  font-size: 12pt !important;
  font-weight: 600;
}
html[data-clx-theme="signature"] .fr-quick-list a:hover,
html[data-clx-theme="signature"] .fr-quick-list button:hover {
  color: #fff !important;
  box-shadow: 0 0 0 2px rgba(182, 139, 60, 0.2);
}
html[data-clx-theme="signature"] .fr-qa-ico {
  width: 18px !important;
  height: 18px !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--gold-300) !important;
  box-shadow: none !important;
}
html[data-clx-theme="signature"] .fr-qa-ico svg {
  width: 18px !important;
  height: 18px !important;
  stroke: var(--gold-300) !important;
}

/* Modal under Signature */
html[data-clx-theme="signature"] .fr-modal {
  background: linear-gradient(165deg, rgba(18, 37, 84, 0.98), rgba(7, 15, 39, 0.99)) !important;
  border: 1px solid var(--gold-400);
  color: var(--text);
}
html[data-clx-theme="signature"] .fr-modal-hdr {
  background: var(--gold-banner-grad) !important;
  color: #102346 !important;
  border-bottom: 1px solid #b68b3c;
}
html[data-clx-theme="signature"] .fr-modal-hdr * {
  color: #102346 !important;
  -webkit-text-fill-color: #102346 !important;
}
html[data-clx-theme="signature"] .fr-modal-body label { color: var(--gold-300) !important; }
html[data-clx-theme="signature"] .fr-modal-body .form-control,
html[data-clx-theme="signature"] .fr-modal-body .form-select {
  background: rgba(22, 41, 90, 0.85) !important;
  border: 1px solid var(--line-strong) !important;
  color: var(--text) !important;
  color-scheme: dark;
}
html[data-clx-theme="signature"] .fr-modal-ftr {
  border-top-color: var(--line) !important;
}
html[data-clx-theme="signature"] .fr-modal-backdrop {
  background: rgba(1, 4, 14, 0.7);
}

@media (max-width: 1280px) {
  html[data-clx-theme="signature"] .fr-cards-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: none;
    grid-auto-rows: minmax(112px, auto);
    overflow-y: auto;
  }
}
@media (max-width: 900px) {
  html[data-clx-theme="signature"] .fr-hub {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    overflow: visible;
    height: auto;
  }
  html[data-clx-theme="signature"] .fr-cards-grid {
    grid-template-columns: 1fr;
    overflow: visible;
  }
  html[data-clx-theme="signature"] body.clx-financial-reports-page .app-main-content {
    overflow: visible;
  }
}

/* Phase 2 sidebar wordmark — both themes (Classic gold on navy; Signature navy on gold). */
.app-sidebar .clx-sb-word {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 10.5pt;
  font-weight: 700;
  letter-spacing: 0.14em;
  line-height: 1.05;
  text-transform: uppercase;
}
html[data-clx-theme="signature"] .app-sidebar .sidebar-brand {
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 1px !important;
}
html[data-clx-theme="signature"] .clx-sb-word {
  color: #0b1735 !important;
  font-size: 11pt;
}

/* ===== Five-page Signature restore (Connect / Draft / Bucket / Questionnaires / Legal Research)
   Page content only - header, Lex, sidebar, Workspace untouched. Classic unchanged. ===== */

html[data-clx-theme="signature"] body.clx-templates-page {
  --ds-navy: #0c1733;
  --ds-navy3: #102346;
  --ds-ink: #ffffff;
  --ds-ink2: #e9edf7;
  --ds-mut: #94a0bd;
  --ds-soft: #94a0bd;
  --ds-line: #c9a227;
  --ds-line2: rgba(201,162,39,0.35);
  --ds-tint: #102346;
  --ds-paperbg: #0c1733;
  --ds-surface: #0c1733;
  --ds-input: #081129;
  --ds-goldsoft: rgba(201,162,39,0.18);
  --ds-goldline: #c9a227;
  --ds-mbg: #102346;
  --ds-mline: #c9a227;
  --ds-fbg: #102346;
  --ds-fline: #c9a227;
  --ds-sh1: none;
  --ds-sh2: none;
  --ds-sh3: none;
}
html[data-clx-theme="signature"] body.clx-templates-page .app-main-content,
html[data-clx-theme="signature"] main.app-content:has(.clx-ds) {
  background: #0c1733 !important;
}
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds,
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds h1,
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds h2,
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds h3,
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds p,
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-soft,
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-own,
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-eyebrow {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-hero,
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-tc,
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-set,
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-ready,
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-tools,
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-cmd {
  background: #0c1733 !important;
  border-color: #c9a227 !important;
  color: #fff !important;
}
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-cmd-input,
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-tools input,
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-tools select,
html[data-clx-theme="signature"] body.clx-templates-page #clx-ds-area {
  background: #081129 !important;
  border: 1px solid #c9a227 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-btn:not(.is-gold):not(.is-navy) {
  background: #102346 !important;
  border-color: #c9a227 !important;
  color: #fff !important;
}
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-chip {
  background: #102346 !important;
  border-color: #c9a227 !important;
  color: #fff !important;
}
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-readybtn {
  background: transparent !important;
  border: 1px solid #c9a227 !important;
  color: #fff !important;
}
html[data-clx-theme="signature"] body.clx-templates-page .app-main-content {
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
}

/* Draft Studio — remaining chrome (page CSS loads after base; force Signature) */
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-kbd {
  background: #102346 !important;
  border-color: #c9a227 !important;
  color: #e9edf7 !important;
  -webkit-text-fill-color: #e9edf7 !important;
}
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-cmd-input::placeholder {
  color: #94a0bd !important;
  -webkit-text-fill-color: #94a0bd !important;
}
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-fsearch,
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-view,
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-filters,
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-areasel select,
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-filters select,
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-pages button,
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-empty,
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-menu,
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-rd,
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-gal:not(.is-list) .clx-ds-acts {
  background: #0c1733 !important;
  border-color: #c9a227 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-fsearch input,
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-fsearch input::placeholder {
  color: #e9edf7 !important;
  -webkit-text-fill-color: #e9edf7 !important;
}
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-fsearch input::placeholder {
  color: #94a0bd !important;
  -webkit-text-fill-color: #94a0bd !important;
}
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-view button {
  color: #94a0bd !important;
  -webkit-text-fill-color: #94a0bd !important;
  background: transparent !important;
}
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-view button.is-on {
  background: #102346 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-view button + button {
  border-left-color: #c9a227 !important;
}
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-chip.is-pa {
  background: #102346 !important;
  color: #e9edf7 !important;
  border-color: #c9a227 !important;
}
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-own,
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-rd .clx-ds-i,
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-rd-ic {
  color: #d2b066 !important;
  -webkit-text-fill-color: #d2b066 !important;
}
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-rd-ic {
  background: #102346 !important;
}
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-rd:hover,
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-rd:focus {
  background: #102346 !important;
  border-color: #d2b066 !important;
}
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-pages button.is-on {
  background: linear-gradient(180deg, #d2b066 0%, #c29e5b 50%, #b6924f 100%) !important;
  color: #0B1730 !important;
  -webkit-text-fill-color: #0B1730 !important;
  border-color: #a87d2e !important;
}
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-menu button {
  background: transparent !important;
  color: #e9edf7 !important;
  -webkit-text-fill-color: #e9edf7 !important;
}
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-menu button:hover {
  background: #102346 !important;
  color: #fff !important;
}
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-tc:hover,
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-tc:focus-within {
  border-color: #d2b066 !important;
}
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-sh {
  margin: 10px 2px 6px !important;
}
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-tools {
  margin-bottom: 8px !important;
}
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-gal {
  gap: 8px !important;
}
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-sets {
  gap: 8px !important;
}
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-recent {
  gap: 8px !important;
  margin: 0 0 12px !important;
}
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-tc {
  padding: 10px 10px 8px !important;
}
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-set {
  padding: 10px !important;
}
html[data-clx-theme="signature"] body.clx-templates-page .clx-ds-rd {
  padding: 8px 10px !important;
}
html[data-clx-theme="signature"] body.clx-templates-page main.app-content,
html[data-clx-theme="signature"] body.clx-templates-page .app-content {
  background: #0c1733 !important;
}

/* Questionnaires + Legal Research — kill light page background from clx-doc-drafting */
html[data-clx-theme="signature"] body.clx-dd-page {
  --clx-dd-bg: #0c1733;
  --clx-dd-card: #0c1733;
  --clx-dd-border: #c9a227;
  --clx-dd-text: #ffffff;
  --clx-dd-muted: #94a0bd;
}
html[data-clx-theme="signature"] body.clx-dd-page .app-content,
html[data-clx-theme="signature"] body.clx-dd-page main.app-content,
html[data-clx-theme="signature"] body.clx-li-page .app-content,
html[data-clx-theme="signature"] body.clx-li-page main.app-content {
  background: #0c1733 !important;
}


html[data-clx-theme="signature"] body.clx-bucket-page .app-main-content,
html[data-clx-theme="signature"] body.clx-cm-page .app-main-content,
html[data-clx-theme="signature"] body.clx-li-page .app-main-content,
html[data-clx-theme="signature"] body.clx-dd-page:has(#clx-q-ws) .app-main-content {
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  background: #0c1733 !important;
}
html[data-clx-theme="signature"] main.app-content:has(#clx-q-ws) {
  background: #0c1733 !important;
}
html[data-clx-theme="signature"] #clx-q-ws {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1 1 auto;
  overflow: auto;
}

.clxp-toast {
  position: fixed;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  background: #0f172a;
  color: #fff;
  border: 1px solid #c9a227;
  border-radius: 6px;
  padding: 6px 12px;
  z-index: 200;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s;
}
.clxp-toast.is-on { opacity: 1; }


/* Phase 1 final wordmark navy — Signature gold sidebar */
html[data-clx-theme="signature"] .app-sidebar .clx-sb-word {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}