/* Local appearance controls also belong to the existing light theme. */ :root{ --theme-bg:#F4F3EE;--theme-panel:#FFFFFF;--theme-raised:#F8F9F5; --theme-border:#DDE2D7;--theme-text:#202722;--theme-muted:#69736D; --theme-blue:#224FBE;--theme-orange:#9C3518;--theme-green:#106644; } .appearance-options{display:grid;grid-template-columns:repeat(2,minmax(0,260px));gap:16px;margin-top:24px} .appearance-option{display:grid;gap:14px;padding:13px;border:1px solid var(--theme-border);border-radius:7px;background:var(--theme-panel);color:var(--theme-text);text-align:left;cursor:pointer} .appearance-option:hover{border-color:#9DAAA1} .appearance-option.is-active{border-color:#657C6D;box-shadow:0 0 0 1px #657C6D} .appearance-option-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;font-weight:550} .appearance-option-label .icon{width:16px;height:16px} .appearance-preview{display:grid;grid-template-columns:24% 1fr;height:110px;border:1px solid #D8DED6;border-radius:4px;overflow:hidden;background:#F4F3EE} .appearance-preview-sidebar{background:#0C0E12} .appearance-preview-content{display:grid;align-content:start;gap:10px;padding:16px 13px} .appearance-preview-content i{display:block;height:11px;border-radius:2px;background:#FFF;border:1px solid #DDE2D7} .appearance-preview-content i:first-child{height:6px;width:65%;background:#727B74;border:0;margin-bottom:5px} .appearance-preview[data-preview-theme="dark"]{background:#111619;border-color:#394449} .appearance-preview[data-preview-theme="dark"] .appearance-preview-content i{background:#222A2E;border-color:#394449} .appearance-preview[data-preview-theme="dark"] .appearance-preview-content i:first-child{background:#B0BBB5} @media(max-width:540px){.appearance-options{gap:12px}.appearance-preview{height:88px}.appearance-preview-content{padding:12px 9px}.appearance-option{padding:10px}} @media screen{ :root[data-theme="dark"]{ color-scheme:dark;--theme-bg:#111619;--theme-panel:#1A2023;--theme-raised:#222A2E; --theme-border:#394449;--theme-text:#EDF1EE;--theme-muted:#B0BBB5; --theme-blue:#91B4FF;--theme-orange:#FF9A79;--theme-green:#70DCAD; --ink:var(--theme-text);--paper:var(--theme-bg);--white:var(--theme-panel); --soft:var(--theme-raised);--muted:var(--theme-muted);--line:var(--theme-border); --body-muted:var(--theme-muted);--body-line:var(--theme-border); background:var(--theme-bg);color:var(--theme-text); } :root[data-theme="dark"] body{background:var(--theme-bg);color:var(--theme-text)} :root[data-theme="dark"] [data-module]{ --module-tint:color-mix(in srgb,var(--module-color) 14%,#1A2023)!important; --module-ink:color-mix(in srgb,var(--module-color) 45%,#FFFFFF)!important; } :root[data-theme="dark"] :is(.topbar,.app-main,.content){background:var(--theme-bg)} :root[data-theme="dark"] .sidebar{background:#0B0E10;color:#ADB6B9} :root[data-theme="dark"] .org{background:#171D20;border-color:#343D42;color:var(--theme-text)} :root[data-theme="dark"] :is(.org small,.nav-label){color:#A1ADB2} :root[data-theme="dark"] :is(.subnav a:hover,.subnav a.active){color:var(--theme-text)} :root[data-theme="dark"] :is(.search-trigger,.icon-btn,.subtitle,.eyebrow,.mini-label,.numbered){color:var(--theme-muted)} :root[data-theme="dark"] :is(.top-divider,.step-line){background:var(--theme-border)} :root[data-theme="dark"] .search-trigger kbd{border-color:var(--theme-border)} :root[data-theme="dark"] :is(.top-avatar,.icon-btn:hover){background:var(--theme-raised);color:var(--theme-text)} :root[data-theme="dark"] :is(.panel,.nsd-panel,.nsd-stat,.module-card,.report-card,.knowledge-grid>button,.connector-card){background:var(--theme-panel);border-color:var(--theme-border);color:var(--theme-text)} :root[data-theme="dark"] :is(.nsd-stat:hover,.module-card:hover,.connector-card:hover,.knowledge-grid>button:hover){border-color:#6A7C73} :root[data-theme="dark"] :is(.module-card.disabled,.coming-strip,.statusbar,.governance-summary>div,.governance-boundary,.settings-users-list>div,.integration-demo-banner){background:var(--theme-raised);border-color:var(--theme-border);color:var(--theme-muted)} :root[data-theme="dark"] :is(.module-card p,.module-foot,.module-foot .icon,.module-foot b,.coming-chip,.kpi-top,.kpi-top .icon,.kpi-note,.kpi-number span,.panel-head p,.priority-item p,.priority-item>.icon,.overview-note,.report-card p,.report-card>.icon){color:var(--theme-muted)} :root[data-theme="dark"] :is(.module-foot,.coming-chip,.priority-item,.activity-row,.footer,.table-bottom,.nsd-panel-head,.notice-row,.settings-demo-note,.settings-owner,.settings-security-sections section,.integration-list>a,.support-thread>article,.governance-right-list>div){border-color:var(--theme-border)} :root[data-theme="dark"] .footer,:root[data-theme="dark"] .footer b{color:#A1AEA7} :root[data-theme="dark"] .footer .bracket{color:var(--theme-orange)} :root[data-theme="dark"] :is(.priority-icon,.count-label){background:#3A2821;color:var(--theme-orange)} :root[data-theme="dark"] .module-icon{background:var(--module-tint,#2D363A);color:var(--module-ink,var(--theme-orange))} :root[data-theme="dark"] :is(.btn,.period,.filter){border-color:var(--theme-border);background:transparent;color:var(--theme-text)} :root[data-theme="dark"] :is(.btn:hover,.period,.filter){background:var(--theme-raised)} :root[data-theme="dark"] .btn.primary{background:#EDF1EE;border-color:#EDF1EE;color:#111619} :root[data-theme="dark"] .btn.primary:hover{background:#CDD8D0;border-color:#CDD8D0} :root[data-theme="dark"] .module-theme .btn.primary{background:var(--module-action);border-color:var(--module-action);color:var(--module-on-color)} :root[data-theme="dark"] .module-theme .btn.primary:hover{background:color-mix(in srgb,var(--module-action) 85%,white);border-color:color-mix(in srgb,var(--module-action) 85%,white)} :root[data-theme="dark"] .btn.accent{background:var(--accent);border-color:var(--accent);color:#0C0E12} :root[data-theme="dark"] :is(.text-btn,.btn.quiet){color:var(--theme-muted)} :root[data-theme="dark"] :is(.text-btn:hover,.btn.quiet:hover){color:var(--theme-text)} :root[data-theme="dark"] :is(.demo-unavailable>button.btn[disabled]:disabled,.hr-course-create-disabled>button.btn:disabled){background:#262E32;border-color:#3C474B;color:#95A39B;opacity:1} :root[data-theme="dark"] :is(.demo-unavailable-hint,.hr-course-create-hint){background:#E4EBE6;color:#17221C;box-shadow:0 5px 18px #0005} :root[data-theme="dark"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea){background-color:var(--theme-raised);border-color:var(--theme-border);color:var(--theme-text)} :root[data-theme="dark"] input::placeholder,:root[data-theme="dark"] textarea::placeholder{color:#A4B0A9;opacity:1} :root[data-theme="dark"] :is(.form-grid label,.settings-form>label:not(.settings-check),.settings-check){color:var(--theme-muted)} :root[data-theme="dark"] :is(.form-grid small,.settings-form small,.form-note){color:var(--theme-muted)} :root[data-theme="dark"] .settings-form input[readonly]{background:var(--theme-panel);color:var(--theme-muted)} :root[data-theme="dark"] :is(input[type="checkbox"],input[type="radio"]){accent-color:var(--theme-green)} :root[data-theme="dark"] :focus-visible{outline-color:var(--theme-blue)} :root[data-theme="dark"] :is(.data-table,.nsd-table){color:var(--theme-text)} :root[data-theme="dark"] :is(.data-table th,.nsd-table th){background:var(--theme-raised);color:var(--theme-muted);border-color:var(--theme-border)} :root[data-theme="dark"] :is(.data-table td,.nsd-table td){color:var(--theme-text);border-color:var(--theme-border)} :root[data-theme="dark"] :is(.data-table tbody tr:hover,.nsd-table tbody tr:hover){background:#20282C} :root[data-theme="dark"] :is(.data-table td:first-child,.data-table td button.row-link,.row-link){color:var(--theme-text)} :root[data-theme="dark"] :is(.data-table td small,.nsd-table td small,.nsd-table th small,.row-link .mono){color:var(--theme-muted)} :root[data-theme="dark"] .badge{background:#2C363A;color:#CBD6CF} :root[data-theme="dark"] .badge.critical{background:#44282E;color:#FFB3BB} :root[data-theme="dark"] .badge.high{background:#443324;color:#FFC793} :root[data-theme="dark"] .badge.medium{background:#3F3B24;color:#EBDD94} :root[data-theme="dark"] .badge.good{background:#223C30;color:#8EE3B9} :root[data-theme="dark"] :is(.badge.blue,.badge.low){background:#25374A;color:#A3CAED} :root[data-theme="dark"] :is(.badge.neutral,.badge.info){background:#2C363A;color:#BBC8C0} :root[data-theme="dark"] .badge.outline{background:transparent;border-color:var(--theme-border)} :root[data-theme="dark"] :is(.progress,.severity-track){background:#303B3C} :root[data-theme="dark"] :is(.kpi-note .good,.governance-right-list .is-granted){color:var(--theme-green)} :root[data-theme="dark"] .kpi-note .bad{color:#FFACA5} :root[data-theme="dark"] .chart text{fill:var(--theme-muted)} :root[data-theme="dark"] .chart .gridline{stroke:var(--theme-border)} :root[data-theme="dark"] :is(.chart-legend,.chart-footer,.severity-bars>div,.nsd-stat>span,.nsd-stat>small,.nsd-stat>span .icon){color:var(--theme-muted)} :root[data-theme="dark"] .chart-footer{background:var(--theme-panel);border-color:var(--theme-border)} :root[data-theme="dark"] :is(.nsd-search,.command-search){background:var(--theme-raised);border-color:var(--theme-border)} :root[data-theme="dark"] :is(.nsd-search input,.command-search input){background:transparent;color:var(--theme-text)} :root[data-theme="dark"] :is(.nsd-search .icon,.command-search .icon,.command-label,.command-results a,.command-results .icon){color:var(--theme-muted)} :root[data-theme="dark"] .command-results a:hover{background:var(--theme-raised)} :root[data-theme="dark"] .nsd-segments{border-color:var(--theme-border)} :root[data-theme="dark"] .nsd-segments>button{color:var(--theme-muted)} :root[data-theme="dark"] .nsd-segments>button.active{color:var(--theme-text);border-bottom-color:var(--theme-text)} :root[data-theme="dark"] .segments{border-color:var(--theme-border)} :root[data-theme="dark"] .segments button{color:var(--theme-muted)} :root[data-theme="dark"] .segments button.active{background:var(--theme-raised);color:var(--theme-text)} :root[data-theme="dark"] :is(.notice-message .row-meta,.notice-open p,.notice-status>.icon,.notice-row.is-read .notice-open h2,.dashboard-events p,.dashboard-events time){color:var(--theme-muted)} :root[data-theme="dark"] .notice-message .notice-action-label{color:var(--theme-orange)} :root[data-theme="dark"] .notice-module{background:var(--theme-raised);color:var(--theme-muted)} :root[data-theme="dark"] :is(.notice-module[data-kind="red"],.live-symbol[data-kind="red"]){background:#392820;color:var(--theme-orange)} :root[data-theme="dark"] :is(.notice-module[data-kind="surface"],.live-symbol[data-kind="surface"]){background:#23324A;color:var(--theme-blue)} :root[data-theme="dark"] :is(.notice-module[data-kind="human"],.live-symbol[data-kind="human"]){background:#1C382C;color:var(--theme-green)} :root[data-theme="dark"] .settings-nav a{color:var(--theme-muted)} :root[data-theme="dark"] .settings-nav a:hover{background:var(--theme-panel);color:var(--theme-text)} :root[data-theme="dark"] .settings-nav a.active{background:var(--theme-raised);color:var(--theme-text)} :root[data-theme="dark"] :is(.settings-owner p,.settings-users-list p,.settings-demo-note,.settings-security-sections p,.governance-summary span,.governance-count,.governance-boundary p,.governance-right-list>div,.administrator-audit-filter){color:var(--theme-muted)} :root[data-theme="dark"] :is(.settings-grant-list,.integration-deliveries .nsd-table){border-color:var(--theme-border)} :root[data-theme="dark"] :is(.integration-list p,.integration-list>a>.icon,.connector-card>p,.connector-protocol,.connector-protocol small,.connector-destination small){color:var(--theme-muted)} :root[data-theme="dark"] .integration-list>a>span:first-child{background:var(--theme-raised);color:var(--theme-muted)} :root[data-theme="dark"] .connector-logo{background:color-mix(in srgb,var(--connector-color) 15%,#1A2023);color:color-mix(in srgb,var(--connector-color) 35%,white)} :root[data-theme="dark"] .integration-payload{background:#141B1E;color:#D9E6DE;border-color:var(--theme-border)} :root[data-theme="dark"] :is(.support-contact,.notice){background:#1D2A26;border-color:#3B5147;color:var(--theme-text)} :root[data-theme="dark"] :is(.support-contact p,.knowledge-grid small,.knowledge-grid .icon,.support-article,.support-article h3,.support-ticket-meta dt,.support-thread time,.support-thread p){color:var(--theme-muted)} :root[data-theme="dark"] :is(.support-ticket-meta dd,.support-thread strong){color:var(--theme-text)} :root[data-theme="dark"] .support-contact>.btn{background:var(--theme-raised)} :root[data-theme="dark"] .support-article a{color:var(--theme-orange)} :root[data-theme="dark"] dialog{background:var(--theme-panel);color:var(--theme-text);border-color:var(--theme-border);box-shadow:0 24px 90px #0008} :root[data-theme="dark"] dialog::backdrop{background:#03070BC4} :root[data-theme="dark"] :is(.modal-head,.modal-foot,.drawer){border-color:var(--theme-border)} :root[data-theme="dark"] :is(.modal-head p,.detail-section p,.detail-kv dt,.finding-facts dt,.finding-facts dd small,.finding-sections p,.finding-sections li,.finding-sections .finding-evidence-note,.finding-evidence-note,.attack-chain p,.attack-chain small,.chain-boundary p){color:var(--theme-muted)} :root[data-theme="dark"] :is(.detail-kv dd,.finding-facts dd,.chain-impact,.summary-row strong){color:var(--theme-text)} :root[data-theme="dark"] .evidence{background:#121A1D;color:#DAE6DF;border-color:var(--theme-border)} :root[data-theme="dark"] .notice.warning{background:#392F20;border-color:#6D5935;color:#E7CC91} :root[data-theme="dark"] .attack-chain li>span{background:#20382D;color:var(--theme-green);border-color:#4C715C} :root[data-theme="dark"] .attack-chain li.conditional>span{background:#3B3421;color:#EBDD94;border-color:#776A40} :root[data-theme="dark"] :is(.chain-boundary,.attack-chain li:before,.summary-row){border-color:var(--theme-border)} :root[data-theme="dark"] :is(.step,.step.active,.choice .icon,.summary-row){color:var(--theme-muted)} :root[data-theme="dark"] .step b{border-color:var(--theme-border)} :root[data-theme="dark"] .step.active b{background:#E1E9E2;color:#17221B;border-color:#E1E9E2} :root[data-theme="dark"] .choice{background:var(--theme-raised);border-color:var(--theme-border);color:var(--theme-text)} :root[data-theme="dark"] .choice.selected{background:#392B25;border-color:#D47B59;color:var(--theme-orange)} :root[data-theme="dark"] .choice.selected .icon{color:var(--theme-orange)} :root[data-theme="dark"] .skip{background:var(--theme-panel);color:var(--theme-text)} :root[data-theme="dark"] #toast{background:#DFE9E1;color:#19251D;box-shadow:0 6px 25px #0007} :root[data-theme="dark"] .appearance-option.is-active{border-color:var(--theme-green);box-shadow:0 0 0 1px var(--theme-green)} :root[data-theme="dark"] .appearance-option-label .icon{color:var(--theme-green)} :root[data-theme="dark"] .live-feed{background:var(--theme-panel);border-color:var(--theme-border)} :root[data-theme="dark"] :is(.live-head h2,.live-title h2,.live-text,.live-message>strong){color:var(--theme-text)} :root[data-theme="dark"] .live-event{background:var(--theme-panel);color:var(--theme-text);border-color:var(--theme-border)} :root[data-theme="dark"] :is(.live-event:hover,.live-event:focus-visible){background:var(--theme-raised)} :root[data-theme="dark"] .live-symbol{background:#2C363A;color:var(--theme-muted)} :root[data-theme="dark"] :is(.live-time,.live-empty){color:var(--theme-muted)} :root[data-theme="dark"] .live-list{scrollbar-color:#53645C transparent} :root[data-theme="dark"] .live-list::-webkit-scrollbar-thumb{background:#53645C} } @media print{:root{color-scheme:light!important}} /* Module workspaces and their dialogs. Screen-only rules keep printed evidence light. */ @media screen { /* Red Team registries, requests, run details and launch preparation. */ :root[data-theme="dark"] .rt-module { color: var(--theme-text); } :root[data-theme="dark"] :is( .rt-module .data-table td, .rt-kv dd, .rt-request-operation, .rt-request-meta > b, .rt-request-impact b, .rt-stats strong ) { color: var(--theme-text); } :root[data-theme="dark"] :is( .rt-section-head p, .rt-object-id, .rt-object-id span, .rt-run-group > h3, .rt-run-row p, .rt-run-row small, .rt-module .data-table td small, .rt-empty, .rt-kv dt, .rt-kv dd p, .rt-timeline time, .rt-timeline article > div > p, .rt-snapshot-row span, .rt-snapshot-row small, .rt-context-link, .rt-coverage, .rt-finding-line small, .rt-muted, .rt-member small, .rt-inline-form label, .rt-request-tabs button, .rt-request-meta, .rt-request-impact, .rt-request-evidence summary, .rt-request-evidence h4, .rt-request-saved, .rt-finding-meta, .rt-document-row p, .rt-document-row small, .rt-profile p, .rt-roadmap-item p, .rt-priority p, .rt-lead, .rt-stats span, .rt-chain-preview, .rt-wizard-steps li, .rt-preflight-kind p, .rt-target-list small, .rt-consents legend ) { color: var(--theme-muted); } :root[data-theme="dark"] :is(.rt-note, .rt-consent small, .rt-history-source small) { color: var(--theme-muted) !important; } :root[data-theme="dark"] :is(.rt-link, .rt-details summary), :root[data-theme="dark"] .rt-details summary::after { color: var(--theme-text); } :root[data-theme="dark"] :is( .rt-link:hover, .rt-request-tabs button.active, .rt-request-evidence summary:hover, .rt-wizard-steps li.active ) { color: var(--theme-orange); } :root[data-theme="dark"] :is( .rt-run-group > h3, .rt-run-row, .rt-kv > div, .rt-timeline article, .rt-snapshot-row, .rt-details, .rt-finding-line, .rt-search, .rt-member, .rt-request-tabs, .rt-request-row, .rt-finding-row, .rt-document-row, .rt-profile, .rt-roadmap-item, .rt-priority, .rt-stats, .rt-stats > div ) { border-color: var(--theme-border); } :root[data-theme="dark"] :is(.rt-registry-controls .segments, .rt-stats, .rt-run-banner) { background: var(--theme-panel); border-color: var(--theme-border); } :root[data-theme="dark"] .rt-run-banner { color: var(--theme-muted); } :root[data-theme="dark"] :is(.rt-search input, .rt-inline-form select, .rt-target-list > div, .rt-history-source) { color: var(--theme-text); background: var(--theme-raised); border-color: var(--theme-border); } :root[data-theme="dark"] .rt-limits { color: #f0d09b; background: #30291f; border-color: #665336; } :root[data-theme="dark"] .rt-group-readiness.ready { color: var(--theme-green); } :root[data-theme="dark"] .rt-group-readiness.blocked { color: #f0d09b; } :root[data-theme="dark"] .rt-wizard-steps li:not(:last-child)::after { background: var(--theme-border); } :root[data-theme="dark"] .rt-wizard-steps li > span { color: var(--theme-muted); background: var(--theme-raised); border-color: var(--theme-border); } :root[data-theme="dark"] .rt-wizard-steps li.active > span { color: #0c0e12; background: #f2501f; border-color: #f2501f; } :root[data-theme="dark"] .rt-preflight-kind { color: var(--theme-text); background: color-mix(in srgb, var(--theme-orange) 10%, var(--theme-panel)); } :root[data-theme="dark"] .rt-consent { background: #1c3027; border-color: #3a6651; } :root[data-theme="dark"] .rt-consent b { color: var(--theme-green); } :root[data-theme="dark"] .rt-consent--validate { background: #30291f; border-color: #665336; } :root[data-theme="dark"] .rt-consent--validate b { color: #f0d09b; } :root[data-theme="dark"] .rt-consent--read { background: #34241f; border-color: #76503f; } :root[data-theme="dark"] .rt-consent--read b { color: var(--theme-orange); } :root[data-theme="dark"] .rt-field-error { color: #f8b1a5; } /* Attack Surface inventory, attribution, evidence and workflow. */ :root[data-theme="dark"] :is(.as-workspace, dialog[data-module="surface"]) { --as-blue: var(--theme-blue); --as-ink: var(--theme-text); --as-muted: var(--theme-muted); --as-line: var(--theme-border); color: var(--theme-text); } :root[data-theme="dark"] :is(.as-panel, .as-kpi) { background: var(--theme-panel); border-color: var(--theme-border); } :root[data-theme="dark"] :is( .as-attention-priority, .as-attention .icon, .as-search .icon, .as-table td small, .as-action-label, .as-map-toolbar > label, .as-map-legend, .as-map-legend > small, .as-change-list p, .as-change-list small, .as-change-list .icon, .as-ai-modes p, .as-ai-example p, .as-ai-modes label, .as-details-grid dt, .as-detail-section p, .as-detail-section li, .as-detail-section small, .as-check-fields legend, .as-preflight p, .as-score-drivers small, .as-map-mobile small, .as-map-mobile button > span:last-child ) { color: var(--theme-muted); } :root[data-theme="dark"] :is(.as-details-grid dd, .as-table td) { color: var(--theme-text); } :root[data-theme="dark"] :is( .as-text-link, .as-related-finding, .as-score-drivers b, .as-map-mobile button ) { color: var(--theme-blue); } :root[data-theme="dark"] :is( .as-panel-head, .as-attention > button, .as-table td, .as-change-list > button, .as-change-list > div, .as-score-drivers > div, .as-map-mobile button, .as-check-fields ) { border-color: var(--theme-border); } :root[data-theme="dark"] :is( .as-toolbar input, .as-toolbar select, .as-map-toolbar select, .as-ai-modes select, .as-related-finding, .as-table th, .as-table-foot ) { color: var(--theme-text); background: var(--theme-raised); border-color: var(--theme-border); } :root[data-theme="dark"] :is(.as-table th, .as-table-foot) { color: var(--theme-muted); } :root[data-theme="dark"] .as-table tbody tr:hover { background: color-mix(in srgb, var(--theme-blue) 6%, var(--theme-panel)); } :root[data-theme="dark"] :is(.as-preflight, .as-evidence) { color: var(--theme-text); background: #1c2938; border-color: #3d5573; } /* SVG fills and label halos are explicit, rather than a filter on the graph. */ :root[data-theme="dark"] .as-map { background: var(--theme-bg); } :root[data-theme="dark"] :is(.as-map-toolbar, .as-map-legend) { background: var(--theme-panel); border-color: var(--theme-border); } :root[data-theme="dark"] .as-map-svg pattern circle { fill: var(--theme-border); } :root[data-theme="dark"] .as-map-edge { stroke: #7895b7; } :root[data-theme="dark"] .as-map-edge--provider { stroke: #8d9ba7; } :root[data-theme="dark"] :is(.as-layer-label, .as-node-caption) { fill: var(--theme-muted); } :root[data-theme="dark"] .as-edge-label { fill: var(--theme-muted); stroke: var(--theme-bg); } :root[data-theme="dark"] .as-map-node > rect:first-child { fill: var(--theme-panel); stroke: #657b8b; filter: none; } :root[data-theme="dark"] .as-node-title { fill: var(--theme-text); } :root[data-theme="dark"] .as-map-node .as-node-count { fill: #3b2a23; } :root[data-theme="dark"] .as-node-count-label { fill: var(--theme-orange); } :root[data-theme="dark"] .as-map-node.is-candidate > rect:first-child { fill: #30291f; stroke: #c3a261; } :root[data-theme="dark"] .as-map-node.is-provider > rect:first-child { fill: var(--theme-raised); stroke: #8d9ba7; } :root[data-theme="dark"] :is(.as-map a:hover .as-map-node > rect:first-child, .as-map-node.is-focused > rect:first-child) { stroke: #2f6bff; } /* Human Risk registries, campaign preparation and participant details. */ :root[data-theme="dark"] :is( .hr-stats, .hr-two-col, .hr-toolbar, .hr-panel, .hr-template-list, .hr-people-tools, .hr-learning-summary, dialog[data-module="human"], dialog.hr-course-dialog ) { --hr-ink: var(--theme-text); --hr-muted: var(--theme-muted); --hr-line: var(--theme-border); color: var(--theme-text); } :root[data-theme="dark"] :is(.hr-stat, .hr-panel, .hr-template-list, .hr-course-card) { background: var(--theme-panel); border-color: var(--theme-border); } :root[data-theme="dark"] :is( .hr-stat > span, .hr-stat > small, .hr-panel-head p, .hr-funnel > div > span, .hr-note, .hr-departments > div > span, .hr-departments small, .hr-action-list p, .hr-action-list > button > .icon, .hr-action-list > a > .icon, .hr-course-shortlist small, .hr-course-shortlist > button > .icon, .hr-toolbar p, .hr-table td small, .hr-table td time, .hr-table td > .icon, .hr-row-link .mono, .hr-search .icon, .hr-template p, .hr-template small, .hr-detail-section p, .hr-detail-section li, .hr-detail-metrics > div, .hr-report-body p, .hr-program-settings > p, .hr-domain-status dt, .hr-wizard-steps > span, .hr-wizard-review, .hr-wizard-review dt, .hr-pagination, .hr-person-hero p, .hr-person-timeline p, .hr-person-timeline time, .hr-form-card p, .hr-landing-preview p, .hr-landing-preview label, .hr-landing-preview > small, .hr-integration-card > small, .hr-integration-card p, .hr-course-meta, .hr-course-body > p ) { color: var(--theme-muted); } :root[data-theme="dark"] :is( .hr-table td, .hr-row-link, .hr-template-preview h3, .hr-detail-section h3, .hr-detail-metrics b, .hr-learning-summary b, .hr-report-body h3, .hr-domain-status dd, .hr-wizard-review h3, .hr-wizard-review dd, .hr-course-body h2 ) { color: var(--theme-text); } :root[data-theme="dark"] :is( .hr-template-channel, .hr-template-channel .icon, .hr-row-link:hover b, .hr-action-list > button:hover h3, .hr-action-list > a:hover h3, .hr-course-shortlist > button:hover h3, .hr-learning-summary .icon, .hr-wizard-steps > span.active, .hr-editor-form legend, .hr-form-mock > span, .hr-form-mock b, .hr-landing-preview > span, .hr-integration-card b ) { color: var(--theme-green); } :root[data-theme="dark"] :is( .hr-panel-head, .hr-action-list > button, .hr-action-list > a, .hr-course-shortlist > button, .hr-table td, .hr-template, .hr-detail-section, .hr-detail-metrics > div, .hr-domain-status, .hr-domain-status dl > div, .hr-wizard-steps, .hr-wizard-review dl > div, .hr-pagination, .hr-editor-form fieldset, .hr-course-footer ) { border-color: var(--theme-border); } :root[data-theme="dark"] :is( .hr-toolbar select, .hr-people-tools select, .hr-search, .hr-logs-tools input, .hr-logs-tools select, .hr-landing-preview input, .hr-workspace-entry a ) { color: var(--theme-text); background: var(--theme-raised); border-color: var(--theme-border); } :root[data-theme="dark"] .hr-search input { color: var(--theme-text); background: transparent; } :root[data-theme="dark"] .hr-table th { color: var(--theme-muted); background: var(--theme-raised); border-color: var(--theme-border); } :root[data-theme="dark"] .hr-table tbody tr:hover { background: color-mix(in srgb, var(--theme-green) 5%, var(--theme-panel)); } :root[data-theme="dark"] :is(.hr-funnel > div > div, .hr-meter) { background: var(--theme-raised); } :root[data-theme="dark"] :is( .hr-action-list > button > span, .hr-action-list > a > span, .hr-course-shortlist > button > span, .hr-integration-card > span, .hr-workspace-entry b ) { color: var(--theme-green); background: #1c3027; } :root[data-theme="dark"] :is(.hr-template-preview, .hr-person-hero, .hr-learning-summary, .hr-landing-preview, .hr-document-preview) { color: var(--theme-muted); background: var(--theme-raised); border-color: var(--theme-border); } :root[data-theme="dark"] .hr-learning-summary { background: #1c3027; border-color: #3a6651; } :root[data-theme="dark"] .hr-person-hero > span { color: var(--theme-green); background: #244638; } :root[data-theme="dark"] .hr-person-timeline article::before { background: var(--theme-border); } :root[data-theme="dark"] .hr-person-timeline i { border-color: var(--theme-panel); box-shadow: 0 0 0 1px var(--theme-border); } :root[data-theme="dark"] .hr-person-timeline i.good { box-shadow: 0 0 0 1px #3a6651; } :root[data-theme="dark"] .hr-wizard-review > p { color: var(--theme-green); background: #1c3027; } :root[data-theme="dark"] .hr-form-mock { background: #1c3027; border-color: var(--theme-border); } :root[data-theme="dark"] .hr-form-mock > span { border-color: #3a6651; } :root[data-theme="dark"] .hr-form-mock i { background: var(--theme-raised); border-color: #4b6456; } /* Course illustrations and QR patterns remain unfiltered source content. */ :root[data-theme="dark"] :is(.hr-course-cover, .hr-lesson-art) { background: var(--theme-raised); border-color: var(--theme-border); } :root[data-theme="dark"] .hr-course-cover > span { color: var(--theme-text); background: #1a2023ed; border-color: var(--theme-border); } :root[data-theme="dark"] .hr-course-footer .btn.quiet { color: var(--theme-muted); } :root[data-theme="dark"] :is(.hr-course-footer .btn.quiet:hover, .hr-course-dialog .hr-lesson-nav-secondary .btn:hover) { background: var(--theme-raised); } :root[data-theme="dark"] :is(.hr-course-footer .btn.primary:not(:disabled), .hr-course-dialog .hr-lesson-nav .btn.primary:not(:disabled)) { color: var(--theme-bg); background: var(--theme-text); border-color: var(--theme-text); } :root[data-theme="dark"] :is(.hr-course-footer .btn.primary:hover:not(:disabled), .hr-course-dialog .hr-lesson-nav .btn.primary:hover:not(:disabled)) { background: #d7e3dc; border-color: #d7e3dc; } :root[data-theme="dark"] dialog.hr-course-dialog, :root[data-theme="dark"] .hr-course-dialog > :is(.modal-head, .modal-body) { background: var(--theme-panel); border-color: var(--theme-border); } :root[data-theme="dark"] :is(.hr-course-outline, .hr-course-dialog > .modal-foot) { background: var(--theme-bg); border-color: var(--theme-border); } :root[data-theme="dark"] :is( .hr-course-stage, .hr-course-stage > h2, .hr-lesson-copy h2, .hr-course-dialog .hr-situation-card > strong, .hr-course-dialog .hr-course-completed h2 ) { color: var(--theme-text); } :root[data-theme="dark"] :is( .hr-course-outline-heading, .hr-course-outline nav > button, .hr-course-outline-meta, .hr-course-stage > p, .hr-lesson-overline, .hr-lesson-copy > p, .hr-lesson-art figcaption, .hr-course-dialog .hr-situation-card p, .hr-course-dialog .hr-situation-card small, .hr-course-dialog .hr-clue-grid p, .hr-course-dialog .hr-quiz-context p, .hr-course-dialog .hr-quiz-question, .hr-course-dialog .hr-lesson-nav-secondary .btn, .hr-course-dialog .hr-course-completed p, .hr-course-dialog .hr-course-completed small ) { color: var(--theme-muted); } :root[data-theme="dark"] :is(.hr-course-outline-meta, .hr-course-dialog .hr-clue-grid details) { border-color: var(--theme-border); } :root[data-theme="dark"] :is(.hr-course-dialog > .modal-head .icon-btn, .hr-outline-number) { color: var(--theme-muted); background: var(--theme-raised); border-color: var(--theme-border); } :root[data-theme="dark"] :is(.hr-course-dialog > .modal-head .icon-btn:hover, .hr-course-outline nav > button:hover) { color: var(--theme-text); background: var(--theme-raised); border-color: var(--theme-border); } :root[data-theme="dark"] .hr-course-outline nav > button { background: transparent; border-color: var(--theme-border); border-left-color: transparent; } :root[data-theme="dark"] :is(.hr-course-outline nav > button.active, .hr-course-outline nav > button[aria-current="step"]) { color: var(--theme-green); background: #1c3027; border-color: transparent; border-left-color: #19c37d; } :root[data-theme="dark"] .hr-course-outline button.active .hr-outline-number { color: var(--theme-green); background: var(--theme-panel); border-color: #3a6651; } :root[data-theme="dark"] .hr-lesson-art figcaption { background: var(--theme-raised); border-color: var(--theme-border); } :root[data-theme="dark"] .hr-course-dialog .hr-learning-visual { background: var(--theme-raised); border-color: var(--theme-border); } :root[data-theme="dark"] .hr-course-dialog .hr-learning-visual > img { background: var(--theme-raised); } :root[data-theme="dark"] :is(.hr-course-dialog .hr-situation-card, .hr-course-dialog .hr-quiz-context) { background: #1c3027; border-color: #3a6651; } :root[data-theme="dark"] :is(.hr-course-dialog .hr-situation-card > span, .hr-course-dialog .hr-clue-grid summary, .hr-course-dialog .hr-quiz-context h3) { color: var(--theme-green); } :root[data-theme="dark"] .hr-course-dialog .hr-quiz label { color: var(--theme-text); background: var(--theme-raised); border-color: #607367; } :root[data-theme="dark"] .hr-course-dialog .hr-quiz label:hover { background: #29352e; border-color: #83a18e; } :root[data-theme="dark"] .hr-course-dialog .hr-quiz input { accent-color: #19c37d; } :root[data-theme="dark"] :is(.hr-course-dialog .hr-quiz label:has(input:checked), .hr-course-dialog .hr-quiz label.correct) { color: var(--theme-text); background: #1d3b2b; border-color: #70dcad; } :root[data-theme="dark"] .hr-course-dialog .hr-quiz label.incorrect { background: #3a2f20; border-color: #d1ac72; } :root[data-theme="dark"] :is(.hr-feedback, .hr-course-dialog .hr-feedback) { color: #a6e6bd; background: #1d3628; border-color: #567f5d; } :root[data-theme="dark"] :is(.hr-feedback.incorrect, .hr-course-dialog .hr-feedback.incorrect) { color: #f0d09b; background: #3a2f20; border-color: #8e754e; } :root[data-theme="dark"] .hr-course-dialog .hr-course-completed > .icon { color: var(--theme-green); background: #1c3027; border-color: #3a6651; } :root[data-theme="dark"] .hr-course-create-disabled > .btn:disabled { color: var(--theme-muted); background: var(--theme-raised); border-color: var(--theme-border); } :root[data-theme="dark"] .hr-course-create-hint { color: var(--theme-bg); background: var(--theme-text); } } /* Screen-only subscription details and the pricing calculator. */ @media screen { /* Billing and invoice views share table and dialog layouts with the console. */ :root[data-theme="dark"] .billing { color: var(--theme-text); } :root[data-theme="dark"] :is(.billing-card, .billing-summary > div) { background: var(--theme-panel); border-color: var(--theme-border); } :root[data-theme="dark"] :is(.billing-table-scroll, .billing-card-brand, .billing-invoice-facts, .billing-invoice-module) { border-color: var(--theme-border); } :root[data-theme="dark"] :is(.billing-heading h2, .billing-summary strong, .billing-section-heading h3, .billing .billing-amount, .billing-module, .billing-payment-method strong, .billing-details dd, .billing-invoice-title, .billing-breakdown dd, .billing-module-total strong, .billing-invoice-total) { color: var(--theme-text); } :root[data-theme="dark"] :is(.billing-summary > div > span, .billing-summary small, .billing-subscription-footer > span, .billing-payment-method p, .billing-card-meta, .billing-details dt, .billing-invoice-status, .billing-invoice-currency, .billing-breakdown dt, .billing-breakdown dt small, .billing-module-total > span) { color: var(--theme-muted); } :root[data-theme="dark"] .billing-card-brand { color: var(--theme-blue); } :root[data-theme="dark"] .billing-invoice-link { color: var(--theme-blue); } :root[data-theme="dark"] :is(.billing .nsd-table tfoot th, .billing .nsd-table tfoot td) { background: var(--theme-raised); border-top-color: var(--theme-border); color: var(--theme-text); } /* Calculator selection and validation stay legible independently of module fill. */ :root[data-theme="dark"] #calculator { --calc-muted: var(--theme-muted); --calc-line: var(--theme-border); color: var(--theme-text); } :root[data-theme="dark"] .calc-card { background: var(--theme-panel); border-color: var(--theme-border); border-top-color: var(--module-color); } :root[data-theme="dark"] .calc-card.is-disabled { background: #151B1E; border-top-color: #58645F; } :root[data-theme="dark"] .calc-card.is-disabled .calc-module-price { color: #93A098; } :root[data-theme="dark"] .calc-card.is-disabled .calc-module-name .module-icon { background: var(--theme-raised); color: #93A098; } :root[data-theme="dark"] :is(.calc-base-options label, .calc-counter, .calc-counter input, .calc-presets button) { background: var(--theme-raised); border-color: var(--theme-border); color: var(--theme-text); } :root[data-theme="dark"] :is(.calc-base-options label:has(input:checked), .calc-presets button:hover, .calc-presets button.active) { background: var(--module-tint); border-color: var(--module-color); color: var(--module-ink); } :root[data-theme="dark"] .calc-counter button { background: var(--theme-panel); color: var(--theme-muted); } :root[data-theme="dark"] .calc-counter button:hover:not(:disabled) { background: var(--module-tint); color: var(--module-ink); } :root[data-theme="dark"] .calc-switch-track { background: #58645F; } :root[data-theme="dark"] .calc-enable input:checked + .calc-switch-track { background: var(--module-color); } :root[data-theme="dark"] :is(.calc-base-options input, .calc-vulnerability input) { accent-color: var(--module-color); } :root[data-theme="dark"] :is(.calc-addon, .calc-breakdown-list > div, .calc-grand-total) { border-color: var(--theme-border); } :root[data-theme="dark"] :is(.calc-reset, .calc-included, .calc-details > summary, .calc-details > summary::after, .calc-breakdown-list dt, .calc-breakdown-list dt small, .calc-checks-line, .calc-summary-label, .calc-grand-total > span) { color: var(--theme-muted); } :root[data-theme="dark"] .calc-reset { border-bottom-color: var(--theme-border); } :root[data-theme="dark"] :is(.calc-reset:hover, .calc-details > summary:hover) { color: var(--theme-text); border-bottom-color: var(--theme-muted); } :root[data-theme="dark"] .calc-summary { background: var(--theme-raised); border-color: var(--theme-border); } :root[data-theme="dark"] .calc-floating-total { background: #0B0E10; color: var(--theme-text); box-shadow: 0 -4px 20px #0004; } :root[data-theme="dark"] .calc-floating-total > span { color: var(--theme-muted); } :root[data-theme="dark"] .calc-ai-benefits { color: var(--theme-muted); } :root[data-theme="dark"] .calc-ai-benefits b { color: var(--theme-text); } :root[data-theme="dark"] :is(.calc-field-error, .calc-calculation-error) { color: #FFAAA3; } :root[data-theme="dark"] .calc-counter:has(input[aria-invalid="true"]) { border-color: #FFAAA3; } } /* Keep native select menus, with consistent closed-control arrows and spacing. */ @media screen { :root { --select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%2365716A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } :root[data-theme="dark"] { --select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%23B0BBB5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } :root[data-theme] select:not([multiple]):not([size]) { -webkit-appearance: none; appearance: none; background-image: var(--select-chevron); background-repeat: no-repeat; background-position: right 12px center; background-size: 14px 14px; padding-inline-end: 38px; } :root :is(select.filter, .as-toolbar select, .as-map-toolbar select, .as-ai-modes select, .hr-toolbar select, .hr-people-tools select, .hr-logs-tools select, .nsd-toolbar select) { min-height: 40px; line-height: 20px; padding-block: 9px; padding-inline-start: 12px; border-radius: 5px; } } @media screen and (forced-colors: active) { :root[data-theme] select:not([multiple]):not([size]) { -webkit-appearance: auto; appearance: auto; background-image: none; padding-inline-end: 12px; } } /* Object registries share the asset inventory's row structure and density. */ @media screen { :root[data-theme] .content :is(.data-table, .as-table, .hr-table, .nsd-table, .registry-table):not(.permissions-table) { width: 100%; border-collapse: collapse; text-align: left; font-size: 13px; line-height: 1.55; color: var(--theme-text); background: var(--theme-panel); } :root[data-theme] .content :is(.data-table, .as-table, .hr-table, .nsd-table, .registry-table):not(.permissions-table) > thead > tr > th { padding: 12px 16px; border-bottom: 1px solid var(--theme-border); background: var(--theme-raised); color: var(--theme-muted); font-size: 11px; font-weight: 500; line-height: 1.5; letter-spacing: .3px; text-transform: uppercase; vertical-align: middle; white-space: nowrap; } :root[data-theme] .content :is(.data-table, .as-table, .hr-table, .nsd-table, .registry-table):not(.permissions-table) > tbody > tr > td { padding: 11px 16px; border-bottom: 1px solid var(--theme-border); color: var(--theme-text); font-size: 13px; line-height: 1.55; vertical-align: middle; } :root[data-theme] .content :is(.data-table, .as-table, .hr-table, .nsd-table, .registry-table):not(.permissions-table) > tbody > tr:last-child > td { border-bottom: 0; } :root[data-theme] .content :is(.data-table, .as-table, .hr-table, .nsd-table, .registry-table):not(.permissions-table) > tbody > tr:not([hidden]):hover { background: var(--theme-raised); } :root[data-theme] .content :is(.data-table, .as-table, .hr-table, .nsd-table, .registry-table):not(.permissions-table) td small { display: block; margin-top: 4px; color: var(--theme-muted); font-size: 11px; font-weight: 400; line-height: 1.6; } :root[data-theme] .content :is(.data-table, .as-table, .hr-table, .nsd-table, .registry-table):not(.permissions-table) :is(.rt-link, .hr-row-link, .as-text-link, .row-link) { font-size: 13px; font-weight: 550; line-height: 1.5; text-align: left; color: var(--theme-text); } :root[data-theme] .content :is(.data-table, .as-table, .hr-table, .nsd-table, .registry-table):not(.permissions-table) :is(.hr-row-link b, .as-text-link strong) { font-size: 13px; font-weight: 550; } :root[data-theme] .content .registry-table { white-space: normal; } :root[data-theme] .content .registry-table td { overflow-wrap: normal; } :root[data-theme] .content .registry-table td .mono { white-space: nowrap; } :root[data-theme] .content .registry-table > thead > tr > th:last-child, :root[data-theme] .content .registry-table > tbody > tr > td:last-child:not([colspan]) { text-align: right; } :root[data-theme] .content .registry-table td:last-child :is(.rt-actions, .hr-registry-actions, .governance-row-actions) { justify-content: flex-end; } :root[data-theme] .content .registry-table :is(.registry-group, .rt-table-group) > th { padding: 9px 16px; border-block: 1px solid var(--theme-border); background: var(--theme-raised); color: var(--theme-muted); font-size: 11px; font-weight: 550; text-align: left; } }