:root {
    --hess-navy: #2c304e;
    --hess-navy-deep: #20243d;
    --hess-gold: #c9a978;
    --hess-teal: #33a595;
    --hess-blue: #2fb5d2;
    --ink: #25283d;
    --muted: #74788b;
    --line: #e7e8ee;
    --canvas: #f5f6f8;
    --surface: #fff;
    --danger: #a43843;
    --sidebar-width: 270px;
    --delegation-banner-height: 0px;
    --shadow: 0 18px 50px rgb(32 36 61 / 9%);
    color-scheme: light;
    font-family: Inter, Avenir, 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    font-synthesis: none;
}

* { box-sizing: border-box; }

[hidden] { display: none !important; }

html { min-width: 0; background: var(--canvas); }

body {
    margin: 0;
    color: var(--ink);
    background: var(--canvas);
    font-size: 15px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

body.delegation-active {
    --delegation-banner-height: 56px;
    padding-top: var(--delegation-banner-height);
}

.delegation-banner {
    position: fixed;
    z-index: 120;
    inset: 0 0 auto;
    display: flex;
    min-height: 52px;
    padding: 9px max(22px, calc((100vw - 1424px) / 2));
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    color: #fff;
    background: linear-gradient(90deg, #2c304e, #354466);
    box-shadow: 0 5px 18px rgb(32 36 61 / 22%);
}
.delegation-banner__identity { display: flex; align-items: center; gap: 13px; }
.delegation-banner__identity > strong { color: #f2ca79; font-size: 12px; letter-spacing: .04em; text-transform: uppercase; }
.delegation-banner__identity span { color: rgb(255 255 255 / 88%); font-size: 14px; }
.delegation-banner__identity b { color: #fff; }
.delegation-banner form { margin: 0; }
.delegation-banner button { min-height: 38px; padding: 7px 12px; color: #fff; background: rgb(255 255 255 / 8%); border: 1px solid rgb(255 255 255 / 32%); border-radius: 7px; cursor: pointer; font-size: 13px; font-weight: 750; }
.delegation-banner button:hover { background: rgb(255 255 255 / 15%); }

button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
svg { fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }

h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { color: var(--hess-navy); font-family: Avenir, Inter, 'Segoe UI', system-ui, sans-serif; letter-spacing: -.035em; }

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

.skip-link {
    position: fixed;
    z-index: 100;
    left: 16px;
    top: -100px;
    padding: 10px 14px;
    color: #fff;
    background: var(--hess-navy-deep);
    border-radius: 8px;
}

.skip-link:focus { top: 16px; }
.delegation-active .skip-link:focus { top: calc(var(--delegation-banner-height) + 16px); }

:focus-visible { outline: 3px solid rgb(47 181 210 / 40%); outline-offset: 2px; }

.eyebrow {
    margin-bottom: 8px;
    color: var(--hess-teal);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 43px;
    padding: 0 18px;
    border: 1px solid transparent;
    border-radius: 9px;
    cursor: pointer;
    font-weight: 700;
    transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}

.button svg { width: 18px; height: 18px; }
.button:hover { transform: translateY(-1px); }
.button--primary { color: #fff; background: var(--hess-navy); box-shadow: 0 9px 22px rgb(44 48 78 / 18%); }
.button--primary:hover { background: var(--hess-navy-deep); box-shadow: 0 11px 25px rgb(44 48 78 / 24%); }
.button--secondary { color: var(--hess-navy); background: #fff; border-color: #dfe1e8; }
.button--secondary:hover { background: #f8f8fa; }
.button--large { width: 100%; min-height: 51px; }

.alert {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    margin: 0 0 20px;
    border-radius: 9px;
    font-size: 13px;
}

.alert p { margin: 0; }
.alert > span { display: grid; width: 22px; height: 22px; place-items: center; border-radius: 50%; font-weight: 800; }
.alert--error { color: #7f2932; background: #fff1f2; border: 1px solid #f7d4d8; }
.alert--error > span { color: #fff; background: var(--danger); }

/* Authentication */
.auth-page {
    min-height: 100vh;
    background:
        radial-gradient(circle at 4% 6%, rgb(47 181 210 / 11%), transparent 27%),
        radial-gradient(circle at 96% 92%, rgb(201 169 120 / 15%), transparent 30%),
        #e9edf0;
}

.auth-shell {
    display: grid;
    min-height: 100vh;
    padding: 0;
    place-items: center;
}

.auth-card {
    display: grid;
    width: 100%;
    min-height: 100svh;
    overflow: hidden;
    grid-template-columns: minmax(0, 1.35fr) minmax(470px, .85fr);
    background: var(--surface);
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.auth-card__visual {
    position: relative;
    isolation: isolate;
    display: flex;
    min-width: 0;
    overflow: hidden;
    padding: clamp(34px, 4vw, 64px);
    color: #fff;
    background: var(--hess-navy-deep);
    flex-direction: column;
    justify-content: space-between;
}

.auth-card__visual-image, .auth-card__visual-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.auth-card__visual-image { z-index: -3; object-fit: cover; object-position: 58% center; }
.auth-card__visual-shade {
    z-index: -2;
    background:
        linear-gradient(180deg, rgb(16 20 39 / 34%) 0%, rgb(16 20 39 / 7%) 32%, rgb(16 20 39 / 87%) 100%),
        linear-gradient(90deg, rgb(16 20 39 / 65%) 0%, transparent 60%);
}
.auth-card__visual::after { position: absolute; z-index: -1; inset: auto 0 0; height: 6px; content: ''; background: linear-gradient(90deg, var(--hess-blue), var(--hess-teal) 48%, var(--hess-gold)); }

.auth-card__visual-brand { display: flex; align-self: flex-start; align-items: center; gap: 15px; }
.auth-card__visual-brand > span { display: grid; width: 178px; height: 59px; padding: 11px 17px; place-items: center; background: rgb(255 255 255 / 94%); border: 1px solid rgb(255 255 255 / 55%); border-radius: 12px; box-shadow: 0 12px 35px rgb(10 15 35 / 16%); backdrop-filter: blur(14px); }
.auth-card__visual-brand img { width: 142px; }
.auth-card__visual-brand b { padding-left: 15px; color: rgb(255 255 255 / 92%); border-left: 1px solid rgb(255 255 255 / 32%); font-size: 13px; letter-spacing: .09em; text-transform: uppercase; }

.auth-card__visual-content { max-width: 650px; padding-bottom: 13px; }
.auth-card__visual-eyebrow { display: flex; margin-bottom: 20px; align-items: center; gap: 10px; color: #f1d39e; font-size: 12px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.auth-card__visual-eyebrow i { width: 24px; height: 2px; background: var(--hess-gold); }
.auth-card__visual h2 { margin-bottom: 20px; color: #fff; font-size: clamp(40px, 4vw, 60px); line-height: 1.05; text-wrap: balance; }
.auth-card__visual-content > p:not(.auth-card__visual-eyebrow) { max-width: 590px; margin-bottom: 30px; color: rgb(255 255 255 / 88%); font-size: 17px; line-height: 1.65; }
.auth-card__proof { display: grid; max-width: 620px; padding: 0; margin: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; }
.auth-card__proof li { display: grid; min-height: 55px; padding: 0 23px; align-content: center; border-left: 1px solid rgb(255 255 255 / 22%); }
.auth-card__proof li:first-child { padding-left: 0; border-left: 0; }
.auth-card__proof strong { color: #fff; font-size: 20px; line-height: 1; }
.auth-card__proof span { margin-top: 7px; color: rgb(255 255 255 / 82%); font-size: 12px; font-weight: 700; letter-spacing: .025em; text-transform: uppercase; }
.auth-card__visual-footer { margin: 0; color: rgb(255 255 255 / 76%); font-size: 12px; letter-spacing: .025em; }

.auth-card__form-panel {
    position: relative;
    display: flex;
    min-width: 0;
    padding: 39px clamp(40px, 4.3vw, 74px) 30px;
    background:
        radial-gradient(circle at 100% 0%, rgb(47 181 210 / 7%), transparent 28%),
        radial-gradient(circle at 0% 100%, rgb(201 169 120 / 8%), transparent 24%),
        #fff;
    flex-direction: column;
}

.auth-card__form-header { display: flex; min-height: 50px; align-items: center; justify-content: flex-end; }
.auth-card__form-header .auth-brand { display: none; }
.auth-card__access { display: flex; align-items: center; gap: 8px; color: #626777; font-size: 12px; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.auth-card__access i { width: 7px; height: 7px; background: var(--hess-teal); border-radius: 50%; box-shadow: 0 0 0 4px rgb(51 165 149 / 11%); }

.auth-brand { display: inline-flex; align-items: center; align-self: flex-start; gap: 16px; color: var(--hess-navy); font-family: Avenir, Inter, 'Segoe UI', system-ui, sans-serif; font-weight: 800; }
.auth-brand img { width: 154px; height: auto; }
.auth-brand span { padding-left: 16px; border-left: 1px solid var(--line); font-size: 13px; letter-spacing: .04em; text-transform: uppercase; }

.auth-card__form-content { width: min(425px, 100%); margin: auto; padding: 24px 0 30px; }
.auth-card__form-content .eyebrow { margin-bottom: 12px; color: #318d81; }
.auth-card__form-content h1 { margin-bottom: 17px; font-size: clamp(38px, 3.4vw, 49px); line-height: 1.05; }
.auth-card__intro { margin-bottom: 34px; color: #656a7b; font-size: 17px; line-height: 1.65; }
.auth-card__legal { display: flex; margin: 0; justify-content: space-between; gap: 18px; color: #737786; font-size: 12px; }

.auth-form { display: grid; gap: 21px; }
.field { display: grid; gap: 8px; }
.field label { color: var(--hess-navy); font-size: 14px; font-weight: 750; }
.field__label-row { display: flex; align-items: center; justify-content: space-between; }
.field__label-row span { color: #9a9cab; font-size: 11px; }
.field input {
    width: 100%;
    min-height: 56px;
    padding: 0 17px;
    color: var(--ink);
    background: #f7f8fa;
    border: 1px solid #dfe2e8;
    border-radius: 11px;
    outline: 0;
    transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
    font-size: 16px;
}
.field input:focus { background: #fff; border-color: var(--hess-blue); box-shadow: 0 0 0 4px rgb(47 181 210 / 10%); }
.field input::placeholder { color: #a7a9b7; }
.password-field { position: relative; }
.password-field input { padding-right: 50px; }
.password-field button { position: absolute; right: 9px; top: 10px; display: grid; width: 36px; height: 36px; padding: 0; place-items: center; color: #8c8f9e; background: transparent; border: 0; border-radius: 7px; cursor: pointer; }
.password-field button:hover { color: var(--hess-navy); background: #f0f1f4; }
.password-field svg { width: 20px; height: 20px; }
.auth-form .button--primary { min-height: 56px; margin-top: 5px; background: linear-gradient(120deg, var(--hess-navy-deep), #354466); border-radius: 11px; box-shadow: 0 13px 27px rgb(32 36 61 / 20%); }
.auth-form .button--primary:hover { background: linear-gradient(120deg, #181c32, #2d3c5d); box-shadow: 0 16px 30px rgb(32 36 61 / 27%); }
.auth-form .button--primary svg { transition: transform .18s ease; }
.auth-form .button--primary:hover svg { transform: translateX(3px); }
.auth-card__security-note { display: flex; padding-top: 23px; margin-top: 26px; align-items: center; gap: 13px; color: #666b7b; border-top: 1px solid #e4e6eb; font-size: 13px; line-height: 1.45; }
.auth-card__security-note svg { width: 25px; height: 25px; color: var(--hess-teal); flex: none; }
.auth-card__security-note span { display: grid; }
.auth-card__security-note strong { margin-bottom: 3px; color: var(--hess-navy); font-size: 14px; }

/* Workspace */
.workspace-shell { display: flex; min-height: 100vh; }
.sidebar {
    position: fixed;
    z-index: 30;
    inset: 0 auto 0 0;
    display: flex;
    width: var(--sidebar-width);
    color: #d7d9e2;
    background: var(--hess-navy-deep);
    flex-direction: column;
    box-shadow: 9px 0 30px rgb(32 36 61 / 8%);
}
.delegation-active .sidebar { top: var(--delegation-banner-height); }
.sidebar::after { position: absolute; right: 0; top: 0; width: 2px; height: 92px; content: ''; background: linear-gradient(var(--hess-gold), transparent); }
.sidebar__brand { display: flex; min-height: 94px; padding: 22px 20px 17px 24px; align-items: center; justify-content: space-between; border-bottom: 1px solid rgb(255 255 255 / 7%); }
.sidebar__brand > a { display: flex; min-width: 0; align-items: center; gap: 12px; }
.sidebar__brand-mark { display: grid; width: 120px; height: 39px; padding: 6px 7px; place-items: center; background: #fff; border-radius: 6px; }
.sidebar__brand-copy { display: grid; color: #aeb1c1; font-family: Avenir, Inter, 'Segoe UI', system-ui, sans-serif; font-size: 9px; line-height: 1.15; letter-spacing: .13em; text-transform: uppercase; }
.sidebar__brand-copy strong { color: var(--hess-gold); font-size: 13px; }
.sidebar__close { display: none; width: 34px; height: 34px; padding: 0; place-items: center; color: #fff; background: transparent; border: 0; border-radius: 7px; }
.sidebar__close svg { width: 20px; height: 20px; }
.sidebar__nav { display: flex; padding: 9px 14px; flex: 1; flex-direction: column; gap: 3px; }
.sidebar__section-label { padding: 0 12px; margin: 20px 0 7px; color: #73778c; font-size: 9px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.sidebar__nav a, .sidebar__nav-placeholder { position: relative; display: flex; min-height: 44px; padding: 0 12px; align-items: center; gap: 12px; color: #aeb1c1; border-radius: 8px; font-size: 13px; font-weight: 600; }
.sidebar__nav a { transition: color .16s ease, background .16s ease; }
.sidebar__nav a:hover { color: #fff; background: rgb(255 255 255 / 5%); }
.sidebar__nav a[aria-current='page'] { color: #fff; background: rgb(255 255 255 / 9%); }
.sidebar__nav a[aria-current='page']::before { position: absolute; left: -14px; width: 3px; height: 23px; content: ''; background: var(--hess-gold); border-radius: 0 3px 3px 0; }
.sidebar__nav svg { width: 19px; height: 19px; flex: none; }
.sidebar__nav a em { display: grid; width: 22px; height: 20px; margin-left: auto; place-items: center; color: var(--hess-navy-deep); background: var(--hess-gold); border-radius: 999px; font-size: 10px; font-style: normal; font-weight: 800; }
.sidebar__nav-placeholder { color: #64687a; cursor: not-allowed; }
.sidebar__nav-placeholder small { padding: 2px 6px; margin-left: auto; color: #777b8d; background: rgb(255 255 255 / 4%); border-radius: 999px; font-size: 8px; text-transform: uppercase; }
.sidebar__footer { display: flex; min-height: 77px; padding: 15px 17px; align-items: center; gap: 10px; border-top: 1px solid rgb(255 255 255 / 7%); }
.sidebar__avatar { display: grid; width: 36px; height: 36px; place-items: center; color: var(--hess-navy-deep); background: linear-gradient(135deg, var(--hess-gold), #e2caa3); border-radius: 50%; font-family: Avenir, Inter, 'Segoe UI', system-ui, sans-serif; font-size: 13px; font-weight: 800; }
.sidebar__user { display: grid; min-width: 0; flex: 1; }
.sidebar__user strong { overflow: hidden; color: #f2f2f5; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.sidebar__user small { color: #85899d; font-size: 9px; }
.sidebar__footer form { display: flex; }
.sidebar__footer button { display: grid; width: 34px; height: 34px; padding: 0; place-items: center; color: #8f93a6; background: transparent; border: 0; border-radius: 7px; cursor: pointer; }
.sidebar__footer button:hover { color: #fff; background: rgb(255 255 255 / 6%); }
.sidebar__footer svg { width: 18px; height: 18px; }

.workspace-main { width: calc(100% - var(--sidebar-width)); min-width: 0; margin-left: var(--sidebar-width); }
.topbar { position: sticky; z-index: 20; top: var(--delegation-banner-height); display: flex; height: 72px; padding: 0 34px; align-items: center; gap: 24px; background: rgb(255 255 255 / 92%); border-bottom: 1px solid var(--line); backdrop-filter: blur(18px); }
.topbar__menu { display: none; width: 38px; height: 38px; padding: 0; place-items: center; color: var(--hess-navy); background: #f4f5f7; border: 0; border-radius: 8px; }
.topbar__menu svg { width: 20px; height: 20px; }
.topbar__search { position: relative; display: flex; width: min(440px, 42vw); align-items: center; }
.topbar__search > svg { position: absolute; left: 13px; width: 18px; height: 18px; color: #8a8d9b; pointer-events: none; }
.topbar__search input { width: 100%; height: 41px; padding: 0 60px 0 42px; color: var(--ink); background: var(--canvas); border: 1px solid transparent; border-radius: 9px; outline: 0; }
.topbar__search input:focus { background: #fff; border-color: var(--hess-blue); box-shadow: 0 0 0 3px rgb(47 181 210 / 9%); }
.topbar__search input::placeholder { color: #9396a5; }
.topbar__search kbd { position: absolute; right: 10px; padding: 2px 6px; color: #999ba8; background: #fff; border: 1px solid #dedfe5; border-radius: 5px; box-shadow: 0 1px 1px rgb(0 0 0 / 4%); font-family: inherit; font-size: 10px; }
.topbar__actions { display: flex; margin-left: auto; align-items: center; gap: 22px; }
.topbar__api { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 11px; font-weight: 700; }
.topbar__api span { padding: 4px 6px; color: var(--hess-navy); background: rgb(201 169 120 / 22%); border-radius: 5px; font-size: 9px; }
.topbar__api:hover { color: var(--hess-navy); }
.topbar__environment { display: flex; align-items: center; gap: 8px; color: #777a89; font-size: 10px; }
.topbar__environment i { width: 7px; height: 7px; background: var(--hess-teal); border-radius: 50%; box-shadow: 0 0 0 4px rgb(51 165 149 / 10%); }
.content { width: min(1500px, 100%); min-height: calc(100vh - 72px); padding: 39px 42px 55px; margin: 0 auto; }

.page-heading { display: flex; margin-bottom: 29px; align-items: flex-end; justify-content: space-between; gap: 25px; }
.page-heading h1 { margin-bottom: 6px; font-size: clamp(29px, 3.2vw, 38px); }
.page-heading > div > p:last-child { margin-bottom: 0; color: var(--muted); }
.page-heading__date { padding: 9px 13px; color: #7f8290; background: #fff; border: 1px solid var(--line); border-radius: 8px; font-size: 11px; white-space: nowrap; }
.page-heading--compact { align-items: center; }
.page-heading--compact h1 { margin-top: 10px; }

.welcome-panel { position: relative; isolation: isolate; display: grid; min-height: 320px; overflow: hidden; grid-template-columns: minmax(0, 1.35fr) minmax(260px, .65fr); color: #fff; background: linear-gradient(125deg, var(--hess-navy-deep), var(--hess-navy) 65%, #34405f); border-radius: 17px; box-shadow: var(--shadow); }
.welcome-panel::before { position: absolute; z-index: -1; inset: 0; content: ''; opacity: .09; background-image: radial-gradient(circle, #fff 1px, transparent 1px); background-size: 22px 22px; mask-image: linear-gradient(90deg, transparent, #000); }
.welcome-panel__copy { padding: 46px 51px; }
.welcome-panel__badge { display: inline-flex; padding: 6px 10px; margin-bottom: 19px; color: #f4e8d5; background: rgb(201 169 120 / 13%); border: 1px solid rgb(201 169 120 / 25%); border-radius: 999px; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.welcome-panel h2 { margin-bottom: 15px; color: #fff; font-size: clamp(28px, 3.2vw, 39px); line-height: 1.22; }
.welcome-panel p { max-width: 630px; margin-bottom: 26px; color: rgb(255 255 255 / 61%); line-height: 1.65; }
.welcome-panel .button { color: var(--hess-navy-deep); background: var(--hess-gold); box-shadow: none; }
.welcome-panel .button:hover { background: #d7bc91; }
.welcome-panel__visual { position: relative; display: grid; min-height: 280px; place-items: center; }
.welcome-panel__rings { position: absolute; width: 260px; height: 260px; border: 1px solid rgb(255 255 255 / 7%); border-radius: 50%; box-shadow: 0 0 0 38px rgb(255 255 255 / 2.5%), 0 0 0 76px rgb(255 255 255 / 2%); }
.welcome-panel__document { position: relative; display: flex; width: 158px; height: 200px; padding: 66px 24px 25px; flex-direction: column; gap: 13px; background: linear-gradient(145deg, #fff, #e8e9ed); border-radius: 12px; box-shadow: 0 25px 50px rgb(0 0 0 / 25%); transform: rotate(5deg); }
.welcome-panel__document::before { position: absolute; top: 20px; left: 22px; width: 37px; height: 8px; content: ''; background: var(--hess-gold); border-radius: 99px; }
.welcome-panel__document span { height: 7px; background: #d2d4dd; border-radius: 99px; }
.welcome-panel__document span:nth-child(2) { width: 80%; }
.welcome-panel__document span:nth-child(3) { width: 58%; }
.welcome-panel__document i { display: grid; width: 54px; height: 31px; margin-top: auto; place-items: center; color: #fff; background: var(--hess-teal); border-radius: 6px; font-family: Avenir, Inter, 'Segoe UI', system-ui, sans-serif; font-size: 12px; font-style: normal; font-weight: 800; }

.empty-dashboard { margin-top: 26px; padding: 27px 30px 30px; background: #fff; border: 1px solid var(--line); border-radius: 14px; }

.journey-launcher { margin-top: 27px; padding: 29px; background: #fff; border: 1px solid var(--line); border-radius: 15px; box-shadow: 0 12px 38px rgb(32 36 61 / 5%); }
.journey-launcher > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.journey-launcher h2 { margin-bottom: 5px; font-size: 23px; }
.journey-launcher header p:last-child { margin: 0; color: var(--muted); }
.journey-launcher__grid { display: grid; margin-top: 23px; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.journey-launcher__grid button { display: flex; min-height: 185px; padding: 22px; text-align: left; color: var(--ink); background: linear-gradient(145deg, #fff, #f8f9fb); border: 1px solid #e2e3e9; border-radius: 12px; cursor: pointer; flex-direction: column; transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease; }
.journey-launcher__grid button:hover { border-color: var(--hess-gold); box-shadow: 0 14px 28px rgb(32 36 61 / 9%); transform: translateY(-2px); }
.journey-launcher__grid button:disabled { cursor: wait; opacity: .58; }
.journey-launcher__grid button > span { align-self: flex-start; padding: 4px 8px; color: var(--hess-navy); background: rgb(201 169 120 / 20%); border-radius: 5px; font-size: 10px; font-weight: 850; }
.journey-launcher__grid strong { margin: 17px 0 7px; color: var(--hess-navy); font-size: 16px; line-height: 1.35; }
.journey-launcher__grid small { color: var(--muted); line-height: 1.5; }
.journey-launcher__grid i { margin-top: auto; color: var(--hess-teal); font-size: 12px; font-style: normal; font-weight: 800; }
.journey-drafts { display: flex; margin-top: 24px; padding-top: 22px; align-items: center; gap: 10px; border-top: 1px solid var(--line); flex-wrap: wrap; }
.journey-drafts h3 { width: 100%; margin-bottom: 5px; font-size: 16px; }
.journey-draft { display: grid; min-width: 230px; padding: 12px 14px; text-align: left; background: #f8f9fb; border: 1px solid var(--line); border-radius: 9px; cursor: pointer; }
.journey-draft span { color: var(--hess-teal); font-size: 9px; font-weight: 800; }
.journey-draft strong { color: var(--hess-navy); font-size: 12px; }
.journey-draft small { color: var(--muted); font-size: 10px; }

.journey-page { width: min(1250px, 100%); margin: 0 auto; }
.journey-header { display: flex; margin-bottom: 25px; align-items: flex-end; justify-content: space-between; gap: 28px; }
.journey-header a { display: inline-block; margin-bottom: 22px; color: var(--muted); font-size: 12px; font-weight: 700; }
.journey-header h1 { margin-bottom: 6px; font-size: 36px; }
.journey-header p:last-child { margin-bottom: 0; color: var(--muted); }
.journey-progress { display: grid; width: 220px; gap: 8px; }
.journey-progress strong { color: var(--hess-navy); text-align: right; }
.journey-progress > span { overflow: hidden; height: 8px; background: #e5e7eb; border-radius: 99px; }
.journey-progress i { display: block; width: 0; height: 100%; background: linear-gradient(90deg, var(--hess-teal), var(--hess-blue)); border-radius: inherit; transition: width .3s ease; }
.journey-steps { display: grid; margin-bottom: 22px; padding: 15px 17px; background: #fff; border: 1px solid var(--line); border-radius: 12px; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 6px; }
.journey-steps span { display: flex; min-width: 0; align-items: center; gap: 8px; color: #9295a3; font-size: 10px; font-weight: 750; }
.journey-steps i { display: grid; width: 25px; height: 25px; flex: none; place-items: center; background: #f0f1f4; border-radius: 50%; font-size: 9px; font-style: normal; }
.journey-steps .is-complete { color: var(--hess-teal); }
.journey-steps .is-complete i { color: #fff; background: var(--hess-teal); }
.journey-steps .is-current { color: var(--hess-navy); }
.journey-steps .is-current i { color: var(--hess-navy-deep); background: var(--hess-gold); box-shadow: 0 0 0 4px rgb(201 169 120 / 15%); }
.journey-layout { display: grid; grid-template-columns: minmax(0, 1fr) 275px; gap: 20px; align-items: start; }
.journey-card, .journey-aside { background: #fff; border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 15px 45px rgb(32 36 61 / 5%); }
.journey-card { overflow: hidden; padding: 30px; }
.journey-notice { display: flex; padding: 13px 15px; margin-bottom: 26px; gap: 11px; color: #5c5f6e; background: #f6f2eb; border: 1px solid #ecdfcc; border-radius: 9px; font-size: 11px; line-height: 1.55; }
.journey-notice strong { color: #735834; white-space: nowrap; }
.journey-form-heading h2 { margin-bottom: 6px; font-size: 23px; }
.journey-form-heading p { margin-bottom: 25px; color: var(--muted); }
.journey-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.journey-fields label { display: grid; gap: 7px; }
.journey-fields label > span:first-child { color: var(--hess-navy); font-size: 12px; font-weight: 750; }
.journey-field-help { color: var(--muted); font-size: 12px; line-height: 1.45; }
.journey-fields input, .journey-fields select { width: 100%; min-height: 46px; padding: 0 13px; color: var(--ink); background: #fafafd; border: 1px solid #dedfe7; border-radius: 8px; outline: 0; }
.journey-fields input:focus, .journey-fields select:focus { background: #fff; border-color: var(--hess-blue); box-shadow: 0 0 0 3px rgb(47 181 210 / 9%); }
.journey-fields input[readonly] { color: #485267; background: #eef1f5; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; }
.journey-attestation { display: flex; flex-wrap: wrap; margin-bottom: 24px; padding: 18px; align-items: center; gap: 12px; background: #f7f8fb; border: 1px solid #d8dce6; border-radius: 11px; }
.journey-attestation > div { flex-basis: 100%; }
.journey-attestation .button { white-space: nowrap; }
.journey-attestation p { margin: 4px 0 0; color: var(--muted); font-size: 13px; }
.journey-attestation small { flex-basis: 100%; color: var(--muted); }
@media (max-width: 700px) { .journey-notice { flex-direction: column; } .journey-attestation .button { width: 100%; } }
.journey-field--wide { grid-column: 1 / -1; }
.journey-checkbox { display: flex !important; min-height: 52px; padding: 13px; align-items: center; grid-template-columns: none; gap: 12px !important; background: #fafafd; border: 1px solid var(--line); border-radius: 8px; }
.journey-checkbox input { width: 19px; min-height: 19px; flex: none; }
.journey-documents { display: grid; gap: 10px; }
.journey-document { display: flex; padding: 15px; align-items: flex-start; gap: 13px; background: #fafafd; border: 1px solid var(--line); border-radius: 9px; cursor: pointer; }
.journey-document input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--hess-teal); }
.journey-document > span { display: grid; gap: 3px; }
.journey-document strong { color: var(--hess-navy); font-size: 12px; }
.journey-document small { color: var(--muted); font-size: 10px; line-height: 1.45; }
.journey-document__controls { display: flex; margin-left: auto; align-items: center; justify-content: flex-end; gap: 10px; }
.journey-document__controls input[type="file"] { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.journey-document__status { max-width: 220px; text-align: right; }
@media (max-width: 700px) { .journey-document { flex-wrap: wrap; } .journey-document__controls { width: 100%; margin-left: 31px; justify-content: space-between; } .journey-document__status { text-align: left; } }
.journey-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.journey-summary article { display: grid; padding: 17px; gap: 5px; background: #f8f9fb; border: 1px solid var(--line); border-radius: 9px; }
.journey-summary strong { color: var(--hess-navy); }
.journey-summary span { color: var(--muted); font-size: 11px; }
.journey-actions { display: flex; padding-top: 28px; margin-top: 29px; align-items: center; justify-content: space-between; border-top: 1px solid var(--line); }
.journey-aside { padding: 24px; }
.journey-aside h2 { margin: 19px 0 13px; font-size: 18px; }
.journey-aside ul { display: grid; padding: 0; margin: 0; gap: 11px; list-style: none; }
.journey-aside li { position: relative; padding-left: 20px; color: var(--muted); font-size: 11px; line-height: 1.5; }
.journey-aside li::before { position: absolute; left: 0; top: 4px; width: 9px; height: 9px; content: ''; background: var(--hess-teal); border-radius: 50%; box-shadow: 0 0 0 3px rgb(51 165 149 / 10%); }

/* Seller front portal */
.seller-front-page { background: #f4f5f3; }
.seller-front-page .eyebrow { color: #287f74; font-size: 12px; }
.seller-front-page .journey-header a { color: #5f6474; font-size: 14px; }
.seller-front-page .journey-steps span { color: #6b7080; font-size: 12px; }
.seller-front-page .journey-notice { color: #4f5462; font-size: 13px; }
.seller-front-page .journey-fields label > span:first-child { font-size: 14px; }
.seller-front-page .journey-document strong { font-size: 14px; }
.seller-front-page .journey-document small { color: #626776; font-size: 13px; }
.seller-front-page .journey-summary span { color: #626776; font-size: 13px; }
.seller-front-page .journey-aside li { color: #626776; font-size: 13px; }
.seller-header { position: sticky; z-index: 70; top: var(--delegation-banner-height); color: var(--hess-navy); background: rgb(255 255 255 / 96%); border-bottom: 1px solid rgb(32 36 61 / 8%); box-shadow: 0 7px 30px rgb(32 36 61 / 5%); backdrop-filter: blur(20px); }
.seller-header__inner { display: flex; width: min(1500px, 100%); min-height: 86px; padding: 0 38px; margin: 0 auto; align-items: center; gap: 42px; }
.seller-brand { display: flex; flex: none; align-items: center; gap: 16px; }
.seller-brand > span { display: grid; width: 132px; height: 45px; padding: 7px 8px; place-items: center; background: #fff; border-radius: 6px; }
.seller-brand strong { padding-left: 16px; color: var(--hess-navy); border-left: 1px solid #dddfe5; font-size: 13px; letter-spacing: .07em; text-transform: uppercase; }
.seller-nav { display: flex; align-items: center; gap: 5px; }
.seller-nav a { position: relative; padding: 12px 14px; color: #555a6d; border-radius: 9px; font-size: 15px; font-weight: 720; transition: color .18s ease, background .18s ease; }
.seller-nav a:hover { color: var(--hess-navy); background: #f3f4f2; }
.seller-nav a[aria-current='page'] { color: var(--hess-navy); }
.seller-nav a[aria-current='page']::after { position: absolute; right: 14px; bottom: 5px; left: 14px; height: 2px; content: ''; background: var(--hess-gold); border-radius: 99px; }
.seller-nav__soon { display: inline-flex; padding: 12px 14px; align-items: center; gap: 7px; color: #777b88; font-size: 15px; font-weight: 720; }
.seller-nav__soon small { padding: 3px 6px; color: #674f2c; background: #f4eadb; border-radius: 5px; font-size: 10px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.seller-account { display: flex; margin-left: auto; align-items: center; gap: 10px; }
.seller-account__avatar { display: grid; width: 39px; height: 39px; place-items: center; color: var(--hess-navy-deep); background: linear-gradient(135deg, #d5b77f, #f0dfbd); border-radius: 50%; box-shadow: inset 0 0 0 1px rgb(32 36 61 / 6%); font-weight: 850; }
.seller-account > span:nth-child(2) { display: grid; }
.seller-account strong { max-width: 155px; overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.seller-account small { color: #666b7b; font-size: 12px; }
.seller-account form { margin-left: 7px; }
.seller-account button { min-height: 40px; padding: 9px 13px; color: #5f6474; background: transparent; border: 1px solid #d9dce2; border-radius: 8px; cursor: pointer; font-size: 13px; font-weight: 750; }
.seller-account button:hover { color: var(--hess-navy); background: #f6f7f9; }
.seller-nav-toggle { display: none; width: 42px; height: 42px; padding: 11px; margin-left: auto; background: #f2f3f1; border: 0; border-radius: 10px; }
.seller-nav-toggle span { display: block; height: 2px; margin: 4px 0; background: var(--hess-navy); border-radius: 99px; }
.seller-main { width: min(1500px, 100%); min-height: calc(100vh - 146px); padding: 36px 38px 84px; margin: 0 auto; }
.seller-footer { display: flex; min-height: 68px; padding: 0 max(38px, calc((100vw - 1424px) / 2)); align-items: center; justify-content: space-between; color: #676c7a; background: #fff; border-top: 1px solid var(--line); font-size: 13px; }

.seller-home { display: grid; gap: 32px; }
.seller-premium-hero { position: relative; isolation: isolate; display: flex; min-height: 450px; overflow: hidden; align-items: center; color: #fff; border-radius: 28px; box-shadow: 0 30px 75px rgb(25 30 52 / 17%); }
.seller-premium-hero > img { position: absolute; z-index: -3; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 57%; }
.seller-premium-hero__shade { position: absolute; z-index: -2; inset: 0; background: linear-gradient(90deg, rgb(20 25 47 / 96%) 0%, rgb(24 30 54 / 88%) 36%, rgb(22 27 48 / 43%) 63%, rgb(22 27 48 / 8%) 100%), linear-gradient(0deg, rgb(20 24 41 / 35%), transparent 45%); }
.seller-premium-hero__content { max-width: 710px; padding: 63px 66px 58px; }
.seller-premium-hero__label { display: inline-flex; margin-bottom: 21px; align-items: center; gap: 10px; color: #f0ddba; font-size: 13px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.seller-premium-hero__label i { width: 8px; height: 8px; background: var(--hess-teal); border-radius: 50%; box-shadow: 0 0 0 5px rgb(51 165 149 / 16%); }
.seller-premium-hero h1 { margin-bottom: 19px; color: #fff; font-size: clamp(42px, 4.2vw, 64px); line-height: 1.04; letter-spacing: -.055em; }
.seller-premium-hero h1 em { color: #e3c58e; font-style: normal; }
.seller-premium-hero__content > p { max-width: 630px; margin-bottom: 28px; color: rgb(255 255 255 / 88%); font-size: 18px; line-height: 1.65; }
.seller-premium-hero__actions { display: flex; align-items: center; gap: 11px; }
.seller-cta { display: inline-flex; min-height: 52px; padding: 0 22px; align-items: center; justify-content: center; gap: 18px; border: 1px solid transparent; border-radius: 11px; font-size: 14px; font-weight: 800; transition: transform .18s ease, background .18s ease, box-shadow .18s ease; }
.seller-cta:hover { transform: translateY(-2px); }
.seller-cta--primary { color: var(--hess-navy-deep); background: #e0bf84; box-shadow: 0 12px 25px rgb(12 16 32 / 25%); }
.seller-cta--primary:hover { background: #ebcf9b; box-shadow: 0 15px 30px rgb(12 16 32 / 32%); }
.seller-cta--ghost { color: #fff; background: rgb(255 255 255 / 8%); border-color: rgb(255 255 255 / 24%); backdrop-filter: blur(10px); }
.seller-cta--ghost:hover { background: rgb(255 255 255 / 14%); }
.seller-premium-hero__reassurance { display: flex; padding: 0; margin: 29px 0 0; flex-wrap: wrap; gap: 19px; list-style: none; }
.seller-premium-hero__reassurance li { display: flex; align-items: center; gap: 7px; color: rgb(255 255 255 / 82%); font-size: 13px; font-weight: 650; }
.seller-premium-hero__reassurance span { display: grid; width: 17px; height: 17px; place-items: center; color: #112f2b; background: #72c9b9; border-radius: 50%; font-size: 9px; font-weight: 900; }
.seller-premium-hero__secure { position: absolute; right: 25px; top: 24px; padding: 8px 12px; color: #fff; background: rgb(24 29 51 / 52%); border: 1px solid rgb(255 255 255 / 32%); border-radius: 999px; font-size: 13px; font-weight: 750; backdrop-filter: blur(12px); }

.seller-stat-strip { position: relative; z-index: 3; display: grid; margin: -66px 38px 0; grid-template-columns: repeat(3, minmax(0, 1fr)); background: #fff; border: 1px solid rgb(32 36 61 / 8%); border-radius: 18px; box-shadow: 0 22px 55px rgb(25 30 52 / 12%); }
.seller-stat-strip article { display: flex; min-height: 122px; padding: 25px 29px; align-items: center; gap: 18px; }
.seller-stat-strip article + article { border-left: 1px solid #e8e9e6; }
.seller-stat-strip__icon { display: grid; width: 42px; height: 42px; flex: none; place-items: center; color: #6f5836; background: #f5eddf; border-radius: 12px; font-size: 10px; font-weight: 850; }
.seller-stat-strip article:nth-child(2) .seller-stat-strip__icon { color: #275f58; background: #e6f3f0; }
.seller-stat-strip article:nth-child(3) .seller-stat-strip__icon { color: #35486d; background: #e9edf5; }
.seller-stat-strip article > div { display: grid; grid-template-columns: 1fr auto; align-items: end; column-gap: 12px; }
.seller-stat-strip small { grid-column: 1 / -1; color: #858894; font-size: 10px; font-weight: 700; letter-spacing: .045em; text-transform: uppercase; }
.seller-stat-strip strong { color: var(--hess-navy); font-size: 30px; line-height: 1.1; }
.seller-stat-strip article > div > span { color: #8c8f9a; font-size: 10px; }

.seller-front-page .journey-launcher { padding: 43px; margin-top: 4px; background: #fff; border-color: rgb(32 36 61 / 7%); border-radius: 24px; box-shadow: 0 18px 55px rgb(25 30 52 / 7%); scroll-margin-top: 112px; }
.seller-front-page .journey-launcher > header { align-items: flex-end; }
.seller-front-page .journey-launcher h2 { margin-bottom: 8px; font-size: clamp(28px, 3vw, 37px); }
.seller-front-page .journey-launcher header p:last-child { max-width: 720px; color: #626775; font-size: 15px; line-height: 1.65; }
.journey-launcher__count { padding: 8px 12px; color: #245f58; background: #e9f5f2; border-radius: 999px; font-size: 12px; font-weight: 800; letter-spacing: .045em; text-transform: uppercase; white-space: nowrap; }
.seller-front-page .journey-launcher__grid { margin-top: 30px; gap: 20px; }
.seller-front-page .journey-offer { min-height: 430px; padding: 0; overflow: hidden; color: var(--ink); text-align: left; background: #fff; border: 1px solid #e1e3e6; border-radius: 18px; box-shadow: 0 7px 18px rgb(25 30 52 / 4%); transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.seller-front-page .journey-offer:hover { border-color: rgb(44 48 78 / 22%); box-shadow: 0 24px 45px rgb(25 30 52 / 13%); transform: translateY(-6px); }
.seller-front-page .journey-launcher__grid .journey-offer > .journey-offer__visual { position: relative; display: block; height: 205px; padding: 0; overflow: hidden; align-self: stretch; color: inherit; background: #e9ecec; border-radius: 0; font-size: inherit; font-weight: inherit; }
.journey-offer__visual::after { position: absolute; inset: 45% 0 0; content: ''; background: linear-gradient(transparent, rgb(17 21 36 / 50%)); }
.journey-offer__visual img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.journey-offer:hover .journey-offer__visual img { transform: scale(1.035); }
.journey-offer__code, .journey-offer__audience { position: absolute; z-index: 2; top: 15px; padding: 7px 10px; border-radius: 7px; font-size: 12px; font-weight: 850; letter-spacing: .03em; }
.journey-offer__code { left: 15px; color: var(--hess-navy); background: rgb(255 255 255 / 92%); box-shadow: 0 5px 15px rgb(20 24 41 / 10%); backdrop-filter: blur(7px); }
.journey-offer__audience { right: 15px; color: #fff; background: rgb(32 36 61 / 68%); backdrop-filter: blur(7px); }
.seller-front-page .journey-launcher__grid .journey-offer > .journey-offer__body { display: flex; min-height: 225px; padding: 24px 24px 22px; align-self: stretch; color: var(--ink); background: #fff; border-radius: 0; flex-direction: column; font-size: inherit; font-weight: inherit; }
.seller-front-page .journey-launcher__grid .journey-offer__body > strong { margin: 0 0 9px; color: var(--hess-navy); font-size: 20px; line-height: 1.3; letter-spacing: -.02em; }
.seller-front-page .journey-launcher__grid .journey-offer__body > small { color: #626775; font-size: 14px; line-height: 1.6; }
.journey-offer__facts { display: flex; margin-top: 17px; flex-wrap: wrap; gap: 7px; }
.seller-front-page .journey-offer__facts i { padding: 6px 9px; margin: 0; color: #555a66; background: #f2f3f1; border-radius: 6px; font-size: 12px; font-style: normal; font-weight: 700; }
.seller-front-page .journey-offer__action { display: flex; padding-top: 18px; margin-top: auto; align-items: center; justify-content: space-between; color: var(--hess-navy); border-top: 1px solid #ececea; font-size: 14px; font-weight: 850; }
.journey-offer__action b { display: grid; width: 28px; height: 28px; place-items: center; color: #fff; background: var(--hess-navy); border-radius: 50%; transition: transform .18s ease; }
.journey-offer:hover .journey-offer__action b { transform: translateX(3px); }
.journey-drafts { margin-top: 27px; border-top-color: #e7e8e5; }
.journey-drafts > p { margin: 0; color: #8b8e98; font-size: 11px; }

.seller-front-page .workspace-panel { border-color: rgb(32 36 61 / 7%); border-radius: 22px; box-shadow: 0 18px 55px rgb(25 30 52 / 6%); scroll-margin-top: 112px; }
.seller-front-page .workspace-panel > header { padding: 32px 34px 23px; align-items: flex-end; }
.seller-front-page .workspace-panel h2 { font-size: 30px; }
.workspace-panel__intro { margin: 6px 0 0; color: #656a77; font-size: 15px; }
.seller-front-page .case-filters { padding: 16px 34px; background: #f8f9f7; border-color: #e7e8e5; grid-template-columns: minmax(0, 2fr) minmax(220px, .65fr); }
.case-search { position: relative; display: block; }
.case-search svg { position: absolute; left: 15px; top: 50%; width: 18px; height: 18px; color: #8a8e98; transform: translateY(-50%); }
.seller-front-page .case-search input { width: 100%; padding-left: 46px; }
.seller-front-page .case-filters input, .seller-front-page .case-filters select { min-height: 50px; border-color: #d8dbd8; border-radius: 10px; font-size: 15px; outline: 0; }
.seller-front-page .case-filters input:focus, .seller-front-page .case-filters select:focus { border-color: var(--hess-teal); box-shadow: 0 0 0 4px rgb(51 165 149 / 10%); }
.seller-front-page .users-table th { padding: 14px 22px; color: #686d7b; background: #fff; font-size: 12px; }
.seller-front-page .users-table td { padding: 18px 22px; }
.seller-front-page .users-table tbody tr { transition: background .16s ease; }
.seller-front-page .users-table tbody tr:hover { background: #fafbf9; }
.seller-front-page .users-table td > strong { color: var(--hess-navy); font-size: 14px; }
.seller-front-page .users-table td > small { margin-top: 3px; color: #686d79; font-size: 12px; }
.seller-front-page .case-link { padding: 8px 12px; background: #fff; color: var(--hess-navy); border: 1px solid #dcdfe3; border-radius: 8px; }
.seller-front-page .case-link:hover { color: #fff; background: var(--hess-navy); border-color: var(--hess-navy); }
.seller-front-page .case-status { padding: 6px 10px; font-size: 12px; }
.seller-front-page .case-link { min-height: 36px; align-items: center; font-size: 12px; }
.seller-cases { display: grid; gap: 27px; }
.seller-page-heading { display: flex; padding: 28px 4px 4px; align-items: flex-end; justify-content: space-between; gap: 30px; }
.seller-page-heading h1 { margin-bottom: 8px; font-size: clamp(38px, 4vw, 54px); }
.seller-page-heading p:last-child { max-width: 700px; margin: 0; color: #626775; font-size: 16px; line-height: 1.65; }
.seller-cases__panel { overflow: hidden; }
.seller-cases__panel .case-filters { border-top: 0; }
.seller-case-progress { display: inline-block; width: 90px; height: 6px; margin-right: 8px; overflow: hidden; vertical-align: middle; background: #e7e9e8; border-radius: 999px; }
.seller-case-progress i { display: block; height: 100%; background: linear-gradient(90deg, var(--hess-teal), #67c7b8); border-radius: inherit; }
.seller-cases__table td:nth-child(3) small { display: inline; color: #777b87; }

@media (max-width: 980px) {
    .seller-header__inner { min-height: 74px; padding: 0 22px; flex-wrap: wrap; }
    .seller-brand strong { display: none; }
    .seller-nav-toggle { display: block; }
    .seller-nav { display: none; order: 4; width: 100%; padding: 7px 0 18px; align-items: stretch; flex-direction: column; }
    .seller-nav.is-open { display: flex; }
    .seller-nav__soon { justify-content: flex-start; }
    .seller-account > span:nth-child(2), .seller-account form { display: none; }
    .seller-main { padding: 25px 22px 55px; }
    .seller-premium-hero__content { padding: 52px 45px; }
    .seller-premium-hero__shade { background: linear-gradient(90deg, rgb(20 25 47 / 96%) 0%, rgb(24 30 54 / 83%) 60%, rgb(22 27 48 / 25%) 100%); }
}

@media (max-width: 700px) {
    body.delegation-active { --delegation-banner-height: 126px; }
    .delegation-banner { padding: 11px 14px; align-items: flex-start; flex-direction: column; gap: 9px; }
    .delegation-banner__identity { align-items: flex-start; flex-direction: column; gap: 2px; }
    .seller-footer { padding: 16px 20px; align-items: flex-start; flex-direction: column; gap: 4px; }
}

@media (max-width: 1050px) {
    .journey-launcher__grid { grid-template-columns: 1fr; }
    .journey-layout { grid-template-columns: 1fr; }
    .journey-aside { order: -1; }
    .journey-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 13px; }
}

@media (max-width: 700px) {
    .journey-header { align-items: stretch; flex-direction: column; }
    .journey-progress { width: 100%; }
    .journey-fields, .journey-summary { grid-template-columns: 1fr; }
    .journey-field--wide { grid-column: auto; }
    .journey-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .journey-actions { align-items: stretch; flex-direction: column-reverse; gap: 10px; }
}
.section-heading { display: flex; align-items: center; justify-content: space-between; }
.section-heading h2 { margin-bottom: 0; font-size: 20px; }
.section-heading .eyebrow { margin-bottom: 3px; }
.tag { display: inline-flex; align-items: center; padding: 5px 9px; border-radius: 999px; font-size: 9px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.tag--neutral { color: #777a88; background: #f2f3f5; }
.tag--warning { color: #735834; background: #f5ead9; }
.tag--success { color: #207467; background: #e8f6f3; }
.empty-dashboard__content { display: grid; min-height: 230px; padding: 35px; place-items: center; align-content: center; text-align: center; border: 1px dashed #dfe1e7; border-radius: 11px; }
.empty-dashboard__icon { display: grid; width: 50px; height: 50px; margin-bottom: 14px; place-items: center; color: var(--hess-teal); background: rgb(51 165 149 / 9%); border-radius: 50%; }
.empty-dashboard__icon svg { width: 23px; height: 23px; }
.empty-dashboard h3 { margin-bottom: 6px; font-size: 16px; }
.empty-dashboard__content p { max-width: 480px; margin: 0; color: var(--muted); font-size: 12px; }
.identity-strip { display: flex; min-height: 48px; padding: 0 16px; margin-top: 15px; align-items: center; gap: 10px; color: #727584; background: #fff; border: 1px solid var(--line); border-radius: 10px; font-size: 11px; }
.identity-strip p { margin: 0; }
.identity-strip strong { color: var(--hess-navy); }
.identity-strip__loader { width: 9px; height: 9px; border: 2px solid #d8dae1; border-top-color: var(--hess-teal); border-radius: 50%; animation: spin .8s linear infinite; }
.identity-strip.is-ready .identity-strip__loader { background: var(--hess-teal); border: 0; animation: none; box-shadow: 0 0 0 4px rgb(51 165 149 / 10%); }

/* Catalogue */
.breadcrumb { display: flex; align-items: center; gap: 8px; color: #9698a5; font-size: 10px; }
.breadcrumb a:hover { color: var(--hess-navy); }
.breadcrumb strong { color: #6e7180; font-weight: 700; }
.catalog-panel { padding: 25px; background: #fff; border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 8px 30px rgb(32 36 61 / 3%); }
.catalog-search { display: flex; align-items: center; gap: 10px; }
.catalog-search > svg { position: absolute; width: 19px; height: 19px; margin-left: 16px; color: #8c8f9e; }
.catalog-search input { width: 100%; min-width: 0; height: 48px; padding: 0 45px; color: var(--ink); background: #f7f8fa; border: 1px solid #e2e3e9; border-radius: 9px; outline: 0; }
.catalog-search input:focus { background: #fff; border-color: var(--hess-blue); box-shadow: 0 0 0 3px rgb(47 181 210 / 9%); }
.catalog-search .button { min-height: 48px; flex: none; }
.catalog-meta { display: flex; padding: 17px 2px 15px; align-items: center; justify-content: space-between; color: #9294a2; font-size: 10px; }
.catalog-meta p { margin: 0; }
.catalog-meta strong { color: var(--hess-navy); font-size: 13px; }
.sheet-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.sheet-card { position: relative; display: flex; min-height: 262px; padding: 23px; flex-direction: column; background: #fff; border: 1px solid #e1e2e8; border-radius: 12px; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.sheet-card::before { position: absolute; top: 0; left: 22px; width: 44px; height: 3px; content: ''; background: var(--hess-gold); border-radius: 0 0 4px 4px; }
.sheet-card:hover { border-color: rgb(44 48 78 / 25%); box-shadow: 0 14px 35px rgb(32 36 61 / 9%); transform: translateY(-3px); }
.sheet-card__top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.sheet-card__code { color: var(--hess-teal); font-family: Avenir, Inter, 'Segoe UI', system-ui, sans-serif; font-size: 12px; font-weight: 800; letter-spacing: .04em; }
.sheet-card h2 { margin: 18px 0 10px; font-size: 18px; line-height: 1.35; }
.sheet-card__summary { display: -webkit-box; overflow: hidden; margin-bottom: 18px; color: var(--muted); font-size: 12px; line-height: 1.6; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.sheet-card__meta { display: flex; padding-top: 15px; margin-top: auto; align-items: center; justify-content: space-between; gap: 8px; color: #9799a6; border-top: 1px solid #eeeef2; font-size: 10px; }
.sheet-card__link { display: flex; align-items: center; gap: 5px; color: var(--hess-navy); font-weight: 800; }
.sheet-card__link svg { width: 15px; height: 15px; }
.sheet-card--skeleton { overflow: hidden; background: #f6f7f9; border-color: transparent; }
.sheet-card--skeleton::after { position: absolute; inset: 0; content: ''; background: linear-gradient(100deg, transparent 20%, rgb(255 255 255 / 70%) 45%, transparent 70%); transform: translateX(-100%); animation: shimmer 1.25s infinite; }
.catalog-empty { padding: 55px 25px; text-align: center; }
.catalog-empty > span { display: grid; width: 50px; height: 50px; margin: 0 auto 15px; place-items: center; color: var(--hess-gold); background: #f7f1e9; border-radius: 50%; font-family: Avenir, Inter, 'Segoe UI', system-ui, sans-serif; font-size: 18px; font-weight: 800; }
.catalog-empty h2 { margin-bottom: 6px; font-size: 18px; }
.catalog-empty p { color: var(--muted); font-size: 12px; }

/* Sheet detail */
.content:has(.sheet-detail) { width: 100%; max-width: none; padding-inline: clamp(24px, 3vw, 64px); }
.sheet-detail > .breadcrumb { margin-bottom: 23px; }
.detail-loading { display: grid; gap: 17px; }
.detail-loading span { height: 160px; overflow: hidden; background: #eceef1; border-radius: 13px; }
.detail-loading span::after { display: block; width: 100%; height: 100%; content: ''; background: linear-gradient(100deg, transparent 20%, rgb(255 255 255 / 65%) 45%, transparent 70%); transform: translateX(-100%); animation: shimmer 1.25s infinite; }
.detail-hero { position: relative; overflow: hidden; padding: 34px 38px; color: #fff; background: linear-gradient(130deg, var(--hess-navy-deep), var(--hess-navy)); border-radius: 15px; box-shadow: var(--shadow); }
.detail-hero::after { position: absolute; right: -80px; top: -105px; width: 300px; height: 300px; content: ''; border: 50px solid rgb(255 255 255 / 3%); border-radius: 50%; }
.detail-hero__top { position: relative; z-index: 1; display: flex; align-items: center; gap: 10px; }
.detail-hero__code { color: var(--hess-gold); font-family: Avenir, Inter, 'Segoe UI', system-ui, sans-serif; font-size: 12px; font-weight: 800; letter-spacing: .08em; }
.detail-hero h1 { position: relative; z-index: 1; max-width: 900px; margin: 18px 0 13px; color: #fff; font-size: clamp(26px, 3.2vw, 37px); line-height: 1.3; }
.detail-hero p { position: relative; z-index: 1; max-width: 900px; margin: 0; color: rgb(255 255 255 / 64%); line-height: 1.7; }
.detail-hero__scope { position: relative; z-index: 1; display: flex; margin-top: 18px; flex-wrap: wrap; gap: 8px; }
.detail-hero__scope span { padding: 6px 10px; color: rgb(255 255 255 / 82%); background: rgb(255 255 255 / 7%); border: 1px solid rgb(255 255 255 / 9%); border-radius: 7px; font-size: 10px; }
.detail-hero__facts { position: relative; z-index: 1; display: grid; padding-top: 25px; margin-top: 27px; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px; border-top: 1px solid rgb(255 255 255 / 10%); }
.detail-hero__facts span { display: grid; gap: 3px; color: rgb(255 255 255 / 58%); font-size: 10px; }
.detail-hero__facts strong { color: #fff; font-size: 12px; }
.detail-layout { display: grid; margin-top: 20px; grid-template-columns: minmax(0, 1fr) 350px; gap: 20px; align-items: start; }
.detail-main { display: grid; gap: 20px; }
.detail-aside { position: sticky; top: calc(var(--delegation-banner-height) + 92px); display: grid; gap: 20px; }
.detail-panel { padding: 27px; background: #fff; border: 1px solid var(--line); border-radius: 13px; }
.detail-panel__heading { display: flex; margin-bottom: 21px; align-items: center; gap: 12px; }
.detail-panel__heading span { display: grid; width: 34px; height: 34px; place-items: center; color: var(--hess-teal); background: rgb(51 165 149 / 9%); border-radius: 8px; font-family: Avenir, Inter, 'Segoe UI', system-ui, sans-serif; font-size: 11px; font-weight: 800; }
.detail-panel h2 { margin: 0; font-size: 18px; }
.detail-panel__intro { margin: -7px 0 19px; color: var(--muted); font-size: 11px; line-height: 1.65; }
.check-list, .document-list, .workflow-list, .amount-list, .attention-list, .compact-check-list, .quality-grid, .source-list { padding: 0; margin: 0; list-style: none; }
.check-list { display: grid; gap: 12px; }
.check-list li { position: relative; padding-left: 27px; color: #5e6171; font-size: 12px; line-height: 1.6; }
.check-list li::before { position: absolute; left: 0; top: 2px; display: grid; width: 18px; height: 18px; content: '✓'; place-items: center; color: var(--hess-teal); background: rgb(51 165 149 / 9%); border-radius: 50%; font-size: 10px; font-weight: 900; }
.document-legend { display: flex; margin-bottom: 24px; flex-wrap: wrap; gap: 7px; }
.document-status { display: inline-flex; width: fit-content; padding: 4px 7px; border-radius: 999px; font-size: 8px; font-weight: 800; letter-spacing: .045em; text-transform: uppercase; white-space: nowrap; }
.document-status--required { color: #1d7165; background: #e4f5f1; }
.document-status--conditional { color: #74562f; background: #f7ebd8; }
.document-status--generated { color: #654585; background: #f0e9f7; }
.document-status--submission { color: #315c7d; background: #e7f2f8; }
.document-status--internal { color: #655482; background: #eee9f7; }
.document-groups { display: grid; gap: 25px; }
.document-group { display: grid; gap: 8px; }
.document-group > h3 { padding-bottom: 8px; margin: 0; color: #8a8d9b; border-bottom: 1px solid var(--line); font-size: 10px; letter-spacing: .11em; text-transform: uppercase; }
.document-card { overflow: hidden; background: #fafafb; border: 1px solid #e7e8ed; border-radius: 10px; }
.document-card[open] { background: #fff; border-color: rgb(51 165 149 / 35%); box-shadow: 0 8px 22px rgb(32 36 61 / 5%); }
.document-card__summary { display: flex; min-height: 58px; padding: 12px 15px; align-items: center; justify-content: space-between; gap: 15px; cursor: pointer; list-style: none; }
.document-card__summary::-webkit-details-marker { display: none; }
.document-card__summary::after { width: 7px; height: 7px; margin-left: 2px; content: ''; border: solid #9699a6; border-width: 0 1.5px 1.5px 0; transform: rotate(45deg); transition: transform .16s ease; }
.document-card[open] .document-card__summary::after { transform: rotate(225deg); }
.document-card__identity { display: flex; min-width: 0; align-items: center; gap: 11px; flex: 1; }
.document-card__identity strong { color: var(--hess-navy); font-size: 12px; line-height: 1.35; }
.document-card__number { display: grid; width: 28px; height: 28px; flex: none; place-items: center; color: var(--hess-teal); background: rgb(51 165 149 / 9%); border-radius: 7px; font-size: 9px; font-weight: 800; }
.document-card__body { padding: 0 16px 17px 55px; border-top: 1px solid #eff0f3; }
.document-card__condition { padding: 11px 12px; margin: 14px 0; color: #5e6171; background: #f5f7f8; border-left: 2px solid var(--hess-gold); border-radius: 0 6px 6px 0; font-size: 10px; line-height: 1.55; }
.document-card__definitions { display: grid; margin: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 18px; }
.document-card__definition { min-width: 0; }
.document-card__definition dt { margin-bottom: 2px; color: #9a9ca8; font-size: 8px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.document-card__definition dd { margin: 0; color: #5e6171; font-size: 10px; line-height: 1.5; }
.document-card__checks { margin-top: 15px; }
.document-card__checks h4 { margin: 0 0 8px; color: var(--hess-navy); font-size: 10px; }
.compact-check-list { display: grid; gap: 6px; }
.compact-check-list li { position: relative; padding-left: 15px; color: #666979; font-size: 9px; line-height: 1.5; }
.compact-check-list li::before { position: absolute; left: 0; top: 4px; width: 6px; height: 6px; content: ''; background: var(--hess-teal); border-radius: 50%; }
.workflow-list { counter-reset: workflow; }
.workflow-list li { position: relative; min-height: 80px; padding: 0 0 22px 45px; counter-increment: workflow; }
.workflow-list li:not(:last-child)::before { position: absolute; left: 15px; top: 28px; bottom: 0; width: 1px; content: ''; background: #e0e2e7; }
.workflow-list li::after { position: absolute; left: 0; top: 0; display: grid; width: 30px; height: 30px; content: counter(workflow); place-items: center; color: var(--hess-navy); background: #f3eadc; border-radius: 50%; font-size: 10px; font-weight: 800; }
.workflow-list strong { display: block; color: var(--hess-navy); font-size: 12px; }
.workflow-list > li > span { color: var(--muted); font-size: 10px; line-height: 1.5; }
.workflow-list__details { display: grid; margin-top: 8px; gap: 4px; }
.workflow-list__details span { display: block; padding-left: 9px; font-size: 9px; line-height: 1.45; }
.workflow-list__gate { color: #775b36; border-left: 2px solid var(--hess-gold); }
.workflow-list__proof { color: #337a70; border-left: 2px solid var(--hess-teal); }
.sheet-audit-summary { display: grid; margin-top: 18px; grid-template-columns: repeat(5, minmax(0, 1fr)); background: #fff; border: 1px solid var(--line); border-radius: 13px; box-shadow: 0 10px 28px rgb(32 36 61 / 4%); }
.sheet-audit-summary article { display: grid; min-height: 88px; padding: 18px 22px; align-content: center; gap: 4px; }
.sheet-audit-summary article + article { border-left: 1px solid var(--line); }
.sheet-audit-summary strong { color: var(--hess-navy); font-size: 24px; line-height: 1; }
.sheet-audit-summary span { color: var(--muted); font-size: 9px; font-weight: 750; letter-spacing: .055em; text-transform: uppercase; }
.process-panel { margin-top: 20px; padding: clamp(24px, 2.2vw, 38px); overflow: hidden; background: linear-gradient(145deg, #fff, #f8fafb); border-color: rgb(32 36 61 / 11%); box-shadow: 0 18px 45px rgb(32 36 61 / 7%); }
.process-panel__header { display: flex; margin-bottom: 27px; align-items: flex-end; justify-content: space-between; gap: 30px; }
.process-panel__header h2 { margin-bottom: 8px; font-size: clamp(23px, 2.3vw, 32px); }
.process-panel__header p:last-child { max-width: 840px; margin: 0; color: var(--muted); line-height: 1.6; }
.process-legend { display: flex; flex: none; flex-wrap: wrap; gap: 6px; }
.process-legend span { padding: 6px 9px; border-radius: 999px; font-size: 8px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.process-legend__action { color: #286d64; background: #e7f5f2; }
.process-legend__signature { color: #74562f; background: #f7ebd8; }
.process-legend__return { color: #8a3e49; background: #f9e9eb; }
.process-diagram { display: grid; padding: 0; margin: 0; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; list-style: none; }
.process-step { position: relative; display: flex; min-width: 0; min-height: 365px; padding: 18px; align-self: start; background: #fff; border: 1px solid #dfe3e7; border-radius: 12px; box-shadow: 0 9px 24px rgb(32 36 61 / 5%); flex-direction: column; }
.process-step:not(:nth-child(5n))::after { position: absolute; z-index: 2; right: -23px; top: 50%; display: grid; width: 28px; height: 28px; content: '→'; place-items: center; color: var(--hess-navy); background: #f1dfbf; border: 4px solid #f8fafb; border-radius: 50%; font-size: 12px; font-weight: 900; transform: translateY(-50%); }
.process-step__top { display: flex; align-items: center; gap: 7px; }
.process-step__number { display: grid; width: 28px; height: 28px; flex: none; place-items: center; color: #fff; background: var(--hess-navy); border-radius: 8px; font-size: 9px; font-weight: 850; }
.process-step__phase { color: var(--hess-teal); font-size: 8px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.process-step__status { padding: 4px 6px; margin-left: auto; color: #6f7280; background: #f1f2f4; border-radius: 5px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 7px; }
.process-step__exchange { display: grid; min-height: 54px; padding: 10px 11px; margin: 14px 0 13px; align-items: center; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 6px; color: var(--hess-navy); background: #f5f7f8; border-radius: 8px; font-size: 8px; text-align: center; }
.process-step__exchange span { color: var(--hess-gold); font-size: 13px; }
.process-step h3 { margin: 0 0 8px; color: var(--hess-navy); font-size: 14px; line-height: 1.35; }
.process-step__description { margin: 0 0 14px; color: #666a78; font-size: 10px; line-height: 1.55; }
.process-step__documents { margin-top: auto; }
.process-step__documents summary { color: #315c7d; cursor: pointer; font-size: 9px; font-weight: 800; }
.process-step__documents details > div { display: flex; max-height: 138px; padding-top: 8px; overflow-y: auto; flex-wrap: wrap; gap: 5px; }
.process-step__documents .document-status { max-width: 100%; overflow: hidden; text-overflow: ellipsis; text-transform: none; }
.process-step__no-document { color: #9a9ca8; font-size: 8px; font-style: italic; }
.process-step__controls { display: grid; padding-top: 13px; margin-top: 13px; gap: 7px; border-top: 1px solid #eceef1; }
.process-step__controls p { padding-left: 8px; margin: 0; color: #6a6e7a; border-left: 2px solid var(--hess-gold); font-size: 8px; line-height: 1.45; }
.process-step__controls p:last-child { border-left-color: var(--hess-teal); }
.process-step__signature { width: fit-content; padding: 5px 7px; color: #74562f; background: #f7ebd8; border-radius: 5px; font-size: 8px; font-weight: 800; }
.process-step__api { margin-top: 12px; overflow: hidden; background: #171b2e; border: 1px solid rgb(255 255 255 / 8%); border-radius: 8px; }
.process-step__api > summary { display: flex; min-height: 35px; padding: 8px 10px; align-items: center; justify-content: space-between; color: #dce4ef; cursor: pointer; list-style: none; font-size: 8px; font-weight: 800; letter-spacing: .03em; }
.process-step__api > summary::-webkit-details-marker { display: none; }
.process-step__api > summary::after { color: #7bd4c4; content: '</>'; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; }
.process-step__api[open] { margin-right: -9px; margin-left: -9px; }
.process-step__api[open] > summary { border-bottom: 1px solid rgb(255 255 255 / 9%); }
.api-call-list { display: grid; gap: 1px; background: rgb(255 255 255 / 8%); }
.api-call { min-width: 0; padding: 11px; background: #171b2e; }
.api-call__heading { display: grid; min-width: 0; align-items: center; grid-template-columns: auto minmax(0, 1fr); gap: 6px; }
.api-call__heading code { overflow: auto; color: #f0f3f8; font-size: 7px; white-space: nowrap; }
.api-call__heading strong { grid-column: 1 / -1; color: #b7bdca; font-size: 7px; }
.api-method { padding: 4px 5px; color: #fff; border-radius: 4px; font-size: 7px; font-weight: 900; }
.api-method--post { background: #2d8779; }
.api-method--put { background: #356e9a; }
.api-call__label { margin: 10px 0 4px; color: #8e98aa; font-size: 7px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.api-call pre { max-height: 180px; padding: 9px; margin: 0; overflow: auto; color: #d8e7e4; background: #101423; border: 1px solid rgb(255 255 255 / 7%); border-radius: 5px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 7px; line-height: 1.55; white-space: pre; }
.api-call-note { padding: 10px 11px; margin: 0; color: #949dad; background: #111525; font-size: 7px; line-height: 1.5; }
.process-step--review { border-color: rgb(181 84 99 / 28%); box-shadow: 0 9px 24px rgb(181 84 99 / 7%); }
.process-loop { display: grid; min-height: 69px; padding: 14px 18px; margin-top: 17px; align-items: center; grid-template-columns: 36px auto minmax(0, 1fr); gap: 12px; color: #7a3943; background: linear-gradient(90deg, #fff2f3, #fff8f4); border: 1px solid #f0d1d5; border-radius: 11px; }
.process-loop > span { display: grid; width: 34px; height: 34px; place-items: center; color: #fff; background: #b55463; border-radius: 50%; font-size: 20px; font-weight: 800; }
.process-loop strong { font-size: 11px; white-space: nowrap; }
.process-loop p { margin: 0; color: #785d62; font-size: 9px; line-height: 1.55; }
.requirements-panel { border-top: 3px solid var(--hess-navy); }
.requirements-summary { display: flex; margin-bottom: 18px; flex-wrap: wrap; gap: 7px; }
.requirements-summary span { padding: 7px 10px; color: #4f596c; background: #eef1f5; border-radius: 7px; font-size: 9px; font-weight: 800; }
.requirement-groups { display: grid; gap: 9px; }
.requirement-group { overflow: hidden; background: #fafafb; border: 1px solid #e4e6ea; border-radius: 9px; }
.requirement-group[open] { background: #fff; border-color: rgb(44 48 78 / 24%); }
.requirement-group > summary { display: flex; min-height: 49px; padding: 11px 14px; align-items: center; justify-content: space-between; gap: 12px; cursor: pointer; list-style: none; }
.requirement-group > summary::-webkit-details-marker { display: none; }
.requirement-group > summary strong { color: var(--hess-navy); font-size: 11px; }
.requirement-group > summary span { color: var(--muted); font-size: 8px; }
.requirement-fields { display: grid; padding: 12px; border-top: 1px solid #eceef1; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.requirement-field { min-width: 0; padding: 12px; background: #f8fafb; border: 1px solid #e8ebee; border-radius: 8px; }
.requirement-field > div { display: flex; align-items: center; justify-content: space-between; gap: 9px; }
.requirement-field code { overflow: hidden; color: #334767; font-size: 9px; text-overflow: ellipsis; }
.requirement-field p { margin: 8px 0 0; color: #626674; font-size: 9px; line-height: 1.5; }
.requirement-field small { display: block; margin-top: 7px; color: #80633d; font-size: 8px; line-height: 1.45; }
.field-status { padding: 4px 6px; color: #74562f; background: #f7ebd8; border-radius: 999px; font-size: 7px; font-weight: 800; text-transform: uppercase; white-space: nowrap; }
.field-status--required { color: #1d7165; background: #e4f5f1; }
.requirement-empty { grid-column: 1 / -1; margin: 0; color: var(--muted); font-size: 9px; }
.quality-panel { border-top: 3px solid var(--hess-teal); }
.quality-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; counter-reset: quality; }
.quality-grid li { position: relative; min-height: 93px; padding: 14px 14px 14px 43px; background: #f7faf9; border: 1px solid #e5efed; border-radius: 9px; counter-increment: quality; }
.quality-grid li::before { position: absolute; left: 13px; top: 14px; display: grid; width: 21px; height: 21px; content: counter(quality); place-items: center; color: #fff; background: var(--hess-teal); border-radius: 50%; font-size: 8px; font-weight: 800; }
.quality-grid strong { display: block; margin-bottom: 4px; color: var(--hess-navy); font-size: 10px; }
.quality-grid span { display: block; color: var(--muted); font-size: 9px; line-height: 1.5; }
.amount-list { display: grid; gap: 1px; overflow: hidden; background: var(--line); border: 1px solid var(--line); border-radius: 9px; }
.amount-list li { display: grid; padding: 11px 13px; background: #fff; gap: 4px; }
.amount-list span { color: var(--muted); font-size: 9px; }
.amount-list strong { color: var(--hess-navy); font-size: 11px; }
.controls-panel { border-top: 3px solid var(--hess-blue); }
.control-card__header { display: flex; margin-bottom: 10px; align-items: center; justify-content: space-between; gap: 12px; }
.control-card__header strong { color: var(--hess-navy); font-size: 11px; }
.control-card__header span { display: grid; min-width: 46px; height: 29px; padding: 0 8px; place-items: center; color: #fff; background: var(--hess-navy); border-radius: 7px; font-size: 10px; font-weight: 800; }
.control-card p { font-size: 9px; line-height: 1.55; }
.control-card__condition { padding: 9px 10px; color: #775b36; background: #fbf5ec; border-radius: 7px; }
.control-card__method { color: var(--muted); }
.attention-panel { border-top: 3px solid var(--hess-gold); }
.attention-list { display: grid; gap: 10px; }
.attention-list li { padding-left: 15px; color: #656878; border-left: 2px solid #ead8ba; font-size: 10px; line-height: 1.55; }
.source-panel { color: var(--muted); font-size: 10px; }
.source-panel > p { margin-bottom: 14px; line-height: 1.55; }
.source-list { display: grid; gap: 7px; }
.source-list a { display: grid; padding: 10px 11px; gap: 3px; background: #f8f9fa; border: 1px solid #ececf0; border-radius: 8px; transition: border-color .16s ease, background .16s ease; }
.source-list a:hover { background: #fff; border-color: rgb(51 165 149 / 40%); }
.source-list__type { color: var(--hess-teal); font-size: 7px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.source-list strong { color: var(--hess-navy); font-size: 9px; }
.source-list small { color: var(--muted); font-size: 8px; line-height: 1.45; }
.regulatory-note { padding: 16px 18px; color: #5f6270; background: #fdfaf5; border: 1px solid #eee1ce; border-left: 3px solid var(--hess-gold); border-radius: 9px; }
.regulatory-note strong { display: block; margin-bottom: 3px; color: var(--hess-navy); font-size: 10px; text-transform: uppercase; }
.regulatory-note p { margin: 0; font-size: 10px; line-height: 1.6; }

.sidebar-backdrop { position: fixed; z-index: 25; inset: var(--delegation-banner-height) 0 0; display: none; background: rgb(20 23 38 / 55%); backdrop-filter: blur(2px); }

@keyframes spin { to { transform: rotate(360deg); } }
@keyframes shimmer { to { transform: translateX(100%); } }

/* Super-admin workspace switcher */
.workspace-switcher-page {
    min-height: 100vh;
    background:
        radial-gradient(circle at 8% 3%, rgb(47 181 210 / 10%), transparent 27%),
        radial-gradient(circle at 94% 22%, rgb(201 169 120 / 13%), transparent 24%),
        #f1f3f5;
}
.workspace-switcher { display: flex; min-height: 100vh; flex-direction: column; }
.workspace-switcher__topbar { display: flex; min-height: 86px; padding: 14px max(32px, calc((100vw - 1420px) / 2)); align-items: center; justify-content: space-between; gap: 30px; background: rgb(255 255 255 / 92%); border-bottom: 1px solid rgb(32 36 61 / 8%); backdrop-filter: blur(18px); }
.workspace-switcher__brand { display: flex; align-items: center; gap: 17px; }
.workspace-switcher__brand > span { display: grid; width: 148px; height: 50px; padding: 8px 12px; place-items: center; background: #fff; border: 1px solid #e7e8eb; border-radius: 9px; }
.workspace-switcher__brand strong { padding-left: 17px; color: var(--hess-navy); border-left: 1px solid #dfe1e7; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; }
.workspace-switcher__account { display: flex; align-items: center; gap: 10px; }
.workspace-switcher__secure { display: inline-flex; margin-right: 15px; align-items: center; gap: 8px; color: #5f6474; font-size: 12px; font-weight: 700; }
.workspace-switcher__secure i { width: 7px; height: 7px; background: var(--hess-teal); border-radius: 50%; box-shadow: 0 0 0 4px rgb(51 165 149 / 12%); }
.workspace-switcher__avatar { display: grid; width: 42px; height: 42px; place-items: center; color: var(--hess-navy-deep); background: linear-gradient(135deg, #d5b77f, #f0dfbd); border-radius: 50%; font-weight: 850; }
.workspace-switcher__identity { display: grid; min-width: 145px; }
.workspace-switcher__identity strong { color: var(--hess-navy); font-size: 13px; }
.workspace-switcher__identity small { color: #777b8a; font-size: 11px; }
.workspace-switcher__account form { margin-left: 4px; }
.workspace-switcher__account button { display: grid; width: 40px; height: 40px; padding: 10px; place-items: center; color: #686d7c; background: #fff; border: 1px solid #dfe1e7; border-radius: 9px; cursor: pointer; transition: color .16s ease, background .16s ease, border-color .16s ease; }
.workspace-switcher__account button:hover { color: var(--hess-navy); background: #f6f7f8; border-color: #cfd2db; }
.workspace-switcher__account button svg { width: 19px; }
.workspace-switcher__main { width: min(1420px, 100%); padding: 68px 32px 76px; margin: 0 auto; flex: 1; }
.workspace-switcher__intro { max-width: 760px; margin-bottom: 37px; }
.workspace-switcher__intro .eyebrow { display: flex; align-items: center; gap: 10px; color: #287f74; font-size: 12px; }
.workspace-switcher__intro .eyebrow i { width: 25px; height: 2px; background: var(--hess-gold); }
.workspace-switcher__intro h1 { margin-bottom: 14px; font-size: clamp(42px, 5vw, 64px); line-height: 1.05; letter-spacing: -.055em; }
.workspace-switcher__intro > p:last-child { max-width: 720px; margin: 0; color: #666b7a; font-size: 17px; line-height: 1.65; }
.workspace-choice-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.workspace-choice { position: relative; display: flex; min-width: 0; min-height: 300px; padding: 25px; overflow: hidden; color: var(--ink); background: rgb(255 255 255 / 94%); border: 1px solid rgb(32 36 61 / 10%); border-radius: 18px; box-shadow: 0 14px 38px rgb(32 36 61 / 7%); cursor: pointer; font: inherit; text-align: left; flex-direction: column; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.workspace-choice::after { position: absolute; right: 0; bottom: 0; left: 0; height: 4px; content: ''; background: linear-gradient(90deg, var(--hess-blue), var(--hess-teal)); opacity: 0; transform: scaleX(.6); transition: opacity .2s ease, transform .2s ease; }
.workspace-choice:hover { border-color: rgb(51 165 149 / 37%); box-shadow: 0 23px 54px rgb(32 36 61 / 12%); transform: translateY(-5px); }
.workspace-choice:hover::after, .workspace-choice.is-active::after, .workspace-choice--platform::after { opacity: 1; transform: scaleX(1); }
.workspace-choice.is-active { border-color: rgb(51 165 149 / 55%); box-shadow: 0 24px 55px rgb(32 36 61 / 13%), 0 0 0 3px rgb(51 165 149 / 8%); transform: translateY(-4px); }
.workspace-choice--platform { color: #fff; background: linear-gradient(145deg, #20243d, #344261); border-color: transparent; box-shadow: 0 22px 50px rgb(32 36 61 / 20%); }
.workspace-choice--platform:hover { border-color: transparent; box-shadow: 0 27px 60px rgb(32 36 61 / 27%); }
.workspace-choice__topline { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }
.workspace-choice__icon { display: grid; width: 52px; height: 52px; place-items: center; color: #287f74; background: #eaf6f3; border-radius: 14px; }
.workspace-choice__icon svg { width: 26px; height: 26px; }
.workspace-choice--platform .workspace-choice__icon { color: #f0d6a5; background: rgb(255 255 255 / 10%); border: 1px solid rgb(255 255 255 / 10%); }
.workspace-choice__tag, .workspace-choice__count { display: inline-flex; min-height: 27px; padding: 5px 9px; align-items: center; color: #5e6372; background: #f2f3f5; border-radius: 999px; font-size: 10px; font-weight: 800; letter-spacing: .025em; white-space: nowrap; }
.workspace-choice__tag { color: #efd8ac; background: rgb(255 255 255 / 10%); }
.workspace-choice__copy { display: grid; padding: 31px 0 24px; gap: 11px; }
.workspace-choice__copy strong { color: var(--hess-navy); font-family: Avenir, Inter, 'Segoe UI', sans-serif; font-size: 22px; line-height: 1.12; letter-spacing: -.025em; }
.workspace-choice__copy small { color: #6e7280; font-size: 13px; line-height: 1.58; }
.workspace-choice--platform .workspace-choice__copy strong { color: #fff; }
.workspace-choice--platform .workspace-choice__copy small { color: rgb(255 255 255 / 75%); }
.workspace-choice__footer { display: flex; padding-top: 18px; margin-top: auto; align-items: center; justify-content: space-between; gap: 12px; color: #287f74; border-top: 1px solid #e8e9ed; font-size: 12px; font-weight: 800; }
.workspace-choice__footer svg { width: 18px; transition: transform .18s ease; }
.workspace-choice:hover .workspace-choice__footer svg { transform: translateX(4px); }
.workspace-choice--platform .workspace-choice__footer { color: #f0d6a5; border-top-color: rgb(255 255 255 / 15%); }
.workspace-member-panel { margin-top: 29px; scroll-margin-top: 25px; overflow: hidden; background: #fff; border: 1px solid rgb(32 36 61 / 9%); border-radius: 18px; box-shadow: 0 20px 55px rgb(32 36 61 / 9%); animation: workspace-panel-in .28s ease both; }
.workspace-member-panel__header { display: flex; padding: 26px 28px; align-items: flex-end; justify-content: space-between; gap: 28px; border-bottom: 1px solid #e9eaee; }
.workspace-member-panel__header .eyebrow { margin-bottom: 5px; }
.workspace-member-panel__header h2 { margin-bottom: 5px; font-size: 27px; }
.workspace-member-panel__header p:last-child { margin: 0; color: #707483; font-size: 13px; }
.workspace-member-search { position: relative; display: flex; width: min(410px, 100%); flex: none; align-items: center; }
.workspace-member-search svg { position: absolute; left: 14px; width: 18px; color: #858997; pointer-events: none; }
.workspace-member-search input { width: 100%; height: 47px; padding: 0 15px 0 43px; color: var(--ink); background: #f8f9fa; border: 1px solid #dde0e6; border-radius: 10px; outline: 0; font-size: 13px; }
.workspace-member-search input:focus { background: #fff; border-color: var(--hess-teal); box-shadow: 0 0 0 4px rgb(51 165 149 / 10%); }
.workspace-member-feedback { display: flex; min-height: 150px; align-items: center; justify-content: center; gap: 12px; color: #727685; font-size: 13px; }
.workspace-member-feedback.is-error { color: var(--danger); }
.workspace-member-loader { width: 19px; height: 19px; border: 2px solid #d9dce3; border-top-color: var(--hess-teal); border-radius: 50%; animation: spin .7s linear infinite; }
.workspace-member-list { display: grid; }
.workspace-member { display: grid; min-height: 82px; padding: 15px 28px; align-items: center; grid-template-columns: minmax(250px, 1.3fr) minmax(210px, 1fr) auto auto; gap: 24px; border-bottom: 1px solid #eceef1; transition: background .16s ease; }
.workspace-member:last-child { border-bottom: 0; }
.workspace-member:hover { background: #fafbfb; }
.workspace-member__identity { display: flex; min-width: 0; align-items: center; gap: 13px; }
.workspace-member__avatar { display: grid; width: 42px; height: 42px; flex: none; place-items: center; color: #255e57; background: #e5f3f0; border-radius: 12px; font-size: 11px; font-weight: 850; }
.workspace-member__identity > span:last-child, .workspace-member__workspace { display: grid; min-width: 0; }
.workspace-member__identity strong, .workspace-member__workspace strong { overflow: hidden; color: var(--hess-navy); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.workspace-member__identity small, .workspace-member__workspace small { overflow: hidden; color: #777b89; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.workspace-member__status { display: inline-flex; align-items: center; gap: 7px; color: #28796d; font-size: 11px; font-weight: 750; white-space: nowrap; }
.workspace-member__status::before { width: 7px; height: 7px; content: ''; background: var(--hess-teal); border-radius: 50%; }
.workspace-member__action { min-height: 40px; padding: 0 15px; color: #fff; background: var(--hess-navy); border: 0; border-radius: 9px; cursor: pointer; font-size: 11px; font-weight: 800; white-space: nowrap; transition: background .16s ease, transform .16s ease; }
.workspace-member__action:hover { background: var(--hess-navy-deep); transform: translateY(-1px); }
.workspace-member-empty { display: grid; min-height: 230px; padding: 35px; place-items: center; align-content: center; color: #707483; text-align: center; }
.workspace-member-empty > span { display: grid; width: 48px; height: 48px; margin-bottom: 13px; place-items: center; color: #858998; background: #f1f2f4; border-radius: 50%; }
.workspace-member-empty svg { width: 23px; }
.workspace-member-empty strong { margin-bottom: 4px; color: var(--hess-navy); }
.workspace-member-empty p { margin: 0; font-size: 12px; }
.workspace-switcher__footer { display: flex; min-height: 64px; padding: 0 max(32px, calc((100vw - 1356px) / 2)); align-items: center; justify-content: space-between; color: #747886; background: rgb(255 255 255 / 70%); border-top: 1px solid rgb(32 36 61 / 7%); font-size: 12px; }
@keyframes workspace-panel-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }

/* User administration */
.users-page { display: grid; gap: 22px; }
.users-page__header { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; }
.users-page__header h1 { margin-bottom: 6px; font-size: 36px; }
.users-page__header p:last-child { max-width: 720px; margin: 0; color: var(--muted); }
.users-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.users-stats article { display: grid; padding: 18px 21px; background: #fff; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 8px 28px rgb(32 36 61 / 4%); }
.users-stats strong { color: var(--hess-navy); font-size: 25px; }
.users-stats span { color: var(--muted); font-size: 11px; }
.users-panel { overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 13px; box-shadow: var(--shadow); }
.users-filters { display: grid; grid-template-columns: 1.5fr repeat(3, 1fr); padding: 17px; gap: 12px; background: #fafafd; border-bottom: 1px solid var(--line); }
.users-filters label, .user-form-grid label { display: grid; gap: 5px; color: var(--hess-navy); font-size: 10px; font-weight: 700; }
.users-filters input, .users-filters select, .user-form-grid input, .user-form-grid select { width: 100%; height: 42px; padding: 0 11px; color: var(--ink); background: #fff; border: 1px solid #dfe1e8; border-radius: 8px; }
.users-feedback { padding: 11px 17px; font-size: 12px; }
.users-feedback--success { color: #23695f; background: #eef9f6; }
.users-feedback--error { color: #8b2f39; background: #fff1f2; }
.users-table-wrap { overflow-x: auto; }
.users-table { width: 100%; border-collapse: collapse; }
.users-table th { padding: 12px 18px; color: #878a98; background: #fff; border-bottom: 1px solid var(--line); font-size: 9px; letter-spacing: .08em; text-align: left; text-transform: uppercase; }
.users-table td { padding: 14px 18px; border-bottom: 1px solid #eff0f3; vertical-align: middle; }
.users-table td > strong, .users-table td > small { display: block; }
.users-table td > small { color: var(--muted); font-size: 9px; }
.users-table__identity { display: flex; min-width: 230px; align-items: center; gap: 11px; }
.users-table__identity > span:last-child { display: grid; }
.users-table__identity strong { color: var(--hess-navy); font-size: 12px; }
.users-table__identity small { color: var(--muted); font-size: 9px; }
.users-table__avatar { display: grid; width: 35px; height: 35px; flex: none; place-items: center; color: var(--hess-navy-deep); background: #f1e6d5; border-radius: 50%; font-size: 9px; font-weight: 800; }
.users-table__profile { display: inline-flex; padding: 4px 8px; color: #3b4264; background: #f0f1f6; border-radius: 999px; font-size: 9px; font-weight: 700; white-space: nowrap; }
.users-table__status { display: inline-flex; align-items: center; gap: 6px; font-size: 10px; font-weight: 700; white-space: nowrap; }
.users-table__status::before { width: 7px; height: 7px; content: ''; border-radius: 50%; }
.users-table__status--active { color: #28796d; }
.users-table__status--active::before { background: var(--hess-teal); }
.users-table__status--inactive { color: #8a4650; }
.users-table__status--inactive::before { background: var(--danger); }
.users-table__actions { display: flex; justify-content: flex-end; gap: 5px; }
.users-table__actions button { padding: 6px 8px; color: var(--hess-navy); background: #fff; border: 1px solid #dfe1e8; border-radius: 6px; cursor: pointer; font-size: 9px; font-weight: 700; }
.users-table__actions button.is-danger { color: var(--danger); }
.users-empty { padding: 55px 20px; color: var(--muted); text-align: center; }
.user-dialog, .activity-dialog { width: min(660px, calc(100% - 28px)); padding: 28px; border: 0; border-radius: 17px; box-shadow: 0 35px 100px rgb(20 23 38 / 28%); }
.user-dialog::backdrop, .activity-dialog::backdrop { background: rgb(20 23 38 / 58%); backdrop-filter: blur(3px); }
.user-dialog__close-form { position: absolute; right: 16px; top: 13px; }
.user-dialog__close-form button { color: var(--muted); background: transparent; border: 0; cursor: pointer; font-size: 25px; }
.user-dialog h2, .activity-dialog h2 { margin-bottom: 20px; font-size: 27px; }
.user-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.user-form-grid__wide { grid-column: 1 / -1; }
.user-form-note { margin: 14px 0; color: var(--muted); font-size: 10px; }
.user-dialog__actions { display: flex; justify-content: flex-end; gap: 8px; }
.activity-list { display: grid; max-height: 420px; padding: 0; margin: 0; overflow-y: auto; gap: 10px; list-style: none; }
.activity-list li { display: grid; padding: 13px 15px; background: #f7f8fa; border-left: 3px solid var(--hess-teal); border-radius: 8px; }
.activity-list strong { color: var(--hess-navy); font-size: 11px; }
.activity-list span, .activity-list small { color: var(--muted); font-size: 9px; }
.workspace-placeholder-page { display: grid; min-height: 100vh; padding: 25px; place-items: center; background: radial-gradient(circle at 15% 20%, rgb(51 165 149 / 12%), transparent 25%), var(--canvas); }
.workspace-placeholder { width: min(650px, 100%); padding: 55px; text-align: center; background: #fff; border: 1px solid var(--line); border-radius: 20px; box-shadow: var(--shadow); }
.workspace-placeholder > img { width: 180px; margin: 0 auto 35px; }
.workspace-placeholder h1 { font-size: 38px; }
.workspace-placeholder > p:not(.eyebrow) { color: var(--muted); }
.workspace-placeholder__status { display: inline-flex; padding: 10px 14px; margin: 12px 0 25px; align-items: center; gap: 8px; color: #28796d; background: #eef9f6; border-radius: 999px; font-size: 10px; font-weight: 700; }
.workspace-placeholder__status i { width: 7px; height: 7px; background: var(--hess-teal); border-radius: 50%; }

/* API-first business workspaces */
.business-workspace, .case-detail { display: grid; min-width: 0; gap: 22px; }
.workspace-hero { display: flex; min-width: 0; padding: 29px 32px; align-items: center; justify-content: space-between; gap: 25px; color: #fff; background: linear-gradient(135deg, var(--hess-navy-deep), #39466a); border-radius: 16px; box-shadow: var(--shadow); }
.workspace-hero > div { min-width: 0; }
.workspace-hero h1 { margin-bottom: 7px; color: #fff; font-size: 34px; }
.workspace-hero p:last-child { margin: 0; color: rgb(255 255 255 / 67%); }
.workspace-hero__badge { padding: 7px 11px; color: #fff; background: rgb(51 165 149 / 25%); border: 1px solid rgb(255 255 255 / 15%); border-radius: 999px; white-space: nowrap; font-size: 10px; font-weight: 750; }
.workspace-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.workspace-kpis article { display: grid; padding: 20px 22px; background: #fff; border: 1px solid var(--line); border-radius: 13px; }
.workspace-kpis span, .workspace-kpis small { color: var(--muted); font-size: 10px; }
.workspace-kpis strong { color: var(--hess-navy); font-size: 29px; }
.workspace-panel { min-width: 0; overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow); }
.workspace-panel > header { display: flex; padding: 21px 23px 12px; align-items: center; justify-content: space-between; }
.workspace-panel h2 { margin: 0; }
.case-filters { display: grid; grid-template-columns: 2fr 1fr; padding: 14px 20px; gap: 10px; background: #fafafd; border-block: 1px solid var(--line); }
.case-filters input, .case-filters select { min-height: 42px; padding: 0 12px; background: #fff; border: 1px solid #dfe1e8; border-radius: 8px; }
.case-status { display: inline-flex; padding: 5px 9px; color: #3b4264; background: #eef0f5; border-radius: 999px; white-space: nowrap; font-size: 9px; font-weight: 750; }
.case-status--approved { color: #23695f; background: #e9f7f3; }
.case-status--rejected { color: #8b2f39; background: #fff1f2; }
.case-status--changes_requested { color: #80622f; background: #fff8e9; }
.case-link { display: inline-flex; padding: 7px 10px; color: #fff; background: var(--hess-navy); border-radius: 7px; font-size: 9px; font-weight: 700; }
.workspace-readonly-note { padding: 13px 16px; color: #80622f; background: #fff8e9; border: 1px solid #f1dfb9; border-radius: 10px; font-size: 11px; }
.case-detail__back { color: var(--hess-navy); font-weight: 700; }
.document-checklist { display: grid; padding: 0 23px 23px; margin: 0; gap: 9px; list-style: none; }
.document-checklist li { display: flex; padding: 13px 15px; align-items: center; justify-content: space-between; background: #f8f9fb; border-left: 4px solid var(--line); border-radius: 8px; }
.document-checklist li.is-valid { border-left-color: var(--hess-teal); }
.document-checklist li.is-missing { border-left-color: var(--hess-gold); }
.document-checklist span { color: var(--muted); font-size: 10px; }
.case-decisions { display: flex; justify-content: flex-end; gap: 9px; }
.case-decisions button { padding: 10px 14px; border: 1px solid var(--line); border-radius: 8px; }

/* Platform case management */
.admin-cases, .admin-case-detail { display: grid; min-width: 0; gap: 23px; }
.admin-cases .page-heading { margin-bottom: 0; }
.admin-case-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.admin-case-kpis article { position: relative; display: grid; min-height: 116px; padding: 19px 21px; overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 13px; box-shadow: 0 9px 28px rgb(32 36 61 / 4%); }
.admin-case-kpis article::after { position: absolute; right: 0; bottom: 0; left: 0; height: 3px; content: ''; background: linear-gradient(90deg, var(--hess-teal), var(--hess-blue)); opacity: .72; }
.admin-case-kpis span, .admin-case-kpis small { color: var(--muted); font-size: 10px; }
.admin-case-kpis span { font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.admin-case-kpis strong { color: var(--hess-navy); font-size: 30px; line-height: 1.15; }
.admin-cases__panel > header { padding: 24px 25px 18px; }
.admin-cases__panel > header p:last-child { margin: 4px 0 0; color: var(--muted); font-size: 12px; }
.admin-cases__count { color: var(--muted); font-size: 11px; white-space: nowrap; }
.admin-cases__count strong { color: var(--hess-navy); font-size: 16px; }
.admin-case-filters { grid-template-columns: minmax(300px, 2fr) minmax(180px, .7fr) minmax(170px, .65fr); padding: 16px 24px; }
.admin-case-filters .case-search { position: relative; display: flex; align-items: center; }
.admin-case-filters .case-search svg { position: absolute; left: 14px; width: 18px; color: #898d9b; pointer-events: none; }
.admin-case-filters .case-search input { width: 100%; padding-left: 43px; }
.admin-case-filters input:focus, .admin-case-filters select:focus { border-color: var(--hess-teal); outline: 0; box-shadow: 0 0 0 4px rgb(51 165 149 / 9%); }
.admin-cases__table-wrap { min-height: 200px; }
.admin-cases-table { min-width: 1260px; }
.admin-cases-table th, .admin-cases-table td { padding-inline: 13px; }
.admin-cases-table tbody tr { transition: background .15s ease; }
.admin-cases-table tbody tr:hover { background: #fbfcfc; }
.admin-case-identity, .admin-case-beneficiary, .admin-case-vehicle, .admin-case-workspace { display: grid; min-width: 0; gap: 2px; }
.admin-case-identity { min-width: 150px; }
.admin-case-beneficiary { min-width: 175px; }
.admin-case-vehicle { min-width: 150px; }
.admin-case-workspace { min-width: 145px; }
.admin-case-identity strong, .admin-case-beneficiary strong, .admin-case-vehicle strong, .admin-case-workspace strong { overflow: hidden; color: var(--hess-navy); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.admin-case-identity small, .admin-case-beneficiary small, .admin-case-vehicle small, .admin-case-workspace small { overflow: hidden; max-width: 190px; color: var(--muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.admin-case-table-progress { display: flex; min-width: 100px; align-items: center; gap: 8px; }
.admin-case-table-progress i { display: block; width: 63px; height: 6px; overflow: hidden; background: #e7e9ed; border-radius: 999px; }
.admin-case-table-progress i b { display: block; height: 100%; background: linear-gradient(90deg, var(--hess-teal), var(--hess-blue)); border-radius: inherit; }
.admin-case-table-progress strong { color: var(--hess-navy); font-size: 10px; white-space: nowrap; }
.admin-cases-empty { display: grid; min-height: 260px; padding: 35px; place-items: center; align-content: center; color: var(--muted); text-align: center; }
.admin-cases-empty > span { display: grid; width: 50px; height: 50px; margin-bottom: 13px; place-items: center; color: var(--hess-navy); background: #eef5f4; border-radius: 50%; font-size: 16px; font-weight: 850; }
.admin-cases-empty h3 { margin-bottom: 5px; color: var(--hess-navy); }
.admin-cases-empty p { margin: 0; font-size: 12px; }

.admin-case-detail__loading { min-height: 390px; }
.admin-case-detail__loading p { grid-column: 1 / -1; color: var(--muted); font-size: 12px; }
.admin-case-detail__content { display: grid; gap: 20px; }
.admin-case-hero { display: grid; min-height: 245px; padding: 39px 42px; align-items: center; color: #fff; background: radial-gradient(circle at 84% 20%, rgb(51 165 149 / 26%), transparent 25%), linear-gradient(120deg, var(--hess-navy-deep), #303955 72%, #344f5c); border-radius: 19px; box-shadow: 0 22px 55px rgb(32 36 61 / 16%); grid-template-columns: minmax(0, 1fr) 190px; gap: 35px; }
.admin-case-hero__copy { min-width: 0; }
.admin-case-hero__eyebrow { display: flex; margin-bottom: 16px; align-items: center; gap: 10px; }
.admin-case-hero__eyebrow > span:first-child { color: #9ee2d8; font-size: 11px; font-weight: 850; letter-spacing: .1em; }
.admin-case-hero h1 { margin-bottom: 9px; color: #fff; font-size: clamp(34px, 4vw, 49px); letter-spacing: -.04em; }
    .admin-case-hero__copy > p { margin: 0 0 22px; color: rgb(255 255 255 / 73%); font-size: 15px; }
.admin-case-hero__meta { display: flex; flex-wrap: wrap; gap: 9px 20px; color: rgb(255 255 255 / 56%); font-size: 10px; }
.admin-case-hero__meta strong { color: rgb(255 255 255 / 88%); }
.admin-case-progress { display: grid; padding: 22px; background: rgb(255 255 255 / 9%); border: 1px solid rgb(255 255 255 / 14%); border-radius: 16px; backdrop-filter: blur(10px); }
.admin-case-progress > strong { color: #fff; font-size: 40px; line-height: 1; }
.admin-case-progress > span { margin: 7px 0 15px; color: rgb(255 255 255 / 63%); font-size: 10px; }
.admin-case-progress i { height: 8px; overflow: hidden; background: rgb(255 255 255 / 13%); border-radius: 999px; }
.admin-case-progress b { display: block; height: 100%; background: linear-gradient(90deg, var(--hess-gold), #f0dfbc); border-radius: inherit; }
.admin-case-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.admin-case-facts article { display: grid; min-width: 0; padding: 18px 20px; background: #fff; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 7px 22px rgb(32 36 61 / 4%); }
.admin-case-facts span { color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.admin-case-facts strong { overflow: hidden; margin-top: 5px; color: var(--hess-navy); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.admin-case-facts small { overflow: hidden; margin-top: 2px; color: var(--muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.admin-case-detail__grid { display: grid; align-items: start; grid-template-columns: minmax(0, 1.65fr) minmax(280px, .65fr); gap: 18px; }
.admin-case-data > header p:last-child { max-width: 680px; margin: 5px 0 0; color: var(--muted); font-size: 11px; }
.admin-case-step-list { display: grid; padding: 8px 23px 24px; gap: 11px; }
.admin-case-step { overflow: hidden; background: #fafbfc; border: 1px solid #e7e9ed; border-radius: 11px; }
.admin-case-step > header { display: grid; min-height: 57px; padding: 10px 14px; align-items: center; grid-template-columns: 28px 1fr auto; gap: 9px; }
.admin-case-step > header > span { display: grid; width: 25px; height: 25px; place-items: center; color: #fff; background: var(--hess-teal); border-radius: 50%; font-size: 10px; font-weight: 850; }
.admin-case-step.is-empty > header > span { color: #8d909d; background: #e8e9ed; }
.admin-case-step h3 { margin: 0; color: var(--hess-navy); font-size: 13px; }
.admin-case-step header small { color: var(--muted); font-size: 9px; }
.admin-case-step dl { display: grid; padding: 0 14px 14px 51px; margin: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.admin-case-step dl:empty { display: none; }
.admin-case-step dl > div { min-width: 0; padding: 10px 11px; background: #fff; border: 1px solid #eceef1; border-radius: 8px; }
.admin-case-step dt { margin-bottom: 3px; color: #8b8e9b; font-size: 8px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.admin-case-step dd { margin: 0; overflow-wrap: anywhere; color: #34394f; font-size: 11px; line-height: 1.45; }
.admin-case-aside { position: sticky; top: calc(var(--delegation-banner-height) + 94px); display: grid; gap: 16px; }
.admin-case-sheet-card > header, .admin-case-review-card > header { padding-bottom: 16px; }
.admin-case-sheet-card > div, .admin-case-review-card > div { display: grid; padding: 0 22px 22px; }
.admin-case-sheet-card__code { width: fit-content; padding: 5px 8px; margin-bottom: 11px; color: #23695f; background: #e9f7f3; border-radius: 6px; font-size: 10px; font-weight: 850; }
.admin-case-sheet-card h3 { margin-bottom: 7px; color: var(--hess-navy); font-size: 17px; }
.admin-case-sheet-card p, .admin-case-review-card p { color: var(--muted); font-size: 11px; line-height: 1.6; }
.admin-case-sheet-card dl { display: grid; margin: 11px 0 16px; gap: 6px; }
.admin-case-sheet-card .document-card__definition { display: flex; padding: 7px 0; justify-content: space-between; border-bottom: 1px solid #eef0f2; }
.admin-case-sheet-card .button { width: 100%; justify-content: center; }
.admin-case-review-card > div { gap: 8px; }
.admin-case-review-card small { color: var(--muted); font-size: 9px; }

/* Tessi partner validation workspace */
.workspace-page--partner {
    --tessi-navy: #1a214d;
    --tessi-blue: #007abe;
    --tessi-violet: #8e559f;
    --tessi-pink: #ee5d84;
    --tessi-coral: #f2868f;
    --hess-navy: var(--tessi-navy);
    --hess-navy-deep: #111439;
    --hess-teal: var(--tessi-blue);
    --hess-blue: var(--tessi-blue);
    --canvas: #f6f6f9;
    --line: #e6e6ee;
    --shadow: 0 18px 48px rgb(26 33 77 / 8%);
}
.workspace-page--partner .sidebar { background: var(--tessi-navy); box-shadow: 12px 0 36px rgb(7 6 35 / 13%); }
.workspace-page--partner .sidebar::after { width: 3px; height: 180px; background: linear-gradient(var(--tessi-blue), var(--tessi-violet), var(--tessi-pink), transparent); }
.workspace-page--partner .sidebar__brand { min-height: 104px; padding-block: 24px 19px; }
.workspace-page--partner .sidebar__brand-mark { width: 112px; height: 39px; padding: 0; background: transparent; border-radius: 0; }
.workspace-page--partner .sidebar__brand-mark img { width: 112px; }
.workspace-page--partner .sidebar__brand-copy { padding-left: 13px; color: rgb(255 255 255 / 64%); border-left: 1px solid rgb(255 255 255 / 24%); }
.workspace-page--partner .sidebar__brand-copy strong { color: var(--tessi-coral); }
.workspace-page--partner .sidebar__nav a[aria-current='page'] { background: linear-gradient(90deg, rgb(255 255 255 / 12%), rgb(255 255 255 / 6%)); }
.workspace-page--partner .sidebar__nav a[aria-current='page']::before { background: linear-gradient(var(--tessi-blue), var(--tessi-pink)); }
.workspace-page--partner .sidebar__avatar { color: #fff; background: linear-gradient(145deg, var(--tessi-violet), var(--tessi-pink)); }
.workspace-page--partner .topbar { border-bottom-color: transparent; box-shadow: 0 1px 0 #ececf2, 0 9px 32px rgb(26 33 77 / 4%); }
.workspace-page--partner .topbar::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 1px; content: ''; background: linear-gradient(90deg, var(--tessi-blue), var(--tessi-violet), var(--tessi-pink)); opacity: .65; }
.workspace-page--partner .topbar__search { color: #5e627c; font-weight: 650; }
.workspace-page--partner .topbar__api span { color: var(--tessi-navy); background: linear-gradient(120deg, rgb(0 122 190 / 12%), rgb(238 93 132 / 14%)); }
.workspace-page--partner .content { width: 100%; max-width: none; padding-inline: clamp(26px, 3vw, 58px); background: radial-gradient(circle at 100% 0%, rgb(142 85 159 / 7%), transparent 24%), var(--canvas); }
.workspace-page--partner .workspace-hero { position: relative; isolation: isolate; min-height: 186px; padding: 37px 40px; overflow: hidden; background: linear-gradient(118deg, #1a214d 0%, #30245e 55%, #783f79 100%); border-radius: 20px; box-shadow: 0 24px 55px rgb(26 33 77 / 19%); }
.workspace-page--partner .workspace-hero::before { position: absolute; z-index: -1; right: -77px; top: -118px; width: 360px; height: 360px; content: ''; background: radial-gradient(circle, rgb(242 134 143 / 48%) 0%, rgb(142 85 159 / 19%) 42%, transparent 70%); }
.workspace-page--partner .workspace-hero::after { position: absolute; z-index: -1; right: 7%; bottom: -105px; width: 245px; height: 205px; content: ''; border: 1px solid rgb(255 255 255 / 24%); transform: skewY(-32deg) rotate(-3deg); }
.workspace-page--partner .workspace-hero > * { position: relative; z-index: 1; }
.workspace-page--partner .workspace-hero .eyebrow { color: #ff9daf; }
.workspace-page--partner .workspace-hero h1 { font-size: clamp(34px, 3.5vw, 46px); letter-spacing: -.045em; }
.workspace-page--partner .workspace-hero p:last-child { color: rgb(255 255 255 / 79%); font-size: 15px; }
.workspace-page--partner .workspace-hero__badge { padding: 9px 13px; background: rgb(255 255 255 / 10%); border-color: rgb(255 255 255 / 24%); backdrop-filter: blur(10px); letter-spacing: .035em; }
.workspace-page--partner .workspace-kpis { gap: 16px; }
.workspace-page--partner .workspace-kpis--partner { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.workspace-page--partner .workspace-kpis article { position: relative; padding: 23px 24px; overflow: hidden; border-color: rgb(26 33 77 / 8%); border-radius: 15px; box-shadow: 0 12px 32px rgb(26 33 77 / 5%); }
.workspace-page--partner .workspace-kpis article::after { position: absolute; right: 0; bottom: 0; left: 0; height: 3px; content: ''; background: linear-gradient(90deg, var(--tessi-blue), var(--tessi-violet), var(--tessi-pink)); opacity: .72; }
.workspace-page--partner .workspace-kpis strong { color: var(--tessi-navy); }
.workspace-page--partner .workspace-panel { border-color: rgb(26 33 77 / 8%); border-radius: 17px; box-shadow: 0 16px 42px rgb(26 33 77 / 7%); }
.workspace-page--partner .workspace-panel > header { padding: 26px 27px 18px; }
.workspace-page--partner .workspace-panel .eyebrow { color: var(--tessi-violet); }
.workspace-page--partner .case-filters { padding: 16px 26px; background: #f8f8fb; border-color: #e9e9f0; }
.workspace-page--partner .case-filters input:focus, .workspace-page--partner .case-filters select:focus { border-color: var(--tessi-violet); outline: 0; box-shadow: 0 0 0 4px rgb(142 85 159 / 10%); }
.workspace-page--partner .case-link { min-height: 32px; padding-inline: 13px; align-items: center; background: linear-gradient(105deg, var(--tessi-blue), var(--tessi-violet) 68%, var(--tessi-pink)); box-shadow: 0 7px 16px rgb(142 85 159 / 18%); }
.workspace-page--partner .case-link:hover { box-shadow: 0 9px 20px rgb(142 85 159 / 28%); transform: translateY(-1px); }
.workspace-page--partner .workspace-readonly-note { color: #55456f; background: linear-gradient(105deg, rgb(0 122 190 / 7%), rgb(238 93 132 / 8%)); border-color: rgb(142 85 159 / 18%); }
.workspace-page--partner .case-detail__back { color: var(--tessi-violet); }
.workspace-page--partner .document-checklist li.is-valid { border-left-color: var(--tessi-blue); }
.workspace-page--partner .case-decisions button { min-height: 43px; background: #fff; cursor: pointer; font-weight: 750; transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease; }
.workspace-page--partner .case-decisions button:hover { border-color: var(--tessi-violet); box-shadow: 0 8px 18px rgb(26 33 77 / 9%); transform: translateY(-1px); }
.workspace-page--partner .case-decisions [data-case-start-review], .workspace-page--partner .case-decisions [data-case-approve], .workspace-page--partner .case-decisions [data-case-reason-confirm] { color: #fff; background: linear-gradient(105deg, var(--tessi-blue), var(--tessi-violet), var(--tessi-pink)); border-color: transparent; }
.workspace-page--partner .case-decisions [data-case-reject] { color: #a33252; border-color: rgb(214 57 103 / 25%); }
.partner-analytics { display: grid; scroll-margin-top: 95px; gap: 18px; }
.partner-analytics__header { display: flex; padding: 7px 2px 0; align-items: flex-end; justify-content: space-between; gap: 30px; }
.partner-analytics__header h2 { margin-bottom: 5px; font-size: 29px; }
.partner-analytics__header p:last-child { margin: 0; color: var(--muted); }
.partner-analytics__header label { display: grid; min-width: 210px; gap: 6px; color: #666a7f; font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.partner-analytics__header select { min-height: 43px; padding: 0 38px 0 13px; color: var(--tessi-navy); background: #fff; border: 1px solid #dedee8; border-radius: 9px; outline: 0; font-size: 12px; font-weight: 700; text-transform: none; }
.partner-analytics__header select:focus { border-color: var(--tessi-violet); box-shadow: 0 0 0 4px rgb(142 85 159 / 10%); }
.partner-chart-card, .partner-insights > article { min-width: 0; overflow: hidden; background: #fff; border: 1px solid rgb(26 33 77 / 8%); border-radius: 17px; box-shadow: 0 16px 42px rgb(26 33 77 / 6%); }
.partner-chart-card > header { display: flex; padding: 24px 28px 8px; align-items: flex-start; justify-content: space-between; gap: 25px; }
.partner-chart-card h3, .partner-insights h3 { margin-bottom: 4px; color: var(--tessi-navy); font-size: 20px; }
.partner-chart-card header p { margin: 0; color: var(--muted); font-size: 12px; }
.partner-chart-card header > strong { color: #666a7e; font-size: 11px; white-space: nowrap; }
.partner-chart-card header > strong span { color: var(--tessi-violet); font-size: 22px; }
.partner-chart { display: flex; min-height: 270px; padding: 27px 25px 22px; overflow-x: auto; align-items: stretch; gap: clamp(5px, .55vw, 11px); border-top: 1px solid #f0f0f4; }
.partner-chart__column { display: grid; min-width: 16px; min-height: 215px; flex: 1 1 16px; grid-template-rows: 22px 1fr 24px; align-items: end; justify-items: center; gap: 6px; }
.partner-chart__column strong { color: #7c7f91; font-size: 9px; }
.partner-chart__column i { width: min(25px, 78%); height: var(--chart-value); min-height: 2px; background: linear-gradient(180deg, var(--tessi-pink), var(--tessi-violet) 52%, var(--tessi-blue)); border-radius: 7px 7px 3px 3px; box-shadow: 0 6px 14px rgb(142 85 159 / 15%); }
.partner-chart__column small { color: #8a8d9c; font-size: 9px; white-space: nowrap; }
.partner-insights { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr); gap: 18px; }
.partner-insights article > header { padding: 23px 25px 15px; border-bottom: 1px solid #eeeeF3; }
.partner-insights .eyebrow { margin-bottom: 3px; color: var(--tessi-violet); }
.partner-status-breakdown { display: grid; padding: 21px 25px 25px; gap: 15px; }
.partner-status-breakdown__item { display: grid; gap: 7px; }
.partner-status-breakdown__item > span { display: flex; align-items: center; justify-content: space-between; gap: 20px; color: #5f6378; font-size: 11px; }
.partner-status-breakdown__item > span strong { color: var(--tessi-navy); font-size: 12px; }
.partner-status-breakdown__item > i { height: 7px; overflow: hidden; background: #eeeef4; border-radius: 99px; }
.partner-status-breakdown__item > i b { display: block; height: 100%; background: linear-gradient(90deg, var(--tessi-blue), var(--tessi-violet), var(--tessi-pink)); border-radius: inherit; }

.case-exchanges { overflow: hidden; }
.case-exchange-timeline { display: grid; gap: 18px; margin: 0; padding: 24px; list-style: none; background: #f7f8fb; border-top: 1px solid #e9eaf0; }
.case-exchange { width: min(78%, 720px); padding: 18px 20px; background: #fff; border: 1px solid #e0e3eb; border-radius: 16px; box-shadow: 0 8px 24px rgba(33, 39, 69, .06); }
.case-exchange--complement { justify-self: end; border-color: rgba(44, 174, 158, .35); }
.case-exchange__meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 16px; margin-bottom: 10px; color: #686d7f; font-size: 13px; }
.case-exchange__meta strong { color: var(--tessi-navy); font-size: 14px; }
.case-exchange p { margin: 0; color: #35394c; font-size: 15px; line-height: 1.65; white-space: pre-wrap; }
.case-exchange__files { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.case-exchange__files a { padding: 8px 11px; color: var(--tessi-navy); font-size: 13px; font-weight: 700; text-decoration: none; background: #f1f3f8; border-radius: 9px; }
.case-exchange-empty { padding: 24px; color: #74798a; text-align: center; }
.case-exchange-composer { display: grid; gap: 16px; margin: 0; padding: 24px; border-top: 1px solid #e5e7ed; }
.case-exchange-composer label { display: grid; gap: 8px; color: var(--tessi-navy); font-size: 14px; font-weight: 700; }
.case-exchange-composer textarea { min-height: 120px; padding: 14px 16px; font: inherit; line-height: 1.5; resize: vertical; border: 1px solid #cfd3dd; border-radius: 12px; }
.case-exchange-files { padding: 16px; background: #f7f8fb; border: 1px dashed #bbc1d0; border-radius: 12px; }
.case-exchange-files span { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px; }
.case-exchange-files small { color: #74798a; font-weight: 500; }
.case-exchange-composer__footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; color: #74798a; font-size: 13px; }
@media (max-width: 720px) { .case-exchange { width: 100%; } .case-exchange-timeline, .case-exchange-composer { padding: 18px; } .case-exchange-composer__footer { align-items: stretch; flex-direction: column; } }
.partner-review-reasons { display: grid; padding: 11px 25px 20px; margin: 0; list-style: none; }
.partner-review-reasons li { display: flex; min-height: 49px; padding: 10px 0; align-items: center; justify-content: space-between; gap: 20px; color: #5f6378; border-bottom: 1px solid #f0f0f4; font-size: 11px; }
.partner-review-reasons li:last-child { border-bottom: 0; }
.partner-review-reasons li strong { display: grid; width: 27px; height: 27px; flex: none; place-items: center; color: #fff; background: linear-gradient(145deg, var(--tessi-violet), var(--tessi-pink)); border-radius: 50%; font-size: 10px; }
.partner-review-reasons .partner-review-reasons__empty { min-height: 95px; justify-content: center; color: #858899; text-align: center; }
.partner-cases-table { min-width: 1320px; }
.partner-cases-table th, .partner-cases-table td { padding-inline: 15px; }
.partner-cases-table td:first-child strong { color: var(--tessi-navy); white-space: nowrap; }
.partner-cases-table td:nth-child(2) { min-width: 180px; }
.partner-cases-table td:nth-child(6), .partner-cases-table td:nth-child(8) { white-space: nowrap; }
.business-workspace--partner #dossiers { scroll-margin-top: 95px; }
.workspace-page--partner .sidebar__nav { padding-top: 26px; gap: 7px; }
.partner-api-overview { display: grid; min-width: 0; gap: 22px; }
.partner-api-hero { position: relative; isolation: isolate; display: flex; min-height: 290px; padding: 48px 52px; overflow: hidden; align-items: flex-end; justify-content: space-between; gap: 45px; color: #fff; background: linear-gradient(118deg, #141a43 0%, #2b2259 55%, #813e78 100%); border-radius: 22px; box-shadow: 0 26px 60px rgb(26 33 77 / 20%); }
.partner-api-hero::before { position: absolute; z-index: -1; right: -100px; top: -210px; width: 560px; height: 560px; content: ''; background: radial-gradient(circle, rgb(242 134 143 / 50%), rgb(142 85 159 / 18%) 45%, transparent 70%); }
.partner-api-hero::after { position: absolute; z-index: -1; right: 8%; bottom: -170px; width: 330px; height: 310px; content: ''; border: 1px solid rgb(255 255 255 / 26%); transform: skewY(-31deg); }
.partner-api-hero > div { max-width: 820px; }
.partner-api-hero .eyebrow { color: #ff9daf; }
.partner-api-hero h1 { margin-bottom: 16px; color: #fff; font-size: clamp(43px, 5vw, 72px); line-height: .98; }
.partner-api-hero p:last-child { max-width: 760px; margin: 0; color: rgb(255 255 255 / 78%); font-size: 17px; line-height: 1.65; }
.partner-api-hero > span { position: relative; z-index: 1; padding: 10px 14px; background: rgb(255 255 255 / 10%); border: 1px solid rgb(255 255 255 / 24%); border-radius: 999px; backdrop-filter: blur(12px); font-size: 10px; font-weight: 800; letter-spacing: .08em; white-space: nowrap; }
.partner-api-promises { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.partner-api-promises article { display: flex; min-width: 0; padding: 22px 24px; align-items: center; gap: 17px; background: #fff; border: 1px solid rgb(26 33 77 / 8%); border-radius: 15px; box-shadow: 0 12px 30px rgb(26 33 77 / 5%); }
.partner-api-promises article > strong { color: var(--tessi-pink); font-size: 11px; }
.partner-api-promises article > span { display: grid; gap: 3px; }
.partner-api-promises b { color: var(--tessi-navy); font-size: 13px; }
.partner-api-promises small { color: #727588; font-size: 11px; line-height: 1.45; }
.partner-api-flow { padding: 39px 42px 42px; background: #fff; border: 1px solid rgb(26 33 77 / 8%); border-radius: 20px; box-shadow: 0 16px 42px rgb(26 33 77 / 6%); }
.partner-api-flow > header { max-width: 820px; margin-bottom: 27px; }
.partner-api-flow h2, .partner-api-developer h2 { margin-bottom: 8px; font-size: clamp(27px, 3vw, 39px); }
.partner-api-flow header p:last-child, .partner-api-developer__copy > p:not(.eyebrow) { margin: 0; color: var(--muted); line-height: 1.65; }
.partner-api-flow__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.partner-api-flow__grid article { position: relative; display: flex; min-height: 295px; padding: 25px; overflow: hidden; background: linear-gradient(150deg, #fafafd, #fff); border: 1px solid #e9e9ef; border-radius: 15px; flex-direction: column; }
.partner-api-flow__grid article::after { position: absolute; right: 0; bottom: 0; left: 0; height: 3px; content: ''; background: linear-gradient(90deg, var(--tessi-blue), var(--tessi-violet), var(--tessi-pink)); }
.partner-api-flow__grid article > span { align-self: flex-start; padding: 5px 8px; color: var(--tessi-violet); background: rgb(142 85 159 / 9%); border-radius: 999px; font-size: 9px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.partner-api-flow__grid svg { width: 31px; height: 31px; margin: 27px 0 20px; color: var(--tessi-navy); }
.partner-api-flow__grid h3 { margin-bottom: 12px; font-size: 20px; }
.partner-api-flow__grid code { display: block; margin-bottom: 7px; overflow-wrap: anywhere; color: #6e467f; font-size: 10px; font-weight: 750; }
.partner-api-flow__grid p { margin: auto 0 0; color: #717487; font-size: 12px; line-height: 1.55; }
.partner-api-developer { display: grid; min-height: 470px; overflow: hidden; grid-template-columns: minmax(420px, .85fr) minmax(0, 1.15fr); background: var(--tessi-navy); border-radius: 20px; box-shadow: 0 22px 55px rgb(26 33 77 / 16%); }
.partner-api-developer__copy { padding: 47px 50px; color: #fff; }
.partner-api-developer__copy .eyebrow { color: #ff9daf; }
.partner-api-developer__copy h2 { color: #fff; }
.partner-api-developer__copy > p:not(.eyebrow) { color: rgb(255 255 255 / 66%); }
.partner-api-developer ul { display: grid; padding: 0; margin: 27px 0 31px; gap: 12px; list-style: none; }
.partner-api-developer li { display: flex; align-items: center; gap: 10px; color: rgb(255 255 255 / 84%); font-size: 12px; }
.partner-api-developer li span { display: grid; width: 21px; height: 21px; place-items: center; color: #fff; background: linear-gradient(145deg, var(--tessi-blue), var(--tessi-pink)); border-radius: 50%; font-size: 10px; }
.partner-api-button { color: var(--tessi-navy); background: #fff; box-shadow: none; }
.partner-api-button:hover { background: #f5eaf2; }
.partner-api-console { min-width: 0; margin: 25px 25px 25px 0; overflow: hidden; color: #e7e8f0; background: #0b0e25; border: 1px solid rgb(255 255 255 / 10%); border-radius: 15px; box-shadow: 0 25px 55px rgb(0 0 0 / 25%); }
.partner-api-console header { display: flex; min-height: 48px; padding: 0 18px; align-items: center; gap: 7px; color: #85899c; background: #11152f; border-bottom: 1px solid rgb(255 255 255 / 8%); font-size: 10px; }
.partner-api-console header i { width: 8px; height: 8px; background: #ee5d84; border-radius: 50%; }
.partner-api-console header i:nth-child(2) { background: #f2b35c; }
.partner-api-console header i:nth-child(3) { margin-right: 8px; background: #50bda8; }
.partner-api-console pre { padding: 30px 31px; margin: 0; overflow-x: auto; font-size: 12px; line-height: 1.8; }
.partner-api-console code > span { color: #6fc6ec; }
.partner-api-console code em { color: #f49bb2; font-style: normal; }
.partner-api-console code b { color: #72c9b7; }
.partner-api-note { display: flex; padding: 17px 20px; align-items: center; gap: 14px; color: #62667b; background: linear-gradient(105deg, rgb(0 122 190 / 6%), rgb(238 93 132 / 8%)); border: 1px solid rgb(142 85 159 / 16%); border-radius: 12px; font-size: 11px; }
.partner-api-note span { padding: 5px 8px; color: #fff; background: linear-gradient(115deg, var(--tessi-blue), var(--tessi-violet)); border-radius: 999px; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.partner-api-note p { margin: 0; }

@media (max-width: 1600px) {
    .process-diagram { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .process-step:not(:nth-child(5n))::after { display: none; }
}

@media (max-width: 1120px) {
    .sheet-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .detail-layout { grid-template-columns: minmax(0, 1fr) 285px; }
    .sheet-audit-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .sheet-audit-summary article + article { border-left: 0; }
    .sheet-audit-summary article { border-bottom: 1px solid var(--line); }
    .process-diagram { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .topbar__environment { display: none; }
    .workspace-choice-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .workspace-choice { min-height: 270px; }
    .workspace-page--partner .workspace-kpis--partner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .partner-insights { grid-template-columns: 1fr; }
    .partner-api-flow__grid { grid-template-columns: 1fr; }
    .partner-api-flow__grid article { min-height: 250px; }
    .partner-api-developer { grid-template-columns: 1fr; }
    .partner-api-console { margin: 0 25px 25px; }
}

@media (max-width: 920px) {
    .auth-card { min-height: 100svh; grid-template-columns: minmax(0, 1fr) minmax(390px, .9fr); }
    .auth-card__form-panel { padding-inline: 34px; }
    .auth-card__visual { padding: 34px; }
    .auth-card__visual h2 { font-size: clamp(37px, 5vw, 49px); }
    .auth-card__visual-brand b, .auth-card__visual-content > p:not(.auth-card__visual-eyebrow), .auth-card__visual-footer { display: none; }
    .auth-card__proof { grid-template-columns: 1fr; gap: 10px; }
    .auth-card__proof li { min-height: 35px; padding: 0 0 0 15px; grid-template-columns: 30px 1fr; align-items: center; border-left: 2px solid rgb(255 255 255 / 24%); }
    .auth-card__proof li:first-child { padding-left: 15px; border-left: 2px solid rgb(255 255 255 / 24%); }
    .auth-card__proof span { margin: 0; }
    .sidebar { transform: translateX(-100%); transition: transform .2s ease; }
    .sidebar.is-open { transform: translateX(0); }
    .sidebar.is-open ~ * { pointer-events: none; }
    .sidebar__close, .topbar__menu { display: grid; }
    .sidebar-backdrop.is-open { display: block; }
    .workspace-main { width: 100%; margin-left: 0; }
    .detail-layout { grid-template-columns: 1fr; }
    .detail-aside { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .users-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .workspace-member { grid-template-columns: minmax(220px, 1.2fr) minmax(180px, 1fr) auto; }
    .workspace-member__status { display: none; }
    .admin-case-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-case-detail__grid { grid-template-columns: 1fr; }
    .admin-case-aside { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-case-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
    .auth-shell { padding: 0; }
    .auth-card { display: flex; min-height: 100vh; border: 0; border-radius: 0; box-shadow: none; flex-direction: column; }
    .auth-card__visual { min-height: 405px; padding: 29px 24px 32px; }
    .auth-card__visual-image { object-position: 58% center; }
    .auth-card__visual-brand { display: none; }
    .auth-card__visual-content { padding: 0; }
    .auth-card__visual-eyebrow { margin-bottom: 13px; font-size: 11px; letter-spacing: .08em; }
    .auth-card__visual h2 { margin-bottom: 22px; font-size: 34px; }
    .auth-card__proof { display: flex; gap: 0; }
    .auth-card__proof li, .auth-card__proof li:first-child { min-height: 45px; padding: 0 12px; border-left: 1px solid rgb(255 255 255 / 22%); grid-template-columns: none; }
    .auth-card__proof li:first-child { padding-left: 0; border-left: 0; }
    .auth-card__proof strong { font-size: 17px; }
    .auth-card__proof span { margin-top: 5px; font-size: 11px; line-height: 1.2; }
    .auth-card__form-panel { min-height: 610px; padding: 26px 24px 24px; }
    .auth-card__form-header { min-height: 43px; justify-content: space-between; }
    .auth-card__form-header .auth-brand { display: inline-flex; gap: 11px; }
    .auth-card__form-header .auth-brand img { width: 116px; }
    .auth-card__form-header .auth-brand span { padding-left: 11px; font-size: 11px; }
    .auth-card__access { display: none; }
    .auth-card__form-content { padding: 43px 0 38px; }
    .auth-card__form-content h1 { font-size: 38px; }
    .auth-card__intro { margin-bottom: 29px; font-size: 16px; }
    .auth-card__legal { align-items: center; flex-direction: column; gap: 4px; }
    .topbar { height: 64px; padding: 0 18px; gap: 12px; }
    .topbar__search { width: 100%; }
    .topbar__search kbd, .topbar__actions { display: none; }
    .content { min-height: calc(100vh - 64px); padding: 27px 18px 40px; }
    .page-heading { align-items: flex-start; flex-direction: column; }
    .page-heading__date { display: none; }
    .welcome-panel { display: block; }
    .welcome-panel__copy { padding: 35px 27px; }
    .welcome-panel__visual { display: none; }
    .empty-dashboard { padding: 22px 18px; }
    .sheet-grid, .detail-aside { grid-template-columns: 1fr; }
    .catalog-search { align-items: stretch; flex-direction: column; }
    .catalog-search > svg { margin-top: 14px; }
    .catalog-meta { align-items: flex-start; flex-direction: column; gap: 5px; }
    .detail-hero { padding: 28px 24px; }
    .detail-hero__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .detail-panel { padding: 22px; }
    .sheet-audit-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sheet-audit-summary article { min-height: 77px; padding: 15px 17px; }
    .process-panel { padding: 21px 16px; }
    .process-panel__header { align-items: flex-start; flex-direction: column; gap: 17px; }
    .process-diagram { grid-template-columns: 1fr; }
    .process-step { min-height: 0; }
    .process-loop { align-items: start; grid-template-columns: 36px 1fr; }
    .process-loop p { grid-column: 1 / -1; }
    .document-card__summary { align-items: flex-start; flex-wrap: wrap; }
    .document-card__body { padding-left: 16px; }
    .document-card__definitions, .quality-grid, .requirement-fields { grid-template-columns: 1fr; }
    .users-page__header { align-items: stretch; flex-direction: column; }
    .users-stats { grid-template-columns: 1fr; }
    .users-filters, .user-form-grid { grid-template-columns: 1fr; }
    .workspace-kpis, .case-filters { grid-template-columns: 1fr; }
    .workspace-hero { padding: 25px 22px; align-items: flex-start; flex-direction: column; gap: 16px; }
    .workspace-hero h1 { overflow-wrap: anywhere; font-size: 30px; }
    .workspace-hero__badge { white-space: normal; }
    .workspace-page--partner .workspace-hero { min-height: 240px; padding: 31px 25px; }
    .workspace-page--partner .workspace-hero::after { right: -95px; }
    .workspace-page--partner .workspace-hero h1 { font-size: 34px; }
    .workspace-page--partner .case-decisions { align-items: stretch; flex-direction: column; }
    .workspace-page--partner .case-decisions button { width: 100%; }
    .workspace-page--partner .content { padding-inline: 17px; }
    .workspace-page--partner .workspace-kpis--partner { grid-template-columns: 1fr; }
    .partner-analytics__header, .partner-chart-card > header { align-items: stretch; flex-direction: column; gap: 16px; }
    .partner-analytics__header label { min-width: 0; }
    .partner-chart-card > header { padding: 22px 20px 7px; }
    .partner-chart { padding-inline: 20px; }
    .partner-chart__column { min-width: 24px; flex: 1 0 24px; }
    .partner-insights { grid-template-columns: 1fr; }
    .partner-api-hero { min-height: 410px; padding: 34px 25px; align-items: flex-start; flex-direction: column; justify-content: flex-end; }
    .partner-api-hero h1 { font-size: 45px; }
    .partner-api-hero p:last-child { font-size: 15px; }
    .partner-api-promises { grid-template-columns: 1fr; }
    .partner-api-flow { padding: 29px 20px 22px; }
    .partner-api-flow__grid { grid-template-columns: 1fr; }
    .partner-api-developer { grid-template-columns: 1fr; }
    .partner-api-developer__copy { padding: 35px 24px; }
    .partner-api-console { margin: 0 16px 16px; }
    .partner-api-console pre { padding: 23px 20px; font-size: 10px; }
    .partner-api-note { align-items: flex-start; flex-direction: column; }
    .user-form-grid__wide { grid-column: auto; }
    .workspace-placeholder { padding: 38px 24px; }
    .workspace-switcher__topbar { min-height: 72px; padding: 11px 18px; }
    .workspace-switcher__brand > span { width: 118px; height: 43px; }
    .workspace-switcher__brand strong, .workspace-switcher__secure, .workspace-switcher__identity { display: none; }
    .workspace-switcher__avatar { width: 38px; height: 38px; }
    .workspace-switcher__account button { width: 38px; height: 38px; }
    .workspace-switcher__main { padding: 43px 17px 55px; }
    .workspace-switcher__intro { margin-bottom: 27px; }
    .workspace-switcher__intro h1 { font-size: 42px; }
    .workspace-switcher__intro > p:last-child { font-size: 15px; }
    .workspace-choice-grid { grid-template-columns: 1fr; gap: 13px; }
    .workspace-choice { min-height: 235px; padding: 22px; }
    .workspace-choice__copy { padding: 23px 0 19px; }
    .workspace-member-panel { margin-top: 20px; border-radius: 15px; }
    .workspace-member-panel__header { padding: 22px 19px; align-items: stretch; flex-direction: column; gap: 18px; }
    .workspace-member-search { width: 100%; }
    .workspace-member { padding: 18px 19px; grid-template-columns: 1fr; gap: 13px; }
    .workspace-member__identity { grid-column: auto; }
    .workspace-member__workspace { padding-left: 55px; }
    .workspace-member__action { width: 100%; min-height: 44px; margin-top: 2px; }
    .workspace-switcher__footer { min-height: 58px; padding: 0 18px; justify-content: center; text-align: center; }
    .workspace-switcher__footer span:last-child { display: none; }
    .admin-cases .page-heading h1 { font-size: 35px; }
    .admin-case-kpis { gap: 9px; }
    .admin-case-kpis article { min-height: 102px; padding: 16px; }
    .admin-case-kpis strong { font-size: 26px; }
    .admin-cases__panel > header { align-items: flex-start; flex-direction: column; gap: 10px; }
    .admin-case-filters { padding: 13px; grid-template-columns: 1fr; }
    .admin-cases__table-wrap { min-height: 0; overflow: visible; }
    .admin-cases-table { display: block; min-width: 0; }
    .admin-cases-table thead { display: none; }
    .admin-cases-table tbody { display: grid; padding: 12px; gap: 12px; }
    .admin-cases-table tr { display: grid; padding: 7px 15px; background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; box-shadow: 0 7px 19px rgb(32 36 61 / 5%); }
    .admin-cases-table td { display: flex; min-height: 42px; padding: 9px 0; align-items: center; justify-content: space-between; gap: 13px; border-bottom: 1px solid #eceef1; text-align: right; }
    .admin-cases-table td::before { color: #858895; content: attr(data-label); font-size: 8px; font-weight: 850; letter-spacing: .06em; text-align: left; text-transform: uppercase; }
    .admin-cases-table td:last-child { border-bottom: 0; }
    .admin-cases-table td:nth-child(6) { display: none; }
    .admin-case-identity, .admin-case-beneficiary, .admin-case-vehicle, .admin-case-workspace { min-width: 0; max-width: 66%; }
    .admin-case-identity strong, .admin-case-beneficiary strong, .admin-case-vehicle strong, .admin-case-workspace strong { white-space: normal; }
    .admin-case-identity small, .admin-case-beneficiary small, .admin-case-vehicle small, .admin-case-workspace small { max-width: 100%; white-space: normal; }
    .admin-cases-table .case-link { min-height: 38px; padding-inline: 14px; align-items: center; }
    .admin-case-hero { min-height: 0; padding: 27px 23px; grid-template-columns: 1fr; gap: 25px; }
    .admin-case-hero h1 { overflow-wrap: anywhere; font-size: 34px; }
    .admin-case-hero__copy > p { overflow-wrap: anywhere; }
    .admin-case-progress { width: 100%; }
    .admin-case-facts { grid-template-columns: 1fr; gap: 8px; }
    .admin-case-detail__grid { gap: 12px; }
    .admin-case-aside { grid-template-columns: 1fr; gap: 12px; }
    .admin-case-data > header { align-items: flex-start; }
    .admin-case-step-list { padding: 6px 13px 15px; }
    .admin-case-step > header { align-items: start; grid-template-columns: 28px 1fr; }
    .admin-case-step header small { grid-column: 2; }
    .admin-case-step dl { padding: 0 10px 11px; grid-template-columns: 1fr; }
}

@media (max-width: 1050px) and (min-width: 701px) {
    .seller-front-page .journey-offer { display: grid; min-height: 270px; grid-template-columns: minmax(280px, .82fr) minmax(0, 1fr); }
    .seller-front-page .journey-launcher__grid .journey-offer > .journey-offer__visual { height: 100%; }
    .seller-front-page .journey-launcher__grid .journey-offer > .journey-offer__body { min-height: 270px; padding: 29px; }
    .seller-front-page .journey-launcher__grid .journey-offer__body > strong { font-size: 21px; }
}

@media (max-width: 800px) {
    .seller-premium-hero { min-height: 560px; align-items: flex-end; border-radius: 21px; }
    .seller-premium-hero > img { object-position: 62% center; }
    .seller-premium-hero__shade { background: linear-gradient(0deg, rgb(19 24 45 / 98%) 0%, rgb(21 27 49 / 88%) 58%, rgb(21 27 49 / 16%) 100%); }
    .seller-premium-hero__content { padding: 150px 30px 38px; }
    .seller-premium-hero h1 { font-size: clamp(37px, 10vw, 49px); }
    .seller-front-page .journey-launcher { padding: 29px 24px; }
    .seller-front-page .journey-launcher > header { align-items: flex-start; }
    .journey-launcher__count { display: none; }
    .seller-front-page .workspace-panel > header { padding: 27px 24px 20px; align-items: flex-start; flex-direction: column; gap: 17px; }
    .seller-front-page .case-filters { padding: 14px 24px; grid-template-columns: 1fr; }
    .seller-page-heading { padding: 14px 4px 4px; align-items: stretch; flex-direction: column; }
    .seller-page-heading .button { align-self: flex-start; }
}

@media (max-width: 700px) {
    .seller-header__inner { min-height: 70px; padding-inline: 16px; }
    .seller-brand > span { width: 112px; height: 40px; }
    .seller-account { gap: 7px; }
    .seller-account__avatar { width: 35px; height: 35px; }
    .seller-main { padding: 14px 12px 48px; }
    .seller-home { gap: 22px; }
    .seller-premium-hero { min-height: 585px; border-radius: 17px; }
    .seller-premium-hero__content { padding: 165px 23px 30px; }
    .seller-premium-hero__label { margin-bottom: 15px; }
    .seller-premium-hero h1 { margin-bottom: 15px; }
    .seller-premium-hero__content > p { margin-bottom: 22px; font-size: 16px; }
    .seller-premium-hero__actions { align-items: stretch; flex-direction: column; }
    .seller-cta { width: 100%; }
    .seller-front-page .journey-launcher { padding: 25px 16px 20px; border-radius: 17px; }
    .seller-front-page .journey-launcher h2 { font-size: 29px; }
    .seller-front-page .journey-launcher__grid { gap: 14px; }
    .seller-front-page .journey-offer { min-height: 430px; border-radius: 15px; }
    .seller-front-page .journey-launcher__grid .journey-offer > .journey-offer__visual { height: 190px; }
    .seller-front-page .journey-launcher__grid .journey-offer > .journey-offer__body { min-height: 235px; padding: 21px 19px 18px; }
    .seller-front-page .workspace-panel { border-radius: 17px; }
    .seller-front-page .workspace-panel h2 { font-size: 27px; }
    .seller-front-page .workspace-panel > header, .seller-front-page .case-filters { padding-inline: 18px; }
    .seller-front-page .workspace-panel > header .button { width: 100%; }
    .seller-front-page .users-table { min-width: 760px; }
    .seller-cases__panel .users-table-wrap { overflow: visible; }
    .seller-cases__table { display: block; min-width: 0 !important; }
    .seller-cases__table thead { display: none; }
    .seller-cases__table tbody { display: grid; padding: 13px; gap: 12px; }
    .seller-cases__table tr { display: grid; padding: 8px 16px; background: #fff; border: 1px solid #e4e6e4; border-radius: 13px; box-shadow: 0 7px 20px rgb(25 30 52 / 4%); }
    .seller-cases__table td { display: flex; min-height: 43px; padding: 10px 0 !important; align-items: center; justify-content: space-between; gap: 15px; border-bottom: 1px solid #eceeec; text-align: right; }
    .seller-cases__table td:last-child { flex-wrap: wrap; border-bottom: 0; }
    .seller-cases__table td:last-child::before { flex-basis: 100%; text-align: left; }
    .seller-cases__table td:last-child .case-link { flex: 1 1 100%; justify-content: center; }
    .seller-cases__table td::before { color: #676c79; content: attr(data-label); font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
    .seller-cases__table td:first-child { display: grid; grid-template-columns: 1fr auto; text-align: right; }
    .seller-cases__table td:first-child::before { grid-row: 1 / 3; align-self: center; justify-self: start; }
    .seller-cases__table td:first-child > strong, .seller-cases__table td:first-child > small { grid-column: 2; }
    .seller-cases__table .case-link { min-width: 112px; text-align: center; }
}

.workspace-page--admin .content { width: 100%; max-width: none; padding-inline: clamp(24px, 3vw, 58px); margin: 0; }
.operations-dashboard, .member-insight { display: grid; min-width: 0; gap: 18px; }
.operations-hero, .member-hero { display: flex; min-height: 150px; padding: 30px 34px; align-items: center; justify-content: space-between; gap: 24px; color: #fff; background: radial-gradient(circle at 88% 12%, rgb(50 181 165 / 28%), transparent 24%), linear-gradient(120deg, #202840, #303958 58%, #283f55); border-radius: 18px; box-shadow: 0 20px 44px rgb(31 38 61 / 15%); }
.operations-hero .eyebrow, .member-hero .eyebrow { color: #73d4c5; }
.operations-hero h1, .member-hero h1 { margin: 5px 0 8px; color: #fff; font-size: clamp(29px, 3vw, 42px); letter-spacing: -.04em; }
.operations-hero p:last-child, .member-hero p { color: rgb(255 255 255 / 72%); }
.operations-hero__live, .member-status { display: inline-flex; padding: 9px 13px; align-items: center; gap: 8px; white-space: nowrap; background: rgb(255 255 255 / 9%); border: 1px solid rgb(255 255 255 / 15%); border-radius: 999px; font-size: 12px; font-weight: 800; }
.operations-hero__live i { width: 8px; height: 8px; background: #5fe0bf; border-radius: 50%; box-shadow: 0 0 0 5px rgb(95 224 191 / 12%); }
.period-control { display: flex; padding: 7px; align-items: center; gap: 4px; background: #fff; border: 1px solid var(--border); border-radius: 13px; box-shadow: 0 8px 24px rgb(31 38 61 / 4%); }
.period-control > a { padding: 10px 14px; color: #656b7b; border-radius: 9px; font-size: 13px; font-weight: 750; }
.period-control > a[aria-current='page'] { color: #fff; background: #27334d; }
.period-control form { display: flex; margin-left: auto; align-items: center; gap: 8px; }
.period-control label { display: flex; align-items: center; gap: 8px; color: #747988; font-size: 12px; font-weight: 700; }
.period-control input, .period-control button { min-height: 36px; padding: 6px 10px; border: 1px solid #dfe3e6; border-radius: 8px; }
.period-control button { color: #fff; background: #27334d; cursor: pointer; font-weight: 750; }
.operations-loading, .operations-error { padding: 60px 25px; color: #697080; background: #fff; border: 1px dashed #d8dcdf; border-radius: 15px; text-align: center; }
[data-operations-content], [data-member-content] { display: grid; gap: 18px; }
[data-operations-content][hidden], [data-member-content][hidden] { display: none; }
.operations-period { display: flex; padding: 3px 2px; align-items: end; justify-content: space-between; color: #697080; font-size: 13px; }
.operations-period div { display: grid; gap: 2px; }
.operations-period div > span { color: var(--navy); font-size: 19px; font-weight: 850; }
.operations-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); gap: 12px; }
.operations-kpi { display: grid; min-height: 116px; padding: 18px; align-content: space-between; background: #fff; border: 1px solid var(--border); border-radius: 14px; box-shadow: 0 10px 26px rgb(31 38 61 / 4%); }
.operations-kpi > span { color: #737987; font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.operations-kpi strong { color: var(--navy); font-size: 27px; }
.operations-kpi small { color: #8a909c; font-size: 10px; }
.operations-kpi small.is-positive { color: #148677; }.operations-kpi small.is-negative { color: #c35151; }
.operations-grid { display: grid; gap: 18px; }.operations-grid--wide { grid-template-columns: minmax(0, 1.75fr) minmax(310px, .75fr); }.operations-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.operations-panel { min-width: 0; padding: 22px; background: #fff; border: 1px solid var(--border); border-radius: 16px; box-shadow: 0 10px 30px rgb(31 38 61 / 4%); }
.operations-panel > header { display: flex; margin-bottom: 20px; align-items: center; justify-content: space-between; gap: 15px; }.operations-panel h2 { margin-top: 3px; font-size: 18px; }.operations-panel header > a { color: var(--teal); font-size: 12px; font-weight: 800; }
.operations-legend { display: flex; align-items: center; gap: 6px; color: #777d8b; font-size: 11px; }.operations-legend i { width: 8px; height: 8px; background: var(--teal); border-radius: 2px; }.operations-legend i:nth-child(2) { margin-left: 7px; background: #d4a659; }
.operations-chart { min-height: 260px; overflow-x: auto; }.bar-chart { display: flex; min-width: 500px; height: 260px; padding-top: 18px; align-items: stretch; gap: clamp(5px, 1vw, 14px); border-bottom: 1px solid #e7e9ea; background: repeating-linear-gradient(to bottom, #eef0f0 0 1px, transparent 1px 58px); }
.bar-chart__column { display: grid; min-width: 20px; flex: 1; grid-template-rows: 1fr auto auto; gap: 4px; color: #747b89; text-align: center; }.bar-chart__column:hover { color: var(--navy); }.bar-chart__bars { display: flex; min-height: 190px; align-items: end; justify-content: center; gap: 3px; }.bar-chart__bar { width: min(13px, 42%); min-height: 3px; background: var(--teal); border-radius: 4px 4px 1px 1px; transition: height .3s ease; }.bar-chart__bar--secondary { background: #d4a659; }.bar-chart__column small { font-size: 9px; white-space: nowrap; }.bar-chart__column strong { color: var(--navy); font-size: 10px; }
.operations-donut-layout { display: grid; grid-template-columns: 150px 1fr; align-items: center; gap: 25px; }.operations-donut { display: grid; width: 150px; height: 150px; place-items: center; border-radius: 50%; color: var(--navy); font-size: 25px; font-weight: 850; }.operations-donut::before { position: absolute; width: 92px; height: 92px; content: ''; background: #fff; border-radius: 50%; }.operations-donut { position: relative; }.operations-donut { isolation: isolate; }.operations-donut::before { z-index: -1; }
.operations-breakdown, .operations-ranking, .operations-alerts, .member-timeline { display: grid; padding: 0; margin: 0; list-style: none; gap: 10px; }.operations-breakdown li, .operations-ranking li { display: flex; padding-bottom: 9px; align-items: center; justify-content: space-between; gap: 10px; border-bottom: 1px solid #eff1f1; font-size: 12px; }.operations-breakdown li span::before { display: inline-block; width: 8px; height: 8px; margin-right: 8px; content: ''; background: var(--dot); border-radius: 2px; }.operations-ranking strong { color: var(--navy); }
.operations-alerts li { display: grid; padding: 11px 12px; background: #fff9ee; border-left: 3px solid #d4a659; border-radius: 7px; }.operations-alerts a { color: var(--navy); font-weight: 850; }.operations-alerts span, .operations-alerts small { color: #747986; font-size: 11px; }
.operations-activity { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: #e8ebeb; }.operations-activity article { display: grid; padding: 13px; grid-template-columns: 8px 1fr; background: #fff; gap: 2px 8px; }.operations-activity i { width: 7px; height: 7px; margin-top: 5px; background: var(--teal); border-radius: 50%; grid-row: 1/4; }.operations-activity strong { color: var(--navy); font-size: 12px; }.operations-activity span, .operations-activity time { color: #7b8190; font-size: 10px; }
.member-hero { min-height: 165px; justify-content: flex-start; }.member-hero__avatar { display: grid; width: 74px; height: 74px; place-items: center; color: var(--navy); background: #d8b879; border-radius: 18px; font-size: 22px; font-weight: 900; }.member-status { margin-left: auto; }.member-status.is-inactive { color: #ffc7c7; }.member-timeline { max-height: 300px; overflow: auto; }.member-timeline li { display: grid; padding: 8px 5px 8px 20px; position: relative; border-left: 1px solid #dfe3e2; }.member-timeline i { position: absolute; top: 12px; left: -4px; width: 7px; height: 7px; background: var(--teal); border-radius: 50%; }.member-timeline strong { color: var(--navy); font-size: 12px; }.member-timeline span, .member-timeline time { color: #7b8190; font-size: 10px; }.member-case-tabs { display: flex; margin-bottom: 14px; gap: 7px; }.member-case-tabs button { padding: 8px 12px; color: #626978; background: #f3f5f4; border: 0; border-radius: 8px; cursor: pointer; font-weight: 750; }.member-case-tabs button[aria-pressed='true'] { color: #fff; background: var(--navy); }.member-cases td a { color: var(--navy); font-weight: 850; }.member-cases td small { display: block; }

@media (max-width: 1250px) { .operations-kpis { grid-template-columns: repeat(4, 1fr); }.operations-activity { grid-template-columns: repeat(3, 1fr); }.operations-grid--three { grid-template-columns: repeat(2, 1fr); }.operations-grid--three > :last-child { grid-column: 1/-1; } }
@media (max-width: 900px) { .operations-grid--wide { grid-template-columns: 1fr; }.operations-activity { grid-template-columns: repeat(2, 1fr); }.period-control { align-items: stretch; flex-wrap: wrap; }.period-control form { width: 100%; margin-left: 0; justify-content: flex-end; }.operations-donut-layout { grid-template-columns: 140px 1fr; } }
@media (max-width: 700px) { .workspace-page--admin .content { padding-inline: 15px; }.operations-hero, .member-hero { padding: 25px 21px; align-items: flex-start; flex-direction: column; }.operations-hero__live, .member-status { margin-left: 0; }.period-control > a { flex: 1; padding-inline: 6px; text-align: center; }.period-control label { flex: 1; }.period-control input { width: 100%; }.operations-kpis { grid-template-columns: repeat(2, 1fr); }.operations-kpi { min-height: 105px; padding: 15px; }.operations-grid--three, .operations-activity { grid-template-columns: 1fr; }.operations-grid--three > :last-child { grid-column: auto; }.operations-donut-layout { grid-template-columns: 1fr; justify-items: center; }.operations-panel { padding: 18px 15px; }.operations-chart { min-height: 235px; }.bar-chart { height: 235px; }.member-hero__avatar { width: 60px; height: 60px; }.member-cases .users-table { min-width: 690px; } }

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

/* Purchase-order catalogue and assessment, shared by seller and administration. */
.order-catalog { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; min-width: 0; }
.order-catalog__heading > div, .order-detail__heading > div { min-width: 0; max-width: 100%; }
.order-catalog__heading, .order-detail__heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 16px 0 4px; }
.order-catalog__heading h1, .order-detail__heading h1 { margin: 8px 0 12px; font-size: clamp(28px, 3vw, 42px); line-height: 1.16; letter-spacing: -.035em; }
.order-catalog__heading p:last-child, .order-detail__heading p:last-child { max-width: 770px; margin: 0; color: #727589; line-height: 1.65; }
.order-source-badge { display: inline-flex; gap: 8px; align-items: center; flex-shrink: 0; padding: 10px 14px; border: 1px solid #d7e9e4; border-radius: 999px; background: #edf7f3; color: #247467; font-size: 11px; font-weight: 750; }
.order-source-badge i { width: 7px; height: 7px; border-radius: 50%; background: #279b88; }
.order-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.order-kpis article { padding: 20px 22px; border: 1px solid #e5e5ed; border-radius: 16px; background: #fff; box-shadow: 0 4px 18px rgb(40 45 65 / 3%); }
.order-kpis span { display: block; margin-bottom: 9px; font-size: 12px; font-weight: 650; color: #6b7083; }
.order-kpis strong { display: block; margin-bottom: 8px; font-size: 34px; line-height: 1; letter-spacing: -.04em; }
.order-kpis small { display: block; color: #85889a; font-size: 10px; line-height: 1.5; }
.order-kpi--complete strong { color: #27816d; }
.order-kpi--incomplete strong { color: #ab781f; }
.order-search-panel { min-width: 0; overflow: hidden; border: 1px solid #e0e3eb; border-radius: 20px; background: #fff; box-shadow: 0 14px 42px rgb(36 42 62 / 4%); }
.order-filters { padding: 24px 24px 0; }
.order-search-input { display: flex; align-items: center; gap: 13px; height: 58px; padding: 0 18px; border: 1px solid #dce0e9; border-radius: 12px; background: #f8f9fc; transition: box-shadow .15s, border-color .15s; }
.order-search-input:focus-within { border-color: #319a89; box-shadow: 0 0 0 3px rgb(49 154 137 / 12%); background: #fff; }
.order-search-input svg { width: 22px; height: 22px; flex-shrink: 0; fill: none; stroke: #7b8295; stroke-width: 1.6; }
.order-search-input input { width: 100%; min-width: 0; padding: 10px 0; border: 0; background: transparent; outline: none; color: #30364f; font: inherit; font-size: 14px; }
.order-search-input kbd { padding: 5px 7px; border: 1px solid #e1e4eb; border-radius: 5px; color: #9295a6; font: inherit; font-size: 9px; }
.order-filters__selects { display: grid; grid-template-columns: repeat(auto-fit, minmax(135px, 1fr)); gap: 12px; margin-top: 18px; }
.order-filters__selects label { display: grid; gap: 7px; min-width: 0; }
.order-filters__selects label > span { color: #767b8d; font-size: 10px; font-weight: 700; }
.order-filters__selects select { width: 100%; min-width: 0; height: 40px; padding: 0 10px; border: 1px solid #e0e3ea; border-radius: 8px; background: #fff; color: #41475d; font: inherit; font-size: 11px; }
.order-filters__footer, .order-table-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 0; color: #73798b; font-size: 11px; }
.order-filters__footer p { margin: 0; }
.order-filters__footer button, .order-empty button { padding: 5px 0; border: 0; background: transparent; color: #437b73; cursor: pointer; font: inherit; font-size: 11px; font-weight: 650; }
.order-filters__footer button span { margin-left: 6px; font-size: 15px; }
.order-table-wrap { overflow-x: auto; border-top: 1px solid #e9ebf0; }
.order-table-wrap[aria-busy="true"] { min-height: 160px; opacity: .6; }
.order-table { width: 100%; border-collapse: collapse; text-align: left; font-size: 11px; }
.order-table th { padding: 14px 16px; background: #f8f9fc; color: #797e90; font-size: 9px; font-weight: 750; letter-spacing: .03em; text-transform: uppercase; white-space: nowrap; }
.order-table td { padding: 18px 16px; border-top: 1px solid #edf0f4; vertical-align: middle; }
.order-table th:first-child, .order-table td:first-child { padding-left: 24px; }
.order-table td strong { display: block; color: #353b53; font-size: 11px; font-weight: 750; line-height: 1.5; }
.order-table td small { display: block; margin-top: 4px; color: #969bad; font-size: 9px; line-height: 1.5; }
.order-table tbody tr:hover { background: #fbfcfe; }
.order-operation { display: inline-block; padding: 5px 8px; border: 1px solid #e5e8ef; border-radius: 6px; color: #6c7185; background: #f9fafc; font-size: 10px; white-space: nowrap; }
.order-sheet-code { color: #4c556e; font-size: 10px; font-weight: 750; white-space: nowrap; }
.order-state { display: inline-block; padding: 6px 9px; border-radius: 999px; font-size: 9px; font-weight: 750; line-height: 1.5; white-space: nowrap; }
.order-state--complete { color: #247963; background: #eaf6f0; }
.order-state--incomplete { color: #94681e; background: #fff5dd; }
.order-state--ineligible { color: #aa5260; background: #fff0f1; }
.order-state--out_of_scope { color: #767285; background: #f0eff5; }
.order-continue { display: inline-flex; padding: 8px 0; gap: 8px; align-items: center; color: #307b6f; font-size: 10px; font-weight: 750; text-decoration: none; white-space: nowrap; }
.order-continue:hover { color: #185749; text-decoration: underline; }
.order-table-footer { padding: 16px 24px; border-top: 1px solid #e9ebf0; }
.order-table-footer .button { min-height: 36px; padding: 8px 12px; font-size: 10px; }
.order-empty { padding: 48px 24px; text-align: center; }
.order-empty > span { font-size: 36px; color: #b8bfcb; }
.order-empty h2 { margin: 12px 0 8px; font-size: 19px; }
.order-empty p { color: #878c9b; font-size: 12px; }
.order-feedback { margin: 18px 24px; padding: 15px 18px; border: 1px solid #f1c4c9; border-radius: 10px; color: #a73d4a; background: #fff3f4; font-size: 12px; line-height: 1.6; }
.order-charts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.order-charts > section { padding: 22px 24px; border: 1px solid #e5e7ed; border-radius: 16px; background: #fff; }
.order-charts h2 { margin: 0 0 7px; font-size: 17px; }
.order-charts p { margin: 0 0 20px; color: #8c90a0; font-size: 11px; }
.order-chart-row { margin: 14px 0; }
.order-chart-row__title { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 7px; color: #72788b; font-size: 11px; }
.order-chart-row__title strong { color: #424960; }
.order-chart-row__track { height: 7px; overflow: hidden; border-radius: 99px; background: #f0f2f6; }
.order-chart-row__fill { display: block; height: 100%; min-width: 0; border-radius: 99px; background: #7b91b2; }
.order-chart-row__fill--complete { background: #68b7a0; }
.order-chart-row__fill--incomplete { background: #dfb45d; }
.order-chart-row__fill--ineligible { background: #d68b97; }
.order-chart-row__fill--out_of_scope { background: #aaa4bd; }
.order-detail { display: grid; gap: 22px; }
.order-back { color: #81869a; font-size: 11px; text-decoration: none; }
.order-detail__heading { padding: 0; }
.order-assessment { padding: 24px 28px; border: 1px solid #d5e9df; border-radius: 16px; background: #f0f8f4; }
.order-assessment h2 { margin: 12px 0 9px; font-size: 22px; }
.order-assessment p { margin: 0; color: #64786d; font-size: 12px; line-height: 1.7; }
.order-assessment--incomplete { border-color: #ead9b5; background: #fffbf2; }
.order-assessment--ineligible { border-color: #eeced3; background: #fff6f7; }
.order-assessment--out_of_scope { border-color: #dedbe7; background: #f8f7fb; }
.order-reason-list { padding-left: 20px; margin-bottom: 0; color: #94535e; font-size: 12px; line-height: 1.9; }
.order-detail__layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 24px; }
.order-detail__layout main, .order-detail__layout aside { display: grid; align-content: start; gap: 20px; min-width: 0; }
.order-sheet-panel, .order-data-card, .order-missing-panel, .order-context-panel { padding: 24px; border: 1px solid #e1e5ec; border-radius: 16px; background: #fff; }
.order-sheet-panel h2, .order-data-card h2, .order-missing-panel h2, .order-context-panel h2 { margin: 0 0 16px; font-size: 17px; }
.order-sheet-card { padding: 18px 20px; border: 1px solid #dce6e4; border-radius: 12px; background: #f8fcfa; }
.order-sheet-card h3 { margin: 10px 0; font-size: 18px; }
.order-sheet-card p, .order-context-panel p, .order-missing-panel p, .order-sheet-panel > div > p { color: #808699; font-size: 12px; line-height: 1.75; }
.order-data-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.order-data-card dl { display: grid; gap: 13px; margin: 0; }
.order-data-card dl > div { padding-bottom: 12px; border-bottom: 1px solid #f0f1f5; }
.order-data-card dl > div:last-child { padding-bottom: 0; border: 0; }
.order-data-card dt { margin-bottom: 5px; color: #9399a9; font-size: 10px; }
.order-data-card dd { margin: 0; color: #485069; font-size: 12px; overflow-wrap: anywhere; }
.order-missing-panel ul { padding-left: 18px; color: #9b7c3d; font-size: 11px; line-height: 1.9; }
.order-context-panel { background: #f7f8fb; }
.order-context-panel small { display: block; padding-top: 12px; border-top: 1px solid #e3e6ee; color: #9ca1af; font-size: 10px; line-height: 1.8; }
@media (max-width: 1100px) {
    .order-catalog__heading { align-items: flex-start; }
    .order-source-badge { max-width: 220px; white-space: normal; line-height: 1.5; }
    .order-detail__layout { grid-template-columns: minmax(0, 1fr) 260px; gap: 18px; }
    .order-data-grid { grid-template-columns: 1fr; }
    .order-table th, .order-table td { padding-left: 12px; padding-right: 12px; }
}
@media (max-width: 760px) {
    .order-catalog { gap: 18px; }
    .order-catalog__heading, .order-detail__heading { align-items: flex-start; flex-direction: column; gap: 15px; }
    .order-catalog__heading h1, .order-detail__heading h1 { font-size: 28px; }
    .order-catalog__heading p:last-child { font-size: 12px; }
    .order-kpis { grid-template-columns: 1fr 1fr; gap: 10px; }
    .order-kpis article { padding: 16px; border-radius: 12px; }
    .order-kpis span { font-size: 10px; }
    .order-kpis strong { font-size: 28px; }
    .order-kpis small { font-size: 9px; }
    .order-search-panel { border-radius: 15px; }
    .order-filters { padding: 16px 16px 0; }
    .order-search-input { padding: 0 12px; height: 52px; }
    .order-search-input input { font-size: 12px; }
    .order-search-input kbd { display: none; }
    .order-filters__selects { grid-template-columns: 1fr 1fr; gap: 12px 10px; }
    .order-filters__footer { flex-wrap: wrap; gap: 8px; }
    .order-table-wrap { overflow: visible; }
    .order-table, .order-table tbody, .order-table tr { display: block; }
    .order-table thead { display: none; }
    .order-table tr { padding: 17px 16px; border-bottom: 1px solid #e9ecf2; }
    .order-table td, .order-table td:first-child { display: grid; grid-template-columns: 85px minmax(0, 1fr); gap: 5px 12px; padding: 7px 0; border: 0; }
    .order-table td::before { content: attr(data-label); grid-column: 1; grid-row: 1 / span 2; align-self: start; padding-top: 2px; color: #9ba0af; font-size: 9px; }
    .order-table td > * { grid-column: 2; }
    .order-table td > small { margin: 0; }
    .order-table td:last-child { display: block; padding: 10px 0 0; text-align: right; }
    .order-table td:last-child::before { display: none; }
    .order-continue { font-size: 11px; padding: 8px 4px; }
    .order-table-footer { padding: 15px 16px; flex-wrap: wrap; }
    .order-state { white-space: normal; justify-self: start; }
    .order-charts, .order-detail__layout { grid-template-columns: minmax(0, 1fr); }
    .order-charts > section, .order-data-card, .order-sheet-panel, .order-missing-panel, .order-context-panel { padding: 20px; }
    .order-detail__layout aside { grid-row: 1; }
    .order-assessment { padding: 20px; }
    .order-assessment h2 { font-size: 19px; line-height: 1.45; }
    .order-feedback { margin: 16px; }
}

/* Admin navigation: fit all 18 rows, including both expanded groups. */
.workspace-page--admin .sidebar { --admin-nav-row-height: clamp(24px, calc((100dvh - 190px) / 18), 38px); }
.workspace-page--admin .sidebar__brand { min-height: 72px; padding-block: 16px; flex-shrink: 0; }
.workspace-page--admin .sidebar__footer { min-height: 60px; padding-block: 12px; flex-shrink: 0; }
.workspace-page--admin .sidebar__nav { min-height: 0; padding-block: 8px; gap: 2px; }
.workspace-page--admin .sidebar__nav a, .sidebar__nav-group > summary { min-height: var(--admin-nav-row-height); flex-shrink: 0; }
.sidebar__nav-group > summary { display: flex; padding: 0 12px; align-items: center; gap: 12px; color: #aeb1c1; border-radius: 8px; font-size: 13px; font-weight: 600; list-style: none; cursor: pointer; }
.sidebar__nav-group > summary::-webkit-details-marker { display: none; }
.sidebar__nav-group > summary:hover, .sidebar__nav-group[open] > summary { color: #fff; background: rgb(255 255 255 / 5%); }
.sidebar__nav-group > summary:focus-visible { outline: 2px solid var(--hess-gold); outline-offset: -2px; }
.sidebar__nav-group .sidebar__nav-chevron { width: 14px; height: 14px; margin-left: auto; }
.sidebar__nav-group[open] .sidebar__nav-chevron { transform: rotate(90deg); }
.sidebar__submenu { display: flex; margin: 4px 0 4px 21px; padding-left: 9px; flex-direction: column; gap: 0; border-left: 1px solid rgb(255 255 255 / 14%); }
.sidebar__submenu a { gap: 9px; font-size: 12px; }
.sidebar__submenu a[aria-current='page']::before { left: -11px; }

/* Current ERP facts: per-line explanations remain legible on desktop and mobile. */
.order-core-line + .order-core-line { margin-top: 16px; }
.order-core-line > .order-state { margin: 8px 0 8px 12px; }
.order-core-criteria { margin-top: 16px; font-size: 13px; line-height: 1.6; }
.order-core-criteria summary { cursor: pointer; color: #31796f; font-weight: 600; }
.order-core-criteria ul { padding-left: 20px; }
.order-core-criteria li + li { margin-top: 8px; }
.order-core-line .order-reason-list { font-size: 13px; line-height: 1.6; }
.order-detail [data-order-missing] p { line-height: 1.65; overflow-wrap: anywhere; }
@media (max-width: 600px) { .order-core-line > .order-state { display: table; margin-left: 0; } }

.order-case-action { margin: 18px 0; padding: 16px; border: 1px solid #cae0dc; border-radius: 12px; background: #f2f8f6; }
.order-case-action p { margin: 10px 0 0; font-size: 13px; line-height: 1.6; }
.order-case-action button { max-width: 100%; white-space: normal; text-align: left; }
.order-case-action__feedback:not(:empty) { color: #9b2d35; }