/* KONEVIX Theme System — single token layer shared across CRM & Admin Center. */
:root{accent-color:var(--color-accent,var(--blue));scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}
html,body,#app{background:var(--color-bg-page,var(--bg));color:var(--color-text-primary,var(--text))}
body,.app-shell,.app-layout,.content,.admin-hub-v2,.admin-hub,.admin-center-page{color:var(--color-text-primary,var(--text))}
.topbar,.top-bar,.header,.app-header{background:var(--color-bg-header,var(--theme-topbar));border-color:var(--color-border-default,var(--border))}
.sidebar,.side-nav,aside.sidebar,.app-sidebar{background:var(--color-bg-sidebar,var(--panel));border-color:var(--color-border-soft,var(--border))}
.sidebar .nav.active,.sidebar .nav:focus-visible,.side-nav .active{background:var(--color-surface-selected)!important;border-color:var(--color-accent)!important;color:var(--color-text-primary)!important}
.sidebar .nav:hover,.nav:not(.active):hover{background:var(--color-surface-hover)!important}
.card,.admin-hub-v2 .admin-tool-card,.admin-hub-v2 .admin-tool-section,.settings-panel,.drawer,.dropdown,.menu,.popover,.modal,.modal-dialog,.notification-popup,.toast,.tooltip,.messenger-bubble,.form-panel{border-color:var(--color-border-default)!important;color:var(--color-text-primary)!important;background-color:var(--color-surface-primary)!important}
.card .muted,.admin-hub-v2 .muted,.form-caption,.text-muted{color:var(--color-text-secondary)!important}
input,select,textarea,.form-control,[role="combobox"]{background-color:var(--input-bg)!important;color:var(--color-text-primary)!important;border-color:var(--input-border)!important}
input::placeholder,textarea::placeholder{color:var(--color-text-muted)!important;opacity:.9}
input:disabled,textarea:disabled,select:disabled,button:disabled{opacity:.53;cursor:not-allowed}
:where(button,a,[tabindex]):focus-visible{outline:2px solid var(--color-accent)!important;outline-offset:2px!important}
/* Retain a distinct keyboard focus ring instead of hiding focus on text inputs.
   The old rule suppressed both outline and shadow even for keyboard navigation. */
input:focus-visible,select:focus-visible,textarea:focus-visible,.form-control:focus-visible,[role="combobox"]:focus-visible{outline:2px solid var(--kv-focus-ring,var(--input-focus))!important;outline-offset:2px!important;border-color:var(--input-focus)!important}
.table,table,.records-journal-table,.data-table{background:var(--color-surface-primary);color:var(--color-text-primary)}
.table thead th,table thead th,.records-journal-table thead th,.data-table thead th{background:var(--table-header-bg)!important;color:var(--color-text-secondary)!important;border-bottom:1px solid var(--color-border-strong)!important}
.table tbody td,table tbody td{border-bottom:1px solid var(--color-border-soft)!important}
.table tbody tr:hover,table tbody tr:hover{background:var(--table-row-hover)!important}
.table tbody tr.selected,table tbody tr[aria-selected="true"],.data-table tr.selected{background:var(--table-row-selected)!important}
.workspace-canvas,.tw-canvas,.records-ws-canvas,.record-ws-canvas,.runtime-object-workspace{background-color:var(--theme-workspace)!important;}
.workspace-links path,.tw-links path,.records-ws-links path{stroke:var(--workspace-connector);filter:none}
.workspace-card,.workspace-node,.tw-node,.record-ws-node,.records-ws-node{color:var(--color-text-primary)!important;border-color:var(--color-border-default)}
.workspace-minimap{background:var(--workspace-minimap-bg)!important}
.messenger-message.outgoing,.message-outgoing{background:var(--color-accent-soft)!important;border-color:var(--color-info-border)!important}
.messenger-message.incoming,.message-incoming{background:var(--color-surface-secondary)!important}
.pill.success,.badge.success,.status-success{background:var(--color-success-bg)!important;color:var(--color-success)!important;border-color:var(--color-success-border)!important}
.pill.warning,.badge.warning,.status-warning{background:var(--color-warning-bg)!important;color:var(--color-warning)!important;border-color:var(--color-warning-border)!important}
.pill.danger,.badge.danger,.status-danger{background:var(--color-danger-bg)!important;color:var(--color-danger)!important;border-color:var(--color-danger-border)!important}
.chart-tooltip,.recharts-default-tooltip{background:var(--chart-tooltip-bg)!important;border-color:var(--color-border-default)!important;color:var(--color-text-primary)!important}
/* Light/Sand/Business Gray get real depth, not washed-out inverted dark. */
html[data-theme-mode="light"] .card,html[data-theme-mode="light"] .admin-tool-card,html[data-theme-mode="light"] .records-journal-toolbar{box-shadow:var(--shadow-xs)!important}
html[data-theme-mode="light"] .page-title h1,html[data-theme-mode="light"] h2,html[data-theme-mode="light"] .card-head{color:var(--color-text-primary)!important}
.btn:not(.secondary){color:var(--color-accent-text)!important}
html[data-theme-mode="light"] .pill{border:1px solid var(--color-border-soft)}
html[data-theme-mode="light"] .sidebar{box-shadow:3px 0 12px rgba(35,50,76,.04)}
/* Responsive registry-driven cards. */
.k-theme-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,206px),1fr));gap:13px;margin:12px 0;width:100%}
.k-theme-card{display:grid;grid-template-rows:auto 1fr auto;min-width:0;overflow:hidden;border:1px solid var(--color-border-default);border-radius:14px;background:var(--color-surface-primary);box-shadow:var(--shadow-xs)}
.k-theme-card.is-selected{border:2px solid var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-soft)}
.k-theme-card-preview{border:0;background:transparent;padding:9px 9px 0;cursor:pointer;display:block;width:100%;text-align:left}
.k-theme-card-preview:hover{filter:brightness(1.04)}
.k-preview-ui{height:96px;width:100%;display:flex;overflow:hidden;border:1px solid var(--k-border);border-radius:9px;background:var(--k-bg);color:var(--k-fg);box-shadow:0 4px 10px #0002}
.k-preview-sidebar{background:var(--k-panel);width:23%;display:flex;flex-direction:column;align-items:start;gap:8px;padding:12px 8px;border-right:1px solid var(--k-border)}
.k-preview-sidebar i{width:85%;height:5px;border-radius:4px;background:var(--k-border)}.k-preview-sidebar i:nth-child(2){background:var(--k-accent)}
.k-preview-content{display:flex;gap:7px;padding:17px 8px;flex:1}.k-preview-content i{display:block;flex:1;border-radius:6px;max-height:65px;background:var(--k-panel);border:1px solid var(--k-border)}.k-preview-content i:nth-child(2){background:var(--k-alt)}
.k-theme-card-info{padding:9px 12px;display:grid;gap:3px}.k-theme-card-info strong{font-size:13px}.k-theme-card-info small{color:var(--color-text-secondary);font-size:11px}.k-theme-card-info .small{font-size:10px}
.k-theme-card-actions{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-top:1px solid var(--color-border-soft);align-items:center;flex-wrap:wrap}
.k-theme-card-actions .mini{font-size:11px;padding:5px 8px}.k-theme-card-actions .check-line{margin:0;font-size:11px}
.k-theme-policy{display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding:12px;border:1px solid var(--color-border-default);border-radius:12px;background:var(--color-surface-secondary)}
.k-theme-policy label{margin:0}.k-theme-policy select{min-width:180px}
.k-theme-preview-banner{position:fixed;z-index:200000;bottom:18px;left:50%;transform:translateX(-50%);max-width:min(95vw,800px);display:flex;gap:11px;align-items:center;flex-wrap:wrap;justify-content:center;padding:12px 16px;background:var(--color-surface-elevated);border:1px solid var(--color-accent);border-radius:14px;box-shadow:var(--shadow-lg);color:var(--color-text-primary);font-weight:600}
.k-theme-preview-banner .btn,.k-theme-preview-banner .mini{margin:0}
/* Admin shares tokens; it may preserve its independent layout. */
.admin-hub-v2 .admin-tool-card:hover{border-color:var(--color-accent)!important;background:var(--color-surface-hover)!important}
.admin-context-bar{background:var(--color-surface-secondary);border-color:var(--color-border-default)}
.theme-admin-card{width:100%;max-width:none}
.theme-admin-card .k-theme-gallery{grid-template-columns:repeat(auto-fit,minmax(min(100%,205px),1fr))}
@media(max-width:720px){.k-theme-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.k-theme-policy{display:grid;gap:10px}.k-theme-preview-banner{width:calc(100% - 20px);bottom:10px}.k-preview-ui{height:76px}}
@media(max-width:430px){.k-theme-gallery{grid-template-columns:minmax(0,1fr)}}


/* v1.11.1: legacy-module compatibility. All six palettes use the SAME tokens;
   never apply permanent light/dark rules to individual business modules. */
:root{
  --component-canvas:var(--color-bg-app);
  --component-panel:var(--color-surface-primary);
  --component-panel-alt:var(--color-surface-secondary);
  --component-label:var(--color-text-secondary);
  --component-stroke:var(--color-border-default);
}
/* Profile dropdown: previous #b8c9dc on #fff was unreadable. */
.topbar .user-menu,.user-menu{
  background:var(--color-surface-elevated)!important;
  color:var(--color-text-primary)!important;
  border:1px solid var(--color-border-default)!important;
  box-shadow:var(--shadow-lg)!important;
}
.user-menu .user-menu-item,.user-menu .user-menu-item.admin-entry{
  background:transparent!important;color:var(--color-text-primary)!important;
  border:1px solid transparent!important;
}
.user-menu .user-menu-item:hover,.user-menu .user-menu-item:focus-visible{
  background:var(--color-surface-hover)!important;color:var(--color-text-primary)!important;
  border-color:var(--color-border-soft)!important;
}
.user-menu .user-menu-item.admin-entry{font-weight:700!important}
.user-menu .user-menu-item.danger-text,.user-menu .danger-text{color:var(--color-danger)!important}
.user-menu .user-menu-separator{background:var(--color-border-default)!important}
.user-menu-trigger,.user-menu-trigger .identity,.user-menu-trigger .user-menu-caret{color:var(--color-text-primary)!important}
.user-menu-trigger:hover,.user-menu-trigger[aria-expanded="true"]{background:var(--color-surface-hover)!important}
/* Shell & legacy nav elements must not inherit dark-only text colors. */
.brand,.product,.identity,.sidebar .section-label,.topbar .identity,.topbar .product{color:var(--color-text-primary)!important}
.sidebar .nav,.sidebar .nav .nav-label,.sidebar .nav .nav-caret{color:var(--color-text-primary)!important}
.topbar-navigation .nav-submenu{background:var(--color-surface-elevated)!important;color:var(--color-text-primary)!important;border-color:var(--color-border-default)!important;box-shadow:var(--shadow-md)!important}
.mini,.btn.secondary,.thread-tab,.topbar-navigation .nav,.admin-link{
  background:var(--color-surface-secondary)!important;color:var(--color-text-primary)!important;border-color:var(--color-border-default)!important;
}
.mini:hover,.btn.secondary:hover,.thread-tab:hover,.admin-link:hover{background:var(--color-surface-hover)!important;color:var(--color-text-primary)!important}
.btn:not(.secondary):not(.danger):not(.warning):not(.good),button.btn:not(.secondary):not(.danger):not(.warning):not(.good){background:var(--color-accent)!important;color:var(--color-accent-text)!important}
.btn:not(.secondary):not(.danger):not(.warning):not(.good):hover{background:var(--color-accent-hover)!important}
.btn.danger{background:var(--color-danger-bg)!important;color:var(--color-danger)!important;border:1px solid var(--color-danger-border)!important}
.btn.warning{background:var(--color-warning-bg)!important;color:var(--color-warning)!important;border:1px solid var(--color-warning-border)!important}
.btn.good{background:var(--color-success-bg)!important;color:var(--color-success)!important;border:1px solid var(--color-success-border)!important}
.pill,.status,.badge{border-color:var(--color-border-default)}
.card-head,.kanban-head,.task-column-head,.mail-toolbar,.mail-bulk-toolbar{border-color:var(--color-border-soft)!important}
.admin-context-bar,.admin-center-card,.admin-hub-v2 .admin-tool-section,.admin-hub-v2 .admin-tool-card{
  color:var(--color-text-primary)!important;background:var(--color-surface-primary)!important;border-color:var(--color-border-default)!important
}
.admin-link,.admin-contribution,.admin-contribution small,.form label,.form-caption{color:var(--color-text-secondary)!important}
/* Email tri-pane: --card, --surface-hover and --text-muted are now supplied by
   tokenMap, and these explicit roots prevent hardcoded dark fallbacks. */
.mail-page,.mail-shell,.mail-compose,.mail-registration-modal{color:var(--color-text-primary)!important}
.mail-shell,.mail-page .mail-shell{background:var(--color-surface-primary)!important;border-color:var(--color-border-default)!important}
.mail-shell .mail-rail{background:var(--color-surface-secondary)!important;color:var(--color-text-primary)!important;border-color:var(--color-border-default)!important}
.mail-shell .mail-list{background:var(--color-surface-primary)!important;color:var(--color-text-primary)!important;border-color:var(--color-border-default)!important}
.mail-shell .mail-read{background:var(--color-surface-primary)!important;color:var(--color-text-primary)!important}
.mail-rail-item,.mail-item,.mail-thread-item{color:var(--color-text-primary)!important}
.mail-rail-item:hover,.mail-rail-item.active,.mail-item:hover,.mail-item.selected{background:var(--color-surface-hover)!important}
.mail-item.unread{background:var(--color-surface-selected)!important}
.mail-item-top small,.mail-list-heading small,.mail-read-meta,.mail-rail-head,.mail-item .muted,.mail-rail .muted,.mail-read .muted,.mail-pagination{color:var(--color-text-secondary)!important}
.mail-list-items .mail-item{border-color:var(--color-border-soft)!important}
.mail-toolbar,.mail-search,.mail-list-heading,.mail-pagination,.mail-bulk-toolbar,.mail-reader-head,.mail-thread-item{border-color:var(--color-border-default)!important}
.mail-page .mail-search,.mail-page .mail-search input{background:var(--input-bg)!important;color:var(--color-text-primary)!important}
.mail-page .mail-toolbar,.mail-page .mail-bulk-toolbar,.mail-pagination{background:var(--color-surface-secondary)!important}
.mail-page .mail-attachment,.mail-admin-row,.mail-grant-row{border-color:var(--color-border-soft)!important}
.mail-compose,.mail-registration-modal{background:var(--color-surface-elevated)!important;border-color:var(--color-border-default)!important}
/* Task dashboard and Kanban: remove old navy gradients and white foregrounds. */
.tasks-hero,.content.tasks-wide-content .tasks-hero,.tasks-side-card,.task-metric-card,
.task-dashboard-column,.content.tasks-wide-content .task-dashboard-column,.task-column,
.task-dashboard-card,.task-card-v2,.task-panel-v2,.task-panel-actions,
.task-toolbar-dashboard,.task-subtask,.task-result,.attention-row{
  background:var(--color-surface-primary)!important;color:var(--color-text-primary)!important;
  border-color:var(--color-border-default)!important;
}
.tasks-hero,.content.tasks-wide-content .tasks-hero,.task-toolbar-dashboard,.task-panel-actions,
.tasks-side-card,.task-metric-card{box-shadow:var(--shadow-xs)!important}
.task-dashboard-column,.content.tasks-wide-content .task-dashboard-column,.task-column{
  background:var(--color-surface-secondary)!important;
}
.task-dashboard-card,.task-card-v2,.task-subtask,.attention-row{background:var(--color-surface-primary)!important}
.tasks-hero-copy h1,.tasks-hero-copy .muted,.task-metric-value,
.task-column-head b,.task-card-title,.task-card-assignee,.task-panel-head h2{
  color:var(--color-text-primary)!important
}
.tasks-hero-copy .eyebrow,.content.tasks-wide-content .tasks-hero-copy .eyebrow,
.task-metric-label,.task-metric-meta,.task-column-head small,.task-card-deal,
.task-card-meta,.task-card-progress span,.task-dashboard-card .muted,
.task-subtask small,.task-panel-head .muted,.task-check-item,.attention-row small,
.attention-row span,.task-legend li,.team-load-name small{
  color:var(--color-text-secondary)!important
}
.task-column-add{background:var(--color-surface-hover)!important;color:var(--color-text-primary)!important;border-color:var(--color-border-default)!important}
.task-column-add:hover{background:var(--color-surface-selected)!important;color:var(--color-text-primary)!important;border-color:var(--color-accent)!important}
.task-card-progress-bar,.team-load-bar{background:var(--color-border-soft)!important}
.task-tags span{color:var(--color-text-secondary)!important;background:var(--color-surface-secondary)!important;border-color:var(--color-border-default)!important}
.task-panel-head,.task-panel-section,.task-check-item,.task-panel-actions,.task-reminder-row,.task-history-row,.task-link-row{border-color:var(--color-border-soft)!important}
.task-check-row,.tw-list-row,.task-line{color:var(--color-text-primary)!important}
.task-completion-ring::after{background:var(--color-surface-primary)!important}
.task-completion-ring span{color:var(--color-text-primary)!important}
.task-status-badge.open{background:var(--color-info-bg)!important;color:var(--color-info)!important}
.task-status-badge.progress{background:var(--color-info-bg)!important;color:var(--color-info)!important}
.task-status-badge.waiting{background:var(--color-warning-bg)!important;color:var(--color-warning)!important}
.task-status-badge.done{background:var(--color-success-bg)!important;color:var(--color-success)!important}
.task-dashboard-card.overdue,.task-card-v2.overdue{border-left:4px solid var(--color-danger)!important}
/* Workspace: preserve positions/drag/drop/z-index/relations; recolor only. */
.workspace-canvas,.tw-canvas,.records-ws-canvas,.record-ws-canvas,.runtime-object-workspace,
.entity-workspace-page .tw-canvas{color:var(--color-text-primary)!important}
.tw-node,.tw-node-center,.tw-node.workspace-selected,.tw-node-body,
.workspace-node,.node-center,.records-ws-node,.record-ws-node,.runtime-object-card,
.tw-library,.tw-palette-item,.tw-top-palette,.tw-top-chip,.tw-result,.tw-empty-link,
.tw-top-palette-title,.workspace-palette-overlay,.workspace-canvas-hint{
  background-color:var(--color-surface-primary)!important;color:var(--color-text-primary)!important;
  border-color:var(--color-border-default)!important;
}
.tw-node-center,.node-center{background-image:none!important}
.tw-library,.tw-top-palette,.workspace-palette-overlay{background:var(--color-surface-elevated)!important}
.tw-palette-item,.tw-top-chip,.tw-result,.tw-empty-link{background:var(--color-surface-secondary)!important}
.tw-node-head,.tw-library-head,.tw-library-tip,.tw-doc-row,.tw-list-row{border-color:var(--color-border-soft)!important}
.tw-node-head h2,.tw-node-title,.tw-node-body,.tw-palette-item,.tw-palette-item div,
.tw-check-row,.tw-list-row,.tw-reminder,.tw-person,.tw-summary{color:var(--color-text-primary)!important}
.tw-kicker,.tw-task-meta,.tw-summary span,.tw-list-row small,.tw-doc-row small,
.tw-palette-item small,.tw-library-head small,.tw-top-chip small,.tw-empty-link small,
.tw-result .muted,.tw-node-body .muted,.node-title{
  color:var(--color-text-secondary)!important
}
.tw-progress{background:var(--color-border-soft)!important}
.workspace-ribbon-active .workspace-title-centered>div:first-child{color:var(--color-text-primary)!important}
.workspace-ribbon-active .workspace-title-centered h1{color:var(--color-text-primary)!important}
.workspace-ribbon-active .workspace-title-centered .muted{color:var(--color-text-secondary)!important}
.workspace-floating-tools .presence-panel,.workspace-presence-empty{background:var(--color-surface-elevated)!important;color:var(--color-text-primary)!important;border-color:var(--color-border-default)!important}
/* Do not wipe semantic accent/status colors, event-priority markers or POS customer themes. */


/* KONEVIX 1.11.2: component-level theme repair. Color only: preserve workspace
   layout, resizing, drag/drop, event semantics, and organization permissions. */

/* Navigation overlays must inherit the same surface and foreground as the shell. */
.navigation-head,.nav-collapse-toggle,.sidebar .nav-submenu,.layout .nav-submenu,
.topbar-navigation .nav-submenu,.topbar .nav-submenu {
  background:var(--color-surface-elevated)!important;
  color:var(--color-text-primary)!important;
  border-color:var(--color-border-default)!important;
}
.nav-collapse-toggle:hover,.nav-collapse-toggle:focus-visible {background:var(--color-surface-hover)!important;color:var(--color-text-primary)!important}
.sidebar .nav-submenu,.layout .nav-submenu {box-shadow:var(--shadow-md)!important}
.sidebar .nav-submenu .nav,.layout .nav-submenu .nav {background:var(--color-surface-secondary)!important;color:var(--color-text-primary)!important}
.sidebar .nav-submenu .nav:hover,.layout .nav-submenu .nav:hover {background:var(--color-surface-hover)!important}
.nav-icon,.nav-caret,.section-label {color:var(--color-text-secondary)!important}
.nav.active .nav-icon,.nav.active .nav-label{color:var(--color-text-primary)!important}

/* Task overview: all six palettes, including every nested dashboard element. */
.tasks-hero,.content.tasks-wide-content .tasks-hero,.task-metric-card,
.task-dashboard-column,.content.tasks-wide-content .task-dashboard-column,
.task-dashboard-card,.task-card-v2,.task-side-card,.tasks-side-card,.task-commandbar,
.task-vision-toolbar,.task-toolbar-dashboard,.task-toolbar,.task-panel-v2 {
  background:var(--color-surface-primary)!important;
  color:var(--color-text-primary)!important;
  border-color:var(--color-border-default)!important;
}
.task-dashboard-column,.content.tasks-wide-content .task-dashboard-column,.task-column{background:var(--color-surface-secondary)!important}
.task-metric-card{box-shadow:var(--shadow-xs)!important;position:relative;overflow:hidden}
.task-metric-card.blue{border-top:3px solid var(--color-info)!important}
.task-metric-card.cyan{border-top:3px solid var(--color-accent)!important}
.task-metric-card.red{border-top:3px solid var(--color-danger)!important}
.task-metric-card.amber{border-top:3px solid var(--color-warning)!important}
.task-metric-card.green{border-top:3px solid var(--color-success)!important}
.tasks-hero h1,.tasks-hero-copy h1,.content.tasks-wide-content .tasks-hero h1,
.task-metric-value,.task-column-head b,.task-dashboard-card b,.task-card-v2 b,
.task-dashboard-card .task-card-title,.tasks-side-card b,.task-scope.active,
.task-panel-head h2 {color:var(--color-text-primary)!important}
.tasks-hero .muted,.tasks-hero-copy .muted,.task-metric-label,.task-metric-meta,
.task-column-head small,.task-card-assignee,.task-card-deal,.task-card-meta,
.task-dashboard-card .muted,.task-toolbar-hint,.task-dashboard-card small,
.task-dashboard-column .muted,.task-card-progress span,.team-load-meter span{
  color:var(--color-text-secondary)!important;
}
.task-toolbar-dashboard button:not(.btn),.task-column-plus,.task-column-add,
.task-dashboard-column .task-column-add,.task-vision-toolbar .task-scope-segment,
.task-vision-toolbar .task-view-segment,.task-scope-segment,.task-view-segment,
.task-vision-search,.team-load-meter {
  background:var(--color-surface-secondary)!important;
  border-color:var(--color-border-default)!important;
  color:var(--color-text-primary)!important;
}
.task-scope-segment .task-scope,.task-view-segment .task-view{color:var(--color-text-secondary)!important;background:transparent!important}
.task-scope-segment .task-scope.active,.task-view-segment .task-view.active{
  background:var(--color-accent);color:var(--color-accent-text);
}
.task-dashboard-card,.task-subtask,.task-column .task-dashboard-card{background:var(--color-surface-primary)!important}
.task-card-v2{background:var(--color-surface-primary)}
.task-dashboard-column .task-column-head b{color:var(--color-text-primary)!important}
.task-card-progress-bar,.team-load-meter{background:var(--color-border-soft)!important}
.task-column-plus:hover,.task-column-add:hover,.task-toolbar-dashboard button:hover{background:var(--color-surface-hover)!important}
.task-legend,.tasks-hero-badge{color:var(--color-text-primary)!important}
.tasks-hero-badge{background:var(--color-success-bg)!important;border-color:var(--color-success-border)!important}
.task-check-item,.task-check-row,.task-panel-section,.task-line{color:var(--color-text-primary)!important}

/* Messenger: text must contrast not only with the page but inside every row.
   Incoming and outgoing colors are intentionally distinct. */
.messenger-page,.messenger-sidebar,.messenger-info,.messenger-conversation,
.messenger-chat-head,.messenger-composer,.messenger-thread-list{
  background:var(--color-surface-primary)!important;
  color:var(--color-text-primary)!important;
  border-color:var(--color-border-default)!important;
}
.messenger-messages{background:var(--color-bg-app)!important;color:var(--color-text-primary)!important}
.messenger-thread{background:var(--color-surface-primary)!important;color:var(--color-text-primary)!important;border-color:var(--color-border-soft)!important}
.messenger-thread:hover,.messenger-thread.active{background:var(--color-surface-selected)!important}
.messenger-thread-main,.messenger-thread-main b,.messenger-chat-head b,
.messenger-welcome h2,.messenger-welcome strong,.messenger-info h2{color:var(--color-text-primary)!important}
.messenger-thread-main small,.messenger-thread-meta,.messenger-chat-head small,
.messenger-participant small,.messenger-welcome,.messenger-welcome p,
.messenger-welcome .muted{color:var(--color-text-secondary)!important}
.messenger-tabs button{background:var(--color-surface-secondary)!important;color:var(--color-text-primary)!important;border-color:var(--color-border-default)!important}
.messenger-tabs button.active{background:var(--color-accent)!important;color:var(--color-accent-text)!important;border-color:var(--color-accent)!important}
.messenger-info-note,.messenger-info-card{background:var(--color-surface-secondary)!important;color:var(--color-text-secondary)!important;border-color:var(--color-border-default)!important}
.messenger-bubble,.messenger-message-row.theirs .messenger-bubble,
.workspace-chat-row.theirs .workspace-chat-bubble{background:var(--color-surface-secondary)!important;color:var(--color-text-primary)!important;border-color:var(--color-border-default)!important}
.messenger-message-row.mine .messenger-bubble,.workspace-chat-row.mine .workspace-chat-bubble{
  background:var(--color-accent-soft)!important;color:var(--color-text-primary)!important;
  border-color:var(--color-info-border)!important;
}
.messenger-bubble small,.workspace-chat-bubble small{color:var(--color-text-secondary)!important}
.messenger-composer textarea,.messenger-composer input{background:var(--input-bg)!important;color:var(--color-text-primary)!important}

/* Live Workspace palette and cards: generic component tokens + precise legacy
   selectors not caught by the 1.11.1 patch. */
.tw-library,.tw-library-head,.tw-palette-item,.workspace-palette-overlay,.tw-top-palette,
.tw-top-chip,.tw-node-head,.workspace-card-head,.tw-node-body,.workspace-card-body,
.tw-node-center,.tw-node,.workspace-node,.workspace-card,.workspace-card-primary,
.tw-node-body .tw-summary,.tw-node-body .tw-list-row,.workspace-card-empty-state {
  color:var(--color-text-primary)!important;border-color:var(--color-border-default)!important;
}
.tw-library,.workspace-palette-overlay,.tw-top-palette{background:var(--color-surface-elevated)!important}
.tw-palette-item,.tw-top-chip,.workspace-card-empty-state{background:var(--color-surface-secondary)!important}
.tw-palette-item b,.tw-list-row b,.tw-check-summary b,.tw-check-item-copy b,
.tw-check-row,.tw-check-row b,.tw-node-title b,.tw-node-body b,
.workspace-card-primary h2,.workspace-card-empty-state b{
  color:var(--color-text-primary)!important;
}
.tw-node-title small,.tw-library-head small,.tw-check-summary small,.tw-palette-item small,
.tw-list-row small,.tw-summary span,.workspace-card-empty-state small,
.tw-check-item-meta small,.tw-check-sequence,.tw-check-drag-handle,
.workspace-card .workspace-card-title small{color:var(--color-text-secondary)!important}
.tw-checklist-group,.tw-checklist-items{background:var(--color-surface-primary)!important;border-color:var(--color-border-default)!important}
.tw-checklist-group-head,.tw-check-summary,.tw-checklist-footer{background:var(--color-surface-secondary)!important;border-color:var(--color-border-soft)!important}
.tw-check-item-main,.tw-check-tree-node.depth-1>.tw-check-item-main,.tw-check-tree-node.depth-2>.tw-check-item-main{
  background:var(--color-surface-secondary)!important;color:var(--color-text-primary)!important;
  border-color:var(--color-border-default)!important;
}
.tw-check-tree-node.done>.tw-check-item-main,.tw-check-tree-node.locked>.tw-check-item-main{opacity:1!important}
.tw-check-assignee,.tw-checklist-collapse{background:var(--input-bg)!important;color:var(--color-text-primary)!important;border-color:var(--input-border)!important}
.tw-check-assignee:disabled{opacity:.65!important}
.tw-check-number,.tw-check-item-copy b{color:var(--color-text-primary)!important}
.tw-check-tree-node.done .tw-check-item-copy>b{color:var(--color-text-secondary)!important}
.tw-required-badge{color:var(--color-warning)!important;background:var(--color-warning-bg)!important;border-color:var(--color-warning-border)!important}
.tw-checklist-owner,.tw-check-sequence.active{color:var(--color-info)!important}
.tw-checklist-progress,.tw-checklist-card-progress>span,.tw-progress,.workspace-card-primary .tw-progress{background:var(--color-border-soft)!important}
.tw-checklist-progress span,.tw-checklist-card-progress i{background:var(--color-accent)!important}
.tw-message-list,.message-list,.records-message-list,.record-message-list{background:var(--color-surface-primary)!important;color:var(--color-text-primary)!important;border-color:var(--color-border-default)!important}
.tw-message-list .message,.message-list .message{background:var(--color-surface-secondary)!important;color:var(--color-text-primary)!important;border-color:var(--color-border-soft)!important}
.tw-message-list .message span,.message-list .message span{color:var(--color-text-secondary)!important}
.workspace-card-count{background:var(--color-surface-secondary)!important;color:var(--color-text-secondary)!important;border-color:var(--color-border-default)!important}
.workspace-card-primary h2,.workspace-card .workspace-card-title b{color:var(--color-text-primary)!important}
.workspace-card .workspace-card-title small{color:var(--color-text-secondary)!important}

/* Company/contact property chips in graph Workspace, also when not centered. */
.ew-field,.entity-workspace-page .ew-field,.workspace-node .ew-field,
.tw-node .ew-field,.preview-field{
  background:var(--color-surface-secondary)!important;color:var(--color-text-primary)!important;
  border-color:var(--color-border-default)!important;
}
.ew-field span,.entity-workspace-page .ew-field span,.preview-field span{color:var(--color-text-secondary)!important}
.ew-field b,.entity-workspace-page .ew-field b,.preview-field b{color:var(--color-text-primary)!important}
.ew-field a,.ew-field .ew-field-action{color:var(--color-accent)!important}
.ew-contact-details>summary,.ew-company-details>summary,.ew-linked-details>summary,
.entity-workspace-page .ew-contact-details>summary,.entity-workspace-page .ew-linked-details>summary{
  background:var(--color-surface-secondary)!important;color:var(--color-text-primary)!important;
  border-color:var(--color-border-default)!important;
}

/* Buttons, tabs and small overlays should not become dark merely because the
   old module uses custom --background, --surface or --crm-surface aliases. */
.global-notification-toast,.notification-popup,.task-filter-popover,.crm-user-dropdown,
.people-hover-card,.dropdown,.context-menu,.user-menu,.modal,.modal-head,
#modalRoot .modal-head{background:var(--color-surface-elevated)!important;color:var(--color-text-primary)!important;border-color:var(--color-border-default)!important}
.global-notification-toast span,.crm-user-option small,.people-hover-card small{color:var(--color-text-secondary)!important}
.nav-collapse-toggle{max-width:100%;white-space:nowrap}
:where(.task-commandbar,.task-toolbar,.task-vision-toolbar) :is(input,select,textarea){color:var(--color-text-primary)!important}

/* Reuse for warehouse left-nav popover and all top/side nested navigations. */
.sidebar .nav-submenu,.navigation-tree .nav-submenu,.nav-entry .nav-submenu{
  background:var(--color-surface-elevated)!important;color:var(--color-text-primary)!important;
  border:1px solid var(--color-border-default)!important;
  box-shadow:var(--shadow-md)!important;
}
/* Do not change POS customer display or published custom-color corporate logos. */

/* 1.11.2: both live graph palettes use *different* classes. The deal palette
   (uw-*) was entirely omitted from the old theme compatibility layer. */
.uw-block-palette,.tw-top-palette,.uw-block-palette.card,.tw-top-palette.card{
  background:var(--color-surface-elevated)!important;
  color:var(--color-text-primary)!important;
  border-color:var(--color-border-default)!important;
}
.uw-block-palette-title b,.tw-top-palette-title b,
.uw-palette-copy b,.tw-chip-copy b{color:var(--color-text-primary)!important}
.uw-block-palette-title small,.tw-top-palette-title small,
.uw-palette-copy small,.tw-chip-copy small{color:var(--color-text-secondary)!important}
.uw-palette-chip,.uw-palette-chip.attached,.tw-top-chip,.tw-top-chip.attached{
  background:var(--color-surface-secondary)!important;
  color:var(--color-text-primary)!important;
  border-color:var(--color-border-default)!important;
}
.uw-palette-chip.attached,.tw-top-chip.attached{
  background:var(--color-success-bg)!important;
  border-color:var(--color-success-border)!important;
}
.uw-palette-icon,.tw-chip-icon{
  background:var(--color-info-bg)!important;color:var(--color-info)!important;
}
.uw-palette-chip.attached .uw-palette-icon,.tw-top-chip.attached .tw-chip-icon,
.uw-palette-chip.attached .uw-palette-state,.tw-top-chip.attached .tw-chip-state{
  background:var(--color-success-bg)!important;color:var(--color-success)!important;
  border-color:var(--color-success-border)!important;
}
.uw-palette-state,.tw-chip-state{color:var(--color-text-secondary)!important;border-color:var(--color-border-default)!important}
.uw-palette-chip:hover,.tw-top-chip:hover{border-color:var(--color-accent)!important;background:var(--color-surface-hover)!important}


/* 1.11.3: final light-theme cleanup for real task page classes and nested menus. */
.nav-submenu,.nav-submenu::before,.nav-submenu::after,
.sidebar .nav-submenu,.layout .nav-submenu,.navigation-tree .nav-submenu,
.topbar-navigation .nav-submenu,.topbar .nav-submenu{
  background:var(--color-surface-elevated)!important;
  color:var(--color-text-primary)!important;
  border-color:var(--color-border-default)!important;
  box-shadow:var(--shadow-md)!important;
}
.nav-submenu .nav,.nav-submenu .nav:visited,
.nav-submenu .nav-label,.nav-submenu .nav-caret,.nav-submenu .nav-icon{
  color:var(--color-text-primary)!important;
}
.nav-submenu .nav{background:var(--color-surface-secondary)!important;border-color:var(--color-border-default)!important}
.nav-submenu .nav:hover,.nav-submenu .nav:focus-visible{background:var(--color-surface-hover)!important}

.tasks-vision-hero,.tasks-vision-metric,.task-vision-column,.task-vision-card,
.tasks-side-card,.task-commandbar,.task-vision-search,
.task-vision-filters .task-filter-btn,.task-filter-reset,
.tasks-vision-actions .btn.secondary,.task-column-plus{
  background:var(--color-surface-primary);
  color:var(--color-text-primary);
  border-color:var(--color-border-default);
}
.tasks-vision-hero,.task-vision-metric,.tasks-side-card,.task-commandbar,.task-vision-card{
  box-shadow:var(--shadow-xs);
}
.task-vision-column{background:var(--color-surface-secondary)}
.tasks-vision-title-row h1,.tasks-vision-titlebox .muted,.tasks-vision-star,
.task-vision-metric-label,.task-vision-metric-value,.task-vision-metric-value span,
.task-vision-column-head b,.task-vision-title,.task-vision-assignee,
.tasks-side-card b,.side-card-head b,.task-completion b{
  color:var(--color-text-primary);
}
.task-vision-subtitle,.task-vision-progress span,.task-subtask-progress,
.task-vision-meta span,.team-load-name small,.team-load-meter span,
.task-completion small,.task-toolbar-hint,.tasks-vision-titlebox .muted,
.task-vision-column .empty,.tasks-side-card .empty,.task-vision-search span,
.task-filter-reset span,.task-filter-btn span,.task-vision-filters .mini,
.tasks-vision-actions .btn.secondary,.task-column-add,
.task-vision-column-head .count{
  color:var(--color-text-secondary);
}
.tasks-vision-icon{
  background:var(--color-success-bg);
  color:var(--color-success);
  border-color:var(--color-success-border);
  box-shadow:none;
}
.tasks-vision-badge{
  background:var(--color-success-bg);
  color:var(--color-success);
  border-color:var(--color-success-border);
}
.task-vision-metric-icon{
  background:var(--color-info-bg);
  color:var(--color-info);
  box-shadow:none;
}
.task-vision-metric.red .task-vision-metric-icon{background:var(--color-danger-bg);color:var(--color-danger)}
.task-vision-metric.cyan .task-vision-metric-icon{background:var(--color-info-bg);color:var(--color-info)}
.task-vision-metric.amber .task-vision-metric-icon{background:var(--color-warning-bg);color:var(--color-warning)}
.task-vision-metric.green .task-vision-metric-icon{background:var(--color-success-bg);color:var(--color-success)}
.task-vision-metric-spark{color:var(--color-text-secondary);opacity:.9}
.task-vision-metric.red .task-vision-metric-value span{color:var(--color-danger)}
.task-vision-metric.amber .task-vision-metric-value span{color:var(--color-warning)}
.task-vision-metric.green .task-vision-metric-value span{color:var(--color-success)}
.task-vision-column-head .count,
.task-column-plus,.task-column-add,
.tasks-side-card .pill,.side-card-head .pill,
.task-vision-search,.team-load-meter{
  background:var(--color-surface-secondary);
  border-color:var(--color-border-default);
}
.task-column-plus,.task-column-add,.task-create-toolbar{color:var(--color-text-primary)}
.task-column-plus:hover,.task-column-add:hover,
.tasks-vision-actions .btn.secondary:hover,
.task-filter-reset:hover,.task-vision-filters .task-filter-btn:hover{
  background:var(--color-surface-hover);
  color:var(--color-text-primary);
}
.task-vision-card,.task-card-v2.task-vision-card,.attention-row.task-card-v2{
  background:var(--color-surface-primary);
  color:var(--color-text-primary);
  border-color:var(--color-border-default);
}
.task-vision-progress-bar,.team-load-meter,.task-completion-ring::after{
  background:var(--color-border-soft);
}
.task-vision-progress-bar i,.team-load-meter i{background:linear-gradient(90deg,var(--color-info),var(--color-success))}
.task-completion-ring{background:conic-gradient(var(--color-success) calc(var(--pct)*1%), var(--color-border-soft) 0)}
.task-completion-ring span{color:var(--color-text-primary)}
.task-vision-filters .task-filter-btn,
.task-filter-reset,
.task-vision-search input{
  background:transparent;
  color:var(--color-text-primary);
  border-color:transparent;
}
.task-vision-search input::placeholder{color:var(--color-text-secondary);opacity:1}


/* v1.11.6: Workspace Task modal/pickers are part of the same platform theme. */
.task-workspace-page .tw-observer-picker,
.task-workspace-page .tw-observer-dropdown,
.task-workspace-page .tw-observer-dropdown-head,
.task-workspace-page .tw-observer-dropdown-actions,
.task-workspace-page .tw-observer-search-row,
.task-workspace-page .tw-observer-option,
.task-workspace-page .tw-observer-select-toggle,
.task-workspace-page .tw-observer-chip,
.task-workspace-page .tw-observer-empty {
  background:var(--color-surface-elevated)!important;
  border-color:var(--color-border-default)!important;
  color:var(--color-text-primary)!important;
}
.task-workspace-page .tw-observer-picker.open .tw-observer-select-toggle,
.task-workspace-page .tw-observer-option:hover{background:var(--color-surface-hover)!important}
.task-workspace-page .tw-observer-option.selected{
  background:var(--color-success-bg)!important;
  border-color:var(--color-success-border)!important;
}
.task-workspace-page .tw-observer-option-main b,
.task-workspace-page .tw-observer-search-row input,
.task-workspace-page .tw-observer-select-toggle b{color:var(--color-text-primary)!important}
.task-workspace-page .tw-observer-option-main small,
.task-workspace-page .tw-observer-select-count,
.task-workspace-page .tw-observer-chevron,
.task-workspace-page .tw-observer-hint{color:var(--color-text-secondary)!important}
.task-workspace-page .tw-observer-search-row input::placeholder{color:var(--color-text-secondary)!important;opacity:1}
.task-workspace-page .tw-observer-dropdown{box-shadow:var(--shadow-lg)!important}
.task-workspace-page .tw-observer-option{min-width:0}
.task-workspace-page .tw-observer-option-main{min-width:0;overflow:hidden}

.task-workspace-page .task-card-expanded,
.task-workspace-page .task-expanded-head,
.task-workspace-page .task-expanded-section,
.task-workspace-page .task-expanded-section-title,
.task-workspace-page .task-expanded-summary,
.task-workspace-page .task-expanded-actions,
.task-workspace-page .task-expanded-scroll{
  background:var(--color-surface-primary)!important;
  color:var(--color-text-primary)!important;
  border-color:var(--color-border-default)!important;
}
.task-workspace-page .task-expanded-section{background:var(--color-surface-secondary)!important}
.task-workspace-page .task-expanded-section-title{background:var(--color-surface-secondary)!important}
.task-workspace-page .task-expanded-head h2,
.task-workspace-page .task-expanded-section-title b,
.task-workspace-page .task-expanded-inline-title b,
.task-workspace-page .task-expanded-summary b,
.task-workspace-page .task-expanded-progress-ring b{color:var(--color-text-primary)!important}
.task-workspace-page .task-expanded-kicker,
.task-workspace-page .task-expanded-summary small,
.task-workspace-page .task-expanded-fields label>span,
.task-workspace-page .task-expanded-split label>span,
.task-workspace-page .task-expanded-result-required,
.task-workspace-page .task-expanded-inline-title,
.task-workspace-page .task-expanded-section-title>span{color:var(--color-text-secondary)!important}
.task-workspace-page .task-expanded-fields input,
.task-workspace-page .task-expanded-fields select,
.task-workspace-page .task-expanded-split input,
.task-workspace-page .task-expanded-textarea textarea,
.task-workspace-page .task-expanded-user-select,
.task-workspace-page .task-expanded-user-select select{
  background:var(--input-bg)!important;
  border-color:var(--input-border)!important;
  color:var(--color-text-primary)!important;
}
.task-workspace-page .task-expanded-fields input::placeholder,
.task-workspace-page .task-expanded-split input::placeholder,
.task-workspace-page .task-expanded-textarea textarea::placeholder{color:var(--color-text-secondary)!important;opacity:1}
.task-workspace-page .task-expanded-summary>div,
.task-workspace-page .task-expanded-actions,
.task-workspace-page .task-expanded-head{border-color:var(--color-border-soft)!important}
.task-workspace-page .task-expanded-progress-ring{
  background:radial-gradient(circle at center,var(--color-surface-primary) 57%,transparent 59%),conic-gradient(var(--color-accent) calc(var(--progress) * 3.6deg),var(--color-border-soft) 0)!important;
  box-shadow:none!important;
}
.task-workspace-page .task-expanded-actions .btn.secondary{background:var(--color-surface-secondary)!important;color:var(--color-text-primary)!important;border-color:var(--color-border-default)!important}
.task-workspace-page .workspace-primary-meta,
.task-workspace-page .workspace-primary-footer{
  border-color:var(--color-border-default)!important;
  color:var(--color-text-secondary)!important;
}
.task-workspace-page .workspace-primary-description{
  color:var(--color-text-secondary)!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  white-space:pre-wrap!important;
  min-width:0;
  max-width:100%;
}
/* The compact/normal cards show a preview; the edit form has the complete text. */
.task-workspace-page .tw-node[data-tw-block="task"]:not(.task-card-expanded) .workspace-primary-description{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:5;
  line-clamp:5;
  max-height:8.5em;
  overflow:hidden!important;
}
.task-workspace-page .workspace-card-primary,
.task-workspace-page .workspace-card-primary-body,
.task-workspace-page .tw-node[data-tw-block="task"] .tw-node-body{min-width:0}
.task-workspace-page .workspace-primary-footer b{color:var(--color-text-primary)!important}

/* v1.11.6: Workspaces share the same semantic status/badge surfaces as the editor. */
.task-workspace-page .workspace-card-primary .workspace-card-category,
.task-workspace-page .task-status-badge.in_progress,
.task-workspace-page .task-status-badge.open{
  background:var(--color-info-bg)!important;color:var(--color-info)!important;
  border-color:var(--color-info-border)!important;
}
.task-workspace-page .task-status-badge.done{
  background:var(--color-success-bg)!important;color:var(--color-success)!important;
  border-color:var(--color-success-border)!important;
}
.task-workspace-page .task-status-badge.waiting{
  background:var(--color-warning-bg)!important;color:var(--color-warning)!important;
  border-color:var(--color-warning-border)!important;
}
.task-workspace-page .task-status-badge.cancelled{
  background:var(--color-surface-secondary)!important;color:var(--color-text-secondary)!important;
  border-color:var(--color-border-default)!important;
}
.task-workspace-page .task-priority.priority-critical,
.task-workspace-page .task-priority.priority-high{
  background:var(--color-danger-bg)!important;color:var(--color-danger)!important;
  border-color:var(--color-danger-border)!important;
}
.task-workspace-page .task-priority.priority-normal,
.task-workspace-page .task-priority.priority-low{
  background:var(--color-surface-secondary)!important;color:var(--color-text-primary)!important;
  border-color:var(--color-border-default)!important;
}
.task-workspace-page .workspace-card-primary .workspace-card-tools button,
.task-workspace-page .workspace-card-primary .node-collapse,
.task-workspace-page .workspace-card-primary .node-expand,
.task-workspace-page .workspace-card-primary .icon-btn,
.task-workspace-page .task-expanded-head-actions .icon-btn{
  background:var(--color-surface-secondary)!important;
  color:var(--color-text-primary)!important;
  border-color:var(--color-border-default)!important;
}
.task-workspace-page .workspace-card-primary .icon-btn:hover,
.task-workspace-page .task-expanded-head-actions .icon-btn:hover{
  background:var(--color-surface-hover)!important;
  color:var(--color-text-primary)!important;
}
.task-workspace-page .workspace-card-primary .workspace-primary-icon{
  background:var(--color-info-bg)!important;
  color:var(--color-info)!important;
  border-color:var(--color-info-border)!important;
  box-shadow:none!important;
}
.task-workspace-page .workspace-primary-meta>span:not(.task-priority),
.task-workspace-page .workspace-primary-progress-head span,
.task-workspace-page .workspace-primary-footer small{
  color:var(--color-text-secondary)!important;
}
.task-workspace-page .workspace-primary-progress-head b{color:var(--color-text-primary)!important}

/* Universal picker theme, including dropdown portaled to document.body. */
.crm-user-toggle,.task-workspace-page .crm-user-toggle{
 background:var(--color-surface-secondary)!important;color:var(--color-text-primary)!important;
 border:1px solid var(--color-border-default)!important;
}
.crm-user-toggle b,.crm-user-option b{color:var(--color-text-primary)!important}
.crm-user-toggle small,.crm-user-option small{color:var(--color-text-secondary)!important}
.crm-user-toggle:hover,.crm-user-toggle[aria-expanded="true"]{background:var(--color-surface-hover)!important;border-color:var(--color-accent)!important}
.crm-user-dropdown,.crm-user-dropdown.open{
 background:var(--color-surface-elevated)!important;color:var(--color-text-primary)!important;
 border:1px solid var(--color-border-default)!important;box-shadow:var(--shadow-lg)!important;
}
.crm-user-dropdown .crm-user-search{background:var(--input-bg)!important;color:var(--color-text-primary)!important;border-color:var(--input-border)!important}
.crm-user-option{background:var(--color-surface-primary)!important;color:var(--color-text-primary)!important}
.crm-user-option:hover,.crm-user-option.selected{background:var(--color-surface-selected)!important}
.crm-user-toggle:focus-visible,.crm-user-dropdown .crm-user-search:focus{outline:2px solid var(--color-accent)!important;outline-offset:1px}

/* KONEVIX 1.13: light-mode scrollbars and legacy task/editor surfaces.
   Theme tokens are defined centrally by KonevixThemeEngine. */
:root[data-theme-mode="light"]{color-scheme:light!important}
:root[data-theme-mode="light"] *{scrollbar-color:var(--scrollbar-thumb) var(--color-surface-secondary)!important}
:root[data-theme-mode="light"] *::-webkit-scrollbar{width:10px;height:10px}
:root[data-theme-mode="light"] *::-webkit-scrollbar-track{background:var(--color-surface-secondary)!important;border-radius:10px}
:root[data-theme-mode="light"] *::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)!important;border:2px solid var(--color-surface-secondary)!important;border-radius:12px}
:root[data-theme-mode="light"] *::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)!important}
:root[data-theme-mode="light"] .topbar-navigation::-webkit-scrollbar{display:none!important}
:root[data-theme-mode="light"] :is(.task-expanded-scroll,.task-expanded-textarea textarea,.modal,.modal textarea,.tg-board,.tg-member-rows,.task-filter-scroll,.task-workspace-page,.content){color-scheme:light!important}
:root[data-theme-mode="light"] :is(.modal .check-line,.modal .check-line span,.task-expanded-result-required,.task-expanded-inline-title,.task-expanded-inline-title b){background:transparent!important;color:var(--color-text-primary)!important}
:root[data-theme-mode="light"] .modal .check-line{border:1px solid var(--color-border-default)!important;border-radius:10px;padding:12px!important;background:var(--color-surface-secondary)!important}
:root[data-theme-mode="light"] :is(.task-expanded-progress-ring,.task-summary-progress-ring){background:radial-gradient(circle at center,var(--color-surface-primary) 57%,transparent 59%),conic-gradient(var(--color-accent) calc(var(--progress,0) * 3.6deg),var(--color-border-soft) 0)!important;box-shadow:none!important}
:root[data-theme-mode="light"] :is(.task-expanded-user-select,.task-expanded-user-select select){background:var(--input-bg)!important;color:var(--color-text-primary)!important;border-color:var(--input-border)!important}
:root[data-theme-mode="light"] .task-workspace-page .task-expanded-summary{color:var(--color-text-primary)!important;background:var(--color-surface-primary)!important}
:root[data-theme-mode="light"] .task-workspace-page .task-expanded-summary :is(b,small){color:var(--color-text-primary)!important}
:root[data-theme-mode="light"] .task-workspace-page .task-expanded-summary small{color:var(--color-text-secondary)!important}
:root[data-theme-mode="light"] :is(.task-expanded-section,.task-expanded-fields,.task-expanded-scroll,.task-expanded-actions){scrollbar-color:var(--scrollbar-thumb) var(--color-surface-secondary)!important}