/* House Media Workspace | Dark / Light styles
   Loaded after each workspace's own stylesheet.
   Dark is the existing brand design. Light retains the premium violet accents. */

.theme-toggle {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-width:94px;
  height:38px;
  padding:0 13px;
  border:1px solid #3A465A;
  background:#1A2433;
  color:#DBE1EC;
  border-radius:10px;
  font:700 12px/1 'DM Sans',system-ui,sans-serif;
  white-space:nowrap;
  transition:background .2s,border-color .2s,transform .2s;
}
.theme-toggle svg {display:block;flex:none}
.theme-toggle:hover {background:#253145;border-color:#74618C;color:#FFF}
.theme-toggle:active {transform:scale(.97)}
.theme-toggle:focus-visible {outline:2px solid #A58AD6;outline-offset:3px}
.theme-toggle-label {letter-spacing:.01em}
.secure-top-actions {display:flex;align-items:center;gap:16px}
.secure-top-actions a {font-size:12px;white-space:nowrap}
.secure-top-actions .theme-toggle {flex:none}

html[data-theme="light"] {
  color-scheme:light;
  --bg:#F4F6FA;
  --sidebar:#FFF;
  --surface:#FFF;
  --surface-2:#F8FAFD;
  --surface-3:#F1F4F9;
  --surface-hover:#EFF2F8;
  --stroke:#E1E6EE;
  --stroke-soft:#E7EBF2;
  --ink:#1A2434;
  --muted:#5C687A;
  --subtle:#7B879B;
  --purple:#62409D;
  --purple-deep:#39215F;
  --purple-light:#7650AE;
  --purple-ghost:rgba(98,64,157,.08);
  --hm-page:#F4F6FA;
  --hm-panel:#FFF;
  --hm-raised:#F7F9FC;
  --hm-stroke:#DFE5EF;
  --hm-muted:#637083;
  --hm-violet:#62409D;
  --hm-lilac:#6946A2;
  background:#F4F6FA;
  color:#1A2434;
}
html[data-theme="light"] body {
  color:#1A2434;
  background:#F4F6FA;
}
html[data-theme="light"] ::selection {background:#E2D5F3;color:#25193A}
html[data-theme="light"] ::-webkit-scrollbar-thumb {background:#C8D0DE}
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4 {color:#192338}
html[data-theme="light"] p {color:#5F6B7D}
html[data-theme="light"] a {color:inherit}
html[data-theme="light"] .theme-toggle {
  background:#FFF;
  border-color:#DAE0EA;
  color:#3A4260;
  box-shadow:0 2px 10px rgba(20,31,48,.04);
}
html[data-theme="light"] .theme-toggle:hover {
  background:#F0F3F9;
  border-color:#AD98C9;
  color:#39215F;
}

/* Preview workspace layout / navigation */
html[data-theme="light"] .workspace-main {
  background:radial-gradient(ellipse at 100% 0%,rgba(155,166,204,.12),transparent 42%),#F4F6FA;
}
html[data-theme="light"] .sidebar {
  background:#FFF;
  border-right:1px solid #E2E7EF;
}
html[data-theme="light"] .sidebar-header {color:#233048}
html[data-theme="light"] .brand-logo img,
html[data-theme="light"] header img[src="/house-media-logo-white.svg"] {
  filter:brightness(0) saturate(100%);
  opacity:.83;
}
html[data-theme="light"] .workspace-label,
html[data-theme="light"] .workspace-switcher small {color:#707C8D}
html[data-theme="light"] .workspace-dot {background:#7650AE;box-shadow:0 0 8px rgba(118,80,174,.2)}
html[data-theme="light"] .mini-tag {color:#7650AE;border-color:#D8CCE8}
html[data-theme="light"] .workspace-switcher {
  background:#F7F8FC;
  border-color:#E0E5EF;
  box-shadow:none;
}
html[data-theme="light"] .workspace-switcher strong {color:#253046}
html[data-theme="light"] .workspace-icon {background:linear-gradient(135deg,#66459C,#4E317D);border-color:#7650AE;color:#FFF}
html[data-theme="light"] .switcher-chevron {color:#8B93A5}
html[data-theme="light"] .nav-group-title {color:#8A93A2}
html[data-theme="light"] .sidebar-nav-item {
  color:#566478;
  background:transparent;
}
html[data-theme="light"] .sidebar-nav-item:hover {background:#F1F3F8;color:#1C293C}
html[data-theme="light"] .sidebar-nav-item.active {
  color:#503179;
  background:#F1ECF8;
  box-shadow:none;
}
html[data-theme="light"] .sidebar-nav-item.active:before {background:#7650AE;box-shadow:none}
html[data-theme="light"] .nav-count {background:#E9DFF4;color:#664591}
html[data-theme="light"] .sidebar-submenu {border-left-color:#E0E5EE}
html[data-theme="light"] .sidebar-subnav-item {color:#687487}
html[data-theme="light"] .sidebar-subnav-item:hover {background:#F2F5FA;color:#293249}
html[data-theme="light"] .sidebar-subnav-item.active {background:#F2EDF8;color:#644092}
html[data-theme="light"] .sidebar-subnav-dot {background:#A1A9B6}
html[data-theme="light"] .sidebar-subnav-item.active .sidebar-subnav-dot {background:#7650AE;box-shadow:none}
html[data-theme="light"] .sidebar-expander {color:#798599}
html[data-theme="light"] .sidebar-expander:hover {background:#F0F2F7;color:#62409D}
html[data-theme="light"] .sidebar-help {background:#F7F8FC;border-color:#E3E8F0;box-shadow:none}
html[data-theme="light"] .sidebar-help strong {color:#27344A}
html[data-theme="light"] .sidebar-help p {color:#707B8F}
html[data-theme="light"] .sidebar-help-icon {color:#7650AE}
html[data-theme="light"] .back-site {color:#586779}
html[data-theme="light"] .back-site:hover {color:#62409D}
html[data-theme="light"] .topbar {
  background:rgba(255,255,255,.95);
  border-bottom:1px solid #E1E6EF;
  box-shadow:0 2px 16px rgba(34,44,68,.025);
}
html[data-theme="light"] .crumb {color:#8893A3}
html[data-theme="light"] .crumb strong {color:#253248}
html[data-theme="light"] .top-date {color:#798597}
html[data-theme="light"] .topbar-divider {background:#DDE3ED}
html[data-theme="light"] .profile-avatar {background:linear-gradient(135deg,#644394,#8D6BB9);border-color:#8765B6;color:white}
html[data-theme="light"] .profile-details strong {color:#293449}
html[data-theme="light"] .profile-details small {color:#737F91}
html[data-theme="light"] .topbar-quick,
html[data-theme="light"] .icon-button {
  background:#F9FAFD;
  border-color:#DFE4ED;
  color:#596779;
}
html[data-theme="light"] .topbar-quick:hover,
html[data-theme="light"] .icon-button:hover {background:#EEF2F8;border-color:#C7D2E0;color:#39215F}
html[data-theme="light"] .app-footer {color:#8995A5}
html[data-theme="light"] .page-subtitle,
html[data-theme="light"] .panel-subtitle {color:#687487}
html[data-theme="light"] .eyebrow {color:#7450A9}

/* Metrics, dashboard, pipeline, common panels */
html[data-theme="light"] .notice {
  background:#F3F0F8;
  border-color:#E4D9EF;
  color:#566478;
}
html[data-theme="light"] .notice b {color:#4D3670}
html[data-theme="light"] .notice svg {color:#7951AA}
html[data-theme="light"] .kpi-card,
html[data-theme="light"] .panel,
html[data-theme="light"] .table-wrap,
html[data-theme="light"] .product-card,
html[data-theme="light"] .person-card {
  background:#FFF;
  border-color:#E0E6EF;
  box-shadow:0 3px 20px rgba(25,35,53,.035);
}
html[data-theme="light"] .kpi-card:after {display:none}
html[data-theme="light"] .kpi-head,
html[data-theme="light"] .kpi-note {color:#68778C}
html[data-theme="light"] .kpi-icon {
  background:#F0EBF7;
  border-color:#E4DAF0;
  color:#7550A7;
}
html[data-theme="light"] .kpi-value {color:#1B263A}
html[data-theme="light"] .kpi-note .positive {color:#168266}
html[data-theme="light"] .panel-title,
html[data-theme="light"] .summary-metrics b {color:#243044}
html[data-theme="light"] .summary-metrics {border-top-color:#E6EAF1;color:#7C8999}
html[data-theme="light"] .pipeline-track {background:#E8EDF4}
html[data-theme="light"] .pipeline-track span {background:linear-gradient(90deg,#9F8ABF,#69439F)}
html[data-theme="light"] .activity {border-bottom-color:#E7EAF1}
html[data-theme="light"] .activity-dot {background:#F2EDF8;border-color:#E2D7EE;color:#7650AE}
html[data-theme="light"] .activity-body strong,
html[data-theme="light"] .task-mini strong {color:#273248}
html[data-theme="light"] .activity-body p,
html[data-theme="light"] .task-mini small {color:#718093}
html[data-theme="light"] .activity-body time {color:#91A0AF}
html[data-theme="light"] .task-mini {
  background:#F9FAFD;
  border-color:#E4E8EF;
}
html[data-theme="light"] .quick-link,
html[data-theme="light"] .summary-chip {
  background:#FFF;
  border-color:#E2E7F0;
  color:#6E7B8E;
}
html[data-theme="light"] .quick-link:hover {background:#F3EFFA;color:#62409D}
html[data-theme="light"] .quick-link svg {color:#7650AE}
html[data-theme="light"] .summary-chip strong {color:#243046}
html[data-theme="light"] .text-link {color:#6F4BA4}
html[data-theme="light"] .text-link:hover {color:#4A2D72}

/* Buttons, search, tables */
html[data-theme="light"] .btn {
  background:#FFF;
  color:#47546A;
  border-color:#D9E1ED;
  box-shadow:none;
}
html[data-theme="light"] .btn:hover {background:#F2F5FA;border-color:#C3CBDB}
html[data-theme="light"] .btn-primary {
  background:linear-gradient(120deg,#4B2F78,#7150AB);
  border-color:#7150AB;
  color:#FFF;
}
html[data-theme="light"] .btn-primary:hover {
  background:linear-gradient(120deg,#5E3E90,#8162B6);
  border-color:#8162B6;
  color:#FFF;
}
html[data-theme="light"] .btn-quiet {background:transparent;border-color:transparent;color:#657187}
html[data-theme="light"] .btn-danger {background:#FFF2F4;border-color:#F0CFD7;color:#A33651}
html[data-theme="light"] .btn-danger:hover {background:#FDE7EC;border-color:#EAB7C5}
html[data-theme="light"] .search-box,
html[data-theme="light"] .select-small {
  background:#FFF;
  border-color:#D9E1ED;
  color:#394963;
}
html[data-theme="light"] .search-box input {color:#253349}
html[data-theme="light"] .search-box input::placeholder {color:#939FAE}
html[data-theme="light"] .select-small option {background:#FFF;color:#24334A}
html[data-theme="light"] .data-table thead {background:#F7F9FC}
html[data-theme="light"] .data-table th {
  color:#7A8799;
  border-bottom-color:#E1E7EF;
}
html[data-theme="light"] .data-table td {
  color:#59677A;
  border-bottom-color:#E9EDF3;
}
html[data-theme="light"] .data-table tbody tr:hover {background:#F7F8FC}
html[data-theme="light"] .primary-cell strong {color:#25344B}
html[data-theme="light"] .primary-cell small {color:#798699}
html[data-theme="light"] .client-monogram {
  background:#F1EBF8;
  border-color:#E2D5F1;
  color:#62409D;
}
html[data-theme="light"] .mini-avatar {background:#EBEFF6;border-color:#D7E0EC;color:#5B6480}
html[data-theme="light"] .pill {background:#F1F4F9;border-color:#DEE4ED;color:#58677C}
html[data-theme="light"] .pill.purple {background:#F2ECF8;border-color:#E3D4F0;color:#674394}
html[data-theme="light"] .pill.mint {background:#E9F8F1;border-color:#CBEBDD;color:#18775B}
html[data-theme="light"] .pill.amber {background:#FFF5E7;border-color:#F4E1BD;color:#A66312}
html[data-theme="light"] .pill.rose {background:#FFF0F3;border-color:#F4D2DD;color:#B54163}
html[data-theme="light"] .pill.blue {background:#EDF3FD;border-color:#D3E1FA;color:#365E98}
html[data-theme="light"] .action-icon {
  background:#F7F9FC;
  border-color:#DEE5EF;
  color:#647187;
}
html[data-theme="light"] .action-icon:hover {background:#ECEFF6;border-color:#D1DAE8;color:#54357E}
html[data-theme="light"] .view-switcher {background:#F1F4F8;border-color:#E0E6EE}
html[data-theme="light"] .view-switcher-button {color:#66758B}
html[data-theme="light"] .view-switcher-button:hover {background:#E8EBF2;color:#3A4760}
html[data-theme="light"] .view-switcher-button.is-active {
  background:#FFF;
  color:#5B3689;
  box-shadow:0 2px 8px rgba(30,40,60,.06),inset 0 0 0 1px #D8CBE7;
}

/* Kanban, statuses, cards */
html[data-theme="light"] .board-column {
  background:#F0F3F8;
  border-color:#E0E6EE;
}
html[data-theme="light"] .board-col-head {border-bottom-color:#DDE4ED}
html[data-theme="light"] .board-col-head strong {color:#314057}
html[data-theme="light"] .board-count {background:#FFF;border:1px solid #E0E6EF;color:#687588}
html[data-theme="light"] .board-col-total {color:#4B5B74;border-bottom-color:#DDE4ED}
html[data-theme="light"] .board-card,
html[data-theme="light"] .board-deal-card {
  background:#FFF;
  border-color:#E0E6EE;
  box-shadow:0 2px 10px rgba(20,35,54,.03);
}
html[data-theme="light"] .board-card:hover,
html[data-theme="light"] .board-deal-card:hover {
  border-color:#B69CCE;
  box-shadow:0 9px 24px rgba(39,31,53,.07);
}
html[data-theme="light"] .board-card h3,
html[data-theme="light"] .board-deal-card h3 {color:#27354A}
html[data-theme="light"] .board-card p,
html[data-theme="light"] .board-deal-card p {color:#758296}
html[data-theme="light"] .board-card-footer {border-top-color:#E8EDF2}
html[data-theme="light"] .board-card-eyebrow {color:#77569C}
html[data-theme="light"] .board-deal-value {color:#263248}
html[data-theme="light"] .board-deal-deadline {color:#778498}
html[data-theme="light"] .board-card-status {color:#627287}
html[data-theme="light"] .board-card-status select {
  background:#F8FAFD;
  border-color:#DCE3EE;
  color:#344258;
}
html[data-theme="light"] .board-empty {border-color:#D3DCE7;color:#8A96A7}
html[data-theme="light"] .board-column.drag-over {background:#EDE8F7;border-color:#B198D2;box-shadow:inset 0 0 0 1px #CEBFE2}
html[data-theme="light"] .stage-dot {background:#8160AF}

/* Calendar and catalog / team */
html[data-theme="light"] .product-icon {background:#F0EBF8;border-color:#E0D4EE;color:#7553A9}
html[data-theme="light"] .product-card p,
html[data-theme="light"] .person-meta {color:#718094}
html[data-theme="light"] .product-card .card-controls,
html[data-theme="light"] .person-card .card-controls {border-top-color:#E8ECF3}
html[data-theme="light"] .person-avatar {background:linear-gradient(130deg,#62409D,#8563B4);border-color:#7250A2;color:white}
html[data-theme="light"] .person-head strong {color:#29354A}
html[data-theme="light"] .person-head small {color:#78869B}
html[data-theme="light"] .person-meta svg {color:#8090A7}
html[data-theme="light"] .calendar-wrap {background:#FFF;border-color:#DFE5EF}
html[data-theme="light"] .weekday-row {background:#F6F8FC;border-bottom-color:#E1E8F0}
html[data-theme="light"] .weekday-row span {color:#78869A}
html[data-theme="light"] .day-cell {border-color:#E6EBF2;color:#516076}
html[data-theme="light"] .day-cell:hover {background:#F8F9FD}
html[data-theme="light"] .day-cell.outside {opacity:.4}
html[data-theme="light"] .day-cell.today .day-number {background:#7150A7;color:white}
html[data-theme="light"] .day-cell.selected {background:#F1ECF9;outline-color:#9F80C6}
html[data-theme="light"] .calendar-entry {background:#ECE5F7;border-left-color:#9470C0;color:#624086}
html[data-theme="light"] .calendar-entry.mint {background:#E6F5EE;border-left-color:#5DA78A;color:#287C64}
html[data-theme="light"] .calendar-more {color:#738197}

/* Popovers, forms, modal, inline client */
html[data-theme="light"] .modal-dialog {
  background:#FFF;
  border-color:#DDE3EC;
  box-shadow:0 28px 85px rgba(23,37,57,.16);
}
html[data-theme="light"] .modal-head,
html[data-theme="light"] .modal-actions {border-color:#E3E8F1}
html[data-theme="light"] .modal-head p {color:#68788D}
html[data-theme="light"] .field label {color:#4C5B71}
html[data-theme="light"] .field input,
html[data-theme="light"] .field select,
html[data-theme="light"] .field textarea {
  background:#F8FAFD;
  border-color:#D7E0EA;
  color:#243248;
}
html[data-theme="light"] .field input::placeholder,
html[data-theme="light"] .field textarea::placeholder {color:#9BA5B6}
html[data-theme="light"] .field input:focus,
html[data-theme="light"] .field select:focus,
html[data-theme="light"] .field textarea:focus {border-color:#9E80C6;box-shadow:0 0 0 3px #EDE5F7}
html[data-theme="light"] .field option {background:#FFF;color:#243248}
html[data-theme="light"] .deal-client-picker {background:#F7F9FC;border-color:#E0E5EF}
html[data-theme="light"] .deal-client-heading strong {color:#263248}
html[data-theme="light"] .inline-client-toggle {background:#F1EBF8;border-color:#DFD1ED;color:#6C489B}
html[data-theme="light"] .inline-client-toggle:hover,
html[data-theme="light"] .inline-client-toggle.is-active {background:#E8DDF3;border-color:#B9A3D6;color:#51347D}
html[data-theme="light"] .inline-client-fields {background:#FFF;border-color:#DDE3ED}
html[data-theme="light"] .inline-client-fields legend {color:#67459A}
html[data-theme="light"] .inline-client-fields p {color:#728094}
html[data-theme="light"] .toast {background:#FFF;border-color:#D8E0ED;color:#2F394D}
html[data-theme="light"] .toast.error {background:#FFF2F4;border-color:#E9CAD4;color:#9B334F}
html[data-theme="light"] .hm-card-context {
  background:#FFF;
  border-color:#DCE4EF;
  box-shadow:0 18px 45px rgba(30,40,60,.13);
}
html[data-theme="light"] .hm-card-context button {color:#334258}
html[data-theme="light"] .hm-card-context button:hover,
html[data-theme="light"] .hm-card-context button:focus-visible {background:#F2F4F8}
html[data-theme="light"] .hm-card-context .danger {color:#B73554}
html[data-theme="light"] .hm-context-stages {border-top-color:#E2E7EF}
html[data-theme="light"] .hm-card-more {background:#F4F7FA;border-color:#DDE5EE;color:#5D6C82}
html[data-theme="light"] .hm-card-more:hover {background:#EBE4F4;border-color:#C8B0E2;color:#63408F}

/* Secure Workspace login, lead inbox, audit and record management */
html[data-theme="light"] main {color:#1A2434}
html[data-theme="light"] header {border-bottom-color:#E1E6EE}
html[data-theme="light"] header a {color:#675087}
html[data-theme="light"] header a:hover {color:#4A2D7B}
html[data-theme="light"] .intro p,
html[data-theme="light"] .toolbar p {color:#667286}
html[data-theme="light"] .panel {background:#FFF}
html[data-theme="light"] label {color:#57667B}
html[data-theme="light"] input,
html[data-theme="light"] select {
  background:#F8FAFD;
  border-color:#D7E0EB;
  color:#24334A;
}
html[data-theme="light"] input::placeholder {color:#8D99AB}
html[data-theme="light"] input:focus,
html[data-theme="light"] select:focus {border-color:#9271BE}
html[data-theme="light"] #loginBox {background:#FFF}
html[data-theme="light"] button {
  color:#3B4960;
  background:#FFF;
  border-color:#D8E0EC;
}
html[data-theme="light"] button:hover {background:#F2F5FA;border-color:#C5CDDC}
html[data-theme="light"] #loginForm button,
html[data-theme="light"] #signupForm button,
html[data-theme="light"] #inviteForm button,
html[data-theme="light"] #recordForm button[type=submit],
html[data-theme="light"] .btn-primary {
  background:linear-gradient(120deg,#4B3079,#7050A8);
  border-color:#7050A8;
  color:#FFF;
}
html[data-theme="light"] #loginForm button:hover,
html[data-theme="light"] #signupForm button:hover,
html[data-theme="light"] #inviteForm button:hover,
html[data-theme="light"] #recordForm button[type=submit]:hover {
  background:#68479E;
  border-color:#8665B8;
  color:#FFF;
}
html[data-theme="light"] details {border-top-color:#E5E9F0;color:#626F83}
html[data-theme="light"] summary {color:#5D467A}
html[data-theme="light"] #status {color:#63418E}
html[data-theme="light"] .scroll table {background:#FFF}
html[data-theme="light"] th,
html[data-theme="light"] td {border-bottom-color:#E5EAF1;color:#526077}
html[data-theme="light"] th {color:#788699}
html[data-theme="light"] tr:hover td {background:#F7F9FC}
html[data-theme="light"] .managed-tabs {border-bottom-color:#E2E8F0}
html[data-theme="light"] .managed-tabs button {background:#F5F7FB;border-color:#E0E6EF;color:#5D6A7C}
html[data-theme="light"] .managed-tabs button:hover {background:#ECEFF5;color:#29374F}
html[data-theme="light"] .managed-tabs button.chosen {
  background:#EEE7F7;
  border-color:#D5C4EB;
  color:#63418E;
  box-shadow:inset 0 -2px 0 #7650AE;
}
html[data-theme="light"] .managed-card {background:#FBFCFE;border-color:#E1E7F0}
html[data-theme="light"] .managed-card strong {color:#283449}
html[data-theme="light"] .managed-card small {color:#75839A}
html[data-theme="light"] .managed-card button,
html[data-theme="light"] .managed-actions button {background:#FFF;border-color:#D9E1EC;color:#58677C}
html[data-theme="light"] .managed-card button:hover,
html[data-theme="light"] .managed-actions button:hover {background:#F0F3F8;border-color:#BBC7D5;color:#44325E}
html[data-theme="light"] #managedEditor {border-top-color:#E4EAF2}
html[data-theme="light"] #recordStatus {color:#66458F}

/* Correct global button overrides for the preview's CTA priority */
html[data-theme="light"] .app-shell .btn-primary {color:#FFF}
html[data-theme="light"] .app-shell .pill {border-style:solid}

@media (max-width:620px) {
  .theme-toggle {min-width:42px;width:42px;height:38px;padding:0}
  .theme-toggle-label {display:none}
  .secure-top-actions {gap:8px}
  .secure-top-actions a {font-size:11px}
}
@media (prefers-reduced-motion:reduce) {
  .theme-toggle {transition:none}
}


/* Light workspace + persistent dark sidebar
   Only the content area, header, forms and cards switch to Light.
   The sidebar keeps the same dark palette and white official logo. */
html[data-theme="light"] .sidebar {
  background:linear-gradient(180deg,#0E1320 0%,#0A0E18 100%);
  border-right-color:#253042;
  color:#F3F5FA;
}
html[data-theme="light"] .sidebar .sidebar-header {color:#F3F5FA}
html[data-theme="light"] .sidebar .brand-logo img {
  filter:none;
  opacity:1;
}
html[data-theme="light"] .sidebar .workspace-label,
html[data-theme="light"] .sidebar .workspace-switcher small {color:#9BA6B8}
html[data-theme="light"] .sidebar .workspace-dot {
  background:#9776CF;
  box-shadow:0 0 9px rgba(151,118,207,.35);
}
html[data-theme="light"] .sidebar .mini-tag {
  color:#C5ACF0;
  border-color:#4E376C;
}
html[data-theme="light"] .sidebar .workspace-switcher {
  background:#141B29;
  border-color:#303B4E;
  box-shadow:none;
}
html[data-theme="light"] .sidebar .workspace-switcher strong {color:#F3F5FA}
html[data-theme="light"] .sidebar .workspace-icon {
  background:linear-gradient(145deg,#65428F,#352552);
  border-color:#7650AE;
  color:#FFF;
}
html[data-theme="light"] .sidebar .switcher-chevron {color:#8C9AB0}
html[data-theme="light"] .sidebar .nav-group-title {color:#79869A}
html[data-theme="light"] .sidebar .sidebar-nav-item {
  color:#ABB5C6;
  background:transparent;
}
html[data-theme="light"] .sidebar .sidebar-nav-item:hover {
  background:#1B2533;
  color:#FFF;
}
html[data-theme="light"] .sidebar .sidebar-nav-item.active {
  background:#1F293A;
  color:#F8F7FB;
  box-shadow:inset 0 0 0 1px rgba(142,114,184,.11);
}
html[data-theme="light"] .sidebar .sidebar-nav-item.active:before {
  background:#A27BCF;
  box-shadow:0 0 8px rgba(162,123,207,.27);
}
html[data-theme="light"] .sidebar .nav-count {
  background:#3F3453;
  color:#E3D4FA;
}
html[data-theme="light"] .sidebar .sidebar-submenu {border-left-color:#344153}
html[data-theme="light"] .sidebar .sidebar-subnav-item {color:#9EAABD}
html[data-theme="light"] .sidebar .sidebar-subnav-item:hover {
  background:#1B2533;
  color:#F4F5FA;
}
html[data-theme="light"] .sidebar .sidebar-subnav-item.active {
  background:#252A3C;
  color:#D7BFF0;
}
html[data-theme="light"] .sidebar .sidebar-subnav-dot {background:#687587}
html[data-theme="light"] .sidebar .sidebar-subnav-item.active .sidebar-subnav-dot {
  background:#BA91E6;
  box-shadow:0 0 8px rgba(186,145,230,.3);
}
html[data-theme="light"] .sidebar .sidebar-expander {color:#96A2B6}
html[data-theme="light"] .sidebar .sidebar-expander:hover {
  background:#222D3C;
  color:#DCC9F6;
}
html[data-theme="light"] .sidebar .sidebar-help {
  background:#141B29;
  border-color:#313A4A;
  box-shadow:none;
}
html[data-theme="light"] .sidebar .sidebar-help strong {color:#F0F2F8}
html[data-theme="light"] .sidebar .sidebar-help p {color:#9CA8B9}
html[data-theme="light"] .sidebar .sidebar-help-icon {color:#B49BDB}
html[data-theme="light"] .sidebar .back-site {color:#ABB6C7}
html[data-theme="light"] .sidebar .back-site:hover {color:#E1C6FB}


/* HOUSE MEDIA LIGHT REFINEMENT — ICE GREY CONTENT / DARK NESTED SIDEBAR
   Preserve all functional modules and dark mode.
   Light mode: soft cool-gray surfaces rather than bright white.
   The entire sidebar, including submenu buttons, stays consistently dark. */
html[data-theme="light"] {
  --bg:#E9EEF4;
  --surface:#F2F5F9;
  --surface-2:#EDF2F7;
  --surface-3:#E5ECF4;
  --surface-hover:#E3EAF3;
  --stroke:#D6DFEA;
  --stroke-soft:#DDE5EF;
  --hm-page:#E9EEF4;
  --hm-panel:#F2F5F9;
  --hm-raised:#EBF0F6;
  --hm-stroke:#D5DEEA;
  background:#E9EEF4;
}
html[data-theme="light"] body {background:#E9EEF4}
html[data-theme="light"] .workspace-main {
  background:radial-gradient(ellipse at 100% -5%,rgba(166,182,207,.12),transparent 44%),#E9EEF4;
}
html[data-theme="light"] .topbar {
  background:rgba(239,243,248,.96);
  border-bottom-color:#D8E1EC;
}
html[data-theme="light"] .kpi-card,
html[data-theme="light"] .panel,
html[data-theme="light"] .table-wrap,
html[data-theme="light"] .product-card,
html[data-theme="light"] .person-card,
html[data-theme="light"] .calendar-wrap {
  background:#F2F5F9;
  border-color:#D6DFEA;
}
html[data-theme="light"] .kpi-card {
  background:linear-gradient(145deg,#F4F7FA,#EEF2F7);
}
html[data-theme="light"] .task-mini,
html[data-theme="light"] .quick-link,
html[data-theme="light"] .summary-chip {
  background:#EDF2F7;
  border-color:#D8E1EC;
}
html[data-theme="light"] .quick-link:hover {background:#E8E3F2}
html[data-theme="light"] .data-table thead,
html[data-theme="light"] .weekday-row {background:#E9EEF5}
html[data-theme="light"] .data-table tbody tr:hover,
html[data-theme="light"] .day-cell:hover {background:#E8EDF5}
html[data-theme="light"] .board-column {
  background:#E4EAF2;
  border-color:#D4DEEA;
}
html[data-theme="light"] .board-card,
html[data-theme="light"] .board-deal-card {
  background:#F4F6F9;
  border-color:#D8E0EA;
}
html[data-theme="light"] .board-column.drag-over {background:#E8E3F2}
html[data-theme="light"] .board-count {background:#EDF2F7}
html[data-theme="light"] .calendar-entry {background:#E9E1F4}
html[data-theme="light"] .search-box,
html[data-theme="light"] .select-small,
html[data-theme="light"] .board-card-status select,
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] .field input,
html[data-theme="light"] .field select,
html[data-theme="light"] .field textarea {
  background:#EDF2F7;
  border-color:#D3DDEA;
}
html[data-theme="light"] .modal-dialog,
html[data-theme="light"] .inline-client-fields,
html[data-theme="light"] .hm-card-context {
  background:#F2F5F9;
}
html[data-theme="light"] .deal-client-picker,
html[data-theme="light"] .notice {background:#E9EDF5}
html[data-theme="light"] .managed-card {background:#EFF3F8;border-color:#D8E1EC}
html[data-theme="light"] .managed-tabs button,
html[data-theme="light"] .managed-card button,
html[data-theme="light"] .managed-actions button,
html[data-theme="light"] .action-icon,
html[data-theme="light"] .topbar-quick,
html[data-theme="light"] .icon-button {
  background:#EAF0F6;
  border-color:#D3DDEA;
}
html[data-theme="light"] .managed-tabs button:hover,
html[data-theme="light"] .managed-card button:hover,
html[data-theme="light"] .managed-actions button:hover {
  background:#E0E8F2;
}
html[data-theme="light"] .theme-toggle {background:#EAF0F6;border-color:#D3DDEA}
html[data-theme="light"] .theme-toggle:hover {background:#E2E9F2}
html[data-theme="light"] .btn:not(.btn-primary):not(.btn-danger) {
  background:#EDF2F7;
  border-color:#D4DDE9;
}
html[data-theme="light"] .btn:not(.btn-primary):not(.btn-danger):hover {
  background:#E4EAF3;
}

/* Override generic Light-mode button rule for nested sidebar controls.
   Explicit backgrounds are necessary because the broad button selector
   otherwise paints every submenu entry white. */
html[data-theme="light"] .sidebar,
html[data-theme="light"] .sidebar-navigation,
html[data-theme="light"] .sidebar-tree,
html[data-theme="light"] .sidebar-tree-row,
html[data-theme="light"] .sidebar-submenu {
  background:transparent;
}
html[data-theme="light"] .sidebar {
  background:linear-gradient(180deg,#0E1320 0%,#0A0E18 100%);
  border-right-color:#253042;
}
html[data-theme="light"] .sidebar .sidebar-submenu {
  border-left-color:#344153;
}
html[data-theme="light"] .sidebar .sidebar-nav-item,
html[data-theme="light"] .sidebar .sidebar-subnav-item,
html[data-theme="light"] .sidebar .sidebar-expander {
  background:transparent;
  border-color:transparent;
  color:#ABB6C7;
  box-shadow:none;
}
html[data-theme="light"] .sidebar .sidebar-nav-item:hover,
html[data-theme="light"] .sidebar .sidebar-subnav-item:hover,
html[data-theme="light"] .sidebar .sidebar-expander:hover {
  background:#1B2533;
  color:#F7F8FC;
}
html[data-theme="light"] .sidebar .sidebar-nav-item.active {
  background:#1F293A;
  color:#F7F8FC;
  box-shadow:inset 0 0 0 1px rgba(150,120,190,.12);
}
html[data-theme="light"] .sidebar .sidebar-subnav-item.active {
  background:#242C3E;
  color:#DCC9F2;
  box-shadow:inset 0 0 0 1px rgba(143,107,189,.1);
}
html[data-theme="light"] .sidebar .sidebar-expander.open {
  color:#C6A7E8;
}
html[data-theme="light"] .sidebar .sidebar-nav-item.active:before {
  background:#A27BCF;
  box-shadow:0 0 8px rgba(162,123,207,.26);
}
html[data-theme="light"] .sidebar .sidebar-subnav-item.active .sidebar-subnav-dot {
  background:#BA91E6;
}
html[data-theme="light"] .sidebar .sidebar-help {
  background:#141B29;
  border-color:#313A4A;
}
html[data-theme="light"] .sidebar .brand-logo img {
  filter:none;
  opacity:1;
}


/* LIGHT MODE — PINNED EDITOR FOOTER
   Keep the bottom save/add action in the ice-gray palette. */
html[data-theme="light"] .modal-actions {
  background:#EDF2F7;
  border-top-color:#D5DFEA;
  box-shadow:0 -6px 16px rgba(33,47,66,.05);
}
html[data-theme="light"] .modal-form {
  scrollbar-color:#BDC8D8 #EEF2F7;
}
html[data-theme="light"] .modal-actions .btn-primary {
  background:linear-gradient(120deg,#4B3079,#7050A8);
  border-color:#7050A8;
  color:#FFF;
}