/* Accepted build-12 visual foundation, carried into CORE 4.4.0.10.9. */

body.control-authenticated[data-core-ui-wave="4.4.0.10.9"] {
    color: var(--ink);
}

body.control-authenticated[data-core-ui-wave="4.4.0.10.9"][data-core-colour-scheme="tmo-light"] {
    --green: #07758b;
}

body.control-authenticated[data-core-ui-wave="4.4.0.10.9"][data-core-colour-scheme="numa-light"] {
    --muted: #5f6b65;
}

body.control-authenticated[data-core-ui-wave="4.4.0.10.9"] .core-destination {
    min-width: 0;
}

/* Dark schemes inherit the active palette instead of historical light-only colours. */
body.control-authenticated[data-core-ui-wave="4.4.0.10.9"][data-core-colour-scheme$="-dark"]
    .core-destination :is(h1, h2, h3, h4, h5, h6, strong, legend, label) {
    color: var(--ink);
}

body.control-authenticated[data-core-ui-wave="4.4.0.10.9"][data-core-colour-scheme$="-dark"]
    .core-destination :is(p, small, .muted, .row-sub, .empty, .account-facts) {
    color: var(--muted);
}

body.control-authenticated[data-core-ui-wave="4.4.0.10.9"][data-core-colour-scheme$="-dark"]
    :is(.build-badge, .mode, .pill, .button.secondary, input, select, textarea, fieldset) {
    border-color: var(--line);
    background: color-mix(in srgb, var(--panel) 92%, var(--paper));
    color: var(--ink);
}

body.control-authenticated[data-core-ui-wave="4.4.0.10.9"][data-core-colour-scheme$="-dark"]
    :is(th, td, .workflow-line, .connector, .inset-form) {
    border-color: var(--line);
}

body.control-authenticated[data-core-ui-wave="4.4.0.10.9"][data-core-colour-scheme$="-dark"] .callout {
    border-left-color: var(--core-chapter-accent);
    background: color-mix(in srgb, var(--core-chapter-accent) 11%, var(--panel));
    color: var(--ink);
}

body.control-authenticated[data-core-ui-wave="4.4.0.10.9"][data-core-colour-scheme$="-dark"]
    :is(.notice.success, .status-verified, .status-approved, .status-active, .status-paid, .status-available, .status-published, .ready) {
    border-color: color-mix(in srgb, #72dbc3 42%, transparent);
    background: color-mix(in srgb, #72dbc3 14%, var(--panel));
    color: #bdf3df;
}

body.control-authenticated[data-core-ui-wave="4.4.0.10.9"][data-core-colour-scheme$="-dark"]
    :is(.notice.warning, .status-pending, .status-reserved, .status-draft, .status-awaiting-payment) {
    border-color: color-mix(in srgb, #ddb871 42%, transparent);
    background: color-mix(in srgb, #ddb871 14%, var(--panel));
    color: #f3dca8;
}

body.control-authenticated[data-core-ui-wave="4.4.0.10.9"][data-core-colour-scheme$="-dark"]
    :is(.notice.danger, .status-rejected, .status-failed, .status-cancelled, .status-withdrawn, .status-suspended, .status-expired, .status-revoked, .blocked) {
    border-color: color-mix(in srgb, #ef8f88 42%, transparent);
    background: color-mix(in srgb, #ef8f88 13%, var(--panel));
    color: #ffc5c1;
}

body.control-authenticated[data-core-ui-wave="4.4.0.10.9"][data-core-colour-scheme$="-dark"] .core-flow-dock {
    border-color: var(--line);
    background: color-mix(in srgb, var(--panel) 94%, transparent);
}

/* Long system registers become bounded workspaces, while content stays in the DOM. */
.core-workspace-nav {
    position: sticky;
    z-index: 18;
    top: calc(var(--core-shell-topbar, 78px) + 10px);
    display: flex;
    gap: 7px;
    width: 100%;
    margin: 0 0 20px;
    padding: 8px;
    overflow-x: auto;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: color-mix(in srgb, var(--panel) 94%, transparent);
    box-shadow: 0 12px 32px rgba(13, 35, 28, .09);
    scrollbar-width: thin;
    backdrop-filter: blur(18px) saturate(1.15);
    -webkit-backdrop-filter: blur(18px) saturate(1.15);
}

.core-workspace-nav button {
    flex: 0 0 auto;
    min-height: 42px;
    padding: 9px 13px;
    border: 1px solid transparent;
    border-radius: 11px;
    background: transparent;
    color: var(--muted);
    font-weight: 800;
    cursor: pointer;
}

.core-workspace-nav button:hover {
    border-color: var(--line);
    color: var(--ink);
}

.core-workspace-nav button[aria-selected="true"] {
    border-color: color-mix(in srgb, var(--core-chapter-accent) 40%, var(--line));
    background: color-mix(in srgb, var(--core-chapter-accent) 14%, var(--panel));
    color: var(--ink);
    box-shadow: inset 0 -2px 0 var(--core-chapter-accent);
}

.core-workspace-nav button:focus-visible,
.core-catalogue-card > div:first-child:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--core-chapter-accent) 52%, transparent);
    outline-offset: 2px;
}

[data-core-workspace-pane][hidden] {
    display: none !important;
}

body[data-core-workspace="analysis"] .analysis-card {
    margin: 9px 0;
    padding: 0;
    overflow: hidden;
}

body[data-core-workspace="analysis"] .analysis-card > div {
    padding: 15px 17px;
}

body[data-core-workspace="analysis"] .analysis-card > div + div {
    border-top: 1px solid var(--line);
}

.core-catalogue-card > div:first-child {
    position: relative;
    padding-right: 54px !important;
    cursor: pointer;
}

.core-catalogue-card > div:first-child::after {
    position: absolute;
    top: 18px;
    right: 18px;
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border: 1px solid var(--line);
    border-radius: 50%;
    color: var(--green);
    content: "+";
    font-size: 18px;
    font-weight: 800;
}

.core-catalogue-card.is-open > div:first-child::after {
    content: "−";
}

.core-catalogue-card:not(.is-open) > div:not(:first-child) {
    display: none;
}

body[data-core-workspace="workflows"] .role-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(290px, 100%), 1fr));
}

body[data-core-workspace="workflows"] .role-card {
    min-height: 0;
}

body[data-core-workspace="deployment"] .metric-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1100px) {
    body[data-core-workspace="deployment"] .metric-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .core-workspace-nav {
        position: relative;
        top: auto;
        margin-inline: 0;
        border-radius: 13px;
    }

    .core-workspace-nav button {
        min-height: 46px;
    }

    body[data-core-workspace="deployment"] .metric-grid {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .core-workspace-nav {
        scroll-behavior: auto;
    }
}