/*
 * Volga Bearing Supply — workspace concept v2.
 *
 * This layer intentionally changes the visual hierarchy, not the business
 * contract. Report columns, data order and interactive controls stay intact.
 */

html[data-ui-version="2026"] {
    --sidebar-width: 282px;
    --topbar-height: 72px;
    --page-gutter: clamp(22px, 1.7vw, 38px);
    --page-bottom: 64px;
    --canvas: #edf2f5;
    --surface: #ffffff;
    --surface-soft: #f5f8fa;
    --surface-blue: #eef4f8;
    --nav: #ffffff;
    --nav-soft: #f2f7f8;
    --ink: #102b3a;
    --text: #334c5c;
    --muted: #708594;
    --muted-soft: #9aabb5;
    --line: #d9e3e8;
    --line-strong: #c6d4dc;
    --violet: #245f8a;
    --violet-dark: #194764;
    --violet-soft: #eaf2f7;
    --blue: #245f8a;
    --blue-soft: #e9f5fa;
    --teal: #137865;
    --teal-soft: #e5f5f0;
    --amber: #a56317;
    --amber-soft: #fff3df;
    --red: #c84c52;
    --red-soft: #ffedef;
    --green: #1f7d5b;
    --green-soft: #e7f5ee;
    --shadow: 0 1px 2px rgba(11, 42, 57, .035), 0 14px 36px rgba(25, 54, 68, .075);
    background: var(--canvas);
    font-size: 15px;
}

.ui-redesign {
    background:
        linear-gradient(135deg, rgba(36, 95, 138, .035), transparent 34%),
        var(--canvas);
    font-size: 15px;
}

/* A light, transparent navigation map instead of the old dark rail. */
.ui-redesign .sidebar {
    color: #56707f;
    background: #fff;
    border-right: 1px solid #d6e1e7;
    box-shadow: 10px 0 36px rgba(20, 49, 63, .07);
}

.ui-redesign .sidebar-brand {
    height: var(--topbar-height);
    padding: 0 20px;
    background: #fff;
    border-bottom: 1px solid #dce6eb;
}

.ui-redesign .brand-lockup { gap: 12px; color: var(--ink); }
.ui-redesign .brand-symbol {
    width: 42px;
    height: 42px;
    padding: 7px 10px;
    display: grid;
    place-items: center;
    background: linear-gradient(145deg, #0d4051, #092d3c);
    border-radius: 12px;
    box-shadow: 0 7px 18px rgba(8, 47, 63, .2);
}
.ui-redesign .brand-symbol img { width: 22px; height: 29px; object-fit: contain; }
.ui-redesign .brand-lockup strong {
    color: #102b3a;
    font-size: 14px;
    font-weight: 790;
    letter-spacing: -.01em;
}
.ui-redesign .brand-lockup small {
    margin-top: 4px;
    color: #718692;
    font-size: 9px;
    font-weight: 720;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.ui-redesign .sidebar-nav {
    padding: 17px 14px 24px;
    scrollbar-color: #c4d1d8 transparent;
}
.ui-redesign .nav-section + .nav-section { margin-top: 15px; }
.ui-redesign .nav-section[data-nav-section="standalone"] + .nav-section { margin-top: 20px; }
.ui-redesign .nav-section:not([data-nav-section="standalone"]) {
    padding-top: 14px;
    border-top: 1px solid #e6ecef;
}
.ui-redesign .nav-section-toggle,
.ui-redesign .nav-section-heading {
    min-height: 38px;
    margin: 0 2px 7px;
    padding: 2px 7px;
    color: #5e7481;
    border-radius: 9px;
}
.ui-redesign .nav-section-toggle:hover { background: #f4f8f9; }
.ui-redesign .nav-section-toggle::before,
.ui-redesign .nav-section-heading::before { display: none; }
.ui-redesign .nav-label {
    color: #536b78;
    font-size: 10px;
    font-weight: 820;
    letter-spacing: .105em;
    text-transform: uppercase;
}
.ui-redesign .nav-section-heading small,
.ui-redesign .nav-section-copy small {
    margin-top: 2px;
    color: #9aabb4;
    font-size: 8.5px;
}
.ui-redesign .nav-section-chevron-wrap {
    width: 26px;
    height: 26px;
    color: #78909c;
    background: #f2f6f8;
    border: 1px solid #e0e8ec;
    border-radius: 8px;
}
.ui-redesign .nav-section-pages { gap: 5px; }
.ui-redesign .nav-link {
    min-height: 49px;
    padding: 6px 9px;
    gap: 11px;
    color: #35505f;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 12px;
}
.ui-redesign .nav-icon {
    width: 34px;
    height: 34px;
    color: #6f8793;
    background: #f2f6f8;
    border: 1px solid #e1e9ed;
    border-radius: 10px;
}
.ui-redesign .nav-link-copy > span { color: inherit; font-size: 12px; font-weight: 690; }
.ui-redesign .nav-link-copy > small { margin-top: 2px; color: #91a1aa; font-size: 8.8px; }
.ui-redesign .nav-link:hover {
    color: #173a49;
    background: #f3f8f9;
    border-color: #e2eaee;
}
.ui-redesign .nav-link.is-active {
    color: #fff;
    background: linear-gradient(135deg, #2b6388, #214d6a);
    border-color: #235675;
    box-shadow: 0 8px 20px rgba(33, 77, 106, .2);
}
.ui-redesign .nav-link.is-active .nav-icon {
    color: #fff;
    background: rgba(255, 255, 255, .15);
    border-color: rgba(255, 255, 255, .2);
}
.ui-redesign .nav-link.is-active .nav-link-copy > small { color: rgba(255, 255, 255, .72); }

/* A light command bar keeps location visible without splitting the workspace. */
.ui-redesign .topbar {
    height: var(--topbar-height);
    padding: 0 var(--page-gutter);
    color: #36505f;
    background: rgba(255, 255, 255, .97);
    border-bottom: 1px solid #d8e2e7;
    box-shadow: 0 5px 18px rgba(22, 52, 67, .065);
    backdrop-filter: none;
}
.ui-redesign .breadcrumb { gap: 12px; font-size: 11.5px; }
.ui-redesign .breadcrumb-product {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #6e8290 !important;
    font-weight: 650;
}
.ui-redesign .breadcrumb-product i {
    width: 7px;
    height: 7px;
    background: #43c49a;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(67, 196, 154, .1);
}
.ui-redesign .breadcrumb b { color: #a0afb8; }
.ui-redesign .breadcrumb strong { color: #183746; font-size: 12.5px; font-weight: 700; }
.ui-redesign .user-menu-button {
    min-width: 200px;
    height: 48px;
    padding: 4px 8px 4px 5px;
    color: #294756;
    background: #f5f8fa;
    border: 1px solid #d8e2e7;
    border-radius: 13px;
}
.ui-redesign .user-menu-button:hover,
.ui-redesign .user-menu-button[aria-expanded="true"] {
    background: #eef4f7;
    border-color: #c7d6dd;
}
.ui-redesign .user-menu-button .avatar {
    color: #245f8a;
    background: #e8f1f7;
    border-color: #cbdce7;
}
.ui-redesign .user-meta strong { color: #183746; }
.ui-redesign .user-meta small { color: #758894; }
.ui-redesign .user-menu-button > svg { color: #82949f; }
.ui-redesign .user-dropdown { color: var(--text); background: #fff; border-color: #d9e3e8; }

/* Compact page title: no decorative banner before the actual workspace. */
.ui-redesign .content-shell { padding-top: 20px; }
.ui-redesign .page-heading-row,
.ui-redesign .decision-page-head {
    min-height: 0;
    margin-bottom: 14px;
    padding: 0 2px;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
.ui-redesign .page-kicker,
.ui-redesign .section-kicker,
.ui-redesign .system-settings-section-kicker {
    color: #245f8a;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .15em;
}
.ui-redesign .page-heading-row .page-kicker,
.ui-redesign .decision-page-head .page-kicker { display: none; }
.ui-redesign .page-heading-row h1,
.ui-redesign .decision-page-head h1 {
    margin: 0;
    color: #102b3a;
    font-size: clamp(27px, 1.45vw, 33px);
    font-weight: 780;
    letter-spacing: -.04em;
}
.ui-redesign .page-heading-row p,
.ui-redesign .decision-page-head p { max-width: 920px; margin-top: 4px; color: #6d8290; font-size: 12px; }

.ui-redesign .panel {
    background: #fff;
    border: 1px solid #d7e2e7;
    border-radius: 18px;
    box-shadow: var(--shadow);
}
.ui-redesign .panel-head { min-height: 78px; padding: 17px 21px; }
.ui-redesign .primary-button {
    color: #fff;
    background: linear-gradient(135deg, #2b6b95, #245877);
    border-color: #245d80;
    box-shadow: 0 7px 18px rgba(36, 88, 119, .19);
}
.ui-redesign .primary-button:hover { background: linear-gradient(135deg, #245f86, #1c4966); }
.ui-redesign .secondary-button,
.ui-redesign .filter-button { color: #294654; background: #fff; border-color: #ccd9df; }

/* Control center: three decision cards followed by the operational detail. */
.ui-redesign .control-center-content-shell { padding-top: 26px; }
.ui-redesign .control-center-main-stage,
.ui-redesign .control-center-live-shell .control-center-main-stage,
.ui-redesign .control-center-live-shell .lab-stream-refined {
    grid-template-columns: minmax(0, 1.36fr) minmax(420px, .64fr) !important;
    gap: 18px !important;
    align-items: start;
}
.ui-redesign .control-center-live-shell .decision-feed,
.ui-redesign .control-center-live-shell .decision-context > section {
    border: 1px solid #d5e2e7 !important;
    border-radius: 18px !important;
    box-shadow: var(--shadow) !important;
}
.ui-redesign .control-center-live-shell .decision-feed { min-height: 0; }
.ui-redesign .control-center-live-shell .decision-context {
    min-height: 0;
    grid-template-rows: 310px minmax(220px, auto) minmax(280px, auto) !important;
    gap: 18px;
}
.ui-redesign .control-center-live-shell .decision-feed-head,
.ui-redesign .control-center-live-shell .decision-feed-rk .decision-context-head,
.ui-redesign .control-center-live-shell .decision-context .lab-chart-head,
.ui-redesign .control-center-live-shell .decision-context .decision-context-head {
    height: 72px;
    min-height: 72px;
    padding: 13px 18px;
    background: linear-gradient(135deg, #f7fafb, #eef5f6);
    border-bottom: 1px solid #dce6ea;
    box-shadow: none !important;
}
.ui-redesign .control-center-live-shell .decision-feed-title small,
.ui-redesign .control-center-live-shell .decision-context-head small,
.ui-redesign .control-center-live-shell .lab-chart-head small { color: #245f8a; font-size: 8.5px; font-weight: 850; letter-spacing: .14em; }
.ui-redesign .control-center-live-shell .decision-feed-title strong,
.ui-redesign .control-center-live-shell .decision-context-head strong,
.ui-redesign .control-center-live-shell .lab-chart-head strong { color: #173442; font-size: 15px; font-weight: 750; }
.ui-redesign .control-center-live-shell .decision-group-primary {
    padding: 15px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(235px, 1fr));
    gap: 12px;
    background: #f2f6f8;
}
.ui-redesign .control-center-live-shell .decision-group-primary .decision-row {
    min-height: 150px;
    padding: 16px 15px 14px 19px;
    display: grid;
    grid-template-columns: 5px minmax(0, 1fr) auto;
    grid-template-rows: minmax(0, 1fr) auto;
    gap: 11px 12px;
    background: #fff;
    border: 1px solid #dce5e9;
    border-radius: 14px;
    box-shadow: 0 7px 18px rgba(20, 49, 63, .055);
}
.ui-redesign .control-center-live-shell .decision-group-primary .decision-row:hover {
    border-color: #afcbd4;
    box-shadow: 0 10px 24px rgba(17, 66, 80, .1);
    transform: translateY(-1px);
}
.ui-redesign .decision-row-line { grid-column: 1; grid-row: 1 / 3; align-self: stretch; height: auto; border-radius: 9px; }
.ui-redesign .decision-row-copy { grid-column: 2 / 4; grid-row: 1; }
.ui-redesign .decision-row-copy > small { color: #80929c; font-size: 9px; letter-spacing: .05em; }
.ui-redesign .decision-row-copy > strong { margin-top: 7px; color: #183543; font-size: 14px; line-height: 1.28; }
.ui-redesign .decision-row-copy > em { margin-top: 7px; color: #738792; font-size: 10px; line-height: 1.4; }
.ui-redesign .decision-row-value { grid-column: 2; grid-row: 2; justify-self: start; }
.ui-redesign .decision-row-value b { font-size: 22px; }
.ui-redesign .decision-row-open { grid-column: 3; grid-row: 2; align-self: center; color: #245f8a; font-weight: 750; }

.ui-redesign .control-center-live-shell .decision-feed-rk {
    margin: 0;
    border: 0;
    border-top: 1px solid #dce5e9;
    border-radius: 0;
}
.ui-redesign .control-center-live-shell .decision-rk-summary { background: #f9fbfc; }
.ui-redesign .control-center-live-shell .decision-rk-summary > span { min-height: 82px; padding: 15px; }
.ui-redesign .control-center-live-shell .decision-rk-list > a { min-height: 65px; }
.ui-redesign .control-center-live-shell .decision-context .lab-chart { background: #fff; }
.ui-redesign .control-center-demand-line { stroke: #2b6b95; stroke-width: 4; }
.ui-redesign .control-center-demand-svg-point-core { stroke: #2b6b95; }

/* Report workspace: controls above a high-contrast, easy-scanning grid. */
.ui-redesign .procurement-report-controls { margin-bottom: 18px; }
.ui-redesign .procurement-primary-controls {
    min-height: 94px;
    padding: 18px;
    background: #fff;
    border-radius: 18px 18px 0 0;
}
.ui-redesign .catalog-filter-workbench { padding: 13px 16px; background: #eef4f6; }
.ui-redesign .catalog-filter-trigger { background: #fff; border-color: #cddbe1; }
.ui-redesign .procurement-table-toolbar { min-height: 88px; padding: 16px 18px; background: #fff; }
.ui-redesign .procurement-live-search input { background: #f5f8fa; border-color: #cedbe1; }
.ui-redesign .report-mode-switcher { background: #e9eff2; border-color: #d5dfe4; }
.ui-redesign .report-mode-switcher button.is-active { color: #096e82; background: #fff; box-shadow: 0 3px 9px rgba(16, 57, 73, .1); }
.ui-redesign .procurement-report-table { color: #294453; }
.ui-redesign .procurement-report-table thead th,
.ui-redesign .procurement-report-table .report-header-details th,
.ui-redesign .procurement-report-table .report-header-details th[data-column-group],
.ui-redesign .procurement-report-table .report-header-details th[data-column-key] {
    color: #38515f !important;
    background: #f0f4f6 !important;
    border-top: 0 !important;
    border-bottom-color: #ccd8de !important;
}
.ui-redesign .procurement-report-table .sortable-heading,
.ui-redesign .procurement-report-table .report-column-summary,
.ui-redesign .procurement-report-table .report-column-title { color: #38515f !important; }
.ui-redesign .procurement-report-table .report-header-details th:not(.report-request-header),
.ui-redesign .procurement-report-table .report-header-details .sortable-heading,
.ui-redesign .procurement-report-table .report-header-details .report-column-summary,
.ui-redesign .procurement-report-table .report-header-details .report-column-title {
    font-size: 10.5px !important;
    font-weight: 650 !important;
    line-height: 1.15;
}
.ui-redesign .procurement-report-table .sortable-heading:hover,
.ui-redesign .procurement-report-table .sortable-heading.is-active,
.ui-redesign .procurement-report-table .report-column-summary:hover { color: #245f8a !important; }
.ui-redesign .procurement-report-table .report-tooltip-marker { color: #245f8a; background: #e2edf4; }
.ui-redesign .procurement-report-table thead svg { color: #6f8491; }
.ui-redesign .procurement-report-table .report-header-details .report-request-header {
    color: transparent !important;
    background: #f0f4f6 !important;
    font-size: 0 !important;
}
.ui-redesign .procurement-report-table .report-header-groups,
.ui-redesign .procurement-report-table .report-header-details { border-top: 0 !important; box-shadow: none !important; }
.ui-redesign .procurement-report-table tbody tr:nth-child(even) td { background: #f7fafb; }
.ui-redesign .procurement-report-table tbody tr:hover td { background: #edf7f8; }
.ui-redesign .procurement-report-table tbody > tr > td,
.ui-redesign .procurement-report-table tbody > tr > td > strong,
.ui-redesign .procurement-report-table tbody > tr > td > .report-sales-with-merge > strong,
.ui-redesign .procurement-report-table tbody > tr > .report-product-name > span,
.ui-redesign .procurement-report-table tbody > tr > .report-need > strong { color: #213e4d; }

/* Orders, requests and directories share the same operational language. */
.ui-redesign .supplier-order-filters,
.ui-redesign .rk-procurement-controls,
.ui-redesign .rk-procurement-toolbar,
.ui-redesign .data-completion-toolbar,
.ui-redesign .user-directory-toolbar { background: #f7fafb; }
.ui-redesign .supplier-order-list-head { color: #c7d8de; background: #173b4a; }
.ui-redesign .supplier-order-card > summary { background: #fff; }
.ui-redesign .supplier-order-card:nth-child(even) > summary { background: #f9fbfc; }
.ui-redesign .supplier-order-card > summary:hover { background: #edf7f8; }
.ui-redesign .request-card,
.ui-redesign .repair-kit-catalog,
.ui-redesign .repair-kit-composer,
.ui-redesign .system-settings-panel,
.ui-redesign .source-export-card,
.ui-redesign .user-access-card { border-radius: 18px; border-color: #d6e2e7; box-shadow: var(--shadow); }
.ui-redesign .request-card-header,
.ui-redesign .repair-kit-catalog > header,
.ui-redesign .repair-kit-composer-header,
.ui-redesign .system-settings-panel-head,
.ui-redesign .data-completion-panel-header,
.ui-redesign .user-directory-toolbar { background: linear-gradient(135deg, #f8fbfc, #eff6f7); }
.ui-redesign .data-completion-card { border-color: #d4e1e6; box-shadow: 0 8px 22px rgba(18, 51, 65, .06); }
.ui-redesign .data-completion-card.is-active { border-color: #5f8cad; box-shadow: 0 0 0 2px rgba(36, 95, 138, .1), 0 10px 24px rgba(18, 51, 65, .08); }

/* Authentication follows the same product language. */
.ui-redesign.auth-body {
    background:
        radial-gradient(circle at 18% 15%, rgba(36, 95, 138, .16), transparent 31%),
        linear-gradient(145deg, #e9f1f3, #f7fafb);
}
.ui-redesign .login-card { border-radius: 24px; box-shadow: 0 32px 90px rgba(15, 48, 63, .17); }
.ui-redesign .login-submit { background: linear-gradient(135deg, #2b6b95, #1c4966); }

/* Laptop: retain hierarchy while using the available height efficiently. */
@media (max-width: 1500px) and (min-width: 921px) {
    html[data-ui-version="2026"] {
        --sidebar-width: 248px;
        --topbar-height: 64px;
        --page-gutter: 20px;
        font-size: 13.5px;
    }
    .ui-redesign { font-size: 13.5px; }
    .ui-redesign .sidebar-brand { padding: 0 15px; }
    .ui-redesign .brand-symbol { width: 38px; height: 38px; }
    .ui-redesign .sidebar-nav { padding: 13px 11px 20px; }
    .ui-redesign .nav-section + .nav-section { margin-top: 10px; }
    .ui-redesign .nav-section:not([data-nav-section="standalone"]) { padding-top: 9px; }
    .ui-redesign .nav-link { min-height: 44px; padding: 4px 7px; }
    .ui-redesign .nav-icon { width: 31px; height: 31px; }
    .ui-redesign .nav-link-copy > span { font-size: 11px; }
    .ui-redesign .nav-link-copy > small { font-size: 8px; }
    .ui-redesign .nav-section-toggle { min-height: 33px; margin-bottom: 4px; }
    .ui-redesign .page-heading-row,
    .ui-redesign .decision-page-head { min-height: 0; padding: 0 2px; }
    .ui-redesign .page-heading-row h1,
    .ui-redesign .decision-page-head h1 { font-size: 28px; }
    .ui-redesign .control-center-main-stage,
    .ui-redesign .control-center-live-shell .control-center-main-stage,
    .ui-redesign .control-center-live-shell .lab-stream-refined {
        grid-template-columns: minmax(0, 1.2fr) minmax(370px, .8fr) !important;
    }
    .ui-redesign .control-center-live-shell .decision-group-primary { grid-template-columns: repeat(auto-fit, minmax(205px, 1fr)); }
}

/* 27-inch ultrawide and 4K displays get genuinely larger components. */
@media (min-width: 2600px) and (min-height: 1100px) {
    html[data-ui-version="2026"] {
        --sidebar-width: 320px;
        --topbar-height: 82px;
        --page-gutter: 40px;
        --page-bottom: 82px;
        font-size: 16.5px;
    }
    .ui-redesign { font-size: 16.5px; }
    .ui-redesign .brand-symbol { width: 48px; height: 48px; }
    .ui-redesign .brand-lockup strong { font-size: 16px; }
    .ui-redesign .nav-link { min-height: 57px; }
    .ui-redesign .nav-icon { width: 40px; height: 40px; }
    .ui-redesign .nav-link-copy > span { font-size: 14px; }
    .ui-redesign .nav-link-copy > small { font-size: 10px; }
    .ui-redesign .nav-label { font-size: 11.5px; }
    .ui-redesign .breadcrumb strong { font-size: 14px; }
    .ui-redesign .page-heading-row,
    .ui-redesign .decision-page-head { min-height: 0; padding: 0 4px; }
    .ui-redesign .page-heading-row h1,
    .ui-redesign .decision-page-head h1 { font-size: 36px; }
    .ui-redesign .page-heading-row p,
    .ui-redesign .decision-page-head p { font-size: 15px; }
    .ui-redesign .procurement-report-table,
    .ui-redesign .procurement-report-table tbody td { font-size: 14px; }
    .ui-redesign .procurement-report-table thead th,
    .ui-redesign .procurement-report-table .sortable-heading,
    .ui-redesign .procurement-report-table .report-column-summary { font-size: 11.5px; }
    .ui-redesign .procurement-report-table .report-header-details th:not(.report-request-header),
    .ui-redesign .procurement-report-table .report-header-details .sortable-heading,
    .ui-redesign .procurement-report-table .report-header-details .report-column-summary,
    .ui-redesign .procurement-report-table .report-header-details .report-column-title { font-size: 12px !important; }
}

/* Mobile: the new shell remains a single readable column. */
@media (max-width: 920px) {
    html[data-ui-version="2026"] {
        --sidebar-width: min(340px, calc(100vw - 34px));
        --topbar-height: 60px;
        --page-gutter: 12px;
        --page-bottom: 36px;
        font-size: 14px;
    }
    .ui-redesign { font-size: 14px; }
    .ui-redesign .topbar { padding: 0 10px; }
    .ui-redesign .mobile-menu {
        color: #294b5c;
        background: #f2f6f8;
        border-color: #d5e0e5;
    }
    .ui-redesign .breadcrumb-product,
    .ui-redesign .breadcrumb > b { display: none; }
    .ui-redesign .breadcrumb strong { font-size: 13px; }
    .ui-redesign .user-menu-button { background: #f2f6f8; border-color: #d5e0e5; }
    .ui-redesign .sidebar-brand { height: 70px; }
    .ui-redesign .sidebar-close { color: #34515e; }
    .ui-redesign .sidebar-nav { padding-top: 12px; }
    .ui-redesign .nav-link { min-height: 50px; }
    .ui-redesign .content-shell { padding-top: 14px; }
    .ui-redesign .page-heading-row,
    .ui-redesign .decision-page-head {
        min-height: 0;
        margin-bottom: 12px;
        padding: 0;
        border-radius: 0;
    }
    .ui-redesign .page-heading-row h1,
    .ui-redesign .decision-page-head h1 { font-size: 25px; }
    .ui-redesign .page-heading-row p,
    .ui-redesign .decision-page-head p { font-size: 11px; }
    .ui-redesign .decision-page-head { gap: 12px; }
    .ui-redesign .control-center-main-stage,
    .ui-redesign .control-center-live-shell .control-center-main-stage,
    .ui-redesign .control-center-live-shell .lab-stream-refined {
        display: flex !important;
        gap: 12px !important;
        /* In the mobile column, stretch panels instead of using desktop grid alignment. */
        align-items: stretch;
    }
    .ui-redesign .control-center-live-shell .decision-group-primary { padding: 10px; grid-template-columns: 1fr; gap: 9px; }
    .ui-redesign .control-center-live-shell .decision-group-primary .decision-row { min-height: 126px; }
    .ui-redesign .control-center-live-shell .decision-row-copy > strong,
    .ui-redesign .control-center-live-shell .decision-feed-rk .decision-context-head strong {
        white-space: normal;
        overflow-wrap: anywhere;
    }
    .ui-redesign .control-center-live-shell .decision-context { gap: 12px; }
    .ui-redesign .control-center-live-shell .decision-feed-head,
    .ui-redesign .control-center-live-shell .decision-feed-rk .decision-context-head,
    .ui-redesign .control-center-live-shell .decision-context .lab-chart-head,
    .ui-redesign .control-center-live-shell .decision-context .decision-context-head { min-height: 66px; height: 66px; }
    .ui-redesign .control-center-live-shell .decision-feed-rk .decision-context-head { height: auto; }
    .ui-redesign .control-center-live-shell .decision-feed-count {
        min-width: 44px;
        flex: 0 0 44px;
        margin-left: auto;
        padding-left: 8px;
    }
    .ui-redesign .control-center-live-shell .decision-feed-count b { font-size: 17px; }
    .ui-redesign .control-center-live-shell .decision-feed-count small { font-size: 7.5px; }
    .ui-redesign .control-center-live-shell .decision-context-head > span { min-width: 0; }
    .ui-redesign .control-center-live-shell .decision-context-head > a {
        max-width: 74px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .ui-redesign .panel,
    .ui-redesign .request-card,
    .ui-redesign .repair-kit-catalog,
    .ui-redesign .repair-kit-composer,
    .ui-redesign .system-settings-panel { border-radius: 15px; }
    .ui-redesign .procurement-report-table thead th { background: #f0f4f6; }
    .ui-redesign .procurement-report-table tbody tr:nth-child(even) td { background: transparent; }
    .ui-redesign .supplier-order-list-head { display: none; }
    .ui-redesign .supplier-orders-panel { height: auto; overflow: visible; }
}

@media (max-width: 520px) {
    .ui-redesign .page-heading-row,
    .ui-redesign .decision-page-head { padding: 0; }
    .ui-redesign .page-heading-row p,
    .ui-redesign .decision-page-head p { display: none; }
    .ui-redesign .control-center-live-shell .decision-group-primary .decision-row { min-height: 120px; }
    .ui-redesign .control-center-live-shell .decision-context-head > a {
        width: 24px;
        min-width: 24px;
        font-size: 0;
        text-align: center;
    }
    .ui-redesign .control-center-live-shell .decision-context-head > a::after {
        content: "→";
        font-size: 16px;
    }
}