/* Growthhosting Workspace | Dark / Light styles
   Loaded after each workspace's own stylesheet.
   Dark is the existing brand design. Light retains the premium jade 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 #4a4a4a;
  background:#272727;
  color:#e3e3e3;
  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:#353535;border-color:#45A882;color:#FFF}
.theme-toggle:active {transform:scale(.97)}
.theme-toggle:focus-visible {outline:2px solid #84DCBA;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:#f7f7f7;
  --sidebar:#FFF;
  --surface:#FFF;
  --surface-2:#fbfbfb;
  --surface-3:#f5f5f5;
  --surface-hover:#f3f3f3;
  --stroke:#e8e8e8;
  --stroke-soft:#ededed;
  --ink:#272727;
  --muted:#6b6b6b;
  --subtle:#8b8b8b;
  --jade:#39A47B;
  --jade-deep:#1C6448;
  --jade-light:#48B68C;
  --jade-ghost:rgba(57,164,123,.08);
  --hm-page:#f7f7f7;
  --hm-panel:#FFF;
  --hm-raised:#fafafa;
  --hm-stroke:#e7e7e7;
  --hm-muted:#737373;
  --hm-jade:#39A47B;
  --hm-mint:#3FA980;
  background:#f7f7f7;
  color:#272727;
}
html[data-theme="light"] body {
  color:#272727;
  background:#f7f7f7;
}
html[data-theme="light"] ::selection {background:#D3F5E8;color:#163D2E}
html[data-theme="light"] ::-webkit-scrollbar-thumb {background:#d3d3d3}
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4 {color:#292929}
html[data-theme="light"] p {color:#6e6e6e}
html[data-theme="light"] a {color:inherit}
html[data-theme="light"] .theme-toggle {
  background:#FFF;
  border-color:#e2e2e2;
  color:#4d4d4d;
  box-shadow:0 2px 10px rgba(34,34,34,.04);
}
html[data-theme="light"] .theme-toggle:hover {
  background:#f4f4f4;
  border-color:#90D1B8;
  color:#1C6448;
}

/* Preview workspace layout / navigation */
html[data-theme="light"] .workspace-main {
  background:radial-gradient(ellipse at 100% 0%,rgba(179,179,179,.12),transparent 42%),#f7f7f7;
}
html[data-theme="light"] .sidebar {
  background:#FFF;
  border-right:1px solid #e9e9e9;
}
html[data-theme="light"] .sidebar-header {color:#363636}
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:#7f7f7f}
html[data-theme="light"] .workspace-dot {background:#48B68C;box-shadow:0 0 8px rgba(72,182,140,.2)}
html[data-theme="light"] .mini-tag {color:#48B68C;border-color:#CAEADE}
html[data-theme="light"] .workspace-switcher {
  background:#fafafa;
  border-color:#e8e8e8;
  box-shadow:none;
}
html[data-theme="light"] .workspace-switcher strong {color:#363636}
html[data-theme="light"] .workspace-icon {background:linear-gradient(135deg,#3EA37C,#2B8361);border-color:#48B68C;color:#FFF}
html[data-theme="light"] .switcher-chevron {color:#989898}
html[data-theme="light"] .nav-group-title {color:#969696}
html[data-theme="light"] .sidebar-nav-item {
  color:#676767;
  background:transparent;
}
html[data-theme="light"] .sidebar-nav-item:hover {background:#f4f4f4;color:#2c2c2c}
html[data-theme="light"] .sidebar-nav-item.active {
  color:#2B7F5F;
  background:#EBF9F4;
  box-shadow:none;
}
html[data-theme="light"] .sidebar-nav-item.active:before {background:#48B68C;box-shadow:none}
html[data-theme="light"] .nav-count {background:#DDF6EC;color:#3E9875}
html[data-theme="light"] .sidebar-submenu {border-left-color:#e7e7e7}
html[data-theme="light"] .sidebar-subnav-item {color:#787878}
html[data-theme="light"] .sidebar-subnav-item:hover {background:#f6f6f6;color:#393939}
html[data-theme="light"] .sidebar-subnav-item.active {background:#ECF9F4;color:#399974}
html[data-theme="light"] .sidebar-subnav-dot {background:#acacac}
html[data-theme="light"] .sidebar-subnav-item.active .sidebar-subnav-dot {background:#48B68C;box-shadow:none}
html[data-theme="light"] .sidebar-expander {color:#898989}
html[data-theme="light"] .sidebar-expander:hover {background:#f3f3f3;color:#39A47B}
html[data-theme="light"] .sidebar-help {background:#fafafa;border-color:#eaeaea;box-shadow:none}
html[data-theme="light"] .sidebar-help strong {color:#393939}
html[data-theme="light"] .sidebar-help p {color:#808080}
html[data-theme="light"] .sidebar-help-icon {color:#48B68C}
html[data-theme="light"] .back-site {color:#696969}
html[data-theme="light"] .back-site:hover {color:#39A47B}
html[data-theme="light"] .topbar {
  background:rgba(255,255,255,.95);
  border-bottom:1px solid #e8e8e8;
  box-shadow:0 2px 16px rgba(51,51,51,.025);
}
html[data-theme="light"] .crumb {color:#959595}
html[data-theme="light"] .crumb strong {color:#373737}
html[data-theme="light"] .top-date {color:#888888}
html[data-theme="light"] .topbar-divider {background:#e5e5e5}
html[data-theme="light"] .profile-avatar {background:linear-gradient(135deg,#3D9A76,#64C09D);border-color:#5EBD99;color:white}
html[data-theme="light"] .profile-details strong {color:#393939}
html[data-theme="light"] .profile-details small {color:#828282}
html[data-theme="light"] .topbar-quick,
html[data-theme="light"] .icon-button {
  background:#fbfbfb;
  border-color:#e6e6e6;
  color:#696969;
}
html[data-theme="light"] .topbar-quick:hover,
html[data-theme="light"] .icon-button:hover {background:#f3f3f3;border-color:#d3d3d3;color:#1C6448}
html[data-theme="light"] .app-footer {color:#979797}
html[data-theme="light"] .page-subtitle,
html[data-theme="light"] .panel-subtitle {color:#787878}
html[data-theme="light"] .eyebrow {color:#48B189}

/* Metrics, dashboard, pipeline, common panels */
html[data-theme="light"] .notice {
  background:#EDF8F4;
  border-color:#D7F1E7;
  color:#676767;
}
html[data-theme="light"] .notice b {color:#30765B}
html[data-theme="light"] .notice svg {color:#49B28A}
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:#e8e8e8;
  box-shadow:0 3px 20px rgba(39,39,39,.035);
}
html[data-theme="light"] .kpi-card:after {display:none}
html[data-theme="light"] .kpi-head,
html[data-theme="light"] .kpi-note {color:#7a7a7a}
html[data-theme="light"] .kpi-icon {
  background:#EAF8F3;
  border-color:#D8F2E8;
  color:#48AF88;
}
html[data-theme="light"] .kpi-value {color:#2b2b2b}
html[data-theme="light"] .kpi-note .positive {color:#168266}
html[data-theme="light"] .panel-title,
html[data-theme="light"] .summary-metrics b {color:#343434}
html[data-theme="light"] .summary-metrics {border-top-color:#ececec;color:#8b8b8b}
html[data-theme="light"] .pipeline-track {background:#eeeeee}
html[data-theme="light"] .pipeline-track span {background:linear-gradient(90deg,#7ECBAD,#3CA67D)}
html[data-theme="light"] .activity {border-bottom-color:#ececec}
html[data-theme="light"] .activity-dot {background:#ECF9F4;border-color:#D5F0E6;color:#48B68C}
html[data-theme="light"] .activity-body strong,
html[data-theme="light"] .task-mini strong {color:#383838}
html[data-theme="light"] .activity-body p,
html[data-theme="light"] .task-mini small {color:#828282}
html[data-theme="light"] .activity-body time {color:#a0a0a0}
html[data-theme="light"] .task-mini {
  background:#fbfbfb;
  border-color:#eaeaea;
}
html[data-theme="light"] .quick-link,
html[data-theme="light"] .summary-chip {
  background:#FFF;
  border-color:#e9e9e9;
  color:#7e7e7e;
}
html[data-theme="light"] .quick-link:hover {background:#EBFAF4;color:#39A47B}
html[data-theme="light"] .quick-link svg {color:#48B68C}
html[data-theme="light"] .summary-chip strong {color:#353535}
html[data-theme="light"] .text-link {color:#44AB84}
html[data-theme="light"] .text-link:hover {color:#277859}

/* Buttons, search, tables */
html[data-theme="light"] .btn {
  background:#FFF;
  color:#595959;
  border-color:#e3e3e3;
  box-shadow:none;
}
html[data-theme="light"] .btn:hover {background:#f6f6f6;border-color:#cfcfcf}
html[data-theme="light"] .btn-primary {
  background:linear-gradient(120deg,#297E5D,#49B28A);
  border-color:#49B28A;
  color:#FFF;
}
html[data-theme="light"] .btn-primary:hover {
  background:linear-gradient(120deg,#379772,#5BBD97);
  border-color:#5BBD97;
  color:#FFF;
}
html[data-theme="light"] .btn-quiet {background:transparent;border-color:transparent;color:#767676}
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:#e3e3e3;
  color:#4e4e4e;
}
html[data-theme="light"] .search-box input {color:#373737}
html[data-theme="light"] .search-box input::placeholder {color:#a1a1a1}
html[data-theme="light"] .select-small option {background:#FFF;color:#373737}
html[data-theme="light"] .data-table thead {background:#fafafa}
html[data-theme="light"] .data-table th {
  color:#8a8a8a;
  border-bottom-color:#e8e8e8;
}
html[data-theme="light"] .data-table td {
  color:#6a6a6a;
  border-bottom-color:#eeeeee;
}
html[data-theme="light"] .data-table tbody tr:hover {background:#fafafa}
html[data-theme="light"] .primary-cell strong {color:#383838}
html[data-theme="light"] .primary-cell small {color:#898989}
html[data-theme="light"] .client-monogram {
  background:#EAF9F3;
  border-color:#D3F3E7;
  color:#39A47B;
}
html[data-theme="light"] .mini-avatar {background:#f1f1f1;border-color:#e2e2e2;color:#6e6e6e}
html[data-theme="light"] .pill {background:#f5f5f5;border-color:#e6e6e6;color:#6a6a6a}
html[data-theme="light"] .pill.jade {background:#EBF9F4;border-color:#D2F2E6;color:#3D9A76}
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:#f5f5f5;border-color:#e6e6e6;color:#676767}
html[data-theme="light"] .action-icon {
  background:#fafafa;
  border-color:#e7e7e7;
  color:#767676;
}
html[data-theme="light"] .action-icon:hover {background:#f1f1f1;border-color:#dddddd;color:#2F8463}
html[data-theme="light"] .view-switcher {background:#f4f4f4;border-color:#e7e7e7}
html[data-theme="light"] .view-switcher-button {color:#797979}
html[data-theme="light"] .view-switcher-button:hover {background:#ededed;color:#4d4d4d}
html[data-theme="light"] .view-switcher-button.is-active {
  background:#FFF;
  color:#2F906B;
  box-shadow:0 2px 8px rgba(45,45,45,.06),inset 0 0 0 1px #C9E9DD;
}

/* Kanban, statuses, cards */
html[data-theme="light"] .board-column {
  background:#f4f4f4;
  border-color:#e7e7e7;
}
html[data-theme="light"] .board-col-head {border-bottom-color:#e5e5e5}
html[data-theme="light"] .board-col-head strong {color:#444444}
html[data-theme="light"] .board-count {background:#FFF;border:1px solid #e8e8e8;color:#787878}
html[data-theme="light"] .board-col-total {color:#606060;border-bottom-color:#e5e5e5}
html[data-theme="light"] .board-card,
html[data-theme="light"] .board-deal-card {
  background:#FFF;
  border-color:#e7e7e7;
  box-shadow:0 2px 10px rgba(37,37,37,.03);
}
html[data-theme="light"] .board-card:hover,
html[data-theme="light"] .board-deal-card:hover {
  border-color:#96D4BC;
  box-shadow:0 9px 24px rgba(24,60,46,.07);
}
html[data-theme="light"] .board-card h3,
html[data-theme="light"] .board-deal-card h3 {color:#393939}
html[data-theme="light"] .board-card p,
html[data-theme="light"] .board-deal-card p {color:#868686}
html[data-theme="light"] .board-card-footer {border-top-color:#ededed}
html[data-theme="light"] .board-card-eyebrow {color:#46AC85}
html[data-theme="light"] .board-deal-value {color:#373737}
html[data-theme="light"] .board-deal-deadline {color:#888888}
html[data-theme="light"] .board-card-status {color:#757575}
html[data-theme="light"] .board-card-status select {
  background:#fbfbfb;
  border-color:#e5e5e5;
  color:#464646;
}
html[data-theme="light"] .board-empty {border-color:#dddddd;color:#999999}
html[data-theme="light"] .board-column.drag-over {background:#E7F8F2;border-color:#93D7BD;box-shadow:inset 0 0 0 1px #BCE5D5}
html[data-theme="light"] .stage-dot {background:#55BA93}

/* Calendar and catalog / team */
html[data-theme="light"] .product-icon {background:#EAF9F3;border-color:#D2F0E5;color:#49B38A}
html[data-theme="light"] .product-card p,
html[data-theme="light"] .person-meta {color:#838383}
html[data-theme="light"] .product-card .card-controls,
html[data-theme="light"] .person-card .card-controls {border-top-color:#eeeeee}
html[data-theme="light"] .person-avatar {background:linear-gradient(130deg,#39A47B,#5BBC97);border-color:#46AC85;color:white}
html[data-theme="light"] .person-head strong {color:#3a3a3a}
html[data-theme="light"] .person-head small {color:#8a8a8a}
html[data-theme="light"] .person-meta svg {color:#939393}
html[data-theme="light"] .calendar-wrap {background:#FFF;border-color:#e7e7e7}
html[data-theme="light"] .weekday-row {background:#f9f9f9;border-bottom-color:#e9e9e9}
html[data-theme="light"] .weekday-row span {color:#898989}
html[data-theme="light"] .day-cell {border-color:#ececec;color:#646464}
html[data-theme="light"] .day-cell:hover {background:#fbfbfb}
html[data-theme="light"] .day-cell.outside {opacity:.4}
html[data-theme="light"] .day-cell.today .day-number {background:#48AF88;color:white}
html[data-theme="light"] .day-cell.selected {background:#EBFAF4;outline-color:#7ACCAC}
html[data-theme="light"] .calendar-entry {background:#E4F8F0;border-left-color:#6AC6A3;color:#398D6D}
html[data-theme="light"] .calendar-entry.mint {background:#E6F5EE;border-left-color:#5DA78A;color:#287C64}
html[data-theme="light"] .calendar-more {color:#858585}

/* Popovers, forms, modal, inline client */
html[data-theme="light"] .modal-dialog {
  background:#FFF;
  border-color:#e5e5e5;
  box-shadow:0 28px 85px rgba(40,40,40,.16);
}
html[data-theme="light"] .modal-head,
html[data-theme="light"] .modal-actions {border-color:#eaeaea}
html[data-theme="light"] .modal-head p {color:#7b7b7b}
html[data-theme="light"] .field label {color:#5f5f5f}
html[data-theme="light"] .field input,
html[data-theme="light"] .field select,
html[data-theme="light"] .field textarea {
  background:#fbfbfb;
  border-color:#e1e1e1;
  color:#363636;
}
html[data-theme="light"] .field input::placeholder,
html[data-theme="light"] .field textarea::placeholder {color:#a9a9a9}
html[data-theme="light"] .field input:focus,
html[data-theme="light"] .field select:focus,
html[data-theme="light"] .field textarea:focus {border-color:#7ACCAC;box-shadow:0 0 0 3px #E4F8F0}
html[data-theme="light"] .field option {background:#FFF;color:#363636}
html[data-theme="light"] .deal-client-picker {background:#fafafa;border-color:#e8e8e8}
html[data-theme="light"] .deal-client-heading strong {color:#373737}
html[data-theme="light"] .inline-client-toggle {background:#EAF9F3;border-color:#CFEFE3;color:#41A27D}
html[data-theme="light"] .inline-client-toggle:hover,
html[data-theme="light"] .inline-client-toggle.is-active {background:#DBF5EB;border-color:#9FDAC3;color:#2E8362}
html[data-theme="light"] .inline-client-fields {background:#FFF;border-color:#e5e5e5}
html[data-theme="light"] .inline-client-fields legend {color:#3EA17B}
html[data-theme="light"] .inline-client-fields p {color:#838383}
html[data-theme="light"] .toast {background:#FFF;border-color:#e3e3e3;color:#3e3e3e}
html[data-theme="light"] .toast.error {background:#FFF2F4;border-color:#E9CAD4;color:#9B334F}
html[data-theme="light"] .hm-card-context {
  background:#FFF;
  border-color:#e6e6e6;
  box-shadow:0 18px 45px rgba(45,45,45,.13);
}
html[data-theme="light"] .hm-card-context button {color:#464646}
html[data-theme="light"] .hm-card-context button:hover,
html[data-theme="light"] .hm-card-context button:focus-visible {background:#f5f5f5}
html[data-theme="light"] .hm-card-context .danger {color:#B73554}
html[data-theme="light"] .hm-context-stages {border-top-color:#e9e9e9}
html[data-theme="light"] .hm-card-more {background:#f7f7f7;border-color:#e6e6e6;color:#707070}
html[data-theme="light"] .hm-card-more:hover {background:#E3F5EE;border-color:#ACE6D0;color:#3A9572}

/* Secure Workspace login, lead inbox, audit and record management */
html[data-theme="light"] main {color:#272727}
html[data-theme="light"] header {border-bottom-color:#e8e8e8}
html[data-theme="light"] header a {color:#3E9976}
html[data-theme="light"] header a:hover {color:#27815F}
html[data-theme="light"] .intro p,
html[data-theme="light"] .toolbar p {color:#767676}
html[data-theme="light"] .panel {background:#FFF}
html[data-theme="light"] label {color:#696969}
html[data-theme="light"] input,
html[data-theme="light"] select {
  background:#fbfbfb;
  border-color:#e1e1e1;
  color:#373737;
}
html[data-theme="light"] input::placeholder {color:#9c9c9c}
html[data-theme="light"] input:focus,
html[data-theme="light"] select:focus {border-color:#6BC4A2}
html[data-theme="light"] #loginBox {background:#FFF}
html[data-theme="light"] button {
  color:#4e4e4e;
  background:#FFF;
  border-color:#e2e2e2;
}
html[data-theme="light"] button:hover {background:#f6f6f6;border-color:#d1d1d1}
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,#2A7F5E,#48B088);
  border-color:#48B088;
  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:#40A57E;
  border-color:#5EBF9A;
  color:#FFF;
}
html[data-theme="light"] details {border-top-color:#ebebeb;color:#727272}
html[data-theme="light"] summary {color:#388869}
html[data-theme="light"] #status {color:#3B9472}
html[data-theme="light"] .scroll table {background:#FFF}
html[data-theme="light"] th,
html[data-theme="light"] td {border-bottom-color:#ebebeb;color:#656565}
html[data-theme="light"] th {color:#898989}
html[data-theme="light"] tr:hover td {background:#fafafa}
html[data-theme="light"] .managed-tabs {border-bottom-color:#e9e9e9}
html[data-theme="light"] .managed-tabs button {background:#f8f8f8;border-color:#e8e8e8;color:#6d6d6d}
html[data-theme="light"] .managed-tabs button:hover {background:#f1f1f1;color:#3c3c3c}
html[data-theme="light"] .managed-tabs button.chosen {
  background:#E6F8F1;
  border-color:#C1EEDD;
  color:#3B9472;
  box-shadow:inset 0 -2px 0 #48B68C;
}
html[data-theme="light"] .managed-card {background:#fdfdfd;border-color:#e9e9e9}
html[data-theme="light"] .managed-card strong {color:#393939}
html[data-theme="light"] .managed-card small {color:#888888}
html[data-theme="light"] .managed-card button,
html[data-theme="light"] .managed-actions button {background:#FFF;border-color:#e3e3e3;color:#6a6a6a}
html[data-theme="light"] .managed-card button:hover,
html[data-theme="light"] .managed-actions button:hover {background:#f4f4f4;border-color:#c8c8c8;color:#2A664F}
html[data-theme="light"] #managedEditor {border-top-color:#ebebeb}
html[data-theme="light"] #recordStatus {color:#3D9774}

/* 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,#171717 0%,#111111 100%);
  border-right-color:#343434;
  color:#f6f6f6;
}
html[data-theme="light"] .sidebar .sidebar-header {color:#f6f6f6}
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:#aaaaaa}
html[data-theme="light"] .sidebar .workspace-dot {
  background:#6FD6AF;
  box-shadow:0 0 9px rgba(111,214,175,.35);
}
html[data-theme="light"] .sidebar .mini-tag {
  color:#A8F4D7;
  border-color:#2F7459;
}
html[data-theme="light"] .sidebar .workspace-switcher {
  background:#1f1f1f;
  border-color:#3f3f3f;
  box-shadow:none;
}
html[data-theme="light"] .sidebar .workspace-switcher strong {color:#f6f6f6}
html[data-theme="light"] .sidebar .workspace-icon {
  background:linear-gradient(145deg,#3C9573,#215642);
  border-color:#48B68C;
  color:#FFF;
}
html[data-theme="light"] .sidebar .switcher-chevron {color:#9e9e9e}
html[data-theme="light"] .sidebar .nav-group-title {color:#8a8a8a}
html[data-theme="light"] .sidebar .sidebar-nav-item {
  color:#b9b9b9;
  background:transparent;
}
html[data-theme="light"] .sidebar .sidebar-nav-item:hover {
  background:#272727;
  color:#FFF;
}
html[data-theme="light"] .sidebar .sidebar-nav-item.active {
  background:#2d2d2d;
  color:#EDF8F3;
  box-shadow:inset 0 0 0 1px rgba(104,194,159,.11);
}
html[data-theme="light"] .sidebar .sidebar-nav-item.active:before {
  background:#74D6B0;
  box-shadow:0 0 8px rgba(116,214,176,.27);
}
html[data-theme="light"] .sidebar .nav-count {
  background:#27604A;
  color:#D5F9EB;
}
html[data-theme="light"] .sidebar .sidebar-submenu {border-left-color:#444444}
html[data-theme="light"] .sidebar .sidebar-subnav-item {color:#aeaeae}
html[data-theme="light"] .sidebar .sidebar-subnav-item:hover {
  background:#272727;
  color:#f7f7f7;
}
html[data-theme="light"] .sidebar .sidebar-subnav-item.active {
  background:#313131;
  color:#BBF4DE;
}
html[data-theme="light"] .sidebar .sidebar-subnav-dot {background:#787878}
html[data-theme="light"] .sidebar .sidebar-subnav-item.active .sidebar-subnav-dot {
  background:#8AEDC7;
  box-shadow:0 0 8px rgba(138,237,199,.3);
}
html[data-theme="light"] .sidebar .sidebar-expander {color:#a6a6a6}
html[data-theme="light"] .sidebar .sidebar-expander:hover {
  background:#2f2f2f;
  color:#C7F8E5;
}
html[data-theme="light"] .sidebar .sidebar-help {
  background:#1f1f1f;
  border-color:#3e3e3e;
  box-shadow:none;
}
html[data-theme="light"] .sidebar .sidebar-help strong {color:#f4f4f4}
html[data-theme="light"] .sidebar .sidebar-help p {color:#ababab}
html[data-theme="light"] .sidebar .sidebar-help-icon {color:#96E0C4}
html[data-theme="light"] .sidebar .back-site {color:#b9b9b9}
html[data-theme="light"] .sidebar .back-site:hover {color:#C9F8E6}


/* 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:#efefef;
  --surface:#f5f5f5;
  --surface-2:#f2f2f2;
  --surface-3:#ededed;
  --surface-hover:#ebebeb;
  --stroke:#e0e0e0;
  --stroke-soft:#e6e6e6;
  --hm-page:#efefef;
  --hm-panel:#f5f5f5;
  --hm-raised:#f1f1f1;
  --hm-stroke:#e0e0e0;
  background:#efefef;
}
html[data-theme="light"] body {background:#efefef}
html[data-theme="light"] .workspace-main {
  background:radial-gradient(ellipse at 100% -5%,rgba(187,187,187,.12),transparent 44%),#efefef;
}
html[data-theme="light"] .topbar {
  background:rgba(243,243,243,.96);
  border-bottom-color:#e2e2e2;
}
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:#f5f5f5;
  border-color:#e0e0e0;
}
html[data-theme="light"] .kpi-card {
  background:linear-gradient(145deg,#f7f7f7,#f3f3f3);
}
html[data-theme="light"] .task-mini,
html[data-theme="light"] .quick-link,
html[data-theme="light"] .summary-chip {
  background:#f2f2f2;
  border-color:#e2e2e2;
}
html[data-theme="light"] .quick-link:hover {background:#E2F3ED}
html[data-theme="light"] .data-table thead,
html[data-theme="light"] .weekday-row {background:#efefef}
html[data-theme="light"] .data-table tbody tr:hover,
html[data-theme="light"] .day-cell:hover {background:#efefef}
html[data-theme="light"] .board-column {
  background:#ebebeb;
  border-color:#dfdfdf;
}
html[data-theme="light"] .board-card,
html[data-theme="light"] .board-deal-card {
  background:#f7f7f7;
  border-color:#e1e1e1;
}
html[data-theme="light"] .board-column.drag-over {background:#E2F3ED}
html[data-theme="light"] .board-count {background:#f2f2f2}
html[data-theme="light"] .calendar-entry {background:#DFF6ED}
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:#f2f2f2;
  border-color:#dfdfdf;
}
html[data-theme="light"] .modal-dialog,
html[data-theme="light"] .inline-client-fields,
html[data-theme="light"] .hm-card-context {
  background:#f5f5f5;
}
html[data-theme="light"] .deal-client-picker,
html[data-theme="light"] .notice {background:#efefef}
html[data-theme="light"] .managed-card {background:#f3f3f3;border-color:#e2e2e2}
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:#f0f0f0;
  border-color:#dfdfdf;
}
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:#e9e9e9;
}
html[data-theme="light"] .theme-toggle {background:#f0f0f0;border-color:#dfdfdf}
html[data-theme="light"] .theme-toggle:hover {background:#eaeaea}
html[data-theme="light"] .btn:not(.btn-primary):not(.btn-danger) {
  background:#f2f2f2;
  border-color:#dfdfdf;
}
html[data-theme="light"] .btn:not(.btn-primary):not(.btn-danger):hover {
  background:#ececec;
}

/* 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,#171717 0%,#111111 100%);
  border-right-color:#343434;
}
html[data-theme="light"] .sidebar .sidebar-submenu {
  border-left-color:#444444;
}
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:#b9b9b9;
  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:#272727;
  color:#fafafa;
}
html[data-theme="light"] .sidebar .sidebar-nav-item.active {
  background:#2d2d2d;
  color:#fafafa;
  box-shadow:inset 0 0 0 1px rgba(113,197,165,.12);
}
html[data-theme="light"] .sidebar .sidebar-subnav-item.active {
  background:#313131;
  color:#C6F5E3;
  box-shadow:inset 0 0 0 1px rgba(100,196,159,.1);
}
html[data-theme="light"] .sidebar .sidebar-expander.open {
  color:#A2EDD0;
}
html[data-theme="light"] .sidebar .sidebar-nav-item.active:before {
  background:#74D6B0;
  box-shadow:0 0 8px rgba(116,214,176,.26);
}
html[data-theme="light"] .sidebar .sidebar-subnav-item.active .sidebar-subnav-dot {
  background:#8AEDC7;
}
html[data-theme="light"] .sidebar .sidebar-help {
  background:#1f1f1f;
  border-color:#3e3e3e;
}
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:#f2f2f2;
  border-top-color:#e0e0e0;
  box-shadow:0 -6px 16px rgba(50,50,50,.05);
}
html[data-theme="light"] .modal-form {
  scrollbar-color:#cbcbcb #f3f3f3;
}
html[data-theme="light"] .modal-actions .btn-primary {
  background:linear-gradient(120deg,#2A7F5E,#48B088);
  border-color:#48B088;
  color:#FFF;
}