/* Appearance controls remain available before and after sign-in. */
.theme-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 8px; white-space: nowrap; min-height: 40px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); color: var(--ink); font-size: 13px; cursor: pointer; flex-shrink: 0; }
.theme-toggle:hover { border-color: var(--blue); }
.signin { position: relative; }
.signin-theme { position: absolute; top: 22px; right: 24px; z-index: 2; }
:root[data-theme='dark'] {
 color-scheme: dark;
 --ink: #e9edf5; --muted: #a6b0c2; --line: #3e3f42; --border: #3e3f42;
 --panel: #212225; --surface: #151619; --blue: #81b7ff; --mint: #81b7ff;
 --selection: #38393c; --success: #92d9ad; --warning: #f1c479; --danger: #ffabb6;
 --theme-hover: #303134; --theme-subtle: #2a2b2e; --theme-sidebar: #1c1d20;
 --theme-success-bg: #183b2c; --theme-warning-bg: #3c3020; --theme-danger-bg: #422630;
 background: var(--surface); color: var(--ink);
 scrollbar-color: #5f6063 var(--surface);
}
:root[data-theme='dark'] body { background: var(--surface); color: var(--ink); }
:root[data-theme='dark'] ::selection { background: #365c89; color: #fff; }
:root[data-theme='dark'] :is(input, textarea, select) { background: var(--surface); color: var(--ink); border-color: var(--line); }
:root[data-theme='dark'] :is(input, textarea)::placeholder { color: #a0acbf; }
:root[data-theme='dark'] :is(button, a, input, textarea, select, summary):focus-visible { outline-color: #9ec9ff; }
:root[data-theme='dark'] a { color: var(--blue); }
:root[data-theme='dark'] :is(.primary, .biz-button.primary, .net-button.primary, .biz-launch-banner .biz-button, .net-canvas .net-empty .net-button.bright) { background: #2868c1; border-color: #4a88dc; color: #fff; }
:root[data-theme='dark'] :is(.primary, .biz-button.primary, .net-button.primary):hover { background: #3477d2; border-color: #81b7ff; }
:root[data-theme='dark'] :is(.text-button, .biz-button, .net-button, .new-chat, .shell-search, .suggestions button, .gcp-suggestions button, .lesson-nav, .blog-story) { background: var(--panel); color: var(--ink); border-color: var(--line); }
:root[data-theme='dark'] :is(.text-button, .biz-button, .net-button, .new-chat, .shell-search, .suggestions button, .gcp-suggestions button, .lesson-nav, .blog-story):hover { background: var(--theme-hover); border-color: #617a9c; }
:root[data-theme='dark'] #sidebar { background: var(--theme-sidebar); border-color: var(--line); }
:root[data-theme='dark'] :is(.shell-nav, .side-bottom, .business-identity, .login-note) { border-color: var(--line); }
:root[data-theme='dark'] :is(.brand, .login-art .brand, .login-copy h1, .login-box label, .workspace-note strong, .topbar .breadcrumbs #breadcrumb) { color: var(--ink); }
:root[data-theme='dark'] :is(.shell-route, .assistant-nav, .history-item, .side-bottom > button, .side-bottom > a, .breadcrumbs #menu, .lessons-nav) { color: #c7d1e2; }
:root[data-theme='dark'] :is(.shell-route:hover, .assistant-nav:hover, .history-item:hover, .side-bottom > button:hover) { background: var(--theme-hover); color: var(--ink); }
:root[data-theme='dark'] :is(.shell-route.active, .assistant-nav.selected, .history-item.selected, .lessons-nav.active, .lesson-nav.selected, .lesson-nav:hover) { background: var(--selection); border-color: #45658b; color: #b9d8ff; }
:root[data-theme='dark'] :is(.shell-route-icon, .shell-route.active .shell-route-icon) { color: var(--blue); }
:root[data-theme='dark'] :is(.shell-nav-label, .side-label, .private-note, .empty-history, .card-index, .model-label, .shell-search kbd, .login-copy p, .login-foot, .password-field button) { color: var(--muted); }
:root[data-theme='dark'] .topbar { background: #1c1d20f2; border-color: var(--line); }
:root[data-theme='dark'] .bottom-bar { background: var(--theme-sidebar); color: var(--muted); border-color: var(--line); }
:root[data-theme='dark'] .login-art { background: radial-gradient(ellipse at 90% 70%, #244b804f, transparent 65%), #1d1e21; color: var(--ink); }
:root[data-theme='dark'] :is(.login-main, .signin, .assistant-card, .workspace-stamp, .composer, .gcp-composer, .gcp-pricing-content) { background: var(--panel); border-color: var(--line); color: var(--ink); }
:root[data-theme='dark'] :is(.password-field, .login-caps span) { background: var(--surface); border-color: var(--line); color: #c4cfe0; }
:root[data-theme='dark'] .login-copy h1 span { color: var(--blue); }
:root[data-theme='dark'] .assistant-card:hover { border-color: #81b7ff; }
:root[data-theme='dark'] :is(.lessons-welcome, .biz-launch-banner, .lesson-business, .dc-hero, .dc-tour, .perf-callout, .studio-viewer-note, .lessons-tourbar) { background: #2a2b2e; border-color: #505154; color: #c6dcf6; }
:root[data-theme='dark'] :is(.lessons-welcome strong, .biz-launch-banner h2, .biz-launch-banner .biz-note, .biz-launch-banner .biz-overline, .dc-hero h2, .dc-hero p, .dc-hero .eyebrow) { color: #c6dcf6; }
:root[data-theme='dark'] :is(.message-content, .prose, .gcp-answer-body) { color: var(--ink); }
:root[data-theme='dark'] :is(.message-row.user .message-content, .gcp-user, .lesson-user-prompt, .lesson-chat-message:nth-of-type(1)) { background: var(--selection); color: #e0ecff; }
:root[data-theme='dark'] :is(.message-label, .message-meta, .composer-footer, .compose-note, .gcp-answer-label, .gcp-answer-meta, .gcp-empty > p, .gcp-suggestions strong, .gcp-estimate, .gcp-disclaimer, .gcp-cost-status, .gcp-response-cost, .gcp-footnote) { color: var(--muted); }
:root[data-theme='dark'] :is(.composer textarea, .gcp-composer textarea, .password-field input) { background: transparent; color: var(--ink); }
:root[data-theme='dark'] :is(.inspection-details, .journey, .environment-card, .aws-costs-grid > div, .biz-accounts article, .biz-empty, .biz-scenario blockquote, .defense-example, .lesson-chat-message, .studio-transaction, .dc-arm, .dc-text, .dc-prompt) { background: var(--theme-subtle); border-color: var(--line); color: #c7d1e2; }
:root[data-theme='dark'] :is(.inspection-details summary, .journey summary, .journey-stage strong, .journey-stage p, .journey-note, .trace-item, .gcp-cost-top strong, .gcp-pricing-content strong, .environment-state strong, .environment-state p, .environment-facts span, .environment-facts strong, .environment-facts p, .environment-details summary, .gcp-environment-dialog h3) { color: #c7d1e2; }
:root[data-theme='dark'] :is(.status-pill, .safe-guidance, .lesson-safe-path, .studio-invite-output, .studio-change, .dc-review, .net-live.good, .net-form-status, .perf-pill, .biz-tag.settled, .biz-tag.delivered, .biz-tag.manager, .verdict.allowed, .verdict.redacted, .verdict.allow) { background: var(--theme-success-bg); color: var(--success); border-color: #37644c; }
:root[data-theme='dark'] :is(.safe-guidance h3, .gcp-connection, .biz-status span:first-child) { color: var(--success); }
:root[data-theme='dark'] :is(.status-pill.simulation, .gcp-availability, .evaluation-warning, .net-notices, .perf-pill.pending, .biz-tag.pending, .biz-tag.processing, .verdict.monitor, .verdict.monitored) { background: var(--theme-warning-bg); color: var(--warning); border-color: #725739; }
:root[data-theme='dark'] :is(.gcp-connection.unavailable, .gcp-connection.simulation, .gcp-paid, .net-live, .net-notices .net-note) { color: var(--warning); }
:root[data-theme='dark'] :is(.error:not(:empty), .biz-tag.rejected, .verdict.blocked, .verdict.block, .verdict.error) { background: var(--theme-danger-bg); color: var(--danger); border-color: #79505a; }
:root[data-theme='dark'] :is(.environment-dialog, .gcp-environment-dialog, .biz-dialog, .net-dialog, .conversation-picker-dialog, .shell-command, .shell-more-menu) { background: var(--panel); color: var(--ink); border-color: #5e5f62; box-shadow: 0 24px 90px #0008; }
:root[data-theme='dark'] dialog::backdrop { background: #0a0b0ea8; }
:root[data-theme='dark'] :is(.environment-heading, .net-dialog-head, .conversation-picker-help) { background: var(--theme-sidebar); border-color: var(--line); }
:root[data-theme='dark'] :is(.biz-tabs, .defense-tabs, .studio-modes, .dc-rule-tabs, .workspace-tabs, .net-map-toggle) { background: var(--theme-subtle); border-color: var(--line); }
:root[data-theme='dark'] :is(.biz-tabs button, .defense-tabs button, .studio-modes button, .dc-rule-tabs button, .workspace-tabs button, .net-map-toggle button, .shell-studio-more > summary) { color: var(--muted); }
:root[data-theme='dark'] :is(.biz-tabs button.active, .defense-tabs button.active, .studio-modes button.active, .dc-rule-tabs button.active, .workspace-tabs button.active, .net-map-toggle button.active, .shell-studio-more > summary.active) { background: var(--selection); color: #bbd9ff; }
:root[data-theme='dark'] :is(.biz-metrics article, .biz-surface, .biz-person, .biz-person.customer, .biz-scenario, .dc-card, .defense-count, .defense-event, .defense-detail, .defense-policy, .defense-rule, .lesson-card, .studio-card, .lesson-guardrail, .lesson-enforced, .studio-bank, .studio-step) { background: var(--panel); border-color: var(--line); color: var(--ink); }
:root[data-theme='dark'] :is(.biz-avatar, .customer .biz-avatar, .assistant-nav .avatar) { background: #3d3e41; color: #b6d1f4; }
:root[data-theme='dark'] :is(.biz-chips span, .biz-tag, .dc-badge, .biz-product-art) { background: var(--theme-subtle); color: #bac8dd; }
:root[data-theme='dark'] :is(.biz-tag.customer, .lesson-prompt-tabs button.active) { background: var(--selection); color: #b6d5ff; border-color: #45658b; }
:root[data-theme='dark'] :is(.biz-table, .studio-table, .defense-rule-table, .net-hop-table table, .net-hop-table td) { color: var(--ink); border-color: var(--line); }
:root[data-theme='dark'] :is(.biz-table th, .studio-table th, .net-hop-table th) { background: var(--theme-subtle); color: #b7c3d7; border-color: var(--line); }
:root[data-theme='dark'] :is(.biz-table tbody tr:hover, .net-hop-table tr:hover td, .defense-event:hover, .defense-event.selected) { background: var(--theme-hover); border-color: #617a9c; }
:root[data-theme='dark'] :is(.biz-table td, .studio-table td, .defense-rule-table td, .biz-detail-row, .defense-stat) { border-color: var(--line); }
:root[data-theme='dark'] :is(.biz-accounts h3, .biz-product-art span, .defense-event strong, .defense-rule-table td, .defense-detail code, .lesson-nav strong, .lesson-business-story, .lesson-business-risk, .lesson-guardrail > div, .lesson-business-risk strong, .lesson-guardrail > div strong, .lesson-guardrail summary, .lesson-enforced-head > strong, .lesson-takeaway, .studio-bank h3, .studio-step h3, .dc-arm p, .dc-receipt) { color: #cfdaeb; }
:root[data-theme='dark'] :is(.defense-event small, .defense-event time, .defense-event-app, .defense-event-top time, .defense-stat span, .defense-stat small, .defense-empty, .defense-rule-table th, .defense-rule-table td small, .lessons-key p, .lessons-status, .lesson-enforced > small, .lesson-entities, .lesson-fixture, .lesson-presenter-notes, .lesson-guardrail-owner, .studio-invite, .dc-card p, .dc-hash, .biz-status, .defense-filters label, .aws-costs-grid span, .aws-costs-grid small, .aws-costs-note, .aws-costs thead th, .aws-cost-activities) { color: var(--muted); }
:root[data-theme='dark'] .lesson-prompt-tabs button { background: var(--theme-subtle); color: var(--ink); border-color: var(--line); }
/* Data visualizations keep their semantic series colors; only surfaces and axes change. */
:root[data-theme='dark'] :is(.net-toolbar, .net-metric, .net-timeline, .net-canvas, .net-canvas-head, .net-stage, .net-surface, .net-empty, .perf-stat, .perf-map, .perf-waterfall, .perf-callout) { background: var(--panel); border-color: var(--line); color: var(--ink); }
:root[data-theme='dark'] :is(.net-graph-controls, .net-canvas-foot, .net-selected-row, .net-route-summary, .net-zoom) { background: var(--theme-subtle); border-color: var(--line); }
:root[data-theme='dark'] .net-inspector { background: #212225fa; border-color: #617089; }
:root[data-theme='dark'] :is(.net-inspector .net-inspector-close, .conversation-picker-close, .shell-command-head button) { background: var(--theme-hover); color: #cbd6e8; }
:root[data-theme='dark'] :is(.net-field > span, .net-ribbon, .net-metric .net-overline, .net-timeline-foot, .net-legend, .net-legend span, .net-detail-row span, .net-http-breakdown span, .net-inspector .net-overline, .net-inspector .net-note, .net-view-tabs button, .perf-tabs button, .net-selected-row > span, .net-provider-checks, .net-manual summary, .net-canvas-head .net-overline) { color: var(--muted); }
:root[data-theme='dark'] :is(.net-detail-row strong, .net-http-breakdown strong, .net-discovered-row > span, .net-selected-row > strong, .net-timeline-footer > strong, .perf-span-label strong) { color: #d0dced; }
:root[data-theme='dark'] :is(.net-view-tabs button.active, .perf-tabs button.active, .net-chart-readout) { color: var(--blue); }
:root[data-theme='dark'] :is(.net-trace, .perf-node) { background: var(--selection); color: #c6dcf6; border-color: #45658b; }
:root[data-theme='dark'] :is(.perf-node small, .perf-duration, .perf-waterfall-axis, .perf-span-label small) { color: var(--muted); }
:root[data-theme='dark'] :is(.perf-span, .net-detail-row, .net-inspector .net-detail-row) { border-color: var(--line); }
:root[data-theme='dark'] .perf-track { background: repeating-linear-gradient(to right, #3e3f42 0, #3e3f42 1px, transparent 1px, transparent 25%); }
:root[data-theme='dark'] :is(.shell-command-result, .conversation-picker-result, .gcp-toolbar .conversation-picker, .conversation-picker-heading h2) { color: var(--ink); }
:root[data-theme='dark'] :is(.gcp-toolbar .conversation-picker, .conversation-picker-search) { background: var(--surface); border-color: var(--line); color: var(--ink); }
:root[data-theme='dark'] :is(.conversation-picker-result:hover, .shell-command-result:hover, .shell-command-result:focus-visible, .studio-modes .shell-more-menu button:hover) { background: var(--theme-hover); }
:root[data-theme='dark'] .conversation-picker-result[aria-current=true] { background: var(--selection); border-color: #45658b; }
:root[data-theme='dark'] :is(.conversation-picker-result[aria-current=true] strong, .conversation-picker-result[aria-current=true] .conversation-picker-check) { color: var(--blue); }
:root[data-theme='dark'] :is(.conversation-picker-caption, .conversation-picker-chevron, .conversation-picker-heading p, .conversation-picker-count, .conversation-picker-result-copy > span, .conversation-picker-empty, .conversation-picker-help, .shell-command-result small, .shell-command-head > span) { color: var(--muted); }
/* Blog Studio and its capture view use the same palette. */
:root[data-theme='dark'] :is(.blog-stage, .blog-below > section) { background: var(--panel); border-color: var(--line); }
:root[data-theme='dark'] :is(.blog-heading > p, .blog-status, .blog-evidence-tag, .blog-frame-heading p, .blog-explain p, .blog-receipt span, .blog-frame-foot, .blog-policy p, .blog-caption, .blog-export-note) { color: var(--muted); border-color: var(--line); }
:root[data-theme='dark'] .blog-stage { --blog-color: #81b7ff; --blog-wash: #38393c; }
:root[data-theme='dark'] .blog-stage[data-action=block] { --blog-color: #ffabb6; --blog-wash: #422630; }
:root[data-theme='dark'] .blog-stage[data-action=redact] { --blog-color: #92d9ad; --blog-wash: #183b2c; }
:root[data-theme='dark'] .blog-stage[data-action=monitor] { --blog-color: #81b7ff; --blog-wash: #38393c; }
:root[data-theme='dark'] :is(.blog-receipt, .blog-flow-step) { background: var(--theme-subtle); color: var(--muted); border-color: var(--line); }
:root[data-theme='dark'] :is(.blog-receipt > div, .blog-policy details) { border-color: var(--line); }
:root[data-theme='dark'] .blog-receipt strong { color: var(--ink); }
:root[data-theme='dark'] .blog-receipt > div:last-child strong { color: var(--blog-color); }
:root[data-theme='dark'] :is(.blog-wordmark, .blog-policy summary) { color: var(--blue); }
:root[data-theme='dark'] .blog-flow-step.active { background: var(--blog-wash); color: var(--blog-color); }
:root[data-theme='dark'] .blog-story[aria-pressed=true] { background: var(--selection); color: #bbd9ff; border-color: #45658b; }
:root[data-theme='dark'] .blog-progress { background: var(--line); }
:root[data-theme='dark'] .blog-progress::-webkit-progress-bar { background: var(--line); }
@media(max-width:600px) { .topbar .theme-toggle { padding: 7px 9px; min-height: 36px; font-size: 12px; } .signin-theme { top: 14px; right: 16px; } }

/* Populated conversations and secondary views use the same semantic surfaces. */
:root[data-theme='dark'] { --chat-user: #38393c; --chat-user-border: #515255; --chat-detail: #212225; --chat-code: #303134; --chat-action-denied: #ffabb6; --chat-action-pending: #f1c479; }
:root[data-theme='dark'] .message-row.assistant .message-content { background: transparent; border-color: transparent; color: var(--ink); }
:root[data-theme='dark'] .message-row.user .message-content { border-color: var(--chat-user-border); }
:root[data-theme='dark'] .message-content .prose, :root[data-theme='dark'] .gcp-answer .prose, :root[data-theme='dark'] .reply-list { color: var(--ink); }
:root[data-theme='dark'] .journey-status { background: var(--chat-code); color: var(--muted); border-color: var(--line); }
:root[data-theme='dark'] .journey-stage::before { background: var(--chat-code); color: var(--muted); border-color: var(--line); }
:root[data-theme='dark'] :is(.journey-stage.allow, .journey-stage.delivered, .journey-stage.settled, .journey-stage.executed) .journey-status { background: var(--theme-success-bg); color: var(--success); }
:root[data-theme='dark'] :is(.journey-stage.block, .journey-stage.denied, .journey-stage.error, .journey-stage.withheld) .journey-status { background: var(--theme-danger-bg); color: var(--danger); }
:root[data-theme='dark'] :is(.journey-stage.redact, .journey-stage.pending) .journey-status { background: var(--theme-warning-bg); color: var(--warning); }
:root[data-theme='dark'] .journey-stage.monitor .journey-status { background: var(--selection); color: #bbd9ff; }
:root[data-theme='dark'] :is(.journey-checks, .journey > .inspection-details) { background: transparent; border-color: var(--line); color: var(--muted); }
:root[data-theme='dark'] :is(.journey > summary > span:first-child, .journey-stage strong, .journey-checks span) { color: var(--ink); }
:root[data-theme='dark'] :is(.journey-counts, .journey-summary strong, .journey-checks strong, .journey-checks p, .journey-note, .trace-source, .waiting, .gcp-thinking, .gcp-pending-note) { color: var(--muted); }
:root[data-theme='dark'] .journey-events button { background: var(--panel); color: var(--blue); border-color: var(--line); }
:root[data-theme='dark'] .trace-decision { color: var(--success); }
:root[data-theme='dark'] .trace-decision.block { color: var(--danger); }
:root[data-theme='dark'] .trace-decision.redact { color: var(--warning); }
:root[data-theme='dark'] :is(.defense-stat, .defense-guide-card, .defense-explainer, .defense-action-guide > div, .lesson-prompt-card, .lesson-result, .lesson-pair-summary > div, .safe-guidance-draft) { background: var(--panel); color: var(--ink); border-color: var(--line); }
:root[data-theme='dark'] :is(.defense-pattern, .lesson-prompt, .lesson-pair-summary, .lesson-enforced-why) { background: var(--theme-subtle); color: #c7d1e2; border-color: var(--line); }
:root[data-theme='dark'] :is(.defense-guide-card p, .defense-guide-card > strong, .defense-explainer p, .defense-action-guide p, .lesson-result-head time, .lesson-verdict, .safe-guidance .defense-note, .lesson-pair-summary p, .lesson-enforced-why p) { color: var(--muted); }
:root[data-theme='dark'] :is(.defense-filters select, .defense-filters input, .lesson-replay-controls select, .studio-toolbar select, .studio-invite-form select, .demo-center select, .dc-review-form textarea, .net-field input, .net-field select, .net-selected-row select, .net-graph-controls input, .net-graph-controls select, .biz-search, #demo-center > select) { background: var(--surface); color: var(--ink); border-color: var(--line); }
:root[data-theme='dark'] :is(.lesson-verdict, .defense-badge) { background: var(--theme-success-bg); color: var(--success); }
:root[data-theme='dark'] :is(.defense-badge.block, .lesson-enforced.block .journey-status, .lesson-enforced.denied .journey-status) { background: var(--theme-danger-bg); color: var(--danger); }
:root[data-theme='dark'] :is(.defense-badge.redact, .lesson-enforced.redact .journey-status, .lesson-enforced.pending .journey-status) { background: var(--theme-warning-bg); color: var(--warning); }
:root[data-theme='dark'] :is(.defense-badge.monitor, .lesson-enforced.monitor .journey-status) { background: var(--selection); color: #bbd9ff; }
:root[data-theme='dark'] :is(.net-map-toggle button, .net-zoom button) { background: transparent; color: var(--muted); }
:root[data-theme='dark'] .net-map-toggle button.active { background: var(--selection); color: #bbd9ff; }
:root[data-theme='dark'] .net-legend .unknown { background: var(--panel); border-color: #8da2bc; }
:root[data-theme='dark'] .net-zoom .net-button:hover { background: var(--theme-hover); }
:root[data-theme='dark'] :is(.aws-costs-table, .aws-cost-activities, .safe-guidance-draft, .lesson-pair-summary > div, .defense-guide-card) { border-color: var(--line); }
:root[data-theme='dark'] .gcp-availability:not(:empty) { background: var(--theme-warning-bg); color: var(--warning); }
:root[data-theme='dark'] .net-chart-grid { stroke: var(--line); }
:root[data-theme='dark'] :is(.net-chart-axis, .net-node-sub, .net-hop-time, .net-hop-question, .net-lane-label) { fill: var(--muted); }
:root[data-theme='dark'] :is(.net-node-label, .net-hop-label) { fill: var(--ink); }
:root[data-theme='dark'] .net-node-shape { fill: #313235; stroke: #6f8daa; }
:root[data-theme='dark'] .net-node-shape.violet { fill: #35304f; stroke: #a99ed8; }
:root[data-theme='dark'] .net-node-shape.mint { fill: #343538; stroke: #82b99c; }
:root[data-theme='dark'] .net-node-shape.blue { fill: #36373a; stroke: #8aafd9; }
:root[data-theme='dark'] .net-node-shape.muted { fill: #2e2f32; stroke: #8593a8; }
:root[data-theme='dark'] .net-node-glyph { fill: #b6cde8; }
:root[data-theme='dark'] :is(.net-graph-node:hover, .net-graph-node:focus-visible, .net-graph-node.selected) .net-node-halo { fill: var(--selection); stroke: var(--blue); }
:root[data-theme='dark'] .net-topology pattern circle { fill: #3e3f42; }
:root[data-theme='dark'] :is(.net-hop-node.unknown, .net-hop-node.unobserved) .net-hop-dot { fill: var(--panel); stroke: #8da2bc; }
:root[data-theme='dark'] .net-round-point circle:not(.net-point-hit) { fill: var(--panel); stroke: var(--blue); }
:root[data-theme='dark'] .workspace-note small { color: var(--muted); }
:root[data-theme='dark'] .model-label { background: var(--panel); color: var(--muted); border-color: var(--line); }
:root[data-theme='dark'] :is(.shell-command-icon, .perf-node-icon, .perf-map-detail > span) { color: var(--blue); }
:root[data-theme='dark'] :is(.perf-branch p, .perf-map-detail, .perf-map-detail > p) { color: var(--muted); }
:root[data-theme='dark'] .perf-map-detail > strong { color: var(--ink); }
:root[data-theme='dark'] .perf-heading > p { color: var(--muted); }
:root[data-theme='dark'] .perf-branch > span { color: var(--blue); }
:root[data-theme='dark'] :is(.avatar.mint, .mint .avatar) { background: #183b2c; color: #92d9ad; }
:root[data-theme='dark'] :is(.avatar.blue, .blue .avatar, .user-avatar) { background: #38393c; color: #bbd9ff; }
:root[data-theme='dark'] :is(.avatar.gold, .gold .avatar) { background: #3c3020; color: #f1c479; }
:root[data-theme='dark'] :is(.avatar.rose, .rose .avatar) { background: #422630; color: #ffabb6; }
:root[data-theme='dark'] :is(.avatar.violet, .violet .avatar) { background: #39304f; color: #cebaff; }
:root[data-theme='dark'] :is(.avatar.cyan, .cyan .avatar) { background: #323336; color: #8bd6e4; }
:root[data-theme='dark'] :is(.avatar.orange, .orange .avatar) { background: #422c20; color: #f4ba90; }
:root[data-theme='dark'] :is(.avatar.silver, .silver .avatar) { background: #313235; color: #bfcee8; }
:root[data-theme='dark'] .gcp-empty > .avatar { background: var(--selection); color: #bbd9ff; }

:root{color-scheme:dark;--bg:#121316;--panel:#1b1c1f;--line:#313235;--text:#edf1f4;--muted:#9aa7b2;--accent:#00cce8;--mint:#33c7b4;--amber:#efb85a;--sidebar:218px}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 80% 300px at 32% 0,#2d2e3180,transparent),radial-gradient(ellipse 60% 260px at 85% 0,#522b514d,transparent),var(--bg);color:var(--text);font:13px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #454649;border-radius:5px;padding:8px 12px;background:#2a2b2e;color:var(--text)}button:hover{background:#38393c;border-color:#65808e}button:disabled{opacity:.45;cursor:wait}input,select,textarea{background:#252629;border:1px solid #3e3f42;border-radius:5px;color:var(--text);padding:9px 11px;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}
aside{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:23px 13px;border-right:1px solid var(--line);background:linear-gradient(180deg,#2d2e31,#191a1d 60%);z-index:5}.brand{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:650;letter-spacing:.8px;padding:0 7px}.mark{display:grid;place-items:center;color:var(--accent);border:1px solid #47808b;border-radius:7px;width:31px;height:31px;font-size:19px}.brand small{display:block;font-size:8px;letter-spacing:1.3px;color:var(--muted);margin-top:3px}.nav-label{margin:35px 12px 12px;font-size:9px;letter-spacing:1.6px;color:#9ca9b4}nav a{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-radius:4px;margin:4px 0;color:#b4bfc9;font-size:12px;border-left:2px solid transparent}nav a:hover{background:#ffffff06}nav a.active{background:#17181b;border-left-color:var(--accent);color:#fff}nav a span{font-size:11px;color:#8095a4}.side-foot{position:absolute;bottom:24px;left:23px;color:var(--muted);font-size:10px}.side-foot p{color:#80909c;margin:5px 0 16px}.dot{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin-right:6px}
main{margin-left:var(--sidebar);padding:0 25px;max-width:2300px}header{height:61px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #5e5f6244;color:var(--muted);font-size:12px}.header-actions{display:flex;align-items:center;gap:14px}.badge{color:#b7c7d2;letter-spacing:.8px;font-size:9px;border:1px solid #4d4e51;background:#232427;padding:4px 7px;border-radius:4px}.hero{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:27px 0 20px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.6px;color:#84aebf}h1{font-size:29px;line-height:1.2;letter-spacing:-.6px;margin:7px 0}h2{font-size:14px;font-weight:600;margin:0 0 8px}h3{font-size:13px;margin:0 0 10px}p{color:var(--muted)}.hero p{max-width:760px;margin:8px 0;font-size:12px}#identity{min-width:235px}#identity label,#identity small{display:block;font-size:10px;color:var(--muted);margin-bottom:5px}#identity select{width:100%}#identity small{margin:6px 0}.notice{background:#212225;border:1px solid #38393c;padding:9px 12px;font-size:11px;border-radius:5px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 22px}.kpi{border:1px solid var(--line);border-radius:7px;background:var(--panel);padding:17px}.kpi label{display:block;color:var(--muted);font-size:10px}.kpi strong{display:block;font-size:26px;font-weight:600;letter-spacing:-.6px;margin:5px 0}.kpi small{color:#8697a5;font-size:10px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:20px}.card{min-height:220px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--card-accent,var(--accent))}.card .number{font-size:10px;letter-spacing:1.3px;color:#9db0bf}.card h2{margin:18px 0 10px}.card p{font-size:12px;min-height:57px}.card a{display:inline-block;margin-top:14px;font-size:12px;color:var(--accent)}.panels{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}.panel.wide{grid-column:1/-1}.section-head{display:flex;align-items:center;justify-content:space-between;margin:25px 0 16px}.section-head p{margin:0;font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}th{color:#a3afb9;font-size:9px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}td,th{padding:11px 10px;border-bottom:1px solid #313235;white-space:nowrap}td:last-child{white-space:normal}td small{display:block;color:var(--muted)}.pill{display:inline-block;padding:3px 7px;border-radius:4px;font-size:10px;background:#2f3033;color:#a5c9e4}.pill.denied,.pill.blocked{background:#493721;color:#f4c36b}.pill.error{background:#492c32;color:#ffabb4}.pill.complete,.pill.allowed,.pill.resolved,.pill.reviewed{background:#333437;color:#7ed8bd}.empty{padding:25px;text-align:center;color:#91a1ad}.record{padding:20px;border:1px solid var(--line);border-radius:7px;background:var(--panel);margin:12px 0}.record-top{display:flex;align-items:center;gap:10px}.record-top strong{flex:1}.record-id{color:#9bacbd;font:11px ui-monospace,monospace}.record p{font-size:13px}.actions{display:flex;gap:10px;margin-top:15px}.ai-result{margin-top:18px;padding:17px;background:#16171a;border-left:2px solid var(--mint);white-space:pre-wrap;font-size:12px;line-height:1.7}.ranking{margin-top:16px}.rank{margin:12px 0}.rank-head{display:flex;justify-content:space-between;gap:15px;font-size:11px;margin-bottom:6px}.bar-track{height:7px;background:#2e2f32;border-radius:2px;overflow:hidden}.bar{height:100%;background:var(--mint)}.muted,.panel-note{font-size:10px;color:#9daab5}.flow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0}.flow-node{border:1px solid #4b4c4f;background:#28292c;border-radius:5px;padding:10px 13px;font-size:11px}.flow-arrow{color:#7f98a8}.trace{font:10px ui-monospace,monospace;color:#85c4d9;overflow-wrap:anywhere}.error{color:#ffb2b9}footer{padding:22px 0;color:#81939f;font-size:10px}dialog{width:560px;max-width:94vw;background:#1c1d20;border:1px solid #4f5053;border-radius:8px;padding:25px;color:var(--text)}dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between}form label{display:block;color:#a8b5c4;font-size:12px;margin:16px 0 7px}form input,form textarea{width:100%}form p{font-size:11px}.login-card{max-width:520px;margin:90px auto}.login-card button{margin-top:18px;width:100%}a.link{color:var(--accent)}.stat-row{display:flex;justify-content:space-between;gap:15px;padding:7px 0;border-bottom:1px solid var(--line);font-size:11px}.sparkline{width:100%;height:70px;margin:15px 0}.sparkline polyline{stroke:var(--accent);stroke-width:2;fill:none}.time-axis{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}
/* Compact connected workspace. */
body.observing .hero{padding:18px 0 12px}body.observing .hero .eyebrow{display:none}body.observing h1{font-size:23px;margin:0 0 5px}body.observing .hero p{margin:0}body.observing #notice{margin:0 0 12px;background:transparent;border:0;padding:0;color:var(--muted);font-size:10px}body.observing #kpis{display:none}body.observing footer{font-size:9px;padding:16px 0}.connected-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:13px}.filter-control{display:flex;align-items:center;gap:8px;background:#252629;border:1px solid #3f4043;border-radius:5px;padding-left:11px;font-size:10px;color:#b3c0ca}.filter-control select{background:transparent;border:0;font-size:11px;padding:8px;min-width:140px}.range-chip,.source-chip{padding:7px 10px;border:1px solid #404144;border-radius:4px;font-size:10px;color:#c0cbd3}.toolbar-links{display:flex;gap:12px;align-items:center;margin-left:auto;font-size:10px}.source-chip{padding:3px 7px;font-size:9px;color:#9fbbc8;background:#202124}.connected-panel{padding:0;overflow:hidden}.panel-heading{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h2{margin:0;font-size:13px}.panel-heading p{margin:3px 0 0;font-size:10px}.network-viewport{overflow-x:auto}.network-canvas{display:grid;grid-template-columns:minmax(440px,1fr) 245px;min-width:740px}.path-side{padding:15px 16px 8px}.path-column-labels{display:grid;grid-template-columns:150px minmax(210px,1fr) 94px;gap:10px;padding-bottom:11px;color:#8fa1af;font-size:9px;text-transform:uppercase;letter-spacing:.7px}.agent-lane{display:grid;grid-template-columns:150px minmax(210px,1fr) 94px;align-items:center;gap:10px;min-height:90px;border-top:1px solid #2e2f32}.agent-card{padding:9px 10px;background:#222326;border:1px solid #404144;border-radius:5px}.agent-card strong{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:500}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--mint);display:inline-block;flex:none}.status-dot.stale,.status-dot.unknown{background:var(--amber)}.status-dot.failed{background:#f17b83}.agent-card small{display:block;font-size:9px;color:#a1b0bc;margin-top:4px}.agent-card .probe-time{font-size:8px;color:#7f95a4}.hop-track{display:flex;align-items:center;justify-content:center;gap:0;position:relative;padding:9px 0}.hop-link{flex:1;min-width:7px;max-width:35px;border-top:1px solid #5b7889;position:relative}.hop-link:after{content:"";width:4px;height:4px;border-top:1px solid #5b7889;border-right:1px solid #5b7889;transform:rotate(45deg);position:absolute;right:0;top:-3px}.hop-node{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:26px;padding:0;border:0;background:transparent;color:#b7cbd7;position:relative;font-size:8px}.hop-node:hover{background:transparent;border:0;color:white}.hop-circle{display:grid;place-items:center;width:24px;height:24px;border:1px solid #6b899b;background:#202124;border-radius:50%;font-size:10px;color:#d5e3eb}.hop-node.selected .hop-circle,.hop-node:hover .hop-circle,.hop-node:focus-visible .hop-circle{border-color:var(--accent);box-shadow:0 0 0 3px #00cce814;color:var(--accent)}.hop-node.unanswered .hop-circle{border-style:dashed;color:#8e9ba5}.hop-rtt{font-size:8px;white-space:nowrap;color:#8399aa}.uncollected-path{width:100%;border-top:1px dashed #5b5c5f;color:#9daab5;font-size:9px;text-align:center;padding-top:7px;margin-top:17px;min-height:37px}.edge-node{border:1px solid #4c4d50;border-radius:5px;background:#232427;text-align:center;padding:9px 4px;font-size:10px}.edge-node small{display:block;color:#8da3b2;font-size:8px;margin-top:3px}.application-endpoint{background:#202124;border-left:1px dashed #6c6758;padding:15px 17px;display:flex;flex-direction:column;justify-content:center;position:relative}.tunnel-label{font-size:9px;color:var(--amber);margin-bottom:12px;display:flex;align-items:center;gap:6px}.tunnel-line{height:0;width:21px;border-top:1px dashed var(--amber)}.endpoint-title{display:flex;gap:9px;align-items:center}.endpoint-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid #3a737d;border-radius:6px;color:var(--accent);font-size:18px}.endpoint-title h3{font-size:15px;margin:0}.endpoint-title small{font-size:9px;color:var(--muted)}.endpoint-metrics{display:grid;grid-template-columns:1fr 1fr;gap:13px 12px;margin:17px 0 14px}.endpoint-metric strong{display:block;font-size:22px;font-weight:550;line-height:1.1}.endpoint-metric span{font-size:9px;color:#9bafbc}.endpoint-metric small{font-size:9px;color:#a0b3be}.endpoint-link{font-size:10px;color:var(--accent)}.path-context{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#17181b;border-top:1px solid var(--line);font-size:10px;min-height:43px}.path-context strong{color:#b6dce6;font-size:10px;white-space:nowrap}.path-context p{margin:0;color:#8ea1af;font-size:10px}.evidence-caption{display:flex;justify-content:space-between;gap:20px;padding:9px 16px;font-size:9px;color:#8e9eaa;border-top:1px solid var(--line)}.evidence-caption span{max-width:70%}.compact-grid{display:grid;grid-template-columns:minmax(300px,1.25fr) minmax(240px,1fr) minmax(230px,.9fr);gap:12px;margin-top:12px}.compact-grid .panel{padding:14px 16px}.compact-grid h2{font-size:12px}.compact-grid .panel-note{margin:4px 0 10px;font-size:9px}.segmented{display:flex;border:1px solid #3e3f42;border-radius:4px;padding:2px;gap:2px}.segmented button{border:0;border-radius:3px;padding:4px 8px;font-size:9px;background:transparent;color:#a0afba}.segmented button.active{background:#353639;color:#fff}.allocation-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px}.allocation-heading h2{margin:0}.token-summary{display:flex;align-items:baseline;gap:8px;margin:2px 0 7px}.token-summary strong{font-size:26px;line-height:1.2;font-weight:550}.token-summary small{font-size:10px;color:var(--muted)}.compact-grid .ranking{margin-top:7px}.compact-grid .rank{margin:11px 0}.compact-grid .rank-head{font-size:10px;margin-bottom:5px}.compact-grid .rank small{font-size:9px}.compact-grid .bar-track{height:6px}.compact-grid .bar{background:#23b4b0}.compact-grid .rank:nth-child(2) .bar{background:#1a8e91}.compact-grid .rank:nth-child(3) .bar{background:#5e5f62}.inspection-result{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:12px 0}.inspection-result strong{font-size:14px;font-weight:500}.inspection-stages{display:flex;align-items:center;gap:5px;margin:13px 0}.stage{padding:5px 7px;border:1px solid #414245;background:#242528;border-radius:4px;color:#a5d7c9;font-size:9px;white-space:nowrap}.stage.unknown{background:#27282b;border-color:#414245;color:#9dadb7}.stage-arrow{color:#78929a;font-size:10px}.compact-grid .stat-row{font-size:10px;padding:6px 0}.compact-grid .stat-row strong{font-weight:500;text-align:right}.usage-meter{font-size:9px;color:#92a4b0;margin-top:10px}.delivery-summary{display:flex;align-items:center;gap:13px;flex-wrap:wrap;font-size:10px;color:#9cadba}.delivery-summary strong{font-weight:500;color:#c7d7de}.investigation{margin-top:12px;border:1px solid var(--line);background:var(--panel);border-radius:6px}.investigation>summary{cursor:pointer;padding:13px 16px;font-size:11px;color:#c7d6df;display:list-item;list-style-position:inside}.investigation>summary .muted{margin-left:8px;font-size:9px}.investigation-body{padding:0 16px 15px}.investigation .panels{margin-top:10px}.investigation .panel{background:#18191c;padding:13px}.investigation .panel h2{font-size:12px}.investigation table{font-size:10px}.investigation .pill{font-size:9px}.copy-trace{font:9px ui-monospace,monospace;padding:4px 6px;max-width:180px;overflow:hidden;text-overflow:ellipsis;background:#232427;color:#99cbd9}.connected-empty{padding:35px;text-align:center;color:var(--muted)}
@media(min-width:1600px){.agent-lane{min-height:100px}.hop-circle{width:29px;height:29px}.network-canvas{grid-template-columns:minmax(600px,1fr) 285px}.endpoint-metric strong{font-size:25px}.compact-grid .rank-head{font-size:11px}}
@media(max-width:1220px){:root{--sidebar:190px}main{padding:0 18px}.network-canvas{grid-template-columns:minmax(440px,1fr) 225px}.path-side{padding-left:12px;padding-right:12px}.agent-lane,.path-column-labels{grid-template-columns:127px minmax(190px,1fr) 80px}.compact-grid{grid-template-columns:1fr 1fr}.compact-grid>.panel:last-child{grid-column:1/-1}.compact-grid>.panel:last-child .governance-rows{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.toolbar-links{margin-left:0}}
@media(max-width:900px){:root{--sidebar:180px}main{padding:0 14px}.brand{font-size:11px;gap:7px}.brand small{font-size:7px}nav a{font-size:11px;padding:10px 8px}.cards{grid-template-columns:1fr}.card{min-height:165px}.card p{min-height:0}.hero{align-items:flex-start}.kpis{grid-template-columns:repeat(2,1fr)}.evidence-caption{display:block}.evidence-caption span{max-width:none;display:block}.evidence-caption span+span{margin-top:5px}.delivery-summary{gap:7px}.source-chip{display:none}}
@media(max-width:720px){aside{position:static;width:auto;padding:13px 15px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:12px}nav{display:flex;overflow:auto;margin-top:10px}nav a{white-space:nowrap;gap:12px;margin:0 3px}.nav-label,.side-foot{display:none}main{margin-left:0;padding:0 13px}header{height:51px}.hero{display:block;padding-top:22px}#identity{margin-top:18px}.panels,.compact-grid{grid-template-columns:1fr}.compact-grid>.panel:last-child{grid-column:auto}.compact-grid>.panel:last-child .governance-rows{display:block}.kpis{gap:9px}.kpi{padding:13px}.kpi strong{font-size:23px}.connected-toolbar{gap:6px}.filter-control{flex:1}.filter-control select{min-width:110px;max-width:170px}.range-chip{padding:7px;font-size:9px}.toolbar-links{width:100%;font-size:9px;margin:4px 0}.panel-heading{align-items:flex-start}.path-context{display:block}.path-context p{margin-top:5px}.path-column-labels{font-size:8px}.network-canvas{min-width:730px}.investigation>summary .muted{display:block;margin:5px 0 0 15px}.source-chip{display:none}body.observing h1{font-size:21px}}
.hop-track{min-width:0;overflow-x:auto}.hop-node{flex-shrink:0}.compact-grid>.panel{min-width:0}
@media(max-width:720px){.network-canvas{display:flex;flex-direction:column;min-width:0}.application-endpoint{order:0;border-left:0;border-bottom:1px dashed #6c6758;padding:14px 16px}.path-side{order:1;overflow-x:auto;padding:12px}.path-column-labels,.agent-lane{min-width:590px}.endpoint-metrics{grid-template-columns:repeat(4,1fr);gap:10px;margin:13px 0}.endpoint-metric strong{font-size:19px}.endpoint-metric span{font-size:8px}.application-endpoint .panel-note{margin-bottom:0}.tunnel-label{margin-bottom:9px}.network-viewport{overflow:hidden}}
.hop-link.lead,.hop-link.trail{max-width:none;min-width:12px}.edge-node{position:relative}.edge-node:after{content:"";position:absolute;left:100%;top:50%;width:17px;border-top:1px dashed var(--amber)}.edge-node:before{content:"";position:absolute;left:calc(100% + 12px);top:calc(50% - 3px);width:6px;height:6px;border-top:1px solid var(--amber);border-right:1px solid var(--amber);transform:rotate(45deg)}
@media(max-width:720px){.edge-node:after,.edge-node:before{display:none}}
.status-dot.warning{background:var(--amber)}.agent-card small.network-warning{color:var(--amber)}
/* Application-path reference: Cloud Control color field and application-first map. */
body{background:linear-gradient(180deg,transparent 0,#121316e8 430px,#121316 680px),linear-gradient(112deg,#343538 0%,#36373a 36%,#503051 78%,#2b263b 100%);background-attachment:fixed}
body.observing aside{display:none}body.observing main{margin:0 auto;max-width:1440px;padding:0 26px}body.observing header{height:57px;color:#cad4df;border-color:#7a8da146}body.observing .hero{padding-top:22px}body.observing h1{font-size:25px}body.observing .hero p{color:#b9c6d4}body.observing #notice{color:#aabacd}body.observing .panel{background:#1b1c1fed;border-color:#444548}body.observing .connected-toolbar{margin-bottom:18px}body.observing .connected-toolbar>.link{font-size:10px;margin-right:4px}.filter-control{background:#31323594;border-color:#53627d8c}.range-chip{background:#27282b80;border-color:#5f606380}.path-summary{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:0 0 17px}.path-status{display:flex;align-items:center;gap:11px}.path-status-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;font-size:15px;flex:none}.path-status-icon.clear{background:#3334374d;color:#61d7b1;border:1px solid #646568}.path-status-icon.attention{background:#55442791;color:#f4bc64}.path-status-icon.issue{background:#632f4391;color:#fa8299}.path-status strong{display:block;font-size:12px;font-weight:600}.path-status small{display:block;margin-top:3px;font-size:10px;color:#a5b9c8}.path-summary-values{display:flex;gap:24px}.path-summary-value span{display:block;font-size:9px;color:#a9bccb;letter-spacing:.3px}.path-summary-value strong{display:block;font-size:16px;font-weight:550;margin-top:2px;color:#d5e3ef}.path-summary-value .attention-text{color:#f0bb69}.network-canvas{grid-template-columns:265px minmax(0,1fr);gap:24px;padding:16px;min-width:0}.network-viewport{overflow:hidden}.application-endpoint{grid-column:1;order:0;justify-content:flex-start;padding:0 0 14px;border:1px solid #527385;border-radius:7px;background:#1d1e21;overflow:hidden}.application-endpoint .tunnel-label{display:none}.endpoint-title{padding:14px;background:#3031348c;border-bottom:1px solid #505154}.endpoint-title h3{font-size:15px}.endpoint-icon{width:31px;height:31px;background:#36373a;border-color:#2d647e;color:#77d0f4}.endpoint-metrics{margin:0;padding:17px 14px 11px;gap:15px 12px}.endpoint-metric strong{font-size:22px;color:#e1ecf4}.endpoint-metric span{font-size:9px;color:#9fb7c9}.application-endpoint>.endpoint-link,.application-endpoint>.panel-note{margin:10px 14px 0}.application-endpoint>.panel-note{font-size:9px}.application-components{padding:0 14px}.component-caption{margin:12px 0 6px;padding-top:10px;border-top:1px solid #46474a;font-size:9px;color:#a9bdcd}.application-components .stat-row{font-size:10px;padding:6px 0}.application-components .stat-row strong{font-weight:500}.dependency-tags{font-size:10px;color:#bccfdc;line-height:1.8}.path-side{display:flex;flex-direction:column;grid-column:2;order:1;padding:3px 0 0;min-width:0}.path-column-labels{grid-template-columns:110px minmax(0,1fr) 145px;font-size:9px;padding:0 0 13px;gap:8px}.path-column-labels>span:nth-child(2){text-align:center}.path-column-labels>span:last-child{text-align:center}.branch-body{display:grid;grid-template-columns:110px 65px minmax(0,1fr);position:relative;flex:1;min-height:310px}.shared-edge{grid-column:1;grid-row:1;align-self:center;text-align:center;position:relative;z-index:1}.shared-edge-icon{display:grid;place-items:center;width:40px;height:40px;margin:0 auto 9px;border:2px solid #54b8ed;border-radius:50%;font-size:25px;background:#313235;color:#69ccf4}.shared-edge strong{display:block;font-size:11px;font-weight:500;color:#d7e5ef}.shared-edge small{display:block;font-size:9px;color:#91aabd;margin:4px 0}.shared-edge .private-boundary{font-size:8px;color:#dcba7b;margin-top:11px}.shared-edge:before{content:"";position:absolute;right:100%;top:35%;width:24px;border-top:1px dashed #c7ad77}.branch-curves{grid-column:2;grid-row:1;width:100%;height:100%;overflow:visible;stroke:#658899;stroke-width:1.2;fill:none}.branch-rows{grid-column:3;grid-row:1;display:flex;flex-direction:column;min-width:0}.agent-lane{display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:12px;flex:1;min-height:100px;border:0}.agent-card{background:none;border:0;text-align:center;padding:8px 0}.agent-card:before{content:"☁";display:grid;place-items:center;width:36px;height:36px;margin:0 auto 5px;border:1px solid #469d91;border-radius:50%;background:#2f3033;color:#65d9b3;font-size:20px}.agent-card:has(.status-dot.warning):before,.agent-card:has(.status-dot.stale):before,.agent-card:has(.status-dot.unknown):before{border-color:#c59a52;color:#ebc274;background:#403222}.agent-card:has(.status-dot.failed):before{border-color:#dc768e;color:#fa9fb2;background:#442b35}.agent-card strong{justify-content:center;font-size:10px}.agent-card small{font-size:8px;margin-top:2px}.agent-card .probe-time{font-size:8px}.hop-track{overflow-x:auto;gap:0}.hop-circle{width:21px;height:21px;font-size:8px;border-color:#56a7cd;background:#36373a;color:#b7e2f5}.hop-node{min-width:24px}.hop-rtt{font-size:8px;color:#6bd1b3}.hop-link{min-width:4px;max-width:24px;border-color:#658899}.hop-link:after{left:0;right:auto;transform:rotate(225deg);border-color:#658899}.hop-link.lead,.hop-link.trail{min-width:6px}.path-context{border-color:#4e4f52;background:#1d1e21}.path-context strong{font-size:10px}.evidence-caption{border-color:#444548;color:#9eb2c2}.panel-heading{border-color:#4f5053;background:#2d2e314d}.compact-grid{gap:13px;margin-top:15px}.compact-grid>.panel{background:#1e1f22cc}.compact-grid .bar{background:#1ab9b7}.compact-grid .rank:nth-child(2) .bar{background:#188d96}.compact-grid .rank:nth-child(3) .bar{background:#286f81}
@media(max-width:1100px){body.observing main{padding:0 18px}.network-canvas{grid-template-columns:245px minmax(0,1fr);gap:18px;padding:13px}.branch-body{grid-template-columns:94px 42px minmax(0,1fr)}.path-column-labels{grid-template-columns:94px minmax(0,1fr) 126px}.agent-lane{grid-template-columns:minmax(0,1fr) 126px;gap:7px}.path-summary-values{gap:14px}.hop-circle{width:19px;height:19px}.hop-node{min-width:21px}.path-summary-value strong{font-size:14px}}
@media(max-width:850px){.path-summary{align-items:flex-start}.path-summary-values{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.network-canvas{grid-template-columns:225px minmax(0,1fr);gap:15px}.path-side{overflow-x:auto}.path-column-labels,.branch-body{min-width:510px}.shared-edge:before{display:none}}
@media(max-width:720px){body.observing main{padding:0 12px}body.observing header{height:52px}body.observing .hero{padding-top:17px}body.observing h1{font-size:23px}.path-summary{display:block}.path-summary-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}.path-summary-value span{font-size:8px;letter-spacing:0}.path-summary-value strong{font-size:12px}.network-canvas{display:flex;flex-direction:column;padding:11px;gap:18px}.application-endpoint{order:0;width:100%;padding-bottom:13px}.endpoint-metrics{grid-template-columns:repeat(4,minmax(0,1fr));padding:13px 12px;gap:10px}.endpoint-metric strong{font-size:19px}.endpoint-metric span{font-size:8px}.application-components{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.component-caption{grid-column:1/-1;margin-top:3px;padding-top:9px}.dependency-tags{grid-column:1/-1}.path-side{order:1;padding:0;min-width:0;width:100%}.path-column-labels,.branch-body{min-width:600px}.branch-body{grid-template-columns:94px 44px minmax(0,1fr);min-height:340px}.path-column-labels{grid-template-columns:94px minmax(0,1fr) 126px}.agent-lane{min-width:0;grid-template-columns:minmax(0,1fr) 126px}.compact-grid{grid-template-columns:1fr}.connected-toolbar .toolbar-links{margin-top:6px}.network-canvas .application-endpoint .panel-note{margin-bottom:0}}
body.observing main{max-width:1320px}.network-canvas{grid-template-columns:250px minmax(0,1fr)}.endpoint-title{padding:12px}.endpoint-metrics{padding:13px 12px 8px;gap:11px}.endpoint-metric strong{font-size:21px}.application-components{padding:0 12px}.component-caption{margin:8px 0 5px;padding-top:8px}.application-components .stat-row{padding:5px 0}.application-endpoint>.endpoint-link,.application-endpoint>.panel-note{margin-top:8px}.application-endpoint>.panel-note{line-height:1.5}.branch-body{min-height:300px}
@media(max-width:1100px){.network-canvas{grid-template-columns:235px minmax(0,1fr)}}
@media(max-width:720px){.network-canvas{display:flex}.endpoint-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.component-caption{grid-column:1/-1}.application-components .stat-row{grid-column:1/-1}.branch-body{min-height:330px}}
/* Native APM status and focused, accessible investigation dialogs. */
.network-canvas{grid-template-columns:330px minmax(0,1fr);gap:19px}.native-apm-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px}.apm-metric{text-align:left;padding:8px 7px;min-height:64px;background:#242528;border:1px solid #444548;border-radius:5px;min-width:0}.apm-metric:hover{background:#313235;transform:translateY(-1px)}.apm-metric .metric-label{display:block;font-size:9px;color:#b2c6d3;white-space:nowrap}.apm-metric strong{font-size:19px;display:block;margin:4px 0 2px;line-height:1.1;overflow-wrap:anywhere}.apm-metric small{display:block;font-size:8px;color:#9eb5c4}.severity-good{border-left:2px solid #45c79e}.severity-good strong,.metric-text-good{color:#6bdcb7!important}.severity-warn{border-left:2px solid #e6b45d}.severity-warn strong,.metric-text-warn{color:#f1c16d!important}.severity-bad{border-left:2px solid #ed6e8a}.severity-bad strong,.metric-text-bad{color:#ff91a6!important}.severity-unknown{border-left:2px solid #748795}.severity-unknown strong,.metric-text-unknown{color:#9dafbb!important}.severity-unknown strong{font-size:12px;line-height:1.6}.apm-source-line{padding:9px 12px 0;text-align:left;border:0;background:none;color:#9bd0dc;font-size:9px}.apm-source-line:hover{background:none;color:#d0f2fa}.metric-legend{display:flex;gap:9px;padding:0 11px 10px;flex-wrap:wrap;font-size:8px;border-bottom:1px solid #434447}.metric-legend span:before{content:'●';margin-right:4px}.legend-good{color:#61cfa9}.legend-warn{color:#e5bc70}.legend-bad{color:#f18da3}.legend-unknown{color:#91a4b1}.app-outcome-link{padding:8px 0;border:0;background:none;font-size:10px;color:#bcd3de;text-align:left}.app-outcome-link:hover{background:none;color:var(--accent)}[aria-haspopup='dialog']{cursor:pointer}[aria-haspopup='dialog']:hover{filter:brightness(1.12)}.endpoint-title[role=button]:hover{background:#404144}.agent-card[role=button]:focus-visible,.rank[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.agent-card.probe-bad:before{color:#fc9cae;border-color:#dc7b91;background:#492c37}.agent-card.probe-warn:before{color:#efc273;border-color:#cfa463;background:#453822}.agent-card.probe-unknown:before{color:#a8b8c5;border-color:#7a8e9c;background:#313235}.request-drill{font-size:10px;padding:5px 8px;background:#303134;color:#a8d7e5;border-color:#555659}.inspect-dialog{width:740px;max-width:94vw;padding:0;border:1px solid #4c697d;border-radius:10px;background:#1e1f22;color:#e0eaf2;box-shadow:0 24px 110px #0009}.inspect-dialog::backdrop{background:#08090cbb;backdrop-filter:blur(4px)}.inspect-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(115deg,#353639,#323336);border-bottom:1px solid #545558}.inspect-head h2{font-size:16px;margin:0;overflow-wrap:anywhere;max-width:90%}.inspect-close{padding:2px 9px;font-size:25px;border:0;background:none;color:#d6e6ee}.inspect-content{padding:12px 20px 20px;max-height:72vh;overflow-y:auto}.inspect-row{display:grid;grid-template-columns:175px minmax(0,1fr);gap:20px;padding:10px 0;border-bottom:1px solid #3d3e41;font-size:12px}.inspect-row>span{color:#9fb6c7}.inspect-row>strong{font-weight:500;overflow-wrap:anywhere;white-space:pre-wrap}.inspect-note{color:#a8bdca;font-size:11px;line-height:1.8;padding:12px;border:1px solid #4c4d50;background:#292a2d;border-radius:5px;margin:15px 0 0}.inspect-links{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;margin-top:16px}.inspect-operations{margin-top:18px}.inspect-operations .stat-row{font-size:11px}.inspect-request-list{display:flex;flex-direction:column;gap:7px;margin-top:15px}.inspect-request-list .request-drill{text-align:left}.stage-waterfall{margin-top:20px}.waterfall-row{display:grid;grid-template-columns:125px minmax(0,1fr) 85px;gap:10px;align-items:center;padding:10px 0;font-size:10px}.waterfall-row strong{font-weight:500;text-align:right}.waterfall-rail{height:11px;border-radius:3px;background:#36373a;overflow:hidden}.waterfall-bar{height:11px;background:#34b9b2;border-radius:3px}.rank[role=button]{padding:3px 0;border-radius:4px}.rank[role=button]:hover{background:#313235}.stat-row[role=button]:hover{background:#2b2c2f}.endpoint-metrics.native-apm-grid+.metric-legend{margin-top:0}body.observing #notice[role=button]{cursor:pointer}
@media(max-width:1100px){.network-canvas{grid-template-columns:310px minmax(0,1fr)}.path-side{overflow-x:auto}.path-column-labels,.branch-body{min-width:490px}.apm-metric strong{font-size:17px}.apm-metric .metric-label{font-size:8px}.severity-unknown strong{font-size:11px}}
@media(max-width:720px){.network-canvas{display:flex}.native-apm-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.apm-metric{min-height:67px}.apm-metric strong{font-size:19px}.severity-unknown strong{font-size:12px}.application-components{display:block}.inspect-content{padding:9px 14px 15px}.inspect-head{padding:12px 14px}.inspect-head h2{font-size:14px}.inspect-row{grid-template-columns:110px minmax(0,1fr);gap:12px;font-size:11px}.waterfall-row{grid-template-columns:90px minmax(0,1fr) 64px;font-size:9px;gap:6px}}
.hop-warn .hop-circle{border-color:#e4b469;color:#f2c67f;background:#403620}.hop-bad .hop-circle{border-color:#ee829b;color:#ffabba;background:#462f39}.hop-unknown .hop-circle{border-color:#8194a1;color:#afbfcb;background:#323336}.hop-warn .hop-rtt{color:#edc476}.hop-bad .hop-rtt{color:#fba3b5}
.agent-card[role='button'].probe-bad:before{color:#fc9cae;border-color:#dc7b91;background:#492c37}.agent-card[role='button'].probe-warn:before{color:#efc273;border-color:#cfa463;background:#453822}.agent-card[role='button'].probe-unknown:before{color:#a8b8c5;border-color:#7a8e9c;background:#313235}

/* Measured application view: compact hierarchy and readable path overview. */
body.observing .hero{padding-top:22px;padding-bottom:12px}body.observing h1{font-size:26px;letter-spacing:-.8px}body.observing .hero p{color:#b2c6d6;font-size:12px}body.observing #notice{font-size:9px;opacity:.85}
.connected-panel{border-color:#4d4e51;border-radius:12px;background:#1d1e21e8;box-shadow:0 15px 45px #090a0d2b}.panel-heading{padding:15px 18px;background:linear-gradient(100deg,#38393c66,#332c4b33)}.panel-heading h2{font-size:14px;letter-spacing:-.2px}.panel-heading p{color:#a3b8c8}.path-controls{display:flex;gap:12px;align-items:center}.path-controls .source-chip{font-size:8px}.hop-view button{padding:5px 9px;font-size:10px}
.network-canvas{grid-template-columns:318px minmax(0,1fr);gap:22px;padding:18px 16px}.application-endpoint{border:1px solid #527083;border-radius:9px;background:linear-gradient(155deg,#2e2f32aa,#1d1e21);box-shadow:0 7px 25px #0a0b0e1c}.endpoint-title{padding:14px 13px}.endpoint-title h3{font-size:16px;letter-spacing:-.3px}.endpoint-title small{font-size:9px}.endpoint-icon{border-radius:8px;background:#3d3e4188}.apm-source-line{padding:9px 13px 2px;font-size:9px}.endpoint-metrics.native-apm-grid{gap:0;margin:4px 0 9px;padding:0 10px}.apm-metric{position:relative;min-height:65px;padding:11px 7px 9px;border:0;border-radius:0;background:transparent;border-bottom:1px solid #45464966}.apm-metric:hover{background:#40414466;transform:none;border-color:#606164}.apm-metric:before{content:'';position:absolute;top:12px;right:7px;width:4px;height:4px;border-radius:50%;background:#8295a3}.apm-metric.severity-good:before{background:#61cfa9}.apm-metric.severity-warn:before{background:#e5bc70}.apm-metric.severity-bad:before{background:#f18da3}.apm-metric .metric-label{font-size:9px;color:#b2c6d3;padding-right:7px}.apm-metric strong{font-size:18px;margin:5px 0 3px;font-weight:580;letter-spacing:-.4px}.apm-metric small{font-size:8px;color:#91a9b9}.apm-metric.metric-primary{min-height:86px;border-bottom:1px solid #54738199;padding-top:12px}.apm-metric.metric-primary strong{font-size:25px;margin-top:9px}.apm-metric.severity-unknown strong{font-size:18px;line-height:1.1}.metric-legend{font-size:8px;gap:10px;padding:0 13px 10px;border-color:#444548}.application-components{padding:0 13px}.application-endpoint>.endpoint-link{margin:7px 13px 0}.application-endpoint>.panel-note{font-size:8px;margin:9px 13px 10px!important;color:#92a9b8}
.branch-body{min-height:335px}.agent-lane{min-height:106px}.agent-card[role=button]{border:1px solid transparent;border-radius:9px;padding:12px 4px;background:transparent}.agent-card[role=button]:hover{border-color:#5a5b5e;background:#34353855}.hop-track{min-height:80px;overflow:visible;padding:11px 0 22px}.overview-hops .hop-node{width:63px;min-width:40px;flex:0 1 63px;gap:5px}.overview-hops .hop-circle{width:27px;height:27px;font-size:10px;background:#343538}.hop-address{max-width:67px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;color:#91adbf}.overview-hops .hop-rtt{font-size:9px}.overview-hops .hop-link{max-width:none;min-width:9px}.hop-link.collapsed-hops{border-top-style:dotted;border-top-width:2px}.hop-count{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:8px;color:#7f9aab;pointer-events:none}.origin-coverage{display:block;width:max-content;max-width:100%;margin:8px auto 0;padding:5px 9px;font-size:9px;background:#2f303366;border-color:#606164;color:#bcc9d2;border-radius:20px}.origin-coverage:hover{background:#444548}.path-context{font-size:9px;min-height:42px}.path-context p{font-size:9px}.evidence-caption{font-size:8px;padding:10px 16px}.compact-grid>.panel{border-radius:10px;border-color:#46474a}.compact-grid .panel h2{font-size:13px}.compact-grid .bar-track{border-radius:3px;height:5px}.compact-grid .bar{border-radius:3px}.inspect-dialog{border-radius:14px}.inspect-row{padding:11px 0}
@media(max-width:1100px){.network-canvas{grid-template-columns:300px minmax(0,1fr);gap:16px}.path-controls .source-chip{display:none}.branch-body,.path-column-labels{min-width:510px}.apm-metric.metric-primary strong{font-size:23px}}
@media(max-width:720px){.panel-heading{align-items:flex-start;padding:13px}.panel-heading p{max-width:220px}.path-controls{flex:none}.hop-view button{padding:5px 7px;font-size:9px}.network-canvas{display:flex;padding:11px;gap:18px}.application-endpoint{width:100%}.apm-metric.metric-primary strong{font-size:26px}.native-apm-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.apm-metric{min-height:65px}.apm-metric strong{font-size:20px}.branch-body,.path-column-labels{min-width:600px}.origin-coverage{margin-left:0}.path-context{display:block}.path-context p{margin-top:4px}.evidence-caption{display:block}.evidence-caption span{display:block;max-width:100%;margin-bottom:3px}}

/* Application card: measured health, latency context, then compact coverage. */
body.observing main{max-width:1440px}.network-canvas{grid-template-columns:344px minmax(0,1fr);gap:24px}.application-endpoint{align-self:start;background:linear-gradient(145deg,#303134cc,#1d1e21f2 70%);border-color:#606164;box-shadow:0 8px 30px #090a0d2b}.endpoint-title{position:relative;padding:15px 14px;gap:10px}.endpoint-title h3{font-size:16px}.endpoint-title small{font-size:9px}.endpoint-title>div{min-width:0}.app-status{margin-left:auto;font-size:8px;padding:3px 6px;border-radius:12px;border:1px solid #5f6063;color:#abc0cd;white-space:nowrap}.app-status.status-bad,.app-status.status-warn{color:#eec27a;border-color:#826c44;background:#63502524}.app-status.status-good{color:#7bd9bd;border-color:#646568}.application-endpoint .apm-source-line{font-size:9px;padding:10px 14px 0;color:#9fb9c9}.endpoint-metrics.application-insights{display:block;padding:0 14px;margin:0 0 12px}.application-insights .apm-metric{background:none;border:0;padding:0;border-radius:4px;min-height:0;transform:none}.application-insights .apm-metric:before{display:none}.application-insights .apm-metric:hover{background:#4b4c4f55}.application-insights .apm-metric .metric-label{font-size:9px;color:#a7becd;padding:0;letter-spacing:.1px}.application-insights .apm-metric strong{margin:5px 0 2px;line-height:1.2;font-size:15px;font-weight:570;letter-spacing:-.3px}.application-insights .apm-metric small{font-size:8px;color:#91aaba}.app-primary{display:grid;grid-template-columns:1.15fr 1fr;gap:16px;padding:16px 0 13px}.app-primary .app-mean{align-self:center;padding:3px 0}.app-primary .app-mean strong{font-size:34px;letter-spacing:-1.2px;margin:5px 0 3px}.app-vitals{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px}.app-vitals .apm-metric strong{font-size:21px;letter-spacing:-.6px}.app-vitals .metric-label{font-size:8px!important;white-space:normal}.app-vitals .metric-unit{font-size:8px!important}.app-insight{width:100%;display:flex;align-items:center;gap:9px;text-align:left;padding:10px;border:1px solid #5b5c5f;border-radius:7px;background:#38393c55;color:#bfced8}.app-insight.insight-bad{border-color:#98677a88;background:linear-gradient(105deg,#61334266,#503b4322);color:#f3bcc7}.app-insight.insight-warn{border-color:#9b804b99;background:#69562933;color:#eec47c}.app-insight.insight-good{border-color:#6a6b6e88;background:#43444733;color:#9bdcc6}.app-insight .insight-symbol{font-size:12px;line-height:21px;width:21px;text-align:center;border:1px solid currentColor;border-radius:50%;flex:none}.insight-copy{flex:1;min-width:0}.insight-copy strong{font-size:11px;display:block;font-weight:580}.insight-copy small{font-size:9px;display:block;margin-top:3px;color:#bdc8d0}.insight-arrow{font-size:15px;opacity:.8}.latency-profile{margin-top:15px}.latency-profile-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;color:#c1d2dd;font-size:9px}.latency-profile-head small{font-size:8px;color:#7f9bab}.latency-profile-rail{position:relative;height:3px;margin:17px 4px 12px;background:linear-gradient(90deg,#4dcda977,#5e8eb777,#d3819877);border-radius:3px}.latency-marker{position:absolute;width:8px;height:8px;top:-3px;border:2px solid #232427;border-radius:50%;background:#8ea4b1;transform:translateX(-50%);box-sizing:content-box}.marker-good{background:#6bdcb7}.marker-warn{background:#f1c16d}.marker-bad{background:#ff91a6}.latency-measures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.latency-measure:last-child{text-align:right}.latency-measure:nth-child(2){text-align:center}.latency-measure .metric-label{font-size:8px!important}.latency-measure strong{font-size:15px!important}.latency-measure small{font-size:8px!important}.apm-support{display:grid;grid-template-columns:1fr 1fr;gap:9px 18px;margin:15px 0 0;padding:12px 0;border-top:1px solid #4c4d5066;border-bottom:1px solid #4c4d5066}.support-metric{display:grid;grid-template-columns:1fr auto;align-items:baseline;column-gap:8px;text-align:left}.support-metric .metric-label{font-size:9px!important}.support-metric strong{font-size:13px!important;margin:0!important}.support-metric .metric-unit{grid-column:1/-1;font-size:8px!important;margin-top:2px}.apm-tail{margin-top:10px}.tail-values{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tail-metric{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:baseline}.tail-metric strong{font-size:13px!important;margin:0!important}.tail-metric .metric-unit{font-size:8px!important;text-align:right}.tail-readiness{display:block;text-align:left;width:100%;padding:8px 0 0;background:transparent;border:0;color:#9bb1c1;font-size:8px}.tail-readiness:hover{background:none;color:#d4e5f0}.sample-rail{display:block;height:3px;border-radius:4px;background:#3e3f42;margin-top:7px;overflow:hidden}.sample-rail i{height:100%;display:block;background:#718ca2;border-radius:4px}.tail-source{display:block;font-size:8px;color:#91aaba;margin-top:7px}.application-endpoint .metric-legend{font-size:8px;padding:0 14px 10px;gap:12px;justify-content:space-between}.application-components{padding:0 14px;border-top:0}.application-components .app-outcome-link{width:100%;display:grid;grid-template-columns:1fr auto;gap:4px 8px;padding:10px 0;border-bottom:1px solid #4c4d5066}.app-outcome-link>span{font-size:9px;color:#9fb8c8}.app-outcome-link>strong{font-size:10px;font-weight:500;color:#c4d6df}.app-outcome-link>small{grid-column:1/-1;font-size:8px;color:#819caa}.application-endpoint>.endpoint-link{margin:10px 14px 0;font-size:10px}.application-endpoint>.panel-note{margin:7px 14px 13px!important;font-size:8px}.branch-body{min-height:460px}.path-side{align-self:center}.agent-lane{min-height:140px}
@media(max-width:1100px){.network-canvas{grid-template-columns:330px minmax(0,1fr);gap:18px}.app-primary .app-mean strong{font-size:31px}.app-vitals .apm-metric strong{font-size:20px}}
@media(max-width:720px){.network-canvas{display:flex;gap:20px}.application-endpoint{width:100%}.endpoint-title{padding:14px}.endpoint-metrics.application-insights{padding:0 14px}.app-primary .app-mean strong{font-size:36px}.app-vitals .apm-metric strong{font-size:22px}.app-insight{padding:11px}.branch-body{min-height:330px}.agent-lane{min-height:106px}.application-endpoint .apm-metric{min-height:0}.latency-profile-head small{font-size:8px}}
/* Keep the full twelve-metric card within a compact scan height. */
.application-endpoint .endpoint-title{padding:11px 14px}.application-endpoint .apm-source-line{padding-top:7px}.app-primary{padding:10px 0;gap:12px}.app-primary .app-mean strong{font-size:31px;margin:3px 0 1px}.app-vitals .apm-metric strong{font-size:20px;margin:3px 0 1px}.app-insight{padding:8px 9px}.insight-copy small{margin-top:2px}.latency-profile{margin-top:11px}.latency-profile-rail{margin-top:13px;margin-bottom:9px}.latency-measure strong{font-size:14px!important;margin:3px 0 1px!important}.apm-support{margin-top:10px;padding:8px 0;gap:6px 18px}.apm-tail{margin-top:8px}.tail-readiness{padding-top:5px}.sample-rail{margin-top:5px}.endpoint-metrics.application-insights{margin-bottom:8px}.application-endpoint .metric-legend{padding-bottom:8px}.application-components .app-outcome-link{padding:7px 0}.app-outcome-link>small{font-size:8px}.application-endpoint>.endpoint-link{margin-top:8px}.application-endpoint>.panel-note{margin-top:5px!important;margin-bottom:9px!important}.branch-body{min-height:390px}.agent-lane{min-height:120px}
@media(max-width:720px){.app-primary .app-mean strong{font-size:34px}.branch-body{min-height:330px}.agent-lane{min-height:106px}}

/* Separate probe lanes, larger actual-hop labels, and useful location summaries. */
.path-side{padding:16px 14px 12px;border:1px solid #51525555;border-radius:10px;background:radial-gradient(ellipse at 90% 0,#3b36572b,transparent 65%),linear-gradient(150deg,#2a2b2e66,#1d1e2100);align-self:center;min-width:0}.path-overview{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px}.path-overview h3{font-size:13px;margin:0;letter-spacing:-.2px;color:#d3e3ec}.path-overview p{font-size:9px;margin:4px 0 0;color:#91aebe}.probe-coverage{font-size:9px;padding:5px 8px;border-radius:20px;background:#33343755;color:#b2d5d9;border-color:#5b5c5f;white-space:nowrap}.path-column-labels{grid-template-columns:114px minmax(0,1fr) 178px;gap:18px;font-size:8px;letter-spacing:.8px;color:#819faf;padding:0 5px 11px}.path-column-labels>span:nth-child(2){text-align:center}.path-column-labels>span:last-child{text-align:left}.branch-body{display:grid;grid-template-columns:114px 32px minmax(0,1fr);min-height:0}.branch-rows{display:flex;flex-direction:column;gap:11px;min-width:0}.agent-lane{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 178px;gap:15px;padding:13px 12px 12px;border:1px solid #4f505388;border-radius:9px;min-height:143px;background:linear-gradient(105deg,#2f303355,#20212499);transition:border-color .15s,background .15s;min-width:0}.agent-lane:hover,.agent-lane.path-active{border-color:#61a4bd99;background:linear-gradient(105deg,#393a3d66,#2e2f32aa)}.branch-curves{stroke:#517b8f;opacity:.75}.branch-curves path{stroke-width:1.4;vector-effect:non-scaling-stroke;fill:none}.branch-curves path.path-active{stroke:#72cae8;stroke-width:2.2}.shared-edge{border:1px solid #616265;border-radius:10px;padding:13px 7px;background:linear-gradient(160deg,#3d3e4177,#232427cc);box-shadow:0 5px 22px #0f101333;min-width:0}.shared-edge:before{border-color:#68818288}.shared-edge .edge-eyebrow{font-size:7px;letter-spacing:1px;color:#a2bdcc}.shared-edge .shared-edge-icon{display:grid;place-items:center;width:42px;height:42px;margin:12px auto 8px;border:1px solid #5ac7e1;border-radius:12px;color:#6cd7ef;background:#343538;box-shadow:0 0 24px #30b9df18;font-size:30px}.shared-edge strong{font-size:11px;font-weight:580;margin-top:4px}.shared-edge .edge-host{font-size:9px;color:#c1d7e4;margin-top:4px;overflow-wrap:anywhere}.shared-edge .edge-provider{font-size:8px;color:#91acbf;margin-top:5px}.shared-edge .private-boundary{font-size:7px;padding:4px;margin:12px 0 0;background:#65512e22;border:1px dashed #a18a5366;border-radius:4px;color:#d9be83}.hop-track{min-height:96px;padding:4px 0 25px;overflow:visible;align-self:center}.overview-hops .hop-node{min-width:64px;max-width:87px;flex:1 1 74px;gap:7px;padding:8px 3px;border:1px solid transparent;border-radius:7px;background:#2b2c2f44}.overview-hops .hop-node:hover,.overview-hops .hop-node.selected{border-color:#5794ad88;background:#3f404366}.overview-hops .hop-circle{width:28px;height:28px;font-size:10px;border-color:#64b2d1;background:#38393c;color:#d3f0fb;box-shadow:0 0 0 4px #417e9920}.overview-hops .hop-address{font:9px ui-monospace,SFMono-Regular,monospace;color:#acc4d4;max-width:85px}.overview-hops .hop-rtt{font-size:9px;color:#82dac1;white-space:nowrap}.hop-link{border-color:#6b91a3;min-width:9px}.hop-link:after{border-color:#7099ad}.hop-link.lead,.hop-link.trail{min-width:7px;flex:.4}.overview-hops .hop-link{min-width:20px;max-width:34px;flex:1}.hop-link.collapsed-hops{border-top:1px dashed #7693a4}.expand-hops{position:absolute;left:50%;top:-10px;transform:translateX(-50%);border:1px solid #577482;border-radius:5px;background:#2b2c2f;padding:1px 4px;color:#bfd9e8;font-size:8px;line-height:15px;min-width:24px;z-index:1}.expand-hops:hover{border-color:#83c4dc;background:#494a4d;color:#fff}.hop-count{font-size:8px;color:#819fac;bottom:0}.hop-node.hop-warn .hop-circle{border-color:#e4b469;color:#f2c67f;background:#403620}.hop-node.hop-bad .hop-circle{border-color:#ee829b;color:#ffabba;background:#462f39}.hop-node.hop-unknown .hop-circle{border-color:#8194a1;color:#afbfcb;background:#323336}.overview-hops .hop-warn .hop-rtt{color:#edc476}.overview-hops .hop-bad .hop-rtt{color:#fba3b5}.overview-hops .hop-unknown .hop-rtt{color:#a0b2bf}.agent-card[role=button]{position:relative;text-align:left;padding:0 0 0 12px;border:0;border-left:1px solid #60616477;border-radius:0;background:none;min-width:0}.agent-card[role=button]:hover{border:0;border-left:1px solid #6b9bb1;background:none}.agent-card[role=button]:before{display:none}.agent-card .agent-name{justify-content:flex-start;gap:7px;font-size:11px;font-weight:580;line-height:1.2}.cloud-symbol{display:grid;place-items:center;flex:none;width:25px;height:25px;border:1px solid #499982;border-radius:7px;background:#43444744;color:#8bdcc2;font-size:17px}.agent-name .city-name{flex:1;min-width:0}.agent-name .status-dot{width:5px;height:5px;margin-left:auto}.probe-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:7px 0 8px}.probe-meta small{font-size:8px;margin:0;color:#8ba6b6}.http-code{font-size:7px;color:#8ad8be;border:1px solid #63646766;background:#53545733;padding:1px 4px;border-radius:3px;white-space:nowrap}.http-code.http-failed{color:#fba2b4;border-color:#a4667c88;background:#683d4a44}.probe-stats{display:grid;grid-template-columns:1fr 1fr .65fr;gap:6px}.probe-stats>div{min-width:0}.probe-stats span{display:block;font-size:7px;color:#8da9b9}.probe-stats strong{display:block;font-size:10px!important;margin-top:3px;color:#d3e3ec;font-weight:550!important;white-space:nowrap}.agent-card .probe-time{font-size:7px;margin-top:7px;color:#819dac}.probe-drill{display:block;color:#9bcfe1;font-size:8px;margin-top:5px}.agent-card.probe-bad .cloud-symbol{color:#fc9cae;border-color:#dc7b91;background:#492c37}.agent-card.probe-warn .cloud-symbol{color:#efc273;border-color:#cfa463;background:#453822}.agent-card.probe-unknown .cloud-symbol{color:#a8b8c5;border-color:#7a8e9c;background:#313235}.agent-card.probe-unknown .http-code{color:#a8b8c5;border-color:#7a8e9c;background:#313235}.origin-coverage{margin:14px 0 0 auto;padding:6px 9px;border:1px dashed #68767e88;background:#32333655;color:#adbdc8;font-size:8px;border-radius:5px}.path-side:has(.agent-lane:only-child) .branch-body{min-height:210px}.path-side:has(.agent-lane:only-child) .agent-lane{align-self:center}.path-side:has(.agent-lane:only-child) .branch-rows{justify-content:center}
@media(max-width:1240px) and (min-width:721px){.network-canvas{grid-template-columns:320px minmax(0,1fr);gap:15px}.path-side{overflow-x:auto;padding:13px 11px}.path-overview,.branch-body,.path-column-labels{min-width:625px}.branch-body{grid-template-columns:105px 25px minmax(0,1fr)}.path-column-labels{grid-template-columns:105px minmax(0,1fr) 165px}.agent-lane{grid-template-columns:minmax(0,1fr) 165px;gap:10px;padding-left:8px;padding-right:8px}.overview-hops .hop-node{min-width:61px}.overview-hops .hop-address{font-size:8px}.agent-card .agent-name{font-size:10px}.probe-stats strong{font-size:9px!important}}
@media(max-width:720px){.path-side{overflow:visible;padding:12px 10px;width:100%}.path-overview{align-items:flex-start;min-width:0;padding-bottom:13px;gap:7px}.path-overview h3{font-size:12px}.path-overview p{font-size:8px;max-width:240px}.probe-coverage{font-size:8px;padding:4px 6px}.path-column-labels{display:none}.branch-body{display:block;min-width:0;min-height:0!important}.branch-curves{display:none}.branch-rows{gap:12px}.shared-edge{display:grid;grid-template-columns:32px 1fr auto;gap:2px 9px;align-items:center;padding:11px;width:100%;margin-bottom:14px;text-align:left}.shared-edge:before{display:none}.shared-edge .edge-eyebrow{display:none}.shared-edge .shared-edge-icon{grid-column:1;grid-row:1/3;width:32px;height:32px;margin:0;font-size:24px;border-radius:8px}.shared-edge strong{grid-column:2;margin:0;font-size:11px}.shared-edge .edge-host{grid-column:2;margin:0;font-size:9px}.shared-edge .edge-provider{display:none}.shared-edge .private-boundary{grid-column:3;grid-row:1/3;margin:0;max-width:85px;text-align:center;line-height:1.5}.agent-lane{display:flex;flex-direction:column;align-items:stretch;min-height:0;gap:12px;padding:12px}.agent-card[role=button]{order:0;border:0!important;padding:0;display:grid;grid-template-columns:1fr auto;gap:5px 10px}.agent-card .agent-name{grid-column:1;font-size:11px}.agent-card .probe-meta{grid-column:2;grid-row:1;gap:7px;margin:0}.probe-meta small{display:none}.agent-card .probe-stats{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(3,1fr);gap:10px;padding:4px 0 0}.probe-stats>div{display:flex;align-items:baseline;gap:6px}.probe-stats span{font-size:8px}.probe-stats strong{font-size:11px!important;margin:0}.agent-card .probe-time{grid-column:1;grid-row:3;font-size:8px;margin:0}.probe-drill{grid-column:2;grid-row:3;margin:0;text-align:right}.hop-track{order:1;width:100%;padding:0 0 20px;min-height:100px;overflow-x:auto;overflow-y:hidden}.overview-hops .hop-node{min-width:65px;max-width:none;flex:1;padding:7px 2px;gap:6px}.overview-hops .hop-address{font-size:8px;max-width:85px}.overview-hops .hop-link{min-width:22px;max-width:34px}.overview-hops .hop-circle{width:25px;height:25px;font-size:9px}.overview-hops .hop-rtt{font-size:8px}.origin-coverage{margin-top:12px;margin-left:0;font-size:8px;max-width:100%}.hop-count{font-size:8px;bottom:1px}.path-side:has(.agent-lane:only-child) .agent-lane{align-self:stretch}}
@media(prefers-reduced-motion:reduce){.agent-lane{transition:none}}
.hop-track:not(.overview-hops){overflow-x:auto;overflow-y:hidden;min-width:0;padding-top:10px}.hop-track:not(.overview-hops) .hop-node{flex:0 0 34px;min-width:34px;gap:5px}.hop-track:not(.overview-hops) .hop-rtt{font-size:8px}.hop-track:not(.overview-hops) .hop-link{min-width:6px;flex:1 0 6px}
.agent-card.probe-warn .status-dot{background:#efc273}.agent-card.probe-bad .status-dot{background:#fc9cae}.agent-card.probe-unknown .status-dot{background:#a8b8c5}

/* Accountability and governance: read the outcome before the underlying fields. */
.assurance-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,.95fr);align-items:stretch;gap:14px}.assurance-grid>.panel{padding:18px;background:linear-gradient(145deg,#2b2c2f99,#1d1e21f2);border-color:#4f5053;border-radius:11px;min-width:0}.panel-eyebrow{display:block;font-size:8px;letter-spacing:1.3px;color:#87a9bb;margin-bottom:6px}.assurance-grid h2{font-size:15px!important;letter-spacing:-.3px;margin:0 0 13px}.assurance-grid .allocation-heading{align-items:center;margin-bottom:16px}.allocation-heading .panel-title h2{margin:0!important}.assurance-grid .token-summary{margin:0 0 5px;gap:9px}.assurance-grid .token-summary strong{font-size:32px;letter-spacing:-1px}.assurance-grid .token-summary small{font-size:9px}.assurance-grid .panel-note{font-size:9px;color:#94b0c0;margin-bottom:13px}.token-share-strip{display:flex;height:9px;gap:2px;border-radius:5px;overflow:hidden;background:#3c3d40}.token-share{min-width:0;height:9px;padding:0;border:0;border-radius:0}.token-share:hover{filter:brightness(1.25)}.allocation-finding{font-size:10px;color:#9cb6c7;line-height:1.7;margin:12px 0 15px}.allocation-finding strong{font-weight:550;color:#d5e4ee}.assurance-grid .rank{margin:10px 0;padding:2px 0}.assurance-grid .rank-head{align-items:center;font-size:10px;margin-bottom:5px}.rank-identity{display:flex;align-items:center;gap:7px;min-width:0}.rank-dot{display:inline-block;width:6px;height:6px;border-radius:2px;flex:none}.rank-amount{display:flex;gap:11px;align-items:baseline}.rank-amount small{color:#97afbd;min-width:32px;text-align:right;font-size:9px}.assurance-grid .bar-track{height:4px;background:#3c3d40}.panel-footnote{font-size:9px;color:#8faaba;line-height:1.7;margin:12px 0 0}.cost-unmeasured{font-size:8px;display:inline-block;color:#a0acb7;background:#32333666;border:1px solid #5e5f6266;border-radius:4px;padding:3px 6px;margin-top:9px}.outcome-hero{width:100%;display:flex;gap:10px;justify-content:flex-start;padding:12px;border-radius:8px;border:1px solid #696a6d77;background:#3f404333;text-align:left;margin:0 0 14px}.outcome-symbol{display:grid;place-items:center;flex:none;width:31px;height:31px;border:1px solid #6dc9a5;border-radius:50%;color:#88d8b9;font-size:16px}.outcome-copy strong{text-transform:capitalize;font-size:17px;font-weight:570;display:block;color:#a8e0cb}.outcome-copy small{font-size:9px;color:#9ab6b0;display:block;margin-top:2px}.review-kpis{display:grid;grid-template-columns:1fr 1fr;gap:15px}.review-kpi{border:0;border-radius:4px;background:none;padding:0;text-align:left}.review-kpi>span{display:block;font-size:9px;color:#99b5c6}.review-kpi>strong{display:block;font-size:23px;margin-top:5px;font-weight:560;letter-spacing:-.5px}.review-kpi:hover{background:#3e3f4244}.io-token-rail{height:5px;display:flex;gap:2px;border-radius:3px;overflow:hidden;margin-top:14px;background:#434447}.input-token{background:#559bce}.output-token{background:#54c6b5}.io-token-legend{display:flex;justify-content:space-between;font-size:8px;color:#94afc1;margin-top:6px}.io-token-legend>span:first-child{color:#8ab9d9}.io-token-legend>span:last-child{color:#7bd5c4}.review-identity{margin-top:13px;border-top:1px solid #4f505366;padding-top:7px;border-radius:3px}.review-identity .stat-row{font-size:10px;padding:5px 0;border:0}.review-actions{display:flex;gap:9px;align-items:center;justify-content:space-between;margin-top:13px}.inspect-request-button{background:#46474a;border-color:#4c879b;font-size:10px;padding:7px 10px}.review-actions .copy-trace{max-width:110px;font-size:8px}.configured-caps{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:3px}.cap-card{padding:11px 10px;background:#35363955;border-color:#57585b88;text-align:left;border-radius:7px}.cap-card>span{font-size:9px;color:#9cb9cb;display:block}.cap-card>strong{display:block;font-size:25px;letter-spacing:-.6px;margin:6px 0 3px;font-weight:550}.cap-card>small{font-size:8px;color:#8ca8bb;display:block}.observed-stops{width:100%;display:flex;align-items:center;gap:12px;background:#604b2922;border:1px solid #8b744955;border-radius:7px;padding:10px 12px;margin-top:13px;text-align:left}.observed-stops>strong{font-size:25px;color:#e8c384;font-weight:550}.observed-stops span{font-size:10px;display:block;color:#d9c9ac}.observed-stops small{font-size:8px;display:block;margin-top:3px;color:#adab9d}.control-gaps{margin-top:10px;border-top:1px solid #4f505366;padding-top:5px;border-radius:3px}.control-gaps .stat-row{font-size:9px;border:0;padding:6px 0}.control-gaps .stat-row strong{font-size:9px;color:#a4bac9}.governance-link{font-size:9px;background:none;border:0;color:#8bc5d9;padding:7px 0 0;margin-top:7px}
/* Common investigation dialog: visual overview, original evidence, honest joins. */
.inspect-dialog{width:1040px;max-width:94vw;max-height:92vh;overflow:hidden;border-radius:14px;border:1px solid #5d7c91;background:linear-gradient(150deg,#292a2d,#1b1c1f);box-shadow:0 30px 140px #000b}.inspect-head{padding:19px 23px 15px;align-items:flex-start;background:radial-gradient(ellipse at 90% 0,#63416244,transparent 65%),linear-gradient(110deg,#3e3f4299,#333437);gap:20px}.inspect-head>div{min-width:0;flex:1}.inspect-eyebrow{display:block;font-size:8px;letter-spacing:1.6px;color:#9dbacd;margin-bottom:7px}.inspect-head h2{font-size:20px;letter-spacing:-.4px;font-weight:580;line-height:1.35;max-width:100%;margin:0}.inspect-close{flex:none;font-size:25px;padding:1px 8px;line-height:1.2;border-radius:5px}.inspect-close:hover{background:#5a718055}.inspect-context{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 23px;border-bottom:1px solid #4e4f5266;background:#25262955}.inspect-context>span{font-size:9px;padding:3px 7px;border:1px solid #5e5f6277;border-radius:4px;color:#a8c3d4}.inspect-context>span:first-child{color:#c5e3f2;background:#41424555}.inspect-tabs{display:flex;gap:24px;padding:0 23px;border-bottom:1px solid #4d4e51;background:#20212455}.inspect-tab{border:0;border-bottom:2px solid transparent;border-radius:0;background:none;padding:12px 1px 10px;color:#94adbf;font-size:11px}.inspect-tab.active{border-bottom-color:#5bc9de;color:#d8eef7}.inspect-tab:hover{background:none;color:#e0f3fa}.inspect-content{padding:19px 23px 23px;max-height:calc(92vh - 192px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#547181 #1e1f22}.inspect-pane{min-width:0}.inspect-pane>h3,.inspect-evidence+h3{font-size:13px;font-weight:550;margin:0 0 14px;color:#bfd8e8}.inspect-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:17px}.inspect-kpi{padding:13px;border:1px solid #57585b88;background:linear-gradient(140deg,#3d3e4155,#2a2b2e55);border-radius:8px;min-width:0}.inspect-kpi>span{display:block;font-size:9px;color:#91b1c6;margin-bottom:8px}.inspect-kpi>strong{display:block;font-size:21px;font-weight:550;letter-spacing:-.4px;overflow-wrap:anywhere;color:#d3e9f5}.investigation-visual{border:1px solid #52535655;background:#22232655;border-radius:9px;padding:16px;margin-bottom:17px}.investigation-visual h3,.correlation-view h3,.source-alignment h3{font-size:12px;font-weight:560;margin:0 0 7px;color:#cee2ef}.visual-caption{font-size:9px!important;line-height:1.7;color:#91acbf!important;margin:5px 0 12px;display:block}.metric-comparison{display:grid;grid-template-columns:64px minmax(0,1fr) 78px;gap:12px;align-items:center;font-size:10px;margin:13px 0}.metric-comparison>span{color:#a3bfd1}.metric-comparison>strong{text-align:right;font-size:11px;font-weight:500}.comparison-rail{height:7px;border-radius:4px;background:#3f4043;overflow:hidden}.comparison-rail>i{display:block;height:100%;background:#658ea9;border-radius:4px}.comparison-rail>.marker-good{background:#62cfae}.comparison-rail>.marker-warn{background:#e4b46a}.comparison-rail>.marker-bad{background:#ed8ca1}.allocation-comparison{display:grid;grid-template-columns:150px minmax(0,1fr) 75px;align-items:center;gap:12px;font-size:10px;margin:13px 0}.allocation-comparison>span{color:#9bb8cb}.allocation-comparison .selected-label{color:#ddf3fd;font-weight:600}.allocation-comparison>strong{text-align:right;font-weight:500}.interpretation-note{margin-top:16px;border:1px solid #62636655;border-radius:8px;padding:13px 15px;background:#36373a55}.interpretation-note>span{display:block;font-size:9px;letter-spacing:.4px;color:#bad2e2;font-weight:550}.interpretation-note .inspect-note{font-size:10px;line-height:1.85;padding:0;border:0;background:none;margin:6px 0 0;color:#a6bece}.inspect-evidence{border:1px solid #51525577;border-radius:8px;overflow:hidden}.inspect-evidence .inspect-row{padding:11px 13px;margin:0;grid-template-columns:205px minmax(0,1fr);font-size:11px;line-height:1.6}.inspect-row:nth-child(even){background:#33343744}.inspect-row:last-child{border-bottom:0}.inspect-links{font-size:10px;gap:12px}.inspect-links .request-drill{padding:7px 10px}.inspect-request-list{margin-top:17px;gap:8px}.inspect-request-list h3{font-size:12px;margin:0 0 5px;color:#c6dfed}.inspect-request-list .request-drill{padding:10px 12px;border-radius:6px;font-size:10px}.hop-response-chart{display:flex;gap:7px;align-items:stretch;overflow-x:auto;padding:6px 0 4px;scrollbar-width:thin}.hop-response{flex:1 0 45px;max-width:85px;min-width:45px;display:flex;align-items:center;flex-direction:column;border:1px solid #54555866;background:#31323555;border-radius:6px;padding:8px 3px;gap:6px}.hop-response.selected{border-color:#78c5e0;background:#47484b66}.hop-response>strong{font-size:10px;font-weight:500;color:#bfd9e9}.hop-response-stem{height:82px;width:15px;background:#414245;border-radius:4px;display:flex;align-items:flex-end;overflow:hidden}.hop-response-stem>i{display:block;width:100%;background:linear-gradient(#79cfdc,#3689a7);border-radius:4px;min-height:0}.hop-response small{font-size:8px;color:#8aafc5}.correlation-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 20px}.correlation-card{border:1px dashed #627b8d88;background:#35363944;padding:12px;border-radius:8px;min-width:0;display:flex;flex-direction:column;gap:8px}.correlation-card.exact{border-style:solid;border-color:#6caba499;background:#3e3f4244}.correlation-source{color:#94bacf;font-size:9px}.correlation-card>strong{font-size:13px;font-weight:550;color:#d4e6f1;line-height:1.5}.correlation-card>small{font-size:8px;line-height:1.7;color:#91aebf}.match-kind{display:block;align-self:flex-start;margin-top:auto;font-size:7px;color:#9bb4c6;background:#41424566;border:1px solid #5e5f6266;padding:3px 5px;border-radius:3px}.correlation-card.exact .match-kind{background:#4b4c4f55;border-color:#4c928377;color:#a2d4c6}.source-alignment{border:1px solid #53545766;border-radius:8px;padding:14px;background:#25262955}.source-alignment .stat-row{font-size:10px;gap:22px;padding:10px 0}.source-alignment .stat-row>strong{text-align:right;overflow-wrap:anywhere;max-width:55%;font-weight:500;color:#c1d9e9}.correlation-boundary{font-size:9px;color:#a3aaba;line-height:1.8;margin:13px 0}.stage-waterfall{border:1px solid #5e5f6266;padding:16px;background:#24252888;border-radius:8px;margin-top:17px}.stage-waterfall h3{font-size:13px;margin:0 0 14px;color:#c6e1ee}.waterfall-row{grid-template-columns:145px minmax(0,1fr) 80px;font-size:10px;padding:11px 0;border-top:1px solid #4d4e5144}.waterfall-rail{height:13px;background:#3c3d40;border-radius:4px}.waterfall-bar{height:13px;border-radius:4px;background:linear-gradient(90deg,#327e9b,#4ec1be)}.waterfall-row>strong{font-size:10px;color:#bddde9}
@media(max-width:1100px){.assurance-grid{grid-template-columns:1fr 1fr}.assurance-grid>.panel:last-child{grid-column:1/-1}.limits-panel .configured-caps{max-width:450px}.correlation-cards{grid-template-columns:1fr 1fr}.inspect-kpi>strong{font-size:18px}}
@media(max-width:720px){.assurance-grid{grid-template-columns:1fr}.assurance-grid>.panel{padding:17px}.inspect-dialog{max-width:96vw;max-height:94vh;border-radius:11px}.inspect-head{padding:15px 14px 12px}.inspect-head h2{font-size:16px}.inspect-eyebrow{font-size:7px;letter-spacing:1px}.inspect-context{padding:8px 14px;gap:5px}.inspect-context>span{font-size:8px}.inspect-context>span:last-child{display:none}.inspect-tabs{padding:0 14px;gap:23px}.inspect-tab{font-size:10px;padding-top:10px}.inspect-content{padding:14px;max-height:calc(94vh - 180px)}.inspect-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.inspect-kpi{padding:10px}.inspect-kpi>span{font-size:8px}.inspect-kpi>strong{font-size:16px}.inspect-kpi:last-child:nth-child(odd){grid-column:1/-1}.investigation-visual{padding:12px}.allocation-comparison{grid-template-columns:95px minmax(0,1fr) 49px;font-size:9px;gap:8px}.metric-comparison{grid-template-columns:53px minmax(0,1fr) 63px;font-size:9px;gap:8px}.metric-comparison>strong{font-size:10px}.correlation-cards{gap:8px}.correlation-card{padding:10px}.correlation-card>strong{font-size:11px}.correlation-source{font-size:8px}.source-alignment{padding:11px}.source-alignment .stat-row{display:block;font-size:9px}.source-alignment .stat-row>strong{display:block;max-width:100%;text-align:left;margin-top:5px}.inspect-evidence .inspect-row{display:block;padding:10px;font-size:10px}.inspect-evidence .inspect-row>strong{display:block;margin-top:5px}.waterfall-row{grid-template-columns:85px minmax(0,1fr) 58px;font-size:8px;gap:7px}.waterfall-row>strong{font-size:8px}.stage-waterfall{padding:12px}.inspect-request-list .request-drill{font-size:9px;overflow-wrap:anywhere}.hop-response{min-width:43px}.review-actions .copy-trace{max-width:130px}}
.outcome-hero.outcome-blocked{border-color:#b0748988;background:#65364444}.outcome-blocked .outcome-symbol{border-color:#dc8ea5;color:#f5abc0}.outcome-blocked .outcome-copy strong{color:#f2b0c1}.outcome-hero.outcome-other{border-color:#75879277;background:#44454833}.outcome-other .outcome-symbol{border-color:#8ca3b3;color:#b3c6d3}.outcome-other .outcome-copy strong{color:#bbcedb}.observed-stops.no-stops{background:#37383b44;border-color:#66676a55}.observed-stops.no-stops>strong{color:#b5d1e2}.observed-stops.no-stops span{color:#b2c9d9}
.inspect-kpi.fact-text>strong{font-size:14px;line-height:1.6;letter-spacing:0}.waterfall-bar.stage-model{background:linear-gradient(90deg,#6163a5,#a797e3)}.waterfall-bar.stage-inspection{background:linear-gradient(90deg,#327e9b,#4ec1be)}
.investigation-badges{display:inline-flex;gap:7px;align-items:center;margin-left:12px;flex-wrap:wrap;font-size:8px;vertical-align:middle}.investigation-badges>span{padding:3px 6px;background:#37383b55;border:1px solid #5b5c5f66;color:#aac3d1;border-radius:4px}.investigation-badges .unverified-badge{color:#c7b992;border-color:#826f4466;background:#62512d22}@media(max-width:720px){.investigation-badges{display:flex;margin:9px 0 0;gap:5px;font-size:7px}}
.comparison-rail>.marker-unknown{background:#8193a0}
.inspect-kpis:has(.inspect-kpi:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.inspect-kpis:has(.inspect-kpi:first-child:last-child){grid-template-columns:1fr}.inspect-context>.request-outcome{margin-left:auto;text-transform:capitalize}.inspect-context>.request-outcome.outcome-allowed{color:#a3dec7;background:#4e4f5266;border-color:#5b9a7d88}.inspect-context>.request-outcome.outcome-blocked{color:#f2b2c4;background:#69405266;border-color:#b0788e88}.inspect-context>.request-outcome.outcome-other{color:#c4d4df;background:#55565955;border-color:#768a9b77}.correlation-view>.visual-caption,.interpretation-note .inspect-note{font-size:11px!important}
@media(max-width:720px){.inspect-context>.request-outcome{display:inline-block!important;margin-left:0}.inspect-context>span:nth-child(3){display:none}.correlation-view>.visual-caption,.interpretation-note .inspect-note{font-size:10px!important}}
.stage-insight{font-size:10px;color:#b4d4e4;line-height:1.7;padding:9px 11px;background:#3f404355;border-left:2px solid #9a91d4;border-radius:4px;margin:0 0 13px}@media(max-width:720px){.stage-insight{font-size:9px}}

.hop-heading{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;min-width:0;max-width:100%}.overview-hops .hop-heading .hop-circle{width:22px;height:22px;box-shadow:0 0 0 3px #417e9918;font-size:9px}.hop-asn{display:inline-block;font:8px ui-monospace,SFMono-Regular,monospace;color:var(--asn-color,#92a4b2);border:1px solid color-mix(in srgb,var(--asn-color,#92a4b2) 50%,transparent);border-radius:4px;padding:3px 4px;background:#37383b77;white-space:nowrap;line-height:1.1}.hop-asn.asn-unknown{border-style:dashed;color:#a1b1be}.overview-hops .hop-node{min-width:72px}.hop-track:not(.overview-hops) .hop-node{min-width:75px;flex-basis:75px}.hop-track:not(.overview-hops) .hop-heading{gap:3px}.hop-track:not(.overview-hops) .hop-circle{width:20px;height:20px;font-size:8px}.hop-track:not(.overview-hops) .hop-asn{font-size:7px;padding:2px 3px}.agent-card .asn-count{display:inline-block;margin-top:6px;font-size:9px;letter-spacing:.1px;color:#aac7db}.asn-sequence{display:flex;align-items:center;flex-wrap:wrap;gap:5px;grid-column:1/-1;border-top:1px solid #5b5c5f55;padding-top:9px;margin-top:0;min-width:0}.asn-sequence-label{font-size:8px;color:#95adbd;margin-right:4px;white-space:nowrap}.asn-segment{padding:3px 5px;border-radius:4px;background:#36373a66;border:1px solid color-mix(in srgb,var(--asn-color,#92a4b2) 50%,transparent);color:var(--asn-color,#92a4b2);font:8px ui-monospace,SFMono-Regular,monospace;line-height:1.4}.asn-segment:hover{background:#454649;border-color:var(--asn-color,#92a4b2)}.asn-segment.asn-unknown{border-style:dashed;background:#38393c44;color:#a8b5c0}.asn-direction{color:#6b8598;font-size:10px}.asn-empty{color:#8ca6b6;font-size:9px}.asn-visual{margin-top:14px}.asn-visual .asn-sequence{padding:12px 0 14px;border-top:0;border-bottom:1px solid #5b5c5f55;gap:7px}.asn-visual .asn-sequence-label{font-size:9px}.asn-visual .asn-segment{font-size:10px;padding:5px 7px}.asn-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.asn-kpis>div{padding:10px 12px;border:1px solid #5f606377;border-radius:7px;background:#36373a33}.asn-kpis span{display:block;color:#91b0c4;font-size:9px}.asn-kpis strong{display:block;font-size:21px;font-weight:550;color:#cee5f2;margin-top:7px}.asn-network-list{margin:10px 0}.asn-network-row{display:grid;grid-template-columns:85px minmax(0,1fr) 130px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #4d4e5155}.asn-network-row .hop-asn{justify-self:start;font-size:9px;padding:4px 6px}.asn-network-row>span:not(.hop-asn){font-size:10px;color:#b2ccdc;overflow-wrap:anywhere}.asn-network-row small{font-size:9px;text-align:right;color:#91a9ba}.agent-lane{row-gap:9px}.hop-track{align-self:center}
@media(max-width:1240px) and (min-width:721px){.path-overview,.branch-body,.path-column-labels{min-width:665px}.overview-hops .hop-node{min-width:72px}.overview-hops .hop-address{font-size:8px}.asn-reverse .asn-segment{font-size:7px;padding:3px 4px}}
@media(max-width:720px){.agent-card .asn-count{grid-row:4;grid-column:1/-1;margin-top:2px;font-size:8px}.agent-lane>.asn-sequence{order:2;padding-top:9px;width:100%;gap:4px}.asn-sequence-label{font-size:7px}.asn-segment{font-size:7px;padding:3px 4px}.overview-hops .hop-node{min-width:70px}.hop-heading{gap:3px}.hop-heading .hop-asn{font-size:7px;padding:3px}.overview-hops .hop-heading .hop-circle{width:20px;height:20px;font-size:8px}.asn-kpis{gap:7px}.asn-kpis>div{padding:8px}.asn-kpis span{font-size:8px}.asn-kpis strong{font-size:17px}.asn-network-row{grid-template-columns:70px minmax(0,1fr);gap:6px}.asn-network-row>span:not(.hop-asn){font-size:9px}.asn-network-row small{grid-column:2;text-align:left;font-size:8px}.asn-visual .asn-sequence-label{font-size:8px}.asn-visual .asn-segment{font-size:8px;padding:4px}}
.asn-compact{margin:14px 0 12px;padding:10px 12px;border:1px solid #5b5c5f66;background:#33343744;border-radius:7px}.asn-compact-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.asn-inspect{padding:0;background:none;border:0;color:#bcd8e9;font-size:10px}.asn-inspect:hover{background:none;color:#e4f5ff}.asn-compact-head small{font-size:8px;color:#91adbf}.asn-compact .asn-sequence{border:0;padding-top:10px}.hop-response .hop-asn{font-size:7px;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
@media(max-width:720px){.asn-compact{padding:9px}.asn-inspect{font-size:9px}.asn-compact-head small{font-size:8px}}
@media(min-width:721px){.agent-lane{padding-top:10px;padding-bottom:10px;row-gap:6px}.agent-card .probe-meta{margin-top:5px;margin-bottom:6px}.agent-card .asn-count{font-size:8px;margin-top:5px}.agent-card .probe-time{display:inline-block;font-size:7px;margin:5px 0 0 7px}.agent-card .probe-drill{display:none}.asn-reverse{padding-top:6px}.asn-reverse .asn-segment{padding:2px 4px}.asn-reverse .asn-sequence-label{font-size:7px}}

.provider-legend{margin:0 0 14px;border:1px solid #54555877;border-radius:8px;padding:11px 13px;background:linear-gradient(110deg,#38393c55,#352d482b)}.provider-legend-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:9px}.provider-legend-head h2{font-size:11px;font-weight:550;letter-spacing:.1px;margin:0;color:#bcd4e5}.provider-legend-head>div{display:flex;gap:10px;align-items:center}.provider-all,.provider-map-link{font-size:8px;padding:3px 6px;background:none;border:1px solid transparent;color:#9bbbd0}.provider-all.selected{background:#4d4e5155;border-color:#617b8b88;color:#d6eaf7}.provider-map-link{color:#9dcede}.provider-legend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.provider-selector{--provider-color:#91b6cc;display:flex;align-items:center;gap:10px;background:#2e2f3255;border:1px solid #5e5f6288;border-left:3px solid var(--provider-color);border-radius:6px;text-align:left;padding:8px 10px;min-width:0}.provider-selector:hover{background:#41424555;border-color:var(--provider-color)}.provider-selector.selected{box-shadow:0 0 0 1px var(--provider-color);background:#43444766}.provider-code{font:8px ui-monospace,monospace;letter-spacing:.4px;padding:5px 4px;border:1px solid color-mix(in srgb,var(--provider-color) 50%,transparent);border-radius:4px;color:var(--provider-color);min-width:30px;text-align:center}.provider-selector-copy{min-width:0}.provider-selector-copy strong{display:block;font-size:10px;font-weight:550;color:#c7deed}.provider-selector-copy small{font-size:8px;display:block;margin-top:3px;color:#93afc2}.provider-legend-note{font-size:8px;color:#8ca9bc;margin:8px 0 0}.provider-apm{--provider-color:#78b9ee}.provider-te{--provider-color:#b4a1df}.provider-app{--provider-color:#d7b87f}.provider-badge{--provider-color:#91b6cc;display:inline-block;font-size:8px;line-height:1.4;padding:3px 6px;border:1px solid color-mix(in srgb,var(--provider-color) 55%,transparent);border-radius:4px;background:#36373a55;color:var(--provider-color);white-space:nowrap;vertical-align:middle}.provider-badge.provider-apm{--provider-color:#78b9ee}.provider-badge.provider-te{--provider-color:#b4a1df}.provider-badge.provider-app{--provider-color:#d7b87f}.provider-badge.provider-none{--provider-color:#9cabb6;border-style:dashed}.provider-badge:is(button):hover{background:#4d4e5166;border-color:var(--provider-color)}.provider-highlight{outline:1px solid var(--focus-source);outline-offset:3px;box-shadow:0 0 17px color-mix(in srgb,var(--focus-source) 13%,transparent)!important;border-radius:6px}.application-endpoint .provider-apm-line{color:#8fc2ed}.application-components>.provider-badge{margin-top:8px;margin-bottom:2px}.path-overview .provider-badge{margin-bottom:7px}.assurance-grid>.panel>.section-provider{margin-bottom:12px}.summary-provider-apm>span:before,.summary-provider-te>span:before{content:'';display:inline-block;width:4px;height:4px;border-radius:1px;margin-right:4px;vertical-align:middle}.summary-provider-apm>span:before{background:#78b9ee}.summary-provider-te>span:before{background:#b4a1df}.service-responsibility-note{font-size:8px;line-height:1.7;color:#9eb5c7;margin:9px 0 0}.inspect-observers{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:8px 23px;background:#22232666;border-bottom:1px solid #52535666}.inspect-observers>span:first-child{color:#8eacbf;font-size:8px;margin-right:4px}.inspect-content{max-height:calc(92vh - 233px)}.source-map-intro{font-size:11px;color:#b0cbdd;line-height:1.8;margin:0 0 15px}.provider-map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.provider-detail{padding:14px;border:1px solid color-mix(in srgb,var(--provider-color) 38%,transparent);border-top:3px solid var(--provider-color);border-radius:8px;background:#30313444;min-width:0}.provider-detail.provider-selected{outline:1px solid var(--provider-color);outline-offset:3px}.provider-detail h3{font-size:12px;color:#c1ddec;line-height:1.5;margin:10px 0}.provider-detail>p{font-size:10px;color:#a5c0d2;line-height:1.8;margin:0 0 10px}.provider-detail>small{display:block;font-size:9px;line-height:1.8;color:#8fa7b9;border-top:1px solid #5c5d6055;padding-top:10px}.role-map-heading{font-size:13px;color:#bdd9e8;margin:22px 0 12px}.service-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.service-role{padding:13px;text-align:left;border:1px solid #4e6e8277;border-radius:7px;background:#30313455;display:flex;flex-direction:column;min-width:0}.service-role-name{font-size:10px;color:#95bed7}.service-role>strong{font-size:12px;font-weight:550;color:#d0e3ef;line-height:1.6;margin:7px 0}.service-role>small{font-size:9px;color:#8fadc1;line-height:1.8}.role-drill{color:#9bc7db;font-size:8px;display:block;padding-top:12px;margin-top:auto}.source-map-boundary{padding:12px 14px;border:1px dashed #66809177;border-radius:6px;font-size:10px;line-height:1.9;color:#9eb9cc;margin:17px 0 0}.correlation-card>.provider-badge{align-self:flex-start;font-size:7px}.stage-measurement-source{font-size:9px;color:#97b4c8;line-height:1.8;margin:0 0 12px}.waterfall-service{display:flex;flex-direction:column;gap:4px}.stage-provider{font-size:8px;display:inline-block;align-self:flex-start;padding:2px 4px;border-radius:3px;border:1px solid #5b7c8c77;white-space:nowrap}.stage-provider-model{color:#94d1c7;border-color:#4d8f8177;background:#57585b22}.stage-provider-defense{color:#dbafcf;border-color:#9c6d9377;background:#693e6522}.stage-operation{font-size:9px;color:#b9d3e4}
@media(max-width:1000px){.provider-selector{padding:8px;gap:6px}.provider-selector-copy small{font-size:7px}.provider-map-grid{grid-template-columns:1fr}.provider-detail{padding:12px}.service-role-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.provider-legend{padding:10px;margin-bottom:13px}.provider-legend-head{gap:7px}.provider-legend-head h2{font-size:10px}.provider-map-link,.provider-all{font-size:7px;padding:3px}.provider-legend-head>div{gap:4px}.provider-legend-grid{grid-template-columns:1fr;gap:6px}.provider-selector{padding:7px 8px;gap:9px}.provider-code{font-size:7px;min-width:29px;padding:4px}.provider-selector-copy{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.provider-selector-copy strong{font-size:9px}.provider-selector-copy small{font-size:8px;margin:0}.provider-legend-note{font-size:7px;line-height:1.8}.provider-badge{font-size:7px}.inspect-observers{padding:7px 14px;gap:5px}.inspect-observers>span:first-child{font-size:7px}.inspect-content{max-height:calc(94vh - 223px)}.source-map-intro{font-size:10px}.service-role-grid{grid-template-columns:1fr}.service-role>strong{font-size:11px}.service-role>small{font-size:9px}.stage-provider{font-size:7px;padding:2px 3px;white-space:normal}.stage-operation{font-size:8px}.waterfall-row{grid-template-columns:89px minmax(0,1fr) 58px}.source-map-boundary{font-size:9px}.provider-highlight{outline-offset:2px}}
.application-components .app-outcome-link .provider-badge{font-size:7px;padding:1px 4px}.path-overview h3 .provider-badge{margin:0 0 0 7px;font-size:7px}.panel-title>.section-provider{margin-bottom:6px}.assurance-grid>.panel>.section-provider{margin-bottom:9px}
.role-observers{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:11px}.role-observers>small{font-size:7px;color:#7e9bae;margin-right:2px}.role-observers .provider-badge{font-size:7px;padding:2px 4px}.role-drill{padding-top:9px}

/* Source identity belongs to the frame; the values keep their existing status colors. */
:root{--source-apm-rgb:120,185,238;--source-te-rgb:221,163,107;--source-app-rgb:125,187,177}
.provider-apm,.provider-badge.provider-apm{--provider-color:#78b9ee}.provider-te,.provider-badge.provider-te{--provider-color:#dda36b}.provider-app,.provider-badge.provider-app{--provider-color:#7dbbb1}
[data-source-frame=apm]{border-color:rgba(var(--source-apm-rgb),.43)!important;box-shadow:0 0 0 1px rgba(var(--source-apm-rgb),.045),0 7px 25px #090a0d22!important}
[data-source-frame=te]{border-color:rgba(var(--source-te-rgb),.4)!important;box-shadow:0 0 0 1px rgba(var(--source-te-rgb),.04),0 7px 25px #090a0d18!important;background:radial-gradient(ellipse at 90% 0,rgba(var(--source-te-rgb),.035),transparent 65%),linear-gradient(150deg,#2a2b2e33,#1d1e2100)}
.assurance-grid>.panel[data-measured-by=app]{border-color:rgba(var(--source-app-rgb),.4);box-shadow:0 0 0 1px rgba(var(--source-app-rgb),.035)}
.application-components[data-measured-by=app]{border-top:1px solid rgba(var(--source-app-rgb),.27);background:rgba(var(--source-app-rgb),.025)}
.path-side .agent-lane{border-color:rgba(var(--source-te-rgb),.24);background:linear-gradient(105deg,rgba(var(--source-te-rgb),.025),#23242755)}
.path-side .agent-lane:hover,.path-side .agent-lane.path-active{border-color:rgba(var(--source-te-rgb),.53);background:linear-gradient(105deg,rgba(var(--source-te-rgb),.055),#2b2c2f66)}
.path-side .agent-card[role=button],.path-side .agent-card[role=button]:hover{border-left-color:rgba(var(--source-te-rgb),.24)}
.path-side .branch-curves{stroke:rgba(var(--source-te-rgb),.58)}.path-side .branch-curves path.path-active{stroke:rgba(var(--source-te-rgb),.9)}
.summary-provider-te>span:before{background:#dda36b}
.correlation-card[data-measured-by=apm]{border-color:rgba(var(--source-apm-rgb),.44);background:rgba(var(--source-apm-rgb),.025)}
.correlation-card[data-measured-by=te]{border-color:rgba(var(--source-te-rgb),.44);background:rgba(var(--source-te-rgb),.025)}
.correlation-card[data-measured-by=app]{border-color:rgba(var(--source-app-rgb),.44);background:rgba(var(--source-app-rgb),.025)}
/* Compact, labelled legend. The full provider/service explanation remains one click away. */
.provider-legend{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:9px 11px;background:#2f303333;border-color:#5d5e6155;margin-bottom:13px}
.provider-legend-head{display:contents}.provider-legend-head h2{order:0;margin:0;font-size:9px;color:#96b2c6;font-weight:500}.provider-legend-grid{order:1;display:flex;align-items:center;flex-wrap:wrap;gap:7px;flex:1;min-width:0}.provider-legend-head>div{order:2;margin-left:auto;gap:8px}.provider-selector{padding:4px 8px;border-left-width:2px;gap:0;min-width:0;background:#2e2f3233;border-color:color-mix(in srgb,var(--provider-color) 33%,transparent)}.provider-selector .provider-code{display:none}.provider-selector-copy{display:block}.provider-selector-copy strong{font-size:9px;font-weight:500;color:var(--provider-color)}.provider-selector-copy small{display:none}.provider-selector.selected{box-shadow:0 0 0 1px color-mix(in srgb,var(--provider-color) 65%,transparent);background:#3d3e4133}.provider-legend-note{display:none}.provider-map-link,.provider-all{font-size:8px}
/* Every detail dialog inherits its source hue. Mixed-source dialogs stay neutral. */
.inspect-dialog{--dialog-source-rgb:105,135,157;--dialog-source-color:#a4bfd2}
.inspect-dialog[data-provider=apm]{--dialog-source-rgb:var(--source-apm-rgb);--dialog-source-color:#78b9ee}
.inspect-dialog[data-provider=te]{--dialog-source-rgb:var(--source-te-rgb);--dialog-source-color:#dda36b}
.inspect-dialog[data-provider=app]{--dialog-source-rgb:var(--source-app-rgb);--dialog-source-color:#7dbbb1}
.inspect-dialog[data-provider]{border-color:rgba(var(--dialog-source-rgb),.55);box-shadow:0 0 0 1px rgba(var(--dialog-source-rgb),.05),0 30px 140px #000b}
.inspect-dialog[data-provider] .inspect-head{border-bottom-color:rgba(var(--dialog-source-rgb),.3);background:linear-gradient(110deg,rgba(var(--dialog-source-rgb),.085),rgba(var(--dialog-source-rgb),.015)),#292a2d}
.inspect-dialog[data-provider] .inspect-tabs{border-bottom-color:rgba(var(--dialog-source-rgb),.26)}
.inspect-dialog[data-provider] .inspect-tab.active{border-bottom-color:var(--dialog-source-color)}
.inspect-dialog[data-provider] .inspect-observers{border-bottom-color:rgba(var(--dialog-source-rgb),.22)}
.inspect-dialog:is([data-provider=apm],[data-provider=te],[data-provider=app]) :is(.investigation-visual,.inspect-kpi,.stage-waterfall,.interpretation-note,.inspect-evidence,.source-alignment){border-color:rgba(var(--dialog-source-rgb),.28)}
.inspect-dialog:is([data-provider=apm],[data-provider=te],[data-provider=app]) .interpretation-note{background:rgba(var(--dialog-source-rgb),.04)}
.inspect-dialog[data-provider=te] .hop-response{border-color:rgba(var(--source-te-rgb),.28)}
.inspect-dialog[data-provider=te] .hop-response.selected{border-color:rgba(var(--source-te-rgb),.75);background:rgba(var(--source-te-rgb),.07)}
.inspect-dialog[data-provider=te] .asn-compact{border-color:rgba(var(--source-te-rgb),.29)}
@media(max-width:720px){.provider-legend{gap:7px;padding:8px 9px}.provider-legend-head h2{font-size:8px}.provider-legend-grid{gap:6px;flex-basis:calc(100% - 48px)}.provider-selector{padding:4px 6px}.provider-selector-copy strong{font-size:8px}.provider-legend-head>div{margin-left:0;flex-basis:100%;justify-content:flex-end;gap:8px}.provider-map-link,.provider-all{font-size:7px}.path-side .agent-card[role=button]{border-left:0}}
/* Requested stronger identity: 2px source frames and a visible legend above filters. */
[data-source-frame=apm]{border:2px solid rgba(var(--source-apm-rgb),.72)!important;box-shadow:0 0 0 1px rgba(var(--source-apm-rgb),.06),0 7px 25px #090a0d22!important}
[data-source-frame=te]{border:2px solid rgba(var(--source-te-rgb),.7)!important;box-shadow:0 0 0 1px rgba(var(--source-te-rgb),.055),0 7px 25px #090a0d18!important}
.assurance-grid>.panel[data-measured-by=app]{border:2px solid rgba(var(--source-app-rgb),.68)}
.application-components[data-measured-by=app]{border-top:2px solid rgba(var(--source-app-rgb),.45)}
.path-side .agent-lane{border:2px solid rgba(var(--source-te-rgb),.44)}.path-side .agent-lane:hover,.path-side .agent-lane.path-active{border-color:rgba(var(--source-te-rgb),.8)}
.path-side .branch-curves path{stroke-width:2;stroke:rgba(var(--source-te-rgb),.72)}.path-side .branch-curves path.path-active{stroke-width:3;stroke:rgba(var(--source-te-rgb),.96)}
.path-side .hop-link{border-top-width:2px;border-top-color:rgba(var(--source-te-rgb),.62)}.path-side .hop-link:after{border-color:rgba(var(--source-te-rgb),.75)}
.correlation-card[data-measured-by=apm]{border-width:2px;border-color:rgba(var(--source-apm-rgb),.67)}.correlation-card[data-measured-by=te]{border-width:2px;border-color:rgba(var(--source-te-rgb),.67)}.correlation-card[data-measured-by=app]{border-width:2px;border-color:rgba(var(--source-app-rgb),.67)}
.inspect-dialog[data-provider]{border-width:2px;border-color:rgba(var(--dialog-source-rgb),.8)}
.inspect-dialog[data-provider] .inspect-head{border-bottom:2px solid rgba(var(--dialog-source-rgb),.4)}
.inspect-dialog[data-provider] .inspect-tab.active{border-bottom-width:3px}
.inspect-dialog:is([data-provider=apm],[data-provider=te],[data-provider=app]) :is(.investigation-visual,.inspect-kpi,.stage-waterfall,.interpretation-note,.inspect-evidence,.source-alignment){border-width:2px;border-color:rgba(var(--dialog-source-rgb),.44)}
.inspect-dialog[data-provider=te] .hop-response{border-width:2px;border-color:rgba(var(--source-te-rgb),.45)}.inspect-dialog[data-provider=te] .hop-response.selected{border-color:rgba(var(--source-te-rgb),.9)}
.provider-selector{border-width:2px;padding:5px 9px;border-color:color-mix(in srgb,var(--provider-color) 65%,transparent)}
.provider-selector:before{content:'';display:inline-block;width:10px;height:10px;flex:none;border-radius:2px;background:var(--provider-color);margin-right:7px}
.provider-legend-head h2{font-size:10px;font-weight:550;color:#b9d0df}.provider-legend-note{display:block;order:3;flex-basis:100%;font-size:8px;margin:0;line-height:1.6;color:#91aabc}
.provider-detail{border-width:2px;border-top-width:4px;border-color:color-mix(in srgb,var(--provider-color) 60%,transparent)}
@media(max-width:720px){.provider-legend-grid{flex-basis:100%;order:1}.provider-legend-head>div{order:0;flex-basis:auto;margin-left:auto}.provider-legend-head h2{font-size:9px}.provider-selector{padding:4px 6px}.provider-selector:before{width:8px;height:8px;margin-right:5px}.provider-legend-note{font-size:7px;line-height:1.8}}

/* Read the finding first. Exact definitions and raw metadata remain in Evidence. */
.apm-digest{padding:0;border:0!important;background:none;margin-bottom:16px}.digest-spotlight{display:grid;grid-template-columns:1.25fr 1fr;gap:30px;align-items:center;padding:19px 20px;border:2px solid rgba(var(--source-apm-rgb),.44);border-radius:10px;background:linear-gradient(120deg,rgba(var(--source-apm-rgb),.065),#25262944)}.digest-value-label{font-size:11px;display:block;color:#a2bfd3}.digest-value{font-size:42px;font-weight:550;letter-spacing:-1.5px;line-height:1.15;display:block;margin:10px 0 9px}.digest-status{display:inline-block;padding:3px 7px;border:1px solid #63809577;border-radius:4px;font-size:9px;color:#adc7d8;background:#41424544}.digest-status.status-good{color:#8fd7ba;border-color:#508d7277;background:#595a5d44}.digest-status.status-warn{color:#e9c17d;border-color:#a1844977;background:#78612e33}.digest-status.status-bad{color:#f0a5b8;border-color:#a96d8177;background:#75415333}.digest-main>small{display:block;color:#8baabd;font-size:9px;margin-top:7px}.digest-secondary{display:grid;grid-template-columns:1fr 1fr;gap:20px}.digest-secondary>div{border-left:1px solid #4d6a7d66;padding-left:17px}.digest-secondary span{display:block;color:#8faebf;font-size:10px}.digest-secondary strong{font-size:22px;font-weight:550;letter-spacing:-.5px;display:block;margin-top:7px}.digest-meta{display:flex;gap:15px;flex-wrap:wrap;font-size:9px;color:#8baabd;padding:11px 2px}.digest-finding{margin:7px 0 18px}.digest-finding h3{font-size:12px;color:#c7dfed;margin:0 0 7px}.digest-finding p{font-size:12px;line-height:1.8;color:#a8c3d5;margin:0}.digest-finding p.digest-comparison{color:#c9dfed;font-size:11px;margin-top:9px;padding:9px 11px;border-left:2px solid #7baed2;background:#3d3e4144;border-radius:4px}.digest-latency{border:1px solid #496a7d88;background:#292a2d55;border-radius:9px;padding:15px 16px}.digest-chart-heading{display:flex;justify-content:space-between;align-items:baseline;gap:15px}.digest-chart-heading h3{font-size:12px;color:#c9e0ef;margin:0}.digest-chart-heading>span{font-size:8px;color:#89a8be}.digest-latency-rail{height:4px;position:relative;background:linear-gradient(90deg,#506c7f,#5f83a0);margin:27px 8px 21px;border-radius:4px}.digest-point{position:absolute;top:-4px;width:9px;height:9px;transform:translateX(-50%);border:2px solid #292a2d;border-radius:50%;background:#94a8b7;box-sizing:content-box}.digest-point.marker-good{background:#6bdcb7}.digest-point.marker-warn{background:#f1c16d}.digest-point.marker-bad{background:#ff91a6}.digest-point.selected{box-shadow:0 0 0 3px #76b5df33;border-color:#b8dff1}.digest-latency-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.digest-latency-value{background:none;border:1px solid transparent;padding:7px;text-align:left;min-width:0;border-radius:5px}.digest-latency-value:hover,.digest-latency-value.selected{background:#43444755;border-color:#5b839b77}.digest-latency-value>span{display:block;font-size:9px;color:#9ab7cb}.digest-latency-value>strong{display:block;font-size:16px;font-weight:550;margin-top:5px;white-space:nowrap}.digest-sample-progress{height:5px;border-radius:4px;background:#414245;margin:13px 0 7px;overflow:hidden}.digest-sample-progress>i{height:100%;display:block;background:#779bb8}.digest-sample-note{display:block;font-size:9px;color:#95afc0}.inspect-links{padding-top:3px;margin-top:14px}.inspect-links>a{display:inline-block;border:1px solid #4f829d77;background:#42434655;border-radius:5px;padding:8px 11px;color:#b0dcef}.inspect-pane>.interpretation-note{margin-top:16px;padding:11px 13px}.inspect-pane>.interpretation-note .inspect-note{font-size:10px!important}.inspect-evidence+.visual-caption{margin-top:12px}.inspect-pane>.inspect-links+.interpretation-note{margin-top:13px}.probe-digest-headline{margin:0 0 17px;padding:0 2px}.probe-digest-headline h3{font-size:16px;font-weight:550;color:#d0e2ee;margin:0 0 7px}.probe-digest-headline p{font-size:11px;line-height:1.8;color:#a0bdcf;margin:0}.coverage-digest{margin:0 0 16px}.coverage-flow{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr);gap:9px;align-items:center}.coverage-node{border:2px solid #657c8c;border-radius:8px;background:#33343744;padding:15px 12px;min-width:0}.coverage-node>span{font-size:9px;color:#99b4c8;display:block;margin-bottom:8px}.coverage-node>strong{font-size:15px;font-weight:550;color:#d3e5ef;display:block;overflow-wrap:anywhere}.coverage-measured{border-color:rgba(var(--source-te-rgb),.72)}.coverage-configured{border-style:dashed;border-color:rgba(var(--source-app-rgb),.6)}.coverage-arrow{font-size:22px;text-align:center;color:#d3a778}.coverage-unmeasured{color:#8c9daa}.coverage-boundary{padding:13px 14px;margin:16px 0;border:1px dashed #7c8e9b88;border-radius:7px;background:#393a3d33}.coverage-boundary>strong{font-size:11px;font-weight:550;color:#bdd0dd}.coverage-boundary>p{font-size:11px;line-height:1.8;color:#9db6c8;margin:6px 0 0}.observation-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:17px 0}.observation-card{min-width:0;text-align:left;padding:13px;background:#32333655;border:2px solid rgba(var(--source-te-rgb),.48);border-radius:8px}.observation-card>strong{font-size:12px;color:#c8dfed;display:block;font-weight:550}.observation-card>small{font-size:8px;display:block;color:#8caabe;margin:6px 0 13px}.observation-card-values{display:grid;gap:8px}.observation-card-values>div{display:flex;align-items:baseline;justify-content:space-between;gap:7px}.observation-card-values span{font-size:9px;color:#92b0c4}.observation-card-values strong{font-size:12px;font-weight:550;color:#d0e4ef;white-space:nowrap}.observation-card-link{font-size:8px;color:#a7cfe4;display:block;margin-top:13px}.service-digest-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.service-digest-cards>div{border:2px solid rgba(var(--source-app-rgb),.44);border-radius:8px;background:#37383b55;padding:14px}.service-digest-cards h3{font-size:11px;color:#c1dbe9;margin:0 0 8px}.service-digest-cards p{font-size:11px;line-height:1.9;color:#9dbbcc;margin:0}
@media(max-width:720px){.digest-spotlight{padding:14px;gap:17px;grid-template-columns:1.1fr 1fr}.digest-value{font-size:31px;letter-spacing:-.8px}.digest-value-label{font-size:9px}.digest-secondary{grid-template-columns:1fr;gap:12px}.digest-secondary>div{padding-left:12px}.digest-secondary span{font-size:8px}.digest-secondary strong{font-size:16px;margin-top:4px}.digest-status{font-size:8px}.digest-meta{gap:6px 10px;font-size:8px;padding:9px 0}.digest-finding p{font-size:11px}.digest-finding h3{font-size:11px}.digest-finding p.digest-comparison{font-size:10px}.digest-latency{padding:12px}.digest-chart-heading{display:block}.digest-chart-heading>span{display:block;margin-top:6px;font-size:8px}.digest-latency-values{gap:4px}.digest-latency-value{padding:5px 2px}.digest-latency-value>span{font-size:8px}.digest-latency-value>strong{font-size:11px}.digest-latency-rail{margin-top:25px;margin-bottom:18px}.probe-digest-headline h3{font-size:14px}.probe-digest-headline p{font-size:10px}.coverage-flow{grid-template-columns:1fr;gap:7px}.coverage-arrow{transform:rotate(90deg);font-size:18px;line-height:20px}.coverage-node{padding:11px 12px}.coverage-node>span{font-size:8px;margin-bottom:4px}.coverage-node>strong{font-size:13px}.coverage-boundary>p{font-size:10px}.observation-card-grid{grid-template-columns:1fr;gap:9px}.observation-card{padding:12px}.observation-card-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.observation-card-values>div{display:block}.observation-card-values span{font-size:8px;display:block}.observation-card-values strong{font-size:11px;display:block;margin-top:4px}.service-digest-cards{grid-template-columns:1fr}.service-digest-cards p{font-size:10px}.inspect-links{gap:9px}.inspect-links>a{font-size:9px;padding:7px 9px}}
.inspect-context>.inspect-observers{display:inline-flex;padding:0;margin-left:auto;border:0;background:none;gap:6px}.inspect-context>.inspect-observers>span:first-child{font-size:8px}.inspect-content{max-height:calc(92vh - 190px)}.request-lookup-actions .copy-trace{max-width:none;font-size:10px;padding:7px 11px}.request-lookup-actions{margin-top:15px}
@media(max-width:720px){.inspect-context>.inspect-observers{margin-left:0;flex-wrap:wrap;gap:5px}.inspect-context>.inspect-observers>span:first-child{font-size:7px}.inspect-content{max-height:calc(94vh - 190px)}.request-lookup-actions .copy-trace{font-size:9px}}

/* Compact labels; definitions and exact measurement boundaries remain in detail views. */
body.observing .hero{padding:18px 0 8px}body.observing .hero p{font-size:12px;color:#a0bbcc}body.observing #notice{font-size:9px;margin-bottom:13px;display:inline-block}body.observing main{max-width:1740px;margin:auto}body.observing footer{font-size:9px;color:#819baa;padding:14px 0}
.provider-legend{gap:9px 12px;padding:9px 12px}.provider-legend-note{flex-basis:auto;margin-left:auto;order:1;font-size:8px}.provider-legend-head>div{order:2}.connected-toolbar{margin-bottom:10px}.path-summary{padding-top:8px;padding-bottom:14px}.path-status small{font-size:9px}.panel-heading{padding:13px 16px}.panel-heading p{font-size:9px;color:#87a5b8}.path-context{padding:9px 16px;gap:12px;min-height:0}.path-context strong{font-size:10px}.path-context p{font-size:9px}.evidence-caption{align-items:center;padding:7px 16px;gap:12px;font-size:8px}.network-scope-links{display:flex;gap:12px;align-items:center}.network-scope-links>span{color:#a2bacb}.scope-link,.signal-text-action{font-size:9px;background:none;border:0;color:#9dccdd;padding:0;white-space:nowrap}.scope-link:hover,.signal-text-action:hover{background:none;color:#c6edf6}.origin-coverage{font-size:9px}.endpoint-title small{font-size:9px}.application-endpoint>.panel-note{font-size:9px}.probe-time{font-variant-numeric:tabular-nums}
.assurance-grid{gap:14px;margin-top:16px}.assurance-grid>.panel{position:relative;padding:19px 19px 16px;background:linear-gradient(150deg,#2b2c2f88,#1c1d20f2);display:flex;flex-direction:column;border-radius:12px}.assurance-grid h2{font-size:16px!important;line-height:1.3;margin:0 0 17px;letter-spacing:-.3px}.assurance-grid>.panel>.section-provider{align-self:flex-start;margin-bottom:8px}.assurance-grid .allocation-heading{gap:12px;margin-bottom:17px}.allocation-heading>.panel-title{min-width:0}.assurance-grid .segmented{flex:none}.assurance-grid .segmented button{font-size:9px;padding:5px 9px}.assurance-grid .token-summary{margin:0;gap:11px}.assurance-grid .token-summary strong{font-size:39px;line-height:1.1;letter-spacing:-1.3px;font-weight:560}.assurance-grid .token-summary small{font-size:10px}.assurance-grid .panel-note{font-size:9px;margin:7px 0 15px}.token-share-strip{height:7px;gap:3px;flex:none}.token-share{height:7px}.allocation-finding{display:flex;gap:8px;align-items:center;margin:14px 0 9px;padding:8px 0 10px;border-bottom:1px solid #4d4e5166;font-size:10px;line-height:1.4}.allocation-finding>span:first-child{font-size:9px;color:#88a9bb}.allocation-finding>strong{flex:1;min-width:0}.allocation-finding>span:last-child{color:#c4e5e0;font-variant-numeric:tabular-nums}.assurance-grid .ranking{margin:0}.assurance-grid .rank{padding:5px 0 6px;margin:0 0 6px}.assurance-grid .rank-head{font-size:11px;margin-bottom:7px;gap:9px}.rank-amount{gap:10px;flex:none;font-variant-numeric:tabular-nums}.rank-amount small{font-size:9px;color:#8daaba}.rank-identity>span{overflow-wrap:anywhere}.assurance-grid .bar-track{height:3px;background:#3f404377}.signal-card-foot{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:auto;padding-top:15px}.signal-card-foot .cost-unmeasured{margin:0;font-size:8px;background:none;border-color:#5e5f6266;color:#9bb2c0}.allocation-warning{color:#dfbe80;font-size:9px;line-height:1.7;margin:9px 0 0}
.outcome-hero{position:relative;gap:10px;align-items:center;padding:12px;margin-bottom:18px;border-radius:9px}.outcome-copy strong{font-size:19px}.outcome-copy small{font-size:9px;margin-top:3px}.outcome-symbol{height:30px;width:30px}.outcome-http{margin-left:auto;color:#8cbaaa;font-size:9px}.outcome-blocked .outcome-http{color:#dba1ad}.review-kpis{gap:18px}.review-kpi{padding:0}.review-kpi>span{font-size:10px}.review-kpi>strong{font-size:29px;margin-top:6px;letter-spacing:-.7px}.io-token-rail{margin-top:17px;height:5px;flex:none}.io-token-legend{font-size:9px;margin-top:7px}.review-identity{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;padding:14px 0 0;border-top:1px solid #4f505366}.identity-item{min-width:0}.identity-item:first-child{grid-column:1/-1}.identity-item>span{display:block;font-size:9px;color:#82a5b8}.identity-item>strong{font-size:11px;font-weight:500;display:block;margin-top:4px;overflow-wrap:anywhere;color:#c5dbe7}.review-services{display:flex;gap:6px;margin:14px 0 0}.review-services>span{font-size:8px;color:#9bb6c5;background:#3d3e4144;border:1px solid #5a5b5e55;border-radius:4px;padding:3px 6px}.review-actions{margin-top:auto;padding-top:18px;gap:10px}.inspect-request-button{font-size:10px;padding:8px 11px;border-radius:5px}.review-actions .copy-trace{font-size:9px;max-width:none;color:#9fbfd0;background:none;border:0;padding:5px 0}
.control-section-label{font-size:8px;letter-spacing:.7px;color:#87a5b8;display:block;margin:0 0 8px}.configured-caps{gap:10px;margin:0}.cap-card{padding:12px;border-radius:8px}.cap-card>strong{font-size:31px;margin:8px 0 5px}.cap-card>span{font-size:10px}.cap-card>small{font-size:9px}.observed-label{margin:19px 0 8px}.observed-stops{margin:0;padding:10px 12px;gap:13px;border-radius:8px}.observed-stops>strong{font-size:30px}.observed-stops span{font-size:11px}.observed-stops small{font-size:9px}.observed-stops .signal-card-arrow{margin-left:auto;font-size:15px;color:#c7b38b}.stop-scope{font-size:8px;color:#a7adb4;margin:8px 0 0}.control-gaps{padding-top:8px;margin-top:13px}.control-gaps .stat-row{font-size:9px;padding:7px 0;gap:15px}.control-gaps .stat-row strong{font-weight:500}.governance-link{align-self:flex-start;margin-top:auto;padding-top:17px;font-size:10px}
.inspect-pane>.interpretation-note{padding:10px 0 0;margin-top:17px;border:0!important;border-top:1px solid #5b5c5f66!important;background:none!important;border-radius:0}.inspect-pane>.interpretation-note>span{display:none}.inspect-pane>.interpretation-note .inspect-note{font-size:10px!important;line-height:1.7;margin:0}.evidence-definition-toggle{margin-top:12px;border-top:1px solid #60616455;padding-top:10px;color:#98b3c5;font-size:9px}.evidence-definition-toggle>summary{cursor:pointer;color:#b3cede;font-size:9px}.evidence-definition-toggle p{line-height:1.8;font-size:10px}.source-map-intro{font-size:10px;margin-bottom:13px}.service-role{padding:13px}.service-role>strong{margin-bottom:4px}.provider-detail>.provider-signal{font-size:11px;line-height:1.6;color:#c3d9e8}.source-map-boundary{font-size:9px}.inspect-context>span{font-size:9px}.inspect-evidence .inspect-row{padding-top:11px;padding-bottom:11px}
@media(max-width:1100px){.assurance-grid{grid-template-columns:1fr 1fr}.assurance-grid>.panel:last-child{grid-column:1/-1}.limits-panel{display:grid!important;grid-template-columns:1fr 1fr;column-gap:20px!important}.limits-panel>.section-provider,.limits-panel>h2,.limits-panel>.governance-link{grid-column:1/-1}.limits-panel>.control-section-label:first-of-type{grid-column:1}.limits-panel .configured-caps{grid-column:1;grid-row:4/7;max-width:none}.limits-panel .observed-label{grid-column:2;grid-row:3;margin-top:0}.limits-panel .observed-stops{grid-column:2;grid-row:4}.limits-panel .stop-scope{grid-column:2}.limits-panel .control-gaps{grid-column:2}.provider-legend-note{margin-left:0;order:3;flex-basis:100%}}
@media(max-width:720px){body.observing h1{font-size:23px}body.observing .hero p{font-size:11px}.provider-legend{gap:8px}.provider-legend-note{font-size:8px;line-height:1.5}.provider-map-link,.provider-all{font-size:8px}.connected-toolbar{gap:7px}.connected-toolbar .filter-control{flex:1;min-width:0}.connected-toolbar .range-chip{padding:6px 8px}.evidence-caption{align-items:flex-start;flex-wrap:wrap;gap:7px;padding:9px 12px}.network-scope-links{flex-wrap:wrap;gap:8px;font-size:8px}.path-context{padding:9px 12px}.path-context p{line-height:1.6}.assurance-grid{grid-template-columns:1fr}.assurance-grid>.panel{padding:18px 17px 16px}.assurance-grid>.panel:last-child{grid-column:auto}.limits-panel{display:flex!important}.assurance-grid h2{font-size:17px!important}.assurance-grid .token-summary strong{font-size:40px}.assurance-grid .rank-head{font-size:12px}.rank-amount small{font-size:10px}.assurance-grid .rank{margin-bottom:8px;padding:7px 0}.allocation-finding{font-size:11px}.signal-card-foot{padding-top:13px}.signal-text-action{font-size:10px}.identity-item>strong{font-size:12px}.identity-item>span,.review-services>span{font-size:10px}.review-actions .copy-trace{font-size:10px}.cap-card>small{font-size:10px}.control-gaps .stat-row,.control-gaps .stat-row strong{font-size:10px}.stop-scope{font-size:9px}.control-section-label{font-size:9px}.observed-label{margin-top:18px!important}.limits-panel .governance-link{margin-top:2px}.review-kpis{margin-top:2px}.review-kpi>strong{font-size:31px}.review-kpi>span{font-size:11px}.io-token-legend{font-size:10px}.outcome-copy strong{font-size:20px}.outcome-copy small,.outcome-http{font-size:10px}.review-actions{padding-top:17px}.inspect-request-button{font-size:11px}.provider-detail>.provider-signal{font-size:11px}.evidence-definition-toggle>summary{font-size:10px}.inspect-pane>.interpretation-note .inspect-note{font-size:10px!important}}

/* Source identity: 2px outer frames, 2px nested frames, exact legend colors. */
[data-source-frame=apm]{border:3px solid rgb(var(--source-apm-rgb))!important}
[data-source-frame=te]{border:3px solid rgb(var(--source-te-rgb))!important}
.assurance-grid>.panel[data-measured-by=app]{border:3px solid rgb(var(--source-app-rgb))}
.application-components[data-measured-by=app]{border-top:2px solid rgb(var(--source-app-rgb))}
.provider-selector,.provider-selector:hover,.provider-selector.selected{border:2px solid var(--provider-color)}
.provider-selector:before{width:11px;height:11px}
.provider-badge{border-width:2px;border-color:var(--provider-color)}
.provider-highlight{outline-width:2px;outline-offset:3px}
.path-side .agent-lane,.path-side .agent-lane:hover,.path-side .agent-lane.path-active{border:2px solid rgb(var(--source-te-rgb))}
.path-side .shared-edge{border:2px solid rgb(var(--source-te-rgb))}
.path-side .shared-edge-icon{border-color:rgb(var(--source-te-rgb));color:rgb(var(--source-te-rgb))}
.path-side .hop-circle,.path-side .hop-node:hover .hop-circle,.path-side .hop-node.selected .hop-circle,.path-side .hop-node:focus-visible .hop-circle{border-width:2px;border-color:rgb(var(--source-te-rgb));color:rgb(var(--source-te-rgb))}
.path-side .hop-node:hover .hop-circle,.path-side .hop-node.selected .hop-circle,.path-side .hop-node:focus-visible .hop-circle{box-shadow:0 0 0 2px rgba(var(--source-te-rgb),.2)}
.path-side .branch-curves path{stroke-width:2;stroke:rgb(var(--source-te-rgb))}
.path-side .branch-curves path.path-active{stroke-width:3;stroke:rgb(var(--source-te-rgb))}
.path-side .hop-link{border-top-width:2px;border-top-color:rgb(var(--source-te-rgb))}
.path-side .hop-link:after{border-color:rgb(var(--source-te-rgb))}
.correlation-card[data-measured-by=apm]{border:2px solid rgb(var(--source-apm-rgb))}
.correlation-card[data-measured-by=te]{border:2px solid rgb(var(--source-te-rgb))}
.correlation-card[data-measured-by=app]{border:2px solid rgb(var(--source-app-rgb))}
.inspect-dialog[data-provider]{border:3px solid rgb(var(--dialog-source-rgb))}
.inspect-dialog[data-provider] .inspect-head{border-bottom:2px solid rgb(var(--dialog-source-rgb))}
.inspect-dialog[data-provider] .inspect-tab.active{border-bottom-width:3px}
.inspect-dialog:is([data-provider=apm],[data-provider=te],[data-provider=app]) :is(.investigation-visual,.inspect-kpi,.stage-waterfall,.inspect-evidence,.source-alignment){border:2px solid rgb(var(--dialog-source-rgb))}
.inspect-dialog[data-provider=te] .hop-response,.inspect-dialog[data-provider=te] .hop-response.selected{border:2px solid rgb(var(--source-te-rgb))}
.provider-detail{border:2px solid var(--provider-color);border-top-width:3px}
.digest-spotlight{border:2px solid rgb(var(--source-apm-rgb))}
.digest-latency{border:2px solid rgb(var(--source-apm-rgb))}
.coverage-measured,.observation-card{border:2px solid rgb(var(--source-te-rgb))}
.coverage-configured{border:2px dashed rgb(var(--source-app-rgb))}
.service-digest-cards>div{border:2px solid rgb(var(--source-app-rgb))}
@media(max-width:720px){.provider-selector{padding:3px 6px}.provider-selector:before{width:9px;height:9px}.provider-highlight{outline-offset:2px}}

:root{--source-defense-rgb:180,154,239}.provider-defense,.provider-badge.provider-defense{--provider-color:#b49aef}.inspect-dialog[data-provider=defense]{--dialog-source-rgb:var(--source-defense-rgb);--dialog-source-color:#b49aef}
[data-source-frame=defense]{border:3px solid rgb(var(--source-defense-rgb))!important}body.observing .defense-panel{padding:21px 22px;margin:17px 0;background:linear-gradient(125deg,#30284433,#202124e8);border-radius:12px}.defense-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.defense-heading h2{font-size:20px;margin:0 0 5px;letter-spacing:-.5px}.defense-heading>div>span{font-size:10px;color:#93acbf}.defense-heading .provider-badge{font-size:9px}.defense-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;border-bottom:1px solid #55496b77;padding:0 0 19px}.defense-stat{background:none;border:0;text-align:left;padding:0 0 0 13px;border-left:2px solid #8771ab77;border-radius:0}.defense-stat>span{display:block;font-size:10px;color:#9eafc7}.defense-stat>strong{font-size:30px;letter-spacing:-.7px;font-weight:550;display:block;color:#e0d8f2;margin-top:7px}.defense-stat:hover{background:#4a395b33}.defense-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:25px;margin:21px 0}.defense-layout h3{font-size:12px;color:#c9d6e8;font-weight:550;margin:0 0 15px}.defense-chart{display:flex;gap:25px;align-items:center;min-height:176px}.defense-ring{height:162px;width:162px;border-radius:50%;display:grid;place-items:center;flex:none;padding:13px;box-shadow:0 0 24px #a78bd015}.defense-ring-empty{background:#404144;box-shadow:none}.defense-ring-center{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:50%;background:#202124;box-shadow:0 0 0 4px #20212422}.defense-ring-center>strong{font-size:35px;font-weight:550;color:#dcd3ed;letter-spacing:-1px}.defense-ring-center>span{font-size:9px;color:#a79dbb;margin-top:3px}.defense-chart-legend{flex:1;min-width:0;max-height:230px;overflow:auto;padding:3px}.defense-category{display:flex;gap:9px;align-items:center;text-align:left;font-size:11px;background:none;border:1px solid transparent;padding:7px 5px;min-width:0;width:100%;border-radius:5px}.defense-category>i{width:8px;height:8px;border-radius:3px;flex:none}.defense-category>span{flex:1;color:#b4bfd3}.defense-category>strong{color:#d8cce9;font-size:11px}.defense-category:hover,.defense-category.selected{border-color:#a890ca99;background:#59446e44}.defense-chart-empty{display:flex;flex-direction:column;gap:9px}.defense-chart-empty strong{font-size:13px;color:#c2b9d6;font-weight:500}.defense-chart-empty span{font-size:10px;color:#91a1b7}.defense-ranking{padding-left:25px;border-left:1px solid #55496b77;min-width:0}.defense-rank-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.defense-rank-heading h3{margin-bottom:7px}.defense-rank-heading .provider-badge{font-size:7px;padding:2px 4px;border-width:1px}.defense-rank-heading .segmented button{font-size:9px;padding:5px 8px}.defense-rank-label{text-align:right;color:#8c9db3;font-size:8px;margin:13px 0 5px}.defense-rank{display:flex;width:100%;gap:12px;align-items:center;justify-content:space-between;background:none;border:0;border-bottom:1px solid #4d426755;border-radius:0;padding:10px 0;text-align:left}.defense-rank>span:first-child{min-width:0}.defense-rank>span>strong{font-size:11px;font-weight:500;color:#c8d1e4;overflow-wrap:anywhere}.defense-rank>span>small{display:block;color:#a393b9;font-size:9px;margin-top:4px}.defense-rank-values{white-space:nowrap;font-variant-numeric:tabular-nums}.defense-rank-values>strong{font-size:20px!important;color:#d9c8ed!important}.defense-rank-values>span{font-size:10px;color:#99a3b5}.defense-rank-empty{min-height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:8px}.defense-rank-empty>span{font-size:28px;color:#9886b5}.defense-rank-empty strong{font-size:12px;font-weight:500;color:#c6bbd9}.defense-rank-empty small{font-size:9px;color:#8e9fb2}.defense-filter{font-size:9px;padding:4px 8px;margin-top:9px;color:#d1bee9;background:#59446e44;border-color:#9278b677}.defense-foot{display:flex;align-items:center;gap:12px;justify-content:space-between;border-top:1px solid #55496b77;padding-top:13px}.defense-outcome-counts{display:flex;gap:18px;flex-wrap:wrap;font-size:10px;color:#a8a1ba}.defense-coverage-warning{font-size:10px;color:#d5b980;margin:12px 0 0}.defense-detail .request-drill{display:flex;align-items:flex-start;flex-direction:column;gap:6px;width:100%;margin-top:8px;padding:12px;text-align:left;background:#32333655;border:1px solid #806b9b77}.defense-detail .request-drill>span{font-size:10px;color:#a6b7ca}.defense-detail .request-drill>strong{font-size:11px;font-weight:500;color:#d0c3e3}.defense-detail .request-drill>small{font-size:10px;color:#a89dbb}.defense-selected-category{font-size:12px;padding:10px 13px;border-left:3px solid #b49aef;background:#54406644;margin-bottom:15px}.request-inspection{margin-top:19px;border:2px solid #b49aef;border-radius:8px;padding:13px;background:#392e4c33}.request-inspection>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;gap:10px}.request-inspection h3{margin:0;font-size:12px}.inspection-decision{display:grid;grid-template-columns:55px 70px minmax(0,1fr);gap:10px;border-top:1px solid #69547f77;padding:9px 0;align-items:baseline;font-size:11px}.inspection-decision>strong{text-transform:capitalize;color:#c5b0e2;font-weight:500}.inspection-decision>small{font-size:10px;color:#a99db9}.inspect-dialog[data-provider=defense] :is(.inspect-kpi,.inspect-evidence,.source-alignment){border:2px solid #b49aef}
@media(max-width:1000px){.defense-layout{grid-template-columns:1fr 1fr;gap:18px}.defense-chart{flex-direction:column;gap:16px;align-items:flex-start}.defense-chart-legend{width:100%}.defense-ranking{padding-left:18px}.defense-ring{height:145px;width:145px}.defense-chart-empty{padding:0 0 4px}.defense-rank-heading{flex-wrap:wrap}}
@media(max-width:720px){.defense-panel{padding:17px 15px}.defense-heading h2{font-size:20px}.defense-heading>div>span{font-size:10px}.defense-stats{grid-template-columns:1fr 1fr;gap:18px 10px}.defense-stat{padding-left:10px}.defense-stat>strong{font-size:28px}.defense-stat>span{font-size:10px}.defense-layout{grid-template-columns:1fr;gap:20px;margin:18px 0}.defense-chart{flex-direction:row;gap:16px;align-items:center}.defense-ring{height:132px;width:132px;padding:11px}.defense-ring-center>strong{font-size:30px}.defense-ring-center>span{font-size:8px}.defense-chart-empty strong{font-size:11px}.defense-chart-empty span{font-size:9px;line-height:1.7}.defense-ranking{padding:18px 0 0;border-left:0;border-top:1px solid #55496b77}.defense-rank-heading{flex-wrap:nowrap}.defense-rank-empty{min-height:105px}.defense-foot{align-items:flex-start;flex-direction:column;gap:13px}.defense-outcome-counts{font-size:9px;gap:12px}.defense-category{font-size:10px;gap:6px;padding:6px 2px}.defense-category>strong{font-size:10px}.defense-category>i{height:6px;width:6px}.inspection-decision{grid-template-columns:40px 55px minmax(0,1fr);font-size:10px;gap:7px}.inspection-decision>small{font-size:9px}.provider-legend-grid{gap:7px}}

/* Source identity stays on outer frames/badges; inner structure stays neutral. */
:root{--inner-line:#505154;--connector-gray:#8897a3}
.path-side .agent-lane,.path-side .agent-lane:hover,.path-side .agent-lane.path-active{border:1px solid var(--inner-line);background:#27282b33}
.path-side .agent-lane:hover,.path-side .agent-lane.path-active{border-color:#7b8c99;background:#31323555}
.path-side .shared-edge{border:1px solid var(--inner-line);background:#292a2d66;box-shadow:none}
.path-side .shared-edge-icon{border-color:#7e929f;color:#bdcbd4;background:#2f3033;box-shadow:none}
.path-side .branch-curves,.path-side .branch-curves path,.path-side .branch-curves path.path-active{stroke:var(--connector-gray);stroke-width:1.4;stroke-dasharray:5 5;opacity:1}
.path-side .hop-link,.path-side .hop-link.collapsed-hops{border-top:1px dashed var(--connector-gray)}
.path-side .hop-link:after{display:none;content:none}
.shared-edge:before,.tunnel-line{border-top:1px dashed var(--connector-gray)}
.path-side .hop-node,.path-side .hop-node:hover,.path-side .hop-node.selected{background:none;border-color:transparent;box-shadow:none}
.path-side .hop-node.selected,.path-side .hop-node:focus-visible{background:#38393c55;border-color:#8b9ba7}
.path-side .hop-circle,.path-side .hop-node:hover .hop-circle,.path-side .hop-node.selected .hop-circle,.path-side .hop-node:focus-visible .hop-circle{border:1px solid #7e929f;color:#c3d0d8;background:#2d2e31;box-shadow:none}
.path-side .hop-node.hop-warn .hop-circle{border-color:#e4b469;color:#f2c67f;background:#403620}
.path-side .hop-node.hop-bad .hop-circle{border-color:#ee829b;color:#ffabba;background:#462f39}
.path-side .hop-node.hop-unknown .hop-circle{border-color:#8194a1;color:#afbfcb;background:#323336}
.path-side .hop-node.unanswered .hop-circle{border-style:dashed}
.path-side .hop-asn,.path-side .asn-segment,.inspect-dialog .hop-asn,.inspect-dialog .asn-segment{border-color:#66676a;color:#b6c5d0;background:#30313455}
.path-side .asn-segment:hover,.inspect-dialog .asn-segment:hover{border-color:#a5b3bd;background:#42434666}
.asn-direction{font-size:0;width:10px;border-top:1px dashed var(--connector-gray);flex-shrink:0}
.expand-hops,.expand-hops:hover{border-color:#697d8b;color:#c4d0d8;background:#333437}
.application-components[data-measured-by=app]{border-top:1px solid var(--inner-line);background:none}
.provider-highlight{outline:1px solid #a2afb9;box-shadow:none!important}
.inspect-dialog :is(.investigation-visual,.inspect-kpi,.stage-waterfall,.inspect-evidence,.source-alignment,.digest-spotlight,.digest-latency,.service-digest-cards>div,.observation-card,.asn-compact,.asn-kpis>div,.request-inspection){border-width:1px!important;border-color:var(--inner-line)!important}
.inspect-dialog .correlation-card[data-measured-by]{border-width:1px;border-color:var(--inner-line);background:#2d2e3144}
.inspect-dialog .correlation-card.exact{border-style:solid;background:#2d2e3144}
.inspect-dialog .correlation-card.exact .match-kind{background:#3f404366;border-color:#71828d77;color:#c0cdd6}
.inspect-dialog[data-provider=te] .hop-response,.inspect-dialog[data-provider=te] .hop-response.selected{border:1px solid var(--inner-line);background:#2d2e3155}
.inspect-dialog[data-provider=te] .hop-response.selected{border-color:#a5b3bd;background:#42434666}
.inspect-dialog .hop-response-stem>i{background:#8fa4b3}
.inspect-dialog .provider-detail{border:1px solid var(--inner-line);background:#2d2e3144}
.inspect-dialog .provider-detail.provider-selected{outline-color:#a5b3bd}
.inspect-dialog .coverage-measured{border:1px solid var(--inner-line)}
.inspect-dialog .coverage-configured{border:1px dashed #8998a3}
.inspect-dialog .coverage-arrow{font-size:0;color:transparent;border-top:1px dashed var(--connector-gray);height:0;width:100%;transform:none}
.defense-stat{border-left:1px solid var(--inner-line)}
@media(max-width:720px){.inspect-dialog .coverage-arrow{width:0;height:17px;border-top:0;border-left:1px dashed var(--connector-gray);margin:0 auto}}

/* Smaller visual scale; retain comfortable spacing, source frames and status colors. */
body.observing{font-size:11px;line-height:1.5}
body.observing header{height:48px;font-size:11px}
body.observing .hero{padding:16px 0 12px}
body.observing h1{font-size:21px}
body.observing .hero p{font-size:11px}
body.observing .provider-legend{padding:8px 11px;gap:8px 11px}
body.observing .provider-legend .provider-badge{font-size:8px;padding:4px 7px}
body.observing .filter-control select{font-size:10px;padding:7px;min-width:130px}
body.observing .range-chip{font-size:9px;padding:6px 9px}
body.observing .path-summary{padding-top:6px;padding-bottom:11px}
body.observing .path-status strong{font-size:11px}
body.observing .path-status-icon{width:25px;height:25px;font-size:13px}
body.observing .path-summary-value strong{font-size:14px}
body.observing .panel-heading{padding:12px 14px}
body.observing .panel-heading h2{font-size:12px}
body.observing .network-canvas{grid-template-columns:300px minmax(0,1fr);gap:20px;padding:16px 14px}
body.observing .application-endpoint .endpoint-title{padding:10px 12px}
body.observing .endpoint-title h3{font-size:14px}
body.observing .endpoint-icon{width:28px;height:28px;font-size:16px}
body.observing .endpoint-metrics.application-insights{padding:0 12px}
body.observing .app-primary{grid-template-columns:1fr 1.35fr;gap:12px;padding:9px 0}
body.observing .app-primary .app-mean strong{font-size:27px;letter-spacing:-.8px}
body.observing .app-vitals .apm-metric strong{font-size:17px}
body.observing .application-insights .support-metric strong{font-size:14px}
body.observing .app-insight{padding:8px}
body.observing .insight-copy>strong{font-size:10px}
body.observing .insight-copy>small{font-size:9px}
body.observing .apm-support{gap:6px 14px;padding:8px 0}
body.observing .tail-values{gap:14px}
body.observing .application-components{padding:0 12px}
body.observing .path-side{padding:13px 12px}
body.observing .path-overview{padding-bottom:14px}
body.observing .path-overview h3{font-size:12px}
body.observing .path-column-labels{padding-bottom:9px}
body.observing .branch-rows{gap:10px}
body.observing .agent-lane{min-height:124px;padding:10px;column-gap:12px}
body.observing .hop-track{min-height:80px;padding:4px 0 21px}
body.observing .agent-card strong.agent-name{font-size:10px}
body.observing .agent-card .cloud-symbol{width:26px;height:26px;font-size:17px}
body.observing .probe-stats strong{font-size:9px!important}
body.observing .shared-edge{padding:11px 7px}
body.observing .shared-edge .shared-edge-icon{width:36px;height:36px;font-size:26px;margin:10px auto 7px}
body.observing .shared-edge strong{font-size:10px}
body.observing .path-context{padding:9px 14px;min-height:36px}
body.observing .evidence-caption{padding:8px 14px}

body.observing .defense-panel{padding:18px;margin:15px 0}
body.observing .defense-heading{margin-bottom:16px}
body.observing .defense-heading h2{font-size:16px;letter-spacing:-.3px}
body.observing .defense-stats{gap:16px;padding-bottom:16px}
body.observing .defense-stat{padding-left:11px;min-height:0}
body.observing .defense-stat>strong{font-size:24px;margin-top:5px}
body.observing .defense-layout{gap:22px;margin:18px 0}
body.observing .defense-layout h3{font-size:11px;margin-bottom:12px}
body.observing .defense-chart{gap:20px;min-height:148px}
body.observing .defense-ring{width:132px;height:132px;padding:11px}
body.observing .defense-ring-center>strong{font-size:27px;letter-spacing:-.6px}
body.observing .defense-ring-center>span{font-size:8px}
body.observing .defense-category{font-size:10px;padding:6px 5px;min-height:28px}
body.observing .defense-category>strong{font-size:10px}
body.observing .defense-ranking{padding-left:22px}
body.observing .defense-rank-label{margin-top:11px}
body.observing .defense-rank{font-size:11px;line-height:1.5;padding:9px 0;min-height:0}
body.observing .defense-rank>span>strong{font-size:10px}
body.observing .defense-rank>span>small{font-size:9px;margin-top:3px}
body.observing .defense-rank-values>strong{font-size:17px!important}
body.observing .defense-foot{padding-top:11px}

body.observing .assurance-grid{gap:13px;margin-top:15px}
body.observing .assurance-grid>.panel{padding:16px}
body.observing .assurance-grid h2{font-size:13px!important;margin-bottom:13px}
body.observing .assurance-grid .allocation-heading{margin-bottom:13px}
body.observing .assurance-grid .token-summary strong{font-size:29px;letter-spacing:-.8px}
body.observing .assurance-grid .token-summary small{font-size:9px}
body.observing .assurance-grid .panel-note{margin:6px 0 12px}
body.observing .assurance-grid .rank{padding:4px 0 5px;margin-bottom:5px}
body.observing .assurance-grid .rank-head{font-size:10px;margin-bottom:6px}
body.observing .allocation-finding{font-size:10px;padding:11px 0;margin-bottom:10px}
body.observing .signal-card-foot{padding-top:13px}
body.observing .outcome-hero{padding:10px;gap:9px;margin-bottom:15px}
body.observing .outcome-symbol{width:24px;height:24px;font-size:14px}
body.observing .outcome-copy strong{font-size:16px}
body.observing .review-kpis{gap:15px}
body.observing .review-kpi>span{font-size:9px}
body.observing .review-kpi>strong{font-size:23px;margin-top:5px}
body.observing .io-token-rail{margin-top:14px}
body.observing .review-identity{gap:11px;margin-top:15px;padding-top:12px}
body.observing .identity-item>strong{font-size:10px}
body.observing .review-services{margin-top:13px}
body.observing .review-actions{padding-top:14px}
body.observing .inspect-request-button{font-size:10px;min-height:30px;padding:6px 9px}
body.observing .configured-caps{gap:9px}
body.observing .cap-card{padding:10px}
body.observing .cap-card>strong{font-size:24px;margin:6px 0 4px}
body.observing .cap-card>span{font-size:9px}
body.observing .observed-label{margin-top:16px}
body.observing .observed-stops{padding:9px 10px;gap:11px}
body.observing .observed-stops>strong{font-size:24px}
body.observing .observed-stops span{font-size:10px}
body.observing .governance-link{font-size:9px;padding-top:14px}
body.observing .investigation>summary{padding:11px 14px;font-size:10px}

.inspect-dialog{width:900px;font-size:11px;border-radius:12px}
.inspect-head{padding:16px 18px 13px}
.inspect-head h2{font-size:17px}
.inspect-close{font-size:22px;min-width:30px;min-height:30px}
.inspect-context{padding:10px 18px}
.inspect-tabs{padding:0 18px;gap:22px}
.inspect-tab{font-size:10px;padding:10px 0;min-height:34px}
.inspect-content{padding:16px 18px 18px;max-height:calc(92vh - 175px)}
.inspect-pane>h3,.inspect-evidence+h3{font-size:12px;margin-bottom:12px}
.inspect-kpis{gap:10px;margin-bottom:15px}
.inspect-kpi{padding:11px}
.inspect-kpi>strong{font-size:18px}
.inspect-kpi.fact-text>strong{font-size:12px}
.inspect-row{padding:8px 0;font-size:10px}
.inspect-row>strong{font-size:10px}
.digest-spotlight{padding:16px;gap:22px}
.digest-value{font-size:32px;margin:8px 0;letter-spacing:-1px}
.digest-value-label{font-size:10px}
.digest-secondary{gap:16px}
.digest-secondary>div{padding-left:14px}
.digest-secondary strong{font-size:18px}
.digest-finding p{font-size:11px;line-height:1.7}
.digest-latency{padding:13px 14px}
.digest-latency-rail{margin:23px 8px 19px}
.digest-latency-value>strong{font-size:14px}
.hop-response-stem{height:68px}
.observation-card,.correlation-card,.service-digest-cards>div{padding:12px}
.service-digest-cards p{font-size:10px;line-height:1.7}
.probe-digest-headline h3{font-size:14px}
.probe-digest-headline p{font-size:10px}

@media(max-width:1100px) and (min-width:721px){
 body.observing .network-canvas{grid-template-columns:280px minmax(0,1fr);gap:16px}
 body.observing .assurance-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
 body.observing{font-size:11px}
 body.observing header{height:46px;font-size:10px}
 body.observing h1{font-size:20px}
 body.observing .hero p{font-size:10px}
 body.observing .network-canvas{display:flex;padding:11px;gap:17px}
 body.observing .path-side{padding:12px 10px}
 body.observing .path-overview h3{font-size:12px}
 body.observing .agent-lane{min-height:0;padding:11px;gap:11px}
 body.observing .hop-track{min-height:85px;padding:4px 0 20px}
 body.observing .agent-card .probe-stats strong{font-size:10px!important}
 body.observing .shared-edge .shared-edge-icon{width:30px;height:30px;font-size:23px;margin:0}
 body.observing .defense-panel{padding:16px 14px}
 body.observing .defense-heading h2{font-size:16px}
 body.observing .defense-stats{gap:15px 10px}
 body.observing .defense-layout{gap:18px;margin:17px 0}
 body.observing .defense-ring{width:118px;height:118px;padding:10px}
 body.observing .defense-chart{gap:16px;min-height:130px}
 body.observing .defense-ring-center>strong{font-size:25px}
 body.observing .defense-ranking{padding:16px 0 0}
 body.observing .defense-rank{padding:10px 0}
 body.observing .defense-rank>span>strong{font-size:11px}
 body.observing .assurance-grid{grid-template-columns:1fr}
 body.observing .assurance-grid>.panel{padding:16px}
 body.observing .assurance-grid h2{font-size:15px!important}
 body.observing .assurance-grid .token-summary strong{font-size:31px}
 body.observing .assurance-grid .rank-head{font-size:11px}
 body.observing .identity-item>strong{font-size:11px}
 body.observing .segmented button{font-size:10px;min-height:32px}
 body.observing .inspect-request-button{min-height:34px}
 .inspect-dialog{max-width:96vw}
 .inspect-head{padding:14px 13px 11px}
 .inspect-head h2{font-size:15px}
 .inspect-context{padding:9px 13px}
 .inspect-tabs{padding:0 13px;gap:20px}
 .inspect-tab{min-height:36px}
 .inspect-content{padding:13px;max-height:calc(94vh - 172px)}
 .inspect-kpi>strong{font-size:16px}
 .digest-value{font-size:27px}
 .digest-secondary strong{font-size:16px}
 .digest-spotlight{padding:13px;gap:15px}
 .digest-latency-value>strong{font-size:11px}
}

/* Center category composition within the left half of the AI Defense card. */
body.observing .defense-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
body.observing .defense-category-block{display:flex;flex-direction:column;min-width:0}
body.observing .defense-chart{flex:1;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:0;padding:4px 0}
body.observing .defense-ring{width:210px;height:210px;padding:15px}
body.observing .defense-ring-center>strong{font-size:36px}
body.observing .defense-ring-center>span{font-size:9px}
body.observing .defense-chart-legend{flex:0 1 auto;width:100%;max-width:300px;max-height:180px}
body.observing .defense-chart-empty{text-align:center}
@media(max-width:720px){
 body.observing .defense-layout{grid-template-columns:minmax(0,1fr)}
 body.observing .defense-chart{gap:12px;padding:4px 0 8px}
 body.observing .defense-ring{width:180px;height:180px;padding:13px}
 body.observing .defense-ring-center>strong{font-size:32px}
 body.observing .defense-chart-legend{max-width:280px}
}

/* Hop status uses existing measured-RTT guides; links stay neutral. */
.path-side .hop-circle{position:relative}
.path-side .hop-node.hop-good .hop-circle{border-color:#62d8b2;color:#8ce6c9;background:#343538}
.path-side .hop-node.hop-warn .hop-circle{border-color:#e6ae70;color:#f2c67f;background:#403620}
.path-side .hop-node.hop-bad .hop-circle{border-color:#ee829b;color:#ffabba;background:#462f39}
.path-side .hop-node:is(.hop-good,.hop-warn,.hop-bad):not(.unanswered) .hop-circle::after{
 content:"";position:absolute;inset:-2px;border:1.5px solid currentColor;border-radius:50%;pointer-events:none;
 animation:hop-status-pulse 2.8s ease-out infinite;
}
.path-side .hop-node.hop-good .hop-circle::after{animation-duration:3.6s}
.path-side .hop-node.hop-unknown .hop-circle::after,.path-side .hop-node.unanswered .hop-circle::after{content:none;animation:none}
@keyframes hop-status-pulse{
 0%{transform:scale(1);opacity:.6}
 75%,100%{transform:scale(1.65);opacity:0}
}
@media(prefers-reduced-motion:reduce){
 .path-side .hop-node:is(.hop-good,.hop-warn,.hop-bad):not(.unanswered) .hop-circle::after{animation:none;content:none}
}

.submitted-prompt{margin-top:18px;border-top:1px solid #5b5c5f66;padding-top:15px}
.submitted-prompt-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.submitted-prompt-head h3{font-size:12px;margin:0 0 5px}
.submitted-prompt-head small,.submitted-prompt-content>small,.submitted-prompt-provenance{color:#9baebd;font-size:10px;line-height:1.6}
.submitted-prompt-text{white-space:pre-wrap;overflow-wrap:anywhere;max-height:280px;overflow:auto;background:#1a1b1e;border:1px solid #4e4f52;border-radius:7px;padding:13px;font:11px/1.7 ui-monospace,SFMono-Regular,monospace;color:#d8e4ec;user-select:text}
@media(max-width:720px){.submitted-prompt-head{align-items:flex-start;flex-direction:column}.submitted-prompt-text{font-size:10px}}

.experience-strip{margin:0 0 16px;border:1px solid #4e4f52;border-radius:8px;background:#1f2023cc;padding:12px 14px}
.experience-heading,.experience-group-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.experience-heading{margin-bottom:12px;font-size:11px}
.experience-groups{display:grid;grid-template-columns:.75fr 1.4fr 1.1fr;gap:18px}
.experience-group{min-width:0;border-left:1px solid #4e4f5266;padding-left:14px}
.experience-group:first-child{border-left:0;padding-left:0}
.experience-group h3{font-size:10px;margin:0;color:#b9cbd6;font-weight:500}
.experience-group .provider-badge{font-size:7px;padding:2px 4px}
.experience-values{display:flex;gap:12px;margin-top:10px;justify-content:space-between}
.experience-metric{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;padding:0;border:0;background:none;font-size:9px;color:#92a8b8}
.experience-metric>strong{font-size:13px;font-weight:550;color:#dce7ee;white-space:nowrap}
.experience-metric:hover>strong{color:#00cce8}
.experience-observations{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.experience-observations h3{font-size:12px;margin:0 0 10px}
.experience-observations .stat-row{font-size:10px}
.experience-observations small{display:block;margin:12px 0 8px;color:#96aebe;font-size:9px}
.experience-observations a{font-size:10px}
@media(max-width:1100px){.experience-groups{grid-template-columns:1fr}.experience-group{border-left:0;border-top:1px solid #4e4f5266;padding:12px 0 0}.experience-group:first-child{border-top:0;padding-top:0}.experience-values{justify-content:flex-start;gap:25px}}
@media(max-width:720px){.experience-heading{align-items:flex-start}.experience-metric>strong{font-size:12px}.experience-values{gap:18px;flex-wrap:wrap}}

.experience-metric .metric-text-good{color:#68d9b7}.experience-metric .metric-text-warn{color:#e6b963}.experience-metric .metric-text-bad{color:#f18ba5}.experience-metric .metric-text-unknown{color:#8196a5}

body.observing .token-activity-panel{margin:15px 0;padding:17px 18px;border:3px solid #7dbbb1;border-radius:10px;background:#1e1f22dd}
.token-activity-heading,.token-activity-controls,.token-activity-summary,.token-activity-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}
.token-activity-heading h2{font-size:16px;margin:0 0 5px;letter-spacing:-.25px}
.token-activity-heading small{font-size:10px;color:#94acba}
.token-activity-controls{justify-content:flex-end;flex-wrap:wrap;gap:9px}
.token-date{font:inherit;font-size:11px;padding:6px 8px;min-height:31px;max-width:155px;border:1px solid #4e4f52;border-radius:5px;background:#28292c;color:#dce8ef;color-scheme:dark}
.token-activity-controls .provider-badge{font-size:8px}
.token-activity-summary{margin:17px 0 10px}
.token-activity-summary>div{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.token-activity-summary>div>strong{font-size:25px;font-weight:550;letter-spacing:-.5px}
.token-activity-summary>div>span{font-size:10px;color:#9ab0be}
.token-chart-wrap{display:grid;grid-template-columns:43px minmax(0,1fr);gap:6px}
.token-y-axis{height:174px;display:flex;flex-direction:column;justify-content:space-between;padding:1px 0 24px;font-size:8px;color:#8da5b4;text-align:right}
.token-chart-viewport{overflow-x:auto;overflow-y:hidden;min-width:0;scrollbar-width:thin}
.token-chart{height:174px;display:grid;gap:3px;background:repeating-linear-gradient(to top,transparent 0,transparent 48px,#51525555 49px,#51525555 50px);position:relative}
.token-bucket{height:174px;position:relative;padding:0;border:1px solid transparent;border-radius:4px 4px 0 0;background:transparent;min-width:0;color:#9cb3c1}
.token-bucket.off-hours{background:#8268b415}
.token-bucket:hover:not(:disabled),.token-bucket:focus-visible{border-color:#9ad8cf;outline:0;background:#3d3e4188}
.token-bucket.state-future{opacity:.35;background:repeating-linear-gradient(135deg,#71859322 0,#71859322 1px,transparent 1px,transparent 6px);cursor:default}
.token-bucket.state-no_history{background:repeating-linear-gradient(135deg,#71859333 0,#71859333 1px,transparent 1px,transparent 6px)}
.token-bucket.state-partial_history{border-top:1px dashed #7b91a0}
.token-bucket.state-current{border-left:1px dashed #8de0d0}
.token-bucket.state-partial_usage{border-top:1px dashed #e4b66c}
.token-bucket-stack{position:absolute;bottom:24px;left:1px;right:1px;display:flex;flex-direction:column;border-radius:3px 3px 0 0;overflow:hidden}
.token-bar-input,.token-bar-output{display:block;width:100%;flex:none}
.token-bar-input{background:#45c5c4}.token-bar-output{background:#609ad6}
.token-time-tick{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);font-size:8px;white-space:nowrap;color:#94acba}
.token-bucket:first-child .token-time-tick{left:0;transform:none}
.token-event-dot{width:4px;height:4px;border-radius:50%;position:absolute;bottom:18px;left:50%;transform:translateX(-50%);background:#8bcac1}
.token-event-dot.flagged{background:#b49aef;width:5px;height:5px}
.token-usage-gap{position:absolute;top:3px;left:50%;transform:translateX(-50%);font-size:9px;color:#e4b66c}
.token-timeline-legend{display:flex;gap:17px;flex-wrap:wrap;align-items:center;margin:12px 0 0 49px;font-size:9px;color:#a2b6c3}
.token-timeline-legend>span{display:inline-flex;gap:6px;align-items:center}
.token-timeline-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;background:#45c5c4}
.token-timeline-legend .legend-output{background:#609ad6}.token-timeline-legend .legend-night{background:#8268b444;border:1px solid #967fb277}.token-timeline-legend .legend-event{background:#b49aef;border-radius:50%;width:5px;height:5px}.token-timeline-legend .legend-unavailable{background:repeating-linear-gradient(135deg,#8da3b088 0,#8da3b088 1px,transparent 1px,transparent 4px);border:1px solid #6d859566}
.token-activity-foot{margin-top:13px;padding-top:10px;border-top:1px solid #4e4f5255;font-size:9px;color:#8fa8b7;flex-wrap:wrap}
.token-activity-foot small{font-size:9px}.usage-warning{color:#e4b66c;font-weight:500}
.token-quota-note{font-size:9px;color:#d0b784;margin:10px 0 0}
.token-window-finding{margin-bottom:18px}.token-window-finding h3{font-size:15px;margin:0 0 6px}.token-window-finding p{font-size:10px;line-height:1.7;color:#9db3c2;margin:0}
.token-window-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:17px 0 10px}.token-window-group-head h3{font-size:12px;margin:0}
.token-window-contributors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.token-time-contributor{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;text-align:left;padding:10px 12px;border:1px solid #505154;border-radius:6px;background:#30313455;font-size:10px;min-width:0}
.token-time-contributor strong{font-weight:500;overflow-wrap:anywhere}.token-time-contributor>span{font-variant-numeric:tabular-nums;color:#b9e2db}.token-time-contributor small{grid-column:1/-1;color:#95adbc;font-size:9px}.token-time-contributor.selected{border-color:#7dbbb1;background:#46474a55}
.token-window-requests{display:flex;flex-direction:column;gap:8px}
.token-time-request{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:6px 15px;text-align:left;align-items:start;width:100%;padding:11px 12px!important}
.token-time-request>div{display:flex;flex-direction:column;gap:5px;min-width:0}.token-time-request strong{font-size:11px;font-weight:500;overflow-wrap:anywhere}.token-time-request>div>span,.token-time-request small{font-size:9px;color:#91adbc;overflow-wrap:anywhere}.token-time-request>div:nth-child(2){text-align:right}.token-time-decision{grid-column:1;color:#baa5df!important}.token-time-outcome{font-size:9px;color:#8cc7bd;text-align:right}
.token-window-back{margin:0 0 14px}
@media(max-width:900px){.token-activity-heading{align-items:flex-start;flex-direction:column}.token-activity-controls{justify-content:flex-start}}
@media(max-width:720px){.token-activity-panel{padding:15px 12px}.token-activity-heading h2{font-size:15px}.token-activity-summary{align-items:flex-start}.token-activity-summary>div>strong{font-size:23px}.token-chart-wrap{grid-template-columns:35px minmax(0,1fr)}.token-timeline-legend{margin-left:41px;gap:11px}.token-window-contributors{grid-template-columns:1fr}.token-time-request{grid-template-columns:minmax(0,1fr)}.token-time-request>div:nth-child(2){text-align:left}.token-time-outcome{text-align:left}}

/* Shared Cloud Control styling */
/* Cloud Control visual system. Source colors and measured health stay distinct. */
:root{--cc-bg:#0d0e11;--cc-surface:#18191c;--cc-raised:#202124;--cc-line:#37383b;--cc-text:#d7dbe2;--cc-muted:#a3aab5;--cc-blue:#649cf1;--cc-cyan:#00bceb;--cc-purple:#ba8def;--cc-header:46px;--cc-side:228px}
html[data-cloud-control]{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;background:var(--cc-bg);font-size:14px;scrollbar-color:#4d4e51 #101114}
html[data-cloud-control] body.cc-site{--bg:var(--cc-bg);--surface:var(--cc-bg);--panel:var(--cc-surface);--line:var(--cc-line);--border:var(--cc-line);--ink:var(--cc-text);--text:var(--cc-text);--muted:var(--cc-muted);--accent:var(--cc-blue);--blue:var(--cc-blue);--selection:#393a3d;--theme-sidebar:#16171a;--theme-subtle:#202124;--theme-hover:#2c2d30;--theme-success-bg:#2e2f32;--theme-warning-bg:#3c3020;--theme-danger-bg:#422630;--success:#8ce6c9;--warning:#f2c67f;--danger:#ffabba;color:var(--cc-text);background:radial-gradient(ellipse 1050px 370px at 8% 0,#37383bb0,transparent 75%),radial-gradient(ellipse 750px 440px at 83% 100%,#36235930,transparent 80%),var(--cc-bg);background-attachment:fixed;font-size:12px;line-height:1.5}
.cc-site [hidden]{display:none!important}.cc-site :is(button,input,select,textarea){font-family:inherit}.cc-site a{color:inherit}.cc-site :is(button,a,input,textarea,select,summary):focus-visible{outline:2px solid #7bb5ff;outline-offset:3px}
body.cc-site .cc-header{position:fixed;inset:0 0 auto;z-index:90;height:var(--cc-header);min-height:var(--cc-header);max-height:var(--cc-header);width:100%;padding:0 14px;margin:0;display:flex;align-items:center;justify-content:flex-start;gap:13px;border:0;border-bottom:1px solid #61626522;background:linear-gradient(105deg,#424346 0,#28292c 36%,#18191c 68%,#101114 100%);color:#dce3ec;backdrop-filter:blur(20px);font-size:11px;letter-spacing:0;box-shadow:none}
.cc-header a,.cc-header button{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;text-decoration:none;min-height:28px;padding:4px 9px;margin:0;border:1px solid transparent;border-radius:5px;background:transparent;color:#b9c4d3;font-size:11px;font-weight:550;line-height:1.4;letter-spacing:0;box-shadow:none}
.cc-header a:hover,.cc-header button:hover{background:#ffffff09;border-color:#7c8a9c44;color:#eef1f6;filter:none}.cc-header svg{width:16px;height:16px;flex:none}.cc-header .cc-wordmark{font-size:15px;font-weight:400;color:#e7edf5;padding:0 18px 0 0;border-right:1px solid #9aabb466;border-radius:0;gap:11px;height:23px;min-height:23px}.cc-wordmark:hover{background:transparent!important;border-color:transparent!important;border-right-color:#9aabb466!important}.cc-cisco{display:flex;flex-direction:column;align-items:center;width:29px;gap:1px}.cc-cisco-bars{display:flex;align-items:center;height:13px;gap:2px;transform:scaleY(.5);margin:-4px 0}.cc-cisco-bars i{width:1.5px;display:block;background:#e5edf5;border-radius:2px}.cc-cisco>b{font-size:6px;letter-spacing:2px;font-weight:700;line-height:1}.cc-header .cc-org{padding:3px 2px;gap:10px;color:#edf2f8}.cc-header .cc-org svg{width:12px;height:12px}.cc-header .cc-launcher-toggle{width:30px;padding:5px}.cc-launcher-toggle svg{width:20px;height:20px;fill:#9eafc577;stroke-width:1}
.cc-header .cc-global-nav{display:flex;align-items:center;gap:6px;margin:0;padding:0;overflow-x:auto;scrollbar-width:none;border:0;min-width:0}.cc-global-nav .cc-global-link{border:1px solid #6a7b9533;background:#ffffff03;border-left-width:1px;margin:0;padding:5px 8px;height:29px}.cc-global-nav .cc-global-link.active{background:linear-gradient(#333437,#333437) padding-box,linear-gradient(110deg,#00bceb,#a470ce) border-box;border:1px solid transparent;color:#e0e9f7}.cc-global-link.active svg{color:#00c6ed}.cc-header .cc-utilities{display:flex;align-items:center;gap:8px;margin-left:auto}.cc-header .cc-utility-link{font-size:10px}.cc-header .cc-fso-shortcut svg{color:#00bceb}.cc-header .cc-nav-toggle{padding:5px;width:29px}.cc-nav-scrim{display:none}
.cc-app-launcher{position:fixed;inset:var(--cc-header) 0 0;margin:0;max-height:none;max-width:none;width:100vw;height:calc(100dvh - var(--cc-header));padding:33px max(28px,calc((100vw - 1000px)/2)) 50px;border:0;border-radius:0;color:var(--cc-text);background:radial-gradient(ellipse 500px 440px at 7% 25%,#38393c99,transparent 80%),radial-gradient(ellipse 500px 400px at 89% 19%,#31323577,transparent 80%),#101114f8;box-shadow:none;overflow-y:auto}.cc-app-launcher::backdrop{background:#0b0c0fba;backdrop-filter:blur(14px)}.cc-launcher-head{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:40px}.cc-site .cc-launch-search{height:45px;width:min(540px,calc(100% - 44px));max-width:540px;border:1px solid transparent;border-radius:24px;background:linear-gradient(#242528,#242528) padding-box,linear-gradient(110deg,#00bceb,#ba8def) border-box;color:#e0e7ef;padding:12px 18px;font-size:14px;box-shadow:none}.cc-site .cc-launch-close{position:absolute;right:28px;top:37px;border:0;background:transparent;color:#95a4b5;width:28px;height:28px;padding:4px}.cc-launch-close svg{width:18px;height:18px}.cc-launch-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:42px}.cc-launch-column{min-width:0}.cc-launch-column h2{font-size:13px;font-weight:600;color:#d4dbe4;margin:0 0 15px;letter-spacing:0}.cc-site .cc-launch-item{width:100%;display:flex;align-items:center;gap:11px;border:1px solid #60616455;border-radius:6px;background:linear-gradient(110deg,#2e2f3244,#1d1e2133);color:#c2cbd8;margin:0 0 7px;padding:11px 10px;font-size:11px;min-height:39px;text-decoration:none}.cc-launch-item svg{width:16px;height:16px;flex:none;color:#829bb8}.cc-launch-item svg:last-child:not(:first-child){width:12px;margin-left:auto}.cc-launch-item:hover{border-color:#5b9aed;background:#2f3033!important;color:#edf3ff}.cc-launch-item[href='/apps/observability']{border-color:#638ab088}.cc-launch-item[href='/apps/observability']>svg:first-child{color:#00bceb}.cc-launch-foot{border-top:1px solid #7d8a9955;margin:35px 0 0;padding-top:27px;color:#9eacbb;font-size:10px}.cc-launch-empty{font-size:13px;color:#a8b5c7;padding:40px;text-align:center}.cc-workspace-dialog{width:360px;max-width:92vw;border:1px solid #505154;border-radius:8px;padding:24px;background:#1a1b1e;color:#d4dfed}.cc-workspace-dialog h2{font-size:19px;margin:0 0 7px}.cc-workspace-dialog p{font-size:12px;color:#a5b5c5}.cc-site .cc-primary,.cc-site .cc-open-app{background:#649cf1;border:1px solid #649cf1;color:#101114;border-radius:4px;padding:5px 9px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:10px;text-decoration:none}.cc-open-app svg{width:12px;height:12px}.cc-site .cc-open-app:hover,.cc-site .cc-primary:hover{background:#82b1ff;color:#101114}
/* Existing application shell fits inside the global header. */
body.cc-enterprise{padding-top:var(--cc-header)}body.cc-enterprise>aside,body.cc-enterprise.observing>aside{display:flex;flex-direction:column;position:fixed;inset:var(--cc-header) auto 0 0;width:var(--cc-side);height:calc(100dvh - var(--cc-header));padding:18px 13px;background:linear-gradient(180deg,#28292c99,#10111433 270px);border-right:1px solid #32333688;z-index:50;overflow-y:auto}
body.cc-enterprise>main,body.cc-enterprise.observing>main{margin:0 0 0 var(--cc-side);max-width:none;width:calc(100% - var(--cc-side));padding:0 24px;min-width:0}body.cc-enterprise>main>header{height:44px;min-height:44px;background:transparent;border:0;font-size:11px;color:#b9c3d0}.cc-site .cc-breadcrumb{display:flex;align-items:center;gap:9px;font-size:10px}.cc-breadcrumb a{color:#98abc2}.cc-breadcrumb strong{font-weight:500;color:#d5dfed}.cc-breadcrumb>span{color:#65778e}.cc-site .cc-app-title{display:flex;align-items:center;gap:9px;color:#d7e5f2;font-size:14px;font-weight:600;padding:10px 3px 18px;line-height:1.4}.cc-app-title svg{width:22px;height:22px;color:#00bceb}.cc-enterprise .nav-label{font-size:9px;letter-spacing:.4px;margin:6px 10px 9px;color:#8ea0b4}.cc-enterprise #nav{display:flex;flex-direction:column;margin:0;overflow:visible}.cc-site .cc-side-link{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:34px;padding:8px 10px;margin:2px 0;border:0;border-left:3px solid transparent;border-radius:5px;color:#b9c5d5;font-size:11px;text-decoration:none}.cc-side-link svg{height:16px;width:16px;flex:none;color:#8c9bad}.cc-side-link .cc-link-label{font-size:11px;color:inherit}.cc-side-link:hover{background:#ffffff09}.cc-side-link.active{border-left-color:#00bceb;background:#3a3b3ea1;color:#eef5ff}.cc-side-link.active svg{color:#00bceb}.cc-back-studio{margin-top:20px!important}.cc-enterprise .side-foot{position:static;margin-top:auto;padding:30px 10px 3px;font-size:10px;color:#92a2b5}.cc-enterprise .side-foot p{font-size:9px}.cc-site .header-actions{gap:9px}.cc-site .header-actions button{font-size:10px;padding:5px 8px;background:#659bf1;color:#131417;border:0;font-weight:600}.cc-site .header-actions .badge{font-size:8px;padding:3px 6px;background:#1d1e21;color:#a5b7c9;border-color:#51525555}
body.cc-enterprise .hero,body.cc-enterprise.observing .hero{padding:12px 0 12px;gap:20px}body.cc-enterprise h1,body.cc-enterprise.observing h1{font-size:21px;letter-spacing:-.35px;font-weight:600}body.cc-enterprise .hero p{font-size:11px;color:#a6b5c6}.cc-enterprise .hero .eyebrow{display:none}.cc-enterprise #identity select{font-size:11px;padding:6px 10px;background:#1c1d20;border-color:#5d5e61}.cc-enterprise #identity small{font-size:9px}.cc-enterprise .notice:not(:empty){font-size:10px;background:#1f202388;border-color:#4a4b4e}.cc-enterprise :is(.card,.panel,.record,.kpi){background:#191a1dbf;border-color:#3b3c3f88;border-radius:6px;box-shadow:none}.cc-enterprise .cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.cc-enterprise .card{min-height:205px;padding:18px;display:flex;flex-direction:column;align-items:flex-start}.cc-enterprise .card:before{display:none}.cc-enterprise .card .number{font-size:9px}.cc-enterprise .card h2{font-size:14px;margin:15px 0 9px}.cc-enterprise .card p{font-size:11px;min-height:0;line-height:1.6;flex:1}.cc-enterprise .card a{margin-top:16px;font-size:10px}.cc-fso-app-card>svg{height:22px;width:22px;color:#00bceb}.cc-enterprise .kpi{padding:15px 14px}.cc-enterprise .kpi strong{font-size:29px;letter-spacing:-.6px}.cc-enterprise .kpi small{font-size:9px}.cc-enterprise table{font-size:11px}.cc-enterprise th{font-size:10px;font-weight:600;text-transform:none;letter-spacing:0;background:#1a1b1e}.cc-enterprise :is(td,th){border-color:#444548;padding:10px 9px}.cc-enterprise .record{padding:18px}.cc-enterprise .record p{font-size:12px}.cc-enterprise .record-top strong{font-size:13px}.cc-enterprise .record button{padding:5px 9px;font-size:11px}.cc-enterprise :is(input,select,textarea){background:#1a1b1e;border-color:#5d5e61;color:#d5e1ed}.cc-enterprise .ai-result{background:#17181b;border-color:#00bceb}.cc-enterprise button{border-radius:4px}.cc-enterprise :is(.section-head h2,.panel h2){font-size:14px}.cc-enterprise footer{font-size:9px;color:#8b9cad;border-top:1px solid #41424566;margin-top:20px}
/* FSO is a Studio app: restrained containers, clear headings, colored sources. */
.cc-enterprise .provider-legend{background:#1d1e2188;border-color:#4e4f5266;border-radius:5px;padding:8px 11px}.cc-enterprise .provider-selector{border-width:1px;font-size:9px;border-radius:4px}.cc-enterprise .connected-toolbar{margin:9px 0 16px}.cc-enterprise .filter-control{background:#1e1f22;border-color:#57585b;border-radius:4px;font-size:10px}.cc-enterprise .filter-control select{background:transparent;border:0;padding:6px 8px;font-size:11px}.cc-enterprise .toolbar-links{font-size:10px}.cc-enterprise .path-summary{padding-top:2px;padding-bottom:3px}.cc-enterprise .panel-heading{background:transparent;border-color:#444548;padding:13px 16px}.cc-enterprise .panel-heading h2{font-size:14px}.cc-enterprise :is(.connected-panel,.path-side,.application-endpoint,.defense-panel,.assurance-grid>.panel,.token-activity-panel){box-shadow:none!important;background:#17181bb0;border-radius:6px}.cc-enterprise .network-canvas{gap:17px;padding:16px;grid-template-columns:290px minmax(0,1fr)}.cc-enterprise .path-side{padding:13px}.cc-enterprise .agent-lane{background:#1b1c1f99;border-color:#47484b;border-radius:6px}.cc-enterprise .endpoint-title,.cc-enterprise .path-overview{background:transparent}.cc-enterprise .path-column-labels{font-size:8px}.cc-enterprise .shared-edge{border:1px solid #5d7083;background:#222326;border-radius:6px}.cc-enterprise .endpoint-title h3{font-size:14px}.cc-enterprise .endpoint-title small{font-size:9px}.cc-enterprise .app-insight{border-radius:5px}.cc-enterprise .defense-heading h2{font-size:16px}.cc-enterprise .defense-stat>strong{font-size:29px}.cc-enterprise .defense-stats{padding-bottom:16px}.cc-enterprise .defense-ranking{border-left-color:#4a435f88}.cc-enterprise .assurance-grid>.panel{padding:16px}.cc-enterprise .token-activity-panel{margin:16px 0}.cc-enterprise [data-source-frame=apm]{border:1px solid #46474a!important;border-top:2px solid #78b9ee!important}.cc-enterprise [data-source-frame=te]{border:1px solid #564939!important;border-top:2px solid #dda36b!important}.cc-enterprise [data-source-frame=defense]{border:1px solid #51445f!important;border-top:2px solid #b49aef!important}.cc-enterprise :is(.assurance-grid>.panel[data-measured-by=app],.token-activity-panel){border:1px solid #525356!important;border-top:2px solid #7dbbb1!important}.cc-enterprise .experience-group{background:#1a1b1ea1;border-radius:5px;border-color:#444548}.cc-enterprise .experience-group-head h3{font-size:11px}.cc-enterprise .experience-metric strong{font-size:16px}
/* All investigation surfaces share the same Cloud Control type and rhythm. */
.cc-site :is(.inspect-dialog,.environment-dialog,.gcp-environment-dialog,.biz-dialog,.net-dialog,.conversation-picker-dialog,.shell-command){border-radius:8px;box-shadow:0 24px 90px #0009;background:#1c1d20;color:#d7e1ec}.cc-site .inspect-dialog{border:1px solid #616265;border-top:2px solid var(--dialog-source-color,#7a9cc8)}.cc-site .inspect-head{background:linear-gradient(110deg,#30313488,#25264055);border-bottom-color:#4f5053;padding:16px 20px}.cc-site .inspect-head h2{font-size:16px;letter-spacing:-.2px}.cc-site .inspect-eyebrow{font-size:8px;letter-spacing:.4px;color:#9bacc3}.cc-site .inspect-context{background:#1e1f22}.cc-site .inspect-tabs{border-color:#48494c}.cc-site .inspect-tab{font-size:11px}.cc-site .inspect-tab[aria-selected=true]{border-color:#00bceb;color:#e3efff}.cc-site :is(.inspect-kpi,.apm-digest,.correlation-card,.stage-waterfall,.investigation-visual,.coverage-node,.inspect-evidence){background:#23242777;border-color:#48494c;border-radius:5px}.cc-site .inspect-kpi>strong{font-size:23px}.cc-site .inspect-kpi>span{font-size:10px}.cc-site .inspect-note{font-size:10px;color:#a8b7c8;background:#212225;border-color:#4c4d50;line-height:1.7}.cc-site .inspect-evidence .inspect-row{font-size:11px;border-color:#48494c}.cc-site .inspect-links{font-size:11px}.cc-site .inspect-links a{color:#6daaff}.cc-site .token-time-request,.cc-site .token-time-contributor{background:#28292c66;border-color:#4e4f52}.cc-site .submitted-prompt{background:#191a1d}.cc-site .submitted-prompt-text{font-size:11px;line-height:1.7;background:#131417;border-color:#48494c;color:#d6e3ef}
/* Portal views keep their event and form handlers; only presentation changes. */
.cc-portal{padding-top:var(--cc-header)}.cc-portal #workspace{height:calc(100dvh - var(--cc-header));grid-template-columns:var(--cc-side) minmax(0,1fr);background:transparent}.cc-portal #sidebar{padding:16px 13px 12px;background:linear-gradient(180deg,#292a2d99,#10111444 330px);border-right:1px solid #3a3b3e44;color:#c7d2e1}.cc-portal #sidebar>.brand{padding:10px 5px 18px;font-size:12px;letter-spacing:.2px}.cc-portal #sidebar .mark{height:28px;width:28px;font-size:18px;border-radius:6px;background:#444548;box-shadow:none}.cc-portal #sidebar .mark span{font-size:9px}.cc-portal #sidebar .brand small{font-size:8px;letter-spacing:.7px}.cc-portal .shell-nav{padding-bottom:12px;margin-bottom:10px;border-bottom-color:#4c4d5055}.cc-portal .shell-nav-label{font-size:9px;letter-spacing:.4px;color:#8f9fb3;padding:0 8px 6px}.cc-portal .shell-cloud-label{padding-top:12px}.cc-portal .shell-route{font-size:11px;min-height:32px;padding:7px 9px;margin:2px 0;border:0;border-left:3px solid transparent;border-radius:5px;color:#bac7d8;gap:10px}.cc-portal .shell-route-icon,.cc-portal .shell-route-icon svg{width:17px;height:17px}.cc-portal .shell-route.active{border-left-color:#00bceb;background:#3e3f4299;color:#e1ecf7;box-shadow:none}.cc-portal .shell-route.active .shell-route-icon{color:#00bceb}.cc-portal .shell-route:hover{background:#3e3f4266}.cc-portal .new-chat{font-size:11px;padding:8px 10px;min-height:33px;border:1px solid #616265;background:#27282b;border-radius:5px;margin-bottom:15px;box-shadow:none}.cc-portal .side-label{font-size:9px;padding:0 9px;color:#98a9be}.cc-portal .assistant-nav{font-size:11px;padding:6px 8px;min-height:33px;gap:9px;border-radius:4px}.cc-portal .assistant-nav .avatar{height:22px;width:22px;border-radius:5px}.cc-portal .assistant-nav .avatar svg{width:14px;height:14px}.cc-portal .history-item{font-size:10px;min-height:29px;padding:7px 8px;color:#b5c2d3;border-radius:4px}.cc-portal .history-item:hover{background:#393a3d66}.cc-portal .side-bottom{margin-top:14px;padding-top:9px;border-color:#52535655}.cc-portal .side-bottom>a,.cc-portal .side-bottom>button{font-size:10px;padding:8px}.cc-portal .private-note{font-size:9px;padding:8px 9px}.cc-portal .shell-history-toggle{font-size:10px;padding:6px 8px}.cc-portal .topbar{min-height:43px;height:43px;max-height:43px;flex-wrap:nowrap;background:transparent;padding:0 24px;border:0;gap:12px;backdrop-filter:none}.cc-portal .topbar>.text-button,.cc-portal .topbar .theme-toggle,.cc-portal .workspace-tabs{display:none}.cc-portal .breadcrumbs{font-size:10px;gap:8px}.cc-portal .breadcrumbs #breadcrumb{font-size:11px;color:#d7e1ec}.cc-portal .shell-search{font-size:10px;padding:4px 7px;min-height:26px;background:#212225;border:1px solid #56575a;border-radius:4px;margin-left:auto}.cc-portal .shell-search kbd{font-size:9px}.cc-portal .status-pill{font-size:9px;padding:4px 8px;background:#26272a;border-color:#58595c}.cc-portal .main-shell,.cc-portal #main{background:transparent}.cc-portal #main{padding:0 24px 30px}.cc-portal .welcome{padding:19px 0 25px;max-width:1560px;position:relative;isolation:isolate}.cc-portal .welcome-heading{position:relative;padding:32px 0 14px}.cc-portal .welcome-heading h1{font-size:31px;line-height:1.2;letter-spacing:-.8px;margin:8px 0 12px;font-weight:550}.cc-portal .welcome-heading p{font-size:12px;color:#a4b5ca}.cc-portal .welcome-heading .eyebrow{font-size:9px;letter-spacing:.6px;color:#9db5cf}.cc-portal .workspace-stamp{font-size:10px;color:#c4d0e1}.cc-portal .workspace-stamp small{font-size:9px}.cc-wave{position:absolute;inset:0 0 auto;height:320px;z-index:-1;opacity:.5;pointer-events:none;background:radial-gradient(ellipse 450px 200px at 75% 25%,#3154af33,transparent),radial-gradient(ellipse 340px 160px at 93% 60%,#883d9444,transparent);mask-image:linear-gradient(#000,transparent)}.cc-wave:after{content:'';position:absolute;inset:20px 0 20px 25%;background-image:radial-gradient(circle,#29aaca 1px,transparent 1.4px);background-size:13px 13px;transform:perspective(650px) rotateX(58deg) rotateZ(-13deg);border-radius:50%;mask-image:radial-gradient(ellipse,#0008,transparent 70%)}
.cc-portal .assistant-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:20px}.cc-portal .assistant-card{border-radius:7px;padding:19px;min-height:207px;background:#1b1c1fbd;border-color:#404144;box-shadow:none}.cc-portal .assistant-card .avatar{width:34px;height:34px;border-radius:8px}.cc-portal .assistant-card h2{font-size:14px;margin:15px 0 8px}.cc-portal .assistant-card p{font-size:11px;color:#a7b5c7;line-height:1.6}.cc-portal .assistant-card .card-foot{font-size:10px}.cc-portal .lessons-welcome{border-radius:6px;background:linear-gradient(110deg,#303134aa,#29284188);border-color:#57585b66;padding:15px 17px;margin-top:17px}.cc-portal .lessons-welcome strong{font-size:12px}.cc-portal .lessons-welcome small{font-size:10px}.cc-portal .workspace-note{font-size:11px;padding:18px 0}.cc-portal .workspace-note small{font-size:10px}.cc-portal .chat,.cc-portal .gcp-panel{max-width:1500px}.cc-portal .chat-header{padding:18px 0;border-color:#47484b}.cc-portal .chat-heading h1,.cc-portal .gcp-identity h1{font-size:20px}.cc-portal .chat-heading p,.cc-portal .gcp-identity p{font-size:11px}.cc-portal :is(.message-content,.gcp-answer,.prose){font-size:13px}.cc-portal .composer,.cc-portal .gcp-composer{background:#1d1e21;border:1px solid #5d6c80;border-radius:11px;box-shadow:none}.cc-portal .composer textarea,.cc-portal .gcp-composer textarea{font-size:13px;padding:14px 15px;color:#d5e1ef}.cc-portal .composer-footer{padding:0 12px 10px;font-size:10px}.cc-portal .compose-wrap{background:transparent}.cc-portal .primary{background:#649cf1;color:#131417;border-color:#649cf1;border-radius:5px;min-height:30px;padding:7px 11px;font-size:11px;box-shadow:none}.cc-portal :is(.text-button,.biz-button,.net-button){font-size:11px;border-radius:4px;padding:6px 9px;min-height:29px}.cc-portal :is(.business-panel,.network-panel,.defense-panel,.lessons-panel){max-width:1700px;padding:17px 0 24px;margin:0 auto;width:100%}.cc-portal :is(.biz-heading h1,.network-heading h1,.defense-heading h1,.lessons-heading h1,.studio-heading h2,.perf-heading h2){font-size:21px;letter-spacing:-.4px}.cc-portal :is(.biz-heading p,.network-heading p,.defense-heading p,.studio-heading>p){font-size:12px;color:#a6b7c9}.cc-portal :is(.biz-surface,.biz-metrics article,.biz-person,.defense-event,.defense-detail,.defense-stat,.defense-rule,.studio-card,.studio-bank,.studio-step,.lesson-card,.net-surface,.net-canvas,.net-metric,.perf-stat,.perf-map,.dc-card,.blog-stage,.blog-below>section){background:#191a1db8;border-color:#3f4043;border-radius:6px;box-shadow:none}.cc-portal :is(.biz-metrics strong,.defense-count strong,.perf-stat strong){font-size:29px}.cc-portal :is(.biz-table,.studio-table,.defense-rule-table){font-size:11px}.cc-portal :is(.biz-table th,.biz-table td,.studio-table th,.studio-table td,.defense-rule-table td){padding:10px 9px;border-color:#46474a}.cc-portal :is(.biz-tabs,.defense-tabs,.studio-modes,.workspace-tabs,.net-map-toggle){background:transparent;border:0;border-bottom:1px solid #494a4d;border-radius:0;padding:0;gap:20px}.cc-portal :is(.biz-tabs,.defense-tabs,.studio-modes)>button{font-size:11px;padding:9px 1px;background:none;border:0;border-bottom:2px solid transparent;border-radius:0;box-shadow:none}.cc-portal :is(.biz-tabs,.defense-tabs,.studio-modes)>button.active{border-bottom-color:#00bceb;background:none;color:#dae9f7}.cc-portal .studio-modes .shell-more-menu button{font-size:11px}.cc-portal :is(.biz-search,.net-field input,.net-field select,.defense-filters select,.defense-filters input,.studio-toolbar select){font-size:11px;border-radius:4px;padding:6px 9px;min-height:29px}.cc-portal .net-toolbar{background:transparent}.cc-portal .net-map-title{font-size:14px}.cc-portal .net-node-label{font-size:12px}.cc-portal .net-metric strong{font-size:23px}.cc-portal .defense-count,.cc-portal .defense-event{padding:15px}.cc-portal .biz-dialog,.cc-portal .net-dialog{font-size:12px}.cc-portal .studio-modes{margin-top:22px}.cc-studio-apps{margin:0 0 28px}.cc-section-heading{display:flex;align-items:center;justify-content:space-between;margin:7px 0 17px}.cc-section-heading h2{font-size:19px;font-weight:600;letter-spacing:-.3px}.cc-section-heading>span{font-size:11px;color:#9bacc1}.cc-studio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.cc-studio-card{background:linear-gradient(140deg,#23242799,#1a1b1ebb);border:1px solid #50515488;border-radius:7px;padding:18px;min-height:210px;display:flex;flex-direction:column;align-items:flex-start}.cc-studio-card>svg{height:25px;width:25px;color:#9581dd}.cc-studio-card:first-child>svg{color:#00bceb}.cc-studio-card h3{font-size:14px;margin:16px 0 10px;color:#dce6f3}.cc-studio-card p{font-size:11px;line-height:1.7;color:#a5b5c9;flex:1;margin:0 0 15px}.cc-studio-card .cc-open-app{align-self:flex-end}
/* Login and operator views use the same shell, without changing authentication. */
.cc-portal .signin{min-height:calc(100dvh - var(--cc-header));background:transparent}.cc-portal .login-art{background:radial-gradient(ellipse at 50% 90%,#38236177,transparent 65%);padding:45px}.cc-portal .login-art .brand{font-size:12px}.cc-portal .login-main{background:#13141799}.cc-portal .login-copy h1{font-size:48px;line-height:1.14}.cc-portal .login-copy h1 span{color:#8ca9ef}.cc-portal .login-copy p{font-size:13px}.cc-portal .login-box h2{font-size:28px;color:#dce7f4}.cc-portal .login-box>p{font-size:12px}.cc-portal .login-box label{font-size:12px}.cc-portal .password-field{background:#1f2023;border-color:#5e5f62;border-radius:5px}.cc-portal .password-field input{font-size:13px;padding:12px;color:#dce7f4}.cc-portal .login-note{font-size:10px;color:#94a6bc}.cc-portal .login-caps span{font-size:10px;border-radius:4px}.cc-admin{padding-top:var(--cc-header)}.cc-admin #workspace{min-height:calc(100dvh - var(--cc-header));grid-template-columns:var(--cc-side) minmax(0,1fr)}.cc-admin #workspace>aside{top:var(--cc-header);height:calc(100dvh - var(--cc-header));background:#18191c88;padding:20px 13px}.cc-admin main{padding:22px 24px;max-width:none;min-width:0}.cc-admin .brand{font-size:11px;letter-spacing:.5px}.cc-admin .brand-mark{background:#355f94;color:#d7e9fa;width:30px;height:30px;font-size:20px}.cc-admin h1{font-size:22px}.cc-admin h2{font-size:17px}.cc-admin .nav{font-size:11px;padding:9px 10px}.cc-admin .nav.active{background:#3a3b3e;color:#b6d2ff}.cc-admin :is(.app-card,.panel,.test-card){background:#1b1c1fbb;border-color:#454649;border-radius:6px}.cc-admin .metric strong{font-size:31px}.cc-admin :is(button,input,textarea,select){font-size:12px}.cc-admin button{background:#649cf1;color:#121316}.cc-admin .nav{background:transparent;color:#afc0d4}.cc-admin .quiet{color:#b2c7e1;background:#28292c}.cc-admin table{font-size:11px}.cc-admin :is(th,td){padding:10px;border-color:#48494c}.cc-admin .login-shell{min-height:calc(100dvh - var(--cc-header));background:transparent}.cc-admin .login-card{background:#1b1c1fe0;border-color:#4b4c4f;border-radius:8px}
@media(min-width:961px){.cc-nav-collapsed{--cc-side:56px}.cc-enterprise.cc-nav-collapsed .cc-app-title span,.cc-enterprise.cc-nav-collapsed .cc-side-link .cc-link-label,.cc-enterprise.cc-nav-collapsed .nav-label,.cc-enterprise.cc-nav-collapsed .side-foot{display:none}.cc-enterprise.cc-nav-collapsed>aside{padding:18px 5px}.cc-enterprise.cc-nav-collapsed .cc-side-link{justify-content:center;padding:9px 4px}.cc-portal.cc-nav-collapsed #sidebar{padding-left:4px;padding-right:4px}.cc-portal.cc-nav-collapsed #sidebar>*:not(.shell-nav){display:none}.cc-portal.cc-nav-collapsed .shell-nav-label,.cc-portal.cc-nav-collapsed .shell-route>span:last-child,.cc-portal.cc-nav-collapsed .cc-link-label{display:none}.cc-portal.cc-nav-collapsed .shell-route,.cc-portal.cc-nav-collapsed .cc-side-link{padding:9px 5px;justify-content:center}}
@media(max-width:1280px){.cc-header .cc-utility-link .cc-link-label{display:none}.cc-header .cc-utilities{gap:2px}.cc-global-nav .cc-global-link{padding:5px 6px}.cc-portal .assistant-grid,.cc-studio-grid,.cc-enterprise .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-enterprise .network-canvas{grid-template-columns:250px minmax(0,1fr);gap:12px;padding:12px}.cc-enterprise .path-side{overflow:auto}.cc-launch-columns{gap:24px}}
@media(max-width:960px){body .cc-header{padding:0 11px;gap:9px}.cc-header .cc-global-nav{display:none}.cc-header .cc-utilities{margin-left:auto}.cc-header .cc-fso-shortcut .cc-link-label{display:none}.cc-header .cc-wordmark{font-size:14px;padding-right:11px}.cc-header .cc-org{font-size:10px}.cc-header .cc-nav-toggle{border:1px solid #60708555}.cc-portal #workspace{grid-template-columns:minmax(0,1fr)}.cc-portal .main-shell{height:calc(100dvh - var(--cc-header))}.cc-portal #sidebar,body.cc-enterprise>aside,body.cc-enterprise.observing>aside,.cc-admin #workspace>aside{position:fixed;inset:var(--cc-header) auto 0 -250px;width:228px;height:calc(100dvh - var(--cc-header));z-index:80;background:#1a1b1ef5;transition:left .18s}.cc-mobile-nav #sidebar,body.cc-enterprise.cc-mobile-nav>aside,body.cc-enterprise.observing.cc-mobile-nav>aside,.cc-admin.cc-mobile-nav #workspace>aside{left:0}.cc-site.cc-mobile-nav .cc-nav-scrim{display:block;position:fixed;inset:var(--cc-header) 0 0;z-index:75;background:#06070a88;backdrop-filter:blur(3px);border:0;padding:0;border-radius:0}.cc-site .shell-veil{display:none!important}.cc-portal .breadcrumbs #menu{display:none}.cc-portal .topbar{height:40px;min-height:40px;padding:0 16px}.cc-portal #main{padding:0 16px 25px}.cc-enterprise>main,body.cc-enterprise.observing>main{margin:0;width:100%;padding:0 16px}.cc-admin #workspace{display:block}.cc-admin main{padding:20px 16px}.cc-launch-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 35px}.cc-app-launcher{padding:25px 25px 45px}.cc-launcher-head{margin-bottom:28px}.cc-launch-close{right:20px!important;top:33px!important}.cc-enterprise .network-canvas{grid-template-columns:250px minmax(0,1fr)}.cc-portal .welcome-heading{padding:23px 0 10px}.cc-portal .welcome-heading h1{font-size:28px}.cc-portal .signin{grid-template-columns:1fr}.cc-portal .login-art{display:none}.cc-portal .login-main{padding:45px 24px}.cc-portal .signin-theme{display:none}}
@media(max-width:720px){.cc-header .cc-wordmark{font-size:13px;gap:8px}.cc-header .cc-org{display:none}.cc-header .cc-utilities a{padding:4px}.cc-site .cc-header{gap:7px}.cc-launch-columns{gap:25px 16px}.cc-launch-item .cc-link-label{font-size:11px}.cc-launch-item{padding:10px 8px!important;gap:7px!important}.cc-launcher-head{justify-content:flex-start}.cc-site .cc-launch-search{font-size:11px;width:calc(100% - 35px)}.cc-app-launcher{padding:25px 18px}.cc-launch-column h2{font-size:12px}.cc-portal .welcome-heading{display:block}.cc-portal .workspace-stamp{display:none}.cc-portal .assistant-grid{grid-template-columns:1fr 1fr}.cc-portal .assistant-card{padding:14px;min-height:190px}.cc-portal .assistant-card h2{font-size:13px}.cc-portal .assistant-card p{font-size:10px}.cc-portal .topbar .status-pill{max-width:160px;white-space:normal;font-size:8px}.cc-portal .cc-studio-grid,.cc-enterprise .cards{grid-template-columns:1fr}.cc-portal .cc-studio-card{min-height:180px}.cc-portal .cc-section-heading>span{display:none}.cc-portal .welcome-heading h1{font-size:26px}.cc-portal .lessons-welcome{padding:12px}.cc-enterprise .network-canvas{display:flex;flex-direction:column;padding:12px}.cc-enterprise .path-side{width:100%;padding:11px}.cc-enterprise .hero,.cc-enterprise.observing .hero{padding:12px 0 10px}.cc-enterprise.observing h1{font-size:20px}.cc-enterprise .hero p{font-size:10px}.cc-enterprise .cc-breadcrumb{font-size:9px;gap:5px}.cc-enterprise .header-actions .badge{display:none}.cc-enterprise .inspect-head h2{font-size:14px}.cc-enterprise .inspect-kpi>strong{font-size:19px}.cc-enterprise .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-enterprise .experience-strip{gap:8px}}
@media(prefers-reduced-motion:reduce){.cc-site *, .cc-site *:before,.cc-site *:after{scroll-behavior:auto!important}.cc-site aside{transition:none}}

.cc-site [data-theme-toggle]{display:none!important}
/* Override legacy theme anchor specificity inside the shared chrome. */
html[data-cloud-control] body.cc-site .cc-header a{color:#b9c4d3}
html[data-cloud-control] body.cc-site .cc-header .cc-wordmark{color:#e7edf5}
html[data-cloud-control] body.cc-site .cc-header .cc-global-link.active{color:#edf4ff}
html[data-cloud-control] body.cc-site .cc-launch-item{color:#c2cbd8}
html[data-cloud-control] body.cc-site .cc-open-app,html[data-cloud-control] body.cc-site .cc-primary{color:#101114}
html[data-cloud-control] body.cc-site .cc-side-link{color:#b9c5d5}
html[data-cloud-control] body.cc-site .cc-side-link.active{color:#eef5ff}
.cc-app-launcher::backdrop{background:transparent;backdrop-filter:none}
.cc-site .cc-launch-search:focus-visible{outline:0;box-shadow:0 0 0 2px #78b9ee66}
.cc-portal .assistant-card .card-foot>span:last-child{width:24px;height:24px;border-radius:5px;background:transparent;border:1px solid #56575a;color:#81b3fd}
.cc-portal .workspace-stamp{background:transparent;border:0;border-radius:0;padding:0}
.cc-portal .company-title{font-size:20px}.cc-portal .company-group{padding:17px;border-radius:6px}.cc-portal .company-group h3{font-size:17px}.cc-portal .company-segmented{border-radius:5px;padding:3px}.cc-portal .company-segmented button{font-size:10px;padding:7px 10px;border-radius:4px}.cc-portal .company-bar-label{font-size:11px}.cc-portal .company-controls select{padding:6px 8px;border-radius:4px}
@media(min-width:961px){.cc-admin .cc-nav-toggle{display:none}}
html[data-cloud-control] .cc-app-launcher{background:radial-gradient(ellipse 500px 440px at 7% 25%,#38393c99,transparent 80%),radial-gradient(ellipse 500px 400px at 89% 19%,#31323577,transparent 80%),#101114}
html[data-cloud-control] .cc-app-launcher::backdrop{background:transparent;backdrop-filter:none}
@media(prefers-reduced-motion:reduce){body.cc-site>aside,body.cc-site #sidebar{transition:none!important}}
/* OneCD dark palette, referenced from Cloud Control's public stylesheet. */
@font-face{font-family:'Cloud Control Inter';src:url('/cloud-control-inter.woff2') format('woff2');font-style:normal;font-weight:100 500;font-display:swap}
@font-face{font-family:'Cloud Control Inter';src:url('/cloud-control-inter-semibold.woff2') format('woff2');font-style:normal;font-weight:501 900;font-display:swap}
html[data-cloud-control]{--cc-bg:#0f1013;--cc-surface:#18191c;--cc-raised:#212225;--cc-line:#48494c;--cc-text:#ecf0f5;--cc-muted:#a6adb6;--cc-blue:#649ef5;--cc-cyan:#16bae8;--cc-purple:#9ca6ff;--cc-font:'Cloud Control Inter',Inter,Arial,sans-serif;--cc-heading:'Sharp Sans','Cloud Control Inter',Inter,Arial,sans-serif;font-family:var(--cc-font)}
html[data-cloud-control] body.cc-site{font-family:var(--cc-font);font-size:12px;font-weight:400;letter-spacing:0;color:#ecf0f5;background:radial-gradient(100% 400px at 0% 0%,rgba(26,205,255,.16) 0%,rgba(0,126,204,.06) 50%,rgba(0,126,204,0) 100%),radial-gradient(50% 100px at 25% 0%,rgba(204,102,153,.2) 0%,rgba(204,102,153,.08) 50%,rgba(204,102,153,0) 100%),radial-gradient(100% 300px at 16.67% 0%,rgba(34,103,229,.25) 0%,rgba(46,89,229,.12) 50%,rgba(46,89,229,0) 100%),linear-gradient(180deg,#0f1013 0%,#06070a 100%)!important;background-attachment:fixed!important;min-height:100dvh}
/* Legacy solid canvases had been hiding the page glow. */
html[data-cloud-control] body.cc-site :is(.main-shell,#main,#workspace,main){background:transparent!important}
html[data-cloud-control] body.cc-portal[data-view=local]{background:radial-gradient(100% 400px at 0% 0%,rgba(26,205,255,.16),rgba(0,126,204,0) 100%),radial-gradient(65% 380px at 63% 100%,rgba(116,45,162,.3),rgba(116,45,162,0) 100%),radial-gradient(80% 320px at 32% 100%,rgba(34,103,229,.3),rgba(46,89,229,0) 100%),linear-gradient(180deg,#0f1013,#06070a)!important;background-attachment:fixed!important}
html[data-cloud-control] body.cc-site :is(button,input,select,textarea){font-family:var(--cc-font)}
html[data-cloud-control] body.cc-site :is(h1,h2,h3){font-family:var(--cc-heading);color:#d3d8df;letter-spacing:-.15px;line-height:1.35;font-weight:600}
html[data-cloud-control] body.cc-site :is(.hero h1,.biz-heading h1,.network-heading h1,.defense-heading h1,.lessons-heading h1,.cc-section-heading h2){font-size:20px;font-weight:600}
html[data-cloud-control] body.cc-site :is(.panel h2,.card h2,.cc-studio-card h3,.assistant-card h2,.panel-heading h2){font-size:14px;letter-spacing:0;font-weight:600}
html[data-cloud-control] body.cc-site .cc-header{background:linear-gradient(100deg,#404144 0%,#323336 29%,#222326 58%,#131417 100%);border-bottom:1px solid rgba(255,255,255,.05);color:#ecf0f5}
html[data-cloud-control] body.cc-site .cc-header :is(a,button){font-family:var(--cc-font);font-weight:500}
html[data-cloud-control] body.cc-site .cc-header .cc-global-link{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.1);color:#bbc1c9}
html[data-cloud-control] body.cc-site .cc-header .cc-global-link.active{background:linear-gradient(#212225,#212225) padding-box,linear-gradient(110deg,#16bae8,#a56ce8) border-box;border-color:transparent;color:#ecf0f5}
html[data-cloud-control] body.cc-site :is(#sidebar,aside.cc-app-sidebar){background:transparent!important;border-right-color:rgba(255,255,255,.06)}
html[data-cloud-control] body.cc-site :is(.topbar,main>header){background:transparent!important}
html[data-cloud-control] body.cc-site :is(.cc-side-link,.shell-route,.assistant-nav){color:#bbc1c9;font-weight:400}
html[data-cloud-control] body.cc-site :is(.cc-side-link.active,.shell-route.active){background:rgba(255,255,255,.07);border-left-color:#16bae8;color:#ecf0f5;font-weight:600}
html[data-cloud-control] body.cc-site :is(.card,.kpi,.record,.assistant-card,.cc-studio-card,.biz-surface,.biz-metrics article,.defense-event,.defense-stat,.studio-card,.studio-bank,.studio-step,.company-group,.net-surface,.net-canvas,.perf-map,.perf-stat){background:linear-gradient(145deg,rgba(27,35,45,.93),rgba(19,26,35,.97));border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.12)}
html[data-cloud-control] body.cc-site :is(.panel,.connected-panel,.defense-panel,.token-activity-panel){background:linear-gradient(145deg,rgba(27,35,45,.72),rgba(19,26,35,.94));border-color:rgba(255,255,255,.1);border-radius:8px;box-shadow:none}
html[data-cloud-control] body.cc-site :is(.application-endpoint,.path-side,.assurance-grid>.panel){background:linear-gradient(145deg,rgba(27,35,45,.8),rgba(19,26,35,.96));border-radius:8px}
html[data-cloud-control] body.cc-site :is(.agent-lane,.experience-group,.inspect-kpi,.apm-digest,.correlation-card,.stage-waterfall,.investigation-visual,.coverage-node,.inspect-evidence){background:rgba(19,26,35,.75);border-color:#2a2b2e;border-radius:6px;box-shadow:none}
html[data-cloud-control] body.cc-site :is(.provider-legend,.panel-heading,.path-overview,.endpoint-title,.defense-heading,.cc-section-heading){background:transparent}
html[data-cloud-control] body.cc-site :is(.panel-note,.hero p,.card p,.cc-studio-card p,.assistant-card p,.inspect-note,.muted){color:#a6adb6}
html[data-cloud-control] body.cc-site :is(.kpi label,.metric-label,.company-controls label,.experience-metric>span){color:#bbc1c9}
html[data-cloud-control] body.cc-site :is(input,select,textarea,.filter-control){background-color:#18191c;border-color:#6e7784;border-radius:4px;color:#ecf0f5}
html[data-cloud-control] body.cc-site .filter-control select{background:transparent;border:0}
html[data-cloud-control] body.cc-site :is(.cc-open-app,.cc-primary,.primary,.header-actions button){background:#649ef5;border-color:#649ef5;color:#18191c;border-radius:4px;font-weight:600;box-shadow:none}
html[data-cloud-control] body.cc-site :is(.cc-open-app,.cc-primary,.primary,.header-actions button):hover{background:#7cadf7;border-color:#7cadf7;color:#18191c}
html[data-cloud-control] body.cc-site :is(.toolbar-links a,.inspect-links a,.signal-text-action,.cc-open-app+a){color:#649ef5}
html[data-cloud-control] body.cc-site :is(table,.biz-table,.studio-table){color:#ecf0f5}
html[data-cloud-control] body.cc-site :is(th,.biz-table th,.studio-table th){background:#18191c;color:#ecf0f5;font-size:11px;font-weight:600;letter-spacing:0;text-transform:none}
html[data-cloud-control] body.cc-site :is(td,th,.biz-table td,.studio-table td){border-color:#48494c}
html[data-cloud-control] body.cc-site :is(.inspect-dialog,.environment-dialog,.gcp-environment-dialog,.biz-dialog,.net-dialog,.conversation-picker-dialog,.cc-workspace-dialog,.shell-command){background:linear-gradient(145deg,rgba(27,35,45,.98),rgba(19,26,35,.99));border-radius:16px;border-color:#48494c;box-shadow:0 24px 90px rgba(0,0,0,.45)}
html[data-cloud-control] body.cc-site .inspect-head{background:linear-gradient(105deg,rgba(34,103,229,.14),rgba(204,102,153,.1));border-bottom-color:#48494c}
html[data-cloud-control] body.cc-site .inspect-head h2{font-family:var(--cc-heading);font-size:18px;color:#d3d8df;line-height:24px}
html[data-cloud-control] body.cc-site .inspect-context{background:rgba(19,26,35,.65)}
html[data-cloud-control] body.cc-site .inspect-tabs{background:transparent;border-color:#48494c}
html[data-cloud-control] body.cc-site .cc-app-launcher{background:radial-gradient(60% 500px at 15% 26%,rgba(34,103,229,.25),transparent 80%),radial-gradient(55% 440px at 90% 18%,rgba(26,205,255,.1),transparent 80%),linear-gradient(180deg,#16171a,#0f1013)}
html[data-cloud-control] body.cc-site .cc-launch-item{background:linear-gradient(110deg,rgba(27,35,45,.7),rgba(19,26,35,.7));border-color:rgba(255,255,255,.1);border-radius:6px;font-family:var(--cc-font)}
html[data-cloud-control] body.cc-site .cc-studio-card .cc-open-app{align-self:flex-end}
@media(max-width:960px){html[data-cloud-control] body.cc-site.cc-mobile-nav :is(#sidebar,aside.cc-app-sidebar){background:#18191c!important}}
html[data-cloud-control] body.cc-site .inspect-dialog{border-top-color:var(--dialog-source-color,#48494c)}

/* Shared neutral surfaces, vivid signals. No provider tint is used as a health state. */
html[data-cloud-control]{--cc-bg:#0b0d12;--cc-surface:#14171e;--cc-raised:#22262e;--cc-line:#343942;--cc-text:#f3f5f8;--cc-muted:#aeb4bf;--cc-blue:#66a8ff;--cc-cyan:#00c7f2;--cc-purple:#b58aff;--source-apm-rgb:84,166,255;--source-te-rgb:255,174,69;--source-app-rgb:45,212,191;--source-defense-rgb:181,138,255}
html[data-cloud-control] body.cc-site{--bg:#0b0d12;--panel:#15181f;--surface:#0b0d12;--theme-sidebar:#15171d;--theme-subtle:#22252c;--theme-hover:#2b2f37;--selection:#30343e;--line:#343942;--border:#343942;--muted:#aeb4bf;--ink:#f3f5f8;--text:#f3f5f8;--accent:#66a8ff;--blue:#66a8ff;--success:#26ddb2;--warning:#ffb547;--danger:#ff5c7c;--theme-success-bg:#142c25;--theme-warning-bg:#322717;--theme-danger-bg:#341d26;background:radial-gradient(ellipse 75% 280px at 28% 0%,#6952d82c,transparent 78%),radial-gradient(ellipse 75% 360px at 70% 100%,#6947cb32,transparent 80%),linear-gradient(180deg,#0d1016,#080a0e)!important;background-attachment:fixed!important;color:#f3f5f8;line-height:1.5}
html[data-cloud-control] body.cc-portal[data-view=local]{background:radial-gradient(ellipse 80% 320px at 22% 0%,#6655cc30,transparent 78%),radial-gradient(ellipse 75% 350px at 66% 100%,#6a43cd40,transparent 80%),#0b0d12!important;background-attachment:fixed!important}
html[data-cloud-control] body.cc-site .cc-header{background:#1b1e26!important;border-bottom:1px solid #343840;box-shadow:0 1px 8px #0003;backdrop-filter:none}
html[data-cloud-control] body.cc-site .cc-header .cc-global-link{background:#23262e;border-color:#333740;color:#c8cdd5}
html[data-cloud-control] body.cc-site .cc-header .cc-global-link.active{background:linear-gradient(#242731,#242731) padding-box,linear-gradient(110deg,#00c7f2,#b58aff) border-box;color:#fff}
html[data-cloud-control] body.cc-site .cc-header :is(a,button):hover{background:#30343e;color:#fff}
html[data-cloud-control] body.cc-site :is(#sidebar,aside.cc-app-sidebar,#workspace>aside){background:#111319f2!important;border-right:1px solid #292d35}
html[data-cloud-control] body.cc-site :is(.cc-side-link,.shell-route,.assistant-nav){color:#bcc3ce}
html[data-cloud-control] body.cc-site :is(.cc-side-link.active,.shell-route.active){background:#292d36;color:#fff;border-left-color:#00c7f2}
html[data-cloud-control] body.cc-site :is(.card,.kpi,.record,.assistant-card,.cc-studio-card,.biz-surface,.biz-metrics article,.defense-event,.studio-card,.studio-bank,.studio-step,.company-group,.net-surface,.net-canvas,.perf-map,.perf-stat,.panel,.connected-panel,.defense-panel,.token-activity-panel,.application-endpoint,.path-side,.assurance-grid>.panel){background:#14171e!important;border-color:#343942;border-radius:9px;box-shadow:0 3px 10px #0002}
html[data-cloud-control] body.cc-site :is(.agent-lane,.experience-group,.inspect-kpi,.correlation-card,.stage-waterfall,.investigation-visual,.coverage-node,.inspect-evidence,.defense-record,.token-time-request,.token-time-contributor,.request-inspection,.usage-owner,.budget-stat,.latest-outcome-facts,.governance-figure,.app-insight-secondary,.digest-latency,.digest-spotlight,.observation-card,.source-alignment,.request-input,.service-digest-cards>div,.limit-tile){background:#1c1f27!important;border:1px solid #343942!important;box-shadow:none;border-radius:6px}
html[data-cloud-control] body.cc-site :is(.inspect-dialog,.environment-dialog,.gcp-environment-dialog,.biz-dialog,.net-dialog,.conversation-picker-dialog,.cc-workspace-dialog,.shell-command){background:#171a21!important;border:1px solid #4b515f;border-radius:12px;box-shadow:0 24px 100px #000a;color:#f3f5f8}
html[data-cloud-control] body.cc-site :is(.inspect-head,.inspect-context,.conversation-picker-heading,.net-dialog-head,.biz-dialog-head,.dialog-head){background:#20232c!important;border-color:#363b45}
html[data-cloud-control] body.cc-site :is(.inspect-note,.interpretation-note,.panel-note,.submitted-prompt,.submitted-prompt-text,.coverage-boundary,.token-time-explanation){background:transparent;border-color:#3b404b;color:#b7beca;line-height:1.6}
html[data-cloud-control] body.cc-site .inspect-pane>.interpretation-note{border:0;border-top:1px solid #343942;padding:12px 0 0;margin-top:14px;border-radius:0}
html[data-cloud-control] body.cc-site .submitted-prompt-text{background:#0f1117;color:#e2e7ef;border:1px solid #3b404b}
html[data-cloud-control] body.cc-site :is(input,select,textarea,.filter-control,.password-field){background:#191c23!important;border-color:#505764;color:#f3f5f8;border-radius:5px}
html[data-cloud-control] body.cc-site .filter-control select{background:transparent!important;border:0}
html[data-cloud-control] body.cc-site :is(th,.biz-table th,.studio-table th){background:#20242c;color:#e5e9f0;border-bottom:1px solid #5d6574}
html[data-cloud-control] body.cc-site :is(td,th,.biz-table td,.studio-table td){border-color:#343942}
html[data-cloud-control] body.cc-site tbody tr:hover{background:#ffffff05}
html[data-cloud-control] body.cc-site :is(h1,h2,h3){color:#f0f3f8}
html[data-cloud-control] body.cc-site :is(.muted,.panel-note,.visual-caption,.hero p,.card p,.assistant-card p){color:#aeb4bf}
html[data-cloud-control] body.cc-site :is(.cc-open-app,.cc-primary,.primary,.header-actions button){background:#66a8ff;border-color:#66a8ff;color:#09111e;box-shadow:none;border-radius:5px}
html[data-cloud-control] body.cc-site :is(.cc-open-app,.cc-primary,.primary,.header-actions button):hover{background:#8ebfff;border-color:#8ebfff;color:#09111e}
html[data-cloud-control] body.cc-site :is(.toolbar-links a,.inspect-links a,.signal-text-action,.cc-bridge-link,.endpoint-link,.scope-link){color:#79b5ff}
html[data-cloud-control] body.cc-site :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #67b4ff;outline-offset:3px}
html[data-cloud-control] body.cc-site :is(.bar-track,.comparison-rail,.usage-rail,.token-activity-grid,.digest-sample-progress){background-color:#313641}
html[data-cloud-control] body.cc-site :is(.segmented,.inspect-tabs,.defense-tabs,.studio-modes){background:transparent;border-color:#3d434f}
html[data-cloud-control] body.cc-site :is(.segmented button.active,.defense-tabs button.active,.inspect-tab.active,.company-segmented button.active){background:#303540;color:#fff;border-color:#4b9dff}
/* Source color appears once at the card edge; chart interiors stay neutral. */
html[data-cloud-control] body.cc-site [data-source-frame=apm]{border:1px solid #343942!important;border-top:2px solid #54a6ff!important}
html[data-cloud-control] body.cc-site [data-source-frame=te]{border:1px solid #343942!important;border-top:2px solid #ffae45!important}
html[data-cloud-control] body.cc-site [data-source-frame=defense]{border:1px solid #343942!important;border-top:2px solid #b58aff!important}
html[data-cloud-control] body.cc-site :is(.assurance-grid>.panel[data-measured-by=app],.token-activity-panel){border:1px solid #343942!important;border-top:2px solid #2dd4bf!important}
html[data-cloud-control] body.cc-site .provider-apm{--provider-color:#54a6ff}
html[data-cloud-control] body.cc-site .provider-te{--provider-color:#ffae45}
html[data-cloud-control] body.cc-site .provider-app{--provider-color:#2dd4bf}
html[data-cloud-control] body.cc-site .provider-defense{--provider-color:#b58aff}
html[data-cloud-control] body.cc-site :is(.provider-badge,.provider-selector){color:var(--provider-color);background:transparent;border-color:var(--provider-color)}
html[data-cloud-control] body.cc-site .provider-selector.selected{background:#ffffff07;box-shadow:inset 0 -2px var(--provider-color)}
html[data-cloud-control] body.cc-site .provider-selector-copy small{display:none}
html[data-cloud-control] body.cc-site .provider-code{display:none}
html[data-cloud-control] body.cc-site .provider-legend{padding:10px 12px;background:#15181e!important;border:1px solid #343942}
html[data-cloud-control] body.cc-site .inspect-dialog[data-provider=apm]{--dialog-source-rgb:84,166,255;--dialog-source-color:#54a6ff}
html[data-cloud-control] body.cc-site .inspect-dialog[data-provider=te]{--dialog-source-rgb:255,174,69;--dialog-source-color:#ffae45}
html[data-cloud-control] body.cc-site .inspect-dialog[data-provider=app]{--dialog-source-rgb:45,212,191;--dialog-source-color:#2dd4bf}
html[data-cloud-control] body.cc-site .inspect-dialog[data-provider=defense]{--dialog-source-rgb:181,138,255;--dialog-source-color:#b58aff}
html[data-cloud-control] body.cc-site .inspect-dialog[data-provider]{border-top:2px solid var(--dialog-source-color,#656d7c)}
html[data-cloud-control] body.cc-site .inspect-dialog[data-provider] .inspect-head{border-bottom:1px solid #363b45}
html[data-cloud-control] body.cc-site :is(.coverage-arrow,.connector-arrow,.flow-arrow){color:#8d96a6}
html[data-cloud-control] body.cc-site :is(.path-connector,.path-gap-line){stroke:#8d96a6}
html[data-cloud-control] body.cc-site .defense-stat{background:none!important;border:0;border-left:2px solid #4b435f;border-radius:0;box-shadow:none}
html[data-cloud-control] body.cc-site .defense-stat>strong{color:#d4bdff}
html[data-cloud-control] body.cc-site .defense-ranking-row:hover{background:#262b35}
html[data-cloud-control] body.cc-site .marker-good{color:#26ddb2}
html[data-cloud-control] body.cc-site .marker-warn{color:#ffb547}
html[data-cloud-control] body.cc-site .marker-bad{color:#ff5c7c}
html[data-cloud-control] body.cc-site .digest-point.marker-good{background:#26ddb2}
html[data-cloud-control] body.cc-site .digest-point.marker-warn{background:#ffb547}
html[data-cloud-control] body.cc-site .digest-point.marker-bad{background:#ff5c7c}
/* Separate Northstar workplace identity. */
.cc-company-monogram{display:grid;place-items:center;width:27px;height:27px;border:1px solid #46d9c0;border-radius:7px;color:#46e5ca;background:#1e3330;font-size:16px;font-weight:600}
.cc-site[data-space=company] .cc-header .cc-wordmark{border-right:1px solid #454b56!important}
.cc-site .cc-space-switch{font-size:10px}.cc-site .cc-space-switch svg{color:#a992ff}
.cc-site .cc-app-title{font-size:13px}.cc-site .cc-app-title svg{color:#b58aff}
.cc-site[data-space=company] .cc-app-title svg{color:#2dd4bf}
.cc-site .cc-back-studio{border-top:1px solid #343942;margin-top:18px!important;border-radius:0;padding-top:14px}
.cc-site .side-foot .cc-side-link{font-size:10px;padding:9px 0}
.cc-portal .shell-nav>.shell-route,.cc-portal .shell-nav>.shell-nav-label,.cc-portal .shell-cloud-label{display:none!important}
.cc-site .cc-context-links{display:flex;flex-direction:column;gap:2px}
.cc-site[data-space=control] [data-space-link=company],.cc-site[data-space=company] [data-space-link=control]{display:none}
.cc-portal[data-space=control] #sidebar>:not(.shell-nav):not(.side-bottom){display:none!important}
.cc-portal[data-space=control] #sidebar .side-bottom>:not(#logout):not(.private-note){display:none!important}
.cc-portal[data-space=control] #welcome>:not(.cc-control-home){display:none!important}
.cc-portal[data-space=company] .cc-control-home{display:none}
.cc-portal[data-space=control] #lessons-panel>:not(.cc-studio-apps){display:none!important}
.cc-portal[data-space=company] #lessons-panel>.cc-studio-apps{display:none!important}
.cc-portal[data-space=company] .lessons-welcome,.cc-portal[data-space=company] .workspace-note{display:none!important}
.cc-portal[data-space=company] .assistant-card .card-foot{border-color:#343942}
.cc-site[data-space=company] .cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.cc-site[data-space=company] .card .number{color:#2dd4bf;font-size:9px;letter-spacing:.9px}
.cc-site[data-space=company] .card{min-height:175px;justify-content:flex-start}.cc-site[data-space=company] .card p{flex:0;margin:0 0 15px}
.cc-workplace-tools{display:flex;gap:22px;flex-wrap:wrap;padding:18px 0 3px}
.cc-site .cc-bridge-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:11px;font-weight:500}
.cc-bridge-link svg{width:14px;height:14px}.cc-site .cc-bridge-link:hover{color:#a2cbff}
/* A focused Studio, with a single real app and a clear handoff to the workplace. */
.cc-portal .cc-studio-apps{padding:25px 0 30px;max-width:1280px;margin:auto}
.cc-studio-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.cc-site .cc-kicker{font-size:9px;letter-spacing:1.5px;font-weight:600;color:#b58aff;display:block}
.cc-site .cc-studio-heading h1{font-size:25px;margin:6px 0 7px;letter-spacing:-.6px}
.cc-studio-heading p{margin:0;color:#aeb4bf;font-size:12px}
.cc-studio-tabs{display:flex;gap:24px;border-bottom:1px solid #343942;margin:0 0 25px}
.cc-site .cc-studio-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:10px 0;background:none;color:#b9bfca;font-size:12px}
.cc-site .cc-studio-tabs button.active{color:#fff;border-bottom-color:#00c7f2}
.cc-studio-feature{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.8fr);gap:40px;padding:32px;border:1px solid #3a3e49;border-radius:12px;background:#15181f;position:relative;overflow:hidden}
.cc-studio-feature:before{content:'';position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#00c7f2,#7c91ff,#b58aff)}
.cc-studio-intro>svg{width:35px;height:35px;padding:9px;box-sizing:content-box;background:#24243a;color:#b58aff;border:1px solid #645291;border-radius:12px;margin:0 0 22px}
.cc-site .cc-studio-intro h2{font-size:28px;line-height:1.25;letter-spacing:-.7px;margin:10px 0 13px;max-width:420px}
.cc-studio-intro>p{color:#b5bdca;font-size:12px;line-height:1.7;max-width:390px;margin:0 0 19px}
.cc-studio-intro .cc-open-app{margin-top:26px;padding:9px 14px;font-size:12px}
.cc-signal-chips{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.cc-signal-apm{--signal-color:#54a6ff}.cc-signal-te{--signal-color:#ffae45}.cc-signal-defense{--signal-color:#b58aff}.cc-signal-app{--signal-color:#2dd4bf}
.cc-signal-chip{font-size:9px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:#d2d7df}
.cc-signal-chip:before{content:'';width:6px;height:6px;border-radius:2px;background:var(--signal-color);flex:none}
.cc-studio-signal-map{align-self:center;background:#101218;border:1px solid #323742;border-radius:9px;padding:18px}
.cc-map-caption{font-size:9px;letter-spacing:1px;color:#949eaf;display:block;padding:2px 0 13px}
.cc-map-row{display:flex;align-items:center;gap:13px;padding:14px 0;border-top:1px solid #2d323c}
.cc-map-row>.cc-map-icon{display:grid;place-items:center;width:31px;height:31px;background:#23262e;border-radius:7px;color:var(--signal-color)}
.cc-map-icon svg{height:18px;width:18px}.cc-map-row>div{flex:1}.cc-map-row strong{display:block;font-size:11px;font-weight:600;color:#ecf0f5}.cc-map-row small{display:block;color:#a7afbe;font-size:10px;margin-top:4px}.cc-map-row>svg{width:12px;height:12px;color:#657084;transform:rotate(-90deg)}
.cc-studio-journey{margin:26px 0}.cc-site .cc-studio-journey h2{font-size:14px;margin:0 0 17px}.cc-journey-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.cc-journey-step{border:1px solid #303540;border-radius:8px;padding:17px;background:#14171e}.cc-journey-number{display:block;color:var(--signal-color);font-size:10px;font-weight:600;margin-bottom:13px}.cc-journey-step strong{font-size:12px;display:block;color:#e7ecf3}.cc-journey-step small{font-size:10px;color:#aeb4bf;display:block;margin-top:6px}
.cc-company-bridge{display:flex;align-items:center;gap:14px;margin-top:26px;border-top:1px solid #343942;padding:22px 0 0}.cc-company-bridge>svg{height:23px;width:23px;color:#2dd4bf}.cc-company-bridge>div{flex:1}.cc-company-bridge strong{display:block;font-size:12px;color:#f0f3f8}.cc-company-bridge>div>span{display:block;color:#aeb4bf;font-size:10px;margin-top:5px}
.cc-site .cc-studio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cc-site .cc-studio-card{position:relative;min-height:225px;padding:22px}.cc-site .cc-studio-card .cc-open-app{margin-top:22px}.cc-available{position:absolute;top:22px;right:18px;font-size:9px;color:#2dd4bf;background:#18302b;border:1px solid #306152;border-radius:12px;padding:3px 7px}.cc-studio-card .cc-signal-chips{gap:9px}
.cc-control-home{max-width:900px;margin:7vh auto 0;padding:42px 25px;text-align:center}.cc-site .cc-control-home h1{font-size:44px;white-space:pre-line;line-height:1.13;letter-spacing:-1.5px;margin:18px 0;color:#f5f6fb}.cc-control-home>p{font-size:13px;color:#b6bdca;margin:0 0 22px}.cc-control-home .cc-signal-chips{justify-content:center;gap:15px}.cc-home-actions{display:flex;align-items:center;justify-content:center;gap:22px;margin:30px 0}.cc-home-actions .cc-open-app{padding:10px 15px;font-size:12px}.cc-home-studio{font-size:12px;text-decoration:none;color:#bdacff!important}.cc-home-workplace{border-top:1px solid #363b46;padding:23px 0;margin:44px auto 0;display:flex;align-items:center;justify-content:center;gap:20px;max-width:550px}.cc-home-workplace>span{font-size:11px;color:#aeb4bf}
.cc-site .cc-app-launcher{background:radial-gradient(ellipse 75% 300px at 30% 0,#6548b62c,transparent 85%),#101218!important}.cc-site .cc-launch-item{background:#1b1e26!important;border-color:#343942!important}.cc-site .cc-launch-item:hover{background:#292d38!important;border-color:#7760ac!important}.cc-site .cc-launch-search{background:linear-gradient(#1e212a,#1e212a) padding-box,linear-gradient(110deg,#00c7f2,#b58aff) border-box!important}.cc-site .cc-launch-item[href='/apps/observability']{border-color:#a180e4!important}.cc-site .cc-launch-item[href='/apps/observability'] svg:first-child{color:#b58aff}.cc-site .cc-launch-column:last-child h2{color:#2dd4bf}
.cc-site .cc-control-home .cc-link-label{color:#79b5ff}
@media(min-width:961px){.cc-portal.cc-nav-collapsed .cc-context-links .cc-side-link{padding:9px 5px}.cc-portal.cc-nav-collapsed .cc-context-links .cc-link-label{display:none}}
@media(max-width:1100px){.cc-studio-feature{gap:23px;padding:25px;grid-template-columns:1fr 1fr}.cc-site .cc-studio-intro h2{font-size:25px}.cc-journey-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-site .cc-studio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.cc-studio-feature{grid-template-columns:1fr;padding:22px;gap:25px}.cc-site .cc-studio-intro h2{font-size:25px}.cc-site .cc-studio-grid,.cc-site[data-space=company] .cards{grid-template-columns:1fr}.cc-company-bridge{flex-wrap:wrap}.cc-company-bridge>div{min-width:70%}.cc-company-bridge>.cc-bridge-link{margin-left:37px}.cc-journey-steps{gap:9px}.cc-journey-step{padding:14px}.cc-control-home{margin:3vh auto 0;padding:35px 0}.cc-site .cc-control-home h1{font-size:34px}.cc-control-home>p{font-size:12px}.cc-control-home .cc-signal-chips{gap:10px}.cc-home-actions{gap:18px}.cc-home-workplace{display:block}.cc-home-workplace>span{display:block;margin-bottom:12px}.cc-site .cc-studio-apps{padding-top:18px}.cc-studio-heading{margin-bottom:13px}.cc-studio-tabs{margin-bottom:18px}.cc-site .cc-header .cc-space-switch .cc-link-label{display:none}.cc-site .cc-header .cc-space-switch svg{display:block}}
@media(prefers-reduced-motion:reduce){.cc-site .cc-studio-feature:before{animation:none}}

.cc-site .cc-home-studio{display:inline-flex;align-items:center;gap:8px}.cc-home-studio svg{width:17px;height:17px}
.cc-site .assistant-card:nth-child(8n+1) .app-icon{color:#2dd4bf}.cc-site .assistant-card:nth-child(8n+2) .app-icon{color:#54a6ff}.cc-site .assistant-card:nth-child(8n+3) .app-icon{color:#ffbd59}.cc-site .assistant-card:nth-child(8n+4) .app-icon{color:#ff6a9b}.cc-site .assistant-card:nth-child(8n+5) .app-icon{color:#b58aff}.cc-site .assistant-card:nth-child(8n+6) .app-icon{color:#22d3ee}.cc-site .assistant-card:nth-child(8n+7) .app-icon{color:#ff9e58}.cc-site .assistant-card:nth-child(8n) .app-icon{color:#a3a4ff}
.cc-site .workspace-stamp small,.cc-site .private-note{color:#aeb4bf}.cc-site .workspace-stamp small{display:none}

html[data-cloud-control] body.cc-site #create-dialog{background:#171a21;border:1px solid #4b515f;border-radius:12px;box-shadow:0 24px 100px #000a}
html[data-cloud-control] body.cc-site .path-side .hop-node.hop-good .hop-circle{color:#26ddb2;border-color:#26ddb2;background:#19312b}
html[data-cloud-control] body.cc-site .path-side .hop-node.hop-warn .hop-circle{color:#ffb547;border-color:#ffb547;background:#352918}
html[data-cloud-control] body.cc-site .path-side .hop-node.hop-bad .hop-circle{color:#ff5c7c;border-color:#ff5c7c;background:#361f28}
html[data-cloud-control] body.cc-site .token-bar-input{background:#20d5d2}html[data-cloud-control] body.cc-site .token-bar-output{background:#54a6ff}
html[data-cloud-control] body.cc-site .inspect-kpi>strong{color:#f0f3f8}
.cc-site .assistant-card:nth-child(8n+1) .avatar{color:#2dd4bf}.cc-site .assistant-card:nth-child(8n+2) .avatar{color:#54a6ff}.cc-site .assistant-card:nth-child(8n+3) .avatar{color:#ffbd59}.cc-site .assistant-card:nth-child(8n+4) .avatar{color:#ff6a9b}.cc-site .assistant-card:nth-child(8n+5) .avatar{color:#b58aff}.cc-site .assistant-card:nth-child(8n+6) .avatar{color:#22d3ee}.cc-site .assistant-card:nth-child(8n+7) .avatar{color:#ff9e58}.cc-site .assistant-card:nth-child(8n) .avatar{color:#a3a4ff}

.cc-map-row>svg{display:none}
@media(max-width:960px){html[data-cloud-control] body.cc-site.cc-mobile-nav #sidebar,html[data-cloud-control] body.cc-site.cc-mobile-nav>aside.cc-app-sidebar{left:0;transition:none!important}}

html[data-cloud-control] body.cc-site .cc-header :is(.cc-org,.cc-launcher-toggle,.cc-nav-toggle){background:transparent!important;color:#c8cdd5}
html[data-cloud-control] body.cc-site .latest-outcome.outcome-allowed strong{color:#26ddb2}

/* Keep global navigation inside its available width at every breakpoint. */
html[data-cloud-control] body.cc-site .cc-header{gap:clamp(6px,.75vw,13px);padding-inline:12px;min-width:0;box-sizing:border-box}
html[data-cloud-control] body.cc-site .cc-header :is(.cc-wordmark,.cc-org,.cc-launcher-toggle,.cc-nav-toggle){flex:0 0 auto}
html[data-cloud-control] body.cc-site .cc-header .cc-global-nav{flex:1 1 0;min-width:0;max-width:100%;gap:5px;overflow-x:auto;overflow-y:hidden}
html[data-cloud-control] body.cc-site .cc-header .cc-global-link{flex:0 0 auto;max-width:210px;box-sizing:border-box}
html[data-cloud-control] body.cc-site .cc-header .cc-global-link .cc-link-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-cloud-control] body.cc-site .cc-header .cc-utilities{flex:0 0 auto;margin-left:auto;min-width:0;gap:5px}
html[data-cloud-control] body.cc-site .cc-header .cc-utility-link{min-width:0;max-width:190px}
html[data-cloud-control] body.cc-site .cc-header .cc-utility-link .cc-link-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-cloud-control] body.cc-site .cc-header a:focus-visible{outline-offset:-2px}
@media(min-width:961px) and (max-width:1250px){
 html[data-cloud-control] body.cc-site .cc-header .cc-global-link:not(.active) .cc-link-label{display:none}
 html[data-cloud-control] body.cc-site .cc-header .cc-global-link:not(.active){padding:5px 7px}
 html[data-cloud-control] body.cc-site .cc-header .cc-utility-link .cc-link-label{display:none}
 html[data-cloud-control] body.cc-site .cc-header .cc-global-link.active{max-width:180px}
}
@media(max-width:960px){html[data-cloud-control] body.cc-site .cc-header .cc-global-nav{display:none}}
@media(max-width:400px){html[data-cloud-control] body.cc-site .cc-header{gap:5px;padding-inline:8px}html[data-cloud-control] body.cc-site .cc-header .cc-wordmark{font-size:12px;gap:7px;padding-right:8px}html[data-cloud-control] body.cc-site .cc-header .cc-utilities{gap:1px}}
/* Product names use the same soft pill treatment as the Review status. */
html[data-cloud-control] body.cc-site :is(.provider-apm,.provider-badge.provider-apm){--pill-rgb:84,166,255}
html[data-cloud-control] body.cc-site :is(.provider-te,.provider-badge.provider-te){--pill-rgb:255,174,69}
html[data-cloud-control] body.cc-site :is(.provider-app,.provider-badge.provider-app){--pill-rgb:45,212,191}
html[data-cloud-control] body.cc-site :is(.provider-defense,.provider-badge.provider-defense){--pill-rgb:181,138,255}
html[data-cloud-control] body.cc-site :is(.provider-badge,.provider-selector){display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:5px;max-width:100%;padding:3px 8px;border:1px solid rgba(var(--pill-rgb,160,170,185),.45);border-radius:999px;background:rgba(var(--pill-rgb,160,170,185),.075);color:var(--provider-color,#b8c1ce);line-height:1.4;font-size:9px;font-weight:500;white-space:nowrap;box-sizing:border-box;box-shadow:none;vertical-align:middle}
html[data-cloud-control] body.cc-site .provider-selector{padding:4px 9px;min-height:25px}
html[data-cloud-control] body.cc-site .provider-selector-copy strong{font-size:9px;line-height:1.4;font-weight:500}
html[data-cloud-control] body.cc-site .provider-selector.selected{background:rgba(var(--pill-rgb,160,170,185),.14);border-color:rgba(var(--pill-rgb,160,170,185),.7);box-shadow:none}
html[data-cloud-control] body.cc-site :is(.provider-badge,.provider-selector):is(button):hover{background:rgba(var(--pill-rgb,160,170,185),.16);border-color:rgba(var(--pill-rgb,160,170,185),.7)}
html[data-cloud-control] body.cc-site .provider-selector>span:first-child:not(.provider-selector-copy){border-radius:50%;width:5px;height:5px}
html[data-cloud-control] body.cc-site [data-source-frame=apm]{border:1px solid rgba(84,166,255,.38)!important}
html[data-cloud-control] body.cc-site [data-source-frame=te]{border:1px solid rgba(255,174,69,.38)!important}
html[data-cloud-control] body.cc-site [data-source-frame=defense]{border:1px solid rgba(181,138,255,.38)!important}
html[data-cloud-control] body.cc-site :is(.assurance-grid>.panel[data-measured-by=app],.token-activity-panel){border:1px solid rgba(45,212,191,.38)!important}
html[data-cloud-control] body.cc-site .inspect-dialog[data-provider]{border:1px solid rgba(var(--dialog-source-rgb,160,170,185),.42)}
/* Prevent source pills and timing values from colliding in the upper summary. */
html[data-cloud-control] body.cc-site .provider-legend{row-gap:10px}
html[data-cloud-control] body.cc-site .provider-legend-grid{flex:1 1 340px;gap:7px;min-width:0;flex-wrap:wrap}
html[data-cloud-control] body.cc-site .provider-legend-head>div{flex-wrap:wrap;gap:8px;min-width:0}
html[data-cloud-control] body.cc-site .provider-legend-note{white-space:normal}
html[data-cloud-control] body.cc-site .connected-toolbar{row-gap:9px;min-width:0}
html[data-cloud-control] body.cc-site .toolbar-links{flex-wrap:wrap;row-gap:6px;max-width:100%}
html[data-cloud-control] body.cc-site .filter-control{min-width:0;max-width:100%}
html[data-cloud-control] body.cc-site .experience-group{padding:12px;min-width:0;box-sizing:border-box}
html[data-cloud-control] body.cc-site .experience-group-head{min-width:0;flex-wrap:wrap;align-items:center;gap:6px 10px}
html[data-cloud-control] body.cc-site .experience-group-head h3{min-width:0;flex:1 1 auto;margin:0;line-height:1.4;overflow-wrap:anywhere}
html[data-cloud-control] body.cc-site .experience-group-head .provider-badge{margin-left:auto}
html[data-cloud-control] body.cc-site .experience-groups{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr) minmax(0,1.15fr);gap:14px;align-items:stretch}
html[data-cloud-control] body.cc-site .experience-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
html[data-cloud-control] body.cc-site .experience-group:first-child .experience-values{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-cloud-control] body.cc-site .experience-group:nth-child(2) .experience-values{grid-template-columns:minmax(0,.7fr) minmax(0,.85fr) minmax(0,.85fr) minmax(0,1.3fr)}
html[data-cloud-control] body.cc-site .experience-metric{width:100%;min-width:0;gap:7px}
html[data-cloud-control] body.cc-site .experience-metric strong{max-width:100%;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
@media(max-width:1450px){
 html[data-cloud-control] body.cc-site .experience-groups{grid-template-columns:repeat(2,minmax(0,1fr))}
 html[data-cloud-control] body.cc-site .experience-group:last-child{grid-column:1/-1}
 html[data-cloud-control] body.cc-site .experience-group:nth-child(2) .experience-values{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
 html[data-cloud-control] body.cc-site .experience-groups{grid-template-columns:minmax(0,1fr);gap:10px}
 html[data-cloud-control] body.cc-site .experience-group:last-child{grid-column:auto}
 html[data-cloud-control] body.cc-site .provider-legend-grid{flex-basis:100%}
 html[data-cloud-control] body.cc-site .toolbar-links{margin-left:0;flex-basis:100%}
}
@media(max-width:960px){html[data-cloud-control] body.cc-enterprise>main{margin-left:0;width:100%;padding-inline:16px;box-sizing:border-box}}
@media(max-width:720px){
 html[data-cloud-control] body.cc-site .connected-toolbar>.link{order:0;flex:1 1 auto}
 html[data-cloud-control] body.cc-site .connected-toolbar>.range-chip{order:0;flex:0 0 auto}
 html[data-cloud-control] body.cc-site .connected-toolbar>.filter-control{order:1;flex:1 1 100%;min-width:0;width:100%;box-sizing:border-box;white-space:nowrap}
 html[data-cloud-control] body.cc-site .filter-control select{flex:1 1 auto;min-width:0;width:100%}
 html[data-cloud-control] body.cc-site .connected-toolbar>.toolbar-links{order:2}
 html[data-cloud-control] body.cc-site .kpi{min-width:0}
 html[data-cloud-control] body.cc-site .kpi strong{overflow-wrap:anywhere}
}
@media(max-width:400px){html[data-cloud-control] body.cc-site[data-space=company] .kpis{grid-template-columns:minmax(0,1fr)}}
@media(max-width:720px){html[data-cloud-control] body.cc-site[data-space=company] .kpi:last-child strong{font-size:24px;overflow-wrap:normal}}

/* Reference: Cisco public OneCD shell and documented Canvas/Inventory screenshots. */
html[data-cloud-control]{--cc-radius-panel:16px;--cc-radius-inner:8px;--cc-radius-dialog:20px;--cc-radius-popover:12px;--cc-radius-tooltip:8px;--cc-motion-fast:100ms;--cc-motion-state:160ms;--cc-motion-panel:200ms;--cc-ease:cubic-bezier(.7,.3,.1,1);--cc-ease-layout:cubic-bezier(.645,.045,.355,1)}
html[data-cloud-control] body.cc-site,html[data-cloud-control] body.cc-portal[data-view=local]{background:radial-gradient(ellipse 90% 360px at 38% 110%,rgba(112,48,185,.34),transparent 80%),radial-gradient(ellipse 68% 300px at 85% 105%,rgba(72,86,187,.23),transparent 80%),linear-gradient(180deg,#0b0e14,#080b11)!important;background-attachment:fixed!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html[data-cloud-control] body.cc-site :is(.card,.panel,.connected-panel,.defense-panel,.token-activity-panel,.application-endpoint,.path-side,.assurance-grid>.panel,.cc-studio-card,.cc-studio-feature,.assistant-card,.biz-surface,.company-group,.net-surface){border-radius:var(--cc-radius-panel);box-shadow:0 1px 3px #0002}
html[data-cloud-control] body.cc-site :is(.agent-lane,.experience-group,.inspect-kpi,.correlation-card,.stage-waterfall,.investigation-visual,.coverage-node,.inspect-evidence,.token-time-contributor,.token-time-request,.digest-latency,.digest-spotlight){border-radius:var(--cc-radius-inner)}
html[data-cloud-control] body.cc-site :is(.inspect-dialog,.environment-dialog,.gcp-environment-dialog,.biz-dialog,.net-dialog,.conversation-picker-dialog,.cc-workspace-dialog,.shell-command){border-radius:var(--cc-radius-dialog);box-shadow:0 16px 64px #0009}
html[data-cloud-control] body.cc-site :is(.panel-heading,.defense-heading){gap:12px;align-items:center}
html[data-cloud-control] body.cc-site .panel-heading{padding:14px 16px}
html[data-cloud-control] body.cc-site :is(.panel-heading h2,.defense-heading h2,.allocation-heading h2){font-size:14px;line-height:20px;font-weight:600;letter-spacing:-.1px}
html[data-cloud-control] body.cc-site :is(.card,.panel,.record,.inspect-kpi,.defense-stat,.experience-metric,.agent-card,.rank-amount,.token-summary,.token-activity-summary,.defense-ring-center,.inspect-row,.metric-comparison){font-variant-numeric:tabular-nums}
html[data-cloud-control] body.cc-site :is(.provider-badge,.provider-selector-copy strong){font-size:9px;letter-spacing:0;line-height:14px}
html[data-cloud-control] body.cc-site :is(.token-time-tick,.token-y-axis,.token-timeline-legend,.defense-category,.rank-head,.experience-metric>span,.inspect-kpi>span){font-size:10px;line-height:15px}
html[data-cloud-control] body.cc-site .token-time-tick{font-size:9px}
html[data-cloud-control] body.cc-site :is(.metric-unit,.digest-meta,.visual-caption,.probe-time,.agent-observed){font-size:9px;line-height:14px}
html[data-cloud-control] body.cc-site .defense-ring{width:clamp(210px,16vw,250px);height:clamp(210px,16vw,250px);padding:19px;box-shadow:none;flex:0 0 auto}
html[data-cloud-control] body.cc-site .defense-ring-center{background:#14171e;border:0}
html[data-cloud-control] body.cc-site .defense-ring-center>strong{font-size:34px;font-weight:600;letter-spacing:-.8px}
html[data-cloud-control] body.cc-site .defense-ring-center>span{font-size:10px;color:#aeb4bf}
html[data-cloud-control] body.cc-site :is(.defense-category i,.rank-dot){border-radius:2px;width:7px;height:7px}
html[data-cloud-control] body.cc-site .defense-chart-legend{gap:5px}
html[data-cloud-control] body.cc-site .defense-category{padding:7px 5px;border-radius:5px}
html[data-cloud-control] body.cc-site .token-chart{background:none;isolation:isolate}
html[data-cloud-control] body.cc-site .token-chart:before{content:'';position:absolute;inset:0 0 24px;pointer-events:none;border-top:1px dashed #444b5966;border-bottom:1px solid #59617088;z-index:-1}
html[data-cloud-control] body.cc-site .token-chart:after{content:'';position:absolute;inset:0 0 24px;pointer-events:none;background:repeating-linear-gradient(90deg,#444b5966 0 3px,transparent 3px 6px) 0 50%/100% 1px no-repeat;z-index:-1}
html[data-cloud-control] body.cc-site .token-bucket-stack{left:2px;right:2px;border-radius:3px 3px 0 0}
html[data-cloud-control] body.cc-site :is(.token-bar-input,.token-bar-output){outline:none}
html[data-cloud-control] body.cc-site .token-bucket.off-hours{background:#9a76e20a}
html[data-cloud-control] body.cc-site .token-bucket:hover:not(:disabled){background:#ffffff06;border-color:transparent}
html[data-cloud-control] body.cc-site .token-bucket:is(:hover,:focus-visible) .token-bucket-stack{filter:brightness(1.16)}
html[data-cloud-control] body.cc-site :is(.comparison-rail,.bar-track,.usage-rail){border-radius:3px;overflow:hidden}
html[data-cloud-control] body.cc-site :is(.inspect-tab,.cc-studio-tabs button){border-radius:0;background:transparent!important;transition:color var(--cc-motion-state) ease,border-color var(--cc-motion-state) ease}
html[data-cloud-control] body.cc-site :is(.inspect-tab.active,.cc-studio-tabs button.active){border-bottom-color:#00c7f2;color:#f3f5f8}
html[data-cloud-control] body.cc-site :is(.cc-side-link,.cc-global-link,.cc-launch-item,.provider-selector,.provider-badge,.segmented button,.defense-category,.defense-ranking-row,.rank,.record button,.token-time-request,.token-time-contributor,.signal-text-action,.cc-bridge-link,.cc-open-app,.cc-primary,.primary){transition:background-color var(--cc-motion-state) ease,border-color var(--cc-motion-state) ease,color var(--cc-motion-fast) ease,box-shadow var(--cc-motion-state) ease;transform:none}
html[data-cloud-control] body.cc-site :is(.assistant-card,.cc-studio-card,.card){transition:border-color var(--cc-motion-state) ease,box-shadow var(--cc-motion-state) ease;transform:none}
html[data-cloud-control] body.cc-site :is(.assistant-card,.cc-studio-card,.card):hover{transform:none;border-color:#656d7b;box-shadow:0 2px 8px #0003}
html[data-cloud-control] body.cc-site button:active:not(:disabled){filter:brightness(.94)}
html[data-cloud-control] body.cc-site .hop-node .hop-circle{transition:border-color var(--cc-motion-state) ease,box-shadow var(--cc-motion-state) ease,color var(--cc-motion-state) ease}
html[data-cloud-control] body.cc-site .hop-node:is(:hover,:focus-visible) .hop-circle{box-shadow:0 0 0 3px #ffffff0a}
html[data-cloud-control] body.cc-site .cc-launch-item{border-radius:8px}
html[data-cloud-control] body.cc-site .cc-studio-feature{padding:26px;gap:30px}
html[data-cloud-control] body.cc-site .cc-studio-intro>svg{width:27px;height:27px;padding:8px;margin-bottom:16px;border-radius:10px}
html[data-cloud-control] body.cc-site .cc-studio-intro h2{font-size:25px;margin-top:9px;letter-spacing:-.5px}
html[data-cloud-control] body.cc-site .cc-studio-intro .cc-open-app{margin-top:20px}
html[data-cloud-control] body.cc-site .cc-map-row{padding:12px 0}
html[data-cloud-control] body.cc-site .cc-journey-step{border-radius:10px}
/* Native dialog semantics remain authoritative. Modern browsers animate top-layer exit. */
@supports(transition-behavior:allow-discrete){
 html[data-cloud-control] body.cc-site dialog:not(.cc-chart-tooltip){opacity:0;transform:translateY(6px) scale(.992);transition:opacity var(--cc-motion-panel) ease,transform var(--cc-motion-panel) var(--cc-ease),display var(--cc-motion-panel) allow-discrete,overlay var(--cc-motion-panel) allow-discrete}
 html[data-cloud-control] body.cc-site dialog[open]:not(.cc-chart-tooltip){opacity:1;transform:none}
 html[data-cloud-control] body.cc-site dialog::backdrop{opacity:0;transition:opacity var(--cc-motion-panel) ease,display var(--cc-motion-panel) allow-discrete,overlay var(--cc-motion-panel) allow-discrete}
 html[data-cloud-control] body.cc-site dialog[open]::backdrop{opacity:1}
 @starting-style{
  html[data-cloud-control] body.cc-site dialog[open]:not(.cc-chart-tooltip){opacity:0;transform:translateY(6px) scale(.992)}
  html[data-cloud-control] body.cc-site dialog[open]::backdrop{opacity:0}
 }
}
html[data-cloud-control] body.cc-site .cc-app-launcher{transform:none!important}
html[data-cloud-control] body.cc-site :is(#welcome,#business-panel,#network-panel,#defense-panel,#lessons-panel,#gcp-panel,#aws-panel,#chat):not([hidden]){animation:cc-view-enter var(--cc-motion-panel) var(--cc-ease) both}
@keyframes cc-view-enter{from{opacity:.3;transform:translateY(3px)}to{opacity:1;transform:none}}
.cc-site .cc-chart-tooltip{position:fixed;inset:auto;z-index:130;margin:0;padding:10px 12px;max-width:min(280px,calc(100vw - 24px));border:1px solid #505764;border-radius:var(--cc-radius-tooltip,8px);background:#20242c;color:#ecf0f5;box-shadow:0 6px 20px #0006;pointer-events:none;font-family:var(--cc-font);font-size:11px;line-height:1.5;text-align:left;font-variant-numeric:tabular-nums;box-sizing:border-box}
.cc-chart-tooltip>strong{display:block;font-size:11px;font-weight:600;color:#f3f5f8}.cc-chart-tooltip>span{display:block;font-size:10px;color:#bbc1c9;margin-top:3px}
.cc-site .cc-chart-tooltip:popover-open{animation:cc-tooltip-enter var(--cc-motion-fast) ease-out both}
@keyframes cc-tooltip-enter{from{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}
.cc-site *{scrollbar-width:thin;scrollbar-color:#4c535f transparent}
.cc-site ::-webkit-scrollbar{width:7px;height:7px}.cc-site ::-webkit-scrollbar-thumb{background:#4c535f;border:2px solid transparent;border-radius:8px;background-clip:padding-box}.cc-site ::-webkit-scrollbar-track{background:transparent}
@media(max-width:960px){
 html[data-cloud-control] body.cc-site #sidebar,html[data-cloud-control] body.cc-site>aside.cc-app-sidebar,html[data-cloud-control] body.cc-admin #workspace>aside{left:0!important;transform:translateX(-100%);transition:transform var(--cc-motion-panel) var(--cc-ease)!important;will-change:auto}
 html[data-cloud-control] body.cc-site.cc-mobile-nav #sidebar,html[data-cloud-control] body.cc-site.cc-mobile-nav>aside.cc-app-sidebar,html[data-cloud-control] body.cc-admin.cc-mobile-nav #workspace>aside{transform:translateX(0);transition:transform var(--cc-motion-panel) var(--cc-ease)!important}
}
@media(max-width:720px){html[data-cloud-control] body.cc-site .cc-studio-feature{padding:22px;gap:22px}html[data-cloud-control] body.cc-site .defense-ring{width:210px;height:210px;padding:17px}html[data-cloud-control] body.cc-site .defense-ring-center>strong{font-size:30px}}
@media(prefers-reduced-motion:reduce){
 html[data-cloud-control] body.cc-site *,html[data-cloud-control] body.cc-site *:before,html[data-cloud-control] body.cc-site *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 html[data-cloud-control] body.cc-site dialog[open]{opacity:1!important;transform:none!important}
}
html[data-cloud-control] body.cc-site dialog:not([open]){pointer-events:none}
@media(prefers-reduced-motion:reduce){
 html[data-cloud-control] body.cc-site #sidebar,html[data-cloud-control] body.cc-site.cc-mobile-nav #sidebar,html[data-cloud-control] body.cc-site>aside.cc-app-sidebar,html[data-cloud-control] body.cc-site.cc-mobile-nav>aside.cc-app-sidebar,html[data-cloud-control] body.cc-admin #workspace>aside,html[data-cloud-control] body.cc-admin.cc-mobile-nav #workspace>aside{transition:none!important}
}

/* Centered Northstar sign-on; existing local authentication remains authoritative. */
html[data-cloud-control] body.cc-portal:has(>.signin-centered:not([hidden])){padding-top:0!important;min-height:100dvh;overflow-y:auto}
html[data-cloud-control] body.cc-portal:has(>.signin-centered:not([hidden]))>.cc-header{display:none}
html[data-cloud-control] body.cc-portal .signin-centered{min-height:100dvh;display:flex;flex-direction:column;align-items:center;position:relative;padding:clamp(44px,8vh,88px) 24px 32px;background:radial-gradient(ellipse 75% 36% at 50% 110%,#57329826,transparent 85%),#0b0e14;color:#edf0f5;isolation:isolate}
html[data-cloud-control] body.cc-portal .signin-brand{display:flex;align-items:center;gap:9px;color:#aeb3bf;font-size:18px;font-weight:600;letter-spacing:-.3px;line-height:28px}
html[data-cloud-control] body.cc-portal .signin-brand svg{width:29px;height:29px;flex-shrink:0}
html[data-cloud-control] body.cc-portal .signin-context{margin:30px 0 0;text-align:center;font-size:11px;font-weight:600;letter-spacing:1px;line-height:18px;text-transform:uppercase;color:#a9afbb}
html[data-cloud-control] body.cc-portal .signin-centered .login-main{display:block;width:100%;max-width:440px;padding:0;margin:clamp(52px,9vh,96px) 0 0;background:none;border:0}
html[data-cloud-control] body.cc-portal .signin-centered .login-box{width:100%;max-width:none}
html[data-cloud-control] body.cc-portal .signin-centered h1{margin:0;text-align:center;font-size:clamp(28px,3vw,36px);line-height:1.2;font-weight:600;letter-spacing:-1px;color:#f0f2f7}
html[data-cloud-control] body.cc-portal .signin-centered form{margin-top:44px}
html[data-cloud-control] body.cc-portal .signin-centered label{display:block;font-size:13px;font-weight:600;line-height:20px;margin-bottom:10px;color:#e1e5ed}
html[data-cloud-control] body.cc-portal .signin-centered .password-field{min-height:48px;background:#191c23;border:1px solid #5b626f;border-radius:6px;transition:border-color 160ms ease,box-shadow 160ms ease}
html[data-cloud-control] body.cc-portal .signin-centered .password-field:focus-within{border-color:#649eff;box-shadow:0 0 0 2px #649eff35}
html[data-cloud-control] body.cc-portal .signin-centered .password-field input{min-height:46px;padding:12px 14px;color:#f0f2f7;font-size:15px;line-height:22px;outline:none;box-shadow:none;background:transparent;border-radius:6px;caret-color:#8bb7ff}
html[data-cloud-control] body.cc-portal .signin-centered .password-field input:-webkit-autofill{-webkit-text-fill-color:#f0f2f7;box-shadow:0 0 0 100px #191c23 inset}
html[data-cloud-control] body.cc-portal .signin-centered #reveal{padding:0 14px;min-width:60px;color:#9ac1ff;font-size:12px;line-height:20px;border-radius:0 5px 5px 0;box-shadow:none;transition:color 100ms ease,background-color 160ms ease}
html[data-cloud-control] body.cc-portal .signin-centered #reveal:hover{background:#ffffff08;color:#c4daff}
html[data-cloud-control] body.cc-portal .signin-centered #reveal:focus-visible{outline:2px solid #8bb7ff;outline-offset:-5px}
html[data-cloud-control] body.cc-portal .signin-centered #login-form .login-submit{display:flex;justify-content:center;align-items:center;min-height:46px;width:100%;margin:30px 0 0;padding:11px 16px;border:1px solid #649eff;border-radius:6px;background:#649eff;color:#081426;font-size:14px;line-height:22px;font-weight:600;box-shadow:none;transition:background-color 160ms ease,border-color 160ms ease}
html[data-cloud-control] body.cc-portal .signin-centered #login-form .login-submit:hover{background:#83b1ff;border-color:#83b1ff;box-shadow:none;transform:none}
html[data-cloud-control] body.cc-portal .signin-centered #login-form .login-submit:disabled{opacity:.65}
html[data-cloud-control] body.cc-portal .signin-centered .error{margin:14px 0 0;padding:10px 12px;border:1px solid #ff809144;border-radius:6px;background:#ff637a0d;font-size:12px;line-height:20px;color:#ff9baa;overflow-wrap:anywhere}
html[data-cloud-control] body.cc-portal .signin-centered .error:empty{display:none}
html[data-cloud-control] body.cc-portal .signin-footer{display:flex;gap:9px;align-items:center;justify-content:center;margin-top:auto;padding-top:72px;color:#858d9d;font-size:11px;line-height:18px;text-align:center}
@media(max-width:600px){html[data-cloud-control] body.cc-portal .signin-centered{padding:44px 24px 24px}html[data-cloud-control] body.cc-portal .signin-centered .login-main{margin-top:56px}html[data-cloud-control] body.cc-portal .signin-context{font-size:10px;letter-spacing:.8px;margin-top:24px}html[data-cloud-control] body.cc-portal .signin-centered form{margin-top:34px}html[data-cloud-control] body.cc-portal .signin-centered .password-field input{font-size:16px}html[data-cloud-control] body.cc-portal .signin-footer{padding-top:60px}}
@media(max-height:650px) and (min-width:601px){html[data-cloud-control] body.cc-portal .signin-centered{padding-top:30px;padding-bottom:24px}html[data-cloud-control] body.cc-portal .signin-context{margin-top:18px}html[data-cloud-control] body.cc-portal .signin-centered .login-main{margin-top:36px}html[data-cloud-control] body.cc-portal .signin-centered form{margin-top:28px}html[data-cloud-control] body.cc-portal .signin-footer{padding-top:36px}}
@media(prefers-reduced-motion:reduce){html[data-cloud-control] body.cc-portal .signin-centered :is(.password-field,#reveal,.login-submit){transition:none!important}}

/* Reference-led Cloud Control layout. Shared controls, surfaces and screen geometry. */
html[data-cloud-control]{--cc-bg:#0b1016;--cc-surface:#14181f;--cc-raised:#20242c;--cc-line:#303640;--cc-text:#e4e8ee;--cc-muted:#a6adb8;--cc-side:232px;--cc-radius-panel:12px}
html[data-cloud-control] body.cc-site{color:#e4e8ee;--panel:#14181f;--bg:#0b1016;--surface:#0b1016;--line:#303640;--border:#303640;background:radial-gradient(ellipse 85% 520px at 42% 120%,#4c267fbb,transparent 80%),radial-gradient(ellipse 75% 460px at 80% 115%,#33458477,transparent 80%),#0b1016!important;background-attachment:fixed!important;font-size:12px}
html[data-cloud-control] body.cc-site .cc-header{background:#1b1e26!important;border-bottom:1px solid #ffffff09;box-shadow:none;gap:12px}
html[data-cloud-control] body.cc-site .cc-header .cc-global-link{background:#ffffff03;border-color:#ffffff0c;height:29px;padding:4px 9px;border-radius:6px;font-size:11px}
html[data-cloud-control] body.cc-site .cc-header .cc-global-link.active{background:linear-gradient(#1b2028,#1b2028) padding-box,linear-gradient(110deg,#00bceb,#b079dd) border-box;border-color:transparent}
.cc-header .cc-utilities{gap:10px}.cc-header .cc-utility-link svg{color:#11bde6}.cc-header .cc-utility-link.cc-canvas-link svg{fill:#00bce744;stroke:#16bcef}
html[data-cloud-control] body.cc-site :is(#sidebar,aside.cc-app-sidebar){border-right:0!important;background:transparent!important;padding-top:16px}
html[data-cloud-control] body.cc-site :is(.cc-side-link,.shell-route){border-radius:5px;min-height:32px;padding:7px 11px;margin:3px 0;color:#b9c0cb}
html[data-cloud-control] body.cc-site :is(.cc-side-link.active,.shell-route.active){background:#ffffff0b;border-left-color:#00bceb}
html[data-cloud-control] body.cc-site :is(.card,.panel,.connected-panel,.defense-panel,.token-activity-panel,.cc-studio-card,.assistant-card,.biz-surface,.net-surface,.company-group,.app-card,.test-card){background:#11161de6;border:1px solid #ffffff10;border-radius:12px;box-shadow:none}
html[data-cloud-control] body.cc-site :is(.kpi,.perf-stat,.biz-metrics article,.defense-stat,.net-stat){background:#191e26;border:1px solid #ffffff08;border-radius:7px;box-shadow:none}
html[data-cloud-control] body.cc-site :is(.agent-lane,.experience-group,.inspect-kpi,.apm-digest,.correlation-card,.stage-waterfall,.investigation-visual,.coverage-node,.inspect-evidence){background:#151a22;border:1px solid #ffffff10;box-shadow:none}
html[data-cloud-control] body.cc-site :is(.panel-heading,.defense-heading,.endpoint-title,.path-overview){background:transparent;border-color:#ffffff10}
html[data-cloud-control] body.cc-site :is(h1,h2,h3){color:#e0e5ec;font-weight:600}
html[data-cloud-control] body.cc-site :is(th,.biz-table th,.studio-table th){background:transparent;font-size:11px;border-bottom-color:#8b929d;font-weight:600}
html[data-cloud-control] body.cc-site :is(td,.biz-table td,.studio-table td){border-color:#ffffff18;font-size:11px;padding:9px 10px}
html[data-cloud-control] body.cc-site :is(.provider-legend,.cc-source-legend){background:transparent;border-color:#ffffff0b}
html[data-cloud-control] body.cc-site :is(.inspect-dialog,.environment-dialog,.gcp-environment-dialog,.biz-dialog,.net-dialog,.conversation-picker-dialog,.cc-workspace-dialog,.shell-command){background:#171c24;border-color:#424b58;border-radius:16px;box-shadow:0 18px 70px #0006}
html[data-cloud-control] body.cc-site .inspect-head{background:transparent;border-bottom-color:#ffffff14}
html[data-cloud-control] body.cc-site .inspect-context{background:#ffffff03}
html[data-cloud-control] body.cc-site :is(.provider-selector,.source-badge,.inspect-source){border-radius:20px;font-size:9px}
html[data-cloud-control] body.cc-site :is(.application-endpoint,.path-side){background:#11161de6;border-width:1px!important;border-radius:12px}
html[data-cloud-control] body.cc-site .defense-stats{gap:16px}.cc-site .experience-strip{background:transparent!important;border-color:#ffffff12!important;border-radius:12px!important}.cc-site .experience-group{padding:13px!important}
.cc-site .panel-note{font-size:10px;line-height:1.5}.cc-site .panel-heading h2{font-size:14px}.cc-site .defense-ring-center{background:#11161d!important}
/* Home is an assistant workspace, not a promotional landing page. */
html[data-cloud-control] body.cc-assistant-home #workspace{grid-template-columns:310px minmax(0,1fr)}
html[data-cloud-control] body.cc-assistant-home #sidebar{width:310px;padding:16px 10px 12px!important;overflow:hidden}
html[data-cloud-control] body.cc-assistant-home #sidebar>:not(.cc-home-rail){display:none!important}
html[data-cloud-control] body.cc-assistant-home #sidebar>.cc-home-rail{display:flex!important;height:100%;flex-direction:column;gap:12px}
.cc-home-modes{display:flex;align-items:center;gap:3px;padding:5px;background:#181d24;border-radius:9px;flex:none;min-height:40px}
.cc-home-modes a{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 9px;font-size:10px;border-radius:5px;flex:1;text-decoration:none;color:#bec6d1}.cc-home-modes a:first-child{background:#30353e;color:#edf0f6}.cc-home-modes svg{width:13px;height:13px;color:#00bceb}
.cc-home-history{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:linear-gradient(170deg,#181e25,#191d27dd);border:1px solid #ffffff03;border-radius:10px;padding:22px 18px}
.cc-home-history h2{font-size:14px!important;margin:0 0 25px}.cc-home-history a{display:flex;align-items:center;gap:10px;color:#d3d9e2;font-size:11px;text-decoration:none;min-height:34px;border-radius:5px}.cc-home-history a:hover{background:#ffffff07}.cc-home-history svg{width:15px;height:15px;color:#9ca7b6}
.cc-home-history input{width:100%;min-height:32px;padding:7px 10px;background:#111820;border:1px solid #657080;border-radius:4px;color:#dce2ed;font:inherit;font-size:11px;margin:12px 0}
.cc-home-boards{flex:1;min-height:0;overflow:auto}.cc-home-boards p{font-size:10px;color:#9da7b7;margin:12px 0}.cc-home-boards .cc-history-item{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:8px 5px}
.cc-home-shortcuts{border-top:1px solid #ffffff12;margin-top:18px;padding-top:14px}.cc-home-shortcuts a{font-size:10px}
html[data-cloud-control] body.cc-assistant-home .topbar,html[data-cloud-control] body.cc-assistant-home .bottom-bar{display:none!important}
html[data-cloud-control] body.cc-assistant-home #main{padding:0 30px!important;display:flex;min-height:0}
html[data-cloud-control] body.cc-assistant-home #welcome{width:100%;display:flex;align-items:center;justify-content:center;max-width:none;padding:0!important}
html[data-cloud-control] body.cc-assistant-home .cc-control-home{width:min(680px,100%);max-width:680px;margin:0 auto;padding:40px 0 70px;text-align:center}
html[data-cloud-control] body.cc-assistant-home .cc-control-home h1{font-size:30px;line-height:1.25;letter-spacing:-.5px;font-weight:400;margin:0 0 12px;white-space:normal}
.cc-control-home>p{font-size:12px!important;color:#b0b7c3!important;margin-bottom:30px!important}
.cc-home-compose{text-align:left;border:1px solid #7b8492;border-radius:14px;background:#141b24;padding:12px;margin:0 0 14px}
.cc-home-compose textarea{display:block;width:100%;padding:0 2px;border:0!important;background:transparent!important;color:#e3e8f1;resize:none;font-size:12px;min-height:48px;outline:0}
.cc-home-compose-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.cc-home-compose-foot span{font-size:10px;color:#8d9bad}.cc-home-compose-foot button{width:28px;min-height:28px;padding:2px!important;font-size:17px!important}
.cc-home-prompts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cc-home-prompts button{min-height:56px;text-align:left;border:1px solid #ffffff26;border-radius:4px;background:#10161c66;color:#bfc7d3;padding:9px 10px;font-size:10px;line-height:1.5}.cc-home-prompts button:hover{border-color:#7895c4;background:#ffffff07}
.cc-home-context{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;margin-top:26px}.cc-home-context a{display:flex;gap:6px;align-items:center;color:#72aaff;font-size:10px;text-decoration:none}.cc-home-context svg{width:13px;height:13px}
/* Studio: short page chrome, build stage, and a searchable catalog. */
html[data-cloud-control] body.cc-studio-page .topbar{display:none!important}.cc-studio-page .cc-studio-apps{padding-top:16px!important}.cc-studio-page .cc-studio-heading{margin-bottom:16px}.cc-studio-heading h1{font-size:21px!important}.cc-studio-page .cc-studio-tabs{margin-bottom:0;gap:24px}
.cc-build-hero{height:350px;position:relative;display:flex;align-items:flex-end;padding-bottom:28px;overflow:hidden}.cc-build-wave{position:absolute;inset:0 -4% 0 20%;display:flex;align-items:center;pointer-events:none}.cc-build-wave svg{width:100%;height:auto}.cc-build-hero h2{position:relative;font-size:36px!important;line-height:1.25!important;margin:0;letter-spacing:-.8px!important}.cc-build-hero h2>span{background:linear-gradient(90deg,#ff78b3,#a5a0ff,#00c7d4);background-clip:text;color:transparent}
.cc-build-choices{display:grid;grid-template-columns:repeat(2,290px);gap:14px;max-width:100%;margin-bottom:60px}.cc-build-choice{padding:18px 14px 12px;border:1px solid #48515e;border-radius:14px;background:#131921aa;display:flex;flex-direction:column;align-items:start;min-height:155px}.cc-build-choice h3{display:flex;align-items:center;gap:10px;font-size:14px!important;margin:0 0 20px}.cc-build-choice svg{width:28px;height:28px;color:#a18fff;border:1px solid #40466a;border-radius:9px;padding:5px}.cc-build-choice p{font-size:11px;color:#aeb7c5;line-height:1.5;margin:0 0 8px}.cc-build-choice button{margin-top:auto;align-self:end;font-size:10px!important}
.cc-catalog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 18px}.cc-catalog-head h2{font-size:17px!important}.cc-catalog-head input{width:240px;max-width:60%;font:inherit;background:#131a22;border:1px solid #647080;border-radius:4px;padding:8px 12px;color:#dde4ee}
html[data-cloud-control] body.cc-site .cc-studio-grid{gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.cc-studio-grid .cc-studio-card{padding:18px!important;min-height:200px!important;border-radius:12px!important;background:#121921!important;display:flex;flex-direction:column;align-items:start}
.cc-catalog-card-head{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px}.cc-catalog-card-head svg{width:25px;height:25px;color:#1bc5e4}.cc-app-category{font-size:9px;background:#292e3c;padding:2px 7px;border-radius:10px;color:#c4ceff}.cc-category-fso{background:#164c65;color:#65ddff}.cc-category-security,.cc-category-policy{background:#41315b;color:#d8b7ff}.cc-category-spaces{background:#254a32;color:#9ee68c}
.cc-studio-card h3{font-size:14px!important;margin:18px 0 8px!important}.cc-studio-card p{font-size:11px!important;line-height:1.6;flex:1;color:#aeb8c6}.cc-studio-card .cc-open-app{align-self:end;margin-top:18px!important;font-size:10px!important;padding:5px 9px!important}.cc-company-bridge{margin-top:35px!important;border-color:#ffffff16!important;padding:18px 0!important}
/* Operational apps use a common, compact content hierarchy. */
html[data-cloud-control] body.cc-workplace:not(.cc-canvas-page) .wp-heading{padding:14px 0 18px}.cc-workplace .wp-eyebrow{display:none}.cc-workplace .wp-heading h1{font-size:22px!important;margin:0 0 8px}.cc-workplace .wp-heading p{font-size:11px}.cc-workplace .wp-view-tabs{margin-bottom:16px}.cc-workplace .wp-filterbar{gap:10px}.cc-workplace .wp-filterbar label{font-size:10px;flex-direction:column;align-items:stretch;gap:5px}.cc-workplace:not(.cc-canvas-page) .wp-filterbar label:has(#token-day),.cc-workplace:not(.cc-canvas-page) .wp-filterbar label:has(#token-minutes){display:none}.cc-workplace .wp-source-strip{background:transparent;border:0;padding:0;margin:3px 0 18px;gap:10px}.cc-workplace .wp-source-strip button{border:0;padding:2px 1px;min-height:22px;font-size:9px}.cc-workplace .wp-summary{gap:12px;margin-bottom:24px}.cc-workplace .wp-summary>div{background:#151b23;border:1px solid #ffffff0b;border-radius:6px;padding:13px}.cc-workplace .wp-summary strong{font-size:26px;font-weight:600;margin:0}.cc-workplace .wp-summary small{font-size:9px}
html[data-cloud-control] body.cc-workplace .wp-evidence{background:#0e151de8;border:1px solid #ffffff13;border-radius:12px;box-shadow:none}
.cc-workplace .wp-card-head{padding:16px 16px 10px}.cc-workplace .wp-card-head h3{font-size:12px!important;margin-bottom:5px}.cc-workplace .wp-source{font-size:8px;border:0;background:#333c48;color:#d0d8e5;border-radius:6px;padding:1px 5px}.cc-workplace .wp-source::before{content:'';width:4px;height:4px;background:var(--source-color);border-radius:50%}.cc-workplace .wp-age{font-size:8px;padding:2px 5px;border-radius:8px;background:#ffffff06}.cc-workplace .wp-card-body{min-height:0;padding:3px 16px 12px}.cc-workplace .wp-card-metrics{gap:18px;padding:7px 0 14px}.cc-workplace .wp-card-metrics strong{font-size:24px}.cc-workplace .wp-card-metrics label{font-size:10px}.cc-workplace .wp-card-foot{border:0;padding:3px 12px 9px;min-height:28px;gap:8px}.cc-workplace .wp-card-foot button{color:#9ba8bb;font-size:9px}.cc-workplace .wp-card-foot .wp-details{color:#76b2ff}.cc-workplace .wp-card-actions button{min-width:25px}.cc-workplace .wp-table th{background:transparent;color:#d7dfe9;font-size:9px;padding:7px 6px;border-bottom-color:#77818f}.cc-workplace .wp-table td{padding:8px 6px;font-size:10px;border-bottom-color:#ffffff16}.cc-workplace .wp-awaiting{min-height:62px;font-size:10px}.cc-workplace .wp-category{gap:24px}.cc-workplace .wp-ring{width:150px;height:150px;padding:18px}.cc-workplace .wp-ring>div{background:#0e151d}.cc-workplace .wp-ring strong{font-size:27px}.cc-workplace .wp-timechart{height:155px;margin-top:10px}.cc-workplace .wp-timechart .wp-bar{border-radius:2px 2px 0 0}.cc-workplace .wp-event-list{max-height:280px}.cc-workplace .wp-event{padding:8px 0}.cc-workplace .wp-chart-drawing circle{transition:r 100ms ease}.cc-workplace .wp-chart-drawing circle:hover,.cc-workplace .wp-chart-drawing circle:focus{r:5}.cc-workplace .wp-trend select{max-width:280px;font-size:9px;min-height:28px;padding:4px 8px}
/* Canvas has its own chrome: a left assistant and an open board surface. */
html[data-cloud-control] body.cc-canvas-page{background:radial-gradient(ellipse 90% 480px at 60% 116%,#492783bb,transparent 80%),radial-gradient(ellipse 70% 420px at 85% 108%,#30438066,transparent 80%),radial-gradient(circle,#7a8fa50e .8px,transparent 1px) 0 0/20px 20px,#0b1016!important}
html[data-cloud-control] body.cc-canvas-page>main{margin:0!important;width:100%!important;padding:0 12px!important;min-height:calc(100dvh - 46px)!important}
.cc-canvas-page .wp-pagebar,.cc-canvas-page .wp-heading,.cc-canvas-page .wp-view-tabs{display:none!important}.cc-canvas-page #canvas-view{height:calc(100dvh - 46px);display:flex;flex-direction:column;min-height:0;padding:12px 0}
.cc-canvas-page .wp-canvas-toolbar{flex:none;gap:7px;display:flex;margin:0 0 12px;min-height:36px;align-items:center}.cc-canvas-page .wp-canvas-toolbar button,.cc-canvas-page .wp-canvas-toolbar select{font-size:10px;min-height:29px;padding:4px 8px}.cc-canvas-page .wp-canvas-toolbar #canvas-title{width:220px;max-width:28vw;font-size:12px;font-weight:600;border-color:transparent;order:1}.cc-canvas-page .wp-canvas-toolbar #saved-boards{max-width:135px;order:2}.cc-canvas-page .wp-canvas-toolbar #new-board{order:3}.cc-canvas-page .wp-canvas-toolbar #save-board{order:4;background:#649eff;border-color:#649eff;color:#091626}.cc-canvas-page .wp-canvas-toolbar #delete-board{order:5}.cc-canvas-page .wp-canvas-toolbar #mapping-open{order:6}.cc-canvas-page .wp-canvas-toolbar #library-open{order:7;margin-left:0}.cc-canvas-page .wp-canvas-toolbar #scope-open{order:8}.cc-canvas-page .wp-canvas-toolbar #connections-open{order:9}.cc-canvas-page .wp-canvas-toolbar #refresh{order:10}.cc-canvas-page .wp-canvas-toolbar #saved-state{order:11;font-size:8px}
.wp-canvas-modes{display:flex;align-items:center;gap:3px;border-radius:8px;padding:4px;background:#171e27;margin-right:auto;min-width:300px}.wp-canvas-modes button,.wp-canvas-modes span{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;padding:7px 10px;font-size:10px;min-height:28px;border-radius:5px;color:#bbc4d1}.wp-canvas-modes .active{background:#293447;color:#e8eef6}.cc-canvas-page .wp-canvas-layout{flex:1;min-height:0;grid-template-columns:var(--assistant-width,320px) minmax(0,1fr);gap:22px}
.cc-canvas-page .wp-canvas-layout>.wp-assistant{position:static;top:auto;height:100%;min-height:0;max-height:none;border:1px solid #ffffff06;border-radius:10px;background:linear-gradient(170deg,#171e27,#101721);padding:14px;overflow:hidden;box-shadow:0 3px 8px #0004}
.cc-canvas-page .wp-assistant-heading{padding-bottom:11px;margin-bottom:9px;border-bottom:1px solid #ffffff18}.cc-canvas-page .wp-assistant-heading h2{font-size:12px!important}.cc-canvas-page .wp-prompt-starters{margin-top:0;gap:4px}.cc-canvas-page .wp-prompt-starters button{font-size:10px;border:0;background:transparent;padding:6px 4px;color:#9caac0;min-height:26px}.cc-canvas-page .wp-answer{overflow:auto;min-height:80px;margin:10px 0 16px;padding:0 5px;font-size:12px;line-height:1.7}.cc-canvas-page .wp-answer-empty{padding:45px 0 12px}.cc-canvas-page .wp-answer-empty p{font-size:10px}.cc-canvas-page .wp-assistant form{flex:none;background:#171f2b;border-color:#788392;border-radius:12px}.cc-canvas-page .wp-assistant form label{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.cc-canvas-page .wp-assistant textarea{font-size:11px;min-height:65px;max-height:140px;padding:12px}.cc-canvas-page .wp-compose-footer{padding:6px 9px}.cc-canvas-page .wp-compose-footer button{font-size:10px;min-height:26px}.cc-canvas-page .wp-compose-footer>span{font-size:8px}.cc-canvas-page .wp-ai-note{font-size:8px;margin-top:7px}
.cc-canvas-page .wp-board{height:100%;overflow:auto;scrollbar-gutter:stable;min-width:0;padding:16px 24px 24px 0}.cc-canvas-page .wp-board-heading{margin:0 0 18px}.cc-canvas-page .wp-board-heading h2{font-size:11px;color:#a7b4c7}.cc-canvas-page #canvas-grid{display:block;columns:2;column-gap:20px}.cc-canvas-page #canvas-grid>.wp-evidence{display:inline-block;width:100%;break-inside:avoid;margin:0 0 18px;vertical-align:top}.cc-canvas-page #canvas-grid>.wp-evidence[data-span="2"]{column-span:all;display:block}.cc-canvas-page .wp-board .wp-card-metrics strong{font-size:22px}.cc-canvas-page .wp-card-head{padding:16px 16px 10px}.cc-canvas-page .wp-card-body{padding-bottom:14px}.cc-canvas-page .wp-card-foot{opacity:.6;transition:opacity 160ms ease}.cc-canvas-page .wp-evidence:hover .wp-card-foot,.cc-canvas-page .wp-evidence:focus-within .wp-card-foot{opacity:1}.cc-canvas-page .wp-board .wp-ring{width:145px;height:145px;padding:17px}.cc-canvas-page .wp-grid .wp-table-wrap{max-height:240px}
.cc-workplace .wp-scope-dialog .wp-filterbar{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cc-workplace .wp-scope-dialog .wp-filterbar label{min-width:0;display:flex;flex-direction:column;align-items:stretch}.cc-workplace .wp-scope-dialog select{max-width:none;width:100%}.cc-workplace .wp-scope-dialog .wp-source-strip{margin-top:18px;gap:14px}.wp-scope-options{padding-top:14px;border-top:1px solid #ffffff18}.wp-scope-options label{display:flex;align-items:center;gap:8px;color:#b4bece;font-size:11px}.wp-scope-options input{min-height:0}
@media(min-width:961px){html[data-cloud-control] body.cc-canvas-page>aside{display:none!important}.cc-canvas-page.cc-nav-collapsed .wp-assistant{display:none!important}.cc-canvas-page.cc-nav-collapsed .wp-canvas-layout{grid-template-columns:1fr}.cc-studio-page #workspace{grid-template-columns:1fr}.cc-studio-page #sidebar{display:none!important}.cc-studio-page #main{padding:0 20px 35px}.cc-studio-page.cc-nav-collapsed #sidebar{display:flex!important}.cc-assistant-home.cc-nav-collapsed #workspace{grid-template-columns:1fr}.cc-assistant-home.cc-nav-collapsed #sidebar{display:none!important}}
@media(max-width:1600px){.cc-canvas-page .wp-canvas-toolbar #saved-state{display:none}.cc-canvas-page .wp-canvas-toolbar #canvas-title{width:180px}.cc-canvas-page .wp-canvas-toolbar #saved-boards{max-width:112px}.cc-canvas-page .wp-canvas-toolbar #mapping-open{font-size:9px}.cc-canvas-page .wp-board{padding-right:12px}}
@media(max-width:1450px){.cc-header .cc-utilities .cc-space-switch{display:none!important}.wp-canvas-modes{min-width:270px}.cc-canvas-page .wp-canvas-toolbar{gap:5px}.cc-canvas-page .wp-canvas-toolbar #delete-board{display:none}.cc-canvas-page .wp-canvas-toolbar #canvas-title{width:170px}.cc-canvas-page .wp-canvas-toolbar #refresh{font-size:0;width:29px}.cc-canvas-page .wp-canvas-toolbar #refresh:before{content:'↻';font-size:14px}.cc-canvas-page #canvas-grid{columns:2}}
@media(max-width:1200px){.cc-header .cc-global-link[data-cc-route=studio]{display:none}.cc-canvas-page .wp-canvas-toolbar{flex-wrap:wrap}.cc-canvas-page .wp-canvas-toolbar #canvas-title{width:190px;max-width:35vw}.wp-canvas-modes{width:100%;max-width:300px;min-width:0;margin-right:5px}.cc-canvas-page #canvas-grid{columns:1}.cc-canvas-page .wp-canvas-layout{gap:14px}.cc-workplace .wp-filterbar select{min-width:125px}}
@media(max-width:960px){html[data-cloud-control] body.cc-assistant-home #workspace{grid-template-columns:minmax(0,1fr)}.cc-assistant-home #sidebar{width:290px!important}.cc-assistant-home .main-shell{height:calc(100dvh - 46px)}.cc-header .cc-utilities .cc-assistant-link{display:none}.cc-header .cc-utilities .cc-canvas-link .cc-link-label{display:none}.cc-canvas-page .wp-canvas-layout{display:grid;grid-template-columns:270px minmax(0,1fr)}.cc-canvas-page .wp-board{padding:8px 0 20px}.cc-canvas-page .wp-canvas-toolbar #connections-open{margin-left:auto}.cc-site .cc-studio-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cc-build-hero{height:300px}.cc-build-hero h2{font-size:30px!important}.cc-build-choices{grid-template-columns:repeat(2,minmax(0,290px))}.cc-workplace .wp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){html[data-cloud-control] body.cc-assistant-home #main{padding:0 18px!important}.cc-assistant-home .cc-control-home{padding:50px 0!important}.cc-assistant-home .cc-control-home h1{font-size:25px!important}.cc-home-prompts{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-home-context{gap:12px}.cc-home-context a{font-size:9px}.cc-header .cc-utilities{gap:3px}.cc-header .cc-org{display:none!important}.cc-header .cc-canvas-link{padding:4px!important}.cc-canvas-page #canvas-view{height:auto;min-height:calc(100dvh - 46px)}.cc-canvas-page .wp-canvas-toolbar{gap:7px;margin-bottom:14px}.wp-canvas-modes{width:100%;max-width:none;margin:0;justify-content:center}.cc-canvas-page .wp-canvas-toolbar #canvas-title{width:100%;max-width:none;flex:1;min-width:180px}.cc-canvas-page .wp-canvas-toolbar #saved-boards{max-width:140px}.cc-canvas-page .wp-canvas-toolbar #mapping-open{font-size:10px}.cc-canvas-page .wp-canvas-toolbar #connections-open{margin-left:0}.cc-canvas-page .wp-canvas-layout{grid-template-columns:minmax(0,1fr);display:grid;gap:20px;min-height:0}.cc-canvas-page .wp-canvas-layout>.wp-assistant{height:430px;min-height:0}.cc-canvas-page .wp-prompt-starters{flex-direction:column}.cc-canvas-page .wp-prompt-starters button{min-width:0}.cc-canvas-page .wp-answer-empty{padding:15px 0}.cc-canvas-page .wp-answer{margin:5px 0 12px}.cc-canvas-page .wp-board{height:auto;overflow:visible;padding:0 0 25px}.cc-canvas-page #canvas-grid{columns:1}.cc-canvas-page .wp-card-foot{opacity:1}.cc-workplace .wp-grid{grid-template-columns:minmax(0,1fr)}.cc-workplace .wp-category{gap:16px}.cc-site .cc-studio-grid{grid-template-columns:1fr!important}.cc-build-hero{height:260px}.cc-build-wave{inset:0 -40% 20px 0}.cc-build-hero h2{font-size:28px!important;max-width:300px}.cc-build-choices{grid-template-columns:1fr;gap:12px;margin-bottom:35px}.cc-build-choice{min-height:140px}.cc-studio-page .cc-company-bridge{margin-top:20px!important}.cc-workplace .wp-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-workplace .wp-scope-dialog .wp-filterbar{grid-template-columns:1fr}.cc-workplace .wp-summary strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){.cc-site *,.cc-site *:before,.cc-site *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

html[data-cloud-control] body.cc-site.cc-portal.cc-assistant-home[data-space=control] #sidebar>.cc-home-rail{display:flex!important}
html[data-cloud-control] body.cc-assistant-home #welcome{min-height:calc(100dvh - 46px);height:100%;display:grid!important;place-items:center}
html[data-cloud-control] body.cc-assistant-home #main{height:100%;min-height:calc(100dvh - 46px)}
.cc-canvas-page .wp-canvas-toolbar #delete-board,.cc-canvas-page .wp-canvas-toolbar #mapping-open,.cc-canvas-page .wp-canvas-toolbar #saved-state{display:block!important;order:initial}
.wp-board-menu{position:relative;order:12}.wp-board-menu>summary{list-style:none;cursor:pointer;border:1px solid #414956;border-radius:5px;min-width:29px;min-height:29px;display:grid;place-items:center;font-size:16px;line-height:1}.wp-board-menu>summary::-webkit-details-marker{display:none}.wp-board-menu>div{position:absolute;right:0;top:36px;z-index:35;min-width:170px;background:#1b222d;border:1px solid #495363;border-radius:8px;box-shadow:0 8px 25px #0005;padding:6px;display:flex;flex-direction:column;gap:5px}.wp-board-menu button{display:block;width:100%;text-align:left;border:0!important;background:transparent!important;color:#d2dce9!important}.wp-board-menu #saved-state{padding:7px;font-size:9px!important;color:#a8b4c6}.cc-canvas-page .wp-canvas-modes #library-open{order:initial;margin:0;font-size:10px;background:transparent;border:0;padding:7px 10px}.cc-canvas-page .wp-canvas-modes{min-width:0;width:400px;max-width:400px;justify-content:flex-start;flex:none}
@media(max-width:1600px){.cc-canvas-page .wp-canvas-modes{width:330px;max-width:330px}}
@media(max-width:1200px){.cc-canvas-page .wp-canvas-modes{width:280px;max-width:280px}}
@media(max-width:720px){.cc-canvas-page .wp-canvas-modes{width:100%;max-width:none;justify-content:center}.cc-canvas-page .wp-canvas-toolbar #canvas-title{min-width:150px}.wp-board-menu>div{right:0}.cc-assistant-home #welcome{height:auto!important;min-height:calc(100dvh - 46px)!important}}

.cc-home-rail{display:none}

html[data-cloud-control] body.cc-studio-page .cc-studio-apps{max-width:none;width:100%;margin:0!important}html[data-cloud-control] body.cc-studio-page #lessons-panel{max-width:none;padding-top:0}

/* Exact source-round inspection; neutral source surfaces, local table scrolling. */
.experience-heading{flex-wrap:wrap}.experience-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.probe-round-evidence{min-width:0}.round-location{max-width:100%;margin-bottom:12px}.round-alignment{font-size:11px;margin:0 0 10px;color:#c5cedb}.round-table-wrap{max-width:100%;overflow:auto;scrollbar-width:thin}.round-table{border-collapse:collapse;width:100%;font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums}.round-table th{font-size:9px;color:#aab5c5;font-weight:500;text-align:left}.round-table td,.round-table th{padding:10px 9px;border-bottom:1px solid #383e49}.round-table-wrap:focus-visible{outline:2px solid #649eff;outline-offset:2px}

.apm-scheduler-line{display:block;margin:6px 12px 0;padding:5px 7px;border:1px solid #454b57;border-radius:5px;background:#ffffff04;color:#c0c9d7;font-size:10px;text-align:left;max-width:calc(100% - 24px)}

/* Keep error recovery readable in company pages and draft dialogs. */
html[data-cloud-control] body.cc-enterprise :is(#error,#record-error):empty{display:none}
html[data-cloud-control] body.cc-enterprise :is(#error,#record-error):not(:empty){display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;margin:12px 0;border:1px solid #ff809144;border-radius:6px;background:#ff637a0d;color:#ff9baa;font-size:12px;line-height:20px;overflow-wrap:anywhere}
html[data-cloud-control] body.cc-enterprise #error .signal-text-action{flex:0 0 auto;min-height:30px;padding:4px 10px;border:1px solid #79b5ff66;border-radius:4px;background:#1d2028;color:#79b5ff;font-size:11px;line-height:20px}

/* Navigation lifecycle: keep the initial and signed-out drawer fully offscreen. */
@media(max-width:960px){
 html[data-cloud-control] body.cc-site #sidebar,html[data-cloud-control] body.cc-enterprise>aside,html[data-cloud-control] body.cc-admin #workspace>aside{visibility:hidden;transform:translateX(calc(-100% - 16px))!important;transition:transform var(--cc-motion-panel) var(--cc-ease),visibility 0s var(--cc-motion-panel)!important}
 html[data-cloud-control] body.cc-site.cc-mobile-nav #sidebar,html[data-cloud-control] body.cc-enterprise.cc-mobile-nav>aside,html[data-cloud-control] body.cc-admin.cc-mobile-nav #workspace>aside{visibility:visible;transform:translateX(0)!important;transition:transform var(--cc-motion-panel) var(--cc-ease),visibility 0s!important}
 html[data-cloud-control] body.cc-site:not([data-cc-nav-ready=true]) #sidebar,html[data-cloud-control] body.cc-enterprise:not([data-cc-nav-ready=true])>aside,html[data-cloud-control] body.cc-admin:not([data-cc-nav-ready=true]) #workspace>aside{transition:none!important}
}
@media(prefers-reduced-motion:reduce){
 html[data-cloud-control] body.cc-site #sidebar,html[data-cloud-control] body.cc-site.cc-mobile-nav #sidebar,html[data-cloud-control] body.cc-enterprise>aside,html[data-cloud-control] body.cc-enterprise.cc-mobile-nav>aside,html[data-cloud-control] body.cc-admin #workspace>aside,html[data-cloud-control] body.cc-admin.cc-mobile-nav #workspace>aside{transition:none!important}
}