/* User Center / Admin pages — Signature theme only.
   Operating Entities, Case Analytics, Access Tracking, System Event Log,
   Faxes, Time Tracker, Timekeeping, AI Agent Control Center, User Profile.
   Classic and Workspace (body.clx-workspace-page) are untouched. */

/* --------------------------------------------------------------------------
   Shared User Center shell (body.clx-ws-page) — height + navy panels
   -------------------------------------------------------------------------- */
html[data-clx-theme="signature"] body.clx-ws-page .app-content,
html[data-clx-theme="signature"] body.clx-ws-page .app-main-content,
html[data-clx-theme="signature"] body.clx-ws-page .page-body {
  background: #0c1733 !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  /* Default: content-driven (User Profile etc.). Fill pages override below. */
  overflow: visible !important;
  padding-top: 6px !important;
  padding-bottom: 4px !important;
}

/* Operating Entity / dual-pane UC: bounded viewport height for internal scroll only */
html[data-clx-theme="signature"] body.clx-ws-page:has(#clx-oe) .app-page-wrapper,
html[data-clx-theme="signature"] body.clx-ws-page:has(.clx-ws-shell[data-clx-fill="1"]) .app-page-wrapper {
  min-height: 100dvh;
  grid-template-rows: minmax(0, 1fr) auto;
  align-content: stretch;
}
html[data-clx-theme="signature"] body.clx-ws-page:has(#clx-oe) .app-main,
html[data-clx-theme="signature"] body.clx-ws-page:has(.clx-ws-shell[data-clx-fill="1"]) .app-main {
  min-height: 0 !important;
  overflow: hidden !important;
}
html[data-clx-theme="signature"] body.clx-ws-page:has(#clx-oe) .app-content,
html[data-clx-theme="signature"] body.clx-ws-page:has(#clx-oe) .app-main-content,
html[data-clx-theme="signature"] body.clx-ws-page:has(#clx-oe) .page-body,
html[data-clx-theme="signature"] body.clx-ws-page:has(.clx-ws-shell[data-clx-fill="1"]) .app-content,
html[data-clx-theme="signature"] body.clx-ws-page:has(.clx-ws-shell[data-clx-fill="1"]) .app-main-content,
html[data-clx-theme="signature"] body.clx-ws-page:has(.clx-ws-shell[data-clx-fill="1"]) .page-body {
  overflow: hidden !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
}
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-shell,
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws {
  display: flex !important;
  flex-direction: column !important;
  flex: 0 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  gap: 6px;
  color: #f4f6fb !important;
}
html[data-clx-theme="signature"] body.clx-ws-page #clx-oe {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: hidden !important;
  gap: 6px;
  color: #f4f6fb !important;
}
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-hero,
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-tabs,
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-toolbar,
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-summary-line {
  flex: 0 0 auto !important;
}
/* Tab row strip — kill Classic light-gray (#f1f5f9) behind/beside tabs */
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-tabs {
  background: #0c1733 !important;
  border-bottom: 1px solid #c9a227 !important;
  margin-bottom: 6px !important;
}
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-hero-title {
  color: #fff !important;
}
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-hero-sub,
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-muted,
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-summary-line,
html[data-clx-theme="signature"] body.clx-ws-page .text-muted {
  color: #b8c0d4 !important;
}
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-tab {
  background: #102346 !important;
  border: 1px solid #c9a227 !important;
  border-right: 1px solid #c9a227 !important;
  color: #fff !important;
}
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-tab:hover {
  background: #142a55 !important;
  color: #fff !important;
}
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-tab.is-active {
  background: linear-gradient(180deg, #d2b066, #c9a227) !important;
  color: #0B1730 !important;
  border-color: #c9a227 !important;
}
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-panel {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: hidden !important;
  background: #0c1733 !important;
  border: 1px solid #c9a227 !important;
  border-radius: 6px !important;
  color: #f4f6fb !important;
}
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-panel.is-compact,
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-panel[data-clx-flex="0"] {
  flex: 0 0 auto !important;
}
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-panel-hdr {
  background: #0f172a !important;
  color: #fff !important;
  border-bottom: 1px solid #c9a227;
  flex: 0 0 auto !important;
}
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-panel-body,
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-scroll {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  height: auto !important;
  max-height: none !important;
  background: #0c1733 !important;
  color: #f4f6fb !important;
}
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-pager {
  flex: 0 0 auto !important;
  background: #0c1733 !important;
  border-top: 1px solid rgba(201, 162, 39, 0.35);
  color: #f4f6fb !important;
}
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-pager .is-current,
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-pager .current {
  background: linear-gradient(180deg, #d2b066, #c9a227) !important;
  color: #0B1730 !important;
}
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-table thead th {
  background: #102346 !important;
  color: #fff !important;
  border-color: #c9a227 !important;
}
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-table tbody td {
  background: #0c1733 !important;
  color: #f4f6fb !important;
  border-bottom-color: rgba(201, 162, 39, 0.22) !important;
}
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-table tbody tr:hover td {
  background: #102346 !important;
}
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-empty,
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-empty p {
  background: transparent !important;
  color: #b8c0d4 !important;
}
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-toolbar,
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-filters {
  background: #0c1733 !important;
  border-color: #c9a227 !important;
}
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-filter label {
  color: #fff !important;
}
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-search-input,
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-filter select,
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-filter input,
html[data-clx-theme="signature"] body.clx-ws-page .form-control,
html[data-clx-theme="signature"] body.clx-ws-page .form-select {
  background: #081129 !important;
  border: 1px solid #c9a227 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html[data-clx-theme="signature"] body.clx-ws-page .form-control::placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
}
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-btn-gold {
  background: linear-gradient(180deg, #d2b066, #c9a227) !important;
  color: #0B1730 !important;
  border-color: #0B1730 !important;
}
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-btn-navy {
  background: #102346 !important;
  color: #fff !important;
  border: 1px solid #c9a227 !important;
}
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-btn-clear {
  background: transparent !important;
  color: #fff !important;
  border: 1px solid #c9a227 !important;
}
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-link {
  color: #c9a227 !important;
}
html[data-clx-theme="signature"] body.clx-ws-page .clx-ws-badge.is-ok {
  background: transparent !important;
  color: #86efac !important;
  border: 1px solid #86efac !important;
}

/* Access Tracking badges on Signature */
html[data-clx-theme="signature"] .ad-action-badge {
  background: transparent !important;
}
html[data-clx-theme="signature"] .ad-action-badge.viewed { color: #90caf9 !important; border-color: #90caf9 !important; }
html[data-clx-theme="signature"] .ad-action-badge.downloaded { color: #a5d6a7 !important; border-color: #a5d6a7 !important; }
html[data-clx-theme="signature"] .ad-action-badge.uploaded { color: #ffcc80 !important; border-color: #ffcc80 !important; }
html[data-clx-theme="signature"] .ad-action-badge.deleted { color: #ef9a9a !important; border-color: #ef9a9a !important; }
html[data-clx-theme="signature"] .ad-action-badge.edited { color: #ce93d8 !important; border-color: #ce93d8 !important; }
html[data-clx-theme="signature"] .ad-action-badge.added { color: #80deea !important; border-color: #80deea !important; }
html[data-clx-theme="signature"] .ad-action-badge.moved { color: #f48fb1 !important; border-color: #f48fb1 !important; }
html[data-clx-theme="signature"] .ad-action-badge.billing { color: #b39ddb !important; border-color: #b39ddb !important; }

/* System Event Log severity */
html[data-clx-theme="signature"] .sel-lvl {
  background: transparent !important;
}
html[data-clx-theme="signature"] .sel-lvl.info { color: #90caf9 !important; border-color: #90caf9 !important; }
html[data-clx-theme="signature"] .sel-lvl.warning { color: #ffcc80 !important; border-color: #ffcc80 !important; }
html[data-clx-theme="signature"] .sel-lvl.error { color: #ef9a9a !important; border-color: #ef9a9a !important; }
html[data-clx-theme="signature"] .sel-lvl.critical { color: #ff5252 !important; border-color: #ff5252 !important; background: #1a0a0a !important; }
html[data-clx-theme="signature"] .sel-lvl.debug { color: #cbd5e1 !important; border-color: #64748b !important; }

/* Fax status badges */
html[data-clx-theme="signature"] .fx-status-badge {
  background: transparent !important;
}
html[data-clx-theme="signature"] .fx-status-badge.queued { color: #ffcc80 !important; }
html[data-clx-theme="signature"] .fx-status-badge.sending { color: #90caf9 !important; }
html[data-clx-theme="signature"] .fx-status-badge.sent,
html[data-clx-theme="signature"] .fx-status-badge.delivered { color: #a5d6a7 !important; }
html[data-clx-theme="signature"] .fx-status-badge.failed { color: #ef9a9a !important; }
html[data-clx-theme="signature"] .fx-status-badge.partial { color: #ffcc80 !important; }
html[data-clx-theme="signature"] .fx-error { color: #ef9a9a !important; }

/* --------------------------------------------------------------------------
   Operating Entities — full-height list with internal scroll
   -------------------------------------------------------------------------- */
html[data-clx-theme="signature"] #clx-oe-list {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
html[data-clx-theme="signature"] #clx-oe-list .clx-ws-panel {
  flex: 1 1 auto !important;
  min-height: 0 !important;
}
html[data-clx-theme="signature"] #clx-oe-list .clx-ws-panel-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
}
html[data-clx-theme="signature"] #clx-oe .clx-oe-name {
  color: #fff !important;
}
html[data-clx-theme="signature"] #clx-oe .clx-oe-table th {
  background: #102346 !important;
  color: #fff !important;
  position: sticky;
  top: 0;
  z-index: 1;
}
html[data-clx-theme="signature"] #clx-oe .clx-oe-table td {
  color: #f4f6fb !important;
  border-bottom-color: rgba(201, 162, 39, 0.22) !important;
  background: #0c1733 !important;
}
html[data-clx-theme="signature"] #clx-oe .clx-oe-badge {
  background: transparent !important;
  color: #86efac !important;
  border-color: #86efac !important;
}
html[data-clx-theme="signature"] #clx-oe .clx-oe-badge.is-off {
  color: #94a3b8 !important;
  border-color: #64748b !important;
}
html[data-clx-theme="signature"] #clx-oe .clx-oe-card,
html[data-clx-theme="signature"] #clx-oe .clx-oe-profile {
  background: #0c1733 !important;
  border: 1px solid #c9a227 !important;
  color: #f4f6fb !important;
}
html[data-clx-theme="signature"] #clx-oe .clx-oe-card-hdr,
html[data-clx-theme="signature"] #clx-oe .clx-oe-tabs button.is-active {
  background: #0f172a !important;
  color: #fff !important;
}
html[data-clx-theme="signature"] #clx-oe .clx-oe-tabs button {
  background: #102346 !important;
  color: #fff !important;
  border-color: #c9a227 !important;
}
html[data-clx-theme="signature"] #clx-oe .clx-oe-f > span,
html[data-clx-theme="signature"] #clx-oe .clx-oe-crumb strong,
html[data-clx-theme="signature"] #clx-oe .clx-oe-sub {
  color: #fff !important;
}
html[data-clx-theme="signature"] #clx-oe .clx-oe-filecard,
html[data-clx-theme="signature"] #clx-oe .clx-oe-drop,
html[data-clx-theme="signature"] #clx-oe .clx-oe-hdrbox,
html[data-clx-theme="signature"] #clx-oe .clx-oe-thumb,
html[data-clx-theme="signature"] #clx-oe .clx-oe-empty {
  background: #081129 !important;
  border-color: #c9a227 !important;
  color: #f4f6fb !important;
}
html[data-clx-theme="signature"] #clx-oe-profile {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
}

/* --------------------------------------------------------------------------
   Case Analytics (#clx-ca-ws / .eid-*)
   -------------------------------------------------------------------------- */
html[data-clx-theme="signature"] body.clx-dd-page:has(#clx-ca-ws) .app-content,
html[data-clx-theme="signature"] body.clx-dd-page:has(#clx-ca-ws) .app-main-content {
  background: #0c1733 !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
html[data-clx-theme="signature"] #clx-ca-ws {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 0 !important; height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  gap: 6px;
  color: #f4f6fb !important;
}

/* Case Analytics pane scroll (Signature) — chrome stays put */
html[data-clx-theme="signature"] body.clx-dd-page #clx-ca-ws > .clx-dd-hero,
html[data-clx-theme="signature"] body.clx-dd-page #clx-ca-ws > form.eid-filters,
html[data-clx-theme="signature"] body.clx-dd-page #clx-ca-ws > .eid-tabs,
html[data-clx-theme="signature"] body.clx-dd-page #clx-ca-ws > .clx-dd-note {
  flex: 0 0 auto !important;
}
html[data-clx-theme="signature"] body.clx-dd-page #clx-ca-ws > .eid-pane.active {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
html[data-clx-theme="signature"] #clx-ca-ws .clx-dd-hero-title,
html[data-clx-theme="signature"] #clx-ca-ws .clx-dd-hero-sub {
  color: #fff !important;
}
html[data-clx-theme="signature"] #clx-ca-ws .eid-filters {
  background: #0c1733 !important;
  border: 1px solid #c9a227 !important;
  flex: 0 0 auto;
}
html[data-clx-theme="signature"] #clx-ca-ws .eid-filters select,
html[data-clx-theme="signature"] #clx-ca-ws .eid-filters input {
  background: #081129 !important;
  color: #fff !important;
  border: 1px solid #c9a227 !important;
}
html[data-clx-theme="signature"] #clx-ca-ws .eid-filter-btn {
  background: #102346 !important;
  color: #fff !important;
  border: 1px solid #c9a227 !important;
}
html[data-clx-theme="signature"] #clx-ca-ws .eid-filter-clear {
  background: transparent !important;
  color: #fff !important;
  border: 1px solid #c9a227 !important;
}
html[data-clx-theme="signature"] #clx-ca-ws .eid-tabs {
  border-color: #c9a227 !important;
  flex: 0 0 auto;
}
html[data-clx-theme="signature"] #clx-ca-ws .eid-tab {
  background: #102346 !important;
  color: #b8c0d4 !important;
}
html[data-clx-theme="signature"] #clx-ca-ws .eid-tab.active {
  background: linear-gradient(180deg, #d2b066, #c9a227) !important;
  color: #0B1730 !important;
}
html[data-clx-theme="signature"] #clx-ca-ws .eid-kpi,
html[data-clx-theme="signature"] #clx-ca-ws .eid-panel,
html[data-clx-theme="signature"] #clx-ca-ws .eid-pipeline-card {
  background: #0c1733 !important;
  border: 1px solid #c9a227 !important;
  color: #f4f6fb !important;
}
html[data-clx-theme="signature"] #clx-ca-ws .eid-kpi-val,
html[data-clx-theme="signature"] #clx-ca-ws .eid-pipeline-card .val,
html[data-clx-theme="signature"] #clx-ca-ws .eid-empty strong {
  color: #fff !important;
}
html[data-clx-theme="signature"] #clx-ca-ws .eid-kpi-label,
html[data-clx-theme="signature"] #clx-ca-ws .eid-pipeline-card .lbl,
html[data-clx-theme="signature"] #clx-ca-ws .eid-empty {
  color: #b8c0d4 !important;
  background: transparent !important;
}
html[data-clx-theme="signature"] #clx-ca-ws .eid-kpi-ico {
  background: #102346 !important;
  color: #c9a227 !important;
}
html[data-clx-theme="signature"] #clx-ca-ws .eid-panel-title {
  background: #0f172a !important;
  color: #fff !important;
}
html[data-clx-theme="signature"] #clx-ca-ws .eid-tbl thead th {
  background: #102346 !important;
  color: #fff !important;
  border-color: #c9a227 !important;
}
html[data-clx-theme="signature"] #clx-ca-ws .eid-tbl tbody td {
  background: #0c1733 !important;
  color: #f4f6fb !important;
  border-color: rgba(201, 162, 39, 0.22) !important;
}
html[data-clx-theme="signature"] #clx-ca-ws .eid-tbl tbody tr:hover {
  background: #102346 !important;
}
html[data-clx-theme="signature"] #clx-ca-ws .eid-matter-link {
  color: #c9a227 !important;
}
html[data-clx-theme="signature"] #clx-ca-ws .eid-pagination a {
  background: #102346 !important;
  color: #fff !important;
  border-color: #c9a227 !important;
}
html[data-clx-theme="signature"] #clx-ca-ws .eid-pagination a.active {
  background: linear-gradient(180deg, #d2b066, #c9a227) !important;
  color: #0B1730 !important;
}

/* --------------------------------------------------------------------------
   Time Tracker live timer — compact panel (no giant empty stretch)
   -------------------------------------------------------------------------- */
html[data-clx-theme="signature"] #clx-time-tracker-ws .clx-ws-panel.is-compact,
html[data-clx-theme="signature"] #clx-time-tracker-ws .clx-ws-panel[data-clx-flex="0"],
html[data-clx-theme="signature"] #clx-time-tracker-ws .clx-ws-panel:has(.clx-ws-live-timer) {
  flex: 0 0 auto !important;
  max-height: none !important;
  height: auto !important;
}
html[data-clx-theme="signature"] #clx-time-tracker-ws .clx-ws-live-timer {
  color: #f4f6fb !important;
  padding: 10px 12px !important;
}
html[data-clx-theme="signature"] #clx-time-tracker-ws .clx-ws-live-timer-elapsed {
  color: #c9a227 !important;
  font-weight: 700;
}
html[data-clx-theme="signature"] #clx-time-tracker-ws .clx-ws-live-badge {
  background: #c9a227 !important;
  color: #0B1730 !important;
}

/* Timekeeping: keep summary panels compact; main entries panel grows */
html[data-clx-theme="signature"] #clx-timekeeping-ws #timekeeping-page-live {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
html[data-clx-theme="signature"] #clx-timekeeping-ws .clx-ws-panel[data-clx-flex="0"] {
  flex: 0 0 auto !important;
  max-height: 14rem;
}
html[data-clx-theme="signature"] #clx-timekeeping-ws .clx-ws-panel[data-clx-flex="0"] .clx-ws-scroll {
  max-height: 12rem;
}

/* --------------------------------------------------------------------------
   AI Agent Control Center — navy/gold, keep 3 / 4 / 2 / 5 rows, fit height
   -------------------------------------------------------------------------- */
html[data-clx-theme="signature"] body.clx-aic-page .app-content,
html[data-clx-theme="signature"] body.clx-aic-page .app-main-content,
html[data-clx-theme="signature"] body.clx-aic-page .page-body {
  background: #0c1733 !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: auto !important;
  gap: 6px;
  color: #f4f6fb !important;
  line-height: 1.25;
}
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-hero {
  flex: 0 0 auto;
  margin: 0;
  color: #fff !important;
}
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-hero h1 {
  color: #fff !important;
}
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-hero p {
  color: #b8c0d4 !important;
}
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-mark {
  background: #0f172a !important;
  color: #c9a227 !important;
  border: 1px solid #c9a227;
}
html[data-clx-theme="signature"] body.clx-aic-page #clx-aic-billing,
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-top,
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-mid,
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-bot,
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-dash {
  flex: 0 1 auto;
  min-height: 0;
}
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-top {
  display: grid !important;
  grid-template-columns: 1.05fr 0.95fr 1.15fr !important;
  gap: 6px !important;
  margin: 0 !important;
}
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-mid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin: 0 !important;
}
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-bot {
  display: grid !important;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.9fr) !important;
  gap: 6px !important;
  margin: 0 !important;
  align-items: stretch !important;
}
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-dash {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin: 0 !important;
}
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-card,
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-sum {
  background: #0c1733 !important;
  border: 1px solid #c9a227 !important;
  border-radius: 6px !important;
  color: #f4f6fb !important;
  overflow: hidden;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-card h2,
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-sum h2,
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-banner {
  background: #0f172a !important;
  color: #fff !important;
  padding: 3px 8px !important;
  flex: 0 0 auto;
}
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-card .clx-aic-body,
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-sum > p,
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-sum-act {
  background: #0c1733 !important;
  color: #f4f6fb !important;
  padding: 4px 8px !important;
  overflow-y: auto;
  min-height: 0;
  flex: 1 1 auto;
}
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-lead,
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-muted {
  color: #b8c0d4 !important;
}
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-btn,
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-save {
  background: linear-gradient(180deg, #d2b066, #c9a227) !important;
  color: #0B1730 !important;
  border-color: #0B1730 !important;
}
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-outline {
  background: transparent !important;
  color: #fff !important;
  border: 1px solid #c9a227 !important;
}
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-chip {
  background: #102346 !important;
  color: #fff !important;
  border: 1px solid #c9a227 !important;
}
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-chip.is-on {
  background: linear-gradient(180deg, #d2b066, #c9a227) !important;
  color: #0B1730 !important;
}
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic input[type="text"],
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic input[type="number"],
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic select,
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic textarea {
  background: #081129 !important;
  border: 1px solid #c9a227 !important;
  color: #fff !important;
}
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-radio,
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-check,
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-switch,
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-field {
  color: #f4f6fb !important;
}
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-rulebox,
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-note {
  background: #081129 !important;
  border: 1px solid #c9a227 !important;
  color: #f4f6fb !important;
}
/* AI Narrative Preview — Original Activity + Related Work (were white/cream) */
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-preview-src,
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-preview-out,
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-related {
  background: #081129 !important;
  border: 1px solid #c9a227 !important;
  color: #f4f6fb !important;
  padding: 6px 8px !important;
  border-radius: 4px;
}
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-preview-out {
  border-color: #d2b066 !important;
}
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-preview-src strong,
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-preview-out strong,
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-related strong,
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-related .clx-aic-h {
  color: #fff !important;
}
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-preview-src p,
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-preview-out p,
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-related li {
  color: #e9edf7 !important;
  margin: 4px 0 0;
}
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-icon {
  background: #102346 !important;
  border: 1px solid #c9a227 !important;
  color: #fff !important;
}
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-dlg {
  background: #0c1733 !important;
  color: #f4f6fb !important;
  border: 1px solid #c9a227 !important;
}
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-dlg-bar {
  background: #0f172a !important;
  color: #fff !important;
  border-bottom: 1px solid #c9a227;
}
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-dlg-body,
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-dlg-foot {
  background: #0c1733 !important;
  color: #f4f6fb !important;
  border-color: rgba(201, 162, 39, 0.35) !important;
}
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-kpi,
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-pill,
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic th {
  background: #102346 !important;
  color: #fff !important;
  border-color: #c9a227 !important;
}
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic td {
  color: #f4f6fb !important;
  border-color: rgba(201, 162, 39, 0.22) !important;
}
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-conn {
  border-bottom-color: rgba(201, 162, 39, 0.22) !important;
  color: #f4f6fb !important;
}
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-agent {
  border-bottom-color: rgba(201, 162, 39, 0.22) !important;
  color: #f4f6fb !important;
}
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-more summary,
html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-extra {
  color: #f4f6fb !important;
  border-color: rgba(201, 162, 39, 0.22) !important;
}
@media (max-width: 1100px) {
  html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-top,
  html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-mid {
    grid-template-columns: 1fr 1fr !important;
  }
  html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-dash {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 700px) {
  html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-top,
  html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-mid,
  html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-bot,
  html[data-clx-theme="signature"] body.clx-aic-page .clx-aic-dash {
    grid-template-columns: 1fr !important;
  }
}

/* --------------------------------------------------------------------------
   User Profile — two-column (48% info | 52% time) + navy/gold controls
   -------------------------------------------------------------------------- */
html[data-clx-theme="signature"] #clx-user-profile-ws #up-pane-profile.clx-up-pane,
html[data-clx-theme="signature"] #clx-user-profile-ws #up-pane-profile.is-active {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
html[data-clx-theme="signature"] #clx-user-profile-ws .clx-up-cols {
  display: grid !important;
  grid-template-columns: minmax(0, 48%) minmax(0, 52%) !important;
  gap: 10px !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  align-items: stretch !important;
}
html[data-clx-theme="signature"] #clx-user-profile-ws .clx-up-col-left,
html[data-clx-theme="signature"] #clx-user-profile-ws .clx-up-col-right {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
html[data-clx-theme="signature"] #clx-user-profile-ws .clx-ws-tab-pane:not(#up-pane-profile) {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: auto !important;
}
html[data-clx-theme="signature"] #clx-user-profile-ws .clx-ws-panel {
  flex: 0 0 auto !important;
}
html[data-clx-theme="signature"] #profile-form.clx-up-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 4px 8px !important;
  margin: 0 !important;
}
html[data-clx-theme="signature"] #profile-form.clx-up-grid > .clx-up-span2 {
  grid-column: 1 / -1 !important;
}
html[data-clx-theme="signature"] #profile-form.clx-up-grid label,
html[data-clx-theme="signature"] #profile-form.clx-up-grid .form-label {
  display: flex;
  flex-direction: column;
  gap: 1px;
  margin: 0;
  color: #fff !important;
  font-weight: 700;
}
html[data-clx-theme="signature"] #profile-form.clx-up-grid .form-control,
html[data-clx-theme="signature"] #profile-form.clx-up-grid textarea {
  padding: 2px 6px !important;
  min-height: 0 !important;
  height: auto !important;
  background: #081129 !important;
  border: 1px solid #c9a227 !important;
  color: #fff !important;
}
html[data-clx-theme="signature"] #clx-user-profile-ws .clx-up-metrics {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px 8px !important;
}
html[data-clx-theme="signature"] #clx-user-profile-ws .clx-up-shot,
html[data-clx-theme="signature"] #clx-user-profile-ws .bg-light {
  background: #081129 !important;
  border-color: #c9a227 !important;
}
html[data-clx-theme="signature"] #clx-user-profile-ws .clx-up-empty,
html[data-clx-theme="signature"] #clx-user-profile-ws .input-group-text {
  background: #102346 !important;
  color: #b8c0d4 !important;
  border-color: #c9a227 !important;
}
html[data-clx-theme="signature"] #clx-user-profile-ws .btn-primary,
html[data-clx-theme="signature"] #clx-user-profile-ws .btn-outline-primary {
  background: linear-gradient(180deg, #d2b066, #c9a227) !important;
  color: #0B1730 !important;
  border-color: #0B1730 !important;
}
html[data-clx-theme="signature"] #clx-user-profile-ws .btn-outline-secondary {
  background: transparent !important;
  color: #fff !important;
  border-color: #c9a227 !important;
}
html[data-clx-theme="signature"] #clx-user-profile-ws .fw-semibold,
html[data-clx-theme="signature"] #clx-user-profile-ws .text-success {
  color: #fff !important;
}
html[data-clx-theme="signature"] #clx-user-profile-ws .border.rounded {
  border-color: #c9a227 !important;
  background: #081129 !important;
}
html[data-clx-theme="signature"] #clx-user-profile-ws .alert {
  background: #102346 !important;
  color: #fff !important;
  border-color: #c9a227 !important;
}
html[data-clx-theme="signature"] #clx-user-profile-ws .modal-content {
  background: #0c1733 !important;
  color: #f4f6fb !important;
  border: 1px solid #c9a227 !important;
}
html[data-clx-theme="signature"] #clx-user-profile-ws .modal-header {
  background: #0f172a !important;
  color: #fff !important;
  border-bottom-color: #c9a227 !important;
}
@media (max-width: 900px) {
  html[data-clx-theme="signature"] #clx-user-profile-ws .clx-up-cols {
    grid-template-columns: 1fr !important;
    overflow: auto !important;
  }
  html[data-clx-theme="signature"] #clx-user-profile-ws .clx-up-col-left,
  html[data-clx-theme="signature"] #clx-user-profile-ws .clx-up-col-right {
    overflow: visible !important;
  }
}
@media (max-width: 700px) {
  html[data-clx-theme="signature"] #profile-form.clx-up-grid {
    grid-template-columns: 1fr !important;
  }
  html[data-clx-theme="signature"] #profile-form.clx-up-grid > .clx-up-span2 {
    grid-column: auto !important;
  }
}