/* ===== ORVION ONE CANONICAL VISION DECK V1 BEGIN =====
   Owner authority: 06 Sep 2026 canonical Web/Admin composition.
   AI artwork in visual reference is explicitly excluded; Halo remains authoritative.
   Demonstration metrics are never hard-coded. */

:root {
    --vision-indigo: #4b4dff;
    --vision-cyan: #00bddd;
    --vision-page: #f5f7fa;
    --vision-surface: rgba(255,255,255,.82);
    --vision-surface-strong: rgba(255,255,255,.94);
    --vision-text: #111a31;
    --vision-muted: #687792;
    --vision-border: rgba(29,53,96,.105);
    --vision-shadow: 0 14px 38px rgba(37,55,91,.075);
    --vision-purple-wash: rgba(111,73,204,.095);
    --vision-cyan-wash: rgba(22,198,218,.095);
}

html[data-theme="dark"] {
    --vision-page: #07111e;
    --vision-surface: rgba(10,26,43,.84);
    --vision-surface-strong: rgba(10,28,47,.95);
    --vision-text: #e9f0ff;
    --vision-muted: #91a2bd;
    --vision-border: rgba(122,164,207,.16);
    --vision-shadow: 0 18px 46px rgba(0,0,0,.20);
    --vision-purple-wash: rgba(103,64,186,.090);
    --vision-cyan-wash: rgba(17,164,190,.086);
}

body {
    background:
        radial-gradient(76rem 58rem at 0% 100%, var(--vision-purple-wash), transparent 68%),
        radial-gradient(64rem 48rem at 100% 0%, var(--vision-cyan-wash), transparent 66%),
        var(--vision-page) !important;
    background-attachment: fixed !important;
}

.orvion-vision-shell {
    min-height: 100vh;
    color: var(--vision-text);
    font-family: "Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.vision-header {
    position: fixed;
    z-index: 520;
    top: 0;
    left: 94px;
    right: 18px;
    height: 82px;
    display: grid;
    grid-template-columns: 210px minmax(260px, 1fr) auto;
    align-items: center;
    gap: 22px;
    padding: 10px 16px;
    border: 1px solid var(--vision-border);
    border-top: 0;
    border-radius: 0 0 20px 20px;
    background: color-mix(in srgb, var(--vision-surface-strong) 88%, transparent);
    backdrop-filter: blur(18px) saturate(1.08);
    box-shadow: 0 8px 26px rgba(27,45,79,.045);
}

.vision-brand {
    min-width: 0;
    display: flex;
    align-items: center;
    overflow: visible;
}

.vision-brand .orvion-brand {
    width: 198px !important;
    max-width: 198px !important;
    min-height: 54px !important;
    display: flex !important;
    align-items: center !important;
    overflow: visible !important;
}

.vision-brand .orvion-brand-image {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    background: transparent !important;
}

.vision-global-search {
    justify-self: start;
    width: min(360px, 100%);
    height: 44px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 12px;
    color: var(--vision-muted);
    border: 1px solid var(--vision-border);
    border-radius: 14px;
    background: color-mix(in srgb, var(--vision-surface) 88%, transparent);
}

.vision-global-search svg,
.vision-icon-control svg,
.vision-rail-button svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.vision-global-search span {
    flex: 1;
    min-width: 0;
    font-size: 13px;
}

.vision-global-search kbd {
    min-width: 30px;
    padding: 3px 6px;
    border: 1px solid var(--vision-border);
    border-radius: 7px;
    color: var(--vision-muted);
    background: transparent;
    font: inherit;
    font-size: 11px;
    text-align: center;
}

.vision-header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
    min-width: 0;
}

.vision-icon-control {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border: 1px solid var(--vision-border);
    border-radius: 12px;
    color: var(--vision-muted);
    background: var(--vision-surface);
}

.vision-account {
    position: relative;
}

.vision-account > summary {
    list-style: none;
    min-width: 172px;
    height: 48px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 5px 10px;
    border: 1px solid var(--vision-border);
    border-radius: 14px;
    background: var(--vision-surface);
    cursor: pointer;
}

.vision-account > summary::-webkit-details-marker { display: none; }

.vision-avatar {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #17305a;
    background: linear-gradient(145deg,#c7efff,#d8d1ff);
    font-weight: 750;
    font-size: 12px;
}

.vision-account-copy {
    min-width: 0;
    display: grid;
    gap: 1px;
}

.vision-account-copy strong,
.vision-account-copy small {
    max-width: 102px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vision-account-copy strong { font-size: 12px; }
.vision-account-copy small { color: var(--vision-muted); font-size: 9.5px; }
.vision-chevron { margin-left: auto; color: var(--vision-muted); }

.vision-account-menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: 240px;
    display: grid;
    gap: 8px;
    padding: 14px;
    border: 1px solid var(--vision-border);
    border-radius: 16px;
    background: var(--vision-surface-strong);
    box-shadow: var(--vision-shadow);
}

.vision-account-menu span { color: var(--vision-muted); font-size: 11px; }

.vision-navigation {
    position: fixed;
    z-index: 560;
    left: 18px;
    top: 18px;
    bottom: 18px;
    width: 62px;
    pointer-events: none;
}

.vision-rail {
    position: relative;
    z-index: 2;
    width: 62px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    padding: 14px 8px;
    border: 1px solid var(--vision-border);
    border-radius: 24px;
    background: color-mix(in srgb, var(--vision-surface-strong) 90%, transparent);
    backdrop-filter: blur(18px) saturate(1.08);
    box-shadow: var(--vision-shadow);
    pointer-events: auto;
}

.vision-rail-orbit {
    width: 42px;
    height: 42px;
    margin-bottom: 5px;
    border-radius: 14px;
    background:
        radial-gradient(circle at 50% 50%, transparent 34%, rgba(0,181,227,.34) 35% 39%, transparent 40%),
        radial-gradient(circle at 50% 50%, rgba(75,77,255,.10), rgba(0,227,255,.13));
    border: 1px solid rgba(0,190,224,.18);
}

.vision-rail-button {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 14px;
    color: #647495;
    background: transparent;
    text-decoration: none;
    transition: transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease;
}

.vision-rail-button.active,
.vision-rail-button:hover:not(:disabled) {
    color: #0a78d5;
    border-color: rgba(0,174,221,.25);
    background: linear-gradient(145deg,rgba(0,217,255,.18),rgba(75,77,255,.10));
    transform: translateY(-1px);
}

html[data-theme="dark"] .vision-rail-button {
    color: #8ea3c3;
}

.vision-rail-button:disabled {
    opacity: .72;
    cursor: default;
}

.vision-rail-separator {
    width: 28px;
    height: 1px;
    margin: 2px 0;
    background: var(--vision-border);
}

.vision-rail-button.vision-utility { margin-top: auto; }

.vision-nav-flyout {
    position: absolute;
    z-index: 1;
    left: 46px;
    top: 86px;
    width: 236px;
    display: grid;
    gap: 4px;
    padding: 12px 12px 12px 30px;
    border: 1px solid var(--vision-border);
    border-radius: 0 20px 20px 0;
    background: color-mix(in srgb, var(--vision-surface-strong) 94%, transparent);
    backdrop-filter: blur(20px) saturate(1.08);
    box-shadow: var(--vision-shadow);
    opacity: 0;
    transform: translateX(-10px);
    visibility: hidden;
    pointer-events: none;
    transition: opacity .16s ease, transform .16s ease, visibility .16s;
}

.vision-navigation[data-orvion-flyout-open="true"] .vision-nav-flyout {
    opacity: 1;
    transform: translateX(0);
    visibility: visible;
    pointer-events: auto;
}

.vision-flyout-item {
    width: 100%;
    min-height: 54px;
    display: grid;
    align-content: center;
    gap: 2px;
    padding: 8px 12px;
    border: 0;
    border-radius: 12px;
    color: var(--vision-text);
    background: transparent;
    text-align: left;
    text-decoration: none;
}

.vision-flyout-item:hover:not(.is-disabled),
.vision-flyout-item.active {
    background: linear-gradient(90deg,rgba(75,77,255,.085),rgba(0,195,224,.055));
}

.vision-flyout-item strong { font-size: 13px; }
.vision-flyout-item span { color: var(--vision-muted); font-size: 10.5px; line-height: 1.3; }
.vision-flyout-item.is-disabled { opacity: .82; }

.vision-workspace {
    min-height: 100vh;
    padding: 98px 18px 24px 98px;
}

.vision-ai-bridge {
    position: fixed !important;
    width: 1px !important;
    height: 1px !important;
    left: -10000px !important;
    top: -10000px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.vision-dashboard { max-width: 1640px; margin: 0 auto; }

.vision-dashboard-grid {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(300px, .98fr);
    gap: 14px;
}

.vision-business-pulse,
.vision-live-signal,
.vision-panel {
    border: 1px solid var(--vision-border);
    border-radius: 19px;
    background: color-mix(in srgb, var(--vision-surface) 93%, transparent);
    box-shadow: 0 10px 28px rgba(31,48,78,.035);
}

.vision-business-pulse { min-height: 500px; padding: 18px 20px; }
.vision-live-signal { padding: 16px; }

.vision-section-title,
.vision-panel-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.vision-eyebrow {
    display: block;
    margin-bottom: 4px;
    color: #17305a;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .055em;
}

html[data-theme="dark"] .vision-eyebrow { color: #a7c9ff; }

.vision-section-title h1 {
    margin: 0;
    color: var(--vision-muted);
    font-size: 12px;
    font-weight: 520;
}

.vision-panel-heading h2 {
    margin: 2px 0 0;
    font-size: 14px;
    line-height: 1.25;
}

.vision-live-chip,
.vision-count-chip,
.vision-priority {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 4px 8px;
    border: 1px solid var(--vision-border);
    border-radius: 999px;
    color: var(--vision-muted);
    background: rgba(255,255,255,.25);
    font-size: 9.5px;
    white-space: nowrap;
}

html[data-theme="dark"] .vision-live-chip,
html[data-theme="dark"] .vision-count-chip,
html[data-theme="dark"] .vision-priority {
    background: rgba(14,36,58,.52);
}

.vision-pulse-stage {
    position: relative;
    min-height: 420px;
    margin-top: 4px;
    overflow: hidden;
}

.vision-orbit {
    position: absolute;
    left: 50%;
    top: 49%;
    border: 1px solid rgba(75,77,255,.08);
    border-radius: 50%;
    transform: translate(-50%,-50%);
    pointer-events: none;
}

.vision-orbit::after {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #4b4dff;
    box-shadow: 0 0 10px rgba(75,77,255,.28);
}

.orbit-one { width: 53%; height: 58%; }
.orbit-one::after { left: 8%; top: 24%; }
.orbit-two { width: 72%; height: 78%; border-color: rgba(0,190,222,.065); }
.orbit-two::after { right: 12%; top: 14%; background:#00bddd; }
.orbit-three { width: 90%; height: 94%; border-color: rgba(75,77,255,.045); }
.orbit-three::after { right: 18%; bottom: 12%; }

.vision-pulse-core {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 49%;
    width: 180px;
    height: 180px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 5px;
    padding: 16px;
    transform: translate(-50%,-50%);
    border: 1px solid rgba(75,77,255,.16);
    border-radius: 50%;
    background:
        radial-gradient(circle,rgba(255,255,255,.96),rgba(246,249,255,.83) 62%,rgba(223,239,255,.20));
    box-shadow:
        0 0 0 9px rgba(75,77,255,.035),
        0 0 0 20px rgba(0,196,226,.023),
        inset 0 0 26px rgba(65,106,235,.05);
    text-align: center;
}

html[data-theme="dark"] .vision-pulse-core {
    background:
        radial-gradient(circle,rgba(18,46,74,.98),rgba(11,30,50,.91) 64%,rgba(38,66,99,.20));
}

.vision-core-value {
    color: #3158ee;
    font-size: 46px;
    font-weight: 760;
    line-height: .95;
}

.vision-pulse-core strong { font-size: 13px; }
.vision-pulse-core small { max-width: 130px; color: var(--vision-muted); font-size: 8.5px; line-height: 1.35; }

.vision-pulse-node {
    position: absolute;
    z-index: 3;
    width: 155px;
    min-height: 82px;
    display: grid;
    align-content: center;
    gap: 4px;
    padding: 11px 13px;
    border: 1px solid var(--vision-border);
    border-radius: 15px;
    background: color-mix(in srgb, var(--vision-surface-strong) 94%, transparent);
    box-shadow: 0 8px 18px rgba(40,60,92,.04);
}

.vision-pulse-node span { color: var(--vision-muted); font-size: 9px; }
.vision-pulse-node strong { font-size: 15px; }
.vision-pulse-node small { color: var(--vision-muted); font-size: 8px; line-height: 1.25; }

.node-revenue { left: 50%; top: 2%; transform: translateX(-50%); }
.node-customer { left: 9%; top: 24%; }
.node-orders { right: 8%; top: 24%; }
.node-inventory { right: 9%; bottom: 18%; }
.node-workflows { left: 50%; bottom: 2%; transform: translateX(-50%); }
.node-team { left: 9%; bottom: 18%; }

.vision-signal-list { display: grid; gap: 3px; margin-top: 10px; }

.vision-signal-row {
    display: grid;
    grid-template-columns: 46px 8px minmax(0,1fr) auto;
    align-items: start;
    gap: 8px;
    padding: 10px 6px;
    border-bottom: 1px solid var(--vision-border);
}

.vision-signal-row time { color: var(--vision-muted); font-size: 9px; }
.vision-signal-dot {
    width: 6px;
    height: 6px;
    margin-top: 4px;
    border-radius: 50%;
    background: linear-gradient(135deg,#4b4dff,#00c7df);
}
.vision-signal-row div { min-width: 0; display: grid; gap: 3px; }
.vision-signal-row strong { overflow: hidden; text-overflow: ellipsis; font-size: 10.5px; white-space: nowrap; }
.vision-signal-row small { color: var(--vision-muted); font-size: 8.5px; line-height: 1.25; }

.vision-lower-grid {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 14px;
}

.vision-panel { min-height: 176px; padding: 15px 16px; }

.vision-compact-list { display: grid; gap: 2px; margin-top: 8px; }
.vision-compact-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 9px;
    padding: 8px 0;
    border-bottom: 1px solid var(--vision-border);
}
.vision-compact-row div { min-width: 0; display: grid; gap: 2px; }
.vision-compact-row strong { font-size: 10px; }
.vision-compact-row small { color: var(--vision-muted); font-size: 8.5px; line-height: 1.3; }

.vision-big-stat {
    margin-top: 18px;
    color: #3158ee;
    font-size: 38px;
    font-weight: 760;
}

.vision-muted,
.vision-empty-state,
.vision-not-connected,
.vision-runtime-message {
    color: var(--vision-muted);
    font-size: 10.5px;
    line-height: 1.5;
}

.vision-empty-state { padding: 18px 4px; }

.vision-not-connected {
    min-height: 100px;
    display: grid;
    align-content: center;
    gap: 6px;
}

.vision-not-connected strong { color: var(--vision-text); font-size: 14px; }

.vision-runtime-message {
    margin: 12px 0 0;
    padding: 9px 12px;
    border: 1px solid var(--vision-border);
    border-radius: 12px;
    background: var(--vision-surface);
}

.vision-runtime-message.is-error { color: #bd3a46; }

@media (max-width: 1180px) {
    .vision-header {
        grid-template-columns: 180px minmax(180px,1fr) auto;
    }
    .vision-account-copy { display: none; }
    .vision-account > summary { min-width: 52px; }
    .vision-dashboard-grid { grid-template-columns: 1fr; }
    .vision-lower-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 760px) {
    .vision-header {
        left: 76px;
        right: 8px;
        height: 72px;
        grid-template-columns: 150px 1fr;
        gap: 8px;
    }
    .vision-brand .orvion-brand { width: 146px !important; }
    .vision-global-search { display: none; }
    .vision-header-actions { overflow-x: auto; }
    .vision-navigation { left: 8px; top: 8px; bottom: 8px; width: 54px; }
    .vision-rail { width: 54px; padding-inline: 5px; }
    .vision-rail-button { width: 40px; height: 40px; flex-basis: 40px; }
    .vision-workspace { padding: 88px 8px 18px 72px; }
    .vision-pulse-stage { min-height: 560px; }
    .vision-pulse-core { width: 150px; height: 150px; }
    .vision-pulse-node { width: 132px; }
    .node-customer,.node-team { left: 0; }
    .node-orders,.node-inventory { right: 0; }
    .vision-lower-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .vision-rail-button,
    .vision-nav-flyout {
        transition: none !important;
    }
}
/* ===== ORVION ONE CANONICAL VISION DECK V1 END ===== */


/* ===== ORVION ONE OWNER PREVIEW FIX5 — WEB/ADMIN FINAL LOCK BEGIN =====
   Owner PASS: 06 Sep 2026.
   Exact canonical structure retained; no demonstration values are introduced. */

:root {
    --vision-purple-wash: rgba(104,66,205,.125);
    --vision-cyan-wash: rgba(20,193,215,.100);
    --vision-glass-inner: rgba(255,255,255,.56);
    --vision-glass-shadow: 0 18px 46px rgba(40,59,96,.09);
}
html[data-theme="dark"] {
    --vision-purple-wash: rgba(105,71,206,.235);
    --vision-cyan-wash: rgba(16,175,204,.195);
    --vision-glass-inner: rgba(255,255,255,.055);
    --vision-glass-shadow: 0 20px 52px rgba(0,0,0,.28);
}

body {
    background:
        radial-gradient(78rem 58rem at -4% 104%,var(--vision-purple-wash),transparent 69%),
        radial-gradient(66rem 50rem at 104% -4%,var(--vision-cyan-wash),transparent 68%),
        var(--vision-page) !important;
    background-attachment: fixed !important;
}

/* Full brand remains fixed and independent, with its left edge on the navigation bezel. */
.vision-brand {
    position: fixed !important;
    z-index: 590 !important;
    left: 20px !important;
    top: 12px !important;
    width: 205px !important;
    height: 58px !important;
    display: flex !important;
    align-items: center !important;
    overflow: visible !important;
}
.vision-brand .orvion-brand {
    width: 205px !important;
    max-width: 205px !important;
    min-height: 58px !important;
}
.vision-brand .orvion-brand-image {
    width: 100% !important;
    height: 58px !important;
    object-fit: contain !important;
    object-position: left center !important;
    background: transparent !important;
}

/* Owner-requested bezel vertical harmony: rail moved below the command area. */
.vision-navigation {
    left: 20px !important;
    top: 84px !important;
    bottom: 20px !important;
    width: 62px !important;
}
.vision-rail {
    width: 62px !important;
    height: 100% !important;
    padding: 12px 8px !important;
    border-radius: 25px !important;
}
.vision-nav-flyout {
    left: 69px !important;
    top: 45px !important;
    width: 230px !important;
    padding: 12px !important;
    border-radius: 20px !important;
}

/* Premium iOS-style material polish across the active shell. */
.vision-header,
.vision-rail,
.vision-nav-flyout,
.vision-global-search,
.vision-icon-control,
.vision-account > summary,
.vision-account-menu,
.vision-business-pulse,
.vision-live-signal,
.vision-panel {
    border-color: var(--vision-border) !important;
    -webkit-backdrop-filter: blur(26px) saturate(145%) !important;
    backdrop-filter: blur(26px) saturate(145%) !important;
    box-shadow:
        inset 0 1px 0 var(--vision-glass-inner),
        var(--vision-glass-shadow) !important;
}
html:not([data-theme="dark"]) .vision-header,
html:not([data-theme="dark"]) .vision-rail,
html:not([data-theme="dark"]) .vision-nav-flyout,
html:not([data-theme="dark"]) .vision-business-pulse,
html:not([data-theme="dark"]) .vision-live-signal,
html:not([data-theme="dark"]) .vision-panel {
    background: linear-gradient(145deg,rgba(255,255,255,.84),rgba(248,251,255,.68)) !important;
}
html[data-theme="dark"] .vision-header,
html[data-theme="dark"] .vision-rail,
html[data-theme="dark"] .vision-nav-flyout,
html[data-theme="dark"] .vision-business-pulse,
html[data-theme="dark"] .vision-live-signal,
html[data-theme="dark"] .vision-panel {
    background: linear-gradient(145deg,rgba(12,34,59,.82),rgba(7,25,47,.72)) !important;
}

/* Owner-locked Business Pulse geometry.
   Existing permission-aware values remain bound to their current sources. */
.vision-dashboard-grid {
    grid-template-columns: minmax(0,2.15fr) minmax(310px,.9fr) !important;
    gap: 14px !important;
}
.vision-business-pulse {
    min-height: 419px !important;
    padding: 18px 18px 14px !important;
    overflow: hidden !important;
}
.vision-live-signal {
    min-height: 419px !important;
    padding: 18px !important;
}
.vision-pulse-stage {
    min-height: 340px !important;
    margin-top: 3px !important;
    overflow: visible !important;
}
.vision-pulse-core {
    left: 53.5% !important;
    top: 53% !important;
    width: 184px !important;
    height: 184px !important;
    border: 2px solid rgba(77,141,255,.30) !important;
    box-shadow:
        0 0 0 10px rgba(52,119,255,.05),
        0 0 0 25px rgba(91,75,245,.03),
        inset 0 1px 0 var(--vision-glass-inner) !important;
}
.vision-pulse-node {
    width: 164px !important;
    min-height: 77px !important;
    padding: 12px 14px !important;
    border-radius: 15px !important;
    box-shadow:
        inset 0 1px 0 var(--vision-glass-inner),
        0 10px 28px rgba(31,48,78,.05) !important;
}
.node-revenue { left: 46% !important; top: 6px !important; transform: translateX(-50%) !important; }
.node-customer { left: 6% !important; top: 95px !important; }
.node-orders { right: 7% !important; top: 90px !important; }
.node-team { left: 9% !important; bottom: 30px !important; }
.node-inventory { right: 11% !important; bottom: 20px !important; }
.node-workflows { left: 44% !important; bottom: 0 !important; transform: translateX(-50%) !important; }

.orbit-one {
    width: 58% !important;
    height: 48% !important;
    transform: translate(-50%,-50%) rotate(-8deg) !important;
}
.orbit-two {
    width: 78% !important;
    height: 66% !important;
    transform: translate(-50%,-50%) rotate(8deg) !important;
}
.orbit-three {
    width: 94% !important;
    height: 78% !important;
    transform: translate(-50%,-50%) rotate(-3deg) !important;
}

/* One clean active navigation tile; no extra backing halo/object. */
.vision-rail-button.active {
    box-shadow:
        inset 0 0 0 1px rgba(0,190,224,.24),
        inset 0 1px 0 rgba(255,255,255,.20) !important;
}
.vision-rail-button::before,
.vision-rail-button::after {
    display: none !important;
    content: none !important;
}

@media (max-width:1180px) {
    .vision-dashboard-grid { grid-template-columns: 1fr !important; }
}
@media (max-width:760px) {
    .vision-brand {
        left: 7px !important;
        top: 10px !important;
        width: 180px !important;
        height: 50px !important;
    }
    .vision-brand .orvion-brand {
        width: 180px !important;
        max-width: 180px !important;
        min-height: 50px !important;
    }
    .vision-brand .orvion-brand-image { height: 50px !important; }
    .vision-navigation {
        left: 7px !important;
        top: 88px !important;
        bottom: 8px !important;
        width: 52px !important;
    }
    .vision-rail { width: 52px !important; padding: 5px 4px !important; }
    .vision-nav-flyout { display: none !important; }
}
/* ===== ORVION ONE OWNER PREVIEW FIX5 — WEB/ADMIN FINAL LOCK END ===== */


/* ===== ORVION ONE OWNER PREVIEW FIX7 — WEB/ADMIN THREE-ITEM CORRECTION BEGIN =====
   No dashboard geometry changes. New cache identity also forces the owner-locked
   Vision Deck stylesheet to rebind in authenticated Web/Admin sessions. */
.vision-language-control {
    height: 40px;
    min-width: 82px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid var(--vision-border) !important;
    border-radius: 13px;
    color: var(--vision-text);
    background: color-mix(in srgb,var(--vision-surface) 88%,transparent);
    -webkit-backdrop-filter: blur(26px) saturate(145%);
    backdrop-filter: blur(26px) saturate(145%);
    box-shadow:
        inset 0 1px 0 var(--vision-glass-inner),
        var(--vision-glass-shadow);
}
.vision-language-control svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
}
.vision-language-control select {
    width: 42px;
    min-width: 42px;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    appearance: auto;
}
html[data-theme="dark"] .vision-language-control {
    background: linear-gradient(145deg,rgba(14,37,64,.76),rgba(8,27,49,.66));
}
@media (max-width:760px) {
    .vision-language-control { min-width: 72px; padding-inline: 8px; }
}
/* ===== ORVION ONE OWNER PREVIEW FIX7 — WEB/ADMIN THREE-ITEM CORRECTION END ===== */


/* ===== ORVION ONE LAST-MILE OWNER LOCK FIX8 BEGIN =====
   Preview-to-runtime parity correction: the whole authenticated command header
   aligns to the navigation bezel. Do not move only the brand inside an offset
   header. Accepted Business Pulse, glass, ambience and navigation geometry remain. */
.orvion-vision-shell > .vision-header {
    left: 20px !important;
    right: 18px !important;
    top: 0 !important;
    height: 82px !important;
    grid-template-columns: 220px minmax(250px,1fr) auto !important;
    gap: 22px !important;
    padding: 10px 16px 10px 0 !important;
}
.orvion-vision-shell > .vision-header .vision-brand {
    position: relative !important;
    z-index: auto !important;
    left: auto !important;
    top: auto !important;
    width: 205px !important;
    height: 58px !important;
    align-self: center !important;
}
.orvion-vision-shell > .vision-header .vision-brand .orvion-brand {
    width: 205px !important;
    max-width: 205px !important;
    min-height: 58px !important;
}
.orvion-vision-shell > .vision-header .vision-brand .orvion-brand-image {
    width: 100% !important;
    height: 58px !important;
    object-fit: contain !important;
    object-position: left center !important;
    background: transparent !important;
}
.orvion-vision-shell > .vision-navigation {
    left: 20px !important;
    top: 84px !important;
    bottom: 20px !important;
}
.orvion-vision-shell > .vision-workspace {
    padding: 98px 18px 24px 110px !important;
}
.authentication-tools {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
}
.authentication-language-control {
    flex: 0 0 auto !important;
}
@media (max-width:760px) {
    .orvion-vision-shell > .vision-header {
        left: 7px !important;
        right: 8px !important;
        height: 76px !important;
        grid-template-columns: 180px 1fr !important;
        gap: 8px !important;
        padding-left: 0 !important;
    }
    .orvion-vision-shell > .vision-header .vision-brand {
        width: 180px !important;
        height: 50px !important;
    }
    .orvion-vision-shell > .vision-header .vision-brand .orvion-brand {
        width: 180px !important;
        max-width: 180px !important;
        min-height: 50px !important;
    }
    .orvion-vision-shell > .vision-header .vision-brand .orvion-brand-image {
        height: 50px !important;
    }
    .orvion-vision-shell > .vision-navigation {
        left: 7px !important;
        top: 88px !important;
        bottom: 8px !important;
    }
    .orvion-vision-shell > .vision-workspace {
        padding: 88px 8px 18px 72px !important;
    }
}
/* ===== ORVION ONE LAST-MILE OWNER LOCK FIX8 END ===== */

/* ===== ORVION ONE OWNER-APPROVED INTELLIGENT DASHBOARD FIX — 20260907 BEGIN =====
   Scope: authenticated Web/Admin only.
   Preserve all unrelated shell geometry, cards, navigation, logo and data bindings. */

/* Search Orvion is an active command surface and opens the existing governed AI/search pane. */
.vision-global-search-active {
    appearance: none;
    -webkit-appearance: none;
    font: inherit;
    text-align: left;
    cursor: pointer;
    outline: 0;
    border-color: rgba(79,125,255,.34) !important;
    box-shadow:
        inset 0 1px 0 var(--vision-glass-inner),
        0 6px 18px rgba(49,88,238,.06) !important;
}
.vision-global-search-active:hover,
.vision-global-search-active:focus-visible {
    border-color: rgba(62,119,255,.60) !important;
    box-shadow:
        inset 0 1px 0 var(--vision-glass-inner),
        0 0 0 3px rgba(49,88,238,.07),
        0 8px 22px rgba(49,88,238,.09) !important;
}
.vision-global-search-active span {
    color: color-mix(in srgb,var(--vision-text) 72%,var(--vision-muted));
}

/* Native language selector keeps ENG compact while exposing supported display choices. */
.vision-language-control select {
    width: 54px !important;
    min-width: 54px !important;
    cursor: pointer;
}

/* Theme-aligned account sign-out action; markup and logout semantics remain untouched. */
.vision-account-menu .orvion-logout-form {
    width: 100%;
    margin-top: 2px;
}
.vision-account-menu .orvion-logout-button {
    width: 100% !important;
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    padding: 0 14px !important;
    border: 1px solid rgba(67,118,242,.20) !important;
    border-radius: 12px !important;
    color: #194fdb !important;
    background: linear-gradient(145deg,rgba(243,248,255,.96),rgba(232,239,255,.92)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.92),
        0 6px 18px rgba(43,79,168,.08) !important;
    cursor: pointer !important;
}
.vision-account-menu .orvion-logout-button::after {
    content: "Sign out";
    font-size: 13px;
    font-weight: 750;
    letter-spacing: 0;
    white-space: nowrap;
}
.vision-account-menu .orvion-logout-button:hover,
.vision-account-menu .orvion-logout-button:focus-visible {
    border-color: rgba(56,111,247,.42) !important;
    background: linear-gradient(145deg,rgba(238,245,255,.99),rgba(222,233,255,.96)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.96),
        0 8px 22px rgba(43,79,168,.12) !important;
}
.vision-account-menu .orvion-logout-mark {
    width: 18px !important;
    height: 18px !important;
}
html[data-theme="dark"] .vision-account-menu .orvion-logout-button {
    color: #edf5ff !important;
    border-color: rgba(91,159,255,.28) !important;
    background: linear-gradient(145deg,rgba(20,47,80,.95),rgba(11,31,55,.95)) !important;
}

/* The canonical custom element itself owns artwork, AI label, drag behavior and hover ripple animation. */
.vision-halo-ai-launcher {
    --halo-z-index: 2147482000;
}

/* Owner-approved Business Pulse recreation. Real permission-aware values remain bound in Home.razor. */
.vision-business-pulse {
    min-height: 419px !important;
}
.vision-pulse-stage {
    min-height: 340px !important;
    margin-top: 3px !important;
    overflow: visible !important;
}
.vision-pulse-core {
    left: 53% !important;
    top: 53% !important;
    width: 190px !important;
    height: 190px !important;
    gap: 7px !important;
    border: 2px solid rgba(58,125,255,.40) !important;
    background:
        radial-gradient(circle at 50% 42%,rgba(255,255,255,.995),rgba(247,251,255,.97) 54%,rgba(222,238,255,.76) 76%,rgba(132,190,255,.16)) !important;
    box-shadow:
        0 0 0 8px rgba(62,124,255,.06),
        0 0 0 22px rgba(82,77,245,.035),
        0 0 34px rgba(34,126,255,.11),
        inset 0 0 30px rgba(68,139,255,.08) !important;
}
.vision-pulse-core::before,
.vision-pulse-core::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}
.vision-pulse-core::before {
    inset: -9px;
    border: 2px solid rgba(71,140,255,.32);
    box-shadow: 0 0 18px rgba(49,116,255,.10);
}
.vision-pulse-core::after {
    inset: -18px;
    border: 1px solid rgba(85,83,246,.14);
}
.vision-core-value.vision-core-pulse {
    width: 50px;
    height: 36px;
    display: grid;
    place-items: center;
    color: #3158ee;
}
.vision-core-pulse svg {
    width: 48px;
    height: 30px;
    fill: none;
    stroke: currentColor;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.vision-pulse-core strong {
    font-size: 15px !important;
    font-weight: 780 !important;
}
.vision-pulse-core small {
    max-width: 145px !important;
    font-size: 9px !important;
    line-height: 1.35 !important;
}

.vision-orbit {
    border-color: rgba(64,123,255,.12) !important;
}
.orbit-one {
    width: 58% !important;
    height: 44% !important;
    transform: translate(-50%,-50%) rotate(-7deg) !important;
}
.orbit-two {
    width: 77% !important;
    height: 64% !important;
    border-color: rgba(37,153,235,.10) !important;
    transform: translate(-50%,-50%) rotate(7deg) !important;
}
.orbit-three {
    width: 94% !important;
    height: 78% !important;
    border-color: rgba(75,77,255,.075) !important;
    transform: translate(-50%,-50%) rotate(-3deg) !important;
}
.vision-orbit::after {
    width: 7px !important;
    height: 7px !important;
    box-shadow: 0 0 12px rgba(44,104,255,.34) !important;
}

.vision-orbit-dot {
    position: absolute;
    z-index: 1;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    pointer-events: none;
    background: linear-gradient(145deg,#3158ee,#29b9f1);
    box-shadow: 0 0 12px rgba(49,88,238,.28);
}
.dot-one { left: 27%; top: 29%; }
.dot-two { left: 39%; top: 20%; width: 6px; height: 6px; }
.dot-three { right: 25%; top: 24%; width: 12px; height: 12px; }
.dot-four { right: 17%; top: 49%; width: 8px; height: 8px; }
.dot-five { left: 29%; bottom: 22%; width: 7px; height: 7px; }
.dot-six { right: 31%; bottom: 17%; width: 6px; height: 6px; }

.vision-pulse-node {
    width: 168px !important;
    min-height: 78px !important;
    grid-template-columns: 38px minmax(0,1fr) !important;
    grid-template-rows: auto auto auto !important;
    column-gap: 10px !important;
    row-gap: 2px !important;
    align-content: center !important;
    align-items: center !important;
    padding: 10px 12px !important;
    border-radius: 15px !important;
    background: color-mix(in srgb,var(--vision-surface-strong) 96%,transparent) !important;
    box-shadow:
        inset 0 1px 0 var(--vision-glass-inner),
        0 10px 28px rgba(31,48,78,.055) !important;
}
.vision-node-icon {
    grid-column: 1 !important;
    grid-row: 1 / span 3 !important;
    width: 36px !important;
    height: 36px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 11px !important;
    color: #3158ee !important;
    background: linear-gradient(145deg,rgba(233,242,255,.96),rgba(239,235,255,.92)) !important;
}
.vision-node-icon svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.vision-pulse-node > span:not(.vision-node-icon),
.vision-pulse-node > strong,
.vision-pulse-node > small {
    grid-column: 2 !important;
}
.vision-pulse-node > span:not(.vision-node-icon) {
    font-size: 9px !important;
}
.vision-pulse-node > strong {
    font-size: 15px !important;
    line-height: 1.12 !important;
}
.vision-pulse-node > small {
    font-size: 8px !important;
    line-height: 1.25 !important;
}

.node-revenue {
    left: 49% !important;
    top: 2px !important;
    transform: translateX(-50%) !important;
}
.node-customer {
    left: 7% !important;
    top: 91px !important;
}
.node-orders {
    right: 6% !important;
    top: 89px !important;
}
.node-team {
    left: 7% !important;
    bottom: 14px !important;
}
.node-inventory {
    left: 35% !important;
    right: auto !important;
    bottom: 0 !important;
}
.node-workflows {
    left: auto !important;
    right: 18% !important;
    bottom: 0 !important;
    transform: none !important;
}

html[data-theme="dark"] .vision-pulse-core {
    background:
        radial-gradient(circle at 50% 42%,rgba(17,44,73,.995),rgba(10,29,50,.97) 58%,rgba(16,50,82,.88) 78%,rgba(30,112,174,.20)) !important;
}
html[data-theme="dark"] .vision-node-icon {
    color: #8edcff !important;
    background: linear-gradient(145deg,rgba(30,68,111,.82),rgba(28,48,94,.82)) !important;
}

/* ===== ORVION ONE OWNER-APPROVED INTELLIGENT DASHBOARD FIX — 20260907 END ===== */


/* ===== ORVION ONE OWNER VISUAL FAIL2 — LOGOUT + LOCALIZATION CORRECTION BEGIN =====
   Reopened owner seams only:
   1) canonical rectangular Logout action with conventional door + outward-arrow glyph;
   2) compact locked ENG/SIN/TAM selector presentation;
   3) localization runtime is owned by orvion-admin-localization-v1.js.
   Dashboard, Halo, search, filters, rail and card geometry remain untouched. */

.vision-language-control {
    position: relative !important;
    width: 84px !important;
    min-width: 84px !important;
    max-width: 84px !important;
    padding: 0 10px !important;
    gap: 7px !important;
}

.vision-language-control::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    width: 5px;
    height: 5px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    opacity: .68;
    pointer-events: none;
    transform: translateY(-68%) rotate(45deg);
}

.vision-language-control select {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    padding: 0 12px 0 0 !important;
    border: 0 !important;
    outline: 0 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    background: transparent !important;
    color: inherit !important;
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    letter-spacing: .015em !important;
    text-align: left !important;
    cursor: pointer !important;
}

.vision-language-control select::-ms-expand {
    display: none;
}

.vision-language-control select option {
    color: #17223c;
    background: #ffffff;
    font-family: "Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    font-weight: 700;
}

html[data-theme="dark"] .vision-language-control select option {
    color: #edf5ff;
    background: #10243b;
}

/* Canonical account action: rectangular, explicit Logout label, conventional exit glyph. */
.vision-account-menu .orvion-logout-form {
    width: 100% !important;
    margin: 4px 0 0 !important;
}

.vision-account-menu .orvion-logout-button {
    width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    padding: 0 14px !important;
    border: 1px solid rgba(38,63,104,.12) !important;
    border-radius: 12px !important;
    color: #18233d !important;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.98),
            rgba(247,250,255,.96)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.98),
        0 5px 16px rgba(27,38,94,.055) !important;
    cursor: pointer !important;
    transition:
        transform 130ms ease,
        border-color 150ms ease,
        background 150ms ease,
        box-shadow 150ms ease,
        color 150ms ease !important;
}

.vision-account-menu .orvion-logout-button::after {
    content: none !important;
    display: none !important;
}

.vision-account-menu .orvion-logout-mark {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    overflow: visible !important;
    fill: none !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.vision-account-menu .orvion-logout-door {
    fill: none !important;
    stroke: #5a6b89 !important;
    stroke-width: 1.8 !important;
}

.vision-account-menu .orvion-logout-arrow {
    fill: none !important;
    stroke: #e34f5f !important;
    stroke-width: 1.9 !important;
    transition:
        stroke 150ms ease,
        transform 150ms ease,
        filter 150ms ease !important;
    transform-origin: center !important;
}

.vision-account-menu .orvion-logout-label {
    display: inline-block !important;
    color: inherit !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 720 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
}

.vision-account-menu .orvion-logout-button:hover,
.vision-account-menu .orvion-logout-button:focus-visible {
    color: #9f3341 !important;
    border-color: rgba(224,78,94,.26) !important;
    background:
        linear-gradient(
            180deg,
            rgba(255,252,252,.99),
            rgba(255,245,247,.97)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.99),
        0 8px 20px rgba(141,42,57,.08) !important;
    transform: translateY(-1px) !important;
}

.vision-account-menu .orvion-logout-button:hover .orvion-logout-arrow,
.vision-account-menu .orvion-logout-button:focus-visible .orvion-logout-arrow {
    stroke: #ef3f52 !important;
    transform: translateX(1px) !important;
    filter: drop-shadow(0 0 3px rgba(239,63,82,.18)) !important;
}

html[data-theme="dark"] .vision-account-menu .orvion-logout-button {
    color: #edf3ff !important;
    border-color: rgba(111,137,196,.20) !important;
    background:
        linear-gradient(
            180deg,
            rgba(18,38,63,.98),
            rgba(12,30,51,.98)) !important;
    box-shadow:
        0 5px 16px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.02) !important;
}

html[data-theme="dark"] .vision-account-menu .orvion-logout-door {
    stroke: #a9bbd8 !important;
}

html[data-theme="dark"] .vision-account-menu .orvion-logout-button:hover,
html[data-theme="dark"] .vision-account-menu .orvion-logout-button:focus-visible {
    color: #ffdfe4 !important;
    border-color: rgba(234,93,112,.42) !important;
    background:
        linear-gradient(
            180deg,
            rgba(37,37,58,.99),
            rgba(30,27,48,.99)) !important;
    box-shadow:
        0 10px 24px rgba(0,0,0,.24),
        0 0 18px rgba(224,78,94,.08) !important;
}

@media (prefers-reduced-motion: reduce) {
    .vision-account-menu .orvion-logout-button,
    .vision-account-menu .orvion-logout-arrow {
        transition: none !important;
        transform: none !important;
    }
}

/* ===== ORVION ONE OWNER VISUAL FAIL2 — LOGOUT + LOCALIZATION CORRECTION END ===== */

/* ===== ORVION ONE DASHBOARD REFINEMENT — OWNER FOUR-ITEM WAVE 20260907 BEGIN =====
   Reopened seams only:
   - language selector flag + three-letter code accommodation;
   - Business Pulse orbit/ring visibility and restrained Orvion color treatment.
   Search pane geometry, dashboard geometry, cards, rail, Halo, logo and all unrelated surfaces remain locked. */

.vision-language-control {
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
    padding: 0 10px !important;
}

.vision-language-control select {
    width: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    padding-right: 11px !important;
    font-family:
        "Plus Jakarta Sans",
        "Segoe UI Emoji",
        "Apple Color Emoji",
        "Noto Color Emoji",
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif !important;
}

.vision-language-control select option {
    font-family:
        "Plus Jakarta Sans",
        "Segoe UI Emoji",
        "Apple Color Emoji",
        "Noto Color Emoji",
        "Segoe UI",
        sans-serif !important;
}

.vision-orbit {
    opacity: .92 !important;
    border-width: 1.35px !important;
    border-style: solid !important;
    filter: drop-shadow(0 0 4px rgba(49,88,238,.10));
}

.orbit-one {
    border-color: rgba(49,88,238,.34) !important;
}

.orbit-two {
    border-color: rgba(25,176,221,.30) !important;
}

.orbit-three {
    border-color: rgba(114,82,238,.25) !important;
}

.vision-orbit::after {
    opacity: 1 !important;
    box-shadow:
        0 0 0 2px color-mix(in srgb,currentColor 10%,transparent),
        0 0 14px rgba(49,112,255,.34) !important;
}

.vision-orbit-dot {
    opacity: .96 !important;
    background:
        linear-gradient(
            145deg,
            #3158ee 5%,
            #24b8e7 55%,
            #7357ee 100%) !important;
    box-shadow:
        0 0 0 2px rgba(255,255,255,.42),
        0 0 13px rgba(49,105,238,.30) !important;
}

.vision-pulse-core::before {
    border-color: rgba(43,135,255,.48) !important;
    box-shadow:
        0 0 18px rgba(35,143,255,.14),
        inset 0 0 10px rgba(56,160,255,.05) !important;
}

.vision-pulse-core::after {
    border-color: rgba(115,78,237,.27) !important;
    box-shadow:
        0 0 16px rgba(105,74,235,.07) !important;
}

html[data-theme="dark"] .vision-orbit {
    filter:
        drop-shadow(0 0 5px rgba(67,153,255,.16));
}

html[data-theme="dark"] .orbit-one {
    border-color: rgba(72,143,255,.47) !important;
}

html[data-theme="dark"] .orbit-two {
    border-color: rgba(43,204,230,.38) !important;
}

html[data-theme="dark"] .orbit-three {
    border-color: rgba(132,99,255,.34) !important;
}

html[data-theme="dark"] .vision-orbit-dot {
    box-shadow:
        0 0 0 2px rgba(103,173,255,.18),
        0 0 15px rgba(61,157,255,.38) !important;
}

html[data-theme="dark"] .vision-pulse-core::before {
    border-color: rgba(72,154,255,.58) !important;
    box-shadow:
        0 0 20px rgba(49,157,255,.20),
        inset 0 0 12px rgba(56,183,255,.08) !important;
}

html[data-theme="dark"] .vision-pulse-core::after {
    border-color: rgba(139,107,255,.36) !important;
}

/* ===== ORVION ONE DASHBOARD REFINEMENT — OWNER FOUR-ITEM WAVE 20260907 END ===== */

/* ===== ORVION ONE SYSTEM-WIDE UI HARMONY — OWNER LOCK 20260907 BEGIN =====
   Reopened seams only: uniform real-flag language control and portal-authority
   icon accents for Admin navigation / Business Pulse. Geometry elsewhere frozen. */

:root {
    --orvion-icon-blue:#2574ff;
    --orvion-icon-violet:#7c4dff;
    --orvion-icon-cyan:#12bfe3;
    --orvion-icon-amber:#f29b1f;
    --orvion-icon-green:#1ab56f;
    --orvion-icon-red:#ff5366;
}

.vision-language-control,
.authentication-language-control {
    position:relative !important;
    width:126px !important;
    min-width:126px !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    border-radius:13px !important;
    overflow:visible !important;
}

.vision-language-control > svg,
.authentication-language-control > svg {
    display:none !important;
}

.vision-language-control::before,
.authentication-language-control::before {
    content:"" !important;
    position:absolute !important;
    z-index:2 !important;
    left:12px !important;
    top:50% !important;
    width:20px !important;
    height:13px !important;
    transform:translateY(-50%) !important;
    border-radius:2px !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    box-shadow:0 0 0 1px color-mix(in srgb,var(--vision-border) 72%,transparent) !important;
    pointer-events:none !important;
}

.vision-language-control:has(select option[value="en"]:checked)::before,
.authentication-language-control:has(select option[value="en"]:checked)::before {
    background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2036%22%3E%3Crect%20width%3D%2260%22%20height%3D%2236%22%20fill%3D%22%23012169%22%2F%3E%3Cpath%20d%3D%22M0%200%2060%2036M60%200%200%2036%22%20stroke%3D%22%23fff%22%20stroke-width%3D%228%22%2F%3E%3Cpath%20d%3D%22M0%200%2060%2036M60%200%200%2036%22%20stroke%3D%22%23C8102E%22%20stroke-width%3D%224%22%2F%3E%3Cpath%20d%3D%22M30%200v36M0%2018h60%22%20stroke%3D%22%23fff%22%20stroke-width%3D%2212%22%2F%3E%3Cpath%20d%3D%22M30%200v36M0%2018h60%22%20stroke%3D%22%23C8102E%22%20stroke-width%3D%227%22%2F%3E%3C%2Fsvg%3E") !important;
}

.vision-language-control:has(select option[value="si"]:checked)::before,
.vision-language-control:has(select option[value="ta"]:checked)::before,
.authentication-language-control:has(select option[value="si"]:checked)::before,
.authentication-language-control:has(select option[value="ta"]:checked)::before {
    background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2036%22%3E%3Crect%20width%3D%2260%22%20height%3D%2236%22%20rx%3D%221.5%22%20fill%3D%22%23FFB700%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2210%22%20height%3D%2230%22%20fill%3D%22%2300534E%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%223%22%20width%3D%2210%22%20height%3D%2230%22%20fill%3D%22%23EB7400%22%2F%3E%3Crect%20x%3D%2226%22%20y%3D%223%22%20width%3D%2231%22%20height%3D%2230%22%20fill%3D%22%238D153A%22%2F%3E%3Cpath%20d%3D%22M42%2010c5%201%207%205%206%209-1%204-5%207-10%206-4-1-6-4-6-7%200-4%204-7%2010-8Z%22%20fill%3D%22%23FFB700%22%2F%3E%3Cpath%20d%3D%22M38%2013l6%205-6%205%202-5-2-5Z%22%20fill%3D%22%238D153A%22%2F%3E%3C%2Fsvg%3E") !important;
}

.vision-language-control select,
.authentication-language-control select {
    width:100% !important;
    min-width:100% !important;
    height:100% !important;
    min-height:100% !important;
    padding:0 30px 0 42px !important;
    border:0 !important;
    outline:0 !important;
    background:transparent !important;
    color:inherit !important;
    font-size:12.5px !important;
    font-weight:720 !important;
    line-height:1 !important;
}

.vision-language-control select option,
.authentication-language-control select option {
    font-size:12.5px !important;
    font-weight:680 !important;
}

.vision-rail-button {
    --orvion-nav-tone:var(--orvion-icon-blue);
    color:var(--orvion-nav-tone) !important;
    border-color:color-mix(in srgb,var(--orvion-nav-tone) 15%,var(--vision-border)) !important;
}

.vision-rail-button[data-orvion-module="home"] { --orvion-nav-tone:var(--orvion-icon-cyan); }
.vision-rail-button[data-orvion-module="operations"] { --orvion-nav-tone:var(--orvion-icon-green); }
.vision-rail-button[data-orvion-module="people"] { --orvion-nav-tone:var(--orvion-icon-cyan); }
.vision-rail-button[data-orvion-module="sales"] { --orvion-nav-tone:var(--orvion-icon-blue); }
.vision-rail-button[data-orvion-module="finance"] { --orvion-nav-tone:var(--orvion-icon-amber); }
.vision-rail-button[data-orvion-module="supply-chain"] { --orvion-nav-tone:var(--orvion-icon-violet); }
.vision-rail-button[data-orvion-module="reports"] { --orvion-nav-tone:var(--orvion-icon-blue); }
.vision-rail-button[data-orvion-module="intelligence"] { --orvion-nav-tone:var(--orvion-icon-violet); }
.vision-rail-button[data-orvion-module="notifications"] { --orvion-nav-tone:var(--orvion-icon-green); }
.vision-rail-button[data-orvion-module="settings"] { --orvion-nav-tone:var(--orvion-icon-amber); }

.vision-rail-button:hover,
.vision-rail-button:focus-visible,
.vision-rail-button.active {
    color:var(--orvion-nav-tone) !important;
    border-color:color-mix(in srgb,var(--orvion-nav-tone) 34%,var(--vision-border)) !important;
    background:color-mix(in srgb,var(--orvion-nav-tone) 9%,var(--vision-surface-strong)) !important;
    box-shadow:
        0 0 0 3px color-mix(in srgb,var(--orvion-nav-tone) 5%,transparent),
        inset 0 1px 0 var(--vision-glass-inner) !important;
}

.vision-rail-button svg {
    stroke:currentColor !important;
}

.node-revenue .vision-node-icon { --orvion-pulse-tone:var(--orvion-icon-amber); }
.node-customer .vision-node-icon { --orvion-pulse-tone:var(--orvion-icon-cyan); }
.node-orders .vision-node-icon { --orvion-pulse-tone:var(--orvion-icon-blue); }
.node-team .vision-node-icon { --orvion-pulse-tone:var(--orvion-icon-green); }
.node-inventory .vision-node-icon { --orvion-pulse-tone:var(--orvion-icon-violet); }
.node-workflows .vision-node-icon { --orvion-pulse-tone:var(--orvion-icon-cyan); }

.node-revenue .vision-node-icon,
.node-customer .vision-node-icon,
.node-orders .vision-node-icon,
.node-team .vision-node-icon,
.node-inventory .vision-node-icon,
.node-workflows .vision-node-icon {
    color:var(--orvion-pulse-tone) !important;
    background:
        linear-gradient(
            145deg,
            color-mix(in srgb,var(--orvion-pulse-tone) 12%,var(--vision-surface-strong)),
            color-mix(in srgb,var(--orvion-pulse-tone) 5%,var(--vision-surface-strong))) !important;
    box-shadow:
        inset 0 1px 0 var(--vision-glass-inner),
        0 7px 17px color-mix(in srgb,var(--orvion-pulse-tone) 10%,transparent) !important;
}

html[data-theme="dark"] .node-revenue .vision-node-icon,
html[data-theme="dark"] .node-customer .vision-node-icon,
html[data-theme="dark"] .node-orders .vision-node-icon,
html[data-theme="dark"] .node-team .vision-node-icon,
html[data-theme="dark"] .node-inventory .vision-node-icon,
html[data-theme="dark"] .node-workflows .vision-node-icon {
    color:color-mix(in srgb,var(--orvion-pulse-tone) 80%,#d7edff) !important;
    background:
        linear-gradient(
            145deg,
            color-mix(in srgb,var(--orvion-pulse-tone) 18%,#112640),
            color-mix(in srgb,var(--orvion-pulse-tone) 8%,#0b1d33)) !important;
}

@media (max-width:760px) {
    .vision-language-control,
    .authentication-language-control {
        width:118px !important;
        min-width:118px !important;
    }
}

/* ===== ORVION ONE SYSTEM-WIDE UI HARMONY — OWNER LOCK 20260907 END ===== */
/* ORVION_OWNER_COMPACT_SEARCH_ORVION_20260907 */
/* ORVION_OWNER_COMPACT_SEARCH_LOCALIZED_SPACING_20260907 */
.vision-global-search {
    flex: 0 1 auto !important;
    width: max-content !important;
    min-width: 144px !important;
    max-width: 176px !important;
    gap: 9px !important;
    padding: 0 12px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}
.vision-global-search > svg {
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
}
.vision-global-search > span {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
}
.vision-global-search kbd {
    display: none !important;
}
html:not([data-theme="dark"]) .vision-global-search-active {
    border-color: rgba(75, 116, 255, .62) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.72),
        0 0 0 1px rgba(117, 84, 255, .18),
        0 5px 17px rgba(64, 111, 255, .14),
        0 6px 20px rgba(127, 74, 255, .11) !important;
}
html:not([data-theme="dark"]) .vision-global-search-active:hover,
html:not([data-theme="dark"]) .vision-global-search-active:focus-visible {
    border-color: rgba(88, 92, 255, .78) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.78),
        0 0 0 2px rgba(104, 88, 255, .12),
        0 6px 20px rgba(58, 121, 255, .18),
        0 7px 24px rgba(135, 70, 255, .16) !important;
}
html[data-theme="dark"] .vision-global-search-active {
    border-color: rgba(45, 215, 210, .64) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 0 0 1px rgba(128, 72, 255, .22),
        0 5px 18px rgba(29, 211, 205, .15),
        0 6px 22px rgba(130, 72, 255, .15) !important;
}
html[data-theme="dark"] .vision-global-search-active:hover,
html[data-theme="dark"] .vision-global-search-active:focus-visible {
    border-color: rgba(55, 231, 223, .82) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 0 0 2px rgba(126, 76, 255, .14),
        0 6px 22px rgba(27, 222, 215, .20),
        0 7px 26px rgba(137, 74, 255, .19) !important;
}

/* ORVION_CANONICAL_READABILITY_V1 */
:root {
    --orvion-type-body: 14px;
    --orvion-type-compact: 13px;
    --orvion-type-eyebrow: 12px;
    --orvion-type-card-title: 15px;
}
.vision-eyebrow,.vision-kicker,.eyebrow,.section-kicker { font-size:var(--orvion-type-eyebrow) !important; }
.vision-card p,.vision-card small,.vision-context,.vision-filter,.vision-kpi-label,
.vision-signal-row,.vision-action-row,.vision-table th,.vision-table td,
.dashboard-message span,.intelligence-body p,.signal-list span,.action-stream-row p,
.boundary-note,.stream-tag { font-size:var(--orvion-type-compact) !important; line-height:1.45; }
.vision-card h3,.vision-card-title,.card-title { font-size:var(--orvion-type-card-title) !important; }

/* ORVION_ADMIN_HEADER_VISUAL_HARMONY_V1_20260914
   Owner-approved Admin header polish from the downloadable HTML proof.
   Search Orvion is explicitly frozen. No markup, context behavior, auth,
   localization, Halo, AI, navigation, dashboard or runtime logic changes. */

.vision-header .entity-context-controls {
    min-height: 54px;
    padding: 2px;
    border-radius: 16px;
    background: linear-gradient(
        180deg,
        rgba( 255, 255, 255, 0.024 ),
        rgba( 255, 255, 255, 0.014 )
    );
    box-shadow:
        inset 0 1px 0 rgba( 255, 255, 255, 0.026 );
}

.vision-header .entity-context-company,
.vision-header .entity-context-select {
    height: 50px;
    padding: 8px 14px 7px;
    transition:
        transform 180ms var(--ease-out),
        background-color 180ms var(--ease-out),
        box-shadow 180ms var(--ease-out);
}

.vision-header .entity-context-company span,
.vision-header .entity-context-select > span {
    margin-bottom: 4px;
    color: color-mix(
        in srgb,
        var(--text-muted) 88%,
        var(--text) 12%
    );
    font-size: 11px;
    line-height: 1;
    font-weight: 720;
    letter-spacing: 0.075em;
}

.vision-header .entity-context-company strong,
.vision-header .entity-context-select select {
    color: var(--text);
    font-size: 13.5px;
    line-height: 1.2;
    font-weight: 670;
    letter-spacing: -0.01em;
}

.vision-header .entity-context-company strong {
    max-width: 168px;
}

.vision-header .entity-context-select select {
    max-width: 160px;
}

.vision-header .entity-context-company:hover,
.vision-header .entity-context-select:hover,
.vision-header .entity-context-select:focus-within {
    transform: translateY(-1px);
    background: rgba( 69, 108, 167, 0.085 );
    box-shadow:
        inset 0 1px 0 rgba( 255, 255, 255, 0.035 ),
        0 0 20px rgba( 63, 151, 255, 0.075 ),
        0 0 16px rgba( 124, 92, 255, 0.06 );
}

html[data-theme="dark"] .vision-header .entity-context-company:hover,
html[data-theme="dark"] .vision-header .entity-context-select:hover,
html[data-theme="dark"] .vision-header .entity-context-select:focus-within {
    background: rgba( 23, 76, 108, 0.16 );
    box-shadow:
        inset 0 1px 0 rgba( 255, 255, 255, 0.035 ),
        0 0 20px rgba( 41, 215, 255, 0.07 ),
        0 0 16px rgba( 124, 92, 255, 0.06 );
}

@media (prefers-reduced-motion: reduce) {
    .vision-header .entity-context-company,
    .vision-header .entity-context-select {
        transition: none !important;
    }

    .vision-header .entity-context-company:hover,
    .vision-header .entity-context-select:hover,
    .vision-header .entity-context-select:focus-within {
        transform: none !important;
    }
}

/* ORVION_ADMIN_HEADER_NAV_VISUAL_PARITY_V3_20260914
   Owner visual correction only.
   Translate the approved wide-desktop four-zone header proportions into the
   existing three-column production markup, then align the navigation wrapper
   top to the existing Business Pulse content-top authority. */

@media (min-width: 1601px) {
    .orvion-vision-shell > .vision-header {
        grid-template-columns: 220px 184px minmax(0, 1fr) !important;
        gap: 28px !important;
    }

    .orvion-vision-shell > .vision-header .vision-header-actions {
        width: 100% !important;
        min-width: 0 !important;
        justify-content: flex-start !important;
    }

    .orvion-vision-shell > .vision-header
    .vision-header-actions > .entity-context-controls {
        flex: 1 1 620px !important;
        min-width: 0 !important;
        max-width: none !important;
        width: auto !important;
    }

    .orvion-vision-shell > .vision-header .entity-context-company,
    .orvion-vision-shell > .vision-header .entity-context-select {
        flex: 1 1 0 !important;
    }
}

@media (min-width: 1321px) {
    .orvion-vision-shell .vision-navigation {
        top: 98px !important;
    }
}

/* ORVION_ADMIN_HEADER_STRUCTURAL_PARITY_V4_20260914
   Owner-approved structural correction.
   Global search remains frozen byte-identical.
   The canonical vision-context-provision wrapper is re-parented without
   changing EntityContextControls logic. Below 1601px the system wrapper
   preserves the existing three-zone behavior. At wide desktop it becomes
   four real grid zones: brand | search | context | right controls.
   Navigation top is measured relative to the Orvion shell so its outer edge
   aligns to the rendered Business Pulse outer edge. */

.orvion-vision-shell > .vision-header > .vision-header-system {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
}

.orvion-vision-shell > .vision-header .vision-header-context {
    min-width: 0;
    display: flex;
    align-items: center;
    flex: 1 1 auto;
}

.orvion-vision-shell > .vision-header
.vision-header-context > .vision-context-provision {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 1 1 auto !important;
}

.orvion-vision-shell > .vision-header
.vision-header-context > .vision-context-provision > .entity-context-controls {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
}

@media (min-width: 1601px) {
    .orvion-vision-shell > .vision-header {
        grid-template-columns: 220px 184px minmax(620px, 1fr) auto !important;
        gap: 28px !important;
    }

    .orvion-vision-shell > .vision-header > .vision-header-system {
        display: contents !important;
    }

    .orvion-vision-shell > .vision-header .vision-header-context {
        width: 100% !important;
        min-width: 0 !important;
        align-self: center;
    }

    .orvion-vision-shell > .vision-header .vision-header-actions {
        width: auto !important;
        min-width: 0 !important;
        justify-content: flex-end !important;
    }

    .orvion-vision-shell > .vision-header .entity-context-company,
    .orvion-vision-shell > .vision-header .entity-context-select {
        flex: 1 1 0 !important;
    }
}

@media (min-width: 1321px) {
    .orvion-vision-shell .vision-navigation {
        top: 116px !important;
    }
}

/* ORVION_ADMIN_HEADER_CSS_RESCUE_V6_20260914
   Owner-fail recovery for the currently deployed FIX8 DOM.
   Do not re-parent markup. The existing vision-header-system remains the third
   header grid child and is restored to a normal flex container. Context grows
   inside it; notification/theme/language/account remain fixed-width siblings.
   Global search styling and behavior remain untouched. */

@media (min-width: 1601px) {
    .orvion-vision-shell > .vision-header {
        grid-template-columns: 220px 184px minmax(0, 1fr) !important;
        gap: 28px !important;
    }

    .orvion-vision-shell > .vision-header > .vision-header-system {
        display: flex !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 9px !important;
    }

    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-context {
        display: flex !important;
        flex: 1 1 auto !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        align-items: center !important;
    }

    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-context > .vision-context-provision {
        display: flex !important;
        flex: 1 1 auto !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-context
    > .vision-context-provision > .entity-context-controls {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions {
        display: flex !important;
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 9px !important;
    }

    .orvion-vision-shell > .vision-header .entity-context-company,
    .orvion-vision-shell > .vision-header .entity-context-select {
        flex: 1 1 0 !important;
    }
}

@media (min-width: 1321px) {
    .orvion-vision-shell .vision-navigation {
        top: 118px !important;
    }
}

/* ORVION_ADMIN_HEADER_OWNER_PARITY_GRID_V7_20260914
   Owner screenshot confirms V6 recovered containment but did not achieve the
   approved composition: context still starts too far right and navigation sits
   above Business Pulse. Preserve Global Search and the current DOM byte-for-byte.
   Replace the V6 inner flex distribution with an explicit two-zone grid inside
   vision-header-system: context | right actions. The existing FIX8 relative
   Business Pulse synchronizer regains navigation authority. */

@media (min-width: 1601px) {
    .orvion-vision-shell > .vision-header > .vision-header-system {
        grid-column: 3 / -1 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        column-gap: 28px !important;
        row-gap: 0 !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        justify-self: stretch !important;
        align-self: center !important;
        align-items: center !important;
        justify-content: stretch !important;
    }

    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-context {
        grid-column: 1 !important;
        display: flex !important;
        flex: none !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        justify-self: stretch !important;
        align-self: center !important;
        align-items: center !important;
    }

    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-context > .vision-context-provision {
        display: flex !important;
        flex: 1 1 auto !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-context
    > .vision-context-provision > .entity-context-controls {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions {
        grid-column: 2 !important;
        display: flex !important;
        flex: none !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        justify-self: end !important;
        align-self: center !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 9px !important;
    }
}

@media (min-width: 1321px) {
    .orvion-vision-shell .vision-navigation {
        top: 116px !important;
    }
}

/* ORVION_ADMIN_HEADER_EXACT_SAMPLE_PARITY_V8_20260914
   Exact translation of the owner-supplied Admin Header Visual Harmony sample
   onto the current production wrapper DOM. Global-search element styling is
   deliberately not targeted. Header placement changes only through the parent
   grid geometry. Existing context behavior, theme behavior, language behavior,
   account behavior, auth and AI logic remain unchanged. */

/* Wide authority: mirrors sample .header 258 | 184 | context | actions. */
@media (min-width: 1601px) {
    .orvion-vision-shell > .vision-header {
        max-width: 1980px !important;
        min-height: 102px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        grid-template-columns: 258px 184px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 28px !important;
        padding: 18px 18px 18px 22px !important;
        border-radius: 22px !important;
        box-sizing: border-box !important;
    }

    .orvion-vision-shell > .vision-header .vision-brand {
        min-width: 0 !important;
        display: flex !important;
        align-items: center !important;
    }

    .orvion-vision-shell > .vision-header
    .vision-brand .orvion-brand-image {
        width: 210px !important;
        max-width: 100% !important;
        height: auto !important;
    }

    /* Current wrapper maps sample's context + actions columns. */
    .orvion-vision-shell > .vision-header > .vision-header-system {
        grid-column: 3 !important;
        display: grid !important;
        grid-template-columns: minmax(620px, 1fr) auto !important;
        column-gap: 28px !important;
        row-gap: 0 !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        align-items: center !important;
        justify-self: stretch !important;
        align-self: center !important;
    }

    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-context {
        grid-column: 1 !important;
        display: flex !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        align-items: center !important;
        justify-self: stretch !important;
        align-self: center !important;
    }

    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-context
    > .vision-context-provision {
        display: flex !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Exact sample context-wrap geometry. */
    .orvion-vision-shell > .vision-header
    .entity-context-controls {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        height: 62px !important;
        min-height: 62px !important;
        display: grid !important;
        grid-template-columns: 1.04fr .94fr 1fr 1.03fr !important;
        align-items: stretch !important;
        gap: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        border: 1px solid var(--border) !important;
        border-radius: 17px !important;
        box-sizing: border-box !important;
    }

    .orvion-vision-shell > .vision-header
    .entity-context-company,
    .orvion-vision-shell > .vision-header
    .entity-context-select {
        position: relative !important;
        min-width: 0 !important;
        width: auto !important;
        height: 62px !important;
        padding: 9px 16px 8px 17px !important;
        display: flex !important;
        flex: none !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: stretch !important;
        gap: 4px !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-sizing: border-box !important;
    }

    .orvion-vision-shell > .vision-header
    .entity-context-company span,
    .orvion-vision-shell > .vision-header
    .entity-context-select > span {
        margin-bottom: 0 !important;
        font-size: 11px !important;
        line-height: 1 !important;
        font-weight: 720 !important;
        letter-spacing: .075em !important;
        text-transform: uppercase !important;
    }

    .orvion-vision-shell > .vision-header
    .entity-context-company strong,
    .orvion-vision-shell > .vision-header
    .entity-context-select select {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        font-size: 13.6px !important;
        line-height: 1.2 !important;
        font-weight: 670 !important;
        letter-spacing: -.01em !important;
    }

    .orvion-vision-shell > .vision-header
    .entity-context-select {
        border-left: 0 !important;
    }

    .orvion-vision-shell > .vision-header
    .entity-context-select::before {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        top: 11px !important;
        bottom: 11px !important;
        width: 1px !important;
        background:
            linear-gradient(
                180deg,
                transparent,
                rgba(99, 137, 181, .26),
                transparent
            ) !important;
        pointer-events: none !important;
    }

    /* Exact sample right-side rhythm. */
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions {
        grid-column: 2 !important;
        display: flex !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        align-items: center !important;
        justify-content: flex-end !important;
        justify-self: end !important;
        align-self: center !important;
        gap: 12px !important;
    }

    .orvion-vision-shell > .vision-header
    .vision-header-actions > .vision-icon-control {
        width: 52px !important;
        min-width: 52px !important;
        height: 52px !important;
        border-radius: 16px !important;
    }

    .orvion-vision-shell > .vision-header
    .vision-header-actions .theme-trigger {
        height: 52px !important;
        min-width: 102px !important;
        padding: 0 16px !important;
        gap: 9px !important;
        border-radius: 16px !important;
    }

    .orvion-vision-shell > .vision-header
    .vision-header-actions .theme-current {
        font-size: 13.5px !important;
        font-weight: 650 !important;
    }

    .orvion-vision-shell > .vision-header
    .vision-language-control {
        height: 52px !important;
        min-width: 126px !important;
        padding: 0 14px !important;
        gap: 8px !important;
        border-radius: 16px !important;
        font-size: 14px !important;
        font-weight: 720 !important;
        box-sizing: border-box !important;
    }

    .orvion-vision-shell > .vision-header
    .vision-language-control select {
        font-size: 14px !important;
        font-weight: 720 !important;
    }

    .orvion-vision-shell > .vision-header
    .vision-account {
        width: 220px !important;
        min-width: 220px !important;
        max-width: 220px !important;
    }

    .orvion-vision-shell > .vision-header
    .vision-account > summary {
        width: 220px !important;
        height: 52px !important;
        min-height: 52px !important;
        padding: 0 14px 0 12px !important;
        gap: 10px !important;
        border-radius: 16px !important;
        box-sizing: border-box !important;
        align-items: center !important;
    }

    .orvion-vision-shell > .vision-header
    .vision-account .vision-avatar {
        width: 42px !important;
        height: 42px !important;
        flex: 0 0 42px !important;
        font-size: 17px !important;
    }

    .orvion-vision-shell > .vision-header
    .vision-account .vision-account-copy > strong {
        font-size: 13.8px !important;
        line-height: 1.15 !important;
        font-weight: 700 !important;
    }

    .orvion-vision-shell > .vision-header
    .vision-account .vision-account-copy > small {
        margin-top: 3px !important;
        font-size: 11.3px !important;
        line-height: 1.1 !important;
        font-weight: 500 !important;
    }
}

/* Sample's <=1600 desktop geometry, mapped to the wrapper DOM. */
@media (min-width: 1321px) and (max-width: 1600px) {
    .orvion-vision-shell > .vision-header {
        min-height: 102px !important;
        grid-template-columns: 220px 176px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 18px !important;
        padding: 18px 18px 18px 22px !important;
        border-radius: 22px !important;
        box-sizing: border-box !important;
    }

    .orvion-vision-shell > .vision-header
    .vision-brand .orvion-brand-image {
        width: 190px !important;
        max-width: 100% !important;
        height: auto !important;
    }

    .orvion-vision-shell > .vision-header > .vision-header-system {
        display: grid !important;
        grid-template-columns: minmax(540px, 1fr) auto !important;
        column-gap: 18px !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        align-items: center !important;
    }

    .orvion-vision-shell > .vision-header
    .vision-account {
        width: 200px !important;
        min-width: 200px !important;
        max-width: 200px !important;
    }

    .orvion-vision-shell > .vision-header
    .vision-account > summary {
        width: 200px !important;
    }
}

/* Navigation follows the already-installed FIX8 rendered Business Pulse measurement. */
@media (min-width: 1321px) {
    .orvion-vision-shell .vision-navigation {
        top: 116px !important;
    }
}

/* Exact dark-surface translation from the approved sample; light mode remains canonical. */
html[data-theme="dark"] .orvion-vision-shell > .vision-header {
    border-color: #173a5b !important;
    background: linear-gradient(180deg, #071a2d 0%, #071827 100%) !important;
    box-shadow:
        0 20px 50px rgba(0, 0, 0, .30),
        inset 0 1px 0 rgba(255, 255, 255, .03) !important;
}

html[data-theme="dark"] .orvion-vision-shell > .vision-header
.entity-context-controls {
    background:
        linear-gradient(
            180deg,
            rgba(10, 33, 55, .94),
            rgba(8, 28, 47, .96)
        ) !important;
}

/* ORVION_ADMIN_HEADER_FINISHING_HARMONY_V9_20260914
   Owner-approved finishing pass on top of certified FIX13/V8.
   Bounded scope only:
   1) right-side header controls become one coherent 52px visual family,
   2) notification/control collision is structurally eliminated,
   3) dashboard panes receive one uniform 18px breathing rhythm,
   4) native entity dropdown text uses canonical Plus Jakarta Sans.
   Global Search, logo, context values/logic, routes, AI, auth, dashboard
   content and all non-visual behavior remain untouched. */

@media (min-width: 1321px) {
    /* Keep the FIX13 outer header. Only make the internal context/actions split
       collision-proof: flexible context + intrinsic action family. */
    .orvion-vision-shell > .vision-header > .vision-header-system {
        grid-template-columns: minmax(0, 1fr) max-content !important;
        column-gap: 18px !important;
        overflow: visible !important;
    }

    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-context {
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions {
        position: relative !important;
        inset: auto !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        transform: none !important;
        width: max-content !important;
        min-width: max-content !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex: 0 0 auto !important;
        align-items: center !important;
        justify-content: flex-end !important;
        justify-self: end !important;
        gap: 12px !important;
        z-index: 2 !important;
    }

    /* One material/geometry family for Bell, Mode, Language and Account. */
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions > .vision-icon-control,
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions .theme-trigger,
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions > .vision-language-control,
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions > .vision-account > summary {
        position: relative !important;
        inset: auto !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        transform: none !important;
        margin: 0 !important;
        flex: 0 0 auto !important;
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
        border: 1px solid var(--border) !important;
        border-radius: 16px !important;
        box-sizing: border-box !important;
        align-items: center !important;
        transition:
            transform 180ms ease,
            border-color 180ms ease,
            box-shadow 180ms ease,
            background-color 180ms ease !important;
    }

    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions > .vision-icon-control {
        width: 52px !important;
        min-width: 52px !important;
        max-width: 52px !important;
        padding: 0 !important;
        display: inline-flex !important;
        justify-content: center !important;
        z-index: 2 !important;
    }

    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions .theme-trigger {
        min-width: 112px !important;
        padding: 0 16px !important;
        gap: 9px !important;
        justify-content: center !important;
    }

    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions > .vision-language-control {
        min-width: 148px !important;
        padding: 0 14px !important;
        gap: 8px !important;
        justify-content: center !important;
    }

    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions > .vision-account {
        position: relative !important;
        inset: auto !important;
        transform: none !important;
        margin: 0 !important;
        width: 260px !important;
        min-width: 260px !important;
        max-width: 260px !important;
        flex: 0 0 260px !important;
    }

    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions > .vision-account > summary {
        width: 260px !important;
        min-width: 260px !important;
        max-width: 260px !important;
        padding: 0 14px 0 12px !important;
        gap: 10px !important;
    }

    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions
    > .vision-icon-control:hover,
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions
    .theme-trigger:hover,
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions
    > .vision-language-control:hover,
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions
    > .vision-account > summary:hover {
        transform: translateY(-1px) !important;
        border-color: rgba(74, 180, 255, .34) !important;
        box-shadow:
            0 12px 28px rgba(0, 0, 0, .16),
            0 0 0 1px rgba(88, 105, 255, .08),
            inset 0 1px 0 rgba(255, 255, 255, .045) !important;
    }

    /* Native Branch / Business Unit / Location popup typography. */
    .orvion-vision-shell > .vision-header
    .entity-context-select select,
    .orvion-vision-shell > .vision-header
    .entity-context-select select option {
        font-family:
            "Plus Jakarta Sans",
            -apple-system,
            BlinkMacSystemFont,
            "Segoe UI",
            sans-serif !important;
    }

    .orvion-vision-shell > .vision-header
    .entity-context-select select option {
        font-size: 13.6px !important;
        line-height: 1.25 !important;
        font-weight: 600 !important;
        letter-spacing: -.01em !important;
    }

    /* One visual breathing rhythm below the reconciled header. */
    .orvion-vision-shell .vision-dashboard-grid {
        margin-top: 18px !important;
        column-gap: 18px !important;
        row-gap: 18px !important;
        gap: 18px !important;
    }

    /* The existing measured Business Pulse authority remains the anchor.
       Add the same breathing offset so the rail no longer crowds the header. */
    .orvion-vision-shell .vision-navigation {
        top: 134px !important;
    }
}

/* Match the dark context glass exactly across the right-side control family. */
html[data-theme="dark"] .orvion-vision-shell > .vision-header
> .vision-header-system > .vision-header-actions > .vision-icon-control,
html[data-theme="dark"] .orvion-vision-shell > .vision-header
> .vision-header-system > .vision-header-actions .theme-trigger,
html[data-theme="dark"] .orvion-vision-shell > .vision-header
> .vision-header-system > .vision-header-actions > .vision-language-control,
html[data-theme="dark"] .orvion-vision-shell > .vision-header
> .vision-header-system > .vision-header-actions > .vision-account > summary {
    border-color: #173a5b !important;
    background:
        linear-gradient(
            180deg,
            rgba(10, 33, 55, .94),
            rgba(8, 28, 47, .96)
        ) !important;
    box-shadow:
        0 10px 26px rgba(0, 0, 0, .14),
        inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

/* Preserve canonical light mode while giving the same material hierarchy. */
html[data-theme="light"] .orvion-vision-shell > .vision-header
> .vision-header-system > .vision-header-actions > .vision-icon-control,
html[data-theme="light"] .orvion-vision-shell > .vision-header
> .vision-header-system > .vision-header-actions .theme-trigger,
html[data-theme="light"] .orvion-vision-shell > .vision-header
> .vision-header-system > .vision-header-actions > .vision-language-control,
html[data-theme="light"] .orvion-vision-shell > .vision-header
> .vision-header-system > .vision-header-actions > .vision-account > summary {
    background: rgba(255, 255, 255, .90) !important;
    box-shadow:
        0 10px 24px rgba(15, 38, 67, .07),
        inset 0 1px 0 rgba(255, 255, 255, .88) !important;
}

@media (prefers-reduced-motion: reduce) {
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions
    > .vision-icon-control,
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions
    .theme-trigger,
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions
    > .vision-language-control,
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions
    > .vision-account > summary {
        transition: none !important;
    }
}

/* ORVION_ADMIN_HEADER_EXACT_RAIL_CONTROL_HARMONY_V10_20260914
   Owner-approved bounded correction over certified FIX14/V9.
   Reopened visual seams only:
   - exact navigation-rail top alignment to Business Pulse,
   - one canonical bezel/material/motion language for entity context panes,
     notification, mode, language, and navigation-rail buttons.
   Global search and the account control are deliberately excluded.
   No card dimensions/content, routes, auth, AI, context data or logic change. */

@media (min-width: 1321px) {
    /* JS publishes the top in the navigation element's own coordinate system. */
    .orvion-vision-shell .vision-navigation {
        top: 116px !important;
    }

    /* Canonical interaction timing shared by every reopened control. */
    .orvion-vision-shell > .vision-header .entity-context-company,
    .orvion-vision-shell > .vision-header .entity-context-select,
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions > .vision-icon-control,
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions .theme-trigger,
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions > .vision-language-control,
    .orvion-vision-shell .vision-navigation .vision-rail-button {
        position: relative !important;
        transform: none;
        box-sizing: border-box !important;
        transition:
            transform 180ms var(--ease-out),
            background-color 180ms var(--ease-out),
            border-color 180ms var(--ease-out),
            box-shadow 180ms var(--ease-out),
            filter 180ms var(--ease-out) !important;
        will-change: transform;
    }

    /* Actual button surfaces: same bezel, radius and material hierarchy. */
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions > .vision-icon-control,
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions .theme-trigger,
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions > .vision-language-control,
    .orvion-vision-shell .vision-navigation .vision-rail-button {
        border: 1px solid rgba(62, 142, 209, .38) !important;
        border-radius: 16px !important;
        background:
            linear-gradient(
                145deg,
                rgba(14, 37, 64, .76),
                rgba(8, 27, 49, .66)
            ) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .035),
            inset 0 0 0 1px rgba(104, 75, 255, .035),
            0 8px 22px rgba(0, 0, 0, .13) !important;
    }

    /* Context remains one grouped pane; each cell receives an inset bezel
       rather than a new outer border, preserving FIX13 geometry exactly. */
    .orvion-vision-shell > .vision-header .entity-context-company,
    .orvion-vision-shell > .vision-header .entity-context-select {
        border: 0 !important;
        background:
            linear-gradient(
                145deg,
                rgba(14, 37, 64, .42),
                rgba(8, 27, 49, .30)
            ) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .026),
            inset 0 0 0 1px rgba(62, 142, 209, .08) !important;
    }

    /* Canonical Admin hover/focus: 1px lift + restrained cyan/violet glow. */
    .orvion-vision-shell > .vision-header .entity-context-company:hover,
    .orvion-vision-shell > .vision-header .entity-context-select:hover,
    .orvion-vision-shell > .vision-header .entity-context-select:focus-within,
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions > .vision-icon-control:hover,
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions > .vision-icon-control:focus-visible,
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions .theme-trigger:hover,
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions .theme-trigger:focus-visible,
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions > .vision-language-control:hover,
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions > .vision-language-control:focus-within,
    .orvion-vision-shell .vision-navigation .vision-rail-button:hover,
    .orvion-vision-shell .vision-navigation .vision-rail-button:focus-visible {
        transform: translateY(-1px) !important;
        border-color: rgba(62, 142, 209, .78) !important;
        background: rgba(23, 76, 108, .16) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .035),
            0 0 20px rgba(41, 215, 255, .07),
            0 0 16px rgba(124, 92, 255, .06) !important;
    }

    /* Canonical tactile press response. */
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions > .vision-icon-control:active,
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions .theme-trigger:active,
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions > .vision-language-control:active,
    .orvion-vision-shell .vision-navigation .vision-rail-button:active {
        transform: translateY(1px) scale(.985) !important;
    }

    /* Canonical type on native context selectors/options. */
    .orvion-vision-shell > .vision-header
    .entity-context-select select,
    .orvion-vision-shell > .vision-header
    .entity-context-select select option {
        font-family:
            "Plus Jakarta Sans",
            -apple-system,
            BlinkMacSystemFont,
            "Segoe UI",
            sans-serif !important;
        font-size: 13.6px !important;
        font-weight: 670 !important;
        letter-spacing: -.01em !important;
    }
}

/* Light counterpart: same bezel/motion, translated material only. */
html[data-theme="light"] .orvion-vision-shell > .vision-header
> .vision-header-system > .vision-header-actions > .vision-icon-control,
html[data-theme="light"] .orvion-vision-shell > .vision-header
> .vision-header-system > .vision-header-actions .theme-trigger,
html[data-theme="light"] .orvion-vision-shell > .vision-header
> .vision-header-system > .vision-header-actions > .vision-language-control,
html[data-theme="light"] .orvion-vision-shell .vision-navigation .vision-rail-button {
    border-color: rgba(66, 121, 177, .28) !important;
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .94),
            rgba(243, 247, 252, .88)
        ) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .90),
        inset 0 0 0 1px rgba(88, 105, 255, .025),
        0 8px 20px rgba(15, 38, 67, .07) !important;
}

html[data-theme="light"] .orvion-vision-shell > .vision-header
.entity-context-company,
html[data-theme="light"] .orvion-vision-shell > .vision-header
.entity-context-select {
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .54),
            rgba(241, 246, 252, .42)
        ) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .84),
        inset 0 0 0 1px rgba(66, 121, 177, .07) !important;
}

@media (prefers-reduced-motion: reduce) {
    .orvion-vision-shell > .vision-header .entity-context-company,
    .orvion-vision-shell > .vision-header .entity-context-select,
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions > .vision-icon-control,
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions .theme-trigger,
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions > .vision-language-control,
    .orvion-vision-shell .vision-navigation .vision-rail-button {
        transition: none !important;
    }

    .orvion-vision-shell > .vision-header .entity-context-company:hover,
    .orvion-vision-shell > .vision-header .entity-context-select:hover,
    .orvion-vision-shell > .vision-header .entity-context-select:focus-within,
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions > .vision-icon-control:hover,
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions .theme-trigger:hover,
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions > .vision-language-control:hover,
    .orvion-vision-shell .vision-navigation .vision-rail-button:hover {
        transform: none !important;
    }
}

/* ORVION_ADMIN_HEADER_RESPONSIVE_RAIL_CONTROL_HARMONY_V11_20260914
   Root-cause correction after owner visual FAIL of FIX15/V10.
   Browser DIAG1 proved the owner viewport is 1167px wide while the V10 dark
   harmony rules were gated behind min-width:1321px and the layout synchronizer
   still returned below 1321px.  This V11 authority removes that viewport gate
   from the reopened visual seams only.
   Frozen: global-search control, account control, card dimensions/content, MainLayout,
   routes, auth, AI, context data/logic and Web DLL. */

/* Same canonical material/motion at every rendered desktop/tablet width.
   Responsive component CSS still decides which context selectors are visible. */
.orvion-vision-shell > .vision-header .entity-context-company,
.orvion-vision-shell > .vision-header .entity-context-select,
.orvion-vision-shell > .vision-header
> .vision-header-system > .vision-header-actions > .vision-icon-control,
.orvion-vision-shell > .vision-header
> .vision-header-system > .vision-header-actions .theme-trigger,
.orvion-vision-shell > .vision-header
> .vision-header-system > .vision-header-actions > .vision-language-control,
.orvion-vision-shell .vision-navigation .vision-rail-button {
    position: relative !important;
    transform: none;
    box-sizing: border-box !important;
    transition:
        transform 180ms var(--ease-out),
        background-color 180ms var(--ease-out),
        border-color 180ms var(--ease-out),
        box-shadow 180ms var(--ease-out),
        filter 180ms var(--ease-out) !important;
    will-change: transform;
}

/* Canonical dark bezel/material.  Geometry/content are untouched. */
.orvion-vision-shell > .vision-header
> .vision-header-system > .vision-header-actions > .vision-icon-control,
.orvion-vision-shell > .vision-header
> .vision-header-system > .vision-header-actions .theme-trigger,
.orvion-vision-shell > .vision-header
> .vision-header-system > .vision-header-actions > .vision-language-control,
.orvion-vision-shell .vision-navigation .vision-rail-button {
    border: 1px solid rgba(62, 142, 209, .38) !important;
    border-radius: 16px !important;
    background:
        linear-gradient(
            145deg,
            rgba(14, 37, 64, .76),
            rgba(8, 27, 49, .66)
        ) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .035),
        inset 0 0 0 1px rgba(104, 75, 255, .035),
        0 8px 22px rgba(0, 0, 0, .13) !important;
}

/* Context cells receive the same restrained material family without changing
   their existing responsive widths, content, visibility or bindings. */
.orvion-vision-shell > .vision-header .entity-context-company,
.orvion-vision-shell > .vision-header .entity-context-select {
    border: 0 !important;
    background:
        linear-gradient(
            145deg,
            rgba(14, 37, 64, .42),
            rgba(8, 27, 49, .30)
        ) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .026),
        inset 0 0 0 1px rgba(62, 142, 209, .08) !important;
}

.orvion-vision-shell > .vision-header .entity-context-company:hover,
.orvion-vision-shell > .vision-header .entity-context-select:hover,
.orvion-vision-shell > .vision-header .entity-context-select:focus-within,
.orvion-vision-shell > .vision-header
> .vision-header-system > .vision-header-actions > .vision-icon-control:hover,
.orvion-vision-shell > .vision-header
> .vision-header-system > .vision-header-actions > .vision-icon-control:focus-visible,
.orvion-vision-shell > .vision-header
> .vision-header-system > .vision-header-actions .theme-trigger:hover,
.orvion-vision-shell > .vision-header
> .vision-header-system > .vision-header-actions .theme-trigger:focus-visible,
.orvion-vision-shell > .vision-header
> .vision-header-system > .vision-header-actions > .vision-language-control:hover,
.orvion-vision-shell > .vision-header
> .vision-header-system > .vision-header-actions > .vision-language-control:focus-within,
.orvion-vision-shell .vision-navigation .vision-rail-button:hover,
.orvion-vision-shell .vision-navigation .vision-rail-button:focus-visible {
    transform: translateY(-1px) !important;
    border-color: rgba(62, 142, 209, .78) !important;
    background: rgba(23, 76, 108, .16) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .035),
        0 0 20px rgba(41, 215, 255, .07),
        0 0 16px rgba(124, 92, 255, .06) !important;
}

.orvion-vision-shell > .vision-header
> .vision-header-system > .vision-header-actions > .vision-icon-control:active,
.orvion-vision-shell > .vision-header
> .vision-header-system > .vision-header-actions .theme-trigger:active,
.orvion-vision-shell > .vision-header
> .vision-header-system > .vision-header-actions > .vision-language-control:active,
.orvion-vision-shell .vision-navigation .vision-rail-button:active {
    transform: translateY(1px) scale(.985) !important;
}

/* Native selector closed-state typography remains canonical.
   No context binding, option values or selection logic changes. */
.orvion-vision-shell > .vision-header .entity-context-select select,
.orvion-vision-shell > .vision-header .entity-context-select select option {
    font-family:
        "Plus Jakarta Sans",
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif !important;
    font-size: 13.6px !important;
    font-weight: 670 !important;
    letter-spacing: -.01em !important;
}

/* Light mode: identical structure/motion, material translated only. */
html[data-theme="light"] .orvion-vision-shell > .vision-header
> .vision-header-system > .vision-header-actions > .vision-icon-control,
html[data-theme="light"] .orvion-vision-shell > .vision-header
> .vision-header-system > .vision-header-actions .theme-trigger,
html[data-theme="light"] .orvion-vision-shell > .vision-header
> .vision-header-system > .vision-header-actions > .vision-language-control,
html[data-theme="light"] .orvion-vision-shell .vision-navigation .vision-rail-button {
    border-color: rgba(66, 121, 177, .28) !important;
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .94),
            rgba(243, 247, 252, .88)
        ) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .90),
        inset 0 0 0 1px rgba(88, 105, 255, .025),
        0 8px 20px rgba(15, 38, 67, .07) !important;
}

html[data-theme="light"] .orvion-vision-shell > .vision-header
.entity-context-company,
html[data-theme="light"] .orvion-vision-shell > .vision-header
.entity-context-select {
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .54),
            rgba(241, 246, 252, .42)
        ) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .84),
        inset 0 0 0 1px rgba(66, 121, 177, .07) !important;
}

@media (prefers-reduced-motion: reduce) {
    .orvion-vision-shell > .vision-header .entity-context-company,
    .orvion-vision-shell > .vision-header .entity-context-select,
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions > .vision-icon-control,
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions .theme-trigger,
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions > .vision-language-control,
    .orvion-vision-shell .vision-navigation .vision-rail-button {
        transition: none !important;
    }

    .orvion-vision-shell > .vision-header .entity-context-company:hover,
    .orvion-vision-shell > .vision-header .entity-context-select:hover,
    .orvion-vision-shell > .vision-header .entity-context-select:focus-within,
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions > .vision-icon-control:hover,
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions .theme-trigger:hover,
    .orvion-vision-shell > .vision-header
    > .vision-header-system > .vision-header-actions > .vision-language-control:hover,
    .orvion-vision-shell .vision-navigation .vision-rail-button:hover {
        transform: none !important;
    }
}

/* ORVION_ADMIN_NAVIGATION_SHELL_AUTHORITY_V9_20260927
   Independent shell-layout authority.
   Exact wide-desktop Y = 116px, derived from the canonical 98px workspace top
   plus the owner-approved 18px dashboard breathing rhythm.
   No Business Pulse DOM/variable dependency. */
@media (min-width: 1321px) {
    .orvion-vision-shell > .vision-navigation {
        top: 116px !important;
        transform: none !important;
    }
}

/* ORVION_NAV_RAIL_OWNER_WHOLE_STRUCTURE_SHIFT_FIX10_20260927
   ORVION_NAV_RAIL_LOWER_ONLY_V1_20260927
   Owner-approved lowering of the already-resized Admin rail only.
   Preserve accepted rail size:
   - top moves 98px -> 114px;
   - bottom moves 20px -> 4px;
   - existing margin-top 16px remains unchanged;
   - constraint sum stays 134px, so rail height is preserved;
   - transform remains disabled.
   Mobile <=760px remains under existing authority. */
@media (min-width: 761px) {
    .orvion-vision-shell > .vision-navigation {
        top: 114px !important;
        bottom: 4px !important;
        transform: translateY(16px) !important;
    }
}

/* ORVION_NAV_RAIL_RESIZE_ONLY_V1_20260927
   OWNER-APPROVED SCOPE: outer Admin rail geometry only.
   Do not alter icon styling, icon spacing, functions, wiring, navigation logic,
   AI/Halo, Modules, page content, Customer/Supplier, or any other behavior.
   Geometry method:
   - existing positioned top/bottom authority stays untouched;
   - add 16px top margin to the rail itself;
   - because the rail is top+bottom constrained with auto height, the border box
     moves down 16px and becomes exactly 16px shorter while its bottom edge stays fixed.
   - no transform is used. */
@media (min-width: 761px) {
    .vision-navigation {
        margin-top: 16px !important;
    }
}

/* ===== ORVION TRD-001 OWNER-PASSED SUPPLY CHAIN NAV TREE V1 BEGIN =====
   Owner mockup PASS: 28 Sep 2026.
   Scope: flyout hierarchy only. Compact rail geometry, icon set, routes,
   shell, Halo, Modules and unrelated navigation remain untouched. */
.vision-nav-flyout .vision-flyout-branch {
    position: relative;
    display: grid;
    gap: 4px;
    overflow: visible;
}

.vision-nav-flyout .vision-flyout-parent-row {
    display: grid;
    grid-template-columns: minmax(0,1fr) 30px;
    align-items: center;
    gap: 4px;
}

.vision-nav-flyout .vision-flyout-parent-link {
    min-width: 0;
}

.vision-nav-flyout .vision-flyout-branch-toggle {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid var(--vision-border);
    border-radius: 10px;
    color: var(--vision-muted);
    background: color-mix(in srgb,var(--vision-surface-strong) 88%,transparent);
    cursor: pointer;
    transition: background .16s ease,border-color .16s ease,color .16s ease;
}

.vision-nav-flyout .vision-flyout-branch-toggle:hover,
.vision-nav-flyout .vision-flyout-branch-toggle:focus-visible {
    color: var(--vision-text);
    border-color: color-mix(in srgb,var(--orvion-icon-violet) 34%,var(--vision-border));
    background: color-mix(in srgb,var(--orvion-icon-violet) 8%,var(--vision-surface-strong));
    outline: none;
}

.vision-nav-flyout .vision-flyout-branch-toggle svg {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform .16s ease;
}

.vision-nav-flyout .vision-flyout-branch-toggle[aria-expanded="false"] svg {
    transform: rotate(-90deg);
}

.vision-nav-flyout .vision-flyout-children {
    position: absolute;
    z-index: 3;
    inset-inline-start: calc(100% + 10px);
    top: 0;
    width: 230px;
    display: grid;
    gap: 4px;
    padding: 12px;
    border: 1px solid var(--vision-border);
    border-radius: 18px;
    background: color-mix(in srgb,var(--vision-surface-strong) 94%,transparent);
    -webkit-backdrop-filter: blur(26px) saturate(145%);
    backdrop-filter: blur(26px) saturate(145%);
    box-shadow:
        inset 0 1px 0 var(--vision-glass-inner),
        var(--vision-glass-shadow);
}

.vision-nav-flyout .vision-flyout-children::before,
.vision-nav-flyout .vision-flyout-children::after {
    content: none;
    display: none;
}

.vision-nav-flyout .vision-flyout-child {
    min-height: 50px;
    padding: 8px 12px;
}

.vision-nav-flyout .vision-flyout-child.active {
    background: linear-gradient(90deg,rgba(75,77,255,.085),rgba(0,195,224,.055));
    box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--orvion-icon-violet) 15%,transparent);
}

@media (prefers-reduced-motion: reduce) {
    .vision-nav-flyout .vision-flyout-branch-toggle,
    .vision-nav-flyout .vision-flyout-branch-toggle svg {
        transition: none !important;
    }
}
/* ===== ORVION TRD-001 OWNER-PASSED SUPPLY CHAIN NAV TREE V1 END ===== */


/* ORVION_ADMIN_SUPPLIER_HOME_NAV_ISLAND_CASCADE_FIX_V2_20260929
   ROOT CAUSE:
   Browser computed-style evidence proved the earlier Supplier island block was
   present but lost to the higher-specificity existing Admin authority selector:
   .orvion-vision-shell .vision-navigation .vision-rail-button

   CORRECTION:
   Use one later, theme-qualified shared selector at the same/higher specificity
   than every known winning Admin base rule. Supplier Home remains READ-ONLY
   visual/motion authority. MainLayout, rail geometry, SVG artwork, routes,
   permissions, flyout, Modules CTA, header, Halo/AI and business behavior are
   unchanged. */

html[data-theme] .orvion-vision-shell .vision-navigation .vision-rail-button {
    transition:
        transform .2s ease,
        background .2s ease,
        color .2s ease,
        border-color .2s ease,
        box-shadow .2s ease !important;
    border-color: color-mix(in srgb,var(--vision-border) 70%,transparent) !important;
    border-radius: 13px !important;
    background: color-mix(in srgb,var(--vision-surface-strong) 84%,transparent) !important;
    box-shadow:
        0 7px 18px color-mix(in srgb,var(--orvion-nav-tone,var(--orvion-icon-blue)) 8%,transparent),
        inset 0 1px 0 color-mix(in srgb,#fff 42%,transparent) !important;
    transform: none !important;
}

html[data-theme] .orvion-vision-shell .vision-navigation .vision-rail-button:hover:not(:disabled),
html[data-theme] .orvion-vision-shell .vision-navigation .vision-rail-button:focus-visible {
    transform: none !important;
    color: var(--orvion-nav-tone,var(--orvion-icon-blue)) !important;
    border-color: color-mix(in srgb,var(--orvion-nav-tone,var(--orvion-icon-blue)) 28%,var(--vision-border)) !important;
    background: color-mix(in srgb,var(--orvion-nav-tone,var(--orvion-icon-blue)) 8%,var(--vision-surface-strong)) !important;
    box-shadow:
        0 9px 21px color-mix(in srgb,var(--orvion-nav-tone,var(--orvion-icon-blue)) 11%,transparent),
        inset 0 1px 0 color-mix(in srgb,#fff 50%,transparent) !important;
}

html[data-theme] .orvion-vision-shell .vision-navigation .vision-rail-button.active,
html[data-theme] .orvion-vision-shell .vision-navigation .vision-rail-button[aria-current="page"] {
    color: var(--orvion-icon-cyan) !important;
    border-color: color-mix(in srgb,var(--orvion-icon-cyan) 30%,var(--vision-border)) !important;
    background: color-mix(in srgb,var(--orvion-icon-cyan) 8%,var(--vision-surface-strong)) !important;
    box-shadow:
        inset 0 0 0 1px color-mix(in srgb,var(--orvion-icon-cyan) 30%,transparent),
        inset 0 1px 0 rgba(255,255,255,.24) !important;
}

html[data-theme] .orvion-vision-shell .vision-navigation .vision-rail-button:active:not(:disabled) {
    filter: brightness(1.04) !important;
}

@media (prefers-reduced-motion: reduce) {
    html[data-theme] .orvion-vision-shell .vision-navigation .vision-rail-button {
        transition-duration: .01ms !important;
    }
}

/* ORVION_ADMIN_SUPPLY_CHAIN_STATIC_HOVER_CASCADE_V1
   Static-only bridge over the existing compiled MainLayout toggle state.
   Parent hover/focus drives open/close through the layout JS bridge.
   The existing button is presentation-only and rendered as a right chevron. */
.vision-nav-flyout .vision-flyout-branch {
    position: relative;
}

.vision-nav-flyout .vision-flyout-parent-row {
    grid-template-columns: minmax(0,1fr) 24px;
}

.vision-nav-flyout .vision-flyout-branch-toggle {
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--vision-muted);
    cursor: default;
    pointer-events: none;
    box-shadow: none;
}

.vision-nav-flyout .vision-flyout-branch-toggle:hover,
.vision-nav-flyout .vision-flyout-branch-toggle:focus-visible {
    color: var(--vision-muted);
    border-color: transparent;
    background: transparent;
    outline: none;
}

.vision-nav-flyout .vision-flyout-branch-toggle svg,
.vision-nav-flyout .vision-flyout-branch-toggle[aria-expanded="false"] svg,
.vision-nav-flyout .vision-flyout-branch-toggle[aria-expanded="true"] svg {
    width: 14px;
    height: 14px;
    transform: rotate(-90deg);
    transition: none;
}

.vision-nav-flyout .vision-flyout-branch::after {
    content: "";
    position: absolute;
    inset-inline-start: 100%;
    top: 0;
    width: 10px;
    height: 100%;
    background: transparent;
}

.vision-nav-flyout .vision-flyout-children {
    position: absolute;
    z-index: 6;
    inset-inline-start: calc(100% + 10px);
    top: 0;
    width: 236px;
    padding: 10px;
    border: 1px solid var(--vision-border);
    border-radius: 16px;
    background: color-mix(in srgb, var(--vision-surface-strong) 94%, transparent);
    backdrop-filter: blur(20px) saturate(1.08);
    box-shadow: var(--vision-shadow);
}

.vision-nav-flyout .vision-flyout-children::before,
.vision-nav-flyout .vision-flyout-children::after {
    content: none;
}

.vision-nav-flyout .vision-flyout-child {
    min-height: 50px;
    padding-left: 12px;
}

/* ORVION_ADMIN_NAV_INTERACTION_STATE_V3
   One explicit interaction authority. Raw :hover/:focus-within no longer owns
   visibility; JS datasets own pointer and keyboard state independently. */
.vision-nav-flyout {
    will-change: opacity, transform;
    transition:
        opacity .14s ease,
        transform .14s cubic-bezier(.2,.8,.2,1),
        visibility 0s linear .20s;
}

.vision-navigation[data-orvion-flyout-open="true"] .vision-nav-flyout {
    opacity: 1;
    transform: translateX(0);
    visibility: visible;
    pointer-events: auto;
    transition-delay: 0s;
}

.vision-nav-flyout .vision-flyout-parent-row {
    cursor: default;
}

.vision-nav-flyout .vision-flyout-branch-toggle {
    pointer-events: none !important;
    cursor: default !important;
}

.vision-nav-flyout .vision-flyout-branch-toggle svg,
.vision-nav-flyout .vision-flyout-branch-toggle[aria-expanded="false"] svg,
.vision-nav-flyout .vision-flyout-branch-toggle[aria-expanded="true"] svg {
    transform: rotate(-90deg) !important;
    transition: none !important;
}

.vision-nav-flyout .vision-flyout-branch::after {
    inset-inline-start: 100%;
    width: 14px;
    height: 100%;
    pointer-events: auto;
}

.vision-nav-flyout .vision-flyout-children {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(-8px) scale(.992);
    transform-origin: left top;
    transition:
        opacity .13s ease,
        transform .13s cubic-bezier(.2,.8,.2,1),
        visibility 0s linear .18s;
}

.vision-nav-flyout .vision-flyout-branch[data-orvion-children-ready="true"][data-orvion-submenu-open="true"] > .vision-flyout-children {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(0) scale(1);
    transition-delay: 0s;
}

.vision-nav-flyout .vision-flyout-children::before {
    content: "";
    display: block;
    position: absolute;
    inset-inline-end: 100%;
    top: -4px;
    width: 14px;
    height: calc(100% + 8px);
    background: transparent;
    pointer-events: auto;
}

.vision-nav-flyout .vision-flyout-children::after {
    content: none;
}

@media (prefers-reduced-motion: reduce) {
    .vision-nav-flyout,
    .vision-nav-flyout .vision-flyout-children {
        transition-duration: .01ms !important;
    }
}



/* ORVION_ADMIN_NAV_CHILD_VERTICAL_ALIGNMENT_LOCK_V1_20261002
   OWNER SCOPE: vertical alignment only. All rail styling, sizing, horizontal
   geometry, glass, typography, motion, interaction/state behavior and routes
   remain frozen. Align the visual child row centerline with its parent row by
   compensating only for the child-island internal top padding. */
.vision-nav-flyout .vision-flyout-children {
    top: -10px !important;
}

/* ORVION_ADMIN_SUPPLIER_VISUAL_CONTRACT_BRIDGE_V1
   Authority: ORVION_SUPPLIER_MASTER_VISUAL_AUTHORITY_20261002_V1
   Supplier CSS SHA-256: BB8583D4868A50D91A53F43CEF29C446A8D5F3FD2AE25F83D434FB30671F3EBB
   Supplier package SHA-256: 24D1D7C188F7AD1C2ECE57E370D96DB4037C29609C0F3CD4237006F39A6AC74F
   Scope: authenticated Admin workspace/content presentation only.
*/
.orvion-vision-shell > .vision-workspace {
    --o1-ui-font-family:
        "Plus Jakarta Sans",
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI Variable",
        "Segoe UI",
        Roboto,
        "Aptos",
        "Helvetica Neue",
        Arial,
        sans-serif;
    --o1-ui-font-size-md: 14px;

    --o1-ui-text: #111a2d;
    --o1-ui-text-soft: #62708a;
    --o1-ui-muted: #8793a8;
    --o1-ui-accent: #2d6bff;
    --o1-ui-accent-soft: color-mix(in srgb, #2d6bff 8%, transparent);
    --o1-ui-success: #13a66a;
    --o1-ui-success-soft: color-mix(in srgb, #13a66a 8%, transparent);
    --o1-ui-warning: #e89822;
    --o1-ui-warning-soft: color-mix(in srgb, #e89822 8%, transparent);
    --o1-ui-danger: #e64c5e;

    --o1-ui-surface: rgba(255,255,255,.78);
    --o1-ui-surface-soft: rgba(248,251,255,.76);
    --o1-ui-border: rgba(91,118,173,.16);
    --o1-ui-radius-md: 13px;
    --o1-ui-radius-lg: 17px;
    --o1-ui-shadow-soft:
        0 10px 28px rgba(37,58,105,.055),
        inset 0 1px 0 rgba(255,255,255,.62);

    --o1-supplier-bg: #f4f7fc;
    --o1-supplier-bg-2: #eef4ff;
    --o1-supplier-glass: rgba(255,255,255,.72);
    --o1-supplier-purple-wash: rgba(104,66,205,.125);
    --o1-supplier-cyan-wash: rgba(20,193,215,.100);

    color: var(--o1-ui-text);
    font-family: var(--o1-ui-font-family);
    background:
        radial-gradient(78rem 58rem at -4% 104%, var(--o1-supplier-purple-wash), transparent 69%),
        radial-gradient(66rem 50rem at 104% -4%, var(--o1-supplier-cyan-wash), transparent 68%),
        linear-gradient(155deg, var(--o1-supplier-bg), var(--o1-supplier-bg-2));
    background-attachment: fixed;
}

html[data-theme="dark"] .orvion-vision-shell > .vision-workspace {
    --o1-ui-text: #dfe8f5;
    --o1-ui-text-soft: #a8b6ca;
    --o1-ui-muted: #7f8fa7;
    --o1-ui-surface: rgba(14,28,46,.74);
    --o1-ui-surface-soft: rgba(18,35,57,.69);
    --o1-ui-border: rgba(126,158,211,.17);
    --o1-ui-shadow-soft:
        0 12px 30px rgba(0,4,15,.20),
        inset 0 1px 0 rgba(190,215,255,.055);

    --o1-supplier-bg: #07111d;
    --o1-supplier-bg-2: #0a1727;
    --o1-supplier-glass: rgba(10,24,41,.72);
    --o1-supplier-purple-wash: rgba(105,71,206,.235);
    --o1-supplier-cyan-wash: rgba(16,175,204,.195);
}

.orvion-vision-shell > .vision-workspace :is(
    .vision-business-pulse,
    .vision-live-signal,
    .vision-panel
) {
    border-color: var(--o1-ui-border) !important;
    border-radius: var(--o1-ui-radius-lg) !important;
    background:
        color-mix(in srgb, var(--o1-supplier-glass) 88%, transparent) !important;
    -webkit-backdrop-filter: blur(26px) saturate(145%) !important;
    backdrop-filter: blur(26px) saturate(145%) !important;
    box-shadow: var(--o1-ui-shadow-soft) !important;
}

.orvion-vision-shell > .vision-workspace :is(
    .metric-card,
    .panel,
    .action-card,
    .context-strip,
    .empty-panel,
    .empty-compact,
    .quick-action
) {
    border-color: var(--o1-ui-border) !important;
    -webkit-backdrop-filter: blur(26px) saturate(145%) !important;
    backdrop-filter: blur(26px) saturate(145%) !important;
    box-shadow: var(--o1-ui-shadow-soft) !important;
}
/* ORVION_ADMIN_SUPPLIER_VISUAL_CONTRACT_BRIDGE_V1_END */

/* ORVION_ADMIN_SUPPLIER_MATERIAL_BUTTON_PARITY_V3
   Authority: ORVION_SUPPLIER_MASTER_VISUAL_AUTHORITY_20261002_V1
   Scope: authenticated Admin module material + .primary-button visual treatment only.
   NO-TOUCH: workspace background, dashboard shell, rail/flyout, header, branding,
   AI, Modules CTA, Trade, Admin Login, layout/arrangement, routes/wiring/business logic. */

/* Supplier final premium material — preserve Admin geometry/arrangement. */
.orvion-vision-shell > .vision-workspace .page-content :is(.metric-card,.panel) {
    background: rgba(255,255,255,.78) !important;
    border-color: rgba(91,118,173,.16) !important;
    -webkit-backdrop-filter: blur(26px) saturate(145%) !important;
    backdrop-filter: blur(26px) saturate(145%) !important;
    box-shadow:
        inset 0 1px 0 color-mix(in srgb,#fff 54%,transparent),
        0 10px 28px rgba(37,58,105,.055) !important;
}

.orvion-vision-shell > .vision-workspace .page-content .action-card {
    background: rgba(248,251,255,.76) !important;
    border-color: rgba(91,118,173,.16) !important;
    -webkit-backdrop-filter: blur(26px) saturate(145%) !important;
    backdrop-filter: blur(26px) saturate(145%) !important;
    box-shadow:
        inset 0 1px 0 color-mix(in srgb,#fff 54%,transparent),
        0 10px 28px rgba(37,58,105,.055) !important;
}

html[data-theme="dark"] .orvion-vision-shell > .vision-workspace .page-content :is(.metric-card,.panel) {
    background: rgba(14,28,46,.74) !important;
    border-color: rgba(126,158,211,.17) !important;
    box-shadow:
        inset 0 1px 0 rgba(190,215,255,.06),
        0 20px 52px rgba(0,0,0,.24) !important;
}

html[data-theme="dark"] .orvion-vision-shell > .vision-workspace .page-content .action-card {
    background: rgba(18,35,57,.69) !important;
    border-color: rgba(126,158,211,.17) !important;
    box-shadow:
        inset 0 1px 0 rgba(190,215,255,.06),
        0 20px 52px rgba(0,0,0,.24) !important;
}

/* Supplier-authority primary CTA visual language, mapped only to Admin .primary-button. */
@keyframes orvionAdminSupplierPrimaryCtaSheenV3 {
    0% { transform: translateX(-135%) skewX(-16deg); opacity: 0; }
    28% { opacity: .55; }
    100% { transform: translateX(165%) skewX(-16deg); opacity: 0; }
}

.orvion-vision-shell > .vision-workspace .page-content .primary-button {
    position: relative;
    min-height: 44px !important;
    padding: 0 17px !important;
    border: 1px solid #6b46ff !important;
    border-radius: 13px !important;
    background:
        linear-gradient(
            135deg,
            #214189 0%,
            #293a86 28%,
            #313383 56%,
            #3c2c85 80%,
            #472786 100%) !important;
    color: #fff !important;
    font: inherit;
    font-weight: 650 !important;
    letter-spacing: -.016em !important;
    text-shadow: none !important;
    outline: none;
    isolation: isolate;
    overflow: hidden;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.055) !important;
    transition:
        transform .2s cubic-bezier(.2,.75,.2,1),
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease !important;
}

.orvion-vision-shell > .vision-workspace .page-content .primary-button::before {
    content: "";
    position: absolute;
    top: -25%;
    bottom: -25%;
    left: -35%;
    width: 28%;
    z-index: -1;
    pointer-events: none;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(118,170,255,.12),
            rgba(222,81,255,.11),
            transparent);
    transform: translateX(-135%) skewX(-16deg);
    opacity: 0;
}

.orvion-vision-shell > .vision-workspace .page-content .primary-button:hover:not(:disabled),
.orvion-vision-shell > .vision-workspace .page-content .primary-button:focus-visible:not(:disabled) {
    transform: translateY(-2px) !important;
    border-color: #e34cff !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        0 0 24px rgba(165,54,255,.22) !important;
}

.orvion-vision-shell > .vision-workspace .page-content .primary-button:hover:not(:disabled)::before,
.orvion-vision-shell > .vision-workspace .page-content .primary-button:focus-visible:not(:disabled)::before {
    animation: orvionAdminSupplierPrimaryCtaSheenV3 .72s ease-out both;
}

.orvion-vision-shell > .vision-workspace .page-content .primary-button:active:not(:disabled) {
    transform: translateY(1px) scale(.985) !important;
}

.orvion-vision-shell > .vision-workspace .page-content .primary-button:focus-visible {
    outline: 2px solid rgba(115,190,255,.94) !important;
    outline-offset: 2px !important;
}

@media (prefers-reduced-motion: reduce) {
    .orvion-vision-shell > .vision-workspace .page-content .primary-button::before {
        display: none !important;
    }
    .orvion-vision-shell > .vision-workspace .page-content .primary-button:hover:not(:disabled),
    .orvion-vision-shell > .vision-workspace .page-content .primary-button:focus-visible:not(:disabled),
    .orvion-vision-shell > .vision-workspace .page-content .primary-button:active:not(:disabled) {
        transform: none !important;
    }
}
/* ORVION_ADMIN_SUPPLIER_MATERIAL_BUTTON_PARITY_V3_END */

/* ORVION_ADMIN_SUPPLIER_V4_BOUNDED_PARITY
   Authority: ORVION_SUPPLIER_MASTER_VISUAL_AUTHORITY_20261002_V1
   Owner scope: remaining Admin visual parity only.
   Preserve V3 primary action-button PASS byte-identically.
   NO-TOUCH: workspace/background wash, rail/flyout, header, branding, AI,
   Modules CTA, Trade, Admin Login, layout/geometry, routes/wiring/business logic. */

/* Main-page island material: exact Supplier premium panel primitives only. */
.orvion-vision-shell > .vision-workspace :is(
    .vision-business-pulse,
    .vision-live-signal,
    .vision-panel
) {
    border-color: rgba(91,118,173,.16) !important;
    background: color-mix(in srgb, rgba(255,255,255,.72) 88%, transparent) !important;
    -webkit-backdrop-filter: blur(22px) saturate(140%) !important;
    backdrop-filter: blur(22px) saturate(140%) !important;
    box-shadow:
        0 10px 28px rgba(37,58,105,.055),
        inset 0 1px 0 rgba(255,255,255,.62) !important;
}

html[data-theme="dark"] .orvion-vision-shell > .vision-workspace :is(
    .vision-business-pulse,
    .vision-live-signal,
    .vision-panel
) {
    border-color: rgba(126,158,211,.17) !important;
    background: color-mix(in srgb, rgba(10,24,41,.72) 88%, transparent) !important;
    box-shadow:
        0 12px 30px rgba(0,4,15,.20),
        inset 0 1px 0 rgba(190,215,255,.055) !important;
}

/* Main-page typography polish without changing geometry-specific sizes. */
.orvion-vision-shell > .vision-workspace :is(
    .vision-business-pulse,
    .vision-live-signal,
    .vision-panel
) :is(h1,h2,h3,strong) {
    letter-spacing: -.015em !important;
}

/* Child-page metric island: Supplier primary surface + restrained premium edge. */
.orvion-vision-shell > .vision-workspace .page-content .metric-card {
    background: rgba(255,255,255,.78) !important;
    border-color: rgba(91,118,173,.16) !important;
    -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
    backdrop-filter: blur(18px) saturate(145%) !important;
    box-shadow:
        0 10px 28px rgba(37,58,105,.055),
        inset 0 1px 0 rgba(255,255,255,.62) !important;
}

html[data-theme="dark"] .orvion-vision-shell > .vision-workspace .page-content .metric-card {
    background: rgba(14,28,46,.74) !important;
    border-color: rgba(126,158,211,.17) !important;
    box-shadow:
        0 12px 30px rgba(0,4,15,.20),
        inset 0 1px 0 rgba(190,215,255,.055) !important;
}

/* Child-page panel: Supplier final glass panel material. */
.orvion-vision-shell > .vision-workspace .page-content .panel {
    background: color-mix(in srgb, rgba(255,255,255,.72) 88%, transparent) !important;
    border-color: rgba(91,118,173,.16) !important;
    -webkit-backdrop-filter: blur(22px) saturate(140%) !important;
    backdrop-filter: blur(22px) saturate(140%) !important;
    box-shadow:
        0 10px 28px rgba(37,58,105,.055),
        inset 0 1px 0 rgba(255,255,255,.62) !important;
}

html[data-theme="dark"] .orvion-vision-shell > .vision-workspace .page-content .panel {
    background: color-mix(in srgb, rgba(10,24,41,.72) 88%, transparent) !important;
    border-color: rgba(126,158,211,.17) !important;
    box-shadow:
        0 12px 30px rgba(0,4,15,.20),
        inset 0 1px 0 rgba(190,215,255,.055) !important;
}

/* Child-page action island: Supplier soft surface + canonical cyan edge interaction. */
.orvion-vision-shell > .vision-workspace .page-content .action-card {
    background: rgba(248,251,255,.76) !important;
    border-color: color-mix(in srgb, #48b9ff 34%, var(--o1-ui-border)) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow:
        0 10px 28px rgba(37,58,105,.055),
        inset 0 1px 0 rgba(255,255,255,.62) !important;
    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        background-color .18s ease !important;
}

html[data-theme="dark"] .orvion-vision-shell > .vision-workspace .page-content .action-card {
    background: rgba(18,35,57,.69) !important;
    box-shadow:
        0 12px 30px rgba(0,4,15,.20),
        inset 0 1px 0 rgba(190,215,255,.055) !important;
}

.orvion-vision-shell > .vision-workspace .page-content .action-card:hover {
    transform: translateY(-2px) !important;
    border-color: color-mix(in srgb, #48b9ff 68%, var(--o1-ui-border)) !important;
    box-shadow: 0 12px 28px rgba(36,55,110,.12) !important;
}

.orvion-vision-shell > .vision-workspace .page-content .action-card:focus-visible {
    outline: 2px solid rgba(115,190,255,.94) !important;
    outline-offset: 2px !important;
}

/* Child-page canonical field edge/highlight contract. */
.orvion-vision-shell > .vision-workspace .page-content .field-grid input:not([type="hidden"]):not([type="checkbox"]),
.orvion-vision-shell > .vision-workspace .page-content .field-grid select {
    min-height: 44px !important;
    padding: 10px 12px !important;
    border: 1px solid color-mix(in srgb, #48b9ff 42%, var(--o1-ui-border)) !important;
    border-radius: 12px !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: -.006em !important;
    line-height: 1.4 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.03),
        0 0 0 1px rgba(72,185,255,.035) !important;
    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background-color .18s ease,
        transform .18s ease !important;
}

.orvion-vision-shell > .vision-workspace .page-content .field-grid input:not([type="hidden"]):not([type="checkbox"]):hover:not(:disabled),
.orvion-vision-shell > .vision-workspace .page-content .field-grid select:hover:not(:disabled) {
    border-color: color-mix(in srgb, #48b9ff 72%, var(--o1-ui-border)) !important;
}

.orvion-vision-shell > .vision-workspace .page-content .field-grid input:not([type="hidden"]):not([type="checkbox"]):focus,
.orvion-vision-shell > .vision-workspace .page-content .field-grid select:focus {
    border-color: #48b9ff !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(72,185,255,.12) !important;
}

/* Child-page typography hierarchy mapped to Supplier authority. */
.orvion-vision-shell > .vision-workspace .page-content .eyebrow {
    font-size: 11px !important;
    font-weight: 780 !important;
    line-height: 1.2 !important;
    letter-spacing: .12em !important;
}

.orvion-vision-shell > .vision-workspace .page-content .page-heading-row h1 {
    font-weight: 730 !important;
    line-height: 1.12 !important;
    letter-spacing: -.035em !important;
}

.orvion-vision-shell > .vision-workspace .page-content .panel-heading h2 {
    font-size: 20px !important;
    font-weight: 720 !important;
    line-height: 1.2 !important;
    letter-spacing: -.015em !important;
}

.orvion-vision-shell > .vision-workspace .page-content .action-card-heading h3 {
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: -.015em !important;
}

.orvion-vision-shell > .vision-workspace .page-content .metric-label {
    font-size: 12px !important;
    font-weight: 560 !important;
}

.orvion-vision-shell > .vision-workspace .page-content .metric-value {
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: -.015em !important;
}

.orvion-vision-shell > .vision-workspace .page-content .metric-caption {
    font-size: 11.5px !important;
    line-height: 1.45 !important;
}

.orvion-vision-shell > .vision-workspace .page-content .action-note {
    font-size: 11.5px !important;
    line-height: 1.45 !important;
}

.orvion-vision-shell > .vision-workspace .page-content .field-grid label {
    font-size: 13px !important;
    font-weight: 620 !important;
    letter-spacing: -.006em !important;
    line-height: 1.4 !important;
}

/* ORVION_ADMIN_SUPPLIER_V4_BOUNDED_PARITY_END */
/* ORVION_ADMIN_TRADE_ISLAND_COLOR_ONLY_V1
   Approved scope: Trade island BACKGROUND COLOR ONLY.
   Authority: owner-locked Trade child visual authority + current Supplier surface hierarchy.
   ABSOLUTE NO-TOUCH: typography, borders, shadows, motion, buttons/tabs/chips,
   geometry, rail, header, branding, AI, Modules CTA, Admin Login, data/routes/wiring. */

/* Primary Trade islands — owner-passed Trade glass surface. */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page :is(
    .panel.o1-ui-surface,
    .trade-overview__composition,
    .trade-tracking-status,
    .trade-milestone-rail,
    .trade-capability-state,
    .trade-cost-breakdown,
    .trade-partner-card,
    .trade-activity-timeline,
    .trade-document-checklist,
    .trade-permit-checklist,
    .trade-wharf-clerk-card
) {
    background: color-mix(in srgb,var(--ov-shell-glass) 88%,transparent) !important;
}

/* Trade KPI / summary islands — exact Trade/Supplier primary surface. */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .trade-summary-card {
    background: color-mix(in srgb,var(--portal-surface) 94%,transparent) !important;
}

.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .metric-card.o1-ui-surface {
    background: var(--portal-surface) !important;
}

/* Nested Trade islands — restrained soft layer to remove the flat white omission. */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page :is(
    .o1-ui-table-region.o1-ui-surface,
    .o1-ui-data-region.o1-ui-surface--soft,
    .panel.o1-ui-surface.o1-ui-surface--soft,
    .metric-card.o1-ui-surface.o1-ui-surface--soft,
    .empty-panel.o1-ui-surface--soft,
    .trade-risk-item
) {
    background: var(--portal-surface-soft) !important;
}

/* ORVION_ADMIN_TRADE_ISLAND_COLOR_ONLY_V1_END */

/* ORVION_ADMIN_COMBINED_BOUNDED_UNIFORMITY_STATIC_RUNTIME_PRESERVING_V1
   Runtime/source reconciliation proved the accepted Admin DLL differs from a clean
   source publish while the deployed/source visual CSS baseline is byte-identical.
   Therefore this approved visual task is implemented STATIC-ONLY.
   Scope: dashboard eyebrow COLOR + KPI summary icon badges only.
   No DLL, manifest, service, route, data, wiring, button, rail, header, AI or Login change. */

.orvion-vision-shell > .vision-workspace .vision-dashboard .vision-eyebrow {
    color: #2d6bff !important;
}

.orvion-vision-shell > .vision-workspace :is(
    .metric-card[b-mfmvm4qs78],
    .metric-card[b-vnsv0jmsvc],
    .metric-card[b-bgvqncux0n],
    .metric-card[b-kz9txjo98v],
    .metric-card[b-uztk84lp3h],
    .metric-card[b-i90wufszxs]
) {
    position: relative !important;
}

.orvion-vision-shell > .vision-workspace :is(
    .metric-card[b-mfmvm4qs78],
    .metric-card[b-vnsv0jmsvc],
    .metric-card[b-bgvqncux0n],
    .metric-card[b-kz9txjo98v],
    .metric-card[b-uztk84lp3h],
    .metric-card[b-i90wufszxs]
)::before {
    content: "" !important;
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    width: 34px !important;
    height: 34px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 34px 34px !important;
    pointer-events: none !important;
}

/* operations KPI 1: existing Admin module SVG + Supplier blue badge */
.orvion-vision-shell > .vision-workspace .metric-card[b-mfmvm4qs78]:nth-child(1)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%232d6bff%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%232d6bff%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%228%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%223%22/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* operations KPI 2: existing Admin module SVG + Supplier violet badge */
.orvion-vision-shell > .vision-workspace .metric-card[b-mfmvm4qs78]:nth-child(2)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%237257ff%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%237257ff%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%228%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%223%22/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* operations KPI 3: existing Admin module SVG + Supplier cyan badge */
.orvion-vision-shell > .vision-workspace .metric-card[b-mfmvm4qs78]:nth-child(3)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%231ec7df%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%231ec7df%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%228%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%223%22/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* operations KPI 4: existing Admin module SVG + Supplier amber badge */
.orvion-vision-shell > .vision-workspace .metric-card[b-mfmvm4qs78]:nth-child(4)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%23e89822%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%23e89822%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%228%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%223%22/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* people KPI 1: existing Admin module SVG + Supplier blue badge */
.orvion-vision-shell > .vision-workspace .metric-card[b-vnsv0jmsvc]:nth-child(1)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%232d6bff%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%232d6bff%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%229%22%20cy=%228%22%20r=%223%22/%3E%3Ccircle%20cx=%2216.5%22%20cy=%229%22%20r=%222.5%22/%3E%3Cpath%20d=%22M3.5%2020a5.5%205.5%200%200%201%2011%200%22/%3E%3Cpath%20d=%22M13%2019a4.5%204.5%200%200%201%208%200%22/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* people KPI 2: existing Admin module SVG + Supplier violet badge */
.orvion-vision-shell > .vision-workspace .metric-card[b-vnsv0jmsvc]:nth-child(2)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%237257ff%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%237257ff%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%229%22%20cy=%228%22%20r=%223%22/%3E%3Ccircle%20cx=%2216.5%22%20cy=%229%22%20r=%222.5%22/%3E%3Cpath%20d=%22M3.5%2020a5.5%205.5%200%200%201%2011%200%22/%3E%3Cpath%20d=%22M13%2019a4.5%204.5%200%200%201%208%200%22/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* people KPI 3: existing Admin module SVG + Supplier cyan badge */
.orvion-vision-shell > .vision-workspace .metric-card[b-vnsv0jmsvc]:nth-child(3)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%231ec7df%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%231ec7df%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%229%22%20cy=%228%22%20r=%223%22/%3E%3Ccircle%20cx=%2216.5%22%20cy=%229%22%20r=%222.5%22/%3E%3Cpath%20d=%22M3.5%2020a5.5%205.5%200%200%201%2011%200%22/%3E%3Cpath%20d=%22M13%2019a4.5%204.5%200%200%201%208%200%22/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* people KPI 4: existing Admin module SVG + Supplier amber badge */
.orvion-vision-shell > .vision-workspace .metric-card[b-vnsv0jmsvc]:nth-child(4)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%23e89822%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%23e89822%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%229%22%20cy=%228%22%20r=%223%22/%3E%3Ccircle%20cx=%2216.5%22%20cy=%229%22%20r=%222.5%22/%3E%3Cpath%20d=%22M3.5%2020a5.5%205.5%200%200%201%2011%200%22/%3E%3Cpath%20d=%22M13%2019a4.5%204.5%200%200%201%208%200%22/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* sales KPI 1: existing Admin module SVG + Supplier blue badge */
.orvion-vision-shell > .vision-workspace .metric-card[b-bgvqncux0n]:nth-child(1)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%232d6bff%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%232d6bff%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2019V9%22/%3E%3Cpath%20d=%22M10%2019V5%22/%3E%3Cpath%20d=%22M16%2019v-7%22/%3E%3Cpath%20d=%22M22%2019H2%22/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* sales KPI 2: existing Admin module SVG + Supplier violet badge */
.orvion-vision-shell > .vision-workspace .metric-card[b-bgvqncux0n]:nth-child(2)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%237257ff%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%237257ff%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2019V9%22/%3E%3Cpath%20d=%22M10%2019V5%22/%3E%3Cpath%20d=%22M16%2019v-7%22/%3E%3Cpath%20d=%22M22%2019H2%22/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* sales KPI 3: existing Admin module SVG + Supplier cyan badge */
.orvion-vision-shell > .vision-workspace .metric-card[b-bgvqncux0n]:nth-child(3)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%231ec7df%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%231ec7df%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2019V9%22/%3E%3Cpath%20d=%22M10%2019V5%22/%3E%3Cpath%20d=%22M16%2019v-7%22/%3E%3Cpath%20d=%22M22%2019H2%22/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* sales KPI 4: existing Admin module SVG + Supplier amber badge */
.orvion-vision-shell > .vision-workspace .metric-card[b-bgvqncux0n]:nth-child(4)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%23e89822%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%23e89822%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2019V9%22/%3E%3Cpath%20d=%22M10%2019V5%22/%3E%3Cpath%20d=%22M16%2019v-7%22/%3E%3Cpath%20d=%22M22%2019H2%22/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* sales KPI 5: existing Admin module SVG + Supplier green badge */
.orvion-vision-shell > .vision-workspace .metric-card[b-bgvqncux0n]:nth-child(5)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%2313a66a%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%2313a66a%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2019V9%22/%3E%3Cpath%20d=%22M10%2019V5%22/%3E%3Cpath%20d=%22M16%2019v-7%22/%3E%3Cpath%20d=%22M22%2019H2%22/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* finance KPI 1: existing Admin module SVG + Supplier blue badge */
.orvion-vision-shell > .vision-workspace .metric-card[b-kz9txjo98v]:nth-child(1)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%232d6bff%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%232d6bff%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2020V10h16v10%22/%3E%3Cpath%20d=%22M2%2010%2012%204l10%206%22/%3E%3Cpath%20d=%22M8%2013v4M12%2013v4M16%2013v4%22/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* finance KPI 2: existing Admin module SVG + Supplier violet badge */
.orvion-vision-shell > .vision-workspace .metric-card[b-kz9txjo98v]:nth-child(2)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%237257ff%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%237257ff%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2020V10h16v10%22/%3E%3Cpath%20d=%22M2%2010%2012%204l10%206%22/%3E%3Cpath%20d=%22M8%2013v4M12%2013v4M16%2013v4%22/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* finance KPI 3: existing Admin module SVG + Supplier cyan badge */
.orvion-vision-shell > .vision-workspace .metric-card[b-kz9txjo98v]:nth-child(3)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%231ec7df%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%231ec7df%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2020V10h16v10%22/%3E%3Cpath%20d=%22M2%2010%2012%204l10%206%22/%3E%3Cpath%20d=%22M8%2013v4M12%2013v4M16%2013v4%22/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* finance KPI 4: existing Admin module SVG + Supplier amber badge */
.orvion-vision-shell > .vision-workspace .metric-card[b-kz9txjo98v]:nth-child(4)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%23e89822%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%23e89822%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2020V10h16v10%22/%3E%3Cpath%20d=%22M2%2010%2012%204l10%206%22/%3E%3Cpath%20d=%22M8%2013v4M12%2013v4M16%2013v4%22/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* finance KPI 5: existing Admin module SVG + Supplier green badge */
.orvion-vision-shell > .vision-workspace .metric-card[b-kz9txjo98v]:nth-child(5)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%2313a66a%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%2313a66a%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2020V10h16v10%22/%3E%3Cpath%20d=%22M2%2010%2012%204l10%206%22/%3E%3Cpath%20d=%22M8%2013v4M12%2013v4M16%2013v4%22/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* supply KPI 1: existing Admin module SVG + Supplier blue badge */
.orvion-vision-shell > .vision-workspace .metric-card[b-uztk84lp3h]:nth-child(1)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%232d6bff%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%232d6bff%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%207h11v10H3z%22/%3E%3Cpath%20d=%22M14%2010h4l3%203v4h-7z%22/%3E%3Ccircle%20cx=%227%22%20cy=%2219%22%20r=%222%22/%3E%3Ccircle%20cx=%2218%22%20cy=%2219%22%20r=%222%22/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* supply KPI 2: existing Admin module SVG + Supplier violet badge */
.orvion-vision-shell > .vision-workspace .metric-card[b-uztk84lp3h]:nth-child(2)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%237257ff%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%237257ff%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%207h11v10H3z%22/%3E%3Cpath%20d=%22M14%2010h4l3%203v4h-7z%22/%3E%3Ccircle%20cx=%227%22%20cy=%2219%22%20r=%222%22/%3E%3Ccircle%20cx=%2218%22%20cy=%2219%22%20r=%222%22/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* supply KPI 3: existing Admin module SVG + Supplier cyan badge */
.orvion-vision-shell > .vision-workspace .metric-card[b-uztk84lp3h]:nth-child(3)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%231ec7df%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%231ec7df%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%207h11v10H3z%22/%3E%3Cpath%20d=%22M14%2010h4l3%203v4h-7z%22/%3E%3Ccircle%20cx=%227%22%20cy=%2219%22%20r=%222%22/%3E%3Ccircle%20cx=%2218%22%20cy=%2219%22%20r=%222%22/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* supply KPI 4: existing Admin module SVG + Supplier amber badge */
.orvion-vision-shell > .vision-workspace .metric-card[b-uztk84lp3h]:nth-child(4)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%23e89822%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%23e89822%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%207h11v10H3z%22/%3E%3Cpath%20d=%22M14%2010h4l3%203v4h-7z%22/%3E%3Ccircle%20cx=%227%22%20cy=%2219%22%20r=%222%22/%3E%3Ccircle%20cx=%2218%22%20cy=%2219%22%20r=%222%22/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* reports KPI 1: existing Admin module SVG + Supplier blue badge */
.orvion-vision-shell > .vision-workspace .metric-card[b-i90wufszxs]:nth-child(1)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%232d6bff%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%232d6bff%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M6%203h9l3%203v15H6z%22/%3E%3Cpath%20d=%22M9%2011h6M9%2015h6%22/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* reports KPI 2: existing Admin module SVG + Supplier violet badge */
.orvion-vision-shell > .vision-workspace .metric-card[b-i90wufszxs]:nth-child(2)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%237257ff%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%237257ff%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M6%203h9l3%203v15H6z%22/%3E%3Cpath%20d=%22M9%2011h6M9%2015h6%22/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* reports KPI 3: existing Admin module SVG + Supplier cyan badge */
.orvion-vision-shell > .vision-workspace .metric-card[b-i90wufszxs]:nth-child(3)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%231ec7df%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%231ec7df%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M6%203h9l3%203v15H6z%22/%3E%3Cpath%20d=%22M9%2011h6M9%2015h6%22/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* reports KPI 4: existing Admin module SVG + Supplier amber badge */
.orvion-vision-shell > .vision-workspace .metric-card[b-i90wufszxs]:nth-child(4)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%23e89822%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%23e89822%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M6%203h9l3%203v15H6z%22/%3E%3Cpath%20d=%22M9%2011h6M9%2015h6%22/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* reports KPI 5: existing Admin module SVG + Supplier green badge */
.orvion-vision-shell > .vision-workspace .metric-card[b-i90wufszxs]:nth-child(5)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%2313a66a%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%2313a66a%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M6%203h9l3%203v15H6z%22/%3E%3Cpath%20d=%22M9%2011h6M9%2015h6%22/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* reports KPI 6: existing Admin module SVG + Supplier blue badge */
.orvion-vision-shell > .vision-workspace .metric-card[b-i90wufszxs]:nth-child(6)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%232d6bff%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%232d6bff%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M6%203h9l3%203v15H6z%22/%3E%3Cpath%20d=%22M9%2011h6M9%2015h6%22/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* reports KPI 7: existing Admin module SVG + Supplier violet badge */
.orvion-vision-shell > .vision-workspace .metric-card[b-i90wufszxs]:nth-child(7)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%237257ff%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%237257ff%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M6%203h9l3%203v15H6z%22/%3E%3Cpath%20d=%22M9%2011h6M9%2015h6%22/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* reports KPI 8: existing Admin module SVG + Supplier cyan badge */
.orvion-vision-shell > .vision-workspace .metric-card[b-i90wufszxs]:nth-child(8)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%231ec7df%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%231ec7df%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M6%203h9l3%203v15H6z%22/%3E%3Cpath%20d=%22M9%2011h6M9%2015h6%22/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* ORVION_ADMIN_COMBINED_BOUNDED_UNIFORMITY_STATIC_RUNTIME_PRESERVING_V1_END */

/* ORVION_ADMIN_TRADE_CHILD_PAGE_UNIFORMITY_V1
   Owner-approved bounded scope: Trade CHILD pages only.
   Fixes: child-island material hierarchy, child-page readability, and child-island icon badges.
   Authority: locked Trade FIX6 surface/text tokens + existing Admin SVG vocabulary.
   ABSOLUTE NO-TOUCH: Trade Overview, Admin Dashboard, non-Trade modules, rail, header, AI, Modules CTA,
   buttons/tabs/chips semantics, routes, data, wiring, business logic, Admin Login. */

.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view]:not([data-trade-view="overview"]) {
    color: var(--portal-text) !important;
}

/* Child-page material hierarchy: strong outer island, primary KPI island, soft nested data island. */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view]:not([data-trade-view="overview"]) :is(
    .panel.o1-ui-surface,
    .trade-tracking-status,
    .trade-milestone-rail,
    .trade-capability-state,
    .trade-cost-breakdown,
    .trade-partner-card,
    .trade-activity-timeline,
    .trade-document-checklist,
    .trade-permit-checklist,
    .trade-wharf-clerk-card
) {
    background: var(--portal-surface-strong) !important;
    border-color: var(--ov-shell-hairline) !important;
}

.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view]:not([data-trade-view="overview"]) .metric-card {
    position: relative !important;
    background: var(--portal-surface) !important;
    border-color: var(--ov-shell-hairline) !important;
}

.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view]:not([data-trade-view="overview"]) :is(
    .o1-ui-table-region,
    .o1-ui-data-region,
    .empty-panel,
    .context-strip-item,
    .vision-not-connected,
    .trade-risk-item
) {
    background: var(--portal-surface-soft) !important;
    border-color: var(--portal-border) !important;
}

/* Readability: exact Trade text hierarchy; semantic status/chip colors remain untouched. */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view]:not([data-trade-view="overview"]) :is(h1,h2,h3,strong,.metric-value,.o1-ui-table td,.context-strip-item strong,.vision-not-connected strong) {
    color: var(--portal-text) !important;
}

.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view]:not([data-trade-view="overview"]) :is(p,.metric-label,.metric-caption,.o1-ui-table th,.context-strip-item span,.vision-not-connected span,.empty-panel p,label) {
    color: var(--portal-text-soft) !important;
}

.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view]:not([data-trade-view="overview"]) .panel-heading .eyebrow {
    color: var(--portal-blue) !important;
}

.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view]:not([data-trade-view="overview"]) :is(input,select,textarea) {
    color: var(--portal-text) !important;
}
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view]:not([data-trade-view="overview"]) :is(input,textarea)::placeholder {
    color: var(--portal-text-soft) !important;
    opacity: .92 !important;
}

/* Supplier-authority 34x34/r10 badges. Existing Admin glyph vocabulary only. */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view]:not([data-trade-view="overview"]) .metric-card::before {
    content: "" !important;
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    width: 34px !important;
    height: 34px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 34px 34px !important;
    pointer-events: none !important;
}

.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view]:not([data-trade-view="overview"]) .panel-heading > div {
    position: relative !important;
    min-height: 34px !important;
    padding-left: 46px !important;
}
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view]:not([data-trade-view="overview"]) .panel-heading > div::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 34px !important;
    height: 34px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 34px 34px !important;
    pointer-events: none !important;
}

.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view]:not([data-trade-view="overview"]) :is(.trade-tracking-status,.trade-milestone-rail,.trade-capability-state,.trade-cost-breakdown,.trade-partner-card,.trade-activity-timeline,.trade-document-checklist,.trade-permit-checklist,.trade-wharf-clerk-card) {
    position: relative !important;
}
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view]:not([data-trade-view="overview"]) :is(.trade-tracking-status,.trade-milestone-rail,.trade-capability-state,.trade-cost-breakdown,.trade-partner-card,.trade-activity-timeline,.trade-document-checklist,.trade-permit-checklist,.trade-wharf-clerk-card)::before {
    content: "" !important;
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    width: 34px !important;
    height: 34px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 34px 34px !important;
    pointer-events: none !important;
}

/* shipments: KPI 1 / blue */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="shipments"] .metric-card:nth-child(1)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%232d6bff%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%232d6bff%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%207h11v10H3z%22/%3E%3Cpath%20d=%22M14%2010h4l3%203v4h-7z%22/%3E%3Ccircle%20cx=%227%22%20cy=%2219%22%20r=%222%22/%3E%3Ccircle%20cx=%2218%22%20cy=%2219%22%20r=%222%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* shipments: KPI 2 / violet */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="shipments"] .metric-card:nth-child(2)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%237257ff%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%237257ff%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%207h11v10H3z%22/%3E%3Cpath%20d=%22M14%2010h4l3%203v4h-7z%22/%3E%3Ccircle%20cx=%227%22%20cy=%2219%22%20r=%222%22/%3E%3Ccircle%20cx=%2218%22%20cy=%2219%22%20r=%222%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* shipments: KPI 3 / cyan */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="shipments"] .metric-card:nth-child(3)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%231ec7df%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%231ec7df%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%207h11v10H3z%22/%3E%3Cpath%20d=%22M14%2010h4l3%203v4h-7z%22/%3E%3Ccircle%20cx=%227%22%20cy=%2219%22%20r=%222%22/%3E%3Ccircle%20cx=%2218%22%20cy=%2219%22%20r=%222%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* shipments: KPI 4 / amber */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="shipments"] .metric-card:nth-child(4)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%23e89822%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%23e89822%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%207h11v10H3z%22/%3E%3Cpath%20d=%22M14%2010h4l3%203v4h-7z%22/%3E%3Ccircle%20cx=%227%22%20cy=%2219%22%20r=%222%22/%3E%3Ccircle%20cx=%2218%22%20cy=%2219%22%20r=%222%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* shipments: KPI 5 / green */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="shipments"] .metric-card:nth-child(5)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%2313a66a%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%2313a66a%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%207h11v10H3z%22/%3E%3Cpath%20d=%22M14%2010h4l3%203v4h-7z%22/%3E%3Ccircle%20cx=%227%22%20cy=%2219%22%20r=%222%22/%3E%3Ccircle%20cx=%2218%22%20cy=%2219%22%20r=%222%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* containers: KPI 1 / blue */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="containers"] .metric-card:nth-child(1)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%232d6bff%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%232d6bff%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%207h11v10H3z%22/%3E%3Cpath%20d=%22M14%2010h4l3%203v4h-7z%22/%3E%3Ccircle%20cx=%227%22%20cy=%2219%22%20r=%222%22/%3E%3Ccircle%20cx=%2218%22%20cy=%2219%22%20r=%222%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* containers: KPI 2 / violet */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="containers"] .metric-card:nth-child(2)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%237257ff%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%237257ff%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%207h11v10H3z%22/%3E%3Cpath%20d=%22M14%2010h4l3%203v4h-7z%22/%3E%3Ccircle%20cx=%227%22%20cy=%2219%22%20r=%222%22/%3E%3Ccircle%20cx=%2218%22%20cy=%2219%22%20r=%222%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* containers: KPI 3 / cyan */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="containers"] .metric-card:nth-child(3)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%231ec7df%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%231ec7df%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%207h11v10H3z%22/%3E%3Cpath%20d=%22M14%2010h4l3%203v4h-7z%22/%3E%3Ccircle%20cx=%227%22%20cy=%2219%22%20r=%222%22/%3E%3Ccircle%20cx=%2218%22%20cy=%2219%22%20r=%222%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* containers: KPI 4 / amber */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="containers"] .metric-card:nth-child(4)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%23e89822%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%23e89822%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%207h11v10H3z%22/%3E%3Cpath%20d=%22M14%2010h4l3%203v4h-7z%22/%3E%3Ccircle%20cx=%227%22%20cy=%2219%22%20r=%222%22/%3E%3Ccircle%20cx=%2218%22%20cy=%2219%22%20r=%222%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* containers: KPI 5 / green */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="containers"] .metric-card:nth-child(5)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%2313a66a%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%2313a66a%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%207h11v10H3z%22/%3E%3Cpath%20d=%22M14%2010h4l3%203v4h-7z%22/%3E%3Ccircle%20cx=%227%22%20cy=%2219%22%20r=%222%22/%3E%3Ccircle%20cx=%2218%22%20cy=%2219%22%20r=%222%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* tracking: KPI 1 / blue */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="tracking"] .metric-card:nth-child(1)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%232d6bff%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%232d6bff%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%207h11v10H3z%22/%3E%3Cpath%20d=%22M14%2010h4l3%203v4h-7z%22/%3E%3Ccircle%20cx=%227%22%20cy=%2219%22%20r=%222%22/%3E%3Ccircle%20cx=%2218%22%20cy=%2219%22%20r=%222%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* tracking: KPI 2 / violet */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="tracking"] .metric-card:nth-child(2)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%237257ff%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%237257ff%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%207h11v10H3z%22/%3E%3Cpath%20d=%22M14%2010h4l3%203v4h-7z%22/%3E%3Ccircle%20cx=%227%22%20cy=%2219%22%20r=%222%22/%3E%3Ccircle%20cx=%2218%22%20cy=%2219%22%20r=%222%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* tracking: KPI 3 / cyan */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="tracking"] .metric-card:nth-child(3)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%231ec7df%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%231ec7df%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%207h11v10H3z%22/%3E%3Cpath%20d=%22M14%2010h4l3%203v4h-7z%22/%3E%3Ccircle%20cx=%227%22%20cy=%2219%22%20r=%222%22/%3E%3Ccircle%20cx=%2218%22%20cy=%2219%22%20r=%222%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* tracking: KPI 4 / amber */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="tracking"] .metric-card:nth-child(4)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%23e89822%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%23e89822%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%207h11v10H3z%22/%3E%3Cpath%20d=%22M14%2010h4l3%203v4h-7z%22/%3E%3Ccircle%20cx=%227%22%20cy=%2219%22%20r=%222%22/%3E%3Ccircle%20cx=%2218%22%20cy=%2219%22%20r=%222%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* tracking: KPI 5 / green */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="tracking"] .metric-card:nth-child(5)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%2313a66a%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%2313a66a%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%207h11v10H3z%22/%3E%3Cpath%20d=%22M14%2010h4l3%203v4h-7z%22/%3E%3Ccircle%20cx=%227%22%20cy=%2219%22%20r=%222%22/%3E%3Ccircle%20cx=%2218%22%20cy=%2219%22%20r=%222%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* clearance: KPI 1 / blue */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="clearance"] .metric-card:nth-child(1)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%232d6bff%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%232d6bff%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2020V10h16v10%22/%3E%3Cpath%20d=%22M2%2010%2012%204l10%206%22/%3E%3Cpath%20d=%22M8%2013v4M12%2013v4M16%2013v4%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* clearance: KPI 2 / violet */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="clearance"] .metric-card:nth-child(2)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%237257ff%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%237257ff%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2020V10h16v10%22/%3E%3Cpath%20d=%22M2%2010%2012%204l10%206%22/%3E%3Cpath%20d=%22M8%2013v4M12%2013v4M16%2013v4%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* clearance: KPI 3 / cyan */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="clearance"] .metric-card:nth-child(3)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%231ec7df%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%231ec7df%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2020V10h16v10%22/%3E%3Cpath%20d=%22M2%2010%2012%204l10%206%22/%3E%3Cpath%20d=%22M8%2013v4M12%2013v4M16%2013v4%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* clearance: KPI 4 / amber */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="clearance"] .metric-card:nth-child(4)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%23e89822%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%23e89822%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2020V10h16v10%22/%3E%3Cpath%20d=%22M2%2010%2012%204l10%206%22/%3E%3Cpath%20d=%22M8%2013v4M12%2013v4M16%2013v4%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* clearance: KPI 5 / green */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="clearance"] .metric-card:nth-child(5)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%2313a66a%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%2313a66a%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2020V10h16v10%22/%3E%3Cpath%20d=%22M2%2010%2012%204l10%206%22/%3E%3Cpath%20d=%22M8%2013v4M12%2013v4M16%2013v4%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* documents: KPI 1 / blue */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="documents"] .metric-card:nth-child(1)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%232d6bff%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%232d6bff%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M6%203h9l3%203v15H6z%22/%3E%3Cpath%20d=%22M9%2011h6M9%2015h6%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* documents: KPI 2 / violet */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="documents"] .metric-card:nth-child(2)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%237257ff%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%237257ff%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M6%203h9l3%203v15H6z%22/%3E%3Cpath%20d=%22M9%2011h6M9%2015h6%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* documents: KPI 3 / cyan */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="documents"] .metric-card:nth-child(3)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%231ec7df%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%231ec7df%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M6%203h9l3%203v15H6z%22/%3E%3Cpath%20d=%22M9%2011h6M9%2015h6%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* documents: KPI 4 / amber */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="documents"] .metric-card:nth-child(4)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%23e89822%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%23e89822%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M6%203h9l3%203v15H6z%22/%3E%3Cpath%20d=%22M9%2011h6M9%2015h6%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* documents: KPI 5 / green */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="documents"] .metric-card:nth-child(5)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%2313a66a%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%2313a66a%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M6%203h9l3%203v15H6z%22/%3E%3Cpath%20d=%22M9%2011h6M9%2015h6%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* duties: KPI 1 / blue */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="duties"] .metric-card:nth-child(1)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%232d6bff%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%232d6bff%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2020V10h16v10%22/%3E%3Cpath%20d=%22M2%2010%2012%204l10%206%22/%3E%3Cpath%20d=%22M8%2013v4M12%2013v4M16%2013v4%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* duties: KPI 2 / violet */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="duties"] .metric-card:nth-child(2)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%237257ff%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%237257ff%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2020V10h16v10%22/%3E%3Cpath%20d=%22M2%2010%2012%204l10%206%22/%3E%3Cpath%20d=%22M8%2013v4M12%2013v4M16%2013v4%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* duties: KPI 3 / cyan */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="duties"] .metric-card:nth-child(3)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%231ec7df%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%231ec7df%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2020V10h16v10%22/%3E%3Cpath%20d=%22M2%2010%2012%204l10%206%22/%3E%3Cpath%20d=%22M8%2013v4M12%2013v4M16%2013v4%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* duties: KPI 4 / amber */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="duties"] .metric-card:nth-child(4)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%23e89822%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%23e89822%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2020V10h16v10%22/%3E%3Cpath%20d=%22M2%2010%2012%204l10%206%22/%3E%3Cpath%20d=%22M8%2013v4M12%2013v4M16%2013v4%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* duties: KPI 5 / green */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="duties"] .metric-card:nth-child(5)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%2313a66a%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%2313a66a%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2020V10h16v10%22/%3E%3Cpath%20d=%22M2%2010%2012%204l10%206%22/%3E%3Cpath%20d=%22M8%2013v4M12%2013v4M16%2013v4%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* permits: KPI 1 / blue */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="permits"] .metric-card:nth-child(1)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%232d6bff%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%232d6bff%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M6%203h9l3%203v15H6z%22/%3E%3Cpath%20d=%22M9%2011h6M9%2015h6%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* permits: KPI 2 / violet */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="permits"] .metric-card:nth-child(2)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%237257ff%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%237257ff%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M6%203h9l3%203v15H6z%22/%3E%3Cpath%20d=%22M9%2011h6M9%2015h6%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* permits: KPI 3 / cyan */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="permits"] .metric-card:nth-child(3)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%231ec7df%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%231ec7df%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M6%203h9l3%203v15H6z%22/%3E%3Cpath%20d=%22M9%2011h6M9%2015h6%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* permits: KPI 4 / amber */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="permits"] .metric-card:nth-child(4)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%23e89822%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%23e89822%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M6%203h9l3%203v15H6z%22/%3E%3Cpath%20d=%22M9%2011h6M9%2015h6%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* permits: KPI 5 / green */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="permits"] .metric-card:nth-child(5)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%2313a66a%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%2313a66a%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M6%203h9l3%203v15H6z%22/%3E%3Cpath%20d=%22M9%2011h6M9%2015h6%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* partners: KPI 1 / blue */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="partners"] .metric-card:nth-child(1)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%232d6bff%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%232d6bff%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%229%22%20cy=%228%22%20r=%223%22/%3E%3Ccircle%20cx=%2216.5%22%20cy=%229%22%20r=%222.5%22/%3E%3Cpath%20d=%22M3.5%2020a5.5%205.5%200%200%201%2011%200%22/%3E%3Cpath%20d=%22M13%2019a4.5%204.5%200%200%201%208%200%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* partners: KPI 2 / violet */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="partners"] .metric-card:nth-child(2)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%237257ff%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%237257ff%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%229%22%20cy=%228%22%20r=%223%22/%3E%3Ccircle%20cx=%2216.5%22%20cy=%229%22%20r=%222.5%22/%3E%3Cpath%20d=%22M3.5%2020a5.5%205.5%200%200%201%2011%200%22/%3E%3Cpath%20d=%22M13%2019a4.5%204.5%200%200%201%208%200%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* partners: KPI 3 / cyan */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="partners"] .metric-card:nth-child(3)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%231ec7df%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%231ec7df%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%229%22%20cy=%228%22%20r=%223%22/%3E%3Ccircle%20cx=%2216.5%22%20cy=%229%22%20r=%222.5%22/%3E%3Cpath%20d=%22M3.5%2020a5.5%205.5%200%200%201%2011%200%22/%3E%3Cpath%20d=%22M13%2019a4.5%204.5%200%200%201%208%200%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* partners: KPI 4 / amber */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="partners"] .metric-card:nth-child(4)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%23e89822%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%23e89822%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%229%22%20cy=%228%22%20r=%223%22/%3E%3Ccircle%20cx=%2216.5%22%20cy=%229%22%20r=%222.5%22/%3E%3Cpath%20d=%22M3.5%2020a5.5%205.5%200%200%201%2011%200%22/%3E%3Cpath%20d=%22M13%2019a4.5%204.5%200%200%201%208%200%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* partners: KPI 5 / green */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="partners"] .metric-card:nth-child(5)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%2313a66a%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%2313a66a%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%229%22%20cy=%228%22%20r=%223%22/%3E%3Ccircle%20cx=%2216.5%22%20cy=%229%22%20r=%222.5%22/%3E%3Cpath%20d=%22M3.5%2020a5.5%205.5%200%200%201%2011%200%22/%3E%3Cpath%20d=%22M13%2019a4.5%204.5%200%200%201%208%200%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* tasks: KPI 1 / blue */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="tasks"] .metric-card:nth-child(1)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%232d6bff%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%232d6bff%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%228%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%223%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* tasks: KPI 2 / violet */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="tasks"] .metric-card:nth-child(2)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%237257ff%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%237257ff%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%228%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%223%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* tasks: KPI 3 / cyan */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="tasks"] .metric-card:nth-child(3)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%231ec7df%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%231ec7df%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%228%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%223%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* tasks: KPI 4 / amber */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="tasks"] .metric-card:nth-child(4)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%23e89822%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%23e89822%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%228%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%223%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* tasks: KPI 5 / green */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="tasks"] .metric-card:nth-child(5)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%2313a66a%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%2313a66a%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%228%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%223%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* shipments: panel/header island icon */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="shipments"] .panel-heading > div::before,
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="shipments"] :is(.trade-tracking-status,.trade-milestone-rail,.trade-capability-state,.trade-cost-breakdown,.trade-partner-card,.trade-activity-timeline,.trade-document-checklist,.trade-permit-checklist,.trade-wharf-clerk-card)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%232d6bff%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%232d6bff%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%207h11v10H3z%22/%3E%3Cpath%20d=%22M14%2010h4l3%203v4h-7z%22/%3E%3Ccircle%20cx=%227%22%20cy=%2219%22%20r=%222%22/%3E%3Ccircle%20cx=%2218%22%20cy=%2219%22%20r=%222%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* containers: panel/header island icon */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="containers"] .panel-heading > div::before,
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="containers"] :is(.trade-tracking-status,.trade-milestone-rail,.trade-capability-state,.trade-cost-breakdown,.trade-partner-card,.trade-activity-timeline,.trade-document-checklist,.trade-permit-checklist,.trade-wharf-clerk-card)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%231ec7df%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%231ec7df%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%207h11v10H3z%22/%3E%3Cpath%20d=%22M14%2010h4l3%203v4h-7z%22/%3E%3Ccircle%20cx=%227%22%20cy=%2219%22%20r=%222%22/%3E%3Ccircle%20cx=%2218%22%20cy=%2219%22%20r=%222%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* tracking: panel/header island icon */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="tracking"] .panel-heading > div::before,
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="tracking"] :is(.trade-tracking-status,.trade-milestone-rail,.trade-capability-state,.trade-cost-breakdown,.trade-partner-card,.trade-activity-timeline,.trade-document-checklist,.trade-permit-checklist,.trade-wharf-clerk-card)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%237257ff%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%237257ff%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%207h11v10H3z%22/%3E%3Cpath%20d=%22M14%2010h4l3%203v4h-7z%22/%3E%3Ccircle%20cx=%227%22%20cy=%2219%22%20r=%222%22/%3E%3Ccircle%20cx=%2218%22%20cy=%2219%22%20r=%222%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* clearance: panel/header island icon */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="clearance"] .panel-heading > div::before,
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="clearance"] :is(.trade-tracking-status,.trade-milestone-rail,.trade-capability-state,.trade-cost-breakdown,.trade-partner-card,.trade-activity-timeline,.trade-document-checklist,.trade-permit-checklist,.trade-wharf-clerk-card)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%23e89822%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%23e89822%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2020V10h16v10%22/%3E%3Cpath%20d=%22M2%2010%2012%204l10%206%22/%3E%3Cpath%20d=%22M8%2013v4M12%2013v4M16%2013v4%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* documents: panel/header island icon */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="documents"] .panel-heading > div::before,
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="documents"] :is(.trade-tracking-status,.trade-milestone-rail,.trade-capability-state,.trade-cost-breakdown,.trade-partner-card,.trade-activity-timeline,.trade-document-checklist,.trade-permit-checklist,.trade-wharf-clerk-card)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%232d6bff%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%232d6bff%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M6%203h9l3%203v15H6z%22/%3E%3Cpath%20d=%22M9%2011h6M9%2015h6%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* duties: panel/header island icon */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="duties"] .panel-heading > div::before,
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="duties"] :is(.trade-tracking-status,.trade-milestone-rail,.trade-capability-state,.trade-cost-breakdown,.trade-partner-card,.trade-activity-timeline,.trade-document-checklist,.trade-permit-checklist,.trade-wharf-clerk-card)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%2313a66a%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%2313a66a%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2020V10h16v10%22/%3E%3Cpath%20d=%22M2%2010%2012%204l10%206%22/%3E%3Cpath%20d=%22M8%2013v4M12%2013v4M16%2013v4%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* permits: panel/header island icon */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="permits"] .panel-heading > div::before,
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="permits"] :is(.trade-tracking-status,.trade-milestone-rail,.trade-capability-state,.trade-cost-breakdown,.trade-partner-card,.trade-activity-timeline,.trade-document-checklist,.trade-permit-checklist,.trade-wharf-clerk-card)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%23e89822%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%23e89822%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M6%203h9l3%203v15H6z%22/%3E%3Cpath%20d=%22M9%2011h6M9%2015h6%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* partners: panel/header island icon */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="partners"] .panel-heading > div::before,
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="partners"] :is(.trade-tracking-status,.trade-milestone-rail,.trade-capability-state,.trade-cost-breakdown,.trade-partner-card,.trade-activity-timeline,.trade-document-checklist,.trade-permit-checklist,.trade-wharf-clerk-card)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%237257ff%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%237257ff%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%229%22%20cy=%228%22%20r=%223%22/%3E%3Ccircle%20cx=%2216.5%22%20cy=%229%22%20r=%222.5%22/%3E%3Cpath%20d=%22M3.5%2020a5.5%205.5%200%200%201%2011%200%22/%3E%3Cpath%20d=%22M13%2019a4.5%204.5%200%200%201%208%200%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* tasks: panel/header island icon */
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="tasks"] .panel-heading > div::before,
.orvion-vision-shell > .vision-workspace .trade-responsive-surface .trade-page .o1-ui-module-section[data-trade-view="tasks"] :is(.trade-tracking-status,.trade-milestone-rail,.trade-capability-state,.trade-cost-breakdown,.trade-partner-card,.trade-activity-timeline,.trade-document-checklist,.trade-permit-checklist,.trade-wharf-clerk-card)::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2234%22%20height=%2234%22%20viewBox=%220%200%2034%2034%22%3E%3Crect%20width=%2234%22%20height=%2234%22%20rx=%2210%22%20fill=%22%231ec7df%22%20fill-opacity=%22.10%22/%3E%3Cg%20transform=%22translate(8%208)%20scale(.75)%22%20fill=%22none%22%20stroke=%22%231ec7df%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%228%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%223%22/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* ORVION_ADMIN_TRADE_CHILD_PAGE_UNIFORMITY_V1_END */


/* ORVION_ADMIN_HEADER_V7_STATIC_BRIDGE_CANDIDATE_V1 */

/* OWNER-APPROVED BOUNDED HARMONY CORRECTION — population arrangement only.
   Outer Admin rail dimensions, rounded ends, color/material and Notification control remain untouched.
   Visual materials/assets inherit from ORVION_UI_AUTHORITY -> Supplier Vault. */
:root {
  --admin-harmony-border: rgba(62, 142, 209, .78);
  --admin-harmony-border-hover: rgba(62, 142, 209, .92);
  --admin-harmony-glow: 0 0 10px rgba(41, 215, 255, .07);
  --admin-harmony-glow-hover: 0 0 12px rgba(41, 215, 255, .10), 0 0 10px rgba(124, 92, 255, .04);
  --admin-harmony-gap: 12px;
}

/* Owner-approved Admin-only uniformity exception: breathing space only.
   No outer rail size, radius, material or color change. */
.orvion-vision-shell > .vision-header {
  padding-left: 22px !important;
  padding-right: 22px !important;
}

.admin-scope-slot { min-width:0; position:relative; align-self:center; }
.admin-scope-trigger {
  width:100%; height:52px; min-height:52px; display:flex; align-items:center; gap:10px;
  padding:0 16px; border:1px solid var(--admin-harmony-border); border-radius:16px;
  color:var(--vision-text); background:var(--vision-surface); box-sizing:border-box;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),var(--admin-harmony-glow);
  cursor:pointer;
  transition:transform 180ms var(--ease-out),border-color 180ms var(--ease-out),box-shadow 180ms var(--ease-out),background-color 180ms var(--ease-out);
}
html[data-theme="light"] .admin-scope-trigger {
  background:rgba(255,255,255,.90);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88),var(--admin-harmony-glow);
}
html[data-theme="dark"] .admin-scope-trigger {
  background:linear-gradient(180deg,rgba(10,33,55,.94),rgba(8,28,47,.96));
}
.admin-scope-trigger:hover,.admin-scope-trigger:focus-visible {
  transform:translateY(-1px); border-color:var(--admin-harmony-border-hover);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),var(--admin-harmony-glow-hover);
}
.admin-scope-primary { flex:0 0 auto; font-size:13.6px; font-weight:700; line-height:1.15; white-space:nowrap; }
.admin-scope-summary { flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; color:var(--vision-muted); font-size:12px; font-weight:600; }
.admin-scope-caret { flex:0 0 auto; color:var(--vision-muted); font-size:13px; }
.admin-scope-panel {
  position:absolute; z-index:900; top:calc(100% + 12px); left:0; width:420px; padding:16px;
  border:1px solid var(--vision-border); border-radius:18px; background:var(--vision-surface-strong);
  box-shadow:var(--vision-shadow); backdrop-filter:blur(22px) saturate(1.08);
}
.admin-scope-panel[hidden] { display:none !important; }
.admin-scope-panel h3 { margin:0 0 4px; font-size:14px; font-family:"Plus Jakarta Sans",sans-serif; }
.admin-scope-panel p { margin:0 0 14px; color:var(--vision-muted); font-size:11.5px; }
.admin-scope-grid { display:grid; gap:10px; }
.admin-scope-grid label { display:grid; gap:5px; color:var(--vision-muted); font-size:11px; line-height:1; font-weight:720; letter-spacing:.075em; text-transform:uppercase; }
.admin-scope-grid select { width:100%; min-height:42px; font-family:inherit; font-size:13.5px; line-height:1.2; font-weight:670; letter-spacing:-.01em; }
.admin-scope-actions { display:flex; gap:10px; margin-top:12px; }
.admin-scope-actions button { flex:1 1 0; min-height:42px; }

/* Population columns only. Existing outer header geometry/material stays authoritative. */
@media (min-width:1601px) {
  .orvion-vision-shell > .vision-header { grid-template-columns:258px minmax(330px,430px) minmax(0,1fr) !important; }
}
@media (min-width:1321px) and (max-width:1600px) {
  .orvion-vision-shell > .vision-header { grid-template-columns:220px minmax(300px,360px) minmax(0,1fr) !important; }
}

.admin-header-system {
  min-width:0; display:flex !important; align-items:center; justify-content:flex-end;
  gap:18px !important; overflow:visible !important;
}

/* Search Orvion remains the existing command surface, presented as a button only. */
.admin-search-button {
  flex:0 0 210px; width:210px !important; min-width:210px !important; max-width:210px !important;
  height:52px !important; justify-self:auto !important; margin:0 !important; padding:0 16px !important;
  gap:10px !important; border:1px solid var(--admin-harmony-border) !important; border-radius:16px !important;
  background:var(--vision-surface) !important; color:var(--vision-muted) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),var(--admin-harmony-glow) !important;
  isolation:isolate; z-index:1; overflow:hidden;
}
html[data-theme="light"] .admin-search-button {
  background:rgba(255,255,255,.90) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88),var(--admin-harmony-glow) !important;
}
html[data-theme="dark"] .admin-search-button {
  background:linear-gradient(180deg,rgba(10,33,55,.94),rgba(8,28,47,.96)) !important;
}
.admin-search-button:hover,.admin-search-button:focus-visible {
  border-color:var(--admin-harmony-border-hover) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),var(--admin-harmony-glow-hover) !important;
}
.admin-search-button span { text-align:left; font-family:"Plus Jakarta Sans",sans-serif; font-size:13px; font-weight:600; }

/* Equal inter-island rhythm. Notification remains exact deployed markup/material. */
.admin-header-actions {
  display:flex; align-items:center; justify-content:flex-end;
  gap:var(--admin-harmony-gap); min-width:max-content; flex:0 0 auto;
}

/* Vault appearance control is consumed byte-identically. Owner overlay intentionally does not target its buttons. */

/* Compact language island: existing ENG selector, no visible pull-down glyph. */
.admin-language-compact {
  width:82px !important; min-width:82px !important; max-width:82px !important;
  height:52px !important; min-height:52px !important; max-height:52px !important;
  padding:0 10px !important; gap:7px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important;
  box-sizing:border-box !important; border:1px solid var(--admin-harmony-border) !important; border-radius:16px !important;
  background:var(--vision-surface) !important; color:var(--vision-text) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),var(--admin-harmony-glow) !important;
  overflow:hidden !important;
  transition:transform 180ms var(--ease-out),border-color 180ms var(--ease-out),box-shadow 180ms var(--ease-out),background-color 180ms var(--ease-out) !important;
}
html[data-theme="light"] .admin-language-compact {
  background:rgba(255,255,255,.90) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88),var(--admin-harmony-glow) !important;
}
html[data-theme="dark"] .admin-language-compact {
  background:linear-gradient(180deg,rgba(10,33,55,.94),rgba(8,28,47,.96)) !important;
}
.admin-language-compact:hover,.admin-language-compact:focus-within {
  transform:translateY(-1px) !important; border-color:var(--admin-harmony-border-hover) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),var(--admin-harmony-glow-hover) !important;
}
.admin-language-compact::after { content:none !important; display:none !important; }
.admin-language-compact svg { width:16px !important; height:16px !important; flex:0 0 16px !important; }
.admin-language-compact select {
  width:42px !important; min-width:42px !important; max-width:42px !important; height:30px !important;
  margin:0 !important; padding:0 !important; border:0 !important; outline:0 !important; background:transparent !important;
  color:inherit !important; font-family:"Plus Jakarta Sans",sans-serif !important; font-size:12px !important; font-weight:700 !important;
  text-align:center !important; text-align-last:center !important; appearance:none !important; -webkit-appearance:none !important;
  box-shadow:none !important; cursor:pointer !important;
}

/* Logged-in identity is a static pane in this approved header arrangement; no pull-down arrow. */
.admin-account-static {
  width:244px; min-width:244px; max-width:244px; height:52px; min-height:52px;
  display:flex; align-items:center; gap:10px; padding:0 14px 0 12px; box-sizing:border-box;
  border:1px solid var(--admin-harmony-border); border-radius:16px; color:var(--vision-text);
  background:var(--vision-surface); box-shadow:inset 0 1px 0 rgba(255,255,255,.035),var(--admin-harmony-glow);
  transition:transform 180ms var(--ease-out),border-color 180ms var(--ease-out),box-shadow 180ms var(--ease-out),background-color 180ms var(--ease-out);
}
html[data-theme="light"] .admin-account-static {
  background:rgba(255,255,255,.90); box-shadow:inset 0 1px 0 rgba(255,255,255,.88),var(--admin-harmony-glow);
}
html[data-theme="dark"] .admin-account-static {
  background:linear-gradient(180deg,rgba(10,33,55,.94),rgba(8,28,47,.96));
}
.admin-account-static:hover,.admin-account-static:focus-within {
  transform:translateY(-1px); border-color:var(--admin-harmony-border-hover);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),var(--admin-harmony-glow-hover);
}
.admin-account-static .vision-account-copy { flex:1 1 auto; min-width:0; }
.admin-account-static .vision-account-copy strong,.admin-account-static .vision-account-copy small { max-width:none; font-family:"Plus Jakarta Sans",sans-serif; }

/* Approved Portal Exit child lock — transparent #FF5C4D; glow only on hover/focus. */
.admin-logout-portal-exit {
  width:66px; min-width:66px; height:52px; min-height:52px; padding:0; display:grid; place-items:center;
  position:relative; overflow:hidden; flex:0 0 66px; border:1px solid rgba(255,92,77,.30); border-radius:16px;
  color:#FF5C4D; background:transparent; box-shadow:inset 0 1px 0 rgba(255,255,255,.035); cursor:pointer; isolation:isolate;
  transition:transform 130ms ease,border-color 150ms ease,background 150ms ease,box-shadow 150ms ease,color 150ms ease;
}
.admin-logout-portal-exit::before { content:""; position:absolute; inset:0; border-radius:inherit; background:radial-gradient(circle at 50% 50%,rgba(255,92,77,.14),transparent 68%); opacity:0; transition:opacity 150ms ease; z-index:0; }
.admin-logout-portal-exit svg { width:36px; height:36px; overflow:visible; position:relative; z-index:1; }
.logout-stroke,.logout-inner,.logout-arrow { fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; transition:transform 150ms ease,filter 150ms ease,opacity 150ms ease,stroke 150ms ease; transform-box:fill-box; transform-origin:center; }
.logout-stroke { stroke-width:2.35; } .logout-inner { stroke-width:1.9; opacity:.82; } .logout-arrow { stroke-width:2.45; }
.admin-logout-portal-exit:hover,.admin-logout-portal-exit:focus-visible { color:#FF5C4D; border-color:rgba(255,92,77,.46); background:rgba(255,92,77,.07); transform:translateY(-1px); box-shadow:inset 0 1px 0 rgba(255,255,255,.84),0 0 0 1px rgba(255,92,77,.10),0 0 0 4px rgba(255,92,77,.12),0 0 18px rgba(255,92,77,.28),0 16px 30px rgba(255,92,77,.20); }
.admin-logout-portal-exit:hover::before,.admin-logout-portal-exit:focus-visible::before { opacity:1; }
.admin-logout-portal-exit:hover .logout-arrow,.admin-logout-portal-exit:focus-visible .logout-arrow { transform:translateX(2px); filter:drop-shadow(0 0 6px rgba(255,92,77,.28)); }
.admin-logout-portal-exit:active { transform:scale(.97); }

.admin-proof-stage { min-height:100vh; }
@media (max-width:1320px) {
  .orvion-vision-shell > .vision-header { grid-template-columns:190px minmax(270px,1fr) !important; gap:14px !important; }
  .admin-scope-slot { grid-column:2; }
  .admin-header-system { grid-column:1 / -1; padding-top:8px; }
  .admin-account-static { width:210px; min-width:210px; max-width:210px; }
}
@media (prefers-reduced-motion:reduce) {
  .admin-scope-trigger,.admin-search-button,.admin-language-compact,.admin-account-static,.admin-logout-portal-exit,.logout-stroke,.logout-inner,.logout-arrow { transition:none !important; transform:none !important; }
}



/* OWNER-APPROVED V4 BOUNDED CORRECTION ONLY — 05 Oct 2026
   Reopened seams only:
   1) logo optical centering + equal side breathing,
   2) Search Orvion equal outside rhythm,
   3) Language turquoise border/glow + remove extra sign,
   4) Notification turquoise border/glow.
   LOCKED/FROZEN: outer rail geometry/material/color, Working Scope content,
   appearance Auto/Light/Dark group, account content/geometry, Portal Exit logout,
   all other markup/assets/behavior. */

@media (min-width:1321px) {
  /* Population breathing only. Outer rail dimensions/radius/material remain inherited. */
  .orvion-vision-shell > .vision-header {
    padding-left:18px !important;
    padding-right:18px !important;
  }

  /* Exact Vault wordmark bytes remain untouched; center only the existing brand box. */
  .orvion-vision-shell > .vision-header .vision-brand {
    justify-self:center !important;
    align-self:center !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  .orvion-vision-shell > .vision-header .vision-brand .orvion-brand {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  .orvion-vision-shell > .vision-header .vision-brand .orvion-brand-image {
    display:block !important;
    margin-top:auto !important;
    margin-bottom:auto !important;
  }

  /* Equal gap on both sides of Search Orvion and between all header islands. */
  .admin-header-system {
    gap:18px !important;
  }
  .admin-header-actions {
    gap:18px !important;
  }

  /* Language: same approved turquoise edge/glow; keep compact ENG and suppress extra sign. */
  .orvion-vision-shell > .vision-header .admin-language-compact {
    border-color:var(--admin-harmony-border) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),var(--admin-harmony-glow) !important;
  }
  html[data-theme="light"] .orvion-vision-shell > .vision-header .admin-language-compact {
    box-shadow:inset 0 1px 0 rgba(255,255,255,.88),var(--admin-harmony-glow) !important;
  }
  .orvion-vision-shell > .vision-header .admin-language-compact:hover,
  .orvion-vision-shell > .vision-header .admin-language-compact:focus-within {
    border-color:var(--admin-harmony-border-hover) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),var(--admin-harmony-glow-hover) !important;
  }
  .orvion-vision-shell .admin-language-compact::after {
    content:none !important;
    display:none !important;
  }

  /* Notification: exact deployed markup/icon retained; only requested turquoise edge/glow is added. */
  .orvion-vision-shell > .vision-header .admin-header-actions > .vision-icon-control[aria-label="Notifications"] {
    border-color:var(--admin-harmony-border) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),var(--admin-harmony-glow) !important;
    opacity:1 !important;
  }
  html[data-theme="light"] .orvion-vision-shell > .vision-header .admin-header-actions > .vision-icon-control[aria-label="Notifications"] {
    box-shadow:inset 0 1px 0 rgba(255,255,255,.88),var(--admin-harmony-glow) !important;
  }
}

@media (min-width:1601px) {
  .orvion-vision-shell > .vision-header {
    gap:18px !important;
  }
}
@media (min-width:1321px) and (max-width:1600px) {
  .orvion-vision-shell > .vision-header {
    gap:18px !important;
  }
}


/* OWNER-APPROVED V5 BOUNDED CORRECTION ONLY — 05 Oct 2026
   Reopened seams only:
   1) Search Orvion vertical centering,
   2) Notification turquoise border/glow,
   3) Language: remove double-layer effect and keep one turquoise border/glow.
   LOCKED/FROZEN: everything else. */
@media (min-width:1321px) {
  .orvion-vision-shell > .vision-header .admin-header-system {
    align-items:center !important;
  }
  .orvion-vision-shell > .vision-header .admin-search-button {
    align-self:center !important;
    justify-self:start !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    position:relative !important;
    top:0 !important;
    transform:none !important;
    vertical-align:middle !important;
  }

  .orvion-vision-shell > .vision-header .admin-header-actions > .vision-icon-control[aria-label="Notifications"] {
    border-color:var(--admin-harmony-border-hover) !important;
    box-shadow:var(--admin-harmony-glow) !important;
    background:var(--vision-surface) !important;
    opacity:1 !important;
  }
  html[data-theme="light"] .orvion-vision-shell > .vision-header .admin-header-actions > .vision-icon-control[aria-label="Notifications"] {
    background:rgba(255,255,255,.90) !important;
    box-shadow:var(--admin-harmony-glow) !important;
  }
  .orvion-vision-shell > .vision-header .admin-header-actions > .vision-icon-control[aria-label="Notifications"]:hover,
  .orvion-vision-shell > .vision-header .admin-header-actions > .vision-icon-control[aria-label="Notifications"]:focus-visible {
    border-color:var(--admin-harmony-border-hover) !important;
    box-shadow:var(--admin-harmony-glow-hover) !important;
  }

  .orvion-vision-shell > .vision-header .admin-language-compact {
    border-color:var(--admin-harmony-border-hover) !important;
    box-shadow:var(--admin-harmony-glow) !important;
    background:var(--vision-surface) !important;
    outline:none !important;
  }
  html[data-theme="light"] .orvion-vision-shell > .vision-header .admin-language-compact {
    background:rgba(255,255,255,.90) !important;
    box-shadow:var(--admin-harmony-glow) !important;
  }
  .orvion-vision-shell > .vision-header .admin-language-compact:hover,
  .orvion-vision-shell > .vision-header .admin-language-compact:focus-within {
    border-color:var(--admin-harmony-border-hover) !important;
    box-shadow:var(--admin-harmony-glow-hover) !important;
    transform:none !important;
  }
  .orvion-vision-shell > .vision-header .admin-language-compact::before,
  .orvion-vision-shell > .vision-header .admin-language-compact::after {
    box-shadow:none !important;
  }
  .orvion-vision-shell > .vision-header .admin-language-compact select {
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    background:transparent !important;
  }
}


/* OWNER-APPROVED V6 BOUNDED CORRECTION ONLY — 05 Oct 2026
   Evidence source for turquoise idle/hover treatment:
   current logged-in user pane (.admin-account-static).
   Reopened seams ONLY:
   1) Notification turquoise idle + hover treatment,
   2) Language single turquoise idle + hover treatment; remove residual focus/pseudo layering,
   3) Business/scope selector hover treatment copied exactly from logged-in user pane.
   LOCKED/FROZEN: Search Orvion, logo, appearance Auto/Light/Dark group,
   account pane itself, logout, rail geometry/material/color, all other markup/assets/behavior. */

@media (min-width:1321px) {

  /* notification-authority-copy:
     exact visual treatment copied from the logged-in user pane authority. */
  .orvion-vision-shell > .vision-header
  .admin-header-actions > .vision-icon-control[aria-label="Notifications"] {
    border:1px solid var(--admin-harmony-border) !important;
    background:var(--vision-surface) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),var(--admin-harmony-glow) !important;
    opacity:1 !important;
    transition:transform 180ms var(--ease-out),border-color 180ms var(--ease-out),box-shadow 180ms var(--ease-out),background-color 180ms var(--ease-out) !important;
  }

  html[data-theme="light"] .orvion-vision-shell > .vision-header
  .admin-header-actions > .vision-icon-control[aria-label="Notifications"] {
    background:rgba(255,255,255,.90) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.88),var(--admin-harmony-glow) !important;
  }

  html[data-theme="dark"] .orvion-vision-shell > .vision-header
  .admin-header-actions > .vision-icon-control[aria-label="Notifications"] {
    background:linear-gradient(180deg,rgba(10,33,55,.94),rgba(8,28,47,.96)) !important;
  }

  /* notification-authority-copy hover */
  .orvion-vision-shell > .vision-header
  .admin-header-actions > .vision-icon-control[aria-label="Notifications"]:hover,
  .orvion-vision-shell > .vision-header
  .admin-header-actions > .vision-icon-control[aria-label="Notifications"]:focus-visible {
    transform:translateY(-1px) !important;
    border-color:var(--admin-harmony-border-hover) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),var(--admin-harmony-glow-hover) !important;
  }

  /* language-authority-copy:
     one outer border/glow only, copied from the logged-in user pane authority. */
  .orvion-vision-shell > .vision-header .admin-language-compact {
    border:1px solid var(--admin-harmony-border) !important;
    background:var(--vision-surface) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),var(--admin-harmony-glow) !important;
    outline:none !important;
    outline-offset:0 !important;
    transition:transform 180ms var(--ease-out),border-color 180ms var(--ease-out),box-shadow 180ms var(--ease-out),background-color 180ms var(--ease-out) !important;
  }

  html[data-theme="light"] .orvion-vision-shell > .vision-header .admin-language-compact {
    background:rgba(255,255,255,.90) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.88),var(--admin-harmony-glow) !important;
  }

  html[data-theme="dark"] .orvion-vision-shell > .vision-header .admin-language-compact {
    background:linear-gradient(180deg,rgba(10,33,55,.94),rgba(8,28,47,.96)) !important;
  }

  .orvion-vision-shell > .vision-header .admin-language-compact:hover,
  .orvion-vision-shell > .vision-header .admin-language-compact:focus-within {
    transform:translateY(-1px) !important;
    border-color:var(--admin-harmony-border-hover) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),var(--admin-harmony-glow-hover) !important;
    outline:none !important;
    outline-offset:0 !important;
  }

  .orvion-vision-shell > .vision-header .admin-language-compact::before,
  .orvion-vision-shell > .vision-header .admin-language-compact::after {
    box-shadow:none !important;
    outline:none !important;
  }

  .orvion-vision-shell > .vision-header .admin-language-compact select,
  .orvion-vision-shell > .vision-header .admin-language-compact select:focus,
  .orvion-vision-shell > .vision-header .admin-language-compact select:focus-visible {
    border:0 !important;
    outline:none !important;
    outline-offset:0 !important;
    box-shadow:none !important;
    background:transparent !important;
  }

  /* scope-authority-copy:
     hover/focus copied exactly from the logged-in user pane visual authority. */
  .orvion-vision-shell > .vision-header .admin-scope-trigger:hover,
  .orvion-vision-shell > .vision-header .admin-scope-trigger:focus-visible {
    transform:translateY(-1px) !important;
    border-color:var(--admin-harmony-border-hover) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),var(--admin-harmony-glow-hover) !important;
  }
}


/* OWNER-APPROVED V7 BOUNDED CORRECTION ONLY — 05 Oct 2026
   Root cause: earlier canonical dark/light family selectors carry higher specificity
   than V6 notification/language overrides, so #173a5b/material rules win despite
   V6 appearing later. This block changes only selector specificity; visual values
   are copied from the locked logged-in-user pane authority.
   REOPENED: Notification + Language only.
   LOCKED/FROZEN: Business/Working Scope (PASS), Search (PASS), logo, appearance,
   account authority pane itself, logout, rail, all other markup/assets/behavior. */

@media (min-width:1321px) {
  /* Notification — exact logged-in-user pane idle material/effect. */
  .orvion-vision-shell > .vision-header > .vision-header-system > .admin-header-actions > .vision-icon-control[aria-label="Notifications"] {
    border:1px solid var(--admin-harmony-border) !important;
    background:var(--vision-surface) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),var(--admin-harmony-glow) !important;
    opacity:1 !important;
    filter:none !important;
    transition:transform 180ms var(--ease-out),border-color 180ms var(--ease-out),box-shadow 180ms var(--ease-out),background-color 180ms var(--ease-out) !important;
  }
  html[data-theme="light"] .orvion-vision-shell > .vision-header > .vision-header-system > .admin-header-actions > .vision-icon-control[aria-label="Notifications"] {
    border:1px solid var(--admin-harmony-border) !important;
    background:rgba(255,255,255,.90) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.88),var(--admin-harmony-glow) !important;
  }
  html[data-theme="dark"] .orvion-vision-shell > .vision-header > .vision-header-system > .admin-header-actions > .vision-icon-control[aria-label="Notifications"] {
    border:1px solid var(--admin-harmony-border) !important;
    background:linear-gradient(180deg,rgba(10,33,55,.94),rgba(8,28,47,.96)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),var(--admin-harmony-glow) !important;
  }
  .orvion-vision-shell > .vision-header > .vision-header-system > .admin-header-actions > .vision-icon-control[aria-label="Notifications"]:hover,
  .orvion-vision-shell > .vision-header > .vision-header-system > .admin-header-actions > .vision-icon-control[aria-label="Notifications"]:focus-visible,
  .orvion-vision-shell > .vision-header > .vision-header-system > .admin-header-actions > .vision-icon-control[aria-label="Notifications"][disabled]:hover {
    transform:translateY(-1px) !important;
    border-color:var(--admin-harmony-border-hover) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),var(--admin-harmony-glow-hover) !important;
  }

  /* Language — one outer edge only; exact logged-in-user pane idle/hover values. */
  .orvion-vision-shell > .vision-header > .vision-header-system > .admin-header-actions > .admin-language-compact {
    border:1px solid var(--admin-harmony-border) !important;
    background:var(--vision-surface) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),var(--admin-harmony-glow) !important;
    outline:none !important;
    outline-offset:0 !important;
    filter:none !important;
    transition:transform 180ms var(--ease-out),border-color 180ms var(--ease-out),box-shadow 180ms var(--ease-out),background-color 180ms var(--ease-out) !important;
  }
  html[data-theme="light"] .orvion-vision-shell > .vision-header > .vision-header-system > .admin-header-actions > .admin-language-compact {
    border:1px solid var(--admin-harmony-border) !important;
    background:rgba(255,255,255,.90) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.88),var(--admin-harmony-glow) !important;
  }
  html[data-theme="dark"] .orvion-vision-shell > .vision-header > .vision-header-system > .admin-header-actions > .admin-language-compact {
    border:1px solid var(--admin-harmony-border) !important;
    background:linear-gradient(180deg,rgba(10,33,55,.94),rgba(8,28,47,.96)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),var(--admin-harmony-glow) !important;
  }
  .orvion-vision-shell > .vision-header > .vision-header-system > .admin-header-actions > .admin-language-compact:hover,
  .orvion-vision-shell > .vision-header > .vision-header-system > .admin-header-actions > .admin-language-compact:focus-within {
    transform:translateY(-1px) !important;
    border-color:var(--admin-harmony-border-hover) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),var(--admin-harmony-glow-hover) !important;
    outline:none !important;
  }
  .orvion-vision-shell > .vision-header > .vision-header-system > .admin-header-actions > .admin-language-compact::before,
  .orvion-vision-shell > .vision-header > .vision-header-system > .admin-header-actions > .admin-language-compact::after {
    content:none !important;
    display:none !important;
    background:none !important;
    border:0 !important;
    box-shadow:none !important;
    outline:0 !important;
  }
  .orvion-vision-shell > .vision-header > .vision-header-system > .admin-header-actions > .admin-language-compact select,
  .orvion-vision-shell > .vision-header > .vision-header-system > .admin-header-actions > .admin-language-compact select:focus,
  .orvion-vision-shell > .vision-header > .vision-header-system > .admin-header-actions > .admin-language-compact select:focus-visible {
    border:0 !important;
    outline:0 !important;
    outline-offset:0 !important;
    box-shadow:none !important;
    background:transparent !important;
  }
}

/* ORVION_ADMIN_HEADER_V7_STATIC_BRIDGE_SUPPORT_V1
   Implementation support only. Visual values are copied from the locked V7
   Supplier appearance constitution; owner V7 correction blocks are appended
   separately byte-identically. No product/business behavior is defined here. */

.orvion-v7-static-header-bridge-shell {
  position:fixed !important;
  inset:0 0 auto 0 !important;
  z-index:519 !important;
  width:100% !important;
  height:0 !important;
  min-height:0 !important;
  pointer-events:none !important;
  color:var(--vision-text) !important;
  font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  --ov-shell-blue:#2d6bff;
  --ov-shell-indigo:#3848d7;
  --ov-shell-violet:#7257ff;
  --ov-shell-cyan:#18c6ea;
  --ov-shell-hairline:rgba(91,118,173,.16);
  --ov-shell-glass:rgba(255,255,255,.72);
  --ov-shell-inner:inset 0 1px 0 rgba(255,255,255,.62);
  --portal-text:#111a2d;
  --portal-text-soft:#62708a;
}
html[data-theme="dark"] .orvion-v7-static-header-bridge-shell {
  --ov-shell-hairline:rgba(126,158,211,.17);
  --ov-shell-glass:rgba(10,24,41,.72);
  --ov-shell-inner:inset 0 1px 0 rgba(190,215,255,.055);
  --portal-text:#dfe8f5;
  --portal-text-soft:#a8b6ca;
}
.orvion-v7-static-header-bridge-shell > .vision-header {
  pointer-events:auto !important;
}
html[data-orvion-v7-static-header-bridge="ready"] .orvion-vision-shell:not(.orvion-v7-static-header-bridge-shell) > .vision-header {
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
.orvion-v7-static-header-bridge-shell .portal-appearance-caption-final {
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
}
.orvion-v7-static-header-bridge-shell .portal-appearance-final {
  display:flex !important;
  align-items:center !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 !important;
}
.orvion-v7-static-header-bridge-shell .portal-appearance-segments-final {
  height:34px !important;
  display:flex !important;
  align-items:center !important;
  gap:2px !important;
  padding:2px !important;
  border:1px solid var(--ov-shell-hairline) !important;
  border-radius:11px !important;
  background:color-mix(in srgb,var(--ov-shell-glass) 91%,transparent) !important;
  box-shadow:var(--ov-shell-inner) !important;
}
.orvion-v7-static-header-bridge-shell .portal-appearance-button-final {
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  min-height:28px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:8px !important;
  display:grid !important;
  place-items:center !important;
  background:transparent !important;
  color:var(--portal-text-soft) !important;
  box-shadow:none !important;
  transform:none !important;
  cursor:pointer;
}
.orvion-v7-static-header-bridge-shell .portal-appearance-button-final svg {
  width:14px !important;
  height:14px !important;
}
.orvion-v7-static-header-bridge-shell .portal-appearance-button-final:hover,
.orvion-v7-static-header-bridge-shell .portal-appearance-button-final:focus-visible {
  color:var(--portal-text) !important;
  background:color-mix(in srgb,var(--ov-shell-blue) 7%,var(--vision-surface-strong)) !important;
}
.orvion-v7-static-header-bridge-shell .portal-appearance-button-final[aria-pressed="true"] {
  color:#fff !important;
  background:linear-gradient(145deg,var(--ov-shell-blue),var(--ov-shell-violet)) !important;
  box-shadow:0 5px 13px rgba(45,107,255,.18),inset 0 1px 0 rgba(255,255,255,.24) !important;
}
.orvion-v7-static-header-bridge-shell .admin-scope-grid select {
  border:1px solid var(--admin-harmony-border);
  border-radius:12px;
  padding:0 10px;
  background:var(--vision-surface);
  color:var(--vision-text);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),var(--admin-harmony-glow);
}
html[data-theme="light"] .orvion-v7-static-header-bridge-shell .admin-scope-grid select {
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88),var(--admin-harmony-glow);
}
.orvion-v7-static-header-bridge-shell .admin-scope-grid select:hover,
.orvion-v7-static-header-bridge-shell .admin-scope-grid select:focus-visible {
  border-color:var(--admin-harmony-border-hover);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),var(--admin-harmony-glow-hover);
}
.orvion-v7-static-header-bridge-shell .admin-scope-actions button {
  border:1px solid var(--admin-harmony-border);
  border-radius:12px;
  background:var(--vision-surface);
  color:var(--vision-text);
  cursor:pointer;
  font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI Variable","Segoe UI",Roboto,"Aptos","Helvetica Neue",Arial,sans-serif;
  font-size:14px;
  font-weight:680;
  line-height:1.5;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),var(--admin-harmony-glow);
}
html[data-theme="light"] .orvion-v7-static-header-bridge-shell .admin-scope-actions button {
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88),var(--admin-harmony-glow);
}
.orvion-v7-static-header-bridge-shell .admin-scope-actions button:hover,
.orvion-v7-static-header-bridge-shell .admin-scope-actions button:focus-visible {
  border-color:var(--admin-harmony-border-hover);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),var(--admin-harmony-glow-hover);
}
@media (max-width:1320px) {
  .orvion-v7-static-header-bridge-shell > .vision-header {
    min-height:132px !important;
    height:auto !important;
  }
}

/* ORVION_ADMIN_HEADER_V7_STATIC_BRIDGE_CANDIDATE_V1_END */


/* ORVION_3SEAM_BOUNDED_CORRECTION_V1 BEGIN */
/* First-paint ownership: V7 is the only visible Admin header during normal initialization. */
@keyframes orvion-v7-legacy-fallback-reveal { to { visibility:visible; } }
.orvion-vision-shell:not(.orvion-v7-static-header-bridge-shell) > .vision-header {
  visibility:hidden;
  animation:orvion-v7-legacy-fallback-reveal 0s linear 1600ms forwards;
}
html[data-orvion-v7-static-header-bridge="ready"] .orvion-vision-shell:not(.orvion-v7-static-header-bridge-shell) > .vision-header {
  display:none !important; visibility:hidden !important; animation:none !important;
}

/* Supplier-master desktop geometry only. Existing Admin material/style/behavior remains authoritative. */
@media (min-width:1321px) {
  .orvion-v7-static-header-bridge-shell > .vision-header { height:76px !important; min-height:76px !important; }
  .orvion-v7-static-header-bridge-shell .admin-scope-trigger { height:42px !important; min-height:42px !important; max-height:42px !important; }
  .orvion-v7-static-header-bridge-shell .admin-search-button { height:42px !important; min-height:42px !important; max-height:42px !important; }
  .orvion-v7-static-header-bridge-shell .admin-header-actions > .vision-icon-control[aria-label="Notifications"] {
    width:42px !important; min-width:42px !important; max-width:42px !important;
    height:42px !important; min-height:42px !important; max-height:42px !important;
  }
  .orvion-v7-static-header-bridge-shell .admin-language-compact { height:42px !important; min-height:42px !important; max-height:42px !important; }
  .orvion-v7-static-header-bridge-shell .admin-account-static { height:42px !important; min-height:42px !important; max-height:42px !important; }
  .orvion-v7-static-header-bridge-shell .admin-logout-portal-exit {
    width:42px !important; min-width:42px !important; max-width:42px !important;
    height:42px !important; min-height:42px !important; max-height:42px !important; flex-basis:42px !important;
  }
  .orvion-v7-static-header-bridge-shell .admin-logout-portal-exit svg { width:18px !important; height:18px !important; }
}
/* ORVION_3SEAM_BOUNDED_CORRECTION_V1 END */


/* ORVION_OWNER_COMBINED_BOUNDED_UI_RESIZE_V1 BEGIN
   OWNER LOCKS:
   - Notification outer control: 42 x 42 px only.
   - Language outer island: 42 px height only; width unchanged.
   - Logout: inner SVG 34 x 34 px only; existing 42 x 42 button shell untouched.
   - AI launcher: whole-host uniform scale 117/135; launcher internals/animation untouched.
   EVERYTHING ELSE: LOCKED / FROZEN / NO-TOUCH. */
@media (min-width:1321px) {
  .orvion-vision-shell.orvion-v7-static-header-bridge-shell > .vision-header > .vision-header-system > .admin-header-actions > .vision-icon-control[aria-label="Notifications"] {
    width:42px !important; min-width:42px !important; max-width:42px !important;
    height:42px !important; min-height:42px !important; max-height:42px !important;
  }
  .orvion-vision-shell.orvion-v7-static-header-bridge-shell > .vision-header > .vision-header-system > .admin-header-actions > .vision-language-control.admin-language-compact {
    height:42px !important; min-height:42px !important; max-height:42px !important;
  }
  .orvion-v7-static-header-bridge-shell .admin-logout-portal-exit svg {
    width:34px !important; height:34px !important;
  }
}
halo-ai-button#orvion-halo-ai-launcher {
  transform:scale(0.866666667) !important;
  transform-origin:50% 50% !important;
}
/* ORVION_OWNER_COMBINED_BOUNDED_UI_RESIZE_V1 END */


/* ORVION_OWNER_ADMIN_HEADER_REFRESH_CONTINUITY_V1 BEGIN
   BOUNDED first-paint continuity only.
   Existing 3-seam CSS hides the complete legacy header until the V7 bridge
   initializes, creating a blank-rail interval on hard refresh.
   Keep ONLY the already-styled rail shell visible at final 76px geometry;
   suppress its legacy children until the V7 bridge is ready. Once ready,
   the existing V7 ready rule still removes the legacy header completely.
   V7 bridge markup/content/style/behavior and every accepted Admin control
   remain untouched. */
@media (min-width:1321px) {
  html:not([data-orvion-v7-static-header-bridge="ready"])
  .orvion-vision-shell:not(.orvion-v7-static-header-bridge-shell) > .vision-header {
    visibility:visible !important;
    opacity:1 !important;
    animation:none !important;
    height:76px !important;
    min-height:76px !important;
    max-height:76px !important;
    pointer-events:none !important;
  }
  html:not([data-orvion-v7-static-header-bridge="ready"])
  .orvion-vision-shell:not(.orvion-v7-static-header-bridge-shell) > .vision-header > * {
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }
}
/* ORVION_OWNER_ADMIN_HEADER_REFRESH_CONTINUITY_V1 END */


/* ORVION_OWNER_ADMIN_HEADER_REFRESH_CONTINUITY_V2 BEGIN
   OWNER-BOUNDED REFRESH CORRECTION ONLY.
   Evidence: V1 intentionally kept the rail shell visible but hid every legacy
   child until the V7 bridge became ready. Video shows the resulting blank
   header interval from ~5.07s to ~7.20s.
   V2 keeps the same accepted pre-bridge header content visible and harmonizes
   only its geometry to the already owner-approved V7 76/42/34 dimensions.
   When the bridge becomes ready, the existing ready rule still removes this
   legacy header and hands ownership to the unchanged V7 bridge.
   NO JS, visual styling, animation, wiring, auth, AI, navigation or content
   behavior is changed. */
@media (min-width:1321px) {
  html:not([data-orvion-v7-static-header-bridge="ready"])
  .orvion-vision-shell:not(.orvion-v7-static-header-bridge-shell) > .vision-header {
    visibility:visible !important;
    opacity:1 !important;
    animation:none !important;
    height:76px !important;
    min-height:76px !important;
    max-height:76px !important;
    pointer-events:none !important;
  }

  html:not([data-orvion-v7-static-header-bridge="ready"])
  .orvion-vision-shell:not(.orvion-v7-static-header-bridge-shell) > .vision-header > * {
    visibility:visible !important;
    opacity:1 !important;
  }

  html:not([data-orvion-v7-static-header-bridge="ready"])
  .orvion-vision-shell:not(.orvion-v7-static-header-bridge-shell) > .vision-header .admin-scope-trigger,
  html:not([data-orvion-v7-static-header-bridge="ready"])
  .orvion-vision-shell:not(.orvion-v7-static-header-bridge-shell) > .vision-header .admin-search-button {
    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;
  }

  html:not([data-orvion-v7-static-header-bridge="ready"])
  .orvion-vision-shell:not(.orvion-v7-static-header-bridge-shell) > .vision-header
  .admin-header-actions > .vision-icon-control[aria-label="Notifications"] {
    width:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;
  }

  html:not([data-orvion-v7-static-header-bridge="ready"])
  .orvion-vision-shell:not(.orvion-v7-static-header-bridge-shell) > .vision-header .admin-language-compact,
  html:not([data-orvion-v7-static-header-bridge="ready"])
  .orvion-vision-shell:not(.orvion-v7-static-header-bridge-shell) > .vision-header .admin-account-static {
    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;
  }

  html:not([data-orvion-v7-static-header-bridge="ready"])
  .orvion-vision-shell:not(.orvion-v7-static-header-bridge-shell) > .vision-header .admin-logout-portal-exit {
    width:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;
    flex-basis:42px !important;
  }

  html:not([data-orvion-v7-static-header-bridge="ready"])
  .orvion-vision-shell:not(.orvion-v7-static-header-bridge-shell) > .vision-header .admin-logout-portal-exit svg {
    width:34px !important;
    height:34px !important;
  }
}
/* ORVION_OWNER_ADMIN_HEADER_REFRESH_CONTINUITY_V2 END */


/* ORVION_OWNER_LOGIN_FIELD_SINGLE_TURQUOISE_EDGE_V1_ADMIN BEGIN
   OWNER-OPENED LOGIN FIELD FOCUS SEAM ONLY.
   Visual value source: current Supplier Vault canonical control focus language.
   Preserve Admin Login composition, geometry, material, typography, icons,
   autocomplete, auth, wiring and all non-focus behavior.
   Apply one turquoise border/glow to the existing outer input shell only. */
.ov-login-input:focus-within[b-bi2yrlt3ux] {
  border-color:#48b9ff !important;
  box-shadow:0 0 0 2px rgba(72,185,255,.12) !important;
}
.ov-login-input input[b-bi2yrlt3ux]:focus,
.ov-login-input input[b-bi2yrlt3ux]:focus-visible {
  outline:0 !important;
  box-shadow:none !important;
}
/* ORVION_OWNER_LOGIN_FIELD_SINGLE_TURQUOISE_EDGE_V1_ADMIN END */