/* UAW Playground v2
   A compact, pragmatic application surface layered over the existing editors. */

:root {
    --uaw-font-ui: "Source Sans 3", "Segoe UI", sans-serif;
    --uaw-font-code: "IBM Plex Mono", "SFMono-Regular", monospace;
    --uaw-blue: #126ca8;
    --uaw-blue-strong: #0b5c91;
    --uaw-blue-soft: #e7f1f8;
    --uaw-blue-800: #0b5c91;
    --uaw-blue-700: #126ca8;
    --uaw-blue-600: #2b7daf;
    --uaw-blue-50: #e7f1f8;
    --uaw-slate-950: #20272e;
    --uaw-slate-900: #29323a;
    --uaw-slate-800: #35414c;
    --uaw-slate-700: #4c5b67;
    --uaw-slate-600: #657580;
    --uaw-slate-500: #81909a;
    --uaw-slate-400: #a4b0b8;
    --uaw-slate-300: #cbd3d9;
    --uaw-slate-200: #dce2e6;
    --uaw-slate-150: #e7ebee;
    --uaw-slate-100: #f1f3f5;
    --uaw-slate-50: #f7f8f9;
    --uaw-white: #fff;
    --uaw-success: #177245;
    --uaw-warning: #9a6700;
    --uaw-danger: #b42318;
    --uaw-titlebar-height: 44px;
    --uaw-commandbar-height: 48px;
    --uaw-rail-width: 60px;
    --uaw-explorer-width: 228px;
    --uaw-inspector-width: 304px;
    --uaw-agent-width: 390px;
    --uaw-radius: 3px;
    --uaw-shadow-float: 0 12px 36px rgba(27, 39, 49, .18), 0 2px 6px rgba(27, 39, 49, .1);
}

/* v4 information architecture: one navigation rail, one contextual surface. */
body.uaw-v2 .uaw-workspace-grid,
body.uaw-v2[data-uaw-workspace="build"].uaw-inspector-open .uaw-workspace-grid {
    grid-template-columns: minmax(0, 1fr) 0 !important;
}

body.uaw-v2[data-uaw-workspace="build"][data-model-view="physical"].uaw-inspector-open .uaw-workspace-grid,
body.uaw-v2[data-uaw-workspace="build"][data-model-view="digital"].uaw-inspector-open .uaw-workspace-grid,
body.uaw-v2[data-uaw-workspace="build"][data-model-view="displays"].uaw-inspector-open .uaw-workspace-grid {
    grid-template-columns: minmax(0, 1fr) var(--uaw-inspector-width) !important;
}

/* Environment editors always retain their properties panel. */
body.uaw-v2[data-uaw-workspace="build"][data-model-view="physical"] .uaw-workspace-grid,
body.uaw-v2[data-uaw-workspace="build"][data-model-view="digital"] .uaw-workspace-grid,
body.uaw-v2[data-uaw-workspace="build"][data-model-view="displays"] .uaw-workspace-grid {
    grid-template-columns: minmax(0, 1fr) var(--uaw-inspector-width) !important;
}

body.uaw-v2[data-uaw-workspace="build"][data-model-view="physical"] .uaw-inspector,
body.uaw-v2[data-uaw-workspace="build"][data-model-view="digital"] .uaw-inspector,
body.uaw-v2[data-uaw-workspace="build"][data-model-view="displays"] .uaw-inspector {
    opacity: 1;
    pointer-events: auto;
}

body.uaw-v2[data-uaw-workspace="build"][data-model-view="physical"] #uaw-toggle-inspector,
body.uaw-v2[data-uaw-workspace="build"][data-model-view="digital"] #uaw-toggle-inspector,
body.uaw-v2[data-uaw-workspace="build"][data-model-view="displays"] #uaw-toggle-inspector,
body.uaw-v2[data-uaw-workspace="build"][data-model-view="physical"] #uaw-close-inspector,
body.uaw-v2[data-uaw-workspace="build"][data-model-view="digital"] #uaw-close-inspector,
body.uaw-v2[data-uaw-workspace="build"][data-model-view="displays"] #uaw-close-inspector {
    display: none;
}

.uaw-explorer { display: none !important; }

body.uaw-v2[data-uaw-workspace="build"][data-model-view="objects"] #uaw-objects-view { display: block; }
body.uaw-v2[data-uaw-workspace="build"][data-model-view="objects"] .uaw-legacy-host { display: none; }
body.uaw-v2[data-uaw-workspace="build"][data-model-view="objects"] #uaw-toggle-inspector { display: none; }

.uaw-commandbar { overflow: visible; }
.uaw-commandbar__identity {
    flex: 0 0 180px;
    width: 180px;
    min-width: 180px;
    overflow: hidden;
}
.uaw-commandbar__identity span { max-width: 158px; }
.uaw-commandbar__commands--primary { flex: 0 1 auto; overflow: visible; }
.uaw-commandbar__commands--end { flex: 0 0 auto; }
.uaw-commandbar .uaw-segmented { max-width: 100%; }

body.uaw-agent-open .uaw-workarea {
    margin-right: var(--uaw-agent-width);
}
body.uaw-agent-open .uaw-agent-drawer { left: auto; right: 0; }
.uaw-workarea { transition: margin-right 180ms cubic-bezier(.2,.8,.2,1); }

/* Object catalogue and preset command menu. */
.uaw-object-add-control { position: relative; display: inline-flex; }
.uaw-object-add-menu {
    position: absolute;
    top: calc(100% + 5px);
    right: 0;
    z-index: 300;
    width: 310px;
    padding: 5px;
    background: var(--uaw-white);
    border: 1px solid #82919b;
    box-shadow: var(--uaw-shadow-float);
}
.uaw-object-add-menu[hidden] { display: none; }
.uaw-object-add-menu > button {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 48px;
    padding: 6px 8px;
    color: var(--uaw-slate-900) !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    text-align: left;
}
.uaw-object-add-menu > button:hover,
.uaw-object-add-menu > button:focus-visible { background: var(--uaw-blue-soft) !important; border-color: #bfd8e7 !important; }
.uaw-object-add-menu button > span:last-child { display: grid; gap: 2px; }
.uaw-object-add-menu small { color: var(--uaw-slate-600); font-size: 11px; }
.uaw-menu-separator { margin: 5px -5px; padding: 6px 12px 1px; border-top: 1px solid var(--uaw-slate-200); color: var(--uaw-slate-600); font-size: 10px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.uaw-object-toolbar { display: flex; gap: 7px; padding: 8px 12px; border-bottom: 1px solid var(--uaw-slate-200); background: var(--uaw-slate-50); }
.uaw-object-toolbar label { flex: 1; }
.uaw-object-toolbar input,
.uaw-object-toolbar select { width: 100%; height: 30px; padding: 0 8px; border: 1px solid var(--uaw-slate-300); background: white; }
.uaw-object-toolbar select { width: 170px; }
.uaw-object-name { display: flex; align-items: center; gap: 10px; }
.uaw-object-name > span:last-child { display: grid; gap: 2px; }
.uaw-object-name code { color: var(--uaw-slate-600); font: 11px var(--uaw-font-code); }
.uaw-type-pill { padding: 2px 6px; color: #385262; background: #e7ecef; border: 1px solid #c4d0d6; font: 10px var(--uaw-font-code); text-transform: uppercase; }

/* Source split is user-sized and never steals table columns. */
.uaw-source-resizer { display: none; position: absolute; z-index: 70; background: transparent; }
body[data-source-dock="split-left"] .uaw-source-resizer,
body[data-source-dock="split-right"] .uaw-source-resizer { display: block; top: 0; bottom: 0; left: calc(var(--uaw-source-split, 52%) - 4px); width: 8px; cursor: col-resize; }
body[data-source-dock="split-bottom"] .uaw-source-resizer { display: block; left: 0; right: 0; top: calc(var(--uaw-source-split, 62%) - 4px); height: 8px; cursor: row-resize; }
.uaw-source-resizer::after { content: ""; position: absolute; inset: 0 3px; background: var(--uaw-slate-300); }
body[data-source-dock="split-bottom"] .uaw-source-resizer::after { inset: 3px 0; }
.uaw-source-resizer:hover::after,
.uaw-source-resizer:focus-visible::after,
body.uaw-resizing-source .uaw-source-resizer::after { background: var(--uaw-blue); }
body.uaw-resizing-source { cursor: col-resize; user-select: none; }
body.uaw-v2[data-uaw-workspace="build"][data-model-view="process"][data-source-dock="split-left"] .uaw-legacy-host { right: calc(100% - var(--uaw-source-split, 52%)); }
body.uaw-v2[data-uaw-workspace="build"][data-model-view="process"][data-source-dock="split-left"] #uaw-process-view { left: var(--uaw-source-split, 52%); }
body.uaw-v2[data-uaw-workspace="build"][data-model-view="process"][data-source-dock="split-right"] .uaw-legacy-host { left: var(--uaw-source-split, 52%); }
body.uaw-v2[data-uaw-workspace="build"][data-model-view="process"][data-source-dock="split-right"] #uaw-process-view { right: calc(100% - var(--uaw-source-split, 52%)); }
body.uaw-v2[data-uaw-workspace="build"][data-model-view="process"][data-source-dock="split-bottom"] .uaw-legacy-host { top: var(--uaw-source-split, 62%); }
body.uaw-v2[data-uaw-workspace="build"][data-model-view="process"][data-source-dock="split-bottom"] #uaw-process-view { bottom: calc(100% - var(--uaw-source-split, 62%)); }
.uaw-process-table-wrap { max-width: 100%; overflow: auto; }
.uaw-process-table { min-width: 860px; }

/* Combined Simulate / Problems / Rules workspace. */
body.uaw-v2[data-uaw-workspace="run"] .playground-top,
body.uaw-v2[data-uaw-workspace="run"] .playground-bottom { display: none !important; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="problems"] .playground-bottom { display: block !important; height: 100% !important; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="problems"] .validation-header { min-height: 44px; cursor: default; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="problems"] .validation-content { height: calc(100% - 44px); }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="rules"] .playground-top { display: flex !important; height: 100% !important; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="rules"] .metrics-mode-layout,
body.uaw-v2[data-uaw-workspace="run"][data-run-view="rules"] .metrics-editor-panel { display: flex !important; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="rules"] .standard-mode-layout { display: none !important; }

/* Entity dialogs use a stable header/body/footer layout. */
.uaw-v2 .uaw-entity-dialog { width: min(720px, calc(100vw - 48px)); max-height: min(820px, calc(100vh - 48px)); padding: 0; overflow: hidden; background: #f7f8f9; }
.uaw-v2 .uaw-dialog-header { padding: 16px 20px 14px; color: white; background: #29343c; border-bottom: 1px solid #12191e; }
.uaw-v2 .uaw-dialog-header .uaw-eyebrow { margin: 0 0 4px; color: #84bad9; }
.uaw-v2 .uaw-dialog-header h3 { margin: 0; color: white; font-size: 19px; }
.uaw-v2 .uaw-dialog-header > p:last-child { margin: 5px 0 0; color: #c4cdd2; font-size: 12px; }
.uaw-v2 .uaw-entity-dialog .modal-content,
.uaw-v2 .uaw-export-dialog .local-save-name { max-height: calc(100vh - 190px); overflow: auto; padding: 18px 20px; }
.uaw-v2 .uaw-entity-dialog .form-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; }
.uaw-v2 .uaw-entity-dialog .form-group { min-width: 0; margin-bottom: 14px; }
.uaw-v2 .uaw-entity-dialog label,
.uaw-v2 .uaw-export-dialog label { display: block; margin-bottom: 5px; color: #44545f; font-size: 11px; font-weight: 700; letter-spacing: .02em; }
.uaw-v2 .uaw-entity-dialog input,
.uaw-v2 .uaw-entity-dialog select,
.uaw-v2 .uaw-entity-dialog textarea,
.uaw-v2 .uaw-export-dialog input[type="text"] { width: 100%; min-height: 34px; padding: 6px 8px; background: white; border: 1px solid #aeb9c0; border-radius: 2px; }
.uaw-v2 .uaw-entity-dialog .field-help,
.uaw-v2 .uaw-entity-dialog .field-hint { display: block; margin-top: 4px; color: #697983; font-size: 10px; }
.uaw-v2 .uaw-entity-dialog .dialog-buttons,
.uaw-v2 .uaw-export-dialog .dialog-buttons { margin: 0; padding: 10px 16px; background: #eceff1; border-top: 1px solid #c5cdd2; }

.uaw-confirm-dialog[hidden] { display: none; }
.uaw-confirm-dialog { position: fixed; inset: 0; z-index: 1200; display: grid; place-items: center; }
.uaw-confirm-card { position: relative; width: min(430px, calc(100vw - 40px)); padding: 20px; background: white; border: 1px solid #778792; box-shadow: var(--uaw-shadow-float); }
.uaw-confirm-card h2 { margin: 3px 0 8px; font-size: 20px; }
.uaw-confirm-card > p:not(.uaw-eyebrow) { color: var(--uaw-slate-700); line-height: 1.5; }
.uaw-confirm-card > div { display: flex; justify-content: flex-end; gap: 7px; margin-top: 18px; }
.uaw-confirm-card button { min-height: 31px; padding: 0 11px; border: 1px solid var(--uaw-slate-300); background: white; }
.uaw-confirm-card .uaw-danger-button { color: white; background: var(--uaw-danger); border-color: #8f1b13; }

/* Compact onboarding, sized like a helper panel rather than a billboard. */
.uaw-onboarding { min-height: 0 !important; padding: 12px 46px 12px 14px !important; gap: 24px !important; }
.uaw-onboarding > div { min-width: 230px; }
.uaw-onboarding h2 { margin: 2px 0 !important; font-size: 16px !important; }
/* Simulation run room
   Simulation is a read-only operational walkthrough. The modelling timeline stays
   mounted for state calculation, but the run surface is purpose-built around
   scenes, handoffs and state transitions. */
body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] #uaw-simulate-view {
    display: block !important;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .uaw-legacy-host,
body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] #uaw-playback-commands {
    display: none !important;
}

body.uaw-v2[data-uaw-workspace="run"] #uaw-toggle-inspector {
    display: none !important;
}

#uaw-simulate-view {
    --run-ink: #112d2b;
    --run-ink-soft: #2c4541;
    --run-paper: #f3efdf;
    --run-paper-light: #fbf8ee;
    --run-rule: #bdb6a1;
    --run-signal: #f05a36;
    --run-signal-dark: #c43f20;
    --run-mint: #8dd8cb;
    --run-mint-dark: #2e776e;
    --run-yellow: #f2c94c;
    padding: 0;
    color: var(--run-ink);
    background:
        linear-gradient(rgba(17,45,43,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(17,45,43,.035) 1px, transparent 1px),
        var(--run-paper);
    background-size: 24px 24px;
}

.uaw-runroom {
    min-height: 100%;
    padding: clamp(22px, 3vw, 46px) clamp(20px, 4vw, 64px) 104px;
    font-family: "Source Sans 3", sans-serif;
}

.uaw-runroom--empty {
    display: grid;
    place-content: center;
    justify-items: start;
    min-height: 100%;
    padding: clamp(32px, 7vw, 100px);
    background: var(--run-ink);
    color: var(--run-paper-light);
}

.uaw-runroom--empty::after {
    position: absolute;
    right: 7vw;
    bottom: 6vh;
    width: min(42vw, 520px);
    height: min(42vw, 520px);
    border: 1px solid rgba(141,216,203,.35);
    border-radius: 50%;
    box-shadow: inset 0 0 0 42px var(--run-ink), inset 0 0 0 43px rgba(141,216,203,.2), inset 0 0 0 90px var(--run-ink), inset 0 0 0 91px rgba(141,216,203,.15);
    content: "";
    pointer-events: none;
}

.uaw-runroom-empty__mark {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    margin-bottom: 28px;
    color: var(--run-ink);
    background: var(--run-signal);
    border-radius: 50%;
    font-size: 20px;
}

.uaw-runroom--empty h1 {
    max-width: 680px;
    margin: 8px 0 12px;
    font: 700 clamp(42px, 6vw, 86px)/.94 Georgia, serif;
    letter-spacing: -.045em;
}

.uaw-runroom--empty > p:not(.uaw-runroom-kicker) {
    max-width: 540px;
    margin: 0 0 26px;
    color: #c7d8d2;
    font-size: 17px;
    line-height: 1.55;
}

.uaw-runroom-action {
    min-height: 42px;
    padding: 0 18px;
    color: var(--run-ink);
    background: var(--run-mint);
    border: 1px solid var(--run-mint);
    font-weight: 700;
}

.uaw-runroom-kicker {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 10px;
    color: var(--run-signal-dark);
    font: 700 10px/1 var(--uaw-font-code);
    letter-spacing: .16em;
}

.uaw-runroom-kicker::before {
    width: 28px;
    height: 3px;
    background: currentColor;
    content: "";
}

.uaw-runroom-kicker span {
    padding: 4px 6px 3px;
    color: var(--run-paper-light);
    background: var(--run-ink);
    letter-spacing: .08em;
}

.uaw-runroom-masthead {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 28%);
    align-items: end;
    gap: clamp(28px, 5vw, 84px);
    max-width: 1540px;
    margin: 0 auto;
    padding-bottom: clamp(26px, 4vw, 48px);
    border-bottom: 2px solid var(--run-ink);
}

.uaw-runroom-masthead h1 {
    max-width: 960px;
    margin: 0;
    font: 700 clamp(38px, 5.4vw, 82px)/.95 Georgia, serif;
    letter-spacing: -.048em;
}

.uaw-runroom-deck {
    max-width: 720px;
    margin: 20px 0 0;
    color: var(--run-ink-soft);
    font-size: clamp(15px, 1.35vw, 19px);
    line-height: 1.48;
}

.uaw-runroom-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 20px;
    margin-top: 25px;
    color: var(--run-ink-soft);
    font: 600 10px var(--uaw-font-code);
    letter-spacing: .04em;
    text-transform: uppercase;
}

.uaw-runroom-meta span {
    position: relative;
}

.uaw-runroom-meta span + span::before {
    position: absolute;
    left: -12px;
    color: var(--run-signal);
    content: "/";
}

.uaw-runroom-clock {
    position: relative;
    padding: 18px 20px 20px;
    overflow: hidden;
    color: var(--run-paper-light);
    background: var(--run-ink);
    box-shadow: 8px 8px 0 var(--run-mint);
}

.uaw-runroom-clock::after {
    position: absolute;
    top: -30px;
    right: -12px;
    width: 110px;
    height: 110px;
    border: 20px solid rgba(141,216,203,.14);
    border-radius: 50%;
    content: "";
}

.uaw-runroom-clock__label {
    position: relative;
    z-index: 1;
    color: var(--run-mint);
    font: 600 9px var(--uaw-font-code);
    letter-spacing: .14em;
}

.uaw-runroom-clock strong {
    position: relative;
    z-index: 1;
    display: block;
    margin: 4px 0 14px;
    font: 600 clamp(38px, 5vw, 70px)/1 var(--uaw-font-code);
    letter-spacing: -.08em;
}

.uaw-runroom-status {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #d7e1dd;
    font-size: 11px;
    font-weight: 600;
}

.uaw-runroom-status i {
    width: 8px;
    height: 8px;
    background: var(--run-yellow);
    border-radius: 50%;
}

.uaw-runroom-status.is-live i {
    background: var(--run-signal);
    box-shadow: 0 0 0 5px rgba(240,90,54,.18);
    animation: uaw-run-pulse 1.5s ease-in-out infinite;
}

.uaw-runroom-status.is-complete i { background: var(--run-mint); }

@keyframes uaw-run-pulse {
    50% { box-shadow: 0 0 0 9px rgba(240,90,54,0); }
}

.uaw-runroom-story,
.uaw-runroom-board {
    max-width: 1540px;
    margin-right: auto;
    margin-left: auto;
}

.uaw-runroom-story {
    padding: clamp(26px, 4vw, 50px) 0 34px;
}

.uaw-runroom-section-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 16px;
}

.uaw-runroom-section-heading > div {
    display: flex;
    align-items: baseline;
    gap: 11px;
}

.uaw-runroom-section-heading > div > span {
    color: var(--run-signal-dark);
    font: 700 11px var(--uaw-font-code);
}

.uaw-runroom-section-heading h2,
.uaw-runroom-aside-heading h2 {
    margin: 0;
    color: var(--run-ink);
    font: 700 22px/1.05 Georgia, serif;
    letter-spacing: -.02em;
}

.uaw-runroom-section-heading > p {
    margin: 0;
    color: #635f53;
    font-size: 11px;
}

.uaw-runroom-scenes {
    display: flex;
    gap: 0;
    overflow-x: auto;
    padding: 0 0 12px;
    scrollbar-color: var(--run-ink) transparent;
    scrollbar-width: thin;
}

.uaw-runroom-scene {
    position: relative;
    display: grid;
    flex: 0 0 190px;
    grid-template-columns: 34px 1fr;
    grid-template-rows: auto 1fr auto;
    gap: 7px 10px;
    min-height: 126px;
    padding: 15px 16px 14px;
    color: var(--run-ink);
    background: rgba(251,248,238,.72);
    border: 1px solid var(--run-rule);
    border-right: 0;
    text-align: left;
    transition: background 140ms ease, color 140ms ease, transform 140ms ease;
}

.uaw-runroom-scene:last-child { border-right: 1px solid var(--run-rule); }
.uaw-runroom-scene:hover { z-index: 2; background: var(--run-paper-light); transform: translateY(-3px); }
.uaw-runroom-scene:focus-visible { z-index: 3; outline: 3px solid var(--run-signal); outline-offset: -3px; }

.uaw-runroom-scene::before {
    position: absolute;
    top: -1px;
    right: -1px;
    left: -1px;
    height: 4px;
    background: transparent;
    content: "";
}

.uaw-runroom-scene.is-complete::before { background: var(--run-mint-dark); }
.uaw-runroom-scene.is-complete { color: #52635f; background: rgba(221,229,217,.65); }
.uaw-runroom-scene.is-active { z-index: 2; color: var(--run-paper-light); background: var(--run-signal); border-color: var(--run-signal-dark); transform: translateY(-3px); }
.uaw-runroom-scene.is-active::before { background: var(--run-ink); }

.uaw-runroom-scene__index {
    grid-row: 1 / span 2;
    color: var(--run-signal-dark);
    font: 700 18px var(--uaw-font-code);
}

.uaw-runroom-scene.is-active .uaw-runroom-scene__index { color: var(--run-ink); }
.uaw-runroom-scene__time { font: 700 10px var(--uaw-font-code); letter-spacing: .04em; }
.uaw-runroom-scene strong { align-self: start; font: 700 14px/1.18 "Source Sans 3", sans-serif; }
.uaw-runroom-scene small { grid-column: 2; align-self: end; overflow: hidden; opacity: .72; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }

.uaw-runroom-board {
    display: grid;
    grid-template-columns: minmax(420px, 1.45fr) minmax(240px, .72fr) minmax(250px, .78fr);
    min-height: 410px;
    border-top: 2px solid var(--run-ink);
    border-bottom: 2px solid var(--run-ink);
}

.uaw-runroom-now,
.uaw-runroom-next,
.uaw-runroom-ledger {
    min-width: 0;
    padding: clamp(20px, 2.4vw, 34px);
}

.uaw-runroom-now { padding-left: 0; }
.uaw-runroom-next,
.uaw-runroom-ledger { border-left: 1px solid var(--run-ink); }
.uaw-runroom-ledger { padding-right: 0; }

.uaw-runroom-active {
    display: grid;
    gap: 14px;
}

.uaw-runroom-active-card {
    display: grid;
    grid-template-columns: 84px minmax(0, 1fr) auto;
    min-height: 154px;
    overflow: hidden;
    color: var(--run-paper-light);
    background: var(--run-ink);
    box-shadow: 7px 7px 0 rgba(46,119,110,.65);
}

.uaw-runroom-active-card__signal {
    position: relative;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: var(--run-signal);
    font-size: 31px;
}

.uaw-runroom-active-card__signal i {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 5px;
    background: linear-gradient(90deg, var(--run-paper-light) var(--task-progress), rgba(255,255,255,.22) var(--task-progress));
}

.uaw-runroom-active-card__body { padding: 21px 22px; }
.uaw-runroom-active-card__meta { display: flex; justify-content: space-between; gap: 12px; color: var(--run-mint); font: 600 9px var(--uaw-font-code); letter-spacing: .08em; }
.uaw-runroom-active-card__meta b { color: #a9bbb5; font-weight: 500; letter-spacing: 0; }
.uaw-runroom-active-card h3 { margin: 13px 0 4px; color: white; font: 700 clamp(23px, 2.1vw, 34px)/1.03 Georgia, serif; letter-spacing: -.03em; }
.uaw-runroom-active-card__body > p { margin: 0; color: #bac9c4; font-size: 12px; }
.uaw-runroom-interactions { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 18px; }
.uaw-runroom-interactions span { padding: 4px 7px; color: #d8e7e2; border: 1px solid #4d6862; font: 500 9px var(--uaw-font-code); }
.uaw-runroom-active-card__percent { align-self: center; padding: 20px; color: var(--run-mint); font: 500 42px/1 var(--uaw-font-code); letter-spacing: -.06em; }
.uaw-runroom-active-card__percent small { font-size: 12px; letter-spacing: 0; }

.uaw-runroom-idle {
    display: flex;
    align-items: center;
    gap: 22px;
    min-height: 190px;
    padding: 30px;
    background: rgba(251,248,238,.62);
    border: 1px dashed #817c6e;
}

.uaw-runroom-idle > span {
    display: grid;
    place-items: center;
    flex: 0 0 68px;
    width: 68px;
    height: 68px;
    color: var(--run-signal-dark);
    border: 2px solid currentColor;
    border-radius: 50%;
    font: 500 26px var(--uaw-font-code);
}

.uaw-runroom-idle.is-complete > span { color: var(--run-mint-dark); }
.uaw-runroom-idle p { margin: 0 0 5px; color: var(--run-signal-dark); font: 700 9px var(--uaw-font-code); letter-spacing: .1em; text-transform: uppercase; }
.uaw-runroom-idle h3 { margin: 0 0 8px; font: 700 23px/1.1 Georgia, serif; }
.uaw-runroom-idle small { color: #615f56; font-size: 11px; }

.uaw-runroom-aside-heading {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
}

.uaw-runroom-aside-heading > span { color: var(--run-signal-dark); font: 700 8px var(--uaw-font-code); letter-spacing: .1em; }

.uaw-runroom-queue {
    margin: 0;
    padding: 0;
    list-style: none;
}

.uaw-runroom-queue li { border-top: 1px solid var(--run-rule); }
.uaw-runroom-queue li:last-child { border-bottom: 1px solid var(--run-rule); }
.uaw-runroom-queue button {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 13px 0;
    color: var(--run-ink);
    background: transparent;
    border: 0;
    text-align: left;
}

.uaw-runroom-queue button:hover strong { color: var(--run-signal-dark); }
.uaw-runroom-queue button > span { color: var(--run-signal-dark); font: 700 8px var(--uaw-font-code); }
.uaw-runroom-queue button div { display: grid; gap: 2px; min-width: 0; }
.uaw-runroom-queue strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.uaw-runroom-queue small { overflow: hidden; color: #716d60; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.uaw-runroom-queue time { font: 600 10px var(--uaw-font-code); }

.uaw-runroom-ledger__stamp {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 10px;
    color: var(--run-paper-light);
    background: var(--run-ink);
    font: 600 9px var(--uaw-font-code);
}

.uaw-runroom-ledger__stamp time { color: var(--run-mint); }
.uaw-runroom-ledger__group { padding: 15px 0 12px; border-bottom: 1px solid var(--run-rule); }
.uaw-runroom-ledger__group h3 { margin: 0 0 9px; color: #716d60; font: 700 8px var(--uaw-font-code); letter-spacing: .1em; text-transform: uppercase; }
.uaw-runroom-ledger__group p { display: flex; align-items: center; gap: 9px; margin: 7px 0; }
.uaw-runroom-ledger__group p > i { flex: 0 0 8px; width: 8px; height: 8px; background: var(--run-yellow); border-radius: 50%; }
.uaw-runroom-ledger__group p > i.is-actor { background: var(--run-mint-dark); }
.uaw-runroom-ledger__group p > span { display: grid; min-width: 0; }
.uaw-runroom-ledger__group strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.uaw-runroom-ledger__group small { color: #716d60; font-size: 9px; text-transform: capitalize; }
.uaw-runroom-ledger__group ul { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
.uaw-runroom-ledger__group li { position: relative; padding-left: 13px; font-size: 10px; line-height: 1.3; }
.uaw-runroom-ledger__group li::before { position: absolute; left: 0; color: var(--run-signal-dark); content: "↳"; }
.uaw-runroom-muted { color: #777265; font-size: 10px; font-style: italic; }

.uaw-runroom-transport {
    position: sticky;
    z-index: 30;
    bottom: 0;
    display: grid;
    grid-template-columns: 36px 94px 36px minmax(140px, 1fr) auto auto;
    align-items: center;
    gap: 9px;
    max-width: 1540px;
    min-height: 66px;
    margin: 28px auto -80px;
    padding: 10px 14px;
    color: white;
    background: var(--run-ink);
    border: 1px solid #061a18;
    box-shadow: 0 12px 34px rgba(17,45,43,.28);
}

.uaw-runroom-step,
.uaw-runroom-play,
.uaw-runroom-speed button {
    min-height: 34px;
    color: white;
    background: transparent;
    border: 1px solid #49635e;
}

.uaw-runroom-step:hover,
.uaw-runroom-speed button:hover { background: #24423e; }
.uaw-runroom-play { display: flex; align-items: center; justify-content: center; gap: 8px; color: var(--run-ink); background: var(--run-mint); border-color: var(--run-mint); }
.uaw-runroom-play.is-playing { color: white; background: var(--run-signal); border-color: var(--run-signal); }
.uaw-runroom-play b { font-size: 11px; }
.uaw-runroom-scrubber { position: relative; display: flex; align-items: center; min-width: 0; height: 34px; }
.uaw-runroom-scrubber input { position: relative; z-index: 2; width: 100%; height: 22px; margin: 0; opacity: 0; cursor: ew-resize; }
.uaw-runroom-scrubber::before,
.uaw-runroom-scrubber i { position: absolute; top: 15px; right: 0; left: 0; height: 3px; content: ""; }
.uaw-runroom-scrubber::before { background: #58706b; }
.uaw-runroom-scrubber i { right: auto; width: var(--run-progress, 0%); background: var(--run-signal); pointer-events: none; }
.uaw-runroom-scrubber i::after { position: absolute; top: -5px; right: -6px; width: 12px; height: 12px; background: var(--run-paper-light); border: 3px solid var(--run-signal); border-radius: 50%; content: ""; }
.uaw-runroom-speed { display: flex; gap: 3px; }
.uaw-runroom-speed button { min-width: 34px; padding: 0 6px; font: 600 9px var(--uaw-font-code); }
.uaw-runroom-speed button.active { color: var(--run-ink); background: var(--run-paper-light); border-color: var(--run-paper-light); }
.uaw-runroom-endtime { padding-left: 5px; color: #9db0aa; font: 600 9px var(--uaw-font-code); white-space: nowrap; }

@media (max-width: 1120px) {
    .uaw-runroom-masthead { grid-template-columns: minmax(0, 1fr) 250px; }
    .uaw-runroom-board { grid-template-columns: minmax(400px, 1.4fr) minmax(230px, .8fr); }
    .uaw-runroom-ledger { grid-column: 1 / -1; padding-right: 0; padding-left: 0; border-top: 1px solid var(--run-ink); border-left: 0; }
    .uaw-runroom-ledger__body { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 24px; }
    .uaw-runroom-ledger__stamp { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
    .uaw-runroom { padding: 22px 18px 94px; }
    .uaw-runroom-masthead { grid-template-columns: 1fr; align-items: stretch; gap: 24px; }
    .uaw-runroom-masthead h1 { font-size: clamp(36px, 12vw, 58px); }
    .uaw-runroom-clock { max-width: none; box-shadow: 5px 5px 0 var(--run-mint); }
    .uaw-runroom-section-heading { align-items: start; flex-direction: column; gap: 4px; }
    .uaw-runroom-scene { flex-basis: 168px; }
    .uaw-runroom-board { display: block; }
    .uaw-runroom-now { padding-right: 0; }
    .uaw-runroom-next,
    .uaw-runroom-ledger { padding-right: 0; padding-left: 0; border-top: 1px solid var(--run-ink); border-left: 0; }
    .uaw-runroom-active-card { grid-template-columns: 58px minmax(0, 1fr); }
    .uaw-runroom-active-card__percent { display: none; }
    .uaw-runroom-ledger__body { display: block; }
    .uaw-runroom-transport { grid-template-columns: 34px 82px 34px minmax(90px, 1fr); margin-bottom: -72px; }
    .uaw-runroom-speed,
    .uaw-runroom-endtime { display: none; }
}

/* Entity creation — compact, progressive forms aligned with the reset shell. */
body.uaw-v2 #add-task-modal,
body.uaw-v2 #add-object-modal {
    background: rgba(20, 29, 43, .56);
    backdrop-filter: blur(2px);
}

body.uaw-v2 #add-task-modal .uaw-entity-dialog,
body.uaw-v2 #add-object-modal .uaw-entity-dialog {
    display: flex;
    flex-direction: column;
    width: min(680px, calc(100vw - 40px)) !important;
    max-height: min(760px, calc(100vh - 40px));
    color: #172033;
    background: #fff;
    border: 1px solid #cfd6e1;
    border-radius: 10px;
    box-shadow: 0 24px 64px rgba(15, 23, 42, .24), 0 3px 12px rgba(15, 23, 42, .12);
}

body.uaw-v2 #add-object-modal .uaw-entity-dialog { width: min(640px, calc(100vw - 40px)) !important; }

body.uaw-v2 #add-task-modal .uaw-dialog-header,
body.uaw-v2 #add-object-modal .uaw-dialog-header {
    padding: 18px 22px 15px;
    color: #172033;
    background: #fff;
    border: 0;
    border-bottom: 1px solid #e3e8ef;
}

body.uaw-v2 #add-task-modal .uaw-dialog-header h3,
body.uaw-v2 #add-object-modal .uaw-dialog-header h3 {
    margin: 0;
    color: #172033;
    font: 650 18px/1.2 "Geologica", "Source Sans 3", sans-serif;
    letter-spacing: -.025em;
}

body.uaw-v2 #add-task-modal .uaw-dialog-header > p:last-child,
body.uaw-v2 #add-object-modal .uaw-dialog-header > p:last-child {
    margin: 5px 0 0;
    color: #718096;
    font: 400 11px/1.4 "Source Sans 3", sans-serif;
}

body.uaw-v2 #add-task-modal .modal-content,
body.uaw-v2 #add-object-modal .modal-content {
    display: grid;
    flex: 1 1 auto;
    gap: 0;
    min-height: 0;
    padding: 0 22px !important;
    overflow: auto;
}

body.uaw-v2 .uaw-form-section {
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr);
    gap: 20px;
    padding: 17px 0 5px;
    border-bottom: 1px solid #e6eaf0;
}

body.uaw-v2 .uaw-form-section__heading h4,
body.uaw-v2 .interactions-section .section-header h4 {
    margin: 1px 0 0;
    color: #273248;
    font: 650 11px/1.35 "Geologica", "Source Sans 3", sans-serif;
    letter-spacing: -.01em;
}

body.uaw-v2 .uaw-form-section__heading p,
body.uaw-v2 .interactions-section .section-header p {
    margin: 4px 0 0;
    color: #8490a2;
    font: 400 9px/1.45 "Source Sans 3", sans-serif;
}

body.uaw-v2 .uaw-form-section > :not(.uaw-form-section__heading) { min-width: 0; }
body.uaw-v2 .uaw-entity-dialog .uaw-form-section .form-group { margin-bottom: 12px; }

body.uaw-v2 .uaw-task-identity-row { grid-template-columns: minmax(0, 1fr) 74px !important; }
body.uaw-v2 .uaw-object-identity-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 74px; gap: 10px; }
body.uaw-v2 .uaw-object-type-field { grid-column: 2; }
body.uaw-v2 .uaw-emoji-field input { text-align: center; font-size: 16px !important; }
body.uaw-v2 .uaw-optional-label { float: right; color: #98a2b3; font-size: 8px; font-weight: 500; text-transform: none; }

body.uaw-v2 .uaw-schedule-grid {
    display: grid;
    grid-template-columns: 105px 105px minmax(0, 1fr);
    gap: 10px;
}

body.uaw-v2 .uaw-form-section__heading:has(.time-input-toggle) {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

body.uaw-v2 .uaw-form-section__heading .time-input-toggle {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 0;
}

body.uaw-v2 .uaw-form-section__heading .time-input-toggle label {
    gap: 4px;
    color: #667085;
    font-size: 9px;
}

body.uaw-v2 .task-schedule-preview {
    display: grid;
    align-content: center;
    min-height: 36px;
    margin-bottom: 12px;
    padding: 5px 10px;
    color: #344054;
    background: #f6f8fb;
    border: 1px solid #e1e6ee;
    border-radius: 5px;
}

body.uaw-v2 .task-schedule-preview > span { color: #8792a4; font-size: 8px; font-weight: 650; letter-spacing: .04em; text-transform: uppercase; }
body.uaw-v2 .task-schedule-preview > strong { margin-top: 2px; font: 600 10px var(--uaw-font-code); }

body.uaw-v2 .uaw-dialog-disclosure { margin: 0; border-bottom: 1px solid #e6eaf0; }
body.uaw-v2 .uaw-dialog-disclosure > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 60px;
    padding: 10px 2px;
    color: #344054;
    cursor: pointer;
    list-style: none;
}
body.uaw-v2 .uaw-dialog-disclosure > summary::-webkit-details-marker { display: none; }
body.uaw-v2 .uaw-dialog-disclosure > summary::before {
    width: 14px;
    color: #667085;
    content: "+";
    font: 500 17px/1 var(--uaw-font-ui);
}
body.uaw-v2 .uaw-dialog-disclosure[open] > summary::before { content: "−"; }
body.uaw-v2 .uaw-dialog-disclosure > summary > span:first-of-type { display: grid; flex: 1; gap: 2px; }
body.uaw-v2 .uaw-dialog-disclosure > summary strong { font: 650 10px/1.35 "Geologica", "Source Sans 3", sans-serif; }
body.uaw-v2 .uaw-dialog-disclosure > summary small { color: #8490a2; font-size: 9px; }
body.uaw-v2 .uaw-disclosure-action { color: #8792a4; font-size: 8px; font-weight: 650; letter-spacing: .04em; text-transform: uppercase; }
body.uaw-v2 .uaw-dialog-disclosure__body { padding: 4px 0 16px 34px; }

body.uaw-v2 #object-type-specific-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 10px;
}
body.uaw-v2 #object-type-specific-fields:empty::before {
    grid-column: 1 / -1;
    margin: 2px 0 13px;
    color: #8792a4;
    font-size: 10px;
    content: "Choose a type to see its available details.";
}
body.uaw-v2 #object-type-specific-fields .custom-properties-section { grid-column: 1 / -1; }

body.uaw-v2 .uaw-entity-dialog .form-group.uaw-pristine .field-error { display: none; }
body.uaw-v2 .uaw-entity-dialog .form-group.uaw-pristine input.invalid,
body.uaw-v2 .uaw-entity-dialog .form-group.uaw-pristine select.invalid { border-color: #cbd3df; }
body.uaw-v2 .uaw-entity-dialog .form-group.uaw-pristine .validation-icon { display: none; }

body.uaw-v2 .uaw-entity-dialog .interactions-section { margin: 12px 0 0; padding: 14px 0 0; border: 0; border-top: 1px solid #e6eaf0; }
body.uaw-v2 .uaw-entity-dialog .interactions-section > .section-header { align-items: flex-start; margin-bottom: 10px; }
body.uaw-v2 .uaw-entity-dialog .interactions-section > .section-header .btn-secondary { flex: 0 0 auto; min-height: 28px; padding: 0 9px; }
body.uaw-v2 .uaw-entity-dialog .interaction-templates { display: flex; align-items: center; gap: 5px; padding: 0; background: transparent; border: 0; }
body.uaw-v2 .uaw-entity-dialog .interaction-templates small { margin-right: 3px; color: #8792a4; font-size: 9px; }
body.uaw-v2 .uaw-entity-dialog .btn-template { min-height: 25px; }

body.uaw-v2 .uaw-entity-dialog .interaction-group {
    margin-top: 10px;
    padding: 11px;
    background: #fafbfc;
    border: 1px solid #dde3eb;
    border-radius: 6px;
}

body.uaw-v2 #add-task-modal .dialog-buttons,
body.uaw-v2 #add-object-modal .dialog-buttons {
    padding: 11px 22px;
    background: #f8fafc;
    border-top-color: #e1e6ee;
}

body.uaw-v2 #add-task-modal .dialog-buttons .btn-primary,
body.uaw-v2 #add-object-modal .dialog-buttons .btn-primary { min-width: 92px; }

/* Inspector — one dense, full-width property sheet without nested cards. */
:root { --uaw-inspector-width: 322px; }

body.uaw-v2 .uaw-inspector {
    color: #243047;
    background: #fff;
    border-left-color: #d9e0e8;
}

body.uaw-v2 .uaw-inspector > .uaw-pane-header {
    height: 40px;
    padding: 0 12px;
    color: #344054;
    background: #f7f9fb;
    border-bottom-color: #dfe5ec;
    font: 650 10px "Geologica", "Source Sans 3", sans-serif;
    letter-spacing: .025em;
    text-transform: none;
}

body.uaw-v2 .uaw-inspector__content { height: calc(100% - 40px); background: #fff; }
body.uaw-v2 .uaw-inspector-context { display: none; }
body.uaw-v2 .uaw-live-inspector-panel { display: flex; flex-direction: column; min-height: 100%; }

body.uaw-v2 .uaw-live-inspector-panel .properties-panel-header {
    padding: 8px 12px;
    background: #fff;
    border: 0;
    border-bottom: 1px solid #e3e8ef;
}

body.uaw-v2 .uaw-live-inspector-panel .properties-panel-header-top { display: none; }
body.uaw-v2 .uaw-live-inspector-panel .layer-controls { gap: 8px; }
body.uaw-v2 .uaw-live-inspector-panel .layer-controls label { color: #7a879a; font-size: 9px; font-weight: 650; letter-spacing: .03em; text-transform: uppercase; }
body.uaw-v2 .uaw-live-inspector-panel .layer-controls select { height: 29px; padding: 0 8px; color: #344054; background: #fff; border-color: #d4dbe5; border-radius: 5px; font-size: 10px; }

body.uaw-v2 .uaw-live-inspector-panel #properties-panel-content,
body.uaw-v2 .uaw-live-inspector-panel #digital-properties-panel-content,
body.uaw-v2 .uaw-live-inspector-panel #display-properties-panel-content {
    flex: 0 0 auto;
    padding: 0 12px 12px;
    overflow: visible;
    background: #fff;
}

body.uaw-v2 .uaw-live-inspector-panel .placeholder,
body.uaw-v2 .uaw-live-inspector-panel .empty-state {
    display: grid;
    place-items: center;
    min-height: 118px;
    margin: 0;
    padding: 20px 16px;
    color: #8792a4;
    background: transparent;
    border: 0;
    border-radius: 0;
    font-size: 10px;
    font-style: normal;
    line-height: 1.55;
}

body.uaw-v2 .uaw-live-inspector-panel .prop-section {
    display: block;
    margin: 0;
    padding: 12px 0 3px;
    color: #344054;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #e5e9ef;
    border-radius: 0;
}

body.uaw-v2 .uaw-live-inspector-panel .prop-section:last-child { border-bottom: 0; }
body.uaw-v2 .uaw-live-inspector-panel .prop-section .section-label {
    margin: 0 0 9px;
    padding: 0;
    color: #667085;
    border: 0;
    font: 650 9px/1.3 "Source Sans 3", sans-serif;
    letter-spacing: .055em;
    text-transform: uppercase;
}

body.uaw-v2 .uaw-live-inspector-panel .prop-field { margin: 0; padding: 8px 0; }
body.uaw-v2 .uaw-live-inspector-panel .prop-field + .prop-field { border-top: 1px solid #f0f2f5; }
body.uaw-v2 .uaw-live-inspector-panel .prop-field label { margin-bottom: 4px; color: #445166; font-size: 9px; font-weight: 650; }
body.uaw-v2 .uaw-live-inspector-panel .prop-field small { display: block; margin-top: 4px; color: #8b96a7 !important; font-size: 8px !important; line-height: 1.4; }

body.uaw-v2 .uaw-live-inspector-panel .prop-field input,
body.uaw-v2 .uaw-live-inspector-panel .prop-field select,
body.uaw-v2 .uaw-live-inspector-panel .prop-field textarea,
body.uaw-v2 .uaw-live-inspector-panel .inline-input-group input {
    min-height: 31px;
    padding: 5px 8px;
    color: #273248;
    background: #fff;
    border: 1px solid #d3dae4;
    border-radius: 5px;
    box-shadow: none;
    font-size: 10px;
}

body.uaw-v2 .uaw-live-inspector-panel .prop-field input[readonly] { color: #7b8798; background: #f7f9fb; }
body.uaw-v2 .uaw-live-inspector-panel .inline-inputs { gap: 6px; margin: 0 0 9px; }
body.uaw-v2 .uaw-live-inspector-panel .inline-input-group label { margin: 0 0 3px; color: #7a879a; font-size: 8px; letter-spacing: .025em; text-align: left; }
body.uaw-v2 .uaw-live-inspector-panel .inline-input-group input { text-align: left; }

body.uaw-v2 .uaw-live-inspector-panel .checkbox-label {
    display: flex;
    align-items: center;
    gap: 7px;
    min-height: 24px;
    margin: 0;
}
body.uaw-v2 .uaw-live-inspector-panel .checkbox-label input { flex: 0 0 auto; width: 14px; min-height: 14px; margin: 0; }

body.uaw-v2 .uaw-live-inspector-panel .options-panel-container { margin-top: auto; border-top: 1px solid #dfe5ec; }
body.uaw-v2 .uaw-live-inspector-panel .options-panel-header {
    min-height: 38px;
    padding: 0 12px;
    background: #f8fafc;
    border: 0;
    border-bottom: 1px solid #e3e8ef;
}
body.uaw-v2 .uaw-live-inspector-panel .options-panel-header h4 { color: #596579; font-size: 10px; }
body.uaw-v2 .uaw-live-inspector-panel #options-panel-content,
body.uaw-v2 .uaw-live-inspector-panel #digital-options-panel-content,
body.uaw-v2 .uaw-live-inspector-panel #display-options-panel-content { padding: 10px 12px; background: #fff; }

body.uaw-v2 .uaw-live-inspector-panel .object-item.enhanced,
body.uaw-v2 .uaw-live-inspector-panel .elements-list,
body.uaw-v2 .uaw-live-inspector-panel .interaction-item {
    margin: 0 !important;
    padding: 8px 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #e8ecf1 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

@media (max-width: 760px) {
    body.uaw-v2 #add-task-modal .uaw-entity-dialog,
    body.uaw-v2 #add-object-modal .uaw-entity-dialog { width: calc(100vw - 20px) !important; max-height: calc(100vh - 20px); }
    body.uaw-v2 #add-task-modal .modal-content,
    body.uaw-v2 #add-object-modal .modal-content { padding: 0 16px !important; }
    body.uaw-v2 .uaw-form-section { grid-template-columns: 1fr; gap: 10px; padding-top: 15px; }
    body.uaw-v2 .uaw-form-section__heading p { display: none; }
    body.uaw-v2 .uaw-object-type-field { grid-column: auto; }
    body.uaw-v2 .uaw-object-identity-grid { grid-template-columns: minmax(0, 1fr) 68px; }
    body.uaw-v2 .uaw-object-identity-grid > .form-group:nth-child(2) { grid-column: 1; }
    body.uaw-v2 .uaw-object-identity-grid > .uaw-emoji-field { grid-column: 2; grid-row: 1; }
    body.uaw-v2 .uaw-schedule-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.uaw-v2 .task-schedule-preview { grid-column: 1 / -1; }
    body.uaw-v2 .uaw-dialog-disclosure__body { padding-left: 0; }
}

[data-theme="dark"] #uaw-simulate-view,
body[data-theme="dark"] #uaw-simulate-view {
    --run-paper: #151d1c;
    --run-paper-light: #202a28;
    --run-ink: #e7eadf;
    --run-ink-soft: #b3c0ba;
    --run-rule: #4a5651;
    --run-signal-dark: #ff7655;
    --run-mint-dark: #8dd8cb;
    background-color: var(--run-paper);
}

[data-theme="dark"] .uaw-runroom-clock,
[data-theme="dark"] .uaw-runroom-active-card,
[data-theme="dark"] .uaw-runroom-transport,
body[data-theme="dark"] .uaw-runroom-clock,
body[data-theme="dark"] .uaw-runroom-active-card,
body[data-theme="dark"] .uaw-runroom-transport {
    color: #f3efdf;
    background: #071b19;
}
body.uaw-v2[data-uaw-workspace="run"][data-run-view="problems"] #uaw-playback-commands,
body.uaw-v2[data-uaw-workspace="run"][data-run-view="rules"] #uaw-playback-commands { display: none !important; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="problems"] .resize-handle-horizontal { display: none !important; }
body.uaw-v2[data-uaw-workspace="build"][data-model-view="process"][data-source-dock^="split-"] .uaw-legacy-host .resize-handle-vertical { display: none !important; }
.uaw-source-resizer { display: none !important; }
body.uaw-v2[data-uaw-workspace="build"][data-model-view="process"][data-source-dock="split-left"] .uaw-source-resizer,
body.uaw-v2[data-uaw-workspace="build"][data-model-view="process"][data-source-dock="split-right"] .uaw-source-resizer { display: block !important; top: 0; bottom: 0; left: calc(var(--uaw-source-split, 52%) - 4px); width: 8px; cursor: col-resize; }
body.uaw-v2[data-uaw-workspace="build"][data-model-view="process"][data-source-dock="split-bottom"] .uaw-source-resizer { display: block !important; left: 0; right: 0; top: calc(var(--uaw-source-split, 62%) - 4px); height: 8px; cursor: row-resize; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="rules"] .metrics-mode-layout .left-panel-tabs > .tab-bar { display: none !important; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="rules"] .metrics-mode-layout .left-panel-tabs > .tab-content { height: 100% !important; }
.uaw-object-type-card label { display: grid; gap: 5px; margin-top: 12px; color: var(--uaw-slate-700); font-size: 11px; font-weight: 700; }
.uaw-object-type-card input,
.uaw-object-type-card select { width: 100%; min-height: 34px; padding: 0 8px; border: 1px solid var(--uaw-slate-300); background: white; }
.uaw-onboarding > div > p:last-child { margin: 0; color: #5e707c; font-size: 11px; }
.uaw-onboarding ol { gap: 0 !important; }
.uaw-onboarding li { min-width: 128px !important; font-size: 11px !important; }
.uaw-onboarding li small { display: block; color: #73838d; font-size: 9px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.uaw-storage-migration { align-items: start !important; padding-right: 14px !important; border-color: #d89a34 !important; background: #fff9ec !important; }
.uaw-storage-migration > div:first-child { max-width: 560px; }
.uaw-migration-list { display: grid; flex: 1; gap: 6px; min-width: min(360px, 100%) !important; }
.uaw-migration-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px; }
.uaw-migration-list button { min-height: 38px; padding: 7px 10px; color: var(--uaw-slate-900); background: white; border: 1px solid #d9c69f; }
.uaw-migration-project { display: flex; align-items: center; justify-content: space-between; gap: 18px; text-align: left; }
.uaw-migration-list button:hover { border-color: #b87913; }
.uaw-migration-list button small { color: var(--uaw-slate-600); white-space: nowrap; }
.uaw-migration-delete { color: #8f1b13 !important; border-color: #e0aaa5 !important; }
.uaw-migration-delete:hover,
.uaw-migration-delete:focus-visible { color: white !important; background: #9f2a20 !important; border-color: #9f2a20 !important; }

body.uaw-v2 {
    display: block;
    font-family: var(--uaw-font-ui);
    color: var(--uaw-slate-950);
    background: var(--uaw-slate-100);
}

body.uaw-v2 *,
body.uaw-v2 *::before,
body.uaw-v2 *::after {
    box-sizing: border-box;
}

.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.uaw-app-shell {
    position: fixed;
    inset: 0;
    display: grid;
    grid-template-rows: var(--uaw-titlebar-height) minmax(0, 1fr);
    overflow: hidden;
    background: var(--uaw-slate-100);
    z-index: 1;
}

.uaw-titlebar {
    display: flex;
    align-items: center;
    min-width: 0;
    height: var(--uaw-titlebar-height);
    padding: 0 8px 0 0;
    color: #edf2f5;
    background: var(--uaw-slate-950);
    border-bottom: 1px solid #12171b;
    box-shadow: inset 0 -1px rgba(255,255,255,.03);
}

.uaw-brand {
    align-self: stretch;
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: var(--uaw-rail-width);
    padding: 0 13px;
    color: white;
    text-decoration: none;
    font-weight: 700;
    letter-spacing: .02em;
}

.uaw-brand img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.uaw-titlebar__divider {
    width: 1px;
    height: 20px;
    margin-right: 6px;
    background: rgba(255,255,255,.14);
}

.uaw-titlebar__spacer {
    flex: 1;
}

.uaw-project-title,
.uaw-quiet-button,
.uaw-agent-button,
.uaw-icon-button {
    font: inherit;
}

.uaw-project-title {
    display: flex;
    align-items: center;
    gap: 4px;
    height: 30px;
    max-width: 320px;
    padding: 0 7px;
    color: #f5f7f8;
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--uaw-radius);
    cursor: text;
}

.uaw-project-title:hover {
    background: rgba(255,255,255,.07);
    border-color: rgba(255,255,255,.12);
}

.uaw-project-title > span:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
}

.uaw-project-title .uaw-icon {
    width: 14px;
    height: 14px;
    transform: rotate(90deg);
    opacity: .6;
}

.uaw-inline-project-name {
    width: 280px;
    height: 28px;
    margin-left: 1px;
    padding: 0 7px;
    color: white;
    font: 600 14px var(--uaw-font-ui);
    background: #151b20;
    border: 1px solid #6ca3c7;
    border-radius: var(--uaw-radius);
    outline: none;
}

.uaw-save-state {
    margin-left: 8px;
    color: #9fabb3;
    font-size: 12px;
    white-space: nowrap;
}

.uaw-save-state[data-state="working"]::before,
.uaw-save-state[data-state="saved"]::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 6px;
    border-radius: 50%;
    background: #d19a39;
}

.uaw-save-state[data-state="saved"]::before {
    background: #51a476;
}

.uaw-quiet-button {
    display: flex;
    align-items: center;
    gap: 7px;
    height: 28px;
    min-width: 190px;
    padding: 0 7px;
    color: #b9c3ca;
    background: #151b20;
    border: 1px solid #3d4952;
    border-radius: var(--uaw-radius);
    cursor: pointer;
}

.uaw-quiet-button:hover,
.uaw-quiet-button:focus-visible {
    color: white;
    border-color: #70808c;
}

.uaw-quiet-button kbd,
.uaw-rail-button kbd {
    margin-left: auto;
    color: #788892;
    font: 10px var(--uaw-font-ui);
}

.uaw-titlebar .uaw-icon-button {
    color: #b9c3ca;
}

.uaw-agent-button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 28px;
    margin-left: 5px;
    padding: 0 9px;
    color: #eef3f5;
    background: #33424d;
    border: 1px solid #546571;
    border-radius: var(--uaw-radius);
    cursor: pointer;
}

.uaw-agent-button:hover {
    background: #40515d;
}

.uaw-agent-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #7c8992;
}

body.uaw-agent-connected .uaw-agent-dot {
    background: #5cba82;
    box-shadow: 0 0 0 2px rgba(92,186,130,.15);
}

.uaw-icon {
    display: inline-flex;
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
}

.uaw-icon svg {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.uaw-icon-button {
    display: inline-grid;
    place-items: center;
    width: 30px;
    height: 30px;
    padding: 0;
    color: var(--uaw-slate-700);
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--uaw-radius);
    cursor: pointer;
}

.uaw-icon-button:hover,
.uaw-icon-button:focus-visible {
    color: var(--uaw-slate-950);
    background: rgba(128,145,156,.11);
    border-color: rgba(128,145,156,.28);
}

.uaw-icon-button--small {
    width: 24px;
    height: 24px;
}

.uaw-icon-button--small .uaw-icon {
    width: 14px;
    height: 14px;
}

.uaw-app-body {
    display: grid;
    grid-template-columns: var(--uaw-rail-width) minmax(0, 1fr);
    min-height: 0;
}

.uaw-rail {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 0;
    padding: 7px 0;
    color: #cad3d8;
    background: var(--uaw-slate-900);
    border-right: 1px solid #1c2329;
}

.uaw-rail__primary,
.uaw-rail__secondary {
    display: grid;
    gap: 3px;
}

.uaw-rail-button {
    position: relative;
    display: grid;
    justify-items: center;
    gap: 2px;
    width: 100%;
    min-height: 52px;
    padding: 6px 2px 4px;
    color: #aebac1;
    background: transparent;
    border: 0;
    border-left: 3px solid transparent;
    font: 11px var(--uaw-font-ui);
    cursor: pointer;
}

.uaw-rail-button:hover {
    color: white;
    background: rgba(255,255,255,.055);
}

.uaw-rail-button.active {
    color: white;
    background: rgba(255,255,255,.085);
    border-left-color: #4aa1d6;
}

.uaw-rail-button .uaw-icon {
    width: 20px;
    height: 20px;
}

.uaw-rail-button kbd {
    position: absolute;
    top: 3px;
    right: 4px;
    display: none;
}

.uaw-workarea {
    display: grid;
    grid-template-rows: var(--uaw-commandbar-height) minmax(0, 1fr);
    min-width: 0;
    min-height: 0;
}

.uaw-commandbar {
    display: flex;
    align-items: stretch;
    min-width: 0;
    padding: 0 6px;
    background: var(--uaw-white);
    border-bottom: 1px solid var(--uaw-slate-300);
    box-shadow: 0 1px 2px rgba(32,39,46,.04);
    z-index: 40;
}

.uaw-commandbar__identity {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 150px;
    padding: 0 12px 0 7px;
    border-right: 1px solid var(--uaw-slate-200);
}

.uaw-commandbar__identity strong {
    font-size: 14px;
    line-height: 1.1;
}

.uaw-commandbar__identity span {
    max-width: 180px;
    margin-top: 2px;
    overflow: hidden;
    color: var(--uaw-slate-600);
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uaw-commandbar__commands {
    display: flex;
    align-items: center;
    gap: 3px;
    min-width: 0;
    padding: 0 7px;
    border-right: 1px solid var(--uaw-slate-200);
}

.uaw-commandbar__commands--end {
    margin-left: auto;
    border-right: 0;
}

.uaw-commandbar .file-operations-group,
.uaw-commandbar .edit-operations-group,
.uaw-commandbar .view-options-group,
.uaw-commandbar .playback-controls-group,
.uaw-commandbar .advanced-tools-group {
    display: flex;
    align-items: center;
    gap: 3px;
    padding: 0;
    border: 0;
}

.uaw-commandbar button,
.uaw-commandbar select {
    height: 29px;
    min-width: 0;
    padding: 0 8px;
    color: var(--uaw-slate-900);
    background: var(--uaw-white);
    border: 1px solid transparent;
    border-radius: var(--uaw-radius);
    font: 12px var(--uaw-font-ui);
    cursor: pointer;
}

.uaw-commandbar button:hover,
.uaw-commandbar button:focus-visible {
    background: var(--uaw-slate-100);
    border-color: var(--uaw-slate-300);
}

.uaw-commandbar .action-btn,
.uaw-commandbar .btn-primary {
    color: white;
    background: var(--uaw-blue);
    border-color: var(--uaw-blue-strong);
}

.uaw-commandbar .action-btn:hover,
.uaw-commandbar .btn-primary:hover {
    color: white;
    background: var(--uaw-blue-strong);
}

.uaw-commandbar .dropdown-content {
    top: calc(100% + 4px);
}

.uaw-workspace-grid {
    display: grid;
    grid-template-columns: 0 minmax(0, 1fr) 0;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    transition: grid-template-columns 180ms cubic-bezier(.2,.8,.2,1);
}

body.uaw-explorer-open .uaw-workspace-grid {
    grid-template-columns: var(--uaw-explorer-width) minmax(0, 1fr) 0;
}

body.uaw-inspector-open .uaw-workspace-grid {
    grid-template-columns: 0 minmax(0, 1fr) var(--uaw-inspector-width);
}

body.uaw-explorer-open.uaw-inspector-open .uaw-workspace-grid {
    grid-template-columns: var(--uaw-explorer-width) minmax(0, 1fr) var(--uaw-inspector-width);
}

.uaw-explorer,
.uaw-inspector {
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    background: var(--uaw-slate-50);
    opacity: 0;
    pointer-events: none;
}

.uaw-explorer {
    border-right: 1px solid var(--uaw-slate-300);
}

.uaw-inspector {
    border-left: 1px solid var(--uaw-slate-300);
}

body.uaw-explorer-open .uaw-explorer,
body.uaw-inspector-open .uaw-inspector {
    opacity: 1;
    pointer-events: auto;
}

.uaw-pane-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 35px;
    padding: 0 7px 0 10px;
    color: var(--uaw-slate-700);
    background: var(--uaw-slate-100);
    border-bottom: 1px solid var(--uaw-slate-300);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.uaw-pane-header h2 {
    margin: 0;
    font-size: 14px;
    letter-spacing: 0;
    text-transform: none;
}

.uaw-explorer__content,
.uaw-inspector__content {
    height: calc(100% - 35px);
    overflow: auto;
}

.uaw-tree-section {
    padding: 8px 0 5px;
    border-bottom: 1px solid var(--uaw-slate-200);
}

.uaw-tree-section__title,
.uaw-tree-item {
    display: flex;
    align-items: center;
    width: 100%;
    color: var(--uaw-slate-800);
    background: transparent;
    border: 0;
    text-align: left;
    cursor: pointer;
}

.uaw-tree-section__title {
    height: 24px;
    padding: 0 10px;
    color: var(--uaw-slate-600);
    font: 700 10px var(--uaw-font-ui);
    letter-spacing: .07em;
}

.uaw-tree-section__title span:last-child {
    margin-left: auto;
}

.uaw-tree-item {
    gap: 7px;
    min-height: 29px;
    padding: 3px 10px 3px 15px;
    font: 12px var(--uaw-font-ui);
}

.uaw-tree-item:hover,
.uaw-tree-item:focus-visible {
    background: #e7ebee;
}

.uaw-tree-item small {
    margin-left: auto;
    color: var(--uaw-slate-600);
    font-size: 11px;
}

.uaw-tree-item .uaw-icon {
    width: 15px;
    height: 15px;
}

.uaw-tree-dot {
    width: 8px;
    height: 8px;
    margin: 0 4px;
    border: 1px solid #73838e;
    border-radius: 1px;
    background: #dfe5e8;
}

.uaw-tree-dot--task { background: #cfe3f0; border-color: #4d88ad; }
.uaw-tree-dot--object { background: #e3ddd0; border-color: #87775d; }

#uaw-outline-problem-count[data-severity="error"] { color: var(--uaw-danger); font-weight: 700; }
#uaw-outline-problem-count[data-severity="warning"] { color: var(--uaw-warning); font-weight: 700; }
#uaw-outline-problem-count[data-severity="suggestion"] { color: var(--uaw-blue-strong); font-weight: 700; }
#uaw-outline-problem-count[data-severity="clear"] { color: var(--uaw-success); }

.uaw-stage {
    position: relative;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    background: var(--uaw-white);
}

.uaw-legacy-host,
.uaw-product-view {
    position: absolute;
    inset: 0;
}

.uaw-product-view {
    display: none;
    overflow: auto;
    padding: 30px clamp(24px, 4vw, 60px) 60px;
    background: var(--uaw-slate-50);
}

body[data-uaw-workspace="projects"] #uaw-projects-view,
body[data-uaw-workspace="assets"] #uaw-assets-view,
body[data-uaw-workspace="settings"] #uaw-settings-view {
    display: block;
}

body[data-uaw-workspace="projects"] .uaw-legacy-host,
body[data-uaw-workspace="assets"] .uaw-legacy-host,
body[data-uaw-workspace="settings"] .uaw-legacy-host {
    display: none;
}

.uaw-legacy-header {
    display: none !important;
}

.uaw-v2 .playground-main {
    width: 100%;
    height: 100%;
    min-height: 0;
    background: var(--uaw-white);
}

.uaw-v2 .playground-main > div:last-child {
    width: 100%;
    min-width: 0;
}

.uaw-v2 .tutorial-panel {
    position: absolute;
    right: 16px;
    top: 16px;
    bottom: 16px;
    width: min(360px, 40%);
    z-index: 50;
    box-shadow: var(--uaw-shadow-float);
}

.uaw-v2 .playground-top {
    height: calc(100% - 34px);
    border-bottom: 0;
}

.uaw-v2 .playground-bottom {
    height: 34px;
    overflow: hidden;
    background: var(--uaw-slate-50);
    border-top: 1px solid var(--uaw-slate-300);
    transition: height 200ms cubic-bezier(.2,.8,.2,1);
}

.uaw-v2.uaw-problems-open .playground-top {
    height: 70%;
}

.uaw-v2.uaw-problems-open .playground-bottom {
    height: 30%;
}

.uaw-v2 .validation-panel {
    height: 100%;
    padding: 0;
    background: var(--uaw-white);
}

.uaw-v2 .validation-header {
    display: flex;
    align-items: center;
    min-height: 33px;
    margin: 0;
    padding: 0 10px;
    background: var(--uaw-slate-50);
    border-bottom: 1px solid var(--uaw-slate-200);
    cursor: pointer;
}

.uaw-v2 .validation-inline {
    font-size: 12px;
}

.uaw-v2 .validation-indicator {
    padding: 2px 6px;
    font-size: 11px;
    text-transform: none;
}

.uaw-v2 .validation-controls {
    gap: 8px;
}

.uaw-v2 .validation-stats-inline {
    flex-direction: row;
    gap: 5px;
}

.uaw-v2 .stat-item {
    flex-direction: row;
    gap: 3px;
    padding: 2px 5px;
}

.uaw-v2 .stat-count { font-size: 12px; }
.uaw-v2 .stat-label { margin: 0; font-size: 10px; }

.uaw-v2 .validation-content {
    height: calc(100% - 34px);
    font-family: var(--uaw-font-ui);
}

.uaw-v2 .validation-compact {
    padding: 8px;
}

.uaw-v2 .validation-results-grouped {
    border: 0;
    border-radius: 0;
}

.uaw-v2 .json-editor-panel,
.uaw-v2 .simulation-panel {
    min-width: 0;
    background: var(--uaw-white);
}

.uaw-v2 .json-editor-panel {
    width: 42%;
    border-right: 1px solid var(--uaw-slate-300);
}

.uaw-v2 .simulation-panel {
    width: 58%;
}

.uaw-v2 .tab-bar,
.uaw-v2 .metrics-tab-bar,
.uaw-v2 .left-panel-tabs > .tab-bar {
    min-height: 35px;
    padding: 0 5px;
    gap: 1px;
    background: var(--uaw-slate-100);
    border-bottom: 1px solid var(--uaw-slate-300);
}

.uaw-v2 .tab-btn,
.uaw-v2 .metrics-tab-btn,
.uaw-v2 .left-tab-btn {
    height: 34px;
    padding: 0 12px;
    color: var(--uaw-slate-700);
    background: transparent;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    font: 600 12px var(--uaw-font-ui);
}

.uaw-v2 .tab-btn:hover,
.uaw-v2 .metrics-tab-btn:hover,
.uaw-v2 .left-tab-btn:hover {
    color: var(--uaw-slate-950);
    background: rgba(255,255,255,.55);
}

.uaw-v2 .tab-btn.active,
.uaw-v2 .metrics-tab-btn.active,
.uaw-v2 .left-tab-btn.active {
    color: var(--uaw-blue-strong);
    background: var(--uaw-white);
    border-bottom-color: var(--uaw-blue);
}

.uaw-v2 .simulation-content {
    padding: 12px;
    scroll-behavior: auto;
}

.uaw-v2 .space-editor-container {
    display: block;
    height: 100%;
}

.uaw-v2 .space-editor-container .space-canvas {
    width: 100%;
    height: 100%;
    border: 0;
}

.uaw-v2 .zoom-controls {
    overflow: hidden;
    background: rgba(255,255,255,.94);
    border: 1px solid var(--uaw-slate-300);
    border-radius: var(--uaw-radius);
    box-shadow: 0 2px 7px rgba(28,42,51,.1);
}

.uaw-v2 .zoom-btn {
    border-color: var(--uaw-slate-200);
    border-radius: 0;
}

.uaw-live-inspector-panel {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    border: 0 !important;
    background: transparent !important;
}

.uaw-live-inspector-panel[hidden] {
    display: none !important;
}

.uaw-inspector-context {
    padding: 8px 10px;
    color: var(--uaw-slate-600);
    background: var(--uaw-white);
    border-bottom: 1px solid var(--uaw-slate-200);
    font-size: 11px;
    line-height: 1.35;
}

.uaw-inspector-context p {
    margin: 0;
}

.uaw-v2 .properties-panel-header,
.uaw-v2 .options-panel-header {
    background: var(--uaw-slate-100);
    border-color: var(--uaw-slate-300);
}

.uaw-v2 #properties-panel-content,
.uaw-v2 #digital-properties-panel-content,
.uaw-v2 #display-properties-panel-content,
.uaw-v2 #options-panel-content,
.uaw-v2 #digital-options-panel-content,
.uaw-v2 #display-options-panel-content {
    background: var(--uaw-white);
}

/* Source docking is remembered and uses the same Monaco instance. */
body[data-uaw-workspace="build"][data-source-dock="split-right"] .standard-mode-layout {
    flex-direction: row-reverse;
}

body[data-uaw-workspace="build"][data-source-dock="split-right"] .json-editor-panel {
    border-right: 0;
    border-left: 1px solid var(--uaw-slate-300);
}

body[data-uaw-workspace="build"][data-source-dock="split-bottom"] .standard-mode-layout {
    flex-direction: column-reverse;
}

body[data-uaw-workspace="build"][data-source-dock="split-bottom"] .json-editor-panel,
body[data-uaw-workspace="build"][data-source-dock="split-bottom"] .simulation-panel {
    width: 100% !important;
}

body[data-uaw-workspace="build"][data-source-dock="split-bottom"] .json-editor-panel {
    height: 38%;
    border-top: 1px solid var(--uaw-slate-300);
    border-right: 0;
}

body[data-uaw-workspace="build"][data-source-dock="split-bottom"] .simulation-panel {
    height: 62%;
}

body[data-uaw-workspace="build"][data-source-dock="hidden"] .json-editor-panel,
body[data-uaw-workspace="build"][data-source-dock="dedicated"] .json-editor-panel {
    display: none;
}

body[data-uaw-workspace="build"][data-source-dock="hidden"] .simulation-panel,
body[data-uaw-workspace="build"][data-source-dock="dedicated"] .simulation-panel {
    width: 100%;
}

body[data-uaw-workspace="source"] .playground-top {
    height: 100%;
}

body[data-uaw-workspace="source"] .playground-bottom,
body[data-uaw-workspace="source"] .simulation-panel {
    display: none !important;
}

body[data-uaw-workspace="source"] .json-editor-panel {
    display: flex !important;
    width: 100% !important;
    border: 0;
}

body[data-uaw-workspace="source"] .standard-mode-layout {
    display: flex !important;
}

/* Run mode is a focused simulation debugger. */
body[data-uaw-workspace="run"] .playground-top {
    height: 100%;
}

body[data-uaw-workspace="run"] .playground-bottom,
body[data-uaw-workspace="run"] .json-editor-panel {
    display: none !important;
}

body[data-uaw-workspace="run"] .simulation-panel {
    display: flex !important;
    width: 100% !important;
}

body[data-uaw-workspace="run"] .simulation-panel .tab-bar {
    display: none;
}

body[data-uaw-workspace="run"] #uaw-file-commands,
body[data-uaw-workspace="run"] #uaw-edit-commands,
body[data-uaw-workspace="run"] #uaw-view-commands {
    display: none;
}

body:not([data-uaw-workspace="run"]) #uaw-playback-commands {
    display: none;
}

/* Validation becomes a dedicated workspace; metrics mode may still split it. */
body[data-uaw-workspace="validate"] .playground-top {
    display: none;
}

body[data-uaw-workspace="validate"] .playground-bottom {
    display: block;
    height: 100%;
    border-top: 0;
}

body[data-uaw-workspace="validate"] .playground-bottom .resize-handle-horizontal {
    display: none;
}

body[data-uaw-workspace="validate"] .validation-header {
    min-height: 48px;
    cursor: default;
}

body[data-uaw-workspace="validate"] .validation-content {
    height: calc(100% - 48px);
}

body[data-uaw-workspace="validate"] .playground-top.metrics-mode {
    display: flex;
    height: 62%;
}

body[data-uaw-workspace="validate"] .playground-top.metrics-mode + .playground-bottom {
    height: 38%;
    border-top: 1px solid var(--uaw-slate-300);
}

body[data-uaw-workspace="validate"] #uaw-edit-commands,
body[data-uaw-workspace="validate"] #uaw-playback-commands {
    display: none;
}

body[data-uaw-workspace="projects"] #uaw-edit-commands,
body[data-uaw-workspace="projects"] #uaw-view-commands,
body[data-uaw-workspace="projects"] #uaw-playback-commands,
body[data-uaw-workspace="assets"] #uaw-edit-commands,
body[data-uaw-workspace="assets"] #uaw-view-commands,
body[data-uaw-workspace="assets"] #uaw-playback-commands,
body[data-uaw-workspace="settings"] #uaw-edit-commands,
body[data-uaw-workspace="settings"] #uaw-view-commands,
body[data-uaw-workspace="settings"] #uaw-playback-commands {
    display: none;
}

/* Product-only workspaces use the full stage; panel preferences are preserved
   and restored automatically when the user returns to Build or Run. */
body[data-uaw-workspace="projects"] .uaw-workspace-grid,
body[data-uaw-workspace="assets"] .uaw-workspace-grid,
body[data-uaw-workspace="settings"] .uaw-workspace-grid {
    grid-template-columns: 0 minmax(0, 1fr) 0 !important;
}

body[data-uaw-workspace="projects"] .uaw-explorer,
body[data-uaw-workspace="projects"] .uaw-inspector,
body[data-uaw-workspace="assets"] .uaw-explorer,
body[data-uaw-workspace="assets"] .uaw-inspector,
body[data-uaw-workspace="settings"] .uaw-explorer,
body[data-uaw-workspace="settings"] .uaw-inspector {
    opacity: 0;
    pointer-events: none;
}

body[data-uaw-workspace="projects"] #uaw-file-commands,
body[data-uaw-workspace="projects"] #uaw-help-commands,
body[data-uaw-workspace="assets"] #uaw-file-commands,
body[data-uaw-workspace="assets"] #uaw-help-commands,
body[data-uaw-workspace="settings"] #uaw-file-commands,
body[data-uaw-workspace="settings"] #uaw-help-commands {
    display: none;
}

.uaw-v2 [hidden],
.uaw-v2 #smart-actions-dropdown,
.uaw-v2 #start-llm-btn {
    display: none !important;
}

.uaw-view-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    max-width: 1180px;
    margin: 0 auto 26px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--uaw-slate-300);
}

.uaw-view-heading h1 {
    margin: 0;
    color: var(--uaw-slate-950);
    font: 600 30px/1.15 var(--uaw-font-ui);
    letter-spacing: -.025em;
}

.uaw-view-heading p:not(.uaw-eyebrow) {
    max-width: 620px;
    margin: 6px 0 0;
    color: var(--uaw-slate-600);
    font-size: 14px;
}

.uaw-eyebrow {
    margin: 0 0 5px;
    color: var(--uaw-blue-strong);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .11em;
}

.uaw-product-view .btn-primary {
    height: 32px;
    padding: 0 14px;
    color: white;
    background: var(--uaw-blue);
    border: 1px solid var(--uaw-blue-strong);
    border-radius: var(--uaw-radius);
    font: 600 13px var(--uaw-font-ui);
    cursor: pointer;
}

.uaw-onboarding,
.uaw-project-actions,
.uaw-project-grid,
.uaw-section-heading,
.uaw-asset-grid,
.uaw-settings-layout {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
}

.uaw-onboarding {
    position: relative;
    display: grid;
    grid-template-columns: minmax(220px, .8fr) minmax(420px, 1.5fr);
    gap: 28px;
    margin-bottom: 20px;
    padding: 16px 44px 16px 18px;
    color: var(--uaw-slate-900);
    background: var(--uaw-blue-soft);
    border: 1px solid #b9d4e4;
    border-left: 3px solid var(--uaw-blue);
}

.uaw-onboarding h2 {
    margin: 0;
    font-size: 18px;
}

.uaw-onboarding ol {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: start;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.uaw-onboarding li {
    position: relative;
    display: grid;
    grid-template-columns: 24px 1fr;
    align-items: center;
    gap: 7px;
    color: var(--uaw-slate-700);
    font-size: 12px;
}

.uaw-onboarding li + li::before {
    content: "";
    position: absolute;
    right: calc(100% - 2px);
    width: 10px;
    height: 1px;
    background: #9bbdd1;
}

.uaw-onboarding li span {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border: 1px solid #91b4ca;
    border-radius: 50%;
    background: white;
    font-weight: 700;
}

.uaw-onboarding li.done span {
    color: white;
    background: var(--uaw-blue);
}

.uaw-onboarding > button {
    position: absolute;
    right: 8px;
    top: 8px;
}

.uaw-project-actions {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-bottom: 28px;
}

.uaw-project-actions button {
    display: grid;
    gap: 3px;
    min-height: 70px;
    padding: 13px 14px;
    color: var(--uaw-slate-900);
    background: var(--uaw-white);
    border: 1px solid var(--uaw-slate-300);
    border-radius: var(--uaw-radius);
    text-align: left;
    cursor: pointer;
}

.uaw-project-actions button:hover,
.uaw-project-actions button:focus-visible {
    border-color: #7e9fb4;
    box-shadow: inset 3px 0 var(--uaw-blue);
}

.uaw-project-actions strong { font-size: 13px; }
.uaw-project-actions span { color: var(--uaw-slate-600); font-size: 12px; }

.uaw-section-heading {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 9px;
}

.uaw-section-heading h2 {
    margin: 0;
    font-size: 15px;
}

.uaw-section-heading span {
    color: var(--uaw-slate-600);
    font-size: 12px;
}

.uaw-project-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    gap: 10px;
}

.uaw-project-card {
    min-width: 0;
    background: white;
    border: 1px solid var(--uaw-slate-300);
    border-radius: var(--uaw-radius);
}

.uaw-project-card__open {
    display: flex;
    align-items: center;
    gap: 11px;
    width: 100%;
    min-width: 0;
    padding: 12px;
    color: var(--uaw-slate-900);
    background: transparent;
    border: 0;
    text-align: left;
    cursor: pointer;
}

.uaw-project-card__open:hover {
    background: var(--uaw-slate-50);
}

.uaw-project-card__mark {
    display: grid;
    place-items: center;
    width: 36px;
    height: 42px;
    color: var(--uaw-blue-strong);
    background: var(--uaw-blue-soft);
    border: 1px solid #bad4e3;
    font: 700 11px var(--uaw-font-code);
}

.uaw-project-card__body {
    display: grid;
    min-width: 0;
}

.uaw-project-card__body strong {
    overflow: hidden;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uaw-project-card__body small {
    margin-top: 3px;
    color: var(--uaw-slate-600);
    font-size: 11px;
}

.uaw-project-card__actions {
    display: flex;
    justify-content: flex-end;
    gap: 3px;
    padding: 5px 7px;
    border-top: 1px solid var(--uaw-slate-200);
}

.uaw-project-card__actions button,
.uaw-connection-card button {
    height: 25px;
    padding: 0 7px;
    color: var(--uaw-slate-700);
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--uaw-radius);
    font: 11px var(--uaw-font-ui);
    cursor: pointer;
}

.uaw-project-card__actions button:hover,
.uaw-connection-card button:hover {
    color: var(--uaw-slate-950);
    background: var(--uaw-slate-100);
    border-color: var(--uaw-slate-300);
}

.uaw-empty-state {
    grid-column: 1 / -1;
    padding: 48px 20px;
    color: var(--uaw-slate-700);
    background: white;
    border: 1px dashed var(--uaw-slate-300);
    text-align: center;
}

.uaw-empty-state p {
    margin: 5px 0 0;
    font-size: 13px;
}

.uaw-asset-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 12px;
}

.uaw-asset-card {
    display: grid;
    padding: 8px;
    background: white;
    border: 1px solid var(--uaw-slate-300);
    border-radius: var(--uaw-radius);
}

.uaw-asset-card {
    content-visibility: auto;
    contain: layout paint style;
    contain-intrinsic-size: 220px 240px;
}

.uaw-asset-load-more {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 16px 0 6px;
}

.uaw-asset-load-more span {
    color: var(--uaw-slate-600);
    font-size: 12px;
}

.uaw-asset-preview {
    display: grid;
    place-items: center;
    height: 118px;
    margin-bottom: 8px;
    overflow: hidden;
    color: var(--uaw-slate-500);
    background: repeating-conic-gradient(#f3f5f6 0 25%, white 0 50%) 0 / 16px 16px;
    border: 1px solid var(--uaw-slate-200);
}

.uaw-asset-preview img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.uaw-asset-card strong {
    overflow: hidden;
    font: 500 12px var(--uaw-font-code);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uaw-asset-card > span {
    margin-top: 3px;
    color: var(--uaw-slate-600);
    font-size: 11px;
}

.uaw-settings-layout {
    display: grid;
    gap: 14px;
}

.uaw-settings-section {
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr);
    gap: 28px;
    padding: 18px;
    background: white;
    border: 1px solid var(--uaw-slate-300);
}

.uaw-settings-section h2 {
    margin: 0;
    font-size: 15px;
}

.uaw-settings-section p {
    margin: 4px 0 0;
    color: var(--uaw-slate-600);
    font-size: 12px;
    line-height: 1.4;
}

.uaw-choice-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
    gap: 7px;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.uaw-choice {
    position: relative;
    cursor: pointer;
}

.uaw-choice input {
    position: absolute;
    opacity: 0;
}

.uaw-choice span {
    display: grid;
    min-height: 58px;
    padding: 9px;
    border: 1px solid var(--uaw-slate-300);
}

.uaw-choice input:checked + span {
    background: var(--uaw-blue-soft);
    border-color: #75a4c1;
    box-shadow: inset 3px 0 var(--uaw-blue);
}

.uaw-choice input:focus-visible + span {
    outline: 2px solid var(--uaw-blue);
    outline-offset: 2px;
}

.uaw-choice strong { font-size: 12px; }
.uaw-choice small { margin-top: 3px; color: var(--uaw-slate-600); font-size: 11px; }

.uaw-switch-row,
.uaw-connection-card {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 48px;
    padding: 7px 0;
    border-bottom: 1px solid var(--uaw-slate-200);
}

.uaw-switch-row > span,
.uaw-connection-card > div {
    display: grid;
}

.uaw-switch-row input {
    margin-left: auto;
    accent-color: var(--uaw-blue);
}

.uaw-switch-row strong,
.uaw-connection-card strong { font-size: 12px; }
.uaw-switch-row small,
.uaw-connection-card small { color: var(--uaw-slate-600); font-size: 11px; }

.uaw-connection-indicator {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--uaw-slate-400, #9ca8af);
}

.uaw-connection-card button {
    margin-left: auto;
}

.uaw-command-palette,
.uaw-shortcuts-dialog {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: start center;
    padding-top: 11vh;
    z-index: 8000;
}

.uaw-command-palette[hidden],
.uaw-shortcuts-dialog[hidden] {
    display: none;
}

.uaw-command-palette__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(23,31,37,.34);
}

.uaw-command-palette__dialog,
.uaw-shortcuts-card {
    position: relative;
    width: min(620px, calc(100vw - 40px));
    overflow: hidden;
    background: white;
    border: 1px solid #748793;
    border-radius: 4px;
    box-shadow: var(--uaw-shadow-float);
}

.uaw-command-search {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 48px;
    padding: 0 12px;
    border-bottom: 1px solid var(--uaw-slate-300);
}

.uaw-command-search input {
    flex: 1;
    min-width: 0;
    height: 100%;
    padding: 0;
    color: var(--uaw-slate-950);
    background: transparent;
    border: 0;
    outline: 0;
    font: 15px var(--uaw-font-ui);
}

.uaw-command-search kbd,
.uaw-command-result kbd,
.uaw-shortcuts-grid kbd {
    padding: 2px 5px;
    color: var(--uaw-slate-600);
    background: var(--uaw-slate-100);
    border: 1px solid var(--uaw-slate-300);
    border-radius: 3px;
    box-shadow: 0 1px white inset;
    font: 10px var(--uaw-font-ui);
}

.uaw-command-results {
    max-height: 390px;
    overflow: auto;
    padding: 6px;
}

.uaw-command-result {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 35px;
    padding: 0 8px;
    color: var(--uaw-slate-800);
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--uaw-radius);
    font: 13px var(--uaw-font-ui);
    text-align: left;
    cursor: pointer;
}

.uaw-command-result kbd { margin-left: auto; }
.uaw-command-result:hover,
.uaw-command-result.active { color: var(--uaw-slate-950); background: var(--uaw-blue-soft); border-color: #c0d9e7; }
.uaw-empty-command { padding: 24px; color: var(--uaw-slate-600); text-align: center; }

.uaw-shortcuts-card {
    width: min(680px, calc(100vw - 40px));
}

.uaw-shortcuts-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1px 22px;
    max-height: 60vh;
    overflow: auto;
    padding: 15px 18px 20px;
}

.uaw-shortcuts-grid > div {
    display: flex;
    align-items: center;
    min-height: 34px;
    border-bottom: 1px solid var(--uaw-slate-200);
    font-size: 12px;
}

.uaw-shortcuts-grid kbd { margin-left: auto; }

.uaw-agent-drawer {
    position: fixed;
    top: var(--uaw-titlebar-height);
    right: 0;
    bottom: 0;
    width: var(--uaw-agent-width);
    overflow: hidden;
    background: white;
    border-left: 1px solid var(--uaw-slate-300);
    box-shadow: -8px 0 24px rgba(32,39,46,.14);
    transform: translateX(102%);
    pointer-events: none;
    z-index: 500;
}

body.uaw-agent-open .uaw-agent-drawer {
    transform: translateX(0);
    pointer-events: auto;
}

.uaw-agent-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 47px;
    padding: 0 9px 0 11px;
    background: var(--uaw-slate-100);
    border-bottom: 1px solid var(--uaw-slate-300);
}

.uaw-agent-header > div {
    display: flex;
    align-items: center;
    gap: 8px;
}

.uaw-agent-header > div > div {
    display: grid;
}

.uaw-agent-header strong { font-size: 13px; }
.uaw-agent-header small { color: var(--uaw-slate-600); font-size: 10px; }

.uaw-agent-header__icon {
    display: grid;
    place-items: center;
    width: 25px;
    height: 25px;
    color: white;
    background: var(--uaw-slate-800);
    border: 1px solid var(--uaw-slate-950);
    font: 700 9px var(--uaw-font-code);
}

.uaw-agent-status {
    display: flex;
    align-items: center;
    gap: 7px;
    min-height: 31px;
    padding: 0 10px;
    color: var(--uaw-slate-700);
    background: var(--uaw-slate-50);
    border-bottom: 1px solid var(--uaw-slate-200);
    font-size: 11px;
}

.uaw-agent-status__dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--uaw-slate-500);
}

.uaw-agent-status[data-state="connected"] .uaw-agent-status__dot { background: #2e8a57; }
.uaw-agent-status[data-state="checking"] .uaw-agent-status__dot { background: #d19a39; }
.uaw-agent-status[data-state="offline"] .uaw-agent-status__dot { background: #a15c55; }

.uaw-agent-status button {
    margin-left: auto;
    color: var(--uaw-blue-strong);
    background: transparent;
    border: 0;
    font: 600 11px var(--uaw-font-ui);
    cursor: pointer;
}

.uaw-agent-setup {
    padding: 10px;
    background: var(--uaw-blue-soft);
    border-bottom: 1px solid #bdd6e5;
}

.uaw-agent-setup label {
    display: block;
    margin-bottom: 4px;
    color: var(--uaw-slate-700);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.uaw-agent-setup > div {
    display: flex;
}

.uaw-agent-setup input {
    flex: 1;
    min-width: 0;
    height: 29px;
    padding: 0 7px;
    border: 1px solid #8baec4;
    font: 11px var(--uaw-font-code);
}

.uaw-agent-setup button {
    height: 29px;
    padding: 0 9px;
    color: white;
    background: var(--uaw-blue);
    border: 1px solid var(--uaw-blue-strong);
    font-size: 11px;
    cursor: pointer;
}

.uaw-agent-setup p {
    margin: 6px 0 0;
    color: var(--uaw-slate-700);
    font-size: 10px;
    line-height: 1.35;
}

.uaw-agent-setup code { font-family: var(--uaw-font-code); }

.uaw-agent-conversation {
    position: absolute;
    inset: 79px 0 98px;
    overflow-y: auto;
    padding: 12px;
    background: white;
}

.uaw-agent-setup:not([hidden]) + .uaw-agent-conversation {
    top: 178px;
}

.uaw-agent-empty {
    padding: 25px 8px;
    color: var(--uaw-slate-800);
}

.uaw-agent-empty > strong { font-size: 14px; }
.uaw-agent-empty > p { margin: 5px 0 14px; color: var(--uaw-slate-600); font-size: 12px; line-height: 1.45; }

.uaw-agent-prompts {
    display: grid;
    gap: 6px;
}

.uaw-agent-prompts button {
    min-height: 34px;
    padding: 7px 9px;
    color: var(--uaw-slate-800);
    background: var(--uaw-slate-50);
    border: 1px solid var(--uaw-slate-300);
    text-align: left;
    font: 12px var(--uaw-font-ui);
    cursor: pointer;
}

.uaw-agent-prompts button:hover { border-color: #7ca3bc; box-shadow: inset 3px 0 var(--uaw-blue); }

.uaw-agent-message {
    margin-bottom: 15px;
}

.uaw-agent-message > span {
    display: block;
    margin-bottom: 4px;
    color: var(--uaw-slate-600);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.uaw-agent-message--user > p {
    margin: 0 0 0 32px;
    padding: 8px 9px;
    color: var(--uaw-slate-900);
    background: var(--uaw-blue-soft);
    border: 1px solid #c3dae7;
    font-size: 12px;
    line-height: 1.45;
}

.uaw-agent-response {
    color: var(--uaw-slate-900);
    font-size: 12px;
    line-height: 1.5;
}

.uaw-agent-response p { margin: 0 0 8px; }
.uaw-agent-response code { padding: 1px 3px; background: var(--uaw-slate-100); font-family: var(--uaw-font-code); font-size: 10px; }

.uaw-agent-activities {
    display: grid;
    gap: 4px;
    margin-bottom: 8px;
}

.uaw-agent-activities details {
    background: var(--uaw-slate-50);
    border: 1px solid var(--uaw-slate-200);
}

.uaw-agent-activities summary {
    display: flex;
    align-items: center;
    gap: 6px;
    min-height: 29px;
    padding: 0 7px;
    color: var(--uaw-slate-700);
    font-size: 11px;
    cursor: pointer;
    list-style: none;
}

.uaw-agent-activities summary::-webkit-details-marker { display: none; }
.uaw-agent-activities pre { margin: 0; padding: 7px; overflow: auto; color: var(--uaw-slate-700); background: white; border-top: 1px solid var(--uaw-slate-200); font: 10px/1.45 var(--uaw-font-code); white-space: pre-wrap; }

.uaw-tool-state {
    width: 7px;
    height: 7px;
    border: 1px solid #79909d;
    border-radius: 50%;
    background: #aebbc2;
}

.uaw-tool-state.completed { border-color: #2e774d; background: #53a775; }
.uaw-tool-state.running { border-color: #a56a00; background: #dfa83c; }
.uaw-tool-state.failed { border-color: #973b32; background: #c85c50; }
.uaw-tool-state.queued { background: white; }

.uaw-agent-proposal {
    display: grid;
    gap: 3px;
    margin-top: 9px;
    padding: 9px;
    background: #f4f7f8;
    border: 1px solid var(--uaw-slate-300);
    border-left: 3px solid var(--uaw-blue);
}

.uaw-agent-proposal strong { font-size: 12px; }
.uaw-agent-proposal > span { color: var(--uaw-slate-600); font-size: 10px; }
.uaw-agent-proposal > div { display: flex; justify-content: flex-end; gap: 5px; margin-top: 5px; }

.uaw-agent-proposal button,
.uaw-agent-composer button {
    height: 27px;
    padding: 0 9px;
    border: 1px solid var(--uaw-slate-300);
    background: white;
    font: 600 11px var(--uaw-font-ui);
    cursor: pointer;
}

.uaw-agent-proposal button:last-child,
#uaw-agent-send {
    color: white;
    background: var(--uaw-blue);
    border-color: var(--uaw-blue-strong);
}

.uaw-agent-composer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 98px;
    padding: 7px;
    background: var(--uaw-slate-100);
    border-top: 1px solid var(--uaw-slate-300);
}

.uaw-agent-composer textarea {
    display: block;
    width: 100%;
    height: 55px;
    resize: none;
    padding: 7px;
    color: var(--uaw-slate-900);
    background: white;
    border: 1px solid var(--uaw-slate-300);
    font: 12px/1.35 var(--uaw-font-ui);
}

.uaw-agent-composer > div {
    display: flex;
    align-items: center;
    height: 31px;
}

.uaw-agent-composer > div > span {
    color: var(--uaw-slate-600);
    font-size: 10px;
}

.uaw-agent-composer button { margin-left: 5px; }
.uaw-agent-composer button:first-of-type { margin-left: auto; }
.uaw-agent-composer button:disabled { opacity: .5; cursor: wait; }

.uaw-toast-region {
    position: fixed;
    right: 15px;
    bottom: 15px;
    display: grid;
    justify-items: end;
    gap: 7px;
    z-index: 9000;
}

.uaw-toast {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 250px;
    min-height: 38px;
    padding: 8px 10px 8px 12px;
    color: white;
    background: var(--uaw-slate-900);
    border: 1px solid #151b20;
    border-radius: var(--uaw-radius);
    box-shadow: var(--uaw-shadow-float);
    font-size: 12px;
}

.uaw-toast button {
    margin-left: auto;
    color: #8ec8eb;
    background: transparent;
    border: 0;
    font: 700 12px var(--uaw-font-ui);
    cursor: pointer;
}

/* Existing dialogs adopt the same product language without changing their JS. */
.uaw-v2 .dialog-overlay,
.uaw-v2 .modal-overlay {
    background: rgba(31,40,47,.36);
    backdrop-filter: none;
}

.uaw-v2 .dialog,
.uaw-v2 .modal-content {
    border: 1px solid #81919b;
    border-radius: 4px;
    box-shadow: var(--uaw-shadow-float);
}

.uaw-v2 .dialog h2,
.uaw-v2 .dialog h3,
.uaw-v2 .modal-content h3 {
    font-family: var(--uaw-font-ui);
}

.uaw-v2 input,
.uaw-v2 select,
.uaw-v2 textarea,
.uaw-v2 button {
    font-family: var(--uaw-font-ui);
}

.uaw-v2 input:focus-visible,
.uaw-v2 select:focus-visible,
.uaw-v2 textarea:focus-visible,
.uaw-v2 button:focus-visible,
.uaw-v2 [tabindex]:focus-visible {
    outline: 2px solid #2984bd;
    outline-offset: 1px;
}

.uaw-v2 .resize-handle-vertical:hover,
.uaw-v2 .resize-handle-horizontal:hover {
    background: rgba(18,108,168,.4);
}

/* Schedule projections share one restrained, data-first visual language. */
.uaw-v2 .multi-period-breadcrumbs {
    min-height: 42px;
    padding: 6px 10px;
    gap: 12px;
    flex-wrap: nowrap;
    background: var(--uaw-slate-50);
    border-bottom: 1px solid var(--uaw-slate-300);
    font-size: 12px;
}

.uaw-v2 .schedule-view-switcher {
    display: inline-flex;
    flex: 0 0 auto;
    border: 1px solid var(--uaw-slate-300);
    background: var(--uaw-white);
}

.uaw-v2 .schedule-view-switcher button {
    min-width: 58px;
    height: 27px;
    padding: 0 10px;
    border: 0;
    border-right: 1px solid var(--uaw-slate-300);
    border-radius: 0;
    background: transparent;
    color: var(--uaw-slate-700);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.uaw-v2 .schedule-view-switcher button:last-child {
    border-right: 0;
}

.uaw-v2 .schedule-view-switcher button:hover {
    background: var(--uaw-slate-100);
}

.uaw-v2 .schedule-view-switcher button.active {
    color: #fff;
    background: var(--uaw-blue-700);
}

.uaw-v2 .schedule-breadcrumb-trail {
    display: flex;
    align-items: center;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
}

.uaw-v2 .breadcrumb-item {
    padding: 3px 5px;
    border-radius: 2px;
    color: var(--uaw-blue-700);
}

.uaw-v2 .breadcrumb-item.active {
    color: var(--uaw-slate-800);
}

.uaw-v2 .multi-period-calendar-container,
.uaw-v2 .multi-period-week-container {
    max-width: 1500px;
    margin: 0 auto;
    padding: 14px 16px 28px;
}

.uaw-v2 .multi-period-week-container {
    overflow-x: auto;
}

.uaw-v2 .calendar-month-header,
.uaw-v2 .week-header {
    min-height: 55px;
    margin: 0 0 10px;
    padding: 7px 10px;
    border: 1px solid var(--uaw-slate-300);
    border-radius: 2px;
    background: var(--uaw-white);
}

.uaw-v2 .month-title h3,
.uaw-v2 .week-title h4 {
    margin: 0;
    color: var(--uaw-slate-900);
    font-size: 16px;
    line-height: 20px;
    font-weight: 650;
}

.uaw-v2 .month-title span,
.uaw-v2 .week-title p {
    display: block;
    margin: 1px 0 0;
    color: var(--uaw-slate-500);
    font-size: 11px;
}

.uaw-v2 .month-nav-btn,
.uaw-v2 .week-nav-btn {
    min-width: 90px;
    height: 29px;
    padding: 0 10px;
    border: 1px solid var(--uaw-slate-300);
    border-radius: 2px;
    color: var(--uaw-slate-700);
    background: linear-gradient(#fff, var(--uaw-slate-100));
    font-size: 12px;
    font-weight: 600;
    box-shadow: none;
    cursor: pointer;
}

.uaw-v2 .month-nav-btn:hover:not(:disabled),
.uaw-v2 .week-nav-btn:hover:not(:disabled) {
    color: var(--uaw-blue-800);
    background: var(--uaw-blue-50);
    border-color: #7da8c4;
    transform: none;
}

.uaw-v2 .calendar-grid,
.uaw-v2 .week-grid {
    gap: 0;
    border-top: 1px solid var(--uaw-slate-300);
    border-left: 1px solid var(--uaw-slate-300);
    background: var(--uaw-slate-300);
}

.uaw-v2 .calendar-day-headers,
.uaw-v2 .calendar-week-row {
    gap: 0;
    margin: 0;
}

.uaw-v2 .calendar-day-header {
    padding: 6px 8px;
    border-right: 1px solid var(--uaw-slate-300);
    border-bottom: 1px solid var(--uaw-slate-300);
    border-radius: 0;
    color: var(--uaw-slate-600);
    background: var(--uaw-slate-100);
    font-size: 10px;
    letter-spacing: .05em;
    text-align: left;
    text-transform: uppercase;
}

.uaw-v2 .calendar-day-cell {
    min-height: 96px;
    padding: 7px 8px;
    border: 0;
    border-right: 1px solid var(--uaw-slate-300);
    border-bottom: 1px solid var(--uaw-slate-300);
    border-top: 3px solid var(--day-type-color, transparent);
    border-radius: 0;
    color: var(--uaw-slate-800);
    background: var(--uaw-white);
    transition: background-color 100ms ease, box-shadow 100ms ease;
}

.uaw-v2 .calendar-day-cell:hover {
    z-index: 1;
    background: var(--uaw-blue-50);
    border-color: var(--day-type-color, var(--uaw-blue-600));
    box-shadow: inset 0 0 0 1px var(--uaw-blue-600);
    transform: none;
}

.uaw-v2 .calendar-day-cell.empty,
.uaw-v2 .calendar-day-cell.outside-simulation {
    border-right: 1px solid var(--uaw-slate-300);
    border-bottom: 1px solid var(--uaw-slate-300);
    border-top: 3px solid transparent;
    color: var(--uaw-slate-400);
    background: var(--uaw-slate-50);
}

.uaw-v2 .day-cell-heading {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.uaw-v2 .day-number {
    font-size: 12px;
    font-weight: 700;
}

.uaw-v2 .day-type-label {
    overflow: hidden;
    color: var(--uaw-slate-500);
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uaw-v2 .day-metrics {
    align-items: end;
    gap: 14px;
    justify-content: flex-start;
}

.uaw-v2 .day-metrics > span {
    display: grid;
    gap: 1px;
}

.uaw-v2 .day-metrics small {
    color: var(--uaw-slate-500);
    font-size: 9px;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.uaw-v2 .day-metrics .metric-value {
    color: var(--uaw-slate-800);
    font-size: 13px;
}

.uaw-v2 .positive,
.uaw-v2 .metric-value.positive {
    color: #237440;
}

.uaw-v2 .negative,
.uaw-v2 .metric-value.negative {
    color: #a33b35;
}

.uaw-v2 .calendar-summary,
.uaw-v2 .week-summary,
.uaw-v2 .week-legend {
    margin-top: 14px;
    padding: 12px;
    border: 1px solid var(--uaw-slate-300);
    border-radius: 2px;
    background: var(--uaw-slate-50);
}

.uaw-v2 .calendar-summary h5,
.uaw-v2 .week-summary h5,
.uaw-v2 .week-legend h5 {
    margin: 0 0 9px;
    font-size: 12px;
    font-weight: 700;
}

.uaw-v2 .summary-metrics,
.uaw-v2 .week-summary-metrics {
    grid-template-columns: repeat(4, minmax(110px, 1fr));
    gap: 0;
    margin: 0;
    border: 1px solid var(--uaw-slate-300);
}

.uaw-v2 .summary-item,
.uaw-v2 .summary-metric,
.uaw-v2 .summary-metric.positive,
.uaw-v2 .summary-metric.negative,
.uaw-v2 .summary-item.positive,
.uaw-v2 .summary-item.negative {
    display: grid;
    gap: 2px;
    min-height: 55px;
    padding: 8px 10px;
    border: 0;
    border-right: 1px solid var(--uaw-slate-300);
    border-radius: 0;
    color: var(--uaw-slate-800);
    background: var(--uaw-white);
}

.uaw-v2 .summary-item:last-child,
.uaw-v2 .summary-metric:last-child {
    border-right: 0;
}

.uaw-v2 .summary-item span,
.uaw-v2 .summary-item small,
.uaw-v2 .metric-content .metric-label {
    color: var(--uaw-slate-500);
    font-size: 10px;
}

.uaw-v2 .summary-item strong,
.uaw-v2 .metric-content .metric-value {
    color: inherit;
    font-size: 15px;
    font-weight: 650;
}

.uaw-v2 .summary-subheading {
    margin-top: 13px !important;
}

.uaw-v2 .day-type-breakdown {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
    gap: 5px;
}

.uaw-v2 .breakdown-item {
    min-width: 0;
    max-width: none;
    padding: 7px 9px;
    border: 1px solid var(--uaw-slate-300);
    border-left: 4px solid var(--day-type-color);
    border-radius: 0;
    color: var(--uaw-slate-800);
    background: var(--uaw-white);
}

.uaw-v2 .breakdown-count {
    color: var(--uaw-slate-500);
    font-size: 13px;
}

.uaw-v2 .breakdown-values {
    font-size: 11px;
}

.uaw-v2 .week-day-headers,
.uaw-v2 .week-actor-row {
    grid-template-columns: 170px repeat(7, minmax(96px, 1fr));
    gap: 0;
    margin: 0;
}

.uaw-v2 .week-actor-label-header,
.uaw-v2 .week-day-header,
.uaw-v2 .week-actor-label,
.uaw-v2 .week-day-column {
    min-height: 55px;
    padding: 7px 8px;
    border: 0;
    border-right: 1px solid var(--uaw-slate-300);
    border-bottom: 1px solid var(--uaw-slate-300);
    border-radius: 0;
    color: var(--uaw-slate-800);
    background: var(--uaw-white);
}

.uaw-v2 .week-actor-label-header,
.uaw-v2 .week-actor-label {
    justify-content: flex-start;
    background: var(--uaw-slate-100);
    text-align: left;
}

.uaw-v2 .week-day-header {
    border-top: 3px solid var(--day-type-color);
    text-align: left;
}

.uaw-v2 .week-day-header:hover,
.uaw-v2 .week-day-column:hover {
    color: var(--uaw-slate-900);
    background: var(--uaw-blue-50);
    box-shadow: inset 0 0 0 1px var(--uaw-blue-600);
    transform: none;
}

.uaw-v2 .week-day-column {
    align-items: center;
    min-height: 47px;
}

.uaw-v2 .week-day-column.no-activity {
    background: var(--uaw-slate-50);
}

.uaw-v2 .no-activity-marker {
    color: var(--uaw-slate-400);
    font-size: 13px;
}

.uaw-v2 .activity-track {
    position: relative;
    width: 100%;
    height: 22px;
    overflow: hidden;
    border: 1px solid var(--uaw-slate-300);
    background: var(--uaw-slate-100);
}

.uaw-v2 .activity-bar,
.uaw-v2 .week-day-column:hover .activity-bar {
    position: absolute;
    inset: 0 auto 0 0;
    min-width: 3px;
    height: 100%;
    padding: 0;
    border-radius: 0;
    background: #5c91b4;
    transition: width 160ms cubic-bezier(.2,.7,.2,1);
}

.uaw-v2 .activity-count {
    position: relative;
    z-index: 1;
    display: block;
    padding: 3px 5px;
    color: var(--uaw-slate-800);
    font-size: 10px;
    font-weight: 650;
    line-height: 14px;
    text-shadow: none;
}

.uaw-v2 .week-legend {
    display: flex;
    align-items: center;
    gap: 14px;
}

.uaw-v2 .week-legend h5 {
    margin: 0;
}

.uaw-v2 .simulation-library-modal-content {
    border-radius: 3px;
}

.uaw-v2 .simulation-library-grid {
    gap: 8px;
}

.uaw-v2 .sim-lib-card {
    width: 100%;
    padding: 12px;
    border-color: var(--uaw-slate-300);
    border-radius: 2px;
    color: var(--uaw-slate-800);
    background: var(--uaw-white);
    text-align: left;
    box-shadow: none;
}

.uaw-v2 .sim-lib-card:hover,
.uaw-v2 .sim-lib-card:focus-visible {
    border-color: #7da8c4;
    background: var(--uaw-blue-soft);
    box-shadow: inset 3px 0 var(--uaw-blue);
    transform: none;
}

.uaw-v2 .sim-lib-card-icon {
    font-size: 20px;
}

@media (max-width: 1180px) {
    :root {
        --uaw-explorer-width: 205px;
        --uaw-inspector-width: 275px;
    }

    .uaw-commandbar__identity span,
    .uaw-commandbar #dark-mode-toggle,
    .uaw-commandbar #help-menu-btn {
        display: none;
    }

    .uaw-commandbar__identity {
        min-width: 90px;
    }

    .uaw-quiet-button {
        min-width: 35px;
    }

    .uaw-quiet-button > span:not(.uaw-icon),
    .uaw-quiet-button kbd {
        display: none;
    }
}

@media (max-width: 960px) {
    body.uaw-explorer-open .uaw-workspace-grid,
    body.uaw-explorer-open.uaw-inspector-open .uaw-workspace-grid {
        grid-template-columns: 0 minmax(0, 1fr) var(--uaw-inspector-width);
    }

    body.uaw-explorer-open .uaw-explorer {
        opacity: 0;
        pointer-events: none;
    }

    .uaw-project-actions,
    .uaw-onboarding,
    .uaw-settings-section {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .uaw-v2 *,
    .uaw-v2 *::before,
    .uaw-v2 *::after {
        scroll-behavior: auto !important;
        transition-duration: .001ms !important;
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* Dark mode remains functional, but the default direction is deliberately light. */
[data-theme="dark"] body.uaw-v2,
body.uaw-v2[data-theme="dark"] {
    --uaw-white: #1f252b;
    --uaw-slate-50: #242b31;
    --uaw-slate-100: #2c343b;
    --uaw-slate-150: #343d45;
    --uaw-slate-200: #3d4750;
    --uaw-slate-300: #4c5862;
    color: #e8edf0;
}

/* -------------------------------------------------------------------------
   Product architecture v3: one purpose per workspace, no inherited modes.  */

.uaw-project-menu {
    position: fixed;
    top: 38px;
    left: 64px;
    z-index: 700;
    width: 310px;
    overflow: hidden;
    border: 1px solid #778792;
    border-radius: 3px;
    color: var(--uaw-slate-900);
    background: var(--uaw-white);
    box-shadow: var(--uaw-shadow-float);
}

.uaw-project-menu__heading {
    padding: 8px 10px;
    border-bottom: 1px solid var(--uaw-slate-300);
    color: var(--uaw-slate-600);
    background: var(--uaw-slate-100);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.uaw-project-menu__list {
    max-height: 280px;
    overflow-y: auto;
    padding: 4px;
}

.uaw-project-menu__list button {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 46px;
    padding: 5px 7px;
    border: 1px solid transparent;
    border-radius: 2px;
    color: var(--uaw-slate-800);
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.uaw-project-menu__list button:hover,
.uaw-project-menu__list button.active {
    border-color: #bad1df;
    background: var(--uaw-blue-soft);
}

.uaw-project-menu__list button strong,
.uaw-project-menu__list button small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uaw-project-menu__list button strong { font-size: 12px; }
.uaw-project-menu__list button small { color: var(--uaw-slate-500); font-size: 10px; }
.uaw-project-menu__mark { color: var(--uaw-blue-strong); font: 600 10px var(--uaw-font-code); }
.uaw-project-menu__check { color: var(--uaw-success); font-weight: 700; }

.uaw-project-menu__actions {
    display: grid;
    padding: 4px;
    border-top: 1px solid var(--uaw-slate-300);
    background: var(--uaw-slate-50);
}

.uaw-project-menu__actions button {
    height: 30px;
    padding: 0 8px;
    border: 0;
    color: var(--uaw-slate-800);
    background: transparent;
    font-size: 12px;
    text-align: left;
    cursor: pointer;
}

.uaw-project-menu__actions button:hover { background: var(--uaw-slate-150); }

.uaw-commandbar__commands--primary {
    flex: 1;
    overflow-x: auto;
}

.uaw-product-command {
    flex: 0 0 auto;
    height: 29px !important;
    padding: 0 10px !important;
    border: 1px solid transparent !important;
    border-radius: 2px !important;
    color: var(--uaw-slate-800) !important;
    background: transparent !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

.uaw-product-command:hover {
    border-color: var(--uaw-slate-300) !important;
    background: var(--uaw-slate-100) !important;
}

.uaw-product-command.primary {
    border-color: var(--uaw-blue-strong) !important;
    color: white !important;
    background: var(--uaw-blue) !important;
}

.uaw-product-command.primary:hover { background: var(--uaw-blue-strong) !important; }

.uaw-segmented {
    display: inline-flex;
    flex: 0 0 auto;
    height: 29px;
    border: 1px solid var(--uaw-slate-300);
    background: var(--uaw-white);
}

.uaw-segmented .uaw-product-command {
    height: 27px !important;
    min-width: 66px;
    border: 0 !important;
    border-right: 1px solid var(--uaw-slate-300) !important;
    border-radius: 0 !important;
}

.uaw-segmented .uaw-product-command:last-child { border-right: 0 !important; }
.uaw-segmented .uaw-product-command.active {
    color: white !important;
    background: var(--uaw-blue-strong) !important;
}

.uaw-context-actions {
    display: flex;
    align-items: center;
    gap: 3px;
    padding-right: 7px;
    border-right: 1px solid var(--uaw-slate-200);
}

.uaw-mode-label {
    color: var(--uaw-slate-600);
    font-size: 11px;
    font-weight: 650;
    letter-spacing: .04em;
    text-transform: uppercase;
}

/* Only Model owns the project tree. Only environment views own an inspector. */
body.uaw-v2 .uaw-workspace-grid {
    grid-template-columns: 0 minmax(0, 1fr) 0 !important;
}

body.uaw-v2[data-uaw-workspace="build"].uaw-explorer-open .uaw-workspace-grid,
body.uaw-v2[data-uaw-workspace="source"].uaw-explorer-open .uaw-workspace-grid {
    grid-template-columns: var(--uaw-explorer-width) minmax(0, 1fr) 0 !important;
}

body.uaw-v2[data-uaw-workspace="build"][data-model-view="physical"].uaw-explorer-open.uaw-inspector-open .uaw-workspace-grid,
body.uaw-v2[data-uaw-workspace="build"][data-model-view="digital"].uaw-explorer-open.uaw-inspector-open .uaw-workspace-grid,
body.uaw-v2[data-uaw-workspace="build"][data-model-view="displays"].uaw-explorer-open.uaw-inspector-open .uaw-workspace-grid {
    grid-template-columns: var(--uaw-explorer-width) minmax(0, 1fr) var(--uaw-inspector-width) !important;
}

body.uaw-v2:not([data-uaw-workspace="build"]):not([data-uaw-workspace="source"]) .uaw-explorer,
body.uaw-v2:not([data-uaw-workspace="build"]) .uaw-inspector,
body.uaw-v2[data-uaw-workspace="build"][data-model-view="process"] .uaw-inspector,
body.uaw-v2[data-uaw-workspace="build"][data-model-view="source"] .uaw-inspector {
    visibility: hidden !important;
    pointer-events: none !important;
}

body.uaw-v2:not([data-uaw-workspace="build"]) #uaw-toggle-inspector,
body.uaw-v2[data-uaw-workspace="build"][data-model-view="process"] #uaw-toggle-inspector,
body.uaw-v2[data-uaw-workspace="build"][data-model-view="source"] #uaw-toggle-inspector {
    display: none;
}

/* The view selector now lives in the product command bar. */
.uaw-v2 .simulation-panel > .tab-bar { display: none !important; }
.uaw-v2 .simulation-panel > .tab-content-wrapper { height: 100% !important; }

/* Model never inherits Review/Rules state and never carries a validation tray. */
body.uaw-v2[data-uaw-workspace="build"] .playground-top,
body.uaw-v2[data-uaw-workspace="source"] .playground-top,
body.uaw-v2[data-uaw-workspace="run"] .playground-top {
    display: flex !important;
    height: 100% !important;
}

body.uaw-v2[data-uaw-workspace="build"] .playground-bottom,
body.uaw-v2[data-uaw-workspace="source"] .playground-bottom,
body.uaw-v2[data-uaw-workspace="run"] .playground-bottom {
    display: none !important;
}

body.uaw-v2[data-uaw-workspace="build"] .playground-left,
body.uaw-v2[data-uaw-workspace="source"] .playground-left,
body.uaw-v2[data-uaw-workspace="run"] .playground-left {
    display: flex !important;
    width: 100% !important;
}

body.uaw-v2[data-uaw-workspace="build"] .standard-mode-layout,
body.uaw-v2[data-uaw-workspace="source"] .standard-mode-layout,
body.uaw-v2[data-uaw-workspace="run"] .standard-mode-layout {
    display: flex !important;
}

body.uaw-v2[data-uaw-workspace="build"] .metrics-mode-layout,
body.uaw-v2[data-uaw-workspace="source"] .metrics-mode-layout,
body.uaw-v2[data-uaw-workspace="run"] .metrics-mode-layout,
body.uaw-v2[data-uaw-workspace="build"] .metrics-editor-panel,
body.uaw-v2[data-uaw-workspace="source"] .metrics-editor-panel,
body.uaw-v2[data-uaw-workspace="run"] .metrics-editor-panel {
    display: none !important;
}

/* Simulate is always a timeline, never an authoring canvas. */
body.uaw-v2[data-uaw-workspace="run"] .json-editor-panel { display: none !important; }
body.uaw-v2[data-uaw-workspace="run"] .simulation-panel { display: flex !important; width: 100% !important; }

/* Model / Process is an authoring register. Simulate alone owns the runnable timeline. */
body.uaw-v2[data-uaw-workspace="build"][data-model-view="process"] #uaw-process-view {
    display: block;
}

body.uaw-v2[data-uaw-workspace="build"][data-model-view="process"] .uaw-legacy-host {
    display: none;
}

body.uaw-v2[data-uaw-workspace="build"][data-model-view="process"][data-source-dock^="split-"] .uaw-legacy-host {
    display: block;
}

body.uaw-v2[data-uaw-workspace="build"][data-model-view="process"][data-source-dock^="split-"] .uaw-legacy-host .simulation-panel,
body.uaw-v2[data-uaw-workspace="build"][data-model-view="process"][data-source-dock^="split-"] .uaw-legacy-host .playground-bottom {
    display: none !important;
}

body.uaw-v2[data-uaw-workspace="build"][data-model-view="process"][data-source-dock^="split-"] .uaw-legacy-host .json-editor-panel,
body.uaw-v2[data-uaw-workspace="build"][data-model-view="process"][data-source-dock^="split-"] .uaw-legacy-host .standard-mode-layout {
    display: flex !important;
    width: 100% !important;
    height: 100% !important;
}

body.uaw-v2[data-uaw-workspace="build"][data-model-view="process"][data-source-dock="split-left"] .uaw-legacy-host {
    right: 52%;
}

body.uaw-v2[data-uaw-workspace="build"][data-model-view="process"][data-source-dock="split-left"] #uaw-process-view {
    left: 48%;
}

body.uaw-v2[data-uaw-workspace="build"][data-model-view="process"][data-source-dock="split-right"] .uaw-legacy-host {
    left: 52%;
}

body.uaw-v2[data-uaw-workspace="build"][data-model-view="process"][data-source-dock="split-right"] #uaw-process-view {
    right: 48%;
}

body.uaw-v2[data-uaw-workspace="build"][data-model-view="process"][data-source-dock="split-bottom"] .uaw-legacy-host {
    top: 62%;
    border-top: 1px solid var(--uaw-slate-300);
}

body.uaw-v2[data-uaw-workspace="build"][data-model-view="process"][data-source-dock="split-bottom"] #uaw-process-view {
    bottom: 38%;
}

.uaw-process-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    max-width: 1440px;
    margin: 0 auto 22px;
}

.uaw-process-heading h1 {
    margin: 4px 0 5px;
    color: var(--uaw-slate-950);
    font-size: 24px;
    line-height: 1.15;
}

.uaw-process-heading > div > p:last-child {
    max-width: 720px;
    margin: 0;
    color: var(--uaw-slate-600);
    line-height: 1.45;
}

.uaw-process-heading dl {
    display: flex;
    flex: 0 0 auto;
    margin: 0;
    border: 1px solid var(--uaw-slate-300);
    background: var(--uaw-white);
}

.uaw-process-heading dl div {
    min-width: 74px;
    padding: 8px 14px;
    border-right: 1px solid var(--uaw-slate-200);
}

.uaw-process-heading dl div:last-child { border-right: 0; }
.uaw-process-heading dt { color: var(--uaw-slate-600); font-size: 10px; text-transform: uppercase; letter-spacing: .06em; }
.uaw-process-heading dd { margin: 2px 0 0; color: var(--uaw-slate-950); font: 650 18px var(--uaw-font-code); }

.uaw-process-register {
    max-width: 1440px;
    margin: 0 auto;
    border: 1px solid var(--uaw-slate-300);
    background: var(--uaw-white);
    box-shadow: 0 1px 2px rgba(24, 38, 48, .04);
}

.uaw-process-section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 58px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--uaw-slate-300);
    background: var(--uaw-slate-100);
}

.uaw-process-section-heading h2 { margin: 0; font-size: 14px; }
.uaw-process-section-heading p { margin: 3px 0 0; color: var(--uaw-slate-600); font-size: 11px; }
.uaw-process-section-heading > button,
.uaw-process-empty button,
.uaw-row-action {
    min-height: 27px;
    padding: 0 10px;
    color: var(--uaw-blue-strong);
    background: var(--uaw-white);
    border: 1px solid var(--uaw-slate-300);
    border-radius: 2px;
    font: 600 11px var(--uaw-font-ui);
    cursor: pointer;
}

.uaw-process-section-heading > button { color: white; background: var(--uaw-blue); border-color: var(--uaw-blue-strong); }
.uaw-process-table-wrap { overflow: auto; }
.uaw-process-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.uaw-process-table th {
    padding: 8px 10px;
    color: var(--uaw-slate-600);
    background: #fafbfc;
    border-bottom: 1px solid var(--uaw-slate-200);
    font-size: 10px;
    font-weight: 650;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: .045em;
}
.uaw-process-table td { padding: 9px 10px; border-bottom: 1px solid var(--uaw-slate-200); vertical-align: middle; }
.uaw-process-table tbody tr:last-child td { border-bottom: 0; }
.uaw-process-table tbody tr:hover { background: #f7fafc; }
.uaw-process-task-name { display: grid; gap: 2px; min-width: 180px; }
.uaw-process-task-name strong { color: var(--uaw-slate-950); font-size: 12px; }
.uaw-process-task-name code { color: var(--uaw-slate-600); font-size: 10px; }
.uaw-process-period { width: max-content; padding: 1px 4px; color: #6a571a; background: #fff4c7; border: 1px solid #e7d589; font-size: 9px; text-transform: uppercase; }
.uaw-process-time { font: 600 11px var(--uaw-font-code); }
.uaw-process-dependencies { max-width: 220px; color: var(--uaw-slate-600); font-family: var(--uaw-font-code); font-size: 10px; }
.uaw-process-empty { display: grid; place-items: center; min-height: 240px; padding: 32px; text-align: center; }
.uaw-process-empty p { margin: 5px 0 14px; color: var(--uaw-slate-600); }

/* Canvas entities use the same restrained product language as the shell. */
.uaw-v2 .digital-location-rect {
    align-items: flex-start !important;
    justify-content: flex-start !important;
    color: var(--uaw-slate-900) !important;
    background: rgba(225, 233, 238, .56) !important;
    border: 1px solid #8298a6 !important;
    border-radius: 2px !important;
    box-shadow: 0 1px 2px rgba(20, 38, 48, .07) !important;
}

.uaw-v2 .digital-location-rect:hover:not(.dragging):not(.resizing) {
    border-color: #4f7187 !important;
    box-shadow: 0 0 0 1px rgba(53, 105, 139, .14) !important;
}

.uaw-v2 .digital-location-rect.selected {
    background: rgba(213, 229, 240, .64) !important;
    border-color: var(--uaw-blue-strong) !important;
    box-shadow: 0 0 0 2px rgba(37, 111, 159, .18) !important;
}

.uaw-v2 .digital-location-rect .location-label {
    position: absolute;
    inset: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 7px;
    min-height: 27px;
    padding: 5px 8px;
    text-align: left;
    background: rgba(255, 255, 255, .82);
    border-bottom: 1px solid rgba(130, 152, 166, .5);
}

.uaw-v2 .digital-location-rect .location-icon { display: none; }
.uaw-v2 .digital-location-rect .location-name { overflow: hidden; font-size: 11px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.uaw-v2 .digital-location-rect .object-count-badge {
    min-width: 17px;
    margin-left: auto;
    padding: 1px 4px;
    color: white;
    background: var(--uaw-blue-strong);
    border-radius: 8px;
    font: 650 9px var(--uaw-font-code);
}

.uaw-v2 .digital-location-rect .digital-objects-container {
    top: 34px !important;
    height: calc(100% - 42px) !important;
}

.uaw-v2 .digital-object-visual {
    background: rgba(255, 255, 255, .94) !important;
    border-color: #8799a4 !important;
    border-radius: 2px !important;
    box-shadow: 0 1px 1px rgba(20, 38, 48, .08) !important;
}

.uaw-v2 .digital-object-visual.state-busy,
.uaw-v2 .digital-object-visual.state-error {
    box-shadow: 0 0 0 2px rgba(185, 111, 17, .16) !important;
}

/* Review has exactly two subviews: Problems and Rules. */
body.uaw-v2[data-uaw-workspace="validate"][data-review-view="problems"] .playground-top { display: none !important; }
body.uaw-v2[data-uaw-workspace="validate"][data-review-view="problems"] .playground-bottom {
    display: block !important;
    height: 100% !important;
}

body.uaw-v2[data-uaw-workspace="validate"][data-review-view="rules"] .playground-top {
    display: flex !important;
    height: 68% !important;
    border-bottom: 1px solid var(--uaw-slate-300);
}

body.uaw-v2[data-uaw-workspace="validate"][data-review-view="rules"] .playground-left { display: none !important; }
body.uaw-v2[data-uaw-workspace="validate"][data-review-view="rules"] .metrics-editor-panel {
    display: flex !important;
    flex: 1 !important;
    width: 100% !important;
    border-left: 0 !important;
}

body.uaw-v2[data-uaw-workspace="validate"][data-review-view="rules"] .playground-bottom {
    display: block !important;
    height: 32% !important;
}

body.uaw-v2[data-uaw-workspace="validate"][data-review-view="rules"] .metrics-mode-layout { display: none !important; }

/* Playback is a Simulate-only control group. */
body.uaw-v2:not([data-uaw-workspace="run"]) #uaw-playback-commands { display: none !important; }
body.uaw-v2[data-uaw-workspace="run"] #uaw-playback-commands { display: flex !important; }

.uaw-v2 #uaw-playback-commands .playback-controls-group {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    border: 0;
}

.uaw-v2 #player-play-pause-btn {
    width: 29px;
    padding: 0 !important;
    color: white;
    background: var(--uaw-blue);
    border: 1px solid var(--uaw-blue-strong);
}

.uaw-v2 .player-time-display {
    min-width: 54px;
    color: var(--uaw-slate-900);
    font: 600 13px var(--uaw-font-code);
}

.uaw-v2 .player-speed-control { display: flex; align-items: center; gap: 5px; font-size: 11px; }
.uaw-v2 .player-speed-control select { height: 27px; }

/* Source is hidden by default, but remembered split configurations remain real. */
body.uaw-v2[data-uaw-workspace="build"][data-source-dock="hidden"] .simulation-panel { width: 100% !important; }

/* v4 cascade lock: these structural decisions must follow legacy compatibility rules. */
body.uaw-v2 .uaw-workspace-grid { grid-template-columns: minmax(0, 1fr) 0 !important; }
body.uaw-v2[data-uaw-workspace="build"][data-model-view="physical"].uaw-inspector-open .uaw-workspace-grid,
body.uaw-v2[data-uaw-workspace="build"][data-model-view="digital"].uaw-inspector-open .uaw-workspace-grid,
body.uaw-v2[data-uaw-workspace="build"][data-model-view="displays"].uaw-inspector-open .uaw-workspace-grid { grid-template-columns: minmax(0, 1fr) var(--uaw-inspector-width) !important; }
.uaw-explorer { display: none !important; }
body.uaw-v2[data-uaw-workspace="build"][data-model-view="objects"] #uaw-objects-view { display: block !important; }
body.uaw-v2[data-uaw-workspace="build"][data-model-view="objects"] .uaw-legacy-host { display: none !important; }
.uaw-commandbar__identity { flex: 0 0 180px !important; width: 180px !important; min-width: 180px !important; }
body.uaw-agent-open .uaw-workarea { margin-right: var(--uaw-agent-width); }
.uaw-object-add-control { position: relative; display: inline-flex; }
.uaw-object-add-menu { position: absolute; top: calc(100% + 5px); right: 0; z-index: 300; width: 310px; padding: 5px; background: #fff; border: 1px solid #82919b; box-shadow: var(--uaw-shadow-float); }
.uaw-object-add-menu[hidden] { display: none !important; }
.uaw-process-table-wrap { max-width: 100%; overflow: auto; }
.uaw-process-table { min-width: 860px; }
.uaw-source-resizer { display: none; position: absolute; z-index: 70; background: transparent; }
body[data-source-dock="split-left"] .uaw-source-resizer,
body[data-source-dock="split-right"] .uaw-source-resizer { display: block; top: 0; bottom: 0; left: calc(var(--uaw-source-split, 52%) - 4px); width: 8px; cursor: col-resize; }
body[data-source-dock="split-bottom"] .uaw-source-resizer { display: block; left: 0; right: 0; top: calc(var(--uaw-source-split, 62%) - 4px); height: 8px; cursor: row-resize; }
body.uaw-v2[data-uaw-workspace="build"][data-model-view="process"][data-source-dock="split-left"] .uaw-legacy-host { left: 0 !important; right: calc(100% - var(--uaw-source-split, 52%)) !important; }
body.uaw-v2[data-uaw-workspace="build"][data-model-view="process"][data-source-dock="split-left"] #uaw-process-view { left: var(--uaw-source-split, 52%) !important; right: 0 !important; }
body.uaw-v2[data-uaw-workspace="build"][data-model-view="process"][data-source-dock="split-right"] .uaw-legacy-host { left: var(--uaw-source-split, 52%) !important; right: 0 !important; }
body.uaw-v2[data-uaw-workspace="build"][data-model-view="process"][data-source-dock="split-right"] #uaw-process-view { left: 0 !important; right: calc(100% - var(--uaw-source-split, 52%)) !important; }
body.uaw-v2[data-uaw-workspace="build"][data-model-view="process"][data-source-dock="split-bottom"] .uaw-legacy-host { top: var(--uaw-source-split, 62%) !important; bottom: 0 !important; }
body.uaw-v2[data-uaw-workspace="build"][data-model-view="process"][data-source-dock="split-bottom"] #uaw-process-view { top: 0 !important; bottom: calc(100% - var(--uaw-source-split, 62%)) !important; }
body.uaw-v2[data-uaw-workspace="run"] .playground-top,
body.uaw-v2[data-uaw-workspace="run"] .playground-bottom { display: none !important; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .playground-top,
body.uaw-v2[data-uaw-workspace="run"][data-run-view="rules"] .playground-top { display: flex !important; height: 100% !important; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="problems"] .playground-bottom { display: block !important; height: 100% !important; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="rules"] .metrics-mode-layout,
body.uaw-v2[data-uaw-workspace="run"][data-run-view="rules"] .metrics-editor-panel { display: flex !important; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="rules"] .standard-mode-layout { display: none !important; }
.uaw-v2 .uaw-entity-dialog { width: min(720px, calc(100vw - 48px)) !important; max-height: calc(100vh - 48px); padding: 0 !important; overflow: hidden; }
.uaw-v2 .uaw-dialog-header { padding: 16px 20px 14px; color: #fff; background: #29343c; }
.uaw-v2 .uaw-dialog-header h3 { margin: 0; color: #fff; }
.uaw-v2 .uaw-dialog-header > p:last-child { margin: 5px 0 0; color: #c4cdd2; }
.uaw-v2 .uaw-entity-dialog .modal-content { max-height: calc(100vh - 190px); overflow: auto; padding: 18px 20px; }
.uaw-onboarding { min-height: 0 !important; padding: 12px 46px 12px 14px !important; gap: 24px !important; }
.uaw-onboarding h2 { margin: 2px 0 !important; font-size: 16px !important; }
body.uaw-v2:not([data-uaw-workspace="build"]) .uaw-inspector,
body.uaw-v2[data-uaw-workspace="build"][data-model-view="process"] .uaw-inspector,
body.uaw-v2[data-uaw-workspace="build"][data-model-view="objects"] .uaw-inspector,
body.uaw-v2[data-uaw-workspace="build"][data-model-view="source"] .uaw-inspector { display: none !important; }

/* ──────────────────────────────────────────────────────────────────────────
   Simulation player — a focused, commercial-grade operational timeline.
   Model owns authoring; this surface owns playback and live inspection.
   ────────────────────────────────────────────────────────────────────────── */
body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .uaw-legacy-host {
    display: block !important;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .playground-main,
body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .playground-top,
body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .playground-left,
body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .standard-mode-layout,
body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .simulation-panel,
body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .tab-content-wrapper,
body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] #simulation-tab {
    width: 100% !important;
    height: 100% !important;
    min-width: 0;
    min-height: 0;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .simulation-panel {
    display: flex !important;
    border: 0 !important;
    background: #f4f6fa;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] #simulation-tab {
    display: block !important;
    overflow: hidden;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] #simulation-content {
    height: 100%;
    padding: clamp(18px, 2.4vw, 34px) !important;
    overflow: auto;
    color: #172033;
    background:
        linear-gradient(rgba(22, 32, 51, .025) 1px, transparent 1px),
        #f4f6fa !important;
    background-size: 100% 32px !important;
    font-family: "Geologica", "Source Sans 3", sans-serif;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .simulation-container {
    display: flex !important;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    min-width: 820px;
    max-width: 1580px;
    margin: 0 auto !important;
    overflow: visible;
    background: transparent;
    border: 0;
    border-radius: 0;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .simulation-header {
    display: flex !important;
    align-items: center;
    gap: 28px;
    min-height: 104px;
    padding: 22px 24px !important;
    color: #172033;
    background: #fff;
    border: 1px solid #dfe4ec;
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 10px 28px rgba(16, 24, 40, .055);
}

.simulation-header-content { min-width: 0; }

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .simulation-header-eyebrow {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 7px;
    color: #526179;
    font: 650 10px/1 var(--uaw-font-code);
    letter-spacing: .09em;
    text-transform: uppercase;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .simulation-header-eyebrow > span {
    width: 7px;
    height: 7px;
    background: #22a06b;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(34, 160, 107, .11);
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .simulation-header h4 {
    margin: 0;
    overflow: hidden;
    color: #111827;
    font: 650 clamp(20px, 2vw, 28px)/1.15 "Geologica", "Source Sans 3", sans-serif;
    letter-spacing: -.035em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .simulation-header p {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 0;
    margin: 10px 0 0;
    color: #68758a;
    font-size: 11px;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .simulation-header p span {
    display: inline-flex;
    align-items: center;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .simulation-header p span + span::before {
    width: 3px;
    height: 3px;
    margin: 0 10px;
    background: #a8b2c1;
    border-radius: 50%;
    content: "";
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .view-controls {
    flex: 0 0 auto;
    margin-left: auto !important;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .view-controls .dropdown-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 36px;
    padding: 0 13px !important;
    color: #344054 !important;
    background: #fff !important;
    border: 1px solid #cfd6e1 !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
    font-size: 11px;
    font-weight: 600;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .view-controls .dropdown-toggle:hover {
    color: #1456d9 !important;
    background: #f8faff !important;
    border-color: #9fb6e8 !important;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .view-controls .dropdown-content {
    padding: 6px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #d8dee8;
    border-radius: 10px;
    box-shadow: 0 18px 48px rgba(15, 23, 42, .16);
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .dropdown-checkbox-item {
    min-height: 34px;
    padding: 7px 9px;
    border-radius: 6px;
    color: #344054;
    font-size: 11px;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .dropdown-checkbox-item:hover { background: #f2f5fa; }

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .simulation-timeline {
    position: relative;
    min-height: 390px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid #dfe4ec !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .035), 0 8px 24px rgba(16, 24, 40, .045);
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .simulation-timeline::before {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    width: 198px;
    height: 48px;
    padding: 0 15px;
    color: #7c899d;
    background: #f9fafc;
    border-right: 1px solid #e1e6ee;
    border-bottom: 1px solid #e5e9f0;
    content: "Timeline";
    font: 650 9px var(--uaw-font-code);
    letter-spacing: .075em;
    text-transform: uppercase;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .timeline-time-markers {
    position: absolute !important;
    z-index: 8;
    top: 0 !important;
    right: 16px !important;
    left: 198px !important;
    display: block !important;
    height: 48px !important;
    padding: 0 !important;
    color: #7c899d;
    background: rgba(249, 250, 252, .98);
    border-bottom: 1px solid #e5e9f0;
    font: 550 9px var(--uaw-font-code);
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .timeline-time-markers span {
    position: absolute;
    top: 18px;
    transform: translateX(-50%);
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .timeline-time-markers span:first-child { transform: none; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .timeline-time-markers span:last-child { transform: translateX(-100%); }

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .actor-lanes {
    min-width: 790px;
    padding: 48px 0 0 !important;
    background:
        repeating-linear-gradient(90deg, transparent 0, transparent calc(12.5% - 1px), #edf0f5 calc(12.5% - 1px), #edf0f5 12.5%),
        #fff;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .actor-lane {
    --actor-accent: #2f6fec;
    align-items: stretch !important;
    min-height: 72px !important;
    margin: 0 !important;
    padding: 0 16px 0 0 !important;
    border-top: 1px solid #edf0f5;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .actor-lane:nth-child(4n + 2) { --actor-accent: #7656d6; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .actor-lane:nth-child(4n + 3) { --actor-accent: #0b8f8a; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .actor-lane:nth-child(4n + 4) { --actor-accent: #d16432; }

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .actor-label {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 198px;
    width: 198px !important;
    margin: 0 !important;
    padding: 13px 14px !important;
    color: #253046;
    background: rgba(249, 250, 252, .98) !important;
    border: 0 !important;
    border-right: 1px solid #e1e6ee !important;
    border-radius: 0 !important;
    text-align: left;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .actor-avatar {
    display: grid;
    place-items: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    overflow: hidden;
    color: #fff;
    background: var(--actor-accent);
    border-radius: 9px;
    font-size: 13px;
    font-weight: 650;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.18);
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .actor-label-copy {
    display: grid;
    gap: 3px;
    min-width: 0;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .actor-label-copy strong {
    overflow: hidden;
    color: #202a3c;
    font-size: 11px;
    font-weight: 650;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .actor-label-copy small {
    color: #7b8799;
    font: 500 9px var(--uaw-font-code);
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .task-track {
    align-self: center;
    min-height: 48px !important;
    margin: 11px 0 11px 12px;
    overflow: visible;
    background: rgba(248, 250, 252, .78) !important;
    border: 1px solid #e5eaf1 !important;
    border-radius: 8px !important;
    transition: background 130ms ease, border-color 130ms ease !important;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .task-track:hover {
    background: #f7f9fd !important;
    border-color: #cbd5e3 !important;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .task-block {
    top: 6px !important;
    justify-content: flex-start !important;
    height: 34px !important;
    min-width: 10px;
    padding: 0 9px !important;
    overflow: hidden;
    color: #17418f !important;
    background: #eaf1ff !important;
    border: 1px solid color-mix(in srgb, var(--actor-accent) 72%, #fff) !important;
    border-left: 3px solid var(--actor-accent) !important;
    border-radius: 6px !important;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .07) !important;
    font-size: 10px !important;
    white-space: nowrap;
    transition: transform 120ms ease, box-shadow 120ms ease, background 120ms ease !important;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .actor-lane:nth-child(4n + 2) .task-block { color: #533aa3 !important; background: #f0edff !important; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .actor-lane:nth-child(4n + 3) .task-block { color: #076965 !important; background: #e7f7f5 !important; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .actor-lane:nth-child(4n + 4) .task-block { color: #91411d !important; background: #fff0e9 !important; }

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .task-block:hover,
body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .task-block:focus-visible {
    z-index: 12;
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(16, 24, 40, .14) !important;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .task-block.active {
    z-index: 11;
    color: #fff !important;
    background: var(--actor-accent) !important;
    border-color: var(--actor-accent) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--actor-accent) 18%, transparent), 0 6px 16px rgba(16, 24, 40, .16) !important;
    animation: none !important;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .task-block.completed {
    color: #748095 !important;
    background: #eef1f5 !important;
    border-color: #cbd2dd !important;
    border-left-color: #aab3c1 !important;
    box-shadow: none !important;
    opacity: .78;
    animation: none !important;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .task-emoji { flex: 0 0 auto; font-size: 12px !important; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .task-block__label { overflow: hidden; font-weight: 650; text-overflow: ellipsis; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .task-block__duration { margin-left: auto; padding-left: 8px; opacity: .68; font: 600 8px var(--uaw-font-code); }

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .timeline-playhead {
    width: 2px !important;
    margin-left: -1px;
    background: #f04461 !important;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(255,255,255,.8), 0 0 10px rgba(240,68,97,.35) !important;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .timeline-playhead::before {
    position: absolute;
    top: -7px;
    left: 50%;
    width: 9px;
    height: 9px;
    background: #f04461;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 1px 4px rgba(16,24,40,.22);
    content: "";
    transform: translateX(-50%);
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .task-time-indicator {
    top: -28px !important;
    padding: 4px 7px !important;
    color: #fff !important;
    background: #1e293b !important;
    border-radius: 5px !important;
    box-shadow: 0 4px 12px rgba(15,23,42,.18) !important;
    font: 550 9px var(--uaw-font-code) !important;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] #live-state-container {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 14px !important;
    margin: 0 !important;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .resources-panel {
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    background: #fff !important;
    border: 1px solid #dfe4ec !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 2px rgba(16,24,40,.035), 0 8px 22px rgba(16,24,40,.035);
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .resources-panel h5 {
    display: flex;
    align-items: center;
    min-height: 42px;
    margin: 0 !important;
    padding: 0 14px !important;
    color: #344054;
    background: #fbfcfe;
    border-bottom: 1px solid #e6eaf0;
    font-size: 10px;
    font-weight: 650;
    letter-spacing: .04em;
    text-transform: capitalize;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .resources-panel h5::before {
    width: 7px;
    height: 7px;
    margin-right: 8px;
    background: #2f6fec;
    border-radius: 2px;
    content: "";
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .resource-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
    grid-auto-flow: row;
    grid-template-rows: none;
    gap: 7px;
    max-height: 232px;
    padding: 10px;
    overflow: auto;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .resource-item {
    min-width: 0;
    min-height: 52px;
    margin: 0;
    padding: 8px 9px;
    background: #f9fafc;
    border: 1px solid #e4e8ef;
    border-radius: 8px;
    box-shadow: none;
    transition: background 120ms ease, border-color 120ms ease, transform 120ms ease;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .resource-item:hover {
    background: #fff;
    border-color: #b9c6da;
    transform: translateY(-1px);
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .resource-emoji {
    display: grid;
    place-items: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    background: #eef2f8;
    border-radius: 8px;
    font-size: 14px;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .resource-name {
    overflow: hidden;
    color: #2b3548;
    font-size: 10px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .resource-state {
    margin-top: 3px;
    overflow: hidden;
    color: #7a879a;
    font: 500 8px var(--uaw-font-code);
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .simulation-stats {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    background: #fff !important;
    border: 1px solid #dfe4ec;
    border-radius: 12px !important;
    box-shadow: 0 1px 2px rgba(16,24,40,.035);
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .simulation-stats .stat-item {
    display: grid;
    gap: 4px;
    min-height: 70px;
    padding: 14px 16px !important;
    color: #253046;
    border-right: 1px solid #e5e9f0;
    font-size: 11px;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .simulation-stats .stat-item:last-child { border-right: 0; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .simulation-stats .stat-item > span { color: #7c899b; font-size: 9px; font-weight: 550; letter-spacing: .035em; text-transform: uppercase; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .simulation-stats .stat-item > strong { color: #172033; font: 650 18px/1.1 "Geologica", "Source Sans 3", sans-serif; letter-spacing: -.025em; }

/* The transport stays in the command bar so the timeline gets maximum space. */
body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] #uaw-playback-commands {
    display: flex !important;
    align-items: center;
    margin-left: auto;
    padding: 3px 4px;
    background: #f2f5fa;
    border: 1px solid #dce2eb;
    border-radius: 9px;
}

/* Timeline has no contextual actions. Removing the empty end slot prevents its
   auto margin from consuming the space that should place transport at right. */
body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] #uaw-context-commands {
    display: none;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] #uaw-playback-commands .playback-controls-group { gap: 6px; }

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] #player-play-pause-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: auto;
    min-width: 72px;
    height: 30px;
    padding: 0 11px !important;
    color: #fff;
    background: #245fd6;
    border: 1px solid #1d4fb7;
    border-radius: 7px;
    box-shadow: 0 1px 2px rgba(16,24,40,.12);
    font-size: 10px;
    font-weight: 650;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] #player-play-pause-btn:hover { background: #1d53c0; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .player-control-icon { font: 700 10px var(--uaw-font-code); }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .player-time-display { min-width: 58px; color: #253046; font: 650 11px var(--uaw-font-code); text-align: center; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .player-speed-control label { color: #7b8799; font-size: 9px; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .player-speed-control select { height: 27px; color: #344054; background: #fff; border: 1px solid #cfd6e1; border-radius: 6px; font-size: 9px; }

@media (max-width: 980px) {
    body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] #simulation-content { padding: 16px !important; }
    body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .simulation-header { min-height: 88px; padding: 18px !important; }
    body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .simulation-header h4 { font-size: 20px; }
    body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .simulation-container { min-width: 760px; }
    body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .resource-grid { grid-template-columns: repeat(auto-fill, minmax(145px, 1fr)); }
}

@media (max-width: 760px) {
    body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] #simulation-content { padding: 10px !important; }
    body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .simulation-container { min-width: 700px; }
    body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .player-control-label,
    body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .player-speed-control label { display: none; }
    body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] #player-play-pause-btn { min-width: 34px; padding: 0 9px !important; }
}

[data-theme="dark"] body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .simulation-panel,
body.uaw-v2[data-theme="dark"][data-uaw-workspace="run"][data-run-view="timeline"] .simulation-panel,
[data-theme="dark"] body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] #simulation-content,
body.uaw-v2[data-theme="dark"][data-uaw-workspace="run"][data-run-view="timeline"] #simulation-content {
    color: #d9e0eb;
    background-color: #151a22 !important;
}

[data-theme="dark"] body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .simulation-header,
[data-theme="dark"] body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .simulation-timeline,
[data-theme="dark"] body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .resources-panel,
[data-theme="dark"] body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .simulation-stats,
body.uaw-v2[data-theme="dark"][data-uaw-workspace="run"][data-run-view="timeline"] .simulation-header,
body.uaw-v2[data-theme="dark"][data-uaw-workspace="run"][data-run-view="timeline"] .simulation-timeline,
body.uaw-v2[data-theme="dark"][data-uaw-workspace="run"][data-run-view="timeline"] .resources-panel,
body.uaw-v2[data-theme="dark"][data-uaw-workspace="run"][data-run-view="timeline"] .simulation-stats {
    color: #d9e0eb;
    background: #1d2430 !important;
    border-color: #303a49 !important;
}

[data-theme="dark"] body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .actor-lanes,
[data-theme="dark"] body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .actor-label,
[data-theme="dark"] body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .timeline-time-markers,
body.uaw-v2[data-theme="dark"][data-uaw-workspace="run"][data-run-view="timeline"] .actor-lanes,
body.uaw-v2[data-theme="dark"][data-uaw-workspace="run"][data-run-view="timeline"] .actor-label,
body.uaw-v2[data-theme="dark"][data-uaw-workspace="run"][data-run-view="timeline"] .timeline-time-markers {
    color: #a8b3c4;
    background-color: #181f29 !important;
    border-color: #303947 !important;
}

/* Projects workspace — the same calm operational system as Simulate. */
body.uaw-v2[data-uaw-workspace="projects"] #uaw-projects-view {
    padding: clamp(18px, 2.4vw, 34px);
    color: #172033;
    background: #f4f6fa;
    font-family: "Geologica", "Source Sans 3", sans-serif;
}

.uaw-projects-shell {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    max-width: 1580px;
    margin: 0 auto;
}

.uaw-projects-hero {
    display: flex;
    align-items: center;
    gap: 32px;
    min-height: 92px;
    padding: 6px 2px 20px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d8dee8;
    border-radius: 0;
    box-shadow: none;
}

.uaw-projects-hero__copy { min-width: 0; }

.uaw-projects-hero h1 {
    margin: 0;
    color: #111827;
    font: 650 clamp(24px, 2vw, 30px)/1.1 "Geologica", "Source Sans 3", sans-serif;
    letter-spacing: -.04em;
}

.uaw-projects-hero__copy > p:last-child {
    max-width: 700px;
    margin: 9px 0 0;
    color: #68758a;
    font: 400 12px/1.5 "Source Sans 3", sans-serif;
}

.uaw-projects-new {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 0 0 auto;
    min-height: 38px;
    margin-left: auto;
    padding: 0 15px;
    color: #fff;
    background: #245fd6;
    border: 1px solid #1d4fb7;
    border-radius: 7px;
    box-shadow: none;
    font: 650 11px "Geologica", "Source Sans 3", sans-serif;
    cursor: pointer;
    transition: none;
}

.uaw-projects-new > span { font: 500 18px/1 var(--uaw-font-ui); }
.uaw-projects-new:hover { background: #1d53c0; }
.uaw-projects-new:focus-visible { outline: 3px solid rgba(36, 95, 214, .22); outline-offset: 2px; }

.uaw-project-journey {
    position: relative;
    display: grid;
    grid-template-columns: minmax(190px, .65fr) minmax(560px, 1.7fr);
    align-items: center;
    gap: 28px;
    min-height: 72px;
    padding: 12px 42px 12px 2px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d8dee8;
    border-radius: 0;
    box-shadow: none;
}

.uaw-project-journey__intro > p,
.uaw-projects-section__heading p {
    margin: 0 0 4px;
    color: #7c899d;
    font: 650 9px/1 var(--uaw-font-code);
    letter-spacing: .075em;
    text-transform: uppercase;
}

.uaw-project-journey__intro h2,
.uaw-projects-section__heading h2 {
    margin: 0;
    color: #202a3c;
    font: 650 15px/1.2 "Geologica", "Source Sans 3", sans-serif;
    letter-spacing: -.025em;
}

.uaw-project-journey ol {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.uaw-project-journey li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    color: #68758a;
}

.uaw-project-journey li + li::before {
    position: absolute;
    top: 17px;
    right: calc(100% + 12px);
    width: clamp(26px, 3.2vw, 52px);
    height: 1px;
    background: #aeb8c7;
    content: "";
}

.uaw-project-journey li + li::after {
    position: absolute;
    top: 14px;
    right: calc(100% + 10px);
    width: 6px;
    height: 6px;
    border-top: 1px solid #8895a8;
    border-right: 1px solid #8895a8;
    content: "";
    transform: rotate(45deg);
}

.uaw-project-journey li > span {
    display: grid;
    place-items: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    color: #667085;
    background: #f7f9fc;
    border: 1px solid #d8dee8;
    border-radius: 9px;
    font: 650 10px var(--uaw-font-code);
}

.uaw-project-journey li.done > span {
    color: #fff;
    background: #245fd6;
    border-color: #1d4fb7;
    box-shadow: none;
}

.uaw-project-journey li > div { display: grid; gap: 3px; min-width: 0; }
.uaw-project-journey li small { color: #7c899b; font: 650 8px/1 var(--uaw-font-code); letter-spacing: .055em; text-transform: uppercase; }
.uaw-project-journey li strong { overflow: hidden; color: #344054; font-size: 10px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.uaw-project-journey > button { position: absolute; top: 8px; right: 8px; color: #7b8799; }

.uaw-projects-section { padding-top: 2px; }

.uaw-projects-section__heading {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    min-height: 40px;
    margin-bottom: 9px;
    padding: 0 3px;
}

.uaw-project-actions {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    max-width: none;
    margin: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid #dfe4ec;
    border-radius: 9px;
}

.uaw-project-actions button {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
    min-height: 78px;
    padding: 12px;
    color: #253046;
    background: transparent;
    border: 0;
    border-right: 1px solid #e3e8ef;
    border-radius: 0;
    box-shadow: none;
    text-align: left;
    cursor: pointer;
    transition: none;
}

.uaw-project-actions button:last-child { border-right: 0; }

.uaw-project-actions button:hover,
.uaw-project-actions button:focus-visible {
    background: #f8fafc;
    box-shadow: none;
    transform: none;
}

.uaw-project-actions button:focus-visible { outline: 3px solid rgba(36, 95, 214, .16); outline-offset: 1px; }

.uaw-project-actions .uaw-project-action__icon {
    display: grid;
    place-items: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    color: #245fd6;
    background: #f0f4fa;
    border: 0;
    border-radius: 8px;
}

.uaw-project-actions button:nth-child(n) .uaw-project-action__icon { color: #496789; background: #f0f4f8; }

.uaw-project-action__icon svg,
.uaw-project-card__mark svg,
.uaw-project-action__arrow svg,
.uaw-project-card__arrow svg,
.uaw-empty-state__mark svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.65;
}

.uaw-project-actions .uaw-project-action__copy { display: grid; gap: 4px; min-width: 0; color: inherit; }
.uaw-project-actions .uaw-project-action__copy strong { overflow: hidden; color: #253046; font-size: 11px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.uaw-project-actions .uaw-project-action__copy small { overflow: hidden; color: #7a879a; font: 400 10px "Source Sans 3", sans-serif; text-overflow: ellipsis; white-space: nowrap; }
.uaw-project-actions .uaw-project-action__arrow { display: grid; place-items: center; flex: 0 0 20px; width: 20px; height: 20px; margin-left: auto; color: #9aa5b5; }
.uaw-project-actions .uaw-project-action__arrow svg { width: 14px; height: 14px; }
.uaw-project-actions button:hover .uaw-project-action__arrow { color: #245fd6; transform: none; }

.uaw-project-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
    gap: 12px;
    max-width: none;
    margin: 0;
}

.uaw-project-card {
    min-width: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid #dfe4ec;
    border-radius: 9px;
    box-shadow: none;
    transition: none;
}

.uaw-project-card:hover { border-color: #b9c6da; box-shadow: none; transform: none; }
.uaw-project-card__open {
    display: flex;
    align-items: center;
    gap: 11px;
    width: 100%;
    min-width: 0;
    min-height: 68px;
    padding: 12px;
    color: #253046;
    background: transparent;
    border: 0;
    text-align: left;
    cursor: pointer;
}

.uaw-project-card__open:hover { background: #f9fafc; }

.uaw-project-card__mark {
    display: grid;
    place-items: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    color: #245fd6;
    background: #edf3ff;
    border: 1px solid #d5e2fb;
    border-radius: 9px;
}

.uaw-project-card__body { display: grid; min-width: 0; }
.uaw-project-card__body strong { overflow: hidden; color: #253046; font-size: 11px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.uaw-project-card__body small { margin-top: 4px; overflow: hidden; color: #7a879a; font: 400 9px var(--uaw-font-code); text-overflow: ellipsis; white-space: nowrap; }

.uaw-project-card__arrow { display: grid; place-items: center; flex: 0 0 20px; width: 20px; height: 20px; margin-left: auto; color: #9aa5b5; }
.uaw-project-card__arrow svg { width: 14px; height: 14px; }
.uaw-project-card:hover .uaw-project-card__arrow { color: #245fd6; transform: none; }

.uaw-project-card__actions {
    display: flex;
    justify-content: flex-end;
    gap: 2px;
    min-height: 34px;
    padding: 4px 7px;
    background: #fbfcfe;
    border-top: 1px solid #e6eaf0;
}

.uaw-project-card__actions button {
    height: 25px;
    padding: 0 8px;
    color: #68758a;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 6px;
    font: 550 9px "Source Sans 3", sans-serif;
    cursor: pointer;
}

.uaw-project-card__actions button:hover { color: #253046; background: #eef2f7; border-color: #dce2eb; }
.uaw-project-card__actions .uaw-project-delete:hover { color: #b42318; background: #fff1f0; border-color: #f2d1ce; }

.uaw-empty-state {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 82px;
    padding: 14px;
    color: #344054;
    background: transparent;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    text-align: left;
}

.uaw-empty-state__mark {
    display: grid;
    place-items: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    color: #7b8799;
    background: #f3f5f8;
    border: 1px solid #e1e6ee;
    border-radius: 9px;
}

.uaw-empty-state > span:nth-child(2) { display: grid; gap: 3px; }
.uaw-empty-state strong { color: #253046; font-size: 11px; font-weight: 650; }
.uaw-empty-state p { margin: 0; color: #7a879a; font-size: 10px; }
.uaw-empty-state button { min-height: 30px; margin-left: auto; padding: 0 11px; color: #344054; background: #fff; border: 1px solid #cfd6e1; border-radius: 7px; font-size: 10px; font-weight: 600; cursor: pointer; }
.uaw-empty-state button:hover { color: #245fd6; background: #f8faff; border-color: #9fb6e8; }

.uaw-projects-shell > .uaw-storage-migration { max-width: none; margin: 0; border-radius: 8px; box-shadow: none; }

@media (max-width: 1120px) {
    .uaw-project-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .uaw-project-actions button { border-right: 1px solid #e3e8ef; }
    .uaw-project-actions button:nth-child(even) { border-right: 0; }
    .uaw-project-actions button:nth-child(-n + 2) { border-bottom: 1px solid #e3e8ef; }
    .uaw-project-journey { grid-template-columns: 1fr; gap: 14px; }
}

@media (max-width: 720px) {
    body.uaw-v2[data-uaw-workspace="projects"] #uaw-projects-view { padding: 12px; }
    .uaw-projects-hero { align-items: flex-start; min-height: 0; padding: 8px 0 18px; }
    .uaw-projects-hero__copy > p:last-child { max-width: 420px; }
    .uaw-projects-new { min-width: 38px; padding: 0 10px; }
    .uaw-projects-new > span { display: none; }
    .uaw-project-journey { padding: 15px 42px 15px 15px; }
    .uaw-project-journey ol { grid-template-columns: 1fr; gap: 10px; }
    .uaw-project-journey li + li::before,
    .uaw-project-journey li + li::after { display: none; }
    .uaw-project-actions { grid-template-columns: 1fr; }
    .uaw-project-actions button,
    .uaw-project-actions button:nth-child(even),
    .uaw-project-actions button:nth-child(-n + 2) { border-right: 0; border-bottom: 1px solid #e3e8ef; }
    .uaw-project-actions button:last-child { border-bottom: 0; }
    .uaw-empty-state { align-items: flex-start; flex-wrap: wrap; }
    .uaw-empty-state button { width: 100%; margin-left: 50px; }
}

[data-theme="dark"] body.uaw-v2[data-uaw-workspace="projects"] #uaw-projects-view,
body.uaw-v2[data-theme="dark"][data-uaw-workspace="projects"] #uaw-projects-view {
    color: #d9e0eb;
    background-color: #151a22;
}

[data-theme="dark"] .uaw-projects-hero,
[data-theme="dark"] .uaw-project-journey,
[data-theme="dark"] .uaw-project-actions,
[data-theme="dark"] .uaw-project-actions button,
[data-theme="dark"] .uaw-project-card,
[data-theme="dark"] .uaw-empty-state,
body.uaw-v2[data-theme="dark"] .uaw-projects-hero,
body.uaw-v2[data-theme="dark"] .uaw-project-journey,
body.uaw-v2[data-theme="dark"] .uaw-project-actions,
body.uaw-v2[data-theme="dark"] .uaw-project-actions button,
body.uaw-v2[data-theme="dark"] .uaw-project-card,
body.uaw-v2[data-theme="dark"] .uaw-empty-state {
    color: #d9e0eb;
    background: #1d2430;
    border-color: #303a49;
}

/* Model and Simulate — flattened, data-first work surfaces. */
body.uaw-v2[data-uaw-workspace="build"] #uaw-process-view,
body.uaw-v2[data-uaw-workspace="build"] #uaw-objects-view {
    padding: clamp(18px, 2.4vw, 34px);
    color: #172033;
    background: #f4f6fa;
    font-family: "Geologica", "Source Sans 3", sans-serif;
}

.uaw-process-heading {
    align-items: center;
    max-width: 1580px;
    min-height: 92px;
    margin: 0 auto 18px;
    padding: 6px 2px 20px;
    border-bottom: 1px solid #d8dee8;
}

.uaw-process-heading h1 {
    margin: 0;
    color: #111827;
    font: 650 clamp(24px, 2vw, 30px)/1.1 "Geologica", "Source Sans 3", sans-serif;
    letter-spacing: -.04em;
}

.uaw-process-heading > div > p:last-child {
    margin-top: 9px;
    color: #68758a;
    font: 400 12px/1.5 "Source Sans 3", sans-serif;
}

.uaw-process-heading dl {
    gap: 0;
    background: transparent;
    border: 0;
}

.uaw-process-heading dl div {
    min-width: 80px;
    padding: 2px 18px;
    border: 0;
    border-left: 1px solid #d8dee8;
}

.uaw-process-heading dt { color: #7c899b; font: 650 8px var(--uaw-font-code); letter-spacing: .06em; }
.uaw-process-heading dd { margin-top: 4px; color: #202a3c; font: 650 18px "Geologica", "Source Sans 3", sans-serif; }

.uaw-process-register {
    max-width: 1580px;
    overflow: hidden;
    border: 1px solid #dfe4ec;
    border-radius: 8px;
    box-shadow: none;
}

/* Preserve clipped table corners without clipping an open preset menu. */
.uaw-process-register.uaw-object-menu-open { overflow: visible; }

.uaw-process-section-heading {
    min-height: 60px;
    padding: 10px 14px;
    background: #fff;
    border-bottom-color: #e3e8ef;
}

.uaw-process-section-heading h2 { color: #253046; font: 650 13px "Geologica", "Source Sans 3", sans-serif; letter-spacing: -.015em; }
.uaw-process-section-heading p { color: #7a879a; font-size: 10px; }
.uaw-process-section-heading > button { min-height: 32px; padding: 0 12px; background: #245fd6; border-color: #1d4fb7; border-radius: 6px; box-shadow: none; }
.uaw-process-section-heading > button:hover { background: #1d53c0; }

.uaw-process-table { background: #fff; }
.uaw-process-table th { padding: 9px 10px; color: #7c899b; background: #f8fafc; border-bottom-color: #e3e8ef; font: 650 8px var(--uaw-font-code); letter-spacing: .06em; }
.uaw-process-table td { padding: 10px; color: #344054; border-bottom-color: #e8ecf2; font-size: 11px; }
.uaw-process-table tbody tr:hover { background: #fafbfd; }
.uaw-process-task-name strong { color: #253046; font-size: 11px; }
.uaw-process-task-name code,
.uaw-process-dependencies { color: #7a879a; font-size: 9px; }
.uaw-process-time { color: #344054; font-size: 10px; }
.uaw-row-action { min-height: 28px; padding: 0 9px; color: #344054; background: #fff; border-color: #cfd6e1; border-radius: 5px; }
.uaw-row-action:hover { color: #245fd6; background: #f8faff; border-color: #9fb6e8; }
.uaw-object-toolbar { padding: 9px 12px; background: #f8fafc; border-bottom-color: #e3e8ef; }
.uaw-object-toolbar input,
.uaw-object-toolbar select { height: 32px; color: #344054; background: #fff; border-color: #cfd6e1; border-radius: 5px; }
.uaw-process-heading *,
.uaw-process-register * { transition: none !important; }

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] #simulation-content {
    background: #f4f6fa !important;
    background-image: none !important;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .simulation-header {
    min-height: 92px;
    padding: 6px 2px 20px !important;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d8dee8;
    border-radius: 0;
    box-shadow: none;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .simulation-header h4 {
    font-size: clamp(24px, 2vw, 30px);
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .simulation-header p { margin-top: 9px; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .view-controls .dropdown-toggle { border-radius: 6px !important; box-shadow: none; }

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .simulation-timeline,
body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .resources-panel,
body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .simulation-stats {
    border-radius: 8px !important;
    box-shadow: none !important;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .resources-panel h5::before { display: none; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .resources-panel h5 { background: #fff; }

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .task-track,
body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .task-block,
body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .resource-item {
    transition: none !important;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .task-block:hover,
body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .task-block:focus-visible {
    transform: none;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .07) !important;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .resource-item:hover { transform: none; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] #player-play-pause-btn { box-shadow: none; }

/* Dialog system — one restrained shell for legacy and new modal families. */
body.uaw-v2 .dialog-overlay,
body.uaw-v2 .modal-overlay,
body.uaw-v2 .smart-actions-modal {
    background: rgba(24, 32, 43, .48) !important;
    backdrop-filter: none !important;
}

body.uaw-v2 .dialog-overlay > .dialog,
body.uaw-v2 .modal-overlay > .modal-content,
body.uaw-v2 .smart-actions-modal > .smart-actions-modal-content,
body.uaw-v2 .uaw-confirm-card,
body.uaw-v2 .uaw-shortcuts-card,
body.uaw-v2 .uaw-command-palette__dialog {
    color: #253046;
    background: #fff;
    border: 1px solid #cbd3df;
    border-radius: 8px;
    box-shadow: 0 18px 52px rgba(15, 23, 42, .2);
    font-family: "Source Sans 3", sans-serif;
    transform: none !important;
    will-change: auto !important;
    scroll-behavior: auto !important;
}

body.uaw-v2 .dialog-overlay > .dialog:not(.uaw-entity-dialog),
body.uaw-v2 .smart-actions-modal > .smart-actions-modal-content { padding: 20px; }

body.uaw-v2 .uaw-entity-dialog,
body.uaw-v2 .simulation-library-modal-content,
body.uaw-v2 .modal-overlay > .modal-content:has(> .modal-header) { padding: 0 !important; overflow: hidden; }

body.uaw-v2 .uaw-entity-dialog {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 48px);
}

body.uaw-v2 .uaw-dialog-header,
body.uaw-v2 .modal-header,
body.uaw-v2 .dialog-header,
body.uaw-v2 .smart-actions-modal-header {
    margin: 0;
    padding: 18px 20px 14px !important;
    color: #253046;
    background: #fff !important;
    border: 0;
    border-bottom: 1px solid #e1e6ee;
    border-radius: 0;
}

body.uaw-v2 .uaw-dialog-header .uaw-eyebrow { display: none; }
body.uaw-v2 .uaw-dialog-header h3,
body.uaw-v2 .modal-header h3,
body.uaw-v2 .dialog-header h3,
body.uaw-v2 .smart-actions-modal-title,
body.uaw-v2 .dialog-overlay > .dialog > h3,
body.uaw-v2 .dialog-overlay > .dialog > h2 {
    margin: 0;
    color: #172033;
    font: 650 18px/1.2 "Geologica", "Source Sans 3", sans-serif;
    letter-spacing: -.025em;
}

body.uaw-v2 .dialog-overlay > .dialog:not(.uaw-entity-dialog) > h3,
body.uaw-v2 .dialog-overlay > .dialog:not(.uaw-entity-dialog) > h2 {
    margin-bottom: 14px;
    padding-bottom: 13px;
    border-bottom: 1px solid #e1e6ee;
}

body.uaw-v2 .uaw-dialog-header > p:last-child,
body.uaw-v2 .modal-subtitle {
    margin: 5px 0 0;
    color: #7a879a;
    font-size: 11px;
}

body.uaw-v2 .modal-close,
body.uaw-v2 .dialog-close {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    padding: 0;
    /* Keep the close affordance readable against the white modal headers. */
    color: #526071;
    background: transparent;
    border: 0;
    border-radius: 5px;
    font-size: 19px;
    line-height: 1;
}

body.uaw-v2 .modal-close:hover,
body.uaw-v2 .dialog-close:hover,
body.uaw-v2 .modal-close:focus-visible,
body.uaw-v2 .dialog-close:focus-visible { color: #172033; background: #f0f3f7; }

body.uaw-v2 .modal-close:focus-visible,
body.uaw-v2 .dialog-close:focus-visible {
    outline: 2px solid #3b82a0;
    outline-offset: 2px;
}

body.uaw-v2 .uaw-entity-dialog > .modal-content,
body.uaw-v2 .modal-overlay > .modal-content > .modal-body,
body.uaw-v2 .dialog-overlay > .dialog > .dialog-content {
    margin: 0;
    padding: 18px 20px;
    color: #344054;
    background: #fff;
    border: 0;
    border-radius: 0;
    box-shadow: none !important;
}

body.uaw-v2 .uaw-entity-dialog > .modal-content,
body.uaw-v2 .uaw-entity-dialog > .local-save-name {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none !important;
    overflow: auto;
}

body.uaw-v2 .uaw-entity-dialog > .uaw-dialog-header,
body.uaw-v2 .uaw-entity-dialog > .dialog-buttons { flex: 0 0 auto; }

body.uaw-v2 .uaw-entity-dialog > .dialog-buttons { background: #f8fafc; }

body.uaw-v2 .uaw-export-dialog .local-save-name { padding: 18px 20px; }

body.uaw-v2 .dialog-buttons,
body.uaw-v2 .modal-footer,
body.uaw-v2 .feedback-actions {
    display: flex;
    justify-content: flex-end;
    gap: 7px;
    margin: 0;
    padding: 12px 20px;
    background: #fff;
    border: 0;
    border-top: 1px solid #e1e6ee;
    border-radius: 0;
}

body.uaw-v2 .dialog-overlay > .dialog:not(.uaw-entity-dialog) > .dialog-buttons,
body.uaw-v2 .dialog-overlay > .dialog:not(.uaw-entity-dialog) .feedback-actions {
    margin-top: 18px;
    padding: 12px 0 0;
}

body.uaw-v2 .dialog-overlay button,
body.uaw-v2 .modal-overlay button,
body.uaw-v2 .smart-actions-modal button,
body.uaw-v2 .uaw-confirm-dialog button,
body.uaw-v2 .uaw-shortcuts-dialog button,
body.uaw-v2 .uaw-command-palette button {
    transition: none !important;
    transform: none !important;
}

body.uaw-v2 .dialog-buttons button,
body.uaw-v2 .modal-footer button,
body.uaw-v2 .feedback-actions button,
body.uaw-v2 .smart-actions-modal button,
body.uaw-v2 .uaw-confirm-card button {
    min-height: 32px;
    padding: 0 11px;
    border: 1px solid #cbd3df;
    border-radius: 6px;
    box-shadow: none;
    font: 600 11px "Source Sans 3", sans-serif;
}

body.uaw-v2 .dialog-buttons .btn-primary,
body.uaw-v2 .modal-footer .btn-primary,
body.uaw-v2 .feedback-actions .btn-primary,
body.uaw-v2 .smart-actions-modal .btn-primary,
body.uaw-v2 .uaw-confirm-card .uaw-product-command.primary {
    color: #fff;
    background: #245fd6;
    border-color: #1d4fb7;
}

body.uaw-v2 .dialog-buttons .btn-primary:hover,
body.uaw-v2 .modal-footer .btn-primary:hover,
body.uaw-v2 .feedback-actions .btn-primary:hover,
body.uaw-v2 .smart-actions-modal .btn-primary:hover { color: #fff; background: #1d53c0; border-color: #1d4fb7; }

body.uaw-v2 .dialog-buttons .btn-secondary,
body.uaw-v2 .modal-footer .btn-secondary,
body.uaw-v2 .feedback-actions .btn-secondary {
    color: #344054;
    background: #fff;
    border-color: #cbd3df;
}

body.uaw-v2 .dialog-buttons .btn-secondary:hover,
body.uaw-v2 .modal-footer .btn-secondary:hover,
body.uaw-v2 .feedback-actions .btn-secondary:hover { color: #172033; background: #f6f8fb; border-color: #aeb8c7; }

body.uaw-v2 .dialog-overlay label,
body.uaw-v2 .modal-overlay label,
body.uaw-v2 .smart-actions-modal label {
    margin-bottom: 5px;
    color: #445166;
    font-size: 10px;
    font-weight: 650;
    letter-spacing: .015em;
}

body.uaw-v2 .dialog-overlay input:not([type="checkbox"]):not([type="radio"]),
body.uaw-v2 .dialog-overlay select,
body.uaw-v2 .dialog-overlay textarea,
body.uaw-v2 .modal-overlay input:not([type="checkbox"]):not([type="radio"]),
body.uaw-v2 .modal-overlay select,
body.uaw-v2 .modal-overlay textarea,
body.uaw-v2 .smart-actions-modal input:not([type="checkbox"]):not([type="radio"]),
body.uaw-v2 .smart-actions-modal select,
body.uaw-v2 .smart-actions-modal textarea {
    width: 100%;
    min-height: 36px;
    padding: 7px 9px;
    color: #253046;
    background: #fff;
    border: 1px solid #cbd3df;
    border-radius: 5px;
    box-shadow: none;
    font-size: 11px;
    transition: none;
}

body.uaw-v2 .dialog-overlay input:focus,
body.uaw-v2 .dialog-overlay select:focus,
body.uaw-v2 .dialog-overlay textarea:focus,
body.uaw-v2 .modal-overlay input:focus,
body.uaw-v2 .modal-overlay select:focus,
body.uaw-v2 .modal-overlay textarea:focus,
body.uaw-v2 .smart-actions-modal input:focus,
body.uaw-v2 .smart-actions-modal select:focus,
body.uaw-v2 .smart-actions-modal textarea:focus {
    outline: 2px solid rgba(36, 95, 214, .24);
    outline-offset: 1px;
    border-color: #7e9fdf;
    box-shadow: none;
}

body.uaw-v2 .dialog-overlay input[type="checkbox"],
body.uaw-v2 .dialog-overlay input[type="radio"],
body.uaw-v2 .modal-overlay input[type="checkbox"],
body.uaw-v2 .modal-overlay input[type="radio"] {
    width: 14px;
    height: 14px;
    margin: 0;
    accent-color: #245fd6;
}

body.uaw-v2 .uaw-entity-dialog .form-row { gap: 12px; margin-bottom: 0; }
body.uaw-v2 .uaw-entity-dialog .form-group { margin-bottom: 12px; }
body.uaw-v2 .uaw-entity-dialog .field-help,
body.uaw-v2 .uaw-entity-dialog .field-hint { color: #7a879a; font-size: 9px; }
body.uaw-v2 .field-error { font-size: 9px; }

body.uaw-v2 .time-input-toggle { align-items: center; gap: 16px; min-height: 36px; padding: 0; }
body.uaw-v2 .time-input-toggle label { display: inline-flex; align-items: center; gap: 6px; margin: 0; font-size: 10px; font-weight: 500; }
body.uaw-v2 #duration-input-group,
body.uaw-v2 #end-time-input-group { transition: none; }
body.uaw-v2 .task-schedule-preview { min-height: 70px; padding: 10px; background: #f8fafc; border-color: #e1e6ee; border-radius: 5px; }
body.uaw-v2 .interaction-templates { padding: 8px; background: #f8fafc; border: 1px solid #e3e8ef; border-radius: 5px; }
body.uaw-v2 .btn-template { min-height: 28px; padding: 0 8px; background: #fff; border-color: #cbd3df; border-radius: 5px; transition: none; }
body.uaw-v2 .btn-template:hover { color: #245fd6; background: #f8faff; border-color: #9fb6e8; }

body.uaw-v2 .simulation-library-modal-content { max-width: 880px; }
body.uaw-v2 .simulation-library-filters { padding: 10px 20px; background: #fff; border-bottom-color: #e1e6ee; }
body.uaw-v2 .filter-btn { min-height: 28px; padding: 0 10px; color: #59677c; background: #fff; border-color: #d5dbe5; border-radius: 5px; transition: none; }
body.uaw-v2 .filter-btn:hover { color: #245fd6; border-color: #9fb6e8; }
body.uaw-v2 .filter-btn.active { color: #fff; background: #245fd6; border-color: #1d4fb7; }
body.uaw-v2 .simulation-library-grid { gap: 0; padding: 0; background: #fff; border: 0; }
body.uaw-v2 .sim-lib-card {
    min-height: 190px;
    padding: 14px;
    border: 0;
    border-right: 1px solid #e3e8ef;
    border-bottom: 1px solid #e3e8ef;
    border-radius: 0;
    transition: none;
}

body.uaw-v2 .sim-lib-card:hover,
body.uaw-v2 .sim-lib-card:focus-visible { background: #f8fafc; border-color: #e3e8ef; box-shadow: none; transform: none; }
body.uaw-v2 .sim-lib-card-badge { border-radius: 4px; }

body.uaw-v2 .uaw-confirm-card { padding: 20px; }
body.uaw-v2 .uaw-confirm-card .uaw-eyebrow { display: none; }
body.uaw-v2 .uaw-confirm-card h2 { margin: 0 0 8px; color: #172033; font: 650 18px "Geologica", "Source Sans 3", sans-serif; }
body.uaw-v2 .uaw-confirm-card > div { margin-top: 18px; padding-top: 12px; border-top: 1px solid #e1e6ee; }
body.uaw-v2 .uaw-command-palette__dialog { overflow: hidden; }
body.uaw-v2 .uaw-shortcuts-card { overflow: hidden; }

@media (max-width: 760px) {
    .uaw-process-heading { align-items: flex-start; }
    .uaw-process-heading dl div { min-width: 58px; padding: 2px 10px; }
    body.uaw-v2 .uaw-entity-dialog .form-row { grid-template-columns: 1fr; }
    body.uaw-v2 .dialog-overlay > .dialog,
    body.uaw-v2 .modal-overlay > .modal-content,
    body.uaw-v2 .smart-actions-modal > .smart-actions-modal-content { width: calc(100vw - 24px) !important; max-height: calc(100vh - 24px); }
}

/* Settings — one calm, ruled surface instead of a stack of cards. */
body.uaw-v2[data-uaw-workspace="settings"] #uaw-settings-view {
    padding: clamp(18px, 2.4vw, 34px);
    color: #172033;
    background: #f4f6fa;
    background-image: none;
    font-family: "Geologica", "Source Sans 3", sans-serif;
}

.uaw-settings-heading,
body.uaw-v2[data-uaw-workspace="settings"] .uaw-settings-layout {
    width: 100%;
    max-width: 1580px;
    margin-right: auto;
    margin-left: auto;
}

.uaw-settings-heading {
    display: flex;
    align-items: center;
    min-height: 92px;
    margin-bottom: 18px;
    padding: 6px 2px 20px;
    border-bottom: 1px solid #d8dee8;
}

.uaw-settings-heading h1 {
    margin: 0;
    color: #111827;
    font: 650 clamp(24px, 2vw, 30px)/1.1 "Geologica", "Source Sans 3", sans-serif;
    letter-spacing: -.04em;
}

.uaw-settings-heading p {
    margin: 9px 0 0;
    color: #68758a;
    font: 400 12px/1.5 "Source Sans 3", sans-serif;
}

body.uaw-v2[data-uaw-workspace="settings"] .uaw-settings-layout {
    display: block;
}

.uaw-settings-surface {
    overflow: hidden;
    background: #fff;
    border: 1px solid #dfe4ec;
    border-radius: 8px;
    box-shadow: none;
}

body.uaw-v2[data-uaw-workspace="settings"] .uaw-settings-section {
    display: grid;
    grid-template-columns: minmax(220px, 310px) minmax(0, 1fr);
    gap: clamp(28px, 5vw, 84px);
    padding: 22px 24px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #e3e8ef;
}

body.uaw-v2[data-uaw-workspace="settings"] .uaw-settings-section:last-child {
    border-bottom: 0;
}

body.uaw-v2[data-uaw-workspace="settings"] .uaw-settings-section h2 {
    margin: 0;
    color: #253046;
    font: 650 13px/1.35 "Geologica", "Source Sans 3", sans-serif;
    letter-spacing: -.015em;
}

body.uaw-v2[data-uaw-workspace="settings"] .uaw-settings-section p {
    max-width: 290px;
    margin: 6px 0 0;
    color: #7a879a;
    font: 400 10px/1.5 "Source Sans 3", sans-serif;
}

body.uaw-v2[data-uaw-workspace="settings"] .uaw-choice-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-top: 1px solid #e3e8ef;
}

body.uaw-v2[data-uaw-workspace="settings"] .uaw-choice {
    position: relative;
    cursor: pointer;
}

body.uaw-v2[data-uaw-workspace="settings"] .uaw-choice input {
    appearance: none;
    position: absolute;
    top: 50%;
    left: 2px;
    width: 14px;
    height: 14px;
    margin: 0;
    opacity: 1;
    background: #fff;
    border: 1px solid #aeb8c7;
    border-radius: 50%;
    box-shadow: none;
    transform: translateY(-50%);
}

body.uaw-v2[data-uaw-workspace="settings"] .uaw-choice input:checked {
    background: #245fd6;
    border-color: #245fd6;
    box-shadow: inset 0 0 0 3px #fff;
}

body.uaw-v2[data-uaw-workspace="settings"] .uaw-choice span {
    display: grid;
    min-height: 46px;
    padding: 8px 10px 8px 28px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #e3e8ef;
    border-radius: 0;
    box-shadow: none;
}

body.uaw-v2[data-uaw-workspace="settings"] .uaw-choice input:checked + span {
    background: #f6f8fc;
    border-color: #e3e8ef;
    box-shadow: none;
}

body.uaw-v2[data-uaw-workspace="settings"] .uaw-choice input:focus-visible {
    outline: 2px solid rgba(36, 95, 214, .35);
    outline-offset: 2px;
}

body.uaw-v2[data-uaw-workspace="settings"] .uaw-choice input:focus-visible + span {
    outline: 0;
}

body.uaw-v2[data-uaw-workspace="settings"] .uaw-choice strong,
body.uaw-v2[data-uaw-workspace="settings"] .uaw-switch-row strong,
body.uaw-v2[data-uaw-workspace="settings"] .uaw-connection-card strong {
    color: #344054;
    font: 600 11px/1.35 "Source Sans 3", sans-serif;
}

body.uaw-v2[data-uaw-workspace="settings"] .uaw-choice small,
body.uaw-v2[data-uaw-workspace="settings"] .uaw-switch-row small,
body.uaw-v2[data-uaw-workspace="settings"] .uaw-connection-card small {
    margin-top: 2px;
    color: #7a879a;
    font: 400 10px/1.35 "Source Sans 3", sans-serif;
}

body.uaw-v2[data-uaw-workspace="settings"] .uaw-switch-row,
body.uaw-v2[data-uaw-workspace="settings"] .uaw-connection-card {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 46px;
    padding: 0;
    border: 0;
}

body.uaw-v2[data-uaw-workspace="settings"] .uaw-switch-row > span,
body.uaw-v2[data-uaw-workspace="settings"] .uaw-connection-card > div {
    display: grid;
}

body.uaw-v2[data-uaw-workspace="settings"] .uaw-switch-row input {
    appearance: none;
    position: relative;
    width: 28px;
    height: 16px;
    margin: 0 0 0 auto;
    background: #d3d9e2;
    border: 1px solid #b7c0cd;
    border-radius: 999px;
    box-shadow: none;
}

body.uaw-v2[data-uaw-workspace="settings"] .uaw-switch-row input::before {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .16);
    content: "";
}

body.uaw-v2[data-uaw-workspace="settings"] .uaw-switch-row input:checked {
    background: #245fd6;
    border-color: #245fd6;
}

body.uaw-v2[data-uaw-workspace="settings"] .uaw-switch-row input:checked::before {
    left: 14px;
}

body.uaw-v2[data-uaw-workspace="settings"] .uaw-switch-row input:focus-visible {
    outline: 2px solid rgba(36, 95, 214, .35);
    outline-offset: 2px;
}

body.uaw-v2[data-uaw-workspace="settings"] .uaw-connection-card button {
    min-height: 30px;
    margin-left: auto;
    padding: 0 10px;
    color: #344054;
    background: #fff;
    border: 1px solid #cfd6e1;
    border-radius: 5px;
    box-shadow: none;
    font: 600 10px "Source Sans 3", sans-serif;
    transition: none;
}

body.uaw-v2[data-uaw-workspace="settings"] .uaw-connection-card button:hover {
    color: #245fd6;
    background: #f8faff;
    border-color: #9fb6e8;
    transform: none;
}

body.uaw-v2[data-uaw-workspace="settings"] .uaw-settings-heading *,
body.uaw-v2[data-uaw-workspace="settings"] .uaw-settings-surface * {
    transition: none !important;
    animation: none !important;
}

@media (max-width: 760px) {
    body.uaw-v2[data-uaw-workspace="settings"] #uaw-settings-view { padding: 12px; }
    .uaw-settings-heading { min-height: 0; padding: 8px 0 18px; }
    body.uaw-v2[data-uaw-workspace="settings"] .uaw-settings-section {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 18px 16px;
    }
}

/* Keep the redesigned entity grids in the form column after all legacy rules. */
body.uaw-v2 .uaw-object-identity-grid,
body.uaw-v2 #object-type-specific-fields { grid-column: 2; }

body.uaw-v2 #add-task-modal .interactions-section > .section-header .btn-secondary {
    color: #344054;
    background: #fff;
    border-color: #cbd3df;
}

body.uaw-v2 #add-object-modal .custom-properties-section .btn-secondary {
    color: #344054;
    background: #fff;
    border: 1px solid #cbd3df;
    border-radius: 5px;
}

body.uaw-v2 .uaw-live-inspector-panel .digital-objects-list {
    max-height: none;
    background: transparent;
    border: 0;
    border-radius: 0;
}

@media (max-width: 760px) {
    body.uaw-v2 .uaw-object-identity-grid,
    body.uaw-v2 #object-type-specific-fields { grid-column: auto; }
}

/* Approved reconciliation: one action system, contextual source, and docked tools. */
.uaw-project-setup-card {
    position: relative;
    z-index: 1;
    width: min(520px, calc(100vw - 40px));
    overflow: hidden;
    color: #253046;
    background: #fff;
    border: 1px solid #cfd6e1;
    border-radius: 9px;
    box-shadow: 0 18px 55px rgba(25, 36, 54, .22);
}
.uaw-project-setup-card header { padding: 22px 24px 17px; border-bottom: 1px solid #e3e8ef; }
.uaw-project-setup-card h2 { margin: 4px 0 6px; color: #172033; font: 650 21px/1.2 "Geologica", "Source Sans 3", sans-serif; }
.uaw-project-setup-card header > p:last-child { margin: 0; color: #68758a; font-size: 12px; }
.uaw-project-setup-name { display: grid; gap: 7px; padding: 20px 24px 12px; color: #4d5b70; font-size: 10px; font-weight: 650; }
.uaw-project-setup-name input { height: 38px; padding: 0 11px; color: #172033; background: #fff; border: 1px solid #bfc8d5; border-radius: 6px; font-size: 13px; }
.uaw-project-setup-name input:focus { border-color: #6790df; outline: 3px solid rgba(36, 95, 214, .12); }
.uaw-project-setup-summary { display: grid; grid-template-columns: 110px 1fr; gap: 4px 12px; margin: 4px 24px 20px; padding: 13px 14px; background: #f7f9fc; border: 1px solid #e0e5ed; border-radius: 7px; }
.uaw-project-setup-summary span { color: #7a879a; font: 650 9px var(--uaw-font-code); letter-spacing: .04em; text-transform: uppercase; }
.uaw-project-setup-summary strong { color: #344054; font-size: 11px; }
.uaw-project-setup-summary small { grid-column: 2; color: #7a879a; font-size: 10px; line-height: 1.4; }
.uaw-project-setup-card footer { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 16px; background: #f8fafc; border-top: 1px solid #e3e8ef; }
.uaw-project-setup-card footer > button { min-height: 32px; padding: 0 12px; border-radius: 6px; }

.uaw-object-type-summary { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; align-items: center; gap: 10px; min-height: 46px; padding: 6px 8px; background: #f7f9fc; border: 1px solid #dce2eb; border-radius: 6px; }
.uaw-object-type-summary__mark { display: grid; place-items: center; width: 30px; height: 30px; color: #315f9f; background: #e9f0fb; border: 1px solid #cfdbed; border-radius: 6px; font: 650 11px var(--uaw-font-code); }
.uaw-object-type-summary > span:nth-child(2) { display: grid; gap: 2px; min-width: 0; }
.uaw-object-type-summary strong { color: #344054; font-size: 11px; }
.uaw-object-type-summary small { color: #7a879a; font-size: 9px; }
.uaw-object-type-summary button { min-height: 27px; padding: 0 8px; color: #496789; background: #fff; border: 1px solid #cbd3df; border-radius: 5px; font-size: 9px; }
.uaw-object-type-select-secondary { display: none; margin-top: 7px; }
.uaw-object-type-changing .uaw-object-type-select-secondary { display: block; }
.uaw-object-editing #object-change-type { display: none; }
.uaw-object-editing #object-id-input[readonly] { color: #68758a; background: #f3f5f8; cursor: not-allowed; }

.uaw-settings-fact { display: grid; gap: 3px; align-content: center; min-height: 48px; padding: 8px 0; }
.uaw-settings-fact strong { color: #344054; font-size: 11px; }
.uaw-settings-fact small { color: #7a879a; font-size: 10px; }

.uaw-agent-resizer {
    position: fixed;
    z-index: 520;
    top: var(--uaw-titlebar-height);
    right: calc(var(--uaw-agent-width) - 4px);
    bottom: 0;
    display: none;
    width: 8px;
    cursor: col-resize;
    touch-action: none;
}
.uaw-agent-resizer::after { position: absolute; inset: 0 3px; background: transparent; content: ""; }
body.uaw-agent-open .uaw-agent-resizer { display: block; }
.uaw-agent-resizer:hover::after,
.uaw-agent-resizer:focus-visible::after,
body.uaw-resizing-agent .uaw-agent-resizer::after { background: #6790df; }
body.uaw-resizing-agent { cursor: col-resize; user-select: none; }

/* A source split is useful beside data registers, not beside canvases that own an inspector. */
body.uaw-v2 .uaw-source-resizer { display: none !important; }
body.uaw-v2[data-uaw-workspace="build"][data-model-view="process"][data-source-dock^="split-"] .uaw-source-resizer,
body.uaw-v2[data-uaw-workspace="build"][data-model-view="objects"][data-source-dock^="split-"] .uaw-source-resizer { display: block !important; }
body.uaw-v2[data-uaw-workspace="build"][data-model-view="objects"][data-source-dock^="split-"] .uaw-legacy-host { display: block !important; }
body.uaw-v2[data-uaw-workspace="build"][data-model-view="objects"][data-source-dock^="split-"] .uaw-legacy-host .simulation-panel,
body.uaw-v2[data-uaw-workspace="build"][data-model-view="objects"][data-source-dock^="split-"] .uaw-legacy-host .playground-bottom { display: none !important; }
body.uaw-v2[data-uaw-workspace="build"][data-model-view="objects"][data-source-dock^="split-"] .uaw-legacy-host .json-editor-panel,
body.uaw-v2[data-uaw-workspace="build"][data-model-view="objects"][data-source-dock^="split-"] .uaw-legacy-host .standard-mode-layout { display: flex !important; width: 100% !important; height: 100% !important; }
body.uaw-v2[data-uaw-workspace="build"][data-model-view="objects"][data-source-dock="split-left"] .uaw-legacy-host { left: 0 !important; right: calc(100% - var(--uaw-source-split, 52%)) !important; }
body.uaw-v2[data-uaw-workspace="build"][data-model-view="objects"][data-source-dock="split-left"] #uaw-objects-view { left: var(--uaw-source-split, 52%) !important; right: 0 !important; }
body.uaw-v2[data-uaw-workspace="build"][data-model-view="objects"][data-source-dock="split-right"] .uaw-legacy-host { left: var(--uaw-source-split, 52%) !important; right: 0 !important; }
body.uaw-v2[data-uaw-workspace="build"][data-model-view="objects"][data-source-dock="split-right"] #uaw-objects-view { left: 0 !important; right: calc(100% - var(--uaw-source-split, 52%)) !important; }
body.uaw-v2[data-uaw-workspace="build"][data-model-view="objects"][data-source-dock="split-bottom"] .uaw-legacy-host { top: var(--uaw-source-split, 62%) !important; bottom: 0 !important; border-top: 1px solid #d8dee8; }
body.uaw-v2[data-uaw-workspace="build"][data-model-view="objects"][data-source-dock="split-bottom"] #uaw-objects-view { top: 0 !important; bottom: calc(100% - var(--uaw-source-split, 62%)) !important; }

/* Rules owns its editors. The unrelated WorkSpec/preview half is removed. */
body.uaw-v2[data-uaw-workspace="run"][data-run-view="rules"] .metrics-mode-layout { display: none !important; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="rules"] #metrics-editor-panel { display: flex !important; flex: 1 1 100% !important; width: 100% !important; min-width: 0 !important; border-left: 0 !important; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="rules"] #metrics-editor-panel > .panel-content { display: flex; flex-direction: column; width: 100%; min-width: 0; background: #f4f6fa; }
.uaw-rules-overview,
.uaw-problems-overview { display: flex; align-items: center; gap: 24px; min-height: 92px; padding: 18px clamp(20px, 2.4vw, 34px); background: #f4f6fa; border-bottom: 1px solid #d8dee8; }
.uaw-rules-overview div,
.uaw-problems-overview div { min-width: 0; }
.uaw-rules-overview h1,
.uaw-problems-overview h1 { margin: 0; color: #111827; font: 650 clamp(24px, 2vw, 30px)/1.1 "Geologica", "Source Sans 3", sans-serif; letter-spacing: -.04em; }
.uaw-rules-overview p,
.uaw-problems-overview p { margin: 8px 0 0; color: #68758a; font-size: 12px; }
.uaw-rules-overview > span,
.uaw-problems-overview > span { margin-left: auto; color: #68758a; font: 650 9px var(--uaw-font-code); letter-spacing: .06em; text-transform: uppercase; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="rules"] .metrics-tab-bar { flex: 0 0 42px; padding: 6px 18px 0; background: #fff; border-bottom: 1px solid #d8dee8; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="rules"] .metrics-tab-btn { min-height: 35px; padding: 0 12px; color: #68758a; background: transparent; border: 0; border-bottom: 2px solid transparent; font-size: 10px; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="rules"] .metrics-tab-btn.active { color: #245fd6; border-bottom-color: #245fd6; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="rules"] .metrics-tab-content-wrapper { flex: 1 1 auto; min-height: 0; margin: 14px 18px 18px; overflow: hidden; background: #fff; border: 1px solid #dfe4ec; border-radius: 8px; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="rules"] .metrics-resize { display: none !important; }

body.uaw-v2[data-uaw-workspace="run"][data-run-view="problems"] .validation-panel { display: flex; flex-direction: column; height: 100%; background: #f4f6fa; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="problems"] .validation-header { flex: 0 0 44px; padding: 0 clamp(20px, 2.4vw, 34px); background: #fff; border-bottom: 1px solid #d8dee8; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="problems"] .validation-content { flex: 1 1 auto; height: auto !important; min-height: 0; margin: 14px clamp(20px, 2.4vw, 34px) 20px; overflow: auto; background: #fff; border: 1px solid #dfe4ec; border-radius: 8px; }

@media (max-width: 1050px) {
    :root { --uaw-agent-width: 288px; }
}

/* Navigation and command surface — legible, tool-like, and deliberately stable. */
:root {
    --uaw-titlebar-height: 64px;
    --uaw-rail-width: 220px;
    --uaw-commandbar-height: 58px;
    --uaw-chrome-ink: #211f25;
    --uaw-chrome-muted: #746f79;
    --uaw-chrome-border: #cbc7cf;
    --uaw-chrome-violet: #7457ff;
    --uaw-chrome-cyan: #16bdb9;
}

body.uaw-v2 .uaw-titlebar {
    color: var(--uaw-chrome-ink);
    background: #f4f2ef;
    border-bottom: 1px solid var(--uaw-chrome-border);
    box-shadow: none;
}

body.uaw-v2 .uaw-brand {
    width: var(--uaw-rail-width);
    min-width: var(--uaw-rail-width);
    padding: 0 16px;
    overflow: hidden;
    background: transparent;
    border-right: 0;
    box-shadow: none;
    transition: background-color 140ms ease;
}

body.uaw-v2 .uaw-brand:hover {
    background: #fff;
}

body.uaw-v2 .uaw-brand:focus-visible {
    outline: 2px solid #675cf5;
    outline-offset: -3px;
}

body.uaw-v2 .uaw-brand__asset {
    display: block;
    width: 100%;
    height: 50px;
    overflow: hidden;
}

body.uaw-v2 .uaw-brand__asset img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: contain;
    object-position: left center;
}

body.uaw-v2 .uaw-brand__asset .uaw-brand__mark {
    display: none;
}

body.uaw-v2 .uaw-titlebar__divider {
    display: none;
}

body.uaw-v2 .uaw-project-title {
    margin-left: 7px;
    color: var(--uaw-chrome-ink);
}

body.uaw-v2 .uaw-project-title:hover {
    background: #e9e6e3;
    border-color: #d4cfd6;
}

body.uaw-v2 .uaw-inline-project-name {
    color: var(--uaw-chrome-ink);
    background: #fff;
    border-color: rgba(103, 87, 232, .48);
}

body.uaw-v2 .uaw-save-state {
    color: #7a7484;
}

body.uaw-v2 .uaw-agent-button {
    color: #f8f7f9;
    background: #2c2931;
    border-color: #1f1d23;
    box-shadow: inset 0 1px rgba(255, 255, 255, .08);
}

body.uaw-v2 .uaw-agent-button:hover {
    color: #fff;
    background: #3a3640;
    border-color: #242129;
}

body.uaw-v2 .uaw-rail {
    padding: 12px 8px 10px;
    color: #454149;
    background: #e9e7e5;
    border-right: 1px solid #c9c5cb;
    box-shadow: inset -1px 0 rgba(255, 255, 255, .5);
}

body.uaw-v2 .uaw-rail__primary,
body.uaw-v2 .uaw-rail__secondary {
    display: grid;
    gap: 3px;
}

body.uaw-v2 .uaw-rail__section-label {
    margin: 0;
    padding: 0 9px 7px;
    color: #78727c;
    font: 650 8px/1 var(--uaw-font-code);
    letter-spacing: .13em;
    text-transform: uppercase;
}

body.uaw-v2 .uaw-rail__secondary {
    padding-top: 10px;
    border-top: 1px solid #cfccd0;
}

body.uaw-v2 .uaw-rail-button {
    position: relative;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) 18px;
    align-items: center;
    justify-items: stretch;
    gap: 9px;
    width: 100%;
    min-height: 52px;
    padding: 6px 8px;
    color: #534e57;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 5px;
    font: inherit;
    text-align: left;
    transition: color 110ms ease, background-color 110ms ease, border-color 110ms ease;
}

body.uaw-v2 .uaw-rail-button::before {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: -8px;
    width: 3px;
    background: var(--uaw-chrome-cyan);
    opacity: 0;
    content: "";
}

body.uaw-v2 .uaw-rail-button:hover,
body.uaw-v2 .uaw-rail-button:focus-visible {
    color: #211e25;
    background: #f2f0ee;
    border-color: #ccc7cf;
    outline: none;
}

body.uaw-v2 .uaw-rail-button:focus-visible {
    box-shadow: 0 0 0 2px rgba(22, 189, 185, .42);
}

body.uaw-v2 .uaw-rail-button.active {
    color: #242128;
    background: #dad7dc;
    border-color: #bcb6c1;
    box-shadow: inset 0 1px rgba(255, 255, 255, .48), 0 1px 2px rgba(42, 36, 47, .08);
}

body.uaw-v2 .uaw-rail-button.active::before { opacity: 1; }

body.uaw-v2 .uaw-rail-button__icon {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    color: #6e6873;
    background: #f4f2f0;
    border: 1px solid #d2cdd4;
    border-radius: 4px;
}

body.uaw-v2 .uaw-rail-button:hover .uaw-rail-button__icon,
body.uaw-v2 .uaw-rail-button.active .uaw-rail-button__icon { color: #176f75; }

body.uaw-v2 .uaw-rail-button .uaw-icon { width: 17px; height: 17px; }

body.uaw-v2 .uaw-rail-button__copy {
    display: grid;
    gap: 2px;
    min-width: 0;
}

body.uaw-v2 .uaw-rail-button__copy strong {
    overflow: visible;
    font: 620 12px/1.1 var(--uaw-font-ui);
    white-space: nowrap;
}

body.uaw-v2 .uaw-rail-button__copy small {
    overflow: visible;
    color: #817a84;
    font: 9px/1.1 var(--uaw-font-ui);
    white-space: nowrap;
}

body.uaw-v2 .uaw-rail-button.active .uaw-rail-button__copy small { color: #67616b; }

body.uaw-v2 .uaw-rail-button kbd {
    position: static;
    display: grid;
    place-items: center;
    width: 18px;
    height: 18px;
    margin: 0;
    color: #77717b;
    background: #f4f2f0;
    border: 1px solid #d2cdd4;
    border-radius: 3px;
    font: 8px var(--uaw-font-code);
}

body.uaw-v2 .uaw-rail-button.active kbd { color: #514b56; }

/* User-controlled compact rail. The expanded rail above remains the default
   layout; this state only reuses the existing narrow navigation treatment. */
body.uaw-v2.uaw-sidebar-collapsed {
    --uaw-rail-width: 68px;
}

body.uaw-v2.uaw-sidebar-collapsed .uaw-brand {
    justify-content: center;
    padding: 0 10px;
}

body.uaw-v2.uaw-sidebar-collapsed .uaw-rail__section-label,
body.uaw-v2.uaw-sidebar-collapsed .uaw-rail-button__copy,
body.uaw-v2.uaw-sidebar-collapsed .uaw-rail-button kbd {
    display: none;
}

body.uaw-v2.uaw-sidebar-collapsed .uaw-brand__asset {
    width: 48px;
    height: 44px;
}

body.uaw-v2.uaw-sidebar-collapsed .uaw-brand__wordmark {
    display: none;
}

body.uaw-v2.uaw-sidebar-collapsed .uaw-brand__mark {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    transform: scale(1.12);
}

body.uaw-v2.uaw-sidebar-collapsed .uaw-rail {
    padding-inline: 7px;
}

body.uaw-v2.uaw-sidebar-collapsed .uaw-rail-button {
    grid-template-columns: 1fr;
    justify-items: center;
    padding-inline: 0;
}

body.uaw-v2.uaw-sidebar-collapsed .uaw-rail-button::before,
body.uaw-v2.uaw-sidebar-collapsed .uaw-sidebar-toggle::before {
    left: -7px;
}

body.uaw-v2 .uaw-rail__system-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 38px;
    align-items: center;
    gap: 3px;
    min-height: 52px;
}

body.uaw-v2 .uaw-rail__system-actions .uaw-rail-button--settings {
    min-height: 52px;
}

.uaw-sidebar-toggle {
    display: grid;
    grid-template-columns: 32px;
    align-items: center;
    justify-items: center;
    width: 38px;
    height: 38px;
    padding: 2px;
    color: #82919b;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 5px;
    font: 9px var(--uaw-font-ui);
    text-align: left;
    cursor: pointer;
    transition: color 110ms ease, background-color 110ms ease, border-color 110ms ease;
}

body.uaw-v2 .uaw-sidebar-toggle {
    color: #6f6973;
}

.uaw-sidebar-toggle:hover,
.uaw-sidebar-toggle:focus-visible {
    color: #f7f9fa;
    background: rgba(255, 255, 255, .055);
    border-color: rgba(255, 255, 255, .055);
    outline: none;
}

body.uaw-v2 .uaw-sidebar-toggle:hover,
body.uaw-v2 .uaw-sidebar-toggle:focus-visible {
    color: #211e25;
    background: #f2f0ee;
    border-color: #ccc7cf;
}

body.uaw-v2 .uaw-sidebar-toggle:focus-visible {
    box-shadow: 0 0 0 2px rgba(22, 189, 185, .42);
}

.uaw-sidebar-toggle:focus-visible {
    box-shadow: 0 0 0 2px rgba(86, 153, 202, .42);
}

.uaw-sidebar-toggle .uaw-icon {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    color: currentColor;
    background: rgba(12, 17, 21, .2);
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 4px;
}

body.uaw-v2 .uaw-sidebar-toggle .uaw-icon {
    background: #f4f2f0;
    border-color: #d2cdd4;
}

.uaw-sidebar-toggle .uaw-icon svg { width: 17px; height: 17px; }

body.uaw-v2.uaw-sidebar-collapsed .uaw-sidebar-toggle {
    width: 26px;
    height: 38px;
    padding: 2px 0;
}

body.uaw-v2.uaw-sidebar-collapsed .uaw-rail__system-actions {
    grid-template-columns: 1fr 1fr;
    gap: 2px;
}

body.uaw-v2.uaw-sidebar-collapsed .uaw-rail__system-actions .uaw-rail-button--settings {
    min-height: 52px;
}

body.uaw-v2.uaw-sidebar-collapsed .uaw-rail__system-actions .uaw-rail-button__icon,
body.uaw-v2.uaw-sidebar-collapsed .uaw-sidebar-toggle .uaw-icon {
    width: 26px;
    height: 26px;
}

body.uaw-v2 .uaw-commandbar {
    align-items: stretch;
    min-width: 0;
    padding: 0 8px 0 0;
    overflow: visible;
    background: #fff;
    border-bottom: 1px solid #cfd6df;
    box-shadow: 0 1px 2px rgba(31, 42, 55, .055);
}

body.uaw-v2 .uaw-commandbar__identity {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 220px !important;
    max-width: none;
    padding: 0 18px;
    overflow: visible;
    background: transparent;
    border-right: 1px solid #d9dfe7;
}

body.uaw-v2 .uaw-commandbar__identity strong {
    color: #1e2938;
    font: 650 14px/1.1 "Geologica", var(--uaw-font-ui);
    letter-spacing: -.01em;
}

body.uaw-v2 .uaw-commandbar__identity span {
    max-width: none;
    margin-top: 4px;
    overflow: visible;
    color: #69778a;
    font-size: 10px;
    line-height: 1;
    text-overflow: clip;
    white-space: nowrap;
}

body.uaw-v2 .uaw-commandbar__commands,
body.uaw-v2 .uaw-commandbar__commands--primary,
body.uaw-v2 .uaw-commandbar__commands--end {
    flex: 0 0 auto;
    min-width: max-content;
    padding: 0 10px;
    overflow: visible;
    border-right: 1px solid #d9dfe7;
}

body.uaw-v2 .uaw-commandbar__commands--end {
    margin-left: auto;
    border-right: 0;
}

body.uaw-v2 .uaw-commandbar button,
body.uaw-v2 .uaw-commandbar select,
body.uaw-v2 .uaw-product-command {
    flex: 0 0 auto;
    min-width: max-content;
    height: 32px !important;
    padding: 0 11px !important;
    overflow: visible;
    border-radius: 5px !important;
    font-size: 11px !important;
    line-height: 1;
    text-overflow: clip;
    white-space: nowrap;
    transition: color 100ms ease, background-color 100ms ease, border-color 100ms ease;
}

body.uaw-v2 .uaw-product-command.primary {
    border-color: #185ca9 !important;
    background: #2168b8 !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .16), 0 1px 1px rgba(22, 49, 82, .11);
}

body.uaw-v2 .uaw-product-command.primary:hover { background: #195b9f !important; }

body.uaw-v2 .uaw-segmented {
    align-items: center;
    gap: 2px;
    height: 38px;
    padding: 3px;
    background: #eef1f5;
    border: 1px solid #d8dee7;
    border-radius: 6px;
}

body.uaw-v2 .uaw-segmented .uaw-product-command {
    min-width: 62px;
    height: 30px !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    color: #526174 !important;
    background: transparent !important;
}

body.uaw-v2 .uaw-segmented .uaw-product-command:last-child { border-right: 1px solid transparent !important; }

body.uaw-v2 .uaw-segmented .uaw-product-command:hover {
    color: #223044 !important;
    background: rgba(255, 255, 255, .72) !important;
}

body.uaw-v2 .uaw-segmented .uaw-product-command.active {
    color: #174f91 !important;
    background: #fff !important;
    border-color: #c8d2df !important;
    box-shadow: 0 1px 2px rgba(27, 43, 65, .1), inset 0 -2px #2f78c4;
}

body.uaw-v2 .uaw-context-actions {
    gap: 4px;
    padding-right: 9px;
    border-right-color: #d9dfe7;
}

body.uaw-v2 #uaw-playback-commands[hidden] { display: none; }

@media (max-width: 1450px) {
    body.uaw-agent-open { --uaw-rail-width: 68px; }
    body.uaw-agent-open .uaw-brand { justify-content: center; padding: 0 10px; }
    body.uaw-agent-open .uaw-brand__asset { width: 48px; height: 44px; }
    body.uaw-agent-open .uaw-brand__wordmark { display: none; }
    body.uaw-agent-open .uaw-brand__asset .uaw-brand__mark { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; transform: scale(1.12); }
    body.uaw-agent-open .uaw-rail__section-label,
    body.uaw-agent-open .uaw-rail-button__copy,
    body.uaw-agent-open .uaw-rail-button kbd { display: none; }
    body.uaw-agent-open .uaw-rail { padding-inline: 7px; }
    body.uaw-agent-open .uaw-rail-button { grid-template-columns: 1fr; justify-items: center; padding-inline: 0; }
    body.uaw-agent-open .uaw-rail-button::before { left: -7px; }
    body.uaw-agent-open .uaw-commandbar__identity { min-width: 96px !important; }
    body.uaw-agent-open .uaw-commandbar__identity span { display: none; }
}

@media (max-width: 1180px) {
    :root { --uaw-rail-width: 68px; }
    body.uaw-v2 .uaw-brand { justify-content: center; padding: 0 10px; }
    body.uaw-v2 .uaw-brand__asset { width: 48px; height: 44px; }
    body.uaw-v2 .uaw-brand__wordmark { display: none; }
    body.uaw-v2 .uaw-brand__asset .uaw-brand__mark { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; transform: scale(1.12); }
    body.uaw-v2 .uaw-rail__section-label,
    body.uaw-v2 .uaw-rail-button__copy,
    body.uaw-v2 .uaw-rail-button kbd { display: none; }
    body.uaw-v2 .uaw-rail { padding-inline: 7px; }
    body.uaw-v2 .uaw-rail-button { grid-template-columns: 1fr; justify-items: center; padding-inline: 0; }
    body.uaw-v2 .uaw-rail-button::before { left: -7px; }
    body.uaw-v2 .uaw-commandbar__identity { min-width: 96px !important; }
    body.uaw-v2 .uaw-commandbar__identity span { display: none; }
}

/* Shared WorkSpec time -----------------------------------------------------
   Time is navigation state: the transport stays in the top-right while any
   model or simulation surface is open, and every renderer uses the same four
   temporal states. */
body.uaw-v2[data-uaw-workspace="build"] #uaw-playback-commands:not([hidden]),
body.uaw-v2[data-uaw-workspace="source"] #uaw-playback-commands:not([hidden]),
body.uaw-v2[data-uaw-workspace="run"] #uaw-playback-commands:not([hidden]) {
    display: flex !important;
    align-items: center;
    order: 20;
    margin-left: auto;
    padding: 3px 4px;
    background: #f2f5fa;
    border: 1px solid #dce2eb;
    border-radius: 8px;
}

body.uaw-v2[data-uaw-workspace="run"][data-run-view] #uaw-playback-commands:not([hidden]) { display: flex !important; }

body.uaw-v2[data-uaw-workspace="build"] #uaw-context-commands,
body.uaw-v2[data-uaw-workspace="source"] #uaw-context-commands,
body.uaw-v2[data-uaw-workspace="run"] #uaw-context-commands {
    order: 10;
    margin-left: 0;
}

body.uaw-v2 #uaw-playback-commands .playback-controls-group { gap: 5px; }
body.uaw-v2 #uaw-playback-commands #player-play-pause-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-width: 62px;
    height: 32px !important;
    padding: 0 9px !important;
    color: #fff;
    background: #245fd6;
    border: 1px solid #1d4fb7;
    border-radius: 5px !important;
}

body.uaw-v2 #uaw-playback-commands .player-time-display {
    display: grid;
    grid-template-columns: auto auto;
    align-items: baseline;
    gap: 6px;
    min-width: 150px;
    height: 32px !important;
    padding: 0 9px !important;
    color: #26344a;
    background: #fff;
    border: 1px solid #ccd5e2;
    border-radius: 5px !important;
    text-align: left;
}

/* Context-aware WorkSpec source ------------------------------------------------
   The canonical editor is mounted once in this stage-level pane, so every
   product surface can share the same source without copying document state. */
.uaw-source-pane {
    position: absolute;
    inset: 0;
    z-index: 12;
    display: none;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    color: #d9e2f0;
    background: #111827;
    border-color: #344258;
}

.uaw-source-pane .json-editor-panel {
    display: flex !important;
    flex-direction: column;
    width: 100% !important;
    height: 100% !important;
    min-width: 0;
    min-height: 0;
    background: #111827;
    border: 0 !important;
}

.uaw-source-pane .json-editor-panel > .panel-header {
    display: flex !important;
    flex: 0 0 43px;
    min-height: 43px;
    padding: 0;
    color: #d9e2f0;
    background: #172033;
    border-bottom: 1px solid #344258;
}

.uaw-source-pane .json-editor-panel > .panel-content {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    min-height: 0;
    padding: 0;
}

.uaw-source-pane #json-editor { width: 100%; height: 100%; }
.uaw-source-pane .resize-handle-vertical { display: none !important; }

.uaw-source-toolbar {
    display: flex;
    align-items: center;
    gap: 11px;
    width: 100%;
    min-width: 0;
    padding: 6px 9px 6px 12px;
}

.uaw-source-identity {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: baseline;
    gap: 8px;
    min-width: 0;
}

.uaw-source-identity strong {
    color: #f4f7fb;
    font: 650 11px/1 var(--uaw-font-ui);
    white-space: nowrap;
}

.uaw-source-identity code {
    min-width: 0;
    overflow: hidden;
    color: #8fa4c2;
    font: 500 9px/1 var(--uaw-font-code);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uaw-source-scope {
    display: inline-flex;
    flex: 0 0 auto;
    gap: 2px;
    margin-left: auto;
    padding: 2px;
    background: #0f1726;
    border: 1px solid #3a4960;
    border-radius: 6px;
}

.uaw-source-scope button {
    min-width: 66px;
    height: 25px;
    padding: 0 8px;
    color: #9dafc8;
    background: transparent;
    border: 0;
    border-radius: 4px;
    font: 650 9px var(--uaw-font-ui);
}

.uaw-source-scope button:hover { color: #fff; background: #25324a; }
.uaw-source-scope button[aria-pressed="true"] { color: #fff; background: #315fbd; box-shadow: inset 0 0 0 1px #4f7dd7; }
.uaw-source-scope button:focus-visible { outline: 2px solid #78a7ff; outline-offset: 1px; }

.uaw-source-status {
    flex: 0 1 142px;
    overflow: hidden;
    color: #91a1b8;
    font: 500 9px var(--uaw-font-ui);
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Source is available beside every document-facing workspace. */
body.uaw-v2[data-uaw-workspace="build"][data-source-dock^="split-"] .uaw-source-pane,
body.uaw-v2[data-uaw-workspace="run"][data-source-dock^="split-"] .uaw-source-pane,
body.uaw-v2[data-uaw-workspace="assets"][data-source-dock^="split-"] .uaw-source-pane,
body.uaw-v2[data-uaw-workspace="source"] .uaw-source-pane { display: block !important; }

body.uaw-v2[data-uaw-workspace="source"] .uaw-source-pane { inset: 0 !important; border: 0; }
body.uaw-v2[data-uaw-workspace="source"] .uaw-legacy-host,
body.uaw-v2[data-uaw-workspace="source"] .uaw-product-view { display: none !important; }

body.uaw-v2[data-source-dock="split-left"] .uaw-source-pane {
    left: 0;
    right: calc(100% - var(--uaw-source-split, 52%));
    border-right: 1px solid #344258;
}

body.uaw-v2[data-source-dock="split-right"] .uaw-source-pane {
    left: var(--uaw-source-split, 52%);
    right: 0;
    border-left: 1px solid #344258;
}

body.uaw-v2[data-source-dock="split-bottom"] .uaw-source-pane {
    top: var(--uaw-source-split, 62%);
    bottom: 0;
    border-top: 1px solid #344258;
}

body.uaw-v2[data-uaw-workspace="build"][data-source-dock="split-left"] :is(.uaw-legacy-host, #uaw-process-view, #uaw-objects-view),
body.uaw-v2[data-uaw-workspace="run"][data-source-dock="split-left"] .uaw-legacy-host,
body.uaw-v2[data-uaw-workspace="assets"][data-source-dock="split-left"] #uaw-assets-view {
    left: var(--uaw-source-split, 52%) !important;
    right: 0 !important;
}

body.uaw-v2[data-uaw-workspace="build"][data-source-dock="split-right"] :is(.uaw-legacy-host, #uaw-process-view, #uaw-objects-view),
body.uaw-v2[data-uaw-workspace="run"][data-source-dock="split-right"] .uaw-legacy-host,
body.uaw-v2[data-uaw-workspace="assets"][data-source-dock="split-right"] #uaw-assets-view {
    left: 0 !important;
    right: calc(100% - var(--uaw-source-split, 52%)) !important;
}

body.uaw-v2[data-uaw-workspace="build"][data-source-dock="split-bottom"] :is(.uaw-legacy-host, #uaw-process-view, #uaw-objects-view),
body.uaw-v2[data-uaw-workspace="run"][data-source-dock="split-bottom"] .uaw-legacy-host,
body.uaw-v2[data-uaw-workspace="assets"][data-source-dock="split-bottom"] #uaw-assets-view {
    top: 0 !important;
    bottom: calc(100% - var(--uaw-source-split, 62%)) !important;
}

/* The visual half always fills its assigned side now that Source is a sibling. */
body.uaw-v2 .uaw-legacy-host .playground-main,
body.uaw-v2 .uaw-legacy-host .playground-top,
body.uaw-v2 .uaw-legacy-host .playground-left,
body.uaw-v2 .uaw-legacy-host .standard-mode-layout,
body.uaw-v2 .uaw-legacy-host .simulation-panel {
    width: 100% !important;
    min-width: 0 !important;
}

body.uaw-v2 .uaw-legacy-host .simulation-panel { flex: 1 1 100% !important; }

/* The separator only appears when both halves are visible. */
body.uaw-v2 .uaw-source-resizer { display: none !important; }
body.uaw-v2[data-uaw-workspace="build"][data-source-dock^="split-"] .uaw-source-resizer,
body.uaw-v2[data-uaw-workspace="run"][data-source-dock^="split-"] .uaw-source-resizer,
body.uaw-v2[data-uaw-workspace="assets"][data-source-dock^="split-"] .uaw-source-resizer { display: block !important; }

.monaco-editor .uaw-source-change-line { background: rgba(52, 211, 153, .16); box-shadow: inset 3px 0 #34d399; }
.monaco-editor .uaw-source-change-gutter { border-left: 3px solid #34d399; }
.uaw-source-linked { outline: 2px solid #2f78dd !important; outline-offset: 2px; }

@media (max-width: 900px) {
    .uaw-source-status { display: none; }
    .uaw-source-identity code { display: none; }
    .uaw-source-scope button { min-width: 58px; padding-inline: 6px; }
}

body.uaw-v2 #player-current-date { color: #59687c; font: 550 10px var(--uaw-font-ui); }
body.uaw-v2 #player-current-time { color: #15243a; font: 650 11px var(--uaw-font-code); }
body.uaw-v2 #uaw-playback-commands .player-time-display:hover,
body.uaw-v2 #uaw-playback-commands .player-time-display[aria-expanded="true"] { border-color: #6a9be2; background: #f8fbff; }
body.uaw-v2 #uaw-playback-commands .player-speed-control { gap: 3px; }
body.uaw-v2 #uaw-playback-commands .player-speed-control label { color: #758297; font-size: 9px; }
body.uaw-v2 #uaw-playback-commands .player-speed-control select { width: 54px; height: 28px !important; padding: 0 5px !important; }

/* Temporal treatment is deliberately restrained: the whole model remains
   inspectable, while the selected moment is unmistakable. */
[data-temporal-state="upcoming"] { opacity: .38 !important; filter: grayscale(.68) saturate(.45); }
[data-temporal-state="inactive"] { opacity: .52 !important; filter: grayscale(.52) saturate(.58); }
[data-temporal-state="completed"] { opacity: .66 !important; filter: grayscale(.32) saturate(.72); }
[data-temporal-state="active"] { opacity: 1 !important; filter: none !important; }

tr[data-temporal-state] { transition: opacity 140ms ease, background-color 140ms ease; }
tr[data-temporal-state="active"] { background: #eef5ff; box-shadow: inset 3px 0 #2671d9; }
tr[data-temporal-state="completed"] td:first-child strong { text-decoration: line-through; text-decoration-color: #9aa7b8; text-decoration-thickness: 1px; }
.uaw-temporal-badge { display: inline-flex; align-items: center; min-width: 58px; padding: 3px 6px; color: #64748a; background: #eef1f5; border: 1px solid #d8dfe8; border-radius: 999px; font: 650 8px var(--uaw-font-code); text-transform: uppercase; opacity: 1 !important; filter: none !important; }
.uaw-temporal-badge[data-temporal-state="active"] { color: #08735b; background: #e7f7f1; border-color: #9fd9c6; }
.uaw-temporal-badge[data-temporal-state="completed"] { color: #52677f; background: #edf1f5; border-color: #cad4df; }
.uaw-temporal-badge[data-temporal-state="upcoming"] { color: #8b6414; background: #fff7e4; border-color: #e8ce8f; }
.location-rect[data-temporal-state="active"],
.digital-object-visual[data-temporal-state="active"],
.display-element-rect[data-temporal-state="active"] { box-shadow: 0 0 0 3px rgba(38,113,217,.24), 0 6px 18px rgba(38,113,217,.16) !important; }
.task-block[data-temporal-state="active"] { z-index: 4; }

.workspec-time-navigator[hidden] { display: none !important; }
.workspec-time-navigator {
    position: fixed;
    z-index: 12000;
    top: calc(var(--uaw-titlebar-height, 56px) + var(--uaw-commandbar-height, 58px) + 8px);
    right: 14px;
    display: flex;
    flex-direction: column;
    width: min(760px, calc(100vw - 32px));
    max-height: min(740px, calc(100vh - 132px));
    overflow: hidden;
    color: #1c293b;
    background: #f7f8fa;
    border: 1px solid #bdc8d7;
    border-radius: 10px;
    box-shadow: 0 24px 70px rgba(22,34,52,.24), 0 3px 10px rgba(22,34,52,.12);
    transform: translateY(-5px);
    opacity: 0;
    transition: transform 130ms ease, opacity 130ms ease;
}

.workspec-time-navigator.open { transform: translateY(0); opacity: 1; }
.workspec-time-navigator__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 18px 20px 14px; background: #fff; border-bottom: 1px solid #d9e0e9; }
.workspec-time-kicker { color: #2871ce; font: 700 9px var(--uaw-font-code); letter-spacing: .14em; }
.workspec-time-navigator__header h2 { margin: 3px 0 2px; color: #152238; font: 650 20px/1.15 "Geologica", var(--uaw-font-ui); letter-spacing: -.025em; }
.workspec-time-navigator__header p { margin: 0; color: #657389; font-size: 11px; }
.workspec-time-navigator__header > button { width: 30px; height: 30px; padding: 0; color: #617087; background: transparent; border: 1px solid #d6dee9; border-radius: 5px; font-size: 20px; line-height: 1; }

.workspec-time-scales { display: grid; grid-template-columns: repeat(5, 1fr); gap: 2px; padding: 10px 12px; background: #edf1f6; border-bottom: 1px solid #d6dee8; }
.workspec-time-scales button { height: 30px; color: #536278; background: transparent; border: 1px solid transparent; border-radius: 5px; font-size: 10px; font-weight: 650; }
.workspec-time-scales button:hover { color: #1e4f8f; background: rgba(255,255,255,.7); }
.workspec-time-scales button.active { color: #174f91; background: #fff; border-color: #c6d1df; box-shadow: inset 0 -2px #2f78c4, 0 1px 2px rgba(34,55,82,.08); }

.workspec-time-scrubber { padding: 13px 18px 14px; background: #fff; border-bottom: 1px solid #d9e0e9; }
.workspec-time-scrubber > div { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; margin-bottom: 9px; color: #7a8799; font: 550 9px var(--uaw-font-code); }
.workspec-time-scrubber > div span:last-child { text-align: right; }
.workspec-time-scrubber output { color: #25344b; font: 650 10px var(--uaw-font-ui); }
.workspec-time-scrubber input { width: 100%; accent-color: #276fcf; cursor: ew-resize; }
.workspec-time-overview { min-height: 0; padding: 16px 18px 20px; overflow: auto; }
.workspec-time-status { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 13px; }
.workspec-time-status span { display: flex; align-items: center; gap: 5px; padding: 5px 8px; color: #68768b; background: #fff; border: 1px solid #dce2ea; border-radius: 999px; font-size: 9px; }
.workspec-time-status i { width: 7px; height: 7px; border-radius: 50%; }
.workspec-time-status i.active { background: #168568; box-shadow: 0 0 0 3px rgba(22,133,104,.12); }
.workspec-time-status i.completed { background: #7890aa; }
.workspec-time-status i.upcoming { background: #d29c31; }

.workspec-event-list { display: grid; gap: 5px; }
.workspec-event-list button { display: grid; grid-template-columns: 145px minmax(0,1fr) auto; align-items: center; gap: 12px; width: 100%; min-height: 48px; padding: 8px 11px; color: #243247; background: #fff; border: 1px solid #dce2ea; border-radius: 6px; text-align: left; }
.workspec-event-list button:hover { border-color: #8eb0df; }
.workspec-event-list time { color: #5d6c81; font: 550 9px var(--uaw-font-code); }
.workspec-event-list button > span { display: grid; min-width: 0; gap: 2px; }
.workspec-event-list strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.workspec-event-list small { color: #778499; font-size: 9px; }
.workspec-event-list em { color: #718096; font: 600 8px var(--uaw-font-code); font-style: normal; letter-spacing: .07em; text-transform: uppercase; }
.workspec-time-empty { color: #778499; text-align: center; }

.workspec-day-summary { display: grid; grid-template-columns: repeat(4,1fr); gap: 7px; margin-bottom: 12px; }
.workspec-day-summary > span { display: grid; gap: 4px; padding: 11px; background: #fff; border: 1px solid #dce2ea; border-radius: 6px; }
.workspec-day-summary small { color: #758297; font-size: 8px; letter-spacing: .05em; text-transform: uppercase; }
.workspec-day-summary strong { color: #223148; font: 650 14px "Geologica", var(--uaw-font-ui); }

.workspec-period-grid--week { display: grid; grid-template-columns: repeat(7, minmax(82px,1fr)); gap: 5px; }
.workspec-period-grid--week button { display: grid; align-content: start; gap: 5px; min-height: 118px; padding: 10px 8px; color: #26354a; background: #fff; border: 1px solid #dbe2eb; border-radius: 6px; text-align: left; }
.workspec-period-grid--week button.selected { border-color: #3479d2; box-shadow: inset 0 3px #3479d2; }
.workspec-period-grid--week time { color: #65758b; font: 600 8px var(--uaw-font-code); }
.workspec-period-grid--week strong { font-size: 11px; }
.workspec-period-grid--week span { color: #7b8798; font-size: 8px; line-height: 1.35; }

.workspec-month-heading { display: grid; grid-template-columns: repeat(7,1fr); gap: 4px; margin-bottom: 5px; color: #758297; font: 650 8px var(--uaw-font-code); text-align: center; text-transform: uppercase; }
.workspec-month-heading strong { grid-column: 1/-1; margin-bottom: 8px; color: #26364c; font: 650 14px "Geologica", var(--uaw-font-ui); text-align: left; text-transform: none; }
.workspec-month-grid { display: grid; grid-template-columns: repeat(7,1fr); gap: 4px; }
.workspec-month-grid button { display: grid; grid-template-columns: 1fr auto; gap: 5px; min-height: 64px; padding: 7px; color: #27364c; background: #fff; border: 1px solid #dce2ea; border-radius: 5px; text-align: left; }
.workspec-month-grid button.selected { color: #164e91; border-color: #3479d2; background: #f4f8ff; box-shadow: inset 0 2px #3479d2; }
.workspec-month-grid time { font: 650 9px var(--uaw-font-code); }
.workspec-month-grid strong { justify-self: end; font-size: 10px; }
.workspec-month-grid span { grid-column: 1/-1; color: #7c899a; font-size: 8px; }

.workspec-calendar-periods { display: grid; grid-template-columns: repeat(auto-fit,minmax(190px,1fr)); gap: 7px; }
.workspec-calendar-periods button { display: grid; gap: 5px; padding: 13px; color: #27364b; background: #fff; border: 1px solid #dce2ea; border-radius: 6px; text-align: left; }
.workspec-calendar-periods button.selected { border-color: #3479d2; box-shadow: inset 3px 0 #3479d2; }
.workspec-calendar-periods time { color: #174f91; font: 650 11px "Geologica", var(--uaw-font-ui); }
.workspec-calendar-periods strong { font-size: 10px; }
.workspec-calendar-periods span { color: #78869a; font-size: 9px; }

[data-theme="dark"] .workspec-time-navigator,
body[data-theme="dark"] .workspec-time-navigator { color: #e3eaf4; background: #131a24; border-color: #3b4656; }
[data-theme="dark"] .workspec-time-navigator__header,
[data-theme="dark"] .workspec-time-scrubber,
body[data-theme="dark"] .workspec-time-navigator__header,
body[data-theme="dark"] .workspec-time-scrubber { background: #18212d; border-color: #354151; }
[data-theme="dark"] .workspec-time-navigator h2,
body[data-theme="dark"] .workspec-time-navigator h2 { color: #f1f5fb; }
[data-theme="dark"] .workspec-time-scales,
body[data-theme="dark"] .workspec-time-scales { background: #101720; border-color: #354151; }
[data-theme="dark"] .workspec-time-scales button.active,
[data-theme="dark"] .workspec-time-overview button,
[data-theme="dark"] .workspec-day-summary > span,
[data-theme="dark"] .workspec-time-status span,
body[data-theme="dark"] .workspec-time-scales button.active,
body[data-theme="dark"] .workspec-time-overview button,
body[data-theme="dark"] .workspec-day-summary > span,
body[data-theme="dark"] .workspec-time-status span { color: #dbe5f3; background: #1b2634; border-color: #3a4758; }

@media (max-width: 1180px) {
    body.uaw-v2 #player-current-date,
    body.uaw-v2 #uaw-playback-commands .player-speed-control label { display: none; }
    body.uaw-v2 #uaw-playback-commands .player-time-display { grid-template-columns: 1fr; min-width: 58px; }
    .workspec-period-grid--week { grid-template-columns: repeat(4,1fr); }
}

@media (max-width: 760px) {
    .workspec-time-navigator { inset: auto 8px 8px; width: auto; max-height: calc(100vh - 80px); }
    .workspec-day-summary { grid-template-columns: repeat(2,1fr); }
    .workspec-period-grid--week { grid-template-columns: repeat(2,1fr); }
    .workspec-event-list button { grid-template-columns: 1fr auto; }
    .workspec-event-list time { grid-column: 1/-1; }
}

/* The calendar scale belongs to Simulate, while Validation owns its own tab
   group in the command bar. The breadcrumb remains useful context in-stage. */
body.uaw-v2[data-uaw-workspace="run"][data-run-view="timeline"] .schedule-view-switcher { display: none; }

body.uaw-v2 .uaw-period-commands { margin-left: 4px; }
body.uaw-v2 .uaw-validation-commands { margin-left: 0; }
body.uaw-v2 .uaw-commandbar-group-label {
    align-self: center;
    padding: 0 7px 0 4px;
    color: #778397;
    font: 650 9px var(--uaw-font-code);
    letter-spacing: .08em;
    text-transform: uppercase;
}

/* Rules is an editor workspace, not a split metrics preview. Both rule tabs
   therefore get the complete available stage width and height. */
body.uaw-v2[data-uaw-workspace="run"][data-run-view="rules"] .playground-left { display: none !important; }
body.uaw-v2[data-uaw-workspace="run"][data-run-view="rules"] .playground-top {
    display: flex !important;
    height: 100% !important;
    border-bottom: 0 !important;
}
body.uaw-v2[data-uaw-workspace="run"][data-run-view="rules"] #metrics-editor-panel {
    display: flex !important;
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    border-left: 0 !important;
}
body.uaw-v2[data-uaw-workspace="run"][data-run-view="rules"] #metrics-editor-panel > .panel-content,
body.uaw-v2[data-uaw-workspace="run"][data-run-view="rules"] .metrics-tab-content-wrapper,
body.uaw-v2[data-uaw-workspace="run"][data-run-view="rules"] .metrics-tab-content {
    width: 100%;
    min-width: 0;
}
body.uaw-v2[data-uaw-workspace="run"][data-run-view="rules"] .metrics-tab-content-wrapper {
    flex: 1 1 auto;
    margin: 14px 22px 22px;
}

/* Compact global transport. The controls belong to the command bar, so they
   do not need a second panel around them. */
body.uaw-v2[data-uaw-workspace="build"] #uaw-playback-commands:not([hidden]),
body.uaw-v2[data-uaw-workspace="source"] #uaw-playback-commands:not([hidden]),
body.uaw-v2[data-uaw-workspace="run"] #uaw-playback-commands:not([hidden]) {
    gap: 7px;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
}

body.uaw-v2 #uaw-playback-commands .playback-controls-group {
    align-items: center;
    gap: 7px;
}

body.uaw-v2 #uaw-playback-commands #player-play-pause-btn {
    min-width: 74px;
    height: 38px !important;
    padding: 0 13px !important;
    border-radius: 6px !important;
    font-size: 13px;
    font-weight: 700;
}

body.uaw-v2 #uaw-playback-commands .player-time-display {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-width: 222px;
    height: 38px !important;
    padding: 0 13px !important;
    border-radius: 6px !important;
}

body.uaw-v2 #player-current-date {
    display: inline;
    color: #526278;
    font: 600 12px/1 var(--uaw-font-ui);
    white-space: nowrap;
}

body.uaw-v2 #player-current-time {
    color: #15243a;
    font: 700 14px/1 var(--uaw-font-code);
    white-space: nowrap;
}

body.uaw-v2 #uaw-playback-commands .player-speed-control {
    display: flex;
    align-items: center;
}

body.uaw-v2 #uaw-playback-commands .player-speed-control select {
    width: 66px;
    height: 38px !important;
    padding: 0 8px !important;
    border-color: #ccd5e2;
    border-radius: 6px;
    font-size: 13px;
}

/* Clicking the date reveals only the scale and scrubber—no competing
   simulation dashboard. */
.workspec-time-navigator {
    top: calc(var(--uaw-titlebar-height, 56px) + var(--uaw-commandbar-height, 58px) + 6px);
    right: 12px;
    width: min(430px, calc(100vw - 24px));
    max-height: none;
    overflow: visible;
    background: #fff;
    border-color: #c8d2df;
    border-radius: 8px;
    box-shadow: 0 14px 38px rgba(22,34,52,.18), 0 2px 7px rgba(22,34,52,.10);
}

.workspec-time-navigator__controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 30px;
    align-items: center;
    gap: 8px;
    padding: 8px 8px 0;
}

.workspec-time-navigator__controls > button {
    width: 30px;
    height: 30px;
    padding: 0;
    color: #64748a;
    background: transparent;
    border: 0;
    border-radius: 5px;
    font-size: 19px;
    line-height: 1;
}

.workspec-time-navigator__controls > button:hover { background: #edf1f6; }

.workspec-time-scales {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
    padding: 2px;
    background: #edf1f6;
    border: 0;
    border-radius: 6px;
}

.workspec-time-scales button {
    height: 28px;
    border-radius: 4px;
    font-size: 11px;
}

.workspec-time-scrubber {
    display: grid;
    gap: 8px;
    padding: 11px 14px 13px;
    border: 0;
    border-radius: 0 0 8px 8px;
}

.workspec-time-scrubber output {
    color: #223148;
    font: 650 12px/1.2 var(--uaw-font-ui);
    text-align: center;
}

.workspec-time-scrubber input { margin: 0; }

.workspec-time-scrubber > div {
    display: flex;
    justify-content: space-between;
    margin: 0;
    color: #758297;
    font: 550 9px/1.2 var(--uaw-font-code);
}

[data-theme="dark"] .workspec-time-navigator,
body[data-theme="dark"] .workspec-time-navigator { background: #18212d; border-color: #3b4656; }
[data-theme="dark"] .workspec-time-navigator__controls > button:hover,
body[data-theme="dark"] .workspec-time-navigator__controls > button:hover { background: #263342; }
[data-theme="dark"] .workspec-time-scrubber output,
body[data-theme="dark"] .workspec-time-scrubber output { color: #e5edf7; }

@media (max-width: 1360px) {
    body.uaw-v2 #player-current-date { display: none; }
    body.uaw-v2 #uaw-playback-commands .playback-controls-group { gap: 5px; }
    body.uaw-v2 #uaw-playback-commands #player-play-pause-btn { min-width: 68px; padding-inline: 8px !important; }
    body.uaw-v2 #uaw-playback-commands .player-time-display { min-width: 82px; padding-inline: 7px !important; }
    body.uaw-v2 #uaw-playback-commands .player-speed-control select { width: 60px; padding-inline: 5px !important; }
}

@media (max-width: 760px) {
    .workspec-time-navigator { inset: auto 8px 8px; width: auto; max-height: none; }
}

/* State visuals ------------------------------------------------------------- */
.uaw-state-visuals,
.uaw-asset-section-heading {
    max-width: 1180px;
    margin-right: auto;
    margin-left: auto;
}

.uaw-state-visuals {
    container-type: inline-size;
    margin-bottom: 22px;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--uaw-slate-300);
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(28, 43, 57, .04);
}

.uaw-state-visuals__bar {
    display: flex;
    align-items: center;
    min-height: 34px;
    padding: 0 11px;
    background: #eef3f6;
    border-bottom: 1px solid var(--uaw-slate-300);
}

.uaw-state-visuals__bar h2,
.uaw-asset-section-heading h2 { margin: 0; color: var(--uaw-slate-950); font: 650 18px/1.2 var(--uaw-font-ui); }
.uaw-state-visuals__bar h2 { font-size: 12px; letter-spacing: .015em; }

.uaw-state-visuals button,
.uaw-view-heading > div > button,
.uaw-state-mapping button {
    min-height: 30px;
    padding: 0 10px;
    color: #24435d;
    background: white;
    border: 1px solid #aebdca;
    border-radius: 4px;
    font: 650 11px var(--uaw-font-ui);
    cursor: pointer;
}

.uaw-state-visuals button:hover,
.uaw-view-heading > div > button:hover { color: #123a5b; background: #edf6fa; border-color: #7096b2; }
.uaw-state-visuals button:disabled { opacity: .45; cursor: default; }

.uaw-state-workbench {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    min-height: 250px;
}

.uaw-state-library-rail {
    min-width: 0;
    background: #f7f9fb;
    border-right: 1px solid var(--uaw-slate-300);
}

.uaw-state-pane-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 34px;
    padding: 0 8px 0 11px;
    color: var(--uaw-slate-700);
    border-bottom: 1px solid var(--uaw-slate-200);
    font: 650 10px var(--uaw-font-ui);
    letter-spacing: .045em;
    text-transform: uppercase;
}

.uaw-state-pane-heading button {
    min-width: 24px;
    min-height: 24px;
    padding: 0;
    font-size: 16px;
    line-height: 1;
}

.uaw-state-library-list { display: grid; align-content: start; padding: 5px; }
.uaw-state-library-list > p { margin: 8px; color: var(--uaw-slate-500); font-size: 10px; }
.uaw-state-library-item {
    display: grid;
    gap: 2px;
    width: 100%;
    min-height: 42px !important;
    padding: 6px 8px !important;
    color: var(--uaw-slate-700) !important;
    background: transparent !important;
    border-color: transparent !important;
    text-align: left;
}
.uaw-state-library-item:hover { background: #edf2f6 !important; }
.uaw-state-library-item.is-active { color: #123f62 !important; background: #e2eef6 !important; border-color: #a9c1d1 !important; }
.uaw-state-library-item code { overflow: hidden; font: 650 11px var(--uaw-font-code); text-overflow: ellipsis; white-space: nowrap; }
.uaw-state-library-item span { color: var(--uaw-slate-500); font: 9px var(--uaw-font-ui); }

.uaw-state-library-create { display: grid; gap: 5px; margin-top: 4px; padding: 6px; background: #eaf1f5; border: 1px solid #a9bdca; border-radius: 4px; }
.uaw-state-library-create > div { display: flex; gap: 4px; }
.uaw-state-library-create button { flex: 1; min-height: 25px; padding: 0 5px; font-size: 9px; }

.uaw-state-library-editor { min-width: 0; background: #fff; }
.uaw-state-library-editor__top {
    display: grid;
    grid-template-columns: minmax(140px, .55fr) minmax(280px, 2fr);
    align-items: center;
    gap: 14px;
    min-height: 48px;
    padding: 6px 10px;
    border-bottom: 1px solid var(--uaw-slate-200);
}
.uaw-state-library-editor__top > strong code { color: #153f5e; font: 700 12px var(--uaw-font-code); }
.uaw-state-library-editor__top label { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 8px; color: var(--uaw-slate-600); font: 650 9px var(--uaw-font-ui); letter-spacing: .04em; text-transform: uppercase; }

.uaw-state-library-create input,
.uaw-state-library-editor__top input,
.uaw-state-appearance-create input {
    width: 100%;
    height: 28px;
    padding: 0 7px;
    color: var(--uaw-slate-900);
    background: white;
    border: 1px solid var(--uaw-slate-300);
    border-radius: 4px;
    font: 11px var(--uaw-font-code);
}

.uaw-state-appearance-bar {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 38px;
    padding: 4px 8px 4px 10px;
    background: #f8fafb;
    border-bottom: 1px solid var(--uaw-slate-200);
}
.uaw-state-appearance-bar > strong { flex: 0 0 auto; color: var(--uaw-slate-600); font: 600 10px var(--uaw-font-ui); }
.uaw-state-appearance-bar code { color: #174b70; font: 650 10px var(--uaw-font-code); }
.uaw-state-appearance-list { display: flex; flex: 1; flex-wrap: wrap; gap: 4px; }
.uaw-state-appearance-item { min-height: 26px !important; padding: 0 8px !important; background: transparent !important; border-color: transparent !important; font: 600 10px var(--uaw-font-code) !important; }
.uaw-state-appearance-item.is-active { color: #123f62; background: #e2eef6 !important; border-color: #a9c1d1 !important; }
.uaw-state-appearance-list [data-new-state-appearance] { min-height: 26px; padding: 0 8px; margin-left: auto; }

.uaw-state-appearance-create { display: grid; grid-template-columns: minmax(240px, 1fr) auto auto; align-items: end; gap: 6px; padding: 6px 8px 6px 10px; background: #eaf1f5; border-bottom: 1px solid #a9bdca; }
.uaw-state-appearance-create label { display: grid; grid-template-columns: auto minmax(160px, 1fr); align-items: center; gap: 8px; color: #38566e; font: 650 10px var(--uaw-font-ui); }
.uaw-state-appearance-create code { font-family: var(--uaw-font-code); }
.uaw-state-appearance-create button { min-height: 28px; }

.uaw-state-visuals [hidden] { display: none !important; }

.uaw-state-mappings { display: grid; gap: 1px; padding: 0; background: var(--uaw-slate-200); }
.uaw-state-mapping-head { display: grid; grid-template-columns: minmax(120px, .7fr) minmax(220px, 2fr) minmax(120px, auto); gap: 8px; min-height: 25px; padding: 0 8px 0 10px; color: var(--uaw-slate-500); background: #f1f4f6; border-bottom: 1px solid var(--uaw-slate-200); font: 650 8px/25px var(--uaw-font-ui); letter-spacing: .06em; text-transform: uppercase; }
.uaw-state-mapping { display: grid; grid-template-columns: minmax(120px, .7fr) minmax(220px, 2fr) auto auto; align-items: center; gap: 8px; min-height: 40px; padding: 4px 8px 4px 10px; background: #fbfcfd; }
.uaw-state-mapping > code { color: #153f5e; font: 650 12px var(--uaw-font-code); }
.uaw-state-mapping__asset { display: flex; align-items: center; gap: 7px; min-width: 0; color: var(--uaw-slate-600); font-size: 10px; }
.uaw-state-mapping__asset img { width: 30px; height: 30px; flex: 0 0 30px; object-fit: contain; background: repeating-conic-gradient(#eef1f3 0 25%, white 0 50%) 0 / 8px 8px; border: 1px solid var(--uaw-slate-300); border-radius: 3px; }
.uaw-state-mapping__asset span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.uaw-state-mapping__asset .is-missing { color: #a14335; }
.uaw-state-mapping .uaw-button-quiet { color: var(--uaw-slate-600); background: transparent; border-color: transparent; }
.uaw-state-mapping button { min-height: 26px; padding: 0 7px; font-size: 9px; }
.uaw-state-editor-empty { display: grid; place-content: center; gap: 3px; min-height: 120px; padding: 16px; color: var(--uaw-slate-500); text-align: center; }
.uaw-state-editor-empty strong { color: var(--uaw-slate-700); font-size: 11px; }
.uaw-state-editor-empty span { font-size: 10px; }

.uaw-asset-section-heading { display: flex; align-items: end; justify-content: space-between; margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid var(--uaw-slate-300); }
.uaw-asset-section-heading > span { color: var(--uaw-slate-500); font: 11px var(--uaw-font-code); }

.uaw-state-asset-picker { position: fixed; inset: 0; z-index: 900; display: grid; place-items: center; padding: 24px; background: rgba(17, 29, 41, .48); backdrop-filter: blur(2px); }
.uaw-state-asset-picker__panel { width: min(760px, 92vw); max-height: min(620px, 82vh); overflow: hidden; background: white; border: 1px solid #71869a; border-radius: 6px; box-shadow: 0 24px 70px rgba(10, 22, 33, .3); }
.uaw-state-asset-picker__panel > div:first-child { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 48px; padding: 0 15px; background: #eef3f6; border-bottom: 1px solid var(--uaw-slate-300); }
.uaw-state-asset-picker__panel > div:first-child input { width: min(320px, 48vw); margin-left: auto; }
.uaw-state-asset-picker__panel > div:first-child button { min-width: 30px; padding: 0; font-size: 18px; }
.uaw-state-asset-picker__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 8px; max-height: 540px; overflow: auto; padding: 12px; }
.uaw-state-asset-picker__grid button { display: grid; gap: 6px; min-width: 0; height: auto; padding: 7px; text-align: left; }
.uaw-state-asset-picker__grid img { width: 100%; height: 105px; object-fit: contain; background: repeating-conic-gradient(#eef1f3 0 25%, white 0 50%) 0 / 12px 12px; }
.uaw-state-asset-picker__grid span { overflow: hidden; font: 10px var(--uaw-font-code); text-overflow: ellipsis; white-space: nowrap; }
.uaw-state-asset-picker__limit { grid-column: 1 / -1; color: var(--uaw-slate-600); text-align: center; }

.uaw-state-visual-object-fields { grid-column: 1 / -1; margin: 10px 0 2px; padding: 12px; background: #f5f8fa; border: 1px solid #cbd6de; border-radius: 5px; }
.uaw-state-visual-object-fields legend { padding: 0 5px; color: #194b70; font: 700 11px var(--uaw-font-ui); }
.uaw-state-visual-object-fields > p { margin: 0 0 10px; color: #637386; font-size: 11px; }
.uaw-state-visual-object-fields code { font-family: var(--uaw-font-code); }
.uaw-state-visual-object-fields small { display: block; margin-top: 4px; color: #6d7e8d; font-size: 10px; }

@media (max-width: 900px) {
    .uaw-state-workbench { grid-template-columns: 160px minmax(0, 1fr); }
    .uaw-state-library-editor__top { grid-template-columns: 1fr; gap: 4px; }
    .uaw-state-appearance-bar { align-items: flex-start; flex-direction: column; }
    .uaw-state-mapping { grid-template-columns: 1fr auto auto; }
    .uaw-state-mapping__asset { grid-column: 1 / -1; grid-row: 2; }
    .uaw-state-mapping-head { display: none; }
}

@container (max-width: 700px) {
    .uaw-state-workbench { grid-template-columns: 128px minmax(0, 1fr); }
    .uaw-state-pane-heading { padding-left: 7px; }
    .uaw-state-library-list { padding: 3px; }
    .uaw-state-library-item { min-height: 38px !important; padding: 5px !important; }
    .uaw-state-library-item span { font-size: 8px; }
    .uaw-state-library-editor__top { grid-template-columns: 1fr; gap: 4px; padding: 6px 7px; }
    .uaw-state-library-editor__top label { grid-template-columns: 1fr; gap: 3px; }
    .uaw-state-appearance-bar { align-items: stretch; flex-direction: column; gap: 5px; padding: 6px 7px; }
    .uaw-state-appearance-list [data-new-state-appearance] { margin-left: 0; }
    .uaw-state-appearance-create { grid-template-columns: 1fr auto; }
    .uaw-state-appearance-create label { grid-column: 1 / -1; grid-template-columns: 1fr; gap: 3px; }
    .uaw-state-mapping-head { display: none; }
    .uaw-state-mapping { grid-template-columns: minmax(0, 1fr) auto auto; gap: 4px; min-height: 61px; padding: 4px 6px; }
    .uaw-state-mapping__asset { grid-column: 1 / -1; grid-row: 2; }
    .uaw-state-mapping__asset img { width: 24px; height: 24px; flex-basis: 24px; }
}