:root{--ux-blue:#4f8cff;--ux-blue-strong:#2f6fd7;--ux-focus:#8bb7ff;--ux-panel:#101a2a;--ux-panel2:#0c1523;--ux-line:#30445f;--ux-text:#e8f0fb;--ux-muted:#9fb0c7}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.item:focus-visible,.struct-item:focus-visible{outline:2px solid var(--ux-focus)!important;outline-offset:2px!important}
.tool,.canvas-toolbar button,.canvas-bottom-tools button,.bottom-tabs button,.coverage-results-actions button,.coverage-results-tabs button{transition:background .12s ease,border-color .12s ease,color .12s ease,transform .06s ease!important}
.tool:active,.canvas-toolbar button:active,.canvas-bottom-tools button:active{transform:translateY(1px)}
/* Cleaner engineering ribbon: flatter, denser, less decorative. */
.titlebar{height:42px!important;box-shadow:none!important;background:#091321!important;border-bottom:1px solid #263750!important}
.ribbon{box-shadow:none!important}.tools{box-shadow:none!important}.tool{box-shadow:none!important;border-color:#2a3a52!important;background:#101a2a!important}
.tool:hover{background:#17263d!important;border-color:#4e79ad!important}.tool.tool-active{background:#17365f!important;border-color:#5a91d6!important;color:#b9d8ff!important}
.tool small{letter-spacing:.01em}.tool-sep{opacity:.65}.tool .ux-svg{width:18px;height:18px;display:block;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tool .ux-svg-fill{fill:currentColor;stroke:none}
/* Make calculation the clear primary workflow action. */
[data-action="runCheck"]{background:#1d5f43!important;border-color:#3b936d!important;color:#effff7!important}
[data-action="runCheck"] small{color:#effff7!important;font-weight:800!important}
[data-action="runCheck"]:hover{background:#257653!important;border-color:#61b28d!important}
/* Selection is blue; red is reserved for warnings/failures. Canvas overlay draws the actual highlight. */
#canvas{cursor:default}.ux-pan-active #canvas{cursor:grab}.ux-pan-active #canvas:active{cursor:grabbing}
/* Mode pill makes interaction intent explicit. */
#uxModePill{position:absolute;left:12px;top:10px;z-index:16;display:flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid #38506d;border-radius:7px;background:rgba(8,18,31,.94);color:#dbe9fa;font-size:11px;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.2);pointer-events:none}
#uxModePill .dot{width:8px;height:8px;border-radius:50%;background:#69a7ff;box-shadow:0 0 0 3px rgba(105,167,255,.14)}
#uxModePill[data-mode="Pan"] .dot{background:#f0b35b;box-shadow:0 0 0 3px rgba(240,179,91,.14)}
/* Collapsible side panels and focus-canvas mode. */
.panel>.ux-panel-collapse{position:absolute;top:6px;right:7px;width:26px;height:24px;border:1px solid var(--line);border-radius:5px;background:#132036;color:#b9c7da;z-index:4}
.panel{position:relative}.main.ux-left-collapsed{grid-template-columns:42px 1fr 310px}.main.ux-right-collapsed{grid-template-columns:250px 1fr 42px}.main.ux-left-collapsed.ux-right-collapsed{grid-template-columns:42px 1fr 42px}
.main.ux-left-collapsed>.library>*:not(.ux-panel-collapse),.main.ux-right-collapsed>.properties>*:not(.ux-panel-collapse){visibility:hidden}
.app.ux-focus-canvas .ribbon,.app.ux-focus-canvas .library,.app.ux-focus-canvas .properties{display:none!important}.app.ux-focus-canvas .main{grid-template-columns:1fr!important;padding:6px!important}
/* Professional object library affordance. */
.item{cursor:pointer!important}.item small{line-height:1.3}.item[data-type]:after{content:'+';margin-left:auto;width:20px;height:20px;border:1px solid #36506f;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#8ebcff;font-weight:800;opacity:.75}.item:hover:after{opacity:1;background:#17365f}
/* Results palette: darker shell, persistent/minimizable, clearer tabs. */
.coverage-results-drawer{background:#0f1928!important;border-color:#344b69!important;box-shadow:0 24px 64px rgba(0,0,0,.46)!important}
.coverage-results-head{background:#0c1624!important;border-bottom-color:#30445f!important}.coverage-results-title{color:#edf4ff!important;font-size:13.5px!important}
.coverage-results-actions button{background:#142239!important;color:#d7e4f5!important;border-color:#38506d!important}.coverage-results-tabs{background:#111c2c!important;border-bottom-color:#30445f!important}.coverage-results-tabs button{color:#aebed3!important}.coverage-results-tabs button.active{background:#17365f!important;color:#b9d8ff!important}
.coverage-results-drawer.ux-minimized{height:44px!important;min-height:44px!important;resize:none!important}.coverage-results-drawer.ux-minimized .coverage-results-tabs,.coverage-results-drawer.ux-minimized .coverage-results-body{display:none!important}
.coverage-results-body{background:#fff!important;color:#111!important}
/* Accessible tabs and compact status. */
[role="tab"][aria-selected="true"]{box-shadow:inset 0 -2px 0 #69a7ff}
.statusbar{font-size:11px!important;backdrop-filter:blur(4px)}
/* Hide low-value clutter when space is constrained. */
@media(max-width:1180px){.tool{min-width:48px!important}.tool small{font-size:9.5px!important}.main{gap:6px!important;padding:6px!important}}
@media(max-width:900px){#uxModePill{top:48px}.main{grid-template-columns:1fr!important}.library{display:none}.properties{display:none!important}.canvas-wrap{min-height:480px}.coverage-results-drawer{left:8px!important;right:auto!important;width:calc(100vw - 16px)!important;max-width:none!important}}