/* Color belongs to recognizable product objects and meaningful status. */
.color-icon{display:inline-block;width:24px;height:24px;object-fit:contain;flex-shrink:0;vertical-align:middle;filter:none}
.chapter-symbol{background:#fff;border-color:#d7e3f0;box-shadow:4px 4px 0 #d6e2f1,13px 18px 28px #23476117}
.chapter-symbol>.color-icon{width:70%;height:70%;filter:drop-shadow(0 5px 5px #0c367e18)}
.chapter-stack>span{color:#48617b}.chapter-stack .color-icon{width:15px;height:15px}
.chapter-label{color:#52677f}
.scenario-jump a{color:#435e78}.scenario-jump .icon{color:#2864be}
.scenario-copy .tags span{background:#edf3ff;color:#375581}
.scenario-visual{background:#eff4fa;border-color:#d8e3ef}
.sample-bar{background:#f8faff;color:#344d6b;border-bottom-color:#dde6f1}.sample-bar .icon{color:#2865c8}.sample-bar>small{color:#6a7d93}
.scenario-machines .color-icon{width:36px;height:36px}.scenario-machines strong{font-size:11px;color:#263c55}.scenario-machines small{font-size:9px;color:#687b91;display:flex;align-items:center;gap:5px}.scenario-machines small>.color-icon{width:11px;height:11px}.scenario-machines b{color:#138146;background:#e7f6ed;padding:5px 8px;border-radius:20px;font-size:9px}.scenario-machines b:before{background:#1aa458}.scenario-mini-nav{font-size:10px;color:#657b93}.scenario-mini-nav>span.active{color:#235ed0;border-color:#2563eb}.scenario-action{color:#45617d;background:#eff5ff}.scenario-action .icon{color:#2563eb}
.tenant-grid>div{background:#fff;box-shadow:0 4px 12px #22487808;border-top:3px solid #3976da}.tenant-grid>div:last-child{border-top-color:#158f88}.tenant-grid strong{font-size:11px;color:#29425d}.tenant-grid p{font-size:9px;color:#647a92}.tenant-grid>div>div:first-child>.color-icon{width:24px;height:24px}.tenant-grid>div>div:first-child>.color-icon:last-child{margin-left:auto;width:14px;height:14px}.tenant-devices .color-icon{width:35px;height:35px}.tenant-access{color:#376454;background:#eef8f2}.tenant-access>.color-icon{width:22px;height:22px}
.branch-hub{background:#edf4ff;border-color:#c4d8f2}.branch-hub>.color-icon{width:37px;height:37px}.branch-hub strong{color:#254a7d}.branch-hub span{color:#5d7390}.branch-sites .color-icon{width:34px;height:34px}.branch-sites strong{color:#365371}.branch-sites span{color:#667e96}.branch-note{color:#288057}.branch-note .color-icon{width:15px;height:15px}.branch-wires{color:#76a4db}.audit-dot{background:#f4f7fc;border-color:#d9e4f1}.audit-dot>.color-icon{width:28px;height:28px}.audit-track strong{color:#304c6a}.audit-track p{color:#667e96}.audit-track small{color:#247052;background:#e9f5ee;padding:4px 7px;border-radius:4px}
.policy-selectors{background:#fff}.policy-selectors>button{color:#4c627c}.policy-selectors>button>.color-icon{width:27px;height:27px}.policy-selectors>button[aria-selected=true]{background:#ebf2ff;color:#1e4fa3;box-shadow:inset 3px 0 #2563eb}.policy-panels{background:#f2f6fc;border-color:#d7e2f0}.policy-example{border-color:#d8e3ef;box-shadow:0 9px 23px #193e710b}.policy-example>small{color:#6b7c91}.policy-example>strong{color:#344962}.policy-example>p{color:#66778d}.policy-device{background:#f0f4f9;border-color:#d6e0ed}.policy-device>.color-icon{width:64px;height:64px}.example-state{background:#e9f7ef;color:#167544;border-color:#c8e8d6}.example-state.blocked{background:#fff0f0;color:#b7333e;border-color:#f2c7cd}.example-state.alert{background:#fff6df;color:#95600c;border-color:#f1db9f}.redacted-document{background:#fff;border-color:#ccdaea;box-shadow:4px 5px 0 #e4ecf7}.redacted-document>span{color:#385d8a}.redacted-document>mark{background:#fff0bd;color:#98620f}.app-denial{background:#fafbfe;border-color:#d8e3ef}.app-denial>.color-icon{width:43px;height:43px}.app-denial b{background:#fbe7e9;color:#c53d4d}.app-denial>span{color:#4a617b}.print-example>.color-icon{width:54px;height:54px}.print-example strong{color:#304b6c}.print-example span{color:#6b7e94}.print-example b{color:#48617c}.network-example .color-icon{width:38px;height:38px}.network-example>b{background:#ecf7f0;border-color:#c5e3ce}.network-example>b .color-icon{width:39px;height:39px}.network-example>span{color:#526e8a}.network-example>i{background:#88afd6}
.encryption-section{background:#17324f}.encryption-layout p{color:#c4d4e7}.encryption-visual{background:#203e5e;border-color:#3d5a78}.encryption-head>.color-icon{width:42px;height:42px}.encryption-head>span{color:#f4f8ff}.encryption-head small{color:#abc6e1}.encrypted-channels>div{color:#d0e1f2;border-color:#3a5471}.encrypted-channels>div>.color-icon{width:26px;height:26px}.encrypted-channels>div>.icon:last-child{color:#70c7ad}
.consent-dialog>.color-icon{width:48px;height:48px}.consent-preview{background:#edf3fa;border-color:#d3e0ef}.consent-dialog h3{color:#253e5b}.consent-dialog p{color:#5f738d}.consent-actions button[data-consent=accept]{background:#2563eb;border-color:#2563eb;color:#fff}.consent-actions button[data-consent=reject]{color:#95323e;border-color:#e6bdc3}.consent-actions button:disabled{opacity:.55;cursor:default}.sample-note,.consent-preview>small{color:#687e97}
.architecture-node>.color-icon{width:52px;height:52px;margin-bottom:16px}.architecture-node strong{color:#2d4a6e}.architecture-node small{color:#627b97}.architecture-node.server-node{background:#173b68;border-color:#27558a}.server-node strong{color:#fff}.server-node small{color:#c0d4ed}.cipher-label{color:#b8dbfa;border-color:#4d6d93}.network-zone>span{color:#526d8c}.architecture-canvas[data-current-step="0"] .network-zone{border-color:#3c83df;background:#edf4ff}.architecture-canvas[data-current-step="2"] .browser-node{border-color:#5c94e3;box-shadow:0 0 0 3px #e0ebfc}.directional-link>span{color:#557596}.directional-link>small{color:#667d97}.walkthrough-tabs>button[aria-selected=true]{color:#2059ab;box-shadow:inset 0 -3px #2563eb;background:#eaf2ff}.walkthrough-tabs>button[aria-selected=true]>b{background:#2563eb;color:#fff;border-color:#2563eb}.walkthrough-tabs>button{color:#647b94}.step-explanations p{color:#586f89}.architecture-requirements{color:#536f8b}.architecture-requirements .icon{color:#19864f}.agent-symbol{background:#e9f2ff}.agent-symbol>.color-icon{width:31px;height:31px}.agent-spec>span{color:#5a718b}.agent-spec>strong{color:#235faa}.agent-profile-body>small{color:#71849b}
.guide-art{background:#23486f}.guide-art .color-icon{width:44px;height:44px}.guide-art>div>.color-icon:nth-of-type(2){width:58px;height:58px;padding:7px;background:#355d87;border-radius:10px}.guide-art>p,.guide-art>small{color:#bbd1e9}.guide-feature{background:#183551}.guide-feature-copy>span{color:#a9caee}.guide-feature-copy p{color:#c0d4e8}.guide-feature-copy strong{color:#d5e9ff}.terminal-thumbnail{padding:10px;background:#142b46;display:grid;place-items:center;box-shadow:3px 3px 0 #b7c9e1}.terminal-thumbnail>.color-icon{width:100%;height:auto}.shield-thumbnail{background:#e6f4ed;border-color:#bcdccb;box-shadow:3px 3px 0 #cce4d6}.shield-thumbnail>.color-icon{width:50px;height:50px}.guide-secondary h3{color:#2b496d}.guide-secondary p{color:#5b7390}.guide-secondary>a>div:nth-child(2)>span{color:#597493}.faq-heading p,.faq-search input,.faq-categories>button{color:#526d8c}.faq-categories>button[aria-pressed=true]{background:#e9f0ff;color:#245baa;border-color:#cbdcf7}.faq-list summary{color:#294664}.faq-list details>p{color:#536a82}.faq-result-count{color:#687d94}
/* Native desktop details, not a static screenshot. */
.desktop-workspace,.scene-desktop-screen .desktop-workspace,.remote-feature-v3 .desktop-workspace{background:radial-gradient(ellipse at 75% 35%,#50b3f0 0,transparent 35%),linear-gradient(125deg,#073668 10%,#1269b4 60%,#103d7c);isolation:isolate}
.desktop-workspace:before{content:'';position:absolute;z-index:-1;right:-13%;top:-80%;width:78%;height:210%;border-radius:45%;border:24px solid #59bdf04a;transform:rotate(-30deg);box-shadow:0 0 0 22px #55b1ee22,0 0 0 48px #69c8ff14}
.desktop-shortcut>.color-icon{width:32px;height:32px;filter:drop-shadow(0 2px 2px #07336144)}
.scene-desktop-screen .desktop-shortcut>.color-icon{width:23px;height:23px}
.native-taskbar{position:absolute;bottom:0;left:0;right:0;height:28px;display:flex;align-items:center;justify-content:center;gap:15px;background:#e8f2fff2;border-top:1px solid #fff9;z-index:2}.native-taskbar>.color-icon{width:17px;height:17px}.scene-desktop-screen .native-taskbar{height:23px;gap:11px}.scene-desktop-screen .native-taskbar>.color-icon{width:14px;height:14px}
.explorer-window{border:1px solid #d5e0ec;box-shadow:0 12px 25px #06234950;color:#304660}.explorer-title{background:#f6f8fc;color:#283d57}.explorer-title>.color-icon{width:17px;height:17px}.explorer-path{color:#3d5572;background:#fff}.explorer-body>aside{background:#f7f9fc;color:#58708b}.explorer-body>aside b{color:#245dad;background:#e7effc}.explorer-files>div{color:#304960}.explorer-files>div>span:last-child{color:#61788f}.explorer-files .color-icon{width:19px;height:19px}.scene-desktop-screen .explorer-files .color-icon{width:16px;height:16px}.scene-desktop-screen .explorer-files>div{padding:5px 0}.scene-desktop-screen .explorer-title{padding:6px 10px}.scene-desktop-screen .explorer-path{padding:6px 10px}.scene-desktop-screen .desktop-workspace{padding-top:20px;padding-bottom:29px}.desktop-art img.color-icon{width:19px;height:19px;object-fit:contain;filter:none}.desktop-art .desktop-shortcut>img.color-icon{width:28px;height:28px}.desktop-art .native-taskbar>img.color-icon{width:16px;height:16px}
.device-row .color-icon{width:28px;height:28px}.device-row>span:last-child>.color-icon{width:12px;height:12px;margin-right:5px}.device-row strong{color:#253e5c}.device-row small{color:#62758c}.device-status{color:#12824c}.device-status i{background:#19a564}.device-status.offline{color:#758498}.device-status.offline i{background:#8997aa}.app-layout>aside>.selected{background:#e9f0ff;color:#245fd3}.app-title>span{background:#eaf2ff;color:#2860a4}.fleet-endpoints .color-icon{width:39px;height:39px}.fleet-sheet>span>.color-icon{width:26px;height:26px}.fleet-sheet>span{color:#35526f}.fleet-sheet>small,.fleet-endpoints small,.fleet-rule,.fleet-visual>p{color:#5e7792}.fleet-header{color:#5d7490}.fleet-header>span:first-child{color:#345d8b}
.scene-terminal-screen,.terminal{background:#101b2c;color:#e3eaf4}.terminal-location{color:#a9c9ed;align-items:center;justify-content:flex-start;gap:7px;border-bottom-color:#354359}.terminal-location>.color-icon{width:18px;height:18px}.terminal-location>span{margin-left:auto;color:#9aaec8}.typed-command code{color:#ffdc78}.typed-command>span{color:#8db5df}.terminal-grid b{color:#70dda8}.terminal-response{color:#d9e6f4}.terminal-result{color:#7ee0af}.terminal-bar{background:#17283e;color:#c8dbf3}.terminal-bar>span:first-child{display:flex;align-items:center;gap:9px}.terminal-bar .color-icon{width:25px;height:25px}.terminal .muted{color:#8eb9e5}.terminal .green{color:#67dfa2}.terminal small{color:#97b0cd}.scene-policy{color:#334e70}.scene-policy .color-icon{width:23px;height:23px}.policy-toggle{background:#2563eb}.policy-toggle i{background:#fff}.live-tag{background:#e5f7ed;color:#167c4b}.live-tag i{background:#1aab64}.instrument-top{background:#fff}.instrument-avatar{background:#e8f0ff;color:#2563eb}.instrument-rail>.rail-selected{background:#e8f0ff;color:#2563eb}.instrument-footer{color:#536d88}.instrument-footer>span>i{background:#18945c}
.file-preview{margin-top:27px;border:1px solid #dae3ee;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 8px 20px #143c6807}.file-preview-top{display:flex;align-items:center;gap:10px;padding:16px 20px;font-size:14px;font-weight:500;background:#f6f9fe;color:#243d5e;border-bottom:1px solid #dde6f0}.file-preview-top>small{margin-left:auto;font-size:10px;font-weight:400;color:#687f98}.file-preview-path{display:flex;align-items:center;gap:8px;font-size:11px;padding:14px 20px;color:#58738e;border-bottom:1px solid #e4eaf3}.file-preview-path>.color-icon{width:14px;height:14px}.file-preview-row{display:flex;align-items:center;gap:11px;margin:0 20px;padding:13px 0;border-bottom:1px solid #edf1f6;color:#3b5470;font-size:12px}.file-preview-row:last-child{border:0}.file-preview-row>small{margin-left:auto;font-size:10px;color:#6b8098}.file-preview-row>.color-icon{width:25px;height:25px}
@media(max-width:850px){.policy-selectors>button[aria-selected=true]{box-shadow:inset 0 -3px #2563eb}}
@media(max-width:600px){.chapter-stack .color-icon{width:12px;height:12px}.policy-device>.color-icon{width:64px;height:64px}.architecture-node>.color-icon{width:44px;height:44px;margin-bottom:12px}.file-preview-row{font-size:10px;gap:8px;margin:0 14px}.file-preview-row>small{font-size:9px}.file-preview-path{padding:12px 14px;font-size:10px}.file-preview-top{padding:14px}.guide-art .color-icon{width:38px;height:38px}.device-row .color-icon{width:28px;height:28px}.tenant-devices .color-icon{width:28px;height:28px}.scenario-machines b{font-size:8px;padding:4px 6px}.scene-desktop-screen .explorer-files>div{font-size:7px}.desktop-art .explorer-files .color-icon{width:15px;height:15px}.desktop-art .explorer-files>div{padding:6px 0}.native-taskbar{height:24px}.native-taskbar>.color-icon{width:15px;height:15px}}
.session-desktop .native-taskbar{display:none}
.module-tabs button>span>.color-icon{width:29px;height:29px}