@font-face {
    font-family: "Comfortaa";
    src: url("/assets/fonts/Comfortaa-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Comfortaa";
    src: url("/assets/fonts/Comfortaa-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Comfortaa";
    src: url("/assets/fonts/Comfortaa-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Comfortaa";
    src: url("/assets/fonts/Comfortaa-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --bg-1: #f5f0e6;
    --bg-2: #e4edf2;
    --bg-3: #fef7e2;
    --surface: rgba(255, 255, 255, 0.92);
    --surface-soft: rgba(255, 255, 255, 0.72);
    --surface-strong: rgba(255, 255, 255, 0.98);
    --ink: #1f2830;
    --ink-soft: #4d5b69;
    --ink-muted: #677887;
    --card: rgba(255, 255, 255, 0.88);
    --line: rgba(35, 51, 66, 0.14);
    --line-strong: rgba(35, 51, 66, 0.22);
    --accent: #0f7a78;
    --accent-strong: #0b6665;
    --accent-2: #e56f31;
    --accent-3: #245e8f;
    --ok: #157f57;
    --warn: #b45f11;
    --error: #a52828;
    --shadow: 0 18px 48px rgba(31, 40, 48, 0.14);
    --shadow-soft: 0 8px 22px rgba(31, 40, 48, 0.09);
    --radius-card: 22px;
    --radius-control: 14px;
    --shell-gap: 1.35rem;
    --font-body: "Manrope", sans-serif;
    --font-heading: "Comfortaa", "Manrope", sans-serif;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    margin: 0;
    font-family: var(--font-body);
    color: var(--ink);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0)) fixed,
        linear-gradient(130deg, var(--bg-1), var(--bg-2), var(--bg-3));
    min-height: 100vh;
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
}

/*
 * Public experience override:
 * quieter spacing, brighter surfaces and a more premium marketing presentation
 * without destabilizing the authenticated application shell.
 */
.public-body {
    background:
        radial-gradient(circle at top left, rgba(197, 235, 243, 0.6), transparent 34%),
        radial-gradient(circle at top right, rgba(255, 229, 211, 0.56), transparent 30%),
        linear-gradient(180deg, #f7fafc 0%, #fdfefe 34%, #f6fbff 100%);
}

.public-body .bg-layer {
    background:
        radial-gradient(circle at 12% 14%, rgba(76, 168, 201, 0.14), transparent 30%),
        radial-gradient(circle at 88% 18%, rgba(255, 170, 128, 0.12), transparent 28%),
        radial-gradient(circle at 50% 100%, rgba(73, 156, 140, 0.09), transparent 22%);
}

.public-body .bg-layer::after {
    display: none;
}

.public-body h1,
.public-body h2,
.public-body h3 {
    font-family: var(--font-heading);
    letter-spacing: -0.02em;
    line-height: 1;
}

.public-body h1 {
    font-size: clamp(2.35rem, 5vw, 4.35rem);
    font-weight: 800;
}

.public-body h2 {
    font-size: clamp(2rem, 3.8vw, 3.2rem);
    font-weight: 800;
}

.public-body h3 {
    font-size: clamp(1.08rem, 1.8vw, 1.4rem);
    font-weight: 700;
}

.public-body p {
    color: #556779;
}

.public-body .main-content.full.wide {
    width: min(96%, 1320px);
    max-width: min(1320px, 96%);
    margin: 1.2rem auto 2rem;
}

.public-topbar {
    position: sticky;
    top: 0.9rem;
    z-index: 30;
    width: min(1280px, calc(100% - 2rem));
    margin: 1rem auto 0;
    padding: 1rem 1.15rem;
    border-radius: 999px;
    border: 1px solid rgba(207, 218, 228, 0.9);
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(26px) saturate(140%);
    box-shadow: 0 18px 50px rgba(10, 32, 52, 0.08);
}

.public-topbar .brand-logo {
    border-radius: 18px;
    background: linear-gradient(140deg, #0c6d74, #7fb5c9);
    box-shadow: 0 10px 30px rgba(54, 118, 148, 0.24);
}

.public-nav {
    gap: 0.6rem;
}

.public-nav a {
    padding: 0.68rem 0.9rem;
    border-radius: 999px;
    color: #34485c;
    transition: background 140ms ease, color 140ms ease, transform 140ms ease;
}

.public-nav a:hover {
    background: rgba(12, 109, 116, 0.08);
    color: #17394d;
    text-decoration: none;
    transform: translateY(-1px);
}

.public-nav .btn.ghost.small {
    background: #fff;
    color: #16394c;
    border-color: rgba(134, 151, 168, 0.28);
    box-shadow: 0 8px 20px rgba(17, 41, 60, 0.08);
}

.public-section {
    margin-top: 1.6rem;
    gap: 1.4rem;
}

.public-hero {
    grid-template-columns: minmax(0, 1.15fr) minmax(360px, 0.95fr);
    gap: 1.4rem;
    align-items: stretch;
}

.public-hero-copy {
    padding: clamp(1.5rem, 2vw, 2rem) 0.2rem;
    gap: 1.15rem;
}

.public-kicker {
    padding: 0.48rem 0.88rem;
    background: rgba(13, 111, 119, 0.08);
    border: 1px solid rgba(13, 111, 119, 0.1);
    color: #0f6870;
    letter-spacing: 0.14em;
}

.public-lead {
    font-size: clamp(1.08rem, 2vw, 1.3rem);
    line-height: 1.72;
    max-width: 60ch;
}

.public-actions {
    margin-top: 0.35rem;
    gap: 0.8rem;
}

.public-body .btn {
    min-height: 50px;
    padding: 0.84rem 1.2rem;
    font-weight: 700;
    background: linear-gradient(135deg, #0f6d73, #86b6c9);
    box-shadow: 0 18px 36px rgba(24, 104, 133, 0.18);
}

.public-body .btn.ghost {
    background: rgba(255, 255, 255, 0.86);
    color: #20384d;
    border-color: rgba(133, 148, 166, 0.26);
}

.customer-cta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    margin-top: 1rem;
}

.customer-cta-row .btn {
    min-height: 44px;
}

.customer-os-stage {
    position: relative;
    overflow: hidden;
    margin-top: 1.25rem;
    padding: clamp(1rem, 2vw, 1.35rem);
    border-radius: 34px;
    border: 1px solid rgba(33, 67, 91, 0.12);
    background:
        radial-gradient(circle at 8% 12%, rgba(45, 132, 145, 0.16), transparent 28%),
        radial-gradient(circle at 88% 2%, rgba(203, 142, 76, 0.16), transparent 26%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(241, 248, 249, 0.9) 48%, rgba(250, 246, 238, 0.9));
    box-shadow: 0 26px 70px rgba(23, 52, 72, 0.1);
}

.customer-os-stage::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(33, 67, 91, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(33, 67, 91, 0.035) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(135deg, rgba(0, 0, 0, 0.7), transparent 72%);
}

.customer-os-stage > * {
    position: relative;
    z-index: 1;
}

.customer-os-hero {
    display: grid;
    grid-template-columns: minmax(300px, 0.85fr) minmax(0, 1.65fr);
    gap: 1rem;
    align-items: stretch;
}

.customer-os-score {
    min-height: 100%;
    background:
        linear-gradient(150deg, rgba(19, 62, 77, 0.96), rgba(21, 104, 111, 0.9)),
        radial-gradient(circle at top right, rgba(255, 255, 255, 0.18), transparent 38%);
    color: #f8fbfb;
}

.customer-os-score .app-glance-label,
.customer-os-score p {
    color: rgba(248, 251, 251, 0.82);
}

.customer-os-score strong {
    color: #ffffff;
}

.customer-os-score .btn.ghost {
    color: #123246;
    background: rgba(255, 255, 255, 0.92);
}

.customer-os-command-grid,
.customer-os-gate-grid,
.customer-os-document-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem;
}

.customer-os-gate-grid,
.customer-os-document-grid {
    margin-top: 1rem;
}

.customer-os-action,
.customer-os-gate,
.customer-os-document {
    position: relative;
    min-height: 100%;
    border: 1px solid rgba(28, 65, 84, 0.11);
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 16px 42px rgba(32, 58, 73, 0.07);
}

.customer-os-action::after,
.customer-os-gate::after,
.customer-os-document::after {
    content: "";
    position: absolute;
    inset: auto 1rem 1rem auto;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    opacity: 0.22;
    background: #476f7a;
}

.customer-os-action.critical::after,
.customer-os-gate.blocked::after,
.customer-os-document.blocked::after {
    background: #a8493e;
}

.customer-os-action.warning::after,
.customer-os-gate.attention::after,
.customer-os-document.attention::after {
    background: #bd7c2b;
}

.customer-os-action.ok::after,
.customer-os-gate.ready::after,
.customer-os-document.ready::after {
    background: #21806e;
}

.customer-os-grid {
    margin-top: 1rem;
}

.customer-command-layer {
    display: grid;
    grid-template-columns: minmax(18rem, 0.78fr) minmax(24rem, 1.82fr);
    gap: 1rem;
    align-items: stretch;
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid rgba(20, 60, 76, 0.13);
    border-radius: 30px;
    background:
        radial-gradient(circle at 10% 0%, rgba(29, 123, 127, 0.15), transparent 34%),
        radial-gradient(circle at 96% 12%, rgba(195, 145, 69, 0.12), transparent 30%),
        linear-gradient(140deg, rgba(255, 255, 255, 0.96), rgba(242, 249, 249, 0.9));
    box-shadow: 0 24px 58px rgba(22, 52, 68, 0.09);
}

.customer-command-copy {
    display: grid;
    align-content: start;
    gap: 0.7rem;
}

.customer-command-copy h2 {
    margin: 0;
    color: #10293a;
    font-size: clamp(1.35rem, 2.1vw, 2rem);
    line-height: 1.08;
}

.customer-command-copy p {
    margin: 0;
    color: var(--ink-soft);
    line-height: 1.56;
}

.customer-command-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.customer-command-card {
    display: grid;
    gap: 0.42rem;
    min-height: 100%;
    padding: 0.82rem;
    border: 1px solid rgba(20, 60, 76, 0.12);
    border-radius: 22px;
    color: inherit;
    text-decoration: none;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(247, 251, 252, 0.92)),
        radial-gradient(circle at 12% 0%, rgba(15, 122, 120, 0.09), transparent 34%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74), 0 12px 30px rgba(22, 52, 66, 0.07);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.customer-command-card:hover {
    transform: translateY(-2px);
    border-color: rgba(15, 122, 120, 0.3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74), 0 18px 42px rgba(15, 60, 72, 0.12);
}

.customer-command-card strong {
    color: #10293a;
    font-size: 1.02rem;
    line-height: 1.18;
}

.customer-command-card small,
.customer-command-card p,
.customer-command-card em {
    color: var(--ink-soft);
    line-height: 1.42;
}

.customer-command-card p {
    margin: 0;
}

.customer-command-card em {
    font-size: 0.72rem;
    font-style: normal;
}

.customer-command-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 0.38rem;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 0.45rem;
    border-top: 1px solid rgba(13, 51, 70, 0.08);
    color: #0f6866;
    font-size: 0.75rem;
    font-weight: 800;
}

.customer-os-handoff {
    margin-top: 1rem;
}

.report-os-stage {
    position: relative;
    overflow: hidden;
    padding: clamp(1rem, 2vw, 1.35rem);
    border-radius: 34px;
    border: 1px solid rgba(51, 68, 82, 0.13);
    background:
        radial-gradient(circle at 10% 8%, rgba(128, 92, 50, 0.14), transparent 28%),
        radial-gradient(circle at 90% 4%, rgba(29, 98, 117, 0.16), transparent 26%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(246, 248, 246, 0.92) 44%, rgba(239, 245, 247, 0.9));
    box-shadow: 0 26px 70px rgba(25, 45, 57, 0.1);
}

.report-os-stage::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(115deg, rgba(24, 51, 67, 0.06), transparent 34%),
        repeating-linear-gradient(0deg, rgba(24, 51, 67, 0.035), rgba(24, 51, 67, 0.035) 1px, transparent 1px, transparent 32px);
    mask-image: linear-gradient(135deg, rgba(0, 0, 0, 0.74), transparent 76%);
}

.report-os-stage > * {
    position: relative;
    z-index: 1;
}

.report-os-hero {
    display: grid;
    grid-template-columns: minmax(300px, 0.86fr) minmax(0, 1.64fr);
    gap: 1rem;
    align-items: stretch;
}

.report-os-score {
    min-height: 100%;
    background:
        linear-gradient(150deg, rgba(31, 43, 54, 0.97), rgba(65, 85, 88, 0.92)),
        radial-gradient(circle at top right, rgba(206, 157, 83, 0.22), transparent 40%);
    color: #fbfaf5;
}

.report-os-score .app-glance-label,
.report-os-score p {
    color: rgba(251, 250, 245, 0.82);
}

.report-os-score strong {
    color: #ffffff;
}

.report-os-score .btn.ghost {
    color: #1f2b36;
    background: rgba(255, 255, 255, 0.92);
}

.report-os-command-grid,
.report-os-gate-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem;
}

.report-os-gate-grid,
.report-os-grid {
    margin-top: 1rem;
}

.report-os-action,
.report-os-gate {
    position: relative;
    min-height: 100%;
    border: 1px solid rgba(36, 58, 72, 0.12);
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 16px 42px rgba(32, 58, 73, 0.07);
}

.report-os-action::after,
.report-os-gate::after {
    content: "";
    position: absolute;
    inset: auto 1rem 1rem auto;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    opacity: 0.2;
    background: #4f6b74;
}

.report-os-action.critical::after,
.report-os-gate.blocked::after {
    background: #9f4437;
}

.report-os-action.warning::after,
.report-os-gate.attention::after {
    background: #bd7c2b;
}

.report-os-action.ok::after,
.report-os-gate.ready::after {
    background: #227866;
}

@media (max-width: 1180px) {
    .customer-os-hero,
    .customer-command-layer,
    .report-os-hero {
        grid-template-columns: 1fr;
    }

    .customer-os-command-grid,
    .customer-command-grid,
    .customer-os-gate-grid,
    .customer-os-document-grid,
    .report-os-command-grid,
    .report-os-gate-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .customer-os-stage,
    .report-os-stage {
        padding: 0.82rem;
        border-radius: 24px;
    }

    .customer-os-command-grid,
    .customer-command-grid,
    .customer-os-gate-grid,
    .customer-os-document-grid,
    .report-os-command-grid,
    .report-os-gate-grid {
        grid-template-columns: 1fr;
    }
}

.customer-direct-actions,
.timeline-context-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem;
    margin-top: 1rem;
}

.timeline-context-strip {
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
}

.customer-quick-card,
.timeline-context-card {
    position: relative;
    overflow: hidden;
    border-radius: 28px;
    border: 1px solid rgba(214, 223, 231, 0.92);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(246, 249, 252, 0.92)),
        radial-gradient(circle at top right, rgba(120, 177, 200, 0.08), transparent 44%);
    box-shadow: 0 18px 42px rgba(15, 31, 46, 0.06);
}

.customer-quick-card .section-headline p,
.timeline-context-card .section-headline p {
    max-width: 60ch;
}

.customer-quick-form {
    display: grid;
    gap: 0.85rem;
}

.customer-quick-grid {
    gap: 0.75rem;
}

.customer-quick-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
}

.customer-quick-actions .btn {
    min-height: 44px;
}

.timeline-context-empty {
    display: grid;
    gap: 0.7rem;
    padding: 1rem 1.05rem;
    border-radius: 22px;
    border: 1px dashed rgba(122, 141, 157, 0.3);
    background: rgba(255, 255, 255, 0.58);
}

.timeline-context-empty strong {
    color: #17384c;
}

.timeline-context-empty p {
    margin: 0;
    color: #587082;
}

.timeline-context-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.timeline-context-stats article {
    display: grid;
    gap: 0.35rem;
    padding: 0.9rem 0.95rem;
    border-radius: 18px;
    border: 1px solid rgba(214, 223, 231, 0.82);
    background: rgba(255, 255, 255, 0.78);
}

.timeline-context-stats span {
    font-size: 0.8rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--ink-muted);
}

.timeline-context-stats strong {
    font-family: var(--font-heading);
    font-size: 1.02rem;
    color: #17384c;
}

.dispatch-status-grid,
.integration-readiness-grid,
.integration-provider-grid,
.portal-readiness-grid,
.integration-timeline-cockpit,
.customer-action-grid {
    gap: 0.9rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 1rem;
}

.dispatch-center-grid,
.finance-dispatch-grid,
.case-dispatch-summary {
    gap: 0.9rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 1rem;
}

.dispatch-status-card,
.integration-readiness-card {
    min-height: 100%;
    position: relative;
}

.provider-readiness-card,
.portal-readiness-card,
.integration-provider-card,
.timeline-delta-card,
.timeline-mapping-card,
.timeline-skip-card,
.timeline-queue-card,
.timeline-replay-card {
    min-height: 100%;
    position: relative;
    padding: 1rem 1.05rem;
    border-radius: 22px;
    border: 1px solid rgba(35, 51, 66, 0.12);
    background: rgba(255, 255, 255, 0.88);
    box-shadow: var(--shadow-soft);
}

.provider-readiness-card strong,
.portal-readiness-card strong,
.integration-provider-card strong,
.timeline-delta-card strong,
.timeline-mapping-card strong,
.timeline-skip-card strong,
.timeline-queue-card strong,
.timeline-replay-card strong {
    display: block;
    margin-top: 0.15rem;
    font-size: clamp(1.18rem, 1.75vw, 1.58rem);
    color: #112739;
}

.provider-readiness-card p,
.portal-readiness-card p,
.integration-provider-card p,
.timeline-delta-card p,
.timeline-mapping-card p,
.timeline-skip-card p,
.timeline-queue-card p,
.timeline-replay-card p {
    margin-top: 0.55rem;
    color: var(--ink-soft);
    line-height: 1.5;
}

.provider-readiness-card .state-meta,
.portal-readiness-card .state-meta,
.integration-provider-card .state-meta,
.timeline-delta-card .state-meta,
.timeline-mapping-card .state-meta,
.timeline-skip-card .state-meta,
.timeline-queue-card .state-meta,
.timeline-replay-card .state-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.8rem;
}

.provider-readiness-card .state-meta span,
.portal-readiness-card .state-meta span,
.integration-provider-card .state-meta span,
.timeline-delta-card .state-meta span,
.timeline-mapping-card .state-meta span,
.timeline-skip-card .state-meta span,
.timeline-queue-card .state-meta span,
.timeline-replay-card .state-meta span {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.7rem;
    border-radius: 999px;
    border: 1px solid rgba(35, 51, 66, 0.14);
    background: rgba(255, 255, 255, 0.82);
    color: var(--ink-soft);
    font-size: 0.82rem;
}

.dispatch-status-card strong,
.integration-readiness-card strong {
    display: block;
    margin-top: 0.15rem;
    font-size: clamp(1.22rem, 1.8vw, 1.65rem);
    color: #112739;
}

.dispatch-status-card p,
.integration-readiness-card p {
    margin-top: 0.55rem;
    color: var(--ink-soft);
    line-height: 1.5;
}

.dispatch-status-card .state-meta,
.integration-readiness-card .state-meta,
.integration-connector-band {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.8rem;
}

.dispatch-status-card .state-meta span,
.integration-readiness-card .state-meta span,
.integration-connector-band div {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.7rem;
    border-radius: 999px;
    border: 1px solid rgba(35, 51, 66, 0.14);
    background: rgba(255, 255, 255, 0.82);
    color: var(--ink-soft);
    font-size: 0.82rem;
}

.integration-connector-band {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.integration-connector-band div {
    display: block;
    border-radius: 18px;
    padding: 0.7rem 0.78rem;
}

.integration-connector-band span {
    display: block;
    font-size: 0.74rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ink-soft);
}

.integration-connector-band strong {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.92rem;
    line-height: 1.45;
    color: #112739;
}

.dispatch-center-stage {
    margin-top: 1.35rem;
}

.customer-delivery-stage {
    margin-top: 1.35rem;
}

.customer-delivery-grid {
    margin-top: 1rem;
}

.dispatch-followup-grid {
    margin-top: 1rem;
}

.dispatch-bulk-stage {
    margin-top: 1.15rem;
}

.dispatch-bulk-summary {
    gap: 0.9rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 1rem;
}

.dispatch-bulk-card {
    display: grid;
    gap: 0.38rem;
    min-height: 100%;
    box-shadow: var(--shadow-soft);
}

.dispatch-bulk-card strong {
    font-size: clamp(1.18rem, 1.9vw, 1.82rem);
}

.dispatch-bulk-card p {
    margin: 0;
    color: #5d7082;
    line-height: 1.5;
}

.dispatch-bulk-card .customer-card-meta {
    margin-top: 0.55rem;
}

.dispatch-bulk-card .customer-cta-row {
    margin-top: 0.65rem;
}

.dispatch-receipt-workbench {
    margin-top: 1.15rem;
}

.dispatch-receipt-grid,
.customer-delivery-receipt-grid {
    gap: 0.9rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 1rem;
}

.dispatch-receipt-card,
.customer-radar-card.customer-radar-alert,
.customer-radar-card.customer-radar-waiting,
.customer-radar-card.customer-radar-done {
    position: relative;
    overflow: hidden;
    box-shadow: var(--shadow-soft);
}

.dispatch-receipt-card::after,
.customer-radar-card.customer-radar-alert::after,
.customer-radar-card.customer-radar-waiting::after,
.customer-radar-card.customer-radar-done::after {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, rgba(15, 122, 120, 0.28), transparent);
    pointer-events: none;
}

.dispatch-receipt-card:nth-child(1)::after,
.customer-radar-card.customer-radar-alert::after {
    background: linear-gradient(90deg, rgba(165, 40, 40, 0.36), rgba(165, 40, 40, 0.04));
}

.dispatch-receipt-card:nth-child(2)::after,
.customer-radar-card.customer-radar-waiting::after {
    background: linear-gradient(90deg, rgba(180, 95, 17, 0.36), rgba(180, 95, 17, 0.04));
}

.dispatch-receipt-card:nth-child(3)::after,
.customer-radar-card.customer-radar-done::after {
    background: linear-gradient(90deg, rgba(21, 127, 87, 0.36), rgba(21, 127, 87, 0.04));
}

.dispatch-receipt-card .customer-card-meta,
.customer-radar-card.customer-radar-alert .customer-card-meta,
.customer-radar-card.customer-radar-waiting .customer-card-meta,
.customer-radar-card.customer-radar-done .customer-card-meta {
    margin-top: 0.55rem;
}

.dispatch-receipt-card .customer-cta-row,
.customer-radar-card.customer-radar-alert .customer-cta-row,
.customer-radar-card.customer-radar-waiting .customer-cta-row,
.customer-radar-card.customer-radar-done .customer-cta-row {
    margin-top: 0.65rem;
}

.dispatch-receipt-card .integration-status,
.customer-radar-card .integration-status {
    font-size: 0.78rem;
}

.dispatch-followup-actions,
.customer-commercial-create-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem;
}

.dispatch-followup-summary,
.customer-delivery-radar {
    gap: 0.9rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 1rem;
}

.dispatch-followup-summary .app-flight-card,
.customer-delivery-radar .app-flight-card {
    min-height: 100%;
    box-shadow: var(--shadow-soft);
}

.dispatch-followup-card,
.customer-radar-card {
    display: grid;
    gap: 0.38rem;
}

.dispatch-create-card {
    align-content: start;
    min-height: 100%;
    padding: 1rem 1.05rem;
    border-radius: 22px;
    border: 1px solid rgba(35, 51, 66, 0.12);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(246, 250, 252, 0.9));
    box-shadow: var(--shadow-soft);
}

.dispatch-create-card strong {
    font-size: 1.02rem;
    color: #10283a;
}

.dispatch-create-card p {
    margin: 0;
    color: #5d7082;
    line-height: 1.5;
}

.dispatch-create-card .btn {
    margin-top: auto;
}

.dispatch-followup-card strong,
.customer-radar-card strong {
    font-size: clamp(1.18rem, 1.9vw, 1.82rem);
}

.dispatch-followup-card p,
.customer-radar-card p {
    margin: 0;
    color: #5d7082;
    line-height: 1.5;
}

.dispatch-followup-card .customer-card-meta,
.customer-radar-card .customer-card-meta {
    margin-top: 0.55rem;
}

.dispatch-followup-card .customer-cta-row,
.customer-radar-card .customer-cta-row {
    margin-top: 0.65rem;
}

.customer-radar-form {
    margin-top: 0.55rem;
}

.customer-radar-form .btn {
    width: 100%;
}

.customer-delivery-operator-strip {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.8rem 1rem;
    align-items: center;
    margin: 0.95rem 0 1rem;
    padding: 0.9rem 1rem;
    border-radius: 22px;
    border: 1px solid rgba(35, 51, 66, 0.12);
    background: rgba(246, 249, 252, 0.92);
    box-shadow: var(--shadow-soft);
}

.customer-delivery-launch-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.customer-delivery-launch-form {
    display: inline-flex;
}

.customer-delivery-flag {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem 0.7rem;
    padding: 0.45rem 0.8rem;
    border-radius: 999px;
    background: rgba(17, 39, 57, 0.08);
    color: #112739;
    font-size: 0.82rem;
}

.customer-delivery-flag strong {
    font-size: 0.84rem;
}

.customer-delivery-radar {
    min-height: 100%;
}

.customer-delivery-actions {
    margin-top: 0.25rem;
}

.dispatch-followup-radar {
    min-height: 100%;
}

.customer-commercial-dispatch-rail {
    margin-top: 1rem;
}

.customer-delivery-radar-grid,
.customer-commercial-create-grid {
    margin-top: 1rem;
}

.customer-delivery-actions .dispatch-protocol-card {
    min-width: 0;
}

.dispatch-protocol-rail {
    display: flex;
    flex-wrap: wrap;
    gap: 0.9rem;
    margin-top: 1rem;
}

.dispatch-protocol-card {
    flex: 1 1 220px;
    padding: 1rem 1.05rem;
    border-radius: 22px;
    border: 1px solid rgba(35, 51, 66, 0.12);
    background: rgba(255, 255, 255, 0.84);
    box-shadow: var(--shadow-soft);
}

.dispatch-protocol-card strong {
    display: block;
    margin-top: 0.3rem;
    font-size: 1.05rem;
    color: #112739;
}

.dispatch-protocol-card p {
    margin-top: 0.55rem;
    color: var(--ink-soft);
    line-height: 1.55;
}

.app-bulk-dispatch-form {
    display: grid;
    gap: 0.85rem;
}

.dispatch-mixed-bulk-stage {
    grid-column: 1 / -1;
    margin-bottom: 0.15rem;
    padding: 1rem 1.05rem;
    border-radius: 24px;
    border: 1px solid rgba(35, 51, 66, 0.12);
    background: rgba(255, 255, 255, 0.9);
    box-shadow: var(--shadow-soft);
    display: grid;
    gap: 0.9rem;
}

.dispatch-mixed-bulk-stage-head {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.8rem 1rem;
    align-items: start;
}

.dispatch-mixed-bulk-stage-head strong {
    display: block;
    margin-top: 0.2rem;
    color: #112739;
    font-size: 1rem;
}

.dispatch-mixed-bulk-stage-head p:last-child {
    margin-top: 0.35rem;
    max-width: 72ch;
    color: var(--ink-soft);
}

.dispatch-mixed-bulk-stage-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.4rem;
}

.dispatch-mixed-bulk-stage-actions {
    justify-content: flex-start;
}

.app-bulk-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    justify-content: flex-end;
}

.app-dispatch-selection {
    width: 1%;
    white-space: nowrap;
}

.app-dispatch-selection label {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8rem;
    color: var(--ink-soft);
}

.app-dispatch-selection input {
    margin: 0;
}

.timeline-filter-bar,
.timeline-bulk-bar {
    margin-top: 1rem;
    padding: 1rem 1.05rem;
    border-radius: 22px;
    border: 1px solid rgba(35, 51, 66, 0.12);
    background: rgba(255, 255, 255, 0.86);
    box-shadow: var(--shadow-soft);
}

.timeline-filter-form,
.timeline-bulk-form {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.timeline-filter-grid {
    grid-template-columns: minmax(0, 1.5fr) repeat(4, minmax(0, 1fr));
    gap: 0.8rem;
}

.timeline-bulk-grid {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.6fr);
    gap: 0.8rem;
}

.timeline-reason-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.timeline-reason-card {
    padding: 1rem 1.05rem;
    border-radius: 18px;
    border: 1px solid rgba(35, 51, 66, 0.12);
    background: rgba(250, 252, 254, 0.92);
    box-shadow: var(--shadow-soft);
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.timeline-reason-head {
    display: flex;
    justify-content: space-between;
    gap: 0.7rem;
    align-items: start;
}

.timeline-reason-head strong {
    display: block;
    color: #112739;
    font-size: 1rem;
}

.timeline-reason-head span {
    display: block;
    margin-top: 0.2rem;
    color: var(--ink-soft);
    font-size: 0.82rem;
}

.timeline-reason-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    align-items: center;
}

.timeline-history-card {
    min-height: 100%;
}

.timeline-history-meta {
    margin-top: 0.35rem;
    color: var(--ink-soft);
    font-size: 0.8rem;
}

.timeline-filter-actions,
.timeline-bulk-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.7rem;
}

.timeline-bulk-meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.7rem 1rem;
    align-items: end;
    margin-bottom: 0.8rem;
}

.timeline-bulk-meta strong {
    display: block;
    margin-top: 0.15rem;
    font-size: clamp(1.12rem, 1.6vw, 1.45rem);
    color: #112739;
}

.timeline-bulk-meta p {
    margin: 0;
    color: var(--ink-soft);
    max-width: 58ch;
}

.timeline-workbench-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.95fr);
    gap: 1rem;
    margin-top: 1rem;
}

.timeline-segment-card,
.timeline-queue-card {
    min-height: 100%;
}

.timeline-selection-rail {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    justify-content: space-between;
    margin: 0.8rem 0 1rem;
    padding: 0.78rem 0.9rem;
    border-radius: 18px;
    border: 1px solid rgba(35, 51, 66, 0.1);
    background: rgba(245, 249, 252, 0.86);
}

.timeline-select-all {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    font-weight: 700;
    color: #20384d;
}

.timeline-select-cell {
    width: 1%;
    white-space: nowrap;
}

.timeline-select-cell input {
    transform: scale(1.05);
    accent-color: var(--accent);
}

.timeline-row-actions {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.timeline-row-actions form {
    margin: 0;
}

.timeline-row-actions .field {
    margin-bottom: 0;
}

.timeline-queue-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.7rem;
    margin: 0.85rem 0 1rem;
}

.timeline-queue-summary div {
    padding: 0.82rem 0.9rem;
    border-radius: 18px;
    border: 1px solid rgba(35, 51, 66, 0.12);
    background: rgba(250, 252, 254, 0.92);
}

.timeline-queue-summary span {
    display: block;
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ink-soft);
}

.timeline-queue-summary strong {
    display: block;
    margin-top: 0.24rem;
    color: #112739;
    font-size: 1.15rem;
}

.app-dispatch-action-stack {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: center;
    margin-bottom: 0.45rem;
}

.app-dispatch-action-form {
    margin: 0;
}

.commercial-recipient-repair-form {
    display: grid;
    gap: 0.35rem;
    min-width: min(100%, 18rem);
    padding: 0.55rem;
    border: 1px solid rgba(15, 50, 74, 0.12);
    border-radius: 16px;
    background: rgba(241, 247, 250, 0.88);
}

.commercial-recipient-repair-form select,
.commercial-recipient-repair-form input[type="email"] {
    width: 100%;
    min-height: 2.15rem;
}

.commercial-recipient-repair-form .checkbox-inline {
    font-size: 0.74rem;
}

.dispatch-commercial-startpanel {
    display: grid;
    grid-template-columns: minmax(18rem, 0.92fr) minmax(18rem, 1.55fr);
    gap: 1rem;
    align-items: stretch;
    margin: 1rem 0 1.2rem;
}

.dispatch-next-actions-panel {
    display: grid;
    grid-template-columns: minmax(18rem, 0.82fr) minmax(22rem, 1.7fr);
    gap: 1rem;
    align-items: stretch;
    margin: 1rem 0 1.15rem;
    padding: 1rem;
    border: 1px solid rgba(13, 51, 70, 0.13);
    border-radius: 30px;
    background:
        radial-gradient(circle at 8% 0%, rgba(15, 122, 120, 0.16), transparent 34%),
        radial-gradient(circle at 92% 10%, rgba(188, 145, 69, 0.12), transparent 30%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(242, 248, 249, 0.92));
    box-shadow: 0 24px 58px rgba(18, 43, 57, 0.10);
}

.dispatch-next-copy {
    display: grid;
    align-content: start;
    gap: 0.7rem;
    padding: 0.35rem;
}

.dispatch-next-copy h2 {
    margin: 0;
    color: #10293a;
    font-size: clamp(1.35rem, 2.1vw, 2rem);
    line-height: 1.08;
}

.dispatch-next-copy p {
    margin: 0;
    color: var(--ink-soft);
    line-height: 1.58;
}

.dispatch-next-action-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.dispatch-next-action-card {
    display: grid;
    gap: 0.45rem;
    min-height: 100%;
    padding: 0.8rem;
    border: 1px solid rgba(13, 51, 70, 0.12);
    border-radius: 22px;
    color: inherit;
    text-decoration: none;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 251, 252, 0.9)),
        radial-gradient(circle at 12% 0%, rgba(15, 122, 120, 0.10), transparent 32%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 12px 30px rgba(22, 52, 66, 0.07);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.dispatch-next-action-card:hover {
    transform: translateY(-2px);
    border-color: rgba(15, 122, 120, 0.28);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 18px 42px rgba(15, 60, 72, 0.12);
}

.dispatch-next-action-card strong {
    color: #10293a;
    font-size: 1rem;
    line-height: 1.18;
}

.dispatch-next-action-card small,
.dispatch-next-action-card p {
    color: var(--ink-soft);
    line-height: 1.42;
}

.dispatch-next-action-card p {
    margin: 0;
}

.dispatch-next-card-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 0.38rem;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 0.45rem;
    border-top: 1px solid rgba(13, 51, 70, 0.08);
    color: #0f6866;
    font-size: 0.75rem;
    font-weight: 800;
}

.dispatch-startpanel-copy,
.dispatch-startclient-card,
.dispatch-empty-row {
    border: 1px solid rgba(13, 51, 70, 0.12);
    border-radius: 24px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(238, 248, 247, 0.86)),
        radial-gradient(circle at 16% 0%, rgba(16, 118, 116, 0.13), transparent 34%);
    box-shadow: 0 18px 42px rgba(19, 45, 58, 0.08);
}

.dispatch-startpanel-copy {
    padding: 1rem;
}

.dispatch-startpanel-copy h2 {
    margin: 0.18rem 0 0.45rem;
    color: #10293a;
    font-size: clamp(1.25rem, 2vw, 1.75rem);
}

.dispatch-startpanel-copy p,
.dispatch-empty-row p {
    color: var(--ink-soft);
}

.dispatch-startpanel-clients {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    gap: 0.8rem;
}

.dispatch-startclient-card {
    display: grid;
    gap: 0.5rem;
    padding: 0.85rem;
}

.dispatch-startclient-card strong,
.dispatch-empty-row strong {
    color: #10293a;
}

.dispatch-startclient-card p {
    margin: 0;
    color: var(--ink-soft);
}

.dispatch-empty-row {
    display: grid;
    gap: 0.48rem;
    padding: 0.85rem;
}

@media (max-width: 880px) {
    .dispatch-next-actions-panel,
    .dispatch-commercial-startpanel {
        grid-template-columns: 1fr;
    }

    .dispatch-next-action-grid {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 881px) and (max-width: 1180px) {
    .dispatch-next-action-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.dispatch-finality-panel {
    display: grid;
    grid-template-columns: minmax(18rem, 0.74fr) minmax(18rem, 0.56fr);
    gap: 1rem;
    align-items: start;
    margin: 1rem 0 1.25rem;
    padding: clamp(1rem, 2vw, 1.35rem);
    border: 1px solid rgba(12, 49, 66, 0.14);
    border-radius: 32px;
    background:
        radial-gradient(circle at 8% 8%, rgba(9, 116, 111, 0.16), transparent 30%),
        radial-gradient(circle at 96% 0%, rgba(204, 141, 41, 0.14), transparent 28%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(238, 246, 247, 0.92));
    box-shadow: 0 26px 70px rgba(12, 37, 50, 0.11);
}

.dispatch-finality-copy {
    display: grid;
    gap: 0.7rem;
    padding: 0.2rem;
}

.dispatch-finality-copy h2 {
    margin: 0;
    color: #10293a;
    font-size: clamp(1.4rem, 2.4vw, 2.1rem);
    line-height: 1.06;
}

.dispatch-finality-copy p {
    margin: 0;
    color: var(--ink-soft);
    line-height: 1.62;
}

.dispatch-finality-scoreboard {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.7rem;
}

.dispatch-finality-scoreboard article,
.dispatch-finality-lane,
.dispatch-finality-action-strip a {
    border: 1px solid rgba(12, 49, 66, 0.12);
    background: rgba(255, 255, 255, 0.84);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 14px 36px rgba(14, 42, 55, 0.07);
}

.dispatch-finality-scoreboard article {
    display: grid;
    gap: 0.25rem;
    padding: 0.82rem;
    border-radius: 22px;
}

.dispatch-finality-scoreboard span,
.dispatch-finality-action-strip small {
    color: var(--ink-soft);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.dispatch-finality-scoreboard strong {
    color: #10293a;
    font-size: clamp(1.45rem, 2.2vw, 2.15rem);
    line-height: 1;
}

.dispatch-finality-scoreboard small {
    color: var(--ink-soft);
    line-height: 1.35;
}

.dispatch-finality-grid,
.dispatch-finality-action-strip {
    grid-column: 1 / -1;
    display: grid;
    gap: 0.75rem;
}

.dispatch-finality-grid {
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}

.dispatch-finality-lane {
    display: grid;
    gap: 0.62rem;
    padding: 0.82rem;
    border-radius: 24px;
}

.dispatch-finality-lane > div:first-child {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 0.8rem;
}

.dispatch-finality-lane strong {
    color: #10293a;
    font-size: 1.28rem;
}

.dispatch-finality-lane p {
    margin: 0;
    color: var(--ink-soft);
    line-height: 1.48;
}

.dispatch-finality-action-strip {
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
}

.dispatch-finality-action-strip a {
    display: grid;
    gap: 0.42rem;
    padding: 0.8rem;
    border-radius: 22px;
    color: inherit;
    text-decoration: none;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.dispatch-finality-action-strip a:hover {
    transform: translateY(-2px);
    border-color: rgba(15, 122, 120, 0.28);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 20px 42px rgba(14, 42, 55, 0.11);
}

.dispatch-finality-action-strip strong {
    color: #10293a;
    line-height: 1.2;
}

.dispatch-finality-action-strip small {
    text-transform: none;
    letter-spacing: 0;
    font-weight: 600;
    line-height: 1.42;
}

@media (max-width: 880px) {
    .dispatch-finality-panel,
    .dispatch-finality-scoreboard {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 881px) and (max-width: 1180px) {
    .dispatch-finality-panel {
        grid-template-columns: 1fr;
    }
}

.dispatch-preview-studio {
    display: grid;
    gap: 1rem;
    margin: 1rem 0 1.25rem;
    padding: clamp(1rem, 2vw, 1.35rem);
    border: 1px solid rgba(12, 49, 66, 0.14);
    border-radius: 32px;
    background:
        radial-gradient(circle at 12% 4%, rgba(15, 122, 120, 0.15), transparent 30%),
        radial-gradient(circle at 94% 8%, rgba(246, 207, 132, 0.18), transparent 28%),
        linear-gradient(135deg, rgba(245, 250, 250, 0.98), rgba(255, 253, 247, 0.93));
    box-shadow: 0 24px 64px rgba(12, 37, 50, 0.105);
}

.dispatch-preview-hero,
.dispatch-preview-board {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(19rem, 0.58fr);
    gap: 1rem;
    align-items: stretch;
}

.dispatch-preview-hero h2 {
    max-width: 58rem;
    margin: 0.12rem 0 0.48rem;
    color: #10293a;
    font-size: clamp(1.45rem, 2.7vw, 2.55rem);
    line-height: 1.04;
}

.dispatch-preview-hero p {
    max-width: 66rem;
    color: var(--ink-soft);
    line-height: 1.62;
}

.dispatch-preview-score {
    display: grid;
    gap: 0.58rem;
    align-content: center;
    padding: 1rem;
    border: 1px solid rgba(246, 207, 132, 0.22);
    border-radius: 28px;
    background:
        linear-gradient(145deg, rgba(16, 41, 58, 0.98), rgba(19, 92, 92, 0.94)),
        radial-gradient(circle at 10% 0%, rgba(246, 207, 132, 0.28), transparent 36%);
    color: #f8f4ea;
    box-shadow: 0 16px 38px rgba(12, 37, 50, 0.16);
}

.dispatch-preview-score span,
.dispatch-preview-score small {
    color: rgba(248, 244, 234, 0.78);
    font-weight: 850;
}

.dispatch-preview-score strong {
    color: #f6cf84;
    font-size: clamp(2.35rem, 5vw, 4.55rem);
    line-height: 0.92;
}

.dispatch-preview-score .btn {
    width: fit-content;
    background: #f6cf84;
    color: #10293a;
}

.dispatch-preview-card-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.72rem;
}

.dispatch-preview-card-grid article,
.dispatch-preview-panel,
.dispatch-preview-queue a,
.dispatch-preview-guard span {
    border: 1px solid rgba(12, 49, 66, 0.12);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 14px 34px rgba(14, 42, 55, 0.065);
}

.dispatch-preview-card-grid article {
    display: grid;
    gap: 0.32rem;
    min-height: 13.2rem;
    padding: 0.82rem;
    border-top: 5px solid #0f7a78;
    border-radius: 22px;
}

.dispatch-preview-card-grid article.attention {
    border-top-color: #cc8d29;
}

.dispatch-preview-card-grid article.critical {
    border-top-color: #b95143;
}

.dispatch-preview-card-grid span,
.dispatch-preview-card-grid small,
.dispatch-preview-queue span,
.dispatch-preview-queue em {
    color: var(--ink-soft);
    font-size: 0.73rem;
    font-weight: 800;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.dispatch-preview-card-grid strong {
    color: #0f6866;
    font-size: clamp(1.55rem, 2.5vw, 2rem);
    line-height: 1;
}

.dispatch-preview-card-grid p,
.dispatch-preview-queue p {
    margin: 0;
    color: var(--ink-soft);
    line-height: 1.42;
}

.dispatch-preview-card-grid small,
.dispatch-preview-queue em {
    margin-top: auto;
    letter-spacing: 0;
    text-transform: none;
}

.dispatch-preview-board {
    align-items: start;
}

.dispatch-preview-panel {
    display: grid;
    gap: 0.78rem;
    min-width: 0;
    padding: 1rem;
    border-radius: 28px;
}

.dispatch-preview-queue {
    display: grid;
    gap: 0.64rem;
    max-height: 620px;
    overflow: auto;
    padding-right: 0.2rem;
}

.dispatch-preview-queue a {
    display: grid;
    gap: 0.28rem;
    padding: 0.78rem;
    border-left: 5px solid #0f7a78;
    border-radius: 20px;
    color: inherit;
    text-decoration: none;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.dispatch-preview-queue a:hover {
    transform: translateY(-2px);
    border-color: rgba(15, 122, 120, 0.34);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 20px 44px rgba(14, 42, 55, 0.11);
}

.dispatch-preview-queue a.attention {
    border-left-color: #cc8d29;
}

.dispatch-preview-queue a.critical {
    border-left-color: #b95143;
}

.dispatch-preview-queue strong {
    color: #10293a;
    line-height: 1.18;
}

.dispatch-preview-queue small {
    color: var(--ink-soft);
}

.dispatch-preview-queue em {
    display: block;
    color: #7d5a1d;
    font-style: normal;
}

.dispatch-preview-guard {
    align-content: start;
}

.dispatch-preview-guard span {
    display: block;
    padding: 0.74rem 0.78rem;
    border-radius: 18px;
    color: #0f6866;
    font-weight: 850;
    line-height: 1.38;
}

@media (max-width: 1320px) {
    .dispatch-preview-card-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .dispatch-preview-hero,
    .dispatch-preview-board {
        grid-template-columns: 1fr;
    }
}

.communication-operating-command {
    position: relative;
    overflow: hidden;
    padding: clamp(22px, 3vw, 34px);
    border: 1px solid rgba(18, 66, 78, .16);
    border-radius: 34px;
    background:
        radial-gradient(circle at 12% 10%, rgba(21, 126, 139, .18), transparent 30%),
        radial-gradient(circle at 88% 0%, rgba(214, 153, 61, .20), transparent 28%),
        linear-gradient(135deg, rgba(246, 250, 249, .98), rgba(236, 246, 244, .96));
    box-shadow: 0 24px 70px rgba(19, 48, 58, .11);
}

.communication-command-stage {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
    gap: 20px;
    align-items: stretch;
}

.communication-command-stage h2 {
    max-width: 980px;
    margin: 0;
    color: var(--ink);
    font-size: clamp(1.8rem, 3vw, 3.2rem);
    line-height: .98;
    letter-spacing: -.06em;
}

.communication-command-stage p {
    max-width: 760px;
    color: #35545d;
    font-weight: 700;
    line-height: 1.55;
}

.communication-command-chief,
.communication-command-panel,
.communication-command-briefing,
.communication-command-metrics article {
    border: 1px solid rgba(18, 66, 78, .14);
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 16px 40px rgba(19, 48, 58, .08);
    backdrop-filter: blur(14px);
}

.communication-command-chief {
    display: grid;
    gap: 10px;
    padding: 20px;
    border-radius: 28px;
}

.communication-command-chief.is-danger {
    border-color: rgba(166, 41, 41, .34);
    background: linear-gradient(135deg, rgba(255, 244, 241, .93), rgba(255, 255, 255, .8));
}

.communication-command-chief.is-pending {
    border-color: rgba(198, 141, 52, .34);
    background: linear-gradient(135deg, rgba(255, 249, 235, .94), rgba(255, 255, 255, .8));
}

.communication-command-chief.is-active {
    border-color: rgba(12, 121, 118, .30);
    background: linear-gradient(135deg, rgba(236, 250, 248, .94), rgba(255, 255, 255, .8));
}

.communication-command-chief span,
.communication-command-metrics span,
.communication-command-item span,
.communication-command-row small {
    color: var(--muted);
    font-size: .73rem;
    font-weight: 900;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.communication-command-chief strong {
    color: var(--ink);
    font-size: clamp(1.45rem, 2.2vw, 2.3rem);
    line-height: 1;
}

.communication-command-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.communication-command-metrics {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
}

.communication-command-metrics article {
    display: grid;
    gap: 5px;
    min-height: 120px;
    padding: 16px;
    border-radius: 22px;
}

.communication-command-metrics strong {
    color: var(--ink);
    font-size: clamp(1.45rem, 2.2vw, 2.35rem);
    line-height: 1;
}

.communication-command-metrics small {
    color: #4b6770;
    font-weight: 750;
}

.communication-command-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
    gap: 16px;
    margin-top: 18px;
}

.communication-command-columns {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 16px;
}

.communication-command-panel,
.communication-command-briefing {
    padding: 18px;
    border-radius: 28px;
}

.communication-command-panel-primary {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .83), rgba(239, 249, 247, .86));
}

.communication-command-panel h3,
.communication-command-briefing h3 {
    margin: 0 0 10px;
    color: var(--ink);
    font-size: 1.08rem;
    letter-spacing: -.02em;
}

.communication-command-list {
    display: grid;
    gap: 10px;
}

.communication-command-list.dense {
    gap: 8px;
}

.communication-command-item,
.communication-command-row {
    display: grid;
    gap: 7px;
    padding: 13px;
    border: 1px solid rgba(18, 66, 78, .10);
    border-radius: 20px;
    background: rgba(255, 255, 255, .70);
}

.communication-command-item.is-danger {
    border-color: rgba(166, 41, 41, .28);
    background: rgba(255, 244, 241, .86);
}

.communication-command-item.is-pending {
    border-color: rgba(198, 141, 52, .28);
    background: rgba(255, 249, 235, .86);
}

.communication-command-item.is-active {
    border-color: rgba(12, 121, 118, .22);
    background: rgba(237, 250, 248, .86);
}

.communication-command-item strong,
.communication-command-row strong {
    color: var(--ink);
    font-size: .98rem;
}

.communication-command-item p,
.communication-command-row p {
    margin: 0;
    color: #35545d;
    font-size: .9rem;
    font-weight: 700;
    line-height: 1.42;
}

.communication-command-item small {
    color: #55707a;
    font-weight: 800;
}

.communication-command-row {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
}

.communication-guardrail-list {
    display: grid;
    gap: 8px;
    margin: 0 0 14px;
    padding: 0;
    list-style: none;
}

.communication-guardrail-list li {
    padding: 10px 12px;
    border: 1px solid rgba(12, 121, 118, .16);
    border-radius: 16px;
    background: rgba(237, 250, 248, .72);
    color: #244e54;
    font-size: .87rem;
    font-weight: 800;
}

.communication-command-lanes {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.communication-command-lanes span {
    padding: 8px 10px;
    border-radius: 999px;
    background: rgba(18, 66, 78, .08);
    color: #244e54;
    font-size: .76rem;
    font-weight: 900;
}

.communication-command-briefing {
    margin-top: 16px;
    background:
        linear-gradient(135deg, rgba(20, 42, 50, .96), rgba(24, 83, 91, .92));
}

.communication-command-briefing .eyebrow,
.communication-command-briefing h3,
.communication-command-briefing p {
    color: #f4fbfb;
}

.communication-command-briefing pre {
    overflow: auto;
    max-height: 360px;
    margin: 0;
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 20px;
    background: rgba(2, 18, 24, .62);
    color: #e9fbfa;
    font: 800 .88rem/1.6 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    white-space: pre-wrap;
}

.authed-shell .communication-operating-command,
.authed-shell .communication-command-stage,
.authed-shell .communication-command-chief,
.authed-shell .communication-command-links,
.authed-shell .communication-command-metrics,
.authed-shell .communication-command-grid,
.authed-shell .communication-command-columns,
.authed-shell .communication-command-panel,
.authed-shell .communication-command-panel-primary,
.authed-shell .communication-command-list,
.authed-shell .communication-command-item,
.authed-shell .communication-command-row,
.authed-shell .communication-guardrail-list,
.authed-shell .communication-command-lanes,
.authed-shell .communication-command-briefing,
.authed-shell .finance-dispatch-grid {
    min-width: 0;
    max-width: 100%;
}

.authed-shell .communication-operating-command *,
.authed-shell #orchestrierung *,
.authed-shell #email-queue *,
.authed-shell #dispatch-leitstand *,
.authed-shell #portal-nachrichten *,
.authed-shell #vorlagenmatrix * {
    min-width: 0;
}

.authed-shell #orchestrierung .app-table-grid,
.authed-shell #email-queue,
.authed-shell #dispatch-leitstand,
.authed-shell #portal-nachrichten,
.authed-shell #vorlagenmatrix {
    overflow: hidden;
}

.authed-shell #orchestrierung .table-wrap,
.authed-shell #email-queue .table-wrap,
.authed-shell #dispatch-leitstand .table-wrap,
.authed-shell #portal-nachrichten .table-wrap,
.authed-shell #vorlagenmatrix .table-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
}

.authed-shell .app-shell,
.authed-shell .main-content,
.authed-shell .content-column,
.authed-shell .workspace-page-shell,
.authed-shell .workspace-page-canvas {
    overflow-x: clip;
}

.authed-shell .workspace-page-canvas > .app-kpi-grid,
.authed-shell .workspace-page-canvas > .communication-operating-command,
.authed-shell .workspace-page-canvas > #orchestrierung,
.authed-shell .workspace-page-canvas > .app-decision-strip,
.authed-shell .workspace-page-canvas > .app-section-stack {
    width: 100%;
    max-width: 100%;
}

@media (max-width: 760px) {
    .authed-shell .workspace-page-canvas > .app-kpi-grid,
    .authed-shell .communication-command-metrics,
    .authed-shell .communication-command-stage,
    .authed-shell .communication-command-grid,
    .authed-shell .communication-command-columns,
    .authed-shell #orchestrierung .app-table-grid,
    .authed-shell #orchestrierung .finance-dispatch-grid {
        width: 100% !important;
        max-width: 100% !important;
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 1100px) {
    .communication-command-stage,
    .communication-command-grid,
    .communication-command-columns {
        grid-template-columns: 1fr;
    }

    .communication-command-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .communication-operating-command {
        padding: 18px;
        border-radius: 26px;
    }

    .communication-command-metrics,
    .communication-command-row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .dispatch-preview-studio {
        padding: 0.78rem;
        border-radius: 24px;
    }

    .dispatch-preview-card-grid {
        grid-template-columns: 1fr;
    }

    .dispatch-preview-score .btn {
        width: 100%;
    }
}

.dispatch-attachment-mini {
    display: grid;
    gap: 0.18rem;
    min-width: 13rem;
    padding: 0.62rem 0.7rem;
    border-radius: 16px;
    border: 1px solid rgba(35, 51, 66, 0.12);
    background: rgba(250, 252, 254, 0.94);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.dispatch-attachment-mini strong {
    font-size: 0.82rem;
    color: #12283a;
}

.dispatch-attachment-mini span,
.dispatch-attachment-mini small {
    font-size: 0.74rem;
    color: var(--ink-soft);
}

.dispatch-attachment-mini.is-active {
    border-color: rgba(15, 122, 120, 0.24);
    background: linear-gradient(135deg, rgba(232, 250, 247, 0.96), rgba(255, 255, 255, 0.92));
}

.dispatch-attachment-mini.is-pending {
    border-color: rgba(181, 118, 18, 0.24);
    background: linear-gradient(135deg, rgba(255, 247, 224, 0.96), rgba(255, 255, 255, 0.92));
}

.dispatch-attachment-mini.is-danger {
    border-color: rgba(177, 49, 49, 0.28);
    background: linear-gradient(135deg, rgba(255, 235, 235, 0.96), rgba(255, 255, 255, 0.92));
}

.report-release-mini {
    display: grid;
    gap: 0.2rem;
    min-width: 13rem;
    padding: 0.66rem 0.74rem;
    border-radius: 18px;
    border: 1px solid rgba(35, 51, 66, 0.14);
    background: rgba(248, 250, 252, 0.96);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 10px 26px rgba(18, 40, 58, 0.06);
}

.report-release-mini strong {
    font-size: 0.82rem;
    color: #102538;
}

.report-release-mini small {
    font-size: 0.72rem;
    line-height: 1.3;
    color: var(--ink-soft);
}

.report-release-mini.is-active {
    border-color: rgba(15, 122, 120, 0.28);
    background: linear-gradient(135deg, rgba(225, 251, 246, 0.97), rgba(255, 255, 255, 0.94));
}

.report-release-mini.is-pending {
    border-color: rgba(188, 121, 17, 0.28);
    background: linear-gradient(135deg, rgba(255, 246, 219, 0.97), rgba(255, 255, 255, 0.94));
}

.report-release-mini.is-danger {
    border-color: rgba(180, 45, 45, 0.3);
    background: linear-gradient(135deg, rgba(255, 232, 232, 0.98), rgba(255, 255, 255, 0.94));
}

.is-danger-text {
    color: #9d2626 !important;
}

.customer-status-stage {
    margin-top: 1.3rem;
}

.customer-status-summary,
.customer-sync-summary,
.customer-commercial-summary {
    gap: 0.9rem;
}

.customer-status-summary,
.customer-sync-summary,
.customer-commercial-radar {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.customer-commercial-summary {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 1rem 0 1.2rem;
}

.customer-status-card {
    min-height: 100%;
}

.customer-status-card strong {
    font-size: clamp(1.5rem, 2.3vw, 2.3rem);
}

.customer-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.75rem;
}

.customer-card-meta span {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.7rem;
    border-radius: 999px;
    border: 1px solid rgba(35, 51, 66, 0.14);
    background: rgba(255, 255, 255, 0.82);
    color: var(--ink-soft);
    font-size: 0.82rem;
}

.customer-sync-card,
.customer-commercial-summary .app-flight-card {
    position: relative;
}

.customer-sync-card::after,
.customer-commercial-summary .app-flight-card::after {
    content: "";
    position: absolute;
    inset: auto 1rem 0.85rem 1rem;
    height: 1px;
    background: linear-gradient(90deg, rgba(15, 122, 120, 0.26), transparent);
    pointer-events: none;
}

.customer-detail-flight .app-callout-row {
    margin-bottom: 0.85rem;
}

.customer-detail-flight .app-anchor-pills {
    margin-top: 0.65rem;
}

.customer-status-stage .section-headline p,
.customer-sync-summary .app-flight-card p,
.customer-commercial-summary .app-flight-card p {
    max-width: 42ch;
}

.customer-status-stage .app-flight-summary,
.customer-sync-summary,
.customer-commercial-summary {
    margin-top: 1rem;
}

.customer-status-stage .app-flight-card,
.customer-sync-summary .app-flight-card,
.customer-commercial-summary .app-flight-card,
.dispatch-status-grid .app-flight-card,
.integration-readiness-grid .app-flight-card {
    box-shadow: var(--shadow-soft);
}

.customer-timeline-grid {
    align-items: start;
}

.customer-timeline-workbench,
.customer-pkp-finance-card {
    min-height: 100%;
}

.customer-match-note {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin-top: 0.45rem;
    font-size: 0.82rem;
    color: var(--ink-soft);
}

.customer-match-note strong {
    color: #102436;
}

.customer-inline-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.customer-inline-actions form {
    margin: 0;
}

.customer-finance-list {
    margin-bottom: 0.85rem;
}

@media (max-width: 1080px) {
    .customer-status-summary,
    .customer-sync-summary,
    .customer-commercial-summary,
    .dispatch-status-grid,
    .integration-readiness-grid,
    .integration-provider-grid,
    .portal-readiness-grid,
    .integration-timeline-cockpit,
    .timeline-workbench-grid,
    .customer-action-grid,
    .customer-delivery-radar-grid,
    .customer-delivery-receipt-grid,
    .dispatch-receipt-grid,
    .customer-commercial-create-grid,
    .dispatch-followup-actions,
    .dispatch-center-grid,
    .finance-dispatch-grid,
    .case-dispatch-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .customer-cta-row {
        flex-direction: column;
    }

    .dispatch-mixed-bulk-stage-head,
    .customer-delivery-operator-strip {
        flex-direction: column;
        align-items: stretch;
    }

    .customer-delivery-launch-row {
        width: 100%;
    }

    .dispatch-mixed-bulk-stage-meta {
        align-items: flex-start;
    }

    .app-bulk-toolbar {
        justify-content: stretch;
    }

    .app-bulk-toolbar .btn {
        width: 100%;
    }

    .customer-status-summary,
    .customer-sync-summary,
    .customer-commercial-summary,
    .dispatch-status-grid,
    .integration-readiness-grid,
    .integration-provider-grid,
    .portal-readiness-grid,
    .integration-timeline-cockpit,
    .timeline-workbench-grid,
    .customer-action-grid,
    .customer-delivery-radar-grid,
    .customer-delivery-receipt-grid,
    .dispatch-receipt-grid,
    .customer-commercial-create-grid,
    .dispatch-followup-actions,
    .dispatch-center-grid,
    .finance-dispatch-grid,
    .case-dispatch-summary,
    .integration-connector-band {
        grid-template-columns: 1fr;
    }

    .timeline-filter-grid,
    .timeline-queue-summary,
    .timeline-reason-grid {
        grid-template-columns: 1fr;
    }

    .timeline-selection-rail {
        align-items: start;
    }
}

.public-trust-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.public-trust-row span,
.public-workflow-rail span {
    display: inline-flex;
    align-items: center;
    padding: 0.58rem 0.82rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(196, 208, 220, 0.74);
    color: #365067;
    font-size: 0.9rem;
    box-shadow: 0 10px 24px rgba(14, 29, 48, 0.05);
}

.public-proof-grid {
    margin-top: 0.25rem;
    gap: 0.85rem;
}

.public-proof-grid div {
    padding: 1.15rem 1.2rem;
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(202, 214, 224, 0.74);
    box-shadow: 0 16px 42px rgba(17, 41, 60, 0.06);
}

.public-proof-grid strong {
    margin-bottom: 0.45rem;
    color: #112739;
}

.public-hero-panel {
    position: relative;
    overflow: hidden;
    padding: 1.1rem;
    border-radius: 34px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.74)),
        radial-gradient(circle at top right, rgba(127, 181, 201, 0.18), transparent 42%);
    border: 1px solid rgba(211, 221, 231, 0.92);
    box-shadow: 0 28px 72px rgba(14, 30, 48, 0.11);
}

.public-panel-orbit {
    position: absolute;
    inset: -28% auto auto 58%;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(140, 201, 214, 0.28), transparent 62%);
    pointer-events: none;
}

.public-panel-window {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(248, 251, 253, 0.96), rgba(241, 247, 250, 0.9));
    border: 1px solid rgba(220, 229, 237, 0.92);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.public-window-dots {
    display: flex;
    gap: 0.45rem;
}

.public-window-dots span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #d4dde4;
}

.public-window-dots span:first-child { background: #ffb38e; }
.public-window-dots span:nth-child(2) { background: #ffd489; }
.public-window-dots span:nth-child(3) { background: #8fd2bc; }

.public-mock-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.public-status-pill {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 0.76rem;
    border-radius: 999px;
    background: rgba(100, 190, 158, 0.16);
    color: #15714e;
    font-size: 0.84rem;
    font-weight: 700;
    white-space: nowrap;
}

.public-mock-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

.public-mock-grid article,
.public-story-points div,
.public-module-card,
.public-note-card,
.public-mini-card {
    padding: 1rem 1.05rem;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(216, 225, 232, 0.92);
    box-shadow: 0 12px 28px rgba(16, 35, 52, 0.05);
}

.public-mock-grid small {
    display: block;
    margin-bottom: 0.35rem;
    color: #65798d;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.public-mock-grid strong {
    display: block;
    margin-bottom: 0.28rem;
    font-size: 1.8rem;
    letter-spacing: -0.04em;
    color: #102a3f;
}

.public-mock-grid span {
    color: #607386;
    font-size: 0.92rem;
    line-height: 1.52;
}

.public-workflow-rail {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.public-story-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.82fr);
    gap: 1.2rem;
}

.public-story-card {
    padding: clamp(1.3rem, 2vw, 1.7rem);
    border-radius: 30px;
    border: 1px solid rgba(214, 224, 232, 0.92);
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 24px 60px rgba(15, 32, 48, 0.08);
}

.public-story-card-soft {
    background: linear-gradient(180deg, rgba(245, 250, 253, 0.94), rgba(255, 248, 243, 0.88));
}

.public-story-points {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
    margin-top: 1rem;
}

.public-story-points strong {
    display: block;
    margin-bottom: 0.34rem;
    color: #153147;
}

.public-feature-grid,
.public-module-grid,
.public-pricing-grid {
    gap: 1.05rem;
}

.public-feature-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.public-feature-card,
.public-module-card {
    border-radius: 28px;
    border: 1px solid rgba(214, 224, 232, 0.88);
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 20px 55px rgba(15, 32, 48, 0.07);
}

.public-feature-card h3,
.public-module-card h3 {
    color: #133046;
}

.public-feature-card p,
.public-module-card p {
    line-height: 1.68;
}

.public-band {
    padding: 0.3rem 0 0.1rem;
}

.public-pricing-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: stretch;
}

.public-pricing-card {
    position: relative;
    gap: 0.9rem;
    padding: 1.15rem;
    border-radius: 30px;
    border: 1px solid rgba(214, 224, 232, 0.88);
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 22px 58px rgba(14, 31, 48, 0.07);
}

.public-pricing-card.featured {
    transform: translateY(-6px);
    border-color: rgba(102, 160, 182, 0.5);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(237, 248, 252, 0.94)),
        radial-gradient(circle at top right, rgba(130, 192, 213, 0.18), transparent 40%);
    box-shadow: 0 30px 74px rgba(27, 73, 93, 0.12);
}

.price {
    font-size: clamp(2.2rem, 4.6vw, 3.2rem);
    font-family: "Manrope", sans-serif;
    font-weight: 800;
    letter-spacing: -0.05em;
    color: #10293d;
}

.price span {
    display: block;
    margin-top: 0.28rem;
    font-size: 0.92rem;
    font-weight: 600;
    letter-spacing: 0;
    color: #687b8f;
    font-family: "Manrope", sans-serif;
}

.price.price-request {
    font-size: clamp(1.75rem, 3.6vw, 2.45rem);
    line-height: 1.1;
}

.public-contact-card,
.public-booking-grid > article:first-child {
    border-radius: 30px;
    border: 1px solid rgba(214, 224, 232, 0.88);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 24px 60px rgba(15, 32, 48, 0.07);
}

.public-booking-grid {
    gap: 1.1rem;
}

.public-contact-card .info-list div {
    background: rgba(249, 252, 253, 0.88);
    border-color: rgba(216, 225, 232, 0.92);
}

.public-note-card {
    background: linear-gradient(180deg, rgba(244, 250, 252, 0.95), rgba(255, 249, 244, 0.92));
}

.public-footer {
    width: min(1280px, calc(100% - 2rem));
    margin: 0 auto 2.2rem;
    padding: 1.25rem 0 0;
    color: #4f6376;
}

.public-footer-links {
    gap: 0.7rem;
}

.public-footer-links a {
    display: inline-flex;
    align-items: center;
    padding: 0.6rem 0.78rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.68);
    border: 1px solid rgba(207, 218, 228, 0.78);
}

@media (max-width: 1260px) {
    .public-hero,
    .public-story-grid {
        grid-template-columns: 1fr;
    }

    .public-feature-grid,
    .public-module-grid,
    .public-pricing-grid,
    .public-story-points,
    .public-proof-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .public-topbar {
        border-radius: 30px;
        align-items: flex-start;
    }

    .public-nav {
        width: 100%;
    }

    .public-nav a {
        padding: 0.56rem 0.72rem;
    }

    .public-mock-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 760px) {
    .public-body h1 {
        font-size: clamp(2.1rem, 11vw, 3rem);
    }

    .public-topbar,
    .public-footer {
        width: min(95%, 1280px);
        flex-direction: column;
        align-items: flex-start;
    }

    .public-proof-grid,
    .public-feature-grid,
    .public-module-grid,
    .public-pricing-grid,
    .public-story-points,
    .public-mock-grid {
        grid-template-columns: 1fr;
    }

    .public-panel-window,
    .public-story-card,
    .public-pricing-card {
        padding: 1rem;
    }

    .public-mock-top {
        flex-direction: column;
    }

    .demo-banner {
        flex-direction: column;
        align-items: flex-start;
    }

    .demo-mail-overlay {
        padding: 0.8rem;
    }
}

body.sidebar-open {
    overflow: hidden;
}

h1,
h2,
h3,
h4 {
    font-family: var(--font-heading);
    letter-spacing: 0.01em;
    margin: 0 0 0.65rem;
    line-height: 1.08;
}

h1 {
    font-size: clamp(1.7rem, 3.2vw, 2.65rem);
}

h2 {
    font-size: clamp(1.22rem, 2vw, 1.65rem);
}

h3 {
    font-size: clamp(1.04rem, 1.5vw, 1.25rem);
}

p {
    margin: 0;
    color: var(--ink-soft);
    line-height: 1.6;
}

small {
    line-height: 1.45;
}

a {
    color: var(--accent);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.bg-layer {
    position: fixed;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 16% 16%, rgba(15, 122, 120, 0.2), transparent 35%),
        radial-gradient(circle at 88% 22%, rgba(229, 111, 49, 0.15), transparent 40%),
        radial-gradient(circle at 45% 88%, rgba(83, 141, 167, 0.17), transparent 30%),
        linear-gradient(rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.04));
}

.bg-layer::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(31, 40, 48, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(31, 40, 48, 0.03) 1px, transparent 1px);
    background-size: 26px 26px;
    mask-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.52), transparent 78%);
}

.app-shell {
    position: relative;
    display: grid;
    grid-template-columns: minmax(290px, 320px) minmax(0, 1fr);
    min-height: 100vh;
    width: 100%;
    max-width: 100%;
}

.app-shell.guest-shell {
    display: block;
    width: 100%;
    max-width: 100%;
}

.mobile-topbar,
.sidebar-backdrop {
    display: none;
}

.sidebar {
    position: sticky;
    top: 0;
    height: 100vh;
    padding: 1.15rem;
}

.sidebar-panel {
    height: calc(100vh - 2.3rem);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.4rem;
    padding: 1.35rem;
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.83), rgba(255, 255, 255, 0.68));
    box-shadow: var(--shadow);
    backdrop-filter: blur(16px);
    overflow-y: auto;
}

.brand,
.mobile-brand {
    display: flex;
    align-items: center;
    gap: 0.88rem;
    text-decoration: none;
}

.brand:hover,
.mobile-brand:hover {
    text-decoration: none;
}

.brand-logo {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: grid;
    place-items: center;
    background: linear-gradient(155deg, var(--accent), var(--accent-3));
    border-radius: 16px;
    color: #fff;
    font-weight: 700;
    box-shadow: 0 10px 24px rgba(15, 122, 120, 0.26);
}

.brand-copy,
.mobile-brand-copy {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.brand-copy strong,
.mobile-brand-copy strong {
    color: var(--ink);
}

.brand-copy small,
.mobile-brand-copy small {
    color: var(--ink-soft);
    font-size: 0.78rem;
}

.sidebar-context {
    display: grid;
    gap: 0.72rem;
    margin: 1.25rem 0 1.2rem;
}

.context-pill {
    display: grid;
    align-items: start;
    justify-content: stretch;
    gap: 0.8rem;
    padding: 0.85rem 0.95rem;
    border-radius: 16px;
    border: 1px solid rgba(15, 122, 120, 0.14);
    background: linear-gradient(135deg, rgba(15, 122, 120, 0.12), rgba(36, 94, 143, 0.08));
}

.context-pill strong {
    line-height: 1.16;
    overflow-wrap: normal;
    hyphens: none;
}

.context-pill.subtle {
    border-color: rgba(35, 51, 66, 0.08);
    background: rgba(255, 255, 255, 0.72);
}

.context-label {
    display: block;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--ink-muted);
}

.nav-primary {
    display: grid;
    gap: 1rem;
}

.nav-section {
    display: grid;
    gap: 0.55rem;
}

.nav-section-label {
    margin: 0;
    padding: 0 0.4rem;
    color: #6f8193;
    font-size: 0.73rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-weight: 700;
}

.nav-section-items {
    display: grid;
    gap: 0.55rem;
}

.nav-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0.88rem 4.8rem 0.88rem 0.95rem;
    border: 1px solid transparent;
    border-radius: 16px;
    color: var(--ink-soft);
    background: transparent;
    transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, color 160ms ease, box-shadow 160ms ease;
    position: relative;
    overflow: hidden;
}

.nav-item::before {
    content: "";
    position: absolute;
    inset: 10px auto 10px 0;
    width: 4px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(15, 122, 120, 0), rgba(15, 122, 120, 0));
    transition: background 160ms ease;
}

.nav-item-text {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.nav-item-text strong {
    display: block;
    font-size: 0.95rem;
    font-weight: 700;
    color: inherit;
    overflow-wrap: normal;
    hyphens: none;
}

.nav-item-text small {
    color: #748698;
    font-size: 0.76rem;
    line-height: 1.3;
}

.nav-item-status {
    position: absolute;
    top: 0.8rem;
    right: 0.82rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.28rem 0.58rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    color: var(--ink-muted);
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 700;
}

.nav-item:hover,
.nav-item.active {
    color: var(--ink);
    background: linear-gradient(135deg, rgba(15, 122, 120, 0.13), rgba(36, 94, 143, 0.09));
    border-color: rgba(15, 122, 120, 0.18);
    text-decoration: none;
    transform: translateX(2px);
    box-shadow: var(--shadow-soft);
}

.nav-item:hover::before,
.nav-item.active::before {
    background: linear-gradient(180deg, rgba(15, 122, 120, 0.95), rgba(36, 94, 143, 0.78));
}

.nav-item:hover .nav-item-status,
.nav-item.active .nav-item-status {
    background: rgba(15, 122, 120, 0.14);
    color: #0d6871;
}

.sidebar-footer {
    display: grid;
    gap: 0.85rem;
}

.user-badge {
    padding: 0.92rem 1rem;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.68));
}

.user-badge strong {
    display: block;
    margin-bottom: 0.2rem;
}

.user-badge small {
    color: var(--ink-soft);
}

.main-content {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    padding: clamp(1rem, 2.4vw, 2rem);
    animation: fadeInUp 280ms ease;
}

.content-column {
    width: min(100%, 1360px);
    margin: 0 auto;
    display: grid;
    gap: 1.15rem;
    min-width: 0;
}

.main-content.full {
    max-width: 540px;
    margin: 4rem auto;
    width: min(94%, 540px);
    display: block;
}

.main-content.full .content-column {
    width: 100%;
  }

.main-content.full.wide {
    max-width: min(1280px, 94%);
    width: min(94%, 1280px);
}

.flash {
    border-radius: 16px;
    padding: 0.9rem 1rem;
    margin-bottom: 0.2rem;
    font-size: 0.96rem;
    border: 1px solid transparent;
    box-shadow: var(--shadow-soft);
}

.flash.success {
    background: rgba(21, 127, 87, 0.11);
    color: var(--ok);
    border-color: rgba(21, 127, 87, 0.25);
}

.flash.error {
    background: rgba(165, 40, 40, 0.1);
    color: var(--error);
    border-color: rgba(165, 40, 40, 0.24);
}

.demo-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-radius: 20px;
    border: 1px solid rgba(15, 122, 120, 0.18);
    background: linear-gradient(135deg, rgba(15, 122, 120, 0.12), rgba(134, 182, 201, 0.14));
    box-shadow: var(--shadow-soft);
}

.demo-banner strong {
    display: block;
    margin-bottom: 0.24rem;
    color: #11424e;
}

.demo-banner form {
    margin: 0;
}

.demo-banner p {
    color: #33586c;
}

.demo-switch-form {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.demo-switch-form select {
    min-width: 220px;
    min-height: 42px;
    padding: 0.72rem 0.95rem;
    border-radius: 999px;
    border: 1px solid rgba(36, 73, 99, 0.18);
    background: rgba(255, 255, 255, 0.9);
    color: var(--ink);
    font: inherit;
}

.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;
}

.demo-mail-overlay {
    position: fixed;
    inset: 0;
    z-index: 80;
    display: grid;
    place-items: center;
    padding: 1.5rem;
    background: rgba(20, 31, 42, 0.32);
    backdrop-filter: blur(10px);
    transition: opacity 180ms ease, visibility 180ms ease;
}

.demo-mail-overlay.is-hidden {
    opacity: 0;
    visibility: hidden;
}

.demo-mail-sheet {
    width: min(860px, 100%);
    max-height: min(88vh, 960px);
    overflow: auto;
    border-radius: 28px;
}

.demo-mail-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.demo-mail-close {
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 999px;
    background: rgba(31, 40, 48, 0.08);
    color: var(--ink);
    font-size: 1.7rem;
    line-height: 1;
    cursor: pointer;
}

.demo-mail-list {
    display: grid;
    gap: 0.9rem;
}

.demo-mail-card {
    padding: 1rem;
    border-radius: 20px;
    border: 1px solid rgba(35, 51, 66, 0.12);
    background: rgba(255, 255, 255, 0.82);
}

.demo-mail-card pre {
    margin: 0.9rem 0 0;
    padding: 0.9rem 1rem;
    border-radius: 16px;
    background: rgba(17, 39, 57, 0.04);
    border: 1px solid rgba(35, 51, 66, 0.08);
    color: var(--ink);
    font-family: "SFMono-Regular", "SF Mono", Consolas, monospace;
    white-space: pre-wrap;
    word-break: break-word;
}

.card {
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: var(--radius-card);
    background: var(--card);
    backdrop-filter: blur(8px);
    padding: clamp(1rem, 1.5vw, 1.25rem);
    box-shadow: var(--shadow);
    min-width: 0;
    transition: transform 160ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.card + .card {
    margin-top: 1rem;
}

.grid {
    display: grid;
    gap: 1rem;
}

.grid.cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid.cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
    margin-bottom: 1rem;
}

.stat {
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 18px;
    padding: 1rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.68));
    box-shadow: var(--shadow-soft);
    min-width: 0;
}

.stat strong {
    display: block;
    font-size: clamp(1.45rem, 3vw, 2rem);
    margin-bottom: 0.12rem;
    font-family: "Fraunces", serif;
    line-height: 1;
}

.muted {
    color: var(--ink-soft);
    font-size: 0.92rem;
}

form {
    display: grid;
    gap: 0.9rem;
}

.field {
    display: grid;
    gap: 0.42rem;
    min-width: 0;
}

label {
    font-size: 0.88rem;
    color: var(--ink-soft);
    font-weight: 500;
}

input,
textarea,
select,
button {
    font-family: inherit;
    font-size: 0.96rem;
}

input,
textarea,
select {
    width: 100%;
    min-width: 0;
    border: 1px solid rgba(35, 51, 66, 0.12);
    border-radius: var(--radius-control);
    background: var(--surface-strong);
    padding: 0.78rem 0.88rem;
    color: var(--ink);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
    transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

input:focus,
textarea:focus,
select:focus {
    outline: 3px solid rgba(15, 122, 120, 0.14);
    border-color: rgba(15, 122, 120, 0.42);
}

textarea {
    min-height: 130px;
    resize: vertical;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border: 1px solid transparent;
    border-radius: 999px;
    background: linear-gradient(120deg, var(--accent), #1d8c88);
    color: #fff;
    padding: 0.7rem 1.02rem;
    cursor: pointer;
    transition: transform 120ms ease, box-shadow 160ms ease, background 160ms ease;
    box-shadow: 0 10px 22px rgba(15, 122, 120, 0.18);
}

.btn:hover {
    transform: translateY(-1px);
    text-decoration: none;
}

.btn.ghost {
    background: rgba(255, 255, 255, 0.62);
    color: var(--ink-soft);
    border-color: var(--line);
    box-shadow: none;
}

.btn.ghost.danger {
    border-color: rgba(165, 40, 40, 0.35);
    color: var(--error);
}

.btn.small {
    font-size: 0.83rem;
    padding: 0.42rem 0.72rem;
}

.wide-btn {
    width: 100%;
}

.actions {
    display: flex;
    gap: 0.55rem;
    align-items: center;
    flex-wrap: wrap;
}

.table-wrap {
    position: relative;
    overflow: auto;
    border-radius: 18px;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
    min-width: 0;
    contain: inline-size;
}

.table-wrap::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 20px;
    height: auto;
    display: block;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.88));
}

code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.82rem;
    background: rgba(29, 52, 75, 0.09);
    padding: 0.14rem 0.32rem;
    border-radius: 8px;
}

table {
    width: 100%;
    border-collapse: collapse;
    min-width: 640px;
    background: transparent;
}

th,
td {
    padding: 0.78rem 0.72rem;
    border-bottom: 1px solid rgba(35, 51, 66, 0.08);
    text-align: left;
    vertical-align: top;
    font-size: 0.92rem;
}

tbody tr:hover td {
    background: rgba(242, 247, 250, 0.82);
}

th {
    color: var(--ink-soft);
    font-weight: 600;
    background: rgba(255, 255, 255, 0.58);
    position: sticky;
    top: 0;
    z-index: 1;
    backdrop-filter: blur(8px);
}

.badge {
    display: inline-flex;
    align-items: center;
    padding: 0.24rem 0.56rem;
    border-radius: 999px;
    font-size: 0.78rem;
    border: 1px solid transparent;
    font-weight: 600;
    white-space: nowrap;
}

.badge.ok {
    background: rgba(21, 127, 87, 0.12);
    border-color: rgba(21, 127, 87, 0.22);
    color: var(--ok);
}

.badge.warn {
    background: rgba(180, 95, 17, 0.12);
    border-color: rgba(180, 95, 17, 0.24);
    color: var(--warn);
}

.badge.error {
    background: rgba(165, 40, 40, 0.11);
    border-color: rgba(165, 40, 40, 0.22);
    color: var(--error);
}

.hero {
    margin-bottom: 1rem;
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.92)),
        radial-gradient(circle at top right, rgba(15, 122, 120, 0.14), transparent 40%),
        radial-gradient(circle at bottom left, rgba(229, 111, 49, 0.12), transparent 35%);
}

.hero::after {
    content: "";
    position: absolute;
    inset: auto -10% -35% auto;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(15, 122, 120, 0.11), transparent 68%);
    pointer-events: none;
}

.hero p {
    max-width: 76ch;
}

.form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.check-row {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    margin: 0.85rem 0;
    color: var(--muted);
    font-size: 0.92rem;
    line-height: 1.45;
}

.check-row input {
    margin-top: 0.18rem;
    accent-color: var(--accent);
}

.stack {
    display: grid;
    gap: 0.95rem;
}

.feature-card {
    border: 1px solid rgba(35, 51, 66, 0.08);
    border-radius: 18px;
    padding: 0.9rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.76), rgba(255, 255, 255, 0.65));
    display: grid;
    gap: 0.48rem;
}

.feature-card strong {
    font-size: 1rem;
}

.inline-form {
    display: inline-flex;
    align-items: center;
    gap: 0.48rem;
    flex-wrap: wrap;
}

.inline-form input,
.inline-form select {
    width: auto;
}

.plain-list {
    margin: 0.45rem 0 0.9rem;
    padding-left: 1.15rem;
    display: grid;
    gap: 0.48rem;
}

.pre-wrap {
    white-space: pre-wrap;
}

.login-logo {
    width: 72px;
    height: 72px;
    border-radius: 20px;
    display: grid;
    place-items: center;
    color: #fff;
    font-weight: 700;
    background: linear-gradient(150deg, var(--accent), var(--accent-2));
    box-shadow: 0 18px 28px rgba(15, 122, 120, 0.22);
}

.menu-toggle {
    width: 48px;
    height: 48px;
    border: 1px solid rgba(35, 51, 66, 0.12);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.86);
    display: inline-grid;
    place-items: center;
    padding: 0;
    box-shadow: var(--shadow-soft);
}

.menu-toggle span {
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 999px;
    background: var(--ink);
    margin: 2px 0;
}

.mobile-status {
    min-width: 70px;
    padding: 0.62rem 0.72rem;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.86);
    color: var(--ink);
    display: grid;
    justify-items: end;
    box-shadow: var(--shadow-soft);
}

.mobile-status:hover {
    text-decoration: none;
}

.mobile-status span {
    font-size: 0.67rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ink-muted);
}

.mobile-status strong {
    font-size: 1rem;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 1260px) {
    .stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .grid.cols-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1040px) {
    .app-shell {
        display: block;
        padding-top: 86px;
    }

    .mobile-topbar {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 50;
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        gap: 0.8rem;
        padding: 0.9rem 1rem;
        background: rgba(244, 240, 231, 0.82);
        backdrop-filter: blur(14px);
        border-bottom: 1px solid rgba(35, 51, 66, 0.08);
    }

    .sidebar-backdrop {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(20, 28, 36, 0.34);
        opacity: 0;
        pointer-events: none;
        transition: opacity 180ms ease;
        z-index: 40;
    }

    body.sidebar-open .sidebar-backdrop {
        opacity: 1;
        pointer-events: auto;
    }

    .sidebar {
        position: fixed;
        inset: 0 auto 0 0;
        width: min(86vw, 360px);
        height: 100vh;
        padding: 0.9rem;
        z-index: 60;
        transform: translateX(-105%);
        transition: transform 220ms ease;
    }

    body.sidebar-open .sidebar {
        transform: translateX(0);
    }

    .sidebar-panel {
        height: 100%;
        border-radius: 24px;
    }

    .main-content {
        padding: 1rem;
    }

    .grid.cols-2,
    .grid.cols-3,
    .form-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    :root {
        --shell-gap: 1rem;
    }

    .main-content {
        padding: 0.88rem;
    }

    .content-column {
        gap: 0.85rem;
    }

    .stats {
        grid-template-columns: 1fr;
    }

    .actions,
    .inline-form {
        align-items: stretch;
    }

    .actions .btn,
    .actions a.btn,
    .inline-form .btn {
        width: 100%;
    }

    table {
        min-width: 560px;
    }

    th,
    td {
        padding: 0.72rem 0.66rem;
    }

    .hero .actions {
        display: grid;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .mobile-topbar {
        padding: 0.8rem 0.8rem 0.75rem;
        gap: 0.65rem;
    }

    .mobile-brand-copy small {
        display: none;
    }

    .brand-logo {
        width: 44px;
        height: 44px;
        flex-basis: 44px;
    }

    .card {
        border-radius: 20px;
        padding: 0.95rem;
    }

    .stat {
        border-radius: 16px;
    }

    .main-content.full {
        margin: 2.2rem auto;
        width: min(95%, 540px);
    }

    input,
    textarea,
    select {
        padding: 0.76rem 0.82rem;
    }
}

.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--accent-strong);
    font-weight: 700;
}

.section-headline {
    display: grid;
    gap: 0.4rem;
    min-width: 0;
    max-width: 100%;
}

.section-headline p {
    max-width: 72ch;
    min-width: 0;
}

.info-list {
    display: grid;
    gap: 0.78rem;
    min-width: 0;
    max-width: 100%;
}

.info-list div {
    display: grid;
    gap: 0.2rem;
    padding: 0.9rem 1rem;
    border: 1px solid rgba(35, 51, 66, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.65);
    min-width: 0;
}

.info-list strong {
    font-size: 0.84rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--ink-muted);
}

.form-grid .span-2,
.crm-form-grid .span-2 {
    grid-column: span 2;
}

.compact-table table {
    min-width: 100%;
}

.crm-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(280px, 0.85fr);
    gap: 1rem;
    align-items: start;
}

.crm-stats-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.crm-layout-grid {
    align-items: start;
}

.crm-account-hero {
    align-items: center;
}

.crm-account-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

.crm-account-metrics div {
    padding: 0.9rem 1rem;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.74);
    border: 1px solid rgba(35, 51, 66, 0.08);
}

.crm-account-metrics strong {
    display: block;
    margin-bottom: 0.2rem;
}

.public-topbar {
    width: min(1360px, calc(100% - 2rem));
    margin: 1rem auto 0;
    padding: 0.9rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(18px);
    box-shadow: var(--shadow-soft);
}

.public-nav {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    flex-wrap: wrap;
}

.public-nav a {
    color: var(--ink-soft);
    font-weight: 500;
}

.public-footer {
    width: min(1360px, calc(100% - 2rem));
    margin: 0 auto 2rem;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 0 0;
    color: var(--ink-soft);
    font-size: 0.92rem;
}

.public-footer-links {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.public-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(320px, 0.85fr);
    gap: 1rem;
    align-items: stretch;
}

.public-hero-copy {
    display: grid;
    gap: 1rem;
    align-content: start;
}

.public-hero-copy,
.public-hero-panel,
.public-feature-card,
.public-pricing-card,
.public-contact-card,
.public-note-card {
    min-width: 0;
}

.public-kicker {
    display: inline-flex;
    align-items: center;
    padding: 0.38rem 0.75rem;
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.11);
    color: var(--accent-strong);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.09em;
}

.public-lead {
    font-size: 1.04rem;
    max-width: 72ch;
}

.public-actions {
    display: flex;
    gap: 0.7rem;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.public-proof-grid,
.public-feature-grid,
.public-module-grid,
.public-pricing-grid {
    display: grid;
    gap: 1rem;
}

.public-proof-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 1.1rem;
}

.public-proof-grid div,
.public-mini-card,
.public-note-card {
    padding: 1rem;
    border-radius: 20px;
    border: 1px solid rgba(35, 51, 66, 0.08);
    background: rgba(255, 255, 255, 0.7);
}

.public-proof-grid strong,
.public-mini-card strong,
.public-note-card strong {
    display: block;
    margin-bottom: 0.35rem;
}

.public-checklist {
    margin: 0;
    padding-left: 1.2rem;
    display: grid;
    gap: 0.5rem;
    color: var(--ink-soft);
}

.public-checklist.compact {
    gap: 0.36rem;
    font-size: 0.92rem;
}

.public-section {
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
}

.public-band {
    padding: 0.4rem 0;
}

.public-headline-center {
    justify-items: center;
    text-align: center;
}

.public-feature-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.public-module-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.public-pricing-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.public-pricing-card {
    display: grid;
    gap: 0.75rem;
}

.public-contact-card {
    align-content: start;
}

.public-pricing-card.featured {
    border-color: rgba(15, 122, 120, 0.24);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(230, 245, 245, 0.9));
}

.price {
    font-size: clamp(1.8rem, 4vw, 2.4rem);
    font-family: "Fraunces", serif;
    line-height: 1;
}

.price span {
    font-size: 0.92rem;
    color: var(--ink-soft);
    font-family: "Space Grotesk", sans-serif;
}

.public-booking-grid {
    align-items: start;
}

.public-legal {
    max-width: 900px;
    margin-inline: auto;
}

.legal-list {
    margin: 0.5rem 0;
}

@media (max-width: 1260px) {
    .crm-stats-grid,
    .public-proof-grid,
    .public-feature-grid,
    .public-module-grid,
    .public-pricing-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1040px) {
    .crm-hero,
    .public-hero,
    .public-booking-grid {
        grid-template-columns: 1fr;
    }

    .public-topbar,
    .public-footer {
        width: min(95%, 1360px);
    }
}

@media (max-width: 760px) {
    .public-topbar,
    .public-footer {
        flex-direction: column;
        align-items: flex-start;
    }

    .public-footer-links {
        justify-content: flex-start;
    }

    .crm-stats-grid,
    .public-proof-grid,
    .public-feature-grid,
    .public-module-grid,
    .public-pricing-grid,
    .crm-account-metrics {
        grid-template-columns: 1fr;
    }

    .form-grid .span-2,
    .crm-form-grid .span-2 {
        grid-column: span 1;
    }
}

/* Final public premium override */
.public-body .public-topbar {
    position: sticky;
    top: 0.9rem;
    z-index: 30;
    width: min(1280px, calc(100% - 2rem));
    margin: 1rem auto 0;
    padding: 1rem 1.15rem;
    border-radius: 999px;
    border: 1px solid rgba(207, 218, 228, 0.9);
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(26px) saturate(140%);
    box-shadow: 0 18px 50px rgba(10, 32, 52, 0.08);
}

.public-body .public-topbar .brand-logo {
    border-radius: 18px;
    background: linear-gradient(140deg, #0c6d74, #7fb5c9);
    box-shadow: 0 10px 30px rgba(54, 118, 148, 0.24);
}

.public-body .public-nav {
    gap: 0.6rem;
}

.public-body .public-nav a {
    padding: 0.68rem 0.9rem;
    border-radius: 999px;
    color: #34485c;
}

.public-body .public-nav a:hover {
    background: rgba(12, 109, 116, 0.08);
    color: #17394d;
    text-decoration: none;
    transform: translateY(-1px);
}

.public-body .public-nav .btn.ghost.small {
    background: #fff;
    color: #16394c;
    border-color: rgba(134, 151, 168, 0.28);
    box-shadow: 0 8px 20px rgba(17, 41, 60, 0.08);
}

.public-body .public-section {
    margin-top: 1.6rem;
    gap: 1.4rem;
}

.public-body .public-hero {
    grid-template-columns: minmax(0, 1.08fr) minmax(340px, 520px);
    gap: clamp(1rem, 1.8vw, 1.45rem);
    align-items: stretch;
}

.public-body .public-hero-copy {
    padding: clamp(1.5rem, 2vw, 2rem) 0.2rem;
    gap: 1.15rem;
}

.public-body .public-hero-copy,
.public-body .public-hero-panel {
    min-width: 0;
}

.public-body .public-hero-copy h1 {
    max-width: 8.6ch;
    text-wrap: balance;
}

.public-body .public-kicker {
    padding: 0.48rem 0.88rem;
    background: rgba(13, 111, 119, 0.08);
    border: 1px solid rgba(13, 111, 119, 0.1);
    color: #0f6870;
    letter-spacing: 0.14em;
}

.public-body .public-lead {
    font-size: clamp(1.08rem, 2vw, 1.3rem);
    line-height: 1.72;
    max-width: 60ch;
}

.public-body .public-actions {
    margin-top: 0.35rem;
    gap: 0.8rem;
}

.public-body .public-trust-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.public-body .public-trust-row span,
.public-body .public-workflow-rail span {
    display: inline-flex;
    align-items: center;
    padding: 0.58rem 0.82rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(196, 208, 220, 0.74);
    color: #365067;
    font-size: 0.9rem;
    box-shadow: 0 10px 24px rgba(14, 29, 48, 0.05);
}

.public-body .public-proof-grid {
    margin-top: 0.25rem;
    gap: 0.85rem;
}

.public-body .public-proof-grid div {
    padding: 1.15rem 1.2rem;
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(202, 214, 224, 0.74);
    box-shadow: 0 16px 42px rgba(17, 41, 60, 0.06);
}

.public-body .public-hero-panel {
    position: relative;
    overflow: hidden;
    padding: 1.1rem;
    border-radius: 34px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.74)),
        radial-gradient(circle at top right, rgba(127, 181, 201, 0.18), transparent 42%);
    border: 1px solid rgba(211, 221, 231, 0.92);
    box-shadow: 0 28px 72px rgba(14, 30, 48, 0.11);
}

.public-body .public-hero-panel-image {
    padding: 0.9rem;
}

.public-body .public-panel-orbit {
    position: absolute;
    inset: -28% auto auto 58%;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(140, 201, 214, 0.28), transparent 62%);
    pointer-events: none;
}

.public-body .public-panel-window {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(248, 251, 253, 0.96), rgba(241, 247, 250, 0.9));
    border: 1px solid rgba(220, 229, 237, 0.92);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.public-body .public-visual-stage {
    position: relative;
    overflow: hidden;
    margin: 0;
    border-radius: 30px;
    border: 1px solid rgba(214, 224, 232, 0.9);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(246, 249, 252, 0.88));
    box-shadow: 0 24px 60px rgba(15, 32, 48, 0.08);
}

.public-body .public-visual-shell {
    position: relative;
    display: block;
    width: 100%;
}

.public-body .public-visual-shell::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.08)),
        radial-gradient(circle at top right, rgba(127, 181, 201, 0.16), transparent 38%);
    pointer-events: none;
}

.public-body .public-visual-image {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

.public-body .public-hero-panel .public-visual-stage {
    height: 100%;
    min-height: 100%;
    border-radius: 28px;
}

.public-body .public-hero-panel .public-visual-image.hero-visual-image {
    height: 100%;
    min-height: 560px;
    aspect-ratio: auto;
}

.public-body .section-visual {
    margin-top: 1.2rem;
}

.public-body .section-visual-wide .public-visual-image,
.public-body .section-visual-finale .public-visual-image {
    aspect-ratio: 16 / 9;
}

.public-body .inline-visual {
    margin-bottom: 1rem;
    border-radius: 24px;
}

.public-body .inline-visual-image {
    aspect-ratio: 16 / 10;
}

.public-body .public-module-visual-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.05rem;
    margin-top: 1.1rem;
}

.public-body .module-visual-block {
    display: grid;
    gap: 0.55rem;
}

.public-body .module-visual-card {
    border-radius: 28px;
}

.public-body .module-visual-image {
    aspect-ratio: 16 / 10;
}

.public-body .public-window-dots {
    display: flex;
    gap: 0.45rem;
}

.public-body .public-window-dots span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #d4dde4;
}

.public-body .public-window-dots span:first-child { background: #ffb38e; }
.public-body .public-window-dots span:nth-child(2) { background: #ffd489; }
.public-body .public-window-dots span:nth-child(3) { background: #8fd2bc; }

.public-body .public-mock-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.public-body .public-status-pill {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 0.76rem;
    border-radius: 999px;
    background: rgba(100, 190, 158, 0.16);
    color: #15714e;
    font-size: 0.84rem;
    font-weight: 700;
    white-space: nowrap;
}

.public-body .public-mock-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

.public-body .public-mock-grid article,
.public-body .public-story-points div,
.public-body .public-module-card,
.public-body .public-note-card,
.public-body .public-mini-card {
    padding: 1rem 1.05rem;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(216, 225, 232, 0.92);
    box-shadow: 0 12px 28px rgba(16, 35, 52, 0.05);
}

.public-body .public-story-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.82fr);
    gap: 1.2rem;
}

.public-body .public-story-card {
    padding: clamp(1.3rem, 2vw, 1.7rem);
    border-radius: 30px;
    border: 1px solid rgba(214, 224, 232, 0.92);
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 24px 60px rgba(15, 32, 48, 0.08);
}

.public-body .public-story-card-soft {
    background: linear-gradient(180deg, rgba(245, 250, 253, 0.94), rgba(255, 248, 243, 0.88));
}

.public-body .public-story-points {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
    margin-top: 1rem;
}

.public-body .public-feature-grid,
.public-body .public-module-grid,
.public-body .public-pricing-grid {
    gap: 1.05rem;
}

.public-body .public-feature-card,
.public-body .public-module-card {
    border-radius: 28px;
    border: 1px solid rgba(214, 224, 232, 0.88);
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 20px 55px rgba(15, 32, 48, 0.07);
}

.public-body .public-pricing-grid {
    align-items: stretch;
}

.public-body .public-pricing-card {
    position: relative;
    gap: 0.9rem;
    padding: 1.15rem;
    border-radius: 30px;
    border: 1px solid rgba(214, 224, 232, 0.88);
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 22px 58px rgba(14, 31, 48, 0.07);
}

.public-body .public-pricing-card.featured {
    transform: translateY(-6px);
    border-color: rgba(102, 160, 182, 0.5);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(237, 248, 252, 0.94)),
        radial-gradient(circle at top right, rgba(130, 192, 213, 0.18), transparent 40%);
    box-shadow: 0 30px 74px rgba(27, 73, 93, 0.12);
}

.public-body .price {
    font-size: clamp(2.2rem, 4.6vw, 3.2rem);
    font-family: "Manrope", sans-serif;
    font-weight: 800;
    letter-spacing: -0.05em;
    color: #10293d;
}

.public-body .price span {
    display: block;
    margin-top: 0.28rem;
    font-size: 0.92rem;
    font-weight: 600;
    letter-spacing: 0;
    color: #687b8f;
    font-family: "Manrope", sans-serif;
}

.public-body .price.price-request {
    font-size: clamp(1.75rem, 3.6vw, 2.45rem);
    line-height: 1.1;
}

.public-body .public-contact-card,
.public-body .public-booking-grid > article:first-child {
    border-radius: 30px;
    border: 1px solid rgba(214, 224, 232, 0.88);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 24px 60px rgba(15, 32, 48, 0.07);
}

.public-body .public-footer {
    width: min(1280px, calc(100% - 2rem));
    margin: 0 auto 2.2rem;
    padding: 1.25rem 0 0;
    color: #4f6376;
}

.public-body .public-footer-links a {
    display: inline-flex;
    align-items: center;
    padding: 0.6rem 0.78rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.68);
    border: 1px solid rgba(207, 218, 228, 0.78);
}

@media (max-width: 1460px) {
    .public-body .public-hero {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .public-body .public-hero-panel {
        width: 100%;
        max-width: 780px;
        justify-self: start;
    }

    .public-body .public-hero-panel .public-visual-image.hero-visual-image {
        min-height: 420px;
    }
}

@media (max-width: 1260px) {
    .public-body .public-hero,
    .public-body .public-story-grid {
        grid-template-columns: 1fr;
    }

    .public-body .public-feature-grid,
    .public-body .public-module-grid,
    .public-body .public-pricing-grid,
    .public-body .public-story-points,
    .public-body .public-proof-grid,
    .public-body .public-module-visual-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .public-body .public-topbar,
    .public-body .public-footer {
        width: min(95%, 1280px);
        flex-direction: column;
        align-items: flex-start;
    }

    .public-body .public-proof-grid,
    .public-body .public-feature-grid,
    .public-body .public-module-grid,
    .public-body .public-pricing-grid,
    .public-body .public-story-points,
    .public-body .public-mock-grid,
    .public-body .public-module-visual-grid {
        grid-template-columns: 1fr;
    }

    .public-body .public-mock-top {
        flex-direction: column;
    }

    .public-body .public-hero-copy h1 {
        max-width: none;
    }

    .public-body .public-hero-panel .public-visual-image.hero-visual-image {
        min-height: 320px;
    }
}

/* Internal premium app layer */
.authed-shell {
    background:
        radial-gradient(circle at 8% 8%, rgba(106, 171, 199, 0.18), transparent 26%),
        radial-gradient(circle at 92% 10%, rgba(255, 187, 144, 0.14), transparent 24%),
        linear-gradient(180deg, #f5f8fb 0%, #edf3f7 100%);
}

.authed-shell .bg-layer {
    background:
        radial-gradient(circle at 10% 10%, rgba(73, 151, 180, 0.12), transparent 28%),
        radial-gradient(circle at 88% 18%, rgba(255, 176, 132, 0.08), transparent 24%),
        linear-gradient(180deg, rgba(255,255,255,0.28), rgba(255,255,255,0.08));
}

.authed-shell .bg-layer::after {
    opacity: 0.28;
    mask-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.32), transparent 84%);
}

.authed-shell .sidebar-panel {
    border: 1px solid rgba(223, 230, 238, 0.95);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(247, 250, 252, 0.82));
    box-shadow: 0 26px 62px rgba(14, 28, 43, 0.12);
}

.authed-shell .nav-item {
    border-radius: 18px;
}

.authed-shell .nav-item:hover,
.authed-shell .nav-item.active {
    transform: translateX(3px);
    background: linear-gradient(135deg, rgba(17, 114, 120, 0.12), rgba(120, 177, 200, 0.12));
    border-color: rgba(96, 158, 181, 0.22);
    box-shadow: 0 14px 30px rgba(18, 53, 74, 0.08);
}

.authed-shell .main-content {
    padding-top: clamp(1.1rem, 2.5vw, 2.2rem);
}

.authed-shell .content-column {
    gap: 1.2rem;
}

.authed-shell .card {
    border-radius: 30px;
    border: 1px solid rgba(220, 227, 235, 0.94);
    background: linear-gradient(180deg, rgba(255,255,255,0.92), rgba(247,250,252,0.9));
    box-shadow: 0 22px 54px rgba(14, 28, 43, 0.08);
}

.authed-shell .card:hover {
    transform: translateY(-1px);
    box-shadow: 0 26px 62px rgba(14, 28, 43, 0.1);
    border-color: rgba(205, 216, 226, 0.96);
}

.authed-shell .hero {
    padding: 1.3rem;
    border-radius: 32px;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.96), rgba(245,248,251,0.9)),
        radial-gradient(circle at top right, rgba(120,177,200,0.16), transparent 36%);
}

.authed-shell .stats {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 1rem;
}

.authed-shell .stat {
    border-radius: 24px;
    border: 1px solid rgba(221, 229, 236, 0.92);
    background: linear-gradient(180deg, rgba(255,255,255,0.94), rgba(247,250,252,0.92));
    box-shadow: 0 18px 42px rgba(15, 32, 48, 0.07);
}

.authed-shell .stat strong {
    font-family: "Manrope", sans-serif;
    font-weight: 800;
    letter-spacing: -0.05em;
}

.authed-shell .table-wrap {
    border: 1px solid rgba(223, 230, 238, 0.88);
    background: rgba(255, 255, 255, 0.62);
}

.authed-shell table {
    min-width: 100%;
}

.authed-shell th {
    background: rgba(247, 250, 252, 0.95);
    color: #506174;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.72rem;
}

.authed-shell td {
    border-bottom-color: rgba(219, 226, 233, 0.82);
}

.authed-shell .btn {
    box-shadow: 0 16px 34px rgba(18, 94, 117, 0.16);
}

.authed-shell .btn.ghost {
    background: rgba(255,255,255,0.82);
    color: #274258;
    border-color: rgba(191, 203, 214, 0.78);
}

.workspace-column {
    gap: 1.25rem;
}

.global-workflow-dock {
    position: sticky;
    top: clamp(0.7rem, 2vw, 1.2rem);
    z-index: 32;
    display: grid;
    gap: 0.95rem;
    padding: clamp(0.92rem, 1.5vw, 1.15rem);
    border-radius: 30px;
    border: 1px solid rgba(166, 225, 232, 0.26);
    background-color: #071925;
    background:
        radial-gradient(circle at top left, rgba(112, 221, 222, 0.2), transparent 34%),
        radial-gradient(circle at 82% 18%, rgba(244, 167, 66, 0.16), transparent 28%),
        linear-gradient(135deg, #071925 0%, #092b36 48%, #123943 100%);
    color: #f8fbfc;
    box-shadow: 0 24px 58px rgba(10, 32, 46, 0.26);
    overflow: hidden;
}

.global-workflow-dock::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.08), transparent 28%, rgba(255, 255, 255, 0.06)),
        repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.045) 0 1px, transparent 1px 18px);
    opacity: 0.58;
}

.global-workflow-dock > * {
    position: relative;
    z-index: 1;
}

.global-workflow-dock-head {
    display: grid;
    grid-template-columns: minmax(220px, 0.62fr) minmax(260px, 1fr);
    gap: 1rem;
    align-items: end;
}

.global-workflow-kicker {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 0.34rem;
    padding: 0.24rem 0.58rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.1);
    color: rgba(235, 249, 250, 0.86);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.global-workflow-dock-head strong {
    display: block;
    font-family: var(--font-heading);
    font-size: clamp(1.3rem, 2.1vw, 2rem);
    line-height: 1;
    letter-spacing: -0.035em;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.28);
}

.global-workflow-dock-head p {
    margin: 0;
    color: rgba(238, 250, 252, 0.92);
    line-height: 1.5;
}

.global-workflow-dock-actions {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(136px, 1fr));
    gap: 0.58rem;
}

.global-workflow-action {
    display: grid;
    gap: 0.24rem;
    min-height: 82px;
    padding: 0.76rem 0.78rem;
    border-radius: 22px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(4, 18, 28, 0.48);
    color: #f9fcfd;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 12px 28px rgba(0, 0, 0, 0.12);
    transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

.global-workflow-action:hover,
.global-workflow-action.active {
    text-decoration: none;
    transform: translateY(-2px);
    border-color: rgba(143, 232, 233, 0.5);
    background: rgba(8, 50, 62, 0.74);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        0 18px 34px rgba(2, 18, 28, 0.18);
}

.global-workflow-action-label {
    display: inline-flex;
    align-items: center;
    color: #ffffff;
    font-weight: 850;
    letter-spacing: -0.02em;
}

.global-workflow-action small {
    color: rgba(230, 244, 247, 0.86);
    font-size: 0.76rem;
    line-height: 1.32;
}

.global-workflow-action::before {
    content: "";
    width: 0.68rem;
    height: 0.68rem;
    border-radius: 999px;
    background: #7bd2d0;
    box-shadow: 0 0 0 5px rgba(123, 210, 208, 0.12);
}

.global-workflow-action.tone-report::before {
    background: #8bc0ff;
    box-shadow: 0 0 0 5px rgba(139, 192, 255, 0.12);
}

.global-workflow-action.tone-offer::before,
.global-workflow-action.tone-hoai::before {
    background: #f4b657;
    box-shadow: 0 0 0 5px rgba(244, 182, 87, 0.13);
}

.global-workflow-action.tone-invoice::before,
.global-workflow-action.tone-control::before {
    background: #a3efc5;
    box-shadow: 0 0 0 5px rgba(163, 239, 197, 0.12);
}

.global-workflow-action.tone-jveg::before,
.global-workflow-action.tone-tax::before {
    background: #ff9f8b;
    box-shadow: 0 0 0 5px rgba(255, 159, 139, 0.13);
}

.global-workflow-action.tone-honorar::before {
    background: #6fbf89;
    box-shadow: 0 0 0 5px rgba(111, 191, 137, 0.13);
}

.global-workflow-action.tone-portal::before {
    background: #6e9ed6;
    box-shadow: 0 0 0 5px rgba(110, 158, 214, 0.13);
}

.global-workflow-action.tone-accounting::before {
    background: #93d2aa;
    box-shadow: 0 0 0 5px rgba(147, 210, 170, 0.13);
}

.global-workflow-action.tone-template::before {
    background: #d7c7ff;
    box-shadow: 0 0 0 5px rgba(215, 199, 255, 0.13);
}

.global-workflow-guardrail {
    margin: 0;
    padding: 0.66rem 0.82rem;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(3, 15, 24, 0.42);
    color: rgba(238, 248, 250, 0.9);
    font-size: 0.82rem;
    line-height: 1.42;
}

.workspace-superbar {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
    gap: 1rem;
    padding: 1rem 1.05rem;
    border-radius: 28px;
    border: 1px solid rgba(221, 229, 236, 0.96);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.96), rgba(246,249,252,0.92)),
        radial-gradient(circle at top left, rgba(116, 178, 199, 0.12), transparent 36%);
    box-shadow: 0 18px 42px rgba(14, 28, 43, 0.07);
}

.workspace-superbar-copy,
.workspace-superbar-side {
    display: grid;
    gap: 0.85rem;
    min-width: 0;
}

.workspace-superbar-text {
    display: grid;
    gap: 0.24rem;
}

.workspace-superbar-text strong {
    display: block;
    color: #10293d;
    font-family: var(--font-heading);
    font-size: clamp(1.12rem, 1.7vw, 1.45rem);
    letter-spacing: -0.02em;
}

.workspace-superbar-text span {
    color: #5c7083;
    line-height: 1.5;
}

.workspace-breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.workspace-crumb {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0.34rem 0.66rem;
    border-radius: 999px;
    border: 1px solid rgba(205, 216, 225, 0.88);
    background: rgba(255, 255, 255, 0.85);
    color: #627689;
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 700;
}

.workspace-crumb.active {
    border-color: rgba(76, 147, 173, 0.24);
    background: linear-gradient(135deg, rgba(15, 122, 120, 0.12), rgba(120, 177, 200, 0.14));
    color: #114056;
}

.workspace-pulse-row,
.workspace-utility-links {
    display: flex;
    gap: 0.65rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.workspace-pulse-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.42rem 0.74rem;
    border-radius: 999px;
    border: 1px solid rgba(205, 216, 225, 0.88);
    background: rgba(255, 255, 255, 0.86);
    color: #506375;
    box-shadow: 0 10px 24px rgba(15, 31, 46, 0.04);
}

.workspace-pulse-pill span {
    color: #728496;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 700;
}

.workspace-pulse-pill strong {
    display: block;
    color: #17344b;
    font-size: 0.9rem;
    font-weight: 800;
}

.workspace-pulse-pill.tone-warm {
    border-color: rgba(201, 152, 74, 0.24);
    background: linear-gradient(135deg, rgba(244, 167, 66, 0.12), rgba(255, 255, 255, 0.9));
}

.workspace-pulse-pill.tone-strong {
    border-color: rgba(77, 147, 173, 0.24);
    background: linear-gradient(135deg, rgba(15, 122, 120, 0.12), rgba(120, 177, 200, 0.14));
}

.workspace-utility-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0.58rem 0.86rem;
    border-radius: 999px;
    border: 1px solid rgba(197, 208, 219, 0.88);
    background: rgba(255, 255, 255, 0.82);
    color: #2a475d;
    font-size: 0.84rem;
    font-weight: 700;
}

.workspace-utility-link:hover,
.workspace-utility-link.active {
    text-decoration: none;
    border-color: rgba(87, 155, 180, 0.26);
    background: linear-gradient(135deg, rgba(15, 122, 120, 0.12), rgba(120, 177, 200, 0.12));
    color: #123f59;
}

.workspace-command-bar {
    position: sticky;
    top: clamp(0.7rem, 2vw, 1.2rem);
    z-index: 20;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-radius: 28px;
    border: 1px solid rgba(220, 228, 236, 0.96);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.93), rgba(247,250,252,0.9)),
        radial-gradient(circle at top right, rgba(108, 173, 198, 0.14), transparent 36%);
    backdrop-filter: blur(18px);
    box-shadow: 0 18px 42px rgba(14, 28, 43, 0.08);
}

.workspace-command-copy {
    display: grid;
    gap: 0.9rem;
    min-width: 0;
}

.workspace-command-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.workspace-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.38rem 0.72rem;
    border-radius: 999px;
    border: 1px solid rgba(196, 208, 219, 0.82);
    background: rgba(255, 255, 255, 0.8);
    color: #4d6173;
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.11em;
    font-weight: 700;
}

.workspace-badge.primary {
    border-color: rgba(72, 144, 170, 0.26);
    background: rgba(15, 122, 120, 0.1);
    color: #0d6871;
}

.workspace-badge.subtle {
    background: rgba(245, 248, 251, 0.92);
    color: #6c7f92;
}

.workspace-command-head {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(260px, 0.7fr);
    gap: 1rem;
    align-items: start;
}

.workspace-command-title {
    margin: 0.12rem 0 0;
    color: #10293d;
    font-family: var(--font-heading);
    font-size: clamp(1.35rem, 2vw, 1.95rem);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -0.03em;
}

.workspace-command-text {
    margin: 0;
    max-width: 56ch;
    color: #586a7d;
    line-height: 1.55;
}

.workspace-command-actions {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.7rem;
    flex-wrap: wrap;
    align-content: flex-start;
}

.workspace-quick-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0.65rem 0.92rem;
    border-radius: 999px;
    border: 1px solid rgba(197, 208, 219, 0.88);
    background: rgba(255, 255, 255, 0.84);
    color: #29455b;
    font-weight: 700;
    box-shadow: 0 10px 24px rgba(15, 31, 46, 0.05);
}

.workspace-quick-link:hover,
.workspace-quick-link.active {
    text-decoration: none;
    border-color: rgba(87, 155, 180, 0.26);
    background: linear-gradient(135deg, rgba(15, 122, 120, 0.12), rgba(120, 177, 200, 0.12));
    color: #113f59;
}

.workspace-control-deck {
    display: grid;
    gap: 0.95rem;
}

.workspace-page-shell {
    display: grid;
    gap: 1rem;
    padding: 1rem 1.05rem 1.15rem;
    border-radius: 32px;
    border: 1px solid rgba(221, 229, 236, 0.96);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.96), rgba(244,248,251,0.92)),
        radial-gradient(circle at top right, rgba(120, 177, 200, 0.08), transparent 42%);
    box-shadow: 0 20px 48px rgba(14, 28, 43, 0.07);
}

.workspace-page-shell-head {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(260px, 0.7fr);
    gap: 1rem;
    align-items: start;
    padding-bottom: 0.2rem;
    border-bottom: 1px solid rgba(219, 227, 235, 0.85);
}

.workspace-page-shell-head h2 {
    margin: 0.16rem 0 0;
    color: #10293d;
    font-family: var(--font-heading);
    font-size: clamp(1.18rem, 1.8vw, 1.55rem);
    letter-spacing: -0.02em;
}

.workspace-page-shell-head p:last-child {
    color: #5e7184;
    max-width: 56ch;
}

.workspace-page-canvas {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.workspace-page-canvas > .grid,
.workspace-page-canvas > .app-hero-shell,
.workspace-page-canvas > .app-kpi-grid,
.workspace-page-canvas > .app-decision-strip,
.workspace-page-canvas > .app-flight-deck,
.workspace-page-canvas > .card,
.workspace-page-canvas > .stats,
.workspace-page-canvas > .hero,
.workspace-page-canvas > .integration-register {
    margin: 0;
}

.page-dashboard .workspace-superbar,
.page-dashboard .workspace-command-bar,
.page-dashboard .workspace-control-deck,
.page-finance-primary .workspace-superbar,
.page-finance-primary .workspace-command-bar,
.page-finance-primary .workspace-control-deck {
    display: none;
}

.page-dashboard .main-content,
.page-finance-primary .main-content {
    padding-top: clamp(1rem, 2vw, 1.6rem);
}

.page-dashboard .workspace-page-shell,
.page-finance-primary .workspace-page-shell {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.page-dashboard .workspace-page-canvas,
.page-finance-primary .workspace-page-canvas {
    gap: 1.25rem;
}

/* Dashboard first impression: the start workflow leads, navigation stays available but stops dominating. */
@media (min-width: 1120px) {
    .page-dashboard .app-shell {
        grid-template-columns: minmax(126px, 144px) minmax(0, 1fr);
    }

    .page-dashboard .sidebar {
        padding: 0.82rem 0.5rem;
    }

    .page-dashboard .sidebar-panel {
        align-items: center;
        gap: 0.95rem;
        height: calc(100vh - 1.64rem);
        padding: 0.65rem;
        border-radius: 28px;
        overflow-x: hidden;
    }

    .page-dashboard .brand {
        justify-content: center;
        width: 100%;
    }

    .page-dashboard .brand-copy,
    .page-dashboard .sidebar-context,
    .page-dashboard .nav-section-label,
    .page-dashboard .nav-item-text small,
    .page-dashboard .nav-item-status,
    .page-dashboard .user-badge small,
    .page-dashboard .sidebar-footer form {
        display: none;
    }

    .page-dashboard .nav-primary,
    .page-dashboard .nav-section,
    .page-dashboard .nav-section-items,
    .page-dashboard .sidebar-footer {
        width: 100%;
    }

    .page-dashboard .nav-primary {
        gap: 0.42rem;
    }

    .page-dashboard .nav-section {
        gap: 0.3rem;
    }

    .page-dashboard .nav-section-items {
        gap: 0.32rem;
    }

    .page-dashboard .nav-item {
        display: grid;
        place-items: center;
        min-height: 50px;
        padding: 0.5rem 0.42rem;
        border-radius: 20px;
    }

    .page-dashboard .nav-item::before {
        inset: auto auto 7px 50%;
        width: 24px;
        height: 3px;
        transform: translateX(-50%);
    }

    .page-dashboard .nav-item-text {
        place-items: center;
    }

    .page-dashboard .nav-item-text strong {
        max-width: 108px;
        color: #274258;
        font-size: 0.74rem;
        font-weight: 900;
        letter-spacing: -0.01em;
        line-height: 1.02;
        text-align: center;
    }

    .page-dashboard .nav-item:hover,
    .page-dashboard .nav-item.active {
        transform: none;
    }

    .page-dashboard .sidebar-footer {
        justify-items: center;
    }

    .page-dashboard .user-badge {
        width: 48px;
        height: 48px;
        display: grid;
        place-items: center;
        padding: 0;
        border-radius: 18px;
    }

    .page-dashboard .user-badge strong {
        display: block;
        max-width: 2ch;
        overflow: hidden;
        color: #14354d;
        font-size: 0.84rem;
        text-transform: uppercase;
    }
}

.page-dashboard .global-workflow-dock,
.page-finance-primary .global-workflow-dock {
    display: grid;
    grid-template-columns: minmax(260px, 0.42fr) minmax(0, 1fr);
    align-items: stretch;
    gap: 0.78rem;
    padding: 0.72rem;
    border-radius: 26px;
    box-shadow: 0 18px 46px rgba(10, 32, 46, 0.22);
}

.page-dashboard .global-workflow-dock-head,
.page-finance-primary .global-workflow-dock-head {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.38rem;
    align-content: center;
    padding: 0.28rem 0.2rem 0.28rem 0.35rem;
}

.page-dashboard .global-workflow-dock-head strong,
.page-finance-primary .global-workflow-dock-head strong {
    font-size: clamp(1.05rem, 1.45vw, 1.46rem);
}

.page-dashboard .global-workflow-dock-head p,
.page-finance-primary .global-workflow-dock-head p {
    font-size: 0.82rem;
    line-height: 1.36;
}

.page-dashboard .global-workflow-dock-actions,
.page-finance-primary .global-workflow-dock-actions {
    grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
    gap: 0.42rem;
}

.page-dashboard .global-workflow-action,
.page-finance-primary .global-workflow-action {
    min-height: 64px;
    padding: 0.55rem 0.58rem;
    border-radius: 18px;
}

.page-dashboard .global-workflow-action small,
.page-finance-primary .global-workflow-action small {
    font-size: 0.68rem;
    line-height: 1.22;
}

.page-dashboard .global-workflow-guardrail,
.page-finance-primary .global-workflow-guardrail {
    grid-column: 1 / -1;
    padding: 0.5rem 0.66rem;
    font-size: 0.76rem;
}

/* Finance primary pages must open as a real invoice portal, not as another module wall. */
@media (min-width: 1120px) {
    .page-finance-primary .app-shell {
        grid-template-columns: minmax(126px, 144px) minmax(0, 1fr);
    }

    .page-finance-primary .sidebar {
        padding: 0.82rem 0.5rem;
    }

    .page-finance-primary .sidebar-panel {
        align-items: center;
        gap: 0.95rem;
        height: calc(100vh - 1.64rem);
        padding: 0.65rem;
        border-radius: 28px;
        overflow-x: hidden;
    }

    .page-finance-primary .brand {
        justify-content: center;
        width: 100%;
    }

    .page-finance-primary .brand-copy,
    .page-finance-primary .sidebar-context,
    .page-finance-primary .nav-section-label,
    .page-finance-primary .nav-item-text small,
    .page-finance-primary .nav-item-status,
    .page-finance-primary .user-badge small,
    .page-finance-primary .sidebar-footer form {
        display: none;
    }

    .page-finance-primary .nav-primary,
    .page-finance-primary .nav-section,
    .page-finance-primary .nav-section-items,
    .page-finance-primary .sidebar-footer {
        width: 100%;
    }

    .page-finance-primary .nav-primary {
        gap: 0.42rem;
    }

    .page-finance-primary .nav-section {
        gap: 0.3rem;
    }

    .page-finance-primary .nav-section-items {
        gap: 0.32rem;
    }

    .page-finance-primary .nav-item {
        display: grid;
        place-items: center;
        min-height: 50px;
        padding: 0.5rem 0.42rem;
        border-radius: 20px;
    }

    .page-finance-primary .nav-item::before {
        inset: auto auto 7px 50%;
        width: 24px;
        height: 3px;
        transform: translateX(-50%);
    }

    .page-finance-primary .nav-item-text {
        place-items: center;
    }

    .page-finance-primary .nav-item-text strong {
        max-width: 108px;
        color: #274258;
        font-size: 0.74rem;
        font-weight: 900;
        letter-spacing: -0.01em;
        line-height: 1.02;
        text-align: center;
    }

    .page-finance-primary .nav-item:hover,
    .page-finance-primary .nav-item.active {
        transform: none;
    }

    .page-finance-primary .sidebar-footer {
        justify-items: center;
    }

    .page-finance-primary .user-badge {
        width: 48px;
        height: 48px;
        display: grid;
        place-items: center;
        padding: 0;
        border-radius: 18px;
    }

    .page-finance-primary .user-badge strong {
        display: block;
        max-width: 2ch;
        overflow: hidden;
        color: #14354d;
        font-size: 0.84rem;
        text-transform: uppercase;
    }
}

/* First-minute UX: the two entry pages must feel like a guided workplace, not a module directory. */
@media (min-width: 1120px) {
    .page-dashboard .app-shell,
    .page-finance-primary .app-shell {
        grid-template-columns: minmax(0, 1fr);
    }

    .page-dashboard .sidebar,
    .page-finance-primary .sidebar {
        display: none;
    }

    .page-dashboard .main-content,
    .page-finance-primary .main-content {
        padding-inline: clamp(1.1rem, 3vw, 3rem);
    }

    .page-dashboard .content-column,
    .page-finance-primary .content-column {
        width: min(100%, 1720px);
        margin-inline: auto;
    }
}

.workspace-control-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem;
}

.workspace-control-card {
    display: grid;
    gap: 0.45rem;
    padding: 0.95rem 1rem;
    border-radius: 24px;
    border: 1px solid rgba(220, 228, 236, 0.94);
    background: linear-gradient(180deg, rgba(255,255,255,0.94), rgba(244,248,251,0.88));
    box-shadow: 0 16px 38px rgba(14, 28, 43, 0.05);
}

.workspace-control-label {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: #6c7f92;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.11em;
    font-weight: 700;
}

.workspace-control-card strong {
    display: block;
    color: #10293d;
    font-size: clamp(1.05rem, 1.6vw, 1.34rem);
    font-family: var(--font-heading);
    letter-spacing: -0.02em;
}

.workspace-control-card p {
    margin: 0;
    color: #5f7183;
    line-height: 1.55;
}

.workspace-section-rail {
    display: grid;
    gap: 0.8rem;
    padding: 0.95rem 1rem;
    border-radius: 24px;
    border: 1px solid rgba(219, 227, 235, 0.94);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 14px 34px rgba(15, 31, 46, 0.05);
}

.workspace-section-label {
    color: #6b7e90;
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 700;
}

.workspace-section-links {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 0.75rem;
}

.workspace-section-link {
    display: grid;
    gap: 0.18rem;
    padding: 0.82rem 0.9rem;
    border-radius: 18px;
    border: 1px solid rgba(208, 218, 227, 0.9);
    background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(245,248,251,0.9));
    color: #28455c;
    transition: transform 140ms ease, border-color 140ms ease, background 140ms ease, box-shadow 140ms ease;
}

.workspace-section-link span {
    display: block;
    font-weight: 700;
}

.workspace-section-link small {
    color: #708294;
    font-size: 0.76rem;
    line-height: 1.35;
}

.workspace-section-link:hover,
.workspace-section-link.active {
    text-decoration: none;
    transform: translateY(-1px);
    border-color: rgba(87, 155, 180, 0.26);
    background: linear-gradient(135deg, rgba(15, 122, 120, 0.12), rgba(120, 177, 200, 0.12));
    box-shadow: 0 14px 30px rgba(15, 31, 46, 0.06);
}

.app-hero-shell {
    display: grid;
    grid-template-columns: minmax(0, 1.14fr) minmax(320px, 0.86fr);
    gap: 1.1rem;
    padding: clamp(1.2rem, 2vw, 1.6rem);
    border-radius: 34px;
    border: 1px solid rgba(220, 227, 235, 0.95);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.97), rgba(245,248,251,0.92)),
        radial-gradient(circle at top right, rgba(117, 178, 199, 0.16), transparent 38%);
    box-shadow: 0 28px 68px rgba(14, 28, 43, 0.1);
}

.app-hero-copy,
.app-hero-side {
    display: grid;
    gap: 1rem;
    align-content: start;
}

.app-hero-shell h1 {
    font-family: var(--font-heading);
    font-size: clamp(1.8rem, 3.2vw, 2.9rem);
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1;
}

.app-hero-divider {
    color: #9cb0c1;
}

.app-hero-shell p {
    max-width: 62ch;
    color: #546779;
}

.app-glance-card {
    padding: 1.1rem 1.15rem;
    border-radius: 26px;
    border: 1px solid rgba(220, 228, 236, 0.92);
    background: linear-gradient(180deg, rgba(255,255,255,0.95), rgba(243,248,250,0.92));
    box-shadow: 0 18px 42px rgba(16, 35, 52, 0.07);
}

.app-glance-label {
    display: inline-flex;
    align-items: center;
    padding: 0.38rem 0.68rem;
    border-radius: 999px;
    background: rgba(17, 114, 120, 0.08);
    color: #0f6870;
    text-transform: uppercase;
    letter-spacing: 0.11em;
    font-size: 0.72rem;
    font-weight: 700;
}

.app-glance-card strong {
    display: block;
    margin: 0.75rem 0 0.35rem;
    font-size: 1.75rem;
    letter-spacing: -0.05em;
    color: #10293d;
}

.app-mini-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

.app-mini-grid article {
    padding: 0.95rem 1rem;
    border-radius: 22px;
    border: 1px solid rgba(221, 228, 236, 0.92);
    background: rgba(255,255,255,0.84);
    box-shadow: 0 14px 30px rgba(15, 31, 46, 0.05);
}

.app-mini-grid span,
.app-kpi-card span {
    display: block;
    margin-bottom: 0.28rem;
    color: #617386;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.app-mini-grid strong,
.app-kpi-card strong {
    display: block;
    color: #10293d;
    font-family: "Manrope", sans-serif;
    font-weight: 800;
    letter-spacing: -0.05em;
}

.app-mini-grid strong {
    font-size: 1.6rem;
}

.finance-operating-command {
    position: relative;
    padding: clamp(1rem, 2vw, 1.35rem);
    border-radius: 32px;
    border: 1px solid rgba(203, 216, 226, 0.95);
    background:
        radial-gradient(circle at 5% 0%, rgba(36, 117, 93, 0.12), transparent 28%),
        radial-gradient(circle at 95% 8%, rgba(209, 138, 45, 0.12), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(244,248,251,0.94));
    box-shadow: 0 28px 74px rgba(14, 30, 44, 0.1);
}

.finance-operating-stage {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.55fr);
    gap: 1rem;
}

.finance-operating-chief,
.finance-operating-guard {
    border-color: rgba(183, 202, 214, 0.9);
    background: rgba(255,255,255,0.88);
    box-shadow: 0 18px 42px rgba(18, 36, 52, 0.07);
}

.finance-operating-chief-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.finance-operating-chief h3,
.finance-operating-guard h3,
.finance-operating-command .app-panel-card h3 {
    margin: 0.35rem 0;
    color: #10293d;
    font-family: var(--font-heading);
    font-size: clamp(1.25rem, 2vw, 1.65rem);
    line-height: 1.05;
    letter-spacing: -0.035em;
}

.finance-operating-chief p,
.finance-operating-guard p,
.finance-operating-item p {
    color: #596d7d;
    line-height: 1.52;
}

.finance-operating-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.72rem;
}

.finance-operating-metrics article {
    padding: 0.88rem 0.92rem;
    border-radius: 20px;
    border: 1px solid rgba(211, 222, 231, 0.9);
    background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(246,249,251,0.92));
}

.finance-operating-metrics span,
.finance-operating-guardrails span {
    display: block;
    color: #617386;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.finance-operating-metrics strong {
    display: block;
    margin-top: 0.22rem;
    color: #10293d;
    font-family: "Manrope", sans-serif;
    font-size: clamp(1.18rem, 2vw, 1.55rem);
    font-weight: 850;
    letter-spacing: -0.055em;
}

.finance-operating-guardrails,
.finance-operating-lanes,
.finance-operating-list {
    display: grid;
    gap: 0.7rem;
}

.finance-operating-guardrails {
    margin-top: 0.9rem;
}

.finance-operating-guardrails span {
    padding: 0.62rem 0.75rem;
    border-radius: 16px;
    border: 1px solid rgba(207, 219, 229, 0.9);
    background: rgba(244, 248, 251, 0.9);
    color: #405669;
    letter-spacing: 0.02em;
    text-transform: none;
}

.finance-operating-item,
.finance-operating-lane {
    position: relative;
    display: grid;
    gap: 0.32rem;
    padding: 0.88rem 0.94rem 0.88rem 1.05rem;
    overflow: hidden;
    border: 1px solid rgba(213, 224, 232, 0.92);
    border-radius: 20px;
    background: rgba(255,255,255,0.88);
    color: #263f52;
    box-shadow: 0 12px 28px rgba(15, 31, 46, 0.045);
}

.finance-operating-item::before,
.finance-operating-lane::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: #d18a2d;
}

.finance-operating-item.ok::before,
.finance-operating-lane.ok::before {
    background: #24755d;
}

.finance-operating-item.error::before,
.finance-operating-lane.error::before {
    background: #b54b42;
}

.finance-operating-item:hover,
.finance-operating-lane:hover {
    transform: translateY(-1px);
    border-color: rgba(87, 155, 180, 0.28);
    text-decoration: none;
    box-shadow: 0 18px 38px rgba(15, 31, 46, 0.08);
}

.finance-operating-item strong,
.finance-operating-lane strong {
    color: #10293d;
    font-size: 1rem;
}

.finance-operating-item small,
.finance-operating-lane small,
.finance-operating-lane span {
    color: #627789;
    font-size: 0.78rem;
    line-height: 1.38;
}

.finance-operating-lane span {
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.finance-operating-briefing {
    min-height: 430px;
    max-height: 640px;
    overflow: auto;
}

@media (max-width: 980px) {
    .finance-operating-stage,
    .finance-operating-chief-head {
        display: grid;
        grid-template-columns: 1fr;
    }

    .finance-operating-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .finance-operating-metrics {
        grid-template-columns: 1fr;
    }
}

.app-kpi-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 1rem;
}

.app-kpi-grid-compact {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.app-kpi-card {
    padding: 1rem 1.05rem;
    border-radius: 26px;
    border: 1px solid rgba(221, 228, 236, 0.94);
    background: linear-gradient(180deg, rgba(255,255,255,0.94), rgba(246,249,251,0.91));
    box-shadow: 0 18px 40px rgba(15, 31, 46, 0.06);
}

.app-kpi-card strong {
    font-size: clamp(1.7rem, 3.2vw, 2.3rem);
}

.app-kpi-card small {
    color: #66798c;
    line-height: 1.45;
}

.app-focus-grid {
    align-items: start;
    gap: 1rem;
}

.app-decision-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.app-decision-card {
    padding: 1rem 1.05rem;
    border-radius: 26px;
    border: 1px solid rgba(219, 227, 235, 0.94);
    background: linear-gradient(180deg, rgba(255,255,255,0.95), rgba(245,248,251,0.92));
    box-shadow: 0 18px 40px rgba(15, 31, 46, 0.06);
}

.app-decision-card h2 {
    margin: 0.25rem 0 0.55rem;
    font-family: var(--font-heading);
    font-size: clamp(1.1rem, 1.6vw, 1.45rem);
    line-height: 1.1;
}

.app-decision-card p {
    margin: 0;
    color: #5b6d7f;
}

.app-decision-list {
    display: grid;
    gap: 0.7rem;
    margin-top: 0.85rem;
}

.app-decision-list div {
    display: grid;
    gap: 0.14rem;
}

.app-decision-list strong {
    display: block;
    color: #10293d;
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.app-decision-list span {
    color: #67798c;
    font-size: 0.83rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.app-flight-deck {
    display: grid;
    gap: 0.95rem;
    padding: 1rem 1.05rem;
    border-radius: 28px;
    border: 1px solid rgba(218, 226, 234, 0.95);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.95), rgba(244,248,251,0.9)),
        radial-gradient(circle at top right, rgba(120, 177, 200, 0.08), transparent 38%);
    box-shadow: 0 18px 42px rgba(15, 31, 46, 0.06);
}

.app-anchor-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.app-anchor-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0.64rem 0.92rem;
    border-radius: 999px;
    border: 1px solid rgba(200, 212, 222, 0.9);
    background: rgba(255, 255, 255, 0.84);
    color: #28455c;
    font-weight: 700;
    box-shadow: 0 10px 24px rgba(15, 31, 46, 0.04);
}

.app-anchor-pill:hover {
    text-decoration: none;
    border-color: rgba(87, 155, 180, 0.26);
    background: linear-gradient(135deg, rgba(15, 122, 120, 0.12), rgba(120, 177, 200, 0.12));
}

.app-anchor-target {
    scroll-margin-top: 10rem;
}

.app-flight-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem;
}

.app-flight-card {
    display: grid;
    gap: 0.38rem;
    padding: 0.95rem 1rem;
    border-radius: 22px;
    border: 1px solid rgba(218, 226, 234, 0.94);
    background: rgba(255, 255, 255, 0.88);
}

.app-flight-card strong {
    display: block;
    color: #10293d;
    font-size: clamp(1.08rem, 1.7vw, 1.42rem);
    font-family: var(--font-heading);
    letter-spacing: -0.02em;
}

.app-flight-card p {
    margin: 0;
    color: #5d7082;
}

.template-operations-hero {
    background:
        radial-gradient(circle at 12% 18%, rgba(16, 108, 132, 0.13), transparent 30%),
        radial-gradient(circle at 88% 8%, rgba(217, 139, 71, 0.16), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,0.96), rgba(241,247,249,0.9));
}

.page-template-operations .workspace-command-bar {
    grid-template-columns: minmax(0, 1fr);
}

.page-template-operations .workspace-command-head {
    grid-template-columns: minmax(16rem, 0.72fr) minmax(20rem, 1fr);
}

.page-template-operations .workspace-command-title,
.page-template-operations .workspace-command-text,
.page-template-operations .app-hero-shell h1,
.page-template-operations .app-hero-shell p {
    overflow-wrap: normal;
    word-break: normal;
}

.page-template-operations .workspace-command-actions {
    justify-content: flex-start;
}

.authed-shell:has(.template-operations-hero) .workspace-command-bar {
    grid-template-columns: minmax(0, 1fr);
}

.authed-shell:has(.template-operations-hero) .workspace-command-head {
    grid-template-columns: minmax(16rem, 0.72fr) minmax(20rem, 1fr);
}

.authed-shell:has(.template-operations-hero) .workspace-command-title,
.authed-shell:has(.template-operations-hero) .workspace-command-text,
.authed-shell:has(.template-operations-hero) .app-hero-shell h1,
.authed-shell:has(.template-operations-hero) .app-hero-shell p {
    overflow-wrap: normal;
    word-break: normal;
}

.authed-shell:has(.template-operations-hero) .workspace-command-actions {
    justify-content: flex-start;
}

.authed-shell:has(.report-factory-hero) .workspace-command-bar {
    grid-template-columns: minmax(0, 1fr);
}

.authed-shell:has(.report-factory-hero) .workspace-command-head {
    grid-template-columns: minmax(16rem, 0.72fr) minmax(20rem, 1fr);
}

.authed-shell:has(.report-factory-hero) .workspace-command-title,
.authed-shell:has(.report-factory-hero) .workspace-command-text,
.authed-shell:has(.report-factory-hero) .app-hero-shell h1,
.authed-shell:has(.report-factory-hero) .app-hero-shell p {
    overflow-wrap: normal;
    word-break: normal;
}

.authed-shell:has(.report-factory-hero) .workspace-command-actions {
    justify-content: flex-start;
}

@media (max-width: 760px) {
    .page-template-operations .workspace-command-head {
        grid-template-columns: 1fr;
    }

    .authed-shell:has(.template-operations-hero) .workspace-command-head {
        grid-template-columns: 1fr;
    }

    .authed-shell:has(.report-factory-hero) .workspace-command-head {
        grid-template-columns: 1fr;
    }
}

.template-operation-action,
.template-operation-lane {
    position: relative;
    overflow: hidden;
}

.app-details-card {
    margin-top: 0.85rem;
    padding: 0.9rem;
    border: 1px solid rgba(43, 58, 75, 0.12);
    border-radius: 1.1rem;
    background: linear-gradient(145deg, rgba(255,255,255,0.9), rgba(240,248,250,0.72));
    box-shadow: 0 14px 34px rgba(17, 34, 48, 0.08);
}

.app-details-card > summary {
    cursor: pointer;
    font-weight: 800;
    color: #123044;
}

.data-table.compact th,
.data-table.compact td {
    padding: 0.62rem 0.7rem;
    vertical-align: top;
}

@media (max-width: 760px) {
    .app-details-card .data-table.compact,
    .app-details-card .data-table.compact tbody,
    .app-details-card .data-table.compact tr,
    .app-details-card .data-table.compact td {
        display: block;
        width: 100%;
    }

    .app-details-card .data-table.compact thead {
        display: none;
    }

    .app-details-card .data-table.compact tr {
        padding: 0.72rem 0;
        border-top: 1px solid rgba(43, 58, 75, 0.12);
    }

    .app-details-card .data-table.compact tr:first-child {
        border-top: 0;
    }

    .app-details-card .data-table.compact td {
        padding: 0.34rem 0;
        border: 0;
        word-break: normal;
        overflow-wrap: anywhere;
    }

    .app-details-card .data-table.compact td::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 0.18rem;
        font-size: 0.74rem;
        font-weight: 850;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #516778;
    }
}

.template-operation-action::before,
.template-operation-lane::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: #8ba0b2;
}

.template-operation-action.critical::before,
.template-operation-lane.critical::before,
.template-operation-lane.blocked::before {
    background: #b54b42;
}

.template-operation-action.warning::before,
.template-operation-lane.attention::before {
    background: #d18a2d;
}

.template-operation-action.info::before {
    background: #317c9a;
}

.template-operation-action.ok::before,
.template-operation-lane.ready::before {
    background: #24755d;
}

.template-operation-lane .state-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
}

.template-operation-lane .state-meta span {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0.24rem 0.5rem;
    border-radius: 999px;
    background: rgba(243, 247, 250, 0.94);
    color: #567085;
    font-size: 0.75rem;
    font-weight: 700;
}

.template-launchpad {
    background:
        radial-gradient(circle at top left, rgba(36, 117, 93, 0.1), transparent 30%),
        radial-gradient(circle at bottom right, rgba(209, 138, 45, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,0.96), rgba(246,249,251,0.92));
}

.template-launchpad .actions {
    margin-top: 0.95rem;
}

.app-composer-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    align-items: start;
}

.app-form-card,
.app-table-card {
    height: 100%;
}

.app-form-card h2,
.app-table-card h2 {
    margin: 0;
}

.app-form-card > p,
.app-table-card > p {
    margin: 0;
}

.app-list-meta {
    display: grid;
    gap: 0.18rem;
}

.app-list-meta strong {
    display: block;
    color: #10293d;
}

.app-list-meta small {
    color: #708294;
    font-size: 0.79rem;
    line-height: 1.35;
}

.app-inline-note {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.32rem 0.6rem;
    border-radius: 999px;
    background: rgba(243, 247, 250, 0.94);
    border: 1px solid rgba(212, 221, 229, 0.9);
    color: #567085;
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 700;
}

.app-editor-card {
    padding: clamp(1rem, 1.5vw, 1.2rem);
}

.app-editor-card textarea {
    min-height: 180px;
}

.app-inline-form {
    display: flex;
    align-items: end;
    gap: 0.9rem;
    flex-wrap: wrap;
}

.app-inline-form .field {
    min-width: 220px;
    flex: 1 1 220px;
}

.app-callout-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.app-callout {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.46rem 0.72rem;
    border-radius: 999px;
    border: 1px solid rgba(202, 214, 224, 0.9);
    background: rgba(255, 255, 255, 0.84);
    color: #445c71;
    font-size: 0.78rem;
    font-weight: 700;
}

.app-section-heading {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.app-warning-list {
    display: grid;
    gap: 0.55rem;
    margin-top: 1rem;
    padding: 0.9rem 1rem;
    border-radius: 22px;
    border: 1px solid rgba(197, 132, 35, 0.24);
    background: linear-gradient(135deg, rgba(255, 248, 235, 0.94), rgba(255, 255, 255, 0.88));
    color: #69471d;
}

.app-warning-list p {
    margin: 0;
}

.app-surface-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 0.9fr);
    gap: 1rem;
    align-items: start;
}

.app-section-stack {
    display: grid;
    gap: 1rem;
}

.app-table-card .section-headline,
.app-form-card .section-headline {
    margin-bottom: 0.15rem;
}

.app-panel-card {
    padding: clamp(1rem, 1.5vw, 1.2rem);
}

.app-workbench-section {
    gap: 1rem;
}

.app-workbench-card {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    border: 1px solid rgba(219, 226, 233, 0.94);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.96), rgba(245,248,251,0.92)),
        radial-gradient(circle at top right, rgba(120, 177, 200, 0.08), transparent 42%);
    box-shadow: 0 18px 42px rgba(15, 31, 46, 0.06);
}

.app-workbench-card .table-wrap thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}

.app-workbench-card .actions {
    flex-wrap: wrap;
}

.app-panel-head {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 0.9rem;
}

.app-panel-card h2 {
    font-family: var(--font-heading);
    font-size: clamp(1.25rem, 2vw, 1.7rem);
    font-weight: 700;
    letter-spacing: -0.02em;
}

.app-table-card .table-wrap {
    margin-top: 0.2rem;
}

.compact-table table {
    min-width: 0;
}

.app-anchor-pill.is-active {
    border-color: rgba(15, 122, 120, 0.35);
    background: linear-gradient(135deg, rgba(15, 122, 120, 0.16), rgba(120, 177, 200, 0.14));
    color: #12354c;
}

.customer-flight-deck {
    gap: 1rem;
}

.customer-detail-flight {
    margin-bottom: 1rem;
}

.customer-index-grid,
.customer-doc-grid {
    grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.95fr);
}

.customer-doc-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.customer-import-grid {
    margin-top: 1rem;
}

.customer-crm-secondary-grid {
    margin-top: 1rem;
}

.customer-master-card .table-wrap table th,
.customer-master-card .table-wrap table td {
    vertical-align: top;
}

.customer-overview-card .info-list,
.customer-map-card .info-list {
    gap: 0.55rem;
}

.customer-map {
    min-height: 320px;
    border-radius: 26px;
    border: 1px solid rgba(212, 221, 229, 0.92);
    overflow: hidden;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.55);
}

.customer-leaflet-map {
    position: relative;
    min-width: 0;
    background:
        radial-gradient(circle at 18% 22%, rgba(15, 122, 120, 0.2), transparent 16%),
        radial-gradient(circle at 78% 14%, rgba(229, 111, 49, 0.16), transparent 18%),
        linear-gradient(135deg, rgba(232, 242, 246, 0.96), rgba(249, 252, 253, 0.92));
    isolation: isolate;
}

.customer-leaflet-ready {
    background: #edf5ef;
}

.leaflet-container.customer-leaflet-map {
    font-family: inherit;
    width: 100%;
    max-width: 100%;
}

.customer-map-fallback {
    position: absolute;
    inset: 0;
    z-index: 400;
    display: grid;
    align-content: end;
    min-width: 0;
    padding: 1.1rem;
    color: inherit;
    pointer-events: none;
    isolation: isolate;
}

.customer-map-link {
    position: relative;
    display: grid;
    align-content: end;
    min-width: 0;
    padding: 1.1rem;
    color: inherit;
    text-decoration: none;
    background:
        radial-gradient(circle at 18% 22%, rgba(15, 122, 120, 0.2), transparent 16%),
        radial-gradient(circle at 78% 14%, rgba(229, 111, 49, 0.16), transparent 18%),
        linear-gradient(135deg, rgba(232, 242, 246, 0.96), rgba(249, 252, 253, 0.92));
    isolation: isolate;
}

.customer-map-link:hover {
    text-decoration: none;
    border-color: rgba(15, 122, 120, 0.34);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65), 0 18px 42px rgba(15, 31, 46, 0.08);
}

.customer-map-grid {
    position: absolute;
    inset: 0;
    z-index: -1;
    background-image:
        linear-gradient(rgba(16, 58, 77, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(16, 58, 77, 0.08) 1px, transparent 1px),
        linear-gradient(135deg, transparent 18%, rgba(15, 122, 120, 0.1) 18%, rgba(15, 122, 120, 0.1) 20%, transparent 20%),
        linear-gradient(45deg, transparent 42%, rgba(36, 94, 143, 0.12) 42%, rgba(36, 94, 143, 0.12) 44%, transparent 44%);
    background-size: 34px 34px, 34px 34px, 100% 100%, 100% 100%;
    opacity: 0.86;
}

.customer-map-pin {
    position: absolute;
    top: 43%;
    left: 52%;
    width: 24px;
    height: 24px;
    border-radius: 999px 999px 999px 0;
    background: linear-gradient(135deg, var(--accent), var(--accent-3));
    transform: rotate(-45deg);
    box-shadow: 0 12px 28px rgba(15, 84, 112, 0.28);
}

.customer-map-pin::after {
    content: "";
    position: absolute;
    inset: 7px;
    border-radius: 999px;
    background: #fff;
}

.customer-map-copy {
    display: grid;
    gap: 0.28rem;
    max-width: min(100%, 34rem);
    padding: 0.95rem 1rem;
    border-radius: 22px;
    border: 1px solid rgba(208, 221, 230, 0.92);
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 16px 36px rgba(15, 31, 46, 0.08);
}

.customer-map-copy strong {
    color: #10293d;
    font-family: var(--font-heading);
    font-size: 1.05rem;
}

.customer-map-copy small {
    color: #5c7082;
}

.customer-map-copy span {
    color: #0f6870;
    font-weight: 800;
}

.customer-map-coords {
    position: absolute;
    top: 1rem;
    right: 1rem;
    max-width: calc(100% - 2rem);
    padding: 0.36rem 0.62rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(208, 221, 230, 0.88);
    color: #536b80;
    font-size: 0.78rem;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.customer-map-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem 0.8rem;
    align-items: center;
    margin-top: 0.75rem;
}

.customer-map-actions .muted {
    margin: 0;
    font-size: 0.86rem;
}

.customer-geo-card {
    overflow: hidden;
}

.customer-billing-card {
    overflow: hidden;
}

.customer-geo-hero {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
    gap: 0.9rem;
    padding: 1rem;
    border-radius: 24px;
    border: 1px solid rgba(208, 221, 230, 0.88);
    background:
        radial-gradient(circle at 16% 12%, rgba(15, 122, 120, 0.12), transparent 28%),
        linear-gradient(135deg, rgba(248, 252, 252, 0.98), rgba(238, 247, 245, 0.86));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7);
}

.customer-billing-hero {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    gap: 0.9rem;
    padding: 1rem;
    border-radius: 24px;
    border: 1px solid rgba(208, 221, 230, 0.88);
    background:
        radial-gradient(circle at 16% 12%, rgba(36, 94, 143, 0.12), transparent 28%),
        linear-gradient(135deg, rgba(248, 252, 252, 0.98), rgba(240, 245, 252, 0.86));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7);
}

.customer-geo-hero.ready {
    border-color: rgba(15, 122, 120, 0.26);
}

.customer-billing-hero.ready {
    border-color: rgba(15, 122, 120, 0.26);
}

.customer-geo-hero.attention {
    border-color: rgba(184, 121, 26, 0.28);
}

.customer-billing-hero.attention {
    border-color: rgba(184, 121, 26, 0.28);
}

.customer-geo-hero.blocked {
    border-color: rgba(171, 64, 64, 0.24);
}

.customer-billing-hero.blocked {
    border-color: rgba(171, 64, 64, 0.24);
}

.customer-geo-hero strong {
    display: block;
    margin-top: 0.25rem;
    color: #10293d;
    font-family: var(--font-heading);
    font-size: clamp(1.15rem, 2.4vw, 1.65rem);
    line-height: 1.05;
}

.customer-billing-hero strong {
    display: block;
    margin-top: 0.25rem;
    color: #10293d;
    font-family: var(--font-heading);
    font-size: clamp(1.15rem, 2.4vw, 1.65rem);
    line-height: 1.05;
}

.customer-geo-hero p {
    margin: 0.4rem 0 0;
    color: #5c7082;
}

.customer-billing-hero p {
    margin: 0.4rem 0 0;
    color: #5c7082;
}

.customer-geo-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.customer-billing-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.customer-geo-metric,
.customer-geo-checklist div,
.customer-billing-metric,
.customer-billing-checklist div {
    position: relative;
    border: 1px solid rgba(208, 221, 230, 0.82);
    border-radius: 20px;
    padding: 0.85rem;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 14px 32px rgba(15, 31, 46, 0.05);
}

.customer-geo-metric::before,
.customer-geo-checklist div::before,
.customer-billing-metric::before,
.customer-billing-checklist div::before {
    content: "";
    position: absolute;
    top: 0.85rem;
    right: 0.85rem;
    width: 0.58rem;
    height: 0.58rem;
    border-radius: 999px;
    background: #b8791a;
}

.customer-geo-metric.ready::before,
.customer-geo-checklist div.ready::before,
.customer-billing-metric.ready::before,
.customer-billing-checklist div.ready::before {
    background: #0f7a78;
}

.customer-geo-metric.blocked::before,
.customer-geo-checklist div.blocked::before,
.customer-billing-metric.blocked::before,
.customer-billing-checklist div.blocked::before {
    background: #ab4040;
}

.customer-geo-metric span,
.customer-geo-checklist strong,
.customer-billing-metric span,
.customer-billing-checklist strong {
    display: block;
    max-width: calc(100% - 1.2rem);
    color: #5c7082;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.customer-geo-metric strong {
    display: block;
    margin-top: 0.35rem;
    color: #10293d;
    font-family: var(--font-heading);
    font-size: 1.15rem;
}

.customer-billing-metric strong {
    display: block;
    margin-top: 0.35rem;
    color: #10293d;
    font-family: var(--font-heading);
    font-size: 1.15rem;
}

.customer-geo-metric p,
.customer-geo-checklist span,
.customer-billing-metric p,
.customer-billing-checklist span {
    display: block;
    margin: 0.35rem 0 0;
    color: #5c7082;
    font-size: 0.88rem;
}

.customer-geo-ledger {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));
    gap: 0.55rem;
}

.customer-billing-ledger {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));
    gap: 0.55rem;
}

.customer-geo-ledger div {
    padding: 0.75rem;
    border-radius: 18px;
    background: rgba(240, 247, 249, 0.82);
    border: 1px solid rgba(208, 221, 230, 0.72);
}

.customer-billing-ledger div {
    padding: 0.75rem;
    border-radius: 18px;
    background: rgba(240, 245, 252, 0.82);
    border: 1px solid rgba(208, 221, 230, 0.72);
}

.customer-geo-ledger strong,
.customer-geo-ledger span,
.customer-billing-ledger strong,
.customer-billing-ledger span {
    display: block;
}

.customer-geo-ledger strong,
.customer-billing-ledger strong {
    color: #5c7082;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.customer-geo-ledger span,
.customer-billing-ledger span {
    margin-top: 0.22rem;
    color: #10293d;
    font-weight: 900;
}

.customer-geo-checklist {
    display: grid;
    gap: 0.55rem;
}

.customer-billing-checklist {
    display: grid;
    gap: 0.55rem;
}

.customer-billing-repair-card {
    display: grid;
    gap: 0.7rem;
    padding: 1rem;
    border: 1px solid rgba(15, 122, 120, 0.18);
    border-radius: 22px;
    background:
        radial-gradient(circle at 12% 18%, rgba(15, 122, 120, 0.12), transparent 34%),
        linear-gradient(135deg, rgba(247, 252, 251, 0.98), rgba(238, 247, 245, 0.92));
    box-shadow: 0 18px 44px rgba(15, 31, 46, 0.08);
}

.customer-billing-repair-card strong {
    color: #10293d;
    font-family: var(--font-heading);
    font-size: clamp(1.05rem, 2vw, 1.35rem);
    line-height: 1.08;
}

.customer-billing-repair-card p,
.customer-billing-repair-card small {
    margin: 0;
    color: #50677a;
}

.customer-billing-repair-card small {
    font-weight: 800;
}

.customer-billing-recipient-card {
    display: grid;
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid rgba(36, 94, 143, 0.18);
    border-radius: 22px;
    background:
        radial-gradient(circle at 86% 8%, rgba(36, 94, 143, 0.12), transparent 32%),
        linear-gradient(135deg, rgba(248, 251, 255, 0.98), rgba(239, 245, 252, 0.94));
    box-shadow: 0 18px 44px rgba(15, 31, 46, 0.07);
}

.customer-billing-recipient-card strong {
    color: #10293d;
    font-family: var(--font-heading);
    font-size: clamp(1.05rem, 2vw, 1.28rem);
    line-height: 1.1;
}

.customer-billing-recipient-card p,
.customer-billing-recipient-card small {
    margin: 0;
    color: #50677a;
}

.customer-billing-recipient-card small {
    font-weight: 800;
}

.customer-checkbox-line {
    display: inline-flex;
    gap: 0.5rem;
    align-items: center;
    color: #50677a;
    font-size: 0.9rem;
    font-weight: 800;
}

@media (max-width: 760px) {
    .customer-geo-hero,
    .customer-billing-hero,
    .customer-geo-grid,
    .customer-billing-grid,
    .customer-geo-ledger,
    .customer-billing-ledger {
        grid-template-columns: 1fr;
    }
}

.customer-map-empty {
    display: grid;
    place-items: center;
    padding: 1.2rem;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.94), rgba(242,247,250,0.92)),
        radial-gradient(circle at top right, rgba(120, 177, 200, 0.08), transparent 42%);
}

.customer-map-empty p {
    margin: 0;
    color: #5c6f80;
    max-width: 40ch;
    text-align: center;
}

.customer-external-grid {
    display: grid;
    gap: 0.9rem;
}

.customer-external-card {
    display: grid;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: 24px;
    border: 1px solid rgba(214, 223, 231, 0.92);
    background: rgba(255, 255, 255, 0.88);
}

.customer-external-card pre {
    margin: 0;
    padding: 0.95rem;
    border-radius: 18px;
    background: #f3f7fa;
    color: #183245;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
    font-size: 0.8rem;
    line-height: 1.45;
}

.customer-mini-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 0.35rem;
}

.customer-action-groups {
    display: grid;
    gap: 1rem;
}

.customer-action-group {
    display: grid;
    gap: 0.6rem;
    padding: 0.95rem 1rem;
    border-radius: 24px;
    border: 1px solid rgba(214, 223, 231, 0.92);
    background: rgba(255, 255, 255, 0.84);
}

.customer-action-group > strong {
    color: #14354d;
    font-family: var(--font-heading);
    letter-spacing: -0.02em;
}

.customer-action-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.customer-doc-grid .app-workbench-card {
    min-height: 100%;
}

@media (max-width: 1080px) {
    .customer-index-grid,
    .customer-doc-grid,
    .app-surface-grid,
    .customer-direct-actions,
    .timeline-context-strip {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .customer-mini-metrics,
    .app-flight-summary {
        grid-template-columns: 1fr;
    }

    .customer-map {
        min-height: 260px;
    }
}

.gm-classic,
.gm-classic-card {
    border-radius: 30px;
}

.gm-workspace-strip {
    gap: 0.8rem;
}

.gm-workspace-box {
    border-radius: 18px;
    border: 1px solid rgba(219, 226, 233, 0.94);
    box-shadow: 0 10px 26px rgba(14, 30, 45, 0.05);
}

@media (max-width: 1320px) {
    .authed-shell .stats,
    .app-kpi-grid,
    .app-decision-strip,
    .app-composer-grid,
    .workspace-control-grid,
    .app-flight-summary {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .app-kpi-grid-compact {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1040px) {
    .global-workflow-dock-head,
    .workspace-superbar,
    .workspace-command-bar,
    .workspace-command-head,
    .app-surface-grid,
    .workspace-control-grid,
    .app-flight-summary,
    .dispatch-bulk-summary,
    .workspace-page-shell-head {
        grid-template-columns: 1fr;
    }

    .global-workflow-dock-actions {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .operating-primary-board,
    .finance-command-chooser {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .workspace-command-actions {
        justify-content: flex-start;
    }

    .workspace-pulse-row,
    .workspace-utility-links {
        justify-content: flex-start;
    }

    .app-hero-shell {
        grid-template-columns: 1fr;
    }

    .integration-register {
        position: static;
    }
}

@media (max-width: 760px) {
    .authed-shell .stats,
    .app-kpi-grid,
    .app-kpi-grid-compact,
    .app-mini-grid,
    .app-decision-strip,
    .app-composer-grid,
    .workspace-section-links,
    .app-flight-summary,
    .dispatch-bulk-summary {
        grid-template-columns: 1fr;
    }

    .app-panel-head {
        flex-direction: column;
    }

    .app-section-heading {
        flex-direction: column;
        align-items: stretch;
    }

    .workspace-superbar,
    .workspace-command-bar,
    .global-workflow-dock {
        position: static;
    }

    .global-workflow-dock-actions {
        grid-template-columns: 1fr;
    }

    .operating-primary-board,
    .finance-command-chooser {
        grid-template-columns: 1fr;
    }

    .operating-primary-card,
    .finance-command-choice {
        min-height: 0;
    }

    .global-workflow-action {
        min-height: 0;
    }

    .workspace-page-shell {
        padding: 0.95rem;
    }

    .customer-quick-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .timeline-context-stats {
        grid-template-columns: 1fr;
    }
}

.card.subtle {
    background: linear-gradient(180deg, rgba(248, 251, 253, 0.96), rgba(242, 247, 250, 0.92));
    border-color: rgba(217, 226, 233, 0.9);
    box-shadow: 0 16px 34px rgba(15, 31, 46, 0.04);
}

.public-form-shell {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
    gap: 1.4rem;
    align-items: start;
}

.public-form-card {
    padding: clamp(1.15rem, 2vw, 1.6rem);
}

.public-form-grid {
    align-items: start;
}

.field-span-2 {
    grid-column: 1 / -1;
}

.checkbox-row {
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
    padding: 1rem 1.05rem;
    border-radius: 18px;
    border: 1px solid rgba(214, 225, 233, 0.92);
    background: rgba(244, 249, 252, 0.76);
    color: #31536d;
    line-height: 1.55;
}

.checkbox-row input {
    margin-top: 0.22rem;
}

.public-inline-points {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.public-inline-points span {
    padding: 0.55rem 0.9rem;
    border-radius: 999px;
    border: 1px solid rgba(202, 222, 232, 0.92);
    background: rgba(246, 250, 252, 0.9);
    color: #34506a;
    font-size: 0.9rem;
    font-weight: 600;
}

.public-summary-card .price {
    margin-top: 0.35rem;
}

.payment-option-list {
    display: grid;
    gap: 0.8rem;
}

.payment-option-card {
    padding: 0.9rem 1rem;
    border-radius: 20px;
    border: 1px solid rgba(217, 226, 233, 0.9);
    background: rgba(248, 251, 253, 0.95);
}

.payment-option-card.recommended {
    border-color: rgba(14, 134, 130, 0.34);
    box-shadow: 0 14px 30px rgba(8, 86, 92, 0.08);
}

.payment-option-head {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    align-items: center;
    margin-bottom: 0.35rem;
}

.payment-option-head span {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.65rem;
    border-radius: 999px;
    background: rgba(208, 236, 230, 0.9);
    color: #0e635f;
    font-size: 0.77rem;
    font-weight: 700;
}

.public-pricing-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    margin-top: 0.8rem;
}

.public-comparison-wrap {
    border-radius: 28px;
}

.public-comparison-table {
    min-width: 760px;
}

.public-comparison-table a {
    color: #0e7a78;
    font-weight: 700;
    text-decoration: none;
}

.payment-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.payment-provider-card {
    min-width: 0;
}

.demo-banner-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    justify-content: flex-end;
}

.checkout-shell .public-form-card {
    min-width: 0;
}

@media (max-width: 1220px) {
    .public-form-shell,
    .payment-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .field-span-2 {
        grid-column: auto;
    }

    .checkbox-row,
    .demo-banner-actions,
    .public-pricing-actions {
        flex-direction: column;
        align-items: stretch;
    }
}

.finance-form-grid {
    align-items: start;
}

.compact-table table td,
.compact-table table th {
    padding-top: 0.72rem;
    padding-bottom: 0.72rem;
}

.stack.dense {
    gap: 0.45rem;
}

.inline-payment-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(110px, 0.8fr) auto;
    gap: 0.45rem;
    align-items: center;
}

.inline-payment-form select,
.inline-payment-form input {
    min-width: 0;
}

.finance-items-grid {
    display: grid;
    gap: 0.75rem;
    padding: 1rem 1.15rem;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.62);
    border: 1px solid rgba(167, 191, 203, 0.22);
}

.finance-items-head {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    justify-content: space-between;
    align-items: baseline;
}

.finance-items-head span {
    color: var(--muted);
    font-size: 0.92rem;
}

.finance-items-row {
    display: grid;
    grid-template-columns: minmax(0, 2.2fr) repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    align-items: center;
}

.finance-items-row-head {
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.finance-items-row input {
    width: 100%;
}

.ustva-hero .app-glance-card strong {
    font-size: clamp(1.55rem, 2.2vw, 2.1rem);
}

.ustva-control-grid {
    align-items: stretch;
}

.finance-ustva-filter-grid {
    align-items: end;
}

.ustva-filter-form,
.ustva-run-form {
    margin-top: 0.35rem;
}

.ustva-run-summary {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    padding: 1rem 1.1rem;
    border-radius: 22px;
    background: rgba(246, 250, 252, 0.9);
    border: 1px solid rgba(214, 224, 231, 0.92);
}

.ustva-artifact-list {
    display: grid;
    gap: 0.8rem;
}

.ustva-artifact-card {
    display: grid;
    gap: 0.2rem;
    padding: 0.95rem 1rem;
    border-radius: 22px;
    border: 1px solid rgba(214, 224, 231, 0.92);
    background: rgba(250, 252, 253, 0.94);
    color: inherit;
    text-decoration: none;
    box-shadow: 0 14px 30px rgba(15, 31, 46, 0.045);
}

.ustva-artifact-card:hover {
    border-color: rgba(14, 122, 120, 0.34);
}

.ustva-steps-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.95rem;
}

.ustva-step-card {
    padding: 1rem 1.1rem;
    border-radius: 24px;
    border: 1px solid rgba(214, 224, 231, 0.92);
    background: rgba(250, 252, 253, 0.94);
    box-shadow: 0 16px 34px rgba(15, 31, 46, 0.04);
}

.ustva-step-card-ok {
    border-color: rgba(92, 180, 123, 0.34);
    background: rgba(247, 253, 248, 0.96);
}

.ustva-step-card-warn {
    border-color: rgba(218, 167, 70, 0.34);
    background: rgba(255, 252, 244, 0.96);
}

.ustva-step-card-info {
    border-color: rgba(160, 181, 194, 0.32);
}

.ustva-step-head {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: center;
    margin-bottom: 0.6rem;
}

.ustva-step-no {
    font-size: 0.88rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #49647c;
}

.ustva-step-card h3 {
    margin-bottom: 0.45rem;
}

.ustva-table-wrap {
    overflow-x: auto;
}

.ustva-line-table,
.ustva-validation-table {
    min-width: 1120px;
}

.ustva-line-table th,
.ustva-line-table td,
.ustva-validation-table th,
.ustva-validation-table td {
    vertical-align: top;
}

.badge.info {
    background: rgba(218, 230, 237, 0.86);
    color: #39556e;
}

.ustva-evidence-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.ustva-evidence-card {
    min-width: 0;
}

.ustva-evidence-head {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 0.8rem;
}

.ustva-evidence-list {
    display: grid;
    gap: 0.7rem;
}

.ustva-evidence-row {
    display: grid;
    gap: 0.12rem;
    padding: 0.85rem 0.9rem;
    border-radius: 18px;
    border: 1px solid rgba(214, 224, 231, 0.92);
    background: rgba(255, 255, 255, 0.88);
}

@media (max-width: 1160px) {
    .inline-payment-form,
    .finance-items-row {
        grid-template-columns: 1fr;
    }

    .ustva-steps-grid,
    .ustva-evidence-grid {
        grid-template-columns: 1fr;
    }

    .ustva-run-summary {
        flex-direction: column;
    }
}
.integration-hero {
    margin-bottom: 1.6rem;
}

.integration-register {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
    margin-bottom: 1.2rem;
    position: sticky;
    top: calc(1.2rem + 6.3rem);
    z-index: 12;
    padding: 0.9rem 1rem;
    border-radius: 24px;
    border: 1px solid rgba(220, 228, 236, 0.95);
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(16px);
    box-shadow: 0 16px 38px rgba(15, 31, 46, 0.05);
}

.integration-register a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.7rem 1rem;
    border: 1px solid rgba(30, 71, 102, 0.12);
    border-radius: 999px;
    color: #27455f;
    background: rgba(255, 255, 255, 0.86);
    text-decoration: none;
    font-weight: 600;
    transition: transform 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
}

.integration-register a:hover {
    transform: translateY(-1px);
    border-color: rgba(30, 71, 102, 0.24);
    box-shadow: 0 14px 30px rgba(41, 72, 98, 0.08);
}

.integration-kpi-grid {
    margin-bottom: 1.4rem;
}

.integration-overview-grid,
.integration-split-grid {
    align-items: start;
}

.integration-section {
    margin-bottom: 1.5rem;
}

.integration-form-card,
.integration-panel-card,
.integration-connector-card {
    overflow: hidden;
}

.integration-inline-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
}

.integration-action-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.integration-action-card {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    padding: 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(30, 71, 102, 0.12);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 247, 251, 0.92));
}

.integration-action-card p,
.integration-note,
.integration-readiness-grid p,
.integration-empty-state p {
    margin: 0;
    color: #5f7284;
}

.integration-bullet-list {
    margin: 0;
    padding-left: 1.2rem;
    color: #5f7284;
}

.integration-bullet-list li + li {
    margin-top: 0.4rem;
}

.integration-note {
    padding: 0.95rem 1rem;
    border-radius: 1rem;
    background: rgba(239, 246, 250, 0.92);
    border: 1px solid rgba(66, 105, 135, 0.12);
}

.integration-connector-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.integration-connector-card {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    min-height: 100%;
}

.integration-connector-head {
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    align-items: start;
}

.integration-connector-primary {
    font-size: clamp(1.8rem, 2.8vw, 2.4rem);
    line-height: 1;
    color: #143049;
}

.integration-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: 0.32rem 0.75rem;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    border: 1px solid transparent;
    white-space: nowrap;
}

.integration-status.is-active {
    color: #11513c;
    background: rgba(208, 239, 226, 0.9);
    border-color: rgba(17, 81, 60, 0.12);
}

.integration-status.is-pending {
    color: #735100;
    background: rgba(255, 241, 204, 0.9);
    border-color: rgba(115, 81, 0, 0.12);
}

.integration-status.is-danger {
    color: #8a1f2d;
    background: rgba(252, 224, 229, 0.92);
    border-color: rgba(138, 31, 45, 0.12);
}

.integration-status.is-neutral {
    color: #38536b;
    background: rgba(227, 236, 244, 0.95);
    border-color: rgba(56, 83, 107, 0.12);
}

.integration-readiness-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.integration-readiness-grid article,
.integration-dead-letter-summary > div {
    padding: 0.95rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(30, 71, 102, 0.1);
    background: rgba(247, 250, 252, 0.9);
}

.integration-dead-letter-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem;
}

.integration-dead-letter-summary span {
    display: block;
    margin-bottom: 0.45rem;
    color: #637586;
    font-size: 0.9rem;
}

.integration-dead-letter-summary strong {
    font-size: 1.35rem;
    color: #143049;
}

.integration-empty-state {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding: 1rem 0.2rem;
}

.integration-action-disabled[disabled] {
    opacity: 0.58;
    cursor: not-allowed;
}

.integration-mini-grid article strong {
    font-size: 1.2rem;
}

.timeline-finance-strip {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.25fr);
    gap: 0.9rem;
    margin-top: 1rem;
}

.timeline-finance-card,
.timeline-finance-table {
    min-height: 100%;
}

.timeline-finance-card strong {
    display: block;
    margin-top: 0.15rem;
    font-size: clamp(1.2rem, 1.8vw, 1.6rem);
    color: #112739;
}

.timeline-finance-card p {
    margin-top: 0.55rem;
    color: var(--ink-soft);
    line-height: 1.5;
}

.timeline-finance-card .state-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.85rem;
}

.timeline-finance-card .state-meta span {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.7rem;
    border-radius: 999px;
    border: 1px solid rgba(35, 51, 66, 0.14);
    background: rgba(255, 255, 255, 0.82);
    color: var(--ink-soft);
    font-size: 0.82rem;
}

.timeline-work-mode {
    margin-top: 1rem;
}

.timeline-mode-pills {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 1rem;
}

.timeline-mode-pill {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.85rem 0.95rem;
    border-radius: 1rem;
    border: 1px solid rgba(30, 71, 102, 0.12);
    background: rgba(250, 252, 253, 0.92);
    color: inherit;
    text-decoration: none;
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.timeline-mode-pill strong {
    font-size: 0.98rem;
    color: #112739;
    overflow-wrap: anywhere;
}

.timeline-mode-pill span {
    font-size: 0.82rem;
    color: #607384;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.timeline-mode-pill:hover,
.timeline-mode-pill:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(18, 101, 149, 0.24);
    box-shadow: 0 10px 24px rgba(13, 49, 78, 0.08);
}

.timeline-mode-pill.is-active {
    background: linear-gradient(180deg, rgba(227, 245, 254, 0.96), rgba(240, 248, 252, 0.92));
    border-color: rgba(18, 101, 149, 0.34);
    box-shadow: 0 12px 28px rgba(13, 49, 78, 0.1);
}

.timeline-candidate-cell {
    min-width: 18rem;
}

.timeline-candidate-stack {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.timeline-candidate-form {
    margin: 0;
}

.timeline-candidate-chip {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    width: 100%;
    padding: 0.7rem 0.8rem;
    border-radius: 0.9rem;
    border: 1px solid rgba(35, 51, 66, 0.12);
    background: rgba(255, 255, 255, 0.92);
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.timeline-candidate-chip strong {
    font-size: 0.9rem;
    color: #102436;
    overflow-wrap: anywhere;
}

.timeline-candidate-chip span {
    font-size: 0.78rem;
    color: #617384;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.timeline-candidate-chip:hover,
.timeline-candidate-chip:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(18, 101, 149, 0.26);
    box-shadow: 0 10px 20px rgba(13, 49, 78, 0.08);
}

.timeline-candidate-more,
.timeline-candidate-empty {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.7rem;
    border-radius: 999px;
    background: rgba(239, 246, 250, 0.92);
    border: 1px solid rgba(66, 105, 135, 0.12);
    color: #5f7284;
    font-size: 0.82rem;
}

.timeline-queue-tag {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    margin-top: 0.25rem;
    padding: 0.28rem 0.55rem;
    border-radius: 999px;
    background: rgba(18, 101, 149, 0.08);
    border: 1px solid rgba(18, 101, 149, 0.12);
    color: #1f567a;
    font-size: 0.75rem;
    line-height: 1.2;
}

.timeline-history-workbench {
    margin-top: 1rem;
}

.timeline-history-toolbar {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: center;
    margin: 0.75rem 0 0.9rem;
    flex-wrap: wrap;
}

.timeline-queue-meta-form {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) minmax(0, 0.85fr) minmax(0, 0.9fr) minmax(0, 1.1fr) auto;
    gap: 0.45rem;
    align-items: center;
}

.timeline-queue-meta-form select,
.timeline-queue-meta-form input {
    min-width: 0;
}

.timeline-queue-row-actions {
    align-items: start;
}

.timeline-operator-stack {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.timeline-operator-stack strong {
    color: #123047;
    font-size: 0.94rem;
}

.timeline-operator-stack .muted {
    line-height: 1.35;
}

.timeline-queue-summary {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    gap: 0.75rem;
    margin: 0.85rem 0 1rem;
}

.timeline-queue-summary div {
    padding: 0.8rem 0.9rem;
    border-radius: 1rem;
    border: 1px solid rgba(30, 71, 102, 0.1);
    background: rgba(247, 250, 252, 0.92);
}

.timeline-queue-summary span {
    display: block;
    color: #607384;
    font-size: 0.84rem;
    margin-bottom: 0.28rem;
}

.timeline-queue-summary strong {
    display: block;
    color: #123047;
    font-size: 1.15rem;
}

.timeline-filter-grid .field select[name="queue_type"],
.timeline-filter-grid .field select[name="assigned_to"] {
    text-transform: capitalize;
}

.integration-dunning-summary {
    border-left: 4px solid rgba(15, 122, 120, 0.28);
    background: rgba(243, 250, 250, 0.86);
}

.integration-dunning-summary strong {
    margin-right: 0.35rem;
}

@media (max-width: 1180px) {
    .integration-connector-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .timeline-finance-strip {
        grid-template-columns: 1fr;
    }

    .timeline-mode-pills {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .timeline-queue-meta-form {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .timeline-queue-summary {
        grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    }
}

@media (max-width: 860px) {
    .integration-action-grid,
    .integration-readiness-grid,
    .integration-dead-letter-summary,
    .timeline-finance-strip {
        grid-template-columns: 1fr;
    }

    .timeline-mode-pills {
        grid-template-columns: 1fr;
    }

    .timeline-queue-meta-form {
        grid-template-columns: 1fr;
    }

    .timeline-queue-summary {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .integration-register {
        gap: 0.5rem;
    }

    .integration-register a {
        width: 100%;
    }

    .integration-connector-grid {
        grid-template-columns: 1fr;
    }

    .timeline-history-toolbar {
        flex-direction: column;
        align-items: flex-start;
    }
}

.dispatch-recovery-grid {
    margin-block: 1rem 0;
}

.dispatch-recovery-grid .dispatch-status-card,
.customer-delivery-radar-grid .customer-radar-card {
    min-height: 100%;
}

/*
 * MeteringOS design refresh:
 * a dedicated visual system for the metering mode with stronger hierarchy,
 * darker navigation, calmer work surfaces and more intentional public pages.
 */
.mode-metering {
    --bg-1: #f1f3ee;
    --bg-2: #e4ece8;
    --bg-3: #f8f4ea;
    --surface: rgba(252, 253, 251, 0.84);
    --surface-soft: rgba(255, 255, 255, 0.7);
    --surface-strong: rgba(255, 255, 255, 0.96);
    --card: rgba(255, 255, 255, 0.88);
    --ink: #142126;
    --ink-soft: #51626a;
    --ink-muted: #6e7c83;
    --line: rgba(28, 51, 51, 0.11);
    --line-strong: rgba(28, 51, 51, 0.19);
    --accent: #0e8f7a;
    --accent-strong: #0a7d69;
    --accent-2: #de8a3f;
    --accent-3: #205d73;
    --shadow: 0 22px 64px rgba(17, 30, 35, 0.11);
    --shadow-soft: 0 12px 32px rgba(17, 30, 35, 0.07);
    --radius-card: 28px;
    --radius-control: 18px;
    --font-heading: "Fraunces", serif;
}

.mode-metering {
    background:
        radial-gradient(circle at top left, rgba(37, 120, 135, 0.1), transparent 24%),
        radial-gradient(circle at top right, rgba(230, 168, 96, 0.12), transparent 28%),
        linear-gradient(180deg, #eef2ef 0%, #edf4f1 46%, #f7f3eb 100%);
}

.mode-metering .bg-layer {
    background:
        linear-gradient(90deg, rgba(14, 143, 122, 0.035) 1px, transparent 1px),
        linear-gradient(rgba(14, 143, 122, 0.035) 1px, transparent 1px),
        radial-gradient(circle at 12% 14%, rgba(41, 133, 149, 0.12), transparent 25%),
        radial-gradient(circle at 88% 10%, rgba(222, 138, 63, 0.13), transparent 22%),
        radial-gradient(circle at 55% 100%, rgba(34, 93, 115, 0.08), transparent 24%);
    background-size: 48px 48px, 48px 48px, auto, auto, auto;
    opacity: 0.9;
}

.mode-metering .bg-layer::after {
    background:
        radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.7), transparent 18%),
        radial-gradient(circle at 82% 72%, rgba(255, 255, 255, 0.5), transparent 16%);
}

.mode-metering .main-content.full.wide,
.mode-metering .content-column {
    width: min(100%, 1440px);
}

.mode-metering .sidebar {
    top: 0.6rem;
    height: calc(100vh - 1.2rem);
    padding: 0.85rem 0 0.85rem 0.9rem;
}

.mode-metering .sidebar-panel {
    height: 100%;
    padding: 1.3rem 1.1rem 1.05rem;
    border-radius: 32px;
    border: 1px solid rgba(161, 203, 191, 0.16);
    background:
        linear-gradient(180deg, rgba(13, 28, 31, 0.96), rgba(16, 34, 36, 0.92)),
        radial-gradient(circle at top right, rgba(14, 143, 122, 0.22), transparent 34%),
        radial-gradient(circle at bottom left, rgba(222, 138, 63, 0.16), transparent 28%);
    box-shadow: 0 34px 80px rgba(9, 18, 23, 0.34);
    backdrop-filter: blur(18px) saturate(120%);
}

.mode-metering .brand-logo {
    border-radius: 18px;
    background: linear-gradient(140deg, #0ea585, #205d73 68%, #de8a3f 120%);
    box-shadow: 0 14px 34px rgba(14, 143, 122, 0.26);
}

.mode-metering .brand-copy strong,
.mode-metering .mobile-brand-copy strong {
    color: #f3f7f6;
}

.mode-metering .brand-copy small,
.mode-metering .mobile-brand-copy small {
    color: rgba(219, 231, 227, 0.72);
}

.mode-metering .sidebar-context {
    gap: 0.8rem;
    margin: 1.15rem 0 1.1rem;
}

.mode-metering .context-pill {
    border-radius: 18px;
    border: 1px solid rgba(167, 201, 192, 0.12);
    background: linear-gradient(135deg, rgba(14, 143, 122, 0.18), rgba(32, 93, 115, 0.16));
    color: #eef7f5;
}

.mode-metering .context-pill.subtle {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(195, 218, 212, 0.12);
}

.mode-metering .context-label,
.mode-metering .nav-section-label {
    color: rgba(190, 210, 204, 0.68);
}

.mode-metering .nav-primary {
    gap: 1.1rem;
}

.mode-metering .nav-item {
    padding: 0.95rem 0.95rem;
    border-radius: 20px;
    color: rgba(222, 234, 230, 0.84);
    background: rgba(255, 255, 255, 0.02);
}

.mode-metering .nav-item-text small {
    color: rgba(177, 196, 191, 0.7);
}

.mode-metering .nav-item-status {
    background: rgba(255, 255, 255, 0.05);
    color: rgba(204, 220, 216, 0.64);
}

.mode-metering .nav-item:hover,
.mode-metering .nav-item.active {
    color: #ffffff;
    transform: translateX(4px);
    border-color: rgba(120, 195, 179, 0.2);
    background:
        linear-gradient(135deg, rgba(14, 143, 122, 0.26), rgba(32, 93, 115, 0.24)),
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
    box-shadow: 0 20px 36px rgba(6, 16, 22, 0.22);
}

.mode-metering .nav-item:hover::before,
.mode-metering .nav-item.active::before {
    background: linear-gradient(180deg, #0fc7a7, #de8a3f);
}

.mode-metering .nav-item:hover .nav-item-status,
.mode-metering .nav-item.active .nav-item-status {
    background: rgba(255, 255, 255, 0.12);
    color: #eff8f4;
}

.mode-metering .user-badge {
    border-radius: 20px;
    border: 1px solid rgba(178, 202, 196, 0.14);
    background: rgba(255, 255, 255, 0.05);
}

.mode-metering .user-badge strong {
    color: #f2f7f6;
}

.mode-metering .user-badge small {
    color: rgba(205, 220, 216, 0.72);
}

.mode-metering .flash {
    border-radius: 18px;
}

.mode-metering .card,
.mode-metering .workspace-page-shell,
.mode-metering .workspace-superbar,
.mode-metering .workspace-command-bar {
    border-color: rgba(216, 226, 220, 0.96);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(247, 249, 246, 0.92)),
        radial-gradient(circle at top right, rgba(14, 143, 122, 0.06), transparent 34%);
    box-shadow: 0 22px 58px rgba(17, 30, 35, 0.08);
}

.mode-metering .card:hover {
    transform: translateY(-2px);
    box-shadow: 0 28px 68px rgba(17, 30, 35, 0.1);
}

.mode-metering .workspace-superbar,
.mode-metering .workspace-command-bar {
    border-radius: 30px;
    backdrop-filter: blur(14px) saturate(120%);
}

.mode-metering .workspace-superbar-text strong,
.mode-metering .workspace-command-title,
.mode-metering .workspace-page-shell-head h2,
.mode-metering .app-panel-card h2 {
    font-family: var(--font-heading);
    letter-spacing: -0.03em;
}

.mode-metering .workspace-badge.primary,
.mode-metering .workspace-crumb.active,
.mode-metering .workspace-pulse-pill.tone-strong {
    background: linear-gradient(135deg, rgba(14, 143, 122, 0.14), rgba(32, 93, 115, 0.14));
    color: #104758;
}

.mode-metering .workspace-utility-link,
.mode-metering .workspace-quick-link,
.mode-metering .workspace-section-link {
    border-radius: 18px;
}

.mode-metering .workspace-section-link:hover,
.mode-metering .workspace-section-link.active,
.mode-metering .workspace-utility-link:hover,
.mode-metering .workspace-utility-link.active,
.mode-metering .workspace-quick-link:hover,
.mode-metering .workspace-quick-link.active {
    border-color: rgba(72, 151, 137, 0.26);
    background: linear-gradient(135deg, rgba(14, 143, 122, 0.14), rgba(32, 93, 115, 0.12));
}

.mode-metering .eyebrow,
.mode-metering .app-glance-label,
.mode-metering .workspace-control-label,
.mode-metering .app-kpi-card span,
.mode-metering .workspace-badge,
.mode-metering .workspace-crumb {
    font-family: "SFMono-Regular", "SF Mono", Consolas, monospace;
    letter-spacing: 0.12em;
}

.mode-metering .app-hero-shell {
    position: relative;
    overflow: hidden;
    gap: 1.2rem;
    padding: clamp(1.4rem, 2.4vw, 1.9rem);
    border-radius: 36px;
    border: 1px solid rgba(214, 225, 220, 0.98);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(244, 248, 245, 0.92) 62%, rgba(234, 243, 240, 0.9)),
        radial-gradient(circle at top right, rgba(14, 143, 122, 0.18), transparent 34%),
        radial-gradient(circle at bottom left, rgba(222, 138, 63, 0.16), transparent 28%);
    box-shadow: 0 30px 78px rgba(17, 30, 35, 0.1);
}

.mode-metering .app-hero-shell::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(120deg, rgba(255, 255, 255, 0.34), transparent 40%),
        linear-gradient(180deg, rgba(17, 30, 35, 0), rgba(17, 30, 35, 0.04));
    pointer-events: none;
}

.mode-metering .app-hero-copy,
.mode-metering .app-hero-side {
    position: relative;
    z-index: 1;
}

.mode-metering .app-hero-shell h1 {
    max-width: 12ch;
    font-size: clamp(2.3rem, 4.6vw, 4.3rem);
    line-height: 0.94;
}

.mode-metering .app-hero-shell p {
    font-size: clamp(1rem, 1.45vw, 1.12rem);
    line-height: 1.72;
    color: #4d6067;
}

.mode-metering .app-glance-card {
    border-radius: 28px;
    border: 1px solid rgba(202, 216, 210, 0.92);
    background:
        linear-gradient(180deg, rgba(18, 35, 40, 0.95), rgba(18, 36, 39, 0.88)),
        radial-gradient(circle at top right, rgba(14, 143, 122, 0.2), transparent 34%);
    color: #edf6f3;
    box-shadow: 0 24px 50px rgba(10, 18, 22, 0.22);
}

.mode-metering .app-glance-card strong {
    color: #ffffff;
    font-size: clamp(1.9rem, 3vw, 2.6rem);
}

.mode-metering .app-glance-card p {
    color: rgba(221, 235, 231, 0.82);
}

.mode-metering .app-glance-label {
    background: rgba(255, 255, 255, 0.08);
    color: #dcebe7;
}

.mode-metering .app-kpi-grid {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
}

.mode-metering .app-kpi-card {
    position: relative;
    overflow: hidden;
    min-height: 168px;
    padding: 1.1rem 1.05rem;
    border-radius: 26px;
    border: 1px solid rgba(214, 225, 220, 0.96);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.95), rgba(247,249,246,0.92)),
        radial-gradient(circle at top right, rgba(32, 93, 115, 0.07), transparent 42%);
    box-shadow: 0 20px 46px rgba(17, 30, 35, 0.06);
}

.mode-metering .app-kpi-card::after {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, rgba(14, 143, 122, 0.92), rgba(222, 138, 63, 0.86));
}

.mode-metering .app-kpi-card strong {
    font-size: clamp(1.6rem, 2.8vw, 2.25rem);
}

.mode-metering .app-kpi-card small {
    display: block;
    margin-top: 0.55rem;
}

.mode-metering .app-focus-grid {
    gap: 1rem;
}

.mode-metering .app-panel-card {
    border-radius: 28px;
}

.mode-metering .app-panel-head {
    margin-bottom: 1rem;
}

.mode-metering .info-list {
    gap: 0.75rem;
}

.mode-metering .info-list > div {
    padding: 0.8rem 0.9rem;
    border-radius: 18px;
    border: 1px solid rgba(220, 228, 223, 0.92);
    background: rgba(249, 250, 247, 0.82);
}

.mode-metering .table-wrap {
    border-radius: 22px;
    border: 1px solid rgba(214, 225, 220, 0.96);
    background: rgba(255, 255, 255, 0.9);
}

.mode-metering table {
    width: 100%;
}

.mode-metering th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: rgba(245, 248, 245, 0.98);
    color: #627279;
    border-bottom: 1px solid rgba(214, 225, 220, 0.92);
}

.mode-metering td {
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
    border-bottom-color: rgba(225, 232, 228, 0.96);
}

.mode-metering tbody tr:hover {
    background: rgba(14, 143, 122, 0.045);
}

.mode-metering tbody tr:last-child td {
    border-bottom: 0;
}

.mode-metering form {
    gap: 1rem;
}

.mode-metering .field {
    gap: 0.48rem;
}

.mode-metering label {
    color: #4a5d65;
    font-weight: 700;
}

.mode-metering input,
.mode-metering textarea,
.mode-metering select {
    border-radius: 16px;
    border: 1px solid rgba(205, 217, 211, 0.92);
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,249,246,0.94));
    padding: 0.88rem 0.94rem;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.75), 0 1px 0 rgba(12, 24, 28, 0.02);
}

.mode-metering input:focus,
.mode-metering textarea:focus,
.mode-metering select:focus {
    outline: 4px solid rgba(14, 143, 122, 0.12);
    border-color: rgba(14, 143, 122, 0.42);
    box-shadow: 0 0 0 6px rgba(14, 143, 122, 0.05);
}

.mode-metering textarea {
    min-height: 148px;
}

.mode-metering .checkbox-row {
    border-radius: 18px;
    border: 1px solid rgba(214, 225, 220, 0.94);
    background: rgba(246, 249, 246, 0.88);
}

.mode-metering .btn {
    min-height: 46px;
    border-radius: 999px;
    background: linear-gradient(135deg, #0e8f7a, #10697b 74%, #0b5667);
    box-shadow: 0 18px 36px rgba(14, 105, 123, 0.16);
}

.mode-metering .btn:hover {
    transform: translateY(-2px);
}

.mode-metering .btn.ghost {
    background: rgba(255, 255, 255, 0.86);
    color: #1f414e;
    border-color: rgba(197, 209, 214, 0.92);
}

.mode-metering .btn.small {
    min-height: 38px;
}

.mode-metering .login-logo {
    width: 74px;
    height: 74px;
    margin: 0 auto 0.45rem;
    border-radius: 24px;
    background: linear-gradient(145deg, #0ea585, #205d73 72%, #de8a3f);
    box-shadow: 0 24px 44px rgba(17, 73, 90, 0.22);
}

.mode-metering.guest-body .main-content.full,
.mode-metering.public-body .main-content.full {
    max-width: min(720px, 94%);
    width: min(94%, 720px);
}

.metering-public .public-topbar {
    width: min(1320px, calc(100% - 2rem));
    border: 1px solid rgba(204, 216, 212, 0.88);
    background: rgba(255, 255, 255, 0.76);
    box-shadow: 0 20px 56px rgba(15, 31, 46, 0.08);
}

.metering-public .public-topbar .brand-logo {
    background: linear-gradient(140deg, #0ea585, #205d73 68%, #de8a3f 110%);
}

.metering-public .public-topbar .brand-copy small {
    max-width: 30ch;
    color: #66777f;
}

.metering-public .public-footer {
    margin-top: 2rem;
    padding: 1.15rem 0 2rem;
}

.metering-public .public-footer-links a {
    color: #2a4a57;
}

.metering-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.metering-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0.55rem 0.85rem;
    border-radius: 999px;
    border: 1px solid rgba(183, 205, 198, 0.22);
    background: rgba(255, 255, 255, 0.08);
    color: inherit;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.mode-metering .app-hero-copy .metering-chip {
    background: rgba(19, 40, 44, 0.04);
    border-color: rgba(190, 206, 201, 0.76);
    color: #2d4a56;
}

.metering-chip.soft {
    background: rgba(14, 143, 122, 0.08);
    border-color: rgba(14, 143, 122, 0.14);
    color: #16535f;
}

.metering-hero-lead {
    font-size: clamp(1rem, 1.8vw, 1.2rem);
    line-height: 1.72;
    max-width: 62ch;
}

.metering-hero-note {
    margin: 0;
    max-width: 58ch;
    color: #62737b;
    font-size: 0.95rem;
}

.metering-spotlight {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(18, 43, 52, 0.2);
    background:
        linear-gradient(160deg, rgba(13, 31, 39, 0.98), rgba(24, 63, 76, 0.96)),
        radial-gradient(circle at top right, rgba(14, 143, 122, 0.34), transparent 38%),
        radial-gradient(circle at bottom left, rgba(222, 138, 63, 0.2), transparent 42%);
    box-shadow: 0 28px 64px rgba(13, 29, 37, 0.24);
}

.metering-spotlight::after {
    content: "";
    position: absolute;
    inset: auto -7% -16% auto;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(122, 203, 185, 0.16), transparent 70%);
    pointer-events: none;
}

.metering-spotlight-head {
    position: relative;
    z-index: 1;
}

.metering-mini-stack {
    display: grid;
    gap: 0.8rem;
    margin-top: 0.9rem;
}

.metering-hero-strip {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.7rem;
    margin-top: 1rem;
}

.metering-hero-strip article {
    padding: 0.85rem 0.9rem;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(12px);
}

.metering-hero-strip span {
    display: block;
    color: rgba(196, 219, 214, 0.74);
    font-size: 0.72rem;
    font-family: "SFMono-Regular", "SF Mono", Consolas, monospace;
    letter-spacing: 0.16em;
}

.metering-hero-strip strong {
    display: block;
    margin: 0.4rem 0 0.32rem;
    color: #f7fcfb;
    font-size: 0.98rem;
    letter-spacing: -0.02em;
}

.metering-hero-strip small {
    display: block;
    color: rgba(214, 229, 225, 0.78);
    line-height: 1.5;
}

.metering-mini-stack article {
    padding: 0.85rem 0.9rem;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
}

.metering-mini-stack span {
    display: block;
    margin-bottom: 0.25rem;
    color: rgba(208, 225, 220, 0.72);
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.metering-mini-stack strong {
    display: block;
    margin: 0;
    font-size: 1rem;
}

.metering-mini-stack small {
    display: block;
    margin-top: 0.35rem;
    color: rgba(215, 228, 224, 0.74);
    line-height: 1.5;
}

.metering-workflow-stack article {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.04)),
        radial-gradient(circle at top right, rgba(128, 211, 186, 0.08), transparent 44%);
}

.metering-metric-ribbon {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.metering-metric-ribbon article,
.metering-package-card,
.metering-priority-card {
    position: relative;
    overflow: hidden;
    padding: 1.05rem 1.05rem 1rem;
    border-radius: 24px;
    border: 1px solid rgba(214, 225, 220, 0.94);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.95), rgba(246,249,246,0.92)),
        radial-gradient(circle at top right, rgba(14, 143, 122, 0.08), transparent 44%);
    box-shadow: 0 18px 42px rgba(17, 30, 35, 0.06);
}

.metering-metric-ribbon article::before,
.metering-package-card::before,
.metering-priority-card::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, rgba(14, 143, 122, 0.94), rgba(32, 93, 115, 0.78), rgba(222, 138, 63, 0.94));
}

.metering-metric-ribbon span,
.metering-package-head span,
.metering-role-grid span,
.metering-bullet-grid strong,
.metering-feature-list li::before {
    font-family: "SFMono-Regular", "SF Mono", Consolas, monospace;
}

.metering-metric-ribbon span,
.metering-package-head span,
.metering-role-grid span {
    display: block;
    color: #66767d;
    font-size: 0.74rem;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.metering-metric-ribbon strong,
.metering-package-head strong,
.metering-priority-card strong {
    display: block;
    margin: 0.38rem 0 0.28rem;
    color: #142126;
    font-size: clamp(1.25rem, 2vw, 1.95rem);
    font-family: var(--font-heading);
    letter-spacing: -0.03em;
}

.metering-metric-ribbon small,
.metering-package-card p,
.metering-priority-card p {
    display: block;
    color: #586a72;
    line-height: 1.55;
}

.metering-story-grid .card,
.metering-package-stage {
    min-width: 0;
}

.metering-editorial-card,
.metering-role-deck {
    min-height: 100%;
}

.metering-editorial-copy {
    margin: 0 0 1rem;
    font-size: 1.02rem;
    line-height: 1.75;
    color: #4f626a;
}

.metering-bullet-grid,
.metering-role-grid {
    display: grid;
    gap: 0.8rem;
}

.metering-bullet-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.metering-bullet-grid div,
.metering-role-grid article {
    padding: 0.9rem 0.95rem;
    border-radius: 20px;
    border: 1px solid rgba(216, 226, 221, 0.94);
    background: rgba(248, 250, 247, 0.88);
}

.metering-bullet-grid strong {
    display: block;
    margin-bottom: 0.35rem;
    color: #1b3238;
    font-size: 0.74rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.metering-bullet-grid span,
.metering-role-grid small {
    color: #5e6f77;
    line-height: 1.55;
}

.metering-role-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.metering-role-grid strong {
    display: block;
    margin: 0.22rem 0 0.35rem;
    color: #13252b;
    font-size: 1.08rem;
}

.metering-package-stage {
    padding: clamp(1.15rem, 2vw, 1.5rem);
}

.metering-package-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
}

.metering-package-card {
    display: grid;
    gap: 0.95rem;
    min-height: 100%;
}

.metering-package-head p {
    margin: 0.35rem 0 0;
    color: #5f7178;
}

.metering-package-price {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.metering-package-price div {
    padding: 0.8rem 0.85rem;
    border-radius: 18px;
    background: rgba(249, 250, 247, 0.82);
    border: 1px solid rgba(217, 226, 221, 0.94);
}

.metering-package-price small {
    display: block;
    color: #6c7b82;
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.metering-package-price strong {
    display: block;
    margin-top: 0.3rem;
    color: #16262c;
    font-size: 1.18rem;
}

.metering-feature-list {
    display: grid;
    gap: 0.55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.metering-feature-list li {
    position: relative;
    padding-left: 1.25rem;
    color: #50626a;
    line-height: 1.5;
}

.metering-feature-list li::before {
    content: "+";
    position: absolute;
    left: 0;
    top: 0.02rem;
    color: #0d8974;
    font-weight: 700;
}

.metering-priority-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.metering-priority-card h2 {
    margin: 0.35rem 0 0.2rem;
}

.metering-priority-card .actions {
    margin-top: auto;
}

.metering-hero-public {
    grid-template-columns: minmax(0, 1.22fr) minmax(300px, 0.78fr);
    gap: clamp(1rem, 1.6vw, 1.3rem);
}

.metering-hero-public h1 {
    max-width: 11.8ch;
    font-size: clamp(2rem, 3.7vw, 3.35rem);
    overflow-wrap: anywhere;
    hyphens: auto;
    line-height: 0.98;
}

.role-client.mode-metering .app-hero-shell h1,
.role-client.mode-metering .workspace-command-title {
    max-width: 14ch;
}

@media (max-width: 1360px) {
    .metering-hero-public {
        grid-template-columns: 1fr;
    }

    .metering-hero-public h1 {
        max-width: 16ch;
        font-size: clamp(1.7rem, 2.7vw, 2.5rem);
        overflow-wrap: normal;
        hyphens: none;
    }

    .metering-hero-public .app-hero-side {
        max-width: 460px;
    }
}

@media (max-width: 1320px) {
    .metering-metric-ribbon,
    .metering-priority-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .metering-bullet-grid {
        grid-template-columns: 1fr;
    }

    .metering-hero-strip {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1080px) {
    .mode-metering .sidebar {
        top: 0;
        height: auto;
        padding: 0;
    }

    .mode-metering .sidebar-panel {
        border-radius: 0 0 28px 28px;
    }

    .mode-metering .app-hero-shell h1 {
        max-width: none;
    }
}

@media (max-width: 860px) {
    .metering-metric-ribbon,
    .metering-role-grid,
    .metering-priority-grid {
        grid-template-columns: 1fr;
    }

    .metering-package-price {
        grid-template-columns: 1fr;
    }

    .metering-public .public-topbar .brand-copy small {
        display: none;
    }
}

@media (max-width: 760px) {
    .mode-metering .app-hero-shell,
    .mode-metering .workspace-page-shell,
    .mode-metering .workspace-superbar,
    .mode-metering .workspace-command-bar,
    .mode-metering .card {
        border-radius: 24px;
    }

    .mode-metering .app-hero-shell {
        padding: 1.1rem;
    }

    .mode-metering .app-hero-shell h1 {
        font-size: clamp(2rem, 10vw, 3rem);
    }

    .mode-metering .table-wrap {
        border-radius: 18px;
    }

    .metering-public .public-topbar {
        top: 0.5rem;
        width: min(100% - 1rem, 100%);
        padding: 0.85rem;
        border-radius: 34px;
    }

    .metering-public .public-nav {
        justify-content: flex-start;
    }

    .metering-public .public-nav a {
        min-height: 42px;
    }

    .metering-hero-public h1 {
        max-width: none;
        font-size: clamp(1.7rem, 8.5vw, 2.25rem);
        overflow-wrap: anywhere;
        hyphens: auto;
    }

    .mode-metering .workspace-command-actions,
    .mode-metering .actions {
        width: 100%;
    }

    .mode-metering .actions .btn,
    .mode-metering .actions a.btn {
        width: 100%;
    }
}

.public-content-hero,
.public-article-shell {
    display: grid;
    gap: 0.8rem;
}

.public-content-grid,
.public-faq-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.public-content-card,
.public-faq-card,
.public-article-card {
    display: grid;
    gap: 0.8rem;
    align-content: start;
}

.public-content-card h2,
.public-faq-card h2,
.public-article-card h2 {
    margin: 0;
}

.public-content-card h2 a,
.public-faq-card h2 a,
.public-related-list a {
    color: #1c3447;
}

.public-content-meta {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 0.35rem 0.65rem;
    border-radius: 999px;
    background: rgba(13, 111, 119, 0.08);
    border: 1px solid rgba(13, 111, 119, 0.12);
    color: #426072;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.public-article-body {
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
}

.public-faq-detail-grid {
    margin-top: 1rem;
}

.public-related-list {
    display: grid;
    gap: 0.7rem;
}

.public-related-list a {
    padding: 0.85rem 0.95rem;
    border-radius: 18px;
    border: 1px solid rgba(35, 51, 66, 0.08);
    background: rgba(248, 251, 253, 0.9);
    text-decoration: none;
}

.public-related-list a:hover {
    border-color: rgba(15, 122, 120, 0.24);
    background: rgba(238, 247, 247, 0.92);
}

@media (max-width: 1260px) {
    .public-content-grid,
    .public-faq-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .public-content-grid,
    .public-faq-grid,
    .public-faq-detail-grid {
        grid-template-columns: 1fr;
    }
}

.report-factory-hero {
    background:
        radial-gradient(circle at 12% 18%, rgba(23, 84, 116, 0.16), transparent 31%),
        radial-gradient(circle at 84% 12%, rgba(192, 116, 58, 0.17), transparent 35%),
        linear-gradient(135deg, rgba(255,255,255,0.97), rgba(241,247,249,0.92));
}

.report-factory-action,
.report-factory-lane,
.report-blueprint-card {
    position: relative;
    overflow: hidden;
}

.report-factory-action::before,
.report-factory-lane::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: #8ba0b2;
}

.report-factory-action.critical::before,
.report-factory-lane.critical::before,
.report-factory-lane.blocked::before {
    background: #b54b42;
}

.report-factory-action.warning::before,
.report-factory-lane.attention::before {
    background: #d18a2d;
}

.report-factory-action.info::before {
    background: #317c9a;
}

.report-factory-action.ok::before,
.report-factory-lane.ready::before {
    background: #24755d;
}

.report-blueprint-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.85rem;
}

.report-blueprint-card {
    display: grid;
    gap: 0.45rem;
    padding: 1rem;
    border: 1px solid rgba(220, 228, 236, 0.94);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255,255,255,0.94), rgba(245,248,251,0.9));
    box-shadow: 0 16px 34px rgba(15, 31, 46, 0.055);
}

.report-blueprint-card span {
    color: #68798a;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.report-blueprint-card h3 {
    margin: 0;
    color: #10293d;
    font-family: var(--font-heading);
    font-size: 1.03rem;
    line-height: 1.12;
}

.report-blueprint-card p {
    margin: 0;
    color: #5d7082;
    font-size: 0.9rem;
}

.report-blueprint-card strong {
    color: #0f6870;
    font-size: 0.82rem;
}

@media (max-width: 1180px) {
    .report-blueprint-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .report-blueprint-grid {
        grid-template-columns: 1fr;
    }

    #finance-only-sync .report-policy-table,
    #finance-only-sync .report-policy-table tbody,
    #finance-only-sync .report-policy-table tr,
    #finance-only-sync .report-policy-table td {
        display: block;
        width: 100%;
    }

    #finance-only-sync .report-policy-table thead {
        display: none;
    }

    #finance-only-sync .report-policy-table tr {
        padding: 0.9rem;
        border: 1px solid rgba(29, 58, 72, 0.12);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.72);
        box-shadow: 0 10px 24px rgba(16, 39, 52, 0.055);
    }

    #finance-only-sync .report-policy-table tr + tr {
        margin-top: 0.75rem;
    }

    #finance-only-sync .report-policy-table td {
        display: grid;
        grid-template-columns: minmax(6.4rem, 0.38fr) minmax(0, 1fr);
        gap: 0.75rem;
        padding: 0.42rem 0;
        border: 0;
        word-break: normal;
        overflow-wrap: break-word;
    }

    #finance-only-sync .report-policy-table td::before {
        content: attr(data-label);
        color: #5f7482;
        font-size: 0.74rem;
        font-weight: 850;
        letter-spacing: 0.075em;
        line-height: 1.2;
        text-transform: uppercase;
    }
}

.report-playbook-launchpad {
    background:
        radial-gradient(circle at 14% 12%, rgba(36, 117, 93, 0.12), transparent 30%),
        radial-gradient(circle at 88% 0%, rgba(192, 116, 58, 0.16), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,0.96), rgba(246,249,251,0.92));
}

.report-playbook-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
    margin-top: 1rem;
}

.report-playbook-card {
    position: relative;
    display: grid;
    gap: 0.52rem;
    padding: 1rem;
    border: 1px solid rgba(220, 228, 236, 0.94);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255,255,255,0.95), rgba(245,248,251,0.91));
    box-shadow: 0 16px 34px rgba(15, 31, 46, 0.055);
    overflow: hidden;
}

.report-playbook-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: #8ba0b2;
}

.report-playbook-card.ready::before {
    background: #24755d;
}

.report-playbook-card.partial::before {
    background: #d18a2d;
}

.report-playbook-card.missing::before {
    background: #b54b42;
}

.report-playbook-card > span {
    color: #657789;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.report-playbook-card h3 {
    margin: 0;
    color: #10293d;
    font-family: var(--font-heading);
    font-size: 1.08rem;
    line-height: 1.12;
}

.report-playbook-card p {
    margin: 0;
    color: #5d7082;
}

.report-playbook-card .state-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
}

.report-playbook-card .state-meta span {
    display: inline-flex;
    min-height: 26px;
    align-items: center;
    padding: 0.24rem 0.5rem;
    border-radius: 999px;
    background: rgba(243, 247, 250, 0.94);
    color: #567085;
    font-size: 0.78rem;
    font-weight: 700;
}

@media (max-width: 1180px) {
    .report-playbook-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .report-playbook-grid {
        grid-template-columns: 1fr;
    }
}

.report-draft-panel {
    display: grid;
    gap: 0.85rem;
    margin: 0.9rem 0 1rem;
    padding: 1rem;
    border: 1px solid rgba(210, 222, 232, 0.95);
    border-radius: 24px;
    background:
        radial-gradient(circle at 12% 18%, rgba(36, 117, 93, 0.1), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,0.96), rgba(244,248,251,0.92));
    box-shadow: 0 16px 34px rgba(15, 31, 46, 0.055);
}

.report-draft-panel h3 {
    margin: 0.2rem 0 0.35rem;
    color: #10293d;
    font-family: var(--font-heading);
    font-size: 1.18rem;
    line-height: 1.12;
}

.report-draft-facts {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.report-draft-facts span {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0.28rem 0.58rem;
    border-radius: 999px;
    background: rgba(243, 247, 250, 0.94);
    color: #536b80;
    font-size: 0.8rem;
    font-weight: 800;
}

@media (max-width: 720px) {
    .report-draft-panel {
        border-radius: 20px;
        padding: 0.85rem;
    }
}

.app-code-block {
    max-height: 420px;
    overflow: auto;
    margin: 0.85rem 0;
    padding: 1rem;
    border: 1px solid rgba(189, 205, 218, 0.78);
    border-radius: 18px;
    background:
        linear-gradient(135deg, rgba(16, 41, 61, 0.97), rgba(22, 54, 76, 0.95)),
        radial-gradient(circle at 8% 0%, rgba(214, 169, 90, 0.18), transparent 34%);
    color: #f5f0e6;
    font-family: "SFMono-Regular", "Cascadia Mono", "Liberation Mono", monospace;
    font-size: 0.82rem;
    line-height: 1.65;
    white-space: pre-wrap;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 18px 36px rgba(15, 31, 46, 0.12);
}

.template-os-stage {
    display: grid;
    gap: 1rem;
    margin: 1rem 0 1.15rem;
    padding: 1rem;
    border: 1px solid rgba(188, 206, 218, 0.82);
    border-radius: 30px;
    background:
        radial-gradient(circle at 12% 12%, rgba(210, 151, 67, 0.18), transparent 31%),
        radial-gradient(circle at 82% 2%, rgba(36, 117, 93, 0.14), transparent 28%),
        linear-gradient(135deg, rgba(255, 252, 245, 0.97), rgba(241, 247, 248, 0.95));
    box-shadow: 0 22px 52px rgba(15, 31, 46, 0.1);
}

.template-os-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
    gap: 1rem;
    align-items: stretch;
}

.template-os-hero h2,
.template-os-panel h3 {
    margin: 0.12rem 0 0.42rem;
    color: #10293d;
    font-family: var(--font-heading);
    line-height: 1.08;
}

.template-os-hero h2 {
    max-width: 980px;
    font-size: clamp(1.7rem, 3.1vw, 3.15rem);
}

.template-os-hero p {
    max-width: 980px;
    color: #536b80;
    font-size: 1rem;
}

.template-os-pulse,
.template-os-action-stack,
.template-os-variable-list,
.template-os-automation-list,
.template-os-ledger,
.template-os-plan {
    display: grid;
    gap: 0.62rem;
}

.template-os-pulse {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 0.85rem;
}

.template-os-pulse span,
.template-os-score,
.template-os-command-grid article,
.template-os-panel,
.template-os-plan a,
.template-os-action,
.template-os-gate,
.template-os-variable-list article,
.template-os-automation-list a,
.template-os-ledger article {
    border: 1px solid rgba(194, 210, 222, 0.84);
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 12px 30px rgba(15, 31, 46, 0.055);
}

.template-os-pulse span {
    min-height: 42px;
    padding: 0.52rem 0.68rem;
    border-radius: 999px;
    color: #365366;
    font-size: 0.82rem;
    font-weight: 850;
}

.template-os-score {
    display: grid;
    gap: 0.62rem;
    align-content: center;
    padding: 1rem;
    border-radius: 26px;
    background:
        linear-gradient(145deg, rgba(16, 41, 61, 0.97), rgba(31, 73, 87, 0.95)),
        radial-gradient(circle at 12% 6%, rgba(210, 151, 67, 0.28), transparent 40%);
    color: #f8f4ea;
}

.template-os-score span,
.template-os-score small {
    color: rgba(248, 244, 234, 0.78);
    font-weight: 800;
}

.template-os-score strong {
    color: #f6d592;
    font-family: var(--font-heading);
    font-size: clamp(2.5rem, 5vw, 4.8rem);
    line-height: 0.92;
}

.template-os-score .btn {
    width: fit-content;
    background: #f6d592;
    color: #10293d;
}

.template-os-command-grid,
.template-os-board,
.template-os-matrix-grid,
.template-os-gate-grid {
    display: grid;
    gap: 0.8rem;
}

.template-os-command-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.template-editorial-board {
    position: relative;
    overflow: hidden;
}

.template-editorial-board::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(36, 117, 93, 0.16), transparent 66%);
    transform: translate(-35%, -35%);
    pointer-events: none;
}

.template-editorial-board > * {
    position: relative;
    z-index: 1;
}

.template-editorial-kpis,
.template-editorial-lanes,
.template-editorial-coverage,
.template-editorial-copydeck,
.template-editorial-guardrails {
    display: grid;
    gap: 0.72rem;
}

.template-editorial-kpis {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    margin: 0.9rem 0;
}

.template-editorial-lanes {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    margin: 0.9rem 0;
}

.template-editorial-copydeck {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    margin: 0.9rem 0;
}

.template-editorial-coverage {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    margin: 0.9rem 0;
}

.template-editorial-guardrails {
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    margin: 0.9rem 0;
}

.template-editorial-kpis article,
.template-editorial-lanes article,
.template-editorial-coverage article,
.template-editorial-copydeck article,
.template-editorial-guardrails span {
    border: 1px solid rgba(194, 210, 222, 0.84);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 12px 30px rgba(15, 31, 46, 0.055);
}

.template-editorial-kpis article,
.template-editorial-lanes article,
.template-editorial-coverage article,
.template-editorial-copydeck article {
    display: grid;
    gap: 0.36rem;
    padding: 0.82rem;
}

.template-editorial-kpis span,
.template-editorial-lanes span,
.template-editorial-coverage span,
.template-editorial-copydeck span {
    color: #6b7f8e;
    font-size: 0.73rem;
    font-weight: 850;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.template-editorial-kpis strong,
.template-editorial-lanes strong,
.template-editorial-coverage strong,
.template-editorial-copydeck strong {
    color: #10293d;
    font-family: var(--font-heading);
    line-height: 1.08;
}

.template-editorial-kpis strong {
    color: #24755d;
    font-size: 1.7rem;
}

.template-editorial-lanes article {
    position: relative;
    min-height: 214px;
    padding-bottom: 2.25rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(246, 250, 250, 0.88)),
        radial-gradient(circle at 0% 0%, rgba(210, 151, 67, 0.1), transparent 42%);
}

.template-editorial-lanes article.ready {
    border-color: rgba(36, 117, 93, 0.42);
}

.template-editorial-lanes article.attention {
    border-color: rgba(210, 151, 67, 0.5);
}

.template-editorial-lanes article.blocked {
    border-color: rgba(185, 81, 67, 0.46);
}

.template-editorial-lanes p,
.template-editorial-coverage p,
.template-editorial-copydeck p {
    margin: 0;
    color: #536b80;
    line-height: 1.45;
}

.template-editorial-lanes small,
.template-editorial-coverage small,
.template-editorial-kpis small {
    color: #536b80;
    line-height: 1.4;
}

.template-editorial-lanes b {
    position: absolute;
    right: 0.75rem;
    bottom: 0.62rem;
    color: #d29743;
    font-family: var(--font-heading);
    font-size: 1.26rem;
}

.template-editorial-copydeck article {
    background: linear-gradient(135deg, rgba(250, 246, 236, 0.95), rgba(255, 255, 255, 0.9));
}

.template-editorial-coverage article {
    background:
        linear-gradient(180deg, rgba(246, 250, 250, 0.96), rgba(255, 255, 255, 0.88)),
        radial-gradient(circle at 100% 0%, rgba(36, 117, 93, 0.09), transparent 42%);
}

.template-editorial-coverage strong {
    color: #d29743;
    font-size: 1.5rem;
}

.template-editorial-guardrails span {
    display: flex;
    align-items: center;
    min-height: 70px;
    padding: 0.72rem 0.82rem;
    color: #365366;
    font-size: 0.86rem;
    font-weight: 800;
    line-height: 1.35;
}


.professional-content-coverage-command {
    position: relative;
    overflow: hidden;
    margin: 34px 0;
    padding: clamp(22px, 4vw, 42px);
    border: 1px solid rgba(46, 82, 72, 0.16);
    border-radius: 34px;
    background:
        radial-gradient(circle at 9% 2%, rgba(196, 150, 72, 0.28), transparent 31%),
        radial-gradient(circle at 92% 8%, rgba(55, 121, 113, 0.24), transparent 34%),
        linear-gradient(135deg, #fff8e8 0%, #eef8f3 48%, #fbfbf4 100%);
    box-shadow: 0 28px 82px rgba(21, 47, 42, 0.12);
}

.professional-content-coverage-command::before {
    content: '';
    position: absolute;
    inset: 18px;
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 28px;
    pointer-events: none;
}

.professional-content-coverage-command > * {
    position: relative;
    z-index: 1;
}

.professional-content-kpis,
.professional-content-layout,
.professional-content-grid,
.professional-content-support,
.professional-content-family-grid,
.professional-content-checks,
.professional-content-dimensions,
.professional-content-queue {
    display: grid;
    gap: 16px;
}

.professional-content-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 22px 0;
}

.professional-content-layout,
.professional-content-grid,
.professional-content-support {
    grid-template-columns: minmax(0, 1.1fr) minmax(340px, 0.9fr);
    margin-top: 16px;
}

.professional-content-panel,
.professional-content-kpis article {
    border: 1px solid rgba(28, 84, 78, 0.13);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 18px 44px rgba(28, 68, 62, 0.08);
}

.professional-content-panel {
    padding: clamp(18px, 3vw, 28px);
}

.professional-content-kpis article {
    padding: 18px;
}

.professional-content-kpis span,
.professional-content-panel .eyebrow,
.professional-content-family-grid span,
.professional-content-queue span {
    color: #49685f;
    font-size: 0.75rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.professional-content-kpis strong {
    display: block;
    margin: 6px 0 3px;
    color: #13342f;
    font-size: clamp(1.45rem, 2.6vw, 2.25rem);
    letter-spacing: -0.04em;
    line-height: 1.05;
}

.professional-content-kpis small,
.professional-content-panel small,
.professional-content-panel p,
.professional-content-panel li,
.professional-content-family-grid em,
.professional-content-checks span {
    color: #526b63;
    line-height: 1.42;
}

.professional-content-family-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 16px;
}

.professional-content-family-grid article,
.professional-content-checks div,
.professional-content-queue a,
.professional-content-dimensions div {
    display: grid;
    gap: 7px;
    padding: 15px;
    border: 1px solid rgba(26, 78, 71, 0.13);
    border-radius: 18px;
    background: rgba(249, 252, 246, 0.84);
    color: inherit;
    text-decoration: none;
}

.professional-content-family-grid article.ready,
.professional-content-checks div.ready {
    border-color: rgba(29, 126, 91, 0.34);
    background: linear-gradient(145deg, rgba(232, 248, 239, 0.94), rgba(255, 255, 255, 0.78));
}

.professional-content-family-grid article.attention,
.professional-content-checks div.attention {
    border-color: rgba(174, 112, 26, 0.3);
    background: linear-gradient(145deg, rgba(255, 244, 219, 0.94), rgba(255, 255, 255, 0.78));
}

.professional-content-family-grid article.blocked {
    border-color: rgba(157, 45, 45, 0.24);
    background: linear-gradient(145deg, rgba(255, 230, 226, 0.88), rgba(255, 255, 255, 0.78));
}

.professional-content-family-grid strong,
.professional-content-checks strong,
.professional-content-queue strong,
.professional-content-dimensions strong {
    color: #173b35;
}

.professional-content-family-grid em {
    display: block;
    font-style: normal;
}

.professional-content-protocol {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}

.professional-content-protocol span,
.professional-content-dimensions span {
    padding: 8px 11px;
    border-radius: 999px;
    background: rgba(20, 52, 49, 0.08);
    color: #284f4a;
    font-size: 0.82rem;
}

.professional-content-dimensions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 16px;
}

.professional-content-dimensions span {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.professional-content-support .app-code-block {
    max-height: 360px;
    overflow: auto;
}

.professional-content-panel ul {
    margin: 0.4rem 0 0;
    padding-left: 1.1rem;
}

@media (max-width: 1120px) {
    .professional-content-kpis,
    .professional-content-layout,
    .professional-content-grid,
    .professional-content-support,
    .professional-content-dimensions {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .professional-content-family-grid {
        grid-template-columns: 1fr;
    }

    .professional-content-coverage-command {
        padding: 18px;
        border-radius: 26px;
    }
}


.professional-preview-matrix-command {
    position: relative;
    overflow: hidden;
    margin: 34px 0;
    padding: clamp(22px, 4vw, 42px);
    border: 1px solid rgba(41, 77, 93, 0.16);
    border-radius: 34px;
    background:
        radial-gradient(circle at 8% 0%, rgba(82, 145, 132, 0.25), transparent 30%),
        radial-gradient(circle at 88% 5%, rgba(220, 176, 92, 0.26), transparent 34%),
        linear-gradient(135deg, #f2fbf7 0%, #fff7e7 52%, #f8faf4 100%);
    box-shadow: 0 28px 82px rgba(21, 47, 52, 0.12);
}

.professional-preview-matrix-command::before {
    content: '';
    position: absolute;
    inset: 18px;
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 28px;
    pointer-events: none;
}

.professional-preview-matrix-command > * {
    position: relative;
    z-index: 1;
}

.professional-preview-kpis,
.professional-preview-layout,
.professional-preview-family-grid,
.professional-preview-checks,
.professional-preview-deck,
.professional-preview-support {
    display: grid;
    gap: 16px;
}

.professional-preview-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 22px 0;
}

.professional-preview-layout,
.professional-preview-support {
    grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.95fr);
    margin-top: 16px;
}

.professional-preview-panel,
.professional-preview-kpis article,
.professional-preview-deck article {
    border: 1px solid rgba(34, 82, 89, 0.13);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 18px 44px rgba(32, 68, 74, 0.08);
}

.professional-preview-panel,
.professional-preview-deck article {
    padding: clamp(18px, 3vw, 28px);
}

.professional-preview-kpis article {
    padding: 18px;
}

.professional-preview-kpis span,
.professional-preview-panel .eyebrow,
.professional-preview-family-grid span,
.professional-preview-deck > article > span {
    color: #49686d;
    font-size: 0.75rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.professional-preview-kpis strong {
    display: block;
    margin: 6px 0 3px;
    color: #15363b;
    font-size: clamp(1.45rem, 2.6vw, 2.25rem);
    letter-spacing: -0.04em;
    line-height: 1.05;
}

.professional-preview-kpis small,
.professional-preview-panel small,
.professional-preview-panel p,
.professional-preview-panel li,
.professional-preview-checks span,
.professional-preview-deck p {
    color: #54686b;
    line-height: 1.42;
}

.professional-preview-family-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 16px;
}

.professional-preview-family-grid article,
.professional-preview-checks div,
.professional-preview-deck article div {
    display: grid;
    gap: 7px;
    padding: 15px;
    border: 1px solid rgba(35, 82, 90, 0.13);
    border-radius: 18px;
    background: rgba(249, 252, 247, 0.84);
}

.professional-preview-family-grid article.ready,
.professional-preview-checks div.ready {
    border-color: rgba(29, 126, 91, 0.34);
    background: linear-gradient(145deg, rgba(232, 248, 239, 0.94), rgba(255, 255, 255, 0.78));
}

.professional-preview-family-grid article.attention,
.professional-preview-checks div.attention {
    border-color: rgba(174, 112, 26, 0.3);
    background: linear-gradient(145deg, rgba(255, 244, 219, 0.94), rgba(255, 255, 255, 0.78));
}

.professional-preview-family-grid article.blocked {
    border-color: rgba(157, 45, 45, 0.24);
    background: linear-gradient(145deg, rgba(255, 230, 226, 0.88), rgba(255, 255, 255, 0.78));
}

.professional-preview-family-grid strong,
.professional-preview-checks strong,
.professional-preview-deck strong {
    color: #173a3f;
}

.professional-preview-protocol {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}

.professional-preview-protocol span {
    padding: 8px 11px;
    border-radius: 999px;
    background: rgba(20, 52, 49, 0.08);
    color: #284f4a;
    font-size: 0.82rem;
}

.professional-preview-deck {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 16px;
}

.professional-preview-deck article {
    align-content: start;
}

.professional-preview-deck article div {
    margin-top: 12px;
}

.professional-preview-support .app-code-block {
    max-height: 360px;
    overflow: auto;
}

.professional-preview-panel ul {
    margin: 0.4rem 0 0;
    padding-left: 1.1rem;
}

@media (max-width: 1180px) {
    .professional-preview-kpis,
    .professional-preview-layout,
    .professional-preview-support,
    .professional-preview-deck {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 780px) {
    .professional-preview-family-grid {
        grid-template-columns: 1fr;
    }

    .professional-preview-matrix-command {
        padding: 18px;
        border-radius: 26px;
    }
}

.template-text-production-command {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(28, 84, 92, 0.18);
    border-radius: 32px;
    background:
        radial-gradient(circle at 8% -8%, rgba(20, 184, 166, 0.18), transparent 34%),
        radial-gradient(circle at 88% 0%, rgba(180, 83, 9, 0.14), transparent 30%),
        linear-gradient(135deg, rgba(245, 251, 250, 0.98), rgba(255, 250, 242, 0.94));
    box-shadow: 0 28px 82px rgba(15, 23, 42, 0.08);
    margin: 1.2rem 0;
    padding: clamp(1rem, 2vw, 1.45rem);
}

.template-text-production-command::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(90deg, rgba(28, 84, 92, 0.055) 1px, transparent 1px),
        linear-gradient(0deg, rgba(180, 83, 9, 0.04) 1px, transparent 1px);
    background-size: 34px 34px;
    opacity: 0.46;
}

.template-text-production-command > * {
    position: relative;
    z-index: 1;
}

.template-text-production-kpis,
.template-text-production-layout,
.template-text-production-grid,
.template-text-production-support,
.template-text-family-grid,
.template-text-check-grid,
.template-text-copydeck,
.template-text-variable-list,
.template-text-trigger-list {
    display: grid;
    gap: 0.85rem;
}

.template-text-production-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 1rem 0;
}

.template-text-production-layout,
.template-text-production-grid {
    grid-template-columns: minmax(0, 1.05fr) minmax(330px, 0.95fr);
}

.template-text-production-support {
    grid-template-columns: minmax(250px, 0.75fr) minmax(340px, 1fr) minmax(250px, 0.75fr);
}

.template-text-family-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.template-text-check-grid,
.template-text-copydeck {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.template-text-production-kpis article,
.template-text-production-panel,
.template-text-family-grid article,
.template-text-check-grid div,
.template-text-copydeck article,
.template-text-variable-list div,
.template-text-trigger-list div,
.template-text-protocol span {
    border: 1px solid rgba(28, 84, 92, 0.14);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 18px 48px rgba(28, 84, 92, 0.07);
    padding: 0.9rem;
}

.template-text-production-kpis span,
.template-text-family-grid span,
.template-text-check-grid strong,
.template-text-copydeck span,
.template-text-variable-list strong,
.template-text-trigger-list strong {
    display: block;
    color: #0f766e;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    margin-bottom: 0.35rem;
    text-transform: uppercase;
}

.template-text-production-kpis strong {
    color: #164e63;
    display: block;
    font-size: clamp(1.45rem, 2.4vw, 2.1rem);
    letter-spacing: -0.04em;
    line-height: 1.05;
}

.template-text-production-kpis small,
.template-text-family-grid p,
.template-text-family-grid small,
.template-text-family-grid em,
.template-text-check-grid span,
.template-text-copydeck p,
.template-text-copydeck small,
.template-text-variable-list span,
.template-text-trigger-list span,
.template-text-production-panel li {
    color: #435953;
    display: block;
    font-size: 0.86rem;
    line-height: 1.42;
}

.template-text-family-grid h4,
.template-text-copydeck h4,
.template-text-production-panel h3 {
    color: #1f3f3d;
    margin-top: 0.2rem;
}

.template-text-family-grid em {
    font-style: normal;
    margin-top: 0.35rem;
}

.template-text-family-grid .ready,
.template-text-check-grid .ready,
.template-text-variable-list .ready,
.template-text-trigger-list .ready {
    background: rgba(236, 253, 245, 0.88);
}

.template-text-family-grid .attention,
.template-text-check-grid .attention,
.template-text-variable-list .attention,
.template-text-trigger-list .attention {
    background: rgba(255, 247, 237, 0.92);
}

.template-text-family-grid .blocked {
    background: rgba(254, 242, 242, 0.92);
}

.template-text-protocol {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 0.9rem;
}

.template-text-protocol span {
    color: #174e54;
    font-size: 0.8rem;
}

.template-text-production-support .app-code-block {
    max-height: 350px;
    overflow: auto;
}

.template-text-production-panel ul {
    margin: 0.4rem 0 0;
    padding-left: 1.1rem;
}

@media (max-width: 1180px) {
    .template-text-production-kpis,
    .template-text-family-grid,
    .template-text-copydeck {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .template-text-production-support {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 820px) {
    .template-text-production-kpis,
    .template-text-production-layout,
    .template-text-production-grid,
    .template-text-family-grid,
    .template-text-check-grid,
    .template-text-copydeck {
        grid-template-columns: 1fr;
    }

    .template-text-production-command {
        border-radius: 24px;
    }
}

.template-os-command-grid article {
    display: grid;
    gap: 0.25rem;
    min-height: 128px;
    padding: 0.9rem;
    border-radius: 22px;
}

.template-os-command-grid span,
.template-os-plan span,
.template-os-action span,
.template-os-gate span,
.template-os-variable-list span,
.template-os-automation-list span,
.template-os-ledger span {
    color: #6b7f8e;
    font-size: 0.75rem;
    font-weight: 850;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.template-os-command-grid strong,
.template-os-plan strong,
.template-os-action strong,
.template-os-gate strong,
.template-os-variable-list strong,
.template-os-automation-list strong,
.template-os-ledger strong {
    color: #10293d;
    font-family: var(--font-heading);
    line-height: 1.08;
}

.template-os-command-grid strong {
    font-size: 1.36rem;
}

.template-os-command-grid small,
.template-os-plan small,
.template-os-action small,
.template-os-gate small,
.template-os-variable-list small,
.template-os-automation-list small,
.template-os-ledger small {
    color: #536b80;
    line-height: 1.4;
}

.template-os-board,
.template-os-matrix-grid {
    grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.82fr);
}

.template-os-panel {
    min-width: 0;
    scroll-margin-top: clamp(88px, 9vw, 132px);
    padding: 1rem;
    border-radius: 26px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 251, 252, 0.88)),
        radial-gradient(circle at 0% 0%, rgba(214, 169, 90, 0.12), transparent 28%);
}

.template-os-plan {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.template-os-plan a,
.template-os-action,
.template-os-gate,
.template-os-automation-list a,
.template-os-ledger article {
    display: grid;
    gap: 0.38rem;
    padding: 0.78rem;
    border-radius: 18px;
    text-decoration: none;
}

.template-os-plan a {
    background: linear-gradient(180deg, rgba(250, 246, 236, 0.94), rgba(255, 255, 255, 0.88));
}

.template-os-action {
    border-left: 5px solid #7f99a9;
}

.template-os-action.critical {
    border-left-color: #b95143;
}

.template-os-action.warning {
    border-left-color: #d29743;
}

.template-os-action.info,
.template-os-action.ok {
    border-left-color: #24755d;
}

.template-os-gate-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.template-os-gate {
    position: relative;
    min-height: 168px;
    padding-bottom: 2.3rem;
}

.template-os-gate b {
    position: absolute;
    right: 0.74rem;
    bottom: 0.64rem;
    color: #d29743;
    font-family: var(--font-heading);
    font-size: 1.28rem;
}

.template-os-gate.ready {
    border-color: rgba(36, 117, 93, 0.42);
}

.template-os-gate.blocked {
    border-color: rgba(185, 81, 67, 0.44);
}

.template-os-gate.attention {
    border-color: rgba(210, 151, 67, 0.48);
}

.template-os-variable-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.template-os-variable-list article {
    display: grid;
    gap: 0.35rem;
    padding: 0.82rem;
    border-radius: 18px;
}

.template-os-variable-list strong {
    color: #24755d;
    font-size: 1.6rem;
}

.template-os-automation-list a {
    background: linear-gradient(135deg, rgba(246, 250, 250, 0.96), rgba(255, 252, 245, 0.9));
}

.template-os-ledger {
    max-height: 520px;
    overflow: auto;
    padding-right: 0.2rem;
}

.template-os-handoff pre {
    max-height: 420px;
    overflow: auto;
    margin: 0.8rem 0 0;
    padding: 0.9rem;
    border: 1px solid rgba(195, 211, 222, 0.9);
    border-radius: 18px;
    background: rgba(16, 41, 61, 0.96);
    color: #f8f4ea;
    white-space: pre-wrap;
}

.template-variable-governance {
    display: grid;
    gap: 1rem;
    margin: 1rem 0 1.15rem;
    padding: 1rem;
    border: 1px solid rgba(188, 206, 218, 0.82);
    border-radius: 30px;
    background:
        radial-gradient(circle at 10% 0%, rgba(36, 117, 93, 0.16), transparent 30%),
        radial-gradient(circle at 92% 18%, rgba(210, 151, 67, 0.16), transparent 28%),
        linear-gradient(135deg, rgba(247, 252, 250, 0.97), rgba(255, 252, 245, 0.94));
    box-shadow: 0 22px 52px rgba(15, 31, 46, 0.09);
}

.template-variable-governance-hero,
.template-variable-governance-columns {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.62fr);
    gap: 1rem;
    align-items: stretch;
}

.template-variable-governance-hero h2 {
    margin: 0.12rem 0 0.42rem;
    color: #10293d;
    font-family: var(--font-heading);
    font-size: clamp(1.55rem, 2.7vw, 2.7rem);
    line-height: 1.06;
}

.template-variable-governance-hero p {
    max-width: 960px;
    color: #536b80;
    line-height: 1.62;
}

.template-variable-score,
.template-variable-lane,
.template-variable-rule-list article {
    border: 1px solid rgba(194, 210, 222, 0.84);
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 12px 30px rgba(15, 31, 46, 0.055);
}

.template-variable-score {
    display: grid;
    gap: 0.62rem;
    align-content: center;
    padding: 1rem;
    border-radius: 26px;
    background:
        linear-gradient(145deg, rgba(18, 55, 52, 0.97), rgba(35, 83, 86, 0.94)),
        radial-gradient(circle at 10% 0%, rgba(246, 213, 146, 0.24), transparent 38%);
    color: #f8f4ea;
}

.template-variable-score span,
.template-variable-score small {
    color: rgba(248, 244, 234, 0.78);
    font-weight: 800;
}

.template-variable-score strong {
    color: #f6d592;
    font-family: var(--font-heading);
    font-size: clamp(2.4rem, 5vw, 4.6rem);
    line-height: 0.92;
}

.template-variable-score .btn {
    width: fit-content;
    background: #f6d592;
    color: #10293d;
}

.template-variable-governance-grid,
.template-variable-rule-list {
    display: grid;
    gap: 0.78rem;
}

.template-variable-governance-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.template-variable-lane {
    display: grid;
    gap: 0.42rem;
    min-height: 190px;
    padding: 0.86rem;
    border-radius: 20px;
    border-top: 5px solid #d29743;
}

.template-variable-lane.ready {
    border-top-color: #24755d;
}

.template-variable-lane.blocked {
    border-top-color: #b95143;
}

.template-variable-lane strong {
    color: #10293d;
    font-family: var(--font-heading);
    font-size: 1.55rem;
}

.template-variable-lane p,
.template-variable-lane small {
    color: #536b80;
    line-height: 1.42;
}

.template-variable-rule-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 0.8rem;
}

.template-variable-rule-list article {
    display: grid;
    gap: 0.3rem;
    padding: 0.74rem;
    border-radius: 18px;
}

.template-variable-rule-list span {
    color: #6b7f8e;
    font-size: 0.74rem;
    font-weight: 850;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.template-variable-rule-list strong {
    color: #10293d;
    font-size: 0.94rem;
    line-height: 1.32;
}

.template-variable-reserve-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.72rem;
    margin-top: 0.95rem;
}

.template-variable-reserve-list .eyebrow {
    grid-column: 1 / -1;
    margin-bottom: -0.2rem;
}

.template-variable-reserve-list article {
    display: grid;
    gap: 0.28rem;
    padding: 0.72rem;
    border: 1px solid rgba(36, 117, 93, 0.22);
    border-radius: 18px;
    background:
        linear-gradient(135deg, rgba(36, 117, 93, 0.1), rgba(255, 255, 255, 0.8)),
        rgba(255, 255, 255, 0.82);
}

.template-variable-reserve-list strong {
    color: #10293d;
}

.template-variable-reserve-list span {
    color: #536b80;
    font-size: 0.9rem;
    line-height: 1.38;
}

.template-variable-studio {
    display: grid;
    gap: 1rem;
    margin: 1rem 0 1.15rem;
    padding: 1rem;
    border: 1px solid rgba(188, 206, 218, 0.86);
    border-radius: 30px;
    background:
        radial-gradient(circle at 8% 6%, rgba(246, 213, 146, 0.2), transparent 28%),
        radial-gradient(circle at 91% 8%, rgba(36, 117, 93, 0.18), transparent 28%),
        linear-gradient(135deg, rgba(255, 252, 245, 0.98), rgba(244, 251, 250, 0.96));
    box-shadow: 0 24px 54px rgba(15, 31, 46, 0.09);
}

.template-variable-studio-hero,
.template-variable-studio-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.78fr);
    gap: 1rem;
    align-items: stretch;
}

.template-variable-studio-hero h2 {
    margin: 0.12rem 0 0.42rem;
    color: #10293d;
    font-family: var(--font-heading);
    font-size: clamp(1.55rem, 2.7vw, 2.75rem);
    line-height: 1.04;
}

.template-variable-studio-hero p {
    max-width: 980px;
    color: #536b80;
    line-height: 1.62;
}

.template-variable-studio-score {
    display: grid;
    gap: 0.62rem;
    align-content: center;
    padding: 1rem;
    border: 1px solid rgba(246, 213, 146, 0.24);
    border-radius: 26px;
    background:
        linear-gradient(145deg, rgba(16, 41, 61, 0.98), rgba(33, 75, 81, 0.95)),
        radial-gradient(circle at 16% 0%, rgba(246, 213, 146, 0.28), transparent 36%);
    box-shadow: 0 16px 34px rgba(15, 31, 46, 0.14);
    color: #f8f4ea;
}

.template-variable-studio-score span,
.template-variable-studio-score small {
    color: rgba(248, 244, 234, 0.78);
    font-weight: 850;
}

.template-variable-studio-score strong {
    color: #f6d592;
    font-family: var(--font-heading);
    font-size: clamp(2.4rem, 5vw, 4.7rem);
    line-height: 0.92;
}

.template-variable-studio-score .btn {
    width: fit-content;
    background: #f6d592;
    color: #10293d;
}

.template-variable-studio-kpis,
.template-variable-studio-gates,
.template-variable-preview-list,
.template-variable-preset-list,
.template-variable-repair-list,
.template-variable-studio-guardrails {
    display: grid;
    gap: 0.74rem;
}

.template-variable-studio-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.template-variable-studio-kpis article,
.template-variable-studio-gates article,
.template-variable-preview-list article,
.template-variable-preset-list article,
.template-variable-repair-list article,
.template-variable-studio-guardrails span {
    border: 1px solid rgba(194, 210, 222, 0.82);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 12px 28px rgba(15, 31, 46, 0.05);
}

.template-variable-studio-kpis article,
.template-variable-studio-gates article,
.template-variable-preview-list article,
.template-variable-preset-list article,
.template-variable-repair-list article {
    display: grid;
    gap: 0.36rem;
    padding: 0.84rem;
}

.template-variable-studio-kpis span,
.template-variable-studio-gates span,
.template-variable-preview-list span,
.template-variable-preset-list span,
.template-variable-repair-list span {
    color: #6b7f8e;
    font-size: 0.74rem;
    font-weight: 850;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.template-variable-studio-kpis strong,
.template-variable-studio-gates strong,
.template-variable-preview-list strong,
.template-variable-preset-list strong,
.template-variable-repair-list strong {
    color: #10293d;
    font-family: var(--font-heading);
}

.template-variable-studio-kpis strong {
    color: #24755d;
    font-size: 1.8rem;
}

.template-variable-studio-gates article.ready {
    border-top: 5px solid #24755d;
}

.template-variable-studio-gates article.attention {
    border-top: 5px solid #d29743;
}

.template-variable-studio-gates article.blocked {
    border-top: 5px solid #b95143;
}

.template-variable-studio-gates p,
.template-variable-preset-list p {
    margin: 0;
    color: #536b80;
    line-height: 1.44;
}

.template-variable-preview-list pre {
    overflow: auto;
    margin: 0;
    padding: 0.72rem;
    border-radius: 16px;
    background:
        linear-gradient(135deg, rgba(16, 41, 61, 0.96), rgba(35, 83, 86, 0.94));
    color: #f8f4ea;
    white-space: pre-wrap;
}

.template-variable-studio-guardrails {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 0.9rem;
}

.template-variable-studio-guardrails span {
    padding: 0.66rem 0.72rem;
    color: #24755d;
    font-weight: 850;
}

.template-variable-repair-list {
    margin-top: 0.9rem;
}

.template-variable-repair-list .eyebrow {
    margin-bottom: -0.1rem;
}

.template-clause-excellence {
    display: grid;
    gap: 1rem;
    margin: 1rem 0 1.15rem;
    padding: 1rem;
    border: 1px solid rgba(188, 206, 218, 0.86);
    border-radius: 30px;
    background:
        radial-gradient(circle at 12% 2%, rgba(45, 111, 130, 0.16), transparent 28%),
        radial-gradient(circle at 92% 16%, rgba(246, 213, 146, 0.2), transparent 28%),
        linear-gradient(135deg, rgba(248, 251, 250, 0.98), rgba(255, 252, 245, 0.95));
    box-shadow: 0 24px 54px rgba(15, 31, 46, 0.09);
}

.template-clause-hero,
.template-clause-board {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.78fr);
    gap: 1rem;
    align-items: stretch;
}

.template-clause-hero h2 {
    margin: 0.12rem 0 0.42rem;
    color: #10293d;
    font-family: var(--font-heading);
    font-size: clamp(1.55rem, 2.7vw, 2.75rem);
    line-height: 1.04;
}

.template-clause-hero p {
    max-width: 980px;
    color: #536b80;
    line-height: 1.62;
}

.template-clause-score {
    display: grid;
    gap: 0.62rem;
    align-content: center;
    padding: 1rem;
    border: 1px solid rgba(246, 213, 146, 0.24);
    border-radius: 26px;
    background:
        linear-gradient(145deg, rgba(18, 55, 52, 0.98), rgba(33, 75, 81, 0.94)),
        radial-gradient(circle at 12% 0%, rgba(246, 213, 146, 0.28), transparent 36%);
    box-shadow: 0 16px 34px rgba(15, 31, 46, 0.14);
    color: #f8f4ea;
}

.template-clause-score span,
.template-clause-score small {
    color: rgba(248, 244, 234, 0.78);
    font-weight: 850;
}

.template-clause-score strong {
    color: #f6d592;
    font-family: var(--font-heading);
    font-size: clamp(2.4rem, 5vw, 4.7rem);
    line-height: 0.92;
}

.template-clause-score .btn {
    width: fit-content;
    background: #f6d592;
    color: #10293d;
}

.template-clause-kpis,
.template-clause-family-grid,
.template-clause-playbook,
.template-clause-guardrails {
    display: grid;
    gap: 0.74rem;
}

.template-clause-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.template-clause-family-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.template-clause-kpis article,
.template-clause-family-grid article,
.template-clause-playbook article,
.template-clause-guardrails span {
    border: 1px solid rgba(194, 210, 222, 0.82);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 12px 28px rgba(15, 31, 46, 0.05);
}

.template-clause-kpis article,
.template-clause-family-grid article,
.template-clause-playbook article {
    display: grid;
    gap: 0.36rem;
    padding: 0.84rem;
}

.template-clause-family-grid article {
    position: relative;
    min-height: 236px;
    border-top: 5px solid #d29743;
}

.template-clause-family-grid article.ready {
    border-top-color: #24755d;
}

.template-clause-family-grid article.blocked {
    border-top-color: #b95143;
}

.template-clause-kpis span,
.template-clause-family-grid span,
.template-clause-playbook span {
    color: #6b7f8e;
    font-size: 0.74rem;
    font-weight: 850;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.template-clause-kpis strong,
.template-clause-family-grid strong {
    color: #10293d;
    font-family: var(--font-heading);
}

.template-clause-kpis strong {
    color: #24755d;
    font-size: 1.8rem;
}

.template-clause-family-grid p,
.template-clause-playbook p {
    margin: 0;
    color: #536b80;
    line-height: 1.44;
}

.template-clause-family-grid small,
.template-clause-family-grid em {
    color: #536b80;
    line-height: 1.4;
}

.template-clause-family-grid em {
    font-style: normal;
    font-weight: 750;
}

.template-clause-family-grid b {
    position: absolute;
    right: 0.76rem;
    bottom: 0.7rem;
    color: rgba(16, 41, 61, 0.16);
    font-family: var(--font-heading);
    font-size: 2.4rem;
}

.template-clause-guardrails {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 0.9rem;
}

.template-clause-guardrails span {
    padding: 0.66rem 0.72rem;
    color: #24755d;
    font-weight: 850;
}

.template-layout-studio {
    display: grid;
    gap: 1rem;
    margin: 1rem 0 1.15rem;
    padding: 1rem;
    border: 1px solid rgba(188, 206, 218, 0.86);
    border-radius: 30px;
    background:
        radial-gradient(circle at 8% 0%, rgba(16, 41, 61, 0.12), transparent 28%),
        radial-gradient(circle at 92% 10%, rgba(36, 117, 93, 0.16), transparent 28%),
        linear-gradient(135deg, rgba(246, 250, 250, 0.98), rgba(255, 252, 245, 0.95));
    box-shadow: 0 24px 54px rgba(15, 31, 46, 0.09);
}

.template-layout-studio-hero,
.template-layout-studio-board {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.8fr);
    gap: 1rem;
    align-items: stretch;
}

.template-layout-studio-hero h2 {
    margin: 0.12rem 0 0.42rem;
    color: #10293d;
    font-family: var(--font-heading);
    font-size: clamp(1.55rem, 2.7vw, 2.75rem);
    line-height: 1.04;
}

.template-layout-studio-hero p {
    max-width: 980px;
    color: #536b80;
    line-height: 1.62;
}

.template-layout-studio-score {
    display: grid;
    gap: 0.62rem;
    align-content: center;
    padding: 1rem;
    border: 1px solid rgba(246, 213, 146, 0.24);
    border-radius: 26px;
    background:
        linear-gradient(145deg, rgba(16, 41, 61, 0.98), rgba(35, 83, 86, 0.94)),
        radial-gradient(circle at 14% 0%, rgba(246, 213, 146, 0.24), transparent 36%);
    box-shadow: 0 16px 34px rgba(15, 31, 46, 0.14);
    color: #f8f4ea;
}

.template-layout-studio-score span,
.template-layout-studio-score small {
    color: rgba(248, 244, 234, 0.78);
    font-weight: 850;
}

.template-layout-studio-score strong {
    color: #f6d592;
    font-family: var(--font-heading);
    font-size: clamp(2.4rem, 5vw, 4.7rem);
    line-height: 0.92;
}

.template-layout-studio-score .btn {
    width: fit-content;
    background: #f6d592;
    color: #10293d;
}

.template-layout-studio .template-os-pulse {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.template-layout-studio .template-os-pulse span {
    min-width: 0;
    white-space: normal;
}

.template-layout-studio-kpis,
.template-layout-preview-grid,
.template-layout-check-grid,
.template-layout-guardrails {
    display: grid;
    gap: 0.74rem;
}

.template-layout-studio-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.template-layout-preview-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.template-layout-check-grid,
.template-layout-guardrails {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.template-layout-studio-kpis article,
.template-layout-preview-grid article,
.template-layout-check-grid article,
.template-layout-guardrails span {
    border: 1px solid rgba(194, 210, 222, 0.82);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 12px 28px rgba(15, 31, 46, 0.05);
}

.template-layout-studio-kpis article,
.template-layout-preview-grid article,
.template-layout-check-grid article {
    display: grid;
    gap: 0.36rem;
    padding: 0.84rem;
}

.template-layout-preview-grid article {
    position: relative;
    min-height: 226px;
    border-top: 5px solid #d29743;
}

.template-layout-preview-grid article.ready,
.template-layout-check-grid article.ready {
    border-top-color: #24755d;
}

.template-layout-preview-grid article.blocked,
.template-layout-check-grid article.blocked {
    border-top-color: #b95143;
}

.template-layout-check-grid article {
    border-top: 5px solid #d29743;
}

.template-layout-studio-kpis span,
.template-layout-preview-grid span,
.template-layout-check-grid span {
    color: #6b7f8e;
    font-size: 0.74rem;
    font-weight: 850;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.template-layout-studio-kpis strong,
.template-layout-preview-grid strong,
.template-layout-check-grid strong {
    color: #10293d;
    font-family: var(--font-heading);
}

.template-layout-studio-kpis strong {
    color: #24755d;
    font-size: 1.8rem;
}

.template-layout-preview-grid p,
.template-layout-check-grid p {
    margin: 0;
    color: #536b80;
    line-height: 1.44;
}

.template-layout-preview-grid small,
.template-layout-preview-grid em {
    color: #536b80;
    line-height: 1.4;
}

.template-layout-preview-grid em {
    font-style: normal;
    font-weight: 750;
}

.template-layout-preview-grid b {
    position: absolute;
    right: 0.76rem;
    bottom: 0.7rem;
    color: rgba(16, 41, 61, 0.16);
    font-family: var(--font-heading);
    font-size: 2.4rem;
}

.template-layout-guardrails {
    margin-top: 0.9rem;
}

.template-layout-guardrails span {
    padding: 0.66rem 0.72rem;
    color: #24755d;
    font-weight: 850;
}

.badge.danger {
    background: rgba(185, 81, 67, 0.13);
    color: #9b3e33;
}

.commercial-os-stage {
    display: grid;
    gap: 1rem;
    margin: 1rem 0 1.15rem;
    padding: 1rem;
    border: 1px solid rgba(186, 204, 218, 0.84);
    border-radius: 30px;
    background:
        radial-gradient(circle at 8% 10%, rgba(45, 111, 130, 0.16), transparent 30%),
        radial-gradient(circle at 84% 4%, rgba(210, 151, 67, 0.16), transparent 28%),
        linear-gradient(135deg, rgba(249, 252, 251, 0.98), rgba(244, 247, 242, 0.94));
    box-shadow: 0 22px 52px rgba(15, 31, 46, 0.095);
}

.commercial-os-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(250px, 330px);
    gap: 1rem;
    align-items: stretch;
}

.commercial-os-hero h2,
.commercial-os-panel h3 {
    margin: 0.12rem 0 0.42rem;
    color: #10293d;
    font-family: var(--font-heading);
    line-height: 1.08;
}

.commercial-os-hero h2 {
    max-width: 1020px;
    font-size: clamp(1.65rem, 3vw, 3.05rem);
}

.commercial-os-hero p {
    max-width: 1020px;
    color: #536b80;
    font-size: 1rem;
}

.commercial-os-pulse,
.commercial-os-action-stack,
.commercial-os-plan,
.commercial-os-dispatch-list,
.commercial-os-automation-list,
.commercial-os-ledger {
    display: grid;
    gap: 0.62rem;
}

.commercial-os-pulse {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 0.85rem;
}

.commercial-os-pulse span,
.commercial-os-score,
.commercial-os-command-grid article,
.commercial-os-panel,
.commercial-os-plan a,
.commercial-os-action,
.commercial-os-gate,
.commercial-os-dispatch-list a,
.commercial-os-automation-list a,
.commercial-os-ledger article,
.commercial-os-object-grid a {
    border: 1px solid rgba(194, 210, 222, 0.84);
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 12px 30px rgba(15, 31, 46, 0.055);
}

.commercial-os-pulse span {
    min-height: 42px;
    padding: 0.52rem 0.68rem;
    border-radius: 999px;
    color: #365366;
    font-size: 0.82rem;
    font-weight: 850;
}

.commercial-os-score {
    display: grid;
    gap: 0.62rem;
    align-content: center;
    padding: 1rem;
    border-radius: 26px;
    background:
        linear-gradient(145deg, rgba(17, 45, 57, 0.98), rgba(35, 87, 91, 0.95)),
        radial-gradient(circle at 12% 6%, rgba(246, 213, 146, 0.22), transparent 42%);
    color: #f8f4ea;
}

.commercial-os-score span,
.commercial-os-score small {
    color: rgba(248, 244, 234, 0.78);
    font-weight: 800;
}

.commercial-os-score strong {
    color: #f6d592;
    font-family: var(--font-heading);
    font-size: clamp(2.45rem, 5vw, 4.7rem);
    line-height: 0.92;
}

.commercial-os-score .btn {
    width: fit-content;
    background: #f6d592;
    color: #10293d;
}

.commercial-draft-launchpad {
    display: grid;
    gap: 0.9rem;
    padding: 0.95rem;
    border: 1px solid rgba(18, 45, 51, 0.1);
    border-radius: 30px;
    background:
        radial-gradient(circle at 4% 0%, rgba(45, 111, 130, 0.18), transparent 34%),
        radial-gradient(circle at 96% 12%, rgba(246, 213, 146, 0.2), transparent 30%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(246, 249, 247, 0.95));
}

.commercial-draft-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(230px, 320px);
    gap: 0.9rem;
    align-items: stretch;
}

.commercial-draft-hero h3 {
    max-width: 15ch;
    margin: 0.12rem 0 0.52rem;
    color: #10293d;
    font-family: var(--font-heading);
    font-size: clamp(1.85rem, 3.7vw, 3.65rem);
    line-height: 0.9;
    letter-spacing: -0.06em;
}

.commercial-draft-hero p:not(.eyebrow) {
    max-width: 62rem;
    margin: 0;
    color: #536b80;
    font-size: 0.98rem;
    line-height: 1.48;
}

.commercial-draft-hero aside {
    display: grid;
    gap: 0.42rem;
    align-content: center;
    padding: 1rem;
    border-radius: 26px;
    color: #f8f4ea;
    background:
        radial-gradient(circle at 86% 10%, rgba(246, 213, 146, 0.28), transparent 38%),
        linear-gradient(145deg, #10293d, #2d6f82);
    box-shadow: 0 18px 46px rgba(15, 31, 46, 0.12);
}

.commercial-draft-hero aside span,
.commercial-draft-hero aside small {
    color: rgba(248, 244, 234, 0.76);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.commercial-draft-hero aside strong {
    color: #fff;
    font-family: var(--font-heading);
    font-size: clamp(2rem, 4vw, 3.4rem);
    line-height: 0.9;
}

.commercial-draft-hero aside .btn {
    width: fit-content;
}

.commercial-draft-candidate-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.66rem;
}

.commercial-draft-candidate,
.commercial-draft-empty {
    display: grid;
    gap: 0.64rem;
    min-height: 292px;
    padding: 0.82rem;
    border: 1px solid rgba(194, 210, 222, 0.84);
    border-top: 5px solid #24755d;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 12px 30px rgba(15, 31, 46, 0.055);
}

.commercial-draft-candidate.attention {
    border-top-color: #d29743;
}

.commercial-draft-candidate span,
.commercial-draft-candidate small,
.commercial-draft-guardrails span {
    color: #6b7f8e;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.commercial-draft-candidate strong,
.commercial-draft-empty strong {
    color: #10293d;
    font-family: var(--font-heading);
    font-size: 1.2rem;
    line-height: 1;
}

.commercial-draft-candidate p,
.commercial-draft-empty p {
    margin: 0;
    color: #536b80;
    font-size: 0.84rem;
    line-height: 1.38;
}

.commercial-draft-candidate dl {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.4rem;
    margin: 0;
}

.commercial-draft-candidate dl div {
    padding: 0.5rem;
    border-radius: 16px;
    background: rgba(245, 249, 247, 0.95);
}

.commercial-draft-candidate dt {
    color: #6b7f8e;
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.commercial-draft-candidate dd {
    margin: 0.14rem 0 0;
    color: #24755d;
    font-family: var(--font-heading);
    font-size: 1.18rem;
}

.commercial-draft-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.38rem;
    align-self: end;
}

.commercial-draft-guardrails {
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
}

.commercial-draft-guardrails span {
    padding: 0.38rem 0.56rem;
    border-radius: 999px;
    background: rgba(36, 117, 93, 0.09);
    color: #24755d;
}

.commercial-conversion-runway {
    display: grid;
    gap: 0.9rem;
    padding: 0.95rem;
    border: 1px solid rgba(18, 45, 51, 0.1);
    border-radius: 30px;
    background:
        radial-gradient(circle at 7% 0%, rgba(36, 117, 93, 0.18), transparent 34%),
        radial-gradient(circle at 92% 4%, rgba(210, 151, 67, 0.18), transparent 32%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(241, 248, 244, 0.94));
}

.commercial-runway-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
    gap: 0.9rem;
    align-items: stretch;
}

.commercial-runway-hero h3 {
    max-width: 15ch;
    margin: 0.12rem 0 0.52rem;
    color: #10293d;
    font-family: var(--font-heading);
    font-size: clamp(2rem, 4vw, 4rem);
    line-height: 0.9;
    letter-spacing: -0.065em;
}

.commercial-runway-hero p:not(.eyebrow) {
    max-width: 66rem;
    margin: 0;
    color: #536b80;
    font-size: 0.98rem;
    line-height: 1.48;
}

.commercial-runway-hero aside {
    display: grid;
    gap: 0.46rem;
    align-content: center;
    padding: 1rem;
    border-radius: 28px;
    color: #f8f4ea;
    background:
        radial-gradient(circle at 88% 12%, rgba(210, 151, 67, 0.32), transparent 36%),
        linear-gradient(145deg, #10293d, #1b4f51);
    box-shadow: 0 20px 52px rgba(15, 31, 46, 0.14);
}

.commercial-runway-hero aside span,
.commercial-runway-hero aside small {
    color: rgba(248, 244, 234, 0.76);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.commercial-runway-hero aside strong {
    color: #fff;
    font-family: var(--font-heading);
    font-size: clamp(2rem, 4vw, 3.35rem);
    line-height: 0.9;
    letter-spacing: -0.06em;
}

.commercial-runway-hero aside .btn {
    width: fit-content;
}

.commercial-runway-stage-line {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.56rem;
}

.commercial-runway-stage {
    position: relative;
    display: grid;
    gap: 0.42rem;
    min-height: 208px;
    padding: 0.78rem;
    border: 1px solid rgba(194, 210, 222, 0.84);
    border-top: 5px solid #24755d;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.78);
    color: inherit;
    text-decoration: none;
    box-shadow: 0 12px 30px rgba(15, 31, 46, 0.055);
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.commercial-runway-stage:hover {
    transform: translateY(-2px);
    text-decoration: none;
    box-shadow: 0 18px 42px rgba(15, 31, 46, 0.09);
}

.commercial-runway-stage.attention {
    border-top-color: #d29743;
}

.commercial-runway-stage.blocked {
    border-top-color: #b95143;
}

.commercial-runway-stage span,
.commercial-runway-stage small,
.commercial-runway-variables span,
.commercial-runway-guardrails span,
.commercial-runway-risks span {
    color: #6b7f8e;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.commercial-runway-stage strong {
    color: #10293d;
    font-family: var(--font-heading);
    font-size: 1.12rem;
    line-height: 1;
}

.commercial-runway-stage p {
    margin: 0;
    color: #536b80;
    font-size: 0.8rem;
    line-height: 1.36;
}

.commercial-runway-stage b {
    align-self: end;
    width: fit-content;
    padding: 0.36rem 0.54rem;
    border-radius: 999px;
    color: #24755d;
    background: rgba(36, 117, 93, 0.1);
    font-size: 0.72rem;
}

.commercial-runway-grid,
.commercial-runway-footer {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.72rem;
}

.commercial-runway-footer {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) minmax(0, 0.9fr);
}

.commercial-runway-panel,
.commercial-runway-footer article {
    display: grid;
    gap: 0.62rem;
    padding: 0.9rem;
    border: 1px solid rgba(194, 210, 222, 0.84);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.76);
    box-shadow: 0 12px 30px rgba(15, 31, 46, 0.05);
}

.commercial-runway-panel h4 {
    margin: 0;
    color: #10293d;
    font-family: var(--font-heading);
    font-size: clamp(1.15rem, 2vw, 1.65rem);
    line-height: 1;
}

.commercial-runway-workflows,
.commercial-runway-textblocks {
    display: grid;
    gap: 0.52rem;
}

.commercial-runway-workflows a,
.commercial-runway-textblocks div {
    display: grid;
    gap: 0.28rem;
    padding: 0.66rem 0.72rem;
    border-radius: 18px;
    background: rgba(247, 250, 247, 0.94);
    color: inherit;
    text-decoration: none;
}

.commercial-runway-workflows a:hover {
    background: rgba(236, 247, 241, 0.96);
    text-decoration: none;
}

.commercial-runway-workflows strong,
.commercial-runway-textblocks strong {
    color: #10293d;
    font-weight: 950;
}

.commercial-runway-workflows span,
.commercial-runway-textblocks p {
    margin: 0;
    color: #536b80;
    font-size: 0.84rem;
    line-height: 1.38;
}

.commercial-runway-workflows b {
    color: #24755d;
    font-size: 0.75rem;
}

.commercial-runway-variables,
.commercial-runway-guardrails,
.commercial-runway-risks {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.commercial-runway-variables span,
.commercial-runway-guardrails span,
.commercial-runway-risks span {
    padding: 0.36rem 0.52rem;
    border-radius: 999px;
    background: rgba(36, 117, 93, 0.09);
    color: #24755d;
}

.commercial-runway-risks span.attention {
    background: rgba(210, 151, 67, 0.13);
    color: #9a6a1f;
}

.commercial-runway-risks span.blocked {
    background: rgba(185, 81, 67, 0.12);
    color: #9b3e33;
}

.commercial-os-command-grid,
.commercial-os-board,
.commercial-os-matrix-grid,
.commercial-os-gate-grid,
.commercial-os-object-grid {
    display: grid;
    gap: 0.8rem;
}

.commercial-os-command-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.commercial-os-command-grid article {
    display: grid;
    gap: 0.25rem;
    min-height: 128px;
    padding: 0.9rem;
    border-radius: 22px;
}

.commercial-os-board,
.commercial-os-matrix-grid {
    grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.82fr);
}

.commercial-os-panel {
    min-width: 0;
    padding: 1rem;
    border-radius: 26px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.93), rgba(248, 251, 250, 0.88)),
        radial-gradient(circle at 0% 0%, rgba(45, 111, 130, 0.1), transparent 28%);
}

.commercial-os-plan {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.commercial-os-plan a,
.commercial-os-action,
.commercial-os-gate,
.commercial-os-dispatch-list a,
.commercial-os-automation-list a,
.commercial-os-ledger article,
.commercial-os-object-grid a {
    display: grid;
    gap: 0.38rem;
    padding: 0.78rem;
    border-radius: 18px;
    text-decoration: none;
}

.commercial-os-command-grid span,
.commercial-os-plan span,
.commercial-os-action span,
.commercial-os-gate span,
.commercial-os-dispatch-list span,
.commercial-os-automation-list span,
.commercial-os-ledger span,
.commercial-os-object-grid span {
    color: #6b7f8e;
    font-size: 0.75rem;
    font-weight: 850;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.commercial-os-command-grid strong,
.commercial-os-plan strong,
.commercial-os-action strong,
.commercial-os-gate strong,
.commercial-os-dispatch-list strong,
.commercial-os-automation-list strong,
.commercial-os-ledger strong,
.commercial-os-object-grid strong {
    color: #10293d;
    font-family: var(--font-heading);
    line-height: 1.08;
}

.commercial-os-command-grid strong {
    font-size: 1.28rem;
}

.commercial-os-command-grid small,
.commercial-os-plan small,
.commercial-os-action small,
.commercial-os-gate small,
.commercial-os-dispatch-list small,
.commercial-os-automation-list small,
.commercial-os-ledger small,
.commercial-os-object-grid small {
    color: #536b80;
    line-height: 1.4;
}

.commercial-os-action {
    border-left: 5px solid #7f99a9;
}

.commercial-os-action.critical {
    border-left-color: #b95143;
}

.commercial-os-action.warning {
    border-left-color: #d29743;
}

.commercial-os-action.info,
.commercial-os-action.ok {
    border-left-color: #24755d;
}

.commercial-os-gate-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.commercial-os-gate {
    position: relative;
    min-height: 168px;
    padding-bottom: 2.3rem;
}

.commercial-os-gate b {
    position: absolute;
    right: 0.74rem;
    bottom: 0.64rem;
    color: #2d6f82;
    font-family: var(--font-heading);
    font-size: 1.28rem;
}

.commercial-os-gate.ready {
    border-color: rgba(36, 117, 93, 0.42);
}

.commercial-os-gate.blocked {
    border-color: rgba(185, 81, 67, 0.44);
}

.commercial-os-gate.attention {
    border-color: rgba(210, 151, 67, 0.48);
}

.commercial-os-object-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.commercial-os-object-grid strong {
    color: #2d6f82;
    font-size: 1.58rem;
}

.commercial-os-dispatch-list a,
.commercial-os-automation-list a {
    background: linear-gradient(135deg, rgba(247, 251, 250, 0.96), rgba(255, 252, 245, 0.9));
}

.commercial-os-ledger {
    max-height: 360px;
    overflow: auto;
    padding-right: 0.2rem;
}

.commercial-os-handoff pre {
    max-height: 420px;
    overflow: auto;
    margin: 0.8rem 0 0;
    padding: 0.9rem;
    border: 1px solid rgba(195, 211, 222, 0.9);
    border-radius: 18px;
    background: rgba(17, 45, 57, 0.97);
    color: #f8f4ea;
    white-space: pre-wrap;
}

@media (max-width: 1180px) {
    .commercial-draft-candidate-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .commercial-draft-hero {
        grid-template-columns: 1fr;
    }

    .commercial-runway-stage-line,
    .commercial-runway-footer {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .commercial-runway-hero,
    .commercial-runway-grid {
        grid-template-columns: 1fr;
    }

    .commercial-os-command-grid,
    .commercial-os-gate-grid,
    .commercial-os-object-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .commercial-os-plan {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .commercial-os-board,
    .commercial-os-matrix-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .commercial-os-stage {
        padding: 0.78rem;
        border-radius: 24px;
    }

    .commercial-draft-launchpad {
        padding: 0.72rem;
        border-radius: 24px;
    }

    .commercial-conversion-runway {
        padding: 0.72rem;
        border-radius: 24px;
    }

    .commercial-draft-hero,
    .commercial-draft-candidate-grid,
    .commercial-runway-stage-line,
    .commercial-runway-footer,
    .commercial-os-hero,
    .commercial-os-command-grid,
    .commercial-os-gate-grid,
    .commercial-os-plan,
    .commercial-os-object-grid,
    .commercial-os-pulse {
        grid-template-columns: 1fr;
    }

    .commercial-os-score .btn {
        width: 100%;
    }
}

@media (max-width: 1180px) {
    .template-os-command-grid,
    .template-editorial-kpis,
    .template-editorial-coverage,
    .template-editorial-copydeck,
    .template-editorial-guardrails,
    .template-os-gate-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .template-editorial-lanes {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .template-os-plan {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .template-os-board,
    .template-os-matrix-grid,
    .template-variable-governance-hero,
    .template-variable-governance-columns,
    .template-variable-studio-hero,
    .template-variable-studio-grid,
    .template-clause-hero,
    .template-clause-board,
    .template-layout-studio-hero,
    .template-layout-studio-board {
        grid-template-columns: 1fr;
    }

    .template-variable-governance-grid,
    .template-variable-studio-kpis,
    .template-variable-studio-guardrails,
    .template-clause-kpis,
    .template-clause-family-grid,
    .template-clause-guardrails,
    .template-layout-studio-kpis,
    .template-layout-preview-grid,
    .template-layout-check-grid,
    .template-layout-guardrails {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .template-os-stage,
    .template-variable-studio,
    .template-clause-excellence,
    .template-layout-studio {
        padding: 0.78rem;
        border-radius: 24px;
    }

    .template-os-hero,
    .template-os-command-grid,
    .template-editorial-kpis,
    .template-editorial-lanes,
    .template-editorial-coverage,
    .template-editorial-copydeck,
    .template-editorial-guardrails,
    .template-os-gate-grid,
    .template-os-plan,
    .template-os-variable-list,
    .template-os-pulse,
    .template-variable-governance-grid,
    .template-variable-reserve-list,
    .template-variable-rule-list,
    .template-variable-studio-kpis,
    .template-variable-studio-guardrails,
    .template-clause-kpis,
    .template-clause-family-grid,
    .template-clause-guardrails,
    .template-layout-studio-kpis,
    .template-layout-preview-grid,
    .template-layout-check-grid,
    .template-layout-guardrails {
        grid-template-columns: 1fr;
    }

    .template-os-score .btn,
    .template-variable-score .btn,
    .template-variable-studio-score .btn,
    .template-clause-score .btn,
    .template-layout-studio-score .btn {
        width: 100%;
    }
}

.template-preview-coverage-command {
    grid-column: 1 / -1;
    overflow: hidden;
}

.template-preview-coverage-command .template-os-matrix-grid,
.template-preview-coverage-command .table-wrap,
.template-preview-coverage-command table {
    min-width: 0;
}

.template-preview-coverage-command .table-wrap {
    max-width: 100%;
}

.template-compact-mobile-table table {
    min-width: 0;
}

.template-compact-mobile-table th,
.template-compact-mobile-table td {
    overflow-wrap: anywhere;
}

@media (max-width: 760px) {
    .template-preview-coverage-command {
        padding-inline: 0.82rem;
    }

    .template-preview-coverage-command .app-callout-row,
    .template-preview-coverage-command .actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .template-preview-coverage-command .app-callout,
    .template-preview-coverage-command .actions > * {
        width: 100%;
        justify-content: flex-start;
    }

    .template-preview-coverage-command .table-wrap table {
        min-width: min(560px, calc(100vw - 3.6rem));
    }

    .template-compact-mobile-table table {
        min-width: 100%;
    }

    .template-compact-mobile-table th,
    .template-compact-mobile-table td {
        padding-inline: 0.5rem;
        font-size: 0.82rem;
    }
}

/* Visual acceptance hardening: keep dense professional modules inside the viewport. */
.authed-shell .app-shell,
.authed-shell .main-content,
.authed-shell .content-column,
.authed-shell .workspace-column,
.authed-shell .workspace-page-shell,
.authed-shell .workspace-page-canvas,
.authed-shell .global-workflow-dock,
.authed-shell .global-workflow-dock-head,
.authed-shell .global-workflow-dock-actions,
.authed-shell .operating-primary-board,
.authed-shell .finance-command-chooser,
.authed-shell .workspace-superbar,
.authed-shell .workspace-command-bar,
.authed-shell .workspace-command-head,
.authed-shell .workspace-control-grid,
.authed-shell .app-hero-shell,
.authed-shell .app-hero-copy,
.authed-shell .app-hero-side,
.authed-shell .app-kpi-grid,
.authed-shell .app-kpi-grid-compact,
.authed-shell .app-decision-strip,
.authed-shell .app-flight-deck,
.authed-shell .app-flight-summary,
.authed-shell .app-composer-grid,
.authed-shell .app-surface-grid,
.authed-shell .app-table-grid,
.authed-shell .grid,
.authed-shell .card,
.authed-shell .app-panel-card,
.authed-shell .app-table-card,
.authed-shell .app-form-card,
.authed-shell .app-workbench-card,
.authed-shell .app-flight-card,
.authed-shell .app-kpi-card,
.authed-shell .app-decision-card,
.authed-shell .integration-register,
.authed-shell .timeline-finance-strip,
.authed-shell .timeline-mode-pills,
.authed-shell .timeline-queue-meta-form,
.authed-shell .customer-map,
.authed-shell .customer-map-copy,
.authed-shell .customer-external-card,
.authed-shell .customer-inline-actions,
.authed-shell .actions,
.authed-shell .state-meta,
.authed-shell .template-os-stage,
.authed-shell .template-os-panel,
.authed-shell .template-os-hero,
.authed-shell .template-os-score,
.authed-shell .template-os-command-grid,
.authed-shell .template-os-board,
.authed-shell .template-os-matrix-grid,
.authed-shell .template-os-gate-grid,
.authed-shell .commercial-os-stage,
.authed-shell .commercial-os-panel,
.authed-shell .commercial-os-hero,
.authed-shell .commercial-os-score,
.authed-shell .commercial-os-command-grid,
.authed-shell .commercial-os-board,
.authed-shell .commercial-os-matrix-grid,
.authed-shell .commercial-os-gate-grid,
.authed-shell .commercial-os-object-grid {
    min-width: 0;
    max-width: 100%;
}

.authed-shell .table-wrap,
.authed-shell .ustva-table-wrap,
.authed-shell .app-code-block,
.authed-shell pre {
    max-width: 100%;
    overflow-x: auto;
}

.authed-shell table {
    max-width: 100%;
}

.authed-shell a,
.authed-shell button,
.authed-shell .btn,
.authed-shell .badge,
.authed-shell .integration-status,
.authed-shell .workspace-badge,
.authed-shell .workspace-pulse-pill,
.authed-shell .global-workflow-action,
.authed-shell .operating-primary-card,
.authed-shell .finance-command-choice,
.authed-shell .app-callout,
.authed-shell .app-anchor-pill {
    max-width: 100%;
}

.authed-shell .btn,
.authed-shell .global-workflow-action,
.authed-shell .operating-primary-card,
.authed-shell .finance-command-choice,
.authed-shell .workspace-quick-link,
.authed-shell .workspace-utility-link,
.authed-shell .app-anchor-pill,
.authed-shell .app-callout,
.authed-shell .integration-status {
    white-space: normal;
}

.authed-shell h1,
.authed-shell h2,
.authed-shell h3,
.authed-shell p,
.authed-shell strong,
.authed-shell small,
.authed-shell td,
.authed-shell th,
.authed-shell .muted,
.authed-shell .app-list-meta,
.authed-shell .state-meta span {
    overflow-wrap: anywhere;
}

@media (max-width: 760px) {
    .authed-shell .main-content {
        padding-inline: 0.72rem;
    }

    .authed-shell .workspace-page-shell,
    .authed-shell .workspace-superbar,
    .authed-shell .workspace-command-bar,
    .authed-shell .global-workflow-dock,
    .authed-shell .app-hero-shell,
    .authed-shell .app-flight-deck,
    .authed-shell .card {
        border-radius: 22px;
    }

    .authed-shell .workspace-command-actions,
    .authed-shell .workspace-utility-links,
    .authed-shell .workspace-pulse-row,
    .authed-shell .actions,
    .authed-shell .app-anchor-pills,
    .authed-shell .app-callout-row,
    .authed-shell .customer-inline-actions,
    .authed-shell .state-meta {
        justify-content: flex-start;
        align-items: stretch;
    }

    .authed-shell .actions > *,
    .authed-shell .app-anchor-pill,
    .authed-shell .global-workflow-action,
    .authed-shell .operating-primary-card,
    .authed-shell .finance-command-choice,
    .authed-shell .workspace-quick-link,
    .authed-shell .workspace-utility-link,
    .authed-shell .customer-inline-actions > *,
    .authed-shell .customer-inline-actions form,
    .authed-shell .customer-inline-actions .btn {
        width: 100%;
    }

    .authed-shell .table-wrap table,
    .authed-shell .ustva-line-table,
    .authed-shell .ustva-validation-table {
        min-width: min(720px, calc(100vw - 2.2rem));
    }

    .authed-shell .template-compact-mobile-table table {
        width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed;
    }

    .authed-shell .template-preview-coverage-command .table-wrap table {
        min-width: min(560px, calc(100vw - 3.6rem));
    }

    .authed-shell .integration-status,
    .authed-shell .badge {
        justify-content: flex-start;
    }

    .customer-map {
        min-height: 260px;
    }

    .customer-map-coords {
        position: static;
        width: fit-content;
        margin-bottom: 0.7rem;
    }
}

.commercial-release-workbench {
    margin: 1.6rem 0;
    padding: clamp(1.1rem, 2vw, 1.8rem);
    border: 1px solid rgba(20, 36, 61, .12);
    border-radius: 30px;
    background:
        radial-gradient(circle at 8% 10%, rgba(202, 161, 82, .22), transparent 30%),
        radial-gradient(circle at 88% 0%, rgba(26, 75, 122, .20), transparent 28%),
        linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(244, 248, 246, .94));
    box-shadow: 0 28px 80px rgba(18, 37, 55, .13);
    color: #182334;
    overflow: hidden;
}

.commercial-release-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 300px);
    gap: 1rem;
    align-items: stretch;
}

.commercial-release-hero h2 {
    max-width: 980px;
    font-size: clamp(1.45rem, 2.5vw, 2.35rem);
    line-height: 1.02;
    margin: .25rem 0 .65rem;
}

.commercial-release-hero p {
    max-width: 880px;
    color: rgba(24, 35, 52, .76);
}

.commercial-release-meta,
.commercial-release-actions,
.commercial-release-guardrails,
.commercial-release-missing {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: .9rem;
}

.commercial-release-meta span,
.commercial-release-guardrails span,
.commercial-release-missing span {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(24, 35, 52, .12);
    border-radius: 999px;
    padding: .44rem .68rem;
    background: rgba(255, 255, 255, .68);
    color: rgba(24, 35, 52, .76);
    font-size: .82rem;
    font-weight: 700;
}

.commercial-release-score {
    display: grid;
    gap: .45rem;
    align-content: center;
    padding: 1rem;
    border-radius: 24px;
    color: #fff;
    background: linear-gradient(145deg, #102033, #1f5f73 58%, #c49b49);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18);
}

.commercial-release-workbench.is-blocked .commercial-release-score {
    background: linear-gradient(145deg, #241927, #7a3131 58%, #c49b49);
}

.commercial-release-workbench.is-attention .commercial-release-score {
    background: linear-gradient(145deg, #1b2435, #836229 58%, #c49b49);
}

.commercial-release-score span,
.commercial-release-score small {
    color: rgba(255, 255, 255, .78);
    font-weight: 700;
}

.commercial-release-score strong {
    display: block;
    font-size: clamp(2.4rem, 5vw, 4.2rem);
    line-height: .9;
    letter-spacing: -.06em;
}

.commercial-release-command-grid,
.commercial-release-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
    margin-top: 1rem;
}

.commercial-release-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.commercial-release-command-grid article,
.commercial-release-panel,
.commercial-release-protocol {
    border: 1px solid rgba(24, 35, 52, .10);
    border-radius: 24px;
    background: rgba(255, 255, 255, .74);
    box-shadow: 0 16px 44px rgba(18, 37, 55, .07);
}

.commercial-release-command-grid article {
    padding: .9rem;
}

.commercial-release-command-grid span,
.commercial-release-mail-preview span,
.commercial-release-gate span,
.commercial-release-protocol-list span {
    display: block;
    color: rgba(24, 35, 52, .56);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.commercial-release-command-grid strong {
    display: block;
    margin: .18rem 0;
    font-size: 1.08rem;
}

.commercial-release-command-grid small {
    color: rgba(24, 35, 52, .62);
    overflow-wrap: anywhere;
}

.commercial-release-actions form,
.commercial-release-forms form {
    margin: 0;
}

.commercial-release-panel {
    min-width: 0;
    padding: 1rem;
}

.commercial-release-gate-list,
.commercial-release-manifest,
.commercial-release-protocol-list {
    display: grid;
    gap: .65rem;
}

.commercial-release-gate,
.commercial-release-manifest div,
.commercial-release-protocol-list article {
    padding: .8rem;
    border-radius: 18px;
    border: 1px solid rgba(24, 35, 52, .10);
    background: rgba(246, 249, 247, .82);
}

.commercial-release-gate.ok {
    border-color: rgba(50, 124, 83, .24);
    background: rgba(233, 247, 239, .78);
}

.commercial-release-gate.missing {
    border-color: rgba(149, 61, 56, .24);
    background: rgba(255, 242, 237, .82);
}

.commercial-release-gate strong,
.commercial-release-mail-preview strong,
.commercial-release-manifest strong,
.commercial-release-protocol-list strong {
    display: block;
    margin: .16rem 0;
}

.commercial-release-gate small,
.commercial-release-manifest span,
.commercial-release-protocol-list small {
    color: rgba(24, 35, 52, .64);
}

.commercial-release-mail-preview {
    display: grid;
    gap: .4rem;
}

.commercial-release-mail-preview p,
.commercial-release-panel pre,
.commercial-release-footer p {
    color: rgba(24, 35, 52, .72);
}

.commercial-release-panel pre {
    max-height: 430px;
    overflow: auto;
    white-space: pre-wrap;
    border-radius: 18px;
    border: 1px solid rgba(24, 35, 52, .10);
    background: rgba(16, 32, 51, .05);
    padding: .9rem;
}

.commercial-release-footer {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(320px, 1.2fr);
    gap: 1rem;
    margin-top: 1rem;
    padding: 1rem;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(16, 32, 51, .08), rgba(196, 155, 73, .12));
}

.commercial-release-forms {
    display: grid;
    gap: .7rem;
}

.commercial-release-forms textarea {
    min-height: 82px;
}

.commercial-release-protocol {
    margin-top: 1rem;
    padding: 1rem;
}

.commercial-release-protocol summary {
    cursor: pointer;
    font-weight: 800;
}

@media (max-width: 980px) {
    .commercial-release-hero,
    .commercial-release-footer,
    .commercial-release-grid,
    .commercial-release-command-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .commercial-release-workbench {
        border-radius: 22px;
        padding: 1rem;
    }

    .commercial-release-actions .btn,
    .commercial-release-actions form,
    .commercial-release-actions button {
        width: 100%;
        justify-content: center;
    }
}

/* Commercial Handoff */
.commercial-handoff {
    margin: 1.4rem 0;
    padding: clamp(1rem, 2vw, 1.35rem);
    border: 1px solid rgba(18, 38, 63, 0.12);
    border-radius: 28px;
    background:
        radial-gradient(circle at top left, rgba(210, 231, 226, 0.92), transparent 34rem),
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(244, 239, 226, 0.88));
    box-shadow: 0 24px 70px rgba(23, 42, 58, 0.10);
}

.commercial-handoff.ready {
    border-color: rgba(55, 126, 94, 0.32);
}

.commercial-handoff.attention {
    border-color: rgba(176, 122, 36, 0.34);
}

.commercial-handoff.blocked {
    border-color: rgba(157, 68, 68, 0.28);
}

.commercial-handoff-hero,
.commercial-handoff-strip,
.commercial-handoff-grid,
.commercial-handoff-actions,
.commercial-handoff-gates {
    display: grid;
    gap: 1rem;
}

.commercial-handoff-hero {
    grid-template-columns: minmax(0, 1fr) minmax(11rem, 15rem);
    align-items: stretch;
}

.commercial-handoff-hero h2 {
    margin: 0.15rem 0 0.4rem;
    letter-spacing: -0.035em;
}

.commercial-handoff-score {
    display: grid;
    place-items: center;
    padding: 1rem;
    border-radius: 24px;
    color: #183024;
    background: linear-gradient(155deg, rgba(255, 255, 255, 0.9), rgba(196, 220, 206, 0.86));
    border: 1px solid rgba(24, 48, 36, 0.12);
}

.commercial-handoff-score span,
.commercial-handoff-score small {
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.commercial-handoff-score strong {
    font-size: clamp(2rem, 4vw, 3.4rem);
    line-height: 1;
}

.commercial-handoff-strip {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 1rem;
}

.commercial-handoff-strip span {
    padding: 0.75rem 0.9rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(22, 42, 54, 0.10);
    color: #334155;
    font-weight: 700;
}

.commercial-handoff-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 1rem;
}

.commercial-handoff-grid.compact {
    align-items: start;
}

.commercial-handoff-panel {
    padding: 1rem;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(22, 42, 54, 0.10);
}

.commercial-handoff-gate {
    padding: 0.85rem 0.95rem;
    border-radius: 18px;
    border: 1px solid rgba(22, 42, 54, 0.10);
    background: rgba(248, 250, 252, 0.92);
}

.commercial-handoff-gate strong,
.commercial-handoff-gate span {
    display: block;
}

.commercial-handoff-gate strong {
    margin-bottom: 0.25rem;
}

.commercial-handoff-gate.ok {
    border-color: rgba(57, 137, 95, 0.28);
    background: rgba(232, 246, 237, 0.82);
}

.commercial-handoff-gate.missing {
    border-color: rgba(181, 118, 33, 0.28);
    background: rgba(255, 247, 229, 0.86);
}

.commercial-handoff-actions {
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
}

.commercial-handoff-actions form,
.commercial-handoff-actions .btn {
    width: 100%;
}

.commercial-handoff-actions .btn[disabled],
.commercial-handoff-actions [aria-disabled="true"] {
    opacity: 0.45;
    pointer-events: none;
}

.commercial-handoff-next {
    margin-top: 1rem;
    padding: 0.95rem;
    border-radius: 20px;
    background: rgba(15, 23, 42, 0.04);
}

.commercial-handoff-next p {
    margin: 0.45rem 0 0;
}

.commercial-handoff-next span {
    display: block;
    font-weight: 800;
    color: #1f2937;
}

.commercial-handoff-guardrail {
    margin: 1rem 0 0;
    padding: 0.85rem 1rem;
    border-radius: 18px;
    color: #394150;
    background: rgba(255, 255, 255, 0.74);
    border: 1px dashed rgba(57, 72, 86, 0.24);
    font-weight: 700;
}

@media (max-width: 900px) {
    .commercial-handoff-hero,
    .commercial-handoff-strip,
    .commercial-handoff-grid {
        grid-template-columns: 1fr;
    }
}

.external-sync-excellence {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 1.4rem 0 1.6rem;
}

.external-sync-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(180px, 0.24fr);
    gap: 1.2rem;
    align-items: stretch;
    overflow: hidden;
    border: 1px solid rgba(31, 63, 89, 0.12);
    background:
        radial-gradient(circle at 92% 8%, rgba(232, 190, 111, 0.18), transparent 28%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(235, 246, 250, 0.92));
}

.external-sync-hero h2 {
    margin: 0;
    color: #122f47;
}

.external-sync-hero p {
    max-width: 72rem;
    color: var(--ink-soft);
}

.external-sync-hero-actions,
.external-sync-card-head,
.external-sync-facts {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    align-items: center;
}

.external-sync-score {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.45rem;
    padding: 1rem;
    border-radius: 1.2rem;
    background: rgba(16, 45, 67, 0.94);
    color: #fff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.external-sync-score span,
.external-sync-score small {
    color: rgba(255, 255, 255, 0.76);
}

.external-sync-score strong {
    font-size: clamp(2.6rem, 5vw, 4.4rem);
    line-height: 0.95;
    letter-spacing: -0.06em;
}

.external-sync-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.external-sync-gates {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.external-sync-sources,
.external-sync-impact {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.external-sync-card {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-height: 100%;
    padding: 1rem;
    border-radius: 1.15rem;
    border: 1px solid rgba(30, 71, 102, 0.11);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 250, 252, 0.93));
    box-shadow: 0 16px 36px rgba(15, 31, 46, 0.045);
}

.external-sync-card-head {
    justify-content: space-between;
}

.external-sync-card strong {
    color: #132f48;
}

.external-sync-card p {
    margin: 0;
    color: var(--ink-soft);
    line-height: 1.48;
}

.external-sync-command {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border: 1px solid rgba(24, 56, 82, 0.12);
    background:
        radial-gradient(circle at 8% 0%, rgba(232, 190, 111, 0.18), transparent 24%),
        radial-gradient(circle at 92% 18%, rgba(76, 126, 154, 0.14), transparent 26%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(239, 247, 250, 0.95));
}

.external-sync-command-head,
.external-sync-command-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.82fr);
    gap: 1rem;
    align-items: stretch;
}

.external-sync-command-head h3 {
    margin: 0;
    max-width: 68rem;
    color: #122f47;
    font-size: clamp(1.55rem, 2.5vw, 2.45rem);
    line-height: 1.04;
    letter-spacing: -0.045em;
}

.external-sync-command-head p {
    max-width: 68rem;
    color: var(--ink-soft);
}

.external-sync-command-kpis {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
}

.external-sync-command-kpis article,
.external-sync-risk {
    padding: 0.9rem;
    border-radius: 1rem;
    border: 1px solid rgba(30, 71, 102, 0.11);
    background: rgba(255, 255, 255, 0.78);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.external-sync-command-kpis span,
.external-sync-decision-stack span {
    display: block;
    color: #6a7d8d;
    font-size: 0.76rem;
    font-weight: 780;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.external-sync-command-kpis strong {
    display: block;
    margin-top: 0.2rem;
    color: #132f48;
    font-size: clamp(1.2rem, 2vw, 1.8rem);
    line-height: 1.02;
    letter-spacing: -0.04em;
}

.external-sync-command-actions table small {
    display: block;
    margin: 0.22rem 0 0.55rem;
    color: var(--ink-soft);
    line-height: 1.38;
}

.external-sync-risk-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.external-sync-risk {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.external-sync-risk strong {
    font-size: 0.96rem;
}

.external-sync-decision-stack {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.external-sync-decision-stack a {
    display: grid;
    gap: 0.25rem;
    padding: 0.78rem 0.85rem;
    border-radius: 0.95rem;
    border: 1px solid rgba(30, 71, 102, 0.11);
    background: rgba(255, 255, 255, 0.78);
    color: inherit;
    text-decoration: none;
}

.external-sync-decision-stack a:hover {
    transform: translateY(-1px);
    border-color: rgba(28, 74, 108, 0.24);
    box-shadow: 0 18px 34px rgba(15, 31, 46, 0.08);
}

.external-sync-decision-stack strong {
    color: #132f48;
}

.external-sync-decision-stack small {
    color: var(--ink-soft);
    line-height: 1.38;
}

.external-sync-gates .external-sync-card strong {
    font-size: clamp(1.6rem, 2.2vw, 2.1rem);
    letter-spacing: -0.03em;
}

.external-sync-facts span {
    display: inline-flex;
    align-items: center;
    min-height: 1.85rem;
    padding: 0.36rem 0.62rem;
    border-radius: 999px;
    border: 1px solid rgba(35, 59, 80, 0.12);
    background: rgba(255, 255, 255, 0.78);
    color: #536a7c;
    font-size: 0.82rem;
    font-weight: 650;
}

.external-sync-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.55rem;
}

.external-sync-metrics div {
    padding: 0.68rem 0.7rem;
    border-radius: 0.85rem;
    background: rgba(236, 245, 249, 0.82);
    border: 1px solid rgba(30, 71, 102, 0.08);
}

.external-sync-metrics span {
    display: block;
    margin-bottom: 0.2rem;
    color: #6a7d8d;
    font-size: 0.76rem;
}

.external-sync-metrics strong {
    font-size: 1.1rem;
}

.external-sync-actions a {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.15rem 0.65rem;
    padding: 0.72rem 0;
    color: inherit;
    text-decoration: none;
    border-top: 1px solid rgba(30, 71, 102, 0.1);
}

.external-sync-actions a:first-of-type {
    border-top: 0;
}

.external-sync-actions a > span {
    grid-row: span 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 50%;
    background: #153a58;
    color: #fff;
    font-size: 0.74rem;
    font-weight: 800;
}

.external-sync-actions small {
    color: var(--ink-soft);
    line-height: 1.4;
}

@media (max-width: 1180px) {
    .external-sync-gates,
    .external-sync-sources,
    .external-sync-command-head,
    .external-sync-command-layout,
    .external-sync-impact {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .external-sync-hero,
    .external-sync-gates,
    .external-sync-sources,
    .external-sync-command-head,
    .external-sync-command-layout,
    .external-sync-risk-grid,
    .external-sync-impact {
        grid-template-columns: 1fr;
    }

    .external-sync-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.timeline-queue-control {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 1.2rem 0 1.4rem;
    border: 1px solid rgba(30, 71, 102, 0.12);
    background:
        radial-gradient(circle at 90% 0%, rgba(237, 183, 94, 0.15), transparent 32%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(239, 247, 250, 0.94));
}

.timeline-queue-control-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(170px, 0.22fr);
    gap: 1rem;
    align-items: stretch;
}

.timeline-queue-control-head h2 {
    margin: 0;
    color: #123049;
}

.timeline-queue-control-head p {
    max-width: 74rem;
    color: var(--ink-soft);
}

.timeline-queue-control-score {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
    padding: 1rem;
    border-radius: 1.2rem;
    background: #14344f;
    color: #fff;
}

.timeline-queue-control-score span,
.timeline-queue-control-score small {
    color: rgba(255, 255, 255, 0.76);
}

.timeline-queue-control-score strong {
    font-size: clamp(2.3rem, 4.5vw, 4rem);
    line-height: 0.95;
    letter-spacing: -0.06em;
}

.timeline-queue-control-grid,
.timeline-control-metrics,
.timeline-control-actions,
.timeline-control-samples {
    display: grid;
    gap: 0.85rem;
}

.timeline-queue-control-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.timeline-control-metrics {
    grid-template-columns: repeat(8, minmax(0, 1fr));
}

.timeline-backlog-plan {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 1rem;
    border-radius: 1.15rem;
    border: 1px solid rgba(30, 71, 102, 0.12);
    background:
        radial-gradient(circle at 4% 0%, rgba(232, 190, 111, 0.16), transparent 24%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(236, 245, 249, 0.86));
}

.timeline-backlog-plan-head,
.timeline-backlog-command {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
    gap: 0.85rem;
    align-items: stretch;
}

.timeline-backlog-plan-head h3 {
    margin: 0;
    color: #123049;
    font-size: clamp(1.35rem, 2.2vw, 2.15rem);
    line-height: 1.04;
    letter-spacing: -0.04em;
}

.timeline-backlog-plan-head p {
    max-width: 72rem;
    color: var(--ink-soft);
}

.timeline-backlog-kpis,
.timeline-backlog-waves {
    display: grid;
    gap: 0.75rem;
}

.timeline-backlog-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.timeline-backlog-kpis article,
.timeline-backlog-waves article,
.timeline-backlog-command article {
    padding: 0.9rem;
    border-radius: 0.95rem;
    border: 1px solid rgba(30, 71, 102, 0.11);
    background: rgba(255, 255, 255, 0.78);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.timeline-backlog-kpis span,
.timeline-backlog-waves .timeline-control-card-head span,
.timeline-backlog-command .eyebrow {
    color: #607386;
    font-size: 0.76rem;
    font-weight: 760;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.timeline-backlog-kpis strong {
    display: block;
    margin-top: 0.2rem;
    color: #143049;
    font-size: clamp(1.12rem, 1.9vw, 1.65rem);
    line-height: 1;
}

.timeline-backlog-gaps {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.timeline-backlog-gaps span,
.timeline-backlog-wave-footer span {
    display: inline-flex;
    align-items: center;
    min-height: 1.8rem;
    padding: 0.34rem 0.58rem;
    border-radius: 999px;
    border: 1px solid rgba(30, 71, 102, 0.11);
    background: rgba(255, 255, 255, 0.76);
    color: #52697c;
    font-size: 0.78rem;
    font-weight: 720;
}

.timeline-daily-execution-board {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 1rem;
    border-radius: 1.15rem;
    border: 1px solid rgba(30, 71, 102, 0.12);
    background:
        radial-gradient(circle at 96% 4%, rgba(49, 121, 91, 0.14), transparent 28%),
        linear-gradient(145deg, rgba(252, 254, 251, 0.92), rgba(239, 247, 250, 0.88));
}

.timeline-daily-execution-head,
.timeline-daily-rules {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
    gap: 0.85rem;
    align-items: stretch;
}

.timeline-daily-execution-head h3 {
    margin: 0;
    color: #123049;
    font-size: clamp(1.35rem, 2.2vw, 2.15rem);
    line-height: 1.04;
    letter-spacing: -0.04em;
}

.timeline-daily-execution-head p {
    max-width: 72rem;
    color: var(--ink-soft);
}

.timeline-daily-score,
.timeline-daily-board-kpis article,
.timeline-daily-board-lanes article,
.timeline-daily-phases article,
.timeline-daily-risk-grid article,
.timeline-daily-rules article {
    padding: 0.9rem;
    border-radius: 0.95rem;
    border: 1px solid rgba(30, 71, 102, 0.11);
    background: rgba(255, 255, 255, 0.78);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.timeline-daily-score {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.35rem;
    background:
        linear-gradient(145deg, #14344f, #1c4c5d),
        radial-gradient(circle at 0% 0%, rgba(237, 183, 94, 0.22), transparent 34%);
    color: #fff;
}

.timeline-daily-score span,
.timeline-daily-score small {
    color: rgba(255, 255, 255, 0.76);
    font-weight: 760;
}

.timeline-daily-score strong {
    color: #f5d489;
    font-size: clamp(2rem, 4vw, 3.7rem);
    line-height: 0.95;
    letter-spacing: -0.06em;
}

.timeline-daily-board-kpis,
.timeline-daily-board-lanes,
.timeline-daily-phases,
.timeline-daily-risk-grid {
    display: grid;
    gap: 0.75rem;
}

.timeline-daily-board-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.timeline-daily-board-lanes,
.timeline-daily-phases {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.timeline-daily-risk-grid {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.timeline-daily-board-kpis article,
.timeline-daily-board-lanes article,
.timeline-daily-phases article,
.timeline-daily-risk-grid article,
.timeline-daily-rules article {
    display: flex;
    flex-direction: column;
    gap: 0.58rem;
}

.timeline-daily-board-kpis span,
.timeline-daily-board-lanes .timeline-control-card-head span,
.timeline-daily-phases > article > span,
.timeline-daily-rules .eyebrow {
    color: #607386;
    font-size: 0.76rem;
    font-weight: 760;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.timeline-daily-board-kpis strong,
.timeline-daily-board-lanes strong,
.timeline-daily-phases strong,
.timeline-daily-risk-grid strong {
    color: #143049;
    line-height: 1.12;
}

.timeline-daily-board-kpis strong,
.timeline-daily-risk-grid strong {
    font-size: clamp(1.35rem, 2.1vw, 1.85rem);
    letter-spacing: -0.04em;
}

.timeline-daily-board-kpis small,
.timeline-daily-board-lanes small,
.timeline-daily-phases small {
    color: #607386;
    line-height: 1.35;
}

.timeline-daily-board-lanes p,
.timeline-daily-phases p,
.timeline-daily-risk-grid p,
.timeline-daily-rules p {
    margin: 0;
    color: var(--ink-soft);
    line-height: 1.42;
}

.timeline-backlog-waves {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.timeline-backlog-waves article,
.timeline-backlog-command article {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.timeline-backlog-waves article > strong {
    color: #143049;
    line-height: 1.18;
}

.timeline-backlog-waves article p,
.timeline-backlog-command p {
    margin: 0;
    color: var(--ink-soft);
    line-height: 1.42;
}

.timeline-backlog-wave-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.5rem;
    align-items: center;
    margin-top: auto;
}

.timeline-control-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.timeline-control-samples {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.timeline-control-card,
.timeline-control-metrics div,
.timeline-control-action-card,
.timeline-control-samples article {
    padding: 0.95rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(30, 71, 102, 0.1);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 12px 28px rgba(15, 31, 46, 0.04);
}

.timeline-control-card,
.timeline-control-action-card,
.timeline-control-samples article {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.timeline-control-card-head {
    display: flex;
    justify-content: space-between;
    gap: 0.7rem;
    align-items: center;
}

.timeline-control-card strong,
.timeline-control-metrics strong,
.timeline-control-action-card strong {
    color: #143049;
}

.timeline-control-card > strong {
    font-size: clamp(1.7rem, 2.7vw, 2.35rem);
    letter-spacing: -0.04em;
}

.timeline-control-card p,
.timeline-control-action-card p,
.timeline-control-samples p {
    margin: 0;
    color: var(--ink-soft);
    line-height: 1.45;
}

.timeline-control-metrics span {
    display: block;
    margin-bottom: 0.25rem;
    color: #607386;
    font-size: 0.8rem;
}

.timeline-control-metrics strong {
    font-size: clamp(1rem, 1.8vw, 1.35rem);
}

.timeline-control-action-card input[type="number"] {
    max-width: 10rem;
}

.timeline-control-action-card code {
    padding: 0.1rem 0.3rem;
    border-radius: 0.35rem;
    background: rgba(20, 48, 73, 0.08);
    color: #143049;
}

@media (max-width: 1180px) {
    .timeline-queue-control-grid,
    .timeline-daily-board-kpis,
    .timeline-backlog-waves,
    .timeline-daily-board-lanes,
    .timeline-daily-phases,
    .timeline-control-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .timeline-control-metrics,
    .timeline-daily-risk-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .timeline-queue-control-head,
    .timeline-queue-control-grid,
    .timeline-backlog-plan-head,
    .timeline-backlog-command,
    .timeline-daily-execution-head,
    .timeline-daily-board-lanes,
    .timeline-daily-phases,
    .timeline-daily-rules,
    .timeline-backlog-waves,
    .timeline-control-actions,
    .timeline-control-samples {
        grid-template-columns: 1fr;
    }

    .timeline-backlog-kpis,
    .timeline-daily-board-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .timeline-control-metrics,
    .timeline-daily-risk-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .timeline-responsive-table table,
    .timeline-responsive-table thead,
    .timeline-responsive-table tbody,
    .timeline-responsive-table tr,
    .timeline-responsive-table th,
    .timeline-responsive-table td {
        display: block;
        width: 100% !important;
        min-width: 0 !important;
    }

    .timeline-responsive-table table {
        border-collapse: separate;
        border-spacing: 0;
        table-layout: fixed;
    }

    .timeline-responsive-table thead {
        display: none;
    }

    .timeline-responsive-table tbody {
        display: grid;
        gap: 0.8rem;
    }

    .timeline-responsive-table .timeline-row {
        display: grid;
        gap: 0.65rem;
        padding: 0.85rem;
        border: 1px solid rgba(205, 216, 225, 0.88);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.86);
        box-shadow: 0 10px 26px rgba(15, 31, 46, 0.05);
    }

    .timeline-responsive-table td {
        display: grid;
        gap: 0.3rem;
        padding: 0;
        border-bottom: 0;
    }

    .timeline-responsive-table td::before {
        content: attr(data-label);
        color: #607386;
        font-size: 0.72rem;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
    }

    .timeline-responsive-table .timeline-select-cell {
        white-space: normal;
    }

    .timeline-responsive-table .timeline-candidate-cell {
        min-width: 0;
    }

    .timeline-responsive-table .timeline-row-actions,
    .timeline-responsive-table .timeline-queue-meta-form {
        display: grid;
        grid-template-columns: 1fr;
    }

    .timeline-control-card-head {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .timeline-control-card-head .integration-status {
        max-width: 100%;
    }

    .timeline-finance-table .table-wrap table {
        width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed;
    }

    .timeline-finance-table th,
    .timeline-finance-table td {
        overflow-wrap: anywhere;
    }
}

.timeline-mobility-ledger {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(38, 64, 52, .14);
  background:
    radial-gradient(circle at top right, rgba(49, 121, 91, .16), transparent 34rem),
    linear-gradient(145deg, rgba(255, 255, 248, .98), rgba(239, 247, 238, .94));
}

.timeline-mobility-ledger::before {
  content: "";
  position: absolute;
  inset: 1rem auto auto 1rem;
  width: 11rem;
  height: 11rem;
  border-radius: 999px;
  background: repeating-linear-gradient(135deg, rgba(38, 64, 52, .08) 0 1px, transparent 1px 10px);
  pointer-events: none;
}

.mobility-metrics strong,
.mobility-lanes strong {
  color: var(--ink, #183428);
}

.mobility-actions .timeline-control-action-card {
  min-height: 100%;
}

.mobility-safety-card {
  background: linear-gradient(135deg, rgba(255, 250, 232, .96), rgba(247, 238, 211, .84));
}

.timeline-mobility-columns {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr);
  gap: 1rem;
  margin-top: 1rem;
}

.timeline-mobility-panel {
  border: 1px solid rgba(38, 64, 52, .12);
  border-radius: 1.25rem;
  padding: 1rem;
  background: rgba(255, 255, 255, .72);
  box-shadow: 0 1.25rem 3rem rgba(28, 48, 38, .08);
}

.timeline-mobility-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .3rem .8rem;
  align-items: start;
  padding: .75rem 0;
  border-bottom: 1px solid rgba(38, 64, 52, .1);
}

.timeline-mobility-row:last-child {
  border-bottom: 0;
}

.timeline-mobility-row small {
  grid-column: 1 / -1;
  color: var(--muted, #64736b);
  line-height: 1.45;
}

.timeline-mobility-row span {
  font-weight: 800;
  color: var(--accent, #2f6f4e);
}

.timeline-mobility-row.compact {
  grid-template-columns: auto auto;
}

.mobility-samples {
  margin-top: 1rem;
}

@media (max-width: 900px) {
  .timeline-mobility-columns {
    grid-template-columns: 1fr;
  }
}

.timeline-assignment-intelligence {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(25, 54, 72, .15);
  background:
    radial-gradient(circle at 16% 8%, rgba(83, 145, 180, .16), transparent 24rem),
    radial-gradient(circle at 92% 16%, rgba(43, 88, 69, .12), transparent 22rem),
    linear-gradient(145deg, rgba(250, 253, 252, .98), rgba(235, 244, 247, .94));
}

.timeline-assignment-intelligence::after {
  content: "";
  position: absolute;
  right: -3rem;
  bottom: -4rem;
  width: 18rem;
  height: 18rem;
  border-radius: 38% 62% 48% 52%;
  background: linear-gradient(135deg, rgba(25, 54, 72, .08), rgba(43, 88, 69, .04));
  pointer-events: none;
}

.assignment-metrics strong,
.assignment-lanes strong {
  color: #183648;
}

.assignment-actions .timeline-control-action-card {
  min-height: 100%;
}

.assignment-safety-card {
  background: linear-gradient(135deg, rgba(239, 248, 252, .96), rgba(247, 242, 222, .86));
}

.assignment-samples {
  margin-top: 1rem;
}

/* Timeline Review Workbench */
.timeline-review-workbench {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(18, 66, 64, .12);
    background:
        radial-gradient(circle at 12% 8%, rgba(35, 132, 128, .15), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(241, 248, 245, .92));
}

.timeline-review-scoreboard {
    display: grid;
    grid-template-columns: repeat(5, minmax(130px, 1fr));
    gap: .85rem;
    margin: 1rem 0 1.15rem;
}

.timeline-review-scoreboard article {
    border: 1px solid rgba(16, 64, 62, .12);
    border-radius: 18px;
    padding: .95rem;
    background: rgba(255, 255, 255, .72);
    box-shadow: 0 18px 46px rgba(20, 68, 58, .08);
}

.timeline-review-scoreboard span,
.timeline-review-scoreboard small,
.timeline-review-map-meta,
.timeline-review-kicker,
.timeline-review-facts,
.timeline-review-candidate small,
.timeline-review-candidate span {
    color: var(--muted, #5f6f6b);
}

.timeline-review-scoreboard strong {
    display: block;
    margin: .2rem 0;
    font-size: clamp(1.55rem, 2.8vw, 2.45rem);
    color: #103d3a;
}

.timeline-review-batch-composer {
    display: grid;
    gap: .85rem;
    margin: 0 0 1rem;
    padding: 1rem;
    border: 1px solid rgba(16, 64, 62, .12);
    border-radius: 26px;
    background:
        radial-gradient(circle at 96% 0%, rgba(184, 121, 26, .14), transparent 30%),
        linear-gradient(145deg, rgba(255, 255, 255, .88), rgba(239, 249, 246, .82));
    box-shadow: 0 22px 58px rgba(17, 58, 52, .08);
}

.timeline-review-batch-head,
.timeline-review-decision-ledger-head,
.timeline-review-corridor-head,
.timeline-review-batch-command {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(300px, .92fr);
    gap: .85rem;
    align-items: stretch;
}

.timeline-review-batch-head h3 {
    margin: .1rem 0 .35rem;
    color: #123d3b;
    font-size: clamp(1.35rem, 2.2vw, 2.15rem);
    line-height: 1.04;
    letter-spacing: -.04em;
}

.timeline-review-batch-head p,
.timeline-review-decision-ledger-head p,
.timeline-review-decision-mix p,
.timeline-review-corridor-head p,
.timeline-review-corridor-next p,
.timeline-review-corridor-lanes p,
.timeline-review-batch-grid p,
.timeline-review-wave-packs p,
.timeline-review-wave-summary small,
.timeline-review-batch-command p {
    margin: 0;
    color: var(--muted, #5f6f6b);
    line-height: 1.45;
}

.timeline-review-batch-score,
.timeline-review-batch-kpis article,
.timeline-review-wave-summary article,
.timeline-review-batch-grid article,
.timeline-review-wave-packs article,
.timeline-review-decision-ledger,
.timeline-review-decision-ledger-head aside,
.timeline-review-decision-kpis article,
.timeline-review-decision-mix > div,
.timeline-review-decision-mix article,
.timeline-review-corridor,
.timeline-review-corridor-head aside,
.timeline-review-corridor-next article,
.timeline-review-corridor-lanes article,
.timeline-review-execution-control,
.timeline-review-execution-head aside,
.timeline-review-execution-grid article,
.timeline-review-execution-panels article,
.timeline-review-integrity-panel,
.timeline-review-integrity-head aside,
.timeline-review-integrity-metrics article,
.timeline-review-integrity-checks article,
.timeline-review-batch-command article {
    border: 1px solid rgba(16, 64, 62, .12);
    border-radius: 18px;
    padding: .9rem;
    background: rgba(255, 255, 255, .74);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
}

.timeline-review-batch-score {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .32rem;
    background:
        linear-gradient(145deg, #103d3a, #1e5b50),
        radial-gradient(circle at 0% 0%, rgba(238, 194, 115, .22), transparent 34%);
    color: #fff;
}

.timeline-review-batch-score span,
.timeline-review-batch-score small {
    color: rgba(255, 255, 255, .78);
    font-weight: 760;
}

.timeline-review-batch-score strong {
    color: #f3d486;
    font-size: clamp(2rem, 4vw, 3.7rem);
    line-height: .95;
    letter-spacing: -.06em;
}

.timeline-review-batch-kpis,
.timeline-review-wave-summary,
.timeline-review-corridor-next,
.timeline-review-corridor-lanes,
.timeline-review-decision-kpis,
.timeline-review-decision-mix,
.timeline-review-decision-mix > div,
.timeline-review-decision-guards,
.timeline-review-batch-grid,
.timeline-review-wave-packs,
.timeline-review-execution-grid,
.timeline-review-execution-panels,
.timeline-review-integrity-metrics,
.timeline-review-integrity-checks,
.timeline-review-batch-command {
    display: grid;
    gap: .75rem;
}

.timeline-review-batch-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.timeline-review-wave-summary {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.timeline-review-corridor-next {
    grid-template-columns: minmax(260px, 1.2fr) repeat(3, minmax(160px, .8fr));
}

.timeline-review-corridor-lanes {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.timeline-review-decision-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.timeline-review-decision-mix {
    grid-template-columns: minmax(250px, .55fr) minmax(0, 1fr);
}

.timeline-review-decision-mix > div {
    align-content: start;
}

.timeline-review-decision-guards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.timeline-review-batch-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.timeline-review-wave-packs {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.timeline-review-execution-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.timeline-review-execution-panels {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.timeline-review-integrity-metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.timeline-review-integrity-checks {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.timeline-review-batch-kpis article,
.timeline-review-wave-summary article,
.timeline-review-batch-grid article,
.timeline-review-wave-packs article,
.timeline-review-decision-ledger,
.timeline-review-decision-ledger-head aside,
.timeline-review-decision-kpis article,
.timeline-review-decision-mix > div,
.timeline-review-decision-mix article,
.timeline-review-corridor,
.timeline-review-corridor-head aside,
.timeline-review-corridor-next article,
.timeline-review-corridor-lanes article,
.timeline-review-execution-control,
.timeline-review-execution-head aside,
.timeline-review-execution-grid article,
.timeline-review-execution-panels article,
.timeline-review-integrity-panel,
.timeline-review-integrity-head aside,
.timeline-review-integrity-metrics article,
.timeline-review-integrity-checks article,
.timeline-review-batch-command article {
    display: flex;
    flex-direction: column;
    gap: .58rem;
}

.timeline-review-batch-kpis span,
.timeline-review-wave-summary span,
.timeline-review-decision-kpis span,
.timeline-review-decision-mix .eyebrow,
.timeline-review-corridor-next span,
.timeline-review-corridor-facts span,
.timeline-review-execution-grid span,
.timeline-review-integrity-metrics span,
.timeline-review-batch-grid .timeline-control-card-head span,
.timeline-review-corridor-lanes .timeline-control-card-head span,
.timeline-review-wave-packs .timeline-control-card-head span,
.timeline-review-execution-panels .eyebrow,
.timeline-review-batch-command .eyebrow {
    color: #667974;
    font-size: .76rem;
    font-weight: 780;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.timeline-review-batch-kpis strong,
.timeline-review-wave-summary strong,
.timeline-review-decision-kpis strong,
.timeline-review-decision-mix strong,
.timeline-review-corridor-next strong,
.timeline-review-execution-grid strong,
.timeline-review-integrity-metrics strong,
.timeline-review-corridor-lanes strong,
.timeline-review-batch-grid strong,
.timeline-review-wave-packs strong {
    color: #123d3b;
    line-height: 1.12;
}

.timeline-review-batch-kpis strong {
    font-size: clamp(1.35rem, 2.1vw, 1.85rem);
    letter-spacing: -.04em;
}

.timeline-review-wave-summary strong {
    font-size: clamp(1.55rem, 2.4vw, 2.25rem);
    letter-spacing: -.05em;
}

.timeline-review-execution-grid strong {
    font-size: clamp(1.45rem, 2.2vw, 2.1rem);
    letter-spacing: -.05em;
}

.timeline-review-corridor-head aside strong {
    font-size: clamp(1.7rem, 3vw, 2.8rem);
    color: #f3d486;
    letter-spacing: -.06em;
}

.timeline-review-integrity-metrics strong,
.timeline-review-integrity-head aside strong {
    font-size: clamp(1.35rem, 2vw, 1.9rem);
    letter-spacing: -.04em;
}

.timeline-review-batch-kpis small,
.timeline-review-wave-summary small,
.timeline-review-decision-ledger-head small,
.timeline-review-decision-kpis small,
.timeline-review-decision-mix small,
.timeline-review-corridor-head small,
.timeline-review-corridor-lanes small,
.timeline-review-execution-head small,
.timeline-review-execution-grid small,
.timeline-review-integrity-head small,
.timeline-review-integrity-metrics small,
.timeline-review-batch-grid small,
.timeline-review-wave-packs small {
    color: var(--muted, #5f6f6b);
    line-height: 1.35;
}

.timeline-review-quality-strip,
.timeline-review-batch-facts,
.timeline-review-corridor-facts,
.timeline-review-corridor-labels,
.timeline-review-corridor-done,
.timeline-review-decision-guards,
.timeline-review-wave-progress,
.timeline-review-wave-steps,
.timeline-review-wave-done {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.timeline-review-quality-strip span,
.timeline-review-batch-facts span,
.timeline-review-corridor-facts span,
.timeline-review-corridor-labels span,
.timeline-review-corridor-done span,
.timeline-review-decision-guards span,
.timeline-review-wave-progress span,
.timeline-review-wave-steps span,
.timeline-review-wave-done span {
    display: inline-flex;
    align-items: center;
    min-height: 1.8rem;
    padding: .34rem .58rem;
    border: 1px solid rgba(16, 64, 62, .12);
    border-radius: 999px;
    background: rgba(255, 255, 255, .72);
    color: #536d68;
    font-size: .78rem;
    font-weight: 730;
}

.timeline-review-wave-progress {
    margin-top: .1rem;
}

.timeline-review-wave-progress span {
    min-height: 2.05rem;
    border-radius: 14px;
    background: rgba(248, 252, 249, .9);
}

.timeline-review-wave-progress strong {
    margin-right: .35rem;
    color: #123d3b;
    font-size: .68rem;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.timeline-review-wave-meter {
    height: .58rem;
    overflow: hidden;
    border: 1px solid rgba(16, 64, 62, .12);
    border-radius: 999px;
    background: rgba(16, 64, 62, .08);
    box-shadow: inset 0 1px 2px rgba(16, 64, 62, .1);
}

.timeline-review-wave-meter span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #d39b35, #1d8c6a);
    box-shadow: 0 0 18px rgba(29, 140, 106, .24);
}

.timeline-review-wave-packs article {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .78), rgba(246, 252, 249, .82)),
        radial-gradient(circle at 100% 0%, rgba(15, 122, 84, .08), transparent 40%);
}

.timeline-review-decision-ledger {
    gap: .85rem;
    border-color: rgba(17, 82, 77, .16);
    background:
        radial-gradient(circle at 0% 0%, rgba(17, 82, 77, .15), transparent 35%),
        radial-gradient(circle at 100% 0%, rgba(211, 155, 53, .15), transparent 34%),
        linear-gradient(145deg, rgba(242, 250, 247, .94), rgba(255, 252, 244, .88));
}

.timeline-review-decision-ledger-head {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(220px, .45fr);
    gap: .85rem;
}

.timeline-review-decision-ledger-head h3 {
    margin: .1rem 0 .35rem;
    color: #123d3b;
    font-size: clamp(1.25rem, 2vw, 1.95rem);
    letter-spacing: -.04em;
}

.timeline-review-decision-ledger-head aside {
    justify-content: center;
    background:
        linear-gradient(145deg, #0f4f4a, #1b6d5e),
        radial-gradient(circle at 0% 0%, rgba(244, 211, 134, .24), transparent 34%);
    color: #fff;
}

.timeline-review-decision-ledger-head aside strong {
    color: #f3d486;
    font-size: clamp(1.6rem, 2.8vw, 2.65rem);
    letter-spacing: -.06em;
}

.timeline-review-decision-ledger-head aside small {
    color: rgba(255, 255, 255, .78);
}

.timeline-review-decision-kpis article {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .82), rgba(239, 248, 244, .82)),
        radial-gradient(circle at 100% 0%, rgba(15, 122, 84, .1), transparent 38%);
}

.timeline-review-decision-kpis strong {
    font-size: clamp(1.45rem, 2.25vw, 2.05rem);
    letter-spacing: -.05em;
}

.timeline-review-decision-mix > div {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .78), rgba(250, 247, 239, .84));
}

.timeline-review-decision-mix article {
    border-radius: 14px;
    padding: .75rem;
    box-shadow: none;
}

.timeline-review-decision-mix article + article {
    margin-top: .55rem;
}

.timeline-review-decision-mix p {
    font-size: .88rem;
}

.timeline-review-decision-row-head {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: center;
}

.timeline-review-decision-guards span {
    align-items: flex-start;
    border-color: rgba(17, 82, 77, .18);
    border-radius: 14px;
    background: rgba(230, 247, 237, .78);
}

.timeline-review-corridor {
    gap: .85rem;
    border-color: rgba(139, 76, 26, .16);
    background:
        radial-gradient(circle at 0% 0%, rgba(198, 132, 38, .16), transparent 35%),
        radial-gradient(circle at 100% 100%, rgba(15, 122, 84, .12), transparent 32%),
        linear-gradient(145deg, rgba(255, 251, 241, .92), rgba(241, 249, 246, .86));
}

.timeline-review-corridor-head {
    grid-template-columns: minmax(0, 1.08fr) minmax(260px, .5fr);
}

.timeline-review-corridor-head h3 {
    margin: .1rem 0 .35rem;
    color: #123d3b;
    font-size: clamp(1.35rem, 2.2vw, 2.1rem);
    letter-spacing: -.04em;
}

.timeline-review-corridor-head aside {
    justify-content: center;
    background:
        linear-gradient(145deg, #143d3b, #70511c),
        radial-gradient(circle at 0% 0%, rgba(244, 211, 134, .22), transparent 35%);
    color: #fff;
}

.timeline-review-corridor-head aside small {
    color: rgba(255, 255, 255, .78);
}

.timeline-review-corridor-next article:first-child {
    border-color: rgba(15, 122, 84, .18);
    background:
        linear-gradient(135deg, rgba(239, 248, 244, .92), rgba(255, 255, 255, .78)),
        radial-gradient(circle at 100% 0%, rgba(15, 122, 84, .14), transparent 34%);
}

.timeline-review-corridor-lanes article {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .78), rgba(250, 247, 239, .84)),
        radial-gradient(circle at 100% 0%, rgba(184, 121, 26, .08), transparent 40%);
}

.timeline-review-corridor-labels span {
    border-radius: 12px;
    background: rgba(255, 255, 255, .76);
}

.timeline-review-corridor-done span {
    align-items: flex-start;
    border-color: rgba(15, 122, 84, .18);
    border-radius: 14px;
    background: rgba(230, 247, 237, .76);
}

.timeline-review-execution-control {
    gap: .85rem;
    background:
        radial-gradient(circle at 0% 0%, rgba(211, 155, 53, .13), transparent 32%),
        linear-gradient(145deg, rgba(252, 250, 242, .9), rgba(238, 248, 244, .86));
}

.timeline-review-execution-head {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(260px, .55fr);
    gap: .85rem;
    align-items: stretch;
}

.timeline-review-execution-head h3 {
    margin: .1rem 0 .35rem;
    color: #123d3b;
    font-size: clamp(1.3rem, 2.1vw, 2rem);
    letter-spacing: -.04em;
}

.timeline-review-execution-head p,
.timeline-review-execution-panels p {
    margin: 0;
    color: var(--muted, #5f6f6b);
    line-height: 1.45;
}

.timeline-review-execution-head aside strong,
.timeline-review-execution-operator strong {
    color: #123d3b;
    line-height: 1.18;
}

.timeline-review-execution-panels article {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .78), rgba(248, 252, 249, .84));
}

.timeline-review-execution-operator {
    border-color: rgba(139, 76, 26, .18);
    background:
        radial-gradient(circle at 100% 0%, rgba(211, 155, 53, .16), transparent 38%),
        rgba(255, 255, 255, .82);
}

.timeline-review-integrity-panel {
    gap: .85rem;
    border-color: rgba(15, 122, 84, .16);
    background:
        radial-gradient(circle at 100% 0%, rgba(15, 122, 84, .14), transparent 34%),
        linear-gradient(145deg, rgba(244, 252, 247, .92), rgba(255, 255, 255, .86));
}

.timeline-review-integrity-head {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(220px, .45fr);
    gap: .85rem;
}

.timeline-review-integrity-head h3 {
    margin: .1rem 0 .35rem;
    color: #123d3b;
    font-size: clamp(1.25rem, 2vw, 1.9rem);
    letter-spacing: -.04em;
}

.timeline-review-integrity-head p,
.timeline-review-integrity-checks p {
    margin: 0;
    color: var(--muted, #5f6f6b);
    line-height: 1.45;
}

.timeline-review-integrity-checks article {
    display: grid;
    grid-template-columns: minmax(180px, .55fr) minmax(0, 1fr);
    align-items: center;
}

.timeline-review-integrity-checks article div {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.timeline-review-integrity-checks strong {
    color: #123d3b;
    font-size: 1.05rem;
}

.timeline-review-wave-steps span {
    align-items: flex-start;
    border-radius: 14px;
    background: rgba(239, 248, 244, .78);
}

.timeline-review-wave-done span {
    border-color: rgba(15, 122, 84, .18);
    background: rgba(230, 247, 237, .76);
}

.timeline-review-layout {
    display: grid;
    grid-template-columns: minmax(320px, .9fr) minmax(0, 1.1fr);
    gap: 1rem;
    align-items: start;
    min-width: 0;
}

.timeline-review-layout > * {
    min-width: 0;
}

.timeline-review-map-panel {
    position: sticky;
    top: 1rem;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.timeline-review-map {
    width: 100%;
    max-width: 100%;
    min-height: 440px;
    border-radius: 26px;
    overflow: hidden;
    contain: layout paint;
    isolation: isolate;
    border: 1px solid rgba(20, 68, 58, .16);
    background:
        linear-gradient(135deg, rgba(13, 66, 62, .1), rgba(210, 228, 209, .55)),
        repeating-linear-gradient(45deg, rgba(16, 64, 62, .05) 0 1px, transparent 1px 16px);
    box-shadow: 0 24px 70px rgba(24, 69, 60, .13);
}

.timeline-review-map-fallback {
    display: grid;
    min-height: 440px;
    place-content: center;
    gap: .25rem;
    text-align: center;
    padding: 1.5rem;
}

.timeline-review-map-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .65rem;
    font-size: .84rem;
}

.timeline-review-map-meta span,
.timeline-review-facts span,
.timeline-review-risk {
    border: 1px solid rgba(16, 64, 62, .12);
    border-radius: 999px;
    padding: .34rem .62rem;
    background: rgba(255, 255, 255, .72);
}

.timeline-review-list {
    display: grid;
    gap: .85rem;
    min-width: 0;
    max-width: 100%;
}

.timeline-review-card {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    border: 1px solid rgba(16, 64, 62, .12);
    border-radius: 24px;
    padding: 1rem;
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 18px 50px rgba(17, 58, 52, .08);
}

.timeline-review-card header {
    display: flex;
    gap: .85rem;
    justify-content: space-between;
    align-items: flex-start;
}

.timeline-review-card h3 {
    margin: .1rem 0 .35rem;
    color: #123d3b;
}

.timeline-review-risk {
    white-space: nowrap;
    color: #143f3c;
    font-size: .82rem;
    font-weight: 800;
}

.timeline-review-facts {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin: .75rem 0;
    font-size: .83rem;
}

.timeline-review-candidates {
    display: grid;
    gap: .55rem;
}

.timeline-review-candidate {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: .75rem;
    align-items: center;
    padding: .75rem;
    border: 1px solid rgba(16, 64, 62, .12);
    border-radius: 18px;
    background: rgba(247, 252, 249, .9);
}

.timeline-review-candidate strong,
.timeline-review-candidate span,
.timeline-review-candidate small {
    display: block;
}

.timeline-review-candidate-score {
    min-width: 88px;
    text-align: right;
}

.timeline-review-candidate-score strong {
    font-size: 1.45rem;
    color: #143f3c;
}

.timeline-review-candidate-score.strong strong { color: #0f7a54; }
.timeline-review-candidate-score.medium strong { color: #997000; }
.timeline-review-candidate-score.weak strong { color: #8a4a27; }

.timeline-review-decision-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
    margin-top: .8rem;
}

.timeline-review-decision-actions form {
    display: grid;
    gap: .55rem;
    padding: .75rem;
    border: 1px solid rgba(139, 76, 26, .16);
    border-radius: 18px;
    background:
        linear-gradient(135deg, rgba(255, 250, 238, .88), rgba(247, 252, 249, .86)),
        radial-gradient(circle at 100% 0%, rgba(184, 121, 26, .08), transparent 36%);
}

.timeline-review-decision-actions label {
    display: grid;
    gap: .35rem;
    margin: 0;
}

.timeline-review-decision-actions label span {
    color: #667974;
    font-size: .74rem;
    font-weight: 820;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.timeline-review-decision-actions textarea {
    width: 100%;
    min-height: 4.25rem;
    resize: vertical;
    border: 1px solid rgba(16, 64, 62, .14);
    border-radius: 14px;
    padding: .62rem .7rem;
    background: rgba(255, 255, 255, .76);
    color: #123d3b;
    font: inherit;
    line-height: 1.35;
}

.timeline-review-empty,
.timeline-review-empty-candidates {
    border: 1px dashed rgba(16, 64, 62, .2);
    border-radius: 18px;
    padding: 1rem;
    color: var(--muted, #5f6f6b);
    background: rgba(255, 255, 255, .65);
}

.timeline-map-marker {
    display: grid;
    width: 26px;
    height: 26px;
    place-items: center;
    border-radius: 999px;
    border: 2px solid #fff;
    box-shadow: 0 10px 24px rgba(16, 64, 62, .28);
    color: #fff;
    font-size: .72rem;
    font-weight: 900;
}

.timeline-map-marker.segment { background: #0f7a78; }
.timeline-map-marker.segment-end { background: #2f6f9e; }
.timeline-map-marker.client { background: #b8791a; }

.leaflet-container.timeline-review-leaflet {
    font-family: inherit;
    background: #edf5ef;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    contain: layout paint;
}

.timeline-review-map .leaflet-proxy,
.customer-timeline-map .leaflet-proxy {
    display: none !important;
}

@media (max-width: 980px) {
    .timeline-review-scoreboard,
    .timeline-review-batch-head,
    .timeline-review-decision-ledger-head,
    .timeline-review-corridor-head,
    .timeline-review-batch-command,
    .timeline-review-execution-head,
    .timeline-review-integrity-head,
    .timeline-review-integrity-checks article,
    .timeline-review-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .timeline-review-batch-kpis,
    .timeline-review-wave-summary,
    .timeline-review-decision-kpis,
    .timeline-review-decision-mix,
    .timeline-review-decision-guards,
    .timeline-review-corridor-next,
    .timeline-review-corridor-lanes,
    .timeline-review-execution-grid,
    .timeline-review-execution-panels,
    .timeline-review-integrity-metrics,
    .timeline-review-integrity-checks,
    .timeline-review-batch-grid,
    .timeline-review-wave-packs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .timeline-review-map-panel {
        position: static;
        width: 100%;
        max-width: 100%;
    }

    .timeline-review-candidate {
        grid-template-columns: 1fr;
    }

    .timeline-review-decision-actions {
        grid-template-columns: 1fr;
    }

    .timeline-review-candidate-score {
        text-align: left;
    }
}

@media (max-width: 640px) {
    .timeline-review-map {
        min-height: 320px;
    }

    .timeline-review-card header {
        flex-direction: column;
    }

    .timeline-review-risk {
        width: 100%;
        white-space: normal;
    }

    .timeline-review-facts span,
    .timeline-review-map-meta span {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .timeline-review-batch-kpis,
    .timeline-review-wave-summary,
    .timeline-review-decision-kpis,
    .timeline-review-decision-mix,
    .timeline-review-decision-guards,
    .timeline-review-corridor-next,
    .timeline-review-corridor-lanes,
    .timeline-review-execution-grid,
    .timeline-review-execution-panels,
    .timeline-review-integrity-metrics,
    .timeline-review-integrity-checks,
    .timeline-review-batch-grid,
    .timeline-review-wave-packs {
        grid-template-columns: 1fr;
    }
}

/* Customer Timeline Intelligence */
.customer-timeline-intelligence {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) minmax(260px, .8fr);
    gap: .9rem;
    margin: 1rem 0;
}

.customer-timeline-map {
    min-height: 360px;
    border: 1px solid rgba(16, 64, 62, .14);
    border-radius: 24px;
    overflow: hidden;
    contain: layout paint;
    isolation: isolate;
    background:
        radial-gradient(circle at 20% 18%, rgba(15, 122, 120, .14), transparent 32%),
        linear-gradient(135deg, rgba(239, 248, 244, .98), rgba(255, 255, 255, .86));
    box-shadow: 0 22px 60px rgba(16, 64, 62, .1);
}

.customer-timeline-map .timeline-review-map-fallback {
    min-height: 360px;
}

.customer-timeline-insights {
    display: grid;
    gap: .7rem;
}

.customer-timeline-insights article,
.customer-timeline-suggestion {
    border: 1px solid rgba(16, 64, 62, .12);
    border-radius: 20px;
    padding: .9rem;
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 14px 38px rgba(16, 64, 62, .07);
}

.customer-timeline-insights span,
.customer-timeline-insights small,
.customer-timeline-suggestion span,
.customer-timeline-suggestion small {
    display: block;
    color: var(--muted, #5f6f6b);
}

.customer-timeline-insights strong {
    display: block;
    margin: .16rem 0;
    color: #123d3b;
    line-height: 1.12;
}

.customer-timeline-suggestions {
    display: grid;
    gap: .6rem;
    margin: .8rem 0 1rem;
}

.customer-timeline-suggestion {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
}

.timeline-map-marker.assigned { background: #0f7a54; }
.timeline-map-marker.assigned-end { background: #2b7357; }
.timeline-map-marker.suggestion { background: #b8791a; }
.timeline-map-marker.suggestion-end { background: #936015; }

.timeline-billing-suggestions {
    display: grid;
    gap: .9rem;
    margin: 1rem 0;
    padding: 1rem;
    border: 1px solid rgba(113, 86, 36, .16);
    border-radius: 26px;
    background:
        radial-gradient(circle at 12% 18%, rgba(217, 160, 66, .16), transparent 34%),
        linear-gradient(135deg, rgba(255, 251, 242, .94), rgba(248, 253, 250, .86));
    box-shadow: 0 22px 62px rgba(87, 67, 30, .08);
}

.timeline-billing-hero,
.timeline-billing-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.timeline-billing-grid {
    grid-template-columns: minmax(0, 1fr) minmax(260px, .36fr);
    align-items: start;
}

.timeline-billing-hero article,
.timeline-billing-position,
.timeline-billing-guard {
    border: 1px solid rgba(87, 67, 30, .12);
    border-radius: 20px;
    padding: .9rem;
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 14px 34px rgba(87, 67, 30, .06);
}

.timeline-billing-total {
    background: linear-gradient(145deg, rgba(18, 61, 59, .94), rgba(25, 86, 77, .88)) !important;
    color: #fff;
}

.timeline-billing-hero span,
.timeline-billing-hero small,
.timeline-billing-position span,
.timeline-billing-position small,
.timeline-billing-guard span,
.timeline-billing-guard small {
    display: block;
    color: var(--muted, #5f6f6b);
}

.timeline-billing-total span,
.timeline-billing-total small {
    color: rgba(255, 255, 255, .76);
}

.timeline-billing-hero strong,
.timeline-billing-position strong,
.timeline-billing-guard strong {
    display: block;
    margin: .16rem 0;
    color: #123d3b;
    line-height: 1.12;
}

.timeline-billing-total strong {
    color: #fff;
}

.timeline-billing-position-list {
    display: grid;
    gap: .6rem;
}

.timeline-billing-position {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
}

.timeline-billing-guard {
    display: grid;
    gap: .45rem;
}

.timeline-billing-guard span {
    padding-left: .85rem;
    border-left: 3px solid rgba(15, 122, 84, .44);
}

.timeline-billing-guard small {
    padding: .5rem .6rem;
    border-radius: 14px;
    background: rgba(184, 121, 26, .1);
}

.timeline-billing-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
}

.timeline-billing-actions form {
    margin: 0;
}

.customer-workspace-section {
    align-items: start;
}

.customer-workspace-launcher,
.customer-workspace-workitems {
    grid-column: 1 / -1;
}

.customer-workspace-workitems {
    background:
        radial-gradient(circle at 8% 0%, rgba(15, 122, 120, .08), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(247, 250, 252, .94));
}

.workitem-table-wrap {
    border: 1px solid rgba(205, 216, 225, .86);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
}

.workitem-table {
    min-width: 980px !important;
    table-layout: fixed;
}

.workitem-table th:nth-child(1),
.workitem-table td:nth-child(1) {
    width: 34%;
}

.workitem-table th:nth-child(2),
.workitem-table td:nth-child(2) {
    width: 23%;
}

.workitem-table th:nth-child(3),
.workitem-table td:nth-child(3) {
    width: 23%;
}

.workitem-table th:nth-child(4),
.workitem-table td:nth-child(4) {
    width: 20%;
}

.workitem-table strong,
.workitem-table td,
.workitem-table .muted {
    overflow-wrap: normal;
    word-break: normal;
}

.workitem-table .customer-inline-actions {
    align-items: center;
}

.workitem-table .badge {
    justify-content: flex-start;
    line-height: 1.22;
    text-align: left;
    white-space: normal;
}

.btn[disabled],
button[disabled] {
    cursor: not-allowed;
    opacity: .48;
    filter: grayscale(.18);
    box-shadow: none;
}

.template-launch-control {
    background:
        radial-gradient(circle at 12% 4%, rgba(12, 121, 118, .13), transparent 28%),
        radial-gradient(circle at 88% 10%, rgba(198, 141, 52, .11), transparent 26%),
        linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(245, 249, 250, .95));
    border: 1px solid rgba(179, 205, 208, .72);
}

.template-control-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.template-control-card {
    display: grid;
    gap: 16px;
    align-content: space-between;
    min-height: 340px;
    padding: 20px;
    border: 1px solid rgba(202, 213, 221, .86);
    border-radius: 26px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .97), rgba(248, 250, 252, .94));
    box-shadow: 0 18px 45px rgba(25, 58, 73, .08);
}

.template-control-card.ready {
    border-color: rgba(18, 132, 118, .34);
    box-shadow: 0 18px 48px rgba(18, 132, 118, .12);
}

.template-control-card.attention {
    border-color: rgba(198, 141, 52, .38);
    box-shadow: 0 18px 48px rgba(198, 141, 52, .10);
}

.template-control-card.blocked {
    border-color: rgba(170, 67, 67, .36);
    box-shadow: 0 18px 48px rgba(170, 67, 67, .10);
}

.template-control-card h3 {
    margin: 4px 0 8px;
    max-width: 18ch;
    color: var(--ink);
    font-size: clamp(1.2rem, 2vw, 1.55rem);
    line-height: .98;
}

.template-control-card p {
    margin: 0;
    color: var(--muted);
    line-height: 1.58;
}

.template-control-facts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.template-control-facts div {
    padding: 10px;
    border: 1px solid rgba(212, 221, 228, .78);
    border-radius: 16px;
    background: rgba(255, 255, 255, .72);
}

.template-control-facts span {
    display: block;
    color: var(--muted);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.template-control-facts strong {
    display: block;
    margin-top: 5px;
    color: var(--ink);
    font-size: .92rem;
}

.template-control-launch-form {
    display: grid;
    gap: 10px;
    padding: 14px;
    border: 1px solid rgba(12, 121, 118, .18);
    border-radius: 22px;
    background:
        linear-gradient(135deg, rgba(236, 250, 248, .88), rgba(255, 255, 255, .94));
}

.template-control-launch-form label {
    display: grid;
    gap: 6px;
    color: var(--muted);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.template-control-launch-form select,
.template-control-launch-form input {
    width: 100%;
    min-height: 42px;
    padding: 10px 12px;
    border: 1px solid rgba(174, 194, 204, .75);
    border-radius: 14px;
    background: rgba(255, 255, 255, .93);
    color: var(--ink);
    font: inherit;
    font-size: .9rem;
    font-weight: 750;
    text-transform: none;
    letter-spacing: 0;
}

.template-control-launch-form .btn {
    width: 100%;
    justify-content: center;
}

.template-control-launch-form small,
.template-control-launch-empty span {
    color: #45616a;
    font-size: .78rem;
    font-weight: 750;
    line-height: 1.35;
}

.template-control-launch-empty {
    display: grid;
    gap: 6px;
    padding: 14px;
    border: 1px dashed rgba(198, 141, 52, .45);
    border-radius: 20px;
    background: rgba(255, 248, 232, .72);
}

.template-control-launch-empty strong {
    color: var(--ink);
    font-size: .92rem;
}

.app-callout.warning {
    border-color: rgba(198, 141, 52, .42);
    background: rgba(255, 246, 225, .86);
    color: #7a4d00;
}

@media (max-width: 980px) {
    .customer-timeline-intelligence,
    .customer-timeline-suggestion,
    .customer-workspace-section,
    .timeline-billing-hero,
    .timeline-billing-grid,
    .timeline-billing-position {
        grid-template-columns: 1fr;
    }

    .workitem-table {
        min-width: 860px !important;
    }

    .template-control-grid,
    .template-control-facts {
        grid-template-columns: 1fr;
    }
}

.operating-mission-control {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 1rem;
    margin: 1rem 0 1.2rem;
    padding: clamp(1rem, 2.4vw, 1.45rem);
    border: 1px solid rgba(18, 61, 72, .14);
    border-radius: 2rem;
    background:
        radial-gradient(circle at 8% 0%, rgba(15, 122, 120, .16), transparent 23rem),
        radial-gradient(circle at 94% 2%, rgba(180, 95, 17, .14), transparent 22rem),
        linear-gradient(135deg, rgba(255, 255, 255, .97), rgba(238, 248, 247, .94) 58%, rgba(255, 248, 235, .9));
    box-shadow: 0 1.7rem 4.8rem rgba(24, 56, 68, .12);
}

.operating-mission-control::before {
    content: "";
    position: absolute;
    inset: 1rem;
    pointer-events: none;
    border: 1px solid rgba(255, 255, 255, .68);
    border-radius: 1.45rem;
}

.operating-mission-focus,
.operating-mission-grid,
.operating-mission-pulse {
    position: relative;
    z-index: 1;
}

.operating-mission-focus {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(17rem, .55fr);
    gap: 1rem;
    align-items: stretch;
    padding: clamp(1rem, 2vw, 1.35rem);
    border: 1px solid rgba(22, 61, 72, .12);
    border-radius: 1.55rem;
    background:
        linear-gradient(135deg, rgba(17, 45, 58, .96), rgba(15, 122, 120, .86)),
        radial-gradient(circle at 100% 0%, rgba(255, 255, 255, .22), transparent 18rem);
    color: #fff;
    box-shadow: 0 1.5rem 3.8rem rgba(17, 45, 58, .16);
}

.operating-mission-focus.attention,
.operating-mission-focus.warning {
    background:
        linear-gradient(135deg, rgba(93, 63, 18, .97), rgba(181, 119, 33, .9)),
        radial-gradient(circle at 100% 0%, rgba(255, 255, 255, .2), transparent 18rem);
}

.operating-mission-focus .eyebrow,
.operating-mission-focus p,
.operating-mission-focus span,
.operating-mission-focus strong {
    color: rgba(255, 255, 255, .78);
}

.operating-mission-focus h2 {
    max-width: 18ch;
    margin: .15rem 0 .55rem;
    color: #fff;
    font-family: var(--font-heading);
    font-size: clamp(1.85rem, 4.6vw, 4.15rem);
    line-height: .9;
    letter-spacing: -.06em;
}

.operating-mission-focus p {
    max-width: 72ch;
    margin: 0;
    line-height: 1.58;
}

.operating-mission-focus-action {
    display: grid;
    gap: .7rem;
    align-content: center;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, .1);
}

.operating-mission-focus-action span {
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.operating-mission-focus-action strong {
    color: #fff;
    font-size: 1.05rem;
    line-height: 1.2;
}

.operating-mission-focus-action .btn {
    width: fit-content;
    background: #fff;
    color: #17323d;
}

.operating-mission-pulse {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .7rem;
}

.operating-mission-pulse a {
    display: grid;
    gap: .28rem;
    min-height: 6.4rem;
    padding: .9rem;
    border: 1px solid rgba(199, 215, 221, .82);
    border-radius: 1.15rem;
    background: rgba(255, 255, 255, .82);
    color: inherit;
    text-decoration: none;
    box-shadow: 0 1rem 2.6rem rgba(24, 56, 68, .08);
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.operating-mission-pulse a:hover,
.operating-mission-fastpath:hover {
    transform: translateY(-2px);
    border-color: rgba(15, 122, 120, .3);
    box-shadow: 0 1.35rem 3.2rem rgba(24, 56, 68, .12);
    text-decoration: none;
}

.operating-mission-pulse span,
.operating-mission-fastpath small,
.operating-mission-section-head .eyebrow {
    color: #0d6c68;
    font-size: .7rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.operating-mission-pulse strong {
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.25rem, 2.4vw, 2rem);
    line-height: 1;
}

.operating-mission-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.22fr) minmax(20rem, .78fr);
    gap: 1rem;
}

.operating-mission-fastpaths,
.operating-mission-proof {
    display: grid;
    gap: .85rem;
    padding: 1rem;
    border: 1px solid rgba(199, 215, 221, .78);
    border-radius: 1.55rem;
    background: rgba(255, 255, 255, .76);
    box-shadow: 0 1rem 2.8rem rgba(24, 56, 68, .08);
}

.operating-mission-section-head h3 {
    margin: .12rem 0 0;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.25rem, 2.6vw, 2.1rem);
    line-height: .98;
    letter-spacing: -.04em;
}

.operating-mission-fastpath-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .65rem;
}

.operating-mission-fastpath {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: .45rem;
    min-height: 13.5rem;
    padding: .9rem;
    border: 1px solid rgba(24, 79, 90, .12);
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, .92);
    color: inherit;
    text-decoration: none;
    box-shadow: 0 .85rem 2.2rem rgba(24, 56, 68, .07);
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.operating-mission-fastpath::after {
    content: "";
    position: absolute;
    inset: auto -28% -34% 42%;
    height: 6rem;
    border-radius: 999px;
    background: rgba(15, 122, 120, .12);
    transform: rotate(-8deg);
}

.operating-mission-fastpath.report::after { background: rgba(36, 94, 143, .13); }
.operating-mission-fastpath.offer::after { background: rgba(198, 141, 52, .14); }
.operating-mission-fastpath.invoice::after { background: rgba(21, 127, 87, .13); }

.operating-mission-fastpath strong,
.operating-mission-fastpath p,
.operating-mission-fastpath small,
.operating-mission-fastpath b {
    position: relative;
    z-index: 1;
}

.operating-mission-fastpath strong {
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.05rem, 1.65vw, 1.36rem);
    line-height: 1;
}

.operating-mission-fastpath p {
    margin: 0;
    color: var(--ink-soft);
    font-size: .86rem;
    line-height: 1.42;
}

.operating-mission-fastpath b {
    align-self: end;
    width: fit-content;
    padding: .5rem .65rem;
    border-radius: 999px;
    background: var(--ink);
    color: #fff;
    font-size: .78rem;
}

.operating-mission-chain {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.operating-mission-chain span {
    display: inline-flex;
    gap: .38rem;
    align-items: center;
    padding: .43rem .55rem;
    border: 1px solid rgba(15, 122, 120, .14);
    border-radius: 999px;
    background: rgba(239, 250, 249, .8);
    color: #31535d;
    font-size: .78rem;
    font-weight: 850;
}

.operating-mission-chain b {
    color: #0d6c68;
}

.operating-mission-proof-list {
    display: grid;
    gap: .55rem;
}

.operating-mission-proof-list article {
    display: grid;
    gap: .22rem;
    padding: .75rem .82rem;
    border: 1px solid rgba(199, 215, 221, .76);
    border-radius: 1rem;
    background: rgba(255, 255, 255, .78);
}

.operating-mission-proof-list strong {
    color: var(--ink);
}

.operating-mission-proof-list p {
    margin: 0;
    color: var(--ink-soft);
    font-size: .86rem;
    line-height: 1.38;
}

.dashboard-operating-command {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 22px;
    margin-bottom: 28px;
    padding: clamp(22px, 3vw, 34px);
    border: 1px solid rgba(16, 59, 70, .16);
    border-radius: 34px;
    background:
        radial-gradient(circle at 9% 12%, rgba(12, 121, 118, .17), transparent 27%),
        radial-gradient(circle at 92% 4%, rgba(198, 141, 52, .16), transparent 28%),
        linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(241, 248, 248, .94));
    box-shadow: 0 30px 80px rgba(18, 50, 63, .12);
}

.dashboard-operating-command::before {
    content: "";
    position: absolute;
    inset: 14px;
    pointer-events: none;
    border: 1px solid rgba(255, 255, 255, .68);
    border-radius: 28px;
}

.dashboard-command-stage,
.dashboard-command-grid {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1.65fr) minmax(280px, .75fr);
    align-items: stretch;
}

.dashboard-command-copy h2 {
    margin: 8px 0 12px;
    max-width: 16ch;
    color: var(--ink);
    font-size: clamp(2rem, 5vw, 4.7rem);
    line-height: .88;
    letter-spacing: -.065em;
}

.dashboard-command-copy p {
    max-width: 76ch;
    color: #34535e;
    font-size: 1rem;
    line-height: 1.68;
}

.dashboard-command-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.dashboard-command-chief {
    display: grid;
    gap: 14px;
    align-content: space-between;
    min-height: 310px;
    padding: 24px;
    border: 1px solid rgba(12, 121, 118, .25);
    border-radius: 30px;
    background:
        linear-gradient(160deg, rgba(16, 59, 70, .95), rgba(14, 99, 103, .9));
    color: #f8ffff;
    box-shadow: 0 24px 60px rgba(15, 62, 71, .20);
}

.dashboard-command-chief.warning {
    border-color: rgba(198, 141, 52, .42);
    background: linear-gradient(160deg, rgba(100, 67, 19, .96), rgba(173, 118, 35, .88));
}

.dashboard-command-chief.critical {
    border-color: rgba(170, 67, 67, .45);
    background: linear-gradient(160deg, rgba(92, 29, 31, .97), rgba(155, 56, 54, .9));
}

.dashboard-command-chief span,
.dashboard-command-chief p,
.dashboard-command-chief small {
    color: rgba(248, 255, 255, .78);
}

.dashboard-command-chief > span,
.dashboard-command-metrics span,
.dashboard-action-item span,
.dashboard-quality-grid span,
.dashboard-lane-list span {
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.dashboard-command-chief > strong {
    max-width: 12ch;
    font-size: clamp(1.6rem, 3vw, 2.5rem);
    line-height: .95;
    letter-spacing: -.04em;
}

.dashboard-score-ring {
    display: inline-grid;
    width: 118px;
    height: 118px;
    place-items: center;
    justify-self: start;
    border-radius: 999px;
    background:
        radial-gradient(circle, rgba(255, 255, 255, .16) 50%, transparent 51%),
        conic-gradient(from 210deg, rgba(255, 255, 255, .94), rgba(255, 232, 176, .92), rgba(255, 255, 255, .28));
    box-shadow: inset 0 0 0 12px rgba(255, 255, 255, .10), 0 16px 38px rgba(0, 0, 0, .16);
}

.dashboard-score-ring b {
    color: #fff;
    font-size: 2.35rem;
    line-height: 1;
}

.dashboard-score-ring small {
    margin-top: -38px;
    font-weight: 900;
}

.dashboard-command-metrics {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.dashboard-command-metrics article,
.dashboard-command-panel {
    border: 1px solid rgba(199, 215, 221, .82);
    border-radius: 26px;
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 18px 42px rgba(24, 58, 72, .08);
}

.dashboard-command-metrics article {
    display: grid;
    gap: 8px;
    min-height: 135px;
    padding: 18px;
}

.dashboard-command-metrics strong {
    color: var(--ink);
    font-size: clamp(1.4rem, 2.6vw, 2.2rem);
    line-height: 1;
    letter-spacing: -.045em;
}

.dashboard-command-metrics small {
    color: var(--muted);
    font-weight: 750;
    line-height: 1.35;
}

.dashboard-command-panel {
    display: grid;
    gap: 16px;
    min-width: 0;
    padding: 20px;
}

.dashboard-command-panel h3 {
    margin: 3px 0 0;
    color: var(--ink);
    font-size: clamp(1.25rem, 2.5vw, 1.85rem);
    line-height: .98;
    letter-spacing: -.035em;
}

.dashboard-command-grid.secondary {
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
}

.dashboard-timeline,
.dashboard-action-stack,
.dashboard-lane-list,
.dashboard-guardrail-list {
    display: grid;
    gap: 10px;
}

.dashboard-timeline a,
.dashboard-action-item,
.dashboard-lane-list a {
    display: grid;
    gap: 6px;
    min-width: 0;
    padding: 14px;
    border: 1px solid rgba(208, 219, 225, .86);
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(247, 250, 251, .9));
    color: inherit;
    text-decoration: none;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.dashboard-timeline a:hover,
.dashboard-action-item:hover,
.dashboard-lane-list a:hover {
    transform: translateY(-2px);
    border-color: rgba(12, 121, 118, .34);
    box-shadow: 0 16px 36px rgba(23, 69, 79, .10);
}

.dashboard-timeline strong,
.dashboard-action-item strong,
.dashboard-lane-list strong {
    color: var(--ink);
    font-size: 1rem;
    line-height: 1.22;
}

.dashboard-timeline p,
.dashboard-action-item p,
.dashboard-timeline small,
.dashboard-action-item small,
.dashboard-lane-list span {
    margin: 0;
    color: var(--muted);
    line-height: 1.45;
}

.dashboard-action-item.critical {
    border-color: rgba(170, 67, 67, .34);
    background: linear-gradient(180deg, rgba(255, 249, 247, .98), rgba(255, 241, 237, .9));
}

.dashboard-action-item.warning {
    border-color: rgba(198, 141, 52, .35);
    background: linear-gradient(180deg, rgba(255, 251, 241, .98), rgba(255, 246, 225, .9));
}

.dashboard-lane-list a {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
}

.dashboard-lane-list b {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 16px;
    background: rgba(12, 121, 118, .10);
    color: #0b6667;
    font-size: 1.1rem;
}

.dashboard-quality-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.dashboard-quality-grid div {
    display: grid;
    gap: 5px;
    min-height: 86px;
    padding: 12px;
    border: 1px solid rgba(202, 216, 222, .8);
    border-radius: 18px;
    background: rgba(255, 255, 255, .74);
}

.dashboard-quality-grid div.ready {
    border-color: rgba(12, 121, 118, .32);
    background: rgba(238, 250, 248, .82);
}

.dashboard-quality-grid div.warning {
    border-color: rgba(198, 141, 52, .34);
    background: rgba(255, 247, 229, .82);
}

.dashboard-quality-grid div.critical {
    border-color: rgba(170, 67, 67, .34);
    background: rgba(255, 242, 240, .82);
}

.dashboard-quality-grid strong {
    color: var(--ink);
    font-size: 1rem;
    line-height: 1.12;
}

.dashboard-guardrail-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.dashboard-guardrail-list li {
    padding: 10px 12px;
    border: 1px solid rgba(12, 121, 118, .18);
    border-radius: 16px;
    background: rgba(240, 250, 249, .78);
    color: #31535d;
    font-size: .9rem;
    font-weight: 750;
    line-height: 1.38;
}

.dashboard-briefing-copy {
    position: relative;
    z-index: 1;
    border: 1px solid rgba(16, 59, 70, .15);
    border-radius: 22px;
    background: rgba(255, 255, 255, .76);
}

.dashboard-briefing-copy summary {
    cursor: pointer;
    padding: 15px 18px;
    color: var(--ink);
    font-weight: 900;
}

.dashboard-briefing-copy pre {
    overflow: auto;
    max-height: 360px;
    margin: 0;
    padding: 0 18px 18px;
    color: #2f4d56;
    font: 750 .88rem/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    white-space: pre-wrap;
}

/* Finance portal start: make invoicing the primary mental model before accounting depth. */
.finance-daily-mission {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 1rem;
    margin-bottom: 1.15rem;
    padding: clamp(1rem, 2.6vw, 1.55rem);
    border: 1px solid rgba(13, 83, 83, .2);
    border-radius: 34px;
    background:
        radial-gradient(circle at 8% 12%, rgba(5, 103, 101, .18), transparent 22rem),
        radial-gradient(circle at 88% 4%, rgba(207, 145, 45, .22), transparent 20rem),
        linear-gradient(135deg, #fbf3de 0%, #f8fbf5 44%, #e6f4f1 100%);
    box-shadow: 0 32px 88px rgba(24, 50, 55, .16);
}

.finance-daily-mission::before {
    content: "";
    position: absolute;
    inset: 1rem;
    border: 1px solid rgba(255, 255, 255, .56);
    border-radius: 28px;
    pointer-events: none;
}

.finance-daily-mission::after {
    content: "";
    position: absolute;
    inset: auto -14% -42% 18%;
    height: 52%;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(5, 103, 101, .12), rgba(207, 145, 45, .18), rgba(16, 41, 61, .08));
    transform: rotate(-3deg);
    pointer-events: none;
}

.finance-daily-hero,
.finance-daily-command-grid,
.finance-daily-bottom,
.finance-daily-rules {
    position: relative;
    z-index: 1;
}

.finance-daily-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, .72fr);
    gap: clamp(.9rem, 2vw, 1.25rem);
    align-items: stretch;
}

.finance-daily-copy {
    display: grid;
    align-content: center;
    gap: .55rem;
    min-height: 270px;
    padding: clamp(1rem, 2.7vw, 1.55rem);
    border: 1px solid rgba(16, 41, 61, .12);
    border-radius: 28px;
    background: rgba(255, 255, 255, .66);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7);
}

.finance-daily-copy h1 {
    max-width: 16ch;
    margin: 0;
    color: #10293d;
    font-family: var(--font-heading);
    font-size: clamp(2.55rem, 5.15vw, 5.05rem);
    line-height: .87;
    letter-spacing: -.072em;
    hyphens: none;
    overflow-wrap: normal;
    text-wrap: balance;
    word-break: keep-all;
}

.finance-daily-copy h2 {
    margin: .25rem 0 0;
    color: #0d5353;
    font-family: var(--font-heading);
    font-size: clamp(1.35rem, 2.45vw, 2.25rem);
    line-height: .98;
    letter-spacing: -.035em;
}

.finance-daily-copy p:not(.eyebrow) {
    max-width: 760px;
    margin: 0;
    color: #405467;
    font-size: clamp(.98rem, 1.35vw, 1.12rem);
    font-weight: 710;
    line-height: 1.58;
}

.finance-daily-primary {
    position: relative;
    overflow: hidden;
    display: grid;
    align-content: end;
    gap: .7rem;
    min-height: 270px;
    padding: clamp(1rem, 2.4vw, 1.45rem);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 28px;
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 235, 177, .22), transparent 46%),
        linear-gradient(145deg, #10293d, #0d5353 62%, #9c5a12);
    color: #fffaf0;
    text-decoration: none;
    box-shadow: 0 24px 66px rgba(16, 41, 61, .25);
    transition: transform 160ms ease, box-shadow 160ms ease;
}

.finance-daily-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 30px 78px rgba(16, 41, 61, .3);
    text-decoration: none;
}

.finance-daily-primary span,
.finance-daily-primary small {
    color: rgba(255, 250, 240, .76);
    font-size: .72rem;
    font-style: normal;
    font-weight: 950;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.finance-daily-primary strong {
    max-width: 14ch;
    color: #fffdf7;
    font-family: var(--font-heading);
    font-size: clamp(1.9rem, 3.8vw, 3.55rem);
    line-height: .88;
    letter-spacing: -.065em;
}

.finance-daily-primary em {
    color: rgba(255, 250, 240, .9);
    font-style: normal;
    font-weight: 760;
    line-height: 1.42;
}

.finance-daily-command-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .72rem;
}

.finance-daily-command {
    display: grid;
    gap: .48rem;
    min-height: 164px;
    padding: .92rem;
    border: 1px solid rgba(16, 41, 61, .12);
    border-radius: 24px;
    background: rgba(255, 255, 255, .78);
    color: #10293d;
    text-decoration: none;
    box-shadow: 0 16px 42px rgba(24, 56, 68, .1);
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.finance-daily-command:hover {
    transform: translateY(-3px);
    border-color: rgba(13, 83, 83, .28);
    box-shadow: 0 22px 56px rgba(24, 56, 68, .15);
    text-decoration: none;
}

.finance-daily-command::before {
    content: "";
    width: .78rem;
    height: .78rem;
    border-radius: 999px;
    background: #0d5353;
    box-shadow: 0 0 0 5px rgba(13, 83, 83, .1);
}

.finance-daily-command.tone-release::before { background: #9c5a12; box-shadow: 0 0 0 5px rgba(156, 90, 18, .11); }
.finance-daily-command.tone-bank::before { background: #245e8f; box-shadow: 0 0 0 5px rgba(36, 94, 143, .11); }
.finance-daily-command.tone-creditor::before { background: #5f6b2d; box-shadow: 0 0 0 5px rgba(95, 107, 45, .12); }
.finance-daily-command.tone-tax::before { background: #172d40; box-shadow: 0 0 0 5px rgba(23, 45, 64, .11); }

.finance-daily-command strong {
    color: #10293d;
    font-family: var(--font-heading);
    font-size: clamp(1rem, 1.4vw, 1.27rem);
    line-height: .98;
    letter-spacing: -.03em;
}

.finance-daily-command span {
    color: #405467;
    font-size: .84rem;
    font-weight: 710;
    line-height: 1.42;
}

.finance-daily-command small {
    margin-top: auto;
    color: #0d5353;
    font-size: .71rem;
    font-weight: 950;
    letter-spacing: .06em;
    line-height: 1.3;
    text-transform: uppercase;
}

.finance-daily-bottom {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
    gap: .75rem;
}

.finance-daily-proof,
.finance-daily-candidate,
.finance-daily-rules {
    border: 1px solid rgba(16, 41, 61, .11);
    border-radius: 24px;
    background: rgba(255, 255, 255, .74);
    box-shadow: 0 14px 36px rgba(24, 56, 68, .08);
}

.finance-daily-proof {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .55rem;
    padding: .75rem;
}

.finance-daily-proof span {
    display: grid;
    gap: .25rem;
    align-content: start;
    min-height: 76px;
    padding: .7rem;
    border-radius: 18px;
    background: rgba(244, 248, 246, .88);
    color: #334b58;
    font-size: .78rem;
    font-weight: 850;
}

.finance-daily-proof b {
    display: inline-grid;
    place-items: center;
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 999px;
    background: #0d5353;
    color: #fffaf0;
    font-size: .73rem;
}

.finance-daily-candidate {
    display: grid;
    gap: .32rem;
    padding: .95rem 1rem;
    color: #10293d;
    text-decoration: none;
}

.finance-daily-candidate:hover {
    text-decoration: none;
    border-color: rgba(13, 83, 83, .25);
}

.finance-daily-candidate span {
    color: #0d5353;
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.finance-daily-candidate strong {
    color: #10293d;
    font-family: var(--font-heading);
    font-size: clamp(1.05rem, 1.6vw, 1.35rem);
    line-height: 1;
}

.finance-daily-candidate small {
    color: #566a74;
    font-weight: 780;
    line-height: 1.36;
}

.finance-daily-rules {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .6rem;
    padding: .72rem;
}

.finance-daily-rules span {
    padding: .76rem .85rem;
    border-radius: 18px;
    background: rgba(255, 250, 240, .82);
    color: #4f391f;
    font-size: .82rem;
    font-weight: 870;
    line-height: 1.38;
}

.finance-portal-start {
    display: grid;
    gap: 1rem;
    margin-bottom: 1.2rem;
}

.finance-portal-hero {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(330px, 0.75fr);
    gap: clamp(1rem, 2.3vw, 1.6rem);
    padding: clamp(1.35rem, 3vw, 2.4rem);
    border: 1px solid rgba(24, 79, 90, 0.18);
    border-radius: 36px;
    background:
        radial-gradient(circle at 9% 12%, rgba(15, 122, 120, 0.18), transparent 28%),
        radial-gradient(circle at 88% 6%, rgba(168, 100, 28, 0.16), transparent 30%),
        linear-gradient(135deg, #ffffff, #eef8f7 54%, #fff3df);
    box-shadow: 0 30px 90px rgba(31, 40, 48, 0.17);
}

.finance-portal-hero::after {
    content: "";
    position: absolute;
    inset: auto -10% -38% 30%;
    height: 55%;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(15, 122, 120, 0.08), rgba(168, 100, 28, 0.14), rgba(36, 94, 143, 0.1));
    transform: rotate(-4deg);
    pointer-events: none;
}

.finance-portal-copy,
.finance-portal-status {
    position: relative;
    z-index: 1;
}

.finance-portal-copy h1 {
    max-width: 840px;
    margin: 0.16rem 0 0.75rem;
    color: #10293d;
    font-family: var(--font-heading);
    font-size: clamp(2.25rem, 4.7vw, 4.45rem);
    line-height: 0.93;
    letter-spacing: -0.068em;
}

.finance-portal-copy p:not(.eyebrow) {
    max-width: 900px;
    margin: 0;
    color: #405467;
    font-size: clamp(1rem, 1.55vw, 1.18rem);
    line-height: 1.65;
}

.finance-portal-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    margin-top: 1.25rem;
}

.finance-command-chooser {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.72rem;
    margin-top: 1rem;
}

.finance-command-choice {
    display: grid;
    gap: 0.45rem;
    min-height: 168px;
    padding: 0.9rem;
    border-radius: 24px;
    border: 1px solid rgba(24, 79, 90, 0.14);
    background:
        radial-gradient(circle at 96% 0%, rgba(15, 122, 120, 0.08), transparent 42%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 251, 250, 0.96));
    color: #10293d;
    text-decoration: none;
    box-shadow: 0 16px 42px rgba(24, 56, 68, 0.09);
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.finance-command-choice:hover {
    transform: translateY(-3px);
    border-color: rgba(15, 122, 120, 0.28);
    box-shadow: 0 22px 58px rgba(24, 56, 68, 0.14);
    text-decoration: none;
}

.finance-command-choice strong {
    color: #10293d;
    font-family: var(--font-heading);
    font-size: clamp(1.02rem, 1.35vw, 1.28rem);
    line-height: 1.02;
}

.finance-command-choice span {
    color: #405467;
    font-size: 0.84rem;
    line-height: 1.42;
}

.finance-command-choice small {
    margin-top: auto;
    color: #0b6b6b;
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.finance-command-choice::before {
    content: "";
    width: 0.78rem;
    height: 0.78rem;
    border-radius: 999px;
    background: #0f7a78;
    box-shadow: 0 0 0 5px rgba(15, 122, 120, 0.1);
}

.finance-command-choice.tone-honorar::before { background: #245e8f; box-shadow: 0 0 0 5px rgba(36, 94, 143, 0.1); }
.finance-command-choice.tone-dispatch::before { background: #b45f11; box-shadow: 0 0 0 5px rgba(180, 95, 17, 0.1); }
.finance-command-choice.tone-control::before { background: #172d40; box-shadow: 0 0 0 5px rgba(23, 45, 64, 0.1); }

.finance-portal-status {
    display: grid;
    gap: 0.82rem;
    align-content: center;
    padding: 1.1rem;
    border: 1px solid rgba(31, 40, 48, 0.16);
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 22px 55px rgba(31, 40, 48, 0.14);
}

.finance-portal-status > span,
.finance-portal-action-card span,
.finance-portal-flow-card .eyebrow,
.finance-portal-decision-card .eyebrow,
.finance-portal-guardrails .eyebrow {
    color: #0b6b6b;
    font-size: 0.73rem;
    font-weight: 950;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.finance-portal-status > strong {
    color: #13283b;
    font-family: var(--font-heading);
    font-size: clamp(1.8rem, 3.3vw, 2.65rem);
    line-height: 0.95;
}

.finance-portal-status > p {
    margin: 0;
    color: var(--ink-soft);
    font-weight: 760;
}

.finance-portal-mini {
    display: grid;
    gap: 0.62rem;
}

.finance-portal-mini div {
    display: grid;
    gap: 0.12rem;
    padding: 0.78rem 0.9rem;
    border: 1px solid rgba(31, 40, 48, 0.09);
    border-radius: 20px;
    background: rgba(247, 250, 250, 0.86);
}

.finance-portal-mini b {
    color: #10293d;
    font-family: var(--font-heading);
    font-size: 1.3rem;
}

.finance-portal-mini small {
    color: var(--ink-muted);
    font-weight: 850;
}

.finance-billing-candidates {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 1rem;
    padding: clamp(1.05rem, 2.3vw, 1.75rem);
    border: 1px solid rgba(18, 95, 91, 0.18);
    border-radius: 34px;
    background:
        radial-gradient(circle at 5% 0%, rgba(15, 122, 120, 0.12), transparent 26rem),
        radial-gradient(circle at 94% 6%, rgba(169, 104, 24, 0.12), transparent 24rem),
        linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(246, 251, 249, 0.94));
    box-shadow: 0 24px 68px rgba(31, 40, 48, 0.11);
}

.finance-billing-candidates::after {
    content: "";
    position: absolute;
    inset: auto -16% -48% 36%;
    height: 48%;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(15, 122, 120, 0.09), rgba(181, 104, 24, 0.12), rgba(36, 94, 143, 0.08));
    transform: rotate(-5deg);
    pointer-events: none;
}

.finance-billing-candidates-head,
.finance-billing-candidate-grid {
    position: relative;
    z-index: 1;
}

.finance-billing-candidates-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 0.28fr);
    gap: 1rem;
    align-items: end;
}

.finance-billing-candidates-head h2 {
    max-width: 15ch;
    margin: 0;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(2.05rem, 4.2vw, 4.1rem);
    line-height: 0.9;
    letter-spacing: -0.07em;
}

.finance-billing-candidates-head p:not(.eyebrow) {
    max-width: 780px;
    margin: 0.62rem 0 0;
    color: rgba(20, 48, 56, 0.76);
    font-size: clamp(0.98rem, 1.45vw, 1.12rem);
    line-height: 1.6;
}

.finance-billing-candidates-head aside {
    display: grid;
    gap: 0.32rem;
    padding: 1rem;
    border: 1px solid rgba(20, 48, 56, 0.12);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 18px 42px rgba(31, 40, 48, 0.09);
}

.finance-billing-candidates-head aside span {
    color: #0d6c68;
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.finance-billing-candidates-head aside strong {
    color: #10293d;
    font-family: var(--font-heading);
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 0.92;
}

.finance-billing-candidates-head aside small {
    color: rgba(20, 48, 56, 0.68);
    font-size: 0.8rem;
    font-weight: 850;
    line-height: 1.35;
}

.finance-billing-candidate-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.82rem;
}

.finance-billing-candidate-card {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.86rem;
    min-height: 286px;
    padding: 1rem;
    border: 1px solid rgba(16, 58, 68, 0.13);
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 16px 46px rgba(31, 40, 48, 0.08);
}

.finance-billing-candidate-card::before {
    content: "";
    width: 0.82rem;
    height: 0.82rem;
    border-radius: 999px;
    background: #245e8f;
    box-shadow: 0 0 0 6px rgba(36, 94, 143, 0.1);
}

.finance-billing-candidate-card::after {
    content: "";
    position: absolute;
    inset: auto -28% -36% 22%;
    height: 96px;
    border-radius: 999px;
    background: rgba(36, 94, 143, 0.07);
    transform: rotate(-8deg);
    pointer-events: none;
}

.finance-billing-candidate-card.tone-hoai::before { background: #b4621d; box-shadow: 0 0 0 6px rgba(180, 98, 29, 0.12); }
.finance-billing-candidate-card.tone-hoai::after { background: rgba(180, 98, 29, 0.08); }
.finance-billing-candidate-card.tone-court::before { background: #9f5555; box-shadow: 0 0 0 6px rgba(159, 85, 85, 0.12); }
.finance-billing-candidate-card.tone-court::after { background: rgba(159, 85, 85, 0.08); }
.finance-billing-candidate-card.tone-honorar::before { background: #245e8f; box-shadow: 0 0 0 6px rgba(36, 94, 143, 0.12); }
.finance-billing-candidate-card.tone-honorar::after { background: rgba(36, 94, 143, 0.08); }
.finance-billing-candidate-card.status-attention { border-color: rgba(180, 98, 29, 0.26); }

.finance-billing-candidate-title,
.finance-billing-candidate-facts,
.finance-billing-candidate-reason,
.finance-billing-candidate-actions {
    position: relative;
    z-index: 1;
}

.finance-billing-candidate-title {
    display: grid;
    gap: 0.35rem;
}

.finance-billing-candidate-title span {
    color: #0d6c68;
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.finance-billing-candidate-title strong {
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.14rem, 1.55vw, 1.46rem);
    line-height: 1.02;
    letter-spacing: -0.035em;
}

.finance-billing-candidate-title p,
.finance-billing-candidate-reason {
    margin: 0;
    color: rgba(20, 48, 56, 0.74);
    font-size: 0.88rem;
    line-height: 1.45;
}

.finance-billing-candidate-facts {
    display: flex;
    flex-wrap: wrap;
    gap: 0.36rem;
}

.finance-billing-candidate-facts b {
    padding: 0.32rem 0.5rem;
    border-radius: 999px;
    background: rgba(20, 48, 56, 0.07);
    color: rgba(20, 48, 56, 0.78);
    font-size: 0.74rem;
    font-weight: 900;
}

.finance-billing-candidate-reason {
    margin-top: auto;
    font-weight: 780;
}

.finance-billing-candidate-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.52rem;
    align-items: center;
}

.finance-billing-candidate-actions small {
    color: rgba(20, 48, 56, 0.58);
    font-size: 0.72rem;
    font-weight: 900;
}

.finance-invoice-compass {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 1rem;
    padding: clamp(1.05rem, 2.4vw, 1.7rem);
    border: 1px solid rgba(15, 95, 104, 0.18);
    border-radius: 34px;
    background:
        radial-gradient(circle at 7% 0%, rgba(15, 122, 120, 0.14), transparent 28rem),
        radial-gradient(circle at 90% 6%, rgba(208, 137, 43, 0.13), transparent 24rem),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(238, 248, 247, 0.94));
    box-shadow: 0 26px 74px rgba(31, 40, 48, 0.12);
}

.finance-invoice-compass::after {
    content: "";
    position: absolute;
    inset: auto -14% -44% 34%;
    height: 44%;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(15, 122, 120, 0.08), rgba(208, 137, 43, 0.12), rgba(37, 94, 143, 0.08));
    transform: rotate(-5deg);
    pointer-events: none;
}

.finance-invoice-compass-head,
.finance-invoice-compass-grid,
.finance-invoice-compass-rails {
    position: relative;
    z-index: 1;
}

.finance-invoice-compass-head {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(300px, 1fr);
    gap: 1rem;
    align-items: end;
}

.finance-invoice-compass-head h2 {
    max-width: 12ch;
    margin: 0;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(2.15rem, 4.8vw, 4.75rem);
    line-height: 0.88;
    letter-spacing: -0.075em;
}

.finance-invoice-compass-head p:not(.eyebrow) {
    margin: 0;
    color: rgba(20, 48, 56, 0.78);
    font-size: clamp(1rem, 1.55vw, 1.16rem);
    line-height: 1.6;
}

.finance-invoice-compass-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.72rem;
}

.finance-invoice-choice {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.55rem;
    min-height: 260px;
    padding: 0.95rem;
    border: 1px solid rgba(16, 58, 68, 0.13);
    border-radius: 25px;
    background: rgba(255, 255, 255, 0.88);
    color: inherit;
    text-decoration: none;
    box-shadow: 0 16px 44px rgba(31, 40, 48, 0.08);
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.finance-invoice-choice::before {
    content: "";
    width: 0.82rem;
    height: 0.82rem;
    border-radius: 999px;
    background: #0f7a78;
    box-shadow: 0 0 0 6px rgba(15, 122, 120, 0.11);
}

.finance-invoice-choice::after {
    content: "";
    position: absolute;
    inset: auto -26% -40% 24%;
    height: 92px;
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.08);
    transform: rotate(-8deg);
}

.finance-invoice-choice:hover {
    transform: translateY(-4px);
    border-color: rgba(15, 122, 120, 0.32);
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 26px 70px rgba(31, 40, 48, 0.14);
    text-decoration: none;
}

.finance-invoice-choice.tone-hoai::before { background: #b4621d; box-shadow: 0 0 0 6px rgba(180, 98, 29, 0.12); }
.finance-invoice-choice.tone-hoai::after { background: rgba(180, 98, 29, 0.09); }
.finance-invoice-choice.tone-court::before { background: #9f5555; box-shadow: 0 0 0 6px rgba(159, 85, 85, 0.12); }
.finance-invoice-choice.tone-court::after { background: rgba(159, 85, 85, 0.09); }
.finance-invoice-choice.tone-honorar::before { background: #245e8f; box-shadow: 0 0 0 6px rgba(36, 94, 143, 0.12); }
.finance-invoice-choice.tone-honorar::after { background: rgba(36, 94, 143, 0.08); }
.finance-invoice-choice.tone-collective::before { background: #167e55; box-shadow: 0 0 0 6px rgba(22, 126, 85, 0.12); }
.finance-invoice-choice.tone-collective::after { background: rgba(22, 126, 85, 0.08); }
.finance-invoice-choice.tone-creditor::before { background: #7862a9; box-shadow: 0 0 0 6px rgba(120, 98, 169, 0.12); }
.finance-invoice-choice.tone-creditor::after { background: rgba(120, 98, 169, 0.08); }
.finance-invoice-choice.tone-control::before { background: #172d40; box-shadow: 0 0 0 6px rgba(23, 45, 64, 0.12); }
.finance-invoice-choice.tone-control::after { background: rgba(23, 45, 64, 0.08); }

.finance-invoice-choice span,
.finance-invoice-choice strong,
.finance-invoice-choice p,
.finance-invoice-choice small,
.finance-invoice-choice-needs,
.finance-invoice-choice-cta {
    position: relative;
    z-index: 1;
}

.finance-invoice-choice span {
    color: #0d6c68;
    font-size: 0.74rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.finance-invoice-choice strong {
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.08rem, 1.45vw, 1.4rem);
    line-height: 1.02;
    letter-spacing: -0.03em;
}

.finance-invoice-choice p {
    margin: 0;
    color: rgba(20, 48, 56, 0.75);
    font-size: 0.86rem;
    line-height: 1.45;
}

.finance-invoice-choice-needs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    align-items: center;
}

.finance-invoice-choice-needs b {
    flex-basis: 100%;
    color: rgba(20, 48, 56, 0.54);
    font-size: 0.65rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.finance-invoice-choice-needs em {
    padding: 0.26rem 0.44rem;
    border-radius: 999px;
    background: rgba(20, 48, 56, 0.07);
    color: rgba(20, 48, 56, 0.76);
    font-size: 0.74rem;
    font-style: normal;
    font-weight: 850;
}

.finance-invoice-choice small {
    margin-top: auto;
    color: rgba(20, 48, 56, 0.66);
    font-size: 0.74rem;
    font-weight: 850;
    line-height: 1.35;
}

.finance-invoice-choice-cta {
    width: fit-content;
    padding: 0.48rem 0.66rem;
    border-radius: 999px;
    background: #102f34;
    color: #fff;
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.finance-invoice-compass-rails {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.72rem;
}

.finance-invoice-compass-rails article {
    display: grid;
    gap: 0.35rem;
    min-height: 116px;
    padding: 0.9rem;
    border: 1px solid rgba(16, 58, 68, 0.1);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.72);
}

.finance-invoice-compass-rails strong {
    color: var(--ink);
    font-family: var(--font-heading);
    line-height: 1.04;
}

.finance-invoice-compass-rails p {
    margin: 0;
    color: rgba(20, 48, 56, 0.72);
    font-size: 0.82rem;
    line-height: 1.42;
}

.finance-invoice-compass-rails .finance-invoice-script {
    background:
        radial-gradient(circle at 100% 0%, rgba(15, 122, 120, 0.12), transparent 70%),
        rgba(15, 48, 52, 0.94);
    color: #eef8f8;
}

.finance-invoice-script strong {
    color: #fff;
}

.finance-invoice-script span {
    padding-left: 0.75rem;
    border-left: 3px solid rgba(132, 221, 215, 0.76);
    color: rgba(238, 248, 248, 0.84);
    font-size: 0.82rem;
    line-height: 1.38;
}

.finance-portal-depth-drawer {
    overflow: hidden;
    border: 1px solid rgba(27, 54, 66, 0.11);
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 16px 44px rgba(31, 40, 48, 0.08);
}

.finance-portal-depth-drawer[open] {
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 28px 74px rgba(31, 40, 48, 0.12);
}

.finance-portal-depth-drawer > summary {
    position: relative;
    display: grid;
    grid-template-columns: minmax(160px, 0.22fr) minmax(240px, 0.45fr) minmax(260px, 1fr);
    gap: 0.85rem;
    align-items: center;
    padding: 1rem 1.15rem;
    cursor: pointer;
    list-style: none;
}

.finance-portal-depth-drawer > summary::-webkit-details-marker {
    display: none;
}

.finance-portal-depth-drawer > summary::after {
    content: "+";
    position: absolute;
    right: 1rem;
    top: 50%;
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.1);
    color: #0d6c68;
    font-size: 1.2rem;
    font-weight: 900;
    transform: translateY(-50%);
}

.finance-portal-depth-drawer[open] > summary::after {
    content: "−";
}

.finance-portal-depth-drawer > summary span {
    color: #0d6c68;
    font-size: 0.74rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.finance-portal-depth-drawer > summary strong {
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.05rem, 1.8vw, 1.42rem);
    line-height: 1;
    letter-spacing: -0.03em;
}

.finance-portal-depth-drawer > summary small {
    max-width: 820px;
    padding-right: 2rem;
    color: var(--ink-soft);
    font-size: 0.92rem;
    line-height: 1.42;
}

.finance-portal-depth-drawer > .finance-revenue-command,
.finance-portal-depth-drawer > .finance-portal-action-grid,
.finance-portal-depth-drawer > .finance-portal-lower-grid,
.finance-portal-depth-drawer > .finance-portal-guardrails {
    margin: 0;
    border-radius: 0;
    box-shadow: none;
}

.finance-portal-depth-drawer > .finance-portal-action-grid,
.finance-portal-depth-drawer > .finance-portal-lower-grid {
    padding: 1rem;
}

.finance-revenue-command {
    display: grid;
    gap: 0.9rem;
    padding: clamp(1rem, 2vw, 1.25rem);
    border: 1px solid rgba(31, 40, 48, 0.1);
    border-radius: 34px;
    background:
        linear-gradient(135deg, rgba(17, 36, 47, 0.96), rgba(50, 76, 72, 0.92)),
        radial-gradient(circle at 8% 8%, rgba(255, 255, 255, 0.18), transparent 28%),
        radial-gradient(circle at 92% 4%, rgba(229, 111, 49, 0.2), transparent 32%);
    color: #fff;
    box-shadow: 0 28px 86px rgba(31, 40, 48, 0.22);
}

.finance-revenue-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.76fr);
    gap: 1rem;
    align-items: end;
}

.finance-revenue-head .eyebrow {
    color: rgba(255, 255, 255, 0.68);
}

.finance-revenue-head h2 {
    margin: 0.15rem 0 0;
    color: #fff;
    font-family: var(--font-heading);
    font-size: clamp(1.75rem, 3.6vw, 3.15rem);
    line-height: 0.96;
    letter-spacing: -0.055em;
}

.finance-revenue-head > p {
    margin: 0;
    color: rgba(255, 255, 255, 0.76);
    line-height: 1.55;
}

.finance-mode-matrix {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.7rem;
}

.finance-mode-card {
    display: grid;
    gap: 0.42rem;
    min-height: 218px;
    padding: 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.1);
    color: inherit;
    text-decoration: none;
}

.finance-mode-card:hover {
    text-decoration: none;
    transform: translateY(-2px);
    background: rgba(255, 255, 255, 0.14);
}

.finance-mode-card span {
    width: fit-content;
    padding: 0.3rem 0.5rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.13);
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.74rem;
    font-weight: 950;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.finance-mode-card strong {
    color: #fff;
    font-family: var(--font-heading);
    font-size: clamp(1.18rem, 2vw, 1.58rem);
    line-height: 0.98;
}

.finance-mode-card p,
.finance-mode-card small {
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.38;
}

.finance-mode-card small {
    font-weight: 850;
}

.finance-work-object-suite {
    display: grid;
    gap: 0.72rem;
    padding: 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.08);
}

.finance-work-object-head {
    display: grid;
    grid-template-columns: minmax(0, 0.42fr) minmax(0, 1fr);
    gap: 0.8rem;
    align-items: end;
}

.finance-work-object-head .eyebrow {
    color: rgba(255, 255, 255, 0.62);
}

.finance-work-object-head h3 {
    margin: 0;
    color: #fff;
    font-family: var(--font-heading);
    font-size: clamp(1.28rem, 2.4vw, 2.2rem);
    line-height: 0.98;
    letter-spacing: -0.04em;
}

.finance-work-object-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.55rem;
}

.finance-work-object-card {
    display: grid;
    gap: 0.34rem;
    min-height: 184px;
    padding: 0.72rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.09);
    color: inherit;
    text-decoration: none;
}

.finance-work-object-card:hover {
    background: rgba(255, 255, 255, 0.14);
    text-decoration: none;
    transform: translateY(-2px);
}

.finance-work-object-card span,
.finance-work-object-card small {
    color: rgba(255, 255, 255, 0.66);
    font-size: 0.74rem;
    font-weight: 950;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.finance-work-object-card strong {
    color: #fff;
    font-family: var(--font-heading);
    font-size: 1.06rem;
    line-height: 1;
}

.finance-work-object-card p {
    margin: 0;
    color: rgba(255, 255, 255, 0.73);
    font-size: 0.82rem;
    line-height: 1.33;
}

.finance-billing-chain {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.55rem;
}

.finance-billing-chain a {
    display: grid;
    gap: 0.28rem;
    min-height: 162px;
    padding: 0.74rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.08);
    color: inherit;
    text-decoration: none;
}

.finance-billing-chain a:hover {
    background: rgba(255, 255, 255, 0.12);
    text-decoration: none;
}

.finance-billing-chain span,
.finance-billing-chain small {
    color: rgba(255, 255, 255, 0.64);
    font-size: 0.7rem;
    font-weight: 950;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.finance-billing-chain strong {
    color: #fff;
    font-family: var(--font-heading);
    font-size: 1.08rem;
}

.finance-billing-chain p {
    margin: 0;
    color: rgba(255, 255, 255, 0.74);
    font-size: 0.84rem;
    line-height: 1.33;
}

.finance-release-locks {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.6rem;
}

.finance-release-locks article {
    display: grid;
    gap: 0.2rem;
    padding: 0.72rem 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.08);
}

.finance-release-locks strong {
    color: #fff;
}

.finance-release-locks span {
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.84rem;
}

.finance-portal-action-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem;
}

.finance-portal-action-card {
    position: relative;
    overflow: hidden;
    min-height: 100%;
    border: 1px solid rgba(31, 40, 48, 0.1);
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 18px 44px rgba(31, 40, 48, 0.08);
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.finance-portal-action-card::before {
    content: "";
    position: absolute;
    inset: -24% -18% auto auto;
    width: 165px;
    height: 165px;
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.14);
    pointer-events: none;
}

.finance-portal-action-card.blue::before { background: rgba(36, 94, 143, 0.15); }
.finance-portal-action-card.sand::before { background: rgba(229, 111, 49, 0.15); }
.finance-portal-action-card.green::before { background: rgba(21, 127, 87, 0.15); }
.finance-portal-action-card.hoai::before { background: rgba(180, 95, 17, 0.16); }
.finance-portal-action-card.court::before { background: rgba(77, 96, 122, 0.16); }
.finance-portal-action-card.violet::before { background: rgba(102, 82, 142, 0.15); }
.finance-portal-action-card.dark::before { background: rgba(20, 32, 52, 0.16); }

.finance-portal-action-card:hover {
    transform: translateY(-2px);
    border-color: rgba(15, 122, 120, 0.28);
    box-shadow: 0 24px 58px rgba(31, 40, 48, 0.13);
}

.finance-portal-action-card a {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.56rem;
    min-height: 252px;
    padding: 1rem;
    color: inherit;
    text-decoration: none;
}

.finance-portal-action-card strong {
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.12rem, 1.62vw, 1.42rem);
    line-height: 1.02;
    letter-spacing: -0.028em;
    overflow-wrap: normal;
    hyphens: none;
}

.finance-portal-action-card em {
    color: #172d40;
    font-style: normal;
    font-weight: 920;
    line-height: 1.22;
}

.finance-portal-action-card p {
    margin: 0;
    color: var(--ink-soft);
    line-height: 1.48;
}

.finance-portal-action-card small {
    display: inline-flex;
    gap: 0.35rem;
    align-items: center;
    width: fit-content;
    padding: 0.38rem 0.56rem;
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.09);
    color: #0d6262;
    font-weight: 850;
}

.finance-portal-action-card i {
    align-self: end;
    width: fit-content;
    margin-top: 0.15rem;
    padding: 0.62rem 0.82rem;
    border-radius: 999px;
    background: var(--ink);
    color: #fff;
    font-style: normal;
    font-weight: 900;
}

.finance-portal-lower-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
    gap: 1rem;
}

.finance-portal-flow-card,
.finance-portal-decision-card,
.finance-portal-guardrails {
    padding: 1rem;
    border: 1px solid rgba(31, 40, 48, 0.1);
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.74);
    box-shadow: var(--shadow-soft);
}

.finance-portal-flow-card h2,
.finance-portal-decision-card h2,
.finance-portal-guardrails h2 {
    margin: 0.16rem 0 0.85rem;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.35rem, 2.35vw, 2.05rem);
    line-height: 1;
    letter-spacing: -0.04em;
}

.finance-portal-lanes,
.finance-portal-decisions {
    display: grid;
    gap: 0.58rem;
}

.finance-portal-lanes a,
.finance-portal-decisions a {
    display: grid;
    gap: 0.25rem;
    padding: 0.82rem 0.9rem;
    border: 1px solid rgba(31, 40, 48, 0.09);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.78);
    color: inherit;
    text-decoration: none;
}

.finance-portal-lanes strong,
.finance-portal-decisions strong {
    color: var(--ink);
}

.finance-portal-lanes span,
.finance-portal-decisions span,
.finance-portal-lanes small {
    color: var(--ink-soft);
}

.finance-portal-lanes small {
    font-weight: 900;
}

.finance-portal-guardrails ul {
    margin: 0;
    padding-left: 1.1rem;
    color: var(--ink-soft);
}

.finance-portal-guardrails li + li {
    margin-top: 0.48rem;
}

.finance-workspace-rail {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.72rem;
    margin: 0.2rem 0 1rem;
}

.finance-workspace-rail a {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.24rem;
    min-height: 128px;
    padding: 0.92rem;
    border: 1px solid rgba(27, 54, 66, 0.11);
    border-radius: 24px;
    background:
        linear-gradient(150deg, rgba(255, 255, 255, 0.94), rgba(242, 248, 247, 0.86)),
        radial-gradient(circle at 90% 0%, rgba(15, 122, 120, 0.13), transparent 46%);
    color: inherit;
    text-decoration: none;
    box-shadow: 0 18px 48px rgba(31, 40, 48, 0.08);
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.finance-workspace-rail a::after {
    content: "";
    position: absolute;
    inset: auto -22% -44% 28%;
    height: 72px;
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.1);
    transform: rotate(-8deg);
}

.finance-workspace-rail a:hover {
    transform: translateY(-2px);
    border-color: rgba(15, 122, 120, 0.32);
    box-shadow: 0 26px 64px rgba(31, 40, 48, 0.13);
    text-decoration: none;
}

.finance-workspace-rail a.primary {
    background:
        linear-gradient(145deg, rgba(18, 43, 52, 0.97), rgba(15, 122, 120, 0.88)),
        radial-gradient(circle at 88% 6%, rgba(255, 255, 255, 0.2), transparent 36%);
    color: #fff;
}

.finance-workspace-rail span,
.finance-detail-drawer > summary span {
    color: #0d6c68;
    font-size: 0.74rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.finance-workspace-rail a.primary span {
    color: rgba(255, 255, 255, 0.72);
}

.finance-workspace-rail strong {
    position: relative;
    z-index: 1;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1rem, 1.55vw, 1.3rem);
    line-height: 1;
    letter-spacing: -0.03em;
}

.finance-workspace-rail a.primary strong {
    color: #fff;
}

.finance-workspace-rail small {
    position: relative;
    z-index: 1;
    color: var(--ink-soft);
    font-size: 0.78rem;
    line-height: 1.32;
}

.finance-workspace-rail a.primary small {
    color: rgba(255, 255, 255, 0.74);
}

.finance-detail-drawers {
    display: grid;
    gap: 0.82rem;
    margin-top: 0.7rem;
}

.finance-detail-drawer {
    overflow: hidden;
    border: 1px solid rgba(27, 54, 66, 0.11);
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 16px 44px rgba(31, 40, 48, 0.08);
}

.finance-detail-drawer[open] {
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 28px 74px rgba(31, 40, 48, 0.12);
}

.finance-detail-drawer > summary {
    position: relative;
    display: grid;
    grid-template-columns: minmax(150px, 0.18fr) minmax(220px, 0.34fr) minmax(260px, 1fr);
    gap: 0.85rem;
    align-items: center;
    padding: 1rem 1.15rem;
    cursor: pointer;
    list-style: none;
}

.finance-detail-drawer > summary::-webkit-details-marker {
    display: none;
}

.finance-detail-drawer > summary::after {
    content: "+";
    position: absolute;
    right: 1rem;
    top: 50%;
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.1);
    color: #0d6c68;
    font-size: 1.2rem;
    font-weight: 900;
    transform: translateY(-50%);
}

.finance-detail-drawer[open] > summary::after {
    content: "−";
}

.finance-detail-drawer > summary strong {
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.05rem, 1.8vw, 1.42rem);
    line-height: 1;
    letter-spacing: -0.03em;
}

.finance-detail-drawer > summary small {
    max-width: 820px;
    padding-right: 2rem;
    color: var(--ink-soft);
    font-size: 0.92rem;
    line-height: 1.42;
}

.finance-detail-drawer > .app-section-stack,
.finance-detail-drawer > .app-decision-strip,
.finance-detail-drawer > .grid,
.finance-detail-drawer > .card {
    margin: 0;
    border-radius: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    box-shadow: none;
}

.finance-detail-drawer > .grid,
.finance-detail-drawer > .app-decision-strip {
    padding: 1rem;
}

@media (max-width: 1180px) {
    .dashboard-command-stage,
    .dashboard-command-grid,
    .dashboard-command-grid.secondary,
    .dashboard-command-metrics,
    .operating-mission-focus,
    .operating-mission-grid,
    .finance-daily-hero,
    .finance-daily-bottom,
    .finance-portal-hero,
    .finance-invoice-compass-head,
    .finance-portal-lower-grid,
    .finance-revenue-head {
        grid-template-columns: 1fr 1fr;
    }

    .dashboard-command-copy {
        grid-column: 1 / -1;
    }

    .finance-portal-action-grid,
    .finance-daily-command-grid,
    .finance-command-chooser,
    .finance-billing-candidate-grid,
    .finance-invoice-compass-grid,
    .finance-invoice-compass-rails,
    .operating-mission-pulse,
    .operating-mission-fastpath-grid,
    .finance-mode-matrix,
    .finance-work-object-grid,
    .finance-release-locks,
    .finance-workspace-rail {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .finance-billing-chain {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .finance-daily-proof,
    .finance-daily-rules {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .dashboard-operating-command {
        padding: 18px;
        border-radius: 26px;
    }

    .dashboard-command-stage,
    .dashboard-command-grid,
    .dashboard-command-grid.secondary,
    .dashboard-command-metrics,
    .dashboard-quality-grid,
    .operating-mission-focus,
    .operating-mission-grid,
    .operating-mission-pulse,
    .operating-mission-fastpath-grid,
    .finance-daily-hero,
    .finance-daily-command-grid,
    .finance-daily-bottom,
    .finance-daily-proof,
    .finance-daily-rules,
    .finance-portal-hero,
    .finance-command-chooser,
    .finance-billing-candidates-head,
    .finance-billing-candidate-grid,
    .finance-invoice-compass-head,
    .finance-invoice-compass-grid,
    .finance-invoice-compass-rails,
    .finance-portal-action-grid,
    .finance-portal-lower-grid,
    .finance-revenue-head,
    .finance-work-object-head,
    .finance-work-object-grid,
    .finance-mode-matrix,
    .finance-billing-chain,
    .finance-release-locks,
    .finance-workspace-rail,
    .finance-portal-depth-drawer > summary,
    .finance-detail-drawer > summary {
        grid-template-columns: 1fr;
    }

    .finance-invoice-compass {
        border-radius: 26px;
        padding: 1rem;
    }

    .finance-billing-candidates {
        border-radius: 26px;
        padding: 1rem;
    }

    .finance-daily-mission {
        border-radius: 26px;
        padding: 1rem;
    }

    .finance-daily-copy,
    .finance-daily-primary {
        min-height: auto;
    }

    .finance-invoice-choice,
    .finance-daily-command,
    .finance-billing-candidate-card,
    .finance-invoice-compass-rails article {
        min-height: auto;
    }

    .dashboard-command-copy h2 {
        max-width: 14ch;
    }

    .dashboard-command-chief {
        min-height: 0;
    }

    .operating-mission-control {
        border-radius: 1.35rem;
        padding: .85rem;
    }

    .operating-mission-focus h2 {
        max-width: 13ch;
        font-size: clamp(2rem, 13vw, 3.3rem);
    }

    .operating-mission-fastpath {
        min-height: auto;
    }

    .finance-portal-copy h1 {
        font-size: clamp(2.15rem, 15vw, 3.35rem);
    }

    .finance-portal-action-card a {
        min-height: auto;
    }
}

.customer-control-tower {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 1.05rem;
    margin-top: 1rem;
    padding: clamp(1rem, 2vw, 1.45rem);
    border: 1px solid rgba(22, 61, 72, .15);
    border-radius: 1.7rem;
    background:
        radial-gradient(circle at 8% 8%, rgba(18, 121, 118, .14), transparent 28rem),
        radial-gradient(circle at 92% 8%, rgba(190, 132, 37, .12), transparent 24rem),
        linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(240, 248, 248, .92));
    box-shadow: 0 1.6rem 4rem rgba(18, 55, 66, .10);
}

.customer-control-tower::before {
    content: "";
    position: absolute;
    inset: 1rem;
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 1.25rem;
    pointer-events: none;
}

.customer-control-head,
.customer-control-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(17rem, .65fr);
    gap: 1rem;
    align-items: stretch;
}

.customer-control-head h2 {
    margin: .15rem 0 .45rem;
    max-width: 18ch;
    color: var(--ink, #17333c);
    font-size: clamp(1.7rem, 4vw, 3.65rem);
    line-height: .9;
    letter-spacing: -.055em;
}

.customer-control-head p,
.customer-control-panel p,
.customer-control-decisions p,
.customer-control-lanes p {
    margin: 0;
    color: var(--muted, #5d6f75);
    line-height: 1.5;
}

.customer-control-score {
    display: grid;
    gap: .55rem;
    align-content: center;
    padding: 1.1rem;
    border: 1px solid rgba(18, 121, 118, .24);
    border-radius: 1.35rem;
    background: linear-gradient(155deg, #163d48, #176d70);
    color: #fff;
    box-shadow: 0 1.25rem 3rem rgba(18, 61, 72, .18);
}

.customer-control-score.attention {
    background: linear-gradient(155deg, #674713, #ad7925);
}

.customer-control-score.critical,
.customer-control-score.blocked {
    background: linear-gradient(155deg, #5f2526, #9b3a37);
}

.customer-control-score span,
.customer-control-score small {
    color: rgba(255, 255, 255, .78);
    font-weight: 850;
}

.customer-control-score strong {
    font-size: clamp(2.4rem, 6vw, 4rem);
    line-height: .88;
}

.customer-control-metrics {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .75rem;
}

.customer-control-metrics a,
.customer-control-panel,
.customer-control-decisions a,
.customer-control-lanes a {
    border: 1px solid rgba(199, 216, 222, .82);
    background: rgba(255, 255, 255, .82);
    color: inherit;
    text-decoration: none;
    box-shadow: 0 1rem 2.7rem rgba(25, 64, 76, .08);
}

.customer-control-metrics a {
    display: grid;
    gap: .34rem;
    min-height: 8.2rem;
    padding: .9rem;
    border-radius: 1.15rem;
}

.customer-control-metrics a.ready,
.customer-control-lanes a.ready {
    border-color: rgba(18, 121, 118, .28);
    background: rgba(238, 250, 248, .86);
}

.customer-control-metrics a.attention,
.customer-control-lanes a.attention,
.customer-control-decisions a.warning {
    border-color: rgba(190, 132, 37, .35);
    background: rgba(255, 247, 229, .88);
}

.customer-control-metrics a.critical,
.customer-control-decisions a.critical {
    border-color: rgba(163, 57, 55, .35);
    background: rgba(255, 242, 240, .9);
}

.customer-control-metrics span,
.customer-control-decisions span,
.customer-control-lanes span {
    color: var(--muted, #607078);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.customer-control-metrics strong {
    color: var(--ink, #17333c);
    font-size: clamp(1.2rem, 2vw, 1.75rem);
    line-height: 1;
}

.customer-control-metrics small {
    color: var(--muted, #607078);
    font-weight: 750;
    line-height: 1.32;
}

.customer-control-panel {
    display: grid;
    gap: .85rem;
    min-width: 0;
    padding: 1rem;
    border-radius: 1.35rem;
}

.customer-control-panel h3 {
    margin: .1rem 0 0;
    color: var(--ink, #17333c);
    font-size: clamp(1.15rem, 2vw, 1.65rem);
    line-height: 1;
    letter-spacing: -.03em;
}

.customer-control-decisions,
.customer-control-lanes,
.customer-control-guardrails {
    display: grid;
    gap: .65rem;
}

.customer-control-decisions a,
.customer-control-lanes a {
    display: grid;
    gap: .35rem;
    padding: .85rem;
    border-radius: 1rem;
}

.customer-control-decisions strong,
.customer-control-lanes strong {
    color: var(--ink, #17333c);
    line-height: 1.16;
}

.customer-control-decisions small {
    color: #385862;
    font-weight: 760;
    line-height: 1.32;
}

.customer-control-grid.secondary {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
}

.customer-control-guardrails {
    margin: 0;
    padding: 0;
    list-style: none;
}

.customer-control-guardrails li {
    padding: .75rem .85rem;
    border: 1px solid rgba(18, 121, 118, .18);
    border-radius: .95rem;
    background: rgba(239, 250, 248, .78);
    color: #315862;
    font-size: .9rem;
    font-weight: 780;
    line-height: 1.35;
}

.customer-control-briefing {
    border: 1px solid rgba(22, 61, 72, .14);
    border-radius: 1rem;
    background: rgba(255, 255, 255, .78);
}

.customer-control-briefing summary {
    cursor: pointer;
    padding: .85rem 1rem;
    color: var(--ink, #17333c);
    font-weight: 900;
}

.customer-control-briefing pre {
    overflow: auto;
    max-height: 24rem;
    margin: 0;
    padding: 0 1rem 1rem;
    color: #2f4d56;
    font: 750 .86rem/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    white-space: pre-wrap;
}

@media (max-width: 1180px) {
    .customer-control-metrics {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .customer-control-head,
    .customer-control-grid,
    .customer-control-grid.secondary,
    .customer-control-metrics {
        grid-template-columns: 1fr;
    }

    .customer-control-tower {
        border-radius: 1.35rem;
        padding: .9rem;
    }
}

.document-layout-contract {
    scroll-margin-top: clamp(92px, 9vw, 136px);
    border: 1px solid rgba(34, 94, 84, 0.22);
    border-radius: 30px;
    padding: clamp(1rem, 2.2vw, 1.35rem);
    margin-block: 1.25rem;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(242, 249, 247, 0.9)), radial-gradient(circle at 100% 0%, rgba(214, 169, 90, 0.14), transparent 30%);
    box-shadow: 0 24px 50px rgba(15, 31, 46, 0.08);
}
.document-layout-contract-hero,
.document-layout-contract-board {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
    gap: 1rem;
    align-items: stretch;
}
.document-layout-contract-hero h2 { margin: 0.15rem 0 0.6rem; max-width: 920px; }
.document-layout-contract-score {
    border: 1px solid rgba(34, 94, 84, 0.24);
    border-radius: 24px;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.78);
    display: grid;
    align-content: center;
    gap: 0.5rem;
}
.document-layout-contract-score span,
.document-layout-contract-kpis span,
.document-layout-contract-grid span,
.document-layout-proof-matrix span,
.document-layout-preview-deck span {
    color: #647789;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
.document-layout-contract-score strong { color: #137463; font-size: clamp(2.1rem, 4vw, 3.4rem); line-height: 0.94; }
.document-layout-contract-kpis,
.document-layout-contract-grid,
.document-layout-proof-matrix,
.document-layout-preview-deck { display: grid; gap: 0.8rem; }
.document-layout-contract-kpis { grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 1rem 0; }
.document-layout-contract-kpis article,
.document-layout-contract-grid article,
.document-layout-proof-matrix article,
.document-layout-preview-deck article {
    border: 1px solid rgba(194, 210, 222, 0.9);
    border-radius: 22px;
    padding: 0.9rem;
    background: rgba(255, 255, 255, 0.82);
    min-width: 0;
}
.document-layout-contract-kpis strong { display: block; color: #137463; font-size: 1.7rem; line-height: 1.05; }
.document-layout-contract-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.document-layout-contract-grid article.ready,
.document-layout-proof-matrix article.ready { border-color: rgba(19, 116, 99, 0.32); }
.document-layout-contract-grid strong,
.document-layout-preview-deck strong { display: block; margin: 0.35rem 0; color: #203040; font-size: 1.04rem; line-height: 1.12; }
.document-layout-contract-grid p,
.document-layout-preview-deck p { margin: 0 0 0.5rem; color: #3d5368; }
.document-layout-contract-grid small,
.document-layout-preview-deck small { color: #5f7286; }
.document-layout-contract-meter { display: flex; align-items: center; justify-content: space-between; gap: 0.6rem; margin-top: 0.75rem; border-top: 1px solid rgba(194, 210, 222, 0.55); padding-top: 0.65rem; }
.document-layout-contract-meter b { color: #137463; font-size: 1.3rem; }
.document-layout-contract-meter em { color: #6a7d8f; font-size: 0.78rem; font-style: normal; text-align: right; }
.document-layout-proof-matrix,
.document-layout-preview-deck { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 1040px) {
    .document-layout-contract-hero,
    .document-layout-contract-board,
    .document-layout-contract-kpis,
    .document-layout-contract-grid,
    .document-layout-proof-matrix,
    .document-layout-preview-deck { grid-template-columns: 1fr; }
}

.professional-work-objects {
    margin: 1.4rem 0;
    border: 1px solid rgba(30, 116, 105, 0.24);
    border-radius: 30px;
    padding: clamp(1rem, 2vw, 1.35rem);
    background:
        radial-gradient(circle at 8% 12%, rgba(18, 132, 121, 0.13), transparent 26%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(246, 250, 247, 0.95));
    box-shadow: 0 24px 62px rgba(22, 67, 67, 0.11);
}
.professional-work-object-hero,
.professional-work-object-board {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.3fr);
    gap: 1rem;
    align-items: stretch;
}
.professional-work-object-hero h2 { margin: 0.15rem 0 0.6rem; max-width: 980px; }
.professional-work-object-score {
    border: 1px solid rgba(30, 116, 105, 0.25);
    border-radius: 24px;
    padding: 1.1rem;
    background: rgba(255,255,255,0.86);
    display: grid;
    align-content: center;
    gap: 0.5rem;
}
.professional-work-object-score span,
.professional-work-object-kpis span,
.professional-work-object-grid span,
.professional-work-object-proof .eyebrow,
.professional-work-object-quickstart .eyebrow {
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #60758a;
    font-weight: 800;
    font-size: 0.76rem;
}
.professional-work-object-score strong { color: #107568; font-size: clamp(2.2rem, 4vw, 3.5rem); line-height: 0.95; }
.professional-work-object-pills,
.professional-work-object-tags,
.professional-work-object-guardrails { display: flex; flex-wrap: wrap; gap: 0.55rem; }
.professional-work-object-pills span,
.professional-work-object-guardrails span {
    border: 1px solid rgba(103, 133, 156, 0.28);
    border-radius: 999px;
    padding: 0.55rem 0.85rem;
    background: rgba(255,255,255,0.78);
    color: #29475f;
    font-weight: 800;
    font-size: 0.86rem;
}
.professional-work-object-kpis,
.professional-work-object-grid {
    display: grid;
    gap: 0.85rem;
    margin: 1rem 0;
}
.professional-work-object-kpis { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.professional-work-object-kpis article,
.professional-work-object-grid article,
.professional-work-object-proof,
.professional-work-object-quickstart {
    border: 1px solid rgba(30, 116, 105, 0.24);
    border-radius: 22px;
    padding: 1rem;
    background: rgba(255,255,255,0.86);
}
.professional-work-object-kpis strong { display: block; color: #107568; font-size: 1.65rem; line-height: 1.05; }
.professional-work-object-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.professional-work-object-grid article.ready { border-color: rgba(16, 117, 104, 0.42); }
.professional-work-object-grid strong { display: block; color: #173047; font-size: 1.05rem; line-height: 1.05; margin: 0.45rem 0; }
.professional-work-object-grid p { color: #3d5368; margin: 0; font-size: 0.92rem; line-height: 1.45; }
.professional-work-object-tags { margin-top: 0.7rem; }
.professional-work-object-tags code { background: rgba(230, 244, 239, 0.9); border-radius: 999px; padding: 0.24rem 0.48rem; color: #0f6d61; }
.professional-work-object-meter { display: flex; align-items: center; justify-content: space-between; gap: 0.65rem; margin-top: 0.75rem; padding-top: 0.65rem; border-top: 1px solid rgba(194, 210, 222, 0.55); }
.professional-work-object-meter b { color: #107568; font-size: 1.25rem; }
.professional-work-object-meter em { color: #60758a; font-size: 0.78rem; font-style: normal; text-align: right; }
.professional-work-object-quickstart details { border-top: 1px solid rgba(194, 210, 222, 0.65); padding: 0.65rem 0; }
.professional-work-object-quickstart summary { cursor: pointer; font-weight: 800; color: #173047; }
.professional-work-object-quickstart textarea { width: 100%; border-radius: 14px; border: 1px solid rgba(103, 133, 156, 0.25); padding: 0.7rem; background: #f8fbf8; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.78rem; }
.professional-work-object-guardrails { margin-top: 1rem; }
@media (max-width: 980px) {
    .professional-work-object-hero,
    .professional-work-object-board,
    .professional-work-object-kpis,
    .professional-work-object-grid { grid-template-columns: 1fr; }
    .professional-work-objects { border-radius: 22px; }
}

.finance-closing-evidence {
    position: relative;
    overflow: hidden;
}

.finance-closing-evidence::before {
    content: '';
    position: absolute;
    inset: -160px auto auto -120px;
    width: 320px;
    height: 320px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(7, 82, 103, 0.18), rgba(7, 82, 103, 0));
    pointer-events: none;
}

.finance-evidence-kpis .app-kpi-card strong {
    letter-spacing: -0.04em;
}

.finance-evidence-strip,
.finance-evidence-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.finance-evidence-strip span,
.finance-evidence-tags span {
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    color: #243447;
    font-size: 0.82rem;
    font-weight: 700;
    padding: 0.42rem 0.72rem;
}

.finance-evidence-grid {
    align-items: stretch;
}

.finance-evidence-decision {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(239, 247, 244, 0.9));
}

.evidence-decision-state {
    color: #0f4b5a;
    font-size: clamp(1.35rem, 2vw, 2rem);
    font-weight: 900;
    letter-spacing: -0.04em;
    margin: 0 0 0.75rem;
}

.finance-evidence-protocol {
    white-space: pre-wrap;
    border-radius: 18px;
    border: 1px solid rgba(15, 23, 42, 0.1);
    background: #0e1b22;
    color: #e9f5f2;
    font: 700 0.86rem/1.55 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    padding: 1rem;
}

.finance-evidence-chapters {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 1rem;
}

.finance-evidence-chapters article,
.finance-evidence-footer article {
    border: 1px solid rgba(15, 23, 42, 0.09);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 20px 52px rgba(15, 23, 42, 0.08);
    padding: 1.15rem;
}

.finance-evidence-chapters article span {
    display: inline-flex;
    border-radius: 999px;
    background: rgba(15, 75, 90, 0.1);
    color: #0f4b5a;
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    padding: 0.3rem 0.58rem;
    text-transform: uppercase;
}

.finance-evidence-chapters article h3,
.finance-evidence-footer article h3 {
    margin: 0.75rem 0 0.35rem;
}

.finance-evidence-chapters article p,
.finance-evidence-footer article p {
    color: #52606f;
    margin: 0 0 0.75rem;
}

.finance-evidence-footer {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1rem;
}

.finance-evidence-footer ul {
    color: #435160;
    margin: 0.75rem 0 0;
    padding-left: 1.15rem;
}
.finance-closing-evidence-grid {
    display: grid;
    gap: 1rem;
}

.finance-closing-evidence-proof {
    border-color: rgba(15, 75, 90, 0.16);
}

.finance-closing-evidence .finance-evidence-kpis {
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.finance-closing-evidence .finance-evidence-kpis .app-kpi-card {
    min-width: 0;
}

.finance-closing-evidence .finance-evidence-kpis .app-kpi-card strong {
    display: block;
    white-space: nowrap;
    word-break: keep-all;
    overflow-wrap: normal;
    font-size: clamp(1.65rem, 2.4vw, 2.25rem);
    line-height: 1.02;
}

.finance-closing-evidence .finance-evidence-grid,
.finance-closing-evidence .finance-evidence-support {
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.85fr);
    align-items: start;
}

.finance-closing-evidence .data-table {
    table-layout: fixed;
}

.finance-closing-evidence .data-table th:first-child,
.finance-closing-evidence .data-table td:first-child {
    width: 22%;
}

.finance-closing-evidence .data-table th:nth-child(2),
.finance-closing-evidence .data-table td:nth-child(2),
.finance-closing-evidence .data-table th:nth-child(3),
.finance-closing-evidence .data-table td:nth-child(3) {
    width: 10%;
}

.finance-closing-evidence .finance-evidence-decision,
.finance-closing-evidence .finance-evidence-support .app-table-card {
    height: auto;
}

@media (max-width: 860px) {
    .finance-closing-evidence .finance-evidence-kpis,
    .finance-closing-evidence .finance-evidence-grid,
    .finance-closing-evidence .finance-evidence-support {
        grid-template-columns: 1fr;
    }

    .finance-closing-evidence .finance-evidence-kpis .app-kpi-card strong {
        white-space: normal;
        word-break: normal;
    }

    .finance-closing-evidence .data-table {
        table-layout: auto;
    }
}

.tax-export-launchpad {
    position: relative;
    overflow: hidden;
}

.tax-export-launchpad::before {
    content: '';
    position: absolute;
    inset: -120px -80px auto auto;
    width: 300px;
    height: 300px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(19, 99, 85, 0.16), rgba(19, 99, 85, 0));
    pointer-events: none;
}

.tax-export-kpis {
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.tax-export-kpis .app-kpi-card strong {
    display: block;
    white-space: nowrap;
    font-size: clamp(1.6rem, 2.5vw, 2.2rem);
    line-height: 1.05;
}

.tax-export-package-grid,
.tax-export-workflow-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1rem;
}

.tax-export-preflight-card {
    display: grid;
    grid-template-columns: minmax(240px, 0.85fr) minmax(0, 1.15fr);
    gap: 1rem;
    align-items: start;
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 30px;
    background:
        linear-gradient(135deg, rgba(255,255,255,0.95), rgba(240, 248, 245, 0.91)),
        radial-gradient(circle at 8% 15%, rgba(19, 99, 85, 0.14), transparent 28%);
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.08);
    padding: 1.2rem;
}

.tax-export-preflight-card h3 {
    margin: 0.55rem 0 0.35rem;
}

.tax-export-preflight-card p {
    color: #4d5d6b;
    line-height: 1.5;
}

.tax-export-preflight-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 0.7rem;
}

.tax-export-preflight-item {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.84);
    padding: 0.8rem;
}

.tax-export-preflight-item strong,
.tax-export-package-contract strong {
    display: block;
    color: #142536;
}

.tax-export-preflight-item span,
.tax-export-package-contract small {
    display: block;
    color: #5b6875;
    font-size: 0.82rem;
    line-height: 1.45;
    margin-top: 0.25rem;
}

.tax-export-preflight-item-ready {
    border-color: rgba(12, 120, 94, 0.22);
    background: rgba(240, 250, 246, 0.88);
}

.tax-export-package-card,
.tax-export-workflow-grid article,
.tax-export-guardrails {
    border: 1px solid rgba(15, 23, 42, 0.09);
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 20px 52px rgba(15, 23, 42, 0.08);
    padding: 1.15rem;
}

.tax-export-package-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.65rem;
}

.tax-export-package-head span,
.tax-export-workflow-grid article span {
    border-radius: 999px;
    background: rgba(16, 93, 84, 0.1);
    color: #0f5b53;
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    padding: 0.32rem 0.62rem;
    text-transform: uppercase;
}

.tax-export-package-card-missing .tax-export-package-head span,
.tax-export-package-card-attention .tax-export-package-head span,
.tax-export-workflow-grid article span:not(:empty) {
    background: rgba(202, 138, 4, 0.12);
    color: #8a5d00;
}

.tax-export-package-card-ready .tax-export-package-head span {
    background: rgba(12, 120, 94, 0.12);
    color: #0b745d;
}

.tax-export-package-card p,
.tax-export-workflow-grid article p,
.tax-export-guardrails li {
    color: #4d5d6b;
    line-height: 1.5;
}

.tax-export-package-contract {
    border: 1px solid rgba(19, 99, 85, 0.12);
    border-radius: 20px;
    background: rgba(243, 250, 247, 0.72);
    margin: 0.85rem 0;
    padding: 0.8rem;
}

.tax-export-contract-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
    margin-top: 0.7rem;
}

.tax-export-contract-columns div {
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.72);
    padding: 0.65rem;
}

.tax-export-contract-columns span {
    display: block;
    color: #0f5b53;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    margin-bottom: 0.35rem;
    text-transform: uppercase;
}

.tax-export-meta,
.tax-export-required-types {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin: 0.85rem 0;
}

.tax-export-meta span,
.tax-export-required-types span {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 999px;
    background: rgba(248, 251, 251, 0.86);
    color: #304254;
    font-size: 0.78rem;
    font-weight: 800;
    padding: 0.32rem 0.58rem;
}

.tax-export-action-form {
    margin-top: 0.9rem;
}

.tax-export-confirmation {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.55rem;
    align-items: start;
    border: 1px solid rgba(202, 138, 4, 0.22);
    border-radius: 18px;
    background: rgba(255, 251, 235, 0.72);
    color: #5f4808;
    font-size: 0.84rem;
    font-weight: 800;
    line-height: 1.35;
    margin-bottom: 0.75rem;
    padding: 0.72rem;
}

.tax-export-confirmation input {
    margin-top: 0.12rem;
}

.tax-export-checksum {
    display: block;
    color: #5e6a76;
    font: 800 0.76rem/1.4 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    margin-top: 0.4rem;
    overflow-wrap: anywhere;
}

.tax-export-launch-grid {
    align-items: start;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
}

.tax-export-artifact-card .data-table {
    table-layout: fixed;
}

.tax-export-handoff-card {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(239, 247, 244, 0.9));
}

.tax-export-guardrails ul {
    margin: 0.8rem 0 0;
    padding-left: 1.15rem;
}

@media (max-width: 860px) {
    .tax-export-preflight-card,
    .tax-export-contract-columns,
    .tax-export-launch-grid,
    .tax-export-kpis {
        grid-template-columns: 1fr;
    }
    .tax-export-kpis .app-kpi-card strong {
        white-space: normal;
    }
}
.tax-export-launchpad .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.tax-export-protocol {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    max-height: 220px;
    overflow: auto;
    border-radius: 18px;
    border: 1px solid rgba(15, 23, 42, 0.1);
    background: linear-gradient(180deg, rgba(244, 250, 248, 0.96), rgba(235, 245, 242, 0.92));
    color: #20303d;
    font: 800 0.84rem/1.55 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    padding: 1rem;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
}

.tax-export-handoff-card .evidence-decision-state {
    font-size: clamp(1.05rem, 1.4vw, 1.35rem);
    line-height: 1.12;
}

.tax-export-launchpad .tax-export-launch-grid {
    display: block;
}

.tax-export-launchpad .tax-export-handoff-card {
    position: relative;
    z-index: 3;
    margin-top: 1rem;
    overflow: visible;
}

.tax-export-launchpad .tax-export-workflow-grid {
    position: relative;
    z-index: 1;
    margin-top: 1rem;
}

.tax-export-launch-stack {
    display: grid;
    gap: 1rem;
}

.tax-export-launch-stack .tax-export-artifact-card,
.tax-export-launch-stack .tax-export-handoff-card {
    min-height: 0;
}

.tax-export-launch-stack .tax-export-handoff-card {
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 20px 52px rgba(15, 23, 42, 0.08);
    padding: 1.15rem;
    position: static;
    z-index: auto;
    margin-top: 0;
    overflow: visible;
}

.bank-reconciliation-command {
    position: relative;
    overflow: hidden;
}

.bank-reconciliation-command::before {
    content: '';
    position: absolute;
    inset: -140px auto auto -90px;
    width: 330px;
    height: 330px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(11, 87, 128, 0.15), rgba(11, 87, 128, 0));
    pointer-events: none;
}

.bank-reconciliation-kpis {
    grid-template-columns: repeat(auto-fit, minmax(205px, 1fr));
}

.bank-reconciliation-kpis .app-kpi-card strong {
    display: block;
    white-space: nowrap;
    font-size: clamp(1.55rem, 2.5vw, 2.18rem);
    line-height: 1.05;
}

.bank-reconciliation-preflight-card,
.bank-reconciliation-contract-card,
.bank-reconciliation-guardrails,
.bank-reconciliation-workflow-grid article {
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 22px 58px rgba(15, 23, 42, 0.08);
    padding: 1.15rem;
}

.bank-reconciliation-preflight-card {
    display: grid;
    grid-template-columns: minmax(250px, 0.82fr) minmax(0, 1.18fr);
    gap: 1rem;
    background:
        linear-gradient(135deg, rgba(255,255,255,0.96), rgba(239, 247, 250, 0.92)),
        radial-gradient(circle at 90% 12%, rgba(11, 87, 128, 0.13), transparent 30%);
}

.bank-reconciliation-preflight-card h3,
.bank-reconciliation-contract-card h3,
.bank-reconciliation-guardrails h3,
.bank-reconciliation-workflow-grid h3 {
    margin-top: 0.45rem;
}

.bank-reconciliation-check-grid,
.bank-reconciliation-contract-grid,
.bank-reconciliation-workflow-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
    gap: 0.85rem;
}

.bank-reconciliation-check {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.78);
    padding: 0.82rem;
}

.bank-reconciliation-check-ready {
    border-color: rgba(12, 120, 94, 0.22);
    background: rgba(240, 250, 246, 0.88);
}

.bank-reconciliation-check strong,
.bank-reconciliation-contract-columns span,
.bank-reconciliation-action-facts span,
.bank-reconciliation-workflow-grid article span {
    display: block;
    color: #123047;
    font-weight: 900;
}

.bank-reconciliation-check span,
.bank-reconciliation-contract-columns small,
.bank-reconciliation-workflow-grid p,
.bank-reconciliation-guardrails li {
    display: block;
    color: #536472;
    font-size: 0.86rem;
    line-height: 1.48;
    margin-top: 0.25rem;
}

.bank-reconciliation-protocol {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    border-radius: 18px;
    border: 1px solid rgba(15, 23, 42, 0.1);
    background: linear-gradient(180deg, rgba(243, 249, 251, 0.96), rgba(232, 242, 247, 0.92));
    color: #20303d;
    font: 800 0.82rem/1.5 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    margin-top: 0.85rem;
    padding: 0.9rem;
}

.bank-reconciliation-contract-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
}

.bank-reconciliation-contract-columns div,
.bank-reconciliation-action-facts span {
    border-radius: 16px;
    background: rgba(244, 249, 251, 0.82);
    padding: 0.7rem;
}

.bank-reconciliation-contract-columns span,
.bank-reconciliation-workflow-grid article span {
    color: #0b587d;
    font-size: 0.72rem;
    letter-spacing: 0.05em;
    margin-bottom: 0.35rem;
    text-transform: uppercase;
}

.bank-reconciliation-action-facts {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin: 0.8rem 0;
}

.bank-reconciliation-action-facts span {
    color: #29485d;
    font-size: 0.8rem;
}

.bank-reconciliation-grid .data-table {
    table-layout: auto;
}

.bank-reconciliation-hash {
    display: block;
    color: #5e6a76;
    font: 800 0.76rem/1.4 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    overflow-wrap: anywhere;
}

.bank-reconciliation-guardrails ul {
    margin: 0.8rem 0 0;
    padding-left: 1.15rem;
}

.bank-reconciliation-confirmation {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.55rem;
    align-items: start;
    border: 1px solid rgba(11, 87, 128, 0.22);
    border-radius: 18px;
    background: rgba(238, 247, 251, 0.78);
    color: #17445d;
    font-size: 0.84rem;
    font-weight: 800;
    line-height: 1.35;
    margin: 0.65rem 0;
    padding: 0.72rem;
}

.bank-reconciliation-confirmation.compact {
    font-size: 0.78rem;
    margin: 0 0 0.55rem;
    padding: 0.55rem;
}

.bank-reconciliation-confirmation input {
    margin-top: 0.12rem;
}

@media (max-width: 860px) {
    .bank-reconciliation-preflight-card,
    .bank-reconciliation-contract-columns,
    .bank-reconciliation-kpis {
        grid-template-columns: 1fr;
    }
    .bank-reconciliation-kpis .app-kpi-card strong {
        white-space: normal;
    }
}

.creditor-command {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(133, 83, 21, 0.16);
    background:
        radial-gradient(circle at 9% 0%, rgba(252, 211, 77, 0.22), transparent 34%),
        radial-gradient(circle at 88% 12%, rgba(22, 163, 74, 0.16), transparent 30%),
        linear-gradient(135deg, rgba(255, 252, 242, 0.96), rgba(246, 250, 247, 0.94));
}

.creditor-command::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: linear-gradient(120deg, rgba(133, 83, 21, 0.08) 1px, transparent 1px);
    background-size: 28px 28px;
    opacity: 0.32;
}

.creditor-command > * {
    position: relative;
    z-index: 1;
}

.creditor-command-kpis .app-kpi-card strong {
    color: #5c3109;
    letter-spacing: -0.03em;
}

.creditor-command-layout,
.creditor-command-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.04fr) minmax(330px, 0.96fr);
}

.creditor-preflight-card,
.creditor-contract-card,
.creditor-workflow-card,
.creditor-guardrails,
.creditor-table-card,
.creditor-vendor-card {
    border: 1px solid rgba(133, 83, 21, 0.16);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 22px 54px rgba(92, 49, 9, 0.08);
}

.creditor-preflight-card {
    padding: 1rem;
}

.creditor-preflight-card.ok,
.creditor-preflight-card.ready {
    border-color: rgba(22, 163, 74, 0.26);
}

.creditor-preflight-card.warning,
.creditor-preflight-card.attention {
    border-color: rgba(217, 119, 6, 0.28);
}

.creditor-preflight-card.critical,
.creditor-preflight-card.blocked {
    border-color: rgba(185, 28, 28, 0.3);
}

.creditor-preflight-card h3,
.creditor-contract-card h3,
.creditor-table-card h3,
.creditor-vendor-card h3,
.creditor-workflow-card h3,
.creditor-guardrails h3 {
    color: #4a2808;
}

.creditor-check-grid,
.creditor-contract-grid,
.creditor-workflow-grid {
    display: grid;
    gap: 0.75rem;
}

.creditor-check-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 1rem;
}

.creditor-check-row {
    border-radius: 18px;
    background: rgba(255, 250, 235, 0.88);
    padding: 0.78rem;
}

.creditor-check-row.ok,
.creditor-check-row.ready {
    background: rgba(236, 253, 245, 0.9);
}

.creditor-check-row.warning,
.creditor-check-row.attention {
    background: rgba(255, 247, 237, 0.94);
}

.creditor-check-row.critical,
.creditor-check-row.blocked {
    background: rgba(254, 242, 242, 0.94);
}

.creditor-check-row strong,
.creditor-contract-list strong,
.creditor-workflow-card span {
    display: block;
    color: #92400e;
    font-size: 0.72rem;
    letter-spacing: 0.05em;
    margin-bottom: 0.35rem;
    text-transform: uppercase;
}

.creditor-check-row span,
.creditor-contract-list li,
.creditor-workflow-card p,
.creditor-guardrails li {
    color: #57412b;
    font-size: 0.86rem;
    line-height: 1.42;
}

.creditor-handoff {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 1rem;
}

.creditor-handoff span {
    border-radius: 999px;
    background: rgba(92, 49, 9, 0.08);
    color: #4a2808;
    font-size: 0.8rem;
    padding: 0.42rem 0.64rem;
}

.creditor-contract-grid {
    grid-template-columns: 1fr;
}

.creditor-contract-card {
    padding: 0.95rem;
}

.creditor-contract-list {
    border-radius: 16px;
    background: rgba(255, 251, 235, 0.72);
    margin-top: 0.55rem;
    padding: 0.7rem;
}

.creditor-contract-list ul,
.creditor-guardrails ul {
    margin: 0.35rem 0 0;
    padding-left: 1.1rem;
}

.creditor-table-card,
.creditor-vendor-card,
.creditor-guardrails {
    padding: 1rem;
}

.creditor-hash {
    display: block;
    color: #75624c;
    font: 800 0.74rem/1.35 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    overflow-wrap: anywhere;
}

.creditor-vendor-list {
    display: grid;
    gap: 0.72rem;
}

.creditor-vendor-row {
    align-items: center;
    border: 1px solid rgba(133, 83, 21, 0.12);
    border-radius: 18px;
    display: grid;
    gap: 0.72rem;
    grid-template-columns: minmax(0, 1fr) auto auto;
    padding: 0.8rem;
    background: rgba(255, 255, 255, 0.72);
}

.creditor-workflow-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.creditor-workflow-card {
    padding: 0.85rem;
}

.creditor-confirmation-form {
    display: grid;
    gap: 0.55rem;
}

.creditor-confirmation {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.55rem;
    align-items: start;
    border: 1px solid rgba(133, 83, 21, 0.2);
    border-radius: 16px;
    background: rgba(255, 251, 235, 0.86);
    color: #5c3109;
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1.34;
    padding: 0.58rem;
}

.creditor-confirmation input {
    margin-top: 0.12rem;
}

@media (max-width: 1100px) {
    .creditor-command-layout,
    .creditor-command-grid,
    .creditor-workflow-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .creditor-check-grid,
    .creditor-vendor-row {
        grid-template-columns: 1fr;
    }
    .creditor-command-kpis .app-kpi-card strong {
        white-space: normal;
    }
}

.tax-advisor-export-command {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(31, 77, 93, 0.18);
    background:
        radial-gradient(circle at 10% -8%, rgba(45, 125, 154, 0.18), transparent 34%),
        radial-gradient(circle at 90% 10%, rgba(31, 122, 84, 0.16), transparent 30%),
        linear-gradient(135deg, rgba(244, 250, 251, 0.97), rgba(248, 252, 248, 0.94));
}

.tax-advisor-export-command::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: linear-gradient(90deg, rgba(31, 77, 93, 0.06) 1px, transparent 1px), linear-gradient(0deg, rgba(31, 77, 93, 0.04) 1px, transparent 1px);
    background-size: 32px 32px;
    opacity: 0.42;
}

.tax-advisor-export-command > * {
    position: relative;
    z-index: 1;
}

.tax-advisor-command-kpis .app-kpi-card strong {
    color: #16495a;
    letter-spacing: -0.03em;
}

.tax-advisor-command-layout,
.tax-advisor-command-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.04fr) minmax(330px, 0.96fr);
}

.tax-advisor-preflight-card,
.tax-advisor-contract-card,
.tax-advisor-table-card,
.tax-advisor-workflow-card,
.tax-advisor-guardrails,
.tax-advisor-export-command .app-panel-card {
    border: 1px solid rgba(31, 77, 93, 0.16);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 22px 54px rgba(31, 77, 93, 0.08);
}

.tax-advisor-preflight-card,
.tax-advisor-contract-card,
.tax-advisor-table-card,
.tax-advisor-export-command .app-panel-card,
.tax-advisor-guardrails {
    padding: 1rem;
}

.tax-advisor-preflight-card.ready,
.tax-advisor-preflight-card.ok {
    border-color: rgba(31, 122, 84, 0.26);
}

.tax-advisor-preflight-card.attention,
.tax-advisor-preflight-card.warning {
    border-color: rgba(217, 119, 6, 0.28);
}

.tax-advisor-preflight-card.blocked,
.tax-advisor-preflight-card.critical {
    border-color: rgba(185, 28, 28, 0.3);
}

.tax-advisor-preflight-card h3,
.tax-advisor-contract-card h3,
.tax-advisor-table-card h3,
.tax-advisor-export-command .app-panel-card h3,
.tax-advisor-workflow-card h3,
.tax-advisor-guardrails h3 {
    color: #133f4e;
}

.tax-advisor-check-grid,
.tax-advisor-contract-grid,
.tax-advisor-workflow-grid {
    display: grid;
    gap: 0.75rem;
}

.tax-advisor-check-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 1rem;
}

.tax-advisor-check-row {
    border-radius: 18px;
    background: rgba(239, 247, 249, 0.9);
    padding: 0.78rem;
}

.tax-advisor-check-row.ready,
.tax-advisor-check-row.ok {
    background: rgba(236, 253, 245, 0.9);
}

.tax-advisor-check-row.attention,
.tax-advisor-check-row.warning {
    background: rgba(255, 247, 237, 0.94);
}

.tax-advisor-check-row strong,
.tax-advisor-contract-list strong,
.tax-advisor-workflow-card span,
.tax-advisor-release-list span {
    display: block;
    color: #1c6b83;
    font-size: 0.72rem;
    letter-spacing: 0.05em;
    margin-bottom: 0.35rem;
    text-transform: uppercase;
}

.tax-advisor-check-row span,
.tax-advisor-contract-list li,
.tax-advisor-workflow-card p,
.tax-advisor-guardrails li,
.tax-advisor-policy-list span,
.tax-advisor-release-list small {
    color: #29485d;
    font-size: 0.86rem;
    line-height: 1.42;
}

.tax-advisor-protocol {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 1rem;
}

.tax-advisor-protocol span {
    border-radius: 999px;
    background: rgba(22, 73, 90, 0.08);
    color: #16495a;
    font-size: 0.8rem;
    padding: 0.42rem 0.64rem;
}

.tax-advisor-contract-grid {
    grid-template-columns: 1fr;
}

.tax-advisor-contract-list {
    border-radius: 16px;
    background: rgba(239, 247, 249, 0.72);
    margin-top: 0.55rem;
    padding: 0.7rem;
}

.tax-advisor-contract-list ul,
.tax-advisor-guardrails ul {
    margin: 0.35rem 0 0;
    padding-left: 1.1rem;
}

.tax-advisor-artifact-list,
.tax-advisor-policy-list,
.tax-advisor-release-list {
    display: grid;
    gap: 0.72rem;
}

.tax-advisor-artifact-row,
.tax-advisor-policy-list div,
.tax-advisor-release-list div {
    align-items: center;
    border: 1px solid rgba(31, 77, 93, 0.12);
    border-radius: 18px;
    display: grid;
    gap: 0.72rem;
    padding: 0.8rem;
    background: rgba(255, 255, 255, 0.72);
}

.tax-advisor-artifact-row {
    grid-template-columns: minmax(0, 1fr) auto auto;
}

.tax-advisor-release-list div {
    grid-template-columns: auto minmax(0, 1fr);
}

.tax-advisor-release-list small {
    grid-column: 2;
}

.tax-advisor-hash {
    display: block;
    color: #536878;
    font: 800 0.76rem/1.4 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    overflow-wrap: anywhere;
}

.tax-advisor-workflow-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.tax-advisor-workflow-card {
    padding: 0.85rem;
}

@media (max-width: 1100px) {
    .tax-advisor-command-layout,
    .tax-advisor-command-grid,
    .tax-advisor-workflow-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .tax-advisor-check-grid,
    .tax-advisor-artifact-row,
    .tax-advisor-release-list div {
        grid-template-columns: 1fr;
    }
    .tax-advisor-release-list small {
        grid-column: auto;
    }
    .tax-advisor-command-kpis .app-kpi-card strong {
        white-space: normal;
    }
}

.receivables-command {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(18, 93, 73, 0.18);
    background:
        radial-gradient(circle at 7% -10%, rgba(20, 184, 166, 0.18), transparent 34%),
        radial-gradient(circle at 92% 2%, rgba(217, 119, 6, 0.16), transparent 30%),
        linear-gradient(135deg, rgba(243, 253, 250, 0.97), rgba(255, 250, 240, 0.94));
}

.receivables-command::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(90deg, rgba(18, 93, 73, 0.055) 1px, transparent 1px),
        linear-gradient(0deg, rgba(217, 119, 6, 0.04) 1px, transparent 1px);
    background-size: 36px 36px;
    opacity: 0.45;
}

.receivables-command > * {
    position: relative;
    z-index: 1;
}

.receivables-command-kpis .app-kpi-card strong {
    color: #11614f;
    letter-spacing: -0.035em;
}

.receivables-command-layout,
.receivables-command-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.95fr);
}

.receivables-preflight-card,
.receivables-contract-card,
.receivables-decision-card,
.receivables-command .app-panel-card,
.receivables-workflow-grid article,
.receivables-guardrails {
    border: 1px solid rgba(18, 93, 73, 0.15);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 22px 54px rgba(18, 93, 73, 0.08);
    padding: 1rem;
}

.receivables-preflight-card.ready,
.receivables-decision-card.ready,
.receivables-check.ready {
    border-color: rgba(31, 122, 84, 0.25);
}

.receivables-preflight-card.attention,
.receivables-decision-card.attention,
.receivables-check.attention {
    border-color: rgba(217, 119, 6, 0.3);
}

.receivables-preflight-card.blocked,
.receivables-decision-card.blocked {
    border-color: rgba(185, 28, 28, 0.32);
}

.receivables-preflight-card h3,
.receivables-contract-card h3,
.receivables-decision-card h3,
.receivables-command .app-panel-card h3,
.receivables-workflow-grid h3,
.receivables-guardrails h3 {
    color: #0f4f41;
}

.receivables-check-grid,
.receivables-contract-grid,
.receivables-decision-grid,
.receivables-workflow-grid {
    display: grid;
    gap: 0.78rem;
}

.receivables-check-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 1rem;
}

.receivables-contract-grid {
    grid-template-columns: 1fr;
}

.receivables-decision-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.receivables-workflow-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.receivables-check,
.receivables-contract-list,
.receivables-card-meta span {
    border-radius: 18px;
    background: rgba(236, 253, 245, 0.76);
    padding: 0.78rem;
}

.receivables-check.attention,
.receivables-decision-card.attention,
.receivables-contract-list:nth-of-type(3n) {
    background: rgba(255, 247, 237, 0.88);
}

.receivables-check strong,
.receivables-contract-list strong,
.receivables-workflow-grid span,
.receivables-amount {
    display: block;
    color: #0f766e;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    margin-bottom: 0.35rem;
    text-transform: uppercase;
}

.receivables-check span,
.receivables-contract-list li,
.receivables-decision-card p,
.receivables-workflow-grid p,
.receivables-guardrails li {
    color: #35534d;
    font-size: 0.86rem;
    line-height: 1.42;
}

.receivables-contract-list {
    margin-top: 0.55rem;
}

.receivables-contract-list ul,
.receivables-guardrails ul {
    margin: 0.35rem 0 0;
    padding-left: 1.1rem;
}

.receivables-protocol,
.receivables-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin: 0.85rem 0;
}

.receivables-protocol span,
.receivables-card-meta span {
    background: rgba(18, 93, 73, 0.08);
    color: #0f4f41;
    font-size: 0.8rem;
    padding: 0.42rem 0.64rem;
}

.receivables-amount {
    color: #92400e;
    font-size: clamp(1.05rem, 1.8vw, 1.52rem);
    letter-spacing: -0.025em;
    text-transform: none;
}

.receivables-table-card table td,
.receivables-table-card table th {
    vertical-align: top;
}

.receivables-handoff-copy {
    max-height: 460px;
    overflow: auto;
}

.receivables-guardrails {
    margin-top: 1rem;
}

@media (max-width: 1180px) {
    .receivables-decision-grid,
    .receivables-workflow-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 920px) {
    .receivables-command-layout,
    .receivables-command-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .receivables-check-grid,
    .receivables-decision-grid,
    .receivables-workflow-grid {
        grid-template-columns: 1fr;
    }

    .receivables-command {
        border-radius: 22px;
    }
}

.receivables-release-workbench {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(50, 64, 84, 0.18);
    background:
        radial-gradient(circle at 8% -6%, rgba(15, 118, 110, 0.16), transparent 32%),
        radial-gradient(circle at 90% 0%, rgba(120, 53, 15, 0.14), transparent 30%),
        linear-gradient(135deg, rgba(246, 250, 248, 0.98), rgba(250, 247, 241, 0.94));
}

.receivables-release-workbench::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(120deg, rgba(50, 64, 84, 0.055) 1px, transparent 1px),
        linear-gradient(0deg, rgba(15, 118, 110, 0.04) 1px, transparent 1px);
    background-size: 30px 30px;
    opacity: 0.5;
}

.receivables-release-workbench > * {
    position: relative;
    z-index: 1;
}

.receivables-release-kpis .app-kpi-card strong {
    color: #23443d;
    letter-spacing: -0.035em;
}

.receivables-release-layout,
.receivables-release-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.04fr) minmax(340px, 0.96fr);
}

.receivables-release-workbench .app-panel-card,
.receivables-trigger-grid article {
    border: 1px solid rgba(50, 64, 84, 0.15);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 22px 54px rgba(50, 64, 84, 0.08);
    padding: 1rem;
}

.receivables-release-workbench .app-panel-card h3,
.receivables-trigger-grid h3 {
    color: #263a36;
}

.receivables-release-check-grid,
.receivables-template-family-list,
.receivables-trigger-grid,
.receivables-trigger-columns {
    display: grid;
    gap: 0.78rem;
}

.receivables-release-check-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.receivables-release-check-grid div,
.receivables-template-family-list a,
.receivables-trigger-columns div,
.receivables-release-protocol span {
    border-radius: 18px;
    background: rgba(240, 248, 245, 0.82);
    padding: 0.78rem;
}

.receivables-release-check-grid .ready {
    background: rgba(236, 253, 245, 0.9);
}

.receivables-release-check-grid .attention {
    background: rgba(255, 247, 237, 0.94);
}

.receivables-release-check-grid strong,
.receivables-template-family-list strong,
.receivables-trigger-grid span,
.receivables-trigger-columns strong {
    display: block;
    color: #0f766e;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    margin-bottom: 0.35rem;
    text-transform: uppercase;
}

.receivables-release-check-grid span,
.receivables-template-family-list span,
.receivables-template-family-list small,
.receivables-template-family-list em,
.receivables-trigger-grid p,
.receivables-trigger-columns small,
.receivables-release-guardrails li {
    color: #3f514d;
    font-size: 0.86rem;
    line-height: 1.42;
}

.receivables-release-protocol {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 0.9rem;
}

.receivables-release-protocol span {
    color: #23443d;
    font-size: 0.8rem;
}

.receivables-release-handoff .app-code-block {
    max-height: 390px;
    overflow: auto;
}

.receivables-release-table table td,
.receivables-release-table table th {
    vertical-align: top;
}

.receivables-release-hash {
    color: #64748b;
    display: block;
    font: 800 0.74rem/1.35 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    overflow-wrap: anywhere;
}

.receivables-template-family-list a {
    color: inherit;
    display: grid;
    gap: 0.2rem;
    text-decoration: none;
}

.receivables-template-family-list a:hover {
    border-color: rgba(15, 118, 110, 0.24);
    transform: translateY(-1px);
}

.receivables-template-family-list em {
    font-style: normal;
}

.receivables-trigger-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.receivables-trigger-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 0.72rem;
}

.receivables-trigger-columns small {
    display: block;
    margin-top: 0.25rem;
}

.receivables-release-guardrails {
    margin-top: 1rem;
}

.receivables-release-guardrails ul {
    margin: 0.35rem 0 0;
    padding-left: 1.1rem;
}

@media (max-width: 1180px) {
    .receivables-trigger-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 920px) {
    .receivables-release-layout,
    .receivables-release-grid,
    .receivables-trigger-columns {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .receivables-release-check-grid,
    .receivables-trigger-grid {
        grid-template-columns: 1fr;
    }

    .receivables-release-workbench {
        border-radius: 22px;
    }
}

.owner-decision-command {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(86, 66, 38, 0.18);
    background:
        radial-gradient(circle at 8% -8%, rgba(181, 126, 50, 0.2), transparent 32%),
        radial-gradient(circle at 92% 0%, rgba(30, 88, 101, 0.16), transparent 30%),
        linear-gradient(135deg, rgba(255, 250, 240, 0.96), rgba(242, 249, 250, 0.94));
}

.owner-decision-command::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: linear-gradient(90deg, rgba(86, 66, 38, 0.055) 1px, transparent 1px), linear-gradient(0deg, rgba(30, 88, 101, 0.04) 1px, transparent 1px);
    background-size: 34px 34px;
    opacity: 0.48;
}

.owner-decision-command > * {
    position: relative;
    z-index: 1;
}

.owner-decision-kpis .app-kpi-card strong {
    color: #6d4315;
    letter-spacing: -0.035em;
}

.owner-decision-layout,
.owner-decision-grid,
.owner-decision-support {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.05fr) minmax(330px, 0.95fr);
}

.owner-decision-support {
    grid-template-columns: minmax(260px, 0.72fr) minmax(280px, 0.78fr) minmax(340px, 1fr);
}

.owner-decision-preflight,
.owner-decision-contract,
.owner-decision-card,
.owner-decision-command .app-panel-card,
.owner-decision-guardrails {
    border: 1px solid rgba(86, 66, 38, 0.16);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 22px 54px rgba(86, 66, 38, 0.08);
    padding: 1rem;
}

.owner-decision-preflight.ready,
.owner-decision-card.ready,
.owner-decision-release-list .ready {
    border-color: rgba(31, 122, 84, 0.24);
}

.owner-decision-preflight.attention,
.owner-decision-card.attention,
.owner-decision-release-list .attention {
    border-color: rgba(217, 119, 6, 0.3);
}

.owner-decision-preflight.blocked,
.owner-decision-card.blocked {
    border-color: rgba(185, 28, 28, 0.32);
}

.owner-decision-preflight h3,
.owner-decision-contract h3,
.owner-decision-card h3,
.owner-decision-command .app-panel-card h3,
.owner-decision-guardrails h3 {
    color: #5d3811;
}

.owner-decision-check-grid,
.owner-decision-card-grid,
.owner-decision-release-list,
.owner-decision-workflow,
.owner-decision-owner-list {
    display: grid;
    gap: 0.78rem;
}

.owner-decision-check-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 1rem;
}

.owner-decision-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.owner-decision-check,
.owner-decision-contract-list,
.owner-decision-release-list div,
.owner-decision-workflow div,
.owner-decision-owner-list a,
.owner-decision-meta span {
    border-radius: 18px;
    background: rgba(255, 249, 237, 0.78);
    padding: 0.78rem;
}

.owner-decision-check.ready,
.owner-decision-release-list .ready {
    background: rgba(236, 253, 245, 0.88);
}

.owner-decision-check.attention,
.owner-decision-release-list .attention {
    background: rgba(255, 247, 237, 0.95);
}

.owner-decision-check strong,
.owner-decision-contract-list strong,
.owner-decision-workflow span,
.owner-decision-release-list span,
.owner-decision-state {
    display: block;
    color: #8a5316;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    margin-bottom: 0.35rem;
    text-transform: uppercase;
}

.owner-decision-check span,
.owner-decision-contract-list li,
.owner-decision-card p,
.owner-decision-workflow p,
.owner-decision-guardrails li,
.owner-decision-release-list small,
.owner-decision-owner-list small,
.owner-decision-owner-list span {
    color: #3e4b53;
    font-size: 0.86rem;
    line-height: 1.42;
}

.owner-decision-contract-list {
    margin-top: 0.55rem;
}

.owner-decision-contract-list ul,
.owner-decision-guardrails ul {
    margin: 0.35rem 0 0;
    padding-left: 1.1rem;
}

.owner-decision-protocol,
.owner-decision-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin: 0.85rem 0;
}

.owner-decision-protocol span,
.owner-decision-meta span {
    background: rgba(86, 66, 38, 0.08);
    color: #5d3811;
    font-size: 0.8rem;
    padding: 0.42rem 0.64rem;
}

.owner-decision-table table td,
.owner-decision-table table th {
    vertical-align: top;
}

.owner-decision-owner-list a {
    border: 1px solid rgba(86, 66, 38, 0.12);
    color: inherit;
    display: grid;
    gap: 0.25rem;
    text-decoration: none;
}

.owner-decision-owner-list a:hover {
    border-color: rgba(138, 83, 22, 0.28);
    transform: translateY(-1px);
}

.owner-decision-release-list div {
    display: grid;
    gap: 0.24rem;
}

.owner-decision-workflow div {
    background: rgba(242, 249, 250, 0.8);
}

.owner-decision-guardrails {
    margin-top: 1rem;
}

@media (max-width: 1100px) {
    .owner-decision-layout,
    .owner-decision-grid,
    .owner-decision-support {
        grid-template-columns: 1fr;
    }

    .owner-decision-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .owner-decision-check-grid,
    .owner-decision-card-grid {
        grid-template-columns: 1fr;
    }

    .owner-decision-command {
        border-radius: 22px;
    }

    .owner-decision-kpis .app-kpi-card strong {
        font-size: clamp(1.55rem, 11vw, 2.3rem);
    }
}

.template-editor-release-workbench {
    position: relative;
    overflow: hidden;
    margin: 34px 0;
    padding: clamp(22px, 4vw, 42px);
    border: 1px solid rgba(9, 51, 48, 0.16);
    border-radius: 34px;
    background:
        radial-gradient(circle at 12% 0%, rgba(255, 214, 128, 0.34), transparent 31%),
        radial-gradient(circle at 90% 15%, rgba(91, 148, 136, 0.22), transparent 34%),
        linear-gradient(135deg, #f8f1e1 0%, #edf5ee 46%, #f9fbf5 100%);
    box-shadow: 0 28px 80px rgba(10, 38, 35, 0.12);
}

.template-editor-release-workbench::before {
    content: '';
    position: absolute;
    inset: 18px;
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 28px;
    pointer-events: none;
}

.template-editor-release-workbench > * {
    position: relative;
    z-index: 1;
}

.template-editor-release-kpis,
.template-editor-release-layout,
.template-editor-release-grid,
.template-editor-release-support {
    display: grid;
    gap: 16px;
}

.template-editor-release-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 22px 0;
}

.template-editor-release-kpis article,
.template-editor-release-panel {
    border: 1px solid rgba(19, 72, 66, 0.13);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.76);
    box-shadow: 0 18px 44px rgba(23, 58, 54, 0.09);
}

.template-editor-release-kpis article {
    padding: 18px;
}

.template-editor-release-kpis span,
.template-editor-release-panel .eyebrow,
.template-editor-release-lanes span,
.template-editor-release-packs span,
.template-editor-release-queue span {
    color: #486762;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.template-editor-release-kpis strong {
    display: block;
    margin: 6px 0 3px;
    color: #102f2c;
    font-size: clamp(1.45rem, 2.6vw, 2.25rem);
    letter-spacing: -0.04em;
}

.template-editor-release-kpis small,
.template-editor-release-panel small,
.template-editor-release-panel p,
.template-editor-release-panel li {
    color: #546965;
}

.template-editor-release-layout,
.template-editor-release-grid,
.template-editor-release-support {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 16px;
}

.template-editor-release-panel {
    padding: clamp(18px, 3vw, 28px);
}

.template-editor-release-lanes,
.template-editor-release-checks,
.template-editor-release-queue,
.template-editor-release-packs,
.template-editor-release-variable-list,
.template-editor-release-trigger-list {
    display: grid;
    gap: 12px;
    margin-top: 16px;
}

.template-editor-release-lanes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.template-editor-release-lanes article,
.template-editor-release-packs article,
.template-editor-release-checks div,
.template-editor-release-variable-list div,
.template-editor-release-trigger-list div,
.template-editor-release-queue a {
    display: grid;
    gap: 6px;
    padding: 15px;
    border: 1px solid rgba(18, 65, 60, 0.12);
    border-radius: 18px;
    background: rgba(247, 250, 244, 0.82);
    color: inherit;
    text-decoration: none;
}

.template-editor-release-lanes article.ready,
.template-editor-release-packs article.ready,
.template-editor-release-checks div.ready,
.template-editor-release-variable-list div.ready,
.template-editor-release-trigger-list div.ready {
    border-color: rgba(29, 126, 91, 0.34);
    background: linear-gradient(145deg, rgba(232, 248, 239, 0.92), rgba(255, 255, 255, 0.76));
}

.template-editor-release-lanes article.attention,
.template-editor-release-packs article.attention,
.template-editor-release-checks div.attention,
.template-editor-release-variable-list div.attention,
.template-editor-release-trigger-list div.attention {
    border-color: rgba(174, 112, 26, 0.28);
    background: linear-gradient(145deg, rgba(255, 244, 219, 0.92), rgba(255, 255, 255, 0.75));
}

.template-editor-release-lanes article.blocked,
.template-editor-release-trigger-list div.draft {
    border-color: rgba(157, 45, 45, 0.24);
    background: linear-gradient(145deg, rgba(255, 230, 226, 0.86), rgba(255, 255, 255, 0.76));
}

.template-editor-release-lanes strong,
.template-editor-release-packs strong,
.template-editor-release-checks strong,
.template-editor-release-variable-list strong,
.template-editor-release-trigger-list strong,
.template-editor-release-queue strong {
    color: #143431;
}

.template-editor-release-lanes b {
    justify-self: start;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(20, 52, 49, 0.08);
    color: #163d38;
}

.template-editor-release-protocol {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}

.template-editor-release-protocol span {
    padding: 8px 11px;
    border-radius: 999px;
    background: rgba(20, 52, 49, 0.08);
    color: #284f4a;
    font-size: 0.82rem;
}

.template-editor-release-packs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.template-editor-release-support .app-code-block {
    max-height: 360px;
    overflow: auto;
}

@media (max-width: 980px) {
    .template-editor-release-kpis,
    .template-editor-release-layout,
    .template-editor-release-grid,
    .template-editor-release-support,
    .template-editor-release-lanes,
    .template-editor-release-packs {
        grid-template-columns: 1fr;
    }

    .template-editor-release-workbench {
        padding: 18px;
        border-radius: 26px;
    }
}

.email-trigger-preview-workbench {
    position: relative;
    overflow: hidden;
    padding: clamp(22px, 4vw, 42px);
    border: 1px solid rgba(35, 73, 67, 0.14);
    border-radius: 34px;
    background:
        radial-gradient(circle at 10% 4%, rgba(240, 190, 104, 0.36), transparent 32%),
        radial-gradient(circle at 88% 10%, rgba(63, 132, 119, 0.26), transparent 34%),
        linear-gradient(135deg, #fff7e5 0%, #eff8f1 52%, #f7fbf4 100%);
    box-shadow: 0 26px 76px rgba(14, 44, 40, 0.12);
}

.email-trigger-preview-workbench::before {
    content: '';
    position: absolute;
    inset: 18px;
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 28px;
    pointer-events: none;
}

.email-trigger-preview-workbench > * {
    position: relative;
    z-index: 1;
}

.email-trigger-preview-stage,
.email-trigger-preview-grid,
.email-trigger-preview-columns {
    display: grid;
    gap: 18px;
}

.email-trigger-preview-stage {
    grid-template-columns: minmax(0, 1.6fr) minmax(280px, 0.7fr);
    align-items: stretch;
}

.email-trigger-preview-stage h2 {
    max-width: 920px;
    margin: 0;
    color: #123532;
    font-size: clamp(1.8rem, 4vw, 3.7rem);
    letter-spacing: -0.055em;
    line-height: 0.98;
}

.email-trigger-preview-stage p {
    max-width: 900px;
    color: #526963;
}

.email-trigger-preview-chief,
.email-trigger-preview-panel,
.email-trigger-preview-briefing,
.email-trigger-preview-metrics article {
    border: 1px solid rgba(16, 70, 63, 0.13);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.77);
    box-shadow: 0 18px 44px rgba(21, 53, 49, 0.09);
}

.email-trigger-preview-chief {
    display: grid;
    align-content: space-between;
    gap: 12px;
    padding: 22px;
}

.email-trigger-preview-chief.is-danger { border-color: rgba(177, 56, 56, 0.28); }
.email-trigger-preview-chief.is-pending { border-color: rgba(175, 119, 28, 0.30); }
.email-trigger-preview-chief.is-active { border-color: rgba(38, 128, 92, 0.30); }

.email-trigger-preview-chief span,
.email-trigger-preview-metrics span,
.email-trigger-preview-deck span,
.email-trigger-preview-queue span {
    color: #4b6963;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.email-trigger-preview-chief strong {
    color: #143835;
    font-size: 1.35rem;
}

.email-trigger-preview-metrics {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
    margin: 22px 0;
}

.email-trigger-preview-metrics article {
    padding: 16px;
}

.email-trigger-preview-metrics strong {
    display: block;
    margin-top: 6px;
    color: #123532;
    font-size: clamp(1.25rem, 2.2vw, 1.95rem);
    letter-spacing: -0.04em;
}

.email-trigger-preview-metrics small,
.email-trigger-preview-panel small,
.email-trigger-preview-panel p,
.email-trigger-preview-briefing p,
.email-trigger-preview-briefing pre {
    color: #556b66;
}

.email-trigger-preview-grid {
    grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.8fr);
}

.email-trigger-preview-columns {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 18px;
}

.email-trigger-preview-panel,
.email-trigger-preview-briefing {
    padding: clamp(18px, 3vw, 28px);
}

.email-trigger-preview-panel-primary {
    background: rgba(255, 255, 255, 0.84);
}

.email-trigger-preview-deck,
.email-trigger-preview-checks,
.email-trigger-preview-lanes,
.email-trigger-preview-queue {
    display: grid;
    gap: 12px;
    margin-top: 16px;
}

.email-trigger-preview-deck {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.email-trigger-preview-deck article,
.email-trigger-preview-checks div,
.email-trigger-preview-lanes div,
.email-trigger-preview-queue a {
    display: grid;
    gap: 6px;
    padding: 15px;
    border: 1px solid rgba(21, 68, 63, 0.12);
    border-radius: 18px;
    background: rgba(248, 251, 246, 0.86);
    color: inherit;
    text-decoration: none;
}

.email-trigger-preview-deck article.is-active,
.email-trigger-preview-checks div.is-active,
.email-trigger-preview-lanes div.is-active {
    border-color: rgba(28, 127, 91, 0.34);
    background: linear-gradient(145deg, rgba(232, 248, 239, 0.94), rgba(255, 255, 255, 0.78));
}

.email-trigger-preview-deck article.is-pending,
.email-trigger-preview-checks div.is-pending,
.email-trigger-preview-lanes div.is-pending {
    border-color: rgba(176, 118, 24, 0.29);
    background: linear-gradient(145deg, rgba(255, 244, 219, 0.94), rgba(255, 255, 255, 0.78));
}

.email-trigger-preview-deck article.is-danger,
.email-trigger-preview-lanes div.is-danger {
    border-color: rgba(167, 50, 50, 0.26);
    background: linear-gradient(145deg, rgba(255, 231, 226, 0.9), rgba(255, 255, 255, 0.78));
}

.email-trigger-preview-deck strong,
.email-trigger-preview-checks strong,
.email-trigger-preview-lanes strong,
.email-trigger-preview-queue strong {
    color: #153a36;
}

.email-trigger-preview-lanes span {
    justify-self: start;
    padding: 4px 9px;
    border-radius: 999px;
    background: rgba(21, 58, 54, 0.08);
    color: #214b45;
    font-weight: 800;
}

.email-trigger-preview-briefing {
    margin-top: 18px;
}

.email-trigger-preview-briefing pre {
    max-height: 360px;
    overflow: auto;
    white-space: pre-wrap;
}

@media (max-width: 1180px) {
    .email-trigger-preview-metrics {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .email-trigger-preview-stage,
    .email-trigger-preview-grid,
    .email-trigger-preview-columns {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .email-trigger-preview-metrics,
    .email-trigger-preview-deck {
        grid-template-columns: 1fr;
    }

    .email-trigger-preview-workbench {
        padding: 18px;
        border-radius: 26px;
    }
}

/* Expert Delivery & Billing Command */
.app-command-surface {
    position: relative;
    overflow: hidden;
    border-color: rgba(21, 94, 117, 0.24);
    background:
        radial-gradient(circle at 4% 0%, rgba(20, 184, 166, 0.13), transparent 31rem),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(240, 253, 250, 0.72));
}

.app-command-surface::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: 0.35rem;
    background: linear-gradient(180deg, #0f766e, #14b8a6, #f59e0b);
}

.app-command-surface > * {
    position: relative;
    z-index: 1;
}

.app-command-kpi-grid article,
.app-command-deck .app-mini-grid article {
    border-color: rgba(15, 118, 110, 0.18);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
}

.app-command-deck .btn.small {
    margin-top: 0.45rem;
}

.app-command-surface .app-code-block {
    border-color: rgba(15, 118, 110, 0.2);
    background: #062923;
}

@media (max-width: 760px) {
    .app-command-surface::before {
        width: 0.22rem;
    }

    .app-command-surface .table-wrap {
        margin-inline: -0.35rem;
    }
}

.template-dispatch-routing-command {
    position: relative;
    overflow: hidden;
    margin: clamp(28px, 5vw, 58px) 0;
    padding: clamp(22px, 4vw, 40px);
    border: 1px solid rgba(20, 49, 68, 0.16);
    border-radius: 34px;
    background:
        radial-gradient(circle at 10% 0%, rgba(23, 92, 122, 0.18), transparent 34%),
        linear-gradient(135deg, #f6efe2 0%, #eef5f1 44%, #edf3f7 100%);
    box-shadow: 0 30px 90px rgba(20, 45, 59, 0.12);
}

.template-dispatch-routing-command::before {
    content: "";
    position: absolute;
    inset: auto -12% -28% 48%;
    height: 280px;
    background: radial-gradient(circle, rgba(202, 116, 54, 0.18), transparent 66%);
    pointer-events: none;
}

.template-dispatch-routing-command > * {
    position: relative;
    z-index: 1;
}

.dispatch-routing-kpis,
.dispatch-routing-layout,
.dispatch-routing-grid,
.dispatch-routing-support {
    display: grid;
    gap: 16px;
}

.dispatch-routing-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 18px 0;
}

.dispatch-routing-layout,
.dispatch-routing-grid {
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
    align-items: start;
}

.dispatch-routing-support {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 16px;
}

.dispatch-routing-panel,
.dispatch-routing-kpis article {
    border: 1px solid rgba(20, 49, 68, 0.12);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 18px 45px rgba(20, 49, 68, 0.08);
    backdrop-filter: blur(14px);
}

.dispatch-routing-panel {
    padding: 18px;
}

.dispatch-routing-kpis article {
    padding: 16px;
}

.dispatch-routing-kpis span,
.dispatch-routing-panel .eyebrow,
.dispatch-routing-lanes span,
.dispatch-routing-route-list span,
.dispatch-routing-matrix span,
.dispatch-routing-decisions span {
    display: block;
    color: #6d776f;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.dispatch-routing-kpis strong {
    display: block;
    margin-top: 6px;
    color: #132f3d;
    font-size: clamp(1.45rem, 3vw, 2.35rem);
    letter-spacing: -0.05em;
}

.dispatch-routing-kpis small,
.dispatch-routing-panel p,
.dispatch-routing-panel li,
.dispatch-routing-panel small,
.dispatch-routing-checks span,
.dispatch-routing-matrix span,
.dispatch-routing-route-list span {
    color: #59665f;
    line-height: 1.55;
}

.dispatch-routing-lanes,
.dispatch-routing-checks,
.dispatch-routing-route-list,
.dispatch-routing-matrix,
.dispatch-routing-decisions {
    display: grid;
    gap: 10px;
}

.dispatch-routing-lanes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dispatch-routing-lanes article,
.dispatch-routing-checks div,
.dispatch-routing-route-list div,
.dispatch-routing-matrix div,
.dispatch-routing-decisions a {
    border: 1px solid rgba(20, 49, 68, 0.10);
    border-radius: 18px;
    padding: 13px;
    background: rgba(255, 255, 255, 0.7);
    text-decoration: none;
}

.dispatch-routing-lanes article.ready,
.dispatch-routing-checks div.ready,
.dispatch-routing-route-list div.ready,
.dispatch-routing-matrix div.ready {
    border-color: rgba(34, 122, 88, 0.24);
    background: rgba(231, 247, 238, 0.76);
}

.dispatch-routing-lanes article.attention,
.dispatch-routing-checks div.attention,
.dispatch-routing-route-list div.attention,
.dispatch-routing-matrix div.attention,
.dispatch-routing-checks div.warning {
    border-color: rgba(178, 119, 28, 0.25);
    background: rgba(255, 246, 224, 0.78);
}

.dispatch-routing-lanes article.blocked,
.dispatch-routing-checks div.blocked,
.dispatch-routing-route-list div.blocked,
.dispatch-routing-matrix div.blocked {
    border-color: rgba(168, 49, 49, 0.25);
    background: rgba(255, 235, 232, 0.76);
}

.dispatch-routing-lanes strong,
.dispatch-routing-checks strong,
.dispatch-routing-route-list strong,
.dispatch-routing-matrix strong,
.dispatch-routing-decisions strong {
    display: block;
    color: #173241;
    margin: 3px 0;
}

.dispatch-routing-decisions a:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 30px rgba(20, 49, 68, 0.11);
}

.dispatch-routing-handoff {
    grid-column: span 1;
}

.dispatch-routing-panel ul {
    margin: 10px 0 0;
    padding-left: 18px;
}

@media (max-width: 980px) {
    .dispatch-routing-kpis,
    .dispatch-routing-layout,
    .dispatch-routing-grid,
    .dispatch-routing-support {
        grid-template-columns: 1fr;
    }

    .dispatch-routing-lanes {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .template-dispatch-routing-command {
        padding: 18px;
        border-radius: 24px;
    }
}

.commercial-closing-command {
    position: relative;
    overflow: hidden;
    margin: clamp(28px, 5vw, 58px) 0;
    padding: clamp(22px, 4vw, 40px);
    border: 1px solid rgba(30, 57, 49, 0.14);
    border-radius: 34px;
    background:
        radial-gradient(circle at 8% 8%, rgba(27, 105, 89, 0.16), transparent 34%),
        radial-gradient(circle at 100% 0%, rgba(181, 122, 50, 0.16), transparent 32%),
        linear-gradient(135deg, #f7f1e5 0%, #edf5ee 46%, #eef4f7 100%);
    box-shadow: 0 30px 95px rgba(28, 53, 48, 0.12);
}

.commercial-closing-command::before {
    content: "";
    position: absolute;
    inset: auto 5% -28% auto;
    width: 380px;
    height: 260px;
    border-radius: 999px;
    background: rgba(33, 104, 86, 0.13);
    filter: blur(18px);
}

.commercial-closing-command > * {
    position: relative;
    z-index: 1;
}

.commercial-closing-kpis,
.commercial-closing-layout,
.commercial-closing-grid,
.commercial-closing-support {
    display: grid;
    gap: 16px;
}

.commercial-closing-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 18px 0;
}

.commercial-closing-layout,
.commercial-closing-grid {
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
    align-items: start;
}

.commercial-closing-support {
    grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.28fr);
    margin-top: 16px;
}

.commercial-closing-panel,
.commercial-closing-kpis article {
    border: 1px solid rgba(30, 57, 49, 0.12);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 18px 45px rgba(28, 53, 48, 0.08);
    backdrop-filter: blur(14px);
}

.commercial-closing-panel {
    padding: 18px;
}

.commercial-closing-kpis article {
    padding: 16px;
}

.commercial-closing-kpis span,
.commercial-closing-panel .eyebrow,
.commercial-closing-lanes span,
.commercial-closing-map span,
.commercial-closing-finance span,
.commercial-closing-candidates span,
.commercial-closing-queue span {
    display: block;
    color: #68756d;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.commercial-closing-kpis strong {
    display: block;
    margin-top: 6px;
    color: #18362f;
    font-size: clamp(1.45rem, 3vw, 2.35rem);
    letter-spacing: -0.05em;
}

.commercial-closing-kpis small,
.commercial-closing-panel p,
.commercial-closing-panel li,
.commercial-closing-panel small,
.commercial-closing-checks span {
    color: #5c6860;
    line-height: 1.55;
}

.commercial-closing-lanes,
.commercial-closing-checks,
.commercial-closing-map,
.commercial-closing-finance,
.commercial-closing-candidates,
.commercial-closing-queue {
    display: grid;
    gap: 10px;
}

.commercial-closing-lanes,
.commercial-closing-map,
.commercial-closing-finance {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.commercial-closing-lanes article,
.commercial-closing-checks div,
.commercial-closing-map a,
.commercial-closing-finance div,
.commercial-closing-candidates a,
.commercial-closing-candidates div,
.commercial-closing-queue a {
    border: 1px solid rgba(30, 57, 49, 0.10);
    border-radius: 18px;
    padding: 13px;
    background: rgba(255, 255, 255, 0.70);
    text-decoration: none;
}

.commercial-closing-lanes article.ready,
.commercial-closing-checks div.ready,
.commercial-closing-map a.ready,
.commercial-closing-candidates div.ready {
    border-color: rgba(34, 122, 88, 0.24);
    background: rgba(230, 247, 238, 0.78);
}

.commercial-closing-lanes article.attention,
.commercial-closing-checks div.attention,
.commercial-closing-map a.attention {
    border-color: rgba(176, 121, 34, 0.25);
    background: rgba(255, 246, 224, 0.80);
}

.commercial-closing-lanes article.blocked,
.commercial-closing-checks div.blocked,
.commercial-closing-map a.blocked {
    border-color: rgba(168, 49, 49, 0.25);
    background: rgba(255, 235, 232, 0.78);
}

.commercial-closing-lanes strong,
.commercial-closing-checks strong,
.commercial-closing-map strong,
.commercial-closing-finance strong,
.commercial-closing-candidates strong,
.commercial-closing-queue strong {
    display: block;
    color: #17362f;
    margin: 3px 0;
}

.commercial-closing-map strong,
.commercial-closing-finance strong {
    font-size: clamp(1.35rem, 2.4vw, 2rem);
    letter-spacing: -0.04em;
}

.commercial-closing-candidates a:hover,
.commercial-closing-queue a:hover,
.commercial-closing-map a:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 30px rgba(28, 53, 48, 0.10);
}

.commercial-closing-panel ul {
    margin: 10px 0 0;
    padding-left: 18px;
}

.commercial-closing-handoff pre {
    margin: 0;
    white-space: pre-wrap;
}

@media (max-width: 980px) {
    .commercial-closing-kpis,
    .commercial-closing-layout,
    .commercial-closing-grid,
    .commercial-closing-support,
    .commercial-closing-lanes,
    .commercial-closing-map,
    .commercial-closing-finance {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .commercial-closing-command {
        padding: 18px;
        border-radius: 24px;
    }
}

.client-dossier-command {
    margin: 28px 0;
    padding: clamp(22px, 3vw, 36px);
    border: 1px solid rgba(21, 35, 54, 0.14);
    border-radius: 34px;
    background:
        radial-gradient(circle at 12% 0%, rgba(198, 158, 86, 0.22), transparent 32%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(244, 240, 231, 0.94));
    box-shadow: 0 28px 90px rgba(22, 31, 44, 0.12);
    overflow: hidden;
}
.client-dossier-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 300px);
    gap: 24px;
    align-items: stretch;
}
.client-dossier-hero h2 {
    max-width: 960px;
    margin: 4px 0 10px;
    font-size: clamp(1.8rem, 4vw, 3.7rem);
    line-height: 0.94;
    letter-spacing: -0.055em;
    color: #142033;
}
.client-dossier-hero p {
    max-width: 900px;
    color: rgba(20, 32, 51, 0.76);
    font-size: 1.02rem;
}
.client-dossier-score {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 210px;
    padding: 22px;
    border-radius: 28px;
    background: linear-gradient(160deg, #172235, #24344d);
    color: #fff7e8;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 18px 54px rgba(20, 32, 51, 0.22);
}
.client-dossier-score.attention { background: linear-gradient(160deg, #5a4323, #1f2937); }
.client-dossier-score.blocked { background: linear-gradient(160deg, #6c1f2b, #1f2937); }
.client-dossier-score span,
.client-dossier-score small { color: rgba(255, 247, 232, 0.78); }
.client-dossier-score strong {
    font-size: 5rem;
    line-height: 0.85;
    letter-spacing: -0.08em;
}
.client-dossier-sections {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 24px;
}
.client-dossier-sections > a,
.client-dossier-workflows > a,
.client-dossier-checks > div,
.client-dossier-variable-groups > div,
.client-dossier-text-list details,
.client-dossier-briefings details,
.client-dossier-handoff {
    border: 1px solid rgba(21, 35, 54, 0.12);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.74);
    box-shadow: 0 16px 42px rgba(25, 33, 45, 0.08);
}
.client-dossier-sections > a {
    display: flex;
    flex-direction: column;
    gap: 9px;
    min-height: 214px;
    padding: 18px;
    color: #152336;
    text-decoration: none;
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}
.client-dossier-sections > a:hover {
    transform: translateY(-3px);
    border-color: rgba(198, 158, 86, 0.45);
    box-shadow: 0 22px 58px rgba(25, 33, 45, 0.13);
}
.client-dossier-sections > a.attention { background: linear-gradient(180deg, rgba(255, 248, 226, 0.92), rgba(255,255,255,0.74)); }
.client-dossier-sections span,
.client-dossier-workflows span,
.client-dossier-checks span {
    font-size: 0.73rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(20, 32, 51, 0.58);
}
.client-dossier-sections strong,
.client-dossier-workflows strong,
.client-dossier-checks strong,
.client-dossier-variable-groups strong {
    display: block;
    font-size: 1rem;
    color: #142033;
}
.client-dossier-sections p,
.client-dossier-workflows p,
.client-dossier-checks p {
    margin: 0;
    color: rgba(20, 32, 51, 0.68);
}
.client-dossier-sections small {
    display: block;
    margin-top: 5px;
    color: rgba(20, 32, 51, 0.64);
}
.client-dossier-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    gap: 18px;
    margin-top: 18px;
}
.client-dossier-grid.secondary { grid-template-columns: minmax(0, 1.18fr) minmax(0, 0.82fr); }
.client-dossier-grid.tertiary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.client-dossier-panel {
    padding: 20px;
    border: 1px solid rgba(21, 35, 54, 0.12);
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.68);
    box-shadow: 0 18px 52px rgba(25, 33, 45, 0.08);
}
.client-dossier-workflows,
.client-dossier-checks,
.client-dossier-text-list,
.client-dossier-briefings,
.client-dossier-variable-groups {
    display: grid;
    gap: 12px;
}
.client-dossier-workflows { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.client-dossier-workflows > a {
    min-height: 150px;
    padding: 15px;
    color: #152336;
    text-decoration: none;
}
.client-dossier-workflows > a.attention,
.client-dossier-checks > div.attention { background: rgba(255, 247, 226, 0.9); }
.client-dossier-checks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.client-dossier-checks > div { padding: 14px; }
.client-dossier-checks > div.ready { background: rgba(237, 248, 238, 0.88); }
.client-dossier-text-list details,
.client-dossier-briefings details,
.client-dossier-handoff {
    padding: 14px 16px;
}
.client-dossier-text-list summary,
.client-dossier-briefings summary,
.client-dossier-handoff summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    cursor: pointer;
    color: #142033;
}
.client-dossier-text-list pre,
.client-dossier-briefings pre,
.client-dossier-handoff pre {
    margin: 12px 0 0;
    padding: 14px;
    border-radius: 16px;
    background: rgba(20, 32, 51, 0.06);
    white-space: pre-wrap;
    font: 0.88rem/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    color: #1d2a3c;
}
.client-dossier-variable-groups {
    grid-template-columns: 1fr;
}
.client-dossier-variable-groups > div {
    padding: 15px;
}
.client-dossier-variable-groups p {
    display: grid;
    grid-template-columns: minmax(120px, 0.95fr) minmax(110px, 1fr) minmax(70px, 0.65fr);
    gap: 8px;
    align-items: center;
    margin: 10px 0 0;
    color: rgba(20, 32, 51, 0.68);
}
.client-dossier-variable-groups code {
    padding: 4px 7px;
    border-radius: 9px;
    background: rgba(20, 32, 51, 0.08);
    color: #152336;
    font-size: 0.78rem;
}
.client-dossier-guardrails {
    display: grid;
    gap: 9px;
    margin: 0 0 14px;
    padding: 0;
    list-style: none;
}
.client-dossier-guardrails li {
    padding: 11px 12px;
    border-radius: 16px;
    background: rgba(20, 32, 51, 0.06);
    color: rgba(20, 32, 51, 0.74);
}
@media (max-width: 1180px) {
    .client-dossier-sections { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .client-dossier-grid,
    .client-dossier-grid.secondary,
    .client-dossier-grid.tertiary { grid-template-columns: 1fr; }
    .client-dossier-workflows { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
    .client-dossier-command { border-radius: 24px; padding: 18px; }
    .client-dossier-hero,
    .client-dossier-sections,
    .client-dossier-workflows,
    .client-dossier-checks { grid-template-columns: 1fr; }
    .client-dossier-score strong { font-size: 3.8rem; }
    .client-dossier-variable-groups p { grid-template-columns: 1fr; }
}

.professional-communication-pack-command {
    position: relative;
    margin: 28px 0;
    padding: clamp(22px, 3vw, 38px);
    border: 1px solid rgba(38, 50, 70, 0.13);
    border-radius: 34px;
    background:
        radial-gradient(circle at 9% 0%, rgba(196, 140, 64, 0.24), transparent 31%),
        radial-gradient(circle at 92% 8%, rgba(44, 95, 112, 0.16), transparent 32%),
        linear-gradient(145deg, rgba(255,255,255,0.97), rgba(246,241,231,0.93));
    box-shadow: 0 28px 90px rgba(25, 34, 48, 0.13);
    overflow: hidden;
}
.professional-communication-pack-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(230px, 315px);
    gap: 24px;
    align-items: stretch;
}
.professional-communication-pack-hero h2 {
    max-width: 980px;
    margin: 4px 0 12px;
    color: #142034;
    font-size: clamp(1.85rem, 4vw, 3.85rem);
    line-height: 0.94;
    letter-spacing: -0.057em;
}
.professional-communication-pack-hero p {
    max-width: 920px;
    color: rgba(20, 32, 52, 0.75);
    font-size: 1.02rem;
}
.professional-communication-pack-chief {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 220px;
    padding: 23px;
    border-radius: 28px;
    background: linear-gradient(160deg, #182538, #2a3b55);
    color: #fff7e8;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.10), 0 18px 54px rgba(21, 31, 45, 0.23);
}
.professional-communication-pack-chief.attention { background: linear-gradient(160deg, #604420, #203044); }
.professional-communication-pack-chief.blocked { background: linear-gradient(160deg, #742333, #203044); }
.professional-communication-pack-chief span,
.professional-communication-pack-chief small { color: rgba(255, 247, 232, 0.78); }
.professional-communication-pack-chief strong {
    font-size: 5rem;
    line-height: 0.84;
    letter-spacing: -0.08em;
}
.professional-communication-pack-metrics {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
    margin-top: 24px;
}
.professional-communication-pack-metrics article,
.professional-communication-pack-panel,
.professional-pack-cards article,
.professional-pack-lanes > div,
.professional-pack-checks > div,
.professional-pack-copy-list details,
.professional-pack-variable-groups > div,
.professional-pack-routing a,
.professional-pack-review-queue a,
.professional-pack-handoff {
    border: 1px solid rgba(38, 50, 70, 0.12);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.74);
    box-shadow: 0 16px 42px rgba(25, 34, 48, 0.08);
}
.professional-communication-pack-metrics article {
    padding: 16px;
}
.professional-communication-pack-metrics span,
.professional-pack-cards span,
.professional-pack-lanes span,
.professional-pack-checks span,
.professional-pack-routing span,
.professional-pack-review-queue span {
    display: block;
    margin-bottom: 7px;
    color: rgba(20, 32, 52, 0.58);
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.professional-communication-pack-metrics strong {
    display: block;
    color: #142034;
    font-size: 1.75rem;
    letter-spacing: -0.05em;
}
.professional-communication-pack-metrics small,
.professional-pack-cards small,
.professional-pack-lanes small,
.professional-pack-review-queue small,
.professional-pack-routing small {
    color: rgba(20, 32, 52, 0.64);
}
.professional-communication-pack-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr);
    gap: 18px;
    margin-top: 18px;
}
.professional-communication-pack-grid.secondary { grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr); }
.professional-communication-pack-grid.tertiary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.professional-communication-pack-panel {
    padding: 20px;
    border-radius: 28px;
    background: rgba(255,255,255,0.68);
}
.professional-pack-cards,
.professional-pack-lanes,
.professional-pack-checks,
.professional-pack-copy-list,
.professional-pack-variable-groups,
.professional-pack-routing,
.professional-pack-review-queue {
    display: grid;
    gap: 12px;
}
.professional-pack-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.professional-pack-cards article {
    min-height: 220px;
    padding: 17px;
}
.professional-pack-cards article.is-active { background: linear-gradient(180deg, rgba(237, 248, 239, 0.92), rgba(255,255,255,0.74)); }
.professional-pack-cards article.is-pending { background: linear-gradient(180deg, rgba(255, 248, 226, 0.92), rgba(255,255,255,0.74)); }
.professional-pack-cards article.is-danger { background: linear-gradient(180deg, rgba(255, 235, 237, 0.94), rgba(255,255,255,0.74)); }
.professional-pack-cards strong,
.professional-pack-lanes strong,
.professional-pack-checks strong,
.professional-pack-routing strong,
.professional-pack-review-queue strong,
.professional-pack-variable-groups strong {
    display: block;
    color: #142034;
    font-size: 1rem;
}
.professional-pack-cards p,
.professional-pack-checks p {
    color: rgba(20, 32, 52, 0.70);
}
.professional-pack-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    margin: 12px 0;
}
.professional-pack-stats small {
    padding: 7px 8px;
    border-radius: 12px;
    background: rgba(20, 32, 52, 0.06);
}
.professional-pack-lanes > div,
.professional-pack-checks > div {
    padding: 14px;
}
.professional-pack-lanes > div.is-active,
.professional-pack-checks > div.ready { background: rgba(237, 248, 239, 0.9); }
.professional-pack-lanes > div.is-pending,
.professional-pack-checks > div.attention { background: rgba(255, 248, 226, 0.9); }
.professional-pack-lanes > div.is-danger { background: rgba(255, 235, 237, 0.92); }
.professional-pack-copy-list details,
.professional-pack-handoff {
    padding: 14px 16px;
}
.professional-pack-copy-list summary,
.professional-pack-handoff summary {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    cursor: pointer;
    color: #142034;
}
.professional-pack-copy-list pre,
.professional-pack-handoff pre {
    margin: 12px 0 0;
    padding: 14px;
    border-radius: 16px;
    background: rgba(20, 32, 52, 0.06);
    white-space: pre-wrap;
    font: 0.88rem/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    color: #1d2a3c;
}
.professional-pack-variable-groups > div,
.professional-pack-routing a,
.professional-pack-review-queue a {
    padding: 14px;
    color: #142034;
    text-decoration: none;
}
.professional-pack-variable-groups p {
    display: grid;
    grid-template-columns: minmax(130px, 0.9fr) minmax(120px, 1fr) minmax(80px, 0.7fr);
    gap: 8px;
    align-items: center;
    margin: 10px 0 0;
    color: rgba(20, 32, 52, 0.68);
}
.professional-pack-variable-groups code {
    padding: 4px 7px;
    border-radius: 9px;
    background: rgba(20, 32, 52, 0.08);
    color: #142034;
    font-size: 0.78rem;
}
.professional-pack-guardrails {
    display: grid;
    gap: 9px;
    margin: 0 0 14px;
    padding: 0;
    list-style: none;
}
.professional-pack-guardrails li {
    padding: 11px 12px;
    border-radius: 16px;
    background: rgba(20, 32, 52, 0.06);
    color: rgba(20, 32, 52, 0.74);
}
@media (max-width: 1180px) {
    .professional-communication-pack-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .professional-communication-pack-grid,
    .professional-communication-pack-grid.secondary,
    .professional-communication-pack-grid.tertiary { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
    .professional-communication-pack-command { padding: 18px; border-radius: 24px; }
    .professional-communication-pack-hero,
    .professional-communication-pack-metrics,
    .professional-pack-cards { grid-template-columns: 1fr; }
    .professional-communication-pack-chief strong { font-size: 3.8rem; }
    .professional-pack-variable-groups p { grid-template-columns: 1fr; }
}

.communication-variable-launchpack {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 18px;
    margin: 28px 0;
    padding: clamp(22px, 3vw, 38px);
    border: 1px solid rgba(33, 67, 91, 0.13);
    border-radius: 34px;
    background:
        radial-gradient(circle at 6% 0%, rgba(30, 126, 119, 0.18), transparent 32%),
        radial-gradient(circle at 92% 10%, rgba(219, 162, 75, 0.22), transparent 32%),
        linear-gradient(145deg, rgba(255,255,255,0.98), rgba(238,247,246,0.92));
    box-shadow: 0 28px 84px rgba(20, 44, 58, 0.12);
}

.communication-variable-launchpack-hero,
.communication-variable-launchpack-grid,
.communication-variable-launchpack-metrics {
    display: grid;
    gap: 16px;
}

.communication-variable-launchpack-hero {
    grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
    align-items: stretch;
}

.communication-variable-launchpack-hero h2 {
    max-width: 980px;
    margin: 4px 0 12px;
    color: #123246;
    font-size: clamp(1.8rem, 3.8vw, 3.6rem);
    line-height: 0.96;
    letter-spacing: -0.055em;
}

.communication-variable-launchpack-hero p {
    max-width: 920px;
    color: rgba(18, 50, 70, 0.72);
}

.communication-variable-launchpack-chief,
.communication-variable-launchpack-panel,
.communication-variable-launchpack-metrics article {
    border: 1px solid rgba(33, 67, 91, 0.12);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.76);
    box-shadow: 0 16px 44px rgba(20, 44, 58, 0.08);
}

.communication-variable-launchpack-chief {
    display: grid;
    align-content: space-between;
    gap: 12px;
    padding: 22px;
    color: #fff;
    background: linear-gradient(160deg, #103746, #0b222c);
}

.communication-variable-launchpack-chief.ready { background: linear-gradient(160deg, #12644f, #0b2b2b); }
.communication-variable-launchpack-chief.attention { background: linear-gradient(160deg, #73511f, #102d3d); }
.communication-variable-launchpack-chief.blocked { background: linear-gradient(160deg, #7b2634, #102d3d); }

.communication-variable-launchpack-chief span,
.communication-variable-launchpack-chief small,
.communication-variable-launchpack-metrics span {
    color: rgba(255, 255, 255, 0.74);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.communication-variable-launchpack-chief strong {
    font-size: 4rem;
    line-height: 0.85;
    letter-spacing: -0.08em;
}

.communication-variable-launchpack-chief .btn {
    width: 100%;
}

.communication-variable-launchpack-metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.communication-variable-launchpack-metrics article,
.communication-variable-launchpack-panel {
    padding: 16px;
}

.communication-variable-launchpack-metrics span,
.communication-variable-launchpack-panel h3 {
    color: rgba(18, 50, 70, 0.58);
}

.communication-variable-launchpack-metrics strong {
    display: block;
    margin-top: 6px;
    color: #123246;
    font-size: clamp(1.4rem, 2.4vw, 2.1rem);
    letter-spacing: -0.055em;
}

.communication-variable-launchpack-metrics small,
.communication-variable-launchpack-panel p,
.communication-variable-control-list span {
    color: rgba(18, 50, 70, 0.66);
}

.communication-variable-launchpack-grid {
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 0.8fr) minmax(0, 1.1fr);
}

.communication-variable-chiplist,
.communication-variable-control-list,
.communication-variable-launchpack-guardrails {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.communication-variable-chiplist span,
.communication-variable-launchpack-guardrails span {
    padding: 8px 10px;
    border-radius: 999px;
    border: 1px solid rgba(33, 67, 91, 0.1);
    background: rgba(255, 255, 255, 0.74);
    color: #174557;
    font-size: 0.8rem;
    font-weight: 800;
}

.communication-variable-control-list {
    display: grid;
}

.communication-variable-control-list div {
    display: grid;
    gap: 4px;
    padding: 12px;
    border-radius: 16px;
    background: rgba(18, 50, 70, 0.055);
}

.communication-variable-control-list strong {
    color: #123246;
}

.communication-variable-launchpack-guardrails {
    position: relative;
    z-index: 1;
}

@media (max-width: 1180px) {
    .communication-variable-launchpack-hero,
    .communication-variable-launchpack-grid {
        grid-template-columns: 1fr;
    }

    .communication-variable-launchpack-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .communication-variable-launchpack {
        padding: 18px;
        border-radius: 24px;
    }

    .communication-variable-launchpack-metrics {
        grid-template-columns: 1fr;
    }
}

/* Office cockpit: the first authenticated impression answers the actual work question. */
.office-cockpit {
    position: relative;
    display: grid;
    gap: clamp(0.9rem, 1.8vw, 1.25rem);
    overflow: hidden;
    padding: clamp(1.15rem, 2.8vw, 2.2rem);
    border: 1px solid rgba(13, 78, 82, 0.2);
    border-radius: 38px;
    background:
        radial-gradient(circle at 6% 0%, rgba(78, 196, 188, 0.18), transparent 26rem),
        radial-gradient(circle at 78% 5%, rgba(224, 141, 58, 0.17), transparent 25rem),
        linear-gradient(140deg, #fbf7ee 0%, #eef8f6 47%, #f8fbfb 100%);
    box-shadow: 0 30px 90px rgba(18, 39, 48, 0.15);
}

.office-cockpit::before {
    content: "";
    position: absolute;
    inset: -18% auto auto -8%;
    width: 28rem;
    height: 28rem;
    border-radius: 999px;
    background: rgba(13, 105, 101, 0.08);
    pointer-events: none;
}

.office-cockpit::after {
    content: "";
    position: absolute;
    inset: auto -12% -34% 34%;
    height: 42%;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(15, 122, 120, 0.08), rgba(232, 157, 73, 0.14), rgba(36, 94, 143, 0.08));
    transform: rotate(-5deg);
    pointer-events: none;
}

.office-cockpit > * {
    position: relative;
    z-index: 1;
}

.office-cockpit-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.55fr);
    gap: clamp(1rem, 2vw, 1.5rem);
    align-items: stretch;
}

.office-cockpit-copy h1 {
    max-width: 14ch;
    margin: 0.12rem 0 0.7rem;
    color: #10282e;
    font-family: var(--font-heading);
    font-size: clamp(2.7rem, 7vw, 6.4rem);
    line-height: 0.86;
    letter-spacing: -0.08em;
}

.office-cockpit-copy p:not(.eyebrow) {
    max-width: 850px;
    margin: 0;
    color: rgba(18, 47, 55, 0.78);
    font-size: clamp(1.02rem, 1.7vw, 1.22rem);
    line-height: 1.62;
}

.office-cockpit-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 1rem;
}

.office-cockpit-status {
    display: grid;
    gap: 0.72rem;
    align-content: start;
    padding: 1rem;
    border: 1px solid rgba(14, 73, 78, 0.14);
    border-radius: 28px;
    background:
        radial-gradient(circle at 100% 0%, rgba(111, 214, 207, 0.18), transparent 60%),
        rgba(255, 255, 255, 0.74);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 18px 48px rgba(18, 39, 48, 0.09);
}

.office-cockpit-status > span {
    color: rgba(18, 47, 55, 0.58);
    font-size: 0.74rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.office-cockpit-status strong {
    color: #10282e;
    font-family: var(--font-heading);
    font-size: clamp(1.35rem, 2.3vw, 2rem);
    line-height: 0.98;
}

.office-cockpit-status p {
    margin: 0;
    color: rgba(18, 47, 55, 0.73);
    font-size: 0.9rem;
    line-height: 1.48;
}

.office-cockpit-status div {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.45rem;
}

.office-cockpit-status small {
    display: grid;
    gap: 0.14rem;
    padding: 0.56rem;
    border-radius: 16px;
    background: rgba(18, 47, 55, 0.07);
    color: rgba(18, 47, 55, 0.64);
    font-size: 0.68rem;
    font-weight: 850;
}

.office-cockpit-status small b {
    color: #10282e;
    font-size: 0.9rem;
}

.office-decision-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.72rem;
}

.office-decision-card {
    display: grid;
    gap: 0.5rem;
    min-height: 182px;
    padding: 0.95rem;
    border: 1px solid rgba(16, 58, 68, 0.13);
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.78);
    color: inherit;
    text-decoration: none;
    box-shadow: 0 16px 42px rgba(18, 39, 48, 0.08);
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.office-decision-card:hover,
.office-action-card:hover {
    transform: translateY(-4px);
    border-color: rgba(15, 122, 120, 0.32);
    box-shadow: 0 24px 70px rgba(18, 39, 48, 0.14);
    text-decoration: none;
}

.office-decision-card strong {
    color: #10282e;
    font-family: var(--font-heading);
    font-size: clamp(1.15rem, 1.7vw, 1.55rem);
    line-height: 1.02;
}

.office-decision-card p {
    margin: 0;
    color: rgba(18, 47, 55, 0.73);
    font-size: 0.88rem;
    line-height: 1.48;
}

.office-decision-card span {
    color: #0d6c68;
    font-size: 0.74rem;
    font-weight: 950;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.office-decision-card b {
    width: fit-content;
    margin-top: auto;
    padding: 0.48rem 0.66rem;
    border-radius: 999px;
    background: #102f34;
    color: #fff;
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.office-action-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.58rem;
}

.office-action-card {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.42rem;
    min-height: 146px;
    padding: 0.82rem;
    border: 1px solid rgba(16, 58, 68, 0.12);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.8);
    color: inherit;
    text-decoration: none;
    box-shadow: 0 13px 34px rgba(18, 39, 48, 0.07);
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.office-action-card::after {
    content: "";
    position: absolute;
    inset: auto -28% -46% 24%;
    height: 76px;
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.07);
    transform: rotate(-8deg);
}

.office-action-card > * {
    position: relative;
    z-index: 1;
}

.office-action-card span {
    width: fit-content;
    padding: 0.3rem 0.45rem;
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.1);
    color: #0d6c68;
    font-size: 0.68rem;
    font-weight: 950;
    letter-spacing: 0.08em;
}

.office-action-card strong {
    color: #10282e;
    font-family: var(--font-heading);
    font-size: 1.06rem;
    line-height: 1.02;
}

.office-action-card p {
    margin: 0;
    color: rgba(18, 47, 55, 0.72);
    font-size: 0.78rem;
    line-height: 1.38;
}

.office-action-card.tone-report::after { background: rgba(44, 121, 186, 0.09); }
.office-action-card.tone-offer::after { background: rgba(199, 119, 38, 0.1); }
.office-action-card.tone-invoice::after,
.office-action-card.tone-honorar::after,
.office-action-card.tone-accounting::after { background: rgba(22, 131, 82, 0.09); }
.office-action-card.tone-hoai::after { background: rgba(180, 98, 29, 0.1); }
.office-action-card.tone-jveg::after { background: rgba(173, 84, 84, 0.1); }
.office-action-card.tone-portal::after { background: rgba(57, 109, 156, 0.1); }

.office-runway-panel {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
    gap: 0.75rem;
}

.office-runway,
.office-promise-grid article {
    border: 1px solid rgba(16, 58, 68, 0.11);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.72);
}

.office-runway {
    padding: 0.92rem;
}

.office-runway ol {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 0.45rem;
    margin: 0.5rem 0 0;
    padding: 0;
    list-style: none;
}

.office-runway li {
    display: grid;
    gap: 0.2rem;
    min-height: 96px;
    padding: 0.56rem;
    border-radius: 16px;
    background: rgba(18, 47, 55, 0.065);
}

.office-runway li strong {
    color: #10282e;
    font-family: var(--font-heading);
    font-size: 0.95rem;
}

.office-runway li span {
    color: rgba(18, 47, 55, 0.68);
    font-size: 0.72rem;
    line-height: 1.32;
}

.office-promise-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
}

.office-promise-grid article {
    display: grid;
    gap: 0.34rem;
    min-height: 112px;
    padding: 0.82rem;
}

.office-promise-grid strong {
    color: #10282e;
    font-family: var(--font-heading);
    line-height: 1.04;
}

.office-promise-grid p {
    margin: 0;
    color: rgba(18, 47, 55, 0.7);
    font-size: 0.78rem;
    line-height: 1.4;
}

/* Operating start deck: the first authenticated impression must answer "what now?". */
.operating-start-deck {
    display: grid;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.operating-start-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(320px, 0.75fr);
    gap: clamp(1rem, 2.4vw, 1.65rem);
    overflow: hidden;
    padding: clamp(1.35rem, 3vw, 2.35rem);
    border: 1px solid rgba(15, 92, 104, 0.22);
    border-radius: 36px;
    color: #f8fbfc;
    background:
        radial-gradient(circle at 8% 10%, rgba(102, 223, 224, 0.18), transparent 30%),
        radial-gradient(circle at 82% 4%, rgba(242, 168, 75, 0.16), transparent 30%),
        linear-gradient(135deg, #071a25 0%, #0b3340 54%, #143f45 100%);
    box-shadow: 0 32px 94px rgba(9, 30, 43, 0.24);
}

.operating-start-hero::after {
    content: "";
    position: absolute;
    inset: auto -12% -42% 28%;
    height: 55%;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(133, 232, 225, 0.1), rgba(87, 147, 207, 0.14), rgba(229, 111, 49, 0.1));
    transform: rotate(-4deg);
    pointer-events: none;
}

.operating-start-copy,
.operating-start-command {
    position: relative;
    z-index: 1;
}

.operating-start-copy h1,
.operating-start-copy h2 {
    max-width: 780px;
    margin: 0.18rem 0 0.75rem;
    color: #fff;
    font-family: var(--font-heading);
    font-size: clamp(2.45rem, 6vw, 5.35rem);
    line-height: 0.9;
    letter-spacing: -0.075em;
    text-shadow: 0 20px 56px rgba(0, 0, 0, 0.24);
}

.operating-start-copy p:not(.eyebrow) {
    max-width: 900px;
    margin: 0;
    color: rgba(238, 249, 251, 0.84);
    font-size: clamp(1.02rem, 1.7vw, 1.2rem);
    line-height: 1.65;
}

.operating-primary-board {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.74rem;
    margin-top: 1.15rem;
}

.operating-primary-card {
    display: grid;
    gap: 0.48rem;
    min-height: 178px;
    padding: 0.92rem;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(5, 20, 30, 0.54);
    color: #fff;
    text-decoration: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 16px 34px rgba(0, 0, 0, 0.16);
    transition: transform 160ms ease, background 160ms ease, border-color 160ms ease;
}

.operating-primary-card:hover {
    transform: translateY(-3px);
    border-color: rgba(148, 234, 232, 0.46);
    background: rgba(11, 55, 66, 0.76);
    text-decoration: none;
}

.operating-primary-card strong {
    color: #fff;
    font-family: var(--font-heading);
    font-size: clamp(1.02rem, 1.35vw, 1.26rem);
    line-height: 1.02;
}

.operating-primary-card span {
    color: rgba(232, 246, 249, 0.82);
    font-size: 0.84rem;
    line-height: 1.42;
}

.operating-primary-card small {
    margin-top: auto;
    color: rgba(255, 222, 166, 0.92);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.operating-primary-card::before {
    content: "";
    width: 0.78rem;
    height: 0.78rem;
    border-radius: 999px;
    background: #7bd2d0;
    box-shadow: 0 0 0 5px rgba(123, 210, 208, 0.13);
}

.operating-primary-card.tone-report::before { background: #8bc0ff; box-shadow: 0 0 0 5px rgba(139, 192, 255, 0.13); }
.operating-primary-card.tone-offer::before { background: #f4b657; box-shadow: 0 0 0 5px rgba(244, 182, 87, 0.13); }
.operating-primary-card.tone-invoice::before { background: #a3efc5; box-shadow: 0 0 0 5px rgba(163, 239, 197, 0.13); }
.operating-primary-card.tone-hoai::before { background: #f0b15a; box-shadow: 0 0 0 5px rgba(240, 177, 90, 0.13); }
.operating-primary-card.tone-jveg::before { background: #d98686; box-shadow: 0 0 0 5px rgba(217, 134, 134, 0.13); }

.front-door-command {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: clamp(0.95rem, 2vw, 1.35rem);
    padding: clamp(1.05rem, 2.4vw, 1.7rem);
    border: 1px solid rgba(16, 82, 83, 0.18);
    border-radius: 34px;
    background:
        radial-gradient(circle at 6% 0%, rgba(15, 122, 120, 0.16), transparent 28rem),
        radial-gradient(circle at 90% 8%, rgba(232, 157, 73, 0.14), transparent 25rem),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(239, 248, 247, 0.94));
    box-shadow: 0 28px 74px rgba(17, 37, 45, 0.12);
}

.front-door-command::after {
    content: "";
    position: absolute;
    inset: auto -12% -44% 36%;
    height: 42%;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(15, 122, 120, 0.08), rgba(232, 157, 73, 0.12), rgba(34, 91, 128, 0.08));
    transform: rotate(-5deg);
    pointer-events: none;
}

.front-door-command-head,
.front-door-choice-grid,
.front-door-command-rails {
    position: relative;
    z-index: 1;
}

.front-door-command-head {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(280px, 1fr);
    gap: 1rem;
    align-items: end;
}

.front-door-command-head h2 {
    max-width: 12ch;
    margin: 0;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(2.25rem, 5vw, 5rem);
    line-height: 0.88;
    letter-spacing: -0.075em;
}

.front-door-command-head p:not(.eyebrow) {
    margin: 0;
    color: rgba(20, 48, 56, 0.78);
    font-size: clamp(1rem, 1.6vw, 1.18rem);
    line-height: 1.62;
}

.front-door-choice-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.72rem;
}

.front-door-choice {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.58rem;
    min-height: 254px;
    padding: 0.96rem;
    border: 1px solid rgba(16, 58, 68, 0.13);
    border-radius: 25px;
    background: rgba(255, 255, 255, 0.86);
    color: inherit;
    text-decoration: none;
    box-shadow: 0 16px 44px rgba(17, 37, 45, 0.08);
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.front-door-choice::before {
    content: "";
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 999px;
    background: #0f7a78;
    box-shadow: 0 0 0 6px rgba(15, 122, 120, 0.12);
}

.front-door-choice::after {
    content: "";
    position: absolute;
    inset: auto -26% -38% 24%;
    height: 92px;
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.08);
    transform: rotate(-8deg);
}

.front-door-choice:hover {
    transform: translateY(-4px);
    border-color: rgba(15, 122, 120, 0.34);
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 28px 76px rgba(17, 37, 45, 0.15);
    text-decoration: none;
}

.front-door-choice.tone-report::before { background: #2c79ba; box-shadow: 0 0 0 6px rgba(44, 121, 186, 0.12); }
.front-door-choice.tone-report::after { background: rgba(44, 121, 186, 0.08); }
.front-door-choice.tone-offer::before { background: #c77726; box-shadow: 0 0 0 6px rgba(199, 119, 38, 0.12); }
.front-door-choice.tone-offer::after { background: rgba(199, 119, 38, 0.09); }
.front-door-choice.tone-invoice::before { background: #168352; box-shadow: 0 0 0 6px rgba(22, 131, 82, 0.12); }
.front-door-choice.tone-invoice::after { background: rgba(22, 131, 82, 0.08); }
.front-door-choice.tone-hoai::before { background: #b4621d; box-shadow: 0 0 0 6px rgba(180, 98, 29, 0.12); }
.front-door-choice.tone-hoai::after { background: rgba(180, 98, 29, 0.09); }
.front-door-choice.tone-court::before { background: #ad5454; box-shadow: 0 0 0 6px rgba(173, 84, 84, 0.12); }
.front-door-choice.tone-court::after { background: rgba(173, 84, 84, 0.09); }

.front-door-choice span,
.front-door-choice strong,
.front-door-choice p,
.front-door-choice small,
.front-door-choice-needs,
.front-door-choice-cta {
    position: relative;
    z-index: 1;
}

.front-door-choice span {
    color: #0d6c68;
    font-size: 0.74rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.front-door-choice strong {
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.08rem, 1.45vw, 1.4rem);
    line-height: 1.02;
    letter-spacing: -0.03em;
}

.front-door-choice p {
    margin: 0;
    color: rgba(20, 48, 56, 0.75);
    font-size: 0.86rem;
    line-height: 1.45;
}

.front-door-choice-needs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    align-items: center;
}

.front-door-choice-needs b {
    flex-basis: 100%;
    color: rgba(20, 48, 56, 0.54);
    font-size: 0.65rem;
    font-style: normal;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.front-door-choice-needs em {
    padding: 0.26rem 0.44rem;
    border-radius: 999px;
    background: rgba(20, 48, 56, 0.07);
    color: rgba(20, 48, 56, 0.76);
    font-size: 0.74rem;
    font-style: normal;
    font-weight: 850;
}

.front-door-choice small {
    margin-top: auto;
    color: rgba(20, 48, 56, 0.66);
    font-size: 0.74rem;
    font-weight: 850;
    line-height: 1.35;
}

.front-door-choice-cta {
    width: fit-content;
    padding: 0.48rem 0.66rem;
    border-radius: 999px;
    background: #102f34;
    color: #fff;
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.front-door-command-rails {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.72rem;
}

.front-door-continuity,
.front-door-operator-script {
    display: grid;
    gap: 0.38rem;
    min-height: 126px;
    padding: 0.9rem;
    border: 1px solid rgba(16, 58, 68, 0.1);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.72);
}

.front-door-continuity strong,
.front-door-operator-script strong {
    color: var(--ink);
    font-family: var(--font-heading);
    line-height: 1.04;
}

.front-door-continuity p {
    margin: 0;
    color: rgba(20, 48, 56, 0.72);
    font-size: 0.82rem;
    line-height: 1.42;
}

.front-door-operator-script {
    background:
        radial-gradient(circle at 100% 0%, rgba(15, 122, 120, 0.12), transparent 70%),
        rgba(15, 48, 52, 0.94);
    color: #eef8f8;
}

.front-door-operator-script strong {
    color: #fff;
}

.front-door-operator-script span {
    padding-left: 0.75rem;
    border-left: 3px solid rgba(132, 221, 215, 0.76);
    color: rgba(238, 248, 248, 0.84);
    font-size: 0.82rem;
    line-height: 1.38;
}

.case-invoice-command {
    display: grid;
    gap: 1rem;
}

.case-invoice-command-copy h2 {
    margin: 0.15rem 0 0.45rem;
}

.case-invoice-command-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.7rem;
}

.case-invoice-command-card {
    display: grid;
    gap: 0.5rem;
    min-height: 10.5rem;
    padding: 0.95rem;
    border: 1px solid rgba(15, 82, 89, 0.16);
    border-radius: 1rem;
    background:
        radial-gradient(circle at 90% 0%, rgba(240, 177, 90, 0.18), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(239, 248, 247, 0.9));
    color: #10272c;
    text-decoration: none;
    box-shadow: 0 14px 38px rgba(17, 37, 45, 0.08);
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.case-invoice-command-card.primary {
    color: #fff;
    background:
        radial-gradient(circle at 12% 0%, rgba(116, 225, 221, 0.22), transparent 36%),
        linear-gradient(135deg, #09212b, #11515a);
}

/* CRM/Kunden action hubs: direct work beats module hunting. */
.crm-command-console {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 1rem;
    margin: 0 0 1.2rem;
    padding: clamp(1.1rem, 2.2vw, 1.7rem);
    border: 1px solid rgba(15, 92, 104, 0.2);
    border-radius: 32px;
    background:
        radial-gradient(circle at 8% 10%, rgba(15, 122, 120, 0.14), transparent 28rem),
        radial-gradient(circle at 92% 0%, rgba(240, 177, 90, 0.14), transparent 24rem),
        linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(239, 248, 247, 0.92));
    box-shadow: 0 24px 68px rgba(17, 37, 45, 0.12);
}

.crm-command-console::after {
    content: "";
    position: absolute;
    inset: auto -12% -48% 36%;
    height: 150px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(15, 122, 120, 0.12), rgba(240, 177, 90, 0.1));
    transform: rotate(-5deg);
    pointer-events: none;
}

.crm-command-head,
.crm-command-grid,
.crm-command-guardrail {
    position: relative;
    z-index: 1;
}

.crm-command-head {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(280px, 1fr);
    gap: 1rem;
    align-items: end;
}

.crm-command-head h2 {
    max-width: 16ch;
    margin: 0;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(2rem, 4vw, 4.1rem);
    line-height: 0.9;
    letter-spacing: -0.065em;
}

.crm-command-head p:not(.eyebrow) {
    margin: 0;
    color: var(--ink-soft);
    font-size: 1rem;
    line-height: 1.58;
}

.crm-command-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.72rem;
}

.crm-command-card {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.45rem;
    min-height: 172px;
    padding: 0.92rem;
    border: 1px solid rgba(16, 58, 68, 0.12);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.78);
    color: inherit;
    text-decoration: none;
    box-shadow: 0 16px 42px rgba(17, 37, 45, 0.08);
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.crm-command-card::before {
    content: "";
    width: 0.78rem;
    height: 0.78rem;
    border-radius: 999px;
    background: #0f7a78;
    box-shadow: 0 0 0 6px rgba(15, 122, 120, 0.12);
}

.crm-command-card::after {
    content: "";
    position: absolute;
    inset: auto -24% -42% 22%;
    height: 86px;
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.08);
    transform: rotate(-8deg);
}

.crm-command-card:hover {
    transform: translateY(-3px);
    border-color: rgba(15, 122, 120, 0.32);
    box-shadow: 0 26px 70px rgba(17, 37, 45, 0.14);
    text-decoration: none;
}

.crm-command-card span {
    color: #0d6c68;
    font-size: 0.74rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.crm-command-card strong {
    position: relative;
    z-index: 1;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.02rem, 1.4vw, 1.3rem);
    line-height: 1.02;
}

.crm-command-card p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: var(--ink-soft);
    font-size: 0.83rem;
    line-height: 1.42;
}

.crm-command-card small {
    position: relative;
    z-index: 1;
    margin-top: auto;
    color: rgba(20, 48, 56, 0.68);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.crm-command-card.tone-report::before { background: #4889d8; box-shadow: 0 0 0 6px rgba(72, 137, 216, 0.13); }
.crm-command-card.tone-offer::before { background: #d79431; box-shadow: 0 0 0 6px rgba(215, 148, 49, 0.13); }
.crm-command-card.tone-invoice::before { background: #1b9a68; box-shadow: 0 0 0 6px rgba(27, 154, 104, 0.13); }
.crm-command-card.tone-hoai::before { background: #c47e24; box-shadow: 0 0 0 6px rgba(196, 126, 36, 0.13); }
.crm-command-card.tone-jveg::before { background: #b95a5a; box-shadow: 0 0 0 6px rgba(185, 90, 90, 0.13); }

.crm-command-guardrail {
    margin: 0;
    padding: 0.8rem 0.95rem;
    border: 1px solid rgba(15, 122, 120, 0.14);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.72);
    color: var(--ink-soft);
    font-size: 0.9rem;
    line-height: 1.48;
}

.customer-mission-control {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.9rem;
    margin: 0 0 1.05rem;
    padding: clamp(1rem, 2.4vw, 1.55rem);
    border: 1px solid rgba(16, 75, 78, 0.18);
    border-radius: 34px;
    background:
        radial-gradient(circle at 7% 8%, rgba(15, 122, 120, 0.17), transparent 25rem),
        radial-gradient(circle at 91% 0%, rgba(232, 177, 82, 0.2), transparent 24rem),
        linear-gradient(135deg, #fbf5e7 0%, #f8fcf8 44%, #e6f4f1 100%);
    box-shadow: 0 30px 86px rgba(17, 45, 52, 0.14);
}

.customer-mission-control::after {
    content: "";
    position: absolute;
    inset: auto -16% -46% 19%;
    height: 54%;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(15, 122, 120, 0.1), rgba(232, 177, 82, 0.16), rgba(16, 41, 61, 0.08));
    transform: rotate(-4deg);
    pointer-events: none;
}

.customer-mission-stage,
.customer-mission-tabs,
.customer-mission-imports,
.customer-mission-lanes,
.customer-mission-proof,
.customer-mission-label {
    position: relative;
    z-index: 1;
}

.customer-mission-stage {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(300px, 0.62fr);
    gap: 0.85rem;
    align-items: stretch;
}

.customer-mission-copy,
.customer-mission-primary {
    border: 1px solid rgba(16, 41, 61, 0.1);
    border-radius: 28px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68);
}

.customer-mission-copy {
    display: grid;
    align-content: center;
    min-height: 266px;
    padding: clamp(1rem, 2.35vw, 1.6rem);
    background: rgba(255, 255, 255, 0.66);
}

.customer-mission-copy h1 {
    max-width: 13ch;
    margin: 0.1rem 0 0.3rem;
    color: #10293d;
    font-family: var(--font-heading);
    font-size: clamp(2.7rem, 5.8vw, 5.55rem);
    line-height: 0.84;
    letter-spacing: -0.078em;
    hyphens: none;
    overflow-wrap: normal;
    text-wrap: balance;
    word-break: keep-all;
}

.customer-mission-copy h2 {
    margin: 0.1rem 0 0.55rem;
    color: #0d5353;
    font-family: var(--font-heading);
    font-size: clamp(1.35rem, 2.25vw, 2.05rem);
    line-height: 1;
    letter-spacing: -0.038em;
}

.customer-mission-copy p:not(.eyebrow) {
    max-width: 820px;
    margin: 0;
    color: #405467;
    font-size: clamp(0.98rem, 1.28vw, 1.1rem);
    font-weight: 720;
    line-height: 1.56;
}

.customer-mission-primary {
    display: grid;
    align-content: end;
    gap: 0.55rem;
    min-height: 266px;
    padding: clamp(1rem, 2.15vw, 1.38rem);
    background:
        radial-gradient(circle at 92% 0%, rgba(255, 225, 153, 0.22), transparent 44%),
        linear-gradient(145deg, #10293d, #0d5353 66%, #9c5a12);
    color: #fffaf0;
    text-decoration: none;
}

.customer-mission-primary:hover {
    text-decoration: none;
    transform: translateY(-3px);
}

.customer-mission-primary span,
.customer-mission-primary small,
.customer-mission-primary em,
.customer-mission-label {
    color: rgba(255, 250, 240, 0.76);
    font-size: 0.72rem;
    font-style: normal;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.customer-mission-primary strong {
    color: #fffdf7;
    font-family: var(--font-heading);
    font-size: clamp(1.85rem, 3.4vw, 3.25rem);
    line-height: 0.9;
    letter-spacing: -0.062em;
}

.customer-mission-tabs,
.customer-mission-imports,
.customer-mission-lanes {
    display: grid;
    gap: 0.62rem;
}

.customer-mission-tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.customer-mission-imports {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.customer-mission-lanes {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.customer-mission-tabs a,
.customer-mission-imports a,
.customer-mission-lanes article,
.customer-mission-proof span {
    border: 1px solid rgba(16, 41, 61, 0.1);
    background: rgba(255, 255, 255, 0.76);
    box-shadow: 0 14px 36px rgba(17, 32, 40, 0.07);
}

.customer-mission-tabs a,
.customer-mission-imports a {
    display: grid;
    gap: 0.28rem;
    min-height: 112px;
    padding: 0.78rem 0.84rem;
    border-radius: 20px;
    color: #10293d;
    text-decoration: none;
}

.customer-mission-tabs a.active,
.customer-mission-tabs a:hover,
.customer-mission-imports a:hover {
    border-color: rgba(13, 83, 83, 0.32);
    background: #ffffff;
    text-decoration: none;
}

.customer-mission-tabs strong,
.customer-mission-imports strong,
.customer-mission-lanes strong {
    color: #10293d;
    font-family: var(--font-heading);
    font-size: clamp(1.05rem, 1.35vw, 1.32rem);
    line-height: 1;
    letter-spacing: -0.035em;
}

.customer-mission-tabs span,
.customer-mission-imports span,
.customer-mission-lanes span {
    color: #526773;
    font-size: 0.8rem;
    font-weight: 760;
    line-height: 1.35;
}

.customer-mission-label {
    margin: 0.1rem 0 -0.32rem;
    color: #0d5353;
}

.customer-mission-lanes article {
    display: grid;
    gap: 0.3rem;
    min-height: 94px;
    padding: 0.78rem 0.84rem;
    border-radius: 20px;
}

.customer-mission-proof {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.customer-mission-proof span {
    padding: 0.44rem 0.64rem;
    border-radius: 999px;
    color: #0f555d;
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.customer-command-hub {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 1rem;
    margin: -0.35rem 0 1.25rem;
    padding: clamp(1.05rem, 2.4vw, 1.85rem);
    border: 1px solid rgba(14, 70, 79, 0.18);
    border-radius: 34px;
    background:
        radial-gradient(circle at 9% 0%, rgba(15, 122, 120, 0.17), transparent 29rem),
        radial-gradient(circle at 90% 4%, rgba(232, 177, 82, 0.2), transparent 25rem),
        linear-gradient(138deg, rgba(255, 255, 255, 0.98), rgba(238, 249, 247, 0.94));
    box-shadow: 0 28px 82px rgba(17, 37, 45, 0.13);
}

.customer-command-hub::after {
    content: "";
    position: absolute;
    inset: auto -20% -48% 36%;
    height: 178px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(15, 122, 120, 0.12), rgba(232, 177, 82, 0.16), rgba(70, 102, 145, 0.1));
    transform: rotate(-5deg);
    pointer-events: none;
}

.customer-command-head,
.customer-command-grid,
.customer-command-lanes,
.customer-command-proof {
    position: relative;
    z-index: 1;
}

.customer-command-head {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(300px, 0.88fr);
    gap: 1rem;
    align-items: stretch;
}

.customer-command-head h2 {
    max-width: 880px;
    margin: 0.1rem 0 0;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(2rem, 4.6vw, 4.45rem);
    line-height: 0.9;
    letter-spacing: -0.075em;
}

.customer-command-head aside {
    display: grid;
    gap: 0.55rem;
    align-content: center;
    padding: 1rem;
    border-radius: 28px;
    color: #fff;
    background:
        radial-gradient(circle at 92% 0%, rgba(232, 177, 82, 0.28), transparent 38%),
        linear-gradient(145deg, #102c39, #071b20 72%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.customer-command-head aside span,
.customer-command-card span,
.customer-command-card small,
.customer-command-proof span {
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.customer-command-head aside span {
    color: rgba(255, 255, 255, 0.68);
}

.customer-command-head aside strong {
    color: #fff;
    font-family: var(--font-heading);
    font-size: clamp(1.65rem, 3vw, 2.65rem);
    line-height: 0.94;
    letter-spacing: -0.05em;
}

.customer-command-head aside p {
    margin: 0;
    color: rgba(255, 255, 255, 0.76);
    line-height: 1.48;
}

.customer-command-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.customer-command-card {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.48rem;
    min-height: 176px;
    padding: 0.95rem;
    border: 1px solid rgba(16, 58, 68, 0.12);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.82);
    color: inherit;
    text-decoration: none;
    box-shadow: 0 18px 46px rgba(17, 37, 45, 0.08);
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.customer-command-card::before {
    content: "";
    position: absolute;
    inset: -42px -38px auto auto;
    width: 136px;
    height: 136px;
    border-radius: 999px;
    opacity: 0.16;
    background: #0f7a78;
}

.customer-command-card:hover {
    transform: translateY(-3px);
    border-color: rgba(15, 122, 120, 0.32);
    box-shadow: 0 28px 72px rgba(17, 37, 45, 0.14);
    text-decoration: none;
}

.customer-command-card span,
.customer-command-card small {
    color: #0f555d;
}

.customer-command-card strong {
    position: relative;
    z-index: 1;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.16rem, 1.65vw, 1.62rem);
    line-height: 0.98;
    letter-spacing: -0.045em;
}

.customer-command-card p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: var(--ink-soft);
    font-size: 0.9rem;
    line-height: 1.42;
}

.customer-command-card small {
    position: relative;
    z-index: 1;
    align-self: end;
    color: rgba(20, 48, 56, 0.68);
}

.customer-command-card.tone-neu::before { background: #d79431; }
.customer-command-card.tone-import::before { background: #496ca2; }
.customer-command-card.tone-gutachten::before { background: #245e8f; }
.customer-command-card.tone-angebot::before { background: #c57730; }
.customer-command-card.tone-rechnung::before { background: #157f57; }
.customer-command-card.tone-regelwerk::before { background: #944f55; }
.customer-command-card.tone-dispatch::before { background: #102c39; }

.customer-command-lanes {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.65rem;
}

.customer-command-lanes article {
    padding: 0.78rem;
    border: 1px solid rgba(16, 58, 68, 0.1);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 0 12px 30px rgba(17, 37, 45, 0.06);
}

.customer-command-lanes strong {
    display: block;
    color: var(--ink);
    font-size: 0.86rem;
    font-weight: 950;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.customer-command-lanes p {
    margin: 0.3rem 0 0;
    color: var(--ink-soft);
    font-size: 0.86rem;
    line-height: 1.42;
}

.customer-command-proof {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.customer-command-proof span {
    padding: 0.44rem 0.64rem;
    border: 1px solid rgba(15, 122, 120, 0.14);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.74);
    color: #0f555d;
}

.client-list-action-hub,
.crm-account-action-hub {
    display: grid;
    gap: 0.5rem;
    min-width: 210px;
}

.client-list-action-hub small,
.crm-account-action-hub small {
    color: var(--ink-soft);
    font-size: 0.75rem;
    font-weight: 800;
}

.client-list-action-hub > div,
.crm-account-action-hub > div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.client-list-action-hub a,
.crm-account-action-hub a {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.42rem 0.62rem;
    border: 1px solid rgba(15, 122, 120, 0.16);
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.08);
    color: #0d5858;
    font-size: 0.76rem;
    font-weight: 900;
    line-height: 1;
    text-decoration: none;
}

.client-list-action-hub a:hover,
.crm-account-action-hub a:hover {
    border-color: rgba(15, 122, 120, 0.32);
    background: rgba(15, 122, 120, 0.14);
    text-decoration: none;
}

@media (max-width: 1180px) {
    .crm-command-grid,
    .customer-mission-imports,
    .customer-command-grid,
    .customer-command-lanes {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .customer-mission-stage,
    .customer-mission-tabs,
    .customer-mission-lanes {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 760px) {
    .crm-command-head,
    .crm-command-grid,
    .customer-mission-stage,
    .customer-mission-tabs,
    .customer-mission-imports,
    .customer-mission-lanes,
    .customer-command-head,
    .customer-command-grid,
    .customer-command-lanes {
        grid-template-columns: 1fr;
    }

    .crm-command-card,
    .customer-mission-copy,
    .customer-mission-primary,
    .customer-mission-tabs a,
    .customer-mission-imports a,
    .customer-command-card {
        min-height: 0;
    }

    .customer-mission-control {
        border-radius: 26px;
        padding: 1rem;
    }
}

.case-invoice-command-card:hover {
    transform: translateY(-3px);
    border-color: rgba(15, 122, 120, 0.34);
    box-shadow: 0 20px 52px rgba(17, 37, 45, 0.13);
    text-decoration: none;
}

.case-invoice-command-card span,
.case-invoice-command-card small {
    color: rgba(16, 39, 44, 0.64);
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.case-invoice-command-card.primary span,
.case-invoice-command-card.primary small {
    color: rgba(238, 250, 251, 0.78);
}

.case-invoice-command-card strong {
    color: inherit;
    font-family: var(--font-heading);
    font-size: clamp(1.15rem, 1.45vw, 1.65rem);
    line-height: 0.98;
    letter-spacing: -0.045em;
}

.case-invoice-guardrail {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.case-invoice-guardrail span {
    padding: 0.45rem 0.68rem;
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.1);
    color: #0f555d;
    font-size: 0.74rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.operating-start-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    margin-top: 1.2rem;
}

.operating-start-spine {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 1rem;
}

.operating-start-spine span {
    position: relative;
    padding: 0.42rem 0.62rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    color: rgba(234, 249, 250, 0.84);
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.operating-start-spine span:not(:last-child)::after {
    content: "→";
    margin-left: 0.42rem;
    color: rgba(15, 89, 97, 0.46);
}

.operating-start-command {
    display: grid;
    gap: 0.95rem;
    align-content: center;
    padding: 1.1rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 22px 58px rgba(0, 0, 0, 0.2);
    color: #10293d;
}

.operating-start-command > span {
    color: var(--ink-muted);
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.operating-start-command > strong {
    font-family: var(--font-heading);
    font-size: clamp(1.6rem, 3vw, 2.25rem);
    line-height: 0.98;
}

.operating-start-metrics {
    display: grid;
    gap: 0.65rem;
}

.operating-start-metrics div {
    display: grid;
    gap: 0.14rem;
    padding: 0.82rem 0.9rem;
    border: 1px solid rgba(31, 40, 48, 0.09);
    border-radius: 20px;
    background: rgba(246, 250, 251, 0.86);
}

.operating-start-metrics b {
    color: #10293d;
    font-family: var(--font-heading);
    font-size: 1.25rem;
}

.operating-start-metrics small {
    color: var(--ink-muted);
    font-weight: 800;
}

.start-decision-console {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.92rem;
    padding: clamp(1rem, 2vw, 1.35rem);
    border: 1px solid rgba(12, 44, 52, 0.14);
    border-radius: 32px;
    background:
        radial-gradient(circle at 8% 8%, rgba(15, 122, 120, 0.13), transparent 30%),
        radial-gradient(circle at 92% 0%, rgba(214, 136, 39, 0.13), transparent 30%),
        linear-gradient(135deg, rgba(17, 39, 48, 0.98), rgba(15, 81, 83, 0.94));
    box-shadow: 0 28px 86px rgba(17, 32, 40, 0.2);
}

.start-decision-console::after {
    content: "";
    position: absolute;
    inset: auto -16% -42% 36%;
    height: 58%;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.08), rgba(229, 111, 49, 0.17), rgba(15, 122, 120, 0.12));
    transform: rotate(-6deg);
    pointer-events: none;
}

.start-decision-console-head,
.start-decision-console-grid {
    position: relative;
    z-index: 1;
}

.start-decision-console-head {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(280px, 0.62fr);
    gap: 1rem;
    align-items: end;
}

.start-decision-console-head .eyebrow {
    color: rgba(255, 255, 255, 0.64);
}

.start-decision-console-head h2 {
    margin: 0.14rem 0 0;
    color: #fff;
    font-family: var(--font-heading);
    font-size: clamp(2rem, 4.4vw, 4.35rem);
    line-height: 0.88;
    letter-spacing: -0.075em;
}

.start-decision-console-head > p {
    margin: 0;
    color: rgba(255, 255, 255, 0.76);
    line-height: 1.55;
}

.start-decision-console-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.78rem;
}

.start-decision-card {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.72rem;
    min-height: 256px;
    padding: 1.05rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    text-decoration: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.start-decision-card::before {
    content: "";
    position: absolute;
    inset: -24% -20% auto auto;
    width: 170px;
    height: 170px;
    border-radius: 999px;
    opacity: 0.28;
    background: #68d0b3;
    pointer-events: none;
}

.start-decision-card.report::before { background: #73a9d8; }
.start-decision-card.invoice::before { background: #f0ad57; }

.start-decision-card:hover {
    transform: translateY(-3px);
    border-color: rgba(255, 255, 255, 0.32);
    background: rgba(255, 255, 255, 0.15);
    text-decoration: none;
}

.start-decision-card span,
.start-decision-card small,
.start-decision-card em {
    position: relative;
    z-index: 1;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.start-decision-card strong {
    position: relative;
    z-index: 1;
    color: #fff;
    font-family: var(--font-heading);
    font-size: clamp(1.34rem, 2.2vw, 2.25rem);
    line-height: 0.96;
    letter-spacing: -0.048em;
}

.start-decision-card small {
    width: fit-content;
    padding: 0.38rem 0.58rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.78);
}

.start-decision-card em {
    font-style: normal;
    line-height: 1.35;
    text-transform: none;
    letter-spacing: 0;
}

.start-decision-card b {
    position: relative;
    z-index: 1;
    width: fit-content;
    align-self: end;
    padding: 0.62rem 0.82rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: #122c34;
    font-size: 0.84rem;
    font-weight: 950;
}

.operating-command-surface {
    display: grid;
    gap: 0.95rem;
    padding: clamp(1rem, 2vw, 1.25rem);
    border: 1px solid rgba(31, 40, 48, 0.1);
    border-radius: 34px;
    background:
        linear-gradient(135deg, rgba(18, 38, 52, 0.96), rgba(20, 84, 88, 0.9)),
        radial-gradient(circle at 10% 10%, rgba(255, 255, 255, 0.2), transparent 28%);
    color: #fff;
    box-shadow: 0 28px 90px rgba(31, 40, 48, 0.22);
}

.operating-command-head,
.operating-handoff-strip {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.78fr);
    gap: 1rem;
    align-items: end;
}

.operating-command-head .eyebrow,
.operating-handoff-strip .eyebrow {
    color: rgba(255, 255, 255, 0.7);
}

.operating-command-head h2,
.operating-handoff-strip h3 {
    margin: 0.16rem 0 0;
    color: #fff;
    font-size: clamp(1.9rem, 3.8vw, 3.4rem);
    line-height: 0.95;
    letter-spacing: -0.055em;
}

.operating-command-head > p {
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.55;
}

.operating-mode-rail,
.workflow-mode-rail {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.65rem;
}

.operating-mode-rail a,
.workflow-mode-rail a {
    display: grid;
    gap: 0.25rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.1);
    color: inherit;
    text-decoration: none;
}

.workflow-mode-rail a {
    border-color: rgba(31, 40, 48, 0.09);
    background: rgba(255, 255, 255, 0.76);
}

.operating-mode-rail strong,
.workflow-mode-rail strong {
    font-family: var(--font-heading);
    font-size: 1.04rem;
}

.operating-mode-rail span {
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.84rem;
}

.workflow-mode-rail span {
    color: var(--ink-soft);
    font-size: 0.84rem;
}

.operating-intent-command-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.operating-intent-command-card {
    position: relative;
    overflow: hidden;
    display: grid;
    align-content: start;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 18px 48px rgba(0, 0, 0, 0.14);
}

.operating-intent-command-card::before {
    content: "";
    position: absolute;
    inset: -22% -18% auto auto;
    width: 170px;
    height: 170px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    pointer-events: none;
}

.operating-intent-command-card.blue::before { background: rgba(95, 177, 255, 0.2); }
.operating-intent-command-card.sand::before,
.operating-intent-command-card.hoai::before { background: rgba(255, 177, 91, 0.22); }
.operating-intent-command-card.green::before { background: rgba(91, 224, 153, 0.2); }
.operating-intent-command-card.court::before { background: rgba(190, 205, 225, 0.2); }
.operating-intent-command-card.violet::before { background: rgba(185, 146, 255, 0.2); }
.operating-intent-command-card.ink::before { background: rgba(255, 255, 255, 0.18); }

.operating-intent-command-main {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.5rem;
    min-height: 280px;
    padding: 1rem;
    color: inherit;
    text-decoration: none;
}

.operating-intent-command-main:hover {
    text-decoration: none;
}

.operating-intent-command-main span {
    width: fit-content;
    padding: 0.32rem 0.55rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.7rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.operating-intent-command-main strong {
    color: #fff;
    font-family: var(--font-heading);
    font-size: clamp(1.35rem, 2.35vw, 1.9rem);
    line-height: 0.95;
    letter-spacing: -0.04em;
}

.operating-intent-command-main em {
    color: rgba(255, 255, 255, 0.86);
    font-style: normal;
    font-weight: 900;
    line-height: 1.25;
}

.operating-intent-command-main p {
    margin: 0;
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.45;
}

.operating-intent-command-main small {
    width: fit-content;
    padding: 0.38rem 0.55rem;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.18);
    color: rgba(255, 255, 255, 0.82);
    font-weight: 900;
}

.operating-intent-command-main b {
    align-self: end;
    width: fit-content;
    margin-top: 0.1rem;
    padding: 0.58rem 0.78rem;
    border-radius: 999px;
    background: #fff;
    color: #122634;
    font-size: 0.86rem;
}

.operating-intent-command-proof {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.5rem;
    padding: 0 1rem 1rem;
}

.operating-intent-command-proof div {
    display: grid;
    gap: 0.16rem;
    padding: 0.68rem 0.74rem;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.1);
}

.operating-intent-command-proof span {
    color: rgba(255, 255, 255, 0.64);
    font-size: 0.74rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.operating-intent-command-proof p {
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.86rem;
    line-height: 1.35;
}

.operating-intent-command-secondary {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 0.44rem;
    padding: 0 1rem 1rem;
}

.operating-intent-command-secondary a {
    padding: 0.4rem 0.58rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.78rem;
    font-weight: 900;
    text-decoration: none;
}

.operating-handoff-strip {
    align-items: start;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.08);
}

.operating-handoff-strip h3 {
    font-size: clamp(1.35rem, 2.4vw, 2rem);
}

.operating-handoff-strip ol {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.operating-handoff-strip li {
    display: grid;
    gap: 0.25rem;
    min-height: 108px;
    padding: 0.68rem;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.1);
}

.operating-handoff-strip li span,
.operating-handoff-strip li small {
    color: rgba(255, 255, 255, 0.68);
}

.operating-handoff-strip li strong {
    color: #fff;
    font-family: var(--font-heading);
}

.operating-action-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem;
}

.operating-action-card {
    position: relative;
    overflow: hidden;
    display: grid;
    min-height: 100%;
    border: 1px solid rgba(31, 40, 48, 0.1);
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 18px 44px rgba(31, 40, 48, 0.08);
}

.operating-action-card::before {
    content: "";
    position: absolute;
    inset: -24% -16% auto auto;
    width: 180px;
    height: 180px;
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.14);
    pointer-events: none;
}

.operating-action-card.blue::before { background: rgba(36, 94, 143, 0.15); }
.operating-action-card.sand::before { background: rgba(229, 111, 49, 0.15); }
.operating-action-card.green::before { background: rgba(21, 127, 87, 0.15); }
.operating-action-card.court::before { background: rgba(77, 96, 122, 0.16); }
.operating-action-card.hoai::before { background: rgba(180, 95, 17, 0.15); }

.operating-action-main {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.58rem;
    min-height: 270px;
    align-content: start;
    padding: 1rem;
    color: inherit;
    text-decoration: none;
}

.operating-action-main:hover {
    text-decoration: none;
}

.operating-action-main span {
    width: fit-content;
    padding: 0.34rem 0.58rem;
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.1);
    color: var(--accent-strong);
    font-size: 0.73rem;
    font-weight: 900;
}

.operating-action-main strong {
    font-family: var(--font-heading);
    font-size: clamp(1.35rem, 2.4vw, 1.75rem);
    line-height: 0.98;
    letter-spacing: -0.035em;
}

.operating-action-main em {
    color: #183245;
    font-style: normal;
    font-weight: 900;
    line-height: 1.25;
}

.operating-action-main p {
    margin: 0;
    color: var(--ink-soft);
}

.operating-action-main b {
    align-self: end;
    width: fit-content;
    margin-top: 0.2rem;
    padding: 0.62rem 0.82rem;
    border-radius: 999px;
    background: var(--ink);
    color: #fff;
    font-size: 0.88rem;
}

.operating-action-secondary {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 0.48rem;
    padding: 0 1rem 1rem;
}

.operating-action-secondary a {
    padding: 0.42rem 0.62rem;
    border: 1px solid rgba(31, 40, 48, 0.1);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.76);
    color: var(--ink-soft);
    font-size: 0.82rem;
    font-weight: 900;
    text-decoration: none;
}

.operating-action-card:hover {
    transform: translateY(-2px);
    border-color: rgba(15, 122, 120, 0.28);
    box-shadow: 0 24px 58px rgba(31, 40, 48, 0.13);
}

.operating-flow-panel,
.operating-decision-card,
.operating-guardrail-card,
.workflow-intent-board {
    border: 1px solid rgba(31, 40, 48, 0.1);
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: var(--shadow-soft);
}

.operating-flow-panel,
.workflow-intent-board {
    padding: 1rem;
}

.operating-flow-head,
.workflow-intent-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.7fr);
    gap: 1rem;
    align-items: end;
    margin-bottom: 0.9rem;
}

.operating-flow-head h2,
.workflow-intent-head h2 {
    margin: 0.16rem 0 0;
    font-size: clamp(1.45rem, 2.6vw, 2.25rem);
}

.operating-flow-head > p,
.workflow-intent-head > p {
    margin: 0;
    color: var(--ink-soft);
}

.operating-flow-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.7rem;
}

.operating-flow-card {
    display: grid;
    gap: 0.5rem;
    min-height: 150px;
    padding: 0.9rem;
    border: 1px solid rgba(31, 40, 48, 0.09);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.82);
    color: inherit;
    text-decoration: none;
}

.operating-flow-card strong {
    font-family: var(--font-heading);
    font-size: 1.1rem;
}

.operating-flow-card span,
.operating-flow-card small {
    color: var(--ink-soft);
}

.operating-flow-card small {
    font-weight: 900;
}

.operating-decision-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
    gap: 1rem;
}

.operating-decision-card,
.operating-guardrail-card {
    padding: 1rem;
}

.operating-decision-card h2,
.operating-guardrail-card h2 {
    margin: 0.16rem 0 0.85rem;
    font-size: clamp(1.35rem, 2.2vw, 1.9rem);
}

.operating-decision-list {
    display: grid;
    gap: 0.58rem;
}

.operating-decision-list a {
    display: grid;
    gap: 0.22rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid rgba(31, 40, 48, 0.09);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.74);
    color: inherit;
    text-decoration: none;
}

.operating-decision-list span {
    color: var(--ink-soft);
    font-size: 0.9rem;
}

.operating-guardrail-card ul {
    margin: 0;
    padding-left: 1.1rem;
    color: var(--ink-soft);
}

.operating-guardrail-card li + li {
    margin-top: 0.5rem;
}

.workflow-intent-board {
    margin-bottom: 1rem;
}

.workflow-intent-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.65rem;
}

.workflow-intent-grid-rich {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.workflow-intent-card {
    overflow: hidden;
    display: grid;
    gap: 0.45rem;
    align-content: start;
    min-height: 100%;
    padding: 0;
    border: 1px solid rgba(31, 40, 48, 0.09);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.78);
    color: inherit;
    text-decoration: none;
}

.workflow-intent-card > a {
    display: grid;
    gap: 0.45rem;
    padding: 0.85rem;
    color: inherit;
    text-decoration: none;
}

.workflow-intent-card span,
.workflow-intent-card b {
    color: var(--accent-strong);
    font-size: 0.72rem;
    font-weight: 900;
}

.workflow-intent-card strong {
    font-family: var(--font-heading);
    line-height: 1.02;
}

.workflow-intent-card small {
    color: var(--ink-soft);
}

.workflow-intent-card b {
    width: fit-content;
    padding: 0.32rem 0.5rem;
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.1);
}

.workflow-intent-card em {
    width: fit-content;
    padding: 0.5rem 0.68rem;
    border-radius: 999px;
    background: var(--ink);
    color: #fff;
    font-size: 0.82rem;
    font-style: normal;
    font-weight: 900;
}

.workflow-intent-proof {
    display: grid;
    gap: 0.42rem;
    padding: 0 0.85rem 0.85rem;
}

.workflow-intent-proof p {
    display: grid;
    gap: 0.12rem;
    margin: 0;
    padding: 0.62rem 0.68rem;
    border-radius: 16px;
    background: rgba(20, 32, 52, 0.055);
    color: var(--ink-soft);
    font-size: 0.84rem;
    line-height: 1.35;
}

.workflow-intent-proof p span {
    color: var(--ink-muted);
    font-size: 0.66rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.workflow-intent-secondary {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    padding: 0 0.85rem 0.85rem;
}

.workflow-intent-secondary a {
    padding: 0.36rem 0.52rem;
    border: 1px solid rgba(31, 40, 48, 0.09);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    color: var(--ink-soft);
    font-size: 0.78rem;
    font-weight: 900;
    text-decoration: none;
}

.workflow-handoff-map {
    display: grid;
    grid-template-columns: minmax(0, 0.58fr) minmax(0, 1.42fr);
    gap: 0.85rem;
    margin-top: 0.9rem;
    padding: 0.9rem;
    border: 1px solid rgba(31, 40, 48, 0.09);
    border-radius: 24px;
    background: rgba(20, 32, 52, 0.045);
}

.workflow-handoff-map h3 {
    margin: 0.12rem 0 0;
    font-size: clamp(1.2rem, 2.1vw, 1.65rem);
}

.workflow-handoff-map ol {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.workflow-handoff-map li {
    display: grid;
    gap: 0.2rem;
    padding: 0.6rem;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.78);
}

.workflow-handoff-map li span {
    color: var(--accent-strong);
    font-size: 0.72rem;
    font-weight: 900;
}

.workflow-handoff-map li strong {
    font-family: var(--font-heading);
}

.matter-command-center {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 1rem;
    margin: 0 0 1.1rem;
    padding: clamp(1.1rem, 2.5vw, 1.9rem);
    border: 1px solid rgba(14, 65, 74, 0.18);
    border-radius: 36px;
    background:
        radial-gradient(circle at 8% 0%, rgba(15, 122, 120, 0.2), transparent 31rem),
        radial-gradient(circle at 92% 4%, rgba(232, 177, 82, 0.22), transparent 28rem),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(237, 249, 247, 0.94));
    box-shadow: 0 30px 90px rgba(17, 37, 45, 0.14);
}

.matter-command-center::after {
    content: "";
    position: absolute;
    inset: auto -20% -42% 34%;
    height: 210px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(15, 122, 120, 0.11), rgba(72, 137, 216, 0.1), rgba(232, 177, 82, 0.16));
    transform: rotate(-5deg);
    pointer-events: none;
}

.matter-command-head,
.matter-command-grid,
.matter-command-runway,
.matter-command-guardrails {
    position: relative;
    z-index: 1;
}

.matter-command-head {
    display: grid;
    grid-template-columns: minmax(0, 1.16fr) minmax(320px, 0.84fr);
    gap: 1rem;
    align-items: stretch;
}

.matter-command-head h1 {
    max-width: 1040px;
    margin: 0.12rem 0 0;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(2.2rem, 5.2vw, 5.2rem);
    line-height: 0.86;
    letter-spacing: -0.08em;
}

.matter-command-head p:not(.eyebrow) {
    max-width: 78ch;
    margin: 0.86rem 0 0;
    color: var(--ink-soft);
    font-size: clamp(1rem, 1.35vw, 1.18rem);
    line-height: 1.58;
}

.matter-command-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.56rem;
    margin-top: 1rem;
}

.matter-command-head aside {
    display: grid;
    gap: 0.58rem;
    align-content: center;
    padding: 1rem;
    border-radius: 28px;
    color: #fff;
    background:
        radial-gradient(circle at 92% 4%, rgba(232, 177, 82, 0.28), transparent 38%),
        linear-gradient(145deg, #102c39, #071b20 72%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.matter-command-head aside span,
.matter-command-card span,
.matter-command-card small,
.matter-command-proof span,
.matter-command-runway span,
.matter-command-guardrails span {
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.matter-command-head aside span {
    color: rgba(255, 255, 255, 0.68);
}

.matter-command-head aside strong {
    color: #fff;
    font-family: var(--font-heading);
    font-size: clamp(1.5rem, 2.75vw, 2.45rem);
    line-height: 0.96;
    letter-spacing: -0.05em;
}

.matter-command-head aside p {
    margin: 0;
    color: rgba(255, 255, 255, 0.76);
    line-height: 1.48;
}

.matter-command-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.matter-command-card {
    position: relative;
    overflow: hidden;
    display: grid;
    align-content: start;
    border: 1px solid rgba(16, 58, 68, 0.12);
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 18px 48px rgba(17, 37, 45, 0.08);
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.matter-command-card::before {
    content: "";
    position: absolute;
    inset: -52px -44px auto auto;
    width: 150px;
    height: 150px;
    border-radius: 999px;
    opacity: 0.15;
    background: #0f7a78;
    pointer-events: none;
}

.matter-command-card.is-highlighted {
    border-color: rgba(15, 122, 120, 0.34);
    background:
        radial-gradient(circle at 96% 0%, rgba(15, 122, 120, 0.12), transparent 40%),
        rgba(255, 255, 255, 0.9);
}

.matter-command-card:hover {
    transform: translateY(-3px);
    border-color: rgba(15, 122, 120, 0.32);
    box-shadow: 0 28px 72px rgba(17, 37, 45, 0.14);
}

.matter-command-main {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.5rem;
    min-height: 226px;
    padding: 0.98rem;
    color: inherit;
    text-decoration: none;
}

.matter-command-main:hover,
.matter-command-secondary a:hover {
    text-decoration: none;
}

.matter-command-card span,
.matter-command-card small {
    color: #0f555d;
}

.matter-command-main strong {
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.22rem, 1.75vw, 1.78rem);
    line-height: 0.98;
    letter-spacing: -0.045em;
}

.matter-command-main p,
.matter-command-proof p,
.matter-command-runway p {
    margin: 0;
    color: var(--ink-soft);
    line-height: 1.42;
}

.matter-command-main small {
    width: fit-content;
    padding: 0.38rem 0.55rem;
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.1);
}

.matter-command-main b {
    width: fit-content;
    align-self: end;
    margin-top: auto;
    padding: 0.56rem 0.72rem;
    border-radius: 999px;
    background: var(--ink);
    color: #fff;
    font-size: 0.84rem;
}

.matter-command-proof {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.46rem;
    padding: 0 0.98rem 0.98rem;
}

.matter-command-proof p {
    display: grid;
    gap: 0.14rem;
    padding: 0.64rem 0.68rem;
    border-radius: 17px;
    background: rgba(20, 32, 52, 0.055);
    font-size: 0.84rem;
}

.matter-command-proof span {
    color: var(--ink-muted);
    font-size: 0.66rem;
}

.matter-command-secondary {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
    padding: 0 0.98rem 0.98rem;
}

.matter-command-secondary a {
    padding: 0.4rem 0.58rem;
    border: 1px solid rgba(31, 40, 48, 0.09);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.74);
    color: var(--ink-soft);
    font-size: 0.78rem;
    font-weight: 900;
    text-decoration: none;
}

.matter-command-card.tone-report::before { background: #245e8f; }
.matter-command-card.tone-offer::before { background: #c57730; }
.matter-command-card.tone-invoice::before { background: #157f57; }
.matter-command-card.tone-hoai::before { background: #b45f11; }
.matter-command-card.tone-jveg::before { background: #4d607a; }
.matter-command-card.tone-honorar::before { background: #7a613d; }
.matter-command-card.tone-dispatch::before { background: #102c39; }
.matter-command-card.tone-template::before { background: #7566a0; }

.matter-command-runway {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.58rem;
}

.matter-command-runway article {
    display: grid;
    gap: 0.22rem;
    min-height: 112px;
    padding: 0.72rem;
    border: 1px solid rgba(31, 40, 48, 0.09);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.76);
}

.matter-command-runway span {
    color: #0f555d;
}

.matter-command-runway strong {
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: 1.08rem;
}

.matter-command-runway p {
    font-size: 0.82rem;
}

.matter-command-guardrails {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.matter-command-guardrails span {
    padding: 0.45rem 0.64rem;
    border: 1px solid rgba(15, 122, 120, 0.14);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.74);
    color: #0f555d;
}

@media (max-width: 1240px) {
    .office-action-grid,
    .office-runway ol {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .office-runway-panel {
        grid-template-columns: 1fr;
    }

    .front-door-choice-grid,
    .front-door-command-rails {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .operating-action-grid,
    .operating-intent-command-grid,
    .workflow-intent-grid,
    .matter-command-grid,
    .matter-command-runway {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .operating-flow-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 860px) {
    .office-cockpit-hero,
    .office-decision-grid,
    .office-runway-panel {
        grid-template-columns: 1fr;
    }

    .office-action-grid,
    .office-runway ol,
    .office-promise-grid,
    .office-cockpit-status div {
        grid-template-columns: 1fr;
    }

    .office-cockpit {
        border-radius: 28px;
        padding: 1rem;
    }

    .office-decision-card,
    .office-action-card,
    .office-runway li,
    .office-promise-grid article {
        min-height: auto;
    }

    .front-door-command-head,
    .matter-command-head,
    .operating-start-hero,
    .operating-command-head,
    .operating-flow-head,
    .operating-decision-grid,
    .workflow-intent-head,
    .operating-handoff-strip,
    .workflow-handoff-map {
        grid-template-columns: 1fr;
    }

    .operating-mode-rail,
    .matter-command-grid,
    .matter-command-runway,
    .front-door-choice-grid,
    .front-door-command-rails,
    .workflow-mode-rail,
    .operating-action-grid,
    .operating-intent-command-grid,
    .operating-flow-grid,
    .workflow-intent-grid,
    .operating-handoff-strip ol,
    .workflow-handoff-map ol {
        grid-template-columns: 1fr;
    }

    .operating-intent-command-main,
    .operating-action-main,
    .matter-command-main {
        min-height: auto;
    }

    .front-door-command {
        border-radius: 26px;
        padding: 1rem;
    }

    .front-door-choice,
    .front-door-continuity,
    .front-door-operator-script {
        min-height: auto;
    }
}

/* Dashboard work command cockpit: puts the productive workflow before module lists. */
.work-command-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(280px, 0.65fr);
    gap: clamp(1rem, 2vw, 1.6rem);
    margin-bottom: 1.25rem;
    padding: clamp(1.1rem, 2.5vw, 2rem);
    overflow: hidden;
    border: 1px solid rgba(15, 122, 120, 0.2);
    border-radius: 32px;
    background:
        radial-gradient(circle at 8% 12%, rgba(229, 111, 49, 0.18), transparent 28%),
        radial-gradient(circle at 78% 0%, rgba(36, 94, 143, 0.2), transparent 32%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(237, 246, 246, 0.88));
    box-shadow: 0 26px 80px rgba(31, 40, 48, 0.14);
}

.premium-front-door {
    min-height: min(720px, calc(100vh - 150px));
    align-items: stretch;
    margin-bottom: 0.85rem;
    border-color: rgba(12, 80, 84, 0.24);
    background:
        radial-gradient(circle at 2% 0%, rgba(28, 151, 142, 0.24), transparent 24rem),
        radial-gradient(circle at 78% 0%, rgba(226, 131, 49, 0.22), transparent 26rem),
        linear-gradient(132deg, #fffaf0 0%, #edf8f5 48%, #f8fbfa 100%);
}

.premium-front-door::before {
    content: "";
    position: absolute;
    inset: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.68);
    border-radius: 24px;
    pointer-events: none;
}

.premium-front-door .work-command-main h1 {
    max-width: 11ch;
    color: #0b2730;
    font-size: clamp(3.35rem, 8.3vw, 7.5rem);
    line-height: 0.82;
    letter-spacing: -0.09em;
}

.premium-front-door .work-command-main > p:not(.eyebrow) {
    max-width: 920px;
    font-size: clamp(1.05rem, 1.7vw, 1.26rem);
    line-height: 1.58;
}

.premium-front-door .work-command-primary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.premium-front-door .work-command-card {
    min-height: 188px;
    background: rgba(255, 255, 255, 0.82);
}

.premium-front-door .work-command-card small {
    color: rgba(14, 75, 72, 0.76);
    font-size: 0.74rem;
    font-weight: 950;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.work-command-card.hoai span {
    background: rgba(178, 96, 28, 0.12);
    color: #985219;
}

.work-command-card.court span {
    background: rgba(153, 80, 80, 0.12);
    color: #8e4444;
}

.premium-front-door-rail {
    align-content: stretch;
}

.premium-invoice-portal {
    min-height: 360px;
    align-content: start;
    padding: clamp(1rem, 2vw, 1.25rem);
    color: #fff;
    background:
        radial-gradient(circle at 90% 8%, rgba(255, 205, 118, 0.22), transparent 42%),
        linear-gradient(145deg, #081d29 0%, #0f4d4a 58%, #7d5526 100%);
}

.premium-invoice-portal span,
.premium-invoice-portal p {
    color: rgba(255, 255, 255, 0.78);
}

.premium-invoice-portal strong {
    color: #fff;
    font-size: clamp(1.8rem, 3.2vw, 3.2rem);
}

.premium-invoice-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
    margin-top: 1rem;
}

.premium-invoice-links a {
    padding: 0.68rem 0.72rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 16px;
    color: #fff;
    font-size: 0.86rem;
    font-weight: 950;
    text-align: center;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.1);
}

.premium-invoice-links a:hover {
    border-color: rgba(255, 255, 255, 0.38);
    background: rgba(255, 255, 255, 0.18);
}

.page-dashboard .premium-invoice-portal.work-command-now,
.page-dashboard .premium-front-door .premium-invoice-portal {
    color: #f8fbfc;
    border-color: rgba(168, 232, 227, 0.24);
    background:
        radial-gradient(circle at 88% 10%, rgba(255, 210, 132, 0.22), transparent 42%),
        radial-gradient(circle at 15% 100%, rgba(98, 216, 196, 0.16), transparent 42%),
        linear-gradient(145deg, #071b27 0%, #0d4d4b 58%, #765326 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.14), 0 20px 45px rgba(9, 31, 43, 0.22);
}

.page-dashboard .premium-invoice-portal span,
.page-dashboard .premium-invoice-portal p,
.page-dashboard .premium-invoice-portal strong {
    color: #ffffff;
}

.page-dashboard .premium-invoice-portal span,
.page-dashboard .premium-invoice-portal p {
    opacity: 0.86;
}

.page-dashboard .premium-invoice-links a {
    color: #ffffff;
    border-color: rgba(255,255,255,0.2);
    background: rgba(255,255,255,0.09);
}

.premium-number-chain {
    padding: 0.9rem;
}

.premium-number-chain strong {
    display: block;
    margin-bottom: 0.6rem;
    color: #10282e;
    font-family: var(--font-heading);
    font-size: 1.25rem;
    line-height: 1.04;
}

.premium-number-chain ol {
    display: grid;
    gap: 0.42rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.premium-number-chain li {
    padding: 0.56rem 0.65rem;
    border-radius: 14px;
    background: rgba(15, 122, 120, 0.08);
    color: #13353c;
    font-size: 0.86rem;
    font-weight: 900;
}

.operating-front-depth-drawer {
    margin: 0 0 1rem;
    border: 1px solid rgba(20, 66, 74, 0.13);
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.64);
    box-shadow: 0 16px 44px rgba(20, 44, 52, 0.07);
}

.operating-front-depth-drawer > summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.5rem 1rem;
    align-items: center;
    padding: 0.9rem 1rem;
    cursor: pointer;
}

.operating-front-depth-drawer > summary::-webkit-details-marker {
    display: none;
}

.operating-front-depth-drawer > summary span,
.operating-front-depth-drawer > summary small {
    color: var(--ink-muted);
}

.operating-front-depth-drawer > summary span {
    font-size: 0.75rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.operating-front-depth-drawer > summary strong {
    justify-self: end;
    padding: 0.5rem 0.7rem;
    border-radius: 999px;
    background: #102f34;
    color: #fff;
    font-size: 0.78rem;
    font-weight: 950;
    text-transform: uppercase;
}

.operating-front-depth-drawer > summary small {
    grid-column: 1 / -1;
    line-height: 1.4;
}

.operating-front-depth-drawer[open] {
    padding: 0 0.8rem 0.8rem;
}

.operating-front-depth-drawer[open] > summary {
    margin: 0 -0.8rem 0.8rem;
    border-bottom: 1px solid rgba(20, 66, 74, 0.1);
}

.work-command-hero::after {
    content: "";
    position: absolute;
    inset: auto -8% -46% 42%;
    height: 58%;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(15, 122, 120, 0.08), rgba(229, 111, 49, 0.12));
    transform: rotate(-5deg);
    pointer-events: none;
}

.work-command-main,
.work-command-rail {
    position: relative;
    z-index: 1;
}

.work-command-main h1 {
    max-width: 820px;
    margin: 0.2rem 0 0.65rem;
    font-size: clamp(2.25rem, 5vw, 4.6rem);
    line-height: 0.94;
    letter-spacing: -0.06em;
}

.work-command-main > p:not(.eyebrow) {
    max-width: 860px;
    margin: 0 0 1.25rem;
    color: var(--ink-soft);
    font-size: clamp(1rem, 1.6vw, 1.18rem);
}

.work-command-primary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.work-command-card {
    display: flex;
    min-height: 172px;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.7rem;
    padding: 1rem;
    border: 1px solid rgba(31, 40, 48, 0.12);
    border-radius: 24px;
    color: inherit;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.76);
    box-shadow: 0 14px 36px rgba(31, 40, 48, 0.08);
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.work-command-card:hover {
    transform: translateY(-3px);
    border-color: rgba(15, 122, 120, 0.34);
    box-shadow: 0 22px 48px rgba(31, 40, 48, 0.14);
}

.work-command-card span {
    width: fit-content;
    padding: 0.35rem 0.55rem;
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.1);
    color: var(--accent-strong);
    font-size: 0.76rem;
    font-weight: 800;
}

.work-command-card strong {
    display: block;
    font-family: var(--font-heading);
    font-size: clamp(1.15rem, 2vw, 1.45rem);
    line-height: 1.05;
}

.work-command-card p {
    margin: 0;
    color: var(--ink-soft);
}

.work-command-card.blue span { background: rgba(36, 94, 143, 0.11); color: #1e557f; }
.work-command-card.sand span { background: rgba(229, 111, 49, 0.12); color: #a44d1d; }
.work-command-card.green span { background: rgba(21, 127, 87, 0.12); color: #126d4d; }

.work-command-rail {
    display: grid;
    gap: 0.9rem;
    align-content: stretch;
}

.work-command-now,
.work-command-quick {
    border: 1px solid rgba(31, 40, 48, 0.12);
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 16px 42px rgba(31, 40, 48, 0.08);
}

.work-command-now {
    padding: 1.05rem;
}

.work-command-now span {
    display: block;
    color: var(--ink-muted);
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.work-command-now strong {
    display: block;
    margin: 0.45rem 0;
    font-family: var(--font-heading);
    font-size: 1.75rem;
    line-height: 1;
}

.work-command-now p {
    margin: 0;
    color: var(--ink-soft);
}

.work-command-quick {
    display: grid;
    padding: 0.55rem;
}

.work-command-quick a {
    padding: 0.85rem 0.9rem;
    border-radius: 18px;
    color: var(--ink);
    font-weight: 800;
    text-decoration: none;
}

.work-command-quick a:hover {
    background: rgba(15, 122, 120, 0.09);
    color: var(--accent-strong);
}

.work-command-flow {
    margin-bottom: 1.25rem;
    padding: 1rem;
    border: 1px solid rgba(31, 40, 48, 0.12);
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.68);
    box-shadow: var(--shadow-soft);
}

.work-command-flow .section-headline {
    margin-bottom: 0.8rem;
}

.work-command-flow-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.work-command-flow-grid a {
    display: grid;
    gap: 0.45rem;
    min-height: 132px;
    align-content: start;
    padding: 0.95rem;
    border: 1px solid rgba(31, 40, 48, 0.1);
    border-radius: 22px;
    color: inherit;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.8);
}

.work-command-flow-grid a:hover {
    border-color: rgba(229, 111, 49, 0.35);
    background: rgba(255, 250, 244, 0.92);
}

.work-command-flow-grid strong {
    font-family: var(--font-heading);
    line-height: 1.05;
}

.work-command-flow-grid span {
    color: var(--ink-soft);
    font-size: 0.92rem;
}

@media (max-width: 1100px) {
    .work-command-hero,
    .work-command-flow-grid {
        grid-template-columns: 1fr 1fr;
    }

    .premium-front-door .work-command-primary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .work-command-rail {
        grid-column: 1 / -1;
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 720px) {
    .work-command-hero,
    .work-command-primary,
    .work-command-rail,
    .work-command-flow-grid {
        grid-template-columns: 1fr;
    }

    .premium-front-door {
        min-height: auto;
        border-radius: 26px;
        padding: 1rem;
    }

    .premium-front-door .work-command-primary,
    .premium-invoice-links {
        grid-template-columns: 1fr;
    }

    .work-command-main h1 {
        font-size: clamp(2rem, 13vw, 3.2rem);
    }

    .work-command-card,
    .work-command-flow-grid a {
        min-height: auto;
    }
}

/* Guided office workflow assistant. */
.workflow-command-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(280px, 0.7fr);
    gap: clamp(1rem, 2vw, 1.5rem);
    margin-bottom: 1rem;
    padding: clamp(1.15rem, 3vw, 2.2rem);
    border: 1px solid rgba(36, 94, 143, 0.18);
    border-radius: 32px;
    background:
        radial-gradient(circle at 16% 8%, rgba(15, 122, 120, 0.16), transparent 30%),
        radial-gradient(circle at 92% 12%, rgba(229, 111, 49, 0.16), transparent 26%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(241, 247, 247, 0.9));
    box-shadow: 0 26px 80px rgba(31, 40, 48, 0.13);
}

.workflow-command-hero h1 {
    max-width: 760px;
    margin: 0.15rem 0 0.75rem;
    font-size: clamp(2.4rem, 5.6vw, 5rem);
    line-height: 0.93;
    letter-spacing: -0.065em;
}

.workflow-command-hero p:not(.eyebrow) {
    max-width: 870px;
    margin: 0;
    color: var(--ink-soft);
    font-size: clamp(1rem, 1.5vw, 1.16rem);
}

.workflow-command-hero aside {
    display: grid;
    align-content: center;
    gap: 0.45rem;
    padding: 1.1rem;
    border: 1px solid rgba(31, 40, 48, 0.11);
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: var(--shadow-soft);
}

.workflow-command-hero aside span {
    color: var(--ink-muted);
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.workflow-command-hero aside strong {
    font-family: var(--font-heading);
    font-size: clamp(1.45rem, 2.4vw, 2rem);
    line-height: 1;
}

.workflow-command-actions,
.dashboard-workflow-cta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 1rem;
}

.workflow-tabs {
    display: flex;
    gap: 0.55rem;
    margin-bottom: 1rem;
    overflow-x: auto;
    padding: 0.35rem;
    border: 1px solid rgba(31, 40, 48, 0.1);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
}

.workflow-tabs a {
    flex: 0 0 auto;
    padding: 0.65rem 0.85rem;
    border-radius: 999px;
    color: var(--ink-soft);
    font-weight: 850;
    text-decoration: none;
}

.workflow-tabs a.active,
.workflow-tabs a:hover {
    background: var(--ink);
    color: #fff;
}

.workflow-stat-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.workflow-stat-grid article {
    min-height: 118px;
    padding: 0.9rem;
    border: 1px solid rgba(31, 40, 48, 0.1);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: var(--shadow-soft);
}

.workflow-stat-grid span,
.workflow-stat-grid small {
    display: block;
    color: var(--ink-muted);
    font-size: 0.82rem;
}

.workflow-stat-grid strong {
    display: block;
    margin: 0.4rem 0;
    font-family: var(--font-heading);
    font-size: clamp(1.25rem, 2vw, 1.7rem);
    line-height: 1;
}

.workflow-lanes {
    display: grid;
    gap: 0.9rem;
    margin-bottom: 1rem;
}

.workflow-lane {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 1rem;
    padding: 1rem;
    border: 1px solid rgba(31, 40, 48, 0.1);
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.76);
    box-shadow: var(--shadow-soft);
}

.workflow-lane.selected {
    border-color: rgba(15, 122, 120, 0.34);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(230, 246, 244, 0.86));
}

.workflow-lane-number {
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    border-radius: 22px;
    background: linear-gradient(135deg, var(--accent), var(--accent-3));
    color: #fff;
    font-family: var(--font-heading);
    font-size: 1.5rem;
    font-weight: 900;
    box-shadow: 0 16px 34px rgba(15, 122, 120, 0.24);
}

.workflow-lane-body h2 {
    margin: 0.15rem 0 0.45rem;
    font-size: clamp(1.3rem, 2.4vw, 2rem);
}

.workflow-lane-body p:not(.eyebrow) {
    margin: 0;
    color: var(--ink-soft);
}

.workflow-lane-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 0.9rem;
}

.workflow-bottom-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.workflow-list {
    display: grid;
    gap: 0.55rem;
}

.workflow-list a {
    display: grid;
    gap: 0.25rem;
    padding: 0.75rem;
    border: 1px solid rgba(31, 40, 48, 0.09);
    border-radius: 18px;
    color: inherit;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.7);
}

.workflow-list a:hover {
    border-color: rgba(15, 122, 120, 0.28);
    background: rgba(246, 253, 252, 0.92);
}

.workflow-list span {
    color: var(--ink-muted);
    font-size: 0.88rem;
}

.workflow-guardrails {
    display: grid;
    grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr);
    gap: 1rem;
    align-items: start;
}

.workflow-guardrails h2 {
    margin-top: 0.2rem;
}

.workflow-guardrails ul {
    margin: 0;
    padding-left: 1.1rem;
    color: var(--ink-soft);
}

.workflow-guardrails li + li {
    margin-top: 0.45rem;
}

@media (max-width: 1180px) {
    .workflow-stat-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 860px) {
    .workflow-command-hero,
    .workflow-bottom-grid,
    .workflow-guardrails {
        grid-template-columns: 1fr;
    }

    .workflow-lane {
        grid-template-columns: 1fr;
    }

    .workflow-lane-number {
        width: 56px;
        height: 56px;
    }
}

@media (max-width: 620px) {
    .workflow-stat-grid {
        grid-template-columns: 1fr;
    }

    .workflow-command-hero h1 {
        font-size: clamp(2.1rem, 13vw, 3.35rem);
    }
}

/* Guided productive intake */
.intake-command-composer {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.9rem;
    margin-bottom: 1.1rem;
    padding: clamp(1rem, 2.4vw, 1.55rem);
    border: 1px solid rgba(20, 84, 84, 0.16);
    border-radius: 38px;
    background:
        radial-gradient(circle at 88% 12%, rgba(176, 115, 27, 0.18), transparent 34%),
        radial-gradient(circle at 10% 90%, rgba(15, 122, 120, 0.16), transparent 36%),
        linear-gradient(135deg, rgba(246, 253, 250, 0.97), rgba(244, 241, 231, 0.94));
    box-shadow: 0 30px 90px rgba(17, 32, 40, 0.12);
}

.intake-command-composer::after {
    content: "";
    position: absolute;
    inset: auto auto -32% 48%;
    width: 48%;
    height: 260px;
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.08);
    pointer-events: none;
}

.intake-command-stage,
.intake-command-paths,
.intake-command-proof,
.intake-command-label {
    position: relative;
    z-index: 1;
}

.intake-command-stage {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
    gap: 0.9rem;
}

.intake-command-copy,
.intake-command-active,
.intake-command-paths a,
.intake-command-proof article {
    min-width: 0;
    border: 1px solid rgba(31, 40, 48, 0.11);
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.74);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
}

.intake-command-copy {
    padding: clamp(1.45rem, 3vw, 2.45rem);
}

.intake-command-copy h1 {
    max-width: 980px;
    margin: 0.2rem 0 0.75rem;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(2.7rem, 7.2vw, 6.4rem);
    line-height: 0.86;
    letter-spacing: -0.08em;
    overflow-wrap: anywhere;
}

.intake-command-copy p:not(.eyebrow) {
    max-width: 820px;
    color: var(--ink-soft);
    font-weight: 750;
    font-size: 1.06rem;
}

.intake-command-active {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 0.75rem;
    min-height: 270px;
    padding: 1.35rem;
    color: #fff;
    background:
        linear-gradient(135deg, rgba(10, 43, 55, 0.97), rgba(5, 98, 91, 0.9) 62%, rgba(137, 83, 15, 0.86)),
        radial-gradient(circle at 90% 12%, rgba(255, 255, 255, 0.22), transparent 36%);
}

.intake-command-active span,
.intake-command-active small,
.intake-command-active p {
    color: rgba(255, 255, 255, 0.76);
}

.intake-command-active strong {
    max-width: 420px;
    color: #fff;
    font-family: var(--font-heading);
    font-size: clamp(2.15rem, 4.8vw, 3.9rem);
    line-height: 0.88;
    letter-spacing: -0.055em;
}

.intake-command-active a {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0.75rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 18px;
    color: #fff;
    background: rgba(255, 255, 255, 0.12);
    font-weight: 900;
    text-decoration: none;
}

.intake-command-label {
    margin: 0.2rem 0 -0.2rem;
    color: var(--brand-dark);
    font-size: 0.75rem;
    font-weight: 950;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.intake-command-paths {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));
    gap: 0.75rem;
}

.intake-command-paths a {
    display: flex;
    flex-direction: column;
    gap: 0.52rem;
    min-height: 220px;
    padding: 1rem;
    color: inherit;
    text-decoration: none;
    transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.intake-command-paths a.active,
.intake-command-paths a:hover {
    transform: translateY(-3px);
    border-color: rgba(15, 122, 120, 0.42);
    box-shadow: 0 18px 52px rgba(15, 84, 84, 0.16);
}

.intake-command-paths span,
.intake-command-proof span {
    color: var(--brand-dark);
    font-size: 0.7rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.intake-command-paths strong {
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.35rem, 2.5vw, 2rem);
    line-height: 0.95;
    letter-spacing: -0.045em;
}

.intake-command-paths p {
    color: var(--ink-soft);
    font-size: 0.9rem;
    font-weight: 750;
}

.intake-command-paths small {
    margin-top: auto;
    color: var(--brand-dark);
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.intake-command-proof {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.intake-command-proof article {
    min-height: 128px;
    padding: 0.95rem;
}

.intake-command-proof strong {
    display: block;
    margin-top: 0.45rem;
    color: var(--ink-soft);
    font-size: 0.94rem;
    line-height: 1.35;
}

.intake-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
    gap: 1.1rem;
    margin-bottom: 1.1rem;
}

.intake-hero-copy,
.intake-proof-card,
.intake-step-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(28, 38, 48, 0.1);
    border-radius: 32px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(238, 250, 248, 0.9));
    box-shadow: 0 24px 70px rgba(17, 32, 40, 0.1);
}

.intake-hero-copy::before,
.intake-proof-card::before,
.intake-step-card::before {
    content: "";
    position: absolute;
    inset: -45% auto auto -8%;
    width: 280px;
    height: 280px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(15, 122, 120, 0.16), transparent 68%);
    pointer-events: none;
}

.intake-hero-copy {
    padding: clamp(1.6rem, 3vw, 2.7rem);
}

.intake-hero-copy h1 {
    max-width: 920px;
    margin: 0.2rem 0 0.8rem;
    font-size: clamp(2.35rem, 5.8vw, 5rem);
    line-height: 0.92;
    letter-spacing: -0.07em;
}

.intake-hero-copy p:not(.eyebrow) {
    max-width: 760px;
    color: var(--ink-soft);
    font-size: 1.04rem;
}

.intake-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 1.1rem;
}

.intake-proof-card {
    padding: 1.35rem;
    align-self: stretch;
    background:
        linear-gradient(135deg, rgba(19, 48, 55, 0.96), rgba(15, 122, 120, 0.9)),
        radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0.18), transparent 40%);
    color: #fff;
}

.intake-proof-card span,
.intake-proof-card p,
.intake-proof-card li {
    color: rgba(255, 255, 255, 0.78);
}

.intake-proof-card strong {
    display: block;
    margin: 0.45rem 0;
    font-family: var(--font-heading);
    font-size: clamp(2.1rem, 5vw, 3.6rem);
    line-height: 0.9;
    letter-spacing: -0.04em;
}

.intake-proof-card ul {
    margin: 1rem 0 0;
    padding-left: 1.1rem;
}

.intake-proof-card li + li {
    margin-top: 0.35rem;
}

.intake-handoff-runway {
    display: grid;
    grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
    gap: 1rem;
    align-items: stretch;
    margin: 0 0 1.1rem;
    padding: clamp(1rem, 2vw, 1.35rem);
    border: 1px solid rgba(28, 38, 48, 0.1);
    border-radius: 30px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(240, 248, 247, 0.88)),
        radial-gradient(circle at 92% 8%, rgba(180, 116, 26, 0.12), transparent 34%);
    box-shadow: 0 20px 58px rgba(17, 32, 40, 0.09);
}

.intake-handoff-runway h2 {
    margin: 0.15rem 0 0.45rem;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.5rem, 3vw, 2.35rem);
    line-height: 0.98;
    letter-spacing: -0.05em;
}

.intake-handoff-runway p:not(.eyebrow) {
    margin: 0;
    color: var(--ink-soft);
    line-height: 1.55;
}

.intake-handoff-runway ol {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.65rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.intake-handoff-runway li {
    display: grid;
    gap: 0.3rem;
    min-height: 138px;
    padding: 0.82rem;
    border: 1px solid rgba(31, 40, 48, 0.09);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.78);
}

.intake-handoff-runway li span {
    width: fit-content;
    padding: 0.3rem 0.48rem;
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.1);
    color: #0d6c68;
    font-size: 0.74rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.intake-handoff-runway li strong {
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.05rem, 1.7vw, 1.34rem);
    line-height: 1;
}

.intake-handoff-runway li small {
    color: var(--ink-soft);
    line-height: 1.35;
}

.workflow-mission-control {
    display: grid;
    grid-template-columns: minmax(0, 1.14fr) minmax(300px, 0.56fr);
    gap: 0.9rem;
    margin: 0 0 1.1rem;
    padding: clamp(1rem, 2.2vw, 1.35rem);
    border: 1px solid rgba(18, 45, 51, 0.11);
    border-radius: 34px;
    background:
        radial-gradient(circle at 9% 4%, rgba(15, 122, 120, 0.16), transparent 32%),
        radial-gradient(circle at 92% 12%, rgba(228, 174, 83, 0.16), transparent 32%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(240, 248, 246, 0.92));
    box-shadow: 0 26px 78px rgba(17, 32, 40, 0.12);
}

.workflow-mission-lead,
.workflow-mission-proof,
.workflow-mission-chain,
.workflow-mission-targets,
.workflow-mission-deep,
.workflow-mission-runway,
.workflow-mission-workbench {
    min-width: 0;
}

.workflow-mission-lead {
    display: grid;
    gap: 0.85rem;
}

.workflow-mission-lead h2 {
    max-width: 820px;
    margin: 0.12rem 0 0;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(2.2rem, 5vw, 4.25rem);
    line-height: 0.9;
    letter-spacing: -0.075em;
}

.workflow-mission-lead p:not(.eyebrow) {
    max-width: 760px;
    margin: 0;
    color: var(--ink-soft);
    font-size: 1.02rem;
    line-height: 1.55;
}

.workflow-mission-badges,
.workflow-mission-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.workflow-mission-badges span {
    padding: 0.38rem 0.58rem;
    border: 1px solid rgba(15, 122, 120, 0.16);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    color: var(--accent-strong);
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.workflow-mission-proof {
    display: grid;
    align-content: center;
    gap: 0.72rem;
    padding: 1rem;
    border-radius: 28px;
    color: #fff;
    background:
        radial-gradient(circle at 88% 12%, rgba(228, 174, 83, 0.28), transparent 38%),
        linear-gradient(145deg, #122d33, #081b20 68%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.workflow-mission-proof span {
    color: rgba(255, 255, 255, 0.68);
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.workflow-mission-proof strong {
    color: #fff;
    font-family: var(--font-heading);
    font-size: clamp(2.3rem, 5vw, 4.2rem);
    line-height: 0.86;
    letter-spacing: -0.05em;
}

.workflow-mission-proof p,
.workflow-mission-proof li {
    color: rgba(255, 255, 255, 0.78);
}

.workflow-mission-proof ul {
    margin: 0.15rem 0 0;
    padding-left: 1.1rem;
}

.workflow-mission-chain,
.workflow-mission-targets,
.workflow-mission-deep,
.workflow-mission-runway,
.workflow-mission-workbench {
    grid-column: 1 / -1;
}

.workflow-mission-chain {
    display: grid;
    grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.3fr);
    gap: 0.75rem;
    padding: 0.9rem;
    border: 1px solid rgba(18, 45, 51, 0.09);
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.66);
}

.workflow-mission-chain h3,
.workflow-mission-section-head h3 {
    margin: 0.12rem 0 0;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.35rem, 2.4vw, 2rem);
    line-height: 0.98;
    letter-spacing: -0.04em;
}

.workflow-mission-chain ol,
.workflow-mission-targets,
.workflow-mission-textblocks,
.workflow-mission-locks,
.workflow-mission-runway,
.workflow-mission-workbench {
    display: grid;
    gap: 0.65rem;
}

.workflow-mission-chain ol {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
    padding: 0;
    list-style: none;
}

.workflow-mission-chain li,
.workflow-mission-targets a,
.workflow-mission-textblocks div,
.workflow-mission-locks div,
.workflow-mission-runway article,
.workflow-mission-workbench article {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(18, 45, 51, 0.09);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 14px 38px rgba(17, 32, 40, 0.07);
}

.workflow-mission-chain li,
.workflow-mission-targets a,
.workflow-mission-textblocks div,
.workflow-mission-locks div,
.workflow-mission-runway article,
.workflow-mission-workbench article {
    display: grid;
    gap: 0.4rem;
    padding: 0.9rem;
}

.workflow-mission-chain li span,
.workflow-mission-targets span,
.workflow-mission-locks span,
.workflow-mission-runway span,
.workflow-mission-workbench span {
    width: fit-content;
    padding: 0.28rem 0.48rem;
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.1);
    color: var(--accent-strong);
    font-size: 0.74rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.workflow-mission-targets {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.workflow-mission-targets a {
    min-height: 178px;
    color: inherit;
    text-decoration: none;
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.workflow-mission-targets a.active,
.workflow-mission-targets a:hover {
    transform: translateY(-2px);
    border-color: rgba(15, 122, 120, 0.28);
    box-shadow: 0 22px 54px rgba(17, 32, 40, 0.12);
}

.workflow-mission-targets strong,
.workflow-mission-textblocks strong,
.workflow-mission-locks strong,
.workflow-mission-runway strong,
.workflow-mission-chain strong,
.workflow-mission-workbench strong {
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.05rem, 1.45vw, 1.35rem);
    line-height: 0.98;
    letter-spacing: -0.035em;
}

.workflow-mission-targets p,
.workflow-mission-targets small,
.workflow-mission-textblocks p,
.workflow-mission-locks strong,
.workflow-mission-runway p,
.workflow-mission-chain small,
.workflow-mission-workbench p {
    margin: 0;
    color: var(--ink-soft);
    line-height: 1.42;
}

.workflow-mission-deep {
    display: grid;
    grid-template-columns: minmax(0, 1.14fr) minmax(0, 0.86fr);
    gap: 0.75rem;
}

.workflow-mission-deep > article {
    padding: 0.9rem;
    border: 1px solid rgba(18, 45, 51, 0.09);
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.62);
}

.workflow-mission-textblocks {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 0.75rem;
}

.workflow-mission-locks {
    margin-top: 0.75rem;
}

.workflow-mission-locks div.locked {
    border-color: rgba(73, 96, 122, 0.16);
    background:
        radial-gradient(circle at 92% 4%, rgba(73, 96, 122, 0.14), transparent 40%),
        rgba(255, 255, 255, 0.8);
}

.workflow-mission-runway {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.workflow-mission-workbench {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
}

.workflow-mission-workbench article:first-child {
    background:
        radial-gradient(circle at 94% 6%, rgba(15, 122, 120, 0.16), transparent 38%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(235, 248, 246, 0.88));
}

.workflow-mission-workbench article:last-child {
    background:
        radial-gradient(circle at 7% 8%, rgba(228, 174, 83, 0.16), transparent 36%),
        linear-gradient(135deg, rgba(255, 252, 244, 0.95), rgba(245, 249, 250, 0.9));
}

@media (max-width: 1180px) {
    .workflow-mission-targets {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .workflow-mission-deep,
    .workflow-mission-chain {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .workflow-mission-control {
        grid-template-columns: 1fr;
    }

    .workflow-mission-chain ol,
    .workflow-mission-targets,
    .workflow-mission-textblocks,
    .workflow-mission-runway,
    .workflow-mission-workbench {
        grid-template-columns: 1fr;
    }
}

.intake-wizard {
    display: grid;
    gap: 1rem;
}

.intake-step-card {
    display: grid;
    grid-template-columns: 84px minmax(0, 1fr);
    gap: 0;
    padding: 0;
}

.intake-step-card.final {
    background: linear-gradient(135deg, rgba(255, 252, 244, 0.98), rgba(235, 250, 248, 0.94));
}

.intake-step-index {
    display: grid;
    place-items: start center;
    padding-top: 1.45rem;
    color: #fff;
    font-family: var(--font-heading);
    font-size: 2rem;
    font-weight: 900;
    background: linear-gradient(180deg, var(--accent), var(--accent-3));
}

.intake-step-body {
    padding: clamp(1.2rem, 2.8vw, 2rem);
}

.intake-step-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.intake-step-head h2 {
    margin: 0.15rem 0 0;
    font-size: clamp(1.45rem, 2.8vw, 2.35rem);
    line-height: 1;
    letter-spacing: -0.035em;
}

.form-grid.three {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
}

.form-grid.two {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.form-grid label {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
}

.form-grid label.wide {
    grid-column: 1 / -1;
}

.form-grid label span {
    color: var(--ink-soft);
    font-size: 0.86rem;
    font-weight: 800;
}

.form-grid input,
.form-grid select,
.form-grid textarea {
    width: 100%;
    border: 1px solid rgba(31, 40, 48, 0.14);
    border-radius: 18px;
    padding: 0.82rem 0.95rem;
    background: rgba(255, 255, 255, 0.88);
    color: var(--ink);
    font: inherit;
    outline: none;
    transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.form-grid input:focus,
.form-grid select:focus,
.form-grid textarea:focus {
    border-color: rgba(15, 122, 120, 0.58);
    box-shadow: 0 0 0 4px rgba(15, 122, 120, 0.1);
    background: #fff;
}

.intake-safety-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.intake-safety-grid article {
    display: grid;
    gap: 0.25rem;
    min-height: 116px;
    padding: 1rem;
    border: 1px solid rgba(31, 40, 48, 0.1);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.72);
}

.intake-safety-grid strong {
    font-family: var(--font-heading);
    font-size: 1.2rem;
}

.intake-safety-grid span {
    color: var(--ink-muted);
    font-size: 0.9rem;
}

@media (max-width: 1060px) {
    .intake-command-stage,
    .intake-command-proof {
        grid-template-columns: 1fr;
    }

    .intake-command-paths {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .intake-hero,
    .intake-handoff-runway,
    .intake-step-card {
        grid-template-columns: 1fr;
    }

    .intake-step-index {
        place-items: center start;
        min-height: 64px;
        padding: 0 1.35rem;
    }

    .form-grid.three,
    .intake-handoff-runway ol,
    .intake-safety-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .intake-command-paths {
        grid-template-columns: 1fr;
    }

    .intake-command-composer {
        border-radius: 28px;
        padding: 0.85rem;
    }

    .intake-command-copy,
    .intake-command-active,
    .intake-command-paths a {
        min-height: 0;
        border-radius: 22px;
    }

    .form-grid.three,
    .form-grid.two,
    .intake-handoff-runway ol,
    .intake-safety-grid {
        grid-template-columns: 1fr;
    }

    .intake-step-head {
        display: grid;
    }

    .intake-step-head .btn {
        justify-self: start;
    }
}

.intake-wizard .intake-safety-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem;
    margin-top: 0.25rem;
}

.intake-wizard .intake-safety-grid article {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.45rem;
    min-height: 128px;
    padding: 1rem;
    border: 1px solid rgba(31, 40, 48, 0.11);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.intake-wizard .intake-safety-grid strong,
.intake-wizard .intake-safety-grid span {
    display: block;
}

@media (max-width: 1060px) {
    .intake-wizard .intake-safety-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .intake-wizard .intake-safety-grid {
        grid-template-columns: 1fr;
    }
}

/* Guided invoice start */
.invoice-guided-wizard {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.9rem;
    margin-bottom: 1rem;
    padding: clamp(1rem, 2.4vw, 1.55rem);
    border: 1px solid rgba(16, 75, 78, 0.18);
    border-radius: 34px;
    background:
        radial-gradient(circle at 8% 8%, rgba(18, 115, 112, 0.16), transparent 24rem),
        radial-gradient(circle at 90% 0%, rgba(212, 150, 54, 0.18), transparent 23rem),
        linear-gradient(135deg, #fbf5e7 0%, #f7fbf8 42%, #e6f4f1 100%);
    box-shadow: 0 30px 86px rgba(17, 45, 52, 0.14);
}

.invoice-guided-wizard::after {
    content: "";
    position: absolute;
    inset: auto -16% -48% 20%;
    height: 54%;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(18, 115, 112, 0.1), rgba(212, 150, 54, 0.16), rgba(16, 41, 61, 0.08));
    transform: rotate(-4deg);
    pointer-events: none;
}

.invoice-guided-stage,
.invoice-guided-switches,
.invoice-guided-steps,
.invoice-guided-safety {
    position: relative;
    z-index: 1;
}

.invoice-guided-stage {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.62fr);
    gap: 0.85rem;
    align-items: stretch;
}

.invoice-guided-copy,
.invoice-guided-primary {
    border: 1px solid rgba(16, 41, 61, 0.1);
    border-radius: 28px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68);
}

.invoice-guided-copy {
    display: grid;
    align-content: center;
    min-height: 270px;
    padding: clamp(1rem, 2.4vw, 1.6rem);
    background: rgba(255, 255, 255, 0.66);
}

.invoice-guided-copy h1 {
    max-width: 13ch;
    margin: 0.1rem 0 0.3rem;
    color: #10293d;
    font-family: var(--font-heading);
    font-size: clamp(2.7rem, 5.8vw, 5.65rem);
    line-height: 0.84;
    letter-spacing: -0.078em;
    hyphens: none;
    overflow-wrap: normal;
    text-wrap: balance;
    word-break: keep-all;
}

.invoice-guided-copy h2 {
    margin: 0.1rem 0 0.55rem;
    color: #0d5353;
    font-family: var(--font-heading);
    font-size: clamp(1.35rem, 2.25vw, 2.05rem);
    line-height: 1;
    letter-spacing: -0.038em;
}

.invoice-guided-copy p:not(.eyebrow) {
    max-width: 820px;
    margin: 0;
    color: #405467;
    font-size: clamp(0.98rem, 1.28vw, 1.1rem);
    font-weight: 720;
    line-height: 1.56;
}

.invoice-guided-primary {
    display: grid;
    align-content: end;
    gap: 0.52rem;
    min-height: 270px;
    padding: clamp(1rem, 2.15vw, 1.38rem);
    background:
        radial-gradient(circle at 92% 0%, rgba(255, 225, 153, 0.22), transparent 44%),
        linear-gradient(145deg, #10293d, #0d5353 66%, #9c5a12);
    color: #fffaf0;
}

.invoice-guided-primary.attention {
    background:
        radial-gradient(circle at 92% 0%, rgba(255, 230, 168, 0.24), transparent 44%),
        linear-gradient(145deg, #4b341d, #7a4d19 70%);
}

.invoice-guided-primary span,
.invoice-guided-primary small,
.invoice-guided-primary em {
    color: rgba(255, 250, 240, 0.76);
    font-size: 0.72rem;
    font-style: normal;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.invoice-guided-primary strong {
    color: #fffdf7;
    font-family: var(--font-heading);
    font-size: clamp(1.85rem, 3.4vw, 3.25rem);
    line-height: 0.9;
    letter-spacing: -0.062em;
}

.invoice-guided-primary p {
    margin: 0;
    color: rgba(255, 250, 240, 0.88);
    font-weight: 780;
}

.invoice-guided-primary a {
    display: grid;
    gap: 0.2rem;
    width: fit-content;
    margin-top: 0.25rem;
    padding: 0.68rem 0.84rem;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.13);
    color: #fffdf7;
    text-decoration: none;
}

.invoice-guided-primary a:hover {
    background: rgba(255, 255, 255, 0.18);
    text-decoration: none;
}

.invoice-guided-primary b {
    color: #fffdf7;
    font-size: 0.9rem;
}

.invoice-guided-switches {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.62rem;
}

.invoice-guided-label {
    margin: 0.1rem 0 -0.32rem;
    color: #0d5353;
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.invoice-guided-switches a,
.invoice-guided-steps a,
.invoice-guided-safety span {
    border: 1px solid rgba(16, 41, 61, 0.1);
    background: rgba(255, 255, 255, 0.76);
    box-shadow: 0 14px 36px rgba(17, 32, 40, 0.07);
}

.invoice-guided-switches a {
    display: grid;
    gap: 0.18rem;
    padding: 0.72rem 0.8rem;
    border-radius: 19px;
    color: #10293d;
    text-decoration: none;
}

.invoice-guided-switches a.active,
.invoice-guided-switches a:hover {
    border-color: rgba(13, 83, 83, 0.32);
    background: #ffffff;
    text-decoration: none;
}

.invoice-guided-switches strong {
    color: #10293d;
    font-family: var(--font-heading);
    font-size: 1.18rem;
    line-height: 1;
}

.invoice-guided-switches span {
    color: #526773;
    font-size: 0.8rem;
    font-weight: 760;
}

.invoice-guided-steps {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.68rem;
}

.invoice-guided-steps a {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.42rem;
    min-height: 178px;
    padding: 0.82rem;
    border-radius: 22px;
    color: #10293d;
    text-decoration: none;
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.invoice-guided-steps a:hover {
    transform: translateY(-3px);
    border-color: rgba(13, 83, 83, 0.28);
    box-shadow: 0 22px 56px rgba(17, 32, 40, 0.12);
    text-decoration: none;
}

.invoice-guided-steps a.locked {
    background: rgba(18, 44, 51, 0.94);
    color: #fffaf0;
}

.invoice-guided-steps a.attention {
    background: rgba(255, 248, 235, 0.86);
    border-color: rgba(188, 122, 32, 0.22);
}

.invoice-guided-steps span {
    display: inline-grid;
    place-items: center;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 999px;
    background: #0d5353;
    color: #fffaf0;
    font-size: 0.72rem;
    font-weight: 950;
}

.invoice-guided-steps a.locked span {
    background: rgba(255, 255, 255, 0.16);
}

.invoice-guided-steps strong {
    color: inherit;
    font-family: var(--font-heading);
    font-size: clamp(1.05rem, 1.35vw, 1.34rem);
    line-height: 1;
    letter-spacing: -0.035em;
}

.invoice-guided-steps b {
    color: inherit;
    font-size: 0.84rem;
}

.invoice-guided-steps p {
    margin: 0;
    color: rgba(64, 84, 103, 0.9);
    font-size: 0.82rem;
    font-weight: 720;
    line-height: 1.4;
}

.invoice-guided-steps a.locked p,
.invoice-guided-steps a.locked small {
    color: rgba(255, 250, 240, 0.78);
}

.invoice-guided-steps small {
    margin-top: auto;
    color: #0d5353;
    font-size: 0.69rem;
    font-weight: 950;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.invoice-guided-safety {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.6rem;
}

.invoice-guided-safety span {
    padding: 0.72rem 0.82rem;
    border-radius: 18px;
    color: #4f391f;
    background: rgba(255, 250, 240, 0.84);
    font-size: 0.8rem;
    font-weight: 870;
    line-height: 1.35;
}

.invoice-start-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

.invoice-start-copy,
.invoice-start-side,
.invoice-start-shell,
.invoice-start-guardrails,
.invoice-path-card {
    border: 1px solid rgba(31, 40, 48, 0.16);
    border-radius: 30px;
    background: linear-gradient(135deg, #ffffff, #eff8f5);
    box-shadow: 0 24px 70px rgba(17, 32, 40, 0.14);
}

.invoice-start-copy {
    padding: clamp(1.5rem, 3vw, 2.6rem);
    position: relative;
    overflow: hidden;
}

.invoice-start-copy::after {
    content: "";
    position: absolute;
    right: -90px;
    top: -110px;
    width: 310px;
    height: 310px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(15, 122, 120, 0.16), transparent 68%);
}

.invoice-start-copy h1 {
    max-width: 960px;
    margin: 0.2rem 0 0.8rem;
    color: #10293d;
    font-size: clamp(2.2rem, 5.1vw, 4.55rem);
    line-height: 0.92;
    letter-spacing: -0.07em;
}

.invoice-start-copy p:not(.eyebrow) {
    max-width: 780px;
    color: #405467;
    font-size: 1.04rem;
}

.invoice-start-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 1.1rem;
}

.invoice-start-side {
    display: grid;
    gap: 1rem;
    align-content: center;
    padding: 1.35rem;
    background:
        radial-gradient(circle at 90% 10%, rgba(255, 255, 255, 0.16), transparent 40%),
        linear-gradient(135deg, #0a202e, #0f6260);
    color: #fff;
}

.invoice-start-side span,
.invoice-start-side small {
    color: rgba(255, 255, 255, 0.74);
}

.invoice-start-side strong {
    font-family: var(--font-heading);
    font-size: clamp(2.3rem, 5vw, 3.9rem);
    line-height: 0.9;
    letter-spacing: -0.04em;
}

.invoice-start-mini {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
}

.invoice-start-mini div {
    padding: 0.8rem;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.12);
}

.invoice-start-mini b,
.invoice-start-mini small {
    display: block;
}

.invoice-executive-start {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.95rem;
    margin: 0 0 1rem;
    padding: clamp(1rem, 2.3vw, 1.65rem);
    border: 1px solid rgba(18, 78, 79, 0.16);
    border-radius: 34px;
    background:
        radial-gradient(circle at 7% 0%, rgba(15, 122, 120, 0.15), transparent 28rem),
        radial-gradient(circle at 92% 4%, rgba(205, 139, 45, 0.17), transparent 24rem),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(242, 249, 247, 0.93));
    box-shadow: 0 28px 82px rgba(17, 45, 52, 0.12);
}

.invoice-executive-start::after {
    content: "";
    position: absolute;
    inset: auto -18% -48% 34%;
    height: 48%;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(15, 122, 120, 0.08), rgba(205, 139, 45, 0.13), rgba(36, 94, 143, 0.08));
    transform: rotate(-5deg);
    pointer-events: none;
}

.invoice-executive-head,
.invoice-executive-grid,
.invoice-executive-facts {
    position: relative;
    z-index: 1;
}

.invoice-executive-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 0.28fr);
    gap: 1rem;
    align-items: stretch;
}

.invoice-executive-head h2 {
    max-width: 11ch;
    margin: 0.12rem 0 0.55rem;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(2.05rem, 4.5vw, 4.25rem);
    line-height: 0.89;
    letter-spacing: -0.074em;
}

.invoice-executive-head p:not(.eyebrow) {
    max-width: 78ch;
    margin: 0;
    color: rgba(20, 48, 56, 0.76);
    font-size: clamp(0.98rem, 1.35vw, 1.12rem);
    line-height: 1.58;
}

.invoice-executive-head aside {
    display: grid;
    align-content: center;
    gap: 0.35rem;
    padding: 1rem;
    border-radius: 24px;
    background:
        radial-gradient(circle at 88% 10%, rgba(229, 179, 88, 0.24), transparent 38%),
        linear-gradient(145deg, #102c39, #0f5752 70%);
    color: #fff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.invoice-executive-head aside span,
.invoice-executive-head aside small,
.invoice-executive-card span,
.invoice-executive-card small,
.invoice-executive-facts span,
.invoice-executive-primary span {
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.invoice-executive-head aside span,
.invoice-executive-head aside small {
    color: rgba(255, 255, 255, 0.72);
}

.invoice-executive-head aside strong {
    color: #fff;
    font-family: var(--font-heading);
    font-size: clamp(1.55rem, 3vw, 2.5rem);
    line-height: 0.92;
    letter-spacing: -0.045em;
}

.invoice-executive-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.72rem;
}

.invoice-executive-card {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.55rem;
    min-height: 246px;
    padding: 0.95rem;
    border: 1px solid rgba(16, 58, 68, 0.13);
    border-radius: 25px;
    background: rgba(255, 255, 255, 0.86);
    color: inherit;
    text-decoration: none;
    box-shadow: 0 16px 44px rgba(31, 40, 48, 0.08);
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.invoice-executive-card:hover,
.invoice-executive-card.active {
    transform: translateY(-4px);
    border-color: rgba(15, 122, 120, 0.34);
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 26px 70px rgba(31, 40, 48, 0.14);
    text-decoration: none;
}

.invoice-executive-card::before {
    content: "";
    width: 0.82rem;
    height: 0.82rem;
    border-radius: 999px;
    background: #0f7a78;
    box-shadow: 0 0 0 6px rgba(15, 122, 120, 0.11);
}

.invoice-executive-card::after {
    content: "";
    position: absolute;
    inset: auto -26% -40% 24%;
    height: 92px;
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.08);
    transform: rotate(-8deg);
}

.invoice-executive-card.tone-hoai::before { background: #b4621d; box-shadow: 0 0 0 6px rgba(180, 98, 29, 0.12); }
.invoice-executive-card.tone-hoai::after { background: rgba(180, 98, 29, 0.09); }
.invoice-executive-card.tone-court::before { background: #9f5555; box-shadow: 0 0 0 6px rgba(159, 85, 85, 0.12); }
.invoice-executive-card.tone-court::after { background: rgba(159, 85, 85, 0.09); }
.invoice-executive-card.tone-honorar::before { background: #245e8f; box-shadow: 0 0 0 6px rgba(36, 94, 143, 0.12); }
.invoice-executive-card.tone-honorar::after { background: rgba(36, 94, 143, 0.08); }

.invoice-executive-card > * {
    position: relative;
    z-index: 1;
}

.invoice-executive-card span {
    color: #0d6c68;
}

.invoice-executive-card strong {
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.12rem, 1.55vw, 1.45rem);
    line-height: 1.02;
    letter-spacing: -0.04em;
}

.invoice-executive-card p {
    margin: 0;
    color: rgba(20, 48, 56, 0.74);
    font-size: 0.86rem;
    line-height: 1.45;
}

.invoice-executive-card small {
    margin-top: auto;
    color: rgba(20, 48, 56, 0.56);
}

.invoice-executive-card b {
    width: fit-content;
    padding: 0.48rem 0.66rem;
    border-radius: 999px;
    background: #102f34;
    color: #fff;
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.invoice-executive-facts {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.68rem;
}

.invoice-executive-facts article,
.invoice-executive-primary {
    display: grid;
    gap: 0.18rem;
    min-height: 86px;
    padding: 0.74rem 0.82rem;
    border: 1px solid rgba(31, 40, 48, 0.1);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.76);
    color: inherit;
    text-decoration: none;
    box-shadow: 0 12px 32px rgba(17, 32, 40, 0.06);
}

.invoice-executive-facts article.attention {
    border-color: rgba(188, 122, 32, 0.2);
    background: rgba(255, 248, 235, 0.82);
}

.invoice-executive-facts article.locked {
    background: rgba(18, 44, 51, 0.94);
    color: #fff;
}

.invoice-executive-facts span {
    color: var(--ink-muted);
}

.invoice-executive-facts article.locked span,
.invoice-executive-facts article.locked strong {
    color: rgba(255, 255, 255, 0.78);
}

.invoice-executive-facts strong,
.invoice-executive-primary strong {
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1rem, 1.25vw, 1.32rem);
    line-height: 1.02;
    letter-spacing: -0.035em;
}

.invoice-executive-primary {
    background: linear-gradient(145deg, #102c39, #0f7a78);
    color: #fff;
}

.invoice-executive-primary span,
.invoice-executive-primary strong {
    color: #fff;
}

.invoice-mission-control {
    display: grid;
    gap: clamp(0.85rem, 1.8vw, 1.15rem);
    margin: 1rem 0;
    padding: clamp(1rem, 2vw, 1.55rem);
    border: 1px solid rgba(18, 78, 79, 0.16);
    border-radius: 32px;
    background:
        radial-gradient(circle at 4% 0%, rgba(16, 131, 123, 0.14), transparent 31%),
        radial-gradient(circle at 100% 4%, rgba(218, 165, 86, 0.18), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,0.98), rgba(240,247,245,0.92));
    box-shadow: 0 28px 80px rgba(17, 45, 52, 0.11);
}

.invoice-mission-head {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.58fr);
    gap: 1rem;
    align-items: stretch;
}

.invoice-mission-head h2 {
    max-width: 1040px;
    margin: 0.12rem 0 0.55rem;
    color: #142434;
    font-family: var(--font-heading);
    font-size: clamp(1.8rem, 3.8vw, 4.05rem);
    line-height: 0.94;
    letter-spacing: -0.065em;
    text-wrap: balance;
}

.invoice-mission-head p {
    max-width: 84ch;
    margin: 0;
    color: var(--ink-soft);
    line-height: 1.55;
}

.invoice-mission-head aside {
    display: grid;
    align-content: center;
    gap: 0.45rem;
    padding: 1rem;
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(circle at 85% 12%, rgba(226, 178, 82, 0.27), transparent 38%),
        linear-gradient(145deg, #102c39, #0d4c45 66%, #8c642c);
}

.invoice-mission-head aside.attention {
    background:
        radial-gradient(circle at 85% 12%, rgba(255, 214, 122, 0.24), transparent 38%),
        linear-gradient(145deg, #46321d, #7a4d19 72%);
}

.invoice-mission-head aside span,
.invoice-mission-head aside small,
.invoice-mission-lane span,
.invoice-mission-lane b,
.invoice-mission-metrics span {
    font-size: 0.7rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.invoice-mission-head aside span,
.invoice-mission-head aside small {
    color: rgba(255, 255, 255, 0.74);
}

.invoice-mission-head aside strong {
    color: #fff;
    font-family: var(--font-heading);
    font-size: clamp(1.28rem, 2.2vw, 2.12rem);
    line-height: 1;
    letter-spacing: -0.04em;
}

.invoice-mission-head aside .btn.ghost {
    width: fit-content;
    border-color: rgba(255, 255, 255, 0.34);
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}

.invoice-mission-metrics,
.invoice-mission-lanes,
.invoice-mission-handoffs,
.invoice-mission-quickpaths {
    display: grid;
    gap: 0.68rem;
}

.invoice-mission-metrics {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.invoice-mission-metrics article,
.invoice-mission-lane,
.invoice-mission-handoffs a,
.invoice-mission-quickpaths a {
    border: 1px solid rgba(31, 40, 48, 0.1);
    background: rgba(255, 255, 255, 0.74);
    box-shadow: 0 14px 36px rgba(17, 32, 40, 0.06);
}

.invoice-mission-metrics article {
    display: grid;
    gap: 0.14rem;
    min-width: 0;
    padding: 0.68rem 0.75rem;
    border-radius: 18px;
}

.invoice-mission-metrics span {
    color: var(--ink-muted);
}

.invoice-mission-metrics strong {
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(0.98rem, 1.2vw, 1.28rem);
    line-height: 1.05;
    letter-spacing: -0.04em;
}

.invoice-mission-lanes {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.invoice-mission-lane {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.42rem;
    min-height: 188px;
    padding: 0.84rem;
    border-radius: 22px;
    color: inherit;
    text-decoration: none;
}

.invoice-mission-lane::after {
    content: "";
    position: absolute;
    inset: -38px -32px auto auto;
    width: 112px;
    height: 112px;
    border-radius: 999px;
    opacity: 0.14;
    background: #0f7a78;
}

.invoice-mission-lane.attention::after {
    background: #c6842f;
}

.invoice-mission-lane.locked::after {
    background: #102c39;
}

.invoice-mission-lane > * {
    position: relative;
    z-index: 1;
}

.invoice-mission-lane span {
    color: var(--ink-muted);
}

.invoice-mission-lane strong {
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.04rem, 1.45vw, 1.42rem);
    line-height: 1.02;
    letter-spacing: -0.04em;
}

.invoice-mission-lane p {
    margin: 0;
    color: var(--ink-soft);
    font-size: 0.84rem;
    line-height: 1.36;
}

.invoice-mission-lane b {
    width: fit-content;
    margin-top: auto;
    padding: 0.34rem 0.5rem;
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.1);
    color: #0f555d;
}

.invoice-mission-handoffs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.invoice-mission-quickpaths {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.invoice-mission-handoffs a,
.invoice-mission-quickpaths a {
    display: grid;
    gap: 0.26rem;
    padding: 0.75rem 0.82rem;
    border-radius: 18px;
    color: inherit;
    text-decoration: none;
}

.invoice-mission-handoffs strong,
.invoice-mission-quickpaths strong {
    color: #0c5959;
    font-family: var(--font-heading);
    font-size: 1.02rem;
    line-height: 1.05;
}

.invoice-mission-handoffs span,
.invoice-mission-quickpaths span {
    color: var(--ink-soft);
    font-size: 0.8rem;
    line-height: 1.35;
}

.invoice-mission-proof {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.invoice-mission-proof span {
    padding: 0.36rem 0.52rem;
    border: 1px solid rgba(15, 122, 120, 0.12);
    border-radius: 999px;
    background: rgba(16, 44, 57, 0.08);
    color: #263d47;
    font-size: 0.72rem;
    font-weight: 850;
    line-height: 1.3;
}

.invoice-path-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem;
    margin-bottom: 1rem;
}

.invoice-path-card {
    padding: 1.05rem;
    min-height: 170px;
}

.invoice-path-card span {
    color: var(--accent);
    font-size: 0.75rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.invoice-path-card strong {
    display: block;
    margin: 0.35rem 0;
    font-family: var(--font-heading);
    font-size: 1.45rem;
    line-height: 1;
}

.invoice-path-card p {
    color: var(--ink-soft);
    margin: 0;
}

.invoice-path-card.guard {
    background: linear-gradient(135deg, rgba(255, 249, 235, 0.97), rgba(238, 250, 248, 0.96));
}

.invoice-start-flowline {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.72rem;
    margin: 0 0 1rem;
}

.invoice-start-flowline article {
    position: relative;
    min-height: 132px;
    padding: 1rem;
    overflow: hidden;
    border: 1px solid rgba(31, 40, 48, 0.1);
    border-radius: 26px;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(245, 250, 248, 0.88));
    box-shadow: 0 18px 48px rgba(17, 32, 40, 0.08);
}

.invoice-start-flowline article::after {
    content: "";
    position: absolute;
    inset: auto -34px -46px auto;
    width: 110px;
    height: 110px;
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.1);
}

.invoice-start-flowline span,
.invoice-type-kicker {
    color: var(--accent);
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.invoice-start-flowline strong {
    display: block;
    margin-top: 0.42rem;
    font-size: 1.02rem;
}

.invoice-start-flowline p {
    margin: 0.38rem 0 0;
    color: var(--ink-soft);
    font-size: 0.88rem;
}

.invoice-command-board {
    display: grid;
    gap: 0.9rem;
    margin-bottom: 1rem;
    padding: clamp(1rem, 2vw, 1.25rem);
    border: 1px solid rgba(31, 40, 48, 0.1);
    border-radius: 34px;
    background:
        radial-gradient(circle at 8% 6%, rgba(15, 122, 120, 0.15), transparent 30%),
        radial-gradient(circle at 92% 0%, rgba(229, 111, 49, 0.16), transparent 28%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(240, 248, 247, 0.9));
    box-shadow: 0 26px 78px rgba(17, 32, 40, 0.11);
}

.invoice-command-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.7fr);
    gap: 1rem;
    align-items: end;
}

.invoice-command-head h2 {
    margin: 0.15rem 0 0;
    font-family: var(--font-heading);
    font-size: clamp(1.75rem, 3.5vw, 3.05rem);
    line-height: 0.96;
    letter-spacing: -0.055em;
}

.invoice-command-head > p {
    margin: 0;
    color: var(--ink-soft);
    line-height: 1.55;
}

.invoice-command-mode-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.68rem;
}

.invoice-command-mode {
    display: grid;
    gap: 0.4rem;
    min-height: 178px;
    padding: 0.85rem;
    border: 1px solid rgba(31, 40, 48, 0.1);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.78);
    color: inherit;
    text-decoration: none;
}

.invoice-command-mode:hover,
.invoice-command-mode.active {
    border-color: rgba(15, 122, 120, 0.34);
    background: rgba(240, 252, 249, 0.9);
    text-decoration: none;
    transform: translateY(-2px);
}

.invoice-command-mode span {
    width: fit-content;
    padding: 0.3rem 0.5rem;
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.1);
    color: var(--accent-strong);
    font-size: 0.74rem;
    font-weight: 950;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.invoice-command-mode strong {
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: 1.08rem;
    line-height: 1.02;
}

.invoice-command-mode small {
    color: var(--ink-soft);
    line-height: 1.35;
}

.invoice-command-blueprint {
    display: grid;
    grid-template-columns: minmax(300px, 0.72fr) minmax(0, 1.28fr);
    gap: 0.85rem;
    align-items: stretch;
}

.invoice-blueprint-card {
    display: grid;
    gap: 0.65rem;
    padding: 1rem;
    border: 1px solid rgba(31, 40, 48, 0.1);
    border-radius: 24px;
    background:
        linear-gradient(145deg, rgba(18, 45, 51, 0.96), rgba(12, 30, 36, 0.94)),
        radial-gradient(circle at 90% 12%, rgba(229, 111, 49, 0.22), transparent 38%);
    color: #fff;
}

.invoice-blueprint-card .eyebrow,
.invoice-blueprint-card p,
.invoice-blueprint-card li {
    color: rgba(255, 255, 255, 0.74);
}

.invoice-blueprint-card h3 {
    margin: 0;
    color: #fff;
    font-family: var(--font-heading);
    font-size: clamp(1.5rem, 2.6vw, 2.2rem);
    line-height: 0.98;
}

.invoice-blueprint-card ul {
    display: grid;
    gap: 0.34rem;
    margin: 0;
    padding-left: 1rem;
}

.invoice-blueprint-card strong {
    color: #fff;
    line-height: 1.35;
}

.invoice-release-runway {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.62rem;
}

.invoice-release-runway article {
    display: grid;
    gap: 0.28rem;
    min-height: 146px;
    padding: 0.75rem;
    border: 1px solid rgba(31, 40, 48, 0.09);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.78);
}

.invoice-release-runway span,
.invoice-release-runway small {
    color: var(--accent-strong);
    font-size: 0.7rem;
    font-weight: 950;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.invoice-release-runway strong {
    font-family: var(--font-heading);
    font-size: 1.08rem;
}

.invoice-release-runway p {
    margin: 0;
    color: var(--ink-soft);
    font-size: 0.86rem;
    line-height: 1.35;
}

.invoice-start-shell {
    padding: clamp(1.2rem, 2.6vw, 2rem);
    margin-bottom: 1rem;
}

.invoice-start-section-head {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.invoice-start-section-head h2 {
    margin: 0.15rem 0 0;
    font-size: clamp(1.45rem, 3vw, 2.5rem);
    line-height: 1;
    letter-spacing: -0.04em;
}

.invoice-start-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(310px, 0.7fr);
    gap: 1rem;
}

.invoice-start-main-fields {
    display: grid;
    gap: 1rem;
}

.invoice-form-panel {
    display: grid;
    gap: 0.9rem;
    padding: clamp(1rem, 2vw, 1.35rem);
    border: 1px solid rgba(31, 40, 48, 0.08);
    border-radius: 28px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(247, 251, 249, 0.92)),
        radial-gradient(circle at 95% 0%, rgba(15, 122, 120, 0.08), transparent 34%);
}

.invoice-object-suite-panel {
    background:
        radial-gradient(circle at 8% 0%, rgba(229, 111, 49, 0.13), transparent 30%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(241, 248, 246, 0.92));
}

.invoice-work-object-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.62rem;
}

.invoice-work-object-card {
    position: relative;
    display: grid;
    gap: 0.34rem;
    min-height: 156px;
    padding: 0.86rem;
    border: 1px solid rgba(31, 40, 48, 0.09);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.76);
    cursor: pointer;
    transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
}

.invoice-work-object-card:hover,
.invoice-work-object-card.selected {
    border-color: rgba(15, 122, 120, 0.36);
    background: rgba(237, 252, 248, 0.92);
    transform: translateY(-2px);
}

.invoice-work-object-card input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.invoice-work-object-card span {
    width: fit-content;
    padding: 0.28rem 0.5rem;
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.1);
    color: var(--accent-strong);
    font-size: 0.66rem;
    font-weight: 950;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.invoice-work-object-card strong {
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: 1.12rem;
    line-height: 1;
}

.invoice-work-object-card p {
    margin: 0;
    color: var(--ink-soft);
    font-size: 0.86rem;
    line-height: 1.35;
}

.invoice-work-object-card small {
    color: var(--ink-muted);
    font-size: 0.74rem;
    font-weight: 900;
}

.invoice-object-pipeline {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.5rem;
}

.invoice-object-pipeline article {
    display: grid;
    gap: 0.22rem;
    padding: 0.68rem;
    border: 1px solid rgba(31, 40, 48, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.62);
}

.invoice-object-pipeline span {
    color: var(--accent-strong);
    font-size: 0.66rem;
    font-weight: 950;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.invoice-object-pipeline strong {
    font-family: var(--font-heading);
    font-size: 0.98rem;
}

.invoice-object-pipeline p {
    margin: 0;
    color: var(--ink-soft);
    font-size: 0.78rem;
    line-height: 1.3;
}

.invoice-object-context-panel {
    background:
        radial-gradient(circle at 8% 12%, rgba(15, 122, 120, 0.15), transparent 32%),
        radial-gradient(circle at 100% 0%, rgba(228, 174, 83, 0.13), transparent 34%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(239, 248, 244, 0.94));
}

.invoice-context-head > p {
    max-width: 34rem;
    margin: 0;
    color: var(--ink-soft);
    font-size: 0.9rem;
    line-height: 1.42;
}

.invoice-object-context-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.62rem;
}

.invoice-object-context-grid article {
    display: grid;
    gap: 0.28rem;
    min-height: 118px;
    padding: 0.82rem;
    border: 1px solid rgba(31, 40, 48, 0.08);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 16px 40px rgba(31, 40, 48, 0.07);
}

.invoice-object-context-grid span,
.invoice-origin-list .eyebrow,
.invoice-line-basis .eyebrow {
    color: var(--accent-strong);
    font-size: 0.66rem;
    font-weight: 950;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.invoice-object-context-grid strong {
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.22rem, 2vw, 1.62rem);
    line-height: 1;
}

.invoice-object-context-grid small {
    color: var(--ink-muted);
    font-size: 0.76rem;
    line-height: 1.3;
}

.invoice-object-context-split {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.invoice-origin-list,
.invoice-line-basis {
    display: grid;
    gap: 0.7rem;
    padding: 0.9rem;
    border: 1px solid rgba(31, 40, 48, 0.08);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.66);
}

.invoice-origin-list h4,
.invoice-line-basis h4 {
    margin: 0.12rem 0 0;
    font-family: var(--font-heading);
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: -0.03em;
}

.invoice-origin-items,
.invoice-line-items {
    display: grid;
    gap: 0.46rem;
}

.invoice-origin-items > div,
.invoice-line-items > div {
    display: grid;
    gap: 0.16rem;
    padding: 0.62rem 0.68rem;
    border-radius: 18px;
    background: rgba(246, 250, 247, 0.86);
}

.invoice-origin-items span,
.invoice-line-items span {
    color: var(--ink-soft);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.invoice-origin-items strong,
.invoice-line-items strong {
    font-family: var(--font-heading);
    color: var(--ink);
    font-size: 1rem;
}

.invoice-origin-items small,
.invoice-line-items small {
    color: var(--ink-muted);
    font-size: 0.78rem;
    line-height: 1.32;
}

.invoice-object-context-fields {
    padding: 0.82rem;
    border: 1px dashed rgba(15, 122, 120, 0.24);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.66);
}

.invoice-context-checks {
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
}

.invoice-context-checks span {
    padding: 0.42rem 0.58rem;
    border: 1px solid rgba(15, 122, 120, 0.14);
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.08);
    color: var(--accent-strong);
    font-size: 0.74rem;
    font-weight: 900;
}

.invoice-form-panel-path {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(238, 249, 245, 0.94)),
        radial-gradient(circle at 100% 0%, rgba(228, 174, 83, 0.14), transparent 36%);
}

.invoice-panel-head {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: end;
}

.invoice-panel-head h3 {
    margin: 0.15rem 0 0;
    font-family: var(--font-heading);
    font-size: clamp(1.25rem, 2vw, 1.85rem);
    line-height: 1;
    letter-spacing: -0.04em;
}

.invoice-start-main-fields .field,
.invoice-start-fields label {
    display: grid;
    gap: 0.35rem;
}

.invoice-start-main-fields span,
.invoice-start-fields span {
    color: var(--ink-soft);
    font-size: 0.86rem;
    font-weight: 800;
}

.invoice-start-main-fields input,
.invoice-start-main-fields select,
.invoice-start-main-fields textarea,
.invoice-start-fields input,
.invoice-start-fields select,
.invoice-start-fields textarea {
    width: 100%;
    border: 1px solid rgba(31, 40, 48, 0.14);
    border-radius: 18px;
    padding: 0.82rem 0.95rem;
    background: rgba(255, 255, 255, 0.9);
    color: var(--ink);
    font: inherit;
    outline: none;
}

.invoice-start-main-fields input:focus,
.invoice-start-main-fields select:focus,
.invoice-start-main-fields textarea:focus,
.invoice-start-fields input:focus,
.invoice-start-fields select:focus,
.invoice-start-fields textarea:focus {
    border-color: rgba(15, 122, 120, 0.58);
    box-shadow: 0 0 0 4px rgba(15, 122, 120, 0.1);
    background: #fff;
}

.invoice-type-picker {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
}

.invoice-type-picker label {
    display: flex;
    gap: 0.65rem;
    align-items: center;
    padding: 0.85rem;
    border: 1px solid rgba(31, 40, 48, 0.12);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.72);
    cursor: pointer;
}

.invoice-type-picker b,
.invoice-type-picker small {
    display: block;
}

.invoice-type-picker small {
    color: var(--ink-muted);
}

.invoice-type-command-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.invoice-type-command-card {
    position: relative;
    display: grid;
    gap: 0.55rem;
    min-height: 276px;
    padding: 1rem;
    overflow: hidden;
    border: 1px solid rgba(31, 40, 48, 0.12);
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 18px 44px rgba(17, 32, 40, 0.07);
    cursor: pointer;
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.invoice-type-command-card::after {
    content: "";
    position: absolute;
    right: -42px;
    bottom: -46px;
    width: 126px;
    height: 126px;
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.09);
}

.invoice-type-command-card:hover,
.invoice-type-command-card:has(input:focus-visible) {
    transform: translateY(-2px);
    border-color: rgba(15, 122, 120, 0.42);
    box-shadow: 0 24px 58px rgba(17, 32, 40, 0.11);
}

.invoice-type-command-card.selected,
.invoice-type-command-card:has(input:checked) {
    border-color: rgba(15, 122, 120, 0.62);
    background: linear-gradient(145deg, rgba(255, 255, 255, 1), rgba(232, 248, 242, 0.92));
    box-shadow: 0 24px 70px rgba(15, 122, 120, 0.16);
}

.invoice-type-command-card.hoai::after {
    background: rgba(228, 174, 83, 0.13);
}

.invoice-type-command-card.court::after {
    background: rgba(73, 108, 181, 0.13);
}

.invoice-type-command-card.private::after {
    background: rgba(15, 122, 120, 0.12);
}

.invoice-type-command-card input {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    opacity: 0;
    pointer-events: none;
}

.invoice-type-command-card strong {
    position: relative;
    z-index: 1;
    font-family: var(--font-heading);
    font-size: clamp(1.24rem, 2vw, 1.58rem);
    line-height: 0.96;
    letter-spacing: -0.04em;
}

.invoice-type-command-card em {
    position: relative;
    z-index: 1;
    color: var(--ink);
    font-size: 0.84rem;
    font-style: normal;
    font-weight: 900;
}

.invoice-type-command-card p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: var(--ink-soft);
    font-size: 0.9rem;
}

.invoice-type-command-card ul {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.32rem;
    margin: 0.2rem 0 0;
    padding: 0;
    list-style: none;
}

.invoice-type-command-card li {
    color: var(--ink-muted);
    font-size: 0.83rem;
    font-weight: 800;
}

.invoice-type-command-card li::before {
    content: "";
    display: inline-block;
    width: 0.48rem;
    height: 0.48rem;
    margin-right: 0.38rem;
    border-radius: 999px;
    background: var(--accent);
}

.invoice-start-fields.two {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.invoice-start-fields .wide {
    grid-column: 1 / -1;
}

.invoice-recipient-fields {
    margin-top: 0;
}

.invoice-start-context {
    align-self: start;
    display: grid;
    gap: 0.8rem;
    padding: 1.1rem;
    border-radius: 26px;
    background: linear-gradient(135deg, rgba(238, 250, 248, 0.94), rgba(255, 255, 255, 0.82));
    border: 1px solid rgba(31, 40, 48, 0.08);
}

.invoice-draft-control {
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.invoice-draft-card,
.invoice-case-card,
.invoice-quality-card,
.invoice-lock-card {
    display: grid;
    gap: 0.78rem;
    padding: clamp(1rem, 2vw, 1.25rem);
    border: 1px solid rgba(31, 40, 48, 0.08);
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(246, 251, 249, 0.92));
    box-shadow: 0 18px 52px rgba(17, 32, 40, 0.08);
}

.invoice-draft-card {
    color: #fff;
    background:
        radial-gradient(circle at 90% 10%, rgba(228, 174, 83, 0.32), transparent 38%),
        linear-gradient(145deg, #12333a, #0b2127 68%);
}

.invoice-draft-card .eyebrow,
.invoice-draft-card p {
    color: rgba(255, 255, 255, 0.72);
}

.invoice-draft-card h3 {
    margin: 0;
    color: #fff;
    font-family: var(--font-heading);
    font-size: clamp(2.1rem, 4vw, 3.2rem);
    line-height: 0.9;
    letter-spacing: -0.05em;
}

.invoice-draft-pill-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.invoice-draft-pill-row span {
    padding: 0.38rem 0.6rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.84);
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.invoice-start-context h3 {
    margin: 0;
    font-size: 1.8rem;
}

.invoice-start-context p {
    margin: 0;
    color: var(--ink-soft);
}

.invoice-start-context dl {
    display: grid;
    gap: 0.55rem;
    margin: 0;
}

.invoice-start-context dl div {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr);
    gap: 0.6rem;
    padding-bottom: 0.55rem;
    border-bottom: 1px solid rgba(31, 40, 48, 0.08);
}

.invoice-start-context dt {
    color: var(--ink-muted);
    font-weight: 800;
}

.invoice-start-context dd {
    margin: 0;
}

.invoice-quality-list {
    display: grid;
    gap: 0.48rem;
}

.invoice-quality-list div {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.72rem 0.82rem;
    border: 1px solid rgba(31, 40, 48, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.78);
}

.invoice-quality-list span {
    color: var(--ink-soft);
    font-weight: 900;
}

.invoice-quality-list strong {
    color: var(--ink);
}

.invoice-quality-list .ready strong {
    color: var(--accent);
}

.invoice-quality-list .attention strong {
    color: #9f6b00;
}

.invoice-quality-list .locked strong {
    color: var(--ink-muted);
}

.invoice-lock-list {
    display: grid;
    gap: 0.48rem;
}

.invoice-lock-list div {
    display: grid;
    gap: 0.16rem;
    padding: 0.7rem 0.78rem;
    border: 1px solid rgba(31, 40, 48, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.78);
}

.invoice-lock-list strong {
    color: var(--ink);
}

.invoice-lock-list span {
    color: var(--ink-soft);
    font-size: 0.86rem;
    line-height: 1.35;
}

.invoice-start-guardrails {
    display: grid;
    grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr);
    gap: 1rem;
    padding: 1.2rem;
}

.invoice-start-guardrails h2 {
    margin-top: 0.2rem;
}

.invoice-start-guardrails ul {
    margin: 0;
    padding-left: 1.1rem;
    color: var(--ink-soft);
}

@media (max-width: 1120px) {
    .invoice-path-grid,
    .invoice-start-flowline,
    .invoice-guided-switches,
    .invoice-guided-steps,
    .invoice-guided-safety,
    .invoice-mission-metrics,
    .invoice-mission-lanes,
    .invoice-mission-handoffs,
    .invoice-mission-quickpaths,
    .invoice-executive-grid,
    .invoice-executive-facts,
    .invoice-command-mode-grid,
    .invoice-command-blueprint,
    .invoice-work-object-grid,
    .invoice-object-context-grid,
    .invoice-object-context-split,
    .invoice-object-pipeline,
    .invoice-type-command-grid,
    .invoice-start-mini {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .invoice-start-layout,
    .invoice-guided-stage,
    .invoice-start-hero,
    .invoice-executive-head,
    .invoice-mission-head,
    .invoice-command-head,
    .invoice-start-guardrails {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .invoice-path-grid,
    .invoice-start-flowline,
    .invoice-guided-stage,
    .invoice-guided-switches,
    .invoice-guided-steps,
    .invoice-guided-safety,
    .invoice-mission-metrics,
    .invoice-mission-lanes,
    .invoice-mission-handoffs,
    .invoice-mission-quickpaths,
    .invoice-executive-head,
    .invoice-executive-grid,
    .invoice-executive-facts,
    .invoice-command-mode-grid,
    .invoice-command-blueprint,
    .invoice-release-runway,
    .invoice-work-object-grid,
    .invoice-object-context-grid,
    .invoice-object-context-split,
    .invoice-object-pipeline,
    .invoice-type-command-grid,
    .invoice-type-picker,
    .invoice-start-fields.two {
        grid-template-columns: 1fr;
    }

    .invoice-start-section-head {
        display: grid;
    }

    .invoice-guided-wizard {
        border-radius: 26px;
        padding: 1rem;
    }

    .invoice-guided-copy,
    .invoice-guided-primary,
    .invoice-guided-steps a {
        min-height: auto;
    }
}

/* Invoice operator gateway */
.invoice-operator-gateway {
    display: grid;
    gap: 0.95rem;
    margin: 0 0 1rem;
    padding: clamp(1rem, 2.4vw, 1.45rem);
    border: 1px solid rgba(18, 45, 51, 0.12);
    border-radius: 36px;
    background:
        radial-gradient(circle at 5% 8%, rgba(15, 122, 120, 0.18), transparent 34%),
        radial-gradient(circle at 94% 2%, rgba(228, 174, 83, 0.19), transparent 30%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.99), rgba(239, 248, 245, 0.94));
    box-shadow: 0 28px 84px rgba(17, 32, 40, 0.13);
}

.invoice-operator-lead {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.38fr);
    gap: 1rem;
    align-items: end;
}

.invoice-operator-lead h2 {
    max-width: 14ch;
    margin: 0.15rem 0 0.55rem;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(2.25rem, 4.8vw, 4.7rem);
    line-height: 0.86;
    letter-spacing: -0.075em;
}

.invoice-operator-lead p:not(.eyebrow) {
    max-width: 58rem;
    margin: 0;
    color: var(--ink-soft);
    font-size: 1rem;
    line-height: 1.5;
}

.invoice-operator-anchor {
    display: grid;
    gap: 0.28rem;
    padding: 1rem;
    border-radius: 26px;
    color: #fff;
    background:
        radial-gradient(circle at 88% 8%, rgba(228, 174, 83, 0.28), transparent 40%),
        linear-gradient(145deg, #0b2028, #123940);
}

.invoice-operator-anchor span,
.invoice-operator-anchor small {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.75rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.invoice-operator-anchor strong {
    color: #fff;
    font-family: var(--font-heading);
    font-size: clamp(1.35rem, 2.4vw, 2.05rem);
    line-height: 0.95;
    letter-spacing: -0.045em;
}

.invoice-operator-decision-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.62rem;
}

.invoice-operator-card {
    position: relative;
    display: grid;
    align-content: space-between;
    gap: 0.65rem;
    min-height: 218px;
    overflow: hidden;
    padding: 0.9rem;
    border: 1px solid rgba(18, 45, 51, 0.1);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.78);
    color: inherit;
    text-decoration: none;
    box-shadow: 0 16px 44px rgba(17, 32, 40, 0.08);
    transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
}

.invoice-operator-card::after {
    content: "";
    position: absolute;
    right: -42px;
    bottom: -52px;
    width: 136px;
    height: 136px;
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.1);
}

.invoice-operator-card:hover,
.invoice-operator-card.active {
    border-color: rgba(15, 122, 120, 0.38);
    background: rgba(238, 252, 248, 0.94);
    text-decoration: none;
    transform: translateY(-2px);
}

.invoice-operator-card.locked::after {
    background: rgba(72, 89, 105, 0.12);
}

.invoice-operator-card.attention::after {
    background: rgba(228, 174, 83, 0.16);
}

.invoice-operator-card span,
.invoice-calculation-grid span,
.invoice-calculation-grid small {
    position: relative;
    z-index: 1;
    color: var(--accent-strong);
    font-size: 0.74rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.invoice-operator-card strong {
    position: relative;
    z-index: 1;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.12rem, 1.5vw, 1.42rem);
    line-height: 0.98;
    letter-spacing: -0.04em;
}

.invoice-operator-card p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: var(--ink-soft);
    font-size: 0.86rem;
    line-height: 1.38;
}

.invoice-operator-card b {
    position: relative;
    z-index: 1;
    width: fit-content;
    padding: 0.45rem 0.62rem;
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.1);
    color: var(--accent-strong);
    font-size: 0.78rem;
}

.invoice-calculation-modules {
    display: grid;
    gap: 0.72rem;
    padding: 0.95rem;
    border: 1px solid rgba(18, 45, 51, 0.08);
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.62);
}

.invoice-section-minihead {
    display: grid;
    gap: 0.18rem;
}

.invoice-section-minihead h3 {
    margin: 0;
    font-family: var(--font-heading);
    font-size: clamp(1.32rem, 2.4vw, 2.1rem);
    line-height: 0.98;
    letter-spacing: -0.045em;
}

.invoice-calculation-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.62rem;
}

.invoice-calculation-grid article {
    display: grid;
    gap: 0.36rem;
    min-height: 166px;
    padding: 0.82rem;
    border: 1px solid rgba(18, 45, 51, 0.08);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.72);
}

.invoice-calculation-grid article.aktiv {
    border-color: rgba(15, 122, 120, 0.34);
    background: linear-gradient(145deg, rgba(238, 252, 248, 0.95), rgba(255, 255, 255, 0.82));
}

.invoice-calculation-grid strong {
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: 1.08rem;
    line-height: 1;
}

.invoice-calculation-grid p {
    margin: 0;
    color: var(--ink-soft);
    font-size: 0.84rem;
    line-height: 1.36;
}

.invoice-calculation-form-studio {
    overflow: hidden;
    border-color: rgba(13, 38, 48, 0.14);
    background:
        radial-gradient(circle at 10% 2%, rgba(15, 122, 120, 0.19), transparent 32%),
        radial-gradient(circle at 92% 8%, rgba(228, 174, 83, 0.2), transparent 34%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(242, 250, 245, 0.96));
}

.invoice-calculation-studio-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.38fr);
    gap: 1rem;
    align-items: stretch;
}

.invoice-calculation-studio-hero h3 {
    max-width: 16ch;
    margin: 0.12rem 0 0.64rem;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(2.1rem, 4.4vw, 4.35rem);
    line-height: 0.86;
    letter-spacing: -0.075em;
}

.invoice-calculation-studio-hero p:not(.eyebrow) {
    max-width: 64rem;
    margin: 0;
    color: var(--ink-soft);
    font-size: 1rem;
    line-height: 1.48;
}

.invoice-calculation-studio-hero aside {
    display: grid;
    align-content: center;
    gap: 0.46rem;
    min-height: 210px;
    padding: 1rem;
    border-radius: 30px;
    color: #fff;
    background:
        radial-gradient(circle at 84% 12%, rgba(239, 185, 92, 0.34), transparent 34%),
        linear-gradient(145deg, #0d2630, #153f3b);
    box-shadow: 0 24px 70px rgba(17, 32, 40, 0.18);
}

.invoice-calculation-studio-hero aside.attention {
    background:
        radial-gradient(circle at 84% 12%, rgba(239, 185, 92, 0.36), transparent 34%),
        linear-gradient(145deg, #34220f, #6b491a);
}

.invoice-calculation-studio-hero aside span,
.invoice-calculation-studio-hero aside small {
    color: rgba(255, 255, 255, 0.74);
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.invoice-calculation-studio-hero aside strong {
    color: #fff;
    font-family: var(--font-heading);
    font-size: clamp(2.05rem, 4vw, 3.5rem);
    line-height: 0.86;
    letter-spacing: -0.07em;
}

.invoice-calculation-studio-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.72rem;
}

.invoice-calculation-studio-card {
    display: grid;
    gap: 0.62rem;
    min-height: 244px;
    padding: 0.92rem;
    border: 1px solid rgba(18, 45, 51, 0.1);
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.74);
    color: inherit;
    text-decoration: none;
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.invoice-calculation-studio-card:hover,
.invoice-calculation-studio-card.active {
    border-color: rgba(15, 122, 120, 0.36);
    background: rgba(240, 252, 248, 0.95);
    box-shadow: 0 18px 50px rgba(17, 32, 40, 0.1);
    text-decoration: none;
    transform: translateY(-2px);
}

.invoice-calculation-studio-card > span {
    width: fit-content;
    padding: 0.3rem 0.56rem;
    border-radius: 999px;
    color: var(--accent-strong);
    background: rgba(15, 122, 120, 0.1);
    font-size: 0.68rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.invoice-calculation-studio-card strong {
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.18rem, 2.3vw, 1.75rem);
    line-height: 0.96;
    letter-spacing: -0.045em;
}

.invoice-calculation-studio-card p {
    margin: 0;
    color: var(--ink-soft);
    font-size: 0.85rem;
    line-height: 1.38;
}

.invoice-calculation-studio-card div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.34rem;
    align-self: end;
}

.invoice-calculation-studio-card small {
    padding: 0.25rem 0.42rem;
    border-radius: 999px;
    color: rgba(13, 38, 48, 0.76);
    background: rgba(13, 38, 48, 0.06);
    font-size: 0.68rem;
    font-weight: 850;
}

.invoice-calculation-scenario-strip {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.52rem;
}

.invoice-calculation-scenario-strip a {
    display: grid;
    gap: 0.28rem;
    min-height: 120px;
    padding: 0.72rem;
    border: 1px solid rgba(18, 45, 51, 0.08);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.66);
    color: inherit;
    text-decoration: none;
}

.invoice-calculation-scenario-strip a:hover {
    border-color: rgba(228, 174, 83, 0.36);
    background: rgba(255, 249, 235, 0.9);
    text-decoration: none;
}

.invoice-calculation-scenario-strip strong {
    color: var(--ink);
    font-size: 0.86rem;
    font-weight: 950;
}

.invoice-calculation-scenario-strip span {
    color: var(--ink-soft);
    font-size: 0.76rem;
    line-height: 1.32;
}

.invoice-calculation-studio-bottom {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(320px, 1fr);
    gap: 0.72rem;
}

.invoice-calculation-contract,
.invoice-calculation-text-handoff {
    display: grid;
    gap: 0.52rem;
    padding: 0.9rem;
    border: 1px solid rgba(18, 45, 51, 0.09);
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.72);
}

.invoice-calculation-contract h4,
.invoice-calculation-text-handoff h4 {
    margin: 0;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.12rem, 2vw, 1.68rem);
    line-height: 1;
    letter-spacing: -0.045em;
}

.invoice-calculation-contract span {
    padding: 0.5rem 0.62rem;
    border-radius: 18px;
    color: var(--ink-soft);
    background: rgba(18, 45, 51, 0.055);
    font-size: 0.82rem;
}

.invoice-calculation-text-handoff div {
    display: grid;
    gap: 0.18rem;
    padding: 0.52rem 0.62rem;
    border-radius: 18px;
    background: rgba(15, 122, 120, 0.075);
}

.invoice-calculation-text-handoff strong {
    color: var(--ink);
    font-size: 0.84rem;
}

.invoice-calculation-text-handoff p {
    margin: 0;
    color: var(--ink-soft);
    font-size: 0.78rem;
    line-height: 1.34;
}

.invoice-calculation-safety-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.44rem;
}

.invoice-calculation-safety-row span {
    padding: 0.42rem 0.62rem;
    border-radius: 999px;
    color: var(--accent-strong);
    background: rgba(15, 122, 120, 0.1);
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.invoice-calculation-workbench {
    overflow: hidden;
    border-color: rgba(18, 45, 51, 0.12);
    background:
        radial-gradient(circle at 4% 6%, rgba(15, 122, 120, 0.16), transparent 31%),
        radial-gradient(circle at 96% 0%, rgba(228, 174, 83, 0.18), transparent 32%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(240, 248, 244, 0.94));
}

.invoice-calculation-workbench-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.42fr);
    gap: 1rem;
    align-items: stretch;
}

.invoice-calculation-workbench-head h3 {
    max-width: 15ch;
    margin: 0.12rem 0 0.55rem;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(2rem, 4vw, 4rem);
    line-height: 0.88;
    letter-spacing: -0.07em;
}

.invoice-calculation-workbench-head p:not(.eyebrow) {
    max-width: 58rem;
    margin: 0;
    color: var(--ink-soft);
    font-size: 0.98rem;
    line-height: 1.48;
}

.invoice-calculation-result-card {
    display: grid;
    gap: 0.48rem;
    padding: 1rem;
    border-radius: 28px;
    color: #fff;
    background:
        radial-gradient(circle at 88% 12%, rgba(228, 174, 83, 0.3), transparent 38%),
        linear-gradient(145deg, #0d2630, #163f3c);
    box-shadow: 0 22px 60px rgba(17, 32, 40, 0.16);
}

.invoice-calculation-result-card span,
.invoice-calculation-result-card small {
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.invoice-calculation-result-card strong {
    color: #fff;
    font-family: var(--font-heading);
    font-size: clamp(2rem, 4vw, 3.25rem);
    line-height: 0.9;
    letter-spacing: -0.06em;
}

.invoice-calculation-result-card p {
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.86rem;
    line-height: 1.35;
}

.invoice-calculation-result-card b {
    width: fit-content;
    padding: 0.42rem 0.6rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    color: #fff;
    background: rgba(255, 255, 255, 0.12);
    font-size: 0.74rem;
}

.invoice-calculation-module-tabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.58rem;
}

.invoice-calculation-module-tabs a {
    display: grid;
    gap: 0.28rem;
    min-height: 128px;
    padding: 0.84rem;
    border: 1px solid rgba(18, 45, 51, 0.09);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.7);
    color: inherit;
    text-decoration: none;
    transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
}

.invoice-calculation-module-tabs a:hover,
.invoice-calculation-module-tabs a.aktiv {
    border-color: rgba(15, 122, 120, 0.38);
    background: rgba(238, 252, 248, 0.96);
    text-decoration: none;
    transform: translateY(-2px);
}

.invoice-calculation-module-tabs span {
    width: fit-content;
    padding: 0.28rem 0.48rem;
    border-radius: 999px;
    color: var(--accent-strong);
    background: rgba(15, 122, 120, 0.1);
    font-size: 0.66rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.invoice-calculation-module-tabs strong {
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: 1.12rem;
    line-height: 1;
}

.invoice-calculation-module-tabs small {
    color: var(--ink-soft);
    font-size: 0.78rem;
    line-height: 1.32;
}

.invoice-calculation-input-groups {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.72rem;
}

.invoice-calculation-input-groups article,
.invoice-calculation-suggestions,
.invoice-calculation-rails {
    display: grid;
    gap: 0.72rem;
    padding: 0.9rem;
    border: 1px solid rgba(18, 45, 51, 0.08);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 16px 44px rgba(17, 32, 40, 0.06);
}

.invoice-calculation-input-groups h4,
.invoice-calculation-suggestions h4,
.invoice-calculation-rails h4 {
    margin: 0;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.05rem, 1.7vw, 1.36rem);
    line-height: 1;
    letter-spacing: -0.035em;
}

.invoice-calculation-field-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.52rem;
}

.invoice-calculation-field-grid label {
    display: grid;
    gap: 0.28rem;
}

.invoice-calculation-field-grid label > span {
    color: var(--ink-soft);
    font-size: 0.78rem;
    font-weight: 900;
}

.invoice-calculation-field-grid label > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.36rem;
    align-items: center;
}

.invoice-calculation-field-grid input {
    width: 100%;
    min-width: 0;
    border: 1px solid rgba(31, 40, 48, 0.12);
    border-radius: 16px;
    padding: 0.72rem 0.78rem;
    background: rgba(255, 255, 255, 0.9);
    color: var(--ink);
    font: inherit;
}

.invoice-calculation-field-grid input:focus {
    border-color: rgba(15, 122, 120, 0.56);
    box-shadow: 0 0 0 4px rgba(15, 122, 120, 0.1);
    outline: none;
}

.invoice-calculation-field-grid small {
    color: var(--ink-muted);
    font-size: 0.74rem;
    font-weight: 900;
}

.invoice-calculation-bottom-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.75fr);
    gap: 0.72rem;
}

.invoice-calculation-suggestions > div {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) auto;
    gap: 0.16rem 0.65rem;
    padding: 0.66rem 0.72rem;
    border-radius: 18px;
    background: rgba(246, 250, 247, 0.9);
}

.invoice-calculation-suggestions span {
    color: var(--ink-soft);
    font-size: 0.74rem;
    font-weight: 950;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.invoice-calculation-suggestions strong {
    color: var(--accent-strong);
    font-size: 0.82rem;
    text-align: right;
}

.invoice-calculation-suggestions p {
    grid-column: 1 / -1;
    margin: 0;
    color: var(--ink-muted);
    font-size: 0.82rem;
    line-height: 1.34;
}

.invoice-calculation-rails span {
    display: block;
    padding: 0.56rem 0.65rem;
    border: 1px solid rgba(15, 122, 120, 0.12);
    border-radius: 999px;
    color: var(--accent-strong);
    background: rgba(15, 122, 120, 0.08);
    font-size: 0.78rem;
    font-weight: 900;
}

.invoice-calculation-handoff {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.58rem;
}

.invoice-calculation-handoff article {
    display: grid;
    gap: 0.28rem;
    min-height: 118px;
    padding: 0.78rem;
    border: 1px dashed rgba(18, 45, 51, 0.14);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.58);
}

.invoice-calculation-handoff strong {
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: 1.04rem;
}

.invoice-calculation-handoff p {
    margin: 0;
    color: var(--ink-soft);
    font-size: 0.8rem;
    line-height: 1.34;
}

.invoice-operator-proof {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.invoice-operator-proof span {
    padding: 0.46rem 0.65rem;
    border: 1px solid rgba(15, 122, 120, 0.14);
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.08);
    color: var(--accent-strong);
    font-size: 0.76rem;
    font-weight: 900;
}

.invoice-text-block-panel {
    background:
        radial-gradient(circle at 8% 0%, rgba(73, 108, 181, 0.11), transparent 31%),
        radial-gradient(circle at 100% 0%, rgba(15, 122, 120, 0.12), transparent 34%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(242, 248, 249, 0.94));
}

.invoice-text-block-badge {
    width: fit-content;
    padding: 0.38rem 0.62rem;
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.1);
    color: var(--accent-strong);
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.invoice-variable-catalog {
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
}

.invoice-variable-catalog span {
    padding: 0.42rem 0.58rem;
    border: 1px solid rgba(31, 40, 48, 0.1);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    color: var(--ink-soft);
    font-size: 0.75rem;
    font-weight: 850;
}

.invoice-variable-catalog b {
    margin-right: 0.35rem;
    color: var(--accent-strong);
}

.invoice-text-block-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.72rem;
}

.invoice-text-block-grid label,
.invoice-custom-variables {
    display: grid;
    gap: 0.36rem;
}

.invoice-text-block-grid span,
.invoice-custom-variables span {
    color: var(--ink-soft);
    font-size: 0.82rem;
    font-weight: 900;
}

.invoice-text-block-grid textarea,
.invoice-custom-variables textarea {
    width: 100%;
    min-height: 9.5rem;
    border: 1px solid rgba(31, 40, 48, 0.13);
    border-radius: 20px;
    padding: 0.85rem 0.95rem;
    background: rgba(255, 255, 255, 0.86);
    color: var(--ink);
    font: inherit;
    line-height: 1.45;
    resize: vertical;
}

.invoice-custom-variables textarea {
    min-height: 6rem;
}

.invoice-text-block-grid textarea:focus,
.invoice-custom-variables textarea:focus {
    border-color: rgba(15, 122, 120, 0.56);
    box-shadow: 0 0 0 4px rgba(15, 122, 120, 0.1);
    outline: none;
    background: #fff;
}

@media (max-width: 1180px) {
    .invoice-operator-lead,
    .invoice-operator-decision-grid,
    .invoice-calculation-studio-hero,
    .invoice-calculation-studio-grid,
    .invoice-calculation-scenario-strip,
    .invoice-calculation-studio-bottom,
    .invoice-calculation-grid,
    .invoice-calculation-workbench-head,
    .invoice-calculation-module-tabs,
    .invoice-calculation-input-groups,
    .invoice-calculation-bottom-grid,
    .invoice-calculation-handoff {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .invoice-operator-lead,
    .invoice-operator-decision-grid,
    .invoice-calculation-studio-hero,
    .invoice-calculation-studio-grid,
    .invoice-calculation-scenario-strip,
    .invoice-calculation-studio-bottom,
    .invoice-calculation-grid,
    .invoice-calculation-workbench-head,
    .invoice-calculation-module-tabs,
    .invoice-calculation-input-groups,
    .invoice-calculation-field-grid,
    .invoice-calculation-bottom-grid,
    .invoice-calculation-handoff,
    .invoice-text-block-grid {
        grid-template-columns: 1fr;
    }

    .invoice-operator-card {
        min-height: 180px;
    }
}

/* Invoice release workbench */
.invoice-release-shell {
    display: grid;
    gap: 1rem;
}

.invoice-release-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid rgba(31, 40, 48, 0.1);
    border-radius: 34px;
    background:
        radial-gradient(circle at 12% 10%, rgba(25, 126, 110, 0.16), transparent 34%),
        linear-gradient(135deg, #f8f1e6 0%, #edf4eb 48%, #f8fbf7 100%);
    box-shadow: 0 26px 70px rgba(31, 40, 48, 0.12);
}

.invoice-release-hero-copy h1 {
    max-width: 980px;
    margin: 0.2rem 0 0.75rem;
    color: var(--ink);
    font-size: clamp(2.1rem, 4vw, 4.7rem);
    line-height: 0.94;
    letter-spacing: -0.065em;
}

.invoice-release-hero-copy p {
    max-width: 780px;
    color: var(--ink-soft);
    font-weight: 800;
    font-size: 1.04rem;
}

.invoice-release-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    margin-top: 1.1rem;
}

.invoice-release-status-card {
    align-self: stretch;
    display: grid;
    align-content: space-between;
    gap: 1rem;
    padding: 1.1rem;
    border: 1px solid rgba(31, 40, 48, 0.1);
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.74);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.invoice-release-status-card span {
    color: var(--accent);
    font-weight: 1000;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.invoice-release-status-card strong {
    color: var(--ink);
    font-size: clamp(1.6rem, 2.4vw, 2.5rem);
    line-height: 0.98;
    letter-spacing: -0.04em;
}

.invoice-release-status-card p {
    color: var(--ink-soft);
    font-weight: 800;
}

.invoice-release-status-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
}

.invoice-release-status-metrics div {
    padding: 0.75rem;
    border-radius: 20px;
    background: rgba(31, 40, 48, 0.06);
}

.invoice-release-status-metrics b {
    display: block;
    color: var(--ink);
    font-size: 1.35rem;
}

.invoice-release-status-metrics small {
    color: var(--ink-muted);
    font-weight: 900;
}

.invoice-release-command-center {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.9rem;
    padding: clamp(1rem, 2.2vw, 1.55rem);
    border: 1px solid rgba(18, 78, 79, 0.15);
    border-radius: 34px;
    background:
        radial-gradient(circle at 5% 0%, rgba(15, 122, 120, 0.15), transparent 28rem),
        radial-gradient(circle at 94% 5%, rgba(205, 139, 45, 0.16), transparent 24rem),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(242, 249, 247, 0.93));
    box-shadow: 0 28px 82px rgba(17, 45, 52, 0.12);
}

.invoice-release-command-center.blocked {
    background:
        radial-gradient(circle at 5% 0%, rgba(171, 59, 47, 0.12), transparent 28rem),
        radial-gradient(circle at 94% 5%, rgba(205, 139, 45, 0.15), transparent 24rem),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(252, 245, 237, 0.94));
}

.invoice-release-command-center::after {
    content: "";
    position: absolute;
    inset: auto -18% -48% 34%;
    height: 48%;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(15, 122, 120, 0.08), rgba(205, 139, 45, 0.13), rgba(36, 94, 143, 0.08));
    transform: rotate(-5deg);
    pointer-events: none;
}

.invoice-release-command-head,
.invoice-release-command-grid,
.invoice-release-command-facts,
.invoice-release-command-proof {
    position: relative;
    z-index: 1;
}

.invoice-release-command-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.3fr);
    gap: 1rem;
    align-items: stretch;
}

.invoice-release-command-head h2 {
    max-width: 12ch;
    margin: 0.12rem 0 0.55rem;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(2.05rem, 4.5vw, 4.25rem);
    line-height: 0.89;
    letter-spacing: -0.074em;
}

.invoice-release-command-head p:not(.eyebrow) {
    max-width: 78ch;
    margin: 0;
    color: rgba(20, 48, 56, 0.76);
    font-size: clamp(0.98rem, 1.35vw, 1.12rem);
    line-height: 1.58;
}

.invoice-release-command-head aside {
    display: grid;
    align-content: center;
    gap: 0.35rem;
    padding: 1rem;
    border-radius: 24px;
    background:
        radial-gradient(circle at 88% 10%, rgba(229, 179, 88, 0.24), transparent 38%),
        linear-gradient(145deg, #102c39, #0f5752 70%);
    color: #fff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.invoice-release-command-center.blocked .invoice-release-command-head aside {
    background:
        radial-gradient(circle at 88% 10%, rgba(229, 179, 88, 0.22), transparent 38%),
        linear-gradient(145deg, #4d2824, #8d372f 72%);
}

.invoice-release-command-head aside span,
.invoice-release-command-head aside small,
.invoice-release-command-card-mini span,
.invoice-release-command-card-mini b,
.invoice-release-command-facts span,
.invoice-release-command-proof span {
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.invoice-release-command-head aside span,
.invoice-release-command-head aside small {
    color: rgba(255, 255, 255, 0.72);
}

.invoice-release-command-head aside strong {
    color: #fff;
    font-family: var(--font-heading);
    font-size: clamp(1.4rem, 2.7vw, 2.3rem);
    line-height: 0.94;
    letter-spacing: -0.045em;
}

.invoice-release-command-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.68rem;
}

.invoice-release-command-card-mini {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.45rem;
    min-height: 190px;
    padding: 0.86rem;
    border: 1px solid rgba(16, 58, 68, 0.12);
    border-radius: 23px;
    background: rgba(255, 255, 255, 0.84);
    color: inherit;
    text-decoration: none;
    box-shadow: 0 14px 40px rgba(31, 40, 48, 0.08);
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.invoice-release-command-card-mini:hover {
    transform: translateY(-3px);
    border-color: rgba(15, 122, 120, 0.3);
    box-shadow: 0 22px 58px rgba(31, 40, 48, 0.13);
    text-decoration: none;
}

.invoice-release-command-card-mini::after {
    content: "";
    position: absolute;
    inset: auto -34% -38% 26%;
    height: 84px;
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.08);
    transform: rotate(-8deg);
}

.invoice-release-command-card-mini.blocked::after {
    background: rgba(171, 59, 47, 0.1);
}

.invoice-release-command-card-mini.attention::after {
    background: rgba(205, 139, 45, 0.12);
}

.invoice-release-command-card-mini > * {
    position: relative;
    z-index: 1;
}

.invoice-release-command-card-mini span {
    color: var(--accent-strong);
}

.invoice-release-command-card-mini strong {
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1rem, 1.25vw, 1.26rem);
    line-height: 1.02;
    letter-spacing: -0.035em;
}

.invoice-release-command-card-mini p {
    margin: 0;
    color: rgba(20, 48, 56, 0.72);
    font-size: 0.82rem;
    line-height: 1.38;
}

.invoice-release-command-card-mini b {
    width: fit-content;
    margin-top: auto;
    padding: 0.36rem 0.52rem;
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.1);
    color: var(--accent-strong);
}

.invoice-release-command-card-mini.blocked b {
    background: rgba(171, 59, 47, 0.12);
    color: #8e2e25;
}

.invoice-release-command-facts {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.62rem;
}

.invoice-release-command-facts article {
    display: grid;
    gap: 0.18rem;
    min-height: 82px;
    padding: 0.72rem 0.78rem;
    border: 1px solid rgba(31, 40, 48, 0.1);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.76);
}

.invoice-release-command-facts article.attention {
    border-color: rgba(188, 122, 32, 0.2);
    background: rgba(255, 248, 235, 0.82);
}

.invoice-release-command-facts article.blocked {
    border-color: rgba(171, 59, 47, 0.2);
    background: rgba(255, 242, 239, 0.82);
}

.invoice-release-command-facts article.locked {
    background: rgba(18, 44, 51, 0.94);
    color: #fff;
}

.invoice-release-command-facts span {
    color: var(--ink-muted);
}

.invoice-release-command-facts strong {
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1rem, 1.25vw, 1.3rem);
    line-height: 1.02;
    letter-spacing: -0.035em;
}

.invoice-release-command-facts article.locked span,
.invoice-release-command-facts article.locked strong {
    color: rgba(255, 255, 255, 0.8);
}

.invoice-release-command-proof {
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
}

.invoice-release-command-proof span {
    padding: 0.4rem 0.58rem;
    border: 1px solid rgba(15, 122, 120, 0.14);
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.08);
    color: var(--accent-strong);
}

.invoice-release-text-studio {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.9rem;
    padding: clamp(1rem, 2vw, 1.4rem);
    border: 1px solid rgba(36, 94, 143, 0.16);
    border-radius: 32px;
    background:
        radial-gradient(circle at 8% 0%, rgba(36, 94, 143, 0.14), transparent 25rem),
        radial-gradient(circle at 100% 12%, rgba(15, 122, 120, 0.14), transparent 24rem),
        linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(242, 247, 250, 0.93));
    box-shadow: 0 24px 70px rgba(16, 37, 52, 0.1);
}

.invoice-release-text-studio::after {
    content: "";
    position: absolute;
    inset: auto -22% -48% 38%;
    height: 50%;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(36, 94, 143, 0.08), rgba(15, 122, 120, 0.11));
    transform: rotate(-6deg);
    pointer-events: none;
}

.invoice-release-text-studio-head,
.invoice-release-text-grid,
.invoice-release-output-row,
.invoice-release-text-gates {
    position: relative;
    z-index: 1;
}

.invoice-release-text-studio-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.36fr);
    gap: 1rem;
    align-items: stretch;
}

.invoice-release-text-studio-head h2 {
    max-width: 18ch;
    margin: 0.12rem 0 0.45rem;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.9rem, 3.9vw, 3.9rem);
    line-height: 0.9;
    letter-spacing: -0.065em;
}

.invoice-release-text-studio-head p:not(.eyebrow) {
    max-width: 82ch;
    margin: 0;
    color: rgba(20, 48, 56, 0.76);
    line-height: 1.55;
}

.invoice-release-text-studio-head aside {
    display: grid;
    align-content: center;
    gap: 0.38rem;
    padding: 1rem;
    border-radius: 24px;
    background:
        radial-gradient(circle at 88% 8%, rgba(255, 216, 145, 0.24), transparent 38%),
        linear-gradient(145deg, #0d2534, #225d6a 72%);
    color: #fff;
}

.invoice-release-text-studio-head aside span,
.invoice-release-text-studio-head aside small,
.invoice-release-text-panel-head span,
.invoice-release-block-list span,
.invoice-release-variable-list span,
.invoice-release-trigger-list span,
.invoice-release-output-row span,
.invoice-release-text-gates span {
    font-size: 0.7rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.invoice-release-text-studio-head aside span,
.invoice-release-text-studio-head aside small {
    color: rgba(255, 255, 255, 0.72);
}

.invoice-release-text-studio-head aside strong {
    color: #fff;
    font-family: var(--font-heading);
    font-size: clamp(1.25rem, 2vw, 1.9rem);
    line-height: 0.96;
    letter-spacing: -0.04em;
}

.invoice-release-text-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) repeat(2, minmax(240px, 0.55fr));
    gap: 0.75rem;
    align-items: stretch;
}

.invoice-release-text-panel {
    display: grid;
    gap: 0.74rem;
    align-content: start;
    padding: 0.95rem;
    border: 1px solid rgba(31, 40, 48, 0.09);
    border-radius: 25px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 16px 44px rgba(31, 40, 48, 0.07);
}

.invoice-release-text-panel-head {
    display: grid;
    gap: 0.16rem;
}

.invoice-release-text-panel-head span,
.invoice-release-block-list span,
.invoice-release-output-row span {
    color: var(--accent-strong);
}

.invoice-release-text-panel-head strong {
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.08rem, 1.5vw, 1.42rem);
    line-height: 1.02;
    letter-spacing: -0.03em;
}

.invoice-release-block-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.56rem;
}

.invoice-release-block-list section {
    display: grid;
    gap: 0.35rem;
    min-height: 150px;
    padding: 0.78rem;
    border: 1px solid rgba(31, 40, 48, 0.08);
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255,255,255,0.92), rgba(246,250,249,0.86));
}

.invoice-release-block-list section.attention {
    border-color: rgba(205, 139, 45, 0.2);
    background: rgba(255, 248, 235, 0.86);
}

.invoice-release-block-list p {
    margin: 0;
    color: var(--ink-soft);
    font-size: 0.88rem;
    font-weight: 800;
    line-height: 1.42;
}

.invoice-release-block-list small {
    margin-top: auto;
    color: var(--ink-muted);
    font-weight: 900;
}

.invoice-release-variable-list,
.invoice-release-trigger-list {
    display: grid;
    gap: 0.46rem;
}

.invoice-release-variable-list div,
.invoice-release-trigger-list div,
.invoice-release-output-row article {
    display: grid;
    gap: 0.2rem;
    padding: 0.66rem 0.72rem;
    border: 1px solid rgba(31, 40, 48, 0.08);
    border-radius: 18px;
    background: rgba(248, 250, 251, 0.88);
}

.invoice-release-variable-list span {
    color: #245e8f;
    text-transform: none;
    letter-spacing: 0.01em;
}

.invoice-release-variable-list strong,
.invoice-release-trigger-list strong {
    color: var(--ink);
    font-size: 0.92rem;
    line-height: 1.25;
}

.invoice-release-variable-list small {
    color: var(--ink-muted);
    font-weight: 850;
}

.invoice-release-trigger-list span {
    color: var(--accent-strong);
}

.invoice-release-trigger-list div.manual {
    border-color: rgba(15, 122, 120, 0.2);
    background: rgba(232, 248, 244, 0.9);
}

.invoice-release-trigger-list div.locked {
    border-color: rgba(31, 40, 48, 0.16);
    background: rgba(237, 242, 245, 0.92);
}

.invoice-release-output-row {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.56rem;
}

.invoice-release-output-row p {
    margin: 0;
    color: var(--ink-soft);
    font-size: 0.84rem;
    font-weight: 800;
    line-height: 1.34;
}

.invoice-release-text-gates {
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
}

.invoice-release-text-gates span {
    padding: 0.4rem 0.58rem;
    border: 1px solid rgba(36, 94, 143, 0.14);
    border-radius: 999px;
    background: rgba(36, 94, 143, 0.08);
    color: #245e8f;
}

.invoice-release-flowline {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.invoice-release-flowline div,
.invoice-release-card {
    border: 1px solid rgba(31, 40, 48, 0.09);
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 18px 50px rgba(31, 40, 48, 0.08);
}

.invoice-release-flowline div {
    padding: 0.95rem;
}

.invoice-release-flowline b {
    display: inline-grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    margin-bottom: 0.65rem;
    border-radius: 999px;
    background: var(--ink);
    color: #fff;
}

.invoice-release-flowline span {
    display: block;
    color: var(--ink);
    font-weight: 1000;
}

.invoice-release-flowline small {
    color: var(--ink-soft);
    font-weight: 800;
}

.invoice-release-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.55fr);
    gap: 1rem;
    align-items: start;
}

.invoice-release-main,
.invoice-release-side {
    display: grid;
    gap: 1rem;
}

.invoice-release-card {
    padding: 1.05rem;
}

.invoice-release-card-head {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: start;
    margin-bottom: 1rem;
}

.invoice-release-card h2 {
    margin: 0.15rem 0 0;
    color: var(--ink);
    letter-spacing: -0.035em;
}

.invoice-release-gate-grid,
.invoice-release-preview-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.invoice-release-gate {
    padding: 0.9rem;
    border-radius: 22px;
    border: 1px solid rgba(31, 40, 48, 0.08);
    background: #f7f9f4;
}

.invoice-release-gate.ok {
    background: linear-gradient(135deg, rgba(25, 126, 110, 0.12), rgba(255, 255, 255, 0.86));
}

.invoice-release-gate.warn {
    background: linear-gradient(135deg, rgba(231, 159, 43, 0.16), rgba(255, 255, 255, 0.88));
}

.invoice-release-gate.block {
    background: linear-gradient(135deg, rgba(171, 59, 47, 0.14), rgba(255, 255, 255, 0.88));
}

.invoice-release-gate span {
    color: var(--ink-muted);
    font-weight: 1000;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    font-size: 0.76rem;
}

.invoice-release-gate strong {
    display: block;
    margin-top: 0.35rem;
    color: var(--ink);
    font-size: 1.08rem;
}

.invoice-release-gate small {
    display: block;
    margin-top: 0.35rem;
    color: var(--ink-soft);
    font-weight: 800;
}

.invoice-release-object-plan {
    background:
        radial-gradient(circle at 0% 10%, rgba(15, 122, 120, 0.13), transparent 32%),
        radial-gradient(circle at 100% 0%, rgba(228, 174, 83, 0.13), transparent 34%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(240, 248, 244, 0.94));
}

.invoice-release-profile-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.68rem;
}

.invoice-release-profile-grid section {
    display: grid;
    gap: 0.28rem;
    min-height: 142px;
    padding: 0.82rem;
    border: 1px solid rgba(31, 40, 48, 0.08);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.72);
}

.invoice-release-profile-grid span,
.invoice-release-context-strip span {
    color: var(--accent-strong);
    font-size: 0.66rem;
    font-weight: 1000;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.invoice-release-profile-grid strong {
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: 1.12rem;
    line-height: 1;
    letter-spacing: -0.025em;
}

.invoice-release-profile-grid p {
    margin: 0;
    color: var(--ink-soft);
    font-size: 0.84rem;
    font-weight: 800;
    line-height: 1.34;
}

.invoice-release-context-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.56rem;
    margin-top: 0.75rem;
}

.invoice-release-context-strip div {
    display: grid;
    gap: 0.22rem;
    padding: 0.72rem;
    border: 1px solid rgba(31, 40, 48, 0.08);
    border-radius: 18px;
    background: rgba(246, 250, 247, 0.9);
}

.invoice-release-context-strip strong {
    color: var(--ink);
    font-size: 0.88rem;
    line-height: 1.28;
}

.invoice-release-checklist-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
    margin-top: 0.75rem;
}

.invoice-release-checklist-strip span {
    padding: 0.4rem 0.58rem;
    border: 1px solid rgba(15, 122, 120, 0.14);
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.08);
    color: var(--accent-strong);
    font-size: 0.74rem;
    font-weight: 1000;
}

.invoice-release-preview-grid section {
    padding: 0.95rem;
    border: 1px solid rgba(31, 40, 48, 0.08);
    border-radius: 24px;
    background: rgba(248, 250, 246, 0.9);
}

.invoice-release-preview-grid h3,
.invoice-release-mail-preview h3 {
    margin-top: 0;
    color: var(--ink);
}

.invoice-release-facts {
    display: grid;
    gap: 0.55rem;
    margin: 0;
}

.invoice-release-facts div {
    display: grid;
    grid-template-columns: 0.42fr 0.58fr;
    gap: 0.5rem;
    padding-bottom: 0.52rem;
    border-bottom: 1px solid rgba(31, 40, 48, 0.08);
}

.invoice-release-facts dt {
    color: var(--ink-muted);
    font-weight: 1000;
}

.invoice-release-facts dd {
    margin: 0;
    color: var(--ink);
    font-weight: 900;
}

.invoice-release-mail-preview p {
    margin: 0 0 0.65rem;
}

.invoice-release-mail-preview p span {
    display: block;
    color: var(--ink-muted);
    font-size: 0.78rem;
    font-weight: 1000;
    text-transform: uppercase;
}

.invoice-release-mail-preview p strong {
    color: var(--ink);
}

.invoice-release-mail-preview pre {
    white-space: pre-wrap;
    margin: 0.85rem 0 0;
    padding: 0.9rem;
    border-radius: 18px;
    background: #1f2830;
    color: #fbf7ef;
    font: 800 0.9rem/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.invoice-release-total-row {
    display: flex;
    justify-content: flex-end;
    gap: 0.9rem;
    flex-wrap: wrap;
    margin-top: 0.85rem;
    color: var(--ink-soft);
    font-weight: 1000;
}

.invoice-release-total-row strong {
    color: var(--ink);
}

.invoice-release-command-card form {
    display: grid;
    gap: 0.42rem;
    margin-top: 0.62rem;
}

.invoice-release-command-card button {
    width: 100%;
    justify-content: center;
}

.invoice-release-command-card button:disabled {
    cursor: not-allowed;
    opacity: 0.48;
}

.invoice-release-command-card small {
    color: var(--ink-muted);
    font-weight: 800;
}

.invoice-release-issue-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
    margin-top: 0.7rem;
}

.invoice-release-issue-list span {
    padding: 0.36rem 0.58rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 1000;
}

.invoice-release-issue-list.warn span {
    background: rgba(231, 159, 43, 0.14);
    color: #8b5a00;
}

.invoice-release-issue-list.danger span {
    background: rgba(171, 59, 47, 0.12);
    color: #8e2e25;
}

.invoice-release-guardrails {
    display: grid;
    grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.3fr);
    gap: 1rem;
    padding: 1.05rem;
    border: 1px solid rgba(31, 40, 48, 0.09);
    border-radius: 26px;
    background: #fffaf1;
}

.invoice-release-guardrails h2 {
    margin-top: 0.2rem;
}

.invoice-release-guardrails ul {
    margin: 0;
    padding-left: 1.1rem;
    color: var(--ink-soft);
    font-weight: 800;
}

@media (max-width: 1120px) {
    .invoice-release-hero,
    .invoice-release-command-head,
    .invoice-release-layout,
    .invoice-release-guardrails {
        grid-template-columns: 1fr;
    }

    .invoice-release-flowline,
    .invoice-release-command-grid,
    .invoice-release-command-facts,
    .invoice-release-gate-grid,
    .invoice-release-profile-grid,
    .invoice-release-context-strip,
    .invoice-release-preview-grid,
    .invoice-release-text-studio-head,
    .invoice-release-text-grid,
    .invoice-release-output-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .invoice-release-text-panel.wide {
        grid-column: 1 / -1;
    }
}

@media (max-width: 720px) {
    .invoice-release-flowline,
    .invoice-release-command-grid,
    .invoice-release-command-facts,
    .invoice-release-gate-grid,
    .invoice-release-profile-grid,
    .invoice-release-context-strip,
    .invoice-release-preview-grid,
    .invoice-release-status-metrics,
    .invoice-release-text-studio-head,
    .invoice-release-text-grid,
    .invoice-release-block-list,
    .invoice-release-output-row {
        grid-template-columns: 1fr;
    }

    .invoice-release-card-head,
    .invoice-release-total-row {
        display: grid;
        justify-content: stretch;
    }

    .invoice-release-facts div {
        grid-template-columns: 1fr;
    }
}

/* Prime workflow start: keep the first screen focused on actions, not reports. */
.prime-workbench {
    position: relative;
    z-index: 2;
    margin: 1rem 0 0;
    padding: clamp(1rem, 2vw, 1.45rem);
    border: 1px solid rgba(13, 47, 57, 0.12);
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at 12% 0%, rgba(214, 237, 229, 0.86), transparent 34%),
        radial-gradient(circle at 88% 12%, rgba(250, 222, 178, 0.72), transparent 28%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(236, 245, 244, 0.92));
    box-shadow: 0 24px 70px rgba(21, 38, 44, 0.12);
}

.prime-workbench-head {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(18rem, 0.72fr);
    gap: 1rem;
    align-items: end;
    margin-bottom: 1rem;
}

.prime-workbench-head h2 {
    margin: 0;
    max-width: 12ch;
    color: #10272c;
    font-size: clamp(2rem, 4.5vw, 4.5rem);
    line-height: 0.86;
    letter-spacing: -0.075em;
}

.prime-workbench-head > p {
    margin: 0;
    color: rgba(15, 37, 43, 0.76);
    font-size: 1rem;
    line-height: 1.55;
}

.prime-workbench-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.7rem;
}

.prime-workbench-card {
    position: relative;
    min-height: 13.25rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.8rem;
    overflow: hidden;
    padding: 1rem;
    border: 1px solid rgba(18, 44, 51, 0.12);
    border-radius: 1.05rem;
    color: #0f262b;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 12px 34px rgba(16, 39, 44, 0.08);
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.prime-workbench-card::before {
    content: "";
    position: absolute;
    inset: auto -18% -35% 12%;
    height: 7rem;
    border-radius: 999px;
    opacity: 0.32;
    filter: blur(3px);
    background: #2a8b7c;
    transform: rotate(-9deg);
}

.prime-workbench-card.blue::before { background: #245e8f; }
.prime-workbench-card.sand::before { background: #c57730; }
.prime-workbench-card.green::before { background: #157f57; }
.prime-workbench-card.hoai::before { background: #b45f11; }
.prime-workbench-card.court::before { background: #4d607a; }

.prime-workbench-card:hover {
    transform: translateY(-4px);
    border-color: rgba(19, 96, 82, 0.38);
    box-shadow: 0 22px 55px rgba(16, 39, 44, 0.16);
}

.prime-workbench-card span,
.prime-workbench-card small {
    position: relative;
    z-index: 1;
    color: rgba(15, 38, 43, 0.62);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.prime-workbench-card strong {
    position: relative;
    z-index: 1;
    display: block;
    color: #10272c;
    font-size: clamp(1.35rem, 1.75vw, 2rem);
    line-height: 0.96;
    letter-spacing: -0.052em;
}

.prime-workbench-card p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: rgba(15, 38, 43, 0.74);
    font-size: 0.88rem;
    line-height: 1.38;
}

.operating-deep-drawer,
.dashboard-deep-drawer,
.dashboard-classic-drawer {
    margin-top: 1rem;
    border: 1px solid rgba(16, 39, 44, 0.11);
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 14px 42px rgba(22, 42, 48, 0.08);
}

.operating-deep-drawer > summary,
.dashboard-deep-drawer > summary,
.dashboard-classic-drawer > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    cursor: pointer;
    list-style: none;
    color: #10272c;
}

.operating-deep-drawer > summary::-webkit-details-marker,
.dashboard-deep-drawer > summary::-webkit-details-marker,
.dashboard-classic-drawer > summary::-webkit-details-marker {
    display: none;
}

.operating-deep-drawer > summary span,
.dashboard-deep-drawer > summary span,
.dashboard-classic-drawer > summary span {
    font-weight: 800;
    letter-spacing: -0.02em;
}

.operating-deep-drawer > summary strong,
.dashboard-deep-drawer > summary strong,
.dashboard-classic-drawer > summary strong {
    flex: 0 0 auto;
    border-radius: 999px;
    padding: 0.48rem 0.78rem;
    color: #f7fbf8;
    background: #10272c;
    font-size: 0.72rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.operating-deep-drawer[open] > summary,
.dashboard-deep-drawer[open] > summary,
.dashboard-classic-drawer[open] > summary {
    border-bottom: 1px solid rgba(16, 39, 44, 0.1);
}

.operating-deep-drawer[open] {
    padding-bottom: 1rem;
}

.dashboard-deep-drawer.dashboard-operating-command {
    padding: 0;
}

.dashboard-deep-drawer[open] {
    padding: 0 1rem 1rem;
}

.dashboard-classic-drawer[open] {
    padding: 0 1rem 1rem;
}

.dashboard-classic-drawer > section:first-of-type,
.dashboard-deep-drawer > .dashboard-command-stage {
    margin-top: 1rem;
}

@media (max-width: 1240px) {
    .office-action-grid,
    .office-runway ol {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .operating-primary-board {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .case-invoice-command-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .start-decision-console-grid {
        grid-template-columns: 1fr;
    }

    .prime-workbench-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .office-action-grid,
    .office-runway ol {
        grid-template-columns: 1fr;
    }

    .start-decision-console-head {
        grid-template-columns: 1fr;
    }

    .start-decision-card {
        min-height: 0;
    }

    .prime-workbench-head {
        grid-template-columns: 1fr;
    }

    .prime-workbench-grid {
        grid-template-columns: 1fr;
    }

    .operating-primary-board,
    .case-invoice-command-grid {
        grid-template-columns: 1fr;
    }

    .prime-workbench-card {
        min-height: 10.75rem;
    }

    .operating-deep-drawer > summary,
    .dashboard-deep-drawer > summary,
    .dashboard-classic-drawer > summary {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* Invoice work-order command: the invoice start must read like a guided task, not a raw form. */
.invoice-work-order-command {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.25fr) minmax(280px, 0.55fr);
    gap: 0.85rem;
    margin: 0 0 1rem;
    padding: clamp(1rem, 2.2vw, 1.35rem);
    border: 1px solid rgba(18, 45, 51, 0.12);
    border-radius: 34px;
    background:
        radial-gradient(circle at 12% 2%, rgba(15, 122, 120, 0.18), transparent 34%),
        radial-gradient(circle at 88% 12%, rgba(228, 174, 83, 0.2), transparent 30%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(238, 248, 245, 0.92));
    box-shadow: 0 26px 78px rgba(17, 32, 40, 0.12);
}

.invoice-work-order-main {
    display: grid;
    align-content: space-between;
    gap: 0.9rem;
    min-height: 260px;
    padding: 0.25rem;
}

.invoice-work-order-main h2 {
    max-width: 11ch;
    margin: 0.12rem 0 0;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(2.2rem, 4.4vw, 4.2rem);
    line-height: 0.86;
    letter-spacing: -0.075em;
}

.invoice-work-order-main p:not(.eyebrow) {
    max-width: 32rem;
    margin: 0;
    color: var(--ink-soft);
    font-size: 1rem;
    line-height: 1.5;
}

.invoice-work-order-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.invoice-work-order-rail {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.62rem;
}

.invoice-work-order-rail article {
    position: relative;
    display: grid;
    align-content: space-between;
    gap: 0.72rem;
    min-height: 124px;
    overflow: hidden;
    padding: 0.9rem;
    border: 1px solid rgba(18, 45, 51, 0.1);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.76);
    box-shadow: 0 14px 38px rgba(17, 32, 40, 0.07);
}

.invoice-work-order-rail article::after {
    content: "";
    position: absolute;
    right: -32px;
    bottom: -48px;
    width: 116px;
    height: 116px;
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.1);
}

.invoice-work-order-rail article.attention::after {
    background: rgba(228, 174, 83, 0.16);
}

.invoice-work-order-rail article.locked::after {
    background: rgba(73, 96, 122, 0.14);
}

.invoice-work-order-rail span {
    position: relative;
    z-index: 1;
    color: var(--accent-strong);
    font-size: 0.74rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.invoice-work-order-rail strong {
    position: relative;
    z-index: 1;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.08rem, 1.55vw, 1.45rem);
    line-height: 0.98;
    letter-spacing: -0.035em;
}

.invoice-work-order-safety {
    display: grid;
    align-content: center;
    gap: 0.72rem;
    min-height: 100%;
    padding: 1rem;
    border-radius: 26px;
    color: #fff;
    background:
        radial-gradient(circle at 85% 10%, rgba(228, 174, 83, 0.28), transparent 38%),
        linear-gradient(145deg, #122d33, #081b20 68%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.invoice-work-order-safety span {
    color: rgba(255, 255, 255, 0.66);
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.invoice-work-order-safety strong {
    color: #fff;
    font-family: var(--font-heading);
    font-size: clamp(1.4rem, 2.2vw, 2.05rem);
    line-height: 0.95;
    letter-spacing: -0.045em;
}

.invoice-work-order-safety p {
    margin: 0;
    color: rgba(255, 255, 255, 0.74);
    line-height: 1.45;
}

@media (max-width: 1180px) {
    .invoice-work-order-command {
        grid-template-columns: 1fr;
    }

    .invoice-work-order-main {
        min-height: auto;
    }
}

@media (max-width: 760px) {
    .invoice-work-order-rail {
        grid-template-columns: 1fr;
    }

    .invoice-work-order-rail article {
        min-height: 104px;
    }
}

/* Commercial and report work-order commands: start with the task, not the table. */
.commercial-work-order-command,
.report-work-order-command {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.22fr) minmax(280px, 0.56fr);
    gap: 0.85rem;
    margin: 0 0 1rem;
    padding: clamp(1rem, 2.2vw, 1.35rem);
    border: 1px solid rgba(18, 45, 51, 0.12);
    border-radius: 34px;
    background:
        radial-gradient(circle at 12% 2%, rgba(15, 122, 120, 0.16), transparent 34%),
        radial-gradient(circle at 88% 12%, rgba(228, 174, 83, 0.18), transparent 30%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(239, 248, 246, 0.92));
    box-shadow: 0 26px 78px rgba(17, 32, 40, 0.12);
}

.commercial-work-order-command.contract {
    background:
        radial-gradient(circle at 10% 6%, rgba(79, 108, 145, 0.16), transparent 34%),
        radial-gradient(circle at 88% 8%, rgba(15, 122, 120, 0.15), transparent 32%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(240, 246, 248, 0.92));
}

.report-work-order-command {
    background:
        radial-gradient(circle at 12% 4%, rgba(73, 108, 181, 0.14), transparent 32%),
        radial-gradient(circle at 88% 8%, rgba(15, 122, 120, 0.17), transparent 34%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(237, 247, 248, 0.92));
}

.commercial-work-order-main,
.report-work-order-main {
    display: grid;
    align-content: space-between;
    gap: 0.9rem;
    min-height: 260px;
    padding: 0.25rem;
}

.commercial-work-order-main h2,
.report-work-order-main h2 {
    max-width: 10.5ch;
    margin: 0.12rem 0 0;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(2.15rem, 4.2vw, 4rem);
    line-height: 0.86;
    letter-spacing: -0.075em;
}

.commercial-work-order-main p:not(.eyebrow),
.report-work-order-main p:not(.eyebrow) {
    max-width: 34rem;
    margin: 0;
    color: var(--ink-soft);
    font-size: 1rem;
    line-height: 1.5;
}

.commercial-work-order-marker,
.report-work-order-marker,
.commercial-closing-marker {
    padding: 0.65rem 0.75rem;
    border: 1px solid rgba(15, 122, 120, 0.14);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.64);
    color: var(--ink);
    font-weight: 820;
}

.commercial-closing-marker {
    margin: 0 0 0.75rem;
    color: rgba(16, 34, 41, 0.82);
}

.commercial-work-order-actions,
.report-work-order-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.commercial-work-order-rail,
.report-work-order-rail {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.62rem;
}

.commercial-work-order-rail article,
.report-work-order-rail article {
    position: relative;
    display: grid;
    align-content: space-between;
    gap: 0.72rem;
    min-height: 124px;
    overflow: hidden;
    padding: 0.9rem;
    border: 1px solid rgba(18, 45, 51, 0.1);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.76);
    box-shadow: 0 14px 38px rgba(17, 32, 40, 0.07);
}

.commercial-work-order-rail article::after,
.report-work-order-rail article::after {
    content: "";
    position: absolute;
    right: -32px;
    bottom: -48px;
    width: 116px;
    height: 116px;
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.1);
}

.commercial-work-order-rail article.attention::after,
.report-work-order-rail article.attention::after {
    background: rgba(228, 174, 83, 0.16);
}

.commercial-work-order-rail article.locked::after,
.report-work-order-rail article.locked::after {
    background: rgba(73, 96, 122, 0.14);
}

.commercial-work-order-rail span,
.report-work-order-rail span {
    position: relative;
    z-index: 1;
    color: var(--accent-strong);
    font-size: 0.74rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.commercial-work-order-rail strong,
.report-work-order-rail strong {
    position: relative;
    z-index: 1;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.08rem, 1.55vw, 1.45rem);
    line-height: 0.98;
    letter-spacing: -0.035em;
}

.commercial-work-order-safety,
.report-work-order-safety {
    display: grid;
    align-content: center;
    gap: 0.72rem;
    min-height: 100%;
    padding: 1rem;
    border-radius: 26px;
    color: #fff;
    background:
        radial-gradient(circle at 85% 10%, rgba(228, 174, 83, 0.28), transparent 38%),
        linear-gradient(145deg, #122d33, #081b20 68%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.report-work-order-safety {
    background:
        radial-gradient(circle at 85% 10%, rgba(73, 108, 181, 0.28), transparent 38%),
        linear-gradient(145deg, #102c39, #081b20 68%);
}

.commercial-work-order-safety span,
.report-work-order-safety span {
    color: rgba(255, 255, 255, 0.66);
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.commercial-work-order-safety strong,
.report-work-order-safety strong {
    color: #fff;
    font-family: var(--font-heading);
    font-size: clamp(1.4rem, 2.2vw, 2.05rem);
    line-height: 0.95;
    letter-spacing: -0.045em;
}

.commercial-work-order-safety p,
.report-work-order-safety p {
    margin: 0;
    color: rgba(255, 255, 255, 0.74);
    line-height: 1.45;
}

@media (max-width: 1180px) {
    .commercial-work-order-command,
    .report-work-order-command {
        grid-template-columns: 1fr;
    }

    .commercial-work-order-main,
    .report-work-order-main {
        min-height: auto;
    }
}

@media (max-width: 760px) {
    .commercial-work-order-rail,
    .report-work-order-rail {
        grid-template-columns: 1fr;
    }

    .commercial-work-order-rail article,
    .report-work-order-rail article {
        min-height: 104px;
    }
}

/* Customer mission control: top-level operating map before deep customer data. */
.client-mission-command {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
    padding: clamp(1.05rem, 2.45vw, 1.75rem);
    border: 1px solid rgba(12, 44, 52, 0.17);
    border-radius: 34px;
    background:
        radial-gradient(circle at 7% 0%, rgba(72, 137, 216, 0.16), transparent 28rem),
        radial-gradient(circle at 92% 8%, rgba(228, 174, 83, 0.2), transparent 28rem),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(238, 248, 247, 0.94));
    box-shadow: 0 30px 90px rgba(17, 32, 40, 0.15);
}

.client-mission-command::after {
    content: "";
    position: absolute;
    inset: auto -18% -45% 36%;
    height: 54%;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(72, 137, 216, 0.1), rgba(15, 122, 120, 0.12), rgba(228, 174, 83, 0.14));
    transform: rotate(-5deg);
    pointer-events: none;
}

.client-mission-head,
.client-mission-metrics,
.client-mission-paths,
.client-mission-proof {
    position: relative;
    z-index: 1;
}

.client-mission-head {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.82fr);
    gap: 1rem;
    align-items: stretch;
}

.client-mission-head h2 {
    max-width: 920px;
    margin: 0.1rem 0 0;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(2.05rem, 4.9vw, 4.85rem);
    line-height: 0.88;
    letter-spacing: -0.078em;
}

.client-mission-head p:not(.eyebrow) {
    max-width: 76ch;
    margin: 0.8rem 0 0;
    color: var(--ink-soft);
    font-size: clamp(1rem, 1.35vw, 1.18rem);
    line-height: 1.58;
}

.client-mission-head aside {
    display: grid;
    gap: 0.58rem;
    align-content: center;
    padding: 1rem;
    border-radius: 28px;
    color: #fff;
    background:
        radial-gradient(circle at 90% 0%, rgba(228, 174, 83, 0.28), transparent 38%),
        linear-gradient(145deg, #102c39, #071b20 72%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.client-mission-head aside.ready {
    background:
        radial-gradient(circle at 90% 0%, rgba(113, 214, 170, 0.22), transparent 38%),
        linear-gradient(145deg, #0f463f, #071b20 72%);
}

.client-mission-head aside.danger {
    background:
        radial-gradient(circle at 90% 0%, rgba(232, 177, 82, 0.22), transparent 38%),
        linear-gradient(145deg, #5b2727, #111d20 72%);
}

.client-mission-head aside span,
.client-mission-path span,
.client-mission-metrics span,
.client-mission-metrics small,
.client-mission-proof span {
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.client-mission-head aside span {
    color: rgba(255, 255, 255, 0.68);
}

.client-mission-head aside strong {
    color: #fff;
    font-family: var(--font-heading);
    font-size: clamp(1.55rem, 2.7vw, 2.45rem);
    line-height: 0.96;
    letter-spacing: -0.05em;
}

.client-mission-head aside p {
    margin: 0;
    color: rgba(255, 255, 255, 0.76);
    line-height: 1.48;
}

.client-mission-head aside .btn {
    width: fit-content;
}

.client-mission-metrics {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 0.6rem;
}

.client-mission-metrics article {
    min-width: 0;
    padding: 0.72rem 0.76rem;
    border: 1px solid rgba(31, 40, 48, 0.1);
    border-radius: 19px;
    background: rgba(255, 255, 255, 0.74);
    box-shadow: 0 12px 30px rgba(17, 32, 40, 0.06);
}

.client-mission-metrics span,
.client-mission-metrics small {
    display: block;
    color: var(--ink-muted);
}

.client-mission-metrics strong {
    display: block;
    margin: 0.18rem 0;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.16rem, 1.85vw, 1.72rem);
    line-height: 1;
    letter-spacing: -0.045em;
}

.client-mission-metrics small {
    overflow-wrap: anywhere;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 760;
}

.client-mission-paths {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.7rem;
}

.client-mission-path {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.42rem;
    min-height: 148px;
    padding: 0.88rem;
    border: 1px solid rgba(31, 40, 48, 0.1);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.82);
    color: inherit;
    text-decoration: none;
    box-shadow: 0 16px 42px rgba(17, 32, 40, 0.08);
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.client-mission-path::before {
    content: "";
    position: absolute;
    inset: -34px -32px auto auto;
    width: 112px;
    height: 112px;
    border-radius: 999px;
    opacity: 0.15;
    background: #0f7a78;
}

.client-mission-path:hover {
    transform: translateY(-3px);
    border-color: rgba(15, 122, 120, 0.28);
    box-shadow: 0 24px 62px rgba(17, 32, 40, 0.13);
    text-decoration: none;
}

.client-mission-path span {
    color: #0f555d;
}

.client-mission-path strong {
    position: relative;
    z-index: 1;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.05rem, 1.45vw, 1.42rem);
    line-height: 0.98;
    letter-spacing: -0.04em;
}

.client-mission-path p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: var(--ink-soft);
    font-size: 0.86rem;
    line-height: 1.4;
}

.client-mission-path.tone-project::before { background: #6f7b35; }
.client-mission-path.tone-report::before { background: #245e8f; }
.client-mission-path.tone-offer::before { background: #c57730; }
.client-mission-path.tone-contract::before { background: #766638; }
.client-mission-path.tone-invoice::before { background: #157f57; }
.client-mission-path.tone-hoai::before { background: #b45f11; }
.client-mission-path.tone-jveg::before { background: #4d607a; }
.client-mission-path.tone-honorar::before { background: #7a613d; }
.client-mission-path.tone-systems::before { background: #0d6f77; }
.client-mission-path.tone-document::before { background: #5b6678; }
.client-mission-path.tone-dispatch::before { background: #102c39; }

.client-mission-proof {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.client-mission-proof span {
    padding: 0.45rem 0.64rem;
    border: 1px solid rgba(15, 122, 120, 0.14);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    color: #0f555d;
}

/* Customer workflow console: first answer inside a customer file is "what next?". */
.client-workflow-console {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
    padding: clamp(1rem, 2.4vw, 1.65rem);
    border: 1px solid rgba(12, 44, 52, 0.16);
    border-radius: 34px;
    background:
        radial-gradient(circle at 8% 8%, rgba(15, 122, 120, 0.14), transparent 32%),
        radial-gradient(circle at 92% 6%, rgba(228, 174, 83, 0.18), transparent 30%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(238, 248, 247, 0.94));
    box-shadow: 0 28px 86px rgba(17, 32, 40, 0.14);
}

.client-workflow-console::after {
    content: "";
    position: absolute;
    inset: auto -18% -46% 38%;
    height: 62%;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(15, 122, 120, 0.1), rgba(228, 174, 83, 0.16), rgba(73, 108, 181, 0.11));
    transform: rotate(-5deg);
    pointer-events: none;
}

.client-workflow-head,
.client-workflow-vitals,
.client-workflow-chain,
.client-workflow-actions,
.client-workflow-guardrails,
.client-commercial-object-chain,
.client-production-runway {
    position: relative;
    z-index: 1;
}

.client-workflow-head {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);
    gap: 1rem;
    align-items: stretch;
}

.client-workflow-head h2 {
    max-width: 880px;
    margin: 0.12rem 0 0;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(2rem, 4.8vw, 4.7rem);
    line-height: 0.88;
    letter-spacing: -0.075em;
}

.client-workflow-lead {
    max-width: 74ch;
    margin: 0.8rem 0 0;
    color: var(--ink-soft);
    font-size: clamp(1.02rem, 1.45vw, 1.2rem);
    line-height: 1.58;
}

.client-workflow-head aside {
    display: grid;
    gap: 0.55rem;
    align-content: center;
    padding: 1rem;
    border-radius: 26px;
    color: #fff;
    background:
        radial-gradient(circle at 88% 8%, rgba(228, 174, 83, 0.26), transparent 38%),
        linear-gradient(145deg, #102c39, #081b20 68%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.client-workflow-head aside span,
.client-workflow-card span,
.client-workflow-card small,
.client-workflow-chain span {
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.client-workflow-head aside span {
    color: rgba(255, 255, 255, 0.66);
}

.client-workflow-head aside strong {
    color: #fff;
    font-family: var(--font-heading);
    font-size: clamp(1.45rem, 2.6vw, 2.35rem);
    line-height: 0.96;
    letter-spacing: -0.045em;
}

.client-workflow-head aside p,
.client-workflow-card p {
    margin: 0;
    line-height: 1.45;
}

.client-workflow-head aside p {
    color: rgba(255, 255, 255, 0.76);
}

.client-workflow-primary-cta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 0.25rem;
}

.client-workflow-primary-cta .btn.ghost {
    border-color: rgba(255, 255, 255, 0.34);
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}

.client-workflow-vitals {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.62rem;
}

.client-workflow-vitals article {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
    padding: 0.72rem 0.78rem;
    border-radius: 20px;
    border: 1px solid rgba(31, 40, 48, 0.1);
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 12px 30px rgba(17, 32, 40, 0.06);
}

.client-workflow-vitals span,
.client-workflow-vitals small {
    color: var(--ink-muted);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.client-workflow-vitals strong {
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.18rem, 1.9vw, 1.8rem);
    line-height: 1;
    letter-spacing: -0.045em;
}

.client-workflow-vitals small {
    overflow-wrap: anywhere;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 750;
}

.client-workflow-chain {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.62rem;
}

.client-workflow-chain a {
    display: grid;
    gap: 0.28rem;
    min-height: 98px;
    padding: 0.78rem;
    border: 1px solid rgba(31, 40, 48, 0.1);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.78);
    color: inherit;
    text-decoration: none;
    box-shadow: 0 14px 34px rgba(17, 32, 40, 0.07);
}

.client-workflow-chain a.ready {
    border-color: rgba(15, 122, 120, 0.22);
    background: rgba(239, 250, 247, 0.88);
}

.client-workflow-chain a.attention {
    border-color: rgba(190, 132, 37, 0.28);
    background: rgba(255, 249, 235, 0.9);
}

.client-workflow-chain a.locked {
    border-color: rgba(73, 96, 122, 0.16);
    background: rgba(245, 248, 250, 0.88);
}

.client-workflow-chain a.danger {
    border-color: rgba(163, 57, 55, 0.32);
    background: rgba(255, 242, 240, 0.9);
}

.client-workflow-chain span {
    color: var(--ink-muted);
}

.client-workflow-chain strong {
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.02rem, 1.4vw, 1.35rem);
    line-height: 1;
    letter-spacing: -0.035em;
}

.client-workflow-actions {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.72rem;
}

.client-workflow-card {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.52rem;
    min-height: 188px;
    padding: 0.96rem;
    border: 1px solid rgba(31, 40, 48, 0.1);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.82);
    color: inherit;
    text-decoration: none;
    box-shadow: 0 18px 46px rgba(17, 32, 40, 0.08);
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.client-workflow-card::before {
    content: "";
    position: absolute;
    inset: -38px -34px auto auto;
    width: 126px;
    height: 126px;
    border-radius: 999px;
    opacity: 0.16;
    background: #0f7a78;
    pointer-events: none;
}

.client-workflow-card.report::before { background: #245e8f; }
.client-workflow-card.offer::before { background: #c57730; }
.client-workflow-card.contract::before { background: #6f7b35; }
.client-workflow-card.invoice::before { background: #157f57; }
.client-workflow-card.hoai::before { background: #b45f11; }
.client-workflow-card.jveg::before { background: #4d607a; }
.client-workflow-card.honorar::before { background: #7a613d; }
.client-workflow-card.systems::before { background: #0d6f77; }
.client-workflow-card.document::before { background: #5b6678; }
.client-workflow-card.dispatch::before { background: #102c39; }

.client-workflow-card:hover {
    transform: translateY(-3px);
    border-color: rgba(15, 122, 120, 0.26);
    box-shadow: 0 24px 62px rgba(17, 32, 40, 0.13);
    text-decoration: none;
}

.client-workflow-card span,
.client-workflow-card small {
    color: var(--ink-muted);
}

.client-workflow-card strong {
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.22rem, 1.75vw, 1.78rem);
    line-height: 0.98;
    letter-spacing: -0.045em;
}

.client-workflow-card p {
    color: var(--ink-soft);
    font-size: 0.92rem;
}

.client-workflow-card-meta {
    display: grid;
    gap: 0.28rem;
    margin-top: 0.1rem;
    padding: 0.66rem;
    border-radius: 18px;
    border: 1px solid rgba(31, 40, 48, 0.08);
    background: rgba(248, 251, 252, 0.74);
}

.client-workflow-card-meta b {
    color: #0f555d;
    font-size: 0.74rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    line-height: 1.2;
    text-transform: uppercase;
}

.client-workflow-card-meta em {
    color: var(--ink-soft);
    font-size: 0.82rem;
    font-style: normal;
    line-height: 1.35;
}

.client-workflow-card small {
    width: fit-content;
    padding: 0.36rem 0.54rem;
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.1);
    color: #0f555d;
}

.client-workflow-card mark {
    display: block;
    width: fit-content;
    margin-top: auto;
    padding: 0.34rem 0.5rem;
    border-radius: 999px;
    background: rgba(16, 44, 57, 0.08);
    color: #394d5c;
    font-size: 0.72rem;
    font-weight: 850;
    line-height: 1.25;
}

.client-workflow-guardrails {
    display: flex;
    flex-wrap: wrap;
    gap: 0.46rem;
}

.client-workflow-guardrails span {
    padding: 0.46rem 0.66rem;
    border: 1px solid rgba(15, 122, 120, 0.14);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    color: #0f555d;
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.client-production-runway {
    display: grid;
    gap: 0.95rem;
    margin-top: 0.35rem;
    padding: clamp(0.9rem, 1.9vw, 1.35rem);
    border: 1px solid rgba(16, 44, 57, 0.14);
    border-radius: 30px;
    background:
        radial-gradient(circle at 0% 0%, rgba(10, 82, 86, 0.12), transparent 30%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.86), rgba(242, 248, 248, 0.82));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68), 0 22px 58px rgba(17, 32, 40, 0.08);
    -webkit-hyphens: none;
    hyphens: none;
}

.client-production-runway * {
    -webkit-hyphens: none;
    hyphens: none;
}

.client-production-runway-head {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr);
    gap: 1rem;
    align-items: stretch;
}

.client-production-runway-head h3 {
    max-width: 900px;
    margin: 0.12rem 0 0.42rem;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.7rem, 3vw, 3rem);
    line-height: 0.96;
    letter-spacing: -0.055em;
    text-wrap: balance;
}

.client-production-runway-head p {
    max-width: 78ch;
    margin: 0;
    color: var(--ink-soft);
    line-height: 1.55;
}

.client-production-runway-head aside {
    display: grid;
    align-content: center;
    gap: 0.42rem;
    padding: 0.95rem;
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(circle at 85% 12%, rgba(222, 170, 88, 0.27), transparent 38%),
        linear-gradient(145deg, #102c39, #0a3d3d 64%, #8b6932);
}

.client-production-runway-head aside.attention {
    background:
        radial-gradient(circle at 85% 12%, rgba(255, 214, 122, 0.24), transparent 38%),
        linear-gradient(145deg, #46321d, #7a4d19 72%);
}

.client-production-runway-head aside.blocked {
    background:
        radial-gradient(circle at 85% 12%, rgba(255, 194, 168, 0.24), transparent 38%),
        linear-gradient(145deg, #3a1720, #71312d 72%);
}

.client-production-runway-head aside span,
.client-production-runway-metrics span,
.client-production-stage-top span,
.client-production-stage-top b {
    font-size: 0.7rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.client-production-runway-head aside span,
.client-production-runway-head aside small {
    color: rgba(255, 255, 255, 0.74);
}

.client-production-runway-head aside strong {
    color: #fff;
    font-family: var(--font-heading);
    font-size: clamp(1.25rem, 2.05vw, 2rem);
    line-height: 1;
    letter-spacing: -0.04em;
}

.client-production-runway-metrics,
.client-production-runway-paths,
.client-production-runway-grid {
    display: grid;
    gap: 0.68rem;
}

.client-production-runway-metrics {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.client-production-runway-metrics article,
.client-production-runway-paths a,
.client-production-stage {
    border: 1px solid rgba(31, 40, 48, 0.1);
    background: rgba(255, 255, 255, 0.76);
    box-shadow: 0 14px 36px rgba(17, 32, 40, 0.06);
}

.client-production-runway-metrics article {
    display: grid;
    gap: 0.14rem;
    min-width: 0;
    padding: 0.68rem 0.75rem;
    border-radius: 18px;
}

.client-production-runway-metrics span {
    color: var(--ink-muted);
}

.client-production-runway-metrics strong {
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(0.95rem, 1.08vw, 1.15rem);
    hyphens: none;
    line-height: 1.08;
    overflow-wrap: normal;
    text-wrap: pretty;
    word-break: normal;
}

.client-production-runway-paths {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.client-production-runway-paths a {
    display: grid;
    gap: 0.2rem;
    padding: 0.76rem 0.85rem;
    border-radius: 18px;
    color: inherit;
    text-decoration: none;
}

.client-production-runway-paths strong {
    color: #0c5959;
    font-family: var(--font-heading);
    font-size: 1.12rem;
}

.client-production-runway-paths span {
    color: var(--ink-soft);
    font-size: 0.84rem;
    line-height: 1.38;
}

.client-production-runway-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.client-production-stage {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.62rem;
    padding: 0.9rem;
    border-radius: 22px;
}

.client-production-stage::after {
    content: "";
    position: absolute;
    inset: auto -36px -46px auto;
    width: 118px;
    height: 118px;
    border-radius: 999px;
    opacity: 0.13;
    background: #0f7a78;
}

.client-production-stage.attention::after {
    background: #c6842f;
}

.client-production-stage.blocked::after {
    background: #a33a35;
}

.client-production-stage > * {
    position: relative;
    z-index: 1;
}

.client-production-stage-top {
    display: flex;
    gap: 0.55rem;
    align-items: center;
    justify-content: space-between;
}

.client-production-stage-top span {
    color: #0f555d;
}

.client-production-stage-top b {
    padding: 0.25rem 0.48rem;
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.1);
    color: #0f555d;
    white-space: nowrap;
}

.client-production-stage.attention .client-production-stage-top b {
    background: rgba(198, 132, 47, 0.13);
    color: #7a4d19;
}

.client-production-stage.blocked .client-production-stage-top b {
    background: rgba(163, 58, 53, 0.12);
    color: #81302d;
}

.client-production-stage h4 {
    margin: 0;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.12rem, 1.5vw, 1.48rem);
    hyphens: none;
    line-height: 1.02;
    letter-spacing: -0.04em;
    overflow-wrap: normal;
    text-wrap: balance;
    word-break: normal;
}

.client-production-stage p,
.client-production-stage small,
.client-production-stage em {
    color: var(--ink-soft);
    line-height: 1.42;
}

.client-production-stage p {
    margin: 0;
    font-size: 0.9rem;
}

.client-production-stage-lists {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.48rem;
}

.client-production-stage-lists div {
    display: grid;
    gap: 0.16rem;
    min-width: 0;
    padding: 0.62rem;
    border-radius: 15px;
    background: rgba(246, 250, 250, 0.78);
}

.client-production-stage-lists strong {
    color: #0f555d;
    font-size: 0.72rem;
    font-weight: 950;
    hyphens: none;
    letter-spacing: 0.07em;
    overflow-wrap: normal;
    text-transform: uppercase;
    word-break: normal;
}

.client-production-stage-lists small {
    font-size: 0.78rem;
    hyphens: none;
    overflow-wrap: normal;
    word-break: normal;
}

.client-production-stage-texts,
.client-production-release-contract {
    display: flex;
    flex-wrap: wrap;
    gap: 0.38rem;
}

.client-production-stage-texts span,
.client-production-release-contract span {
    padding: 0.32rem 0.48rem;
    border: 1px solid rgba(15, 122, 120, 0.12);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.7);
    color: #0f555d;
    font-size: 0.72rem;
    font-weight: 820;
}

.client-production-stage em {
    font-size: 0.78rem;
    font-style: normal;
}

.client-production-stage .btn {
    width: fit-content;
    margin-top: auto;
}

.client-production-release-contract span {
    background: rgba(16, 44, 57, 0.08);
    color: #263d47;
}

.client-commercial-object-chain {
    display: grid;
    gap: 0.9rem;
    padding: clamp(0.95rem, 1.9vw, 1.45rem);
    border: 1px solid rgba(20, 69, 69, 0.17);
    border-radius: 30px;
    background:
        radial-gradient(circle at 6% 0%, rgba(192, 116, 38, 0.16), transparent 30%),
        radial-gradient(circle at 96% 8%, rgba(17, 122, 114, 0.14), transparent 32%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.91), rgba(247, 243, 234, 0.86));
    box-shadow: 0 22px 62px rgba(45, 38, 24, 0.1);
}

.client-commercial-object-chain-head {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.58fr);
    gap: 1rem;
    align-items: stretch;
}

.client-commercial-object-chain-head h3 {
    max-width: 960px;
    margin: 0.12rem 0 0.55rem;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.65rem, 3.2vw, 3.35rem);
    line-height: 0.95;
    letter-spacing: -0.06em;
    text-wrap: balance;
}

.client-commercial-object-chain-head p {
    max-width: 82ch;
    margin: 0;
    color: var(--ink-soft);
    line-height: 1.55;
}

.client-commercial-object-chain-head aside {
    display: grid;
    align-content: center;
    gap: 0.45rem;
    padding: 1rem;
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(circle at 87% 10%, rgba(230, 174, 83, 0.28), transparent 38%),
        linear-gradient(145deg, #102c39, #0d4440 64%, #8a642b);
}

.client-commercial-object-chain-head aside.attention {
    background:
        radial-gradient(circle at 87% 10%, rgba(255, 213, 125, 0.24), transparent 38%),
        linear-gradient(145deg, #44311d, #7b4d18 70%);
}

.client-commercial-object-chain-head aside.blocked {
    background:
        radial-gradient(circle at 87% 10%, rgba(255, 180, 160, 0.24), transparent 38%),
        linear-gradient(145deg, #3a1720, #793331 70%);
}

.client-commercial-object-chain-head aside span,
.client-commercial-object-chain-head aside small,
.client-commercial-object-step span,
.client-commercial-object-step small,
.client-commercial-object-step b,
.client-commercial-object-chain-metrics span {
    font-size: 0.7rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.client-commercial-object-chain-head aside span,
.client-commercial-object-chain-head aside small {
    color: rgba(255, 255, 255, 0.74);
}

.client-commercial-object-chain-head aside strong {
    color: #fff;
    font-family: var(--font-heading);
    font-size: clamp(1.3rem, 2.1vw, 2rem);
    line-height: 1;
    letter-spacing: -0.04em;
}

.client-commercial-object-chain-head aside .btn.ghost {
    width: fit-content;
    border-color: rgba(255, 255, 255, 0.34);
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}

.client-commercial-object-chain-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
}

.client-commercial-object-chain-metrics article {
    display: grid;
    gap: 0.14rem;
    padding: 0.68rem 0.78rem;
    border: 1px solid rgba(31, 40, 48, 0.1);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.72);
}

.client-commercial-object-chain-metrics span {
    color: var(--ink-muted);
}

.client-commercial-object-chain-metrics strong {
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.15rem, 1.8vw, 1.65rem);
    line-height: 1;
    letter-spacing: -0.045em;
}

.client-commercial-object-chain-steps,
.client-commercial-object-chain-actions {
    display: grid;
    gap: 0.68rem;
}

.client-commercial-object-chain-steps {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.client-commercial-object-step {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.45rem;
    min-height: 220px;
    padding: 0.9rem;
    border: 1px solid rgba(31, 40, 48, 0.1);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.82);
    color: inherit;
    text-decoration: none;
    box-shadow: 0 16px 40px rgba(28, 34, 33, 0.07);
}

.client-commercial-object-step::after {
    content: "";
    position: absolute;
    inset: -42px -34px auto auto;
    width: 126px;
    height: 126px;
    border-radius: 999px;
    opacity: 0.15;
    background: #0f7a78;
}

.client-commercial-object-step.attention::after {
    background: #c6842f;
}

.client-commercial-object-step.blocked::after {
    background: #a33a35;
}

.client-commercial-object-step > * {
    position: relative;
    z-index: 1;
}

.client-commercial-object-step span,
.client-commercial-object-step small {
    color: var(--ink-muted);
}

.client-commercial-object-step strong {
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: clamp(1.22rem, 1.7vw, 1.68rem);
    line-height: 1;
    letter-spacing: -0.045em;
}

.client-commercial-object-step p {
    margin: 0;
    color: var(--ink-soft);
    font-size: 0.9rem;
    line-height: 1.42;
}

.client-commercial-object-step em {
    color: #6f5330;
    font-size: 0.78rem;
    font-style: normal;
    line-height: 1.35;
}

.client-commercial-object-step b {
    width: fit-content;
    margin-top: auto;
    padding: 0.36rem 0.55rem;
    border-radius: 999px;
    background: rgba(15, 122, 120, 0.1);
    color: #0f555d;
}

.client-commercial-object-chain-handoffs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.68rem;
}

.client-commercial-object-chain-handoffs a,
.client-commercial-object-chain-actions a {
    display: grid;
    gap: 0.28rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid rgba(31, 40, 48, 0.1);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.72);
    color: inherit;
    text-decoration: none;
}

.client-commercial-object-chain-handoffs a.next {
    border-color: rgba(198, 132, 47, 0.3);
    background: rgba(255, 248, 232, 0.9);
}

.client-commercial-object-chain-handoffs a.ready {
    border-color: rgba(15, 122, 120, 0.22);
    background: rgba(238, 250, 247, 0.9);
}

.client-commercial-object-chain-handoffs strong,
.client-commercial-object-chain-actions strong {
    color: #0c5959;
    font-family: var(--font-heading);
    font-size: 1.08rem;
    line-height: 1.05;
}

.client-commercial-object-chain-handoffs span,
.client-commercial-object-chain-actions span,
.client-commercial-object-chain-handoffs small {
    color: var(--ink-soft);
    font-size: 0.82rem;
    line-height: 1.36;
}

.client-commercial-object-chain-actions {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.client-commercial-object-chain-texts,
.client-commercial-object-chain-guardrails {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.client-commercial-object-chain-texts span,
.client-commercial-object-chain-guardrails span {
    padding: 0.36rem 0.52rem;
    border: 1px solid rgba(15, 122, 120, 0.12);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    color: #0f555d;
    font-size: 0.72rem;
    font-weight: 830;
    line-height: 1.3;
}

.client-commercial-object-chain-guardrails span {
    background: rgba(16, 44, 57, 0.08);
    color: #263d47;
}

@media (max-width: 1240px) {
    .client-mission-metrics {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .client-mission-paths {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1240px) {
    .client-workflow-vitals,
    .client-workflow-chain,
    .client-workflow-actions,
    .client-production-runway-metrics,
    .client-production-runway-grid,
    .client-commercial-object-chain-steps,
    .client-commercial-object-chain-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .client-mission-head,
    .client-mission-metrics,
    .client-mission-paths,
    .client-workflow-head,
    .client-commercial-object-chain-head,
    .client-production-runway-head,
    .client-workflow-vitals,
    .client-workflow-chain,
    .client-workflow-actions,
    .client-production-runway-metrics,
    .client-production-runway-paths,
    .client-production-runway-grid,
    .client-commercial-object-chain-metrics,
    .client-commercial-object-chain-steps,
    .client-commercial-object-chain-handoffs,
    .client-commercial-object-chain-actions,
    .client-production-stage-lists {
        grid-template-columns: 1fr;
    }

    .client-workflow-card,
    .client-workflow-chain a,
    .client-mission-path {
        min-height: 0;
    }
}

/* Product instance readability hardening: authenticated work surfaces must stay readable. */
.authed-shell .main-content.wide {
    width: 100%;
    max-width: none;
}

.authed-shell .main-content.wide .content-column,
.page-client-detail .content-column,
.page-clients-index .content-column,
.page-communications .content-column,
.page-finance-primary .content-column {
    width: min(100%, 1680px);
    max-width: none;
}

.authed-shell h1,
.authed-shell h2,
.authed-shell h3,
.authed-shell h4,
.authed-shell p,
.authed-shell strong,
.authed-shell small,
.authed-shell td,
.authed-shell th,
.authed-shell li,
.authed-shell label,
.authed-shell .muted,
.authed-shell .app-list-meta,
.authed-shell .state-meta span {
    word-break: normal;
    overflow-wrap: break-word;
    hyphens: auto;
}

.authed-shell .eyebrow,
.authed-shell .badge,
.authed-shell .btn,
.authed-shell .integration-status,
.authed-shell .app-anchor-pill,
.authed-shell .app-callout,
.authed-shell code,
.authed-shell pre {
    hyphens: none;
}

.authed-shell .client-production-runway,
.authed-shell .client-production-runway h3,
.authed-shell .client-production-runway h4,
.authed-shell .client-production-runway p,
.authed-shell .client-production-runway strong,
.authed-shell .client-production-runway small,
.authed-shell .client-production-runway span,
.authed-shell .client-production-runway em,
.authed-shell .client-production-runway b {
    -webkit-hyphens: none !important;
    hyphens: none !important;
    overflow-wrap: normal;
    word-break: normal;
}

.authed-shell .client-production-stage-texts span,
.authed-shell .client-production-release-contract span {
    max-width: 100%;
    overflow-wrap: anywhere;
    white-space: normal;
}

.page-client-detail .workspace-page-shell,
.page-communications .workspace-page-shell {
    padding: clamp(1rem, 1.8vw, 1.45rem);
}

.page-client-detail .customer-detail-flight,
.page-communications .app-hero-shell,
.page-communications .communication-operating-command,
.page-communications .email-trigger-preview-workbench,
.page-communications .professional-communication-pack-command,
.page-communications .communication-variable-launchpack {
    max-width: 100%;
}

.page-client-detail .customer-detail-flight {
    gap: 1.1rem;
}

.page-client-detail .client-mission-command {
    order: -30;
}

.page-client-detail .client-workflow-console {
    order: -20;
    margin-top: 0;
    padding: clamp(1.15rem, 2vw, 2rem);
}

.page-client-detail .client-workflow-head {
    grid-template-columns: minmax(0, 1.45fr) minmax(340px, 0.65fr);
}

.page-client-detail .client-mission-head {
    grid-template-columns: minmax(0, 1.45fr) minmax(340px, 0.65fr);
}

.page-client-detail .client-workflow-head h2,
.page-client-detail .client-mission-head h2,
.page-communications .app-hero-shell h1,
.page-communications .email-trigger-preview-stage h2,
.page-communications .communication-variable-launchpack-hero h2,
.page-communications .professional-communication-pack-hero h2 {
    line-height: 1.02;
    letter-spacing: -0.055em;
    max-width: 100%;
    overflow-wrap: normal;
}

.page-client-detail .client-workflow-vitals,
.page-client-detail .client-workflow-chain,
.page-client-detail .client-mission-metrics {
    grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
}

.page-client-detail .client-workflow-actions,
.page-client-detail .client-mission-paths {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.page-client-detail .app-flight-summary,
.page-client-detail .client-dossier-sections,
.page-client-detail .client-dossier-workflows,
.page-client-detail .client-dossier-checks,
.page-communications .email-trigger-preview-metrics,
.page-communications .professional-communication-pack-metrics,
.page-communications .communication-variable-launchpack-metrics {
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.page-client-detail .client-dossier-hero,
.page-client-detail .client-dossier-grid,
.page-client-detail .client-dossier-grid.secondary,
.page-client-detail .client-dossier-grid.tertiary,
.page-communications .email-trigger-preview-stage,
.page-communications .email-trigger-preview-grid,
.page-communications .email-trigger-preview-columns,
.page-communications .professional-communication-pack-hero,
.page-communications .professional-communication-pack-grid,
.page-communications .professional-communication-pack-grid.secondary,
.page-communications .professional-communication-pack-grid.tertiary,
.page-communications .communication-variable-launchpack-hero,
.page-communications .communication-variable-launchpack-grid {
    grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 1180px) {
    .page-client-detail .client-dossier-hero,
    .page-communications .email-trigger-preview-stage,
    .page-communications .professional-communication-pack-hero,
    .page-communications .communication-variable-launchpack-hero {
        grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.7fr);
    }

    .page-client-detail .client-dossier-grid,
    .page-client-detail .client-dossier-grid.secondary,
    .page-communications .email-trigger-preview-grid,
    .page-communications .professional-communication-pack-grid,
    .page-communications .professional-communication-pack-grid.secondary,
    .page-communications .communication-variable-launchpack-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .page-communications .email-trigger-preview-columns,
    .page-communications .professional-communication-pack-grid.tertiary {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .page-client-detail .client-workflow-head,
    .page-client-detail .client-mission-head {
        grid-template-columns: minmax(0, 1fr);
    }

    .page-client-detail .client-workflow-head h2,
    .page-client-detail .client-mission-head h2,
    .page-communications .app-hero-shell h1,
    .page-communications .email-trigger-preview-stage h2,
    .page-communications .communication-variable-launchpack-hero h2,
    .page-communications .professional-communication-pack-hero h2 {
        font-size: clamp(2rem, 10vw, 3.2rem);
        letter-spacing: -0.045em;
    }
}

.invoice-workflow-blueprint {
    display: grid;
    gap: clamp(1rem, 2vw, 1.35rem);
    margin: 1rem 0;
    padding: clamp(1.05rem, 2.2vw, 1.75rem);
    border: 1px solid rgba(18, 78, 79, 0.16);
    border-radius: 32px;
    background:
        radial-gradient(circle at 7% 0%, rgba(16, 131, 123, 0.15), transparent 30%),
        radial-gradient(circle at 100% 0%, rgba(218, 165, 86, 0.17), transparent 32%),
        linear-gradient(135deg, rgba(255,255,255,0.98), rgba(238,248,246,0.92));
    box-shadow: 0 28px 80px rgba(17, 45, 52, 0.11);
}

.invoice-workflow-blueprint-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(260px, 0.52fr);
    gap: 1rem;
    align-items: stretch;
}

.invoice-workflow-blueprint-hero h2 {
    max-width: 980px;
    margin: 0.15rem 0 0.65rem;
    color: #142434;
    font-family: var(--font-heading);
    font-size: clamp(2rem, 4.4vw, 4.4rem);
    line-height: 1.02;
    letter-spacing: -0.055em;
    hyphens: none;
    text-wrap: balance;
}

.invoice-workflow-blueprint-hero p {
    max-width: 86ch;
    color: #526875;
    font-size: clamp(1rem, 1.35vw, 1.13rem);
}

.invoice-workflow-blueprint-hero aside {
    display: grid;
    align-content: center;
    gap: 0.45rem;
    padding: 1rem;
    border-radius: 24px;
    color: #fff;
    background: linear-gradient(145deg, #0d2f35, #0a4641 58%, #a87936);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.16);
}

.invoice-workflow-blueprint-hero aside span,
.invoice-workflow-context-strip span,
.invoice-workflow-blueprint-panel .eyebrow {
    color: rgba(20, 36, 52, 0.58);
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.invoice-workflow-blueprint-hero aside span,
.invoice-workflow-blueprint-hero aside small {
    color: rgba(255,255,255,0.72);
}

.invoice-workflow-blueprint-hero aside strong {
    color: #fff;
    font-family: var(--font-heading);
    font-size: clamp(1.7rem, 3vw, 2.65rem);
    line-height: 0.95;
}

.invoice-workflow-context-strip,
.invoice-workflow-blueprint-grid {
    display: grid;
    gap: 0.8rem;
}

.invoice-workflow-context-strip {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.invoice-workflow-context-strip article,
.invoice-workflow-blueprint-panel {
    border: 1px solid rgba(18, 78, 79, 0.11);
    border-radius: 22px;
    background: rgba(255,255,255,0.78);
    box-shadow: 0 15px 38px rgba(17, 45, 52, 0.07);
}

.invoice-workflow-context-strip article {
    display: grid;
    gap: 0.18rem;
    align-content: start;
    min-height: 86px;
    min-width: 0;
    padding: 0.76rem 0.85rem;
}

.invoice-workflow-context-strip strong {
    color: #142434;
    font-family: var(--font-heading);
    font-size: clamp(1rem, 1.15vw, 1.18rem);
    hyphens: none;
    line-height: 1.08;
    overflow-wrap: break-word;
    text-wrap: pretty;
    word-break: normal;
}

.invoice-workflow-blueprint-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
}

.invoice-workflow-blueprint-panel {
    display: grid;
    gap: 0.8rem;
    padding: clamp(1rem, 1.7vw, 1.25rem);
}

.invoice-workflow-blueprint-panel h3 {
    margin: 0;
    color: #142434;
    font-family: var(--font-heading);
    font-size: clamp(1.35rem, 2.2vw, 2.1rem);
    line-height: 1.02;
    letter-spacing: -0.04em;
}

.invoice-workflow-list {
    display: grid;
    gap: 0.62rem;
}

.invoice-workflow-list div {
    display: grid;
    gap: 0.18rem;
    padding: 0.72rem;
    border-radius: 16px;
    background: rgba(241, 248, 248, 0.76);
}

.invoice-workflow-list.compact div {
    background: rgba(255, 248, 235, 0.76);
}

.invoice-workflow-list strong,
.invoice-workflow-text-policy b {
    color: #10383b;
}

.invoice-workflow-list p,
.invoice-workflow-text-policy p,
.invoice-workflow-text-policy small {
    margin: 0;
    color: #526875;
    line-height: 1.45;
}

.invoice-workflow-chipline,
.invoice-workflow-done-line {
    display: flex;
    flex-wrap: wrap;
    gap: 0.46rem;
}

.invoice-workflow-chipline span,
.invoice-workflow-done-line span {
    padding: 0.44rem 0.62rem;
    border: 1px solid rgba(18, 78, 79, 0.13);
    border-radius: 999px;
    background: rgba(255,255,255,0.75);
    color: #0e5558;
    font-size: 0.76rem;
    font-weight: 850;
}

.invoice-workflow-done-line span {
    background: rgba(16, 131, 123, 0.08);
}

@media (max-width: 980px) {
    .invoice-workflow-blueprint-hero,
    .invoice-workflow-blueprint-grid {
        grid-template-columns: 1fr;
    }
}