@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

*,
*::before,
*::after {
    box-sizing: border-box;
}

/* Blueprint branding task workspace: keep one creator objective above the fold. */
.blueprint-branding-tabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.5rem;
    margin-bottom: 0.65rem;
}

.blueprint-branding-tabs > button {
    position: relative;
    min-width: 0;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border: 1px solid rgba(156, 163, 175, 0.28);
    border-radius: 8px;
    background: #17191d;
    color: #d1d5db;
    font-weight: 850;
}

.blueprint-branding-tabs > button:hover,
.blueprint-branding-tabs > button:focus-visible {
    border-color: #93c5fd;
    color: #ffffff;
}

.blueprint-branding-tabs > button.active {
    border-color: #60a5fa;
    background: rgba(96, 165, 250, 0.14);
    color: #ffffff;
    box-shadow: inset 0 -3px 0 #60a5fa;
}

.blueprint-branding-tabs__state {
    width: 20px;
    height: 20px;
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 900;
}

.blueprint-branding-tabs__state--green {
    background: rgba(0, 230, 118, 0.14);
    color: #00e676;
}

.blueprint-branding-tabs__state--orange {
    background: rgba(255, 165, 0, 0.16);
    color: #ffa500;
}

.blueprint-branding-tabs__state--blue {
    background: rgba(96, 165, 250, 0.14);
    color: #93c5fd;
}

.blueprint-branding-task-panel {
    min-height: 0;
    align-content: start;
}

.blueprint-branding-task-summary,
.blueprint-branding-review {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
}

.blueprint-branding-task-summary > header,
.blueprint-branding-review > header {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
}

.blueprint-branding-task-summary h2,
.blueprint-branding-review h2,
.blueprint-branding-review h3 {
    margin: 0;
    color: #ffffff;
}

.blueprint-branding-task-summary p,
.blueprint-branding-review p {
    margin: 0.2rem 0 0;
    color: #9ca3af;
}

.blueprint-branding-asset-card,
.blueprint-branding-summary-card {
    display: grid;
    grid-template-columns: minmax(190px, 0.8fr) minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    min-height: 220px;
    padding: 0.85rem;
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 10px;
    background: rgba(15, 23, 42, 0.42);
}

.blueprint-branding-asset-card--square {
    grid-template-columns: 190px minmax(0, 1fr);
}

.blueprint-branding-asset-card > img,
.blueprint-branding-asset-card__placeholder {
    width: 100%;
    height: 190px;
    border-radius: 8px;
    object-fit: cover;
    background: #101114;
}

.blueprint-branding-asset-card--wide > img,
.blueprint-branding-asset-card--wide .blueprint-branding-asset-card__placeholder {
    height: 170px;
}

.blueprint-branding-asset-card__placeholder {
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.65rem;
    padding: 1rem;
    border: 1px dashed rgba(156, 163, 175, 0.36);
    color: #9ca3af;
    text-align: center;
}

.blueprint-branding-asset-card > div:last-child,
.blueprint-branding-summary-card > div {
    display: grid;
    gap: 0.55rem;
}

.blueprint-branding-asset-card strong,
.blueprint-branding-summary-card strong {
    color: #ffffff;
    font-size: 1rem;
}

.blueprint-branding-asset-card small,
.blueprint-branding-summary-card small {
    color: #cbd5e1;
    line-height: 1.4;
}

.blueprint-branding-asset-card button,
.blueprint-branding-summary-card button,
.blueprint-branding-inline-guide,
.blueprint-branding-review article button {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border: 1px solid rgba(96, 165, 250, 0.54);
    border-radius: 8px;
    background: rgba(37, 99, 235, 0.18);
    color: #dbeafe;
    font-weight: 850;
}

.blueprint-branding-asset-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.blueprint-branding-inline-guide {
    justify-self: start;
    padding-inline: 0.8rem;
    border-color: transparent;
    background: transparent;
    color: #93c5fd;
}

.blueprint-branding-summary-card--identity {
    grid-template-columns: 44px minmax(0, 1fr) auto;
    min-height: 60px;
    gap: 0.65rem;
    margin: 0.5rem 0.85rem 0.75rem;
    padding: 0.4rem 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.blueprint-branding-summary-card--identity .brand-kit-mock__hex {
    width: 44px;
    height: 44px;
}

.blueprint-branding-summary-card--identity .blueprint-branding-logo-preview {
    width: 44px;
    height: 44px;
}

.blueprint-branding-summary-card--identity .blueprint-branding-logo-placeholder {
    width: 44px !important;
    height: 44px !important;
    min-height: 44px;
}

.blueprint-branding-summary-card--identity .blueprint-branding-summary-card__copy {
    gap: 0.2rem;
}

.blueprint-branding-summary-card--identity button {
    min-width: 44px;
    padding-inline: 0.75rem;
}

.blueprint-branding-review__requirements,
.blueprint-branding-review__recommendations {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
}

.blueprint-branding-review__requirements h3,
.blueprint-branding-review__recommendations h3 {
    grid-column: 1 / -1;
    font-size: 0.9rem;
}

.blueprint-branding-review article {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    gap: 0.65rem;
    align-items: center;
    min-height: 74px;
    padding: 0.65rem;
    border: 1px solid rgba(156, 163, 175, 0.22);
    border-radius: 8px;
    background: #101114;
}

.blueprint-branding-review article.complete > .oi {
    color: #00e676;
}

.blueprint-branding-review article.blocked {
    border-color: rgba(255, 165, 0, 0.5);
}

.blueprint-branding-review article.blocked > .oi {
    color: #ffa500;
}

.blueprint-branding-review article div {
    display: grid;
    gap: 0.2rem;
}

.blueprint-branding-review article small {
    color: #9ca3af;
}

.blueprint-branding-editor-modal {
    position: fixed;
    inset: 0;
    z-index: 1500;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(3, 5, 8, 0.82);
    backdrop-filter: blur(8px);
}

.blueprint-branding-editor-modal__dialog {
    width: min(960px, 96vw);
    max-height: min(650px, calc(100vh - 2rem));
    max-height: min(650px, calc(100dvh - 2rem));
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
    border: 1px solid rgba(96, 165, 250, 0.42);
    border-radius: 12px;
    background: #17191d;
    box-shadow: 0 32px 90px rgba(0, 0, 0, 0.62);
}

.blueprint-branding-editor-modal__dialog--compact {
    width: min(760px, 96vw);
}

.blueprint-branding-editor-modal__dialog > header {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.2);
}

.blueprint-branding-editor-modal__dialog > header h2,
.blueprint-branding-editor-modal__dialog > header p {
    margin: 0;
}

.blueprint-branding-editor-modal__dialog > header p:last-child {
    margin-top: 0.25rem;
    color: #9ca3af;
}

.blueprint-branding-editor-modal__close {
    width: 44px;
    min-width: 44px;
    height: 44px;
    border: 1px solid rgba(156, 163, 175, 0.32);
    border-radius: 8px;
    background: #101114;
    color: #ffffff;
}

.blueprint-branding-editor-modal__body {
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
}

.blueprint-branding-more-options {
    position: relative;
    z-index: 3;
    grid-column: 1 / -1;
    width: 100%;
    margin-top: 0.25rem;
    border-top: 1px solid rgba(156, 163, 175, 0.18);
}

.blueprint-branding-more-options > summary {
    min-height: 44px;
    display: flex;
    align-items: center;
    color: #93c5fd;
    font-weight: 850;
    cursor: pointer;
}

.blueprint-branding-more-options > .blueprint-branding-mock__asset-url,
.blueprint-branding-more-options > .blueprint-branding-mock__asset-location,
.blueprint-branding-more-options > .blueprint-branding-mock__asset-metadata,
.blueprint-branding-more-options > small {
    margin-top: 0.45rem;
}

.blueprint-branding-editor-modal__dialog > footer {
    position: sticky;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    padding: 0.65rem 1rem;
    border-top: 1px solid rgba(156, 163, 175, 0.2);
    background: #17191d;
}

.blueprint-branding-mock__preview-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.45rem;
}

.blueprint-branding-mock__preview-links button {
    min-width: 88px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    border: 1px solid rgba(156, 163, 175, 0.28);
    border-radius: 8px;
    background: #101114;
    color: #d1d5db;
    font-weight: 850;
}

.blueprint-branding-mock__preview-links button.active {
    border-color: #60a5fa;
    background: rgba(96, 165, 250, 0.16);
    color: #ffffff;
}

.blueprint-branding-mock__preview-links button:hover {
    border-color: #60a5fa;
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff;
}

.blueprint-branding-mock__preview-links button:focus-visible {
    outline: 3px solid #facc15;
    outline-offset: 2px;
}

.blueprint-branding-mock__preview-links button .oi {
    min-width: auto;
    min-height: auto;
    border: 0;
    color: inherit;
}

.blueprint-branding-web-preview {
    margin-top: 0.85rem;
    overflow: hidden;
    border: 1px solid rgba(156, 163, 175, 0.25);
    border-radius: 10px;
    background: #101114;
}

.blueprint-branding-web-preview__banner {
    height: 150px;
    background:
        var(--blueprint-brand-banner, none),
        linear-gradient(135deg, color-mix(in srgb, var(--blueprint-brand-accent) 38%, transparent), #111827);
    background-position: var(--blueprint-brand-banner-position, center);
    background-size: cover;
}

.blueprint-branding-web-preview > div:last-child {
    display: grid;
    gap: 0.45rem;
    padding: 0.85rem;
}

.blueprint-branding-web-preview h2,
.blueprint-branding-web-preview p {
    margin: 0;
}

.blueprint-branding-mock__full-preview {
    width: min(100%, 420px);
    margin: 0.75rem auto 0;
}

@media (min-width: 1181px) {
    body:has(.creator-blueprint-branding-workspace) > .bizmonger-legal-footer--app-shell {
        display: none;
    }

    .creator-blueprint-branding-workspace {
        height: 100vh;
        overflow: hidden;
    }

    .creator-blueprint-branding-workspace > .creator-workspace-nav {
        height: 99px;
    }

    .blueprint-branding-mock {
        height: calc(100vh - 123px);
        min-height: 0;
    }

    .blueprint-branding-mock__sidebar,
    .blueprint-branding-mock__main,
    .blueprint-branding-mock__editor,
    .blueprint-branding-mock__preview {
        min-height: 0;
    }

    .blueprint-branding-mock__main {
        height: calc(100vh - 187px);
        grid-template-columns: minmax(0, 1fr) minmax(286px, 0.42fr);
        gap: 0.85rem;
        padding: 0.75rem 1rem;
        overflow: hidden;
    }

    .blueprint-branding-mock__editor {
        display: grid;
        grid-template-rows: auto auto minmax(0, 1fr);
        min-width: 0;
    }

    .blueprint-branding-mock .blueprint-branding-mock__page-head {
        grid-template-columns: 1fr;
        align-items: center;
        gap: 0.75rem;
        margin-bottom: 0.55rem;
    }

    .blueprint-branding-mock .blueprint-branding-mock__page-head > div:first-child {
        display: none;
    }

    .blueprint-branding-mock__page-head > div:first-child {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 0.45rem;
    }

    .blueprint-branding-mock__page-head .reports-eyebrow {
        grid-column: 1 / -1;
    }

    .blueprint-branding-mock__page-head h1 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 1.35rem;
    }

    .blueprint-branding-mock .blueprint-branding-mock__actions {
        grid-template-columns: repeat(3, minmax(110px, 1fr));
        width: min(100%, 360px);
        margin: 0;
    }

    .blueprint-branding-mock .blueprint-branding-mock__page-head > div:first-child > .status-pill {
        display: none;
    }

    .blueprint-branding-mock__form-card {
        max-height: none !important;
        height: 100%;
        overflow: hidden;
    }

    .blueprint-branding-mock__mode-row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.55rem;
    }

    .blueprint-branding-mock__mode {
        min-height: 72px;
        padding: 0.55rem;
    }

    .blueprint-branding-mock__lock {
        font-size: 0.78rem;
    }

    .blueprint-branding-mock__specification-summary {
        padding-block: 0.4rem;
    }

    .blueprint-branding-mock__specification-trigger {
        min-height: 52px;
    }

    .blueprint-branding-mock__field {
        padding: 0.65rem 0.9rem;
    }

    .blueprint-branding-mock__preview {
        position: sticky;
        top: 0;
        height: 100%;
        margin: 0;
        padding: 0.75rem;
        align-self: start;
    }

    .blueprint-branding-mock__phone {
        width: min(100%, 286px);
        margin-top: 0.6rem;
        padding: 0.55rem;
        border-width: 5px;
        border-radius: 30px;
    }

    .blueprint-branding-mock__phone-banner {
        height: 64px;
    }

    .blueprint-branding-mock__phone-body {
        padding: 0.65rem;
        font-size: 0.8rem;
    }

    .blueprint-branding-mock__phone-body .brand-preview-status-row,
    .blueprint-branding-mock__phone-proof,
    .blueprint-branding-mock__phone-body > p:last-of-type,
    .blueprint-branding-mock__phone-body > small,
    .blueprint-branding-mock__validation {
        display: none;
    }

    .blueprint-branding-mock__phone-logo {
        width: 44px;
        height: 44px;
        margin-top: -1.25rem;
    }

    .blueprint-branding-mock__phone-body h2 {
        margin: 0.35rem 0;
        font-size: 1rem;
    }

    .blueprint-branding-mock__phone-metrics {
        margin-top: 0.45rem;
    }

    .blueprint-branding-mock__preview-action {
        min-height: 40px;
        margin-top: 0.55rem;
    }

    .blueprint-branding-mock__full-preview {
        margin-top: 0.55rem;
    }

    .blueprint-branding-mock__preview-toggle {
        display: none !important;
    }
}

@media (max-width: 1180px) {
    .blueprint-branding-mock__preview {
        display: none;
    }

    .blueprint-branding-mock__preview--modal-open {
        position: fixed;
        inset: 0;
        z-index: 1500;
        display: block;
        width: 100%;
        max-height: 100vh;
        max-height: 100dvh;
        margin: 0;
        overflow: auto;
        border-radius: 0;
        background: #17191d;
    }

    .blueprint-branding-task-panel {
        min-height: 430px;
    }
}

@media (max-width: 720px) {
    .blueprint-branding-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .blueprint-branding-asset-card,
    .blueprint-branding-asset-card--square,
    .blueprint-branding-summary-card--identity,
    .blueprint-branding-review__requirements,
    .blueprint-branding-review__recommendations {
        grid-template-columns: 1fr;
    }

    .blueprint-branding-editor-modal {
        padding: 0;
    }

    .blueprint-branding-editor-modal__dialog,
    .blueprint-branding-editor-modal__dialog--compact {
        width: 100%;
        height: 100vh;
        height: 100dvh;
        max-height: 100vh;
        max-height: 100dvh;
        border-radius: 0;
    }
}

.production-plan-review-shell {
    display: grid;
    gap: 1rem;
    max-width: 1480px;
    margin: 0 auto;
    color: #f8fafc;
}

.production-plan-review-shell a {
    color: inherit;
}

.production-plan-review-hero,
.production-plan-panel {
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(43, 45, 49, 0.94), rgba(18, 24, 28, 0.96)),
        #2b2d31;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.24);
}

.production-plan-review-hero {
    display: grid;
    gap: 1rem;
    padding: clamp(1rem, 2.4vw, 1.5rem);
}

.production-plan-review-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    color: #9ca3af;
    font-size: 0.82rem;
    font-weight: 760;
}

.production-plan-review-breadcrumb a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: #d1d5db;
    text-decoration: none;
}

.production-plan-review-breadcrumb a:hover,
.production-plan-review-breadcrumb a:focus-visible {
    color: #ffffff;
}

.production-plan-review-breadcrumb strong {
    color: #60a5fa;
}

.production-plan-review-hero__main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 300px);
    gap: 1rem;
    align-items: end;
}

.production-plan-review-eyebrow {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin: 0 0 0.7rem;
    color: #9ca3af;
    font-size: 0.86rem;
    font-weight: 760;
}

.production-plan-review-hero h1 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(2rem, 4vw, 3.75rem);
    line-height: 1.02;
}

.production-plan-review-hero p {
    max-width: 760px;
    margin: 0.75rem 0 0;
    color: #cbd5e1;
    font-size: 1rem;
    line-height: 1.65;
}

.production-plan-review-score {
    display: grid;
    justify-items: start;
    gap: 0.28rem;
    min-height: 150px;
    padding: 1rem;
    border: 1px solid rgba(96, 165, 250, 0.36);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.1);
}

.production-plan-review-score span {
    color: #00e676;
    font-size: 3rem;
    font-weight: 900;
    line-height: 1;
}

.production-plan-review-score strong {
    color: #ffffff;
    font-size: 1rem;
}

.production-plan-review-score small,
.production-plan-panel p,
.production-plan-panel small,
.production-plan-panel span,
.production-plan-panel dd,
.production-plan-panel dt {
    color: #9ca3af;
}

.production-plan-review-grid {
    display: grid;
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr) minmax(300px, 360px);
    gap: 1rem;
    align-items: start;
}

.production-plan-summary-rail,
.production-plan-main-board,
.production-plan-decision-rail {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.production-plan-panel {
    display: grid;
    gap: 1rem;
    min-width: 0;
    padding: 1rem;
}

.production-plan-panel h2 {
    margin: 0;
    color: #ffffff;
    font-size: 1.05rem;
}

.production-plan-panel p {
    margin: 0;
    line-height: 1.5;
}

.production-plan-panel-heading {
    display: grid;
    gap: 0.45rem;
}

.production-plan-panel-heading--row {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
}

.production-plan-summary-card dl {
    display: grid;
    gap: 0.7rem;
    margin: 0;
}

.production-plan-summary-card dl > div,
.production-plan-audit-list li {
    display: grid;
    gap: 0.2rem;
    padding: 0.7rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(17, 24, 39, 0.58);
}

.production-plan-summary-card dt {
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.production-plan-summary-card dd {
    margin: 0;
    color: #ffffff;
    font-weight: 800;
}

.production-plan-audit-list {
    display: grid;
    gap: 0.55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.production-plan-audit-list strong {
    color: #ffffff;
    font-size: 0.88rem;
}

.production-plan-audit-list span {
    font-size: 0.8rem;
}

.production-plan-readiness-tiles {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 0.75rem;
}

.production-plan-readiness-tile {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.75rem;
    min-height: 122px;
    padding: 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: rgba(43, 45, 49, 0.86);
}

.production-plan-readiness-tile > .oi,
.production-plan-blocker__icon,
.production-plan-proof-note > .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid currentColor;
    border-radius: 8px;
    color: #60a5fa;
}

.production-plan-readiness-tile strong,
.production-plan-blocker strong,
.production-plan-check-card strong {
    display: block;
    color: #ffffff;
    font-weight: 850;
}

.production-plan-readiness-tile small {
    display: block;
    margin-top: 0.22rem;
    line-height: 1.35;
}

.production-plan-readiness-tile em {
    grid-column: 1 / -1;
    align-self: end;
    color: #ffffff;
    font-style: normal;
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
}

.production-plan-tone--green { border-color: rgba(0, 230, 118, 0.42); }
.production-plan-tone--orange { border-color: rgba(255, 165, 0, 0.42); }
.production-plan-tone--red { border-color: rgba(255, 68, 68, 0.46); }
.production-plan-tone--gold { border-color: rgba(255, 215, 0, 0.42); }
.production-plan-tone--blue { border-color: rgba(96, 165, 250, 0.42); }

.production-plan-tone--green .oi,
.production-plan-tone--green em { color: #00e676; }
.production-plan-tone--orange .oi,
.production-plan-tone--orange em { color: #ffa500; }
.production-plan-tone--red .oi,
.production-plan-tone--red em { color: #ff4444; }
.production-plan-tone--gold .oi,
.production-plan-tone--gold em { color: #ffd700; }
.production-plan-tone--blue .oi,
.production-plan-tone--blue em { color: #60a5fa; }

.production-plan-secondary-action,
.production-plan-blocker a,
.production-plan-primary-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-height: 44px;
    border: 1px solid rgba(96, 165, 250, 0.52);
    border-radius: 8px;
    color: #ffffff;
    font-weight: 820;
    text-decoration: none;
}

.production-plan-secondary-action {
    padding: 0 0.85rem;
    background: rgba(96, 165, 250, 0.1);
}

.production-plan-blocker-list {
    display: grid;
    gap: 0.7rem;
}

.production-plan-blocker {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    gap: 0.8rem;
    align-items: center;
    padding: 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: rgba(17, 24, 39, 0.58);
}

.production-plan-blocker p {
    margin-top: 0.18rem;
}

.production-plan-blocker small {
    display: block;
    margin-top: 0.35rem;
    color: #d1d5db;
}

.production-plan-blocker a {
    min-width: 70px;
    padding: 0 0.75rem;
    background: rgba(96, 165, 250, 0.1);
}

.production-plan-disclosure {
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: rgba(17, 24, 39, 0.48);
}

.production-plan-disclosure summary {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    min-height: 44px;
    padding: 0 0.85rem;
    color: #d1d5db;
    cursor: pointer;
    font-weight: 820;
}

.production-plan-disclosure summary::marker {
    color: #60a5fa;
}

.production-plan-disclosure p {
    padding: 0 0.85rem 0.85rem;
}

.production-plan-passed-grid,
.production-plan-check-grid {
    display: grid;
    gap: 0.65rem;
}

.production-plan-passed-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0 0.85rem 0.85rem;
}

.production-plan-passed-grid span {
    min-height: 34px;
    padding: 0.45rem 0.55rem;
    border: 1px solid rgba(0, 230, 118, 0.18);
    border-radius: 8px;
    background: rgba(0, 230, 118, 0.06);
    color: #d1d5db;
    font-size: 0.82rem;
}

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

.production-plan-check-card {
    display: grid;
    gap: 0.35rem;
    min-height: 118px;
    padding: 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: rgba(17, 24, 39, 0.48);
}

.production-plan-check-card span {
    line-height: 1.45;
}

.production-plan-decision-card {
    position: sticky;
    top: 6rem;
}

.production-plan-decision-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
}

.production-plan-decision-stats div {
    display: grid;
    gap: 0.1rem;
    min-height: 74px;
    padding: 0.7rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: rgba(17, 24, 39, 0.58);
}

.production-plan-decision-stats strong {
    color: #ffffff;
    font-size: 1.35rem;
}

.production-plan-proof-note {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
    padding: 0.8rem;
    border: 1px solid rgba(255, 215, 0, 0.28);
    border-radius: 8px;
    background: rgba(255, 215, 0, 0.07);
}

.production-plan-proof-note > .oi {
    color: #ffd700;
}

.production-plan-primary-action {
    width: 100%;
    padding: 0 1rem;
    background: #60a5fa;
    color: #081018;
}

.production-plan-primary-action:disabled {
    border-color: rgba(156, 163, 175, 0.28);
    background: rgba(156, 163, 175, 0.22);
    color: #9ca3af;
    cursor: not-allowed;
}

.production-plan-primary-action--secondary {
    background: transparent;
    color: #60a5fa;
}

.production-plan-next-card ul {
    display: grid;
    gap: 0.55rem;
    margin: 0;
    padding-left: 1.2rem;
    color: #d1d5db;
}

@media (max-width: 1180px) {
    .production-plan-review-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .production-plan-summary-rail,
    .production-plan-decision-rail {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .production-plan-decision-card {
        position: static;
    }
}

@media (max-width: 920px) {
    .production-plan-review-hero__main,
    .production-plan-readiness-tiles,
    .production-plan-check-grid,
    .production-plan-summary-rail,
    .production-plan-decision-rail {
        grid-template-columns: minmax(0, 1fr);
    }

    .production-plan-panel-heading--row,
    .production-plan-blocker {
        grid-template-columns: minmax(0, 1fr);
    }

    .production-plan-blocker__icon {
        display: none;
    }
}

.hivesync-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    gap: 0;
    overflow: visible;
    background: transparent;
    color: transparent;
    line-height: 1;
}

.hivesync-logo--mark {
    width: var(--hivesync-logo-size, 2rem);
    height: var(--hivesync-logo-size, 2rem);
}

.hivesync-logo--lockup {
    width: var(--hivesync-logo-lockup-width, 10rem);
    height: var(--hivesync-logo-lockup-height, 3.125rem);
    max-width: 100%;
    gap: 0.625rem;
    justify-content: flex-start;
}

.hivesync-logo::before,
.hivesync-logo::after {
    content: none !important;
}

.hivesync-logo__image {
    display: block;
    flex: 0 0 auto;
    border-radius: 10px;
    object-fit: contain;
}

.hivesync-logo--mark > .hivesync-logo__image {
    width: 100%;
    height: 100%;
}

.hivesync-logo--lockup > .hivesync-logo__image {
    width: var(--hivesync-logo-lockup-height, 3.125rem);
    height: var(--hivesync-logo-lockup-height, 3.125rem);
}

.hivesync-logo__wordmark {
    color: #f8fafc;
    font-size: 1.35rem;
    font-weight: 900;
    letter-spacing: -0.025em;
    line-height: 1;
    white-space: nowrap;
}

.marketplace-workspace.client-mandate-proposal-d-workspace {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: clamp(11.75rem, 11.2vw, 12.25rem) minmax(0, 1fr) clamp(27.5rem, 27.25vw, 28.75rem);
    gap: 0;
    width: 100%;
    max-width: none !important;
    min-height: 100vh;
    margin: 0;
    padding: 0 !important;
    overflow: hidden;
    background: #081018;
    color: #e5e7eb;
}

.marketplace-workspace.client-mandate-proposal-d-workspace:not(:has(.buyer-checkout-mockup-hybrid)) > * {
    width: auto;
    max-width: none;
}

.client-mandate-proposal-d-workspace *,
.client-mandate-proposal-d-workspace *::before,
.client-mandate-proposal-d-workspace *::after {
    box-sizing: border-box;
}

.client-mandate-proposal-d-workspace a,
.client-mandate-proposal-d-workspace button,
.client-mandate-proposal-d-workspace input,
.client-mandate-proposal-d-workspace select {
    min-height: 44px;
}

.client-mandate-proposal-d-workspace input[type="checkbox"] {
    min-width: 44px;
    width: 44px;
    height: 44px;
}

.client-mandate-proposal-d-sidebar,
.client-mandate-proposal-d-main,
.client-mandate-proposal-d-drawer {
    min-width: 0;
}

.client-mandate-proposal-d-sidebar {
    position: sticky;
    top: 0;
    display: grid;
    grid-template-rows: auto auto auto auto minmax(0, 1fr) auto;
    gap: 0.88rem;
    height: 100vh;
    padding: 0.82rem 0.65rem 0.75rem;
    border-right: 1px solid rgba(148, 163, 184, 0.18);
    background: linear-gradient(180deg, #0b141c, #071018 82%);
}

.client-mandate-proposal-d-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.72rem;
    min-height: 40px;
    color: #f8fafc;
    text-decoration: none;
}

.client-mandate-proposal-d-brand span {
    position: relative;
    width: 1.58rem;
    height: 1.58rem;
    border: 0;
    border-radius: 0;
}

.client-mandate-proposal-d-brand span::before,
.client-mandate-proposal-d-brand span::after {
    content: "";
    position: absolute;
    inset: 0;
    clip-path: polygon(25% 4%, 75% 4%, 100% 50%, 75% 96%, 25% 96%, 0 50%);
}

.client-mandate-proposal-d-brand span::before {
    background: #fbbf24;
}

.client-mandate-proposal-d-brand span::after {
    inset: 0.18rem;
    background:
        linear-gradient(150deg, transparent 0 42%, #fbbf24 43% 50%, transparent 51% 100%),
        #0b141c;
}

.client-mandate-proposal-d-brand strong {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 850;
    letter-spacing: 0.08em;
}

.client-mandate-proposal-d-sidebar nav {
    display: grid;
    gap: 0.22rem;
}

.client-mandate-proposal-d-nav-heading {
    margin: 0.3rem 0 0.42rem;
    color: #8794a6;
    font-size: 0.68rem;
    font-weight: 760;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.client-mandate-proposal-d-sidebar nav a,
.client-mandate-proposal-d-collapse {
    position: relative;
    display: grid;
    grid-template-columns: 1.08rem minmax(0, 1fr) auto;
    gap: 0.42rem;
    align-items: center;
    min-height: 39px;
    padding: 0.38rem 0.52rem;
    border: 1px solid transparent;
    border-radius: 5px;
    background: transparent;
    color: #cbd5e1;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 640;
    text-align: left;
    text-decoration: none;
}

.client-mandate-proposal-d-sidebar nav a span,
.client-mandate-proposal-d-collapse span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #cbd5e1;
}

.client-mandate-proposal-d-nav-icon.oi,
.client-mandate-proposal-d-crumb .oi,
.client-mandate-proposal-d-user .oi,
.client-mandate-proposal-d-saved > .oi,
.client-mandate-proposal-d-filters .oi,
.client-mandate-proposal-d-delivery .oi,
.client-mandate-proposal-d-drawer-actions .oi {
    width: 1rem;
    color: currentColor;
    font-size: 0.82rem;
    text-align: center;
}

.client-mandate-proposal-d-nav-active .client-mandate-proposal-d-nav-icon {
    color: #fbbf24;
}

.client-mandate-proposal-d-sidebar nav a em {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.42rem;
    height: 1.42rem;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.22);
    color: #e5e7eb;
    font-size: 0.68rem;
    font-style: normal;
    font-weight: 850;
}

.client-mandate-proposal-d-sidebar nav a:hover,
.client-mandate-proposal-d-sidebar nav a:focus-visible,
.client-mandate-proposal-d-nav-active {
    border-color: rgba(37, 99, 235, 0.44);
    background: linear-gradient(90deg, rgba(37, 99, 235, 0.76), rgba(37, 99, 235, 0.2));
    color: #ffffff !important;
    outline: none;
}

.client-mandate-proposal-d-nav-active {
    color: #fbbf24 !important;
}

.client-mandate-proposal-d-nav-active::before {
    content: "";
    position: absolute;
    left: 0;
    width: 0.18rem;
    height: 2.6rem;
    border-radius: 999px;
    background: #fbbf24;
}

.client-mandate-proposal-d-account {
    align-self: end;
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: 0.55rem;
    align-items: center;
    padding-top: 0.9rem;
}

.client-mandate-proposal-d-account > span,
.client-mandate-proposal-d-user > span:first-of-type,
.client-mandate-proposal-d-reviewer select {
    background: #5f9f3d;
}

.client-mandate-proposal-d-account > span,
.client-mandate-proposal-d-user > span:first-of-type {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    color: #f0fdf4;
    font-size: 0.76rem;
    font-weight: 850;
}

.client-mandate-proposal-d-account strong,
.client-mandate-proposal-d-account small,
.client-mandate-proposal-d-user strong,
.client-mandate-proposal-d-user small {
    display: block;
    overflow: hidden;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.client-mandate-proposal-d-account strong,
.client-mandate-proposal-d-user strong {
    color: #ffffff;
    font-size: 0.78rem;
}

.client-mandate-proposal-d-account small,
.client-mandate-proposal-d-user small {
    color: #aeb8c7;
    font-size: 0.72rem;
}

.client-mandate-proposal-d-collapse {
    grid-template-columns: 1.3rem minmax(0, 1fr);
    color: #8794a6;
}

.client-mandate-proposal-d-main {
    display: grid;
    grid-template-rows: auto auto auto auto auto minmax(0, 1fr);
    row-gap: 0;
    max-height: 100vh;
    overflow: auto;
    background: radial-gradient(circle at 50% 0, rgba(37, 99, 235, 0.08), transparent 26%), #09131b;
}

.client-mandate-proposal-d-main > *,
.client-mandate-proposal-d-drawer > * {
    margin: 0;
}

.client-mandate-proposal-d-topbar {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    min-height: 3.1rem;
    padding: 0 1.1rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.16);
    background: rgba(8, 15, 22, 0.92);
}

.client-mandate-proposal-d-crumb {
    display: flex;
    gap: 0.78rem;
    align-items: center;
    color: #9ca3af;
    font-size: 0.84rem;
}

.client-mandate-proposal-d-crumb strong {
    color: #e5e7eb;
    font-weight: 680;
}

.client-mandate-proposal-d-user {
    display: flex;
    gap: 0.55rem;
    align-items: center;
}

.client-mandate-proposal-d-user button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 0;
    background: transparent;
    color: #e5e7eb;
}

.client-mandate-proposal-d-user > .oi {
    color: #cbd5e1;
    font-size: 0.72rem;
}

.client-mandate-proposal-d-user button em {
    position: absolute;
    top: 0.38rem;
    right: 0.34rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.15rem;
    height: 1.15rem;
    border-radius: 999px;
    background: #ef4444;
    color: #ffffff;
    font-size: 0.64rem;
    font-style: normal;
    font-weight: 900;
}

.client-mandate-proposal-d-heading {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: start;
    padding: 0.72rem 1rem 0.95rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}

.client-mandate-proposal-d-heading h1 {
    display: inline-flex;
    margin: 0 0.3rem 0.25rem 0;
    color: #ffffff;
    font-size: 1.62rem;
    line-height: 1.1;
}

.client-mandate-proposal-d-heading p {
    margin: 0.2rem 0 0;
    color: #cbd5e1;
    font-size: 0.86rem;
}

.client-mandate-proposal-d-pill {
    display: inline-flex;
    align-items: center;
    min-height: 1.62rem;
    margin-right: 0.26rem;
    padding: 0.18rem 0.5rem;
    border: 1px solid rgba(148, 163, 184, 0.32);
    border-radius: 4px;
    background: rgba(15, 23, 42, 0.72);
    color: #d1d5db;
    font-size: 0.75rem;
    font-weight: 760;
}

.client-mandate-proposal-d-pill--green {
    border-color: rgba(34, 197, 94, 0.48);
    background: rgba(22, 101, 52, 0.34);
    color: #86efac;
}

.client-mandate-proposal-d-primary,
.client-mandate-proposal-d-row-action,
.client-mandate-proposal-d-drawer-actions a,
.client-mandate-proposal-d-approve,
.client-mandate-proposal-d-follow-up {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    border-radius: 5px;
    font-weight: 780;
    text-decoration: none;
}

.client-mandate-proposal-d-primary {
    gap: 0.45rem;
    padding: 0 1rem;
    border: 1px solid rgba(96, 165, 250, 0.62);
    background: #1266d8;
    color: #ffffff;
    font-size: 0.86rem;
    box-shadow: 0 10px 24px rgba(18, 102, 216, 0.22);
}

.client-mandate-proposal-d-saved,
.client-mandate-proposal-d-filters,
.client-mandate-proposal-d-alerts {
    display: flex;
    gap: 0.62rem;
    align-items: center;
    min-width: 0;
    padding: 0.55rem 1rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}

.client-mandate-proposal-d-saved {
    flex-wrap: nowrap;
    overflow-x: auto;
}

.client-mandate-proposal-d-saved > strong {
    color: #aeb8c7;
    font-size: 0.82rem;
    white-space: nowrap;
}

.client-mandate-proposal-d-chip,
.client-mandate-proposal-d-new-view,
.client-mandate-proposal-d-filters button {
    display: inline-flex;
    gap: 0.55rem;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 5px;
    background: rgba(15, 23, 42, 0.52);
    color: #d1d5db;
    font: inherit;
    font-size: 0.78rem;
    white-space: nowrap;
}

.client-mandate-proposal-d-chip {
    padding: 0 0.66rem;
}

.client-mandate-proposal-d-chip em {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.45rem;
    height: 1.45rem;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.16);
    color: #e5e7eb;
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 850;
}

.client-mandate-proposal-d-chip--active {
    border-color: rgba(59, 130, 246, 0.7);
    background: rgba(37, 99, 235, 0.24);
    color: #ffffff;
}

.client-mandate-proposal-d-new-view {
    margin-left: auto;
    padding: 0 0.8rem;
}

.client-mandate-proposal-d-filters {
    padding-top: 0.42rem;
    padding-bottom: 0.42rem;
}

.client-mandate-proposal-d-search {
    position: relative;
    flex: 1 1 21rem;
    min-width: 15rem;
}

.client-mandate-proposal-d-search input {
    width: 100%;
    min-height: 34px;
    padding: 0 2.5rem 0 0.78rem;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 5px;
    background: rgba(8, 15, 22, 0.88);
    color: #ffffff;
    font-size: 0.84rem;
}

.client-mandate-proposal-d-search > span:last-child {
    position: absolute;
    top: 50%;
    right: 0.82rem;
    transform: translateY(-50%);
    color: #94a3b8;
}

.client-mandate-proposal-d-filters button {
    padding: 0 0.75rem;
}

.client-mandate-proposal-d-filters button:last-child {
    width: 44px;
    padding: 0;
}

.client-mandate-proposal-d-alerts {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(15.55rem, 0.32fr);
    gap: 0.62rem;
    padding-top: 0.36rem;
    padding-bottom: 0.34rem;
    margin: 0;
}

.client-mandate-proposal-d-alert {
    display: grid;
    gap: 0.28rem;
    align-items: center;
    min-height: 2.62rem;
    padding: 0.26rem 0.52rem;
    border-radius: 5px;
}

.client-mandate-proposal-d-alert--red {
    grid-template-columns: auto auto minmax(0, 1fr) auto;
    border: 1px solid rgba(239, 68, 68, 0.5);
    background: rgba(127, 29, 29, 0.36);
}

.client-mandate-proposal-d-alert--gold {
    grid-template-columns: auto minmax(9.85rem, 1fr) auto;
    border: 1px solid rgba(245, 158, 11, 0.55);
    background: rgba(120, 53, 15, 0.36);
}

.client-mandate-proposal-d-alert > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.35rem;
    height: 1.35rem;
    border: 0;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 900;
}

.client-mandate-proposal-d-alert > .client-mandate-proposal-d-alert-symbol {
    border: 1px solid currentColor;
    border-radius: 999px;
    font-family: inherit;
}

.client-mandate-proposal-d-alert--red > span,
.client-mandate-proposal-d-alert--red strong {
    color: #fca5a5;
}

.client-mandate-proposal-d-alert--gold > span,
.client-mandate-proposal-d-alert--gold strong {
    color: #fbbf24;
}

.client-mandate-proposal-d-alert p {
    margin: 0;
    color: #cbd5e1;
    font-size: 0.74rem;
    line-height: 1.18;
}

.client-mandate-proposal-d-alert strong {
    line-height: 1.12;
    font-size: 0.82rem;
}

.client-mandate-proposal-d-alert--gold p {
    white-space: nowrap;
}

.client-mandate-proposal-d-alert a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    margin-block: -0.8rem;
    color: #60a5fa;
    font-size: 0.78rem;
    font-weight: 760;
    text-decoration: none;
}

.client-mandate-proposal-d-alert > a:last-child {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin-block: 0;
    padding: 0 0.54rem;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 5px;
    color: #ffffff;
}

.client-mandate-proposal-d-insights {
    display: grid;
    grid-template-columns: minmax(15rem, 1fr) minmax(13rem, 0.82fr) minmax(13rem, 0.88fr);
    gap: 0.46rem;
    min-width: 0;
    padding: 0.2rem 1rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}

.client-mandate-proposal-d-chart-card {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
    min-height: 2.5rem;
    padding: 0.18rem 0.42rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 5px;
    background: linear-gradient(145deg, rgba(15, 23, 42, 0.82), rgba(8, 15, 22, 0.72));
}

.client-mandate-proposal-d-chart-card header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.48rem;
    min-width: 0;
}

.client-mandate-proposal-d-chart-card header span,
.client-mandate-proposal-d-chart-card p {
    color: #aeb8c7;
    font-size: 0.58rem;
    line-height: 1.1;
}

.client-mandate-proposal-d-chart-card header strong {
    color: #ffffff;
    font-size: 0.68rem;
    font-weight: 850;
    white-space: nowrap;
}

.client-mandate-proposal-d-chart-card p {
    margin: 0;
}

.client-mandate-proposal-d-chart-card p strong {
    color: #fbbf24;
}

.client-mandate-proposal-d-segment-chart,
.client-mandate-proposal-d-meter {
    display: flex;
    min-width: 0;
    height: 0.32rem;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.82);
}

.client-mandate-proposal-d-segment {
    width: var(--segment-width);
    min-width: 0.28rem;
}

.client-mandate-proposal-d-segment--green,
.client-mandate-proposal-d-bar--green {
    background: #22c55e;
}

.client-mandate-proposal-d-segment--gold,
.client-mandate-proposal-d-bar--gold {
    background: #fbbf24;
}

.client-mandate-proposal-d-segment--blue,
.client-mandate-proposal-d-bar--blue {
    background: #60a5fa;
}

.client-mandate-proposal-d-segment--red,
.client-mandate-proposal-d-bar--red {
    background: #f87171;
}

.client-mandate-proposal-d-chart-legend,
.client-mandate-proposal-d-bar-chart {
    display: grid;
    gap: 0.07rem;
    margin: 0;
}

.client-mandate-proposal-d-chart-legend {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.client-mandate-proposal-d-chart-legend div,
.client-mandate-proposal-d-bar-chart div {
    display: grid;
    min-width: 0;
}

.client-mandate-proposal-d-chart-legend div {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.22rem;
    align-items: center;
}

.client-mandate-proposal-d-chart-legend dt,
.client-mandate-proposal-d-chart-legend dd,
.client-mandate-proposal-d-bar-chart dt,
.client-mandate-proposal-d-bar-chart dd {
    margin: 0;
    color: #cbd5e1;
    font-size: 0.52rem;
    line-height: 1.05;
}

.client-mandate-proposal-d-chart-legend dt {
    display: inline-flex;
    gap: 0.22rem;
    align-items: center;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.client-mandate-proposal-d-chart-legend dd,
.client-mandate-proposal-d-bar-chart dd strong {
    color: #ffffff;
    font-weight: 850;
}

.client-mandate-proposal-d-meter span {
    width: var(--meter-width);
    border-radius: inherit;
    background: linear-gradient(90deg, #22c55e, #60a5fa);
}

.client-mandate-proposal-d-bar-chart div {
    grid-template-columns: minmax(5.1rem, 0.78fr) minmax(0, 1fr);
    gap: 0.22rem;
    align-items: center;
}

.client-mandate-proposal-d-bar-chart dd {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 1.25rem;
    gap: 0.22rem;
    align-items: center;
}

.client-mandate-proposal-d-bar {
    display: block;
    width: var(--bar-width);
    min-width: 0.35rem;
    height: 0.22rem;
    border-radius: 999px;
}

.client-mandate-proposal-d-table {
    display: grid;
    min-width: 0;
    margin: 0 1rem 0.72rem;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 5px;
    background: rgba(8, 15, 22, 0.62);
}

.client-mandate-proposal-d-table-header,
.client-mandate-proposal-d-row {
    display: grid;
    grid-template-columns: 1.65rem minmax(6.5rem, 0.98fr) minmax(6.45rem, 0.84fr) minmax(10.1rem, 1.38fr) minmax(5.9rem, 0.62fr) minmax(4.05rem, 0.42fr) minmax(4.4rem, 0.44fr) minmax(4.7rem, 0.46fr) minmax(5.35rem, 0.52fr) minmax(5.9rem, 0.64fr) 1.15rem;
    gap: 0.5rem;
    align-items: center;
    min-width: 0;
}

.client-mandate-proposal-d-table-header {
    min-height: 1.78rem;
    padding: 0 0.5rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.15);
    background: rgba(21, 31, 41, 0.86);
    color: #cbd5e1;
    font-size: 0.7rem;
    font-weight: 760;
}

.client-mandate-proposal-d-group {
    display: grid;
}

.client-mandate-proposal-d-group-label {
    display: inline-flex;
    gap: 0.45rem;
    align-items: center;
    min-height: 1.36rem;
    padding: 0 0.6rem;
    border: 0;
    border-top: 1px solid rgba(148, 163, 184, 0.1);
    background: rgba(6, 14, 20, 0.76);
    color: #ffffff;
    font: inherit;
    font-size: 0.73rem;
    font-weight: 820;
    text-align: left;
}

.client-mandate-proposal-d-dot {
    width: 0.58rem;
    height: 0.58rem;
    border-radius: 999px;
    background: #94a3b8;
}

.client-mandate-proposal-d-dot--green { background: #22c55e; }
.client-mandate-proposal-d-dot--gold { background: #fbbf24; }
.client-mandate-proposal-d-dot--blue { background: #60a5fa; }
.client-mandate-proposal-d-dot--red { background: #f87171; }

.client-mandate-proposal-d-row {
    min-height: 2.72rem;
    padding: 0.14rem 0.5rem;
    border-top: 1px solid rgba(148, 163, 184, 0.1);
    color: #cbd5e1;
    text-decoration: none;
}

.client-mandate-proposal-d-row:hover,
.client-mandate-proposal-d-row:focus-visible,
.client-mandate-proposal-d-row--selected {
    outline: none;
    background: linear-gradient(90deg, rgba(37, 99, 235, 0.44), rgba(37, 99, 235, 0.15));
    box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.72);
}

.client-mandate-proposal-d-row strong,
.client-mandate-proposal-d-row small {
    display: block;
    overflow: hidden;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.client-mandate-proposal-d-row > span {
    min-width: 0;
    color: #cbd5e1;
    font-size: 0.7rem;
    line-height: 1.16;
}

.client-mandate-proposal-d-row > span:nth-child(9) {
    color: #dbe4f0;
    font-size: 0.74rem;
}

.client-mandate-proposal-d-row strong {
    color: #f8fafc;
    font-size: 0.7rem;
    font-weight: 760;
}

.client-mandate-proposal-d-row small {
    margin-top: 0.06rem;
    color: #aeb8c7;
    font-size: 0.63rem;
}

.client-mandate-proposal-d-row input {
    width: 1rem;
    height: 1rem;
    accent-color: #2563eb;
}

.client-mandate-proposal-d-contractor {
    display: grid;
    grid-template-columns: 1.62rem minmax(0, 1fr);
    column-gap: 0.46rem;
    align-items: center;
}

.client-mandate-proposal-d-contractor em {
    grid-row: span 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.62rem;
    height: 1.62rem;
    border-radius: 999px;
    background: #334155;
    color: #e5e7eb;
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 820;
}

.client-mandate-proposal-d-status {
    display: inline-flex;
    align-items: center;
    min-height: 1.48rem;
    padding: 0 0.38rem;
    border: 1px solid currentColor;
    border-radius: 4px;
    background: rgba(15, 23, 42, 0.78);
    font-size: 0.66rem;
    font-weight: 760;
    line-height: 1.12;
}

.client-mandate-proposal-d-status--green {
    color: #86efac;
    background: rgba(22, 101, 52, 0.34);
}

.client-mandate-proposal-d-status--gold {
    color: #fbbf24;
    background: rgba(120, 53, 15, 0.38);
}

.client-mandate-proposal-d-status--blue {
    color: #60a5fa;
    background: rgba(30, 64, 175, 0.26);
}

.client-mandate-proposal-d-status--red {
    color: #f87171;
    background: rgba(127, 29, 29, 0.34);
}

.client-mandate-proposal-d-proof strong {
    color: #dbeafe;
}

.client-mandate-proposal-d-proof small {
    color: #86efac;
}

.client-mandate-proposal-d-delivery small {
    display: inline-flex;
    align-items: center;
    min-height: 0.9rem;
}

.client-mandate-proposal-d-delivery .oi-warning {
    color: #f87171;
}

.client-mandate-proposal-d-due--gold strong,
.client-mandate-proposal-d-due--gold small {
    color: #fbbf24;
}

.client-mandate-proposal-d-due--red strong,
.client-mandate-proposal-d-due--red small {
    color: #f87171;
}

.client-mandate-proposal-d-row-action {
    min-height: 1.95rem;
    width: 100%;
    padding: 0 0.48rem;
    border: 1px solid rgba(59, 130, 246, 0.62);
    background: rgba(37, 99, 235, 0.24);
    color: #93c5fd;
    font-size: 0.68rem;
}

.client-mandate-proposal-d-table-footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 1rem;
    align-items: center;
    min-width: 0;
    min-height: 2.25rem;
    padding: 0 0.65rem;
    border-top: 1px solid rgba(148, 163, 184, 0.12);
    color: #9ca3af;
    font-size: 0.7rem;
}

.client-mandate-proposal-d-table-footer div {
    display: flex;
    gap: 0.4rem;
    align-items: center;
}

.client-mandate-proposal-d-table-footer button,
.client-mandate-proposal-d-table-footer strong,
.client-mandate-proposal-d-table-footer select {
    min-width: 44px;
    min-height: 44px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 5px;
    background: rgba(15, 23, 42, 0.62);
    color: #e5e7eb;
    text-align: center;
}

.client-mandate-proposal-d-table-footer strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-color: rgba(37, 99, 235, 0.58);
    background: rgba(37, 99, 235, 0.34);
}

.client-mandate-proposal-d-table-footer label {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.client-mandate-proposal-d-drawer {
    position: sticky;
    top: 0;
    display: grid;
    align-content: start;
    gap: 0.62rem;
    height: 100vh;
    padding: 0.85rem 0.72rem 0.85rem;
    overflow: auto;
    border-left: 1px solid rgba(148, 163, 184, 0.18);
    background: linear-gradient(180deg, #111b24, #0a131b);
}

.client-mandate-proposal-d-drawer > header {
    display: flex;
    justify-content: space-between;
    gap: 0.8rem;
    align-items: start;
}

.client-mandate-proposal-d-drawer h2,
.client-mandate-proposal-d-drawer h3 {
    margin: 0;
    color: #ffffff;
    letter-spacing: 0;
}

.client-mandate-proposal-d-drawer h2 {
    font-size: 1.02rem;
    line-height: 1.18;
}

.client-mandate-proposal-d-drawer h3 {
    font-size: 0.9rem;
}

.client-mandate-proposal-d-drawer > header p {
    margin: 0.34rem 0 0;
    color: #aeb8c7;
    font-size: 0.76rem;
}

.client-mandate-proposal-d-drawer > header button {
    min-width: 44px;
    min-height: 44px;
    border: 0;
    background: transparent;
    color: #cbd5e1;
    font-size: 1.45rem;
}

.client-mandate-proposal-d-drawer-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-bottom: 1px solid rgba(148, 163, 184, 0.16);
}

.client-mandate-proposal-d-drawer-tabs a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    border-bottom: 2px solid transparent;
    color: #aeb8c7;
    font-size: 0.8rem;
    text-decoration: none;
}

.client-mandate-proposal-d-drawer-tabs-active {
    border-color: #2563eb !important;
    color: #ffffff !important;
}

.client-mandate-proposal-d-workspace a,
.client-mandate-proposal-d-workspace button,
.client-mandate-proposal-d-workspace input,
.client-mandate-proposal-d-workspace select,
.client-mandate-proposal-d-drawer-tabs a,
.client-mandate-proposal-d-row-action,
.client-mandate-proposal-d-chip,
.client-mandate-proposal-d-new-view,
.client-mandate-proposal-d-filters button,
.client-mandate-proposal-d-table-footer button,
.client-mandate-proposal-d-table-footer select,
.client-mandate-proposal-d-drawer-actions a,
.client-mandate-proposal-d-approve,
.client-mandate-proposal-d-follow-up {
    min-height: 44px !important;
}

.client-mandate-proposal-d-workspace input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    position: relative !important;
    display: inline-grid !important;
    place-content: center !important;
    min-width: 44px !important;
    min-height: 44px !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    cursor: pointer;
}

.client-mandate-proposal-d-workspace input[type="checkbox"]::before {
    content: "";
    grid-area: 1 / 1;
    width: 1.08rem;
    height: 1.08rem;
    border: 1px solid rgba(148, 163, 184, 0.48);
    border-radius: 3px;
    background: rgba(15, 23, 42, 0.88);
    box-shadow: inset 0 0 0 1px rgba(2, 6, 23, 0.45);
}

.client-mandate-proposal-d-workspace input[type="checkbox"]:checked::before {
    border-color: rgba(147, 197, 253, 0.78);
    background: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.22);
}

.client-mandate-proposal-d-workspace input[type="checkbox"]:checked::after {
    content: "";
    grid-area: 1 / 1;
    width: 0.5rem;
    height: 0.28rem;
    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    transform: rotate(-45deg) translate(1px, -1px);
}

.client-mandate-proposal-d-delivery-card,
.client-mandate-proposal-d-proof-card,
.client-mandate-proposal-d-note-card,
.client-mandate-proposal-d-decision {
    display: grid;
    gap: 0.58rem;
    padding: 0.62rem;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 5px;
    background: rgba(15, 23, 42, 0.38);
}

.client-mandate-proposal-d-delivery-card {
    border-color: rgba(239, 68, 68, 0.44);
    background: rgba(127, 29, 29, 0.24);
}

.client-mandate-proposal-d-delivery-card > div,
.client-mandate-proposal-d-card-heading {
    display: flex;
    justify-content: space-between;
    gap: 0.7rem;
    align-items: center;
}

.client-mandate-proposal-d-delivery-card strong {
    color: #fca5a5;
    font-size: 0.82rem;
}

.client-mandate-proposal-d-delivery-card small,
.client-mandate-proposal-d-note-card small {
    color: #aeb8c7;
    font-size: 0.72rem;
}

.client-mandate-proposal-d-delivery-card dl {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.35rem 0.8rem;
    margin: 0;
}

.client-mandate-proposal-d-delivery-card dt {
    color: #aeb8c7;
    font-size: 0.7rem;
}

.client-mandate-proposal-d-delivery-card dd {
    margin: 0.16rem 0 0;
    color: #e5e7eb;
    font-size: 0.72rem;
}

.client-mandate-proposal-d-delivery-card a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    margin-block: -0.85rem;
    color: #60a5fa;
    text-decoration: none;
}

.client-mandate-proposal-d-card-heading span {
    color: #d1d5db;
    font-size: 0.8rem;
}

.client-mandate-proposal-d-proof-list {
    display: grid;
    gap: 0.34rem;
    margin: 0;
}

.client-mandate-proposal-d-proof-item {
    display: flex;
    justify-content: space-between;
    gap: 0.8rem;
    align-items: center;
}

.client-mandate-proposal-d-proof-item dt {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    color: #cbd5e1;
    font-size: 0.8rem;
}

.client-mandate-proposal-d-proof-item dt span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 0.86rem;
    height: 0.86rem;
    color: #fbbf24;
}

.client-mandate-proposal-d-proof-item--complete dt span {
    color: #22c55e;
}

.client-mandate-proposal-d-proof-open {
    border: 2px solid #fbbf24;
    border-radius: 999px;
}

.client-mandate-proposal-d-proof-item dd {
    margin: 0;
    color: #d1d5db;
    font-size: 0.78rem;
}

.client-mandate-proposal-d-thumbs {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.38rem;
    margin-top: 0.16rem;
}

.client-mandate-proposal-d-thumb,
.client-mandate-proposal-d-add-proof {
    min-height: 4.25rem;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 5px;
}

.client-mandate-proposal-d-thumb {
    position: relative;
    overflow: hidden;
    background-color: #d5d9dc;
    background-image:
        linear-gradient(0deg, rgba(15, 23, 42, 0.22), rgba(15, 23, 42, 0.06)),
        radial-gradient(circle at 71% 30%, #f8fafc 0 6%, transparent 7%),
        linear-gradient(14deg, rgba(15, 23, 42, 0.48) 0 16%, transparent 17% 100%),
        repeating-linear-gradient(164deg, #7f8a95 0 0.38rem, #d4dae0 0.4rem 0.82rem, #f3f5f7 0.86rem 1.18rem, #94a0ac 1.2rem 1.5rem);
    filter: saturate(0.95) contrast(1.02);
}

.client-mandate-proposal-d-thumb--roof-a,
.client-mandate-proposal-d-thumb--roof-b,
.client-mandate-proposal-d-thumb--roof-c,
.client-mandate-proposal-d-thumb--note {
    background-position: center;
    background-size: cover;
    filter: none;
}

.client-mandate-proposal-d-thumb--roof-a {
    background-image: url('/images/client-mandates/proof-roof-overview.png');
}

.client-mandate-proposal-d-thumb--roof-b {
    background-image: url('/images/client-mandates/proof-roof-unit.png');
}

.client-mandate-proposal-d-thumb--roof-c {
    background-image: url('/images/client-mandates/proof-roof-complete.png');
}

.client-mandate-proposal-d-thumb--note {
    background-image: url('/images/client-mandates/proof-note.png');
}

.client-mandate-proposal-d-thumb--roof-a::before,
.client-mandate-proposal-d-thumb--roof-a::after,
.client-mandate-proposal-d-thumb--roof-b::before,
.client-mandate-proposal-d-thumb--roof-b::after,
.client-mandate-proposal-d-thumb--roof-c::before,
.client-mandate-proposal-d-thumb--roof-c::after,
.client-mandate-proposal-d-thumb--note::before,
.client-mandate-proposal-d-thumb--note::after {
    display: none;
}

.client-mandate-proposal-d-thumb::before {
    content: "";
    position: absolute;
    right: 14%;
    top: 20%;
    width: 28%;
    height: 18%;
    border-radius: 2px;
    background:
        linear-gradient(90deg, rgba(15, 23, 42, 0.28) 0 18%, transparent 18% 100%),
        #f4f7f9;
    box-shadow: -1.4rem 1.1rem 0 -0.32rem rgba(248, 250, 252, 0.88);
}

.client-mandate-proposal-d-thumb--roof-b {
    background-image:
        linear-gradient(0deg, rgba(15, 23, 42, 0.24), rgba(15, 23, 42, 0.04)),
        radial-gradient(circle at 45% 37%, #f8fafc 0 12%, transparent 13%),
        radial-gradient(ellipse at 54% 46%, #d8dde3 0 16%, transparent 17%),
        repeating-linear-gradient(151deg, #cfd6dc 0 0.62rem, #8793a0 0.66rem 1rem, #edf1f4 1.02rem 1.55rem, #6d7885 1.58rem 1.9rem);
}

.client-mandate-proposal-d-thumb--roof-b::before {
    left: 38%;
    right: auto;
    top: 28%;
    width: 22%;
    height: 22%;
    border-radius: 999px;
    background: #f8fafc;
    box-shadow:
        0.9rem -0.15rem 0 -0.25rem rgba(248, 250, 252, 0.9),
        -1.1rem 1.25rem 0 -0.34rem rgba(226, 232, 240, 0.92);
}

.client-mandate-proposal-d-thumb--roof-c {
    background-image:
        linear-gradient(0deg, rgba(15, 23, 42, 0.22), rgba(15, 23, 42, 0.03)),
        linear-gradient(90deg, rgba(255, 255, 255, 0.58) 0 12%, transparent 12% 100%),
        repeating-linear-gradient(155deg, #e4e8ec 0 0.72rem, #94a0ad 0.74rem 1.02rem, #d8dee3 1.04rem 1.56rem, #7a8592 1.58rem 1.92rem);
}

.client-mandate-proposal-d-thumb--roof-c::before {
    left: 16%;
    right: auto;
    top: 48%;
    width: 54%;
    height: 0.36rem;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.34);
    box-shadow:
        0.8rem -1.25rem 0 -0.13rem rgba(255, 255, 255, 0.72),
        1.6rem 0.9rem 0 -0.17rem rgba(255, 255, 255, 0.58);
}

.client-mandate-proposal-d-thumb::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 38%;
    background:
        linear-gradient(90deg, transparent 0 8%, rgba(255, 255, 255, 0.42) 8% 10%, transparent 10% 100%),
        linear-gradient(0deg, rgba(15, 23, 42, 0.22), transparent);
}

.client-mandate-proposal-d-thumb--note {
    background: #eee3d2;
    background-image:
        repeating-linear-gradient(0deg, transparent 0 0.52rem, rgba(71, 85, 105, 0.32) 0.56rem),
        linear-gradient(90deg, rgba(185, 28, 28, 0.28) 0 0.18rem, transparent 0.18rem 100%);
}

.client-mandate-proposal-d-thumb--note::before {
    inset: 0.55rem auto auto 0.55rem;
    width: 1.15rem;
    height: 2.8rem;
    border-radius: 1px;
    background: rgba(15, 23, 42, 0.62);
    box-shadow: none;
}

.client-mandate-proposal-d-thumb--note::after {
    inset: 0.55rem 0.7rem auto;
    height: 3rem;
    background:
        repeating-linear-gradient(0deg, rgba(71, 85, 105, 0.76) 0 1px, transparent 1px 0.48rem),
        linear-gradient(90deg, rgba(15, 23, 42, 0.72) 0 42%, transparent 42% 100%);
}

.client-mandate-proposal-d-thumb--roof-a {
    background-image: url('/images/client-mandates/proof-roof-overview.png');
}

.client-mandate-proposal-d-thumb--roof-b {
    background-image: url('/images/client-mandates/proof-roof-unit.png');
}

.client-mandate-proposal-d-thumb--roof-c {
    background-image: url('/images/client-mandates/proof-roof-complete.png');
}

.client-mandate-proposal-d-thumb--note {
    background: #eee3d2 url('/images/client-mandates/proof-note.png') center / cover no-repeat;
}

.client-mandate-proposal-d-thumb--roof-a,
.client-mandate-proposal-d-thumb--roof-b,
.client-mandate-proposal-d-thumb--roof-c,
.client-mandate-proposal-d-thumb--note {
    background-position: center;
    background-size: cover;
    filter: none;
}

.client-mandate-proposal-d-thumb--roof-a::before,
.client-mandate-proposal-d-thumb--roof-a::after,
.client-mandate-proposal-d-thumb--roof-b::before,
.client-mandate-proposal-d-thumb--roof-b::after,
.client-mandate-proposal-d-thumb--roof-c::before,
.client-mandate-proposal-d-thumb--roof-c::after,
.client-mandate-proposal-d-thumb--note::before,
.client-mandate-proposal-d-thumb--note::after {
    display: none;
}

.client-mandate-proposal-d-add-proof {
    display: grid;
    place-items: center;
    padding: 0.35rem;
    border-style: dashed;
    color: #cbd5e1;
    font-size: 0.78rem;
    text-align: center;
    text-decoration: none;
}

.client-mandate-proposal-d-add-proof span {
    display: block;
    color: #ffffff;
    font-size: 1.3rem;
}

.client-mandate-proposal-d-note-card p {
    margin: 0;
    color: #cbd5e1;
    font-size: 0.75rem;
    line-height: 1.38;
}

.client-mandate-proposal-d-decision > div {
    display: grid;
    grid-template-columns: 1fr 1.08fr;
    gap: 0.72rem;
}

.client-mandate-proposal-d-approve {
    border: 1px solid rgba(34, 197, 94, 0.6);
    background: rgba(22, 101, 52, 0.62);
    color: #dcfce7;
}

.client-mandate-proposal-d-follow-up {
    border: 1px solid rgba(245, 158, 11, 0.7);
    background: rgba(120, 53, 15, 0.46);
    color: #fbbf24;
}

.client-mandate-proposal-d-reviewer {
    display: grid;
    gap: 0.4rem;
    color: #aeb8c7;
    font-size: 0.78rem;
}

.client-mandate-proposal-d-reviewer select {
    min-height: 44px;
    padding: 0 0.72rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 5px;
    background: rgba(15, 23, 42, 0.62);
    color: #e5e7eb;
}

.client-mandate-proposal-d-drawer-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.72rem;
    padding-top: 0.6rem;
    border-top: 1px solid rgba(148, 163, 184, 0.14);
}

.client-mandate-proposal-d-drawer-actions a {
    gap: 0.45rem;
    border: 1px solid rgba(59, 130, 246, 0.52);
    background: rgba(15, 23, 42, 0.66);
    color: #60a5fa;
}

.client-mandate-proposal-d-drawer-actions a:last-child {
    border-color: rgba(148, 163, 184, 0.22);
    color: #cbd5e1;
}

@media (max-width: 1120px) {
    .marketplace-workspace.client-mandate-proposal-d-workspace {
        grid-template-columns: 12.4rem minmax(0, 1fr);
        overflow: auto;
    }

    .client-mandate-proposal-d-sidebar,
    .client-mandate-proposal-d-main,
    .client-mandate-proposal-d-drawer {
        height: auto;
        max-height: none;
    }

    .client-mandate-proposal-d-drawer {
        position: static;
        grid-column: 2;
        border-top: 1px solid rgba(148, 163, 184, 0.18);
        border-left: 0;
    }

    .client-mandate-proposal-d-alerts {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 820px) {
    .marketplace-workspace.client-mandate-proposal-d-workspace {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-mandate-proposal-d-sidebar,
    .client-mandate-proposal-d-drawer {
        position: static;
        grid-column: auto;
    }

    .client-mandate-proposal-d-sidebar {
        height: auto;
        grid-template-rows: auto auto;
    }

    .client-mandate-proposal-d-sidebar nav:nth-of-type(n+2),
    .client-mandate-proposal-d-account,
    .client-mandate-proposal-d-collapse {
        display: none;
    }

    .client-mandate-proposal-d-heading,
    .client-mandate-proposal-d-topbar {
        flex-direction: column;
        align-items: stretch;
    }

    .client-mandate-proposal-d-saved,
    .client-mandate-proposal-d-filters {
        flex-wrap: wrap;
    }

    .client-mandate-proposal-d-new-view {
        margin-left: 0;
    }

    .client-mandate-proposal-d-alert--red,
    .client-mandate-proposal-d-alert--gold,
    .client-mandate-proposal-d-table-footer,
    .client-mandate-proposal-d-delivery-card dl,
    .client-mandate-proposal-d-decision > div,
    .client-mandate-proposal-d-drawer-actions {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-mandate-proposal-d-thumbs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.pricing-hub {
    min-height: 100vh;
    padding: 0 clamp(1rem, 3vw, 2rem) 2rem;
    background:
        linear-gradient(180deg, rgba(3, 7, 11, 0.96), rgba(27, 28, 30, 1) 44%),
        #1b1c1e;
    color: #f8fafc;
}

.pricing-hub a {
    color: inherit;
    text-decoration: none;
}

.pricing-hub__topbar {
    position: sticky;
    top: 0;
    z-index: 12;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    min-height: 78px;
    padding: 0.8rem 0;
    background: rgba(3, 7, 11, 0.88);
    backdrop-filter: blur(18px);
}

.pricing-hub__brand {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    min-height: 44px;
    color: #ffffff;
    font-size: 1.35rem;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: 0;
}

.pricing-hub__brand-mark {
    display: grid;
    grid-template-columns: repeat(3, 12px);
    grid-template-rows: repeat(2, 12px);
    gap: 4px;
    flex: 0 0 58px;
    width: 58px;
    height: 42px;
    padding: 2px 0;
}

.pricing-hub__brand-mark span {
    width: 12px;
    height: 12px;
    border: 2px solid #ffd700;
    border-radius: 4px;
    transform: rotate(30deg);
}

.pricing-hub__brand-mark span:nth-child(4),
.pricing-hub__brand-mark span:nth-child(5),
.pricing-hub__brand-mark span:nth-child(6) {
    transform: translateX(8px) rotate(30deg);
}

.pricing-hub__nav-links {
    display: flex;
    justify-content: center;
    gap: 1.1rem;
}

.pricing-hub__top-actions {
    display: flex;
    justify-content: flex-end;
    gap: 0.65rem;
    align-items: center;
}

.pricing-hub__nav-links a,
.pricing-hub__signin,
.pricing-hub__rail a,
.pricing-hub__hero-actions a,
.pricing-hub__plan-card a,
.pricing-hub__workflow-card a,
.pricing-hub__usage-grid a,
.pricing-hub__inline-action,
.pricing-hub__enterprise-card a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-height: 44px;
    border-radius: 7px;
    font-weight: 850;
}

.pricing-hub__nav-links a {
    min-width: 48px;
    padding: 0 0.45rem;
    color: #e5e7eb;
    font-size: 0.9rem;
}

.pricing-hub__nav-links a:hover,
.pricing-hub__nav-links a:focus-visible,
.pricing-hub__rail a:hover,
.pricing-hub__rail a:focus-visible {
    color: #ffd700;
}

.pricing-hub__signin {
    min-width: 108px;
    padding: 0 1rem;
    border: 1px solid rgba(255, 255, 255, 0.22);
    background: rgba(255, 255, 255, 0.03);
}

.pricing-hub__signin--quiet {
    min-width: auto;
    border-color: transparent;
    background: transparent;
}

.pricing-hub__signin--primary {
    min-width: 142px;
    border-color: rgba(0, 230, 118, 0.45);
    background: linear-gradient(135deg, rgba(0, 126, 131, 0.95), rgba(0, 84, 88, 0.95));
    box-shadow: 0 12px 28px rgba(0, 126, 131, 0.25);
}

.pricing-hub__layout {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
    max-width: 1560px;
    margin: 0 auto;
}

.pricing-hub__rail {
    position: sticky;
    top: 94px;
    display: grid;
    gap: 0.3rem;
    padding: 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 8px;
    background: rgba(7, 12, 18, 0.74);
}

.pricing-hub__rail a {
    justify-content: flex-start;
    padding: 0 0.75rem;
    color: #d1d5db;
    font-size: 0.86rem;
}

.pricing-hub__content {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.pricing-hub__return-context {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.85rem;
    align-items: center;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(96, 165, 250, 0.38);
    border-radius: 8px;
    background: rgba(30, 64, 175, 0.12);
}

.pricing-hub__return-context strong {
    color: #ffffff;
}

.pricing-hub__return-context p {
    margin: 0.2rem 0 0;
    color: #d1d5db;
    line-height: 1.45;
}

.pricing-hub__return-context > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 44px;
    padding: 0 0.9rem;
    border: 1px solid rgba(96, 165, 250, 0.58);
    border-radius: 7px;
    color: #ffffff;
    font-weight: 850;
}

.pricing-hub__hero,
.pricing-hub__commercial-bridge,
.pricing-hub__band,
.pricing-hub__split,
.pricing-hub__economy,
.pricing-hub__faq {
    scroll-margin-top: 96px;
}

.pricing-hub__hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.5fr);
    gap: 1rem;
    align-items: stretch;
    padding: 1.25rem;
    border: 1px solid rgba(255, 215, 0, 0.2);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(15, 23, 32, 0.88), rgba(3, 7, 11, 0.88)),
        rgba(7, 11, 15, 0.92);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}

.pricing-hub__hero h1 {
    max-width: 760px;
    margin: 0.7rem 0 0;
    color: #ffffff;
    font-size: 3.25rem;
    font-weight: 950;
    line-height: 1.14;
    letter-spacing: 0;
    overflow-wrap: break-word;
}

.pricing-hub__hero p,
.pricing-hub__section-header p,
.pricing-hub__plan-card p,
.pricing-hub__proof-card p,
.pricing-hub__economy > div:first-child p,
.pricing-hub__team-panel > p,
.pricing-hub__enterprise-card p,
.pricing-hub__faq p {
    color: #d1d5db;
    line-height: 1.55;
}

.pricing-hub__hero > div > p {
    max-width: 760px;
    margin-top: 0.85rem;
    font-size: 1.12rem;
}

.pricing-hub__hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.15rem;
}

.pricing-hub__hero-actions .admin-command-button {
    border-color: rgba(37, 99, 235, 0.85);
    background: linear-gradient(135deg, #0f62fe, #1d4ed8);
    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.28);
}

.pricing-hub__hero-actions a:not(.admin-command-button) {
    padding: 0 1rem;
    border: 1px solid rgba(255, 255, 255, 0.26);
    background: rgba(255, 255, 255, 0.04);
}

.pricing-hub__value-panel,
.pricing-hub__creator-path,
.pricing-hub__band,
.pricing-hub__table-panel,
.pricing-hub__proof-card,
.pricing-hub__economy,
.pricing-hub__team-panel,
.pricing-hub__enterprise-card,
.pricing-hub__faq {
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 8px;
    background: rgba(7, 12, 18, 0.74);
}

.pricing-hub__value-panel {
    display: grid;
    gap: 0.8rem;
    align-content: start;
    padding: 1rem;
}

.pricing-hub__value-panel h2,
.pricing-hub__value-panel h3,
.pricing-hub__creator-path h2,
.pricing-hub__section-header h2,
.pricing-hub__proof-card h2,
.pricing-hub__economy h2,
.pricing-hub__team-panel h2,
.pricing-hub__enterprise-card h2,
.pricing-hub__faq h2 {
    margin: 0;
    color: #ffffff;
    font-size: 1.45rem;
    font-weight: 950;
    line-height: 1.12;
    letter-spacing: 0;
}

.pricing-hub__value-panel h3 {
    font-size: 1rem;
}

.pricing-hub__decision-panel {
    gap: 0.7rem;
}

.pricing-hub__decision-grid {
    display: grid;
    gap: 0.55rem;
}

.pricing-hub__decision-grid a {
    display: grid;
    justify-content: stretch;
    gap: 0.2rem;
    min-height: 92px;
    padding: 0.7rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.045);
}

.pricing-hub__decision-grid a:hover,
.pricing-hub__decision-grid a:focus-visible {
    border-color: rgba(255, 215, 0, 0.58);
    background: rgba(255, 215, 0, 0.08);
}

.pricing-hub__decision-grid span {
    color: #9ca3af;
    font-size: 0.78rem;
    font-weight: 950;
    line-height: 1;
    text-transform: uppercase;
}

.pricing-hub__decision-grid strong {
    color: #ffffff;
    font-size: 1.25rem;
    font-weight: 950;
    line-height: 1.1;
}

.pricing-hub__decision-grid small {
    color: #d1d5db;
    font-size: 0.78rem;
    line-height: 1.32;
}

.pricing-hub__value-panel ul,
.pricing-hub__plan-card ul {
    display: grid;
    gap: 0.7rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pricing-hub__value-panel li {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 0.65rem;
    color: #e5e7eb;
    font-size: 0.9rem;
    line-height: 1.45;
}

.pricing-hub__value-panel .oi {
    color: #00e676;
}

.pricing-hub__band,
.pricing-hub__faq {
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.pricing-hub__section-header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: end;
}

.pricing-hub__section-header--compact {
    align-items: start;
}

.pricing-hub__section-header h2 {
    margin-top: 0.55rem;
}

.pricing-hub__section-header p {
    margin: 0.45rem 0 0;
}

.pricing-hub__billing-card {
    display: grid;
    gap: 0.45rem;
    justify-items: end;
    max-width: 360px;
}

.pricing-hub__billing-card p {
    margin: 0;
    color: #9ca3af;
    font-size: 0.78rem;
    line-height: 1.35;
    text-align: right;
}

.pricing-hub__billing-readout {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    min-height: 44px;
    padding: 0.25rem;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
}

.pricing-hub__billing-readout span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 0.8rem;
    border-radius: 6px;
    color: #d1d5db;
    font-size: 0.84rem;
    font-weight: 900;
}

.pricing-hub__billing-readout span:first-child {
    background: rgba(255, 215, 0, 0.14);
    color: #ffd700 !important;
}

.pricing-hub__commercial-bridge {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(280px, 0.5fr);
    gap: 0.7rem;
    align-items: start;
}

.pricing-hub__workflow-strip {
    display: grid;
    gap: 0.5rem;
    padding: 0.6rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background:
        linear-gradient(90deg, rgba(255, 215, 0, 0.07), rgba(96, 165, 250, 0.05), rgba(57, 255, 20, 0.04)),
        rgba(7, 12, 18, 0.7);
}

.pricing-hub__workflow-strip-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}

.pricing-hub__workflow-strip-header h2 {
    max-width: 720px;
    margin: 0;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 950;
    line-height: 1.15;
    text-align: left;
}

.pricing-hub__workflow-strip-copy {
    max-width: 540px;
    margin: 0;
    color: #d1d5db;
    font-size: 0.78rem;
    line-height: 1.35;
    text-align: right;
}

.pricing-hub__workflow-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.55rem;
}

.pricing-hub__workflow-card {
    display: grid;
    grid-template-rows: auto auto auto 44px;
    gap: 0.34rem;
    min-height: 0;
    padding: 0.56rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 7px;
    background: rgba(3, 7, 11, 0.42);
}

.pricing-hub__workflow-card--gold {
    border-color: rgba(255, 215, 0, 0.42);
    background: rgba(255, 215, 0, 0.055);
}

.pricing-hub__workflow-card--blue {
    border-color: rgba(96, 165, 250, 0.38);
    background: rgba(96, 165, 250, 0.055);
}

.pricing-hub__workflow-card--green {
    border-color: rgba(57, 255, 20, 0.32);
    background: rgba(57, 255, 20, 0.045);
}

.pricing-hub__workflow-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    min-height: 28px;
    border: 1px solid currentColor;
    border-radius: 7px;
    color: #ffd700;
    font-size: 0.9rem;
    font-weight: 950;
}

.pricing-hub__workflow-card--blue .pricing-hub__workflow-number {
    color: #60a5fa;
}

.pricing-hub__workflow-card--green .pricing-hub__workflow-number {
    color: #39ff14;
}

.pricing-hub__workflow-card h3 {
    margin: 0;
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 950;
    line-height: 1.15;
}

.pricing-hub__workflow-card p {
    margin: 0.16rem 0 0;
    color: #d1d5db;
    font-size: 0.7rem;
    line-height: 1.25;
}

.pricing-hub__workflow-card strong {
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 950;
    line-height: 1.25;
}

.pricing-hub__workflow-card small {
    display: none;
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1.3;
}

.pricing-hub__workflow-card a {
    align-self: end;
    padding: 0 0.55rem;
    border: 1px solid rgba(96, 165, 250, 0.5);
    background: rgba(96, 165, 250, 0.1);
    color: #ffffff;
    font-size: 0.76rem;
}

.pricing-hub__workflow-card--gold a {
    border-color: rgba(255, 215, 0, 0.52);
    background: rgba(255, 215, 0, 0.1);
    color: #ffd700;
}

.pricing-hub__workflow-card--green a {
    border-color: rgba(57, 255, 20, 0.36);
    background: rgba(57, 255, 20, 0.08);
}

.pricing-hub__creator-path {
    display: grid;
    align-content: start;
    gap: 0.48rem;
    padding: 0.75rem;
    border-color: rgba(0, 230, 118, 0.28);
    background:
        linear-gradient(180deg, rgba(0, 230, 118, 0.07), rgba(7, 12, 18, 0.74)),
        rgba(7, 12, 18, 0.74);
}

.pricing-hub__creator-path p {
    margin: 0;
    color: #d1d5db;
    font-size: 0.78rem;
    line-height: 1.34;
}

.pricing-hub__creator-path h2 {
    font-size: 1.12rem;
    line-height: 1.12;
}

.pricing-hub__creator-path dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.16rem;
    margin: 0;
}

.pricing-hub__creator-path dl div {
    display: grid;
    gap: 0.1rem;
    min-height: 0;
    padding: 0.26rem 0;
    border-top: 1px solid rgba(148, 163, 184, 0.16);
}

.pricing-hub__creator-path dt,
.pricing-hub__creator-path dd {
    margin: 0;
    font-size: 0.7rem;
    line-height: 1.25;
}

.pricing-hub__creator-path dt {
    color: #9be564;
    font-weight: 950;
    text-transform: uppercase;
}

.pricing-hub__creator-path dd {
    color: #e5e7eb;
}

.pricing-hub__creator-path small {
    color: #9ca3af;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1.22;
}

.pricing-hub__plan-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.pricing-hub__buyer-fit {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.7rem;
}

.pricing-hub__buyer-fit article {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 0.25rem 0.65rem;
    align-content: start;
    min-height: 142px;
    padding: 0.8rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.035);
}

.pricing-hub__buyer-fit .oi {
    grid-row: span 2;
    color: #60a5fa;
    font-size: 1.25rem;
}

.pricing-hub__buyer-fit strong {
    min-width: 0;
    color: #ffffff;
    font-size: 0.98rem;
    font-weight: 950;
    line-height: 1.2;
    overflow-wrap: break-word;
}

.pricing-hub__buyer-fit p {
    grid-column: 2;
    margin: 0;
    color: #d1d5db;
    font-size: 0.82rem;
    line-height: 1.42;
}

.pricing-hub__plan-card {
    display: grid;
    gap: 0.62rem;
    align-content: start;
    min-height: 382px;
    padding: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 8px;
    background: rgba(15, 23, 32, 0.66);
}

.pricing-hub__plan-brand {
    display: flex;
    align-items: center;
    gap: 0.72rem;
    min-height: 76px;
    padding: 0.42rem 0.55rem;
    border: 1px solid rgba(255, 215, 0, 0.28);
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.09), rgba(15, 23, 32, 0.28));
}

.pricing-hub__plan-logo {
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    border-radius: 8px;
    object-fit: cover;
    box-shadow: 0 0 0 1px rgba(255, 215, 0, 0.24);
}

.pricing-hub__plan-brand > div {
    display: grid;
    gap: 0.14rem;
    min-width: 0;
}

.pricing-hub__plan-brand span {
    color: #ffd700;
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.1em;
    line-height: 1.1;
    text-transform: uppercase;
}

.pricing-hub__plan-brand small {
    color: #d1d5db;
    font-size: 0.76rem;
    font-weight: 800;
    line-height: 1.25;
}

.earnsync-module-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    max-width: 100%;
    padding: 0.52rem 0.68rem;
    border: 1px solid rgba(255, 215, 0, 0.3);
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.1), rgba(15, 23, 32, 0.34));
}

.earnsync-module-brand img {
    flex: 0 0 68px;
    width: 68px;
    height: 68px;
    border-radius: 9px;
    object-fit: cover;
    box-shadow: 0 0 0 1px rgba(255, 215, 0, 0.26);
}

.earnsync-module-brand > div {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.earnsync-module-brand strong {
    color: #ffd700;
    font-size: 0.82rem;
    font-weight: 950;
    letter-spacing: 0.11em;
    line-height: 1.1;
    text-transform: uppercase;
}

.earnsync-module-brand span {
    color: #d1d5db;
    font-size: 0.8rem;
    font-weight: 800;
    line-height: 1.3;
}

.earnsync-module-brand--compact {
    justify-self: start;
}

.earnsync-module-brand--compact img {
    flex-basis: 48px;
    width: 48px;
    height: 48px;
}

.pricing-hub__plan-card--highlight {
    position: relative;
    border-color: rgba(0, 230, 230, 0.74);
    background:
        linear-gradient(180deg, rgba(0, 230, 230, 0.08), rgba(15, 23, 32, 0.66)),
        rgba(15, 23, 32, 0.78);
    box-shadow: 0 0 0 1px rgba(0, 230, 230, 0.12), 0 18px 42px rgba(0, 0, 0, 0.22);
}

.pricing-hub__plan-card h3 {
    margin: 0;
    color: #ffffff;
    font-size: 1.25rem;
    font-weight: 950;
}

.pricing-hub__plan-card > strong {
    color: #ffffff;
    font-size: 1.95rem;
    line-height: 1.12;
}

.pricing-hub__plan-card > small {
    min-height: 21px;
    color: #9ca3af;
    font-size: 0.8rem;
    font-weight: 850;
    line-height: 1.35;
}

.pricing-hub__plan-card p {
    margin: 0;
    font-size: 0.9rem;
}

.pricing-hub__plan-card li {
    position: relative;
    padding-left: 1.15rem;
    color: #e5e7eb;
    font-size: 0.86rem;
    line-height: 1.45;
}

.pricing-hub__plan-card li::before {
    position: absolute;
    left: 0;
    color: #9be564;
    content: "✓";
}

.pricing-hub__plan-card a {
    align-self: end;
    margin-top: auto;
    padding: 0 0.9rem;
    border: 1px solid rgba(96, 165, 250, 0.55);
    background: rgba(96, 165, 250, 0.1);
    color: #ffffff;
}

.pricing-hub__plan-card--highlight a {
    border-color: rgba(0, 230, 230, 0.62);
    background: linear-gradient(135deg, rgba(0, 126, 131, 0.95), rgba(0, 84, 88, 0.95));
}

.pricing-hub__matrix {
    display: grid;
    gap: 0.85rem;
    padding-top: 0.15rem;
}

.pricing-hub__matrix-heading {
    display: grid;
    gap: 0.45rem;
    max-width: 920px;
}

.pricing-hub__matrix-heading h3 {
    margin: 0;
    color: #ffffff;
    font-size: 1.18rem;
    font-weight: 950;
    line-height: 1.18;
}

.pricing-hub__matrix-heading p {
    margin: 0;
    color: #d1d5db;
    font-size: 0.88rem;
    line-height: 1.45;
}

.pricing-hub__value-matrix {
    display: grid;
    gap: 0.45rem;
}

.pricing-hub__value-matrix-row {
    display: grid;
    grid-template-columns: minmax(140px, 0.7fr) repeat(4, minmax(135px, 1fr));
    gap: 0.55rem;
    align-items: stretch;
    min-height: 64px;
}

.pricing-hub__value-matrix-row > * {
    min-width: 0;
    padding: 0.65rem;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.035);
    color: #e5e7eb;
    font-size: 0.82rem;
    line-height: 1.35;
    overflow-wrap: break-word;
}

.pricing-hub__value-matrix-row > strong,
.pricing-hub__value-matrix-row--header > span {
    color: #ffffff;
    font-weight: 950;
}

.pricing-hub__value-matrix-row--header {
    min-height: 42px;
}

.pricing-hub__value-matrix-row--header > span {
    background: rgba(255, 255, 255, 0.07);
    color: #9ca3af;
    font-size: 0.76rem;
    text-transform: uppercase;
}

.pricing-hub__mobile-included {
    display: grid;
    gap: 0.85rem;
    padding: 0.9rem;
    border: 1px solid rgba(96, 165, 250, 0.22);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.055);
}

.pricing-hub__mobile-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.65rem;
}

.pricing-hub__mobile-grid article {
    display: grid;
    gap: 0.42rem;
    align-content: start;
    min-height: 156px;
    padding: 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 7px;
    background: rgba(3, 7, 11, 0.48);
}

.pricing-hub__mobile-grid span,
.mobile-experience__plan-grid span {
    justify-self: start;
    min-height: 26px;
    padding: 0.25rem 0.55rem;
    border: 1px solid rgba(96, 165, 250, 0.45);
    border-radius: 6px;
    color: #60a5fa;
    font-size: 0.76rem;
    font-weight: 950;
}

.pricing-hub__mobile-grid strong,
.mobile-experience__plan-grid strong {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 950;
    line-height: 1.22;
}

.pricing-hub__mobile-grid p,
.mobile-experience__plan-grid p {
    margin: 0;
    color: #d1d5db;
    font-size: 0.84rem;
    line-height: 1.42;
}

.pricing-hub__split {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.42fr);
    gap: 1rem;
}

.pricing-hub__table-panel,
.pricing-hub__proof-card,
.pricing-hub__team-panel,
.pricing-hub__enterprise-card {
    display: grid;
    gap: 1rem;
    align-content: start;
    padding: 1rem;
}

.pricing-hub__pack-table {
    display: grid;
    gap: 0.45rem;
}

.pricing-hub__pack-table > div {
    display: grid;
    grid-template-columns: minmax(160px, 0.7fr) minmax(110px, 0.35fr) minmax(240px, 1fr);
    gap: 0.75rem;
    align-items: center;
    min-height: 54px;
    padding: 0.65rem 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.04);
}

.pricing-hub__pack-table > div:first-child {
    min-height: 42px;
    background: rgba(255, 255, 255, 0.07);
    color: #9ca3af;
    font-size: 0.78rem;
    font-weight: 950;
    text-transform: uppercase;
}

.pricing-hub__pack-table span,
.pricing-hub__pack-table strong {
    min-width: 0;
    overflow-wrap: break-word;
}

.pricing-hub__pack-table strong {
    color: #ffd700;
}

.pricing-hub__inline-action,
.pricing-hub__enterprise-card a {
    justify-self: start;
    padding: 0 0.9rem;
    border: 1px solid rgba(255, 215, 0, 0.5);
    background: rgba(255, 215, 0, 0.1);
    color: #ffffff;
}

.pricing-hub__usage-options {
    display: grid;
    gap: 0.85rem;
    margin-top: 0.2rem;
    padding: 0.85rem;
    border: 1px solid rgba(255, 165, 0, 0.24);
    border-radius: 8px;
    background: rgba(255, 165, 0, 0.06);
}

.pricing-hub__usage-options h3 {
    margin: 0.5rem 0 0;
    color: #ffffff;
    font-size: 1.06rem;
    font-weight: 950;
    line-height: 1.18;
}

.pricing-hub__usage-options p {
    margin: 0.35rem 0 0;
    color: #d1d5db;
    font-size: 0.86rem;
    line-height: 1.45;
}

.pricing-hub__usage-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
}

.pricing-hub__usage-grid article {
    display: grid;
    gap: 0.35rem;
    min-height: 158px;
    padding: 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.04);
}

.pricing-hub__usage-grid a {
    align-self: end;
    justify-self: start;
    min-height: 44px;
    margin-top: 0.25rem;
    padding: 0 0.75rem;
    border: 1px solid rgba(255, 165, 0, 0.38);
    background: rgba(255, 165, 0, 0.08);
    color: #ffffff;
    font-size: 0.82rem;
}

.pricing-hub__usage-grid .oi {
    color: #ffa500;
    font-size: 1.25rem;
}

.pricing-hub__usage-grid strong,
.pricing-hub__usage-grid b {
    color: #ffffff;
    font-weight: 950;
    line-height: 1.2;
}

.pricing-hub__usage-grid b {
    color: #ffd700;
    font-size: 0.95rem;
}

.pricing-hub__usage-grid p {
    margin: 0;
    font-size: 0.8rem;
}

.pricing-hub__proof-card dl {
    display: grid;
    gap: 0.65rem;
    margin: 0;
}

.pricing-hub__proof-card dl div {
    min-height: 68px;
    padding: 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.04);
}

.pricing-hub__proof-card dt,
.pricing-hub__proof-card dd {
    margin: 0;
}

.pricing-hub__proof-card dt {
    color: #9ca3af;
    font-size: 0.78rem;
    font-weight: 950;
    text-transform: uppercase;
}

.pricing-hub__proof-card dd {
    margin-top: 0.25rem;
    color: #ffffff;
    line-height: 1.45;
}

.pricing-hub__economy {
    display: grid;
    grid-template-columns: minmax(0, 0.62fr) minmax(0, 1fr);
    gap: 1rem;
    padding: 1rem;
}

.pricing-hub__fee-bars {
    display: grid;
    gap: 0.65rem;
}

.pricing-hub__fee-bars article {
    display: grid;
    gap: 0.45rem;
    min-height: 106px;
    padding: 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.04);
}

.pricing-hub__fee-bars article > div {
    overflow: hidden;
    height: 10px;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.18);
}

.pricing-hub__fee-bars article > div span {
    display: block;
    width: var(--share);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #00e676, #ffd700);
}

.pricing-hub__fee-bars strong,
.pricing-hub__team-grid strong,
.pricing-hub__faq h3 {
    color: #ffffff;
    font-weight: 950;
}

.pricing-hub__fee-bars b {
    color: #ffd700;
    font-size: 1.8rem;
    line-height: 1;
}

.pricing-hub__fee-bars p,
.pricing-hub__team-grid p {
    margin: 0;
    color: #d1d5db;
    font-size: 0.84rem;
    line-height: 1.45;
}

.pricing-hub__split--teams {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.45fr);
}

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

.pricing-hub__team-grid article {
    display: grid;
    gap: 0.45rem;
    min-height: 146px;
    padding: 0.8rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.04);
}

.pricing-hub__team-grid .oi {
    color: #00e676;
    font-size: 1.35rem;
}

.pricing-hub__faq-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.75rem;
}

.pricing-hub__faq article {
    min-height: 170px;
    padding: 0.85rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.04);
}

.pricing-hub__faq h3 {
    margin: 0 0 0.5rem;
    font-size: 0.98rem;
    line-height: 1.25;
}

.pricing-hub__faq p {
    margin: 0;
    font-size: 0.84rem;
}

@media (max-width: 1260px) {
    .pricing-hub__layout,
    .pricing-hub__hero,
    .pricing-hub__commercial-bridge,
    .pricing-hub__split,
    .pricing-hub__economy,
    .pricing-hub__split--teams {
        grid-template-columns: 1fr;
    }

    .pricing-hub__rail {
        position: static;
        display: flex;
        overflow-x: auto;
    }

    .pricing-hub__rail a {
        white-space: nowrap;
    }

    .pricing-hub__buyer-fit,
    .pricing-hub__workflow-grid,
    .pricing-hub__plan-grid,
    .pricing-hub__mobile-grid,
    .pricing-hub__faq-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .pricing-hub {
        padding: 0 1rem 1rem;
    }

    .pricing-hub__topbar {
        position: static;
        grid-template-columns: 1fr;
        gap: 0.5rem;
        align-items: start;
        min-height: 0;
        padding: 0.65rem 0 0.55rem;
    }

    .pricing-hub__brand {
        grid-column: 1;
        grid-row: 1;
        justify-self: start;
        min-width: 0;
        font-size: 1.18rem;
    }

    .pricing-hub__nav-links {
        grid-column: 1 / -1;
        grid-row: 2;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 0.2rem 0.45rem;
        overflow-x: visible;
        padding: 0 0 0.1rem;
        scrollbar-width: none;
    }

    .pricing-hub__nav-links::-webkit-scrollbar {
        display: none;
    }

    .pricing-hub__nav-links a {
        flex: 0 0 auto;
        min-width: 44px;
        padding-inline: 0.48rem;
        font-size: 0.84rem;
    }

    .pricing-hub__signin {
        min-width: 0;
        width: 100%;
        padding: 0 0.75rem;
    }

    .pricing-hub__top-actions {
        grid-column: 1;
        grid-row: 3;
        display: grid;
        grid-template-columns: minmax(0, 0.85fr) minmax(0, 1fr);
        gap: 0.45rem;
        width: 100%;
    }

    .pricing-hub__signin--primary {
        grid-column: 1 / -1;
    }

    .pricing-hub__content {
        gap: 0.75rem;
    }

    .pricing-hub__return-context {
        grid-template-columns: 1fr;
        align-items: start;
        padding: 0.9rem;
    }

    .pricing-hub__return-context > a {
        width: 100%;
    }

    .pricing-hub__hero,
    .pricing-hub__value-panel,
    .pricing-hub__creator-path,
    .pricing-hub__band,
    .pricing-hub__table-panel,
    .pricing-hub__proof-card,
    .pricing-hub__economy,
    .pricing-hub__team-panel,
    .pricing-hub__enterprise-card,
    .pricing-hub__faq {
        padding: 0.9rem;
    }

    .pricing-hub__hero h1 {
        font-size: 2.22rem;
        line-height: 1.08;
    }

    .pricing-hub__hero > div > p {
        font-size: 1rem;
        line-height: 1.5;
    }

    .pricing-hub__hero-actions {
        gap: 0.55rem;
    }

    .pricing-hub__hero-actions a,
    .pricing-hub__plan-card a,
    .pricing-hub__workflow-card a,
    .pricing-hub__usage-grid a,
    .pricing-hub__inline-action,
    .pricing-hub__enterprise-card a {
        width: 100%;
    }

    .pricing-hub__commercial-bridge,
    .pricing-hub__split,
    .pricing-hub__economy,
    .pricing-hub__split--teams {
        gap: 0.75rem;
    }

    .pricing-hub__section-header,
    .pricing-hub__buyer-fit,
    .pricing-hub__workflow-grid,
    .pricing-hub__plan-grid,
    .pricing-hub__mobile-grid,
    .pricing-hub__usage-grid,
    .pricing-hub__team-grid,
    .pricing-hub__faq-grid {
        grid-template-columns: 1fr;
    }

    .pricing-hub__section-header {
        display: grid;
    }

    .pricing-hub__workflow-strip-header {
        display: grid;
        align-items: start;
    }

    .pricing-hub__workflow-strip-header h2,
    .pricing-hub__workflow-strip-copy {
        text-align: left;
    }

    .pricing-hub__workflow-card {
        grid-template-rows: auto auto auto auto auto;
        min-height: 0;
        padding: 0.7rem;
    }

    .pricing-hub__workflow-card small {
        min-height: 0;
    }

    .pricing-hub__creator-path dl {
        grid-template-columns: 1fr;
    }

    .pricing-hub__billing-card {
        justify-items: stretch;
        max-width: none;
    }

    .pricing-hub__billing-readout {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        justify-items: stretch;
    }

    .pricing-hub__billing-card p {
        text-align: left;
    }

    .pricing-hub__rail {
        display: none;
    }

    .pricing-hub__plan-card {
        min-height: 0;
        padding: 0.85rem;
    }

    .pricing-hub__buyer-fit article {
        min-height: 0;
    }

    .pricing-hub__value-matrix {
        gap: 0.75rem;
    }

    .pricing-hub__value-matrix-row,
    .pricing-hub__value-matrix-row--header {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        min-height: 0;
    }

    .pricing-hub__value-matrix-row--header {
        display: none;
    }

    .pricing-hub__value-matrix-row > strong {
        grid-column: 1 / -1;
        min-height: 44px;
        background: rgba(255, 215, 0, 0.08);
    }

    .pricing-hub__value-matrix-row > span {
        display: grid;
        gap: 0.3rem;
        min-height: 82px;
    }

    .pricing-hub__value-matrix-row > span::before {
        color: #9ca3af;
        font-size: 0.72rem;
        font-weight: 950;
        line-height: 1;
        text-transform: uppercase;
        content: attr(data-label);
    }

    .pricing-hub__pack-table > div {
        grid-template-columns: 1fr;
        gap: 0.35rem;
        align-items: start;
        padding: 0.72rem;
    }

    .pricing-hub__pack-table > div:first-child {
        display: none;
    }

    .pricing-hub__pack-table > div > span,
    .pricing-hub__pack-table > div > strong {
        display: grid;
        gap: 0.14rem;
    }

    .pricing-hub__pack-table > div > span::before,
    .pricing-hub__pack-table > div > strong::before {
        color: #9ca3af;
        font-size: 0.68rem;
        font-weight: 950;
        line-height: 1;
        text-transform: uppercase;
    }

    .pricing-hub__pack-table > div > span:first-child::before {
        content: "Pack";
    }

    .pricing-hub__pack-table > div > strong::before {
        content: "Typical price";
    }

    .pricing-hub__pack-table > div > span:last-child::before {
        content: "Value";
    }

    .pricing-hub__usage-options,
    .pricing-hub__usage-grid article,
    .pricing-hub__fee-bars article,
    .pricing-hub__team-grid article,
    .pricing-hub__faq article {
        min-height: 0;
    }
}

@media (max-width: 520px) {
    .page:has(.report-detail-layout) .command-nav,
    .page:has(.admin-workspace) .command-nav {
        gap: 0.45rem;
        padding-block: 0.6rem;
    }

    .page:has(.report-detail-layout) .command-nav__links,
    .page:has(.admin-workspace) .command-nav__links {
        flex-wrap: nowrap;
        gap: 0.35rem;
        overflow-x: auto;
        padding-bottom: 0.1rem;
        mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 1.6rem), transparent 100%);
        scrollbar-width: none;
    }

    .page:has(.report-detail-layout) .command-nav__links::-webkit-scrollbar,
    .page:has(.admin-workspace) .command-nav__links::-webkit-scrollbar {
        display: none;
    }

    .page:has(.report-detail-layout) .command-nav__link,
    .page:has(.admin-workspace) .command-nav__link {
        flex: 0 0 auto;
    }

    .report-detail-layout .reports-hero--compact h1 {
        font-size: 1.86rem;
        line-height: 1.08;
    }

    .report-detail-layout .reports-hero--compact .reports-lead {
        font-size: 0.94rem;
    }

    .admin-workspace h1 {
        font-size: clamp(2rem, 11vw, 2.72rem);
    }

    .page:has([data-workspace="affiliate-supply-disclosure"]) .command-nav {
        align-items: center;
        display: flex;
        gap: 0.5rem;
        min-height: 52px;
        overflow: visible;
        padding: 0.25rem 0.65rem;
    }

    .page:has([data-workspace="affiliate-supply-disclosure"]) .command-nav__brand {
        gap: 0.5rem;
    }

    .page:has([data-workspace="affiliate-supply-disclosure"]) .command-nav__mark {
        height: 36px;
        width: 36px;
    }

    .page:has([data-workspace="affiliate-supply-disclosure"]) .command-nav__actions {
        flex: 0 0 auto;
        margin-left: auto;
        min-width: 0;
        width: auto;
    }

    .page:has([data-workspace="affiliate-supply-disclosure"]) .command-nav__links {
        flex: 0 0 auto;
        mask-image: none;
        overflow: visible;
        padding: 0;
        width: auto;
    }

    .page:has([data-workspace="affiliate-supply-disclosure"]) .command-nav__links > .command-nav__link {
        display: none;
    }

    .page:has([data-workspace="affiliate-supply-disclosure"]) .command-nav__links > .command-nav__link[href="reports"] {
        display: inline-flex;
        min-height: 44px;
        padding-inline: 0.75rem;
    }

    .page:has([data-workspace="affiliate-supply-disclosure"]) .command-nav__more {
        display: none;
    }

    .main:has([data-workspace="affiliate-supply-disclosure"]) {
        padding: 0.65rem 0.65rem 3rem;
    }

    .report-detail-layout:has([data-workspace="affiliate-supply-disclosure"]) > .breadcrumb-trail {
        display: none;
    }
}

/* Generated report mockup hybrid alignment. */
.reports-command-stage:has(.reports-mockup-snapshot) {
    grid-template-rows: auto auto auto auto minmax(0, 1fr) auto;
}

.reports-mockup-snapshot {
    display: grid;
    grid-template-columns: repeat(3, minmax(160px, 0.72fr)) minmax(300px, 1.25fr) minmax(260px, 0.92fr);
    gap: 0.65rem;
    padding: 0.65rem 1rem 0.65rem 1.4rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.18);
    background: #0b0f12;
}

.reports-mockup-snapshot__card,
.reports-mockup-snapshot__chart,
.reports-mockup-snapshot__next {
    min-width: 0;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.86);
}

.reports-mockup-snapshot__card {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 0.2rem 0.6rem;
    align-content: center;
    min-height: 94px;
    padding: 0.72rem;
}

.reports-mockup-snapshot__card > .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    grid-row: 1 / span 3;
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.07);
}

.reports-mockup-snapshot__card small,
.reports-mockup-snapshot__chart span,
.reports-mockup-snapshot__next p {
    color: #9ca3af;
}

.reports-mockup-snapshot__card strong,
.reports-mockup-snapshot__chart strong,
.reports-mockup-snapshot__next strong {
    color: #ffffff;
}

.reports-mockup-snapshot__card strong {
    font-size: 1.35rem;
}

.reports-mockup-snapshot__card p {
    margin: 0;
    color: #d1d5db;
    font-size: 0.78rem;
    line-height: 1.28;
}

.reports-mockup-snapshot__card--green { border-color: rgba(0, 230, 118, 0.28); }
.reports-mockup-snapshot__card--gold { border-color: rgba(255, 215, 0, 0.3); }
.reports-mockup-snapshot__card--blue { border-color: rgba(96, 165, 250, 0.3); }

.reports-mockup-snapshot__chart {
    display: grid;
    gap: 0.55rem;
    padding: 0.72rem;
}

.reports-mockup-snapshot__chart header {
    display: flex;
    justify-content: space-between;
    gap: 0.7rem;
}

.reports-mockup-snapshot__chart div,
.mockup-revenue-chart__bars {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0.28rem;
    align-items: end;
    min-height: 52px;
}

.reports-mockup-snapshot__chart i,
.mockup-revenue-chart__bars i {
    display: block;
    height: var(--h);
    min-height: 8px;
    border-radius: 999px 999px 2px 2px;
    background: linear-gradient(180deg, #00e676, #60a5fa);
}

.reports-mockup-snapshot__next {
    display: grid;
    gap: 0.45rem;
    align-content: center;
    padding: 0.72rem;
}

.reports-mockup-snapshot__next a,
.mockup-revenue-inspector a,
.mockup-revenue-table a,
.mockup-release-review-client a {
    color: #60a5fa;
    font-weight: 850;
    text-decoration: none;
}

.report-detail-layout--client-proof .client-proof-command-title {
    align-items: center;
    padding: 0.2rem 0 0;
}

.report-detail-layout--client-proof .client-proof-command-title h1 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.38rem, 1.72vw, 1.88rem);
    line-height: 1.02;
}

.report-detail-layout--client-proof .client-proof-command-title p {
    margin: 0.14rem 0 0;
    max-width: 820px;
    color: #d1d5db;
    font-size: clamp(1.05rem, 2.15vw, 2.24rem);
    font-weight: 900;
    line-height: 1.02;
}

.report-detail-layout--client-proof .client-proof-command-main {
    gap: 0.72rem;
}

.report-detail-layout--client-proof .client-proof-command-main .client-proof-preview-panel--command-center {
    grid-template-columns: minmax(260px, 0.74fr) minmax(520px, 1.14fr) minmax(230px, 0.52fr);
    min-height: calc(100vh - 132px);
}

.report-detail-layout--client-proof .client-proof-document-preview--large {
    min-height: calc(100vh - 268px);
}

.report-detail-layout--client-proof .client-proof-document-preview--large header {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr) auto;
    align-items: center;
}

.report-detail-layout--client-proof .client-proof-document-preview--large header::before {
    content: "";
    display: block;
    width: 44px;
    height: 44px;
    border: 3px solid #d9a441;
    border-radius: 10px;
    background:
        linear-gradient(30deg, transparent 42%, #d9a441 43% 57%, transparent 58%),
        linear-gradient(150deg, transparent 42%, #d9a441 43% 57%, transparent 58%);
}

.report-detail-layout--client-proof .client-proof-work-tiles i {
    position: relative;
    min-height: 92px;
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(30, 64, 175, 0.24), rgba(217, 164, 65, 0.16)),
        repeating-linear-gradient(45deg, rgba(15, 23, 42, 0.16) 0 8px, rgba(255, 255, 255, 0.4) 8px 16px),
        #e2e8f0;
}

.report-detail-layout--client-proof .client-proof-work-tiles i::after {
    content: "✓";
    position: absolute;
    right: 0.45rem;
    bottom: 0.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    background: #16a34a;
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 900;
}

.report-detail-layout--client-proof .client-proof-approval-card {
    position: relative;
    overflow: hidden;
}

.report-detail-layout--client-proof .client-proof-approval-card::after {
    content: "APPROVED";
    position: absolute;
    right: 0.7rem;
    bottom: 0.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 86px;
    height: 86px;
    border: 3px solid rgba(22, 163, 74, 0.7);
    border-radius: 999px;
    color: #16a34a;
    font-size: 0.68rem;
    font-weight: 950;
    transform: rotate(-12deg);
    opacity: 0.8;
}

.report-detail-layout:has(.mockup-revenue-workspace),
.report-detail-layout:has(.mockup-release-review-shell),
.reports-release-review-page:has(.mockup-release-review-shell) {
    max-width: none;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    gap: 0;
}

.reports-release-review-page:has(.mockup-release-review-shell) {
    width: 100%;
    margin-inline: 0;
}

.report-detail-layout:has(.mockup-revenue-workspace) > .breadcrumb-trail,
.report-detail-layout:has(.mockup-revenue-workspace) > .reports-hero,
.report-detail-layout:has(.mockup-revenue-workspace) > .report-command-detail-strip,
.report-detail-layout:has(.mockup-revenue-workspace) > .report-detail-grid,
.report-detail-layout:has(.mockup-release-review-shell) > .breadcrumb-trail,
.report-detail-layout:has(.mockup-release-review-shell) > .reports-hero,
.report-detail-layout:has(.mockup-release-review-shell) > .report-command-detail-strip,
.report-detail-layout:has(.mockup-release-review-shell) > .report-detail-grid,
.reports-release-review-page:has(.mockup-release-review-shell) > .breadcrumb-trail,
.reports-release-review-page:has(.mockup-release-review-shell) > .reports-hero,
.reports-release-review-page:has(.mockup-release-review-shell) > .mockup-release-review,
.reports-release-review-page:has(.mockup-release-review-shell) > .report-detail-grid {
    display: none;
}

.page:has(.mockup-revenue-workspace) .command-header,
.page:has(.mockup-release-review-shell) .command-header {
    display: none;
}

.main:has(.mockup-revenue-workspace),
.main:has(.mockup-release-review-shell) {
    padding: 0;
    max-width: none;
    background: #070b0e;
}

.mockup-revenue-workspace,
.mockup-release-review-shell {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    min-height: 100vh;
    background: #070b0e;
    color: #f8fafc;
}

.mockup-release-review-shell.perimeter-review--focused {
    grid-template-columns: minmax(0, 1fr);
}

.perimeter-review--focused .perimeter-review__main {
    width: min(100%, 1240px);
    margin-inline: auto;
}

.mockup-revenue-workspace *,
.mockup-release-review-shell * {
    box-sizing: border-box;
    min-width: 0;
}

.mockup-revenue-workspace__sidebar,
.mockup-release-review-shell__sidebar {
    position: sticky;
    top: 0;
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 1rem;
    height: 100vh;
    padding: 0.85rem 0.65rem;
    border-right: 1px solid rgba(156, 163, 175, 0.16);
    background: linear-gradient(180deg, #0b1018, #070b0e);
}

.mockup-revenue-workspace__brand,
.mockup-release-review-shell__brand {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 0.2rem 0.55rem;
    align-items: center;
    min-height: 56px;
    color: #ffffff;
    text-decoration: none;
}

.mockup-revenue-workspace__brand span,
.mockup-release-review-shell__brand span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    grid-row: 1 / span 2;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255, 215, 0, 0.64);
    border-radius: 8px;
    color: #ffd700;
    font-weight: 900;
}

.mockup-revenue-workspace__brand strong,
.mockup-release-review-shell__brand strong,
.mockup-revenue-workspace__sidebar section strong,
.mockup-release-review-shell__sidebar section strong {
    color: #ffffff;
}

.mockup-revenue-workspace__brand small,
.mockup-release-review-shell__brand small {
    color: #ffd700;
    font-size: 0.68rem;
    font-weight: 850;
    text-transform: uppercase;
}

.mockup-revenue-workspace__sidebar nav,
.mockup-release-review-shell__sidebar nav {
    display: grid;
    align-content: start;
    gap: 0.32rem;
}

.mockup-revenue-workspace__nav-item,
.mockup-release-review-shell__nav-item {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: center;
    min-height: 48px;
    padding: 0 0.6rem;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #d1d5db;
    font-weight: 780;
    text-decoration: none;
}

.mockup-revenue-workspace__nav-item--active,
.mockup-revenue-workspace__nav-item:hover,
.mockup-release-review-shell__nav-item--active,
.mockup-release-review-shell__nav-item:hover {
    border-color: rgba(96, 165, 250, 0.36);
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff;
    text-decoration: none;
}

.mockup-revenue-workspace__sidebar section,
.mockup-release-review-shell__sidebar section {
    display: grid;
    gap: 0.36rem;
    padding: 0.85rem;
    border: 1px solid rgba(255, 215, 0, 0.26);
    border-radius: 8px;
    background: rgba(255, 215, 0, 0.08);
}

.mockup-revenue-workspace__sidebar section small,
.mockup-release-review-shell__sidebar section small {
    color: #d1d5db;
    line-height: 1.35;
}

.mockup-revenue-workspace__main,
.mockup-release-review-shell__main {
    display: grid;
    align-content: start;
    gap: 0.85rem;
    min-width: 0;
    padding: 0 1rem 1rem;
}

.mockup-revenue-workspace__topbar,
.mockup-release-review-shell__topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem;
    min-height: 72px;
    margin: 0 -1rem;
    padding: 0.65rem 1rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.16);
    background: rgba(7, 11, 14, 0.94);
}

.mockup-revenue-workspace__topbar p,
.mockup-release-review-shell__topbar p,
.mockup-revenue-workspace__topbar h1,
.mockup-release-review-shell__topbar h1 {
    margin: 0;
}

.mockup-revenue-workspace__topbar p,
.mockup-release-review-shell__topbar p {
    color: #9ca3af;
    font-size: 0.82rem;
    font-weight: 800;
}

.mockup-revenue-workspace__topbar h1,
.mockup-release-review-shell__topbar h1 {
    color: #ffffff;
    font-size: clamp(1.45rem, 1.8vw, 1.9rem);
}

.mockup-revenue-workspace__topbar nav,
.mockup-release-review-shell__topbar nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.55rem;
}

.mockup-revenue-workspace__topbar span,
.mockup-revenue-workspace__topbar a,
.mockup-release-review-shell__topbar a,
.mockup-release-review-shell__topbar button {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 0.72rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: rgba(17, 24, 39, 0.76);
    color: #d1d5db;
    font-weight: 780;
    text-decoration: none;
}

.mockup-release-review-shell__topbar button {
    color: #9ca3af;
}

.mockup-revenue-kpis {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.65rem;
}

.mockup-revenue-kpis article,
.mockup-revenue-chart,
.mockup-revenue-inspector,
.mockup-revenue-table,
.mockup-release-review-shell__summary,
.mockup-release-review-table,
.mockup-release-review-detail,
.mockup-release-review-health,
.mockup-release-review-client {
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(43,45,49,0.9), rgba(18,24,28,0.94)), #2b2d31;
}

.mockup-revenue-kpis article {
    display: grid;
    gap: 0.32rem;
    min-height: 106px;
    padding: 0.82rem;
}

.mockup-revenue-kpis small,
.mockup-revenue-table header span,
.mockup-revenue-table em,
.mockup-release-review-table header,
.mockup-release-review-table small {
    color: #9ca3af;
}

.mockup-revenue-kpis strong {
    color: #ffffff;
    font-size: 1.65rem;
}

.mockup-revenue-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.38fr);
    gap: 0.8rem;
}

.mockup-revenue-chart,
.mockup-revenue-table {
    display: grid;
    gap: 0.8rem;
    padding: 1rem;
}

.mockup-revenue-chart header,
.mockup-revenue-table header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.85rem;
}

.mockup-revenue-chart h2,
.mockup-revenue-inspector h2,
.mockup-release-review-shell__summary h2,
.mockup-release-review-detail h2 {
    margin: 0.32rem 0 0;
    color: #ffffff;
    font-size: clamp(1.25rem, 1.8vw, 1.9rem);
    line-height: 1.08;
}

.mockup-revenue-chart__bars {
    min-height: 212px;
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.14);
    border-radius: 8px;
    background: rgba(7, 11, 14, 0.5);
}

.mockup-revenue-chart dl {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.55rem;
    margin: 0;
}

.mockup-revenue-chart dl div {
    display: grid;
    gap: 0.2rem;
    padding: 0.65rem;
    border: 1px solid rgba(156, 163, 175, 0.14);
    border-radius: 8px;
    background: rgba(7, 11, 14, 0.38);
}

.mockup-revenue-chart dt,
.mockup-revenue-chart dd {
    margin: 0;
}

.mockup-revenue-chart dt {
    color: #9ca3af;
    font-size: 0.74rem;
    font-weight: 850;
    text-transform: uppercase;
}

.mockup-revenue-chart dd {
    color: #ffffff;
    font-weight: 840;
}

.mockup-revenue-inspector {
    display: grid;
    gap: 0.7rem;
    align-content: start;
    padding: 1rem;
}

.mockup-revenue-inspector p,
.mockup-release-review-shell__summary p,
.mockup-release-review-detail p,
.mockup-release-review-client p {
    margin: 0;
    color: #d1d5db;
    line-height: 1.45;
}

.mockup-revenue-table {
    grid-column: 1 / -1;
}

.mockup-revenue-table > div {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(140px, 0.4fr) minmax(160px, 0.48fr) 92px;
    align-items: center;
    gap: 0.55rem;
}

.mockup-revenue-table > div > * {
    min-height: 44px;
    padding: 0.65rem;
    border-top: 1px solid rgba(156, 163, 175, 0.12);
}

.mockup-revenue-table span,
.mockup-revenue-table strong,
.mockup-release-review-table span,
.mockup-release-review-table strong,
.mockup-release-review-detail strong,
.mockup-release-review-client strong {
    color: #ffffff;
}

.mockup-release-review-shell__summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, 0.9fr);
    gap: 0.85rem;
    padding: 1rem;
}

.mockup-release-review-shell__summary dl {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
    gap: 0.55rem;
    margin: 0;
}

.mockup-release-review-shell__summary dl div {
    display: grid;
    gap: 0.24rem;
    padding: 0.7rem;
    border: 1px solid rgba(156, 163, 175, 0.14);
    border-radius: 8px;
    background: rgba(7, 11, 14, 0.38);
}

.mockup-release-review-shell__summary dt,
.mockup-release-review-shell__summary dd {
    margin: 0;
}

.mockup-release-review-shell__summary dt {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.mockup-release-review-shell__summary dd {
    color: #ffffff;
    font-weight: 850;
}

.mockup-release-review-shell__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.42fr);
    gap: 0.8rem;
}

.mockup-release-review-table {
    display: grid;
    align-content: start;
    overflow: hidden;
}

.mockup-release-review-table header,
.mockup-release-review-table__row {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) 100px 100px 120px;
    gap: 0.65rem;
    align-items: center;
    min-height: 52px;
    padding: 0 0.85rem;
}

.mockup-release-review-table header {
    min-height: 44px;
    border-bottom: 1px solid rgba(156, 163, 175, 0.16);
    font-size: 0.78rem;
    font-weight: 850;
    text-transform: uppercase;
}

.mockup-release-review-table__row {
    border-bottom: 1px solid rgba(156, 163, 175, 0.12);
    color: #d1d5db;
    text-decoration: none;
}

.mockup-release-review-table__row--selected {
    background: rgba(255, 68, 68, 0.1);
    box-shadow: inset 3px 0 0 #ff4444;
}

.mockup-release-review-table__row em {
    color: #ffa500;
    font-style: normal;
    font-weight: 850;
}

.mockup-release-review-detail {
    display: grid;
    gap: 0.72rem;
    align-content: start;
    padding: 1rem;
}

.mockup-release-review-detail section,
.mockup-release-review-detail label {
    display: grid;
    gap: 0.55rem;
}

.mockup-release-review-detail textarea {
    width: 100%;
    min-height: 112px;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.22);
    border-radius: 8px;
    background: rgba(7, 11, 14, 0.58);
    color: #ffffff;
}

.mockup-release-review-detail div {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
}

.mockup-release-review-detail button {
    min-height: 44px;
    border: 1px solid rgba(156, 163, 175, 0.28);
    border-radius: 8px;
    background: rgba(17, 24, 39, 0.86);
    color: #d1d5db;
    font-weight: 850;
}

.mockup-release-review-health {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.6rem;
    padding: 0.75rem;
}

.mockup-release-review-health article {
    display: grid;
    gap: 0.16rem;
    min-height: 76px;
    padding: 0.7rem;
    border: 1px solid rgba(156, 163, 175, 0.14);
    border-radius: 8px;
    background: rgba(7, 11, 14, 0.38);
}

.mockup-release-review-health strong {
    color: #ffffff;
    font-size: 1.5rem;
}

.mockup-release-review-health span,
.mockup-release-review-health small {
    color: #9ca3af;
}

.mockup-release-review-client {
    display: grid;
    gap: 0.55rem;
    align-content: start;
    padding: 0.9rem;
}

.mockup-release-review-client h2 {
    margin: 0.2rem 0 0;
    color: #ffffff;
    font-size: 1.15rem;
}

.mockup-release-review-client .admin-field {
    gap: 0.34rem;
}

.mockup-release-review-client .admin-field span,
.mockup-release-review-client .report-checkbox span {
    color: #d1d5db;
}

.mockup-release-review-client .admin-field input,
.mockup-release-review-client .admin-field textarea {
    border-color: rgba(156, 163, 175, 0.22);
    background: rgba(7, 11, 14, 0.58);
    color: #ffffff;
}

.mockup-release-review-client .marketplace-card__actions {
    margin-top: 0.25rem;
}

@media (max-width: 1180px) {
    .reports-mockup-snapshot,
    .mockup-revenue-kpis,
    .mockup-revenue-grid,
    .mockup-release-review-shell__summary,
    .mockup-release-review-shell__grid {
        grid-template-columns: 1fr;
    }

    .mockup-revenue-workspace,
    .mockup-release-review-shell {
        grid-template-columns: 1fr;
    }

    .mockup-revenue-workspace__sidebar,
    .mockup-release-review-shell__sidebar {
        position: static;
        height: auto;
    }
}

.proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-sidebar .proposal-sidebar-report-rail--secondary,
.proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-sidebar .proposal-sidebar-report-status {
    display: none !important;
}

.marketplace-workspace:has(.buyer-checkout-mockup-hybrid) > .breadcrumb-trail,
.marketplace-workspace:has(.buyer-checkout-mockup-hybrid) > .mockup-stagebar--checkout,
.marketplace-workspace:has(.buyer-checkout-mockup-hybrid) > .marketplace-hero,
.marketplace-workspace:has(.buyer-checkout-mockup-hybrid) > .marketplace-checkout-confidence,
.marketplace-workspace:has(.buyer-checkout-mockup-hybrid) > .mockup-commerce-board,
.marketplace-workspace:has(.buyer-checkout-mockup-hybrid) > .marketplace-signal-grid,
.marketplace-workspace:has(.buyer-checkout-mockup-hybrid) > .marketplace-journey-rail,
.marketplace-workspace:has(.buyer-checkout-mockup-hybrid) > .blueprint-preview-layout {
    display: none !important;
}

.marketplace-workspace:has(.buyer-checkout-mockup-hybrid) > .marketplace-checkout-confidence {
    display: grid !important;
}

.marketplace-workspace:has(.buyer-checkout-mockup-hybrid) > .blueprint-preview-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    max-width: min(1180px, calc(100vw - 2rem));
    margin: 1rem auto 0;
}

.marketplace-workspace:has(.buyer-checkout-mockup-hybrid) > .blueprint-preview-layout > :not([data-testid="checkout-pollination-context"]) {
    display: none !important;
}

.page:has(.buyer-checkout-mockup-hybrid) .command-header {
    display: none !important;
}

.main:has(.buyer-checkout-mockup-hybrid) {
    padding: 0 !important;
}

.buyer-checkout-mockup-hybrid {
    display: grid;
    gap: 0.6rem;
    min-height: 100vh;
    padding: 0.65rem 0.85rem;
    background: #0b0f12;
    color: #f8fafc;
}

.buyer-checkout-mockup-hybrid__topbar {
    display: grid;
    grid-template-columns: minmax(210px, 0.42fr) minmax(260px, 1fr) auto;
    gap: 1rem;
    align-items: center;
    min-height: 62px;
    border-bottom: 1px solid rgba(156, 163, 175, 0.16);
}

.buyer-checkout-mockup-hybrid__brand {
    display: grid;
    grid-template-columns: 44px minmax(0, auto);
    column-gap: 0.55rem;
    align-items: center;
}

.buyer-checkout-mockup-hybrid__brand .proposal-hive-mark {
    grid-row: span 2;
}

.buyer-checkout-mockup-hybrid__brand strong,
.buyer-checkout-mockup-hybrid__topbar h1,
.buyer-checkout-mockup-hybrid h2,
.buyer-checkout-mockup-hybrid h3 {
    margin: 0;
    color: #ffffff;
}

.buyer-checkout-mockup-hybrid__topbar h1 {
    font-size: clamp(1.45rem, 2vw, 2.05rem);
    line-height: 1;
}

.buyer-checkout-mockup-hybrid__brand small {
    color: #ffd54a;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.buyer-checkout-mockup-hybrid__topbar > div:nth-child(2) {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.buyer-checkout-mockup-hybrid__topbar nav {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.buyer-checkout-mockup-hybrid__topbar nav a,
.buyer-checkout-mockup-hybrid__safety a,
.buyer-checkout-mockup-hybrid__footer a {
    color: #60a5fa;
    font-weight: 800;
    text-decoration: none;
}

.buyer-checkout-mockup-hybrid__steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.5rem;
    margin: 0;
    padding: 0.55rem 0.7rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: #111827;
    list-style: none;
}

.buyer-checkout-mockup-hybrid__step {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    column-gap: 0.65rem;
    align-items: center;
    min-height: 52px;
}

.buyer-checkout-mockup-hybrid__step span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 2px solid rgba(156, 163, 175, 0.38);
    border-radius: 999px;
    color: #d1d5db;
    font-weight: 900;
}

.buyer-checkout-mockup-hybrid__step--complete span,
.buyer-checkout-mockup-hybrid__step--active span {
    border-color: #60a5fa;
    background: rgba(96, 165, 250, 0.28);
    color: #ffffff;
}

.buyer-checkout-mockup-hybrid__step--pending span {
    border-color: #ffa500;
    color: #ffd54a;
}

.buyer-checkout-mockup-hybrid__step strong,
.buyer-checkout-mockup-hybrid__step small {
    display: block;
    grid-column: 2;
}

.buyer-checkout-mockup-hybrid__step small,
.buyer-checkout-mockup-hybrid p,
.buyer-checkout-mockup-hybrid small,
.buyer-checkout-mockup-hybrid dt {
    color: #d1d5db;
}

.buyer-checkout-mockup-hybrid__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(330px, 0.72fr);
    gap: 0.75rem;
}

.buyer-checkout-mockup-hybrid__main,
.buyer-checkout-mockup-hybrid__summary,
.buyer-checkout-mockup-hybrid__footer {
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #111827;
}

.buyer-checkout-mockup-hybrid__main,
.buyer-checkout-mockup-hybrid__summary {
    display: grid;
    gap: 0.62rem;
    align-content: start;
    padding: 0.85rem;
}

.buyer-checkout-selected-blueprint {
    display: grid;
    grid-template-columns: 128px minmax(0, 1fr);
    gap: 0.8rem;
    padding: 0.7rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(11, 15, 18, 0.48);
}

.buyer-checkout-selected-blueprint__cover {
    display: grid;
    gap: 0.2rem;
    align-content: center;
    justify-items: center;
    aspect-ratio: 0.78;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(96, 165, 250, 0.25), transparent 45%),
        #0b0f12;
    color: #60a5fa;
    text-align: center;
    overflow: hidden;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
}

.buyer-checkout-selected-blueprint__cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 7px;
}

.buyer-checkout-selected-blueprint__cover .oi {
    margin-top: 0.65rem;
    color: #f8fafc;
    font-size: 2rem;
}

.buyer-checkout-selected-blueprint__meta,
.buyer-checkout-attribution-card header,
.buyer-checkout-payment-card header,
.buyer-checkout-mockup-hybrid__summary header,
.buyer-checkout-summary-row,
.buyer-checkout-summary-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.buyer-checkout-selected-blueprint__meta {
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 0.45rem;
}

.buyer-checkout-selected-blueprint__meta span {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: #d1d5db;
}

.buyer-checkout-selected-blueprint__creator {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 0.55rem;
    align-items: center;
    margin-top: 0.55rem;
    padding-top: 0.55rem;
    border-top: 1px solid rgba(156, 163, 175, 0.14);
}

.buyer-checkout-selected-blueprint__creator .buyer-checkout-promoter-badge {
    width: 42px;
    height: 42px;
}

.buyer-checkout-selected-blueprint__creator small,
.buyer-checkout-selected-blueprint__creator span {
    display: block;
    color: #9ca3af;
}

.buyer-checkout-selected-blueprint__creator strong {
    color: #ffffff;
}

.buyer-checkout-selected-blueprint__creator a {
    color: #60a5fa;
    font-weight: 800;
    text-decoration: none;
}

.buyer-checkout-attribution-card,
.buyer-checkout-payment-card,
.buyer-checkout-server-confirmation,
.buyer-checkout-guarantee {
    display: grid;
    gap: 0.55rem;
    padding: 0.7rem 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(11, 15, 18, 0.5);
}

.buyer-checkout-attribution-card > div {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
}

.buyer-checkout-promoter-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 999px;
    background: rgba(255, 215, 0, 0.14);
    color: #ffd54a;
    font-weight: 900;
}

.buyer-checkout-payment-card__grid {
    display: grid;
    grid-template-columns: minmax(180px, 0.45fr) minmax(0, 1fr);
    gap: 0.65rem;
}

.buyer-checkout-payment-options,
.buyer-checkout-card-fields {
    display: grid;
    gap: 0.5rem;
}

.buyer-checkout-payment-options__item,
.buyer-checkout-card-fields span {
    min-height: 44px;
    border: 1px solid rgba(156, 163, 175, 0.22);
    border-radius: 8px;
    background: rgba(43, 45, 49, 0.62);
    color: #f8fafc;
}

.buyer-checkout-payment-options__item {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 0.5rem;
    align-items: center;
    padding: 0.45rem 0.65rem;
    text-align: left;
}

.buyer-checkout-payment-options__item strong,
.buyer-checkout-payment-options__item small {
    grid-column: 2;
}

.buyer-checkout-payment-options__item span {
    width: 18px;
    height: 18px;
    border: 2px solid #9ca3af;
    border-radius: 999px;
}

.buyer-checkout-payment-options__item--selected span {
    border-color: #60a5fa;
    background: radial-gradient(circle, #60a5fa 0 36%, transparent 39%);
}

.buyer-checkout-card-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.buyer-checkout-card-fields span {
    display: flex;
    align-items: center;
    padding: 0 0.7rem;
    color: #d1d5db;
}

.buyer-checkout-card-fields span:first-child {
    grid-column: 1 / -1;
}

.buyer-checkout-mockup-hybrid__safety {
    display: none;
}

.buyer-checkout-mockup-hybrid__safety div {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.65rem;
    align-items: center;
    min-height: 60px;
    padding: 0.65rem;
    border: 1px solid rgba(255, 215, 0, 0.2);
    border-radius: 8px;
    background: rgba(35, 37, 41, 0.7);
}

.buyer-checkout-mockup-hybrid__summary dl {
    display: grid;
    gap: 0.5rem;
    margin: 0;
    padding: 0.75rem 0;
    border-top: 1px solid rgba(156, 163, 175, 0.16);
    border-bottom: 1px solid rgba(156, 163, 175, 0.16);
}

.buyer-checkout-mockup-hybrid__summary dl div {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
}

.buyer-checkout-mockup-hybrid__summary dd {
    margin: 0;
    color: #ffffff;
}

.buyer-checkout-summary-total strong {
    color: #ffffff;
    font-size: 1.65rem;
    line-height: 1.15;
    text-wrap: balance;
}

.buyer-checkout-start-button {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.65rem;
    align-items: center;
    min-height: 54px;
    padding: 0 0.9rem;
    border-radius: 8px;
    background: linear-gradient(135deg, #ffd54a, #ffa500);
    color: #111827;
    font-weight: 950;
    text-decoration: none;
}

.buyer-checkout-server-confirmation {
    border-color: rgba(255, 165, 0, 0.42);
}

.buyer-checkout-guarantee {
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: center;
}

.buyer-checkout-guarantee strong,
.buyer-checkout-guarantee small {
    grid-column: 2;
}

.buyer-checkout-guarantee .oi,
.buyer-checkout-mockup-hybrid__safety .oi {
    color: #52d352;
    font-size: 1.4rem;
}

.buyer-checkout-mockup-hybrid__footer {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.65rem;
    align-items: center;
    min-height: 64px;
    padding: 0.65rem 0.8rem;
}

.buyer-checkout-mockup-hybrid__footer span,
.buyer-checkout-mockup-hybrid__footer a {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

@media (max-width: 980px) {
    .buyer-checkout-mockup-hybrid__topbar,
    .buyer-checkout-mockup-hybrid__grid,
    .buyer-checkout-payment-card__grid,
    .buyer-checkout-mockup-hybrid__footer {
        grid-template-columns: 1fr;
    }

    .buyer-checkout-mockup-hybrid__steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .buyer-checkout-selected-blueprint {
        grid-template-columns: 96px minmax(0, 1fr);
        gap: 0.65rem;
    }

    .buyer-checkout-selected-blueprint__creator {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .buyer-checkout-selected-blueprint__creator a {
        grid-column: 2;
        justify-self: start;
    }

    .buyer-checkout-start-button {
        grid-template-columns: 28px minmax(0, 1fr);
        padding: 0.65rem 0.75rem;
    }
}

/* Focused reports library, detail, preview, and sharing flow */
.reports-library-page,
.report-detail-page,
.report-preview-page,
.report-share-dialog,
.reports-library-page *,
.report-detail-page *,
.report-preview-page *,
.report-share-dialog * {
    box-sizing: border-box;
    min-width: 0;
}

.reports-library-page,
.report-detail-page,
.report-preview-page {
    min-height: 100vh;
    background: #1b1c1e;
    color: #f8fafc;
}

.reports-library-page__header,
.report-detail-page__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 72px;
    padding: 0.75rem clamp(1rem, 4vw, 3rem);
    border-bottom: 1px solid rgba(156, 163, 175, 0.2);
    background: #111418;
}

.reports-library-page__brand,
.report-detail-page__brand,
.report-preview-page__brand {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    min-height: 44px;
    color: #f8fafc;
    font-weight: 900;
    text-decoration: none;
}

.reports-library-page__brand .hivesync-logo,
.report-detail-page__brand .hivesync-logo,
.report-preview-page__brand .hivesync-logo {
    --hivesync-logo-size: 38px;
}

.reports-library-page__account,
.report-detail-page__header nav a,
.report-preview-page__header > a:last-child {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 44px;
    padding: 0 0.75rem;
    border-radius: 8px;
    color: #bfdbfe;
    font-weight: 800;
    text-decoration: none;
}

.reports-library-page__account:hover,
.reports-library-page__account:focus-visible,
.report-detail-page__header nav a:hover,
.report-detail-page__header nav a:focus-visible,
.report-preview-page__header > a:last-child:hover,
.report-preview-page__header > a:last-child:focus-visible {
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff;
}

.reports-library-page__main,
.report-detail-page > main {
    width: min(100%, 1240px);
    margin: 0 auto;
    padding: clamp(1.25rem, 3vw, 2.5rem);
}

.reports-library-page__intro {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
    margin-bottom: clamp(1.5rem, 4vw, 3rem);
}

.reports-library-page__intro > div {
    display: grid;
    gap: 0.45rem;
}

.reports-library-page__intro h1 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(2rem, 5vw, 3.75rem);
    line-height: 1;
}

.reports-library-page__intro p:not(.reports-eyebrow) {
    max-width: 42rem;
    margin: 0;
    color: #b8c0cc;
    font-size: 1rem;
    line-height: 1.55;
}

.reports-library-page__intro nav,
.reports-library-empty nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.reports-library-page__intro nav a,
.reports-library-empty nav a,
.reports-library-state__actions button,
.reports-library-state__actions a,
.reports-library__pagination button,
.reports-library__no-match a,
.reports-library__no-match button,
.report-preview-page__state button,
.report-preview-page__state a,
.report-preview-page__review-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 44px;
    padding: 0.68rem 0.95rem;
    border: 1px solid rgba(96, 165, 250, 0.4);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.1);
    color: #bfdbfe;
    font: inherit;
    font-weight: 850;
    text-decoration: none;
    cursor: pointer;
}

.reports-library-page__intro nav a:first-child,
.reports-library-empty nav a:first-child,
.reports-library-state__actions button,
.report-preview-page__review-action {
    border-color: #60a5fa;
    background: #2563eb;
    color: #ffffff;
}

.reports-library-state,
.reports-library-empty,
.reports-library {
    overflow: hidden;
    border: 1px solid rgba(156, 163, 175, 0.24);
    border-radius: 14px;
    background: #2b2d31;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.18);
}

.reports-library-state {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.65fr);
    gap: 2rem;
    align-items: center;
    min-height: 300px;
    padding: clamp(1.5rem, 4vw, 3rem);
}

.reports-library-state--error {
    grid-template-columns: 52px minmax(0, 1fr);
    border-color: rgba(255, 68, 68, 0.4);
}

.reports-library-state--error > .oi {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border-radius: 12px;
    background: rgba(255, 68, 68, 0.12);
    color: #ff6b6b;
    font-size: 1.3rem;
}

.reports-library-state h2,
.reports-library-empty h2,
.reports-library__heading h2,
.reports-library__no-match strong {
    margin: 0;
    color: #ffffff;
}

.reports-library-state p:not(.reports-eyebrow),
.reports-library-empty p:not(.reports-eyebrow),
.reports-library__heading p:not(.reports-eyebrow),
.reports-library__no-match p {
    color: #c4cad3;
    line-height: 1.55;
}

.reports-library-state__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    margin-top: 1rem;
}

.reports-library-state__skeleton {
    display: grid;
    gap: 0.8rem;
}

.reports-library-state__skeleton i {
    display: block;
    height: 64px;
    border-radius: 10px;
    background: linear-gradient(90deg, #363940, #444852, #363940);
    background-size: 220% 100%;
    animation: report-library-pulse 1.8s ease-in-out infinite;
}

@keyframes report-library-pulse {
    0%, 100% { background-position: 0 0; }
    50% { background-position: 100% 0; }
}

.reports-library-empty {
    display: grid;
    grid-template-columns: minmax(220px, 0.45fr) minmax(0, 1fr);
    gap: clamp(1.5rem, 4vw, 3rem);
    align-items: center;
    padding: clamp(1.5rem, 4vw, 3rem);
}

.reports-library-empty__illustration {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 230px;
    border: 1px solid rgba(96, 165, 250, 0.22);
    border-radius: 16px;
    background:
        radial-gradient(circle at center, rgba(96, 165, 250, 0.14), transparent 62%),
        #202329;
}

.reports-library-empty__illustration .oi {
    color: #60a5fa;
    font-size: 4rem;
}

.reports-library-empty__illustration i {
    position: absolute;
    width: 52%;
    height: 2px;
    border-radius: 99px;
    background: rgba(156, 163, 175, 0.25);
}

.reports-library-empty__illustration i:nth-child(2) { top: 64%; }
.reports-library-empty__illustration i:nth-child(3) { top: 72%; width: 40%; }
.reports-library-empty__illustration i:nth-child(4) { top: 80%; width: 46%; }

.reports-library-empty > div:last-child {
    display: grid;
    gap: 0.85rem;
}

.reports-library-empty small {
    color: #9ca3af;
}

.reports-library__heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1.5rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.18);
}

.reports-library__heading > div {
    display: grid;
    gap: 0.35rem;
}

.reports-library__heading p {
    margin: 0;
}

.reports-library__heading > span {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: #aeb8c7;
    font-size: 0.78rem;
    font-weight: 800;
}

.reports-library__toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1.5rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.14);
    background: #25282d;
}

.reports-library__toolbar > span {
    color: #aeb8c7;
    font-size: 0.82rem;
    font-weight: 800;
}

.reports-library__view-switch {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.reports-library__view-switch button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 44px;
    padding: 0 0.8rem;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: #aeb8c7;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.reports-library__view-switch button:hover,
.reports-library__view-switch button:focus-visible {
    border-color: rgba(96, 165, 250, 0.38);
    background: rgba(96, 165, 250, 0.08);
    color: #e5efff;
}

.reports-library__view-switch button.reports-library__view-switch--active {
    border-color: rgba(96, 165, 250, 0.58);
    background: rgba(96, 165, 250, 0.14);
    color: #ffffff;
}

.reports-library__view-switch button small {
    display: inline-grid;
    place-items: center;
    min-width: 24px;
    height: 24px;
    padding: 0 0.35rem;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.14);
    color: #d9e1eb;
    font-size: 0.7rem;
}

.reports-library__search {
    display: block;
    padding: 1.25rem 1.5rem;
    background: #25282d;
}

.reports-library__warning {
    display: flex;
    gap: 0.5rem;
    margin: 0;
    padding: 0.8rem 1.5rem;
    background: rgba(255, 165, 0, 0.08);
    color: #ffd08a;
}

.reports-library__rows {
    display: grid;
}

.reports-library-row {
    display: grid;
    grid-template-columns: 44px minmax(220px, 0.8fr) minmax(260px, 1fr) 24px;
    gap: 1rem;
    align-items: center;
    min-height: 82px;
    padding: 0.9rem 1.5rem;
    border-top: 1px solid rgba(156, 163, 175, 0.14);
    color: #f8fafc;
    text-decoration: none;
}

.reports-library-row:hover,
.reports-library-row:focus-visible {
    background: rgba(96, 165, 250, 0.08);
    outline: 2px solid rgba(96, 165, 250, 0.8);
    outline-offset: -2px;
}

.reports-library-row__icon {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: rgba(96, 165, 250, 0.1);
    color: #60a5fa;
}

.reports-library-row__icon--green { background: rgba(0, 230, 118, 0.1); color: #00e676; }
.reports-library-row__icon--orange { background: rgba(255, 165, 0, 0.1); color: #ffa500; }
.reports-library-row__icon--red { background: rgba(255, 68, 68, 0.1); color: #ff5c5c; }

.reports-library-row__identity,
.reports-library-row__status {
    display: grid;
    gap: 0.32rem;
}

.reports-library-row__identity strong {
    color: #ffffff;
    font-size: 0.98rem;
}

.reports-library-row small {
    color: #aeb8c7;
    font-size: 0.78rem;
}

.reports-library-row__status {
    justify-items: start;
}

.reports-library__no-match {
    display: grid;
    justify-items: center;
    gap: 0.65rem;
    padding: clamp(2rem, 6vw, 4rem);
    text-align: center;
}

.reports-library__no-match button {
    border-color: rgba(96, 165, 250, 0.4);
    background: rgba(96, 165, 250, 0.1);
}

.reports-library__no-match > .oi {
    color: #60a5fa;
    font-size: 2rem;
}

.reports-library__pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid rgba(156, 163, 175, 0.16);
    background: #25282d;
}

.reports-library__pagination > span {
    display: grid;
    gap: 0.2rem;
}

.reports-library__pagination small {
    color: #aeb8c7;
}

.report-detail-page__header nav {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: #7f8a98;
    font-size: 0.82rem;
}

.report-detail-page > main {
    display: grid;
    gap: 1rem;
}

.report-detail-page .reports-focused-workspace {
    padding: 0;
    background: transparent;
}

.report-detail-page .reports-focused-decision,
.report-detail-page .reports-focused-panel,
.report-detail-page .reports-focused-metrics > div {
    background: #2b2d31;
}

.report-detail-page .reports-focused-action {
    border: 1px solid rgba(96, 165, 250, 0.35);
}

.report-detail-page .reports-focused-action--primary {
    border-color: #60a5fa;
}

.report-detail-page__share-status {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin: 0;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(96, 165, 250, 0.3);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.08);
    color: #bfdbfe;
}

.report-preview-page {
    padding: clamp(1rem, 3vw, 2rem);
}

.report-preview-page__header {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr) auto;
    gap: 2rem;
    align-items: center;
    width: min(100%, 1440px);
    margin: 0 auto 1.25rem;
    padding: 0.8rem 0 1.25rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.2);
}

.report-preview-page__header > div {
    display: grid;
    justify-items: center;
    gap: 0.25rem;
    text-align: center;
}

.report-preview-page__header h1,
.report-preview-page__header p {
    margin: 0;
}

.report-preview-page__header h1 {
    color: #ffffff;
    font-size: clamp(1.45rem, 3vw, 2.2rem);
}

.report-preview-page__header p:not(.reports-eyebrow) {
    color: #aeb8c7;
}

.report-preview-page__workspace {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(290px, 340px);
    gap: 1.25rem;
    width: min(100%, 1440px);
    margin: 0 auto;
}

.report-preview-page__document,
.report-preview-page__checklist,
.report-preview-page__state {
    border: 1px solid rgba(156, 163, 175, 0.22);
    border-radius: 12px;
    background: #2b2d31;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.2);
}

.report-preview-page__document {
    overflow: hidden;
}

.report-preview-page__document > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.18);
}

.report-preview-page__document h2,
.report-preview-page__document p {
    margin: 0;
}

.report-preview-page__document iframe {
    display: block;
    width: 100%;
    min-height: calc(100vh - 210px);
    border: 0;
    background: #ffffff;
}

.report-preview-page__checklist {
    align-self: start;
    display: grid;
    gap: 1rem;
    padding: 1.25rem;
}

.report-preview-page__checklist h2,
.report-preview-page__checklist p {
    margin: 0;
}

.report-preview-page__checklist ol {
    display: grid;
    gap: 0.8rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.report-preview-page__checklist li {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 0.75rem;
}

.report-preview-page__checklist li > span {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(96, 165, 250, 0.12);
    color: #93c5fd;
    font-weight: 900;
}

.report-preview-page__checklist li div {
    display: grid;
    gap: 0.2rem;
}

.report-preview-page__checklist small,
.report-preview-page__checklist details,
.report-preview-page__checklist dd {
    color: #aeb8c7;
}

.report-preview-page__checklist details {
    border-top: 1px solid rgba(156, 163, 175, 0.16);
    padding-top: 0.8rem;
}

.report-preview-page__checklist summary {
    min-height: 44px;
    cursor: pointer;
    color: #bfdbfe;
    font-weight: 800;
}

.report-preview-page__checklist dl {
    display: grid;
    gap: 0.55rem;
}

.report-preview-page__checklist dl div {
    display: grid;
    grid-template-columns: 80px minmax(0, 1fr);
    gap: 0.6rem;
}

.report-preview-page__checklist dt {
    color: #f8fafc;
    font-weight: 800;
}

.report-preview-page__checklist dd {
    margin: 0;
    overflow-wrap: anywhere;
}

.report-preview-page__state {
    display: grid;
    justify-items: center;
    gap: 0.8rem;
    width: min(100%, 760px);
    min-height: 360px;
    margin: 4rem auto;
    padding: 2rem;
    text-align: center;
}

.report-preview-page__state > .oi {
    color: #60a5fa;
    font-size: 2.4rem;
}

.report-preview-page__state--error > .oi {
    color: #ffa500;
}

.report-preview-page__state h2,
.report-preview-page__state p {
    margin: 0;
}

.report-preview-page__state p {
    max-width: 36rem;
    color: #c4cad3;
}

.report-preview-page__state > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.7rem;
    margin-top: 0.5rem;
}

.report-share-dialog {
    position: fixed;
    inset: 0;
    z-index: 2500;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(5, 8, 12, 0.78);
    backdrop-filter: blur(6px);
}

.report-share-dialog__shell {
    display: grid;
    width: min(100%, 620px);
    max-height: min(90vh, 760px);
    overflow: auto;
    border: 1px solid rgba(96, 165, 250, 0.38);
    border-radius: 14px;
    background: #2b2d31;
    color: #f8fafc;
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.5);
}

.report-share-dialog__shell > header {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) 44px;
    gap: 0.85rem;
    align-items: start;
    padding: 1.25rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.18);
}

.report-share-dialog__shell h2,
.report-share-dialog__shell p {
    margin: 0;
}

.report-share-dialog__shell header > div {
    display: grid;
    gap: 0.35rem;
}

.report-share-dialog__shell header p:not(.reports-eyebrow),
.report-share-dialog__body > p,
.report-share-dialog__body dd,
.report-share-dialog__body details {
    color: #b8c0cc;
}

.report-share-dialog__icon {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 11px;
    background: rgba(96, 165, 250, 0.12);
    color: #60a5fa;
}

.report-share-dialog__close,
.report-share-dialog__cancel,
.report-share-dialog__confirm {
    min-height: 44px;
    border-radius: 8px;
    font: inherit;
    font-weight: 850;
    cursor: pointer;
}

.report-share-dialog__close {
    display: grid;
    place-items: center;
    width: 44px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #c4cad3;
}

.report-share-dialog__close:hover,
.report-share-dialog__close:focus-visible {
    background: rgba(156, 163, 175, 0.12);
    color: #ffffff;
}

.report-share-dialog__body {
    display: grid;
    gap: 0.75rem;
    padding: 1.25rem;
}

.report-share-dialog__body label {
    color: #ffffff;
    font-weight: 850;
}

.report-share-dialog__body input {
    width: 100%;
    min-height: 48px;
    padding: 0 0.8rem;
    border: 1px solid #5e6877;
    border-radius: 8px;
    background: #1b1c1e;
    color: #ffffff;
    font: inherit;
}

.report-share-dialog__body input:focus {
    border-color: #60a5fa;
    outline: 2px solid rgba(96, 165, 250, 0.4);
    outline-offset: 1px;
}

.report-share-dialog__body input[aria-invalid="true"] {
    border-color: #ff5c5c;
}

.report-share-dialog__body > p {
    font-size: 0.8rem;
    line-height: 1.45;
}

.report-share-dialog__body dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 0.5rem 0;
}

.report-share-dialog__body dl div {
    display: grid;
    gap: 0.35rem;
    padding: 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: #24272c;
}

.report-share-dialog__body dt {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    color: #f8fafc;
    font-size: 0.78rem;
    font-weight: 850;
}

.report-share-dialog__body dd {
    margin: 0;
    font-size: 0.84rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.report-share-dialog__body details {
    border-top: 1px solid rgba(156, 163, 175, 0.18);
    padding-top: 0.65rem;
}

.report-share-dialog__body summary {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 44px;
    cursor: pointer;
    color: #bfdbfe;
    font-weight: 800;
}

.report-share-dialog__body details > div {
    display: grid;
    gap: 0.5rem;
    padding: 0.75rem;
    border-radius: 8px;
    background: #202329;
}

.report-share-dialog__shell > footer {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-top: 1px solid rgba(156, 163, 175, 0.18);
}

.report-share-dialog__cancel {
    padding: 0 1rem;
    border: 1px solid #606a78;
    background: transparent;
    color: #e5e7eb;
}

.report-share-dialog__confirm {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 0 1rem;
    border: 1px solid #60a5fa;
    background: #2563eb;
    color: #ffffff;
    text-decoration: none;
}

.report-share-dialog__confirm:disabled {
    border-color: #4b5563;
    background: #3b4048;
    color: #9ca3af;
    cursor: not-allowed;
}

@media (prefers-reduced-motion: reduce) {
    .reports-library-state__skeleton i {
        animation: none;
    }
}

@media (max-width: 900px) {
    .reports-library-page__intro,
    .reports-library__heading,
    .reports-library__toolbar,
    .reports-library__pagination {
        align-items: stretch;
        flex-direction: column;
    }

    .reports-library-state,
    .reports-library-empty,
    .report-preview-page__workspace {
        grid-template-columns: minmax(0, 1fr);
    }

    .reports-library-row {
        grid-template-columns: 44px minmax(0, 1fr) 24px;
    }

    .reports-library-row__status {
        grid-column: 2 / 3;
    }

    .reports-library-row > .oi-chevron-right {
        grid-column: 3;
        grid-row: 1 / span 2;
    }

    .report-preview-page__header {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .report-preview-page__header > div {
        grid-column: 1 / -1;
        grid-row: 2;
        justify-items: start;
        text-align: left;
    }

    .report-preview-page__document iframe {
        min-height: 70vh;
    }
}

@media (max-width: 640px) {
    .reports-library-page__header,
    .report-detail-page__header {
        padding-inline: 0.8rem;
    }

    .reports-library-page__main,
    .report-detail-page > main,
    .report-preview-page {
        padding: 0.8rem;
    }

    .reports-library-page__intro nav,
    .reports-library-empty nav,
    .reports-library-state__actions,
    .report-preview-page__state > div,
    .report-share-dialog__shell > footer {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .reports-library-page__intro nav a,
    .reports-library-empty nav a,
    .reports-library-state__actions button,
    .reports-library-state__actions a,
    .report-preview-page__state button,
    .report-preview-page__state a,
    .report-share-dialog__cancel,
    .report-share-dialog__confirm {
        width: 100%;
    }

    .reports-library-state {
        grid-template-columns: minmax(0, 1fr);
        min-height: 0;
        padding: 1.25rem;
    }

    .reports-library-state--error {
        justify-items: start;
    }

    .reports-library-empty {
        padding: 1.1rem;
    }

    .reports-library__heading,
    .reports-library__toolbar,
    .reports-library__search,
    .reports-library__pagination {
        padding: 1rem;
    }

    .reports-library__view-switch {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .reports-library__view-switch button {
        width: 100%;
    }

    .reports-library-row {
        grid-template-columns: 44px minmax(0, 1fr);
        padding: 1rem;
    }

    .reports-library-row__status {
        grid-column: 1 / -1;
    }

    .reports-library-row > .oi-chevron-right {
        display: none;
    }

    .report-detail-page__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .report-preview-page__header {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.75rem;
    }

    .report-preview-page__header > div {
        grid-column: 1;
        grid-row: auto;
    }

    .report-share-dialog {
        align-items: end;
        padding: 0;
    }

    .report-share-dialog__shell {
        max-height: 94vh;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
        border-radius: 14px 14px 0 0;
    }

    .report-share-dialog__shell > header {
        grid-template-columns: minmax(0, 1fr) 44px;
        padding: 0.85rem 1rem;
    }

    .report-share-dialog__icon {
        display: none;
    }

    .report-share-dialog__shell h2 {
        font-size: 1.65rem;
        line-height: 1.08;
    }

    .report-share-dialog__body {
        gap: 0.6rem;
        padding: 0.9rem 1rem;
    }

    .report-share-dialog__body dl {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.55rem;
        margin: 0.3rem 0;
    }

    .report-share-dialog__body dl div {
        padding: 0.7rem;
    }

    .report-share-dialog__shell > footer {
        grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
        gap: 0.55rem;
        padding: 0.8rem 1rem;
    }
}

/* Focused report workspace: release decision first, supporting detail on demand. */
.reports-objective-lanes--legacy,
.reports-generated-workbench--legacy,
.reports-command-stage:has(.reports-focused-workspace) > .reports-first-action-strip,
.reports-command-stage:has(.reports-focused-workspace) > .reports-mockup-snapshot,
.reports-command-stage:has(.reports-focused-workspace) > .reports-command-toolbar,
.reports-command-stage:has(.reports-focused-workspace) > .reports-send-cockpit,
.reports-command-stage:has(.reports-focused-workspace) > .reports-command-board,
.reports-command-stage:has(.reports-focused-workspace) > .reports-command-footer {
    display: none !important;
}

.reports-command-stage:has(.reports-focused-workspace) {
    grid-template-rows: 58px auto minmax(0, 1fr) auto;
    background: #070b0e;
}

.reports-focused-workspace,
.reports-focused-workspace * {
    box-sizing: border-box;
    min-width: 0;
}

.reports-focused-workspace {
    display: grid;
    gap: 1rem;
    padding: clamp(1rem, 2vw, 1.5rem);
    background:
        radial-gradient(circle at 88% 0, rgba(96, 165, 250, 0.06), transparent 26rem),
        #070b0e;
    color: #f8fafc;
}

.reports-focused-workspace__identity {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    padding-bottom: 0.25rem;
}

.reports-focused-workspace__identity > div:first-child {
    display: grid;
    gap: 0.22rem;
}

.reports-focused-workspace__identity h2,
.reports-focused-decision h3,
.reports-focused-panel h3 {
    margin: 0;
    color: #f8fafc;
}

.reports-focused-workspace__identity h2 {
    font-size: clamp(1.35rem, 2vw, 1.85rem);
    line-height: 1.12;
}

.reports-focused-workspace__identity p:not(.reports-eyebrow),
.reports-focused-workspace__identity-actions small,
.reports-focused-panel p,
.reports-focused-panel small {
    color: #aeb8c7;
}

.reports-focused-workspace__identity p {
    margin: 0;
}

.reports-focused-workspace__identity p:not(.reports-eyebrow) {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    font-size: 0.82rem;
}

.reports-focused-workspace__identity-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.7rem;
}

.reports-focused-workspace__identity-actions button,
.reports-focused-summary__delivery a,
.reports-focused-evidence a,
.reports-focused-checks-panel header a,
.reports-focused-workspace__footer a {
    color: #83b7ff;
    font-weight: 800;
    text-decoration: none;
}

.reports-focused-workspace__identity-actions button,
.reports-focused-summary__delivery a {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 44px;
    padding: 0 0.7rem;
    border: 0;
    border-radius: 8px;
    background: transparent;
    font: inherit;
    cursor: pointer;
}

.reports-focused-inline-link {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 0.6rem;
    border-radius: 8px;
}

.reports-focused-workspace__identity-actions button:hover,
.reports-focused-workspace__identity-actions button:focus-visible,
.reports-focused-summary__delivery a:hover,
.reports-focused-summary__delivery a:focus-visible,
.reports-focused-inline-link:hover,
.reports-focused-inline-link:focus-visible {
    background: rgba(96, 165, 250, 0.1);
    color: #b9d5ff;
}

.reports-focused-decision {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.36fr);
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 12px;
    background: #111820;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.22);
}

.reports-focused-decision__copy {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 1rem;
    align-content: center;
    padding: clamp(1.2rem, 2.4vw, 2rem);
}

.reports-focused-decision__lock {
    display: inline-grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border: 1px solid rgba(255, 165, 0, 0.42);
    border-radius: 12px;
    background: rgba(255, 165, 0, 0.08);
    color: #ffb547;
    font-size: 1.2rem;
}

.reports-focused-decision__copy > div {
    display: grid;
    gap: 0.55rem;
}

.reports-focused-decision__copy h3 {
    max-width: 42rem;
    font-size: clamp(1.45rem, 2.4vw, 2.15rem);
    line-height: 1.08;
}

.reports-focused-decision__copy p {
    max-width: 48rem;
    margin: 0;
    color: #c3ccd8;
    line-height: 1.5;
}

.reports-focused-decision__copy nav {
    grid-column: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    margin-top: 0.35rem;
}

.reports-focused-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 46px;
    padding: 0 1rem;
    border: 1px solid rgba(148, 163, 184, 0.3);
    border-radius: 8px;
    background: #18212c;
    color: #eef4fb;
    font-weight: 850;
    text-decoration: none;
}

.reports-focused-action:hover,
.reports-focused-action:focus-visible {
    border-color: rgba(148, 163, 184, 0.55);
    background: #202c39;
    color: #ffffff;
}

.reports-focused-action--primary {
    border-color: #60a5fa;
    background: #2563eb;
    color: #ffffff;
}

.reports-focused-action--primary:hover,
.reports-focused-action--primary:focus-visible {
    border-color: #93c5fd;
    background: #3b82f6;
    color: #ffffff;
}

.reports-focused-decision__checks {
    display: grid;
    align-content: start;
    border-left: 1px solid rgba(148, 163, 184, 0.18);
    background: #0d141b;
}

.reports-focused-decision__checks header,
.reports-focused-decision__checks > a {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 18px;
    gap: 0.7rem;
    align-items: center;
    min-height: 64px;
    padding: 0.75rem 1rem;
}

.reports-focused-decision__checks header {
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 58px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
}

.reports-focused-decision__checks header div {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.reports-focused-decision__checks header > span {
    color: #8996a8;
    font-size: 0.75rem;
    font-weight: 800;
}

.reports-focused-decision__checks > a {
    border-bottom: 1px solid rgba(148, 163, 184, 0.1);
    color: #e5ebf3;
    text-decoration: none;
}

.reports-focused-decision__checks > a:last-child {
    border-bottom: 0;
}

.reports-focused-decision__checks > a:hover,
.reports-focused-decision__checks > a:focus-visible {
    background: rgba(96, 165, 250, 0.07);
}

.reports-focused-decision__checks > a > span:nth-child(2) {
    display: grid;
    gap: 0.12rem;
}

.reports-focused-decision__checks small {
    color: #9aa7b7;
    font-size: 0.75rem;
}

.reports-focused-check {
    display: inline-grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.08);
    color: #aeb8c7;
}

.reports-focused-check--complete,
.reports-focused-check--green {
    border-color: rgba(0, 230, 118, 0.35);
    background: rgba(0, 230, 118, 0.08);
    color: #3ee58c;
}

.reports-focused-check--review,
.reports-focused-check--orange,
.reports-focused-check--gold {
    border-color: rgba(255, 165, 0, 0.4);
    background: rgba(255, 165, 0, 0.08);
    color: #ffb547;
}

.reports-focused-check--pending,
.reports-focused-check--blue {
    border-color: rgba(96, 165, 250, 0.38);
    background: rgba(96, 165, 250, 0.08);
    color: #83b7ff;
}

.reports-focused-check--red {
    border-color: rgba(255, 92, 92, 0.42);
    background: rgba(255, 92, 92, 0.08);
    color: #ff8d8d;
}

.reports-focused-decision__lock--green {
    border-color: rgba(0, 230, 118, 0.35);
    background: rgba(0, 230, 118, 0.08);
    color: #3ee58c;
}

.reports-focused-decision__lock--red {
    border-color: rgba(255, 92, 92, 0.42);
    background: rgba(255, 92, 92, 0.08);
    color: #ff8d8d;
}

.reports-focused-decision__lock--blue {
    border-color: rgba(96, 165, 250, 0.38);
    background: rgba(96, 165, 250, 0.08);
    color: #83b7ff;
}

.reports-focused-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 0;
}

.reports-focused-metrics > div {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 0.12rem 0.7rem;
    min-height: 96px;
    padding: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.17);
    border-radius: 10px;
    background: #0e151c;
}

.reports-focused-metrics > div > .oi {
    grid-row: 1 / span 3;
    align-self: start;
    color: #8fa0b4;
    font-size: 1.05rem;
}

.reports-focused-metrics dt {
    color: #9aa7b7;
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.reports-focused-metrics dd {
    margin: 0;
    color: #f8fafc;
    font-size: 1.22rem;
    font-weight: 900;
}

.reports-focused-metrics small {
    color: #8996a8;
    font-size: 0.75rem;
}

.reports-focused-metrics--pending > div {
    grid-template-columns: minmax(0, 1fr);
    align-content: center;
    gap: 0.65rem;
}

.reports-focused-metrics--pending span,
.reports-focused-metrics--pending i {
    display: block;
    overflow: hidden;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(148, 163, 184, 0.08), rgba(148, 163, 184, 0.18), rgba(148, 163, 184, 0.08));
    background-size: 220% 100%;
    animation: reports-focused-pulse 1.4s ease-in-out infinite;
}

.reports-focused-metrics--pending span {
    width: 55%;
    height: 12px;
}

.reports-focused-metrics--pending i {
    width: 82%;
    height: 9px;
}

.reports-focused-metrics--pending i:last-child {
    width: 68%;
}

.reports-focused-decision--state {
    display: block;
}

.reports-focused-state,
.reports-focused-panel-state {
    display: grid;
    justify-items: start;
    align-content: center;
    gap: 0.75rem;
    min-height: 250px;
    padding: clamp(1.2rem, 3vw, 2.4rem);
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 10px;
    background: #0e151c;
}

.reports-focused-state {
    grid-template-columns: 52px minmax(0, 1fr);
    border: 0;
    border-radius: 0;
}

.reports-focused-state > div,
.reports-focused-panel-state {
    max-width: 58rem;
}

.reports-focused-state > div {
    display: grid;
    justify-items: start;
    gap: 0.7rem;
}

.reports-focused-state h3,
.reports-focused-panel-state h3,
.reports-focused-state p,
.reports-focused-panel-state p {
    margin: 0;
}

.reports-focused-state p:not(.reports-eyebrow),
.reports-focused-panel-state p {
    color: #aeb8c7;
    line-height: 1.5;
}

.reports-focused-state__icon,
.reports-focused-panel-state > .oi {
    display: inline-grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(96, 165, 250, 0.35);
    border-radius: 12px;
    background: rgba(96, 165, 250, 0.08);
    color: #83b7ff;
    font-size: 1.15rem;
}

.reports-focused-state__icon--error,
.reports-focused-panel-state--error > .oi {
    border-color: rgba(255, 92, 92, 0.4);
    background: rgba(255, 92, 92, 0.08);
    color: #ff8d8d;
}

.reports-focused-panel-state--empty > .oi {
    border-color: rgba(255, 193, 79, 0.38);
    background: rgba(255, 193, 79, 0.08);
    color: #ffc66b;
}

.reports-focused-state .reports-focused-action,
.reports-focused-panel-state .reports-focused-action {
    width: fit-content;
    margin-top: 0.25rem;
}

.reports-focused-action:is(button) {
    font: inherit;
    cursor: pointer;
}

.reports-focused-exceptions {
    min-height: 100%;
}

.reports-focused-exception,
.reports-focused-inline-empty {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
    padding: 0.8rem 0;
    border-top: 1px solid rgba(148, 163, 184, 0.12);
}

.reports-focused-exception > div,
.reports-focused-inline-empty > div {
    display: grid;
    gap: 0.2rem;
}

.reports-focused-exception small,
.reports-focused-inline-empty small,
.reports-focused-checks-panel > dl > div > small {
    color: #8996a8;
    font-size: 0.75rem;
    line-height: 1.4;
}

.reports-focused-inline-empty > .oi {
    display: inline-grid;
    place-items: center;
    width: 32px;
    height: 32px;
    color: #3ee58c;
}

@keyframes reports-focused-pulse {
    from {
        background-position: 100% 0;
    }
    to {
        background-position: -120% 0;
    }
}

.reports-focused-tabs {
    display: flex;
    gap: 0.35rem;
    overflow-x: auto;
    padding: 0.25rem 0 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
    scrollbar-width: thin;
}

.reports-focused-tabs button {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 48px;
    padding: 0 0.9rem;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: #98a5b6;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.reports-focused-tabs button:hover,
.reports-focused-tabs button:focus-visible {
    color: #e7edf5;
}

.reports-focused-tabs button.reports-focused-tab--active {
    border-bottom-color: #83b7ff;
    color: #f8fafc;
}

.reports-focused-tabs button small {
    display: inline-grid;
    place-items: center;
    min-width: 24px;
    height: 24px;
    padding: 0 0.35rem;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.12);
    color: #bac4d1;
    font-size: 0.7rem;
}

.reports-focused-panel {
    min-height: 270px;
    padding: 0.2rem 0 0;
    outline: none;
}

.reports-focused-summary {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.55fr);
    gap: 0.8rem;
}

.reports-focused-summary__preview,
.reports-focused-summary__readiness,
.reports-focused-summary__delivery,
.reports-focused-account-details,
.reports-focused-evidence article,
.reports-focused-checks-panel > dl,
.reports-focused-checks-panel > article,
.reports-focused-activity {
    border: 1px solid rgba(148, 163, 184, 0.17);
    border-radius: 10px;
    background: #0e151c;
}

.reports-focused-summary__preview {
    display: grid;
    grid-template-columns: minmax(190px, 0.58fr) minmax(0, 1fr);
    gap: clamp(1rem, 2.5vw, 2rem);
    align-items: center;
    min-height: 330px;
    padding: clamp(1.2rem, 2.8vw, 2rem);
}

.reports-focused-summary__document {
    position: relative;
    display: grid;
    align-content: start;
    gap: 0.65rem;
    width: min(100%, 250px);
    min-height: 270px;
    margin: 0 auto;
    padding: 1.3rem;
    border: 1px solid rgba(148, 163, 184, 0.3);
    border-radius: 8px;
    background: #f3f4f6;
    color: #17202b;
    box-shadow: 0 24px 45px rgba(0, 0, 0, 0.3);
}

.reports-focused-summary__document > .oi {
    color: #2563eb;
    font-size: 1.3rem;
}

.reports-focused-summary__document strong {
    font-size: 1rem;
}

.reports-focused-summary__document i {
    display: block;
    height: 7px;
    border-radius: 999px;
    background: #cbd5e1;
}

.reports-focused-summary__document i:nth-of-type(2) {
    width: 82%;
}

.reports-focused-summary__document i:nth-of-type(3) {
    width: 92%;
}

.reports-focused-summary__document i:nth-of-type(4) {
    width: 68%;
}

.reports-focused-summary__document small {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    color: #64748b;
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
}

.reports-focused-summary__preview-copy {
    display: grid;
    justify-items: start;
    gap: 0.65rem;
}

.reports-focused-summary__preview-copy h3,
.reports-focused-summary__preview-copy p {
    margin: 0;
}

.reports-focused-summary__preview-copy h3 {
    font-size: clamp(1.35rem, 2vw, 1.9rem);
}

.reports-focused-summary__preview-copy p:not(.reports-eyebrow) {
    color: #b7c1ce;
    line-height: 1.55;
}

.reports-focused-summary__preview-copy .reports-focused-action {
    margin-top: 0.35rem;
}

.reports-focused-summary__support {
    display: grid;
    gap: 0.8rem;
    align-content: start;
}

.reports-focused-summary__readiness,
.reports-focused-summary__delivery {
    padding: 1.15rem;
}

.reports-focused-summary__readiness header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.reports-focused-summary__readiness header > div {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.reports-focused-summary__readiness header > div > .oi,
.reports-focused-summary__delivery > .oi {
    color: #ffb547;
    font-size: 1.05rem;
}

.reports-focused-summary__readiness header strong {
    color: #f8fafc;
    font-size: 1.45rem;
}

.reports-focused-progress {
    height: 8px;
    margin: 1rem 0;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.16);
}

.reports-focused-progress span {
    display: block;
    width: var(--reports-progress);
    height: 100%;
    border-radius: inherit;
    background: #83b7ff;
}

.reports-focused-summary p {
    margin: 0.75rem 0;
    line-height: 1.48;
}

.reports-focused-summary__delivery {
    display: grid;
    align-content: start;
    gap: 0.45rem;
}

.reports-focused-summary__delivery > .oi {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: 0.3rem;
    border: 1px solid rgba(255, 165, 0, 0.32);
    border-radius: 10px;
    background: rgba(255, 165, 0, 0.07);
}

.reports-focused-summary__delivery--green > .oi {
    border-color: rgba(0, 230, 118, 0.35);
    background: rgba(0, 230, 118, 0.08);
    color: #3ee58c;
}

.reports-focused-account-details {
    grid-column: 1 / -1;
    overflow: hidden;
}

.reports-focused-account-details > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 58px;
    padding: 0.75rem 1rem;
    color: #dce5ef;
    cursor: pointer;
    list-style: none;
}

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

.reports-focused-account-details > summary > div {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.reports-focused-account-details > summary > div > .oi {
    color: #9aa7b7;
}

.reports-focused-account-details > summary div div {
    display: grid;
    gap: 0.15rem;
}

.reports-focused-account-details > summary small,
.reports-focused-account-details article small {
    color: #8996a8;
}

.reports-focused-account-details > summary > .oi {
    transition: transform 160ms ease;
}

.reports-focused-account-details[open] > summary > .oi {
    transform: rotate(180deg);
}

.reports-focused-account-details > div {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid rgba(148, 163, 184, 0.14);
}

.reports-focused-account-details article {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    min-height: 92px;
    padding: 1rem;
}

.reports-focused-account-details article + article {
    border-left: 1px solid rgba(148, 163, 184, 0.14);
}

.reports-focused-account-details article > .oi {
    color: #f2c45d;
    font-size: 1.05rem;
}

.reports-focused-account-details article > div {
    display: grid;
    gap: 0.2rem;
}

.reports-focused-account-details article a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 0.65rem;
    border-radius: 8px;
    color: #83b7ff;
    font-weight: 800;
    text-decoration: none;
}

.reports-focused-account-details article a:hover,
.reports-focused-account-details article a:focus-visible {
    background: rgba(96, 165, 250, 0.1);
    color: #b9d5ff;
}

.reports-focused-evidence {
    display: grid;
    gap: 0.65rem;
}

.reports-focused-evidence-readback {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 0.8rem;
    align-items: center;
    margin-bottom: 0.8rem;
    padding: 0.9rem 1rem;
    border: 1px solid rgba(96, 165, 250, 0.42);
    border-radius: 10px;
    background: rgba(30, 64, 175, 0.12);
}

.reports-focused-evidence-readback > .oi {
    display: inline-grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(96, 165, 250, 0.14);
    color: #93c5fd;
}

.reports-focused-evidence-readback > div {
    display: grid;
    gap: 0.2rem;
}

.reports-focused-evidence-readback p {
    margin: 0;
}

.reports-focused-evidence-readback button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 44px;
    padding: 0 0.8rem;
    border: 1px solid rgba(251, 191, 36, 0.5);
    border-radius: 8px;
    background: rgba(251, 191, 36, 0.08);
    color: #fde68a;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.reports-focused-evidence-readback button:hover,
.reports-focused-evidence-readback button:focus-visible {
    background: rgba(251, 191, 36, 0.16);
    color: #fff7cf;
}

.reports-focused-evidence-readback--focused {
    border-color: rgba(96, 165, 250, 0.52);
    background: rgba(30, 64, 175, 0.12);
}

.reports-focused-evidence-readback--focused > .oi {
    background: rgba(96, 165, 250, 0.14);
    color: #93c5fd;
}

.reports-focused-evidence-readback--stale {
    border-color: rgba(251, 191, 36, 0.42);
    background: rgba(251, 191, 36, 0.08);
}

.reports-focused-evidence-readback--stale > .oi {
    background: rgba(251, 191, 36, 0.12);
    color: #fde68a;
}

.reports-focused-evidence article {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 0.8rem;
    align-items: center;
    min-height: 76px;
    padding: 0.8rem 1rem;
}

.reports-focused-evidence article.reports-focused-evidence__item--highlighted {
    border-color: rgba(96, 165, 250, 0.72);
    background:
        linear-gradient(90deg, rgba(96, 165, 250, 0.1), rgba(14, 21, 28, 0.98) 42%);
    box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.1);
    outline: none;
}

.reports-focused-evidence article.reports-focused-evidence__item--highlighted:focus-visible {
    box-shadow:
        0 0 0 2px #0e151c,
        0 0 0 4px #60a5fa;
}

.reports-focused-evidence article > div {
    display: grid;
    gap: 0.18rem;
}

.reports-focused-evidence article > div > strong {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.reports-focused-evidence__focus-label {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    min-height: 24px;
    padding: 0 0.5rem;
    border-radius: 999px;
    background: rgba(96, 165, 250, 0.14);
    color: #bfdbfe;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.01em;
}

.reports-focused-evidence small {
    line-height: 1.35;
}

.reports-focused-evidence a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 0.7rem;
}

.reports-focused-checks-panel {
    display: grid;
    grid-template-columns: minmax(260px, 0.34fr) minmax(0, 1fr);
    gap: 0.8rem;
}

.reports-focused-checks-panel > dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    margin: 0;
    overflow: hidden;
}

.reports-focused-checks-panel > dl div {
    display: grid;
    gap: 0.25rem;
    align-content: center;
    min-height: 112px;
    padding: 1rem;
    border-right: 1px solid rgba(148, 163, 184, 0.12);
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}

.reports-focused-checks-panel > dl div:nth-child(2n) {
    border-right: 0;
}

.reports-focused-checks-panel > dl div:nth-last-child(-n + 2) {
    border-bottom: 0;
}

.reports-focused-checks-panel dt {
    color: #9aa7b7;
    font-size: 0.76rem;
    font-weight: 850;
    text-transform: uppercase;
}

.reports-focused-checks-panel dd {
    display: flex;
    align-items: baseline;
    gap: 0.45rem;
    margin: 0;
    color: #f8fafc;
    font-size: 1.5rem;
    font-weight: 900;
}

.reports-focused-checks-panel dd small {
    font-size: 0.72rem;
    font-weight: 800;
}

.reports-focused-checks-panel > article {
    display: grid;
    gap: 0.8rem;
    align-content: start;
    padding: 1rem;
}

.reports-focused-checks-panel header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.reports-focused-checks-panel article > p {
    display: grid;
    grid-template-columns: minmax(130px, 0.36fr) minmax(160px, 1fr) 24px;
    gap: 0.75rem;
    align-items: center;
    margin: 0;
    color: #c8d1dc;
}

.reports-focused-checks-panel article > p i {
    display: block;
    height: 7px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.15);
}

.reports-focused-checks-panel article > p em {
    display: block;
    width: var(--reports-bar);
    height: 100%;
    border-radius: inherit;
    background: #ef6a6a;
}

.reports-focused-checks-panel article > p strong {
    justify-self: end;
}

.reports-focused-activity {
    display: grid;
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none;
}

.reports-focused-activity li {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 0.8rem;
    align-items: center;
    min-height: 76px;
    padding: 0.8rem 1rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}

.reports-focused-activity li:last-child {
    border-bottom: 0;
}

.reports-focused-activity li > div {
    display: grid;
    gap: 0.18rem;
}

.reports-focused-workspace__footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.85rem 1.4rem;
    min-height: 44px;
    color: #909dad;
    font-size: 0.78rem;
}

.reports-focused-workspace__footer > span {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.reports-focused-workspace__footer a {
    margin-left: auto;
}

.reports-library-disclosure {
    margin: 0 clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem);
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 10px;
    background: #0d141b;
    color: #f8fafc;
}

.reports-library-disclosure > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 64px;
    padding: 0.65rem 1rem;
    cursor: pointer;
    list-style: none;
}

.reports-library-disclosure > summary::-webkit-details-marker {
    display: none;
}

.reports-library-disclosure > summary > span,
.reports-library-disclosure > summary > span:first-child > span:last-child {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.reports-library-disclosure > summary > span:first-child > span:last-child {
    display: grid;
    gap: 0.15rem;
}

.reports-library-disclosure > summary small,
.reports-library-disclosure > summary > span:last-child {
    color: #929faf;
    font-size: 0.76rem;
}

.reports-library-disclosure > summary > span:last-child {
    font-weight: 800;
}

.reports-library-disclosure[open] > summary {
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
}

.reports-library-disclosure[open] > summary .oi-chevron-bottom {
    transform: rotate(180deg);
}

.reports-library-disclosure .reports-account-search {
    margin: 0;
    border: 0;
    border-radius: 0;
    background: #0a1016;
}

@media (max-width: 1100px) {
    .reports-focused-decision,
    .reports-focused-summary,
    .reports-focused-checks-panel {
        grid-template-columns: minmax(0, 1fr);
    }

    .reports-focused-decision__checks {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        border-top: 1px solid rgba(148, 163, 184, 0.18);
        border-left: 0;
    }

    .reports-focused-decision__checks header {
        grid-column: 1 / -1;
    }

    .reports-focused-decision__checks > a {
        border-right: 1px solid rgba(148, 163, 184, 0.1);
        border-bottom: 0;
    }

    .reports-focused-decision__checks > a:nth-child(odd) {
        border-right: 0;
    }

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

    .reports-focused-summary__preview {
        grid-template-columns: minmax(170px, 0.45fr) minmax(0, 1fr);
        min-height: 0;
    }
}

@media (max-width: 760px) {
    .reports-focused-workspace {
        gap: 0.8rem;
        padding: 0.8rem;
    }

    .reports-focused-workspace__identity {
        align-items: flex-start;
        flex-direction: column;
    }

    .reports-focused-workspace__identity-actions {
        justify-content: flex-start;
    }

    .reports-focused-decision__copy {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 0.75rem;
        padding: 1rem;
    }

    .reports-focused-decision__lock {
        width: 44px;
        height: 44px;
    }

    .reports-focused-state {
        grid-template-columns: 44px minmax(0, 1fr);
        min-height: 220px;
        padding: 1rem;
    }

    .reports-focused-state__icon {
        width: 44px;
        height: 44px;
    }

    .reports-focused-decision__copy nav {
        grid-column: 1 / -1;
    }

    .reports-focused-action {
        flex: 1 1 190px;
    }

    .reports-focused-decision__checks,
    .reports-focused-metrics,
    .reports-focused-checks-panel > dl,
    .reports-focused-account-details > div {
        grid-template-columns: minmax(0, 1fr);
    }

    .reports-focused-summary__preview {
        grid-template-columns: minmax(0, 1fr);
    }

    .reports-focused-summary__document {
        width: min(100%, 220px);
        min-height: 230px;
    }

    .reports-focused-account-details article {
        grid-template-columns: 36px minmax(0, 1fr);
    }

    .reports-focused-account-details article + article {
        border-top: 1px solid rgba(148, 163, 184, 0.14);
        border-left: 0;
    }

    .reports-focused-account-details article a {
        grid-column: 2;
        justify-self: start;
    }

    .reports-focused-decision__checks > a {
        border-right: 0;
        border-bottom: 1px solid rgba(148, 163, 184, 0.1);
    }

    .reports-focused-checks-panel > dl div,
    .reports-focused-checks-panel > dl div:nth-child(2n),
    .reports-focused-checks-panel > dl div:nth-last-child(-n + 2) {
        min-height: 88px;
        border-right: 0;
        border-bottom: 1px solid rgba(148, 163, 184, 0.12);
    }

    .reports-focused-checks-panel > dl div:last-child {
        border-bottom: 0;
    }

    .reports-focused-evidence article {
        grid-template-columns: 38px minmax(0, 1fr);
    }

    .reports-focused-evidence-readback {
        grid-template-columns: 38px minmax(0, 1fr);
    }

    .reports-focused-evidence-readback button {
        grid-column: 2;
        justify-self: start;
    }

    .reports-focused-evidence article a {
        grid-column: 2;
        width: fit-content;
        padding-inline: 0;
    }

    .reports-focused-checks-panel article > p {
        grid-template-columns: minmax(110px, 0.5fr) minmax(90px, 1fr) 20px;
        gap: 0.5rem;
    }

    .reports-library-disclosure {
        margin: 0 0.8rem 0.8rem;
    }

    .reports-library-disclosure > summary {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* Proposal fidelity overrides for generated branding mockups. */
@media (min-width: 1181px) {
    .brand-mock-shell {
        --brand-mock-bg: #0f1216;
        --brand-mock-panel: #17191d;
        --brand-mock-panel-2: #1f2228;
        --brand-mock-line: rgba(148, 163, 184, 0.24);
    }

    .brand-mock-main {
        padding: 2rem 1.5rem;
    }

    .brand-kit-mock__workspace {
        grid-template-columns: minmax(720px, 1fr) minmax(420px, 0.48fr);
        gap: 1.5rem;
    }

    .brand-kit-mock__summary article {
        min-height: 146px;
        padding: 1.05rem;
    }

    .brand-kit-mock__asset-table article {
        min-height: 94px;
    }

    .brand-kit-mock__asset-name {
        gap: 1rem;
    }

    .brand-kit-mock__asset-preview {
        width: 134px;
        height: 64px;
    }

    .brand-kit-phone {
        width: min(100%, 382px);
        margin-top: 1.65rem;
    }

    .blueprint-branding-mock__main {
        grid-template-columns: minmax(660px, 0.96fr) minmax(560px, 0.86fr);
        gap: 2rem;
        padding: 1.55rem 1.6rem 1.65rem 1.75rem;
    }

    .blueprint-branding-mock__page-head {
        max-width: 620px;
    }

    .blueprint-branding-mock__form-card {
        max-height: 790px;
    }

    .blueprint-branding-mock__field {
        padding: 1rem 1.25rem;
    }

    .blueprint-branding-mock__mode {
        min-height: 70px;
    }

    .blueprint-branding-mock__dropzone {
        min-height: 104px;
    }

    .blueprint-branding-mock__logo-uploader {
        grid-template-columns: 84px minmax(0, 1fr) 44px;
    }

    .blueprint-branding-mock__logo-uploader .brand-kit-mock__hex {
        width: 84px;
        height: 84px;
    }

    .blueprint-branding-mock__preview {
        margin-top: 4.35rem;
        padding: 1.1rem 1.25rem;
    }

    .blueprint-branding-mock__phone {
        width: min(100%, 438px);
        border-width: 8px;
        padding: 1.15rem;
    }

    .blueprint-branding-mock__phone-banner {
        height: 92px;
    }

    .admin-workspace--branding-review {
        padding: 0 1rem 1.4rem 5rem;
    }

    .admin-branding-review-board {
        grid-template-columns: 420px minmax(0, 1fr) 500px;
        grid-template-rows: minmax(0, 1fr) 72px;
        gap: 1rem;
        min-height: calc(100vh - 82px);
        padding: 0.85rem;
    }

    .admin-branding-review-queue__heading h2 {
        white-space: nowrap;
        font-size: 1.35rem;
    }

    .admin-branding-review-queue__item {
        min-height: 86px;
        grid-template-columns: 58px minmax(0, 1fr) auto;
        grid-template-rows: auto auto;
        gap: 0.18rem 0.75rem;
        padding: 0.75rem;
    }

    .admin-branding-review-queue__item::before {
        grid-row: 1 / span 2;
        width: 52px;
        height: 52px;
    }

    .admin-branding-review-queue__item .status-pill {
        grid-column: 3;
        grid-row: 1 / span 2;
        align-self: center;
        justify-self: end;
    }

    .admin-branding-review-queue__item strong,
    .admin-branding-review-queue__item small {
        grid-column: 2;
    }

    .admin-branding-review-queue__item strong {
        grid-row: 1;
        align-self: end;
    }

    .admin-branding-review-queue__item small {
        grid-row: 2;
        align-self: start;
    }

    .admin-branding-compare__art {
        min-height: 206px;
    }

    .admin-branding-safety article {
        min-height: 91px;
        grid-template-columns: minmax(150px, 0.54fr) minmax(0, 1fr);
    }

    .admin-branding-review-actions .marketplace-action-link {
        min-height: 54px;
    }

    .branding-preview-lab__main {
        gap: 1rem;
        padding: 1.25rem 1.5rem;
    }

    .branding-preview-lab__workspace {
        grid-template-columns: minmax(400px, 0.72fr) minmax(550px, 1fr) minmax(360px, 0.74fr);
        gap: 1rem;
    }

    .branding-preview-lab__controls,
    .branding-preview-lab__marketplace,
    .branding-preview-lab__mobile {
        height: 690px;
    }

    .branding-preview-lab__controls {
        gap: 0.8rem;
        padding: 1rem;
    }

    .branding-preview-lab__controls input,
    .branding-preview-lab__controls textarea,
    .branding-preview-lab__controls select {
        min-height: 44px;
    }

    .branding-preview-lab__banner-control {
        min-height: 104px;
    }

    .branding-preview-card__banner {
        min-height: 160px;
    }

    .branding-preview-card__body {
        gap: 0.72rem;
        padding: 1.05rem;
    }

    .branding-preview-card__body h3 {
        font-size: 1.6rem;
    }

    .branding-preview-card__metrics > span,
    .branding-preview-card__proof > span {
        min-height: 58px;
    }

    .branding-preview-phone {
        width: min(100%, 312px);
    }

    .branding-preview-lab__readiness {
        min-height: 126px;
        padding: 1rem;
    }
}

/* Generated branding mockup alignment */
.brand-mock-shell {
    --brand-mock-bg: #101114;
    --brand-mock-panel: #17191d;
    --brand-mock-panel-2: #202226;
    --brand-mock-line: rgba(148, 163, 184, 0.22);
    --brand-mock-muted: #9ca3af;
    min-height: 100vh;
    background:
        radial-gradient(circle at 16% 0%, rgba(96, 165, 250, 0.08), transparent 32rem),
        linear-gradient(180deg, #111318 0%, #101114 48%, #0d1013 100%);
    color: #f9fafb;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.brand-mock-topbar,
.blueprint-branding-mock__topbar {
    min-height: 64px;
    border-bottom: 1px solid var(--brand-mock-line);
    background: rgba(16, 17, 20, 0.98);
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0 1.5rem;
}

.brand-mock-logo {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    color: #ffffff;
    text-decoration: none;
    font-size: 1.25rem;
}

.brand-mock-logo span,
.brand-kit-mock__hex {
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: linear-gradient(135deg, #3b82f6, #60a5fa);
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 900;
    white-space: nowrap;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 10px 30px rgba(59, 130, 246, 0.24);
}

.brand-mock-logo span {
    position: relative;
    font-size: 0;
    overflow: hidden;
}

.brand-mock-logo span::before,
.brand-mock-logo span::after {
    content: "";
    position: absolute;
    inset: 9px;
    border: 2px solid rgba(255, 255, 255, 0.9);
    border-radius: 5px;
    transform: rotate(45deg);
}

.brand-mock-logo span::after {
    inset: 14px;
    border-color: rgba(191, 219, 254, 0.95);
}

.brand-kit-mock__hex--creator {
    background: linear-gradient(135deg, #009d94, #29d3c2);
    color: #e7fffb;
}

.brand-mock-org,
.brand-mock-icon,
.brand-mock-avatar,
.brand-mock-collapse {
    min-height: 44px;
    border: 1px solid var(--brand-mock-line);
    border-radius: 8px;
    background: #17181b;
    color: #e5e7eb;
}

.brand-mock-org {
    padding: 0 1rem;
}

.brand-mock-icon,
.brand-mock-avatar {
    width: 44px;
    display: inline-grid;
    place-items: center;
}

.brand-mock-avatar {
    border-radius: 50%;
    background: #374151;
}

.brand-mock-profile {
    display: grid;
    gap: 0.12rem;
}

.brand-mock-profile small,
.brand-mock-page-heading p,
.brand-kit-mock__summary p,
.brand-kit-mock__panel-head p,
.brand-kit-mock__preview > p,
.blueprint-branding-mock__field p,
.blueprint-branding-mock__phone-body p,
.blueprint-branding-mock__phone-body small {
    color: var(--brand-mock-muted);
}

.brand-mock-topbar__spacer {
    flex: 1 1 auto;
}

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

.brand-mock-sidebar {
    position: fixed;
    top: 64px;
    bottom: 0;
    left: 0;
    width: 224px;
    border-right: 1px solid var(--brand-mock-line);
    background:
        linear-gradient(180deg, rgba(17, 19, 24, 0.98), rgba(12, 16, 20, 0.98));
    padding: 1rem;
    overflow-y: auto;
}

.brand-mock-sidebar p {
    margin: 1rem 0 0.45rem;
    color: var(--brand-mock-muted);
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.brand-mock-sidebar a,
.brand-mock-collapse {
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 0.65rem;
    width: 100%;
    padding: 0 0.7rem;
    color: #d1d5db;
    text-decoration: none;
}

.brand-mock-sidebar a span:not(.brand-mock-nav-icon) {
    width: 24px;
    color: #93c5fd;
    font-size: 0.75rem;
    font-weight: 900;
}

.brand-mock-sidebar__active {
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(59, 130, 246, 0.52), rgba(59, 130, 246, 0.2));
    color: #ffffff !important;
}

.brand-mock-nav-icon {
    position: relative;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    color: currentColor;
    opacity: 0.95;
}

.brand-mock-nav-icon::before,
.brand-mock-nav-icon::after {
    content: "";
    position: absolute;
    box-sizing: border-box;
    border-color: currentColor;
}

.brand-mock-nav-icon::before {
    left: 4px;
    top: 4px;
    width: 14px;
    height: 14px;
    border: 1.7px solid;
    border-radius: 4px;
}

.brand-mock-nav-icon--dashboard::before {
    width: 5px;
    height: 5px;
    border-radius: 2px;
    box-shadow: 9px 0 0 -1.7px #111318, 9px 0 0 0 currentColor, 0 9px 0 -1.7px #111318, 0 9px 0 0 currentColor, 9px 9px 0 -1.7px #111318, 9px 9px 0 0 currentColor;
}

.brand-mock-nav-icon--blueprints::after,
.brand-mock-nav-icon--projects::after {
    right: 4px;
    top: 4px;
    width: 5px;
    height: 5px;
    border-top: 1.7px solid;
    border-right: 1.7px solid;
}

.brand-mock-nav-icon--analytics::before {
    left: 4px;
    top: 10px;
    width: 3px;
    height: 8px;
    border: 0;
    border-radius: 2px;
    background: currentColor;
    box-shadow: 6px -4px 0 currentColor, 12px -8px 0 currentColor;
}

.brand-mock-nav-icon--payouts::before,
.brand-mock-nav-icon--billing::before {
    top: 6px;
    height: 11px;
}

.brand-mock-nav-icon--payouts::after,
.brand-mock-nav-icon--billing::after {
    left: 6px;
    top: 10px;
    width: 10px;
    border-top: 1.7px solid;
}

.brand-mock-nav-icon--components::before,
.brand-mock-nav-icon--integrations::before {
    width: 6px;
    height: 6px;
    border-radius: 2px;
    box-shadow: 8px 0 0 -1.7px #111318, 8px 0 0 0 currentColor, 4px 8px 0 -1.7px #111318, 4px 8px 0 0 currentColor;
}

.brand-mock-nav-icon--marketplace::before {
    top: 7px;
    height: 10px;
    border-radius: 0 0 4px 4px;
}

.brand-mock-nav-icon--marketplace::after {
    left: 5px;
    top: 4px;
    width: 12px;
    height: 6px;
    border: 1.7px solid;
    border-radius: 6px 6px 2px 2px;
}

.brand-mock-nav-icon--customers::before,
.brand-mock-nav-icon--team::before,
.brand-mock-nav-icon--account::before {
    left: 7px;
    top: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.brand-mock-nav-icon--customers::after,
.brand-mock-nav-icon--team::after,
.brand-mock-nav-icon--account::after {
    left: 4px;
    bottom: 3px;
    width: 14px;
    height: 8px;
    border: 1.7px solid;
    border-radius: 8px 8px 3px 3px;
}

.brand-mock-nav-icon--reviews::before,
.brand-mock-nav-icon--brand::before {
    border-radius: 50%;
}

.brand-mock-nav-icon--reviews::after,
.brand-mock-nav-icon--brand::after {
    left: 9px;
    top: 2px;
    width: 5px;
    height: 18px;
    background: currentColor;
    clip-path: polygon(50% 0, 65% 38%, 100% 50%, 65% 62%, 50% 100%, 35% 62%, 0 50%, 35% 38%);
}

.brand-mock-nav-icon--image::before {
    top: 5px;
    height: 12px;
}

.brand-mock-nav-icon--image::after {
    left: 6px;
    top: 11px;
    width: 10px;
    height: 5px;
    background: currentColor;
    clip-path: polygon(0 100%, 36% 34%, 58% 62%, 76% 30%, 100% 100%);
}

.brand-mock-collapse {
    margin-top: 2rem;
    justify-content: flex-start;
}

.brand-mock-main {
    margin-left: 224px;
    padding: 2rem;
}

.brand-kit-mock__workspace {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(360px, 0.58fr);
    gap: 1.5rem;
}

.brand-mock-page-heading {
    min-height: 64px;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1.25rem;
}

.brand-mock-page-heading h1 {
    margin: 0;
    color: #ffffff;
    font-size: 1.8rem;
}

.brand-kit-mock__summary {
    display: grid;
    grid-template-columns: 1.2fr 1.2fr 0.8fr;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

.brand-kit-mock__summary article,
.brand-kit-mock__panel,
.brand-kit-mock__preview,
.blueprint-branding-mock__form-card,
.blueprint-branding-mock__preview {
    border: 1px solid var(--brand-mock-line);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.94);
}

.brand-kit-mock__summary article {
    min-height: 132px;
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    padding: 0.95rem;
}

.brand-kit-mock__summary article:last-child {
    display: grid;
}

.brand-kit-mock__summary strong,
.brand-kit-mock__panel h2,
.blueprint-branding-mock__editor h1,
.blueprint-branding-mock__preview h2,
.blueprint-branding-mock__phone-body h2 {
    color: #ffffff;
}

.brand-kit-mock__tabs,
.brand-kit-mock__preview-tabs {
    min-height: 50px;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 0 1rem;
    border-bottom: 1px solid var(--brand-mock-line);
    color: var(--brand-mock-muted);
    font-weight: 800;
}

.brand-kit-mock__tab--active {
    align-self: stretch;
    display: inline-flex;
    align-items: center;
    color: #60a5fa;
    border-bottom: 3px solid #60a5fa;
}

.brand-kit-mock__panel-head {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem;
}

.brand-kit-mock__panel-head h2 {
    margin: 0;
}

.brand-kit-mock__panel-head > div:last-child {
    display: flex;
    gap: 0.65rem;
    align-items: center;
    justify-content: flex-end;
}

.brand-kit-mock__asset-table {
    margin: 0 1.25rem 1.25rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    overflow: hidden;
}

.brand-kit-mock__asset-head,
.brand-kit-mock__asset-table article {
    display: grid;
    grid-template-columns: minmax(250px, 1.3fr) minmax(160px, 0.8fr) minmax(120px, 0.6fr) minmax(150px, 0.7fr) 40px;
    gap: 0.85rem;
    align-items: center;
}

.brand-kit-mock__asset-head {
    min-height: 46px;
    padding: 0 0.85rem;
    color: var(--brand-mock-muted);
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.brand-kit-mock__asset-table article {
    min-height: 88px;
    padding: 0.78rem 0.85rem;
    border-top: 1px solid rgba(156, 163, 175, 0.14);
}

.brand-kit-mock__asset-name {
    display: flex;
    gap: 0.85rem;
    align-items: center;
}

.brand-kit-mock__asset-preview {
    width: 128px;
    height: 62px;
    border-radius: 6px;
    background:
        linear-gradient(90deg, rgba(17, 18, 20, 0.04), rgba(17, 18, 20, 0.18)),
        var(--blueprint-brand-banner, none),
        radial-gradient(circle at 82% 20%, rgba(41, 211, 194, 0.38), transparent 22%),
        repeating-linear-gradient(126deg, rgba(41, 211, 194, 0.22) 0 1px, transparent 1px 18px),
        linear-gradient(135deg, color-mix(in srgb, var(--blueprint-brand-accent) 40%, transparent), rgba(17, 18, 20, 0.85));
    background-size: cover;
    background-position: center;
}

.brand-kit-mock__asset-table article:nth-child(3) .brand-kit-mock__asset-preview {
    width: 64px;
    height: 64px;
    background:
        linear-gradient(90deg, rgba(17, 18, 20, 0.02), rgba(17, 18, 20, 0.24)),
        var(--blueprint-brand-mobile-cover, var(--blueprint-brand-banner, none)),
        linear-gradient(135deg, #009d94, #29d3c2);
    background-size: cover;
    background-position: center;
}

.brand-kit-mock__asset-name small,
.brand-kit-mock__asset-table small {
    display: block;
    color: var(--brand-mock-muted);
}

.brand-kit-mock__dot::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 0.45rem;
    border-radius: 50%;
    background: currentColor;
}

.brand-kit-mock__dot--green { color: #00e676; }
.brand-kit-mock__dot--orange { color: #ffa500; }
.brand-kit-mock__dot--gold { color: #ffd700; }
.brand-kit-mock__dot--blue { color: #60a5fa; }

.brand-kit-mock__menu {
    color: var(--brand-mock-muted);
    font-weight: 900;
}

.brand-kit-mock__info {
    margin: 0 1.25rem 1.25rem;
    min-height: 54px;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    border: 1px solid rgba(96, 165, 250, 0.32);
    border-radius: 8px;
    color: #dbeafe;
}

.brand-kit-mock__preview {
    padding-bottom: 1rem;
}

.brand-kit-phone {
    width: min(100%, 380px);
    margin: 1.6rem auto 0;
    border: 1px solid rgba(156, 163, 175, 0.28);
    border-radius: 34px;
    padding: 1rem;
    background: #101114;
}

.brand-kit-phone__chrome {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.9rem;
}

.brand-kit-phone__hero {
    position: relative;
    height: 104px;
    border-radius: 22px 22px 0 0;
    background:
        linear-gradient(90deg, rgba(17, 18, 20, 0.02), rgba(17, 18, 20, 0.16)),
        var(--blueprint-brand-banner, none),
        radial-gradient(circle at 72% 24%, rgba(41, 211, 194, 0.34), transparent 28%),
        repeating-linear-gradient(132deg, rgba(41, 211, 194, 0.16) 0 1px, transparent 1px 20px),
        linear-gradient(135deg, color-mix(in srgb, var(--blueprint-brand-accent) 36%, transparent), rgba(17, 18, 20, 0.82));
    background-size: cover;
    background-position: center;
}

.brand-kit-phone__hero span {
    position: absolute;
    left: 1rem;
    top: 1rem;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(226, 232, 240, 0.18);
    border-radius: 50%;
    background: rgba(15, 23, 42, 0.58);
    color: #ffffff;
    font-size: 1.3rem;
}

.brand-kit-phone__card {
    position: relative;
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.24);
    border-top: 0;
    border-radius: 0 0 22px 22px;
    background: #17181b;
}

.brand-kit-phone__owned {
    position: absolute;
    top: 1rem;
    right: 1rem;
}

.brand-kit-phone__metrics,
.brand-kit-phone__proof,
.blueprint-branding-mock__phone-metrics,
.blueprint-branding-mock__phone-proof {
    display: grid;
    gap: 0.65rem;
    margin: 1rem 0;
}

.brand-kit-phone__metrics,
.blueprint-branding-mock__phone-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.brand-kit-phone__proof,
.blueprint-branding-mock__phone-proof {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.brand-kit-phone__metrics div,
.brand-kit-phone__proof div,
.blueprint-branding-mock__phone-metrics div,
.blueprint-branding-mock__phone-proof div {
    min-height: 58px;
    border: 1px solid rgba(156, 163, 175, 0.24);
    border-radius: 8px;
    background: #101114;
    padding: 0.65rem;
}

.brand-kit-phone small,
.blueprint-branding-mock__phone-body small {
    color: var(--brand-mock-muted);
    text-transform: uppercase;
}

.brand-kit-phone strong,
.blueprint-branding-mock__phone-body strong {
    display: block;
    color: var(--blueprint-brand-accent);
}

.brand-kit-phone__phases {
    display: flex;
    gap: 0.5rem;
    margin: 0.9rem 0;
}

.brand-kit-phone__phases span {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    padding: 0 0.7rem;
    border-radius: 8px;
    background: #223047;
    color: #60a5fa;
    font-weight: 850;
}

.brand-kit-phone footer {
    min-height: 48px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(156, 163, 175, 0.28);
    border-radius: 8px;
    color: #d1d5db;
}

.blueprint-branding-mock {
    display: grid;
    grid-template-columns: 252px minmax(0, 1fr);
    grid-template-rows: 64px minmax(0, 1fr);
}

.blueprint-branding-mock__topbar {
    grid-column: 2;
    grid-row: 1;
    padding-inline: 1.75rem;
    border-left: 1px solid var(--brand-mock-line);
}

.blueprint-branding-mock__crumbs {
    display: flex;
    gap: 0.7rem;
    align-items: center;
    color: #d1d5db;
    min-width: 0;
}

.blueprint-branding-mock__crumbs span,
.blueprint-branding-mock__crumbs strong {
    white-space: nowrap;
}

.blueprint-branding-mock__sidebar {
    grid-column: 1;
    grid-row: 1 / -1;
    border-right: 1px solid var(--brand-mock-line);
    background:
        linear-gradient(180deg, rgba(16, 18, 22, 0.98), rgba(12, 15, 20, 0.98));
    padding: 1rem 0.85rem;
}

.blueprint-branding-mock__side-logo {
    margin: 0 0 1rem 0.15rem;
    width: calc(100% - 0.3rem);
}

.blueprint-branding-mock__sidebar nav {
    display: grid;
    gap: 0.25rem;
}

.blueprint-branding-mock__sidebar a {
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.7rem;
    padding: 0 0.8rem;
    border-radius: 8px;
    color: #d1d5db;
    text-decoration: none;
}

.blueprint-branding-mock__nav-active {
    background: rgba(96, 165, 250, 0.14);
    color: #60a5fa !important;
}

.blueprint-branding-mock__subnav {
    min-height: 34px !important;
    justify-content: flex-start !important;
    margin-left: 2.4rem;
    padding-inline: 0 !important;
    color: #b7bcc7 !important;
}

.blueprint-branding-mock__nav-active .blueprint-branding-mock__nav-chevron {
    margin-left: auto;
}

.blueprint-branding-mock__checklist {
    margin-top: 1rem;
    border: 1px solid var(--brand-mock-line);
    border-radius: 8px;
    background: rgba(27, 29, 34, 0.78);
    padding: 0.8rem;
}

.blueprint-branding-mock__checklist h2 {
    margin: 0 0 0.6rem;
    font-size: 0.9rem;
}

.blueprint-branding-mock__checklist ol {
    display: grid;
    gap: 0.45rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.blueprint-branding-mock__checklist li {
    display: grid;
    grid-template-columns: 1.3rem minmax(0, 1fr);
    gap: 0.5rem;
    align-items: start;
    color: var(--brand-mock-muted);
    font-size: 0.8rem;
    line-height: 1.3;
}

.blueprint-branding-mock__check-icon {
    width: 1.25rem;
    height: 1.25rem;
    display: inline-grid;
    place-items: center;
    border: 1px solid currentColor;
    border-radius: 999px;
    font-size: 0.62rem;
}

.blueprint-branding-mock__checklist li.complete,
.blueprint-branding-mock__checklist li.active {
    color: #e5e7eb;
}

.blueprint-branding-mock__checklist li.complete .blueprint-branding-mock__check-icon {
    color: #00e676;
    background: rgba(0, 230, 118, 0.1);
}

.blueprint-branding-mock__checklist li.active .blueprint-branding-mock__check-icon {
    color: #60a5fa;
    background: rgba(96, 165, 250, 0.12);
}

.blueprint-branding-mock__checklist li.recommended .blueprint-branding-mock__check-icon {
    color: #fbbf24;
    background: rgba(251, 191, 36, 0.1);
}

.blueprint-branding-mock__checklist li.pending .blueprint-branding-mock__check-icon {
    color: #9ca3af;
    background: rgba(156, 163, 175, 0.08);
}

.blueprint-branding-mock__checklist li.recommended small {
    display: block;
    margin: 0.1rem 0 0;
    color: #fbbf24;
    font-size: 0.68rem;
    font-weight: 800;
}

.blueprint-branding-mock__help {
    margin-top: 0.85rem;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(96, 165, 250, 0.3);
    border-radius: 8px;
    background: rgba(37, 99, 235, 0.06);
}

.blueprint-branding-mock__sidebar .blueprint-branding-mock__help > :is(a, button) {
    box-sizing: border-box;
    width: 100%;
    min-height: 72px;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.65rem;
    padding: 0.65rem 0.75rem;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #e5e7eb;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.blueprint-branding-mock__help-icon {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: rgba(96, 165, 250, 0.16);
    color: #60a5fa;
}

.blueprint-branding-mock__help-copy strong,
.blueprint-branding-mock__help-copy small {
    display: block;
}

.blueprint-branding-mock__help-copy small {
    margin-top: 0.12rem;
    color: #93c5fd;
    font-size: 0.72rem;
}

.blueprint-branding-mock__help > :is(a, button):hover {
    background: rgba(96, 165, 250, 0.1);
}

.blueprint-branding-mock__help > :is(a, button):focus-visible {
    outline: 3px solid #60a5fa;
    outline-offset: -3px;
}

.blueprint-branding-mock__main {
    grid-column: 2;
    grid-row: 2;
    position: relative;
    display: grid;
    grid-template-columns: minmax(560px, 0.98fr) minmax(430px, 0.9fr);
    gap: 2rem;
    padding: 1.5rem 1.6rem 1.6rem 1.75rem;
}

.blueprint-branding-mock__page-head {
    display: block;
    max-width: 520px;
}

.blueprint-branding-mock__actions {
    position: absolute;
    top: 1.5rem;
    right: 1.6rem;
    display: flex;
    gap: 0.75rem;
    align-items: center;
    z-index: 2;
}

.blueprint-branding-mock__actions .marketplace-action-link {
    min-width: 112px;
    justify-content: center;
}

.blueprint-branding-mock__form-card {
    display: grid;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
}

.blueprint-branding-mock__field {
    padding: 0.95rem 1.25rem;
    border-bottom: 1px solid var(--brand-mock-line);
}

.blueprint-branding-mock__requirements {
    padding: 0.85rem 1.25rem;
    border-bottom: 1px solid var(--brand-mock-line);
    background: rgba(96, 165, 250, 0.035);
}

.blueprint-branding-mock__requirements header {
    margin-bottom: 0.55rem;
}

.blueprint-branding-mock__requirements h2 {
    margin: 0 0 0.25rem;
    color: #ffffff;
    font-size: 1rem;
}

.blueprint-branding-mock__requirements p {
    margin: 0;
    color: var(--brand-mock-muted);
}

.blueprint-branding-mock__requirements > div {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
}

.blueprint-branding-mock__requirements article {
    min-height: 52px;
    border: 1px solid var(--brand-mock-line);
    border-radius: 8px;
    background: #101114;
    padding: 0.55rem 0.65rem;
}

.blueprint-branding-mock__requirements strong,
.blueprint-branding-mock__requirements span,
.blueprint-branding-mock__requirements small {
    display: block;
}

.blueprint-branding-mock__requirements span,
.blueprint-branding-mock__requirements small {
    color: var(--brand-mock-muted);
    margin-top: 0.12rem;
    font-size: 0.82rem;
}

.blueprint-branding-mock__field label {
    display: block;
    color: #ffffff;
    font-weight: 850;
    margin-bottom: 0.45rem;
}

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

.blueprint-branding-mock__mode {
    min-height: 62px;
    border: 1px solid var(--brand-mock-line);
    border-radius: 8px;
    background: #101114;
    color: #f9fafb;
    padding: 0.7rem;
    text-align: left;
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    align-content: center;
    column-gap: 0.75rem;
}

.blueprint-branding-mock__mode > span {
    grid-row: 1 / span 2;
    width: 20px;
    height: 20px;
    border: 2px solid rgba(156, 163, 175, 0.48);
    border-radius: 50%;
    align-self: start;
    margin-top: 0.1rem;
}

.blueprint-branding-mock__mode.active {
    border-color: #60a5fa;
    box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.24);
}

.blueprint-branding-mock__mode.active > span {
    border-color: #60a5fa;
    box-shadow: inset 0 0 0 5px #101114;
    background: #60a5fa;
}

.blueprint-branding-mock__mode:disabled {
    opacity: 0.52;
}

.blueprint-branding-mock__mode small {
    display: block;
    margin-top: 0.25rem;
    color: var(--brand-mock-muted);
}

.blueprint-branding-mock__lock {
    color: #ffd700 !important;
    margin: 0.5rem 0 0;
}

.blueprint-branding-mock__field--inline,
.blueprint-branding-mock__upload,
.blueprint-branding-mock__logo-row,
.blueprint-branding-mock__name-row {
    display: grid;
    grid-template-columns: minmax(190px, 0.85fr) minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
}

.blueprint-branding-mock__color-control {
    min-height: 48px;
    border: 1px solid var(--brand-mock-line);
    border-radius: 8px;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
    padding: 0.45rem 0.65rem;
    background: #101114;
}

.blueprint-branding-mock__color-control--readonly {
    background: rgba(15, 23, 42, 0.38);
}

.blueprint-branding-mock__field-help {
    display: block;
    margin-top: 0.4rem;
    color: #9ca3af;
    line-height: 1.4;
}

.blueprint-branding-mock__color-swatch {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: var(--blueprint-brand-accent);
}

.blueprint-branding-mock input.blueprint-branding-mock__color-picker {
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
}

.blueprint-branding-mock__color-picker::-webkit-color-swatch-wrapper {
    padding: 0;
}

.blueprint-branding-mock__color-picker::-webkit-color-swatch,
.blueprint-branding-mock__color-picker::-moz-color-swatch {
    border: 0;
    border-radius: 8px;
}

.blueprint-branding-mock__color-control > input[type="text"] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.blueprint-branding-mock__color-control--readonly > input {
    color: #bfdbfe;
    cursor: not-allowed;
}

.blueprint-branding-mock__contrast-check {
    grid-column: 2;
    display: grid;
    gap: 0.3rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.24);
    border-radius: 8px;
    background: #101114;
}

.blueprint-branding-mock__contrast-check > summary {
    min-height: 44px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.65rem;
    align-items: center;
    color: #d1d5db;
    cursor: pointer;
    list-style: none;
}

.blueprint-branding-mock__contrast-check > summary::-webkit-details-marker {
    display: none;
}

.blueprint-branding-mock__contrast-check > summary:focus-visible {
    outline: 3px solid #facc15;
    outline-offset: 3px;
}

.blueprint-branding-mock__contrast-check > div {
    display: grid;
    gap: 0.3rem;
    padding-top: 0.55rem;
    border-top: 1px solid rgba(156, 163, 175, 0.18);
}

.blueprint-branding-mock__contrast-more {
    color: #93c5fd;
    font-size: 0.74rem;
    font-weight: 800;
}

.blueprint-branding-mock__contrast-check--invalid {
    align-content: center;
    min-height: 58px;
}

.blueprint-branding-mock__contrast-check--invalid .semantic-status {
    justify-self: start;
}

.blueprint-branding-mock__contrast-check small,
.branding-preview-lab__contrast-check small {
    color: #d1d5db;
    line-height: 1.45;
}

.blueprint-branding-mock input,
.blueprint-branding-mock textarea {
    width: 100%;
    min-height: 44px;
    border: 1px solid var(--brand-mock-line);
    border-radius: 8px;
    background: #101114;
    color: #f9fafb;
    padding: 0.75rem;
}

.blueprint-branding-mock__dropzone {
    min-height: 92px;
    border: 1px dashed rgba(156, 163, 175, 0.42);
    border-radius: 8px;
    display: grid;
    gap: 0.55rem;
    justify-items: center;
    align-items: center;
    padding: 0.8rem;
    background:
        linear-gradient(135deg, rgba(96, 165, 250, 0.08), transparent 40%),
        #101114;
}

.blueprint-branding-mock__dropzone > span {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    color: var(--brand-mock-muted);
    border: 1px solid var(--brand-mock-line);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.36);
}

.blueprint-branding-mock__dropzone button {
    min-width: 132px;
    min-height: 44px;
    border: 0;
    background: #2563eb;
    border-radius: 8px;
    color: #ffffff;
    text-align: center;
    font-weight: 850;
}

.blueprint-branding-mock__dropzone small {
    color: #d1d5db;
}

.blueprint-branding-mock__logo-uploader {
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr) 44px;
    gap: 0.85rem;
    align-items: center;
}

.blueprint-branding-mock__logo-uploader .brand-kit-mock__hex {
    width: 70px;
    height: 70px;
    border-radius: 8px;
}

.blueprint-branding-mock__logo-uploader button {
    min-height: 44px;
    border: 1px solid var(--brand-mock-line);
    border-radius: 8px;
    background: #101114;
    color: #d1d5db;
}

.blueprint-branding-mock__logo-uploader > button:not(.blueprint-branding-mock__logo-replace) {
    width: 44px;
}

.blueprint-branding-mock__logo-replace {
    width: 100%;
    padding-inline: 1rem;
    font-weight: 850;
}

.blueprint-branding-mock textarea {
    resize: vertical;
}

.blueprint-branding-mock__fallback {
    min-height: 56px;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0 1.25rem;
}

.blueprint-branding-mock__fallback--invalid,
.branding-preview-lab__checkbox--invalid {
    border: 1px solid rgba(255, 92, 92, 0.82);
    border-radius: 8px;
    background: rgba(255, 68, 68, 0.08);
}

.blueprint-branding-fallback-error {
    display: block;
    margin: -0.35rem 1.25rem 0.75rem;
    color: #ff9a9a;
    font-weight: 750;
}

.blueprint-branding-mock__fallback > span,
.branding-preview-lab__checkbox > span {
    display: grid;
    gap: 0.2rem;
}

.blueprint-branding-mock__fallback small,
.branding-preview-lab__checkbox small {
    color: var(--brand-mock-muted, #b5bdc9);
    font-weight: 500;
}

.blueprint-branding-mock__fallback input {
    width: 44px;
    min-height: 44px;
    accent-color: #60a5fa;
}

.blueprint-branding-mock__policy-note {
    min-height: 52px;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    padding: 0 1.25rem;
    border-top: 1px solid var(--brand-mock-line);
    color: var(--brand-mock-muted);
}

.blueprint-branding-mock__policy-note a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    color: #60a5fa;
    text-decoration: none;
    font-weight: 850;
}

.blueprint-branding-mock__preview {
    margin-top: 4.35rem;
    padding: 1.1rem;
    align-self: stretch;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
}

.blueprint-branding-mock__preview header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.blueprint-branding-mock__preview header > div:first-child {
    display: grid;
    gap: 0.35rem;
}

.blueprint-branding-mock__preview header > div:last-child {
    display: flex;
    gap: 0.6rem;
}

.blueprint-branding-mock__preview h2 {
    margin: 0;
    font-size: 1.24rem;
    line-height: 1.2;
}

.blueprint-branding-mock__preview header span {
    min-width: 44px;
    min-height: 44px;
    display: inline-grid;
    place-items: center;
    border: 1px solid var(--brand-mock-line);
    border-radius: 8px;
    color: var(--brand-mock-muted);
}

.blueprint-branding-mock__preview header span.active {
    border-color: #60a5fa;
    color: #60a5fa;
}

.blueprint-branding-mock__phone {
    width: min(100%, 420px);
    margin: 1rem auto 0;
    border: 8px solid #2b2d31;
    border-radius: 46px;
    background: #0b0d10;
    padding: 1rem;
    box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.05), 0 30px 70px rgba(0, 0, 0, 0.32);
}

.blueprint-branding-mock__phone-chrome {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.9rem;
}

.blueprint-branding-mock__phone-banner {
    position: relative;
    height: 82px;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(17, 18, 20, 0.02), rgba(17, 18, 20, 0.16)),
        var(--blueprint-brand-mobile-cover, var(--blueprint-brand-banner, none)),
        radial-gradient(circle at 70% 28%, rgba(41, 211, 194, 0.44), transparent 22%),
        repeating-linear-gradient(128deg, rgba(41, 211, 194, 0.2) 0 1px, transparent 1px 16px),
        linear-gradient(135deg, color-mix(in srgb, var(--blueprint-brand-accent) 34%, transparent), rgba(17, 18, 20, 0.8));
    background-size: cover;
    background-position: var(--blueprint-brand-mobile-cover-position, center);
}

.blueprint-branding-mock__phone-banner::after,
.branding-preview-card__banner::after,
.branding-preview-phone__banner::after,
.branding-preview-lab__banner-control::after {
    content: "";
    display: none;
    position: absolute;
    right: 8%;
    bottom: 12%;
    width: 32%;
    max-width: 180px;
    aspect-ratio: 1.7;
    border: 2px solid rgba(226, 232, 240, 0.28);
    border-radius: 8px;
    background:
        linear-gradient(90deg, rgba(226, 232, 240, 0.18) 0 10%, transparent 10% 22%, rgba(226, 232, 240, 0.14) 22% 34%, transparent 34%),
        linear-gradient(135deg, rgba(15, 23, 42, 0.92), rgba(30, 41, 59, 0.78));
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.42);
}

.blueprint-branding-mock__phone-body {
    position: relative;
    border: 1px solid var(--brand-mock-line);
    border-top: 0;
    border-radius: 0 0 16px 16px;
    padding: 0.95rem;
    background: #17181b;
}

.blueprint-branding-mock__phone-logo {
    margin: -1.8rem 0 0.1rem;
    width: 58px;
    height: 58px;
    border-radius: 10px;
}

.blueprint-branding-mock__owned {
    position: absolute;
    top: 1rem;
    right: 1rem;
}

.blueprint-branding-mock__phone-body button,
.blueprint-branding-mock__preview-action {
    width: 100%;
    min-height: 48px;
    border: 0;
    border-radius: 8px;
    background: var(--blueprint-brand-accent, #60a5fa);
    color: var(--blueprint-brand-on-accent, #111827);
    font-weight: 900;
    text-transform: uppercase;
    margin: 1rem 0 0.5rem;
}

.blueprint-branding-mock__preview-action,
.branding-preview-phone__preview-action {
    display: grid;
    place-items: center;
}

.blueprint-branding-mock__validation {
    display: block;
    margin: 0.85rem auto 0;
    width: min(100%, 420px);
    border: 1px solid var(--brand-mock-line);
    border-radius: 8px;
    background: #17181b;
    padding: 1rem;
}

.blueprint-branding-mock__validation h3 {
    margin: 0.2rem 0 0.6rem;
    color: #ffffff;
}

.blueprint-branding-mock__validation span {
    color: #00e676;
    font-weight: 850;
}

.branding-preview-lab {
    min-height: 100vh;
}

.branding-preview-lab__loading {
    padding: 2rem;
}

.branding-preview-lab__topbar {
    min-height: 60px;
    border-bottom: 1px solid var(--brand-mock-line);
    background: rgba(16, 17, 20, 0.98);
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0 1.5rem;
}

.branding-preview-lab__crumbs {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    color: var(--brand-mock-muted);
}

.branding-preview-lab__crumbs a {
    color: var(--brand-mock-muted);
    text-decoration: none;
}

.branding-preview-lab__crumbs strong {
    color: #e5e7eb;
}

.branding-preview-lab__main {
    display: grid;
    gap: 0.85rem;
    padding: 1.2rem 1.5rem;
}

.branding-preview-lab__heading {
    display: grid;
    grid-template-columns: minmax(300px, 1fr) minmax(420px, 0.6fr) auto;
    gap: 1rem;
    align-items: start;
    min-width: 0;
}

.branding-preview-lab__heading h1 {
    margin: 0;
    color: #ffffff;
    font-size: 1.6rem;
}

.branding-preview-lab__heading p,
.branding-preview-lab__controls small,
.branding-preview-card p,
.branding-preview-phone p,
.branding-preview-lab__readiness p {
    color: var(--brand-mock-muted);
}

.branding-preview-lab__mode-switch {
    min-height: 48px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid var(--brand-mock-line);
    border-radius: 8px;
    overflow: hidden;
}

.branding-preview-lab__mode-switch button {
    min-height: 48px;
    border: 0;
    border-right: 1px solid var(--brand-mock-line);
    background: #17181b;
    color: #d1d5db;
}

.branding-preview-lab__mode-switch button:last-child {
    border-right: 0;
}

.branding-preview-lab__mode-switch button.active {
    box-shadow: inset 0 0 0 1px var(--blueprint-brand-accent, #60a5fa);
    color: var(--blueprint-brand-accent, #60a5fa);
}

.branding-preview-lab__workspace {
    display: grid;
    grid-template-columns: minmax(320px, 0.72fr) minmax(470px, 1.08fr) minmax(340px, 0.82fr);
    gap: 1rem;
    align-items: start;
    min-width: 0;
}

.branding-preview-lab__surface-nav {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
}

.branding-preview-lab__surface-nav a {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border: 1px solid var(--brand-mock-line);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.94);
    color: #e5e7eb;
    font-weight: 800;
    text-decoration: none;
}

.branding-preview-lab__surface-nav a:hover,
.branding-preview-lab__surface-nav a:focus-visible {
    border-color: var(--blueprint-brand-accent, #60a5fa);
    color: var(--blueprint-brand-accent, #60a5fa);
}

#preview-lab-editor,
#preview-lab-marketplace,
#preview-lab-phone {
    scroll-margin-top: 1rem;
}

.branding-preview-lab__controls,
.branding-preview-lab__marketplace,
.branding-preview-lab__mobile,
.branding-preview-lab__readiness {
    border: 1px solid var(--brand-mock-line);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.94);
    min-width: 0;
}

.branding-preview-lab__controls {
    display: grid;
    align-content: start;
    gap: 0.55rem;
    padding: 0.85rem 1rem;
}

.branding-preview-lab__controls label {
    display: grid;
    gap: 0.25rem;
    color: #d1d5db;
    font-weight: 800;
}

.branding-preview-lab__control-group {
    display: grid;
    gap: 0.25rem;
    color: #d1d5db;
    font-weight: 800;
}

.branding-preview-lab__control-group > label {
    color: #d1d5db;
}

.branding-preview-lab__controls input,
.branding-preview-lab__controls textarea,
.branding-preview-lab__controls select {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-height: 38px;
    border: 1px solid var(--brand-mock-line);
    border-radius: 8px;
    background: #101114;
    color: #f9fafb;
    padding: 0.55rem 0.7rem;
}

.blueprint-branding-mock__asset-url,
.branding-preview-lab__asset-url {
    margin-top: 0.4rem;
    font-size: 0.85rem;
}

.blueprint-branding-mock__asset-url {
    grid-column: 1 / -1;
}

.branding-preview-lab__asset-url {
    min-width: 0;
}

.branding-preview-lab__controls textarea {
    min-height: 54px;
}

.branding-preview-lab__banner-control {
    position: relative;
    min-height: 102px;
    border: 1px solid rgba(96, 165, 250, 0.32);
    border-radius: 8px;
    display: grid;
    align-content: center;
    padding: 1rem;
    background:
        linear-gradient(90deg, rgba(17, 18, 20, 0.05), rgba(17, 18, 20, 0.7)),
        var(--blueprint-brand-banner, none),
        linear-gradient(135deg, color-mix(in srgb, var(--blueprint-brand-accent) 36%, transparent), rgba(17, 18, 20, 0.82));
    background-size: cover;
    background-position: center;
    text-transform: uppercase;
    overflow: hidden;
}

.branding-preview-lab__banner-control strong {
    max-width: 14ch;
    color: #ffffff;
    font-size: 1.45rem;
    line-height: 1.02;
    visibility: hidden;
}

.branding-preview-lab__banner-control small {
    visibility: hidden;
}

.branding-preview-lab__color-control,
.branding-preview-lab__logo-control {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.7rem;
    align-items: center;
}

.branding-preview-lab__color-control > span {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: var(--blueprint-brand-accent);
}

.branding-preview-lab__contrast-check {
    display: grid;
    gap: 0.2rem;
    margin-top: 0.3rem;
    padding: 0.6rem 0.7rem;
    border: 1px solid rgba(0, 230, 118, 0.34);
    border-radius: 8px;
    background: rgba(0, 230, 118, 0.08);
}

.branding-preview-lab__contrast-check--error {
    border-color: rgba(255, 68, 68, 0.42);
    background: rgba(255, 68, 68, 0.08);
}

.branding-preview-lab__contrast-check strong {
    color: #ffffff;
}

.branding-preview-lab__checkbox {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
}

.branding-preview-lab__checkbox input {
    width: 44px;
    accent-color: #60a5fa;
}

.branding-preview-lab__marketplace,
.branding-preview-lab__mobile {
    padding: 1rem;
}

.branding-preview-lab__marketplace > header,
.branding-preview-lab__mobile > header {
    min-height: 44px;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.branding-preview-lab__marketplace h2,
.branding-preview-lab__mobile h2,
.branding-preview-lab__readiness h2 {
    margin: 0;
    color: #ffffff;
    font-size: 1.05rem;
}

.branding-preview-lab__marketplace header div {
    display: flex;
    gap: 0.55rem;
}

.branding-preview-lab__marketplace header span,
.branding-preview-lab__mobile header span {
    min-width: 44px;
    min-height: 36px;
    border: 1px solid var(--brand-mock-line);
    border-radius: 8px;
    display: inline-grid;
    place-items: center;
    color: var(--brand-mock-muted);
    padding: 0 0.65rem;
}

.branding-preview-lab__marketplace header span.active {
    color: #60a5fa;
    border-color: #60a5fa;
}

.branding-preview-card,
.branding-preview-phone {
    overflow: hidden;
    border: 1px solid var(--brand-mock-line);
    border-radius: 8px;
    background: #101114;
}

.branding-preview-card__banner,
.branding-preview-phone__banner {
    position: relative;
    min-height: 128px;
    display: grid;
    align-content: center;
    padding: 1.6rem;
    background:
        linear-gradient(90deg, rgba(17, 18, 20, 0.05), rgba(17, 18, 20, 0.7)),
        var(--blueprint-brand-banner, none),
        linear-gradient(135deg, color-mix(in srgb, var(--blueprint-brand-accent) 34%, transparent), rgba(17, 18, 20, 0.82));
    background-size: cover;
    background-position: var(--blueprint-brand-banner-position, center);
    text-transform: uppercase;
    overflow: hidden;
}

.branding-preview-phone__banner {
    background:
        linear-gradient(90deg, rgba(17, 18, 20, 0.04), rgba(17, 18, 20, 0.3)),
        var(--blueprint-brand-mobile-cover, var(--blueprint-brand-banner, none)),
        linear-gradient(135deg, color-mix(in srgb, var(--blueprint-brand-accent) 34%, transparent), rgba(17, 18, 20, 0.82));
    background-size: cover;
    background-position: var(--blueprint-brand-mobile-cover-position, center);
}

.branding-preview-card__banner strong,
.branding-preview-phone__banner strong {
    max-width: 14ch;
    color: #ffffff;
    font-size: clamp(1.55rem, 3vw, 2.35rem);
    line-height: 1.02;
    visibility: hidden;
}

.branding-preview-card__banner span,
.branding-preview-phone__banner span {
    color: #d1d5db;
    text-transform: none;
    visibility: hidden;
}

.branding-preview-card__body,
.branding-preview-phone__body {
    position: relative;
    display: grid;
    gap: 0.55rem;
    padding: 0.9rem;
}

.branding-preview-card__body {
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.branding-preview-card__body h3,
.branding-preview-phone__body h3 {
    margin: 0.3rem 0 0;
    color: #ffffff;
    font-size: 1.4rem;
}

.branding-preview-card__body p,
.branding-preview-phone__body p {
    margin: 0;
}

.branding-preview-card__body strong,
.branding-preview-phone__body strong {
    color: var(--blueprint-brand-accent, #60a5fa);
}

.branding-preview-card__metrics,
.branding-preview-card__proof,
.branding-preview-card__chips {
    grid-column: 1 / -1;
}

.branding-preview-card__metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
}

.branding-preview-card__proof {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.branding-preview-card__metrics > span,
.branding-preview-card__proof > span {
    min-height: 46px;
    border: 1px solid var(--brand-mock-line);
    border-radius: 8px;
    background: #17181b;
    padding: 0.65rem;
}

.branding-preview-card__metrics small,
.branding-preview-card__proof small {
    display: block;
    color: var(--brand-mock-muted);
    text-transform: uppercase;
}

.branding-preview-card__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
}

.branding-preview-card__chips span {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    border-radius: 8px;
    background: rgba(156, 163, 175, 0.13);
    color: #e5e7eb;
    padding: 0 0.75rem;
}

.branding-preview-phone {
    width: min(100%, 292px);
    margin: 0 auto;
    border-radius: 28px;
    padding: 0.7rem;
}

.branding-preview-phone__banner {
    min-height: 82px;
    border-radius: 20px 20px 0 0;
    padding: 1rem;
}

.branding-preview-phone__banner strong {
    font-size: 1rem;
}

.branding-preview-phone__body {
    border: 1px solid var(--brand-mock-line);
    border-top: 0;
    border-radius: 0 0 20px 20px;
    background: #17181b;
}

.branding-preview-phone__body .brand-kit-mock__hex {
    margin-top: -2rem;
}

.branding-preview-phone__owned {
    position: absolute;
    top: 1rem;
    right: 1rem;
}

.branding-preview-phone__body button,
.branding-preview-phone__preview-action {
    width: 100%;
    min-height: 44px;
    border: 0;
    border-radius: 8px;
    background: var(--blueprint-brand-accent, #60a5fa);
    color: var(--blueprint-brand-on-accent, #111827);
    font-weight: 900;
    text-transform: uppercase;
    margin: 0.75rem 0;
}

.branding-preview-phone__body footer {
    border: 1px solid var(--brand-mock-line);
    border-radius: 8px;
    padding: 0.8rem;
    color: #d1d5db;
}

.branding-preview-lab__readiness {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(240px, 0.6fr) minmax(220px, 0.45fr);
    gap: 1rem;
    align-items: center;
    padding: 0.85rem 1rem;
}

.branding-preview-lab__readiness section:first-child > div {
    display: grid;
    grid-template-columns: repeat(5, minmax(110px, 1fr));
    gap: 0.75rem;
    margin-top: 0.85rem;
}

.branding-preview-lab__readiness span.complete,
.branding-preview-lab__readiness span.warning,
.branding-preview-lab__readiness span.optional {
    min-height: 52px;
    border-left: 1px solid var(--brand-mock-line);
    display: grid;
    align-content: center;
    gap: 0.15rem;
    padding-left: 0.9rem;
    color: #f9fafb;
    font-weight: 850;
}

.branding-preview-lab__readiness span.complete::before,
.branding-preview-lab__readiness span.warning::before {
    content: "OK";
    color: #00e676;
}

.branding-preview-lab__readiness span.warning::before {
    content: "!";
    color: #ffd700;
}

.branding-preview-lab__readiness span.optional::before {
    content: "—";
    color: #60a5fa;
}

.branding-preview-lab__readiness small {
    color: var(--brand-mock-muted);
    font-weight: 500;
}

.branding-preview-lab__readiness button {
    justify-content: center;
}

@media (max-width: 1440px) {
    .brand-kit-mock__workspace {
        grid-template-columns: minmax(0, 1fr) minmax(330px, 0.55fr);
        gap: 1rem;
    }

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

    .brand-kit-mock__summary article:last-child {
        grid-column: 1 / -1;
        min-height: 104px;
    }

    .brand-kit-mock__summary article,
    .blueprint-branding-mock__field,
    .blueprint-branding-mock__requirements {
        padding: 1rem;
    }

    .brand-kit-mock__panel-head {
        display: grid;
    }

    .brand-kit-mock__panel-head > div:last-child {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .blueprint-branding-mock__topbar {
        gap: 0.65rem;
        padding-inline: 0.9rem;
    }

    .blueprint-branding-mock__topbar .marketplace-action-link {
        min-height: 44px;
        padding-inline: 0.75rem;
        font-size: 0.88rem;
        white-space: nowrap;
    }

    .blueprint-branding-mock__topbar .status-pill {
        min-width: 0;
        min-height: 24px;
        padding-inline: 0.48rem;
        font-size: 0.74rem;
        justify-content: center;
    }

    .blueprint-branding-mock__main {
        grid-template-columns: minmax(0, 1fr) minmax(300px, 0.56fr);
        gap: 0.85rem;
        padding: 1.15rem;
    }

    .blueprint-branding-mock__preview {
        margin-top: 0;
        min-width: 0;
        padding: 0.95rem;
    }

    .blueprint-branding-mock__phone {
        width: min(100%, 340px);
        border-width: 6px;
        padding: 0.75rem;
    }

    .blueprint-branding-mock__actions {
        position: static;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        width: min(100%, 640px);
        margin-top: 1rem;
    }
}

@media (max-width: 1180px) {
    .brand-kit-mock__workspace,
    .blueprint-branding-mock__main,
    .branding-preview-lab__workspace,
    .branding-preview-lab__heading,
    .branding-preview-lab__readiness {
        grid-template-columns: 1fr;
    }

    .branding-preview-lab__marketplace {
        order: 1;
    }

    .branding-preview-lab__mobile {
        order: 2;
    }

    .branding-preview-lab__controls {
        order: 3;
    }

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

    .blueprint-branding-mock__sidebar {
        display: none;
    }

    .blueprint-branding-mock__topbar {
        grid-column: 1;
    }

    .blueprint-branding-mock__main {
        grid-column: 1;
    }
}

@media (max-width: 820px) {
    .brand-mock-sidebar {
        position: static;
        width: auto;
        border-right: 0;
    }

    .brand-mock-main {
        margin-left: 0;
        padding: 1rem;
    }

    .brand-kit-mock__summary,
    .brand-kit-mock__asset-head,
    .brand-kit-mock__asset-table article,
    .blueprint-branding-mock__field--inline,
    .blueprint-branding-mock__upload,
    .blueprint-branding-mock__logo-row,
    .blueprint-branding-mock__name-row,
    .blueprint-branding-mock__mode-row,
    .blueprint-branding-mock__requirements > div {
        grid-template-columns: 1fr;
    }

    .blueprint-branding-mock__contrast-check {
        grid-column: 1;
    }

    .brand-mock-topbar,
    .blueprint-branding-mock__topbar,
    .branding-preview-lab__topbar {
        flex-wrap: wrap;
        min-height: auto;
        padding-block: 0.75rem;
    }

    .branding-preview-lab__readiness section:first-child > div,
    .branding-preview-card__metrics,
    .branding-preview-card__proof {
        grid-template-columns: 1fr;
    }

    .branding-preview-lab__surface-nav {
        position: sticky;
        top: 0.5rem;
        z-index: 5;
    }

    .branding-preview-lab__surface-nav a {
        flex-direction: column;
        gap: 0.15rem;
        min-height: 52px;
        padding: 0.35rem;
        font-size: 0.72rem;
    }
}

/* High-ROI Web Command Center surfaces */
.reports-send-cockpit,
.marketplace-discovery-cockpit,
.marketplace-purchase-cockpit,
.marketplace-checkout-confidence,
.marketplace-creator-trust-band,
.proposal-sales-room,
.proposal-public-next-step,
.proposal-public-review-grid {
    display: grid;
    gap: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(96, 165, 250, 0.09), transparent 36%),
        #1b1c1e;
    box-shadow: 0 22px 48px rgba(0, 0, 0, 0.24);
}

.reports-send-cockpit {
    grid-template-columns: minmax(300px, 1.3fr) minmax(180px, 0.55fr) minmax(260px, 0.95fr) minmax(260px, 0.9fr);
    align-items: stretch;
    padding: 0.45rem;
    margin-bottom: 0.8rem;
}

.reports-first-action-strip {
    display: grid;
    grid-template-columns: minmax(280px, 1.1fr) minmax(240px, 0.72fr) minmax(300px, 0.9fr);
    gap: 0.65rem;
    align-items: stretch;
    padding: 0.65rem;
    border: 1px solid rgba(255, 215, 0, 0.24);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 215, 0, 0.08), transparent 42%),
        #1b1c1e;
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.2);
}

.reports-first-action-strip__decision,
.reports-first-action-strip__signals,
.reports-first-action-strip__actions {
    min-width: 0;
}

.reports-first-action-strip__decision {
    display: grid;
    gap: 0.35rem;
    align-content: center;
}

.reports-first-action-strip__decision strong {
    color: #ffffff;
    font-size: 1.12rem;
    line-height: 1.2;
}

.reports-first-action-strip__decision p {
    margin: 0;
    color: #d1d5db;
    line-height: 1.35;
}

.reports-first-action-strip__brand {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    width: fit-content;
    min-height: 30px;
    color: #60a5fa;
    font-size: 0.78rem;
    font-weight: 850;
    text-decoration: none;
}

.reports-first-action-strip__brand:hover,
.reports-first-action-strip__brand:focus-visible {
    color: #93c5fd;
    text-decoration: underline;
}

.reports-first-action-strip__signals {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.45rem;
    margin: 0;
}

.reports-first-action-strip__signals div {
    display: grid;
    gap: 0.18rem;
    align-content: center;
    min-height: 62px;
    padding: 0.55rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(43, 45, 49, 0.72);
}

.reports-first-action-strip__signals dt {
    color: #9ca3af;
    font-size: 0.68rem;
    font-weight: 850;
    text-transform: uppercase;
}

.reports-first-action-strip__signals dd {
    margin: 0;
    color: #ffffff;
    font-weight: 850;
}

.reports-first-action-strip__actions {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    gap: 0.5rem;
}

.reports-first-action-strip__actions .reports-action-button {
    flex: 1 1 128px;
    min-height: 48px;
    justify-content: center;
}

.reports-send-cockpit__decision,
.reports-send-cockpit__preview,
.reports-proof-gauge,
.reports-send-cockpit__rail,
.marketplace-purchase-cockpit__value,
.marketplace-purchase-panel,
.marketplace-checkout-confidence > *,
.marketplace-creator-trust-band > *,
.proposal-sales-room > *,
.proposal-public-next-step > *,
.proposal-public-review-grid > * {
    min-width: 0;
}

.reports-send-cockpit h2,
.marketplace-purchase-cockpit h2,
.marketplace-checkout-confidence h2,
.marketplace-creator-trust-band h2,
.proposal-sales-room h2,
.proposal-public-next-step h2,
.proposal-public-review-grid h2 {
    margin: 0.3rem 0 0;
    color: #fff;
    font-size: 1.48rem;
    line-height: 1.1;
}

.reports-send-cockpit p,
.marketplace-purchase-cockpit p,
.marketplace-checkout-confidence p,
.marketplace-creator-trust-band p,
.proposal-sales-room p,
.proposal-public-next-step p,
.proposal-public-review-grid p {
    color: #9ca3af;
    line-height: 1.45;
}

.reports-send-cockpit__actions,
.proposal-public-next-step__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 0.65rem;
}

.reports-proof-gauge {
    display: grid;
    place-items: center;
    align-content: center;
    text-align: center;
    gap: 0.55rem;
    padding: 1rem;
    border: 1px solid rgba(0, 230, 118, 0.22);
    border-radius: 8px;
    background: rgba(0, 230, 118, 0.06);
}

.reports-proof-gauge__ring {
    display: grid;
    place-items: center;
    width: 112px;
    aspect-ratio: 1;
    border-radius: 50%;
    color: #00e676;
    font-size: 1.45rem;
    font-weight: 800;
    background:
        radial-gradient(circle at center, #1b1c1e 56%, transparent 57%),
        conic-gradient(#00e676 0 87%, rgba(156, 163, 175, 0.18) 87% 100%);
}

.reports-proof-gauge strong,
.marketplace-purchase-panel strong,
.proposal-sales-room__path strong,
.proposal-public-proof-path strong {
    color: #fff;
}

.reports-proof-gauge small,
.marketplace-purchase-panel small,
.proposal-public-proof-path span {
    color: #9ca3af;
}

.reports-send-cockpit__rail {
    display: grid;
    gap: 0.55rem;
}

.reports-send-step {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: center;
    min-height: 58px;
    gap: 0.65rem;
    padding: 0.65rem;
    color: #fff;
    text-decoration: none;
    border: 1px solid rgba(156, 163, 175, 0.14);
    border-radius: 8px;
    background: rgba(43, 45, 49, 0.72);
}

.reports-send-step > .oi {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
}

.reports-send-step small {
    grid-column: 2;
    color: #9ca3af;
}

.reports-send-step--green { border-color: rgba(0, 230, 118, 0.28); }
.reports-send-step--orange { border-color: rgba(255, 165, 0, 0.34); }
.reports-send-step--red { border-color: rgba(255, 68, 68, 0.34); }
.reports-send-step--gold { border-color: rgba(255, 215, 0, 0.3); }

.reports-send-cockpit__preview,
.client-proof-document-preview,
.marketplace-discovery-cockpit article,
.marketplace-purchase-panel,
.marketplace-checkout-confidence aside,
.proposal-sales-room__path {
    padding: 0.9rem;
    border: 1px solid rgba(255, 215, 0, 0.22);
    border-radius: 8px;
    background: rgba(43, 45, 49, 0.74);
}

.reports-send-cockpit__preview h3,
.client-proof-preview-panel h2,
.client-proof-remediation-panel h2 {
    margin: 0.65rem 0 0;
    color: #fff;
}

.marketplace-discovery-cockpit {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 0.65rem;
    margin-top: -0.35rem;
}

.marketplace-discovery-cockpit article {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
    min-height: 126px;
    border-color: rgba(96, 165, 250, 0.2);
}

.marketplace-discovery-cockpit .oi {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(96, 165, 250, 0.34);
    border-radius: 8px;
    color: #60a5fa;
    background: rgba(96, 165, 250, 0.08);
}

.marketplace-discovery-cockpit strong {
    color: #fff;
    line-height: 1.2;
}

.marketplace-discovery-cockpit p {
    margin-top: 0.3rem;
    color: #9ca3af;
    font-size: 0.92rem;
    line-height: 1.45;
}

.reports-send-cockpit__preview dl,
.client-proof-preview-panel__stats,
.marketplace-creator-trust-band__metrics,
.proposal-sales-room__metrics {
    display: grid;
    gap: 0.5rem;
    margin: 0.8rem 0 0;
}

.reports-send-cockpit__preview dl div,
.client-proof-preview-panel__stats div,
.marketplace-creator-trust-band__metrics div,
.proposal-sales-room__metrics div {
    display: flex;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0.55rem 0;
    border-top: 1px solid rgba(156, 163, 175, 0.14);
}

.reports-send-cockpit__preview dt,
.client-proof-preview-panel__stats dt,
.marketplace-creator-trust-band__metrics dt,
.proposal-sales-room__metrics dt {
    color: #9ca3af;
}

.reports-send-cockpit__preview dd,
.client-proof-preview-panel__stats dd,
.marketplace-creator-trust-band__metrics dd,
.proposal-sales-room__metrics dd {
    margin: 0;
    color: #fff;
    text-align: right;
}

.reports-send-cockpit__preview dd a {
    color: #60a5fa;
    font-weight: 850;
    text-decoration: none;
}

.reports-send-cockpit__preview dd a:hover,
.reports-send-cockpit__preview dd a:focus-visible {
    color: #93c5fd;
    text-decoration: underline;
}

.client-proof-preview-panel {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.75fr);
    gap: 0.75rem;
    padding: 0.7rem;
}

.client-proof-preview-panel__copy {
    display: grid;
    align-content: start;
    gap: 0.65rem;
    min-width: 0;
}

.client-proof-document-preview {
    display: grid;
    gap: 0.42rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 247, 251, 0.94));
    color: #111827;
}

.client-proof-preview-panel__stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.45rem;
}

.client-proof-mockup-rail {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.5rem;
    margin: 0.15rem 0 0;
    padding: 0;
    list-style: none;
}

.client-proof-mockup-rail__step {
    display: grid;
    gap: 0.24rem;
    align-content: start;
    min-height: 104px;
    padding: 0.72rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-top: 4px solid currentColor;
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.78);
    color: #60a5fa;
}

.client-proof-mockup-rail__step > .oi {
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid currentColor;
    border-radius: 8px;
}

.client-proof-mockup-rail__step strong {
    color: #ffffff;
    font-size: 0.88rem;
    line-height: 1.18;
}

.client-proof-mockup-rail__step small {
    color: #d1d5db;
    font-size: 0.74rem;
    line-height: 1.28;
}

.client-proof-mockup-rail__step--green { color: #00e676; }
.client-proof-mockup-rail__step--gold { color: #ffd700; }
.client-proof-mockup-rail__step--orange { color: #ffa500; }
.client-proof-mockup-rail__step--blue { color: #60a5fa; }

.client-proof-document-preview header,
.client-proof-document-preview footer {
    display: flex;
    justify-content: space-between;
    gap: 0.8rem;
    color: #111827;
}

.client-proof-document-preview section span,
.client-proof-document-preview footer {
    color: #475569;
    font-size: 0.85rem;
}

.client-proof-preview-line {
    height: 7px;
    margin-top: 0.24rem;
    border-radius: 999px;
    background: #cbd5e1;
}

.client-proof-preview-line--green {
    width: 82%;
    background: #00a65a;
}

.client-proof-document-preview ol {
    margin: 0.25rem 0 0;
    padding-left: 1.2rem;
}

.report-detail-layout--client-proof {
    max-width: 1420px;
}

.report-detail-layout--client-proof .reports-hero--compact {
    grid-template-columns: minmax(0, 1fr) minmax(360px, 520px);
}

.client-proof-preview-panel--command-center {
    grid-template-columns: minmax(260px, 0.8fr) minmax(430px, 1.45fr) minmax(220px, 0.62fr);
    align-items: stretch;
    gap: 1rem;
    padding: 1rem;
    background:
        linear-gradient(135deg, rgba(15, 23, 42, 0.94), rgba(17, 24, 39, 0.9)),
        #101214;
}

.client-proof-authority-column,
.client-proof-release-rail {
    padding: 0.9rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: rgba(10, 13, 18, 0.78);
}

.client-proof-preview-panel--command-center .client-proof-preview-panel__stats {
    grid-template-columns: 1fr;
}

.client-proof-preview-panel--command-center .client-proof-mockup-rail {
    grid-template-columns: 1fr;
}

.client-proof-mockup-rail,
.client-proof-blocker-list,
.client-proof-release-rail {
    display: grid;
    gap: 0.55rem;
}

.client-proof-mockup-rail {
    margin: 0;
    padding: 0;
    list-style: none;
}

.client-proof-mockup-rail__step {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    align-items: center;
    gap: 0.6rem;
    min-height: 48px;
    padding: 0.5rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
}

.client-proof-mockup-rail__step .oi {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.07);
}

.client-proof-mockup-rail__step strong {
    color: #fff;
    font-size: 0.92rem;
}

.client-proof-mockup-rail__step small {
    grid-column: 2;
    color: #9ca3af;
    font-size: 0.76rem;
}

.client-proof-mockup-rail__step--green {
    border-color: rgba(0, 230, 118, 0.28);
}

.client-proof-mockup-rail__step--gold,
.client-proof-mockup-rail__step--orange {
    border-color: rgba(255, 215, 0, 0.26);
}

.client-proof-mockup-rail__step--blue {
    border-color: rgba(96, 165, 250, 0.3);
}

.client-proof-blocker-list {
    margin-top: 0.15rem;
}

.client-proof-blocker-list header,
.client-proof-release-rail section {
    display: grid;
    gap: 0.35rem;
}

.client-proof-blocker-list header {
    grid-template-columns: minmax(0, 1fr) max-content;
    align-items: center;
}

.client-proof-blocker-list strong,
.client-proof-release-rail strong {
    color: #fff;
}

.client-proof-blocker-list header span,
.client-proof-release-rail p,
.client-proof-release-rail section p {
    color: #9ca3af;
    font-size: 0.84rem;
    line-height: 1.38;
}

.client-proof-blocker-list p,
.client-proof-release-rail section p {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0;
}

.client-proof-blocker-list .oi-warning {
    color: #f59e0b;
}

.client-proof-blocker-list .oi-circle-x {
    color: #ef4444;
}

.client-proof-document-preview--large {
    align-content: start;
    min-height: 430px;
    padding: 1.4rem;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96)),
        #fff;
    box-shadow: 0 20px 54px rgba(0, 0, 0, 0.26);
}

.client-proof-document-preview--large header {
    align-items: start;
    padding-bottom: 0.95rem;
    border-bottom: 1px solid #e2e8f0;
}

.client-proof-document-preview--large header strong {
    color: #111827;
    font-size: 1.25rem;
    line-height: 1.1;
    text-transform: uppercase;
}

.client-proof-document-preview__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr);
    gap: 1rem;
    align-content: start;
    padding: 0.45rem 0;
}

.client-proof-document-preview__grid > div {
    display: grid;
    align-content: start;
    gap: 0.45rem;
    min-width: 0;
}

.client-proof-document-preview__grid > div:nth-child(n + 3) {
    padding-top: 0.8rem;
    border-top: 1px solid #e2e8f0;
}

.client-proof-document-preview__grid span {
    color: #334155;
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
}

.client-proof-evidence-timeline ol {
    display: grid;
    gap: 0.55rem;
    margin: 0;
    padding-left: 1.15rem;
}

.client-proof-work-tiles > div {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
}

.client-proof-work-tiles i {
    display: block;
    min-height: 92px;
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(15, 118, 110, 0.18), rgba(202, 138, 4, 0.18)),
        linear-gradient(45deg, #cbd5e1 25%, #f8fafc 25%, #f8fafc 50%, #cbd5e1 50%, #cbd5e1 75%, #f8fafc 75%);
    background-size: auto, 18px 18px;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);
}

.client-proof-exception-list p,
.client-proof-approval-card em {
    margin: 0;
    color: #334155;
    font-size: 0.86rem;
}

.client-proof-exception-list .oi {
    color: #16a34a;
}

.client-proof-approval-card strong {
    color: #111827;
    font-size: 1.1rem;
}

.client-proof-approval-card em {
    font-style: normal;
}

.client-proof-release-rail {
    align-content: start;
    background: rgba(255, 255, 255, 0.04);
}

.client-proof-release-rail section {
    padding: 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: rgba(17, 24, 39, 0.72);
}

.client-proof-release-rail button {
    min-height: 44px;
    width: 100%;
    border: 1px solid rgba(156, 163, 175, 0.24);
    border-radius: 8px;
    background: #374151;
    color: #d1d5db;
    font-weight: 850;
}

.page:has(.client-proof-command-shell) .command-header {
    display: none;
}

.main:has(.client-proof-command-shell) {
    padding: 0;
    background: #070b0e;
}

.report-detail-layout--client-proof {
    width: 100vw !important;
    max-width: none !important;
    min-height: 100vh;
    margin: 0 calc(50% - 50vw) !important;
    gap: 0;
}

.report-detail-layout--client-proof > .breadcrumb-trail,
.report-detail-layout--client-proof > .reports-hero,
.report-detail-layout--client-proof > .report-command-detail-strip {
    display: none;
}

.client-proof-command-shell {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    min-height: 100vh;
    width: 100%;
    background:
        radial-gradient(circle at 72% 8%, rgba(96, 165, 250, 0.1), transparent 30%),
        #070b0e;
    color: #fff;
}

.client-proof-command-sidebar {
    position: sticky;
    top: 0;
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 1.1rem;
    height: 100vh;
    padding: 1rem 0.65rem;
    border-right: 1px solid rgba(156, 163, 175, 0.16);
    background: linear-gradient(180deg, #0b1018, #070b0e);
}

.client-proof-command-sidebar__brand {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.35rem 0.55rem;
    align-items: center;
    min-height: 58px;
    color: #fff;
    text-decoration: none;
}

.client-proof-command-sidebar__brand span {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255, 215, 0, 0.54);
    border-radius: 8px;
    color: #ffd700;
    font-weight: 900;
}

.client-proof-command-sidebar__brand strong {
    color: #fff;
    font-size: 0.95rem;
    text-transform: uppercase;
}

.client-proof-command-sidebar__brand small {
    grid-column: 2;
    color: #ffd700;
    font-size: 0.66rem;
    font-weight: 850;
    text-transform: uppercase;
}

.client-proof-command-sidebar__nav {
    display: grid;
    align-content: start;
    gap: 0.35rem;
}

.client-proof-command-sidebar__item {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: center;
    min-height: 48px;
    padding: 0.45rem 0.55rem;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #d1d5db;
    text-decoration: none;
}

.client-proof-command-sidebar__item:hover,
.client-proof-command-sidebar__item:focus-visible,
.client-proof-command-sidebar__item--active {
    border-color: rgba(96, 165, 250, 0.34);
    background: rgba(96, 165, 250, 0.13);
    color: #fff;
    text-decoration: none;
}

.client-proof-command-sidebar__item .oi {
    color: #60a5fa;
}

.client-proof-command-sidebar__plan {
    display: grid;
    gap: 0.45rem;
    padding: 0.8rem;
    border: 1px solid rgba(255, 215, 0, 0.28);
    border-radius: 8px;
    background: rgba(255, 215, 0, 0.07);
}

.client-proof-command-sidebar__plan .oi,
.client-proof-command-sidebar__plan strong {
    color: #ffd700;
}

.client-proof-command-sidebar__plan small {
    color: #d1d5db;
    line-height: 1.35;
}

.client-proof-command-main {
    display: grid;
    align-content: start;
    gap: 1rem;
    min-width: 0;
    padding: 0 1.1rem 1.1rem;
}

.client-proof-command-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    min-height: 64px;
    margin: 0 -1.1rem;
    padding: 0.65rem 1.1rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.16);
    background: rgba(7, 11, 14, 0.92);
}

.client-proof-command-topbar > div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
}

.client-proof-command-selector,
.client-proof-command-safety,
.client-proof-command-topbar a {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 44px;
    padding: 0.45rem 0.72rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: rgba(17, 24, 39, 0.82);
    color: #fff;
    font-size: 0.9rem;
    text-decoration: none;
}

.client-proof-command-safety {
    border-color: rgba(0, 230, 118, 0.28);
    color: #d1fae5;
}

.client-proof-command-topbar a {
    border-color: rgba(255, 215, 0, 0.4);
    background: rgba(255, 215, 0, 0.1);
    color: #ffd700;
    font-weight: 850;
}

.client-proof-command-title {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    align-items: end;
    gap: 1rem;
}

.client-proof-command-title p,
.client-proof-command-title h1 {
    margin: 0;
}

.client-proof-command-title p {
    color: #fff;
    font-size: 1.55rem;
    font-weight: 900;
}

.client-proof-command-title h1 {
    color: #d1d5db;
    font-size: 0.92rem;
    font-weight: 500;
}

.client-proof-command-title aside {
    display: grid;
    justify-items: end;
    gap: 0.2rem;
    color: #9ca3af;
    font-size: 0.8rem;
}

.client-proof-command-title aside strong {
    color: #fff;
}

.client-proof-branding-panel {
    display: grid;
    grid-template-columns: minmax(230px, 0.8fr) minmax(0, 1.35fr) minmax(220px, 0.85fr);
    gap: 0.75rem;
    align-items: stretch;
    min-width: 0;
    padding: 0.85rem;
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 8px;
    background: rgba(17, 24, 39, 0.78);
}

.client-proof-branding-panel__identity {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 0.65rem;
    align-items: center;
}

.client-proof-branding-panel__identity > div,
.client-proof-branding-panel__asset-preview,
.client-proof-branding-panel__requirements {
    display: grid;
    gap: 0.28rem;
}

.client-proof-branding-panel__asset-preview {
    justify-items: center;
}

.client-proof-branding-panel__mark {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border: 1px solid rgba(255, 215, 0, 0.5);
    border-radius: 8px;
    color: #ffd700;
    font-weight: 900;
}

.client-proof-branding-panel strong,
.client-proof-branding-panel dd {
    color: #fff;
}

.client-proof-branding-panel small,
.client-proof-branding-panel span,
.client-proof-branding-panel dt {
    color: #d1d5db;
}

.client-proof-branding-panel dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
    margin: 0;
    min-width: 0;
}

.client-proof-branding-panel dl div,
.client-proof-branding-panel__requirements {
    min-height: 64px;
    padding: 0.65rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(7, 11, 14, 0.46);
    overflow-wrap: anywhere;
}

.client-proof-branding-panel dt {
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.client-proof-branding-panel dd {
    margin: 0.18rem 0 0;
    font-weight: 850;
}

.client-proof-branding-panel__action {
    grid-column: 1 / -1;
    display: flex;
    justify-content: flex-end;
}

.client-proof-branding-panel .marketplace-action-link {
    min-height: 44px;
    justify-self: end;
    white-space: nowrap;
}

.client-proof-command-main > .report-detail-grid {
    gap: 1rem;
    min-width: 0;
}

.client-proof-command-main .client-proof-preview-panel--command-center {
    grid-template-columns: minmax(220px, 0.78fr) minmax(320px, 1.12fr) minmax(190px, 0.58fr);
    min-height: calc(100vh - 180px);
    min-width: 0;
}

.client-proof-command-main .client-proof-document-preview--large {
    min-height: calc(100vh - 220px);
}

.client-proof-command-main .reports-detail-command-footer--client-proof {
    margin-bottom: 0.6rem;
}

@media (max-width: 1180px) {
    .client-proof-preview-panel--command-center {
        grid-template-columns: 1fr;
    }

    .client-proof-preview-panel,
    .mockup-client-proof-release,
    .reports-detail-command-footer {
        grid-template-columns: 1fr;
    }

    .client-proof-mockup-rail {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .client-proof-document-preview__grid,
    .client-proof-work-tiles > div {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 980px) {
    .client-proof-command-shell {
        grid-template-columns: 1fr;
    }

    .client-proof-command-sidebar {
        position: static;
        height: auto;
        grid-template-rows: auto;
        border-right: 0;
        border-bottom: 1px solid rgba(156, 163, 175, 0.16);
    }

    .client-proof-command-sidebar__nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .client-proof-command-topbar,
    .client-proof-command-title {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .client-proof-command-topbar,
    .client-proof-command-topbar > div {
        flex-direction: column;
    }

    .client-proof-command-title aside {
        justify-items: start;
    }

    .client-proof-branding-panel {
        grid-template-columns: 1fr;
    }

    .client-proof-branding-panel dl {
        grid-template-columns: 1fr;
    }

    .client-proof-branding-panel .marketplace-action-link {
        width: 100%;
        justify-self: stretch;
        justify-content: center;
    }
}

@media (max-width: 640px) {
    .client-proof-command-shell {
        overflow-x: hidden;
    }

    .client-proof-command-sidebar {
        display: flex;
        flex-direction: column;
        gap: 0.7rem;
        padding: 0.75rem;
    }

    .client-proof-command-sidebar__brand {
        min-height: 44px;
    }

    .client-proof-command-sidebar__brand small {
        display: none;
    }

    .client-proof-command-sidebar__nav {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0.4rem;
    }

    .client-proof-command-sidebar__item {
        grid-template-columns: 1fr;
        justify-items: center;
        min-height: 58px;
        padding: 0.45rem 0.3rem;
        text-align: center;
        font-size: 0.78rem;
    }

    .client-proof-command-sidebar__plan {
        padding: 0.7rem;
    }

    .client-proof-command-main {
        display: block;
        width: 100%;
        max-width: 100vw;
        overflow-x: hidden;
        padding: 0 0.75rem 0.9rem;
    }

    .client-proof-command-main > * + * {
        margin-top: 0.75rem;
    }

    .client-proof-command-topbar {
        align-items: stretch;
        width: calc(100% + 1.5rem);
        max-width: calc(100% + 1.5rem);
        min-width: 0;
        margin: 0 -0.75rem;
        padding: 0.55rem 0.75rem;
    }

    .client-proof-command-topbar > div {
        align-items: stretch;
        width: 100%;
    }

    .client-proof-command-selector,
    .client-proof-command-safety,
    .client-proof-command-topbar a {
        justify-content: flex-start;
        width: 100%;
        white-space: normal;
    }

    .client-proof-command-title p {
        font-size: 1.25rem;
        line-height: 1.15;
    }

    .client-proof-command-title {
        min-width: 0;
    }

    .client-proof-branding-panel,
    .client-proof-command-main > .report-detail-grid {
        min-width: 0;
        width: 100%;
        max-width: 100%;
    }

    .client-proof-branding-panel .marketplace-action-link {
        justify-self: stretch;
        text-align: center;
        white-space: normal;
    }

    .client-proof-command-main .client-proof-preview-panel--command-center,
    .client-proof-command-main .client-proof-document-preview--large {
        min-height: 0;
    }

    .client-proof-document-preview--large {
        width: 100%;
        overflow: hidden;
    }

    .client-proof-document-preview--large header {
        grid-template-columns: 1fr;
    }

    .client-proof-work-tiles > div {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.client-proof-remediation-grid,
.marketplace-outcome-grid,
.marketplace-checkout-confidence__checks,
.proposal-public-proof-path {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 1rem 0 0;
}

.client-proof-remediation-grid section,
.marketplace-outcome-grid div,
.marketplace-checkout-confidence__checks li,
.proposal-public-proof-path li {
    padding: 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.68);
}

.client-proof-remediation-grid strong,
.marketplace-outcome-grid strong,
.marketplace-checkout-confidence__checks li {
    color: #fff;
}

.mockup-client-proof-release {
    grid-template-columns: minmax(280px, 0.82fr) minmax(320px, 1fr);
    align-items: stretch;
    padding: 1rem;
    border-color: rgba(255, 215, 0, 0.26);
    background:
        linear-gradient(135deg, rgba(255, 215, 0, 0.08), transparent 38%),
        linear-gradient(180deg, rgba(43, 45, 49, 0.92), rgba(21, 24, 28, 0.98)),
        #2b2d31;
}

.mockup-client-proof-release > section {
    display: grid;
    align-content: center;
    gap: 0.85rem;
    min-width: 0;
}

.mockup-client-proof-release h2 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.45rem, 2vw, 2.2rem);
    line-height: 1.02;
}

.mockup-client-proof-release p {
    margin: 0;
    max-width: 64ch;
    color: #d1d5db;
    line-height: 1.48;
}

.mockup-client-proof-release dl {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
    margin: 0;
}

.mockup-client-proof-release dl div {
    display: grid;
    gap: 0.25rem;
    min-height: 76px;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.72);
}

.mockup-client-proof-release dt {
    color: #9ca3af;
    font-size: 0.74rem;
    font-weight: 850;
    text-transform: uppercase;
}

.mockup-client-proof-release dd {
    margin: 0;
    color: #ffffff;
    font-weight: 850;
    line-height: 1.24;
}

.mockup-client-proof-release__document {
    display: grid;
    gap: 0.85rem;
    min-height: 310px;
    padding: 1rem;
    border: 1px solid rgba(226, 232, 240, 0.78);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(241, 245, 249, 0.94)),
        #f8fafc;
    color: #111827;
    box-shadow: 0 22px 48px rgba(0, 0, 0, 0.28);
}

.mockup-client-proof-release__document header,
.mockup-client-proof-release__document footer {
    display: flex;
    justify-content: space-between;
    gap: 0.8rem;
}

.mockup-client-proof-release__document header strong {
    color: #111827;
}

.mockup-client-proof-release__document span,
.mockup-client-proof-release__document footer {
    color: #475569;
    font-size: 0.84rem;
}

.mockup-client-proof-release__document div {
    display: grid;
    gap: 0.45rem;
    align-content: start;
    padding: 0.85rem;
    border: 1px solid rgba(203, 213, 225, 0.74);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.62);
}

.mockup-client-proof-release__document i,
.mockup-client-proof-release__document b {
    display: block;
    height: 8px;
    border-radius: 999px;
    background: #cbd5e1;
}

.mockup-client-proof-release__document i:nth-of-type(1),
.mockup-client-proof-release__document b:nth-of-type(1) {
    width: 86%;
    background: #00a65a;
}

.mockup-client-proof-release__document i:nth-of-type(2),
.mockup-client-proof-release__document b:nth-of-type(2) {
    width: 66%;
}

.mockup-client-proof-release__document i:nth-of-type(3),
.mockup-client-proof-release__document b:nth-of-type(3) {
    width: 48%;
}

.marketplace-purchase-cockpit {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    align-items: start;
    padding: 1rem;
    margin: 1rem 0;
}

.marketplace-outcome-grid div {
    display: grid;
    gap: 0.3rem;
}

.marketplace-outcome-grid .oi {
    color: #60a5fa;
    font-size: 1.35rem;
}

.marketplace-purchase-panel {
    display: grid;
    align-content: start;
    gap: 0.75rem;
    position: sticky;
    top: 1rem;
}

.marketplace-purchase-panel > strong {
    font-size: 2rem;
    color: #ffd700;
}

.marketplace-checkout-confidence {
    grid-template-columns: minmax(0, 1fr) minmax(220px, 0.35fr) minmax(280px, 0.65fr);
    align-items: stretch;
    padding: 1rem;
    margin: 1rem 0;
}

.marketplace-checkout-confidence aside {
    display: grid;
    gap: 0.35rem;
}

.marketplace-checkout-confidence aside strong {
    color: #ffd700;
    font-size: 1.8rem;
}

.marketplace-checkout-confidence aside span,
.marketplace-checkout-confidence__checks {
    color: #9ca3af;
}

.marketplace-checkout-confidence__checks {
    list-style: none;
    margin: 0;
    padding: 0;
    grid-template-columns: 1fr;
}

.marketplace-creator-trust-band {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.65fr) minmax(220px, 0.45fr);
    padding: 1rem;
    margin: 1rem 0;
}

.marketplace-creator-trust-band aside,
.proposal-sales-room__path {
    display: grid;
    gap: 0.45rem;
}

.marketplace-creator-trust-band aside span,
.proposal-sales-room__path span {
    min-height: 34px;
    padding: 0.45rem 0.6rem;
    border: 1px solid rgba(96, 165, 250, 0.2);
    border-radius: 8px;
    color: #dbeafe;
    background: rgba(96, 165, 250, 0.08);
}

.proposal-sales-room {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.78fr) minmax(220px, 0.48fr);
    padding: 1rem;
    margin: 1rem 0;
}

.proposal-public-next-step {
    grid-template-columns: minmax(0, 1fr) minmax(340px, 0.8fr);
    padding: 1rem;
    margin-top: 1rem;
}

.proposal-decision-board {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(240px, 0.55fr) minmax(240px, 0.55fr) minmax(260px, 0.52fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

.proposal-template-selector {
    display: grid;
    gap: 0.8rem;
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #1b1c1e;
}

.proposal-template-selector > p {
    margin: 0;
    color: #d1d5db;
    line-height: 1.5;
}

.proposal-template-selector__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.65rem;
}

.proposal-template-option {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.35rem 0.65rem;
    align-content: start;
    min-height: 172px;
    padding: 0.7rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    color: #f8fafc;
    background: #232529;
    text-align: left;
    cursor: pointer;
}

.proposal-template-option:disabled {
    cursor: not-allowed;
    opacity: 0.74;
}

.proposal-template-option:hover:not(:disabled),
.proposal-template-option:focus-visible:not(:disabled),
.proposal-template-option--selected {
    border-color: rgba(96, 165, 250, 0.62);
    background: rgba(96, 165, 250, 0.12);
}

.proposal-template-option > .oi {
    grid-row: span 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(96, 165, 250, 0.42);
    border-radius: 8px;
    color: #60a5fa;
    background: rgba(96, 165, 250, 0.1);
}

.proposal-template-option strong {
    color: #ffffff;
    font-size: 0.98rem;
}

.proposal-template-option small,
.proposal-template-option em {
    color: #d1d5db;
    font-size: 0.82rem;
    font-style: normal;
    line-height: 1.38;
}

.proposal-template-result {
    padding: 0.75rem;
    border: 1px solid rgba(0, 230, 118, 0.28);
    border-radius: 8px;
    background: rgba(0, 230, 118, 0.08);
}

.proposal-template-result--red {
    border-color: rgba(248, 113, 113, 0.34);
    background: rgba(248, 113, 113, 0.1);
}

.proposal-template-result--orange {
    border-color: rgba(251, 191, 36, 0.38);
    background: rgba(251, 191, 36, 0.11);
}

.proposal-template-result strong {
    color: #ffffff;
}

.proposal-template-result p {
    margin: 0.2rem 0 0;
    color: #d1d5db;
}

.proposal-template-result .proposal-link-button {
    margin-top: 0.75rem;
}

.proposal-decision-board__panel,
.proposal-acceptance-rail {
    display: grid;
    gap: 0.75rem;
    align-content: start;
    padding: 0.9rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #1b1c1e;
}

.proposal-decision-board__panel--wide {
    min-width: 0;
}

.proposal-package-options {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
}

.proposal-package-option {
    display: grid;
    gap: 0.35rem;
    min-height: 154px;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: #232529;
}

.proposal-package-option--recommended {
    border-color: rgba(0, 230, 118, 0.36);
    background: rgba(0, 230, 118, 0.08);
}

.proposal-package-option span {
    color: #60a5fa;
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.proposal-package-option--recommended span {
    color: #00e676;
}

.proposal-package-option strong {
    color: #ffffff;
    font-size: 1rem;
}

.proposal-package-option em {
    color: #ffffff;
    font-size: 1.18rem;
    font-style: normal;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.proposal-package-option p {
    margin: 0;
    color: #d1d5db;
    font-size: 0.84rem;
    line-height: 1.42;
}

.proposal-timeline-list {
    display: grid;
    gap: 0.55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.proposal-timeline-list__item {
    display: grid;
    gap: 0.25rem;
    padding: 0.65rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: #232529;
}

.proposal-timeline-list__item strong,
.proposal-proof-list__item strong {
    color: #ffffff;
    font-size: 0.92rem;
}

.proposal-timeline-list__item span,
.proposal-timeline-list__item small {
    color: #d1d5db;
    font-size: 0.82rem;
}

.proposal-proof-list {
    display: grid;
    gap: 0.55rem;
}

.proposal-proof-list__item {
    display: grid;
    gap: 0.25rem;
    padding: 0.65rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: #232529;
}

.proposal-proof-list__item p {
    margin: 0;
    color: #d1d5db;
    font-size: 0.82rem;
    line-height: 1.38;
}

.proposal-timeline-list__item--blue,
.proposal-proof-list__item--blue { border-color: rgba(96, 165, 250, 0.28); }
.proposal-timeline-list__item--green,
.proposal-proof-list__item--green { border-color: rgba(0, 230, 118, 0.28); }
.proposal-timeline-list__item--orange,
.proposal-proof-list__item--orange { border-color: rgba(255, 165, 0, 0.34); }
.proposal-timeline-list__item--gold,
.proposal-proof-list__item--gold { border-color: rgba(255, 215, 0, 0.28); }

.proposal-acceptance-rail h2 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.55rem, 3vw, 2.25rem);
    line-height: 1.05;
    overflow-wrap: anywhere;
}

.proposal-acceptance-rail dl {
    display: grid;
    gap: 0.45rem;
    margin: 0;
}

.proposal-acceptance-rail dl div {
    display: grid;
    gap: 0.18rem;
    padding: 0.58rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: #232529;
}

.proposal-acceptance-rail dt {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.proposal-acceptance-rail dd {
    margin: 0;
    color: #ffffff;
    font-size: 0.86rem;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.proposal-acceptance-rail p {
    margin: 0;
    color: #d1d5db;
    font-size: 0.86rem;
    line-height: 1.45;
}

.proposal-public-review-grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(240px, 0.72fr) minmax(240px, 0.72fr);
    max-width: 1120px;
    width: 100%;
    margin: 0 auto;
    padding: 1rem;
}

.proposal-public-review-grid--proof-first .proposal-public-review-grid__proof {
    order: -1;
}

.proposal-public-review-grid--executive-summary .proposal-public-review-grid__scope {
    order: -1;
}

.proposal-public-review-grid--premium-white-label .proposal-public-review-grid__scope {
    border-color: rgba(255, 215, 0, 0.36);
    background: rgba(255, 215, 0, 0.08);
}

.proposal-public-review-grid > article {
    display: grid;
    gap: 0.75rem;
    padding: 0.9rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(43, 45, 49, 0.72);
}

.proposal-package-options--public {
    grid-template-columns: 1fr;
}

.proposal-public-share__pdf-link--quiet {
    background: transparent;
    color: #f4f7fb;
    border: 1px solid rgba(156, 163, 175, 0.25);
}

.proposal-public-proof-path {
    list-style: none;
    margin: 0;
    padding: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.proposal-public-proof-path li {
    display: grid;
    gap: 0.35rem;
}

@media (max-width: 1180px) {
    .reports-send-cockpit,
    .marketplace-checkout-confidence,
    .marketplace-creator-trust-band,
    .proposal-sales-room,
    .proposal-decision-board,
    .proposal-public-share__grid,
    .proposal-public-review-grid,
    .proposal-template-selector__grid,
    .proposal-public-template-strip {
        grid-template-columns: 1fr 1fr;
    }

    .reports-send-cockpit__decision,
    .marketplace-checkout-confidence > div:first-child,
    .marketplace-creator-trust-band > div:first-child,
    .proposal-sales-room__story,
    .proposal-decision-board__panel--wide,
    .proposal-document--public {
        grid-column: 1 / -1;
    }

    .proposal-public-share__note,
    .proposal-public-decision {
        position: static;
    }
}

@media (max-width: 820px) {
    .reports-send-cockpit,
    .client-proof-preview-panel,
    .client-proof-remediation-grid,
    .marketplace-purchase-cockpit,
    .marketplace-outcome-grid,
    .marketplace-checkout-confidence,
    .marketplace-creator-trust-band,
    .marketplace-storefront-priority-strip,
    .marketplace-checkout-priority-strip,
    .proposal-sales-room,
    .proposal-decision-board,
    .proposal-package-options,
    .proposal-public-share__grid,
    .proposal-public-review-grid,
    .proposal-public-next-step,
    .proposal-public-proof-path,
    .proposal-template-selector__grid,
    .proposal-public-template-strip,
    .proposal-public-template-strip dl {
        grid-template-columns: 1fr;
    }

    .marketplace-purchase-panel {
        position: static;
    }

    .marketplace-storefront-priority-strip,
    .marketplace-checkout-priority-strip {
        grid-template-columns: 1fr;
    }

    .marketplace-storefront-priority-strip__action,
    .marketplace-checkout-priority-strip__action {
        grid-column: 1 / -1;
        grid-row: 1;
    }
}

.proposal-workspace-shell,
.proposal-public-share,
.proposal-workspace-shell * {
    box-sizing: border-box;
    min-width: 0;
}

.proposal-public-share,
.proposal-public-share * {
    box-sizing: border-box;
    min-width: 0;
}

.page:has(.proposal-workspace-shell) .command-header {
    display: none;
}

.main:has(.proposal-workspace-shell) {
    padding: 0;
}

.proposal-workspace-shell {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    min-height: 100vh;
    margin: 0;
    background: #f3f4f6;
    color: #111827;
}

.proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) {
    background: #0b0f12;
    color: #f8fafc;
}

.proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-stage {
    background: #0b0f12;
}

.proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-sidebar {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    overflow-y: auto;
    max-height: 100vh;
    background: #0b1117;
    color: #f8fafc;
}

.proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-sidebar__brand {
    align-items: center;
    min-height: 72px;
    padding: 1rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.16);
}

.proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-sidebar__brand strong {
    color: #ffffff;
    line-height: 1.05;
}

.proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-sidebar__brand small {
    display: block;
    color: #ffd54a;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-topbar--quote {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 1rem;
    min-height: 86px;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.16);
    background: #0b0f12;
    color: #f8fafc;
}

.proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-topbar--quote h1,
.proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-topbar--quote p {
    color: #f8fafc;
}

.proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-topbar--quote h1 {
    margin: 0;
    font-size: clamp(1.6rem, 2vw, 2rem);
}

.proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-eyebrow {
    display: none;
}

.proposal-mockup-context-controls {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.6rem;
    margin-top: 0.65rem;
}

.proposal-mockup-context-controls span {
    display: grid;
    gap: 0.2rem;
    min-height: 54px;
    padding: 0.55rem 0.7rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #111827;
}

.proposal-mockup-context-controls small {
    color: #9ca3af;
    font-size: 0.76rem;
}

.proposal-mockup-context-controls strong {
    overflow: hidden;
    color: #ffffff;
    font-size: 0.88rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.proposal-sidebar__nav--mockup {
    display: grid;
    gap: 0.2rem;
    padding: 0 0.75rem;
}

.proposal-sidebar__nav--mockup > small {
    margin: 0.55rem 0 0.15rem;
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: uppercase;
}

.proposal-sidebar__nav--mockup .proposal-sidebar__item {
    min-height: 44px;
    padding: 0.45rem 0.55rem;
    border-radius: 8px;
}

.proposal-sidebar__nav--mockup .proposal-sidebar__item span:last-child {
    overflow: hidden;
    line-height: 1.18;
    text-overflow: ellipsis;
}

.proposal-quota-panel--mockup {
    margin: auto 0.75rem 0.75rem;
}

.proposal-sidebar-report-rail--secondary,
.proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-sidebar-report-status {
    display: none;
}

.proposal-mockup-editor-hybrid {
    display: grid;
    grid-template-columns: 155px minmax(300px, 0.9fr) minmax(420px, 1.18fr) minmax(220px, 0.54fr);
    gap: 0.65rem;
    padding: 0.75rem;
    background: #0b0f12;
    color: #f8fafc;
}

.proposal-mockup-command-row .proposal-link-button--share-preview {
    min-height: 44px;
    justify-self: end;
}

.proposal-mockup-command-row .proposal-link-button--share-preview .oi {
    color: #60a5fa;
}

.proposal-mockup-command-row__preview {
    display: grid;
    gap: 0.24rem;
    justify-items: stretch;
}

.proposal-mockup-command-row__preview small {
    max-width: 22rem;
    line-height: 1.24;
}

.proposal-link-button--locked {
    cursor: not-allowed;
    border-color: rgba(255, 215, 0, 0.28);
    background: rgba(255, 215, 0, 0.08);
    color: #d1d5db;
    opacity: 0.92;
}

.proposal-link-button--internal-preview {
    border-color: rgba(96, 165, 250, 0.5);
    background: rgba(96, 165, 250, 0.14);
}

.proposal-link-button--locked .oi,
.proposal-link-button--internal-preview .oi {
    color: #ffd700 !important;
}

.proposal-quote-worksheet {
    grid-column: 1 / -1;
    display: grid;
    gap: 0.65rem;
    padding: 0.75rem;
    border: 1px solid rgba(96, 165, 250, 0.22);
    border-radius: 8px;
    background: #111827;
}

.proposal-quote-worksheet > header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.proposal-quote-worksheet > header h2,
.proposal-quote-worksheet > header p {
    margin: 0;
}

.proposal-quote-worksheet > header h2 {
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.18;
}

.proposal-quote-worksheet > header p {
    color: #cbd5e1;
    font-size: 0.78rem;
    line-height: 1.32;
}

.proposal-quote-steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.42rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.proposal-quote-steps__item {
    display: grid;
    gap: 0.18rem;
    min-height: 48px;
    padding: 0.48rem 0.55rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 6px;
    background: rgba(3, 7, 11, 0.24);
}

.proposal-quote-steps__item--current,
.proposal-quote-steps__item--blue {
    border-color: rgba(96, 165, 250, 0.42);
    background: rgba(96, 165, 250, 0.1);
}

.proposal-quote-steps__item--green {
    border-color: rgba(34, 197, 94, 0.32);
}

.proposal-quote-steps__item--gold {
    border-color: rgba(255, 215, 0, 0.34);
}

.proposal-quote-steps__item strong,
.proposal-quote-steps__item span {
    color: #ffffff;
    font-size: 0.72rem;
    line-height: 1.18;
}

.proposal-quote-steps__item span {
    color: #93c5fd;
    font-weight: 800;
}

.proposal-quote-worksheet__grid {
    display: grid;
    grid-template-columns: minmax(320px, 0.9fr) minmax(360px, 1.1fr);
    gap: 0.65rem;
    align-items: start;
}

.proposal-quote-worksheet__fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
}

.proposal-quote-worksheet__fields .proposal-field:first-child,
.proposal-quote-worksheet__fields .proposal-field:nth-child(3),
.proposal-quote-worksheet__fields .proposal-field:nth-child(5) {
    grid-column: 1 / -1;
}

.proposal-quote-worksheet__readback {
    display: grid;
    gap: 0.5rem;
}

.proposal-quote-worksheet__table {
    display: grid;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 6px;
}

.proposal-quote-worksheet__table > div {
    display: grid;
    grid-template-columns: minmax(7.5rem, 0.34fr) minmax(0, 1fr) minmax(5.8rem, auto);
    gap: 0.5rem;
    align-items: start;
    padding: 0.48rem 0.55rem;
    background: rgba(3, 7, 11, 0.2);
}

.proposal-quote-worksheet__table--comparison > div {
    grid-template-columns: minmax(7rem, 0.62fr) minmax(0, 1fr) minmax(0, 1fr) minmax(5.8rem, auto);
}

.proposal-quote-worksheet__table > div:first-child {
    background: rgba(255, 255, 255, 0.045);
}

.proposal-quote-worksheet__table > div + div {
    border-top: 1px solid rgba(148, 163, 184, 0.12);
}

.proposal-quote-worksheet__table span[role="columnheader"] {
    color: #9ca3af;
    font-size: 0.6rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    line-height: 1.15;
    text-transform: uppercase;
}

.proposal-quote-worksheet__row strong,
.proposal-quote-worksheet__row span,
.proposal-quote-worksheet__row a {
    color: #ffffff;
    font-size: 0.68rem;
    line-height: 1.24;
}

.proposal-quote-worksheet__row span {
    color: #cbd5e1;
}

.proposal-quote-worksheet__row a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.25rem 0.5rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 6px;
    font-weight: 900;
    text-align: center;
    text-decoration: none;
}

.proposal-quote-worksheet__row--green a {
    border-color: rgba(34, 197, 94, 0.32);
    color: #bbf7d0;
}

.proposal-quote-worksheet__row--orange a {
    border-color: rgba(255, 215, 0, 0.34);
    color: #fde68a;
}

.proposal-quote-worksheet__row--gold a {
    border-color: rgba(255, 215, 0, 0.34);
    color: #fde68a;
}

.proposal-quote-readback {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.42rem;
}

.proposal-quote-readback__item {
    display: grid;
    gap: 0.18rem;
    min-height: 76px;
    padding: 0.5rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 6px;
    background: rgba(3, 7, 11, 0.24);
}

.proposal-quote-readback__item--green {
    border-color: rgba(34, 197, 94, 0.25);
}

.proposal-quote-readback__item--gold {
    border-color: rgba(255, 215, 0, 0.28);
}

.proposal-quote-readback__item--orange {
    border-color: rgba(251, 146, 60, 0.34);
}

.proposal-quote-readback__item strong,
.proposal-quote-readback__item span {
    color: #ffffff;
    font-size: 0.68rem;
    line-height: 1.2;
}

.proposal-quote-readback__item span {
    color: #cbd5e1;
}

@media (max-width: 1180px) {
    .proposal-quote-worksheet__grid,
    .proposal-quote-readback {
        grid-template-columns: minmax(0, 1fr);
    }

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

@media (max-width: 720px) {
    .proposal-quote-worksheet__fields,
    .proposal-quote-steps {
        grid-template-columns: minmax(0, 1fr);
    }

    .proposal-quote-worksheet__table > div {
        grid-template-columns: minmax(0, 1fr);
    }

    .proposal-quote-worksheet__table--comparison > div {
        grid-template-columns: minmax(0, 1fr);
    }
}

.proposal-mockup-editor-hybrid__steps,
.proposal-mockup-editor-hybrid__editor,
.proposal-mockup-editor-hybrid__preview,
.proposal-mockup-editor-hybrid__readiness {
    min-width: 0;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #111827;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.24);
}

.proposal-mockup-editor-hybrid__steps {
    display: grid;
    gap: 0.35rem;
    align-content: start;
    padding: 0.75rem;
}

.proposal-mockup-editor-hybrid__steps > strong {
    color: #d1d5db;
    font-size: 0.88rem;
}

.proposal-mockup-editor-hybrid__step {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 0.45rem;
    align-items: center;
    min-height: 44px;
    padding: 0.45rem;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #d1d5db;
    text-decoration: none;
}

.proposal-mockup-editor-hybrid__step--active,
.proposal-mockup-editor-hybrid__step:hover,
.proposal-mockup-editor-hybrid__step:focus-visible {
    border-color: rgba(96, 165, 250, 0.36);
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff;
}

.proposal-mockup-editor-hybrid__step--complete .oi {
    color: #52d352;
}

.proposal-mockup-editor-hybrid__step--review .oi {
    color: #ffd54a;
}

.proposal-mockup-editor-hybrid__editor,
.proposal-mockup-editor-hybrid__readiness {
    display: grid;
    gap: 0.55rem;
    align-content: start;
    padding: 0.7rem;
}

.proposal-mockup-editor-hybrid__editor header,
.proposal-mockup-editor-hybrid__preview header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.proposal-mockup-editor-hybrid__editor article {
    display: grid;
    gap: 0.32rem;
    padding: 0.68rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(11, 15, 18, 0.56);
}

.proposal-mockup-editor-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    min-height: 44px;
    padding: 0.3rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(2, 6, 23, 0.36);
}

.proposal-mockup-editor-toolbar button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 6px;
    background: rgba(17, 24, 39, 0.9);
    color: #f8fafc;
    font: inherit;
}

.proposal-mockup-editor-toolbar small {
    margin-left: auto;
    color: #93c5fd;
    font-weight: 800;
}

.proposal-mockup-editor-hybrid__editor article > span,
.proposal-mockup-editor-hybrid__readiness h2,
.proposal-mockup-editor-hybrid__preview > header strong {
    color: #ffffff;
}

.proposal-mockup-editor-hybrid__editor h2 {
    margin: 0;
    color: #ffffff;
    font-size: 0.96rem;
    line-height: 1.25;
}

.proposal-mockup-editor-hybrid__editor p,
.proposal-mockup-editor-hybrid__editor li,
.proposal-mockup-editor-hybrid__document p,
.proposal-mockup-editor-hybrid__document small,
.proposal-mockup-editor-hybrid__readiness li {
    color: #d1d5db;
    line-height: 1.42;
}

.proposal-mockup-editor-hybrid__editor ul {
    display: grid;
    gap: 0.35rem;
    margin: 0;
    padding-left: 1.1rem;
}

.proposal-mockup-editor-hybrid__editor small {
    color: #9ca3af;
}

.proposal-mockup-editor-hybrid__preview {
    display: grid;
    gap: 0.55rem;
    align-content: start;
    padding: 0.7rem;
}

.proposal-mockup-preview-toolbar {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 44px;
    padding: 0.25rem 0.55rem;
    border: 1px solid rgba(96, 165, 250, 0.26);
    border-radius: 8px;
    background: rgba(11, 15, 18, 0.52);
    color: #d1d5db;
}

.proposal-mockup-editor-hybrid__document {
    position: relative;
    overflow: hidden;
    min-height: 440px;
    border-radius: 8px;
    background: #f8fafc;
    color: #111827;
}

.proposal-mockup-editor-hybrid__document-hero {
    min-height: 180px;
    padding: 1.2rem;
    background:
        linear-gradient(90deg, rgba(17, 24, 39, 0.92), rgba(17, 24, 39, 0.72)),
        linear-gradient(135deg, #0b0f12, #2b2d31);
    color: #ffffff;
}

.proposal-mockup-editor-hybrid__document-hero h2 {
    max-width: 420px;
    margin: 0.55rem 0;
    color: #ffffff;
    font-size: clamp(1.45rem, 2.2vw, 2rem);
    line-height: 1.05;
}

.proposal-mockup-editor-hybrid__document section {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    text-align: center;
}

.proposal-mockup-editor-hybrid__document section div {
    display: grid;
    gap: 0.3rem;
    justify-items: center;
}

.proposal-mockup-editor-hybrid__document section .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(17, 24, 39, 0.18);
    border-radius: 999px;
    color: #111827;
}

.proposal-mockup-editor-hybrid__document aside {
    position: absolute;
    right: 1.2rem;
    bottom: 1.2rem;
    display: grid;
    gap: 0.35rem;
    width: min(240px, calc(100% - 2.4rem));
    padding: 1rem;
    border-radius: 8px;
    background: #111827;
    color: #f8fafc;
}

.proposal-mockup-editor-hybrid__document aside strong {
    color: #ffd54a;
    font-size: 1.85rem;
}

.proposal-mockup-editor-hybrid__readiness ul {
    display: grid;
    gap: 0.55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.proposal-mockup-brand-card {
    display: grid;
    gap: 0.55rem;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(11, 15, 18, 0.58);
}

.proposal-mockup-brand-card strong {
    color: #ffffff;
}

.proposal-mockup-brand-card p {
    margin: 0;
    color: #d1d5db;
    font-size: 0.86rem;
    line-height: 1.35;
}

.proposal-mockup-brand-card__swatches {
    display: flex;
    gap: 0.35rem;
}

.proposal-mockup-brand-card__swatches i {
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 6px;
}

.proposal-mockup-brand-card__swatches i:nth-child(1) { background: #111827; }
.proposal-mockup-brand-card__swatches i:nth-child(2) { background: #ffd54a; }
.proposal-mockup-brand-card__swatches i:nth-child(3) { background: #0b345f; }
.proposal-mockup-brand-card__swatches i:nth-child(4) { background: #f8fafc; }
.proposal-mockup-brand-card__swatches i:nth-child(5) { background: #d1d5db; }

.proposal-mockup-editor-hybrid__readiness li {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 0.45rem;
    align-items: center;
}

.proposal-mockup-editor-hybrid__readiness .oi-check {
    color: #52d352;
}

.proposal-mockup-editor-hybrid__readiness .oi-warning,
.proposal-mockup-editor-hybrid__readiness .oi-lock-locked {
    color: #ffd54a;
}

.proposal-mockup-editor-hybrid__actions {
    display: grid;
    gap: 0.6rem;
}

.proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-report-hero-preview {
    margin-top: 0.8rem;
}

@media (max-width: 1320px) {
    .proposal-mockup-editor-hybrid {
        grid-template-columns: 150px minmax(0, 1fr) minmax(260px, 0.72fr);
    }

    .proposal-mockup-editor-hybrid__preview {
        grid-column: 2 / 4;
    }
}

@media (max-width: 980px) {
    .proposal-mockup-editor-hybrid {
        grid-template-columns: 1fr;
    }

    .proposal-mockup-editor-hybrid__preview {
        grid-column: auto;
    }
}

.page--public-share {
    background: #0b0f12;
}

.main--public-share {
    padding: 0;
}

.proposal-public-share {
    display: grid;
    gap: 1rem;
    min-height: 100vh;
    padding: clamp(1rem, 3vw, 2rem);
    background: #0b0f12;
    color: #f8fafc;
}

.proposal-public-share__hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
    gap: 1rem;
    align-items: stretch;
    max-width: 1120px;
    width: 100%;
    margin: 0 auto;
}

.proposal-public-template-strip {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.92fr);
    gap: 1rem;
    max-width: 1120px;
    width: 100%;
    margin: 0 auto;
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #1b1c1e;
}

.proposal-public-template-strip h2 {
    margin: 0.45rem 0;
    color: #ffffff;
    font-size: clamp(1.35rem, 2.4vw, 2rem);
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.proposal-public-template-strip p {
    margin: 0;
    color: #d1d5db;
    line-height: 1.5;
}

.proposal-public-template-strip dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
    margin: 0;
}

.proposal-public-template-strip dl div {
    display: grid;
    gap: 0.2rem;
    min-height: 68px;
    padding: 0.62rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(11, 15, 18, 0.58);
}

.proposal-public-template-strip dt {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.proposal-public-template-strip dd {
    margin: 0;
    color: #ffffff;
    font-size: 0.86rem;
    font-weight: 820;
    overflow-wrap: anywhere;
}

@media (max-width: 820px) {
    .proposal-public-template-strip,
    .proposal-public-template-strip dl {
        grid-template-columns: minmax(0, 1fr);
    }
}

.proposal-public-template-strip--proof-first {
    border-color: rgba(255, 215, 0, 0.32);
}

.proposal-public-template-strip--premium-white-label {
    border-color: rgba(0, 230, 118, 0.3);
}

.proposal-public-share__hero > div,
.proposal-public-share__hero aside,
.proposal-public-share__note,
.proposal-public-decision,
.proposal-public-share__locked {
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #1b1c1e;
}

.proposal-public-share__hero > div {
    display: grid;
    gap: 0.65rem;
    align-content: center;
    padding: clamp(1rem, 2.4vw, 1.5rem);
}

.proposal-public-share__hero h1,
.proposal-public-share__locked h1 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(2rem, 4vw, 4rem);
    line-height: 1.04;
    overflow-wrap: anywhere;
}

.proposal-public-share__hero p,
.proposal-public-share__locked p,
.proposal-public-share__note p {
    margin: 0;
    color: #d1d5db;
    line-height: 1.5;
}

.proposal-public-share__note small {
    display: block;
    margin-top: 0.65rem;
    color: #f9e79f;
    line-height: 1.45;
}

.proposal-public-hero-decision {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
    margin-top: 0.35rem;
    padding: 0.65rem;
    border: 1px solid rgba(0, 230, 118, 0.24);
    border-radius: 8px;
    background: rgba(11, 15, 18, 0.58);
}

.proposal-public-hero-decision strong {
    color: #00e676;
    font-size: 1.08rem;
    line-height: 1.2;
}

.proposal-public-hero-decision .proposal-public-share__pdf-link {
    margin-top: 0;
}

.proposal-public-hero-decision small {
    flex-basis: 100%;
    color: #9ca3af;
    line-height: 1.35;
}

.proposal-public-hero-decision .proposal-client-decision-result {
    flex-basis: 100%;
    margin-top: 0.1rem;
}

.proposal-public-share__hero aside {
    display: grid;
    gap: 0.55rem;
    align-content: center;
    justify-items: start;
    padding: 1rem;
}

.proposal-public-share__hero aside strong,
.proposal-public-share__note strong {
    color: #ffffff;
}

.proposal-public-share__hero aside small {
    color: #9ca3af;
    overflow-wrap: anywhere;
}

.proposal-public-share__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(250px, 0.36fr) minmax(260px, 0.38fr);
    gap: 1rem;
    align-items: start;
    max-width: 1120px;
    width: 100%;
    margin: 0 auto;
}

.proposal-document--public {
    min-height: auto;
}

.proposal-document--public h2 {
    margin: 0;
    color: #0f172a;
    font-size: clamp(1.8rem, 2.8vw, 2.7rem);
    line-height: 1.08;
    overflow-wrap: anywhere;
}

.proposal-public-share__note {
    position: sticky;
    top: 1rem;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.75rem;
    padding: 0.9rem;
}

.proposal-public-decision {
    position: sticky;
    top: 1rem;
    display: grid;
    gap: 0.75rem;
    align-content: start;
    padding: 0.9rem;
}

.proposal-public-decision h2 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.8rem, 4vw, 2.7rem);
    line-height: 1;
}

.proposal-public-decision p,
.proposal-public-decision small {
    margin: 0;
    color: #d1d5db;
    line-height: 1.45;
}

.proposal-public-decision dl {
    display: grid;
    gap: 0.45rem;
    margin: 0;
}

.proposal-public-decision dl div {
    display: grid;
    gap: 0.2rem;
    padding: 0.6rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(11, 15, 18, 0.58);
}

.proposal-public-decision dt {
    color: #9ca3af;
    font-size: 0.74rem;
    font-weight: 850;
    text-transform: uppercase;
}

.proposal-public-decision dd {
    margin: 0;
    color: #ffffff;
    font-weight: 850;
    overflow-wrap: anywhere;
}

.proposal-public-decision__actions {
    display: grid;
    gap: 0.55rem;
}

.proposal-public-decision__note {
    display: grid;
    gap: 0.35rem;
}

.proposal-public-decision__note span {
    color: #9ca3af;
    font-size: 0.74rem;
    font-weight: 850;
    text-transform: uppercase;
}

.proposal-public-decision__note textarea {
    width: 100%;
    min-height: 88px;
    resize: vertical;
    border: 1px solid rgba(156, 163, 175, 0.24);
    border-radius: 8px;
    padding: 0.65rem;
    color: #f8fafc;
    background: rgba(11, 15, 18, 0.68);
    font: inherit;
    line-height: 1.4;
}

.proposal-client-decision-result {
    display: grid;
    gap: 0.25rem;
    padding: 0.7rem;
    border: 1px solid rgba(0, 230, 118, 0.28);
    border-radius: 8px;
    background: rgba(0, 230, 118, 0.1);
}

.proposal-client-decision-result--red {
    border-color: rgba(248, 113, 113, 0.34);
    background: rgba(248, 113, 113, 0.1);
}

.proposal-client-decision-result--orange {
    border-color: rgba(255, 165, 0, 0.34);
    background: rgba(255, 165, 0, 0.1);
}

.proposal-client-decision-result--gold {
    border-color: rgba(255, 215, 0, 0.34);
    background: rgba(255, 215, 0, 0.1);
}

.proposal-client-decision-result strong {
    color: #ffffff;
}

.proposal-client-decision-result p {
    margin: 0;
}

.proposal-public-share__note > .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255, 215, 0, 0.42);
    border-radius: 8px;
    color: #ffd700;
    background: rgba(255, 215, 0, 0.08);
}

.proposal-public-share__pdf-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 44px;
    margin-top: 0.8rem;
    padding: 0.65rem 0.85rem;
    border: 1px solid rgba(0, 230, 118, 0.38);
    border-radius: 8px;
    color: #ffffff;
    background: rgba(0, 230, 118, 0.12);
    font-size: 0.86rem;
    font-weight: 850;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
}

.proposal-public-share__pdf-link:hover,
.proposal-public-share__pdf-link:focus {
    color: #ffffff;
    border-color: rgba(0, 230, 118, 0.72);
    background: rgba(0, 230, 118, 0.2);
}

.proposal-public-share__pdf-link:disabled {
    cursor: wait;
    opacity: 0.72;
}

.proposal-public-share__locked {
    display: grid;
    gap: 0.75rem;
    align-content: center;
    max-width: 760px;
    width: min(100%, 760px);
    min-height: min(72vh, 620px);
    margin: auto;
    padding: clamp(1rem, 3vw, 2rem);
}

.proposal-sidebar {
    position: sticky;
    top: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: 1.15rem;
    height: 100vh;
    padding: 1rem 0.85rem;
    border-right: 1px solid rgba(15, 23, 42, 0.16);
    background: linear-gradient(180deg, #061014, #111827);
}

.proposal-sidebar__brand,
.proposal-sidebar__item,
.proposal-quota-panel,
.proposal-tab,
.proposal-icon-button,
.proposal-link-button,
.proposal-primary-action {
    min-height: 44px;
}

.proposal-sidebar__brand {
    display: inline-grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 0.7rem;
    align-items: center;
    color: #ffffff;
    font-size: 1.65rem;
    font-weight: 900;
    text-decoration: none;
}

.proposal-hive-mark {
    position: relative;
    display: inline-grid;
    grid-template-columns: repeat(3, 12px);
    grid-auto-rows: 12px;
    gap: 2px;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
}

.proposal-hive-mark i {
    display: block;
    width: 12px;
    height: 12px;
    border: 1px solid rgba(20, 184, 166, 0.76);
    transform: rotate(30deg);
    background: #0f766e;
}

.proposal-hive-mark i:nth-child(1) {
    grid-column: 2;
}

.proposal-hive-mark i:nth-child(2) {
    grid-column: 1;
}

.proposal-hive-mark i:nth-child(3) {
    grid-column: 3;
}

.proposal-hive-mark i:nth-child(4) {
    grid-column: 1;
}

.proposal-hive-mark i:nth-child(5) {
    grid-column: 2;
}

.proposal-hive-mark i:nth-child(6) {
    grid-column: 3;
}

.proposal-hive-mark--document {
    width: 36px;
    height: 36px;
    grid-template-columns: repeat(3, 10px);
    grid-auto-rows: 10px;
}

.proposal-hive-mark--document i {
    width: 10px;
    height: 10px;
}

.proposal-sidebar-report-rail {
    overflow: auto;
    gap: 0.8rem;
    padding: 0.35rem 0 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.proposal-sidebar-report-rail .proposal-report-page-thumb {
    position: relative;
    grid-template-columns: 28px 72px minmax(0, 1fr);
    min-height: 82px;
    padding: 0.45rem 0.5rem 0.45rem 0;
    border-color: transparent;
    border-radius: 3px;
    background: transparent;
}

.proposal-sidebar-report-rail .proposal-report-page-thumb > span {
    width: 28px;
    height: 28px;
    font-size: 0.78rem;
    border-radius: 4px;
}

.proposal-report-page-thumbnail {
    display: block;
    width: 72px;
    height: 62px;
    border: 1px solid rgba(203, 213, 225, 0.72);
    border-radius: 2px;
    background:
        linear-gradient(90deg, transparent 0 42%, rgba(15, 118, 110, 0.9) 42% 58%, transparent 58%),
        repeating-linear-gradient(180deg, #ffffff 0 9px, #e5e7eb 9px 11px);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
}

.proposal-report-page-thumbnail--page-1 {
    background:
        radial-gradient(circle at 50% 18%, #0f766e 0 5px, transparent 6px),
        linear-gradient(90deg, transparent 0 36%, rgba(15, 118, 110, 0.85) 36% 64%, transparent 64%),
        repeating-linear-gradient(180deg, #ffffff 0 12px, #e5e7eb 12px 14px);
}

.proposal-report-page-thumbnail--page-2,
.proposal-report-page-thumbnail--page-6,
.proposal-report-page-thumbnail--page-7 {
    background:
        repeating-linear-gradient(180deg, #ffffff 0 7px, #e5e7eb 7px 9px),
        linear-gradient(90deg, transparent 0 42%, rgba(15, 118, 110, 0.7) 42% 58%, transparent 58%);
}

.proposal-report-page-thumbnail--page-3,
.proposal-report-page-thumbnail--page-4 {
    background:
        linear-gradient(90deg, transparent 0 25%, rgba(15, 118, 110, 0.85) 25% 32%, transparent 32% 48%, rgba(34, 160, 107, 0.8) 48% 70%, transparent 70%),
        repeating-linear-gradient(180deg, #ffffff 0 10px, #e5e7eb 10px 12px);
}

.proposal-report-page-thumbnail--page-5 {
    background:
        linear-gradient(90deg, transparent 0 34%, rgba(15, 118, 110, 0.95) 34% 42%, transparent 42% 58%, rgba(15, 118, 110, 0.95) 58% 66%, transparent 66%),
        linear-gradient(180deg, #ffffff, #ecfdf5);
}

.proposal-report-page-thumb--active .proposal-report-page-thumbnail {
    border-color: #0f766e;
    background:
        linear-gradient(90deg, transparent 0 38%, rgba(15, 118, 110, 0.95) 38% 62%, transparent 62%),
        linear-gradient(180deg, #ffffff, #ecfdf5);
}

.proposal-sidebar-report-rail .proposal-report-page-thumb strong {
    color: #f8fafc;
    font-size: 0.9rem;
    overflow-wrap: normal;
    word-break: normal;
}

.proposal-sidebar-report-rail .proposal-report-page-thumb small {
    display: none;
}

.proposal-sidebar-report-rail .proposal-report-page-thumb--active {
    border-color: #5eead4;
    background: #e7fdf7;
    color: #111827;
}

.proposal-sidebar-report-rail .proposal-report-page-thumb--active::after {
    content: "";
    position: absolute;
    right: -22px;
    top: 50%;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 22px solid #14b8a6;
    transform: translateY(-50%);
}

.proposal-sidebar-report-rail .proposal-report-page-thumb--active strong {
    color: #0f172a;
}

.proposal-sidebar-report-rail .proposal-report-page-thumb--active > span {
    border-color: #0f766e;
    color: #0f766e;
    background: #ffffff;
}

.proposal-sidebar-report-status {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 0.35rem 0.55rem;
    align-items: center;
    color: #f8fafc;
}

.proposal-sidebar-report-status .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid rgba(248, 250, 252, 0.32);
    border-radius: 999px;
    color: #d1d5db;
}

.proposal-sidebar-report-status strong {
    color: #ffffff;
}

.proposal-sidebar-report-status small {
    grid-column: 2;
    color: #d1d5db;
    font-weight: 760;
}

.proposal-sidebar__nav {
    display: grid;
    gap: 0.35rem;
}

.proposal-sidebar__item {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    gap: 0.65rem;
    align-items: center;
    padding: 0 0.7rem;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #9ca3af;
    font-size: 0.92rem;
    font-weight: 760;
    text-decoration: none;
}

.proposal-sidebar__item:hover,
.proposal-sidebar__item:focus-visible,
.proposal-sidebar__item--active {
    border-color: rgba(96, 165, 250, 0.48);
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff;
    text-decoration: none;
}

.proposal-quota-panel {
    align-self: end;
    display: grid;
    gap: 0.55rem;
    padding: 0.9rem;
    border: 1px solid rgba(0, 230, 118, 0.28);
    border-radius: 8px;
    background: #1b1c1e;
}

.proposal-quota-panel strong {
    color: #ffffff;
    font-size: 1rem;
}

.proposal-quota-panel p {
    margin: 0;
    color: #d1d5db;
    font-size: 0.82rem;
    line-height: 1.45;
}

.proposal-stage {
    display: grid;
    align-content: start;
    gap: 1rem;
    padding: 0 1.5rem 1.5rem;
    overflow: hidden;
    background: #f3f4f6;
}

.proposal-topbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 430px);
    gap: 1rem;
    align-items: start;
}

.proposal-topbar > div {
    min-width: 0;
}

.proposal-eyebrow,
.proposal-topbar h1,
.proposal-topbar p,
.proposal-panel-heading h2,
.proposal-document h3,
.proposal-document p {
    margin: 0;
}

.proposal-eyebrow {
    color: #ffd700;
    font-size: 0.78rem;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: uppercase;
}

.proposal-topbar h1 {
    margin-top: 0.18rem;
    color: #0f172a;
    font-size: 2.7rem;
    font-weight: 850;
    line-height: 1.04;
    overflow-wrap: anywhere;
}

.proposal-topbar p {
    max-width: 760px;
    margin-top: 0.45rem;
    color: #475569;
    font-size: 1rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.proposal-topbar-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 0.85rem;
}

.proposal-topbar-actions .proposal-primary-action,
.proposal-topbar-actions .proposal-link-button {
    min-height: 44px;
}

.proposal-topbar--quote {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
    align-items: center;
    gap: 0.75rem;
    margin: 0 -1.5rem;
    min-height: 72px;
    padding: 0.62rem 1.5rem;
    border-bottom: 1px solid #d1d5db;
    background: #ffffff;
}

.proposal-topbar--quote .proposal-eyebrow,
.proposal-topbar--quote .proposal-topbar-actions {
    display: none;
}

.proposal-topbar--quote h1 {
    display: inline;
    margin: 0;
    padding-right: 1rem;
    border-right: 1px solid #cbd5e1;
    font-size: clamp(1.3rem, 1.65vw, 1.7rem);
    line-height: 1.08;
}

.proposal-topbar--quote p {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: center;
    margin: 0 0 0 1rem;
    font-size: 0.95rem;
    line-height: 1.25;
}

.proposal-topbar--quote .proposal-topbar-actions {
    gap: 0.5rem;
    margin-top: 0.55rem;
}

.proposal-topbar--quote .proposal-account-strip {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    justify-self: end;
    max-width: 360px;
    padding: 0;
    border: 0;
    background: transparent;
}

.proposal-topbar--quote .proposal-account-strip > span:not(.status-pill) {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    min-height: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

.proposal-server-shield {
    grid-row: span 2;
    align-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: #0f766e;
}

.proposal-server-shield::before {
    content: "✓";
    color: #ffffff;
    font-weight: 900;
}

.proposal-topbar--quote .proposal-account-strip > span:not(.status-pill):nth-child(n+2),
.proposal-topbar--quote .proposal-account-strip .status-pill {
    display: none;
}

.proposal-topbar--quote .proposal-account-strip small {
    color: #0f766e;
    font-size: 0.82rem;
}

.proposal-topbar--quote .proposal-account-strip strong {
    color: #334155;
    font-size: 0.92rem;
    line-height: 1.25;
}

.proposal-first-action-strip {
    display: none;
    grid-template-columns: minmax(260px, 0.62fr) minmax(0, 1fr) minmax(260px, 0.72fr);
    gap: 0.65rem;
    align-items: stretch;
    padding: 0.65rem;
    border: 1px solid rgba(255, 215, 0, 0.24);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 215, 0, 0.08), transparent 42%),
        #1b1c1e;
}

.proposal-first-action-strip > div {
    display: grid;
    gap: 0.35rem;
    align-content: center;
    min-width: 0;
    min-height: 82px;
    padding: 0.65rem;
    border: 1px solid rgba(156, 163, 175, 0.14);
    border-radius: 8px;
    background: rgba(43, 45, 49, 0.74);
}

.proposal-first-action-strip strong {
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.25;
}

.proposal-first-action-strip small {
    color: #d1d5db;
    line-height: 1.35;
}

.proposal-first-action-strip__actions {
    grid-template-columns: 1fr;
}

.proposal-first-action-strip__actions .proposal-primary-action,
.proposal-first-action-strip__actions .proposal-link-button {
    width: 100%;
}

.proposal-account-strip {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
    align-items: stretch;
    padding: 0.65rem;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #ffffff;
}

.proposal-account-strip > span:not(.status-pill) {
    display: grid;
    gap: 0.12rem;
    min-height: 54px;
    padding: 0.7rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #f8fafc;
}

.proposal-account-strip small,
.proposal-field span,
.proposal-brand-list dt,
.proposal-document small,
.proposal-preview-state {
    color: #9ca3af;
    font-size: 0.76rem;
    font-weight: 820;
    text-transform: uppercase;
}

.proposal-account-strip strong {
    color: #0f172a;
    font-size: 0.95rem;
}

.proposal-account-strip .status-pill {
    grid-column: 1 / -1;
    justify-content: center;
    min-height: 36px;
}

.proposal-tabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.5rem;
}

.proposal-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 0 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: #1b1c1e;
    color: #d1d5db;
    font-weight: 800;
    text-decoration: none;
}

.proposal-tab:hover,
.proposal-tab:focus-visible,
.proposal-tab--active {
    border-color: rgba(96, 165, 250, 0.58);
    background: rgba(96, 165, 250, 0.14);
    color: #ffffff;
    text-decoration: none;
}

.proposal-workspace {
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(360px, 0.98fr);
    gap: 1rem;
    align-items: stretch;
}

.proposal-command-cockpit {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.7fr) minmax(220px, 0.45fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 215, 0, 0.08), transparent 38%),
        #1b1c1e;
}

.proposal-command-cockpit__copy,
.proposal-command-cockpit__facts,
.proposal-command-cockpit__actions {
    min-width: 0;
}

.proposal-command-cockpit__copy {
    display: grid;
    gap: 0.45rem;
    align-content: center;
}

.proposal-command-cockpit__copy h2 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.35rem, 2.4vw, 2rem);
    line-height: 1.08;
}

.proposal-command-cockpit__copy p {
    margin: 0;
    color: #d1d5db;
    line-height: 1.45;
}

.proposal-command-cockpit__facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
    margin: 0;
}

.proposal-command-cockpit__facts div {
    display: grid;
    gap: 0.18rem;
    min-height: 58px;
    padding: 0.55rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(35, 37, 41, 0.72);
}

.proposal-command-cockpit__facts dt {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.proposal-command-cockpit__facts dd {
    margin: 0;
    color: #ffffff;
    font-size: 0.86rem;
    font-weight: 820;
    overflow-wrap: anywhere;
}

.proposal-command-cockpit__actions {
    display: grid;
    gap: 0.55rem;
    align-content: center;
}

.proposal-draft-panel,
.proposal-preview-panel,
.proposal-brand-card,
.proposal-release-strip {
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #1b1c1e;
}

.proposal-draft-panel,
.proposal-preview-panel {
    display: grid;
    align-content: start;
    gap: 1rem;
    padding: 1rem;
}

.proposal-mobile-origin-banner {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
    min-height: 76px;
    padding: 0.85rem;
    border: 1px solid rgba(96, 165, 250, 0.34);
    border-radius: 8px;
    background: #232529;
    color: #60a5fa;
}

.proposal-mobile-origin-banner > .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(96, 165, 250, 0.5);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.12);
}

.proposal-mobile-origin-banner strong {
    color: #ffffff;
    font-size: 0.98rem;
    font-weight: 850;
}

.proposal-mobile-origin-banner p {
    margin: 0.2rem 0 0;
    color: #d1d5db;
    font-size: 0.86rem;
    line-height: 1.42;
}

.proposal-panel-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.proposal-panel-heading h2 {
    margin-top: 0.35rem;
    color: #ffffff;
    font-size: 1.1rem;
    font-weight: 850;
}

.proposal-icon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    border: 1px solid rgba(96, 165, 250, 0.35);
    border-radius: 8px;
    background: #232529;
    color: #60a5fa;
}

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

.proposal-field {
    display: grid;
    gap: 0.35rem;
}

.proposal-field:nth-last-child(-n+2) {
    grid-column: span 2;
}

.proposal-field input,
.proposal-field textarea {
    width: 100%;
    min-height: 44px;
    padding: 0.7rem 0.8rem;
    border: 1px solid rgba(156, 163, 175, 0.22);
    border-radius: 8px;
    background: #232529;
    color: #f8fafc;
    font: inherit;
    line-height: 1.4;
    resize: vertical;
}

.proposal-field input[aria-invalid="true"],
.proposal-field textarea[aria-invalid="true"] {
    border-color: rgba(251, 191, 36, 0.84);
    box-shadow:
        0 0 0 3px rgba(251, 191, 36, 0.13),
        inset 0 0 0 1px rgba(251, 191, 36, 0.16);
}

.proposal-field__error {
    color: #fcd34d;
    font-size: 0.78rem;
    font-weight: 850;
    line-height: 1.32;
}

.proposal-field textarea {
    min-height: 104px;
}

.brand-kit-upload-guidance {
    display: grid;
    gap: 0.45rem;
    margin-top: 0.4rem;
    padding: 0.75rem;
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 8px;
    background: rgba(17, 24, 39, 0.62);
}

.brand-kit-upload-guidance strong {
    color: #ffffff;
    font-size: 0.9rem;
}

.brand-kit-upload-guidance ul {
    display: grid;
    gap: 0.35rem;
    margin: 0;
    padding-left: 1.15rem;
}

.brand-kit-upload-guidance li {
    color: #d1d5db;
    font-size: 0.84rem;
    line-height: 1.38;
}

.brand-kit-shell {
    overflow-x: hidden;
}

.brand-kit-form-panel {
    overflow: hidden;
}

.brand-kit-report-logo-field {
    grid-column: 1 / -1;
}

.brand-kit-report-logo-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 0.58fr);
    gap: 0.75rem;
    align-items: stretch;
    min-width: 0;
}

.brand-kit-report-logo-card__upload,
.brand-kit-report-logo-preview {
    display: grid;
    gap: 0.45rem;
    min-width: 0;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: rgba(17, 24, 39, 0.62);
}

.brand-kit-logo-dropzone {
    position: relative;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.7rem;
    align-items: center;
    min-height: 112px;
    padding: 0.82rem;
    border: 1px dashed rgba(96, 165, 250, 0.58);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.58);
    cursor: pointer;
}

.brand-kit-logo-dropzone > .oi {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(96, 165, 250, 0.44);
    border-radius: 8px;
    color: #60a5fa;
}

.brand-kit-logo-dropzone strong {
    display: block;
    color: #ffffff;
}

.brand-kit-logo-dropzone small {
    display: block;
    margin-top: 0.18rem;
    color: #d1d5db;
    line-height: 1.36;
}

.brand-kit-logo-dropzone:focus-within {
    border-color: rgba(147, 197, 253, 0.88);
    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.16);
}

.brand-kit-logo-dropzone__input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.brand-kit-report-logo-preview {
    grid-template-columns: 54px minmax(0, 1fr);
    align-items: center;
    border-color: rgba(255, 215, 0, 0.26);
}

.brand-kit-report-logo-preview > span {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border: 1px solid rgba(255, 215, 0, 0.48);
    border-radius: 8px;
    color: #ffd700;
    font-weight: 900;
}

.brand-kit-report-logo-preview > div {
    display: grid;
    gap: 0.22rem;
}

.brand-kit-report-logo-preview strong {
    color: #ffffff;
}

.brand-kit-report-logo-preview small {
    color: #d1d5db;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.brand-kit-report-logo-metadata {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.45rem;
    margin: 0.35rem 0 0;
}

.brand-kit-report-logo-metadata div {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
    padding: 0.48rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(2, 6, 23, 0.34);
}

.brand-kit-report-logo-metadata dt {
    color: #9ca3af;
    font-size: 0.64rem;
    font-weight: 800;
    text-transform: uppercase;
}

.brand-kit-report-logo-metadata dd {
    margin: 0;
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 850;
    overflow-wrap: anywhere;
}

@media (max-width: 640px) {
    .brand-kit-report-logo-card {
        grid-template-columns: 1fr;
    }

    .brand-kit-report-logo-metadata {
        grid-template-columns: 1fr;
    }
}

.proposal-brand-card {
    display: grid;
    gap: 0.9rem;
    padding: 1rem;
    border-color: rgba(0, 230, 118, 0.25);
    background: #151a1a;
}

.proposal-link-button,
.proposal-primary-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0 0.95rem;
    border: 1px solid rgba(96, 165, 250, 0.4);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff;
    font-weight: 850;
    text-decoration: none;
}

.proposal-link-button:hover,
.proposal-link-button:focus-visible,
.proposal-primary-action:hover:not(:disabled),
.proposal-primary-action:focus-visible:not(:disabled) {
    color: #ffffff;
    text-decoration: none;
}

.proposal-save-result {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
    padding: 0.85rem;
    border: 1px solid rgba(255, 165, 0, 0.32);
    border-radius: 8px;
    background: rgba(255, 165, 0, 0.08);
    color: #f8fafc;
}

.proposal-save-result > .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid currentColor;
    border-radius: 8px;
}

.proposal-save-result strong {
    color: #ffffff;
}

.proposal-save-result p {
    margin: 0.25rem 0 0;
    color: #d1d5db;
    font-size: 0.9rem;
    line-height: 1.45;
}

.proposal-save-result--green {
    border-color: rgba(0, 230, 118, 0.3);
    background: rgba(0, 230, 118, 0.08);
    color: #00e676;
}

.proposal-save-result--orange {
    color: #ffa500;
}

.proposal-save-result--red {
    border-color: rgba(255, 68, 68, 0.32);
    background: rgba(255, 68, 68, 0.08);
    color: #ff4444;
}

.proposal-share-result {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
    padding: 0.85rem;
    border: 1px solid rgba(0, 230, 118, 0.3);
    border-radius: 8px;
    background: rgba(0, 230, 118, 0.08);
    color: #00e676;
}

.proposal-share-result > .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid currentColor;
    border-radius: 8px;
}

.proposal-share-result strong {
    color: #ffffff;
}

.proposal-share-result p {
    margin: 0.25rem 0 0;
    color: #d1d5db;
    font-size: 0.9rem;
    line-height: 1.45;
}

.proposal-share-result a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0.45rem 0;
    margin-top: 0.45rem;
    color: #93c5fd;
    overflow-wrap: anywhere;
}

.proposal-share-result--orange {
    border-color: rgba(255, 165, 0, 0.34);
    background: rgba(255, 165, 0, 0.08);
    color: #ffa500;
}

.proposal-share-result--red {
    border-color: rgba(255, 68, 68, 0.32);
    background: rgba(255, 68, 68, 0.08);
    color: #ff4444;
}

.proposal-delivery-panel {
    display: grid;
    gap: 0.75rem;
    scroll-margin-top: 9rem;
    padding: 0.85rem;
    border: 1px solid rgba(0, 230, 118, 0.22);
    border-radius: 8px;
    background: #232529;
}

.proposal-delivery-summary {
    display: grid;
    gap: 0.75rem;
}

.proposal-delivery-link {
    display: grid;
    gap: 0.35rem;
}

.proposal-delivery-link span,
.proposal-delivery-contact dt {
    color: #9ca3af;
    font-size: 0.78rem;
    font-weight: 850;
    text-transform: uppercase;
}

.proposal-delivery-link input {
    width: 100%;
    min-height: 44px;
    padding: 0.65rem 0.75rem;
    border: 1px solid rgba(96, 165, 250, 0.32);
    border-radius: 8px;
    background: #1b1c1e;
    color: #e5e7eb;
    font: inherit;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.proposal-delivery-contact {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
    margin: 0;
}

.proposal-delivery-contact div {
    min-height: 64px;
    padding: 0.65rem 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: #1b1c1e;
}

.proposal-delivery-contact dd {
    margin: 0.22rem 0 0;
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 750;
    overflow-wrap: anywhere;
}

.proposal-delivery-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
}

.proposal-delivery-actions .proposal-primary-action,
.proposal-delivery-actions .proposal-link-button {
    min-height: 44px;
}

.proposal-delivery-result {
    padding: 0.75rem;
    border: 1px solid rgba(0, 230, 118, 0.28);
    border-radius: 8px;
    background: rgba(0, 230, 118, 0.08);
    color: #f8fafc;
}

.proposal-delivery-result strong {
    color: #ffffff;
}

.proposal-delivery-result p {
    margin: 0.25rem 0 0;
    color: #d1d5db;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.proposal-delivery-result--red {
    border-color: rgba(255, 68, 68, 0.32);
    background: rgba(255, 68, 68, 0.08);
}

.proposal-export-authority-panel {
    display: grid;
    gap: 0.75rem;
    scroll-margin-top: 9rem;
    padding: 0.85rem;
    border: 1px solid rgba(255, 215, 0, 0.28);
    border-radius: 8px;
    background: #232529;
}

.proposal-export-authority-panel > p {
    max-width: 920px;
    margin: 0;
    color: #d1d5db;
    line-height: 1.45;
}

.proposal-export-authority-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.65rem;
    margin: 0;
}

.proposal-export-authority-grid div {
    min-height: 66px;
    padding: 0.65rem 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: #1b1c1e;
}

.proposal-export-authority-grid__wide {
    grid-column: 1 / -1;
}

.proposal-export-authority-grid dt {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.proposal-export-authority-grid dd {
    margin: 0.22rem 0 0;
    color: #ffffff;
    font-size: 0.88rem;
    font-weight: 760;
    overflow-wrap: anywhere;
}

.proposal-export-download-link {
    justify-self: start;
}

.proposal-brand-list {
    display: grid;
    gap: 0.5rem;
    margin: 0;
}

.proposal-brand-list div {
    display: grid;
    grid-template-columns: minmax(150px, 0.42fr) minmax(0, 1fr);
    gap: 0.75rem;
    padding: 0.65rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(35, 37, 41, 0.72);
}

.proposal-brand-list dd {
    margin: 0;
    color: #f8fafc;
    font-weight: 760;
}

.proposal-swatch-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
}

.proposal-swatch-row span {
    display: flex;
    align-items: end;
    min-height: 54px;
    padding: 0.45rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: linear-gradient(90deg, var(--swatch), var(--swatch));
}

.proposal-swatch-row small {
    padding: 0.2rem 0.35rem;
    border-radius: 6px;
    background: rgba(11, 15, 18, 0.72);
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 850;
}

.proposal-preview-panel {
    background: #131618;
}

.proposal-document-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.6rem;
    min-width: 0;
}

.proposal-export-authority-note {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    margin: 0.25rem 0 1rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid rgba(255, 215, 0, 0.28);
    border-radius: 8px;
    color: #ffd700;
    background: rgba(255, 215, 0, 0.07);
}

.proposal-export-authority-note p {
    margin: 0;
    color: #f3f4f6;
    font-size: 0.9rem;
    line-height: 1.45;
}

.proposal-preview-state {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 0.65rem;
    border: 1px solid rgba(255, 215, 0, 0.32);
    border-radius: 999px;
    color: #ffd700;
}

.proposal-document {
    display: grid;
    gap: 0.85rem;
    min-height: 620px;
    min-width: 0;
    padding: clamp(1rem, 3vw, 2rem);
    border: 1px solid rgba(15, 118, 110, 0.28);
    border-radius: 8px;
    background: #f8fafc;
    color: #0f172a;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.3);
}

.proposal-report-package {
    display: grid;
    grid-template-columns: minmax(116px, 0.24fr) minmax(0, 1fr);
    gap: 0.85rem;
    align-items: stretch;
    min-width: 0;
}

.proposal-report-package--public {
    grid-column: span 1;
}

.proposal-report-page-rail {
    display: grid;
    align-content: start;
    gap: 0.55rem;
    padding: 0.8rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: linear-gradient(180deg, #0b1114, #111827);
    color: #f8fafc;
}

.proposal-report-page-rail > strong {
    font-size: 0.78rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.proposal-report-page-rail > small {
    color: #9ca3af;
    font-weight: 750;
}

.proposal-report-page-thumb {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 0.55rem;
    align-items: center;
    min-height: 52px;
    padding: 0.45rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    color: #e5e7eb;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.035);
}

.proposal-report-page-thumb:hover,
.proposal-report-page-thumb:focus {
    color: #ffffff;
    border-color: rgba(96, 165, 250, 0.54);
    background: rgba(96, 165, 250, 0.12);
}

.proposal-report-page-thumb--active {
    border-color: rgba(0, 230, 118, 0.64);
    background: rgba(0, 230, 118, 0.13);
}

.proposal-report-page-thumb > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid rgba(248, 250, 252, 0.2);
    border-radius: 8px;
    color: #ffffff;
    font-weight: 900;
}

.proposal-report-page-thumb strong,
.proposal-report-page-thumb small {
    display: block;
    overflow-wrap: anywhere;
}

.proposal-report-page-thumb strong {
    font-size: 0.82rem;
}

.proposal-report-page-thumb small {
    color: #9ca3af;
    font-size: 0.7rem;
    line-height: 1.25;
}

.proposal-report-hero-preview {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
    gap: 1.55rem;
    align-items: start;
    justify-content: stretch;
    width: 100%;
    max-width: 1320px;
    min-width: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.proposal-report-page-rail--compact .proposal-report-page-thumb {
    min-height: 44px;
}

.proposal-report-hero-sheet,
.proposal-report-readiness-rail {
    display: grid;
    gap: 0.75rem;
    min-width: 0;
    padding: clamp(0.9rem, 2vw, 1.25rem);
    border: 1px solid rgba(15, 118, 110, 0.22);
    border-radius: 8px;
    background: #f8fafc;
    color: #0f172a;
}

.proposal-report-hero-sheet {
    align-content: start;
    min-width: 0;
    min-height: min(820px, calc(100vh - 7rem));
    padding: 2.05rem 2.05rem 1.35rem;
    background: #ffffff;
    box-shadow: 0 16px 44px rgba(15, 23, 42, 0.13);
}

.proposal-report-hero-sheet > header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    gap: 1rem;
    align-items: start;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #cbd5e1;
}

.proposal-report-hero-sheet__masthead {
    min-height: 136px;
}

.proposal-report-hero-sheet h2,
.proposal-report-readiness-rail h2 {
    margin: 0;
    color: #0f172a;
    font-size: clamp(1.35rem, 2vw, 2rem);
    line-height: 1.08;
    overflow-wrap: anywhere;
}

.proposal-report-hero-sheet h2 {
    color: #0f4f4b;
    font-size: clamp(2rem, 3.4vw, 3.2rem);
}

.proposal-report-hero-sheet > header span {
    color: #475569;
    font-weight: 750;
}

.proposal-report-hero-sheet > header > strong,
.proposal-report-hero-sheet > header aside strong {
    color: #0f766e;
    font-size: clamp(1.2rem, 2vw, 1.8rem);
    text-align: right;
    white-space: nowrap;
}

.proposal-report-hero-sheet > header aside {
    display: grid;
    justify-items: end;
    gap: 0.18rem;
}

.proposal-document-hive-logo {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.proposal-report-hero-sheet > header aside span {
    font-size: 0.84rem;
}

.proposal-report-readiness-rail {
    align-content: start;
    gap: 0.82rem;
    padding: 0.45rem 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.proposal-report-readiness-rail > .status-pill {
    display: none;
}

.proposal-report-readiness-rail p {
    margin: 0;
    color: #475569;
    line-height: 1.42;
}

.proposal-report-readiness-rail h2 {
    color: #111827;
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.proposal-report-readiness-rail dl {
    display: grid;
    gap: 0;
    margin: 0;
}

.proposal-report-readiness-rail dl div {
    display: grid;
    grid-template-columns: minmax(0, 0.45fr) minmax(0, 1fr);
    gap: 0.65rem;
    padding: 0.65rem 0;
    border-bottom: 1px solid #e2e8f0;
}

.proposal-report-readiness-rail dt {
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 850;
    text-transform: uppercase;
}

.proposal-report-readiness-rail dd {
    margin: 0;
    color: #0f172a;
    font-weight: 850;
    overflow-wrap: anywhere;
}

.proposal-report-readiness-actions {
    display: grid;
    gap: 0.55rem;
    margin-top: 0.42rem;
}

.proposal-report-readiness-actions .proposal-primary-action:disabled {
    border-color: #cbd5e1;
    background: #9ca3af;
    color: #ffffff;
    min-height: 58px;
    font-size: 1rem;
}

.proposal-report-readiness-actions .proposal-link-button {
    display: none;
    border-color: #cbd5e1;
    background: #f8fafc;
    color: #334155;
}

.proposal-report-readiness-rail > .proposal-link-button {
    display: none;
    margin-top: 0.55rem;
    border-color: #dbeafe;
    background: #eff6ff;
    color: #1e3a8a;
}

.proposal-export-authority-note {
    margin: -0.1rem 0 0;
    color: #111827 !important;
    font-size: 0.84rem;
    line-height: 1.35;
    text-align: center;
}

.proposal-output-mode {
    display: grid;
    gap: 0.45rem;
}

.proposal-output-mode > strong,
.proposal-white-label-preview > small {
    color: #475569;
    font-size: 0.75rem;
    font-weight: 850;
    text-transform: uppercase;
}

.proposal-output-mode > div {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    background: #ffffff;
}

.proposal-output-mode span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 50px;
    padding: 0 0.55rem;
    color: #0f172a;
    font-weight: 850;
    text-align: center;
}

.proposal-output-mode__selected {
    color: #ffffff !important;
    background: #050b13;
}

.proposal-output-mode__selected .oi {
    color: #14b8a6;
}

.proposal-white-label-preview {
    display: grid;
    gap: 0.78rem;
    padding: 0.95rem;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
}

.proposal-white-label-preview > div {
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr) max-content;
    gap: 0.85rem;
    align-items: center;
}

.proposal-white-label-preview > div span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    border: 1px solid #0f766e;
    border-radius: 4px;
    color: #0f766e;
    font-size: 1.05rem;
    font-weight: 900;
    background: #f0fdfa;
}

.proposal-white-label-preview strong {
    color: #0f172a;
    font-size: 1.35rem;
    line-height: 1.05;
    text-transform: uppercase;
}

.proposal-white-label-preview em {
    color: #111827;
    font-size: 0.82rem;
    font-style: normal;
    font-weight: 760;
    line-height: 1.3;
    text-align: right;
}

.proposal-white-label-preview p {
    font-size: 0.92rem;
    line-height: 1.32;
}

.proposal-white-label-preview a {
    display: inline-flex;
    justify-content: space-between;
    color: #0f766e;
    font-weight: 850;
    text-decoration: none;
}

.proposal-readiness-list {
    display: grid;
    margin: 0;
    padding: 0;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    list-style: none;
    overflow: hidden;
}

.proposal-readiness-list__item {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) max-content;
    gap: 0.65rem;
    align-items: center;
    min-height: 58px;
    padding: 0.55rem 0.75rem;
    border-bottom: 1px solid #e2e8f0;
    background: #ffffff;
}

.proposal-readiness-list__item:last-child {
    border-bottom: 0;
}

.proposal-readiness-list__item > .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    color: #ffffff;
    background: #64748b;
}

.proposal-readiness-list__item--pass > .oi {
    background: #16a34a;
}

.proposal-readiness-list__item--pending > .oi {
    background: #f2a900;
}

.proposal-readiness-list__item--locked > .oi {
    background: #94a3b8;
}

.proposal-readiness-list strong {
    color: #0f172a;
}

.proposal-readiness-list small {
    display: block;
    color: #64748b;
    line-height: 1.16;
}

.proposal-readiness-list em {
    color: #0f766e;
    font-size: 0.82rem;
    font-style: normal;
    font-weight: 850;
}

.proposal-readiness-list__item--pending em {
    color: #b45309;
}

.proposal-readiness-list__item--locked em {
    color: #64748b;
}

.proposal-export-blocked-callout {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 0.65rem;
    align-items: center;
    padding: 0.82rem 1rem;
    border: 1px solid #f2a900;
    border-radius: 4px;
    background: #fff7ed;
}

.proposal-export-blocked-callout .oi {
    color: #92400e;
}

.proposal-export-blocked-callout strong {
    color: #92400e;
}

.proposal-export-blocked-callout p {
    margin: 0.15rem 0 0;
    color: #475569;
    line-height: 1.25;
}

.proposal-report-finance-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.46fr) minmax(0, 0.54fr);
    gap: 1rem;
    padding-top: 0.9rem;
    border-top: 1px solid #cbd5e1;
}

.proposal-report-finance-grid h3,
.proposal-report-assumptions h3 {
    margin: 0 0 0.65rem;
    color: #0f766e;
    font-size: 0.88rem;
    text-transform: uppercase;
}

.proposal-report-finance-grid h3 span {
    color: #475569;
    font-size: 0.74rem;
}

.proposal-report-pricing-table,
.proposal-report-milestone-table {
    width: 100%;
    border-collapse: collapse;
    color: #0f172a;
    font-size: 0.84rem;
    table-layout: fixed;
}

.proposal-report-milestone-table {
    font-size: 0.72rem;
}

.proposal-report-pricing-table th,
.proposal-report-pricing-table td,
.proposal-report-milestone-table th,
.proposal-report-milestone-table td {
    padding: 0.5rem 0.55rem;
    border: 1px solid #e2e8f0;
    vertical-align: top;
    overflow-wrap: anywhere;
}

.proposal-report-pricing-table th {
    color: #ffffff;
    background: #005f5b;
    font-size: 0.76rem;
    text-align: right;
}

.proposal-report-pricing-table th:first-child,
.proposal-report-pricing-table th:nth-child(2) {
    text-align: left;
}

.proposal-report-pricing-table td:first-child,
.proposal-report-milestone-table td:first-child {
    font-weight: 850;
}

.proposal-report-pricing-table td:last-child {
    font-weight: 850;
    text-align: right;
    white-space: nowrap;
}

.proposal-report-milestone-table td:nth-child(3),
.proposal-report-milestone-table td:nth-child(4) {
    font-weight: 850;
    text-align: right;
}

.proposal-report-pricing-table__recommended {
    background: #ecfdf5;
}

.proposal-report-pricing-table__total td {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 900;
    background: #f8fafc;
}

.proposal-report-pricing-table__total td:last-child {
    color: #0f766e;
    font-size: 1.2rem;
}

.proposal-report-milestone-table th {
    color: #334155;
    font-size: 0.7rem;
    text-align: left;
    text-transform: uppercase;
    background: #f8fafc;
}

.proposal-report-milestone-table__total td {
    font-weight: 900;
    background: #f8fafc;
}

.proposal-report-timeline-chart {
    display: grid;
    gap: 0;
    padding: 0.35rem 0.25rem;
    border: 1px solid #e2e8f0;
    background:
        repeating-linear-gradient(90deg, transparent 0 calc(6.25% - 1px), #e2e8f0 calc(6.25% - 1px) 6.25%),
        #ffffff;
}

.proposal-report-timeline-chart__weeks,
.proposal-report-timeline-chart__row {
    display: grid;
    grid-template-columns: minmax(104px, 0.34fr) repeat(16, minmax(0, 1fr));
    gap: 0.3rem;
    align-items: center;
    min-height: 34px;
}

.proposal-report-timeline-chart__weeks {
    color: #475569;
    font-size: 0.72rem;
    font-weight: 850;
}

.proposal-report-timeline-chart__weeks strong {
    text-align: center;
}

.proposal-report-timeline-chart__row > span {
    color: #111827;
    font-size: 0.78rem;
    font-weight: 850;
}

.proposal-report-timeline-bar {
    display: block;
    height: 16px;
    grid-column: 2 / span 2;
    border-radius: 3px;
    background: #0f766e;
}

.proposal-report-timeline-bar--step-1 {
    grid-column: 2 / span 2;
}

.proposal-report-timeline-bar--step-2 {
    grid-column: 5 / span 4;
}

.proposal-report-timeline-bar--step-3 {
    grid-column: 9 / span 6;
}

.proposal-report-timeline-bar--step-4 {
    grid-column: 15 / span 2;
}

.proposal-report-timeline-bar--green {
    background: #22a06b;
}

.proposal-report-timeline-bar--orange,
.proposal-report-timeline-bar--gold {
    background: #f2a900;
}

.proposal-report-timeline-bar--blue {
    background: #0f766e;
}

.proposal-report-timeline-bar--handover {
    background: #6aa84f;
}

.proposal-report-timeline-chart footer {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    padding-top: 0.45rem;
    color: #475569;
    font-size: 0.72rem;
}

.proposal-report-timeline-chart footer span {
    display: inline-flex;
    gap: 0.35rem;
    align-items: center;
}

.proposal-report-timeline-chart footer i {
    display: inline-block;
    width: 10px;
    height: 10px;
}

.proposal-report-timeline-diamond {
    width: 10px;
    height: 10px;
    background: #0f172a;
    transform: rotate(45deg);
}

.proposal-report-assumptions {
    padding-top: 0.85rem;
    border-top: 1px solid #cbd5e1;
}

.proposal-report-assumptions ul {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem 0.9rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.proposal-report-assumptions li {
    color: #334155;
    font-size: 0.86rem;
    line-height: 1.35;
}

.proposal-report-assumptions li::before {
    content: "✓";
    margin-right: 0.45rem;
    color: #0f766e;
    font-weight: 900;
}

.proposal-report-footer-note {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) max-content;
    gap: 0.65rem;
    align-items: center;
    min-height: 44px;
    padding: 0.55rem 0.7rem;
    border-radius: 8px;
    background: #ecfeff;
    color: #0f766e;
}

.proposal-report-footer-note .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: 1px solid #67e8f9;
    border-radius: 999px;
}

.proposal-report-footer-note strong {
    font-size: 0.84rem;
    font-weight: 760;
}

.proposal-report-footer-note small {
    color: #475569;
    font-weight: 760;
}

.proposal-document__header {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
}

.proposal-document__header--quote {
    grid-template-columns: minmax(0, 1fr) max-content;
    align-items: start;
}

.proposal-document__header--quote > div {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
    min-width: 0;
}

.proposal-document__header--quote aside {
    display: grid;
    justify-items: end;
    gap: 0.15rem;
    color: var(--proposal-accent-color, #0f766e);
    font-weight: 900;
    text-align: right;
}

.proposal-document__header--quote aside small {
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 750;
}

.proposal-document__logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 8px;
    background: #0f766e;
    color: #ffffff;
    font-weight: 900;
}

.proposal-document__logo--native-splash {
    width: 64px;
    height: 64px;
    overflow: hidden;
    border-radius: 10px;
    background: transparent;
}

.proposal-document__logo--native-splash img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.proposal-document__header strong {
    color: #0f172a;
    font-size: 1.25rem;
    overflow-wrap: anywhere;
}

.proposal-document__accent {
    height: 8px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--proposal-accent-color, #0f766e), var(--proposal-accent-highlight-color, #38bdf8));
}

.proposal-document h3 {
    color: #0f172a;
    font-size: 2.35rem;
    line-height: 1.02;
    overflow-wrap: anywhere;
}

.proposal-document h2 {
    margin: 0;
    color: #0f172a;
    font-size: clamp(1.8rem, 2.8vw, 2.7rem);
    line-height: 1.08;
    overflow-wrap: anywhere;
}

.proposal-document__eyebrow {
    margin: 0;
    color: #0f766e;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.proposal-document__lede {
    color: #334155;
    font-size: 1rem;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.proposal-document__summary-strip,
.proposal-document__proposal-meta,
.proposal-document__narrative-grid,
.proposal-document__price-table,
.proposal-document__payment-terms,
.proposal-document__gear-plan,
.proposal-document__timeline-board,
.proposal-document__proof-board,
.proposal-document__phase-board,
.proposal-document__budget-breakdown,
.proposal-document__responsibility-grid,
.proposal-document__terms {
    display: grid;
    gap: 0.65rem;
    padding: 0.8rem;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
}

.proposal-document__summary-strip {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}

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

.proposal-document__proposal-meta div {
    display: grid;
    gap: 0.2rem;
}

.proposal-document__summary-strip div {
    display: grid;
    gap: 0.2rem;
    padding-right: 0.65rem;
    border-right: 1px solid #e2e8f0;
}

.proposal-document__summary-strip div:last-child {
    padding-right: 0;
    border-right: 0;
}

.proposal-document__summary-strip span,
.proposal-document__proposal-meta span,
.proposal-document__narrative-grid span,
.proposal-document__price-table header span,
.proposal-document__payment-terms header span,
.proposal-document__payment-terms article span,
.proposal-document__gear-plan > span,
.proposal-document__timeline-board header span,
.proposal-document__proof-board > span,
.proposal-document__phase-board > span,
.proposal-document__budget-breakdown header span,
.proposal-document__responsibility-grid span,
.proposal-document__terms > span {
    color: var(--proposal-accent-color, #0f766e);
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.proposal-document__summary-strip strong,
.proposal-document__proposal-meta strong {
    color: #0f172a;
    font-size: 0.86rem;
    overflow-wrap: anywhere;
}

.proposal-document__price-table header,
.proposal-document__payment-terms header,
.proposal-document__timeline-board header,
.proposal-document__budget-breakdown header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding-bottom: 0.55rem;
    border-bottom: 1px solid #e2e8f0;
}

.proposal-document__price-table header strong,
.proposal-document__payment-terms header strong,
.proposal-document__timeline-board header strong,
.proposal-document__budget-breakdown header strong {
    color: var(--proposal-accent-color, #0f766e);
    text-align: right;
}

.proposal-document__price-row {
    display: grid;
    grid-template-columns: minmax(0, 0.32fr) minmax(0, 1fr) max-content;
    gap: 0.65rem;
    align-items: center;
    min-height: 48px;
    padding: 0.55rem 0;
    border-bottom: 1px solid #e2e8f0;
}

.proposal-document__price-row:last-child {
    border-bottom: 0;
}

.proposal-document__price-row--recommended {
    margin: 0 -0.45rem;
    padding: 0.55rem 0.45rem;
    border-radius: 8px;
    background: color-mix(in srgb, var(--proposal-accent-color, #0f766e) 10%, #ffffff);
}

.proposal-document__price-row strong,
.proposal-document__price-row em {
    color: #0f172a;
    font-style: normal;
    font-weight: 900;
}

.proposal-document__price-row p {
    margin: 0;
    color: #475569;
    font-size: 0.82rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.proposal-document__payment-terms > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.55rem;
}

.proposal-document__payment-terms article,
.proposal-document__terms article {
    display: grid;
    gap: 0.35rem;
    align-content: start;
    padding: 0.65rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
}

.proposal-document__payment-terms p,
.proposal-document__terms p {
    margin: 0;
    color: #1e293b;
    font-size: 0.84rem;
    line-height: 1.4;
}

.proposal-document__narrative-grid {
    grid-template-columns: minmax(0, 1fr);
}

.proposal-document__narrative-grid article {
    display: grid;
    align-content: start;
    gap: 0.35rem;
    padding-bottom: 0.65rem;
    border-bottom: 1px solid #e2e8f0;
}

.proposal-document__narrative-grid article:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.proposal-document__responsibility-grid {
    grid-template-columns: minmax(0, 1fr);
}

.proposal-document__responsibility-grid article {
    display: grid;
    align-content: start;
    gap: 0.35rem;
}

.proposal-document__narrative-grid p,
.proposal-document__phase-list p,
.proposal-document__responsibility-grid p {
    margin: 0;
    color: #1e293b;
    font-size: 0.86rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.proposal-document__timeline-board ol,
.proposal-document__gear-plan ul,
.proposal-document__proof-board > div,
.proposal-document__responsibility-grid ul {
    display: grid;
    gap: 0.55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.proposal-document__gear-plan p {
    margin: 0;
    color: #475569;
    font-size: 0.82rem;
    line-height: 1.35;
}

.proposal-document__gear-plan li {
    padding-left: 0.75rem;
    border-left: 2px solid rgba(15, 118, 110, 0.28);
    color: #1e293b;
    font-size: 0.84rem;
    line-height: 1.4;
}

.proposal-document__proof-board > div {
    grid-template-columns: minmax(0, 1fr);
}

.proposal-document__budget-breakdown > div {
    display: grid;
    grid-template-columns: minmax(0, 0.34fr) minmax(0, 1fr) max-content;
    gap: 0.65rem;
    align-items: start;
    padding: 0.55rem 0;
    border-bottom: 1px solid #e2e8f0;
}

.proposal-document__budget-breakdown > div:last-child {
    border-bottom: 0;
}

.proposal-document__budget-breakdown strong,
.proposal-document__budget-breakdown em,
.proposal-document__responsibility-grid article > span + p,
.proposal-document__terms strong {
    color: #0f172a;
}

.proposal-document__budget-breakdown p {
    margin: 0;
    color: #475569;
    font-size: 0.82rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.proposal-document__budget-breakdown em {
    font-style: normal;
    font-weight: 900;
}

.proposal-document__responsibility-grid li,
.proposal-document__terms article {
    color: #1e293b;
    font-size: 0.84rem;
    line-height: 1.4;
}

.proposal-document__terms > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.55rem;
}

.proposal-document__section {
    display: grid;
    gap: 0.35rem;
    padding: 0.75rem 0;
    border-top: 1px solid #cbd5e1;
}

.proposal-document__section span {
    color: #0f766e;
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
}

.proposal-document__section p {
    color: #1e293b;
    font-size: 0.95rem;
    line-height: 1.48;
    overflow-wrap: anywhere;
}

.proposal-document__phase-list {
    display: grid;
    gap: 0.65rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.proposal-document__phase-list li {
    display: grid;
    gap: 0.3rem;
    padding: 0.7rem;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
}

.proposal-document__phase-list strong {
    color: #0f172a;
    font-size: 0.95rem;
}

.proposal-document__phase-list small {
    justify-self: start;
    padding: 0.18rem 0.45rem;
    border-radius: 999px;
    background: rgba(15, 118, 110, 0.1);
    color: #0f766e;
    font-size: 0.75rem;
    font-weight: 850;
    text-transform: none;
}

.proposal-document__footer {
    align-self: end;
    padding-top: 0.75rem;
    border-top: 1px solid #cbd5e1;
    color: #64748b;
    font-size: 0.78rem;
    line-height: 1.35;
}

.proposal-document__legal-footer {
    margin-top: 0.75rem;
    padding-inline: 0;
    background: transparent;
}

.public-compliance-footer.proposal-document__legal-footer p {
    color: #0f172a;
}

.public-compliance-footer.proposal-document__legal-footer a {
    color: #2563eb;
}

.proposal-release-strip {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr)) max-content;
    gap: 0.65rem;
    align-items: stretch;
    padding: 0.65rem;
}

.proposal-review-banner {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    min-height: 76px;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: #232529;
}

.proposal-review-banner > .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid currentColor;
    border-radius: 8px;
}

.proposal-review-banner strong {
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 850;
}

.proposal-review-banner p {
    margin: 0.2rem 0 0;
    color: #d1d5db;
    font-size: 0.85rem;
    line-height: 1.4;
}

.proposal-review-banner--orange { color: #ffa500; border-color: rgba(255, 165, 0, 0.34); }
.proposal-review-banner--gold { color: #ffd700; border-color: rgba(255, 215, 0, 0.28); }
.proposal-review-banner--green { color: #00e676; border-color: rgba(0, 230, 118, 0.28); }

.proposal-release-check {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.65rem;
    align-items: center;
    min-height: 72px;
    padding: 0.65rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #232529;
}

.proposal-release-check > .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid currentColor;
    border-radius: 8px;
}

.proposal-release-check strong {
    color: #ffffff;
    font-size: 0.92rem;
    font-weight: 850;
}

.proposal-release-check p {
    margin: 0.18rem 0 0;
    color: #d1d5db;
    font-size: 0.78rem;
    line-height: 1.35;
}

.proposal-release-check--blue { color: #60a5fa; border-color: rgba(96, 165, 250, 0.28); }
.proposal-release-check--green { color: #00e676; border-color: rgba(0, 230, 118, 0.28); }
.proposal-release-check--orange { color: #ffa500; border-color: rgba(255, 165, 0, 0.34); }
.proposal-release-check--gold { color: #ffd700; border-color: rgba(255, 215, 0, 0.28); }

.proposal-primary-action {
    align-self: stretch;
    background: rgba(96, 165, 250, 0.16);
}

.proposal-primary-action:disabled {
    cursor: not-allowed;
    border-color: rgba(156, 163, 175, 0.22);
    background: rgba(156, 163, 175, 0.08);
    color: #9ca3af;
}

.proposal-command-shell .proposal-stage {
    gap: 1rem;
}

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

.proposal-command-card {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.75rem;
    min-height: 132px;
    padding: 0.9rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #1b1c1e;
    color: #ffffff;
    text-decoration: none;
}

.proposal-command-card:hover,
.proposal-command-card:focus-visible {
    border-color: rgba(96, 165, 250, 0.52);
    color: #ffffff;
    text-decoration: none;
}

.proposal-command-card > .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid currentColor;
    border-radius: 8px;
}

.proposal-command-card small,
.proposal-table__row span,
.proposal-table__row em,
.proposal-step-list__item p,
.proposal-muted-copy,
.proposal-ia-map p {
    color: #d1d5db;
}

.proposal-command-card strong {
    display: block;
    margin-top: 0.25rem;
    font-size: 1rem;
    font-weight: 850;
}

.proposal-command-card p {
    margin: 0.35rem 0 0;
    color: #d1d5db;
    font-size: 0.84rem;
    line-height: 1.4;
}

.proposal-command-card--blue { color: #60a5fa; border-color: rgba(96, 165, 250, 0.24); }
.proposal-command-card--green { color: #00e676; border-color: rgba(0, 230, 118, 0.24); }
.proposal-command-card--orange { color: #ffa500; border-color: rgba(255, 165, 0, 0.28); }
.proposal-command-card--gold { color: #ffd700; border-color: rgba(255, 215, 0, 0.26); }

.proposal-list-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(360px, 0.65fr);
    gap: 1rem;
    align-items: start;
}

.proposal-panel-heading--wrap {
    flex-wrap: wrap;
}

.proposal-status-tabs {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.5rem;
}

.proposal-status-tab {
    display: grid;
    gap: 0.2rem;
    min-height: 54px;
    padding: 0.55rem 0.7rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: #232529;
    color: #ffffff;
    text-align: left;
}

.proposal-status-tab--active,
.proposal-status-tab:hover,
.proposal-status-tab:focus-visible {
    border-color: rgba(96, 165, 250, 0.55);
    background: rgba(96, 165, 250, 0.12);
}

.proposal-status-tab small {
    color: #9ca3af;
    font-weight: 800;
}

.proposal-table {
    display: grid;
    gap: 0.45rem;
}

.proposal-table__header,
.proposal-table__row {
    display: grid;
    grid-template-columns: minmax(130px, 1.15fr) minmax(120px, 1fr) minmax(110px, 0.8fr) minmax(95px, 0.6fr) minmax(120px, 0.8fr);
    gap: 0.65rem;
    align-items: center;
}

.proposal-table__header {
    min-height: 44px;
    padding: 0 0.75rem;
    color: #9ca3af;
    font-size: 0.76rem;
    font-weight: 850;
    text-transform: uppercase;
}

.proposal-table__row {
    min-height: 64px;
    padding: 0.65rem 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: #232529;
    color: #ffffff;
    text-decoration: none;
}

.proposal-table__row:hover,
.proposal-table__row:focus-visible {
    border-color: rgba(96, 165, 250, 0.45);
    color: #ffffff;
    text-decoration: none;
}

.proposal-table__row--blue { border-color: rgba(96, 165, 250, 0.24); }
.proposal-table__row--green { border-color: rgba(0, 230, 118, 0.24); }
.proposal-table__row--orange { border-color: rgba(255, 165, 0, 0.28); }
.proposal-table__row--red { border-color: rgba(255, 68, 68, 0.28); }
.proposal-table__row--gold { border-color: rgba(255, 215, 0, 0.26); }

.proposal-ia-map {
    display: grid;
    gap: 0.7rem;
}

.proposal-ia-map div {
    display: grid;
    gap: 0.3rem;
    padding: 0.8rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: #232529;
}

.proposal-ia-map strong {
    color: #ffffff;
}

.proposal-ia-map p,
.proposal-muted-copy {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.45;
}

.proposal-footer-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    justify-content: space-between;
}

.proposal-step-list {
    display: grid;
    gap: 0.65rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.proposal-step-list__item {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.7rem;
    align-items: start;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #232529;
}

.proposal-step-list__item > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid currentColor;
    border-radius: 8px;
    font-weight: 900;
}

.proposal-step-list__item strong {
    color: #ffffff;
}

.proposal-step-list__item p {
    margin: 0.25rem 0 0;
    font-size: 0.86rem;
    line-height: 1.42;
}

.proposal-step-list__item--blue { color: #60a5fa; }
.proposal-step-list__item--green { color: #00e676; }
.proposal-step-list__item--orange { color: #ffa500; }
.proposal-step-list__item--gold { color: #ffd700; }

.proposal-release-strip--stack {
    grid-template-columns: 1fr;
    padding: 0;
    border: 0;
    background: transparent;
}

.command-home-lens-banner--create {
    border-color: rgba(96, 165, 250, 0.3);
    background:
        linear-gradient(135deg, rgba(96, 165, 250, 0.18), rgba(0, 230, 118, 0.09)),
        #1b1c1e;
}

.command-home-dashboard--create .command-home-panel--readiness {
    border-color: rgba(96, 165, 250, 0.24);
}

.command-home-dashboard--create .command-home-action {
    border-color: rgba(96, 165, 250, 0.24);
}

@media (max-width: 1280px) {
    .proposal-workspace-shell {
        grid-template-columns: 1fr;
        margin: -2rem -1rem -4rem;
    }

    .brand-kit-shell {
        margin: 0;
    }

    .proposal-sidebar {
        position: relative;
        top: auto;
        grid-template-rows: auto auto;
        height: auto;
    }

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

    .proposal-quota-panel {
        display: none;
    }

    .proposal-topbar,
    .proposal-first-action-strip,
    .proposal-command-cockpit,
    .proposal-public-share__hero,
    .proposal-public-share__grid,
    .proposal-report-hero-preview,
    .proposal-report-package,
    .proposal-workspace,
    .proposal-mobile-origin-banner,
    .proposal-review-banner,
    .proposal-release-strip,
    .proposal-command-grid,
    .proposal-list-layout {
        grid-template-columns: 1fr;
    }

    .brand-kit-shell .proposal-stage {
        padding: 0 0.75rem 1rem;
    }

    .proposal-primary-action {
        min-height: 52px;
    }

    .proposal-public-share__note {
        position: static;
    }

    .proposal-report-page-rail {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .proposal-report-page-rail > strong,
    .proposal-report-page-rail > small {
        grid-column: 1 / -1;
    }

    .proposal-topbar h1 {
        font-size: 2.25rem;
    }

    .proposal-document h3 {
        font-size: 2rem;
    }
}

@media (max-width: 720px) {
    .page:has(.proposal-workspace-shell) .command-header {
        display: none;
    }

    .main:has(.proposal-workspace-shell) {
        padding: 0;
    }

    .proposal-workspace-shell {
        margin: 0;
        min-height: 100vh;
    }

    .proposal-stage {
        padding: 0.65rem;
    }

    .proposal-sidebar {
        display: none;
    }

    .proposal-tabs,
    .proposal-status-tabs,
    .proposal-field-grid,
    .proposal-delivery-contact,
    .proposal-delivery-actions,
    .proposal-export-authority-grid,
    .proposal-document__summary-strip,
    .proposal-document__proposal-meta,
    .proposal-document__narrative-grid,
    .proposal-document__payment-terms > div,
    .proposal-document__gear-plan ul,
    .proposal-document__proof-board > div,
    .proposal-document__budget-breakdown > div,
    .proposal-document__responsibility-grid,
    .proposal-document__terms > div,
    .proposal-report-finance-grid,
    .proposal-report-assumptions ul,
    .proposal-brand-list div,
    .proposal-swatch-row {
        grid-template-columns: 1fr;
    }

    .proposal-report-page-rail {
        grid-template-columns: 1fr;
    }

    .proposal-document__header--quote,
    .proposal-document__header--quote > div,
    .proposal-document__price-row,
    .proposal-report-hero-sheet > header,
    .proposal-report-milestone-table div,
    .proposal-report-timeline-chart div,
    .proposal-report-readiness-rail dl div {
        grid-template-columns: 1fr;
    }

    .proposal-report-milestone-table strong {
        text-align: left;
    }

    .proposal-report-hero-sheet > header > strong {
        text-align: left;
        white-space: normal;
    }

    .proposal-document__header--quote aside {
        justify-items: start;
        text-align: left;
    }

    .proposal-document__summary-strip div {
        padding-right: 0;
        padding-bottom: 0.55rem;
        border-right: 0;
        border-bottom: 1px solid #e2e8f0;
    }

    .proposal-document__summary-strip div:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .proposal-topbar {
        gap: 0.5rem;
    }

    .proposal-account-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.45rem;
        padding: 0.55rem;
    }

    .proposal-first-action-strip {
        gap: 0.5rem;
        padding: 0.55rem;
    }

    .proposal-first-action-strip__actions {
        grid-row: 1;
    }

    .proposal-command-cockpit__facts {
        grid-template-columns: 1fr;
    }

    .proposal-table__header {
        display: none;
    }

    .proposal-table__row {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .proposal-field:nth-last-child(-n+2) {
        grid-column: auto;
    }

    .proposal-document {
        min-height: 0;
    }

    .proposal-topbar h1 {
        font-size: 1.85rem;
    }

    .proposal-topbar p {
        font-size: 0.92rem;
        line-height: 1.35;
    }

    .proposal-topbar-actions {
        display: none;
    }

    .proposal-document h3 {
        font-size: 1.65rem;
    }
}

html, body {
    margin: 0;
    min-width: 0;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background: #1b1c1e;
    color: #f8fafc;
}

html {
    scroll-padding-top: 6rem;
}

a, .btn-link {
    color: #0366d6;
}

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

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.content {
    padding-top: 1.1rem;
}

.page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #1b1c1e;
    color: #f8fafc;
}

.main {
    flex: 1;
    width: 100%;
    min-width: 0;
    padding: 2rem clamp(1rem, 4vw, 3rem) 4rem;
}

.page--proposal-lifecycle {
    min-height: 0;
    background: #1b1c1e;
}

.main--proposal-lifecycle {
    min-height: 0;
    padding: 0;
}

/* Focused creator storefront moderation review */
.page--focused-storefront-review {
    height: 100dvh;
    min-height: 0;
    overflow: hidden;
    background: #090c10;
}

.page--focused-storefront-review > .main--focused-storefront-review {
    width: 100%;
    max-width: none;
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.page--command-home {
    background: #0b0f12;
}

.page:has(.public-landing--focused-outcome) {
    --public-landing-footer-height: 58px;
    height: 100vh;
    height: 100dvh;
    min-height: 0;
    overflow: hidden;
}

.page:has(.public-landing--focused-outcome) > .main {
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scrollbar-gutter: stable;
}

.page:has(.public-landing--focused-outcome) > .bizmonger-legal-footer--app-shell {
    flex: 0 0 auto;
    min-height: var(--public-landing-footer-height);
    margin-top: 0;
    padding-block: 0.35rem;
    background: rgba(3, 7, 11, 0.98);
}

.main--command-home {
    padding: 0;
}

.main--public-pricing {
    padding: 0;
}

.main--public-landing {
    padding: 0;
}

.main--focused-task-flow {
    padding: 0;
}

.main--production-plan-review {
    padding: 0;
}

.command-header {
    position: sticky;
    top: 0;
    z-index: 10;
    border-bottom: 1px solid rgba(156, 163, 175, 0.22);
    background: rgba(27, 28, 30, 0.96);
    backdrop-filter: blur(16px);
}

.command-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    min-height: 4.5rem;
    padding: 0.75rem clamp(1rem, 4vw, 3rem);
}

.command-nav__brand {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.75rem;
    min-height: 44px;
    color: #ffffff;
    font-weight: 700;
    text-decoration: none;
}

.command-nav__brand:hover,
.command-nav__brand:focus-visible {
    color: #ffffff;
    text-decoration: none;
}

.command-nav__mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255, 215, 0, 0.65);
    border-radius: 8px;
    background: #2b2d31;
    color: #ffd700;
    font-size: 0.82rem;
    font-weight: 800;
}

.command-nav__actions {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    min-width: 0;
}

.command-nav__links {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
}

.command-nav__links::-webkit-scrollbar {
    display: none;
}

.command-nav__link {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    flex: 0 0 auto;
    min-height: 44px;
    padding: 0 0.8rem;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #9ca3af;
    text-decoration: none;
    white-space: nowrap;
}

.command-nav__link > .oi {
    color: #a7ccff;
    font-size: 0.88rem;
}

.command-nav__link.active,
.command-nav__link:hover,
.command-nav__link:focus-visible {
    border-color: rgba(96, 165, 250, 0.5);
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff;
    text-decoration: none;
}

.command-nav__more {
    position: relative;
    flex: 0 0 auto;
}

.command-nav__more > summary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 44px;
    padding: 0 0.8rem;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #cbd3dd;
    font-size: 0.9rem;
    font-weight: 750;
    white-space: nowrap;
    cursor: pointer;
    list-style: none;
}

.command-nav__more > summary::-webkit-details-marker {
    display: none;
}

.command-nav__more > summary .oi:first-child {
    color: #a7ccff;
}

.command-nav__more > summary .oi-chevron-bottom {
    color: #9ca3af;
    font-size: 0.72rem;
    transition: transform 160ms ease;
}

.command-nav__more[open] > summary .oi-chevron-bottom {
    transform: rotate(180deg);
}

.command-nav__more > summary:hover,
.command-nav__more > summary:focus-visible,
.command-nav__more[open] > summary,
.command-nav__more--contains-active > summary {
    border-color: rgba(96, 165, 250, 0.5);
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff;
}

.command-nav__more--contains-active > summary {
    box-shadow: inset 0 -2px #60a5fa;
}

.command-nav__more-menu {
    position: absolute;
    z-index: 30;
    top: calc(100% + 0.55rem);
    right: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 0.9rem;
    width: min(560px, calc(100vw - 2rem));
    max-height: min(70vh, 560px);
    overflow-y: auto;
    padding: 0.9rem;
    border: 1px solid rgba(148, 163, 184, 0.32);
    border-radius: 10px;
    background: #232529;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.48);
}

.command-nav__more-menu section {
    display: grid;
    align-content: start;
    gap: 0.3rem;
    min-width: 0;
}

.command-nav__more-menu h2 {
    margin: 0 0 0.2rem;
    color: #aeb8c7;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.command-nav__more-link {
    justify-content: flex-start;
    width: 100%;
    padding-inline: 0.7rem;
}

.command-nav :is(.command-nav__brand, .command-nav__link, .command-nav__more > summary):focus-visible {
    outline: 3px solid #60a5fa;
    outline-offset: 2px;
}

@media (max-width: 720px) {
    .command-nav {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
        gap: 0.55rem;
        min-height: 0;
        padding: 0.7rem 1rem;
        overflow: visible;
    }

    .command-nav__brand {
        flex: 0 0 auto;
    }

    .command-nav__actions {
        width: 100%;
        min-width: 0;
    }

    .command-nav__links {
        flex: 1 1 auto;
        width: auto;
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 0.35rem;
        overflow-x: auto;
        padding-bottom: 0.2rem;
    }

    .command-nav__link {
        flex: 0 0 auto;
        justify-content: center;
        padding: 0 0.65rem;
        font-size: 0.86rem;
        white-space: nowrap;
    }

    .command-nav__more-menu {
        grid-template-columns: minmax(0, 1fr);
        width: min(360px, calc(100vw - 2rem));
    }
}

.breadcrumb-trail {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.45rem;
    min-height: 44px;
    color: #9ca3af;
    font-size: 0.92rem;
}

.breadcrumb-trail a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    color: #d1d5db;
    text-decoration: none;
}

.breadcrumb-trail a:hover,
.breadcrumb-trail a:focus-visible {
    color: #ffffff;
    text-decoration: underline;
}

.breadcrumb-trail span[aria-current="page"] {
    color: #ffd700;
    font-weight: 750;
}

.command-home {
    display: grid;
    gap: 1.5rem;
    width: 100%;
    max-width: 1320px;
    min-width: 0;
}

.command-home__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 460px);
    gap: 1.5rem;
    align-items: stretch;
}

.command-home__eyebrow {
    margin: 0;
    color: #ffd700;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.command-home h1,
.command-home h2,
.command-home h3,
.command-home p {
    margin: 0;
}

.command-home h1 {
    max-width: 860px;
    color: #ffffff;
    font-size: clamp(2.15rem, 4vw, 4.3rem);
    font-weight: 800;
    line-height: 1.05;
}

.command-home__lead {
    max-width: 780px;
    margin-top: 0.8rem;
    color: #d1d5db;
    font-size: 1.14rem;
    line-height: 1.55;
}

.command-home__lens-card,
.command-home-card,
.command-home__queue,
.command-home__guardrails,
.command-home__route-strip {
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #2b2d31;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.22);
}

.command-home__lens-card {
    display: grid;
    align-content: start;
    gap: 1rem;
    min-height: 176px;
    padding: 1.25rem;
}

.command-home__lens-card strong {
    display: block;
    margin-top: 0.3rem;
    color: #ffffff;
    font-size: 1.35rem;
    font-weight: 800;
    line-height: 1.18;
}

.command-home__lens-card span {
    display: block;
    margin-top: 0.25rem;
    color: #d1d5db;
    font-size: 0.94rem;
    line-height: 1.45;
}

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

.command-home__lens-button {
    display: grid;
    align-content: center;
    gap: 0.12rem;
    min-height: 58px;
    min-width: 0;
    padding: 0.55rem 0.65rem;
    border: 1px solid rgba(156, 163, 175, 0.22);
    border-radius: 8px;
    background: #232529;
    color: #f8fafc;
    text-align: left;
}

.command-home__lens-button:hover,
.command-home__lens-button:focus-visible {
    border-color: rgba(96, 165, 250, 0.58);
}

.command-home__lens-button--active {
    border-color: rgba(255, 215, 0, 0.62);
    background: rgba(255, 215, 0, 0.08);
}

.command-home__lens-button span {
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 820;
    line-height: 1.18;
}

.command-home__lens-button small {
    color: #9ca3af;
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
}

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

.command-home-card {
    display: grid;
    align-content: start;
    gap: 0.75rem;
    min-height: 190px;
    padding: 1.2rem;
}

.command-home-card--blue { border-color: rgba(96, 165, 250, 0.34); }
.command-home-card--green { border-color: rgba(0, 230, 118, 0.34); }
.command-home-card--orange { border-color: rgba(255, 165, 0, 0.38); }
.command-home-card--red { border-color: rgba(255, 68, 68, 0.38); }
.command-home-card--gold { border-color: rgba(255, 215, 0, 0.34); }

.command-home-card__topline {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    gap: 0.75rem;
    align-items: center;
    min-height: 44px;
}

.command-home-card__topline > span:first-child {
    color: #f8fafc;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.command-home-card > strong {
    color: #ffffff;
    font-size: 2rem;
    font-weight: 820;
    line-height: 1;
}

.command-home-card p {
    color: #d1d5db;
    font-size: 0.96rem;
    line-height: 1.55;
}

.command-home__board {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
    gap: 1rem;
}

.command-home__queue,
.command-home__guardrails {
    padding: 1.5rem;
}

.command-home__guardrails {
    display: grid;
    align-content: start;
    gap: 1rem;
}

.command-home__queue .section-heading p:not(.command-home__eyebrow) {
    color: #d1d5db;
    font-size: 0.98rem;
    line-height: 1.5;
}

.command-home__readiness {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.65rem;
    margin-bottom: 1rem;
}

.command-home__readiness-step {
    display: grid;
    gap: 0.35rem;
    min-height: 104px;
    padding: 0.8rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: #232529;
}

.command-home__readiness-step span {
    width: 18px;
    height: 18px;
    border-radius: 999px;
    border: 1px solid currentColor;
    background: currentColor;
    box-shadow: 0 0 0 4px rgba(156, 163, 175, 0.08);
}

.command-home__readiness-step strong {
    color: #ffffff;
    font-size: 0.92rem;
    font-weight: 800;
    line-height: 1.2;
}

.command-home__readiness-step small {
    color: #d1d5db;
    font-size: 0.78rem;
    line-height: 1.35;
}

.command-home__readiness-step--blue { color: #60a5fa; border-color: rgba(96, 165, 250, 0.34); }
.command-home__readiness-step--green { color: #00e676; border-color: rgba(0, 230, 118, 0.34); }
.command-home__readiness-step--orange { color: #ffa500; border-color: rgba(255, 165, 0, 0.38); }
.command-home__readiness-step--red { color: #ff4444; border-color: rgba(255, 68, 68, 0.38); }
.command-home__readiness-step--gold { color: #ffd700; border-color: rgba(255, 215, 0, 0.34); }

.command-home__action-list {
    margin-top: 0.75rem;
}

.command-home__inspector {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.command-home__panel-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.command-home__panel-heading > span {
    color: #9ca3af;
    font-size: 0.78rem;
    font-weight: 800;
}

.command-home__attention-list {
    display: grid;
    gap: 0.65rem;
}

.command-home__attention-item {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.8rem;
    align-items: start;
    min-height: 92px;
    padding: 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: #232529;
}

.command-home__attention-item > strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid currentColor;
    border-radius: 8px;
    color: #ffffff;
    font-size: 1.1rem;
    font-weight: 820;
}

.command-home__attention-item h3 {
    color: #ffffff;
    font-size: 0.98rem;
    font-weight: 800;
    line-height: 1.25;
}

.command-home__attention-item p,
.command-home__safe-copy p {
    margin-top: 0.2rem;
    color: #d1d5db;
    font-size: 0.9rem;
    line-height: 1.45;
}

.command-home__attention-item--blue { border-color: rgba(96, 165, 250, 0.34); color: #60a5fa; }
.command-home__attention-item--green { border-color: rgba(0, 230, 118, 0.34); color: #00e676; }
.command-home__attention-item--orange { border-color: rgba(255, 165, 0, 0.38); color: #ffa500; }
.command-home__attention-item--red { border-color: rgba(255, 68, 68, 0.38); color: #ff4444; }
.command-home__attention-item--gold { border-color: rgba(255, 215, 0, 0.34); color: #ffd700; }

.command-home__safe-copy {
    border-color: rgba(255, 215, 0, 0.28);
}

.command-home__safe-copy strong {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 820;
    line-height: 1.25;
}

.command-home__route-strip {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.65rem;
    padding: 0.65rem;
}

.command-home__route-link {
    display: grid;
    gap: 0.2rem;
    min-height: 62px;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #232529;
    color: #ffffff;
    text-decoration: none;
}

.command-home__route-link:hover,
.command-home__route-link:focus-visible {
    border-color: rgba(96, 165, 250, 0.58);
    color: #ffffff;
    text-decoration: none;
}

.command-home__route-link small {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.command-home__route-link strong {
    color: #ffffff;
    font-size: 0.96rem;
    font-weight: 800;
    line-height: 1.22;
}

.command-home__route-link--blue { border-color: rgba(96, 165, 250, 0.28); }
.command-home__route-link--green { border-color: rgba(0, 230, 118, 0.28); }
.command-home__route-link--orange { border-color: rgba(255, 165, 0, 0.32); }
.command-home__route-link--red { border-color: rgba(255, 68, 68, 0.32); }
.command-home__route-link--gold { border-color: rgba(255, 215, 0, 0.28); }

.command-home-shell,
.command-home-shell * {
    box-sizing: border-box;
    min-width: 0;
}

.command-home-shell {
    display: grid;
    grid-template-columns: 216px minmax(0, 1fr);
    gap: 0;
    width: 100%;
    max-width: none;
    min-height: 100vh;
    margin: 0;
    background: #0b0f12;
}

.command-home-shell--creator {
    background:
        radial-gradient(circle at 74% 0%, rgba(255, 215, 0, 0.09), transparent 26rem),
        #0b0f12;
}

.command-home-shell--teams {
    background:
        radial-gradient(circle at 72% 0%, rgba(0, 230, 118, 0.08), transparent 28rem),
        #0b0f12;
}

.command-home-sidebar {
    position: sticky;
    top: 0;
    display: grid;
    grid-template-rows: auto auto 1fr;
    gap: 1rem;
    height: 100vh;
    padding: 1rem 0.65rem;
    border-right: 1px solid rgba(156, 163, 175, 0.18);
    background: #111315;
}

.command-home-brand,
.command-home-nav__item,
.command-home-quota a,
.command-home-filter,
.command-home-lens,
.command-home-action,
.command-home-attention-row,
.command-home-route-row {
    min-height: 44px;
}

.command-home-brand {
    display: inline-grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.7rem;
    align-items: center;
    color: #ffffff;
    text-decoration: none;
}

.command-home-brand span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255, 215, 0, 0.72);
    border-radius: 8px;
    color: #ffd700;
    font-size: 0.78rem;
    font-weight: 900;
}

.command-home-brand strong {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 850;
}

.command-home-nav {
    display: grid;
    gap: 0.25rem;
}

.command-home-nav__item {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
    padding: 0 0.75rem;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #d1d5db;
    text-decoration: none;
    font-size: 0.92rem;
    font-weight: 740;
}

.command-home-nav__item:hover,
.command-home-nav__item:focus-visible,
.command-home-nav__item--active {
    border-color: rgba(96, 165, 250, 0.28);
    background: rgba(96, 165, 250, 0.1);
    color: #ffffff;
    text-decoration: none;
}

.command-home-quota {
    align-self: end;
    display: grid;
    justify-items: center;
    gap: 0.7rem;
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #1b1c1e;
}

.command-home-quota p,
.command-home-quota small {
    margin: 0;
}

.command-home-quota p {
    justify-self: start;
    color: #ffffff;
    font-size: 0.86rem;
    font-weight: 820;
}

.command-home-quota__gauge {
    display: grid;
    place-items: center;
    width: 132px;
    height: 86px;
    border-radius: 132px 132px 8px 8px;
    background: conic-gradient(from 270deg, #00e676 calc(var(--value) * 1%), rgba(156, 163, 175, 0.32) 0);
    position: relative;
}

.command-home-quota__gauge::after {
    content: "";
    position: absolute;
    inset: 12px 12px 0;
    border-radius: 120px 120px 8px 8px;
    background: #1b1c1e;
}

.command-home-quota__gauge strong,
.command-home-quota__gauge span {
    z-index: 1;
}

.command-home-quota__gauge strong {
    color: #ffffff;
    font-size: 1.55rem;
    font-weight: 850;
}

.command-home-quota__gauge span {
    color: #d1d5db;
    font-size: 0.82rem;
}

.command-home-quota small {
    color: #9ca3af;
    font-size: 0.82rem;
}

.command-home-quota a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #60a5fa;
    text-decoration: none;
    font-weight: 800;
}

.command-home-stage {
    display: grid;
    align-content: start;
    gap: 0.9rem;
    padding: 1rem 1rem 1.4rem;
}

.command-home-topbar {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) auto;
    gap: 1rem;
    align-items: center;
}

.command-home-topbar h1,
.command-home-topbar p {
    margin: 0;
}

.command-home-topbar h1 {
    color: #ffffff;
    font-size: clamp(1.35rem, 2vw, 1.8rem);
    font-weight: 850;
    line-height: 1.1;
}

.command-home-topbar p {
    margin-top: 0.25rem;
    color: #d1d5db;
    font-size: 0.92rem;
}

.command-home-controls {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.55rem;
}

.command-home-select {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 16px;
    align-content: center;
    gap: 0.1rem 0.55rem;
    min-width: 184px;
    min-height: 44px;
    padding: 0.45rem 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.28);
    border-radius: 8px;
    background: #111315;
}

.command-home-select small {
    grid-column: 1 / -1;
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.command-home-select strong {
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 760;
}

.command-home-icon-badge,
.command-home-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 999px;
    background: #111315;
    color: #ffffff;
    font-weight: 850;
}

.command-home-icon-badge strong {
    position: absolute;
    top: -3px;
    right: -3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 999px;
    background: #ff4444;
    color: #ffffff;
    font-size: 0.7rem;
}

.command-home-icon-badge--button {
    padding: 0;
    cursor: pointer;
}

.command-home-icon-badge--button:hover,
.command-home-icon-badge--button:focus-visible,
.command-home-icon-badge--active {
    border-color: rgba(96, 165, 250, 0.72);
    background: rgba(96, 165, 250, 0.12);
    outline: none;
}

.command-home-notification-scrim {
    position: fixed;
    inset: 0;
    z-index: 80;
    background: rgba(3, 5, 7, 0.52);
    backdrop-filter: blur(3px);
}

.command-home-action-center {
    position: fixed;
    z-index: 90;
    top: 0;
    right: 0;
    bottom: 0;
    display: grid;
    grid-template-rows: auto auto auto auto minmax(0, 1fr);
    gap: 0.85rem;
    width: min(540px, calc(100vw - 24px));
    padding: 1rem;
    border-left: 1px solid rgba(96, 165, 250, 0.3);
    background:
        radial-gradient(circle at top right, rgba(96, 165, 250, 0.12), transparent 34%),
        #1b1c1e;
    box-shadow: -30px 0 70px rgba(0, 0, 0, 0.42);
}

.command-home-action-center--settings {
    grid-template-rows: auto auto auto auto auto minmax(0, 1fr);
}

.command-home-action-center--palette {
    top: 7vh;
    right: 50%;
    bottom: auto;
    transform: translateX(50%);
    width: min(1160px, calc(100vw - 32px));
    max-height: 86vh;
    border: 1px solid rgba(96, 165, 250, 0.36);
    border-radius: 8px;
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.48);
}

.command-home-shell--notifications .command-home-stage {
    grid-template-rows: minmax(0, 1fr);
    min-height: 100vh;
    padding-block: 1rem;
    overflow: hidden;
}

.page:has(.command-home-shell--notifications) .command-header {
    display: none !important;
}

.command-home-shell--notifications .command-home-topbar {
    display: none;
}

.command-home-shell--notifications .command-home-toolbar,
.command-home-shell--notifications .command-home-lens-banner,
.command-home-shell--notifications .command-home-dashboard {
    display: none;
}

.command-home-shell--notifications .command-home-action-center,
.command-home-shell--notifications .command-home-action-center--palette {
    position: relative;
    inset: auto;
    z-index: 1;
    width: 100%;
    height: calc(100vh - 2rem);
    max-height: none;
    transform: none;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 8px;
    box-shadow: none;
}

.command-home-shell--notifications .command-home-action-center__body,
.command-home-shell--notifications .command-home-action-center--palette .command-home-action-center__body {
    grid-template-columns: minmax(190px, 0.48fr) minmax(280px, 0.9fr) minmax(320px, 1.1fr);
}

@media (min-width: 761px) and (max-width: 1400px) {
    .command-home-shell--notifications .command-home-action-center__body,
    .command-home-shell--notifications .command-home-action-center--palette .command-home-action-center__body {
        grid-template-columns: minmax(320px, 0.82fr) minmax(0, 1.18fr);
    }

    .command-home-shell--notifications .command-home-review-rail {
        display: none;
    }

}

.command-home-shell--notifications .command-home-action-center__close {
    display: none;
}

.command-home-action-center__header,
.command-home-action-center__tools,
.command-home-action-tabs,
.command-home-review-rail__item,
.command-home-action-detail__identity,
.command-home-action-detail__topline,
.command-home-action-detail__actions {
    display: flex;
    align-items: center;
}

.command-home-action-center__header {
    justify-content: space-between;
    gap: 1rem;
}

.command-home-action-center__header p,
.command-home-action-center__header h2,
.command-home-action-center__header span {
    margin: 0;
}

.command-home-action-center__header p {
    color: #60a5fa;
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.command-home-action-center__header h2 {
    color: #ffffff;
    font-size: 1.25rem;
    font-weight: 880;
}

.command-home-action-center__header span {
    color: #9ca3af;
    font-size: 0.82rem;
    font-weight: 720;
}

.command-home-action-center__tools {
    gap: 0.5rem;
}

.command-home-action-center__mode,
.command-home-action-center__settings,
.command-home-action-center__close,
.command-home-action-tab,
.command-home-action-detail__actions a,
.command-home-action-detail__actions button {
    min-height: 44px;
    border: 1px solid rgba(156, 163, 175, 0.28);
    border-radius: 8px;
    background: #111315;
    color: #d1d5db;
    font-weight: 800;
}

.command-home-action-center__mode,
.command-home-action-center__settings,
.command-home-action-detail__actions a,
.command-home-action-detail__actions button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 0 0.75rem;
}

.command-home-action-center__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    padding: 0;
}

.command-home-action-center__mode:hover,
.command-home-action-center__mode:focus-visible,
.command-home-action-center__settings:hover,
.command-home-action-center__settings:focus-visible,
.command-home-action-center__settings--active,
.command-home-action-center__close:hover,
.command-home-action-center__close:focus-visible,
.command-home-action-tab:hover,
.command-home-action-tab:focus-visible,
.command-home-action-tab--active,
.command-home-action-detail__actions a:hover,
.command-home-action-detail__actions a:focus-visible,
.command-home-action-detail__actions button:hover,
.command-home-action-detail__actions button:focus-visible {
    border-color: rgba(96, 165, 250, 0.72);
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff;
    text-decoration: none;
}

.command-home-action-search {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr) auto;
    gap: 0.6rem;
    align-items: center;
    min-height: 48px;
    padding: 0 0.75rem;
    border: 1px solid rgba(96, 165, 250, 0.34);
    border-radius: 8px;
    background: #111315;
    color: #9ca3af;
}

.command-home-action-search input {
    min-width: 0;
    min-height: 44px;
    border: 0;
    outline: none;
    background: transparent;
    color: #ffffff;
    font-size: 0.95rem;
}

.command-home-action-search small {
    color: #9ca3af;
    font-size: 0.74rem;
    font-weight: 800;
    text-transform: uppercase;
}

.command-home-notification-policy {
    display: none;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.5rem;
}

.command-home-notification-policy__item {
    display: grid;
    grid-template-columns: 24px minmax(0, auto) minmax(0, 1fr);
    gap: 0.45rem;
    align-items: center;
    min-height: 50px;
    padding: 0.65rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(96, 165, 250, 0.08), transparent 58%),
        #111315;
    color: #60a5fa;
    text-align: left;
    text-decoration: none;
}

.command-home-notification-policy__item strong {
    color: #ffffff;
    font-size: 1.05rem;
    font-weight: 880;
}

.command-home-notification-policy__item small {
    min-width: 0;
    color: #d1d5db;
    font-size: 0.78rem;
    font-weight: 820;
}

.command-home-notification-policy__item:hover,
.command-home-notification-policy__item:focus-visible,
.command-home-notification-policy__item--active {
    border-color: rgba(96, 165, 250, 0.64);
    background: rgba(96, 165, 250, 0.1);
    color: #ffffff;
    outline: none;
}

.command-home-notification-policy__item--orange { color: #ffa500; }
.command-home-notification-policy__item--red { color: #ff4444; }
.command-home-notification-policy__item--gray { color: #9ca3af; }

.command-home-notification-policy__item--orange {
    background:
        linear-gradient(135deg, rgba(255, 165, 0, 0.1), transparent 58%),
        #111315;
}

.command-home-notification-policy__item--red {
    background:
        linear-gradient(135deg, rgba(255, 68, 68, 0.1), transparent 58%),
        #111315;
}

.command-home-notification-preferences {
    display: grid;
    gap: 0.65rem;
    max-height: min(300px, 34vh);
    overflow: auto;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #111315;
}

.command-home-notification-preferences--collapsed {
    display: none;
}

.command-home-action-center--palette .command-home-notification-preferences {
    max-height: min(160px, 22vh);
}

.command-home-notification-preferences header {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 0.75rem;
}

.command-home-notification-preferences h3,
.command-home-notification-preferences p {
    margin: 0;
}

.command-home-notification-preferences h3 {
    color: #ffffff;
    font-size: 0.92rem;
    font-weight: 860;
}

.command-home-notification-preferences p,
.command-home-notification-preferences header span {
    color: #9ca3af;
    font-size: 0.74rem;
    font-weight: 760;
}

.command-home-notification-preferences header span {
    max-width: 220px;
    text-align: right;
}

.command-home-notification-preferences__status {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0.25rem 0.55rem;
    border: 1px solid currentColor;
    border-radius: 8px;
    background: rgba(43, 45, 49, 0.76);
}

.command-home-notification-preferences__status--green {
    color: #00e676 !important;
}

.command-home-notification-preferences__status--red {
    color: #ff4444 !important;
}

.command-home-notification-personas {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
}

.command-home-notification-personas article {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
    min-height: 58px;
    padding: 0.55rem;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: 8px;
    background: #1b1c1e;
}

.command-home-notification-personas small,
.command-home-notification-personas span {
    color: #9ca3af;
    font-size: 0.68rem;
    font-weight: 820;
}

.command-home-notification-personas strong {
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 860;
}

.command-home-notification-preferences__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
}

.command-home-notification-preference {
    display: grid;
    gap: 0.45rem;
    min-width: 0;
    padding: 0.55rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: #1b1c1e;
}

.command-home-notification-preference strong,
.command-home-notification-preference small {
    display: block;
    min-width: 0;
}

.command-home-notification-preference strong {
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 850;
}

.command-home-notification-preference small {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 780;
}

.command-home-notification-preference__modes {
    display: grid;
    grid-template-columns: repeat(4, minmax(44px, 1fr));
    gap: 0.35rem;
}

.command-home-notification-preference__mode {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: 0 0.35rem;
    border: 1px solid rgba(156, 163, 175, 0.24);
    border-radius: 8px;
    background: #2b2d31;
    color: #d1d5db;
    font-size: 0.68rem;
    font-weight: 850;
    text-align: center;
    text-decoration: none;
}

.command-home-notification-preference__mode:hover,
.command-home-notification-preference__mode:focus-visible,
.command-home-notification-preference__mode--active {
    border-color: rgba(96, 165, 250, 0.72);
    background: rgba(96, 165, 250, 0.14);
    color: #ffffff;
    outline: none;
}

.command-home-notification-preference__mode--disabled {
    border-color: rgba(156, 163, 175, 0.12);
    background: rgba(156, 163, 175, 0.08);
    color: rgba(156, 163, 175, 0.56);
    cursor: not-allowed;
}

.command-home-action-tabs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    min-width: 0;
    min-height: 44px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 0.2rem;
}

.command-home-action-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    padding: 0 0.75rem;
    text-decoration: none;
}

.command-home-action-center__body {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.85rem;
    min-height: 0;
    overflow: auto;
    padding-bottom: 0.25rem;
}

.command-home-action-center--palette .command-home-action-center__body {
    grid-template-columns: minmax(200px, 0.48fr) minmax(300px, 0.9fr) minmax(340px, 1.1fr);
    overflow: hidden;
    padding-bottom: 0;
}

.command-home-action-center:not(.command-home-action-center--palette) .command-home-review-rail {
    display: none;
}

.command-home-action-center:not(.command-home-action-center--palette) .command-home-action-detail {
    display: none;
}

.command-home-action-center:not(.command-home-action-center--palette) .command-home-action-center__body {
    overflow: auto;
}

.command-home-review-rail {
    display: grid;
    align-content: start;
    gap: 0.65rem;
    min-height: 0;
    overflow: auto;
}

.command-home-review-rail__heading,
.command-home-action-list__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-height: 32px;
}

.command-home-review-rail__heading strong,
.command-home-action-list__heading strong {
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 860;
}

.command-home-review-rail__heading small,
.command-home-action-list__heading small {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 800;
}

.command-home-review-rail__item {
    display: grid;
    grid-template-columns: 44px minmax(2ch, auto) minmax(0, 1fr) 16px;
    gap: 0.65rem;
    min-height: 84px;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background:
        linear-gradient(135deg, color-mix(in srgb, currentColor 14%, transparent), transparent 62%),
        #111315;
    color: #60a5fa;
    text-decoration: none;
}

.command-home-review-rail__item > .oi:first-child {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border: 1px solid currentColor;
    border-radius: 8px;
    background: color-mix(in srgb, currentColor 18%, transparent);
    color: currentColor;
}

.command-home-review-rail__item strong {
    min-width: 2ch;
    color: #ffffff;
    font-size: 1.55rem;
    font-weight: 880;
}

.command-home-review-rail__item span:not(.oi) {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.command-home-review-rail__item b {
    color: #ffffff;
    font-size: 0.84rem;
    font-weight: 860;
}

.command-home-review-rail__item small {
    color: #d1d5db;
    font-size: 0.76rem;
    font-weight: 760;
}

.command-home-review-rail__item > .oi:last-child {
    margin-left: 0;
    justify-self: end;
    color: #9ca3af;
}

.command-home-review-rail__item:hover,
.command-home-review-rail__item:focus-visible,
.command-home-review-rail__item--active {
    border-color: currentColor;
    outline: none;
}

.command-home-review-rail__item--green { color: #00e676; }
.command-home-review-rail__item--orange { color: #ffa500; }
.command-home-review-rail__item--red { color: #ff4444; }
.command-home-review-rail__item--gold { color: #ffd700; }

.command-home-action-list {
    display: grid;
    align-content: start;
    gap: 0.55rem;
    min-height: 0;
    overflow: auto;
}

.command-home-action-item {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) minmax(126px, auto);
    gap: 0.45rem 0.65rem;
    align-items: start;
    min-height: 112px;
    padding: 0.7rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-left: 4px solid currentColor;
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.035), transparent 64%),
        #2b2d31;
    color: #60a5fa;
    text-align: left;
}

.command-home-action-center--palette .command-home-action-item {
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: start;
}

.command-home-shell--notifications .command-home-action-center--palette .command-home-action-item {
    grid-template-columns: 34px minmax(0, 1fr) minmax(96px, auto);
}

.command-home-shell--notifications .command-home-action-item {
    min-height: 92px;
    padding: 0.78rem;
}

.command-home-shell--notifications .command-home-action-item .command-home-action-item__cta {
    display: none;
}

.command-home-action-item span:not(.oi),
.command-home-action-item strong,
.command-home-action-item small {
    display: block;
    min-width: 0;
}

.command-home-action-item strong {
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 850;
}

.command-home-action-item small,
.command-home-action-item em {
    color: #9ca3af;
    font-size: 0.78rem;
    font-style: normal;
}

.command-home-action-item em {
    justify-self: end;
    text-align: right;
}

.command-home-action-item .command-home-action-item__cta {
    display: inline-flex;
    grid-column: 3;
    grid-row: 2;
    align-items: center;
    justify-content: center;
    justify-self: end;
    align-self: end;
    min-height: 30px;
    max-width: 126px;
    padding: 0 0.55rem;
    border: 1px solid currentColor;
    border-radius: 6px;
    background: color-mix(in srgb, currentColor 15%, transparent);
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 850;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.command-home-action-center--palette .command-home-action-item em {
    grid-column: 2;
    justify-self: start;
    margin-top: 0.22rem;
    text-align: left;
}

.command-home-shell--notifications .command-home-action-center--palette .command-home-action-item em {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    text-align: right;
}

.command-home-action-center--palette .command-home-action-item .command-home-action-item__cta {
    grid-column: 2;
    justify-self: start;
}

.command-home-shell--notifications .command-home-action-center--palette .command-home-action-item .command-home-action-item__cta {
    grid-column: 3;
    justify-self: end;
}

@media (min-width: 761px) and (max-width: 1400px) {
    .command-home-shell--notifications .command-home-action-center--palette .command-home-action-item {
        grid-template-columns: 34px minmax(0, 1fr);
    }

    .command-home-shell--notifications .command-home-action-center--palette .command-home-action-item em {
        display: none;
    }
}

.command-home-action-item__meta {
    display: none !important;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.45rem;
}

.command-home-action-item__meta b {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 0.45rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 999px;
    background: rgba(17, 19, 21, 0.72);
    color: #d1d5db;
    font-size: 0.68rem;
    font-weight: 850;
}

.command-home-action-item:hover,
.command-home-action-item:focus-visible,
.command-home-action-item--active {
    border-color: currentColor;
    border-left-color: currentColor;
    background:
        linear-gradient(135deg, color-mix(in srgb, currentColor 18%, transparent), transparent 66%),
        #2b2d31;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 32%, transparent);
    outline: none;
}

.command-home-action-item--green { color: #00e676; }
.command-home-action-item--orange { color: #ffa500; }
.command-home-action-item--red { color: #ff4444; }
.command-home-action-item--gold { color: #ffd700; }
.command-home-action-item--purple { color: #ab47bc; }

.command-home-action-empty,
.command-home-action-detail {
    display: grid;
    gap: 0.75rem;
    padding: 0.9rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #2b2d31;
}

.command-home-action-empty {
    place-items: center;
    min-height: 180px;
    color: #9ca3af;
    text-align: center;
}

.command-home-action-empty strong {
    color: #ffffff;
}

.command-home-action-detail {
    align-content: start;
    min-height: 0;
    overflow: auto;
    border-top: 4px solid currentColor;
    color: #60a5fa;
}

.command-home-action-detail__identity {
    align-items: flex-start;
    gap: 0.8rem;
}

.command-home-action-detail__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    border: 1px solid currentColor;
    border-radius: 8px;
    background: color-mix(in srgb, currentColor 18%, transparent);
    color: currentColor;
    font-size: 1.35rem;
}

.command-home-action-detail__topline {
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.55rem;
}

.command-home-action-detail__topline time {
    color: #9ca3af;
    font-size: 0.78rem;
    font-weight: 800;
}

.command-home-action-detail h3,
.command-home-action-detail p,
.command-home-action-detail dl {
    margin: 0;
}

.command-home-action-detail h3 {
    color: #ffffff;
    font-size: 1.08rem;
    font-weight: 870;
}

.command-home-action-detail p {
    color: #d1d5db;
    font-size: 0.9rem;
    line-height: 1.45;
}

.command-home-action-detail dl {
    display: grid;
    gap: 0.55rem;
}

.command-home-action-detail dl div {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr);
    gap: 0.65rem;
    padding: 0.55rem 0;
    border-top: 1px solid rgba(156, 163, 175, 0.14);
}

.command-home-action-detail dt {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.command-home-action-detail dd {
    margin: 0;
    color: #ffffff;
    font-size: 0.86rem;
    font-weight: 760;
}

.command-home-action-remediation dd a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    max-width: 100%;
    padding: 0.25rem 0.65rem;
    border: 1px solid rgba(96, 165, 250, 0.34);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.1);
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 820;
    overflow-wrap: anywhere;
    text-decoration: none;
}

.command-home-action-remediation nav,
.command-home-capability-card nav,
.command-home-workspace-state nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.command-home-action-remediation nav a,
.command-home-capability-card nav a,
.command-home-workspace-state nav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 0.85rem;
    border: 1px solid rgba(96, 165, 250, 0.34);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.1);
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 820;
    text-decoration: none;
}

.command-home-safe-card nav a,
.command-home-capability-grid a,
.command-home-workspace-grid a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.35rem 0.85rem;
    border: 1px solid rgba(96, 165, 250, 0.34);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.1);
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 820;
    text-decoration: none;
}

.command-home-safe-card nav a:hover,
.command-home-safe-card nav a:focus-visible,
.command-home-capability-grid a:hover,
.command-home-capability-grid a:focus-visible,
.command-home-workspace-grid a:hover,
.command-home-workspace-grid a:focus-visible {
    border-color: rgba(96, 165, 250, 0.72);
    background: rgba(96, 165, 250, 0.16);
    color: #ffffff;
    outline: none;
}

.command-home-action-detail__reason,
.command-home-action-detail__timeline {
    display: grid;
    gap: 0.55rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(156, 163, 175, 0.16);
}

.command-home-action-detail__reason h4,
.command-home-action-detail__timeline h4 {
    margin: 0;
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 860;
}

.command-home-action-detail__reason ul,
.command-home-action-detail__timeline ol {
    display: grid;
    gap: 0.45rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.command-home-action-detail__reason li {
    position: relative;
    padding-left: 1.1rem;
    color: #d1d5db;
    font-size: 0.84rem;
    line-height: 1.35;
}

.command-home-action-detail__reason li::before {
    content: "";
    position: absolute;
    top: 0.52em;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: currentColor;
}

.command-home-action-detail__timeline li {
    display: grid;
    grid-template-columns: 14px 64px minmax(0, 1fr);
    gap: 0.5rem;
    align-items: start;
}

.command-home-action-detail__timeline time {
    color: #9ca3af;
    font-size: 0.76rem;
    font-weight: 800;
}

.command-home-action-detail__timeline strong {
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 840;
}

.command-home-action-detail__timeline small {
    grid-column: 3;
    color: #9ca3af;
    font-size: 0.76rem;
    font-weight: 760;
}

.command-home-action-detail__dot {
    width: 10px;
    height: 10px;
    margin-top: 0.25rem;
    border: 2px solid currentColor;
    border-radius: 999px;
}

.command-home-action-detail__dot--green { color: #00e676; }
.command-home-action-detail__dot--orange { color: #ffa500; }
.command-home-action-detail__dot--red { color: #ff4444; }
.command-home-action-detail__dot--gold { color: #ffd700; }
.command-home-action-detail__dot--purple { color: #ab47bc; }
.command-home-action-detail__dot--blue { color: #60a5fa; }

.command-home-action-detail__actions {
    position: sticky;
    bottom: 0;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin: 0;
    padding: 0.75rem 0 0;
    border-top: 1px solid rgba(156, 163, 175, 0.16);
    background: linear-gradient(180deg, rgba(43, 45, 49, 0.88), #2b2d31 36%);
}

.command-home-shell--notifications .command-home-action-detail__actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
}

.command-home-shell--notifications .command-home-action-detail__actions a,
.command-home-shell--notifications .command-home-action-detail__actions button {
    min-width: 0;
    min-height: 62px;
    flex-direction: column;
    align-items: flex-start;
    padding: 0.65rem;
    text-align: left;
}

.command-home-action-detail__actions a {
    border-color: rgba(96, 165, 250, 0.48);
    color: #ffffff;
    text-decoration: none;
}

.command-home-action-detail--green { color: #00e676; }
.command-home-action-detail--orange { color: #ffa500; }
.command-home-action-detail--red { color: #ff4444; }
.command-home-action-detail--gold { color: #ffd700; }
.command-home-action-detail--purple { color: #ab47bc; }

.command-home-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: center;
}

.command-home-lenses,
.command-home-filter-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    align-items: center;
}

.command-home-lens,
.command-home-filter {
    border: 1px solid rgba(156, 163, 175, 0.28);
    border-radius: 8px;
    background: #111315;
    color: #d1d5db;
}

.command-home-lens {
    display: grid;
    align-content: center;
    min-width: 112px;
    padding: 0.45rem 0.7rem;
    text-align: left;
}

.command-home-lens span {
    color: #ffffff;
    font-size: 0.92rem;
    font-weight: 820;
}

.command-home-lens small {
    color: #9ca3af;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.command-home-lens--active,
.command-home-filter--active,
.command-home-lens:hover,
.command-home-lens:focus-visible,
.command-home-filter:hover,
.command-home-filter:focus-visible {
    border-color: rgba(96, 165, 250, 0.72);
    background: rgba(96, 165, 250, 0.1);
    color: #ffffff;
}

.command-home-filter {
    padding: 0 0.85rem;
    font-size: 0.86rem;
    font-weight: 760;
}

.command-home-data-freshness {
    color: #9ca3af;
    font-size: 0.82rem;
    font-weight: 720;
}

.command-home-command-lanes {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.65rem;
}

.command-home-command-lane {
    display: grid;
    gap: 0.65rem;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #111315;
}

.command-home-command-lane header {
    display: grid;
    gap: 0.2rem;
}

.command-home-command-lane small {
    color: #9ca3af;
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: uppercase;
}

.command-home-command-lane strong {
    color: #ffffff;
    font-size: 0.86rem;
    font-weight: 800;
    line-height: 1.25;
}

.command-home-command-lane nav {
    display: grid;
    gap: 0.4rem;
}

.command-home-command-lane a {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 0.5rem;
    align-items: center;
    min-height: 44px;
    padding: 0 0.65rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    color: #d1d5db;
    text-decoration: none;
    font-size: 0.86rem;
    font-weight: 760;
}

.command-home-command-lane a:hover,
.command-home-command-lane a:focus-visible {
    border-color: rgba(96, 165, 250, 0.52);
    background: rgba(96, 165, 250, 0.1);
    color: #ffffff;
    text-decoration: none;
}

.command-home-lens-banner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 520px);
    gap: 1rem;
    align-items: stretch;
    padding: 1rem;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(96, 165, 250, 0.1), rgba(43, 45, 49, 0.92) 44%),
        #2b2d31;
}

.command-home-lens-banner--creator {
    border-color: rgba(255, 215, 0, 0.34);
    background:
        linear-gradient(135deg, rgba(255, 215, 0, 0.12), rgba(43, 45, 49, 0.92) 44%),
        #2b2d31;
}

.command-home-lens-banner--teams {
    border-color: rgba(0, 230, 118, 0.28);
    background:
        linear-gradient(135deg, rgba(0, 230, 118, 0.1), rgba(43, 45, 49, 0.92) 44%),
        #2b2d31;
}

.command-home-lens-banner small,
.command-home-highlight small {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.command-home-lens-banner h2 {
    margin: 0.25rem 0 0;
    color: #ffffff;
    font-size: clamp(1.15rem, 2vw, 1.65rem);
    font-weight: 860;
    line-height: 1.12;
}

.command-home-lens-banner p {
    max-width: 760px;
    margin: 0.4rem 0 0;
    color: #d1d5db;
    font-size: 0.92rem;
    line-height: 1.45;
}

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

.command-home-highlight {
    display: grid;
    align-content: center;
    gap: 0.3rem;
    min-height: 86px;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: rgba(17, 19, 21, 0.82);
    color: #60a5fa;
}

.command-home-highlight .oi {
    color: currentColor;
    font-size: 0.95rem;
}

.command-home-highlight strong {
    color: #ffffff;
    font-size: 1.25rem;
    font-weight: 880;
    line-height: 1;
}

.command-home-highlight--green { color: #00e676; }
.command-home-highlight--orange { color: #ffa500; }
.command-home-highlight--red { color: #ff4444; }
.command-home-highlight--gold { color: #ffd700; }

.command-home-dashboard {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
    gap: 1rem;
    align-items: start;
}

.command-home-dashboard--creator {
    grid-template-columns: minmax(0, 1.1fr) minmax(340px, 0.9fr);
}

.command-home-dashboard--creator .command-home-panel--readiness {
    border-color: rgba(255, 215, 0, 0.28);
}

.command-home-dashboard--creator .command-home-action {
    border-color: rgba(255, 215, 0, 0.34);
}

.command-home-dashboard--teams {
    grid-template-columns: minmax(0, 1fr) minmax(360px, 400px);
}

.command-home-dashboard--teams .command-home-panel--readiness {
    border-color: rgba(0, 230, 118, 0.24);
}

.command-home-dashboard--teams .command-home-action {
    border-color: rgba(0, 230, 118, 0.26);
}

.command-home-primary,
.command-home-secondary {
    display: grid;
    gap: 1rem;
}

.command-home-panel {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #2b2d31;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}

.command-home-panel__heading {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.command-home-panel__heading--row {
    justify-content: space-between;
}

.command-home-panel h2 {
    margin: 0;
    color: #ffffff;
    font-size: 1.15rem;
    font-weight: 850;
}

.command-home-panel__heading a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: #60a5fa;
    font-size: 0.82rem;
    font-weight: 800;
    text-decoration: none;
}

.command-home-rail {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.7rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.command-home-rail::before {
    content: "";
    position: absolute;
    top: 24px;
    left: 9%;
    right: 9%;
    height: 3px;
    background: linear-gradient(90deg, #00e676 0 25%, #ffa500 25% 50%, #ff4444 50% 75%, #ffd700 75% 100%);
}

.command-home-rail__step {
    position: relative;
    z-index: 1;
    display: grid;
    justify-items: center;
    gap: 0.45rem;
    text-align: center;
}

.command-home-rail__node {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border: 3px solid currentColor;
    border-radius: 999px;
    background: #1b1c1e;
    color: currentColor;
    font-size: 1.1rem;
}

.command-home-rail__step strong {
    color: #ffffff;
    font-size: 0.88rem;
    font-weight: 820;
}

.command-home-rail__step em {
    color: #9ca3af;
    font-size: 0.8rem;
    font-style: normal;
    line-height: 1.35;
}

.command-home-rail__step--blue { color: #60a5fa; }
.command-home-rail__step--green { color: #00e676; }
.command-home-rail__step--orange { color: #ffa500; }
.command-home-rail__step--red { color: #ff4444; }
.command-home-rail__step--gold { color: #ffd700; }
.command-home-rail__step--gray { color: #9ca3af; }

.command-home-safe-note {
    display: inline-flex;
    gap: 0.55rem;
    align-items: center;
    margin: 0;
    color: #9ca3af;
    font-size: 0.86rem;
}

.command-home-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.command-home-metric {
    display: grid;
    justify-items: center;
    align-content: start;
    gap: 0.45rem;
    min-height: 148px;
    padding: 0.65rem;
    border-right: 1px solid rgba(156, 163, 175, 0.18);
}

.command-home-metric:last-child {
    border-right: 0;
}

.command-home-metric__ring {
    display: grid;
    place-items: center;
    width: 78px;
    height: 78px;
    border-radius: 999px;
    background: conic-gradient(currentColor calc(var(--value) * 1%), rgba(156, 163, 175, 0.24) 0);
    color: #60a5fa;
    position: relative;
}

.command-home-metric__ring::after {
    content: "";
    position: absolute;
    inset: 8px;
    border-radius: inherit;
    background: #2b2d31;
}

.command-home-metric__ring strong {
    z-index: 1;
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 850;
    text-align: center;
}

.command-home-metric span {
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 820;
    text-align: center;
}

.command-home-metric small {
    color: #9ca3af;
    font-size: 0.8rem;
    text-align: center;
}

.command-home-metric--green .command-home-metric__ring { color: #00e676; }
.command-home-metric--orange .command-home-metric__ring { color: #ffa500; }
.command-home-metric--red .command-home-metric__ring { color: #ff4444; }
.command-home-metric--gold .command-home-metric__ring { color: #ffd700; }
.command-home-metric--gray .command-home-metric__ring { color: #9ca3af; }

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

.command-home-action {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 16px;
    gap: 0.65rem;
    align-items: center;
    padding: 0.75rem;
    border: 1px solid rgba(96, 165, 250, 0.42);
    border-radius: 8px;
    background: #1b1c1e;
    color: #ffffff;
    text-decoration: none;
}

.command-home-action:hover,
.command-home-action:focus-visible,
.command-home-attention-row:hover,
.command-home-attention-row:focus-visible,
.command-home-route-row:hover,
.command-home-route-row:focus-visible {
    border-color: rgba(96, 165, 250, 0.72);
    color: #ffffff;
    text-decoration: none;
}

.command-home-action strong,
.command-home-action small {
    display: block;
}

.command-home-action strong {
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 840;
}

.command-home-action small {
    color: #9ca3af;
    font-size: 0.76rem;
}

.command-home-attention-list {
    display: grid;
    gap: 0;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    overflow: hidden;
}

.command-home-attention-row {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto 16px;
    gap: 0.65rem;
    align-items: center;
    padding: 0.8rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.18);
    color: #ffffff;
    text-decoration: none;
}

.command-home-attention-row:last-child {
    border-bottom: 0;
}

.command-home-attention-row > .oi:first-child {
    color: currentColor;
    font-size: 1rem;
}

.command-home-attention-row strong,
.command-home-attention-row small {
    grid-column: 2;
}

.command-home-attention-row strong {
    color: #ffffff;
    font-size: 0.92rem;
    font-weight: 820;
}

.command-home-attention-row small {
    color: #9ca3af;
    font-size: 0.78rem;
}

.command-home-attention-row em {
    color: currentColor;
    font-size: 0.82rem;
    font-style: normal;
    font-weight: 820;
}

.command-home-attention-row--blue { color: #60a5fa; }
.command-home-attention-row--green { color: #00e676; }
.command-home-attention-row--orange { color: #ffa500; }
.command-home-attention-row--red { color: #ff4444; }
.command-home-attention-row--gold { color: #ffd700; }

.command-home-safe-card {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #1b1c1e;
}

.command-home-safe-card > .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border: 1px solid rgba(156, 163, 175, 0.44);
    border-radius: 999px;
    color: #ffffff;
    font-size: 1.55rem;
}

.command-home-safe-card strong {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 850;
}

.command-home-safe-card p,
.command-home-safe-copy > small {
    margin: 0.25rem 0 0;
    color: #9ca3af;
    font-size: 0.84rem;
    line-height: 1.45;
}

.command-home-safe-card nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.command-home-safe-card nav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 0.85rem;
    border: 1px solid rgba(96, 165, 250, 0.34);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.1);
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 800;
    text-decoration: none;
}

.command-home-safe-copy button {
    display: inline-flex;
    gap: 0.4rem;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 0.65rem;
    border: 1px solid rgba(156, 163, 175, 0.28);
    border-radius: 8px;
    background: #1b1c1e;
    color: #d1d5db;
    font-size: 0.78rem;
    font-weight: 800;
}

.command-home-routes {
    gap: 0.75rem;
}

.command-home-route-group {
    display: grid;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    overflow: hidden;
}

.command-home-route-group header {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr) auto;
    gap: 0.55rem;
    align-items: center;
    min-height: 40px;
    padding: 0 0.75rem;
    background: #1b1c1e;
}

.command-home-route-group header strong {
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 840;
}

.command-home-route-group header small {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    min-height: 24px;
    border-radius: 999px;
    background: currentColor;
    color: #1b1c1e;
    font-size: 0.76rem;
    font-weight: 850;
}

.command-home-route-group--blue { color: #60a5fa; }
.command-home-route-group--green { color: #00e676; }
.command-home-route-group--orange { color: #ffa500; }
.command-home-route-group--red { color: #ff4444; }
.command-home-route-group--gold { color: #ffd700; }

.command-home-route-rows {
    display: grid;
}

.command-home-route-row {
    display: grid;
    grid-template-columns: 86px minmax(180px, 1.4fr) 96px 96px 118px 130px 92px 18px;
    gap: 0.6rem;
    align-items: center;
    min-height: 44px;
    padding: 0 0.75rem;
    border-top: 1px solid rgba(156, 163, 175, 0.12);
    color: #d1d5db;
    text-decoration: none;
    font-size: 0.78rem;
}

.command-home-route-row strong {
    color: #d1d5db;
    font-size: 0.8rem;
    font-weight: 760;
}

.command-home-route-row em {
    color: #9ca3af;
    font-style: normal;
}

.command-home-route-row__people {
    justify-self: end;
    color: #d1d5db;
    font-size: 0.76rem;
}

.reports-workspace,
.reports-readiness {
    display: grid;
    gap: 1.5rem;
    width: 100%;
    max-width: 1320px;
}

.main:has(.reports-command-shell),
.main:has(.report-detail-layout) {
    padding-top: 1.35rem;
}

.reports-hero,
.reports-readiness__header {
    display: grid;
    gap: 0.7rem;
}

.reports-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
    gap: 1.5rem;
    align-items: stretch;
}

.reports-eyebrow,
.reports-readiness__eyebrow {
    margin: 0;
    color: #ffd700;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.reports-workspace h1,
.reports-workspace h2,
.reports-workspace h3,
.reports-workspace p,
.reports-readiness h1,
.reports-readiness h2,
.reports-readiness p {
    margin: 0;
}

.reports-workspace h1,
.reports-readiness h1 {
    max-width: 780px;
    color: #ffffff;
    font-size: clamp(2rem, 3vw, 3.2rem);
    font-weight: 800;
    line-height: 1.08;
    overflow-wrap: anywhere;
}

.reports-lead,
.reports-readiness__lead {
    max-width: 720px;
    color: #d1d5db;
    font-size: 1.2rem;
    line-height: 1.55;
}

.reports-authority-card,
.reports-readiness__panel {
    display: grid;
    gap: 1rem;
    padding: 1.5rem;
    border: 1px solid rgba(255, 215, 0, 0.28);
    border-radius: 8px;
    background: #2b2d31;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.24);
}

.reports-authority-card h2,
.reports-readiness__panel h2 {
    color: #ffffff;
    font-size: 1.6rem;
    font-weight: 750;
    line-height: 1.2;
}

.reports-authority-card p,
.reports-readiness__panel p {
    color: #d1d5db;
    font-size: 1rem;
    line-height: 1.7;
}

.reports-authority-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.reports-command-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 1rem;
}

.report-filter-chip {
    cursor: pointer;
}

.report-filter-chip small {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.45rem;
    min-height: 1.45rem;
    margin-left: 0.45rem;
    border-radius: 999px;
    background: rgba(156, 163, 175, 0.16);
    color: #f8fafc;
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1;
}

.report-filter-chip--active {
    background: #2b2d31;
    box-shadow: inset 0 0 0 1px rgba(248, 250, 252, 0.18);
}

.report-filter-chip:focus-visible {
    outline: 2px solid #60a5fa;
    outline-offset: 3px;
}

.reports-release-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 390px);
    gap: 1rem;
    align-items: start;
}

.reports-release-main,
.reports-route-groups {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.report-release-panel,
.report-client-command,
.report-audit-panel {
    display: grid;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #2b2d31;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.22);
}

.report-release-steps {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.65rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.report-release-step {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 0.65rem;
    align-items: center;
    min-height: 76px;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: #232529;
}

.report-release-step--green { border-color: rgba(0, 230, 118, 0.32); }
.report-release-step--orange { border-color: rgba(255, 165, 0, 0.36); }
.report-release-step--red { border-color: rgba(255, 68, 68, 0.36); }
.report-release-step--blue { border-color: rgba(96, 165, 250, 0.36); }
.report-release-step--gold { border-color: rgba(255, 215, 0, 0.36); }

.report-release-step strong,
.reports-safe-copy strong {
    display: block;
    color: #ffffff;
    font-size: 0.92rem;
    font-weight: 780;
    line-height: 1.2;
}

.report-release-step small {
    display: block;
    margin-top: 0.2rem;
    color: #9ca3af;
    font-size: 0.78rem;
    font-weight: 760;
    line-height: 1.25;
}

.report-client-command {
    border-color: rgba(0, 230, 118, 0.32);
}

.report-client-command h2 {
    color: #ffffff;
    font-size: 1.55rem;
    font-weight: 780;
    line-height: 1.18;
}

.report-client-command p {
    color: #d1d5db;
    font-size: 0.98rem;
    line-height: 1.55;
}

.report-client-command__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
    margin: 0;
}

.report-client-command__grid div {
    display: grid;
    gap: 0.25rem;
    min-height: 94px;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #232529;
}

.report-client-command__grid dt {
    color: #9ca3af;
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
}

.report-client-command__grid dd {
    margin: 0;
    color: #ffffff;
    font-size: 0.88rem;
    font-weight: 740;
    line-height: 1.34;
    overflow-wrap: anywhere;
}

.report-priority-grid--compact {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.report-priority-grid--compact .report-priority-card {
    min-height: 360px;
}

.reports-operations-inspector {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.report-blocker-rollup--inspector {
    padding: 1.25rem;
}

.report-blocker-rollup__grid--stacked {
    grid-template-columns: 1fr;
}

.report-blocker-rollup__grid--stacked .report-blocker-card {
    min-height: 0;
}

.report-audit-panel ul {
    display: grid;
    gap: 0.6rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.report-audit-panel li {
    min-height: 44px;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #232529;
    color: #d1d5db;
    font-size: 0.9rem;
    font-weight: 720;
}

.report-signal-row {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 0.7rem;
    align-items: start;
}

.report-signal-row--green { border-color: rgba(0, 230, 118, 0.28); }
.report-signal-row--orange { border-color: rgba(255, 165, 0, 0.34); }
.report-signal-row--red { border-color: rgba(255, 68, 68, 0.34); }
.report-signal-row--blue { border-color: rgba(96, 165, 250, 0.34); }
.report-signal-row--gold { border-color: rgba(255, 215, 0, 0.34); }

.report-signal-row span {
    min-width: 0;
}

.report-signal-row strong {
    display: block;
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 780;
    line-height: 1.22;
}

.report-signal-row small {
    display: block;
    margin-top: 0.24rem;
    color: #d1d5db;
    font-size: 0.82rem;
    font-weight: 680;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.reports-safe-copy {
    display: grid;
    gap: 0.4rem;
    padding: 0.9rem;
    border: 1px solid rgba(255, 165, 0, 0.4);
    border-radius: 8px;
    background: #232529;
}

.reports-safe-copy p {
    margin: 0;
    color: #d1d5db;
    font-size: 0.9rem;
    line-height: 1.45;
}

.reports-command-layout {
    min-height: 100vh;
    width: 100%;
    background:
        radial-gradient(circle at top left, rgba(96, 165, 250, 0.08), transparent 34rem),
        #0b0f12;
    color: #f8fafc;
}

.reports-command-shell {
    display: grid;
    grid-template-columns: 184px minmax(0, 1fr);
    min-height: 100vh;
    background: #0b0f12;
}

.reports-command-shell,
.reports-command-shell * {
    box-sizing: border-box;
}

.main:has(.blueprint-command-shell) {
    padding: 0;
    max-width: none;
    background: #0b0f12;
}

.page:has(.blueprint-command-shell) .command-header {
    display: none;
}

.blueprint-command-shell,
.blueprint-command-shell * {
    box-sizing: border-box;
}

.blueprint-command-shell {
    display: grid;
    grid-template-columns: 226px minmax(0, 1fr);
    width: 100%;
    min-height: 100vh;
    background:
        radial-gradient(circle at 92% 10%, rgba(0, 230, 118, 0.08), transparent 22rem),
        radial-gradient(circle at top right, rgba(96, 165, 250, 0.08), transparent 28rem),
        #0b0f12;
    color: #f8fafc;
}

.blueprint-command-rail {
    position: sticky;
    top: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    align-self: start;
    height: 100vh;
    border-right: 1px solid rgba(156, 163, 175, 0.18);
    background:
        linear-gradient(180deg, rgba(12, 18, 22, 0.98), rgba(4, 9, 12, 0.99)),
        #0b0f12;
    overflow: hidden auto;
}

.blueprint-command-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.72rem;
    min-height: 68px;
    padding: 0 1rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.18);
    color: #ffffff;
    font-size: 0.98rem;
    font-weight: 900;
    text-decoration: none;
    text-transform: uppercase;
}

.blueprint-command-brand:hover,
.blueprint-command-brand:focus-visible {
    color: #ffffff;
    text-decoration: none;
}

.blueprint-command-brand__mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(0, 230, 118, 0.74);
    border-radius: 8px;
    color: #00e676;
    font-size: 0.72rem;
    font-weight: 950;
}

.blueprint-command-shell--buyer-library .blueprint-command-brand__mark,
.blueprint-command-shell--owned-blueprint .blueprint-command-brand__mark {
    border-color: rgba(96, 165, 250, 0.74);
    color: #60a5fa;
}

.blueprint-command-shell--buyer-checkout .blueprint-command-brand__mark {
    border-color: rgba(255, 215, 0, 0.78);
    color: #ffd700;
}

.blueprint-command-nav {
    display: grid;
    align-content: start;
    gap: 1rem;
    padding: 1rem 0.58rem;
}

.blueprint-command-nav section {
    display: grid;
    gap: 0.28rem;
}

.blueprint-command-nav p {
    margin: 0.48rem 0.42rem 0.34rem;
    color: #9ca3af;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.blueprint-command-nav__item {
    position: relative;
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    gap: 0.58rem;
    align-items: center;
    min-height: 48px;
    padding: 0 0.6rem;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #d1d5db;
    font-size: 0.84rem;
    font-weight: 780;
    text-decoration: none;
}

.blueprint-command-nav__item span:nth-child(2) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.blueprint-command-nav__item strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.28rem;
    min-height: 1.28rem;
    border-radius: 999px;
    background: rgba(255, 165, 0, 0.78);
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 900;
}

.blueprint-command-nav__item--active,
.blueprint-command-nav__item:hover,
.blueprint-command-nav__item:focus-visible {
    border-color: rgba(0, 230, 118, 0.38);
    background: rgba(0, 230, 118, 0.1);
    color: #ffffff;
    text-decoration: none;
    outline: none;
}

.blueprint-command-nav__item--active::before {
    content: "";
    position: absolute;
    left: -0.58rem;
    width: 3px;
    height: 30px;
    border-radius: 999px;
    background: #00e676;
}

.blueprint-command-rail-card {
    display: grid;
    gap: 0.42rem;
    margin: 0.72rem;
    padding: 0.82rem;
    border: 1px solid rgba(96, 165, 250, 0.3);
    border-radius: 8px;
    background: rgba(35, 37, 41, 0.72);
}

.blueprint-command-rail-card > span {
    color: #60a5fa;
    font-size: 1.1rem;
}

.blueprint-command-rail-card strong {
    color: #ffffff;
    font-size: 0.92rem;
}

.blueprint-command-rail-card p {
    margin: 0;
    color: #d1d5db;
    font-size: 0.78rem;
    line-height: 1.36;
}

.blueprint-command-rail-card a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin-top: 0.18rem;
    border: 1px solid rgba(96, 165, 250, 0.5);
    border-radius: 8px;
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 850;
    text-decoration: none;
}

@media (max-height: 760px) and (min-width: 1101px) {
    .blueprint-command-rail-card {
        display: none;
    }
}

.blueprint-command-stage {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-width: 0;
}

.blueprint-command-topbar {
    position: sticky;
    top: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 76px;
    padding: 0.78rem 1.35rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.18);
    background: rgba(10, 15, 18, 0.92);
    backdrop-filter: blur(14px);
}

.blueprint-command-title,
.blueprint-command-topnav {
    display: flex;
    align-items: center;
    min-width: 0;
}

.blueprint-command-title {
    gap: 0.78rem;
}

.blueprint-command-title p,
.blueprint-command-title h1 {
    margin: 0;
}

.blueprint-command-title p {
    color: #9ca3af;
    font-size: 0.78rem;
    font-weight: 780;
}

.blueprint-command-title h1 {
    color: #ffffff;
    font-size: 1.25rem;
    font-weight: 900;
    line-height: 1.14;
}

.blueprint-command-topnav {
    justify-content: flex-end;
    gap: 0.65rem;
}

.blueprint-command-topnav a {
    display: inline-flex;
    align-items: center;
    gap: 0.44rem;
    min-height: 44px;
    color: #d1d5db;
    font-size: 0.82rem;
    font-weight: 760;
    text-decoration: none;
}

.blueprint-command-topnav a:hover,
.blueprint-command-topnav a:focus-visible {
    color: #ffffff;
    outline: none;
}

.blueprint-command-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(248, 250, 252, 0.36);
    border-radius: 999px;
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 900;
}

.blueprint-command-content {
    display: grid;
    min-width: 0;
    padding: 1.25rem 1.5rem 1.75rem;
}

.blueprint-command-content > .reports-workspace,
.blueprint-command-content > .marketplace-workspace {
    max-width: none;
}

.blueprint-command-content .reports-hero--compact,
.blueprint-command-content .marketplace-hero {
    padding: 0.25rem 0 0.1rem;
}

.blueprint-command-shell--buyer-checkout .reports-hero--compact,
.blueprint-command-shell--buyer-checkout .report-command-detail-strip {
    display: none;
}

.blueprint-command-content .reports-workspace h1,
.blueprint-command-content .marketplace-workspace h1 {
    font-size: clamp(2rem, 3.2vw, 3.45rem);
}

.blueprint-command-content .report-panel,
.blueprint-command-content .marketplace-card,
.blueprint-command-content .marketplace-proof-panel,
.blueprint-command-content .buyer-library-board {
    background:
        linear-gradient(180deg, rgba(43, 45, 49, 0.92), rgba(25, 29, 33, 0.96)),
        #2b2d31;
}

.owned-blueprint-hero-cluster {
    display: grid;
    grid-template-columns: 176px minmax(0, 1fr);
    gap: 1.5rem;
    align-items: center;
}

.owned-blueprint-ready-hero {
    display: grid;
    gap: 1.05rem;
    padding: 1.45rem;
    border-color: rgba(0, 230, 118, 0.22);
}

.owned-blueprint-ready-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    gap: 1rem;
    align-items: stretch;
}

.owned-blueprint-copy-card {
    display: grid;
    align-content: center;
    gap: 0.65rem;
    padding: 1rem;
    border: 1px solid rgba(0, 230, 118, 0.28);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(0, 230, 118, 0.08), transparent 52%),
        #232529;
}

.owned-blueprint-copy-card h2,
.owned-blueprint-copy-card p {
    margin: 0;
}

.owned-blueprint-copy-card h2 {
    color: #ffffff;
    font-size: 1.35rem;
}

.owned-blueprint-copy-card p {
    color: #d1d5db;
    line-height: 1.42;
}

.owned-blueprint-cover-card {
    display: grid;
    place-items: center;
    width: 176px;
    aspect-ratio: 1;
    border: 1px solid rgba(96, 165, 250, 0.45);
    border-radius: 8px;
    background:
        linear-gradient(rgba(96, 165, 250, 0.14) 1px, transparent 1px),
        linear-gradient(90deg, rgba(96, 165, 250, 0.14) 1px, transparent 1px),
        linear-gradient(135deg, rgba(96, 165, 250, 0.24), rgba(0, 230, 118, 0.08)),
        #0f1d2f;
    background-size: 16px 16px, 16px 16px, auto, auto;
    color: rgba(255, 255, 255, 0.9);
    font-size: 3rem;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), 0 18px 50px rgba(0, 0, 0, 0.28);
}

.owned-blueprint-ready-path {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin: 0;
    padding: 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.78);
    list-style: none;
}

.owned-blueprint-ready-path li {
    position: relative;
    display: grid;
    justify-items: center;
    gap: 0.35rem;
    min-height: 74px;
    padding: 0.1rem 0.5rem;
    color: #ffffff;
    font-size: 0.84rem;
    font-weight: 850;
    text-align: center;
}

.owned-blueprint-ready-path li:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 15px;
    right: -50%;
    width: 100%;
    height: 2px;
    background: rgba(0, 230, 118, 0.55);
}

.owned-blueprint-ready-path .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(0, 230, 118, 0.42);
    border-radius: 50%;
    background: #2b2d31;
    color: #00e676;
    z-index: 1;
}

.owned-blueprint-ready-path small {
    color: #9ca3af;
    font-size: 0.74rem;
    font-weight: 700;
}

.blueprint-command-shell--owned-blueprint .owned-blueprint-action-strip,
.blueprint-command-shell--owned-blueprint .marketplace-journey-rail,
.blueprint-command-shell--owned-blueprint .marketplace-signal-grid {
    display: none;
}

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

.owned-blueprint-action-strip a,
.owned-blueprint-action-strip div {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 0.2rem 0.65rem;
    align-items: center;
    min-height: 84px;
    padding: 0.75rem;
    border: 1px solid rgba(96, 165, 250, 0.26);
    border-radius: 8px;
    background: #232529;
    color: #ffffff;
    text-decoration: none;
}

.owned-blueprint-action-strip a:hover,
.owned-blueprint-action-strip a:focus-visible {
    border-color: rgba(96, 165, 250, 0.7);
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff;
    outline: none;
    text-decoration: none;
}

.owned-blueprint-action-strip .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    grid-row: 1 / span 2;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(96, 165, 250, 0.14);
    color: #60a5fa;
}

.owned-blueprint-action-strip strong {
    color: #ffffff;
    font-size: 0.92rem;
    line-height: 1.2;
}

.owned-blueprint-action-strip small {
    color: #d1d5db;
    font-size: 0.78rem;
    line-height: 1.32;
}

.reports-command-sidebar {
    position: sticky;
    top: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    align-self: start;
    height: 100vh;
    border-right: 1px solid rgba(156, 163, 175, 0.18);
    background: linear-gradient(180deg, rgba(17, 24, 39, 0.98), rgba(4, 9, 12, 0.98));
    overflow: hidden auto;
}

.reports-command-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    min-height: 64px;
    padding: 0 1rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.18);
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 800;
    text-decoration: none;
    text-transform: uppercase;
}

.reports-command-brand:hover,
.reports-command-brand:focus-visible {
    color: #ffffff;
    text-decoration: none;
}

.reports-command-brand__mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(255, 215, 0, 0.7);
    border-radius: 8px;
    color: #ffd700;
    font-size: 0.68rem;
    font-weight: 900;
}

.reports-command-nav {
    display: grid;
    align-content: start;
    gap: 1.2rem;
    padding: 1rem 0.5rem 1.5rem;
}

.reports-command-nav section {
    display: grid;
    gap: 0.25rem;
}

.reports-command-nav p {
    margin: 0.55rem 0.4rem 0.35rem;
    color: #9ca3af;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.reports-command-nav__item {
    position: relative;
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr) auto;
    gap: 0.55rem;
    align-items: center;
    min-height: 44px;
    padding: 0 0.5rem;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #d1d5db;
    font-size: 0.82rem;
    font-weight: 720;
    text-decoration: none;
}

.reports-command-nav__item span:nth-child(2) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.reports-command-nav__item strong,
.reports-command-topnav strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    min-height: 1.25rem;
    border-radius: 999px;
    background: rgba(255, 165, 0, 0.8);
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 900;
}

.reports-command-nav__item--active,
.reports-command-nav__item:hover,
.reports-command-nav__item:focus-visible {
    border-color: rgba(255, 215, 0, 0.36);
    background: rgba(255, 215, 0, 0.1);
    color: #ffffff;
    text-decoration: none;
}

.reports-command-nav__item--active::before {
    content: "";
    position: absolute;
    left: -0.5rem;
    width: 3px;
    height: 28px;
    border-radius: 999px;
    background: #ffd700;
}

.reports-command-stage {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    min-width: 0;
    min-height: 100vh;
}

.reports-command-topbar,
.reports-command-toolbar,
.reports-command-footer {
    border-bottom: 1px solid rgba(156, 163, 175, 0.18);
    background: rgba(10, 15, 18, 0.94);
    backdrop-filter: blur(14px);
}

.reports-command-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 64px;
    padding: 0 1rem 0 1.6rem;
}

.reports-command-title,
.reports-command-topnav,
.reports-command-actions,
.reports-command-selects,
.reports-command-footer__item,
.reports-review-badge {
    display: flex;
    align-items: center;
    min-width: 0;
}

.reports-command-title {
    gap: 0.85rem;
}

.reports-command-title h1 {
    margin: 0;
    color: #ffffff;
    font-size: 1.45rem;
    font-weight: 820;
    line-height: 1.15;
}

.reports-review-badge {
    gap: 0.45rem;
    min-height: 34px;
    padding: 0 0.75rem;
    border: 1px solid rgba(255, 215, 0, 0.42);
    border-radius: 8px;
    color: #ffd700;
    font-size: 0.78rem;
    font-weight: 800;
    white-space: nowrap;
}

.reports-command-topnav {
    justify-content: flex-end;
    gap: 0.65rem;
    color: #9ca3af;
    font-size: 0.8rem;
    font-weight: 720;
}

.reports-command-topnav a,
.reports-command-topnav span:not(.oi):not(.reports-live-dot):not(.reports-avatar) {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 44px;
    color: #d1d5db;
    text-decoration: none;
}

.reports-command-topnav a:hover,
.reports-command-topnav a:focus-visible {
    color: #ffffff;
}

.reports-live-dot {
    display: inline-flex;
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #00e676;
    box-shadow: 0 0 0 3px rgba(0, 230, 118, 0.12);
}

.reports-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(248, 250, 252, 0.4);
    border-radius: 999px;
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 850;
}

.reports-account-search {
    display: grid;
    gap: 0.8rem;
    padding: 1rem 1.4rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.18);
    background: linear-gradient(135deg, rgba(17, 24, 39, 0.96), rgba(7, 11, 14, 0.98));
}

.reports-account-search__header,
.reports-account-search__input-row,
.reports-account-search__result {
    display: flex;
    align-items: center;
    min-width: 0;
}

.reports-account-search__header {
    justify-content: space-between;
    gap: 1rem;
}

.reports-account-search__header h2,
.reports-account-search__header p {
    margin: 0;
}

.reports-account-search__header h2 {
    color: #ffffff;
    font-size: 1.1rem;
}

.reports-account-search__header p:not(.reports-eyebrow) {
    margin-top: 0.2rem;
    color: #9ca3af;
    font-size: 0.82rem;
}

.reports-account-search__header > span,
.reports-account-search__source {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: #9ca3af;
    font-size: 0.76rem;
    font-weight: 760;
    white-space: nowrap;
}

.reports-account-search__input-row {
    gap: 0.8rem;
}

.reports-account-search__input-row .search-autocomplete {
    flex: 1 1 auto;
}

.reports-account-search__skeleton {
    position: relative;
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(120px, 0.35fr) minmax(90px, 0.2fr);
    gap: 0.7rem;
    min-height: 48px;
    align-items: center;
}

.reports-account-search__skeleton i {
    height: 44px;
    border-radius: 8px;
    background: #2b2d31;
    animation: reports-account-search-pulse 1.6s ease-in-out infinite alternate;
}

.reports-account-search__skeleton span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

.reports-account-search__empty {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-height: 52px;
    padding: 0.7rem 0.8rem;
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 9px;
    background: rgba(43, 45, 49, 0.66);
    color: #d1d5db;
    font-size: 0.82rem;
}

.reports-account-search__empty strong {
    color: #ffffff;
}

.reports-account-search__empty a,
.reports-account-search__empty button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin-left: auto;
    padding: 0 0.8rem;
    border: 1px solid rgba(96, 165, 250, 0.5);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.14);
    color: #ffffff;
    text-decoration: none;
}

.reports-account-search__empty--error {
    border-color: rgba(255, 68, 68, 0.42);
}

.reports-account-search__warning {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0;
    color: #ffa500;
    font-size: 0.78rem;
}

.reports-account-search__results {
    display: grid;
    gap: 0.45rem;
}

.reports-account-search__load-more {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    min-width: 0;
    padding: 0.7rem 0.8rem;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 9px;
    background: rgba(43, 45, 49, 0.58);
}

.reports-account-search__load-more > span {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.reports-account-search__load-more strong {
    color: #ffffff;
    font-size: 0.82rem;
}

.reports-account-search__load-more small {
    color: #9ca3af;
    font-size: 0.75rem;
    line-height: 1.35;
}

.reports-account-search__load-more button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 44px;
    flex: 0 0 auto;
    padding: 0 0.85rem;
    border: 1px solid rgba(96, 165, 250, 0.58);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.14);
    color: #ffffff;
    font: inherit;
    font-size: 0.8rem;
    font-weight: 780;
    cursor: pointer;
}

.reports-account-search__load-more button:hover,
.reports-account-search__load-more button:focus-visible {
    border-color: #ffffff;
}

.reports-account-search__load-more button:disabled {
    cursor: wait;
    opacity: 0.72;
}

.reports-account-search__result {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(240px, 1.35fr) 20px;
    gap: 0.8rem;
    min-height: 56px;
    padding: 0.55rem 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: rgba(17, 24, 39, 0.72);
    color: #d1d5db;
    text-decoration: none;
}

.reports-account-search__result:hover,
.reports-account-search__result:focus-visible {
    border-color: rgba(96, 165, 250, 0.7);
    background: rgba(96, 165, 250, 0.1);
    color: #ffffff;
}

.reports-account-search__result > span:not(.oi) {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.reports-account-search__result strong {
    color: #ffffff;
}

.reports-account-search__result small {
    overflow: hidden;
    color: #9ca3af;
    font-size: 0.74rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.reports-account-search__status {
    width: fit-content;
    font-size: 0.72rem;
    font-style: normal;
    font-weight: 820;
}

.reports-account-search__status--red { color: #ff6b6b; }
.reports-account-search__status--orange { color: #ffa500; }
.reports-account-search__status--green { color: #00e676; }
.reports-account-search__status--blue { color: #60a5fa; }

@keyframes reports-account-search-pulse {
    from { opacity: 0.52; }
    to { opacity: 0.9; }
}

@media (prefers-reduced-motion: reduce) {
    .reports-account-search__skeleton i,
    .reports-command-state__skeleton i {
        animation: none;
    }
}

.reports-command-state {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.95fr);
    gap: 1rem;
    margin: 1rem 1.4rem 1.4rem;
    padding: clamp(1rem, 2vw, 1.6rem);
    border: 1px solid rgba(96, 165, 250, 0.34);
    border-radius: 12px;
    background:
        radial-gradient(circle at 82% 16%, rgba(96, 165, 250, 0.14), transparent 22rem),
        linear-gradient(145deg, rgba(43, 45, 49, 0.96), rgba(8, 13, 17, 0.98));
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}

.reports-command-state--error {
    border-color: rgba(255, 68, 68, 0.42);
    background:
        radial-gradient(circle at 82% 16%, rgba(255, 68, 68, 0.12), transparent 22rem),
        linear-gradient(145deg, rgba(43, 45, 49, 0.96), rgba(8, 13, 17, 0.98));
}

.reports-command-state__copy {
    display: grid;
    align-content: center;
    gap: 0.72rem;
    min-width: 0;
}

.reports-command-state__copy > .status-pill {
    justify-self: start;
}

.reports-command-state__copy h2,
.reports-command-state__copy p,
.reports-command-state__copy small,
.reports-command-state__safe p {
    margin: 0;
}

.reports-command-state__copy h2 {
    color: #ffffff;
    font-size: clamp(1.75rem, 3.2vw, 2.75rem);
    line-height: 1.04;
}

.reports-command-state__copy > p:not(.reports-eyebrow) {
    max-width: 58ch;
    color: #d1d5db;
    font-size: 1rem;
    line-height: 1.55;
}

.reports-command-state__copy > small {
    max-width: 62ch;
    color: #9ca3af;
    font-size: 0.8rem;
    line-height: 1.45;
}

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

.reports-command-state__actions a,
.reports-command-state__actions button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 48px;
    min-width: 0;
    padding: 0.65rem 0.75rem;
    border: 1px solid rgba(96, 165, 250, 0.5);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.1);
    color: #ffffff;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 780;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.reports-command-state__actions button {
    border-color: rgba(255, 68, 68, 0.56);
    background: rgba(255, 68, 68, 0.12);
}

.reports-command-state__actions a:hover,
.reports-command-state__actions a:focus-visible,
.reports-command-state__actions button:hover,
.reports-command-state__actions button:focus-visible {
    border-color: #ffffff;
    color: #ffffff;
}

.reports-command-state__safe {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.8rem;
    align-content: center;
    min-width: 0;
    padding: 1rem;
    border: 1px solid rgba(255, 68, 68, 0.28);
    border-radius: 10px;
    background: rgba(7, 11, 14, 0.74);
}

.reports-command-state__safe > .oi {
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255, 68, 68, 0.42);
    border-radius: 8px;
    color: #ff6b6b;
}

.reports-command-state__safe strong {
    display: block;
    color: #ffffff;
    line-height: 1.35;
}

.reports-command-state__safe p {
    margin-top: 0.45rem;
    color: #d1d5db;
    font-size: 0.86rem;
    line-height: 1.5;
}

.reports-command-state__skeleton {
    display: grid;
    grid-template-rows: 118px auto 150px;
    gap: 0.72rem;
    min-width: 0;
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 10px;
    background: rgba(7, 11, 14, 0.72);
}

.reports-command-state__skeleton > div {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.62rem;
}

.reports-command-state__skeleton i {
    display: block;
    min-width: 0;
    border-radius: 8px;
    background: linear-gradient(110deg, #232529 18%, #34373d 36%, #232529 54%);
    background-size: 220% 100%;
    animation: reports-command-state-pulse 1.2s ease-in-out infinite;
}

.reports-command-state__skeleton > div i {
    min-height: 74px;
}

@keyframes reports-command-state-pulse {
    from { background-position: 100% 0; }
    to { background-position: -100% 0; }
}

.reports-command-empty {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
    gap: 1rem;
    margin: 1rem 1.4rem 1.4rem;
    padding: clamp(1rem, 2vw, 1.6rem);
    border: 1px solid rgba(96, 165, 250, 0.34);
    border-radius: 12px;
    background:
        radial-gradient(circle at 82% 16%, rgba(96, 165, 250, 0.16), transparent 22rem),
        linear-gradient(145deg, rgba(43, 45, 49, 0.96), rgba(8, 13, 17, 0.98));
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}

.reports-command-empty__copy,
.reports-command-empty__preview,
.reports-command-empty__metrics {
    display: grid;
    min-width: 0;
}

.reports-command-empty__copy {
    align-content: center;
    gap: 0.72rem;
}

.reports-command-empty__copy > .status-pill {
    justify-self: start;
}

.reports-command-empty__copy h2,
.reports-command-empty__copy p,
.reports-command-empty__preview h3,
.reports-command-empty__preview p,
.reports-command-empty__metrics {
    margin: 0;
}

.reports-command-empty__copy h2 {
    color: #ffffff;
    font-size: clamp(1.8rem, 3.5vw, 3rem);
    line-height: 1;
}

.reports-command-empty__copy > p:not(.reports-eyebrow) {
    max-width: 58ch;
    color: #d1d5db;
    font-size: 1rem;
    line-height: 1.55;
}

.reports-command-empty__copy > small {
    color: #9ca3af;
    font-size: 0.8rem;
    line-height: 1.45;
}

.reports-command-empty__warning {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.6rem 0.7rem;
    border: 1px solid rgba(255, 165, 0, 0.36);
    border-radius: 8px;
    background: rgba(255, 165, 0, 0.08);
    color: #ffa500 !important;
    font-size: 0.78rem !important;
}

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

.reports-command-empty__actions .reports-action-button {
    min-height: 48px;
    padding: 0.6rem 0.72rem;
}

.reports-command-empty__preview {
    grid-template-columns: minmax(150px, 0.58fr) minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 10px;
    background: rgba(7, 11, 14, 0.72);
}

.reports-command-empty__preview h3 {
    color: #ffffff;
    font-size: 1.08rem;
}

.reports-command-empty__illustration {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 230px;
    overflow: hidden;
}

.reports-command-empty__document {
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.42rem;
    align-content: end;
    width: 132px;
    height: 164px;
    padding: 1rem;
    border: 1px solid rgba(96, 165, 250, 0.58);
    border-radius: 12px;
    background: linear-gradient(160deg, rgba(96, 165, 250, 0.22), rgba(17, 24, 39, 0.96));
    box-shadow: 0 22px 48px rgba(0, 0, 0, 0.36);
    transform: rotate(-3deg);
}

.reports-command-empty__document .oi {
    grid-column: 1 / -1;
    align-self: start;
    color: #60a5fa;
    font-size: 2rem;
}

.reports-command-empty__document i {
    display: block;
    min-height: 54px;
    border-radius: 6px 6px 2px 2px;
    background: linear-gradient(180deg, #00e676, rgba(0, 230, 118, 0.34));
}

.reports-command-empty__document i:nth-of-type(1) {
    min-height: 34px;
}

.reports-command-empty__document i:nth-of-type(2) {
    min-height: 48px;
    background: linear-gradient(180deg, #60a5fa, rgba(96, 165, 250, 0.34));
}

.reports-command-empty__document i:nth-of-type(3) {
    min-height: 68px;
    background: linear-gradient(180deg, #ffd700, rgba(255, 215, 0, 0.34));
}

.reports-command-empty__orbit {
    position: absolute;
    border: 1px solid rgba(96, 165, 250, 0.2);
    border-radius: 999px;
}

.reports-command-empty__orbit--one {
    width: 190px;
    height: 190px;
}

.reports-command-empty__orbit--two {
    width: 245px;
    height: 245px;
    border-color: rgba(0, 230, 118, 0.12);
}

.reports-command-empty__metrics {
    gap: 0.45rem;
    margin-top: 0.72rem;
}

.reports-command-empty__metrics div {
    display: grid;
    gap: 0.12rem;
    padding: 0.58rem 0.65rem;
    border-left: 3px solid rgba(96, 165, 250, 0.56);
    border-radius: 0 8px 8px 0;
    background: rgba(43, 45, 49, 0.74);
}

.reports-command-empty__metrics dt {
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 850;
}

.reports-command-empty__metrics dd {
    margin: 0;
    color: #9ca3af;
    font-size: 0.75rem;
    line-height: 1.35;
}

.reports-account-search,
.reports-command-board {
    content-visibility: auto;
    contain-intrinsic-size: 720px;
}

.reports-command-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 64px;
    padding: 0.65rem 1rem 0.65rem 1.4rem;
}

.reports-command-selects,
.reports-command-actions {
    flex-wrap: wrap;
    gap: 0.55rem;
}

.reports-command-select,
.reports-command-actions a,
.reports-command-actions button {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    min-height: 44px;
    min-width: 0;
    padding: 0 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.28);
    border-radius: 8px;
    background: rgba(17, 24, 39, 0.72);
    color: #d1d5db;
    font-size: 0.82rem;
    text-decoration: none;
}

.reports-command-select small {
    color: #9ca3af;
    font-size: 0.74rem;
    font-weight: 760;
}

.reports-command-select strong {
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 760;
}

button.reports-command-select,
.reports-command-actions button {
    cursor: pointer;
}

.reports-command-actions a:hover,
.reports-command-actions a:focus-visible,
.reports-command-actions button:hover,
.reports-command-actions button:focus-visible,
.reports-command-select:not(.reports-command-select--static):hover,
.reports-command-select:not(.reports-command-select--static):focus-visible {
    border-color: rgba(96, 165, 250, 0.6);
    color: #ffffff;
    text-decoration: none;
}

.reports-command-select--static {
    background: rgba(17, 24, 39, 0.5);
}

.reports-objective-lanes {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.62rem;
    padding: 0.72rem 0.82rem 0;
    background: #070b0e;
}

.reports-objective-lane {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.55rem;
    min-height: 64px;
    padding: 0.58rem 0.65rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: rgba(17, 24, 39, 0.72);
    color: #ffffff;
    text-decoration: none;
}

.reports-objective-lane:hover,
.reports-objective-lane:focus-visible {
    border-color: rgba(96, 165, 250, 0.6);
    color: #ffffff;
    text-decoration: none;
}

.reports-objective-lane > span:not(.report-state-icon) {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.reports-objective-lane strong,
.reports-objective-lane small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.reports-objective-lane strong {
    color: #ffffff;
    font-size: 0.84rem;
    font-weight: 850;
}

.reports-objective-lane small {
    color: #9ca3af;
    font-size: 0.7rem;
    line-height: 1.2;
}

.reports-objective-lane em {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.55rem;
    min-height: 1.55rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    font-size: 0.78rem;
    font-style: normal;
    font-weight: 900;
}

.reports-objective-lane--green { border-color: rgba(0, 230, 118, 0.34); }
.reports-objective-lane--red { border-color: rgba(255, 68, 68, 0.34); }
.reports-objective-lane--blue { border-color: rgba(96, 165, 250, 0.34); }
.reports-objective-lane--gold { border-color: rgba(255, 215, 0, 0.34); }

.reports-command-board {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 420px);
    gap: 0.8rem;
    align-items: start;
    padding: 0.85rem;
    min-width: 0;
}

.reports-command-main,
.reports-command-inspector {
    display: grid;
    gap: 0.8rem;
    min-width: 0;
}

.reports-command-panel {
    display: grid;
    gap: 0.85rem;
    min-width: 0;
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(43, 45, 49, 0.9), rgba(18, 24, 28, 0.94)),
        #2b2d31;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.26);
}

.reports-panel-heading {
    display: grid;
    gap: 0.3rem;
}

.reports-panel-heading--row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.reports-panel-heading--row > a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
}

.reports-panel-heading h2 {
    margin: 0;
    color: #ffffff;
    font-size: 1.06rem;
    font-weight: 820;
    line-height: 1.2;
}

.reports-panel-heading p {
    margin: 0;
    color: #9ca3af;
    font-size: 0.82rem;
    line-height: 1.4;
}

.reports-panel-heading small,
.reports-audit-card a {
    color: #9ca3af;
    font-size: 0.78rem;
    font-weight: 740;
}

.reports-readiness-rail {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 0;
    padding: 1.1rem 0 0;
    list-style: none;
}

.reports-readiness-rail::before {
    content: "";
    position: absolute;
    top: 2rem;
    left: 8%;
    right: 8%;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, #00e676 0 28%, #ffa500 28% 58%, #ff4444 58% 78%, rgba(156, 163, 175, 0.38) 78%);
}

.reports-readiness-step {
    position: relative;
    display: grid;
    justify-items: center;
    gap: 0.35rem;
    min-width: 0;
    text-align: center;
}

.reports-readiness-step__marker {
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 2px solid rgba(156, 163, 175, 0.6);
    border-radius: 999px;
    background: #111827;
    color: #ffffff;
    font-size: 0.86rem;
    font-weight: 850;
}

.reports-readiness-step--green .reports-readiness-step__marker { border-color: #00e676; color: #00e676; }
.reports-readiness-step--orange .reports-readiness-step__marker { border-color: #ffa500; color: #ffa500; }
.reports-readiness-step--red .reports-readiness-step__marker { border-color: #ff4444; color: #ff4444; }
.reports-readiness-step--blue .reports-readiness-step__marker { border-color: #60a5fa; color: #60a5fa; }
.reports-readiness-step--gold .reports-readiness-step__marker { border-color: #ffd700; color: #ffd700; }

.reports-readiness-step strong {
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 780;
    line-height: 1.2;
}

.reports-readiness-step small {
    color: #9ca3af;
    font-size: 0.76rem;
    font-weight: 720;
    line-height: 1.25;
}

.reports-client-proof-panel {
    border-color: rgba(0, 230, 118, 0.26);
}

.reports-proof-summary {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin: 0;
}

.reports-client-summary {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.reports-proof-summary__cell {
    display: grid;
    gap: 0.55rem;
    min-width: 0;
    min-height: 128px;
    padding: 0.75rem;
    border-right: 1px solid rgba(156, 163, 175, 0.2);
}

.reports-proof-summary__cell:last-child {
    border-right: 0;
}

.reports-proof-summary dt {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: #d1d5db;
    font-size: 0.78rem;
    font-weight: 760;
    line-height: 1.2;
}

.reports-proof-summary dd {
    display: grid;
    gap: 0.25rem;
    margin: 0;
}

.reports-proof-summary dd strong {
    color: #ffffff;
    font-size: 0.88rem;
    font-weight: 820;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.reports-proof-summary dd span:not(.reports-progress) {
    color: #9ca3af;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.3;
}

.reports-proof-summary__cell--green dd strong { color: #00e676; }
.reports-proof-summary__cell--orange dd strong { color: #ffa500; }
.reports-proof-summary__cell--red dd strong { color: #ff4444; }
.reports-proof-summary__cell--blue dd strong { color: #60a5fa; }
.reports-proof-summary__cell--gold dd strong { color: #ffd700; }

.reports-progress {
    display: block;
    width: 100%;
    height: 7px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(156, 163, 175, 0.2);
}

.reports-progress span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #00e676;
}

.reports-primary-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
}

.reports-action-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-height: 54px;
    min-width: 0;
    padding: 0 0.8rem;
    border: 1px solid rgba(96, 165, 250, 0.55);
    border-radius: 8px;
    color: #60a5fa;
    font-size: 0.86rem;
    font-weight: 820;
    text-align: center;
    text-decoration: none;
}

.reports-action-button:hover,
.reports-action-button:focus-visible {
    background: rgba(96, 165, 250, 0.1);
    color: #ffffff;
    text-decoration: none;
}

.reports-action-button--orange { border-color: rgba(255, 165, 0, 0.62); color: #ffa500; }
.reports-action-button--gold { border-color: rgba(255, 215, 0, 0.62); color: #ffd700; }
.reports-action-button--green { border-color: rgba(0, 230, 118, 0.62); color: #00e676; }

.reports-route-board {
    gap: 0.75rem;
}

.reports-help-dot {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border: 1px solid rgba(156, 163, 175, 0.5);
    border-radius: 999px;
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 900;
}

.reports-route-columns {
    display: grid;
    grid-template-columns: 0.9fr 1.05fr 0.95fr;
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(156, 163, 175, 0.22);
    border-radius: 8px;
}

.reports-route-column {
    display: grid;
    align-content: start;
    min-width: 0;
    border-right: 1px solid rgba(156, 163, 175, 0.2);
}

.reports-route-column:last-child {
    border-right: 0;
}

.reports-route-column header {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 44px;
    padding: 0 0.85rem;
    color: #ffffff;
    font-size: 0.86rem;
    font-weight: 820;
}

.reports-route-column header strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.4rem;
    min-height: 1.4rem;
    border-radius: 999px;
    background: rgba(156, 163, 175, 0.22);
    font-size: 0.72rem;
}

.reports-route-column--red header { color: #ff4444; }
.reports-route-column--blue header { color: #60a5fa; }
.reports-route-column--green header { color: #00e676; }
.reports-route-column--gold header { color: #ffd700; }
.reports-route-column--orange header { color: #ffa500; }

.reports-route-column ul {
    display: grid;
    margin: 0;
    padding: 0 0.5rem 0.65rem;
    max-height: 286px;
    overflow: auto;
    list-style: none;
}

.reports-route-row-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.35rem;
    align-items: center;
    min-width: 0;
    border-top: 1px solid rgba(156, 163, 175, 0.16);
}

.reports-route-row-shell--selected {
    background: rgba(96, 165, 250, 0.1);
    box-shadow: inset 3px 0 0 rgba(96, 165, 250, 0.75);
}

.reports-route-row {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    gap: 0.5rem;
    align-items: center;
    min-height: 44px;
    padding: 0.25rem 0.35rem;
    color: #d1d5db;
    text-decoration: none;
}

.reports-route-row .report-state-icon {
    width: 26px;
    height: 26px;
    border-radius: 8px;
    font-size: 0.74rem;
}

.reports-route-row:hover,
.reports-route-row:focus-visible {
    background: rgba(96, 165, 250, 0.08);
    color: #ffffff;
    text-decoration: none;
}

.reports-route-row strong {
    display: block;
    color: #f8fafc;
    font-size: 0.76rem;
    font-weight: 760;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.reports-route-row small {
    display: block;
    margin-top: 0.1rem;
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 680;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.reports-route-row em {
    color: #9ca3af;
    font-size: 0.64rem;
    font-style: normal;
    font-weight: 760;
    white-space: nowrap;
}

.reports-route-row-actions {
    display: inline-flex;
    gap: 0.25rem;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
}

.reports-route-icon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(156, 163, 175, 0.22);
    border-radius: 8px;
    background: #1b1c1e;
    color: #d1d5db;
    font-size: 0.86rem;
    text-decoration: none;
}

.reports-route-icon-button:hover,
.reports-route-icon-button:focus-visible {
    border-color: rgba(96, 165, 250, 0.6);
    color: #ffffff;
    text-decoration: none;
}

.reports-route-icon-button[aria-expanded="true"] {
    border-color: rgba(96, 165, 250, 0.72);
    color: #60a5fa;
}

.reports-route-expanded-panel {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid rgba(96, 165, 250, 0.36);
    border-radius: 8px;
    background: #232529;
    scroll-margin-top: 1rem;
}

.reports-route-expanded-panel:focus-visible {
    outline: 2px solid rgba(96, 165, 250, 0.72);
    outline-offset: 3px;
}

.reports-route-expanded-panel--green { border-color: rgba(0, 230, 118, 0.36); }
.reports-route-expanded-panel--orange { border-color: rgba(255, 165, 0, 0.4); }
.reports-route-expanded-panel--red { border-color: rgba(255, 68, 68, 0.42); }
.reports-route-expanded-panel--blue { border-color: rgba(96, 165, 250, 0.42); }
.reports-route-expanded-panel--gold { border-color: rgba(255, 215, 0, 0.4); }

.reports-route-expanded-panel__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: start;
}

.reports-route-expanded-panel__header h3 {
    margin: 0.25rem 0 0;
    color: #ffffff;
    font-size: 1.05rem;
    font-weight: 820;
    line-height: 1.25;
}

.reports-route-expanded-panel__header p:not(.reports-eyebrow) {
    margin: 0.35rem 0 0;
    color: #d1d5db;
    font-size: 0.86rem;
    line-height: 1.45;
}

.reports-route-expanded-panel__body {
    display: grid;
    grid-template-columns: 1.1fr 0.95fr 1fr;
    gap: 0.75rem;
    min-width: 0;
}

.reports-expanded-signal-card,
.reports-expanded-checks,
.reports-expanded-metrics div {
    min-width: 0;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #1b1c1e;
}

.reports-expanded-signal-card,
.reports-expanded-checks {
    display: grid;
    align-content: start;
    gap: 0.7rem;
    padding: 0.85rem;
}

.reports-expanded-signal-card__topline {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr) auto;
    gap: 0.45rem;
    align-items: center;
}

.reports-expanded-signal-card__topline strong,
.reports-expanded-checks h4 {
    margin: 0;
    color: #ffffff;
    font-size: 0.84rem;
    font-weight: 820;
}

.reports-expanded-signal-card__topline small {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 760;
}

.reports-expanded-signal-bars {
    display: grid;
    gap: 0.55rem;
}

.reports-expanded-signal-bar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.45rem;
    align-items: center;
}

.reports-expanded-signal-bar span {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
    color: #d1d5db;
    font-size: 0.76rem;
    font-weight: 760;
    overflow-wrap: anywhere;
}

.reports-expanded-signal-bar strong {
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 820;
}

.reports-expanded-signal-bar i {
    grid-column: 1 / -1;
    display: block;
    height: 7px;
    border-radius: 999px;
    background: rgba(156, 163, 175, 0.18);
    overflow: hidden;
}

.reports-expanded-signal-bar b {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #60a5fa;
}

.reports-expanded-signal-bar--green b { background: #00e676; }
.reports-expanded-signal-bar--orange b { background: #ffa500; }
.reports-expanded-signal-bar--red b { background: #ff4444; }
.reports-expanded-signal-bar--blue b { background: #60a5fa; }
.reports-expanded-signal-bar--gold b { background: #ffd700; }

.reports-expanded-metrics {
    display: grid;
    gap: 0.55rem;
    margin: 0;
}

.reports-expanded-metrics div {
    display: grid;
    gap: 0.25rem;
    padding: 0.7rem;
}

.reports-expanded-metrics dt {
    color: #9ca3af;
    font-size: 0.7rem;
    font-weight: 820;
    text-transform: uppercase;
}

.reports-expanded-metrics dd {
    display: grid;
    gap: 0.2rem;
    margin: 0;
}

.reports-expanded-metrics dd strong {
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.2;
}

.reports-expanded-metrics dd span,
.reports-expanded-checks li {
    color: #d1d5db;
    font-size: 0.76rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.reports-expanded-checks ul {
    display: grid;
    gap: 0.45rem;
    margin: 0;
    padding-left: 1rem;
}

.reports-route-expanded-panel__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.reports-status-legend {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.5rem;
    padding: 0.45rem 0.25rem 0;
}

.reports-status-legend__item {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 0.45rem;
    align-items: start;
    min-width: 0;
}

.reports-status-legend__item i {
    width: 10px;
    height: 10px;
    margin-top: 0.25rem;
    border-radius: 999px;
    background: #9ca3af;
}

.reports-status-legend__item--green i { background: #00e676; }
.reports-status-legend__item--orange i { background: #ffa500; }
.reports-status-legend__item--red i { background: #ff4444; }
.reports-status-legend__item--blue i { background: #60a5fa; }
.reports-status-legend__item--gold i { background: #ffd700; }

.reports-status-legend__item strong,
.reports-status-legend__item small {
    display: block;
    grid-column: 2;
    min-width: 0;
    overflow-wrap: anywhere;
}

.reports-status-legend__item strong {
    color: #d1d5db;
    font-size: 0.76rem;
    font-weight: 780;
}

.reports-status-legend__item small {
    color: #9ca3af;
    font-size: 0.7rem;
    line-height: 1.25;
}

.reports-inspector-list {
    display: grid;
    gap: 0.65rem;
}

.reports-inspector-list .report-blocker-card {
    grid-template-columns: 44px minmax(0, 1fr) 82px;
    align-items: center;
    min-height: 92px;
    padding: 0.75rem;
}

.reports-inspector-list .report-blocker-card__topline {
    display: grid;
    justify-items: center;
    gap: 0.25rem;
}

.reports-inspector-list .report-blocker-card__topline strong {
    width: auto;
    height: auto;
    min-height: 0;
    border: 0;
    color: inherit;
    font-size: 1.25rem;
}

.reports-inspector-list .report-blocker-card h3 {
    font-size: 0.9rem;
}

.reports-inspector-list .report-blocker-card p {
    margin-top: 0.25rem;
    font-size: 0.78rem;
    line-height: 1.35;
}

.reports-inspector-list .report-blocker-card a {
    justify-self: end;
    width: auto;
    border: 0;
    color: #60a5fa;
    font-size: 0.78rem;
    line-height: 1.2;
    text-align: right;
}

.reports-audit-card ul {
    display: grid;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    overflow: hidden;
    list-style: none;
}

.reports-audit-row {
    display: grid;
    grid-template-columns: 58px 10px minmax(0, 1fr) 16px;
    gap: 0.5rem;
    align-items: center;
    min-height: 44px;
    padding: 0.45rem 0.55rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.16);
    color: inherit;
    text-decoration: none;
}

.reports-audit-card li:last-child .reports-audit-row {
    border-bottom: 0;
}

.reports-audit-row:hover,
.reports-audit-row:focus-visible {
    background: rgba(96, 165, 250, 0.08);
}

.reports-audit-row:focus-visible {
    outline: 2px solid rgba(96, 165, 250, 0.72);
    outline-offset: -2px;
}

.reports-audit-row time {
    color: #9ca3af;
    font-size: 0.72rem;
}

.reports-audit-row > span:not(.oi) {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: #9ca3af;
}

.reports-audit-row--green > span:not(.oi) { background: #00e676; }
.reports-audit-row--orange > span:not(.oi) { background: #ffa500; }
.reports-audit-row--red > span:not(.oi) { background: #ff4444; }
.reports-audit-row--blue > span:not(.oi) { background: #60a5fa; }
.reports-audit-row--gold > span:not(.oi) { background: #ffd700; }

.reports-audit-row strong,
.reports-audit-row small {
    grid-column: 3;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.reports-audit-row strong {
    color: #ffffff;
    font-size: 0.76rem;
    font-weight: 780;
}

.reports-audit-row small {
    color: #9ca3af;
    font-size: 0.72rem;
    line-height: 1.2;
}

.reports-audit-row .oi {
    grid-column: 4;
    grid-row: 1 / span 2;
    color: #9ca3af;
    font-size: 0.72rem;
}

.reports-safe-copy.reports-command-panel {
    border-color: rgba(255, 215, 0, 0.36);
}

.reports-safe-copy__body {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.85rem;
    align-items: center;
    min-height: 96px;
    padding: 1rem;
    border: 1px dashed rgba(255, 215, 0, 0.72);
    border-radius: 8px;
    background: rgba(255, 215, 0, 0.04);
}

.reports-safe-copy__body strong {
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 820;
}

.reports-safe-copy__body p {
    margin-top: 0.25rem;
    color: #d1d5db;
    font-size: 0.82rem;
}

.reports-command-footer {
    position: sticky;
    bottom: 0;
    display: flex;
    align-items: center;
    gap: 1rem;
    min-height: 58px;
    padding: 0 1.4rem;
    border-top: 1px solid rgba(156, 163, 175, 0.18);
    border-bottom: 0;
}

.reports-command-footer__item {
    gap: 0.4rem;
    min-height: 44px;
    color: #d1d5db;
    font-size: 0.78rem;
    font-weight: 720;
    text-decoration: none;
    white-space: nowrap;
}

.reports-command-footer__link {
    padding: 0 0.35rem;
    border-radius: 8px;
}

.reports-command-footer__link:hover,
.reports-command-footer__link:focus-visible {
    background: rgba(96, 165, 250, 0.08);
    color: #ffffff;
    text-decoration: none;
}

.reports-command-footer__link:focus-visible {
    outline: 2px solid rgba(96, 165, 250, 0.72);
    outline-offset: 2px;
}

.reports-command-footer__item strong {
    color: #9ca3af;
}

.reports-command-footer__item em {
    color: #f8fafc;
    font-style: normal;
    font-weight: 820;
}

.reports-command-footer__item--green em { color: #00e676; }
.reports-command-footer__item--orange em { color: #ffa500; }
.reports-command-footer__item--red em { color: #ff4444; }
.reports-command-footer__item--blue em { color: #60a5fa; }
.reports-command-footer__item--gold em { color: #ffd700; }

.reports-command-footer__spacer {
    flex: 1 1 auto;
}

.reports-detail-command-footer {
    position: sticky;
    bottom: 0;
    z-index: 8;
    display: grid;
    grid-template-columns: repeat(3, minmax(150px, 1fr)) minmax(230px, 0.9fr);
    gap: 0.75rem;
    align-items: stretch;
    margin-top: 0.85rem;
    padding: 0.8rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(17, 23, 27, 0.96), rgba(7, 11, 14, 0.98)),
        #070b0e;
    box-shadow: 0 -14px 36px rgba(0, 0, 0, 0.28);
}

.blueprint-command-shell--buyer-checkout .reports-detail-command-footer {
    margin-top: 1rem;
}

.reports-detail-command-footer--client-proof {
    position: static;
    margin-top: 1.2rem;
}

.reports-detail-command-footer__item,
.reports-detail-command-footer__status {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.12rem 0.65rem;
    align-items: center;
    min-height: 64px;
    min-width: 0;
    padding: 0.65rem 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.22);
    border-radius: 8px;
    background: rgba(35, 37, 41, 0.86);
    color: #ffffff;
    text-decoration: none;
}

.reports-detail-command-footer__item:hover,
.reports-detail-command-footer__item:focus-visible {
    border-color: currentColor;
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff;
    text-decoration: none;
    outline: none;
}

.reports-detail-command-footer__item:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

.reports-detail-command-footer__item > .oi,
.reports-detail-command-footer__status > .oi {
    grid-row: 1 / span 2;
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 1px solid currentColor;
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.72);
}

.reports-detail-command-footer__item strong,
.reports-detail-command-footer__status strong {
    min-width: 0;
    overflow: hidden;
    color: #ffffff;
    font-size: 0.9rem;
    line-height: 1.18;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.reports-detail-command-footer__item small,
.reports-detail-command-footer__status small {
    min-width: 0;
    overflow: hidden;
    color: #d1d5db;
    font-size: 0.74rem;
    line-height: 1.24;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.reports-detail-command-footer__item--green { color: #00e676; }
.reports-detail-command-footer__item--orange { color: #ffa500; }
.reports-detail-command-footer__item--red { color: #ff4444; }
.reports-detail-command-footer__item--blue { color: #60a5fa; }
.reports-detail-command-footer__item--gold { color: #ffd700; }

.reports-detail-command-footer__status {
    border-color: rgba(255, 215, 0, 0.32);
    color: #ffd700;
}

.reports-completion-summary {
    display: grid;
    gap: 0.65rem;
    padding: 1rem;
    border: 1px solid rgba(255, 68, 68, 0.34);
    border-radius: 8px;
    background: #232529;
}

.reports-completion-summary h3 {
    color: #ffffff;
    font-size: 1.05rem;
    font-weight: 760;
    line-height: 1.25;
}

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

.reports-state-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.reports-state-strip article {
    display: grid;
    gap: 0.65rem;
    min-height: 148px;
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #2b2d31;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}

.reports-state-strip h2 {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: #ffffff;
    font-size: 1.05rem;
    font-weight: 760;
    line-height: 1.25;
}

.reports-state-strip p:not(.reports-eyebrow) {
    color: #d1d5db;
    font-size: 0.92rem;
    line-height: 1.48;
}

.report-blocker-rollup {
    display: grid;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #2b2d31;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.22);
}

.report-blocker-rollup__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
}

.report-blocker-card {
    display: grid;
    gap: 0.55rem;
    min-height: 190px;
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: #232529;
}

.report-blocker-card--green { border-color: rgba(0, 230, 118, 0.32); }
.report-blocker-card--orange { border-color: rgba(255, 165, 0, 0.36); }
.report-blocker-card--red { border-color: rgba(255, 68, 68, 0.36); }
.report-blocker-card--blue { border-color: rgba(96, 165, 250, 0.36); }
.report-blocker-card--gold { border-color: rgba(255, 215, 0, 0.36); }

.report-blocker-card__topline {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
}

.report-blocker-card__topline strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(156, 163, 175, 0.26);
    border-radius: 8px;
    color: #ffffff;
    font-size: 1.25rem;
    font-weight: 800;
}

.report-blocker-card h3 {
    margin: 0;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 760;
    line-height: 1.25;
}

.report-blocker-card p {
    margin: 0;
    color: #d1d5db;
    font-size: 0.9rem;
    line-height: 1.45;
}

.report-blocker-card a {
    align-self: end;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    width: fit-content;
    padding: 0 0.8rem;
    border: 1px solid rgba(96, 165, 250, 0.5);
    border-radius: 8px;
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 750;
    text-decoration: none;
}

.report-type-switcher {
    display: grid;
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #232529;
}

.report-type-switcher .section-heading {
    margin-bottom: 0;
}

.report-type-tabs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.6rem;
}

.report-type-tab {
    display: grid;
    align-content: center;
    gap: 0.35rem;
    min-height: 64px;
    min-width: 0;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: #1b1c1e;
    color: #ffffff;
    text-decoration: none;
}

.report-type-tab:hover,
.report-type-tab:focus-visible {
    border-color: rgba(96, 165, 250, 0.62);
    color: #ffffff;
    text-decoration: none;
}

.report-type-tab small {
    color: #9ca3af;
    font-size: 0.78rem;
    font-weight: 760;
}

.report-type-tab--green { border-color: rgba(0, 230, 118, 0.26); }
.report-type-tab--orange { border-color: rgba(255, 165, 0, 0.3); }
.report-type-tab--red { border-color: rgba(255, 68, 68, 0.3); }
.report-type-tab--blue { border-color: rgba(96, 165, 250, 0.3); }
.report-type-tab--gold { border-color: rgba(255, 215, 0, 0.3); }

.report-objective-stack {
    display: grid;
    gap: 1rem;
}

.report-objective-group {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #232529;
}

.report-objective-group--green { border-color: rgba(0, 230, 118, 0.24); }
.report-objective-group--orange { border-color: rgba(255, 165, 0, 0.28); }
.report-objective-group--red { border-color: rgba(255, 68, 68, 0.28); }
.report-objective-group--blue { border-color: rgba(96, 165, 250, 0.28); }
.report-objective-group--gold { border-color: rgba(255, 215, 0, 0.28); }

.report-objective-group__header,
.report-signal-chart__header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.report-objective-group__header h2,
.report-signal-chart__header h2 {
    margin: 0.25rem 0 0;
    color: #ffffff;
    font-size: 1.1rem;
    font-weight: 760;
    line-height: 1.3;
}

.report-state-icon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid rgba(156, 163, 175, 0.24);
    border-radius: 8px;
    background: #1b1c1e;
    color: #f8fafc;
    font-size: 0.9rem;
}

.report-state-icon--green { border-color: rgba(0, 230, 118, 0.45); color: #00e676; }
.report-state-icon--orange { border-color: rgba(255, 165, 0, 0.5); color: #ffa500; }
.report-state-icon--red { border-color: rgba(255, 68, 68, 0.5); color: #ff4444; }
.report-state-icon--blue { border-color: rgba(96, 165, 250, 0.5); color: #60a5fa; }
.report-state-icon--gold { border-color: rgba(255, 215, 0, 0.5); color: #ffd700; }

.report-card-state,
.reports-eyebrow--with-icon,
.compact-rank-list span,
.action-row h3,
.report-risk-list h3 {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.report-card-state .status-pill {
    min-width: 0;
}

.report-card-kicker {
    color: #9ca3af;
    font-size: 0.76rem;
    font-weight: 800;
    text-transform: uppercase;
}

.report-authority-lane {
    display: grid;
    gap: 0.5rem;
}

.report-signal-chart {
    display: grid;
    gap: 1rem;
}

.report-signal-bars {
    display: grid;
    gap: 0.85rem;
}

.report-signal-bar {
    display: grid;
    gap: 0.45rem;
    min-height: 94px;
    padding: 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: #232529;
}

.report-signal-bar__label {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    gap: 0.65rem;
    align-items: center;
}

.report-signal-bar__label span {
    color: #ffffff;
    font-size: 0.92rem;
    font-weight: 760;
    line-height: 1.25;
}

.report-signal-bar__label strong {
    color: #ffffff;
    font-size: 1.1rem;
    font-weight: 800;
}

.report-signal-bar__track {
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: #1b1c1e;
}

.report-signal-bar__track span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #9ca3af;
}

.report-signal-bar p {
    margin: 0;
    color: #d1d5db;
    font-size: 0.88rem;
    line-height: 1.45;
}

.report-signal-bar--green .report-signal-bar__track span { background: #00e676; }
.report-signal-bar--orange .report-signal-bar__track span { background: #ffa500; }
.report-signal-bar--red .report-signal-bar__track span { background: #ff4444; }
.report-signal-bar--blue .report-signal-bar__track span { background: #60a5fa; }
.report-signal-bar--gold .report-signal-bar__track span { background: #ffd700; }

.report-priority-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    align-items: start;
    gap: 1rem;
}

.report-priority-card,
.report-panel,
.reports-board__main,
.reports-board__side {
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #2b2d31;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.22);
}

.report-priority-card {
    display: grid;
    gap: 0.7rem;
    min-height: 330px;
    padding: 1rem;
    color: #f8fafc;
    text-decoration: none;
}

.report-priority-card__topline {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    min-width: 0;
}

.report-priority-card:hover,
.report-priority-card:focus-visible {
    border-color: rgba(96, 165, 250, 0.62);
    color: #ffffff;
    text-decoration: none;
}

.report-priority-card--hot {
    border-color: rgba(0, 230, 118, 0.5);
}

.report-priority-card h2 {
    color: #ffffff;
    font-size: 1.08rem;
    font-weight: 760;
    line-height: 1.24;
}

.report-priority-card p {
    color: #d1d5db;
    font-size: 0.96rem;
    line-height: 1.55;
}

.report-priority-card__decision {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
    gap: 0.35rem;
    margin: 0;
}

.report-priority-card__fit {
    display: grid;
    gap: 0.25rem;
    margin: 0;
    padding-left: 0.6rem;
    border-left: 3px solid rgba(96, 165, 250, 0.5);
}

.report-priority-card__fit div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 0.4rem;
    align-items: baseline;
    min-width: 0;
}

.report-priority-card__decision div {
    display: grid;
    gap: 0.18rem;
    min-height: 0;
    padding: 0.6rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #232529;
}

.report-priority-card__decision dt {
    color: #9ca3af;
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
}

.report-priority-card__fit dt {
    color: #9ca3af;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.report-priority-card__decision dd {
    margin: 0;
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 750;
    line-height: 1.28;
    overflow-wrap: anywhere;
}

.report-priority-card__fit dd {
    margin: 0;
    color: #d1d5db;
    font-size: 0.82rem;
    font-weight: 720;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.report-priority-card__completion {
    color: #9ca3af;
    font-size: 0.9rem;
}

.report-priority-card__summary,
.report-priority-card__completion {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.report-priority-card__summary {
    -webkit-line-clamp: 3;
}

.report-priority-card__completion {
    -webkit-line-clamp: 2;
}

.report-priority-card strong {
    align-self: end;
    color: #60a5fa;
    font-size: 0.95rem;
}

.report-rank {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255, 215, 0, 0.36);
    border-radius: 8px;
    color: #ffd700;
    font-weight: 800;
}

.status-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    max-width: 100%;
    min-width: 0;
    min-height: 24px;
    padding: 0.18rem 0.48rem;
    border: 0;
    border-radius: 4px;
    background: rgba(156, 163, 175, 0.1);
    color: #d1d5db;
    cursor: default;
    font-size: 0.74rem;
    font-weight: 780;
    line-height: 1.25;
    letter-spacing: 0;
    text-transform: none;
    white-space: normal;
    overflow-wrap: anywhere;
    text-align: center;
}

.status-pill--green { background: rgba(0, 230, 118, 0.1); color: #55ef9b; }
.status-pill--orange { background: rgba(255, 165, 0, 0.1); color: #ffbd4a; }
.status-pill--red { background: rgba(255, 68, 68, 0.1); color: #ff8a8a; }
.status-pill--blue { background: rgba(96, 165, 250, 0.1); color: #93c5fd; }
.status-pill--gold { background: rgba(255, 215, 0, 0.1); color: #ffe45c; }
.status-pill--purple { background: rgba(171, 71, 188, 0.12); color: #d28cdf; }

/* A status-styled link or button is an action and keeps an honest 44px target. */
:is(a, button).status-pill {
    min-height: 44px;
    padding: 0.55rem 0.8rem;
    border: 1px solid currentColor;
    border-radius: 8px;
    background: rgba(37, 99, 235, 0.16);
    cursor: pointer;
    color: #dbeafe;
    font-weight: 820;
    text-decoration: none;
}

:is(a, button).status-pill:hover {
    background: rgba(37, 99, 235, 0.28);
    color: #ffffff;
}

:is(a, button).status-pill:focus-visible {
    outline: 3px solid #facc15;
    outline-offset: 3px;
}

.brand-preview-status-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    width: 100%;
    margin: 0.35rem 0 0.55rem;
}

.brand-preview-status-row :is(
    .brand-kit-phone__owned,
    .blueprint-branding-mock__owned,
    .branding-preview-phone__owned) {
    position: static;
    margin-left: auto;
}

/* Static state is intentionally quieter than a button or filter chip. */
.semantic-status {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    width: fit-content;
    max-width: 100%;
    min-height: 24px;
    padding: 0.18rem 0.48rem;
    border: 0;
    border-radius: 4px;
    background: rgba(156, 163, 175, 0.1);
    color: #d1d5db;
    cursor: default;
    font-size: 0.74rem;
    font-weight: 780;
    line-height: 1.25;
    text-transform: none;
    overflow-wrap: anywhere;
}

.semantic-status__dot {
    flex: 0 0 auto;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
}

.semantic-status--green { background: rgba(0, 230, 118, 0.1); color: #55ef9b; }
.semantic-status--orange { background: rgba(255, 165, 0, 0.1); color: #ffbd4a; }
.semantic-status--red { background: rgba(255, 68, 68, 0.1); color: #ff8a8a; }
.semantic-status--blue { background: rgba(96, 165, 250, 0.1); color: #93c5fd; }
.semantic-status--gold { background: rgba(255, 215, 0, 0.1); color: #ffe45c; }
.semantic-status--purple { background: rgba(171, 71, 188, 0.12); color: #d28cdf; }

.semantic-eyebrow {
    margin: 0;
    color: #c4cad4;
    font-size: 0.7rem;
    font-weight: 820;
    letter-spacing: 0.075em;
    line-height: 1.3;
    text-transform: uppercase;
}

.semantic-eyebrow--green { color: #55ef9b; }
.semantic-eyebrow--blue { color: #93c5fd; }
.semantic-eyebrow--gold { color: #ffe45c; }

.reports-board {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 1rem;
}

.reports-board__main,
.reports-board__side,
.report-panel {
    padding: 1.5rem;
}

.report-detail-layout .report-panel {
    padding: 1rem;
}

.reports-board__main,
.reports-board__side {
    min-width: 0;
}

.section-heading {
    display: grid;
    gap: 0.4rem;
    margin-bottom: 1rem;
}

.section-heading h2,
.report-panel h2 {
    color: #ffffff;
    font-size: 1.45rem;
    font-weight: 760;
    line-height: 1.25;
}

.action-list {
    display: grid;
    gap: 0.75rem;
}

.action-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    gap: 1rem;
    align-items: center;
    min-height: 76px;
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: #232529;
}

.action-row h3 {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 760;
}

.action-row > div {
    min-width: 0;
}

.action-row p {
    margin-top: 0.28rem;
    color: #d1d5db;
    font-size: 0.94rem;
    line-height: 1.45;
}

.action-row a,
.action-row button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 112px;
    min-height: 44px;
    padding: 0 0.8rem;
    border: 1px solid rgba(96, 165, 250, 0.5);
    border-radius: 8px;
    color: #ffffff;
    text-decoration: none;
    font-size: 0.92rem;
    font-weight: 750;
}

.action-row .action-row__status:not(a):not(button) {
    justify-self: end;
    min-width: 0;
    min-height: 24px;
    width: auto;
    padding: 0.18rem 0.48rem;
    border: 0;
    border-radius: 4px;
    background: rgba(156, 163, 175, 0.1);
    cursor: default;
    font-size: 0.74rem;
    line-height: 1.25;
    text-transform: none;
}

.action-row > span:not(.admin-action-icon):not(.oi) {
    justify-self: end;
    min-width: 0;
    min-height: 24px;
    width: auto;
    padding: 0.18rem 0.48rem;
    border: 0;
    border-radius: 4px;
    background: rgba(156, 163, 175, 0.1);
    color: #d1d5db;
    cursor: default;
    font-size: 0.74rem;
    font-weight: 780;
    line-height: 1.25;
    text-transform: none;
}

.action-row .action-row__status.status-pill--green { border-color: rgba(0, 230, 118, 0.55); background: rgba(0, 230, 118, 0.1); color: #55ef9b; }
.action-row .action-row__status.status-pill--orange { border-color: rgba(255, 165, 0, 0.6); background: rgba(255, 165, 0, 0.1); color: #ffbd4a; }
.action-row .action-row__status.status-pill--red { border-color: rgba(255, 68, 68, 0.6); background: rgba(255, 68, 68, 0.1); color: #ff8a8a; }
.action-row .action-row__status.status-pill--blue { border-color: rgba(96, 165, 250, 0.6); background: rgba(96, 165, 250, 0.1); color: #93c5fd; }
.action-row .action-row__status.status-pill--gold { border-color: rgba(255, 215, 0, 0.6); background: rgba(255, 215, 0, 0.1); color: #ffe45c; }
.action-row .action-row__status.status-pill--purple { border-color: rgba(171, 71, 188, 0.6); background: rgba(171, 71, 188, 0.12); color: #d28cdf; }

.action-row .semantic-status {
    justify-self: end;
    justify-content: flex-start;
    min-width: 0;
    min-height: 24px;
    padding: 0.18rem 0.48rem;
    border: 0;
    border-radius: 4px;
    font-size: 0.74rem;
    line-height: 1.25;
    text-transform: none;
}

.action-row .semantic-status > span {
    display: inline;
    min-width: 0;
    min-height: 0;
    padding: 0;
    border: 0;
    font-size: inherit;
}

.action-row .semantic-status > .semantic-status__dot {
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.action-row--red { border-color: rgba(255, 68, 68, 0.5); }
.action-row--orange { border-color: rgba(255, 165, 0, 0.5); }
.action-row--blue { border-color: rgba(96, 165, 250, 0.5); }
.action-row--green { border-color: rgba(0, 230, 118, 0.5); }
.action-row--gold { border-color: rgba(255, 215, 0, 0.5); }
.action-row--purple { border-color: rgba(171, 71, 188, 0.5); }

.admin-workspace--community-pulse {
    --pulse-question: #d8b4fe;
    --pulse-answer: #60a5fa;
    --pulse-accepted: #00e676;
    --pulse-review: #ffa500;
    --pulse-flagged: #ff4444;
    --pulse-reward: #ffd700;
}

.admin-workspace--community-pulse .community-pulse-thread {
    --pulse-thread-accent: var(--pulse-question);
    --pulse-thread-bg: rgba(216, 180, 254, 0.08);
    position: relative;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--pulse-thread-accent) 52%, transparent);
    background: linear-gradient(90deg, var(--pulse-thread-bg), #232529 46%);
    box-shadow:
        inset 4px 0 0 var(--pulse-thread-accent),
        inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.admin-workspace--community-pulse .status-pill--purple {
    border-color: rgba(216, 180, 254, 0.72);
    color: #d8b4fe;
}

.admin-workspace--community-pulse .action-row .action-row__status.status-pill--purple {
    border-color: rgba(216, 180, 254, 0.72);
    color: #d8b4fe;
}

.admin-workspace--community-pulse .community-pulse-thread > a,
.admin-workspace--community-pulse .community-pulse-thread > .action-row__status {
    background: rgba(17, 24, 39, 0.32);
}

.admin-workspace--community-pulse .community-pulse-thread > a {
    border-color: color-mix(in srgb, var(--pulse-thread-accent) 58%, transparent);
    color: #f8fafc;
}

.admin-workspace--community-pulse .community-pulse-overview-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

.admin-workspace--community-pulse .community-pulse-overview-metrics div {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
    padding: 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #232529;
}

.admin-workspace--community-pulse .community-pulse-overview-metrics span {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1.18;
    text-transform: uppercase;
}

.admin-workspace--community-pulse .community-pulse-overview-metrics strong {
    color: #ffffff;
    font-size: 1.35rem;
    font-weight: 850;
    line-height: 1;
}

.admin-workspace--community-pulse .community-pulse-overview-metrics small {
    color: #cbd5e1;
    font-size: 0.78rem;
    line-height: 1.35;
}

.admin-workspace--community-pulse .community-pulse-thread--question {
    --pulse-thread-accent: var(--pulse-question);
    --pulse-thread-bg: rgba(216, 180, 254, 0.08);
}

.admin-workspace--community-pulse .community-pulse-thread--answer {
    --pulse-thread-accent: var(--pulse-answer);
    --pulse-thread-bg: rgba(96, 165, 250, 0.12);
}

.admin-workspace--community-pulse .community-pulse-thread--accepted {
    --pulse-thread-accent: var(--pulse-accepted);
    --pulse-thread-bg: rgba(0, 230, 118, 0.1);
}

.admin-workspace--community-pulse .community-pulse-thread--review {
    --pulse-thread-accent: var(--pulse-review);
    --pulse-thread-bg: rgba(255, 165, 0, 0.11);
}

.admin-workspace--community-pulse .community-pulse-thread--flagged {
    --pulse-thread-accent: var(--pulse-flagged);
    --pulse-thread-bg: rgba(255, 68, 68, 0.1);
}

.admin-workspace--community-pulse .community-pulse-thread--reward {
    --pulse-thread-accent: var(--pulse-reward);
    --pulse-thread-bg: rgba(255, 215, 0, 0.1);
}

.admin-workspace--community-pulse .community-pulse-thread--context {
    --pulse-thread-accent: #9ca3af;
    --pulse-thread-bg: rgba(156, 163, 175, 0.08);
}

.action-row--target-lock {
    position: relative;
    border-color: rgba(255, 68, 68, 0.85);
    box-shadow:
        0 0 0 2px rgba(255, 68, 68, 0.28),
        0 0 28px rgba(255, 68, 68, 0.24);
    animation: community-pulse-target-lock 1.8s ease-in-out 2;
}

.action-row--target-lock::before {
    content: "Target lock";
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 0.55rem;
    border: 1px solid rgba(255, 68, 68, 0.72);
    border-radius: 999px;
    background: rgba(255, 68, 68, 0.12);
    color: #ff4444;
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: uppercase;
}

@keyframes community-pulse-target-lock {
    0%,
    100% {
        box-shadow:
            0 0 0 2px rgba(255, 68, 68, 0.22),
            0 0 24px rgba(255, 68, 68, 0.18);
    }

    50% {
        box-shadow:
            0 0 0 4px rgba(255, 68, 68, 0.38),
            0 0 40px rgba(255, 68, 68, 0.32);
    }
}

@media (prefers-reduced-motion: reduce) {
    .action-row--target-lock {
        animation: none;
    }
}

.compact-rank-list {
    display: grid;
    gap: 0.45rem;
    margin: 1rem 0 0;
    padding-left: 1.2rem;
    color: #d1d5db;
    font-size: 0.93rem;
    line-height: 1.35;
}

.reports-board__side .compact-rank-list li {
    display: grid;
    gap: 0.2rem;
}

.reports-board__side .compact-rank-list small {
    color: #9ca3af;
    font-size: 0.78rem;
    font-weight: 750;
    text-transform: uppercase;
}

.reports-board__side .action-row {
    grid-template-columns: 1fr;
    align-items: start;
}

.reports-board__side .action-row .action-row__status {
    justify-self: start;
}

.report-detail-layout {
    gap: 0.85rem;
    width: 100%;
    max-width: 1180px;
    margin-inline: auto;
}

.report-detail-layout .reports-hero--compact {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
    align-items: end;
    gap: 0.45rem;
}

.reports-hero--compact h1 {
    font-size: clamp(1.65rem, 2vw, 2.45rem);
}

.report-detail-layout .reports-lead {
    max-width: 940px;
    font-size: 0.92rem;
    line-height: 1.32;
}

.report-detail-layout .reports-hero--compact .reports-eyebrow,
.report-detail-layout .reports-hero--compact h1,
.report-detail-layout .reports-hero--compact .reports-lead {
    grid-column: 1;
}

.report-detail-layout .reports-hero--compact .report-filter-bar {
    grid-column: 2;
    grid-row: 1 / span 3;
    align-self: stretch;
}

.report-detail-layout--evidence-capture {
    max-width: 1040px;
    gap: 1rem;
}

.report-detail-layout--evidence-capture > .reports-hero--compact {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.3rem;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 10px;
    background: #232529;
}

.report-detail-layout--evidence-capture > .reports-hero--compact .reports-eyebrow,
.report-detail-layout--evidence-capture > .reports-hero--compact h1,
.report-detail-layout--evidence-capture > .reports-hero--compact .reports-lead {
    grid-column: 1;
}

.report-detail-layout--evidence-capture > .reports-hero--compact .reports-lead {
    max-width: 760px;
    line-height: 1.45;
}

.page:has(.report-detail-layout--ledger-focused) .command-header {
    display: none;
}

.main:has(.report-detail-layout--ledger-focused) {
    padding-top: 0.65rem;
}

.report-detail-layout--ledger-focused {
    gap: 0.55rem;
}

.report-detail-layout--ledger-focused > .breadcrumb-trail,
.report-detail-layout--ledger-focused > .report-command-detail-strip {
    display: none;
}

.report-detail-layout--ledger-focused > .reports-hero--compact {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.2rem;
    padding: 0.7rem 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: #232529;
}

.report-detail-layout--ledger-focused > .reports-hero--compact .reports-eyebrow,
.report-detail-layout--ledger-focused > .reports-hero--compact h1 {
    grid-column: 1;
}

.report-detail-layout--ledger-focused > .reports-hero--compact .reports-eyebrow {
    font-size: 0.7rem;
}

.report-detail-layout--ledger-focused > .reports-hero--compact h1 {
    font-size: clamp(1.35rem, 2vw, 1.65rem);
    line-height: 1.08;
}

.report-detail-layout--ledger-focused > .reports-hero--compact .reports-lead {
    display: none;
}

.report-command-detail-strip {
    display: grid;
    grid-template-columns: 1.1fr repeat(3, minmax(0, 1fr));
    gap: 0.35rem;
    margin-bottom: 0.15rem;
    padding: 0.35rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: #232529;
}

.report-command-detail-strip a,
.report-command-detail-strip div {
    display: grid;
    align-content: center;
    gap: 0.15rem;
    min-height: 44px;
    min-width: 0;
    padding: 0.42rem 0.58rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #1b1c1e;
}

.report-command-detail-strip a {
    grid-template-columns: 20px minmax(0, 1fr);
    align-items: center;
    color: #ffffff;
    text-decoration: none;
}

.report-command-detail-strip a:hover,
.report-command-detail-strip a:focus-visible {
    border-color: rgba(96, 165, 250, 0.56);
    color: #ffffff;
}

.report-command-detail-strip small,
.report-command-detail-strip strong {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.report-command-detail-strip small {
    color: #9ca3af;
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
}

.report-command-detail-strip strong {
    color: #ffffff;
    font-size: 0.86rem;
    font-weight: 780;
}

.report-filter-bar {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.35rem;
    max-width: 360px;
    margin-top: 0;
}

.report-filter {
    display: grid;
    gap: 0.25rem;
    min-height: 44px;
    padding: 0.42rem 0.65rem;
    border: 1px solid rgba(156, 163, 175, 0.22);
    border-radius: 8px;
    background: #232529;
}

.report-filter span {
    color: #9ca3af;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.report-filter strong {
    color: #ffffff;
    font-size: 0.98rem;
    line-height: 1.3;
}

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

.client-mandate-report-grid {
    align-items: start;
}

.client-mandate-report-grid > .report-panel--wide,
.client-mandate-report-panel--wide {
    grid-column: 1 / -1;
}

.client-mandate-report-spotlight {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1.05fr) minmax(18rem, 0.95fr) auto;
    align-items: stretch;
    gap: 0.85rem;
    border-color: rgba(96, 165, 250, 0.26);
    background:
        linear-gradient(135deg, rgba(96, 165, 250, 0.12), rgba(0, 230, 118, 0.055) 48%, rgba(255, 215, 0, 0.06)),
        #232529;
}

.client-mandate-report-spotlight h2,
.client-mandate-report-spotlight p {
    margin: 0;
}

.client-mandate-report-spotlight h2 {
    margin-top: 0.45rem;
    color: #ffffff;
    font-size: 1.32rem;
    line-height: 1.12;
}

.client-mandate-report-spotlight p {
    margin-top: 0.4rem;
    color: #d1d5db;
    line-height: 1.42;
}

.client-mandate-report-spotlight__metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
    margin: 0;
}

.client-mandate-report-spotlight__metrics div {
    display: grid;
    gap: 0.25rem;
    min-height: 72px;
    padding: 0.65rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: rgba(12, 18, 23, 0.72);
}

.client-mandate-report-spotlight__metrics dt {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.client-mandate-report-spotlight__metrics dd {
    margin: 0;
    color: #ffffff;
    font-size: 0.92rem;
    font-weight: 850;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.client-mandate-report-spotlight__actions {
    display: grid;
    align-content: stretch;
    gap: 0.55rem;
    min-width: 11rem;
}

.client-mandate-report-spotlight__actions .marketplace-action-link {
    width: 100%;
    justify-content: center;
}

.client-mandate-decision-actions {
    display: grid;
    gap: 0.75rem;
    scroll-margin-top: 5.5rem;
}

.client-mandate-decision-actions:focus,
.client-mandate-decision-panel:focus,
.client-mandate-audit-panel:focus {
    outline: none;
}

.client-mandate-decision-actions:focus-visible,
.client-mandate-decision-panel:focus-visible,
.client-mandate-audit-panel:focus-visible {
    outline: 3px solid #93c5fd;
    outline-offset: 3px;
    box-shadow: 0 0 0 5px rgba(37, 99, 235, 0.2);
}

.client-mandate-decision-actions .proposal-field {
    display: grid;
    gap: 0.3rem;
}

.client-mandate-decision-actions .proposal-field > span {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    align-items: baseline;
}

.client-mandate-decision-actions .proposal-field > span small,
.client-mandate-decision-note-help {
    color: #9ca3af;
    font-size: 0.875rem;
    font-weight: 500;
}

.client-mandate-decision-actions textarea {
    min-height: 52px;
    resize: vertical;
}

.client-mandate-decision-actions .proposal-action-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
}

.client-mandate-decision-actions .proposal-action-row .marketplace-action-link,
.client-mandate-client-decision-recovery-action {
    min-height: 44px;
    justify-content: center;
}

.client-mandate-decision-validation {
    padding: 0.55rem 0.65rem;
    border: 1px solid rgba(245, 158, 11, 0.48);
    border-radius: 6px;
    background: rgba(120, 53, 15, 0.22);
    color: #fde68a !important;
}

.client-mandate-report-evidence-details,
.client-mandate-proof-details {
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 6px;
    background: rgba(15, 23, 42, 0.34);
}

.client-mandate-report-evidence-details > summary,
.client-mandate-proof-details > summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto 1rem;
    gap: 0.75rem;
    align-items: center;
    min-height: 44px;
    padding: 0.55rem 0.7rem;
    color: #e5e7eb;
    cursor: pointer;
    list-style: none;
}

.client-mandate-report-evidence-details > summary::-webkit-details-marker,
.client-mandate-proof-details > summary::-webkit-details-marker {
    display: none;
}

.client-mandate-report-evidence-details > summary::after,
.client-mandate-proof-details > summary::after {
    content: "+";
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    color: #60a5fa;
    font-size: 1rem;
    font-weight: 850;
}

.client-mandate-report-evidence-details[open] > summary::after,
.client-mandate-proof-details[open] > summary::after {
    content: "−";
}

.client-mandate-report-evidence-details > summary strong,
.client-mandate-proof-details > summary strong {
    color: #cbd5e1;
    font-size: 0.78rem;
    text-align: right;
}

.client-mandate-report-evidence-details > summary:focus-visible,
.client-mandate-proof-details > summary:focus-visible {
    outline: 3px solid #93c5fd;
    outline-offset: -3px;
}

.client-mandate-report-evidence-details__content,
.client-mandate-proof-details__content {
    display: grid;
    gap: 0.7rem;
    padding: 0.7rem;
    border-top: 1px solid rgba(148, 163, 184, 0.16);
}

.report-detail-layout--client-mandate .marketplace-action-link:focus-visible,
.client-mandate-detail-workspace .marketplace-action-link:focus-visible,
.client-mandate-detail-workspace textarea:focus-visible,
.client-mandate-skip-link:focus-visible {
    outline: 3px solid #93c5fd;
    outline-offset: 2px;
    box-shadow: 0 0 0 5px rgba(37, 99, 235, 0.28);
}

.client-mandate-metrics-grid,
.client-mandate-summary-grid {
    display: grid;
    gap: 0.65rem;
    margin: 0;
}

.client-mandate-metrics-grid {
    grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
}

.client-mandate-summary-grid {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.client-mandate-metrics-grid div,
.client-mandate-summary-grid div {
    display: grid;
    gap: 0.22rem;
    min-height: 64px;
    padding: 0.65rem;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: 8px;
    background: rgba(35, 37, 41, 0.68);
}

.client-mandate-metrics-grid dt,
.client-mandate-summary-grid dt {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 850;
    line-height: 1.25;
    text-transform: uppercase;
}

.client-mandate-metrics-grid dd,
.client-mandate-summary-grid dd {
    margin: 0;
    color: #ffffff;
    font-size: 0.92rem;
    font-weight: 850;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

@media (min-width: 900px) and (max-height: 760px) {
    .main:has(.report-detail-layout--client-mandate) {
        padding-top: 0.55rem;
    }

    .report-detail-layout--client-mandate {
        gap: 0.42rem;
    }

    .report-detail-layout--client-mandate > .breadcrumb-trail {
        display: none;
    }

    .report-detail-layout--client-mandate > .reports-hero--compact {
        gap: 0.16rem;
        padding: 0.42rem 0.62rem;
        border: 1px solid rgba(156, 163, 175, 0.18);
        border-radius: 8px;
        background: #232529;
    }

    .report-detail-layout--client-mandate > .reports-hero--compact .reports-eyebrow {
        font-size: 0.75rem;
    }

    .report-detail-layout--client-mandate > .reports-hero--compact h1 {
        font-size: 1.25rem;
        line-height: 1.08;
    }

    .report-detail-layout--client-mandate > .reports-hero--compact .reports-lead {
        display: none;
    }

    .report-detail-layout--client-mandate > .report-command-detail-strip {
        display: none;
    }

    .report-detail-layout--client-mandate .client-mandate-report-grid {
        gap: 0.42rem;
    }

    .report-detail-layout--client-mandate .client-mandate-report-spotlight {
        gap: 0.55rem;
        padding: 0.58rem;
    }

    .report-detail-layout--client-mandate .client-mandate-report-spotlight h2 {
        margin-top: 0.24rem;
        font-size: 1rem;
    }

    .report-detail-layout--client-mandate .client-mandate-report-spotlight p {
        margin-top: 0.22rem;
        font-size: 0.875rem;
        line-height: 1.3;
    }

    .report-detail-layout--client-mandate .client-mandate-report-spotlight__metrics {
        gap: 0.35rem;
    }

    .report-detail-layout--client-mandate .client-mandate-report-spotlight__metrics div {
        gap: 0.12rem;
        min-height: 58px;
        padding: 0.42rem;
    }

    .report-detail-layout--client-mandate .client-mandate-report-spotlight__metrics dt {
        font-size: 0.75rem;
    }

    .report-detail-layout--client-mandate .client-mandate-report-spotlight__metrics dd {
        font-size: 0.875rem;
        line-height: 1.24;
    }

    .report-detail-layout--client-mandate .client-mandate-report-spotlight__actions {
        gap: 0.35rem;
    }

    .report-detail-layout--client-mandate .client-mandate-decision-panel {
        gap: 0.36rem;
        padding: 0.62rem;
    }

    .report-detail-layout--client-mandate .client-mandate-decision-panel > h2 {
        font-size: 1.16rem;
        line-height: 1.08;
    }

    .report-detail-layout--client-mandate .client-mandate-decision-panel > p,
    .report-detail-layout--client-mandate .client-mandate-decision-actions p {
        font-size: 0.875rem;
        line-height: 1.3;
    }

    .report-detail-layout--client-mandate .client-mandate-decision-actions {
        gap: 0.32rem;
        scroll-margin-top: 0.5rem;
    }

    .report-detail-layout--client-mandate .client-mandate-decision-actions .proposal-field {
        gap: 0.18rem;
    }

    .report-detail-layout--client-mandate .client-mandate-decision-actions textarea {
        min-height: 44px;
        height: 44px;
        padding-block: 0.42rem;
        resize: none;
    }

    .report-detail-layout--client-mandate .client-mandate-decision-actions .proposal-action-row {
        gap: 0.36rem;
    }

    .report-detail-layout--client-mandate .client-mandate-report-evidence-details > summary {
        min-height: 44px;
        padding-block: 0.42rem;
    }
}

.marketplace-workspace.client-mandate-new-workspace:not(:has(.buyer-checkout-mockup-hybrid))::before {
    content: "";
}

.marketplace-workspace.client-mandate-detail-workspace:not(:has(.buyer-checkout-mockup-hybrid))::before {
    content: "";
}

.marketplace-workspace.client-mandate-new-workspace:not(:has(.buyer-checkout-mockup-hybrid))::after {
    content: none;
}

.marketplace-workspace.client-mandate-detail-workspace:not(:has(.buyer-checkout-mockup-hybrid))::after {
    content: none;
}

.client-mandate-new-workspace {
    gap: 0.75rem;
    padding: 0.75rem 0.75rem 9rem 240px !important;
}

.client-mandate-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 44px;
    padding: 0 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(12, 18, 23, 0.86);
    color: #d1d5db;
}

.client-mandate-topbar__trail,
.client-mandate-topbar__utilities {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.client-mandate-topbar__trail a,
.client-mandate-topbar__trail strong {
    color: #ffffff;
    font-size: 0.88rem;
    font-weight: 850;
    text-decoration: none;
}

.client-mandate-topbar__trail a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding-inline: 0.35rem;
}

.client-mandate-topbar__trail a:hover,
.client-mandate-topbar__trail a:focus-visible {
    color: #60a5fa;
    text-decoration: none;
}

.marketplace-workspace.client-mandate-new-workspace:not(:has(.buyer-checkout-mockup-hybrid)) > .client-mandate-command-nav,
.marketplace-workspace.client-mandate-detail-workspace:not(:has(.buyer-checkout-mockup-hybrid)) > .client-mandate-command-nav,
.client-mandate-command-nav {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 4;
    display: grid;
    grid-template-rows: auto auto 1fr;
    gap: 1.1rem;
    width: 216px;
    padding: 1rem 0.85rem;
    border-right: 1px solid rgba(156, 163, 175, 0.15);
    background: #0c1217;
    color: #d1d5db;
    box-shadow: 18px 0 48px rgba(0, 0, 0, 0.22);
}

.client-mandate-command-nav__brand {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 0.05rem 0.55rem;
    align-items: center;
    min-height: 44px;
    color: #ffffff;
    text-decoration: none;
}

.client-mandate-command-nav__brand span {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    grid-row: 1 / span 2;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 0;
    background: #ffd700;
    color: #ffd700;
    font-size: 0.78rem;
    font-weight: 900;
    clip-path: polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0 50%);
}

.client-mandate-command-nav__brand span::before {
    content: "";
    position: absolute;
    inset: 4px;
    background: #0c1217;
    clip-path: polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0 50%);
}

.client-mandate-command-nav__brand span::after {
    content: "";
    position: absolute;
    inset: 10px;
    border-radius: 999px;
    background: rgba(255, 215, 0, 0.95);
}

.client-mandate-command-nav__brand strong,
.client-mandate-command-nav__brand small {
    grid-column: 2;
    line-height: 1;
    text-transform: uppercase;
}

.client-mandate-command-nav__brand strong {
    font-size: 0.9rem;
    font-weight: 900;
}

.client-mandate-command-nav__brand strong em {
    color: #ffd700;
    font-style: normal;
}

.client-mandate-command-nav__brand small {
    color: #ffd700;
    font-size: 0.68rem;
    font-weight: 850;
}

.client-mandate-command-nav nav {
    display: grid;
    align-content: start;
    gap: 0.22rem;
}

.client-mandate-command-nav nav span {
    margin: 0.35rem 0 0.15rem;
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.client-mandate-command-nav nav a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 0.7rem;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #d1d5db;
    font-size: 0.84rem;
    font-weight: 800;
    text-decoration: none;
}

.client-mandate-command-nav nav a:hover,
.client-mandate-command-nav nav a:focus-visible,
.client-mandate-command-nav__active {
    border-color: rgba(96, 165, 250, 0.42) !important;
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff !important;
    text-decoration: none;
}

.client-mandate-mobile-section-jump {
    display: none;
}

.client-mandate-new-hero.marketplace-hero {
    min-height: 0;
    padding: 0.75rem 0.85rem !important;
}

.client-mandate-new-hero .marketplace-hero__grid {
    align-items: stretch;
}

.client-mandate-new-hero h1 {
    margin: 0;
    font-size: clamp(2rem, 2.25vw, 2.65rem) !important;
    line-height: 1.04;
}

.client-mandate-new-lead {
    max-width: 68rem;
    margin-top: 0.45rem !important;
    font-size: 1rem !important;
    line-height: 1.35 !important;
}

.client-mandate-new-hero__pills {
    display: flex;
    flex-wrap: wrap;
    gap: 0.38rem;
    margin-bottom: 0.5rem;
}

.client-mandate-boundary-panel {
    align-self: stretch;
    padding: 0.7rem !important;
}

.client-mandate-boundary-panel h2 {
    margin: 0.45rem 0 0.3rem;
    font-size: 1rem !important;
}

.client-mandate-boundary-panel p {
    font-size: 0.86rem !important;
    line-height: 1.4 !important;
}

.client-mandate-builder-shell {
    display: grid;
    grid-template-columns: minmax(0, 0.96fr) minmax(390px, 0.58fr);
    gap: 0.75rem;
    align-items: start;
}

.client-mandate-builder-form,
.client-mandate-preview-rail {
    min-width: 0;
}

@media (min-width: 761px) {
    .client-mandate-builder-form,
    .client-mandate-preview-rail {
        max-height: clamp(460px, calc(100vh - 27rem), 640px);
        overflow-y: auto;
        scrollbar-gutter: stable;
    }
}

.client-mandate-new-field-grid .client-mandate-new-field--wide,
.client-mandate-proof-field-grid .client-mandate-new-field--wide {
    grid-column: 1 / -1;
}

.client-mandate-readiness-score {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0.25rem 0.65rem;
    border: 1px solid rgba(96, 165, 250, 0.36);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 850;
    text-transform: uppercase;
}

.client-mandate-builder-form.proposal-draft-panel,
.client-mandate-preview-rail .proposal-preview-panel {
    gap: 0.62rem;
    padding: 0.72rem;
}

.client-mandate-builder-form .proposal-panel-heading,
.client-mandate-preview-rail .proposal-panel-heading {
    gap: 0.65rem;
}

.client-mandate-builder-form .proposal-panel-heading h2,
.client-mandate-preview-rail .proposal-panel-heading h2,
.client-mandate-send-state h2 {
    margin-top: 0.25rem;
    font-size: 0.98rem;
    line-height: 1.2;
}

.client-mandate-new-field-grid,
.client-mandate-proof-field-grid {
    gap: 0.5rem;
}

.client-mandate-new-workspace .proposal-field {
    gap: 0.24rem;
}

.client-mandate-new-workspace .proposal-field span {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.client-mandate-new-workspace .proposal-field input,
.client-mandate-new-workspace .proposal-field textarea {
    min-height: 44px;
    padding: 0.56rem 0.65rem;
    font-size: 0.88rem;
    line-height: 1.32;
}

.client-mandate-new-field--compact textarea,
.client-mandate-proof-field-grid textarea {
    min-height: 58px !important;
}

.client-mandate-proof-editor {
    display: grid;
    gap: 0.5rem;
    padding: 0.62rem;
    border: 1px solid rgba(255, 165, 0, 0.26);
    border-radius: 8px;
    background: rgba(35, 37, 41, 0.72);
}

.client-mandate-proof-editor h3 {
    margin: 0.25rem 0 0;
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 850;
}

.client-mandate-preview-rail {
    display: grid;
    gap: 0.55rem;
    position: sticky;
    top: 0.75rem;
}

.client-mandate-live-preview,
.client-mandate-proof-preview,
.client-mandate-send-state {
    background: #1b1c1e;
}

.client-mandate-live-preview .marketplace-definition-list,
.client-mandate-send-state .marketplace-definition-list {
    display: grid;
    gap: 0.42rem;
    margin: 0;
}

.client-mandate-live-preview .marketplace-definition-list,
.client-mandate-send-state .marketplace-definition-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.client-mandate-live-preview .marketplace-definition-list div,
.client-mandate-send-state .marketplace-definition-list div {
    min-height: 50px;
    padding: 0.48rem;
}

.client-mandate-live-preview .marketplace-definition-list div:nth-child(n+4) {
    display: none;
}

.client-mandate-live-preview .marketplace-definition-list dd,
.client-mandate-send-state .marketplace-definition-list dd,
.client-mandate-send-state p {
    font-size: 0.82rem;
    line-height: 1.32;
}

.client-mandate-live-preview .marketplace-definition-list dd,
.client-mandate-proof-list small,
.client-mandate-send-state p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.client-mandate-live-preview .marketplace-definition-list dd,
.client-mandate-proof-list small {
    -webkit-line-clamp: 1;
}

.client-mandate-send-state p {
    -webkit-line-clamp: 1;
}

.client-mandate-proof-list {
    display: grid;
    gap: 0.38rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.client-mandate-proof-list li {
    display: grid;
    grid-template-columns: 18px 34px minmax(0, 1fr) auto;
    gap: 0.16rem 0.45rem;
    align-items: center;
    min-height: 68px;
    padding: 0.48rem;
    border: 1px solid rgba(255, 165, 0, 0.24);
    border-radius: 8px;
    background: rgba(35, 37, 41, 0.82);
}

.client-mandate-proof-list__handle {
    color: #9ca3af;
    font-size: 0.88rem;
    font-weight: 900;
    letter-spacing: 0;
}

.client-mandate-proof-list__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(0, 230, 118, 0.42);
    border-radius: 8px;
    background: rgba(0, 230, 118, 0.12);
    color: #00e676;
    font-size: 0.9rem;
    font-weight: 900;
}

.client-mandate-proof-list strong {
    grid-column: 3;
    color: #ffffff;
    font-size: 0.92rem;
    font-weight: 850;
}

.client-mandate-proof-list__type {
    grid-column: 3;
    justify-self: start;
    color: #ffa500;
    font-size: 0.76rem;
    font-weight: 850;
    text-transform: uppercase;
}

.client-mandate-proof-list__required {
    grid-column: 4;
    grid-row: 1 / span 2;
    justify-self: end;
    color: #00e676;
    font-size: 0.76rem;
    font-weight: 850;
}

.client-mandate-proof-list small,
.client-mandate-deep-link-readback {
    grid-column: 3 / -1;
    color: #d1d5db;
    font-size: 0.78rem;
    line-height: 1.32;
    overflow-wrap: anywhere;
}

.client-mandate-proof-list small {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.marketplace-workspace.client-mandate-new-workspace:not(:has(.buyer-checkout-mockup-hybrid)) > .client-mandate-action-rail,
.client-mandate-action-rail {
    position: fixed;
    left: 240px;
    right: 1.2rem;
    bottom: 0.75rem;
    z-index: 4;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    min-height: 68px;
    padding: 0.65rem 0.75rem;
    border: 1px solid rgba(255, 215, 0, 0.24);
    border-radius: 8px;
    background: rgba(12, 18, 23, 0.96);
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.34);
}

.client-mandate-action-rail > div:first-child {
    display: grid;
    gap: 0.45rem;
}

.client-mandate-action-rail strong {
    color: #ffffff;
    font-size: 0.84rem;
    line-height: 1.3;
}

.client-mandate-action-rail__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    justify-content: flex-end;
}

.client-mandate-action-rail .marketplace-action-link:disabled {
    border-color: rgba(156, 163, 175, 0.22);
    background: rgba(35, 37, 41, 0.8);
    color: #9ca3af;
    cursor: not-allowed;
}

.client-mandate-pilot-readiness {
    margin-top: 1rem;
    scroll-margin-bottom: 8rem;
    max-width: 100%;
    overflow-x: hidden;
}

.client-mandate-pilot-readiness > summary {
    cursor: pointer;
    list-style: none;
}

.client-mandate-pilot-readiness > summary::-webkit-details-marker {
    display: none;
}

.client-mandate-pilot-readiness .reports-readiness-rail,
.client-mandate-pilot-readiness .reports-readiness-step,
.client-mandate-pilot-readiness .reports-readiness-step > div,
.client-mandate-pilot-readiness .marketplace-definition-list,
.client-mandate-pilot-readiness .marketplace-definition-list div,
.client-mandate-pilot-readiness .marketplace-definition-list dd {
    min-width: 0;
    max-width: 100%;
}

.client-mandate-pilot-readiness .reports-readiness-step small,
.client-mandate-pilot-readiness .marketplace-definition-list dd {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.marketplace-workspace.client-mandate-new-workspace.client-mandate-readiness-workspace > .client-mandate-action-rail,
.marketplace-workspace.client-mandate-new-workspace:has(> .client-mandate-pilot-readiness:target) > .client-mandate-action-rail {
    position: static !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
}

.client-mandate-new-workspace.client-mandate-proposal-one {
    gap: 0;
    align-content: start;
    grid-auto-rows: max-content;
    min-height: 100vh;
    padding: 0 1.35rem 7rem 214px !important;
    background:
        radial-gradient(circle at 30% 0, rgba(96, 165, 250, 0.12), transparent 34rem),
        linear-gradient(135deg, #0b141b 0%, #101922 54%, #081117 100%);
    color: #f8fafc;
}

.client-mandate-proposal-one [data-testid="client-mandates-workspace-capability"] {
    display: none;
}

.marketplace-workspace.client-mandate-proposal-one:not(:has(.buyer-checkout-mockup-hybrid)) > .client-mandate-command-nav {
    width: 214px;
    grid-template-rows: auto auto auto 1fr;
    gap: 0.85rem;
    padding: 1.15rem 0.8rem;
    background:
        linear-gradient(180deg, rgba(11, 20, 27, 0.98), rgba(8, 17, 23, 0.98)),
        #0c1217;
}

.client-mandate-proposal-one .client-mandate-command-nav__brand {
    grid-template-columns: 34px minmax(0, 1fr);
    margin-bottom: 1rem;
}

.client-mandate-proposal-one .client-mandate-command-nav__brand span {
    border: 0;
    border-radius: 0;
    background: linear-gradient(135deg, #ffd700 0%, #f59e0b 100%);
    clip-path: polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0 50%);
    box-shadow: 0 0 0 1px rgba(255, 215, 0, 0.45);
    transform: none;
}

.client-mandate-proposal-one .client-mandate-command-nav__brand span::before {
    content: "";
    position: absolute;
    inset: 5px;
    width: auto;
    height: auto;
    border-radius: 4px;
    background: #0b141b;
    clip-path: polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0 50%);
}

.client-mandate-proposal-one .client-mandate-command-nav__brand span::after {
    inset: 10px;
    border: 2px solid #ffd700;
    border-radius: 3px;
    background: transparent;
    clip-path: polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0 50%);
}

.client-mandate-proposal-one .client-mandate-command-nav__brand strong {
    color: #ffffff;
    font-size: 0.98rem;
    letter-spacing: 0.02em;
}

.client-mandate-proposal-one .client-mandate-command-nav__brand strong em {
    color: #ffd700;
    font-style: normal;
}

.client-mandate-proposal-one .client-mandate-command-nav__brand small {
    color: #d1d5db;
    font-size: 0.67rem;
    letter-spacing: 0.07em;
}

.client-mandate-proposal-one .client-mandate-command-nav nav:nth-of-type(3) {
    align-self: end;
    padding-top: 0.8rem;
    border-top: 1px solid rgba(148, 163, 184, 0.22);
}

.client-mandate-proposal-one .client-mandate-command-nav nav a {
    gap: 0.55rem;
    border-radius: 0;
    color: #d7dee8;
    font-weight: 760;
}

.client-mandate-proposal-one .client-mandate-command-nav nav a::before {
    display: none;
}

.client-mandate-proposal-one .client-mandate-command-nav__create .client-mandate-command-nav__glyph {
    width: 22px;
    height: 22px;
    border-radius: 5px;
    background: #3b82f6;
    color: #f8fafc;
}

.client-mandate-proposal-one .client-mandate-command-nav__active .client-mandate-command-nav__glyph {
    color: #60a5fa;
}

.client-mandate-command-nav__glyph {
    position: relative;
    display: inline-flex;
    flex: 0 0 18px;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    color: currentColor;
}

.client-mandate-command-nav__glyph::before,
.client-mandate-command-nav__glyph::after {
    content: "";
    position: absolute;
    border-color: currentColor;
}

.client-mandate-command-nav__glyph--home::before {
    width: 12px;
    height: 9px;
    border: 1.5px solid currentColor;
    border-top: 0;
    bottom: 2px;
}

.client-mandate-command-nav__glyph--home::after {
    width: 10px;
    height: 10px;
    border-top: 1.5px solid currentColor;
    border-left: 1.5px solid currentColor;
    transform: rotate(45deg);
    top: 1px;
}

.client-mandate-command-nav__glyph--create::before,
.client-mandate-command-nav__glyph--mandates::before {
    content: "";
    width: 16px;
    height: 16px;
    border: 1.5px solid currentColor;
    border-radius: 4px;
}

.client-mandate-command-nav__glyph--create::after {
    width: 8px;
    height: 8px;
    background:
        linear-gradient(currentColor, currentColor) center / 8px 1.5px no-repeat,
        linear-gradient(currentColor, currentColor) center / 1.5px 8px no-repeat;
}

.client-mandate-command-nav__glyph--mandates::after,
.client-mandate-command-nav__glyph--production::after,
.client-mandate-command-nav__glyph--jobs::after,
.client-mandate-command-nav__glyph--reports::after,
.client-mandate-command-nav__glyph--audit::after,
.client-mandate-command-nav__glyph--templates::after {
    width: 8px;
    height: 7px;
    border: 1.5px solid currentColor;
    border-top-width: 3px;
}

.client-mandate-command-nav__glyph--production::before,
.client-mandate-command-nav__glyph--jobs::before,
.client-mandate-command-nav__glyph--reports::before,
.client-mandate-command-nav__glyph--audit::before,
.client-mandate-command-nav__glyph--templates::before {
    width: 14px;
    height: 14px;
    border: 1.5px solid currentColor;
    border-radius: 3px;
}

.client-mandate-command-nav__glyph--messages::before {
    width: 15px;
    height: 11px;
    border: 1.5px solid currentColor;
    border-radius: 2px;
}

.client-mandate-command-nav__glyph--messages::after {
    width: 9px;
    height: 7px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    top: 2px;
}

.client-mandate-command-nav__glyph--proof::before,
.client-mandate-command-nav__glyph--contacts::before,
.client-mandate-command-nav__glyph--integrations::before,
.client-mandate-command-nav__glyph--settings::before,
.client-mandate-command-nav__glyph--property::before,
.client-mandate-command-nav__glyph--switch::before {
    width: 15px;
    height: 15px;
    border: 1.5px solid currentColor;
    border-radius: 3px;
}

.client-mandate-command-nav__glyph--settings::before {
    border-radius: 999px;
}

.client-mandate-command-nav__glyph--settings::after {
    width: 5px;
    height: 5px;
    border: 1.5px solid currentColor;
    border-radius: 999px;
}

.client-mandate-command-nav__glyph--switch::after {
    width: 8px;
    height: 8px;
    border-top: 1.5px solid currentColor;
    border-right: 1.5px solid currentColor;
    transform: rotate(45deg);
}

.client-mandate-command-nav__chevron {
    width: 8px;
    height: 8px;
    margin-left: auto;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(-45deg);
}

.client-mandate-proposal-one .client-mandate-command-nav__active {
    border-color: rgba(96, 165, 250, 0.18) !important;
    background: linear-gradient(90deg, rgba(37, 99, 235, 0.28), rgba(37, 99, 235, 0.08));
    color: #79b2ff !important;
}

.client-mandate-proposal-one .client-mandate-command-nav__account {
    grid-template-columns: 18px minmax(0, 1fr) 8px;
    white-space: nowrap;
}

.client-mandate-proposal-one .client-mandate-command-nav__account:not(:hover):not(:focus-visible) {
    color: #ffffff;
}

.client-mandate-proposal-one .client-mandate-topbar {
    min-height: 54px;
    width: calc(100vw - 214px);
    margin: 0;
    padding: 0 1.4rem;
    border-width: 0 0 1px;
    border-color: rgba(148, 163, 184, 0.2);
    border-radius: 0;
    background: rgba(9, 18, 25, 0.58);
}

.client-mandate-proposal-one .client-mandate-topbar__utilities button,
.client-mandate-proposal-one .client-mandate-topbar__utilities a,
.client-mandate-user-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #dbeafe;
    font-weight: 850;
    text-decoration: none;
}

.client-mandate-proposal-one .client-mandate-topbar__bell {
    position: relative;
    color: #dbeafe;
    overflow: visible;
}

.client-mandate-proposal-one .client-mandate-topbar__help {
    width: 44px;
    height: 44px;
    border: 1.5px solid rgba(203, 213, 225, 0.72) !important;
    background: rgba(8, 17, 23, 0.28) !important;
    color: #dbeafe;
    font-size: 1rem;
    line-height: 1;
}

.client-mandate-topbar__bell span {
    position: relative;
    width: 18px;
    height: 18px;
    border: 1.6px solid currentColor;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.client-mandate-topbar__bell span::after {
    content: "";
    position: absolute;
    left: 5px;
    bottom: -4px;
    width: 6px;
    height: 6px;
    border-bottom: 1.6px solid currentColor;
    border-radius: 999px;
}

.client-mandate-proposal-one .client-mandate-topbar__utilities button:hover,
.client-mandate-proposal-one .client-mandate-topbar__utilities button:focus-visible,
.client-mandate-proposal-one .client-mandate-topbar__utilities a:hover,
.client-mandate-proposal-one .client-mandate-topbar__utilities a:focus-visible {
    outline: 2px solid #bfdbfe;
    outline-offset: 2px;
    color: #ffffff;
}

.client-mandate-help-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: min(760px, calc(100vw - 246px));
    margin: 0.74rem 0 0 1rem;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(96, 165, 250, 0.36);
    border-radius: 8px;
    background: #2b2d31;
    color: #ffffff;
}

.client-mandate-help-panel > div {
    min-width: 0;
}

.client-mandate-help-panel h2 {
    margin: 0.16rem 0 0.25rem;
    font-size: 1rem;
}

.client-mandate-help-panel p {
    margin: 0;
    color: #c4cad4;
    font-size: 0.88rem;
    line-height: 1.45;
}

.client-mandate-help-panel > button {
    flex: 0 0 auto;
    min-height: 44px;
}

.client-mandate-topbar__account-chevron {
    width: 9px;
    height: 9px;
    border-right: 1.5px solid #cbd5e1;
    border-bottom: 1.5px solid #cbd5e1;
    transform: rotate(45deg);
}

.client-mandate-user-avatar {
    min-width: 38px;
    min-height: 38px;
    background: rgba(96, 165, 250, 0.28);
}

.client-mandate-user-readback {
    display: grid;
    color: #ffffff;
    font-size: 0.82rem;
    line-height: 1.2;
}

.client-mandate-user-readback small {
    color: #9ca3af;
}

.client-mandate-proposal-one .client-mandate-builder-shell {
    grid-template-columns: minmax(0, min(760px, 100%));
    gap: 24px;
    align-items: start;
    width: min(760px, calc(100vw - 246px));
    max-width: none;
    margin: 0.74rem 0 0 1rem;
}

.client-mandate-proposal-one .client-mandate-builder-form,
.client-mandate-proposal-one .client-mandate-preview-rail {
    max-height: calc(100vh - 10.2rem);
    overflow-y: auto;
    scroll-padding-bottom: 5.5rem;
    scrollbar-gutter: stable;
}

.client-mandate-proposal-one .client-mandate-builder-form {
    display: grid;
    gap: 0.62rem;
    min-width: 0;
    max-height: calc(100vh - 8.55rem);
    overflow-y: auto;
    scrollbar-gutter: stable;
}

.client-mandate-new-heading {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.6rem;
    align-items: start;
    padding-right: 0;
}

.client-mandate-new-heading h1 {
    margin: 0;
    color: #ffffff;
    max-width: 100%;
    font-size: clamp(1.92rem, 1.62vw, 2.1rem) !important;
    font-weight: 700 !important;
    line-height: 1.04;
    white-space: nowrap;
}

.client-mandate-new-heading p,
.client-mandate-form-section > p,
.client-mandate-contractor-invite > p,
.client-mandate-preview-heading p,
.client-mandate-proof-preview__heading p {
    margin: 0.28rem 0 0;
    color: #cbd5e1;
    font-size: 0.9rem;
    line-height: 1.36;
}

.client-mandate-new-heading__pills {
    position: static;
    justify-self: end;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.45rem;
    max-width: 16.8rem;
}

.client-mandate-proposal-one .client-mandate-new-heading {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.32rem;
    position: relative;
}

.client-mandate-proposal-one .client-mandate-new-heading h1 {
    font-size: 1.9rem !important;
}

.client-mandate-proposal-one .client-mandate-new-heading p {
    margin-top: 0.12rem;
    font-size: 0.86rem;
    line-height: 1.25;
}

.client-mandate-proposal-one .client-mandate-new-heading__pills {
    position: static;
    justify-self: start;
    justify-content: flex-start;
    gap: 0.35rem;
    max-width: 100%;
}

.client-mandate-proposal-one .status-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.24rem;
    min-height: 28px;
    padding: 0.16rem 0.38rem;
    border-radius: 5px;
    font-size: 0.66rem;
    text-transform: none;
    white-space: nowrap;
    overflow-wrap: normal;
}

.client-mandate-proposal-one .client-mandate-new-heading__pills .status-pill::before,
.client-mandate-proposal-one .client-mandate-preview-title-row .status-pill::before {
    content: "";
    position: relative;
    display: inline-block;
    flex: 0 0 auto;
    color: currentColor;
}

.client-mandate-proposal-one .client-mandate-new-heading__pills .status-pill--blue::before {
    width: 8px;
    height: 8px;
    border-left: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(-45deg) translateY(-1px);
}

.client-mandate-proposal-one .client-mandate-new-heading__pills .status-pill--gold::before,
.client-mandate-proposal-one .client-mandate-preview-title-row .status-pill--gold::before {
    width: 10px;
    height: 6px;
    border: 1.5px solid currentColor;
    border-radius: 999px;
    transform: rotate(-25deg);
}

.client-mandate-proposal-one .client-mandate-new-heading__pills .status-pill--green::before,
.client-mandate-proposal-one .client-mandate-preview-title-row .status-pill--green::before {
    width: 11px;
    height: 11px;
    border: 1.5px solid currentColor;
    border-radius: 999px;
    background:
        linear-gradient(135deg, transparent 0 46%, currentColor 47% 57%, transparent 58%) 3px 6px / 7px 5px no-repeat;
}

.client-mandate-form-section,
.client-mandate-contractor-invite,
.client-mandate-criteria-editor {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.52rem;
}

.client-mandate-proposal-one .client-mandate-form-section > .proposal-field,
.client-mandate-proposal-one .client-mandate-form-section > .client-mandate-form-split,
.client-mandate-proposal-one .client-mandate-contractor-invite > .proposal-field,
.client-mandate-proposal-one .client-mandate-contractor-invite > .client-mandate-form-split {
    grid-column: 1;
}

.client-mandate-proposal-one .guided-workflow-tabs {
    margin: 0.18rem 0 0.1rem;
}

.client-mandate-proposal-one .guided-workflow-tab {
    min-width: 5.7rem;
    border-color: rgba(96, 165, 250, 0.28);
    background: rgba(96, 165, 250, 0.09);
}

.client-mandate-proposal-one .guided-workflow-tab--active {
    border-color: rgba(96, 165, 250, 0.76);
    background: rgba(96, 165, 250, 0.2);
}

.client-mandate-form-progress {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    justify-content: space-between;
    padding: 0.72rem;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.06);
}

.client-mandate-form-progress p {
    min-width: min(100%, 16rem);
    margin: 0;
    color: #d1d5db;
    font-size: 0.84rem;
    font-weight: 800;
    line-height: 1.35;
}

.client-mandate-preview-readiness {
    display: grid;
    align-content: start;
    gap: 0.75rem;
    min-height: 360px;
    padding: 1rem;
    background: transparent;
}

.client-mandate-preview-readiness h2 {
    margin: 0;
    color: #ffffff;
    font-size: 1.08rem;
    line-height: 1.2;
}

.client-mandate-preview-readiness p {
    margin: 0;
    color: #cbd5e1;
    font-size: 0.9rem;
    line-height: 1.4;
}

.client-mandate-send-review .marketplace-definition-list {
    margin-top: 0.1rem;
}

.client-mandate-send-readback {
    gap: 1rem;
    margin-top: 0;
}

.client-mandate-send-readback > div {
    gap: 0.48rem;
    padding-block: 1.08rem;
}

.client-mandate-boundary-note {
    margin: 0;
    padding: 0.72rem 0.78rem;
    border: 1px solid rgba(250, 204, 21, 0.2);
    border-radius: 8px;
    background: rgba(250, 204, 21, 0.055);
    color: #fde68a;
    font-size: 0.84rem;
    font-weight: 750;
    line-height: 1.4;
}

.client-mandate-form-kicker,
.client-mandate-proof-preview h2 {
    color: #74adff;
    font-size: 0.84rem;
    font-weight: 900;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.client-mandate-proposal-one .proposal-field {
    display: grid;
    gap: 0.26rem;
}

.client-mandate-proposal-one .proposal-field span,
.client-mandate-field-label {
    color: #ffffff;
    font-size: 0.86rem;
    font-weight: 800;
    text-transform: none;
}

.client-mandate-field-label span,
.client-mandate-preview-row strong span {
    color: #cbd5e1;
    font-weight: 500;
}

.client-mandate-proposal-one .proposal-field input,
.client-mandate-proposal-one .proposal-field textarea,
.client-mandate-criteria-editor input,
.client-mandate-date-field,
.client-mandate-phone-field {
    width: 100%;
    min-height: 44px;
    border: 1px solid rgba(148, 163, 184, 0.32);
    border-radius: 4px;
    background: rgba(10, 19, 27, 0.58);
    color: #f8fafc;
    font-size: 0.9rem;
    font-weight: 400 !important;
}

.client-mandate-date-field,
.client-mandate-phone-field {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.62rem;
    padding: 0 0.7rem;
}

.client-mandate-date-field button {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #cbd5e1;
}

.client-mandate-date-field__calendar {
    position: relative;
    width: 18px;
    height: 18px;
    border: 1.6px solid #cbd5e1;
    border-radius: 2px;
}

.client-mandate-date-field__calendar::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    right: 0;
    border-top: 1.6px solid #cbd5e1;
}

.client-mandate-phone-field {
    grid-template-columns: 46px minmax(0, 1fr);
    padding: 0;
}

.client-mandate-phone-field__country {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    height: 100%;
    border-right: 1px solid rgba(148, 163, 184, 0.28);
    color: #dbeafe;
    font-size: 0.76rem;
    font-weight: 900;
}

.client-mandate-phone-field__flag {
    position: relative;
    width: 22px;
    height: 14px;
    border: 1px solid rgba(255, 255, 255, 0.46);
    border-radius: 1px;
    background:
        linear-gradient(90deg, #1d4ed8 0 40%, transparent 40%),
        repeating-linear-gradient(180deg, #ef4444 0 2px, #ffffff 2px 4px);
}

.client-mandate-phone-field__chevron {
    width: 7px;
    height: 7px;
    border-right: 1.5px solid #cbd5e1;
    border-bottom: 1.5px solid #cbd5e1;
    transform: rotate(45deg) translateY(-1px);
}

.client-mandate-phone-field input {
    height: 44px !important;
    min-height: 44px !important;
    border: 0 !important;
    background: transparent !important;
}

.client-mandate-proposal-one .proposal-field textarea {
    min-height: 76px !important;
    height: 76px;
}

.client-mandate-proposal-one .proposal-field textarea[data-testid="client-mandate-new-scope"] {
    min-height: 76px !important;
    height: 80px;
}

.client-mandate-proposal-one .proposal-field textarea[data-testid="client-mandate-new-constraints"] {
    min-height: 78px !important;
    height: 82px;
}

.client-mandate-proposal-one .proposal-field textarea {
    resize: vertical;
}

.client-mandate-proposal-one .proposal-field small {
    color: #94a3b8;
    font-size: 0.78rem;
}

.client-mandate-form-split {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 0.92fr);
    gap: 0.85rem;
    align-items: start;
}

.client-mandate-contractor-invite .client-mandate-invite-note {
    order: 1 !important;
}

.client-mandate-contractor-invite > p {
    order: 2 !important;
}

.client-mandate-contractor-invite .client-mandate-form-split {
    order: 3 !important;
}

.client-mandate-proposal-one .client-mandate-form-split .proposal-field {
    grid-column: auto !important;
}

.client-mandate-criteria-control {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    align-items: center;
    min-height: 44px;
    border: 1px solid rgba(148, 163, 184, 0.26);
    border-radius: 4px;
    background: rgba(10, 19, 27, 0.46);
}

.client-mandate-criteria-control > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    justify-self: center;
    border: 1px solid rgba(148, 163, 184, 0.36);
    border-radius: 4px;
    color: #cbd5e1;
}

.client-mandate-criteria-editor input {
    border: 0;
    background: transparent;
}

.client-mandate-criteria-control button,
.client-mandate-proof-list button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #cbd5e1;
}

.client-mandate-new-workspace button[aria-label^="Clear target"],
.client-mandate-new-workspace button[aria-label^="Remove"] {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
}

.client-mandate-add-row {
    justify-self: start;
    min-height: 44px;
    border: 0;
    background: transparent;
    color: #7db5ff;
    font-weight: 800;
}

.client-mandate-invite-note {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: center;
    gap: 0.44rem;
    min-height: 36px;
    padding: 0.48rem 0.72rem;
    border: 1px solid rgba(96, 165, 250, 0.22);
    border-radius: 4px;
    background: rgba(96, 165, 250, 0.06);
    color: #b8d3ff;
    font-size: 0.8rem;
}

.client-mandate-proposal-one .client-mandate-invite-note {
    min-height: 30px;
    padding-top: 0.34rem;
    padding-bottom: 0.34rem;
    line-height: 1.2;
}

.client-mandate-proposal-one .client-mandate-invite-note::before {
    content: "i";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border: 1px solid #60a5fa;
    border-radius: 999px;
    color: #60a5fa;
    font-size: 0.68rem;
    font-weight: 900;
    line-height: 1;
}

.client-mandate-sms-consent {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.7rem;
    align-items: start;
    padding: 0.75rem;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.07);
    color: #e5e7eb;
}

.client-mandate-sms-consent input[type="checkbox"] {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    margin: 0;
}

.client-mandate-sms-consent > span {
    display: grid;
    gap: 0.35rem;
}

.client-mandate-sms-consent strong {
    color: #f8fafc;
    font-size: 0.9rem;
}

.client-mandate-sms-consent small {
    color: #cbd5e1;
    line-height: 1.45;
}

.client-mandate-sms-consent a {
    color: #93c5fd;
    font-weight: 800;
}

.client-mandate-sms-consent-readback {
    display: grid;
    gap: 0.25rem;
    padding: 0.72rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.5);
}

.client-mandate-sms-consent-readback strong {
    color: #f8fafc;
}

.client-mandate-sms-consent-readback span {
    color: #cbd5e1;
}

.client-intake-sms-consent {
    margin-top: 0.7rem;
}

.client-mandate-proposal-one .client-mandate-preview-rail {
    display: grid;
    grid-template-rows: minmax(518px, auto) minmax(0, 1fr);
    gap: 0;
    position: static;
    margin-top: 0.92rem;
    max-height: calc(100vh - 9.65rem);
    border: 1px solid rgba(148, 163, 184, 0.34);
    border-radius: 0;
    background: rgba(9, 18, 25, 0.58);
}

.client-mandate-proposal-one .client-mandate-live-preview,
.client-mandate-proposal-one .client-mandate-proof-preview {
    padding: 0.72rem 0.86rem;
    background: transparent;
}

.client-mandate-proposal-one .client-mandate-live-preview {
    min-height: 518px;
}

.client-mandate-proposal-one .client-mandate-proof-preview {
    min-height: 0;
    padding-top: 0.62rem;
    padding-bottom: 0.62rem;
}

.client-mandate-preview-heading,
.client-mandate-proof-preview__heading {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: start;
}

.client-mandate-proposal-one .client-mandate-preview-heading .marketplace-action-link--quiet {
    position: relative;
    isolation: isolate;
    min-height: 44px;
    padding: 0.5rem 0.92rem;
    border: 0;
    border-radius: 4px;
    background: transparent;
    box-shadow: none;
    color: #e5e7eb;
    font-size: 0.82rem;
    font-weight: 600;
}

.client-mandate-proposal-one .client-mandate-preview-heading .marketplace-action-link--quiet::after {
    content: "";
    position: absolute;
    inset: 5px 0;
    z-index: -1;
    border: 1px solid rgba(148, 163, 184, 0.32);
    border-radius: 4px;
    background: rgba(15, 23, 32, 0.24);
    pointer-events: none;
}

.client-mandate-preview-title-row {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr) auto;
    gap: 0.45rem;
    align-items: center;
    margin-top: 1.05rem;
}

.client-mandate-mini-mark {
    position: relative;
    width: 24px;
    height: 24px;
    border: 0;
    border-radius: 0;
    background: #ffd700;
    clip-path: polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0 50%);
}

.client-mandate-mini-mark::before {
    content: "";
    position: absolute;
    inset: 5px;
    background: #0b141b;
    clip-path: polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0 50%);
}

.client-mandate-mini-mark::after {
    content: "";
    position: absolute;
    inset: 10px;
    background: #ffd700;
    clip-path: polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0 50%);
}

.client-mandate-preview-title-row > span:nth-child(2) {
    color: #dbeafe;
    font-size: 0.86rem;
    font-weight: 850;
}

.client-mandate-preview-title-row > div {
    display: flex;
    gap: 0.45rem;
}

.client-mandate-preview-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(190px, 0.46fr);
    gap: 1.2rem;
    margin-top: 0.65rem;
}

.client-mandate-preview-main h2 {
    margin: 0;
    color: #ffffff;
    font-size: 1.45rem;
    font-weight: 750;
}

.client-mandate-preview-main > p {
    margin: 0.25rem 0 1rem;
    color: #d1d5db;
}

.client-mandate-preview-row {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 0.6rem;
    padding: 0.24rem 0;
    color: #d1d5db;
}

.client-mandate-preview-row > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: 1px solid rgba(203, 213, 225, 0.44);
    border-radius: 4px;
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 900;
}

.client-mandate-preview-row > .client-mandate-preview-row__icon {
    position: relative;
    border: 0;
    color: #dbeafe;
    filter: drop-shadow(0 0 5px rgba(96, 165, 250, 0.18));
}

.client-mandate-preview-row__icon::before,
.client-mandate-preview-row__icon::after {
    content: "";
    position: absolute;
    border-color: currentColor;
}

.client-mandate-preview-row__icon--outcomes::before {
    width: 18px;
    height: 18px;
    border: 1.6px solid currentColor;
    border-radius: 999px;
}

.client-mandate-preview-row__icon--outcomes::after {
    width: 8px;
    height: 8px;
    border: 1.6px solid currentColor;
    border-radius: 999px;
}

.client-mandate-preview-row__icon--date::before {
    width: 17px;
    height: 17px;
    border: 1.6px solid currentColor;
    border-radius: 2px;
}

.client-mandate-preview-row__icon--date::after {
    top: 7px;
    width: 17px;
    border-top: 1.6px solid currentColor;
}

.client-mandate-preview-row__icon--criteria::before {
    width: 15px;
    height: 18px;
    border: 1.6px solid currentColor;
    border-radius: 2px;
}

.client-mandate-preview-row__icon--criteria::after {
    width: 8px;
    height: 5px;
    border-left: 1.6px solid currentColor;
    border-bottom: 1.6px solid currentColor;
    transform: rotate(-45deg);
}

.client-mandate-preview-row__icon--constraints::before {
    width: 18px;
    height: 18px;
    border: 1.6px solid currentColor;
}

.client-mandate-preview-row__icon--constraints::after {
    width: 10px;
    height: 18px;
    border-left: 1.6px solid currentColor;
    border-right: 1.6px solid currentColor;
}

.client-mandate-preview-row strong {
    color: #ffffff;
    font-size: 0.86rem;
    font-weight: 700;
}

.client-mandate-preview-row p,
.client-mandate-preview-row li,
.client-mandate-boundary-card p {
    color: #d1d5db;
    font-size: 0.78rem;
    font-weight: 400;
    line-height: 1.42;
}

.client-mandate-preview-row ol,
.client-mandate-preview-row ul {
    margin: 0.35rem 0 0;
}

.client-mandate-boundary-card {
    align-self: center;
    padding: 0.78rem;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 4px;
    background: rgba(30, 41, 59, 0.42);
}

.client-mandate-boundary-card h3 {
    margin: 0 0 0.75rem;
    color: #7db5ff;
    font-size: 0.9rem;
}

.client-mandate-boundary-card hr {
    border: 0;
    border-top: 1px solid rgba(148, 163, 184, 0.26);
    margin: 1rem 0;
}

.client-mandate-proposal-one .client-mandate-proof-preview {
    border-top: 1px solid rgba(148, 163, 184, 0.26);
}

.client-mandate-proof-health-chart {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr);
    gap: 0.52rem;
    align-items: center;
    margin-top: 0.38rem;
    padding: 0.32rem 0.48rem;
    border: 1px solid rgba(96, 165, 250, 0.2);
    border-radius: 4px;
    background: rgba(15, 23, 42, 0.32);
}

.client-mandate-proof-health-chart__score {
    display: inline-grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border-radius: 999px;
    background:
        radial-gradient(circle at center, #08121a 0 58%, transparent 59%),
        conic-gradient(#7ee26b var(--proof-health-score), rgba(96, 165, 250, 0.16) 0);
    color: #ffffff;
    line-height: 1;
}

.client-mandate-proof-health-chart__score strong {
    font-size: 0.82rem;
    font-weight: 850;
}

.client-mandate-proof-health-chart__score small {
    color: #b8d3ff;
    font-size: 0.48rem;
    font-weight: 750;
    text-transform: uppercase;
}

.client-mandate-proof-health-chart dl {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.48rem;
    margin: 0;
    min-width: 0;
}

.client-mandate-proof-health-chart__bar {
    display: grid;
    gap: 0.16rem;
    min-width: 0;
}

.client-mandate-proof-health-chart__bar dt {
    color: #cbd5e1;
    font-size: 0.64rem;
    font-weight: 780;
    white-space: nowrap;
}

.client-mandate-proof-health-chart__bar dd {
    display: grid;
    gap: 0.16rem;
    align-items: center;
    margin: 0;
    min-width: 0;
}

.client-mandate-proof-health-chart__bar dd > span {
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.16);
}

.client-mandate-proof-health-chart__bar dd > span > span {
    display: block;
    width: var(--proof-health-value);
    height: 100%;
    border-radius: inherit;
    background: #60a5fa;
}

.client-mandate-proof-health-chart__bar strong {
    color: #dbeafe;
    font-size: 0.58rem;
    font-weight: 780;
    white-space: nowrap;
}

.client-mandate-proof-health-chart__bar--green dd > span > span {
    background: #7ee26b;
}

.client-mandate-proof-health-chart__bar--gold dd > span > span {
    background: #ffd700;
}

.client-mandate-proof-health-chart__bar--orange dd > span > span {
    background: #ffa500;
}

.client-mandate-proof-summary--with-chart {
    display: grid;
    grid-template-columns: minmax(190px, 0.72fr) minmax(240px, 1fr) auto;
    align-items: center;
    gap: 0.65rem;
    padding: 0.42rem 0.72rem;
}

.client-mandate-proof-summary--with-chart > span {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

.client-mandate-proof-summary--with-chart .client-mandate-proof-health-chart {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

.client-mandate-proof-summary--with-chart .client-mandate-proof-health-chart__score {
    width: 36px;
    height: 36px;
}

.client-mandate-proof-summary--with-chart .client-mandate-proof-health-chart__score strong {
    font-size: 0.62rem;
}

.client-mandate-proof-summary--with-chart .client-mandate-proof-health-chart__score small {
    font-size: 0;
}

.client-mandate-proof-summary--with-chart .client-mandate-proof-health-chart dl {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.42rem;
}

.client-mandate-proof-summary--with-chart .client-mandate-proof-health-chart__bar dt {
    display: none;
}

.client-mandate-proof-summary--with-chart .client-mandate-proof-health-chart__bar strong {
    overflow: hidden;
    font-size: 0.6rem;
    line-height: 1.1;
    text-overflow: ellipsis;
}

.client-mandate-proposal-one .client-mandate-proof-list {
    gap: 0;
    margin-top: 0.5rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 4px;
    overflow: hidden;
}

.client-mandate-proposal-one .client-mandate-proof-list li {
    grid-template-columns: 20px 30px 26px minmax(185px, 0.58fr) minmax(205px, 1fr) 78px 44px;
    min-height: 44px;
    gap: 0.35rem;
    padding: 0 0.35rem;
    border-width: 0 0 1px;
    border-color: rgba(148, 163, 184, 0.18);
    border-radius: 0;
    background: rgba(10, 19, 27, 0.22);
}

.client-mandate-proposal-one .client-mandate-proof-list li:last-child {
    border-bottom: 0;
}

.client-mandate-proposal-one .client-mandate-proof-list strong,
.client-mandate-proposal-one .client-mandate-proof-list__type,
.client-mandate-proposal-one .client-mandate-proof-list__required {
    grid-column: auto;
    grid-row: auto;
}

.client-mandate-proposal-one .client-mandate-proof-list strong {
    font-size: 0.84rem;
    font-weight: 700;
    line-height: 1.15;
    white-space: nowrap;
}

.client-mandate-proposal-one .client-mandate-proof-list__type {
    font-size: 0.72rem;
    line-height: 1.25;
    padding-left: 0.35rem;
}

.client-mandate-proposal-one .client-mandate-proof-list__type {
    color: #cbd5e1;
    font-weight: 500;
    text-transform: none;
}

.client-mandate-proposal-one .client-mandate-proof-list__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid rgba(34, 197, 94, 0.48);
    border-radius: 5px;
    background: rgba(34, 197, 94, 0.16);
    color: #7ee26b;
    font-weight: 800;
}

.client-mandate-proof-list__media {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: #e5e7eb;
}

.client-mandate-proof-list__media::before,
.client-mandate-proof-list__media::after {
    content: "";
    position: absolute;
    border-color: currentColor;
}

.client-mandate-proof-list__media--camera::before {
    width: 18px;
    height: 13px;
    border: 1.5px solid currentColor;
    border-radius: 3px;
}

.client-mandate-proof-list__media--camera::after {
    width: 6px;
    height: 6px;
    border: 1.5px solid currentColor;
    border-radius: 999px;
}

.client-mandate-proof-list__media--reference::before {
    width: 18px;
    height: 8px;
    border: 1.5px solid currentColor;
    transform: rotate(-45deg);
}

.client-mandate-proof-list__media--reference::after {
    width: 5px;
    height: 5px;
    border-left: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(-45deg);
}

.client-mandate-proof-list__media--document::before,
.client-mandate-proof-list__media--verified::before {
    width: 15px;
    height: 18px;
    border: 1.5px solid currentColor;
    border-radius: 2px;
}

.client-mandate-proof-list__media--document::after {
    width: 8px;
    border-top: 1.5px solid currentColor;
    box-shadow: 0 5px 0 currentColor;
}

.client-mandate-proof-list__media--verified::after {
    width: 8px;
    height: 5px;
    border-left: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(-45deg);
}

.client-mandate-proof-list__info {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    margin-left: 0.25rem;
    border: 1px solid #64748b;
    border-radius: 999px;
    color: #94a3b8;
    font-size: 0.62rem;
    line-height: 1;
}

.client-mandate-proposal-one .client-mandate-proof-list__required {
    color: #7ee26b;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.client-mandate-proposal-one .client-mandate-proof-list__required::after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-left: 0.55rem;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg) translateY(-2px);
}

.client-mandate-proposal-one .client-mandate-proof-list button {
    position: relative;
    font-size: 0;
    border-radius: 4px;
    opacity: 0.72;
}

.client-mandate-proposal-one .client-mandate-proof-list button:hover,
.client-mandate-proposal-one .client-mandate-proof-list button:focus-visible {
    opacity: 1;
}

.client-mandate-proposal-one .client-mandate-proof-list button::before {
    content: "";
    position: absolute;
    width: 11px;
    height: 12px;
    border: 1.5px solid #cbd5e1;
    border-top: 0;
    border-radius: 0 0 2px 2px;
}

.client-mandate-proposal-one .client-mandate-proof-list button::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 5px;
    border-top: 1.5px solid #cbd5e1;
    border-left: 0;
    border-right: 0;
    transform: translateY(-7px);
}

.client-mandate-proof-summary {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 0.55rem;
    color: #d1d5db;
    font-size: 0.88rem;
}

.client-mandate-proof-summary__check {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin-right: 0.4rem;
    border: 1px solid #7ee26b;
    border-radius: 999px;
    color: #7ee26b;
}

.client-mandate-proof-summary__check::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 4px;
    border-left: 1.6px solid currentColor;
    border-bottom: 1.6px solid currentColor;
    transform: rotate(-45deg) translate(1px, -1px);
}

.client-mandate-proof-summary strong {
    color: #7ee26b;
}

.client-mandate-proposal-one .client-mandate-send-state {
    display: none;
}

.client-mandate-proposal-one .client-mandate-send-review .client-mandate-send-state {
    display: grid;
    gap: 0.55rem;
    padding: 0.75rem;
    border: 1px solid rgba(96, 165, 250, 0.16);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.045);
}

.client-mandate-proposal-one .client-mandate-action-rail--in-tab {
    position: static !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    z-index: auto;
    width: 100% !important;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.72rem;
    min-height: 0;
    margin: 0;
    padding: 0.75rem;
    border-color: rgba(96, 165, 250, 0.18);
    background: rgba(13, 29, 42, 0.72);
    box-shadow: none;
}

.client-mandate-proposal-one .client-mandate-action-rail--in-tab .client-mandate-action-rail__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.client-mandate-proposal-one .client-mandate-action-rail--in-tab .marketplace-action-link {
    min-width: 0;
}

.marketplace-workspace.client-mandate-proposal-one:not(:has(.buyer-checkout-mockup-hybrid)) > .client-mandate-action-rail {
    left: 230px;
    right: auto;
    bottom: 0;
    width: min(1288px, calc(100vw - 246px));
    grid-template-columns: 318px minmax(0, 1fr);
    min-height: 52px;
    padding: 0.22rem 0.75rem;
    border-color: rgba(96, 165, 250, 0.18);
    background: rgba(13, 29, 42, 0.96);
}

.client-mandate-proposal-one .client-mandate-action-rail__status {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 0.1rem 0.45rem;
    align-items: center;
}

.client-mandate-action-rail__check {
    position: relative;
    grid-row: 1 / span 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border: 1px solid #7ee26b;
    border-radius: 999px;
    color: #7ee26b;
}

.client-mandate-action-rail__check::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 4px;
    border-left: 1.6px solid currentColor;
    border-bottom: 1.6px solid currentColor;
    transform: rotate(-45deg) translate(1px, -1px);
}

.client-mandate-proposal-one .client-mandate-action-rail__actions {
    display: grid;
    grid-template-columns: minmax(350px, 0.9fr) minmax(500px, 1.18fr);
    gap: 5.65rem;
}

.client-mandate-proposal-one .client-mandate-action-rail .marketplace-action-link {
    justify-content: center;
    min-height: 44px;
    border-radius: 6px;
    font-size: 1rem;
}

.client-mandate-proposal-one .client-mandate-action-rail .marketplace-action-link > span {
    display: grid;
    gap: 0.05rem;
    line-height: 1.15;
}

.client-mandate-proposal-one .client-mandate-action-rail .marketplace-action-link small {
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.76rem;
    font-weight: 600;
}

.client-mandate-proposal-one .client-mandate-action-rail strong {
    color: #ffffff;
    font-size: 0.84rem;
    font-weight: 600;
    line-height: 1.2;
}

.client-mandate-proposal-one .client-mandate-action-rail__status small {
    color: #cbd5e1;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.2;
}

.client-mandate-proposal-one .client-mandate-action-rail .marketplace-action-link:not(.marketplace-action-link--quiet) {
    background: #2563eb;
    color: #ffffff;
}

.client-mandate-proposal-one .proposal-field textarea[data-testid="client-mandate-new-constraints"] {
    min-height: 96px !important;
    height: 106px !important;
}

.client-mandate-proposal-one .proposal-field textarea[data-testid="client-mandate-new-scope"] {
    min-height: 76px !important;
    height: 84px !important;
}

.client-mandate-proposal-one .client-mandate-contractor-invite .client-mandate-form-split {
    order: 3 !important;
}

.client-mandate-proposal-one .client-mandate-contractor-invite .client-mandate-invite-note {
    order: 2 !important;
}

@media (max-width: 1180px) {
    .client-mandate-new-workspace.client-mandate-proposal-one {
        padding-left: 0 !important;
    }

    .marketplace-workspace.client-mandate-proposal-one:not(:has(.buyer-checkout-mockup-hybrid)) > .client-mandate-command-nav {
        position: static;
        width: auto;
        grid-template-rows: none;
    }

    .client-mandate-proposal-one .client-mandate-builder-shell,
    .client-mandate-preview-body,
    .client-mandate-form-split {
        grid-template-columns: 1fr;
    }

    .marketplace-workspace.client-mandate-proposal-one:not(:has(.buyer-checkout-mockup-hybrid)) > .client-mandate-action-rail {
        position: static;
        grid-template-columns: 1fr;
        margin-top: 1rem;
    }
}

.client-mandate-list-workspace {
    padding-bottom: 2rem !important;
}

.client-mandate-list-header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: end;
    padding: 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(12, 18, 23, 0.9);
}

.client-mandate-list-header h1 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(2rem, 2.2vw, 2.65rem);
    line-height: 1.04;
}

.client-mandate-list-header p {
    max-width: 68rem;
    margin: 0.45rem 0 0;
    color: #d1d5db;
    font-size: 0.98rem;
    line-height: 1.38;
}

.client-mandate-list-header__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    justify-content: flex-end;
}

.client-mandate-command-nav__filter {
    display: flex;
    align-items: center;
    min-height: 44px;
    width: 100%;
    padding: 0.55rem 0.7rem;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: #d1d5db;
    font: inherit;
    font-size: 0.84rem;
    font-weight: 850;
    text-align: left;
}

.client-mandate-command-nav__filter:hover,
.client-mandate-command-nav__filter:focus-visible,
.client-mandate-command-nav__filter--active {
    border-color: rgba(96, 165, 250, 0.38);
    background: rgba(96, 165, 250, 0.13);
    color: #ffffff;
    outline: none;
}

.client-mandate-saved-views {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.55rem;
}

.client-mandate-saved-view {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.16rem 0.45rem;
    align-items: center;
    min-height: 78px;
    padding: 0.65rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(35, 37, 41, 0.76);
    color: #ffffff;
    text-align: left;
}

.client-mandate-saved-view:hover,
.client-mandate-saved-view:focus-visible,
.client-mandate-saved-view--active {
    border-color: rgba(96, 165, 250, 0.46);
    background: rgba(96, 165, 250, 0.14);
    outline: none;
}

.client-mandate-saved-view span,
.client-mandate-saved-view strong {
    color: #ffffff;
    font-weight: 900;
}

.client-mandate-saved-view strong {
    font-size: 1.24rem;
}

.client-mandate-saved-view small {
    grid-column: 1 / -1;
    color: #9ca3af;
    font-size: 0.75rem;
    line-height: 1.3;
}

.client-mandate-hybrid-cockpit {
    display: grid;
    grid-template-areas:
        "focus action"
        "lane lane";
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.42fr);
    gap: 0.65rem;
    align-items: stretch;
    padding: 0.65rem;
    border: 1px solid rgba(96, 165, 250, 0.2);
    border-radius: 8px;
    background: #111820;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.client-mandate-hybrid-cockpit__focus,
.client-mandate-hybrid-cockpit__action {
    display: grid;
    gap: 0.55rem;
    min-width: 0;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(35, 37, 41, 0.72);
}

.client-mandate-hybrid-cockpit__focus {
    grid-area: focus;
}

.client-mandate-hybrid-cockpit__focus {
    border-left-width: 4px;
}

.client-mandate-hybrid-cockpit__focus--blue { border-left-color: #60a5fa; }
.client-mandate-hybrid-cockpit__focus--green { border-left-color: #00e676; }
.client-mandate-hybrid-cockpit__focus--gold { border-left-color: #ffd700; }
.client-mandate-hybrid-cockpit__focus--orange { border-left-color: #ffa500; }
.client-mandate-hybrid-cockpit__focus--red { border-left-color: #ff4444; }

.client-mandate-hybrid-cockpit__focus h2,
.client-mandate-hybrid-cockpit__action h2 {
    margin: 0;
    color: #ffffff;
    font-size: 1.08rem;
    line-height: 1.15;
}

.client-mandate-hybrid-cockpit__focus p,
.client-mandate-hybrid-cockpit__action p {
    margin: 0;
    color: #d1d5db;
    font-size: 0.82rem;
    line-height: 1.35;
}

.client-mandate-hybrid-cockpit__focus dl {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.35rem;
    margin: 0;
}

.client-mandate-hybrid-cockpit__focus dl div {
    display: grid;
    gap: 0.12rem;
    min-height: 54px;
    padding: 0.45rem;
    border: 1px solid rgba(156, 163, 175, 0.12);
    border-radius: 8px;
    background: rgba(12, 18, 23, 0.65);
}

.client-mandate-hybrid-cockpit__focus dt {
    color: #9ca3af;
    font-size: 0.66rem;
    font-weight: 900;
    text-transform: uppercase;
}

.client-mandate-hybrid-cockpit__focus dd {
    overflow: hidden;
    margin: 0;
    color: #ffffff;
    font-size: 0.76rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.client-mandate-hybrid-cockpit__lane {
    grid-area: lane;
    display: grid;
    min-width: 0;
}

.client-mandate-hybrid-cockpit__action {
    grid-area: action;
}

.client-mandate-handoff-lane {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.45rem;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
}

.client-mandate-handoff-step {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.5rem;
    align-items: start;
    min-height: 100%;
    padding: 0.58rem;
    border: 1px solid rgba(156, 163, 175, 0.14);
    border-radius: 8px;
    background: rgba(35, 37, 41, 0.7);
}

.client-mandate-handoff-step > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    border: 1px solid currentColor;
    font-size: 0.74rem;
    font-weight: 900;
}

.client-mandate-handoff-step strong,
.client-mandate-handoff-step small {
    display: block;
    min-width: 0;
}

.client-mandate-handoff-step strong {
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 900;
    line-height: 1.2;
}

.client-mandate-handoff-step small {
    margin-top: 0.2rem;
    color: #9ca3af;
    font-size: 0.72rem;
    line-height: 1.25;
}

.client-mandate-handoff-step--blue { color: #60a5fa; }
.client-mandate-handoff-step--green { color: #00e676; }
.client-mandate-handoff-step--gold { color: #ffd700; }
.client-mandate-handoff-step--orange { color: #ffa500; }

.client-mandate-handoff-step--complete {
    border-color: rgba(0, 230, 118, 0.28);
    background: rgba(0, 230, 118, 0.08);
}

.client-mandate-handoff-step--current {
    border-color: rgba(255, 215, 0, 0.46);
    background: rgba(255, 215, 0, 0.1);
    box-shadow: inset 0 0 0 1px rgba(255, 215, 0, 0.12);
}

.client-mandate-handoff-step--upcoming {
    opacity: 0.72;
}

.client-mandate-hybrid-cockpit__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.45rem;
    align-self: end;
}

.client-mandate-hybrid-cockpit__actions .marketplace-action-link {
    min-width: 0;
}

.client-mandate-list-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.38fr);
    gap: 0.75rem;
    align-items: start;
}

.client-mandate-list-main,
.client-mandate-proof-inspector {
    min-width: 0;
}

.client-mandate-list-main {
    overflow: hidden;
}

.client-mandate-list-toolbar {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: end;
    margin-bottom: 0.55rem;
    padding: 0.65rem;
    border: 1px solid rgba(156, 163, 175, 0.15);
    border-radius: 8px;
    background: rgba(12, 18, 23, 0.82);
}

.client-mandate-search {
    display: grid;
    gap: 0.24rem;
    min-width: min(100%, 360px);
}

.client-mandate-search span {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.client-mandate-search input {
    min-height: 44px;
    padding: 0.56rem 0.7rem;
    border: 1px solid rgba(156, 163, 175, 0.24);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.88);
    color: #ffffff;
}

.client-mandate-list-toolbar__status {
    display: flex;
    align-items: baseline;
    gap: 0.45rem;
    color: #d1d5db;
}

.client-mandate-list-toolbar__status strong {
    color: #ffffff;
    font-size: 1.6rem;
    font-weight: 900;
}

.client-mandate-table {
    display: grid;
    gap: 0.4rem;
    overflow-x: auto;
    padding-bottom: 0.25rem;
}

.client-mandate-table__header,
.client-mandate-table__row {
    display: grid;
    grid-template-columns: minmax(190px, 1.3fr) minmax(150px, 0.9fr) minmax(120px, 0.72fr) minmax(120px, 0.78fr) minmax(130px, 0.86fr) minmax(88px, 0.5fr) minmax(155px, 0.98fr);
    gap: 0.55rem;
    align-items: center;
    min-width: 980px;
}

.client-mandate-table__header {
    min-height: 42px;
    padding: 0 0.65rem;
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.client-mandate-table__row {
    width: 100%;
    min-height: 74px;
    padding: 0.6rem 0.65rem;
    border: 1px solid rgba(156, 163, 175, 0.15);
    border-left-width: 4px;
    border-radius: 8px;
    background: rgba(35, 37, 41, 0.72);
    color: #d1d5db;
    text-align: left;
}

.client-mandate-table__row:hover,
.client-mandate-table__row:focus-visible,
.client-mandate-table__row--selected {
    border-color: rgba(96, 165, 250, 0.5);
    background: rgba(96, 165, 250, 0.1);
    outline: none;
}

.client-mandate-table__row--blue { border-left-color: #60a5fa; }
.client-mandate-table__row--green { border-left-color: #00e676; }
.client-mandate-table__row--gold { border-left-color: #ffd700; }
.client-mandate-table__row--orange { border-left-color: #ffa500; }
.client-mandate-table__row--red { border-left-color: #ff4444; }

.client-mandate-table__row span {
    display: grid;
    gap: 0.16rem;
    min-width: 0;
}

.client-mandate-table__row strong {
    overflow: hidden;
    color: #ffffff;
    font-size: 0.86rem;
    font-weight: 850;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.client-mandate-table__row small {
    overflow: hidden;
    color: #9ca3af;
    font-size: 0.74rem;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.client-mandate-table__row em.status-pill {
    justify-self: start;
    margin: 0;
    font-style: normal;
}

.client-mandate-list-empty,
.client-mandate-inspector-empty,
.client-mandate-inspector-summary,
.client-mandate-risk-banner,
.client-mandate-proof-preview,
.client-mandate-decision-panel,
.client-mandate-audit-strip {
    display: grid;
    gap: 0.55rem;
    padding: 0.72rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(35, 37, 41, 0.76);
}

.client-mandate-list-empty h2,
.client-mandate-inspector-empty h2,
.client-mandate-inspector-summary h2,
.client-mandate-decision-panel h3,
.client-mandate-proof-preview h3 {
    margin: 0;
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.2;
}

.client-mandate-list-empty p,
.client-mandate-inspector-empty p,
.client-mandate-inspector-summary p,
.client-mandate-risk-banner p,
.client-mandate-decision-panel p {
    margin: 0;
    color: #d1d5db;
    font-size: 0.84rem;
    line-height: 1.38;
}

.client-mandate-proof-inspector {
    position: sticky;
    top: 0.75rem;
    display: grid;
    gap: 0.55rem;
}

.client-mandate-inspector-summary {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
}

.client-mandate-inspector-summary__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    justify-content: flex-start;
}

.client-mandate-risk-banner {
    border-color: rgba(255, 215, 0, 0.24);
}

.client-mandate-risk-banner--red {
    border-color: rgba(255, 68, 68, 0.34);
    background: rgba(255, 68, 68, 0.08);
}

.client-mandate-risk-banner--orange {
    border-color: rgba(255, 165, 0, 0.32);
    background: rgba(255, 165, 0, 0.08);
}

.client-mandate-risk-banner--green {
    border-color: rgba(0, 230, 118, 0.26);
    background: rgba(0, 230, 118, 0.07);
}

.client-mandate-inspector-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.35rem;
}

.client-mandate-inspector-tabs span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(35, 37, 41, 0.68);
    color: #9ca3af;
    font-size: 0.78rem;
    font-weight: 850;
}

.client-mandate-inspector-tabs__active {
    border-color: rgba(96, 165, 250, 0.42) !important;
    background: rgba(96, 165, 250, 0.12) !important;
    color: #ffffff !important;
}

.client-mandate-proof-list--compact li {
    grid-template-columns: 34px minmax(0, 1fr) auto;
    min-height: 62px;
}

.client-mandate-proof-list--compact .client-mandate-proof-list__icon {
    grid-column: 1;
}

.client-mandate-proof-list--compact strong {
    grid-column: 2;
}

.client-mandate-proof-list--compact span:not(.client-mandate-proof-list__icon) {
    grid-column: 3;
    color: #00e676;
    font-size: 0.75rem;
    font-weight: 850;
    text-transform: uppercase;
}

.client-mandate-proof-list--compact small {
    grid-column: 2 / -1;
}

.client-mandate-proof-score {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0.25rem 0.55rem;
    border: 1px solid rgba(255, 215, 0, 0.28);
    border-radius: 8px;
    color: #ffd700;
    font-size: 0.74rem;
    font-weight: 850;
    text-transform: uppercase;
}

.client-mandate-proof-thumbnails {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.45rem;
}

.client-mandate-proof-thumbnail {
    display: grid;
    place-items: center;
    gap: 0.35rem;
    min-height: 92px;
    padding: 0.55rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(12, 18, 23, 0.58);
    color: #d1d5db;
    text-align: center;
}

.client-mandate-proof-thumbnail span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.12);
    color: #60a5fa;
    font-weight: 900;
}

.client-mandate-proof-thumbnail small {
    color: #9ca3af;
    font-size: 0.74rem;
}

.client-mandate-decision-panel__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.client-mandate-audit-strip .marketplace-definition-list {
    margin: 0;
}

.client-mandate-detail-workspace {
    gap: 0.75rem;
    box-sizing: border-box;
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
    padding: 0.75rem 0.75rem 3.25rem 240px !important;
    background: #1b1c1e;
}

.client-mandate-detail-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 0.28fr);
    gap: 0.75rem;
    align-items: stretch;
    padding: 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(12, 18, 23, 0.88);
}

.client-mandate-detail-header h1 {
    margin: 0.2rem 0 0.35rem;
    color: #ffffff;
    font-size: clamp(1.8rem, 2.1vw, 2.45rem);
    line-height: 1.05;
}

.client-mandate-detail-header p,
.client-mandate-detail-authority small,
.client-mandate-detail-panel p,
.client-mandate-proof-readiness p,
.client-mandate-decision-card p {
    color: #d1d5db;
    line-height: 1.42;
}

.client-mandate-detail-authority {
    display: grid;
    align-content: center;
    gap: 0.45rem;
    min-height: 112px;
    padding: 0.75rem;
    border: 1px solid rgba(255, 215, 0, 0.22);
    border-radius: 8px;
    background: rgba(35, 37, 41, 0.82);
}

.client-mandate-detail-authority strong {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 900;
}

.client-mandate-lifecycle-rail {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
}

.client-mandate-lifecycle-step {
    display: grid;
    gap: 0.28rem;
    min-height: 92px;
    padding: 0.62rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: rgba(35, 37, 41, 0.74);
}

.client-mandate-lifecycle-step span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    min-height: 28px;
    border: 1px solid currentColor;
    border-radius: 8px;
    font-size: 0.68rem;
    font-weight: 900;
}

.client-mandate-lifecycle-step strong {
    color: #ffffff;
    font-size: 0.86rem;
    font-weight: 900;
}

.client-mandate-lifecycle-step small {
    color: #9ca3af;
    font-size: 0.74rem;
    line-height: 1.25;
}

.client-mandate-lifecycle-step--green {
    border-color: rgba(0, 230, 118, 0.34);
}

.client-mandate-lifecycle-step--green span {
    color: #00e676;
    background: rgba(0, 230, 118, 0.12);
}

.client-mandate-lifecycle-step--blue {
    border-color: rgba(96, 165, 250, 0.34);
}

.client-mandate-lifecycle-step--blue span {
    color: #60a5fa;
    background: rgba(96, 165, 250, 0.12);
}

.client-mandate-lifecycle-step--gold {
    border-color: rgba(255, 215, 0, 0.34);
}

.client-mandate-lifecycle-step--gold span {
    color: #ffd700;
    background: rgba(255, 215, 0, 0.12);
}

.client-mandate-lifecycle-step--orange {
    border-color: rgba(255, 165, 0, 0.34);
}

.client-mandate-lifecycle-step--orange span {
    color: #ffa500;
    background: rgba(255, 165, 0, 0.12);
}

.client-mandate-lifecycle-step--red {
    border-color: rgba(255, 68, 68, 0.34);
}

.client-mandate-lifecycle-step--red span {
    color: #ff4444;
    background: rgba(255, 68, 68, 0.12);
}

.client-mandate-lifecycle-step--muted {
    opacity: 0.72;
}

.client-mandate-detail-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.32fr);
    gap: 0.75rem;
    align-items: start;
    min-width: 0;
}

.client-mandate-detail-main,
.client-mandate-proof-rail {
    display: grid;
    gap: 0.75rem;
    min-width: 0;
}

.client-mandate-proof-rail {
    position: sticky;
    top: 0.75rem;
}

.client-mandate-detail-panel,
.client-mandate-proof-readiness,
.client-mandate-decision-card {
    gap: 0.68rem;
    padding: 0.75rem;
    border-radius: 8px;
}

.client-mandate-detail-panel--wide {
    grid-column: 1 / -1;
}

.client-mandate-operational-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.client-mandate-detail-definition-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    margin: 0;
}

.client-mandate-detail-definition-grid div,
.client-mandate-detail-panel .marketplace-definition-list div {
    min-height: 58px;
    padding: 0.55rem;
}

.client-mandate-detail-proof-list {
    gap: 0.45rem;
}

.client-mandate-detail-proof-list__item {
    grid-template-columns: 38px minmax(0, 1fr) auto;
    min-height: 0;
    padding: 0.5rem;
}

.client-mandate-detail-proof-list__item .client-mandate-proof-list__icon {
    grid-row: 1 / span 3;
    align-self: center;
}

.client-mandate-detail-proof-list__item .client-mandate-proof-list__type,
.client-mandate-detail-proof-list__item small {
    grid-column: 2 / -1;
}

.client-mandate-detail-proof-list__item .client-mandate-proof-list__required {
    grid-column: 3;
    grid-row: 1;
}

.client-mandate-detail-proof-list__item--missing .client-mandate-proof-list__icon {
    border-color: rgba(255, 68, 68, 0.48);
    background: rgba(255, 68, 68, 0.12);
    color: #ff4444;
}

.client-mandate-detail-proof-list__item--missing .client-mandate-proof-list__required {
    color: #ff4444;
}

.client-mandate-proof-summary {
    padding: 0.62rem;
    border: 1px solid rgba(0, 230, 118, 0.28);
    border-radius: 8px;
    background: rgba(0, 230, 118, 0.08);
}

.client-mandate-proof-rail .client-mandate-proof-readiness {
    gap: 0.5rem;
}

.client-mandate-proof-rail .proposal-panel-heading {
    gap: 0.5rem;
}

.client-mandate-proof-rail .proposal-panel-heading h2 {
    margin-top: 0.2rem;
    font-size: 1rem;
    line-height: 1.12;
}

.client-mandate-proof-rail .client-mandate-proof-readiness,
.client-mandate-proof-rail .client-mandate-decision-card {
    padding: 0.58rem;
}

.client-mandate-proof-rail .client-mandate-proof-readiness p,
.client-mandate-proof-rail .client-mandate-proof-summary {
    font-size: 0.8rem;
    line-height: 1.28;
}

.client-mandate-proof-rail .client-mandate-detail-proof-list__item small {
    display: none;
}

.client-mandate-proof-rail .client-mandate-proof-summary {
    display: -webkit-box;
    overflow: hidden;
    padding: 0.42rem 0.5rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.client-mandate-proof-rail .client-mandate-detail-proof-list__item {
    grid-template-columns: 32px minmax(0, 1fr) auto;
    gap: 0.18rem 0.35rem;
    padding: 0.4rem;
}

.client-mandate-proof-rail .client-mandate-detail-proof-list__item .client-mandate-proof-list__icon {
    width: 32px;
    min-height: 32px;
}

.client-mandate-proof-rail .client-mandate-detail-proof-list__item strong {
    font-size: 0.82rem;
    line-height: 1.12;
}

.client-mandate-proof-rail .client-mandate-detail-proof-list__item .client-mandate-proof-list__type,
.client-mandate-proof-rail .client-mandate-detail-proof-list__item .client-mandate-proof-list__required {
    font-size: 0.68rem;
    line-height: 1.12;
}

.client-mandate-proof-package-label {
    color: #ffffff;
    font-size: 0.84rem;
    font-weight: 900;
    text-transform: uppercase;
}

.client-mandate-decision-card .proposal-field textarea {
    min-height: 44px;
}

.client-mandate-proof-rail .client-mandate-decision-card {
    gap: 0.42rem;
    grid-template-columns: minmax(0, 1fr);
}

.client-mandate-proof-rail .client-mandate-decision-card > * {
    grid-column: 1 / -1;
}

.client-mandate-decision-preflight,
.client-mandate-decision-readback {
    display: grid;
    gap: 0.5rem;
}

.client-mandate-decision-preflight {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.client-mandate-proof-rail .client-mandate-decision-preflight {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.24rem;
}

.client-mandate-decision-preflight div,
.client-mandate-decision-readback {
    min-height: 76px;
    padding: 0.58rem;
    border: 1px solid rgba(156, 163, 175, 0.17);
    border-radius: 8px;
    background: rgba(12, 18, 23, 0.58);
}

.client-mandate-proof-rail .client-mandate-decision-preflight div {
    display: grid;
    grid-template-columns: minmax(0, 0.68fr) minmax(0, 1fr);
    gap: 0.1rem 0.45rem;
    min-height: 34px;
    padding: 0.28rem 0.36rem;
    align-items: center;
}

.client-mandate-decision-preflight span {
    color: #9ca3af;
    font-size: 0.7rem;
    font-weight: 900;
    text-transform: uppercase;
}

.client-mandate-decision-preflight strong,
.client-mandate-decision-readback strong {
    color: #ffffff;
    font-size: 0.88rem;
    line-height: 1.25;
}

.client-mandate-decision-preflight small,
.client-mandate-decision-readback p {
    margin: 0.24rem 0 0;
    color: #d1d5db;
    font-size: 0.76rem;
    line-height: 1.32;
}

.client-mandate-proof-rail .client-mandate-decision-preflight span {
    font-size: 0.66rem;
}

.client-mandate-proof-rail .client-mandate-decision-preflight strong {
    font-size: 0.78rem;
}

.client-mandate-proof-rail .client-mandate-decision-preflight small {
    display: none;
}

.client-mandate-decision-card .proposal-action-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem;
}

.client-mandate-decision-card .marketplace-action-link {
    min-height: 44px;
    justify-content: center;
}

@media (max-width: 1320px) {
    .client-mandate-detail-shell,
    .client-mandate-detail-header {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-mandate-proof-rail {
        position: static;
    }

    .client-mandate-lifecycle-rail {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.client-mandate-audit-list {
    display: grid;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.client-mandate-audit-list li {
    display: grid;
    grid-template-columns: minmax(180px, 0.3fr) minmax(0, 1fr) auto;
    gap: 0.55rem;
    align-items: center;
    min-height: 64px;
    padding: 0.58rem;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: 8px;
    background: rgba(35, 37, 41, 0.74);
}

.client-mandate-audit-list strong,
.client-mandate-audit-list time {
    color: #ffffff;
    font-size: 0.86rem;
    font-weight: 850;
}

.client-mandate-audit-list small,
.client-mandate-audit-list p {
    margin: 0;
    color: #9ca3af;
    font-size: 0.78rem;
    line-height: 1.32;
}

@media (max-width: 1160px) {
    .client-mandate-detail-shell,
    .client-mandate-detail-header {
        grid-template-columns: 1fr;
    }

    .client-mandate-proof-rail {
        position: static;
    }

    .client-mandate-lifecycle-rail {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .client-mandate-detail-workspace {
        padding: 0.75rem 0.75rem 2rem !important;
    }

    .marketplace-workspace.client-mandate-detail-workspace:not(:has(.buyer-checkout-mockup-hybrid)) > .client-mandate-command-nav,
    .client-mandate-detail-workspace .client-mandate-command-nav {
        position: static;
        width: auto;
        margin-bottom: 0.75rem;
    }

    .client-mandate-lifecycle-rail,
    .client-mandate-operational-grid,
    .client-mandate-detail-definition-grid {
        grid-template-columns: 1fr;
    }

    .client-mandate-audit-list li {
        grid-template-columns: 1fr;
    }
}

.report-panel {
    display: grid;
    align-content: start;
    gap: 1rem;
}

.report-panel--wide {
    grid-column: 1 / -1;
}

.report-inline-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.report-inline-actions a,
.buyer-checkout-report__summary-actions a,
.buyer-checkout-scenario a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 44px;
    padding: 0 0.85rem;
    border: 1px solid rgba(96, 165, 250, 0.45);
    border-radius: 8px;
    background: #1b1c1e;
    color: #ffffff;
    font-size: 0.88rem;
    font-weight: 800;
    text-decoration: none;
}

.report-inline-actions a:hover,
.report-inline-actions a:focus-visible,
.buyer-checkout-report__summary-actions a:hover,
.buyer-checkout-report__summary-actions a:focus-visible,
.buyer-checkout-scenario a:hover,
.buyer-checkout-scenario a:focus-visible {
    border-color: rgba(96, 165, 250, 0.72);
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff;
    outline: none;
}

.buyer-checkout-entry {
    border-color: rgba(255, 215, 0, 0.28);
}

.report-detail-layout--buyer-checkout {
    max-width: 1280px;
}

.buyer-checkout-launchpad {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    align-items: stretch;
    border-color: rgba(255, 215, 0, 0.28);
    background:
        linear-gradient(135deg, rgba(255, 215, 0, 0.09), transparent 42%),
        #2b2d31;
}

.report-detail-layout--buyer-checkout {
    gap: 0.75rem;
}

.report-detail-layout--buyer-checkout .reports-hero--compact {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 0.38rem;
}

.report-detail-layout--buyer-checkout .reports-hero--compact .reports-eyebrow,
.report-detail-layout--buyer-checkout .reports-hero--compact h1,
.report-detail-layout--buyer-checkout .reports-hero--compact .reports-lead,
.report-detail-layout--buyer-checkout .reports-hero--compact .report-filter-bar {
    grid-column: 1;
}

.report-detail-layout--buyer-checkout .reports-hero--compact .report-filter-bar {
    grid-row: auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: none;
    align-self: stretch;
}

.report-detail-layout--buyer-checkout .report-filter {
    min-height: 44px;
    gap: 0.12rem;
    padding: 0.36rem 0.58rem;
}

.report-detail-layout--buyer-checkout .report-filter span {
    font-size: 0.68rem;
}

.report-detail-layout--buyer-checkout .report-filter strong {
    font-size: 0.88rem;
}

.buyer-checkout-lens-board {
    gap: 1rem;
    border-color: rgba(96, 165, 250, 0.3);
    background:
        linear-gradient(135deg, rgba(96, 165, 250, 0.08), transparent 44%),
        #2b2d31;
}

.blueprint-command-shell--buyer-checkout .buyer-checkout-lens-board,
.blueprint-command-shell--buyer-checkout .buyer-checkout-lens-decisions,
.blueprint-command-shell--buyer-checkout .buyer-checkout-lens-action {
    display: none;
}

.blueprint-command-shell--buyer-checkout .buyer-checkout-ops-metrics {
    display: none;
}

.buyer-checkout-help-first {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    min-height: 92px;
    padding: 0.9rem 1rem;
    border-left: 4px solid #ff4444;
    border-color: rgba(255, 68, 68, 0.28);
    background:
        linear-gradient(90deg, rgba(255, 68, 68, 0.12), transparent 44%),
        #2b2d31;
}

.buyer-checkout-help-first h2,
.buyer-checkout-help-first p {
    margin: 0;
}

.buyer-checkout-help-first h2 {
    margin-top: 0.4rem;
    color: #ffffff;
    font-size: 1.45rem;
    line-height: 1.1;
}

.buyer-checkout-help-first p {
    margin-top: 0.28rem;
    color: #ffb4b4;
    font-weight: 800;
}

.buyer-checkout-help-first__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.65rem;
}

.buyer-checkout-help-first__actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 0.9rem;
    border: 1px solid rgba(156, 163, 175, 0.24);
    border-radius: 8px;
    background: #1b1c1e;
    color: #ffffff;
    font-size: 0.88rem;
    font-weight: 850;
    text-decoration: none;
}

.buyer-checkout-lens-board--green {
    border-color: rgba(0, 230, 118, 0.34);
}

.buyer-checkout-lens-board--orange {
    border-color: rgba(255, 165, 0, 0.34);
}

.buyer-checkout-lens-board--blue {
    border-color: rgba(96, 165, 250, 0.34);
}

.buyer-checkout-lens-board__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 470px);
    gap: 1rem;
    align-items: stretch;
}

.buyer-checkout-lens-board__header h2 {
    margin: 0;
    color: #ffffff;
    font-size: 1.65rem;
    line-height: 1.12;
}

.buyer-checkout-lens-board__header p:not(.reports-eyebrow) {
    max-width: 760px;
    margin: 0.5rem 0 0;
    color: #d1d5db;
    line-height: 1.45;
}

.buyer-checkout-lens-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
}

.buyer-checkout-lens-tab {
    display: grid;
    align-content: center;
    min-width: 0;
    min-height: 72px;
    padding: 0.7rem;
    border: 1px solid rgba(156, 163, 175, 0.22);
    border-radius: 8px;
    background: #1b1c1e;
    color: #ffffff;
    text-decoration: none;
}

.buyer-checkout-lens-tab span {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.buyer-checkout-lens-tab strong {
    margin-top: 0.18rem;
    color: #ffffff;
    font-size: 0.92rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.buyer-checkout-lens-tab:hover,
.buyer-checkout-lens-tab:focus-visible,
.buyer-checkout-lens-tab--active {
    border-color: rgba(96, 165, 250, 0.7);
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff;
    outline: none;
}

.buyer-checkout-lens-decisions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.7rem;
}

.buyer-checkout-lens-decision {
    display: grid;
    gap: 0.35rem;
    min-height: 126px;
    padding: 0.8rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #1b1c1e;
}

.buyer-checkout-lens-decision span,
.buyer-checkout-lens-action span {
    color: #9ca3af;
    font-size: 0.74rem;
    font-weight: 850;
    text-transform: uppercase;
}

.buyer-checkout-lens-decision strong,
.buyer-checkout-lens-action strong {
    color: #ffffff;
    font-size: 1.02rem;
    line-height: 1.25;
}

.buyer-checkout-lens-decision p,
.buyer-checkout-lens-action p {
    margin: 0;
    color: #d1d5db;
    font-size: 0.86rem;
    line-height: 1.42;
}

.buyer-checkout-lens-decision--green { border-color: rgba(0, 230, 118, 0.35); color: #00e676; }
.buyer-checkout-lens-decision--orange { border-color: rgba(255, 165, 0, 0.35); color: #ffa500; }
.buyer-checkout-lens-decision--red { border-color: rgba(255, 68, 68, 0.35); color: #ff4444; }
.buyer-checkout-lens-decision--blue { border-color: rgba(96, 165, 250, 0.35); color: #60a5fa; }
.buyer-checkout-lens-decision--gold { border-color: rgba(255, 215, 0, 0.35); color: #ffd700; }

.buyer-checkout-lens-action {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.85rem;
    align-items: center;
    padding: 0.85rem;
    border: 1px solid rgba(0, 230, 118, 0.28);
    border-radius: 8px;
    background: rgba(0, 230, 118, 0.08);
}

.buyer-checkout-lens-action__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 44px;
    min-width: 160px;
    padding: 0 0.9rem;
    border: 1px solid rgba(0, 230, 118, 0.55);
    border-radius: 8px;
    background: rgba(0, 230, 118, 0.13);
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 850;
    line-height: 1.2;
    text-decoration: none;
    text-align: center;
}

.buyer-checkout-lens-action__button:hover,
.buyer-checkout-lens-action__button:focus-visible {
    border-color: rgba(0, 230, 118, 0.78);
    background: rgba(0, 230, 118, 0.18);
    color: #ffffff;
    outline: none;
}

.buyer-checkout-access-health {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    gap: 0.85rem;
    border-color: rgba(96, 165, 250, 0.34);
    background:
        linear-gradient(135deg, rgba(96, 165, 250, 0.1), transparent 44%),
        #2b2d31;
}

.blueprint-command-shell--buyer-checkout .buyer-checkout-access-health {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
    align-items: start;
}

.buyer-checkout-access-health__header {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
    gap: 1rem;
    align-items: stretch;
}

.buyer-checkout-access-health__header h2 {
    margin: 0.4rem 0 0;
    color: #ffffff;
    font-size: clamp(1.6rem, 2vw, 2.1rem);
    line-height: 1.08;
}

.buyer-checkout-access-health__header p {
    max-width: 760px;
    margin: 0.35rem 0 0;
    color: #d1d5db;
    line-height: 1.45;
}

.buyer-checkout-access-health__summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.55rem;
    margin: 0;
}

.buyer-checkout-access-health__summary div {
    display: grid;
    align-content: center;
    min-height: 86px;
    padding: 0.72rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #1b1c1e;
}

.buyer-checkout-access-health__summary dt {
    color: #9ca3af;
    font-size: 0.7rem;
    font-weight: 850;
    text-transform: uppercase;
}

.buyer-checkout-access-health__summary dd {
    margin: 0.18rem 0 0;
    color: #ffffff;
    font-size: 1.55rem;
    font-weight: 900;
    line-height: 1;
}

.buyer-checkout-access-flow {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.65rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.buyer-checkout-access-flow__step {
    position: relative;
    display: grid;
    gap: 0.38rem;
    min-height: 174px;
    padding: 0;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-top: 4px solid currentColor;
    border-radius: 8px;
    background: #1b1c1e;
    color: #60a5fa;
    text-align: center;
}

.buyer-checkout-access-flow__step > a {
    display: grid;
    justify-items: center;
    gap: 0.38rem;
    min-height: 170px;
    padding: 0.85rem;
    color: inherit;
    text-decoration: none;
}

.buyer-checkout-access-flow__step > a:hover,
.buyer-checkout-access-flow__step > a:focus-visible {
    background: rgba(96, 165, 250, 0.1);
    color: inherit;
    outline: 2px solid currentColor;
    outline-offset: -2px;
}

.buyer-checkout-access-flow__step--active {
    border-color: currentColor;
    box-shadow: 0 0 0 1px currentColor;
}

.buyer-checkout-access-flow__step:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 48%;
    right: -0.52rem;
    width: 0.42rem;
    height: 2px;
    background: rgba(156, 163, 175, 0.42);
}

.buyer-checkout-access-flow__step > a > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid currentColor;
    border-radius: 8px;
    background: #232529;
}

.buyer-checkout-access-flow__step strong,
.buyer-checkout-access-flow__step em,
.buyer-checkout-access-flow__step small {
    display: block;
    min-width: 0;
}

.buyer-checkout-access-flow__step strong {
    color: #ffffff;
    font-size: 0.94rem;
    line-height: 1.22;
}

.buyer-checkout-access-flow__step em {
    color: #ffffff;
    font-size: 1.45rem;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
}

.buyer-checkout-access-flow__step small {
    color: #9ca3af;
    font-size: 0.78rem;
    line-height: 1.35;
}

.buyer-checkout-access-flow-detail {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 0.78fr) minmax(280px, 1.22fr);
    gap: 0.75rem;
    padding: 0.85rem;
    border: 1px solid currentColor;
    border-radius: 8px;
    background: #1b1c1e;
    color: #60a5fa;
}

.blueprint-command-shell--buyer-checkout .buyer-checkout-access-flow-detail {
    grid-column: 1;
}

.blueprint-command-shell--buyer-checkout .buyer-checkout-next-actions {
    grid-column: 2;
    grid-row: 2 / span 2;
    padding: 0.8rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #1b1c1e;
}

.buyer-checkout-access-flow-detail--green { color: #00e676; }
.buyer-checkout-access-flow-detail--orange { color: #ffa500; }
.buyer-checkout-access-flow-detail--red { color: #ff4444; }
.buyer-checkout-access-flow-detail--blue { color: #60a5fa; }
.buyer-checkout-access-flow-detail--gold { color: #ffd700; }

.buyer-checkout-access-flow-detail h3 {
    margin: 0.4rem 0 0;
    color: #ffffff;
    font-size: 1.15rem;
    line-height: 1.2;
}

.buyer-checkout-access-flow-detail p {
    margin: 0.35rem 0 0;
    color: #d1d5db;
    line-height: 1.42;
}

.buyer-checkout-access-flow-detail__cases {
    display: grid;
    gap: 0.5rem;
    align-content: start;
}

.buyer-checkout-access-flow-detail__case {
    display: grid;
    gap: 0.16rem;
    min-height: 64px;
    padding: 0.62rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-left: 4px solid currentColor;
    border-radius: 8px;
    background: #232529;
    color: #60a5fa;
    text-decoration: none;
}

.buyer-checkout-access-flow-detail__case--green { color: #00e676; }
.buyer-checkout-access-flow-detail__case--orange { color: #ffa500; }
.buyer-checkout-access-flow-detail__case--red { color: #ff4444; }
.buyer-checkout-access-flow-detail__case--blue { color: #60a5fa; }
.buyer-checkout-access-flow-detail__case--gold { color: #ffd700; }

.buyer-checkout-access-flow-detail__case strong {
    color: #ffffff;
    font-size: 0.9rem;
    line-height: 1.2;
}

.buyer-checkout-access-flow-detail__case span,
.buyer-checkout-access-flow-detail__case small {
    color: #d1d5db;
    font-size: 0.78rem;
    line-height: 1.32;
}

.buyer-checkout-access-flow-detail__case:hover,
.buyer-checkout-access-flow-detail__case:focus-visible {
    border-color: currentColor;
    background: rgba(96, 165, 250, 0.1);
    color: #ffffff;
    outline: none;
}

.buyer-checkout-access-flow__step--green,
.buyer-checkout-next-action--green { color: #00e676; }

.buyer-checkout-access-flow__step--orange,
.buyer-checkout-next-action--orange { color: #ffa500; }

.buyer-checkout-access-flow__step--red,
.buyer-checkout-next-action--red { color: #ff4444; }

.buyer-checkout-access-flow__step--blue,
.buyer-checkout-next-action--blue { color: #60a5fa; }

.buyer-checkout-access-flow__step--gold,
.buyer-checkout-next-action--gold { color: #ffd700; }

.buyer-checkout-next-actions {
    display: grid;
    gap: 0.55rem;
    align-content: start;
}

.buyer-checkout-next-actions h3 {
    margin: 0;
    color: #ffffff;
    font-size: 1.1rem;
}

.buyer-checkout-next-action {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    gap: 0.55rem;
    align-items: center;
    min-height: 72px;
    padding: 0.68rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-left: 4px solid currentColor;
    border-radius: 8px;
    background: #1b1c1e;
    color: #60a5fa;
    text-decoration: none;
}

.buyer-checkout-next-action > span {
    grid-row: 1 / 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid currentColor;
    border-radius: 8px;
    background: #232529;
}

.buyer-checkout-next-action strong {
    grid-column: 2;
    color: #ffffff;
    font-size: 0.92rem;
    line-height: 1.2;
}

.buyer-checkout-next-action small {
    grid-column: 2;
    display: block;
    margin-top: 0.12rem;
    color: #9ca3af;
    font-size: 0.78rem;
    line-height: 1.3;
}

.buyer-checkout-next-action em {
    grid-column: 3;
    grid-row: 1 / 3;
    align-self: center;
    color: #ffffff;
    font-size: 1rem;
    font-style: normal;
    font-weight: 900;
}

.buyer-checkout-next-action:hover,
.buyer-checkout-next-action:focus-visible {
    border-color: currentColor;
    background: rgba(96, 165, 250, 0.1);
    color: #ffffff;
    outline: none;
}

.buyer-checkout-priority-board {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
    align-items: stretch;
    border-color: rgba(255, 165, 0, 0.34);
    background:
        linear-gradient(135deg, rgba(255, 165, 0, 0.1), transparent 40%),
        #2b2d31;
}

.buyer-checkout-priority-board__main {
    display: grid;
    align-content: start;
    gap: 0.7rem;
    min-width: 0;
}

.buyer-checkout-priority-board__main h2 {
    margin: 0;
    color: #ffffff;
    font-size: 1.75rem;
    line-height: 1.12;
    overflow-wrap: anywhere;
}

.buyer-checkout-priority-board__main p:not(.reports-eyebrow) {
    max-width: 760px;
    margin: 0;
    color: #d1d5db;
    line-height: 1.45;
}

.buyer-checkout-priority-board__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 0.15rem;
}

.buyer-checkout-priority-board__actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 44px;
    padding: 0.55rem 0.8rem;
    border: 1px solid rgba(96, 165, 250, 0.42);
    border-radius: 8px;
    background: #1b1c1e;
    color: #ffffff;
    font-size: 0.88rem;
    font-weight: 850;
    text-decoration: none;
}

.buyer-checkout-priority-board__actions a:hover,
.buyer-checkout-priority-board__actions a:focus-visible {
    border-color: rgba(96, 165, 250, 0.75);
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff;
    outline: none;
}

.buyer-checkout-priority-board__actions .buyer-checkout-priority-board__primary {
    border-color: rgba(255, 215, 0, 0.48);
    background: rgba(255, 215, 0, 0.1);
}

.buyer-checkout-priority-board__stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    margin: 0;
}

.buyer-checkout-priority-board__stats div {
    display: grid;
    align-content: center;
    min-width: 0;
    min-height: 86px;
    padding: 0.8rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #1b1c1e;
}

.buyer-checkout-priority-board__stats dt {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: uppercase;
}

.buyer-checkout-priority-board__stats dd {
    margin: 0.2rem 0 0;
    color: #ffffff;
    font-size: 1.75rem;
    font-weight: 900;
    line-height: 1;
}

.buyer-checkout-ops-console {
    gap: 0.85rem;
    scroll-margin-top: 112px;
    border-color: rgba(255, 165, 0, 0.34);
    background:
        linear-gradient(135deg, rgba(255, 165, 0, 0.1), transparent 38%),
        rgba(43, 45, 49, 0.92);
}

.buyer-checkout-ops-console__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: start;
}

.buyer-checkout-ops-console__header h2 {
    margin: 0.32rem 0 0;
    color: #ffffff;
    font-size: clamp(1.6rem, 2vw, 2.15rem);
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.buyer-checkout-ops-console__header p:not(.reports-eyebrow) {
    max-width: 860px;
    margin: 0.42rem 0 0;
    color: #d1d5db;
    line-height: 1.45;
}

.buyer-checkout-ops-console__actions,
.buyer-checkout-ops-row__actions,
.buyer-checkout-ops-drawer__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.buyer-checkout-ops-console__actions {
    justify-content: flex-end;
}

.buyer-checkout-ops-console__actions a,
.buyer-checkout-ops-row__actions a,
.buyer-checkout-ops-drawer__actions a,
.buyer-checkout-ops-drawer__actions span,
.buyer-checkout-ops-empty a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
    min-height: 44px;
    padding: 0.55rem 0.78rem;
    border: 1px solid rgba(96, 165, 250, 0.42);
    border-radius: 8px;
    background: #1b1c1e;
    color: #ffffff;
    font-size: 0.84rem;
    font-weight: 850;
    line-height: 1.2;
    text-decoration: none;
}

.buyer-checkout-ops-console__actions a:hover,
.buyer-checkout-ops-console__actions a:focus-visible,
.buyer-checkout-ops-row__actions a:hover,
.buyer-checkout-ops-row__actions a:focus-visible,
.buyer-checkout-ops-drawer__actions a:hover,
.buyer-checkout-ops-drawer__actions a:focus-visible,
.buyer-checkout-ops-empty a:hover,
.buyer-checkout-ops-empty a:focus-visible {
    border-color: rgba(96, 165, 250, 0.72);
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff;
    outline: none;
}

.buyer-checkout-ops-console__primary,
.buyer-checkout-ops-drawer__actions .buyer-checkout-ops-console__primary {
    border-color: rgba(255, 215, 0, 0.5);
    background: rgba(255, 215, 0, 0.1);
}

.buyer-checkout-ops-drawer__actions span {
    border-color: rgba(156, 163, 175, 0.22);
    color: #9ca3af;
}

.buyer-checkout-ops-metrics {
    display: grid;
    grid-template-columns: repeat(8, minmax(118px, 1fr));
    gap: 0.55rem;
    margin: 0;
    overflow-x: auto;
}

.buyer-checkout-ops-metric {
    display: grid;
    align-content: start;
    gap: 0.25rem;
    min-height: 104px;
    min-width: 118px;
    padding: 0.74rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-top: 3px solid currentColor;
    border-radius: 8px;
    background: #1b1c1e;
    color: #60a5fa;
}

.buyer-checkout-ops-metric--green { color: #00e676; }
.buyer-checkout-ops-metric--orange { color: #ffa500; }
.buyer-checkout-ops-metric--red { color: #ff4444; }
.buyer-checkout-ops-metric--blue { color: #60a5fa; }
.buyer-checkout-ops-metric--gold { color: #ffd700; }

.buyer-checkout-ops-metric dt {
    color: #9ca3af;
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: uppercase;
}

.buyer-checkout-ops-metric dd {
    margin: 0;
    color: #ffffff;
    font-size: 1.45rem;
    font-weight: 900;
    line-height: 1;
}

.buyer-checkout-ops-metric small,
.buyer-checkout-ops-filter span,
.buyer-checkout-ops-list__summary span,
.buyer-checkout-ops-row small,
.buyer-checkout-ops-drawer__heading p,
.buyer-checkout-ops-authority__item small,
.buyer-checkout-ops-checklist li {
    color: #d1d5db;
    font-size: 0.8rem;
    line-height: 1.35;
}

.buyer-checkout-ops-filters {
    display: grid;
    grid-template-columns: repeat(7, minmax(120px, 1fr));
    gap: 0.5rem;
    overflow-x: auto;
}

.buyer-checkout-ops-filter {
    display: grid;
    gap: 0.14rem;
    min-width: 120px;
    min-height: 56px;
    padding: 0.56rem 0.66rem;
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.92);
}

.buyer-checkout-ops-filter span {
    font-size: 0.68rem;
    font-weight: 850;
    text-transform: uppercase;
}

.buyer-checkout-ops-filter strong {
    color: #ffffff;
    font-size: 0.92rem;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.buyer-checkout-ops-workbench {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 390px);
    gap: 0.8rem;
    align-items: start;
}

.buyer-checkout-ops-list,
.buyer-checkout-ops-drawer {
    min-width: 0;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.82);
}

.buyer-checkout-ops-list {
    display: grid;
    gap: 0.65rem;
    padding: 0.7rem;
}

.buyer-checkout-ops-list__summary {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.55rem;
    min-height: 44px;
    align-items: center;
}

.buyer-checkout-ops-list__summary strong {
    color: #ffffff;
    font-size: 0.92rem;
}

.buyer-checkout-ops-table {
    display: grid;
    gap: 0.45rem;
    overflow-x: auto;
}

.buyer-checkout-ops-row {
    display: grid;
    grid-template-columns:
        minmax(126px, 1.08fr)
        minmax(68px, 0.48fr)
        minmax(104px, 0.82fr)
        minmax(94px, 0.72fr)
        minmax(90px, 0.66fr)
        minmax(84px, 0.62fr)
        minmax(126px, 0.9fr);
    gap: 0.42rem;
    align-items: center;
    min-width: 0;
    padding: 0.58rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-left: 4px solid currentColor;
    border-radius: 8px;
    background: #1b1c1e;
    color: #60a5fa;
}

.buyer-checkout-ops-row--header {
    min-height: 36px;
    padding-block: 0.25rem;
    border-color: transparent;
    background: transparent;
    color: #9ca3af;
    font-size: 0.68rem;
    font-weight: 850;
    text-transform: uppercase;
}

.buyer-checkout-ops-row--selected {
    border-color: rgba(255, 215, 0, 0.46);
    background:
        linear-gradient(90deg, rgba(255, 215, 0, 0.08), transparent 34%),
        #1b1c1e;
}

.buyer-checkout-ops-row--green { color: #00e676; }
.buyer-checkout-ops-row--orange { color: #ffa500; }
.buyer-checkout-ops-row--red { color: #ff4444; }
.buyer-checkout-ops-row--blue { color: #60a5fa; }
.buyer-checkout-ops-row--gold { color: #ffd700; }

.buyer-checkout-ops-row span {
    min-width: 0;
}

.buyer-checkout-ops-row strong,
.buyer-checkout-ops-row small {
    display: block;
}

.buyer-checkout-ops-row strong {
    color: #ffffff;
    font-size: 0.88rem;
    font-weight: 850;
    line-height: 1.22;
    overflow-wrap: anywhere;
}

.buyer-checkout-ops-row small {
    margin-top: 0.18rem;
    color: #9ca3af;
}

.buyer-checkout-ops-empty {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    justify-content: space-between;
    align-items: center;
    min-height: 72px;
    padding: 0.9rem;
    border: 1px dashed rgba(255, 215, 0, 0.42);
    border-radius: 8px;
    background: rgba(255, 215, 0, 0.06);
    color: #d1d5db;
}

.buyer-checkout-ops-drawer {
    position: sticky;
    top: 0.8rem;
    display: grid;
    gap: 0.8rem;
    padding: 0.85rem;
}

.buyer-checkout-ops-drawer__heading {
    display: grid;
    gap: 0.42rem;
}

.buyer-checkout-ops-drawer__heading h3 {
    margin: 0;
    color: #ffffff;
    font-size: 1.25rem;
    line-height: 1.18;
    overflow-wrap: anywhere;
}

.buyer-checkout-ops-drawer__heading p {
    margin: 0;
}

.buyer-checkout-ops-drawer__step {
    color: #ffffff;
    font-size: 0.96rem;
    line-height: 1.25;
}

.buyer-checkout-ops-authority,
.buyer-checkout-ops-checklist {
    display: grid;
    gap: 0.48rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.buyer-checkout-ops-authority__item {
    display: grid;
    grid-template-columns: minmax(86px, 0.65fr) minmax(0, 1fr);
    gap: 0.2rem 0.55rem;
    min-height: 62px;
    padding: 0.62rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-left: 4px solid currentColor;
    border-radius: 8px;
    background: #232529;
    color: #60a5fa;
}

.buyer-checkout-ops-authority__item--green { color: #00e676; }
.buyer-checkout-ops-authority__item--orange { color: #ffa500; }
.buyer-checkout-ops-authority__item--red { color: #ff4444; }
.buyer-checkout-ops-authority__item--blue { color: #60a5fa; }
.buyer-checkout-ops-authority__item--gold { color: #ffd700; }

.buyer-checkout-ops-authority__item span {
    color: #9ca3af;
    font-size: 0.7rem;
    font-weight: 850;
    text-transform: uppercase;
}

.buyer-checkout-ops-authority__item strong {
    color: #ffffff;
    font-size: 0.88rem;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.buyer-checkout-ops-authority__item small {
    grid-column: 1 / -1;
    color: #d1d5db;
}

.buyer-checkout-ops-checklist li {
    min-height: 44px;
    padding: 0.6rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: #232529;
}

.buyer-checkout-support-brief {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    margin: 0;
}

.buyer-checkout-support-brief__item {
    display: grid;
    align-content: start;
    gap: 0.2rem;
    min-height: 92px;
    padding: 0.62rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-top: 3px solid currentColor;
    border-radius: 8px;
    background: #232529;
    color: #60a5fa;
}

.buyer-checkout-support-brief__item--green { color: #00e676; }
.buyer-checkout-support-brief__item--orange { color: #ffa500; }
.buyer-checkout-support-brief__item--red { color: #ff4444; }
.buyer-checkout-support-brief__item--blue { color: #60a5fa; }
.buyer-checkout-support-brief__item--gold { color: #ffd700; }

.buyer-checkout-support-brief__item dt {
    color: #9ca3af;
    font-size: 0.68rem;
    font-weight: 850;
    text-transform: uppercase;
}

.buyer-checkout-support-brief__item dd {
    margin: 0;
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 850;
    line-height: 1.2;
}

.buyer-checkout-support-brief__item small {
    color: #d1d5db;
    font-size: 0.76rem;
    line-height: 1.35;
}

.buyer-checkout-safe-reply {
    display: grid;
    gap: 0.5rem;
    scroll-margin-top: 120px;
    padding: 0.7rem;
    border: 1px solid rgba(255, 165, 0, 0.32);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 165, 0, 0.08), transparent 48%),
        #232529;
}

.buyer-checkout-safe-reply--green {
    border-color: rgba(0, 230, 118, 0.34);
    background:
        linear-gradient(135deg, rgba(0, 230, 118, 0.08), transparent 48%),
        #232529;
}

.buyer-checkout-safe-reply--red {
    border-color: rgba(255, 68, 68, 0.34);
    background:
        linear-gradient(135deg, rgba(255, 68, 68, 0.08), transparent 48%),
        #232529;
}

.buyer-checkout-safe-reply > span,
.buyer-checkout-safe-reply strong {
    color: #9ca3af;
    font-size: 0.7rem;
    font-weight: 850;
    text-transform: uppercase;
}

.buyer-checkout-safe-reply h4 {
    margin: 0;
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.22;
}

.buyer-checkout-safe-reply blockquote {
    margin: 0;
    padding: 0.65rem;
    border-left: 4px solid rgba(0, 230, 118, 0.5);
    border-radius: 8px;
    background: #1b1c1e;
    color: #ffffff;
    line-height: 1.42;
}

.buyer-checkout-safe-reply p {
    margin: 0.22rem 0 0;
    color: #d1d5db;
    font-size: 0.82rem;
    line-height: 1.38;
}

.report-detail-layout--buyer-checkout .reports-hero--compact h1,
.report-detail-layout--ledger .reports-hero--compact h1 {
    font-size: clamp(1.75rem, 2vw, 2.55rem);
}

.report-detail-layout--buyer-checkout .buyer-checkout-launchpad {
    grid-template-columns: minmax(0, 1fr) minmax(250px, 330px);
}

.report-detail-layout--buyer-checkout .buyer-checkout-launchpad__main {
    gap: 0.7rem;
}

.buyer-checkout-launchpad--green {
    border-color: rgba(0, 230, 118, 0.34);
    background:
        linear-gradient(135deg, rgba(0, 230, 118, 0.1), transparent 40%),
        #2b2d31;
}

.buyer-checkout-launchpad--orange {
    border-color: rgba(255, 165, 0, 0.36);
    background:
        linear-gradient(135deg, rgba(255, 165, 0, 0.1), transparent 40%),
        #2b2d31;
}

.buyer-checkout-launchpad--red {
    border-color: rgba(255, 68, 68, 0.36);
    background:
        linear-gradient(135deg, rgba(255, 68, 68, 0.1), transparent 40%),
        #2b2d31;
}

.buyer-checkout-launchpad__main,
.buyer-checkout-launchpad__card {
    min-width: 0;
}

.buyer-checkout-launchpad__main {
    display: grid;
    align-content: start;
    gap: 0.9rem;
}

.buyer-checkout-launchpad__main h2 {
    font-size: clamp(1.75rem, 2.4vw, 2.15rem);
    line-height: 1.08;
    overflow-wrap: anywhere;
}

.buyer-checkout-launchpad__main p:not(.reports-eyebrow) {
    max-width: 760px;
    color: #d1d5db;
    font-size: 1rem;
    line-height: 1.5;
}

.buyer-checkout-launchpad__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 0.2rem;
}

.buyer-checkout-launchpad__actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 44px;
    padding: 0.55rem 0.8rem;
    border: 1px solid rgba(96, 165, 250, 0.42);
    border-radius: 8px;
    background: #1b1c1e;
    color: #ffffff;
    font-size: 0.88rem;
    font-weight: 850;
    text-decoration: none;
}

.buyer-checkout-launchpad__actions a:hover,
.buyer-checkout-launchpad__actions a:focus-visible {
    border-color: rgba(96, 165, 250, 0.75);
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff;
    outline: none;
}

.buyer-checkout-launchpad__actions .buyer-checkout-launchpad__primary {
    border-color: rgba(0, 230, 118, 0.55);
    background: rgba(0, 230, 118, 0.12);
}

.buyer-checkout-launchpad__card {
    display: grid;
    grid-template-columns: 78px minmax(0, 1fr);
    gap: 0.8rem;
    align-content: start;
    min-height: 100%;
    padding: 0.8rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.86);
}

.buyer-checkout-blueprint-cover {
    display: grid;
    place-items: center;
    width: 78px;
    aspect-ratio: 1;
    border: 1px solid rgba(255, 215, 0, 0.28);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(96, 165, 250, 0.18), rgba(255, 215, 0, 0.1)),
        #232529;
    color: #ffd700;
    font-size: 1.45rem;
}

.buyer-checkout-launchpad__card dl {
    display: grid;
    gap: 0.65rem;
    margin: 0;
}

.buyer-checkout-launchpad__card div {
    min-width: 0;
}

.buyer-checkout-launchpad__card dt,
.buyer-checkout-unlock-list dt {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: uppercase;
}

.buyer-checkout-launchpad__card dd,
.buyer-checkout-unlock-list dd {
    margin: 0.2rem 0 0;
    color: #ffffff;
    font-weight: 800;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.buyer-checkout-phase-panel {
    border-color: rgba(96, 165, 250, 0.28);
}

.buyer-checkout-phase-panel__heading {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.buyer-checkout-phase-panel__heading p {
    margin-top: 0.35rem;
    color: #d1d5db;
    line-height: 1.45;
}

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

.buyer-checkout-phase {
    display: grid;
    gap: 0.35rem;
    min-height: 118px;
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #1b1c1e;
}

.buyer-checkout-phase span,
.buyer-checkout-proof small {
    color: #9ca3af;
    font-size: 0.75rem;
    font-weight: 850;
    text-transform: uppercase;
}

.buyer-checkout-phase strong,
.buyer-checkout-proof strong {
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.25;
}

.buyer-checkout-phase small,
.buyer-checkout-proof p {
    color: #d1d5db;
    line-height: 1.4;
}

.buyer-checkout-phase--green { border-color: rgba(0, 230, 118, 0.42); }
.buyer-checkout-phase--orange { border-color: rgba(255, 165, 0, 0.42); }
.buyer-checkout-phase--blue { border-color: rgba(96, 165, 250, 0.42); }
.buyer-checkout-phase--gold { border-color: rgba(255, 215, 0, 0.42); }

.buyer-checkout-proof-panel {
    border-color: rgba(255, 215, 0, 0.24);
}

.buyer-checkout-proof-grid {
    display: grid;
    gap: 0.65rem;
}

.buyer-checkout-proof {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
    min-height: 86px;
    padding: 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #1b1c1e;
}

.buyer-checkout-proof > .oi {
    display: inline-grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border: 1px solid currentColor;
    border-radius: 8px;
}

.buyer-checkout-proof div {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.buyer-checkout-proof p {
    margin: 0;
    font-size: 0.88rem;
}

.buyer-checkout-proof--green { color: #00e676; border-color: rgba(0, 230, 118, 0.32); }
.buyer-checkout-proof--orange { color: #ffa500; border-color: rgba(255, 165, 0, 0.32); }
.buyer-checkout-proof--blue { color: #60a5fa; border-color: rgba(96, 165, 250, 0.32); }
.buyer-checkout-proof--gold { color: #ffd700; border-color: rgba(255, 215, 0, 0.32); }
.buyer-checkout-proof--red { color: #ff4444; border-color: rgba(255, 68, 68, 0.32); }

.buyer-checkout-unlock-panel {
    border-color: rgba(0, 230, 118, 0.24);
}

.buyer-checkout-unlock-list {
    display: grid;
    gap: 0.65rem;
    margin: 0;
}

.buyer-checkout-unlock-list div {
    min-width: 0;
    padding: 0.8rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #1b1c1e;
}

.buyer-checkout-report__summary {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
    align-items: start;
    border-color: rgba(255, 215, 0, 0.3);
}

.buyer-checkout-report__summary-actions {
    display: grid;
    gap: 0.65rem;
}

.buyer-checkout-case-review {
    scroll-margin-top: 112px;
    border-color: rgba(255, 165, 0, 0.34);
    background:
        linear-gradient(135deg, rgba(255, 165, 0, 0.1), transparent 38%),
        rgba(43, 45, 49, 0.86);
}

.buyer-checkout-case-review--red,
.buyer-checkout-case-review--missing {
    border-color: rgba(255, 68, 68, 0.36);
    background:
        linear-gradient(135deg, rgba(255, 68, 68, 0.1), transparent 38%),
        rgba(43, 45, 49, 0.86);
}

.buyer-checkout-case-review--green {
    border-color: rgba(0, 230, 118, 0.34);
}

.buyer-checkout-case-review--blue {
    border-color: rgba(96, 165, 250, 0.34);
}

.buyer-checkout-case-review__bar {
    position: sticky;
    top: 0.75rem;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    min-height: 56px;
    margin: -0.25rem -0.25rem 0.25rem;
    padding: 0.7rem;
    border: 1px solid rgba(255, 215, 0, 0.24);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.96);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.24);
}

.buyer-checkout-case-review__bar div {
    min-width: 0;
}

.buyer-checkout-case-review__bar span {
    display: block;
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.buyer-checkout-case-review__bar strong {
    display: block;
    margin-top: 0.15rem;
    color: #ffffff;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.buyer-checkout-case-review__bar-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    justify-content: flex-end;
}

.buyer-checkout-case-review__bar-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.55rem 0.75rem;
    border: 1px solid rgba(255, 215, 0, 0.34);
    border-radius: 8px;
    background: rgba(255, 215, 0, 0.07);
    color: #ffffff;
    font-size: 0.84rem;
    font-weight: 850;
    text-decoration: none;
}

.buyer-checkout-case-review__bar-actions a:hover,
.buyer-checkout-case-review__bar-actions a:focus-visible {
    border-color: rgba(255, 215, 0, 0.65);
    background: rgba(255, 215, 0, 0.12);
    outline: none;
}

.buyer-checkout-case-review__bar-actions .buyer-checkout-case-review__primary {
    border-color: rgba(96, 165, 250, 0.55);
    background: rgba(96, 165, 250, 0.12);
}

.buyer-checkout-case-review__header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.buyer-checkout-case-review__header h2,
.buyer-checkout-case-review h2 {
    margin: 0.3rem 0 0;
    color: #ffffff;
    font-size: 1.9rem;
    line-height: 1.12;
    overflow-wrap: anywhere;
}

.buyer-checkout-case-review__header p,
.buyer-checkout-case-review > p {
    margin: 0.45rem 0 0;
    color: #d1d5db;
    line-height: 1.45;
}

.buyer-checkout-case-review__status {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.7rem;
    margin: 0;
}

.buyer-checkout-case-review__status div,
.buyer-checkout-case-review__next,
.buyer-checkout-case-review__rules li {
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #1b1c1e;
}

.buyer-checkout-case-review__status div {
    min-width: 0;
    padding: 0.78rem;
}

.buyer-checkout-case-review__status dt {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: 0;
}

.buyer-checkout-case-review__status dd {
    margin: 0.24rem 0 0;
    color: #ffffff;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.buyer-checkout-case-review__next {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 360px);
    gap: 1rem;
    align-items: start;
    padding: 1rem;
}

.buyer-checkout-case-review__next h3 {
    margin: 0.25rem 0 0;
    color: #ffffff;
    font-size: 1.15rem;
    line-height: 1.25;
}

.buyer-checkout-case-review__next p {
    margin: 0.45rem 0 0;
    color: #d1d5db;
    line-height: 1.45;
}

.buyer-checkout-case-review__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.buyer-checkout-case-review__actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.65rem 0.9rem;
    border: 1px solid rgba(255, 215, 0, 0.34);
    border-radius: 8px;
    background: rgba(255, 215, 0, 0.07);
    color: #ffffff;
    font-size: 0.86rem;
    font-weight: 850;
    text-decoration: none;
}

.buyer-checkout-case-review__actions a:hover,
.buyer-checkout-case-review__actions a:focus-visible {
    border-color: rgba(255, 215, 0, 0.65);
    background: rgba(255, 215, 0, 0.12);
    outline: none;
}

.buyer-checkout-case-review__actions .buyer-checkout-case-review__primary {
    border-color: rgba(96, 165, 250, 0.55);
    background: rgba(96, 165, 250, 0.12);
}

.buyer-checkout-case-review__rules {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.buyer-checkout-case-review__rules li {
    min-height: 72px;
    padding: 0.85rem;
    color: #d1d5db;
    line-height: 1.4;
}

.buyer-checkout-lifecycle {
    display: grid;
    grid-template-columns: repeat(6, minmax(126px, 1fr));
    gap: 0.65rem;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    list-style: none;
}

.buyer-checkout-lifecycle__step {
    display: grid;
    justify-items: center;
    gap: 0.45rem;
    min-width: 126px;
    min-height: 150px;
    padding: 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-top: 4px solid currentColor;
    border-radius: 8px;
    background: #1b1c1e;
    color: #60a5fa;
    text-align: center;
}

.buyer-checkout-lifecycle__marker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid currentColor;
    border-radius: 8px;
    background: #232529;
}

.buyer-checkout-lifecycle__step strong,
.buyer-checkout-lifecycle__step small,
.buyer-checkout-lifecycle__step em {
    display: block;
    min-width: 0;
}

.buyer-checkout-lifecycle__step strong {
    color: #ffffff;
    font-size: 0.94rem;
    font-weight: 850;
    line-height: 1.22;
}

.buyer-checkout-lifecycle__step small {
    color: #9ca3af;
    font-size: 0.74rem;
    font-weight: 800;
    text-transform: uppercase;
}

.buyer-checkout-lifecycle__step em {
    color: #ffffff;
    font-size: 1.35rem;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
}

.buyer-checkout-lifecycle__step--green,
.buyer-checkout-metric--green,
.buyer-checkout-funnel__row--green,
.buyer-checkout-scenario--green { color: #00e676; }

.buyer-checkout-lifecycle__step--orange,
.buyer-checkout-metric--orange,
.buyer-checkout-funnel__row--orange,
.buyer-checkout-scenario--orange { color: #ffa500; }

.buyer-checkout-lifecycle__step--red,
.buyer-checkout-metric--red,
.buyer-checkout-funnel__row--red,
.buyer-checkout-scenario--red { color: #ff4444; }

.buyer-checkout-lifecycle__step--blue,
.buyer-checkout-metric--blue,
.buyer-checkout-funnel__row--blue,
.buyer-checkout-scenario--blue { color: #60a5fa; }

.buyer-checkout-lifecycle__step--gold,
.buyer-checkout-metric--gold,
.buyer-checkout-funnel__row--gold,
.buyer-checkout-scenario--gold { color: #ffd700; }

.buyer-checkout-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.65rem;
    margin: 0;
}

.buyer-checkout-metric {
    display: grid;
    gap: 0.35rem;
    min-height: 116px;
    padding: 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-left: 4px solid currentColor;
    border-radius: 8px;
    background: #1b1c1e;
}

.buyer-checkout-metric dt,
.buyer-checkout-funnel__row span {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.buyer-checkout-metric dd {
    margin: 0;
    color: #ffffff;
    font-size: 1.6rem;
    font-weight: 900;
    line-height: 1.05;
}

.buyer-checkout-metric small,
.buyer-checkout-funnel__row small,
.buyer-checkout-scenario p {
    color: #d1d5db;
    font-size: 0.82rem;
    line-height: 1.38;
}

.buyer-checkout-funnel-panel {
    min-width: 0;
}

.buyer-checkout-funnel {
    display: grid;
    gap: 0.7rem;
}

.buyer-checkout-funnel__row {
    display: grid;
    grid-template-columns: minmax(120px, 0.9fr) 76px minmax(160px, 1.3fr);
    gap: 0.65rem;
    align-items: center;
    min-height: 72px;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #1b1c1e;
    color: #60a5fa;
}

.buyer-checkout-funnel__row strong {
    color: #ffffff;
    font-size: 1.05rem;
    font-weight: 860;
}

.buyer-checkout-funnel__track {
    height: 10px;
    overflow: hidden;
    border-radius: 999px;
    background: #232529;
}

.buyer-checkout-funnel__track span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: currentColor;
}

.buyer-checkout-funnel__row small {
    grid-column: 1 / -1;
}

.buyer-checkout-actions-panel {
    border-color: rgba(255, 165, 0, 0.3);
}

.buyer-checkout-actions-panel .action-row .action-row__status {
    min-height: 44px;
    border-radius: 8px;
}

.buyer-checkout-scenarios {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.buyer-checkout-scenario {
    display: grid;
    align-content: start;
    gap: 0.65rem;
    min-height: 238px;
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-top: 4px solid currentColor;
    border-radius: 8px;
    background: #1b1c1e;
}

.buyer-checkout-scenario h3 {
    margin: 0;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 850;
    line-height: 1.25;
}

.buyer-checkout-scenario p {
    margin: 0;
}

.buyer-checkout-scenario a {
    align-self: end;
    justify-self: start;
}

.buyer-checkout-filter-shell {
    display: grid;
    grid-template-columns: minmax(220px, 0.58fr) minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
    padding: 0.85rem;
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 8px;
    background: #1b1c1e;
}

.buyer-checkout-filter-shell > div {
    display: grid;
    gap: 0.22rem;
}

.buyer-checkout-filter-shell strong {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 850;
    line-height: 1.2;
}

.buyer-checkout-filter-shell small {
    color: #d1d5db;
    font-size: 0.8rem;
    line-height: 1.35;
}

.buyer-checkout-filters {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
}

.buyer-checkout-filter {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 44px;
    padding: 0 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.24);
    border-radius: 8px;
    background: #232529;
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 850;
    text-decoration: none;
}

.buyer-checkout-filter span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    min-height: 26px;
    padding: 0 0.35rem;
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.16);
    color: #ffffff;
    font-size: 0.78rem;
}

.buyer-checkout-filter:hover,
.buyer-checkout-filter:focus-visible,
.buyer-checkout-filter--active {
    border-color: rgba(96, 165, 250, 0.72);
    background: rgba(96, 165, 250, 0.14);
    outline: none;
}

.buyer-checkout-triage {
    display: grid;
    gap: 0.55rem;
    overflow-x: auto;
}

.buyer-checkout-triage__header,
.buyer-checkout-triage__row {
    display: grid;
    grid-template-columns: minmax(180px, 1.25fr) minmax(108px, 0.65fr) minmax(160px, 1fr) minmax(148px, 0.9fr) minmax(170px, 0.95fr);
    gap: 0.65rem;
    align-items: center;
    min-width: 880px;
}

.buyer-checkout-triage__header {
    padding: 0 0.75rem;
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.buyer-checkout-triage__row {
    padding: 0.8rem 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-left: 4px solid currentColor;
    border-radius: 8px;
    background: #1b1c1e;
    color: #60a5fa;
}

.buyer-checkout-triage__empty {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-height: 72px;
    padding: 1rem;
    border: 1px dashed rgba(255, 215, 0, 0.42);
    border-radius: 8px;
    background: rgba(255, 215, 0, 0.06);
    color: #d1d5db;
    font-size: 0.9rem;
    line-height: 1.45;
}

.buyer-checkout-triage__empty a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 0.8rem;
    border: 1px solid rgba(255, 215, 0, 0.52);
    border-radius: 8px;
    color: #ffffff;
    font-size: 0.84rem;
    font-weight: 850;
    text-decoration: none;
}

.buyer-checkout-triage__empty a:hover,
.buyer-checkout-triage__empty a:focus-visible {
    border-color: rgba(96, 165, 250, 0.72);
    background: rgba(96, 165, 250, 0.12);
    outline: none;
}

.buyer-checkout-triage__row--green { color: #00e676; }
.buyer-checkout-triage__row--orange { color: #ffa500; }
.buyer-checkout-triage__row--red { color: #ff4444; }
.buyer-checkout-triage__row--blue { color: #60a5fa; }
.buyer-checkout-triage__row--gold { color: #ffd700; }

.buyer-checkout-triage__row span {
    min-width: 0;
    color: #d1d5db;
    font-size: 0.86rem;
    line-height: 1.35;
}

.buyer-checkout-triage__row strong,
.buyer-checkout-triage__row small {
    display: block;
}

.buyer-checkout-triage__row strong {
    color: #ffffff;
    font-size: 0.92rem;
    font-weight: 850;
}

.buyer-checkout-triage__row small {
    margin-top: 0.2rem;
    color: #9ca3af;
    font-size: 0.78rem;
}

.buyer-checkout-triage__row a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 0.75rem;
    border: 1px solid currentColor;
    border-radius: 8px;
    color: #ffffff;
    text-decoration: none;
    font-size: 0.84rem;
    font-weight: 850;
}

.buyer-checkout-triage__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.buyer-checkout-triage__row a:hover,
.buyer-checkout-triage__row a:focus-visible {
    background: rgba(96, 165, 250, 0.12);
    outline: none;
}

.team-work-report-hybrid {
    border-color: rgba(0, 230, 118, 0.28);
}

.team-work-report-hybrid__header {
    display: grid;
    gap: 0.75rem;
}

.team-work-report-hybrid__header h2,
.team-work-section-heading h3 {
    margin: 0;
    color: #ffffff;
    letter-spacing: 0;
}

.team-work-report-layout {
    display: grid;
    grid-template-columns: minmax(280px, 0.42fr) minmax(0, 1fr);
    gap: 1rem;
    align-items: stretch;
}

.team-work-command-metrics {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.65rem;
    margin: 0;
}

.team-work-command-metrics div {
    display: grid;
    gap: 0.22rem;
    min-height: 94px;
    padding: 0.8rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #1b1c1e;
}

.team-work-command-metrics dt {
    color: #9ca3af;
    font-size: 0.7rem;
    font-weight: 850;
    text-transform: uppercase;
}

.team-work-command-metrics dd {
    margin: 0;
    color: #ffffff;
    font-size: 1.42rem;
    font-weight: 900;
    line-height: 1.05;
}

.team-work-command-metrics small {
    color: #9ca3af;
    font-size: 0.76rem;
    line-height: 1.3;
}

.team-work-next-actions,
.team-work-phase-board,
.team-work-proof-readiness,
.team-work-roi-signals {
    display: grid;
    align-content: start;
    gap: 0.85rem;
    min-width: 0;
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: #1b1c1e;
}

.team-work-next-actions {
    border-color: rgba(255, 165, 0, 0.34);
}

.team-work-phase-board {
    border-color: rgba(255, 215, 0, 0.3);
}

.team-work-proof-readiness {
    border-color: rgba(255, 165, 0, 0.34);
}

.team-work-roi-signals {
    border-color: rgba(0, 230, 118, 0.28);
}

.team-work-section-heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
}

.team-work-section-heading h3 {
    font-size: 1.15rem;
    line-height: 1.2;
}

.team-work-action-list {
    display: grid;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.team-work-action-list li {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    min-height: 86px;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #232529;
}

.team-work-action-list__rank {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255, 215, 0, 0.52);
    border-radius: 8px;
    color: #ffd700;
    font-weight: 900;
}

.team-work-action-list strong,
.team-work-card strong {
    display: block;
    color: #ffffff;
    font-weight: 830;
    line-height: 1.25;
}

.team-work-action-list small,
.team-work-card small {
    display: block;
    margin-top: 0.2rem;
    color: #9ca3af;
    font-size: 0.82rem;
    line-height: 1.35;
}

.team-work-lanes {
    display: grid;
    grid-template-columns: repeat(5, minmax(125px, 1fr));
    gap: 0.75rem;
    overflow-x: auto;
    padding-bottom: 0.2rem;
}

.team-work-lane {
    display: grid;
    align-content: start;
    gap: 0.65rem;
    min-height: 300px;
    min-width: 125px;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #111315;
}

.team-work-lane header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.team-work-lane header strong {
    color: #d1d5db;
    font-size: 0.82rem;
    font-weight: 850;
    text-transform: uppercase;
}

.team-work-lane header .status-pill {
    flex: 0 0 auto;
    padding-inline: 0.45rem;
    font-size: 0.68rem;
    overflow-wrap: normal;
    white-space: nowrap;
}

.team-work-lane--blue { border-color: rgba(96, 165, 250, 0.36); }
.team-work-lane--green { border-color: rgba(0, 230, 118, 0.3); }
.team-work-lane--orange { border-color: rgba(255, 165, 0, 0.38); }
.team-work-lane--red { border-color: rgba(255, 68, 68, 0.36); }

.team-work-card {
    display: grid;
    min-height: 86px;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-left: 4px solid currentColor;
    border-radius: 8px;
    background: #232529;
}

.team-work-card--green { color: #00e676; }
.team-work-card--orange { color: #ffa500; }
.team-work-card--red { color: #ff4444; }
.team-work-card--gold { color: #ffd700; }

.team-work-support-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.6fr);
    gap: 1rem;
    align-items: start;
}

.team-work-proof-matrix,
.team-work-signal-list {
    display: grid;
    gap: 0.65rem;
}

.team-work-proof-matrix {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.team-work-proof-matrix div,
.team-work-signal-list div {
    display: grid;
    gap: 0.25rem;
    min-height: 84px;
    padding: 0.8rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #232529;
}

.team-work-proof-matrix span,
.team-work-signal-list dt {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.team-work-proof-matrix strong,
.team-work-signal-list dd {
    margin: 0;
    color: #ffffff;
    font-size: 1.45rem;
    font-weight: 880;
    line-height: 1.05;
}

.team-work-proof-matrix small {
    color: #9ca3af;
    font-size: 0.78rem;
    line-height: 1.35;
}

.team-work-signal-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.team-work-review-map {
    border-color: rgba(96, 165, 250, 0.3);
}

.team-work-review-map > summary {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    min-height: 44px;
    cursor: pointer;
    color: #ffffff;
    font-weight: 850;
}

.team-work-review-map > summary::marker {
    color: #60a5fa;
}

.team-work-review-map[open] > summary {
    margin-bottom: 1rem;
}

.report-evidence-action-map {
    grid-column: 1 / -1;
    border-color: rgba(255, 165, 0, 0.36);
}

.launch-evidence-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
    margin: 0;
}

.launch-evidence-summary div,
.launch-evidence-artifacts div {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
    padding: 0.8rem;
    border: 1px solid rgba(156, 163, 175, 0.22);
    border-radius: 8px;
    background: #232529;
}

.launch-evidence-summary dt,
.launch-evidence-artifacts span {
    color: #9ca3af;
    font-size: 0.74rem;
    font-weight: 800;
    text-transform: uppercase;
}

.launch-evidence-summary dd,
.launch-evidence-artifacts strong {
    margin: 0;
    color: #ffffff;
    font-size: 0.94rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.launch-evidence-alert {
    border-color: rgba(255, 68, 68, 0.42);
}

.launch-evidence-gates {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.launch-evidence-gate {
    min-width: 0;
}

.launch-evidence-gate--red {
    border-color: rgba(255, 68, 68, 0.42);
}

.launch-evidence-gate--orange {
    border-color: rgba(255, 165, 0, 0.42);
}

.launch-evidence-gate--green {
    border-color: rgba(0, 230, 118, 0.38);
}

.launch-evidence-gate--blue,
.launch-evidence-gate--gold {
    border-color: rgba(96, 165, 250, 0.34);
}

.launch-evidence-gate__topline {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    align-items: center;
    justify-content: space-between;
}

.launch-evidence-gate__topline > span:last-child {
    color: #9ca3af;
    font-size: 0.82rem;
    font-weight: 800;
}

.launch-evidence-path {
    color: #9ca3af;
    font-size: 0.9rem;
    overflow-wrap: anywhere;
}

.launch-evidence-failed-checks {
    display: grid;
    gap: 0.5rem;
    margin: 0;
    padding-left: 1.1rem;
    color: #d1d5db;
    font-size: 0.94rem;
    line-height: 1.45;
}

.launch-evidence-artifacts,
.launch-evidence-commands {
    display: grid;
    gap: 0.65rem;
}

.launch-evidence-commands code {
    display: block;
    min-height: 44px;
    padding: 0.85rem;
    border: 1px solid rgba(255, 215, 0, 0.24);
    border-radius: 8px;
    background: #1b1c1e;
    color: #ffffff;
    font-size: 0.88rem;
    line-height: 1.5;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.report-panel p,
.report-check-list,
.funnel-steps span,
.metric-grid span,
.report-metric-grid small {
    color: #d1d5db;
    font-size: 0.98rem;
    line-height: 1.6;
}

.report-metric-grid small {
    color: #9ca3af;
    font-size: 0.88rem;
}

.report-metric-cell {
    grid-template-columns: 32px minmax(0, 1fr);
    align-items: center;
    min-width: 0;
}

.report-metric-cell strong,
.report-metric-cell span,
.report-metric-cell small {
    grid-column: 2;
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.report-metric-cell .report-state-icon {
    grid-row: 1 / span 3;
}

.metric-grid,
.funnel-steps {
    display: grid;
    gap: 0.75rem;
}

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

.funnel-steps {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.metric-grid div,
.funnel-steps div {
    display: grid;
    gap: 0.25rem;
    min-height: 88px;
    padding: 1rem;
    border: 1px solid rgba(96, 165, 250, 0.26);
    border-radius: 8px;
    background: #232529;
}

.metric-grid strong,
.funnel-steps strong {
    color: #ffffff;
    font-size: 1.65rem;
    font-weight: 800;
}

.report-check-list {
    display: grid;
    gap: 0.7rem;
    margin: 0;
    padding-left: 1.2rem;
}

.report-inline-filters {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.7rem;
    margin: 0;
}

.report-inline-filters div {
    display: grid;
    gap: 0.2rem;
    min-height: 68px;
    padding: 0.8rem;
    border: 1px solid rgba(156, 163, 175, 0.24);
    border-radius: 8px;
    background: #232529;
}

.report-inline-filters dt {
    color: #9ca3af;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.report-inline-filters dd {
    margin: 0;
    color: #ffffff;
    font-size: 0.95rem;
    line-height: 1.35;
}

.report-authority-panel {
    border-color: rgba(255, 215, 0, 0.28);
}

.report-decision-summary {
    border-color: rgba(255, 165, 0, 0.48);
}

.report-decision-summary__header {
    display: grid;
    gap: 0.65rem;
}

.report-detail-opening-map {
    border-color: rgba(96, 165, 250, 0.28);
}

.report-decision-grid.report-detail-opening-map__steps {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}

.report-decision-grid.report-detail-opening-map__steps div {
    min-height: 0;
    background: #1b1c1e;
}

.report-decision-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
    margin: 0;
}

.report-decision-grid div {
    display: grid;
    gap: 0.25rem;
    min-height: 92px;
    padding: 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.22);
    border-radius: 8px;
    background: #232529;
}

.report-decision-grid dt {
    color: #9ca3af;
    font-size: 0.74rem;
    font-weight: 800;
    text-transform: uppercase;
}

.report-decision-grid dd {
    margin: 0;
    color: #ffffff;
    font-size: 0.95rem;
    line-height: 1.38;
    overflow-wrap: anywhere;
}

.report-risk-list {
    display: grid;
    gap: 0.75rem;
}

.report-empty-state {
    display: grid;
    gap: 0.35rem;
    padding: 1rem;
    border: 1px dashed rgba(156, 163, 175, 0.28);
    border-radius: 8px;
    background: #232529;
}

.report-empty-state h3 {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 760;
}

.report-empty-state p {
    color: #d1d5db;
    font-size: 0.94rem;
    line-height: 1.55;
}

.report-locked-action {
    border-color: rgba(255, 68, 68, 0.45);
}

.report-locked-action button,
.report-decision-summary button,
.report-action-link {
    min-height: 44px;
    width: max-content;
    max-width: 100%;
    padding: 0 1rem;
    border: 1px solid rgba(255, 68, 68, 0.52);
    border-radius: 8px;
    background: rgba(255, 68, 68, 0.12);
    color: #f8fafc;
    font-weight: 800;
}

.report-action-link {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.report-action-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.report-operation-table {
    display: grid;
    gap: 0.55rem;
    overflow-x: auto;
}

.report-operation-row {
    display: grid;
    grid-template-columns: minmax(150px, 1.1fr) minmax(130px, 0.8fr) minmax(150px, 0.95fr) minmax(170px, 1fr);
    gap: 0.65rem;
    align-items: center;
    min-width: 760px;
    min-height: 58px;
    padding: 0.72rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-left: 4px solid currentColor;
    border-radius: 8px;
    background: #1b1c1e;
    color: #60a5fa;
}

.report-operation-row--header {
    min-height: 36px;
    padding-block: 0.25rem;
    border-color: transparent;
    background: transparent;
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.report-operation-row--green { color: #00e676; }
.report-operation-row--orange { color: #ffa500; }
.report-operation-row--red { color: #ff4444; }
.report-operation-row--blue { color: #60a5fa; }
.report-operation-row--gold { color: #ffd700; }

.report-operation-row span {
    min-width: 0;
    color: #d1d5db;
    line-height: 1.35;
}

.report-operation-row strong,
.report-operation-row small {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
}

.report-operation-row strong {
    color: #ffffff;
    font-size: 0.94rem;
    font-weight: 850;
}

.report-operation-row small {
    color: #9ca3af;
    font-size: 0.8rem;
}

.report-operation-row a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 0.75rem;
    border: 1px solid currentColor;
    border-radius: 8px;
    color: #ffffff;
    font-size: 0.84rem;
    font-weight: 850;
    text-decoration: none;
}

.report-operation-row a:hover,
.report-operation-row a:focus-visible {
    background: rgba(96, 165, 250, 0.12);
    outline: none;
}

.report-locked-action button:disabled {
    cursor: not-allowed;
    opacity: 0.78;
}

.admin-workspace {
    display: grid;
    gap: 1.5rem;
    width: 100%;
    min-width: 0;
    max-width: 1320px;
}

.admin-workspace > * {
    min-width: 0;
    scroll-margin-top: 6rem;
}

.admin-workspace * {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.admin-workspace,
.admin-workspace *,
.reports-board,
.reports-board * {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.admin-hero,
.admin-panel,
.admin-access-denied,
.admin-flag-card {
    display: grid;
    gap: 1rem;
}

.admin-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
    gap: 1.5rem;
    align-items: stretch;
}

.admin-workspace h1,
.admin-access-denied h1 {
    max-width: 780px;
    margin: 0;
    color: #ffffff;
    font-size: clamp(2.2rem, 4vw, 4.5rem);
    font-weight: 800;
    line-height: 1.05;
}

.admin-workspace h2,
.admin-workspace h3,
.admin-workspace p,
.admin-access-denied p {
    margin: 0;
    overflow-wrap: anywhere;
}

.admin-panel,
.admin-access-denied,
.admin-flag-card {
    padding: 1.5rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #2b2d31;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.22);
    min-width: 0;
    max-width: 100%;
}

.admin-panel--authority {
    border-color: rgba(255, 215, 0, 0.28);
}

.admin-inline-panel {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: #232529;
}

.admin-inline-panel--drawer {
    margin-top: 1rem;
    border-color: rgba(96, 165, 250, 0.32);
}

.admin-inline-panel h3,
.admin-inline-panel h4 {
    margin: 0;
    color: #ffffff;
    font-size: 1.05rem;
    font-weight: 760;
    line-height: 1.25;
}

.admin-access-denied {
    width: 100%;
    min-width: min(100%, 34rem);
    max-width: 760px;
    margin: 2rem auto 0;
    border-color: rgba(255, 68, 68, 0.45);
}

.admin-panel h2,
.admin-flag-card h2 {
    color: #ffffff;
    font-size: 1.35rem;
    font-weight: 760;
    line-height: 1.22;
}

.admin-panel p,
.admin-access-denied p,
.admin-flag-card p,
.admin-definition-grid dd {
    color: #d1d5db;
    font-size: 0.96rem;
    line-height: 1.55;
}

.admin-metric-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.admin-metric-grid div,
.admin-definition-grid div {
    display: grid;
    gap: 0.25rem;
    padding: 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: #232529;
}

.admin-metric-grid span,
.admin-definition-grid dt {
    color: #9ca3af;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.admin-metric-grid strong {
    color: #ffffff;
    font-size: 1.65rem;
    font-weight: 800;
}

.admin-workspace--branding-review {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: none;
    min-height: 100vh;
    gap: 1rem;
    margin: 0;
    padding: 0 1rem 2rem 5rem;
    background:
        radial-gradient(circle at 70% 0%, rgba(41, 211, 194, 0.1), transparent 32rem),
        linear-gradient(180deg, #0c1117 0%, #0b0f15 100%);
}

.admin-workspace--branding-review > * {
    order: 4;
}

.admin-workspace--branding-review > .admin-review-topbar,
.admin-workspace--branding-review > .admin-review-icon-rail {
    order: 0;
}

.admin-workspace--branding-review > .breadcrumb-trail {
    display: none;
}

.admin-workspace--branding-review > .admin-branding-review-board {
    order: 1;
}

.admin-workspace--branding-review > .admin-hero,
.admin-workspace--branding-review > .admin-metric-grid,
.admin-workspace--branding-review > .reports-board,
.admin-workspace--branding-review > .admin-flag-grid,
.admin-workspace--branding-review > .admin-panel[aria-label="Recent marketplace moderation audit"] {
    display: none;
}

.admin-review-topbar {
    min-height: 64px;
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 0 -1rem 1rem -5rem;
    padding: 0 1.5rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
    background: rgba(10, 14, 20, 0.98);
}

.admin-review-topbar .brand-mock-logo small {
    display: block;
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 700;
}

.admin-review-topbar nav {
    display: flex;
    gap: 0.65rem;
    align-items: center;
    color: #cbd5e1;
}

.admin-review-topbar nav a {
    color: #e5e7eb;
    text-decoration: none;
    font-weight: 850;
}

.admin-review-icon-rail {
    position: fixed;
    z-index: 3;
    left: 0;
    top: 64px;
    bottom: 0;
    width: 64px;
    display: grid;
    grid-auto-rows: 44px;
    justify-items: center;
    align-content: start;
    gap: 0.65rem;
    padding: 1rem 0;
    border-right: 1px solid rgba(148, 163, 184, 0.16);
    background: rgba(7, 11, 16, 0.98);
}

.admin-review-icon-rail .brand-mock-logo {
    min-height: 44px;
    gap: 0;
}

.admin-review-icon-rail .brand-mock-logo > span {
    width: 34px;
    height: 34px;
}

.admin-review-icon-rail .brand-mock-nav-icon {
    width: 44px;
    height: 44px;
    color: #94a3b8;
    border-radius: 8px;
}

.admin-review-icon-rail a {
    display: inline-grid;
    place-items: center;
    text-decoration: none;
}

.admin-review-icon-rail a:hover,
.admin-review-icon-rail a:focus-visible,
.admin-review-icon-rail__link--active {
    color: #dbeafe;
    background: rgba(59, 130, 246, 0.18);
}

.admin-review-icon-rail a:focus-visible {
    outline: 3px solid #93c5fd;
    outline-offset: 2px;
}

.teamsync-hub {
    width: 100%;
    max-width: 1240px;
    gap: 1.15rem;
}

.page:has(.teamsync-hub--setup) .command-nav {
    display: none;
}

.page:has(.teamsync-hub--setup) .main {
    padding-top: 0.5rem;
    padding-bottom: 1rem;
}

.teamsync-hub--setup {
    max-width: 1120px;
    gap: 0.8rem;
    margin-inline: auto;
}

@media (min-width: 1081px) and (min-height: 650px) {
    .page:has(.teamsync-hub--setup) {
        height: 100vh;
        height: 100dvh;
        min-height: 0;
        overflow: hidden;
    }

    .page:has(.teamsync-hub--setup) > .main {
        min-height: 0;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior-y: contain;
        scrollbar-gutter: stable;
    }

    .page:has(.teamsync-hub--setup) > .bizmonger-legal-footer--app-shell {
        display: none;
    }
}

@media (min-width: 1081px) and (min-height: 650px) and (max-height: 700px) {
    .page:has(.teamsync-hub--setup) > .main {
        padding-top: 0.4rem;
        padding-bottom: 0.4rem;
    }
}

.page:has(.teamsync-hub--live) .main {
    padding-top: 1rem;
}

@media (min-width: 1081px) and (min-height: 900px) {
    .page:has(.teamsync-hub--live) {
        height: 100vh;
        height: 100dvh;
        min-height: 0;
        overflow: hidden;
    }

    .page:has(.teamsync-hub--live) > .main {
        min-height: 0;
        padding-top: 0.5rem;
        padding-bottom: 0;
        overflow: hidden;
    }

    .page:has(.teamsync-hub--live) > .bizmonger-legal-footer--app-shell {
        display: none;
    }
}

@media (min-width: 1081px) and (min-height: 720px) and (max-height: 899.98px) {
    .page:has(.teamsync-hub--priority),
    .page:has(.teamsync-hub--resolving) {
        height: 100vh;
        height: 100dvh;
        min-height: 0;
        overflow: hidden;
    }

    .page:has(.teamsync-hub--priority) > .main,
    .page:has(.teamsync-hub--resolving) > .main {
        min-height: 0;
        padding-top: 0.5rem;
        padding-bottom: 0;
        overflow: hidden;
    }

    .page:has(.teamsync-hub--priority) > .bizmonger-legal-footer--app-shell,
    .page:has(.teamsync-hub--resolving) > .bizmonger-legal-footer--app-shell {
        display: none;
    }
}

.page:has(.teamsync-hub--live) .command-nav {
    min-height: 4rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.page:has(.teamsync-hub--live) .command-nav__links {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.page:has(.teamsync-hub--live) .command-nav__links::-webkit-scrollbar {
    display: none;
}

.page:has(.teamsync-hub--live) .command-nav__link {
    padding-inline: 0.75rem;
    white-space: nowrap;
}

.page:has(.teamsync-hub--live) .command-nav__link:is(
    [href="create"],
    [href^="requirements/photo-video/new"],
    [href="client-mandates"],
    [href="continuity"],
    [data-ia-section="market"]
) {
    display: none;
}

.teamsync-hub--live {
    gap: 0.75rem;
}

.teamsync-hub--live > .breadcrumb-trail {
    display: none;
}

.teamsync-hub--live .teamsync-ops-hero {
    padding: 0 0 0.65rem;
}

.teamsync-hub--live .teamsync-ops-hero h1 {
    font-size: clamp(1.8rem, 2.6vw, 2.05rem);
}

.teamsync-hub--live .teamsync-ops-hero .reports-lead {
    max-width: 820px;
    margin-top: 0.25rem;
    font-size: 0.96rem;
    line-height: 1.38;
}

.teamsync-hub--live .teamsync-tab-shell {
    gap: 0.65rem;
}

.teamsync-hub--live .reports-board__main,
.teamsync-hub--live .reports-board__side {
    padding: 1rem;
}

.teamsync-hub--live .section-heading {
    margin-bottom: 0.75rem;
}

.teamsync-hub--live .teamsync-checklist-panel {
    gap: 0.55rem;
    padding: 0.65rem;
}

.teamsync-hub--live .teamsync-check-row {
    padding: 0.65rem;
}

.teamsync-ops-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.25rem;
    align-items: center;
    padding: 0.25rem 0 1rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.22);
    background: transparent;
}

.teamsync-ops-hero__actions:empty {
    display: none;
}

.teamsync-ops-hero h1 {
    margin: 0.1rem 0 0;
    color: #ffffff;
    font-size: 2.2rem;
    line-height: 1.08;
    letter-spacing: 0;
}

.teamsync-ops-hero .reports-lead {
    max-width: 760px;
    margin: 0.35rem 0 0;
    font-size: 1.05rem;
    line-height: 1.5;
}

.teamsync-ops-hero .reports-lead strong {
    color: #ffffff;
    font-weight: 850;
}

.teamsync-ops-hero__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.65rem;
    align-items: center;
}

.teamsync-hero-tools {
    position: relative;
}

.teamsync-hero-tools > summary,
.teamsync-capability-disclosure > summary,
.teamsync-production-details > summary,
.teamsync-footer-disclosure > summary {
    cursor: pointer;
    list-style: none;
}

.teamsync-hero-tools > summary::-webkit-details-marker,
.teamsync-capability-disclosure > summary::-webkit-details-marker,
.teamsync-production-details > summary::-webkit-details-marker,
.teamsync-footer-disclosure > summary::-webkit-details-marker,
.teamsync-preview-example details > summary::-webkit-details-marker {
    display: none;
}

.teamsync-hero-tools > summary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 44px;
    padding: 0 0.85rem;
    border: 1px solid rgba(148, 163, 184, 0.34);
    border-radius: 8px;
    background: #232529;
    color: #f8fafc;
    font-size: 0.9rem;
    font-weight: 820;
}

.teamsync-hero-tools[open] > summary,
.teamsync-hero-tools > summary:hover,
.teamsync-hero-tools > summary:focus-visible {
    border-color: rgba(96, 165, 250, 0.72);
    background: rgba(96, 165, 250, 0.12);
    outline: none;
}

.teamsync-hero-tools > nav {
    position: absolute;
    z-index: 12;
    top: calc(100% + 0.45rem);
    right: 0;
    display: grid;
    gap: 0.4rem;
    width: max-content;
    min-width: 220px;
    padding: 0.55rem;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 10px;
    background: #171a1e;
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.34);
}

.teamsync-hero-tools > nav a {
    justify-content: flex-start;
    width: 100%;
    border-color: transparent;
    background: transparent;
}

.teamsync-capability-disclosure,
.teamsync-production-details,
.teamsync-footer-disclosure {
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 10px;
    background: #202327;
}

.teamsync-capability-disclosure > summary,
.teamsync-footer-disclosure > summary {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) 20px;
    gap: 0.65rem;
    align-items: center;
    min-height: 52px;
    padding: 0.65rem 0.85rem;
    color: #d8dee8;
    font-weight: 800;
}

.teamsync-capability-disclosure > summary:hover,
.teamsync-capability-disclosure > summary:focus-visible,
.teamsync-footer-disclosure > summary:hover,
.teamsync-footer-disclosure > summary:focus-visible {
    color: #ffffff;
    outline: 2px solid rgba(96, 165, 250, 0.52);
    outline-offset: 2px;
}

.teamsync-capability-disclosure[open] > summary,
.teamsync-footer-disclosure[open] > summary {
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
}

.teamsync-capability-disclosure[open] > summary .oi-chevron-bottom,
.teamsync-production-details[open] > summary > .oi-chevron-bottom,
.teamsync-footer-disclosure[open] > summary .oi-chevron-bottom,
.teamsync-preview-example details[open] > summary .oi-chevron-bottom {
    transform: rotate(180deg);
}

.teamsync-capability-disclosure > .workspace-capability-panel {
    margin: 0.75rem;
}

.teamsync-access-check {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 0.9rem;
    align-items: center;
    padding: 1.1rem;
    border: 1px solid rgba(96, 165, 250, 0.32);
    border-radius: 12px;
    background: #232529;
}

.teamsync-access-check > .oi {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 10px;
    background: rgba(96, 165, 250, 0.12);
    color: #a7ccff;
}

.teamsync-access-check h2,
.teamsync-access-check p {
    margin: 0;
}

.teamsync-access-check h2 {
    color: #ffffff;
    font-size: 1.2rem;
}

.teamsync-access-check p {
    margin-top: 0.25rem;
    color: #cbd5e1;
}

.teamsync-preview-workspace {
    display: grid;
    gap: 1rem;
}

.teamsync-preview-access {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
    gap: 1rem;
    align-items: stretch;
}

.teamsync-preview-access__main,
.teamsync-preview-example {
    display: grid;
    align-content: start;
    min-width: 0;
    border-radius: 12px;
}

.teamsync-preview-access__main {
    gap: 1rem;
    padding: clamp(1.2rem, 2.5vw, 1.75rem);
    border: 1px solid rgba(96, 165, 250, 0.36);
    background:
        radial-gradient(circle at 10% 0%, rgba(96, 165, 250, 0.1), transparent 22rem),
        #232529;
}

.teamsync-preview-access__heading {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 0.9rem;
    align-items: center;
}

.teamsync-preview-access__icon {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(96, 165, 250, 0.48);
    border-radius: 10px;
    background: rgba(96, 165, 250, 0.12);
    color: #a7ccff;
    font-size: 1.1rem;
}

.teamsync-preview-access__main h2,
.teamsync-preview-access__main p,
.teamsync-preview-access__main ul,
.teamsync-preview-example h3,
.teamsync-preview-example p {
    margin: 0;
}

.teamsync-preview-access__main h2 {
    margin-top: 0.2rem;
    max-width: 26ch;
    color: #ffffff;
    font-size: clamp(1.45rem, 2.4vw, 2rem);
    line-height: 1.15;
    letter-spacing: -0.02em;
}

.teamsync-preview-access__main > p,
.teamsync-preview-example > p,
.teamsync-preview-example details p {
    color: #cbd5e1;
    line-height: 1.55;
}

.teamsync-preview-access__main ul {
    display: grid;
    gap: 0.6rem;
    padding: 0;
    list-style: none;
}

.teamsync-preview-access__main li {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 0.55rem;
    align-items: start;
    color: #eef2f7;
    line-height: 1.45;
}

.teamsync-preview-access__main li .oi {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    color: #7bf7b8;
}

.teamsync-preview-primary-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    width: min(100%, 360px);
    min-height: 52px;
    padding: 0.75rem 1rem;
    border: 1px solid #60a5fa;
    border-radius: 9px;
    background: #2563eb;
    color: #ffffff;
    font-weight: 850;
    text-decoration: none;
}

.teamsync-preview-primary-action:hover,
.teamsync-preview-primary-action:focus-visible {
    border-color: #bfdbfe;
    background: #1d4ed8;
    color: #ffffff;
    text-decoration: none;
    outline: 2px solid rgba(191, 219, 254, 0.72);
    outline-offset: 2px;
}

.teamsync-preview-access__main > small {
    display: inline-flex;
    align-items: flex-start;
    gap: 0.5rem;
    color: #cbd5e1;
    line-height: 1.45;
}

.teamsync-preview-access__main > small .oi {
    margin-top: 0.15rem;
    color: #7bf7b8;
}

.teamsync-preview-example {
    gap: 0.85rem;
    padding: 1.2rem;
    border: 1px solid rgba(148, 163, 184, 0.24);
    background: #202327;
}

.teamsync-preview-example__label {
    justify-self: start;
    color: #ffe873;
    font-size: 0.75rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.teamsync-preview-example__heading {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.7rem;
    align-items: center;
}

.teamsync-preview-example__heading > .oi {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255, 154, 154, 0.5);
    border-radius: 9px;
    background: rgba(255, 68, 68, 0.08);
    color: #ff9a9a;
}

.teamsync-preview-example h3 {
    color: #ffffff;
    font-size: 1.08rem;
    line-height: 1.25;
}

.teamsync-preview-example details {
    margin-top: auto;
    border-top: 1px solid rgba(148, 163, 184, 0.18);
}

.teamsync-preview-example details > summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 20px;
    gap: 0.55rem;
    align-items: center;
    min-height: 44px;
    padding-top: 0.7rem;
    color: #a7ccff;
    cursor: pointer;
    font-weight: 820;
    list-style: none;
}

.teamsync-preview-example details > summary:focus-visible {
    outline: 2px solid rgba(96, 165, 250, 0.64);
    outline-offset: 2px;
}

.teamsync-preview-example details p {
    padding: 0.15rem 0 0.25rem;
}

.teamsync-ops-hero__actions a,
.teamsync-footer-actions a,
.teamsync-inspector-action,
.teamsync-inline-action,
.teamsync-priority-card a {
    gap: 0.5rem;
}

.teamsync-command-bar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    min-height: 72px;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #232529;
}

.teamsync-command-bar strong {
    display: block;
    margin-top: 0.15rem;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 850;
}

.teamsync-command-bar__actions,
.teamsync-footer-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.65rem;
    align-items: center;
}

.teamsync-command-bar__actions a,
.teamsync-command-bar__actions .teamsync-locked-action,
.teamsync-footer-actions a,
.teamsync-footer-actions > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 0.9rem;
    border: 1px solid rgba(96, 165, 250, 0.5);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.1);
    color: #ffffff;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 800;
}

.teamsync-command-bar__actions .teamsync-locked-action,
.teamsync-footer-actions .teamsync-locked-action,
.teamsync-footer-actions > span {
    border-color: rgba(255, 215, 0, 0.45);
    background: rgba(255, 215, 0, 0.08);
    color: #ffd700;
}

.teamsync-ops-hero a,
.teamsync-priority-card a,
.teamsync-inspector-action,
.teamsync-priority-card > span:not(.status-pill) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 0.9rem;
    border: 1px solid rgba(96, 165, 250, 0.5);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.1);
    color: #ffffff;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 800;
}

.teamsync-ops-hero .teamsync-locked-action,
.teamsync-priority-card .teamsync-locked-action,
.teamsync-inspector-action.teamsync-locked-action {
    border-color: rgba(255, 215, 0, 0.45);
    background: rgba(255, 215, 0, 0.08);
    color: #ffd700;
}

.teamsync-priority-board {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
    gap: 0.85rem;
    align-items: start;
}

.teamsync-priority-board__metrics {
    grid-column: 2;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.teamsync-priority-card {
    display: grid;
    align-content: start;
    gap: 0.75rem;
    min-width: 0;
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-left: 4px solid currentColor;
    border-radius: 8px;
    background: #2b2d31;
    color: #60a5fa;
    box-shadow: none;
    grid-row: 1 / span 2;
}

.teamsync-priority-card__heading {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
}

.teamsync-priority-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid currentColor;
    border-radius: 8px;
    color: currentColor;
}

.teamsync-priority-card h2 {
    margin: 0;
    color: #ffffff;
    font-size: 1.25rem;
    line-height: 1.18;
    letter-spacing: 0;
}

.teamsync-priority-card p {
    margin: 0;
    color: #d1d5db;
    line-height: 1.55;
}

.teamsync-priority-card--green { color: #00e676; }
.teamsync-priority-card--orange { color: #ffa500; }
.teamsync-priority-card--red { color: #ff4444; }
.teamsync-priority-card--blue { color: #60a5fa; }
.teamsync-priority-card--gold { color: #ffd700; }

.teamsync-production-health {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
    min-width: 0;
    padding: 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-left: 4px solid currentColor;
    border-radius: 8px;
    background: #232529;
    color: #60a5fa;
}

.teamsync-production-health > .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid currentColor;
    border-radius: 8px;
}

.teamsync-production-health h2,
.teamsync-production-health p {
    margin: 0;
}

.teamsync-production-health h2 {
    margin-top: 0.45rem;
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.25;
}

.teamsync-production-health p {
    margin-top: 0.3rem;
    color: #d1d5db;
    line-height: 1.45;
}

.teamsync-production-health--green { color: #00e676; }
.teamsync-production-health--blue { color: #60a5fa; }
.teamsync-production-health--gold { color: #ffd700; }
.teamsync-production-health--red { color: #ff4444; }

.teamsync-tab-shell {
    display: grid;
    gap: 0.9rem;
    padding: 0;
    background: transparent;
}

.teamsync-tab-shell__intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: start;
}

.teamsync-tab-shell__intro h2 {
    margin: 0.1rem 0 0;
    color: #ffffff;
    font-size: 1.35rem;
    line-height: 1.18;
    letter-spacing: 0;
}

.teamsync-tab-shell__intro p {
    max-width: 820px;
    margin: 0.35rem 0 0;
    color: #d1d5db;
    line-height: 1.55;
}

.teamsync-tab-list {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.45rem;
    align-items: center;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    padding: 0.1rem 0 0.3rem;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

.teamsync-hub .teamsync-tab {
    display: grid;
    flex: 0 0 auto;
    grid-template-columns: 24px minmax(0, auto) auto;
    gap: 0.5rem;
    align-items: center;
    min-height: 44px;
    min-width: 0;
    padding: 0.42rem 0.7rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: rgba(35, 37, 41, 0.72);
    color: #d1d5db;
    text-decoration: none;
}

.teamsync-tab:hover,
.teamsync-tab:focus,
.teamsync-tab:focus-visible {
    text-decoration: none;
}

.teamsync-tab:hover,
.teamsync-tab:focus-visible {
    border-color: rgba(96, 165, 250, 0.55);
    color: #ffffff;
    outline: none;
}

.teamsync-tab--active {
    border-color: rgba(96, 165, 250, 0.72);
    background: rgba(96, 165, 250, 0.12);
    box-shadow: inset 0 -2px 0 rgba(96, 165, 250, 0.72);
}

.teamsync-tab:hover *,
.teamsync-tab:focus *,
.teamsync-tab:focus-visible *,
.teamsync-tab--active * {
    text-decoration: none;
}

.teamsync-tab__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: #9ca3af;
}

.teamsync-tab--active .teamsync-tab__icon {
    color: #a7ccff;
}

.teamsync-tab__copy {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

.teamsync-tab__copy > span {
    color: #ffffff;
    font-size: 0.88rem;
    font-weight: 850;
    white-space: nowrap;
}

.teamsync-tab small {
    color: #9ca3af;
    font-size: 0.78rem;
    font-weight: 720;
    line-height: 1.3;
}

.teamsync-tab strong {
    justify-self: end;
    padding-left: 0.45rem;
    border-left: 1px solid rgba(148, 163, 184, 0.2);
    color: #a7ccff;
    font-size: 0.7rem;
    font-weight: 850;
    white-space: nowrap;
}

.teamsync-tab-list--preview .teamsync-tab {
    grid-template-columns: 24px minmax(0, auto);
}

.teamsync-tab-panel {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.teamsync-production-details > summary {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 20px;
    gap: 0.75rem;
    align-items: center;
    min-height: 64px;
    padding: 0.75rem 0.9rem;
    color: #eef2f7;
}

.teamsync-production-details > summary > .oi:first-child {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 9px;
    background: rgba(96, 165, 250, 0.1);
    color: #a7ccff;
}

.teamsync-production-details > summary > span:nth-child(2) {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.teamsync-production-details > summary strong {
    color: #ffffff;
    font-size: 1rem;
}

.teamsync-production-details > summary small {
    color: #9ca3af;
    line-height: 1.35;
}

.teamsync-production-details > summary:hover,
.teamsync-production-details > summary:focus-visible {
    background: rgba(96, 165, 250, 0.06);
    outline: 2px solid rgba(96, 165, 250, 0.52);
    outline-offset: 2px;
}

.teamsync-production-details[open] > summary {
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
}

.teamsync-production-details > .teamsync-package-shell {
    padding: 0.85rem;
}

.teamsync-footer-disclosure .teamsync-footer-actions {
    border: 0;
    border-radius: 0 0 10px 10px;
    background: transparent;
}

.teamsync-exception-board {
    scroll-margin-top: 96px;
}

.teamsync-triage-layout {
    display: grid;
    grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.28fr);
    gap: 0.85rem;
    align-items: start;
}

.teamsync-triage-queue,
.teamsync-exception-focus,
.teamsync-checklist-panel {
    display: grid;
    gap: 0.7rem;
    min-width: 0;
}

.teamsync-triage-queue {
    padding: 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #232529;
}

.teamsync-triage-queue h3,
.teamsync-exception-focus h3,
.teamsync-check-row h3 {
    margin: 0.35rem 0 0;
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.2;
    letter-spacing: 0;
}

.teamsync-triage-queue p,
.teamsync-exception-focus p,
.teamsync-check-row p {
    margin: 0;
    color: #d1d5db;
    line-height: 1.45;
}

.teamsync-triage-item {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.65rem;
    align-items: start;
    min-height: 68px;
    padding: 0.65rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-left: 4px solid currentColor;
    border-radius: 8px;
    background: #1b1c1e;
    color: #60a5fa;
}

.teamsync-triage-item > .oi,
.teamsync-check-row > .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid currentColor;
    border-radius: 8px;
    color: currentColor;
}

.teamsync-triage-item strong {
    display: block;
    color: #ffffff;
    font-size: 0.9rem;
    line-height: 1.25;
}

.teamsync-triage-item small {
    display: block;
    margin-top: 0.2rem;
    color: #9ca3af;
    line-height: 1.3;
}

.teamsync-triage-item .status-pill {
    grid-column: 2;
    justify-self: start;
}

.teamsync-triage-item--selected {
    border-color: currentColor;
    box-shadow: inset 0 0 0 1px rgba(255, 215, 0, 0.14);
}

.teamsync-triage-item--green,
.teamsync-exception-focus--green,
.teamsync-check-row--green { color: #00e676; }
.teamsync-triage-item--orange,
.teamsync-exception-focus--orange,
.teamsync-check-row--orange { color: #ffa500; }
.teamsync-triage-item--red,
.teamsync-exception-focus--red,
.teamsync-check-row--red { color: #ff4444; }
.teamsync-triage-item--blue,
.teamsync-exception-focus--blue,
.teamsync-check-row--blue { color: #60a5fa; }
.teamsync-triage-item--gold,
.teamsync-exception-focus--gold,
.teamsync-check-row--gold { color: #ffd700; }

.teamsync-exception-focus {
    padding: 0.95rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-left: 4px solid currentColor;
    border-radius: 8px;
    background: #232529;
    color: #ffd700;
}

.teamsync-exception-focus__header {
    display: grid;
    gap: 0.45rem;
}

.teamsync-focus-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
    margin: 0;
}

.teamsync-focus-meta--stacked {
    grid-template-columns: 1fr;
    margin-top: 0.8rem;
}

.teamsync-focus-meta div {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
    padding: 0.6rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.72);
}

.teamsync-focus-meta dt {
    color: #9ca3af;
    font-size: 0.7rem;
    font-weight: 850;
    text-transform: uppercase;
}

.teamsync-focus-meta dd {
    margin: 0;
    color: #ffffff;
    font-size: 0.86rem;
    font-weight: 760;
    line-height: 1.35;
}

.teamsync-package-shell,
.teamsync-planning-grid {
    display: grid;
    gap: 1rem;
    align-items: start;
}

.teamsync-package-shell {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 340px);
}

.teamsync-planning-grid {
    grid-template-columns: minmax(320px, 0.85fr) minmax(0, 1.15fr);
}

@media (max-width: 1180px) and (min-width: 761px) {
    .teamsync-package-shell {
        grid-template-columns: 1fr;
    }

    .teamsync-inspector {
        grid-column: auto;
    }
}

.teamsync-stepper,
.teamsync-blueprint,
.teamsync-inspector,
.teamsync-map-panel,
.teamsync-call-sheet-panel,
.teamsync-crew-panel,
.teamsync-mobile-preview {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.teamsync-stepper,
.teamsync-blueprint,
.teamsync-map-panel,
.teamsync-call-sheet-panel,
.teamsync-crew-panel,
.teamsync-mobile-preview {
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #2b2d31;
    box-shadow: none;
}

.teamsync-production-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: start;
}

.teamsync-production-heading > .status-pill {
    margin-top: 0.15rem;
}

.teamsync-stepper__item {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
    min-height: 64px;
    padding: 0.6rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #232529;
}

.teamsync-stepper__item > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid currentColor;
    border-radius: 8px;
    background: #1b1c1e;
    color: currentColor;
    font-weight: 900;
}

.teamsync-stepper__item strong,
.teamsync-task-card strong,
.teamsync-readiness-list__item strong,
.teamsync-mobile-preview h3,
.teamsync-crew-matrix strong {
    color: #ffffff;
    font-weight: 820;
}

.teamsync-stepper__item small,
.teamsync-task-card small,
.teamsync-readiness-list__item small {
    display: block;
    margin-top: 0.15rem;
    color: #9ca3af;
    font-size: 0.8rem;
    line-height: 1.35;
}

.teamsync-stepper__item--green { color: #00e676; }
.teamsync-stepper__item--orange { color: #ffa500; }
.teamsync-stepper__item--red { color: #ff4444; }
.teamsync-stepper__item--blue { color: #60a5fa; }
.teamsync-stepper__item--gold { color: #ffd700; }

.teamsync-job-strip,
.teamsync-intel-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
}

.teamsync-job-strip div,
.teamsync-intel-grid div {
    display: grid;
    gap: 0.25rem;
    min-height: 68px;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #232529;
}

.teamsync-intel-grid div {
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: center;
}

.teamsync-intel-grid div > .oi {
    grid-row: 1 / span 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: #60a5fa;
}

.teamsync-intel-grid div > strong {
    grid-column: 2;
}

.teamsync-job-strip span,
.teamsync-intel-grid span,
.teamsync-crew-matrix__header span {
    color: #9ca3af;
    font-size: 0.75rem;
    font-weight: 850;
    text-transform: uppercase;
}

.teamsync-job-strip strong,
.teamsync-intel-grid strong {
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 800;
}

.teamsync-lane-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem;
}

.teamsync-lane {
    display: grid;
    align-content: start;
    gap: 0.65rem;
    min-height: 360px;
    padding: 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: #1b1c1e;
}

.teamsync-lane header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.6rem;
}

.teamsync-lane header strong {
    color: #d1d5db;
    font-size: 0.82rem;
    font-weight: 780;
}

.teamsync-lane .status-pill {
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
}

.teamsync-lane--blue { border-color: rgba(96, 165, 250, 0.38); }
.teamsync-lane--green { border-color: rgba(0, 230, 118, 0.32); }
.teamsync-lane--orange { border-color: rgba(255, 165, 0, 0.38); }

.teamsync-task-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.7rem;
    align-items: start;
    min-height: 78px;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-left: 4px solid currentColor;
    border-radius: 8px;
    background: #232529;
}

.teamsync-task-card > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: start;
    min-height: 32px;
    padding: 0.25rem 0.55rem;
    border: 1px solid currentColor;
    border-radius: 8px;
    color: currentColor;
    font-size: 0.76rem;
    font-weight: 850;
    white-space: normal;
    text-align: center;
}

.teamsync-task-card strong,
.teamsync-task-card small,
.teamsync-task-card > span {
    overflow-wrap: break-word;
    word-break: normal;
}

.teamsync-task-card--green { color: #00e676; }
.teamsync-task-card--orange { color: #ffa500; }
.teamsync-task-card--red { color: #ff4444; }
.teamsync-task-card--blue { color: #60a5fa; }
.teamsync-task-card--gold { color: #ffd700; }

.teamsync-readiness-list {
    display: grid;
    gap: 0.65rem;
}

.teamsync-checklist-panel {
    padding: 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #232529;
}

.teamsync-check-row {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
    min-height: 72px;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-left: 4px solid currentColor;
    border-radius: 8px;
    background: #1b1c1e;
    color: #60a5fa;
}

.teamsync-check-row__title {
    display: flex;
    gap: 0.65rem;
    align-items: flex-start;
    justify-content: space-between;
    min-width: 0;
}

.teamsync-check-row__title h3 {
    min-width: 0;
    overflow-wrap: anywhere;
}

.teamsync-check-row__title .status-pill {
    flex: 0 0 auto;
}

.teamsync-check-row--green { color: #00e676; }
.teamsync-check-row--orange { color: #ffa500; }
.teamsync-check-row--red { color: #ff4444; }
.teamsync-check-row--blue { color: #60a5fa; }
.teamsync-check-row--gold { color: #ffd700; }

.teamsync-readiness-inspector {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-top: 4px solid #ff4444;
    border-radius: 8px;
    background: #232529;
}

.teamsync-readiness-inspector__header {
    display: grid;
    gap: 0.5rem;
}

.teamsync-readiness-inspector__header h2 {
    margin: 0;
}

.teamsync-inspector-focus {
    display: grid;
    gap: 0.85rem;
    padding: 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-left: 4px solid currentColor;
    border-radius: 8px;
    background: #232529;
    color: #60a5fa;
}

.teamsync-inspector-focus h3,
.teamsync-inspector-focus p,
.teamsync-inspector-meta,
.teamsync-readiness-mini-meta,
.teamsync-readiness-list__title {
    margin: 0;
}

.teamsync-inspector-focus p {
    color: #d1d5db;
    line-height: 1.5;
}

.teamsync-risk-explanation {
    display: grid;
    gap: 0.25rem;
}

.teamsync-risk-explanation span {
    color: #9ca3af;
    font-size: 0.74rem;
    font-weight: 900;
    text-transform: uppercase;
}

.teamsync-inspector-focus__title {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
}

.teamsync-inspector-focus__title > .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid currentColor;
    border-radius: 8px;
    color: currentColor;
}

.teamsync-inspector-focus__title h3 {
    margin-top: 0.45rem;
    color: #ffffff;
    font-size: 1.1rem;
    line-height: 1.2;
    letter-spacing: 0;
}

.teamsync-inspector-meta,
.teamsync-readiness-mini-meta {
    display: grid;
    gap: 0.45rem;
}

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

.teamsync-inspector-meta div,
.teamsync-readiness-mini-meta div {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.teamsync-inspector-meta dt,
.teamsync-readiness-mini-meta dt {
    color: #9ca3af;
    font-size: 0.7rem;
    font-weight: 850;
    text-transform: uppercase;
}

.teamsync-inspector-meta dd,
.teamsync-readiness-mini-meta dd {
    margin: 0;
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 820;
}

.teamsync-next-action {
    display: grid;
    gap: 0.25rem;
    padding: 0.7rem;
    border: 1px solid rgba(255, 215, 0, 0.28);
    border-radius: 8px;
    background: rgba(255, 215, 0, 0.06);
}

.teamsync-next-action span {
    color: #ffd700;
    font-size: 0.74rem;
    font-weight: 900;
    text-transform: uppercase;
}

.teamsync-inspector-action {
    justify-self: stretch;
}

.teamsync-inspector-focus--green { color: #00e676; }
.teamsync-inspector-focus--orange { color: #ffa500; }
.teamsync-inspector-focus--red { color: #ff4444; }
.teamsync-inspector-focus--blue { color: #60a5fa; }
.teamsync-inspector-focus--gold { color: #ffd700; }

.teamsync-readiness-list__item {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
    min-height: 68px;
    padding: 0.7rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #232529;
}

.teamsync-readiness-list__item--selected {
    border-color: currentColor;
    box-shadow: inset 0 0 0 1px rgba(255, 68, 68, 0.16);
}

.teamsync-readiness-list__title {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
    justify-content: space-between;
}

.teamsync-readiness-list__title .status-pill {
    flex: 0 0 auto;
}

.teamsync-inspector .teamsync-readiness-list__title {
    display: grid;
    gap: 0.4rem;
    justify-items: start;
}

.teamsync-inspector .teamsync-readiness-list__title strong {
    overflow-wrap: normal;
    word-break: normal;
}

.teamsync-readiness-mini-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 0.45rem;
}

.teamsync-readiness-list__item > .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid currentColor;
    border-radius: 8px;
    color: currentColor;
}

.teamsync-readiness-list__item--green { color: #00e676; }
.teamsync-readiness-list__item--red { color: #ff4444; }
.teamsync-readiness-list__item--gold { color: #ffd700; }

.teamsync-call-sheet-lead {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 0.8rem;
    align-items: center;
    min-height: 76px;
    padding: 0.85rem;
    border: 1px solid rgba(96, 165, 250, 0.38);
    border-radius: 8px;
    background: #1b1c1e;
}

.teamsync-call-sheet-lead > .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(96, 165, 250, 0.48);
    border-radius: 8px;
    color: #60a5fa;
}

.teamsync-call-sheet-lead div {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.teamsync-call-sheet-lead div > span,
.teamsync-call-sheet-lead small {
    color: #9ca3af;
    font-size: 0.76rem;
    font-weight: 760;
}

.teamsync-call-sheet-lead strong {
    color: #ffffff;
    font-size: 1.05rem;
    line-height: 1.25;
}

.teamsync-inline-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 0.85rem;
    border: 1px solid rgba(96, 165, 250, 0.5);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.1);
    color: #ffffff;
    text-decoration: none;
    font-size: 0.88rem;
    font-weight: 800;
}

.teamsync-inline-action:hover,
.teamsync-inline-action:focus-visible {
    border-color: #60a5fa;
    color: #ffffff;
    text-decoration: none;
    outline: 2px solid rgba(96, 165, 250, 0.48);
    outline-offset: 2px;
}

.teamsync-map-panel__visual {
    position: relative;
    min-height: 300px;
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 8px;
    background:
        linear-gradient(90deg, rgba(96, 165, 250, 0.08) 1px, transparent 1px),
        linear-gradient(rgba(96, 165, 250, 0.08) 1px, transparent 1px),
        radial-gradient(circle at 68% 38%, rgba(255, 68, 68, 0.22), transparent 12%),
        radial-gradient(circle at 34% 62%, rgba(0, 230, 118, 0.18), transparent 14%),
        #111315;
    background-size: 34px 34px, 34px 34px, auto, auto, auto;
    overflow: hidden;
}

.teamsync-map-panel__visual::before {
    content: "";
    position: absolute;
    inset: 22% 12% 20% 18%;
    border: 2px dashed rgba(255, 215, 0, 0.48);
    border-radius: 8px;
}

.teamsync-map-pin {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 64px;
    min-height: 44px;
    padding: 0 0.65rem;
    border: 1px solid currentColor;
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.94);
    color: currentColor;
    font-size: 0.78rem;
    font-weight: 900;
}

.teamsync-map-pin--gate {
    left: 12%;
    top: 18%;
    color: #60a5fa;
}

.teamsync-map-pin--stage {
    left: 40%;
    top: 58%;
    color: #00e676;
}

.teamsync-map-pin--risk {
    right: 12%;
    top: 32%;
    color: #ff4444;
}

.teamsync-crew-matrix {
    display: grid;
    gap: 0.45rem;
    overflow-x: auto;
}

.teamsync-crew-matrix__header,
.teamsync-crew-matrix__row {
    display: grid;
    grid-template-columns: minmax(160px, 1fr) repeat(3, minmax(120px, 0.8fr));
    gap: 0.5rem;
    align-items: center;
    min-width: 620px;
}

.teamsync-crew-matrix__header,
.teamsync-crew-matrix__row {
    padding: 0.6rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #232529;
}

.teamsync-assignment-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.35rem 0.55rem;
    border: 1px solid currentColor;
    border-radius: 8px;
    color: currentColor;
    font-size: 0.8rem;
    font-weight: 830;
    text-align: center;
}

.teamsync-assignment-chip--green { color: #00e676; }
.teamsync-assignment-chip--orange { color: #ffa500; }
.teamsync-assignment-chip--red { color: #ff4444; }
.teamsync-assignment-chip--blue { color: #60a5fa; }
.teamsync-assignment-chip--gold { color: #ffd700; }

.teamsync-crew-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
    align-items: center;
    color: #d1d5db;
    font-size: 0.78rem;
    font-weight: 760;
}

.teamsync-crew-legend span {
    display: inline-flex;
    gap: 0.4rem;
    align-items: center;
}

.teamsync-state-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: currentColor;
}

.teamsync-state-dot--green { color: #00e676; }
.teamsync-state-dot--gold { color: #ffd700; }
.teamsync-state-dot--red { color: #ff4444; }

.teamsync-mobile-preview {
    background: #232529;
}

.teamsync-footer-actions {
    justify-content: stretch;
    padding: 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #232529;
}

.teamsync-footer-actions a,
.teamsync-footer-actions > span {
    flex: 1 1 220px;
}

@media (max-width: 960px) {
    .teamsync-preview-access {
        grid-template-columns: 1fr;
    }

    .teamsync-preview-example {
        min-height: 0;
    }
}

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

.admin-ledger-list {
    display: grid;
    gap: 1rem;
}

.admin-ledger-list article {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: start;
    min-width: 0;
    overflow-wrap: anywhere;
}

.admin-ledger-list article > * {
    min-width: 0;
}

.admin-ledger-list article h3,
.admin-ledger-list article p,
.admin-ledger-list article span {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
}

.admin-flag-card {
    align-content: start;
    color: #f8fafc;
    text-decoration: none;
    min-width: 0;
}

.admin-flag-card:hover,
.admin-flag-card:focus-visible {
    color: #ffffff;
    text-decoration: none;
}

.admin-flag-card--green { border-color: rgba(0, 230, 118, 0.34); }
.admin-flag-card--blue { border-color: rgba(96, 165, 250, 0.34); }
.admin-flag-card--gold { border-color: rgba(255, 215, 0, 0.34); }
.admin-flag-card--orange { border-color: rgba(255, 165, 0, 0.38); }
.admin-flag-card--red { border-color: rgba(255, 68, 68, 0.45); }
.admin-flag-card--purple { border-color: rgba(171, 71, 188, 0.42); }

.admin-client-mandate-console {
    --cm-bg: #071017;
    --cm-panel: #0d1a23;
    --cm-panel-2: #10202b;
    --cm-border: rgba(148, 163, 184, 0.22);
    --cm-border-strong: rgba(148, 163, 184, 0.36);
    --cm-text: #f8fafc;
    --cm-muted: #9ca3af;
    --cm-blue: #60a5fa;
    --cm-green: #00e676;
    --cm-orange: #ffa500;
    --cm-red: #ff4444;
    --cm-gold: #ffd700;
    --cm-purple: #ab47bc;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    width: 100%;
    max-width: none;
    min-height: 100vh;
    height: 100vh;
    overflow: hidden;
    margin: 0;
    background:
        linear-gradient(135deg, rgba(96, 165, 250, 0.08), transparent 32rem),
        linear-gradient(180deg, #061016 0%, #071017 100%);
    color: var(--cm-text);
}

.admin-client-mandate-console,
.admin-client-mandate-console * {
    overflow-wrap: normal;
    word-break: normal;
}

.admin-client-mandate-console h1,
.admin-client-mandate-console h2,
.admin-client-mandate-console h3,
.admin-client-mandate-console p,
.admin-client-mandate-console dl,
.admin-client-mandate-console dd {
    margin: 0;
}

.admin-client-mandate-sidebar {
    position: sticky;
    top: 0;
    height: 100vh;
    display: grid;
    grid-template-rows: 56px minmax(0, 1fr);
    border-right: 1px solid var(--cm-border);
    background: rgba(4, 12, 18, 0.98);
}

.admin-client-mandate-brand,
.admin-client-mandate-sidebar nav a {
    display: flex;
    align-items: center;
    min-height: 44px;
    color: #d1d5db;
    text-decoration: none;
}

.admin-client-mandate-brand {
    gap: 0.65rem;
    padding: 0 1rem;
    border-bottom: 1px solid var(--cm-border);
    color: #ffffff;
    font-size: 1rem;
    letter-spacing: 0;
}

.admin-client-mandate-brand__mark {
    width: 28px;
    height: 24px;
    display: grid;
    grid-template-columns: repeat(3, 8px);
    grid-auto-rows: 8px;
    gap: 2px;
    align-content: center;
}

.admin-client-mandate-brand__mark span {
    width: 8px;
    height: 8px;
    clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
    background: var(--cm-orange);
}

.admin-client-mandate-brand__mark span:nth-child(2),
.admin-client-mandate-brand__mark span:nth-child(3),
.admin-client-mandate-brand__mark span:nth-child(5) {
    background: #ffb74a;
}

.admin-client-mandate-brand__mark span:nth-child(1),
.admin-client-mandate-brand__mark span:nth-child(4) {
    transform: translateY(5px);
}

.admin-client-mandate-brand__mark span:nth-child(3),
.admin-client-mandate-brand__mark span:nth-child(6) {
    transform: translateY(5px);
}

.admin-client-mandate-sidebar nav {
    display: grid;
    grid-auto-rows: minmax(44px, auto);
    align-content: start;
    gap: 0.15rem;
    padding: 0.75rem;
}

.admin-client-mandate-sidebar nav a {
    gap: 0.7rem;
    padding: 0 0.75rem;
    border: 1px solid transparent;
    border-radius: 6px;
    font-size: 0.82rem;
    font-weight: 750;
}

.admin-client-mandate-sidebar nav a span:first-child {
    width: 22px;
    color: #94a3b8;
    font-size: 0.92rem;
    font-weight: 400;
    text-align: center;
}

.admin-client-mandate-sidebar nav a.is-active,
.admin-client-mandate-sidebar nav a:hover,
.admin-client-mandate-sidebar nav a:focus-visible {
    border-color: rgba(96, 165, 250, 0.2);
    background: rgba(96, 165, 250, 0.13);
    color: #ffffff;
    outline: none;
}

.admin-client-mandate-shell {
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-rows: 46px minmax(0, 1fr) 36px;
}

.admin-client-mandate-topbar,
.admin-client-mandate-footer {
    display: flex;
    align-items: center;
    gap: 1rem;
    border-color: var(--cm-border);
    background: rgba(5, 13, 20, 0.9);
}

.admin-client-mandate-topbar {
    position: sticky;
    top: 0;
    z-index: 2;
    min-height: 46px;
    padding: 0 1.35rem;
    border-bottom: 1px solid var(--cm-border);
}

.admin-client-mandate-topbar nav {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 260px;
    color: var(--cm-muted);
    font-size: 0.88rem;
    font-weight: 750;
}

.admin-client-mandate-topbar nav a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: #cbd5e1;
    text-decoration: none;
}

.admin-client-mandate-search {
    flex: 1 1 auto;
    max-width: 460px;
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-left: auto;
    padding: 0 0.75rem;
    border: 1px solid var(--cm-border);
    border-radius: 6px;
    background: rgba(15, 23, 42, 0.86);
}

.admin-client-mandate-search input {
    flex: 1;
    min-width: 0;
    min-height: 44px;
    border: 0;
    background: transparent;
    color: #e5e7eb;
    font-size: 0.86rem;
    outline: none;
}

.admin-client-mandate-search kbd {
    padding: 0.1rem 0.4rem;
    border: 1px solid var(--cm-border);
    border-radius: 4px;
    color: #9ca3af;
    font-size: 0.7rem;
}

.admin-client-mandate-profile {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: max-content;
}

.admin-client-mandate-profile button,
.admin-client-mandate-queue-footer button,
.admin-client-mandate-authority-toast button {
    min-width: 44px;
    min-height: 44px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: #cbd5e1;
    font-weight: 850;
}

.admin-client-mandate-profile button {
    position: relative;
}

.admin-client-mandate-profile sup {
    position: absolute;
    top: 0.2rem;
    right: 0.1rem;
    min-width: 17px;
    min-height: 17px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--cm-red);
    color: #ffffff;
    font-size: 0.65rem;
}

.admin-client-mandate-avatar {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(96, 165, 250, 0.45);
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 900;
}

.admin-client-mandate-profile strong,
.admin-client-mandate-profile small {
    display: block;
}

.admin-client-mandate-profile strong {
    color: #ffffff;
    font-size: 0.82rem;
}

.admin-client-mandate-profile small {
    color: var(--cm-muted);
    font-size: 0.74rem;
}

.admin-client-mandate-main {
    min-width: 0;
    min-height: 0;
    display: grid;
    align-content: start;
    gap: 0.45rem;
    padding: 0.55rem 1rem 0.55rem;
    overflow: hidden;
}

.admin-client-mandate-titlebar {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
}

.admin-client-mandate-heading-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.admin-client-mandate-titlebar h1 {
    color: #ffffff;
    font-size: 1.42rem;
    font-weight: 850;
    line-height: 1.1;
}

.admin-client-mandate-titlebar p {
    margin-top: 0.25rem;
    color: #cbd5e1;
    font-size: 0.84rem;
    line-height: 1.24;
}

.admin-client-mandate-titlebar__meta {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-left: auto;
    padding-top: 0.72rem;
    color: var(--cm-muted);
    font-size: 0.72rem;
    white-space: nowrap;
}

.admin-client-mandate-titlebar__meta button {
    min-width: 44px;
    min-height: 44px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: #cbd5e1;
    font-size: 0.72rem;
    font-weight: 850;
}

.admin-client-mandate-titlebar__meta i {
    width: 8px;
    height: 8px;
    display: inline-block;
    margin-right: 0.35rem;
    border-radius: 999px;
    background: var(--cm-green);
    box-shadow: 0 0 0 3px rgba(0, 230, 118, 0.08);
}

.admin-client-mandate-authority-toast {
    position: relative;
    min-width: 280px;
    display: grid;
    gap: 0.2rem;
    padding: 0.55rem 2.6rem 0.55rem 0.9rem;
    border: 1px solid rgba(255, 165, 0, 0.62);
    border-radius: 6px;
    background: rgba(255, 165, 0, 0.08);
}

.admin-client-mandate-authority-toast button {
    position: absolute;
    top: 0.2rem;
    right: 0.35rem;
}

.admin-client-mandate-authority-toast strong {
    color: var(--cm-orange);
    font-size: 0.86rem;
}

.admin-client-mandate-authority-toast span {
    color: #d1d5db;
    font-size: 0.78rem;
}

.admin-client-mandate-loading,
.admin-client-mandate-panel,
.admin-client-mandate-metric {
    border: 1px solid var(--cm-border);
    border-radius: 6px;
    background: rgba(13, 26, 35, 0.88);
}

.admin-client-mandate-loading {
    display: grid;
    gap: 0.7rem;
    padding: 1rem;
}

.admin-client-mandate-source {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    padding: 0.55rem 0.75rem;
    border: 1px solid var(--cm-border);
    border-radius: 6px;
    background: rgba(13, 26, 35, 0.68);
}

.admin-client-mandate-source p {
    color: #d1d5db;
    font-size: 0.78rem;
}

.admin-client-mandate-source small {
    color: var(--cm-muted);
    font-size: 0.7rem;
    text-align: right;
}

.admin-client-mandate-metric-strip {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.55rem;
}

.admin-client-mandate-metric {
    min-height: 68px;
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.55rem 0.85rem;
}

.admin-client-mandate-metric > div {
    display: grid;
    gap: 0.25rem;
}

.admin-client-mandate-metric span:first-child {
    color: #d1d5db;
    font-size: 0.78rem;
    font-weight: 760;
}

.admin-client-mandate-metric strong {
    font-size: 1.62rem;
    font-weight: 900;
    line-height: 1.05;
}

.admin-client-mandate-metric small {
    color: var(--cm-muted);
    font-size: 0.68rem;
}

.admin-client-mandate-metric-chart {
    width: 82px;
    min-width: 82px;
    min-height: 52px;
    display: grid;
    gap: 0.18rem;
    align-self: center;
    margin: 0;
    padding: 0.32rem 0.42rem 0.28rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 5px;
    background: rgba(2, 6, 12, 0.24);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.admin-client-mandate-metric-chart__bars {
    height: 26px;
    display: flex;
    align-items: end;
    gap: 0.28rem;
}

.admin-client-mandate-metric-chart__bars i {
    flex: 1 1 0;
    min-height: 5px;
    height: var(--bar-height);
    border-radius: 999px 999px 2px 2px;
    background: currentColor;
    opacity: 0.92;
    box-shadow: 0 0 10px color-mix(in srgb, currentColor 36%, transparent);
}

.admin-client-mandate-metric-chart figcaption {
    display: grid;
    gap: 0.02rem;
    color: #d1d5db;
    font-size: 0.56rem;
    line-height: 1.08;
    text-align: right;
    white-space: nowrap;
}

.admin-client-mandate-metric-chart figcaption span {
    color: var(--cm-muted);
    font-size: 0.54rem;
}

.admin-client-mandate-metric-chart figcaption strong {
    color: currentColor;
    font-size: 0.62rem;
}

.admin-client-mandate-metric--red { color: var(--cm-red); }
.admin-client-mandate-metric--orange { color: var(--cm-orange); }
.admin-client-mandate-metric--gold { color: var(--cm-gold); }
.admin-client-mandate-metric--blue { color: var(--cm-blue); }
.admin-client-mandate-metric--green { color: var(--cm-green); }

.admin-client-mandate-grid {
    display: grid;
    grid-template-columns: minmax(495px, 1.08fr) minmax(450px, 0.98fr) minmax(355px, 0.82fr);
    gap: 0.55rem;
    align-items: stretch;
    min-height: 0;
}

.admin-client-mandate-panel {
    min-width: 0;
    min-height: 0;
    display: grid;
    align-content: start;
    gap: 0.48rem;
    padding: 0.56rem;
}

.admin-client-mandate-panel > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.admin-client-mandate-queue > header {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 0.45rem;
}

.admin-client-mandate-panel h2 {
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 850;
    line-height: 1.2;
    white-space: nowrap;
}

.admin-client-mandate-panel h2 span {
    color: var(--cm-muted);
    font-weight: 650;
}

.admin-client-mandate-tabs {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.25rem;
    overflow: hidden;
}

.admin-client-mandate-tabs span {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0 0.42rem;
    border: 1px solid var(--cm-border);
    border-radius: 6px;
    color: #cbd5e1;
    font-size: 0.66rem;
    font-weight: 800;
    white-space: nowrap;
}

.admin-client-mandate-tabs span.is-active {
    border-color: rgba(96, 165, 250, 0.5);
    background: rgba(96, 165, 250, 0.18);
    color: #ffffff;
}

.admin-client-mandate-tabs strong {
    color: #ffffff;
}

.admin-client-mandate-queue-chart {
    height: 8px;
    display: flex;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 999px;
    background: rgba(2, 6, 12, 0.35);
}

.admin-client-mandate-queue-chart__segment {
    width: var(--segment-width);
    min-width: 4px;
}

.admin-client-mandate-queue-chart__segment--red { background: var(--cm-red); }
.admin-client-mandate-queue-chart__segment--orange { background: var(--cm-orange); }
.admin-client-mandate-queue-chart__segment--gold { background: var(--cm-gold); }
.admin-client-mandate-queue-chart__segment--blue { background: var(--cm-blue); }

.admin-client-mandate-queue-legend {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.32rem 0.55rem;
    color: #cbd5e1;
    font-size: 0.58rem;
    font-weight: 760;
    line-height: 1.1;
}

.admin-client-mandate-queue-legend span {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    min-width: 0;
    white-space: nowrap;
}

.admin-client-mandate-queue-legend i {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-radius: 999px;
}

.admin-client-mandate-queue-legend strong {
    color: #ffffff;
    font-size: 0.56rem;
}

.admin-client-mandate-table {
    overflow-x: hidden;
    border: 1px solid var(--cm-border);
    border-radius: 6px;
}

.admin-client-mandate-table__head,
.admin-client-mandate-table__row {
    display: grid;
    grid-template-columns: 16px minmax(64px, 0.7fr) minmax(56px, 0.72fr) minmax(62px, 0.84fr) minmax(56px, 0.58fr) minmax(26px, 0.28fr) minmax(56px, 0.58fr) minmax(44px, 0.46fr) minmax(76px, 0.84fr);
    align-items: center;
    min-width: 0;
}

.admin-client-mandate-table__head {
    min-height: 34px;
    border-bottom: 1px solid var(--cm-border);
    background: rgba(8, 16, 24, 0.95);
    color: #9ca3af;
    font-size: 0.64rem;
    font-weight: 850;
}

.admin-client-mandate-table__row {
    min-height: 44px;
    color: #dbeafe;
    text-decoration: none;
    border-bottom: 1px solid rgba(148, 163, 184, 0.13);
    font-size: 0.6rem;
    line-height: 1.12;
}

.admin-client-mandate-table__row:last-child {
    border-bottom: 0;
}

.admin-client-mandate-table__row:hover,
.admin-client-mandate-table__row:focus-visible,
.admin-client-mandate-table__row.is-selected {
    background: rgba(96, 165, 250, 0.14);
    outline: none;
}

.admin-client-mandate-table__row.is-selected {
    box-shadow: inset 3px 0 0 var(--cm-blue);
}

.admin-client-mandate-table__head span,
.admin-client-mandate-table__row span[role="cell"] {
    min-width: 0;
    padding: 0 0.18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-client-mandate-table__row span[role="cell"]:nth-child(3),
.admin-client-mandate-table__row span[role="cell"]:nth-child(4),
.admin-client-mandate-table__row span[role="cell"]:nth-child(9) {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.12;
    white-space: normal;
}

.admin-client-mandate-check {
    width: 14px;
    height: 14px;
    justify-self: center;
    border: 1px solid var(--cm-border-strong);
    border-radius: 3px;
}

.admin-client-mandate-check.is-checked {
    background: var(--cm-blue);
    box-shadow: inset 0 0 0 3px #0b1720;
}

.admin-client-mandate-chip {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    max-width: 100%;
    padding: 0 0.22rem;
    border: 1px solid currentColor;
    border-radius: 5px;
    font-size: 0.54rem;
    font-weight: 850;
    line-height: 1.1;
}

.admin-client-mandate-chip--red { color: var(--cm-red); background: rgba(255, 68, 68, 0.08); }
.admin-client-mandate-chip--orange { color: var(--cm-orange); background: rgba(255, 165, 0, 0.08); }
.admin-client-mandate-chip--gold { color: var(--cm-gold); background: rgba(255, 215, 0, 0.07); }
.admin-client-mandate-chip--blue { color: var(--cm-blue); background: rgba(96, 165, 250, 0.1); }
.admin-client-mandate-chip--green { color: var(--cm-green); background: rgba(0, 230, 118, 0.08); }
.admin-client-mandate-chip--purple { color: var(--cm-purple); background: rgba(171, 71, 188, 0.1); }

.admin-client-mandate-queue-footer,
.admin-client-mandate-queue-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.45rem;
    color: #cbd5e1;
    font-size: 0.75rem;
}

.admin-client-mandate-queue-footer {
    justify-content: space-between;
}

.admin-client-mandate-queue-footer > div {
    display: flex;
    gap: 0.25rem;
}

.admin-client-mandate-queue-footer button {
    color: #cbd5e1;
    border-color: var(--cm-border);
    background: rgba(15, 23, 42, 0.5);
}

.admin-client-mandate-queue-footer button[aria-current="page"] {
    color: #ffffff;
    border-color: rgba(96, 165, 250, 0.45);
    background: rgba(96, 165, 250, 0.18);
}

.admin-client-mandate-queue-actions {
    padding-top: 0.45rem;
    border-top: 1px solid var(--cm-border);
}

.admin-client-mandate-action-lock {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.admin-client-mandate-queue-actions button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 44px;
    padding: 0 0.85rem;
    border: 1px solid var(--cm-border-strong);
    border-radius: 6px;
    background: rgba(15, 23, 42, 0.7);
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 850;
}

.admin-client-mandate-action-lock small {
    color: var(--cm-muted);
    font-size: 0.58rem;
    line-height: 1.1;
    max-width: 8.2rem;
}

.admin-client-mandate-queue-actions button:disabled {
    cursor: not-allowed;
    color: #9ca3af;
    opacity: 0.68;
}

.admin-client-mandate-queue-actions button:disabled::before {
    content: "";
    width: 12px;
    height: 10px;
    border: 1.5px solid currentColor;
    border-radius: 2px;
    background:
        linear-gradient(currentColor, currentColor) 50% 45% / 2px 3px no-repeat;
    box-shadow: 0 -5px 0 -2px #0f172a, 0 -5px 0 -0.5px currentColor;
}

.admin-client-mandate-queue-actions__note {
    flex-basis: 100%;
    color: var(--cm-muted);
}

.admin-client-mandate-case > header a,
.admin-client-mandate-readiness-row a,
.admin-client-mandate-next a,
.admin-client-mandate-runbook {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 0.55rem;
    border: 1px solid rgba(96, 165, 250, 0.44);
    border-radius: 5px;
    color: #bfdbfe;
    background: rgba(96, 165, 250, 0.08);
    font-size: 0.72rem;
    font-weight: 850;
    text-decoration: none;
}

.admin-client-mandate-case__headline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding-bottom: 0.45rem;
    border-bottom: 1px solid var(--cm-border);
}

.admin-client-mandate-case__headline h3 {
    color: #ffffff;
    font-size: 1.08rem;
    font-weight: 900;
}

.admin-client-mandate-case__headline > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.35rem;
}

.admin-client-mandate-case__guidance {
    display: none;
    color: #d1d5db;
    font-size: 0.78rem;
    line-height: 1.35;
}

.admin-client-mandate-case__facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.12rem 0.55rem;
    padding-bottom: 0.28rem;
    border-bottom: 1px solid var(--cm-border);
}

.admin-client-mandate-case__facts div {
    display: grid;
    gap: 0.02rem;
    min-width: 0;
}

.admin-client-mandate-case__facts dt,
.admin-client-mandate-settings dt {
    color: var(--cm-muted);
    font-size: 0.68rem;
    font-weight: 780;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-client-mandate-case__facts dd,
.admin-client-mandate-settings dd {
    color: #e5e7eb;
    font-size: 0.72rem;
    line-height: 1.15;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-client-mandate-actors {
    display: grid;
    gap: 0.4rem;
}

.admin-client-mandate-actors h3,
.admin-client-mandate-settings h3,
.admin-client-mandate-next h3 {
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 850;
}

.admin-client-mandate-actors > div {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.36rem;
}

.admin-client-mandate-actor {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 0.06rem 0.34rem;
    min-height: 56px;
    padding: 0.34rem;
    border: 1px solid var(--cm-border);
    border-radius: 6px;
    background: rgba(15, 23, 42, 0.42);
}

.admin-client-mandate-actor > span {
    grid-row: span 3;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: rgba(96, 165, 250, 0.18);
    color: currentColor;
    font-size: 0.7rem;
    font-weight: 900;
}

.admin-client-mandate-actor strong {
    color: #ffffff;
    font-size: 0.7rem;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-client-mandate-actor small {
    color: #cbd5e1;
    display: -webkit-box;
    font-size: 0.66rem;
    line-height: 1.08;
    min-width: 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
}

.admin-client-mandate-actor em {
    color: currentColor;
    font-size: 0.67rem;
    font-style: normal;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-client-mandate-actor--green { color: var(--cm-green); }
.admin-client-mandate-actor--purple { color: var(--cm-purple); }
.admin-client-mandate-actor--blue { color: var(--cm-blue); }
.admin-client-mandate-actor--red { color: var(--cm-red); }
.admin-client-mandate-actor--orange { color: var(--cm-orange); }

.admin-client-mandate-timeline {
    overflow: hidden;
    display: grid;
    border: 1px solid var(--cm-border);
    border-radius: 6px;
}

.admin-client-mandate-timeline__tabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-height: 34px;
    border-bottom: 1px solid var(--cm-border);
}

.admin-client-mandate-timeline__tabs span {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    font-size: 0.74rem;
    font-weight: 850;
    border-right: 1px solid var(--cm-border);
}

.admin-client-mandate-timeline__tabs span:last-child {
    border-right: 0;
}

.admin-client-mandate-timeline__tabs span[aria-selected="true"] {
    color: var(--cm-blue);
    background: rgba(96, 165, 250, 0.12);
}

.admin-client-mandate-timeline__list {
    display: grid;
}

.admin-client-mandate-event {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.55rem;
    padding: 0.3rem 0.48rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
}

.admin-client-mandate-event:last-child {
    border-bottom: 0;
}

.admin-client-mandate-event > div {
    position: relative;
    display: grid;
    gap: 0.16rem;
    padding-left: 1.4rem;
}

.admin-client-mandate-event > div > span {
    position: absolute;
    left: 0;
    top: 0.15rem;
    width: 13px;
    height: 13px;
    border: 2px solid currentColor;
    border-radius: 999px;
}

.admin-client-mandate-event strong {
    color: currentColor;
    font-size: 0.78rem;
}

.admin-client-mandate-event small,
.admin-client-mandate-event time {
    color: #9ca3af;
    font-size: 0.68rem;
}

.admin-client-mandate-event p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #d1d5db;
    font-size: 0.7rem;
    line-height: 1.2;
}

.admin-client-mandate-event--red { color: var(--cm-red); }
.admin-client-mandate-event--orange { color: var(--cm-orange); }
.admin-client-mandate-event--gold { color: var(--cm-gold); }
.admin-client-mandate-event--blue { color: var(--cm-blue); }
.admin-client-mandate-event--green { color: var(--cm-green); }

.admin-client-mandate-action-result,
.admin-client-mandate-empty {
    display: grid;
    gap: 0.45rem;
    padding: 0.75rem;
}

.admin-client-mandate-action-result {
    border-top: 1px solid var(--cm-border);
}

.admin-client-mandate-empty h3 {
    color: #ffffff;
    font-size: 0.9rem;
}

.admin-client-mandate-empty p,
.admin-client-mandate-action-result p {
    color: #cbd5e1;
    font-size: 0.78rem;
    line-height: 1.35;
}

.admin-client-mandate-readiness {
    gap: 0.45rem;
}

.admin-client-mandate-readiness__banner {
    display: grid;
    gap: 0.12rem;
    padding: 0.38rem 0.58rem;
    border: 1px solid currentColor;
    border-radius: 6px;
}

.admin-client-mandate-readiness__banner--red {
    color: var(--cm-red);
    background: rgba(255, 68, 68, 0.12);
}

.admin-client-mandate-readiness__banner--green {
    color: var(--cm-green);
    background: rgba(0, 230, 118, 0.08);
}

.admin-client-mandate-readiness__banner strong {
    font-size: 0.78rem;
}

.admin-client-mandate-readiness__banner span {
    color: #d1d5db;
    font-size: 0.72rem;
}

.admin-client-mandate-readiness-summary {
    color: #ffffff;
    font-size: 0.68rem;
    font-weight: 850;
}

.admin-client-mandate-readiness-meter {
    height: 7px;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 999px;
    background: rgba(2, 6, 12, 0.36);
}

.admin-client-mandate-readiness-meter span {
    display: block;
    width: var(--readiness-width);
    height: 100%;
    border-radius: inherit;
    background: var(--cm-green);
}

.admin-client-mandate-readiness__table {
    overflow: hidden;
    display: grid;
    border: 1px solid var(--cm-border);
    border-radius: 6px;
}

.admin-client-mandate-readiness__table > div {
    display: grid;
    grid-template-columns: minmax(106px, 1fr) minmax(58px, 0.52fr) minmax(92px, 0.82fr) 48px;
    align-items: center;
    gap: 0.35rem;
    min-height: 28px;
    padding: 0 0.45rem;
    border-bottom: 1px solid var(--cm-border);
    color: #9ca3af;
    font-size: 0.62rem;
    font-weight: 850;
}

.admin-client-mandate-readiness-row {
    display: grid;
    grid-template-columns: minmax(106px, 1fr) minmax(58px, 0.52fr) minmax(92px, 0.82fr) 48px;
    gap: 0.28rem;
    align-items: center;
    min-height: 30px;
    padding: 0 0.4rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
    color: #dbeafe;
    font-size: 0.6rem;
    line-height: 1.12;
}

.admin-client-mandate-readiness__table > div span,
.admin-client-mandate-readiness-row > span {
    min-width: 0;
    display: block;
    overflow-wrap: anywhere;
}

.admin-client-mandate-readiness-row > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-client-mandate-readiness-row:last-child {
    border-bottom: 0;
}

.admin-client-mandate-readiness-row span:nth-child(2) {
    color: currentColor;
    font-weight: 850;
}

.admin-client-mandate-readiness-row span:nth-child(1) {
    color: #e5e7eb;
    font-weight: 850;
}

.admin-client-mandate-readiness-row span:nth-child(3) {
    color: #cbd5e1;
}

.admin-client-mandate-readiness-row a {
    min-width: 44px;
    min-height: 28px;
    height: 28px;
    padding: 0 0.35rem;
    align-self: center;
    justify-self: end;
    font-size: 0.62rem;
}

.admin-client-mandate-readiness-row--red { color: var(--cm-red); }
.admin-client-mandate-readiness-row--orange { color: var(--cm-orange); }
.admin-client-mandate-readiness-row--gold { color: var(--cm-gold); }
.admin-client-mandate-readiness-row--blue { color: var(--cm-blue); }
.admin-client-mandate-readiness-row--green { color: var(--cm-green); }

.admin-client-mandate-settings,
.admin-client-mandate-next {
    display: grid;
    gap: 0.22rem;
    padding: 0.38rem;
    border: 1px solid var(--cm-border);
    border-radius: 6px;
    background: rgba(15, 23, 42, 0.38);
}

.admin-client-mandate-settings dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.16rem 0.45rem;
}

.admin-client-mandate-settings div {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.06rem;
}

.admin-client-mandate-settings dt,
.admin-client-mandate-settings dd {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-client-mandate-settings dt {
    line-height: 1.12;
    overflow-wrap: anywhere;
    white-space: normal;
}

.admin-client-mandate-settings dd {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}

.admin-client-mandate-next ol {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.12rem;
    margin: 0;
    padding-left: 1rem;
}

.admin-client-mandate-next li {
    color: var(--cm-blue);
    font-size: 0.66rem;
}

.admin-client-mandate-next li span {
    color: #d1d5db;
}

.admin-client-mandate-next li {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.35rem;
}

.admin-client-mandate-next li span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-client-mandate-next a,
.admin-client-mandate-runbook {
    min-height: 30px;
    height: 30px;
    font-size: 0.64rem;
}

.admin-client-mandate-runbook {
    width: 100%;
    min-height: 34px;
    height: 34px;
    justify-content: center;
}

.admin-client-mandate-footer {
    min-height: 38px;
    justify-content: space-between;
    padding: 0 1rem;
    border-top: 1px solid var(--cm-border);
    color: #9ca3af;
    font-size: 0.72rem;
}

@media (max-width: 1280px) {
    .admin-client-mandate-console {
        grid-template-columns: 74px minmax(0, 1fr);
    }

    .admin-client-mandate-brand strong,
    .admin-client-mandate-sidebar nav a span:last-child {
        display: none;
    }

    .admin-client-mandate-brand,
    .admin-client-mandate-sidebar nav a {
        justify-content: center;
        padding: 0;
    }

    .admin-client-mandate-topbar {
        padding: 0 1rem;
    }
}

@media (max-width: 1360px) {
    .admin-client-mandate-grid {
        grid-template-columns: minmax(420px, 1fr) minmax(420px, 1fr);
    }

    .admin-client-mandate-readiness {
        grid-column: 1 / -1;
    }

    .admin-client-mandate-titlebar__meta {
        display: none;
    }
}

@media (max-width: 980px) {
    .admin-client-mandate-console {
        display: block;
        margin: 0;
    }

    .admin-client-mandate-sidebar {
        position: static;
        height: auto;
        grid-template-rows: auto auto;
    }

    .admin-client-mandate-sidebar nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-client-mandate-sidebar nav a span:last-child,
    .admin-client-mandate-brand strong {
        display: inline;
    }

    .admin-client-mandate-topbar,
    .admin-client-mandate-titlebar,
    .admin-client-mandate-source,
    .admin-client-mandate-footer {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .admin-client-mandate-source small {
        text-align: left;
    }

    .admin-client-mandate-topbar nav,
    .admin-client-mandate-search {
        min-width: 0;
        max-width: none;
    }

    .admin-client-mandate-search,
    .admin-client-mandate-profile {
        display: none;
    }

    .admin-client-mandate-metric-strip,
    .admin-client-mandate-grid,
    .admin-client-mandate-actors > div {
        grid-template-columns: 1fr;
    }

    .admin-client-mandate-case__facts {
        grid-template-columns: 1fr;
    }
}

.admin-flag-card__header,
.admin-segment-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.admin-definition-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 0;
}

.admin-definition-grid dd {
    margin: 0;
    overflow-wrap: anywhere;
}

.admin-segment-list span,
.admin-segment-list a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0.45rem 0.8rem;
    border: 1px solid rgba(96, 165, 250, 0.42);
    border-radius: 8px;
    color: #ffffff;
    font-size: 0.85rem;
    font-weight: 750;
    text-decoration: none;
}

.admin-metric-grid small {
    color: #9ca3af;
    font-size: 0.78rem;
    line-height: 1.35;
}

.admin-action-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.admin-command-cluster {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.admin-command-cluster .admin-command-button {
    flex: 1 1 140px;
    justify-content: center;
}

.admin-action-row button,
.admin-command-button {
    min-height: 44px;
    padding: 0 1rem;
    border: 1px solid rgba(96, 165, 250, 0.5);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff;
    font-weight: 800;
}

.admin-command-button {
    width: max-content;
}

.admin-command-button:disabled {
    border-color: rgba(156, 163, 175, 0.35);
    background: rgba(156, 163, 175, 0.14);
    color: #9CA3AF;
}

.account-shell {
    display: grid;
    gap: 1rem;
    width: min(calc(100% - 2rem), 720px);
    margin: 2rem auto;
}

.account-panel,
.account-form {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.account-panel {
    padding: 1.5rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #2b2d31;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.22);
    overflow: hidden;
    overflow-wrap: anywhere;
}

.account-panel h1,
.account-panel h2,
.account-panel p {
    margin: 0;
}

.account-panel h1 {
    color: #ffffff;
    font-size: clamp(2rem, 5vw, 3.4rem);
    font-weight: 850;
    line-height: 1.05;
}

.account-panel h2 {
    color: #ffffff;
    font-size: 1.35rem;
    font-weight: 800;
}

.account-panel p {
    color: #d1d5db;
    font-size: 0.96rem;
    line-height: 1.55;
}

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

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

.account-provider-grid a,
.account-provider-grid__coming-soon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-width: 0;
    min-height: 44px;
    padding: 0 0.85rem;
    border: 1px solid rgba(148, 163, 184, 0.26);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.52);
    color: #ffffff;
    font-weight: 850;
    text-align: center;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.account-provider-grid__coming-soon {
    color: #9ca3af;
    background: rgba(15, 23, 42, 0.28);
    border-style: dashed;
}

.account-provider-grid a:first-child {
    border-color: rgba(96, 165, 250, 0.58);
    background: rgba(37, 99, 235, 0.3);
}

.account-provider-grid a:last-child {
    grid-column: 1 / -1;
    border-color: rgba(255, 215, 0, 0.35);
    background: rgba(255, 215, 0, 0.08);
    color: #ffd700;
}

.account-intent-panel {
    display: grid;
    gap: 0.6rem;
    padding: 0.75rem;
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.42);
}

.account-intent-panel strong {
    color: #ffffff;
    font-size: 0.94rem;
}

.account-intent-panel h3 {
    margin: 0;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.2;
}

.account-intent-panel p {
    margin: 0;
    color: #cbd5e1;
    font-size: 0.9rem;
    line-height: 1.45;
}

.account-intent-panel dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
    margin: 0;
}

.account-intent-panel dl div {
    display: grid;
    gap: 0.18rem;
    min-height: 56px;
    padding: 0.55rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.04);
}

.account-intent-panel dt,
.account-intent-panel dd {
    margin: 0;
}

.account-intent-panel dt {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 850;
}

.account-intent-panel dd {
    color: #ffffff;
    font-size: 0.86rem;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.account-actions a,
.account-actions button,
.account-form a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 1rem;
    border: 1px solid rgba(96, 165, 250, 0.5);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff;
    font-weight: 800;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.account-actions button {
    border-color: rgba(255, 165, 0, 0.55);
    background: rgba(255, 165, 0, 0.1);
}

@media (max-width: 640px) {
    .account-shell {
        width: min(calc(100% - 1.25rem), 720px);
        margin: 1rem auto;
    }

    .account-panel {
        padding: 1rem;
    }

    .account-provider-grid,
    .account-intent-panel dl {
        grid-template-columns: 1fr;
    }
}

.account-page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
    background:
        radial-gradient(circle at 18% 8%, rgba(37, 99, 235, 0.1), transparent 32rem),
        #0b0f12;
}

.account-main {
    display: grid;
    align-items: start;
    padding: clamp(1rem, 3vw, 2.5rem) clamp(1rem, 4vw, 3rem) 3rem;
}

.account-shell--signin {
    width: min(100%, 1080px);
    margin: 0 auto;
    gap: clamp(1rem, 2vw, 1.5rem);
}

.account-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 52px;
}

.account-brand {
    flex: 0 0 auto;
}

.account-back-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-height: 44px;
    padding: 0 0.8rem;
    border-radius: 8px;
    color: #cbd5e1;
    font-weight: 760;
    text-decoration: none;
}

.account-back-link:hover {
    background: rgba(96, 165, 250, 0.1);
    color: #ffffff;
}

.account-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.85fr);
    gap: clamp(1rem, 2vw, 1.5rem);
    align-items: start;
}

.account-layout--single {
    grid-template-columns: minmax(0, 800px);
    justify-content: center;
}

.account-layout--single .account-panel--signin h1 {
    max-width: none;
}

.account-layout--single + .account-disclosure--technical {
    width: min(100%, 800px);
    justify-self: center;
}

.account-panel--signin {
    gap: 1.5rem;
    padding: clamp(1.35rem, 3vw, 2rem);
    border-color: rgba(148, 163, 184, 0.3);
    background: #1b1c1e;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.3);
}

.account-hero {
    display: grid;
    gap: 0.75rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.2);
}

.account-panel--signin .account-eyebrow,
.account-context-panel__eyebrow {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: #93c5fd;
}

.account-panel--signin h1 {
    max-width: 18ch;
    font-size: clamp(2rem, 4vw, 2.8rem);
    line-height: 1.08;
    letter-spacing: -0.035em;
}

.account-panel--signin .account-lede {
    max-width: 58ch;
    color: #cbd5e1;
    font-size: 1.02rem;
    line-height: 1.55;
}

.account-access-card {
    display: grid;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid rgba(96, 165, 250, 0.32);
    border-radius: 10px;
    background: #23272c;
}

.account-access-card--ready {
    border-color: rgba(0, 230, 118, 0.38);
}

.account-access-card--session {
    border-color: rgba(96, 165, 250, 0.32);
    background: #202429;
}

.account-access-card--warning {
    border-color: rgba(255, 193, 7, 0.48);
    background: rgba(76, 54, 7, 0.24);
}

.account-access-card > .status-pill {
    justify-self: start;
}

.account-access-card h2,
.account-context-panel h2,
.account-context-recovery h3,
.account-technical-note h2 {
    margin: 0;
    color: #f8fafc;
}

.account-access-card h2 {
    font-size: 1.35rem;
    line-height: 1.25;
}

.account-access-card p,
.account-context-panel p,
.account-technical-note p {
    margin: 0;
    color: #cbd5e1;
    font-size: 0.96rem;
    line-height: 1.55;
}

.account-session-row {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.85rem;
    align-items: center;
}

.account-session-row__icon,
.account-capability-list__icon,
.account-route-blocked__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 9px;
}

.account-session-row__icon {
    background: rgba(0, 230, 118, 0.1);
    color: #6ee7b7;
}

.account-session-row > div {
    display: grid;
    gap: 0.38rem;
}

.account-session-row .status-pill {
    justify-self: start;
}

.account-access-card .account-session-role {
    color: #93c5fd;
    font-size: 0.875rem;
    font-weight: 800;
}

.account-workspace-picker {
    display: grid;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 10px;
    background: #171b1f;
}

.account-workspace-picker > header {
    display: grid;
    gap: 0.55rem;
}

.account-workspace-picker h2,
.account-route-blocked h2 {
    margin: 0;
    color: #f8fafc;
    font-size: 1.3rem;
    line-height: 1.25;
}

.account-section-kicker {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    color: #93c5fd !important;
    font-size: 0.74rem !important;
    font-weight: 900;
    letter-spacing: 0.07em;
    line-height: 1.2 !important;
    text-transform: uppercase;
}

.account-capability-list {
    display: grid;
    gap: 0.65rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.account-capability-list li {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    gap: 0.85rem;
    align-items: center;
    min-height: 72px;
    padding: 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 9px;
    background: #20252a;
}

.account-capability-list li:first-child {
    border-color: rgba(96, 165, 250, 0.5);
    background: rgba(37, 99, 235, 0.09);
}

.account-capability-list__icon {
    background: rgba(96, 165, 250, 0.12);
    color: #93c5fd;
}

.account-capability-list__copy,
.account-capability-list__copy strong,
.account-capability-list__copy small {
    display: block;
    min-width: 0;
}

.account-capability-list__copy strong {
    color: #f8fafc;
    font-size: 0.94rem;
}

.account-capability-list__copy small {
    margin-top: 0.22rem;
    color: #cbd5e1;
    font-size: 0.875rem;
    line-height: 1.4;
}

.account-capability-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-width: 92px;
    min-height: 44px;
    padding: 0.55rem 0.8rem;
    border: 1px solid rgba(148, 163, 184, 0.42);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.46);
    color: #f8fafc;
    font-size: 0.86rem;
    font-weight: 850;
    text-decoration: none;
}

.account-capability-link:hover {
    border-color: rgba(96, 165, 250, 0.7);
    background: rgba(96, 165, 250, 0.13);
    color: #ffffff;
}

.account-capability-link--primary {
    border-color: #3b82f6;
    background: #2563eb;
    color: #ffffff;
}

.account-capability-link--primary:hover {
    border-color: #60a5fa;
    background: #1d4ed8;
}

.account-more-workspaces > .account-capability-list {
    padding: 0.7rem;
}

.account-more-workspaces .account-capability-list li:first-child {
    border-color: rgba(148, 163, 184, 0.2);
    background: #20252a;
}

.account-route-blocked {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.9rem;
    padding: 1.15rem;
    border: 1px solid rgba(255, 232, 115, 0.34);
    border-left: 4px solid #ffe873;
    border-radius: 10px;
    background: #232529;
}

.account-route-blocked__icon {
    background: rgba(255, 232, 115, 0.1);
    color: #ffe873;
}

.account-route-blocked > div {
    display: grid;
    gap: 0.7rem;
}

.account-route-blocked .account-section-kicker {
    color: #ffe873 !important;
}

.account-route-blocked__action {
    margin-top: 0.2rem;
}

.account-route-blocked__action .account-secondary-action {
    width: max-content;
    min-height: 48px;
}

.account-route-blocked .account-inline-disclosure {
    margin-top: 0.2rem;
}

.account-destination-card--locked {
    border-color: rgba(255, 232, 115, 0.34);
    background: rgba(255, 232, 115, 0.06);
}

.account-destination-card--locked > .oi {
    background: rgba(255, 232, 115, 0.1);
    color: #ffe873;
}

.account-no-workspace {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.85rem;
    align-items: center;
    padding: 1rem;
    border: 1px solid rgba(255, 232, 115, 0.3);
    border-radius: 9px;
    background: rgba(255, 232, 115, 0.05);
}

.account-no-workspace > .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    color: #ffe873;
}

.account-no-workspace strong {
    color: #f8fafc;
}

.account-no-workspace .account-primary-action {
    grid-column: 1 / -1;
}

.account-primary-action,
.account-secondary-action,
.account-provider-grid a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    min-height: 52px;
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid transparent;
    border-radius: 9px;
    font-weight: 850;
    line-height: 1.25;
    text-align: center;
    text-decoration: none;
}

.account-primary-action {
    border-color: #3b82f6;
    background: #2563eb;
    color: #ffffff;
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.22);
}

.account-primary-action:hover {
    border-color: #60a5fa;
    background: #1d4ed8;
    color: #ffffff;
}

.account-secondary-action {
    border-color: rgba(148, 163, 184, 0.42);
    background: rgba(15, 23, 42, 0.46);
    color: #f8fafc;
}

.account-secondary-action:hover {
    border-color: rgba(96, 165, 250, 0.62);
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff;
}

button.account-primary-action,
button.account-secondary-action {
    cursor: pointer;
}

.account-actions--primary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
}

.account-actions--primary form {
    display: contents;
}

.account-actions--primary .account-secondary-action {
    width: auto;
    min-width: 150px;
}

.account-actions--primary .account-primary-action {
    min-height: 52px;
    border-color: #3b82f6;
    background: #2563eb;
    color: #ffffff;
}

.account-actions--primary .account-primary-action:hover {
    border-color: #60a5fa;
    background: #1d4ed8;
}

.account-actions--primary button.account-secondary-action {
    border-color: rgba(148, 163, 184, 0.42);
    background: rgba(15, 23, 42, 0.46);
    color: #f8fafc;
}

.account-actions--primary button.account-secondary-action:hover {
    border-color: rgba(96, 165, 250, 0.62);
    background: rgba(96, 165, 250, 0.12);
}

.account-provider-grid {
    grid-template-columns: 1fr;
    gap: 0.75rem;
}

.account-provider-grid a {
    justify-content: flex-start;
    border-color: rgba(148, 163, 184, 0.38);
    background: #151a20;
}

.account-provider-grid a:first-child {
    border-color: rgba(96, 165, 250, 0.64);
    background: rgba(37, 99, 235, 0.32);
}

.account-provider-grid a .oi-arrow-right {
    margin-left: auto;
}

.account-provider-grid .account-recovery-link,
.account-provider-grid a:last-child.account-recovery-link {
    min-height: 44px;
    justify-content: center;
    border-color: transparent;
    background: transparent;
    color: #bfdbfe;
    box-shadow: none;
}

.account-provider-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    background: #f8fafc;
    color: #0f172a;
    font-size: 0.86rem;
    font-weight: 950;
}

.account-remember-choice {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
    min-height: 52px;
    padding: 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.34);
    color: #f8fafc;
    cursor: pointer;
}

.account-remember-choice input {
    width: 20px;
    height: 20px;
    margin: 0.1rem 0 0;
    accent-color: #2563eb;
}

.account-remember-choice span,
.account-remember-choice strong,
.account-remember-choice small {
    display: block;
}

.account-remember-choice strong {
    font-size: 0.92rem;
}

.account-remember-choice small {
    margin-top: 0.2rem;
    color: #9ca3af;
    font-size: 0.78rem;
    line-height: 1.35;
}

.account-access-card .account-action-note {
    color: #9ca3af;
    font-size: 0.82rem;
    line-height: 1.45;
}

.account-assurance {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.85rem;
    align-items: center;
    padding: 0.9rem;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 9px;
    background: #15191d;
}

.account-assurance > .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 9px;
    background: rgba(96, 165, 250, 0.12);
    color: #93c5fd;
}

.account-assurance strong,
.account-assurance span {
    display: block;
}

.account-assurance strong {
    color: #f8fafc;
    font-size: 0.92rem;
}

.account-assurance span {
    margin-top: 0.2rem;
    color: #cbd5e1;
    font-size: 0.82rem;
    line-height: 1.4;
}

.account-disclosure,
.account-inline-disclosure {
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 9px;
    background: #15191d;
    overflow: hidden;
}

.account-disclosure summary,
.account-inline-disclosure summary {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 52px;
    padding: 0.75rem 1rem;
    color: #e2e8f0;
    cursor: pointer;
    font-weight: 820;
    list-style: none;
}

.account-disclosure summary::-webkit-details-marker,
.account-inline-disclosure summary::-webkit-details-marker {
    display: none;
}

.account-disclosure summary::after,
.account-inline-disclosure summary::after {
    content: '⌄';
    margin-left: auto;
    color: #93c5fd;
    font-size: 1.1rem;
    transition: transform 140ms ease;
}

.account-disclosure[open] summary::after,
.account-inline-disclosure[open] summary::after {
    transform: rotate(180deg);
}

.account-disclosure[open] > summary,
.account-inline-disclosure[open] > summary {
    border-bottom: 1px solid rgba(148, 163, 184, 0.2);
}

.account-disclosure__body {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
}

.account-technical-note {
    display: grid;
    gap: 0.45rem;
    padding: 0.1rem;
}

.account-technical-note h2 {
    font-size: 1rem;
}

.account-technical-note p,
.account-return-path {
    color: #9ca3af;
    font-size: 0.84rem;
    overflow-wrap: anywhere;
}

.account-inline-disclosure .account-form {
    padding: 1rem;
}

.account-context-panel {
    position: sticky;
    top: 1.5rem;
    display: grid;
    gap: 1rem;
    padding: clamp(1.25rem, 2.5vw, 1.6rem);
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 10px;
    background: #16191d;
    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.22);
}

.account-context-panel h2 {
    font-size: clamp(1.45rem, 2.5vw, 1.85rem);
    line-height: 1.2;
}

.account-destination-card {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.8rem;
    align-items: center;
    padding: 0.9rem;
    border: 1px solid rgba(96, 165, 250, 0.32);
    border-radius: 9px;
    background: rgba(37, 99, 235, 0.1);
}

.account-destination-card > .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 9px;
    background: rgba(96, 165, 250, 0.15);
    color: #60a5fa;
}

.account-destination-card small,
.account-destination-card strong,
.account-destination-card div > span {
    display: block;
}

.account-destination-card small {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.account-destination-card strong {
    margin-top: 0.12rem;
    color: #f8fafc;
    font-size: 1rem;
}

.account-destination-card div > span {
    margin-top: 0.18rem;
    color: #cbd5e1;
    font-size: 0.8rem;
}

.account-disclosure--compact {
    background: #111519;
}

.account-disclosure--technical {
    background: rgba(21, 25, 29, 0.86);
}

.account-disclosure__body--technical {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
}

.account-disclosure__body--technical .admin-inline-panel {
    height: 100%;
}

.account-disclosure__body--technical > :only-child {
    grid-column: 1 / -1;
}

.account-context-recovery {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.85rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(148, 163, 184, 0.2);
}

.account-context-recovery > .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    color: #ffd700;
}

.account-context-recovery > div {
    display: grid;
    gap: 0.7rem;
}

.account-context-recovery .status-pill {
    justify-self: start;
}

.account-context-recovery h3 {
    font-size: 1rem;
}

.account-page a:focus-visible,
.account-page button:focus-visible,
.account-page input:focus-visible {
    outline: 3px solid #93c5fd;
    outline-offset: 3px;
}

.account-page summary:focus-visible {
    outline: 3px solid #93c5fd;
    outline-offset: -4px;
}

.account-page .bizmonger-legal-footer--app-shell {
    margin-top: auto;
    background: #0b0f12;
}

@media (prefers-reduced-motion: reduce) {
    .account-disclosure summary::after,
    .account-inline-disclosure summary::after {
        transition: none;
    }
}

@media (max-width: 860px) {
    .account-layout {
        grid-template-columns: 1fr;
    }

    .account-context-panel {
        position: static;
    }

    .account-disclosure__body--technical {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .account-main {
        padding: 0.75rem 0.75rem 2rem;
    }

    .account-shell--signin {
        width: 100%;
        margin: 0;
    }

    .account-topbar {
        align-items: center;
    }

    .account-topbar .hivesync-logo--lockup {
        --hivesync-logo-lockup-width: 9.5rem;
        --hivesync-logo-lockup-height: 2.65rem;
    }

    .account-back-link {
        padding: 0 0.55rem;
        font-size: 0.82rem;
    }

    .account-panel--signin,
    .account-context-panel {
        padding: 1rem;
    }

    .account-panel--signin h1 {
        font-size: clamp(1.9rem, 10vw, 2.35rem);
    }

    .account-actions--primary {
        grid-template-columns: 1fr;
    }

    .account-actions--primary .account-secondary-action {
        width: 100%;
    }

    .account-access-card {
        padding: 1rem;
    }

    .account-workspace-picker,
    .account-route-blocked {
        padding: 1rem;
    }

    .account-session-row,
    .account-route-blocked,
    .account-no-workspace {
        grid-template-columns: 40px minmax(0, 1fr);
    }

    .account-capability-list li {
        grid-template-columns: 40px minmax(0, 1fr);
    }

    .account-capability-link {
        grid-column: 1 / -1;
        width: 100%;
    }

    .account-route-blocked__action .account-secondary-action {
        width: 100%;
    }

    .account-session-row__icon,
    .account-capability-list__icon,
    .account-route-blocked__icon,
    .account-no-workspace > .oi {
        width: 40px;
        height: 40px;
    }

    .account-assurance,
    .account-destination-card,
    .account-context-recovery {
        grid-template-columns: 40px minmax(0, 1fr);
    }

    .account-assurance > .oi,
    .account-destination-card > .oi,
    .account-context-recovery > .oi {
        width: 40px;
        height: 40px;
    }
}

.app-access-gate {
    align-self: start;
}

.public-landing,
.public-landing * {
    box-sizing: border-box;
    min-width: 0;
}

.public-landing {
    display: grid;
    gap: 1rem;
    min-height: 100vh;
    padding: 0 clamp(1rem, 4vw, 3rem) 3rem;
    background:
        linear-gradient(180deg, rgba(27, 28, 30, 0.94) 0%, rgba(27, 28, 30, 0.98) 56%, #151619 100%),
        url('/images/branding-mockups/venue-loadout-banner-wide.png') center top / 100% auto no-repeat;
    color: #ffffff;
}

.public-landing__nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 72px;
}

.public-landing__nav div,
.public-landing__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.public-landing__nav a,
.public-landing__actions a,
.public-landing__auth-options a,
.public-landing__demo-card a,
.public-landing__demo-card button,
.public-landing__proof-band > a {
    min-height: 44px;
}

.public-landing__nav div a,
.public-landing__actions a:not(.admin-command-button),
.public-landing__auth-options a,
.public-landing__demo-card a,
.public-landing__proof-band > a:not(.admin-command-button) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
    border: 1px solid rgba(156, 163, 175, 0.28);
    border-radius: 8px;
    color: #ffffff;
    font-weight: 800;
    text-decoration: none;
}

.public-landing__demo-card button {
    border: 0;
    font: inherit;
    cursor: pointer;
}

.public-landing__demo-card button:focus-visible,
.public-landing__demo-card input:focus-visible,
.public-landing__demo-card a:focus-visible,
.public-landing__actions a:focus-visible,
.public-landing__nav a:focus-visible,
.public-landing__auth-options a:focus-visible {
    outline: 3px solid rgba(96, 165, 250, 0.9);
    outline-offset: 3px;
}

.public-landing__hero {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.58fr);
    align-items: end;
    gap: clamp(1rem, 4vw, 3rem);
    min-height: min(560px, calc(100vh - 160px));
    padding: clamp(1.35rem, 3vw, 2.25rem);
    border-radius: 8px;
    background:
        linear-gradient(112deg, rgba(27, 28, 30, 0.96) 0%, rgba(27, 28, 30, 0.82) 52%, rgba(27, 28, 30, 0.36) 100%),
        url('/images/branding-mockups/venue-loadout-banner-wide.png') center / cover no-repeat;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.32);
}

.public-landing__hero-copy {
    display: grid;
    gap: 1rem;
    width: min(100%, 720px);
}

.public-landing h1,
.public-landing h2,
.public-landing h3,
.public-landing p {
    margin: 0;
}

.public-landing h1 {
    max-width: 820px;
    font-size: clamp(3rem, 5.4vw, 4.7rem);
    font-weight: 900;
    line-height: 0.95;
}

.public-landing__hero-copy p {
    max-width: 620px;
    color: #f3f4f6;
    font-size: clamp(1.1rem, 2vw, 1.55rem);
    line-height: 1.45;
}

.public-landing__trust-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.public-landing__trust-strip span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0.15rem 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: #f8fafc;
    font-size: 0.88rem;
    font-weight: 800;
}

.public-landing__gateway {
    display: grid;
    gap: 0.65rem;
    padding: 1rem;
    border: 1px solid rgba(96, 165, 250, 0.36);
    border-radius: 8px;
    background: rgba(21, 22, 25, 0.88);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.3);
}

.public-landing__gateway h2,
.public-landing__demo-header h2,
.public-landing__proof-band h2 {
    color: #ffffff;
    font-size: clamp(1.4rem, 2.5vw, 1.85rem);
    font-weight: 900;
    line-height: 1.08;
}

.public-landing__gateway p,
.public-landing__gateway-note,
.public-landing__demo-header p {
    color: #d1d5db;
    line-height: 1.5;
}

.public-landing__auth-options {
    display: grid;
    gap: 0.65rem;
}

.public-landing__auth-options a {
    justify-content: flex-start;
    gap: 0.65rem;
    background: rgba(96, 165, 250, 0.12);
}

.public-landing__auth-options .oi {
    color: #60a5fa;
}

.public-landing__gateway-note {
    color: #a7f3d0;
    font-size: 0.9rem;
}

.public-landing__demo {
    display: grid;
    gap: 1.1rem;
}

.public-landing__demo-header {
    display: grid;
    gap: 0.75rem;
    max-width: 860px;
}

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

.public-landing__demo-card,
.public-landing__actors article,
.public-landing__proof-band {
    display: grid;
    gap: 0.85rem;
    align-content: start;
    padding: 1.25rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #2b2d31;
}

.public-landing__demo-card {
    min-height: 390px;
}

.public-landing__demo-card--accent {
    border-color: rgba(250, 204, 21, 0.38);
    background:
        linear-gradient(180deg, rgba(250, 204, 21, 0.1), rgba(43, 45, 49, 0) 44%),
        #2b2d31;
}

.public-landing__step {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    margin-bottom: 0.7rem;
    padding: 0 0.6rem;
    border-radius: 999px;
    background: rgba(167, 243, 208, 0.12);
    color: #a7f3d0;
    font-size: 0.8rem;
    font-weight: 900;
}

.public-landing__demo-card h3,
.public-landing__actors h2 {
    color: #ffffff;
    font-size: 1.18rem;
    font-weight: 900;
    line-height: 1.18;
}

.public-landing__demo-card p,
.public-landing__demo-card li,
.public-landing__actors p,
.public-landing__proof-band p {
    color: #d1d5db;
    line-height: 1.55;
}

.public-landing__demo-card dl,
.public-landing__demo-card ul,
.public-landing__demo-controls {
    display: grid;
    gap: 0.65rem;
    margin: 0;
}

.public-landing__segmented,
.public-landing__role-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.public-landing__demo-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.28) !important;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
    color: #f8fafc;
    font-size: 0.9rem;
    font-weight: 850;
}

.public-landing__demo-toggle--active {
    border-color: rgba(167, 243, 208, 0.54) !important;
    background: rgba(167, 243, 208, 0.14);
    color: #a7f3d0;
}

.public-landing__demo-controls label {
    display: grid;
    grid-template-columns: minmax(70px, 0.65fr) minmax(90px, 1fr) auto;
    align-items: center;
    gap: 0.6rem;
    min-height: 42px;
    padding: 0.55rem 0.65rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
}

.public-landing__demo-controls span {
    color: #cbd5e1;
    font-size: 0.82rem;
    font-weight: 850;
}

.public-landing__demo-controls strong {
    color: #ffffff;
    font-size: 0.84rem;
    font-weight: 900;
    text-align: right;
}

.public-landing__demo-controls input[type="range"] {
    width: 100%;
    min-height: 44px;
    accent-color: #60a5fa;
    cursor: pointer;
}

.public-landing__demo-card ul {
    padding-left: 1rem;
}

.public-landing__demo-card dl div,
.public-landing__blueprint-preview,
.public-landing__report-preview span {
    display: grid;
    gap: 0.2rem;
    padding: 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
}

.public-landing__blueprint-preview {
    border-color: rgba(250, 204, 21, 0.24);
}

.public-landing__blueprint-preview strong {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 900;
}

.public-landing__blueprint-preview p {
    color: #f3f4f6;
}

.public-landing__blueprint-preview span {
    color: #facc15;
    font-size: 0.86rem;
    font-weight: 850;
}

.public-landing__demo-card dt {
    color: #cbd5e1;
    font-size: 0.84rem;
    font-weight: 800;
}

.public-landing__demo-card dd {
    margin: 0;
    color: #ffffff;
    font-size: 1.15rem;
    font-weight: 900;
}

.public-landing__demo-card a {
    align-self: end;
    justify-self: start;
    border-color: rgba(250, 204, 21, 0.35);
    background: rgba(250, 204, 21, 0.1);
}

.public-landing__status-board,
.public-landing__report-preview {
    display: grid;
    gap: 0.7rem;
}

.public-landing__status-board span {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 42px;
    overflow: hidden;
    padding: 0 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    color: #ffffff;
    font-weight: 850;
}

.public-landing__status-board span::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: var(--progress);
    background: linear-gradient(90deg, rgba(96, 165, 250, 0.42), rgba(167, 243, 208, 0.2));
    content: "";
}

.public-landing__status-board span {
    isolation: isolate;
}

.public-landing__report-preview span {
    color: #ffffff;
    font-weight: 850;
}

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

.public-landing__actors article > .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(96, 165, 250, 0.34);
    border-radius: 8px;
    color: #60a5fa;
}

.public-landing__proof-band {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    border-color: rgba(96, 165, 250, 0.3);
}

.public-landing__proof-band div {
    display: grid;
    gap: 0.75rem;
}

.proposal-landing-draft {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.72fr);
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid rgba(250, 204, 21, 0.34);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(250, 204, 21, 0.12), rgba(96, 165, 250, 0.1)),
        rgba(31, 35, 41, 0.96);
}

.proposal-landing-draft h3,
.proposal-landing-draft p,
.proposal-landing-draft dl {
    margin: 0;
}

.proposal-landing-draft h3 {
    margin-top: 0.55rem;
    color: #ffffff;
    font-size: 1.35rem;
    font-weight: 950;
}

.proposal-landing-draft p {
    margin-top: 0.45rem;
    color: #d1d5db;
    line-height: 1.5;
}

.proposal-landing-draft dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.proposal-landing-draft dl div {
    display: grid;
    gap: 0.2rem;
    min-height: 64px;
    padding: 0.65rem 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.5);
}

.proposal-landing-draft dt {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.proposal-landing-draft dd {
    margin: 0;
    color: #ffffff;
    font-weight: 950;
}

@media (max-width: 860px) {
    .public-landing {
        gap: 1.35rem;
    }

    .public-landing__nav {
        align-items: flex-start;
        flex-direction: column;
        min-height: 0;
        padding: 0.75rem 0;
    }

    .public-landing__nav div a[href^="#"] {
        display: none;
    }

    .public-landing__hero {
        grid-template-columns: 1fr;
        min-height: min(560px, calc(100vh - 120px));
        padding: 1.25rem;
        background:
            linear-gradient(180deg, rgba(27, 28, 30, 0.95) 0%, rgba(27, 28, 30, 0.74) 58%, rgba(27, 28, 30, 0.22) 100%),
            url('/images/branding-mockups/venue-loadout-mobile-banner.png') center / cover no-repeat;
    }

    .public-landing h1 {
        font-size: clamp(2.25rem, 10vw, 2.45rem);
        line-height: 1;
    }

    .public-landing__hero-copy p {
        font-size: 1rem;
    }

    .public-landing__actions a {
        width: 100%;
    }

    .public-landing__trust-strip span:nth-child(n+3),
    .public-landing__gateway {
        display: none;
    }

    .public-landing__demo-grid,
    .public-landing__actors,
    .public-landing__proof-band {
        grid-template-columns: 1fr;
    }

    .public-landing__demo-card {
        min-height: 0;
    }

    .public-landing__demo-controls label {
        grid-template-columns: 1fr;
    }

    .public-landing__demo-controls strong {
        text-align: left;
    }

    .public-landing__proof-band > a {
        width: 100%;
        justify-content: center;
    }

    .proposal-landing-draft,
    .proposal-landing-draft dl {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 861px) and (max-width: 1180px) {
    .public-landing__demo-grid,
    .public-landing__actors {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Refined provider comparison workspace: approved desktop proposal states. */
.photo-video-requirements--review {
    background:
        radial-gradient(circle at 72% 18%, rgba(59, 130, 246, 0.055), transparent 36rem),
        #0d1117;
}

.photo-video-requirements--review .photo-video-requirements__topbar {
    min-height: 76px;
    padding-inline: clamp(1.5rem, 3vw, 3.25rem);
    border-bottom-color: rgba(148, 163, 184, 0.2);
    background: rgba(9, 13, 18, 0.96);
}

.photo-video-requirements--review .photo-video-requirements__topbar .audience-page__brand {
    flex: 0 0 auto;
}

.photo-video-requirements--review
    .photo-video-requirements__topbar
    .audience-page__brand-mark.hivesync-logo--lockup {
    --hivesync-logo-lockup-width: 10.75rem;
}

.photo-video-requirements__brand-context {
    max-width: min(36rem, 42vw);
    margin-right: auto;
    padding-left: 1.4rem;
    border-left: 1px solid rgba(148, 163, 184, 0.4);
    color: #f8fafc;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.photo-video-requirements--review .photo-video-requirements__topbar .audience-page__nav-links {
    flex: 0 1 auto;
    min-width: 0;
}

.photo-video-requirements--review
    .photo-video-requirements__topbar
    .audience-page__nav-links
    a:last-child {
    padding: 0.65rem 1rem;
    border: 1px solid rgba(148, 163, 184, 0.45);
    border-radius: 6px;
}

.photo-video-requirements--review .photo-video-requirements__shell {
    gap: 1rem;
    width: min(100rem, calc(100% - clamp(2rem, 7vw, 7rem)));
    padding-top: 1.75rem;
}

.photo-video-requirements--review .photo-video-requirements__response-review-hero {
    gap: 0.35rem;
    padding: 0 0 0.35rem;
}

.photo-video-requirements--review .photo-video-requirements__response-review-hero h1 {
    max-width: 70rem;
    font-size: clamp(2.2rem, 3.4vw, 3.25rem);
}

.photo-video-requirements--review .photo-video-requirements__response-review-hero p {
    color: #aeb6c2;
    font-size: 1rem;
}

.photo-video-requirements--review .photo-video-requirements__response-workspace {
    gap: 1.15rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.photo-video-requirements--review .photo-video-requirements__response-view-tabs {
    gap: 1.2rem;
}

.photo-video-requirements--review
    .photo-video-requirements__response-view-tabs
    button {
    gap: 0.25rem;
    padding-inline: 1rem;
    color: #aeb6c2;
    font-size: 0.95rem;
}

.photo-video-requirements--review
    .photo-video-requirements__response-view-tabs
    button.is-active {
    color: #60a5fa;
}

.photo-video-requirements--review
    .photo-video-requirements__response-view-tabs
    button
    > span,
.photo-video-requirements--review
    .photo-video-requirements__response-view-tabs
    button.is-active
    > span {
    display: inline;
    min-width: 0;
    min-height: 0;
    padding: 0;
    background: transparent;
    color: inherit;
    font-size: inherit;
}

.photo-video-requirements--review .photo-video-requirements__response-help {
    border-color: rgba(148, 163, 184, 0.2);
    background: rgba(17, 23, 31, 0.66);
}

.photo-video-requirements--review
    .photo-video-requirements__response-help
    summary
    .oi-question-mark {
    display: grid;
    place-items: center;
    width: 1.65rem;
    height: 1.65rem;
    border: 2px solid #facc15;
    border-radius: 50%;
    color: #facc15;
}

.photo-video-requirements--review .photo-video-requirements__response-card-grid {
    gap: 1.25rem;
    margin-top: 0;
}

.photo-video-requirements--review .photo-video-requirements__response-summary-card {
    gap: 0;
    padding: 1.35rem 1.4rem 1.2rem;
    border-color: rgba(148, 163, 184, 0.28);
    border-radius: 10px;
    background: rgba(19, 25, 33, 0.72);
}

.photo-video-requirements--review .photo-video-requirements__response-summary-card header {
    gap: 1rem;
    padding-bottom: 1rem;
}

.photo-video-requirements--review
    .photo-video-requirements__response-summary-card
    header
    > span:last-child
    > span:first-child {
    display: flex;
    gap: 0.65rem;
    align-items: center;
}

.photo-video-requirements--review .photo-video-requirements__response-summary-card h3 {
    font-size: 1.35rem;
}

.photo-video-requirements--review .photo-video-requirements__provider-avatar {
    width: 4.25rem;
    height: 4.25rem;
    border-color: #60a5fa;
    border-radius: 50%;
    background: linear-gradient(145deg, #3b82f6, #0757b9);
    color: #ffffff;
    font-size: 1.25rem;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

.photo-video-requirements--review
    .photo-video-requirements__response-summary-card
    .photo-video-requirements__response-comparison {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
}

.photo-video-requirements--review
    .photo-video-requirements__response-summary-card
    .photo-video-requirements__response-comparison
    > div,
.photo-video-requirements--review
    .photo-video-requirements__response-summary-card
    .photo-video-requirements__response-comparison
    > div:last-child {
    display: grid;
    grid-template-columns: minmax(12rem, 0.58fr) minmax(0, 0.42fr);
    grid-column: auto;
    min-height: 52px;
    padding: 0.72rem 0.3rem;
    border: 0;
    border-top: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 0;
    background: transparent;
}

.photo-video-requirements--review
    .photo-video-requirements__response-summary-card
    .photo-video-requirements__response-comparison
    dt {
    color: #f1f5f9;
    font-size: 0.82rem;
    text-transform: none;
}

.photo-video-requirements--review
    .photo-video-requirements__response-summary-card
    .photo-video-requirements__response-comparison
    dt
    .oi {
    width: 1.25rem;
    color: #3b82f6;
    font-size: 1.05rem;
}

.photo-video-requirements--review
    .photo-video-requirements__response-summary-card
    .photo-video-requirements__response-comparison
    dd {
    margin: 0;
    color: #aeb6c2;
    text-align: right;
}

.photo-video-requirements--review .photo-video-requirements__response-card-actions {
    gap: 1rem;
    padding-top: 1rem;
}

.photo-video-requirements--review
    .photo-video-requirements__response-card-actions
    .admin-command-button {
    border-color: #3b82f6;
}

.photo-video-requirements__response-selection-rail {
    display: grid;
    grid-template-columns: auto minmax(15rem, 1fr) minmax(12rem, auto) auto;
    gap: 1.1rem;
    align-items: center;
    margin: 1.35rem calc(-1 * clamp(1rem, 2vw, 2rem)) -0.25rem;
    padding: 1.2rem clamp(1rem, 2vw, 2rem);
    border-top: 1px solid rgba(148, 163, 184, 0.22);
    background: rgba(17, 23, 31, 0.78);
}

.photo-video-requirements__response-selection-lock {
    display: grid;
    place-items: center;
    width: 3.3rem;
    height: 3.3rem;
    border-radius: 50%;
    background: rgba(148, 163, 184, 0.13);
    color: #9ca3af;
}

.photo-video-requirements__response-selection-rail > span:nth-child(2) {
    display: grid;
    gap: 0.15rem;
}

.photo-video-requirements__response-selection-rail strong {
    color: #ffffff;
    font-size: 1rem;
}

.photo-video-requirements__response-selection-rail small,
.photo-video-requirements__response-selection-rail > span:nth-child(3) {
    color: #9ca3af;
    font-size: 0.82rem;
}

.photo-video-requirements__response-selection-rail .admin-command-button:disabled {
    min-width: 14rem;
    border-color: rgba(148, 163, 184, 0.18);
    background: rgba(148, 163, 184, 0.12);
    color: #6b7280;
}

.photo-video-requirements--review .photo-video-requirements__response-detail-layout {
    grid-template-columns: minmax(22rem, 0.36fr) minmax(0, 0.64fr);
    gap: 0;
    border-top: 1px solid rgba(148, 163, 184, 0.2);
}

.photo-video-requirements--review .photo-video-requirements__response-provider-list,
.photo-video-requirements--review .photo-video-requirements__response-detail {
    border: 0;
    border-radius: 0;
    background: transparent;
}

.photo-video-requirements--review .photo-video-requirements__response-provider-list {
    gap: 1rem;
    padding: 1.4rem 1.25rem 1.4rem 0;
    border-right: 1px solid rgba(148, 163, 184, 0.24);
}

.photo-video-requirements--review .photo-video-requirements__response-provider-list > button {
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 116px;
    padding: 1rem;
    border-color: rgba(148, 163, 184, 0.25);
    border-radius: 8px;
    background: rgba(17, 23, 31, 0.45);
}

.photo-video-requirements--review
    .photo-video-requirements__response-provider-list
    > button.is-active {
    border: 2px solid #3b82f6;
    background: rgba(30, 64, 175, 0.08);
    box-shadow: none;
}

.photo-video-requirements--review
    .photo-video-requirements__response-provider-list
    > button:not(.is-active)
    .photo-video-requirements__provider-avatar {
    border-color: rgba(148, 163, 184, 0.4);
    background: linear-gradient(145deg, #6b7280, #3f4650);
}

.photo-video-requirements__response-provider-summary {
    align-self: stretch;
    justify-content: center;
}

.photo-video-requirements--review
    .photo-video-requirements__response-provider-list
    > button
    strong {
    font-size: 1.05rem;
}

.photo-video-requirements--review
    .photo-video-requirements__response-provider-list
    > button
    small {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 0.8rem;
    align-items: center;
    color: #f1f5f9;
    font-size: 0.82rem;
}

.photo-video-requirements--review
    .photo-video-requirements__response-provider-list
    > button
    small
    > span {
    padding-right: 0.8rem;
    border-right: 1px solid rgba(148, 163, 184, 0.3);
}

.photo-video-requirements--review
    .photo-video-requirements__response-provider-list
    > button
    small
    > span:last-child {
    padding-right: 0;
    border-right: 0;
    color: #3b82f6;
}

.photo-video-requirements--review .photo-video-requirements__response-detail {
    gap: 0;
    padding: 1.65rem 0 0 2.25rem;
}

.photo-video-requirements--review .photo-video-requirements__response-detail-header {
    display: block;
    padding: 0.35rem 0 0.7rem;
}

.photo-video-requirements--review
    .photo-video-requirements__response-detail-header
    > span {
    display: flex;
    gap: 0.8rem;
    align-items: center;
}

.photo-video-requirements--review .photo-video-requirements__response-detail-header h2 {
    font-size: 1.8rem;
}

.photo-video-requirements--review .photo-video-requirements__response-detail-tabs {
    gap: 0.75rem;
}

.photo-video-requirements--review
    .photo-video-requirements__response-detail-tabs
    button {
    padding-inline: 0.75rem;
    font-size: 0.9rem;
}

.photo-video-requirements--review .photo-video-requirements__response-detail-panel {
    min-height: 20rem;
    padding-top: 0.7rem;
}

.photo-video-requirements__response-detail-rows {
    margin: 0;
}

.photo-video-requirements__response-detail-rows > div {
    display: grid;
    grid-template-columns: minmax(14rem, 0.34fr) minmax(0, 0.66fr);
    gap: 1rem;
    align-items: center;
    min-height: 62px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.2);
}

.photo-video-requirements__response-detail-rows dt {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    color: #9ca3af;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

.photo-video-requirements__response-detail-rows dt .oi {
    width: 1.5rem;
    color: #3b82f6;
    font-size: 1.25rem;
}

.photo-video-requirements__response-detail-rows dd {
    margin: 0;
    color: #f8fafc;
    font-size: 0.9rem;
    overflow-wrap: anywhere;
}

.photo-video-requirements--review .photo-video-requirements__response-truth-note {
    margin-top: 0.75rem;
    padding-inline: 0.4rem;
    border: 0;
    background: transparent;
}

.photo-video-requirements--review .photo-video-requirements__response-evidence-card {
    border-color: rgba(148, 163, 184, 0.22);
    background: rgba(17, 23, 31, 0.56);
}

.photo-video-requirements--review
    .photo-video-requirements__response-evidence-card
    .photo-video-requirements__provider-avatar {
    width: 3.25rem;
    height: 3.25rem;
    background: transparent;
    color: #3b82f6;
}

.photo-video-requirements__unverified-dot {
    display: inline-block;
    width: 0.55rem;
    height: 0.55rem;
    margin-right: 0.45rem;
    border-radius: 50%;
    background: #facc15;
}

.photo-video-requirements--review .photo-video-requirements__response-evidence-boundary {
    gap: 0;
    padding: 0;
    border-color: rgba(148, 163, 184, 0.22);
    background: rgba(17, 23, 31, 0.45);
}

.photo-video-requirements--review
    .photo-video-requirements__response-evidence-boundary
    > .status-pill {
    margin: 0.7rem 0.8rem 0;
}

.photo-video-requirements__response-evidence-checks {
    display: grid;
}

.photo-video-requirements__response-evidence-checks > span {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
}

.photo-video-requirements__response-evidence-checks > span > .oi {
    color: #3b82f6;
    font-size: 1.25rem;
}

.photo-video-requirements__response-evidence-checks > span > span {
    display: grid;
    gap: 0.15rem;
}

.photo-video-requirements__response-evidence-checks strong {
    color: #f8fafc;
    font-size: 0.86rem;
}

.photo-video-requirements__response-evidence-checks small {
    color: #aeb6c2;
    font-size: 0.78rem;
    line-height: 1.4;
}

.photo-video-requirements__portfolio-warning {
    display: flex;
    gap: 0.65rem;
    align-items: center;
    margin: 0.65rem 0 0;
    padding: 0.7rem 1rem;
    border: 1px solid #d5a500;
    border-radius: 6px;
    color: #facc15;
    font-size: 0.82rem;
}

.photo-video-requirements--review .photo-video-requirements__response-action-rail {
    grid-template-columns: minmax(0, auto) minmax(12rem, 1fr);
    margin: 1rem 0 0 -2.25rem;
    padding: 1.25rem 0 1.25rem 2.25rem;
    border-width: 1px 0 0;
    border-color: rgba(148, 163, 184, 0.22);
    border-radius: 0;
    background: rgba(17, 23, 31, 0.56);
}

.photo-video-requirements--review
    .photo-video-requirements__response-action-rail
    > div {
    justify-content: start;
}

.photo-video-requirements--review
    .photo-video-requirements__response-action-rail
    > span {
    align-content: center;
}

.photo-video-requirements--review
    .photo-video-requirements__response-action-rail
    > span
    > strong {
    color: #aeb6c2;
    font-size: 0.78rem;
    font-weight: 500;
}

.photo-video-requirements__shortlist-facts {
    display: flex;
    gap: 0;
    margin: 0.4rem 0 0.8rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.22);
}

.photo-video-requirements__shortlist-facts > div {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    min-width: 0;
    padding-inline: 0.8rem;
    border-right: 1px solid rgba(148, 163, 184, 0.25);
}

.photo-video-requirements__shortlist-facts > div:first-child {
    padding-left: 0;
}

.photo-video-requirements__shortlist-facts > div:last-child {
    border-right: 0;
}

.photo-video-requirements__shortlist-facts dt {
    color: #aeb6c2;
}

.photo-video-requirements__shortlist-facts dd {
    margin: 0;
    color: #cbd5e1;
    font-size: 0.78rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.photo-video-requirements__response-ready-card {
    display: grid;
    grid-template-columns: 3.5rem minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    padding: 1.5rem;
    border: 1px solid #3b82f6;
    border-radius: 8px;
    background: rgba(37, 99, 235, 0.1);
}

.photo-video-requirements__response-ready-card > .oi {
    display: grid;
    place-items: center;
    width: 3.2rem;
    height: 3.2rem;
    border: 1px solid #60a5fa;
    border-radius: 50%;
    color: #dbeafe;
    font-size: 1.25rem;
}

.photo-video-requirements__response-ready-card > span:last-child {
    display: grid;
    gap: 0.2rem;
}

.photo-video-requirements__response-ready-card strong {
    color: #ffffff;
    font-size: 1.08rem;
}

.photo-video-requirements__response-ready-card span,
.photo-video-requirements__response-ready-card small {
    color: #cbd5e1;
    font-size: 0.84rem;
}

.photo-video-requirements--review
    .photo-video-requirements__response-detail-layout.is-shortlisted-focus {
    grid-template-columns: minmax(0, 1fr) minmax(19rem, 0.29fr);
    gap: 1.5rem;
    border-top: 0;
}

.photo-video-requirements--review
    .photo-video-requirements__response-detail-layout.is-shortlisted-focus
    .photo-video-requirements__response-provider-list {
    grid-column: 2;
    padding: 0;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 8px;
}

.photo-video-requirements--review
    .photo-video-requirements__response-detail-layout.is-shortlisted-focus
    .photo-video-requirements__response-provider-list
    > button {
    display: none;
}

.photo-video-requirements--review
    .photo-video-requirements__response-detail-layout.is-shortlisted-focus
    .photo-video-requirements__response-peer {
    margin: 0;
    padding: 1.25rem;
    border: 0;
    background: transparent;
}

.photo-video-requirements__response-peer-name {
    display: flex;
    gap: 0.8rem;
    align-items: center;
}

.photo-video-requirements--review
    .photo-video-requirements__response-peer
    .photo-video-requirements__provider-avatar {
    width: 3.25rem;
    height: 3.25rem;
    border-color: rgba(148, 163, 184, 0.4);
    background: linear-gradient(145deg, #6b7280, #3f4650);
    font-size: 1rem;
}

.photo-video-requirements--review .photo-video-requirements__response-peer > small {
    display: block;
    padding: 1rem 0;
    border-top: 1px solid rgba(148, 163, 184, 0.22);
    color: #cbd5e1;
    font-size: 0.86rem;
    -webkit-line-clamp: initial;
}

.photo-video-requirements--review
    .photo-video-requirements__response-detail-layout.is-shortlisted-focus
    .photo-video-requirements__response-detail {
    grid-column: 1;
    grid-row: 1;
    padding: 1.5rem;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 8px;
    background: rgba(17, 23, 31, 0.45);
}

.photo-video-requirements--review
    .photo-video-requirements__response-detail-layout.is-shortlisted-focus
    .photo-video-requirements__response-action-rail {
    margin: 1.2rem -1.5rem -1.5rem;
    padding: 1.25rem 1.5rem;
}

.photo-video-requirements--review .photo-video-requirements__response-footer-boundary {
    display: none;
}

@media (max-width: 1100px) {
    .photo-video-requirements--review .photo-video-requirements__response-detail-layout,
    .photo-video-requirements--review
        .photo-video-requirements__response-detail-layout.is-shortlisted-focus {
        grid-template-columns: minmax(0, 1fr);
    }

    .photo-video-requirements--review
        .photo-video-requirements__response-detail-layout.is-shortlisted-focus
        :is(.photo-video-requirements__response-provider-list, .photo-video-requirements__response-detail) {
        grid-column: 1;
        grid-row: auto;
    }

    .photo-video-requirements--review .photo-video-requirements__response-provider-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 1rem 0;
        border-right: 0;
        border-bottom: 1px solid rgba(148, 163, 184, 0.24);
    }

    .photo-video-requirements--review .photo-video-requirements__response-detail {
        padding-left: 0;
    }

    .photo-video-requirements--review .photo-video-requirements__response-action-rail {
        margin-left: 0;
        padding-left: 0;
    }
}

@media (max-width: 760px) {
    .photo-video-requirements__brand-context {
        display: none;
    }

    .photo-video-requirements--review .photo-video-requirements__shell {
        width: min(100% - 1.5rem, 100rem);
    }

    .photo-video-requirements--review .photo-video-requirements__response-card-grid,
    .photo-video-requirements--review .photo-video-requirements__response-provider-list {
        grid-template-columns: minmax(0, 1fr);
    }

    .photo-video-requirements__response-selection-rail {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .photo-video-requirements__response-selection-rail > span:nth-child(3),
    .photo-video-requirements__response-selection-rail .admin-command-button {
        grid-column: 1 / -1;
    }

    .photo-video-requirements__response-selection-rail .admin-command-button {
        width: 100%;
    }

    .photo-video-requirements--review
        .photo-video-requirements__response-summary-card
        .photo-video-requirements__response-comparison
        > div,
    .photo-video-requirements__response-detail-rows > div,
    .photo-video-requirements--review .photo-video-requirements__response-action-rail {
        grid-template-columns: minmax(0, 1fr);
    }

    .photo-video-requirements--review
        .photo-video-requirements__response-summary-card
        .photo-video-requirements__response-comparison
        dd {
        margin-top: 0.3rem;
        text-align: left;
    }

    .photo-video-requirements__shortlist-facts {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.6rem;
    }

    .photo-video-requirements__shortlist-facts > div {
        padding: 0;
        border-right: 0;
    }
}

.admin-status-icon {
    width: 1rem;
    min-width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.admin-branding-authority-notice {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
    padding: 0.8rem;
    border: 1px solid rgba(251, 191, 36, 0.38);
    border-radius: 8px;
    background: rgba(120, 53, 15, 0.18);
    color: #fde68a;
}

.admin-branding-authority-notice > svg {
    width: 1.35rem;
    height: 1.35rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.admin-branding-authority-notice strong,
.admin-branding-authority-notice p {
    margin: 0;
}

.admin-branding-authority-notice p {
    margin-top: 0.25rem;
    color: #d6c9ae;
    font-size: 0.78rem;
    line-height: 1.4;
}

.admin-workspace--branding-review .admin-branding-safety article .status-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    white-space: nowrap;
}

.admin-workspace--branding-review .admin-branding-safety article > div small {
    display: block;
    margin-top: 0.35rem;
    color: #93a4ba;
    font-size: 0.68rem;
    line-height: 1.35;
}

@media (min-width: 1181px) {
    .admin-workspace--branding-review .admin-branding-safety {
        grid-template-rows: auto;
        grid-auto-rows: minmax(132px, auto);
        align-content: start;
    }

    .admin-workspace--branding-review .admin-branding-safety article {
        min-height: 132px;
        height: auto;
        overflow: visible;
    }
}

@media (min-width: 1181px) and (max-height: 760px) {
    .admin-workspace--branding-review .admin-branding-review-queue__item {
        min-height: 104px;
        grid-template-rows: auto auto minmax(24px, auto);
        gap: 0.3rem 0.65rem;
        padding-block: 0.65rem;
        align-content: start;
        overflow: visible;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__item .status-pill {
        min-height: 24px;
        align-self: start;
        margin-bottom: 0.1rem;
        line-height: 1.2;
    }
}

.public-landing--cockpit {
    gap: 0.1rem;
    padding: 0 clamp(0.85rem, 2vw, 2rem) 1.15rem;
    background:
        radial-gradient(circle at 72% 12%, rgba(96, 165, 250, 0.12), transparent 28rem),
        radial-gradient(circle at 12% 34%, rgba(255, 215, 0, 0.13), transparent 26rem),
        linear-gradient(180deg, rgba(3, 7, 11, 0.96), rgba(9, 14, 19, 0.98) 46%, #070b0f 100%),
        url('/images/branding-mockups/venue-loadout-banner-wide.png') center top / 100% auto no-repeat;
    color: #ffffff;
}

.public-landing--cockpit .public-landing__topbar {
    position: sticky;
    top: 0;
    z-index: 5;
    display: grid;
    grid-template-columns: minmax(154px, 0.34fr) minmax(0, 1fr) minmax(108px, auto);
    align-items: center;
    gap: 1rem;
    min-height: 72px;
    padding: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    background: rgba(3, 7, 11, 0.84);
    backdrop-filter: blur(18px);
}

.public-landing--cockpit .public-landing__brand,
.public-landing--cockpit .public-landing__signin,
.public-landing--cockpit .public-landing__nav-link,
.public-landing--cockpit .public-landing__hero-actions a,
.public-landing--cockpit .public-landing__auth-options a,
.public-landing--cockpit .public-landing__auth-plan-link,
.public-landing--cockpit .public-landing__report-preview a,
.public-landing--cockpit .public-landing__monetize-panel a,
.public-landing--cockpit .public-landing__workflow-card a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-height: 44px;
    color: #ffffff;
    font-weight: 800;
    text-decoration: none;
}

.public-landing--cockpit .public-landing__brand {
    justify-content: flex-start;
    gap: 0.55rem;
    color: #ffffff;
    font-size: 1.36rem;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: 0;
}

.public-landing--cockpit .public-landing__brand-mark {
    display: grid;
    grid-template-columns: repeat(3, 10px);
    grid-template-rows: repeat(2, 10px);
    gap: 3px;
    flex: 0 0 42px;
    width: 42px;
    height: 34px;
    padding: 2px 0;
}

.public-landing--cockpit .public-landing__brand-mark span {
    width: 10px;
    height: 10px;
    border: 2px solid #ffd700;
    border-radius: 4px;
    transform: rotate(30deg);
}

.public-landing--cockpit .public-landing__brand-mark span:nth-child(4),
.public-landing--cockpit .public-landing__brand-mark span:nth-child(5),
.public-landing--cockpit .public-landing__brand-mark span:nth-child(6) {
    transform: translateX(7px) rotate(30deg);
}

.public-landing--cockpit .public-landing__nav-links {
    display: flex;
    justify-content: center;
    gap: clamp(0.6rem, 2vw, 1.95rem);
    min-width: 0;
}

.public-landing--cockpit .public-landing__nav-link {
    padding: 0 0.2rem;
    border: 0;
    background: transparent;
    color: #f8fafc;
}

.public-landing--cockpit .public-landing__nav-link--active {
    color: #ffd700;
}

.public-landing--cockpit .public-landing__signin {
    min-width: 108px;
    padding: 0 1rem;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.03);
}

.public-landing__first-viewport {
    display: grid;
    grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.34fr) minmax(260px, 0.58fr);
    gap: 0.55rem;
    align-items: stretch;
    min-height: 0;
}

.public-landing__hero-panel,
.public-landing__demo-cockpit,
.public-landing__auth-card,
.public-landing__workflow-card,
.public-landing__trust-row article,
.public-landing__trust-row a {
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(15, 23, 32, 0.78), rgba(4, 8, 12, 0.74)),
        rgba(7, 11, 15, 0.9);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
    min-width: 0;
}

.public-landing__hero-panel {
    position: relative;
    display: grid;
    align-content: start;
    gap: 0.58rem;
    overflow: hidden;
    padding: clamp(0.62rem, 1vw, 0.85rem) clamp(0.38rem, 0.65vw, 0.58rem);
    border-color: transparent;
    box-shadow: none;
    background:
        linear-gradient(90deg, rgba(3, 7, 11, 0.94) 0%, rgba(3, 7, 11, 0.68) 48%, rgba(3, 7, 11, 0.22) 100%),
        linear-gradient(0deg, rgba(3, 7, 11, 0.52) 0%, rgba(3, 7, 11, 0.18) 40%, transparent 76%),
        url('/images/branding-mockups/preproduction-cockpit-hero-v2.png') 62% 54% / cover no-repeat;
}

.public-landing__hero-panel > .status-pill {
    margin-top: 4.35rem;
}

.public-landing__hero-panel::after {
    position: absolute;
    inset: auto 0 0 0;
    height: 38%;
    background: linear-gradient(0deg, rgba(3, 7, 11, 0.66), transparent);
    content: "";
    pointer-events: none;
}

.public-landing__hero-panel > * {
    position: relative;
    z-index: 1;
}

.public-landing__production-props {
    display: none;
}

.public-landing__production-props span {
    position: absolute;
    display: block;
}

.public-landing__prop-camera {
    left: 0;
    bottom: 0.15rem;
    width: 118px;
    height: 72px;
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px 12px 9px 9px;
    background:
        radial-gradient(circle at 50% 54%, rgba(3, 7, 11, 0.9) 0 15px, rgba(255, 255, 255, 0.28) 16px 19px, transparent 20px),
        linear-gradient(180deg, rgba(20, 27, 36, 0.95), rgba(3, 7, 11, 0.96));
    box-shadow: 0 18px 28px rgba(0, 0, 0, 0.38);
}

.public-landing__prop-camera::before {
    position: absolute;
    top: -14px;
    left: 14px;
    width: 30px;
    height: 14px;
    border-radius: 7px 7px 0 0;
    background: rgba(20, 27, 36, 0.95);
    content: "";
}

.public-landing__prop-estimate {
    right: 0;
    bottom: 0;
    width: 158px;
    height: 110px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 4px;
    background:
        repeating-linear-gradient(180deg, rgba(17, 24, 39, 0.08) 0 9px, rgba(17, 24, 39, 0.24) 10px 11px),
        linear-gradient(180deg, rgba(229, 231, 235, 0.82), rgba(203, 213, 225, 0.72));
    transform: rotate(-7deg);
    box-shadow: 0 18px 28px rgba(0, 0, 0, 0.34);
}

.public-landing__prop-mug {
    right: 82px;
    bottom: 0.45rem;
    width: 52px;
    height: 60px;
    border: 2px solid rgba(255, 215, 0, 0.36);
    border-radius: 0 0 14px 14px;
    background: rgba(3, 7, 11, 0.72);
    box-shadow: inset 0 -16px 0 rgba(255, 215, 0, 0.08);
}

.public-landing__prop-mug::after {
    position: absolute;
    top: 10px;
    right: -16px;
    width: 16px;
    height: 20px;
    border: 2px solid rgba(255, 215, 0, 0.32);
    border-left: 0;
    border-radius: 0 10px 10px 0;
    content: "";
}

.public-landing__media-strip {
    position: absolute;
    top: 0.4rem;
    left: 0.4rem;
    right: 0.4rem;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.45rem;
    opacity: 0.7;
}

.public-landing__media-strip span {
    height: 56px;
    border: 1px solid rgba(255, 215, 0, 0.22);
    border-radius: 4px;
    background:
        linear-gradient(145deg, rgba(255, 215, 0, 0.08), rgba(3, 7, 11, 0.26)),
        url('/images/branding-mockups/preproduction-cockpit-hero-v2.png') center / 340% auto no-repeat,
        linear-gradient(180deg, rgba(15, 23, 42, 0.88), rgba(3, 7, 11, 0.86));
}

.public-landing__media-strip span:nth-child(1) {
    background-position: center, 78% center, center;
}

.public-landing__media-strip span:nth-child(2) {
    background-position: center, 84% center, center;
}

.public-landing__media-strip span:nth-child(3) {
    background-position: center, 90% center, center;
}

.public-landing__media-strip span:nth-child(4) {
    background-position: center, 96% center, center;
}

.public-landing__media-strip span:nth-child(5) {
    background-position: center, right center, center;
}

.public-landing--cockpit h1 {
    max-width: 560px;
    font-size: 3.42rem;
    font-weight: 950;
    line-height: 1.02;
    letter-spacing: 0;
    overflow-wrap: break-word;
}

.public-landing--cockpit h1 span {
    display: block;
}

.public-landing__hero-panel > p {
    max-width: 390px;
    color: #e5e7eb;
    font-size: clamp(0.98rem, 1.1vw, 1.08rem);
    line-height: 1.38;
}

.public-landing__hero-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.45rem;
    max-width: 430px;
}

.public-landing--cockpit .public-landing__hero-actions a {
    gap: 0.4rem;
    padding-inline: 0.65rem;
    font-size: 0.8rem;
}

.public-landing--cockpit .public-landing__hero-actions .admin-command-button {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
    border-color: rgba(37, 99, 235, 0.85);
    background: linear-gradient(135deg, #0f62fe, #1d4ed8);
    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.28);
    line-height: 1.12;
    text-align: center;
    white-space: normal;
}

.public-landing--cockpit .public-landing__hero-actions a:not(.admin-command-button) {
    width: 100%;
    min-width: 0;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 8px;
    background: rgba(3, 7, 11, 0.58);
    line-height: 1.12;
    text-align: center;
    white-space: normal;
}

.public-landing__value-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.52rem;
    margin-top: 0.2rem;
}

.public-landing__value-grid article {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 0.52rem;
    align-items: start;
}

.public-landing__value-grid strong,
.public-landing__trust-row strong {
    display: block;
    color: #ffffff;
    font-size: 0.84rem;
    font-weight: 900;
}

.public-landing__value-grid p,
.public-landing__trust-row p {
    margin-top: 0.12rem;
    color: #d1d5db;
    font-size: 0.7rem;
    line-height: 1.25;
}

.public-landing__value-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    font-weight: 950;
}

.public-landing__value-icon--gold {
    border: 2px solid #ffd700;
    color: #ffd700;
}

.public-landing__value-icon--blue {
    border: 2px solid #60a5fa;
    color: #60a5fa;
}

.public-landing__value-icon--green {
    border: 2px solid #00e676;
    color: #00e676;
}

.public-landing__demo-cockpit {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    gap: 0.38rem;
    padding: 0.52rem;
    background:
        linear-gradient(180deg, rgba(10, 18, 24, 0.92), rgba(4, 8, 12, 0.88)),
        rgba(6, 12, 16, 0.9);
}

.public-landing__cockpit-header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.7rem;
    align-items: center;
    min-height: 36px;
}

.public-landing__cockpit-header > div {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: #ffffff;
}

.public-landing__cockpit-header p,
.public-landing__cockpit-header label span,
.public-landing__monetize-panel p,
.public-landing__creator-line,
.public-landing__blueprint-notes h3 span,
.public-landing__locked-note {
    color: #9ca3af;
    font-size: 0.76rem;
}

.public-landing__cockpit-header label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.public-landing__cockpit-header select {
    min-height: 44px;
    padding: 0 2rem 0 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.26);
    border-radius: 6px;
    background: rgba(15, 23, 42, 0.72);
    color: #ffffff;
}

.public-landing__cockpit-tabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.45rem;
}

.public-landing__cockpit-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    min-height: 44px;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 6px;
    background: rgba(15, 23, 42, 0.52);
    color: #ffffff;
    font: inherit;
    font-weight: 900;
}

.public-landing__cockpit-tab--blue .oi {
    color: #60a5fa;
}

.public-landing__cockpit-tab--gold {
    border-color: rgba(255, 215, 0, 0.75);
    color: #ffd700;
}

.public-landing__cockpit-tab--green .oi {
    color: #00e676;
}

.public-landing__cockpit-tab--active {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: inset 0 0 0 1px currentColor, 0 10px 24px rgba(0, 0, 0, 0.22);
}

.public-landing__demo-readout {
    display: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.45rem;
}

.public-landing__demo-readout article {
    display: grid;
    gap: 0.28rem;
    min-height: 74px;
    padding: 0.5rem 0.6rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.04);
}

.public-landing__demo-readout .status-pill {
    justify-self: start;
}

.public-landing__demo-readout h3 {
    margin: 0;
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 900;
}

.public-landing__demo-readout p {
    margin: 0;
    color: #d1d5db;
    font-size: 0.7rem;
    line-height: 1.25;
}

.public-landing__cockpit-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(204px, 0.42fr);
    grid-template-rows: auto auto;
    gap: 0.42rem;
    min-height: 0;
}

.public-landing__blueprint-card,
.public-landing__execution-demo,
.public-landing__preview-matrix,
.public-landing__blueprint-notes,
.public-landing__monetize-panel {
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 8px;
    background: rgba(7, 12, 18, 0.72);
}

.public-landing__blueprint-card {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 0.66rem;
    padding: 0.62rem;
    background:
        linear-gradient(135deg, rgba(15, 23, 32, 0.86), rgba(5, 9, 13, 0.76)),
        rgba(7, 12, 18, 0.78);
}

.public-landing__blueprint-media,
.public-landing__storefront-thumb {
    position: relative;
    overflow: hidden;
    min-height: 132px;
    border: 1px solid rgba(255, 215, 0, 0.18);
    border-radius: 6px;
    background:
        linear-gradient(180deg, rgba(3, 7, 11, 0.06), rgba(3, 7, 11, 0.42)),
        url('/images/branding-mockups/preproduction-cockpit-hero-v2.png') 74% 54% / cover no-repeat,
        linear-gradient(145deg, rgba(31, 41, 55, 0.96), rgba(3, 7, 11, 0.94));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

.public-landing__blueprint-media::before,
.public-landing__storefront-thumb::before {
    display: none;
}

.public-landing__blueprint-media::after,
.public-landing__storefront-thumb::after {
    display: none;
}

.public-landing__blueprint-card h2 {
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 900;
}

.public-landing__blueprint-card h2 span {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    margin-left: 0.35rem;
    padding: 0 0.45rem;
    border: 1px solid rgba(255, 215, 0, 0.68);
    border-radius: 6px;
    color: #ffd700;
    font-size: 0.66rem;
    text-transform: uppercase;
}

.public-landing__blueprint-card p {
    color: #d1d5db;
    font-size: 0.72rem;
}

.public-landing__creator-line .oi {
    color: #60a5fa;
}

.public-landing__chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.32rem;
    margin-top: 0.28rem;
}

.public-landing__chip-row span {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 0.55rem;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 6px;
    color: #f8fafc;
    font-size: 0.76rem;
}

.public-landing__execution-demo {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.32rem;
    align-items: start;
    padding: 0.35rem;
}

.public-landing__execution-demo h3 {
    margin: 0.18rem 0 0;
    color: #ffffff;
    font-size: 0.74rem;
    font-weight: 950;
    line-height: 1.15;
}

.public-landing__execution-demo p {
    display: none;
    margin: 0.25rem 0 0;
    color: #d1d5db;
    font-size: 0.72rem;
    line-height: 1.32;
}

.public-landing__execution-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.26rem;
}

.public-landing__execution-step {
    display: grid;
    gap: 0.18rem;
    min-height: 54px;
    padding: 0.32rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.035);
    color: #e5e7eb;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.public-landing__execution-step--blue {
    border-color: rgba(96, 165, 250, 0.36);
}

.public-landing__execution-step--green {
    border-color: rgba(57, 255, 20, 0.3);
}

.public-landing__execution-step--complete {
    background: rgba(57, 255, 20, 0.055);
    box-shadow: inset 0 0 0 1px rgba(155, 229, 100, 0.22);
}

.public-landing__execution-step span {
    color: #9ca3af;
    font-size: 0.62rem;
    font-weight: 950;
}

.public-landing__execution-step strong {
    color: #ffffff;
    font-size: 0.66rem;
    line-height: 1.15;
}

.public-landing__execution-step small {
    display: none;
    color: #d1d5db;
    font-size: 0.66rem;
    line-height: 1.2;
}

.public-landing__report-preview {
    display: grid;
    gap: 0.26rem;
    align-content: start;
    padding: 0.38rem;
    border: 1px solid rgba(57, 255, 20, 0.22);
    border-radius: 7px;
    background: rgba(57, 255, 20, 0.045);
}

.public-landing__report-preview > div:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.3rem;
}

.public-landing__report-preview strong {
    color: #ffffff;
    font-size: 0.68rem;
    line-height: 1.15;
}

.public-landing__report-meter {
    position: relative;
    overflow: hidden;
    display: grid;
    align-items: center;
    min-height: 18px;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.16);
}

.public-landing__report-meter span {
    position: absolute;
    inset: 0 auto 0 0;
    width: var(--progress);
    border-radius: inherit;
    background: linear-gradient(90deg, #60a5fa, #00e676);
}

.public-landing__report-meter b {
    position: relative;
    z-index: 1;
    padding-right: 0.55rem;
    color: #ffffff;
    font-size: 0.72rem;
    text-align: right;
}

.public-landing__report-preview dl {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.2rem;
    margin: 0;
}

.public-landing__report-preview dl div {
    display: grid;
    gap: 0.1rem;
}

.public-landing__report-preview dt,
.public-landing__report-preview dd {
    margin: 0;
    color: #d1d5db;
    font-size: 0.62rem;
    line-height: 1.2;
}

.public-landing__report-preview dd {
    color: #ffffff;
    font-weight: 850;
    text-align: left;
}

.public-landing--cockpit .public-landing__report-preview a,
.public-landing--cockpit .public-landing__report-export {
    min-height: 44px;
    padding: 0 0.65rem;
    border: 1px solid rgba(57, 255, 20, 0.32);
    border-radius: 6px;
    background: rgba(57, 255, 20, 0.08);
    color: #ffffff;
    font-size: 0.72rem;
    text-decoration: none;
}

.public-landing__preview-matrix {
    display: grid;
    grid-template-columns: 0.95fr 0.95fr 0.8fr;
    grid-column: 1;
    gap: 0.4rem;
    padding: 0.42rem;
    background:
        linear-gradient(180deg, rgba(11, 18, 24, 0.84), rgba(5, 9, 13, 0.76)),
        rgba(7, 12, 18, 0.74);
}

.public-landing__preview-matrix article:first-child {
    grid-column: auto;
}

.public-landing__preview-matrix article,
.public-landing__blueprint-notes article {
    display: grid;
    gap: 0.3rem;
    align-content: start;
}

.public-landing__preview-matrix article + article {
    padding-left: 0.4rem;
    border-left: 1px solid rgba(148, 163, 184, 0.16);
}

.public-landing__preview-matrix h3,
.public-landing__blueprint-notes h3,
.public-landing__monetize-panel h3 {
    margin: 0;
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 900;
}

.public-landing__preview-matrix ul,
.public-landing__blueprint-notes ul,
.public-landing__auth-benefits {
    display: grid;
    gap: 0.26rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.public-landing__preview-matrix li,
.public-landing__blueprint-notes li,
.public-landing__auth-benefits li {
    position: relative;
    padding-left: 1.15rem;
    color: #d1d5db;
    font-size: 0.7rem;
    line-height: 1.25;
}

.public-landing__preview-matrix li::before,
.public-landing__blueprint-notes li::before,
.public-landing__auth-benefits li::before {
    position: absolute;
    left: 0;
    color: #9be564;
    content: "✓";
}

.public-landing__preview-matrix dl {
    display: grid;
    gap: 0.3rem;
    margin: 0;
}

.public-landing__preview-matrix dl div {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 0.3rem;
    min-height: 27px;
    padding: 0.24rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.055);
}

.public-landing__preview-matrix dt,
.public-landing__preview-matrix dd {
    margin: 0;
    color: #d1d5db;
    font-size: 0.68rem;
}

.public-landing__preview-matrix dd span {
    float: right;
    color: #9ca3af;
}

.public-landing__preview-matrix button,
.public-landing__blueprint-notes button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: start;
    min-height: 44px;
    padding: 0 0.8rem;
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 6px;
    background: rgba(96, 165, 250, 0.08);
    color: #60a5fa;
    font-size: 0.72rem;
    font-weight: 800;
    font-family: inherit;
    text-decoration: none;
    line-height: 1.15;
    cursor: pointer;
}

.public-landing__preview-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 0.8rem;
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 6px;
    background: rgba(96, 165, 250, 0.08);
    transition: background-color 150ms ease, color 150ms ease, box-shadow 150ms ease;
}

.public-landing__preview-action--active {
    color: #ffffff !important;
    text-decoration: underline;
    text-decoration-color: rgba(96, 165, 250, 0.78);
    text-underline-offset: 0.28rem;
}

.public-landing__gear-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(40px, 1fr));
    gap: 0.34rem;
    max-width: 100%;
}

.public-landing__gear-grid span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 34px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 6px;
    background:
        radial-gradient(circle at 48% 42%, rgba(255, 255, 255, 0.12), transparent 52%),
        rgba(255, 255, 255, 0.055);
    color: #d1d5db;
}

.public-landing__blueprint-notes {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-column: 1;
    gap: 0.34rem;
    padding: 0.38rem;
}

.public-landing__blueprint-notes p {
    color: #d1d5db;
    font-size: 0.66rem;
    line-height: 1.22;
}

.public-landing__blueprint-notes .public-landing__preview-action,
.public-landing__blueprint-notes .public-landing__report-export {
    justify-self: start;
}

.public-landing__blueprint-notes .public-landing__report-export {
    display: none;
}

.public-landing__blueprint-notes .public-landing__execution-demo {
    display: none;
}

.public-landing__blueprint-notes .public-landing__execution-demo > div:first-child {
    display: none;
}

.public-landing__blueprint-notes .public-landing__execution-demo h3 {
    font-size: 0.68rem;
}

.public-landing__blueprint-notes .public-landing__execution-steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.public-landing__blueprint-notes .public-landing__execution-step {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 0.2rem;
    text-align: center;
}

.public-landing__blueprint-notes .public-landing__execution-step span {
    font-size: 0.58rem;
}

.public-landing__blueprint-notes .public-landing__execution-step strong,
.public-landing__blueprint-notes .public-landing__execution-step small {
    display: none;
}

.public-landing__monetize-panel {
    grid-column: 2;
    grid-row: 1 / 4;
    display: grid;
    gap: 0.34rem;
    align-content: start;
    padding: 0.48rem;
}

.public-landing--cockpit .public-landing__monetize-panel a {
    justify-content: space-between;
    min-height: 44px;
    padding: 0 0.6rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.04);
    color: #e5e7eb;
    font-size: 0.7rem;
}

.public-landing__storefront-card {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 0.55rem;
    margin-top: 0.2rem;
    padding: 0.55rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.04);
}

.public-landing__storefront-thumb {
    min-height: 58px;
}

.public-landing__storefront-card strong,
.public-landing__storefront-card small,
.public-landing__storefront-card span,
.public-landing__storefront-card b {
    display: block;
}

.public-landing__storefront-card strong {
    color: #ffffff;
    font-size: 0.72rem;
}

.public-landing__storefront-card small {
    color: #9ca3af;
}

.public-landing__storefront-card span {
    color: #ffd700;
    font-size: 0.74rem;
}

.public-landing__storefront-card b {
    color: #ffffff;
    font-size: 0.92rem;
}

.public-landing__auth-card {
    display: grid;
    gap: 0.42rem;
    align-content: center;
    padding: 0.72rem;
    text-align: center;
}

.public-landing__auth-lock {
    justify-self: center;
    color: #ffd700;
    font-size: 1.65rem;
}

.public-landing__auth-card h2 {
    color: #ffffff;
    font-size: clamp(1.22rem, 1.45vw, 1.42rem);
    font-weight: 950;
    line-height: 1.05;
}

.public-landing__auth-card > p {
    color: #d1d5db;
    font-size: 0.86rem;
    line-height: 1.34;
}

.public-landing--cockpit .public-landing__auth-options {
    display: grid;
    gap: 0.34rem;
}

.public-landing--cockpit .public-landing__auth-options a {
    gap: 0.55rem;
    min-height: 44px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.96);
    color: #111827;
    font-size: 0.86rem;
}

.public-landing__provider-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    font-size: 0.86rem;
    font-weight: 950;
}

.public-landing__provider-mark--google {
    background: conic-gradient(from -45deg, #4285f4 0 25%, #34a853 0 50%, #fbbc05 0 75%, #ea4335 0);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.public-landing__provider-mark--apple {
    position: relative;
    color: transparent;
}

.public-landing__provider-mark--apple::before,
.public-landing__provider-mark--apple::after {
    position: absolute;
    background: #03070b;
    content: "";
}

.public-landing__provider-mark--apple::before {
    left: 5px;
    bottom: 3px;
    width: 12px;
    height: 14px;
    border-radius: 7px 7px 8px 8px;
}

.public-landing__provider-mark--apple::after {
    top: 3px;
    right: 5px;
    width: 7px;
    height: 5px;
    border-radius: 7px 0 7px 0;
    transform: rotate(-24deg);
}

.public-landing__provider-mark--microsoft {
    display: grid;
    grid-template-columns: repeat(2, 9px);
    grid-template-rows: repeat(2, 9px);
    gap: 2px;
}

.public-landing__provider-mark--microsoft i {
    display: block;
}

.public-landing__provider-mark--microsoft i:nth-child(1) {
    background: #f25022;
}

.public-landing__provider-mark--microsoft i:nth-child(2) {
    background: #7fba00;
}

.public-landing__provider-mark--microsoft i:nth-child(3) {
    background: #00a4ef;
}

.public-landing__provider-mark--microsoft i:nth-child(4) {
    background: #ffb900;
}

.public-landing--cockpit .public-landing__auth-options .public-landing__auth-primary {
    border-color: rgba(37, 99, 235, 0.85);
    background: #0f62fe;
    color: #ffffff;
}

.public-landing__auth-primary small {
    min-height: 22px;
    padding: 0.2rem 0.45rem;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.22);
    font-size: 0.62rem;
}

.public-landing__auth-divider {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 0.75rem;
    align-items: center;
    color: #9ca3af;
    font-size: 0.78rem;
    text-transform: uppercase;
}

.public-landing__auth-divider::before,
.public-landing__auth-divider::after {
    height: 1px;
    background: rgba(255, 255, 255, 0.16);
    content: "";
}

.public-landing__auth-plan-link {
    width: 100%;
    padding: 0 0.85rem;
    border: 1px solid rgba(255, 215, 0, 0.44);
    border-radius: 7px;
    background: rgba(255, 215, 0, 0.08);
    color: #ffd700 !important;
    font-size: 0.86rem;
}

.public-landing__auth-benefits {
    text-align: left;
}

.public-landing__auth-benefits li {
    font-size: 0.74rem;
}

.public-landing__gateway-note {
    color: #d1d5db;
    font-size: 0.72rem;
    line-height: 1.34;
}

.public-landing__workflow {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.48rem;
}

.public-landing__workflow-card {
    position: relative;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 0.24rem;
    align-content: start;
    min-height: 0;
    padding: 0.34rem;
}

.public-landing__workflow-card > dl,
.public-landing__workflow-artifact,
.public-landing__workflow-report,
.public-landing__workflow-points,
.public-landing__workflow-card a {
    grid-column: 1 / -1;
}

.public-landing__workflow-artifact {
    display: grid;
    grid-template-columns: minmax(72px, 0.48fr) minmax(0, 1fr);
    gap: 0.34rem;
    align-items: stretch;
    min-height: 56px;
}

.public-landing__workflow-artifact figure {
    display: grid;
    margin: 0;
    min-height: 52px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.04);
}

.public-landing__workflow-artifact--quote figure {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.16rem;
    padding: 0.32rem;
    background:
        linear-gradient(180deg, rgba(243, 244, 246, 0.92), rgba(203, 213, 225, 0.82));
}

.public-landing__workflow-artifact--quote figure span {
    min-height: 5px;
    border-radius: 2px;
    background: rgba(15, 23, 42, 0.38);
}

.public-landing__workflow-artifact--quote figure span:first-child {
    grid-column: 1 / -1;
    width: 76%;
    background: rgba(15, 23, 42, 0.62);
}

.public-landing__workflow-artifact--quote figure span:nth-child(2) {
    grid-column: 1 / -1;
}

.public-landing__workflow-artifact--quote figure span:nth-child(3),
.public-landing__workflow-artifact--quote figure span:nth-child(4) {
    grid-column: span 2;
}

.public-landing__workflow-artifact--sell figure {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(3, 7, 11, 0.2), rgba(3, 7, 11, 0.7)),
        url('/images/branding-mockups/preproduction-cockpit-hero-v2.png') 74% 58% / cover no-repeat;
}

.public-landing__workflow-artifact--sell figure::after {
    position: absolute;
    right: 0.28rem;
    bottom: 0.28rem;
    min-width: 34px;
    padding: 0.14rem 0.28rem;
    border: 1px solid rgba(255, 215, 0, 0.48);
    border-radius: 4px;
    background: rgba(3, 7, 11, 0.78);
    color: #ffffff;
    content: "$199";
    font-size: 0.62rem;
    font-weight: 950;
    text-align: center;
}

.public-landing__workflow-artifact--assign {
    grid-template-columns: minmax(96px, 0.72fr) minmax(0, 0.86fr);
}

.public-landing__workflow-artifact--assign ul,
.public-landing__workflow-report ul,
.public-landing__workflow-points {
    display: grid;
    gap: 0.16rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.public-landing__workflow-artifact--assign li {
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr) 42px 46px;
    gap: 0.2rem;
    align-items: center;
    min-height: 17px;
    color: #d1d5db;
    font-size: 0.58rem;
}

.public-landing__workflow-artifact--assign li span {
    width: 14px;
    height: 14px;
    border-radius: 999px;
    background:
        radial-gradient(circle at 50% 38%, rgba(229, 231, 235, 0.9) 0 3px, transparent 4px),
        linear-gradient(180deg, rgba(96, 165, 250, 0.5), rgba(15, 23, 42, 0.8));
}

.public-landing__workflow-artifact--assign b,
.public-landing__workflow-artifact--assign small,
.public-landing__workflow-artifact--assign em {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.public-landing__workflow-artifact--assign b {
    color: #ffffff;
    font-weight: 850;
}

.public-landing__workflow-artifact--assign small {
    color: #9ca3af;
}

.public-landing__workflow-artifact--assign em {
    color: #9be564;
    font-style: normal;
}

.public-landing__workflow-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid currentColor;
    border-radius: 6px;
    font-size: 1rem;
    font-weight: 950;
}

.public-landing__workflow-card--blue {
    border-color: rgba(96, 165, 250, 0.5);
}

.public-landing__workflow-card--blue .public-landing__workflow-number,
.public-landing__workflow-card--blue h2 {
    color: #60a5fa;
}

.public-landing__workflow-card--gold {
    border-color: rgba(255, 215, 0, 0.56);
}

.public-landing__workflow-card--gold .public-landing__workflow-number,
.public-landing__workflow-card--gold h2 {
    color: #ffd700;
}

.public-landing__workflow-card--green {
    border-color: rgba(0, 230, 118, 0.42);
}

.public-landing__workflow-card--green .public-landing__workflow-number,
.public-landing__workflow-card--green h2 {
    color: #00e676;
}

.public-landing__workflow-card h2 {
    margin: 0;
    font-size: 0.86rem;
    font-weight: 950;
    text-transform: uppercase;
}

.public-landing__workflow-card p {
    color: #ffffff;
    font-size: 0.7rem;
}

.public-landing__workflow-card dl {
    display: grid;
    gap: 0.16rem;
    margin: 0;
}

.public-landing__workflow-report {
    display: grid;
    gap: 0.18rem;
    padding: 0.28rem;
    border: 1px solid rgba(0, 230, 118, 0.24);
    border-radius: 7px;
    background: rgba(0, 230, 118, 0.06);
}

.public-landing__workflow-report-summary {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 0.42rem;
    align-items: center;
}

.public-landing__report-ring {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    background:
        radial-gradient(circle at center, rgba(7, 12, 18, 0.96) 0 54%, transparent 56%),
        conic-gradient(#00e676 var(--progress), rgba(148, 163, 184, 0.24) 0);
}

.public-landing__report-ring strong {
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 950;
}

.public-landing__workflow-report-summary b {
    color: #ffffff;
    font-size: 0.86rem;
    font-weight: 950;
}

.public-landing__workflow-report ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.2rem;
}

.public-landing__workflow-report li {
    position: relative;
    padding-left: 0.85rem;
    color: #d1d5db;
    font-size: 0.62rem;
    line-height: 1.15;
}

.public-landing__workflow-report li::before {
    position: absolute;
    left: 0;
    color: #9be564;
    content: "✓";
}

.public-landing__workflow-points {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.18rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.public-landing__workflow-points li {
    position: relative;
    min-height: 18px;
    padding-left: 0.95rem;
    color: #d1d5db;
    font-size: 0.62rem;
    line-height: 1.15;
}

.public-landing__workflow-points li::before {
    position: absolute;
    left: 0;
    color: currentColor;
    content: "✓";
}

.public-landing__workflow-card--blue .public-landing__workflow-points li::before {
    color: #60a5fa;
}

.public-landing__workflow-card--gold .public-landing__workflow-points li::before {
    color: #ffd700;
}

.public-landing__workflow-card--green .public-landing__workflow-points li::before {
    color: #00e676;
}

.public-landing__workflow-report > div:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.3rem;
}

.public-landing__workflow-report span,
.public-landing__workflow-report strong,
.public-landing__workflow-report small {
    color: #ffffff;
    font-size: 0.74rem;
    font-weight: 900;
}

.public-landing__workflow-report small {
    color: #d1d5db;
    font-size: 0.68rem;
    font-weight: 800;
}

.public-landing__workflow-report .public-landing__report-meter {
    min-height: 18px;
}

.public-landing__workflow-card dl div {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr);
    gap: 0.3rem;
    align-items: center;
}

.public-landing__workflow-card dt,
.public-landing__workflow-card dd {
    margin: 0;
    font-size: 0.64rem;
}

.public-landing__workflow-card dt {
    color: #9ca3af;
}

.public-landing__workflow-card dd {
    color: #ffffff;
    font-weight: 800;
}

.public-landing--cockpit .public-landing__workflow-card a {
    justify-content: flex-start;
    color: #d1d5db;
    font-size: 0.74rem;
}

.public-landing__trust-row {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.55rem;
}

.public-landing__trust-row article,
.public-landing__trust-row a {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 0.45rem;
    align-items: center;
    min-height: 52px;
    padding: 0.34rem 0.48rem;
    background: rgba(3, 7, 11, 0.6);
    box-shadow: none;
}

.public-landing__trust-row a {
    color: inherit;
    text-decoration: none;
}

.public-landing__trust-link {
    border-color: rgba(96, 165, 250, 0.36) !important;
}

.public-landing__trust-link:hover,
.public-landing__trust-link:focus-visible {
    background: rgba(96, 165, 250, 0.1);
}

.public-landing__trust-cta {
    grid-column: 2;
    color: #60a5fa;
    font-size: 0.72rem;
    font-weight: 850;
}

.public-landing__trust-row .oi {
    color: #ffffff;
    font-size: 1.18rem;
}

.public-landing__trust-row p {
    grid-column: 2;
    margin-top: 0;
}

.mobile-experience {
    min-height: 100vh;
    padding: 0 1.75rem 1.75rem;
    background:
        radial-gradient(circle at 74% 16%, rgba(0, 230, 118, 0.13), transparent 28rem),
        radial-gradient(circle at 22% 18%, rgba(96, 165, 250, 0.15), transparent 30rem),
        linear-gradient(180deg, #03070b 0%, #071018 52%, #03070b 100%);
    color: #f8fafc;
}

.mobile-experience a {
    color: inherit;
    text-decoration: none;
}

.mobile-experience__topbar {
    position: sticky;
    top: 0;
    z-index: 5;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    min-height: 72px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.16);
    background: rgba(3, 7, 11, 0.9);
    backdrop-filter: blur(18px);
}

.mobile-experience__brand,
.mobile-experience__signin,
.mobile-experience__nav-links,
.mobile-experience__hero-actions,
.mobile-experience__hero-actions a,
.mobile-experience__starter-library header,
.mobile-experience__install-tabs,
.mobile-experience__store-row,
.mobile-experience__send-actions,
.mobile-experience__send-actions a,
.mobile-experience__phone header,
.mobile-experience__phone footer,
.mobile-experience__phase-mini,
.mobile-experience__authority-note,
.mobile-experience__handoff ol,
.mobile-experience__handoff li {
    display: flex;
    align-items: center;
}

.mobile-experience__brand {
    gap: 0.65rem;
    font-size: 1.35rem;
    font-weight: 950;
}

.mobile-experience__brand-mark {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 14px);
    gap: 3px;
    width: 32px;
    height: 38px;
}

.mobile-experience__brand-mark span {
    border: 2px solid #ffd700;
    clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
}

.mobile-experience__brand-mark span:nth-child(4),
.mobile-experience__brand-mark span:nth-child(5),
.mobile-experience__brand-mark span:nth-child(6) {
    transform: translateY(-8px);
}

.mobile-experience__nav-links {
    justify-content: center;
    gap: 0.35rem;
}

.mobile-experience__nav-links a,
.mobile-experience__signin,
.mobile-experience__hero-actions a {
    justify-content: center;
    min-height: 44px;
    padding: 0 0.9rem;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 7px;
    color: #e5e7eb;
    font-size: 0.9rem;
    font-weight: 850;
}

.mobile-experience__nav-links a:hover,
.mobile-experience__nav-links a:focus-visible,
.mobile-experience__signin:hover,
.mobile-experience__signin:focus-visible,
.mobile-experience__hero-actions a:hover,
.mobile-experience__hero-actions a:focus-visible {
    border-color: rgba(255, 215, 0, 0.55);
    background: rgba(255, 215, 0, 0.08);
    color: #ffffff;
}

.mobile-experience__signin,
.mobile-experience__hero-actions {
    gap: 0.55rem;
}

.mobile-experience__signin--readonly {
    pointer-events: none;
}

.mobile-experience__content {
    display: grid;
    gap: 1rem;
    max-width: 1480px;
    margin: 0 auto;
}

.mobile-experience__hero,
.mobile-experience__plan-bridge,
.mobile-experience__lifecycle,
.mobile-experience__roles,
.mobile-experience__handoff {
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background: rgba(7, 12, 18, 0.72);
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.28);
}

.mobile-experience__hero {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(400px, 0.72fr);
    gap: 1.2rem;
    align-items: stretch;
    min-height: 580px;
    padding: clamp(1.1rem, 2.4vw, 2rem);
}

.mobile-experience__hero-copy {
    display: grid;
    gap: 1rem;
    align-content: center;
}

.mobile-experience__hero h1 {
    max-width: 11ch;
    margin: 0;
    color: #ffffff;
    font-size: clamp(3.85rem, 5.6vw, 4.65rem);
    font-weight: 950;
    line-height: 0.98;
}

.mobile-experience__hero p,
.mobile-experience__section-heading p,
.mobile-experience__phase-card p,
.mobile-experience__phase-card li,
.mobile-experience__role-grid p,
.mobile-experience__handoff p,
.mobile-experience__authority-note p {
    color: #d1d5db;
    line-height: 1.5;
}

.mobile-experience__hero-copy > p {
    max-width: 62ch;
    font-size: 1.08rem;
}

.mobile-experience__hero-actions {
    flex-wrap: wrap;
}

.mobile-experience__hero-actions a {
    gap: 0.5rem;
}

.mobile-experience__hero-actions .admin-command-button {
    border-color: rgba(15, 98, 254, 0.8);
    background: #0f62fe;
    color: #ffffff;
}

.mobile-experience__starter-library {
    display: grid;
    gap: 0.75rem;
    max-width: 720px;
    padding: 0.85rem;
    border: 1px solid rgba(96, 165, 250, 0.26);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.06);
}

.mobile-experience__starter-library header {
    gap: 0.65rem;
}

.mobile-experience__starter-library header > .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(96, 165, 250, 0.38);
    border-radius: 999px;
    color: #60a5fa;
}

.mobile-experience__starter-library strong,
.mobile-experience__install-copy h2,
.mobile-experience__after-card strong {
    color: #ffffff;
}

.mobile-experience__starter-library small {
    display: block;
    color: #9ca3af;
}

.mobile-experience__starter-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
}

.mobile-experience__starter-list article {
    display: grid;
    gap: 0.45rem;
    min-height: 144px;
    padding: 0.65rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
}

.mobile-experience__starter-list article > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: end;
    min-height: 44px;
    padding: 0 0.7rem;
    border: 1px solid rgba(96, 165, 250, 0.55);
    border-radius: 8px;
    color: #bfdbfe;
    font-weight: 850;
    text-decoration: none;
}

.mobile-experience__starter-list article > a:hover,
.mobile-experience__starter-list article > a:focus-visible {
    border-color: #60a5fa;
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff;
}

.mobile-experience__starter-list span {
    justify-self: start;
    min-height: 24px;
    padding: 0.25rem 0.5rem;
    border: 1px solid currentColor;
    border-radius: 6px;
    color: #9be564;
    font-size: 0.72rem;
    font-weight: 950;
}

.mobile-experience__install-card {
    display: grid;
    gap: 0.9rem;
    align-content: start;
    min-height: 100%;
    padding: 0.95rem;
    border: 1px solid rgba(255, 215, 0, 0.28);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 215, 0, 0.09), rgba(7, 12, 18, 0.72)),
        rgba(7, 12, 18, 0.86);
}

.mobile-experience__install-tabs {
    gap: 0.4rem;
    padding: 0.25rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background: rgba(3, 7, 11, 0.58);
}

.mobile-experience__install-tabs span,
.mobile-experience__install-tabs a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 0;
    min-height: 44px;
    padding: 0 0.8rem;
    border-radius: 7px;
    color: #d1d5db;
    font-size: 0.86rem;
    font-weight: 900;
}

.mobile-experience__install-tabs [aria-selected="true"] {
    border: 1px solid rgba(255, 215, 0, 0.46);
    background: rgba(255, 215, 0, 0.12);
    color: #ffffff;
}

.mobile-experience__qr-grid {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 0.9rem;
    align-items: center;
}

.mobile-experience__qr-code {
    display: grid;
    justify-items: center;
    gap: 0.55rem;
    margin: 0;
    padding: 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 8px;
    background: #ffffff;
    color: #03070b;
}

.mobile-experience__qr-code img {
    width: 174px;
    height: 174px;
}

.mobile-experience__qr-code figcaption {
    color: #111827;
    font-size: 0.85rem;
    font-weight: 950;
}

.mobile-experience__install-copy {
    display: grid;
    gap: 0.65rem;
}

.mobile-experience__install-copy h2 {
    margin: 0;
    font-size: 1.8rem;
    font-weight: 950;
    line-height: 1.05;
}

.mobile-experience__install-copy p,
.mobile-experience__after-card p {
    margin: 0;
    color: #d1d5db;
    line-height: 1.5;
}

.mobile-experience__store-row,
.mobile-experience__send-actions {
    flex-wrap: wrap;
    gap: 0.45rem;
}

.mobile-experience__store-row a,
.mobile-experience__send-actions a {
    justify-content: center;
    min-height: 44px;
    padding: 0 0.8rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 7px;
    color: #e5e7eb;
    font-size: 0.86rem;
    font-weight: 900;
}

.mobile-experience__send-actions a {
    flex: 1 1 180px;
    gap: 0.5rem;
    background: rgba(15, 98, 254, 0.13);
}

.mobile-experience__phone-stage {
    display: grid;
    gap: 0.8rem;
    justify-items: center;
}

.mobile-experience__phone {
    display: grid;
    gap: 0.75rem;
    width: min(100%, 360px);
    min-height: 600px;
    padding: 1rem;
    border: 10px solid #03070b;
    border-radius: 34px;
    background: linear-gradient(180deg, #0b1118, #05080c);
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.14),
        0 24px 64px rgba(0, 0, 0, 0.52);
}

.mobile-experience__phone header,
.mobile-experience__phone footer {
    justify-content: space-between;
    color: #e5e7eb;
    font-size: 0.72rem;
}

.mobile-experience__phone header i {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #00e676;
}

.mobile-experience__workflow-card {
    display: grid;
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 0.7rem;
    padding: 0.7rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.045);
}

.mobile-experience__workflow-thumb {
    min-height: 82px;
    border-radius: 7px;
    background:
        linear-gradient(90deg, rgba(3, 7, 11, 0.16), rgba(3, 7, 11, 0.58)),
        url('/images/branding-mockups/venue-loadout-banner-wide.png') center / cover no-repeat,
        #111827;
}

.mobile-experience__workflow-card strong,
.mobile-experience__role-grid strong,
.mobile-experience__authority-note strong {
    color: #ffffff;
}

.mobile-experience__workflow-card small,
.mobile-experience__mobile-list small {
    display: block;
    color: #9ca3af;
}

.mobile-experience__workflow-card span {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    margin-top: 0.4rem;
    padding: 0 0.45rem;
    border-radius: 999px;
    background: rgba(0, 230, 118, 0.14);
    color: #9be564;
    font-size: 0.72rem;
    font-weight: 900;
}

.mobile-experience__phase-mini {
    justify-content: space-between;
    gap: 0.45rem;
    padding: 0.7rem;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.mobile-experience__phase-mini div {
    display: grid;
    justify-items: center;
    gap: 0.3rem;
    color: #e5e7eb;
    font-size: 0.72rem;
}

.mobile-experience__phase-dot {
    width: 16px;
    height: 16px;
    border-radius: 999px;
    border: 2px solid currentColor;
}

.mobile-experience__phase-dot--prep {
    color: #60a5fa;
}

.mobile-experience__phase-dot--execute {
    color: #00e676;
}

.mobile-experience__phase-dot--wrap {
    color: #ff9f0a;
}

.mobile-experience__mobile-list {
    display: grid;
    gap: 0.5rem;
}

.mobile-experience__mobile-list article {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 0.55rem;
    align-items: center;
    min-height: 54px;
    padding: 0.6rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.045);
}

.mobile-experience__mobile-list .oi {
    color: #60a5fa;
}

.mobile-experience__authority-note {
    gap: 0.75rem;
    width: min(100%, 520px);
    padding: 0.85rem;
    border: 1px solid rgba(255, 215, 0, 0.32);
    border-radius: 8px;
    background: rgba(255, 215, 0, 0.07);
}

.mobile-experience__authority-note > .oi {
    color: #ffd700;
    font-size: 1.4rem;
}

.mobile-experience__authority-note p {
    margin: 0.2rem 0 0;
    font-size: 0.88rem;
}

.mobile-experience__after-install {
    display: grid;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background: rgba(7, 12, 18, 0.72);
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.28);
}

.mobile-experience__after-grid {
    display: grid;
    grid-template-columns: minmax(260px, 0.9fr) repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
    align-items: stretch;
}

.mobile-experience__phone--compact {
    width: 100%;
    min-height: 0;
    border-width: 8px;
}

.mobile-experience__after-card {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 0.75rem;
    align-content: start;
    min-height: 210px;
    padding: 0.9rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
}

.mobile-experience__after-card > .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(0, 230, 118, 0.4);
    border-radius: 999px;
    color: #00e676;
}

.mobile-experience__after-card strong {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 1.1rem;
}

.mobile-experience--quote-handoff {
    background:
        radial-gradient(circle at 74% 16%, rgba(0, 230, 118, 0.12), transparent 24rem),
        radial-gradient(circle at 22% 18%, rgba(96, 165, 250, 0.14), transparent 28rem),
        linear-gradient(180deg, #03070b 0%, #071018 56%, #03070b 100%);
}

.mobile-experience__quote-shell,
.mobile-experience__quote-recovery {
    display: grid;
    gap: 1rem;
}

.mobile-experience__quote-hero,
.mobile-experience__quote-stage,
.mobile-experience__quote-lock,
.mobile-experience__quote-recovery {
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background: rgba(7, 12, 18, 0.76);
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.28);
}

.mobile-experience__quote-hero,
.mobile-experience__quote-stage {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(340px, 0.52fr);
    gap: 1rem;
    align-items: stretch;
    padding: clamp(1rem, 2.3vw, 1.5rem);
}

.mobile-experience__quote-hero h1,
.mobile-experience__quote-recovery h1 {
    max-width: 12ch;
    margin: 0.65rem 0 0;
    color: #ffffff;
    font-size: clamp(3rem, 5vw, 4.25rem);
    font-weight: 950;
    line-height: 0.98;
    letter-spacing: 0;
}

.mobile-experience__quote-hero p,
.mobile-experience__quote-recovery p,
.mobile-experience__quote-current p,
.mobile-experience__quote-phase p,
.mobile-experience__quote-phase li,
.mobile-experience__quote-phase footer span,
.mobile-experience__quote-gear-summary p,
.mobile-experience__quote-gear-summary li,
.mobile-experience__quote-lock p {
    color: #d1d5db;
    line-height: 1.45;
}

.mobile-experience__quote-hero > div {
    display: grid;
    align-content: center;
    gap: 0.75rem;
}

.mobile-experience__quote-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 0.25rem;
}

.mobile-experience__quote-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 44px;
    padding: 0 0.95rem;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 7px;
    color: #e5e7eb;
    font-weight: 900;
}

.mobile-experience__quote-actions .admin-command-button {
    border-color: rgba(0, 230, 118, 0.44);
    background: rgba(0, 230, 118, 0.16);
    color: #ffffff;
}

.mobile-experience__quote-summary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    margin: 0;
}

.mobile-experience__quote-summary div {
    display: grid;
    gap: 0.28rem;
    min-height: 104px;
    padding: 0.8rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
}

.mobile-experience__quote-summary dt,
.mobile-experience__quote-phase header > span,
.mobile-experience__quote-phase footer strong {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0;
    text-transform: uppercase;
}

.mobile-experience__quote-summary dd {
    margin: 0;
    color: #ffffff;
    font-size: 1.05rem;
    font-weight: 950;
}

.mobile-experience__quote-gear-summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0.75rem;
}

.mobile-experience__quote-gear-summary article {
    display: grid;
    gap: 0.55rem;
    align-content: start;
    padding: 0.9rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.mobile-experience__quote-gear-summary strong {
    color: #ffffff;
    font-size: 1.05rem;
    font-weight: 950;
}

.mobile-experience__quote-gear-summary ul {
    display: grid;
    gap: 0.35rem;
    margin: 0;
    padding-left: 1.05rem;
}

.mobile-experience__quote-gear-summary p {
    margin: 0;
}

.mobile-experience__quote-gear-summary li::marker {
    color: #60a5fa;
}

.mobile-experience__quote-stage {
    grid-template-columns: minmax(320px, 0.42fr) minmax(0, 1fr);
}

.mobile-experience__phone--quote {
    align-self: start;
    width: min(100%, 380px);
}

.mobile-experience__quote-current {
    display: grid;
    gap: 0.45rem;
    padding: 0.75rem;
    border: 1px solid rgba(0, 230, 118, 0.26);
    border-radius: 8px;
    background: rgba(0, 230, 118, 0.07);
}

.mobile-experience__quote-current h2 {
    margin: 0;
    color: #ffffff;
    font-size: 1.3rem;
    font-weight: 950;
}

.mobile-experience__quote-current p {
    margin: 0;
}

.mobile-experience__quote-phase-chip--blue .oi,
.mobile-experience__quote-phase--blue header > span,
.mobile-experience__quote-phase--blue h2 {
    color: #60a5fa;
}

.mobile-experience__quote-phase-chip--green .oi,
.mobile-experience__quote-phase--green header > span,
.mobile-experience__quote-phase--green h2 {
    color: #00e676;
}

.mobile-experience__quote-phase-chip--orange .oi,
.mobile-experience__quote-phase--orange header > span,
.mobile-experience__quote-phase--orange h2 {
    color: #ff9f0a;
}

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

.mobile-experience__quote-phase {
    display: grid;
    gap: 0.8rem;
    align-content: start;
    padding: 0.9rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
}

.mobile-experience__quote-phase header {
    display: grid;
    gap: 0.35rem;
}

.mobile-experience__quote-phase h2 {
    margin: 0;
    color: #ffffff;
    font-size: 1.35rem;
    font-weight: 950;
}

.mobile-experience__quote-phase p {
    margin: 0;
}

.mobile-experience__quote-phase ul {
    display: grid;
    gap: 0.52rem;
    margin: 0;
    padding-left: 1.1rem;
}

.mobile-experience__quote-phase li::marker {
    color: #9be564;
}

.mobile-experience__quote-phase footer {
    display: grid;
    gap: 0.35rem;
    padding-top: 0.7rem;
    border-top: 1px solid rgba(148, 163, 184, 0.14);
}

.mobile-experience__quote-lock {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.85rem;
    align-items: start;
    padding: 1rem;
}

.mobile-experience__quote-lock h2 {
    margin: 0;
    color: #ffffff;
    font-size: 1.35rem;
    font-weight: 950;
}

.mobile-experience__quote-lock p {
    max-width: 78ch;
    margin: 0.35rem 0 0;
}

.mobile-experience__quote-recovery {
    align-content: center;
    min-height: 520px;
    padding: clamp(1.1rem, 3vw, 2rem);
}

.mobile-starter__hero,
.mobile-starter__library,
.mobile-starter__roadmap {
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background: rgba(7, 12, 18, 0.72);
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.28);
}

.mobile-starter__hero {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(340px, 0.58fr);
    gap: 1rem;
    align-items: stretch;
    padding: 1.25rem;
}

.mobile-starter__copy {
    display: grid;
    gap: 1rem;
    align-content: center;
}

.mobile-starter__copy h1 {
    max-width: 12ch;
    margin: 0;
    color: #ffffff;
    font-size: clamp(3.35rem, 5vw, 4.05rem);
    font-weight: 950;
    line-height: 0.98;
}

.mobile-starter__copy p,
.mobile-starter__handoff-card p,
.mobile-starter__roadmap p {
    color: #d1d5db;
    line-height: 1.5;
}

.mobile-starter__copy > p {
    max-width: 68ch;
    font-size: 1.05rem;
}

.mobile-starter__handoff-card {
    display: grid;
    gap: 0.8rem;
    align-content: center;
    justify-items: start;
    padding: 1rem;
    border: 1px solid rgba(0, 230, 118, 0.34);
    border-radius: 8px;
    background: rgba(0, 230, 118, 0.08);
}

.mobile-starter__handoff-card > .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border: 1px solid rgba(0, 230, 118, 0.44);
    border-radius: 999px;
    color: #00e676;
    font-size: 1.25rem;
}

.mobile-starter__handoff-card strong,
.mobile-starter__roadmap strong,
.mobile-starter__blueprint-grid h3 {
    color: #ffffff;
}

.mobile-starter__blueprint-grid h3 {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 900;
}

.mobile-starter__library {
    display: grid;
    gap: 0.9rem;
    padding: 1rem;
}

.mobile-starter__blueprint-grid,
.mobile-starter__roadmap {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem;
}

.mobile-starter__blueprint-grid .mobile-experience__phase-card {
    min-height: 220px;
}

.mobile-starter__roadmap {
    padding: 1rem;
}

.mobile-starter__roadmap article {
    display: grid;
    gap: 0.65rem;
    align-content: start;
    min-height: 210px;
    padding: 0.9rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
}

.mobile-starter__roadmap .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(96, 165, 250, 0.4);
    border-radius: 999px;
    color: #60a5fa;
}

.mobile-experience__plan-bridge {
    display: grid;
    gap: 0.85rem;
    padding: 0.9rem;
}

.mobile-experience__plan-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.7rem;
}

.mobile-experience__plan-grid article {
    display: grid;
    gap: 0.45rem;
    align-content: start;
    min-height: 172px;
    padding: 0.8rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
}

.mobile-experience__plan-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: start;
    gap: 0.55rem;
    min-height: 44px;
    padding: 0 0.9rem;
    border: 1px solid rgba(96, 165, 250, 0.55);
    border-radius: 7px;
    background: rgba(96, 165, 250, 0.1);
    color: #ffffff;
    font-weight: 850;
}

.mobile-experience__plan-action:hover,
.mobile-experience__plan-action:focus-visible {
    border-color: rgba(255, 215, 0, 0.55);
    background: rgba(255, 215, 0, 0.08);
}

.mobile-experience__lifecycle,
.mobile-experience__role-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem;
    padding: 0.9rem;
}

.mobile-experience__phase-card,
.mobile-experience__role-grid article {
    display: grid;
    gap: 0.65rem;
    align-content: start;
    min-height: 260px;
    padding: 0.9rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
}

.mobile-experience__phase-card span {
    justify-self: start;
    min-height: 26px;
    padding: 0.25rem 0.55rem;
    border: 1px solid currentColor;
    border-radius: 6px;
    font-size: 0.76rem;
    font-weight: 950;
}

.mobile-experience__phase-card h2,
.mobile-experience__roles h2,
.mobile-experience__handoff h2 {
    margin: 0;
    color: #ffffff;
    font-weight: 950;
}

.mobile-experience__phase-card h2 {
    font-size: 1.25rem;
}

.mobile-experience__phase-card ul {
    display: grid;
    gap: 0.38rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mobile-experience__phase-card li {
    position: relative;
    padding-left: 1.15rem;
    font-size: 0.9rem;
}

.mobile-experience__phase-card li::before {
    position: absolute;
    left: 0;
    color: #9be564;
    content: "✓";
}

.mobile-experience__phase-card--prep span,
.mobile-experience__phase-card--prep h2 {
    color: #60a5fa;
}

.mobile-experience__phase-card--execute span,
.mobile-experience__phase-card--execute h2 {
    color: #00e676;
}

.mobile-experience__phase-card--wrap span,
.mobile-experience__phase-card--wrap h2 {
    color: #ff9f0a;
}

.mobile-experience__roles {
    display: grid;
    gap: 0.8rem;
    padding: 0.9rem;
}

.mobile-experience__section-heading {
    display: grid;
    gap: 0.35rem;
}

.mobile-experience__roles h2,
.mobile-experience__handoff h2 {
    font-size: 2.2rem;
}

.mobile-experience__role-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 0;
}

.mobile-experience__role-grid article {
    min-height: 210px;
}

.mobile-experience__role-grid .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(96, 165, 250, 0.4);
    border-radius: 999px;
    color: #60a5fa;
    font-size: 1.2rem;
}

.mobile-experience__handoff {
    display: grid;
    grid-template-columns: minmax(0, 0.86fr) minmax(360px, 0.64fr);
    gap: 1rem;
    align-items: center;
    padding: 1rem;
}

.mobile-experience__handoff ol {
    flex-wrap: wrap;
    gap: 0.55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mobile-experience__handoff li {
    flex: 1 1 170px;
    gap: 0.55rem;
    min-height: 64px;
    padding: 0.65rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.045);
}

.mobile-experience__handoff li strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid #ffd700;
    border-radius: 8px;
    color: #ffd700;
}

.mobile-experience__handoff li span {
    color: #ffffff;
    font-weight: 850;
}

@media (min-width: 1221px) and (max-width: 1500px) {
    .public-landing__first-viewport {
        grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.36fr) minmax(250px, 0.58fr);
    }
}

@media (min-width: 1221px) {
    .public-landing__workflow-card:not(:last-child)::after {
        position: absolute;
        top: 50%;
        right: -0.7rem;
        z-index: 2;
        color: #ffd700;
        content: "→";
        font-size: 1.35rem;
        font-weight: 950;
        line-height: 1;
        transform: translateY(-50%);
        text-shadow: 0 0 12px rgba(255, 215, 0, 0.42);
    }

    .public-landing__workflow-card--green:not(:last-child)::after {
        color: #00e676;
        text-shadow: 0 0 12px rgba(0, 230, 118, 0.36);
    }

    .public-landing__demo-cockpit {
        gap: 0.44rem;
        padding: 0.58rem;
    }

    .public-landing__cockpit-header {
        min-height: 44px;
    }

    .public-landing__cockpit-grid {
        gap: 0.44rem;
    }

    .public-landing__blueprint-card {
        grid-template-columns: 118px minmax(0, 1fr);
        gap: 0.7rem;
        padding: 0.66rem;
    }

    .public-landing__blueprint-media {
        min-height: 132px;
    }

    .public-landing__blueprint-card h2 {
        font-size: 0.9rem;
        line-height: 1.15;
    }

    .public-landing__blueprint-card p {
        font-size: 0.72rem;
        line-height: 1.25;
    }

    .public-landing__chip-row {
        gap: 0.3rem;
        margin-top: 0.4rem;
    }

    .public-landing__chip-row span {
        min-height: 23px;
        padding: 0 0.42rem;
        font-size: 0.68rem;
    }

    .public-landing__preview-matrix,
    .public-landing__blueprint-notes {
        gap: 0.34rem;
        padding: 0.42rem;
    }

    .public-landing__blueprint-notes {
        grid-template-columns: minmax(0, 1fr) minmax(0, 0.82fr);
    }

    .public-landing__blueprint-notes article {
        gap: 0.22rem;
    }

    .public-landing__blueprint-notes article:first-child > p:nth-of-type(2) {
        display: none;
    }

    .public-landing__preview-matrix h3,
    .public-landing__blueprint-notes h3,
    .public-landing__monetize-panel h3 {
        font-size: 0.74rem;
    }

    .public-landing__preview-matrix li,
    .public-landing__blueprint-notes li {
        font-size: 0.66rem;
        line-height: 1.18;
    }

    .public-landing__preview-matrix dl {
        gap: 0.24rem;
    }

    .public-landing__preview-matrix dl div {
        min-height: 23px;
        padding: 0.18rem 0.24rem;
    }

    .public-landing__preview-matrix dt,
    .public-landing__preview-matrix dd {
        font-size: 0.64rem;
    }

    .public-landing__blueprint-notes p {
        font-size: 0.66rem;
        line-height: 1.2;
    }

    .public-landing__blueprint-notes .public-landing__execution-demo {
        margin-top: 0.08rem;
        padding: 0.22rem;
    }

    .public-landing__blueprint-notes .public-landing__execution-steps {
        gap: 0.22rem;
    }

    .public-landing__monetize-panel {
        gap: 0.32rem;
        padding: 0.5rem;
    }

    .public-landing--cockpit .public-landing__monetize-panel a {
        padding: 0 0.5rem;
        font-size: 0.7rem;
    }

    .public-landing__storefront-card {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 0.45rem;
        padding: 0.45rem;
    }

    .public-landing__storefront-thumb {
        min-height: 48px;
    }

    .public-landing__storefront-card strong {
        font-size: 0.68rem;
        line-height: 1.12;
    }

    .public-landing__storefront-card b {
        font-size: 0.82rem;
    }

    .public-landing__locked-note,
    .public-landing__gateway-note {
        font-size: 0.72rem;
        line-height: 1.28;
    }

    .public-landing__workflow-card {
        min-height: 0;
        padding: 0.46rem;
    }

    .public-landing__workflow-artifact {
        min-height: 68px;
    }

    .public-landing__workflow-card dl {
        gap: 0.14rem;
    }

    .public-landing__workflow-card dt,
    .public-landing__workflow-card dd {
        font-size: 0.68rem;
    }

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

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

@media (max-width: 1220px) {
    .public-landing__first-viewport {
        grid-template-columns: minmax(0, 1fr);
    }

    .public-landing__demo-cockpit,
    .public-landing__auth-card {
        min-height: 0;
    }

    .public-landing__workflow,
    .public-landing__trust-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .public-landing__first-viewport {
        gap: 0.9rem;
    }

    .mobile-experience__hero,
    .mobile-experience__qr-grid,
    .mobile-experience__after-grid,
    .mobile-starter__hero,
    .mobile-starter__blueprint-grid,
    .mobile-starter__roadmap,
    .mobile-experience__handoff,
    .mobile-experience__quote-hero,
    .mobile-experience__quote-stage {
        grid-template-columns: 1fr;
    }

    .mobile-experience__lifecycle,
    .mobile-experience__plan-grid,
    .mobile-experience__role-grid,
    .mobile-experience__starter-list,
    .mobile-experience__quote-phases {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .public-landing__demo-readout {
        display: grid;
    }
}

@media (max-width: 860px) {
    .mobile-experience {
        padding: 0 1rem 1rem;
    }

    .mobile-experience__topbar {
        position: static;
        grid-template-columns: 1fr auto;
        padding: 0.75rem 0;
    }

    .mobile-experience__nav-links {
        grid-column: 1 / -1;
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: 0.25rem;
    }

    .mobile-experience__hero h1 {
        max-width: 100%;
        font-size: 3rem;
        line-height: 1.02;
    }

    .mobile-experience__quote-hero h1,
    .mobile-experience__quote-recovery h1 {
        max-width: 100%;
        font-size: 2.7rem;
        line-height: 1.02;
    }

    .mobile-starter__copy h1 {
        max-width: 100%;
        font-size: 3rem;
        line-height: 1.02;
    }

    .mobile-experience__hero-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .mobile-experience__hero-actions .admin-command-button {
        grid-column: 1 / -1;
    }

    .mobile-experience__hero-actions a {
        width: 100%;
        min-width: 0;
        padding-inline: 0.75rem;
    }

    .mobile-experience__lifecycle,
    .mobile-experience__plan-grid,
    .mobile-experience__role-grid,
    .mobile-experience__starter-list,
    .mobile-experience__quote-summary,
    .mobile-experience__quote-gear-summary,
    .mobile-experience__quote-phases,
    .mobile-experience__quote-lock {
        grid-template-columns: 1fr;
    }

    .mobile-experience__quote-actions {
        display: grid;
    }

    .mobile-experience__quote-actions a {
        width: 100%;
    }

    .public-landing--cockpit {
        padding: 0 1rem 1rem;
    }

    .public-landing--cockpit .public-landing__topbar {
        position: static;
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 0.75rem;
        padding: 0.75rem 0;
    }

    .public-landing--cockpit .public-landing__nav-links {
        grid-column: 1 / -1;
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: 0.25rem;
    }

    .public-landing--cockpit .public-landing__nav-links a[href^="#"] {
        display: inline-flex;
        flex: 0 0 auto;
    }

    .public-landing__hero-panel {
        min-height: 560px;
        align-content: end;
    }

    .public-landing--cockpit h1 {
        font-size: 2.45rem;
        line-height: 1.04;
    }

    .public-landing__hero-actions {
        grid-template-columns: 1fr;
        max-width: 100%;
    }

    .public-landing--cockpit .public-landing__hero-actions .admin-command-button {
        grid-column: auto;
    }

    .public-landing__hero-actions a,
    .public-landing__cockpit-header select {
        width: 100%;
    }

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

    .public-landing__client-lane > a {
        grid-column: auto;
        grid-row: auto;
        width: 100%;
    }

    .public-landing__value-grid,
    .public-landing__cockpit-header,
    .public-landing__cockpit-grid,
    .public-landing__execution-demo,
    .public-landing__preview-matrix,
    .public-landing__blueprint-notes,
    .public-landing__workflow,
    .public-landing__trust-row {
        grid-template-columns: 1fr;
    }

    .public-landing__cockpit-tabs,
    .public-landing__execution-steps,
    .public-landing__demo-readout {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .public-landing__cockpit-header label {
        grid-column: auto;
        grid-row: auto;
        display: grid;
        width: 100%;
    }

    .public-landing__cockpit-header p {
        grid-column: auto;
        grid-row: auto;
    }

    .public-landing__monetize-panel {
        grid-column: auto;
        grid-row: auto;
    }

    .public-landing__blueprint-card,
    .public-landing__storefront-card {
        grid-template-columns: 1fr;
    }

    .public-landing__blueprint-media {
        min-height: 180px;
    }

    .public-landing__auth-card {
        text-align: left;
    }

    .public-landing__auth-lock {
        justify-self: start;
    }
}

@media (max-width: 620px) {
    .mobile-experience {
        padding: 0 0.75rem 1rem;
    }

    .mobile-experience__brand {
        font-size: 1.15rem;
    }

    .mobile-experience__signin {
        min-width: 96px;
        padding: 0 0.75rem;
    }

    .mobile-experience__hero {
        min-height: 0;
        padding: 1rem;
    }

    .mobile-experience__hero h1 {
        font-size: 2.35rem;
    }

    .mobile-experience__phone {
        min-height: 0;
        border-width: 7px;
        border-radius: 26px;
    }

    .mobile-experience__install-card {
        padding: 0.75rem;
    }

    .mobile-experience__install-tabs {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.3rem;
    }

    .mobile-experience__install-tabs span,
    .mobile-experience__install-tabs a {
        justify-content: flex-start;
        padding-inline: 1rem;
    }

    .mobile-starter__hero,
    .mobile-starter__library,
    .mobile-starter__roadmap {
        width: calc(100vw - 1.5rem);
        max-width: 100%;
    }

    .mobile-experience__qr-code img {
        width: 148px;
        height: 148px;
    }

    .mobile-experience__workflow-card,
    .mobile-experience__mobile-list article,
    .mobile-experience__after-card {
        grid-template-columns: 1fr;
    }

    .public-landing--cockpit {
        padding: 0 0.75rem 1rem;
    }

    .public-landing--cockpit .public-landing__brand {
        font-size: 1.15rem;
    }

    .public-landing--cockpit .public-landing__signin {
        min-width: 96px;
        padding: 0 0.75rem;
    }

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

    .public-landing__media-strip span:nth-child(n+4) {
        display: none;
    }

    .public-landing__hero-panel {
        min-height: 520px;
        padding: 1rem;
    }

    .public-landing--cockpit h1 {
        font-size: 2.15rem;
    }

    .public-landing__cockpit-tabs,
    .public-landing__demo-readout,
    .public-landing__execution-steps,
    .public-landing__value-grid {
        grid-template-columns: 1fr;
    }

    .public-landing__demo-readout article {
        min-height: 0;
    }

    .public-landing__workflow-card dl div {
        grid-template-columns: 1fr;
        gap: 0.15rem;
    }

    .public-landing__workflow-points,
    .public-landing__workflow-report ul {
        grid-template-columns: 1fr;
    }
}

/* Client share links: task-focused, viewport-contained workspace. */
.provider-proof-links.provider-proof-links {
    grid-template-columns: 234px minmax(0, 1fr);
    height: 100dvh;
    min-height: 44rem;
    overflow: hidden;
    background: #1b1c1e;
}

.provider-proof-links > .proposal-sidebar {
    gap: 1rem;
    padding: 1.15rem 0.65rem 0.8rem;
    border-right-color: #343840;
    background: #07121b;
}

.provider-proof-links .proposal-sidebar__brand {
    padding-inline: 0.55rem;
}

.provider-proof-links .proposal-sidebar__nav {
    align-content: start;
    gap: 0.45rem;
    padding-top: 0.85rem;
}

.provider-proof-links .proposal-sidebar__item {
    min-height: 3.6rem;
    padding-inline: 0.9rem;
    border-radius: 0.45rem;
    font-size: 0.95rem;
}

.provider-proof-links .proposal-sidebar__item--active {
    border-color: transparent;
    background: rgba(47, 128, 237, 0.18);
    color: #60a5fa;
}

.provider-proof-workspace__sidebar-footer {
    display: grid;
    gap: 0.7rem;
    border-top: 1px solid #343840;
    padding: 0.75rem 0 0;
}

.provider-proof-workspace__support-link,
.provider-proof-workspace__account-switcher {
    display: grid;
    align-items: center;
    min-height: 2.75rem;
    color: #cbd5e1;
    text-decoration: none;
}

.provider-proof-workspace__support-link {
    grid-template-columns: 1.5rem minmax(0, 1fr);
    gap: 0.55rem;
    padding-inline: 0.7rem;
}

.provider-proof-workspace__account-switcher {
    grid-template-columns: 2.25rem minmax(0, 1fr) auto;
    gap: 0.55rem;
    border: 1px solid #263140;
    border-radius: 0.55rem;
    padding: 0.65rem 0.7rem;
}

.provider-proof-workspace__account-switcher > span:nth-child(2) {
    display: grid;
    min-width: 0;
}

.provider-proof-workspace__account-switcher strong {
    overflow: hidden;
    color: #f8fafc;
    font-size: 0.8rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.provider-proof-workspace__account-switcher small {
    color: #aeb8c7;
    font-size: 0.68rem;
}

.provider-proof-workspace__account-avatar {
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    place-items: center;
    border-radius: 999px;
    background: #c99905;
    color: #ffffff;
    font-weight: 850;
}

.provider-proof-workspace__support-link:hover,
.provider-proof-workspace__support-link:focus-visible,
.provider-proof-workspace__account-switcher:hover,
.provider-proof-workspace__account-switcher:focus-visible {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.05);
}

.page:has(.provider-proof-links) > .public-compliance-footer {
    display: none;
}

.provider-proof-workspace {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    min-width: 0;
    min-height: 0;
    height: 100dvh;
    overflow: hidden;
    padding: clamp(0.85rem, 1.4vw, 1.25rem);
    background:
        radial-gradient(circle at 85% 0%, rgba(47, 128, 237, 0.1), transparent 24rem),
        #1b1c1e;
}

.provider-proof-workspace__header,
.provider-proof-workspace__section-header,
.provider-proof-workspace__examples > header,
.provider-proof-workspace__drawer > header,
.provider-proof-workspace__activity-list header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.provider-proof-workspace__header {
    min-height: 4.65rem;
    padding: 0 0 0.45rem;
}

.provider-proof-workspace__header h1,
.provider-proof-workspace__section-header h2,
.provider-proof-workspace__drawer h2,
.provider-proof-workspace__examples h3 {
    margin: 0.14rem 0 0;
    color: #f8fafc;
}

.provider-proof-workspace__header h1 {
    font-size: clamp(1.55rem, 2vw, 1.9rem);
}

.provider-proof-workspace__header p:not(.proposal-eyebrow),
.provider-proof-workspace__section-header p,
.provider-proof-workspace__drawer > p,
.provider-proof-workspace__examples header p {
    margin: 0.24rem 0 0;
    color: #aeb8c7;
}

.provider-proof-workspace__header-actions,
.provider-proof-workspace__privacy {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.provider-proof-workspace__header-actions .proposal-primary-action {
    gap: 0.45rem;
    min-height: 2.75rem;
}

.provider-proof-workspace__privacy {
    min-height: 2.75rem;
    color: #cbd5e1;
    font-size: 0.85rem;
    font-weight: 750;
}

.provider-proof-workspace__privacy .oi,
.provider-proof-workspace__privacy-note .oi {
    color: #f4c95d;
}

.provider-proof-workspace__views {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 3.35rem;
    border-bottom: 1px solid #3a3d43;
}

.provider-proof-workspace__view {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 2.75rem;
    border: 0;
    border-bottom: 3px solid transparent;
    background: transparent;
    color: #aeb8c7;
    padding: 0.55rem 1rem;
    font-weight: 650;
}

.provider-proof-workspace__view:hover,
.provider-proof-workspace__view:focus-visible {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.05);
}

.provider-proof-workspace__view:focus-visible {
    outline: 3px solid #60a5fa;
    outline-offset: -3px;
}

.provider-proof-workspace__view--active {
    border-bottom-color: #2f80ed;
    color: #60a5fa;
}

.provider-proof-workspace__count {
    display: inline-grid;
    min-width: 1.5rem;
    height: 1.5rem;
    place-items: center;
    border-radius: 999px;
    background: #3a3d43;
    color: #e7edf7;
    font-size: 0.75rem;
}

.provider-proof-workspace__viewport {
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    padding-top: 1.5rem;
}

.provider-proof-workspace__panel {
    display: grid;
    min-width: 0;
    height: 100%;
    min-height: 0;
    gap: 0.85rem;
    overflow: auto;
    scrollbar-gutter: stable;
}

.provider-proof-workspace__create-grid {
    display: grid;
    grid-template-columns: minmax(24rem, 0.82fr) minmax(30rem, 1.18fr);
    min-height: 0;
    gap: 1.5rem;
}

.provider-proof-workspace__create-header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
}

.provider-proof-workspace__back-to-links {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 2.75rem;
    border: 0;
    background: transparent;
    color: #cbd5e1;
    padding: 0.45rem 0.6rem;
    font-weight: 750;
}

.provider-proof-workspace__back-to-links:hover,
.provider-proof-workspace__back-to-links:focus-visible {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.05);
}

.provider-proof-workspace__create-progress {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: center;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.provider-proof-workspace__create-progress-step {
    position: relative;
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    color: #7f8998;
    font-size: 0.78rem;
}

.provider-proof-workspace__create-progress-step:not(:last-child)::after {
    position: absolute;
    z-index: 0;
    top: 50%;
    right: 0.5rem;
    left: calc(2rem + 0.5rem);
    height: 1px;
    background: #41454d;
    content: "";
}

.provider-proof-workspace__create-progress-step > span {
    z-index: 1;
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border: 1px solid #555a64;
    border-radius: 999px;
    background: #202226;
    color: #aeb8c7;
    font-weight: 850;
    line-height: 1;
}

.provider-proof-workspace__create-progress-step > strong {
    z-index: 1;
    overflow: hidden;
    background: #1b1c1e;
    padding-right: 0.5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.provider-proof-workspace__create-progress-step--active {
    color: #f8fafc;
}

.provider-proof-workspace__create-progress-step--active > span {
    border-color: #60a5fa;
    background: #1d4ed8;
    color: #ffffff;
}

.provider-proof-workspace__create-progress-step--complete {
    color: #aeb8c7;
}

.provider-proof-workspace__create-progress-step--complete > span {
    border-color: rgba(0, 230, 118, 0.55);
    background: rgba(0, 230, 118, 0.12);
    color: #86efac;
}

.provider-proof-workspace__create-step {
    display: grid;
    align-content: start;
    gap: 0.85rem;
    min-height: 100%;
    padding: 0.25rem 0.2rem;
}

.provider-proof-workspace__create-step > h2 {
    margin: 0;
    color: #f8fafc;
    font-size: clamp(1.5rem, 2.4vw, 2rem);
    line-height: 1.15;
}

.provider-proof-workspace__create-step > p:not(.proposal-eyebrow) {
    margin: -0.35rem 0 0.35rem;
    color: #aeb8c7;
    line-height: 1.5;
}

.provider-proof-workspace__create-step > label,
.provider-proof-workspace__create-step > .provider-proof-links__field-grid > label {
    display: grid;
    gap: 0.4rem;
}

.provider-proof-workspace__create-step label > span {
    color: #cbd5e1;
    font-weight: 750;
}

.provider-proof-workspace__create-step label > span small {
    color: #f4c95d;
    font-weight: 700;
}

.provider-proof-workspace__source-readback,
.provider-proof-workspace__review-checks {
    border: 1px solid #41454d;
    border-radius: 0.75rem;
    background: #24262a;
}

.provider-proof-workspace__source-readback {
    display: grid;
    grid-template-columns: 2.75rem minmax(0, 1fr);
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem;
}

.provider-proof-workspace__source-readback > .oi {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    border-radius: 0.65rem;
    background: rgba(96, 165, 250, 0.12);
    color: #93c5fd;
}

.provider-proof-workspace__source-readback > div {
    display: grid;
    gap: 0.2rem;
}

.provider-proof-workspace__source-readback strong {
    color: #f8fafc;
}

.provider-proof-workspace__source-readback small {
    color: #aeb8c7;
}

.provider-proof-workspace__review-checks {
    display: grid;
}

.provider-proof-workspace__review-checks > p {
    display: grid;
    grid-template-columns: 1.25rem minmax(0, 1fr);
    gap: 0.65rem;
    margin: 0;
    border-top: 1px solid #41454d;
    padding: 0.8rem;
}

.provider-proof-workspace__review-checks > p:first-child {
    border-top: 0;
}

.provider-proof-workspace__review-checks > p > .oi {
    color: #86efac;
}

.provider-proof-workspace__review-checks > p > .oi-lock-locked,
.provider-proof-workspace__review-checks > p > .oi-calendar {
    color: #f4c95d;
}

.provider-proof-workspace__review-checks > p > span:last-child {
    display: grid;
    gap: 0.2rem;
}

.provider-proof-workspace__review-checks strong {
    color: #f8fafc;
}

.provider-proof-workspace__review-checks small {
    color: #aeb8c7;
}

.provider-proof-workspace__editor,
.provider-proof-workspace__preview-pane,
.provider-proof-workspace__drawer,
.provider-proof-workspace__checklist,
.provider-proof-workspace__visibility,
.provider-proof-workspace__examples {
    border: 1px solid #3a3d43;
    border-radius: 0.85rem;
    background: #2b2d31;
}

.provider-proof-workspace__editor,
.provider-proof-workspace__preview-pane,
.provider-proof-workspace__drawer {
    min-height: 0;
    padding: 0.9rem;
}

.provider-proof-workspace__editor {
    border: 0;
    background: transparent;
    padding: 0;
    overflow: auto;
}

.provider-proof-workspace__preview-pane {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    border: 0;
    border-left: 1px solid #3a3d43;
    border-radius: 0;
    background: transparent;
    padding: 0 0 0 1.5rem;
    overflow: auto;
}

.provider-proof-workspace__section-header h2 {
    font-size: 1.1rem;
}

.provider-proof-workspace__channels {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    padding: 0;
    border: 1px solid #4a4e56;
    border-radius: 0;
    background: #202226;
}

.provider-proof-workspace__channels button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-width: 0;
    min-height: 2.75rem;
    border: 0;
    border-bottom: 3px solid transparent;
    border-radius: 0;
    background: transparent;
    color: #aeb8c7;
    font-weight: 800;
}

.provider-proof-workspace__channels button[aria-pressed="true"] {
    border-bottom-color: #2f80ed;
    background: transparent;
    color: #60a5fa;
}

.provider-proof-workspace .provider-proof-links__form {
    gap: 0.65rem;
}

.provider-proof-workspace__editor-step {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: 0.7rem;
    border: 1px solid #474b53;
    border-radius: 0.75rem;
    background: #24262a;
    padding: 0.75rem;
}

.provider-proof-workspace__editor-step > div,
.provider-proof-workspace__editor-step-body {
    display: grid;
    min-width: 0;
    gap: 0.6rem;
}

.provider-proof-workspace__editor-step h3 {
    margin: 0;
    color: #f8fafc;
    font-size: 1rem;
}

.provider-proof-workspace__step-number {
    display: grid;
    width: 2rem;
    height: 2rem;
    float: none;
    place-items: center;
    border-radius: 999px;
    background: #1d4ed8;
    color: #ffffff;
    font-size: 0.86rem;
    font-weight: 850;
}

.provider-proof-workspace .provider-proof-links__form input,
.provider-proof-workspace .provider-proof-links__form textarea,
.provider-proof-workspace .provider-proof-links__form select,
.provider-proof-workspace .provider-proof-links__link-readback input,
.provider-proof-workspace .provider-proof-links__revoke-confirm input {
    border-color: #555a64;
    background: #202226;
}

.provider-proof-workspace .provider-proof-links__form textarea {
    min-height: 4.5rem;
}

.provider-proof-workspace__editor-step-body > label > span,
.provider-proof-workspace__editor-step-body > .provider-proof-links__field-grid label > span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.provider-proof-workspace__editor-step-body > label > span small {
    color: #8abfff;
    font-weight: 700;
}

.provider-proof-workspace .provider-proof-links__sources,
.provider-proof-workspace .provider-proof-links__private-fields {
    display: block;
    border-color: #474b53;
    background: #24262a;
    padding: 0.65rem 0.75rem;
}

.provider-proof-workspace .provider-proof-links__sources summary,
.provider-proof-workspace .provider-proof-links__private-fields summary {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.65rem;
    min-height: 2.75rem;
    color: #f8fafc;
    font-weight: 800;
    cursor: pointer;
}

.provider-proof-workspace .provider-proof-links__sources summary > small {
    color: #8abfff;
    font-size: 0.78rem;
}

.provider-proof-workspace .provider-proof-links__private-fields summary > .oi {
    color: #f4c95d;
}

.provider-proof-workspace .provider-proof-links__sources > label {
    margin-top: 0.55rem;
}

.provider-proof-workspace .provider-proof-links__safe-preview {
    position: static;
    display: grid;
    grid-template-columns: minmax(12rem, 0.8fr) minmax(16rem, 1.2fr);
    grid-template-rows: minmax(0, 1fr) auto;
    width: 100%;
    min-height: 20rem;
    margin: auto;
    border-color: rgba(47, 128, 237, 0.5);
    background: linear-gradient(150deg, #17233a, #222833);
    padding: 0;
    overflow: hidden;
}

.provider-proof-workspace .provider-proof-links__safe-preview:not(:has(.provider-proof-workspace__preview-cover)) {
    grid-template-columns: minmax(0, 1fr);
}

.provider-proof-workspace__preview-cover {
    width: 100%;
    height: 100%;
    min-height: 17rem;
    object-fit: cover;
    border-right: 1px solid #4a4e56;
}

.provider-proof-workspace__preview-copy {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    min-width: 0;
    padding: 1rem;
}

.provider-proof-workspace__preview-copy > header {
    align-items: center;
}

.provider-proof-workspace__preview-copy > p {
    flex: 1;
    margin: 0;
    color: #cbd5e1;
    line-height: 1.55;
}

.provider-proof-workspace .provider-proof-card__preview dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.provider-proof-workspace__preview-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    min-height: 2.75rem;
    border: 0;
    border-radius: 0.65rem;
    background: #1d4ed8;
    color: #ffffff;
    padding: 0.7rem 0.85rem;
    font-weight: 850;
    text-align: left;
}

.provider-proof-workspace .provider-proof-links__safe-preview > footer {
    grid-column: 1 / -1;
    min-height: 3.5rem;
    border-top: 1px solid #41454d;
    padding: 0.75rem 1rem;
}

.provider-proof-workspace .provider-proof-links__safe-preview > footer > span {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.provider-proof-workspace__footer-logo {
    --hivesync-logo-size: 1.65rem;
}

.provider-proof-workspace .provider-proof-links__safe-preview--sms {
    grid-template-columns: minmax(0, 1fr);
    max-width: 25rem;
    border-radius: 1.3rem;
}

.provider-proof-workspace .provider-proof-links__safe-preview--sms .provider-proof-workspace__preview-cover {
    display: none;
}

.provider-proof-workspace .provider-proof-links__safe-preview--sms .provider-proof-workspace__preview-copy {
    gap: 0.55rem;
    padding: 0.85rem;
}

.provider-proof-workspace .provider-proof-links__safe-preview--sms .provider-proof-workspace__preview-copy > header h2 {
    font-size: clamp(1.2rem, 2vw, 1.55rem);
}

.provider-proof-workspace .provider-proof-links__safe-preview--sms .provider-proof-workspace__preview-copy > p {
    line-height: 1.35;
}

.provider-proof-workspace .provider-proof-links__safe-preview--email {
    max-width: 38rem;
    border-radius: 0.4rem;
}

.provider-proof-workspace__privacy-note {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    width: min(100%, 34rem);
    margin: 0 auto;
    border: 1px solid rgba(244, 201, 93, 0.35);
    border-radius: 0.75rem;
    background: rgba(244, 201, 93, 0.07);
    color: #cbd5e1;
    padding: 0.7rem 0.8rem;
}

.provider-proof-workspace__privacy-note p {
    margin: 0;
}

.provider-proof-workspace__privacy-note strong {
    color: #f8fafc;
}

.provider-proof-workspace__action-rail {
    position: static;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(13rem, 1fr) auto auto;
    align-items: center;
    gap: 1rem;
    min-height: 6rem;
    border: 0;
    border-top: 1px solid #3a3d43;
    border-radius: 0;
    background: rgba(43, 45, 49, 0.98);
    box-shadow: 0 -0.65rem 1.4rem rgba(0, 0, 0, 0.18);
    padding: 0.8rem 2rem;
}

.provider-proof-workspace__readiness {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 13rem;
}

.provider-proof-workspace__readiness > .oi {
    font-size: 1.35rem;
}

.provider-proof-workspace__readiness > span:last-child {
    display: grid;
    gap: 0.12rem;
}

.provider-proof-workspace__readiness strong {
    color: #f8fafc;
}

.provider-proof-workspace__readiness small {
    color: #aeb8c7;
    font-size: 0.72rem;
}

.provider-proof-workspace__readiness--ready > .oi {
    color: #63d392;
}

.provider-proof-workspace__readiness--incomplete > .oi {
    color: #f4c95d;
}

.provider-proof-workspace__action-rail label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #cbd5e1;
    font-size: 0.82rem;
    font-weight: 750;
}

.provider-proof-workspace__action-rail select {
    min-height: 2.75rem;
    border: 1px solid #555a64;
    border-radius: 0.55rem;
    background: #202226;
    color: #f8fafc;
    padding: 0 0.65rem;
}

.provider-proof-workspace__action-rail > span {
    justify-self: center;
    color: #aeb8c7;
    font-size: 0.82rem;
}

.provider-proof-workspace__action-rail > span .oi {
    color: #63d392;
}

.provider-proof-workspace__action-rail .proposal-primary-action {
    gap: 0.5rem;
    min-width: 9.5rem;
    min-height: 2.75rem;
}

.provider-proof-workspace__step-back,
.provider-proof-workspace__save-draft {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-width: 8.25rem;
    min-height: 2.75rem;
    border: 1px solid #555a64;
    border-radius: 0.6rem;
    background: #202226;
    color: #f8fafc;
    font-weight: 800;
}

.provider-proof-workspace__step-back {
    min-width: 8.25rem;
    min-height: 2.75rem;
    border: 0;
    background: transparent;
    color: #cbd5e1;
}

.provider-proof-workspace__step-back:hover,
.provider-proof-workspace__step-back:focus-visible {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.05);
}

.provider-proof-workspace__save-draft:hover:not(:disabled) {
    border-color: #7db7ff;
    background: #292c31;
}

.provider-proof-workspace__save-draft:disabled {
    cursor: not-allowed;
    opacity: 0.58;
}

.provider-proof-workspace__panel--links,
.provider-proof-workspace__panel--attention,
.provider-proof-workspace__panel--activity,
.provider-proof-workspace__panel--help {
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
}

.provider-proof-workspace__panel--links {
    grid-template-columns: minmax(0, 1fr) minmax(21rem, 0.42fr);
    grid-template-rows: auto minmax(0, 1fr) auto;
}

.provider-proof-workspace__panel--activity {
    grid-template-rows: auto auto minmax(0, 1fr) auto;
}

.provider-proof-workspace__panel--create {
    grid-template-rows: minmax(0, 1fr) auto auto;
    overflow: hidden;
    padding-bottom: 0;
}

.provider-proof-workspace__links-grid {
    display: contents;
}

.provider-proof-workspace__compact-summary,
.provider-proof-workspace__metric-summary-row {
    grid-column: 1;
    grid-row: 1;
}

.provider-proof-workspace__metric-summary-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 2.75rem;
    align-items: stretch;
    gap: 0.65rem;
    min-width: 0;
}

.provider-proof-workspace__metric-reload {
    display: grid;
    width: 2.75rem;
    min-width: 2.75rem;
    min-height: 2.75rem;
    place-items: center;
    align-self: stretch;
    border: 1px solid #555a64;
    border-radius: 0.65rem;
    background: #383b42;
    color: #f8fafc;
}

.provider-proof-workspace__metric-reload:hover:not(:disabled),
.provider-proof-workspace__metric-reload:focus-visible {
    border-color: #7db7ff;
    background: #292c31;
}

.provider-proof-workspace__panel--links .provider-proof-workspace__link-list {
    grid-column: 1;
    grid-row: 2;
}

.provider-proof-workspace__panel--links .provider-proof-workspace__drawer {
    grid-column: 2;
    grid-row: 1 / 3;
    margin-left: 0.65rem;
}

.provider-proof-workspace__compact-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 2.75rem;
    border-bottom: 1px solid #3a3d43;
    padding: 0 0.2rem 0.65rem;
}

.provider-proof-workspace__compact-summary p {
    margin: 0;
    color: #aeb8c7;
}

.provider-proof-workspace__compact-summary strong {
    color: #f8fafc;
}

.provider-proof-workspace__compact-summary .proposal-link-button {
    min-height: 2.75rem;
}

.provider-proof-workspace__panel--attention {
    grid-template-rows: auto minmax(0, 1fr);
}

.provider-proof-workspace__attention-grid {
    display: grid;
    grid-template-columns: minmax(23rem, 0.9fr) minmax(28rem, 1.1fr);
    min-height: 0;
    gap: 1rem;
    overflow: hidden;
}

.provider-proof-workspace__attention-list,
.provider-proof-workspace__attention-signals {
    min-height: 0;
    overflow: auto;
}

.provider-proof-workspace__attention-list {
    display: grid;
    align-content: start;
    gap: 0.75rem;
}

.provider-proof-workspace__attention-card {
    display: grid;
    gap: 0.75rem;
    border: 1px solid #3a3d43;
    border-radius: 0.8rem;
    background: #2b2d31;
    padding: 0.8rem;
}

.provider-proof-workspace__attention-card--selected {
    border-color: #60a5fa;
    box-shadow: inset 3px 0 0 #60a5fa;
}

.provider-proof-workspace__attention-summary {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    align-items: start;
    gap: 0.8rem;
    min-height: 2.75rem;
    border: 0;
    background: transparent;
    color: #f8fafc;
    padding: 0;
    text-align: left;
}

.provider-proof-workspace__attention-summary > span:last-child {
    display: grid;
    gap: 0.25rem;
}

.provider-proof-workspace__attention-summary strong {
    font-size: 1.05rem;
}

.provider-proof-workspace__attention-summary small {
    color: #aeb8c7;
    line-height: 1.4;
}

.provider-proof-workspace__attention-summary b {
    margin-top: 0.35rem;
    color: #f4c95d;
}

.provider-proof-workspace__attention-icon {
    display: grid;
    width: 3rem;
    height: 3rem;
    place-items: center;
    border-radius: 0.7rem;
    background: rgba(244, 201, 93, 0.12);
    color: #f4c95d;
    font-size: 1.2rem;
}

.provider-proof-workspace__attention-icon--orange {
    background: rgba(255, 165, 0, 0.12);
    color: #ffa500;
}

.provider-proof-workspace__attention-card > div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    padding-left: 3.8rem;
}

.provider-proof-workspace__attention-card > div > button {
    min-height: 2.75rem;
    border: 1px solid #555a64;
    border-radius: 0.65rem;
    background: #383b42;
    color: #f8fafc;
    padding: 0.5rem 0.8rem;
    font-weight: 800;
}

.provider-proof-workspace__attention-card > div > .proposal-primary-action {
    border-color: #2f80ed;
    background: #1d4ed8;
}

.provider-proof-workspace__attention-signals {
    border: 1px solid #3a3d43;
    border-radius: 0.85rem;
    background: #202226;
    padding: 1rem;
}

.provider-proof-workspace__attention-signals > header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.35rem;
}

.provider-proof-workspace__attention-signals h3 {
    margin: 0.15rem 0 0;
    color: #f8fafc;
}

.provider-proof-workspace__attention-signals > header > small,
.provider-proof-workspace__attention-signals article small,
.provider-proof-workspace__attention-signals article time,
.provider-proof-workspace__attention-signals details p {
    color: #aeb8c7;
}

.provider-proof-workspace__attention-signals article {
    display: grid;
    grid-template-columns: 2.5rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.65rem;
    border-top: 1px solid #3a3d43;
    padding: 0.8rem 0;
}

.provider-proof-workspace__attention-signals article > .oi {
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    place-items: center;
    border-radius: 999px;
    background: rgba(96, 165, 250, 0.12);
    color: #93c5fd;
}

.provider-proof-workspace__attention-signals article > div {
    display: grid;
    gap: 0.2rem;
}

.provider-proof-workspace__attention-signals article strong {
    color: #f8fafc;
}

.provider-proof-workspace__attention-signals details {
    border-top: 1px solid #3a3d43;
}

.provider-proof-workspace__attention-signals summary {
    min-height: 2.75rem;
    color: #cbd5e1;
    padding: 0.75rem 0;
    font-weight: 750;
    cursor: pointer;
}

.provider-proof-workspace__attention-signals details p {
    margin: 0;
    line-height: 1.5;
}

.provider-proof-workspace__link-list {
    display: grid;
    align-content: start;
    min-height: 0;
    gap: 0.55rem;
    overflow: auto;
    padding-right: 0.25rem;
}

.provider-proof-workspace__link-table-header {
    display: grid;
    grid-template-columns: minmax(12rem, 1.3fr) 6rem 7rem 8rem minmax(13rem, auto);
    gap: 0.7rem;
    color: #aeb8c7;
    padding: 0 0.65rem;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.provider-proof-workspace__link-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.7rem;
    border: 1px solid #3a3d43;
    border-radius: 0.8rem;
    background: #2b2d31;
    padding: 0.65rem;
}

.provider-proof-workspace__link-row .provider-proof-links__actions {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: end;
    gap: 0.35rem;
    border-top: 0;
    padding-top: 0;
}

.provider-proof-workspace__link-row--selected {
    border-color: #2f80ed;
    box-shadow: inset 3px 0 0 #2f80ed;
}

.provider-proof-workspace__link-summary {
    display: grid;
    grid-template-columns: minmax(12rem, 1.3fr) 6rem 7rem 8rem;
    align-items: center;
    gap: 0.7rem;
    min-width: 0;
    min-height: 2.75rem;
    border: 0;
    background: transparent;
    color: #f8fafc;
    text-align: left;
}

.provider-proof-workspace__link-identity {
    display: grid;
    grid-template-columns: 2.5rem minmax(0, 1fr);
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
}

.provider-proof-workspace__link-identity > span:last-child,
.provider-proof-workspace__link-activity {
    display: grid;
    min-width: 0;
    gap: 0.15rem;
}

.provider-proof-workspace__link-expiry,
.provider-proof-workspace__link-activity {
    color: #cbd5e1;
    font-size: 0.78rem;
}

.provider-proof-workspace__link-activity small {
    color: #aeb8c7;
}

.provider-proof-workspace__link-activity .oi-eye {
    color: #7db7ff;
}

.provider-proof-workspace__link-activity .oi-arrow-thick-top {
    color: #63d392;
}

.provider-proof-workspace .status-pill {
    flex-shrink: 0;
    white-space: nowrap;
}

.provider-proof-workspace__link-identity strong,
.provider-proof-workspace__link-identity small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.provider-proof-workspace__link-identity small {
    color: #aeb8c7;
}

.provider-proof-workspace .provider-proof-links__preview-action,
.provider-proof-workspace .provider-proof-links__icon-action,
.provider-proof-workspace__manage,
.provider-proof-workspace__recommendation button,
.provider-proof-workspace__examples button {
    min-height: 2.75rem;
    border: 1px solid #555a64;
    border-radius: 0.65rem;
    background: #383b42;
    color: #f8fafc;
    font-weight: 800;
}

.provider-proof-workspace .provider-proof-links__preview-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    padding: 0.5rem 0.65rem;
    white-space: nowrap;
}

.provider-proof-workspace .provider-proof-links__icon-action {
    display: inline-flex;
    width: 2.75rem;
    min-width: 2.75rem;
    height: 2.75rem;
    min-height: 2.75rem;
    flex: 0 0 2.75rem;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: #383b42;
}

.provider-proof-workspace__link-row .provider-proof-links__revoke {
    min-height: 2.75rem;
    padding: 0.5rem 0.65rem;
    border-radius: 0.65rem;
    white-space: nowrap;
}

.provider-proof-workspace .provider-proof-links__preview-action:focus-visible,
.provider-proof-workspace__link-row .provider-proof-links__revoke:focus-visible {
    outline: 3px solid #60a5fa;
    outline-offset: 2px;
}

.provider-proof-workspace__manage {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 0.55rem 0.8rem;
}

.provider-proof-workspace__drawer {
    display: grid;
    align-content: start;
    gap: 0.85rem;
    border-radius: 0;
    background: linear-gradient(160deg, #252b32, #1f242a);
    overflow: auto;
}

.provider-proof-workspace__drawer-title h2 {
    font-size: 1rem;
}

.provider-proof-workspace__drawer-title > button {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid #555a64;
    border-radius: 0.65rem;
    background: #24262a;
    color: #f8fafc;
}

.provider-proof-workspace__drawer-state {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    align-items: center;
    gap: 0.65rem;
    border-top: 1px solid #41454d;
    border-bottom: 1px solid #41454d;
    color: #aeb8c7;
    padding-block: 0.85rem;
    font-size: 0.8rem;
}

.provider-proof-workspace__drawer-state > span:last-child {
    display: grid;
    gap: 0.3rem;
}

.provider-proof-workspace__drawer-state strong {
    color: #f8fafc;
    font-size: 1rem;
}

.provider-proof-workspace__drawer-state .status-pill {
    justify-self: start;
}

.provider-proof-workspace__drawer-actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.5rem;
    width: 100%;
    min-width: 0;
}

.provider-proof-workspace__drawer-share-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
    width: 100%;
    min-width: 0;
}

.provider-proof-workspace__drawer-actions .provider-proof-workspace__drawer-revoke {
    width: auto;
    padding: 0.5rem 0.7rem;
    white-space: nowrap;
}

@media (min-width: 761px) and (max-height: 760px) {
    .provider-proof-workspace__drawer {
        gap: 0.55rem;
    }

    .provider-proof-workspace .provider-proof-links__revoke-confirm {
        gap: 0.35rem;
        padding: 0.65rem;
    }

    .provider-proof-workspace .provider-proof-links__revoke-confirm p {
        margin: 0;
        font-size: 0.9rem;
        line-height: 1.3;
    }

    .provider-proof-workspace .provider-proof-links__revoke-confirm label {
        margin: 0;
    }

    .provider-proof-workspace .provider-proof-links__revoke-confirm > div {
        flex-wrap: nowrap;
        gap: 0.55rem;
    }

    .provider-proof-workspace .provider-proof-links__revoke-confirm button {
        padding-inline: 0.65rem;
        white-space: nowrap;
    }
}

.provider-proof-workspace__safe-summary {
    border-top: 0;
    padding-top: 0;
}

.provider-proof-workspace__safe-summary h3,
.provider-proof-workspace__safe-summary p {
    margin: 0;
}

.provider-proof-workspace__safe-summary h3 {
    color: #f8fafc;
    font-size: 0.95rem;
}

.provider-proof-workspace__safe-summary p {
    margin-top: 0.25rem;
    color: #aeb8c7;
}

.provider-proof-workspace__safe-summary ul {
    display: grid;
    gap: 0.4rem;
    margin: 0.7rem 0 0;
    padding: 0;
    list-style: none;
}

.provider-proof-workspace__safe-summary li {
    display: grid;
    grid-template-columns: 1rem minmax(0, 1fr);
    gap: 0.45rem;
    color: #aeb8c7;
}

.provider-proof-workspace__safe-summary li .oi {
    color: #f4c95d;
}

.provider-proof-workspace__drawer-preview {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    min-height: 2.75rem;
    border-color: #2f80ed !important;
    background: #1d4ed8 !important;
}

.provider-proof-workspace__drawer-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 2.75rem;
    border: 1px solid #555a64;
    border-radius: 0.65rem;
    background: #383b42;
    color: #f8fafc;
    padding: 0.5rem 0.7rem;
    font-weight: 800;
    min-width: 0;
    white-space: normal;
}

.provider-proof-workspace__privacy-note--drawer {
    width: 100%;
    margin: 0;
    border-color: #41454d;
    background: transparent;
}

.provider-proof-workspace__drawer-revoke {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    min-height: 2.75rem;
    border: 1px solid #ff5a52;
    border-radius: 0.65rem;
    background: transparent;
    color: #ff8b85;
    font-weight: 800;
}

.provider-proof-workspace__technical-actions {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-block: 0.65rem;
}

.provider-proof-workspace__facts,
.provider-proof-workspace__metric-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.65rem;
    margin: 0;
}

.provider-proof-workspace__facts div,
.provider-proof-workspace__metric-summary article {
    border: 1px solid #41454d;
    border-radius: 0.7rem;
    background: #24262a;
    padding: 0.65rem;
}

.provider-proof-workspace__facts dt,
.provider-proof-workspace__metric-summary small {
    color: #aeb8c7;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.provider-proof-workspace__facts dd {
    margin: 0.2rem 0 0;
    color: #f8fafc;
    font-weight: 800;
}

.provider-proof-workspace .provider-proof-links__receipt summary {
    min-height: 2.75rem;
    color: #cbd5e1;
    font-weight: 750;
    cursor: pointer;
}

.provider-proof-workspace .provider-proof-links__receipt dl {
    display: grid;
    gap: 0.5rem;
    margin: 0;
}

.provider-proof-workspace__empty {
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.65rem;
    color: #aeb8c7;
    text-align: center;
}

.provider-proof-workspace__empty .oi {
    color: #2f80ed;
    font-size: 2rem;
}

.provider-proof-workspace__empty h2,
.provider-proof-workspace__empty p {
    margin: 0;
}

.provider-proof-workspace__recommendation {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.85rem;
    border: 1px solid #3a3d43;
    border-radius: 0.85rem;
    background: #24262a;
    padding: 0.85rem;
}

.provider-proof-workspace__recommendation > .oi {
    display: grid;
    width: 3rem;
    height: 3rem;
    place-items: center;
    border-radius: 999px;
    background: #1d4ed8;
    color: #ffffff;
    font-size: 1.35rem;
}

.provider-proof-workspace__recommendation div {
    display: grid;
    gap: 0.15rem;
}

.provider-proof-workspace__recommendation small {
    color: #aeb8c7;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.provider-proof-workspace__recommendation strong {
    color: #f8fafc;
}

.provider-proof-workspace__recommendation p {
    margin: 0;
    color: #cbd5e1;
}

.provider-proof-workspace__recommendation button,
.provider-proof-workspace__examples button {
    padding: 0.55rem 0.8rem;
}

.provider-proof-workspace__metric-summary article {
    display: grid;
    grid-template-columns: auto auto 1fr;
    align-items: center;
    gap: 0.65rem;
    padding: 0.9rem;
}

.provider-proof-workspace__metric-summary .oi {
    color: #7db7ff;
}

.provider-proof-workspace__metric-summary article:nth-child(2) .oi {
    color: #63d392;
}

.provider-proof-workspace__metric-summary article:nth-child(3) .oi {
    color: #f4c95d;
}

.provider-proof-workspace__metric-summary article:nth-child(4) .oi {
    color: #aeb8c7;
}

.provider-proof-workspace__metric-summary strong {
    color: #f8fafc;
    font-size: 1.65rem;
}

.provider-proof-workspace__metric-unavailable strong {
    font-size: 0.95rem;
}

.provider-proof-workspace__activity-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(17rem, 0.8fr);
    min-height: 0;
    overflow: hidden;
    border: 1px solid #3a3d43;
    border-radius: 0.85rem;
    background: #202226;
}

.provider-proof-workspace__activity-chart,
.provider-proof-workspace__recent-signals {
    min-height: 0;
    padding: 0.85rem;
}

.provider-proof-workspace__activity-chart {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    gap: 0.65rem;
}

.provider-proof-workspace__activity-chart > header,
.provider-proof-workspace__recent-signals > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.provider-proof-workspace__activity-chart h3,
.provider-proof-workspace__recent-signals h3,
.provider-proof-workspace__activity-chart p {
    margin: 0;
}

.provider-proof-workspace__activity-chart h3,
.provider-proof-workspace__recent-signals h3 {
    color: #f8fafc;
    font-size: 1rem;
}

.provider-proof-workspace__activity-chart p,
.provider-proof-workspace__recent-signals header small {
    margin-top: 0.2rem;
    color: #aeb8c7;
    font-size: 0.76rem;
}

.provider-proof-workspace__activity-chart select {
    min-height: 2.75rem;
    border: 1px solid #555a64;
    border-radius: 0.65rem;
    background: #24262a;
    color: #f8fafc;
    padding: 0 0.7rem;
}

.provider-proof-workspace__activity-filters {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.55rem;
}

.provider-proof-workspace__activity-filters > span {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 2.75rem;
    border: 1px solid #555a64;
    border-radius: 0.65rem;
    background: #24262a;
    color: #cbd5e1;
    padding: 0 0.7rem;
    font-size: 0.78rem;
    font-weight: 750;
    white-space: nowrap;
}

.provider-proof-workspace__chart-legend {
    display: flex;
    gap: 1rem;
    color: #aeb8c7;
    font-size: 0.75rem;
}

.provider-proof-workspace__chart-legend span {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.provider-proof-workspace__legend-swatch {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 0.2rem;
}

.provider-proof-workspace__legend-swatch--views {
    background: #2f80ed;
}

.provider-proof-workspace__legend-swatch--starts {
    background: #2bbf77;
}

.provider-proof-workspace__activity-list {
    display: grid;
    align-content: start;
    gap: 0.65rem;
    min-height: 0;
    overflow: auto;
}

.provider-proof-workspace__activity-list article {
    display: grid;
    gap: 0.55rem;
    border: 1px solid #3a3d43;
    border-radius: 0.75rem;
    background: #2b2d31;
    padding: 0.75rem;
}

.provider-proof-workspace__activity-list header div {
    display: grid;
    gap: 0.18rem;
}

.provider-proof-workspace__activity-chart .provider-proof-workspace__activity-list article {
    gap: 0.35rem;
    border: 0;
    border-top: 1px solid #3a3d43;
    border-radius: 0;
    background: transparent;
    padding: 0.6rem 0;
}

.provider-proof-workspace__activity-chart .provider-proof-workspace__activity-list article:first-child {
    border-top: 0;
}

.provider-proof-workspace__activity-chart .provider-proof-workspace__activity-list header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.provider-proof-workspace__activity-list strong {
    color: #f8fafc;
}

.provider-proof-workspace__activity-list small,
.provider-proof-workspace__activity-list header > span {
    color: #aeb8c7;
}

.provider-proof-workspace__bar {
    height: 0.42rem;
    overflow: hidden;
    border-radius: 999px;
    background: #202226;
}

.provider-proof-workspace__bar span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #2f80ed;
}

.provider-proof-workspace__signal-row {
    display: grid;
    grid-template-columns: 3.25rem minmax(0, 1fr) 2rem;
    align-items: center;
    gap: 0.55rem;
    color: #aeb8c7;
    font-size: 0.72rem;
}

.provider-proof-workspace__signal-row > strong {
    color: #f8fafc;
    text-align: right;
}

.provider-proof-workspace__bar--starts span {
    background: #2bbf77;
}

.provider-proof-workspace__recent-signals {
    border-left: 1px solid #3a3d43;
    overflow: auto;
}

.provider-proof-workspace__recent-signals article {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.6rem;
    border-top: 1px solid #3a3d43;
    padding: 0.7rem 0;
}

.provider-proof-workspace__recent-signals article > .oi {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: 999px;
    background: rgba(47, 128, 237, 0.16);
    color: #7db7ff;
}

.provider-proof-workspace__recent-signal--green > .oi {
    background: rgba(43, 191, 119, 0.16) !important;
    color: #63d392 !important;
}

.provider-proof-workspace__recent-signal--gold > .oi {
    background: rgba(244, 201, 93, 0.15) !important;
    color: #f4c95d !important;
}

.provider-proof-workspace__recent-signals article div {
    display: grid;
    gap: 0.15rem;
}

.provider-proof-workspace__recent-signals article strong {
    color: #f8fafc;
}

.provider-proof-workspace__recent-signals article small,
.provider-proof-workspace__recent-signals time,
.provider-proof-workspace__recent-signals > p {
    color: #aeb8c7;
    font-size: 0.72rem;
}

.provider-proof-workspace__recent-signals time {
    max-width: 6rem;
    text-align: right;
}

.provider-proof-workspace__recent-signals > .provider-proof-workspace__recent-signal-note {
    margin: 0.35rem 0 0;
    border-top: 1px solid #3a3d43;
    padding-top: 0.65rem;
    line-height: 1.45;
}

.provider-proof-workspace__disclaimer {
    margin: 0;
    color: #aeb8c7;
    font-size: 0.82rem;
}

.provider-proof-workspace__help-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(18rem, 0.75fr);
    min-height: 0;
    gap: 0.85rem;
    overflow: hidden;
}

.provider-proof-workspace__panel--help {
    grid-template-rows: auto auto minmax(0, 1fr);
}

.provider-proof-workspace__help-toolbar {
    display: grid;
    grid-template-columns: minmax(18rem, 1fr) auto;
    gap: 0.75rem;
}

.provider-proof-workspace__help-toolbar label {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.65rem;
    min-height: 2.75rem;
    border: 1px solid #555a64;
    border-radius: 0.65rem;
    background: #202226;
    color: #aeb8c7;
    padding: 0 0.75rem;
}

.provider-proof-workspace__help-toolbar input {
    width: 100%;
    min-width: 0;
    min-height: 2.75rem;
    border: 0;
    background: transparent;
    color: #f8fafc;
}

.provider-proof-workspace__help-toolbar input:focus {
    outline: 0;
}

.provider-proof-workspace__help-toolbar label:focus-within {
    outline: 3px solid #60a5fa;
    outline-offset: 2px;
}

.provider-proof-workspace__help-toolbar .proposal-primary-action {
    gap: 0.5rem;
    min-height: 2.75rem;
}

.provider-proof-workspace__help-columns {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(20rem, 0.85fr);
    min-height: 0;
    gap: 0.85rem;
    overflow: hidden;
}

.provider-proof-workspace__help-main,
.provider-proof-workspace__help-side {
    display: grid;
    align-content: start;
    grid-auto-rows: max-content;
    min-height: 0;
    gap: 0.75rem;
    overflow: auto;
}

.provider-proof-workspace__help-side {
    grid-auto-rows: max-content;
    padding-right: 0.2rem;
    overflow: auto;
}

.provider-proof-workspace__help-main:focus-visible {
    outline: 3px solid #60a5fa;
    outline-offset: -3px;
}

.provider-proof-workspace__help-section > h3,
.provider-proof-workspace__before-publishing h3,
.provider-proof-workspace__faqs h3 {
    margin: 0 0 0.6rem;
    color: #f8fafc;
    font-size: 1rem;
}

.provider-proof-workspace__checklist,
.provider-proof-workspace__visibility {
    min-height: 0;
    overflow: visible;
    padding: 0.85rem;
}

.provider-proof-workspace__checklist {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    border: 0;
    background: transparent;
    padding: 0;
}

.provider-proof-workspace__checklist article {
    display: grid;
    grid-template-columns: 1.75rem 3.6rem minmax(0, 1fr);
    align-items: start;
    gap: 0.65rem;
    border: 0;
    border-top: 1px solid #41454d;
    border-radius: 0;
    background: transparent;
    padding: 0.75rem 0;
}

.provider-proof-workspace__checklist article:first-child {
    border-top: 0;
}

.provider-proof-workspace__checklist article > span {
    display: grid;
    width: 1.75rem;
    height: 1.75rem;
    place-items: center;
    border-radius: 999px;
    background: #1d4ed8;
    color: #ffffff;
    font-weight: 850;
}

.provider-proof-workspace__checklist article > .provider-proof-workspace__help-icon {
    width: 3.6rem;
    height: 3.6rem;
    border: 1px solid #4a4e56;
    border-radius: 0.55rem;
    background: #202226;
    color: #60a5fa;
    font-size: 1.25rem;
}

.provider-proof-workspace__checklist strong,
.provider-proof-workspace__visibility h3 {
    color: #f8fafc;
}

.provider-proof-workspace__checklist p,
.provider-proof-workspace__visibility p {
    margin: 0.25rem 0 0;
    color: #aeb8c7;
}

.provider-proof-workspace__visibility h3 {
    margin: 0 0 0.5rem;
}

.provider-proof-workspace__visibility h3:not(:first-child) {
    margin-top: 0.85rem;
}

.provider-proof-workspace__visibility .oi-check {
    color: #63d392;
}

.provider-proof-workspace__visibility .oi-lock-locked {
    color: #f4c95d;
}

.provider-proof-workspace__visibility-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.provider-proof-workspace__visibility-columns > div + div {
    border-left: 1px solid #41454d;
    padding-left: 0.75rem;
}

.provider-proof-workspace__visibility-columns > div > strong {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    color: #f8fafc;
}

.provider-proof-workspace__visibility-columns > div:first-child > strong .oi {
    color: #7db7ff;
}

.provider-proof-workspace__visibility-columns > div:last-child > strong .oi {
    color: #f4c95d;
}

.provider-proof-workspace__before-publishing,
.provider-proof-workspace__faqs {
    border: 1px solid #3a3d43;
    border-radius: 0.85rem;
    background: #2b2d31;
    padding: 0.85rem;
}

.provider-proof-workspace__before-publishing p {
    display: grid;
    grid-template-columns: 1rem minmax(0, 1fr);
    gap: 0.5rem;
    margin: 0.45rem 0 0;
    color: #cbd5e1;
}

.provider-proof-workspace__before-publishing .oi {
    color: #7db7ff;
}

.provider-proof-workspace__faqs {
    display: grid;
    align-content: start;
    gap: 0.4rem;
    min-height: 0;
    overflow: auto;
}

.provider-proof-workspace__faqs h3 {
    margin-bottom: 0.2rem;
}

.provider-proof-workspace__faqs details {
    border: 1px solid #474b53;
    border-radius: 0.55rem;
    background: #24262a;
}

.provider-proof-workspace__faqs summary {
    min-height: 2.75rem;
    color: #f8fafc;
    padding: 0.7rem;
    cursor: pointer;
}

.provider-proof-workspace__faqs p {
    margin: 0;
    color: #aeb8c7;
    padding: 0 0.7rem 0.7rem;
}

.provider-proof-workspace__help-center-link {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    min-height: 2.75rem;
    border: 1px solid #474b53;
    border-radius: 0.65rem;
    background: #24262a;
    color: #7db7ff;
    padding: 0.65rem 0.75rem;
    font-weight: 750;
    text-decoration: none;
}

.provider-proof-workspace__help-center-link:hover {
    border-color: #7db7ff;
    color: #bfdbfe;
}

.provider-proof-workspace__help-empty {
    display: grid;
    justify-items: center;
    gap: 0.35rem;
    border: 1px dashed #555a64;
    border-radius: 0.75rem;
    color: #aeb8c7;
    padding: 1rem;
    text-align: center;
}

.provider-proof-workspace__help-empty strong {
    color: #f8fafc;
}

.provider-proof-workspace__help-empty p {
    margin: 0;
}

.provider-proof-workspace__examples {
    display: grid;
    gap: 0.7rem;
    min-height: 0;
    overflow: visible;
    border: 0;
    background: transparent;
    padding: 0;
}

.provider-proof-workspace__examples > div {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
}

.provider-proof-workspace__examples article {
    display: grid;
    grid-template-columns: 2.5rem minmax(0, 1fr);
    align-items: start;
    gap: 0.65rem;
    border: 1px solid #41454d;
    border-radius: 0.7rem;
    background: #24262a;
    min-height: 9rem;
    padding: 0.75rem;
}

.provider-proof-workspace__examples article p {
    display: -webkit-box;
    overflow: hidden;
    margin: 0.2rem 0 0.55rem;
    color: #aeb8c7;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.provider-proof-workspace__examples article strong {
    color: #f8fafc;
}

.provider-proof-workspace__examples article button {
    grid-column: 2;
    justify-self: start;
    align-self: end;
    border: 0;
    background: transparent;
    color: #60a5fa;
    padding-inline: 0;
}

@media (min-width: 1181px) and (max-width: 1400px) {
    .provider-proof-workspace__links-grid {
        grid-template-columns: minmax(0, 1fr) minmax(16rem, 0.55fr);
    }

    .provider-proof-workspace__link-table-header {
        grid-template-columns: minmax(0, 1fr) 5rem 6.25rem minmax(13rem, auto);
    }

    .provider-proof-workspace__link-table-header > :nth-child(3),
    .provider-proof-workspace__link-expiry {
        display: none;
    }

    .provider-proof-workspace__link-summary {
        grid-template-columns: minmax(0, 1fr) 5rem 6.25rem;
        gap: 0.5rem;
    }

    .provider-proof-workspace__link-row {
        gap: 0.5rem;
        padding: 0.55rem;
    }

    .provider-proof-workspace__manage {
        padding-inline: 0.65rem;
    }

    .provider-proof-workspace__drawer {
        gap: 0.65rem;
    }
}

@media (min-width: 1181px) and (max-height: 800px) {
    .provider-proof-workspace__create-header {
        gap: 0.65rem;
    }

    .provider-proof-workspace__preview-pane {
        gap: 0.45rem;
    }

    .provider-proof-workspace__preview-pane > .provider-proof-workspace__section-header {
        display: flex;
    }

    .provider-proof-workspace .provider-proof-links__safe-preview {
        min-height: 18rem;
        margin-block: 0;
    }

    .provider-proof-workspace__preview-cover {
        min-height: 15rem;
    }

    .provider-proof-workspace__preview-copy {
        gap: 0.45rem;
        padding: 0.75rem;
    }

    .provider-proof-workspace__preview-copy > p {
        line-height: 1.35;
    }

    .provider-proof-workspace .provider-proof-links__safe-preview > footer {
        min-height: 3rem;
        padding: 0.5rem 0.75rem;
    }

    .provider-proof-workspace__privacy-note {
        padding: 0.5rem 0.65rem;
        font-size: 0.75rem;
        line-height: 1.35;
    }
}

@media (max-width: 1180px) {
    .provider-proof-workspace__panel--links {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto auto auto;
    }

    .provider-proof-workspace__compact-summary,
    .provider-proof-workspace__metric-summary--links,
    .provider-proof-workspace__panel--links .provider-proof-workspace__link-list,
    .provider-proof-workspace__panel--links .provider-proof-workspace__drawer {
        grid-column: 1;
        grid-row: auto;
    }

    .provider-proof-workspace__panel--links .provider-proof-workspace__drawer {
        margin-left: 0;
    }

    .provider-proof-workspace__create-grid,
    .provider-proof-workspace__links-grid,
    .provider-proof-workspace__attention-grid,
    .provider-proof-workspace__activity-grid,
    .provider-proof-workspace__help-columns {
        grid-template-columns: minmax(0, 1fr);
    }

    .provider-proof-workspace__preview-pane,
    .provider-proof-workspace__drawer {
        border-left: 0;
        padding-left: 0;
        overflow: visible;
    }

    .provider-proof-workspace__panel {
        overflow: auto;
    }

    .provider-proof-workspace__link-list {
        overflow: visible;
    }

    .provider-proof-workspace__recent-signals {
        border-top: 1px solid #3a3d43;
        border-left: 0;
    }
}

@media (max-width: 760px) {
    .provider-proof-links.provider-proof-links,
    .provider-proof-workspace {
        height: auto;
        min-height: 100dvh;
        overflow: visible;
    }

    .provider-proof-links.provider-proof-links {
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
        max-width: 100%;
    }

    .provider-proof-workspace {
        display: block;
        padding: 0.75rem;
    }

    .provider-proof-workspace__header,
    .provider-proof-workspace__section-header,
    .provider-proof-workspace__examples > header,
    .provider-proof-workspace__activity-list header {
        align-items: flex-start;
        flex-direction: column;
    }

    .provider-proof-workspace__privacy {
        display: none;
    }

    .provider-proof-workspace__views {
        overflow-x: auto;
        scrollbar-width: thin;
    }

    .provider-proof-workspace__view {
        flex: 0 0 auto;
    }

    .provider-proof-workspace__viewport,
    .provider-proof-workspace__panel {
        overflow: visible;
    }

    .provider-proof-workspace__create-grid,
    .provider-proof-workspace__attention-grid,
    .provider-proof-workspace__help-grid,
    .provider-proof-workspace__help-columns,
    .provider-proof-workspace__checklist,
    .provider-proof-workspace__examples > div,
    .provider-proof-workspace__facts,
    .provider-proof-workspace__metric-summary {
        grid-template-columns: minmax(0, 1fr);
    }

    .provider-proof-workspace__action-rail {
        position: static;
        grid-template-columns: minmax(0, 1fr);
        min-height: 0;
        border: 1px solid #3a3d43;
        border-radius: 0.85rem;
        padding: 0.7rem;
    }

    .provider-proof-workspace__create-header {
        grid-template-columns: minmax(0, 1fr);
    }

    .provider-proof-workspace__create-progress {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.65rem;
    }

    .provider-proof-workspace__create-progress-step:not(:last-child)::after {
        display: none;
    }

    .provider-proof-workspace__compact-summary,
    .provider-proof-workspace__attention-signals > header {
        align-items: flex-start;
        flex-direction: column;
    }

    .provider-proof-workspace__attention-card > div {
        padding-left: 0;
    }

    .provider-proof-workspace__attention-signals article {
        grid-template-columns: 2.5rem minmax(0, 1fr);
    }

    .provider-proof-workspace__attention-signals article time {
        grid-column: 2;
    }

    .provider-proof-workspace__panel--create {
        padding-bottom: 0;
    }

    .provider-proof-workspace__readiness {
        min-width: 0;
    }

    .provider-proof-workspace__link-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .provider-proof-workspace__link-row .provider-proof-links__actions {
        justify-content: flex-start;
    }

    .provider-proof-workspace__link-table-header {
        display: none;
    }

    .provider-proof-workspace__link-summary {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .provider-proof-workspace__link-summary .status-pill {
        grid-column: 2;
        justify-self: start;
    }

    .provider-proof-workspace__link-expiry,
    .provider-proof-workspace__link-activity {
        grid-column: 1 / -1;
    }

    .provider-proof-workspace__help-toolbar,
    .provider-proof-workspace__visibility-columns {
        grid-template-columns: minmax(0, 1fr);
    }

    .provider-proof-workspace__visibility-columns > div + div {
        border-top: 1px solid #41454d;
        border-left: 0;
        padding-top: 0.75rem;
        padding-left: 0;
    }

    .provider-proof-workspace__recommendation {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .provider-proof-workspace__recommendation button {
        grid-column: 2;
        justify-self: start;
    }
}

.public-landing--cockpit {
    gap: 1.15rem;
    padding: 0 clamp(1.25rem, 2.2vw, 2.4rem) 1.6rem;
    background:
        radial-gradient(circle at 78% 10%, rgba(96, 165, 250, 0.1), transparent 24rem),
        linear-gradient(180deg, rgba(3, 7, 11, 0.98), rgba(8, 13, 18, 0.98) 48%, #05080c 100%);
}

.public-landing--cockpit .public-landing__topbar {
    grid-template-columns: minmax(88px, auto) minmax(0, 1fr) auto;
    gap: 0.9rem;
    min-height: 64px;
}

.public-landing--cockpit .public-landing__nav-links {
    display: none;
}

.public-landing--cockpit .public-landing__brand {
    width: 88px;
    min-width: 0;
}

.public-landing__brand-text {
    display: none;
}

.public-landing__nav-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.55rem;
}

.public-landing__legal-brand {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.72rem;
    min-width: 0;
    color: #cbd5e1;
    font-size: 0.82rem;
    line-height: 1.2;
    white-space: nowrap;
}

.public-landing__legal-brand span {
    color: #f8fafc;
    font-weight: 800;
}

.public-landing__legal-brand a {
    color: #93c5fd;
    font-weight: 750;
    text-decoration: none;
}

.public-landing__legal-brand a:focus-visible {
    outline: 2px solid #60a5fa;
    outline-offset: 3px;
}

.public-compliance-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    margin-top: auto;
    padding: 1rem clamp(0.85rem, 2vw, 1.25rem);
    border-top: 1px solid rgba(148, 163, 184, 0.18);
    color: #cbd5e1;
    font-size: 0.84rem;
    line-height: 1.35;
}

.public-compliance-footer p {
    margin: 0;
    color: #f8fafc;
    font-weight: 760;
}

.public-compliance-footer nav {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.85rem;
}

.public-compliance-footer a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: #93c5fd;
    font-weight: 760;
    text-decoration: none;
}

.public-compliance-footer a:hover {
    text-decoration: underline;
}

.public-compliance-footer a:focus-visible {
    outline: 2px solid #60a5fa;
    outline-offset: 3px;
}

.bizmonger-legal-footer--app-shell {
    background: rgba(11, 15, 18, 0.96);
}

.page--focused-quote-builder:has(.proposal-document--quote-demo) > .bizmonger-legal-footer--app-shell {
    display: none;
}

.bizmonger-legal-footer--public-page {
    padding-inline: clamp(1rem, 4vw, 4rem);
    border-top-color: rgba(17, 24, 39, 0.1);
    background: #ffffff;
    color: #4b5563;
}

.bizmonger-legal-footer--public-page p {
    color: #111827;
}

.bizmonger-legal-footer--public-page a {
    color: #2563eb;
}

body:has(.photo-video-requirements[data-testid="photo-video-requirements-builder"])
    .bizmonger-legal-footer--public-page {
    margin-top: 0;
    border-top-color: rgba(148, 163, 184, 0.18);
    background: #0c1217;
    color: #cbd5e1;
}

body:has(.photo-video-requirements[data-testid="photo-video-requirements-builder"])
    .bizmonger-legal-footer--public-page p {
    color: #f8fafc;
}

body:has(.photo-video-requirements[data-testid="photo-video-requirements-builder"])
    .bizmonger-legal-footer--public-page a {
    color: #93c5fd;
}

body:has(.photo-video-requirements--review)
    .bizmonger-legal-footer--public-page {
    margin-top: 0;
    border-top-color: rgba(148, 163, 184, 0.18);
    background: #0c1217;
    color: #cbd5e1;
}

body:has(.photo-video-requirements--review)
    .bizmonger-legal-footer--public-page p {
    color: #f8fafc;
}

body:has(.photo-video-requirements--review)
    .bizmonger-legal-footer--public-page a {
    color: #93c5fd;
}

body:has(.report-client-approval[data-testid="report-public-client-approval"])
    .bizmonger-legal-footer--public-page {
    margin-top: 0;
    border-top-color: rgba(96, 165, 250, 0.18);
    background: #071019;
    color: #cbd5e1;
}

body:has(.report-client-approval[data-testid="report-public-client-approval"])
    .bizmonger-legal-footer--public-page p {
    color: #f8fafc;
}

body:has(.report-client-approval[data-testid="report-public-client-approval"])
    .bizmonger-legal-footer--public-page a {
    color: #93c5fd;
}

.public-landing--cockpit .public-landing__signin {
    min-width: 96px;
    padding: 0 0.85rem;
}

.public-landing--cockpit .public-landing__nav-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 0.95rem;
    border: 1px solid rgba(255, 215, 0, 0.72);
    border-radius: 7px;
    background: linear-gradient(135deg, #ffd96a, #f2b735);
    color: #111827;
    font-weight: 900;
    text-decoration: none;
    box-shadow: 0 12px 26px rgba(255, 215, 0, 0.2);
}

.public-landing__first-viewport {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    min-height: 0;
    padding-top: 0.9rem;
}

.public-landing__quick-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    margin: 1rem auto 0;
    padding: 0.35rem;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 8px;
    background: rgba(3, 7, 11, 0.36);
}

.public-landing__quick-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 0.95rem;
    border-radius: 7px;
    color: #d1d5db;
    font-size: 0.875rem;
    font-weight: 850;
    text-decoration: none;
}

.public-landing__quick-link:hover,
.public-landing__quick-link:focus-visible {
    background: rgba(255, 255, 255, 0.06);
    color: #ffffff;
}

.public-landing__demo-cockpit,
.public-landing__monetization-path,
.public-landing__provider-path,
.public-landing__demo-hub,
.public-landing__trust-row {
    scroll-margin-top: 5.6rem;
}

.public-landing__hero-panel {
    align-content: center;
    gap: 1rem;
    min-height: 620px;
    padding: 3rem;
    border: 0;
    background:
        linear-gradient(90deg, rgba(3, 7, 11, 0.98) 0%, rgba(3, 7, 11, 0.86) 44%, rgba(3, 7, 11, 0.3) 100%),
        linear-gradient(0deg, rgba(3, 7, 11, 0.78) 0%, rgba(3, 7, 11, 0.28) 48%, transparent 82%),
        url('/images/branding-mockups/preproduction-cockpit-hero-v2.png') 68% 52% / cover no-repeat;
}

.public-landing__hero-panel > .status-pill {
    justify-self: start;
    margin-top: 0.2rem;
}

.public-landing__media-strip {
    display: none;
}

.public-landing--cockpit h1 {
    max-width: 760px;
    font-size: 4.25rem;
    line-height: 1.02;
    overflow-wrap: break-word;
}

.public-landing__hero-panel > p {
    max-width: 560px;
    font-size: 1.12rem;
    line-height: 1.44;
}

.public-landing__workflow-tiles {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.35rem;
    max-width: 760px;
    margin-top: 0.8rem;
    margin-bottom: 0.25rem;
}

.public-landing__workflow-tile {
    min-width: 0;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(15, 23, 42, 0.68), rgba(3, 7, 11, 0.62)),
        rgba(7, 12, 18, 0.76);
    color: #ffffff;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
}

.public-landing__workflow-tile--active {
    border-color: rgba(255, 215, 0, 0.44);
    background:
        linear-gradient(180deg, rgba(255, 215, 0, 0.1), rgba(3, 7, 11, 0.66)),
        rgba(7, 12, 18, 0.82);
}

.public-landing__workflow-tile-body {
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 0.68rem;
    min-height: 196px;
    padding: 1.1rem 0.95rem;
    text-align: center;
}

.public-landing__workflow-tile-body .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border: 1px solid rgba(96, 165, 250, 0.36);
    border-radius: 999px;
    background: rgba(96, 165, 250, 0.1);
    color: #93c5fd;
    font-size: 1.5rem;
}

.public-landing__workflow-tile--quote .public-landing__workflow-tile-body .oi {
    border-color: rgba(96, 165, 250, 0.42);
    color: #93c5fd;
}

.public-landing__workflow-tile--run .public-landing__workflow-tile-body .oi {
    border-color: rgba(0, 230, 118, 0.36);
    background: rgba(0, 230, 118, 0.08);
    color: #86efac;
}

.public-landing__workflow-tile--proof .public-landing__workflow-tile-body .oi {
    border-color: rgba(255, 215, 0, 0.42);
    background: rgba(255, 215, 0, 0.08);
    color: #fde68a;
}

.public-landing__workflow-tile-body strong {
    font-size: 1.02rem;
    font-weight: 950;
    line-height: 1.16;
}

.public-landing__workflow-tile-description {
    display: block;
    max-width: 13.5rem;
    color: #d1d5db;
    font-size: 0.86rem;
    line-height: 1.4;
}

.public-landing__hero-actions {
    grid-template-columns: minmax(220px, 320px);
    gap: 0.8rem;
    max-width: 320px;
}

.public-landing--cockpit .public-landing__hero-actions .admin-command-button {
    grid-column: auto;
    border-color: rgba(255, 215, 0, 0.78);
    background: linear-gradient(135deg, #ffd96a, #f2b735);
    color: #111827;
    box-shadow: 0 12px 28px rgba(255, 215, 0, 0.22);
}

.public-landing__hero-actions a[href="/mobile"] {
    display: none;
}

.public-landing__secondary-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem 1.15rem;
    max-width: 640px;
}

.public-landing__demo-before-signup {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 0.25rem 0.55rem;
    max-width: 520px;
    color: #d1d5db;
}

.public-landing__demo-before-signup > .oi {
    grid-row: span 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid rgba(96, 165, 250, 0.55);
    border-radius: 999px;
    color: #60a5fa;
}

.public-landing__demo-before-signup strong {
    color: #60a5fa;
    font-weight: 900;
}

.public-landing__demo-before-signup p,
.public-landing__demo-before-signup small {
    margin: 0;
    color: #d1d5db;
    font-size: 0.78rem;
    line-height: 1.35;
}

.public-landing__demo-before-signup small {
    color: #9ca3af;
}

.public-landing__client-inline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
    margin: 0;
    color: #d1d5db;
    font-size: 0.92rem;
}

.public-landing__account-inline,
.public-landing__client-inline a {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 44px;
    color: #60a5fa;
    font-weight: 900;
    text-decoration: none;
}

.public-landing__account-inline:hover,
.public-landing__account-inline:focus-visible,
.public-landing__client-inline a:hover,
.public-landing__client-inline a:focus-visible {
    color: #93c5fd;
}

.public-landing__client-lane {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.48rem 0.95rem;
    max-width: 520px;
    margin-top: 0.05rem;
    padding: 0.82rem;
    border: 1px solid rgba(96, 165, 250, 0.34);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(15, 23, 42, 0.76), rgba(4, 8, 12, 0.78)),
        rgba(7, 12, 18, 0.84);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.25);
}

.public-landing__client-lane .status-pill {
    justify-self: start;
}

.public-landing__client-lane h2 {
    max-width: 30ch;
    margin: 0;
    color: #ffffff;
    font-size: 1.02rem;
    font-weight: 900;
    line-height: 1.15;
}

.public-landing__client-points,
.public-landing__client-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.public-landing__client-badges {
    display: flex;
}

.public-landing__client-points span,
.public-landing__client-badges span {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    color: #d1d5db;
    font-size: 0.72rem;
}

.public-landing__client-points .oi,
.public-landing__client-badges .oi {
    color: #60a5fa;
}

.public-landing__client-lane > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    grid-column: 2;
    grid-row: 1 / span 3;
    align-self: center;
    gap: 0.6rem;
    min-height: 44px;
    width: 188px;
    padding: 0 1rem;
    border: 1px solid rgba(37, 99, 235, 0.85);
    border-radius: 7px;
    background: linear-gradient(135deg, #0f62fe, #2563eb);
    color: #ffffff;
    font-weight: 900;
    text-decoration: none;
}

.public-landing__client-badges span {
    min-height: 30px;
    padding: 0 0.65rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.04);
}

.public-landing__demo-cockpit {
    gap: 0.82rem;
    margin-top: 1rem;
    padding: 0.95rem;
    border-color: rgba(148, 163, 184, 0.18);
    box-shadow: 0 20px 54px rgba(0, 0, 0, 0.24);
}

.public-landing__cockpit-header {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.42rem 0.85rem;
    min-height: 0;
}

.public-landing__cockpit-header > div strong {
    color: #ffd700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.public-landing__cockpit-header p {
    grid-column: 1;
    grid-row: 2;
    justify-self: start;
    max-width: 52ch;
    padding: 0;
    border: 0;
    color: #9ca3af;
    text-align: left;
}

.public-landing__cockpit-header label {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
}

.public-landing__cockpit-header select {
    width: min(100%, 244px);
}

.public-landing__cockpit-tabs {
    gap: 0;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 8px;
    overflow: hidden;
    background: rgba(3, 7, 11, 0.44);
}

.public-landing__cockpit-tab {
    border: 0;
    border-right: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 0;
    background: transparent;
    color: #e5e7eb;
}

.public-landing__cockpit-tab .oi {
    color: currentColor;
}

.public-landing__cockpit-tab:last-child {
    border-right: 0;
}

.public-landing__cockpit-tab--active {
    background: rgba(255, 255, 255, 0.07);
    box-shadow: inset 0 -2px 0 currentColor;
}

.public-landing__cockpit-grid {
    grid-template-columns: minmax(0, 1fr) minmax(210px, 0.34fr);
    gap: 0.7rem;
}

.public-landing__blueprint-card {
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 0.9rem;
    padding: 0.9rem;
}

.public-landing__blueprint-media {
    min-height: 132px;
}

.public-landing__preview-matrix {
    gap: 0.7rem;
    padding: 0.8rem;
    border-color: rgba(148, 163, 184, 0.16);
    grid-template-columns: minmax(0, 1fr);
}

.public-landing__quote-builder-preview {
    gap: 0.58rem;
}

.public-landing__preview-matrix > article[hidden] {
    display: none !important;
}

.public-landing__preview-matrix > article {
    min-height: 0;
    padding-left: 0;
    border-left: 0;
}

.public-landing__quote-focus {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(10rem, auto);
    gap: 1rem;
    max-width: 48rem;
    align-items: center;
    padding: 0.95rem;
    border: 1px solid rgba(96, 165, 250, 0.2);
    border-radius: 6px;
    background: rgba(3, 7, 11, 0.2);
}

.public-landing__quote-focus-summary {
    display: grid;
    grid-template-columns: minmax(10rem, 0.45fr) minmax(0, 1fr);
    gap: 1.1rem;
    align-content: center;
    min-height: 72px;
}

.public-landing__quote-focus-summary > div {
    display: grid;
    gap: 0.26rem;
    align-content: center;
}

.public-landing__quote-focus-summary > div + div {
    padding-left: 1.1rem;
    border-left: 1px solid rgba(148, 163, 184, 0.14);
}

.public-landing__quote-focus-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    min-height: 44px;
    min-width: 10rem;
    padding: 0.82rem 1rem;
    border: 1px solid rgba(96, 165, 250, 0.78);
    border-radius: 6px;
    background: rgba(37, 99, 235, 0.78);
    color: #ffffff;
    font-size: 0.74rem;
    font-weight: 950;
    line-height: 1.15;
    text-align: center;
    text-decoration: none;
}

.public-landing__quote-focus-action:hover,
.public-landing__quote-focus-action:focus-visible {
    background: rgba(37, 99, 235, 0.95);
    border-color: rgba(147, 197, 253, 0.9);
}

.public-landing__quote-focus-summary span,
.public-landing__quote-focus-summary small {
    color: #9ca3af;
    font-size: 0.66rem;
    line-height: 1.2;
}

.public-landing__quote-focus-summary .public-landing__quote-kicker {
    color: #93c5fd;
    font-size: 0.66rem;
    font-weight: 800;
    line-height: 1.2;
}

.public-landing__quote-focus-summary strong {
    color: #ffffff;
    font-size: 0.96rem;
    line-height: 1.12;
}

.public-landing__deliverable-analysis {
    display: grid;
    gap: 0.62rem;
    max-width: 48rem;
    padding: 0.72rem;
    border: 1px solid rgba(96, 165, 250, 0.16);
    border-radius: 6px;
    background: rgba(3, 7, 11, 0.18);
}

.public-landing__deliverable-analysis-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.35rem;
}

.public-landing__deliverable-analysis h3 {
    margin: 0;
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 900;
}

.public-landing__deliverable-analysis-header p {
    margin: 0.08rem 0 0;
    color: #9ca3af;
    font-size: 0.7rem;
    line-height: 1.25;
}

.public-landing__deliverable-terms span {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 0.45rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 999px;
    color: #dbeafe;
    font-size: 0.62rem;
    font-weight: 800;
    line-height: 1.15;
}

.public-landing__deliverable-edit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.28rem;
    min-height: 44px;
    padding: 0.34rem 0.58rem;
    border: 1px solid rgba(96, 165, 250, 0.34);
    border-radius: 6px;
    color: #dbeafe;
    font-size: 0.64rem;
    font-weight: 900;
    line-height: 1.15;
    text-align: center;
    text-decoration: none;
}

.public-landing__deliverable-edit:hover,
.public-landing__deliverable-edit:focus-visible {
    border-color: rgba(96, 165, 250, 0.62);
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff;
}

.public-landing__deliverable-edit--row {
    justify-self: end;
    min-width: 4.25rem;
}

.public-landing__quote-task-tabs {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.42rem;
    max-width: 100%;
    overflow-x: auto;
    padding-bottom: 0.08rem;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

.public-landing__quote-task-tab {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 0.34rem;
    min-width: 5.6rem;
    min-height: 44px;
    padding: 0.34rem 0.68rem;
    border: 1px solid rgba(96, 165, 250, 0.26);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.08);
    color: #f8fafc;
    font: inherit;
    font-size: 0.72rem;
    font-weight: 900;
    cursor: pointer;
    outline: none;
}

.public-landing__quote-task-tab:focus-visible {
    border-color: rgba(191, 219, 254, 0.96);
    box-shadow:
        inset 0 0 0 2px rgba(255, 255, 255, 0.64),
        inset 0 0 0 4px rgba(96, 165, 250, 0.22);
}

.public-landing__quote-task-tab-label {
    min-width: 0;
    white-space: nowrap;
}

.public-landing__quote-task-tab .guided-workflow-tab-icon {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 1rem;
    min-width: 1rem;
    color: #93c5fd;
    font-size: 0.78rem;
    line-height: 1;
    opacity: 0.82;
}

.public-landing__quote-task-tab--active .guided-workflow-tab-icon,
.public-landing__quote-task-tab--complete .guided-workflow-tab-icon {
    opacity: 1;
}

.public-landing__quote-task-tab-status {
    width: 0.48rem;
    height: 0.48rem;
    border-radius: 999px;
    background: #00e676;
    box-shadow: 0 0 0 3px rgba(0, 230, 118, 0.1);
}

.public-landing__quote-task-tabs .public-landing__quote-task-tab--active {
    border-color: rgba(96, 165, 250, 0.78);
    background: rgba(96, 165, 250, 0.18);
    box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.22);
    color: #ffffff;
}

.public-landing__quote-task-tabs .public-landing__quote-task-tab--complete {
    border-color: rgba(0, 230, 118, 0.28);
    background: rgba(0, 230, 118, 0.06);
}

.public-landing__quote-task-tabs .public-landing__quote-task-tab--next:not(.public-landing__quote-task-tab--active) {
    border-color: rgba(96, 165, 250, 0.62);
}

.public-landing__quote-wizard-form {
    display: grid;
    gap: 0.6rem;
}

.public-landing__quote-form-section {
    display: grid;
    gap: 0.6rem;
    padding: 0.72rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 6px;
    background: rgba(3, 7, 11, 0.24);
}

.public-landing__quote-form-section[hidden] {
    display: none !important;
}

.public-landing__quote-form-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(11rem, 0.42fr);
    gap: 0.62rem;
    align-items: start;
}

.public-landing__quote-form-grid--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

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

.public-landing__quote-field,
.public-landing__quote-fieldset {
    display: grid;
    gap: 0.34rem;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.public-landing__quote-field span,
.public-landing__quote-fieldset legend {
    color: #ffffff;
    font-size: 0.68rem;
    font-weight: 900;
    line-height: 1.2;
}

.public-landing__quote-field small,
.public-landing__quote-fieldset small {
    color: #9ca3af;
    font-size: 0.62rem;
    line-height: 1.25;
}

.public-landing__quote-field input,
.public-landing__quote-field select,
.public-landing__quote-field textarea {
    width: 100%;
    min-height: 44px;
    padding: 0.58rem 0.66rem;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 6px;
    background: rgba(15, 23, 42, 0.74);
    color: #ffffff;
    font: inherit;
    font-size: 0.72rem;
    line-height: 1.25;
    outline: none;
}

.public-landing__quote-field textarea {
    min-height: 6.4rem;
    resize: vertical;
}

.public-landing__quote-field input:focus,
.public-landing__quote-field select:focus,
.public-landing__quote-field textarea:focus {
    border-color: rgba(147, 197, 253, 0.92);
    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.18);
}

.public-landing__quote-fieldset label {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    min-height: 44px;
    padding: 0.52rem 0.6rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 6px;
    background: rgba(15, 23, 42, 0.62);
}

.public-landing__quote-fieldset input {
    width: 1.1rem;
    height: 1.1rem;
    accent-color: #60a5fa;
}

.public-landing__quote-price-mode {
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
    margin: 0;
    padding: 0;
    border: 0;
}

.public-landing__quote-price-mode legend {
    flex-basis: 100%;
    color: #ffffff;
    font-size: 0.68rem;
    font-weight: 900;
    line-height: 1.2;
}

.public-landing__quote-price-option {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
    min-height: 44px;
    padding: 0.48rem 0.7rem;
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 6px;
    background: rgba(96, 165, 250, 0.07);
    color: #dbeafe;
    font-size: 0.7rem;
    font-weight: 900;
    line-height: 1.15;
    cursor: pointer;
}

.public-landing__quote-price-option input {
    width: 1rem;
    height: 1rem;
    accent-color: #60a5fa;
}

.public-landing__quote-price-option--active {
    border-color: rgba(96, 165, 250, 0.78);
    background: rgba(96, 165, 250, 0.18);
    color: #ffffff;
}

.public-landing__quote-review-card {
    display: grid;
    gap: 0.5rem;
}

.public-landing__quote-review-card div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: baseline;
    justify-content: space-between;
}

.public-landing__quote-review-card span {
    color: #9ca3af;
    font-size: 0.64rem;
    font-weight: 900;
    line-height: 1.2;
    text-transform: uppercase;
}

.public-landing__quote-review-card strong {
    color: #ffffff;
    font-size: 1.04rem;
    font-weight: 950;
    line-height: 1.12;
}

.public-landing__quote-review-card p {
    margin: 0;
    color: #cbd5e1;
    font-size: 0.68rem;
    line-height: 1.35;
}

.public-landing__deliverable-sheet {
    display: grid;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 6px;
    background: rgba(3, 7, 11, 0.22);
}

.public-landing__deliverable-sheet-section {
    display: grid;
}

.public-landing__deliverable-sheet-head,
.public-landing__deliverable-sheet-row {
    display: grid;
    grid-template-columns: minmax(8.5rem, 0.38fr) minmax(0, 1fr);
    gap: 0.5rem;
    align-items: start;
    min-height: 34px;
    padding: 0.34rem 0.46rem;
}

.public-landing__deliverable-sheet-head {
    min-height: 28px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
    background: rgba(255, 255, 255, 0.045);
}

.public-landing__deliverable-sheet-row + .public-landing__deliverable-sheet-row {
    border-top: 1px solid rgba(148, 163, 184, 0.12);
}

.public-landing__quote-progress-action {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    align-items: center;
    justify-content: space-between;
    padding: 0.6rem;
    border: 1px solid rgba(96, 165, 250, 0.16);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.055);
}

.public-landing__quote-progress-action p {
    min-width: min(100%, 14rem);
    margin: 0;
    color: #cbd5e1;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1.3;
}

.public-landing__quote-progress-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.5rem 0.72rem;
    border: 1px solid rgba(96, 165, 250, 0.66);
    border-radius: 6px;
    background: rgba(37, 99, 235, 0.76);
    color: #ffffff;
    font: inherit;
    font-size: 0.68rem;
    font-weight: 900;
    line-height: 1.15;
    text-align: center;
    user-select: none;
    -webkit-user-select: none;
    cursor: pointer;
}

.public-landing__quote-progress-button:hover,
.public-landing__quote-progress-button:focus-visible {
    background: rgba(37, 99, 235, 0.94);
    border-color: rgba(147, 197, 253, 0.9);
}

.public-landing__deliverable-sheet-head span {
    color: #9ca3af;
    font-size: 0.58rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    line-height: 1.2;
    text-transform: uppercase;
}

.public-landing__deliverable-sheet-row strong,
.public-landing__deliverable-sheet-row span {
    color: #ffffff;
    font-size: 0.64rem;
    line-height: 1.24;
}

.public-landing__deliverable-sheet-row strong {
    display: grid;
    gap: 0.16rem;
    font-weight: 900;
}

.public-landing__deliverable-sheet-row span {
    color: #cbd5e1;
}

.public-landing__deliverable-state {
    color: #8fb7e8;
    font-size: 0.56rem;
    font-weight: 900;
    letter-spacing: 0.03em;
    line-height: 1.15;
    text-transform: uppercase;
}

.public-landing__deliverable-state--current {
    color: #bfdbfe;
}

.public-landing__deliverable-list {
    display: grid;
    gap: 0.3rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.public-landing__deliverable-list li {
    display: grid;
    grid-template-columns: minmax(7rem, 0.82fr) minmax(4.8rem, auto) minmax(10rem, 1fr);
    gap: 0.22rem 0.5rem;
    align-items: start;
    padding: 0.38rem 0.44rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 5px;
    background: rgba(3, 7, 11, 0.28);
}

.public-landing__deliverable-list strong,
.public-landing__deliverable-list span {
    color: #ffffff;
    font-size: 0.68rem;
    font-weight: 900;
    line-height: 1.18;
}

.public-landing__deliverable-list span {
    color: #93c5fd;
    justify-self: end;
}

.public-landing__deliverable-list small,
.public-landing__deliverable-list em {
    color: #cbd5e1;
    font-size: 0.62rem;
    font-style: normal;
    line-height: 1.22;
}

.public-landing__deliverable-list em {
    grid-column: 1 / -1;
    color: #9ca3af;
}

.public-landing__deliverable-terms {
    display: flex;
    flex-wrap: wrap;
    gap: 0.28rem;
}

.public-landing__quote-readback {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.3rem;
}

.public-landing__quote-readback div {
    display: grid;
    gap: 0.18rem;
    padding: 0.42rem 0.46rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 6px;
    background: rgba(3, 7, 11, 0.24);
}

.public-landing__quote-readback strong,
.public-landing__quote-readback span {
    color: #ffffff;
    font-size: 0.64rem;
    line-height: 1.18;
}

.public-landing__quote-readback span {
    color: #cbd5e1;
}

.public-landing__quote-factor-panel {
    display: grid;
    gap: 0.34rem;
    max-width: 48rem;
}

.public-landing__quote-factor-panel summary,
.public-landing__quote-details summary {
    display: flex;
    align-items: center;
    min-height: 44px;
    cursor: pointer;
    color: #ffffff;
    font-size: 0.76rem;
    font-weight: 900;
    line-height: 1.18;
}

.public-landing__quote-details {
    display: grid;
    gap: 0.34rem;
}

.public-landing__quote-factor-list {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.34rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.public-landing__quote-factor-list li {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 0.18rem 0.38rem;
    align-content: start;
    min-height: 68px;
    padding: 0.42rem;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: 6px;
    background: rgba(96, 165, 250, 0.055);
}

.public-landing__quote-factor-list .oi {
    color: #60a5fa;
    font-size: 0.82rem;
    line-height: 1.2;
}

.public-landing__quote-factor-list strong {
    color: #ffffff;
    font-size: 0.68rem;
    line-height: 1.16;
}

.public-landing__quote-factor-list small {
    grid-column: 1 / -1;
    color: #cbd5e1;
    font-size: 0.62rem;
    line-height: 1.2;
}

@media (max-width: 980px) {
    .public-landing__quote-factor-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

@media (max-width: 640px) {
    .public-landing__quote-focus {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.8rem;
        padding: 0.82rem;
    }

    .public-landing__quote-focus-summary {
        grid-template-columns: minmax(0, 1fr);
        min-height: 0;
    }

    .public-landing__quote-focus-summary > div + div {
        padding-top: 0.72rem;
        padding-left: 0;
        border-top: 1px solid rgba(148, 163, 184, 0.18);
        border-left: 0;
    }

    .public-landing__quote-factor-list {
        grid-template-columns: minmax(0, 1fr);
    }

    .public-landing__deliverable-list li {
        grid-template-columns: minmax(0, 1fr);
    }

    .public-landing__deliverable-sheet-head,
    .public-landing__deliverable-sheet-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .public-landing__quote-form-grid,
    .public-landing__quote-form-grid--two,
    .public-landing__quote-form-grid--three {
        grid-template-columns: minmax(0, 1fr);
    }

    .public-landing__quote-price-option {
        flex: 1 1 100%;
    }

    .public-landing__deliverable-edit,
    .public-landing__deliverable-edit--row {
        justify-self: stretch;
        width: 100%;
    }

    .public-landing__quote-readback {
        grid-template-columns: minmax(0, 1fr);
    }

    .public-landing__quote-task-tabs {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.42rem;
        overflow: visible;
    }

    .public-landing__quote-task-tab {
        width: 100%;
        min-width: 0;
        min-height: 46px;
        padding-inline: 0.46rem;
    }

    .public-landing__quote-progress-action {
        display: grid;
    }

    .public-landing__quote-progress-button {
        width: 100%;
    }

    .public-landing__deliverable-list span {
        justify-self: start;
    }
}

.public-landing__quote-summary {
    gap: 0.36rem;
}

.public-landing__quote-summary div {
    grid-template-columns: 76px minmax(0, 1fr) !important;
}

.public-landing__quote-summary dd {
    overflow-wrap: anywhere;
}

.provider-quote-page {
    display: grid;
    align-content: start;
    gap: clamp(0.75rem, 1.1vw, 1rem);
    min-height: 100vh;
    padding: clamp(0.5rem, 0.9vw, 0.75rem) clamp(1rem, 3vw, 2.5rem) clamp(1rem, 3vw, 2.5rem);
    background:
        radial-gradient(circle at 85% 8%, rgba(96, 165, 250, 0.12), transparent 28rem),
        #050a0f;
}

.provider-quote-page__header {
    display: grid;
    gap: 0.12rem;
    max-width: 68rem;
}

.provider-quote-page__header h1 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.85rem, 3vw, 2.75rem);
    line-height: 1;
}

.provider-quote-page__back {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.45rem;
    width: fit-content;
    min-height: 44px;
    padding: 0 0.25rem;
    border: 0;
    background: transparent;
    color: #93c5fd;
    cursor: pointer;
    font-family: inherit;
    font-size: 0.86rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
}

.provider-quote-page__back .oi {
    font-size: 0.78rem;
}

.provider-quote-page__back:hover,
.provider-quote-page__back:focus-visible {
    color: #ffffff;
    text-decoration: underline;
    text-underline-offset: 0.22rem;
}

.provider-quote-page__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
    max-width: 72rem;
}

.provider-quote-page__layout--document {
    max-width: 72rem;
}

.provider-quote-page__workspace {
    min-width: 0;
}

.provider-quote-page__wizard {
    display: grid;
    grid-template-rows: auto auto auto;
    max-width: none;
    min-height: 0;
    height: auto;
    gap: clamp(0.9rem, 1.15vw, 1.1rem);
    padding: clamp(0.85rem, 1.35vw, 1.15rem);
    border: 0;
}

.provider-quote-page__wizard[hidden] {
    display: none !important;
}

.provider-quote-page__task-tabs {
    align-items: center;
    gap: 0.08rem;
    overflow-x: auto;
    padding-bottom: 0;
}

.provider-quote-page__task-tabs .public-landing__quote-task-tab {
    flex: 0 1 auto;
    justify-content: flex-start;
    min-width: 0;
    padding: 0.28rem 0.52rem;
    border-color: transparent;
    background: transparent;
    color: #94a3b8;
    font-size: 0.8rem;
}

.provider-quote-page__task-tabs .public-landing__quote-task-tab-label {
    overflow: hidden;
    text-overflow: ellipsis;
}

.provider-quote-page__task-tabs .public-landing__quote-task-tab .guided-workflow-tab-icon {
    color: #94a3b8;
}

.provider-quote-page__task-tabs .public-landing__quote-task-tab:focus-visible {
    border-color: transparent;
    box-shadow: inset 0 0 0 2px rgba(191, 219, 254, 0.88);
    outline: none;
}

.provider-quote-page__task-tabs .public-landing__quote-task-tab:focus-visible:not(.public-landing__quote-task-tab--active) {
    border-color: transparent;
}

.provider-quote-page__task-tabs .public-landing__quote-task-tab--active {
    border-color: transparent;
    background: rgba(96, 165, 250, 0.08);
    box-shadow: inset 0 -2px 0 rgba(96, 165, 250, 0.84);
    color: #ffffff;
}

.provider-quote-page__task-tabs .public-landing__quote-task-tab--active:focus-visible {
    box-shadow:
        inset 0 0 0 2px rgba(191, 219, 254, 0.88),
        inset 0 -2px 0 rgba(96, 165, 250, 0.84);
}

.provider-quote-page__task-tabs .public-landing__quote-task-tab--active .guided-workflow-tab-icon {
    color: #60a5fa;
}

.provider-quote-page__task-tabs .public-landing__quote-task-tab--next:not(.public-landing__quote-task-tab--active) {
    border-color: transparent;
    background: transparent;
    color: #94a3b8;
}

.provider-quote-page__task-tabs .public-landing__quote-task-tab--complete {
    border-color: transparent;
    background: transparent;
    color: #cbd5e1;
}

.provider-quote-page__task-tabs .public-landing__quote-task-tab-status {
    width: 0.42rem;
    height: 0.42rem;
    box-shadow: none;
}

.provider-quote-page__task-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 0.34rem;
    align-items: center;
    min-height: 44px;
    color: #cbd5e1;
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1.25;
}

.provider-quote-page__task-summary .oi {
    top: 0;
    color: #86efac;
    font-size: 0.76rem;
    line-height: 1;
}

.provider-quote-page__task-summary strong {
    color: #ffffff;
    font-size: inherit;
    font-weight: 900;
}

.provider-quote-page__task-summary-edit {
    margin-left: auto;
}

.provider-quote-page__task-separator {
    display: inline-flex;
    flex: 0 0 clamp(1.25rem, 1.65vw, 1.7rem);
    align-items: center;
    justify-content: center;
    min-height: 44px;
    color: #475569;
    font-size: 0.66rem;
}

.provider-quote-page__task-separator .oi {
    top: 0;
}

.provider-quote-page__form-section {
    align-content: start;
    gap: 0.75rem;
    padding: 0.95rem 0 0.2rem;
    border: 0;
}

.provider-quote-page__form-section[hidden] {
    display: none !important;
}

.provider-quote-page .public-landing__quote-wizard-form {
    gap: 0.25rem;
    min-height: 0;
    overflow: visible;
    padding-right: 0;
}

.provider-quote-page__task-panel {
    display: grid;
    gap: 0.72rem;
    width: min(100%, 50rem);
    padding: 0.72rem;
    border: 1px solid rgba(96, 165, 250, 0.14);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.28);
}

.provider-quote-page__task-panel-heading {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.72rem;
    align-items: start;
}

.provider-quote-page__task-panel-icon,
.provider-quote-page__task-helper-card > .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: rgba(96, 165, 250, 0.12);
    color: #93c5fd;
    font-size: 0.92rem;
    line-height: 1;
}

.provider-quote-page__task-panel-copy {
    display: grid;
    gap: 0.24rem;
    min-width: 0;
}

.provider-quote-page__task-prompt {
    color: #e2e8f0;
    font-size: clamp(1.75rem, 2.2vw, 2rem);
    font-weight: 900;
    line-height: 1.12;
    text-wrap: balance;
}

.provider-quote-page__task-instruction {
    color: #9ca3af;
    font-size: 0.95rem;
    font-weight: 500;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.provider-quote-page__task-status {
    color: #93c5fd;
    font-size: 0.82rem;
    font-weight: 850;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.provider-quote-page__task-field-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.72rem;
    align-items: stretch;
}

.provider-quote-page__task-field-grid--three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.provider-quote-page__task-field-grid--location {
    grid-template-columns: minmax(0, 1.35fr) minmax(15rem, 0.65fr);
}

.provider-quote-page__task-field {
    min-width: 0;
    padding: 0.62rem;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 7px;
    background: rgba(5, 10, 15, 0.24);
}

.provider-quote-page__task-field:focus-within {
    border-color: rgba(96, 165, 250, 0.4);
    box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.12);
}

.provider-quote-page__field--invalid input,
.provider-quote-page__field--invalid select,
.provider-quote-page__field--invalid textarea,
.provider-quote-page__field--invalid .provider-quote-page__deliverable-quantity {
    border-color: rgba(251, 191, 36, 0.84) !important;
    background:
        linear-gradient(0deg, rgba(251, 191, 36, 0.035), rgba(251, 191, 36, 0.035)),
        rgba(15, 23, 42, 0.42);
    box-shadow:
        0 0 0 3px rgba(251, 191, 36, 0.12),
        inset 0 0 0 1px rgba(251, 191, 36, 0.12);
}

.provider-quote-page__field-validation,
.provider-quote-page__validation-status {
    display: inline-flex;
    gap: 0.34rem;
    align-items: center;
    min-width: 0;
    color: #fbbf24;
    font-size: 0.74rem;
    font-weight: 850;
    line-height: 1.3;
}

.provider-quote-page__field-validation > .oi,
.provider-quote-page__validation-status > .oi {
    top: 0;
    flex: 0 0 auto;
    font-size: 0.76rem;
    line-height: 1;
}

.provider-quote-page__validation-status {
    max-width: min(100%, 30rem);
    padding: 0.46rem 0.6rem;
    border: 1px solid rgba(251, 191, 36, 0.24);
    border-radius: 7px;
    background: rgba(251, 191, 36, 0.06);
}

.provider-quote-page__task-field--wide {
    min-width: 0;
}

.provider-quote-page__task-toggle-card label {
    display: flex;
    gap: 0.45rem;
    align-items: center;
    min-height: 44px;
}

.provider-quote-page__task-helper-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.55rem;
    align-items: center;
    padding: 0.58rem 0.62rem;
    border: 1px solid rgba(96, 165, 250, 0.12);
    border-radius: 7px;
    background: rgba(96, 165, 250, 0.045);
}

.provider-quote-page__task-helper-card p {
    margin: 0;
    color: #cbd5e1;
    font-size: 0.8rem;
    font-weight: 760;
    line-height: 1.4;
}

.provider-quote-page__task-helper-card > .oi {
    width: 1.55rem;
    height: 1.55rem;
    font-size: 0.72rem;
}

.provider-quote-page__task-helper-card--price > .oi {
    background: rgba(96, 165, 250, 0.14);
}

.provider-quote-page__price-mode-card {
    padding: 0;
    border: 0;
    background: transparent;
}

.provider-quote-page__recent-draft {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.62rem;
    align-items: center;
    margin-top: 0.72rem;
    padding: 0.62rem 0.68rem;
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 6px;
    background: rgba(96, 165, 250, 0.06);
}

.provider-quote-page__recent-draft > .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.45rem;
    height: 1.45rem;
    border-radius: 999px;
    background: rgba(96, 165, 250, 0.12);
    color: #93c5fd;
    font-size: 0.74rem;
    line-height: 1;
}

.provider-quote-page__recent-draft div {
    display: grid;
    gap: 0.16rem;
    min-width: 0;
}

.provider-quote-page__recent-draft strong {
    color: #ffffff;
    font-size: 0.84rem;
    font-weight: 900;
    line-height: 1.2;
}

.provider-quote-page__recent-draft p,
.provider-quote-page__recent-draft small {
    margin: 0;
    color: #cbd5e1;
    font-size: 0.78rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.provider-quote-page__recent-draft small {
    color: #93c5fd;
    font-weight: 800;
}

.provider-quote-page__recent-draft a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.45rem 0.78rem;
    border: 1px solid rgba(96, 165, 250, 0.34);
    border-radius: 6px;
    background: rgba(96, 165, 250, 0.08);
    color: #bfdbfe;
    font-size: 0.82rem;
    font-weight: 900;
    line-height: 1.15;
    text-decoration: none;
}

.provider-quote-page__recent-draft a:hover,
.provider-quote-page__recent-draft a:focus-visible {
    border-color: rgba(147, 197, 253, 0.58);
    background: rgba(96, 165, 250, 0.16);
    color: #ffffff;
    outline: none;
}

.provider-quote-page__deliverables,
.provider-quote-page__deliverable-list {
    display: grid;
    align-content: start;
    gap: 0.6rem;
}

.provider-quote-page__deliverables {
    grid-template-rows: auto minmax(0, 1fr) auto;
    width: min(100%, 50rem);
}

.provider-quote-page__deliverables-count {
    color: #93c5fd;
    font-size: 0.8rem;
    font-weight: 900;
    line-height: 1.2;
}

.provider-quote-page__deliverable-summary,
.provider-quote-page__deliverable-editor {
    display: grid;
    column-gap: 0.55rem;
    row-gap: 0.55rem;
    align-items: center;
    padding: 0.58rem;
    border: 1px solid rgba(96, 165, 250, 0.1);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.24);
}

.provider-quote-page__deliverable-summary {
    grid-template-columns: minmax(0, 1fr) auto auto;
    min-height: 64px;
    cursor: pointer;
    transition:
        border-color 140ms ease,
        background 140ms ease,
        transform 140ms ease;
}

.provider-quote-page__deliverable-editor {
    align-items: stretch;
    gap: 0.75rem;
    width: min(100%, 48rem);
    padding: 0.72rem;
}

.provider-quote-page__deliverable-summary:hover,
.provider-quote-page__deliverable-summary:focus,
.provider-quote-page__deliverable-summary:focus-within,
.provider-quote-page__deliverable-editor:hover,
.provider-quote-page__deliverable-editor:focus-within {
    border-color: rgba(96, 165, 250, 0.26);
    background: rgba(15, 23, 42, 0.36);
}

.provider-quote-page__deliverable-summary:focus {
    outline: 2px solid rgba(147, 197, 253, 0.58);
    outline-offset: 2px;
}

.provider-quote-page__deliverable-summary:hover,
.provider-quote-page__deliverable-summary:focus,
.provider-quote-page__deliverable-summary:focus-within {
    transform: translateY(-1px);
}

.provider-quote-page__deliverable-summary:hover .provider-quote-page__deliverable-summary-copy strong,
.provider-quote-page__deliverable-summary:focus .provider-quote-page__deliverable-summary-copy strong,
.provider-quote-page__deliverable-summary:focus-within .provider-quote-page__deliverable-summary-copy strong {
    color: #dbeafe;
}

@media (prefers-reduced-motion: reduce) {
    .provider-quote-page__deliverable-summary {
        transition: none;
    }

    .provider-quote-page__deliverable-summary:hover,
    .provider-quote-page__deliverable-summary:focus,
    .provider-quote-page__deliverable-summary:focus-within {
        transform: none;
    }
}

.provider-quote-page__deliverable-summary-copy {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.provider-quote-page__deliverable-summary-copy strong {
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 900;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.provider-quote-page__deliverable-summary-copy span {
    color: #cbd5e1;
    font-size: 0.8rem;
    font-weight: 750;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.provider-quote-page__deliverable-summary-count {
    min-width: 4.8rem;
    color: #93c5fd;
    font-size: 0.78rem;
    font-weight: 900;
    line-height: 1.2;
    text-align: right;
    white-space: nowrap;
}

.provider-quote-page__deliverable-summary-actions,
.provider-quote-page__deliverable-edit-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.4rem;
}

.provider-quote-page__deliverable-editor-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: start;
}

.provider-quote-page__deliverable-editor-header > div:first-child {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.provider-quote-page__deliverable-editor-header strong {
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 900;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.provider-quote-page__deliverable-editor-header span {
    color: #93c5fd;
    font-size: 0.78rem;
    font-weight: 900;
    line-height: 1.2;
}

.provider-quote-page__deliverable-editor-fields {
    display: grid;
    grid-template-columns: minmax(18rem, 32rem) 8.6rem;
    gap: 0.68rem;
    align-items: start;
    max-width: 46rem;
}

.provider-quote-page__deliverable-editor-fields .public-landing__quote-field {
    min-width: 0;
}

.provider-quote-page__deliverable-editor-name {
    max-width: 32rem;
}

.provider-quote-page__deliverable-editor-quantity {
    width: min(100%, 8.6rem);
}

.provider-quote-page__deliverable-editor-notes {
    grid-column: 1 / -1;
}

.provider-quote-page__deliverable-editor-fields .public-landing__quote-field > span {
    color: #cbd5e1;
    font-size: 0.74rem;
    font-weight: 900;
    line-height: 1.2;
}

.provider-quote-page__deliverable-editor-fields .public-landing__quote-field input {
    border-color: rgba(148, 163, 184, 0.14);
    background: rgba(15, 23, 42, 0.42);
}

.provider-quote-page__deliverable-quantity {
    display: grid;
    grid-template-columns: 44px minmax(2.6rem, 1fr) 44px;
    align-items: center;
    justify-self: start;
    width: min(100%, 8.6rem);
    min-width: 0;
    min-height: 44px;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.34);
}

.provider-quote-page__deliverable-quantity input {
    width: 100%;
    min-width: 0;
    min-height: 42px;
    border: 0;
    border-inline: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 0;
    background: transparent;
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 900;
    line-height: 1.2;
    text-align: center;
    appearance: textfield;
    -moz-appearance: textfield;
}

.provider-quote-page__deliverable-quantity input::-webkit-outer-spin-button,
.provider-quote-page__deliverable-quantity input::-webkit-inner-spin-button {
    margin: 0;
    appearance: none;
}

.provider-quote-page__quantity-step {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    min-width: 44px;
    min-height: 44px;
    border: 0;
    background: transparent;
    color: rgba(191, 219, 254, 0.78);
    cursor: pointer;
}

.provider-quote-page__quantity-step .oi {
    top: 0;
    font-size: 0.72rem;
}

.provider-quote-page__quantity-step:hover,
.provider-quote-page__quantity-step:focus-visible {
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff;
    outline: none;
}

.provider-quote-page__quantity-step:disabled {
    cursor: not-allowed;
    color: rgba(148, 163, 184, 0.36);
}

.provider-quote-page__deliverable-quantity:focus-within {
    border-color: rgba(96, 165, 250, 0.42);
    box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.14);
}

.provider-quote-page__deliverable-actions {
    width: min(100%, 50rem);
}

.provider-quote-page__deliverable-actions .provider-quote-page__deliverable-add {
    margin-right: auto;
}

.provider-quote-page__deliverable-add,
.provider-quote-page__deliverable-edit,
.provider-quote-page__deliverable-done,
.provider-quote-page__deliverable-remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 44px;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 6px;
    background: rgba(96, 165, 250, 0.08);
    color: #bfdbfe;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 900;
    line-height: 1.15;
    cursor: pointer;
}

.provider-quote-page__deliverable-edit,
.provider-quote-page__deliverable-done {
    padding: 0.42rem 0.68rem;
}

.provider-quote-page__deliverable-edit {
    width: 44px;
    min-width: 44px;
    padding: 0;
    border-color: transparent;
    background: transparent;
    color: rgba(191, 219, 254, 0.72);
}

.provider-quote-page__deliverable-add {
    align-self: start;
    justify-self: start;
    padding: 0.42rem 0.68rem;
}

.provider-quote-page__deliverable-remove {
    width: 44px;
    min-width: 44px;
    border-color: transparent;
    background: transparent;
    color: rgba(203, 213, 225, 0.58);
    padding: 0;
}

.provider-quote-page__deliverable-remove .oi {
    top: 0;
    font-size: 1rem;
}

.provider-quote-page__deliverable-summary:hover .provider-quote-page__deliverable-remove,
.provider-quote-page__deliverable-summary:hover .provider-quote-page__deliverable-edit,
.provider-quote-page__deliverable-summary:focus-within .provider-quote-page__deliverable-remove,
.provider-quote-page__deliverable-summary:focus-within .provider-quote-page__deliverable-edit,
.provider-quote-page__deliverable-editor:hover .provider-quote-page__deliverable-remove,
.provider-quote-page__deliverable-editor:focus-within .provider-quote-page__deliverable-remove,
.provider-quote-page__deliverable-edit:hover,
.provider-quote-page__deliverable-edit:focus-visible,
.provider-quote-page__deliverable-remove:hover,
.provider-quote-page__deliverable-remove:focus-visible {
    border-color: rgba(96, 165, 250, 0.42);
    background: rgba(96, 165, 250, 0.08);
    color: #bfdbfe;
}

.provider-quote-page__deliverable-remove:disabled {
    cursor: not-allowed;
    opacity: 0.45;
}

.provider-quote-page__confirm-scrim {
    position: fixed;
    inset: 0;
    z-index: 60;
    background: rgba(2, 6, 23, 0.62);
    backdrop-filter: blur(3px);
}

.provider-quote-page__confirm-dialog {
    position: fixed;
    z-index: 61;
    top: 50%;
    left: 50%;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.82rem;
    width: min(calc(100vw - 2rem), 28rem);
    padding: 1rem;
    border: 1px solid rgba(251, 146, 60, 0.34);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.96);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.46);
    transform: translate(-50%, -50%);
}

.provider-quote-page__confirm-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: rgba(251, 146, 60, 0.12);
    color: #fdba74;
    font-size: 1rem;
    line-height: 1;
}

.provider-quote-page__confirm-dialog h2 {
    margin: 0;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.2;
}

.provider-quote-page__confirm-dialog p {
    margin: 0.32rem 0 0;
    color: #cbd5e1;
    font-size: 0.82rem;
    font-weight: 750;
    line-height: 1.45;
}

.provider-quote-page__confirm-actions {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.58rem;
    margin-top: 0.18rem;
}

.provider-quote-page__confirm-actions button,
.provider-quote-page__danger-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.5rem 0.74rem;
    border-radius: 6px;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 900;
    line-height: 1.15;
    cursor: pointer;
}

.provider-quote-page__danger-button {
    border: 1px solid rgba(248, 113, 113, 0.6);
    background: rgba(127, 29, 29, 0.46);
    color: #fee2e2;
}

.provider-quote-page__danger-button:hover,
.provider-quote-page__danger-button:focus-visible {
    border-color: rgba(252, 165, 165, 0.86);
    background: rgba(185, 28, 28, 0.62);
    color: #ffffff;
    outline: none;
}

.provider-quote-page .public-landing__quote-form-grid {
    gap: 1.15rem;
}

.provider-quote-page .public-landing__quote-field,
.provider-quote-page .public-landing__quote-fieldset {
    gap: 0.38rem;
}

.provider-quote-page .public-landing__quote-field span,
.provider-quote-page .public-landing__quote-fieldset legend,
.provider-quote-page .public-landing__quote-price-mode legend {
    font-size: 0.86rem;
}

.provider-quote-page .public-landing__quote-field small,
.provider-quote-page .public-landing__quote-fieldset small {
    font-size: 0.76rem;
    line-height: 1.35;
}

.provider-quote-page .public-landing__quote-field input,
.provider-quote-page .public-landing__quote-field select,
.provider-quote-page .public-landing__quote-field textarea {
    padding: 0.42rem 0.58rem;
    font-size: 0.92rem;
    line-height: 1.35;
}

.provider-quote-page__price-action-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
    align-items: center;
    justify-content: space-between;
}

.provider-quote-page__price-field-group {
    display: grid;
    gap: 0.38rem;
    flex: 0 1 16rem;
}

.provider-quote-page__price-field-group small {
    color: #9ca3af;
    font-size: 0.76rem;
    line-height: 1.35;
}

.provider-quote-page__price-field {
    max-width: 16rem;
}

.provider-quote-page__hourly-fields {
    flex: 1 1 26rem;
}

.provider-quote-page__proposal-editor {
    display: grid;
    align-content: start;
    gap: 0.72rem;
    width: min(100%, 50rem);
}

.provider-quote-page__proposal-editor-heading {
    justify-content: initial;
}

.provider-quote-page__proposal-icon-input {
    position: relative;
    display: grid;
    min-width: 0;
}

.provider-quote-page__proposal-icon-input > .oi {
    position: absolute;
    top: 50%;
    left: 0.62rem;
    z-index: 1;
    color: rgba(147, 197, 253, 0.72);
    font-size: 0.82rem;
    line-height: 1;
    pointer-events: none;
    transform: translateY(-50%);
}

.provider-quote-page .provider-quote-page__proposal-icon-input input {
    width: 100%;
    padding-left: 2rem;
}

.provider-quote-page__proposal-icon-input:focus-within > .oi {
    color: #bfdbfe;
}

.provider-quote-page__proposal-label-with-icon {
    display: inline-flex;
    gap: 0.42rem;
    align-items: center;
}

.provider-quote-page__proposal-label-with-icon > .oi {
    top: 0;
    color: rgba(147, 197, 253, 0.72);
    font-size: 0.78rem;
    line-height: 1;
}

.provider-quote-page__proposal-tabs {
    gap: 0.34rem;
    margin-bottom: 0.65rem;
    padding: 0.18rem 0 0.08rem;
}

.provider-quote-page__proposal-tabs .public-landing__quote-task-tab {
    flex: 0 0 auto;
    min-width: 8rem;
    padding-inline: 0.72rem;
    border-color: rgba(148, 163, 184, 0.18);
    background: rgba(15, 23, 42, 0.32);
    color: #cbd5e1;
    font-size: 0.78rem;
}

.provider-quote-page__proposal-tabs .public-landing__quote-task-tab--complete:not(.public-landing__quote-task-tab--active) {
    border-color: rgba(148, 163, 184, 0.18);
    background: rgba(15, 23, 42, 0.32);
    color: #cbd5e1;
}

.provider-quote-page__proposal-tabs .public-landing__quote-task-tab--next:not(.public-landing__quote-task-tab--active) {
    border-color: rgba(148, 163, 184, 0.18);
    background: rgba(15, 23, 42, 0.32);
    color: #cbd5e1;
}

.provider-quote-page__proposal-tabs .public-landing__quote-task-tab:hover:not(.public-landing__quote-task-tab--active) {
    border-color: rgba(148, 163, 184, 0.36);
    background: rgba(148, 163, 184, 0.06);
    color: #f8fafc;
}

.provider-quote-page__proposal-tabs .public-landing__quote-task-tab:focus-visible {
    outline: 2px solid rgba(147, 197, 253, 0.82);
    outline-offset: 2px;
}

.provider-quote-page__proposal-tabs .public-landing__quote-task-tab .guided-workflow-tab-icon {
    color: #94a3b8;
}

.provider-quote-page__proposal-tabs .public-landing__quote-task-tab--active {
    border-color: rgba(96, 165, 250, 0.58);
    background: rgba(96, 165, 250, 0.12);
    box-shadow: inset 0 -3px 0 #60a5fa;
    color: #ffffff;
}

.provider-quote-page__proposal-tabs .public-landing__quote-task-tab--active .guided-workflow-tab-icon {
    color: #60a5fa;
}

.provider-quote-page__proposal-tabs .public-landing__quote-task-tab-status {
    background: #00e676;
    box-shadow: 0 0 0 3px rgba(0, 230, 118, 0.1);
}

.provider-quote-page__proposal-review-status {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.32rem;
    align-items: center;
    justify-self: start;
    margin-bottom: 0.65rem;
    min-height: 1.6rem;
    color: #cbd5e1;
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1.25;
}

.provider-quote-page__proposal-review-status .oi {
    top: 0;
    color: #86efac;
    font-size: 0.76rem;
    line-height: 1;
}

.provider-quote-page__proposal-ready-strip .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 999px;
    background: rgba(0, 230, 118, 0.1);
    color: #86efac;
    font-size: 0.68rem;
    line-height: 1;
}

.provider-quote-page__proposal-ready-strip strong {
    color: #ffffff;
    font-size: 0.84rem;
    font-weight: 900;
    line-height: 1.2;
}

.provider-quote-page__proposal-review-status strong {
    color: #ffffff;
    font-size: inherit;
    font-weight: 900;
}

.provider-quote-page__proposal-ready-strip p {
    margin: 0.12rem 0 0;
    color: #cbd5e1;
    font-size: 0.78rem;
    line-height: 1.35;
}

.provider-quote-page__proposal-panel {
    display: grid;
    gap: 0.9rem;
}

.provider-quote-page__proposal-panel[hidden] {
    display: none !important;
}

.provider-quote-page__proposal-editor-grid,
.provider-quote-page__proposal-terms {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.62rem 0.88rem;
}

.provider-quote-page__proposal-terms {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.provider-quote-page__proposal-logistics {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(14rem, 0.75fr);
    gap: 0.72rem;
    align-items: stretch;
}

.provider-quote-page__proposal-editor textarea,
.provider-quote-page__proposal-terms textarea,
.provider-quote-page__proposal-logistics textarea {
    min-height: 5rem;
    resize: vertical;
}

.provider-quote-page__proposal-terms textarea {
    min-height: 4.25rem;
}

.provider-quote-page__proposal-readiness,
.provider-quote-page__proposal-review article {
    display: grid;
    align-content: start;
    gap: 0.36rem;
    padding: 0.68rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 6px;
    background: rgba(15, 23, 42, 0.38);
}

.provider-quote-page__proposal-readiness > span,
.provider-quote-page__proposal-review-label {
    color: #93c5fd;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: uppercase;
}

.provider-quote-page__proposal-review-label {
    display: inline-flex;
    align-items: center;
    gap: 0.48rem;
    min-width: 0;
}

.provider-quote-page__proposal-review-label .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 999px;
    background: rgba(96, 165, 250, 0.12);
    color: #93c5fd;
    font-size: 0.88rem;
    line-height: 1;
}

.provider-quote-page__proposal-readiness p,
.provider-quote-page__proposal-review p {
    margin: 0;
    color: #cbd5e1;
    font-size: 0.82rem;
    line-height: 1.4;
}

.provider-quote-page__proposal-ready-strip {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.62rem;
    align-items: start;
    padding: 0.78rem 0.85rem;
    border: 1px solid rgba(0, 230, 118, 0.14);
    border-radius: 6px;
    background: rgba(0, 230, 118, 0.035);
}

.provider-quote-page__proposal-review {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem;
    align-items: stretch;
}

.provider-quote-page__proposal-review article header {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    justify-content: space-between;
    min-height: 44px;
}

.provider-quote-page__proposal-review article header .provider-quote-page__proposal-review-label {
    color: #93c5fd;
}

.provider-quote-page__proposal-review article button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-width: 44px;
    min-height: 44px;
    padding: 0.4rem 0.62rem;
    border: 1px solid rgba(96, 165, 250, 0.26);
    border-radius: 6px;
    background: rgba(96, 165, 250, 0.08);
    color: #bfdbfe;
    font-size: 0.78rem;
    font-weight: 900;
    line-height: 1;
}

.provider-quote-page__proposal-review article button .oi {
    top: 0;
    color: currentColor;
    font-size: 0.78rem;
}

.provider-quote-page__proposal-review article button:hover,
.provider-quote-page__proposal-review article button:focus-visible {
    border-color: rgba(147, 197, 253, 0.62);
    background: rgba(96, 165, 250, 0.16);
    color: #ffffff;
    outline: none;
}

.provider-quote-page__proposal-review strong {
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 900;
    line-height: 1.25;
}

.provider-quote-page .public-landing__quote-review-card {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 50rem;
    padding: 0.72rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 6px;
    background: rgba(15, 23, 42, 0.38);
}

.provider-quote-page .public-landing__quote-review-card strong,
.provider-quote-page .public-landing__quote-review-card p {
    min-width: 0;
    overflow-wrap: anywhere;
}

.provider-quote-page .public-landing__quote-review-card p {
    color: #dbeafe;
    font-size: 0.82rem;
    line-height: 1.45;
}

.provider-quote-page__next-action {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    justify-content: flex-end;
    min-height: 44px;
}

.provider-quote-page__next-action--separated {
    width: min(100%, 50rem);
    margin-top: 0.65rem;
}

.provider-quote-page__action-rail {
    display: grid;
    grid-template-columns: minmax(7rem, auto) minmax(0, 1fr) auto 12rem;
    grid-template-areas: "leading status save primary";
}

.provider-quote-page__action-rail > .provider-quote-page__deliverable-add,
.provider-quote-page__action-rail > .provider-quote-page__previous-button {
    grid-area: leading;
}

.provider-quote-page__action-status {
    grid-area: status;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
}

.provider-quote-page__action-rail > .provider-quote-page__save-draft-button {
    grid-area: save;
}

.provider-quote-page__action-rail > .provider-quote-page__next-button {
    grid-area: primary;
    width: 100%;
}

.provider-quote-page__review-actions {
    gap: 0.65rem;
    justify-content: flex-end;
    max-width: none;
}

.provider-quote-page__previous-button {
    gap: 0.36rem;
    margin-right: auto;
}

.provider-quote-page__previous-button .oi {
    top: 0;
    color: currentColor;
    font-size: 0.78rem;
}

.provider-quote-page__review-actions .provider-quote-page__previous-button {
    margin-right: auto;
}

.provider-quote-page__next-button {
    min-width: 7rem;
    padding-inline: 0.95rem;
    font-size: 0.82rem;
    white-space: nowrap;
}

.provider-quote-page__secondary-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.45rem 0.78rem;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 6px;
    background: rgba(15, 23, 42, 0.48);
    color: #dbeafe;
    cursor: pointer;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 900;
    line-height: 1.15;
}

.provider-quote-page__secondary-button:hover,
.provider-quote-page__secondary-button:focus-visible {
    border-color: rgba(96, 165, 250, 0.46);
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff;
}

.provider-quote-page__secondary-button:disabled {
    cursor: wait;
    opacity: 0.68;
}

.provider-quote-page__save-draft-button {
    gap: 0.36rem;
}

.provider-quote-page__draft-status {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    max-width: 18rem;
    color: #cbd5e1;
    font-size: 0.76rem;
    font-weight: 800;
    line-height: 1.25;
}

.provider-quote-page__draft-status--success {
    color: #bbf7d0;
}

.provider-quote-page__draft-status--warning {
    color: #fed7aa;
}

.provider-quote-page__blueprint-draft,
.provider-quote-page__mobile-gate,
.provider-quote-page__document-preview {
    display: grid;
    gap: 0.18rem;
    padding: 0.58rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 6px;
    background: rgba(15, 23, 42, 0.44);
}

.provider-quote-page__blueprint-draft header strong,
.provider-quote-page__mobile-gate strong,
.provider-quote-page__document-preview strong {
    color: #ffffff;
    font-size: 0.76rem;
    font-weight: 900;
    line-height: 1.2;
}

.provider-quote-page__blueprint-draft header p,
.provider-quote-page__phase small,
.provider-quote-page__mobile-gate span,
.provider-quote-page__document-preview > span {
    margin: 0;
    color: #cbd5e1;
    font-size: 0.78rem;
    line-height: 1.3;
}

.provider-quote-page__blueprint-draft {
    gap: 0.64rem;
    border-color: rgba(96, 165, 250, 0.24);
}

.provider-quote-page__blueprint-draft header,
.provider-quote-page__phase-list {
    display: grid;
    gap: 0.48rem;
}

.provider-quote-page__blueprint-draft header {
    align-items: start;
}

.provider-quote-page__phase {
    display: grid;
    gap: 0.44rem;
    padding: 0.62rem;
    border: 1px solid rgba(148, 163, 184, 0.15);
    border-radius: 6px;
    background: rgba(5, 10, 15, 0.36);
}

.provider-quote-page__phase > div {
    display: grid;
    gap: 0.14rem;
}

.provider-quote-page__phase span {
    width: max-content;
    padding: 0.14rem 0.42rem;
    border-radius: 999px;
    color: #ffffff;
    font-size: 0.66rem;
    font-weight: 900;
    line-height: 1.2;
}

.provider-quote-page__phase--blue span {
    background: rgba(96, 165, 250, 0.22);
    color: #bfdbfe;
}

.provider-quote-page__phase--green span {
    background: rgba(0, 230, 118, 0.14);
    color: #bbf7d0;
}

.provider-quote-page__phase--orange span {
    background: rgba(251, 146, 60, 0.16);
    color: #fed7aa;
}

.provider-quote-page__phase strong {
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 900;
    line-height: 1.2;
}

.provider-quote-page__phase ul {
    display: grid;
    gap: 0.34rem;
    margin: 0;
    padding-left: 1rem;
    color: #cbd5e1;
    font-size: 0.76rem;
    line-height: 1.35;
}

.provider-quote-page__mobile-gate {
    gap: 0.22rem;
    border-color: rgba(251, 146, 60, 0.22);
    background: rgba(124, 45, 18, 0.16);
}

.provider-quote-page__blueprint-draft > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.38rem;
    min-height: 44px;
    justify-self: start;
    padding: 0.45rem 0.72rem;
    border: 1px solid rgba(96, 165, 250, 0.34);
    border-radius: 6px;
    background: rgba(96, 165, 250, 0.1);
    color: #bfdbfe;
    font-size: 0.78rem;
    font-weight: 900;
    line-height: 1.15;
    text-decoration: none;
}

.provider-quote-page__blueprint-draft > a:hover,
.provider-quote-page__blueprint-draft > a:focus-visible {
    border-color: rgba(96, 165, 250, 0.52);
    background: rgba(96, 165, 250, 0.16);
    color: #ffffff;
}

.provider-quote-page__document-preview {
    gap: 0.42rem;
    border-color: rgba(250, 204, 21, 0.22);
}

.provider-quote-page__document-preview button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.38rem;
    min-height: 44px;
    justify-self: start;
    padding: 0.45rem 0.72rem;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 6px;
    background: rgba(96, 165, 250, 0.08);
    color: #bfdbfe;
    cursor: pointer;
    font-size: 0.78rem;
    font-weight: 900;
    line-height: 1.15;
}

.provider-quote-page__document-preview button:hover,
.provider-quote-page__document-preview button:focus-visible {
    border-color: rgba(96, 165, 250, 0.48);
    background: rgba(96, 165, 250, 0.14);
    color: #ffffff;
}

.provider-quote-page__document-stage {
    display: grid;
    gap: 1rem;
    min-width: 0;
    margin-top: 1.1rem;
    padding: clamp(0.85rem, 2vw, 1.2rem);
    border: 1px solid rgba(96, 165, 250, 0.2);
    border-radius: 8px;
    background: rgba(5, 10, 15, 0.62);
}

.provider-quote-page__document-stage > header {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
}

.provider-quote-page__document-stage > header > div:first-child {
    display: grid;
    gap: 0.35rem;
}

.provider-quote-page__document-stage > header span {
    color: #93c5fd;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.provider-quote-page__document-stage h2 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.45rem, 2.3vw, 2.3rem);
    line-height: 1.05;
}

.provider-quote-page__document-lock-note {
    margin: 0;
    color: #cbd5e1;
    font-size: 0.9rem;
    line-height: 1.35;
}

.provider-quote-page__document-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.58rem;
    align-items: center;
    justify-content: flex-end;
}

.provider-quote-page__document-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
    min-height: 44px;
    padding: 0.5rem 0.78rem;
    border: 1px solid rgba(96, 165, 250, 0.34);
    border-radius: 6px;
    color: #bfdbfe;
    font-size: 0.82rem;
    font-weight: 900;
    text-decoration: none;
    background: rgba(96, 165, 250, 0.1);
}

.provider-quote-page__document-actions a:hover,
.provider-quote-page__document-actions a:focus-visible {
    border-color: rgba(96, 165, 250, 0.54);
    color: #ffffff;
    background: rgba(96, 165, 250, 0.16);
}

.provider-quote-page__document-readiness {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.62rem;
}

.provider-quote-page__document-readiness article {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.52rem;
    align-items: start;
    min-height: 44px;
    padding: 0.62rem;
    border: 1px solid rgba(96, 165, 250, 0.22);
    border-radius: 6px;
    background: rgba(96, 165, 250, 0.07);
}

.provider-quote-page__document-readiness .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 999px;
    background: rgba(96, 165, 250, 0.14);
    color: #93c5fd;
    font-size: 0.72rem;
    line-height: 1;
}

.provider-quote-page__document-readiness div {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.provider-quote-page__document-readiness strong {
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 900;
    line-height: 1.2;
}

.provider-quote-page__document-readiness p {
    margin: 0;
    color: #cbd5e1;
    font-size: 0.76rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.proposal-document--quote-demo {
    min-height: 0;
    width: min(100%, 72rem);
    max-width: 100%;
    justify-self: center;
    overflow: hidden;
    box-shadow: 0 18px 52px rgba(0, 0, 0, 0.24);
}

@media (max-width: 980px) {
    .provider-quote-page__layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .provider-quote-page__document-stage > header {
        align-items: stretch;
        flex-direction: column;
    }

    .provider-quote-page__document-actions,
    .provider-quote-page__document-actions a,
    .provider-quote-page__document-actions .provider-quote-page__secondary-button,
    .provider-quote-page__document-readiness {
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
    }

}

@media (max-width: 640px) {
    .provider-quote-page {
        padding: 0.55rem 0.85rem 0.85rem;
    }

    .provider-quote-page__task-tabs {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        overflow: visible;
    }

    .provider-quote-page__task-separator {
        display: none;
    }

    .provider-quote-page__task-summary {
        align-items: flex-start;
        gap: 0.24rem 0.34rem;
    }

    .provider-quote-page__task-summary-dot {
        display: none;
    }

    .provider-quote-page__task-summary-detail {
        flex-basis: 100%;
        padding-left: 1.1rem;
    }

    .provider-quote-page__task-summary-edit {
        margin-left: 1.1rem;
    }

    .provider-quote-page__task-tabs .public-landing__quote-task-tab {
        min-width: 0;
        width: 100%;
    }

    .provider-quote-page__task-prompt {
        font-size: clamp(1.5rem, 7vw, 1.625rem);
    }

    .provider-quote-page__task-instruction {
        font-size: 0.9rem;
    }

    .provider-quote-page__task-panel,
    .provider-quote-page__task-field-grid,
    .provider-quote-page__task-field-grid--three,
    .provider-quote-page__task-field-grid--location,
    .provider-quote-page__task-helper-card {
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
        max-width: none;
    }

    .provider-quote-page__deliverable-summary {
        grid-template-columns: minmax(0, 1fr);
    }

    .provider-quote-page__deliverable-summary-count {
        min-width: 0;
        text-align: left;
    }

    .provider-quote-page__deliverable-summary-actions,
    .provider-quote-page__deliverable-edit-actions {
        justify-content: stretch;
        width: 100%;
    }

    .provider-quote-page__deliverable-done {
        flex: 1 1 auto;
    }

    .provider-quote-page__deliverable-edit {
        flex: 0 0 44px;
    }

    .provider-quote-page__deliverable-editor-header {
        grid-template-columns: minmax(0, 1fr);
    }

    .provider-quote-page__deliverable-editor-fields {
        grid-template-columns: minmax(0, 1fr);
    }

    .provider-quote-page__deliverable-editor-notes {
        grid-column: auto;
    }

    .provider-quote-page__deliverable-remove {
        flex: 0 0 44px;
    }

    .provider-quote-page__confirm-dialog {
        grid-template-columns: minmax(0, 1fr);
    }

    .provider-quote-page__confirm-actions,
    .provider-quote-page__confirm-actions button {
        width: 100%;
    }

    .provider-quote-page__action-rail {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: none;
        justify-content: stretch;
        width: 100%;
        max-width: none;
    }

    .provider-quote-page__action-rail > .provider-quote-page__deliverable-add,
    .provider-quote-page__action-rail > .provider-quote-page__previous-button,
    .provider-quote-page__action-rail > .provider-quote-page__action-status,
    .provider-quote-page__action-rail > .provider-quote-page__save-draft-button,
    .provider-quote-page__action-rail > .provider-quote-page__next-button {
        grid-area: auto;
    }

    .provider-quote-page__action-rail .provider-quote-page__deliverable-add {
        margin-right: 0;
    }

    .provider-quote-page__recent-draft {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .provider-quote-page__recent-draft a {
        grid-column: 1 / -1;
        width: 100%;
    }

    .provider-quote-page__action-rail .provider-quote-page__secondary-button,
    .provider-quote-page__action-rail .provider-quote-page__next-button,
    .provider-quote-page__action-rail .provider-quote-page__draft-status,
    .provider-quote-page__action-rail .provider-quote-page__validation-status,
    .provider-quote-page__deliverable-add {
        width: 100%;
        max-width: none;
    }

    .provider-quote-page__price-action-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .provider-quote-page__price-field-group,
    .provider-quote-page__price-field,
    .provider-quote-page__hourly-fields,
    .provider-quote-page__proposal-editor-grid,
    .provider-quote-page__proposal-terms,
    .provider-quote-page__proposal-logistics,
    .provider-quote-page__proposal-review,
    .provider-quote-page__review-actions,
    .provider-quote-page__price-action-row .provider-quote-page__next-action,
    .provider-quote-page__price-action-row .provider-quote-page__next-button {
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
        max-width: none;
    }

    .provider-quote-page__review-actions {
        display: grid;
        justify-content: stretch;
    }

    .provider-quote-page__review-actions .provider-quote-page__secondary-button,
    .provider-quote-page__review-actions .provider-quote-page__next-button {
        width: 100%;
    }

    .provider-quote-page__proposal-tabs {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        overflow: visible;
    }

    .provider-quote-page__proposal-tabs .public-landing__quote-task-tab {
        min-width: 0;
        width: 100%;
    }
}

.public-landing__monetize-panel {
    gap: 0.55rem;
    padding: 0.8rem;
}

.public-landing__blueprint-notes {
    display: none;
}

.public-landing__auth-card {
    display: none;
}

.public-landing__monetization-path {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1.15rem;
    padding: 1.2rem;
    border: 1px solid rgba(255, 215, 0, 0.2);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(15, 23, 32, 0.7), rgba(4, 8, 12, 0.72)),
        rgba(7, 12, 18, 0.82);
}

.public-landing__path-heading {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(14rem, 0.72fr) minmax(0, 1.28fr);
    align-items: center;
    gap: 0.75rem 1.5rem;
}

.public-landing__path-title {
    display: grid;
    gap: 0.28rem;
}

.public-landing__path-eyebrow {
    color: #93c5fd;
    font-size: 0.875rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.public-landing__path-title h2 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.35rem, 2vw, 1.75rem);
    font-weight: 950;
    line-height: 1.12;
}

.public-landing__path-heading p {
    max-width: 82ch;
    margin: 0;
    color: #d1d5db;
    font-size: 0.95rem;
    line-height: 1.5;
}

.public-landing__monetization-path .public-landing__workflow-card {
    display: grid;
    grid-template-rows: auto 1fr auto auto;
    gap: 0.85rem;
    min-height: 0;
    padding: 1rem;
}

.public-landing__monetization-path .public-landing__workflow-card h3 {
    margin: 0;
    color: #ffffff;
    font-size: 1.05rem;
    font-weight: 950;
    line-height: 1.16;
}

.public-landing__monetization-path .public-landing__workflow-card--blue h3 {
    color: #93c5fd;
}

.public-landing__monetization-path .public-landing__workflow-card--green h3 {
    color: #86efac;
}

.public-landing__monetization-path .public-landing__workflow-card--gold h3 {
    color: #fde68a;
}

.public-landing__monetization-path .public-landing__workflow-card p {
    min-height: 0;
    margin: 0.35rem 0 0;
    color: #d1d5db;
    font-size: 0.9rem;
    line-height: 1.45;
}

.public-landing__workflow-output {
    grid-column: 1 / -1;
    display: block;
    min-height: 2.8em;
    color: #cbd5e1;
    font-size: 0.875rem;
    font-weight: 750;
    line-height: 1.4;
}

.public-landing__monetization-path .public-landing__workflow-card a {
    align-self: end;
    justify-content: center;
    min-height: 44px;
    padding: 0.55rem 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.3);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.045);
    color: #ffffff;
    font-size: 0.875rem;
    text-align: center;
}

.public-landing__monetization-path .public-landing__workflow-card a:hover,
.public-landing__monetization-path .public-landing__workflow-card a:focus-visible {
    border-color: rgba(147, 197, 253, 0.66);
    background: rgba(96, 165, 250, 0.12);
    outline: none;
}

.public-landing__path-boundary {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 0.75rem 1rem;
    align-items: center;
    padding: 0.9rem 1rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 8px;
    background: rgba(3, 7, 11, 0.48);
}

.public-landing__path-boundary > .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(96, 165, 250, 0.42);
    border-radius: 999px;
    color: #93c5fd;
}

.public-landing__path-boundary strong {
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 900;
}

.public-landing__path-boundary p {
    margin: 0.2rem 0 0;
    color: #cbd5e1;
    font-size: 0.875rem;
    line-height: 1.45;
}

.public-landing__path-boundary > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 44px;
    padding: 0 0.9rem;
    border: 1px solid rgba(255, 215, 0, 0.44);
    border-radius: 7px;
    color: #fde68a;
    font-size: 0.875rem;
    font-weight: 900;
    text-decoration: none;
}

.public-landing__demo-hub {
    display: grid;
    grid-template-columns: minmax(220px, 0.26fr) minmax(0, 1fr);
    gap: 1.2rem;
    margin-top: 1.15rem;
    padding: 1rem;
    border: 1px solid rgba(255, 215, 0, 0.18);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(15, 23, 32, 0.72), rgba(4, 8, 12, 0.76)),
        rgba(7, 12, 18, 0.82);
}

.public-landing__demo-hub header {
    display: grid;
    align-content: center;
    justify-items: start;
    gap: 0.45rem;
}

.public-landing__demo-hub h2 {
    margin: 0;
    color: #ffffff;
    font-size: 1.2rem;
    font-weight: 900;
}

.public-landing__demo-hub p {
    margin: 0;
    color: #d1d5db;
    font-size: 0.86rem;
    line-height: 1.35;
}

.public-landing__demo-hub header > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin-top: 0.45rem;
    padding: 0 1rem;
    border: 1px solid rgba(255, 215, 0, 0.58);
    border-radius: 7px;
    color: #ffd700;
    font-weight: 900;
    text-decoration: none;
}

.public-landing__demo-hub-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.public-landing__demo-hub-grid a {
    display: grid;
    gap: 0.45rem;
    align-content: end;
    min-height: 132px;
    padding: 0.8rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(96, 165, 250, 0.08), rgba(255, 255, 255, 0.035)),
        rgba(7, 12, 18, 0.72);
    color: #ffffff;
    text-decoration: none;
}

.public-landing__demo-hub-grid .oi {
    color: #60a5fa;
    font-size: 1.25rem;
}

.public-landing__demo-hub-grid strong {
    font-weight: 900;
}

.public-landing__trust-row {
    gap: 0.85rem;
    margin-top: 1.15rem;
}

@media (min-width: 1221px) {
    .public-landing__monetization-path .public-landing__workflow-card:not(:last-child)::after {
        right: -0.72rem;
        color: #ffd700;
    }

    .public-landing__provider-path .public-landing__workflow-card:nth-of-type(3)::after {
        content: none;
    }
}

@media (max-width: 1220px) {
    .public-landing__first-viewport,
    .public-landing__demo-hub {
        grid-template-columns: 1fr;
    }

    .public-landing__monetization-path,
    .public-landing__demo-hub-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .public-landing__path-heading {
        display: grid;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 860px) {
    .public-landing--cockpit .public-landing__topbar {
        grid-template-columns: 1fr;
    }

    .public-landing--cockpit .public-landing__nav-links {
        display: none;
    }

    .public-landing--cockpit .public-landing__nav-link {
        min-width: 0;
        min-height: 44px;
        padding: 0 0.4rem;
        border: 1px solid rgba(148, 163, 184, 0.18);
        border-radius: 7px;
        background: rgba(255, 255, 255, 0.035);
        font-size: 0.82rem;
        line-height: 1.1;
        text-align: center;
        white-space: normal;
    }

    .public-landing__nav-actions {
        justify-content: stretch;
    }

    .public-landing__legal-brand {
        flex-wrap: wrap;
        justify-content: flex-start;
        white-space: normal;
    }

    .public-compliance-footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .public-landing--cockpit .public-landing__signin,
    .public-landing--cockpit .public-landing__nav-cta {
        flex: 1 1 0;
    }

    .public-landing__hero-panel {
        min-height: 0;
    }

    .public-landing__workflow-tiles {
        grid-template-columns: 1fr;
        max-width: 100%;
        gap: 0.75rem;
        padding-bottom: 0;
    }

    .public-landing__workflow-tile-body {
        grid-template-columns: 42px minmax(0, 1fr);
        justify-items: start;
        min-height: 112px;
        padding: 0.85rem 0.9rem;
        text-align: left;
    }

    .public-landing__workflow-tile-body .oi {
        grid-row: 1 / span 2;
        width: 42px;
        height: 42px;
        font-size: 1.12rem;
    }

    .public-landing__workflow-tile-body strong {
        align-self: end;
        font-size: 0.95rem;
        line-height: 1.15;
    }

    .public-landing__workflow-tile-description {
        align-self: start;
        max-width: none;
        font-size: 0.8rem;
        line-height: 1.28;
    }

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

    .public-landing__client-lane .status-pill {
        white-space: nowrap;
    }

    .public-landing__client-lane > a {
        grid-column: auto;
        grid-row: auto;
        width: 100%;
    }

    .public-landing__hero-actions,
    .public-landing__cockpit-header,
    .public-landing__cockpit-grid,
    .public-landing__preview-matrix,
    .public-landing__monetization-path,
    .public-landing__demo-hub-grid {
        grid-template-columns: 1fr;
    }

    .public-landing__path-boundary {
        grid-template-columns: 38px minmax(0, 1fr);
    }

    .public-landing__path-boundary > a {
        grid-column: 1 / -1;
        width: 100%;
    }

    .public-landing__cockpit-header p {
        justify-self: stretch;
        max-width: none;
        text-align: left;
    }

    .public-landing__cockpit-header > div {
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
        min-width: 0;
    }

    .public-landing__cockpit-header > div strong {
        overflow-wrap: normal;
        white-space: normal;
    }

    .public-landing__cockpit-header label {
        grid-column: auto;
        grid-row: auto;
        width: 100%;
    }

    .public-landing__cockpit-header select {
        width: 100%;
    }
}

@media (max-width: 620px) {
    .public-landing__nav-actions,
    .public-landing__client-points,
    .public-landing__client-badges {
        display: grid;
    }

    .public-landing--cockpit {
        padding: 0 0.75rem 1rem;
    }

    .public-landing--cockpit .public-landing__nav-links {
        display: none;
    }

    .public-landing--cockpit h1 {
        font-size: 2.15rem;
    }

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

    .public-landing--cockpit .public-landing__topbar {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        min-height: 64px;
        gap: 0.55rem;
    }

    .public-landing__legal-brand {
        grid-column: 1 / -1;
        order: 3;
        font-size: 0.78rem;
    }

    .public-landing--cockpit .public-landing__nav-actions {
        display: inline-flex;
        justify-content: flex-end;
        gap: 0.42rem;
        min-width: 0;
    }

    .public-landing--cockpit .public-landing__signin,
    .public-landing--cockpit .public-landing__nav-cta {
        min-width: 0;
        padding: 0 0.64rem;
        font-size: 0.82rem;
    }

    .public-landing__hero-panel {
        gap: 0.68rem;
        padding: 0.8rem;
    }

    .public-landing__workflow-tiles {
        gap: 0.55rem;
        margin-top: 0.1rem;
    }

    .public-landing__workflow-tile-body {
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 0.42rem 0.56rem;
        min-height: 88px;
        padding: 0.64rem;
    }

    .public-landing__workflow-tile-body .oi {
        width: 38px;
        height: 38px;
        font-size: 1rem;
    }

    .public-landing__workflow-tile-body strong {
        font-size: 0.92rem;
    }

    .public-landing__workflow-tile-description {
        font-size: 0.76rem;
        line-height: 1.22;
    }

    .public-landing__secondary-actions {
        display: grid;
        gap: 0.08rem;
    }

    .public-landing__client-inline {
        display: grid;
        gap: 0;
        font-size: 0.86rem;
    }
}

.admin-filter-row {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 0.75rem;
    margin: 0.9rem 0;
}

.audience-page {
    min-height: 100vh;
    padding: 0 clamp(1rem, 2vw, 2rem) 1.4rem;
    background:
        radial-gradient(circle at 78% 8%, rgba(96, 165, 250, 0.12), transparent 28rem),
        radial-gradient(circle at 18% 22%, rgba(255, 215, 0, 0.12), transparent 24rem),
        linear-gradient(180deg, rgba(3, 7, 11, 0.98), rgba(8, 13, 18, 0.98) 48%, #070b0f 100%);
    color: #ffffff;
}

.audience-page a {
    color: inherit;
}

.audience-page__topbar {
    position: sticky;
    top: 0;
    z-index: 5;
    display: grid;
    grid-template-columns: minmax(180px, 0.32fr) minmax(0, 1fr) auto;
    align-items: center;
    gap: 1.1rem;
    min-height: 76px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    background: rgba(3, 7, 11, 0.86);
    backdrop-filter: blur(18px);
}

.audience-page__brand,
.audience-page__nav-links,
.audience-page__top-actions,
.audience-page__hero-actions,
.audience-page__workflow-card a,
.audience-page__inline-action {
    display: flex;
    align-items: center;
}

.audience-page__brand {
    gap: 0.55rem;
    min-height: 44px;
    text-decoration: none;
    font-size: 1.3rem;
    font-weight: 950;
    text-transform: uppercase;
}

.audience-page__brand-mark {
    display: grid;
    grid-template-columns: repeat(3, 10px);
    grid-template-rows: repeat(2, 10px);
    gap: 3px;
    flex: 0 0 42px;
    width: 42px;
    height: 34px;
    padding: 2px 0;
}

.audience-page__brand-mark span {
    width: 10px;
    height: 10px;
    border: 2px solid #ffd700;
    border-radius: 4px;
    transform: rotate(30deg);
}

.audience-page__brand-mark span:nth-child(4),
.audience-page__brand-mark span:nth-child(5),
.audience-page__brand-mark span:nth-child(6) {
    transform: translateX(7px) rotate(30deg);
}

.audience-page__nav-links {
    justify-content: center;
    gap: clamp(0.75rem, 2vw, 1.65rem);
}

.audience-page__nav-links a,
.audience-page__top-actions a,
.audience-page__hero-actions a,
.audience-page__workflow-card a,
.audience-page__inline-action {
    justify-content: center;
    min-height: 44px;
    border-radius: 7px;
    font-weight: 850;
    text-decoration: none;
}

.audience-page__nav-links a {
    color: #f8fafc;
}

.audience-page__top-actions {
    justify-content: flex-end;
    gap: 0.65rem;
}

.audience-page__top-actions a {
    padding: 0 1rem;
    border: 1px solid rgba(255, 255, 255, 0.22);
    background: rgba(255, 255, 255, 0.03);
}

.audience-page__top-actions .audience-page__primary-link {
    border-color: rgba(255, 215, 0, 0.72);
    background: linear-gradient(135deg, #ffd96a, #f2b735);
    color: #111827;
    box-shadow: 0 12px 26px rgba(255, 215, 0, 0.2);
}

.audience-page__content {
    display: grid;
    gap: 1rem;
    padding-top: 1rem;
}

.audience-page__hero,
.audience-page__workflow,
.audience-page__split > article {
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(15, 23, 32, 0.78), rgba(4, 8, 12, 0.76)),
        rgba(7, 12, 18, 0.88);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.25);
}

.audience-page__hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.46fr);
    gap: 1rem;
    align-items: stretch;
    padding: clamp(1rem, 2.4vw, 2rem);
}

.audience-page__hero h1 {
    max-width: 12ch;
    margin: 0.7rem 0;
    font-size: clamp(2.5rem, 5vw, 5.1rem);
    font-weight: 950;
    line-height: 0.98;
    letter-spacing: 0;
}

.audience-page__hero p,
.audience-page__hero-panel p,
.audience-page__workflow-card p,
.audience-page__split p,
.audience-page__split dd {
    color: #d1d5db;
    line-height: 1.45;
}

.audience-page__hero > div > p {
    max-width: 72ch;
    font-size: 1.05rem;
}

.audience-page__hero-actions {
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
}

.audience-page__hero-actions a {
    gap: 0.55rem;
    padding: 0 1rem;
    border: 1px solid rgba(255, 255, 255, 0.24);
}

.audience-page__hero-actions .admin-command-button {
    border-color: rgba(255, 215, 0, 0.78);
    background: linear-gradient(135deg, #ffd96a, #f2b735);
    color: #111827;
}

.audience-page__hero-panel {
    display: grid;
    gap: 0.75rem;
    align-content: center;
    padding: 1rem;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 8px;
    background: rgba(7, 12, 18, 0.74);
}

.audience-page__hero-panel h2,
.audience-page__split h2 {
    margin: 0;
    color: #ffffff;
    font-size: 1.45rem;
    font-weight: 950;
}

.audience-page__hero-panel ul {
    display: grid;
    gap: 0.55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.audience-page__hero-panel li,
.audience-page__workflow-card p {
    font-size: 0.9rem;
}

.audience-page__hero-panel li::before {
    color: #9be564;
    content: "✓ ";
}

.audience-page__workflow {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.85rem;
    padding: 0.85rem;
}

.audience-page--clients .audience-page__workflow {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.audience-page--demo .audience-page__workflow {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.audience-page__workflow-card {
    display: grid;
    gap: 0.55rem;
    align-content: start;
    min-height: 230px;
    padding: 0.85rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
}

.audience-page__workflow-card--blue {
    border-color: rgba(96, 165, 250, 0.34);
}

.audience-page__workflow-card--gold {
    border-color: rgba(255, 215, 0, 0.34);
}

.audience-page__workflow-card--green {
    border-color: rgba(0, 230, 118, 0.28);
}

.audience-page__workflow-card > .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid currentColor;
    border-radius: 8px;
    color: #60a5fa;
}

.audience-page__workflow-card--gold > .oi {
    color: #ffd700;
}

.audience-page__workflow-card--green > .oi {
    color: #00e676;
}

.audience-page__workflow-card strong {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 950;
}

.audience-page__workflow-card a,
.audience-page__inline-action {
    align-self: end;
    justify-self: start;
    padding: 0 0.9rem;
    border: 1px solid rgba(96, 165, 250, 0.44);
    background: rgba(96, 165, 250, 0.08);
}

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

.audience-page__split > article {
    display: grid;
    gap: 0.85rem;
    align-content: start;
    padding: 1rem;
}

.audience-page__split dl {
    display: grid;
    gap: 0.6rem;
    margin: 0;
}

.audience-page__split dl div {
    padding: 0.65rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.035);
}

.audience-page__split dt,
.audience-page__split dd {
    margin: 0;
}

.audience-page__split dt {
    color: #ffffff;
    font-weight: 900;
}

.audience-page--demo {
    position: relative;
    isolation: isolate;
    overflow: clip;
}

.audience-page--demo::before {
    position: absolute;
    z-index: -1;
    inset: 60px 0 0;
    background-image: url("/images/demo-hive-blueprint-grid.svg");
    background-position: right top;
    background-repeat: repeat-y;
    background-size: min(1120px, 86vw) auto;
    content: "";
    opacity: 0.42;
    pointer-events: none;
}

.audience-page--demo .audience-page__content,
.demo-topbar {
    width: min(100%, 1480px);
    margin-inline: auto;
}

.demo-topbar {
    grid-template-columns: auto 1fr auto;
    min-height: 64px;
}

.demo-topbar .audience-page__brand {
    font-size: 1.05rem;
    letter-spacing: 0.04em;
}

.demo-topbar__context {
    display: inline-flex;
    align-items: center;
    justify-self: start;
    min-height: 32px;
    gap: 0.45rem;
    padding-left: 1rem;
    border-left: 1px solid rgba(148, 163, 184, 0.22);
    color: #9ca3af;
    font-size: 0.82rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.demo-topbar .audience-page__top-actions a {
    min-height: 44px;
    border-color: rgba(148, 163, 184, 0.22);
    background: rgba(15, 23, 32, 0.62);
    color: #e5e7eb;
}

.demo-topbar .audience-page__top-actions a:last-child {
    border-color: rgba(255, 215, 0, 0.34);
    color: #ffe37a;
}

.demo-topbar__exit {
    gap: 0.45rem;
    border-color: transparent !important;
    background: transparent !important;
    color: #9ca3af !important;
}

.audience-page--demo .audience-page__content {
    gap: clamp(2rem, 4vw, 3rem);
    padding-top: 0.75rem;
}

.demo-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: #ffd95f;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.demo-eyebrow__marker {
    width: 8px;
    height: 8px;
    border: 2px solid #ffd700;
    transform: rotate(30deg);
}

.demo-launcher-intro {
    padding: 0.4rem 0.3rem 0.25rem;
}

.demo-launcher-intro h1 {
    margin: 0.25rem 0 0;
    color: #f8fafc;
    font-size: clamp(1.8rem, 3vw, 2.45rem);
    line-height: 1.05;
    letter-spacing: -0.035em;
}

.demo-launcher-intro p {
    margin: 0.3rem 0 0;
    color: #9ca3af;
    font-size: 0.92rem;
}

.demo-safety-details {
    min-width: 0;
    color: #9ca3af;
    font-size: 0.78rem;
}

.demo-safety-details summary {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 44px;
    cursor: pointer;
    font-weight: 800;
}

.demo-safety-details summary .oi {
    color: #60a5fa;
}

.demo-safety-details ul {
    display: grid;
    gap: 0.4rem;
    margin: 0;
    padding: 0 0 0 1.2rem;
}

.demo-options,
.demo-handoffs {
    display: grid;
    gap: 1.1rem;
    scroll-margin-top: 82px;
}

.demo-options--primary {
    padding-top: 0.25rem;
}

.demo-options__footer {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: 0 0.3rem;
}

.demo-options__safe-summary {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    gap: 0.5rem;
    max-width: 290px;
}

.demo-options__safe-summary > .oi {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    color: #9be564;
}

.demo-options__safe-summary strong,
.demo-options__safe-summary small {
    display: block;
}

.demo-options__safe-summary strong {
    color: #e5e7eb;
    font-size: 0.78rem;
}

.demo-options__safe-summary small {
    margin-top: 0.08rem;
    color: #9ca3af;
    font-size: 0.7rem;
    line-height: 1.35;
}

.demo-options__workflow-link {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 44px;
    color: #cbd5e1;
    font-size: 0.84rem;
    font-weight: 850;
    text-decoration: none;
}

.demo-section-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1.5rem;
    padding-inline: 0.3rem;
}

.demo-section-heading h2 {
    margin: 0.35rem 0 0;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    letter-spacing: -0.035em;
}

.demo-section-heading > p {
    max-width: 48ch;
    margin: 0;
    color: #9ca3af;
    text-align: right;
}

.audience-page--demo .demo-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.audience-page--demo .audience-page__workflow-card {
    gap: 0.75rem;
    min-height: 224px;
    padding: 0.875rem;
    border-radius: 12px;
    background: linear-gradient(160deg, rgba(24, 33, 44, 0.96), rgba(12, 18, 26, 0.96));
    color: inherit;
    box-shadow: 0 16px 42px rgba(0, 0, 0, 0.2);
    text-decoration: none;
    transition: border-color 150ms ease, transform 150ms ease, box-shadow 150ms ease;
}

.audience-page--demo .audience-page__workflow-card:hover {
    border-color: rgba(96, 165, 250, 0.58);
    transform: translateY(-3px);
    box-shadow: 0 22px 50px rgba(0, 0, 0, 0.28);
}

.audience-page--demo .audience-page__workflow-card:focus-visible {
    border-color: rgba(96, 165, 250, 0.8);
    outline: 3px solid #93c5fd;
    outline-offset: 3px;
}

.demo-card__topline,
.demo-handoff-card__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.demo-card__icon {
    position: relative;
    display: grid;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    place-items: center;
    clip-path: polygon(25% 2%, 75% 2%, 100% 50%, 75% 98%, 25% 98%, 0 50%);
    background: currentColor;
    color: #60a5fa;
}

.demo-card__icon::before {
    position: absolute;
    inset: 2px;
    clip-path: inherit;
    background: #101722;
    content: "";
}

.demo-card__icon > .oi {
    position: relative;
    z-index: 1;
    font-size: 1.4rem;
    line-height: 1;
}

.audience-page__workflow-card--gold .demo-card__icon {
    color: #ffd700;
}

.audience-page__workflow-card--green .demo-card__icon {
    color: #00e676;
}

.demo-card__access {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: #ffd95f;
    font-size: 0.72rem;
    font-weight: 800;
}

.demo-card__access .oi {
    font-size: 0.8rem;
}

.demo-card__body {
    display: grid;
    align-content: start;
}

.demo-card__kicker {
    color: #9ca3af;
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.audience-page--demo .audience-page__workflow-card h2,
.demo-handoff-card h3 {
    margin: 0.35rem 0 0;
    color: #ffffff;
    font-size: 1.12rem;
    font-weight: 950;
}

.audience-page--demo .audience-page__workflow-card p {
    margin: 0.55rem 0 0;
    color: #b8c4d2;
    font-size: 0.9rem;
}

.demo-card__action {
    display: inline-flex;
    align-items: center;
    align-self: end;
    justify-self: start;
    gap: 0.55rem;
    min-height: 44px;
    margin-top: auto;
    color: #cbd5e1;
    font-size: 0.84rem;
    font-weight: 850;
}

.audience-page--demo .audience-page__workflow-card:hover .demo-card__action,
.audience-page--demo .audience-page__workflow-card:focus-visible .demo-card__action {
    color: #ffffff;
}

.audience-page--demo .audience-page__inline-action {
    gap: 0.55rem;
    min-height: 44px;
    border-color: rgba(148, 163, 184, 0.26);
    background: rgba(255, 255, 255, 0.045);
    color: #f8fafc;
}

.audience-page--demo .audience-page__inline-action:hover {
    border-color: rgba(96, 165, 250, 0.65);
    background: rgba(96, 165, 250, 0.12);
}

.audience-page--demo .audience-page__split {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.audience-page--demo .audience-page__split > article {
    gap: 0.75rem;
    min-height: 280px;
    padding: 1.1rem;
    border-radius: 12px;
    background: rgba(12, 18, 26, 0.88);
}

.demo-handoff-card__heading > .oi {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid currentColor;
    border-radius: 9px;
    color: #60a5fa;
}

.demo-handoff-card--gold .demo-handoff-card__heading > .oi {
    color: #ffd700;
}

.demo-handoff-card--green .demo-handoff-card__heading > .oi {
    color: #00e676;
}

.demo-handoff-card__boundary {
    display: grid;
    grid-template-columns: 22px 1fr;
    gap: 0.55rem;
    align-items: start;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(148, 163, 184, 0.16);
    color: #9ca3af;
    font-size: 0.8rem;
    line-height: 1.45;
}

.demo-handoff-card__boundary .oi {
    color: #ffd95f;
    text-align: center;
}

.audience-page--demo .demo-handoff-card .audience-page__inline-action {
    margin-top: auto;
}

@media (max-width: 1180px) {
    .audience-page__hero,
    .audience-page__split,
    .audience-page__workflow,
    .audience-page--clients .audience-page__workflow,
    .audience-page--demo .audience-page__workflow {
        grid-template-columns: 1fr;
    }

    .audience-page--demo .demo-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .audience-page--demo .audience-page__split {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 860px) {
    .audience-page__topbar {
        position: static;
        grid-template-columns: 1fr;
        padding: 0.85rem 0;
    }

    .audience-page__nav-links {
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: 0.25rem;
    }

    .audience-page__top-actions,
    .audience-page__hero-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .audience-page__hero h1 {
        max-width: 100%;
        font-size: 2.6rem;
        line-height: 1.02;
    }

    .demo-topbar {
        position: sticky;
        grid-template-columns: 1fr auto;
        padding: 0.55rem 0;
    }

    .demo-topbar__context {
        display: none;
    }

    .demo-topbar .audience-page__top-actions {
        display: flex;
        grid-template-columns: none;
    }

    .demo-topbar .audience-page__top-actions a {
        padding-inline: 0.75rem;
    }

    .demo-section-heading {
        display: grid;
        align-items: start;
    }

    .demo-section-heading > p {
        text-align: left;
    }

    .demo-options__footer {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .audience-page--demo {
        padding-inline: 0.75rem;
    }

    .demo-topbar .audience-page__brand > span:last-child {
        display: none;
    }

    .demo-topbar__exit {
        display: none !important;
    }

    .audience-page--demo .demo-card-grid {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .audience-page--demo .audience-page__workflow-card {
        transition: none;
    }

    .audience-page--demo .audience-page__workflow-card:hover {
        transform: none;
    }
}

.admin-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    min-width: 0;
    max-width: 100%;
}

.admin-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
    min-width: 0;
    max-width: 100%;
    padding: 1rem;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 8px;
    background: rgba(43, 45, 49, 0.72);
}

.admin-form h3 {
    grid-column: 1 / -1;
    margin: 0;
    color: #ffffff;
    font-size: 1.05rem;
}

.admin-form__group {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    min-width: 0;
    margin: 0;
    padding: 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
}

.admin-form__group legend {
    width: auto;
    margin: 0;
    padding: 0 0.35rem;
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 850;
}

.admin-field {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
    color: #ffffff;
    font-weight: 700;
}

.admin-field--wide,
.admin-form .admin-command-button {
    grid-column: 1 / -1;
}

.admin-field span {
    color: #9CA3AF;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0;
}

.admin-field input,
.admin-field select,
.admin-field textarea {
    min-height: 44px;
    width: 100%;
    border: 1px solid rgba(156, 163, 175, 0.35);
    border-radius: 8px;
    background: #1b1c1e;
    color: #ffffff;
    padding: 0 0.75rem;
}

.admin-field textarea {
    min-height: 132px;
    padding: 0.75rem;
    resize: vertical;
}

#report-evidence-file {
    min-height: 54px;
    padding: 0.3rem 0.4rem;
    cursor: pointer;
}

#report-evidence-file::file-selector-button {
    min-height: 44px;
    margin-right: 0.75rem;
    border: 1px solid rgba(96, 165, 250, 0.62);
    border-radius: 7px;
    background: rgba(96, 165, 250, 0.14);
    color: #ffffff;
    padding: 0.65rem 0.85rem;
    cursor: pointer;
    font: inherit;
    font-weight: 800;
}

#report-evidence-file:hover::file-selector-button {
    border-color: rgba(0, 230, 118, 0.68);
    background: rgba(0, 230, 118, 0.12);
}

#report-evidence-file:focus-visible {
    outline: 3px solid rgba(0, 230, 118, 0.5);
    outline-offset: 3px;
}

#report-evidence-file:disabled,
#report-evidence-file:disabled::file-selector-button {
    cursor: not-allowed;
    opacity: 0.62;
}

.teamsync-admin-wizard {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.teamsync-admin-wizard__step {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.6rem;
    align-items: start;
    min-width: 0;
    padding: 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.22);
    border-radius: 8px;
    background: rgba(43, 45, 49, 0.72);
}

.teamsync-admin-wizard__step > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    border: 1px solid currentColor;
    font-weight: 900;
}

.teamsync-admin-wizard__step strong,
.teamsync-admin-wizard__step small,
.teamsync-admin-wizard__step em {
    display: block;
    min-width: 0;
    overflow-wrap: normal;
    word-break: normal;
}

.teamsync-admin-wizard__step strong {
    color: #ffffff;
    font-size: 0.92rem;
}

.teamsync-admin-wizard__step small {
    color: #d1d5db;
    line-height: 1.35;
}

.teamsync-admin-wizard__step em {
    grid-column: 1 / -1;
    color: currentColor;
    font-size: 0.72rem;
    font-style: normal;
    font-weight: 850;
    text-transform: uppercase;
}

.teamsync-admin-wizard__step--green { color: #00e676; border-color: rgba(0, 230, 118, 0.4); }
.teamsync-admin-wizard__step--orange { color: #ffa500; border-color: rgba(255, 165, 0, 0.42); }
.teamsync-admin-wizard__step--gold { color: #ffd700; border-color: rgba(255, 215, 0, 0.42); }

.teamsync-draft-actions {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
}

.teamsync-draft-actions button {
    min-height: 44px;
    border: 1px solid rgba(96, 165, 250, 0.5);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.1);
    color: #ffffff;
    font-weight: 800;
}

.teamsync-draft-status {
    grid-column: 1 / -1;
    margin: 0;
    color: #d1d5db;
    font-size: 0.88rem;
}

.teamsync-hybrid-builder {
    display: grid;
    grid-template-columns: minmax(220px, 0.72fr) minmax(0, 1.85fr) minmax(300px, 0.95fr);
    gap: 1rem;
    align-items: start;
}

.teamsync-hybrid-rail,
.teamsync-hybrid-canvas,
.teamsync-blueprint-drawer {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.teamsync-hybrid-canvas {
    align-content: start;
}

.teamsync-rail-list,
.teamsync-blueprint-list,
.teamsync-blueprint-actions {
    display: grid;
    gap: 0.65rem;
}

.teamsync-rail-list button,
.teamsync-blueprint-list button,
.teamsync-blueprint-list a,
.teamsync-blueprint-actions button {
    min-height: 44px;
    width: 100%;
    border: 1px solid rgba(96, 165, 250, 0.45);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.1);
    color: #ffffff;
    font-weight: 800;
    text-align: left;
    padding: 0.65rem 0.75rem;
}

.teamsync-rail-list button.teamsync-rail-action--destructive {
    border-color: rgba(255, 68, 68, 0.68);
    background: rgba(255, 68, 68, 0.1);
    color: #ffe4e6;
}

.teamsync-rail-list button.teamsync-rail-action--destructive:hover,
.teamsync-rail-list button.teamsync-rail-action--destructive:focus-visible {
    border-color: #ff4444;
    background: rgba(255, 68, 68, 0.18);
}

.teamsync-draft-clear-confirmation {
    display: grid;
    gap: 0.7rem;
    margin-top: 0.8rem;
    padding: 0.85rem;
    border: 1px solid rgba(255, 68, 68, 0.62);
    border-radius: 10px;
    background: rgba(50, 21, 27, 0.88);
}

.teamsync-draft-clear-confirmation strong,
.teamsync-draft-clear-confirmation p {
    margin: 0;
}

.teamsync-draft-clear-confirmation strong {
    color: #ffffff;
}

.teamsync-draft-clear-confirmation p {
    color: #fecdd3;
    line-height: 1.45;
}

.teamsync-draft-clear-confirmation__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
}

.teamsync-draft-clear-confirmation__actions button {
    min-height: 44px;
    border: 1px solid rgba(156, 163, 175, 0.56);
    border-radius: 8px;
    padding: 0.6rem 0.7rem;
    background: rgba(156, 163, 175, 0.1);
    color: #ffffff;
    font-weight: 800;
}

.teamsync-draft-clear-confirmation__actions button.teamsync-draft-clear-confirmation__confirm {
    border-color: #ff4444;
    background: rgba(255, 68, 68, 0.2);
    color: #ffe4e6;
}

.teamsync-blueprint-list a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    text-align: center;
    text-decoration: none;
}

.teamsync-blueprint-list button {
    border-color: rgba(255, 215, 0, 0.34);
    background: rgba(255, 215, 0, 0.07);
}

.teamsync-blueprint-list strong,
.teamsync-blueprint-list small {
    display: block;
    min-width: 0;
}

.teamsync-blueprint-list small {
    color: #d1d5db;
    margin-top: 0.15rem;
}

.teamsync-blueprint-actions button:nth-child(1) {
    border-color: rgba(0, 230, 118, 0.45);
    background: rgba(0, 230, 118, 0.08);
}

.teamsync-blueprint-actions button:nth-child(2) {
    border-color: rgba(255, 165, 0, 0.45);
    background: rgba(255, 165, 0, 0.08);
}

.teamsync-blueprint-actions button:nth-child(3) {
    border-color: rgba(255, 215, 0, 0.45);
    background: rgba(255, 215, 0, 0.08);
}

.teamsync-blueprint-status {
    margin: 0;
    color: #d1d5db;
    line-height: 1.45;
}

.teamsync-blueprint-status--green { color: #00e676; }
.teamsync-blueprint-status--orange { color: #ffa500; }
.teamsync-blueprint-status--gold { color: #ffd700; }

.teamsync-project-form {
    margin-bottom: 1rem;
}

.teamsync-project-form > .admin-command-button {
    display: inline-flex;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
    min-height: 48px;
}

.teamsync-advanced-fields {
    grid-column: 1 / -1;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.72);
}

.teamsync-advanced-fields summary {
    display: flex;
    gap: 0.55rem;
    align-items: center;
    min-height: 48px;
    padding: 0.65rem 0.8rem;
    color: #d1d5db;
    cursor: pointer;
    font-size: 0.86rem;
    font-weight: 800;
}

.teamsync-advanced-fields summary:hover,
.teamsync-advanced-fields summary:focus-visible {
    color: #ffffff;
}

.teamsync-advanced-fields summary:focus-visible {
    outline: 2px solid rgba(96, 165, 250, 0.62);
    outline-offset: 2px;
}

.teamsync-advanced-fields[open] summary {
    border-bottom: 1px solid rgba(156, 163, 175, 0.18);
}

.teamsync-advanced-fields .admin-form__group {
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.teamsync-inline-result {
    margin-bottom: 1rem;
    border-left-width: 4px;
    border-left-style: solid;
}

.teamsync-inline-result--green { border-left-color: rgba(0, 230, 118, 0.55); }
.teamsync-inline-result--red { border-left-color: rgba(255, 68, 68, 0.6); }

.teamsync-phase-preview {
    display: grid;
    gap: 0.75rem;
}

.teamsync-readback-strip {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.75rem;
    padding: 0.9rem;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 8px;
    background: rgba(43, 45, 49, 0.72);
}

.teamsync-readback-strip div {
    min-width: 0;
    padding: 0.65rem;
    border-left: 3px solid rgba(96, 165, 250, 0.65);
    background: rgba(27, 28, 30, 0.72);
}

.teamsync-readback-strip span,
.teamsync-readback-strip strong {
    display: block;
    min-width: 0;
}

.teamsync-readback-strip span {
    color: #9CA3AF;
    font-size: 0.76rem;
    font-weight: 800;
    text-transform: uppercase;
}

.teamsync-readback-strip strong {
    color: #ffffff;
    margin-top: 0.22rem;
    overflow-wrap: anywhere;
}

.report-checkbox {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 44px;
    color: #ffffff;
    cursor: pointer;
    font-weight: 700;
    line-height: 1.45;
}

.report-checkbox input {
    appearance: none;
    display: grid;
    place-content: center;
    width: 44px;
    min-width: 44px;
    height: 44px;
    margin: 0;
    border: 1px solid rgba(96, 165, 250, 0.72);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.82);
}

.report-checkbox input::before {
    content: "";
    width: 18px;
    height: 18px;
    clip-path: polygon(14% 44%, 0 58%, 40% 96%, 100% 18%, 84% 4%, 38% 62%);
    background: #60A5FA;
    transform: scale(0);
    transform-origin: center;
    transition: transform 120ms ease;
}

.report-checkbox input:checked::before {
    transform: scale(1);
}

.report-checkbox input:focus-visible {
    outline: 3px solid rgba(0, 230, 118, 0.5);
    outline-offset: 3px;
}

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

.report-definition-grid div {
    display: grid;
    gap: 0.25rem;
    min-height: 68px;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(156, 163, 175, 0.22);
    border-radius: 8px;
    background: #232529;
}

.report-definition-grid dt {
    color: #9ca3af;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.report-definition-grid dd {
    margin: 0;
    color: #ffffff;
    font-size: 0.96rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.report-artifact-preview {
    max-height: 520px;
    overflow: auto;
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.22);
    border-radius: 8px;
    background: #1b1c1e;
    color: #f8fafc;
}

.marketplace-workspace {
    display: grid;
    gap: 1.5rem;
    width: 100%;
    max-width: 1320px;
    overflow-wrap: break-word;
}

.page:has(.marketplace-workspace) .command-header {
    display: none;
}

.main:has(.marketplace-workspace) {
    padding: 0;
    background: #0b0f12;
}

.marketplace-workspace:not(:has(.buyer-checkout-mockup-hybrid)) {
    position: relative;
    max-width: none;
    min-height: 100vh;
    padding: 1rem 1.2rem 2rem 240px;
    background:
        radial-gradient(circle at 68% 0%, rgba(96, 165, 250, 0.06), transparent 34rem),
        linear-gradient(180deg, rgba(17, 24, 39, 0.56), rgba(8, 12, 15, 0.96) 34rem),
        #0b0f12;
}

.marketplace-workspace:not(:has(.buyer-checkout-mockup-hybrid))::before {
    content: "MARKETPLACE\A Marketplace home\A All blueprints\A Categories\A Top rated\A Purchases\A Downloads\A Reviews\A\A CREATOR TOOLS\A My Blueprints\A Brand kit\A Payouts\A Analytics\A\A SYSTEM\A Help\A Settings";
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 0;
    width: 216px;
    padding: 5.1rem 1rem 1.25rem;
    border-right: 1px solid rgba(156, 163, 175, 0.15);
    background: #0c1217;
    color: #9ca3af;
    font-size: 14px;
    font-weight: 800;
    line-height: 2.18;
    white-space: pre-line;
    box-shadow: 18px 0 48px rgba(0, 0, 0, 0.22);
}

.marketplace-workspace:not(:has(.buyer-checkout-mockup-hybrid))::after {
    display: none;
    content: none;
}

.marketplace-workspace:not(:has(.buyer-checkout-mockup-hybrid)) > .breadcrumb-trail {
    display: none;
}

.marketplace-workspace:not(:has(.buyer-checkout-mockup-hybrid)) > * {
    position: relative;
    z-index: 1;
}

.marketplace-workspace:not(:has(.buyer-checkout-mockup-hybrid)) .marketplace-hero {
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(96, 165, 250, 0.06), transparent 38%),
        rgba(17, 19, 23, 0.92);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}

.marketplace-proposal-page {
    gap: 0.85rem;
}

.marketplace-proposal-topnav {
    display: grid;
    grid-template-columns: minmax(360px, 1fr) auto;
    gap: 0.9rem;
    align-items: center;
    min-height: 56px;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.14);
}

.marketplace-proposal-topnav__brand {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 0.05rem;
    align-items: center;
    min-width: 190px;
    color: #ffffff;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1;
    text-decoration: none;
}

.marketplace-proposal-topnav__brand::before {
    content: "";
    grid-row: 1 / span 2;
    width: 28px;
    height: 28px;
    border: 2px solid rgba(255, 215, 0, 0.82);
    border-radius: 8px;
    background:
        linear-gradient(45deg, transparent 38%, rgba(255, 215, 0, 0.9) 39% 61%, transparent 62%),
        #0f141b;
    vertical-align: middle;
}

.marketplace-proposal-topnav__brand span {
    display: inline-flex;
    align-items: center;
    grid-column: 2;
    color: #ffffff;
    font-size: 1rem;
}

.marketplace-proposal-topnav__brand small {
    grid-column: 2;
    color: #ffd700;
    font-size: 0.66rem;
    font-weight: 900;
}

.marketplace-proposal-topnav__search {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    gap: 0.45rem;
    align-items: center;
    min-height: 44px;
    padding: 0 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: rgba(8, 12, 15, 0.9);
}

.marketplace-proposal-topnav__search .oi {
    color: #9ca3af;
}

.marketplace-proposal-topnav__search input {
    min-width: 0;
    border: 0;
    background: transparent;
    color: #d1d5db;
    font: inherit;
    font-size: 0.86rem;
    outline: none;
}

.marketplace-proposal-topnav nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: center;
    justify-content: flex-end;
}

.marketplace-proposal-topnav nav a,
.marketplace-proposal-topnav__icon,
.marketplace-proposal-topnav__avatar {
    display: inline-flex;
    gap: 0.4rem;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: 0 0.68rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(15, 20, 27, 0.82);
    color: #d1d5db;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
}

.marketplace-proposal-topnav__avatar {
    width: 44px;
    padding: 0;
    border-radius: 50%;
    border-color: rgba(96, 165, 250, 0.44);
    background: #1f2937;
    color: #ffffff;
}

.marketplace-workspace:not(:has(.buyer-checkout-mockup-hybrid)) .marketplace-hero__grid {
    grid-template-columns: minmax(0, 1.28fr) minmax(280px, 390px);
    gap: 0.9rem;
}

.marketplace-workspace:not(:has(.buyer-checkout-mockup-hybrid)) .marketplace-workspace h1,
.marketplace-workspace:not(:has(.buyer-checkout-mockup-hybrid)) h1 {
    font-size: clamp(2rem, 3.3vw, 3.45rem);
}

.marketplace-command-topbar {
    display: grid;
    grid-template-columns: auto minmax(260px, 1fr) repeat(3, auto);
    gap: 0.6rem;
    align-items: center;
    min-height: 44px;
    padding: 0.35rem;
    border: 1px solid rgba(156, 163, 175, 0.14);
    border-radius: 8px;
    background: rgba(8, 12, 15, 0.82);
}

.marketplace-proposal-page .marketplace-command-topbar {
    display: none;
}

.marketplace-creator-storefront-hero.marketplace-proposal-page .marketplace-command-topbar {
    display: grid;
}

.marketplace-command-topbar strong,
.marketplace-command-topbar span,
.marketplace-command-topbar a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 0.72rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    color: #d1d5db;
    font-size: 0.82rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.marketplace-command-topbar strong {
    border-color: rgba(255, 215, 0, 0.44);
    color: #ffd700;
}

.marketplace-command-topbar a {
    border-color: rgba(96, 165, 250, 0.45);
    color: #60a5fa;
}

.marketplace-command-topbar label {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.5rem;
    align-items: center;
    min-width: 0;
    min-height: 44px;
    padding: 0 0.5rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: #0f141b;
}

.marketplace-command-topbar label span {
    min-height: 0;
    padding: 0;
    border: 0;
    color: #9ca3af;
    font-size: 0.72rem;
    text-transform: uppercase;
}

.marketplace-command-topbar input {
    min-width: 0;
    min-height: 44px;
    border: 0;
    background: transparent;
    color: #f8fafc;
    font: inherit;
    font-size: 0.82rem;
    outline: none;
}

.marketplace-mockup-product-strip,
.marketplace-mockup-creator-profile,
.marketplace-mockup-blueprint-board,
.marketplace-mockup-kpis {
    display: grid;
    gap: 0.75rem;
}

.marketplace-mockup-product-strip {
    grid-template-columns: 132px minmax(0, 1fr) minmax(190px, 0.36fr);
    align-items: stretch;
    margin-top: 1rem;
    padding: 0.75rem;
    border: 1px solid rgba(96, 165, 250, 0.22);
    border-radius: 8px;
    background: rgba(10, 16, 22, 0.86);
}

.marketplace-mockup-product-strip__cover,
.marketplace-mockup-blueprint-board__media {
    display: grid;
    align-content: end;
    min-height: 120px;
    padding: 0.75rem;
    border: 1px solid rgba(255, 215, 0, 0.34);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(255, 215, 0, 0.12), transparent 48%),
        linear-gradient(315deg, rgba(96, 165, 250, 0.18), transparent 54%),
        #111827;
    color: #f8fafc;
}

.marketplace-mockup-product-strip__cover span,
.marketplace-mockup-blueprint-board__media span {
    color: #ffd700;
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.marketplace-mockup-product-strip__cover strong,
.marketplace-mockup-blueprint-board__media strong {
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.15;
}

.marketplace-mockup-product-strip h2 {
    color: #ffffff;
    font-size: 1.22rem;
    line-height: 1.15;
}

.marketplace-mockup-product-strip dl,
.marketplace-mockup-creator-profile dl,
.marketplace-mockup-blueprint-board dl {
    display: grid;
    gap: 0.45rem;
    margin: 0;
}

.marketplace-mockup-product-strip dl div,
.marketplace-mockup-creator-profile dl div,
.marketplace-mockup-blueprint-board dl div {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr);
    gap: 0.5rem;
    align-items: center;
    padding: 0.45rem 0.55rem;
    border: 1px solid rgba(156, 163, 175, 0.14);
    border-radius: 8px;
    background: #161b22;
}

.marketplace-mockup-product-strip dt,
.marketplace-mockup-creator-profile dt,
.marketplace-mockup-blueprint-board dt {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.marketplace-mockup-product-strip dd,
.marketplace-mockup-creator-profile dd,
.marketplace-mockup-blueprint-board dd {
    margin: 0;
    color: #f8fafc;
    font-size: 0.82rem;
    font-weight: 900;
    line-height: 1.2;
}

.marketplace-mockup-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.marketplace-mockup-kpis > div {
    display: grid;
    gap: 0.25rem;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: #151a21;
}

.marketplace-mockup-kpis span,
.marketplace-mockup-kpis small {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.marketplace-mockup-kpis strong {
    color: #ffffff;
    font-size: 1.34rem;
    line-height: 1;
}

.marketplace-mockup-kpis small {
    color: #00e676;
}

.marketplace-mockup-creator-profile {
    grid-template-columns: 76px minmax(0, 1fr) minmax(230px, 0.38fr);
    align-items: center;
    margin-bottom: 0.9rem;
}

.marketplace-creator-storefront-hero .marketplace-hero__grid {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 330px);
    gap: 0.95rem;
}

.marketplace-mockup-creator-profile--proposal {
    grid-template-columns: 116px minmax(0, 1fr);
    gap: 0.95rem;
    align-items: center;
    margin-bottom: 0.65rem;
}

.marketplace-mockup-creator-profile__avatar {
    display: grid;
    place-items: center;
    width: 68px;
    height: 68px;
    border: 2px solid rgba(0, 230, 118, 0.74);
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(0, 230, 118, 0.18), rgba(96, 165, 250, 0.16)), #111827;
    color: #ffffff;
    font-weight: 900;
}

.marketplace-mockup-creator-profile--proposal .marketplace-mockup-creator-profile__avatar {
    position: relative;
    overflow: hidden;
    width: 106px;
    height: 106px;
    border-color: rgba(255, 215, 0, 0.38);
    background:
        radial-gradient(circle at 50% 32%, rgba(255, 214, 170, 0.96) 0 15%, transparent 16%),
        radial-gradient(ellipse at 50% 68%, rgba(31, 41, 55, 0.95) 0 35%, transparent 36%),
        linear-gradient(145deg, rgba(255, 215, 0, 0.18), rgba(96, 165, 250, 0.14)),
        #111827;
    box-shadow:
        inset 0 0 0 4px rgba(255, 255, 255, 0.035),
        0 10px 34px rgba(0, 0, 0, 0.28);
}

.marketplace-mockup-creator-profile--proposal .marketplace-mockup-creator-profile__avatar:has(img) {
    background: #111827;
}

.marketplace-mockup-creator-profile--proposal .marketplace-mockup-creator-profile__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.marketplace-mockup-creator-profile--proposal .marketplace-mockup-creator-profile__avatar::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 36px;
    width: 34px;
    height: 16px;
    border-radius: 999px 999px 45% 45%;
    background: #3b2a22;
    box-shadow: 0 8px 0 rgba(59, 42, 34, 0.78);
}

.marketplace-mockup-creator-profile--proposal .marketplace-mockup-creator-profile__avatar:has(img)::before {
    display: none;
}

.marketplace-mockup-creator-profile--proposal .marketplace-mockup-creator-profile__avatar::after {
    content: "";
    position: absolute;
    right: 12px;
    bottom: 13px;
    width: 20px;
    height: 20px;
    border: 2px solid rgba(12, 18, 23, 0.94);
    border-radius: 50%;
    background: #00e676;
    box-shadow: 0 0 0 2px rgba(0, 230, 118, 0.3);
}

.marketplace-mockup-creator-profile--proposal .marketplace-mockup-creator-profile__avatar span {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-top: 42px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.34);
    font-size: 0.82rem;
}

.marketplace-mockup-creator-profile--proposal h1 {
    max-width: 640px;
    font-size: clamp(2rem, 3.15vw, 3.35rem);
    line-height: 0.98;
}

.marketplace-mockup-creator-profile--proposal p {
    max-width: 620px;
    color: #d1d5db;
    font-size: 0.95rem;
    line-height: 1.38;
}

.marketplace-mockup-creator-profile__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.55rem;
}

.marketplace-mockup-creator-profile__badges span {
    min-height: 28px;
    padding: 0.32rem 0.5rem;
    border: 1px solid rgba(0, 230, 118, 0.22);
    border-radius: 8px;
    background: rgba(0, 230, 118, 0.08);
    color: #bfffe0;
    font-size: 0.72rem;
    font-weight: 800;
}

.marketplace-mockup-creator-profile--proposal .marketplace-mockup-creator-profile__metrics {
    grid-column: 1 / -1;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin-top: 0.2rem;
    border: 1px solid rgba(156, 163, 175, 0.14);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent),
        rgba(15, 20, 27, 0.68);
}

.marketplace-mockup-creator-profile--proposal .marketplace-mockup-creator-profile__metrics div {
    border: 0;
    border-right: 1px solid rgba(156, 163, 175, 0.14);
    border-radius: 0;
    background: transparent;
    padding: 0.72rem 0.85rem;
}

.marketplace-mockup-creator-profile--proposal .marketplace-mockup-creator-profile__metrics div:last-child {
    border-right: 0;
}

.marketplace-mockup-creator-profile--proposal .marketplace-mockup-creator-profile__metrics dd {
    font-size: 1rem;
}

.marketplace-storefront-right-rail {
    display: grid;
    gap: 0.82rem;
    align-content: start;
}

.marketplace-storefront-right-rail .marketplace-proof-panel {
    gap: 0.65rem;
    padding: 0.85rem;
}

.marketplace-storefront-owner-bridge {
    gap: 0.48rem;
    padding: 0.72rem;
    background:
        linear-gradient(135deg, rgba(255, 215, 0, 0.08), transparent 50%),
        rgba(24, 26, 31, 0.94);
}

.marketplace-storefront-owner-bridge h2 {
    margin-top: 0.1rem;
}

.marketplace-storefront-owner-bridge p {
    max-width: 32rem;
}

.marketplace-storefront-owner-bridge .marketplace-card__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
}

.marketplace-storefront-right-rail .marketplace-proof-panel h2 {
    font-size: 1.05rem;
}

.marketplace-storefront-right-rail .marketplace-proof-panel p,
.marketplace-storefront-right-rail .marketplace-check-list,
.marketplace-storefront-right-rail .marketplace-definition-list dd {
    font-size: 0.82rem;
    line-height: 1.35;
}

.marketplace-storefront-right-rail .marketplace-definition-list {
    gap: 0.45rem;
}

.marketplace-storefront-right-rail .marketplace-definition-list div {
    padding: 0.6rem;
}

.marketplace-storefront-right-rail .marketplace-action-link {
    min-height: 44px;
}

.marketplace-storefront-secondary-rail {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(300px, 0.9fr);
    gap: 0.82rem;
    align-items: start;
    margin-top: 1rem;
}

.marketplace-storefront-secondary-rail .marketplace-proof-panel {
    gap: 0.65rem;
    min-width: 0;
    padding: 0.85rem;
}

.marketplace-storefront-secondary-rail .marketplace-card__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
}

.marketplace-mockup-blueprint-board {
    grid-template-columns: minmax(190px, 0.34fr) minmax(0, 1fr) minmax(250px, 0.48fr);
    align-items: stretch;
    margin-top: 1rem;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(8, 12, 15, 0.72);
}

.marketplace-mockup-blueprint-board dl div {
    grid-template-columns: minmax(78px, 0.68fr) minmax(0, 1.18fr);
}

.marketplace-product-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: center;
    color: #9ca3af;
    font-size: 0.84rem;
    font-weight: 800;
}

.marketplace-product-breadcrumb a {
    color: #dbeafe;
    text-decoration: none;
}

.marketplace-product-breadcrumb strong {
    color: #ffffff;
    font-weight: 900;
}

.marketplace-mockup-blueprint-board > article:not(.marketplace-mockup-blueprint-board__media) {
    display: grid;
    gap: 0.45rem;
    align-content: center;
}

.marketplace-product-detail-hero .marketplace-hero__grid {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 390px);
    gap: 1.2rem;
}

.marketplace-product-detail-hero--proposal-one {
    background:
        linear-gradient(135deg, rgba(96, 165, 250, 0.08), transparent 34%),
        radial-gradient(circle at 88% 18%, rgba(255, 215, 0, 0.1), transparent 28%),
        #1b1c1e;
}

.marketplace-proposal-one-shell {
    align-items: start;
}

.marketplace-proposal-one-main {
    min-width: 0;
}

.marketplace-product-title-lockup {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 190px;
    gap: 0.95rem;
    align-items: center;
}

.marketplace-product-meta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    align-items: center;
    margin-top: 0.65rem;
    color: #cbd5e1;
    font-size: 0.82rem;
    font-weight: 800;
}

.marketplace-product-meta-row span {
    display: inline-flex;
    gap: 0.35rem;
    align-items: center;
    min-height: 28px;
}

.marketplace-product-meta-row .oi {
    color: #ffd700;
    font-size: 0.9rem;
}

.marketplace-product-title-lockup h1 {
    font-size: clamp(2.25rem, 4.2vw, 4rem);
}

.marketplace-product-emblem {
    display: grid;
    place-items: center;
    gap: 0.45rem;
    min-height: 170px;
    padding: 1rem;
    border: 1px solid rgba(255, 215, 0, 0.34);
    border-radius: 8px;
    background:
        radial-gradient(circle at 50% 34%, rgba(255, 255, 255, 0.2), transparent 28%),
        linear-gradient(145deg, rgba(255, 215, 0, 0.16), transparent 46%),
        #151a21;
    text-align: center;
}

.marketplace-product-detail-hero .marketplace-brand-banner {
    display: none;
}

.marketplace-product-emblem img {
    width: min(100%, 144px);
    aspect-ratio: 1;
    object-fit: contain;
    border-radius: 8px;
    filter: drop-shadow(0 18px 24px rgba(0, 0, 0, 0.28));
}

.marketplace-product-emblem__fallback {
    display: none;
}

.marketplace-product-emblem img[hidden] + .marketplace-product-emblem__fallback {
    display: grid;
}

.marketplace-product-emblem .oi {
    display: grid;
    place-items: center;
    width: 72px;
    height: 72px;
    border: 2px solid rgba(255, 255, 255, 0.34);
    border-radius: 14px;
    color: #ffffff;
    font-size: 2rem;
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.04);
}

.marketplace-product-emblem strong {
    max-width: 130px;
    color: #ffffff;
    font-size: 0.86rem;
    letter-spacing: 0;
    line-height: 1.18;
    text-transform: uppercase;
}

.marketplace-proposal-one-safe-preview {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    margin-top: 0.85rem;
    min-height: 74px;
    padding: 0.8rem 0.95rem;
    border: 1px solid rgba(96, 165, 250, 0.38);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(37, 99, 235, 0.18), rgba(15, 23, 42, 0.72)),
        #111827;
}

.marketplace-proposal-one-safe-preview > .oi {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(96, 165, 250, 0.42);
    border-radius: 8px;
    color: #60a5fa;
    font-size: 1.2rem;
}

.marketplace-proposal-one-safe-preview strong,
.marketplace-proposal-one-disclosure strong,
.marketplace-proposal-one-attribution-list strong {
    color: #ffffff;
}

.marketplace-proposal-one-safe-preview p,
.marketplace-proposal-one-disclosure p,
.marketplace-proposal-one-attribution-list p {
    margin: 0.12rem 0 0;
    color: #cbd5e1;
    line-height: 1.35;
}

.marketplace-proposal-one-safe-preview > span:last-child {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 0.7rem;
    border: 1px solid rgba(96, 165, 250, 0.3);
    border-radius: 8px;
    color: #93c5fd;
    font-size: 0.8rem;
    font-weight: 900;
}

.marketplace-product-proof-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin-top: 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(8, 12, 15, 0.72);
    overflow: hidden;
}

.marketplace-product-proof-strip article {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 0.45rem;
    align-items: center;
    min-height: 78px;
    padding: 0.58rem;
    border-right: 1px solid rgba(156, 163, 175, 0.14);
}

.marketplace-product-proof-strip article:last-child {
    border-right: 0;
}

.marketplace-product-proof-strip .oi {
    grid-row: 1 / span 2;
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(96, 165, 250, 0.3);
    border-radius: 8px;
    color: #60a5fa;
    font-size: 1.1rem;
}

.marketplace-product-proof-strip article:nth-child(1) .oi {
    border-color: rgba(0, 230, 118, 0.36);
    color: #00e676;
}

.marketplace-product-proof-strip article:nth-child(3) .oi,
.marketplace-product-proof-strip article:nth-child(4) .oi {
    border-color: rgba(255, 215, 0, 0.34);
    color: #ffd700;
}

.marketplace-product-proof-strip strong,
.marketplace-product-proof-strip small {
    display: block;
    grid-column: 2;
    min-width: 0;
}

.marketplace-product-proof-strip strong {
    color: #ffffff;
    font-size: 0.82rem;
    line-height: 1.15;
}

.marketplace-product-proof-strip small {
    color: #cbd5e1;
    font-size: 0.68rem;
    line-height: 1.25;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.marketplace-product-teaser-steps {
    display: grid;
    gap: 0.2rem;
    margin-top: 0.85rem;
}

.marketplace-product-teaser-steps header,
.marketplace-product-teaser-steps__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
}

.marketplace-product-teaser-steps header {
    padding: 0 0.2rem 0.25rem;
}

.marketplace-product-teaser-steps h2 {
    color: #ffffff;
    font-size: 1.1rem;
}

.marketplace-product-teaser-steps p {
    margin: 0;
    color: #9ca3af;
    font-size: 0.84rem;
}

.marketplace-product-teaser-steps header > span {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 0.7rem;
    border: 1px solid rgba(96, 165, 250, 0.3);
    border-radius: 8px;
    color: #bfdbfe;
    font-size: 0.8rem;
    font-weight: 900;
}

.marketplace-product-teaser-steps__row {
    grid-template-columns: 42px minmax(0, 1fr) auto;
    min-height: 58px;
    padding: 0.55rem 0.7rem;
    border: 1px solid rgba(156, 163, 175, 0.14);
    border-radius: 8px;
    background: rgba(17, 24, 39, 0.8);
}

.marketplace-product-teaser-steps__row > span {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #2563eb;
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 900;
}

.marketplace-product-teaser-steps__row strong {
    color: #ffffff;
    font-size: 0.9rem;
}

.marketplace-product-teaser-steps__row small {
    display: block;
    margin-top: 0.12rem;
    color: #cbd5e1;
    font-size: 0.78rem;
    line-height: 1.22;
}

.marketplace-product-teaser-steps__row em {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 0.65rem;
    border: 1px solid rgba(96, 165, 250, 0.25);
    border-radius: 8px;
    color: #93c5fd;
    font-size: 0.78rem;
    font-style: normal;
    font-weight: 900;
}

.marketplace-product-teaser-steps__row--locked {
    opacity: 0.82;
}

.marketplace-product-teaser-steps__row--locked > span {
    background: #374151;
}

.marketplace-product-teaser-steps__row--locked em {
    border-color: rgba(156, 163, 175, 0.2);
    color: #cbd5e1;
}

.marketplace-product-teaser-steps__row--blurred-lock {
    border-color: rgba(255, 215, 0, 0.26);
    background:
        linear-gradient(90deg, rgba(255, 215, 0, 0.09), rgba(96, 165, 250, 0.06)),
        rgba(17, 24, 39, 0.72);
}

.marketplace-product-teaser-steps__row--blurred-lock > span:first-child {
    border: 1px solid rgba(255, 215, 0, 0.3);
    background: rgba(255, 215, 0, 0.08);
    color: #ffd700;
    font-size: 1rem;
}

.marketplace-product-teaser-steps__row--blurred-lock small {
    position: relative;
    padding-top: 0.28rem;
}

.marketplace-product-teaser-steps__row--blurred-lock small::after {
    content: "";
    display: block;
    width: min(100%, 260px);
    height: 8px;
    margin-top: 0.38rem;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(203, 213, 225, 0.28), rgba(203, 213, 225, 0.08));
    filter: blur(1px);
}

.marketplace-product-detail-purchase-card {
    align-content: start;
    gap: 0.85rem;
}

.marketplace-proposal-one-attribution-rail {
    gap: 0.78rem;
    border-color: rgba(255, 215, 0, 0.24);
    background:
        linear-gradient(180deg, rgba(255, 215, 0, 0.08), transparent 34%),
        #202225;
}

.marketplace-product-detail-purchase-card.marketplace-proposal-one-attribution-rail .marketplace-product-creator-proof,
.marketplace-product-detail-purchase-card.marketplace-proposal-one-attribution-rail .marketplace-product-buyer-quote,
.marketplace-proposal-one-authority-footer {
    display: none;
}

.marketplace-proposal-one-disclosure {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 0.7rem;
    align-items: start;
    padding: 0.82rem;
    border: 1px solid rgba(255, 215, 0, 0.26);
    border-radius: 8px;
    background: rgba(255, 215, 0, 0.06);
}

.marketplace-proposal-one-disclosure > .oi,
.marketplace-proposal-one-attribution-list > div > .oi {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255, 215, 0, 0.3);
    border-radius: 8px;
    color: #ffd700;
    font-size: 1.05rem;
}

.marketplace-proposal-one-attribution-list {
    display: grid;
    gap: 0;
    border: 1px solid rgba(156, 163, 175, 0.14);
    border-radius: 8px;
    background: rgba(8, 12, 15, 0.46);
    overflow: hidden;
}

.marketplace-proposal-one-attribution-list > div {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 0.68rem;
    align-items: start;
    min-height: 78px;
    padding: 0.78rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.14);
}

.marketplace-proposal-one-attribution-list > div:last-child {
    border-bottom: 0;
}

.marketplace-proposal-one-attribution-list small {
    display: block;
    margin-bottom: 0.12rem;
    color: #9ca3af;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.marketplace-proposal-one-attribution-list p {
    font-size: 0.78rem;
}

.marketplace-proposal-one-attribution-list strong {
    display: block;
    font-size: 0.92rem;
    line-height: 1.22;
    overflow-wrap: anywhere;
}

.marketplace-product-detail-purchase-card__price {
    display: grid;
    gap: 0.55rem;
    padding: 0.9rem;
    border: 1px solid rgba(255, 215, 0, 0.26);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(255, 215, 0, 0.12), transparent 46%),
        #151a21;
}

.marketplace-product-detail-purchase-card__price small {
    color: #d1d5db;
    font-size: 0.78rem;
    font-weight: 800;
}

.marketplace-product-detail-purchase-card__price strong {
    color: #ffffff;
    font-size: 2.5rem;
    line-height: 1;
}

.marketplace-product-detail-purchase-card__price .marketplace-action-link {
    border-color: rgba(255, 215, 0, 0.78);
    background: linear-gradient(180deg, #ffd95a, #f7b928);
    color: #111827;
    box-shadow: 0 10px 22px rgba(255, 185, 40, 0.18);
}

.marketplace-product-detail-purchase-card__price .marketplace-action-link--quiet {
    border-color: rgba(156, 163, 175, 0.28);
    background: #232529;
    color: #ffffff;
    box-shadow: none;
}

.marketplace-product-detail-purchase-card__checks {
    display: grid;
    gap: 0.35rem;
    margin: 0;
    padding: 0;
    color: #d1d5db;
    font-size: 0.86rem;
    line-height: 1.35;
    list-style: none;
}

.marketplace-product-detail-purchase-card__checks li::before {
    content: "✓";
    margin-right: 0.45rem;
    color: #00e676;
    font-weight: 900;
}

@media (max-width: 980px) {
    .marketplace-workspace:not(:has(.buyer-checkout-mockup-hybrid)) {
        padding: 0.75rem;
    }

    .marketplace-workspace:not(:has(.buyer-checkout-mockup-hybrid))::before,
    .marketplace-workspace:not(:has(.buyer-checkout-mockup-hybrid))::after {
        display: none;
    }

    .marketplace-command-topbar,
    .marketplace-mockup-product-strip,
    .marketplace-mockup-creator-profile,
    .marketplace-mockup-blueprint-board,
    .marketplace-definition-list--pollination,
    .marketplace-proposal-one-safe-preview,
    .marketplace-product-detail-hero .marketplace-hero__grid,
    .marketplace-product-title-lockup,
    .marketplace-creator-storefront-hero .marketplace-hero__grid {
        grid-template-columns: 1fr;
    }

    .marketplace-workspace:not(:has(.buyer-checkout-mockup-hybrid)) .marketplace-hero__grid {
        grid-template-columns: 1fr;
    }

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

@media (max-width: 620px) {
    .marketplace-mockup-kpis {
        grid-template-columns: 1fr;
    }

    .marketplace-workspace:not(:has(.buyer-checkout-mockup-hybrid)) .marketplace-hero {
        padding: 0.65rem;
    }
}

.marketplace-workspace > *,
.marketplace-hero__grid > *,
.marketplace-card-grid > *,
.marketplace-signal-grid > *,
.blueprint-preview-layout > *,
.blueprint-phase-grid > * {
    min-width: 0;
}

.marketplace-hero,
.marketplace-card,
.marketplace-proof-panel {
    display: grid;
    gap: 1rem;
    align-content: start;
}

.marketplace-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 430px);
    gap: 1.5rem;
    align-items: stretch;
}

.marketplace-hero--branded {
    --marketplace-brand-accent: #00e676;
    --marketplace-brand-on-accent: #000000;
    padding-top: 0.35rem;
    border-top: 4px solid var(--marketplace-brand-accent);
}

.marketplace-brand-banner {
    width: 100%;
    max-height: 220px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid rgba(156, 163, 175, 0.22);
    background: #232529;
}

.marketplace-author-lockup {
    display: flex;
    gap: 0.85rem;
    align-items: center;
    margin-bottom: 0.85rem;
}

.marketplace-author-lockup img,
.marketplace-author-lockup > span {
    width: 56px;
    height: 56px;
    flex: 0 0 56px;
    border: 2px solid var(--marketplace-brand-accent, #00e676);
    border-radius: 50%;
    background: #232529;
    color: #ffffff;
    object-fit: cover;
}

.marketplace-author-lockup > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
}

.marketplace-hero--branded .marketplace-author-lockup > span {
    background: var(--marketplace-brand-accent, #00e676);
    color: var(--marketplace-brand-on-accent, #000000);
}

.marketplace-author-lockup strong {
    color: #ffffff;
    font-size: 1rem;
}

.marketplace-author-lockup p {
    margin: 0.15rem 0 0;
    color: #9ca3af;
    font-size: 0.9rem;
    line-height: 1.35;
}

.marketplace-social-link {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    margin-top: 0.25rem;
    color: #60a5fa;
    font-size: 0.9rem;
    font-weight: 800;
    text-decoration: none;
}

.marketplace-social-link:hover,
.marketplace-social-link:focus-visible {
    color: #ffffff;
    text-decoration: underline;
}

.marketplace-eyebrow {
    margin: 0;
    color: #ffd700;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.marketplace-workspace h1,
.marketplace-workspace h2,
.marketplace-workspace h3,
.marketplace-workspace p {
    margin: 0;
}

.marketplace-workspace h1 {
    max-width: 820px;
    color: #ffffff;
    font-size: clamp(2.2rem, 4vw, 4.5rem);
    font-weight: 800;
    line-height: 1.05;
}

.marketplace-workspace .buyer-checkout-mockup-hybrid__topbar h1 {
    font-size: clamp(1.45rem, 2vw, 2.05rem);
    line-height: 1;
}

.marketplace-lead {
    max-width: 760px;
    color: #d1d5db;
    font-size: 1.2rem;
    line-height: 1.55;
}

.marketplace-hero-decision {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
    margin-top: 1rem;
    padding: 0.65rem;
    border: 1px solid rgba(255, 215, 0, 0.24);
    border-radius: 8px;
    background: rgba(43, 45, 49, 0.78);
}

.marketplace-hero-decision > span:first-child {
    color: #ffd700;
    font-size: 1.08rem;
    font-weight: 900;
}

.marketplace-hero-decision small {
    color: #9ca3af;
    line-height: 1.35;
}

.marketplace-hero-blueprint-path {
    display: grid;
    gap: 0.4rem;
    margin-top: 0.75rem;
    padding: 0.75rem;
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.7);
}

.marketplace-hero-blueprint-path strong {
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.2;
}

.marketplace-hero-blueprint-path p {
    color: #d1d5db;
    line-height: 1.4;
}

.marketplace-storefront-priority-strip,
.marketplace-checkout-priority-strip {
    display: grid;
    grid-template-columns: minmax(0, 0.78fr) minmax(0, 1fr) minmax(180px, auto);
    gap: 0.65rem;
    align-items: stretch;
    margin-top: 1rem;
    padding: 0.65rem;
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(0, 230, 118, 0.08), transparent 42%),
        #1b1c1e;
}

.marketplace-storefront-priority-strip > div,
.marketplace-checkout-priority-strip > div {
    display: grid;
    gap: 0.35rem;
    align-content: center;
    min-width: 0;
    min-height: 72px;
    padding: 0.65rem;
    border: 1px solid rgba(156, 163, 175, 0.14);
    border-radius: 8px;
    background: rgba(43, 45, 49, 0.74);
}

.marketplace-storefront-priority-strip strong,
.marketplace-checkout-priority-strip strong {
    color: #ffffff;
    font-size: 0.96rem;
    line-height: 1.25;
}

.marketplace-storefront-priority-strip small,
.marketplace-checkout-priority-strip small {
    color: #d1d5db;
    line-height: 1.35;
}

.marketplace-storefront-priority-strip__action,
.marketplace-checkout-priority-strip__action {
    justify-items: stretch;
}

.marketplace-storefront-priority-strip__action .marketplace-action-link,
.marketplace-checkout-priority-strip__action .marketplace-action-link {
    width: 100%;
}

.marketplace-storefront-priority-strip__action .marketplace-action-link {
    padding-inline: 0.55rem;
    font-size: 0.84rem;
    white-space: nowrap;
}

.marketplace-storefront-featured-preview {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr) minmax(210px, 0.34fr);
    gap: 0.9rem;
    align-items: stretch;
    margin-top: 0.85rem;
    padding: 0.95rem;
    border: 1px solid rgba(255, 215, 0, 0.28);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 215, 0, 0.1), transparent 42%),
        rgba(8, 12, 15, 0.82);
}

.marketplace-storefront-featured-preview__icon {
    display: grid;
    place-items: center;
    min-height: 100%;
    border: 1px solid rgba(0, 230, 118, 0.2);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(0, 230, 118, 0.14), transparent 46%),
        #12301c;
    color: #ffd700;
    font-size: 1.42rem;
}

.marketplace-storefront-featured-preview__icon--image {
    align-self: start;
    overflow: hidden;
    width: 64px;
    height: 64px;
    min-height: 0;
    padding: 0;
    background: #15171a;
    background-position: center;
    background-size: cover;
}

.marketplace-storefront-featured-preview article,
.marketplace-storefront-featured-preview aside {
    min-width: 0;
}

.marketplace-storefront-featured-preview article {
    display: grid;
    gap: 0.58rem;
    align-content: center;
}

.marketplace-storefront-featured-preview__header {
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
    align-items: center;
}

.marketplace-storefront-featured-preview h2 {
    color: #ffffff;
    font-size: 1.5rem;
    line-height: 1.12;
}

.marketplace-storefront-featured-preview p {
    color: #d1d5db;
    font-size: 0.9rem;
    line-height: 1.38;
}

.marketplace-storefront-featured-preview dl {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.42rem;
    margin: 0;
}

.marketplace-storefront-featured-preview dl div {
    min-width: 0;
    padding: 0.52rem;
    border: 1px solid rgba(156, 163, 175, 0.14);
    border-radius: 8px;
    background: rgba(15, 20, 27, 0.78);
}

.marketplace-storefront-featured-preview dt {
    color: #9ca3af;
    font-size: 0.62rem;
    font-weight: 900;
    text-transform: uppercase;
}

.marketplace-storefront-featured-preview dd {
    margin: 0.12rem 0 0;
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.marketplace-storefront-featured-preview aside {
    display: grid;
    gap: 0.5rem;
    align-content: center;
    padding: 0.85rem;
    border: 1px solid rgba(96, 165, 250, 0.22);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.58);
}

.marketplace-storefront-featured-preview aside strong {
    color: #ffffff;
}

.marketplace-storefront-featured-preview aside > span {
    color: #cbd5e1;
    font-size: 0.84rem;
    line-height: 1.35;
}

.marketplace-storefront-priority-strip--guided {
    grid-template-columns: minmax(210px, 0.74fr) minmax(0, 1.34fr) minmax(196px, 0.34fr);
}

.marketplace-storefront-path-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.38rem;
}

.marketplace-storefront-priority-copy {
    align-content: start !important;
}

.marketplace-storefront-path-grid span {
    display: grid;
    gap: 0.22rem;
    align-content: center;
    min-height: 56px;
    padding: 0.5rem;
    border: 1px solid rgba(96, 165, 250, 0.2);
    border-radius: 8px;
    background: rgba(37, 99, 235, 0.1);
    color: #dbeafe;
    font-size: 0.78rem;
    font-weight: 850;
    line-height: 1.2;
}

.marketplace-storefront-path-grid b {
    display: inline-grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #2563eb;
    color: #ffffff;
    font-size: 0.72rem;
}

.marketplace-storefront-listing-meta {
    display: flex !important;
    flex-wrap: wrap;
    gap: 0.3rem !important;
    align-content: start !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.marketplace-storefront-listing-meta span {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0.12rem 0.42rem;
    border: 1px solid rgba(96, 165, 250, 0.26);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.08);
    color: #dbeafe;
    font-size: 0.66rem;
    font-weight: 800;
    line-height: 1.1;
}

.marketplace-storefront-proof-copy {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.marketplace-storefront-trust-checks {
    gap: 0.45rem;
}

.marketplace-storefront-share-card .marketplace-share-panel {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.marketplace-storefront-share-card .marketplace-share-panel__actions {
    grid-template-columns: minmax(0, 1fr);
}

.marketplace-storefront-share-card .marketplace-share-panel__post {
    min-height: 320px;
}

.marketplace-storefront-signal-card strong {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.marketplace-storefront-signal-card strong > span[aria-hidden="true"] {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.35;
    text-transform: none;
}

.creator-private-workspace {
    align-content: start;
    gap: 1rem;
    width: 100%;
    min-width: 0;
}

.creator-private-topbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: end;
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(96, 165, 250, 0.09), transparent 36%),
        #1b1c1e;
}

.creator-private-topbar h1 {
    font-size: clamp(2rem, 3.4vw, 3.6rem);
}

.creator-private-topbar p {
    max-width: 720px;
    color: #d1d5db;
    line-height: 1.45;
}

.creator-private-topbar nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.creator-private-topbar nav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.22);
    border-radius: 8px;
    background: rgba(43, 45, 49, 0.76);
    color: #dbeafe;
    font-weight: 850;
    text-decoration: none;
}

.creator-private-topbar nav a[aria-current="page"] {
    border-color: rgba(96, 165, 250, 0.5);
    background: rgba(37, 99, 235, 0.18);
    color: #ffffff;
}

.creator-owner-review-layout,
.creator-analytics-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 0.42fr);
    gap: 1rem;
    align-items: start;
}

.creator-owner-public-preview,
.creator-owner-review-panel,
.creator-analytics-health,
.creator-funnel-table,
.creator-next-action-grid article,
.creator-analytics-rail article {
    min-width: 0;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #2b2d31;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}

.creator-owner-public-preview,
.creator-owner-review-panel,
.creator-funnel-table,
.creator-analytics-rail article {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
}

.creator-owner-public-preview > header {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr) auto;
    gap: 0.85rem;
    align-items: center;
}

.creator-owner-public-preview h2,
.creator-owner-review-panel h2,
.creator-analytics-health h2,
.creator-funnel-table h2,
.creator-next-action-grid h3,
.creator-analytics-rail h2 {
    color: #ffffff;
    line-height: 1.16;
}

.creator-owner-public-preview p,
.creator-owner-review-panel p,
.creator-owner-review-panel small,
.creator-owner-featured-card p,
.creator-owner-review-check span,
.creator-analytics-health p,
.creator-funnel-table p,
.creator-funnel-table small,
.creator-next-action-grid p,
.creator-analytics-rail p {
    color: #d1d5db;
    line-height: 1.4;
}

.creator-owner-featured-card {
    display: grid;
    gap: 0.55rem;
    padding: 0.9rem;
    border: 1px solid rgba(255, 215, 0, 0.28);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 215, 0, 0.08), transparent 42%),
        rgba(15, 20, 27, 0.76);
}

.creator-owner-featured-card h3 {
    color: #ffffff;
    font-size: 1.32rem;
}

.creator-owner-featured-card dl,
.creator-analytics-health dl {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.5rem;
    margin: 0;
}

.creator-owner-featured-card dl div,
.creator-analytics-health dl div {
    min-width: 0;
    padding: 0.65rem;
    border: 1px solid rgba(156, 163, 175, 0.14);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.52);
}

.creator-owner-featured-card dt,
.creator-analytics-health dt {
    color: #9ca3af;
    font-size: 0.68rem;
    font-weight: 900;
    text-transform: uppercase;
}

.creator-owner-featured-card dd,
.creator-analytics-health dd {
    margin: 0.18rem 0 0;
    color: #ffffff;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.creator-owner-preview-grid,
.creator-next-action-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.7rem;
}

.creator-owner-preview-grid article {
    display: grid;
    gap: 0.4rem;
    min-width: 0;
    min-height: 112px;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(15, 20, 27, 0.76);
}

.creator-owner-preview-grid strong {
    color: #ffffff;
    line-height: 1.18;
}

.creator-owner-preview-grid small {
    color: #9ca3af;
}

.creator-owner-review-panel {
    position: sticky;
    top: 1rem;
    border-color: rgba(255, 215, 0, 0.28);
}

.creator-owner-review-check {
    display: grid;
    gap: 0.35rem;
    padding: 0.8rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.42);
}

.creator-owner-review-check strong,
.creator-analytics-rail strong {
    color: #ffffff;
}

.creator-owner-review-check a,
.creator-next-action-grid a,
.creator-analytics-rail a {
    display: inline-flex;
    align-items: center;
    width: max-content;
    min-height: 44px;
    color: #60a5fa;
    font-weight: 850;
    text-decoration: none;
}

.creator-owner-review-check a:hover,
.creator-owner-review-check a:focus-visible,
.creator-next-action-grid a:hover,
.creator-next-action-grid a:focus-visible,
.creator-analytics-rail a:hover,
.creator-analytics-rail a:focus-visible {
    color: #93c5fd;
    text-decoration: underline;
}

.creator-owner-review-check--green {
    border-color: rgba(0, 230, 118, 0.32);
}

.creator-owner-review-check--blue {
    border-color: rgba(96, 165, 250, 0.32);
}

.creator-owner-review-check--gold {
    border-color: rgba(255, 215, 0, 0.32);
}

.creator-owner-review-check--red {
    border-color: rgba(248, 113, 113, 0.42);
    background: rgba(127, 29, 29, 0.16);
}

.creator-owner-review-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
}

.creator-owner-review-actions button.marketplace-action-link {
    border: 0;
}

.creator-owner-review-actions button.marketplace-action-link:disabled {
    cursor: not-allowed;
    opacity: 0.56;
}

.creator-analytics-layout main,
.creator-analytics-rail {
    display: grid;
    gap: 1rem;
    align-content: start;
}

.creator-analytics-health {
    display: grid;
    grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.3fr);
    gap: 1rem;
    align-items: center;
    padding: 1rem;
}

.creator-funnel-table > header {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    align-items: start;
    justify-content: space-between;
}

.creator-funnel-table__rows {
    display: grid;
    border: 1px solid rgba(156, 163, 175, 0.14);
    border-radius: 8px;
    overflow: hidden;
}

.creator-funnel-table__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(100px, 0.22fr) minmax(110px, 0.22fr);
    gap: 0.75rem;
    align-items: center;
    min-height: 70px;
    padding: 0.75rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.14);
    background: rgba(15, 20, 27, 0.58);
}

.creator-funnel-table__row:last-child {
    border-bottom: 0;
}

.creator-funnel-table__row b,
.creator-funnel-table__row strong {
    color: #ffffff;
}

.creator-funnel-table__row small {
    display: block;
    margin-top: 0.15rem;
}

.creator-funnel-table__row em {
    justify-self: end;
    color: #00e676;
    font-style: normal;
    font-weight: 900;
}

.creator-next-action-grid article {
    display: grid;
    gap: 0.5rem;
    align-content: start;
    min-height: 184px;
    padding: 0.9rem;
}

.creator-analytics-rail article {
    border-color: rgba(96, 165, 250, 0.18);
}

.creator-analytics-rail article strong {
    font-size: 1.55rem;
    line-height: 1;
}

.marketplace-creator-catalog-rack {
    display: grid;
    gap: 0.85rem;
    padding: 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(8, 12, 15, 0.76);
}

.marketplace-creator-catalog-rack__header {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: end;
    justify-content: space-between;
}

.marketplace-creator-catalog-rack__header h2 {
    color: #ffffff;
    font-size: 1.45rem;
    line-height: 1.15;
}

.marketplace-creator-catalog-rack__header > span {
    color: #9ca3af;
    font-size: 0.82rem;
    font-weight: 900;
    text-transform: uppercase;
}

.marketplace-creator-catalog-rack__filters {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.marketplace-creator-catalog-rack__filters span {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 0.58rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: rgba(15, 20, 27, 0.74);
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 800;
}

.marketplace-creator-catalog-rack__filters span:first-child {
    border-color: rgba(96, 165, 250, 0.45);
    background: rgba(96, 165, 250, 0.14);
    color: #dbeafe;
}

.marketplace-creator-catalog-rack__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.marketplace-creator-catalog-rack__empty {
    display: grid;
    gap: 0.35rem;
    min-height: 94px;
    padding: 0.75rem;
    border: 1px solid rgba(96, 165, 250, 0.2);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(0, 230, 118, 0.08), transparent 42%),
        rgba(15, 20, 27, 0.74);
}

.marketplace-creator-catalog-rack__empty strong {
    color: #ffffff;
    font-size: 0.95rem;
    line-height: 1.2;
}

.marketplace-creator-catalog-rack__empty p {
    margin: 0;
    color: #d1d5db;
    font-size: 0.82rem;
    line-height: 1.35;
}

.marketplace-creator-catalog-rack--hero {
    margin-top: 0.8rem;
}

.marketplace-creator-catalog-rack--hero .marketplace-creator-catalog-rack__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.65rem;
}

.marketplace-creator-catalog-rack__grid article {
    display: grid;
    gap: 0.55rem;
    align-content: start;
    min-height: 226px;
    padding: 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(255, 215, 0, 0.08), transparent 42%),
        #202328;
}

.marketplace-creator-catalog-rack__grid article.marketplace-catalog-card {
    grid-template-columns: 58px minmax(0, 1fr);
}

.marketplace-catalog-card__icon {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.14), transparent 42%),
        #3f8a2f;
    color: #ffffff;
    font-size: 1.55rem;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

.marketplace-catalog-card__icon--image {
    overflow: hidden;
    background: #15171a;
    background-position: center;
    background-size: cover;
}

.marketplace-catalog-card__body {
    min-width: 0;
}

.marketplace-creator-catalog-rack__grid article.marketplace-catalog-card:nth-child(2) .marketplace-catalog-card__icon,
.marketplace-creator-catalog-rack__grid article.marketplace-catalog-card:nth-child(5) .marketplace-catalog-card__icon {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.16), transparent 42%),
        #2563eb;
}

.marketplace-creator-catalog-rack__grid article.marketplace-catalog-card:nth-child(3) .marketplace-catalog-card__icon,
.marketplace-creator-catalog-rack__grid article.marketplace-catalog-card:nth-child(6) .marketplace-catalog-card__icon {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.16), transparent 42%),
        #b7791f;
}

.marketplace-creator-catalog-rack__grid article.marketplace-catalog-card:nth-child(4) .marketplace-catalog-card__icon {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.16), transparent 42%),
        #6d28d9;
}

.marketplace-creator-catalog-rack__grid article.marketplace-catalog-card dl,
.marketplace-creator-catalog-rack__grid article.marketplace-catalog-card .marketplace-action-link {
    grid-column: 1 / -1;
}

.marketplace-creator-catalog-rack--hero .marketplace-creator-catalog-rack__grid article {
    min-height: 160px;
    padding: 0.62rem;
}

.marketplace-creator-catalog-rack--hero .marketplace-creator-catalog-rack__grid article.marketplace-catalog-card {
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 0.48rem;
}

.marketplace-creator-catalog-rack--hero .marketplace-catalog-card__icon {
    width: 34px;
    height: 34px;
    font-size: 1rem;
}

.marketplace-creator-catalog-rack--hero .marketplace-catalog-card__body {
    display: grid;
    gap: 0.22rem;
}

.marketplace-creator-catalog-rack--hero .marketplace-catalog-card__body .status-pill {
    width: fit-content;
    min-height: 26px;
    padding: 0 0.55rem;
    font-size: 0.66rem;
}

.marketplace-creator-catalog-rack--hero .marketplace-creator-catalog-rack__grid p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.marketplace-creator-catalog-rack__grid h3 {
    color: #ffffff;
    font-size: 0.9rem;
    line-height: 1.12;
}

.marketplace-creator-catalog-rack--hero .marketplace-creator-catalog-rack__grid h3 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.marketplace-creator-catalog-rack__grid p {
    color: #d1d5db;
    font-size: 0.78rem;
    line-height: 1.25;
}

.marketplace-creator-catalog-rack__grid dl {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.32rem;
    margin: 0;
}

.marketplace-creator-catalog-rack__grid dl div {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
    padding: 0.34rem;
    border: 1px solid rgba(156, 163, 175, 0.14);
    border-radius: 8px;
    background: rgba(15, 20, 27, 0.82);
}

.marketplace-creator-catalog-rack__grid dt {
    color: #9ca3af;
    font-size: 0.58rem;
    font-weight: 900;
    text-transform: uppercase;
}

.marketplace-creator-catalog-rack__grid dd {
    margin: 0;
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.marketplace-creator-trust-band__metrics div {
    grid-template-columns: minmax(150px, 0.42fr) minmax(0, 1fr);
    gap: 0.9rem;
}

.marketplace-creator-trust-band__metrics dd {
    text-align: left;
}

.marketplace-workspace:has(.marketplace-creator-storefront-hero) .marketplace-journey-step {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent),
        #232529;
}

.marketplace-workspace:has(.marketplace-creator-storefront-hero) .marketplace-journey-step:not(.marketplace-journey-step--active) {
    border-color: rgba(156, 163, 175, 0.24);
}

.marketplace-workspace:has(.marketplace-creator-storefront-hero) > .marketplace-signal-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 520px) {
    .marketplace-storefront-owner-bridge .marketplace-card__actions {
        grid-template-columns: 1fr;
    }

    .marketplace-creator-catalog-rack--hero .marketplace-catalog-card__body {
        gap: 0.3rem;
    }

    .marketplace-creator-catalog-rack--hero .marketplace-catalog-card__body .status-pill {
        min-height: 28px;
        padding-inline: 0.48rem;
    }
}

@media (max-width: 820px) {
    .marketplace-proposal-topnav {
        grid-template-columns: 1fr;
    }

    .marketplace-proposal-topnav nav {
        justify-content: flex-start;
    }

    .marketplace-storefront-priority-strip,
    .marketplace-checkout-priority-strip {
        grid-template-columns: 1fr;
    }

    .marketplace-storefront-featured-preview {
        grid-template-columns: 1fr;
    }

    .creator-private-topbar,
    .creator-owner-review-layout,
    .creator-analytics-layout,
    .creator-owner-public-preview > header,
    .creator-analytics-health {
        grid-template-columns: 1fr;
    }

    .creator-private-topbar nav {
        justify-content: flex-start;
    }

    .creator-owner-review-panel {
        position: static;
    }

    .marketplace-storefront-featured-preview__icon {
        min-height: 58px;
    }

    .marketplace-storefront-featured-preview dl,
    .marketplace-storefront-path-grid,
    .creator-owner-featured-card dl,
    .creator-analytics-health dl,
    .creator-owner-preview-grid,
    .creator-next-action-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .marketplace-storefront-priority-strip__action,
    .marketplace-checkout-priority-strip__action {
        grid-column: 1 / -1;
        grid-row: 1;
    }

}

@media (max-width: 1040px) {
    .marketplace-creator-catalog-rack__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .marketplace-storefront-featured-preview dl,
    .marketplace-storefront-path-grid,
    .creator-owner-featured-card dl,
    .creator-analytics-health dl,
    .creator-owner-preview-grid,
    .creator-next-action-grid,
    .creator-owner-review-actions,
    .creator-funnel-table__row {
        grid-template-columns: 1fr;
    }

    .creator-funnel-table__row em {
        justify-self: start;
    }

    .marketplace-creator-catalog-rack__grid {
        grid-template-columns: 1fr;
    }
}

.marketplace-card,
.marketplace-proof-panel {
    padding: 1.5rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #2b2d31;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.22);
}

.marketplace-proof-panel {
    border-color: rgba(255, 215, 0, 0.28);
}

.marketplace-proof-panel--blocked {
    max-width: 780px;
    border-color: rgba(255, 68, 68, 0.48);
}

.marketplace-proof-panel--blocked h1 {
    max-width: 100%;
    font-size: clamp(2rem, 3.2vw, 3rem);
    line-height: 1.12;
    overflow-wrap: anywhere;
}

.marketplace-proof-panel--wide,
.marketplace-card--wide {
    grid-column: 1 / -1;
}

.marketplace-card h2,
.marketplace-proof-panel h2 {
    color: #ffffff;
    font-size: 1.45rem;
    font-weight: 760;
    line-height: 1.22;
}

.marketplace-card h3 {
    color: #ffffff;
    font-size: 1.05rem;
    font-weight: 760;
}

.marketplace-card p,
.marketplace-proof-panel p,
.marketplace-check-list,
.marketplace-definition-list dd,
.blueprint-phase li {
    color: #d1d5db;
    font-size: 0.98rem;
    line-height: 1.6;
}

.marketplace-card-grid,
.blueprint-preview-layout {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.marketplace-highlight-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
    max-width: 820px;
    margin: 1rem 0 0;
    padding: 0;
    list-style: none;
}

.marketplace-highlight-list li {
    padding: 0.75rem 0.85rem;
    border-left: 3px solid var(--marketplace-brand-accent, #00e676);
    border-radius: 8px;
    background: #232529;
    color: #f8fafc;
    font-size: 0.95rem;
    line-height: 1.45;
}

.marketplace-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.marketplace-journey-rail {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.marketplace-journey-step {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.7rem;
    min-height: 96px;
    padding: 0.9rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: #232529;
}

.marketplace-journey-step > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    grid-row: 1 / span 2;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(156, 163, 175, 0.34);
    border-radius: 50%;
    color: #f8fafc;
    font-weight: 900;
}

.marketplace-journey-step strong,
.marketplace-journey-step p {
    grid-column: 2;
    min-width: 0;
}

.marketplace-journey-step strong {
    color: #ffffff;
    font-size: 0.94rem;
    line-height: 1.25;
}

.marketplace-journey-step p {
    margin-top: 0.25rem;
    color: #9ca3af;
    font-size: 0.86rem;
    line-height: 1.45;
}

.marketplace-journey-step--active {
    border-color: rgba(96, 165, 250, 0.56);
    background: rgba(96, 165, 250, 0.1);
}

.marketplace-journey-step--active > span {
    border-color: rgba(96, 165, 250, 0.7);
    color: #60a5fa;
}

.marketplace-journey-step--complete {
    border-color: rgba(0, 230, 118, 0.42);
}

.marketplace-journey-step--complete > span {
    border-color: rgba(0, 230, 118, 0.64);
    color: #00e676;
}

.marketplace-supply-link-list {
    display: grid;
    gap: 0.85rem;
}

.marketplace-supply-link {
    display: grid;
    gap: 0.45rem;
    padding-block: 0.35rem 0.85rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.18);
}

.marketplace-supply-link:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.marketplace-supply-link h3,
.marketplace-supply-link p {
    margin: 0;
}

.marketplace-locked-supply-continuation {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 0.72rem;
    align-items: start;
    margin-top: 0.85rem;
    padding: 0.85rem;
    border: 1px solid rgba(255, 215, 0, 0.24);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 215, 0, 0.08), transparent 46%),
        rgba(17, 24, 39, 0.78);
}

.marketplace-locked-supply-continuation > .oi {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255, 215, 0, 0.3);
    border-radius: 8px;
    color: #ffd700;
}

.marketplace-locked-supply-continuation strong {
    color: #ffffff;
    font-size: 0.95rem;
}

.marketplace-locked-supply-continuation p {
    margin: 0.25rem 0 0.55rem;
    color: #cbd5e1;
    font-size: 0.84rem;
    line-height: 1.38;
}

.marketplace-locked-supply-continuation i {
    display: block;
    width: min(100%, 360px);
    height: 8px;
    margin-top: 0.35rem;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(203, 213, 225, 0.3), rgba(203, 213, 225, 0.08));
    filter: blur(1px);
}

.marketplace-locked-supply-continuation i:nth-of-type(2) {
    width: min(82%, 300px);
}

.marketplace-locked-supply-continuation i:nth-of-type(3) {
    width: min(64%, 220px);
}

.marketplace-search-form {
    display: grid;
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 8px;
    background: #232529;
}

.marketplace-search-form label {
    color: #9ca3af;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.marketplace-search-form div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    min-width: 0;
}

.marketplace-search-form input[type="text"],
.marketplace-search-form input:not([type]) {
    box-sizing: border-box;
    flex: 1 1 260px;
    max-width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 0 1rem;
    border: 1px solid rgba(156, 163, 175, 0.26);
    border-radius: 8px;
    background: #1b1c1e;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
}

.youtube-intake-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 0.75rem;
}

.youtube-intake-form-grid label {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
    color: #9ca3af;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.youtube-intake-form-grid__wide {
    grid-column: 1 / -1;
}

.youtube-intake-input,
.youtube-intake-textarea {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    border: 1px solid rgba(156, 163, 175, 0.26);
    border-radius: 8px;
    background: #1b1c1e;
    color: #ffffff;
    font: inherit;
}

.youtube-intake-input {
    min-height: 44px;
    padding: 0 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.youtube-intake-textarea {
    min-height: 220px;
    padding: 0.9rem 1rem;
    line-height: 1.45;
    resize: vertical;
}

.youtube-blueprint-studio {
    display: grid;
    grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
    min-height: calc(100vh - 2rem);
    width: 100%;
    background: #1b1c1e;
    color: #ffffff;
}

.page:has(.youtube-blueprint-studio) .command-header,
.page:has(.youtube-command-page) .command-header,
.page:has(.marketplace-workspace--youtube-editor) .command-header {
    display: none;
}

.main:has(.youtube-blueprint-studio),
.main:has(.youtube-command-page) {
    padding: 0;
    background: #0b0f12;
}

.youtube-blueprint-studio--proposal-first {
    display: grid;
    grid-template-columns: minmax(220px, 236px) minmax(0, 1fr);
    min-height: 100vh;
    padding: 0;
    background:
        radial-gradient(circle at 52% 8%, rgba(96, 165, 250, 0.08), transparent 22rem),
        #0b0f12;
}

.youtube-blueprint-studio * {
    box-sizing: border-box;
}

.youtube-blueprint-studio--proposal-first .youtube-blueprint-studio__main > .breadcrumb-trail {
    display: flex;
    margin-bottom: 0.75rem;
}

.youtube-blueprint-studio__sidebar {
    position: sticky;
    top: 0;
    align-self: start;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    min-height: 100vh;
    padding: 1rem 0.9rem;
    border-right: 1px solid rgba(156, 163, 175, 0.16);
    background:
        linear-gradient(180deg, rgba(17, 19, 22, 0.98), rgba(10, 14, 18, 0.98)),
        #111316;
}

.youtube-blueprint-studio__brand,
.youtube-management-cockpit__brand {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-height: 44px;
    color: #ffffff;
    font-weight: 900;
    text-decoration: none;
}

.youtube-blueprint-studio__brand > span {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255, 215, 0, 0.5);
    border-radius: 8px;
    color: #ffd700;
}

.youtube-blueprint-studio__brand div {
    display: grid;
    gap: 0.08rem;
}

.youtube-blueprint-studio__brand small,
.youtube-blueprint-studio__nav-section p,
.youtube-blueprint-studio__operator small {
    color: #9ca3af;
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: uppercase;
}

.youtube-blueprint-studio__nav-groups {
    display: grid;
    align-content: start;
    gap: 1.05rem;
    margin-top: 1.35rem;
    overflow: hidden auto;
    padding-right: 0.25rem;
}

.youtube-blueprint-studio__nav-section {
    display: grid;
    gap: 0.22rem;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.13);
}

.youtube-blueprint-studio__nav-section p {
    margin: 0 0 0.35rem;
}

.youtube-blueprint-studio__nav-item {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 44px;
    padding: 0 0.42rem;
    border: 1px solid transparent;
    border-radius: 7px;
    color: #d1d5db;
    font-size: 0.9rem;
    font-weight: 760;
    text-decoration: none;
}

.youtube-blueprint-studio__nav-item > span:first-child {
    flex: 0 0 24px;
    text-align: center;
    color: #cbd5e1;
}

.youtube-blueprint-studio__nav-item > span:nth-child(2) {
    min-width: 0;
}

.youtube-blueprint-studio__nav-item em {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 24px;
    margin-left: auto;
    border-radius: 999px;
    background: #2b2d31;
    color: #ffffff;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 900;
}

.youtube-blueprint-studio__nav-item--active,
.youtube-blueprint-studio__nav-item:hover,
.youtube-blueprint-studio__nav-item:focus-visible {
    border-color: rgba(96, 165, 250, 0.48);
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff;
}

.youtube-blueprint-studio__sidebar-card {
    display: grid;
    gap: 0.65rem;
    margin-top: 1.5rem;
    padding: 1rem;
    border: 1px solid rgba(255, 165, 0, 0.35);
    border-radius: 8px;
    background: rgba(255, 165, 0, 0.08);
}

.youtube-blueprint-studio__operator {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 0.65rem;
    align-items: center;
    min-height: 64px;
    padding-top: 0.8rem;
    border-top: 1px solid rgba(156, 163, 175, 0.13);
}

.youtube-blueprint-studio__workspace-source {
    padding: 0.6rem 0;
    color: #fbbf24;
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1.35;
}

.youtube-blueprint-studio__workspace-status {
    display: grid;
    gap: 0.45rem;
    padding: 0.75rem;
    border: 1px solid rgba(255, 165, 0, 0.35);
    border-radius: 8px;
    background: rgba(255, 165, 0, 0.08);
    color: #f8fafc;
}

.youtube-blueprint-studio__workspace-status small {
    color: #cbd5e1;
    line-height: 1.4;
}

.youtube-blueprint-studio__workspace-status button {
    min-height: 44px;
    border: 1px solid rgba(96, 165, 250, 0.55);
    border-radius: 7px;
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff;
    font-weight: 800;
}

.youtube-blueprint-studio__workspace-status button:hover,
.youtube-blueprint-studio__workspace-status button:focus-visible {
    border-color: #60a5fa;
    background: rgba(96, 165, 250, 0.2);
}

.youtube-blueprint-studio__workspace-status button:disabled {
    cursor: wait;
    opacity: 0.65;
}

.youtube-blueprint-studio__operator > span {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: #2b2d31;
    color: #ffffff;
    font-weight: 900;
}

.youtube-blueprint-studio__operator div {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
}

.youtube-blueprint-studio__operator strong {
    overflow: hidden;
    color: #ffffff;
    font-size: 0.86rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.youtube-blueprint-studio__sidebar-card small,
.youtube-blueprint-studio__topbar span,
.youtube-intake-actions span,
.youtube-video-preview p,
.youtube-intake-queue small,
.youtube-intake-queue em,
.youtube-creator-profile-card p,
.youtube-packet-preview header span,
.youtube-packet-lane p,
.youtube-itemdetails-card p,
.youtube-management-cockpit small,
.youtube-management-cockpit header span {
    color: #9ca3af;
    line-height: 1.45;
}

.youtube-blueprint-studio__main {
    min-width: 0;
    padding: 1.25rem;
}

.youtube-blueprint-studio--proposal-first .youtube-blueprint-studio__main {
    display: flex;
    flex-direction: column;
    width: min(100%, 1296px);
    margin: 0 auto;
    padding: 0 1.25rem 1.25rem;
}

.youtube-blueprint-studio__main > .breadcrumb-trail {
    margin-bottom: 1rem;
}

.youtube-blueprint-studio__topbar,
.youtube-management-cockpit__main > header,
.youtube-packet-preview > header,
.youtube-itemdetails-board > header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.youtube-intake-command-topnav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    min-height: 60px;
    margin: 0 -1.25rem 1rem;
    padding: 0 1.25rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.16);
}

.youtube-intake-command-topnav nav,
.youtube-intake-command-topnav div {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.youtube-intake-command-topnav a,
.youtube-intake-command-topnav strong,
.youtube-intake-command-topnav span {
    color: #cbd5e1;
    text-decoration: none;
}

.youtube-intake-command-topnav a,
.youtube-intake-command-topnav button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
}

.youtube-intake-command-topnav strong {
    min-height: 44px;
    border-bottom: 2px solid #1677ff;
    color: #60a5fa;
}

.youtube-intake-command-topnav button {
    position: relative;
    width: 44px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #cbd5e1;
}

.youtube-intake-command-topnav .youtube-intake-command-action {
    position: relative;
    width: 44px;
    border-radius: 8px;
}

.youtube-intake-command-topnav .youtube-intake-command-action:hover,
.youtube-intake-command-topnav .youtube-intake-command-action:focus-visible {
    background: rgba(96, 165, 250, 0.12);
    color: #60a5fa;
}

.youtube-intake-command-overflow {
    position: relative;
}

.youtube-intake-command-overflow summary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    min-height: 44px;
    border-radius: 8px;
    color: #cbd5e1;
    cursor: pointer;
    list-style: none;
}

.youtube-intake-command-overflow summary::-webkit-details-marker {
    display: none;
}

.youtube-intake-command-overflow summary:hover,
.youtube-intake-command-overflow summary:focus-visible {
    background: rgba(96, 165, 250, 0.12);
    color: #60a5fa;
}

.youtube-intake-command-overflow nav {
    position: absolute;
    z-index: 20;
    top: calc(100% + 0.4rem);
    right: 0;
    display: grid;
    align-items: stretch;
    width: max-content;
    min-width: 13rem;
    padding: 0.4rem;
    border: 1px solid rgba(156, 163, 175, 0.22);
    border-radius: 10px;
    background: #2b2d31;
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.34);
}

.youtube-intake-command-overflow nav a {
    justify-content: flex-start;
    padding: 0 0.75rem;
    border-radius: 7px;
}

.youtube-intake-command-overflow nav a:hover,
.youtube-intake-command-overflow nav a:focus-visible {
    background: rgba(96, 165, 250, 0.12);
    color: #60a5fa;
}

.youtube-intake-command-topnav button em,
.youtube-intake-command-topnav .youtube-intake-command-action em {
    position: absolute;
    top: 8px;
    right: 9px;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #1677ff;
}

.youtube-intake-provider-empty {
    display: grid;
    gap: 0.35rem;
    min-height: 7rem;
    place-content: center;
    padding: 1.25rem;
    border: 1px dashed rgba(156, 163, 175, 0.28);
    border-radius: 10px;
    background: rgba(27, 28, 30, 0.42);
    text-align: center;
}

.youtube-intake-provider-empty strong {
    color: #e5e7eb;
}

.youtube-intake-provider-empty span {
    max-width: 44rem;
    color: #9ca3af;
}

.youtube-blueprint-studio__topbar p,
.youtube-intake-panel__heading p,
.youtube-intake-queue header p,
.youtube-packet-preview header p,
.youtube-itemdetails-board header p,
.youtube-management-cockpit header p {
    margin: 0 0 0.25rem;
    color: #ffd700;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.youtube-blueprint-studio__topbar h1,
.youtube-intake-panel__heading h2,
.youtube-video-preview h2,
.youtube-intake-queue h2,
.youtube-creator-profile-card h2,
.youtube-packet-preview h2,
.youtube-itemdetails-board h2,
.youtube-management-cockpit h2 {
    margin: 0;
    color: #ffffff;
    letter-spacing: 0;
}

.youtube-blueprint-studio__topbar h1 {
    font-size: clamp(2rem, 4vw, 3.4rem);
    line-height: 1;
}

.youtube-blueprint-studio--proposal-first .youtube-blueprint-studio__topbar {
    align-items: center;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.16);
}

.youtube-blueprint-studio--proposal-first .youtube-blueprint-studio__topbar h1 {
    font-size: clamp(1.65rem, 2.4vw, 2.05rem);
    line-height: 1.12;
}

.youtube-blueprint-studio--proposal-first .youtube-blueprint-studio__topbar span {
    display: block;
    max-width: 62rem;
    font-size: 0.9rem;
}

.youtube-blueprint-studio__topbar-actions,
.youtube-intake-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    justify-content: flex-end;
}

.marketplace-workspace--youtube-editor > .breadcrumb-trail,
.marketplace-workspace--youtube-editor > .marketplace-hero {
    display: none;
}

.marketplace-workspace--youtube-editor.marketplace-workspace--quote-blueprint-review {
    gap: 1rem;
}

.marketplace-workspace--youtube-editor.marketplace-workspace--quote-blueprint-review > .breadcrumb-trail {
    display: flex;
}

.marketplace-workspace--youtube-editor.marketplace-workspace--quote-blueprint-review > .marketplace-hero {
    display: block;
}

.marketplace-workspace--youtube-editor {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding: 1rem !important;
    background:
        radial-gradient(circle at 32% 8%, rgba(96, 165, 250, 0.08), transparent 22rem),
        #0b0f12 !important;
}

.marketplace-workspace--youtube-editor:has(.youtube-packet-command-sidebar) {
    display: grid;
    grid-template-columns: minmax(150px, 176px) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.marketplace-workspace--youtube-editor:has(.youtube-packet-command-sidebar) > :not(.youtube-packet-command-sidebar) {
    grid-column: 2;
}

.marketplace-workspace--youtube-editor::before,
.marketplace-workspace--youtube-editor::after {
    display: none !important;
}

.main:has(.marketplace-workspace--youtube-editor) {
    padding: 0;
    background: #0b0f12;
}

.youtube-packet-command-sidebar {
    position: sticky;
    top: 0;
    grid-column: 1;
    grid-row: 1 / span 20;
    min-height: calc(100vh - 2rem);
    padding: 1rem 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: #111316;
}

.youtube-packet-command-sidebar__brand {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 0.55rem;
    align-items: center;
    min-height: 44px;
    color: #ffffff;
    font-weight: 900;
    text-decoration: none;
}

.youtube-packet-command-sidebar__brand > span {
    display: grid;
    place-items: center;
    grid-row: span 2;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(96, 165, 250, 0.5);
    border-radius: 8px;
    color: #60a5fa;
}

.youtube-packet-command-sidebar__brand small {
    color: #9ca3af;
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.youtube-packet-command-sidebar nav {
    display: grid;
    gap: 0.35rem;
    margin-top: 1.2rem;
}

.youtube-packet-command-sidebar nav a {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 44px;
    padding: 0 0.65rem;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #d1d5db;
    font-size: 0.82rem;
    font-weight: 800;
    text-decoration: none;
}

.youtube-packet-command-sidebar nav a:hover,
.youtube-packet-command-sidebar nav a:focus-visible,
.youtube-packet-command-sidebar__active {
    border-color: rgba(96, 165, 250, 0.45) !important;
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff !important;
}

.page:has(.youtube-mobile-collaboration) .command-header,
.page:has(.youtube-mobile-redemption) .command-header {
    display: none;
}

.main:has(.youtube-mobile-collaboration),
.main:has(.youtube-mobile-redemption) {
    padding: 0;
    background: #0b0f12;
}

.youtube-mobile-collaboration,
.youtube-mobile-redemption {
    min-height: 100vh;
    padding: 1rem;
    background:
        radial-gradient(circle at 50% 7%, rgba(96, 165, 250, 0.08), transparent 22rem),
        #0b0f12;
}

.youtube-proposal-label {
    order: 4;
    width: min(100%, 540px);
    margin: 0.1rem auto 0.35rem;
    color: #9ca3af;
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 0;
}

.youtube-proposal-label--management {
    margin-left: auto;
}

.youtube-proposal-frame {
    order: 4;
    position: relative;
    display: grid;
    gap: 0.6rem;
    width: min(100%, 540px);
    min-height: 0;
    margin: 0 auto 1.25rem;
    padding: 0.82rem 0.9rem 1rem;
    border: 4px solid #06070a;
    border-radius: 34px;
    background:
        radial-gradient(circle at 22% 0%, rgba(96, 165, 250, 0.1), transparent 15rem),
        linear-gradient(180deg, #11161d 0%, #0b0f12 34%, #0c1014 100%);
    box-shadow:
        0 0 0 2px rgba(156, 163, 175, 0.18),
        0 24px 90px rgba(0, 0, 0, 0.56);
    overflow: hidden;
}

.youtube-proposal-frame--management {
    margin-left: auto;
    margin-right: auto;
}

.youtube-proposal-frame--mobile {
    margin-left: auto;
    margin-right: auto;
}

.youtube-proposal-frame__chrome {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 24px;
    padding: 0 0.55rem;
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 900;
}

.youtube-proposal-frame__notch {
    position: absolute;
    top: -0.82rem;
    left: 50%;
    width: 11rem;
    height: 1.75rem;
    border-radius: 0 0 1.15rem 1.15rem;
    background: #020305;
    transform: translateX(-50%);
}

.youtube-proposal-frame__chrome > div {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.youtube-proposal-frame__signal,
.youtube-proposal-frame__wifi {
    display: block;
    width: 0.82rem;
    height: 0.55rem;
    background: #ffffff;
    opacity: 0.86;
}

.youtube-proposal-frame__signal {
    clip-path: polygon(0 100%, 18% 70%, 18% 100%, 34% 48%, 34% 100%, 50% 24%, 50% 100%, 66% 0, 66% 100%, 100% 100%);
}

.youtube-proposal-frame__wifi {
    clip-path: polygon(0 62%, 50% 0, 100% 62%, 84% 78%, 50% 38%, 16% 78%);
}

.youtube-proposal-frame__battery {
    display: block;
    width: 1.25rem;
    height: 0.62rem;
    border: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: 3px;
    box-shadow: inset 0 0 0 3px #ffffff;
}

.youtube-proposal-frame__toolbar {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    align-items: center;
    gap: 0.5rem;
}

.youtube-proposal-frame__back {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    text-decoration: none;
}

.youtube-proposal-frame__segmented {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: min(100%, 260px);
    min-height: 44px;
    margin: 0 auto;
    padding: 0.22rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 999px;
    background: #111316;
}

.youtube-proposal-frame__segmented button {
    min-height: 38px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #9ca3af;
    font: inherit;
    font-size: 0.88rem;
    font-weight: 900;
}

.youtube-proposal-frame__segmented button[aria-selected="true"] {
    background: #1677ff;
    color: #ffffff;
    box-shadow: 0 8px 22px rgba(22, 119, 255, 0.34);
}

.youtube-proposal-frame__search {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    gap: 0.45rem;
}

.youtube-proposal-frame__search input {
    min-width: 0;
    min-height: 44px;
    padding: 0 1rem;
    border: 1px solid rgba(156, 163, 175, 0.24);
    border-radius: 7px;
    background: #232529;
    color: #d1d5db;
    font: inherit;
    font-weight: 800;
}

.youtube-proposal-frame__search button {
    display: grid;
    place-items: center;
    min-width: 44px;
    min-height: 44px;
    border: 1px solid rgba(156, 163, 175, 0.24);
    border-radius: 7px;
    background: #232529;
    color: #ffffff;
}

.youtube-proposal-frame__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.youtube-proposal-frame__chip {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 999px;
    background: #111316;
    color: #d1d5db;
    font-size: 0.78rem;
    font-weight: 900;
}

.youtube-proposal-frame__chip--active {
    border-color: rgba(96, 165, 250, 0.5);
    background: #1677ff;
    color: #ffffff;
}

.youtube-proposal-frame__section {
    display: grid;
    gap: 0.45rem;
}

.youtube-proposal-frame__section > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.youtube-proposal-frame__section p {
    margin: 0;
    color: #d1d5db;
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.youtube-proposal-frame__section a {
    color: #60a5fa;
    font-size: 0.78rem;
    font-weight: 900;
    text-decoration: none;
}

.youtube-proposal-card-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
}

.youtube-proposal-card {
    position: relative;
    display: grid;
    align-content: start;
    gap: 0.28rem;
    min-height: 116px;
    padding: 0.65rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 7px;
    background: #232529;
}

.youtube-proposal-card > .oi {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    margin-bottom: 0.15rem;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: 8px;
    color: #ffffff;
    background: #111316;
    font-size: 1.1rem;
}

.youtube-proposal-card strong {
    color: #ffffff;
    font-size: 0.82rem;
    line-height: 1.12;
}

.youtube-proposal-card small,
.youtube-proposal-card span:not(.oi),
.youtube-proposal-frame__restore span {
    color: #9ca3af;
    font-size: 0.7rem;
    line-height: 1.28;
}

.youtube-proposal-card img {
    width: 48px;
    height: 32px;
    margin-bottom: 0.15rem;
    border: 1px solid rgba(156, 163, 175, 0.22);
    border-radius: 5px;
    object-fit: cover;
}

.youtube-proposal-card--owned::after {
    content: "";
    position: absolute;
    top: 0.62rem;
    right: 0.62rem;
    width: 1rem;
    height: 1rem;
    border: 2px solid #00e676;
    border-radius: 999px;
    box-shadow: inset 0 0 0 4px #232529;
}

.youtube-proposal-card--locked {
    background: #1b1c1e;
}

.youtube-proposal-card--locked::after {
    content: "\e033";
    display: grid;
    place-items: center;
    position: absolute;
    top: 0.62rem;
    right: 0.62rem;
    width: 1.1rem;
    height: 1.1rem;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    color: #d1d5db;
    font-family: "Icons";
    font-size: 0.62rem;
    opacity: 0.9;
}

.youtube-proposal-frame__restore {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    min-height: 62px;
    padding: 0.65rem 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #232529;
}

.youtube-proposal-frame__restore div {
    display: grid;
    gap: 0.25rem;
}

.youtube-proposal-frame__restore strong {
    color: #ffffff;
    font-size: 0.82rem;
}

.youtube-proposal-frame__restore .marketplace-action-link {
    min-width: 150px;
    min-height: 44px;
    white-space: nowrap;
}

.youtube-intake-workbench {
    order: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.65fr) minmax(280px, 0.65fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

.youtube-intake-command-grid {
    order: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.42fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

.youtube-intake-command-grid__main {
    display: grid;
    gap: 0.85rem;
    align-content: start;
    min-width: 0;
}

.youtube-intake-next-step {
    display: grid;
    grid-template-columns: minmax(220px, 0.8fr) minmax(280px, 1.2fr);
    gap: 1rem;
    align-items: center;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(96, 165, 250, 0.42);
    border-radius: 10px;
    background:
        linear-gradient(135deg, rgba(96, 165, 250, 0.12), transparent 55%),
        #232529;
}

.youtube-intake-next-step h2,
.youtube-intake-next-step p {
    margin: 0;
}

.youtube-intake-next-step h2 {
    margin-top: 0.2rem;
    color: #f8fafc;
    font-size: 1.12rem;
}

.youtube-intake-next-step p:last-child {
    margin-top: 0.35rem;
    color: #cbd5e1;
    line-height: 1.5;
}

.youtube-intake-next-step__saved {
    display: grid;
    gap: 0.6rem;
    min-width: 0;
}

.youtube-intake-next-step__saved > span {
    color: #b7f7c8;
    font-size: 0.84rem;
    line-height: 1.45;
}

.youtube-intake-next-step .marketplace-action-link {
    min-height: 44px;
    text-align: center;
}

.youtube-intake-next-step .marketplace-action-link:focus-visible {
    outline: 3px solid #facc15;
    outline-offset: 2px;
}

.youtube-intake-authority-choice {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(96, 165, 250, 0.34);
    border-radius: 10px;
    background: rgba(96, 165, 250, 0.08);
}

.youtube-intake-authority-choice h2,
.youtube-intake-authority-choice p {
    margin: 0;
}

.youtube-intake-authority-choice h2 {
    margin-top: 0.2rem;
    color: #f8fafc;
    font-size: 1.05rem;
}

.youtube-intake-authority-choice p:last-child {
    margin-top: 0.35rem;
    color: #cbd5e1;
    line-height: 1.5;
}

.youtube-intake-authority-choice .marketplace-action-link {
    min-height: 44px;
    white-space: nowrap;
}

.youtube-blueprint-studio--proposal-first .youtube-intake-step-card {
    gap: 0.6rem;
    padding: 0.8rem;
}

.youtube-blueprint-studio--proposal-first .youtube-intake-step-card > header {
    min-height: 32px;
}

.youtube-blueprint-studio--proposal-first .youtube-intake-step-card h2 {
    font-size: 0.95rem;
}

.youtube-blueprint-studio--proposal-first .youtube-intake-metadata-layout {
    grid-template-columns: 150px minmax(0, 1fr);
}

.youtube-blueprint-studio--proposal-first .youtube-intake-permission-row {
    padding: 0.65rem;
}

.youtube-blueprint-studio--proposal-first .youtube-intake-chapter-table__row {
    min-height: 38px;
    padding: 0.42rem 0.6rem;
    font-size: 0.86rem;
}

.youtube-blueprint-studio--proposal-first .youtube-intake-chapter-table__row--head {
    min-height: 34px;
    font-size: 0.68rem;
}

.youtube-blueprint-studio--proposal-first .youtube-intake-chapter-table__row span:last-child {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.youtube-blueprint-studio--proposal-first .youtube-intake-guardrails {
    gap: 0.65rem;
    padding: 0.85rem;
}

.youtube-blueprint-studio--proposal-first .youtube-intake-guardrails__stack article {
    min-height: 58px;
    padding: 0.62rem;
}

.youtube-blueprint-studio--proposal-first .youtube-intake-guardrails dl div {
    padding: 0.55rem;
}

.youtube-blueprint-studio--proposal-first .youtube-mockup-grid {
    order: 2;
}

.youtube-blueprint-studio--proposal-first .youtube-packet-preview,
.youtube-blueprint-studio--proposal-first .youtube-itemdetails-board {
    order: 3;
}

.youtube-blueprint-studio--proposal-first .youtube-intake-command-grid,
.youtube-blueprint-studio--proposal-first .youtube-intake-workbench,
.youtube-blueprint-studio--proposal-first .youtube-mockup-grid,
.youtube-blueprint-studio--proposal-first .youtube-packet-preview,
.youtube-blueprint-studio--proposal-first .youtube-itemdetails-board,
.marketplace-workspace--youtube-editor .youtube-management-cockpit,
.marketplace-workspace--youtube-editor .marketplace-signal-grid,
.marketplace-workspace--youtube-editor .marketplace-card-grid,
.marketplace-workspace--youtube-editor .reports-board,
.marketplace-workspace--youtube-editor .marketplace-proof-panel {
    width: min(100%, 1140px);
    margin-left: auto;
    margin-right: auto;
}

.youtube-intake-panel,
.youtube-intake-step-card,
.youtube-video-preview,
.youtube-intake-queue,
.youtube-creator-profile-card,
.youtube-packet-preview,
.youtube-itemdetails-board,
.youtube-management-cockpit {
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #2b2d31;
    box-shadow: 0 20px 70px rgba(0, 0, 0, 0.24);
}

.youtube-intake-panel,
.youtube-intake-step-card,
.youtube-intake-queue,
.youtube-creator-profile-card,
.youtube-packet-preview,
.youtube-itemdetails-board {
    padding: 1rem;
}

.youtube-intake-step-card {
    display: grid;
    gap: 0.8rem;
    box-shadow: 0 20px 70px rgba(0, 0, 0, 0.24);
}

.youtube-intake-step-card > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.youtube-intake-step-card h2 {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0;
    color: #ffffff;
    font-size: 1rem;
    letter-spacing: 0;
}

.youtube-intake-step-card h2 span {
    color: #ffffff;
}

.youtube-intake-step-card > small,
.youtube-intake-step-card__footer + small,
.youtube-intake-permission-row small,
.youtube-intake-permission-row span,
.youtube-intake-metadata-layout dt,
.youtube-intake-chapter-table__row--head {
    color: #9ca3af;
    line-height: 1.45;
}

.youtube-intake-url-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 160px;
    gap: 0.75rem;
    align-items: end;
}

.youtube-intake-step-card--url .youtube-intake-field--url .youtube-intake-input {
    min-height: 44px;
}

.youtube-intake-metadata-layout {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
}

.youtube-intake-metadata-layout img {
    width: 100%;
    aspect-ratio: 16 / 9;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    object-fit: cover;
}

.youtube-intake-metadata-layout dl {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 0;
}

.youtube-intake-metadata-layout dl div {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.youtube-intake-metadata-layout dt {
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.youtube-intake-metadata-layout dd {
    margin: 0;
    color: #ffffff;
    overflow-wrap: anywhere;
}

.youtube-intake-permission-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 0.7fr) auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.8rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: #1b1c1e;
}

.youtube-intake-permission-row > div {
    display: grid;
    gap: 0.3rem;
}

.youtube-intake-permission-row strong {
    color: #ffffff;
}

.youtube-intake-chapter-table {
    display: grid;
    overflow: hidden;
    border: 1px solid rgba(156, 163, 175, 0.14);
    border-radius: 8px;
    background: #111316;
}

.youtube-intake-chapter-table__row {
    display: grid;
    grid-template-columns: 44px 96px 96px minmax(150px, 0.9fr) minmax(240px, 1.2fr);
    gap: 0.75rem;
    align-items: center;
    min-height: 44px;
    padding: 0.55rem 0.7rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.12);
}

.youtube-intake-chapter-table__row:last-child {
    border-bottom: 0;
}

.youtube-intake-chapter-table__row--head {
    min-height: 38px;
    background: rgba(27, 28, 30, 0.84);
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.youtube-intake-chapter-table__row strong,
.youtube-intake-chapter-table__row span {
    min-width: 0;
    overflow-wrap: anywhere;
}

.youtube-intake-step-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.youtube-intake-step-card__footer .marketplace-action-link {
    width: auto;
    min-height: 44px;
    align-self: center;
}

.youtube-intake-panel--primary {
    min-height: 280px;
    display: grid;
    align-content: space-between;
    gap: 1rem;
    background:
        linear-gradient(135deg, rgba(96, 165, 250, 0.18), transparent 50%),
        #2b2d31;
}

.youtube-intake-panel__heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.youtube-intake-field {
    display: grid;
    gap: 0.5rem;
}

.youtube-intake-fetch-button {
    min-height: 44px;
    border: 1px solid rgba(96, 165, 250, 0.38);
    cursor: pointer;
}

.youtube-intake-field span {
    color: #9ca3af;
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
}

.youtube-intake-field--url .youtube-intake-input {
    min-height: 58px;
    border-color: rgba(96, 165, 250, 0.42);
    background: #111316;
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.youtube-video-preview {
    position: relative;
    min-height: 280px;
    overflow: hidden;
    display: grid;
    align-content: end;
    padding: 1rem;
}

.youtube-video-preview::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 25%, rgba(17, 19, 22, 0.94));
    z-index: 1;
}

.youtube-video-preview img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.78;
}

.youtube-video-preview > div {
    position: relative;
    z-index: 2;
    display: grid;
    gap: 0.6rem;
}

.youtube-intake-guardrails {
    display: grid;
    align-content: start;
    gap: 0.85rem;
    min-height: 280px;
    padding: 1rem;
    border: 1px solid rgba(255, 165, 0, 0.32);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 165, 0, 0.1), transparent 48%),
        #2b2d31;
    box-shadow: 0 20px 70px rgba(0, 0, 0, 0.24);
}

.youtube-intake-guardrails--rail {
    position: sticky;
    top: 1rem;
    min-height: 0;
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
    scrollbar-gutter: stable;
}

.youtube-intake-guardrails--rail .marketplace-action-link {
    width: 100%;
}

.youtube-intake-generate-button {
    background: #1677ff;
    border-color: rgba(96, 165, 250, 0.66);
}

.youtube-intake-guardrails header {
    display: grid;
    gap: 0.35rem;
}

.youtube-intake-guardrails header p,
.youtube-packet-review-shell__header p,
.youtube-packet-source-summary span,
.youtube-packet-itemdetails-preview header p {
    margin: 0;
    color: #ffd700;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.youtube-intake-guardrails h2,
.youtube-packet-review-shell h1,
.youtube-packet-review-shell h2,
.youtube-packet-review-shell h3,
.youtube-packet-source-summary strong {
    margin: 0;
    color: #ffffff;
    letter-spacing: 0;
}

.youtube-intake-guardrails header span,
.youtube-intake-guardrails small,
.youtube-packet-review-shell__header span,
.youtube-packet-source-summary small,
.youtube-packet-source-summary aside small,
.youtube-packet-task-board header span,
.youtube-packet-phase header small,
.youtube-packet-itemdetails-preview p,
.youtube-packet-itemdetails-preview li {
    color: #9ca3af;
    line-height: 1.45;
}

.youtube-intake-guardrails__stack {
    display: grid;
    gap: 0.65rem;
}

.youtube-intake-guardrails__stack article {
    display: grid;
    gap: 0.45rem;
    min-height: 74px;
    padding: 0.8rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: #1b1c1e;
}

.youtube-intake-guardrails dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
    margin: 0;
}

.youtube-intake-guardrails dl div {
    display: grid;
    gap: 0.2rem;
    padding: 0.7rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: #232529;
}

.youtube-intake-guardrails dt {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.youtube-intake-guardrails dd {
    margin: 0;
    color: #ffffff;
    overflow-wrap: anywhere;
}

.youtube-intake-guardrails__summary {
    grid-column: 1 / -1;
    min-height: 0;
    padding: 0;
    color: #ffd700 !important;
}

.youtube-intake-guardrails__details {
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: rgba(17, 19, 22, 0.55);
}

.youtube-intake-guardrails__details > summary {
    display: flex;
    min-height: 44px;
    align-items: center;
    padding: 0 0.75rem;
    color: #f8fafc;
    cursor: pointer;
    font-weight: 800;
}

.youtube-intake-guardrails__details > summary:focus-visible {
    outline: 3px solid #facc15;
    outline-offset: 2px;
}

.youtube-intake-guardrails__details[open] > summary {
    border-bottom: 1px solid rgba(156, 163, 175, 0.16);
}

.youtube-intake-guardrails__details .youtube-intake-guardrails__stack,
.youtube-intake-guardrails__details .youtube-source-authority-matrix {
    margin: 0.7rem;
}

.youtube-source-authority-matrix {
    display: grid;
    gap: 0.55rem;
}

.youtube-source-authority-matrix article {
    display: grid;
    gap: 0.35rem;
    min-height: 72px;
    padding: 0.7rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: #1b1c1e;
}

.youtube-source-authority-matrix strong {
    color: #ffffff;
    overflow-wrap: anywhere;
}

.youtube-source-authority-matrix small {
    color: #9ca3af;
    line-height: 1.45;
}

.youtube-mockup-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    gap: 1rem;
    align-items: start;
}

.youtube-intake-panel--wide {
    grid-column: 1 / 2;
}

.youtube-intake-queue ol,
.youtube-management-cockpit ol {
    display: grid;
    gap: 0.65rem;
    padding: 0;
    margin: 1rem 0 0;
    list-style: none;
}

.youtube-intake-queue__item,
.youtube-management-cockpit__step {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 0.7rem;
    align-items: center;
    min-height: 64px;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #232529;
}

.youtube-intake-queue__item > span,
.youtube-management-cockpit__step > span {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.12);
    color: #60a5fa;
}

.youtube-intake-queue__item strong,
.youtube-management-cockpit__step strong {
    display: block;
    overflow-wrap: anywhere;
}

.youtube-intake-queue__item--active {
    border-color: rgba(0, 230, 118, 0.4);
}

.youtube-intake-queue__item--blocked {
    border-color: rgba(255, 165, 0, 0.44);
}

.youtube-creator-profile-card {
    display: grid;
    gap: 1rem;
}

.youtube-creator-profile-card__hero {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 0.8rem;
    align-items: center;
}

.youtube-creator-profile-card__hero img {
    width: 76px;
    height: 76px;
    border: 1px solid rgba(255, 215, 0, 0.38);
    border-radius: 8px;
    object-fit: cover;
}

.youtube-creator-profile-card dl,
.youtube-packet-lane dl,
.youtube-itemdetails-card dl {
    display: grid;
    gap: 0.65rem;
    margin: 0;
}

.youtube-creator-profile-card dl div,
.youtube-packet-lane dl div,
.youtube-itemdetails-card dl div {
    display: grid;
    gap: 0.2rem;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: #1b1c1e;
}

.youtube-creator-profile-card dt,
.youtube-packet-lane dt,
.youtube-itemdetails-card dt {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.youtube-creator-profile-card dd,
.youtube-packet-lane dd,
.youtube-itemdetails-card dd {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
}

.youtube-brand-swatches {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.youtube-brand-swatches span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 0.6rem;
    border: 1px solid color-mix(in srgb, var(--swatch) 60%, transparent);
    border-radius: 8px;
    color: #ffffff;
    background: linear-gradient(90deg, var(--swatch), rgba(255, 255, 255, 0.06));
    font-size: 0.75rem;
    font-weight: 900;
}

.youtube-error-panel {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid rgba(255, 165, 0, 0.4);
    border-radius: 8px;
    background: rgba(255, 165, 0, 0.08);
}

.youtube-packet-preview,
.youtube-itemdetails-board {
    margin-top: 1rem;
}

.youtube-packet-preview__metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 1rem 0;
}

.youtube-packet-preview__metrics article {
    display: grid;
    gap: 0.35rem;
    min-height: 96px;
    padding: 0.85rem;
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 8px;
    background: #1b1c1e;
}

.youtube-packet-preview__metrics small {
    color: #9ca3af;
    font-weight: 900;
    text-transform: uppercase;
}

.youtube-packet-preview__metrics strong {
    overflow-wrap: anywhere;
}

.youtube-packet-preview__body {
    display: grid;
    grid-template-columns: 1.1fr 1fr 0.8fr;
    gap: 1rem;
}

.youtube-packet-lane {
    display: grid;
    align-content: start;
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #232529;
}

.youtube-packet-lane--blocked {
    border-color: rgba(255, 68, 68, 0.34);
}

.youtube-packet-lane ul {
    display: grid;
    gap: 0.55rem;
    padding-left: 1.1rem;
    margin: 0;
}

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

.youtube-itemdetails-card {
    display: grid;
    grid-template-columns: minmax(160px, 220px) minmax(0, 1fr);
    gap: 1rem;
    padding: 1rem;
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 8px;
    background: #232529;
}

.youtube-itemdetails-card > img {
    width: 100%;
    aspect-ratio: 16 / 9;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    object-fit: cover;
}

.youtube-itemdetails-card > div {
    display: grid;
    align-content: start;
    gap: 0.7rem;
    min-width: 0;
}

.youtube-itemdetails-card h3,
.youtube-packet-lane h3 {
    margin: 0;
    color: #ffffff;
}

.youtube-management-cockpit {
    display: grid;
    grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1rem;
}

.youtube-management-cockpit__rail {
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: #111316;
}

.youtube-management-cockpit__cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.youtube-management-cockpit__cards article {
    display: grid;
    gap: 0.55rem;
    min-height: 132px;
    padding: 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #1b1c1e;
}

.youtube-management-cockpit__cards strong {
    overflow-wrap: anywhere;
}

.youtube-packet-review-shell {
    width: min(100%, 1280px);
    margin: 0 auto 1rem;
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background:
        radial-gradient(circle at 70% 0%, rgba(96, 165, 250, 0.08), transparent 22rem),
        #111316;
    box-shadow: 0 24px 90px rgba(0, 0, 0, 0.34);
}

.marketplace-workspace--youtube-editor:has(.youtube-packet-command-sidebar) .youtube-packet-review-shell {
    width: min(100%, 1220px);
}

.youtube-packet-review-shell__header,
.youtube-packet-source-summary {
    display: grid;
    gap: 1rem;
    margin-bottom: 1rem;
}

.youtube-packet-review-shell__header {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
}

.youtube-packet-review-shell__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
}

.youtube-packet-source-summary {
    grid-template-columns: 112px minmax(0, 1fr) minmax(300px, 0.7fr) minmax(220px, 0.42fr);
    align-items: center;
    padding: 0.85rem;
    border: 1px solid rgba(96, 165, 250, 0.2);
    border-radius: 8px;
    background: #1b1c1e;
}

.youtube-packet-source-summary > img {
    width: 112px;
    aspect-ratio: 16 / 9;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    object-fit: cover;
}

.youtube-packet-source-summary > div {
    display: grid;
    gap: 0.3rem;
    min-width: 0;
}

.youtube-packet-source-summary dl {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.6rem;
    margin: 0;
}

.youtube-packet-source-summary dl div,
.youtube-packet-source-summary aside,
.youtube-packet-itemdetails-preview section,
.youtube-packet-itemdetails-preview footer {
    display: grid;
    gap: 0.35rem;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: #232529;
}

.youtube-packet-source-summary dt,
.youtube-packet-itemdetails-preview h3 {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.youtube-packet-source-summary dd {
    margin: 0;
    color: #ffffff;
    font-size: 1.4rem;
    font-weight: 900;
}

.youtube-packet-review-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(340px, 0.75fr);
    gap: 1rem;
    align-items: start;
}

.youtube-packet-task-board,
.youtube-packet-itemdetails-preview {
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #2b2d31;
}

.youtube-packet-task-board {
    padding: 1rem;
}

.youtube-packet-task-board > header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.youtube-packet-task-board > header > div {
    display: grid;
    gap: 0.25rem;
}

.youtube-packet-phase {
    display: grid;
    gap: 0.55rem;
    margin-bottom: 0.85rem;
    padding: 0.7rem;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: 8px;
    background: #1b1c1e;
}

.youtube-packet-phase > header {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    gap: 0.7rem;
    align-items: center;
}

.youtube-packet-phase > header > span {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    background: #1677ff;
    color: #ffffff;
    font-weight: 900;
}

.youtube-packet-task-table {
    display: grid;
    gap: 0.35rem;
}

.youtube-packet-task-table__row {
    display: grid;
    grid-template-columns: minmax(220px, 1.1fr) 80px minmax(160px, 1.35fr) 78px 48px minmax(90px, 0.65fr);
    gap: 0.6rem;
    align-items: center;
    min-height: 64px;
    padding: 0.6rem;
    border: 1px solid rgba(156, 163, 175, 0.12);
    border-radius: 8px;
    background: #232529;
}

.youtube-packet-task-table__row--head {
    min-height: 44px;
    color: #9ca3af;
    font-size: 0.74rem;
    font-weight: 900;
    text-transform: uppercase;
}

.youtube-packet-task-table__row span {
    min-width: 0;
    overflow-wrap: anywhere;
}

.youtube-packet-task-table__row span:first-child {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 0.55rem;
    align-items: center;
}

.youtube-packet-task-table__row img {
    width: 58px;
    aspect-ratio: 16 / 9;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 7px;
    object-fit: cover;
}

.youtube-packet-task-table__row a {
    color: #60a5fa;
    font-weight: 900;
    text-decoration: none;
}

.youtube-packet-itemdetails-preview {
    position: sticky;
    top: 1rem;
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
}

.youtube-packet-itemdetails-preview > img {
    width: 100%;
    aspect-ratio: 16 / 9;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    object-fit: cover;
}

.youtube-packet-clip-strip {
    display: grid;
    grid-template-columns: 116px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
}

.youtube-packet-clip-strip img {
    width: 116px;
    aspect-ratio: 16 / 9;
    border-radius: 7px;
    object-fit: cover;
}

.youtube-packet-detail-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-height: 44px;
    border-bottom: 1px solid rgba(156, 163, 175, 0.18);
}

.youtube-packet-detail-tabs button {
    min-height: 44px;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: #9ca3af;
    font: inherit;
    font-weight: 900;
}

.youtube-packet-detail-tabs button[aria-selected="true"] {
    border-color: #60a5fa;
    color: #60a5fa;
}

.youtube-packet-itemdetails-preview ul {
    display: grid;
    gap: 0.45rem;
    margin: 0;
    padding-left: 1.1rem;
}

.youtube-packet-itemdetails-preview footer {
    border-color: rgba(255, 165, 0, 0.34);
    background: rgba(255, 165, 0, 0.08);
}

.youtube-packet-review-shell__footer {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    margin-top: 1rem;
    padding: 0.8rem 1rem;
    border: 1px solid rgba(96, 165, 250, 0.2);
    border-radius: 8px;
    background: #1b1c1e;
}

.youtube-packet-review-shell__footer span {
    color: #9ca3af;
    font-weight: 900;
}

.youtube-packet-review-shell__footer div {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.6rem;
}

.youtube-packet-review-shell__footer .marketplace-action-link[disabled] {
    opacity: 0.64;
}

.youtube-packet-review-shell--creator-authored {
    display: grid;
    gap: 1rem;
    padding: clamp(1rem, 2vw, 1.5rem);
    border-color: rgba(96, 165, 250, 0.28);
    background:
        radial-gradient(circle at 82% -8%, rgba(96, 165, 250, 0.16), transparent 28rem),
        radial-gradient(circle at 5% 105%, rgba(255, 215, 0, 0.08), transparent 24rem),
        #111316;
}

.youtube-packet-source-summary--creator-authored {
    grid-template-columns: 56px minmax(0, 1fr) minmax(360px, 0.8fr);
    margin: 0;
    padding: 1rem;
    border-color: rgba(96, 165, 250, 0.3);
    background: linear-gradient(135deg, rgba(96, 165, 250, 0.09), rgba(43, 45, 49, 0.92));
}

.youtube-packet-source-summary__mark {
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    border: 1px solid rgba(96, 165, 250, 0.42);
    border-radius: 16px;
    background: rgba(96, 165, 250, 0.12);
    color: #60a5fa;
    font-size: 1.35rem;
}

.youtube-packet-source-summary--creator-authored dd {
    font-size: 0.98rem;
    line-height: 1.35;
}

.youtube-creator-authored-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem;
}

.youtube-creator-authored-steps article {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    gap: 0.75rem;
    align-items: start;
    min-width: 0;
    min-height: 152px;
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 12px;
    background: #232529;
}

.youtube-creator-authored-steps article > span:first-child,
.youtube-creator-authored-steps article > span:last-child {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 999px;
}

.youtube-creator-authored-steps article > span:first-child {
    background: #1677ff;
    color: #ffffff;
    font-weight: 900;
}

.youtube-creator-authored-steps article > span:last-child {
    border: 1px solid rgba(96, 165, 250, 0.32);
    background: rgba(96, 165, 250, 0.09);
    color: #60a5fa;
}

.youtube-creator-authored-steps article > div {
    display: grid;
    gap: 0.4rem;
    min-width: 0;
}

.youtube-creator-authored-steps strong {
    color: #ffffff;
    font-size: 1rem;
}

.youtube-creator-authored-steps p,
.youtube-creator-authored-boundary p {
    margin: 0;
    color: #c7cbd1;
    line-height: 1.55;
}

.youtube-creator-authored-boundary {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.85rem;
    align-items: start;
    padding: 1rem;
    border: 1px solid rgba(255, 165, 0, 0.32);
    border-radius: 12px;
    background: rgba(255, 165, 0, 0.08);
}

.youtube-creator-authored-boundary > span {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    background: rgba(255, 165, 0, 0.14);
    color: #ffa500;
}

.youtube-creator-authored-boundary > div {
    display: grid;
    gap: 0.35rem;
}

.youtube-creator-authored-boundary strong {
    color: #ffffff;
}

.youtube-packet-review-shell--creator-authored .youtube-packet-review-shell__footer {
    margin-top: 0;
}

.youtube-packet-review-shell--creator-authored .marketplace-action-link {
    min-height: 44px;
}

.quote-blueprint-review {
    display: grid;
    gap: 1rem;
}

.quote-blueprint-review__header,
.quote-blueprint-review__summary,
.quote-blueprint-review__proposal-context,
.quote-blueprint-review__gear-plan,
.quote-blueprint-review__mobile-gate,
.quote-blueprint-review__handoff {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: #232529;
}

.quote-blueprint-review__header {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
}

.quote-blueprint-review__header p,
.quote-blueprint-review__summary span,
.quote-blueprint-review__proposal-context span,
.quote-blueprint-review__gear-plan span {
    margin: 0;
    color: #ffd700;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.quote-blueprint-review h1,
.quote-blueprint-review h2,
.quote-blueprint-review__summary strong,
.quote-blueprint-review__proposal-context strong {
    margin: 0;
    color: #ffffff;
    letter-spacing: 0;
}

.quote-blueprint-review__header span,
.quote-blueprint-review__summary small,
.quote-blueprint-review__proposal-context small,
.quote-blueprint-review__proposal-context p,
.quote-blueprint-review__gear-plan p,
.quote-blueprint-review__gear-plan li,
.quote-blueprint-review__phase p,
.quote-blueprint-review__phase li,
.quote-blueprint-review__phase footer span,
.quote-blueprint-review__mobile-gate p {
    color: #cbd5e1;
    line-height: 1.45;
}

.quote-blueprint-review__actions,
.quote-blueprint-review__cta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    align-items: center;
    justify-content: flex-end;
}

.quote-blueprint-review__summary {
    grid-template-columns: minmax(220px, 1fr) minmax(280px, 1.2fr) minmax(220px, 0.8fr);
    align-items: stretch;
}

.quote-blueprint-review__summary > div,
.quote-blueprint-review__summary aside,
.quote-blueprint-review__mobile-gate dl div {
    display: grid;
    gap: 0.35rem;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.14);
    border-radius: 8px;
    background: #1b1c1e;
}

.quote-blueprint-review__summary dl,
.quote-blueprint-review__mobile-gate dl {
    display: grid;
    gap: 0.55rem;
    margin: 0;
}

.quote-blueprint-review__summary dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.quote-blueprint-review__proposal-context {
    grid-template-columns: minmax(220px, 0.45fr) minmax(0, 1fr);
    align-items: start;
    background: rgba(35, 37, 41, 0.72);
}

.quote-blueprint-review__proposal-context > div {
    display: grid;
    gap: 0.35rem;
}

.quote-blueprint-review__proposal-context p {
    margin: 0;
}

.quote-blueprint-review__gear-plan {
    grid-template-columns: minmax(220px, 0.7fr) minmax(0, 1fr);
    align-items: start;
}

.quote-blueprint-review__gear-plan h2 {
    margin: 0;
}

.quote-blueprint-review__gear-plan p {
    margin: 0.35rem 0 0;
}

.quote-blueprint-review__gear-plan ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.quote-blueprint-review__gear-plan li {
    padding: 0.65rem;
    border: 1px solid rgba(156, 163, 175, 0.14);
    border-radius: 8px;
    background: #1b1c1e;
}

.quote-blueprint-review__summary dt,
.quote-blueprint-review__mobile-gate dt {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.quote-blueprint-review__summary dd,
.quote-blueprint-review__mobile-gate dd {
    margin: 0;
    color: #ffffff;
    overflow-wrap: anywhere;
}

.quote-blueprint-review__phase-board {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.quote-blueprint-review__phase {
    display: grid;
    gap: 0.8rem;
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: #232529;
}

.quote-blueprint-review__phase header {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 0.7rem;
    align-items: start;
}

.quote-blueprint-review__phase header > span {
    display: grid;
    place-items: center;
    min-height: 44px;
    border-radius: 8px;
    color: #ffffff;
    font-size: 0.76rem;
    font-weight: 900;
}

.quote-blueprint-review__phase--blue header > span {
    background: rgba(96, 165, 250, 0.2);
    color: #bfdbfe;
}

.quote-blueprint-review__phase--green header > span {
    background: rgba(0, 230, 118, 0.14);
    color: #bbf7d0;
}

.quote-blueprint-review__phase--orange header > span {
    background: rgba(255, 165, 0, 0.16);
    color: #fed7aa;
}

.quote-blueprint-review__phase ul {
    display: grid;
    gap: 0.45rem;
    margin: 0;
    padding-left: 1.15rem;
}

.quote-blueprint-review__phase footer {
    display: grid;
    gap: 0.25rem;
    padding: 0.7rem;
    border: 1px solid rgba(255, 215, 0, 0.16);
    border-radius: 8px;
    background: rgba(255, 215, 0, 0.07);
}

.quote-blueprint-review__phase footer strong {
    color: #ffd700;
    font-size: 0.78rem;
}

.quote-blueprint-review__blockers {
    display: grid;
    gap: 0.35rem;
    margin: 0.75rem 0 0;
    padding-left: 1.1rem;
    color: #fed7aa;
}

.quote-blueprint-review__mobile-gate {
    grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.8fr);
    border-color: rgba(255, 165, 0, 0.24);
}

.quote-blueprint-review__handoff {
    border-color: rgba(0, 230, 118, 0.22);
}

.quote-blueprint-review__handoff header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
}

.quote-blueprint-review__handoff p {
    margin: 0.25rem 0 0;
    color: #cbd5e1;
    line-height: 1.45;
}

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

.quote-blueprint-review__handoff-phase {
    display: grid;
    gap: 0.25rem;
    min-height: 96px;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.14);
    border-radius: 8px;
    background: #1b1c1e;
}

.quote-blueprint-review__handoff-phase strong {
    color: #ffffff;
}

.quote-blueprint-review__handoff-phase span,
.quote-blueprint-review__handoff-phase small {
    color: #cbd5e1;
}

.quote-blueprint-review__cta-row {
    grid-column: 1 / -1;
    justify-content: flex-start;
}

.quote-blueprint-review__cta-row .marketplace-action-link:disabled {
    cursor: not-allowed;
    opacity: 0.58;
}

.youtube-command-page {
    display: grid;
    grid-template-columns: 184px minmax(0, 1fr);
    gap: 0;
    min-height: 100vh;
    background: #0b1014;
    color: #ffffff;
}

.youtube-command-page--queue {
    grid-template-columns: 160px minmax(0, 1fr);
}

.youtube-command-sidebar {
    position: sticky;
    top: 0;
    align-self: start;
    display: grid;
    align-content: start;
    gap: 1.5rem;
    min-height: 100vh;
    padding: 0.85rem 0.95rem;
    border-right: 1px solid rgba(156, 163, 175, 0.16);
    background: #11161d;
}

.youtube-command-sidebar__brand,
.youtube-command-sidebar nav a {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 44px;
    color: #ffffff;
    text-decoration: none;
}

.youtube-command-sidebar__brand span {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255, 215, 0, 0.64);
    border-radius: 8px;
    color: #ffd700;
    font-weight: 900;
}

.youtube-command-sidebar__brand {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 0.65rem;
}

.youtube-command-sidebar__brand small {
    grid-column: 2;
    color: #9ca3af;
    font-size: 0.68rem;
    font-weight: 900;
    text-transform: uppercase;
}

.youtube-command-sidebar nav {
    display: grid;
    gap: 0.35rem;
}

.youtube-command-sidebar nav a {
    padding: 0 0.6rem;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #cbd5e1;
    font-weight: 900;
}

.youtube-command-sidebar nav a:hover,
.youtube-command-sidebar__active {
    border-color: rgba(96, 165, 250, 0.5) !important;
    background: rgba(96, 165, 250, 0.14);
    color: #ffffff !important;
}

.youtube-command-main {
    min-width: 0;
    padding: 1rem;
}

.youtube-mockup-parity-label {
    margin: 0 0 0.25rem;
    color: #ffd700;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.youtube-command-topbar {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: end;
    min-height: 68px;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.16);
}

.youtube-command-topbar nav,
.youtube-command-stepper {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
}

.youtube-command-topbar a,
.youtube-command-topbar span,
.youtube-command-stepper span {
    color: #9ca3af;
    text-decoration: none;
}

.youtube-command-topbar a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
}

.youtube-command-topbar strong,
.youtube-command-topbar h1 {
    margin: 0;
    color: #ffffff;
}

.youtube-command-topbar__title {
    display: grid;
    gap: 0.2rem;
}

.youtube-command-topbar__title h1 {
    font-size: clamp(1.8rem, 3vw, 2.5rem);
    line-height: 1.05;
}

.youtube-command-page--queue .youtube-command-topbar,
.youtube-command-page--profile .youtube-command-topbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
}

.youtube-command-page--queue .youtube-command-topbar nav,
.youtube-command-page--profile .youtube-command-topbar nav {
    grid-column: 1 / -1;
}

.youtube-command-page--profile .youtube-command-topbar > div {
    justify-self: start;
}

.youtube-command-page--profile .youtube-command-topbar h1 {
    font-size: clamp(1.9rem, 3vw, 2.45rem);
    line-height: 1.05;
}

.youtube-command-stepper span {
    min-height: 44px;
    padding: 0.7rem 0.9rem;
    border-bottom: 2px solid transparent;
    font-size: 0.82rem;
    font-weight: 900;
}

.youtube-command-stepper__active {
    border-color: #1677ff !important;
    color: #ffffff !important;
}

.youtube-queue-layout {
    display: grid;
    grid-template-columns: minmax(280px, 300px) minmax(0, 1fr) minmax(250px, 270px);
    gap: 1rem;
    align-items: start;
}

.youtube-queue-list,
.youtube-queue-opportunity,
.youtube-queue-profile-rail,
.youtube-profile-status-strip article,
.youtube-profile-opportunities,
.youtube-profile-actions {
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #151b22;
    box-shadow: 0 20px 70px rgba(0, 0, 0, 0.24);
}

.youtube-queue-list,
.youtube-queue-opportunity,
.youtube-queue-profile-rail,
.youtube-profile-opportunities,
.youtube-profile-actions {
    padding: 1rem;
}

.youtube-queue-list h1,
.youtube-queue-list h2,
.youtube-queue-opportunity h2,
.youtube-queue-profile-rail h2,
.youtube-queue-profile-rail h3,
.youtube-profile-opportunities h2,
.youtube-profile-actions h2 {
    margin: 0;
    color: #ffffff;
    letter-spacing: 0;
}

.youtube-queue-list h1,
.youtube-queue-list h2 {
    font-size: 1.65rem;
    line-height: 1.08;
}

.youtube-queue-list header,
.youtube-queue-list ol,
.youtube-queue-opportunity,
.youtube-queue-profile-rail,
.youtube-profile-opportunities,
.youtube-profile-actions {
    display: grid;
    gap: 0.9rem;
}

.youtube-queue-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.youtube-queue-filter,
.youtube-queue-sort {
    min-height: 44px;
    padding: 0 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.22);
    border-radius: 8px;
    background: #111316;
    color: #cbd5e1;
    font: inherit;
    font-weight: 900;
}

.youtube-queue-filter--active {
    border-color: rgba(96, 165, 250, 0.58);
    background: rgba(96, 165, 250, 0.16);
    color: #ffffff;
}

.youtube-queue-list ol {
    padding: 0;
    margin: 0;
    list-style: none;
}

.youtube-queue-list__item {
    display: grid;
    grid-template-columns: 20px 68px minmax(0, 1fr) auto;
    gap: 0.65rem;
    align-items: center;
    min-height: 74px;
    padding: 0.55rem;
    border: 1px solid rgba(156, 163, 175, 0.14);
    border-radius: 8px;
    background: #20262d;
}

.youtube-queue-list__item--selected {
    border-color: #1677ff;
    box-shadow: inset 3px 0 0 #1677ff;
}

.youtube-queue-list__item--blocked {
    border-color: rgba(255, 165, 0, 0.44);
}

.youtube-queue-list__item > span:first-child {
    width: 16px;
    height: 16px;
    border: 2px solid #60a5fa;
    border-radius: 999px;
}

.youtube-queue-list__item img,
.youtube-queue-opportunity > header img,
.youtube-profile-opportunity-row img {
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 7px;
    object-fit: cover;
}

.youtube-queue-list__item strong,
.youtube-profile-opportunity-row strong {
    color: #ffffff;
    overflow-wrap: break-word;
}

.youtube-queue-list__item small,
.youtube-queue-list footer,
.youtube-queue-opportunity p,
.youtube-queue-opportunity small,
.youtube-queue-profile-rail p,
.youtube-queue-profile-rail small,
.youtube-command-definition-list dt,
.youtube-profile-status-strip small,
.youtube-profile-opportunities span,
.youtube-profile-opportunities small,
.youtube-profile-actions p,
.youtube-profile-actions small {
    color: #9ca3af;
    line-height: 1.45;
}

.youtube-queue-list__item em {
    display: inline-flex;
    width: fit-content;
    min-height: 24px;
    align-items: center;
    padding: 0 0.45rem;
    border-radius: 6px;
    background: rgba(0, 230, 118, 0.12);
    color: #00e676;
    font-size: 0.72rem;
    font-style: normal;
    font-weight: 900;
}

.youtube-queue-opportunity > header {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
}

.youtube-queue-tabs,
.youtube-profile-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    min-height: 44px;
    border-bottom: 1px solid rgba(156, 163, 175, 0.16);
}

.youtube-queue-tabs a,
.youtube-profile-tabs a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    border-bottom: 2px solid transparent;
    color: #9ca3af;
    font-weight: 900;
    text-decoration: none;
}

.youtube-queue-tabs__active,
.youtube-profile-tabs__active {
    border-color: #1677ff !important;
    color: #ffffff !important;
}

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

.youtube-queue-opportunity__grid article:nth-child(n + 3) {
    grid-column: 1 / -1;
}

.youtube-queue-opportunity__grid article,
.youtube-queue-profile-rail article {
    display: grid;
    align-content: start;
    gap: 0.65rem;
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: #20262d;
}

.youtube-queue-warning {
    grid-column: 1 / -1;
    border-color: rgba(255, 165, 0, 0.44) !important;
    background: rgba(255, 165, 0, 0.08) !important;
}

.youtube-command-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
    margin: 0;
}

.youtube-command-metrics div {
    display: grid;
    gap: 0.25rem;
}

.youtube-command-metrics dt,
.youtube-command-definition-list dt {
    font-size: 0.7rem;
    font-weight: 900;
    text-transform: uppercase;
}

.youtube-command-metrics dd {
    margin: 0;
    color: #ffffff;
    font-size: 1.35rem;
    font-weight: 900;
}

.youtube-command-definition-list {
    display: grid;
    gap: 0.55rem;
    margin: 0;
}

.youtube-command-definition-list div {
    display: grid;
    grid-template-columns: 130px minmax(0, 1fr);
    gap: 0.75rem;
}

.youtube-command-definition-list dd {
    margin: 0;
    color: #cbd5e1;
}

.youtube-opportunity-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.youtube-opportunity-tags span,
.youtube-opportunity-tags button {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 0.75rem;
    border: 1px solid rgba(0, 230, 118, 0.28);
    border-radius: 8px;
    background: rgba(0, 230, 118, 0.08);
    color: #b7f7c8;
    font: inherit;
    font-weight: 800;
}

.youtube-opportunity-tags button {
    border-color: rgba(156, 163, 175, 0.24);
    background: #20262d;
    color: #cbd5e1;
}

.youtube-queue-profile-rail {
    position: sticky;
    top: 1rem;
}

.youtube-queue-profile-rail__avatar {
    display: grid;
    place-items: center;
}

.youtube-queue-profile-rail__avatar img {
    width: 150px;
    height: 150px;
    border: 1px solid rgba(255, 215, 0, 0.44);
    border-radius: 999px;
    object-fit: cover;
}

.youtube-profile-status-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.youtube-profile-status-strip article {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.8rem;
    min-height: 140px;
    padding: 1rem;
}

.youtube-profile-status-strip article > div {
    display: grid;
    align-content: start;
    gap: 0.45rem;
    min-width: 0;
}

.youtube-profile-status-strip > article > span,
.youtube-profile-actions header > span,
.youtube-profile-actions li > span {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255, 215, 0, 0.52);
    border-radius: 999px;
    color: #ffd700;
}

.youtube-profile-status-strip__warning {
    border-color: rgba(255, 165, 0, 0.44) !important;
}

.youtube-profile-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
    gap: 1rem;
    align-items: start;
}

.youtube-profile-opportunities > header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.8rem;
}

.youtube-profile-tabs {
    grid-column: 1 / -1;
}

.youtube-profile-opportunities__tools {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    justify-content: flex-end;
}

.youtube-profile-opportunity-list {
    display: grid;
    gap: 0.75rem;
}

.youtube-profile-opportunity-row {
    display: grid;
    grid-template-columns: 110px minmax(140px, 1fr) 82px 100px 104px 126px;
    gap: 0.8rem;
    align-items: center;
    min-height: 104px;
    padding: 0.7rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: #20262d;
}

.youtube-profile-opportunity-row .marketplace-action-link {
    min-width: 126px;
    padding: 0 0.55rem;
    font-size: 0.84rem;
}

.youtube-profile-opportunity-row > div {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.youtube-profile-actions {
    position: sticky;
    top: 1rem;
}

.youtube-profile-actions header {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.75rem;
}

.youtube-profile-actions header p {
    grid-column: 2;
    margin: 0;
}

.youtube-profile-actions ol {
    display: grid;
    gap: 1rem;
    padding: 0;
    margin: 0;
    list-style: none;
}

.youtube-profile-actions li {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.75rem;
}

.youtube-profile-actions li div {
    display: grid;
    gap: 0.45rem;
}

.youtube-profile-actions button,
.youtube-profile-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 44px;
    padding: 0 0.85rem;
    border: 1px solid rgba(96, 165, 250, 0.5);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff;
    font: inherit;
    font-weight: 900;
    text-decoration: none;
}

.youtube-profile-actions button[disabled],
.youtube-profile-actions__disabled {
    opacity: 0.62;
}

.youtube-profile-actions footer {
    display: grid;
    gap: 0.45rem;
    padding: 1rem;
    border: 1px solid rgba(255, 165, 0, 0.44);
    border-radius: 8px;
    background: rgba(255, 165, 0, 0.08);
}

.marketplace-workspace--youtube-editor:has(.youtube-packet-command-sidebar) .youtube-packet-review-shell {
    padding: 0.85rem;
}

.marketplace-workspace--youtube-editor:has(.youtube-packet-command-sidebar) .youtube-packet-source-summary {
    grid-template-columns: 96px minmax(0, 1fr) minmax(260px, 0.7fr) minmax(190px, 0.42fr);
    gap: 0.75rem;
    padding: 0.7rem;
}

.marketplace-workspace--youtube-editor:has(.youtube-packet-command-sidebar) .youtube-packet-source-summary > img {
    width: 96px;
}

.marketplace-workspace--youtube-editor:has(.youtube-packet-command-sidebar) .youtube-packet-task-board,
.marketplace-workspace--youtube-editor:has(.youtube-packet-command-sidebar) .youtube-packet-itemdetails-preview {
    padding: 0.75rem;
}

.marketplace-workspace--youtube-editor:has(.youtube-packet-command-sidebar) .youtube-packet-phase {
    gap: 0.42rem;
    margin-bottom: 0.55rem;
    padding: 0.52rem;
}

.marketplace-workspace--youtube-editor:has(.youtube-packet-command-sidebar) .youtube-packet-phase > header {
    grid-template-columns: 34px minmax(0, 1fr) auto;
}

.marketplace-workspace--youtube-editor:has(.youtube-packet-command-sidebar) .youtube-packet-phase > header > span {
    width: 34px;
    height: 34px;
}

.marketplace-workspace--youtube-editor:has(.youtube-packet-command-sidebar) .youtube-packet-task-table__row {
    grid-template-columns: minmax(190px, 1fr) 76px minmax(140px, 1.08fr) 70px 42px minmax(74px, 0.5fr);
    min-height: 52px;
    padding: 0.45rem;
    font-size: 0.84rem;
}

.marketplace-workspace--youtube-editor:has(.youtube-packet-command-sidebar) .youtube-packet-task-table__row--head {
    min-height: 36px;
    font-size: 0.66rem;
}

.marketplace-workspace--youtube-editor:has(.youtube-packet-command-sidebar) .youtube-packet-task-table__row span:first-child {
    grid-template-columns: 46px minmax(0, 1fr);
}

.marketplace-workspace--youtube-editor:has(.youtube-packet-command-sidebar) .youtube-packet-task-table__row img {
    width: 46px;
}

.marketplace-workspace--youtube-editor:has(.youtube-packet-command-sidebar) .youtube-packet-task-table__row a {
    display: inline-flex;
    align-items: center;
    min-width: 44px;
    min-height: 44px;
}

.marketplace-workspace--youtube-editor:has(.youtube-packet-command-sidebar) .youtube-packet-itemdetails-preview {
    gap: 0.58rem;
}

.marketplace-workspace--youtube-editor:has(.youtube-packet-command-sidebar) .youtube-packet-itemdetails-preview > img {
    max-height: 170px;
}

.marketplace-workspace--youtube-editor:has(.youtube-packet-command-sidebar) .youtube-packet-clip-strip {
    grid-template-columns: 92px minmax(0, 1fr);
}

.marketplace-workspace--youtube-editor:has(.youtube-packet-command-sidebar) .youtube-packet-clip-strip img {
    width: 92px;
}

.youtube-mobile-handoff {
    display: grid;
    grid-template-columns: minmax(280px, 380px) minmax(0, 1fr);
    gap: 1rem;
    width: min(100%, 1140px);
    margin: 0 auto;
    align-items: start;
}

.youtube-mobile-handoff__device,
.youtube-mobile-handoff__workspace,
.youtube-mobile-authority,
.youtube-mobile-itemdetails,
.youtube-mobile-collab-grid article {
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #2b2d31;
    box-shadow: 0 20px 70px rgba(0, 0, 0, 0.24);
}

.youtube-mobile-handoff__device {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border: 4px solid #06070a;
    border-radius: 34px;
    background:
        radial-gradient(circle at 26% 0%, rgba(96, 165, 250, 0.12), transparent 13rem),
        #11161d;
}

.youtube-mobile-handoff__device header,
.youtube-mobile-handoff__workspace > header,
.youtube-mobile-itemdetails > header {
    display: grid;
    gap: 0.45rem;
}

.youtube-mobile-handoff__device h1,
.youtube-mobile-handoff__workspace h2,
.youtube-mobile-itemdetails h2,
.youtube-mobile-authority h2,
.youtube-mobile-itemdetails h3 {
    margin: 0;
    color: #ffffff;
    letter-spacing: 0;
}

.youtube-mobile-handoff__device h1 {
    font-size: 1.45rem;
    line-height: 1.08;
}

.youtube-mobile-handoff__device p,
.youtube-mobile-handoff__workspace header span,
.youtube-mobile-checkpoint small,
.youtube-mobile-task-list small,
.youtube-mobile-collab-grid small,
.youtube-mobile-itemdetails p,
.youtube-mobile-authority p {
    color: #9ca3af;
    line-height: 1.45;
}

.youtube-mobile-checkpoint small,
.youtube-mobile-task-list small,
.youtube-mobile-collab-grid small,
.youtube-mobile-itemdetails p,
.youtube-mobile-authority p {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
}

.youtube-mobile-checkpoint article > div,
.youtube-mobile-task-list article > div {
    min-width: 0;
}

.youtube-mobile-checkpoint,
.youtube-mobile-task-list,
.youtube-mobile-handoff__workspace,
.youtube-mobile-itemdetails,
.youtube-mobile-authority {
    display: grid;
    gap: 0.75rem;
}

.youtube-mobile-checkpoint article,
.youtube-mobile-task-list article,
.youtube-mobile-itemdetails article {
    display: grid;
    gap: 0.55rem;
    padding: 0.8rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: #1b1c1e;
}

.youtube-mobile-checkpoint article {
    grid-template-columns: 72px minmax(0, 1fr);
    align-items: center;
}

.youtube-mobile-checkpoint span {
    grid-row: 1 / span 2;
    display: grid;
    place-items: center;
    min-height: 44px;
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.12);
    color: #60a5fa;
    font-size: 0.72rem;
    font-weight: 900;
}

.youtube-mobile-checkpoint strong,
.youtube-mobile-checkpoint small {
    grid-column: 2;
}

.youtube-mobile-checkpoint strong,
.youtube-mobile-task-list strong,
.youtube-mobile-collab-grid strong {
    color: #ffffff;
    overflow-wrap: anywhere;
}

.youtube-mobile-task-list article {
    grid-template-columns: 64px minmax(0, 1fr) 24px;
    align-items: center;
}

.youtube-mobile-task-list img,
.youtube-mobile-itemdetails img {
    width: 100%;
    aspect-ratio: 16 / 9;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    object-fit: cover;
}

.youtube-mobile-task-list img {
    width: 64px;
}

.youtube-mobile-handoff__workspace {
    padding: 1rem;
}

.youtube-mobile-handoff__workspace > header {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
}

.youtube-mobile-handoff__workspace header p,
.youtube-mobile-itemdetails header p {
    margin: 0;
    color: #ffd700;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

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

.youtube-mobile-collab-grid article,
.youtube-mobile-server-state article,
.youtube-mobile-authority {
    padding: 1rem;
}

.youtube-mobile-server-state {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.youtube-mobile-server-state article {
    display: grid;
    align-content: start;
    gap: 0.45rem;
    min-height: 126px;
    border: 1px solid rgba(96, 165, 250, 0.22);
    border-radius: 8px;
    background: #1b1c1e;
}

.youtube-mobile-server-state strong {
    color: #ffffff;
    overflow-wrap: anywhere;
}

.youtube-mobile-server-state small {
    color: #9ca3af;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.youtube-mobile-grant-panel {
    display: grid;
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid rgba(255, 215, 0, 0.28);
    border-radius: 8px;
    background: #2b2d31;
    box-shadow: 0 20px 70px rgba(0, 0, 0, 0.24);
}

.youtube-mobile-grant-panel > header {
    display: grid;
    gap: 0.45rem;
}

.youtube-mobile-grant-panel h2 {
    margin: 0;
    color: #ffffff;
    letter-spacing: 0;
}

.youtube-mobile-grant-panel header p {
    margin: 0;
    color: #ffd700;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.youtube-mobile-grant-panel header span,
.youtube-mobile-grant-panel small {
    color: #9ca3af;
    line-height: 1.45;
}

.youtube-mobile-grant-options {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.youtube-mobile-grant-options article {
    display: grid;
    align-content: start;
    gap: 0.45rem;
    min-height: 132px;
    padding: 0.8rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: #1b1c1e;
}

.youtube-mobile-grant-options strong {
    color: #ffffff;
    overflow-wrap: anywhere;
}

.youtube-mobile-grant-options small {
    overflow-wrap: anywhere;
}

.youtube-mobile-grant-panel dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
    margin: 0;
}

.youtube-mobile-grant-panel dl div {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
    padding: 0.7rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: #232529;
}

.youtube-mobile-grant-panel dt {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.youtube-mobile-grant-panel dd {
    min-width: 0;
    margin: 0;
    color: #ffffff;
    overflow-wrap: anywhere;
}

.youtube-mobile-grant-panel__error {
    display: grid;
    gap: 0.4rem;
    padding: 0.8rem;
    border: 1px solid rgba(255, 68, 68, 0.42);
    border-radius: 8px;
    background: rgba(255, 68, 68, 0.1);
}

.youtube-mobile-grant-panel__error strong {
    color: #ffffff;
    overflow-wrap: anywhere;
}

.youtube-mobile-itemdetails {
    padding: 1rem;
}

.youtube-mobile-itemdetails article {
    grid-template-columns: minmax(160px, 220px) minmax(0, 1fr);
}

.youtube-mobile-itemdetails article > div {
    display: grid;
    gap: 0.65rem;
}

.youtube-mobile-itemdetails dl {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
    margin: 0;
}

.youtube-mobile-itemdetails dl div {
    display: grid;
    gap: 0.2rem;
    padding: 0.7rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: #232529;
}

.youtube-mobile-itemdetails dt {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.youtube-mobile-itemdetails dd {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
}

.youtube-mobile-redemption {
    display: grid;
    grid-template-columns: minmax(300px, 410px) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.youtube-mobile-redemption__phone,
.youtube-mobile-redemption__workspace,
.youtube-mobile-redemption__contract article,
.youtube-mobile-redemption__authority article {
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #2b2d31;
    box-shadow: 0 20px 70px rgba(0, 0, 0, 0.24);
}

.youtube-mobile-redemption__phone {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border: 4px solid #06070a;
    border-radius: 34px;
    background:
        radial-gradient(circle at 20% 0%, rgba(0, 230, 118, 0.12), transparent 13rem),
        #11161d;
}

.youtube-mobile-redemption__phone header,
.youtube-mobile-redemption__workspace > header,
.youtube-mobile-redemption__contract article {
    display: grid;
    gap: 0.55rem;
}

.youtube-mobile-redemption h1,
.youtube-mobile-redemption h2,
.youtube-mobile-redemption strong {
    margin: 0;
    color: #ffffff;
    letter-spacing: 0;
    overflow-wrap: anywhere;
}

.youtube-mobile-redemption p,
.youtube-mobile-redemption small,
.youtube-mobile-redemption__workspace header span {
    color: #9ca3af;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.youtube-mobile-redemption__hero,
.youtube-mobile-redemption__phase-list,
.youtube-mobile-redemption__tasks,
.youtube-mobile-redemption__workspace,
.youtube-mobile-redemption__contract,
.youtube-mobile-redemption__authority,
.youtube-mobile-redemption__actions {
    display: grid;
    gap: 0.75rem;
}

.youtube-mobile-redemption__hero {
    grid-template-columns: 120px minmax(0, 1fr);
    align-items: center;
    padding: 0.8rem;
    border: 1px solid rgba(0, 230, 118, 0.22);
    border-radius: 8px;
    background: #1b1c1e;
}

.youtube-mobile-redemption__hero img,
.youtube-mobile-redemption__tasks img {
    width: 100%;
    aspect-ratio: 16 / 9;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    object-fit: cover;
}

.youtube-mobile-redemption__hero span {
    color: #00e676;
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.youtube-mobile-redemption__phase-list article,
.youtube-mobile-redemption__tasks article,
.youtube-mobile-redemption__blocked {
    display: grid;
    gap: 0.45rem;
    padding: 0.8rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: #1b1c1e;
}

.youtube-mobile-redemption__phase-list article {
    grid-template-columns: 76px minmax(0, 1fr);
    align-items: center;
}

.youtube-mobile-redemption__phase-list article > span {
    grid-row: 1 / span 2;
    display: grid;
    place-items: center;
    min-height: 44px;
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.12);
    color: #60a5fa;
    font-size: 0.72rem;
    font-weight: 900;
}

.youtube-mobile-redemption__phase-list article > strong,
.youtube-mobile-redemption__phase-list article > small {
    grid-column: 2;
}

.youtube-mobile-redemption__tasks article {
    grid-template-columns: 74px minmax(0, 1fr) 24px;
    align-items: center;
}

.youtube-mobile-redemption__tasks img {
    width: 74px;
}

.youtube-mobile-redemption__blocked {
    border-color: rgba(255, 68, 68, 0.42);
    background: rgba(255, 68, 68, 0.1);
}

.youtube-mobile-redemption__workspace {
    padding: 1rem;
}

.youtube-mobile-redemption__workspace > header {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
}

.youtube-mobile-redemption__workspace header p {
    margin: 0;
    color: #ffd700;
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
}

.youtube-mobile-redemption__authority,
.youtube-mobile-redemption__contract {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.youtube-mobile-redemption__contract {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
}

.youtube-mobile-redemption__authority article,
.youtube-mobile-redemption__contract article {
    align-content: start;
    min-height: 132px;
    padding: 1rem;
    background: #1b1c1e;
}

.youtube-mobile-redemption__contract dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
    margin: 0;
}

.youtube-mobile-redemption__contract dl div {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
    padding: 0.7rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: #232529;
}

.youtube-mobile-redemption__contract dt {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.youtube-mobile-redemption__contract dd {
    min-width: 0;
    margin: 0;
    color: #ffffff;
    overflow-wrap: anywhere;
}

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

@media (max-width: 1180px) {
    .youtube-packet-preview__metrics,
    .youtube-management-cockpit__cards,
    .youtube-profile-status-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .youtube-packet-preview__body,
    .youtube-itemdetails-grid,
    .youtube-packet-source-summary,
    .youtube-packet-review-layout,
    .quote-blueprint-review__header,
    .quote-blueprint-review__summary,
    .quote-blueprint-review__proposal-context,
    .quote-blueprint-review__gear-plan,
    .quote-blueprint-review__gear-plan ul,
    .quote-blueprint-review__phase-board,
    .quote-blueprint-review__mobile-gate,
    .quote-blueprint-review__handoff-grid,
    .youtube-queue-layout,
    .youtube-profile-layout {
        grid-template-columns: 1fr;
    }

    .youtube-packet-source-summary dl {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .youtube-packet-source-summary--creator-authored,
    .youtube-creator-authored-steps {
        grid-template-columns: 1fr;
    }

    .youtube-queue-profile-rail,
    .youtube-profile-actions {
        position: static;
    }

    .youtube-profile-opportunity-row {
        grid-template-columns: 120px minmax(0, 1fr) repeat(3, minmax(90px, 0.35fr)) auto;
    }
}

@media (max-width: 900px) {
    .youtube-intake-authority-choice {
        grid-template-columns: 1fr;
    }

    .youtube-intake-authority-choice .marketplace-action-link {
        width: 100%;
        white-space: normal;
    }

    .youtube-blueprint-studio,
    .youtube-blueprint-studio--proposal-first,
    .youtube-command-page {
        grid-template-columns: 1fr;
    }

    .youtube-blueprint-studio__sidebar {
        position: static;
        min-height: 0;
        border-right: 0;
        border-bottom: 1px solid rgba(156, 163, 175, 0.16);
    }

    .marketplace-workspace--youtube-editor:has(.youtube-packet-command-sidebar) {
        grid-template-columns: 1fr;
    }

    .marketplace-workspace--youtube-editor:has(.youtube-packet-command-sidebar) > :not(.youtube-packet-command-sidebar),
    .youtube-packet-command-sidebar {
        grid-column: 1;
    }

    .youtube-packet-command-sidebar {
        position: static;
        grid-row: auto;
        min-height: 0;
    }

    .youtube-command-sidebar {
        position: static;
        min-height: 0;
        border-right: 0;
        border-bottom: 1px solid rgba(156, 163, 175, 0.16);
    }

    .youtube-command-sidebar nav {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .youtube-packet-command-sidebar nav {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .youtube-blueprint-studio__sidebar nav {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .youtube-blueprint-studio__nav-item {
        justify-content: center;
        padding: 0 0.5rem;
        font-size: 0.82rem;
    }

    .youtube-blueprint-studio__nav-item .oi {
        display: none;
    }

    .youtube-intake-workbench,
    .youtube-intake-command-grid,
    .youtube-intake-next-step,
    .youtube-intake-metadata-layout,
    .youtube-intake-permission-row,
    .youtube-mockup-grid,
    .youtube-management-cockpit,
    .youtube-mobile-handoff,
    .youtube-mobile-collab-grid,
    .youtube-mobile-server-state,
    .youtube-mobile-grant-options,
    .youtube-mobile-grant-panel dl,
    .youtube-mobile-redemption,
    .youtube-mobile-redemption__hero,
    .youtube-mobile-redemption__phase-list article,
    .youtube-mobile-redemption__authority,
    .youtube-mobile-redemption__contract,
    .youtube-mobile-redemption__contract dl,
    .youtube-mobile-redemption__actions,
    .youtube-packet-source-summary dl,
    .youtube-packet-source-summary--creator-authored dl,
    .youtube-queue-opportunity__grid,
    .youtube-command-definition-list div,
    .youtube-profile-opportunity-row {
        grid-template-columns: 1fr;
    }

    .youtube-packet-source-summary--creator-authored {
        grid-template-columns: 56px minmax(0, 1fr);
    }

    .youtube-packet-source-summary--creator-authored dl {
        grid-column: 1 / -1;
    }

    .youtube-intake-panel--wide {
        grid-column: auto;
    }

    .youtube-intake-guardrails--rail {
        position: static;
        max-height: none;
        overflow: visible;
    }

    .youtube-intake-metadata-layout dl {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .youtube-management-cockpit__rail {
        order: 2;
    }

    .youtube-proposal-frame--management {
        margin-left: auto;
        margin-right: auto;
    }

    .youtube-mobile-handoff__workspace > header,
    .youtube-mobile-redemption__workspace > header,
    .youtube-mobile-itemdetails article,
    .youtube-mobile-itemdetails dl,
    .youtube-packet-review-shell__header,
    .youtube-packet-task-board > header,
    .youtube-packet-task-table__row,
    .youtube-packet-task-table__row span:first-child,
    .youtube-packet-clip-strip {
        grid-template-columns: 1fr;
    }

    .youtube-packet-itemdetails-preview {
        position: static;
    }

    .youtube-packet-review-shell--creator-authored .youtube-packet-review-shell__actions {
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    .youtube-blueprint-studio__topbar,
    .youtube-management-cockpit__main > header,
    .youtube-packet-preview > header,
    .youtube-itemdetails-board > header,
    .youtube-intake-panel__heading,
    .youtube-command-topbar,
    .youtube-queue-opportunity > header,
    .youtube-profile-opportunities > header,
    .youtube-profile-status-strip {
        display: grid;
        grid-template-columns: 1fr;
    }

    .youtube-blueprint-studio__sidebar nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .youtube-command-sidebar nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .youtube-intake-form-grid,
    .youtube-intake-url-row,
    .youtube-intake-chapter-table__row,
    .youtube-packet-preview__metrics,
    .youtube-management-cockpit__cards,
    .youtube-command-metrics {
        grid-template-columns: 1fr;
    }

    .youtube-itemdetails-card {
        grid-template-columns: 1fr;
    }

    .youtube-proposal-frame__restore {
        display: grid;
    }
}

.marketplace-action-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    min-width: 144px;
    padding: 0 1rem;
    border: 1px solid rgba(96, 165, 250, 0.5);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff;
    font-weight: 800;
    text-decoration: none;
}

.marketplace-action-link:hover,
.marketplace-action-link:focus-visible {
    border-color: rgba(0, 230, 118, 0.62);
    color: #ffffff;
    text-decoration: none;
}

button.marketplace-action-link:disabled,
button.marketplace-action-link:disabled:hover,
button.marketplace-action-link:disabled:focus-visible {
    border-color: rgba(156, 163, 175, 0.18);
    background: rgba(31, 33, 37, 0.72);
    color: #8b93a3;
    cursor: not-allowed;
    opacity: 0.72;
}

.marketplace-action-link--quiet {
    border-color: rgba(156, 163, 175, 0.28);
    background: #232529;
}

.client-mandate-accept-workspace {
    --client-mandate-accept-bg: #071017;
    --client-mandate-accept-surface: #0b141d;
    --client-mandate-accept-surface-strong: #111d29;
    --client-mandate-accept-border: rgba(148, 163, 184, 0.22);
    --client-mandate-accept-blue: #60a5fa;
    --client-mandate-accept-green: #00e676;
    --client-mandate-accept-gold: #ffd700;
}

.client-mandate-accept-hero.marketplace-hero {
    display: grid;
    gap: 1rem;
    padding: 1.2rem;
    border: 1px solid var(--client-mandate-accept-border);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(96, 165, 250, 0.13), rgba(0, 230, 118, 0.04) 48%, rgba(255, 215, 0, 0.06)),
        var(--client-mandate-accept-bg);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}

.client-mandate-accept-hero__topline,
.client-mandate-accept-hero__pills,
.client-mandate-accept-trust-row {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.client-mandate-accept-hero__topline {
    justify-content: space-between;
}

.client-mandate-accept-hero__grid.marketplace-hero__grid {
    align-items: stretch;
    grid-template-columns: minmax(0, 1.4fr) minmax(18rem, 0.6fr);
    gap: 1rem;
}

.client-mandate-accept-hero__copy {
    display: grid;
    align-content: center;
    gap: 0.75rem;
    min-width: 0;
}

.client-mandate-accept-hero__copy h1 {
    max-width: 15ch;
}

.client-mandate-accept-trust-row span {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    padding: 0 0.7rem;
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 999px;
    background: rgba(96, 165, 250, 0.08);
    color: #dbeafe;
    font-size: 0.76rem;
    font-weight: 800;
}

.client-mandate-accept-boundary.marketplace-proof-panel {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 0.85rem;
    min-height: 100%;
    border-color: rgba(96, 165, 250, 0.26);
    background: rgba(13, 24, 36, 0.76);
}

.client-mandate-accept-boundary__mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255, 215, 0, 0.45);
    border-radius: 8px;
    background: rgba(255, 215, 0, 0.12);
    color: var(--client-mandate-accept-gold);
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.04em;
}

.client-mandate-accept-metrics.marketplace-signal-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.client-mandate-accept-metrics > div {
    border-color: rgba(148, 163, 184, 0.18);
    background: rgba(11, 20, 29, 0.9);
}

.client-mandate-accept-review-card,
.client-mandate-response-panel {
    border-color: var(--client-mandate-accept-border);
    background:
        linear-gradient(180deg, rgba(96, 165, 250, 0.055), rgba(0, 0, 0, 0)),
        var(--client-mandate-accept-surface);
}

.client-mandate-accept-review-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(17rem, 0.8fr);
    gap: 0.85rem;
    margin-top: 0.85rem;
}

.client-mandate-accept-scope-panel,
.client-mandate-accept-how-panel {
    display: grid;
    align-content: start;
    gap: 0.75rem;
    min-width: 0;
    padding: 0.85rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background: rgba(7, 16, 23, 0.66);
}

.client-mandate-accept-section-title {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.65rem;
    align-items: start;
}

.client-mandate-accept-section-title > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
    padding: 0 0.35rem;
    border: 1px solid rgba(96, 165, 250, 0.34);
    border-radius: 8px;
    color: var(--client-mandate-accept-blue);
    font-size: 0.72rem;
    font-weight: 900;
}

.client-mandate-accept-section-title strong {
    display: block;
    color: #ffffff;
    font-size: 0.92rem;
}

.client-mandate-accept-section-title small {
    display: block;
    margin-top: 0.15rem;
    color: #b8c3d4;
    line-height: 1.35;
}

.client-mandate-accept-definition-list.marketplace-definition-list {
    gap: 0.55rem;
}

.client-mandate-accept-definition-list.marketplace-definition-list > div {
    padding: 0.7rem;
    border: 1px solid rgba(148, 163, 184, 0.13);
    border-radius: 8px;
    background: rgba(17, 29, 41, 0.72);
}

.client-mandate-accept-how-panel ul {
    display: grid;
    align-content: start;
    gap: 0.55rem;
    margin: 0;
    padding-left: 1.05rem;
    color: #d1d5db;
    font-size: 0.86rem;
    line-height: 1.42;
}

.client-mandate-accept-proof-grid.marketplace-card-grid {
    grid-template-columns: minmax(0, 1fr);
    margin-top: 0.9rem;
}

.client-mandate-accept-proof-card.marketplace-card {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(16rem, 0.85fr);
    align-items: center;
    gap: 0.85rem;
    border-color: rgba(255, 165, 0, 0.24);
    background: rgba(17, 29, 41, 0.72);
}

.client-mandate-accept-proof-card.marketplace-card > .status-pill,
.client-mandate-accept-proof-card.marketplace-card > h2,
.client-mandate-accept-proof-card.marketplace-card > p {
    grid-column: 1;
}

.client-mandate-accept-proof-card.marketplace-card > .marketplace-definition-list {
    grid-column: 2;
    grid-row: 1 / span 3;
    align-self: stretch;
}

.client-mandate-response-options {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
}

.client-mandate-response-options > div {
    display: grid;
    gap: 0.22rem;
    min-height: 104px;
    padding: 0.8rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(12, 18, 23, 0.72);
}

.client-mandate-response-options > div::before {
    content: "";
    width: 30px;
    height: 4px;
    border-radius: 999px;
    background: rgba(156, 163, 175, 0.36);
}

.client-mandate-response-option--accept {
    border-color: rgba(0, 230, 118, 0.3) !important;
}

.client-mandate-response-option--accept::before {
    background: var(--client-mandate-accept-green) !important;
}

.client-mandate-response-option--clarify {
    border-color: rgba(255, 215, 0, 0.28) !important;
}

.client-mandate-response-option--clarify::before {
    background: var(--client-mandate-accept-gold) !important;
}

.client-mandate-response-option--decline {
    border-color: rgba(255, 68, 68, 0.28) !important;
}

.client-mandate-response-option--decline::before {
    background: #ff4444 !important;
}

.client-mandate-response-options strong {
    color: #ffffff;
    font-size: 0.86rem;
}

.client-mandate-response-options span {
    color: #b8c3d4;
    font-size: 0.78rem;
    line-height: 1.3;
}

.client-mandate-response-actions.marketplace-card__actions {
    display: grid;
    grid-template-columns: minmax(12rem, 1.15fr) repeat(2, minmax(9rem, 0.75fr));
}

.client-mandate-response-actions__primary.marketplace-action-link {
    border-color: rgba(0, 230, 118, 0.5);
    background: linear-gradient(135deg, rgba(0, 230, 118, 0.24), rgba(96, 165, 250, 0.14));
}

.client-mandate-response-readback {
    border-color: rgba(96, 165, 250, 0.2);
}

.marketplace-action-link--disabled {
    border-color: rgba(255, 68, 68, 0.42);
    background: rgba(255, 68, 68, 0.1);
    color: #d1d5db;
    cursor: not-allowed;
}

.blueprint-publishing-workspace {
    --blueprint-publishing-accent: #60a5fa;
    max-width: none;
}

.page:has(.blueprint-publishing-workspace) .command-header,
.blueprint-publishing-workspace > .breadcrumb-trail {
    display: none;
}

.main:has(.blueprint-publishing-workspace) {
    padding: 0;
    background: #0b0f12;
}

.blueprint-publish-command-shell {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 0;
    height: 100vh;
    min-height: 100vh;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 0;
    background:
        radial-gradient(circle at 52% 0%, rgba(96, 165, 250, 0.05), transparent 34rem),
        #111214;
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.34);
    overflow: hidden;
}

.blueprint-publish-command-sidebar {
    display: grid;
    grid-template-rows: auto auto auto minmax(0, 1fr);
    gap: 0.78rem;
    padding: 0.72rem 0.62rem;
    border-right: 1px solid rgba(156, 163, 175, 0.14);
    background: #0f1114;
}

.blueprint-publish-command-brand {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 0.64rem;
    align-items: center;
    min-height: 48px;
}

.blueprint-publish-command-brand > svg {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    color: #ffd700;
    filter: drop-shadow(0 10px 20px rgba(255, 215, 0, 0.12));
}

.blueprint-publish-command-brand > svg path {
    fill: none;
    stroke: currentColor;
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.blueprint-publish-command-brand > svg path:first-child {
    stroke-width: 2.7;
}

.blueprint-publish-command-brand strong,
.blueprint-publish-command-brand small {
    display: block;
}

.blueprint-publish-command-brand strong {
    color: #ffffff;
    font-size: 1.08rem;
    line-height: 1.1;
    letter-spacing: 0.05em;
}

.blueprint-publish-command-brand small,
.blueprint-publish-command-blueprint span,
.blueprint-publish-command-blueprint small {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.blueprint-publish-command-nav {
    display: grid;
    align-content: start;
    gap: 0.26rem;
}

.blueprint-publish-command-nav a {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 0.48rem;
    align-items: center;
    min-height: 44px;
    padding: 0 0.62rem;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #d1d5db;
    font-weight: 800;
    text-decoration: none;
}

.blueprint-publish-command-nav a > span {
    display: inline-grid;
    place-items: center;
    width: 20px;
    height: 20px;
    color: #d1d5db;
    font-size: 0.9rem;
    opacity: 0.82;
}

.blueprint-publish-command-nav a:hover,
.blueprint-publish-command-nav a:focus-visible {
    border-color: rgba(96, 165, 250, 0.38);
    color: #ffffff;
    text-decoration: none;
}

.blueprint-publish-command-nav__active {
    border-color: rgba(96, 165, 250, 0.58) !important;
    background: rgba(96, 165, 250, 0.14);
    color: #60a5fa !important;
}

.blueprint-publish-command-nav__active > span {
    color: #60a5fa !important;
}

.blueprint-publish-command-blueprint {
    display: grid;
    gap: 0.45rem;
    padding: 0.65rem;
    border: 1px solid rgba(255, 215, 0, 0.22);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.9);
}

.blueprint-publish-command-blueprint strong {
    color: #ffd700;
    line-height: 1.2;
}

.blueprint-publish-command-blueprint .marketplace-action-link {
    min-width: 0;
    width: 100%;
}

.blueprint-publish-command-profile {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    gap: 0.6rem;
    align-items: center;
    min-height: 64px;
    align-self: end;
    padding-top: 0.65rem;
    border-top: 1px solid rgba(156, 163, 175, 0.14);
}

.blueprint-publish-command-profile__avatar {
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255, 215, 0, 0.24);
    border-radius: 50%;
    background:
        radial-gradient(circle at 50% 34%, rgba(255, 224, 178, 0.96) 0 18%, transparent 19%),
        radial-gradient(circle at 50% 76%, rgba(96, 165, 250, 0.75) 0 30%, transparent 31%),
        rgba(43, 45, 49, 0.92);
}

.blueprint-publish-command-profile strong,
.blueprint-publish-command-profile small {
    display: block;
}

.blueprint-publish-command-profile strong {
    color: #ffffff;
    line-height: 1.15;
}

.blueprint-publish-command-profile small {
    color: #9ca3af;
    font-size: 0.72rem;
}

.blueprint-publish-command-profile > span:last-child {
    color: #9ca3af;
    font-weight: 900;
}

.blueprint-publish-command-main {
    display: grid;
    grid-template-rows: 56px 58px minmax(0, 1fr) 96px;
    gap: 0.5rem;
    min-width: 0;
    max-width: 100%;
    height: 100vh;
    padding: 0 1rem 1rem;
    overflow: hidden;
}

.blueprint-publish-command-main > * {
    min-width: 0;
    max-width: 100%;
}

.blueprint-publish-topbar {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    min-height: 56px;
    margin: 0 -1rem;
    padding: 0 1rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.14);
    background: #0f161d;
}

.blueprint-publish-topbar div,
.blueprint-publish-topbar aside {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    align-items: center;
    min-width: 0;
}

.blueprint-publish-topbar span {
    color: #9ca3af;
    font-size: 0.82rem;
    font-weight: 800;
}

.blueprint-publish-topbar strong {
    color: #ffffff;
    font-weight: 850;
}

.blueprint-publish-topbar h1 {
    margin: 0;
    color: #ffffff;
    font-size: 1.42rem;
    line-height: 1.1;
}

.blueprint-publish-title-select {
    min-height: 44px;
    padding: 0 2rem 0 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.28);
    border-radius: 5px;
    background: rgba(43, 45, 49, 0.72);
    color: #d1d5db;
    font-size: 0.82rem;
    font-weight: 800;
    appearance: none;
    background:
        linear-gradient(45deg, transparent 45%, #9ca3af 46% 55%, transparent 56%) right 0.82rem center / 0.45rem 0.45rem no-repeat,
        rgba(43, 45, 49, 0.72);
}

.blueprint-publish-saved {
    color: #00e676 !important;
}

.blueprint-publish-saved::before {
    content: "✓";
    display: inline-grid;
    place-items: center;
    width: 18px;
    height: 18px;
    margin-right: 0.3rem;
    border: 1px solid rgba(0, 230, 118, 0.8);
    border-radius: 50%;
    font-size: 0.72rem;
}

.blueprint-publish-auto-lens {
    min-height: 44px;
    padding: 0 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.28);
    border-radius: 8px;
    color: #d1d5db;
    font-weight: 850;
    background: rgba(43, 45, 49, 0.72);
    cursor: pointer;
}

.blueprint-publish-auto-lens--active,
.blueprint-publish-auto-lens:hover,
.blueprint-publish-auto-lens:focus-visible {
    border-color: rgba(96, 165, 250, 0.72);
    color: #60a5fa;
}

.blueprint-publish-auto-lens--hidden {
    position: absolute;
    width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    border: 0;
    opacity: 0;
    pointer-events: none;
}

.blueprint-publish-topbar-icon,
.blueprint-publish-avatar {
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(156, 163, 175, 0.25);
    border-radius: 50%;
    color: #d1d5db;
    font-size: 0.8rem;
    font-weight: 900;
}

.blueprint-publish-topbar-icon {
    color: #d1d5db;
}

.blueprint-publish-avatar {
    border-color: rgba(255, 215, 0, 0.22);
    background:
        radial-gradient(circle at 50% 35%, rgba(255, 224, 178, 0.9) 0 18%, transparent 19%),
        radial-gradient(circle at 50% 76%, rgba(96, 165, 250, 0.7) 0 28%, transparent 29%),
        rgba(43, 45, 49, 0.92);
}

.blueprint-publish-topbar__title {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    align-items: center;
}

.blueprint-publish-stepper {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.75rem;
    min-height: 54px;
    padding: 0.2rem 0;
}

.blueprint-publish-step {
    display: grid;
    grid-template-columns: 36px 20px minmax(0, 1fr);
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
    min-height: 50px;
    padding: 0;
    border: 0;
    color: inherit;
    text-align: left;
    background: transparent;
    cursor: pointer;
}

.blueprint-publish-step:disabled {
    cursor: default;
}

.blueprint-publish-step > span {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border: 2px solid rgba(156, 163, 175, 0.34);
    border-radius: 50%;
    color: #ffffff;
    font-weight: 900;
}

.blueprint-publish-step > em {
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(0, 230, 118, 0.76);
    border-radius: 50%;
    color: #00e676;
    font-size: 0.72rem;
    font-style: normal;
    font-weight: 950;
}

.blueprint-publish-step > div {
    grid-column: 3;
}

.blueprint-publish-step > span + div {
    grid-column: 2 / span 2;
}

.blueprint-publish-step:not(:last-child)::after {
    content: "";
    align-self: center;
    height: 2px;
    width: calc(100% - 0.25rem);
    grid-column: 2 / -1;
    margin-top: 0.25rem;
    background: rgba(156, 163, 175, 0.28);
}

.blueprint-publish-step strong,
.blueprint-publish-step small {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.blueprint-publish-step strong {
    color: #ffffff;
    font-size: 0.92rem;
}

.blueprint-publish-step small {
    color: #9ca3af;
    font-size: 0.72rem;
}

.blueprint-publish-step--green > span { border-color: rgba(0, 230, 118, 0.72); color: #00e676; }
.blueprint-publish-step--orange > span { border-color: rgba(255, 165, 0, 0.72); color: #ffa500; }
.blueprint-publish-step--blue > span { border-color: rgba(96, 165, 250, 0.72); color: #60a5fa; }
.blueprint-publish-step--red > span { border-color: rgba(255, 68, 68, 0.72); color: #ff4444; }

.blueprint-publish-step--active > span,
.blueprint-publish-step:hover > span,
.blueprint-publish-step:focus-visible > span {
    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.22);
}

.blueprint-publishing-check {
    border-left: 4px solid var(--blueprint-publishing-accent);
}

.blueprint-publishing-check--green {
    --blueprint-publishing-accent: #00e676;
}

.blueprint-publishing-check--orange {
    --blueprint-publishing-accent: #ffa500;
}

.blueprint-publishing-check--red {
    --blueprint-publishing-accent: #ff4444;
}

.blueprint-publishing-check--gold {
    --blueprint-publishing-accent: #ffd700;
}

.blueprint-publishing-check--blue {
    --blueprint-publishing-accent: #60a5fa;
}

.blueprint-publish-header {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(300px, 0.6fr);
    gap: 1rem;
    align-items: stretch;
    margin-bottom: 1rem;
}

.blueprint-publish-header h1 {
    margin: 0.45rem 0 0;
    color: #ffffff;
    font-size: clamp(1.75rem, 2.4vw, 2.35rem);
    line-height: 1.05;
}

.blueprint-publish-header .marketplace-lead {
    max-width: 62rem;
    font-size: 1rem;
}

.blueprint-publish-header__status,
.blueprint-publish-lens-panel,
.blueprint-publish-preview,
.blueprint-publish-stage-rail,
.blueprint-publish-action-rail,
.blueprint-publish-remediation {
    border: 1px solid rgba(156, 163, 175, 0.22);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.94);
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.22);
}

.blueprint-publish-header__status {
    display: grid;
    gap: 0.45rem;
    align-content: center;
    padding: 1rem;
}

.blueprint-publish-header__status strong,
.blueprint-publish-lens-panel h2,
.blueprint-publish-lens-panel h3,
.blueprint-publish-preview h2,
.blueprint-publish-action-rail strong {
    color: #ffffff;
}

.blueprint-publish-header__status p,
.blueprint-publish-lens-panel p,
.blueprint-publish-preview p,
.blueprint-publish-action-rail small {
    margin: 0;
    color: #9ca3af;
    line-height: 1.45;
}

.blueprint-publish-lens-selector {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.45rem;
    margin: 0;
}

.blueprint-publish-lens {
    min-height: 50px;
    padding: 0.55rem 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.22);
    border-radius: 8px;
    background: #232529;
    color: #f9fafb;
    text-align: left;
    cursor: pointer;
}

.blueprint-publish-lens strong,
.blueprint-publish-lens span {
    display: block;
}

.blueprint-publish-lens span {
    margin-top: 0.18rem;
    color: #9ca3af;
    font-size: 0.72rem;
}

.blueprint-publish-lens:hover,
.blueprint-publish-lens:focus-visible,
.blueprint-publish-lens--active {
    border-color: #60a5fa;
    box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.28);
}

.blueprint-publish-studio-grid {
    display: grid;
    grid-template-columns: minmax(220px, 0.5fr) minmax(0, 1.45fr) minmax(300px, 0.78fr);
    gap: 0.75rem;
    align-items: stretch;
    min-height: 0;
    overflow: hidden;
}

.blueprint-publish-stage-rail {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    align-content: start;
    gap: 0.6rem;
    padding: 0.8rem;
    min-height: 0;
    overflow: hidden;
}

.blueprint-publish-inline-action-message {
    padding: 0.55rem;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.08);
}

.blueprint-publish-checklist-header {
    display: grid;
    gap: 0.45rem;
}

.blueprint-publish-checklist-header > div:first-child {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: center;
}

.blueprint-publish-checklist-header span {
    color: #9ca3af;
    font-size: 0.75rem;
    font-weight: 850;
    text-transform: uppercase;
}

.blueprint-publish-checklist-header strong {
    color: #ffd700;
}

.blueprint-publish-checklist-header > div:last-child {
    height: 4px;
    border-radius: 999px;
    background: rgba(156, 163, 175, 0.25);
    overflow: hidden;
}

.blueprint-publish-checklist-header > div:last-child span {
    display: block;
    width: var(--publish-progress);
    height: 100%;
    background: #ffd700;
}

.blueprint-publish-checklist-group {
    display: grid;
    align-content: start;
    gap: 0.3rem;
    min-height: 0;
    overflow: auto;
}

.blueprint-publish-checkline-group {
    display: grid;
    gap: 0.18rem;
}

.blueprint-publish-checkline-group h3 {
    margin: 0.1rem 0 0;
    color: #9ca3af;
    font-size: 0.64rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.blueprint-publish-checkline {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    gap: 0.35rem;
    align-items: center;
    min-height: 25px;
    padding: 0.14rem 0.32rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(31, 35, 38, 0.62);
}

.blueprint-publish-checkline > span {
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    font-size: 0.68rem;
    border-radius: 50%;
    color: #ffffff;
    font-weight: 900;
    background: #2b2d31;
}

.blueprint-publish-checkline strong,
.blueprint-publish-checkline small {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.blueprint-publish-checkline strong {
    color: #ffffff;
    font-size: 0.68rem;
}

.blueprint-publish-checkline small {
    display: none;
}

.blueprint-publish-checkline--green > span { background: #0b7f45; }
.blueprint-publish-checkline--orange > span { background: #9a6400; }
.blueprint-publish-checkline--red > span { background: #9d2424; }
.blueprint-publish-checkline--gold > span { background: #8a6a00; }
.blueprint-publish-checkline--blue > span { background: #245ea8; }
.blueprint-publish-checkline--gray > span { background: #38404a; }

.blueprint-publish-stage {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: center;
    gap: 0.65rem;
    min-height: 64px;
    padding: 0.65rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: rgba(43, 45, 49, 0.72);
}

.blueprint-publish-stage > span {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    color: #ffffff;
    font-weight: 850;
    background: #2b2d31;
}

.blueprint-publish-stage strong,
.blueprint-publish-stage small {
    display: block;
}

.blueprint-publish-stage small {
    color: #9ca3af;
}

.blueprint-publish-stage--green > span { background: #0b7f45; }
.blueprint-publish-stage--orange > span { background: #9a6400; }
.blueprint-publish-stage--blue > span { background: #245ea8; }
.blueprint-publish-stage--red > span { background: #9d2424; }
.blueprint-publish-stage--gray > span { background: #38404a; }

.blueprint-publish-lens-panel {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0.5rem;
    min-width: 0;
    min-height: 0;
    padding: 0.65rem;
    overflow: hidden;
    overflow-wrap: normal;
}

.blueprint-publish-lens-panel__header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: start;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.14);
}

.blueprint-publish-lens-panel__header .status-pill {
    display: none;
}

.blueprint-publish-lens-panel__header h2 {
    margin: 0.24rem 0 0.12rem;
    font-size: 1.25rem;
    line-height: 1.08;
}

.blueprint-publish-lens-panel__header > strong {
    color: #ffd700;
    white-space: nowrap;
}

.blueprint-publish-check-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.blueprint-publish-check-grid .blueprint-publishing-check,
.blueprint-publish-remediation {
    padding: 0.85rem;
    border-radius: 8px;
    background: rgba(43, 45, 49, 0.78);
}

.blueprint-publish-check-grid .marketplace-action-link,
.blueprint-publish-gate-row .marketplace-action-link,
.blueprint-publish-launch-channel .marketplace-action-link {
    min-height: 44px;
}

.blueprint-publish-preview-editor {
    display: grid;
    gap: 0.65rem;
    margin-top: 0.75rem;
    padding: 0.75rem;
    border: 1px solid rgba(255, 215, 0, 0.22);
    border-radius: 8px;
    background: rgba(25, 27, 30, 0.78);
}

.blueprint-publish-overview-video {
    display: grid;
    gap: 0.8rem;
    padding: 1rem;
    border: 1px solid rgba(96, 165, 250, 0.34);
    border-radius: 12px;
    background: rgba(15, 23, 42, 0.76);
}

.blueprint-publish-overview-video > header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.blueprint-publish-overview-video h4,
.blueprint-publish-overview-video p {
    margin: 0.35rem 0 0;
}

.blueprint-publish-overview-video dl {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.65rem;
    margin: 0;
}

.blueprint-publish-overview-video dl div {
    display: grid;
    gap: 0.2rem;
    padding: 0.65rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background: rgba(2, 6, 23, 0.42);
}

.blueprint-publish-overview-video dt {
    color: #94a3b8;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.blueprint-publish-overview-video dd {
    margin: 0;
    color: #e2e8f0;
    font-weight: 750;
}

@media (max-width: 760px) {
    .blueprint-publish-overview-video > header {
        flex-direction: column;
    }

    .blueprint-publish-overview-video dl {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.blueprint-publish-preview-editor > header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: start;
}

.blueprint-publish-preview-editor h3,
.blueprint-publish-preview-editor h4 {
    margin: 0.2rem 0 0;
    color: #ffffff;
}

.blueprint-publish-preview-editor dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(72px, 1fr));
    gap: 0.4rem;
    margin: 0;
    min-width: 220px;
}

.blueprint-publish-preview-editor dl div {
    display: grid;
    gap: 0.08rem;
    padding: 0.42rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(43, 45, 49, 0.72);
}

.blueprint-publish-preview-editor dt {
    color: #9ca3af;
    font-size: 0.66rem;
    font-weight: 850;
    text-transform: uppercase;
}

.blueprint-publish-preview-editor dd {
    margin: 0;
    color: #ffd700;
    font-size: 1rem;
    font-weight: 900;
}

.blueprint-publish-preview-handoff {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.65rem;
    align-items: start;
    padding: 0.58rem;
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 8px;
    background: rgba(18, 20, 23, 0.72);
}

.blueprint-publish-preview-handoff strong,
.blueprint-publish-preview-handoff small {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
}

.blueprint-publish-preview-handoff strong {
    color: #ffffff;
}

.blueprint-publish-preview-handoff small {
    margin-top: 0.18rem;
    color: #9ca3af;
}

.blueprint-publish-preview-editor__phases,
.blueprint-publish-preview-supplies {
    display: grid;
    gap: 0.55rem;
}

.blueprint-publish-preview-phase {
    display: grid;
    gap: 0.45rem;
    padding: 0.58rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(43, 45, 49, 0.62);
}

.blueprint-publish-preview-phase > header,
.blueprint-publish-preview-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.65rem;
    align-items: center;
}

.blueprint-publish-preview-row {
    min-height: 58px;
    padding: 0.5rem;
    border: 1px solid rgba(156, 163, 175, 0.14);
    border-radius: 8px;
    background: rgba(18, 20, 23, 0.66);
}

.blueprint-publish-preview-row strong,
.blueprint-publish-preview-row small {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
}

.blueprint-publish-preview-row small {
    margin-top: 0.22rem;
    color: #9ca3af;
}

.blueprint-publish-preview-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    gap: 0.35rem;
}

.blueprint-publish-preview-actions .marketplace-action-link {
    min-height: 44px;
    padding-inline: 0.75rem;
}

.blueprint-publish-gate-table {
    display: grid;
    gap: 0.4rem;
}

.blueprint-publish-gate-table__head,
.blueprint-publish-gate-row {
    display: grid;
    grid-template-columns: minmax(110px, 1fr) minmax(82px, 0.54fr) minmax(108px, 0.82fr) minmax(86px, 0.58fr) minmax(96px, 0.72fr);
    gap: 0.55rem;
    align-items: center;
}

.blueprint-publish-gate-row > *,
.blueprint-publish-gate-table__head > * {
    min-width: 0;
    overflow-wrap: break-word;
}

.blueprint-publish-gate-row .marketplace-action-link {
    justify-content: center;
    white-space: normal;
}

.blueprint-publish-gate-table__head {
    min-height: 44px;
    color: #9ca3af;
    font-size: 0.76rem;
    font-weight: 850;
    text-transform: uppercase;
}

.blueprint-publish-gate-row {
    min-height: 58px;
    padding: 0.55rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(43, 45, 49, 0.64);
}

.blueprint-publish-gate-row--red { border-color: rgba(255, 68, 68, 0.42); }
.blueprint-publish-gate-row--orange { border-color: rgba(255, 165, 0, 0.34); }
.blueprint-publish-gate-row--green { border-color: rgba(0, 230, 118, 0.25); }
.blueprint-publish-gate-row--gold { border-color: rgba(255, 215, 0, 0.3); }

.blueprint-publish-remediation {
    margin-top: 0;
    border-color: rgba(255, 68, 68, 0.38);
}

.blueprint-publish-stage-rail .blueprint-publish-remediation {
    padding: 0.65rem;
}

.blueprint-publish-stage-rail .blueprint-publish-remediation h2 {
    margin: 0.35rem 0 0.25rem;
    color: #ffffff;
    font-size: 1rem;
}

.blueprint-publish-stage-rail .blueprint-publish-remediation p {
    color: #9ca3af;
    font-size: 0.82rem;
}

.blueprint-publish-stage-rail .blueprint-publish-remediation .marketplace-card__actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.4rem;
}

.blueprint-publish-revenue-plans,
.blueprint-publish-launch-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 0.5rem;
}

.blueprint-publish-revenue-plans {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: stretch;
}

.blueprint-publish-revenue-plan,
.blueprint-publish-launch-channel {
    display: grid;
    align-content: start;
    gap: 0.28rem;
    min-width: 0;
    min-height: 0;
    padding: 0.58rem 0.5rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: rgba(43, 45, 49, 0.72);
}

.blueprint-publish-revenue-plan--recommended {
    border-color: rgba(255, 215, 0, 0.58);
    box-shadow: 0 0 0 2px rgba(255, 215, 0, 0.16);
}

.blueprint-publish-revenue-plan--recommended .status-pill {
    order: -1;
    justify-self: stretch;
    justify-content: center;
    min-height: 28px;
    border-radius: 3px;
    background: #ffd700;
    color: #111214;
    font-size: 0.64rem;
    line-height: 1;
    text-transform: none;
    white-space: nowrap;
}

.blueprint-publish-revenue-plan--recommended .status-pill::before {
    content: "★";
    margin-right: 0.32rem;
    font-size: 0.68rem;
}

.blueprint-publish-plan-icon {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    margin: 0.08rem auto 0.22rem;
    border: 2px solid rgba(96, 165, 250, 0.72);
    border-radius: 10px;
    color: #60a5fa;
    font-size: 1.55rem;
    font-weight: 950;
    line-height: 1;
    background: transparent;
}

.blueprint-publish-revenue-plan--recommended .blueprint-publish-plan-icon {
    border-color: rgba(255, 215, 0, 0.64);
    color: #ffd700;
    background: transparent;
}

.blueprint-publish-plan-icon--bundle {
    border-color: rgba(167, 139, 250, 0.76);
    color: #a78bfa;
}

.blueprint-publish-plan-icon--continuity {
    border-color: rgba(82, 211, 82, 0.78);
    color: #52d352;
}

.blueprint-publish-plan-icon--consulting {
    border-color: rgba(251, 146, 60, 0.8);
    color: #fb923c;
}

.blueprint-publish-revenue-plan h3 {
    margin: 0;
    font-size: 0.96rem;
    line-height: 1.12;
    text-align: center;
    overflow-wrap: anywhere;
}

.blueprint-publish-revenue-plan > small {
    color: #9ca3af;
    font-size: 0.68rem;
    font-weight: 760;
    text-align: center;
}

.blueprint-publish-revenue-plan > strong {
    display: block;
    margin: 0.24rem 0 0;
    color: #ffd700;
    font-size: 0.88rem;
    line-height: 1.18;
    text-align: center;
    overflow-wrap: anywhere;
}

.blueprint-publish-revenue-plan > em {
    color: #d1d5db;
    font-size: 0.68rem;
    font-style: normal;
    text-align: center;
}

.blueprint-publish-plan-facts,
.blueprint-publish-plan-proof {
    display: grid;
    gap: 0.12rem;
    min-height: 46px;
    margin: 0.34rem 0 0;
    padding: 0.4rem 0.32rem;
    border-top: 1px solid rgba(156, 163, 175, 0.12);
    border-bottom: 1px solid rgba(156, 163, 175, 0.12);
}

.blueprint-publish-plan-proof {
    min-height: 44px;
    margin-top: 0.16rem;
    border-top: 0;
}

.blueprint-publish-plan-facts dt,
.blueprint-publish-plan-proof > span {
    color: #9ca3af;
    font-size: 0.62rem;
    font-weight: 900;
    text-transform: uppercase;
}

.blueprint-publish-plan-facts dd,
.blueprint-publish-plan-proof strong {
    margin: 0;
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 760;
}

.blueprint-publish-plan-effort {
    display: grid;
    gap: 0.18rem;
    padding: 0.18rem 0.32rem 0;
}

.blueprint-publish-plan-effort > span:first-child,
.blueprint-publish-plan-best span {
    color: #9ca3af;
    font-size: 0.62rem;
    font-weight: 850;
    text-transform: uppercase;
}

.blueprint-publish-effort-dots {
    display: flex;
    gap: 0.22rem;
}

.blueprint-publish-effort-dots span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(156, 163, 175, 0.28);
}

.blueprint-publish-effort-dots .blueprint-publish-effort-dot--on {
    background: #ffd700;
}

.blueprint-publish-plan-best {
    display: grid;
    gap: 0.16rem;
    padding: 0.08rem 0.32rem 0.18rem;
}

.blueprint-publish-plan-best strong {
    color: #ffd700;
    font-size: 0.74rem;
    line-height: 1.18;
    text-transform: none;
}

.blueprint-publish-revenue-plan .marketplace-action-link {
    align-self: end;
    min-width: 0;
    width: 100%;
    margin-top: auto;
    padding: 0 0.4rem;
    min-height: 44px;
    font-size: 0.72rem;
    white-space: normal;
}

.blueprint-publish-forecast {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.65rem;
    margin-top: 0.65rem;
}

.blueprint-publish-strategy-strip {
    display: grid;
    grid-template-columns: minmax(150px, 1fr) repeat(4, minmax(110px, 0.9fr));
    gap: 0;
    margin-top: 0.65rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: rgba(17, 18, 20, 0.72);
    overflow: hidden;
}

.blueprint-publish-strategy-strip div {
    display: grid;
    align-content: center;
    min-height: 64px;
    padding: 0.55rem 0.75rem;
    border-left: 1px solid rgba(156, 163, 175, 0.14);
}

.blueprint-publish-strategy-strip div:first-child {
    border-left: 0;
}

.blueprint-publish-strategy-strip span,
.blueprint-publish-strategy-strip small {
    display: block;
    color: #9ca3af;
    font-size: 0.68rem;
    font-weight: 780;
}

.blueprint-publish-strategy-strip strong {
    display: block;
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.1;
}

.blueprint-publish-strategy-strip div:first-child strong,
.blueprint-publish-strategy-strip div:last-child strong {
    color: #ffd700;
}

.blueprint-publish-forecast div,
.blueprint-publish-score-stack div {
    min-height: 72px;
    padding: 0.65rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(17, 18, 20, 0.72);
}

.blueprint-publish-forecast span,
.blueprint-publish-forecast small,
.blueprint-publish-score-stack span {
    display: block;
    color: #9ca3af;
}

.blueprint-publish-forecast strong,
.blueprint-publish-score-stack strong {
    display: block;
    color: #ffffff;
    font-size: 1.25rem;
}

.blueprint-publish-lens-panel .blueprint-publish-forecast div {
    min-height: 50px;
    padding: 0.45rem 0.55rem;
}

.blueprint-publish-lens-panel .blueprint-publish-forecast strong {
    font-size: 1rem;
}

.blueprint-publish-lens-panel .blueprint-publish-forecast span,
.blueprint-publish-lens-panel .blueprint-publish-forecast small {
    font-size: 0.68rem;
}

.blueprint-publish-side-stack {
    display: grid;
    grid-template-rows: auto auto;
    align-content: start;
    gap: 0.48rem;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.blueprint-publish-preview,
.blueprint-publish-forecast-panel {
    display: grid;
    gap: 0.46rem;
    padding: 0.62rem;
    border: 1px solid rgba(156, 163, 175, 0.22);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.94);
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.22);
    min-width: 0;
}

.blueprint-publish-preview {
    min-height: 0;
    overflow: auto;
}

.blueprint-publish-forecast-panel header {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: start;
}

.blueprint-publish-forecast-panel header span {
    color: #9ca3af;
    font-size: 0.75rem;
    font-weight: 850;
    text-transform: uppercase;
}

.blueprint-publish-forecast-panel header em {
    color: #9ca3af;
    font-style: normal;
    font-weight: 650;
    text-transform: none;
}

.blueprint-publish-forecast-panel header strong {
    display: block;
    color: #ffffff;
    font-size: 1.2rem;
}

.blueprint-publish-revenue-mix {
    grid-template-columns: minmax(120px, 0.8fr) minmax(0, 1fr);
    align-items: center;
}

.blueprint-publish-revenue-mix header {
    grid-column: 1 / -1;
}

.blueprint-publish-revenue-donut {
    display: grid;
    place-items: center;
    align-content: center;
    width: 112px;
    aspect-ratio: 1;
    border-radius: 50%;
    background:
        radial-gradient(circle at center, #111214 0 43%, transparent 44%),
        conic-gradient(#60a5fa 0 60%, #8b5cf6 60% 80%, #00e676 80% 95%, #fb923c 95% 100%);
}

.blueprint-publish-revenue-donut strong,
.blueprint-publish-revenue-donut span {
    display: block;
}

.blueprint-publish-revenue-donut strong {
    color: #ffffff;
    font-size: 1rem;
}

.blueprint-publish-revenue-donut span {
    color: #9ca3af;
    font-size: 0.7rem;
    font-weight: 800;
}

.blueprint-publish-revenue-mix-list,
.blueprint-publish-driver-panel dl,
.blueprint-publish-trust-impact dl {
    display: grid;
    gap: 0.2rem;
    margin: 0;
}

.blueprint-publish-revenue-mix-list div,
.blueprint-publish-driver-panel dl div,
.blueprint-publish-trust-impact dl div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.55rem;
    align-items: center;
    min-height: 20px;
}

.blueprint-publish-revenue-mix-list dt,
.blueprint-publish-driver-panel dt,
.blueprint-publish-trust-impact dt {
    color: #d1d5db;
    font-size: 0.72rem;
}

.blueprint-publish-revenue-mix-list dd,
.blueprint-publish-driver-panel dd,
.blueprint-publish-trust-impact dd {
    margin: 0;
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 850;
}

.blueprint-publish-revenue-mix-list dd span {
    margin-left: 0.35rem;
    color: #9ca3af;
    font-size: 0.72rem;
}

.blueprint-publish-revenue-mix .blueprint-publish-forecast {
    grid-column: 1 / -1;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 0;
}

.blueprint-publish-driver-panel {
    grid-template-columns: minmax(0, 1fr) 128px;
    column-gap: 0.55rem;
    align-content: start;
}

.blueprint-publish-driver-panel header {
    grid-column: 1 / -1;
    min-height: 26px;
}

.blueprint-publish-driver-list {
    align-self: start;
    padding: 0.42rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(17, 18, 20, 0.52);
}

.blueprint-publish-driver-list div {
    min-height: 26px;
    padding: 0 0.2rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.1);
}

.blueprint-publish-driver-list div:last-child {
    border-bottom: 0;
}

.blueprint-publish-driver-list dd span {
    display: inline-grid;
    place-items: center;
    min-height: 20px;
    margin-left: 0.32rem;
    padding: 0 0.38rem;
    border: 1px solid rgba(82, 211, 82, 0.34);
    border-radius: 4px;
    background: rgba(82, 211, 82, 0.12);
    color: #52d352;
    font-size: 0.62rem;
    font-weight: 900;
    text-transform: uppercase;
}

.blueprint-publish-risk-card {
    display: grid;
    gap: 0.5rem;
    place-items: center;
    align-content: center;
    min-width: 0;
    padding: 0.56rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(17, 18, 20, 0.52);
}

.blueprint-publish-risk-card > strong {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 850;
    text-align: center;
}

.blueprint-publish-risk-gauge {
    display: grid;
    place-items: center;
    align-content: center;
    width: 108px;
    aspect-ratio: 1;
    border-radius: 50%;
    color: #52d352;
    background:
        radial-gradient(circle at center, #1b1c1e 0 59%, transparent 60%),
        conic-gradient(from 222deg, #52d352 0 67%, rgba(156, 163, 175, 0.22) 67% 83%, transparent 83% 100%);
}

.blueprint-publish-risk-gauge span {
    color: #52d352;
    font-size: 1.54rem;
    font-weight: 950;
}

.blueprint-publish-risk-good {
    color: #52d352 !important;
}

.blueprint-publish-risk-warning {
    color: #ff5d57 !important;
}

.blueprint-publish-risk-details {
    align-self: stretch;
    justify-content: center;
    min-height: 44px;
    min-width: 0;
    width: 100%;
    padding-inline: 0.35rem;
    font-size: 0.66rem;
}

.blueprint-publish-launch-plan {
    align-content: start;
}

.blueprint-publish-launch-plan ol {
    display: grid;
    gap: 0.55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.blueprint-publish-launch-plan li {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    min-height: 44px;
    padding: 0.55rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(17, 18, 20, 0.72);
}

.blueprint-publish-launch-plan li strong {
    color: #ffffff;
}

.blueprint-publish-launch-plan li span {
    color: #00e676;
    font-size: 0.78rem;
    font-weight: 850;
}

.blueprint-publish-forecast--stacked {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 0;
}

.blueprint-publish-cover {
    display: grid;
    place-items: center;
    min-height: 170px;
    border: 1px solid rgba(255, 215, 0, 0.26);
    border-radius: 8px;
    color: #ffd700;
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: 0;
    background:
        linear-gradient(145deg, rgba(255, 215, 0, 0.1), transparent 45%),
        #111214;
}

.blueprint-publish-launch-cockpit {
    display: grid;
    gap: 0.55rem;
    min-height: 0;
}

.blueprint-publish-launch-preview-heading {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: center;
    min-height: 38px;
}

.blueprint-publish-launch-preview-heading > div {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.blueprint-publish-launch-preview-heading strong {
    color: #ffffff;
    font-size: 0.92rem;
    text-transform: uppercase;
}

.blueprint-publish-launch-preview-heading span {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 850;
}

.blueprint-publish-launch-preview-heading > div:last-child {
    gap: 0;
    overflow: hidden;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
}

.blueprint-publish-launch-preview-heading > div:last-child span {
    min-width: 72px;
    padding: 0.45rem 0.65rem;
    text-align: center;
}

.blueprint-publish-launch-preview-heading > div:last-child span:first-child {
    color: #60a5fa;
    background: rgba(96, 165, 250, 0.12);
}

.blueprint-publish-launch-storefront {
    display: grid;
    grid-template-columns: 190px minmax(0, 1fr) 148px;
    gap: 0.75rem;
    align-items: center;
    padding: 0.78rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(17, 18, 20, 0.54);
}

.blueprint-publish-cover--launch {
    min-height: 176px;
}

.blueprint-publish-launch-storefront__copy {
    display: grid;
    gap: 0.26rem;
    min-width: 0;
}

.blueprint-publish-launch-storefront__copy h3 {
    margin: 0;
    color: #ffffff;
    font-size: 1.34rem;
    line-height: 1.1;
}

.blueprint-publish-launch-storefront__copy small {
    color: #ffd700;
    font-weight: 850;
}

.blueprint-publish-launch-storefront__copy p {
    margin: 0.22rem 0;
    color: #d1d5db;
    font-size: 0.8rem;
}

.blueprint-publish-launch-storefront__copy ul {
    display: grid;
    gap: 0.22rem;
    margin: 0.2rem 0 0;
    padding: 0;
    list-style: none;
}

.blueprint-publish-launch-storefront__copy li {
    color: #d1d5db;
    font-size: 0.76rem;
}

.blueprint-publish-launch-storefront__copy li::before {
    content: "✓";
    margin-right: 0.34rem;
    color: #ffd700;
}

.blueprint-publish-launch-price {
    display: grid;
    gap: 0.28rem;
    align-content: start;
    padding: 0.62rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.86);
}

.blueprint-publish-launch-price span,
.blueprint-publish-launch-price small,
.blueprint-publish-launch-price em {
    color: #9ca3af;
    font-size: 0.68rem;
    font-style: normal;
}

.blueprint-publish-launch-price strong {
    color: #ffd700;
    font-size: 1.28rem;
}

.blueprint-publish-launch-price strong small {
    color: #d1d5db;
    font-size: 0.68rem;
}

.blueprint-publish-launch-price button {
    min-height: 44px;
    border: 1px solid rgba(255, 215, 0, 0.66);
    border-radius: 6px;
    background: #ffd700;
    color: #111214;
    font-weight: 900;
}

.blueprint-publish-launch-preview-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.45rem;
}

.blueprint-publish-launch-preview-strip article {
    display: grid;
    gap: 0.24rem;
    min-height: 96px;
    padding: 0.52rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.74);
}

.blueprint-publish-launch-preview-strip article:first-child {
    border-color: rgba(96, 165, 250, 0.66);
    box-shadow: 0 0 0 1px rgba(96, 165, 250, 0.16);
}

.blueprint-publish-launch-preview-strip article span {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    color: #d1d5db;
    background: rgba(96, 165, 250, 0.2);
}

.blueprint-publish-launch-preview-strip article strong {
    color: #ffffff;
    font-size: 0.78rem;
}

.blueprint-publish-launch-preview-strip article small {
    color: #9ca3af;
    font-size: 0.7rem;
}

.blueprint-publish-launch-assets-ready {
    display: grid;
    grid-template-columns: auto repeat(5, minmax(0, 1fr));
    gap: 0.44rem;
    align-items: center;
    padding: 0.62rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(17, 18, 20, 0.64);
}

.blueprint-publish-launch-assets-ready > span {
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 850;
}

.blueprint-publish-launch-assets-ready div {
    min-height: 44px;
    padding: 0.42rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(43, 45, 49, 0.52);
}

.blueprint-publish-launch-assets-ready strong,
.blueprint-publish-launch-assets-ready small {
    display: block;
}

.blueprint-publish-launch-assets-ready strong {
    color: #d1d5db;
    font-size: 0.72rem;
}

.blueprint-publish-launch-assets-ready small {
    color: #00e676;
    font-size: 0.66rem;
}

.blueprint-publish-score-stack {
    display: grid;
    gap: 0.55rem;
}

.blueprint-publish-launch-summary dl {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
    margin: 0;
}

.blueprint-publish-launch-summary dl div {
    padding: 0.55rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(17, 18, 20, 0.64);
}

.blueprint-publish-launch-summary dt,
.blueprint-publish-launch-summary dd {
    margin: 0;
}

.blueprint-publish-launch-summary dt {
    color: #9ca3af;
    font-size: 0.7rem;
}

.blueprint-publish-launch-summary dd {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 900;
}

.blueprint-publish-action-rail {
    position: static;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 12;
    display: grid;
    grid-template-columns: minmax(220px, 0.76fr) minmax(0, 1.28fr) minmax(180px, 0.52fr) minmax(190px, 0.62fr);
    gap: 0.55rem;
    align-items: center;
    min-width: 0;
    max-width: 100%;
    margin-top: 0;
    padding: 0.58rem 0.7rem;
    border-color: rgba(255, 165, 0, 0.28);
    background: rgba(17, 18, 20, 0.98);
    box-shadow: 0 -14px 42px rgba(0, 0, 0, 0.46);
}

.blueprint-publish-action-rail__status {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 0.02rem 0.72rem;
    align-items: center;
}

.blueprint-publish-action-rail__status > *:not(.blueprint-publish-blocked-mark) {
    grid-column: 2;
}

.blueprint-publish-blocked-mark {
    grid-row: 1 / span 4;
    display: inline-grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border: 2px solid rgba(255, 93, 87, 0.84);
    border-radius: 10px 10px 16px 16px;
    color: #ff5d57;
    font-size: 1.7rem;
    font-weight: 950;
    background:
        radial-gradient(circle at center, rgba(255, 93, 87, 0.16), transparent 62%),
        rgba(255, 68, 68, 0.04);
    clip-path: polygon(50% 0, 88% 13%, 82% 72%, 50% 100%, 18% 72%, 12% 13%);
}

.blueprint-publish-action-rail__status strong {
    color: #ff5d57;
    line-height: 1.15;
}

.blueprint-publish-action-rail__status small {
    font-size: 0.74rem;
    line-height: 1.25;
}

.blueprint-publish-action-rail__status small:nth-of-type(n+4) {
    display: none;
}

.blueprint-publish-action-rail dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
    margin: 0;
}

.blueprint-publish-action-rail dt {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.blueprint-publish-action-rail dd {
    margin: 0.15rem 0 0;
    color: #ffffff;
    font-weight: 850;
}

.blueprint-publish-action-rail dl small,
.blueprint-publish-action-rail__actions small {
    display: block;
    margin-top: 0.16rem;
    color: #9ca3af;
    font-size: 0.72rem;
}

.blueprint-publish-action-rail__actions small {
    text-align: center;
}

.blueprint-publish-action-rail__actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.55rem;
}

.blueprint-publish-action-rail__actions .marketplace-action-link {
    min-height: 48px;
    justify-content: center;
}

.blueprint-publish-action-rail__actions .marketplace-action-link--disabled {
    border-color: rgba(60, 130, 246, 0.72);
    background: linear-gradient(180deg, #2164d8, #1346a4);
    color: #ffffff;
    opacity: 1;
}

.blueprint-publish-next-actions {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
    align-items: end;
    min-width: 0;
}

.blueprint-publish-next-actions > span {
    grid-column: 1 / -1;
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.blueprint-publish-next-action {
    display: inline-flex;
    align-items: center;
    justify-content: start;
    min-width: 0;
    min-height: 44px;
    padding: 0 0.65rem;
    border: 0;
    border-left: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 0;
    background: transparent;
    color: #ffd700;
    font-size: 0.68rem;
    font-weight: 850;
    text-align: center;
    text-decoration: none;
}

.blueprint-publish-next-action::before {
    content: "!";
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    margin-right: 0.42rem;
    border: 1px solid rgba(255, 165, 0, 0.75);
    border-radius: 50%;
    color: #ffa500;
    font-size: 0.72rem;
    font-weight: 950;
}

.blueprint-publish-next-action:nth-of-type(3)::before {
    content: "×";
    border-color: rgba(255, 68, 68, 0.75);
    color: #ff4444;
}

.blueprint-publish-next-action--quiet,
.blueprint-publish-next-action:disabled {
    border-color: rgba(156, 163, 175, 0.18);
    background: transparent;
    color: #9ca3af;
}

.blueprint-branding-workspace {
    --blueprint-brand-accent: #60a5fa;
}

.blueprint-branding-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
    gap: 1.5rem;
    align-items: start;
    margin-top: 1.5rem;
}

.blueprint-branding-kit-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1.25rem;
}

.blueprint-branding-kit-card {
    min-height: 164px;
    border: 1px solid rgba(156, 163, 175, 0.24);
    border-radius: 8px;
    background: rgba(31, 32, 35, 0.92);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.65rem;
}

.blueprint-branding-kit-card h2 {
    margin: 0;
    color: #f9fafb;
    font-size: 1rem;
}

.blueprint-branding-kit-card p {
    margin: 0;
    color: #cbd5e1;
    line-height: 1.5;
}

.blueprint-branding-kit-card .marketplace-action-link {
    margin-top: auto;
    min-height: 44px;
}

.creator-brand-kit-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(360px, 0.75fr);
    gap: 1.5rem;
    align-items: start;
    margin-top: 1.5rem;
}

.creator-brand-kit-assets,
.creator-brand-kit-preview {
    border: 1px solid rgba(156, 163, 175, 0.28);
    border-radius: 8px;
    background: rgba(31, 32, 35, 0.92);
    padding: 1.25rem;
}

.creator-brand-kit-tabs,
.creator-brand-kit-preview-tabs {
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: 1.25rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.2);
    color: #9ca3af;
    font-weight: 800;
    margin: -0.25rem -1.25rem 1.25rem;
    padding: 0 1.25rem;
}

.creator-brand-kit-tabs__active {
    color: #60a5fa;
    border-bottom: 3px solid #60a5fa;
    align-self: stretch;
    display: inline-flex;
    align-items: center;
}

.creator-brand-kit-asset-list {
    border: 1px solid rgba(156, 163, 175, 0.24);
    border-radius: 8px;
    overflow: hidden;
    background: #111214;
}

.creator-brand-kit-asset-list__head,
.creator-brand-kit-asset-list article {
    display: grid;
    grid-template-columns: minmax(240px, 1.4fr) minmax(150px, 0.8fr) minmax(120px, 0.6fr) minmax(130px, 0.6fr);
    gap: 1rem;
    align-items: center;
}

.creator-brand-kit-asset-list__head {
    min-height: 44px;
    padding: 0 0.85rem;
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(156, 163, 175, 0.18);
}

.creator-brand-kit-asset-list article {
    min-height: 92px;
    padding: 0.85rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.14);
}

.creator-brand-kit-asset-list article:last-child {
    border-bottom: 0;
}

.creator-brand-kit-asset {
    display: flex;
    gap: 0.8rem;
    align-items: center;
}

.creator-brand-kit-asset strong {
    display: block;
    color: #f9fafb;
}

.creator-brand-kit-asset small {
    display: block;
    color: #9ca3af;
    margin-top: 0.25rem;
}

.creator-brand-kit-thumb {
    width: 92px;
    height: 52px;
    border: 1px solid rgba(156, 163, 175, 0.25);
    border-radius: 8px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--blueprint-brand-accent) 42%, transparent), rgba(17, 18, 20, 0.86)),
        var(--blueprint-brand-banner, none);
    background-size: cover;
    background-position: center;
    flex: 0 0 92px;
}

.creator-brand-kit-phone {
    margin-top: 0;
}

.creator-brand-kit-preview-note {
    color: #9ca3af;
    text-align: center;
    margin: 1rem 0 0;
}

.blueprint-branding-editor,
.blueprint-branding-preview-lab {
    border: 1px solid rgba(156, 163, 175, 0.28);
    border-radius: 8px;
    background: rgba(31, 32, 35, 0.92);
    padding: 1.25rem;
}

.blueprint-branding-mode-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
    margin: 1rem 0 1.25rem;
}

.blueprint-branding-mode {
    min-height: 132px;
    border: 1px solid rgba(156, 163, 175, 0.24);
    border-radius: 8px;
    background: #111214;
    color: #f9fafb;
    padding: 1rem;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    cursor: pointer;
}

.blueprint-branding-mode:hover,
.blueprint-branding-mode:focus-visible,
.blueprint-branding-mode--active {
    border-color: var(--blueprint-brand-accent);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--blueprint-brand-accent) 35%, transparent);
}

.blueprint-branding-mode:disabled {
    cursor: not-allowed;
    opacity: 0.55;
}

.blueprint-branding-mode strong {
    font-size: 1rem;
}

.blueprint-branding-mode small {
    color: #cbd5e1;
    line-height: 1.45;
}

.blueprint-branding-asset-table {
    border: 1px solid rgba(156, 163, 175, 0.24);
    border-radius: 8px;
    overflow: hidden;
    background: #111214;
    margin-bottom: 1.25rem;
}

.blueprint-branding-asset-table__head,
.blueprint-branding-asset-table article {
    display: grid;
    grid-template-columns: minmax(170px, 1.1fr) minmax(170px, 1fr) minmax(120px, 0.55fr);
    gap: 1rem;
    align-items: center;
}

.blueprint-branding-asset-table__head {
    min-height: 44px;
    padding: 0 0.85rem;
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(156, 163, 175, 0.18);
}

.blueprint-branding-asset-table article {
    min-height: 78px;
    padding: 0.85rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.14);
}

.blueprint-branding-asset-table article:last-child {
    border-bottom: 0;
}

.blueprint-branding-asset-table strong {
    color: #f9fafb;
}

.blueprint-branding-asset-table small {
    display: block;
    color: #9ca3af;
    margin-top: 0.25rem;
    line-height: 1.4;
}

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

.blueprint-branding-form .proposal-field--wide,
.blueprint-branding-toggle {
    grid-column: 1 / -1;
}

.blueprint-branding-toggle {
    min-height: 64px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.85rem;
}

.blueprint-branding-toggle input {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    accent-color: var(--blueprint-brand-accent);
}

.blueprint-branding-toggle small {
    display: block;
    color: #9ca3af;
    margin-top: 0.2rem;
}

.blueprint-branding-actions {
    margin-top: 1.25rem;
}

.blueprint-branding-actions .marketplace-action-link {
    min-height: 48px;
}

.blueprint-branding-checklist {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 1.25rem;
}

.blueprint-branding-check {
    min-height: 82px;
    border: 1px solid rgba(156, 163, 175, 0.25);
    border-radius: 8px;
    background: #111214;
    padding: 0.85rem;
}

.blueprint-branding-check span {
    display: block;
    color: #9ca3af;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: 0.4rem;
}

.blueprint-branding-check strong {
    color: #f9fafb;
}

.blueprint-branding-check--green { border-color: rgba(0, 230, 118, 0.45); }
.blueprint-branding-check--blue { border-color: rgba(96, 165, 250, 0.45); }
.blueprint-branding-check--gold { border-color: rgba(255, 215, 0, 0.45); }
.blueprint-branding-check--orange { border-color: rgba(255, 165, 0, 0.45); }
.blueprint-branding-check--red { border-color: rgba(255, 68, 68, 0.45); }

.blueprint-branding-result--blocked {
    border-color: rgba(255, 68, 68, 0.45);
}

.blueprint-branding-preview-lab {
    position: sticky;
    top: 1rem;
}

.blueprint-branding-marketplace-preview {
    border: 1px solid color-mix(in srgb, var(--blueprint-brand-accent) 55%, rgba(156, 163, 175, 0.3));
    border-radius: 8px;
    overflow: hidden;
    background: #111214;
    margin-top: 1rem;
}

.blueprint-branding-preview-banner {
    height: 148px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--blueprint-brand-accent) 34%, transparent), rgba(17, 18, 20, 0.86)),
        var(--blueprint-brand-banner, none);
    background-size: cover;
    background-position: center;
    border-bottom: 3px solid var(--blueprint-brand-accent);
}

.blueprint-branding-marketplace-preview > div:last-child {
    padding: 1rem;
}

.blueprint-branding-marketplace-preview h3 {
    color: #fff;
    margin: 0.65rem 0 0.45rem;
}

.blueprint-branding-marketplace-preview p {
    color: #cbd5e1;
}

.blueprint-branding-phone {
    width: min(100%, 390px);
    margin: 1.25rem auto 0;
    border: 1px solid rgba(156, 163, 175, 0.35);
    border-radius: 28px;
    background: #1b1c1e;
    padding: 1rem;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
}

.blueprint-branding-phone__chrome,
.blueprint-branding-phone__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #f9fafb;
}

.blueprint-branding-phone__chrome {
    font-size: 0.82rem;
    margin-bottom: 0.9rem;
}

.blueprint-branding-phone__header {
    justify-content: flex-start;
    gap: 0.8rem;
    margin-bottom: 0.85rem;
}

.blueprint-branding-phone__header small {
    display: block;
    color: #fbbf24;
    font-size: 0.68rem;
    margin-top: 0.15rem;
    text-transform: uppercase;
}

.blueprint-branding-phone__back {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #2b2d31;
}

.blueprint-branding-phone__banner {
    height: 104px;
    border-radius: 8px;
    overflow: hidden;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--blueprint-brand-accent) 34%, transparent), rgba(17, 18, 20, 0.86)),
        var(--blueprint-brand-banner, none);
    background-size: cover;
    background-position: center;
    border: 1px solid rgba(156, 163, 175, 0.25);
    margin-bottom: 0.85rem;
}

.blueprint-branding-phone__body {
    border: 1px solid rgba(156, 163, 175, 0.28);
    border-radius: 8px;
    padding: 1rem;
    color: #e5e7eb;
}

.blueprint-branding-phone__body h3 {
    color: #fff;
    font-size: 1.35rem;
    margin: 0.65rem 0 0.2rem;
}

.blueprint-branding-phone__body p,
.blueprint-branding-phone__body small {
    color: #d1d5db;
}

.blueprint-branding-phone__metrics,
.blueprint-branding-phone__proof {
    display: grid;
    gap: 0.6rem;
    margin: 0.9rem 0;
}

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

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

.blueprint-branding-phone__metrics div,
.blueprint-branding-phone__proof div {
    border: 1px solid rgba(156, 163, 175, 0.28);
    border-radius: 8px;
    background: #111214;
    padding: 0.75rem;
}

.blueprint-branding-phone__metrics span,
.blueprint-branding-phone__proof span {
    display: block;
    color: #9ca3af;
    font-size: 0.68rem;
    text-transform: uppercase;
    font-weight: 800;
}

.blueprint-branding-phone__metrics strong,
.blueprint-branding-phone__proof strong {
    display: block;
    color: var(--blueprint-brand-accent);
    margin-top: 0.25rem;
}

.blueprint-branding-phone__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin: 0.9rem 0;
}

.blueprint-branding-phone__tags span {
    border-radius: 8px;
    background: #2b2d31;
    color: #f9fafb;
    padding: 0.55rem 0.75rem;
    font-weight: 700;
}

.blueprint-branding-phone__body button {
    width: 100%;
    min-height: 56px;
    border: 0;
    border-radius: 8px;
    background: var(--blueprint-brand-accent);
    color: var(--blueprint-brand-on-accent, #111827);
    text-transform: uppercase;
    font-weight: 800;
    margin: 0.75rem 0;
}

.marketplace-action-link--danger {
    border-color: rgba(255, 68, 68, 0.45);
    background: rgba(255, 68, 68, 0.12);
    color: #fecaca;
}

.admin-branding-review-board {
    position: relative;
    display: grid;
    grid-template-columns: minmax(280px, 0.78fr) minmax(0, 1.22fr) minmax(310px, 0.92fr);
    grid-template-rows: minmax(0, 1fr) 64px;
    gap: 1rem;
    align-items: stretch;
    min-height: 900px;
    margin: 0;
    padding: 0.85rem;
    border: 1px solid rgba(96, 165, 250, 0.2);
    border-radius: 8px;
    background:
        radial-gradient(circle at 72% 0%, rgba(41, 211, 194, 0.12), transparent 32rem),
        linear-gradient(180deg, #101419 0%, #0d1117 100%);
}

.admin-branding-review-queue,
.admin-branding-review-detail,
.admin-branding-safety,
.admin-branding-review-empty {
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 8px;
    background: rgba(14, 18, 24, 0.94);
    padding: 1rem;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.22);
}

.admin-branding-review-queue,
.admin-branding-review-detail,
.admin-branding-safety {
    min-height: 0;
}

.admin-branding-review-queue__item {
    min-height: 66px;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: rgba(22, 28, 36, 0.88);
    padding: 0.62rem 0.7rem;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    gap: 0.35rem;
    margin-top: 0.75rem;
}

.admin-branding-review-queue__item::before {
    content: "";
    grid-row: 1 / span 3;
    width: 46px;
    height: 46px;
    align-self: center;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 8px;
    background:
        linear-gradient(135deg, transparent 0 62%, rgba(96, 165, 250, 0.8) 62% 68%, transparent 68%),
        linear-gradient(135deg, rgba(96, 165, 250, 0.95), rgba(30, 41, 59, 0.82));
    box-shadow: inset 0 0 0 8px rgba(15, 23, 42, 0.62);
}

.admin-branding-review-queue__heading {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: center;
}

.admin-branding-review-queue__heading > div:first-child {
    min-width: 0;
}

.admin-branding-review-queue__heading h2 {
    font-size: 1.45rem;
    line-height: 1.12;
}

.admin-branding-review-queue__heading h2 span {
    display: inline-grid;
    min-width: 34px;
    min-height: 28px;
    margin-left: 0.45rem;
    place-items: center;
    border-radius: 999px;
    background: rgba(96, 165, 250, 0.18);
    color: #bfdbfe;
    font-size: 0.85rem;
}

.admin-branding-review-queue__heading > div:last-child {
    display: flex;
    flex-shrink: 0;
    gap: 0.45rem;
}

.admin-branding-review-queue__tools label {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.22rem;
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 800;
}

.admin-branding-review-queue__tool-label,
.admin-branding-review-queue__tools select {
    grid-column: 1 / -1;
}

.admin-branding-review-queue__tool-icon {
    display: none;
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.admin-branding-review-queue__tools select {
    min-width: 64px;
    min-height: 44px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.64);
    color: #dbeafe;
    font-weight: 800;
    padding: 0 0.75rem;
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
}

.admin-branding-review-queue__item {
    width: 100%;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.admin-branding-review-queue__item:hover {
    border-color: rgba(96, 165, 250, 0.68);
    background: rgba(30, 41, 59, 0.6);
}

.admin-branding-review-queue__item:focus-visible,
.admin-branding-review-queue__tools select:focus-visible,
.admin-branding-review-queue__pager button:focus-visible {
    outline: 3px solid #93c5fd;
    outline-offset: 2px;
}

.admin-branding-review-queue__item--active {
    border-color: #60a5fa;
    background: rgba(30, 41, 59, 0.72);
    box-shadow: inset 3px 0 0 #60a5fa, 0 14px 36px rgba(37, 99, 235, 0.16);
}

.admin-branding-review-queue__pager {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    color: #cbd5e1;
    padding-top: 0.35rem;
}

.admin-branding-review-queue__pager span {
    margin-right: auto;
}

.admin-branding-review-queue__pager button {
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.74);
    color: #dbeafe;
    font-weight: 800;
}

.admin-branding-review-queue__pager button:disabled {
    cursor: not-allowed;
    opacity: 0.42;
}

.admin-branding-review-queue__tools select:disabled {
    cursor: not-allowed;
    opacity: 0.56;
}

@media (max-width: 860px) {
    .admin-branding-review-queue__tools label {
        grid-template-columns: 1rem minmax(0, 1fr);
        align-items: center;
        column-gap: 0.35rem;
    }

    .admin-branding-review-queue__tool-icon {
        display: block;
        grid-column: 1;
        grid-row: 1;
    }

    .admin-branding-review-queue__tool-label {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    .admin-branding-review-queue__tools select {
        grid-column: 2;
        grid-row: 1;
        width: 100%;
    }
}

.admin-branding-review-queue__empty {
    display: grid;
    justify-items: center;
    gap: 0.35rem;
    margin-top: 1rem;
    padding: 1.25rem 0.8rem;
    border: 1px dashed rgba(148, 163, 184, 0.26);
    border-radius: 8px;
    color: #cbd5e1;
    text-align: center;
}

.admin-branding-review-queue__empty svg {
    width: 1.75rem;
    height: 1.75rem;
    fill: none;
    stroke: #93c5fd;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.admin-branding-review-queue__empty small {
    color: #94a3b8;
}

.admin-branding-review-empty {
    grid-column: 2 / -1;
    grid-row: 1 / -1;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 0.65rem;
    min-height: 0;
    padding: 2rem;
    text-align: center;
}

.admin-branding-review-empty > svg {
    width: 3.25rem;
    height: 3.25rem;
    padding: 0.65rem;
    border: 1px solid rgba(74, 222, 128, 0.32);
    border-radius: 999px;
    background: rgba(34, 197, 94, 0.08);
    fill: none;
    stroke: #86efac;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.admin-branding-review-empty h2,
.admin-branding-review-empty p {
    margin: 0;
}

.admin-branding-review-empty h2 {
    color: #f8fafc;
    font-size: clamp(1.35rem, 2vw, 1.9rem);
}

.admin-branding-review-empty > p:not(.reports-eyebrow) {
    max-width: 36rem;
    color: #aeb9c8;
    line-height: 1.55;
}


.admin-branding-review-queue__item strong,
.admin-branding-review-detail h2,
.admin-branding-safety strong {
    color: #f9fafb;
}

.admin-branding-review-queue__item .status-pill {
    grid-column: 2;
    grid-row: 1;
    justify-self: start;
    align-self: start;
    max-width: 100%;
    white-space: nowrap;
}

.admin-branding-review-queue__item strong,
.admin-branding-review-queue__item small {
    grid-column: 2;
}

.admin-branding-review-queue__item strong {
    grid-row: 2;
}

.admin-branding-review-queue__item small {
    grid-row: 3;
}

.admin-branding-review-queue__item small,
.admin-branding-review-detail p,
.admin-branding-safety p {
    color: #cbd5e1;
}

.admin-branding-review-queue__creator span {
    color: #94a3b8;
    font-variant-numeric: tabular-nums;
}

.admin-branding-review-detail__header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.admin-branding-review-detail__header h2 {
    font-size: 1.55rem;
}

.admin-branding-compare {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.admin-branding-compare article {
    border: 1px solid rgba(156, 163, 175, 0.22);
    border-radius: 8px;
    background: #1b1c1e;
    overflow: hidden;
}

.admin-branding-compare h3 {
    color: #f9fafb;
    margin: 0;
    padding: 0.85rem;
    font-size: 1rem;
}

.admin-branding-compare__art {
    min-height: 174px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1rem;
    color: #f9fafb;
    border-block: 1px solid rgba(156, 163, 175, 0.18);
}

.admin-branding-compare__art strong {
    font-size: 1.45rem;
}

.admin-branding-compare__art span {
    color: #9ca3af;
    margin-top: 0.3rem;
}

.admin-branding-compare__art--default {
    background:
        linear-gradient(90deg, rgba(17, 18, 20, 0.08), rgba(17, 18, 20, 0.68)),
        linear-gradient(135deg, rgba(96, 165, 250, 0.46), rgba(17, 18, 20, 0.94));
}

.admin-branding-compare__art--creator {
    background:
        linear-gradient(90deg, rgba(17, 18, 20, 0.04), rgba(17, 18, 20, 0.36)),
        url('/images/branding-mockups/brand-kit-phone-hero.png'),
        linear-gradient(135deg, rgba(41, 211, 194, 0.34), rgba(17, 18, 20, 0.94));
    background-size: cover;
    background-position: center;
}

.admin-branding-compare__art--unavailable {
    align-items: center;
    gap: 0.4rem;
    text-align: center;
    background:
        repeating-linear-gradient(
            -45deg,
            rgba(148, 163, 184, 0.035) 0 12px,
            rgba(148, 163, 184, 0.08) 12px 24px),
        #131820;
}

.admin-branding-compare__art--unavailable svg {
    width: 2rem;
    height: 2rem;
    margin-bottom: 0.25rem;
    fill: none;
    stroke: #94a3b8;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.admin-branding-compare__art--unavailable strong {
    font-size: 1rem;
}

.admin-branding-compare__art--unavailable span {
    max-width: 22rem;
    line-height: 1.45;
}

.admin-branding-compare ul {
    margin: 0;
    padding: 0.85rem 1rem 1rem 1.5rem;
    color: #cbd5e1;
}

.admin-branding-review-notes {
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: rgba(22, 28, 36, 0.78);
    padding: 0.85rem;
}

.admin-branding-review-notes header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.45rem;
}

.admin-branding-review-notes h3 {
    margin: 0;
    color: #f9fafb;
    font-size: 1rem;
}

.admin-branding-review-notes p {
    margin: 0;
}

.admin-branding-reject-confirmation {
    min-height: max-content;
    align-content: start;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.75rem 1rem;
    padding: clamp(1rem, 2vw, 1.5rem);
    border: 1px solid rgba(248, 113, 113, 0.42);
    border-radius: 8px;
    background:
        radial-gradient(circle at 0 0, rgba(248, 113, 113, 0.12), transparent 20rem),
        rgba(34, 18, 22, 0.84);
}

.admin-branding-reject-confirmation > svg {
    width: 2rem;
    height: 2rem;
    margin-top: 0.15rem;
    fill: none;
    stroke: #fca5a5;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.admin-branding-reject-confirmation h3,
.admin-branding-reject-confirmation p {
    margin: 0;
}

.admin-branding-reject-confirmation h3 {
    color: #fff1f2;
    font-size: 1.2rem;
}

.admin-branding-reject-confirmation > div > p:last-child {
    margin-top: 0.45rem;
    color: #d7c2c6;
    line-height: 1.5;
}

.admin-branding-reject-confirmation > label,
.admin-branding-reject-confirmation > textarea,
.admin-branding-reject-confirmation > small,
.admin-branding-reject-confirmation__validation,
.admin-branding-reject-confirmation__actions {
    grid-column: 1 / -1;
}

.admin-branding-reject-confirmation > label {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    color: #f8fafc;
    font-weight: 800;
}

.admin-branding-reject-confirmation > label span,
.admin-branding-reject-confirmation > small {
    color: #aeb9c8;
    font-size: 0.75rem;
    font-weight: 600;
}

.admin-branding-reject-confirmation > textarea {
    width: 100%;
    min-height: 108px;
    resize: vertical;
    border: 1px solid rgba(248, 113, 113, 0.34);
    border-radius: 8px;
    background: rgba(15, 18, 24, 0.9);
    color: #f8fafc;
    padding: 0.75rem;
    font: inherit;
    line-height: 1.45;
}

.admin-branding-reject-confirmation > textarea:focus-visible,
.admin-branding-reject-confirmation__actions button:focus-visible {
    outline: 3px solid #fca5a5;
    outline-offset: 2px;
}

.admin-branding-reject-confirmation__validation {
    min-height: 1.25rem;
    color: #fecaca;
    font-size: 0.78rem;
}

.admin-branding-reject-confirmation__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.admin-branding-reject-confirmation__actions .marketplace-action-link {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.admin-branding-review-actions {
    grid-column: 1 / -1;
    grid-row: 2;
    align-self: stretch;
    margin-top: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.85rem;
    padding-top: 0.35rem;
    border-top: 1px solid rgba(148, 163, 184, 0.16);
}

.admin-branding-review-actions .marketplace-action-link {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
}

.admin-branding-review-actions .marketplace-action-link:first-child:disabled {
    border-color: rgba(148, 163, 184, 0.24);
    background: rgba(51, 65, 85, 0.7);
    color: #94a3b8;
    opacity: 1;
    cursor: not-allowed;
}

.admin-branding-review-actions__icon {
    width: 1.15rem;
    height: 1.15rem;
    flex: 0 0 auto;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.admin-branding-review-actions--recorded {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.75rem;
    min-height: 64px;
    padding: 0.6rem 0.85rem;
    border: 1px solid rgba(0, 230, 118, 0.3);
    border-radius: 8px;
    background: rgba(0, 230, 118, 0.08);
    color: #86efac;
}

.admin-branding-review-actions--recorded > .admin-branding-review-actions__icon {
    width: 1.4rem;
    height: 1.4rem;
}

.admin-branding-review-actions--recorded > div {
    min-width: 0;
    display: grid;
    gap: 0.15rem;
}

.admin-branding-review-actions--recorded strong,
.admin-branding-review-actions--recorded small {
    line-height: 1.25;
}

.admin-branding-review-actions--recorded small {
    color: #b7c4bc;
}

.admin-branding-review-actions--confirming {
    grid-template-columns: auto minmax(0, 1fr) minmax(136px, 0.4fr) minmax(176px, 0.5fr);
    align-items: center;
    gap: 0.75rem;
    min-height: 64px;
    padding: 0.6rem 0.85rem;
    border: 1px solid rgba(248, 113, 113, 0.3);
    border-radius: 8px;
    background: rgba(127, 29, 29, 0.12);
    color: #fecaca;
}

.admin-branding-review-actions--confirming > div {
    min-width: 0;
    display: grid;
    gap: 0.15rem;
}

.admin-branding-review-actions--confirming strong,
.admin-branding-review-actions--confirming small {
    line-height: 1.25;
}

.admin-branding-review-actions--confirming small {
    color: #d7c2c6;
}

.admin-branding-review-actions--confirming .marketplace-action-link {
    min-height: 44px;
}

.admin-workspace--branding-review > .admin-branding-decision-result {
    order: 1;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 0.75rem;
    margin: 0;
    border-color: rgba(0, 230, 118, 0.46);
    background: rgba(11, 20, 18, 0.96);
}

.admin-branding-decision-result__icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-top: 0.1rem;
    fill: none;
    stroke: #86efac;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.admin-branding-decision-result > div {
    min-width: 0;
}

.admin-branding-decision-result h2,
.admin-branding-decision-result p {
    margin: 0;
}

.admin-branding-decision-result h2 {
    margin-top: 0.15rem;
    color: #f0fdf4;
    font-size: 1rem;
    line-height: 1.25;
}

.admin-branding-decision-result div > p:last-child {
    margin-top: 0.25rem;
    color: #b7c4bc;
    font-size: 0.78rem;
    line-height: 1.3;
}

@media (min-width: 861px) {
    .admin-workspace--branding-review > .admin-branding-decision-result {
        position: fixed;
        top: 5.5rem;
        right: 1rem;
        z-index: 20;
        width: min(32rem, calc(100vw - 7rem));
        padding: 0.75rem 0.85rem;
        box-shadow: 0 18px 42px rgba(0, 0, 0, 0.46);
    }
}

.admin-branding-review-actions .marketplace-action-link:first-child {
    border-color: rgba(0, 230, 118, 0.45);
    background: linear-gradient(135deg, rgba(0, 230, 118, 0.78), rgba(16, 185, 129, 0.64));
    color: #f8fafc;
}

.admin-branding-safety article {
    min-height: 74px;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: rgba(22, 28, 36, 0.78);
    padding: 0.75rem;
    display: grid;
    grid-template-columns: minmax(96px, 0.5fr) minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
    margin-top: 0.75rem;
}

.blueprint-branding-publish-readiness {
    border: 1px solid rgba(156, 163, 175, 0.24);
    border-radius: 8px;
    background: #111214;
    padding: 1rem;
    margin-top: 1.25rem;
}

.blueprint-branding-publish-readiness h3 {
    color: #f9fafb;
    margin: 0.15rem 0 1rem;
    font-size: 1rem;
}

.blueprint-branding-publish-readiness__checks {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

@media (max-width: 1100px) {
    .blueprint-branding-layout {
        grid-template-columns: 1fr;
    }

    .creator-brand-kit-layout,
    .admin-branding-review-board {
        grid-template-columns: 1fr;
    }

    .admin-branding-review-empty {
        grid-column: 1;
        grid-row: auto;
        min-height: 20rem;
    }

    .blueprint-branding-kit-grid {
        grid-template-columns: 1fr;
    }

    .blueprint-branding-preview-lab {
        position: static;
    }
}

@media (max-width: 760px) {
    .blueprint-branding-mode-grid,
    .blueprint-branding-form,
    .blueprint-branding-checklist,
    .blueprint-branding-publish-readiness__checks,
    .admin-branding-compare {
        grid-template-columns: 1fr;
    }

    .blueprint-branding-asset-table__head {
        display: none;
    }

    .blueprint-branding-asset-table article,
    .creator-brand-kit-asset-list article,
    .admin-branding-safety article {
        grid-template-columns: 1fr;
        gap: 0.55rem;
    }

    .creator-brand-kit-tabs,
    .creator-brand-kit-preview-tabs {
        overflow-x: auto;
    }

    .creator-brand-kit-asset-list__head {
        display: none;
    }

    .blueprint-branding-phone {
        width: 100%;
        border-radius: 18px;
    }
}

.buyer-library-workspace {
    gap: 1.05rem;
}

.buyer-library-hero {
    padding-top: 0.15rem;
}

.blueprint-command-shell--buyer-library .marketplace-hero {
    border: 0;
    background: transparent;
    padding-bottom: 0;
}

.blueprint-command-shell--buyer-library .marketplace-hero__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.8rem;
}

.blueprint-command-shell--buyer-library .buyer-library-hero__panel,
.blueprint-command-shell--buyer-library .buyer-library-decision-strip,
.blueprint-command-shell--buyer-library .buyer-library-signal-grid,
.blueprint-command-shell--buyer-library .buyer-library-lens {
    display: none;
}

.buyer-library-hero__panel {
    border-color: rgba(0, 230, 118, 0.3);
    background:
        linear-gradient(135deg, rgba(0, 230, 118, 0.08), transparent 54%),
        rgba(43, 45, 49, 0.94);
}

.buyer-library-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 1rem;
}

.buyer-library-decision-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
    max-width: 880px;
    margin-top: 1rem;
}

.buyer-library-decision-strip div {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 0.18rem 0.55rem;
    align-items: center;
    min-height: 78px;
    padding: 0.65rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(96, 165, 250, 0.06), transparent 58%),
        rgba(35, 37, 41, 0.84);
}

.buyer-library-decision-strip .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    grid-row: 1 / span 2;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(96, 165, 250, 0.14);
    color: #60a5fa;
}

.buyer-library-decision-strip strong,
.buyer-library-decision-strip small {
    min-width: 0;
}

.buyer-library-decision-strip strong {
    color: #ffffff;
    font-size: 0.84rem;
    line-height: 1.2;
}

.buyer-library-decision-strip small {
    color: #d1d5db;
    font-size: 0.74rem;
    line-height: 1.28;
}

.buyer-library-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    min-width: 104px;
    padding: 0 0.85rem;
    border: 1px solid rgba(96, 165, 250, 0.36);
    border-radius: 8px;
    background: #232529;
    color: #ffffff;
    font-weight: 850;
    text-decoration: none;
}

.buyer-library-tab:hover,
.buyer-library-tab:focus-visible,
.buyer-library-tab--active {
    border-color: rgba(96, 165, 250, 0.72);
    background: rgba(96, 165, 250, 0.13);
    color: #ffffff;
    outline: none;
}

.buyer-library-signal-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.buyer-library-command-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 330px);
    gap: 1rem;
    align-items: start;
}

.buyer-library-command-grid__main,
.buyer-library-next-rail {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.buyer-library-next-rail {
    position: sticky;
    top: 92px;
}

.buyer-library-next-card {
    display: grid;
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(43, 45, 49, 0.92), rgba(20, 24, 28, 0.96)),
        #2b2d31;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.24);
}

.buyer-library-next-card--checks {
    border-color: rgba(255, 215, 0, 0.26);
}

.buyer-library-next-card h2 {
    margin: 0;
    color: #ffffff;
    font-size: 1.35rem;
    line-height: 1.15;
}

.buyer-library-next-card a,
.buyer-library-next-card div {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 0.12rem 0.75rem;
    align-items: center;
    min-height: 76px;
    padding: 0.65rem 0;
    border-bottom: 1px solid rgba(156, 163, 175, 0.16);
    color: #ffffff;
    text-decoration: none;
}

.buyer-library-next-card a:last-child,
.buyer-library-next-card div:last-child {
    border-bottom: 0;
}

.buyer-library-next-card a:hover,
.buyer-library-next-card a:focus-visible {
    color: #ffffff;
    outline: none;
}

.buyer-library-next-card .oi {
    grid-row: 1 / span 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 1px solid currentColor;
    border-radius: 50%;
    background: rgba(96, 165, 250, 0.14);
    color: #60a5fa;
    font-size: 1.12rem;
}

.buyer-library-next-card a:first-of-type .oi {
    background: rgba(255, 165, 0, 0.14);
    color: #ffa500;
}

.buyer-library-next-card a:nth-of-type(2) .oi,
.buyer-library-next-card--checks div:first-of-type .oi,
.buyer-library-next-card--checks div:nth-of-type(2) .oi {
    background: rgba(0, 230, 118, 0.12);
    color: #00e676;
}

.buyer-library-next-card--checks div:last-of-type .oi {
    background: rgba(255, 215, 0, 0.13);
    color: #ffd700;
}

.buyer-library-next-card strong,
.buyer-library-next-card small {
    min-width: 0;
}

.buyer-library-next-card strong {
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.2;
}

.buyer-library-next-card small {
    color: #d1d5db;
    line-height: 1.35;
}

.buyer-library-lens {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.buyer-library-lens__item {
    display: grid;
    gap: 0.4rem;
    align-content: start;
    min-height: 148px;
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-left: 4px solid currentColor;
    border-radius: 8px;
    background: #232529;
    color: #60a5fa;
}

.buyer-library-lens__item--green { color: #00e676; }
.buyer-library-lens__item--orange { color: #ffa500; }
.buyer-library-lens__item--blue { color: #60a5fa; }
.buyer-library-lens__item--gold { color: #ffd700; }

.buyer-library-lens__item span {
    color: #9ca3af;
    font-size: 0.74rem;
    font-weight: 850;
    text-transform: uppercase;
}

.buyer-library-lens__item strong {
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.25;
}

.buyer-library-lens__item p {
    color: #d1d5db;
    font-size: 0.9rem;
    line-height: 1.45;
}

.buyer-library-board {
    display: grid;
    gap: 0.9rem;
    padding: 1.05rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(43, 45, 49, 0.94), rgba(26, 30, 34, 0.98)),
        #2b2d31;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.24);
}

.buyer-library-board__heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
}

.buyer-library-board__heading h2,
.buyer-library-row h3,
.buyer-library-safe-copy h2 {
    margin: 0;
    color: #ffffff;
}

.buyer-library-board__heading p:not(.marketplace-eyebrow),
.buyer-library-row p {
    margin: 0.25rem 0 0;
    color: #d1d5db;
    line-height: 1.45;
}

.buyer-library-list {
    display: grid;
    gap: 0.75rem;
}

.buyer-library-empty {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.85rem;
    align-items: center;
    padding: 0.9rem;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 8px;
    background: #1b1c1e;
}

.buyer-library-empty h3,
.buyer-library-empty p {
    margin: 0;
}

.buyer-library-empty h3 {
    color: #ffffff;
    font-size: 1.15rem;
    line-height: 1.2;
}

.buyer-library-empty p {
    margin-top: 0.2rem;
    color: #d1d5db;
    line-height: 1.45;
}

.buyer-library-empty__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    justify-content: flex-end;
}

.buyer-library-row {
    display: grid;
    grid-template-columns: 96px minmax(220px, 1fr) minmax(280px, 0.84fr) minmax(140px, auto);
    gap: 0.82rem;
    align-items: stretch;
    min-width: 0;
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background:
        linear-gradient(90deg, rgba(96, 165, 250, 0.06), transparent 45%),
        #1b1c1e;
}

.buyer-library-row--green {
    border-color: rgba(0, 230, 118, 0.35);
}

.buyer-library-row--orange {
    border-color: rgba(255, 165, 0, 0.38);
}

.buyer-library-row--blue {
    border-color: rgba(96, 165, 250, 0.35);
}

.buyer-library-row__visual {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 96px;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background:
        linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
        rgba(96, 165, 250, 0.14);
    background-size: 14px 14px;
}

.buyer-library-row__visual .oi {
    color: #ffffff;
    font-size: 1.9rem;
}

.buyer-library-row__visual--green {
    border-color: rgba(0, 230, 118, 0.36);
    background-color: rgba(0, 230, 118, 0.1);
}

.buyer-library-row__visual--orange {
    border-color: rgba(255, 165, 0, 0.38);
    background-color: rgba(255, 165, 0, 0.12);
}

.buyer-library-row__visual--blue {
    border-color: rgba(96, 165, 250, 0.35);
}

.buyer-library-row__main,
.buyer-library-row__actions {
    display: grid;
    align-content: center;
    gap: 0.55rem;
    min-width: 0;
}

.buyer-library-row__facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(124px, 1fr));
    gap: 0.5rem;
    margin: 0;
}

.buyer-library-row__facts div {
    min-width: 0;
    padding: 0.65rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: #232529;
}

.buyer-library-row__facts dt {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.buyer-library-row__facts dd {
    margin: 0.25rem 0 0;
    color: #ffffff;
    font-weight: 850;
    overflow-wrap: normal;
    word-break: normal;
}

.buyer-library-row__facts small {
    display: block;
    margin-top: 0.32rem;
    color: #9ca3af;
    font-size: 0.78rem;
    line-height: 1.28;
}

.buyer-library-row__actions {
    justify-items: stretch;
    min-width: 128px;
}

.buyer-library-row__actions .marketplace-action-link {
    width: 100%;
}

.buyer-library-safe-copy {
    border-color: rgba(255, 215, 0, 0.28);
}

@media (max-width: 820px) {
    .blueprint-command-shell--buyer-library .marketplace-hero__grid {
        grid-template-columns: 1fr;
    }

    .buyer-library-signal-grid,
    .buyer-library-command-grid,
    .buyer-library-decision-strip,
    .buyer-library-lens,
    .buyer-library-board__heading,
    .buyer-library-empty,
    .buyer-library-row,
    .buyer-library-row__facts {
        grid-template-columns: 1fr;
    }

    .buyer-library-board__heading > .marketplace-action-link,
    .buyer-library-empty__actions,
    .buyer-library-empty__actions .marketplace-action-link,
    .buyer-library-row__actions,
    .buyer-library-row__actions .marketplace-action-link {
        width: 100%;
    }

    .buyer-library-empty__actions {
        justify-content: stretch;
    }

    .buyer-library-next-rail {
        position: static;
    }

    .buyer-library-row__visual {
        min-height: 76px;
    }
}

/* Generated mockup alignment for buyer library, owned blueprint, help report, and access report. */
.blueprint-command-shell--buyer-library,
.blueprint-command-shell--owned-blueprint,
.blueprint-command-shell--buyer-checkout {
    grid-template-columns: 226px minmax(0, 1fr);
    background:
        radial-gradient(circle at 88% 12%, rgba(0, 230, 118, 0.08), transparent 26rem),
        #070b0e;
}

.blueprint-command-shell--buyer-library .blueprint-command-topbar,
.blueprint-command-shell--owned-blueprint .blueprint-command-topbar,
.blueprint-command-shell--buyer-library .breadcrumb-trail,
.blueprint-command-shell--owned-blueprint .breadcrumb-trail,
.blueprint-command-shell--buyer-checkout .breadcrumb-trail {
    display: none;
}

.blueprint-command-shell--buyer-library .blueprint-command-content,
.blueprint-command-shell--owned-blueprint .blueprint-command-content,
.blueprint-command-shell--buyer-checkout .blueprint-command-content {
    padding: 1.15rem 1.25rem 1.2rem;
}

.blueprint-command-shell--buyer-library .marketplace-workspace,
.blueprint-command-shell--owned-blueprint .marketplace-workspace,
.blueprint-command-shell--buyer-checkout .reports-workspace {
    gap: 1rem;
}

.blueprint-command-shell--buyer-library .blueprint-command-brand,
.blueprint-command-shell--owned-blueprint .blueprint-command-brand,
.blueprint-command-shell--buyer-checkout .blueprint-command-brand {
    min-height: 92px;
    padding: 0 1.25rem;
    font-size: 1.03rem;
}

.blueprint-command-shell--buyer-library .blueprint-command-brand__mark,
.blueprint-command-shell--owned-blueprint .blueprint-command-brand__mark {
    border-radius: 10px;
    border-color: rgba(96, 165, 250, 0.8);
    color: #60a5fa;
}

.blueprint-command-shell--owned-blueprint .blueprint-command-brand__mark {
    border-color: rgba(82, 211, 82, 0.8);
    color: #52d352;
}

.blueprint-command-shell--buyer-checkout .blueprint-command-brand__mark {
    border-color: rgba(255, 165, 0, 0.88);
    color: #ffa500;
}

.blueprint-command-shell--buyer-checkout {
    grid-template-rows: minmax(0, 1fr);
}

.blueprint-command-shell--buyer-checkout .blueprint-command-stage {
    min-height: 100vh;
}

.blueprint-command-shell--buyer-checkout .blueprint-command-topbar {
    display: flex;
    min-height: 58px;
    padding: 0.55rem 1.2rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.16);
    background: rgba(7, 11, 14, 0.96);
}

.blueprint-command-shell--buyer-checkout .blueprint-command-title {
    gap: 0.7rem;
}

.blueprint-command-shell--buyer-checkout .blueprint-command-title h1 {
    font-size: 1.05rem;
}

.blueprint-command-shell--buyer-checkout .blueprint-command-title p {
    font-size: 0.72rem;
}

.blueprint-command-shell--buyer-checkout .blueprint-command-topnav {
    gap: 1rem;
}

.blueprint-command-shell--buyer-checkout .blueprint-command-topnav a {
    min-height: 42px;
    padding: 0 0.2rem;
}

.blueprint-command-shell--buyer-library .marketplace-hero {
    margin-bottom: 0;
    padding: 0;
}

.blueprint-command-shell--buyer-library .marketplace-eyebrow {
    display: none;
}

.blueprint-command-shell--buyer-library .marketplace-hero h1 {
    margin: 0;
    font-size: clamp(2.65rem, 4.2vw, 4.2rem);
    line-height: 0.96;
}

.blueprint-command-shell--buyer-library .marketplace-lead {
    display: none;
}

.blueprint-command-shell--buyer-library .buyer-library-tabs {
    margin-top: 1.35rem;
}

.blueprint-command-shell--buyer-library .buyer-library-board {
    min-height: 0;
    padding: 1.35rem;
    border-color: rgba(156, 163, 175, 0.24);
    background: rgba(17, 23, 27, 0.88);
}

.blueprint-command-shell--buyer-library .buyer-library-board__heading {
    display: block;
}

.blueprint-command-shell--buyer-library .buyer-library-board__heading h2 {
    font-size: 1.95rem;
}

.blueprint-command-shell--buyer-library .buyer-library-row {
    grid-template-columns: 90px minmax(215px, 1.15fr) minmax(320px, 0.96fr) 184px;
    min-height: 168px;
    padding: 1rem;
}

.blueprint-command-shell--buyer-library .buyer-library-row__visual {
    min-height: 110px;
    align-self: center;
    background:
        linear-gradient(rgba(255,255,255,0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.08) 1px, transparent 1px),
        rgba(33, 83, 174, 0.6);
    background-size: 16px 16px;
}

.blueprint-command-shell--buyer-library .buyer-library-row__facts div {
    border-radius: 0;
    border-width: 0 0 0 1px;
    background: transparent;
}

.blueprint-command-shell--buyer-library .buyer-library-row__actions .marketplace-action-link {
    min-height: 64px;
}

.blueprint-command-shell--buyer-library .buyer-library-next-card {
    min-height: 0;
    padding: 1.35rem;
}

.blueprint-command-shell--buyer-library .buyer-library-next-card h2 {
    font-size: 1.65rem;
}

.blueprint-command-shell--owned-blueprint .marketplace-hero {
    padding: 0;
}

.owned-blueprint-ready-summary-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    align-items: center;
    justify-content: space-between;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(82, 211, 82, 0.28);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(82, 211, 82, 0.12), transparent 46%),
        #15191d;
}

.owned-blueprint-ready-summary-bar > div,
.owned-blueprint-ready-summary-bar nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.owned-blueprint-ready-summary-bar h1 {
    max-width: none;
    color: #ffffff;
    font-size: 1.28rem;
    line-height: 1.1;
}

.owned-blueprint-ready-summary-bar p {
    color: #d1d5db;
    font-size: 0.86rem;
    line-height: 1.35;
}

.blueprint-command-shell--owned-blueprint .owned-blueprint-ready-hero {
    padding: 1.65rem 2rem 1.1rem;
    background:
        linear-gradient(180deg, rgba(43, 45, 49, 0.9), rgba(21, 24, 28, 0.96)),
        #15191d;
}

.blueprint-command-shell--owned-blueprint .owned-blueprint-ready-hero > .marketplace-eyebrow {
    display: block;
    margin-left: 258px;
    color: #9ca3af;
    font-size: 0.86rem;
}

.blueprint-command-shell--owned-blueprint .owned-blueprint-ready-hero__grid {
    grid-template-columns: minmax(0, 1fr);
}

.blueprint-command-shell--owned-blueprint .owned-blueprint-hero-cluster {
    grid-template-columns: 250px minmax(0, 1fr);
}

.blueprint-command-shell--owned-blueprint .owned-blueprint-copy-card {
    display: none;
}

.blueprint-command-shell--owned-blueprint .owned-blueprint-cover-card {
    width: 250px;
}

.blueprint-command-shell--owned-blueprint .owned-blueprint-ready-hero h1 {
    max-width: 820px;
    font-size: clamp(2.8rem, 4vw, 4.35rem);
    line-height: 0.96;
}

.blueprint-command-shell--owned-blueprint .owned-blueprint-mockup-dashboard {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.36fr);
    gap: 1rem;
    margin-top: 0.75rem;
    min-width: 0;
}

.owned-blueprint-mockup-dashboard__main,
.owned-blueprint-mockup-dashboard__handoff {
    min-width: 0;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(82, 211, 82, 0.12), transparent 36%),
        #1b1c1e;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.26);
}

.owned-blueprint-mockup-dashboard__main {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
}

.owned-blueprint-mockup-dashboard__banner {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr) auto;
    align-items: flex-start;
    gap: 1rem;
    min-height: 0;
    padding: 1.15rem;
    border: 1px solid rgba(82, 211, 82, 0.24);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(96, 165, 250, 0.16), transparent 46%),
        rgba(43, 45, 49, 0.8);
}

.owned-blueprint-ready-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 999px;
    background: rgba(82, 211, 82, 0.18);
    color: #52d352;
    font-size: 1.45rem;
}

.blueprint-command-shell--owned-blueprint .owned-blueprint-mockup-dashboard__banner h1 {
    max-width: 780px;
    margin: 0.45rem 0 0;
    color: #ffffff;
    font-size: 2.25rem;
    line-height: 1.02;
}

.owned-blueprint-mockup-dashboard__banner p {
    max-width: 650px;
    margin: 0.65rem 0 0;
    color: #d1d5db;
    font-size: 1rem;
    line-height: 1.42;
}

.owned-blueprint-mockup-dashboard__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.6rem;
    min-width: 0;
}

.blueprint-command-shell--owned-blueprint .owned-blueprint-mockup-dashboard__banner {
    display: none;
}

.blueprint-command-shell--owned-blueprint .owned-blueprint-mockup-dashboard__actions {
    grid-column: 2;
    justify-content: flex-start;
}

.blueprint-command-shell--owned-blueprint .owned-blueprint-ready-summary-bar h1 {
    max-width: none;
    margin: 0;
    font-size: 1.42rem;
    line-height: 1.05;
}

.blueprint-command-shell--owned-blueprint .owned-blueprint-ready-summary-bar p {
    margin: 0.18rem 0 0;
    font-size: 0.84rem;
}

.owned-blueprint-mockup-dashboard__proof {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.owned-blueprint-mockup-dashboard__proof article {
    display: grid;
    gap: 0.45rem;
    min-width: 0;
    min-height: 150px;
    padding: 0.95rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(35, 37, 41, 0.88);
}

.owned-blueprint-mockup-dashboard__proof .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 999px;
    background: #52d352;
    color: #ffffff;
}

.owned-blueprint-mockup-dashboard__proof small,
.owned-blueprint-mockup-dashboard__handoff small {
    color: #9ca3af;
    font-size: 0.8rem;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: uppercase;
}

.owned-blueprint-mockup-dashboard__proof strong,
.owned-blueprint-mockup-dashboard__handoff strong {
    color: #ffffff;
    font-size: 1.02rem;
    line-height: 1.24;
}

.owned-blueprint-mockup-dashboard__proof p,
.owned-blueprint-mockup-dashboard__handoff p {
    margin: 0;
    color: #d1d5db;
    font-size: 0.92rem;
    line-height: 1.38;
}

.owned-blueprint-mockup-dashboard__proof .owned-blueprint-mockup-dashboard__step {
    margin-top: 0.15rem;
    padding-top: 0.55rem;
    border-top: 1px solid rgba(82, 211, 82, 0.2);
    color: #f8fafc;
    font-size: 0.86rem;
    font-weight: 800;
}

.owned-blueprint-mockup-dashboard__lineage {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 34px minmax(0, 1fr) 34px minmax(0, 1fr);
    gap: 0.55rem;
    align-items: stretch;
}

.owned-blueprint-mockup-dashboard__lineage article,
.owned-blueprint-mockup-dashboard__audit {
    min-width: 0;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(11, 15, 18, 0.52);
}

.owned-blueprint-mockup-dashboard__lineage article {
    display: grid;
    gap: 0.45rem;
    padding: 0.85rem;
}

.owned-blueprint-mockup-dashboard__lineage article > .oi {
    color: #60a5fa;
    font-size: 1.2rem;
}

.owned-blueprint-mockup-dashboard__lineage .owned-blueprint-mockup-dashboard__lineage-active {
    border-color: rgba(82, 211, 82, 0.38);
    background: rgba(82, 211, 82, 0.1);
}

.owned-blueprint-mockup-dashboard__lineage-active > .oi {
    color: #52d352;
}

.owned-blueprint-mockup-dashboard__lineage-arrow {
    align-self: center;
    justify-self: center;
    color: #9ca3af;
}

.owned-blueprint-mockup-dashboard__audit {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.6rem;
    padding: 0.75rem;
}

.owned-blueprint-mockup-dashboard__audit span {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 44px;
    color: #d1d5db;
    font-weight: 800;
}

.owned-blueprint-mockup-dashboard__handoff {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.85rem;
    align-content: start;
    justify-items: center;
    padding: 1rem;
}

.owned-blueprint-mockup-dashboard__handoff > .status-pill {
    grid-column: 1 / -1;
    justify-self: start;
}

.owned-blueprint-mockup-handoff-kicker {
    justify-self: start;
    color: #d1d5db;
    font-weight: 850;
    letter-spacing: 0;
}

.owned-blueprint-mockup-qr {
    position: relative;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: 1fr;
    gap: 0.24rem;
    aspect-ratio: 1;
    width: min(100%, 220px);
    margin-inline: auto;
    padding: 0.7rem;
    border: 10px solid #f8fafc;
    border-radius: 8px;
    background:
        linear-gradient(90deg, #111827 10%, transparent 10% 18%, #111827 18% 25%, transparent 25% 42%, #111827 42% 48%, transparent 48% 66%, #111827 66% 75%, transparent 75%),
        linear-gradient(0deg, transparent 13%, #111827 13% 20%, transparent 20% 34%, #111827 34% 41%, transparent 41% 58%, #111827 58% 67%, transparent 67% 84%, #111827 84%),
        #ffffff;
    box-shadow: 0 22px 44px rgba(0, 0, 0, 0.32);
}

.owned-blueprint-mockup-dashboard__handoff .marketplace-action-link {
    width: 100%;
    justify-self: stretch;
}

.owned-blueprint-mockup-qr span {
    min-width: 0;
    min-height: 0;
    border-radius: 2px;
    background: #111827;
}

.owned-blueprint-mockup-qr__finder {
    position: relative;
    grid-column: span 2;
    grid-row: span 2;
    border: 7px solid #111827;
    background: #ffffff;
}

.owned-blueprint-mockup-qr__finder::after {
    position: absolute;
    inset: 30%;
    border-radius: 2px;
    background: #111827;
    content: "";
}

.owned-blueprint-mockup-qr__brand {
    display: grid;
    place-items: center;
    grid-column: span 2;
    grid-row: span 2;
    border: 4px solid #111827;
    border-radius: 6px;
    background: #ffd54a;
    color: #111827;
    font-size: 0.86rem;
    font-weight: 950;
}

.owned-blueprint-mockup-phone {
    display: grid;
    gap: 0.35rem;
    width: min(100%, 210px);
    min-height: 132px;
    padding: 0.8rem;
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(96, 165, 250, 0.2), rgba(11, 15, 18, 0.78)),
        #111827;
    box-shadow: inset 0 0 0 5px rgba(7, 11, 14, 0.8);
}

.owned-blueprint-mockup-phone span,
.owned-blueprint-mockup-phone small {
    color: #9ca3af;
}

.owned-blueprint-mockup-phone strong {
    color: #ffffff;
    font-size: 0.98rem;
    line-height: 1.15;
}

.blueprint-command-shell--owned-blueprint .owned-blueprint-ready-hero__grid,
.blueprint-command-shell--owned-blueprint .owned-blueprint-ready-path {
    display: none;
}

.blueprint-command-shell--owned-blueprint .owned-blueprint-ready-path {
    min-height: 142px;
    margin-top: 1rem;
    padding: 1.35rem;
}

.blueprint-command-shell--owned-blueprint .owned-blueprint-ready-path .oi {
    width: 36px;
    height: 36px;
    background: #52d352;
    color: #ffffff;
}

.blueprint-command-shell--owned-blueprint .blueprint-preview-layout {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
}

.blueprint-command-shell--owned-blueprint .blueprint-preview-layout > article:nth-child(n+4) {
    display: none;
}

.blueprint-command-shell--owned-blueprint .mockup-owned-lineage,
.blueprint-command-shell--owned-blueprint .owned-blueprint-action-strip,
.blueprint-command-shell--owned-blueprint .marketplace-signal-grid,
.blueprint-command-shell--owned-blueprint .marketplace-journey-rail {
    display: none;
}

.blueprint-command-shell--owned-blueprint .marketplace-card {
    min-height: 228px;
    padding: 1.5rem;
}

@media (min-width: 1500px) {
    .blueprint-command-shell--owned-blueprint .owned-blueprint-mockup-dashboard {
        grid-template-columns: minmax(0, 1fr) minmax(280px, 0.34fr);
    }

    .owned-blueprint-mockup-dashboard__handoff {
        grid-template-columns: 1fr;
        align-content: start;
    }
}

@media (max-width: 980px) {
    .blueprint-command-shell--owned-blueprint .owned-blueprint-mockup-dashboard {
        grid-template-columns: 1fr;
    }

    .owned-blueprint-mockup-dashboard__banner {
        grid-template-columns: 56px minmax(0, 1fr);
    }

    .owned-blueprint-mockup-dashboard__actions {
        grid-column: 1 / -1;
        justify-content: flex-start;
        min-width: 0;
    }

    .owned-blueprint-mockup-dashboard__handoff {
        grid-template-columns: minmax(160px, 220px) minmax(0, 1fr);
        justify-items: start;
    }
}

@media (max-width: 760px) {
    .blueprint-command-shell--owned-blueprint .owned-blueprint-ready-hero {
        padding: 1rem;
    }

    .blueprint-command-shell--owned-blueprint .owned-blueprint-ready-hero > .marketplace-eyebrow {
        margin-left: 0;
    }

    .owned-blueprint-mockup-dashboard__proof {
        grid-template-columns: 1fr;
    }

    .owned-blueprint-mockup-dashboard__banner,
    .owned-blueprint-mockup-dashboard__handoff,
    .owned-blueprint-mockup-dashboard__lineage,
    .owned-blueprint-mockup-dashboard__audit {
        grid-template-columns: 1fr;
    }

    .owned-blueprint-mockup-dashboard__lineage-arrow {
        transform: rotate(90deg);
    }
}

/* Final proposal-hybrid density pass: keep the live WebApp flows, but make the
   first viewport read like the generated command-center mockups. */
@media (min-width: 1100px) {
    .marketplace-workspace:has(.buyer-checkout-mockup-hybrid) {
        max-width: none;
        width: 100%;
    }

    .marketplace-workspace:not(:has(.buyer-checkout-mockup-hybrid)) {
        padding: 0.65rem 0.75rem 1.25rem 186px;
    }

    .marketplace-workspace:not(:has(.buyer-checkout-mockup-hybrid))::before {
        width: 168px;
        padding: 4.15rem 0.8rem 1rem;
        font-size: 14px;
        line-height: 1.78;
    }

    .marketplace-workspace:not(:has(.buyer-checkout-mockup-hybrid)) .marketplace-hero {
        padding: 0.65rem;
    }

    .marketplace-proposal-page {
        gap: 0.5rem;
    }

    .marketplace-proposal-topnav {
        min-height: 42px;
        padding-bottom: 0.5rem;
    }

    .marketplace-proposal-topnav__search,
    .marketplace-proposal-topnav nav a,
    .marketplace-proposal-topnav__icon,
    .marketplace-proposal-topnav__avatar {
        min-height: 34px;
        font-size: 0.68rem;
    }

    .marketplace-proposal-topnav__avatar {
        width: 34px;
    }

    .marketplace-workspace:not(:has(.buyer-checkout-mockup-hybrid)) h1,
    .marketplace-product-title-lockup h1,
    .marketplace-mockup-creator-profile--proposal h1 {
        font-size: clamp(1.65rem, 2.55vw, 2.7rem);
        line-height: 0.98;
    }

    .marketplace-product-detail-hero .marketplace-hero__grid,
    .marketplace-creator-storefront-hero .marketplace-hero__grid {
        grid-template-columns: minmax(0, 1fr) minmax(265px, 318px);
        gap: 0.65rem;
    }

    .marketplace-product-title-lockup {
        grid-template-columns: minmax(0, 1fr) 140px;
        gap: 0.7rem;
    }

    .marketplace-product-emblem {
        min-height: 132px;
        padding: 0.55rem;
    }

    .marketplace-product-emblem img {
        width: min(100%, 100px);
    }

    .marketplace-product-meta-row {
        gap: 0.55rem;
        margin-top: 0.35rem;
        font-size: 0.7rem;
    }

    .marketplace-product-proof-strip {
        margin-top: 0.5rem;
    }

    .marketplace-product-proof-strip article {
        grid-template-columns: 28px minmax(0, 1fr);
        min-height: 58px;
        padding: 0.38rem;
    }

    .marketplace-product-proof-strip .oi {
        width: 28px;
        height: 28px;
        font-size: 0.9rem;
    }

    .marketplace-product-proof-strip strong {
        font-size: 0.68rem;
    }

    .marketplace-product-proof-strip small {
        font-size: 0.58rem;
    }

    .marketplace-product-teaser-steps {
        gap: 0.12rem;
        margin-top: 0.5rem;
    }

    .marketplace-product-teaser-steps h2 {
        font-size: 0.92rem;
    }

    .marketplace-product-teaser-steps p,
    .marketplace-product-teaser-steps__row small {
        font-size: 0.66rem;
    }

    .marketplace-product-teaser-steps__row {
        min-height: 42px;
        padding: 0.36rem 0.5rem;
        grid-template-columns: 32px minmax(0, 1fr) auto;
    }

    .marketplace-product-teaser-steps__row > span {
        width: 26px;
        height: 26px;
        font-size: 0.68rem;
    }

    .marketplace-product-teaser-steps__row strong {
        font-size: 0.72rem;
    }

    .marketplace-product-teaser-steps__row em,
    .marketplace-product-teaser-steps header > span {
        min-height: 28px;
        padding: 0 0.48rem;
        font-size: 0.62rem;
    }

    .marketplace-hero-decision,
    .marketplace-hero-blueprint-path,
    .marketplace-highlight-list {
        display: none;
    }

    .marketplace-product-detail-purchase-card {
        gap: 0.55rem;
        padding: 0.65rem;
    }

    .marketplace-product-detail-purchase-card__price {
        gap: 0.34rem;
        padding: 0.65rem;
    }

    .marketplace-product-detail-purchase-card__price strong {
        font-size: 2rem;
    }

    .marketplace-product-detail-purchase-card__checks,
    .marketplace-product-detail-purchase-card p {
        font-size: 0.7rem;
        line-height: 1.3;
    }

    .marketplace-product-detail-purchase-card h2 {
        font-size: 1.05rem;
    }

    .marketplace-mockup-creator-profile--proposal {
        grid-template-columns: 94px minmax(0, 1fr);
        gap: 0.7rem;
        margin-bottom: 0.35rem;
    }

    .marketplace-mockup-creator-profile--proposal .marketplace-mockup-creator-profile__avatar {
        width: 88px;
        height: 88px;
    }

    .marketplace-mockup-creator-profile--proposal p {
        font-size: 0.76rem;
        line-height: 1.25;
    }

    .marketplace-mockup-creator-profile__badges {
        gap: 0.25rem;
        margin-top: 0.35rem;
    }

    .marketplace-mockup-creator-profile__badges span {
        min-height: 22px;
        padding: 0.2rem 0.38rem;
        font-size: 0.58rem;
    }

    .marketplace-mockup-creator-profile--proposal .marketplace-mockup-creator-profile__metrics {
        margin-top: 0.1rem;
    }

    .marketplace-mockup-creator-profile--proposal .marketplace-mockup-creator-profile__metrics div {
        padding: 0.32rem 0.45rem;
    }

    .marketplace-mockup-creator-profile--proposal .marketplace-mockup-creator-profile__metrics dd {
        font-size: 0.78rem;
    }

    .marketplace-creator-catalog-rack {
        gap: 0.45rem;
        padding: 0.55rem;
    }

    .marketplace-creator-catalog-rack--hero {
        margin-top: 0.45rem;
    }

    .marketplace-creator-catalog-rack__header h2 {
        font-size: 1.05rem;
    }

    .marketplace-creator-catalog-rack__header > span,
    .marketplace-creator-catalog-rack__filters span {
        font-size: 0.58rem;
    }

    .marketplace-creator-catalog-rack__filters span {
        min-height: 24px;
        padding: 0 0.4rem;
    }

    .marketplace-creator-catalog-rack--hero .marketplace-creator-catalog-rack__grid {
        gap: 0.38rem;
    }

    .marketplace-creator-catalog-rack--hero .marketplace-creator-catalog-rack__grid article {
        min-height: 118px;
        padding: 0.42rem;
    }

    .marketplace-creator-catalog-rack--hero .marketplace-creator-catalog-rack__grid article.marketplace-catalog-card {
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 0.3rem;
    }

    .marketplace-creator-catalog-rack--hero .marketplace-catalog-card__icon {
        width: 30px;
        height: 30px;
        font-size: 0.9rem;
    }

    .marketplace-creator-catalog-rack__grid h3 {
        font-size: 0.68rem;
        line-height: 1.08;
    }

    .marketplace-creator-catalog-rack__grid p {
        font-size: 0.58rem;
        line-height: 1.18;
    }

    .marketplace-creator-catalog-rack__grid dl {
        gap: 0.18rem;
    }

    .marketplace-creator-catalog-rack__grid dl div {
        padding: 0.22rem;
    }

    .marketplace-creator-catalog-rack__grid dt,
    .marketplace-creator-catalog-rack__grid dd {
        font-size: 0.5rem;
    }

    .marketplace-creator-catalog-rack__grid article.marketplace-catalog-card .marketplace-action-link {
        min-height: 44px;
        font-size: 0.62rem;
    }

    .marketplace-storefront-right-rail {
        gap: 0.45rem;
    }

    .marketplace-storefront-right-rail .marketplace-proof-panel {
        gap: 0.42rem;
        padding: 0.55rem;
    }

    .marketplace-storefront-right-rail .marketplace-proof-panel h2 {
        font-size: 0.84rem;
    }

    .marketplace-storefront-right-rail .marketplace-proof-panel p,
    .marketplace-storefront-right-rail .marketplace-check-list,
    .marketplace-storefront-right-rail .marketplace-definition-list dd {
        font-size: 0.64rem;
        line-height: 1.22;
    }

    .marketplace-storefront-right-rail .marketplace-action-link {
        min-height: 44px;
    }

    .marketplace-storefront-priority-strip {
        margin-top: 0.5rem;
        min-height: 62px;
        padding: 0.45rem;
    }

    .buyer-checkout-mockup-hybrid {
        gap: 0.42rem;
        padding: 0.45rem 0.65rem;
        width: 100%;
    }

    .buyer-checkout-mockup-hybrid__brand .proposal-hive-mark i {
        border-color: rgba(255, 215, 0, 0.7);
        background: #ffd700;
    }

    .buyer-checkout-mockup-hybrid__topbar {
        min-height: 48px;
    }

    .buyer-checkout-mockup-hybrid__brand {
        grid-template-columns: 34px minmax(0, auto);
    }

    .buyer-checkout-mockup-hybrid__brand .proposal-hive-mark {
        width: 30px;
        height: 30px;
    }

    .buyer-checkout-mockup-hybrid__topbar h1 {
        font-size: clamp(1.25rem, 1.65vw, 1.7rem);
    }

    .buyer-checkout-mockup-hybrid__steps {
        padding: 0.38rem 0.5rem;
    }

    .buyer-checkout-mockup-hybrid__step {
        grid-template-columns: 34px minmax(0, 1fr);
        min-height: 40px;
    }

    .buyer-checkout-mockup-hybrid__step span {
        width: 34px;
        height: 34px;
    }

    .buyer-checkout-mockup-hybrid__step strong,
    .buyer-checkout-mockup-hybrid__step small {
        font-size: 0.68rem;
    }

    .buyer-checkout-mockup-hybrid__grid {
        grid-template-columns: minmax(0, 1.15fr) minmax(310px, 0.62fr);
        gap: 0.55rem;
    }

    .buyer-checkout-mockup-hybrid__main,
    .buyer-checkout-mockup-hybrid__summary {
        gap: 0.45rem;
        padding: 0.62rem;
    }

    .buyer-checkout-mockup-hybrid h2 {
        font-size: 1.3rem;
    }

    .buyer-checkout-selected-blueprint {
        grid-template-columns: 96px minmax(0, 1fr);
        padding: 0.5rem;
    }

    .buyer-checkout-selected-blueprint h3 {
        font-size: 1.15rem;
    }

    .buyer-checkout-selected-blueprint__meta span,
    .buyer-checkout-selected-blueprint p,
    .buyer-checkout-attribution-card p,
    .buyer-checkout-payment-options__item,
    .buyer-checkout-card-fields span,
    .buyer-checkout-mockup-hybrid__summary dl,
    .buyer-checkout-server-confirmation p,
    .buyer-checkout-guarantee small {
        font-size: 0.68rem;
    }

    .buyer-checkout-attribution-card,
    .buyer-checkout-payment-card,
    .buyer-checkout-server-confirmation,
    .buyer-checkout-guarantee {
        gap: 0.34rem;
        padding: 0.48rem 0.6rem;
    }

    .buyer-checkout-payment-options__item,
    .buyer-checkout-card-fields span {
        min-height: 36px;
    }

    .buyer-checkout-summary-total strong {
        font-size: 1.35rem;
    }

    .buyer-checkout-start-button {
        min-height: 44px;
    }

    .buyer-checkout-mockup-hybrid__footer {
        min-height: 48px;
        padding: 0.45rem 0.6rem;
    }

    .blueprint-command-shell--owned-blueprint .owned-blueprint-ready-hero {
        padding: 0.65rem 0.8rem 0.7rem;
    }

    .blueprint-command-shell--owned-blueprint .marketplace-workspace {
        padding: 0;
    }

    .blueprint-command-shell--owned-blueprint .marketplace-workspace::before,
    .blueprint-command-shell--owned-blueprint .marketplace-workspace::after {
        display: none;
    }

    .blueprint-command-shell--owned-blueprint .owned-blueprint-ready-hero > .marketplace-eyebrow {
        display: none;
    }

    .owned-blueprint-ready-summary-bar {
        padding: 0.55rem 0.7rem;
    }

    .owned-blueprint-ready-icon {
        width: 38px;
        height: 38px;
        font-size: 1rem;
    }

    .blueprint-command-shell--owned-blueprint .owned-blueprint-ready-summary-bar h1 {
        font-size: 1.05rem;
    }

    .blueprint-command-shell--owned-blueprint .owned-blueprint-ready-summary-bar p {
        font-size: 0.62rem;
    }

    .blueprint-command-shell--owned-blueprint .owned-blueprint-mockup-dashboard {
        grid-template-columns: minmax(0, 1fr) minmax(230px, 0.33fr);
        gap: 0.55rem;
        margin-top: 0.45rem;
    }

    .owned-blueprint-mockup-dashboard__main,
    .owned-blueprint-mockup-dashboard__handoff {
        box-shadow: none;
    }

    .owned-blueprint-mockup-dashboard__main {
        gap: 0.42rem;
        padding: 0.55rem;
    }

    .owned-blueprint-mockup-dashboard__proof {
        gap: 0.38rem;
    }

    .owned-blueprint-mockup-dashboard__proof article {
        gap: 0.25rem;
        min-height: 110px;
        padding: 0.55rem;
    }

    .owned-blueprint-mockup-dashboard__proof .oi {
        width: 30px;
        height: 30px;
    }

    .owned-blueprint-mockup-dashboard__proof small,
    .owned-blueprint-mockup-dashboard__handoff small {
        font-size: 0.56rem;
    }

    .owned-blueprint-mockup-dashboard__proof strong,
    .owned-blueprint-mockup-dashboard__handoff strong {
        font-size: 0.74rem;
    }

    .owned-blueprint-mockup-dashboard__proof p,
    .owned-blueprint-mockup-dashboard__handoff p {
        font-size: 0.66rem;
        line-height: 1.22;
    }

    .owned-blueprint-mockup-dashboard__proof .owned-blueprint-mockup-dashboard__step {
        padding-top: 0.3rem;
        font-size: 0.58rem;
    }

    .owned-blueprint-mockup-dashboard__lineage {
        grid-template-columns: minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr);
        gap: 0.3rem;
    }

    .owned-blueprint-mockup-dashboard__lineage article {
        gap: 0.25rem;
        padding: 0.5rem;
    }

    .owned-blueprint-mockup-dashboard__lineage article > .oi {
        font-size: 0.9rem;
    }

    .owned-blueprint-mockup-dashboard__audit {
        gap: 0.35rem;
        padding: 0.45rem;
    }

    .owned-blueprint-mockup-dashboard__audit span {
        min-height: 32px;
        font-size: 0.68rem;
    }

    .owned-blueprint-mockup-dashboard__handoff {
        gap: 0.5rem;
        padding: 0.65rem;
    }

    .owned-blueprint-mockup-qr {
        width: min(100%, 150px);
        border-width: 7px;
    }

    .owned-blueprint-mockup-phone {
        min-height: 94px;
        padding: 0.58rem;
    }

    .owned-blueprint-mockup-phone strong {
        font-size: 0.72rem;
    }
}

.owned-blueprint-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    color: #ffffff;
    font-size: 1.15rem;
}

.owned-blueprint-card-icon--blue { background: linear-gradient(135deg, #60a5fa, #3658ff); }
.owned-blueprint-card-icon--gold { background: linear-gradient(135deg, #ffd700, #ff8a00); }
.owned-blueprint-card-icon--yellow { background: linear-gradient(135deg, #ffe082, #c89211); }

.owned-blueprint-card-link {
    align-self: end;
    color: #78aaff;
    font-weight: 850;
    text-decoration: none;
}

.blueprint-command-shell--buyer-checkout .reports-workspace > .breadcrumb-trail,
.blueprint-command-shell--buyer-checkout .reports-hero--compact,
.blueprint-command-shell--buyer-checkout .report-command-detail-strip {
    display: none;
}

.buyer-checkout-mockup-heading {
    grid-column: 1 / -1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: -0.25rem;
}

.buyer-checkout-mockup-heading > div {
    min-width: 0;
}

.blueprint-command-shell--buyer-checkout .buyer-checkout-mockup-heading h1 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.35rem, 1.5vw, 1.65rem);
    line-height: 1.02;
    white-space: nowrap;
}

.buyer-checkout-mockup-heading p {
    max-width: 760px;
    margin: 0.28rem 0 0;
    color: #d1d5db;
    font-size: 0.95rem;
    line-height: 1.35;
}

.buyer-checkout-updated,
.buyer-checkout-report-filters {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    color: #d1d5db;
    font-size: 0.88rem;
}

.buyer-checkout-report-filters span {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 44px;
    padding: 0 0.82rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: rgba(35, 37, 41, 0.86);
    color: #ffffff;
    font-weight: 780;
}

.buyer-checkout-report-filters strong,
.buyer-checkout-report-filters em {
    display: inline-grid;
    min-width: 1.35rem;
    min-height: 1.35rem;
    place-items: center;
    border-radius: 999px;
    background: #2f80ff;
    color: #ffffff;
    font-size: 0.72rem;
    font-style: normal;
    line-height: 1;
}

.buyer-checkout-report-filters em {
    min-width: auto;
    padding: 0.18rem 0.46rem;
    background: rgba(0, 230, 118, 0.18);
    color: #00e676;
}

.buyer-checkout-command-dashboard {
    gap: 0.62rem;
    padding: 0.72rem;
    border-color: rgba(96, 165, 250, 0.28);
    background:
        linear-gradient(180deg, rgba(17, 24, 32, 0.96), rgba(7, 11, 14, 0.98)),
        #070b0e;
}

.buyer-checkout-command-dashboard--orange {
    border-color: rgba(255, 165, 0, 0.34);
}

.buyer-checkout-command-dashboard--blue {
    border-color: rgba(96, 165, 250, 0.34);
}

.buyer-checkout-command-dashboard__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    align-items: stretch;
    padding: 0.4rem 0.25rem 0.2rem;
}

.buyer-checkout-command-dashboard__header > div:first-child {
    display: none;
}

.buyer-checkout-command-dashboard__header h2 {
    margin: 0.35rem 0 0;
    color: #ffffff;
    font-size: clamp(1.65rem, 2.4vw, 2.7rem);
    line-height: 0.98;
}

.buyer-checkout-command-dashboard__header p:not(.reports-eyebrow) {
    max-width: 780px;
    margin: 0.4rem 0 0;
    color: #d1d5db;
    font-size: 0.98rem;
    line-height: 1.45;
}

.buyer-checkout-command-dashboard__meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
    margin: 0;
}

.buyer-checkout-workbench-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    margin: 0;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: rgba(156, 163, 175, 0.16);
}

.buyer-checkout-workbench-strip div {
    display: grid;
    align-content: center;
    min-width: 0;
    min-height: 58px;
    padding: 0.58rem 0.72rem;
    background: rgba(17, 24, 32, 0.96);
}

.buyer-checkout-command-dashboard__meta div,
.buyer-checkout-command-kpi,
.buyer-checkout-command-funnel,
.buyer-checkout-command-queue,
.buyer-checkout-command-actions,
.buyer-checkout-readiness-inspector,
.buyer-checkout-command-heatmap,
.buyer-checkout-command-matrix {
    min-width: 0;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.9);
}

.buyer-checkout-command-dashboard__meta div {
    display: grid;
    align-content: center;
    min-height: 74px;
    padding: 0.7rem;
}

.buyer-checkout-command-dashboard__meta dt,
.buyer-checkout-workbench-strip dt,
.buyer-checkout-command-kpi dt,
.buyer-checkout-command-section-heading span,
.buyer-checkout-command-stage small,
.buyer-checkout-command-funnel__row > span,
.buyer-checkout-command-queue__row span,
.buyer-checkout-command-action em,
.buyer-checkout-readiness-inspector__item span,
.buyer-checkout-handoff-preview span {
    color: #9ca3af;
    font-size: 0.68rem;
    font-weight: 850;
    text-transform: uppercase;
}

.buyer-checkout-command-dashboard__meta dd {
    margin: 0.18rem 0 0;
    color: #ffffff;
    font-size: 0.92rem;
    font-weight: 820;
    line-height: 1.22;
}

.buyer-checkout-workbench-strip dd {
    margin: 0.16rem 0 0;
    color: #ffffff;
    font-size: 0.85rem;
    font-weight: 850;
    line-height: 1.18;
}

.buyer-checkout-command-stage-rail {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.4rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.buyer-checkout-command-stage {
    position: relative;
    display: grid;
    justify-items: center;
    gap: 0.22rem;
    min-width: 0;
    min-height: 96px;
    padding: 0.55rem 0.42rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.92);
    color: #60a5fa;
    text-align: center;
}

.buyer-checkout-command-stage:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 32px;
    right: -0.42rem;
    z-index: 1;
    width: 0.56rem;
    height: 2px;
    background: rgba(156, 163, 175, 0.38);
}

.buyer-checkout-command-stage__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid currentColor;
    border-radius: 50%;
    background: rgba(96, 165, 250, 0.12);
    color: currentColor;
    font-size: 1.02rem;
}

.buyer-checkout-command-stage strong,
.buyer-checkout-command-stage em {
    display: block;
    min-width: 0;
}

.buyer-checkout-command-stage strong {
    color: #ffffff;
    font-size: 1.18rem;
    font-weight: 930;
    line-height: 1;
}

.buyer-checkout-command-stage em {
    color: #d1d5db;
    font-size: 0.7rem;
    font-style: normal;
    line-height: 1.25;
}

.buyer-checkout-command-stage--green,
.buyer-checkout-command-kpi--green,
.buyer-checkout-command-funnel__row--green,
.buyer-checkout-command-queue__row--green,
.buyer-checkout-command-action--green {
    color: #00e676;
}

.buyer-checkout-command-stage--orange,
.buyer-checkout-command-kpi--orange,
.buyer-checkout-command-funnel__row--orange,
.buyer-checkout-command-queue__row--orange,
.buyer-checkout-command-action--orange {
    color: #ffa500;
}

.buyer-checkout-command-stage--red,
.buyer-checkout-command-kpi--red,
.buyer-checkout-command-funnel__row--red,
.buyer-checkout-command-queue__row--red,
.buyer-checkout-command-action--red {
    color: #ff4444;
}

.buyer-checkout-command-stage--blue,
.buyer-checkout-command-kpi--blue,
.buyer-checkout-command-funnel__row--blue,
.buyer-checkout-command-queue__row--blue,
.buyer-checkout-command-action--blue {
    color: #60a5fa;
}

.buyer-checkout-command-stage--gold,
.buyer-checkout-command-kpi--gold,
.buyer-checkout-command-funnel__row--gold,
.buyer-checkout-command-queue__row--gold,
.buyer-checkout-command-action--gold {
    color: #ffd700;
}

.buyer-checkout-command-kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.45rem;
    margin: 0;
}

.buyer-checkout-command-kpi {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 0.12rem 0.55rem;
    align-content: center;
    min-height: 78px;
    padding: 0.58rem;
    border-color: rgba(156, 163, 175, 0.2);
}

.buyer-checkout-command-kpi__icon {
    grid-row: 1 / span 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid currentColor;
    border-radius: 50%;
    background: rgba(96, 165, 250, 0.12);
}

.buyer-checkout-command-dashboard--blue .buyer-checkout-command-kpi {
    position: relative;
    min-height: 112px;
    padding: 0.84rem;
    overflow: hidden;
    border-color: currentColor;
    background:
        linear-gradient(180deg, rgba(96, 165, 250, 0.1), rgba(27, 28, 30, 0.94)),
        rgba(27, 28, 30, 0.94);
}

.buyer-checkout-command-dashboard--blue .buyer-checkout-command-kpi::after {
    content: "";
    position: absolute;
    right: 0.72rem;
    bottom: 0.78rem;
    width: 76px;
    height: 34px;
    border-radius: 4px;
    opacity: 0.92;
    background:
        linear-gradient(to top, currentColor 42%, transparent 42%) 0 100% / 9px 100% no-repeat,
        linear-gradient(to top, currentColor 68%, transparent 68%) 17px 100% / 9px 100% no-repeat,
        linear-gradient(to top, currentColor 55%, transparent 55%) 34px 100% / 9px 100% no-repeat,
        linear-gradient(to top, currentColor 82%, transparent 82%) 51px 100% / 9px 100% no-repeat,
        linear-gradient(to top, currentColor 60%, transparent 60%) 68px 100% / 9px 100% no-repeat;
}

.buyer-checkout-command-kpi dd {
    margin: 0;
    color: #ffffff;
    font-size: 1.35rem;
    font-weight: 930;
    line-height: 1;
}

.buyer-checkout-command-kpi small {
    grid-column: 2;
    color: #d1d5db;
    font-size: 0.7rem;
    line-height: 1.3;
}

.buyer-checkout-command-dashboard__body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(330px, 400px);
    gap: 0.62rem;
    align-items: start;
}

.buyer-checkout-command-funnel,
.buyer-checkout-command-queue,
.buyer-checkout-command-actions,
.buyer-checkout-command-heatmap,
.buyer-checkout-command-matrix {
    display: grid;
    gap: 0.5rem;
    padding: 0.65rem;
}

.blueprint-command-shell--preset-blueprint-vault .buyer-checkout-command-heatmap,
.blueprint-command-shell--preset-blueprint-vault .buyer-checkout-command-matrix,
.blueprint-command-shell--preset-blueprint-vault .buyer-checkout-readiness-inspector,
.blueprint-command-shell--preset-blueprint-vault .buyer-access-report-summary,
.blueprint-command-shell--preset-blueprint-vault .buyer-checkout-access-health {
    display: none;
}

.buyer-checkout-command-section-heading {
    display: grid;
    gap: 0.15rem;
}

.buyer-checkout-command-section-heading h3 {
    margin: 0;
    color: #ffffff;
    font-size: 1.02rem;
    line-height: 1.22;
}

.buyer-checkout-command-funnel__rows,
.buyer-checkout-command-side-stack {
    display: grid;
    gap: 0.45rem;
}

.buyer-checkout-command-dashboard--orange .buyer-checkout-command-actions {
    order: -1;
}

.buyer-checkout-command-dashboard--blue .buyer-checkout-command-stage-rail {
    display: none;
}

.buyer-checkout-command-dashboard--blue .buyer-checkout-command-actions {
    display: grid;
}

.buyer-checkout-command-dashboard--blue .buyer-checkout-command-kpis {
    gap: 0.58rem;
}

.buyer-checkout-command-funnel__rows {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    align-items: stretch;
}

.buyer-checkout-command-funnel__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.35rem;
    align-content: end;
    min-height: 178px;
    padding: 0.7rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-top: 3px solid currentColor;
    border-radius: 8px;
    background: rgba(35, 37, 41, 0.88);
    position: relative;
}

.buyer-checkout-command-funnel__row:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 46%;
    right: -0.52rem;
    z-index: 1;
    width: 0.7rem;
    height: 2px;
    background: currentColor;
    opacity: 0.55;
}

.buyer-checkout-command-funnel__row strong {
    color: #ffffff;
    font-size: 1.35rem;
    line-height: 1;
}

.buyer-checkout-command-funnel__track {
    height: 92px;
    overflow: hidden;
    border-radius: 7px;
    background: rgba(156, 163, 175, 0.16);
}

.buyer-checkout-command-funnel__track span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: currentColor;
}

.buyer-checkout-command-dashboard--orange .buyer-checkout-command-funnel {
    min-height: 410px;
    overflow: hidden;
}

.buyer-checkout-command-dashboard--orange .buyer-checkout-command-funnel__rows {
    position: relative;
    min-height: 242px;
    isolation: isolate;
}

.buyer-checkout-command-dashboard--orange .buyer-checkout-command-funnel__rows::before {
    content: "";
    position: absolute;
    left: 6%;
    right: 6%;
    top: 86px;
    z-index: -1;
    height: 78px;
    border-radius: 999px;
    background:
        linear-gradient(90deg,
            rgba(96, 165, 250, 0.44) 0 20%,
            rgba(124, 92, 255, 0.42) 20% 42%,
            rgba(0, 230, 118, 0.34) 42% 76%,
            rgba(255, 215, 0, 0.38) 76% 100%);
    filter: blur(0.2px);
    opacity: 0.9;
}

.buyer-checkout-command-dashboard--orange .buyer-checkout-command-funnel__rows::after {
    content: "";
    position: absolute;
    left: 14%;
    right: 10%;
    top: 150px;
    z-index: -1;
    height: 62px;
    border-radius: 999px;
    background:
        linear-gradient(90deg,
            rgba(75, 85, 99, 0.48),
            rgba(75, 85, 99, 0.26),
            rgba(255, 68, 68, 0.2));
    transform: skewX(-10deg);
}

.buyer-checkout-command-dashboard--orange .buyer-checkout-command-funnel__row {
    align-content: center;
    min-height: 212px;
    border-top-width: 0;
    background: rgba(17, 19, 22, 0.64);
}

.buyer-checkout-command-dashboard--orange .buyer-checkout-command-funnel__row:not(:last-child)::after {
    top: 50%;
    right: -0.72rem;
    width: 0.92rem;
    height: 3px;
    background: #d1d5db;
    opacity: 0.65;
}

.buyer-checkout-command-dashboard--orange .buyer-checkout-command-funnel__track {
    width: 78px;
    height: 112px;
    align-self: end;
    border-radius: 8px;
    background: rgba(156, 163, 175, 0.18);
}

.buyer-checkout-command-dashboard--orange .buyer-checkout-command-funnel__track span {
    width: 100% !important;
    transform-origin: bottom;
}

.buyer-checkout-command-dashboard--orange .buyer-checkout-command-funnel__row:nth-child(1) .buyer-checkout-command-funnel__track span { height: 100%; }
.buyer-checkout-command-dashboard--orange .buyer-checkout-command-funnel__row:nth-child(2) .buyer-checkout-command-funnel__track span { height: 64%; }
.buyer-checkout-command-dashboard--orange .buyer-checkout-command-funnel__row:nth-child(3) .buyer-checkout-command-funnel__track span { height: 50%; }
.buyer-checkout-command-dashboard--orange .buyer-checkout-command-funnel__row:nth-child(4) .buyer-checkout-command-funnel__track span { height: 43%; }
.buyer-checkout-command-dashboard--orange .buyer-checkout-command-funnel__row:nth-child(5) .buyer-checkout-command-funnel__track span { height: 40%; }
.buyer-checkout-command-dashboard--orange .buyer-checkout-command-funnel__row:nth-child(6) .buyer-checkout-command-funnel__track span { height: 38%; }

.buyer-checkout-command-dashboard--orange .buyer-checkout-command-funnel__row::before {
    content: "Drop-off";
    position: absolute;
    left: 0.7rem;
    right: 0.7rem;
    bottom: 0.55rem;
    min-height: 32px;
    padding: 0.32rem 0.45rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: rgba(7, 11, 14, 0.82);
    color: #d1d5db;
    font-size: 0.68rem;
    font-weight: 820;
    text-align: center;
}

.buyer-checkout-command-dashboard--orange .buyer-checkout-command-funnel__row:nth-child(1)::before {
    content: "100%";
    border-color: rgba(96, 165, 250, 0.3);
}

.buyer-checkout-command-dashboard--orange .buyer-checkout-command-funnel__row:nth-child(2)::before {
    content: "Drop-off pending";
    border-color: rgba(255, 165, 0, 0.34);
}

.buyer-checkout-command-dashboard--orange .buyer-checkout-command-funnel__row:nth-child(3)::before {
    content: "Needs review";
    border-color: rgba(255, 165, 0, 0.34);
}

.buyer-checkout-command-dashboard--orange .buyer-checkout-command-funnel__row:nth-child(4)::before {
    content: "Payment confirmed";
    border-color: rgba(0, 230, 118, 0.34);
}

.buyer-checkout-command-dashboard--orange .buyer-checkout-command-funnel__row:nth-child(5)::before {
    content: "Access ready";
    border-color: rgba(0, 230, 118, 0.34);
}

.buyer-checkout-command-dashboard--orange .buyer-checkout-command-funnel__row:nth-child(6)::before {
    content: "Owned Blueprint";
    border-color: rgba(0, 230, 118, 0.34);
}

.buyer-checkout-command-funnel__row small {
    grid-column: 1 / -1;
    color: #d1d5db;
    font-size: 0.78rem;
    line-height: 1.3;
}

.buyer-checkout-command-funnel__dropoffs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.45rem;
}

.buyer-checkout-command-funnel__dropoff {
    display: grid;
    gap: 0.12rem;
    min-height: 54px;
    padding: 0.52rem;
    border: 1px solid rgba(156, 163, 175, 0.22);
    border-radius: 8px;
    background: rgba(7, 11, 14, 0.72);
    color: #60a5fa;
}

.buyer-checkout-command-funnel__dropoff--orange { color: #ffa500; }
.buyer-checkout-command-funnel__dropoff--red { color: #ff4444; }

.buyer-checkout-command-funnel__dropoff strong {
    color: #ffffff;
    font-size: 1.04rem;
    line-height: 1;
}

.buyer-checkout-command-funnel__dropoff small {
    color: #d1d5db;
    font-size: 0.7rem;
    line-height: 1.22;
}

.buyer-checkout-command-dashboard__footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-height: 58px;
    padding: 0.65rem 0.15rem 0.05rem;
}

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

.buyer-checkout-command-dashboard__footer-actions a {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 44px;
    padding: 0 0.88rem;
    border: 1px solid rgba(156, 163, 175, 0.22);
    border-radius: 8px;
    background: rgba(35, 37, 41, 0.9);
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 850;
    text-decoration: none;
}

.buyer-checkout-command-dashboard__footer-actions a:first-child {
    border-color: rgba(47, 128, 255, 0.58);
    background: #2f80ff;
}

.buyer-checkout-command-dashboard__data-status {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.55rem;
    min-height: 44px;
    color: #9ca3af;
    font-size: 0.76rem;
    font-weight: 760;
    text-align: right;
}

.buyer-checkout-command-dashboard__data-status .oi {
    display: inline-grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border: 1px solid rgba(156, 163, 175, 0.24);
    border-radius: 50%;
    color: #d1d5db;
}

.buyer-checkout-command-queue__empty,
.buyer-checkout-command-queue__row,
.buyer-checkout-command-action,
.buyer-checkout-readiness-inspector__item {
    display: grid;
    min-height: 58px;
    padding: 0.55rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-left: 4px solid currentColor;
    border-radius: 8px;
    background: rgba(35, 37, 41, 0.88);
    color: #60a5fa;
    text-decoration: none;
}

.buyer-checkout-command-queue__empty {
    border-left-color: #ffd700;
    color: #ffd700;
}

.buyer-checkout-command-queue__row {
    gap: 0.14rem;
}

.buyer-checkout-command-queue__row strong,
.buyer-checkout-command-action strong,
.buyer-checkout-command-queue__empty strong,
.buyer-checkout-readiness-inspector__item strong {
    color: #ffffff;
    font-size: 0.92rem;
    line-height: 1.2;
}

.buyer-checkout-command-queue__row small,
.buyer-checkout-command-action small,
.buyer-checkout-command-queue__empty small {
    color: #d1d5db;
    font-size: 0.78rem;
    line-height: 1.32;
}

.buyer-checkout-command-action em {
    color: #9ca3af;
    font-size: 0.76rem;
    font-style: normal;
    font-weight: 850;
}

.buyer-checkout-command-action {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 0.14rem 0.6rem;
    align-items: center;
}

.buyer-checkout-command-action > .oi {
    grid-row: 1 / span 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid currentColor;
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.9);
}

.buyer-checkout-command-dashboard__body--business {
    grid-template-columns: minmax(0, 1fr) minmax(330px, 390px);
}

.buyer-checkout-command-main-stack {
    display: grid;
    gap: 0.62rem;
    min-width: 0;
}

.blueprint-command-shell--preset-support-command .buyer-checkout-command-dashboard {
    display: none;
}

.blueprint-command-shell--preset-blueprint-vault .buyer-access-report-summary,
.blueprint-command-shell--preset-blueprint-vault .buyer-checkout-access-health {
    display: none;
}

.blueprint-command-shell--preset-blueprint-vault .reports-detail-command-footer--buyer-checkout {
    display: none;
}

.buyer-access-flow-mockup {
    display: grid;
    gap: 0.82rem;
    min-height: 0;
    padding: 0.84rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(43, 45, 49, 0.92), rgba(21, 24, 28, 0.96));
}

.buyer-access-flow-mockup__steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.78rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.buyer-access-flow-mockup__step {
    position: relative;
    display: grid;
    gap: 0.32rem;
    align-content: start;
    min-height: 154px;
    padding: 0.72rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.78);
    color: #d1d5db;
}

.buyer-access-flow-mockup__step:not(:last-child)::after {
    content: "→";
    position: absolute;
    top: 40%;
    right: -0.85rem;
    color: #9ca3af;
    font-size: 1.5rem;
    font-weight: 900;
}

.buyer-access-flow-mockup__step > .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid currentColor;
    border-radius: 50%;
    font-size: 1.28rem;
}

.buyer-access-flow-mockup__step small {
    position: absolute;
    top: 3.32rem;
    left: 1.9rem;
    display: inline-grid;
    place-items: center;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background: currentColor;
    color: #070b0e;
    font-size: 0.76rem;
    font-weight: 950;
}

.buyer-access-flow-mockup__step strong {
    margin-top: 0.45rem;
    color: #ffffff;
    font-size: 0.9rem;
}

.buyer-access-flow-mockup__step em {
    color: currentColor;
    font-size: 1.56rem;
    font-style: normal;
    font-weight: 950;
    line-height: 1;
}

.buyer-access-flow-mockup__step p {
    margin: 0;
    color: #d1d5db;
    font-size: 0.76rem;
    line-height: 1.26;
}

.buyer-access-flow-mockup__step--blue { color: #60a5fa; }
.buyer-access-flow-mockup__step--green { color: #52d352; }
.buyer-access-flow-mockup__step--gold { color: #ffd85a; }

.buyer-checkout-command-heatmap__grid {
    display: grid;
    grid-template-columns: minmax(180px, 0.8fr) repeat(5, minmax(74px, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid rgba(156, 163, 175, 0.14);
    border-radius: 8px;
    background: rgba(156, 163, 175, 0.14);
}

.buyer-checkout-command-heatmap__grid > strong,
.buyer-checkout-command-heatmap__label,
.buyer-checkout-command-heatmap__cell {
    min-height: 38px;
    padding: 0.45rem 0.5rem;
    background: rgba(27, 28, 30, 0.95);
    color: #d1d5db;
    font-size: 0.72rem;
    font-style: normal;
    font-weight: 760;
}

.buyer-checkout-command-heatmap__grid > strong {
    color: #ffffff;
    text-align: center;
}

.buyer-checkout-command-heatmap__label {
    display: flex;
    gap: 0.42rem;
    align-items: center;
    color: #60a5fa;
}

.buyer-checkout-command-heatmap__cell {
    display: grid;
    place-items: center;
    background: rgba(96, 165, 250, 0.18);
    color: #ffffff;
}

.buyer-checkout-command-heatmap__label--green,
.buyer-checkout-command-heatmap__cell--green { color: #00e676; background-color: rgba(0, 230, 118, 0.15); }
.buyer-checkout-command-heatmap__label--orange,
.buyer-checkout-command-heatmap__cell--orange { color: #ffa500; background-color: rgba(255, 165, 0, 0.16); }
.buyer-checkout-command-heatmap__label--red,
.buyer-checkout-command-heatmap__cell--red { color: #ff4444; background-color: rgba(255, 68, 68, 0.18); }
.buyer-checkout-command-heatmap__label--gold,
.buyer-checkout-command-heatmap__cell--gold { color: #ffd700; background-color: rgba(255, 215, 0, 0.16); }

.buyer-checkout-command-matrix {
    margin-top: 0.62rem;
}

.buyer-checkout-command-matrix__grid {
    display: grid;
    grid-template-columns: minmax(100px, 0.8fr) minmax(90px, 0.65fr) minmax(150px, 1fr) minmax(120px, 0.8fr) minmax(110px, 0.7fr) minmax(140px, 0.8fr);
    gap: 1px;
    overflow: hidden;
    border: 1px solid rgba(156, 163, 175, 0.14);
    border-radius: 8px;
    background: rgba(156, 163, 175, 0.14);
}

.buyer-checkout-command-matrix__grid > * {
    min-height: 38px;
    padding: 0.5rem 0.6rem;
    background: rgba(27, 28, 30, 0.94);
    color: #d1d5db;
    font-size: 0.74rem;
    font-style: normal;
}

.buyer-checkout-command-matrix__grid > span[role="columnheader"] {
    color: #9ca3af;
    font-size: 0.68rem;
    font-weight: 850;
    text-transform: uppercase;
}

.buyer-checkout-command-matrix__grid strong {
    color: #ffffff;
}

.buyer-checkout-command-matrix__grid a {
    color: #78aaff;
    font-weight: 820;
    text-decoration: none;
}

.buyer-checkout-command-matrix__state {
    color: #ffa500;
    font-weight: 860;
}

.buyer-checkout-command-matrix__state--green { color: #00e676; }
.buyer-checkout-command-matrix__state--red { color: #ff4444; }

.buyer-checkout-readiness-inspector {
    display: grid;
    gap: 0.5rem;
    padding: 0.65rem;
}

.buyer-checkout-readiness-inspector ol {
    display: grid;
    gap: 0.42rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.buyer-checkout-readiness-inspector__item {
    min-height: 50px;
    color: #60a5fa;
}

.buyer-checkout-readiness-inspector__item--green { color: #00e676; }
.buyer-checkout-readiness-inspector__item--orange { color: #ffa500; }
.buyer-checkout-readiness-inspector__item--red { color: #ff4444; }
.buyer-checkout-readiness-inspector__item--blue { color: #60a5fa; }

.buyer-checkout-handoff-preview {
    display: grid;
    grid-template-columns: minmax(160px, 0.7fr) repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    margin-top: 0.62rem;
}

.buyer-checkout-handoff-preview > div {
    display: grid;
    align-content: center;
    gap: 0.22rem;
    min-width: 0;
    min-height: 86px;
    padding: 0.72rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(96, 165, 250, 0.12), transparent 52%),
        rgba(27, 28, 30, 0.92);
}

.buyer-checkout-handoff-preview__device {
    position: relative;
    overflow: hidden;
    border-color: rgba(0, 230, 118, 0.28) !important;
}

.buyer-checkout-handoff-preview__device::after {
    content: "";
    position: absolute;
    right: 0.7rem;
    top: 0.62rem;
    width: 38px;
    height: 64px;
    border: 2px solid rgba(0, 230, 118, 0.62);
    border-radius: 8px;
    background:
        linear-gradient(rgba(0, 230, 118, 0.3) 1px, transparent 1px),
        rgba(7, 11, 14, 0.82);
    background-size: 100% 12px;
}

.buyer-checkout-handoff-preview strong {
    color: #ffffff;
    font-size: 0.95rem;
    line-height: 1.18;
}

.buyer-checkout-handoff-preview small {
    max-width: 18rem;
    color: #d1d5db;
    font-size: 0.74rem;
    line-height: 1.28;
}

@media (max-width: 900px) {
    .blueprint-command-shell--buyer-checkout {
        grid-template-columns: minmax(0, 1fr);
    }

    .blueprint-command-shell--buyer-checkout .blueprint-command-content {
        min-width: 0;
        padding: 0.8rem;
    }

    .blueprint-command-shell--buyer-checkout .blueprint-command-topbar {
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 1rem;
        min-width: 0;
    }

    .blueprint-command-shell--buyer-checkout .blueprint-command-topnav {
        width: 100%;
        overflow-x: auto;
        padding-bottom: 0.2rem;
    }

    .blueprint-command-shell--buyer-checkout .blueprint-command-sidebar {
        display: none;
    }

    .buyer-checkout-mockup-heading,
    .buyer-checkout-command-dashboard__header,
    .buyer-checkout-command-dashboard__body,
    .buyer-checkout-command-dashboard__body--business,
    .buyer-checkout-command-kpis,
    .buyer-access-flow-mockup__steps,
    .buyer-checkout-handoff-preview {
        grid-template-columns: minmax(0, 1fr);
    }

    .buyer-checkout-mockup-heading {
        display: grid;
    }

    .buyer-checkout-mockup-heading h1,
    .blueprint-command-shell--buyer-checkout .buyer-checkout-mockup-heading h1 {
        white-space: normal;
    }

    .buyer-checkout-report-filters {
        width: 100%;
        overflow-x: auto;
        padding-bottom: 0.25rem;
    }

    .buyer-checkout-command-dashboard {
        padding: 0.65rem;
    }

    .buyer-checkout-command-dashboard__meta,
    .buyer-checkout-workbench-strip {
        grid-template-columns: minmax(0, 1fr);
    }

    .buyer-checkout-command-stage-rail {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .buyer-checkout-command-stage:not(:last-child)::after,
    .buyer-access-flow-mockup__step:not(:last-child)::after {
        display: none;
    }

    .buyer-access-flow-mockup__step {
        min-height: 0;
    }

    .buyer-access-flow-mockup__step small {
        display: none;
    }

    .buyer-checkout-command-heatmap,
    .buyer-checkout-command-matrix {
        overflow-x: auto;
    }

    .buyer-checkout-command-heatmap__grid,
    .buyer-checkout-command-matrix__grid {
        min-width: 720px;
    }

    .buyer-checkout-command-dashboard__footer {
        align-items: stretch;
    }

    .buyer-checkout-command-dashboard__footer-actions,
    .buyer-checkout-command-dashboard__footer-actions a,
    .buyer-checkout-command-dashboard__data-status {
        width: 100%;
    }

    .buyer-checkout-command-dashboard__data-status {
        justify-content: flex-start;
        text-align: left;
    }

    .reports-detail-command-footer--buyer-checkout {
        position: static;
        grid-template-columns: minmax(0, 1fr);
    }
}

.buyer-checkout-command-action em {
    color: currentColor;
    font-style: normal;
}

.buyer-checkout-command-queue__row:hover,
.buyer-checkout-command-queue__row:focus-visible,
.buyer-checkout-command-action:hover,
.buyer-checkout-command-action:focus-visible {
    border-color: currentColor;
    background: rgba(96, 165, 250, 0.1);
    color: #ffffff;
    outline: none;
}

.blueprint-command-shell--buyer-checkout .buyer-checkout-help-first {
    min-height: 96px;
    padding: 1rem 1.15rem;
}

.blueprint-command-shell--buyer-checkout .buyer-checkout-help-first h2 {
    font-size: 1.45rem;
}

.buyer-checkout-help-first__warning {
    display: block;
    margin-top: 0.25rem;
    color: #ff5d57;
    font-size: 0.9rem;
}

.buyer-help-report-toolbar {
    display: grid;
    grid-template-columns: repeat(4, auto) minmax(220px, 1fr) auto;
    gap: 0.55rem;
    align-items: center;
    margin-bottom: 0.75rem;
}

.buyer-help-report-chip,
.buyer-help-report-filter,
.buyer-help-report-search {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 44px;
    padding: 0 0.8rem;
    border: 1px solid rgba(156, 163, 175, 0.22);
    border-radius: 8px;
    background: #1b1c1e;
    color: #ffffff;
    font-size: 0.84rem;
    font-weight: 850;
    text-decoration: none;
}

.buyer-help-report-chip span {
    min-width: 1.4rem;
    padding: 0.12rem 0.35rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.13);
    text-align: center;
}

.buyer-help-report-chip--active { background: rgba(255, 255, 255, 0.12); }
.buyer-help-report-chip--orange { color: #ffa500; }
.buyer-help-report-chip--green { color: #52d352; }
.buyer-help-report-chip--red { color: #ff5d57; }

.buyer-help-report-search {
    justify-content: flex-start;
    color: #9ca3af;
}

.blueprint-command-shell--buyer-checkout .buyer-checkout-ops-console {
    padding: 0.75rem;
}

.blueprint-command-shell--buyer-checkout .buyer-checkout-ops-console__header,
.blueprint-command-shell--buyer-checkout .buyer-checkout-ops-console > .buyer-checkout-ops-filter,
.blueprint-command-shell--buyer-checkout .buyer-checkout-ops-filters {
    display: none;
}

.blueprint-command-shell--buyer-checkout .buyer-checkout-ops-workbench {
    grid-template-columns: minmax(0, 1fr) minmax(330px, 420px);
}

.blueprint-command-shell--buyer-checkout .buyer-checkout-ops-row {
    grid-template-columns: 1.05fr 0.85fr 1.1fr 1.05fr 1.35fr;
}

.blueprint-command-shell--buyer-checkout .buyer-checkout-ops-row span:nth-child(5),
.blueprint-command-shell--buyer-checkout .buyer-checkout-ops-row span:nth-child(6) {
    display: none;
}

.blueprint-command-shell--buyer-checkout .buyer-checkout-ops-drawer {
    min-height: 560px;
}

.buyer-access-report-summary {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.8rem;
}

.buyer-access-report-metric {
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr) auto;
    gap: 0.16rem 0.75rem;
    align-items: center;
    min-height: 126px;
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(43, 45, 49, 0.9), rgba(21, 24, 28, 0.96));
    color: #ffffff;
    text-decoration: none;
}

.buyer-access-report-metric > span {
    grid-row: 1 / span 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 74px;
    height: 74px;
    border: 1px solid currentColor;
    border-radius: 50%;
    font-size: 1.9rem;
}

.buyer-access-report-metric strong,
.buyer-access-report-metric em,
.buyer-access-report-metric small {
    display: block;
}

.buyer-access-report-metric strong {
    color: currentColor;
    font-size: 1.04rem;
}

.buyer-access-report-metric em {
    color: #ffffff;
    font-size: 2.1rem;
    font-style: normal;
    font-weight: 950;
    line-height: 1;
}

.buyer-access-report-metric small {
    grid-column: 2 / -1;
    color: #d1d5db;
}

.buyer-access-report-metric--green { color: #52d352; }
.buyer-access-report-metric--orange { color: #ffa500; }
.buyer-access-report-metric--red { color: #ff5d57; }
.buyer-access-report-metric--gold { color: #ffd85a; }

.blueprint-command-shell--buyer-checkout .buyer-checkout-access-health__header {
    display: block;
}

.blueprint-command-shell--buyer-checkout .buyer-checkout-access-health__summary {
    display: none;
}

.blueprint-command-shell--buyer-checkout .buyer-checkout-access-health {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
    padding: 1.35rem;
}

.blueprint-command-shell--buyer-checkout .buyer-checkout-access-flow {
    align-items: end;
}

.blueprint-command-shell--buyer-checkout .buyer-checkout-access-flow__step {
    min-height: 220px;
    border-top-width: 0;
    background: transparent;
}

.blueprint-command-shell--buyer-checkout .buyer-checkout-access-flow__step > a {
    min-height: 216px;
    padding-top: 0;
}

.blueprint-command-shell--buyer-checkout .buyer-checkout-access-flow__step > a > span {
    width: 86px;
    height: 86px;
    border-radius: 50%;
    font-size: 2rem;
}

.blueprint-command-shell--buyer-checkout .buyer-checkout-access-flow__step em {
    font-size: 1.8rem;
}

.blueprint-command-shell--buyer-checkout .buyer-checkout-access-flow-detail {
    display: none;
}

.blueprint-command-shell--buyer-checkout .buyer-checkout-next-actions {
    grid-row: 2;
    min-height: 360px;
}

.buyer-access-safe-wording {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(260px, 0.9fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    min-height: 142px;
    padding: 1.15rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(43, 45, 49, 0.9), rgba(21, 24, 28, 0.96));
}

.buyer-access-safe-wording > div {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 0.2rem 0.8rem;
    align-items: center;
}

.buyer-access-safe-wording > div > .oi {
    grid-row: 1 / span 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border: 1px solid rgba(255, 216, 90, 0.38);
    border-radius: 50%;
    color: #ffd85a;
    font-size: 2rem;
}

.buyer-access-safe-wording h2,
.buyer-access-safe-wording p {
    margin: 0;
}

.buyer-access-safe-wording h2 {
    color: #ffffff;
    font-size: 1.4rem;
}

.buyer-access-safe-wording p {
    color: #d1d5db;
}

.buyer-access-safe-wording article {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 0.16rem 0.7rem;
    align-items: center;
    min-height: 86px;
    padding: 0.8rem;
    border: 1px solid rgba(82, 211, 82, 0.46);
    border-radius: 8px;
    color: #52d352;
}

.buyer-access-safe-wording article > .oi {
    grid-row: 1 / span 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: rgba(82, 211, 82, 0.16);
    font-size: 1.5rem;
}

.buyer-access-safe-wording article strong {
    color: currentColor;
    font-size: 1rem;
}

.buyer-access-safe-wording article small {
    color: #d1d5db;
}

.buyer-access-safe-wording__avoid {
    border-color: rgba(255, 93, 87, 0.48) !important;
    color: #ff5d57 !important;
}

.marketplace-conversion-mockup,
.marketplace-conversion-mockup * {
    box-sizing: border-box;
    min-width: 0;
}

.marketplace-conversion-mockup {
    display: grid;
    grid-template-rows: 68px 100px minmax(0, 1fr);
    gap: 0.75rem;
    min-height: 100vh;
    padding: 0.9rem;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(255, 216, 90, 0.11), transparent 34%),
        linear-gradient(180deg, rgba(9, 15, 22, 0.96), rgba(5, 8, 12, 0.99)),
        #05080c;
    color: #f8fafc;
}

.marketplace-conversion-mockup__topbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 0.65rem 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: rgba(18, 24, 28, 0.92);
}

.marketplace-conversion-mockup__topbar p,
.marketplace-conversion-mockup__topbar h1,
.marketplace-conversion-mockup__topbar small,
.marketplace-conversion-mockup h2 {
    margin: 0;
}

.marketplace-conversion-mockup__topbar p {
    color: #ffd85a;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.marketplace-conversion-mockup__topbar h1 {
    color: #ffffff;
    font-size: 1.65rem;
    line-height: 1.02;
}

.marketplace-conversion-mockup__topbar small,
.marketplace-conversion-mockup small,
.marketplace-conversion-mockup p {
    color: #aab4c0;
    font-size: 0.72rem;
    line-height: 1.25;
}

.marketplace-conversion-mockup__topbar nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.45rem;
}

.marketplace-conversion-mockup__topbar nav span,
.marketplace-conversion-mockup__topbar nav a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 0.62rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.05);
    color: #d1d5db;
    font-size: 0.7rem;
    font-weight: 800;
    text-decoration: none;
}

.marketplace-conversion-mockup__topbar nav a {
    border-color: rgba(255, 216, 90, 0.42);
    color: #ffd85a;
}

.marketplace-conversion-mockup__kpis {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.65rem;
}

.marketplace-conversion-mockup__kpis article,
.marketplace-conversion-funnel,
.marketplace-conversion-inspector,
.marketplace-conversion-scoreboard article,
.marketplace-conversion-actions,
.marketplace-conversion-table {
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(43, 45, 49, 0.94), rgba(18, 24, 28, 0.96)), #2b2d31;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
}

.marketplace-conversion-mockup__kpis article {
    display: grid;
    gap: 0.25rem;
    align-content: center;
    min-height: 96px;
    padding: 0.72rem;
}

.marketplace-conversion-mockup__kpis strong {
    color: #ffffff;
    font-size: 1.8rem;
    line-height: 1;
}

.marketplace-conversion-mockup__grid {
    display: grid;
    grid-template-columns: minmax(430px, 1.04fr) minmax(270px, 0.52fr) minmax(340px, 0.72fr);
    grid-template-rows: minmax(210px, 0.98fr) minmax(188px, 0.88fr);
    gap: 0.75rem;
    min-height: 0;
}

.marketplace-conversion-funnel {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    gap: 0.7rem;
    padding: 0.85rem;
    overflow: hidden;
}

.marketplace-conversion-funnel header {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: flex-start;
}

.marketplace-conversion-funnel h2,
.marketplace-conversion-inspector h2 {
    color: #ffffff;
    font-size: 1.35rem;
    line-height: 1.08;
}

.marketplace-conversion-funnel header a,
.marketplace-conversion-table a,
.marketplace-conversion-actions a {
    color: #ffd85a;
    font-size: 0.74rem;
    font-weight: 800;
    text-decoration: none;
}

.marketplace-conversion-funnel__steps {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.45rem;
}

.marketplace-conversion-funnel__steps div {
    display: grid;
    gap: 0.18rem;
    justify-items: center;
    min-height: 86px;
    padding: 0.54rem 0.42rem;
    border: 1px solid rgba(255, 216, 90, 0.16);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.045);
    text-align: center;
}

.marketplace-conversion-funnel__steps .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    background: rgba(255, 216, 90, 0.14);
    color: #ffd85a;
}

.marketplace-conversion-funnel__steps strong {
    color: #ffffff;
    font-size: 0.78rem;
    line-height: 1.12;
}

.marketplace-conversion-funnel__chart {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: end;
    gap: 0.36rem;
    min-height: 112px;
    padding: 0.62rem;
    border: 1px solid rgba(156, 163, 175, 0.14);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018));
}

.marketplace-conversion-funnel__chart i {
    display: block;
    height: var(--h);
    min-height: 24px;
    border-radius: 8px 8px 3px 3px;
    background: linear-gradient(180deg, #ffd85a, #ff8a00);
}

.marketplace-conversion-inspector {
    display: grid;
    gap: 0.65rem;
    align-content: start;
    padding: 0.9rem;
    overflow: hidden;
}

.marketplace-conversion-inspector section {
    display: grid;
    gap: 0.18rem;
    padding: 0.75rem;
    border: 1px solid rgba(82, 211, 82, 0.3);
    border-radius: 8px;
    background: rgba(82, 211, 82, 0.08);
}

.marketplace-conversion-inspector section strong {
    color: #52d352;
    font-size: 1.45rem;
}

.marketplace-conversion-scoreboard {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
    min-height: 0;
}

.marketplace-conversion-scoreboard article {
    display: grid;
    gap: 0.16rem;
    align-content: center;
    min-height: 82px;
    padding: 0.62rem;
}

.marketplace-conversion-scoreboard span,
.marketplace-conversion-table header span {
    color: #9ca3af;
    font-size: 0.66rem;
    font-weight: 800;
    text-transform: uppercase;
}

.marketplace-conversion-scoreboard strong {
    color: #ffffff;
    font-size: 1.2rem;
}

.marketplace-conversion-actions {
    display: grid;
    gap: 0.48rem;
    align-content: start;
    padding: 0.85rem;
}

.marketplace-conversion-actions > strong,
.marketplace-conversion-table header strong {
    color: #ffffff;
}

.marketplace-conversion-actions a {
    display: grid;
    gap: 0.1rem;
    min-height: 48px;
    padding: 0.55rem 0.65rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.045);
}

.marketplace-conversion-table {
    grid-column: 1 / 3;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0.55rem;
    padding: 0.85rem;
    overflow: hidden;
}

.marketplace-conversion-table header {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: center;
}

.marketplace-conversion-table div {
    display: grid;
    grid-template-columns: minmax(170px, 1fr) minmax(110px, 0.5fr) minmax(120px, 0.55fr) auto;
    gap: 0.34rem 0.55rem;
    align-content: start;
    overflow: hidden;
}

.marketplace-conversion-table span,
.marketplace-conversion-table strong,
.marketplace-conversion-table em {
    display: flex;
    align-items: center;
    min-height: 42px;
    padding: 0 0.55rem;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.045);
    color: #d1d5db;
    font-size: 0.76rem;
    font-style: normal;
}

.marketplace-conversion-table strong {
    color: #52d352;
}

.marketplace-conversion-table a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 0.7rem;
    border: 1px solid rgba(255, 216, 90, 0.34);
    border-radius: 8px;
}

.blueprint-command-shell--buyer-checkout .report-detail-opening-map,
.blueprint-command-shell--buyer-checkout .buyer-checkout-report__summary,
.blueprint-command-shell--buyer-checkout .buyer-checkout-report > article[aria-label="Buyer checkout steps"],
.blueprint-command-shell--buyer-checkout .buyer-checkout-report > article[aria-label="Buyer checkout numbers"],
.blueprint-command-shell--buyer-checkout .buyer-checkout-funnel-panel,
.blueprint-command-shell--buyer-checkout .buyer-checkout-actions-panel,
.blueprint-command-shell--buyer-checkout .buyer-checkout-report > article[aria-label="Buyer checkout use case scenarios"],
.blueprint-command-shell--buyer-checkout .buyer-checkout-report > article[aria-label="Buyer checkout safety rules"] {
    display: none;
}

.blueprint-command-shell--preset-support-command .buyer-checkout-lens-board,
.blueprint-command-shell--preset-blueprint-vault .buyer-checkout-lens-board {
    display: none;
}

.blueprint-command-shell--preset-buyer-library .blueprint-command-nav,
.blueprint-command-shell--preset-owned-blueprint .blueprint-command-nav,
.blueprint-command-shell--preset-support-command .blueprint-command-nav,
.blueprint-command-shell--preset-blueprint-vault .blueprint-command-nav {
    gap: 0.55rem;
    padding: 0.9rem 0.45rem;
}

.blueprint-command-shell--preset-buyer-library .blueprint-command-nav section,
.blueprint-command-shell--preset-owned-blueprint .blueprint-command-nav section,
.blueprint-command-shell--preset-support-command .blueprint-command-nav section,
.blueprint-command-shell--preset-blueprint-vault .blueprint-command-nav section {
    gap: 0.45rem;
}

.blueprint-command-shell--preset-buyer-library .blueprint-command-nav__item,
.blueprint-command-shell--preset-owned-blueprint .blueprint-command-nav__item,
.blueprint-command-shell--preset-support-command .blueprint-command-nav__item,
.blueprint-command-shell--preset-blueprint-vault .blueprint-command-nav__item {
    min-height: 64px;
    padding: 0 1rem;
    border-radius: 8px;
    font-size: 0.96rem;
}

.blueprint-command-shell--preset-buyer-library .blueprint-command-nav__item--active {
    border-color: rgba(47, 134, 255, 0.4);
    background: rgba(47, 134, 255, 0.12);
    color: #2f86ff;
}

.blueprint-command-shell--preset-owned-blueprint .blueprint-command-nav__item--active {
    border-left: 4px solid #52d352;
    border-color: rgba(82, 211, 82, 0.28);
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
}

.blueprint-command-shell--preset-support-command .blueprint-command-nav__item--active {
    border-left: 4px solid #ff8a00;
    border-color: rgba(255, 138, 0, 0.32);
    background: rgba(255, 138, 0, 0.1);
    color: #ffffff;
}

.blueprint-command-shell--preset-blueprint-vault .blueprint-command-nav__item--active {
    border-left: 4px solid #ffd85a;
    border-color: rgba(255, 216, 90, 0.32);
    background: rgba(255, 216, 90, 0.1);
    color: #ffd85a;
}

.blueprint-command-rail-card {
    margin: auto 1rem 1.35rem;
    border-radius: 8px;
}

.blueprint-command-rail-card--owned-blueprint {
    grid-template-columns: 32px minmax(0, 1fr) 42px;
    align-items: center;
    border-color: rgba(82, 211, 82, 0.28);
}

.blueprint-command-rail-card--owned-blueprint p {
    display: none;
}

.blueprint-command-rail-switch {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    width: 42px;
    height: 24px;
    padding: 3px;
    border: 1px solid rgba(82, 211, 82, 0.45);
    border-radius: 999px;
    background: rgba(82, 211, 82, 0.2);
}

.blueprint-command-rail-switch span {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #ffffff;
}

.blueprint-command-shell--buyer-library .marketplace-hero__grid {
    grid-template-columns: minmax(0, 1fr);
}

.blueprint-command-shell--buyer-library .buyer-library-hero__panel,
.blueprint-command-shell--buyer-library .buyer-library-decision-strip,
.blueprint-command-shell--buyer-library .buyer-library-lens,
.blueprint-command-shell--buyer-library .buyer-library-signal-grid,
.blueprint-command-shell--buyer-library .buyer-library-safe-copy {
    display: none;
}

.blueprint-command-shell--owned-blueprint .blueprint-command-topbar {
    display: flex !important;
    min-height: 80px;
    padding: 0 1.65rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.16);
    background: #070b0e;
}

.blueprint-command-shell--owned-blueprint .blueprint-command-title > .status-pill,
.blueprint-command-shell--owned-blueprint .blueprint-command-title h1,
.blueprint-command-shell--owned-blueprint .blueprint-command-topnav a {
    display: none;
}

.blueprint-command-shell--owned-blueprint .blueprint-command-title p {
    margin: 0;
    color: #d1d5db;
    font-size: 1rem;
    font-weight: 820;
}

.blueprint-command-shell--owned-blueprint .blueprint-command-content {
    padding-top: 1rem;
}

.blueprint-command-shell--owned-blueprint .owned-blueprint-access-blocked {
    align-self: start;
    width: min(100%, 780px);
    min-height: 0;
}

.owned-blueprint-help-bar {
    display: grid;
    grid-template-columns: 44px auto 1fr 24px;
    gap: 0.5rem;
    align-items: center;
    min-height: 64px;
    padding: 0 1.25rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(43, 45, 49, 0.9), rgba(21, 24, 28, 0.96));
    color: #d1d5db;
}

.owned-blueprint-help-bar > .oi:first-child {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid rgba(209, 213, 219, 0.45);
    border-radius: 50%;
}

.owned-blueprint-help-bar strong {
    color: #d1d5db;
}

.owned-blueprint-help-bar a {
    justify-self: start;
    color: #78aaff;
    font-weight: 850;
    text-decoration: none;
}

@media (max-width: 1180px) {
    .blueprint-command-shell--buyer-library .buyer-library-row,
    .blueprint-command-shell--buyer-checkout .buyer-checkout-ops-workbench,
    .buyer-access-safe-wording {
        grid-template-columns: 1fr;
    }

    .buyer-help-report-toolbar,
    .buyer-access-report-summary,
    .blueprint-command-shell--owned-blueprint .blueprint-preview-layout {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.marketplace-share-panel {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
    border: 1px solid rgba(255, 215, 0, 0.32);
    border-radius: 8px;
    background: #232529;
}

.marketplace-share-panel--compact {
    margin-top: 1rem;
}

.marketplace-share-panel__header {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.marketplace-share-panel__header strong {
    color: #ffffff;
    font-size: 1rem;
}

.marketplace-share-panel__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.marketplace-share-button {
    cursor: pointer;
}

.marketplace-copy-icon {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 20px;
    flex: 0 0 22px;
    margin-right: 0.45rem;
    border: 2px solid currentColor;
    border-radius: 3px;
}

.marketplace-copy-icon::before {
    position: absolute;
    top: -6px;
    left: 4px;
    width: 14px;
    height: 14px;
    border: 2px solid currentColor;
    border-radius: 3px;
    background: #232529;
    content: "";
}

.marketplace-share-panel__label {
    color: #9ca3af;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.marketplace-share-panel__post {
    width: 100%;
    min-height: 118px;
    max-height: 168px;
    padding: 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.26);
    border-radius: 8px;
    background: #1b1c1e;
    color: #f8fafc;
    overflow: auto;
    resize: vertical;
}

.marketplace-share-panel__disclosure,
.marketplace-share-panel__status {
    margin: 0;
    color: #d1d5db;
}

.marketplace-share-panel__status {
    color: #00e676;
    font-weight: 800;
}

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

.marketplace-signal-grid div,
.marketplace-definition-list div,
.blueprint-phase {
    display: grid;
    gap: 0.35rem;
    padding: 1rem;
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 8px;
    background: #232529;
}

.marketplace-signal-grid span,
.marketplace-definition-list dt {
    color: #9ca3af;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.marketplace-signal-grid strong {
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.35;
}

.checkout-pending-hero .marketplace-lead {
    max-width: 820px;
}

.checkout-pending-hero {
    min-height: 0;
}

.marketplace-workspace:not(:has(.buyer-checkout-mockup-hybrid)) .checkout-pending-hero {
    padding: 1.15rem 1.25rem;
}

.checkout-pending-hero .marketplace-hero__grid {
    align-items: center;
}

.checkout-pending-hero .marketplace-proof-panel {
    min-height: 0;
    gap: 0.7rem;
}

.checkout-pending-hero h1 {
    max-width: 900px;
}

.checkout-pending-hero + .marketplace-signal-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.checkout-pending-hero + .marketplace-signal-grid strong {
    overflow-wrap: anywhere;
}

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

.checkout-authority-card {
    display: grid;
    align-content: start;
    gap: 0.45rem;
    min-height: 152px;
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-left: 4px solid currentColor;
    border-radius: 8px;
    background: #232529;
    color: #60a5fa;
}

.checkout-authority-card--green { color: #00e676; }
.checkout-authority-card--orange { color: #ffa500; }
.checkout-authority-card--red { color: #ff4444; }
.checkout-authority-card--blue { color: #60a5fa; }
.checkout-authority-card--gold { color: #ffd700; }

.checkout-authority-card span,
.checkout-authority-step span {
    color: #9ca3af;
    font-size: 0.74rem;
    font-weight: 850;
    text-transform: uppercase;
}

.checkout-authority-card strong {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 850;
    line-height: 1.25;
}

.checkout-authority-card p,
.checkout-authority-step p {
    color: #d1d5db;
    font-size: 0.88rem;
    line-height: 1.45;
}

.checkout-authority-ladder-shell {
    display: grid;
    gap: 0.75rem;
}

.checkout-authority-ladder-shell__header {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    justify-content: space-between;
}

.checkout-authority-ladder-shell__header h2 {
    color: #ffffff;
    font-size: 1.05rem;
    font-weight: 850;
    line-height: 1.25;
}

.checkout-authority-ladder {
    display: grid;
    grid-template-columns: repeat(6, minmax(126px, 1fr));
    gap: 0.65rem;
    overflow-x: auto;
}

.checkout-authority-step {
    display: grid;
    align-content: start;
    gap: 0.45rem;
    min-width: 126px;
    min-height: 152px;
    padding: 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-top: 4px solid currentColor;
    border-radius: 8px;
    background: #1b1c1e;
    color: #60a5fa;
}

.checkout-authority-step--green { color: #00e676; }
.checkout-authority-step--orange { color: #ffa500; }
.checkout-authority-step--red { color: #ff4444; }
.checkout-authority-step--blue { color: #60a5fa; }
.checkout-authority-step--gold { color: #ffd700; }

.checkout-authority-step span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid currentColor;
    border-radius: 8px;
    color: #ffffff;
}

.checkout-authority-step strong {
    color: #ffffff;
    font-size: 0.92rem;
    font-weight: 850;
    line-height: 1.25;
}

.marketplace-definition-list {
    display: grid;
    gap: 0.75rem;
    margin: 0;
}

.marketplace-definition-list--pollination {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.marketplace-definition-list--pollination div {
    align-content: start;
}

.marketplace-definition-list dd {
    margin: 0;
    overflow-wrap: anywhere;
}

.marketplace-check-list {
    display: grid;
    gap: 0.65rem;
    margin: 0;
    padding-left: 1.2rem;
}

.marketplace-proof-labels {
    display: grid;
    gap: 0.75rem;
}

.marketplace-proof-labels div {
    display: grid;
    gap: 0.45rem;
    padding: 1rem;
    border: 1px solid rgba(255, 215, 0, 0.24);
    border-radius: 8px;
    background: #232529;
}

.marketplace-proof-labels strong {
    color: #ffffff;
    font-size: 0.95rem;
    line-height: 1.35;
}

.marketplace-review-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
}

.marketplace-review {
    display: grid;
    gap: 0.55rem;
    padding: 1rem;
    border: 1px solid rgba(0, 230, 118, 0.22);
    border-radius: 8px;
    background: #232529;
}

.marketplace-partner-overlay {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(10, 12, 16, 0.78);
}

.marketplace-partner-overlay__panel {
    display: grid;
    gap: 1rem;
    width: min(100%, 620px);
    max-height: min(88vh, 720px);
    overflow: auto;
    padding: 1.25rem;
    border: 1px solid rgba(255, 215, 0, 0.42);
    border-radius: 8px;
    background: #2b2d31;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.42);
}

.marketplace-partner-overlay__panel h2,
.marketplace-partner-overlay__panel p {
    margin: 0;
}

.marketplace-partner-overlay__panel h2 {
    color: #ffffff;
    font-size: 1.65rem;
    line-height: 1.18;
}

.marketplace-partner-overlay__panel p {
    color: #d1d5db;
    font-size: 0.98rem;
    line-height: 1.55;
}

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

.blueprint-phase ol {
    display: grid;
    gap: 0.7rem;
    margin: 0;
    padding-left: 1.2rem;
}

.blueprint-step--locked {
    color: #ffd700;
    font-weight: 800;
}

.blueprint-step--blurred {
    display: grid;
    gap: 0.42rem;
    padding: 0.72rem 0.85rem;
    border: 1px solid rgba(255, 215, 0, 0.24);
    border-radius: 8px;
    background:
        linear-gradient(90deg, rgba(255, 215, 0, 0.08), rgba(96, 165, 250, 0.05)),
        rgba(17, 24, 39, 0.72);
    list-style-position: inside;
}

.blueprint-step--blurred__label {
    color: #f8fafc;
    font-size: 0.88rem;
}

.blueprint-step--blurred__bar {
    display: block;
    width: min(100%, 420px);
    height: 9px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(203, 213, 225, 0.32), rgba(203, 213, 225, 0.08));
    filter: blur(1px);
}

.blueprint-step--blurred__bar:last-child {
    width: min(70%, 300px);
}

@media (max-width: 520px) {
    .main {
        padding-top: 1.25rem;
        padding-bottom: 3rem;
    }

    .command-nav {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
        gap: 0.55rem;
        min-height: 0;
        padding: 0.7rem 1rem;
        overflow: visible;
    }

    .command-nav__brand {
        flex: 0 0 auto;
    }

    .command-nav__actions {
        display: flex;
        width: 100%;
        min-width: 0;
    }

    .command-nav__links {
        flex: 1 1 auto;
        width: auto;
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 0.35rem;
        overflow-x: auto;
    }

    .command-nav__link {
        flex: 0 0 auto;
        justify-content: center;
        padding: 0 0.65rem;
        font-size: 0.86rem;
        white-space: nowrap;
    }

    .reports-readiness h1 {
        font-size: 2.5rem;
    }

    .admin-access-denied {
        margin-top: 0.75rem;
        padding: 1.25rem;
    }

    .admin-access-denied h1 {
        font-size: 2rem;
        line-height: 1.08;
    }

    .admin-access-denied p {
        font-size: 0.94rem;
    }
}

@media (max-width: 1100px) {
    .admin-hero__grid,
    .reports-board {
        grid-template-columns: 1fr;
    }

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

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

    .blueprint-command-shell {
        grid-template-columns: 1fr;
    }

    .blueprint-command-rail {
        position: static;
        grid-template-rows: auto auto;
        height: auto;
        border-right: 0;
        border-bottom: 1px solid rgba(156, 163, 175, 0.18);
        overflow: hidden;
    }

    .blueprint-command-nav {
        display: flex;
        gap: 0.65rem;
        overflow-x: auto;
        padding: 0.65rem;
    }

    .blueprint-command-nav section {
        flex: 0 0 190px;
    }

    .blueprint-command-rail-card {
        display: none;
    }

    .owned-blueprint-hero-cluster {
        grid-template-columns: 132px minmax(0, 1fr);
    }

    .owned-blueprint-cover-card {
        width: 132px;
    }

    .owned-blueprint-action-strip {
        grid-template-columns: 1fr;
    }

    .reports-command-shell {
        grid-template-columns: 1fr;
        min-width: 0;
        width: 100%;
        max-width: 100vw;
        overflow-x: hidden;
    }

    .main:has(.reports-command-shell),
    .reports-command-stage {
        min-width: 0;
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .reports-command-sidebar {
        position: static;
        height: auto;
        max-height: none;
        min-width: 0;
        width: 100%;
        max-width: 100vw;
        border-right: 0;
        border-bottom: 1px solid rgba(156, 163, 175, 0.18);
        overflow: hidden;
    }

    .reports-command-nav {
        display: flex;
        gap: 0.65rem;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        padding: 0.65rem;
    }

    .reports-command-nav section {
        flex: 0 0 190px;
    }

    .reports-command-topbar,
    .reports-command-toolbar,
    .reports-command-footer {
        position: static;
    }

    .reports-command-topbar {
        min-width: 0;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        overflow: hidden;
    }

    .reports-command-topnav {
        display: none;
    }

    .reports-objective-lanes {
        grid-template-columns: repeat(5, minmax(210px, 1fr));
        min-width: 0;
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        padding: 0.65rem;
    }

    .reports-command-empty {
        grid-template-columns: minmax(0, 1fr);
    }

    .reports-command-state {
        grid-template-columns: minmax(0, 1fr);
    }

    .reports-command-board {
        grid-template-columns: 1fr;
    }

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

    .reports-route-columns {
        grid-template-columns: 1fr;
    }

    .reports-route-column {
        border-right: 0;
        border-bottom: 1px solid rgba(156, 163, 175, 0.2);
    }

    .reports-route-column:last-child {
        border-bottom: 0;
    }

    .reports-route-row-shell {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.2rem;
        padding-bottom: 0.35rem;
    }

    .reports-route-row-actions {
        justify-content: stretch;
        padding: 0 0.35rem;
    }

    .reports-route-icon-button {
        flex: 1 1 0;
    }

    .reports-route-expanded-panel__header,
    .reports-route-expanded-panel__body {
        grid-template-columns: 1fr;
    }

    .reports-route-expanded-panel__actions .reports-action-button {
        width: 100%;
    }

    .reports-release-layout,
    .report-client-command__grid {
        grid-template-columns: 1fr;
    }

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

    .reports-state-strip,
    .reports-visual-summary,
    .report-blocker-rollup__grid,
    .report-priority-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

    .reports-board,
    .reports-hero__grid,
    .command-home__header,
    .command-home__board,
    .marketplace-hero__grid,
    .checkout-authority-board,
    .admin-hero__grid,
    .admin-flag-grid,
    .teamsync-ops-hero,
    .teamsync-command-bar,
    .teamsync-tab-shell__intro,
    .teamsync-priority-board,
    .teamsync-triage-layout,
    .teamsync-focus-meta,
    .teamsync-package-shell,
    .teamsync-planning-grid,
    .team-work-report-layout,
    .team-work-support-grid {
        grid-template-columns: 1fr;
    }

    .teamsync-command-bar__actions {
        justify-content: flex-start;
    }

    .teamsync-priority-card {
        grid-row: auto;
    }

    .teamsync-priority-board__metrics {
        grid-column: auto;
    }

    .teamsync-ops-hero__actions {
        justify-content: flex-start;
    }

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

    .teamsync-lane-grid {
        grid-template-columns: 1fr;
    }

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

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

    .team-work-proof-matrix {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .team-work-command-metrics {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .admin-metric-grid {
        grid-template-columns: 1fr;
    }

    .blueprint-command-rail {
        display: none;
    }

    .blueprint-command-topbar,
    .blueprint-command-title {
        align-items: flex-start;
        flex-direction: column;
    }

    .blueprint-command-topbar {
        position: static;
        padding: 0.75rem;
    }

    .blueprint-command-topnav {
        width: 100%;
        justify-content: flex-start;
        overflow-x: auto;
    }

    .blueprint-command-content {
        padding: 0.75rem;
    }

    .owned-blueprint-hero-cluster {
        grid-template-columns: 1fr;
    }

    .owned-blueprint-cover-card {
        width: min(100%, 220px);
    }

    .owned-blueprint-ready-path,
    .owned-blueprint-action-strip {
        grid-template-columns: 1fr;
    }

    .reports-command-shell {
        grid-template-columns: minmax(0, 1fr);
    }

    .reports-command-sidebar {
        display: none;
    }

    .reports-command-stage {
        min-height: 0;
        width: 100%;
    }

    .reports-command-topbar,
    .reports-command-toolbar,
    .reports-command-footer,
    .reports-command-title {
        align-items: flex-start;
        flex-direction: column;
    }

    .reports-command-topbar,
    .reports-command-toolbar,
    .reports-command-footer {
        padding: 0.65rem;
        width: 100%;
        min-width: 0;
        max-width: 100vw;
        overflow: hidden;
    }

    .reports-account-search {
        padding: 0.75rem;
    }

    .reports-account-search__header,
    .reports-account-search__input-row,
    .reports-account-search__empty,
    .reports-account-search__load-more {
        align-items: flex-start;
        flex-direction: column;
    }

    .reports-account-search__header > span,
    .reports-account-search__source,
    .reports-account-search__input-row .search-autocomplete {
        width: 100%;
    }

    .reports-account-search__skeleton {
        grid-template-columns: 1fr;
    }

    .reports-account-search__skeleton i:not(:first-child) {
        display: none;
    }

    .reports-account-search__empty a,
    .reports-account-search__empty button,
    .reports-account-search__load-more button {
        width: 100%;
        margin-left: 0;
    }

    .reports-account-search__result {
        grid-template-columns: minmax(0, 1fr) 20px;
    }

    .reports-account-search__result > span:nth-child(2) {
        grid-column: 1;
    }

    .reports-account-search__result > .oi {
        grid-column: 2;
        grid-row: 1 / span 2;
        align-self: center;
    }

    .client-proof-mockup-rail,
    .mockup-client-proof-release dl {
        grid-template-columns: 1fr;
    }

    .reports-detail-command-footer {
        position: static;
        padding: 0.65rem;
    }

    .reports-detail-command-footer__item,
    .reports-detail-command-footer__status {
        width: 100%;
    }

    .reports-command-topnav {
        display: none;
    }

    .reports-objective-lanes {
        grid-template-columns: none;
        grid-auto-flow: column;
        grid-auto-columns: minmax(250px, 82vw);
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        overscroll-behavior-inline: contain;
        padding: 0.65rem;
    }

    .reports-objective-lane {
        min-height: 58px;
        scroll-snap-align: start;
    }

    .reports-command-empty {
        gap: 0.75rem;
        margin: 0.65rem;
        padding: 0.85rem;
    }

    .reports-command-state {
        gap: 0.75rem;
        margin: 0.65rem;
        padding: 0.85rem;
    }

    .reports-command-state__actions {
        grid-template-columns: minmax(0, 1fr);
    }

    .reports-command-state__actions a,
    .reports-command-state__actions button {
        width: 100%;
    }

    .reports-command-state__skeleton {
        grid-template-rows: 96px auto 118px;
        padding: 0.75rem;
    }

    .reports-command-state__skeleton > div {
        grid-template-columns: minmax(0, 1fr);
    }

    .reports-command-state__skeleton > div i {
        min-height: 48px;
    }

    .reports-command-empty__preview {
        grid-template-columns: minmax(0, 1fr);
    }

    .reports-command-empty__illustration {
        min-height: 176px;
    }

    .reports-command-empty__document {
        width: 108px;
        height: 132px;
        padding: 0.75rem;
    }

    .reports-command-empty__orbit--one {
        width: 148px;
        height: 148px;
    }

    .reports-command-empty__orbit--two {
        width: 186px;
        height: 186px;
    }

    .reports-command-empty__actions {
        grid-template-columns: minmax(0, 1fr);
    }

    .reports-command-empty__actions .reports-action-button {
        width: 100%;
    }

    .reports-command-selects,
    .reports-command-actions,
    .reports-command-actions a,
    .reports-command-actions button,
    .reports-command-select {
        width: 100%;
    }

    .reports-command-selects,
    .reports-command-actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .reports-command-actions a,
    .reports-command-actions button,
    .reports-command-select {
        justify-content: space-between;
    }

    .reports-command-board {
        padding: 0.65rem;
    }

    .reports-first-action-strip {
        grid-template-columns: 1fr;
        gap: 0.5rem;
        padding: 0.55rem;
    }

    .reports-first-action-strip__decision {
        grid-row: 2;
        gap: 0.25rem;
    }

    .reports-first-action-strip__decision strong {
        font-size: 1rem;
    }

    .reports-first-action-strip__decision p {
        line-height: 1.25;
    }

    .reports-first-action-strip__signals {
        grid-row: 3;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.35rem;
    }

    .reports-first-action-strip__signals div {
        min-height: 54px;
        padding: 0.42rem;
    }

    .reports-first-action-strip__actions {
        display: grid;
        grid-row: 1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.42rem;
    }

    .reports-first-action-strip__actions .reports-action-button {
        min-height: 44px;
        padding: 0.5rem 0.6rem;
    }

    .reports-first-action-strip__actions .reports-action-button:last-child {
        grid-column: 1 / -1;
    }

    .reports-readiness-rail,
    .reports-proof-summary,
    .reports-primary-actions,
    .reports-status-legend {
        grid-template-columns: 1fr;
    }

    .reports-readiness-rail::before {
        display: none;
    }

    .reports-readiness-step {
        grid-template-columns: 38px minmax(0, 1fr);
        justify-items: start;
        text-align: left;
    }

    .reports-readiness-step small {
        grid-column: 2;
    }

    .reports-proof-summary__cell {
        border-right: 0;
        border-bottom: 1px solid rgba(156, 163, 175, 0.2);
    }

    .reports-proof-summary__cell:last-child {
        border-bottom: 0;
    }

    .report-command-detail-strip {
        grid-template-columns: 1fr;
        gap: 0.45rem;
        padding: 0.55rem;
    }

    .report-command-detail-strip a,
    .report-command-detail-strip div {
        min-height: 48px;
    }

    .report-command-detail-strip small,
    .report-command-detail-strip strong {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .report-detail-layout--team-work {
        gap: 0.75rem;
    }

    .report-detail-layout--team-work .breadcrumb-trail {
        gap: 0.28rem;
        min-height: 44px;
        font-size: 0.82rem;
    }

    .report-detail-layout--team-work .breadcrumb-trail a {
        min-width: 44px;
        min-height: 44px;
    }

    .report-detail-layout--team-work .reports-hero--compact {
        gap: 0.45rem;
    }

    .report-detail-layout--team-work .reports-eyebrow {
        font-size: 0.74rem;
    }

    .report-detail-layout--team-work .reports-hero--compact h1 {
        font-size: 1.72rem;
        line-height: 1.05;
    }

    .report-detail-layout--team-work .reports-hero--compact .reports-lead {
        font-size: 0.92rem;
        line-height: 1.32;
    }

    .report-detail-layout--team-work .report-command-detail-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.35rem;
        margin-bottom: 0.25rem;
        padding: 0.35rem;
    }

    .report-detail-layout--team-work .report-command-detail-strip a,
    .report-detail-layout--team-work .report-command-detail-strip div {
        min-height: 42px;
        padding: 0.45rem 0.55rem;
    }

    .report-detail-layout--team-work .report-command-detail-strip a {
        grid-template-columns: 18px minmax(0, 1fr);
    }

    .report-detail-layout--team-work .report-command-detail-strip small {
        font-size: 0.62rem;
    }

    .report-detail-layout--team-work .report-command-detail-strip strong {
        font-size: 0.78rem;
        line-height: 1.2;
    }

    .report-detail-layout--team-work .team-work-report-hybrid {
        gap: 0.65rem;
        padding: 0.75rem;
    }

    .report-detail-layout--team-work .team-work-report-hybrid__header {
        gap: 0.4rem;
    }

    .report-detail-layout--team-work .team-work-report-hybrid__header h2 {
        font-size: 1.22rem;
        line-height: 1.15;
    }

    .report-detail-layout--team-work .team-work-report-hybrid__header p {
        font-size: 0.86rem;
        line-height: 1.3;
    }

    .report-detail-layout--team-work .team-work-command-metrics {
        display: grid;
        grid-auto-columns: minmax(148px, 72vw);
        grid-auto-flow: column;
        grid-template-columns: none;
        gap: 0.5rem;
        overflow-x: auto;
        padding-bottom: 0.15rem;
        scroll-snap-type: x proximity;
    }

    .report-detail-layout--team-work .team-work-command-metrics div {
        min-height: 118px;
        padding: 0.62rem;
        scroll-snap-align: start;
    }

    .report-detail-layout--team-work .team-work-command-metrics dd {
        font-size: 1.18rem;
    }

    .report-detail-layout--team-work .team-work-command-metrics small {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        font-size: 0.7rem;
        line-height: 1.22;
    }

    .reports-inspector-list .report-blocker-card {
        grid-template-columns: 44px minmax(0, 1fr);
    }

    .reports-inspector-list .report-blocker-card a {
        grid-column: 1 / -1;
        justify-self: stretch;
        justify-content: center;
        border: 1px solid rgba(96, 165, 250, 0.45);
        text-align: center;
    }

    .command-home__status-grid,
    .teamsync-stepper,
    .teamsync-job-strip,
    .teamsync-intel-grid,
    .teamsync-priority-board__metrics,
    .report-release-steps,
    .reports-state-strip,
    .reports-visual-summary,
    .report-blocker-rollup__grid,
    .report-priority-grid,
    .report-detail-grid,
    .client-mandate-report-spotlight,
    .client-mandate-report-spotlight__metrics,
    .launch-evidence-gates,
    .marketplace-card-grid,
    .checkout-authority-board,
    .marketplace-discovery-cockpit,
    .marketplace-journey-rail,
    .marketplace-signal-grid,
    .checkout-authority-ladder,
    .marketplace-highlight-list,
    .marketplace-review-grid,
    .blueprint-preview-layout,
    .blueprint-phase-grid,
    .metric-grid,
    .funnel-steps,
    .report-inline-filters,
    .report-decision-grid,
    .launch-evidence-summary,
    .admin-metric-grid,
    .admin-definition-grid,
    .teamsync-admin-wizard,
    .admin-form__group,
    .teamsync-draft-actions,
    .teamsync-hybrid-builder,
    .teamsync-readback-strip,
    .team-work-command-metrics,
    .team-work-proof-matrix,
    .team-work-signal-list,
    .buyer-checkout-priority-board,
    .buyer-checkout-lens-board__header,
    .buyer-checkout-lens-decisions,
    .buyer-checkout-lens-action,
    .buyer-checkout-access-health,
    .buyer-checkout-access-health__header,
    .buyer-checkout-access-health__summary,
    .buyer-checkout-access-flow,
    .buyer-checkout-access-flow-detail,
    .buyer-checkout-priority-board__stats,
    .buyer-checkout-ops-console__header,
    .buyer-checkout-ops-workbench,
    .buyer-checkout-launchpad,
    .buyer-checkout-launchpad__card,
    .buyer-checkout-phase-panel__heading,
    .buyer-checkout-phase-grid,
    .buyer-checkout-proof-grid,
    .buyer-checkout-report__summary,
    .buyer-checkout-case-review__bar,
    .buyer-checkout-case-review__header,
    .buyer-checkout-case-review__status,
    .buyer-checkout-case-review__next,
    .buyer-checkout-case-review__rules,
    .buyer-checkout-filter-shell,
    .buyer-checkout-lifecycle,
    .buyer-checkout-metrics,
    .buyer-checkout-scenarios {
        grid-template-columns: 1fr;
    }

    .buyer-checkout-lifecycle {
        overflow-x: visible;
    }

    .buyer-checkout-ops-console__actions,
    .buyer-checkout-ops-drawer__actions {
        justify-content: flex-start;
    }

    .buyer-checkout-ops-metrics,
    .buyer-checkout-ops-filters {
        grid-auto-flow: column;
        grid-template-columns: none;
        overflow-x: auto;
    }

    .buyer-checkout-ops-metrics {
        grid-auto-columns: minmax(132px, 42vw);
    }

    .buyer-checkout-ops-filters {
        grid-auto-columns: minmax(128px, 38vw);
    }

    .buyer-checkout-ops-drawer {
        position: static;
    }

    .buyer-checkout-case-review {
        scroll-margin-top: 190px;
    }

    .buyer-checkout-case-review__bar {
        position: static;
    }

    .buyer-checkout-case-review__bar-actions {
        justify-content: stretch;
    }

    .buyer-checkout-case-review__bar-actions a,
    .buyer-checkout-priority-board__actions a {
        width: 100%;
    }

    .buyer-checkout-lens-tabs {
        grid-template-columns: 1fr;
    }

    .report-detail-layout--buyer-checkout .reports-hero--compact .report-filter-bar {
        grid-template-columns: 1fr;
    }

    .report-detail-layout--buyer-checkout .buyer-checkout-launchpad {
        grid-template-columns: minmax(0, 1fr);
    }

    .buyer-checkout-lens-tab {
        min-height: 56px;
    }

    .buyer-checkout-lens-decision,
    .buyer-checkout-launchpad__main,
    .buyer-checkout-launchpad__card,
    .buyer-checkout-access-flow__step,
    .buyer-checkout-next-action {
        min-width: 0;
    }

    .buyer-checkout-lens-action__button {
        width: 100%;
    }

    .buyer-checkout-access-flow__step:not(:last-child)::after {
        display: none;
    }

    .buyer-checkout-next-action {
        grid-template-columns: 44px minmax(0, 1fr);
    }

    .buyer-checkout-next-action > span {
        grid-row: 1 / 4;
    }

    .buyer-checkout-next-action em {
        grid-column: 2;
        grid-row: auto;
        align-self: start;
    }

    .buyer-checkout-lifecycle__step {
        min-width: 0;
    }

    .buyer-checkout-triage {
        overflow-x: visible;
    }

    .buyer-checkout-triage__header {
        display: none;
    }

    .buyer-checkout-ops-table {
        overflow-x: visible;
    }

    .buyer-checkout-ops-row--header {
        display: none;
    }

    .buyer-checkout-ops-row {
        grid-template-columns: 1fr;
        min-width: 0;
        gap: 0.65rem;
    }

    .buyer-checkout-ops-row span {
        display: grid;
        gap: 0.16rem;
    }

    .buyer-checkout-ops-row span::before {
        color: #9ca3af;
        font-size: 0.68rem;
        font-weight: 850;
        text-transform: uppercase;
    }

    .buyer-checkout-ops-row span:nth-child(2)::before {
        content: "Last update";
    }

    .buyer-checkout-ops-row span:nth-child(3)::before {
        content: "Payment check";
    }

    .buyer-checkout-ops-row span:nth-child(4)::before {
        content: "Can open";
    }

    .buyer-checkout-ops-row span:nth-child(5)::before {
        content: "Needs review";
    }

    .buyer-checkout-ops-row span:nth-child(6)::before {
        content: "Refund issue";
    }

    .buyer-checkout-triage__row {
        grid-template-columns: 1fr;
        min-width: 0;
        gap: 0.7rem;
    }

    .buyer-checkout-triage__row span {
        display: grid;
        gap: 0.18rem;
    }

    .buyer-checkout-triage__row .buyer-checkout-triage__actions {
        display: flex;
    }

    .buyer-checkout-triage__row span::before {
        color: #9ca3af;
        font-size: 0.7rem;
        font-weight: 850;
        text-transform: uppercase;
    }

    .buyer-checkout-triage__row span:nth-child(2)::before {
        content: "Last update";
    }

    .buyer-checkout-triage__row span:nth-child(3)::before {
        content: "Payment check";
    }

    .buyer-checkout-triage__row span:nth-child(4)::before {
        content: "Buyer access";
    }

    .buyer-checkout-triage__row span:nth-child(5)::before {
        content: "Next action";
    }

    .buyer-checkout-triage__row a {
        justify-self: stretch;
    }

    .buyer-checkout-filters {
        justify-content: flex-start;
    }

    .buyer-checkout-launchpad__main h2 {
        font-size: 1.75rem;
    }

    .buyer-checkout-launchpad__card {
        grid-template-columns: minmax(0, 1fr);
    }

    .buyer-checkout-blueprint-cover {
        width: 64px;
    }

    .buyer-checkout-launchpad__actions a {
        flex: 1 1 100%;
        min-width: 0;
        text-align: center;
    }

    .buyer-checkout-funnel__row {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .buyer-checkout-funnel__track,
    .buyer-checkout-funnel__row small {
        grid-column: 1 / -1;
    }

    .team-work-action-list li {
        grid-template-columns: 44px minmax(0, 1fr);
    }

    .team-work-action-list li > .status-pill {
        grid-column: 2;
        justify-self: start;
    }

    .team-work-lanes {
        grid-template-columns: minmax(220px, 1fr);
        overflow-x: visible;
    }

    .teamsync-hybrid-canvas {
        order: 1;
    }

    .teamsync-hybrid-rail {
        order: 2;
    }

    .teamsync-blueprint-drawer {
        order: 3;
    }

    .teamsync-readback-strip {
        order: 4;
    }

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

    .admin-action-row {
        grid-template-columns: 1fr;
    }

    .admin-ledger-list article {
        grid-template-columns: 1fr;
    }

    .admin-form-grid,
    .admin-form {
        grid-template-columns: 1fr;
    }

    .action-row a,
    .action-row span,
    .marketplace-search-form input,
    .marketplace-search-form button,
    .marketplace-search-form a {
        width: 100%;
    }

    .action-row .action-row__status {
        justify-self: start;
        width: auto;
    }

    .admin-workspace--community-pulse .community-pulse-thread.action-row--target-lock {
        padding-top: 3.65rem;
    }

    .admin-workspace--community-pulse .community-pulse-thread.action-row--target-lock::before {
        top: 1rem;
        right: auto;
        left: 1rem;
    }

    .admin-workspace {
        gap: 1rem;
        max-width: 100%;
    }

    .teamsync-command-bar__actions,
    .teamsync-command-bar__actions a,
    .teamsync-command-bar__actions .teamsync-locked-action,
    .teamsync-ops-hero a,
    .teamsync-ops-hero .teamsync-locked-action,
    .teamsync-footer-actions,
    .teamsync-footer-actions a,
    .teamsync-footer-actions > span {
        width: 100%;
    }

    .teamsync-command-bar__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .teamsync-project-form > .admin-command-button {
        width: 100%;
    }

    .teamsync-ops-hero__actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .teamsync-hero-tools,
    .teamsync-hero-tools > summary,
    .teamsync-preview-primary-action {
        width: 100%;
    }

    .teamsync-hero-tools > nav {
        position: static;
        width: 100%;
        margin-top: 0.45rem;
        box-shadow: none;
    }

    .teamsync-preview-access__main,
    .teamsync-preview-example {
        padding: 1rem;
    }

    .teamsync-preview-access__heading {
        grid-template-columns: 44px minmax(0, 1fr);
    }

    .teamsync-preview-access__icon {
        width: 44px;
        height: 44px;
    }

    .teamsync-production-details > summary {
        grid-template-columns: 40px minmax(0, 1fr) 20px;
        padding: 0.65rem 0.75rem;
    }

    .teamsync-production-details > summary > .oi:first-child {
        width: 40px;
        height: 40px;
    }

    .page:has(.teamsync-hub) .command-nav__links {
        flex-wrap: nowrap;
        overflow-x: auto;
        mask-image: none;
        scrollbar-width: none;
    }

    .page:has(.teamsync-hub) .command-nav__links::-webkit-scrollbar {
        display: none;
    }

    .page:has(.teamsync-hub--live) .command-nav {
        display: flex;
        grid-template-columns: none;
        align-items: center;
        gap: 0.5rem;
        min-height: 0;
        padding: 0.5rem 0.75rem;
        overflow: visible;
    }

    .page:has(.teamsync-hub--live) .command-nav__brand {
        flex: 0 0 auto;
    }

    .page:has(.teamsync-hub--live) .command-nav__brand > span:last-child {
        display: none;
    }

    .page:has(.teamsync-hub--live) .command-nav__links {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
        padding-bottom: 0;
    }

    .page:has(.teamsync-hub--live) .command-nav__link:is(
        [href="production-plans/review"],
        [href="reports"]
    ) {
        display: none;
    }

    .teamsync-tab-list {
        grid-template-columns: 1fr;
    }

    .teamsync-hub--live .teamsync-ops-hero__actions {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
    }

    .teamsync-hub--live .teamsync-tab-list {
        gap: 0.35rem;
        overflow-x: visible;
    }

    .teamsync-hub--live .teamsync-tab {
        grid-template-columns: 24px;
        width: 44px;
        min-height: 44px;
        padding: 0;
        justify-content: center;
    }

    .teamsync-hub--live .teamsync-tab__copy,
    .teamsync-hub--live .teamsync-tab strong {
        display: none;
    }

    .teamsync-hub--live .teamsync-tab--active {
        grid-template-columns: 24px minmax(0, auto);
        width: auto;
        padding: 0.42rem 0.7rem;
    }

    .teamsync-hub--live .teamsync-tab--active .teamsync-tab__copy {
        display: inline-flex;
    }

    .teamsync-priority-board__metrics,
    .teamsync-job-strip,
    .teamsync-intel-grid,
    .teamsync-production-heading {
        grid-template-columns: 1fr;
    }

    .teamsync-production-heading > .status-pill {
        justify-self: start;
    }

    .teamsync-crew-matrix {
        overflow-x: visible;
    }

    .teamsync-crew-matrix__header {
        display: none;
    }

    .teamsync-crew-matrix__row {
        grid-template-columns: 1fr;
        min-width: 0;
        gap: 0.6rem;
        padding: 0.75rem;
    }

    .teamsync-crew-matrix__row > strong {
        padding-bottom: 0.55rem;
        border-bottom: 1px solid rgba(156, 163, 175, 0.18);
    }

    .teamsync-crew-matrix__row .teamsync-assignment-chip {
        display: grid;
        grid-template-columns: 68px minmax(0, 1fr);
        justify-content: stretch;
        text-align: left;
    }

    .teamsync-crew-matrix__row .teamsync-assignment-chip::before {
        color: #9ca3af;
        font-size: 0.68rem;
        font-weight: 850;
    }

    .teamsync-crew-matrix__row .teamsync-assignment-chip:nth-child(2)::before {
        content: "PREP";
    }

    .teamsync-crew-matrix__row .teamsync-assignment-chip:nth-child(3)::before {
        content: "SHOOT";
    }

    .teamsync-crew-matrix__row .teamsync-assignment-chip:nth-child(4)::before {
        content: "WRAP";
    }

    .teamsync-tab {
        min-height: 64px;
    }

    .teamsync-task-card,
    .teamsync-readiness-list__item,
    .teamsync-triage-item,
    .teamsync-check-row {
        grid-template-columns: 1fr;
    }

    .teamsync-hub--live .teamsync-check-row {
        grid-template-columns: 44px minmax(0, 1fr);
    }

    .teamsync-inspector-focus__title,
    .teamsync-inspector-meta,
    .teamsync-readiness-mini-meta,
    .teamsync-focus-meta {
        grid-template-columns: 1fr;
    }

    .teamsync-task-card > span,
    .teamsync-readiness-list__item > .oi,
    .teamsync-inspector-focus__title > .oi,
    .teamsync-triage-item > .oi,
    .teamsync-check-row > .oi {
        justify-self: start;
    }

    .teamsync-readiness-list__title,
    .teamsync-check-row__title {
        display: grid;
        justify-items: start;
    }

    .teamsync-hub--live .teamsync-check-row__title {
        display: flex;
        justify-items: normal;
    }

    .teamsync-hub--live .teamsync-readiness-mini-meta {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .teamsync-triage-item .status-pill {
        grid-column: auto;
    }

    .admin-workspace h1 {
        font-size: clamp(2rem, 12vw, 3rem);
        line-height: 1.05;
    }

    .teamsync-ops-hero h1 {
        font-size: 1.9rem;
    }

    .teamsync-hub--live .teamsync-ops-hero h1 {
        font-size: 1.7rem;
    }

    .admin-panel,
    .admin-access-denied,
    .admin-flag-card,
    .reports-board__main,
    .reports-board__side {
        padding: 1rem;
    }

    .admin-hero__grid {
        gap: 1rem;
    }

    .command-home-card__topline {
        grid-template-columns: 1fr;
    }

    .main {
        padding: 1rem clamp(0.85rem, 4vw, 1rem) 3rem;
    }

    .reports-hero--compact {
        gap: 0.9rem;
    }

    .reports-hero--compact h1 {
        font-size: 2rem;
        line-height: 1.08;
    }

    .reports-hero--compact .reports-lead {
        font-size: 1rem;
        line-height: 1.45;
    }

    .report-filter-bar {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.45rem;
    }

    .report-filter {
        min-height: 54px;
        padding: 0.65rem;
    }

    .report-filter span {
        font-size: 0.68rem;
    }

    .report-filter strong {
        font-size: 0.82rem;
        overflow-wrap: anywhere;
    }

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

    .report-decision-grid div:nth-child(n+3) {
        grid-column: 1 / -1;
        min-height: auto;
    }

    .report-decision-grid.report-detail-opening-map__steps {
        grid-template-columns: 1fr;
        gap: 0.45rem;
    }

    .report-decision-grid.report-detail-opening-map__steps div {
        min-height: 0;
        padding: 0.65rem;
    }

    .report-operation-table {
        overflow-x: visible;
    }

    .report-operation-row--header {
        display: none;
    }

    .report-operation-row {
        grid-template-columns: 1fr;
        min-width: 0;
        gap: 0.45rem;
    }
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    align-items: center;
    background: #171a20;
    border-top: 1px solid rgba(251, 191, 36, 0.6);
    bottom: 0;
    box-shadow: 0 -8px 30px rgba(0, 0, 0, 0.4);
    color: #f8fafc;
    display: none;
    gap: 1rem;
    justify-content: space-between;
    left: 0;
    padding: 0.8rem max(1rem, env(safe-area-inset-right)) max(0.8rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));
    position: fixed;
    width: 100%;
    z-index: 10000;
}

#blazor-error-ui .blazor-error-ui__copy {
    display: grid;
    gap: 0.15rem;
    line-height: 1.35;
}

#blazor-error-ui .blazor-error-ui__copy strong {
    color: #fbbf24;
}

#blazor-error-ui .blazor-error-ui__copy span {
    color: #cbd5e1;
}

#blazor-error-ui .blazor-error-ui__actions {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 0.5rem;
}

#blazor-error-ui .reload,
#blazor-error-ui .blazor-error-ui__reset,
#blazor-error-ui .dismiss {
    align-items: center;
    border-radius: 0.55rem;
    display: inline-flex;
    justify-content: center;
    min-height: 44px;
    padding: 0.6rem 0.85rem;
}

#blazor-error-ui .reload {
    background: #fbbf24;
    color: #171a20;
    font-weight: 700;
}

#blazor-error-ui .blazor-error-ui__reset {
    border: 1px solid rgba(203, 213, 225, 0.5);
    color: #f8fafc;
}

#blazor-error-ui .dismiss {
    background: transparent;
    border: 0;
    color: #cbd5e1;
    cursor: pointer;
    font-size: 1.25rem;
    min-width: 44px;
}

@media (max-width: 760px) {
    #blazor-error-ui {
        align-items: stretch;
        flex-direction: column;
    }

    #blazor-error-ui .blazor-error-ui__actions {
        align-items: stretch;
        flex-wrap: wrap;
    }

    #blazor-error-ui .reload,
    #blazor-error-ui .blazor-error-ui__reset {
        flex: 1 1 auto;
    }
}

@media (max-width: 1180px) {
    .command-home-shell {
        grid-template-columns: 1fr;
        width: 100%;
        margin: 0;
    }

    .command-home-sidebar {
        position: static;
        height: auto;
        grid-template-columns: minmax(140px, auto) minmax(0, 1fr) auto;
        grid-template-rows: auto;
        align-items: center;
        padding: 0.75rem;
        border-right: 0;
        border-bottom: 1px solid rgba(156, 163, 175, 0.18);
    }

    .command-home-nav {
        display: flex;
        overflow-x: auto;
        padding-bottom: 0.1rem;
    }

    .command-home-nav__item {
        flex: 0 0 auto;
    }

    .command-home-quota {
        width: 170px;
    }

    .command-home-topbar,
    .command-home-lens-banner,
    .command-home-dashboard {
        grid-template-columns: 1fr;
    }

    .command-home-controls {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

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

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

    .command-home-actions {
        grid-template-columns: 1fr;
    }

    .command-home-route-row {
        grid-template-columns: 80px minmax(160px, 1fr) 94px 100px 112px 120px 82px 18px;
        overflow-x: auto;
    }
}

@media (max-width: 760px) {
    .command-home-shell {
        width: 100%;
        min-height: 0;
    }

    .command-home-sidebar {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .command-home-brand {
        width: max-content;
    }

    .command-home-nav {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.5rem;
        overflow-x: visible;
        width: 100%;
    }

    .command-home-nav__item {
        padding: 0 0.65rem;
        width: 100%;
        white-space: normal;
    }

    .command-home-nav__item:nth-child(n+5) {
        display: none;
    }

    .command-home-quota {
        display: none;
    }

    .command-home-stage {
        width: 100%;
        max-width: 100vw;
        padding: 1rem;
        overflow: hidden;
    }

    .command-home-topbar h1 {
        font-size: 2.15rem;
    }

    .command-home-controls,
    .command-home-select,
    .command-home-lenses,
    .command-home-filter-row,
    .command-home-filter {
        width: 100%;
    }

    .command-home-controls {
        display: grid;
        grid-template-columns: 1fr;
    }

    .command-home-icon-badge,
    .command-home-avatar {
        display: none;
    }

    .command-home-icon-badge--button {
        display: inline-flex;
        width: 100%;
        border-radius: 8px;
    }

    .command-home-action-center,
    .command-home-action-center--palette {
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        transform: none;
        width: 100%;
        max-height: 92vh;
        grid-template-rows: auto auto auto auto auto auto;
        border-radius: 8px 8px 0 0;
        border-left: 1px solid rgba(96, 165, 250, 0.3);
        overflow: auto;
    }

    .command-home-action-center__header,
    .command-home-action-center__tools,
    .command-home-action-detail__actions {
        align-items: stretch;
    }

    .command-home-action-center__header,
    .command-home-action-center__body,
    .command-home-action-center--palette .command-home-action-center__body,
    .command-home-action-search {
        grid-template-columns: 1fr;
    }

    .command-home-action-center__tools,
    .command-home-action-detail__actions {
        flex-wrap: wrap;
    }

    .command-home-action-search {
        gap: 0.35rem;
        padding: 0.7rem;
    }

    .command-home-action-search small {
        display: none;
    }

    .command-home-notification-policy {
        grid-template-columns: 1fr;
    }

    .command-home-notification-policy__item {
        min-height: 44px;
    }

    .command-home-notification-preferences {
        max-height: min(440px, 48vh);
        overflow: auto;
    }

    .command-home-notification-preferences header,
    .command-home-notification-preferences__grid {
        grid-template-columns: 1fr;
    }

    .command-home-notification-preferences header {
        display: grid;
    }

    .command-home-notification-preferences header span {
        max-width: none;
        text-align: left;
    }

    .command-home-notification-personas {
        grid-template-columns: 1fr;
    }

    .command-home-action-item {
        grid-template-columns: 28px minmax(0, 1fr);
    }

    .command-home-action-item em {
        grid-column: 2;
        justify-self: start;
        text-align: left;
    }

    .command-home-action-item .command-home-action-item__cta {
        grid-column: 2;
        justify-self: start;
    }

    .command-home-action-detail dl div {
        grid-template-columns: 1fr;
        gap: 0.25rem;
    }

    .command-home-shell--notifications .command-home-stage {
        min-height: auto;
        overflow: visible;
    }

    .command-home-shell--notifications .command-home-action-center,
    .command-home-shell--notifications .command-home-action-center--palette {
        height: auto;
        min-height: 0;
        max-height: none;
        padding: 0.85rem;
        overflow: visible;
    }

    .command-home-shell--notifications .command-home-action-center__header {
        display: grid;
        grid-template-columns: 1fr;
        align-items: start;
        gap: 0.85rem;
    }

    .command-home-shell--notifications .command-home-action-center__tools {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.5rem;
        align-items: stretch;
    }

    .command-home-shell--notifications .command-home-action-center__view-mode {
        grid-column: 1 / -1;
    }

    .command-home-shell--notifications .command-home-action-center__mode,
    .command-home-shell--notifications .command-home-action-center__settings {
        min-width: 0;
        padding-inline: 0.55rem;
        white-space: nowrap;
    }

    .command-home-shell--notifications .command-home-action-search {
        grid-template-columns: 20px minmax(0, 1fr);
        align-items: center;
    }

    .command-home-shell--notifications .command-home-action-center__body,
    .command-home-shell--notifications .command-home-action-center--palette .command-home-action-center__body {
        grid-template-columns: 1fr;
        overflow: visible;
    }

    .command-home-shell--notifications .command-home-review-rail,
    .command-home-shell--notifications .command-home-action-list,
    .command-home-shell--notifications .command-home-action-detail {
        overflow: visible;
    }

    .command-home-shell--notifications .command-home-action-detail__actions {
        grid-template-columns: 1fr;
    }

    .command-home-lenses,
    .command-home-filter-row {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .command-home-data-freshness {
        grid-column: 1 / -1;
    }

    .command-home-lens {
        min-width: 0;
        padding: 0.55rem;
    }

    .command-home-panel {
        padding: 0.9rem;
    }

    .command-home-lens-banner {
        padding: 0.9rem;
    }

    .command-home-lens-banner h2,
    .command-home-lens-banner p,
    .command-home-topbar h1,
    .command-home-topbar p {
        max-width: 100%;
        overflow-wrap: anywhere;
    }

    .command-home-highlight-grid {
        grid-template-columns: 1fr;
    }

    .command-home-highlight {
        grid-template-columns: 28px minmax(0, 1fr) auto;
        align-items: center;
        min-height: 58px;
    }

    .command-home-highlight strong {
        grid-column: 3;
        grid-row: 1 / span 2;
        align-self: center;
    }

    .command-home-highlight small {
        grid-column: 2;
    }

    .command-home-rail {
        grid-template-columns: 1fr;
    }

    .command-home-rail::before {
        display: none;
    }

    .command-home-rail__step {
        grid-template-columns: 52px minmax(0, 1fr) auto;
        justify-items: start;
        text-align: left;
        align-items: center;
        padding: 0.65rem;
        border: 1px solid rgba(156, 163, 175, 0.18);
        border-radius: 8px;
        background: #1b1c1e;
    }

    .command-home-rail__node {
        width: 44px;
        height: 44px;
        font-size: 0.92rem;
    }

    .command-home-rail__step em {
        grid-column: 2 / -1;
    }

    .command-home-metrics,
    .command-home-actions {
        grid-template-columns: 1fr;
    }

    .command-home-metric {
        grid-template-columns: 78px minmax(0, 1fr);
        justify-items: start;
        align-items: center;
        min-height: 0;
        border-right: 0;
        border-bottom: 1px solid rgba(156, 163, 175, 0.18);
        text-align: left;
    }

    .command-home-metric:last-child {
        border-bottom: 0;
    }

    .command-home-metric span,
    .command-home-metric small {
        grid-column: 2;
        text-align: left;
    }

    .command-home-metric__ring {
        grid-row: 1 / span 2;
    }

    .command-home-attention-row,
    .command-home-safe-card {
        grid-template-columns: 44px minmax(0, 1fr);
    }

    .command-home-attention-row em,
    .command-home-attention-row > .oi:last-child {
        grid-column: 2;
        justify-self: start;
    }

    .command-home-route-group {
        overflow: visible;
    }

    .command-home-route-row {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 0.35rem 0.6rem;
        min-height: 0;
        padding: 0.7rem;
        overflow: visible;
    }

    .command-home-route-row span,
    .command-home-route-row strong,
    .command-home-route-row time,
    .command-home-route-row small,
    .command-home-route-row em,
    .command-home-route-row__people {
        grid-column: 1;
        justify-self: start;
    }

    .command-home-route-row > .oi {
        grid-column: 2;
        grid-row: 1;
    }
}

.buyer-checkout-case-context {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(300px, 1fr);
    gap: 0.75rem 1rem;
    align-items: start;
    border-color: rgba(255, 165, 0, 0.28);
    background:
        linear-gradient(135deg, rgba(255, 165, 0, 0.1), transparent 34%),
        rgba(43, 45, 49, 0.76);
}

.buyer-checkout-case-context--red {
    border-color: rgba(255, 68, 68, 0.34);
    background:
        linear-gradient(135deg, rgba(255, 68, 68, 0.1), transparent 34%),
        rgba(43, 45, 49, 0.76);
}

.buyer-checkout-case-context h1,
.buyer-checkout-case-context h2 {
    margin: 0;
    color: #fff;
    max-width: 100%;
    font-size: 1.55rem;
    line-height: 1.12;
    overflow-wrap: anywhere;
}

.buyer-checkout-case-context__copy,
.buyer-checkout-case-context__checks {
    display: grid;
    align-content: start;
    gap: 0.65rem;
    min-width: 0;
}

.buyer-checkout-case-context__copy {
    grid-column: 1;
}

.buyer-checkout-case-context__checks {
    grid-column: 2;
}

.buyer-checkout-case-context dl {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    margin: 0;
}

.buyer-checkout-case-context dl div {
    min-width: 0;
    padding: 0.62rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.56);
}

.buyer-checkout-case-context dt {
    color: #9ca3af;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0;
}

.buyer-checkout-case-context dd {
    margin: 0.25rem 0 0;
    color: #fff;
    overflow-wrap: anywhere;
}

.buyer-checkout-case-context__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 0;
}

.buyer-checkout-case-context__actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.65rem 0.9rem;
    border: 1px solid rgba(255, 215, 0, 0.32);
    border-radius: 8px;
    color: #ffd700;
    text-decoration: none;
    background: rgba(255, 215, 0, 0.08);
}

.buyer-checkout-case-context__actions a:hover,
.buyer-checkout-case-context__actions a:focus-visible {
    border-color: rgba(255, 215, 0, 0.54);
    color: #fff;
}

.buyer-checkout-case-next,
.buyer-checkout-case-missing {
    margin-top: 0;
    padding: 0.72rem;
    border: 1px solid rgba(255, 215, 0, 0.2);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.42);
}

.buyer-checkout-case-next ol {
    display: grid;
    gap: 0.35rem;
    margin: 0.45rem 0 0;
    padding-left: 1.25rem;
    color: #fff;
}

.buyer-checkout-case-next li,
.buyer-checkout-case-missing p {
    color: #d1d5db;
    line-height: 1.35;
}

.buyer-checkout-case-missing {
    border-color: rgba(255, 165, 0, 0.32);
}

.buyer-checkout-case-missing h3,
.buyer-checkout-case-missing h2 {
    margin: 0.35rem 0 0;
    color: #fff;
}

.admin-flag-card--focused {
    border-color: rgba(255, 215, 0, 0.72);
    box-shadow:
        0 0 0 2px rgba(255, 215, 0, 0.18),
        0 18px 40px rgba(0, 0, 0, 0.28);
}

.admin-workspace--route-context {
    padding-bottom: 0;
}

@media (max-width: 760px) {
    .page:has(.marketplace-workspace) .command-header {
        display: none;
    }

    .main:has(.marketplace-workspace) {
        padding: 0.75rem;
    }

    .marketplace-workspace {
        gap: 0.85rem;
    }

    .marketplace-workspace h1 {
        font-size: 2rem;
        line-height: 1.08;
    }

    .marketplace-lead {
        font-size: 0.98rem;
        line-height: 1.42;
    }

    .marketplace-card,
    .marketplace-proof-panel {
        padding: 1rem;
    }

    .page:has(.report-detail-layout--client-proof) .command-header,
    .page:has(.report-detail-layout--buyer-checkout) .command-header {
        display: none;
    }

    .main:has(.report-detail-layout--client-proof),
    .main:has(.report-detail-layout--buyer-checkout) {
        padding: 0.65rem;
    }

    .report-detail-layout--client-proof .breadcrumb-trail,
    .report-detail-layout--buyer-checkout .breadcrumb-trail {
        display: none;
    }

    .report-detail-layout .reports-hero--compact {
        grid-template-columns: 1fr;
    }

    .report-detail-layout .reports-hero--compact .reports-eyebrow,
    .report-detail-layout .reports-hero--compact h1,
    .report-detail-layout .reports-hero--compact .reports-lead,
    .report-detail-layout .reports-hero--compact .report-filter-bar {
        grid-column: 1;
    }

    .report-detail-layout .reports-hero--compact .report-filter-bar {
        grid-row: auto;
        max-width: none;
    }

    .report-filter-bar {
        grid-template-columns: 1fr;
    }

    .report-detail-layout--buyer-checkout .reports-hero--compact .report-filter-bar,
    .report-detail-layout--client-proof .reports-hero--compact .report-filter-bar,
    .report-detail-layout--creator-funnel .reports-hero--compact .report-filter-bar,
    .report-detail-layout--ledger .reports-hero--compact .report-filter-bar {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.28rem;
    }

    .report-detail-layout--buyer-checkout .reports-hero--compact,
    .report-detail-layout--client-proof .reports-hero--compact,
    .report-detail-layout--creator-funnel .reports-hero--compact,
    .report-detail-layout--ledger .reports-hero--compact {
        gap: 0.35rem;
    }

    .report-detail-layout--client-proof .reports-hero--compact .reports-lead,
    .report-detail-layout--buyer-checkout .reports-hero--compact .reports-lead {
        display: none;
    }

    .report-detail-layout--buyer-checkout .reports-hero--compact h1,
    .report-detail-layout--client-proof .reports-hero--compact h1,
    .report-detail-layout--creator-funnel .reports-hero--compact h1,
    .report-detail-layout--ledger .reports-hero--compact h1 {
        font-size: 1.45rem;
        line-height: 1.04;
    }

    .report-detail-layout--buyer-checkout .reports-hero--compact .reports-lead,
    .report-detail-layout--client-proof .reports-hero--compact .reports-lead,
    .report-detail-layout--creator-funnel .reports-hero--compact .reports-lead,
    .report-detail-layout--ledger .reports-hero--compact .reports-lead {
        font-size: 0.82rem;
        line-height: 1.25;
    }

    .report-detail-layout--buyer-checkout .report-filter,
    .report-detail-layout--client-proof .report-filter,
    .report-detail-layout--creator-funnel .report-filter,
    .report-detail-layout--ledger .report-filter {
        min-height: 44px;
        padding: 0.42rem;
    }

    .report-detail-layout--buyer-checkout .report-filter span,
    .report-detail-layout--client-proof .report-filter span,
    .report-detail-layout--creator-funnel .report-filter span,
    .report-detail-layout--ledger .report-filter span {
        font-size: 0.56rem;
    }

    .report-detail-layout--buyer-checkout .report-filter strong,
    .report-detail-layout--client-proof .report-filter strong,
    .report-detail-layout--creator-funnel .report-filter strong,
    .report-detail-layout--ledger .report-filter strong {
        font-size: 0.72rem;
        line-height: 1.15;
    }

    .report-detail-layout--buyer-checkout .report-command-detail-strip,
    .report-detail-layout--client-proof .report-command-detail-strip,
    .report-detail-layout--creator-funnel .report-command-detail-strip,
    .report-detail-layout--ledger .report-command-detail-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.25rem;
        margin-bottom: 0;
        padding: 0.25rem;
    }

    .report-detail-layout--buyer-checkout .report-command-detail-strip a,
    .report-detail-layout--buyer-checkout .report-command-detail-strip div,
    .report-detail-layout--client-proof .report-command-detail-strip a,
    .report-detail-layout--client-proof .report-command-detail-strip div,
    .report-detail-layout--creator-funnel .report-command-detail-strip a,
    .report-detail-layout--creator-funnel .report-command-detail-strip div,
    .report-detail-layout--ledger .report-command-detail-strip a,
    .report-detail-layout--ledger .report-command-detail-strip div {
        min-height: 44px;
        padding: 0.35rem 0.42rem;
    }

    .report-detail-layout--buyer-checkout .report-command-detail-strip small,
    .report-detail-layout--client-proof .report-command-detail-strip small,
    .report-detail-layout--creator-funnel .report-command-detail-strip small,
    .report-detail-layout--ledger .report-command-detail-strip small {
        font-size: 0.56rem;
    }

    .report-detail-layout--buyer-checkout .report-command-detail-strip strong,
    .report-detail-layout--client-proof .report-command-detail-strip strong,
    .report-detail-layout--creator-funnel .report-command-detail-strip strong,
    .report-detail-layout--ledger .report-command-detail-strip strong {
        font-size: 0.72rem;
        line-height: 1.15;
    }

    .client-proof-preview-panel__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .buyer-checkout-case-context {
        grid-template-columns: 1fr;
    }

    .buyer-checkout-case-context > .report-card-state,
    .buyer-checkout-case-context > h2,
    .buyer-checkout-case-context > p,
    .buyer-checkout-case-context__copy,
    .buyer-checkout-case-context__checks,
    .buyer-checkout-case-context dl,
    .buyer-checkout-case-context__actions,
    .buyer-checkout-case-next,
    .buyer-checkout-case-missing {
        grid-column: 1;
        grid-row: auto;
    }

    .buyer-checkout-case-context dl {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1320px) {
    .blueprint-publish-command-shell {
        grid-template-columns: 220px minmax(0, 1fr);
    }

    .blueprint-publish-studio-grid,
    .blueprint-publish-action-rail {
        grid-template-columns: 1fr;
    }

    .blueprint-publish-action-rail {
        left: calc(220px + 1rem);
    }

    .blueprint-publish-stage-rail {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .blueprint-publish-stage {
        grid-template-columns: 44px minmax(0, 1fr);
    }

    .blueprint-publish-revenue-plans,
    .blueprint-publish-launch-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 860px) {
    .blueprint-publish-command-shell {
        grid-template-columns: 1fr;
        width: 100%;
        max-width: 100vw;
        border-left: 0;
        border-right: 0;
        overflow-x: hidden;
    }

    .blueprint-publish-command-sidebar {
        order: 2;
        grid-template-rows: auto;
        border-right: 0;
        border-bottom: 1px solid rgba(156, 163, 175, 0.14);
    }

    .blueprint-publish-command-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .blueprint-publish-command-main {
        order: 1;
        padding: 0.75rem;
        height: auto;
        overflow: visible;
        max-width: 100vw;
        grid-template-rows: auto;
    }

    .blueprint-publish-stepper {
        grid-template-columns: 1fr;
        width: 100%;
        min-width: 0;
    }

    .blueprint-publish-step {
        grid-template-columns: 36px 20px minmax(0, 1fr);
    }

    .blueprint-publish-action-rail {
        position: static;
        right: auto;
        bottom: auto;
        left: auto;
    }

    .blueprint-publish-topbar {
        align-items: flex-start;
        flex-direction: column;
        margin: -0.75rem -0.75rem 0.75rem;
        padding: 0.75rem;
    }

    .blueprint-publish-lens-panel__header {
        flex-direction: column;
    }

    .blueprint-publish-lens-panel__header > strong {
        white-space: normal;
    }

    .blueprint-publish-lens-panel,
    .blueprint-publish-lens-panel > *,
    .blueprint-publish-lens-panel section,
    .blueprint-publish-lens-panel article,
    .blueprint-publish-lens-panel div {
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    .blueprint-publish-lens-panel {
        padding: 0.5rem;
        overflow-x: hidden;
    }

    .blueprint-publish-header,
    .blueprint-publish-lens-selector,
    .blueprint-publish-stage-rail,
    .blueprint-publish-check-grid,
    .blueprint-publish-revenue-plans,
    .blueprint-publish-launch-grid,
    .blueprint-publish-strategy-strip,
    .blueprint-publish-forecast,
    .blueprint-publish-action-rail dl {
        grid-template-columns: 1fr;
    }

    .blueprint-publish-strategy-strip div {
        border-left: 0;
        border-top: 1px solid rgba(156, 163, 175, 0.14);
    }

    .blueprint-publish-strategy-strip div:first-child {
        border-top: 0;
    }

    .blueprint-publish-preview-editor > header,
    .blueprint-publish-preview-phase > header,
    .blueprint-publish-preview-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .blueprint-publish-preview-editor > header {
        display: grid;
    }

    .blueprint-publish-preview-editor dl {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        min-width: 0;
    }

    .blueprint-publish-preview-actions {
        justify-content: stretch;
    }

    .blueprint-publish-preview-actions .marketplace-action-link {
        flex: 1 1 7rem;
        min-width: 0;
    }

    .blueprint-publish-gate-table__head {
        display: none;
    }

    .blueprint-publish-gate-row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .client-mandate-accept-workspace,
    .client-intake-workspace,
    .client-mandate-new-workspace {
        width: 100%;
        max-width: 100vw;
        padding: 0.65rem !important;
        overflow-x: hidden;
    }

    .marketplace-workspace.client-mandate-new-workspace:not(:has(.buyer-checkout-mockup-hybrid)) > .client-mandate-command-nav,
    .marketplace-workspace.client-mandate-detail-workspace:not(:has(.buyer-checkout-mockup-hybrid)) > .client-mandate-command-nav,
    .client-mandate-command-nav {
        position: static !important;
        inset: auto !important;
        grid-template-rows: auto;
        width: auto !important;
        margin: -0.35rem 0 0.25rem;
        border-right: 0;
        border-bottom: 1px solid rgba(156, 163, 175, 0.15);
        box-shadow: none;
    }

    .client-mandate-command-nav nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .client-mandate-detail-workspace .client-mandate-command-nav {
        position: relative;
        grid-template-areas:
            "brand sections"
            "workspace workspace";
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-rows: auto auto;
        gap: 0.6rem;
        margin: 0 0 0.45rem;
        padding: 0.75rem;
    }

    .client-mandate-detail-workspace .client-mandate-command-nav__brand {
        grid-area: brand;
    }

    .client-mandate-detail-workspace .client-mandate-command-nav nav[aria-label="Mandate workspace"] {
        grid-area: workspace;
    }

    .client-mandate-detail-workspace .client-mandate-command-nav nav[aria-label="Proof pilot lifecycle"] {
        display: none;
    }

    .client-mandate-detail-workspace .client-mandate-mobile-section-jump {
        position: relative;
        grid-area: sections;
        display: grid;
        align-self: start;
    }

    .client-mandate-detail-workspace .client-mandate-mobile-section-jump summary {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        padding: 0 0.75rem;
        border: 1px solid rgba(255, 215, 0, 0.42);
        border-radius: 8px;
        background: rgba(255, 215, 0, 0.1);
        color: #ffffff;
        cursor: pointer;
        font-size: 0.82rem;
        font-weight: 850;
        list-style: none;
        white-space: nowrap;
    }

    .client-mandate-detail-workspace .client-mandate-mobile-section-jump summary::-webkit-details-marker {
        display: none;
    }

    .client-mandate-detail-workspace .client-mandate-mobile-section-jump summary::after {
        content: "+";
        margin-left: 0.45rem;
        color: #ffd700;
        font-weight: 900;
    }

    .client-mandate-detail-workspace .client-mandate-mobile-section-jump[open] summary::after {
        content: "-";
    }

    .client-mandate-detail-workspace .client-mandate-mobile-section-jump nav {
        position: absolute;
        top: calc(100% + 0.4rem);
        right: 0;
        z-index: 8;
        display: grid;
        width: min(280px, calc(100vw - 3rem));
        padding: 0.5rem;
        border: 1px solid rgba(156, 163, 175, 0.2);
        border-radius: 8px;
        background: #0c1217;
        box-shadow: 0 18px 42px rgba(0, 0, 0, 0.36);
    }

    .client-mandate-detail-workspace .client-mandate-mobile-section-jump nav a {
        width: 100%;
        min-height: 44px;
    }

    .client-mandate-detail-workspace .client-mandate-command-nav nav {
        display: grid;
        gap: 0.45rem;
        overflow: visible;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .client-mandate-detail-workspace .client-mandate-command-nav nav span {
        display: none;
    }

    .client-mandate-detail-workspace .client-mandate-command-nav nav a {
        min-height: 44px;
        justify-content: center;
        text-align: center;
        white-space: normal;
    }

    .client-mandate-detail-workspace .client-mandate-command-nav .client-mandate-mobile-section-jump nav {
        display: grid;
        gap: 0.2rem;
        overflow: visible;
        grid-template-columns: minmax(0, 1fr);
        padding: 0.5rem;
    }

    .client-mandate-detail-workspace .client-mandate-command-nav .client-mandate-mobile-section-jump nav a {
        flex: 1 1 auto;
        white-space: normal;
    }

    .client-mandate-topbar {
        align-items: flex-start;
        flex-direction: column;
        padding: 0.65rem;
    }

    .client-mandate-topbar__utilities {
        width: 100%;
    }

    .client-mandate-accept-workspace .marketplace-hero__grid,
    .client-mandate-accept-workspace .client-mandate-accept-hero__grid,
    .client-mandate-accept-workspace .marketplace-signal-grid,
    .client-mandate-accept-workspace .client-mandate-accept-metrics,
    .client-mandate-accept-workspace .marketplace-card-grid,
    .client-mandate-accept-workspace .client-mandate-accept-review-layout,
    .client-mandate-accept-workspace .client-mandate-accept-proof-card.marketplace-card,
    .client-mandate-accept-workspace .client-mandate-response-options,
    .client-mandate-accept-workspace .client-mandate-response-actions,
    .client-mandate-accept-workspace .proposal-grid--two,
    .client-intake-workspace .marketplace-hero__grid,
    .client-intake-workspace .marketplace-signal-grid,
    .client-intake-workspace .marketplace-card-grid,
    .client-intake-workspace .proposal-field-grid,
    .client-mandate-new-workspace .marketplace-hero__grid,
    .client-mandate-new-workspace .client-mandate-builder-shell,
    .client-mandate-new-workspace .proposal-field-grid,
    .client-mandate-new-workspace .client-mandate-action-rail {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-mandate-accept-workspace .marketplace-card__actions,
    .client-mandate-accept-workspace .proposal-action-row,
    .client-intake-workspace .marketplace-card__actions,
    .client-intake-workspace .proposal-action-row,
    .client-mandate-new-workspace .marketplace-card__actions,
    .client-mandate-new-workspace .proposal-action-row,
    .client-mandate-new-workspace .client-mandate-action-rail__actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .client-mandate-accept-workspace .marketplace-action-link,
    .client-intake-workspace .marketplace-action-link,
    .client-mandate-new-workspace .marketplace-action-link {
        width: 100%;
        justify-content: center;
        white-space: normal;
    }

    .client-mandate-accept-workspace h1,
    .client-intake-workspace h1,
    .client-mandate-new-workspace h1 {
        font-size: 2rem;
        line-height: 1.08;
        overflow-wrap: normal;
        word-break: normal;
    }

    .client-mandate-accept-workspace .client-mandate-accept-proof-card.marketplace-card > .status-pill,
    .client-mandate-accept-workspace .client-mandate-accept-proof-card.marketplace-card > h2,
    .client-mandate-accept-workspace .client-mandate-accept-proof-card.marketplace-card > p,
    .client-mandate-accept-workspace .client-mandate-accept-proof-card.marketplace-card > .marketplace-definition-list {
        grid-column: 1;
        grid-row: auto;
    }

    .client-mandate-new-workspace .client-mandate-preview-rail {
        position: static;
    }

    .client-mandate-list-header,
    .client-mandate-list-header__actions,
    .client-mandate-list-toolbar,
    .client-mandate-hybrid-cockpit,
    .client-mandate-hybrid-cockpit__focus dl,
    .client-mandate-hybrid-cockpit__actions,
    .client-mandate-inspector-summary,
    .client-mandate-inspector-summary__actions,
    .client-mandate-decision-preflight,
    .client-mandate-decision-panel__actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
    }

    .client-mandate-saved-views,
    .client-mandate-handoff-lane,
    .client-mandate-list-layout,
    .client-mandate-proof-thumbnails,
    .client-mandate-inspector-tabs {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-mandate-hybrid-cockpit {
        grid-template-areas:
            "focus"
            "lane"
            "action";
    }

    .client-mandate-proof-inspector {
        position: static;
    }

    .client-mandate-table {
        overflow-x: auto;
        padding-bottom: 0.25rem;
    }

    .client-mandate-table__header,
    .client-mandate-table__row {
        min-width: 980px;
    }

    .client-mandate-new-workspace .client-mandate-action-rail {
        position: static;
        right: auto;
        bottom: auto;
        left: auto;
    }
}

.proposal-public-review-sidebar {
    display: none;
}

.proposal-public-review-topbar {
    display: none;
}

.main.main--public-share {
    padding: 0;
}

@media (min-width: 1181px) {
    .proposal-public-share.proposal-public-share--client-review {
        grid-template-columns: 220px minmax(0, 1fr) 370px;
        grid-auto-rows: auto;
        gap: 0;
        padding: 0;
        background: #f5f7fb;
        color: #0f172a;
    }

    .proposal-public-review-sidebar {
        position: sticky;
        top: 0;
        grid-column: 1;
        grid-row: 1 / span 6;
        display: grid;
        grid-template-rows: auto minmax(0, 1fr) auto;
        gap: 1rem;
        height: 100vh;
        padding: 1.2rem 0.9rem;
        background: linear-gradient(180deg, #061014, #111827);
        color: #f8fafc;
    }

    .proposal-public-review-sidebar__brand,
    .proposal-public-review-sidebar nav a {
        display: grid;
        grid-template-columns: 26px minmax(0, 1fr);
        gap: 0.65rem;
        align-items: center;
        min-height: 44px;
        color: #e5e7eb;
        font-weight: 760;
        text-decoration: none;
    }

    .proposal-public-review-sidebar__brand {
        grid-template-columns: 40px minmax(0, 1fr);
        color: #ffffff;
        font-size: 1.15rem;
        font-weight: 900;
    }

    .proposal-public-review-sidebar__brand strong {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .proposal-public-review-sidebar nav {
        display: grid;
        align-content: start;
        gap: 0.35rem;
    }

    .proposal-public-review-sidebar nav a {
        padding: 0 0.65rem;
        border: 1px solid transparent;
        border-radius: 8px;
    }

    .proposal-public-review-sidebar__active {
        border-color: rgba(20, 184, 166, 0.45) !important;
        background: linear-gradient(90deg, rgba(20, 184, 166, 0.82), rgba(15, 118, 110, 0.72));
        color: #ffffff !important;
    }

    .proposal-public-review-sidebar > small {
        color: #e5e7eb;
        line-height: 1.35;
    }

    .proposal-public-review-topbar {
        grid-column: 2 / 4;
        grid-row: 1;
        display: grid;
        grid-template-columns: 44px auto 18px minmax(0, 1fr);
        gap: 0.9rem;
        align-items: center;
        min-height: 58px;
        padding: 0 1.45rem;
        border-bottom: 1px solid #dbe2ea;
        background: #ffffff;
        color: #0f172a;
    }

    .proposal-public-review-topbar a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        border-radius: 8px;
        color: #334155;
        text-decoration: none;
    }

    .proposal-public-review-topbar > strong {
        font-size: 0.98rem;
        font-weight: 760;
    }

    .proposal-public-review-topbar__account {
        justify-self: end;
        display: grid;
        grid-template-columns: 28px 36px auto 18px;
        gap: 0.65rem;
        align-items: center;
        min-width: 0;
    }

    .proposal-public-review-topbar__account .proposal-document__logo {
        width: 36px;
        height: 36px;
        font-size: 0.82rem;
    }

    .proposal-public-review-topbar__account strong {
        max-width: 180px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .proposal-public-share--client-review .proposal-public-share__hero {
        grid-column: 2 / 4;
        grid-row: 2;
        grid-template-columns: minmax(0, 0.78fr) minmax(560px, 1.22fr);
        align-items: center;
        max-width: none;
        min-height: 126px;
        margin: 0;
        padding: 1.35rem 1.45rem 1.25rem;
        border-bottom: 1px solid #dbe2ea;
        background: #ffffff;
    }

    .proposal-public-share--client-review .proposal-public-share__hero > div,
    .proposal-public-share--client-review .proposal-public-share__hero aside,
    .proposal-public-share--client-review .proposal-public-share__note,
    .proposal-public-share--client-review .proposal-public-decision,
    .proposal-public-share--client-review .proposal-public-share__locked {
        border-color: transparent;
        background: transparent;
    }

    .proposal-public-share--client-review .proposal-public-share__hero > div {
        align-content: center;
        gap: 0.24rem;
        padding: 0;
    }

    .proposal-public-share--client-review .proposal-public-share__hero h1 {
        color: #0f172a;
        font-size: 1.9rem;
        line-height: 1.08;
    }

    .proposal-public-share--client-review .proposal-public-share__hero p {
        color: #475569;
        font-size: 0.96rem;
    }

    .proposal-public-share--client-review .proposal-public-review-guardrails {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0;
        align-items: center;
        min-width: 0;
        padding: 0;
    }

    .proposal-public-share--client-review .proposal-public-review-guardrails div {
        display: grid;
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 0.2rem 0.7rem;
        align-items: center;
        min-height: 60px;
        padding: 0.15rem 1.05rem;
        border-left: 1px solid #dbe2ea;
    }

    .proposal-public-share--client-review .proposal-public-review-guardrails .oi {
        grid-row: 1 / span 2;
        width: 34px;
        height: 34px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #cbd5e1;
        border-radius: 8px;
        color: #0f766e;
        font-size: 1rem;
    }

    .proposal-public-share--client-review .proposal-public-review-guardrails strong {
        color: #0f172a;
        font-size: 0.86rem;
        line-height: 1.2;
    }

    .proposal-public-share--client-review .proposal-public-review-guardrails small {
        color: #475569;
        font-size: 0.78rem;
        line-height: 1.25;
    }

    .proposal-public-share--client-review .proposal-public-hero-decision,
    .proposal-public-share--client-review .proposal-public-template-strip,
    .proposal-public-share--client-review .mockup-public-proposal-path {
        display: none;
    }

    .proposal-public-share--client-review .proposal-public-share__grid {
        display: contents;
    }

    .proposal-public-share--client-review .proposal-public-review-grid {
        grid-column: 2;
        grid-row: 3;
        display: grid;
        grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
        gap: 0.65rem 1rem;
        align-self: start;
        max-width: none;
        margin: 0;
        padding: 1.1rem 1.5rem;
        background: transparent;
    }

    .proposal-public-share--client-review .proposal-public-review-grid > article {
        align-content: start;
        min-height: 0;
        padding: 0.82rem 0.95rem;
        border-color: #dbe2ea;
        background: #ffffff;
        box-shadow: 0 14px 32px rgba(15, 23, 42, 0.08);
    }

    .proposal-public-share--client-review .proposal-public-review-grid__scope {
        grid-column: 1 / -1;
    }

    .proposal-public-share--client-review .proposal-public-review-grid__scope h2 {
        margin-bottom: 0.25rem;
    }

    .proposal-public-share--client-review .proposal-public-review-grid__timeline,
    .proposal-public-share--client-review .proposal-public-review-grid__intel {
        height: 228px;
        overflow: hidden;
    }

    .proposal-public-share--client-review .proposal-public-review-grid__blueprint,
    .proposal-public-share--client-review .proposal-public-review-grid__proof {
        height: 156px;
        overflow: hidden;
    }

    .proposal-public-share--client-review .proposal-public-review-grid h2,
    .proposal-public-share--client-review .proposal-package-option strong,
    .proposal-public-share--client-review .proposal-timeline-list__item strong,
    .proposal-public-share--client-review .proposal-proof-list__item strong,
    .proposal-public-share--client-review .proposal-public-site-intel strong,
    .proposal-public-share--client-review .proposal-public-crew-list strong {
        color: #0f172a;
    }

    .proposal-public-share--client-review .proposal-public-review-grid h2 {
        display: flex;
        flex-wrap: wrap;
        gap: 0.45rem;
        align-items: baseline;
        font-size: 1.18rem;
        line-height: 1.18;
    }

    .proposal-public-share--client-review .proposal-public-review-grid h2 small {
        color: #475569;
        font-size: 0.74rem;
        font-weight: 760;
    }

    .proposal-public-share--client-review .proposal-package-options--public {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.55rem;
    }

    .proposal-public-share--client-review .proposal-package-option,
    .proposal-public-share--client-review .proposal-timeline-list__item,
    .proposal-public-share--client-review .proposal-proof-list__item {
        border-color: #dbe2ea;
        background: #ffffff;
    }

    .proposal-public-share--client-review .proposal-package-option {
        min-height: 126px;
        padding: 0.72rem;
    }

    .proposal-public-share--client-review .proposal-package-option p,
    .proposal-public-share--client-review .proposal-timeline-list__item span,
    .proposal-public-share--client-review .proposal-timeline-list__item small,
    .proposal-public-share--client-review .proposal-proof-list__item p {
        color: #475569;
    }

    .proposal-public-share--client-review .proposal-package-option em {
        color: #0f766e;
    }

    .proposal-public-share--client-review .proposal-package-option--recommended {
        border-color: #0f766e;
        background: #f0fdfa;
    }

    .proposal-public-share--client-review .proposal-public-gantt {
        display: grid;
        gap: 0.22rem;
        min-width: 0;
    }

    .proposal-public-share--client-review .proposal-public-gantt__header,
    .proposal-public-share--client-review .proposal-public-gantt__row {
        display: grid;
        grid-template-columns: minmax(120px, 0.78fr) repeat(10, minmax(18px, 1fr));
        gap: 0;
        align-items: center;
    }

    .proposal-public-share--client-review .proposal-public-gantt__header span {
        padding: 0.25rem 0.2rem;
        border-bottom: 1px solid #dbe2ea;
        color: #475569;
        font-size: 0.68rem;
        font-weight: 820;
        text-align: center;
    }

    .proposal-public-share--client-review .proposal-public-gantt__header span:first-child {
        text-align: left;
    }

    .proposal-public-share--client-review .proposal-public-gantt__row {
        min-height: 26px;
        background-image: linear-gradient(90deg, transparent 0 120px, rgba(203, 213, 225, 0.82) 121px, transparent 122px);
    }

    .proposal-public-share--client-review .proposal-public-gantt__row strong {
        min-width: 0;
        padding-right: 0.45rem;
        color: #0f172a;
        font-size: 0.74rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .proposal-public-share--client-review .proposal-public-gantt__bar {
        grid-column: var(--proposal-gantt-start) / span var(--proposal-gantt-span);
        min-height: 14px;
        border-radius: 999px;
        color: transparent;
        overflow: hidden;
    }

    .proposal-public-share--client-review .proposal-public-gantt__bar--blue {
        background: #0e7490;
    }

    .proposal-public-share--client-review .proposal-public-gantt__bar--green {
        background: #0f766e;
    }

    .proposal-public-share--client-review .proposal-public-gantt__bar--gold,
    .proposal-public-share--client-review .proposal-public-gantt__bar--orange {
        background: #d97706;
    }

    .proposal-public-share--client-review .proposal-public-review-grid a {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        min-height: 32px;
        color: #0f766e;
        font-size: 0.82rem;
        font-weight: 820;
        text-decoration: none;
    }

    .proposal-public-share--client-review .proposal-public-site-intel {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.52rem 0.8rem;
    }

    .proposal-public-share--client-review .proposal-public-site-intel div {
        display: grid;
        grid-template-columns: 28px minmax(0, 1fr);
        gap: 0.15rem 0.55rem;
        min-width: 0;
    }

    .proposal-public-share--client-review .proposal-public-site-intel div:last-child {
        grid-column: 1 / -1;
    }

    .proposal-public-share--client-review .proposal-public-site-intel .oi {
        grid-row: 1 / span 2;
        color: #0f766e;
        font-size: 1.05rem;
    }

    .proposal-public-share--client-review .proposal-public-site-intel p {
        margin: 0;
        color: #475569;
        font-size: 0.76rem;
        line-height: 1.28;
    }

    .proposal-public-share--client-review .proposal-public-phase-pills {
        display: flex;
        flex-wrap: wrap;
        gap: 0.45rem;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .proposal-public-share--client-review .proposal-public-phase-pills li {
        display: grid;
        grid-template-columns: 28px minmax(0, 1fr);
        gap: 0.05rem 0.4rem;
        align-items: center;
        min-width: 112px;
    }

    .proposal-public-share--client-review .proposal-public-phase-pills span {
        grid-row: 1 / span 2;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 28px;
        border-radius: 999px;
        background: #0f766e;
        color: #ffffff;
        font-size: 0.72rem;
        font-weight: 900;
    }

    .proposal-public-share--client-review .proposal-public-phase-pills strong {
        color: #0f172a;
        font-size: 0.76rem;
    }

    .proposal-public-share--client-review .proposal-public-phase-pills small {
        color: #475569;
        font-size: 0.68rem;
    }

    .proposal-public-share--client-review .proposal-proof-list--icons {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.65rem;
    }

    .proposal-public-share--client-review .proposal-proof-list--icons .proposal-proof-list__item {
        display: grid;
        grid-template-columns: 28px minmax(0, 1fr);
        gap: 0.15rem 0.55rem;
        align-items: start;
        padding: 0;
        border: 0;
        background: transparent;
    }

    .proposal-public-share--client-review .proposal-proof-list--icons .oi {
        grid-row: 1 / span 2;
        color: #0f766e;
        font-size: 1.05rem;
    }

    .proposal-public-share--client-review .proposal-proof-list--icons p {
        margin: 0;
        font-size: 0.7rem;
        line-height: 1.25;
    }

    .proposal-public-share--client-review .proposal-public-review-grid__crew {
        grid-column: 1 / -1;
        min-height: 116px;
    }

    .proposal-public-share--client-review .proposal-public-crew-list {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0.55rem;
    }

    .proposal-public-share--client-review .proposal-public-crew-list div,
    .proposal-public-share--client-review .proposal-public-crew-list a {
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 0.05rem 0.55rem;
        align-items: center;
        min-height: 58px;
        padding: 0.5rem;
        border: 1px solid #dbe2ea;
        border-radius: 8px;
        background: #ffffff;
    }

    .proposal-public-share--client-review .proposal-public-crew-list div > span,
    .proposal-public-share--client-review .proposal-public-crew-list a > .oi {
        grid-row: 1 / span 2;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        border-radius: 999px;
        background: #e0f2fe;
        color: #0f766e;
        font-weight: 900;
    }

    .proposal-public-share--client-review .proposal-public-crew-list small {
        color: #475569;
        font-size: 0.72rem;
    }

    .proposal-public-share--client-review .proposal-public-decision {
        position: sticky;
        top: 74px;
        grid-column: 3;
        grid-row: 3;
        align-self: start;
        min-height: calc(100vh - 90px);
        margin: 1.5rem 1.5rem 1.5rem 0;
        gap: 0.42rem;
        padding: 1rem 1.1rem;
        border: 1px solid #dbe2ea;
        border-radius: 8px;
        background: #ffffff;
        box-shadow: 0 14px 32px rgba(15, 23, 42, 0.08);
    }

    .proposal-public-share--client-review .proposal-public-decision h2 {
        color: #0f766e;
        font-size: 2.05rem;
        line-height: 0.95;
    }

    .proposal-public-share--client-review .proposal-public-decision__brand {
        display: grid;
        gap: 0.5rem;
        padding: 0.1rem 0 0.55rem;
        border-bottom: 1px solid #dbe2ea;
    }

    .proposal-public-share--client-review .proposal-public-decision__brand > .status-pill {
        justify-self: start;
        background: #fff7ed;
        color: #b45309;
    }

    .proposal-public-share--client-review .proposal-public-decision__brand div {
        display: grid;
        grid-template-columns: 46px minmax(0, 1fr);
        gap: 0.8rem;
        align-items: center;
    }

    .proposal-public-share--client-review .proposal-public-decision__brand .proposal-document__logo {
        width: 42px;
        height: 42px;
        border-color: #0f766e;
        background: #ecfeff;
        color: #0f766e;
    }

    .proposal-public-share--client-review .proposal-public-decision__brand strong {
        color: #0f172a;
        font-size: 1.15rem;
        line-height: 1.05;
        text-transform: uppercase;
    }

    .proposal-public-share--client-review .proposal-public-decision p,
    .proposal-public-share--client-review .proposal-public-decision small {
        color: #475569;
    }

    .proposal-public-share--client-review .proposal-public-decision dl {
        gap: 0.25rem;
    }

    .proposal-public-share--client-review .proposal-public-decision dl div,
    .proposal-public-share--client-review .proposal-public-decision__note textarea {
        border-color: #dbe2ea;
        background: #ffffff;
    }

    .proposal-public-share--client-review .proposal-public-decision dl div {
        padding: 0.4rem 0.5rem;
    }

    .proposal-public-share--client-review .proposal-public-decision__note textarea {
        min-height: 64px;
    }

    .proposal-public-share--client-review .proposal-public-decision__note {
        display: none;
    }

    .proposal-public-share--client-review .proposal-public-decision dt,
    .proposal-public-share--client-review .proposal-public-decision__note span {
        color: #64748b;
    }

    .proposal-public-share--client-review .proposal-public-decision dd {
        color: #0f172a;
    }

    .proposal-public-share--client-review .proposal-public-decision__actions {
        display: grid;
        gap: 0.5rem;
    }

    .proposal-public-share--client-review .proposal-public-decision__actions .proposal-public-share__pdf-link {
        width: 100%;
        min-height: 46px;
        border-color: #0f766e;
        background: linear-gradient(90deg, #0f766e, #07847f);
        color: #ffffff;
        box-shadow: 0 12px 24px rgba(15, 118, 110, 0.18);
    }

    .proposal-public-share--client-review .proposal-public-decision__actions .proposal-public-share__pdf-link--quiet {
        background: #ffffff;
        color: #0f766e;
        box-shadow: none;
    }

    .proposal-public-share--client-review .proposal-public-acceptance-review {
        display: grid;
        grid-template-columns: 32px minmax(0, 1fr);
        gap: 0.7rem;
        align-items: start;
        padding: 0.75rem;
        border: 1px solid #cbd5e1;
        border-radius: 8px;
        background: #f8fafc;
        color: #0f172a;
    }

    .proposal-public-share--client-review .proposal-public-acceptance-review > .oi {
        display: grid;
        place-items: center;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: #ccfbf1;
        color: #0f766e;
        font-size: 0.9rem;
    }

    .proposal-public-share--client-review .proposal-public-acceptance-review div {
        display: grid;
        gap: 0.25rem;
    }

    .proposal-public-share--client-review .proposal-public-acceptance-review strong {
        font-size: 0.88rem;
    }

    .proposal-public-share--client-review .proposal-public-acceptance-review small {
        color: #475569;
        font-size: 0.76rem;
        line-height: 1.35;
    }

    .proposal-public-share--client-review .proposal-report-package--public {
        grid-column: 2;
        grid-row: 4;
        max-width: none;
        margin: 0 1.5rem 1.5rem;
    }

    .proposal-public-share--client-review .proposal-public-share__note {
        position: sticky;
        top: 74px;
        grid-column: 3;
        grid-row: 4;
        align-self: start;
        margin: 0 1.5rem 1.5rem 0;
        padding: 1rem;
        border: 1px solid #dbe2ea;
        border-radius: 8px;
        background: #ffffff;
        color: #0f172a;
        box-shadow: 0 14px 32px rgba(15, 23, 42, 0.08);
    }

    .proposal-public-share--client-review .proposal-public-share__note strong {
        color: #0f172a;
    }

    .proposal-public-share--client-review .proposal-public-share__note p,
    .proposal-public-share--client-review .proposal-public-share__note small {
        color: #475569;
    }

    .proposal-public-share--client-review .proposal-public-next-step {
        grid-column: 2 / 4;
        grid-row: 5;
        max-width: none;
        margin: 0 1.5rem 1.5rem;
        border-color: #dbe2ea;
        background: #ffffff;
        color: #0f172a;
    }

    .proposal-public-share.proposal-public-share--client-review {
        background: #071014;
        color: #f8fafc;
    }

    .proposal-public-share--client-review .proposal-public-review-topbar {
        border-bottom-color: rgba(148, 163, 184, 0.18);
        background: #0b1018;
        color: #f8fafc;
    }

    .proposal-public-share--client-review .proposal-public-review-topbar a,
    .proposal-public-share--client-review .proposal-public-review-topbar__account,
    .proposal-public-share--client-review .proposal-public-review-topbar__account strong {
        color: #e5e7eb;
    }

    .proposal-public-share--client-review .proposal-public-share__hero {
        min-height: 104px;
        padding: 1rem 1.25rem;
        border-bottom-color: rgba(148, 163, 184, 0.16);
        background: #0b1018;
    }

    .proposal-public-share--client-review .proposal-public-share__hero h1 {
        color: #f8fafc;
        font-size: 1.55rem;
    }

    .proposal-public-share--client-review .proposal-public-share__hero p {
        color: #cbd5e1;
    }

    .proposal-public-share--client-review .proposal-public-review-guardrails div {
        min-height: 54px;
        border-left-color: rgba(148, 163, 184, 0.18);
    }

    .proposal-public-share--client-review .proposal-public-review-guardrails strong {
        color: #f8fafc;
    }

    .proposal-public-share--client-review .proposal-public-review-guardrails small {
        color: #cbd5e1;
    }

    .proposal-public-share--client-review .proposal-report-package--public {
        grid-column: 2;
        grid-row: 3;
        margin: 1rem;
    }

    .proposal-public-share--client-review .proposal-public-decision {
        grid-column: 3;
        grid-row: 3;
        min-height: calc(100vh - 160px);
        margin: 1rem 1rem 1rem 0;
    }

    .proposal-public-share--client-review .proposal-public-share__note {
        grid-column: 3;
        grid-row: 4;
        margin: 0 1rem 1rem 0;
    }

    .proposal-public-share--client-review .proposal-public-review-grid {
        grid-column: 2 / 4;
        grid-row: 5;
        padding: 0 1rem 1rem;
    }

    .proposal-public-share--client-review .proposal-public-next-step {
        grid-column: 2 / 4;
        grid-row: 6;
        margin: 0 1rem 1rem;
    }

    .proposal-public-share--client-review .proposal-report-package--public,
    .proposal-public-share--client-review .proposal-public-decision,
    .proposal-public-share--client-review .proposal-public-share__note {
        box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
    }
}

@media (min-width: 1181px) {
    .brand-kit-mock .brand-mock-main {
        padding: 2rem 1.5rem;
    }

    .brand-kit-mock .brand-kit-mock__workspace {
        grid-template-columns: minmax(720px, 1fr) minmax(420px, 0.48fr);
        gap: 1.5rem;
    }

    .brand-kit-mock .brand-kit-mock__summary article {
        min-height: 146px;
        padding: 1.05rem;
    }

    .brand-kit-mock .brand-kit-mock__asset-table article {
        min-height: 94px;
    }

    .brand-kit-mock .brand-kit-phone {
        width: min(100%, 382px);
        margin-top: 1.65rem;
    }

    .blueprint-branding-mock .blueprint-branding-mock__main {
        grid-template-columns: minmax(660px, 0.96fr) minmax(560px, 0.86fr);
        gap: 2rem;
        padding: 1.55rem 1.6rem 1.65rem 1.75rem;
    }

    .blueprint-branding-mock .blueprint-branding-mock__page-head {
        max-width: 620px;
    }

    .blueprint-branding-mock .blueprint-branding-mock__form-card {
        max-height: 790px;
    }

    .blueprint-branding-mock .blueprint-branding-task-summary {
        gap: 0.55rem;
        padding: 0.75rem;
    }

    .blueprint-branding-mock .blueprint-branding-asset-card {
        min-height: 190px;
        padding: 0.65rem;
    }

    .blueprint-branding-mock .blueprint-branding-asset-card > img,
    .blueprint-branding-mock .blueprint-branding-asset-card__placeholder,
    .blueprint-branding-mock .blueprint-branding-asset-card--wide > img,
    .blueprint-branding-mock .blueprint-branding-asset-card--wide .blueprint-branding-asset-card__placeholder {
        height: 150px;
    }

    .blueprint-branding-mock .blueprint-branding-mock__field {
        padding: 1rem 1.25rem;
    }

    .blueprint-branding-mock .blueprint-branding-mock__mode {
        min-height: 70px;
    }

    .blueprint-branding-mock .blueprint-branding-mock__dropzone {
        min-height: 104px;
    }

    .blueprint-branding-mock .blueprint-branding-mock__logo-uploader {
        grid-template-columns: 84px minmax(0, 1fr) 44px;
    }

    .blueprint-branding-mock .blueprint-branding-mock__logo-uploader .brand-kit-mock__hex {
        width: 84px;
        height: 84px;
    }

    .blueprint-branding-mock .blueprint-branding-mock__preview {
        margin-top: 4.35rem;
        padding: 1.1rem 1.25rem;
    }

    .blueprint-branding-mock .blueprint-branding-mock__phone {
        width: min(100%, 438px);
        border-width: 8px;
        padding: 1.15rem;
    }

    .blueprint-branding-mock .blueprint-branding-mock__phone-banner {
        height: 92px;
    }

    .admin-workspace--branding-review {
        padding: 0 1rem 1.4rem 5rem;
    }

    .admin-workspace--branding-review .admin-branding-review-board {
        grid-template-columns: 420px minmax(0, 1fr) 500px;
        grid-template-rows: minmax(0, 1fr) 72px;
        gap: 1rem;
        min-height: calc(100vh - 82px);
        padding: 0.85rem;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__heading h2 {
        white-space: nowrap;
        font-size: 1.35rem;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__item {
        min-height: 86px;
        grid-template-columns: 58px minmax(0, 1fr) auto;
        grid-template-rows: auto auto;
        gap: 0.18rem 0.75rem;
        padding: 0.75rem;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__item::before {
        grid-row: 1 / span 2;
        width: 52px;
        height: 52px;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__item .status-pill {
        grid-column: 3;
        grid-row: 1 / span 2;
        align-self: center;
        justify-self: end;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__item strong,
    .admin-workspace--branding-review .admin-branding-review-queue__item small {
        grid-column: 2;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__item strong {
        grid-row: 1;
        align-self: end;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__item small {
        grid-row: 2;
        align-self: start;
    }

    .admin-workspace--branding-review .admin-branding-compare__art {
        min-height: 206px;
    }

    .admin-workspace--branding-review .admin-branding-safety article {
        min-height: 91px;
        grid-template-columns: minmax(150px, 0.54fr) minmax(0, 1fr);
    }

    .branding-preview-lab .branding-preview-lab__main {
        gap: 1rem;
        padding: 1.25rem 1.5rem;
    }

    .branding-preview-lab .branding-preview-lab__workspace {
        grid-template-columns: minmax(400px, 0.72fr) minmax(550px, 1fr) minmax(360px, 0.74fr);
        gap: 1rem;
    }

    .branding-preview-lab .branding-preview-lab__controls,
    .branding-preview-lab .branding-preview-lab__marketplace,
    .branding-preview-lab .branding-preview-lab__mobile {
        height: 690px;
    }

    .branding-preview-lab .branding-preview-lab__controls {
        gap: 0.8rem;
        padding: 1rem;
    }

    .branding-preview-lab .branding-preview-lab__controls input,
    .branding-preview-lab .branding-preview-lab__controls textarea,
    .branding-preview-lab .branding-preview-lab__controls select {
        min-height: 44px;
    }

    .branding-preview-lab .branding-preview-card__banner {
        min-height: 160px;
    }

    .branding-preview-lab .branding-preview-card__body {
        gap: 0.72rem;
        padding: 1.05rem;
    }

    .branding-preview-lab .branding-preview-card__body h3 {
        font-size: 1.6rem;
    }

    .branding-preview-lab .branding-preview-card__metrics > span,
    .branding-preview-lab .branding-preview-card__proof > span {
        min-height: 58px;
    }

    .branding-preview-lab .branding-preview-phone {
        width: min(100%, 312px);
    }

    .branding-preview-lab .branding-preview-lab__readiness {
        min-height: 126px;
        padding: 1rem;
    }
}

/* Strict proposal-comparison pass for the generated branding mockups. */
@media (min-width: 1181px) {
    .brand-mock-shell .brand-mock-logo span {
        width: 28px;
        height: 28px;
        border-radius: 7px;
        box-shadow: none;
    }

    .brand-mock-shell .brand-mock-logo span::before {
        inset: 6px;
    }

    .brand-mock-shell .brand-mock-logo span::after {
        inset: 10px;
    }

    .brand-kit-mock .brand-mock-main {
        padding: 1.95rem 1.55rem 1rem;
    }

    .brand-kit-mock .brand-kit-mock__workspace {
        grid-template-columns: minmax(850px, 1fr) 420px;
        gap: 1.55rem;
        align-items: start;
    }

    .brand-kit-mock .brand-mock-page-heading {
        margin-bottom: 1.25rem;
    }

    .brand-kit-mock .brand-kit-mock__summary {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.02fr) 190px;
        gap: 0.65rem;
        margin-bottom: 1.3rem;
    }

    .brand-kit-mock .brand-kit-mock__summary article {
        min-height: 146px;
        padding: 1rem 1.15rem;
        align-items: start;
    }

    .brand-kit-mock .brand-kit-mock__summary article p {
        max-width: 24ch;
    }

    .brand-kit-mock .brand-kit-mock__panel-head {
        padding: 1.4rem 1.25rem 1rem;
    }

    .brand-kit-mock .brand-kit-mock__asset-head,
    .brand-kit-mock .brand-kit-mock__asset-table article {
        grid-template-columns: minmax(280px, 1.25fr) minmax(150px, 0.72fr) minmax(120px, 0.56fr) minmax(160px, 0.72fr) 28px;
    }

    .brand-kit-mock .brand-kit-mock__asset-table article {
        min-height: 92px;
    }

    .brand-kit-mock .brand-kit-phone {
        width: 370px;
        margin: 1.7rem auto 0;
    }

    .blueprint-branding-mock .blueprint-branding-mock__topbar {
        min-height: 62px;
    }

    .blueprint-branding-mock .blueprint-branding-mock__main {
        grid-template-columns: 650px minmax(560px, 1fr);
        gap: 2.25rem;
        padding: 1.35rem 1.6rem 1rem 1.75rem;
    }

    .blueprint-branding-mock .blueprint-branding-mock__page-head {
        max-width: none;
        margin-bottom: 1.2rem;
    }

    .blueprint-branding-mock .blueprint-branding-mock__actions {
        position: fixed;
        top: 84px;
        right: 1.6rem;
        z-index: 2;
    }

    .blueprint-branding-mock .blueprint-branding-mock__field {
        padding: 0.95rem 1.25rem;
    }

    .blueprint-branding-mock .blueprint-branding-mock__field:first-child > p:not(.blueprint-branding-mock__lock) {
        display: none;
    }

    .blueprint-branding-mock .blueprint-branding-mock__mode {
        min-height: 68px;
        padding: 0.78rem 0.9rem;
    }

    .blueprint-branding-mock .blueprint-branding-mock__mode-row {
        gap: 0.75rem;
    }

    .blueprint-branding-mock .blueprint-branding-mock__field--inline,
    .blueprint-branding-mock .blueprint-branding-mock__upload,
    .blueprint-branding-mock .blueprint-branding-mock__logo-row,
    .blueprint-branding-mock .blueprint-branding-mock__name-row {
        grid-template-columns: 250px minmax(0, 1fr);
    }

    .blueprint-branding-mock .blueprint-branding-mock__dropzone {
        min-height: 95px;
    }

    .blueprint-branding-mock .blueprint-branding-mock__logo-uploader {
        grid-template-columns: 84px 1fr 44px;
    }

    .blueprint-branding-mock .blueprint-branding-mock__preview {
        margin-top: 4.45rem;
        padding: 1.05rem 1.1rem;
    }

    .blueprint-branding-mock .blueprint-branding-mock__phone {
        width: 438px;
        margin-left: 2.35rem;
    }

    .admin-workspace--branding-review {
        padding: 0 0 0 4.55rem;
        min-height: 100vh;
        overflow: hidden;
    }

    .admin-workspace--branding-review .admin-review-topbar {
        min-height: 78px;
        padding-inline: 1.25rem 1.7rem;
    }

    .admin-workspace--branding-review .admin-review-icon-rail {
        top: 78px;
        width: 4.55rem;
        padding-top: 1.25rem;
    }

    .admin-workspace--branding-review .admin-branding-review-board {
        grid-template-columns: 422px minmax(0, 1fr) 500px;
        grid-template-rows: minmax(0, 1fr) 72px;
        gap: 1rem;
        min-height: calc(100vh - 78px);
        height: calc(100vh - 78px);
        border-radius: 0;
        border-inline: 0;
        padding: 1rem 1rem 0.9rem;
    }

    .admin-workspace--branding-review .admin-branding-review-queue,
    .admin-workspace--branding-review .admin-branding-review-detail,
    .admin-workspace--branding-review .admin-branding-safety {
        overflow: hidden;
    }

    .admin-workspace--branding-review .admin-branding-review-queue {
        display: grid;
        grid-template-rows: auto repeat(8, minmax(0, 1fr)) auto;
        gap: 0.5rem;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__heading {
        margin-bottom: 0.1rem;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__item {
        min-height: 0;
        margin-top: 0;
        grid-template-columns: 58px minmax(0, 1fr) auto 18px;
        grid-template-rows: auto auto;
        gap: 0.16rem 0.72rem;
        padding: 0.66rem 0.72rem;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__item::before {
        grid-row: 1 / span 2;
        width: 52px;
        height: 52px;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__item .status-pill {
        grid-column: 3;
        grid-row: 1 / span 2;
        align-self: center;
        justify-self: end;
        min-width: 82px;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__item strong {
        grid-column: 2;
        grid-row: 1;
        align-self: end;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__creator {
        grid-column: 2;
        grid-row: 2;
        align-self: start;
        color: #60a5fa;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__submitted {
        grid-column: 2;
        grid-row: 3;
        display: none;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__chevron {
        grid-column: 4;
        grid-row: 1 / span 2;
        align-self: center;
        color: #94a3b8;
        font-size: 1.45rem;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__pager {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        justify-content: flex-end;
        color: #cbd5e1;
        padding-top: 0.15rem;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__pager span {
        margin-right: auto;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__pager button {
        width: 38px;
        height: 38px;
        border: 1px solid rgba(148, 163, 184, 0.24);
        border-radius: 8px;
        background: rgba(15, 23, 42, 0.6);
        color: #dbeafe;
    }

    .admin-workspace--branding-review .admin-branding-review-detail {
        display: grid;
        grid-template-rows: auto minmax(0, 1fr) auto auto;
        gap: 0.85rem;
        padding: 0.95rem;
    }

    .admin-workspace--branding-review .admin-branding-review-detail__header {
        display: grid;
        grid-template-columns: 76px minmax(0, 1fr) 72px;
        grid-template-rows: auto auto;
        gap: 0.2rem 0.9rem;
        align-items: start;
        margin-bottom: 0;
    }

    .admin-workspace--branding-review .admin-branding-review-detail__icon {
        grid-row: 1 / span 2;
        width: 72px;
        height: 72px;
        border: 1px solid rgba(148, 163, 184, 0.2);
        border-radius: 10px;
        background:
            linear-gradient(135deg, transparent 0 62%, rgba(96, 165, 250, 0.82) 62% 68%, transparent 68%),
            linear-gradient(135deg, rgba(96, 165, 250, 0.95), rgba(30, 41, 59, 0.82));
        box-shadow: inset 0 0 0 14px rgba(15, 23, 42, 0.54);
    }

    .admin-workspace--branding-review .admin-branding-review-detail__header h2 {
        font-size: 1.45rem;
        line-height: 1.05;
    }

    .admin-workspace--branding-review .admin-branding-review-detail__header p,
    .admin-workspace--branding-review .admin-branding-review-detail__header small {
        margin: 0.16rem 0;
        color: #cbd5e1;
    }

    .admin-workspace--branding-review .admin-branding-review-detail__header small span {
        display: inline-block;
        margin-left: 0.75rem;
        padding: 0.16rem 0.5rem;
        border-radius: 6px;
        background: rgba(148, 163, 184, 0.12);
    }

    .admin-workspace--branding-review .admin-branding-review-detail__header > .status-pill {
        grid-column: 3;
        justify-self: end;
    }

    .admin-workspace--branding-review .admin-branding-review-detail__due {
        grid-column: 3;
        justify-self: end;
        text-align: right;
        color: #f59e0b;
        font-weight: 800;
        line-height: 1.25;
    }

    .admin-workspace--branding-review .admin-branding-request {
        min-height: 0;
        overflow: hidden;
    }

    .admin-workspace--branding-review .admin-branding-request h3 {
        margin: 0 0 0.25rem;
        color: #f9fafb;
        font-size: 1rem;
    }

    .admin-workspace--branding-review .admin-branding-request > p {
        margin: 0 0 0.8rem;
        color: #cbd5e1;
    }

    .admin-workspace--branding-review .admin-branding-compare {
        margin-bottom: 0.75rem;
    }

    .admin-workspace--branding-review .admin-branding-compare__art {
        min-height: 206px;
    }

    .admin-workspace--branding-review .marketplace-proof-panel {
        margin: 0;
        padding: 0.85rem 1rem;
    }

    .admin-workspace--branding-review .admin-branding-review-notes {
        padding: 0.75rem 0.85rem;
    }

    .admin-workspace--branding-review .admin-branding-safety {
        padding: 1rem;
    }

    .admin-workspace--branding-review .admin-branding-safety article {
        min-height: 110px;
        grid-template-columns: 68px minmax(0, 1fr) auto;
        gap: 0.8rem;
        align-items: center;
    }

    .admin-workspace--branding-review .admin-branding-safety article::before {
        content: "";
        width: 46px;
        height: 46px;
        border-radius: 12px 12px 16px 16px;
        background: linear-gradient(135deg, #60a5fa, #2563eb);
        clip-path: polygon(50% 0, 92% 18%, 82% 78%, 50% 100%, 18% 78%, 8% 18%);
    }

    .admin-workspace--branding-review .admin-branding-safety article .status-pill {
        grid-column: 3;
        grid-row: 1;
        justify-self: end;
        min-width: 130px;
    }

    .admin-workspace--branding-review .admin-branding-safety article > div {
        grid-column: 2;
        grid-row: 1;
    }

    .admin-workspace--branding-review .admin-branding-review-actions {
        padding-top: 0;
    }

    .branding-preview-lab .branding-preview-lab__main {
        padding: 1.05rem 1.5rem 1.05rem;
        gap: 0.9rem;
    }

    .branding-preview-lab .branding-preview-lab__heading {
        margin-bottom: 0.35rem;
    }

    .branding-preview-lab .branding-preview-lab__workspace {
        grid-template-columns: 420px minmax(0, 1fr) 464px;
        gap: 1rem;
    }

    .branding-preview-lab .branding-preview-lab__controls,
    .branding-preview-lab .branding-preview-lab__marketplace,
    .branding-preview-lab .branding-preview-lab__mobile {
        height: 670px;
    }

    .branding-preview-lab .branding-preview-card__banner {
        min-height: 160px;
    }

    .branding-preview-lab .branding-preview-phone {
        width: 316px;
    }
}

@media (min-width: 1181px) {
    .brand-kit-mock .brand-mock-page-heading {
        position: relative;
        min-height: 74px;
        margin-bottom: 0.85rem;
        padding-right: 220px;
    }

    .brand-kit-mock .brand-mock-page-heading > .status-pill {
        position: absolute;
        top: 0;
        right: 0;
        width: 196px;
        min-height: 48px;
    }

    .brand-kit-mock .brand-mock-page-heading p {
        white-space: nowrap;
        font-size: 0.95rem;
    }

    .brand-kit-mock .brand-kit-mock__summary {
        margin-bottom: 1.25rem;
    }

    .brand-kit-mock .brand-kit-mock__summary article {
        height: 146px;
        min-height: 0;
        overflow: hidden;
    }

    .brand-kit-mock .brand-kit-mock__summary article p {
        font-size: 0.86rem;
        line-height: 1.35;
    }

    .brand-kit-mock .brand-kit-mock__summary .marketplace-action-link {
        min-height: 34px;
        padding-inline: 0.7rem;
        font-size: 0.78rem;
    }

    .brand-kit-mock .brand-kit-mock__summary .brand-kit-mock__hex {
        width: 44px;
        height: 44px;
    }

    .blueprint-branding-mock .blueprint-branding-mock__policy-note a {
        display: none;
    }

    .admin-workspace--branding-review .admin-branding-safety {
        display: grid;
        grid-template-rows: auto repeat(6, minmax(0, 1fr));
        gap: 0.55rem;
    }

    .admin-workspace--branding-review .admin-branding-safety article {
        min-height: 0;
        margin-top: 0;
        grid-template-columns: 56px minmax(0, 1fr) minmax(112px, max-content);
        padding: 0.72rem;
    }

    .admin-workspace--branding-review .admin-branding-safety article::before {
        width: 42px;
        height: 42px;
    }

    .admin-workspace--branding-review .admin-branding-safety article .status-pill {
        min-width: 0;
        max-width: 168px;
        justify-content: end;
        border-color: transparent;
        background: transparent;
        padding-inline: 0;
        color: #00e676;
        text-align: right;
        white-space: normal;
    }

    .admin-workspace--branding-review .admin-branding-safety article p {
        line-height: 1.32;
    }

    .admin-workspace--branding-review .admin-branding-review-detail__header {
        grid-template-columns: 76px minmax(0, 1fr) 96px;
    }

    .admin-workspace--branding-review .admin-branding-review-detail__due {
        font-size: 0.78rem;
    }

    .branding-preview-lab .branding-preview-lab__main {
        padding-top: 0.75rem;
    }

    .branding-preview-lab .branding-preview-lab__heading {
        margin-bottom: -0.15rem;
    }

    .branding-preview-lab .branding-preview-lab__workspace {
        grid-template-columns: 400px 633px 464px;
        gap: 1.1rem;
        justify-content: start;
    }

    .branding-preview-lab .branding-preview-lab__controls,
    .branding-preview-lab .branding-preview-lab__marketplace,
    .branding-preview-lab .branding-preview-lab__mobile {
        height: 672px;
    }
}

/* Hybrid proposal alignment: preserve live controls while matching the generated mockup compositions. */
@media (min-width: 1181px) {
    .brand-kit-mock .brand-kit-mock__summary {
        grid-template-columns: minmax(300px, 1fr) minmax(340px, 1.08fr) 188px;
    }

    .brand-kit-mock .brand-kit-mock__summary .marketplace-action-link {
        width: max-content;
        max-width: 100%;
        white-space: nowrap;
    }

    .brand-kit-mock .brand-kit-mock__panel {
        min-height: 584px;
    }

    .brand-kit-mock .brand-kit-mock__preview {
        min-height: 760px;
    }

    .brand-kit-mock .brand-kit-phone {
        width: min(100%, 382px);
        margin-top: 1.35rem;
    }

    .brand-kit-mock .brand-mock-main {
        overflow-x: clip;
    }

    .brand-kit-mock .brand-kit-mock__workspace {
        grid-template-columns: minmax(0, 1fr) minmax(320px, 0.42fr);
        max-width: 100%;
    }

    .brand-kit-mock .brand-mock-page-heading > div {
        min-width: 0;
    }

    .brand-kit-mock .brand-mock-page-heading > .status-pill {
        flex-shrink: 0;
    }

    .brand-kit-mock .brand-mock-page-heading {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-auto-flow: row;
    }

    .brand-kit-mock .brand-mock-page-heading > .status-pill {
        grid-column: 1;
        grid-row: 2;
        justify-self: start;
        position: static;
    }

    .blueprint-branding-mock .blueprint-branding-mock__main {
        grid-template-columns: 682px minmax(0, 1fr);
        gap: 2.1rem;
    }

    .blueprint-branding-mock .blueprint-branding-mock__form-card {
        max-height: 784px;
        overflow: hidden;
    }

    .blueprint-branding-mock .blueprint-branding-mock__policy-note {
        min-height: 54px;
    }

    .blueprint-branding-mock .blueprint-branding-mock__policy-note a {
        display: none !important;
    }

    .blueprint-branding-mock .blueprint-branding-mock__preview {
        min-height: 785px;
        margin-top: 4.25rem;
    }

    .blueprint-branding-mock .blueprint-branding-mock__phone {
        width: 448px;
        margin-inline: auto;
    }

    .admin-workspace--branding-review .admin-branding-review-board {
        grid-template-columns: 418px minmax(565px, 1fr) 500px;
        gap: 1.05rem;
        padding: 0.85rem 1rem 0.85rem;
    }

    .admin-workspace--branding-review .admin-branding-review-queue {
        grid-template-rows: auto repeat(8, 82px) auto;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__item {
        grid-template-columns: 58px minmax(0, 1fr) 86px 16px;
        grid-template-rows: 22px 18px 18px;
        min-height: 82px;
        padding-block: 0.55rem;
        align-content: center;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__item::before {
        grid-row: 1 / span 3;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__item .status-pill {
        grid-row: 1 / span 3;
        min-width: 74px;
        padding-inline: 0.45rem;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__item strong {
        grid-row: 1;
        align-self: end;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__creator {
        grid-row: 2;
        align-self: center;
        font-size: 0.78rem;
        line-height: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__submitted {
        display: block;
        grid-column: 2;
        grid-row: 3;
        margin-top: 0.15rem;
        align-self: start;
        color: #94a3b8;
        font-size: 0.72rem;
        line-height: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__chevron {
        grid-row: 1 / span 3;
    }

    .admin-workspace--branding-review .admin-branding-review-detail {
        grid-template-rows: 128px minmax(430px, 1fr) 94px 76px;
    }

    .admin-workspace--branding-review .admin-branding-review-detail__header {
        position: relative;
        padding-right: 108px;
    }

    .admin-workspace--branding-review .admin-branding-review-detail__header > .status-pill {
        position: absolute;
        top: 0;
        right: 0;
    }

    .admin-workspace--branding-review .admin-branding-review-detail__due {
        position: absolute;
        top: 58px;
        right: 0;
        max-width: 92px;
    }

    .admin-workspace--branding-review .admin-branding-compare__art {
        min-height: 200px;
    }

    .admin-workspace--branding-review .marketplace-proof-panel p,
    .admin-workspace--branding-review .admin-branding-review-notes p {
        font-size: 0.86rem;
        line-height: 1.35;
    }

    .admin-workspace--branding-review .admin-branding-safety {
        grid-template-rows: auto repeat(6, 105px);
    }

    .admin-workspace--branding-review .admin-branding-safety article {
        grid-template-columns: 54px minmax(0, 1fr) minmax(92px, max-content);
    }

    .admin-workspace--branding-review .admin-branding-safety article .status-pill {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        max-width: none;
        font-size: 0.68rem;
        white-space: nowrap;
    }

    .admin-workspace--branding-review .admin-branding-safety article .status-pill--green {
        color: #7bf7b8;
    }

    .admin-workspace--branding-review .admin-branding-safety article .status-pill--orange {
        color: #ffd08a;
    }

    .admin-workspace--branding-review .admin-branding-safety article .status-pill--blue {
        color: #a7ccff;
    }

    .admin-workspace--branding-review .admin-branding-safety article .status-pill--red {
        color: #ff9a9a;
    }

    .branding-preview-lab .branding-preview-lab__heading {
        grid-template-columns: 420px minmax(520px, 1fr) 168px;
    }

    .branding-preview-lab .branding-preview-lab__mode-switch {
        justify-self: center;
        width: 510px;
    }

    .branding-preview-lab .branding-preview-lab__heading > .marketplace-action-link {
        min-width: 168px;
        white-space: nowrap;
    }

    .branding-preview-lab .branding-preview-lab__workspace {
        grid-template-columns: 420px minmax(600px, 1fr) 430px;
    }

    .branding-preview-lab .branding-preview-lab__controls,
    .branding-preview-lab .branding-preview-lab__marketplace,
    .branding-preview-lab .branding-preview-lab__mobile {
        height: 654px;
    }

    .branding-preview-lab .branding-preview-card__banner {
        min-height: 150px;
    }

    .branding-preview-lab .branding-preview-lab__readiness {
        min-height: 112px;
    }
}

/* Final hybrid fit pass: make the live workbench read like the proposal while preserving controls. */
@media (min-width: 1181px) {
    .blueprint-branding-mock .blueprint-branding-mock__main {
        grid-template-columns: minmax(0, 1fr) minmax(300px, 0.48fr);
    }

    .blueprint-branding-mock .blueprint-branding-mock__preview {
        padding: 1.05rem 1.35rem;
    }

    .blueprint-branding-mock .blueprint-branding-mock__phone {
        width: min(100%, 330px);
    }

    .blueprint-branding-mock .blueprint-branding-mock__phone-banner {
        height: 104px;
    }

    .blueprint-branding-mock .blueprint-branding-mock__phone-body {
        gap: 0.58rem;
    }

    .admin-workspace--branding-review .admin-branding-review-detail {
        grid-template-rows: 120px minmax(420px, 1fr) 96px 82px;
    }

    .admin-workspace--branding-review .admin-branding-review-detail__header h2 {
        max-width: 26ch;
    }

    .admin-workspace--branding-review .admin-branding-review-detail__due {
        top: 54px;
    }

    .admin-workspace--branding-review .admin-branding-safety article {
        grid-template-columns: 50px minmax(0, 1fr) 126px;
        gap: 0.65rem;
    }

    .admin-workspace--branding-review .admin-branding-safety article .status-pill {
        justify-self: end;
        font-size: 0.63rem;
    }

    .branding-preview-lab .branding-preview-lab__heading {
        grid-template-columns: minmax(260px, 0.85fr) minmax(360px, 1fr) minmax(144px, auto);
        justify-content: stretch;
    }

    .branding-preview-lab .branding-preview-lab__heading p {
        white-space: normal;
    }

    .branding-preview-lab .branding-preview-lab__mode-switch {
        width: min(100%, 430px);
    }

    .branding-preview-lab .branding-preview-lab__heading > .marketplace-action-link {
        min-width: 144px;
    }

    .branding-preview-lab .branding-preview-lab__workspace {
        grid-template-columns: minmax(300px, 0.8fr) minmax(420px, 1fr) minmax(300px, 0.72fr);
        gap: 1rem;
    }

    .branding-preview-lab .branding-preview-lab__controls,
    .branding-preview-lab .branding-preview-lab__marketplace,
    .branding-preview-lab .branding-preview-lab__mobile {
        height: 676px;
    }

    .branding-preview-lab .branding-preview-card__banner {
        min-height: 156px;
    }

    .branding-preview-lab .branding-preview-card__body {
        padding: 0.9rem 1rem;
    }

    .branding-preview-lab .branding-preview-phone {
        width: 336px;
        padding: 0.62rem;
    }

    .branding-preview-lab .branding-preview-phone__banner {
        min-height: 76px;
        padding: 0.75rem;
    }

    .branding-preview-lab .branding-preview-phone__body {
        gap: 0.36rem;
        padding: 0.66rem;
    }

    .branding-preview-lab .branding-preview-phone__body h3 {
        font-size: 1.08rem;
        line-height: 1.08;
        margin-top: 0.1rem;
    }

    .branding-preview-lab .branding-preview-phone__body p {
        font-size: 0.74rem;
        line-height: 1.25;
    }

    .branding-preview-lab .branding-preview-phone__body .brand-kit-mock__hex {
        width: 44px;
        height: 44px;
        margin-top: -1.75rem;
    }

    .branding-preview-lab .branding-preview-phone .branding-preview-card__metrics,
    .branding-preview-lab .branding-preview-phone .branding-preview-card__proof {
        gap: 0.36rem;
    }

    .branding-preview-lab .branding-preview-phone .branding-preview-card__metrics > span,
    .branding-preview-lab .branding-preview-phone .branding-preview-card__proof > span {
        min-height: 42px;
        padding: 0.45rem;
    }

    .branding-preview-lab .branding-preview-phone .branding-preview-card__metrics small,
    .branding-preview-lab .branding-preview-phone .branding-preview-card__proof small {
        font-size: 0.62rem;
    }

    .branding-preview-lab .branding-preview-phone .branding-preview-card__chips {
        gap: 0.25rem;
    }

    .branding-preview-lab .branding-preview-phone .branding-preview-card__chips span {
        min-height: 22px;
        padding-inline: 0.48rem;
        font-size: 0.7rem;
    }

    .branding-preview-lab .branding-preview-phone__body button {
        min-height: 44px;
    }

    .branding-preview-lab .branding-preview-phone__body footer {
        padding: 0.5rem;
        font-size: 0.68rem;
        line-height: 1.25;
    }
}

@media (max-width: 820px) {
    .marketplace-workspace .marketplace-hero__grid,
    .blueprint-command-content .marketplace-workspace .marketplace-hero__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .marketplace-checkout-priority-strip,
    .marketplace-checkout-priority-strip > div,
    .marketplace-checkout-priority-strip__action,
    .marketplace-checkout-priority-strip__action .marketplace-action-link {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
    }
}

/* Reports/proposal screenshot parity pass for generated mockup hybrids. */

.landing-demo-handoff {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, 1fr) auto;
    align-items: center;
    gap: 1rem;
    margin: 1rem 0 1.25rem;
    padding: 1rem;
    border: 1px solid rgba(96, 165, 250, 0.32);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(96, 165, 250, 0.14), rgba(255, 215, 0, 0.08)),
        #1f2329;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.2);
}

.reports-command-stage > .landing-demo-handoff {
    margin: 1rem 1.25rem 1.25rem;
}

.command-home-stage > .landing-demo-handoff {
    margin: 0 0 1.25rem;
}

.landing-demo-handoff__body {
    display: grid;
    gap: 0.45rem;
    min-width: 0;
}

.landing-demo-handoff__body h2 {
    margin: 0;
    color: #f8fafc;
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: 0;
}

.landing-demo-handoff__body p {
    margin: 0;
    color: #cbd5e1;
    line-height: 1.5;
}

.landing-demo-handoff__signals {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    margin: 0;
}

.landing-demo-handoff__signals div {
    min-height: 58px;
    padding: 0.7rem 0.8rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.58);
}

.landing-demo-handoff__signals dt {
    margin: 0 0 0.2rem;
    color: #94a3b8;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.landing-demo-handoff__signals dd {
    margin: 0;
    color: #f8fafc;
    font-weight: 800;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.landing-demo-handoff__actions {
    display: grid;
    gap: 0.6rem;
    min-width: 178px;
}

.landing-demo-handoff__actions a {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0.7rem 1rem;
    border: 1px solid rgba(96, 165, 250, 0.45);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.18);
    color: #f8fafc;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
}

.landing-demo-handoff__actions a + a {
    border-color: rgba(255, 215, 0, 0.3);
    background: rgba(255, 215, 0, 0.1);
}

.landing-demo-handoff__actions a:hover,
.landing-demo-handoff__actions a:focus-visible {
    border-color: rgba(96, 165, 250, 0.82);
    background: rgba(96, 165, 250, 0.26);
    color: #ffffff;
}

@media (max-width: 1180px) {
    .landing-demo-handoff {
        grid-template-columns: minmax(0, 1fr);
    }

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

@media (max-width: 720px) {
    .landing-demo-handoff,
    .reports-command-stage > .landing-demo-handoff {
        margin: 0.75rem 0 1rem;
    }

    .landing-demo-handoff__signals,
    .landing-demo-handoff__actions {
        grid-template-columns: minmax(0, 1fr);
    }
}
@media (min-width: 1181px) {
    .main:has(.reports-command-shell),
    .main:has(.client-proof-command-shell),
    .main:has(.mockup-revenue-workspace),
    .main:has(.mockup-release-review-shell),
    .main:has(.proposal-workspace-shell),
    .main:has(.proposal-public-share--client-review) {
        padding: 0;
        max-width: none;
        background: #070b0e;
    }

    .reports-command-shell {
        grid-template-columns: 210px minmax(0, 1fr);
        background: #070b0e;
    }

    .reports-command-sidebar,
    .client-proof-command-sidebar,
    .mockup-revenue-workspace__sidebar,
    .mockup-release-review-shell__sidebar,
    .proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-sidebar {
        background: linear-gradient(180deg, #0a1118, #05080b);
    }

    .reports-command-brand,
    .reports-command-topbar {
        min-height: 58px;
    }

    .reports-command-nav {
        gap: 0.72rem;
        padding: 0.72rem 0.5rem 1rem;
    }

    .reports-command-nav__item {
        min-height: 40px;
        font-size: 0.78rem;
    }

    .reports-command-stage:has(.reports-mockup-snapshot) {
        grid-template-rows: 58px auto auto 56px minmax(0, 1fr) auto;
    }

    .reports-command-topbar {
        padding: 0 0.85rem 0 1rem;
    }

    .reports-command-title h1 {
        font-size: 1.2rem;
    }

    .reports-command-topnav {
        gap: 0.48rem;
    }

    .reports-command-topnav a,
    .reports-command-topnav span:not(.oi):not(.reports-live-dot):not(.reports-avatar) {
        min-height: 38px;
        font-size: 0.76rem;
    }

    .reports-first-action-strip {
        grid-template-columns: minmax(360px, 0.92fr) minmax(330px, 0.72fr) minmax(420px, 1fr);
        min-height: 92px;
        padding: 0.55rem 0.8rem 0.55rem 1rem;
        border-bottom: 1px solid rgba(156, 163, 175, 0.16);
        background: #0b0f12;
    }

    .reports-first-action-strip__decision,
    .reports-first-action-strip__signals,
    .reports-first-action-strip__actions {
        min-height: 72px;
        padding: 0.58rem;
    }

    .reports-first-action-strip__decision strong {
        font-size: 1.04rem;
    }

    .reports-first-action-strip__decision p {
        font-size: 0.78rem;
        line-height: 1.25;
    }

    .reports-first-action-strip__signals {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .reports-first-action-strip__signals div {
        min-height: 60px;
        padding: 0.42rem;
    }

    .reports-first-action-strip__signals dd {
        font-size: 0.9rem;
    }

    .reports-first-action-strip__actions {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.42rem;
    }

    .reports-first-action-strip__actions .reports-action-button,
    .reports-action-button {
        min-height: 44px;
        padding: 0 0.62rem;
        font-size: 0.78rem;
    }

    .reports-mockup-snapshot {
        grid-template-columns: repeat(3, minmax(132px, 0.62fr)) minmax(300px, 1.12fr) minmax(228px, 0.7fr);
        gap: 0.5rem;
        padding: 0.52rem 0.8rem 0.52rem 1rem;
    }

    .reports-mockup-snapshot__card,
    .reports-mockup-snapshot__chart,
    .reports-mockup-snapshot__next {
        min-height: 82px;
        padding: 0.58rem;
    }

    .reports-mockup-snapshot__card {
        grid-template-columns: 32px minmax(0, 1fr);
    }

    .reports-mockup-snapshot__card > .oi {
        width: 32px;
        height: 32px;
    }

    .reports-mockup-snapshot__card strong {
        font-size: 1.08rem;
    }

    .reports-mockup-snapshot__card p,
    .reports-mockup-snapshot__next p {
        font-size: 0.72rem;
        line-height: 1.22;
    }

    .reports-mockup-snapshot__chart div {
        min-height: 42px;
    }

    .reports-command-toolbar {
        min-height: 56px;
        padding: 0.46rem 0.8rem 0.46rem 1rem;
    }

    .reports-command-select,
    .reports-command-actions a,
    .reports-command-actions button {
        min-height: 38px;
        padding: 0 0.58rem;
        font-size: 0.76rem;
    }

    .reports-send-cockpit {
        display: none;
    }

    .reports-command-board {
        grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
        gap: 0.58rem;
        padding: 0.58rem;
    }

    .reports-command-main,
    .reports-command-inspector {
        gap: 0.58rem;
    }

    .reports-command-panel {
        gap: 0.58rem;
        padding: 0.72rem;
    }

    .reports-panel-heading h2 {
        font-size: 0.94rem;
    }

    .reports-panel-heading p {
        font-size: 0.74rem;
        line-height: 1.25;
    }

    .reports-readiness-rail {
        gap: 0.48rem;
        padding-top: 0.7rem;
    }

    .reports-readiness-rail::before {
        top: 1.5rem;
    }

    .reports-readiness-step__marker {
        width: 28px;
        height: 28px;
        font-size: 0.74rem;
    }

    .reports-readiness-step strong,
    .reports-proof-summary dd strong {
        font-size: 0.74rem;
    }

    .reports-readiness-step small,
    .reports-proof-summary dt,
    .reports-proof-summary dd span:not(.reports-progress) {
        font-size: 0.68rem;
    }

    .reports-proof-summary__cell {
        min-height: 86px;
        padding: 0.52rem;
    }

    .reports-primary-actions {
        gap: 0.42rem;
    }

    .reports-route-expanded-panel {
        gap: 0.58rem;
        padding: 0.68rem;
    }

    .reports-route-expanded-panel__header p:not(.reports-eyebrow) {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        font-size: 0.74rem;
        line-height: 1.3;
    }

    .reports-route-expanded-panel__body {
        gap: 0.52rem;
    }

    .reports-expanded-signal-card,
    .reports-expanded-checks {
        gap: 0.45rem;
        padding: 0.58rem;
    }

    .reports-expanded-metrics div {
        padding: 0.52rem;
    }

    .reports-route-column ul {
        max-height: 218px;
        padding: 0 0.38rem 0.46rem;
    }

    .reports-route-column header {
        min-height: 36px;
        padding: 0 0.58rem;
        font-size: 0.74rem;
    }

    .reports-route-row {
        min-height: 38px;
        grid-template-columns: 24px minmax(0, 1fr) auto;
        padding: 0.18rem 0.24rem;
    }

    .reports-route-icon-button {
        width: 34px;
        height: 34px;
    }

    .report-blocker-card {
        min-height: 0;
        padding: 0.62rem;
    }

    .report-blocker-card h3 {
        font-size: 0.84rem;
    }

    .report-blocker-card p,
    .reports-safe-copy p {
        font-size: 0.74rem;
        line-height: 1.3;
    }

    .reports-command-footer {
        min-height: 42px;
        padding: 0.32rem 0.7rem;
    }

    .reports-command-footer__item {
        min-height: 32px;
        font-size: 0.72rem;
    }

    .client-proof-command-shell {
        grid-template-columns: 210px minmax(0, 1fr);
    }

    .client-proof-command-sidebar {
        gap: 0.72rem;
        padding: 0.72rem 0.58rem;
    }

    .client-proof-command-sidebar__brand {
        min-height: 52px;
    }

    .client-proof-command-sidebar__brand span {
        width: 38px;
        height: 38px;
    }

    .client-proof-command-sidebar__item {
        min-height: 40px;
        padding: 0.32rem 0.48rem;
        font-size: 0.8rem;
    }

    .client-proof-command-sidebar__plan {
        padding: 0.62rem;
    }

    .client-proof-command-main {
        gap: 0.52rem;
        padding: 0 0.72rem 0.72rem;
    }

    .client-proof-command-topbar {
        min-height: 56px;
        margin: 0 -0.72rem;
        padding: 0.46rem 0.72rem;
    }

    .client-proof-command-selector,
    .client-proof-command-safety,
    .client-proof-command-topbar a {
        min-height: 38px;
        padding: 0.36rem 0.58rem;
        font-size: 0.78rem;
    }

    .report-detail-layout--client-proof .client-proof-command-title p {
        font-size: clamp(1.05rem, 1.5vw, 1.45rem);
    }

    .report-detail-layout--client-proof .client-proof-command-title h1 {
        font-size: 1rem;
    }

    .client-proof-command-main .client-proof-preview-panel--command-center,
    .report-detail-layout--client-proof .client-proof-command-main .client-proof-preview-panel--command-center {
        grid-template-columns: minmax(250px, 0.78fr) minmax(400px, 1.2fr) minmax(200px, 0.52fr);
        gap: 0.62rem;
        min-height: calc(100vh - 124px);
        padding: 0.72rem;
    }

    .client-proof-preview-panel__copy {
        gap: 0.58rem;
    }

    .client-proof-preview-panel__copy h2 {
        font-size: 1.14rem;
    }

    .client-proof-preview-panel__copy p,
    .client-proof-release-rail p,
    .client-proof-blocker-list p {
        font-size: 0.76rem;
        line-height: 1.3;
    }

    .client-proof-preview-panel__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.42rem;
    }

    .client-proof-preview-panel__stats div,
    .client-proof-mockup-rail__step,
    .client-proof-blocker-list,
    .client-proof-release-rail section {
        padding: 0.52rem;
    }

    .client-proof-mockup-rail {
        gap: 0.4rem;
    }

    .report-detail-layout--client-proof .client-proof-document-preview--large,
    .client-proof-command-main .client-proof-document-preview--large {
        min-height: calc(100vh - 172px);
        padding: 0.8rem;
    }

    .client-proof-document-preview__grid {
        gap: 0.55rem;
    }

    .report-detail-layout--client-proof .client-proof-work-tiles i {
        min-height: 70px;
    }

    .client-proof-release-rail {
        gap: 0.52rem;
    }

    .mockup-revenue-workspace,
    .mockup-release-review-shell {
        grid-template-columns: 214px minmax(0, 1fr);
    }

    .mockup-revenue-workspace__main,
    .mockup-release-review-shell__main {
        gap: 0.58rem;
        padding: 0 0.72rem 0.72rem;
    }

    .mockup-revenue-workspace__topbar,
    .mockup-release-review-shell__topbar {
        min-height: 58px;
        margin: 0 -0.72rem;
        padding: 0.48rem 0.72rem;
    }

    .mockup-revenue-workspace__topbar h1,
    .mockup-release-review-shell__topbar h1 {
        font-size: 1.24rem;
    }

    .mockup-revenue-workspace__topbar span,
    .mockup-revenue-workspace__topbar a,
    .mockup-release-review-shell__topbar a,
    .mockup-release-review-shell__topbar button {
        min-height: 38px;
        padding: 0 0.55rem;
        font-size: 0.76rem;
    }

    .mockup-revenue-kpis {
        gap: 0.5rem;
    }

    .mockup-revenue-kpis article {
        min-height: 84px;
        padding: 0.58rem;
    }

    .mockup-revenue-kpis strong {
        font-size: 1.24rem;
    }

    .mockup-revenue-grid,
    .mockup-release-review-shell__grid {
        grid-template-columns: minmax(0, 1fr) minmax(280px, 0.34fr);
        gap: 0.58rem;
    }

    .mockup-revenue-chart,
    .mockup-revenue-table,
    .mockup-revenue-inspector,
    .mockup-release-review-shell__summary,
    .mockup-release-review-detail,
    .mockup-release-review-client {
        padding: 0.72rem;
    }

    .mockup-revenue-chart h2,
    .mockup-revenue-inspector h2,
    .mockup-release-review-shell__summary h2,
    .mockup-release-review-detail h2 {
        font-size: 1.16rem;
    }

    .mockup-revenue-chart__bars {
        min-height: 170px;
        padding: 0.72rem;
    }

    .mockup-revenue-chart dl div,
    .mockup-release-review-shell__summary dl div,
    .mockup-release-review-health article {
        padding: 0.52rem;
    }

    .mockup-revenue-table > div {
        grid-template-columns: minmax(180px, 1fr) minmax(120px, 0.36fr) minmax(140px, 0.44fr) 82px;
    }

    .mockup-revenue-table > div > * {
        min-height: 38px;
        padding: 0.48rem;
    }

    .mockup-release-review-shell__summary {
        grid-template-columns: minmax(0, 1fr) minmax(360px, 0.74fr);
    }

    .mockup-release-review-table header,
    .mockup-release-review-table__row {
        min-height: 44px;
        padding: 0 0.62rem;
        font-size: 0.78rem;
    }

    .mockup-release-review-health {
        padding: 0.58rem;
    }

    .proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) {
        grid-template-columns: 220px minmax(0, 1fr);
        margin: 0;
    }

    .proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-sidebar {
        gap: 0.55rem;
    }

    .proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-sidebar__brand {
        min-height: 58px;
        padding: 0.72rem;
    }

    .proposal-sidebar__nav--mockup {
        gap: 0.14rem;
        grid-template-columns: 1fr;
        padding: 0 0.58rem;
    }

    .proposal-sidebar__nav--mockup .proposal-sidebar__item {
        grid-template-columns: 22px minmax(0, 1fr);
        gap: 0.55rem;
        min-height: 44px;
        padding: 0.34rem 0.48rem;
        font-size: 0.78rem;
    }

    .proposal-quota-panel--mockup {
        margin: auto 0.58rem 0.58rem;
        padding: 0.62rem;
    }

    .proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-topbar--quote {
        min-height: 64px;
        padding: 0.5rem 0.72rem;
    }

    .proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-topbar--quote h1 {
        font-size: 1.24rem;
    }

    .proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-topbar--quote > div:first-child > p:last-of-type {
        font-size: 0.78rem;
    }

    .proposal-mockup-context-controls {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.42rem;
        margin-top: 0.42rem;
    }

    .proposal-mockup-context-controls span {
        min-height: 44px;
        padding: 0.4rem 0.52rem;
    }

    .proposal-account-strip {
        gap: 0.42rem;
        justify-content: end;
        width: min(100%, 330px);
    }

    .proposal-account-strip span {
        min-height: 44px;
        padding: 0.42rem 0.58rem;
    }

    .proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-account-strip span {
        max-width: 220px;
    }

    .proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-account-strip span:first-child {
        grid-template-columns: 28px minmax(0, 1fr);
    }

    .proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-account-strip span:first-child strong {
        display: none;
    }

    .proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-account-strip span:first-child small {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-account-strip span:not(:first-child) {
        display: none;
    }

    .proposal-mockup-editor-hybrid {
        grid-template-columns: 132px minmax(250px, 0.84fr) minmax(360px, 1.2fr) minmax(190px, 0.5fr);
        gap: 0.45rem;
        padding: 0.5rem;
    }

    .proposal-mockup-editor-hybrid__steps,
    .proposal-mockup-editor-hybrid__editor,
    .proposal-mockup-editor-hybrid__preview,
    .proposal-mockup-editor-hybrid__readiness {
        padding: 0.58rem;
    }

    .proposal-mockup-editor-hybrid__step {
        min-height: 44px;
        padding: 0.34rem;
        font-size: 0.76rem;
    }

    .proposal-mockup-editor-hybrid__editor article {
        gap: 0.22rem;
        padding: 0.52rem;
    }

    .proposal-mockup-editor-toolbar {
        min-height: 36px;
    }

    .proposal-mockup-editor-toolbar button {
        width: 28px;
        height: 28px;
    }

    .proposal-mockup-package-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(104px, 0.6fr);
        gap: 0.42rem;
        min-height: 0;
    }

    .proposal-mockup-package-card {
        display: grid;
        grid-template-columns: 26px minmax(0, 1fr);
        gap: 0.12rem 0.34rem;
        align-items: center;
        min-width: 0;
        min-height: 48px;
        padding: 0.4rem;
        border: 1px solid rgba(156, 163, 175, 0.18);
        border-radius: 8px;
        background: rgba(15, 23, 42, 0.42);
    }

    .proposal-mockup-package-card--selected {
        border-color: rgba(59, 130, 246, 0.72);
        background: rgba(59, 130, 246, 0.14);
    }

    .proposal-mockup-package-card .oi {
        display: inline-grid;
        place-items: center;
        width: 26px;
        height: 26px;
        border: 1px solid rgba(156, 163, 175, 0.24);
        border-radius: 7px;
        color: #60a5fa;
    }

    .proposal-mockup-package-card div {
        display: grid;
        min-width: 0;
    }

    .proposal-mockup-package-card small,
    .proposal-mockup-package-card em {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .proposal-mockup-package-card strong {
        color: #ffffff;
        font-size: 0.74rem;
        line-height: 1.08;
    }

    .proposal-mockup-package-card small,
    .proposal-mockup-package-grid aside small {
        color: #9ca3af;
        font-size: 0.64rem;
        line-height: 1.18;
    }

    .proposal-mockup-package-card em {
        grid-column: 2;
        color: #ffffff;
        font-size: 0.68rem;
        font-style: normal;
        font-weight: 800;
    }

    .proposal-mockup-package-grid > .proposal-mockup-package-card {
        grid-column: 1;
    }

    .proposal-mockup-package-grid aside {
        grid-column: 2;
        grid-row: 1 / span 3;
        display: grid;
        align-content: start;
        gap: 0.28rem;
        min-width: 0;
        padding: 0.44rem;
        border: 1px solid rgba(156, 163, 175, 0.18);
        border-radius: 8px;
        background: rgba(15, 23, 42, 0.36);
    }

    .proposal-mockup-package-grid aside strong {
        color: #ffffff;
        font-size: 0.72rem;
    }

    .proposal-mockup-package-grid aside small {
        display: inline-flex;
        align-items: center;
        gap: 0.18rem;
    }

    .proposal-mockup-package-grid aside .oi {
        color: #00e676;
        font-size: 0.62rem;
    }

    .proposal-mockup-preview-toolbar {
        display: inline-flex;
        align-items: center;
        gap: 0.34rem;
    }

    .proposal-mockup-preview-toolbar button,
    .proposal-mockup-preview-toolbar__device {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 30px;
        border: 1px solid rgba(156, 163, 175, 0.22);
        border-radius: 7px;
        background: rgba(15, 23, 42, 0.58);
        color: #e5e7eb;
        font-size: 0.68rem;
        font-weight: 800;
    }

    .proposal-mockup-preview-toolbar button {
        gap: 0.28rem;
        padding: 0 0.48rem;
    }

    .proposal-mockup-preview-toolbar__device {
        width: 30px;
    }

    .proposal-mockup-editor-hybrid__editor h2 {
        font-size: 0.84rem;
    }

    .proposal-mockup-editor-hybrid__editor p,
    .proposal-mockup-editor-hybrid__editor li,
    .proposal-mockup-editor-hybrid__document p,
    .proposal-mockup-editor-hybrid__document small,
    .proposal-mockup-editor-hybrid__readiness li {
        font-size: 0.74rem;
        line-height: 1.28;
    }

    .proposal-mockup-editor-hybrid__document {
        min-height: 382px;
    }

    .proposal-mockup-editor-hybrid__document-hero {
        min-height: 148px;
        padding: 0.92rem;
    }

    .proposal-mockup-editor-hybrid__document-hero h2 {
        font-size: 1.35rem;
    }

    .proposal-mockup-editor-hybrid__document section {
        gap: 0.46rem;
        padding: 0.68rem;
    }

    .proposal-mockup-editor-hybrid__document aside {
        right: 0.82rem;
        bottom: 0.82rem;
        padding: 0.72rem;
    }

    .proposal-mockup-editor-hybrid__document aside strong {
        font-size: 1.42rem;
    }

    .proposal-mockup-brand-card {
        gap: 0.42rem;
        padding: 0.58rem;
    }

    .proposal-mockup-brand-card__swatches i {
        width: 26px;
        height: 26px;
    }

    .proposal-mockup-editor-hybrid__readiness ul,
    .proposal-mockup-editor-hybrid__actions {
        gap: 0.42rem;
    }

    .proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-report-hero-preview {
        margin-top: 0.5rem;
        padding: 0.58rem;
    }

    .proposal-public-share.proposal-public-share--client-review {
        grid-template-columns: 210px minmax(0, 1fr);
        grid-template-rows: 58px auto auto auto auto;
        background: #0b0f12;
    }

    .proposal-public-review-sidebar__brand,
    .proposal-public-review-sidebar nav a {
        min-height: 40px;
    }

    .proposal-public-review-topbar {
        min-height: 58px;
        padding: 0.46rem 0.72rem;
    }

    .proposal-public-share--client-review .proposal-public-share__hero {
        grid-template-columns: minmax(0, 1fr) minmax(300px, 0.42fr);
        gap: 0.58rem;
        padding: 0.58rem;
    }

    .proposal-public-share--client-review .proposal-public-share__hero > div,
    .proposal-public-share--client-review .proposal-public-share__hero aside {
        padding: 0.72rem;
    }

    .proposal-public-share--client-review .proposal-public-share__hero h1 {
        font-size: 1.55rem;
    }

    .proposal-public-share--client-review .proposal-public-review-guardrails {
        gap: 0.42rem;
    }

    .proposal-public-share--client-review .proposal-public-review-guardrails div {
        min-height: 68px;
        padding: 0.5rem;
    }

    .proposal-public-share--client-review .proposal-public-hero-decision,
    .proposal-public-share--client-review .proposal-public-template-strip,
    .proposal-public-share--client-review .mockup-public-proposal-path,
    .proposal-public-share--client-review .mockup-proposal-next-step,
    .proposal-public-share--client-review .proposal-public-share__grid,
    .proposal-public-share--client-review .proposal-public-review-grid,
    .proposal-public-share--client-review .proposal-public-decision {
        margin: 0.58rem;
    }

    .proposal-public-share--client-review .proposal-public-template-strip,
    .proposal-public-share--client-review .mockup-public-proposal-path,
    .proposal-public-share--client-review .mockup-proposal-next-step {
        padding: 0.72rem;
    }

    .proposal-public-share--client-review .proposal-public-share__grid {
        grid-template-columns: minmax(0, 1fr) minmax(320px, 0.38fr);
        gap: 0.58rem;
    }
}

/* Literal generated-mockup composition pass. */
@media (min-width: 1181px) {
    .reports-command-stage:has(.reports-generated-workbench) {
        grid-template-rows: 58px auto auto minmax(0, 1fr);
    }

    .reports-command-stage:has(.reports-generated-workbench) > .reports-first-action-strip,
    .reports-command-stage:has(.reports-generated-workbench) > .reports-mockup-snapshot,
    .reports-command-stage:has(.reports-generated-workbench) > .reports-command-toolbar,
    .reports-command-stage:has(.reports-generated-workbench) > .reports-send-cockpit,
    .reports-command-stage:has(.reports-generated-workbench) > .reports-command-board,
    .reports-command-stage:has(.reports-generated-workbench) > .reports-command-footer {
        display: none;
    }

    .reports-generated-workbench,
    .reports-generated-workbench * {
        box-sizing: border-box;
        min-width: 0;
    }

    .reports-generated-workbench {
        display: grid;
        grid-template-rows: 48px 224px 92px minmax(0, 1fr);
        gap: 0.62rem;
        min-height: 0;
        padding: 0.62rem 0.82rem 0.82rem;
        background:
            radial-gradient(circle at 86% 3%, rgba(96, 165, 250, 0.08), transparent 22rem),
            #070b0e;
        color: #f8fafc;
        overflow: hidden;
    }

    .reports-generated-workbench__selectors {
        display: grid;
        grid-template-columns: minmax(260px, 1.15fr) minmax(210px, 0.72fr) minmax(150px, 0.5fr) minmax(190px, 0.65fr) 150px;
        gap: 0.62rem;
    }

    .reports-generated-select,
    .reports-generated-workbench__share,
    .reports-generated-action {
        display: inline-flex;
        align-items: center;
        gap: 0.52rem;
        min-height: 44px;
        padding: 0 0.72rem;
        border: 1px solid rgba(156, 163, 175, 0.18);
        border-radius: 8px;
        background: rgba(17, 24, 39, 0.72);
        color: #d1d5db;
        font: inherit;
        font-size: 0.78rem;
        text-decoration: none;
    }

    .reports-generated-select {
        display: grid;
        align-content: center;
        gap: 0.12rem;
    }

    .reports-generated-select--primary {
        grid-template-columns: 26px minmax(0, 1fr) auto 16px;
        cursor: pointer;
    }

    .reports-generated-select small,
    .reports-generated-workbench small,
    .reports-generated-workbench dt,
    .reports-generated-workbench em {
        color: #9ca3af;
    }

    .reports-generated-select strong,
    .reports-generated-workbench strong,
    .reports-generated-workbench h2,
    .reports-generated-workbench dd {
        color: #ffffff;
    }

    .reports-generated-select--primary small {
        color: #00e676;
    }

    .reports-generated-workbench__hero {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(220px, 0.24fr);
        gap: 0.62rem;
    }

    .reports-generated-decision,
    .reports-generated-next,
    .reports-generated-workbench__cards article,
    .reports-generated-timeline,
    .reports-generated-category,
    .reports-generated-export-rail article {
        border: 1px solid rgba(156, 163, 175, 0.18);
        border-radius: 8px;
        background:
            linear-gradient(180deg, rgba(43, 45, 49, 0.92), rgba(16, 22, 27, 0.96)),
            #2b2d31;
        box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
    }

    .reports-generated-decision {
        display: grid;
        grid-template-columns: minmax(180px, 0.8fr) 120px minmax(240px, 1fr);
        align-items: center;
        gap: 0.8rem 1rem;
        padding: 1rem 1.15rem;
    }

    .reports-generated-gauge {
        display: grid;
        place-items: center;
        width: 104px;
        height: 104px;
        margin-inline: auto;
        border: 10px solid rgba(0, 230, 118, 0.82);
        border-radius: 999px;
        color: #ffffff;
        font-size: 2rem;
        box-shadow: inset 0 0 0 10px rgba(0, 230, 118, 0.08), 0 0 42px rgba(0, 230, 118, 0.12);
    }

    .reports-generated-decision h2 {
        margin: 0;
        color: #00e676;
        font-size: 1.45rem;
        line-height: 1.05;
    }

    .reports-generated-decision p {
        margin: 0.28rem 0 0;
        color: #9ca3af;
        font-size: 0.78rem;
    }

    .reports-generated-decision dl {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        margin: 0;
    }

    .reports-generated-decision dl div {
        display: grid;
        gap: 0.22rem;
        min-height: 108px;
        padding: 0 1rem;
        align-content: center;
        border-left: 1px solid rgba(156, 163, 175, 0.16);
    }

    .reports-generated-decision dt,
    .reports-generated-workbench__cards small {
        font-size: 0.72rem;
        font-weight: 800;
        text-transform: uppercase;
    }

    .reports-generated-decision dd {
        display: grid;
        gap: 0.15rem;
        margin: 0;
        font-size: 1.22rem;
        font-weight: 900;
    }

    .reports-generated-decision dd small {
        font-size: 0.68rem;
        font-weight: 700;
        line-height: 1.2;
    }

    .reports-generated-decision nav,
    .reports-generated-next {
        display: grid;
        gap: 0.52rem;
    }

    .reports-generated-decision nav {
        grid-column: 1 / -1;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .reports-generated-action {
        justify-content: space-between;
        min-height: 46px;
        width: 100%;
    }

    .reports-generated-action--blue {
        border-color: rgba(96, 165, 250, 0.62);
        background: rgba(37, 99, 235, 0.86);
        color: #ffffff;
    }

    .reports-generated-action--red {
        border-color: rgba(255, 68, 68, 0.62);
        color: #ff4444;
    }

    .reports-generated-next {
        align-content: start;
        padding: 0.82rem;
    }

    .reports-generated-next > p {
        display: none;
    }

    .reports-generated-next__brand {
        display: grid;
        gap: 0.28rem;
        margin-top: 0.08rem;
        padding-top: 0.5rem;
        border-top: 1px solid rgba(156, 163, 175, 0.18);
    }

    .reports-generated-next__brand small {
        color: #ffd700;
        font-size: 0.7rem;
        font-weight: 850;
        text-transform: uppercase;
    }

    .reports-generated-next__brand strong {
        color: #ffffff;
        font-size: 0.9rem;
        line-height: 1.12;
        overflow-wrap: anywhere;
    }

    .reports-generated-next__brand p {
        display: none;
    }

    .reports-generated-next p,
    .reports-generated-export-rail p {
        margin: 0;
        color: #d1d5db;
        font-size: 0.78rem;
        line-height: 1.32;
    }

    .reports-generated-next a,
    .reports-generated-export-rail a,
    .reports-generated-workbench__cards a {
        color: #60a5fa;
        font-size: 0.76rem;
        font-weight: 850;
        text-decoration: none;
    }

    .reports-generated-workbench__cards {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0.62rem;
    }

    .reports-generated-workbench__cards article {
        display: grid;
        grid-template-columns: 30px minmax(0, 1fr) auto;
        gap: 0.22rem 0.62rem;
        align-content: center;
        padding: 0.72rem;
    }

    .reports-generated-workbench__cards .oi {
        grid-row: 1 / span 4;
        color: #9ca3af;
        font-size: 1.1rem;
    }

    .reports-generated-workbench__cards strong {
        font-size: 1.08rem;
    }

    .reports-generated-workbench__cards em {
        justify-self: end;
        font-style: normal;
        font-size: 0.72rem;
    }

    .reports-generated-workbench__cards article::after {
        content: "";
        grid-column: 2 / -1;
        display: block;
        height: 5px;
        border-radius: 999px;
        background: linear-gradient(90deg, #60a5fa 0 87%, rgba(156, 163, 175, 0.24) 87%);
    }

    .reports-generated-workbench__body {
        display: grid;
        grid-template-columns: minmax(380px, 0.52fr) minmax(320px, 0.34fr) minmax(210px, 0.2fr);
        gap: 0.62rem;
        min-height: 0;
    }

    .reports-generated-timeline,
    .reports-generated-category,
    .reports-generated-export-rail {
        min-height: 0;
    }

    .reports-generated-timeline,
    .reports-generated-category {
        display: grid;
        gap: 0.72rem;
        align-content: start;
        padding: 0.82rem;
    }

    .reports-generated-timeline header,
    .reports-generated-category header {
        min-height: 26px;
    }

    .reports-generated-timeline ol {
        position: relative;
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 0.4rem;
        margin: 0;
        padding: 0.6rem 0 0;
        list-style: none;
    }

    .reports-generated-timeline ol::before {
        content: "";
        position: absolute;
        top: 1.1rem;
        left: 8%;
        right: 8%;
        height: 3px;
        border-radius: 999px;
        background: linear-gradient(90deg, #00e676 0 68%, #ffa500 68% 82%, rgba(156, 163, 175, 0.28) 82%);
    }

    .reports-generated-timeline li {
        z-index: 1;
        display: grid;
        justify-items: center;
        gap: 0.34rem;
        color: #d1d5db;
        font-size: 0.74rem;
        text-align: center;
    }

    .reports-generated-timeline li::before {
        content: "";
        width: 22px;
        height: 22px;
        border: 2px solid rgba(156, 163, 175, 0.44);
        border-radius: 999px;
        background: #111827;
    }

    .reports-generated-timeline__done::before {
        border-color: #00e676 !important;
        background: radial-gradient(circle, #00e676 0 34%, #111827 36%) !important;
    }

    .reports-generated-timeline__active::before {
        border-color: #ffa500 !important;
        background: radial-gradient(circle, #ffa500 0 34%, #111827 36%) !important;
    }

    .reports-generated-timeline section,
    .reports-generated-category section {
        display: grid;
        gap: 0.42rem;
    }

    .reports-generated-timeline p,
    .reports-generated-category p {
        display: grid;
        grid-template-columns: 18px minmax(0, 1fr) minmax(100px, auto);
        gap: 0.42rem;
        align-items: center;
        margin: 0;
        color: #d1d5db;
        font-size: 0.76rem;
    }

    .reports-generated-donut {
        display: grid;
        place-items: center;
        align-content: center;
        justify-self: center;
        width: 132px;
        height: 132px;
        border-radius: 999px;
        background:
            radial-gradient(circle, #2b2d31 0 48%, transparent 49%),
            conic-gradient(#00e676 0 76%, #ff4444 76% 93%, #ffa500 93% 98%, rgba(156, 163, 175, 0.32) 98%);
    }

    .reports-generated-donut strong {
        font-size: 1.4rem;
    }

    .reports-generated-category dl {
        display: grid;
        gap: 0.28rem;
        margin: 0;
    }

    .reports-generated-category dl div {
        display: flex;
        justify-content: space-between;
        gap: 0.6rem;
    }

    .reports-generated-category dd {
        margin: 0;
        font-size: 0.76rem;
    }

    .reports-generated-category p {
        grid-template-columns: minmax(0, 1fr) 120px 16px;
    }

    .reports-generated-category i {
        display: block;
        width: var(--w);
        height: 5px;
        border-radius: 999px;
        background: #ff4444;
    }

    .reports-generated-category em {
        font-style: normal;
    }

    .reports-generated-export-rail {
        display: grid;
        grid-template-rows: repeat(3, minmax(0, 1fr));
        gap: 0.62rem;
    }

    .reports-generated-export-rail article {
        display: grid;
        gap: 0.42rem;
        align-content: start;
        padding: 0.82rem;
    }

    .reports-generated-export-rail strong {
        color: #ffd700;
        font-size: 1rem;
        line-height: 1.18;
    }

    .proposal-workspace-shell:has(.proposal-mockup-review-strip) .proposal-stage {
        overflow: hidden;
    }

    .proposal-workspace-shell:has(.proposal-mockup-review-strip) .proposal-topbar--quote {
        min-height: 58px;
    }

    .proposal-workspace-shell:has(.proposal-mockup-review-strip) .proposal-account-strip {
        display: none;
    }

    .proposal-workspace-shell:has(.proposal-mockup-review-strip) .proposal-sidebar__brand {
        grid-template-columns: 34px minmax(0, 1fr);
        min-height: 56px;
        padding: 0.58rem 0.72rem;
    }

    .proposal-workspace-shell:has(.proposal-mockup-review-strip) .proposal-sidebar__brand .proposal-hive-mark {
        width: 34px;
        height: 34px;
    }

    .proposal-workspace-shell:has(.proposal-mockup-review-strip) .proposal-sidebar__brand strong {
        font-size: 1.18rem;
        line-height: 0.95;
    }

    .proposal-workspace-shell:has(.proposal-mockup-review-strip) .proposal-topbar--quote > div:first-child {
        display: grid;
        grid-template-columns: max-content auto minmax(440px, 1fr);
        align-items: center;
        gap: 0.72rem;
    }

    .proposal-workspace-shell:has(.proposal-mockup-review-strip) .proposal-topbar--quote > div:first-child > p:not(.proposal-eyebrow) {
        display: inline-flex;
        align-items: center;
        gap: 0.42rem;
        margin: 0;
        padding-left: 0.72rem;
        border-left: 1px solid rgba(156, 163, 175, 0.28);
        white-space: nowrap;
    }

    .proposal-workspace-shell:has(.proposal-mockup-review-strip) .proposal-mockup-context-controls {
        grid-column: 3;
        grid-row: 1;
        margin: 0;
    }

    .proposal-workspace-shell:has(.proposal-mockup-review-strip) .proposal-topbar-actions {
        display: none;
    }

    .proposal-workspace-shell:has(.proposal-mockup-review-strip) .proposal-mockup-editor-hybrid {
        grid-template-columns: 132px minmax(250px, 0.78fr) minmax(360px, 1.16fr) minmax(190px, 0.42fr);
        grid-template-rows: minmax(0, 1fr) 82px;
        min-height: calc(100vh - 116px);
        gap: 0.45rem;
        padding: 0.5rem;
    }

    .proposal-workspace-shell:has(.proposal-mockup-review-strip) .proposal-mockup-editor-hybrid__steps,
    .proposal-workspace-shell:has(.proposal-mockup-review-strip) .proposal-mockup-editor-hybrid__editor,
    .proposal-workspace-shell:has(.proposal-mockup-review-strip) .proposal-mockup-editor-hybrid__preview,
    .proposal-workspace-shell:has(.proposal-mockup-review-strip) .proposal-mockup-editor-hybrid__readiness {
        min-height: 0;
        max-height: calc(100vh - 216px);
        overflow: hidden;
    }

    .proposal-workspace-shell:has(.proposal-mockup-review-strip) .proposal-mockup-editor-hybrid__document {
        min-height: 0;
        height: 100%;
    }

    .proposal-workspace-shell:has(.proposal-mockup-review-strip) .proposal-mockup-editor-hybrid__document {
        display: grid;
        grid-template-rows: 54px 182px 84px 74px 80px 54px;
        overflow: hidden;
    }

    .proposal-mockup-document-masthead {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        padding: 0.72rem 0.82rem;
        border-bottom: 1px solid rgba(17, 24, 39, 0.12);
        background: #ffffff;
    }

    .proposal-mockup-document-masthead div {
        display: inline-flex;
        align-items: center;
        gap: 0.55rem;
        min-width: 0;
    }

    .proposal-mockup-document-masthead strong {
        color: #111827;
        font-size: 0.86rem;
        text-transform: uppercase;
    }

    .proposal-mockup-document-masthead small {
        color: #475569;
        font-size: 0.64rem;
        line-height: 1.15;
        text-align: right;
    }

    .proposal-mockup-document-logo {
        display: inline-grid;
        place-items: center;
        width: 30px;
        height: 30px;
        border-radius: 8px;
        background: #dff7f2;
        color: #2b8178;
        font-size: 0.72rem;
        font-weight: 900;
    }

    .proposal-workspace-shell:has(.proposal-mockup-review-strip) .proposal-mockup-editor-hybrid__document-hero {
        position: relative;
        min-height: 0;
        padding: 1rem 1.1rem;
        overflow: hidden;
        background:
            linear-gradient(90deg, rgba(17, 24, 39, 0.94) 0 48%, rgba(17, 24, 39, 0.72) 62%, rgba(17, 24, 39, 0.12)),
            linear-gradient(135deg, #111827, #0d343a 55%, #d9a441);
    }

    .proposal-workspace-shell:has(.proposal-mockup-review-strip) .proposal-mockup-editor-hybrid__document-hero h2 {
        max-width: 300px;
        font-size: 1.34rem;
        line-height: 1.05;
    }

    .proposal-workspace-shell:has(.proposal-mockup-review-strip) .proposal-mockup-document-media {
        position: absolute;
        right: 1rem;
        top: 1.1rem;
        display: block;
        width: 190px;
        height: 118px;
        border: 1px solid rgba(255, 255, 255, 0.22);
        border-radius: 8px;
        background:
            linear-gradient(150deg, rgba(255, 255, 255, 0.18), transparent 42%),
            linear-gradient(180deg, rgba(15, 23, 42, 0.2), rgba(15, 23, 42, 0.8)),
            repeating-linear-gradient(90deg, rgba(96, 165, 250, 0.48) 0 7px, rgba(0, 230, 118, 0.36) 7px 12px, rgba(255, 215, 0, 0.34) 12px 17px),
            #0f172a;
        box-shadow: 0 18px 38px rgba(0, 0, 0, 0.34);
        transform: rotate(1deg);
    }

    .proposal-workspace-shell:has(.proposal-mockup-review-strip) .proposal-mockup-editor-hybrid__document > section:not(.proposal-mockup-document-scope):not(.proposal-mockup-document-package):not(.proposal-mockup-document-proof) {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0.36rem;
        padding: 0.62rem 0.72rem;
    }

    .proposal-workspace-shell:has(.proposal-mockup-review-strip) .proposal-mockup-editor-hybrid__document section .oi {
        width: 30px;
        height: 30px;
    }

    .proposal-mockup-document-scope,
    .proposal-mockup-document-package,
    .proposal-mockup-document-proof {
        display: grid !important;
        text-align: left !important;
    }

    .proposal-mockup-document-scope {
        grid-template-columns: minmax(180px, 0.42fr) minmax(0, 1fr) !important;
        align-items: start;
        gap: 0.75rem !important;
        padding: 0.65rem 0.82rem !important;
        border-top: 1px solid rgba(17, 24, 39, 0.1);
        background: #ffffff;
    }

    .proposal-mockup-document-scope div {
        display: grid;
        grid-template-columns: 30px minmax(0, 1fr);
        gap: 0.1rem 0.45rem;
        justify-items: start !important;
        text-align: left;
    }

    .proposal-mockup-document-scope .oi {
        grid-row: 1 / span 2;
        border-color: rgba(43, 129, 120, 0.26);
        color: #2b8178;
    }

    .proposal-mockup-document-scope strong,
    .proposal-mockup-document-package strong,
    .proposal-mockup-document-proof strong {
        color: #111827;
        font-size: 0.82rem;
    }

    .proposal-mockup-document-scope small,
    .proposal-mockup-document-scope p,
    .proposal-mockup-document-package li,
    .proposal-mockup-document-package small,
    .proposal-mockup-document-proof small {
        color: #475569 !important;
        font-size: 0.68rem;
        line-height: 1.24;
    }

    .proposal-mockup-document-scope p {
        margin: 0;
    }

    .proposal-mockup-document-package {
        grid-template-columns: minmax(180px, 0.48fr) minmax(0, 1fr) !important;
        align-items: start;
        padding: 0.62rem 0.82rem !important;
        border-top: 1px solid rgba(17, 24, 39, 0.1);
        background: #f8fafc;
    }

    .proposal-mockup-document-package div {
        display: grid;
        gap: 0.16rem;
        justify-items: start !important;
    }

    .proposal-mockup-document-package ul {
        display: grid;
        gap: 0.24rem;
        margin: 0;
        padding-left: 1rem;
    }

    .proposal-mockup-document-proof {
        grid-template-columns: 34px minmax(0, 1fr) !important;
        gap: 0.54rem !important;
        align-items: center;
        padding: 0.58rem 0.82rem !important;
        background: #f4cf54;
    }

    .proposal-mockup-document-proof .oi {
        border-color: rgba(17, 24, 39, 0.28);
        color: #111827;
    }

    .proposal-mockup-document-proof small {
        color: #111827 !important;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .proposal-workspace-shell:has(.proposal-mockup-review-strip) .proposal-report-hero-preview {
        display: none;
    }

    .proposal-mockup-review-strip {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(230px, 0.22fr) minmax(150px, 0.15fr);
        gap: 0.58rem;
        align-items: stretch;
        min-height: 82px;
        border: 1px solid rgba(156, 163, 175, 0.18);
        border-radius: 8px;
        background:
            linear-gradient(180deg, rgba(43, 45, 49, 0.92), rgba(17, 24, 39, 0.96)),
            #2b2d31;
    }

    .proposal-mockup-review-strip__checks {
        display: grid;
        grid-template-columns: repeat(8, minmax(0, 1fr));
        gap: 0.4rem;
        padding: 0.55rem;
        min-width: 0;
    }

    .proposal-mockup-review-strip__checks article {
        display: grid;
        grid-template-columns: 18px minmax(0, 1fr);
        gap: 0.12rem 0.32rem;
        align-content: center;
        min-width: 0;
        padding: 0.28rem;
        border: 1px solid rgba(0, 230, 118, 0.18);
        border-radius: 8px;
        background: rgba(0, 230, 118, 0.06);
    }

    .proposal-mockup-review-strip__checks .oi {
        grid-row: 1 / span 2;
        color: #00e676;
        font-size: 0.76rem;
    }

    .proposal-mockup-review-strip__checks strong {
        overflow: hidden;
        color: #ffffff;
        font-size: 0.66rem;
        line-height: 1.1;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .proposal-mockup-review-strip__checks small {
        color: #00e676;
        font-size: 0.64rem;
        font-weight: 850;
    }

    .proposal-mockup-review-strip__warn {
        border-color: rgba(255, 165, 0, 0.24) !important;
        background: rgba(255, 165, 0, 0.08) !important;
    }

    .proposal-mockup-review-strip__warn .oi,
    .proposal-mockup-review-strip__warn small {
        color: #ffa500;
    }

    .proposal-mockup-review-strip__missing {
        border-color: rgba(255, 68, 68, 0.24) !important;
        background: rgba(255, 68, 68, 0.08) !important;
    }

    .proposal-mockup-review-strip__missing .oi,
    .proposal-mockup-review-strip__missing small {
        color: #ff4444;
    }

    .proposal-mockup-review-strip__release {
        display: grid;
        grid-template-columns: 28px minmax(0, 1fr);
        gap: 0.48rem;
        align-content: center;
        padding: 0.55rem;
        border-left: 1px solid rgba(156, 163, 175, 0.18);
    }

    .proposal-mockup-review-strip__release .oi {
        color: #ffd700;
    }

    .proposal-mockup-review-strip__release strong {
        color: #ffd700;
        font-size: 0.78rem;
        line-height: 1.15;
    }

    .proposal-mockup-review-strip__release small {
        color: #9ca3af;
        font-size: 0.68rem;
        line-height: 1.2;
    }

    .proposal-mockup-review-strip__primary {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        min-width: 0;
        min-height: 44px;
        margin: 0.62rem;
        border: 1px solid rgba(255, 215, 0, 0.6);
        border-radius: 8px;
        background: linear-gradient(180deg, #ffd700, #d9a441);
        color: #111827;
        font-weight: 900;
    }
}

@media (min-width: 1181px) {
    .proposal-public-share.proposal-public-share--client-review {
        grid-template-columns: 210px minmax(0, 1fr) minmax(330px, 0.32fr);
        grid-template-rows: 58px auto auto auto auto auto;
        gap: 0;
        background: #071014;
    }

    .proposal-public-share--client-review .proposal-public-share__grid {
        display: contents;
        margin: 0;
    }

    .proposal-public-share--client-review .proposal-report-package--public {
        grid-column: 2;
        grid-row: 3;
        width: auto;
        max-width: none;
        margin: 1rem;
    }

    .proposal-public-share--client-review .proposal-public-decision {
        grid-column: 3;
        grid-row: 3;
        width: auto;
        min-width: 0;
        min-height: calc(100vh - 160px);
        margin: 1rem 1rem 1rem 0;
    }

    .proposal-public-share--client-review .proposal-public-share__note {
        grid-column: 3;
        grid-row: 4;
        margin: 0 1rem 1rem 0;
    }

    .proposal-public-share--client-review .proposal-public-review-grid {
        grid-column: 2 / 4;
        grid-row: 5;
        margin: 0;
        padding: 0 1rem 1rem;
    }

    .proposal-public-share--client-review .proposal-public-next-step {
        grid-column: 2 / 4;
        grid-row: 6;
        margin: 0 1rem 1rem;
    }
}

@media (max-width: 1180px) {
    .reports-generated-workbench,
    .proposal-mockup-review-strip {
        display: none;
    }
}

/* Generated proposal follow-up mockup surface. */
.proposal-followup-shell,
.proposal-followup-shell * {
    box-sizing: border-box;
    min-width: 0;
}

.proposal-followup-shell {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    min-height: 100vh;
    background: #05080c;
    color: #f8fafc;
}

.main:has(.proposal-followup-shell) {
    padding: 0;
    background: #05080c;
}

.page:has(.proposal-followup-shell) .command-header {
    display: none;
}

.proposal-followup-sidebar {
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 1rem;
    min-height: 100vh;
    padding: 1rem;
    border-right: 1px solid rgba(156, 163, 175, 0.16);
    background: linear-gradient(180deg, #071014, #05080c);
}

.proposal-followup-brand,
.proposal-followup-sidebar nav a {
    color: #e5e7eb;
    text-decoration: none;
}

.proposal-followup-brand {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 0.5rem;
    align-items: center;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.14);
    text-transform: uppercase;
}

.proposal-followup-brand__mark {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border: 2px solid #ffd700;
    border-radius: 8px;
    color: #ffd700;
    font-weight: 900;
}

.proposal-followup-brand strong {
    color: #ffffff;
    font-size: 1.05rem;
}

.proposal-followup-brand small {
    color: #ffd700;
    font-weight: 850;
}

.proposal-followup-sidebar nav {
    display: grid;
    align-content: start;
    gap: 0.28rem;
}

.proposal-followup-sidebar nav a {
    display: flex;
    align-items: center;
    gap: 0.68rem;
    min-height: 44px;
    padding: 0 0.7rem;
    border-radius: 8px;
    color: #cbd5e1;
    font-size: 0.86rem;
    font-weight: 750;
}

.proposal-followup-sidebar__active,
.proposal-followup-sidebar nav a:hover {
    background: rgba(37, 99, 235, 0.32);
    color: #60a5fa !important;
}

.proposal-followup-sidebar section {
    display: grid;
    gap: 0.2rem;
    padding: 0.78rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(17, 24, 39, 0.72);
}

.proposal-followup-sidebar section small,
.proposal-followup-topbar p,
.proposal-followup-client p,
.proposal-followup-client dt,
.proposal-followup-metrics small,
.proposal-followup-metrics em,
.proposal-followup-preview small,
.proposal-followup-timeline small,
.proposal-followup-timeline em,
.proposal-followup-rail p,
.proposal-followup-path small,
.proposal-followup-path p {
    color: #9ca3af;
}

.proposal-followup-stage {
    display: grid;
    grid-template-rows: 68px 88px 136px minmax(0, 1fr) 132px;
    gap: 0.72rem;
    height: 100vh;
    padding: 1rem 1.1rem 1rem 1.35rem;
    overflow: hidden;
}

.proposal-followup-topbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: start;
}

.proposal-followup-topbar h1,
.proposal-followup-client h2,
.proposal-followup-preview h2,
.proposal-followup-timeline h2,
.proposal-followup-rail h2,
.proposal-followup-path h2 {
    margin: 0;
    color: #ffffff;
}

.proposal-followup-topbar h1 {
    font-size: 1.75rem;
}

.proposal-followup-topbar p {
    margin: 0.18rem 0 0;
}

.proposal-followup-topbar nav {
    display: flex;
    gap: 0.65rem;
}

.proposal-followup-topbar button,
.proposal-followup-topbar a,
.proposal-followup-action a,
.proposal-followup-action button,
.proposal-followup-preview a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 44px;
    padding: 0 0.9rem;
    border: 1px solid rgba(156, 163, 175, 0.22);
    border-radius: 8px;
    background: rgba(17, 24, 39, 0.78);
    color: #f8fafc;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 800;
    text-decoration: none;
}

.proposal-followup-topbar a,
.proposal-followup-action a {
    border-color: rgba(96, 165, 250, 0.46);
    background: #2563eb;
}

.proposal-followup-client,
.proposal-followup-metrics article,
.proposal-followup-preview,
.proposal-followup-timeline,
.proposal-followup-rail section,
.proposal-followup-path {
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(14, 23, 31, 0.96), rgba(8, 13, 18, 0.98));
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
}

.proposal-followup-client {
    display: grid;
    grid-template-columns: 62px minmax(240px, 0.7fr) minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    padding: 0.78rem 1rem;
}

.proposal-followup-client__avatar {
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    border: 1px solid rgba(0, 230, 118, 0.48);
    border-radius: 999px;
    background: rgba(0, 230, 118, 0.18);
    color: #ffffff;
    font-weight: 900;
}

.proposal-followup-client h2 {
    font-size: 1.25rem;
}

.proposal-followup-client p {
    margin: 0.2rem 0 0;
    font-size: 0.82rem;
}

.proposal-followup-client dl,
.proposal-followup-metrics {
    display: grid;
    gap: 0;
}

.proposal-followup-client dl {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
}

.proposal-followup-client dl div {
    display: grid;
    gap: 0.18rem;
    min-height: 54px;
    padding: 0 0.85rem;
    border-left: 1px solid rgba(156, 163, 175, 0.14);
}

.proposal-followup-client dt,
.proposal-followup-client dd {
    margin: 0;
}

.proposal-followup-client dd {
    color: #ffffff;
    font-weight: 850;
}

.proposal-followup-metrics {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.72rem;
}

.proposal-followup-metrics article {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 0.12rem 0.62rem;
    align-content: center;
    padding: 0.82rem;
}

.proposal-followup-metrics .oi {
    grid-row: 1 / span 4;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(96, 165, 250, 0.36);
    border-radius: 999px;
    color: #60a5fa;
    background: rgba(37, 99, 235, 0.16);
}

.proposal-followup-metrics strong {
    color: #ffffff;
    font-size: 1.42rem;
}

.proposal-followup-metrics i {
    display: block;
    grid-column: 2;
    width: var(--spark);
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, #60a5fa, #00e676);
}

.proposal-followup-grid {
    display: grid;
    grid-template-columns: minmax(250px, 0.28fr) minmax(0, 1fr) minmax(300px, 0.32fr);
    gap: 0.72rem;
    min-height: 0;
}

.proposal-followup-preview,
.proposal-followup-timeline,
.proposal-followup-rail {
    min-height: 0;
}

.proposal-followup-preview {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0.75rem;
    padding: 0.82rem;
}

.proposal-followup-preview section {
    display: grid;
    align-content: center;
    gap: 1rem;
    min-height: 0;
    padding: 1.2rem;
    border: 1px solid rgba(255, 215, 0, 0.28);
    border-radius: 8px;
    background:
        radial-gradient(circle at 84% 18%, rgba(255, 215, 0, 0.1), transparent 7rem),
        rgba(7, 11, 14, 0.72);
}

.proposal-followup-preview section > span {
    color: #ffffff;
    font-size: 1.2rem;
    font-weight: 900;
}

.proposal-followup-preview strong {
    color: #ffffff;
    font-size: 1.22rem;
}

.proposal-followup-timeline {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    padding: 0.82rem;
}

.proposal-followup-timeline header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.proposal-followup-timeline ol {
    display: grid;
    align-content: start;
    gap: 0;
    min-height: 0;
    margin: 0.6rem 0 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.proposal-followup-timeline li {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 120px;
    gap: 0 0.7rem;
    align-items: center;
    min-height: 48px;
    border-bottom: 1px solid rgba(156, 163, 175, 0.12);
}

.proposal-followup-timeline li > .oi {
    grid-row: 1 / span 2;
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(96, 165, 250, 0.34);
    border-radius: 999px;
    color: #60a5fa;
    background: rgba(37, 99, 235, 0.14);
}

.proposal-followup-timeline strong {
    color: #ffffff;
    font-size: 0.84rem;
}

.proposal-followup-timeline em {
    grid-column: 3;
    grid-row: 1 / span 2;
    justify-self: end;
    font-style: normal;
    font-size: 0.78rem;
}

.proposal-followup-rail {
    display: grid;
    align-content: start;
    gap: 0.72rem;
    overflow: hidden;
}

.proposal-followup-rail section {
    display: grid;
    gap: 0.55rem;
    padding: 0.85rem;
}

.proposal-followup-rail h3 {
    display: flex;
    justify-content: space-between;
    margin: 0;
    color: #ffffff;
    font-size: 0.96rem;
}

.proposal-followup-rail h3 span,
.proposal-followup-rail h3 a {
    color: #00e676;
    font-size: 0.76rem;
    text-decoration: none;
}

.proposal-followup-action {
    border-color: rgba(255, 165, 0, 0.52) !important;
}

.proposal-followup-action strong {
    display: flex;
    gap: 0.56rem;
    align-items: center;
    color: #ffffff;
    font-size: 0.98rem;
}

.proposal-followup-action a {
    background: #ffa500;
    color: #111827;
}

.proposal-followup-action div {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.45rem;
}

.proposal-followup-action button {
    min-height: 44px;
    padding: 0 0.5rem;
    color: #9ca3af;
}

.proposal-followup-rail p {
    margin: 0;
    font-size: 0.8rem;
    line-height: 1.3;
}

.proposal-followup-rail p span {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 0.45rem;
    border-radius: 999px;
    background: #00e676;
}

.proposal-followup-rail p strong {
    float: right;
    color: #00e676;
}

.proposal-followup-path {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.65rem 1rem;
    padding: 0.9rem 1rem;
}

.proposal-followup-path header {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    grid-column: 1 / -1;
}

.proposal-followup-path ol {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.7rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.proposal-followup-path li {
    display: grid;
    gap: 0.24rem;
    min-height: 70px;
    padding: 0.64rem;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 8px;
    background: rgba(17, 24, 39, 0.74);
}

.proposal-followup-path li span {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: rgba(96, 165, 250, 0.18);
    color: #ffffff;
    font-weight: 900;
}

.proposal-followup-path li strong {
    color: #ffffff;
    font-size: 0.84rem;
}

.proposal-followup-path__active {
    border-color: rgba(255, 165, 0, 0.72) !important;
    background: rgba(255, 165, 0, 0.09) !important;
}

.proposal-followup-path p {
    grid-column: 1 / -1;
    margin: 0;
    padding: 0.5rem 0.7rem;
    border: 1px solid rgba(0, 230, 118, 0.22);
    border-radius: 8px;
    background: rgba(0, 230, 118, 0.06);
}

@media (max-width: 1180px) {
    .proposal-followup-shell {
        grid-template-columns: 1fr;
    }

    .proposal-followup-sidebar {
        display: none;
    }

    .proposal-followup-stage {
        height: auto;
        overflow: visible;
        grid-template-rows: auto;
    }

    .proposal-followup-topbar,
    .proposal-followup-client,
    .proposal-followup-grid,
    .proposal-followup-path,
    .proposal-followup-metrics {
        grid-template-columns: 1fr;
    }

    .proposal-followup-client dl,
    .proposal-followup-path ol {
        grid-template-columns: 1fr;
    }
}

/* Final report-mockup tightening pass. Keep these late so they win over older hybrid layers. */
.mockup-release-review-shell__topbar {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(260px, 0.48fr) minmax(250px, 0.5fr) auto;
}

.mockup-release-review-shell__gate {
    display: grid;
    gap: 0.12rem;
    align-content: center;
    min-height: 52px;
    padding: 0.45rem 0.8rem;
    border: 1px solid rgba(255, 68, 68, 0.36);
    border-radius: 8px;
    background: rgba(255, 68, 68, 0.1);
    color: #ff4444;
}

.mockup-release-review-shell__gate strong,
.mockup-release-review-shell__gate small {
    color: #ff6b6b;
}

.mockup-release-review-shell__counts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.4rem;
    margin: 0;
    padding: 0.35rem 0.6rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(17, 24, 39, 0.78);
}

.mockup-release-review-shell__counts div {
    display: grid;
    justify-items: center;
    gap: 0.04rem;
}

.mockup-release-review-shell__counts dt,
.mockup-release-review-shell__counts dd {
    margin: 0;
}

.mockup-release-review-shell__counts dt {
    color: #ff4444;
    font-size: 1.2rem;
    font-weight: 950;
}

.mockup-release-review-shell__counts div:nth-child(2) dt {
    color: #ffa500;
}

.mockup-release-review-shell__counts div:nth-child(3) dt {
    color: #00e676;
}

.mockup-release-review-shell__counts dd {
    color: #d1d5db;
    font-size: 0.68rem;
    font-weight: 850;
    text-transform: uppercase;
}

.mockup-release-review-table header,
.mockup-release-review-table__row {
    grid-template-columns: minmax(220px, 0.95fr) minmax(190px, 0.75fr) minmax(120px, 0.42fr) minmax(130px, 0.45fr);
}

.mockup-release-review-table__row {
    min-height: 56px;
}

.mockup-release-review-table__row strong {
    display: grid;
    gap: 0.08rem;
}

.mockup-release-review-table__row strong small {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 750;
}

.mockup-release-review-table__row--warning {
    background: rgba(255, 165, 0, 0.06);
}

.mockup-release-review-table__row--warning em {
    color: #ffa500;
}

.mockup-release-review-table__row--cleared {
    background: rgba(0, 230, 118, 0.06);
}

.mockup-release-review-table__row--cleared em {
    color: #00e676;
}

.mockup-release-review-detail__meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    margin: 0;
}

.mockup-release-review-detail__meta div {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.12rem;
    padding: 0.45rem;
    border: 1px solid rgba(156, 163, 175, 0.14);
    border-radius: 8px;
    background: rgba(7, 11, 14, 0.34);
}

.mockup-release-review-detail__meta dt,
.mockup-release-review-detail__meta dd {
    margin: 0;
}

.mockup-release-review-detail__meta dt {
    color: #9ca3af;
    font-size: 0.68rem;
    font-weight: 850;
    text-transform: uppercase;
}

.mockup-release-review-detail__meta dd {
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 820;
}

.mockup-release-review-evidence small {
    min-height: 34px;
    padding: 0.4rem 0.5rem;
    border: 1px solid rgba(156, 163, 175, 0.14);
    border-radius: 8px;
    background: rgba(7, 11, 14, 0.34);
}

.mockup-release-review-health article {
    min-height: 116px;
}

.mockup-revenue-path {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.5rem;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.14);
    border-radius: 8px;
    background: rgba(7, 11, 14, 0.5);
}

.mockup-revenue-path div {
    display: grid;
    justify-items: center;
    gap: 0.22rem;
    text-align: center;
}

.mockup-revenue-path .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(96, 165, 250, 0.42);
    border-radius: 999px;
    color: #60a5fa;
}

.mockup-revenue-path strong,
.mockup-revenue-value-dashboard strong,
.mockup-revenue-actions strong,
.mockup-revenue-retention strong {
    color: #ffffff;
}

.mockup-revenue-path small,
.mockup-revenue-quota small,
.mockup-revenue-quota span,
.mockup-revenue-value-dashboard small,
.mockup-revenue-actions small {
    color: #9ca3af;
}

.mockup-revenue-quota {
    display: grid;
    gap: 0.32rem;
    margin-top: 0.4rem;
    padding: 0.75rem;
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.08);
}

.mockup-revenue-quota strong {
    color: #ffffff;
    font-size: 1.5rem;
}

.mockup-revenue-value-dashboard {
    display: grid;
    grid-column: 1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.6rem;
}

.mockup-revenue-value-dashboard article,
.mockup-revenue-actions,
.mockup-revenue-retention {
    display: grid;
    gap: 0.28rem;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(43,45,49,0.9), rgba(18,24,28,0.94)), #2b2d31;
}

.mockup-revenue-value-dashboard span {
    color: #d1d5db;
    font-size: 0.78rem;
}

.mockup-revenue-value-dashboard strong {
    font-size: 1.4rem;
}

.mockup-revenue-actions,
.mockup-revenue-retention {
    align-content: start;
}

.mockup-revenue-actions a,
.mockup-revenue-retention span {
    display: grid;
    gap: 0.12rem;
    min-height: 48px;
    padding: 0.45rem;
    border: 1px solid rgba(156, 163, 175, 0.12);
    border-radius: 8px;
    color: #d1d5db;
    text-decoration: none;
}

.mockup-revenue-retention em {
    justify-self: end;
    color: #00e676;
    font-style: normal;
    font-weight: 850;
}

@media (max-width: 1320px) {
    .mockup-release-review-shell__topbar,
    .mockup-revenue-path,
    .mockup-revenue-value-dashboard {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 1181px) {
    .reports-generated-workbench {
        grid-template-rows: 52px 206px 96px minmax(0, 1fr);
    }

    .client-proof-command-main .client-proof-preview-panel--command-center,
    .report-detail-layout--client-proof .client-proof-command-main .client-proof-preview-panel--command-center {
        grid-template-columns: minmax(260px, 0.75fr) minmax(420px, 1.18fr) minmax(210px, 0.5fr);
        grid-template-rows: minmax(0, calc(100vh - 248px)) auto;
        min-height: calc(100vh - 118px);
    }

    .client-proof-command-main .client-proof-authority-column,
    .client-proof-command-main .client-proof-document-preview--large,
    .client-proof-command-main .client-proof-release-rail {
        min-height: 0;
        max-height: calc(100vh - 248px);
        overflow: hidden;
    }

    .client-proof-client-safe-card {
        display: grid;
        gap: 0.24rem;
        justify-items: center;
        padding: 0.72rem;
        border: 1px solid rgba(217, 164, 65, 0.3);
        border-radius: 8px;
        background: rgba(217, 164, 65, 0.08);
        text-align: center;
    }

    .client-proof-client-safe-card .oi {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        border: 1px solid rgba(217, 164, 65, 0.5);
        border-radius: 999px;
        color: #d9a441;
        font-size: 1.25rem;
    }

    .client-proof-client-safe-card strong {
        color: #ffffff;
    }

    .client-proof-command-footer-strip {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(260px, 0.52fr) minmax(320px, 0.58fr);
        gap: 0.5rem;
        min-height: 72px;
    }

    .client-proof-command-footer-strip article {
        display: grid;
        gap: 0.16rem;
        align-content: center;
        padding: 0.56rem 0.68rem;
        border: 1px solid rgba(156, 163, 175, 0.18);
        border-radius: 8px;
        background: linear-gradient(180deg, rgba(43,45,49,0.92), rgba(18,24,28,0.96)), #2b2d31;
    }

    .client-proof-command-footer-strip strong {
        color: #ffffff;
        font-size: 0.82rem;
    }

    .client-proof-command-footer-strip small {
        color: #9ca3af;
        font-size: 0.66rem;
        line-height: 1.18;
    }

    .client-proof-command-main .client-proof-document-preview--large {
        box-shadow: 0 24px 64px rgba(0, 0, 0, 0.24);
    }

    .client-proof-document-preview__grid {
        grid-template-columns: minmax(180px, 0.46fr) minmax(0, 1fr);
        grid-template-rows: auto auto;
    }

    .client-proof-work-tiles div {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .client-proof-work-tiles i {
        min-height: 58px;
    }

    .client-proof-work-tiles i {
        position: relative;
        overflow: hidden;
        background:
            linear-gradient(135deg, rgba(255,255,255,0.2), transparent 36%),
            repeating-linear-gradient(45deg, rgba(15, 23, 42, 0.18) 0 10px, rgba(96, 165, 250, 0.2) 10px 20px),
            #cbd5e1;
    }

    .client-proof-work-tiles i::after {
        content: "✓";
        position: absolute;
        right: 0.42rem;
        bottom: 0.42rem;
        display: inline-grid;
        place-items: center;
        width: 26px;
        height: 26px;
        border-radius: 999px;
        background: #16a34a;
        color: #ffffff;
        font-weight: 900;
    }

    .proposal-workspace-shell:has(.proposal-mockup-review-strip) .proposal-mockup-editor-hybrid {
        grid-template-rows: minmax(104px, auto) minmax(0, 1fr) 82px;
    }

    .proposal-mockup-command-row {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: minmax(180px, 1fr) minmax(160px, 0.8fr) minmax(180px, 0.8fr);
        gap: 0.58rem;
        align-items: center;
        min-height: 104px;
        padding: 0.55rem 0.72rem;
        border: 1px solid rgba(156, 163, 175, 0.18);
        border-radius: 8px;
        background: linear-gradient(180deg, rgba(43,45,49,0.92), rgba(18,24,28,0.96)), #2b2d31;
    }

    .proposal-mockup-command-row div {
        display: flex;
        flex-wrap: wrap;
        gap: 0.42rem;
    }

    .proposal-mockup-command-row .proposal-mockup-command-row__preview {
        display: grid;
        gap: 0.2rem;
    }

    .proposal-mockup-command-row strong {
        color: #ffd700;
    }

    .proposal-mockup-command-row small {
        color: #9ca3af;
        font-size: 0.74rem;
    }

    .proposal-mockup-command-row .proposal-primary-action {
        grid-column: 1;
        min-height: 44px;
        padding: 0 0.7rem;
    }

    .proposal-mockup-command-row .proposal-mockup-command-row__preview {
        grid-column: 2 / -1;
    }

    .proposal-mockup-command-row .proposal-link-button--share-preview {
        width: 100%;
        padding: 0 0.58rem;
    }

    .proposal-workspace-shell:has(.proposal-mockup-review-strip) .proposal-mockup-editor-hybrid__steps,
    .proposal-workspace-shell:has(.proposal-mockup-review-strip) .proposal-mockup-editor-hybrid__editor,
    .proposal-workspace-shell:has(.proposal-mockup-review-strip) .proposal-mockup-editor-hybrid__preview,
    .proposal-workspace-shell:has(.proposal-mockup-review-strip) .proposal-mockup-editor-hybrid__readiness {
        max-height: calc(100vh - 276px);
    }

    .reports-generated-decision {
        grid-template-columns: minmax(190px, 0.92fr) 112px minmax(118px, 0.48fr) minmax(220px, 1fr);
    }

    .reports-generated-decision__question {
        display: grid;
        gap: 0.34rem;
        align-content: center;
    }

    .reports-generated-decision__question h2 {
        color: #ffffff;
        font-size: 1.62rem;
    }

    .reports-generated-decision__question p {
        color: #d1d5db;
        font-size: 0.78rem;
        line-height: 1.24;
    }

    .reports-generated-gauge {
        width: 112px;
        height: 112px;
        border-width: 9px;
        align-content: center;
        gap: 0;
        font-size: 1rem;
    }

    .reports-generated-gauge strong {
        font-size: 1.78rem;
        line-height: 1;
    }

    .reports-generated-gauge small {
        font-size: 0.66rem;
        text-transform: uppercase;
    }

    .reports-generated-decision__readiness {
        display: grid;
        gap: 0.2rem;
        align-content: center;
    }

    .reports-generated-decision__readiness strong {
        color: #00e676;
        font-size: 1rem;
    }

    .reports-generated-decision__readiness span {
        color: #d1d5db;
        font-size: 0.76rem;
        line-height: 1.25;
    }

    .reports-generated-decision dl div {
        min-height: 94px;
        padding: 0 0.76rem;
    }

    .reports-generated-action {
        min-height: 42px;
    }

    .proposal-public-share.proposal-public-share--client-review {
        grid-template-rows: 58px minmax(0, calc(100vh - 58px)) auto auto auto;
    }

    .proposal-public-share--client-review .proposal-public-share__hero {
        display: none;
    }

    .proposal-public-share--client-review .proposal-report-package--public {
        grid-row: 2;
        margin: 0.72rem;
        max-height: calc(100vh - 82px);
        overflow: hidden;
    }

    .proposal-public-share--client-review .proposal-public-decision {
        grid-row: 2;
        min-height: 0;
        max-height: calc(100vh - 82px);
        margin: 0.72rem 0.72rem 0.72rem 0;
        overflow: hidden;
    }

    .proposal-public-share--client-review .proposal-public-share__note {
        grid-row: 3;
        margin: 0 0.72rem 0.72rem 0;
    }

    .proposal-public-share--client-review .proposal-public-review-grid {
        grid-row: 4;
        padding: 0 0.72rem 0.72rem;
    }

    .proposal-public-share--client-review .proposal-public-next-step {
        grid-row: 5;
        margin: 0 0.72rem 0.72rem;
    }
}

.blueprint-command-shell--buyer-checkout .marketplace-conversion-mockup {
    grid-template-rows: 58px 82px minmax(0, 1fr);
    gap: 0.55rem;
    height: calc(100vh - 79px);
    min-height: 0;
    padding: 0.7rem;
}

.blueprint-command-shell--buyer-checkout .marketplace-conversion-mockup__topbar {
    padding: 0.48rem 0.62rem;
}

.blueprint-command-shell--buyer-checkout .marketplace-conversion-mockup__topbar h1 {
    font-size: 1.9rem;
    line-height: 1;
}

.blueprint-command-shell--buyer-checkout .marketplace-conversion-mockup__topbar p {
    font-size: 0.6rem;
}

.blueprint-command-shell--buyer-checkout .marketplace-conversion-mockup__topbar small {
    display: none;
}

.blueprint-command-shell--buyer-checkout .marketplace-conversion-mockup__topbar nav span,
.blueprint-command-shell--buyer-checkout .marketplace-conversion-mockup__topbar nav a {
    min-height: 44px;
    padding: 0 0.5rem;
    font-size: 0.64rem;
}

.blueprint-command-shell--buyer-checkout .marketplace-conversion-mockup__kpis {
    gap: 0.5rem;
}

.blueprint-command-shell--buyer-checkout .marketplace-conversion-mockup__kpis article {
    min-height: 80px;
    padding: 0.55rem 0.62rem;
}

.blueprint-command-shell--buyer-checkout .marketplace-conversion-mockup__kpis strong {
    font-size: 1.42rem;
}

.blueprint-command-shell--buyer-checkout .marketplace-conversion-mockup__grid {
    grid-template-columns: minmax(430px, 1.04fr) minmax(270px, 0.52fr) minmax(330px, 0.7fr);
    grid-template-rows: minmax(230px, 0.62fr) minmax(190px, 0.52fr);
    gap: 0.55rem;
}

.blueprint-command-shell--buyer-checkout .marketplace-conversion-funnel {
    grid-column: 1;
    grid-row: 1;
}

.blueprint-command-shell--buyer-checkout .marketplace-conversion-inspector {
    grid-column: 2;
    grid-row: 1;
}

.blueprint-command-shell--buyer-checkout .marketplace-conversion-scoreboard {
    grid-column: 3;
    grid-row: 1;
}

.blueprint-command-shell--buyer-checkout .marketplace-conversion-actions {
    grid-column: 3;
    grid-row: 2;
}

.blueprint-command-shell--buyer-checkout .marketplace-conversion-table {
    grid-column: 1 / 3;
    grid-row: 2;
}

.blueprint-command-shell--buyer-checkout .marketplace-conversion-funnel,
.blueprint-command-shell--buyer-checkout .marketplace-conversion-inspector,
.blueprint-command-shell--buyer-checkout .marketplace-conversion-table,
.blueprint-command-shell--buyer-checkout .marketplace-conversion-actions {
    padding: 0.68rem;
}

.blueprint-command-shell--buyer-checkout .marketplace-conversion-funnel h2,
.blueprint-command-shell--buyer-checkout .marketplace-conversion-inspector h2 {
    font-size: 1.1rem;
}

.blueprint-command-shell--buyer-checkout .marketplace-conversion-funnel__steps {
    gap: 0.34rem;
}

.blueprint-command-shell--buyer-checkout .marketplace-conversion-funnel__steps div {
    min-height: 74px;
    padding: 0.42rem 0.34rem;
}

.blueprint-command-shell--buyer-checkout .marketplace-conversion-funnel__steps .oi {
    width: 28px;
    height: 28px;
}

.blueprint-command-shell--buyer-checkout .marketplace-conversion-funnel__steps strong,
.blueprint-command-shell--buyer-checkout .marketplace-conversion-mockup small,
.blueprint-command-shell--buyer-checkout .marketplace-conversion-mockup p {
    font-size: 0.66rem;
}

.blueprint-command-shell--buyer-checkout .marketplace-conversion-funnel__chart {
    min-height: 86px;
    padding: 0.48rem;
}

.blueprint-command-shell--buyer-checkout .marketplace-conversion-scoreboard {
    gap: 0.44rem;
}

.blueprint-command-shell--buyer-checkout .marketplace-conversion-scoreboard article {
    min-height: 0;
    padding: 0.52rem;
}

.blueprint-command-shell--buyer-checkout .marketplace-conversion-scoreboard strong {
    font-size: 1.02rem;
}

@media (max-width: 1180px) {
    .blueprint-command-shell--buyer-checkout .marketplace-conversion-mockup {
        height: auto;
        min-height: calc(100vh - 72px);
        overflow: visible;
    }

    .blueprint-command-shell--buyer-checkout .marketplace-conversion-mockup__topbar,
    .blueprint-command-shell--buyer-checkout .marketplace-conversion-mockup__kpis,
    .blueprint-command-shell--buyer-checkout .marketplace-conversion-mockup__grid,
    .blueprint-command-shell--buyer-checkout .marketplace-conversion-funnel__steps,
    .blueprint-command-shell--buyer-checkout .marketplace-conversion-scoreboard,
    .blueprint-command-shell--buyer-checkout .marketplace-conversion-table div {
        grid-template-columns: 1fr;
    }

    .blueprint-command-shell--buyer-checkout .marketplace-conversion-funnel,
    .blueprint-command-shell--buyer-checkout .marketplace-conversion-inspector,
    .blueprint-command-shell--buyer-checkout .marketplace-conversion-scoreboard,
    .blueprint-command-shell--buyer-checkout .marketplace-conversion-actions,
    .blueprint-command-shell--buyer-checkout .marketplace-conversion-table {
        grid-column: 1;
        grid-row: auto;
    }
}

.marketplace-product-detail-purchase-card .marketplace-product-creator-proof,
.marketplace-product-detail-purchase-card .marketplace-product-buyer-quote {
    display: grid;
    gap: 0.55rem;
    padding: 0.78rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: rgba(8, 12, 15, 0.58);
}

.marketplace-product-creator-proof header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.marketplace-product-creator-proof header a {
    color: #60a5fa;
    font-size: 0.72rem;
    font-weight: 900;
    text-decoration: none;
}

.marketplace-product-creator-proof dl {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.45rem;
    margin: 0;
}

.marketplace-product-creator-proof dl div {
    display: grid;
    gap: 0.12rem;
    min-height: 62px;
    padding: 0.5rem;
    border: 1px solid rgba(82, 211, 82, 0.18);
    border-radius: 8px;
    background: rgba(82, 211, 82, 0.07);
}

.marketplace-product-creator-proof dt {
    color: #9ca3af;
    font-size: 0.62rem;
    font-weight: 900;
    text-transform: uppercase;
}

.marketplace-product-creator-proof dd {
    margin: 0;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 900;
}

.marketplace-product-creator-proof p,
.marketplace-product-buyer-quote p,
.marketplace-product-buyer-quote cite {
    margin: 0;
    color: #cbd5e1;
    font-size: 0.74rem;
    line-height: 1.28;
}

.marketplace-product-buyer-quote blockquote {
    display: grid;
    gap: 0.3rem;
    margin: 0;
}

.marketplace-product-buyer-quote cite {
    color: #ffd700;
    font-style: normal;
    font-weight: 850;
}

@media (min-width: 1181px) {
    .marketplace-product-detail-purchase-card {
        position: sticky;
        top: 1rem;
    }

    .marketplace-product-detail-purchase-card__price strong {
        font-size: 2.15rem;
    }

    .marketplace-product-detail-purchase-card__checks {
        font-size: 0.78rem;
    }

    .marketplace-product-detail-purchase-card > h2,
    .marketplace-product-detail-purchase-card > p,
    .marketplace-product-detail-purchase-card > .marketplace-card__actions {
        display: none;
    }

    .marketplace-product-detail-hero .marketplace-hero__grid {
        grid-template-columns: minmax(0, 1fr) minmax(330px, 380px);
    }
}

@media (min-width: 1181px) {
    .proposal-public-review-sidebar__brand {
        grid-template-columns: 40px minmax(0, 1fr);
    }

    .proposal-public-review-sidebar__brand > span:last-child {
        display: grid;
        gap: 0.1rem;
        min-width: 0;
    }

    .proposal-public-review-sidebar__brand small {
        color: #9ca3af;
        font-size: 0.72rem;
        font-weight: 760;
        line-height: 1.15;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .proposal-public-share.proposal-public-share--client-review {
        grid-template-columns: 220px minmax(0, 1fr) 356px;
        background: #071014;
    }

    .proposal-public-share--client-review .proposal-report-package--public {
        max-height: calc(100vh - 174px);
        overflow: hidden;
    }

    .proposal-public-share--client-review .proposal-public-decision {
        min-height: 0;
        max-height: calc(100vh - 174px);
        overflow: hidden;
    }

    .proposal-public-share--client-review .proposal-public-share__note {
        display: none;
    }

    .proposal-public-share--client-review .mockup-public-proposal-path {
        grid-column: 2 / 4;
        grid-row: 4;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0.6rem;
        margin: 0 1rem 1rem;
        padding: 0.72rem;
        border: 1px solid rgba(20, 184, 166, 0.22);
        border-radius: 8px;
        background: linear-gradient(180deg, rgba(15, 23, 42, 0.94), rgba(8, 13, 19, 0.98));
        box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
    }

    .proposal-public-share--client-review .mockup-public-proposal-path div {
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 0.12rem 0.52rem;
        align-items: center;
        min-height: 60px;
        padding: 0.55rem;
        border: 1px solid rgba(148, 163, 184, 0.18);
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.045);
    }

    .proposal-public-share--client-review .mockup-public-proposal-path .oi {
        grid-row: 1 / span 2;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        border-radius: 999px;
        border: 1px solid rgba(20, 184, 166, 0.44);
        color: #2dd4bf;
    }

    .proposal-public-share--client-review .mockup-public-proposal-path strong {
        color: #ffffff;
        font-size: 0.8rem;
        line-height: 1.12;
    }

    .proposal-public-share--client-review .mockup-public-proposal-path small {
        color: #9ca3af;
        font-size: 0.68rem;
        line-height: 1.18;
    }

    .proposal-public-share--client-review .proposal-public-review-grid {
        grid-row: 5;
    }

    .proposal-public-share--client-review .proposal-public-next-step {
        grid-row: 6;
    }

    .proposal-public-share.proposal-public-share--client-review {
        grid-template-rows: 58px calc(100vh - 154px) 84px;
        height: 100vh;
        min-height: 100vh;
        overflow: hidden;
    }

    .proposal-public-share--client-review .proposal-report-package--public {
        grid-row: 2;
        display: grid;
        max-height: calc(100vh - 154px);
    }

    .proposal-public-share--client-review .proposal-public-decision {
        grid-row: 2;
        max-height: calc(100vh - 154px);
    }

    .proposal-public-share--client-review .mockup-public-proposal-path {
        grid-row: 3;
        align-self: stretch;
        margin-bottom: 0.72rem;
    }

    .proposal-public-share--client-review .proposal-public-review-grid,
    .proposal-public-share--client-review .proposal-public-next-step,
    .proposal-public-share--client-review .mockup-proposal-next-step {
        display: none;
    }
}

/* Blueprint branding upload and responsive editor polish. */
.blueprint-branding-mock .blueprint-branding-mock__page-head {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.85rem;
    align-items: start;
    max-width: none;
    margin-bottom: 0.85rem;
}

.blueprint-branding-mock .blueprint-branding-mock__actions {
    position: static;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.55rem;
    width: min(100%, 640px);
    z-index: auto;
}

.blueprint-branding-mock .blueprint-branding-mock__actions .marketplace-action-link {
    min-height: 44px;
    min-width: 0;
    text-align: center;
}

.blueprint-branding-mock__readiness-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    min-height: 72px;
    margin-bottom: 0.75rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid rgba(255, 215, 0, 0.24);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 215, 0, 0.08), transparent 45%),
        #17191d;
}

.blueprint-branding-mock__readiness-card strong {
    color: #ffffff;
}

.blueprint-branding-mock__readiness-card p {
    margin: 0.12rem 0 0;
    color: #d1d5db;
    line-height: 1.35;
}

.blueprint-branding-mock__readiness-card a {
    color: #60a5fa;
    font-weight: 850;
    text-decoration: none;
}

.blueprint-branding-mock__readiness-card a:hover,
.blueprint-branding-mock__readiness-card a:focus-visible {
    color: #93c5fd;
    text-decoration: underline;
}

.blueprint-branding-mock .blueprint-branding-mock__dropzone,
.blueprint-branding-mock .blueprint-branding-mock__logo-uploader {
    position: relative;
    grid-template-columns: 44px minmax(0, 1fr);
    justify-items: stretch;
    align-items: center;
    gap: 0.7rem;
    min-width: 0;
}

.blueprint-branding-mock .blueprint-branding-mock__logo-uploader {
    min-height: 112px;
    padding: 0.8rem;
    border: 1px dashed rgba(156, 163, 175, 0.42);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(96, 165, 250, 0.08), transparent 40%),
        #101114;
}

.blueprint-branding-mock .blueprint-branding-mock__logo-uploader .brand-kit-mock__hex {
    width: 54px;
    height: 54px;
}

.blueprint-branding-mock .blueprint-branding-mock__dropzone > div,
.blueprint-branding-mock .blueprint-branding-mock__logo-uploader > div {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.blueprint-branding-mock .blueprint-branding-mock__dropzone strong,
.blueprint-branding-mock .blueprint-branding-mock__logo-uploader strong {
    color: #ffffff;
    font-size: 0.92rem;
}

.blueprint-branding-mock .blueprint-branding-mock__dropzone > small[data-testid$="-asset-id"],
.blueprint-branding-mock .blueprint-branding-mock__logo-uploader > small[data-testid$="-asset-id"] {
    grid-column: 1 / -1;
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.blueprint-branding-mock .blueprint-branding-mock__requirements article {
    min-width: 0;
    overflow: hidden;
}

.blueprint-branding-mock .blueprint-branding-mock__requirements span,
.blueprint-branding-mock .blueprint-branding-mock__requirements small {
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.32;
}

.blueprint-branding-mock__asset-url,
.branding-preview-lab__asset-url {
    min-height: 44px;
}

.blueprint-branding-mock__asset-location,
.branding-preview-lab__asset-location {
    grid-column: 1 / -1;
    display: block;
    width: 100%;
    margin-top: 0.34rem;
    padding: 0.38rem 0.5rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 7px;
    background: rgba(2, 6, 23, 0.28);
    color: #cbd5e1;
    font-size: 0.74rem;
    font-weight: 750;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.blueprint-branding-mock .blueprint-branding-mock__file-input {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    min-height: 100%;
    opacity: 0;
    cursor: pointer;
}

/* Keep the dropzone clickable without allowing its transparent file input to
   intercept the explicit remove, undo, and progressive-disclosure controls. */
.blueprint-branding-mock .blueprint-branding-mock__logo-uploader > button,
.blueprint-branding-mock .blueprint-branding-mock__logo-uploader > details {
    position: relative;
    z-index: 2;
}

.blueprint-branding-mock .blueprint-branding-mock__dropzone:focus-within,
.blueprint-branding-mock .blueprint-branding-mock__logo-uploader:focus-within {
    border-color: rgba(147, 197, 253, 0.88);
    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.16);
}

.blueprint-branding-mock__asset-metadata {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.4rem;
    width: 100%;
    margin: 0.25rem 0 0;
}

.blueprint-branding-mock__asset-metadata div {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
    padding: 0.42rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(2, 6, 23, 0.32);
}

.blueprint-branding-mock__asset-metadata dt {
    color: #9ca3af;
    font-size: 0.62rem;
    font-weight: 850;
    text-transform: uppercase;
}

.blueprint-branding-mock__asset-metadata dd {
    margin: 0;
    color: #ffffff;
    font-size: 0.76rem;
    font-weight: 850;
    overflow-wrap: anywhere;
}

.blueprint-branding-cover-editor {
    grid-column: 1 / -1;
    display: grid;
    gap: 0.65rem;
    min-width: 0;
    padding: 0.85rem;
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 10px;
    background: rgba(15, 23, 42, 0.42);
}

.blueprint-branding-cover-editor--fallback {
    border-color: rgba(96, 165, 250, 0.18);
    background: rgba(15, 23, 42, 0.28);
}

.blueprint-branding-cover-editor__next-step {
    color: #93c5fd !important;
    font-weight: 750;
}

.blueprint-branding-template-link {
    display: inline-flex;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin-top: 0.55rem;
    padding: 0.5rem 0.7rem;
    border: 1px solid rgba(96, 165, 250, 0.42);
    border-radius: 8px;
    background: rgba(37, 99, 235, 0.12);
    color: #bfdbfe;
    font-size: 0.78rem;
    font-weight: 800;
    text-decoration: none;
}

.blueprint-branding-template-link:hover,
.blueprint-branding-template-link:focus-visible {
    border-color: #93c5fd;
    background: rgba(37, 99, 235, 0.22);
    color: #ffffff;
}

.blueprint-branding-cover-editor > header {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
    justify-content: space-between;
}

.blueprint-branding-cover-editor > p {
    margin: 0;
    color: #cbd5e1;
    line-height: 1.45;
}

.blueprint-branding-cover-editor__file-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 144px;
    min-height: 44px;
    padding: 0.55rem 0.8rem;
    border: 1px solid rgba(96, 165, 250, 0.5);
    border-radius: 8px;
    background: rgba(37, 99, 235, 0.15);
    color: #bfdbfe;
    cursor: pointer;
    font-size: 0.78rem;
    font-weight: 850;
}

.blueprint-branding-cover-editor__file-action:hover,
.blueprint-branding-cover-editor__file-action:focus-visible {
    border-color: #93c5fd;
    background: rgba(37, 99, 235, 0.24);
    color: #ffffff;
}

.blueprint-branding-cover-editor__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.blueprint-branding-cover-editor__secondary-action,
.blueprint-branding-cover-editor__remove-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.55rem 0.8rem;
    border: 1px solid rgba(156, 163, 175, 0.38);
    border-radius: 8px;
    background: #17191d;
    color: #d1d5db;
    cursor: pointer;
    font-size: 0.76rem;
    font-weight: 820;
}

.blueprint-branding-cover-editor__secondary-action:hover,
.blueprint-branding-cover-editor__secondary-action:focus-visible {
    border-color: #93c5fd;
    color: #ffffff;
}

.blueprint-branding-cover-editor__remove-action {
    border-color: rgba(248, 113, 113, 0.52);
    background: rgba(127, 29, 29, 0.16);
    color: #fecaca;
}

.blueprint-branding-cover-editor__remove-action:hover,
.blueprint-branding-cover-editor__remove-action:focus-visible {
    border-color: #fca5a5;
    background: rgba(127, 29, 29, 0.28);
    color: #ffffff;
}

.blueprint-branding-cover-editor__secondary-action:disabled,
.blueprint-branding-cover-editor__remove-action:disabled {
    cursor: not-allowed;
    opacity: 0.55;
}

.blueprint-branding-cover-editor__layout {
    display: grid;
    grid-template-columns: minmax(220px, 0.9fr) minmax(220px, 1.1fr);
    gap: 1rem;
    align-items: center;
}

.blueprint-branding-cover-editor__layout > div {
    display: grid;
    gap: 0.45rem;
}

.blueprint-branding-cover-editor__layout strong {
    color: #ffffff;
}

.blueprint-branding-cover-editor__layout small {
    color: #b5bdc9;
    line-height: 1.4;
}

.blueprint-branding-cover-editor__preview {
    position: relative;
    display: grid;
    overflow: hidden;
    margin: 0;
    border: 1px solid rgba(156, 163, 175, 0.3);
    border-radius: 8px;
    background: #111418;
}

.blueprint-branding-cover-editor__preview--wide {
    aspect-ratio: 16 / 9;
}

.blueprint-branding-cover-editor__preview--square {
    width: min(100%, 230px);
    aspect-ratio: 1;
}

.blueprint-branding-cover-editor__preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blueprint-branding-cover-editor__preview figcaption {
    position: absolute;
    right: 0.45rem;
    bottom: 0.45rem;
    padding: 0.25rem 0.45rem;
    border-radius: 999px;
    background: rgba(11, 13, 16, 0.82);
    color: #ffffff;
    font-size: 0.64rem;
    font-weight: 800;
}

.blueprint-branding-cover-editor__target {
    position: absolute;
    width: 24px;
    height: 24px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgba(17, 24, 39, 0.7);
    transform: translate(-50%, -50%);
}

.blueprint-branding-cover-editor__target::after {
    content: "";
    position: absolute;
    inset: 7px;
    border-radius: 50%;
    background: #60a5fa;
}

.blueprint-branding-cover-editor__target--center { top: 50%; left: 50%; }
.blueprint-branding-cover-editor__target--top { top: 20%; left: 50%; }
.blueprint-branding-cover-editor__target--right { top: 50%; left: 80%; }
.blueprint-branding-cover-editor__target--bottom { top: 80%; left: 50%; }
.blueprint-branding-cover-editor__target--left { top: 50%; left: 20%; }

.blueprint-branding-focal-controls {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.35rem;
}

.blueprint-branding-focal-controls button {
    display: inline-flex;
    gap: 0.35rem;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 44px;
    padding: 0.45rem;
    border: 1px solid rgba(156, 163, 175, 0.3);
    border-radius: 7px;
    background: #17191d;
    color: #cbd5e1;
    font-size: 0.7rem;
    font-weight: 800;
}

.blueprint-branding-focal-controls button > span {
    width: 8px;
    height: 8px;
    border: 1px solid currentColor;
    border-radius: 50%;
}

.blueprint-branding-focal-controls button.active {
    border-color: #60a5fa;
    background: rgba(37, 99, 235, 0.2);
    color: #dbeafe;
}

.blueprint-branding-focal-controls button.active > span {
    background: #60a5fa;
}

.blueprint-branding-preview-zoom {
    display: grid;
    gap: 0.35rem;
    margin-top: 0.35rem;
}

.blueprint-branding-preview-zoom > span {
    display: flex;
    justify-content: space-between;
    color: #e5e7eb;
    font-size: 0.76rem;
    font-weight: 800;
}

.blueprint-branding-preview-zoom output {
    color: #93c5fd;
}

.blueprint-branding-preview-zoom input[type="range"] {
    width: 100%;
    min-height: 44px;
    accent-color: #60a5fa;
}

.blueprint-branding-cover-editor__placeholder {
    display: flex;
    gap: 0.65rem;
    align-items: center;
    min-height: 64px;
    padding: 0.7rem;
    border: 1px dashed rgba(156, 163, 175, 0.28);
    border-radius: 8px;
    color: #b5bdc9;
}

.blueprint-branding-cover-editor__placeholder .oi {
    color: #60a5fa;
    font-size: 1.15rem;
}

@media (max-width: 1180px) {
    .blueprint-branding-mock .blueprint-branding-mock__page-head {
        grid-template-columns: 1fr;
    }

    .blueprint-branding-mock .blueprint-branding-mock__actions {
        width: 100%;
    }

    .blueprint-branding-mock__readiness-card {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 820px) {
    .blueprint-branding-mock .blueprint-branding-mock__topbar .brand-mock-icon,
    .blueprint-branding-mock .blueprint-branding-mock__topbar .brand-mock-avatar,
    .blueprint-branding-mock .blueprint-branding-mock__topbar .brand-mock-profile {
        display: none;
    }

    .blueprint-branding-mock .blueprint-branding-mock__topbar {
        align-items: start;
        gap: 0.5rem;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .blueprint-branding-mock .blueprint-branding-mock__main {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        padding: 0.75rem;
        box-sizing: border-box;
    }

    .blueprint-branding-mock__crumbs {
        width: 100%;
        min-width: 0;
        flex-wrap: wrap;
    }

    .blueprint-branding-mock__crumbs strong,
    .blueprint-branding-mock__topbar .status-pill {
        max-width: 100%;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .blueprint-branding-mock__editor,
    .blueprint-branding-mock__preview,
    .blueprint-branding-mock__form-card,
    .blueprint-branding-mock__field,
    .blueprint-branding-mock__requirements {
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .blueprint-branding-mock .blueprint-branding-mock__page-head {
        gap: 0.7rem;
        margin-bottom: 0.7rem;
    }

    .blueprint-branding-mock .blueprint-branding-mock__page-head h1 {
        font-size: 1.8rem;
        line-height: 1.05;
    }

    .blueprint-branding-mock .blueprint-branding-mock__actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .blueprint-branding-mock .blueprint-branding-mock__actions .marketplace-action-link:last-child {
        grid-column: 1 / -1;
    }

    .blueprint-branding-mock .blueprint-branding-mock__dropzone,
    .blueprint-branding-mock .blueprint-branding-mock__logo-uploader,
    .blueprint-branding-mock__asset-metadata {
        grid-template-columns: 1fr;
    }

    .blueprint-branding-cover-editor__layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .blueprint-branding-focal-controls {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Blueprint branding UI verification follow-up: visible preview actions and lab upload polish. */
.blueprint-branding-mock .blueprint-branding-mock__actions a[href*="preview-lab"],
.blueprint-branding-mock .blueprint-branding-mock__preview header a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

.blueprint-branding-mock .blueprint-branding-mock__submit-action:disabled,
.branding-preview-lab .branding-preview-lab__readiness .marketplace-action-link:disabled {
    border-color: rgba(156, 163, 175, 0.26);
    background: rgba(31, 41, 55, 0.72);
    color: #9ca3af;
    cursor: not-allowed;
    opacity: 1;
}

.branding-preview-lab__upload-dropzone {
    position: relative;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.65rem;
    align-items: center;
    min-height: 88px;
    padding: 0.72rem;
    border: 1px dashed rgba(156, 163, 175, 0.42);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(96, 165, 250, 0.08), transparent 40%),
        #101114;
}

.branding-preview-lab__upload-dropzone > .brand-mock-nav-icon,
.branding-preview-lab__upload-dropzone > .brand-kit-mock__hex {
    width: 44px;
    height: 44px;
}

.branding-preview-lab__upload-dropzone > div {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.branding-preview-lab__upload-dropzone strong {
    color: #ffffff;
    font-size: 0.9rem;
}

.branding-preview-lab__upload-dropzone small {
    color: #d1d5db;
    font-weight: 600;
    line-height: 1.35;
}

.branding-preview-lab__file-input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    opacity: 0;
    cursor: pointer;
}

.branding-preview-lab__upload-dropzone:focus-within {
    border-color: rgba(147, 197, 253, 0.88);
    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.16);
}

.branding-preview-lab .branding-preview-lab__banner-control,
.branding-preview-lab .branding-preview-card__banner {
    background-position: left center;
}

.branding-preview-lab .branding-preview-lab__controls {
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 1rem;
}

@media (max-width: 820px) {
    .blueprint-branding-mock .blueprint-branding-mock__actions .marketplace-action-link:last-child {
        grid-column: auto;
    }

    .blueprint-branding-mock .blueprint-branding-mock__dropzone,
    .blueprint-branding-mock .blueprint-branding-mock__logo-uploader {
        grid-template-columns: 44px minmax(0, 1fr);
        min-height: 128px;
        padding: 0.65rem;
    }

    .blueprint-branding-mock .blueprint-branding-mock__logo-uploader .brand-kit-mock__hex {
        width: 44px;
        height: 44px;
    }

    .branding-preview-lab__upload-dropzone {
        min-height: 104px;
        padding: 0.65rem;
    }

    .branding-preview-lab .branding-preview-lab__topbar {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.5rem;
        align-items: center;
        padding: 0.65rem 0.9rem;
    }

    .branding-preview-lab .brand-mock-logo,
    .branding-preview-lab .brand-mock-topbar__spacer,
    .branding-preview-lab .brand-mock-avatar,
    .branding-preview-lab .brand-mock-profile {
        display: none;
    }

    .branding-preview-lab .branding-preview-lab__crumbs {
        grid-column: 1 / -1;
        gap: 0.42rem;
        min-width: 0;
        font-size: 0.78rem;
        line-height: 1.2;
    }

    .branding-preview-lab .branding-preview-lab__crumbs a,
    .branding-preview-lab .branding-preview-lab__crumbs strong {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .branding-preview-lab .branding-preview-lab__crumbs a:nth-of-type(2) {
        max-width: 12ch;
    }

    .branding-preview-lab .branding-preview-lab__crumbs strong {
        max-width: 10ch;
    }

    .branding-preview-lab .branding-preview-lab__topbar .marketplace-action-link {
        justify-content: center;
        width: 100%;
        min-height: 44px;
    }
}

@media (max-width: 640px) {
    .report-detail-layout--client-proof .client-proof-command-shell,
    .report-detail-layout--client-proof .client-proof-command-main,
    .report-detail-layout--client-proof .client-proof-command-main > .report-detail-grid,
    .report-detail-layout--client-proof .client-proof-command-main > .report-detail-grid > .report-panel--wide {
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow-x: hidden;
    }

    .report-detail-layout--client-proof .client-proof-command-main .client-proof-preview-panel--command-center,
    .report-detail-layout--client-proof .client-proof-command-main .mockup-client-proof-release,
    .report-detail-layout--client-proof .client-proof-command-main .client-proof-document-preview__grid,
    .report-detail-layout--client-proof .client-proof-command-main .client-proof-work-tiles > div {
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow-x: hidden;
    }

    .report-detail-layout--client-proof .client-proof-command-main .client-proof-authority-column,
    .report-detail-layout--client-proof .client-proof-command-main .client-proof-document-preview--large,
    .report-detail-layout--client-proof .client-proof-command-main .client-proof-release-rail,
    .report-detail-layout--client-proof .client-proof-command-main .client-proof-command-footer-strip,
    .report-detail-layout--client-proof .client-proof-command-main .client-proof-client-safe-card {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow-x: hidden;
    }

    .report-detail-layout--client-proof .client-proof-command-main .reports-detail-command-footer--client-proof {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .report-detail-layout--client-proof .client-proof-command-main .reports-detail-command-footer__item,
    .report-detail-layout--client-proof .client-proof-command-main .reports-detail-command-footer__status {
        grid-template-columns: 38px minmax(0, 1fr);
        width: 100%;
    }

    .report-detail-layout--client-proof .client-proof-command-main .reports-detail-command-footer__item strong,
    .report-detail-layout--client-proof .client-proof-command-main .reports-detail-command-footer__item small,
    .report-detail-layout--client-proof .client-proof-command-main .reports-detail-command-footer__status strong,
    .report-detail-layout--client-proof .client-proof-command-main .reports-detail-command-footer__status small {
        white-space: normal;
        overflow-wrap: anywhere;
        text-overflow: clip;
    }

    .report-detail-layout--client-proof .client-proof-command-main .client-proof-document-preview--large strong,
    .report-detail-layout--client-proof .client-proof-command-main .client-proof-document-preview--large span,
    .report-detail-layout--client-proof .client-proof-command-main .client-proof-document-preview--large p {
        min-width: 0;
        max-width: 100%;
        white-space: normal;
        overflow-wrap: anywhere;
    }
}

/* Client Mandate Detail mockup alignment */
.marketplace-workspace.client-mandate-detail-workspace {
    display: grid;
    gap: 0.85rem;
    min-height: 100vh;
    width: 100%;
    max-width: 100vw;
    padding: 0.35rem 5.35rem 2rem 13.6rem !important;
    overflow-x: hidden;
    background: radial-gradient(circle at 38% 0%, rgba(96, 165, 250, 0.08), transparent 32rem), #080c10;
    color: #e5e7eb;
}

.client-mandate-detail-workspace .client-mandate-command-nav {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 5;
    display: grid;
    grid-template-rows: auto auto auto auto auto minmax(0, 1fr);
    gap: 0.7rem;
    width: 190px !important;
    padding: 1.12rem 0.35rem 0.95rem !important;
    border-right: 1px solid rgba(148, 163, 184, 0.18);
    background: linear-gradient(180deg, rgba(12, 18, 25, 0.98), rgba(6, 10, 14, 0.98));
    box-shadow: 18px 0 36px rgba(0, 0, 0, 0.28);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.client-mandate-skip-link {
    position: fixed;
    z-index: 20;
    top: 0.45rem;
    left: 0.45rem;
    min-height: 44px;
    padding: 0.65rem 0.85rem;
    border: 1px solid #93c5fd;
    border-radius: 6px;
    background: #0f172a;
    color: #ffffff;
    text-decoration: none;
    transform: translateY(-160%);
}

.client-mandate-skip-link:focus {
    transform: translateY(0);
}

.client-mandate-detail-workspace .client-mandate-command-nav__brand {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 0.55rem;
    align-items: center;
    min-height: 44px;
    margin-left: 0.55rem;
    color: #fff;
    text-decoration: none;
}

.client-mandate-detail-workspace .client-mandate-command-nav__brand span {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: linear-gradient(135deg, #60a5fa, #2563eb);
    clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%);
}

.client-mandate-detail-workspace .client-mandate-command-nav__brand strong {
    color: #fff;
    font-size: 1.35rem;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: none;
}

.client-mandate-detail-workspace .client-mandate-command-nav__brand small {
    display: none;
}

.client-mandate-detail-workspace .client-mandate-command-nav nav {
    display: grid;
    gap: 0.12rem;
}

.client-mandate-detail-workspace .client-mandate-command-nav nav span {
    margin: 0.3rem 0 0.16rem;
    color: #9ca3af;
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.client-mandate-detail-workspace .client-mandate-command-nav nav a,
.client-mandate-detail-workspace .client-mandate-command-nav__footer a {
    display: grid;
    grid-template-columns: 1.05rem minmax(0, 1fr);
    gap: 0.55rem;
    align-items: center;
    min-height: 44px;
    padding: 0.42rem 0.58rem;
    border: 1px solid transparent;
    border-radius: 5px;
    color: #cbd5e1;
    font-size: 0.82rem;
    font-weight: 540;
    text-decoration: none;
}

.client-mandate-detail-workspace .client-mandate-command-nav nav a > .oi,
.client-mandate-detail-workspace .client-mandate-command-nav__footer a > .oi {
    display: inline-grid;
    place-items: center;
    width: 1.05rem;
    color: #9ca3af;
    font-size: 0.84rem;
}

.client-mandate-detail-workspace .client-mandate-command-nav nav a:hover,
.client-mandate-detail-workspace .client-mandate-command-nav nav a:focus-visible,
.client-mandate-detail-workspace .client-mandate-command-nav__footer a:hover,
.client-mandate-detail-workspace .client-mandate-command-nav__active {
    border-color: rgba(96, 165, 250, 0.35);
    background: linear-gradient(90deg, rgba(37, 99, 235, 0.92), rgba(37, 99, 235, 0.48));
    color: #fff;
    outline: none;
}

.client-mandate-detail-workspace .client-mandate-command-nav nav a:hover > .oi,
.client-mandate-detail-workspace .client-mandate-command-nav nav a:focus-visible > .oi,
.client-mandate-detail-workspace .client-mandate-command-nav__footer a:hover > .oi,
.client-mandate-detail-workspace .client-mandate-command-nav__active > .oi {
    color: #fff;
}

.client-mandate-detail-workspace .client-mandate-mobile-section-jump {
    display: none;
}

.client-mandate-command-nav__footer {
    display: grid;
    gap: 0.12rem;
    align-self: end;
    padding-top: 0.48rem;
    border-top: 1px solid rgba(148, 163, 184, 0.14);
}

.client-mandate-command-nav__footer div {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 0.55rem;
    align-items: center;
    margin-top: 0.3rem;
}

.client-mandate-command-nav__footer div span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    background: #2563eb;
    color: #fff;
    font-size: 0.74rem;
    font-weight: 850;
}

.client-mandate-command-nav__footer div strong,
.client-mandate-command-nav__footer div small {
    display: block;
    grid-column: 2;
    min-width: 0;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
}

.client-mandate-command-nav__footer div strong {
    color: #fff;
    font-size: 0.78rem;
}

.client-mandate-command-nav__footer div small {
    color: #9ca3af;
    font-size: 0.68rem;
    line-height: 1.15;
}

.client-mandate-detail-workspace > .breadcrumb-trail {
    display: none;
}

.client-mandate-detail-workspace .client-mandate-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 28px;
    padding: 0;
    border: 0;
    background: transparent;
}

.client-mandate-detail-workspace .client-mandate-topbar__trail {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    color: #9ca3af;
    font-size: 0.84rem;
}

.client-mandate-detail-workspace .client-mandate-topbar__trail a,
.client-mandate-help-link {
    color: #cbd5e1;
    text-decoration: none;
}

.client-mandate-detail-workspace .client-mandate-topbar__trail strong {
    color: #cbd5e1;
    font-weight: 600;
}

.client-mandate-help-link {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 44px;
    font-size: 0.78rem;
}

.client-mandate-detail-workspace .client-mandate-detail-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: start;
    padding: 0.1rem 0 0.35rem;
    border: 0;
    background: transparent;
}

.client-mandate-detail-workspace .client-mandate-detail-header h1 {
    display: flex;
    gap: 0.45rem;
    align-items: center;
    margin: 0 0 0.28rem;
    color: #fff;
    font-size: 1.82rem;
    line-height: 1.08;
    letter-spacing: 0;
}

.client-mandate-detail-workspace .client-mandate-detail-header h1 span {
    color: #94a3b8;
    font-size: 1rem;
    font-weight: 400;
}

.client-mandate-title-star {
    top: 0;
    line-height: 1;
}

.client-mandate-header-flags {
    display: flex;
    flex-wrap: wrap;
    gap: 1.35rem;
    color: #aeb8c7;
    font-size: 0.86rem;
}

.client-mandate-dot {
    position: relative;
    padding-left: 1rem;
}

.client-mandate-dot::before {
    content: "";
    position: absolute;
    top: 0.42rem;
    left: 0;
    width: 0.48rem;
    height: 0.48rem;
    border-radius: 999px;
    background: #6b7280;
}

.client-mandate-dot--blue::before {
    background: #60a5fa;
}

.client-mandate-actions-menu,
.client-mandate-secondary-button,
.client-mandate-record-decision {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.58rem 0.78rem;
    border: 1px solid rgba(96, 165, 250, 0.3);
    border-radius: 5px;
    background: rgba(15, 23, 42, 0.62);
    color: #cbd5e1;
    font-size: 0.78rem;
    font-weight: 700;
    text-decoration: none;
}

.client-mandate-actions-menu span {
    display: inline-flex;
    margin-left: 0.35rem;
    font-size: 0.58rem;
}

.client-mandate-detail-workspace .marketplace-action-link--quiet {
    border-color: rgba(96, 165, 250, 0.68);
    background: rgba(15, 23, 42, 0.25);
    color: #60a5fa;
}

.client-mandate-detail-workspace .client-mandate-detail-header h1 span {
    display: inline;
}

.client-mandate-detail-workspace .client-mandate-detail-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 23.2rem;
    gap: 1.25rem;
    align-items: start;
}

.client-mandate-detail-workspace .client-mandate-detail-main,
.client-mandate-detail-workspace .client-mandate-proof-rail {
    display: grid;
    gap: 0.55rem;
    min-width: 0;
}

.client-mandate-detail-workspace .client-mandate-decision-workspace {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(18rem, 0.88fr);
    gap: 0.7rem;
    align-items: start;
}

.client-mandate-detail-workspace .client-mandate-decision-workspace > .proposal-preview-panel {
    display: grid;
    gap: 0.68rem;
    min-width: 0;
    padding: 0.9rem;
}

.client-mandate-detail-workspace .client-mandate-decision-card--hero {
    position: relative;
    overflow: hidden;
    grid-template-columns: minmax(0, 1fr);
    border-color: rgba(96, 165, 250, 0.34);
    background:
        radial-gradient(circle at 100% 0%, rgba(96, 165, 250, 0.12), transparent 18rem),
        linear-gradient(145deg, rgba(19, 31, 43, 0.96), rgba(10, 15, 20, 0.94));
}

.client-mandate-detail-workspace .client-mandate-decision-card--hero::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: #60a5fa;
}

.client-mandate-detail-workspace .client-mandate-decision-card--hero.client-mandate-decision-card--green {
    border-color: rgba(34, 197, 94, 0.42);
}

.client-mandate-detail-workspace .client-mandate-decision-card--hero.client-mandate-decision-card--green::before {
    background: #00e676;
}

.client-mandate-detail-workspace .client-mandate-decision-card--hero.client-mandate-decision-card--orange {
    border-color: rgba(245, 158, 11, 0.44);
}

.client-mandate-detail-workspace .client-mandate-decision-card--hero.client-mandate-decision-card--orange::before {
    background: #ffa500;
}

.client-mandate-detail-workspace .client-mandate-decision-card--hero.client-mandate-decision-card--red {
    border-color: rgba(248, 113, 113, 0.44);
}

.client-mandate-detail-workspace .client-mandate-decision-card--hero.client-mandate-decision-card--red::before {
    background: #ff4444;
}

.client-mandate-decision-hero-copy {
    display: grid;
    gap: 0.28rem;
}

.client-mandate-decision-eyebrow {
    color: #60a5fa;
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.client-mandate-detail-workspace .client-mandate-decision-card--hero h2 {
    margin: 0;
    color: #f8fafc;
    font-size: clamp(1.35rem, 2vw, 1.72rem);
    line-height: 1.12;
}

.client-mandate-decision-headline {
    color: #fff;
    font-size: 1rem;
    line-height: 1.3;
}

.client-mandate-detail-workspace .client-mandate-decision-card--hero p {
    margin: 0;
    color: #aeb8c7;
    font-size: 0.82rem;
    line-height: 1.45;
}

.client-mandate-decision-context {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 5px;
    background: rgba(15, 23, 42, 0.38);
}

.client-mandate-decision-context div {
    min-width: 0;
    padding: 0.5rem 0.6rem;
    border-right: 1px solid rgba(148, 163, 184, 0.12);
}

.client-mandate-decision-context div:last-child {
    border-right: 0;
}

.client-mandate-decision-context dt {
    color: #9ca3af;
    font-size: 0.66rem;
    font-weight: 700;
}

.client-mandate-decision-context dd {
    margin: 0.16rem 0 0;
    color: #e5e7eb;
    font-size: 0.73rem;
    line-height: 1.28;
    overflow-wrap: anywhere;
}

.client-mandate-decision-context__status dd {
    display: grid;
    gap: 0.3rem;
}

.client-mandate-detail-workspace .client-mandate-refresh-inline {
    width: 100%;
    min-height: 44px;
    padding: 0.35rem 0.5rem;
    font-size: 0.875rem;
}

.client-mandate-missing-evidence {
    display: grid;
    gap: 0.45rem;
    padding: 0.62rem 0.7rem;
    border: 1px solid rgba(245, 158, 11, 0.38);
    border-radius: 5px;
    background: rgba(120, 53, 15, 0.18);
}

.client-mandate-missing-evidence > strong {
    color: #fde68a;
    font-size: 0.82rem;
}

.client-mandate-missing-evidence ul {
    display: grid;
    gap: 0.42rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.client-mandate-missing-evidence li {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.45rem;
    align-items: start;
}

.client-mandate-missing-evidence li strong,
.client-mandate-missing-evidence li small {
    display: block;
}

.client-mandate-missing-evidence li strong {
    color: #f8fafc;
    font-size: 0.78rem;
}

.client-mandate-missing-evidence li small {
    margin-top: 0.12rem;
    color: #d1d5db;
    font-size: 0.7rem;
}

.client-mandate-decision-ready-note {
    display: flex;
    gap: 0.45rem;
    align-items: center;
    padding: 0.58rem 0.68rem;
    border: 1px solid rgba(34, 197, 94, 0.36);
    border-radius: 5px;
    background: rgba(34, 197, 94, 0.1);
    color: #dcfce7;
    font-size: 0.78rem;
}

.client-mandate-evidence-review-rail .client-mandate-decision-ready-note {
    margin-top: 0.15rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: #bbf7d0;
    line-height: 1.3;
}

.client-mandate-evidence-review-rail {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.58rem 0.68rem;
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 5px;
    background: rgba(15, 23, 42, 0.42);
}

.client-mandate-evidence-review-rail strong,
.client-mandate-evidence-review-rail small {
    display: block;
}

.client-mandate-evidence-review-rail strong {
    color: #e5e7eb;
    font-size: 0.78rem;
}

.client-mandate-evidence-review-rail small {
    margin-top: 0.12rem;
    color: #9ca3af;
    font-size: 0.68rem;
    line-height: 1.3;
}

.client-mandate-detail-workspace .client-mandate-evidence-review-rail .marketplace-action-link {
    min-width: 12.8rem;
    padding-inline: 0.8rem;
}

.client-mandate-decision-safety {
    padding-left: 0.62rem;
    border-left: 2px solid rgba(148, 163, 184, 0.32);
}

.client-mandate-detail-workspace .client-mandate-decision-card--hero .proposal-action-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.45rem;
}

.client-mandate-detail-workspace .client-mandate-decision-card--hero .client-mandate-decision-action {
    min-height: 44px !important;
    padding: 0.48rem 0.42rem;
    font-size: 0.875rem !important;
    line-height: 1.2;
    white-space: normal;
}

.client-mandate-detail-workspace .client-mandate-decision-card--hero .client-mandate-decision-action--reject {
    background: rgba(127, 29, 29, 0.18) !important;
}

.client-mandate-detail-workspace .client-mandate-decision-card--hero .client-mandate-decision-action:disabled {
    cursor: not-allowed;
    filter: saturate(0.45);
    opacity: 0.58;
}

.client-mandate-detail-workspace .client-mandate-decision-card--hero .proposal-field > span {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    align-items: baseline;
}

.client-mandate-detail-workspace .client-mandate-decision-card--hero > * {
    grid-column: 1;
}

.client-mandate-detail-workspace .client-mandate-decision-card--hero .proposal-field > span small {
    color: #9ca3af;
    font-size: 0.66rem;
    font-weight: 500;
}

.client-mandate-decision-controls {
    display: grid;
    gap: 0.45rem;
}

.client-mandate-detail-workspace .client-mandate-decision-card--hero .client-mandate-decision-readback {
    display: grid;
    gap: 0.38rem;
    padding: 0.65rem;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 5px;
    background: rgba(15, 23, 42, 0.4);
}

.client-mandate-detail-workspace .client-mandate-decision-workspace .client-mandate-proof-readiness {
    align-content: start;
}

.client-mandate-detail-workspace .client-mandate-proof-details {
    min-width: 0;
}

.client-mandate-detail-workspace .client-mandate-proof-details__content {
    padding: 0.58rem;
}

.client-mandate-detail-workspace .client-mandate-decision-workspace .client-mandate-proof-checks li {
    align-items: flex-start;
}

.client-mandate-detail-workspace .client-mandate-decision-workspace .client-mandate-proof-checks li > span:last-child,
.client-mandate-detail-workspace .client-mandate-decision-workspace .client-mandate-proof-checks li small {
    display: block;
}

.client-mandate-detail-workspace .client-mandate-decision-workspace .client-mandate-proof-checks li small {
    margin-top: 0.12rem;
    color: #9ca3af;
    font-size: 0.67rem;
    line-height: 1.3;
}

.client-mandate-detail-workspace .client-mandate-decision-workspace .client-mandate-proof-package-summary a {
    min-height: 44px;
}

.client-mandate-detail-workspace .client-mandate-proof-rail {
    position: sticky;
    top: 1rem;
    gap: 0.48rem;
    margin-top: 0;
}

.client-mandate-detail-workspace .proposal-draft-panel,
.client-mandate-detail-workspace .proposal-preview-panel,
.client-mandate-detail-workspace .client-mandate-lifecycle-rail {
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 5px;
    background: linear-gradient(145deg, rgba(20, 29, 38, 0.88), rgba(10, 15, 20, 0.9));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.client-mandate-detail-workspace .client-mandate-lifecycle-rail {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.42rem;
    padding: 0.56rem 0.76rem 0.46rem;
}

.client-mandate-section-title,
.client-mandate-audit-heading,
.client-mandate-card-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.55rem;
}

.client-mandate-section-title,
.client-mandate-card-heading {
    justify-content: flex-start;
}

.client-mandate-section-title h2,
.client-mandate-card-heading h2,
.client-mandate-detail-workspace .client-mandate-detail-panel h2,
.client-mandate-detail-workspace .proposal-preview-panel h2 {
    margin: 0;
    color: #fff;
    font-size: 0.95rem;
    line-height: 1.15;
    letter-spacing: 0;
}

.client-mandate-section-title span,
.client-mandate-card-heading > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    color: #9ca3af;
    font-size: 0.68rem;
}

.client-mandate-detail-workspace [aria-label$="help"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 0.82rem;
    height: 0.82rem;
    margin-left: 0.2rem;
    border: 1px solid rgba(148, 163, 184, 0.36);
    border-radius: 999px;
    color: #94a3b8;
    font-size: 0.56rem;
    font-weight: 800;
    line-height: 1;
    vertical-align: middle;
}

.client-mandate-lifecycle-track {
    position: relative;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.36rem;
    padding: 0.22rem 0.82rem 0;
}

.client-mandate-lifecycle-track::before {
    content: "";
    position: absolute;
    top: 1.68rem;
    left: 4rem;
    right: 4rem;
    height: 2px;
    background: linear-gradient(90deg, #60a5fa, #6ee7b7 64%, #f59e0b);
}

.client-mandate-detail-workspace .client-mandate-lifecycle-step {
    position: relative;
    z-index: 1;
    display: grid;
    justify-items: center;
    gap: 0.18rem;
    min-height: 0;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: center;
}

.client-mandate-detail-workspace .client-mandate-lifecycle-step > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 2px solid currentColor;
    border-radius: 999px;
    background: color-mix(in srgb, currentColor 32%, #18212b);
    box-shadow: 0 0 0 4px rgba(8, 12, 16, 0.88);
    font-size: 0.95rem;
    font-weight: 900;
}

.client-mandate-detail-workspace .client-mandate-lifecycle-step strong {
    margin-top: 0.12rem;
    color: #e5e7eb;
    font-size: 0.75rem;
}

.client-mandate-detail-workspace .client-mandate-lifecycle-step small,
.client-mandate-detail-workspace .client-mandate-lifecycle-step em {
    color: #9ca3af;
    font-size: 0.62rem;
    font-style: normal;
    line-height: 1.2;
}

.client-mandate-detail-workspace .client-mandate-lifecycle-step small {
    display: block;
}

.client-mandate-lifecycle-step--blue { color: #60a5fa; }
.client-mandate-lifecycle-step--green { color: #78d679; }
.client-mandate-lifecycle-step--gold { color: #fbbf24; }
.client-mandate-lifecycle-step--orange { color: #f59e0b; }
.client-mandate-lifecycle-step--red { color: #f87171; }
.client-mandate-lifecycle-step--muted { color: #64748b; }

.client-mandate-lifecycle-step--green > span {
    border-color: #78d679 !important;
    background: linear-gradient(145deg, rgba(34, 197, 94, 0.82), rgba(21, 128, 61, 0.8)) !important;
    color: #dcfce7 !important;
}

.client-mandate-lifecycle-step--blue > span {
    border-color: #60a5fa !important;
    background: linear-gradient(145deg, rgba(37, 99, 235, 0.82), rgba(30, 64, 175, 0.8)) !important;
    color: #dbeafe !important;
}

.client-mandate-lifecycle-step--gold > span {
    border-color: #fbbf24 !important;
    background: linear-gradient(145deg, rgba(245, 158, 11, 0.82), rgba(120, 53, 15, 0.8)) !important;
    color: #fef3c7 !important;
}

.client-mandate-metadata-strip {
    display: grid;
    grid-template-columns: 1.15fr 1fr 1fr 1fr 1fr 1fr;
    margin: 0;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 5px;
    overflow: hidden;
}

.client-mandate-metadata-strip div {
    min-width: 0;
    padding: 0.36rem 0.58rem;
    border-right: 1px solid rgba(148, 163, 184, 0.12);
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}

.client-mandate-metadata-strip div:nth-child(6),
.client-mandate-metadata-strip div:last-child {
    border-right: 0;
}

.client-mandate-metadata-strip__brief {
    grid-column: span 5;
}

.client-mandate-metadata-strip dt,
.client-mandate-detail-workspace .marketplace-definition-list dt {
    color: #9ca3af;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

.client-mandate-metadata-strip dd,
.client-mandate-detail-workspace .marketplace-definition-list dd {
    margin: 0.12rem 0 0;
    color: #d1d5db;
    font-size: 0.76rem;
    line-height: 1.3;
}

.client-mandate-metadata-strip a,
.client-mandate-detail-workspace .marketplace-definition-list a,
.client-mandate-proof-rail a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: #60a5fa;
    text-decoration: none;
}

.client-mandate-detail-workspace .client-mandate-operational-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
}

.client-mandate-detail-workspace .client-mandate-detail-panel,
.client-mandate-detail-workspace .proposal-preview-panel {
    gap: 0.58rem;
    padding: 0.74rem;
    border-radius: 5px;
}

.client-mandate-detail-workspace .client-mandate-detail-panel .marketplace-definition-list {
    display: grid;
    gap: 0.62rem;
    margin: 0;
}

.client-mandate-detail-workspace .client-mandate-detail-panel .marketplace-definition-list div {
    display: grid;
    grid-template-columns: minmax(5.1rem, 0.5fr) minmax(0, 1fr);
    min-height: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

.client-mandate-legacy-contract {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.client-mandate-card-heading--blue > span,
.client-mandate-card-heading--blue .oi {
    color: #60a5fa;
}

.client-mandate-card-heading--green > span,
.client-mandate-card-heading--green .oi {
    color: #78d679;
}

.client-mandate-card-heading--gold > span,
.client-mandate-card-heading--gold .oi {
    color: #fbbf24;
}

.client-mandate-detail-workspace .marketplace-action-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 44px;
    border-radius: 4px;
    font-size: 0.78rem;
}

.client-mandate-inline-ok,
.client-mandate-inline-wait {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 14px;
    height: 14px;
    margin-right: 0.42rem;
    border-radius: 999px;
    font-size: 0.48rem;
    font-weight: 900;
}

.client-mandate-inline-ok {
    background: rgba(34, 197, 94, 0.22);
    color: #86efac;
}

.client-mandate-inline-wait {
    background: rgba(245, 158, 11, 0.18);
    color: #fbbf24;
}

.client-mandate-audit-heading {
    margin-bottom: 0.32rem;
}

.client-mandate-audit-heading > div:last-child {
    display: flex;
    gap: 0.45rem;
}

.client-mandate-detail-workspace .client-mandate-audit-list {
    position: relative;
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.client-mandate-detail-workspace .client-mandate-audit-list::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0.66rem;
    width: 1px;
    background: linear-gradient(180deg, rgba(96, 165, 250, 0.62), rgba(120, 214, 121, 0.62));
}

.client-mandate-detail-workspace .client-mandate-audit-list-header {
    display: grid;
    grid-template-columns: 1.1fr 1fr minmax(0, 2fr) 0.7fr;
    margin-top: 0.42rem;
    padding: 0.38rem 0.85rem 0.24rem 1.45rem;
    border-top: 1px solid rgba(148, 163, 184, 0.16);
    color: #cbd5e1;
    font-size: 0.68rem;
}

.client-mandate-detail-workspace .client-mandate-audit-list li {
    position: relative;
    display: grid;
    grid-template-columns: 1.1fr 1fr minmax(0, 2fr) 0.7fr;
    align-items: center;
    min-height: 29px;
    padding: 0.22rem 0.85rem 0.22rem 1.45rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.1);
    border-radius: 0;
    background: transparent;
    color: #cbd5e1;
    font-size: 0.68rem;
}

.client-mandate-detail-workspace .client-mandate-audit-list li::before {
    content: "";
    position: absolute;
    left: 0.35rem;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #60a5fa;
    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.13);
}

.client-mandate-detail-workspace .client-mandate-audit-list li:nth-last-child(-n+2)::before {
    background: #78d679;
    box-shadow: 0 0 0 3px rgba(120, 214, 121, 0.13);
}

.client-mandate-detail-workspace .client-mandate-audit-list li time:last-child {
    display: none;
}

.client-mandate-detail-workspace .client-mandate-audit-list li strong {
    color: #e5e7eb;
    font-size: 0.68rem;
    font-weight: 500;
}

.client-mandate-proof-rail .proposal-preview-panel {
    padding: 0.62rem 0.68rem;
}

.client-mandate-server-authority p,
.client-mandate-proof-readiness p,
.client-mandate-decision-card p {
    color: #aeb8c7;
    font-size: 0.76rem;
    line-height: 1.35;
}

.client-mandate-server-current {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.6rem;
    align-items: center;
    padding: 0.42rem 0.58rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 4px;
    background: rgba(15, 23, 42, 0.44);
}

.client-mandate-server-current strong,
.client-mandate-server-current small {
    display: block;
    color: #d1d5db;
    font-size: 0.73rem;
}

.client-mandate-readiness-score {
    margin-left: auto;
    padding: 0.24rem 0.65rem;
    border: 1px solid rgba(34, 197, 94, 0.48);
    border-radius: 999px;
    background: rgba(34, 197, 94, 0.12);
    color: #dcfce7;
    font-size: 0.82rem;
}

.client-mandate-card-heading--orange .client-mandate-readiness-score,
.client-mandate-card-heading--gold .client-mandate-readiness-score {
    border-color: rgba(245, 158, 11, 0.5);
    background: rgba(120, 53, 15, 0.22);
    color: #fde68a;
}

.client-mandate-proof-checks {
    display: grid;
    gap: 0.23rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.client-mandate-proof-checks li {
    display: flex;
    align-items: center;
    color: #cbd5e1;
    font-size: 0.72rem;
}

.client-mandate-proof-package-summary {
    display: grid;
    gap: 0.28rem;
    margin: 0.22rem -0.68rem 0;
    padding: 0.5rem 0.68rem;
    border-top: 1px solid rgba(148, 163, 184, 0.14);
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
}

.client-mandate-proof-package-summary > strong,
.client-mandate-proof-gallery > strong {
    color: #fff;
    font-size: 0.82rem;
}

.client-mandate-proof-package-summary dl {
    display: grid;
    gap: 0.24rem;
    margin: 0;
}

.client-mandate-proof-package-summary dl div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.client-mandate-proof-package-summary dt {
    color: #aeb8c7;
    font-size: 0.76rem;
}

.client-mandate-proof-package-summary dd {
    margin: 0;
    min-width: 22px;
    padding: 0.1rem 0.35rem;
    border: 1px solid rgba(34, 197, 94, 0.38);
    border-radius: 4px;
    color: #86efac;
    text-align: center;
    font-size: 0.72rem;
}

.client-mandate-proof-package-summary dl div:nth-child(2) dd {
    border-color: rgba(245, 158, 11, 0.48);
    background: rgba(120, 53, 15, 0.24);
    color: #fbbf24;
}

.client-mandate-proof-gallery {
    display: grid;
    gap: 0.42rem;
}

.client-mandate-proof-gallery__thumbs {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.35rem;
}

.client-mandate-proof-gallery__thumbs span,
.client-mandate-proof-gallery__thumbs em {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 4px;
    background-position: center;
    background-size: cover;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), inset 0 -18px 22px rgba(15, 23, 42, 0.24);
}

.client-mandate-proof-gallery__thumbs span:nth-child(1) {
    background-image:
        linear-gradient(152deg, transparent 0 46%, rgba(15, 23, 42, 0.42) 47% 100%),
        linear-gradient(105deg, rgba(241, 245, 249, 0.72) 0 13%, transparent 13% 100%),
        linear-gradient(84deg, transparent 0 52%, rgba(226, 232, 240, 0.82) 52% 57%, transparent 57% 100%),
        linear-gradient(180deg, #8fc8ed 0 36%, #f8fafc 36% 42%, #8aaa68 42% 55%, #64748b 55% 73%, #1f2937 73% 100%);
}

.client-mandate-proof-gallery__thumbs span:nth-child(2) {
    background-image:
        linear-gradient(90deg, rgba(15, 23, 42, 0.56) 0 8%, transparent 8% 22%, rgba(15, 23, 42, 0.44) 22% 30%, transparent 30% 45%, rgba(15, 23, 42, 0.5) 45% 54%, transparent 54% 100%),
        linear-gradient(8deg, transparent 0 42%, rgba(255, 255, 255, 0.68) 42% 48%, transparent 48% 100%),
        linear-gradient(180deg, #93c5fd 0 30%, #f8fafc 30% 36%, #cbd5e1 36% 45%, #8b9caf 45% 77%, #475569 77% 100%);
}

.client-mandate-proof-gallery__thumbs span:nth-child(3) {
    background-image:
        linear-gradient(90deg, transparent 0 10%, rgba(248, 250, 252, 0.94) 10% 22%, transparent 22% 34%, rgba(248, 250, 252, 0.9) 34% 47%, transparent 47% 59%, rgba(248, 250, 252, 0.92) 59% 72%, transparent 72% 100%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0 5%, transparent 5% 100%),
        linear-gradient(180deg, #dbeafe 0 18%, #f8fafc 18% 29%, #8b98a8 29% 83%, #263445 83% 100%);
}

.client-mandate-proof-gallery__thumbs span:nth-child(4) {
    background-image:
        linear-gradient(90deg, rgba(15, 23, 42, 0.36) 0 12%, transparent 12% 25%, rgba(15, 23, 42, 0.3) 25% 38%, transparent 38% 52%, rgba(15, 23, 42, 0.28) 52% 66%, transparent 66% 100%),
        linear-gradient(104deg, transparent 0 58%, rgba(255, 255, 255, 0.6) 58% 64%, transparent 64% 100%),
        linear-gradient(180deg, #cbd5e1 0 15%, #f8fafc 15% 29%, #a7b4c3 29% 76%, #4b5563 76% 100%);
}

.client-mandate-proof-gallery__thumbs em {
    background: rgba(15, 23, 42, 0.8);
    color: #cbd5e1;
    font-style: normal;
}

.client-mandate-decision-card .proposal-action-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.34rem;
}

.client-mandate-decision-action {
    width: 100%;
    min-width: 0;
    min-height: 44px !important;
    gap: 0.28rem;
    padding: 0.38rem 0.22rem;
    font-size: 0.875rem !important;
    line-height: 1.2;
    white-space: normal;
}

.client-mandate-decision-action .oi {
    flex: 0 0 auto;
}

.client-mandate-decision-action--approve {
    border-color: rgba(34, 197, 94, 0.65) !important;
    background: rgba(34, 197, 94, 0.18) !important;
    color: #dcfce7 !important;
}

.client-mandate-decision-action:disabled {
    opacity: 1;
}

.client-mandate-decision-action--reject {
    border-color: rgba(248, 113, 113, 0.65) !important;
    background: rgba(127, 29, 29, 0.42) !important;
    color: #fee2e2 !important;
}

.client-mandate-decision-action--follow-up {
    border-color: rgba(245, 158, 11, 0.68) !important;
    background: rgba(120, 53, 15, 0.36) !important;
    color: #fde68a !important;
}

.client-mandate-decision-card .proposal-field {
    display: grid;
    gap: 0.25rem;
}

.client-mandate-decision-card .proposal-field span {
    color: #cbd5e1;
    font-size: 0.76rem;
    text-transform: none;
}

.client-mandate-decision-card .proposal-field textarea {
    min-height: 50px;
    max-height: 72px;
    border-radius: 4px;
    background: rgba(15, 23, 42, 0.54);
    line-height: 1.25;
    resize: vertical;
}

.client-mandate-decision-card .proposal-field textarea:disabled {
    cursor: not-allowed;
    opacity: 0.72;
}

.client-mandate-decision-card .client-mandate-record-decision {
    width: 100%;
    border-color: rgba(148, 163, 184, 0.16);
    background: rgba(148, 163, 184, 0.14);
    color: #9ca3af;
    cursor: not-allowed;
}

@media (min-width: 1181px) and (max-height: 760px) {
    .marketplace-workspace.client-mandate-detail-workspace {
        gap: 0.42rem;
        padding-top: 0.25rem !important;
    }

    .client-mandate-detail-workspace .client-mandate-topbar {
        min-height: 44px;
    }

    .client-mandate-detail-workspace .client-mandate-detail-header {
        padding-bottom: 0.12rem;
    }

    .client-mandate-detail-workspace .client-mandate-detail-header h1 {
        margin-bottom: 0.18rem;
        font-size: 1.45rem;
    }

    .client-mandate-detail-workspace .client-mandate-decision-workspace {
        grid-template-columns: minmax(0, 1.22fr) minmax(17rem, 0.78fr);
        gap: 0.52rem;
    }

    .client-mandate-detail-workspace .client-mandate-decision-workspace > .proposal-preview-panel {
        gap: 0.42rem;
        padding: 0.68rem;
    }

    .client-mandate-detail-workspace .client-mandate-decision-card--hero h2 {
        font-size: 1.28rem;
    }

    .client-mandate-detail-workspace .client-mandate-decision-card--hero p {
        font-size: 0.875rem;
        line-height: 1.3;
    }

    .client-mandate-decision-context {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .client-mandate-decision-context div {
        padding: 0.38rem 0.48rem;
    }

    .client-mandate-decision-context dt,
    .client-mandate-decision-context dd {
        font-size: 0.875rem;
    }

    .client-mandate-decision-context__status dd {
        grid-template-columns: minmax(0, 1fr) 44px;
        align-items: center;
    }

    .client-mandate-detail-workspace .client-mandate-refresh-inline {
        width: 44px;
        min-width: 44px;
        padding: 0;
        font-size: 0 !important;
    }

    .client-mandate-detail-workspace .client-mandate-refresh-inline .oi {
        margin: 0;
        font-size: 1rem;
    }

    .client-mandate-missing-evidence {
        grid-template-columns: auto minmax(0, 1fr);
        gap: 0.6rem;
        align-items: start;
        padding: 0.48rem 0.55rem;
    }

    .client-mandate-missing-evidence > strong {
        padding-top: 0.08rem;
    }

    .client-mandate-evidence-review-rail {
        padding: 0.45rem 0.55rem;
    }

    .client-mandate-detail-workspace .client-mandate-evidence-review-rail .marketplace-action-link {
        min-width: 10.8rem;
    }

    .client-mandate-decision-safety {
        font-size: 0.875rem !important;
        line-height: 1.3 !important;
    }

    .client-mandate-detail-workspace .client-mandate-decision-card--hero .proposal-field textarea {
        min-height: 44px;
        height: 44px;
        resize: none;
    }

    .client-mandate-detail-workspace .client-mandate-proof-details > summary {
        font-size: 0.875rem;
    }

    .client-mandate-detail-workspace .client-mandate-decision-card--hero .client-mandate-decision-readback {
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        gap: 0.5rem;
        min-height: 64px;
        padding: 0.5rem;
    }

    .client-mandate-detail-workspace .client-mandate-decision-card--hero .client-mandate-decision-readback p {
        margin: 0;
        line-height: 1.25;
    }
}

@media (max-width: 1500px) {
    .client-mandate-detail-workspace .client-mandate-detail-shell {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-mandate-detail-workspace .client-mandate-proof-rail {
        position: static;
        max-height: none;
        overflow: visible;
    }
}

@media (max-width: 1180px) {
    .marketplace-workspace.client-mandate-detail-workspace {
        padding-left: 1rem !important;
    }

    .client-mandate-detail-workspace .client-mandate-command-nav {
        position: relative;
        width: 100% !important;
    }

    .client-mandate-detail-workspace .client-mandate-detail-shell,
    .client-mandate-detail-workspace .client-mandate-operational-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-mandate-detail-workspace .client-mandate-decision-workspace {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-mandate-detail-workspace .client-mandate-proof-rail {
        position: static;
        transform: none;
    }
}

@media (max-width: 760px) {
    .marketplace-workspace.client-mandate-detail-workspace {
        padding: 0.8rem !important;
    }

    .client-mandate-detail-workspace .client-mandate-command-nav {
        grid-template-rows: auto auto;
        gap: 0.65rem;
        padding: 0.75rem;
    }

    .client-mandate-detail-workspace .client-mandate-command-nav nav,
    .client-mandate-command-nav__footer {
        display: none;
    }

    .client-mandate-detail-workspace .client-mandate-mobile-section-jump {
        display: grid;
        position: relative;
        top: auto;
        right: auto;
    }

    .client-mandate-detail-workspace .client-mandate-topbar,
    .client-mandate-detail-workspace .client-mandate-detail-header {
        grid-template-columns: minmax(0, 1fr);
        flex-direction: column;
        align-items: flex-start;
    }

    .client-mandate-lifecycle-track,
    .client-mandate-metadata-strip,
    .client-mandate-decision-context,
    .client-mandate-evidence-review-rail,
    .client-mandate-detail-workspace .client-mandate-audit-list-header,
    .client-mandate-detail-workspace .client-mandate-audit-list li {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-mandate-decision-context div {
        border-right: 0;
        border-bottom: 1px solid rgba(148, 163, 184, 0.12);
    }

    .client-mandate-decision-context div:last-child {
        border-bottom: 0;
    }

    .client-mandate-detail-workspace .client-mandate-evidence-review-rail .marketplace-action-link {
        width: 100%;
        min-width: 0;
    }

    .client-mandate-lifecycle-track::before {
        display: none;
    }

    .client-mandate-metadata-strip__brief {
        grid-column: auto;
    }

    .client-mandate-decision-card .proposal-action-row,
    .client-mandate-detail-workspace .client-mandate-decision-card--hero .proposal-action-row {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* End Client Mandate Detail mockup alignment */

.marketplace-workspace.client-mandate-proposal-d-workspace {
    --client-mandate-proposal-d-sidebar-width: clamp(11.75rem, 11.2vw, 12.25rem);
    --client-mandate-proposal-d-topbar-height: 3.1rem;
    grid-template-columns: var(--client-mandate-proposal-d-sidebar-width) minmax(0, 1fr) clamp(27.5rem, 27.25vw, 28.75rem) !important;
    gap: 0 !important;
    max-width: none !important;
    min-height: 100vh !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #081018 !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace::before,
.marketplace-workspace.client-mandate-proposal-d-workspace::after {
    display: none !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace:not(:has(.buyer-checkout-mockup-hybrid)) > * {
    margin: 0 !important;
    width: auto !important;
    max-width: none !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-main {
    height: 100vh !important;
    padding-top: var(--client-mandate-proposal-d-topbar-height) !important;
    row-gap: 0 !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-heading {
    padding: 0.52rem 1rem 0.62rem !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-heading p {
    margin-top: 0.12rem !important;
    font-size: 0.82rem !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-saved,
.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-filters {
    padding-top: 0.26rem !important;
    padding-bottom: 0.26rem !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-alerts {
    padding-top: 0.24rem !important;
    padding-bottom: 0.24rem !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-insights {
    padding-top: 0.07rem !important;
    padding-bottom: 0.07rem !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-topbar {
    position: fixed !important;
    inset: 0 0 auto var(--client-mandate-proposal-d-sidebar-width) !important;
    z-index: 20 !important;
    min-height: var(--client-mandate-proposal-d-topbar-height) !important;
    box-shadow: 0 1px 0 rgba(148, 163, 184, 0.16) !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-drawer {
    top: var(--client-mandate-proposal-d-topbar-height) !important;
    height: calc(100vh - var(--client-mandate-proposal-d-topbar-height)) !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-delivery-card {
    gap: 0.22rem !important;
    padding: 0.4rem 0.55rem !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-delivery-card dl {
    gap: 0.22rem 0.8rem !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-delivery-card dd {
    margin-top: 0.06rem !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-note-card,
.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-decision {
    gap: 0.4rem !important;
    padding: 0.52rem !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-note-card p {
    font-size: 0.72rem !important;
    line-height: 1.26 !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-note-card small {
    font-size: 0.68rem !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-approve,
.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-follow-up {
    min-height: 44px !important;
    font-size: 0.86rem !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-reviewer {
    gap: 0.32rem !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-reviewer select {
    min-height: 44px !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-main > *,
.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-drawer > * {
    margin: 0 !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-table {
    height: calc(100vh - 22.35rem) !important;
    margin: 0 1rem 0.72rem !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-table-header,
.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-row {
    grid-template-columns: 1.65rem minmax(6.5rem, 0.98fr) minmax(7.2rem, 0.94fr) minmax(9.3rem, 1.28fr) minmax(5.9rem, 0.62fr) minmax(4.05rem, 0.42fr) minmax(4.4rem, 0.44fr) minmax(4.7rem, 0.46fr) minmax(5.35rem, 0.52fr) minmax(5.9rem, 0.64fr) 1.15rem !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-brand {
    position: relative;
    z-index: 1;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.72rem !important;
    min-height: 44px !important;
    padding: 0 !important;
    color: #f8fafc !important;
    text-decoration: none !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-brand span {
    position: relative !important;
    flex: 0 0 auto !important;
    width: 1.58rem !important;
    height: 1.58rem !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    clip-path: none !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-brand span::before,
.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-brand span::after {
    content: "" !important;
    position: absolute !important;
    clip-path: polygon(25% 4%, 75% 4%, 100% 50%, 75% 96%, 25% 96%, 0 50%) !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-brand span::before {
    inset: 0 !important;
    background: #fbbf24 !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-brand span::after {
    inset: 0.18rem !important;
    background:
        linear-gradient(150deg, transparent 0 42%, #fbbf24 43% 50%, transparent 51% 100%),
        #0b141c !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-brand strong {
    color: #ffffff !important;
    font-size: 1rem !important;
    font-weight: 850 !important;
    letter-spacing: 0.08em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-heading h1 {
    display: inline-flex !important;
    margin: 0 0.3rem 0.25rem 0 !important;
    color: #ffffff !important;
    font-size: 1.58rem !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-drawer h2 {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 1.02rem !important;
    line-height: 1.18 !important;
    letter-spacing: 0 !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-drawer h3 {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 0.9rem !important;
    letter-spacing: 0 !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-thumbs-heading {
    margin: 0.32rem 0 -0.12rem !important;
    color: #cbd5e1 !important;
    font-size: 0.78rem !important;
    font-weight: 720 !important;
    letter-spacing: 0 !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-thumbs {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 0.32rem !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-thumb,
.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-add-proof {
    min-height: 4.1rem !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-add-proof {
    min-width: 0 !important;
    padding-inline: 0.26rem !important;
    line-height: 1.15 !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-add-proof span {
    font-size: 1.08rem !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-drawer-actions {
    padding-top: 0.32rem !important;
}

.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-approve,
.marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-follow-up {
    gap: 0.45rem !important;
}

@media (max-width: 1120px) {
    .marketplace-workspace.client-mandate-proposal-d-workspace {
        --client-mandate-proposal-d-sidebar-width: 12.4rem;
        grid-template-columns: 12.4rem minmax(0, 1fr) !important;
        overflow: auto !important;
    }

    .marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-drawer {
        grid-column: 2 !important;
    }
}

@media (max-width: 820px) {
    .marketplace-workspace.client-mandate-proposal-d-workspace {
        --client-mandate-proposal-d-sidebar-width: 0px;
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-sidebar,
    .marketplace-workspace.client-mandate-proposal-d-workspace .client-mandate-proposal-d-drawer {
        grid-column: auto !important;
    }
}

.photo-video-requirements {
    position: relative;
    isolation: isolate;
    min-height: 100vh;
    overflow-x: clip;
    overflow-anchor: none;
    background:
        radial-gradient(circle at 82% 7%, rgba(96, 165, 250, 0.13), transparent 30rem),
        radial-gradient(circle at 12% 32%, rgba(255, 215, 0, 0.08), transparent 25rem),
        linear-gradient(180deg, #151719 0%, #1b1c1e 42%, #17191b 100%);
    color: #f8fafc;
}

.photo-video-requirements::before {
    position: absolute;
    z-index: 0;
    inset: 64px 0 0;
    background-image: url("/images/demo-hive-blueprint-grid.svg");
    background-position: right top;
    background-repeat: repeat-y;
    background-size: min(1120px, 86vw) auto;
    content: "";
    opacity: 0.13;
    pointer-events: none;
}

.photo-video-requirements > * {
    position: relative;
    z-index: 1;
}

.photo-video-requirements,
.photo-video-requirements * {
    box-sizing: border-box;
}

.photo-video-requirements__topbar {
    position: sticky;
    top: 0;
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.8rem;
    min-height: 72px;
    padding: 0.72rem clamp(1rem, 3vw, 3rem);
    border-bottom: 1px solid rgba(255, 215, 0, 0.17);
    background: rgba(12, 18, 23, 0.94);
    backdrop-filter: blur(14px);
}

.photo-video-requirements__topbar .audience-page__brand {
    min-height: 44px;
    min-width: 44px;
    padding-block: 5px;
}

.photo-video-requirements__topbar .audience-page__brand-mark.hivesync-logo--lockup {
    flex: 0 0 var(--hivesync-logo-lockup-width, 10rem);
    width: var(--hivesync-logo-lockup-width, 10rem) !important;
    height: var(--hivesync-logo-lockup-height, 3.125rem) !important;
}

.photo-video-requirements__topbar .audience-page__nav-links {
    flex: 1 1 auto;
    justify-content: flex-end;
    min-width: min(100%, 18rem);
}

.photo-video-requirements__shell {
    display: grid;
    gap: 1.5rem;
    width: min(1280px, calc(100% - 2rem));
    min-width: 0;
    margin: 0 auto;
    padding: 2rem 0 4rem;
}

.photo-video-requirements__hero,
.photo-video-requirements__share-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.42fr);
    gap: clamp(1.5rem, 3vw, 2.5rem);
    align-items: stretch;
    padding: 2rem 0 1.5rem;
}

.photo-video-requirements__hero h1,
.photo-video-requirements__share-hero h1,
.photo-video-requirements__missing h1 {
    margin: 0.55rem 0;
    color: #ffffff;
    font-size: 3.2rem;
    line-height: 1.05;
    letter-spacing: 0;
}

.photo-video-requirements__hero p,
.photo-video-requirements__share-hero p,
.photo-video-requirements__boundary p,
.photo-video-requirements__missing p {
    margin: 0;
    color: #d1d5db;
    font-size: 1rem;
    line-height: 1.55;
}

.photo-video-requirements__boundary,
.photo-video-requirements__share-card,
.photo-video-requirements__form,
.photo-video-requirements__preview,
.photo-video-requirements__brief,
.photo-video-requirements__response,
.photo-video-requirements__missing {
    min-width: 0;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #232529;
}

.photo-video-requirements__boundary,
.photo-video-requirements__missing {
    display: grid;
    gap: 1rem;
    align-content: start;
    padding: 1.5rem;
}

.photo-video-requirements__boundary strong {
    color: #ffffff;
    font-size: 1.15rem;
    line-height: 1.32;
}

.photo-video-requirements__mandate-guide {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
    min-width: 0;
    padding: 0.78rem;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.06);
}

.photo-video-requirements__mandate-guide div {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
    align-content: start;
    padding: 0.65rem;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 8px;
    background: rgba(35, 37, 41, 0.62);
}

.photo-video-requirements__mandate-guide .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.55rem;
    height: 1.55rem;
    margin-bottom: 0.12rem;
    border: 1px solid rgba(96, 165, 250, 0.22);
    border-radius: 999px;
    background: rgba(96, 165, 250, 0.08);
    color: #93c5fd;
    font-size: 0.72rem;
    line-height: 1;
}

.photo-video-requirements__mandate-guide strong,
.photo-video-requirements__mandate-boundary strong {
    color: #ffffff;
    font-size: 0.9rem;
    line-height: 1.22;
}

.photo-video-requirements__mandate-guide span,
.photo-video-requirements__mandate-boundary span,
.photo-video-requirements__section-note {
    margin: 0;
    color: #d1d5db;
    font-size: 0.84rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.photo-video-requirements__workspace,
.photo-video-requirements__share-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 0.48fr);
    gap: 1rem;
    align-items: start;
}

.photo-video-requirements__workspace--form-only {
    grid-template-columns: minmax(0, 1fr);
}

.photo-video-requirements--mandate-readback .photo-video-requirements__share-grid {
    grid-template-columns: minmax(0, 1fr) minmax(420px, 0.9fr);
}

.photo-video-requirements--review .photo-video-requirements__share-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 32rem), 1fr));
}

.photo-video-requirements__form,
.photo-video-requirements__preview,
.photo-video-requirements__brief,
.photo-video-requirements__response {
    display: grid;
    gap: 1rem;
    padding: 1.15rem;
}

.photo-video-requirements__form {
    display: flex;
    flex-direction: column;
    min-height: auto;
    overflow-anchor: none;
    --photo-video-requirements-sheet-min-height: 0;
}

.photo-video-requirements__form header h2,
.photo-video-requirements__brief h2,
.photo-video-requirements__response h2,
.photo-video-requirements__preview h2 {
    margin: 0.18rem 0 0;
    color: #ffffff;
    font-size: 1.25rem;
    line-height: 1.22;
    letter-spacing: 0;
    overflow-wrap: anywhere;
}

.photo-video-requirements__field-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.photo-video-requirements__field-wide {
    grid-column: 1 / -1;
}

.photo-video-requirements__field-wide textarea {
    min-height: 86px;
}

.photo-video-requirements__steps {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.5rem;
    max-width: 100%;
    min-width: 0;
    margin-bottom: 0.12rem;
    overflow-x: auto;
    padding-bottom: 0.12rem;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

.photo-video-requirements__steps button {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
    min-width: 5.9rem;
    min-height: 44px;
    padding: 0.35rem 0.75rem;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.1);
    color: #f8fafc;
    font: inherit;
    font-size: 0.84rem;
    font-weight: 850;
    cursor: pointer;
    outline: none;
}

.photo-video-requirements__steps .guided-workflow-tab-icon {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 1rem;
    min-width: 1rem;
    color: #93c5fd;
    font-size: 0.74rem;
    line-height: 1;
    opacity: 0.86;
}

.photo-video-requirements__steps .photo-video-requirements__step--active .guided-workflow-tab-icon,
.photo-video-requirements__steps .photo-video-requirements__step--complete .guided-workflow-tab-icon {
    opacity: 1;
}

.photo-video-requirements__steps button:focus-visible {
    border-color: rgba(191, 219, 254, 0.96);
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.58),
        inset 0 0 0 3px rgba(96, 165, 250, 0.2);
}

.photo-video-requirements__step-label {
    min-width: 0;
    white-space: nowrap;
}

.photo-video-requirements__step-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.28rem;
    height: 1.28rem;
    min-width: 1.28rem;
    min-height: 1.28rem;
    padding: 0;
    border: 1px solid rgba(0, 230, 118, 0.26);
    border-radius: 999px;
    background: rgba(0, 230, 118, 0.08);
    color: #d8ffe8;
    line-height: 1;
}

.photo-video-requirements__step-status::before {
    content: "";
    width: 0.45rem;
    height: 0.24rem;
    border-left: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-0.06rem) rotate(-45deg);
}

.photo-video-requirements__steps .photo-video-requirements__step--active {
    border-color: rgba(96, 165, 250, 0.78);
    background: rgba(96, 165, 250, 0.18);
    box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.22);
    color: #ffffff;
}

.photo-video-requirements__steps .photo-video-requirements__step--complete {
    border-color: rgba(0, 230, 118, 0.28);
    background: rgba(0, 230, 118, 0.06);
}

.photo-video-requirements__steps .photo-video-requirements__step--active.photo-video-requirements__step--complete {
    border-color: rgba(96, 165, 250, 0.78);
    background: rgba(96, 165, 250, 0.18);
    box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.22);
}

.photo-video-requirements__steps .photo-video-requirements__step--next {
    border-color: rgba(96, 165, 250, 0.72);
}

.photo-video-requirements__steps .photo-video-requirements__step--cue {
    animation: photo-video-next-step-pulse 900ms ease-out 2;
}

.photo-video-requirements__steps .photo-video-requirements__step--targeted:not(.photo-video-requirements__step--active) {
    border-color: rgba(191, 219, 254, 0.96);
    background: rgba(96, 165, 250, 0.2);
    box-shadow:
        inset 0 0 0 2px rgba(147, 197, 253, 0.68),
        inset 0 -3px 0 rgba(96, 165, 250, 0.82);
}

@keyframes photo-video-next-step-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(96, 165, 250, 0.38);
    }

    70% {
        box-shadow: 0 0 0 7px rgba(96, 165, 250, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(96, 165, 250, 0);
    }
}

.photo-video-requirements__ready-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
    min-width: 0;
}

.photo-video-requirements__ready-summary div {
    display: grid;
    gap: 0.16rem;
    min-width: 0;
}

.photo-video-requirements__ready-summary strong {
    color: #ffffff;
    font-size: 0.86rem;
    line-height: 1.2;
}

.photo-video-requirements__ready-summary span {
    color: #9ca3af;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.35;
}

.photo-video-requirements__sheet {
    display: grid;
    gap: 0;
    min-width: 0;
    min-height: var(--photo-video-requirements-sheet-min-height);
    overflow: hidden;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.72);
}

.photo-video-requirements__sheet-head,
.photo-video-requirements__sheet-row {
    display: grid;
    grid-template-columns: minmax(9rem, 0.55fr) minmax(0, 1.45fr);
    gap: 0.7rem;
    align-items: start;
    min-width: 0;
}

.photo-video-requirements__sheet-head {
    padding: 0.7rem 0.8rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.16);
    background: rgba(96, 165, 250, 0.08);
    color: #aeb7c5;
    font-size: 0.74rem;
    font-weight: 900;
    text-transform: uppercase;
}

.photo-video-requirements__sheet-section {
    display: grid;
    align-content: start;
    min-width: 0;
    min-height: var(--photo-video-requirements-sheet-min-height);
    scroll-margin-top: 5.4rem;
}

.photo-video-requirements__sheet-row {
    padding: 0.58rem 0.75rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.1);
    background: rgba(255, 255, 255, 0.012);
}

.photo-video-requirements__sheet-row:nth-of-type(odd) {
    background: rgba(255, 255, 255, 0.022);
}

.photo-video-requirements__sheet-row:focus-within {
    background: rgba(96, 165, 250, 0.075);
    box-shadow: inset 3px 0 0 rgba(96, 165, 250, 0.58);
}

.photo-video-requirements__sheet-row:last-child {
    border-bottom: 0;
}

.photo-video-requirements__sheet-row > label,
.photo-video-requirements__sheet-row > span:first-child {
    display: inline-flex;
    align-items: flex-start;
    gap: 0.46rem;
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 850;
    line-height: 1.32;
}

.photo-video-requirements__field-icon {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 1.3rem;
    height: 1.3rem;
    margin-top: 0.01rem;
    border: 1px solid rgba(96, 165, 250, 0.22);
    border-radius: 999px;
    background: rgba(96, 165, 250, 0.08);
    color: #93c5fd;
    font-size: 0.58rem;
    line-height: 1;
}

.photo-video-requirements__field-icon--money {
    border-color: rgba(0, 230, 118, 0.22);
    background: rgba(0, 230, 118, 0.075);
    color: #d8ffe8;
}

.photo-video-requirements__field-icon--warn {
    border-color: rgba(255, 165, 0, 0.28);
    background: rgba(255, 165, 0, 0.075);
    color: #ffd08a;
}

.photo-video-requirements__sheet input,
.photo-video-requirements__sheet select,
.photo-video-requirements__sheet textarea {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 0.68rem 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.22);
    border-radius: 8px;
    background: #1b1c1e;
    color: #f8fafc;
    color-scheme: dark;
    font: inherit;
    font-size: 0.92rem;
    line-height: 1.35;
}

.photo-video-requirements__sheet select option {
    background: #232529;
    color: #f8fafc;
}

.photo-video-requirements__date-control {
    display: grid;
    grid-template-columns: minmax(8rem, 1.35fr) minmax(5.5rem, 0.75fr) minmax(6.5rem, 0.9fr);
    gap: 0.55rem;
    min-width: 0;
}

.guided-field-frame {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
}

.photo-video-requirements [hidden],
.client-mandate-proposal-one [hidden] {
    display: none !important;
}

.guided-field-frame__label {
    color: #ffffff;
    font-size: 0.86rem;
    font-weight: 800;
    line-height: 1.25;
}

.guided-field-frame__help {
    color: #9ca3af;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.35;
}

.guided-field-frame__error {
    margin: 0;
    color: #fcd34d;
    font-size: 0.8rem;
    font-weight: 850;
    line-height: 1.35;
}

.guided-field-frame--required-empty input,
.guided-field-frame--required-empty select,
.guided-field-frame--required-empty textarea,
.guided-field-frame--required-empty .client-mandate-date-field,
.guided-field-frame--required-empty .client-mandate-phone-field,
.guided-field-frame--required-empty.client-mandate-criteria-row,
.guided-field-frame--required-empty.client-mandate-criteria-row label {
    border-color: rgba(96, 165, 250, 0.42) !important;
    background:
        linear-gradient(0deg, rgba(96, 165, 250, 0.035), rgba(96, 165, 250, 0.035)),
        rgba(10, 19, 27, 0.58);
    box-shadow:
        inset 0 0 0 1px rgba(96, 165, 250, 0.08),
        0 0 0 1px rgba(96, 165, 250, 0.04);
}

.guided-field-frame:focus-within input,
.guided-field-frame:focus-within select,
.guided-field-frame:focus-within textarea,
.guided-field-frame:focus-within .client-mandate-date-field,
.guided-field-frame:focus-within .client-mandate-phone-field,
.guided-field-frame:focus-within.client-mandate-criteria-row,
.guided-field-frame:focus-within.client-mandate-criteria-row label {
    border-color: rgba(96, 165, 250, 0.62) !important;
    box-shadow:
        0 0 0 2px rgba(96, 165, 250, 0.09),
        inset 0 0 0 1px rgba(96, 165, 250, 0.1);
}

.guided-field-frame--invalid input,
.guided-field-frame--invalid select,
.guided-field-frame--invalid textarea,
.guided-field-frame--invalid .client-mandate-date-field,
.guided-field-frame--invalid .client-mandate-phone-field,
.guided-field-frame--invalid.client-mandate-criteria-row,
.guided-field-frame--invalid.client-mandate-criteria-row label,
.guided-field-frame [aria-invalid="true"] {
    border-color: rgba(251, 191, 36, 0.84) !important;
    box-shadow:
        0 0 0 3px rgba(251, 191, 36, 0.13),
        inset 0 0 0 1px rgba(251, 191, 36, 0.16);
}

.guided-workflow-tabs {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.5rem;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    padding-bottom: 0.12rem;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

.guided-workflow-tab {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
    min-width: 5.9rem;
    min-height: 44px;
    padding: 0.35rem 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.28);
    border-radius: 8px;
    background: rgba(156, 163, 175, 0.07);
    color: #d1d5db;
    font: inherit;
    font-size: 0.84rem;
    font-weight: 850;
    cursor: pointer;
    outline: none;
}

.guided-workflow-tab:hover:not(.guided-workflow-tab--active) {
    border-color: rgba(156, 163, 175, 0.46);
    background: rgba(156, 163, 175, 0.12);
    color: #f8fafc;
}

.guided-workflow-tab:focus-visible {
    border-color: rgba(191, 219, 254, 0.96);
    box-shadow:
        inset 0 0 0 2px rgba(255, 255, 255, 0.72),
        inset 0 0 0 4px rgba(96, 165, 250, 0.24);
}

.guided-workflow-tab__label {
    min-width: 0;
    white-space: nowrap;
}

.guided-workflow-tab__status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.35rem;
    height: 1.35rem;
    min-height: 1.35rem;
    padding: 0;
    border: 1px solid rgba(0, 230, 118, 0.26);
    border-radius: 999px;
    background: rgba(0, 230, 118, 0.08);
    color: #d8ffe8;
}

.guided-workflow-tab__status::before {
    content: "";
    width: 0.48rem;
    height: 0.26rem;
    border-left: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-0.08rem) rotate(-45deg);
}

.guided-workflow-tab--active {
    border-color: rgba(96, 165, 250, 0.78);
    background: rgba(96, 165, 250, 0.18);
    color: #f8fafc;
    box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.22);
}

.guided-workflow-tab--complete {
    border-color: rgba(0, 230, 118, 0.28);
    background: rgba(0, 230, 118, 0.06);
}

.guided-workflow-tab--active.guided-workflow-tab--complete {
    border-color: rgba(96, 165, 250, 0.78);
    background: rgba(96, 165, 250, 0.18);
    box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.22);
}

.guided-workflow-tab--next {
    border-color: rgba(96, 165, 250, 0.72);
}

.guided-workflow-tab--targeted:not(.guided-workflow-tab--active) {
    border-color: rgba(191, 219, 254, 0.96);
    background: rgba(96, 165, 250, 0.2);
    box-shadow:
        inset 0 0 0 2px rgba(147, 197, 253, 0.68),
        inset 0 -3px 0 rgba(96, 165, 250, 0.82);
}

.guided-workflow-tab--cue {
    animation: photo-video-next-step-pulse 900ms ease-out 2;
}

.photo-video-requirements__sheet textarea {
    min-height: 6.8rem;
    resize: vertical;
}

.photo-video-requirements__sheet input::placeholder,
.photo-video-requirements__sheet textarea::placeholder {
    color: #8f99aa;
    opacity: 1;
}

.photo-video-requirements__prompt-chips,
.photo-video-requirements__share-assurance {
    display: flex;
    flex-wrap: wrap;
    gap: 0.46rem;
    min-width: 0;
}

.photo-video-requirements__prompt-chips button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 0.72rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.055);
    color: #cbd5e1;
    font: inherit;
    font-size: 0.74rem;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
}

.photo-video-requirements__prompt-chips button:hover,
.photo-video-requirements__prompt-chips button:focus-visible {
    border-color: rgba(96, 165, 250, 0.48);
    background: rgba(96, 165, 250, 0.12);
    color: #f8fafc;
    outline: none;
}

.photo-video-requirements__prompt-chips button:focus-visible {
    box-shadow:
        0 0 0 3px rgba(96, 165, 250, 0.14),
        inset 0 0 0 1px rgba(96, 165, 250, 0.14);
}

.photo-video-requirements__share-assurance {
    padding: 0.8rem;
    border-top: 1px solid rgba(156, 163, 175, 0.1);
    background: linear-gradient(90deg, rgba(96, 165, 250, 0.07), rgba(0, 230, 118, 0.04));
}

.photo-video-requirements__share-assurance div {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 0.56rem;
    row-gap: 0.12rem;
    flex: 1 1 16rem;
    min-width: 0;
    padding: 0.68rem;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.58);
}

.photo-video-requirements__share-assurance .oi {
    grid-row: 1 / span 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 999px;
    color: #93c5fd;
    font-size: 0.68rem;
}

.photo-video-requirements__share-assurance strong {
    min-width: 0;
    color: #f8fafc;
    font-size: 0.86rem;
    line-height: 1.24;
}

.photo-video-requirements__share-assurance small {
    min-width: 0;
    color: #aeb7c5;
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1.34;
}

.photo-video-requirements__field-help {
    display: block;
    margin-top: 0.35rem;
    color: #9ca3af;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.35;
}

.photo-video-requirements__field-error {
    margin: 0.42rem 0 0;
    color: #fcd34d;
    font-size: 0.8rem;
    font-weight: 850;
    line-height: 1.35;
}

.photo-video-requirements .guided-field-frame__error {
    color: #fcd34d;
}

.photo-video-requirements .guided-field-frame--invalid input,
.photo-video-requirements .guided-field-frame--invalid select,
.photo-video-requirements .guided-field-frame--invalid textarea,
.photo-video-requirements .guided-field-frame [aria-invalid="true"] {
    border-color: rgba(251, 191, 36, 0.84) !important;
    box-shadow:
        0 0 0 3px rgba(251, 191, 36, 0.13),
        inset 0 0 0 1px rgba(251, 191, 36, 0.16);
}

.photo-video-requirements__optional-details {
    display: grid;
    gap: 0.85rem;
    padding: 0.82rem;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.055);
}

.photo-video-requirements__optional-details summary {
    display: grid;
    gap: 0.2rem;
    min-height: 44px;
    cursor: pointer;
    list-style-position: inside;
}

.photo-video-requirements__optional-details summary span {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 900;
}

.photo-video-requirements__optional-details summary small {
    color: #9ca3af;
    font-size: 0.82rem;
    line-height: 1.34;
}

.photo-video-requirements__optional-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
    gap: 0.8rem;
    margin-top: 0.85rem;
}

.photo-video-requirements__optional-card {
    display: grid;
    align-content: start;
    gap: 0.72rem;
    min-width: 0;
    padding: 0.8rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.72);
}

.photo-video-requirements__optional-card header {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.photo-video-requirements__optional-card header .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 999px;
    color: #60a5fa;
}

.photo-video-requirements__optional-card h3 {
    margin: 0;
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.2;
}

.photo-video-requirements__optional-card .proposal-field,
.photo-video-requirements__optional-card .photo-video-requirements__chip-field {
    grid-column: 1 / -1;
}

.photo-video-requirements__chip-field {
    display: grid;
    gap: 0.42rem;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.photo-video-requirements__chip-field legend {
    color: #9ca3af;
    font-size: 0.74rem;
    font-weight: 850;
    text-transform: uppercase;
}

.photo-video-requirements__choice-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.46rem;
}

.photo-video-requirements__choice-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.035);
    color: #d1d5db;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 850;
    cursor: pointer;
}

.photo-video-requirements__choice-chip--selected {
    border-color: rgba(96, 165, 250, 0.62);
    background: rgba(96, 165, 250, 0.16);
    color: #ffffff;
}

.photo-video-requirements__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.photo-video-requirements__hero[data-testid="photo-video-owner-confirmation"] > div {
    display: grid;
    gap: 1rem;
    align-content: start;
    padding-block: 0.4rem;
}

.photo-video-requirements__hero[data-testid="photo-video-owner-confirmation"] h1,
.photo-video-requirements__hero[data-testid="photo-video-owner-confirmation"] p {
    margin: 0;
}

.photo-video-requirements__hero[data-testid="photo-video-owner-confirmation"]
    .photo-video-requirements__actions {
    gap: 0.85rem;
    margin-top: 0.25rem;
}

.photo-video-requirements__hero[data-testid="photo-video-owner-confirmation"]
    .photo-video-requirements__actions
    .admin-command-button {
    min-height: 48px;
}

.photo-video-requirements__hero[data-testid="photo-video-owner-confirmation"]
    .photo-video-requirements__boundary-note {
    margin-top: 0.2rem;
    padding: 0.85rem 1rem;
    border-left: 3px solid rgba(255, 215, 0, 0.72);
    border-radius: 0 8px 8px 0;
    background: rgba(255, 215, 0, 0.055);
}

.photo-video-requirements__progress-actions {
    position: static;
    top: auto;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 0.58rem;
    align-items: center;
    justify-content: space-between;
    margin-top: 0;
    padding: 0.56rem 0.64rem;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.06);
}

.photo-video-requirements__progress-actions p {
    min-width: min(100%, 16rem);
    margin: 0;
    color: #d1d5db;
    font-size: 0.8rem;
    font-weight: 800;
    line-height: 1.35;
}

.photo-video-requirements__actions a,
.photo-video-requirements__created a,
.photo-video-requirements__missing a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: #60a5fa;
    font-weight: 850;
    overflow-wrap: anywhere;
}

.photo-video-requirements__created .photo-video-requirements__share-link-card {
    display: grid;
    align-items: center;
    gap: 0.14rem;
    min-width: 0;
    min-height: 54px;
    padding: 0.65rem 0.75rem;
    border: 1px solid rgba(96, 165, 250, 0.22);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.1);
    text-decoration: none;
}

.photo-video-requirements__share-link-card span {
    color: #f8fafc;
    font-size: 0.92rem;
    font-weight: 900;
}

.photo-video-requirements__share-link-card small {
    min-width: 0;
    overflow: hidden;
    color: #60a5fa;
    font-size: 0.82rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.photo-video-requirements__share-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.65rem;
    align-items: center;
    margin-top: 1rem;
}

.photo-video-requirements__share-url {
    display: grid;
    gap: 0.28rem;
    min-width: 0;
}

.photo-video-requirements__share-url span {
    color: #9ca3af;
    font-size: 0.74rem;
    font-weight: 850;
    text-transform: uppercase;
}

.photo-video-requirements__share-actions input {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 0.68rem 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.22);
    border-radius: 8px;
    background: #232529;
    color: #f8fafc;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 0.88rem;
    text-overflow: ellipsis;
}

.photo-video-requirements__copy-status {
    margin: 0.65rem 0 0;
    color: #d8ffe8;
    font-weight: 800;
    line-height: 1.35;
}

.photo-video-requirements__copy-status--error {
    padding: 0.72rem;
    border: 1px solid rgba(255, 68, 68, 0.32);
    border-radius: 8px;
    background: rgba(255, 68, 68, 0.1);
    color: #ffd0d0;
}

.photo-video-requirements__preview {
    position: sticky;
    top: 5rem;
}

.photo-video-requirements__preview-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
}

.photo-video-requirements__preview-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: 0.35rem 0.65rem;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
    color: #d1d5db;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 850;
    cursor: pointer;
}

.photo-video-requirements__preview-tab--active {
    border-color: rgba(96, 165, 250, 0.62);
    background: rgba(96, 165, 250, 0.16);
    color: #ffffff;
}

.photo-video-requirements__preview-tab--locked {
    border-color: rgba(156, 163, 175, 0.16);
    color: #9ca3af;
}

.photo-video-requirements__preview-tab[aria-disabled="true"] {
    cursor: pointer;
    opacity: 0.74;
}

.photo-video-requirements__preview-guidance {
    margin: -0.22rem 0 0;
    padding: 0.68rem 0.75rem;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.07);
    color: #d1d5db;
    font-size: 0.82rem;
    font-weight: 750;
    line-height: 1.38;
}

.photo-video-requirements__preview-readiness {
    display: grid;
    gap: 0.85rem;
    padding: 0.85rem;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.78);
    animation: photo-video-preview-reveal 160ms ease-out both;
}

.photo-video-requirements__preview-readiness h2 {
    margin: 0;
    color: #ffffff;
    font-size: 1.18rem;
    line-height: 1.22;
}

.photo-video-requirements__preview-readiness p {
    margin: 0;
    color: #d1d5db;
    font-size: 0.84rem;
    font-weight: 750;
    line-height: 1.38;
}

.photo-video-requirements__readiness-list {
    display: grid;
    gap: 0.5rem;
}

.photo-video-requirements__readiness-item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.55rem;
    align-items: center;
    min-width: 0;
    padding: 0.62rem;
    border: 1px solid rgba(156, 163, 175, 0.14);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.03);
}

.photo-video-requirements__readiness-item--complete {
    border-color: rgba(0, 230, 118, 0.24);
    background: rgba(0, 230, 118, 0.075);
}

.photo-video-requirements__readiness-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    min-height: 34px;
    padding: 0 0.28rem;
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 999px;
    color: #9ca3af;
    font-size: 0.68rem;
    font-weight: 950;
    line-height: 1;
}

.photo-video-requirements__readiness-item--complete .photo-video-requirements__readiness-mark {
    border-color: rgba(0, 230, 118, 0.34);
    color: #d8ffe8;
}

.photo-video-requirements__readiness-item strong {
    display: block;
    color: #ffffff;
    font-size: 0.88rem;
    line-height: 1.22;
}

.photo-video-requirements__readiness-item small {
    display: block;
    margin-top: 0.12rem;
    color: #9ca3af;
    font-size: 0.76rem;
    font-weight: 750;
    line-height: 1.32;
}

.photo-video-requirements__preview-readiness .photo-video-requirements__next-step {
    padding: 0.62rem 0.7rem;
    border: 1px solid rgba(96, 165, 250, 0.2);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.08);
    color: #f8fafc;
}

.photo-video-requirements__preview-panel {
    display: grid;
    gap: 1rem;
}

.photo-video-requirements__preview-panel--revealed {
    animation: photo-video-preview-reveal 180ms ease-out both;
}

@keyframes photo-video-preview-reveal {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .photo-video-requirements__step--cue,
    .photo-video-requirements__preview-readiness,
    .photo-video-requirements__preview-panel--revealed {
        animation: none;
    }
}

.photo-video-requirements__preview img,
.photo-video-requirements__share-card img {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    aspect-ratio: 1.91 / 1;
    border-radius: 8px;
    object-fit: cover;
}

.photo-video-requirements__share-card {
    display: grid;
    align-content: start;
    gap: 0;
    overflow: hidden;
    border-color: rgba(96, 165, 250, 0.26);
    background:
        linear-gradient(180deg, rgba(96, 165, 250, 0.05), transparent 45%),
        #232529;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.14);
}

.photo-video-requirements__share-card img {
    border-radius: 8px 8px 0 0;
}

.photo-video-requirements__share-card-body {
    display: grid;
    gap: 0.5rem;
    padding: 1.25rem;
}

.photo-video-requirements__share-card-label {
    color: #93c5fd;
    font-size: 0.75rem;
    font-weight: 850;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

.photo-video-requirements__share-card-body p {
    margin: 0;
}

.photo-video-requirements__preview dl,
.photo-video-requirements__brief dl,
.photo-video-requirements__optional-readback dl {
    display: grid;
    gap: 0.65rem;
    margin: 0;
}

.photo-video-requirements__brief dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.photo-video-requirements__brief dl div:nth-child(n + 3) {
    grid-column: 1 / -1;
}

.photo-video-requirements__preview dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.photo-video-requirements__created--share {
    gap: 0.85rem;
    border-color: rgba(0, 230, 118, 0.3);
    background:
        linear-gradient(135deg, rgba(0, 230, 118, 0.13), rgba(96, 165, 250, 0.08) 40%, rgba(27, 28, 30, 0.86) 78%),
        rgba(27, 28, 30, 0.82);
}

.photo-video-requirements__created--share h2 {
    margin: 0;
    color: #ffffff;
    font-size: 1.28rem;
    line-height: 1.22;
}

.photo-video-requirements__created--share p {
    margin: 0;
    color: #d1d5db;
    line-height: 1.45;
}

.photo-video-requirements__ready-summary {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.52rem;
    padding: 0.72rem;
    border: 1px solid rgba(0, 230, 118, 0.2);
    border-radius: 8px;
    background: rgba(0, 230, 118, 0.065);
}

.photo-video-requirements__ready-summary div {
    grid-template-columns: minmax(5.4rem, max-content) minmax(0, 1fr);
    align-items: start;
    column-gap: 0.58rem;
}

.photo-video-requirements__ready-summary strong {
    white-space: nowrap;
}

.photo-video-requirements__created--share .photo-video-requirements__share-url {
    margin: 0;
}

.photo-video-requirements__generated-link-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.65rem;
    min-width: 0;
}

.photo-video-requirements__generated-link-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
    min-width: 0;
}

.photo-video-requirements__generated-link-actions .admin-command-button {
    width: 100%;
    min-width: 0;
    justify-content: center;
}

.photo-video-requirements__generated-link-actions .admin-command-button--secondary {
    border-color: rgba(96, 165, 250, 0.36);
    background: rgba(96, 165, 250, 0.12);
    color: #dbeafe;
}

.photo-video-requirements__created--share .photo-video-requirements__share-url input {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 0.68rem 0.75rem;
    border: 1px solid rgba(0, 230, 118, 0.22);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.92);
    color: #f8fafc;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 0.84rem;
    text-overflow: ellipsis;
}

.photo-video-requirements__manual-copy {
    display: grid;
    gap: 0.28rem;
    min-width: 0;
}

.photo-video-requirements__manual-copy span {
    color: #9ca3af;
    font-size: 0.74rem;
    font-weight: 850;
    text-transform: uppercase;
}

.photo-video-requirements__manual-copy textarea {
    width: 100%;
    min-width: 0;
    min-height: 96px;
    padding: 0.68rem 0.75rem;
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.92);
    color: #f8fafc;
    font: inherit;
    font-size: 0.84rem;
    line-height: 1.36;
    resize: vertical;
}

.photo-video-requirements__share-primary-actions {
    display: grid;
    gap: 0.55rem;
}

.photo-video-requirements__channel-share-table {
    display: grid;
    gap: 0.55rem;
    min-width: 0;
    margin-top: 0.1rem;
}

.photo-video-requirements__channel-share-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.62rem;
    min-width: 0;
    padding: 0.72rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.78);
}

.photo-video-requirements__channel-share-row strong {
    display: block;
    color: #ffffff;
    font-size: 0.92rem;
    line-height: 1.24;
}

.photo-video-requirements__channel-share-row p {
    margin-top: 0.16rem;
    color: #9ca3af;
    font-size: 0.82rem;
    line-height: 1.36;
}

.photo-video-requirements__channel-share-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.48rem;
    min-width: 0;
}

.photo-video-requirements__channel-share-actions button,
.photo-video-requirements__channel-share-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: 0.35rem 0.58rem;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.1);
    color: #f8fafc;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 850;
    line-height: 1.18;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.photo-video-requirements__channel-share-actions button {
    border-color: rgba(0, 230, 118, 0.26);
    background: rgba(0, 230, 118, 0.1);
}

.photo-video-requirements__readback-table {
    display: grid;
    overflow: hidden;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.7);
}

.photo-video-requirements__readback-head,
.photo-video-requirements__readback-row {
    display: grid;
    grid-template-columns: minmax(7rem, 0.65fr) minmax(0, 1.35fr) minmax(10rem, 0.8fr);
    gap: 0.7rem;
    align-items: start;
    min-width: 0;
}

.photo-video-requirements__readback-head {
    padding: 0.7rem 0.8rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.16);
    background: rgba(96, 165, 250, 0.08);
    color: #9ca3af;
    font-size: 0.74rem;
    font-weight: 900;
    text-transform: uppercase;
}

.photo-video-requirements__readback-row {
    padding: 0.75rem 0.8rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.12);
}

.photo-video-requirements__readback-row:last-child {
    border-bottom: 0;
}

.photo-video-requirements__readback-row span:first-child {
    color: #9ca3af;
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
}

.photo-video-requirements__readback-row strong {
    color: #ffffff;
    font-size: 0.94rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.photo-video-requirements__readback-row span:last-child {
    color: #d1d5db;
    font-size: 0.86rem;
    line-height: 1.38;
}

.photo-video-requirements__preview dl div,
.photo-video-requirements__brief dl div,
.photo-video-requirements__optional-readback dl div,
.photo-video-requirements__response-count,
.photo-video-requirements__submitted div,
.photo-video-requirements__created {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
    padding: 0.72rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.82);
}

.photo-video-requirements__preview dt,
.photo-video-requirements__brief dt,
.photo-video-requirements__optional-readback dt,
.photo-video-requirements__submitted dt {
    color: #9ca3af;
    font-size: 0.74rem;
    font-weight: 850;
    text-transform: uppercase;
}

.photo-video-requirements__preview dd,
.photo-video-requirements__brief dd,
.photo-video-requirements__optional-readback dd,
.photo-video-requirements__submitted dd {
    margin: 0;
    color: #ffffff;
    font-weight: 780;
    line-height: 1.38;
    overflow-wrap: anywhere;
}

.photo-video-requirements__optional-readback dd {
    white-space: pre-wrap;
}

.photo-video-requirements__optional-readback {
    display: grid;
    gap: 0.65rem;
    margin-top: 0.85rem;
}

.photo-video-requirements__optional-readback h3 {
    margin: 0;
    color: #ffffff;
    font-size: 1rem;
}

.photo-video-requirements__private-routing,
.photo-video-requirements__response-guide,
.photo-video-requirements__handoff-steps {
    display: grid;
    gap: 0.58rem;
    min-width: 0;
    padding: 0.78rem;
    border: 1px solid rgba(96, 165, 250, 0.2);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.07);
}

.photo-video-requirements__private-routing {
    margin-top: 0.85rem;
    border-color: rgba(255, 215, 0, 0.18);
    background: rgba(255, 215, 0, 0.06);
}

.photo-video-requirements__private-routing strong,
.photo-video-requirements__response-guide h3,
.photo-video-requirements__response-guide strong {
    margin: 0;
    color: #ffffff;
    font-size: 0.95rem;
    line-height: 1.24;
}

.photo-video-requirements__private-routing span,
.photo-video-requirements__response-guide span,
.photo-video-requirements__response header p {
    margin: 0;
    color: #d1d5db;
    font-size: 0.86rem;
    line-height: 1.4;
}

.photo-video-requirements__response-guide div {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
    padding-top: 0.58rem;
    border-top: 1px solid rgba(156, 163, 175, 0.13);
}

.photo-video-requirements__response-guide h3 + div {
    padding-top: 0;
    border-top: 0;
}

.photo-video-requirements__handoff-steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    border-color: rgba(148, 163, 184, 0.16);
    background: rgba(27, 28, 30, 0.62);
}

.photo-video-requirements__handoff-steps div {
    display: grid;
    gap: 0.22rem;
    min-width: 0;
    align-content: start;
    padding: 0.62rem;
    border: 1px solid rgba(96, 165, 250, 0.16);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.055);
}

.photo-video-requirements__handoff-steps .oi,
.photo-video-requirements__review-guide .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.55rem;
    height: 1.55rem;
    margin-bottom: 0.12rem;
    border: 1px solid rgba(96, 165, 250, 0.22);
    border-radius: 999px;
    background: rgba(96, 165, 250, 0.08);
    color: #93c5fd;
    font-size: 0.72rem;
    line-height: 1;
}

.photo-video-requirements__handoff-steps strong {
    color: #ffffff;
    font-size: 0.84rem;
    line-height: 1.22;
}

.photo-video-requirements__handoff-steps small {
    color: #d1d5db;
    font-size: 0.76rem;
    font-weight: 720;
    line-height: 1.34;
    overflow-wrap: anywhere;
}

.photo-video-requirements__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}

.photo-video-requirements__chips span,
.photo-video-requirements__chips a {
    display: inline-flex;
    align-items: center;
    min-width: 44px;
    min-height: 44px;
    padding: 0.25rem 0.65rem;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 850;
    text-decoration: none;
}

.photo-video-requirements__proof-list {
    display: grid;
    gap: 0.65rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.photo-video-requirements__proof-list li {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
    padding: 0.72rem;
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(96, 165, 250, 0.1), rgba(27, 28, 30, 0.82) 32%);
}

.photo-video-requirements__proof-list strong {
    color: #ffffff;
    font-size: 0.95rem;
    line-height: 1.25;
}

.photo-video-requirements__proof-list span {
    color: #d1d5db;
    font-size: 0.88rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.photo-video-requirements__mandate-boundary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
    min-width: 0;
    padding: 0.78rem;
    border: 1px solid rgba(255, 215, 0, 0.18);
    border-radius: 8px;
    background: rgba(255, 215, 0, 0.055);
}

.photo-video-requirements__mandate-boundary header {
    grid-column: 1 / -1;
}

.photo-video-requirements__mandate-boundary header h2 {
    margin: 0.45rem 0 0;
    color: #ffffff;
    font-size: 1.15rem;
    line-height: 1.22;
    letter-spacing: 0;
}

.photo-video-requirements__mandate-boundary div {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
    padding-top: 0.58rem;
    border-top: 1px solid rgba(255, 215, 0, 0.18);
}

.photo-video-requirements__share-card strong {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 900;
}

.photo-video-requirements__boundary-note,
.photo-video-requirements__success,
.photo-video-requirements__response-count span {
    margin: 0;
    color: #d1d5db;
    font-size: 0.86rem;
    line-height: 1.45;
}

.photo-video-requirements--mandate-readback .photo-video-requirements__boundary-note {
    padding: 0.72rem 0.8rem;
    border: 1px solid rgba(255, 215, 0, 0.16);
    border-radius: 8px;
    background: rgba(255, 215, 0, 0.06);
}

.photo-video-requirements__boundary-note [data-testid="photo-video-client-mandate-readback"] {
    display: block;
    margin-top: 0.35rem;
    overflow-wrap: anywhere;
}

.photo-video-requirements__boundary-note [data-testid="photo-video-mandate-draft-link"] {
    display: inline-flex;
    align-items: center;
    min-width: 44px;
    min-height: 44px;
    padding: 0.35rem 0.65rem;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.1);
    color: #f8fafc;
    font-weight: 850;
    overflow-wrap: anywhere;
    text-decoration: none;
}

.photo-video-requirements__review-state {
    display: grid;
    gap: 0.25rem;
    margin-top: 0.85rem;
    padding: 0.75rem 0.8rem;
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.08);
}

.photo-video-requirements__review-state strong {
    color: #ffffff;
    font-size: 0.95rem;
    line-height: 1.25;
}

.photo-video-requirements__review-state span {
    color: #d1d5db;
    font-size: 0.88rem;
    line-height: 1.4;
}

.photo-video-requirements__review-state--chosen {
    border-color: rgba(0, 230, 118, 0.3);
    background: rgba(0, 230, 118, 0.1);
}

.photo-video-requirements__review-guide {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
    min-width: 0;
    padding: 0.78rem;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.06);
}

.photo-video-requirements__review-guide div {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
    align-content: start;
}

.photo-video-requirements__review-guide strong {
    color: #ffffff;
    font-size: 0.9rem;
    line-height: 1.22;
}

.photo-video-requirements__review-guide span,
.photo-video-requirements__review-action-note {
    margin: 0;
    color: #d1d5db;
    font-size: 0.84rem;
    line-height: 1.4;
}

.photo-video-requirements__response-card {
    border-color: rgba(96, 165, 250, 0.2);
}

.photo-video-requirements__response-card header {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    justify-content: space-between;
}

.photo-video-requirements__response-card header h2 {
    flex: 1 1 12rem;
}

.photo-video-requirements--review .photo-video-requirements__response-comparison {
    grid-template-columns: minmax(0, 1fr);
}

.photo-video-requirements__response-comparison div:last-child {
    border-color: rgba(255, 215, 0, 0.16);
    background: rgba(255, 215, 0, 0.06);
}

.photo-video-requirements__review-action-note {
    padding: 0.72rem;
    border: 1px solid rgba(255, 215, 0, 0.16);
    border-radius: 8px;
    background: rgba(255, 215, 0, 0.055);
}

.photo-video-requirements__success {
    padding: 0.72rem;
    border: 1px solid rgba(0, 230, 118, 0.3);
    border-radius: 8px;
    background: rgba(0, 230, 118, 0.1);
    color: #d8ffe8;
}

.photo-video-requirements__success--inline {
    margin-top: 0.85rem;
}

.photo-video-requirements__first-response-hero {
    display: grid;
    gap: 0.8rem;
    width: min(62rem, 100%);
    margin: 0 auto;
    padding: 2.8rem 0 0.75rem;
    text-align: center;
}

.photo-video-requirements__first-response-hero h1 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(2.25rem, 4.6vw, 3.35rem);
    line-height: 1.04;
    letter-spacing: -0.025em;
}

.photo-video-requirements__first-response-hero p {
    max-width: 43rem;
    margin: 0 auto;
    color: #d1d5db;
    font-size: 1rem;
    line-height: 1.55;
}

.photo-video-requirements__first-response-hero h1:focus-visible {
    outline: 3px solid #facc15;
    outline-offset: 5px;
}

.photo-video-requirements__first-response-status,
.photo-video-requirements__first-response-workspace {
    width: min(62rem, 100%);
    margin-inline: auto;
}

.photo-video-requirements__first-response-workspace {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.photo-video-requirements__first-response-card {
    display: grid;
    gap: 1.25rem;
    min-width: 0;
    padding: 1.5rem;
    border: 1px solid rgba(96, 165, 250, 0.3);
    border-radius: 10px;
    background:
        linear-gradient(145deg, rgba(96, 165, 250, 0.055), transparent 36%),
        #2b2d31;
    box-shadow: 0 22px 56px rgba(0, 0, 0, 0.2);
}

.photo-video-requirements__first-response-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: start;
}

.photo-video-requirements__first-response-header > div:first-child {
    display: grid;
    gap: 0.4rem;
    min-width: 0;
}

.photo-video-requirements__first-response-header h2,
.photo-video-requirements__first-response-details-heading h3 {
    margin: 0;
    color: #ffffff;
    line-height: 1.18;
}

.photo-video-requirements__first-response-header h2 {
    font-size: 1.55rem;
    overflow-wrap: anywhere;
}

.photo-video-requirements__first-response-header > div:first-child > span:last-child {
    color: #9ca3af;
    font-size: 0.84rem;
    line-height: 1.4;
}

.photo-video-requirements__first-response-signals {
    display: grid;
    gap: 0.45rem;
    min-width: 13.5rem;
}

.photo-video-requirements__first-response-signals > span {
    display: grid;
    grid-template-columns: 1.1rem minmax(0, 1fr);
    gap: 0.45rem;
    align-items: center;
    color: #dbeafe;
    font-size: 0.84rem;
    font-weight: 750;
    line-height: 1.35;
}

.photo-video-requirements__first-response-signals .oi {
    color: #60a5fa;
}

.photo-video-requirements__first-response-card
    .photo-video-requirements__first-response-primary {
    width: 100%;
    min-height: 52px;
    border-color: #3b82f6;
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
}

.photo-video-requirements__first-response-card
    .photo-video-requirements__first-response-primary:hover {
    border-color: #60a5fa;
    background: #1d4ed8;
}

.photo-video-requirements__first-response-details {
    display: grid;
    gap: 0.9rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(148, 163, 184, 0.22);
}

.photo-video-requirements__first-response-details-heading {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    justify-content: space-between;
}

.photo-video-requirements__first-response-details-heading > div {
    display: grid;
    gap: 0.3rem;
}

.photo-video-requirements__first-response-details-heading h3 {
    font-size: 1.15rem;
}

.photo-video-requirements__first-response-hide {
    min-width: 44px;
    min-height: 44px;
    padding: 0.55rem 0.7rem;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #93c5fd;
    cursor: pointer;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 800;
}

.photo-video-requirements__first-response-hide:hover {
    background: rgba(96, 165, 250, 0.1);
    color: #dbeafe;
}

.photo-video-requirements__first-response-path {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background: #232529;
    list-style: none;
}

.photo-video-requirements__first-response-path li {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: 0.6rem;
    align-items: center;
    min-width: 0;
    padding: 0.72rem 0.78rem;
    color: #9ca3af;
}

.photo-video-requirements__first-response-path li + li {
    border-left: 1px solid rgba(148, 163, 184, 0.16);
}

.photo-video-requirements__first-response-path li.is-active {
    background: rgba(96, 165, 250, 0.08);
    box-shadow: inset 0 2px 0 #60a5fa;
    color: #dbeafe;
}

.photo-video-requirements__first-response-path li.is-complete {
    color: #d1fae5;
}

.photo-video-requirements__first-response-path-marker {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 50%;
    background: rgba(148, 163, 184, 0.08);
    color: #9ca3af;
    line-height: 1;
}

.photo-video-requirements__first-response-path .is-active
    .photo-video-requirements__first-response-path-marker {
    border-color: rgba(96, 165, 250, 0.58);
    background: rgba(96, 165, 250, 0.14);
    color: #93c5fd;
}

.photo-video-requirements__first-response-path .is-complete
    .photo-video-requirements__first-response-path-marker {
    border-color: rgba(0, 230, 118, 0.42);
    background: rgba(0, 230, 118, 0.1);
    color: #6ee7a0;
}

.photo-video-requirements__first-response-path li > span:last-child {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.photo-video-requirements__first-response-path strong {
    color: currentColor;
    font-size: 0.85rem;
    line-height: 1.28;
}

.photo-video-requirements__first-response-path small {
    color: #9ca3af;
    font-size: 0.75rem;
    line-height: 1.3;
}

.photo-video-requirements--review
    .photo-video-requirements__first-response-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.photo-video-requirements__first-response-facts
    .photo-video-requirements__first-response-fact--wide {
    grid-column: 1 / -1;
}

.photo-video-requirements__first-response-facts div:last-child {
    border-color: rgba(148, 163, 184, 0.14);
    background: rgba(35, 37, 41, 0.62);
}

.photo-video-requirements__first-response-facts dt {
    display: flex;
    gap: 0.45rem;
    align-items: center;
}

.photo-video-requirements__first-response-facts dt .oi {
    color: #60a5fa;
    line-height: 1;
}

.photo-video-requirements__first-response-portfolio {
    display: inline-flex;
    gap: 0.55rem;
    align-items: center;
    min-width: 44px;
    min-height: 44px;
    padding: 0.5rem 0.7rem;
    border: 1px solid rgba(96, 165, 250, 0.32);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.1);
    color: #dbeafe;
    font-weight: 800;
    line-height: 1.3;
    text-decoration: none;
}

.photo-video-requirements__first-response-portfolio:hover {
    border-color: rgba(96, 165, 250, 0.56);
    background: rgba(96, 165, 250, 0.16);
    color: #ffffff;
}

.photo-video-requirements__first-response-action-rail {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(15rem, auto);
    gap: 1rem;
    align-items: center;
    padding: 0.85rem;
    border: 1px solid rgba(96, 165, 250, 0.26);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.07);
}

.photo-video-requirements__first-response-action-rail > span {
    display: grid;
    gap: 0.24rem;
    min-width: 0;
}

.photo-video-requirements__first-response-action-rail strong {
    color: #ffffff;
    font-size: 0.96rem;
    line-height: 1.3;
}

.photo-video-requirements__first-response-action-rail small {
    color: #d1d5db;
    font-size: 0.82rem;
    line-height: 1.42;
}

.photo-video-requirements__first-response-action-rail .admin-command-button {
    width: 100%;
    min-height: 48px;
}

.photo-video-requirements__first-response-notification {
    display: grid;
    grid-template-columns: 1.25rem minmax(0, 1fr);
    gap: 0.7rem;
    align-items: start;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(148, 163, 184, 0.25);
    border-radius: 8px;
    background: #232529;
}

.photo-video-requirements__first-response-notification > .oi {
    margin-top: 0.12rem;
    line-height: 1.3;
}

.photo-video-requirements__first-response-notification > span:last-child {
    display: grid;
    gap: 0.2rem;
}

.photo-video-requirements__first-response-notification strong {
    color: #ffffff;
    font-size: 0.9rem;
    line-height: 1.3;
}

.photo-video-requirements__first-response-notification span span {
    color: #d1d5db;
    font-size: 0.84rem;
    line-height: 1.42;
}

.photo-video-requirements__first-response-notification--delivered {
    border-color: rgba(0, 230, 118, 0.3);
    background: rgba(0, 230, 118, 0.08);
}

.photo-video-requirements__first-response-notification--delivered > .oi {
    color: #6ee7a0;
}

.photo-video-requirements__first-response-notification--accepted {
    border-color: rgba(96, 165, 250, 0.3);
    background: rgba(96, 165, 250, 0.08);
}

.photo-video-requirements__first-response-notification--accepted > .oi {
    color: #93c5fd;
}

.photo-video-requirements__first-response-notification--pending,
.photo-video-requirements__first-response-notification--unavailable {
    border-color: rgba(250, 204, 21, 0.3);
    background: rgba(250, 204, 21, 0.07);
}

.photo-video-requirements__first-response-notification--pending > .oi,
.photo-video-requirements__first-response-notification--unavailable > .oi {
    color: #fde047;
}

.photo-video-requirements__first-response-boundary {
    display: grid;
    grid-template-columns: 1.2rem minmax(0, 1fr);
    gap: 0.6rem;
    align-items: start;
    margin: 0.1rem 0 0;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.3);
    color: #d1d5db;
    font-size: 0.86rem;
    line-height: 1.45;
}

.photo-video-requirements__first-response-boundary .oi {
    color: #9ca3af;
    line-height: 1.4;
}

.photo-video-requirements__first-response-help {
    border-top: 1px solid rgba(148, 163, 184, 0.16);
}

.photo-video-requirements__first-response-help summary {
    display: grid;
    grid-template-columns: 1.2rem minmax(0, 1fr) 1rem;
    gap: 0.55rem;
    align-items: center;
    min-height: 44px;
    padding: 0.6rem 0.85rem;
    border-radius: 8px;
    color: #d1d5db;
    cursor: pointer;
    font-size: 0.86rem;
    font-weight: 800;
    line-height: 1.35;
    list-style: none;
}

.photo-video-requirements__first-response-help summary::-webkit-details-marker {
    display: none;
}

.photo-video-requirements__first-response-help summary:hover {
    background: rgba(148, 163, 184, 0.07);
    color: #ffffff;
}

.photo-video-requirements__first-response-help summary .oi {
    color: #9ca3af;
}

.photo-video-requirements__first-response-help summary .oi-chevron-bottom {
    transition: transform 140ms ease;
}

.photo-video-requirements__first-response-help[open]
    summary .oi-chevron-bottom {
    transform: rotate(180deg);
}

.photo-video-requirements__first-response-help ol {
    display: grid;
    gap: 0.5rem;
    margin: 0;
    padding: 0.2rem 0.85rem 0.9rem 2.8rem;
    color: #d1d5db;
    font-size: 0.84rem;
    line-height: 1.45;
}

@media (prefers-reduced-motion: reduce) {
    .photo-video-requirements__first-response-help
        summary .oi-chevron-bottom {
        transition: none;
    }
}

.photo-video-requirements__first-response-workspace
    :is(button, a[href], summary):focus-visible {
    outline: 3px solid #facc15;
    outline-offset: 3px;
}

.photo-video-requirements__empty-hero {
    display: grid;
    gap: 0.65rem;
    width: min(62rem, 100%);
    margin: 0 auto;
    padding: 3rem 0 1.2rem;
    text-align: left;
}

.photo-video-requirements__empty-eyebrow,
.photo-video-requirements__empty-state-label {
    color: #93c5fd;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.025em;
}

.photo-video-requirements__empty-hero h1 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(2.35rem, 5vw, 3.7rem);
    line-height: 1.02;
    letter-spacing: -0.025em;
}

.photo-video-requirements__empty-hero p {
    max-width: 45rem;
    margin: 0;
    color: #d1d5db;
    font-size: 1rem;
    line-height: 1.55;
}

.photo-video-requirements__empty-status {
    width: min(62rem, 100%);
    margin: 0 auto;
}

.photo-video-requirements__empty-workspace {
    display: grid;
    gap: 1rem;
    width: min(62rem, 100%);
    min-width: 0;
    margin: 0 auto;
    padding: 1.5rem;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 10px;
    background: #2b2d31;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.16);
}

.photo-video-requirements__empty-header {
    display: grid;
    justify-items: center;
    gap: 0.55rem;
    max-width: 42rem;
    margin: 0 auto;
    text-align: center;
}

.photo-video-requirements__empty-header h2,
.photo-video-requirements__share-options h3,
.photo-video-requirements__provider-preview h3 {
    margin: 0;
    color: #ffffff;
    line-height: 1.18;
}

.photo-video-requirements__empty-header h2 {
    font-size: 1.55rem;
}

.photo-video-requirements__empty-header p {
    margin: 0;
    color: #d1d5db;
    font-size: 0.95rem;
    line-height: 1.5;
}

.photo-video-requirements__empty-icon {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(148, 163, 184, 0.26);
    border-radius: 999px;
    color: #9ca3af;
    font-size: 1.1rem;
    line-height: 1;
}

.photo-video-requirements__empty-meta {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.45rem;
    color: #9ca3af;
    font-size: 0.88rem;
    line-height: 1.4;
}

.photo-video-requirements__empty-link {
    display: grid;
    gap: 0.4rem;
}

.photo-video-requirements__empty-link label,
.photo-video-requirements__empty-manual-copy > span {
    color: #d1d5db;
    font-size: 0.82rem;
    font-weight: 750;
}

.photo-video-requirements__empty-link input,
.photo-video-requirements__empty-manual-copy textarea {
    width: 100%;
    min-height: 48px;
    border: 1px solid rgba(148, 163, 184, 0.3);
    border-radius: 8px;
    background: #1b1c1e;
    color: #e5e7eb;
    font: inherit;
}

.photo-video-requirements__empty-link input {
    padding: 0.7rem 0.85rem;
    text-overflow: ellipsis;
}

.photo-video-requirements__empty-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.photo-video-requirements__empty-actions .admin-command-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    width: 100%;
    min-height: 48px;
}

.photo-video-requirements__empty-actions .photo-video-requirements__empty-primary-action {
    border-color: #3b82f6;
    background: #2563eb;
}

.photo-video-requirements__empty-actions .photo-video-requirements__empty-primary-action:hover {
    border-color: #60a5fa;
    background: #1d4ed8;
}

.photo-video-requirements__empty-refresh {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    width: fit-content;
    min-width: 44px;
    min-height: 44px;
    margin: -0.25rem auto 0;
    padding: 0.55rem 0.8rem;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #93c5fd;
    cursor: pointer;
    font: inherit;
    font-size: 0.88rem;
    font-weight: 800;
}

.photo-video-requirements__empty-refresh:hover {
    background: rgba(96, 165, 250, 0.1);
    color: #dbeafe;
}

.photo-video-requirements__empty-refresh:disabled {
    cursor: wait;
    opacity: 0.68;
}

.photo-video-requirements__share-options {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
    border: 1px solid rgba(96, 165, 250, 0.2);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.055);
}

.photo-video-requirements__share-options > div:first-child {
    display: grid;
    gap: 0.25rem;
}

.photo-video-requirements__share-options h3 {
    font-size: 1.15rem;
}

.photo-video-requirements__share-option-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.7rem;
}

.photo-video-requirements__share-option {
    display: grid;
    grid-template-columns: 1.6rem minmax(0, 1fr);
    gap: 0.7rem;
    align-items: start;
    min-width: 0;
    min-height: 88px;
    padding: 0.85rem;
    border: 1px solid rgba(148, 163, 184, 0.26);
    border-radius: 8px;
    background: #232529;
    color: #f8fafc;
    cursor: pointer;
    font: inherit;
    text-align: left;
}

.photo-video-requirements__share-option:hover {
    border-color: rgba(96, 165, 250, 0.56);
    background: rgba(96, 165, 250, 0.09);
}

.photo-video-requirements__share-option > .oi {
    margin-top: 0.1rem;
    color: #60a5fa;
    font-size: 1rem;
    line-height: 1.2;
}

.photo-video-requirements__share-option > span:last-child {
    display: grid;
    gap: 0.24rem;
    min-width: 0;
}

.photo-video-requirements__share-option strong {
    color: #ffffff;
    font-size: 0.9rem;
    line-height: 1.25;
}

.photo-video-requirements__share-option small {
    color: #d1d5db;
    font-size: 0.82rem;
    line-height: 1.38;
}

.photo-video-requirements__empty-manual-copy {
    display: grid;
    gap: 0.4rem;
}

.photo-video-requirements__empty-manual-copy textarea {
    min-height: 96px;
    padding: 0.75rem 0.85rem;
    resize: vertical;
}

.photo-video-requirements__empty-boundary {
    display: grid;
    grid-template-columns: 1.2rem minmax(0, 1fr);
    gap: 0.65rem;
    align-items: start;
    padding-top: 0.2rem;
    color: #d1d5db;
    font-size: 0.88rem;
    line-height: 1.45;
}

.photo-video-requirements__empty-boundary .oi {
    color: #9ca3af;
    line-height: 1.35;
}

.photo-video-requirements__empty-disclosure {
    border-top: 1px solid rgba(148, 163, 184, 0.22);
}

.photo-video-requirements__empty-disclosure summary {
    display: grid;
    grid-template-columns: 1.25rem minmax(0, 1fr) 1rem;
    gap: 0.65rem;
    align-items: center;
    min-height: 52px;
    color: #f8fafc;
    cursor: pointer;
    font-size: 0.92rem;
    font-weight: 800;
    list-style: none;
}

.photo-video-requirements__empty-disclosure summary::-webkit-details-marker {
    display: none;
}

.photo-video-requirements__empty-disclosure summary .oi {
    color: #9ca3af;
    line-height: 1;
}

.photo-video-requirements__empty-disclosure summary .oi-chevron-bottom {
    transition: transform 160ms ease;
}

.photo-video-requirements__empty-disclosure[open] summary .oi-chevron-bottom {
    transform: rotate(180deg);
}

.photo-video-requirements__provider-preview {
    display: grid;
    gap: 0.8rem;
    margin-bottom: 0.9rem;
    padding: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 8px;
    background: #232529;
}

.photo-video-requirements__provider-preview h3 {
    font-size: 1.25rem;
}

.photo-video-requirements__provider-preview dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    margin: 0;
}

.photo-video-requirements__provider-preview dl div {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
    padding: 0.7rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.55);
}

.photo-video-requirements__provider-preview dt {
    color: #9ca3af;
    font-size: 0.75rem;
    font-weight: 800;
}

.photo-video-requirements__provider-preview dd {
    margin: 0;
    color: #f8fafc;
    font-size: 0.9rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.photo-video-requirements__provider-preview .admin-command-button {
    width: fit-content;
    min-height: 44px;
}

.photo-video-requirements__empty-disclosure ol {
    display: grid;
    gap: 0.62rem;
    margin: 0 0 0.9rem;
    padding-left: 1.35rem;
    color: #d1d5db;
    font-size: 0.9rem;
    line-height: 1.45;
}

.photo-video-requirements__empty-next-steps-card {
    width: min(62rem, 100%);
    margin: 0.5rem auto 0;
    padding: 0 1.5rem;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 10px;
    background: #2b2d31;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.12);
}

/* Multi-response review workspace: compare, inspect, shortlist, then prepare. */
.photo-video-requirements__response-review-hero {
    display: grid;
    gap: 0.55rem;
    padding: 2.25rem 0 1.2rem;
}

.photo-video-requirements__response-review-hero h1 {
    max-width: 58rem;
    margin: 0;
    color: #ffffff;
    font-size: clamp(2.2rem, 4.2vw, 3.55rem);
    line-height: 1.02;
    letter-spacing: -0.03em;
}

.photo-video-requirements__response-review-hero p {
    max-width: 58rem;
    margin: 0;
    color: #cbd5e1;
    font-size: 1rem;
    line-height: 1.55;
}

.photo-video-requirements__response-workspace {
    display: grid;
    gap: 1rem;
    min-width: 0;
    padding: 1.25rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 12px;
    background:
        linear-gradient(140deg, rgba(96, 165, 250, 0.035), transparent 30rem),
        #232529;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.2);
}

.photo-video-requirements__response-view-tabs {
    display: flex;
    gap: 0.35rem;
    align-items: end;
    min-height: 52px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.24);
}

.photo-video-requirements__response-view-tabs button,
.photo-video-requirements__response-detail-tabs button {
    display: inline-flex;
    gap: 0.55rem;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 48px;
    padding: 0.7rem 0.95rem;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: #9ca3af;
    cursor: pointer;
    font: inherit;
    font-size: 0.9rem;
    font-weight: 800;
}

.photo-video-requirements__response-view-tabs button:hover,
.photo-video-requirements__response-detail-tabs button:hover {
    background: rgba(96, 165, 250, 0.07);
    color: #e5e7eb;
}

.photo-video-requirements__response-view-tabs button.is-active,
.photo-video-requirements__response-detail-tabs button.is-active {
    border-bottom-color: #60a5fa;
    color: #ffffff;
}

.photo-video-requirements__response-view-tabs button > span {
    display: grid;
    place-items: center;
    min-width: 1.5rem;
    min-height: 1.5rem;
    padding-inline: 0.35rem;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.14);
    color: #cbd5e1;
    font-size: 0.75rem;
}

.photo-video-requirements__response-view-tabs button.is-active > span {
    background: rgba(96, 165, 250, 0.18);
    color: #bfdbfe;
}

.photo-video-requirements__response-help {
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.45);
}

.photo-video-requirements__response-help summary {
    display: grid;
    grid-template-columns: 1.25rem minmax(0, 1fr) 1rem;
    gap: 0.65rem;
    align-items: center;
    min-height: 48px;
    padding: 0 0.9rem;
    color: #e5e7eb;
    cursor: pointer;
    font-size: 0.88rem;
    font-weight: 800;
    list-style: none;
}

.photo-video-requirements__response-help summary::-webkit-details-marker {
    display: none;
}

.photo-video-requirements__response-help summary .oi {
    color: #60a5fa;
}

.photo-video-requirements__response-help summary .oi-chevron-bottom {
    transition: transform 160ms ease;
}

.photo-video-requirements__response-help[open] summary .oi-chevron-bottom {
    transform: rotate(180deg);
}

.photo-video-requirements__response-help > div {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem;
    padding: 0 0.9rem 0.9rem;
    color: #cbd5e1;
    font-size: 0.84rem;
    line-height: 1.45;
}

.photo-video-requirements__response-help strong {
    color: #ffffff;
}

.photo-video-requirements__response-overview-header {
    display: flex;
    gap: 1rem;
    align-items: end;
    justify-content: space-between;
    padding: 0.4rem 0 0.1rem;
}

.photo-video-requirements__response-overview-header > div {
    display: grid;
    gap: 0.3rem;
}

.photo-video-requirements__response-overview-header h2,
.photo-video-requirements__response-empty h2 {
    margin: 0;
    color: #ffffff;
    font-size: 1.4rem;
    line-height: 1.2;
}

.photo-video-requirements__response-overview-header p,
.photo-video-requirements__response-empty p {
    margin: 0;
    color: #9ca3af;
    font-size: 0.9rem;
    line-height: 1.45;
}

.photo-video-requirements__response-overview-header > span {
    display: inline-flex;
    gap: 0.45rem;
    align-items: center;
    min-height: 36px;
    padding: 0.35rem 0.7rem;
    border: 1px solid rgba(96, 165, 250, 0.2);
    border-radius: 999px;
    background: rgba(96, 165, 250, 0.07);
    color: #bfdbfe;
    font-size: 0.8rem;
    font-weight: 750;
    white-space: nowrap;
}

.photo-video-requirements__response-card-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.photo-video-requirements__response-summary-card {
    display: grid;
    gap: 1rem;
    min-width: 0;
    padding: 1.1rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 10px;
    background: #2b2d31;
}

.photo-video-requirements__response-summary-card:hover {
    border-color: rgba(96, 165, 250, 0.38);
}

.photo-video-requirements__response-summary-card header,
.photo-video-requirements__response-detail-header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.8rem;
    align-items: center;
}

.photo-video-requirements__response-summary-card header > span:last-child,
.photo-video-requirements__response-detail-header > span:last-child {
    display: grid;
    gap: 0.24rem;
    min-width: 0;
}

.photo-video-requirements__response-summary-card h3,
.photo-video-requirements__response-detail-header h2 {
    margin: 0;
    color: #ffffff;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.photo-video-requirements__response-summary-card h3 {
    font-size: 1.18rem;
}

.photo-video-requirements__response-summary-card header small,
.photo-video-requirements__response-detail-header small {
    color: #9ca3af;
    font-size: 0.78rem;
    overflow-wrap: anywhere;
}

.photo-video-requirements__provider-avatar {
    display: grid;
    place-items: center;
    width: 2.6rem;
    height: 2.6rem;
    border: 1px solid rgba(96, 165, 250, 0.3);
    border-radius: 10px;
    background: linear-gradient(145deg, rgba(96, 165, 250, 0.18), rgba(37, 99, 235, 0.08));
    color: #bfdbfe;
    font-size: 0.82rem;
    font-weight: 900;
    letter-spacing: 0.03em;
}

.photo-video-requirements__provider-avatar--large {
    width: 3.25rem;
    height: 3.25rem;
    font-size: 0.95rem;
}

.photo-video-requirements__response-summary-card
    .photo-video-requirements__response-comparison {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
    margin: 0;
}

.photo-video-requirements__response-summary-card
    .photo-video-requirements__response-comparison > div {
    min-width: 0;
    padding: 0.7rem;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.55);
}

.photo-video-requirements__response-summary-card
    .photo-video-requirements__response-comparison > div:last-child {
    grid-column: 1 / -1;
    min-height: 7rem;
}

.photo-video-requirements__response-summary-card
    .photo-video-requirements__response-comparison dt {
    display: flex;
    gap: 0.4rem;
    align-items: center;
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.035em;
}

.photo-video-requirements__response-summary-card
    .photo-video-requirements__response-comparison dt .oi {
    color: #60a5fa;
}

.photo-video-requirements__response-summary-card
    .photo-video-requirements__response-comparison dd {
    margin: 0.35rem 0 0;
    color: #f8fafc;
    font-size: 0.86rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.photo-video-requirements__response-card-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    margin-top: auto;
}

.photo-video-requirements__response-card-actions .admin-command-button {
    width: 100%;
    min-height: 46px;
}

.photo-video-requirements__response-boundary,
.photo-video-requirements__response-footer-boundary {
    display: grid;
    grid-template-columns: 1.3rem minmax(0, 1fr);
    gap: 0.65rem;
    align-items: start;
    color: #cbd5e1;
    font-size: 0.84rem;
    line-height: 1.45;
}

.photo-video-requirements__response-status {
    margin: 0;
    padding: 0.72rem 0.8rem;
    border: 1px solid rgba(96, 165, 250, 0.3);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.1);
    color: #dbeafe;
    font-size: 0.84rem;
    line-height: 1.4;
}

.photo-video-requirements__response-boundary {
    margin-top: 1rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid rgba(250, 204, 21, 0.18);
    border-radius: 8px;
    background: rgba(250, 204, 21, 0.055);
}

.photo-video-requirements__response-boundary .oi {
    color: #facc15;
}

.photo-video-requirements__response-boundary strong {
    display: block;
    color: #fef3c7;
}

.photo-video-requirements__response-footer-boundary {
    width: fit-content;
    margin: 1rem auto 0;
    color: #9ca3af;
    text-align: center;
}

.photo-video-requirements__response-footer-boundary .oi {
    color: #60a5fa;
}

.photo-video-requirements__response-detail-layout {
    display: grid;
    grid-template-columns: minmax(15.5rem, 0.34fr) minmax(0, 0.66fr);
    gap: 1rem;
    min-width: 0;
}

.photo-video-requirements__response-provider-list,
.photo-video-requirements__response-detail {
    min-width: 0;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 10px;
    background: #2b2d31;
}

.photo-video-requirements__response-provider-list {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    padding: 0.85rem;
}

.photo-video-requirements__response-section-label {
    color: #9ca3af;
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 850;
    letter-spacing: 0.055em;
    line-height: 1.3;
    text-transform: uppercase;
}

.photo-video-requirements__response-provider-list > button {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.65rem;
    align-items: center;
    min-width: 44px;
    min-height: 62px;
    padding: 0.6rem;
    border: 1px solid transparent;
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.52);
    color: #e5e7eb;
    cursor: pointer;
    font: inherit;
    text-align: left;
}

.photo-video-requirements__response-provider-list > button:hover {
    border-color: rgba(96, 165, 250, 0.28);
    background: rgba(96, 165, 250, 0.07);
}

.photo-video-requirements__response-provider-list > button.is-active {
    border-color: rgba(96, 165, 250, 0.45);
    background: rgba(96, 165, 250, 0.11);
    box-shadow: inset 3px 0 0 #60a5fa;
}

.photo-video-requirements__response-provider-list > button > span:nth-child(2) {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.photo-video-requirements__response-provider-list > button strong {
    color: #ffffff;
    font-size: 0.86rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.photo-video-requirements__response-provider-list > button small {
    color: #9ca3af;
    font-size: 0.75rem;
}

.photo-video-requirements__response-provider-list > button > .oi {
    color: #60a5fa;
    font-size: 0.72rem;
}

.photo-video-requirements__response-peer {
    display: grid;
    gap: 0.55rem;
    margin-top: auto;
    padding: 0.8rem;
    border: 1px solid rgba(148, 163, 184, 0.15);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.55);
}

.photo-video-requirements__response-peer strong {
    color: #ffffff;
    font-size: 0.9rem;
}

.photo-video-requirements__response-peer small {
    display: -webkit-box;
    overflow: hidden;
    color: #9ca3af;
    font-size: 0.76rem;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.photo-video-requirements__response-peer .admin-command-button {
    width: 100%;
}

.photo-video-requirements__response-detail {
    display: grid;
    gap: 1rem;
    padding: 1.1rem;
}

.photo-video-requirements__response-detail-header h2 {
    font-size: 1.5rem;
}

.photo-video-requirements__response-detail-tabs {
    display: flex;
    gap: 0.1rem;
    overflow-x: auto;
    border-bottom: 1px solid rgba(148, 163, 184, 0.22);
    scrollbar-width: thin;
}

.photo-video-requirements__response-detail-tabs button {
    flex: 0 0 auto;
}

.photo-video-requirements__response-detail-panel {
    min-height: 17rem;
}

.photo-video-requirements__response-detail-panel > div {
    display: grid;
    gap: 1rem;
}

.photo-video-requirements__response-summary-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
}

.photo-video-requirements__response-summary-grid > span,
.photo-video-requirements__response-note,
.photo-video-requirements__response-request-context > div {
    display: grid;
    gap: 0.28rem;
    min-width: 0;
    padding: 0.85rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.58);
}

.photo-video-requirements__response-summary-grid small,
.photo-video-requirements__response-note small {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

.photo-video-requirements__response-summary-grid strong {
    color: #ffffff;
    font-size: 1rem;
}

.photo-video-requirements__response-summary-grid em {
    color: #9ca3af;
    font-size: 0.74rem;
    font-style: normal;
}

.photo-video-requirements__response-note p,
.photo-video-requirements__response-quote {
    margin: 0;
    color: #f8fafc;
    font-size: 0.92rem;
    line-height: 1.55;
}

.photo-video-requirements__response-truth-note {
    display: grid;
    grid-template-columns: 1.15rem minmax(0, 1fr);
    gap: 0.6rem;
    align-items: start;
    margin: 0;
    padding: 0.8rem;
    border: 1px solid rgba(96, 165, 250, 0.2);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.065);
    color: #cbd5e1;
    font-size: 0.82rem;
    line-height: 1.45;
}

.photo-video-requirements__response-truth-note .oi {
    color: #60a5fa;
}

.photo-video-requirements__response-truth-note strong {
    color: #dbeafe;
}

.photo-video-requirements__response-detail-panel h3 {
    margin: 0;
    color: #ffffff;
    font-size: 1.16rem;
}

.photo-video-requirements__response-quote {
    padding: 1rem;
    border-left: 3px solid #60a5fa;
    border-radius: 0 8px 8px 0;
    background: rgba(27, 28, 30, 0.62);
}

.photo-video-requirements__response-request-context {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    margin: 0;
}

.photo-video-requirements__response-request-context dt {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.photo-video-requirements__response-request-context dd {
    margin: 0;
    color: #ffffff;
    font-size: 0.85rem;
    line-height: 1.4;
}

.photo-video-requirements__response-evidence-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.8rem;
    align-items: center;
    padding: 1rem;
    border: 1px solid rgba(96, 165, 250, 0.2);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.055);
}

.photo-video-requirements__response-evidence-card > span:nth-child(2) {
    display: grid;
    gap: 0.25rem;
}

.photo-video-requirements__response-evidence-card p {
    margin: 0;
    color: #cbd5e1;
    font-size: 0.82rem;
    line-height: 1.45;
}

.photo-video-requirements__response-evidence-card .admin-command-button {
    white-space: nowrap;
}

.photo-video-requirements__response-evidence-boundary {
    display: grid;
    gap: 0.7rem;
    padding: 1rem;
    border: 1px solid rgba(250, 204, 21, 0.22);
    border-radius: 8px;
    background: rgba(250, 204, 21, 0.055);
}

.photo-video-requirements__response-evidence-boundary .status-pill {
    width: fit-content;
}

.photo-video-requirements__response-evidence-boundary ul {
    display: grid;
    gap: 0.45rem;
    margin: 0;
    padding-left: 1.2rem;
    color: #e5e7eb;
    font-size: 0.84rem;
    line-height: 1.45;
}

.photo-video-requirements__response-action-rail {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(14rem, auto);
    gap: 1rem;
    align-items: center;
    padding: 0.9rem;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.075);
}

.photo-video-requirements__response-action-rail > span {
    display: grid;
    gap: 0.22rem;
}

.photo-video-requirements__response-action-rail > span > strong {
    color: #ffffff;
    font-size: 1rem;
}

.photo-video-requirements__response-action-rail > span > small {
    color: #cbd5e1;
    font-size: 0.8rem;
    line-height: 1.4;
}

.photo-video-requirements__response-action-rail > div {
    display: flex;
    gap: 0.55rem;
    justify-content: end;
}

.photo-video-requirements__response-action-rail .admin-command-button {
    min-height: 46px;
}

.photo-video-requirements__response-empty {
    display: grid;
    gap: 0.7rem;
    justify-items: center;
    padding: 3rem 1rem;
    text-align: center;
}

.photo-video-requirements__response-empty > .oi {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 50%;
    background: rgba(96, 165, 250, 0.08);
    color: #60a5fa;
}

.photo-video-requirements__response-workspace
    :is(button, a[href], summary):focus-visible,
.photo-video-requirements__response-review-hero h1:focus-visible {
    outline: 3px solid #facc15;
    outline-offset: 3px;
}

@media (max-width: 960px) {
    .photo-video-requirements__response-card-grid,
    .photo-video-requirements__response-detail-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .photo-video-requirements__response-provider-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .photo-video-requirements__response-provider-list
        > .photo-video-requirements__response-section-label,
    .photo-video-requirements__response-peer {
        grid-column: 1 / -1;
    }

    .photo-video-requirements__response-peer {
        margin-top: 0;
    }
}

@media (max-width: 720px) {
    .photo-video-requirements__response-review-hero {
        padding: 1.2rem 0 0.65rem;
    }

    .photo-video-requirements__response-review-hero h1 {
        font-size: 2.15rem;
    }

    .photo-video-requirements__response-workspace {
        margin-inline: -0.2rem;
        padding: 0.85rem;
    }

    .photo-video-requirements__response-view-tabs {
        overflow-x: auto;
    }

    .photo-video-requirements__response-help > div,
    .photo-video-requirements__response-provider-list,
    .photo-video-requirements__response-summary-grid,
    .photo-video-requirements__response-request-context,
    .photo-video-requirements__response-card-actions,
    .photo-video-requirements__response-action-rail {
        grid-template-columns: minmax(0, 1fr);
    }

    .photo-video-requirements__response-overview-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .photo-video-requirements__response-evidence-card {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .photo-video-requirements__response-evidence-card .admin-command-button {
        grid-column: 1 / -1;
        width: 100%;
        white-space: normal;
    }

    .photo-video-requirements__response-action-rail > div {
        display: grid;
        justify-content: stretch;
    }

    .photo-video-requirements__response-action-rail .admin-command-button {
        width: 100%;
    }
}

.photo-video-requirements__empty-workspace
    :is(button, a[href], input, textarea, summary):focus-visible,
.photo-video-requirements__empty-next-steps-card summary:focus-visible {
    outline: 3px solid #facc15;
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    .photo-video-requirements__empty-disclosure summary .oi-chevron-bottom {
        transition: none;
    }
}

.photo-video-requirements__response form {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.75rem;
}

.photo-video-requirements__response {
    gap: 0.75rem;
}

.photo-video-requirements__submitted {
    display: grid;
    gap: 0.5rem;
    margin: 0;
}

.photo-video-requirements__response .photo-video-requirements__response-count,
.photo-video-requirements__response .photo-video-requirements__submitted div {
    padding: 0.62rem;
}

.photo-video-requirements__response .proposal-field {
    grid-column: 1 / -1;
}

.photo-video-requirements__response-count strong {
    color: #ffffff;
    font-size: 1.8rem;
    line-height: 1;
}

@media (max-width: 1180px) {
    .photo-video-requirements__workspace {
        grid-template-columns: minmax(0, 1fr);
    }

    .photo-video-requirements__preview {
        position: static;
    }

    .photo-video-requirements__step-status {
        flex: 0 0 auto;
        width: 1.18rem;
        min-width: 1.18rem;
        height: 1.18rem;
        min-height: 1.18rem;
        padding: 0;
    }

    .photo-video-requirements__sheet-head {
        display: none;
    }

    .photo-video-requirements__sheet-row {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.48rem;
    }
}

@media (max-width: 900px) {
    .photo-video-requirements::before {
        background-size: 900px auto;
        opacity: 0.075;
    }

    .photo-video-requirements__topbar {
        align-items: flex-start;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .photo-video-requirements__topbar .audience-page__brand {
        flex: 1 1 100%;
        font-size: 1rem;
    }

    .photo-video-requirements__topbar .audience-page__brand-mark {
        flex-basis: 38px;
        width: 38px;
    }

    .photo-video-requirements__topbar .audience-page__brand-mark.hivesync-logo--lockup {
        flex-basis: min(100%, var(--hivesync-logo-lockup-width, 10rem));
        width: min(100%, var(--hivesync-logo-lockup-width, 10rem)) !important;
    }

    .photo-video-requirements__topbar .audience-page__nav-links {
        display: none;
    }

    .photo-video-requirements__topbar .audience-page__nav-links a {
        flex: 0 1 auto;
        min-width: 0;
        padding: 0 0.55rem;
        border: 1px solid rgba(148, 163, 184, 0.18);
        background: rgba(35, 37, 41, 0.74);
        text-align: center;
        white-space: normal;
    }

    .photo-video-requirements__hero,
    .photo-video-requirements__share-hero,
    .photo-video-requirements__workspace,
    .photo-video-requirements__share-grid,
    .photo-video-requirements__field-grid,
    .photo-video-requirements__optional-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .photo-video-requirements__hero,
    .photo-video-requirements__share-hero {
        gap: 1.25rem;
        padding: 1.5rem 0 1rem;
    }

    .photo-video-requirements--mandate-readback .photo-video-requirements__share-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .photo-video-requirements__hero h1,
    .photo-video-requirements__share-hero h1,
    .photo-video-requirements__missing h1 {
        font-size: 2rem;
        line-height: 1.08;
        overflow-wrap: anywhere;
    }

    .photo-video-requirements__hero p,
    .photo-video-requirements__share-hero p,
    .photo-video-requirements__boundary p,
    .photo-video-requirements__missing p {
        font-size: 0.95rem;
    }

    .photo-video-requirements__share-actions {
        grid-template-columns: minmax(0, 1fr);
    }

    .photo-video-requirements__steps button {
        min-width: 5.6rem;
        padding-inline: 0.68rem;
    }

    .photo-video-requirements__step-label {
        white-space: nowrap;
    }

    .photo-video-requirements__progress-actions {
        position: static;
        top: auto;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .photo-video-requirements__progress-actions .admin-command-button {
        width: 100%;
    }

    .photo-video-requirements__ready-summary,
    .photo-video-requirements__review-guide,
    .photo-video-requirements__handoff-steps,
    .photo-video-requirements__mandate-guide,
    .photo-video-requirements__mandate-boundary {
        grid-template-columns: minmax(0, 1fr);
    }

    .photo-video-requirements__ready-summary div {
        grid-template-columns: minmax(0, 1fr);
    }

    .photo-video-requirements__brief dl {
        grid-template-columns: minmax(0, 1fr);
    }

    .photo-video-requirements__readback-head {
        display: none;
    }

    .photo-video-requirements__readback-row {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.42rem;
    }

    .photo-video-requirements__preview {
        position: static;
    }

    .photo-video-requirements__shell {
        width: 100%;
        padding: 0.95rem 1rem 2.5rem;
    }

    .photo-video-requirements__form {
        gap: 0.95rem;
        min-height: auto;
        padding: 0;
        border: 0;
        background: transparent;
        --photo-video-requirements-sheet-min-height: 0;
    }

    .photo-video-requirements__sheet {
        gap: 1rem;
        min-height: 0;
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
    }

    .photo-video-requirements__sheet-section {
        gap: 1rem;
        min-height: 0;
    }

    .photo-video-requirements__sheet-row,
    .photo-video-requirements__sheet-row:nth-of-type(odd) {
        gap: 0.48rem;
        padding: 0;
        border-bottom: 0;
        background: transparent;
    }

    .photo-video-requirements__sheet-row:focus-within {
        background: transparent;
        box-shadow: none;
    }
}

@media (max-width: 640px) {
    .photo-video-requirements {
        overflow-x: hidden;
    }

    .photo-video-requirements__empty-hero {
        gap: 0.55rem;
        padding: 1rem 0 0.45rem;
        text-align: left;
    }

    .photo-video-requirements__first-response-hero {
        gap: 0.55rem;
        padding: 1rem 0 0.35rem;
        text-align: left;
    }

    .photo-video-requirements__first-response-hero h1 {
        font-size: 2.15rem;
    }

    .photo-video-requirements__first-response-hero p {
        margin: 0;
    }

    .photo-video-requirements__first-response-card {
        padding: 1rem;
    }

    .photo-video-requirements__share-card-body {
        padding: 1rem;
    }

    .photo-video-requirements__first-response-header {
        grid-template-columns: minmax(0, 1fr);
    }

    .photo-video-requirements__first-response-signals {
        min-width: 0;
        padding-top: 0.8rem;
        border-top: 1px solid rgba(148, 163, 184, 0.18);
    }

    .photo-video-requirements__first-response-path {
        grid-template-columns: minmax(0, 1fr);
    }

    .photo-video-requirements__first-response-path li + li {
        border-top: 1px solid rgba(148, 163, 184, 0.16);
        border-left: 0;
    }

    .photo-video-requirements--review
        .photo-video-requirements__first-response-facts {
        grid-template-columns: minmax(0, 1fr);
    }

    .photo-video-requirements__first-response-action-rail {
        grid-template-columns: minmax(0, 1fr);
    }

    .photo-video-requirements__first-response-details-heading {
        align-items: flex-start;
    }

    .photo-video-requirements__first-response-hide {
        margin-left: -0.7rem;
    }

    .photo-video-requirements__empty-hero h1 {
        font-size: 2.2rem;
    }

    .photo-video-requirements__empty-hero p {
        margin: 0;
    }

    .photo-video-requirements__empty-workspace {
        gap: 0.9rem;
        padding: 1rem;
    }

    .photo-video-requirements__empty-next-steps-card {
        padding: 0 1rem;
    }

    .photo-video-requirements__empty-actions,
    .photo-video-requirements__share-option-grid,
    .photo-video-requirements__provider-preview dl {
        grid-template-columns: minmax(0, 1fr);
    }

    .photo-video-requirements__share-option {
        min-height: 76px;
    }

    .photo-video-requirements__provider-preview .admin-command-button {
        width: 100%;
    }

    .photo-video-requirements__topbar {
        position: static;
        min-height: 64px;
        padding: 0.7rem 0.9rem;
    }

    .photo-video-requirements__topbar .audience-page__brand {
        flex-basis: auto;
        min-height: 44px;
    }

    .photo-video-requirements__topbar .audience-page__nav-links {
        display: none;
    }

    .photo-video-requirements__workspace {
        gap: 0.85rem;
    }

    .photo-video-requirements__form {
        gap: 0.85rem;
        min-height: auto;
    }

    .photo-video-requirements__shell {
        padding: 0.8rem 0.9rem 2rem;
    }

    .photo-video-requirements__hero[data-testid="photo-video-owner-confirmation"]
        .photo-video-requirements__actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
    }

    .photo-video-requirements__hero[data-testid="photo-video-owner-confirmation"]
        .photo-video-requirements__actions
        .admin-command-button {
        width: 100%;
    }

    .photo-video-requirements__form header h2 {
        margin-top: 0.5rem;
        font-size: 1.25rem;
    }

    .photo-video-requirements__steps {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.42rem;
        margin-inline: -0.08rem;
        padding: 0.08rem 0.08rem 0.22rem;
        overflow: visible;
    }

    .photo-video-requirements__steps button {
        width: 100%;
        min-width: 0;
        min-height: 46px;
        padding-inline: 0.48rem;
        font-size: 0.78rem;
    }

    .photo-video-requirements__sheet {
        gap: 0.95rem;
    }

    .photo-video-requirements__sheet-section {
        gap: 1rem;
    }

    .photo-video-requirements__sheet-row,
    .photo-video-requirements__sheet-row:nth-of-type(odd) {
        gap: 0.45rem;
    }

    .photo-video-requirements__sheet-row > label,
    .photo-video-requirements__sheet-row > span:first-child {
        font-size: 0.92rem;
    }

    .photo-video-requirements__sheet input,
    .photo-video-requirements__sheet select,
    .photo-video-requirements__sheet textarea {
        min-height: 46px;
        border-color: rgba(148, 163, 184, 0.24);
        background: rgba(14, 20, 24, 0.78);
    }

    .photo-video-requirements__date-control {
        grid-template-columns: minmax(0, 1fr) minmax(4.8rem, 0.58fr) minmax(5.6rem, 0.7fr);
        gap: 0.42rem;
    }

    .photo-video-requirements__progress-actions {
        padding: 0.72rem;
    }

    .photo-video-requirements__boundary-note,
    .photo-video-requirements__actions {
        display: none;
    }

    .photo-video-requirements--share .photo-video-requirements__boundary-note,
    .photo-video-requirements--review .photo-video-requirements__boundary-note {
        display: block;
    }

    .photo-video-requirements--review .photo-video-requirements__actions {
        display: flex;
    }
}

/* Focused quote-wizard treatment for the photo/video requirements builder. */
.photo-video-requirements[data-testid="photo-video-requirements-builder"] {
    background:
        radial-gradient(circle at 85% 8%, rgba(96, 165, 250, 0.12), transparent 28rem),
        #1b1c1e;
    color: #f8fafc;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    :is(button, a[href], input, select, textarea, summary) {
    min-height: 44px;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    :is(button, a[href]) {
    min-width: 44px;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    :is(button, a[href], input, select, textarea, summary):focus-visible {
    outline: 2px solid #bfdbfe;
    outline-offset: 2px;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    :is(.photo-video-requirements__builder-header, .provider-quote-page__header) {
    display: grid;
    gap: 0.12rem;
    width: min(100%, 50rem);
    max-width: 50rem;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    :is(.photo-video-requirements__builder-header, .provider-quote-page__header) h1 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(2rem, 3.8vw, 3.12rem);
    line-height: 0.95;
    overflow-wrap: anywhere;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    :is(.photo-video-requirements__builder-header, .provider-quote-page__header) > p {
    max-width: 44rem;
    margin: 0.45rem 0 0;
    color: #cbd5e1;
    font-size: 0.95rem;
    line-height: 1.45;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    :is(.photo-video-requirements__back,
        .photo-video-requirements__builder-back,
        .provider-quote-page__back) {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.45rem;
    width: fit-content;
    min-width: 44px;
    min-height: 44px;
    padding: 0 0.25rem;
    color: #93c5fd;
    font-size: 0.86rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    :is(.photo-video-requirements__back,
        .photo-video-requirements__builder-back,
        .provider-quote-page__back) .oi {
    top: 0;
    color: currentColor;
    font-size: 0.78rem;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    :is(.photo-video-requirements__back,
        .photo-video-requirements__builder-back,
        .provider-quote-page__back):hover {
    color: #ffffff;
    text-decoration: underline;
    text-underline-offset: 0.22rem;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    .photo-video-requirements__form {
    --photo-video-requirements-sheet-min-height: clamp(36rem, 68vh, 42rem);
    gap: clamp(0.9rem, 1.15vw, 1.1rem);
    padding: clamp(0.85rem, 1.35vw, 1.15rem);
    border: 0;
    background: transparent;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    :is(.photo-video-requirements__sheet, .photo-video-requirements__progress-actions) {
    width: min(100%, 50rem);
    max-width: 50rem;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    .photo-video-requirements__sheet {
    border-color: #718096;
    background: #2b2d31;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.16);
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    .photo-video-requirements__preview {
    border-color: #718096;
    background: #2b2d31;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    .photo-video-requirements__sheet-head {
    border-bottom-color: #718096;
    background: rgba(96, 165, 250, 0.11);
    color: #cbd5e1;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    .photo-video-requirements__sheet-row {
    border-bottom-color: rgba(148, 163, 184, 0.3);
    background: rgba(255, 255, 255, 0.015);
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    .photo-video-requirements__sheet-row:nth-of-type(odd) {
    background: rgba(255, 255, 255, 0.035);
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    .photo-video-requirements__sheet-row:focus-within {
    background: rgba(96, 165, 250, 0.1);
    box-shadow: inset 3px 0 0 #60a5fa;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    .photo-video-requirements__sheet :is(input, select, textarea) {
    border-color: #718096;
    background: #1b1c1e;
    color: #f8fafc;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    .photo-video-requirements__sheet :is(input, select, textarea):focus-visible {
    border-color: #93c5fd !important;
    box-shadow:
        0 0 0 3px rgba(96, 165, 250, 0.32),
        inset 0 0 0 1px #93c5fd !important;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    .guided-field-frame--required-empty:not(.guided-field-frame--invalid)
    :is(input, select, textarea) {
    border-color: #718096 !important;
    background: #1b1c1e;
    box-shadow: none !important;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    .guided-field-frame--required-empty:not(.guided-field-frame--invalid):focus-within
    :is(input, select, textarea) {
    border-color: #93c5fd !important;
    box-shadow:
        0 0 0 3px rgba(96, 165, 250, 0.32),
        inset 0 0 0 1px #93c5fd !important;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    :is(.guided-field-frame--invalid input,
        .guided-field-frame--invalid select,
        .guided-field-frame--invalid textarea,
        .guided-field-frame [aria-invalid="true"]) {
    border-color: #fbbf24 !important;
    background:
        linear-gradient(0deg, rgba(251, 191, 36, 0.045), rgba(251, 191, 36, 0.045)),
        #1b1c1e;
    box-shadow:
        0 0 0 3px rgba(251, 191, 36, 0.2),
        inset 0 0 0 1px rgba(251, 191, 36, 0.72) !important;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    :is(.guided-field-frame__error,
        .photo-video-requirements__field-error,
        .photo-video-requirements__validation-status,
        .provider-quote-page__validation-status,
        .photo-video-requirements__copy-status--error) {
    color: #fcd34d;
    font-size: 0.8rem;
    font-weight: 850;
    line-height: 1.35;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    :is(.guided-field-frame__error,
        .photo-video-requirements__field-error,
        .photo-video-requirements__validation-status,
        .provider-quote-page__validation-status) {
    display: inline-flex;
    align-items: center;
    gap: 0.36rem;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    .photo-video-requirements__chip-field--invalid {
    padding: 0.55rem;
    border: 1px solid #fbbf24;
    border-radius: 8px;
    background: rgba(251, 191, 36, 0.07);
    box-shadow:
        0 0 0 3px rgba(251, 191, 36, 0.18),
        inset 0 0 0 1px rgba(251, 191, 36, 0.32);
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    :is(.guided-field-frame__error,
        .photo-video-requirements__field-error,
        .photo-video-requirements__validation-status,
        .provider-quote-page__validation-status) > .oi {
    top: 0;
    flex: 0 0 auto;
    color: #fbbf24;
    font-size: 0.8rem;
    line-height: 1;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    :is(.photo-video-requirements__validation-status,
        .provider-quote-page__validation-status,
        .photo-video-requirements__progress-actions [role="alert"]) {
    display: inline-flex;
    min-width: 0;
    max-width: 100%;
    padding: 0.5rem 0.62rem;
    border: 1px solid rgba(251, 191, 36, 0.62);
    border-radius: 7px;
    background: rgba(251, 191, 36, 0.09);
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    :is(.photo-video-requirements__section-heading,
        .photo-video-requirements__active-section-heading) {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.58rem;
    align-items: center;
    width: min(100%, 50rem);
    min-height: 44px;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    :is(.photo-video-requirements__section-heading,
        .photo-video-requirements__active-section-heading) > .oi {
    top: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    border: 1px solid rgba(96, 165, 250, 0.62);
    border-radius: 999px;
    background: rgba(96, 165, 250, 0.14);
    color: #93c5fd;
    font-size: 0.92rem;
    line-height: 1;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    :is(.photo-video-requirements__section-heading,
        .photo-video-requirements__active-section-heading) > div {
    display: grid;
    gap: 0.16rem;
    min-width: 0;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    :is(.photo-video-requirements__section-heading,
        .photo-video-requirements__active-section-heading) strong {
    color: #ffffff;
    font-size: 0.96rem;
    font-weight: 900;
    line-height: 1.2;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    :is(.photo-video-requirements__section-heading,
        .photo-video-requirements__active-section-heading) :is(span:not(.oi), p) {
    margin: 0;
    color: #93c5fd;
    font-size: 0.8rem;
    font-weight: 800;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    .provider-quote-page__task-tabs {
    align-items: center;
    gap: 0.08rem;
    width: min(100%, 50rem);
    overflow-x: auto;
    padding-bottom: 0;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    .provider-quote-page__task-tabs .public-landing__quote-task-tab {
    flex: 0 1 auto;
    justify-content: flex-start;
    min-width: 0;
    min-height: 44px;
    padding: 0.28rem 0.52rem;
    border-color: transparent;
    background: transparent;
    color: #94a3b8;
    font-size: 0.8rem;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    .provider-quote-page__task-tabs .public-landing__quote-task-tab:hover {
    border-color: rgba(96, 165, 250, 0.42);
    background: rgba(96, 165, 250, 0.07);
    color: #ffffff;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    .provider-quote-page__task-tabs .public-landing__quote-task-tab:focus-visible {
    border-color: #93c5fd;
    box-shadow:
        inset 0 0 0 2px rgba(255, 255, 255, 0.72),
        inset 0 0 0 4px rgba(96, 165, 250, 0.34);
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    .provider-quote-page__task-tabs .public-landing__quote-task-tab--active {
    border-color: rgba(96, 165, 250, 0.62);
    background: rgba(96, 165, 250, 0.1);
    box-shadow: inset 0 -3px 0 #60a5fa;
    color: #ffffff;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    .provider-quote-page__task-tabs
    .public-landing__quote-task-tab--next:not(.public-landing__quote-task-tab--active) {
    border-color: rgba(96, 165, 250, 0.62);
    background: rgba(96, 165, 250, 0.045);
    color: #bfdbfe;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    .provider-quote-page__task-tabs .public-landing__quote-task-tab--complete {
    border-color: transparent;
    background: transparent;
    color: #cbd5e1;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    .provider-quote-page__task-tabs
    .public-landing__quote-task-tab--active.public-landing__quote-task-tab--complete {
    border-color: rgba(96, 165, 250, 0.62);
    background: rgba(96, 165, 250, 0.1);
    box-shadow: inset 0 -3px 0 #60a5fa;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    .provider-quote-page__task-tabs .public-landing__quote-task-tab-status {
    width: 0.5rem;
    min-width: 0.5rem;
    height: 0.5rem;
    min-height: 0.5rem;
    border: 0;
    border-radius: 999px;
    background: #00e676;
    box-shadow: 0 0 0 3px rgba(0, 230, 118, 0.16);
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    .provider-quote-page__task-tabs
    .public-landing__quote-task-tab--targeted:not(.public-landing__quote-task-tab--active) {
    border-color: #93c5fd;
    background: rgba(96, 165, 250, 0.18);
    box-shadow:
        inset 0 0 0 2px rgba(147, 197, 253, 0.72),
        inset 0 -3px 0 #60a5fa;
    color: #ffffff;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    .provider-quote-page__task-tabs .public-landing__quote-task-tab--cue {
    animation: photo-video-next-step-pulse 900ms ease-out 2;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    .provider-quote-page__task-separator {
    display: inline-flex;
    flex: 0 0 clamp(1.25rem, 1.65vw, 1.7rem);
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    min-height: 44px;
    color: #718096;
    font-size: 0.66rem;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    .photo-video-requirements__progress-actions {
    position: static;
    top: auto;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(7rem, auto) minmax(0, 1fr) minmax(7rem, auto);
    grid-template-areas: "previous status next";
    gap: 0.75rem;
    align-items: center;
    min-height: 60px;
    margin-top: 0;
    padding: 0.65rem 0.72rem;
    border: 1px solid rgba(96, 165, 250, 0.62);
    border-radius: 8px;
    background: #2b2d31;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    .photo-video-requirements__progress-actions
    :is(.photo-video-requirements__previous-button, .provider-quote-page__previous-button) {
    grid-area: previous;
    justify-self: start;
    min-width: 7rem;
    min-height: 44px;
    margin-right: 0;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    .photo-video-requirements__progress-actions > p,
.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    .photo-video-requirements__progress-actions
    :is(.photo-video-requirements__progress-status, [role="status"], [role="alert"]) {
    grid-area: status;
    min-width: 0;
    margin: 0;
    color: #cbd5e1;
    font-size: 0.8rem;
    font-weight: 800;
    line-height: 1.35;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    .photo-video-requirements__progress-actions .photo-video-requirements__progress-status {
    display: inline-flex;
    align-items: center;
    gap: 0.36rem;
    width: auto;
    max-width: 100%;
    min-height: 44px;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    .photo-video-requirements__progress-actions .photo-video-requirements__next-button {
    grid-area: next;
    justify-self: end;
    min-width: 7rem;
    min-height: 44px;
    padding-inline: 0.95rem;
    border-color: #60a5fa;
    background: #2563eb;
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 900;
    white-space: nowrap;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    .photo-video-requirements__progress-actions .photo-video-requirements__next-button:hover {
    border-color: #bfdbfe;
    background: #1d4ed8;
    color: #ffffff;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    .photo-video-requirements__progress-actions .photo-video-requirements__next-button:focus-visible {
    border-color: #bfdbfe;
    background: #1d4ed8;
    box-shadow:
        0 0 0 3px rgba(96, 165, 250, 0.36),
        inset 0 0 0 1px rgba(255, 255, 255, 0.72);
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    .photo-video-requirements__progress-actions
    :is(.photo-video-requirements__previous-button, .provider-quote-page__secondary-button) {
    border-color: #718096;
    background: rgba(15, 23, 42, 0.52);
    color: #dbeafe;
}

.photo-video-requirements[data-testid="photo-video-requirements-builder"]
    .photo-video-requirements__progress-actions
    :is(.photo-video-requirements__previous-button, .provider-quote-page__secondary-button):hover {
    border-color: #60a5fa;
    background: rgba(96, 165, 250, 0.14);
    color: #ffffff;
}

@media (max-width: 640px) {
    .photo-video-requirements[data-testid="photo-video-requirements-builder"]
        .photo-video-requirements__form {
        --photo-video-requirements-sheet-min-height: 0;
        padding: 0;
    }

    .photo-video-requirements[data-testid="photo-video-requirements-builder"]
        .provider-quote-page__task-tabs {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.42rem;
        overflow: visible;
    }

    .photo-video-requirements[data-testid="photo-video-requirements-builder"]
        .provider-quote-page__task-tabs .public-landing__quote-task-tab {
        width: 100%;
        min-width: 0;
        min-height: 46px;
        padding-inline: 0.48rem;
    }

    .photo-video-requirements[data-testid="photo-video-requirements-builder"]
        .provider-quote-page__task-separator {
        display: none;
    }

    .photo-video-requirements[data-testid="photo-video-requirements-builder"]
        .photo-video-requirements__sheet {
        min-height: 0;
    }

    .photo-video-requirements[data-testid="photo-video-requirements-builder"]
        .photo-video-requirements__sheet-section {
        min-height: 0;
    }

    .photo-video-requirements[data-testid="photo-video-requirements-builder"]
        .photo-video-requirements__progress-actions {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "status"
            "previous"
            "next";
        gap: 0.5rem;
        width: 100%;
        min-height: 0;
        padding: 0.72rem;
    }

    .photo-video-requirements[data-testid="photo-video-requirements-builder"]
        .photo-video-requirements__progress-actions.guided-progress-action--rail-no-previous {
        grid-template-areas:
            "status"
            "next";
    }

    .photo-video-requirements[data-testid="photo-video-requirements-builder"]
        .photo-video-requirements__progress-actions .photo-video-requirements__progress-status {
        min-height: 0;
    }

    .photo-video-requirements[data-testid="photo-video-requirements-builder"]
        .photo-video-requirements__progress-actions
        :is(.photo-video-requirements__previous-button,
            .provider-quote-page__previous-button,
            .provider-quote-page__secondary-button,
            .photo-video-requirements__next-button) {
        justify-self: stretch;
        width: 100%;
        max-width: none;
    }

    .photo-video-requirements[data-testid="photo-video-requirements-builder"]
        :is(.photo-video-requirements__builder-header, .provider-quote-page__header) h1 {
        font-size: clamp(2rem, 10vw, 2.5rem);
        line-height: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .photo-video-requirements[data-testid="photo-video-requirements-builder"]
        .provider-quote-page__task-tabs .public-landing__quote-task-tab--cue {
        animation: none;
    }
}

.admin-client-mandate-console .admin-client-mandate-readiness-row {
    min-height: 28px;
}

.admin-client-mandate-console .admin-client-mandate-next a,
.admin-client-mandate-console .admin-client-mandate-runbook,
.admin-client-mandate-console .admin-client-mandate-readiness-row a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 28px;
    height: 28px;
    box-sizing: border-box;
}

.admin-client-mandate-console .admin-client-mandate-runbook {
    min-height: 34px;
    height: 34px;
}

.admin-client-mandate-console .admin-client-mandate-next li {
    min-height: 30px;
}

.client-mandate-proposal-one .client-mandate-contractor-invite {
    position: relative;
}

.admin-client-mandate-readiness-row a,
.admin-client-mandate-next a,
.admin-client-mandate-runbook {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    box-sizing: border-box;
}

.client-mandate-proposal-one .client-mandate-contractor-invite .client-mandate-invite-note {
    position: static;
    order: 3 !important;
    margin-top: 0;
}

.client-mandate-proposal-one .client-mandate-action-rail [data-testid="client-mandate-new-save-draft"].marketplace-action-link--quiet {
    border: 1px solid rgba(148, 163, 184, 0.48);
    background: transparent;
    box-shadow: none;
    color: #f8fafc;
}

.client-mandate-proposal-one .client-mandate-contractor-invite > p {
    order: 1 !important;
}

.client-mandate-proposal-one .client-mandate-contractor-invite .client-mandate-form-split {
    order: 2 !important;
    margin-top: 0;
}

.client-mandate-proposal-one .client-mandate-contractor-invite .client-mandate-sms-consent {
    order: 4;
}

.client-mandate-proposal-one .client-mandate-send-state__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 0.8rem;
}

.client-mandate-proposal-one .client-mandate-send-state__actions .marketplace-action-link {
    min-height: 44px;
}

@media (min-width: 1181px) and (max-height: 940px) {
    .client-mandate-proposal-one .client-mandate-builder-form {
        gap: 0.42rem;
        max-height: calc(100vh - 8.7rem);
    }

    .client-mandate-proposal-one .client-mandate-form-section,
    .client-mandate-proposal-one .client-mandate-contractor-invite,
    .client-mandate-proposal-one .client-mandate-criteria-editor {
        gap: 0.28rem;
    }

    .client-mandate-proposal-one .client-mandate-new-heading p,
    .client-mandate-proposal-one .client-mandate-form-section > p,
    .client-mandate-proposal-one .client-mandate-contractor-invite > p {
        margin-top: 0.12rem;
        line-height: 1.22;
    }

    .client-mandate-proposal-one .proposal-field {
        gap: 0.18rem;
    }

    .client-mandate-proposal-one .proposal-field textarea[data-testid="client-mandate-new-scope"] {
        min-height: 62px !important;
        height: 62px !important;
    }

    .client-mandate-proposal-one .proposal-field textarea[data-testid="client-mandate-new-constraints"] {
        min-height: 78px !important;
        height: 78px !important;
        padding-top: 0.42rem;
        padding-bottom: 0.42rem;
        line-height: 1.24;
    }

    .client-mandate-proposal-one .client-mandate-invite-note {
        min-height: 30px;
        padding-top: 0.3rem;
        padding-bottom: 0.3rem;
    }
}

.admin-client-mandate-console .admin-client-mandate-readiness-row,
.admin-client-mandate-console .admin-client-mandate-next li {
    min-height: 28px;
}

.admin-client-mandate-console .admin-client-mandate-readiness-row a,
.admin-client-mandate-console .admin-client-mandate-next a {
    min-height: 28px;
    height: 28px;
}

/* Client mandate visual audit polish */
@media (max-width: 1500px) {
    .admin-client-mandate-grid {
        grid-template-columns: minmax(420px, 1fr) minmax(420px, 1fr);
    }

    .admin-client-mandate-readiness {
        grid-column: 1 / -1;
    }

    .admin-client-mandate-main {
        overflow-y: auto;
        padding-bottom: 1.25rem;
    }
}

.client-mandate-proposal-d-filters button[aria-label="Mandate table settings"] {
    min-width: 44px !important;
    width: 44px !important;
}

.admin-client-mandate-console .admin-client-mandate-readiness-row {
    min-height: 44px;
}

.admin-client-mandate-console .admin-client-mandate-readiness-row a,
.admin-client-mandate-console .admin-client-mandate-next a,
.admin-client-mandate-console .admin-client-mandate-runbook {
    min-height: 44px;
    height: auto;
}

@media (max-width: 1180px) {
    .client-mandate-new-workspace.client-mandate-proposal-one {
        padding: 0 1rem 2rem !important;
    }

    .client-mandate-proposal-one .client-mandate-topbar {
        width: auto;
        min-height: 44px;
        margin: -0.35rem -1rem 0.35rem;
        padding: 0.25rem 1rem;
        background: rgba(9, 18, 25, 0.34);
    }

    .client-mandate-proposal-one .client-mandate-topbar__utilities {
        display: flex;
    }

    .client-mandate-proposal-one .client-mandate-user-avatar,
    .client-mandate-proposal-one .client-mandate-user-readback,
    .client-mandate-proposal-one .client-mandate-topbar__account-chevron {
        display: none;
    }

    .marketplace-workspace.client-mandate-proposal-one:not(:has(.buyer-checkout-mockup-hybrid)) > .client-mandate-command-nav {
        display: grid;
        grid-template-columns: minmax(11rem, auto) minmax(0, 1fr);
        gap: 0.7rem;
        align-items: center;
        margin: 0 -1rem 0.35rem;
        padding: 0.45rem 1rem;
        border-bottom: 1px solid rgba(148, 163, 184, 0.2);
    }

    .client-mandate-proposal-one .client-mandate-command-nav__brand {
        margin: 0;
    }

    .client-mandate-proposal-one .client-mandate-command-nav nav:first-of-type {
        display: flex;
        gap: 0.45rem;
        min-width: 0;
        overflow-x: auto;
        padding-bottom: 0.1rem;
        scrollbar-width: thin;
    }

    .client-mandate-proposal-one .client-mandate-command-nav nav:nth-of-type(2),
    .client-mandate-proposal-one .client-mandate-command-nav nav:nth-of-type(3) {
        display: none;
    }

    .client-mandate-proposal-one .client-mandate-command-nav nav a {
        flex: 0 0 auto;
        min-height: 44px;
        padding-inline: 0.75rem;
        white-space: nowrap;
    }

    .client-mandate-proposal-one .client-mandate-builder-shell {
        width: min(100%, 980px);
        margin: 0 auto;
    }

    .client-mandate-proposal-one .client-mandate-help-panel {
        width: min(100%, 980px);
        margin: 0 auto 0.75rem;
    }

    .client-mandate-proposal-one .client-mandate-builder-form,
    .client-mandate-proposal-one .client-mandate-preview-rail {
        max-height: none;
        overflow: visible;
    }

    .client-mandate-proposal-one .client-mandate-new-heading__pills {
        position: static;
        margin-top: 0.45rem;
    }

    .client-mandate-new-heading h1 {
        white-space: normal;
    }

    .marketplace-workspace.client-mandate-proposal-one:not(:has(.buyer-checkout-mockup-hybrid)) > .client-mandate-action-rail {
        width: min(100%, 980px);
        margin: 1rem auto 0;
    }

    .client-mandate-proposal-one .client-mandate-action-rail__actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.65rem;
    }
}

@media (max-width: 760px) {
    .marketplace-workspace.client-mandate-proposal-one:not(:has(.buyer-checkout-mockup-hybrid)) > .client-mandate-command-nav {
        grid-template-columns: minmax(0, 1fr);
        margin: -0.35rem 0 0.75rem;
        padding: 0.72rem;
        border: 1px solid rgba(148, 163, 184, 0.18);
        border-radius: 8px;
    }

    .client-mandate-proposal-one .client-mandate-command-nav__brand small {
        font-size: 0.62rem;
    }

    .client-mandate-proposal-one .client-mandate-command-nav nav:first-of-type {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        overflow: visible;
    }

    .client-mandate-proposal-one .client-mandate-command-nav nav a {
        justify-content: flex-start;
        min-width: 0;
        white-space: normal;
    }

    .client-mandate-proposal-one .client-mandate-builder-shell {
        width: 100%;
    }

    .client-mandate-proposal-one .client-mandate-preview-rail {
        grid-template-rows: auto;
    }

    .client-mandate-proposal-one .client-mandate-live-preview {
        min-height: 0;
    }

    .client-mandate-preview-title-row,
    .client-mandate-preview-body,
    .client-mandate-proof-summary,
    .client-mandate-proof-preview__heading {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-mandate-preview-heading,
    .client-mandate-proof-preview__heading,
    .client-mandate-proof-summary {
        display: grid;
    }

    .client-mandate-proposal-one .client-mandate-proof-list li {
        grid-template-columns: 28px 28px minmax(0, 1fr) 44px;
        gap: 0.4rem;
        padding: 0.42rem;
    }

    .client-mandate-proposal-one .client-mandate-proof-list__handle,
    .client-mandate-proposal-one .client-mandate-proof-list__type,
    .client-mandate-proposal-one .client-mandate-proof-list__required {
        grid-column: 3;
    }

    .client-mandate-proposal-one .client-mandate-proof-list button {
        grid-column: 4;
        grid-row: 1 / span 3;
    }

    .client-mandate-proposal-one .client-mandate-action-rail__actions {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 560px) {
    .client-mandate-proposal-one .client-mandate-new-tabs {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 0.35rem;
        overflow: visible;
    }

    .client-mandate-proposal-one .client-mandate-new-tabs > .guided-workflow-tab {
        grid-column: span 2;
        width: 100%;
        min-width: 0;
        min-height: 44px;
        padding-inline: 0.45rem;
    }

    .client-mandate-proposal-one .client-mandate-new-tabs > .guided-workflow-tab:nth-child(n + 4) {
        grid-column: span 3;
    }
}

/* Demo page visual audit polish */
.mobile-experience__brand {
    min-height: 44px;
    padding-right: 0.35rem;
}

.mobile-experience__mobile-list strong,
.mobile-experience__mobile-list small {
    grid-column: 2;
    min-width: 0;
}

.mobile-experience__mobile-list small {
    overflow-wrap: anywhere;
}

.reports-command-nav__item {
    min-height: 48px;
}

.buyer-checkout-mockup-hybrid__topbar nav a,
.buyer-checkout-selected-blueprint__creator a,
.buyer-checkout-mockup-hybrid__footer a,
.owned-blueprint-card-link,
.owned-blueprint-help-bar a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
}

.buyer-checkout-mockup-hybrid__topbar nav a,
.buyer-checkout-selected-blueprint__creator a,
.buyer-checkout-mockup-hybrid__footer a {
    padding-inline: 0.45rem;
}

.buyer-checkout-payment-options__item {
    min-height: 48px;
    padding-block: 0.55rem;
}

.buyer-checkout-entry a,
.buyer-checkout-launchpad__actions a,
.buyer-checkout-access-flow-detail__case,
.buyer-checkout-next-action,
.buyer-checkout-triage__actions a,
.buyer-checkout-ops-drawer__actions a {
    min-height: 44px;
}

.blueprint-command-shell--buyer-library .marketplace-workspace:not(:has(.buyer-checkout-mockup-hybrid)) {
    min-height: 0;
    padding: 0;
    background: transparent;
}

.blueprint-command-shell--buyer-library .marketplace-workspace:not(:has(.buyer-checkout-mockup-hybrid))::before,
.blueprint-command-shell--buyer-library .marketplace-workspace:not(:has(.buyer-checkout-mockup-hybrid))::after {
    display: none;
}

.reports-command-topnav a,
.reports-generated-action,
.reports-generated-next a,
.reports-generated-export-rail a,
.reports-generated-workbench__cards a,
.marketplace-conversion-funnel header a,
.blueprint-command-shell--buyer-checkout .blueprint-command-topnav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
}

.reports-command-topnav a,
.marketplace-conversion-funnel header a,
.blueprint-command-shell--buyer-checkout .blueprint-command-topnav a {
    padding-inline: 0.35rem;
}

@media (max-width: 1480px) {
    .blueprint-command-shell--buyer-library .buyer-library-command-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .blueprint-command-shell--buyer-library .buyer-library-next-rail {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1120px) {
    .blueprint-command-shell--buyer-library .buyer-library-row {
        grid-template-columns: 82px minmax(0, 1fr) minmax(240px, 0.8fr) minmax(148px, 0.42fr);
    }
}

@media (max-width: 920px) {
    .blueprint-command-shell--buyer-library .buyer-library-next-rail,
    .blueprint-command-shell--buyer-library .buyer-library-row,
    .blueprint-command-shell--buyer-library .buyer-library-row__facts {
        grid-template-columns: minmax(0, 1fr);
    }
}

.client-mandate-proposal-one .client-mandate-proof-summary--with-chart {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    padding: 0.48rem 0.72rem;
}

.client-mandate-proposal-one .client-mandate-proof-summary--with-chart > span {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

.client-mandate-proposal-one .client-mandate-proof-summary--with-chart > strong {
    justify-self: end;
    white-space: nowrap;
}

.client-mandate-proposal-one .client-mandate-proof-summary--with-chart .client-mandate-proof-health-chart {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    border: 0;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    pointer-events: none;
    white-space: nowrap;
}

.client-mandate-proposal-one .client-mandate-proof-summary--with-chart .client-mandate-proof-health-chart__score {
    width: 40px;
    height: 40px;
}

.client-mandate-proposal-one .client-mandate-proof-summary--with-chart .client-mandate-proof-health-chart__score strong {
    font-size: 0.66rem;
}

.client-mandate-proposal-one .client-mandate-proof-summary--with-chart .client-mandate-proof-health-chart__score small {
    font-size: 0;
}

.client-mandate-proposal-one .client-mandate-proof-summary--with-chart .client-mandate-proof-health-chart dl {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.32rem;
}

.client-mandate-proposal-one .client-mandate-proof-summary--with-chart .client-mandate-proof-health-chart__bar dt {
    display: none;
}

.client-mandate-proposal-one .client-mandate-proof-summary--with-chart .client-mandate-proof-health-chart__bar strong {
    overflow: hidden;
    font-size: 0.58rem;
    letter-spacing: 0;
    text-overflow: ellipsis;
}

.client-mandate-proposal-one .client-mandate-proof-summary--blocked {
    border-color: rgba(255, 165, 0, 0.36);
    background: rgba(255, 165, 0, 0.06);
}

.client-mandate-proposal-one .client-mandate-proof-summary--blocked .client-mandate-proof-summary__check {
    border-color: rgba(255, 165, 0, 0.72);
    background: rgba(255, 165, 0, 0.16);
}

.client-mandate-proposal-one .client-mandate-proof-summary--blocked .client-mandate-proof-summary__check::before {
    width: 8px;
    height: 2px;
    border: 0;
    transform: none;
    background: #ffa500;
}

.client-mandate-proposal-one .client-mandate-proof-health-chart__score:focus-visible,
.client-mandate-proposal-one .client-mandate-proof-health-chart__bar:focus-visible {
    outline: 2px solid rgba(125, 181, 255, 0.9);
    outline-offset: 3px;
    border-radius: 4px;
}

.client-mandate-proposal-one .client-mandate-proof-health-chart__bar--red dd > span > span {
    background: #ff4444;
}

/* Blueprint editing visual audit polish */
.blueprint-branding-mock .blueprint-branding-mock__form-card {
    max-height: none;
    overflow: visible;
}

.blueprint-branding-mock__actions .marketplace-action-link {
    min-width: 8.5rem;
    min-height: 44px;
    line-height: 1.2;
}

.blueprint-branding-mock .blueprint-branding-mock__subnav {
    min-height: 44px !important;
}

.blueprint-branding-mock__readiness-card a,
.branding-preview-lab__crumbs a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
}

.branding-preview-lab__controls {
    overflow-y: auto;
}

.branding-preview-lab__controls input,
.branding-preview-lab__controls textarea,
.branding-preview-lab__controls select {
    min-height: 44px;
}

.youtube-packet-review-shell,
.youtube-packet-source-summary,
.youtube-packet-review-layout,
.youtube-packet-task-board,
.youtube-packet-itemdetails-preview,
.youtube-intake-command-topnav,
.youtube-intake-command-topnav nav,
.youtube-blueprint-studio__sidebar {
    min-width: 0;
}

@media (min-width: 1181px) {
    .blueprint-branding-mock .blueprint-branding-mock__form-card {
        max-height: none;
        overflow: visible;
    }

    .branding-preview-lab__controls {
        overflow-y: auto;
        scrollbar-width: thin;
    }
}

@media (max-width: 1500px) and (min-width: 861px) {
    .blueprint-publish-command-shell {
        grid-template-columns: 220px minmax(0, 1fr);
    }

    .blueprint-publish-studio-grid,
    .blueprint-publish-action-rail {
        grid-template-columns: minmax(0, 1fr);
    }

    .blueprint-publish-action-rail {
        left: calc(220px + 1rem);
    }

    .blueprint-publish-stage-rail {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .blueprint-publish-stage {
        grid-template-columns: 44px minmax(0, 1fr);
    }

    .blueprint-publish-revenue-plans,
    .blueprint-publish-launch-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .marketplace-workspace--youtube-editor:has(.youtube-packet-command-sidebar) .youtube-packet-source-summary,
    .marketplace-workspace--youtube-editor:has(.youtube-packet-command-sidebar) .youtube-packet-review-layout,
    .marketplace-workspace--youtube-editor:has(.youtube-packet-command-sidebar) .youtube-packet-task-table__row,
    .marketplace-workspace--youtube-editor:has(.youtube-packet-command-sidebar) .youtube-packet-clip-strip {
        grid-template-columns: minmax(0, 1fr);
    }

    .marketplace-workspace--youtube-editor:has(.youtube-packet-command-sidebar) .youtube-packet-source-summary > img {
        width: min(100%, 14rem);
    }

    .marketplace-workspace--youtube-editor:has(.youtube-packet-command-sidebar) .youtube-packet-source-summary dl {
        grid-template-columns: minmax(0, 1fr);
    }

    .marketplace-workspace--youtube-editor:has(.youtube-packet-command-sidebar) .youtube-packet-task-board,
    .marketplace-workspace--youtube-editor:has(.youtube-packet-command-sidebar) .youtube-packet-itemdetails-preview {
        width: 100%;
    }

    .marketplace-workspace--youtube-editor:has(.youtube-packet-command-sidebar) .youtube-packet-task-table__row--head {
        display: none;
    }
}

@media (max-width: 640px) {
    .blueprint-branding-mock__readiness-card a {
        min-height: 44px;
        justify-content: flex-start;
    }

    .branding-preview-lab__topbar {
        gap: 0.55rem;
    }

    .branding-preview-lab__crumbs {
        width: 100%;
        overflow-x: auto;
        padding-bottom: 0.15rem;
        scrollbar-width: thin;
    }

    .branding-preview-lab__crumbs a,
    .branding-preview-lab__crumbs strong {
        flex: 0 0 auto;
    }

    .youtube-blueprint-studio--proposal-first .youtube-blueprint-studio__sidebar {
        padding: 0.85rem;
    }

    .youtube-blueprint-studio__nav-groups {
        display: flex;
        gap: 0.45rem;
        margin-top: 0.8rem;
        overflow-x: auto;
        padding: 0 0 0.2rem;
        scrollbar-width: thin;
    }

    .youtube-blueprint-studio__nav-section {
        flex: 0 0 auto;
        display: flex;
        gap: 0.45rem;
        padding: 0;
        border-bottom: 0;
    }

    .youtube-blueprint-studio__nav-section p {
        display: none;
    }

    .youtube-blueprint-studio__nav-item {
        flex: 0 0 auto;
        min-width: 7.5rem;
        padding-inline: 0.65rem;
    }

    .youtube-blueprint-studio__operator {
        margin-top: 0.75rem;
        padding-top: 0.75rem;
    }

    .youtube-intake-command-topnav {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
        gap: 0.55rem;
        margin-inline: -0.85rem;
        padding: 0.65rem 0.85rem;
    }

    .youtube-intake-command-topnav nav {
        overflow-x: auto;
        padding-bottom: 0.15rem;
        scrollbar-width: thin;
    }

    .youtube-intake-command-topnav div {
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: 0.15rem;
        scrollbar-width: thin;
    }

    .youtube-intake-chapter-table {
        overflow: visible;
    }

    .youtube-intake-chapter-table__row {
        grid-template-columns: 44px minmax(0, 1fr);
    }

    .youtube-intake-chapter-table__row--head {
        display: none;
    }
}

/* Focused EarnSync workspace. Keep these selectors scoped to the command-center shell. */
.main:has(.affiliate-program-shell) {
    padding: 0;
    background: #1b1c1e;
}

.page:has(.affiliate-program-shell) .command-header {
    display: none;
}

.affiliate-program-shell {
    display: block;
    min-height: 100vh;
    background:
        radial-gradient(circle at 82% 0%, rgba(96, 165, 250, 0.08), transparent 34%),
        #1b1c1e;
    color: #f8fafc;
    font-size: 0.875rem;
}

.affiliate-program-shell *,
.affiliate-program-shell *::before,
.affiliate-program-shell *::after {
    box-sizing: border-box;
}

.affiliate-program-shell button,
.affiliate-program-shell input,
.affiliate-program-shell select,
.affiliate-program-shell a {
    font: inherit;
}

.affiliate-program-shell svg {
    width: 1.25rem;
    height: 1.25rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.affiliate-program-main {
    display: grid;
    gap: 1.25rem;
    width: min(100%, 1440px);
    margin-inline: auto;
    padding: 1.5rem clamp(1rem, 2.8vw, 2.5rem) 3rem;
}

.affiliate-program-brand {
    display: inline-flex;
    width: fit-content;
    min-height: 44px;
    align-items: center;
    color: #f8fafc;
    text-decoration: none;
}

.affiliate-program-brand:hover,
.affiliate-program-brand:focus-visible {
    color: #ffffff;
    text-decoration: none;
}

.affiliate-program-brand__logo {
    --hivesync-logo-lockup-width: 9.5rem;
    --hivesync-logo-lockup-height: 2.75rem;
}

.affiliate-program-header {
    display: grid;
    gap: 0.65rem;
    align-items: start;
}

.affiliate-program-header__brand {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

.affiliate-program-header__logo {
    flex: 0 0 72px;
    width: 72px;
    height: 72px;
    border-radius: 10px;
    object-fit: cover;
    box-shadow: 0 0 0 1px rgba(255, 215, 0, 0.3);
}

.affiliate-program-header__brand > div {
    display: grid;
    gap: 0.3rem;
    min-width: 0;
}

.affiliate-program-header__title {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
}

.affiliate-program-header h1 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(2rem, 4vw, 3.25rem);
    line-height: 1.04;
    letter-spacing: -0.035em;
}

.affiliate-program-header p {
    max-width: 760px;
    margin: 0;
    color: #cbd5e1;
    font-size: 1rem;
    line-height: 1.55;
}

.affiliate-program-demo-label {
    display: inline;
    color: #94a3b8;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

.affiliate-program-kicker {
    color: #ffd700;
    font-size: 0.875rem;
    font-weight: 850;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.affiliate-program-status {
    display: inline-flex;
    gap: 0.45rem;
    align-items: center;
    min-height: 36px;
    padding: 0.35rem 0.8rem;
    border: 1px solid rgba(148, 163, 184, 0.42);
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.68);
    color: #d1d5db;
    font-size: 0.875rem;
    font-weight: 850;
}

.affiliate-program-status svg {
    width: 1rem;
    height: 1rem;
}

.affiliate-program-status--green {
    border-color: rgba(0, 230, 118, 0.55);
    background: rgba(0, 112, 65, 0.2);
    color: #00e676;
}

.affiliate-program-status--gold {
    border-color: rgba(255, 215, 0, 0.5);
    background: rgba(120, 83, 15, 0.22);
    color: #ffd700;
}

.affiliate-program-status--red {
    border-color: rgba(255, 68, 68, 0.58);
    background: rgba(127, 29, 29, 0.24);
    color: #ff6b6b;
}

.affiliate-program-status--blue {
    border-color: rgba(96, 165, 250, 0.55);
    background: rgba(37, 99, 235, 0.16);
    color: #93c5fd;
}

.affiliate-program-navigation {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    padding: 0.5rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 12px;
    background: rgba(15, 23, 42, 0.72);
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
}

.affiliate-program-tabs {
    display: grid;
    grid-template-columns: repeat(5, minmax(8rem, 1fr));
    gap: 0.35rem;
    min-width: 100%;
}

.affiliate-program-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 48px;
    padding: 0.6rem 0.8rem;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: #cbd5e1;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
}

.affiliate-program-tab:hover,
.affiliate-program-tab:focus-visible,
.affiliate-program-tab--active {
    border-color: rgba(96, 165, 250, 0.48);
    background: rgba(37, 99, 235, 0.14);
    color: #bfdbfe;
}

.affiliate-program-tab:focus-visible,
.affiliate-program-action:focus-visible,
.affiliate-program-text-action:focus-visible,
.affiliate-program-shell input:focus-visible,
.affiliate-program-shell select:focus-visible,
.affiliate-program-range button:focus-visible,
.affiliate-program-progressive-options summary:focus-visible,
.affiliate-program-details summary:focus-visible,
.affiliate-program-asset-details summary:focus-visible {
    outline: 3px solid rgba(96, 165, 250, 0.82);
    outline-offset: 2px;
}

.affiliate-program-panel {
    display: grid;
    gap: 1.25rem;
    animation: affiliate-program-panel-in 150ms ease-out;
}

.affiliate-program-panel[hidden] {
    display: none;
}

@keyframes affiliate-program-panel-in {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

.affiliate-program-panel__heading,
.affiliate-program-card__heading {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    justify-content: space-between;
}

.affiliate-program-panel__heading h2,
.affiliate-program-card__heading h2,
.affiliate-program-card__heading h3 {
    margin: 0.25rem 0 0;
    color: #ffffff;
    line-height: 1.2;
}

.affiliate-program-panel__heading h2 {
    font-size: clamp(1.5rem, 2.8vw, 2.1rem);
}

.affiliate-program-card__heading h2,
.affiliate-program-card__heading h3 {
    font-size: 1.2rem;
}

.affiliate-program-panel__heading p,
.affiliate-program-card__heading p {
    max-width: 760px;
    margin: 0.45rem 0 0;
    color: #9ca3af;
    font-size: 0.9375rem;
    line-height: 1.5;
}

.affiliate-program-card {
    display: grid;
    gap: 1rem;
    min-width: 0;
    padding: 1.25rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 12px;
    background:
        linear-gradient(135deg, rgba(96, 165, 250, 0.035), transparent 52%),
        #2b2d31;
    box-shadow: 0 18px 46px rgba(2, 6, 23, 0.18);
}

.affiliate-program-loading {
    display: grid;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 12px;
    background: #2b2d31;
}

.affiliate-program-loading > div {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.affiliate-program-loading p {
    margin: 0;
    color: #cbd5e1;
}

.affiliate-program-skeleton {
    display: block;
    min-height: 96px;
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(156, 163, 175, 0.11), rgba(156, 163, 175, 0.22), rgba(156, 163, 175, 0.11));
    background-size: 220% 100%;
    animation: affiliate-program-skeleton-pulse 1.8s ease-in-out infinite;
}

.affiliate-program-skeleton--title {
    width: min(420px, 72%);
    min-height: 26px;
}

@keyframes affiliate-program-skeleton-pulse {
    0%, 100% { background-position: 100% 0; opacity: 0.7; }
    50% { background-position: 0 0; opacity: 1; }
}

.affiliate-program-alert,
.affiliate-program-notice,
.affiliate-program-success {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    min-height: 72px;
    padding: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 10px;
    background: rgba(15, 23, 42, 0.6);
}

.affiliate-program-alert > svg,
.affiliate-program-notice > svg,
.affiliate-program-success > svg {
    width: 44px;
    height: 44px;
    padding: 0.65rem;
    border-radius: 50%;
}

.affiliate-program-alert strong,
.affiliate-program-notice strong,
.affiliate-program-success strong {
    color: #ffffff;
}

.affiliate-program-alert p,
.affiliate-program-notice p,
.affiliate-program-success p {
    margin: 0.25rem 0 0;
    color: #d1d5db;
    font-size: 0.9375rem;
    line-height: 1.5;
}

.affiliate-program-alert__actions {
    display: flex;
    gap: 0.65rem;
    align-items: center;
    justify-content: flex-end;
}

.affiliate-program-alert--blocked {
    border-color: rgba(255, 68, 68, 0.52);
    background: rgba(127, 29, 29, 0.2);
}

.affiliate-program-alert--blocked > svg {
    background: rgba(255, 68, 68, 0.14);
    color: #ff6b6b;
}

.affiliate-program-alert--warning,
.affiliate-program-notice {
    border-color: rgba(255, 165, 0, 0.48);
    background: rgba(120, 53, 15, 0.16);
}

.affiliate-program-alert--warning > svg,
.affiliate-program-notice > svg {
    background: rgba(255, 165, 0, 0.12);
    color: #ffa500;
}

.affiliate-program-success {
    grid-template-columns: 44px minmax(0, 1fr);
    border-color: rgba(0, 230, 118, 0.4);
    background: rgba(0, 112, 65, 0.15);
}

.affiliate-program-success > svg {
    background: rgba(0, 230, 118, 0.12);
    color: #00e676;
}

.affiliate-program-action {
    display: inline-flex;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: 0.65rem 1rem;
    border: 1px solid rgba(148, 163, 184, 0.38);
    border-radius: 8px;
    color: #ffffff;
    font-weight: 850;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.affiliate-program-action--primary {
    border-color: rgba(96, 165, 250, 0.68);
    background: #60a5fa;
    color: #07111f;
}

.affiliate-program-action--secondary {
    background: rgba(15, 23, 42, 0.72);
    color: #f8fafc;
}

.affiliate-program-action--quiet {
    border-color: rgba(148, 163, 184, 0.28);
    background: transparent;
    color: #dbeafe;
}

.affiliate-program-action--green {
    border-color: #00e676;
    background: #00e676;
    color: #07140d;
}

.affiliate-program-action--gold {
    border-color: #ffd700;
    background: #ffd700;
    color: #171300;
}

.affiliate-program-action--red {
    border-color: #ff4444;
    background: #d62f2f;
    color: #ffffff;
}

.affiliate-program-action:hover:not(:disabled) {
    filter: brightness(1.08);
    transform: translateY(-1px);
}

.affiliate-program-action:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.affiliate-program-overview-grid,
.affiliate-program-settings-grid,
.affiliate-program-campaign-grid {
    display: grid;
    gap: 1.25rem;
    align-items: start;
}

.affiliate-program-overview-grid {
    grid-template-columns: minmax(0, 1fr);
}

.affiliate-program-settings-grid,
.affiliate-program-campaign-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.affiliate-program-action-list {
    display: grid;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.affiliate-program-action-item {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    min-height: 76px;
    padding: 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-left-width: 3px;
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.42);
}

.affiliate-program-action-item > span {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid currentColor;
    border-radius: 50%;
    font-weight: 900;
}

.affiliate-program-action-item strong { color: #ffffff; }
.affiliate-program-action-item p { margin: 0.25rem 0 0; color: #cbd5e1; line-height: 1.4; }
.affiliate-program-action-item mark,
.affiliate-program-mark {
    min-height: 32px;
    padding: 0.38rem 0.6rem;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.12);
    color: #d1d5db;
    font-size: 0.875rem;
    font-weight: 850;
}

.affiliate-program-action-item--red { border-left-color: #ff4444; }
.affiliate-program-action-item--red > span,
.affiliate-program-action-item--red mark { color: #ff6b6b; }
.affiliate-program-action-item--gold { border-left-color: #ffa500; }
.affiliate-program-action-item--gold > span,
.affiliate-program-action-item--gold mark { color: #ffa500; }
.affiliate-program-action-item--blue { border-left-color: #60a5fa; }
.affiliate-program-action-item--blue > span,
.affiliate-program-action-item--blue mark { color: #60a5fa; }

.affiliate-program-check-list {
    display: grid;
    gap: 0.65rem;
}

.affiliate-program-check-list--compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.affiliate-program-check {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
    min-height: 64px;
    padding: 0.65rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.38);
}

.affiliate-program-check > svg {
    width: 44px;
    height: 44px;
    padding: 0.65rem;
    border: 1px solid currentColor;
    border-radius: 50%;
}

.affiliate-program-check strong,
.affiliate-program-check span {
    display: block;
}

.affiliate-program-check strong { color: #ffffff; }
.affiliate-program-check span { margin-top: 0.2rem; color: #cbd5e1; line-height: 1.35; }
.affiliate-program-check--green > svg { color: #00e676; }
.affiliate-program-check--red > svg { color: #ff6b6b; }
.affiliate-program-check--neutral > svg { color: #9ca3af; }

.affiliate-program-unknown-state,
.affiliate-program-data-gap {
    padding: 0.85rem;
    border: 1px solid rgba(255, 165, 0, 0.28);
    border-radius: 8px;
    background: rgba(120, 53, 15, 0.1);
}

.affiliate-program-unknown-state strong { color: #ffffff; }
.affiliate-program-unknown-state p,
.affiliate-program-data-gap { margin: 0.3rem 0 0; color: #d1d5db; line-height: 1.45; }

.affiliate-program-text-action {
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #60a5fa;
    font-weight: 850;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
}

.affiliate-program-inline-link {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-width: 44px;
    min-height: 44px;
    color: #93c5fd;
    font-weight: 850;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.affiliate-program-message-stack {
    display: grid;
    gap: 0.5rem;
}

.affiliate-program-message-stack:empty {
    display: none;
}

.affiliate-program-message-stack p,
.affiliate-program-inline-message {
    margin: 0;
    padding: 0.75rem;
    border: 1px solid rgba(96, 165, 250, 0.3);
    border-radius: 8px;
    background: rgba(37, 99, 235, 0.1);
    color: #dbeafe;
    line-height: 1.45;
}

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

.affiliate-program-form label,
.affiliate-program-filter label {
    display: grid;
    gap: 0.4rem;
    color: #ffffff;
    font-weight: 800;
}

.affiliate-program-form label:first-child {
    grid-column: 1 / -1;
}

.affiliate-program-form label span,
.affiliate-program-filter label span {
    font-size: 0.875rem;
}

.affiliate-program-form input,
.affiliate-program-filter input,
.affiliate-program-filter select {
    width: 100%;
    min-width: 0;
    min-height: 48px;
    padding: 0.7rem 0.8rem;
    border: 1px solid rgba(148, 163, 184, 0.42);
    border-radius: 8px;
    background: rgba(2, 6, 23, 0.54);
    color: #ffffff;
    font-size: 1rem;
}

.affiliate-program-form input::placeholder,
.affiliate-program-filter input::placeholder {
    color: #9ca3af;
    opacity: 1;
}

.affiliate-program-form small {
    color: #9ca3af;
    font-size: 0.875rem;
    font-weight: 500;
}

.affiliate-program-filter select {
    appearance: none;
    padding-right: 2.5rem;
    background-image:
        linear-gradient(45deg, transparent 50%, #9ca3af 50%),
        linear-gradient(135deg, #9ca3af 50%, transparent 50%);
    background-position:
        calc(100% - 1.05rem) 50%,
        calc(100% - 0.72rem) 50%;
    background-size: 0.35rem 0.35rem, 0.35rem 0.35rem;
    background-repeat: no-repeat;
}

.affiliate-program-progressive-options,
.affiliate-program-details {
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 10px;
    background: rgba(15, 23, 42, 0.36);
}

.affiliate-program-progressive-options summary,
.affiliate-program-details summary {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    justify-content: space-between;
    min-height: 48px;
    padding: 0.75rem 1rem;
    color: #f8fafc;
    font-weight: 850;
    cursor: pointer;
}

.affiliate-program-progressive-options summary small,
.affiliate-program-details summary small {
    color: #9ca3af;
    font-weight: 600;
}

.affiliate-program-progressive-options[open] summary,
.affiliate-program-details[open] summary {
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
    background: rgba(96, 165, 250, 0.06);
}

.affiliate-program-progressive-options > .affiliate-program-form,
.affiliate-program-progressive-options > p,
.affiliate-program-details > .affiliate-program-metrics {
    margin: 1rem;
}

.affiliate-program-progressive-options > p {
    color: #cbd5e1;
    line-height: 1.45;
}

.affiliate-program-form--advanced label:first-child {
    grid-column: auto;
}

.affiliate-program-form__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: flex-end;
}

.affiliate-program-audience-preview {
    display: grid;
    gap: 0.8rem;
    padding: 1rem;
    border: 1px solid rgba(255, 215, 0, 0.32);
    border-radius: 12px;
    background: rgba(2, 6, 23, 0.44);
}

.affiliate-program-audience-preview > span {
    color: #ffd700;
    font-weight: 850;
}

.affiliate-program-audience-preview > h3 {
    margin: 0;
    color: #ffffff;
    font-size: 1.35rem;
}

.affiliate-program-audience-preview dl,
.affiliate-program-definition-list {
    display: grid;
    gap: 0;
    margin: 0;
}

.affiliate-program-audience-preview dl > div,
.affiliate-program-definition-list > div {
    display: grid;
    grid-template-columns: minmax(120px, 0.38fr) minmax(0, 1fr);
    gap: 1rem;
    padding: 0.65rem 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.16);
}

.affiliate-program-audience-preview dt,
.affiliate-program-definition-list dt { color: #9ca3af; }
.affiliate-program-audience-preview dd,
.affiliate-program-definition-list dd { margin: 0; color: #f8fafc; font-weight: 750; overflow-wrap: anywhere; }

.affiliate-program-disclosure-preview {
    padding: 0.85rem;
    border-left: 3px solid #ffd700;
    border-radius: 0 8px 8px 0;
    background: rgba(120, 53, 15, 0.13);
}

.affiliate-program-disclosure-preview strong { color: #ffffff; }
.affiliate-program-disclosure-preview p { margin: 0.35rem 0 0; color: #f8fafc; line-height: 1.5; }
.affiliate-program-authority-confirmation,
.affiliate-program-authority-pending { margin: 0; color: #cbd5e1; line-height: 1.45; }
.affiliate-program-authority-confirmation strong { color: #00e676; }

.affiliate-program-generated-link__url {
    display: block;
    width: 100%;
    padding: 0.85rem;
    overflow-wrap: anywhere;
    border: 1px solid rgba(96, 165, 250, 0.34);
    border-radius: 8px;
    background: rgba(2, 6, 23, 0.62);
    color: #bfdbfe;
    font-size: 0.875rem;
    line-height: 1.45;
}

.affiliate-program-payload {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
}

.affiliate-program-payload h4 {
    grid-column: 1 / -1;
    margin: 0;
    padding: 0.75rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
    color: #ffffff;
}

.affiliate-program-payload > div {
    display: grid;
    gap: 0.2rem;
    padding: 0.75rem;
    border-right: 1px solid rgba(148, 163, 184, 0.14);
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
}

.affiliate-program-payload span { color: #9ca3af; }
.affiliate-program-payload strong { color: #ffffff; overflow-wrap: anywhere; }

.affiliate-program-generated-link__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.affiliate-program-empty {
    padding: 1rem;
    border: 1px dashed rgba(148, 163, 184, 0.32);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.28);
    text-align: center;
}

.affiliate-program-empty strong { color: #ffffff; }
.affiliate-program-empty p { margin: 0.35rem 0 0; color: #cbd5e1; line-height: 1.45; }
.affiliate-program-empty--blocked { border-color: rgba(255, 68, 68, 0.48); }
.affiliate-program-empty--panel { min-height: 180px; display: grid; place-content: center; }
.affiliate-program-empty--table { grid-column: 1 / -1; min-height: 150px; display: grid; place-content: center; }

.affiliate-program-recovery-steps {
    padding: 1rem;
    border: 1px solid rgba(255, 165, 0, 0.38);
    border-radius: 8px;
    background: rgba(120, 53, 15, 0.11);
}

.affiliate-program-recovery-steps h4 {
    margin: 0;
    color: #ffffff;
}

.affiliate-program-recovery-steps ol {
    display: grid;
    gap: 0.5rem;
    margin: 0.75rem 0 0;
    padding-left: 1.35rem;
    color: #f8fafc;
}

.affiliate-program-recovery-steps li {
    padding-left: 0.2rem;
    line-height: 1.45;
}

.affiliate-program-filter {
    display: flex;
    gap: 0.75rem;
    align-items: end;
}

.affiliate-program-filter label {
    width: min(100%, 420px);
}

.affiliate-program-referral-filters {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) minmax(190px, 0.38fr) auto;
}

.affiliate-program-referral-filters label {
    width: 100%;
}

.affiliate-program-referral-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.affiliate-program-referral-summary article {
    display: grid;
    gap: 0.3rem;
    min-height: 126px;
    padding: 1rem;
    border: 1px solid rgba(96, 165, 250, 0.25);
    border-radius: 10px;
    background: linear-gradient(140deg, rgba(37, 99, 235, 0.1), transparent 62%), #2b2d31;
}

.affiliate-program-referral-summary span {
    color: #cbd5e1;
    font-weight: 800;
}

.affiliate-program-referral-summary strong {
    color: #ffffff;
    font-size: 1.8rem;
}

.affiliate-program-referral-summary small {
    margin-top: auto;
    color: #9ca3af;
    font-size: 0.875rem;
}

.affiliate-program-referral-summary .affiliate-program-summary-stat--warning {
    border-color: rgba(255, 165, 0, 0.5);
    background: linear-gradient(140deg, rgba(120, 53, 15, 0.18), transparent 62%), #2b2d31;
}

.affiliate-program-referral-table,
.affiliate-program-activity-table {
    display: grid;
    overflow-x: auto;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
}

.affiliate-program-referral-row {
    display: grid;
    grid-template-columns: minmax(150px, 0.72fr) minmax(180px, 0.9fr) minmax(140px, 0.62fr) minmax(140px, 0.64fr) minmax(128px, 0.54fr) minmax(260px, 1.25fr);
    gap: 0.9rem;
    align-items: center;
    min-width: 1140px;
    min-height: 76px;
    padding: 0.85rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
}

.affiliate-program-referral-row:last-child,
.affiliate-program-activity-row:last-child {
    border-bottom: 0;
}

.affiliate-program-referral-row--head,
.affiliate-program-activity-row--head {
    min-height: 44px;
    background: rgba(15, 23, 42, 0.52);
    color: #cbd5e1;
    font-weight: 850;
}

.affiliate-program-referral-row strong,
.affiliate-program-referral-row small {
    display: block;
}

.affiliate-program-referral-row strong {
    color: #ffffff;
}

.affiliate-program-referral-row small {
    margin-top: 0.25rem;
    color: #9ca3af;
    font-size: 0.8125rem;
    line-height: 1.35;
}

.affiliate-program-referral-row__action {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 124px;
    gap: 0.75rem;
    align-items: center;
}

.affiliate-program-referral-row__action p {
    margin: 0;
    color: #d1d5db;
    font-size: 0.875rem;
    line-height: 1.4;
}

.affiliate-program-referral-row__action .affiliate-program-action {
    width: 100%;
}

.affiliate-program-notice--blue {
    border-color: rgba(96, 165, 250, 0.42);
    background: rgba(37, 99, 235, 0.1);
}

.affiliate-program-notice--blue > svg {
    background: rgba(96, 165, 250, 0.12);
    color: #93c5fd;
}

.affiliate-program-return-context .affiliate-program-action {
    white-space: nowrap;
}

.affiliate-program-draft-context {
    align-items: start;
}

.affiliate-repair-task-header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    min-height: 60px;
    padding: 0.65rem 0.8rem;
    border: 1px solid rgba(96, 165, 250, 0.3);
    border-radius: 12px;
    background: rgba(15, 23, 42, 0.76);
}

.affiliate-repair-task-header .affiliate-program-brand__logo {
    --hivesync-logo-lockup-width: 8.25rem;
    --hivesync-logo-lockup-height: 2.35rem;
}

.affiliate-repair-task-header__copy {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.affiliate-repair-task-header__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 0.75rem;
    align-items: center;
    min-width: 0;
}

.affiliate-repair-task-header__target {
    min-width: 0;
    color: #cbd5e1;
    font-size: 0.8125rem;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.affiliate-repair-task-header__target strong {
    color: #bfdbfe;
}

.affiliate-repair-task-header__copy h1 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.35rem, 2.2vw, 1.75rem);
    line-height: 1.1;
}

.affiliate-repair-task-header__copy p {
    margin: 0;
    color: #cbd5e1;
    line-height: 1.35;
}

.affiliate-program-panel--repair-selection {
    display: grid;
    gap: 0.75rem;
    min-width: 0;
}

.affiliate-program-panel--repair-selection .affiliate-program-panel__heading {
    align-items: end;
    margin: 0;
}

.affiliate-program-repair-selection-card {
    gap: 0.65rem;
    padding: 0.8rem;
}

.affiliate-program-repair-selection-card .affiliate-program-data-gap {
    margin: 0;
}

.affiliate-program-panel--repair,
.affiliate-program-repair-scroll-region,
.affiliate-program-repair-complete {
    display: grid;
    gap: 0.75rem;
    min-width: 0;
}

.affiliate-program-repair-grid,
.affiliate-program-repair-result-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
    gap: 0.75rem;
    align-items: stretch;
    min-width: 0;
}

.affiliate-program-repair-grid > .affiliate-program-card,
.affiliate-program-repair-result-grid > .affiliate-program-card {
    align-content: start;
    gap: 0.75rem;
    padding: 0.9rem;
}

.affiliate-program-form--repair {
    gap: 0.75rem;
}

.affiliate-program-form--repair label:first-child {
    grid-column: auto;
}

.affiliate-program-repair-readback,
.affiliate-program-repair-required-readback {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.36);
}

.affiliate-program-repair-readback > div,
.affiliate-program-repair-required-readback > div {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
    padding: 0.65rem 0.75rem;
    border-right: 1px solid rgba(148, 163, 184, 0.16);
}

.affiliate-program-repair-readback > div:last-child,
.affiliate-program-repair-required-readback > div:last-child,
.affiliate-program-repair-required-readback > div:nth-child(3n) {
    border-right: 0;
}

.affiliate-program-repair-required-readback > div:nth-child(n + 4) {
    border-top: 1px solid rgba(148, 163, 184, 0.16);
}

.affiliate-program-repair-readback dt,
.affiliate-program-repair-required-readback dt {
    color: #9ca3af;
    font-size: 0.8125rem;
    font-weight: 750;
}

.affiliate-program-repair-readback dd,
.affiliate-program-repair-required-readback dd {
    margin: 0;
    overflow-wrap: anywhere;
    color: #f8fafc;
    font-weight: 800;
    line-height: 1.3;
}

.affiliate-program-repair-lock-note {
    margin: 0;
    color: #cbd5e1;
    line-height: 1.4;
}

.affiliate-program-repair-advanced-content {
    display: grid;
    grid-template-columns: minmax(170px, 0.38fr) minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
    margin: 0.75rem;
}

.affiliate-program-repair-window {
    display: grid;
    gap: 0.35rem;
    color: #ffffff;
    font-weight: 800;
}

.affiliate-program-repair-window > span {
    font-size: 0.875rem;
}

.affiliate-program-repair-window input {
    width: 100%;
    min-width: 0;
    min-height: 48px;
    padding: 0.7rem 0.8rem;
    border: 1px solid rgba(148, 163, 184, 0.42);
    border-radius: 8px;
    background: rgba(2, 6, 23, 0.54);
    color: #ffffff;
    font-size: 1rem;
}

.affiliate-program-repair-window small {
    color: #9ca3af;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.35;
}

.affiliate-program-panel--repair .affiliate-program-audience-preview {
    gap: 0.6rem;
    height: 100%;
    padding: 0.75rem;
}

.affiliate-program-panel--repair .affiliate-program-audience-preview dl > div {
    padding: 0.4rem 0;
}

.affiliate-program-panel--repair .affiliate-program-disclosure-preview {
    padding: 0.65rem 0.75rem;
}

.affiliate-program-panel--repair .affiliate-program-disclosure-preview p {
    line-height: 1.4;
}

.affiliate-program-repair-server-preview {
    margin: 0;
    padding: 0.65rem 0.75rem;
    border-left: 3px solid #60a5fa;
    border-radius: 0 8px 8px 0;
    background: rgba(37, 99, 235, 0.1);
    color: #dbeafe;
    font-size: 0.875rem;
    line-height: 1.4;
}

.affiliate-program-repair-preview-details {
    margin-top: 0.1rem;
    border-color: rgba(96, 165, 250, 0.28);
    background: rgba(15, 23, 42, 0.48);
}

.affiliate-program-repair-preview-details > .affiliate-program-definition-list {
    margin: 0 0.75rem 0.75rem;
}

.affiliate-program-repair-expired-link {
    display: grid;
    gap: 0.35rem;
    margin: 0 0.75rem 0.75rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background: rgba(2, 6, 23, 0.44);
}

.affiliate-program-repair-expired-link > span {
    color: #9ca3af;
    font-size: 0.8125rem;
    font-weight: 800;
}

.affiliate-program-repair-expired-link code {
    overflow-wrap: anywhere;
    color: #bfdbfe;
    font-size: 0.8125rem;
    line-height: 1.4;
}

.affiliate-program-repair-expired-link small {
    color: #cbd5e1;
    line-height: 1.35;
}

.affiliate-program-repair-validation {
    grid-template-columns: 44px minmax(0, 1fr);
    min-height: 0;
    padding: 0.7rem 0.85rem;
}

.affiliate-program-repair-validation ul {
    display: grid;
    gap: 0.25rem;
    margin: 0.5rem 0 0;
    padding-left: 1.15rem;
    color: #f8fafc;
}

.affiliate-program-repair-action-rail {
    display: grid;
    grid-template-columns: auto minmax(220px, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    min-height: 60px;
    padding: 0.6rem 0.75rem;
    border: 1px solid rgba(96, 165, 250, 0.32);
    border-radius: 10px;
    background: rgba(15, 23, 42, 0.92);
    box-shadow: 0 12px 30px rgba(2, 6, 23, 0.22);
}

.affiliate-program-repair-readiness {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 0.65rem;
    align-items: center;
    min-width: 0;
    color: #93c5fd;
}

.affiliate-program-repair-readiness > svg {
    width: 32px;
    height: 32px;
    padding: 0.35rem;
    border: 1px solid currentColor;
    border-radius: 50%;
}

.affiliate-program-repair-readiness strong,
.affiliate-program-repair-readiness small {
    display: block;
}

.affiliate-program-repair-readiness strong {
    color: #f8fafc;
}

.affiliate-program-repair-readiness small {
    margin-top: 0.15rem;
    color: #cbd5e1;
}

.affiliate-program-repair-readiness--warning {
    color: #ffa500;
}

.affiliate-program-repair-readiness--ready {
    color: #93c5fd;
}

.affiliate-program-repair-readiness--success {
    color: #00e676;
}

.affiliate-program-repair-action-rail__actions {
    display: flex;
    gap: 0.65rem;
    align-items: center;
    justify-content: flex-end;
}

.affiliate-program-repair-action-rail > .affiliate-program-action:last-child,
.affiliate-program-repair-action-rail__actions .affiliate-program-action:last-child {
    min-width: 220px;
}

.affiliate-program-repair-complete .affiliate-program-progressive-options > .affiliate-program-payload {
    margin: 0.75rem;
}

@media (min-width: 1100px) and (min-height: 680px) {
    .page:has(.affiliate-program-shell--repair) {
        height: 100dvh;
        min-height: 0;
    }

    .page:has(.affiliate-program-shell--repair) > .main {
        min-height: 0;
    }

    .page:has(.affiliate-program-shell--repair) > .bizmonger-legal-footer--app-shell {
        display: none;
    }

    .affiliate-program-shell--repair .affiliate-program-main {
        height: 100dvh;
        min-height: 0;
        grid-template-rows: auto minmax(0, 1fr);
    }

    .affiliate-program-shell--repair-selection .affiliate-program-main {
        min-height: 100dvh;
        gap: 0.65rem;
        padding: 0.7rem clamp(1rem, 2.4vw, 1.75rem) 0.8rem;
        align-content: start;
    }

    .affiliate-program-shell--repair .affiliate-program-main {
        gap: 0.65rem;
        padding: 0.7rem clamp(1rem, 2.4vw, 1.75rem) 0.8rem;
        align-content: start;
    }

    .affiliate-program-shell--repair-selection .affiliate-program-panel--repair-selection,
    .affiliate-program-shell--repair .affiliate-program-panel--repair {
        gap: 0.65rem;
    }

    .affiliate-program-shell--repair .affiliate-program-panel--repair,
    .affiliate-program-shell--repair .affiliate-program-repair-scroll-region,
    .affiliate-program-shell--repair .affiliate-program-repair-grid {
        min-height: 0;
    }

    .affiliate-program-shell--repair .affiliate-program-repair-scroll-region {
        grid-template-rows: minmax(0, 1fr) auto;
    }

    .affiliate-program-shell--repair .affiliate-program-repair-scroll-region > .affiliate-program-repair-grid {
        overflow-y: auto;
        overscroll-behavior: contain;
        scroll-padding-block: 0.75rem;
    }

    .affiliate-program-shell--repair .affiliate-program-repair-grid,
    .affiliate-program-shell--repair .affiliate-program-repair-result-grid {
        grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
    }

    .affiliate-program-shell--repair .affiliate-repair-task-header,
    .affiliate-program-shell--repair-selection .affiliate-repair-task-header {
        min-height: 54px;
        padding-block: 0.45rem;
    }

    .affiliate-program-shell--repair-selection .affiliate-program-repair-selection-card {
        padding: 0.75rem;
    }

    .affiliate-program-shell--repair .affiliate-program-repair-grid > .affiliate-program-card,
    .affiliate-program-shell--repair .affiliate-program-repair-result-grid > .affiliate-program-card {
        gap: 0.6rem;
        padding: 0.75rem;
    }

    .affiliate-program-shell--repair .affiliate-program-form--repair {
        gap: 0.6rem;
    }

    .affiliate-program-shell--repair .affiliate-program-form--repair label {
        gap: 0.3rem;
    }

    .affiliate-program-shell--repair .affiliate-program-repair-action-rail {
        display: grid;
        min-height: 56px;
        padding-block: 0.45rem;
    }
}

@media (max-width: 1099px) {
    .affiliate-program-shell--repair .affiliate-program-main,
    .affiliate-program-shell--repair-selection .affiliate-program-main {
        min-height: 100vh;
        height: auto;
        overflow: visible;
    }

    .affiliate-program-shell--repair .affiliate-program-repair-grid,
    .affiliate-program-shell--repair .affiliate-program-repair-result-grid {
        grid-template-columns: minmax(0, 1fr);
        overflow: visible;
    }

    .affiliate-program-shell--repair .affiliate-program-repair-scroll-region {
        grid-template-rows: none;
        overflow: visible;
    }

    .affiliate-program-shell--repair .affiliate-program-repair-action-rail {
        position: static;
        grid-template-columns: minmax(0, 1fr);
    }

    .affiliate-program-repair-action-rail__actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .affiliate-program-repair-action-rail .affiliate-program-action {
        width: 100%;
    }
}

.affiliate-program-asset-table {
    display: grid;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
}

.affiliate-program-history-table {
    display: grid;
    overflow-x: auto;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
}

.affiliate-program-history-row {
    display: grid;
    grid-template-columns: minmax(150px, 0.8fr) minmax(150px, 0.8fr) minmax(140px, 0.7fr) minmax(110px, 0.5fr) minmax(110px, 0.5fr) minmax(90px, 0.4fr) minmax(84px, 0.35fr);
    gap: 0.8rem;
    align-items: center;
    min-width: 980px;
    min-height: 64px;
    padding: 0.75rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
}

.affiliate-program-history-row:last-child {
    border-bottom: 0;
}

.affiliate-program-history-row--head {
    min-height: 44px;
    background: rgba(15, 23, 42, 0.48);
    color: #cbd5e1;
    font-weight: 850;
}

.affiliate-program-history-row strong,
.affiliate-program-history-row small {
    display: block;
}

.affiliate-program-history-row strong {
    color: #ffffff;
}

.affiliate-program-history-row small {
    margin-top: 0.2rem;
    color: #9ca3af;
    font-size: 0.875rem;
}

.affiliate-program-history-row .affiliate-program-action {
    width: 100%;
}

.affiliate-program-asset-row {
    display: grid;
    grid-template-columns:
        minmax(160px, 0.9fr)
        minmax(100px, 0.45fr)
        minmax(120px, 0.5fr)
        minmax(190px, 1fr)
        minmax(116px, 0.5fr);
    gap: 1rem;
    align-items: center;
    min-height: 64px;
    padding: 0.75rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
}

.affiliate-program-asset-row:last-child { border-bottom: 0; }
.affiliate-program-asset-row--head { min-height: 44px; background: rgba(15, 23, 42, 0.48); color: #cbd5e1; font-weight: 850; }
.affiliate-program-asset-row strong,
.affiliate-program-asset-row small { display: block; }
.affiliate-program-asset-row strong { color: #ffffff; }
.affiliate-program-asset-row small { margin-top: 0.2rem; color: #9ca3af; font-size: 0.875rem; }
.affiliate-program-asset-row code { color: #bfdbfe; overflow-wrap: anywhere; }
.affiliate-program-asset-row__authority strong { font-size: 0.9rem; line-height: 1.4; }
.affiliate-program-asset-row__action { width: 100%; }
.affiliate-program-asset-details { margin-top: 0.45rem; }
.affiliate-program-asset-details summary {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: #93c5fd;
    font-size: 0.875rem;
    font-weight: 800;
    cursor: pointer;
}
.affiliate-program-asset-details code {
    display: block;
    margin-top: 0.35rem;
    padding: 0.55rem;
    border-radius: 6px;
    background: rgba(2, 6, 23, 0.56);
    line-height: 1.45;
}
.affiliate-program-mark--green { color: #00e676; }
.affiliate-program-mark--blue { color: #93c5fd; }
.affiliate-program-mark--gold { color: #ffd166; }
.affiliate-program-mark--red { color: #ff6b6b; }

.affiliate-program-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.affiliate-program-metrics--activity {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.affiliate-program-metric {
    display: grid;
    gap: 0.4rem;
    min-height: 176px;
    padding: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 10px;
    background: #2b2d31;
}

.affiliate-program-metric > span { color: #9ca3af; font-weight: 800; }
.affiliate-program-metric > strong { color: #ffffff; font-size: clamp(1.35rem, 2.2vw, 1.8rem); overflow-wrap: anywhere; }
.affiliate-program-metric p { margin: 0; color: #cbd5e1; line-height: 1.45; }
.affiliate-program-metric small { margin-top: auto; color: #60a5fa; font-size: 0.875rem; }

.affiliate-program-metric--success {
    border-color: rgba(0, 230, 118, 0.38);
    background: linear-gradient(145deg, rgba(0, 112, 65, 0.14), transparent 62%), #2b2d31;
}

.affiliate-program-metric--warning {
    border-color: rgba(255, 165, 0, 0.46);
    background: linear-gradient(145deg, rgba(120, 53, 15, 0.16), transparent 62%), #2b2d31;
}

.affiliate-program-range {
    display: inline-grid;
    grid-template-columns: repeat(2, minmax(88px, 1fr));
    gap: 0.25rem;
    padding: 0.25rem;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 10px;
    background: rgba(15, 23, 42, 0.62);
}

.affiliate-program-range button {
    min-width: 88px;
    min-height: 44px;
    padding: 0.55rem 0.75rem;
    border: 1px solid transparent;
    border-radius: 7px;
    background: transparent;
    color: #cbd5e1;
    font-weight: 850;
    cursor: pointer;
}

.affiliate-program-range button:hover,
.affiliate-program-range button.affiliate-program-range--active {
    border-color: rgba(96, 165, 250, 0.46);
    background: rgba(37, 99, 235, 0.2);
    color: #ffffff;
}

.affiliate-program-performance-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
    gap: 1.25rem;
    align-items: start;
}

.affiliate-program-activity-row {
    display: grid;
    grid-template-columns: minmax(92px, 0.8fr) repeat(6, minmax(72px, 0.54fr));
    gap: 0.65rem;
    align-items: center;
    min-width: 650px;
    min-height: 52px;
    padding: 0.65rem 0.75rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
    color: #d1d5db;
    text-align: right;
}

.affiliate-program-activity-row > span:first-child {
    text-align: left;
}

.affiliate-program-activity-row strong {
    color: #ffffff;
}

.affiliate-program-cell-warning {
    color: #ffb347;
    font-weight: 900;
}

.affiliate-program-activity-feed {
    display: grid;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.affiliate-program-activity-feed__item {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.75rem;
    padding: 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-left-width: 3px;
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.36);
}

.affiliate-program-activity-feed__icon {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(148, 163, 184, 0.1);
}

.affiliate-program-activity-feed__item--blue { border-left-color: #60a5fa; }
.affiliate-program-activity-feed__item--blue .affiliate-program-activity-feed__icon { color: #93c5fd; }
.affiliate-program-activity-feed__item--green { border-left-color: #00e676; }
.affiliate-program-activity-feed__item--green .affiliate-program-activity-feed__icon { color: #00e676; }
.affiliate-program-activity-feed__item--gold { border-left-color: #ffa500; }
.affiliate-program-activity-feed__item--gold .affiliate-program-activity-feed__icon { color: #ffb347; }
.affiliate-program-activity-feed__item--red { border-left-color: #ff4444; }
.affiliate-program-activity-feed__item--red .affiliate-program-activity-feed__icon { color: #ff6b6b; }

.affiliate-program-activity-feed__item strong {
    color: #ffffff;
}

.affiliate-program-activity-feed__item p {
    margin: 0.25rem 0 0;
    color: #d1d5db;
    line-height: 1.4;
}

.affiliate-program-activity-feed__item small {
    display: block;
    margin-top: 0.35rem;
    color: #9ca3af;
    font-size: 0.8125rem;
}

.affiliate-program-card blockquote {
    margin: 0;
    padding: 1rem;
    border-left: 3px solid #ffd700;
    border-radius: 0 8px 8px 0;
    background: rgba(15, 23, 42, 0.54);
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.55;
}

.affiliate-program-card > p {
    margin: 0;
    color: #cbd5e1;
    line-height: 1.5;
}

.affiliate-program-confirmed-detail { color: #00e676 !important; }

.affiliate-program-requirements {
    display: grid;
    gap: 0.65rem;
    margin: 0;
    padding-left: 1.25rem;
    color: #d1d5db;
}

.affiliate-program-requirements li {
    padding-left: 0.25rem;
    line-height: 1.5;
}

@media (max-width: 1100px) {
    .affiliate-program-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .affiliate-program-referral-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .affiliate-program-performance-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 800px) {
    .affiliate-program-main {
        gap: 1rem;
        padding: 1rem 0.85rem 2rem;
    }

    .affiliate-repair-task-header {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .affiliate-repair-task-header > .affiliate-program-action {
        grid-column: 1 / -1;
        width: 100%;
    }

    .affiliate-program-repair-readback {
        grid-template-columns: minmax(0, 1fr);
    }

    .affiliate-program-repair-required-readback {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .affiliate-program-repair-readback > div,
    .affiliate-program-repair-required-readback > div {
        border-right: 0;
        border-bottom: 1px solid rgba(148, 163, 184, 0.16);
    }

    .affiliate-program-repair-required-readback > div:nth-child(odd) {
        border-right: 1px solid rgba(148, 163, 184, 0.16);
    }

    .affiliate-program-repair-readback > div:last-child,
    .affiliate-program-repair-required-readback > div:last-child {
        border-right: 0;
        border-bottom: 0;
    }

    .affiliate-program-repair-required-readback > div:nth-child(n + 4) {
        border-top: 0;
    }

    .affiliate-program-repair-advanced-content {
        grid-template-columns: minmax(0, 1fr);
    }

    .affiliate-program-panel__heading,
    .affiliate-program-card__heading {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .affiliate-program-header h1 {
        font-size: clamp(2rem, 10vw, 2.7rem);
    }

    .affiliate-program-header__title {
        align-items: flex-start;
    }

    .affiliate-program-header__brand {
        align-items: flex-start;
    }

    .affiliate-program-header__logo {
        flex-basis: 56px;
        width: 56px;
        height: 56px;
    }

    .affiliate-program-navigation {
        overflow-x: visible;
    }

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

    .affiliate-program-alert,
    .affiliate-program-notice,
    .affiliate-program-settings-grid,
    .affiliate-program-campaign-grid,
    .affiliate-program-check-list--compact,
    .affiliate-program-form,
    .affiliate-program-payload,
    .affiliate-program-metrics,
    .affiliate-program-referral-summary,
    .affiliate-program-referral-filters {
        grid-template-columns: minmax(0, 1fr);
    }

    .affiliate-program-alert > svg,
    .affiliate-program-notice > svg {
        width: 48px;
        height: 48px;
    }

    .affiliate-program-alert .affiliate-program-action,
    .affiliate-program-form__actions .affiliate-program-action,
    .affiliate-program-generated-link__actions .affiliate-program-action,
    .affiliate-program-return-context .affiliate-program-action,
    .affiliate-program-asset-row__action {
        width: 100%;
    }

    .affiliate-program-alert__actions {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .affiliate-program-form label:first-child {
        grid-column: auto;
    }

    .affiliate-program-form__actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .affiliate-program-action-item {
        grid-template-columns: 40px minmax(0, 1fr);
    }

    .affiliate-program-action-item mark {
        grid-column: 2;
        justify-self: start;
    }

    .affiliate-program-filter {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .affiliate-program-filter label {
        width: 100%;
    }

    .affiliate-program-asset-row {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.45rem;
        padding: 1rem;
    }

    .affiliate-program-history-table {
        overflow: visible;
    }

    .affiliate-program-history-row {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.45rem;
        min-width: 0;
        padding: 1rem;
    }

    .affiliate-program-history-row--head {
        display: none;
    }

    .affiliate-program-referral-table {
        overflow: visible;
    }

    .affiliate-program-referral-row {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.65rem;
        min-width: 0;
        padding: 1rem;
    }

    .affiliate-program-referral-row--head {
        display: none;
    }

    .affiliate-program-referral-row__action {
        grid-template-columns: minmax(0, 1fr);
    }

    .affiliate-program-referral-row > [role="cell"]::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 0.2rem;
        color: #9ca3af;
        font-size: 0.8125rem;
        font-weight: 800;
    }

    .affiliate-program-history-row > [role="cell"]::before,
    .affiliate-program-asset-row > [role="cell"]::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 0.2rem;
        color: #9ca3af;
        font-size: 0.875rem;
        font-weight: 800;
    }

    .affiliate-program-asset-row--head {
        display: none;
    }

    .affiliate-program-audience-preview dl > div,
    .affiliate-program-definition-list > div {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.25rem;
    }

    .affiliate-program-loading > div {
        grid-template-columns: minmax(0, 1fr);
    }

    .affiliate-program-range {
        width: 100%;
    }

    .affiliate-program-progressive-options summary,
    .affiliate-program-details summary {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 480px) {
    .affiliate-program-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .affiliate-repair-task-header {
        grid-template-columns: minmax(0, 1fr);
    }

    .affiliate-program-repair-required-readback {
        grid-template-columns: minmax(0, 1fr);
    }

    .affiliate-program-repair-required-readback > div:nth-child(odd) {
        border-right: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .affiliate-program-panel,
    .affiliate-program-skeleton {
        animation: none;
    }

    .affiliate-program-action:hover:not(:disabled) {
        transform: none;
    }
}

@media (forced-colors: active) {
    .affiliate-repair-task-header,
    .affiliate-program-repair-readback,
    .affiliate-program-repair-required-readback,
    .affiliate-program-repair-action-rail {
        border-color: CanvasText;
    }
}

.marketplace-workspace:has(.marketplace-creator-storefront-hero) .marketplace-proposal-topnav__search input,
.marketplace-workspace:has(.marketplace-product-detail-hero) .marketplace-proposal-topnav__search input {
    min-height: 44px;
}

.marketplace-workspace:has(.marketplace-creator-storefront-hero) .marketplace-proposal-topnav a,
.marketplace-workspace:has(.marketplace-product-detail-hero) .marketplace-proposal-topnav a,
.marketplace-workspace:has(.marketplace-creator-storefront-hero) .marketplace-action-link,
.marketplace-workspace:has(.marketplace-product-detail-hero) .marketplace-action-link {
    min-height: 44px;
}

.marketplace-workspace:has(.marketplace-creator-storefront-hero) .marketplace-creator-catalog-rack__grid article.marketplace-catalog-card .marketplace-action-link {
    min-height: 44px;
}

@media (max-width: 820px) {
    .marketplace-workspace:has(.marketplace-creator-storefront-hero) .marketplace-creator-catalog-rack--hero .marketplace-creator-catalog-rack__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .marketplace-workspace:has(.marketplace-creator-storefront-hero) .marketplace-storefront-owner-bridge .marketplace-card__actions {
        grid-template-columns: minmax(0, 1fr);
    }
}

.marketplace-workspace:has(.marketplace-product-detail-hero) .marketplace-product-breadcrumb a,
.marketplace-workspace:has(.marketplace-product-detail-hero) .marketplace-product-creator-proof header a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    min-width: 44px;
}

.marketplace-storefront-proposal-one {
    gap: 0;
    min-height: 100vh;
    padding: 0;
    padding-left: 0 !important;
    overflow-x: hidden;
    background:
        radial-gradient(circle at 12% 14%, rgba(96, 165, 250, 0.08), transparent 34%),
        radial-gradient(circle at 86% 8%, rgba(0, 230, 118, 0.06), transparent 28%),
        #0b0f12;
    color: #f8fafc;
}

.marketplace-storefront-proposal-one,
.marketplace-storefront-proposal-one * {
    box-sizing: border-box;
}

.marketplace-storefront-proposal-one::before,
.marketplace-storefront-proposal-one::after {
    display: none !important;
}

.marketplace-storefront-proposal-one > nav,
.marketplace-storefront-proposal-one > .breadcrumb,
.marketplace-storefront-proposal-one > .breadcrumb-trail {
    display: none;
}

.marketplace-storefront-proposal-one .marketplace-hero.marketplace-creator-storefront-hero {
    width: 100%;
    max-width: 100%;
    min-height: 100vh;
    margin: 0;
    padding: 0 1.85rem 1.35rem;
    border: 0;
    border-radius: 0;
    background:
        linear-gradient(180deg, rgba(10, 14, 18, 0.98), rgba(12, 18, 24, 0.94)),
        #0b0f12;
    box-shadow: none;
}

.marketplace-storefront-proposal-one .marketplace-proposal-topnav.marketplace-storefront-buyer-topbar {
    grid-template-columns: minmax(250px, auto) minmax(360px, 0.88fr) minmax(390px, auto);
    gap: 1.1rem;
    min-height: 56px;
    padding: 0.28rem 0 0.44rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.16);
}

.marketplace-storefront-proposal-one .marketplace-proposal-topnav__brand {
    grid-template-columns: 36px auto auto;
    grid-template-rows: auto;
    min-width: 244px;
    gap: 0.75rem;
    align-items: center;
    position: relative;
}

.marketplace-storefront-proposal-one .marketplace-proposal-topnav__brand::before {
    grid-row: 1;
    width: 29px;
    height: 29px;
    border: 0;
    border-radius: 0;
    background: #ffd700;
    clip-path: polygon(50% 0, 91% 25%, 91% 75%, 50% 100%, 9% 75%, 9% 25%);
}

.marketplace-storefront-proposal-one .marketplace-proposal-topnav__brand::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 50%;
    width: 17px;
    height: 17px;
    transform: translateY(-50%);
    background: #0b0f12;
    clip-path: polygon(50% 0, 91% 25%, 91% 75%, 50% 100%, 9% 75%, 9% 25%);
}

.marketplace-storefront-proposal-one .marketplace-proposal-topnav__brand span {
    grid-column: 2;
    font-size: 1.28rem;
}

.marketplace-storefront-proposal-one .marketplace-proposal-topnav__brand small {
    grid-column: 3;
    min-height: 40px;
    padding-left: 1.15rem;
    border-left: 1px solid rgba(148, 163, 184, 0.24);
    color: #ffffff;
    font-size: 0.98rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
}

.marketplace-storefront-proposal-one .marketplace-proposal-topnav__search {
    border-color: rgba(148, 163, 184, 0.26);
    border-radius: 8px;
    background: rgba(15, 20, 27, 0.72);
}

.marketplace-storefront-proposal-one .marketplace-proposal-topnav__search input {
    color: #cbd5e1;
    font-size: 0.94rem;
}

.marketplace-storefront-proposal-one .marketplace-proposal-topnav nav {
    flex-wrap: nowrap;
    gap: 0.7rem;
}

.marketplace-storefront-proposal-one .marketplace-proposal-topnav nav a,
.marketplace-storefront-proposal-one .marketplace-proposal-topnav__icon,
.marketplace-storefront-proposal-one .marketplace-proposal-topnav__avatar {
    gap: 0.45rem;
    border: 0;
    background: transparent;
    color: #f8fafc;
    font-size: 0.98rem;
}

.marketplace-storefront-cart-count {
    display: inline-grid;
    place-items: center;
    min-width: 20px;
    height: 20px;
    border-radius: 999px;
    background: #3b82f6;
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 900;
}

.marketplace-storefront-proposal-one .marketplace-hero__grid {
    grid-template-columns: minmax(0, 1fr) minmax(330px, 366px) !important;
    gap: 1.55rem !important;
    align-items: start;
    margin-top: 0.8rem;
}

.marketplace-storefront-back-link,
.marketplace-storefront-rail-link,
.marketplace-storefront-view-all {
    display: inline-flex;
    gap: 0.45rem;
    align-items: center;
    min-height: 44px;
    color: #60a5fa;
    font-weight: 800;
    text-decoration: none;
}

.marketplace-storefront-back-link {
    color: #cbd5e1;
    font-size: 0.94rem;
}

.marketplace-storefront-proposal-one .marketplace-mockup-creator-profile--proposal {
    grid-template-columns: 124px minmax(0, 1fr);
    gap: 1rem;
    margin-top: 0;
    margin-bottom: 0.55rem;
}

.marketplace-storefront-proposal-one .marketplace-mockup-creator-profile--proposal > div:not(.marketplace-mockup-creator-profile__avatar) {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.7rem;
    align-items: center;
}

.marketplace-storefront-proposal-one .marketplace-mockup-creator-profile--proposal > div:not(.marketplace-mockup-creator-profile__avatar) .status-pill {
    order: 2;
}

.marketplace-storefront-proposal-one .marketplace-mockup-creator-profile--proposal .marketplace-mockup-creator-profile__avatar {
    position: relative;
    overflow: hidden;
    width: 124px;
    height: 124px;
    border: 2px solid rgba(255, 255, 255, 0.78);
    background:
        radial-gradient(circle at 45% 31%, rgba(230, 192, 151, 0.95) 0 15%, transparent 16%),
        radial-gradient(ellipse at 50% 66%, rgba(31, 41, 55, 0.98) 0 40%, transparent 41%),
        linear-gradient(145deg, rgba(96, 165, 250, 0.16), rgba(255, 215, 0, 0.12)),
        #111827;
}

.marketplace-storefront-proposal-one .marketplace-mockup-creator-profile--proposal .marketplace-mockup-creator-profile__avatar img {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.marketplace-storefront-proposal-one .marketplace-mockup-creator-profile--proposal .marketplace-mockup-creator-profile__avatar span {
    position: relative;
    z-index: 2;
}

.marketplace-storefront-proposal-one .marketplace-mockup-creator-profile--proposal .marketplace-mockup-creator-profile__avatar::before {
    top: 21px;
    left: 34px;
    width: 58px;
    height: 27px;
    border-radius: 999px 999px 50% 50%;
    background: #1f2937;
    box-shadow: 0 12px 0 rgba(17, 24, 39, 0.92);
}

.marketplace-storefront-proposal-one .marketplace-mockup-creator-profile--proposal .marketplace-mockup-creator-profile__avatar::after {
    right: 12px;
    bottom: 13px;
    width: 16px;
    height: 16px;
}

.marketplace-storefront-proposal-one .marketplace-mockup-creator-profile--proposal h1 {
    flex: 0 1 auto;
    order: 1;
    max-width: 780px;
    margin-top: 0.25rem;
    font-size: clamp(1.9rem, 2.45vw, 2.18rem);
    line-height: 1.08;
}

.marketplace-storefront-proposal-one .marketplace-mockup-creator-profile--proposal p {
    flex-basis: 100%;
    order: 3;
    max-width: 760px;
    margin-top: 0.35rem;
    color: #d1d5db;
    font-size: 0.98rem;
}

.marketplace-storefront-profile-meta {
    flex-basis: 100%;
    order: 4;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    margin-top: 0.55rem;
    color: #cbd5e1;
    font-size: 0.94rem;
}

.marketplace-storefront-profile-meta span + span {
    padding-left: 0.75rem;
    border-left: 1px solid rgba(148, 163, 184, 0.28);
}

.marketplace-storefront-proposal-one .marketplace-mockup-creator-profile__badges {
    display: none;
}

.marketplace-storefront-proposal-one .marketplace-mockup-creator-profile--proposal .marketplace-mockup-creator-profile__metrics {
    grid-column: 2;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 0.55rem;
    border: 0;
    background: transparent;
}

.marketplace-storefront-proposal-one .marketplace-mockup-creator-profile--proposal .marketplace-mockup-creator-profile__metrics div {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 0.35rem;
    padding: 0.1rem 1rem 0.1rem 0;
    border-right: 1px solid rgba(148, 163, 184, 0.24);
}

.marketplace-storefront-proposal-one .marketplace-mockup-creator-profile--proposal .marketplace-mockup-creator-profile__metrics div::before {
    content: "";
    grid-row: 1 / span 2;
    width: 28px;
    height: 28px;
    border: 2px solid rgba(255, 215, 0, 0.86);
    border-radius: 50%;
    background:
        radial-gradient(circle at center, rgba(255, 215, 0, 0.88) 0 4px, transparent 4.5px),
        radial-gradient(circle at center, rgba(255, 215, 0, 0.16), transparent 68%);
    box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.06);
}

.marketplace-storefront-proposal-one .marketplace-mockup-creator-profile--proposal .marketplace-mockup-creator-profile__metrics dt,
.marketplace-storefront-proposal-one .marketplace-mockup-creator-profile--proposal .marketplace-mockup-creator-profile__metrics dd {
    grid-column: 2;
}

.marketplace-storefront-proposal-one .marketplace-mockup-creator-profile--proposal .marketplace-mockup-creator-profile__metrics dt {
    color: #cbd5e1;
    font-size: 0.78rem;
    text-transform: none;
}

.marketplace-storefront-proposal-one .marketplace-mockup-creator-profile--proposal .marketplace-mockup-creator-profile__metrics dd {
    color: #ffffff;
    font-size: 1rem;
}

.marketplace-storefront-proposal-one .marketplace-storefront-priority-strip--guided {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.55rem;
    margin-top: 0.5rem;
    padding: 0.72rem 1rem;
    border-color: rgba(148, 163, 184, 0.18);
    background: rgba(17, 24, 31, 0.74);
}

.marketplace-storefront-proposal-one .marketplace-storefront-priority-strip--guided > header {
    display: flex;
    gap: 0.4rem;
    align-items: center;
    min-height: 22px;
}

.marketplace-storefront-proposal-one .marketplace-storefront-priority-strip--guided > header strong {
    font-size: 1rem;
}

.marketplace-storefront-proposal-one .marketplace-storefront-path-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.7rem;
}

.marketplace-storefront-proposal-one .marketplace-storefront-path-grid span {
    position: relative;
    grid-template-columns: 28px 44px minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 0.12rem 0.7rem;
    align-items: center;
    min-height: 54px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #f8fafc;
}

.marketplace-storefront-proposal-one .marketplace-storefront-path-grid b {
    grid-row: 1 / span 2;
    width: 25px;
    height: 25px;
    background: #3b82f6;
}

.marketplace-storefront-proposal-one .marketplace-storefront-path-grid i {
    grid-row: 1 / span 2;
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    color: #93c5fd;
    font-size: 1.35rem;
}

.marketplace-storefront-proposal-one .marketplace-storefront-path-grid strong,
.marketplace-storefront-proposal-one .marketplace-storefront-path-grid small {
    grid-column: 3;
}

.marketplace-storefront-proposal-one .marketplace-storefront-path-grid strong {
    color: #ffffff;
    font-size: 0.88rem;
}

.marketplace-storefront-proposal-one .marketplace-storefront-path-grid small {
    color: #9ca3af;
    font-size: 0.69rem;
    line-height: 1.18;
}

.marketplace-storefront-proposal-one .marketplace-storefront-featured-preview {
    grid-template-columns: 132px minmax(0, 1fr) minmax(212px, 240px);
    margin-top: 0.58rem;
    padding: 0.82rem;
    border-color: rgba(255, 215, 0, 0.18);
    background: rgba(24, 26, 31, 0.78);
}

.marketplace-storefront-proposal-one .marketplace-storefront-featured-preview__icon {
    min-height: 132px;
    font-size: 3.45rem;
    color: #a7f3d0;
}

.marketplace-storefront-proposal-one .marketplace-storefront-featured-preview__icon--image {
    width: 132px;
    height: 132px;
    min-height: 132px;
}

.marketplace-storefront-proposal-one .marketplace-storefront-featured-preview__header {
    color: #ffd700;
    font-size: 0.92rem;
    font-weight: 900;
}

.marketplace-storefront-proposal-one .marketplace-storefront-featured-preview__header .status-pill {
    margin-left: auto;
}

.marketplace-storefront-proposal-one .marketplace-storefront-featured-preview h2 {
    font-size: 1.42rem;
    line-height: 1.12;
}

.marketplace-storefront-proposal-one .marketplace-storefront-featured-preview p {
    margin-block: 0.45rem;
    font-size: 0.88rem;
    line-height: 1.25;
}

.marketplace-storefront-proposal-one .marketplace-storefront-featured-preview dl {
    gap: 0.45rem;
    margin-top: 0.5rem;
}

.marketplace-storefront-version-pill {
    display: inline-flex;
    align-items: center;
    width: max-content;
    min-height: 22px;
    padding: 0 0.5rem;
    border: 1px solid rgba(148, 163, 184, 0.32);
    border-radius: 999px;
    color: #cbd5e1;
    font-size: 0.72rem;
    font-weight: 800;
}

.marketplace-storefront-proposal-one .marketplace-storefront-featured-preview aside {
    align-content: center;
    padding: 0;
    border: 0;
    background: transparent;
}

.marketplace-storefront-proposal-one .marketplace-storefront-featured-preview aside .marketplace-action-link:first-child {
    gap: 0.45rem;
    border-color: rgba(96, 165, 250, 0.78);
    background: linear-gradient(180deg, #4f8dff, #2563eb);
    color: #ffffff;
    font-size: 1rem;
}

.marketplace-storefront-proposal-one .marketplace-storefront-featured-preview aside .marketplace-action-link--quiet {
    border-color: rgba(148, 163, 184, 0.24);
    background: rgba(15, 20, 27, 0.72);
    color: #ffffff;
}

.marketplace-storefront-proposal-one .marketplace-storefront-compact-catalog {
    margin-top: 0.72rem;
    padding: 0;
    border: 0;
    background: transparent;
}

.marketplace-storefront-proposal-one .marketplace-storefront-compact-catalog .marketplace-creator-catalog-rack__header {
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
    padding-bottom: 0.58rem;
}

.marketplace-storefront-proposal-one .marketplace-storefront-compact-catalog .marketplace-creator-catalog-rack__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 0.62rem;
}

.marketplace-storefront-proposal-one .marketplace-storefront-compact-catalog .marketplace-catalog-card {
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 0.65rem;
    min-height: 124px;
    padding: 0.75rem;
}

.marketplace-storefront-proposal-one .marketplace-storefront-compact-catalog .marketplace-catalog-card .marketplace-action-link {
    display: none;
}

.marketplace-storefront-proposal-one .marketplace-storefront-compact-catalog .marketplace-catalog-card dl {
    display: flex;
    grid-column: 2;
    gap: 0.55rem;
    margin: 0;
}

.marketplace-storefront-proposal-one .marketplace-storefront-compact-catalog .marketplace-catalog-card dl div {
    padding: 0;
    border: 0;
    background: transparent;
}

.marketplace-storefront-proposal-one .marketplace-storefront-compact-catalog .marketplace-catalog-card dt {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

.marketplace-storefront-proposal-one .marketplace-storefront-compact-catalog .marketplace-catalog-card dd {
    margin: 0;
    color: #fbbf24;
    font-size: 0.72rem;
    font-weight: 900;
}

.marketplace-storefront-view-all {
    justify-content: center;
    margin-top: 0.5rem;
}

.marketplace-storefront-proposal-one .marketplace-storefront-right-rail {
    gap: 0.58rem;
}

.marketplace-storefront-proposal-one .marketplace-storefront-right-rail .marketplace-proof-panel {
    gap: 0.58rem;
    padding: 0.9rem 1rem;
    border-color: rgba(148, 163, 184, 0.18);
    background: rgba(24, 28, 34, 0.82);
}

.marketplace-storefront-proposal-one .marketplace-storefront-right-rail .marketplace-proof-panel h2 {
    display: flex;
    gap: 0.65rem;
    align-items: center;
    font-size: 1.02rem;
}

.marketplace-storefront-proposal-one .marketplace-storefront-right-rail .marketplace-proof-panel h2 .oi {
    color: #ffd700;
}

.marketplace-storefront-proposal-one .marketplace-storefront-right-rail .marketplace-check-list {
    gap: 0.55rem;
    list-style: none;
    padding-left: 0;
}

.marketplace-storefront-proposal-one .marketplace-storefront-right-rail .marketplace-check-list li::before {
    content: "✓";
    display: inline-grid;
    place-items: center;
    width: 17px;
    height: 17px;
    margin-right: 0.55rem;
    border: 1px solid rgba(134, 239, 172, 0.82);
    border-radius: 50%;
    color: #86efac;
    font-size: 0.72rem;
    font-weight: 900;
}

.marketplace-storefront-payment-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.marketplace-storefront-payment-row span {
    display: inline-grid;
    place-items: center;
    min-width: 39px;
    min-height: 26px;
    border-radius: 4px;
    background: #f8fafc;
    color: #0f172a;
    font-size: 0.62rem;
    font-weight: 900;
}

.marketplace-storefront-proposal-one > .marketplace-signal-grid,
.marketplace-storefront-proposal-one > .marketplace-creator-catalog-rack,
.marketplace-storefront-proposal-one > .marketplace-journey-rail {
    display: none;
}

.marketplace-storefront-proposal-one > .marketplace-creator-trust-band,
.marketplace-storefront-proposal-one > .marketplace-storefront-secondary-rail {
    display: grid;
}

.marketplace-storefront-proposal-one .marketplace-storefront-owner-bridge {
    display: none;
}

@media (max-width: 1180px) {
    .marketplace-storefront-proposal-one .marketplace-proposal-topnav.marketplace-storefront-buyer-topbar,
    .marketplace-storefront-proposal-one .marketplace-hero__grid,
    .marketplace-storefront-proposal-one .marketplace-storefront-featured-preview {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .marketplace-storefront-proposal-one .marketplace-storefront-compact-catalog .marketplace-creator-catalog-rack__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .marketplace-storefront-proposal-one .marketplace-hero.marketplace-creator-storefront-hero {
        width: 100%;
        max-width: 100%;
        padding: 0 1rem 1.25rem;
    }

    .marketplace-storefront-proposal-one .marketplace-proposal-topnav__brand {
        min-width: 0;
        grid-template-columns: 36px minmax(0, auto) minmax(0, 1fr);
    }

    .marketplace-storefront-proposal-one .marketplace-proposal-topnav__brand span,
    .marketplace-storefront-proposal-one .marketplace-proposal-topnav__brand small {
        min-width: 0;
    }

    .marketplace-storefront-proposal-one .marketplace-proposal-topnav__brand small {
        padding-left: 0.8rem;
    }

    .marketplace-storefront-proposal-one .marketplace-mockup-creator-profile--proposal,
    .marketplace-storefront-proposal-one .marketplace-mockup-creator-profile--proposal .marketplace-mockup-creator-profile__metrics,
    .marketplace-storefront-proposal-one .marketplace-storefront-path-grid,
    .marketplace-storefront-proposal-one .marketplace-storefront-compact-catalog .marketplace-creator-catalog-rack__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .marketplace-storefront-proposal-one .marketplace-mockup-creator-profile--proposal {
        gap: 0.85rem;
    }

    .marketplace-storefront-proposal-one .marketplace-mockup-creator-profile--proposal .marketplace-mockup-creator-profile__avatar {
        width: 112px;
        height: 112px;
    }

    .marketplace-storefront-proposal-one .marketplace-mockup-creator-profile--proposal h1 {
        font-size: 1.78rem;
    }

    .marketplace-storefront-proposal-one .marketplace-storefront-profile-meta span + span {
        padding-left: 0;
        border-left: 0;
    }
}

@media (max-width: 680px) {
    .checkout-pending-hero + .marketplace-signal-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 430px) {
    .checkout-pending-hero + .marketplace-signal-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Quote-generation visual polish. Keep these late so the command-center pages stay usable at desktop screenshot widths. */
@media (max-width: 1280px) {
    .proposal-workspace-shell {
        margin: 0;
    }
}

@media (min-width: 1024px) and (max-width: 1280px) {
    .proposal-command-shell.proposal-workspace-shell:not(:has(.proposal-mockup-editor-hybrid)) {
        grid-template-columns: 210px minmax(0, 1fr);
    }

    .proposal-command-shell:not(:has(.proposal-mockup-editor-hybrid)) .proposal-sidebar {
        position: sticky;
        top: 0;
        grid-template-rows: auto minmax(0, 1fr) auto;
        height: 100vh;
    }

    .proposal-command-shell:not(:has(.proposal-mockup-editor-hybrid)) .proposal-sidebar__nav {
        grid-template-columns: minmax(0, 1fr);
    }

    .proposal-command-shell:not(:has(.proposal-mockup-editor-hybrid)) .proposal-quota-panel {
        display: grid;
    }

    .proposal-command-shell:not(:has(.proposal-mockup-editor-hybrid)) .proposal-stage {
        padding: 0 1.25rem 1.25rem;
    }

    .proposal-command-shell:not(:has(.proposal-mockup-editor-hybrid)) .proposal-topbar {
        grid-template-columns: minmax(0, 1fr) minmax(300px, 430px);
    }

    .proposal-command-shell:not(:has(.proposal-mockup-editor-hybrid)) .proposal-command-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .proposal-command-shell:not(:has(.proposal-mockup-editor-hybrid)) .proposal-list-layout {
        grid-template-columns: minmax(0, 1.35fr) minmax(330px, 0.65fr);
    }
}

.proposal-mockup-editor-toolbar button,
.proposal-mockup-preview-toolbar button,
.proposal-followup-rail h3 a {
    min-width: 44px;
    min-height: 44px;
}

.proposal-mockup-editor-toolbar button {
    width: 44px;
    height: 44px;
}

.proposal-public-review-sidebar__brand,
.proposal-public-review-sidebar nav a {
    min-height: 44px;
}

.proposal-followup-rail h3 a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 1024px) and (max-width: 1320px) {
    .proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-mockup-editor-hybrid {
        grid-template-columns: 132px minmax(260px, 0.58fr) minmax(360px, 1fr);
    }

    .proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-mockup-editor-hybrid__preview {
        grid-column: auto;
    }

    .proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-mockup-editor-hybrid__readiness {
        grid-column: 2 / 4;
    }
}

.proposal-document__summary-strip strong {
    overflow-wrap: break-word;
    word-break: normal;
}

.proposal-public-share__locked {
    justify-self: center;
    align-self: center;
    width: min(100%, 760px);
    min-height: min(72vh, 620px);
}

@media (min-width: 721px) {
    .proposal-document__summary-strip {
        grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    }
}

@media (max-width: 720px) {
    .proposal-document__summary-strip {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Marketplace visual audit polish */
.mockup-revenue-inspector a,
.mockup-revenue-chart header a,
.mockup-revenue-workspace__topbar a,
.mockup-revenue-table a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px !important;
    padding: 0 0.72rem;
    border-radius: 8px;
    line-height: 1.2;
}

.blueprint-branding-mock__asset-url,
.blueprint-branding-mock input.blueprint-branding-mock__asset-url {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blueprint-branding-mock__asset-location,
.blueprint-branding-mock__dropzone small,
.blueprint-branding-mock__logo-uploader small {
    max-width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
}

@media (min-width: 1181px) {
    .admin-workspace--branding-review {
        overflow-x: clip;
    }

    .admin-workspace--branding-review > .admin-review-topbar {
        left: 0;
        margin-left: 0;
        width: 100%;
        max-width: 100%;
    }

    .admin-workspace--branding-review .admin-branding-review-board {
        grid-template-columns: minmax(320px, 390px) minmax(0, 1fr) minmax(340px, 410px);
        max-width: 100%;
        overflow-x: clip;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__heading > div:last-child {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 0.5rem;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__heading button,
    .admin-workspace--branding-review .admin-branding-review-queue__pager button {
        min-width: 44px;
        min-height: 44px;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__pager button {
        width: 44px;
        height: 44px;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__item {
        grid-template-columns: 48px minmax(0, 1fr);
        grid-template-rows: auto auto auto;
        min-height: 112px;
        gap: 0.35rem 0.65rem;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__item::before {
        grid-column: 1;
        grid-row: 1 / span 3;
        width: 44px;
        height: 44px;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__item .status-pill {
        grid-column: 2;
        grid-row: 3;
        align-self: start;
        justify-self: start;
        max-width: 100%;
        min-width: 0;
        white-space: nowrap;
        text-align: left;
        line-height: 1.08;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__item strong {
        grid-column: 2;
        grid-row: 1;
        align-self: start;
        white-space: normal;
        line-height: 1.15;
        overflow-wrap: normal;
        word-break: normal;
        hyphens: none;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__creator {
        grid-column: 2;
        grid-row: 2;
        align-self: start;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__submitted {
        display: none;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__chevron {
        display: none;
    }

    .admin-workspace--branding-review .admin-review-topbar nav a {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
    }

    .admin-workspace--branding-review .admin-branding-review-detail__header {
        grid-template-columns: 68px minmax(0, 1fr) 90px;
    }

    .admin-workspace--branding-review .admin-branding-review-detail__icon {
        width: 64px;
        height: 64px;
    }

    .admin-workspace--branding-review .admin-branding-review-detail__header h2 {
        overflow-wrap: anywhere;
    }

    .admin-workspace--branding-review .admin-branding-safety article {
        position: relative;
        grid-template-columns: 44px minmax(0, 1fr);
        grid-template-rows: auto auto;
        min-height: 124px;
        padding-bottom: 0.75rem;
        overflow: hidden;
    }

    .admin-workspace--branding-review .admin-branding-safety article::before {
        grid-column: 1;
        grid-row: 1 / span 2;
        width: 40px;
        height: 40px;
    }

    .admin-workspace--branding-review .admin-branding-safety article .status-pill {
        grid-column: 2;
        grid-row: 2;
        position: static;
        width: max-content;
        max-width: 100%;
        min-height: 28px;
        margin-top: 0.35rem;
        text-align: left;
    }

    .admin-workspace--branding-review .admin-branding-safety article > div {
        grid-row: 1;
    }
}

@media (max-width: 1180px) {
    .admin-workspace--branding-review {
        overflow-x: clip;
    }

    .admin-workspace--branding-review .admin-branding-review-board {
        grid-template-columns: minmax(0, 1fr);
        height: auto;
        overflow: visible;
    }

    .admin-workspace--branding-review .admin-branding-review-actions {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (min-width: 861px) and (max-width: 1180px) {
    .admin-workspace--branding-review .admin-branding-review-queue__item {
        grid-template-columns: 46px minmax(0, 1fr) auto;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__submitted {
        grid-column: 3;
        grid-row: 3;
        align-self: start;
        justify-self: end;
        white-space: nowrap;
    }
}

.blueprint-publishing-workspace .blueprint-publish-command-main {
    grid-template-rows: auto auto auto auto;
    height: auto;
    min-height: 100vh;
    overflow: visible;
}

.blueprint-publishing-workspace .blueprint-publish-command-shell {
    height: auto;
    min-height: 100vh;
    overflow: visible;
}

.blueprint-publishing-workspace .blueprint-publish-studio-grid {
    min-height: 520px;
    overflow: visible;
    padding-bottom: 0.35rem;
}

.blueprint-publishing-workspace .blueprint-publish-lens-panel {
    overflow: visible;
}

.blueprint-publishing-workspace .blueprint-publish-stage-rail,
.blueprint-publishing-workspace .blueprint-publish-side-stack {
    max-height: calc(100vh - 10rem);
    overflow: auto;
}

.blueprint-publishing-workspace .blueprint-publish-action-rail {
    min-height: 96px;
    max-height: 132px;
    overflow: hidden;
    padding: 0.45rem 0.6rem;
}

.blueprint-publishing-workspace .blueprint-publish-preview-editor,
.blueprint-publishing-workspace .blueprint-publish-preview-phase,
.blueprint-publishing-workspace .blueprint-publish-preview-row,
.blueprint-publishing-workspace .blueprint-publish-preview-handoff {
    min-width: 0;
    overflow-wrap: anywhere;
}

.blueprint-publishing-workspace .blueprint-publish-preview-row small {
    white-space: normal;
}

.blueprint-publishing-workspace .blueprint-publish-blocked-mark {
    width: 44px;
    height: 44px;
    font-size: 1.35rem;
}

.blueprint-publishing-workspace .blueprint-publish-action-rail__status {
    grid-template-columns: 44px minmax(0, 1fr);
}

.blueprint-publishing-workspace .blueprint-publish-action-rail__status small:nth-of-type(n+3),
.blueprint-publishing-workspace .blueprint-publish-action-rail dl small,
.blueprint-publishing-workspace .blueprint-publish-action-rail__actions small {
    display: none;
}

.blueprint-publishing-workspace .blueprint-publish-next-action {
    min-height: 44px;
    padding: 0 0.38rem;
    font-size: 0.62rem;
    line-height: 1.12;
}

.blueprint-publishing-workspace .blueprint-publish-action-rail__actions .marketplace-action-link {
    min-height: 44px;
}

@media (min-width: 1400px) {
    .blueprint-publishing-workspace .blueprint-publish-studio-grid {
        grid-template-columns: minmax(220px, 0.52fr) minmax(0, 1.42fr) minmax(280px, 0.78fr);
        align-items: start;
    }

    .blueprint-publishing-workspace .blueprint-publish-stage-rail {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto minmax(0, 1fr) auto;
    }

    .blueprint-publishing-workspace .blueprint-publish-action-rail {
        grid-template-columns: minmax(190px, 0.72fr) minmax(0, 1.32fr) minmax(130px, 0.42fr) minmax(150px, 0.5fr);
    }
}

@media (min-width: 1100px) and (max-width: 1399px) {
    .blueprint-publishing-workspace .blueprint-publish-studio-grid {
        grid-template-columns: minmax(220px, 0.42fr) minmax(0, 1fr);
        align-items: start;
    }

    .blueprint-publishing-workspace .blueprint-publish-stage-rail {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto minmax(0, 1fr) auto;
    }

    .blueprint-publishing-workspace .blueprint-publish-side-stack {
        grid-column: 1 / -1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-height: none;
        overflow: visible;
    }

    .blueprint-publishing-workspace .blueprint-publish-action-rail {
        grid-template-columns: minmax(180px, 0.72fr) minmax(0, 1.4fr) minmax(120px, 0.38fr) minmax(140px, 0.48fr);
    }
}

@media (min-width: 1181px) and (max-width: 1399px) {
    .admin-workspace--branding-review .admin-branding-review-board {
        grid-template-columns: minmax(320px, 390px) minmax(0, 1fr);
        grid-template-rows: auto auto auto;
        min-height: auto;
        overflow: visible;
    }

    .admin-workspace--branding-review .admin-branding-review-detail {
        grid-column: 2;
        grid-row: 1;
    }

    .admin-workspace--branding-review .admin-branding-safety {
        grid-column: 1 / -1;
        grid-row: 2;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.7rem;
    }

    .admin-workspace--branding-review .admin-branding-safety {
        grid-template-rows: auto;
        grid-auto-rows: minmax(118px, auto);
        overflow: visible;
    }

    .admin-workspace--branding-review .admin-branding-safety .section-heading {
        grid-column: 1 / -1;
    }

    .admin-workspace--branding-review .admin-branding-review-actions {
        grid-column: 1 / -1;
        grid-row: 3;
    }

    .admin-workspace--branding-review .admin-branding-review-detail__header {
        display: grid;
        grid-template-columns: 64px minmax(0, 1fr) auto;
        align-items: start;
    }

    .admin-workspace--branding-review .admin-branding-review-detail__header > div {
        min-width: 0;
    }

    .admin-workspace--branding-review .admin-branding-review-detail__header > .status-pill {
        grid-column: 3;
        grid-row: 1;
        justify-self: end;
        white-space: normal;
        text-align: center;
    }

    .admin-workspace--branding-review .admin-branding-review-detail__due {
        grid-column: 3;
        grid-row: 2;
        justify-self: end;
        min-width: 90px;
        text-align: right;
    }

    .admin-workspace--branding-review .admin-branding-compare__art {
        min-height: 142px;
    }
}

@media (max-width: 860px) {
    .admin-workspace--branding-review > .admin-review-topbar,
    .admin-workspace--branding-review > .admin-review-icon-rail {
        display: none;
    }

    .admin-workspace--branding-review {
        padding: 0.75rem;
        overflow-x: hidden;
    }

    .admin-workspace--branding-review .admin-branding-review-board {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto auto auto auto;
        gap: 0.75rem;
        min-height: auto;
        padding: 0.75rem;
        overflow: visible;
    }

    .admin-workspace--branding-review .admin-branding-review-queue {
        grid-column: 1;
        grid-row: 1;
    }

    .admin-workspace--branding-review .admin-branding-review-detail {
        grid-column: 1;
        grid-row: 2;
    }

    .admin-workspace--branding-review .admin-branding-safety {
        grid-column: 1;
        grid-row: 3;
    }

    .admin-workspace--branding-review .admin-branding-review-queue,
    .admin-workspace--branding-review .admin-branding-review-detail,
    .admin-workspace--branding-review .admin-branding-safety {
        min-width: 0;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__heading {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: end;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__heading > div:last-child {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__heading button {
        min-width: 64px;
        min-height: 44px;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__pager {
        align-items: center;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__pager button {
        width: 44px;
        min-width: 44px;
        height: 44px;
        min-height: 44px;
        border: 1px solid rgba(148, 163, 184, 0.24);
        border-radius: 8px;
        background: rgba(15, 23, 42, 0.74);
        color: #dbeafe;
        font-weight: 800;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__item {
        grid-template-columns: 54px minmax(0, 1fr);
        grid-template-rows: auto auto auto;
        min-height: 88px;
        gap: 0.28rem 0.65rem;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__item::before {
        grid-row: 1 / span 3;
        width: 48px;
        height: 48px;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__item .status-pill {
        grid-column: 2;
        grid-row: 1;
        justify-self: start;
        max-width: 100%;
        white-space: normal;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__item strong {
        grid-column: 2;
        grid-row: 2;
        white-space: normal;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__creator {
        grid-column: 2;
        grid-row: 3;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__submitted,
    .admin-workspace--branding-review .admin-branding-review-queue__chevron {
        display: none;
    }

    .admin-workspace--branding-review .admin-branding-review-detail__header {
        display: grid;
        grid-template-columns: 56px minmax(0, 1fr);
    }

    .admin-workspace--branding-review .admin-branding-review-detail__header > .status-pill,
    .admin-workspace--branding-review .admin-branding-review-detail__due {
        grid-column: 1 / -1;
        justify-self: start;
        text-align: left;
    }

    .admin-workspace--branding-review .admin-branding-safety {
        grid-template-columns: minmax(0, 1fr);
    }

    .admin-workspace--branding-review .admin-branding-review-actions {
        grid-column: 1;
        grid-row: 4;
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Client Intake Hybrid A command workspace */
.client-intake-workspace {
    min-height: 100vh;
    background: #1b1c1e;
}

.client-intake-command-shell {
    display: grid;
    gap: 1rem;
    max-width: 1540px;
    margin: 0 auto;
    padding: 0 0 6rem;
}

.client-intake-topbar {
    display: grid;
    grid-template-columns: minmax(0, 0.98fr) minmax(18rem, 26rem);
    gap: 1rem 1.25rem;
    align-items: start;
}

.client-intake-topbar > div:first-child {
    min-width: 0;
    max-width: 68rem;
}

.client-intake-topbar h1 {
    margin: 0.25rem 0 0;
    color: #ffffff;
    font-size: clamp(2.5rem, 5.4vw, 5.3rem);
    line-height: 0.98;
    letter-spacing: 0;
}

.client-intake-topbar .marketplace-lead {
    max-width: 58rem;
}

.client-intake-status-strip {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.45rem;
    justify-self: end;
    max-width: 26rem;
    padding-top: 0.35rem;
}

.client-intake-boundary-alert {
    display: grid;
    grid-template-columns: auto minmax(18rem, 1fr) minmax(9rem, auto);
    gap: 0.65rem;
    align-items: center;
    min-height: 60px;
    padding: 0.72rem 0.9rem;
    border: 1px solid rgba(255, 215, 0, 0.32);
    border-radius: 8px;
    background: rgba(255, 215, 0, 0.09);
    color: #f8fafc;
}

.client-intake-boundary-alert strong {
    color: #ffd700;
    white-space: nowrap;
}

.client-intake-boundary-alert span {
    color: #cbd5e1;
}

.client-intake-boundary-alert a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: end;
    min-height: 44px;
    padding: 0 0.85rem;
    border: 1px solid rgba(255, 215, 0, 0.28);
    border-radius: 8px;
    background: rgba(18, 20, 23, 0.36);
    color: #60a5fa;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.client-intake-server-readback,
.client-intake-proof-rail,
.client-intake-handoff-panel {
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(43, 45, 49, 0.74);
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24);
}

.client-intake-server-readback {
    display: grid;
    grid-template-columns: minmax(12rem, 0.82fr) auto minmax(0, 1.24fr);
    gap: 0.75rem;
    align-items: center;
    padding: 0.8rem;
}

.client-intake-server-readback h2,
.client-intake-proof-rail h2,
.client-intake-handoff-panel h2 {
    margin: 0;
    color: #ffffff;
    letter-spacing: 0;
}

.client-intake-server-readback p,
.client-intake-proof-rail p,
.client-intake-handoff-panel p {
    margin: 0;
    color: #cbd5e1;
}

.client-intake-server-readback dl,
.client-intake-handoff-panel dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem 0.9rem;
    margin: 0;
}

.client-intake-server-readback div,
.client-intake-handoff-panel dl div {
    min-width: 0;
}

.client-intake-server-readback dt,
.client-intake-handoff-panel dt {
    color: #9ca3af;
    font-size: 0.76rem;
    font-weight: 760;
    text-transform: uppercase;
}

.client-intake-server-readback dd,
.client-intake-handoff-panel dd {
    margin: 0.12rem 0 0;
    color: #ffffff;
    overflow-wrap: anywhere;
}

.client-intake-signal-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.6rem;
}

.client-intake-signal-grid > div {
    display: grid;
    gap: 0.25rem;
    min-height: 68px;
    padding: 0.7rem 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(18, 20, 23, 0.62);
}

.client-intake-signal-grid span {
    color: #9ca3af;
    font-size: 0.78rem;
    font-weight: 760;
    text-transform: uppercase;
}

.client-intake-signal-grid strong {
    color: #ffffff;
    font-size: 0.98rem;
    line-height: 1.25;
}

.client-intake-builder-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(23rem, 0.44fr);
    gap: 0.9rem;
    align-items: start;
}

.client-intake-brief-panel {
    gap: 0.8rem;
    padding: 0.85rem;
}

.client-intake-panel-heading {
    align-items: start;
}

.client-intake-panel-heading p {
    margin: 0.3rem 0 0;
    color: #9ca3af;
}

.client-intake-field-stack {
    display: grid;
    gap: 0.65rem;
}

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

.client-intake-field {
    min-width: 0;
}

.client-intake-field input,
.client-intake-field textarea {
    min-height: 44px;
}

.client-intake-field textarea {
    resize: vertical;
}

.client-intake-proof-rail {
    position: sticky;
    top: 1rem;
    display: grid;
    gap: 0.7rem;
    padding: 0.8rem;
}

.client-intake-proof-rail header {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: start;
}

.client-intake-proof-rail header > strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3.75rem;
    min-height: 44px;
    border: 1px solid rgba(255, 215, 0, 0.42);
    border-radius: 8px;
    background: rgba(255, 215, 0, 0.1);
    color: #ffd700;
    font-size: 1rem;
}

.client-intake-blocker-list {
    display: grid;
    gap: 0.5rem;
}

.client-intake-blocker {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    gap: 0.55rem;
    align-items: center;
    min-height: 60px;
    padding: 0.5rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: rgba(18, 20, 23, 0.78);
}

.client-intake-blocker > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.12);
    color: #60a5fa;
    font-size: 0.72rem;
    font-weight: 900;
}

.client-intake-blocker--red {
    border-color: rgba(255, 68, 68, 0.34);
}

.client-intake-blocker--red > span {
    background: rgba(255, 68, 68, 0.12);
    color: #ff4444;
}

.client-intake-blocker--orange,
.client-intake-blocker--gold {
    border-color: rgba(255, 165, 0, 0.34);
}

.client-intake-blocker--orange > span,
.client-intake-blocker--gold > span {
    background: rgba(255, 165, 0, 0.12);
    color: #ffa500;
}

.client-intake-blocker strong,
.client-intake-blocker small {
    display: block;
    min-width: 0;
}

.client-intake-blocker strong {
    color: #ffffff;
}

.client-intake-blocker small {
    margin-top: 0.15rem;
    color: #9ca3af;
}

.client-intake-blocker a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    min-width: 6.5rem;
    padding: 0 0.6rem;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.08);
    color: #60a5fa;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.client-intake-readiness-details {
    min-width: 0;
}

.client-intake-readiness-details > summary {
    cursor: pointer;
    list-style-position: inside;
}

.client-intake-readiness-table {
    display: grid;
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(156, 163, 175, 0.14);
    border-radius: 8px;
}

.client-intake-readiness-table__head,
.client-intake-readiness-row {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.72fr) minmax(0, 0.86fr) minmax(2.8rem, 0.32fr);
    gap: 0.5rem;
    align-items: center;
    min-height: 44px;
    padding: 0.5rem 0.65rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.12);
}

.client-intake-readiness-table__head {
    color: #9ca3af;
    font-size: 0.7rem;
    font-weight: 820;
    text-transform: uppercase;
}

.client-intake-readiness-row {
    color: #e5e7eb;
    font-size: 0.82rem;
}

.client-intake-readiness-table__head span,
.client-intake-readiness-row span {
    min-width: 0;
    overflow-wrap: anywhere;
}

.client-intake-readiness-row:last-child {
    border-bottom: 0;
}

.client-intake-readiness-row strong {
    justify-self: end;
    color: #ffffff;
}

.client-intake-readiness-row--green strong {
    color: #00e676;
}

.client-intake-readiness-row--gold strong,
.client-intake-readiness-row--orange strong {
    color: #ffa500;
}

.client-intake-readiness-row--red strong {
    color: #ff4444;
}

.client-intake-proof-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.45rem;
}

.client-intake-proof-summary span {
    display: grid;
    gap: 0.15rem;
    min-height: 50px;
    padding: 0.5rem;
    border: 1px solid rgba(156, 163, 175, 0.14);
    border-radius: 8px;
    color: #9ca3af;
    font-size: 0.84rem;
    text-align: center;
}

.client-intake-proof-summary strong {
    color: #ffffff;
}

.client-intake-workspace #requirements {
    display: grid;
    gap: 0.85rem;
    padding-top: 0.15rem;
}

.client-intake-workspace #requirements > div:first-child {
    display: grid;
    gap: 0.2rem;
    justify-items: start;
}

.client-intake-workspace #requirements h2 {
    max-width: 58rem;
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.55rem, 2.2vw, 2.15rem);
    line-height: 1.16;
    letter-spacing: 0;
}

.client-intake-workspace #requirements .marketplace-card-grid {
    gap: 0.75rem;
}

.client-intake-workspace #requirements .marketplace-card {
    display: grid;
    gap: 0.65rem;
    padding: 1rem;
    background: rgba(43, 45, 49, 0.78);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18);
}

.client-intake-workspace #requirements .marketplace-card h2 {
    font-size: 1.12rem;
    line-height: 1.2;
}

.client-intake-workspace #requirements .marketplace-card p {
    margin: 0;
    line-height: 1.45;
}

.client-intake-workspace #requirements .marketplace-definition-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
    margin: 0.05rem 0 0;
}

.client-intake-workspace #requirements .marketplace-definition-list div {
    min-width: 0;
    padding: 0.55rem;
    border: 1px solid rgba(156, 163, 175, 0.12);
    border-radius: 8px;
    background: rgba(18, 20, 23, 0.34);
}

.client-intake-workspace #requirements .marketplace-definition-list dt {
    color: #9ca3af;
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
}

.client-intake-workspace #requirements .marketplace-definition-list dd {
    margin-top: 0.18rem;
    font-size: 0.9rem;
    line-height: 1.35;
}

.client-intake-workspace #requirements .marketplace-card__actions {
    gap: 0.55rem;
    margin-top: 0.05rem;
}

.client-intake-workspace #requirements .marketplace-card__actions .marketplace-action-link {
    flex: 1 1 11rem;
    min-width: 0;
}

.client-intake-handoff-panel {
    display: grid;
    gap: 0.9rem;
    padding: 0.95rem;
}

.client-intake-handoff-panel header {
    display: flex;
    justify-content: space-between;
    gap: 0.8rem;
    align-items: start;
}

.client-intake-handoff-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(18rem, 0.8fr);
    gap: 0.9rem;
}

.client-intake-handoff-steps {
    display: grid;
    gap: 0.45rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.client-intake-handoff-steps li {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 0.5rem 0.65rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    color: #cbd5e1;
}

.client-intake-handoff-steps__done {
    border-color: rgba(0, 230, 118, 0.28) !important;
    color: #00e676 !important;
}

.client-intake-handoff-steps__active {
    border-color: rgba(96, 165, 250, 0.36) !important;
    color: #60a5fa !important;
}

.client-intake-deep-link {
    min-height: 44px;
    padding: 0.65rem;
    border: 1px solid rgba(96, 165, 250, 0.22);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.08);
    overflow-wrap: anywhere;
}

.client-intake-action-rail {
    position: sticky;
    bottom: 0;
    z-index: 8;
    display: grid;
    grid-template-columns: minmax(11rem, 0.7fr) minmax(12rem, 0.8fr) minmax(14rem, 1fr);
    gap: 0.65rem;
    align-items: center;
    max-width: 1540px;
    margin: 0 auto;
    padding: 0.65rem 0;
    border-top: 1px solid rgba(156, 163, 175, 0.16);
    background: rgba(27, 28, 30, 0.96);
    backdrop-filter: blur(14px);
}

.client-intake-action-rail .marketplace-action-link {
    min-height: 48px;
}

@media (max-width: 1180px) {
    .client-intake-topbar,
    .client-intake-builder-grid,
    .client-intake-handoff-grid,
    .client-intake-server-readback {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-intake-status-strip {
        justify-content: flex-start;
        justify-self: start;
        max-width: none;
    }

    .client-intake-proof-rail {
        position: static;
    }
}

@media (max-width: 760px) {
    .client-intake-command-shell {
        padding-bottom: 1rem;
    }

    .client-intake-topbar h1 {
        max-width: 100%;
        font-size: clamp(2rem, 9vw, 2.35rem);
        line-height: 1.04;
        overflow-wrap: break-word;
    }

    .client-intake-topbar .marketplace-lead {
        line-height: 1.38;
    }

    .client-intake-status-strip {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
        padding-top: 0;
    }

    .client-intake-status-strip .status-pill {
        width: 100%;
        min-width: 0;
        justify-content: center;
        text-align: center;
        white-space: normal;
    }

    .client-intake-boundary-alert,
    .client-intake-signal-grid,
    .client-intake-form-row,
    .client-intake-readiness-table__head,
    .client-intake-readiness-row,
    .client-intake-action-rail {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-intake-boundary-alert strong {
        white-space: normal;
    }

    .client-intake-boundary-alert a {
        justify-self: stretch;
    }

    .client-intake-blocker {
        grid-template-columns: 44px minmax(0, 1fr);
    }

    .client-intake-blocker a {
        grid-column: 2;
        justify-content: flex-start;
    }

    .client-intake-workspace #requirements .marketplace-definition-list {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-intake-proof-summary {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-intake-handoff-panel header {
        flex-direction: column;
    }

    .client-intake-action-rail {
        position: static;
        padding: 0.85rem 0 0;
    }
}

/* Client Intake Hybrid A command-center target */
.page:has(.client-intake-workspace--command) .command-header {
    display: none;
}

.main:has(.client-intake-workspace--command) {
    min-height: 100vh;
    padding: 0;
    background: #070b0f;
    overflow-x: hidden;
}

.client-intake-workspace--command {
    display: grid;
    grid-template-columns: 226px minmax(0, 1fr);
    min-height: 100vh;
    padding: 0;
    background:
        linear-gradient(180deg, rgba(11, 16, 22, 0.98), rgba(7, 11, 15, 1)),
        #070b0f;
    color: #f8fafc;
}

.marketplace-workspace.client-intake-workspace--command {
    gap: 0;
    padding: 0 !important;
}

.marketplace-workspace.client-intake-workspace--command::before,
.marketplace-workspace.client-intake-workspace--command::after {
    display: none !important;
}

.marketplace-workspace.client-intake-workspace--command > * {
    position: relative;
    z-index: 1;
}

.client-intake-workspace--command .client-intake-command-shell {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: 0;
    width: 100%;
    max-width: none;
    min-width: 0;
    min-height: 100vh;
    margin: 0;
    padding: 0 0 82px;
}

.client-intake-route-sidebar {
    position: sticky;
    top: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto auto;
    gap: 1.4rem;
    min-height: 100vh;
    padding: 1.25rem 0.55rem 1.4rem;
    border-right: 1px solid rgba(148, 163, 184, 0.18);
    background: linear-gradient(180deg, #091018, #05080c);
}

.client-intake-route-brand {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.6rem;
    align-items: center;
    min-height: 54px;
    padding: 0 0.55rem;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
}

.client-intake-route-brand span,
.client-intake-route-user > span,
.client-intake-appbar__avatar {
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 2px solid #ffd700;
    border-radius: 50%;
    color: #ffd700;
    font-weight: 900;
}

.client-intake-route-brand strong {
    letter-spacing: 0.14em;
}

.client-intake-route-sidebar nav {
    display: grid;
    align-content: start;
    gap: 0.3rem;
    min-width: 0;
}

.client-intake-route-sidebar nav small {
    margin: 0.25rem 0.45rem 0.5rem;
    color: #9ca3af;
    font-size: 0.74rem;
    font-weight: 840;
    text-transform: uppercase;
}

.client-intake-route-sidebar nav a {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    min-height: 44px;
    padding: 0 0.85rem;
    border-radius: 8px;
    color: #cbd5e1;
    font-size: 0.88rem;
    text-decoration: none;
}

.client-intake-route-sidebar nav a.active,
.client-intake-route-sidebar nav a:hover,
.client-intake-route-sidebar nav a:focus-visible {
    background: rgba(255, 215, 0, 0.16);
    color: #ffd700;
}

.client-intake-route-sidebar nav a span {
    margin-left: auto;
    min-width: 22px;
    min-height: 22px;
    border-radius: 999px;
    background: #2563eb;
    color: #ffffff;
    font-size: 0.76rem;
    font-weight: 900;
    text-align: center;
}

.client-intake-route-user {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.65rem;
    align-items: center;
    min-height: 64px;
    padding: 0.75rem 0.55rem;
    border-top: 1px solid rgba(148, 163, 184, 0.18);
}

.client-intake-route-user strong,
.client-intake-route-user small {
    display: block;
}

.client-intake-route-user small,
.client-intake-route-sidebar > p {
    color: #9ca3af;
}

.client-intake-route-sidebar > p {
    margin: 0;
    padding: 1rem 0.55rem 0;
    border-top: 1px solid rgba(148, 163, 184, 0.18);
    line-height: 1.55;
}

.client-intake-appbar {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) minmax(18rem, 22rem) auto;
    gap: 1rem;
    align-items: center;
    min-width: 0;
    min-height: 64px;
    padding: 0 1.5rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
    background: rgba(7, 11, 15, 0.88);
}

.client-intake-appbar > a,
.client-intake-appbar nav span,
.client-intake-search span {
    color: #cbd5e1;
}

.client-intake-appbar > a {
    min-height: 44px;
    min-width: 44px;
    display: inline-flex;
    align-items: center;
    color: #9ca3af;
    text-decoration: none;
}

.client-intake-appbar nav {
    display: flex;
    gap: 0.6rem;
    align-items: center;
}

.client-intake-appbar nav span + span::before {
    content: "/";
    margin-right: 0.6rem;
    color: #64748b;
}

.client-intake-search {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    min-height: 44px;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 8px;
    background: rgba(2, 6, 10, 0.74);
}

.client-intake-search span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

.client-intake-search input {
    min-width: 0;
    min-height: 44px;
    padding: 0 0.8rem;
    border: 0;
    background: transparent;
    color: #ffffff;
}

.client-intake-search kbd {
    margin-right: 0.45rem;
    padding: 0.18rem 0.4rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 5px;
    color: #9ca3af;
    font-size: 0.72rem;
}

.client-intake-appbar__account {
    display: grid;
    grid-template-columns: 44px 44px minmax(0, auto);
    gap: 0.65rem;
    align-items: center;
    justify-content: end;
    min-width: 0;
}

.client-intake-appbar__notification {
    position: relative;
    display: inline-grid;
    place-items: center;
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: #cbd5e1;
}

.client-intake-appbar__notification span {
    position: relative;
    width: 17px;
    height: 19px;
    border: 2px solid currentColor;
    border-bottom: 0;
    border-radius: 9px 9px 4px 4px;
}

.client-intake-appbar__notification span::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -5px;
    width: 6px;
    height: 5px;
    border: 2px solid currentColor;
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
    transform: translateX(-50%);
}

.client-intake-appbar__notification span::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -5px;
    width: 22px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
    transform: translateX(-50%);
}

.client-intake-appbar__notification em {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-grid;
    place-items: center;
    min-width: 18px;
    height: 18px;
    padding: 0 0.2rem;
    border-radius: 999px;
    background: #2563eb;
    color: #ffffff;
    font-size: 0.66rem;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
}

.client-intake-appbar__notification:hover,
.client-intake-appbar__notification:focus-visible {
    border-color: rgba(96, 165, 250, 0.45);
    background: rgba(37, 99, 235, 0.14);
    color: #ffffff;
    outline: none;
}

.client-intake-appbar__account strong,
.client-intake-appbar__account small {
    display: block;
}

.client-intake-appbar__account strong {
    color: #f8fafc;
    font-size: 0.86rem;
    line-height: 1.2;
}

.client-intake-appbar__account small {
    color: #9ca3af;
    font-size: 0.72rem;
    line-height: 1.35;
}

.client-intake-command-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(520px, 560px);
    min-width: 0;
    padding-bottom: 6.75rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.16);
}

.client-intake-command-main--form-only {
    grid-template-columns: minmax(0, 1fr);
}

.client-intake-command-main--form-only .client-intake-left-pane {
    width: min(100%, 1040px);
}

.client-intake-left-pane {
    display: grid;
    align-content: start;
    gap: 0.8rem;
    min-width: 0;
    padding: 2rem 1.75rem 1.7rem;
    border-right: 1px solid rgba(148, 163, 184, 0.18);
}

.client-intake-workspace--command .client-intake-topbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.8rem;
    align-items: start;
}

.client-intake-workspace--command .client-intake-topbar h1 {
    margin: 0;
    font-size: clamp(1.6rem, 1.85vw, 1.85rem);
    line-height: 1.08;
}

.client-intake-target-note {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

.client-intake-workspace--command .client-intake-status-strip {
    justify-self: start;
    max-width: none;
    padding-top: 0;
}

.client-intake-workspace--command .client-intake-status-strip .status-pill {
    min-width: 0;
    min-height: 34px;
    padding: 0 0.72rem;
    font-size: 0.72rem;
    white-space: nowrap;
}

.client-intake-workspace--command .client-intake-boundary-alert {
    grid-template-columns: 28px minmax(0, 1fr) auto;
    grid-template-rows: auto;
    min-height: 52px;
    padding: 0.52rem 0.85rem;
}

.client-intake-workspace--command .client-intake-boundary-alert::before {
    content: "!";
    display: inline-grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border: 1px solid rgba(255, 215, 0, 0.52);
    border-radius: 50%;
    color: #ffd700;
    font-weight: 900;
}

.client-intake-workspace--command .client-intake-boundary-alert strong {
    grid-column: 2;
    grid-row: 1;
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
}

.client-intake-workspace--command .client-intake-boundary-alert span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

.client-intake-workspace--command .client-intake-boundary-alert a {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
}

.client-intake-review-list {
    display: grid;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 8px;
    background: rgba(10, 15, 21, 0.68);
}

.client-intake-review-row {
    position: relative;
    display: grid;
    grid-template-columns: 36px minmax(12rem, 0.55fr) minmax(0, 1fr) minmax(5.5rem, auto);
    gap: 0.9rem;
    align-items: center;
    min-height: 74px;
    padding: 0.65rem 0.9rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.22);
}

.client-intake-review-row:last-child {
    border-bottom: 0;
}

.client-intake-review-row--blocked {
    border-color: rgba(251, 191, 36, 0.44);
    background: rgba(251, 191, 36, 0.045);
}

.client-intake-review-row--blocked .client-intake-review-row__number {
    border-color: rgba(251, 191, 36, 0.68);
    color: #fcd34d;
}

.client-intake-review-row--blocked h2,
.client-intake-review-row--blocked .client-intake-review-field span {
    color: #fcd34d;
}

.client-intake-review-row--active {
    align-items: start;
    min-height: 144px;
    padding-block: 0.9rem;
    border-color: rgba(96, 165, 250, 0.42);
    background: rgba(96, 165, 250, 0.05);
}

.client-intake-review-row--complete {
    background: rgba(34, 197, 94, 0.018);
}

.client-intake-review-row--upcoming {
    opacity: 0.68;
}

.client-intake-review-row--active .client-intake-review-row__number {
    border-color: rgba(96, 165, 250, 0.74);
    color: #bfdbfe;
}

.client-intake-review-row--complete .client-intake-review-row__number {
    border-color: rgba(34, 197, 94, 0.55);
    color: #86efac;
}

.client-intake-review-row__prompt {
    display: grid;
    gap: 0.32rem;
    min-width: 0;
}

.client-intake-review-field input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    opacity: 0;
}

.client-intake-review-row__number {
    display: inline-grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border: 1px solid rgba(148, 163, 184, 0.38);
    border-radius: 6px;
    color: #ffffff;
    font-weight: 800;
}

.client-intake-review-row h2 {
    margin: 0;
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.16;
}

.client-intake-review-row__prompt p {
    margin: 0;
    color: #9ca3af;
    font-size: 0.78rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.client-intake-review-split {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.18rem;
    min-width: 0;
}

.client-intake-review-split--proof {
    grid-template-columns: minmax(0, 1fr);
}

.client-intake-review-split--proof .client-intake-review-field--wide {
    display: grid;
    grid-column: 1 / -1;
}

.client-intake-review-field {
    display: grid;
    min-width: 0;
}

.client-intake-review-field span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

.client-intake-review-field input,
.client-intake-review-field textarea {
    width: 100%;
    min-height: 44px;
    padding: 0.35rem 0.45rem;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: #f8fafc;
    font: inherit;
    font-size: 0.82rem;
    line-height: 1.28;
    resize: none;
}

.client-intake-review-row--active .client-intake-review-field input,
.client-intake-review-row--active .client-intake-review-field textarea {
    border-color: rgba(251, 191, 36, 0.48);
    background: rgba(7, 11, 15, 0.44);
}

.client-intake-review-row--active .client-intake-review-field textarea {
    height: 92px;
    overflow: auto;
}

.client-intake-review-field input::placeholder,
.client-intake-review-field textarea::placeholder {
    color: rgba(203, 213, 225, 0.58);
}

.client-intake-review-field input {
    overflow: hidden;
    text-overflow: ellipsis;
}

.client-intake-review-field textarea {
    height: 44px;
    overflow: hidden;
}

.client-intake-review-field + .client-intake-review-field input,
.client-intake-review-field + .client-intake-review-field textarea,
.client-intake-review-split--proof .client-intake-review-field--wide input {
    color: #9ca3af;
    font-size: 0.78rem;
}

.client-intake-review-field input:focus,
.client-intake-review-field textarea:focus {
    outline: 2px solid rgba(96, 165, 250, 0.58);
    outline-offset: 4px;
}

.client-intake-review-field [aria-invalid="true"] {
    border-color: rgba(251, 191, 36, 0.84);
    box-shadow:
        0 0 0 3px rgba(251, 191, 36, 0.13),
        inset 0 0 0 1px rgba(251, 191, 36, 0.16);
}

.client-intake-review-field__error {
    margin-top: 0.28rem;
    color: #fcd34d;
    font-size: 0.78rem;
    font-weight: 850;
    line-height: 1.32;
}

.client-intake-row-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.38rem;
    min-width: 68px;
    min-height: 44px;
    border: 1px solid rgba(148, 163, 184, 0.32);
    border-radius: 6px;
    background: rgba(15, 23, 33, 0.84);
    color: #ffffff;
    font-weight: 800;
    text-decoration: none;
}

.client-intake-row-action::before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    border: 1.6px solid currentColor;
    border-radius: 2px;
    transform: rotate(-12deg);
    opacity: 0.86;
}

.client-intake-row-action::after {
    content: "";
    display: inline-block;
    width: 5px;
    height: 1.6px;
    margin-left: -0.54rem;
    background: currentColor;
    transform: rotate(-38deg) translate(-1px, 7px);
    opacity: 0.86;
}

.client-intake-row-action--icon::before {
    position: relative;
    width: 15px;
    height: 14px;
    border-radius: 2px;
    transform: none;
}

.client-intake-row-action--icon::after {
    width: 15px;
    height: 1.6px;
    margin-left: -1.32rem;
    transform: translateY(-3px);
}

.client-intake-row-action--icon {
    min-width: 68px;
    font-size: 0;
}

.client-intake-row-action--next,
.client-intake-row-action--change {
    min-width: 86px;
}

.client-intake-row-action--next::before,
.client-intake-row-action--next::after,
.client-intake-row-action--change::before,
.client-intake-row-action--change::after {
    display: none;
}

.client-intake-row-action--next {
    border-color: rgba(96, 165, 250, 0.72);
    background: rgba(37, 99, 235, 0.16);
    color: #bfdbfe;
}

.client-intake-row-action--change {
    color: #cbd5e1;
}

.client-intake-step-state {
    justify-self: start;
    color: #9ca3af;
    font-size: 0.76rem;
    font-weight: 820;
    text-transform: uppercase;
}

.client-intake-review-row--complete .client-intake-step-state {
    color: #86efac;
}

.client-intake-workspace--command .client-intake-proof-rail {
    position: sticky;
    top: 0;
    align-self: start;
    min-height: 0;
    height: calc(100vh - 176px);
    padding: 1.25rem 1.25rem 0;
    border-left: 1px solid rgba(148, 163, 184, 0.22);
    border-top: 1px solid rgba(148, 163, 184, 0.18);
    border-top-left-radius: 8px;
    background: linear-gradient(180deg, rgba(15, 21, 29, 0.98), rgba(9, 13, 18, 0.96));
    box-shadow: none;
    overflow: hidden;
}

.client-intake-workspace--command .client-intake-proof-rail header {
    align-items: start;
}

.client-intake-workspace--command .client-intake-proof-rail header a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 0.85rem;
    border: 1px solid rgba(59, 130, 246, 0.62);
    border-radius: 6px;
    background: rgba(37, 99, 235, 0.12);
    color: #60a5fa;
    font-weight: 800;
    text-decoration: none;
}

.client-intake-workspace--command .client-intake-proof-rail h2 {
    display: flex;
    gap: 0.55rem;
    align-items: center;
    font-size: 1.25rem;
}

.client-intake-workspace--command .client-intake-proof-rail h2 span {
    display: inline-grid;
    place-items: center;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(203, 213, 225, 0.7);
    border-radius: 50%;
    color: #cbd5e1;
    font-size: 0.72rem;
}

.client-intake-proof-kicker {
    display: none;
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 820;
    text-transform: uppercase;
}

.client-intake-workspace--command .client-intake-readiness-table {
    border-color: rgba(148, 163, 184, 0.18);
    border-radius: 0;
    background: rgba(6, 10, 15, 0.4);
}

.client-intake-workspace--command .client-intake-readiness-table__head,
.client-intake-workspace--command .client-intake-readiness-row {
    grid-template-columns: minmax(7.5rem, 1.12fr) minmax(3.8rem, 0.52fr) minmax(4.4rem, 0.68fr) minmax(4.6rem, 0.7fr) 58px;
    grid-template-areas: "type authority blocker recovery readiness";
    column-gap: 0.36rem;
    row-gap: 0;
    min-height: 58px;
    padding: 0.48rem 0.7rem;
    font-size: 0.76rem;
}

.client-intake-workspace--command .client-intake-readiness-table__head {
    min-height: 46px;
}

.client-intake-workspace--command .client-intake-readiness-table__head span {
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
}

.client-intake-workspace--command .client-intake-readiness-table__head span:nth-child(1) {
    grid-area: type;
}

.client-intake-workspace--command .client-intake-readiness-table__head span:nth-child(2) {
    grid-area: authority;
}

.client-intake-workspace--command .client-intake-readiness-table__head span:nth-child(3),
.client-intake-workspace--command .client-intake-readiness-table__head span:nth-child(4) {
    display: inline;
}

.client-intake-workspace--command .client-intake-readiness-table__head span:nth-child(3) {
    grid-area: blocker;
}

.client-intake-workspace--command .client-intake-readiness-table__head span:nth-child(4) {
    grid-area: recovery;
}

.client-intake-workspace--command .client-intake-readiness-table__head span:nth-child(5) {
    grid-area: readiness;
    justify-self: end;
    font-size: 0.66rem;
    letter-spacing: 0;
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
}

.client-intake-workspace--command .client-intake-readiness-row__type {
    grid-area: type;
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 0.38rem;
    align-items: center;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: manual;
}

.client-intake-workspace--command .client-intake-readiness-row__type b {
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background: rgba(96, 165, 250, 0.12);
    color: #60a5fa;
    font-size: 0.58rem;
}

.client-intake-workspace--command .client-intake-readiness-row a {
    grid-area: recovery;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 44px;
    padding: 0.25rem 0;
    color: #cbd5e1;
    text-decoration: none;
}

.client-intake-workspace--command .client-intake-readiness-row > span:nth-of-type(2) {
    grid-area: authority;
}

.client-intake-workspace--command .client-intake-readiness-row > span:nth-of-type(3) {
    grid-area: blocker;
    color: #cbd5e1;
}

.client-intake-workspace--command .client-intake-readiness-row strong {
    grid-area: readiness;
    align-self: center;
    justify-self: end;
}

.client-intake-workspace--command .client-intake-readiness-row strong span {
    display: inline-grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border: 3px solid currentColor;
    border-radius: 50%;
    color: inherit;
    font-size: 0.72rem;
}

.client-intake-readiness-row--muted strong {
    color: #6b7280;
}

.client-intake-readiness-row--muted .client-intake-readiness-row__type b {
    color: #9ca3af;
    background: rgba(148, 163, 184, 0.12);
}

.client-intake-proof-footnote {
    display: flex;
    align-items: center;
    min-height: 54px;
    margin: 1rem -1.25rem 0;
    padding: 0 1.25rem;
    border-top: 1px solid rgba(148, 163, 184, 0.18);
    color: #60a5fa;
    text-decoration: none;
}

.client-intake-workspace--command .client-intake-proof-summary {
    display: none;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.client-intake-workspace--command > .client-intake-command-shell > #requirements {
    display: none;
}

.client-intake-workspace--command .client-intake-handoff-panel {
    margin: 1rem 1.75rem 0;
}

.client-intake-workspace--command .client-intake-action-rail {
    position: fixed;
    left: 226px;
    right: 0;
    bottom: 0;
    z-index: 30;
    display: grid;
    grid-template-columns: minmax(9rem, 176px) minmax(0, 1fr) minmax(13rem, 260px) minmax(13rem, 260px);
    gap: 1rem;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0.5rem 1.25rem;
    border-top: 1px solid rgba(148, 163, 184, 0.18);
    background: rgba(7, 11, 15, 0.96);
}

.client-intake-workspace--command .client-intake-action-rail > :nth-child(1) {
    grid-column: 1;
}

.client-intake-workspace--command .client-intake-action-rail > :nth-child(2) {
    grid-column: 4;
}

.client-intake-workspace--command .client-intake-action-rail > :nth-child(3) {
    grid-column: 3;
}

.client-intake-workspace--command .client-intake-action-rail .marketplace-action-link {
    min-height: 46px;
}

.client-intake-workspace--command .client-intake-action-rail button[data-testid="client-mandate-create"] {
    border-color: rgba(96, 165, 250, 0.86);
    background: linear-gradient(180deg, #2f86ff, #1d5fd0);
}

@media (max-width: 1320px) {
    .client-intake-workspace--command {
        grid-template-columns: 72px minmax(0, 1fr);
    }

    .client-intake-route-brand strong,
    .client-intake-route-sidebar nav small,
    .client-intake-route-sidebar nav a,
    .client-intake-route-user div,
    .client-intake-route-sidebar > p {
        display: none;
    }

    .client-intake-route-sidebar {
        padding-inline: 0.7rem;
    }

    .client-intake-workspace--command .client-intake-action-rail {
        left: 72px;
    }
}

@media (max-width: 1120px) {
    .client-intake-command-main,
    .client-intake-workspace--command .client-intake-appbar,
    .client-intake-review-row,
    .client-intake-workspace--command .client-intake-action-rail {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-intake-workspace--command .client-intake-appbar {
        gap: 0.35rem;
        align-content: center;
        padding: 0.65rem 1rem;
    }

    .client-intake-search,
    .client-intake-appbar__account {
        display: none;
    }

    .client-intake-appbar nav {
        flex-wrap: wrap;
    }

    .client-intake-workspace--command .client-intake-action-rail > * {
        grid-column: auto;
    }

    .client-intake-workspace--command .client-intake-proof-rail {
        position: static;
        min-height: 0;
        border-radius: 0;
    }

    .client-intake-review-row::after {
        display: none;
    }

    .client-intake-row-action {
        justify-self: start;
    }
}

@media (max-width: 760px) {
    .client-intake-workspace--command {
        grid-template-columns: minmax(0, 1fr);
        width: 100vw;
        max-width: 100vw;
        overflow-x: hidden;
    }

    .client-intake-workspace--command .client-intake-command-shell {
        width: 100vw;
        max-width: 100vw;
        padding-bottom: 0;
        overflow-x: hidden;
    }

    .client-intake-command-main {
        width: 100vw;
        max-width: 100vw;
        padding-bottom: 0;
        overflow-x: hidden;
    }

    .client-intake-route-sidebar {
        position: static;
        min-height: 0;
        grid-template-rows: auto;
        gap: 0;
        padding: 0.5rem 1rem;
        border-right: 0;
        border-bottom: 1px solid rgba(148, 163, 184, 0.18);
    }

    .client-intake-route-brand {
        min-height: 48px;
        padding: 0;
    }

    .client-intake-route-sidebar nav,
    .client-intake-route-user,
    .client-intake-route-sidebar > p {
        display: none;
    }

    .client-intake-workspace--command .client-intake-appbar {
        align-content: center;
        gap: 0.25rem;
        width: 100vw;
        max-width: 100vw;
        padding: 0 1rem;
        overflow: hidden;
    }

    .client-intake-workspace--command .client-intake-appbar > *,
    .client-intake-review-row > *,
    .client-intake-workspace--command .client-intake-readiness-row > * {
        min-width: 0;
        max-width: 100%;
    }

    .client-intake-appbar nav {
        flex-wrap: wrap;
        min-width: 0;
    }

    .client-intake-workspace--command .client-intake-boundary-alert {
        grid-template-columns: 28px minmax(0, 1fr);
        gap: 0.65rem;
        overflow: hidden;
    }

    .client-intake-workspace--command .client-intake-boundary-alert strong {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .client-intake-workspace--command .client-intake-boundary-alert a {
        grid-column: 1 / -1;
        grid-row: 2;
        justify-self: stretch;
    }

    .client-intake-review-row,
    .client-intake-workspace--command .client-intake-readiness-row {
        width: calc(100vw - 2rem);
        max-width: calc(100vw - 2rem);
        overflow: hidden;
    }

    .client-intake-workspace--command .client-intake-status-strip .status-pill {
        white-space: normal;
    }

    .client-intake-review-field input,
    .client-intake-review-field textarea {
        max-width: 100%;
    }

    .client-intake-review-field textarea {
        overflow-wrap: anywhere;
        white-space: pre-wrap;
    }

    .client-intake-review-field span {
        position: static;
        width: auto;
        height: auto;
        overflow: visible;
        clip: auto;
        color: #9ca3af;
        font-size: 0.68rem;
        font-weight: 820;
        text-transform: uppercase;
    }

    .client-intake-review-split--proof .client-intake-review-field--wide {
        display: grid;
    }

    .client-intake-review-field input,
    .client-intake-review-field textarea {
        padding: 0.22rem 0;
    }

    .client-intake-review-field textarea {
        height: 54px;
    }

    .client-intake-row-action--icon {
        min-width: 68px;
        font-size: inherit;
    }

    .client-intake-left-pane,
    .client-intake-workspace--command .client-intake-proof-rail {
        padding: 1rem;
    }

    .client-intake-review-split,
    .client-intake-review-split--proof,
    .client-intake-workspace--command .client-intake-proof-summary {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-intake-workspace--command .client-intake-readiness-table__head {
        display: none;
    }

    .client-intake-workspace--command .client-intake-readiness-row {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "type readiness"
            "authority readiness"
            "blocker readiness"
            "recovery recovery";
        align-items: start;
        gap: 0.5rem 0.75rem;
        min-height: 126px;
        overflow: visible;
        padding: 0.7rem;
    }

    .client-intake-workspace--command .client-intake-readiness-row__type {
        align-items: start;
        line-height: 1.25;
    }

    .client-intake-workspace--command .client-intake-readiness-row strong {
        align-self: start;
        justify-self: end;
    }

    .client-intake-workspace--command .client-intake-readiness-row strong span {
        width: 42px;
        height: 42px;
        font-size: 0.68rem;
    }

    .client-intake-workspace--command .client-intake-readiness-row > span:nth-of-type(2),
    .client-intake-workspace--command .client-intake-readiness-row > span:nth-of-type(3),
    .client-intake-workspace--command .client-intake-readiness-row a {
        display: inline-flex;
        min-height: 0;
        padding: 0;
        gap: 0.35rem;
        font-size: 0.72rem;
        line-height: 1.25;
        overflow-wrap: anywhere;
    }

    .client-intake-workspace--command .client-intake-readiness-row a {
        align-items: center;
        min-height: 44px;
        padding-block: 0.5rem;
    }

    .client-intake-workspace--command .client-intake-readiness-row > span:nth-of-type(2)::before {
        content: "Owner";
    }

    .client-intake-workspace--command .client-intake-readiness-row > span:nth-of-type(3)::before {
        content: "Blocker";
    }

    .client-intake-workspace--command .client-intake-readiness-row a::before {
        content: "Fix";
    }

    .client-intake-workspace--command .client-intake-readiness-row > span:nth-of-type(2)::before,
    .client-intake-workspace--command .client-intake-readiness-row > span:nth-of-type(3)::before,
    .client-intake-workspace--command .client-intake-readiness-row a::before {
        flex: 0 0 auto;
        color: #9ca3af;
        font-weight: 820;
        text-transform: uppercase;
    }

    .client-intake-proof-footnote {
        margin: 0;
    }

    .client-intake-workspace--command .client-intake-action-rail {
        position: static;
        left: auto;
        right: auto;
        width: auto;
    }
}

.hivesync-logo {
    display: inline-flex !important;
    grid-template-columns: none !important;
    grid-auto-rows: auto !important;
    gap: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    clip-path: none !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 1 !important;
    transform: none !important;
}

.hivesync-logo--mark {
    width: var(--hivesync-logo-size, 2rem) !important;
    height: var(--hivesync-logo-size, 2rem) !important;
}

.hivesync-logo--lockup {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    width: var(--hivesync-logo-lockup-width, 10rem) !important;
    height: var(--hivesync-logo-lockup-height, 3.125rem) !important;
    max-width: 100% !important;
    gap: 0.625rem !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

.hivesync-logo > .hivesync-logo__image {
    display: block !important;
    flex: 0 0 auto !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    object-fit: contain !important;
    transform: none !important;
}

.hivesync-logo--dark-surface > .hivesync-logo__image {
    border-radius: 0 !important;
}

.hivesync-logo--mark > .hivesync-logo__image {
    width: 100% !important;
    height: 100% !important;
}

.hivesync-logo--lockup > .hivesync-logo__image {
    width: var(--hivesync-logo-lockup-height, 3.125rem) !important;
    height: var(--hivesync-logo-lockup-height, 3.125rem) !important;
}

.hivesync-logo > .hivesync-logo__wordmark {
    position: static !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    clip: auto !important;
    clip-path: none !important;
    color: #f8fafc !important;
    font-size: 1.35rem !important;
    font-weight: 900 !important;
    letter-spacing: -0.025em !important;
    line-height: 1 !important;
    text-transform: none !important;
    transform: none !important;
    white-space: nowrap !important;
}

.hivesync-logo--light-surface > .hivesync-logo__wordmark {
    color: #0f172a !important;
}

.provider-proof-links .proposal-stage {
    gap: 1.25rem;
}

.provider-proof-links__topbar {
    align-items: stretch;
}

.provider-proof-links__brief {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(18rem, 0.75fr);
    gap: 1rem;
}

.provider-proof-links__brief article,
.provider-proof-links__brief aside,
.provider-proof-card,
.provider-proof-links__metrics {
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 1rem;
    background: linear-gradient(145deg, rgba(15, 23, 42, 0.94), rgba(17, 24, 39, 0.9));
    box-shadow: 0 1.25rem 3.25rem rgba(0, 0, 0, 0.26);
}

.provider-proof-links__brief article,
.provider-proof-links__brief aside {
    padding: 1.25rem;
}

.provider-proof-links__brief h2,
.provider-proof-links__metrics h2 {
    margin: 0.45rem 0;
    color: #f8fafc;
}

.provider-proof-links__brief aside > strong {
    color: #f8fafc;
}

.provider-proof-links__brief p,
.provider-proof-links__brief li,
.provider-proof-links__metrics small,
.provider-proof-card p,
.provider-proof-card small,
.provider-proof-card dd {
    color: #cbd5e1;
}

.provider-proof-links__brief ul,
.provider-proof-card__proof ul {
    display: grid;
    gap: 0.65rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.provider-proof-links__brief li,
.provider-proof-card__proof li {
    display: flex;
    gap: 0.55rem;
    align-items: flex-start;
}

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

.provider-proof-card {
    display: grid;
    gap: 1rem;
    padding: 1.15rem;
}

.provider-proof-card--green {
    border-color: rgba(0, 230, 118, 0.28);
}

.provider-proof-card--blue {
    border-color: rgba(96, 165, 250, 0.28);
}

.provider-proof-card--gold {
    border-color: rgba(255, 215, 0, 0.28);
}

.provider-proof-card--orange {
    border-color: rgba(255, 165, 0, 0.32);
}

.provider-proof-card header,
.provider-proof-card footer,
.provider-proof-card__locked,
.provider-proof-links__metrics header {
    display: flex;
    gap: 0.85rem;
    align-items: center;
    justify-content: space-between;
}

.provider-proof-card header {
    align-items: flex-start;
}

.provider-proof-card h2,
.provider-proof-card h3 {
    margin: 0.15rem 0 0;
    color: #f8fafc;
}

.provider-proof-card__mark {
    display: inline-flex;
    width: 3rem;
    height: 3rem;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.08);
    color: #f8fafc;
    font-weight: 800;
}

.provider-proof-card__preview {
    display: grid;
    gap: 0.8rem;
}

.provider-proof-card__preview dl {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
    margin: 0;
}

.provider-proof-card__preview div,
.provider-proof-card__locked {
    min-width: 0;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 0.8rem;
    background: rgba(2, 6, 23, 0.34);
    padding: 0.75rem;
}

.provider-proof-card dt {
    color: #94a3b8;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.provider-proof-card dd {
    margin: 0.2rem 0 0;
    font-weight: 700;
}

.provider-proof-card__proof {
    border-top: 1px solid rgba(148, 163, 184, 0.14);
    padding-top: 0.85rem;
}

.provider-proof-card__locked {
    justify-content: flex-start;
}

.provider-proof-card__locked .oi {
    color: #ffd700;
}

.provider-proof-card__locked strong,
.provider-proof-card__hive {
    color: #f8fafc;
}

.provider-proof-card__locked p {
    margin: 0.2rem 0 0;
}

.provider-proof-card footer a {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #f8fafc;
    color: #0f172a;
    padding: 0.65rem 1rem;
    font-weight: 800;
    text-decoration: none;
}

.provider-proof-links__metrics {
    display: grid;
    gap: 1rem;
    padding: 1.15rem;
}

.provider-proof-links__builder,
.provider-proof-links__owned,
.provider-proof-links__examples {
    display: grid;
    gap: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 1rem;
    background: linear-gradient(145deg, rgba(15, 23, 42, 0.94), rgba(17, 24, 39, 0.9));
    box-shadow: 0 1.25rem 3.25rem rgba(0, 0, 0, 0.26);
    padding: 1.15rem;
}

.provider-proof-links__builder > header,
.provider-proof-links__owned > header,
.provider-proof-links__examples > header,
.provider-proof-links__operation,
.provider-proof-links__link-readback > div,
.provider-proof-links__revoke-confirm > div {
    display: flex;
    gap: 0.85rem;
    align-items: center;
    justify-content: space-between;
}

.provider-proof-links__builder h2,
.provider-proof-links__owned h2,
.provider-proof-links__examples h2 {
    margin: 0.2rem 0 0;
    color: #f8fafc;
}

.provider-proof-links__examples > header p,
.provider-proof-links__sources p,
.provider-proof-links__form small,
.provider-proof-links__operation p,
.provider-proof-links__operation small,
.provider-proof-links__recovery p,
.provider-proof-links__revoke-confirm p {
    color: #cbd5e1;
}

.provider-proof-links__builder-layout {
    display: grid;
    grid-template-columns: minmax(20rem, 1fr) minmax(20rem, 0.9fr);
    gap: 1rem;
    align-items: start;
}

.provider-proof-links__form,
.provider-proof-links__private-fields,
.provider-proof-links__private-fields[open],
.provider-proof-links__revoke-confirm {
    display: grid;
    gap: 0.85rem;
}

.provider-proof-links__form label,
.provider-proof-links__link-readback label,
.provider-proof-links__revoke-confirm label {
    display: grid;
    gap: 0.38rem;
    color: #f8fafc;
    font-weight: 750;
}

.provider-proof-links__form input,
.provider-proof-links__form textarea,
.provider-proof-links__form select,
.provider-proof-links__link-readback input,
.provider-proof-links__revoke-confirm input {
    width: 100%;
    min-height: 2.75rem;
    border: 1px solid rgba(148, 163, 184, 0.35);
    border-radius: 0.7rem;
    background: rgba(2, 6, 23, 0.55);
    color: #f8fafc;
    padding: 0.65rem 0.75rem;
}

.provider-proof-links__form textarea {
    min-height: 5.5rem;
    resize: vertical;
}

.provider-proof-links__field-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.provider-proof-links__sources {
    display: grid;
    gap: 0.7rem;
    margin: 0;
    border: 1px solid rgba(96, 165, 250, 0.26);
    border-radius: 0.85rem;
    padding: 0.9rem;
}

.provider-proof-links__sources legend {
    color: #f8fafc;
    font-weight: 850;
    padding: 0 0.35rem;
}

.provider-proof-links__sources > label {
    display: grid;
    grid-template-columns: 2.75rem minmax(0, 1fr);
    gap: 0.65rem;
    align-items: start;
    min-height: 2.75rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 0.75rem;
    background: rgba(2, 6, 23, 0.3);
    padding: 0.6rem;
}

.provider-proof-links__sources input {
    width: 1.25rem;
    min-height: 1.25rem;
    margin: 0.15rem auto 0;
}

.provider-proof-links__sources label span,
.provider-proof-links__sources label small {
    display: block;
}

.provider-proof-links__private-fields {
    border: 1px solid rgba(255, 215, 0, 0.25);
    border-radius: 0.85rem;
    background: rgba(2, 6, 23, 0.28);
    padding: 0.85rem;
}

.provider-proof-links__private-fields summary {
    min-height: 2.75rem;
    color: #f8fafc;
    font-weight: 800;
    cursor: pointer;
}

.provider-proof-links__safe-preview {
    position: sticky;
    top: 1rem;
}

.provider-proof-links__safe-preview footer {
    color: #cbd5e1;
}

.provider-proof-links__operation,
.provider-proof-links__recovery {
    border: 1px solid rgba(255, 165, 0, 0.35);
    border-radius: 0.85rem;
    background: rgba(255, 165, 0, 0.08);
    padding: 0.9rem;
}

.provider-proof-links__operation--success {
    border-color: rgba(0, 230, 118, 0.35);
    background: rgba(0, 230, 118, 0.08);
}

.provider-proof-links__operation strong,
.provider-proof-links__recovery strong,
.provider-proof-links__revoke-confirm strong {
    color: #f8fafc;
}

.provider-proof-links__operation p,
.provider-proof-links__recovery p,
.provider-proof-links__revoke-confirm p {
    margin: 0.25rem 0;
}

.provider-proof-links__operation button,
.provider-proof-links__recovery button,
.provider-proof-links__recovery a,
.provider-proof-links__owned > header button,
.provider-proof-links__link-readback button,
.provider-proof-links__link-readback a,
.provider-proof-links__revoke,
.provider-proof-links__revoke-confirm button {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(248, 250, 252, 0.22);
    border-radius: 999px;
    background: #f8fafc;
    color: #0f172a;
    padding: 0.6rem 1rem;
    font-weight: 800;
    text-decoration: none;
}

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

.provider-proof-links__link-readback {
    display: grid;
    gap: 0.65rem;
    border-top: 1px solid rgba(148, 163, 184, 0.16);
    padding-top: 0.85rem;
}

.provider-proof-links__link-readback > div {
    justify-content: flex-start;
    flex-wrap: wrap;
}

.provider-proof-links__actions {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.provider-proof-links__preview-action {
    gap: 0.5rem;
}

.provider-proof-links__preview-action .oi {
    top: 0;
    color: #475569;
    font-size: 0.9rem;
    line-height: 1;
}

.provider-proof-links__icon-action {
    width: 2.75rem;
    min-width: 2.75rem;
    height: 2.75rem;
    min-height: 2.75rem;
    flex: 0 0 2.75rem;
    padding: 0;
    border-radius: 0.8rem;
}

.provider-proof-links__icon-action .oi {
    top: 0;
    font-size: 1rem;
    line-height: 1;
}

.provider-proof-links__icon-action--success {
    border-color: rgba(0, 230, 118, 0.5);
    background: rgba(0, 230, 118, 0.14);
    color: #86efac;
}

.provider-proof-links__icon-action:hover:not(:disabled),
.provider-proof-links__icon-action:focus-visible:not(:disabled) {
    border-color: rgba(96, 165, 250, 0.72);
    background: rgba(96, 165, 250, 0.18);
    color: #ffffff;
}

.provider-proof-links__icon-action:focus-visible {
    outline: 3px solid #60a5fa;
    outline-offset: 2px;
}

.provider-proof-links__icon-action:disabled {
    cursor: not-allowed;
    opacity: 0.48;
}

.provider-proof-links__link-readback input {
    color: #cbd5e1;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.78rem;
}

.provider-proof-links__receipt {
    display: grid;
    gap: 0.4rem;
    margin: 0;
    border-radius: 0.75rem;
    background: rgba(2, 6, 23, 0.3);
    padding: 0.7rem;
}

.provider-proof-links__receipt div {
    min-width: 0;
}

.provider-proof-links__receipt dt {
    color: #94a3b8;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.07em;
}

.provider-proof-links__receipt dd {
    overflow-wrap: anywhere;
    color: #f8fafc;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.78rem;
}

.provider-proof-links__revoke {
    gap: 0.5rem;
    justify-self: start;
    border-color: rgba(255, 68, 68, 0.38);
    background: transparent;
    color: #fca5a5;
}

.provider-proof-links__revoke-confirm button,
.provider-proof-links__recovery button {
    gap: 0.5rem;
}

.provider-proof-links__revoke-confirm {
    border: 1px solid rgba(255, 68, 68, 0.34);
    border-radius: 0.85rem;
    background: rgba(255, 68, 68, 0.08);
    padding: 0.85rem;
}

.provider-proof-links__revoke-confirm > div {
    justify-content: flex-start;
}

.provider-proof-links__examples .provider-proof-links__grid {
    margin-top: 0;
}

.provider-proof-links__metrics > div {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.provider-proof-links__metrics article {
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 0.85rem;
    background: rgba(2, 6, 23, 0.3);
    padding: 0.85rem;
}

.provider-proof-links__metrics strong {
    display: block;
    color: #f8fafc;
}

.provider-proof-links__metric-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.provider-proof-links__metric-list article {
    display: grid;
    gap: 0.75rem;
}

.provider-proof-links__metric-list header {
    align-items: flex-start;
}

.provider-proof-links__metric-list dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
    margin: 0;
}

.provider-proof-links__metric-list dl div {
    min-width: 0;
}

.provider-proof-links__metric-list dt {
    color: #94a3b8;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.provider-proof-links__metric-list dd {
    margin: 0.1rem 0 0;
    color: #f8fafc;
    font-weight: 800;
}

.provider-proof-links__metric-list p,
.provider-proof-links__metric-empty {
    margin: 0;
    color: #cbd5e1;
}

@media (max-width: 980px) {
    .provider-proof-links__brief,
    .provider-proof-links__grid,
    .provider-proof-links__builder-layout,
    .provider-proof-links__owned-grid,
    .provider-proof-links__metrics > div,
    .provider-proof-links__metric-list {
        grid-template-columns: minmax(0, 1fr);
    }

    .provider-proof-links__field-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .provider-proof-links__safe-preview {
        position: static;
    }

    .provider-proof-card__preview dl {
        grid-template-columns: minmax(0, 1fr);
    }
}

.provider-proof-public {
    min-height: 100vh;
    background: #1b1c1e;
    color: #f8fafc;
    padding: clamp(1rem, 3vw, 2rem);
}

.provider-proof-public__card,
.provider-proof-public__locked {
    max-width: 58rem;
    margin: 0 auto;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 1rem;
    background: linear-gradient(145deg, rgba(15, 23, 42, 0.96), rgba(31, 41, 55, 0.92));
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.32);
}

.provider-proof-public__locked {
    display: grid;
    gap: 0.8rem;
    padding: clamp(1.25rem, 4vw, 2rem);
}

.provider-proof-public__locked h1,
.provider-proof-public__locked p {
    margin: 0;
}

.provider-proof-public__card {
    display: grid;
    gap: 1.4rem;
    padding: clamp(1rem, 4vw, 2rem);
}

.provider-proof-public__card > header,
.provider-proof-public__card > footer {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
}

.provider-proof-public__brand {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    gap: 0.7rem;
    color: #f8fafc;
    text-decoration: none;
}

.provider-proof-public__brand span {
    display: grid;
    gap: 0.1rem;
}

.provider-proof-public__brand small,
.provider-proof-public__body p,
.provider-proof-public__facts dd,
.provider-proof-public__card > footer span {
    color: #cbd5e1;
}

.provider-proof-public__body {
    display: grid;
    gap: 0.5rem;
}

.provider-proof-public__body h1 {
    margin: 0;
    color: #f8fafc;
    font-size: clamp(2rem, 5vw, 4.4rem);
    line-height: 0.96;
}

.provider-proof-public__body p {
    margin: 0;
    font-size: 1.08rem;
}

.provider-proof-public__facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem;
    margin: 0;
}

.provider-proof-public__facts div {
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 0.75rem;
    background: rgba(2, 6, 23, 0.32);
    padding: 1rem;
}

.provider-proof-public__facts dt {
    color: #ffd700;
    font-size: 0.74rem;
    font-weight: 800;
    text-transform: uppercase;
}

.provider-proof-public__facts dd {
    margin: 0.35rem 0 0;
}

.provider-proof-public__card > footer {
    border-top: 1px solid rgba(148, 163, 184, 0.18);
    padding-top: 1rem;
}

.provider-proof-public__card > footer div {
    display: grid;
    gap: 0.25rem;
}

.provider-proof-public__card > footer strong {
    color: #f8fafc;
}

.provider-proof-public__cta {
    min-width: 11rem;
    min-height: 2.75rem;
}

@media (max-width: 780px) {
    .provider-proof-public__card > header,
    .provider-proof-public__card > footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .provider-proof-public__facts {
        grid-template-columns: minmax(0, 1fr);
    }
}

.dynamic-links {
    min-height: 100vh;
    background: #1b1c1e;
    color: #f8fafc;
}

.dynamic-links__topbar {
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
}

.dynamic-links__shell {
    width: min(1180px, calc(100% - 2rem));
    margin: 0 auto;
    padding: 2rem 0 3rem;
}

.dynamic-links__hero,
.dynamic-links__public-hero,
.dynamic-links__public-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
    gap: 1rem;
    align-items: stretch;
}

.dynamic-links__hero h1,
.dynamic-links__public-hero h1 {
    max-width: 900px;
    margin: 0.75rem 0;
    font-size: 3.4rem;
    line-height: 1.02;
}

.dynamic-links__hero p,
.dynamic-links__public-hero p,
.dynamic-links__boundary p,
.dynamic-links__public-boundary p,
.dynamic-links__template-card p,
.dynamic-links__item p,
.dynamic-links__next-action p {
    color: #cbd5e1;
}

.dynamic-links__boundary,
.dynamic-links__public-boundary,
.dynamic-links__template-card,
.dynamic-links__template-utilization,
.dynamic-links__builder,
.dynamic-links__generated-card,
.dynamic-links__generated-links,
.dynamic-links__generated-row,
.dynamic-links__item,
.dynamic-links__next-action,
.dynamic-links__missing {
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 8px;
    background: #2B2D31;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
}

.dynamic-links__boundary,
.dynamic-links__public-boundary,
.dynamic-links__next-action,
.dynamic-links__missing {
    padding: 1.25rem;
}

.dynamic-links__metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 1.5rem 0;
}

.dynamic-links__metrics div,
.dynamic-links__chips span {
    border: 1px solid rgba(96, 165, 250, 0.25);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.08);
    padding: 0.8rem;
}

.dynamic-links__metrics strong {
    display: block;
    font-size: 1.7rem;
}

.dynamic-links__metrics span,
.dynamic-links__chips span,
.dynamic-links__item small,
.dynamic-links__share-url span {
    color: #9CA3AF;
}

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

.dynamic-links__template-card {
    display: grid;
    gap: 1rem;
    align-content: start;
    padding: 1rem;
}

.dynamic-links__template-card h2,
.dynamic-links__template-utilization h2,
.dynamic-links__item-list h2,
.dynamic-links__next-action h2 {
    margin: 0.45rem 0;
    font-size: 1.25rem;
}

.dynamic-links__template-card dl,
.dynamic-links__next-action dl {
    display: grid;
    gap: 0.65rem;
    margin: 0;
}

.dynamic-links__template-card div,
.dynamic-links__next-action div {
    display: grid;
    gap: 0.2rem;
}

.dynamic-links__template-card dt,
.dynamic-links__next-action dt {
    color: #9CA3AF;
    font-size: 0.78rem;
    text-transform: uppercase;
}

.dynamic-links__template-card dd,
.dynamic-links__next-action dd {
    margin: 0;
}

.dynamic-links__template-utilization {
    margin-top: 1rem;
    padding: 1rem;
}

.dynamic-links__builder,
.dynamic-links__generated-links {
    display: grid;
    gap: 1rem;
    margin: 1.5rem 0;
    padding: 1rem;
}

.dynamic-links__builder header h2,
.dynamic-links__generated-links h2,
.dynamic-links__generated-card h3,
.dynamic-links__generated-row h3,
.dynamic-links__line-editor h3 {
    margin: 0.45rem 0;
}

.dynamic-links__builder header p,
.dynamic-links__line-editor p,
.dynamic-links__generated-card p,
.dynamic-links__generated-links > p {
    color: #cbd5e1;
}

.dynamic-links__builder-form {
    display: grid;
    gap: 1rem;
}

.dynamic-links__form-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
}

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

.dynamic-links__builder-form label,
.dynamic-links__wide-field {
    display: grid;
    gap: 0.35rem;
}

.dynamic-links__builder-form label span,
.dynamic-links__wide-field span,
.dynamic-links__line-editor-row label span {
    color: #9CA3AF;
    font-size: 0.82rem;
    font-weight: 800;
    text-transform: uppercase;
}

.dynamic-links__builder-form input,
.dynamic-links__builder-form select,
.dynamic-links__builder-form textarea {
    min-height: 44px;
    width: 100%;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.72);
    color: #f8fafc;
    padding: 0.75rem;
}

.dynamic-links__builder-form [aria-invalid="true"] {
    border-color: rgba(251, 191, 36, 0.84);
    box-shadow:
        0 0 0 3px rgba(251, 191, 36, 0.13),
        inset 0 0 0 1px rgba(251, 191, 36, 0.16);
}

.dynamic-links__field-error {
    color: #fcd34d;
    font-size: 0.78rem;
    font-weight: 850;
    line-height: 1.32;
}

.dynamic-links__builder-form textarea {
    resize: vertical;
}

.dynamic-links__line-editor {
    display: grid;
    gap: 0.85rem;
}

.dynamic-links__line-editor-row {
    display: grid;
    grid-template-columns: minmax(150px, 0.8fr) minmax(220px, 1.35fr) minmax(180px, 1fr) minmax(180px, 1fr) minmax(128px, 0.55fr);
    gap: 0.75rem;
    align-items: end;
    padding: 0.85rem;
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.35);
}

.dynamic-links__check-field {
    min-height: 44px;
    align-items: center;
    grid-template-columns: 44px minmax(0, 1fr);
}

.dynamic-links__check-field input {
    min-width: 44px;
    width: 44px;
    min-height: 44px;
    height: 44px;
    justify-self: center;
}

.dynamic-links__builder-actions,
.dynamic-links__template-actions,
.dynamic-links__generated-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.dynamic-links__form-status {
    margin: 0;
    font-weight: 800;
}

.dynamic-links__form-status--error {
    color: #FF4444;
}

.dynamic-links__generated-card {
    padding: 1rem;
}

.dynamic-links__generated-list {
    display: grid;
    gap: 0.85rem;
}

.dynamic-links__generated-row {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
}

.dynamic-links__generated-row header {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.dynamic-links__generated-row h3 a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: #f8fafc;
    text-decoration: none;
}

.dynamic-links__generated-row dl {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.65rem;
    margin: 0;
}

.dynamic-links__generated-row dt {
    color: #9CA3AF;
    font-size: 0.76rem;
    text-transform: uppercase;
}

.dynamic-links__generated-row dd {
    margin: 0.2rem 0 0;
    overflow-wrap: anywhere;
}

.dynamic-links__usage-table {
    display: grid;
    gap: 0.5rem;
}

.dynamic-links__usage-row {
    display: grid;
    grid-template-columns: 1.5fr repeat(4, minmax(56px, 0.4fr));
    gap: 0.75rem;
    align-items: center;
    padding: 0.65rem;
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.35);
}

.dynamic-links__usage-row--head {
    color: #9CA3AF;
    font-size: 0.8rem;
    text-transform: uppercase;
}

.dynamic-links__chips,
.dynamic-links__share-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 1rem;
}

.dynamic-links__share-url {
    display: grid;
    flex: 1 1 360px;
    gap: 0.35rem;
}

.dynamic-links__share-url input {
    min-height: 44px;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.75);
    color: #f8fafc;
    padding: 0.75rem;
}

.dynamic-links__item-list {
    display: grid;
    gap: 0.8rem;
}

.dynamic-links__item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 0.5fr);
    gap: 1rem;
    padding: 1rem;
}

.dynamic-links__item aside {
    border-left: 3px solid #60A5FA;
    padding-left: 0.85rem;
}

.dynamic-links__item aside span {
    color: #60A5FA;
    font-weight: 800;
}

.dynamic-links__disclosure {
    border: 1px solid rgba(255, 215, 0, 0.28);
    border-radius: 8px;
    background: rgba(255, 215, 0, 0.08);
    padding: 0.8rem;
}

.dynamic-links__copy-status {
    margin: 0.75rem 0 0;
    color: #00E676;
    font-weight: 800;
}

.dynamic-links .admin-command-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    text-align: center;
    text-decoration: none;
}

@media (max-width: 900px) {
    .dynamic-links__hero h1,
    .dynamic-links__public-hero h1 {
        font-size: 2.65rem;
    }

    .dynamic-links__hero,
    .dynamic-links__public-hero,
    .dynamic-links__public-grid,
    .dynamic-links__item {
        grid-template-columns: 1fr;
    }

    .dynamic-links__metrics,
    .dynamic-links__template-grid,
    .dynamic-links__form-grid,
    .dynamic-links__generated-row dl {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dynamic-links__line-editor-row {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 640px) {
    .dynamic-links__hero h1,
    .dynamic-links__public-hero h1 {
        font-size: 2.15rem;
        line-height: 1.08;
    }

    .dynamic-links__metrics,
    .dynamic-links__template-grid,
    .dynamic-links__form-grid,
    .dynamic-links__line-editor-row,
    .dynamic-links__generated-row dl,
    .dynamic-links__usage-row {
        grid-template-columns: 1fr;
    }
}

.compliance-page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #f7f8fb;
    color: #111827;
}

.compliance-page__topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 4.25rem;
    padding: 0.85rem clamp(1rem, 4vw, 4rem);
    border-bottom: 1px solid rgba(17, 24, 39, 0.1);
    background: #ffffff;
}

.compliance-page__brand,
.compliance-page__nav-links {
    display: inline-flex;
    align-items: center;
    gap: 0.85rem;
}

.compliance-page__brand {
    color: #111827;
    font-weight: 850;
    text-decoration: none;
}

.compliance-page__brand-mark {
    --hivesync-logo-size: 2rem;
}

.compliance-page__nav-links {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.compliance-page__nav-links a,
.compliance-page__card a {
    color: #2563eb;
    font-weight: 750;
    text-decoration: none;
}

.compliance-page__nav-links a:hover,
.compliance-page__card a:hover {
    text-decoration: underline;
}

.compliance-page__content {
    width: min(1120px, 100%);
    margin: 0 auto;
    padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 4vw, 2rem);
}

.compliance-page__hero {
    display: grid;
    gap: 1rem;
    max-width: 820px;
    margin-bottom: 2rem;
}

.compliance-page__hero h1 {
    margin: 0;
    color: #0f172a;
    font-size: clamp(2.2rem, 6vw, 4.4rem);
    line-height: 1.02;
    letter-spacing: 0;
}

.compliance-page__hero p {
    margin: 0;
    color: #374151;
    font-size: 1.08rem;
    line-height: 1.65;
}

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

.compliance-page__card {
    display: grid;
    gap: 0.75rem;
    padding: clamp(1rem, 3vw, 1.35rem);
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
}

.compliance-page__card--wide {
    grid-column: 1 / -1;
}

.compliance-page__card h2 {
    margin: 0;
    color: #111827;
    font-size: 1.25rem;
}

.compliance-page__card p,
.compliance-page__card li {
    color: #374151;
    line-height: 1.62;
}

.compliance-page__card p,
.compliance-page__card ul {
    margin: 0;
}

.compliance-page__card ul {
    padding-left: 1.2rem;
}

.compliance-page .public-compliance-footer {
    padding-inline: clamp(1rem, 4vw, 4rem);
    border-top-color: rgba(17, 24, 39, 0.1);
    background: #ffffff;
    color: #4b5563;
}

.compliance-page .public-compliance-footer p {
    color: #111827;
}

.compliance-page .public-compliance-footer a {
    color: #2563eb;
}

.compliance-page__sample-list {
    display: grid;
    gap: 0.65rem;
}

.sms-opt-in-proof-screenshot {
    display: grid;
    gap: 0.75rem;
    max-width: 760px;
    margin: 0;
}

.sms-opt-in-proof-screenshot img {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid rgba(15, 23, 42, 0.14);
    border-radius: 8px;
    background: #f8fafc;
}

.sms-opt-in-proof-screenshot figcaption {
    color: #374151;
    line-height: 1.5;
}

.sms-opt-in-proof-card {
    display: grid;
    gap: 1rem;
    max-width: 760px;
    padding: 1.1rem;
    border: 1px solid rgba(37, 99, 235, 0.22);
    border-radius: 8px;
    background: #f8fafc;
}

.sms-opt-in-proof-field,
.sms-opt-in-proof-checkbox {
    display: grid;
    gap: 0.45rem;
}

.sms-opt-in-proof-field span {
    color: #111827;
    font-weight: 800;
}

.sms-opt-in-proof-field input {
    min-height: 44px;
    padding: 0.72rem;
    border: 1px solid rgba(15, 23, 42, 0.18);
    border-radius: 8px;
    background: #ffffff;
    color: #111827;
}

.sms-opt-in-proof-checkbox {
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: start;
    padding: 0.9rem;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 8px;
    background: #ffffff;
}

.sms-opt-in-proof-checkbox input[type="checkbox"] {
    width: 44px;
    height: 44px;
    margin: 0;
}

.sms-opt-in-proof-checkbox span {
    display: grid;
    gap: 0.35rem;
}

.sms-opt-in-proof-checkbox small {
    color: #374151;
    line-height: 1.5;
}

.sms-opt-in-proof-card button {
    justify-self: start;
    min-height: 44px;
    padding: 0.75rem 1rem;
    border: 0;
    border-radius: 8px;
    background: #2563eb;
    color: #ffffff;
    font-weight: 850;
}

@media (max-width: 760px) {
    .compliance-page__topbar,
    .compliance-page__nav-links {
        align-items: flex-start;
        justify-content: flex-start;
    }

    .compliance-page__topbar {
        flex-direction: column;
    }

    .compliance-page__grid {
        grid-template-columns: 1fr;
    }
}

/* Blueprint project authoring: account-owned progressive disclosure hierarchy. */
.marketplace-workspace.blueprint-builder {
    --blueprint-bg: #0b0f12;
    --blueprint-surface: #1b1c1e;
    --blueprint-raised: #232529;
    --blueprint-raised-strong: #2b2d31;
    --blueprint-text: #f8fafc;
    --blueprint-muted: #cbd5e1;
    --blueprint-border: #718096;
    --blueprint-blue: #60a5fa;
    --blueprint-green: #00e676;
    --blueprint-orange: #ffa500;
    --blueprint-gold: #ffd700;
    --blueprint-danger: #f87171;
    --blueprint-focus: #93c5fd;
    gap: clamp(1rem, 2vw, 1.5rem);
    width: 100%;
    max-width: 1600px;
    min-height: 100vh;
    margin-inline: auto;
    padding: clamp(1rem, 2.4vw, 2rem);
    background:
        radial-gradient(circle at 90% 2%, rgba(96, 165, 250, 0.09), transparent 30rem),
        radial-gradient(circle at 8% 38%, rgba(0, 230, 118, 0.045), transparent 26rem),
        var(--blueprint-bg);
    color: var(--blueprint-text);
}

.marketplace-workspace.blueprint-builder::before,
.marketplace-workspace.blueprint-builder::after {
    display: none;
    content: none;
}

.marketplace-workspace.blueprint-builder > .breadcrumb-trail {
    display: flex;
}

.blueprint-builder,
.blueprint-builder * {
    box-sizing: border-box;
}

.blueprint-builder :is(a, button, input, textarea, select):focus-visible {
    outline: 3px solid var(--blueprint-focus);
    outline-offset: 3px;
}

.blueprint-disclosure__trigger:focus-visible,
.blueprint-task__advanced-trigger:focus-visible {
    outline: 0;
    box-shadow: inset 0 0 0 3px var(--blueprint-focus);
}

.blueprint-builder :is(input, textarea)::placeholder {
    color: #94a3b8;
    opacity: 1;
}

.blueprint-builder__compact-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: clamp(1rem, 2.5vw, 2rem);
    align-items: center;
    min-height: 96px;
    padding: 0.35rem 0 1rem;
    border-bottom: 1px solid rgba(113, 128, 150, 0.42);
}

.blueprint-builder__compact-heading {
    display: grid;
    gap: 0.3rem;
    min-width: 0;
}

.blueprint-builder__compact-heading :is(h1, p) {
    margin: 0;
}

.blueprint-builder__compact-heading h1 {
    color: #ffffff;
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.02;
}

.blueprint-builder__compact-heading > p:last-child {
    max-width: 54rem;
    color: #9ca3af;
    font-size: 0.96rem;
    line-height: 1.45;
}

.blueprint-builder__compact-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    justify-content: flex-end;
}

.blueprint-builder__all-link,
.blueprint-builder__draft-boundary > summary {
    display: inline-flex;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.65rem 0.8rem;
    border-radius: 8px;
    color: var(--blueprint-blue);
    font-weight: 800;
    text-decoration: none;
}

.blueprint-builder__all-link:hover,
.blueprint-builder__all-link:focus-visible {
    background: rgba(96, 165, 250, 0.1);
    color: #bfdbfe;
    text-decoration: none;
}

.blueprint-builder__draft-boundary {
    position: relative;
}

.blueprint-builder__draft-boundary > summary {
    border: 1px solid rgba(113, 128, 150, 0.74);
    background: rgba(43, 45, 49, 0.72);
    color: #ffffff;
    cursor: pointer;
    list-style: none;
}

.blueprint-builder__draft-boundary > summary::-webkit-details-marker {
    display: none;
}

.blueprint-builder__draft-boundary > summary .oi-chevron-bottom {
    color: #9ca3af;
    transition: transform 160ms ease;
}

.blueprint-builder__draft-boundary[open] > summary .oi-chevron-bottom {
    transform: rotate(180deg);
}

.blueprint-builder__draft-boundary > div {
    position: absolute;
    z-index: 20;
    top: calc(100% + 0.55rem);
    right: 0;
    display: grid;
    gap: 0.45rem;
    width: min(25rem, calc(100vw - 2rem));
    padding: 1rem;
    border: 1px solid rgba(96, 165, 250, 0.48);
    border-radius: 10px;
    background: #1b1c1e;
    box-shadow: 0 22px 56px rgba(0, 0, 0, 0.52);
}

.blueprint-builder__draft-boundary :is(strong, p, small) {
    margin: 0;
}

.blueprint-builder__draft-boundary p,
.blueprint-builder__draft-boundary small {
    color: #9ca3af;
    line-height: 1.45;
}

.blueprint-builder__save-state {
    display: inline-flex;
    gap: 0.45rem;
    align-items: center;
    min-height: 44px;
    color: var(--blueprint-green);
    font-size: 0.84rem;
    font-weight: 800;
}

.blueprint-builder__save-state--dirty {
    color: var(--blueprint-orange);
}

.blueprint-starter__progress {
    width: min(48rem, 100%);
    margin-inline: auto;
}

.blueprint-starter__progress ol {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
    padding: 0;
    list-style: none;
}

.blueprint-starter__progress-step {
    position: relative;
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 0.6rem;
    align-items: center;
    min-height: 52px;
    color: #9ca3af;
}

.blueprint-starter__progress-step:not(:last-child)::after {
    position: absolute;
    z-index: 0;
    top: 50%;
    right: 0.75rem;
    left: 3rem;
    height: 2px;
    background: rgba(113, 128, 150, 0.58);
    content: "";
}

.blueprint-starter__progress-step > span {
    z-index: 1;
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(113, 128, 150, 0.86);
    border-radius: 50%;
    background: var(--blueprint-bg);
    color: #ffffff;
    font-weight: 850;
}

.blueprint-starter__progress-step > strong {
    z-index: 1;
    justify-self: start;
    padding-right: 0.65rem;
    background: var(--blueprint-bg);
    font-size: 0.86rem;
}

.blueprint-starter__progress-step--active {
    color: var(--blueprint-blue);
}

.blueprint-starter__progress-step--active > span {
    border-color: var(--blueprint-blue);
    background: #2563eb;
}

.blueprint-starter {
    border: 1px solid rgba(113, 128, 150, 0.7);
    border-radius: 12px;
    background: var(--blueprint-surface);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.3);
    overflow: clip;
}

.blueprint-starter__body {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    min-height: 390px;
    padding: clamp(1.25rem, 3vw, 2.2rem);
}

.blueprint-starter__group {
    display: grid;
    align-content: start;
    gap: 1.15rem;
    min-width: 0;
    padding-right: clamp(1.25rem, 3vw, 2.5rem);
}

.blueprint-starter__group + .blueprint-starter__group {
    padding-right: 0;
    padding-left: clamp(1.25rem, 3vw, 2.5rem);
    border-left: 1px solid rgba(113, 128, 150, 0.42);
}

.blueprint-starter__group > header {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 0.8rem;
    align-items: start;
}

.blueprint-starter__group > header > div {
    display: grid;
    gap: 0.3rem;
}

.blueprint-starter__group :is(h2, p) {
    margin: 0;
}

.blueprint-starter__group h2 {
    color: #ffffff;
    font-size: clamp(1.25rem, 2vw, 1.55rem);
    line-height: 1.2;
}

.blueprint-starter__group header p {
    color: #9ca3af;
    font-size: 0.88rem;
    line-height: 1.4;
}

.blueprint-starter__group-number {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(96, 165, 250, 0.72);
    border-radius: 50%;
    background: rgba(96, 165, 250, 0.13);
    color: var(--blueprint-blue);
    font-weight: 900;
}

.blueprint-starter__choices,
.blueprint-starter__required-fields {
    display: grid;
    gap: 0.85rem;
}

.blueprint-starter__choice {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 32px;
    gap: 0.85rem;
    align-items: center;
    width: 100%;
    min-height: 92px;
    padding: 0.85rem;
    border: 1px solid rgba(113, 128, 150, 0.74);
    border-radius: 10px;
    background: rgba(35, 37, 41, 0.84);
    color: #ffffff;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.blueprint-starter__choice:hover {
    border-color: rgba(96, 165, 250, 0.76);
    background: rgba(96, 165, 250, 0.08);
}

.blueprint-starter__choice--selected {
    border-color: var(--blueprint-blue);
    background: rgba(37, 99, 235, 0.16);
    box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.28);
}

.blueprint-starter__choice-icon {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.13);
    color: var(--blueprint-blue);
    font-size: 1.2rem;
}

.blueprint-starter__choice > span:nth-child(2) {
    display: grid;
    gap: 0.25rem;
}

.blueprint-starter__choice small {
    color: #9ca3af;
    font-size: 0.82rem;
    line-height: 1.35;
}

.blueprint-starter__choice-check {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border: 1px solid rgba(113, 128, 150, 0.84);
    border-radius: 50%;
    color: transparent;
}

.blueprint-starter__choice--selected .blueprint-starter__choice-check {
    border-color: var(--blueprint-blue);
    background: #2563eb;
    color: #ffffff;
}

.blueprint-starter__example-note {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
    color: #9ca3af;
    font-size: 0.82rem;
    line-height: 1.4;
}

.blueprint-starter__example-note .oi {
    margin-top: 0.12rem;
    color: var(--blueprint-blue);
}

.blueprint-starter__optional {
    border: 1px solid rgba(113, 128, 150, 0.62);
    border-radius: 8px;
    background: rgba(16, 23, 28, 0.7);
    overflow: clip;
}

.blueprint-starter__optional > summary {
    display: flex;
    gap: 0.65rem;
    align-items: center;
    min-height: 48px;
    padding: 0.7rem 0.8rem;
    color: #dbe4ee;
    font-size: 0.84rem;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
}

.blueprint-starter__optional > summary::-webkit-details-marker {
    display: none;
}

.blueprint-starter__optional > summary .oi {
    color: #9ca3af;
    transition: transform 160ms ease;
}

.blueprint-starter__optional[open] > summary .oi {
    transform: rotate(90deg);
}

.blueprint-starter__optional-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    padding: 0.85rem;
    border-top: 1px solid rgba(113, 128, 150, 0.38);
}

.blueprint-starter__footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 28rem);
    gap: 1rem;
    align-items: center;
    padding: 1rem clamp(1.25rem, 3vw, 2.2rem);
    border-top: 1px solid rgba(113, 128, 150, 0.42);
    background: rgba(35, 37, 41, 0.58);
}

.blueprint-starter__footer p {
    display: flex;
    gap: 0.6rem;
    align-items: center;
    margin: 0;
    color: #9ca3af;
    font-size: 0.86rem;
    line-height: 1.4;
}

.blueprint-starter__footer p .oi {
    color: var(--blueprint-blue);
}

.blueprint-builder__button--prep {
    border-color: var(--blueprint-blue);
    background: #2563eb;
    color: #ffffff;
}

.blueprint-builder__button--prep:hover {
    border-color: #bfdbfe;
    background: #1d4ed8;
}

.blueprint-starter__continue {
    width: 100%;
    min-height: 52px;
    font-size: 0.92rem;
}

.blueprint-builder__hero {
    padding: clamp(1.1rem, 2.6vw, 2rem) !important;
    border-color: rgba(96, 165, 250, 0.34) !important;
}

.blueprint-builder__hero .marketplace-hero__grid {
    gap: clamp(1rem, 2vw, 1.5rem);
}

.blueprint-builder__hero .status-pill,
.blueprint-saved-card .status-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
}

.blueprint-builder__toolbar,
.blueprint-disclosure__actions,
.blueprint-task__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
}

.blueprint-builder__toolbar {
    margin-top: 1.15rem;
}

.blueprint-builder__button,
.blueprint-icon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 44px;
    border: 1px solid var(--blueprint-border);
    border-radius: 8px;
    background: var(--blueprint-raised);
    color: var(--blueprint-text);
    font: inherit;
    font-size: 0.86rem;
    font-weight: 820;
    line-height: 1.15;
    text-decoration: none;
    cursor: pointer;
}

.blueprint-builder__button {
    padding: 0.7rem 0.95rem;
}

.blueprint-builder__button:hover,
.blueprint-icon-button:hover {
    border-color: var(--blueprint-blue);
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff;
    text-decoration: none;
}

.blueprint-builder__button.blueprint-builder__button--prep {
    border-color: var(--blueprint-blue);
    background: #2563eb;
    color: #ffffff;
}

.blueprint-builder__button.blueprint-builder__button--prep:hover {
    border-color: #bfdbfe;
    background: #1d4ed8;
}

.blueprint-builder__button--primary {
    border-color: #34d399;
    background: #08783f;
    color: #ffffff;
}

.blueprint-builder__button--primary:hover {
    border-color: var(--blueprint-green);
    background: #096b3a;
}

.blueprint-builder__button--compact {
    min-height: 44px;
    padding: 0.56rem 0.75rem;
    font-size: 0.8rem;
}

.blueprint-builder__button--danger,
.blueprint-icon-button--danger {
    border-color: rgba(248, 113, 113, 0.78);
    color: #fecaca;
}

.blueprint-builder__button--danger:hover,
.blueprint-icon-button--danger:hover {
    border-color: var(--blueprint-danger);
    background: rgba(248, 113, 113, 0.14);
    color: #ffffff;
}

.blueprint-builder__button:disabled,
.blueprint-icon-button:disabled {
    border-color: rgba(113, 128, 150, 0.5);
    color: #94a3b8;
    cursor: not-allowed;
    opacity: 0.58;
}

.blueprint-icon-button {
    flex: 0 0 44px;
    width: 44px;
    padding: 0;
}

.blueprint-builder__boundary {
    align-content: start;
    gap: 0.7rem;
    border-color: rgba(96, 165, 250, 0.38);
}

.blueprint-builder__boundary h2,
.blueprint-builder__boundary p {
    margin: 0;
}

.blueprint-builder__identity {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 0.72rem;
    align-items: center;
    min-height: 64px;
    margin-top: 0.35rem;
    padding: 0.7rem;
    border: 1px solid rgba(96, 165, 250, 0.36);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.08);
}

.blueprint-builder__identity > .oi {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(96, 165, 250, 0.15);
    color: var(--blueprint-blue);
}

.blueprint-builder__identity span:last-child {
    display: grid;
    gap: 0.16rem;
    min-width: 0;
}

.blueprint-builder__identity small {
    color: var(--blueprint-muted);
}

.blueprint-builder__identity strong {
    color: #ffffff;
    overflow-wrap: anywhere;
}

.blueprint-builder__summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.8rem;
}

.blueprint-builder__summary > div {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 0.2rem 0.72rem;
    align-items: center;
    min-height: 88px;
    padding: 0.9rem;
    border: 1px solid rgba(113, 128, 150, 0.78);
    border-radius: 8px;
    background: var(--blueprint-raised);
}

.blueprint-builder__summary > div > .oi {
    display: grid;
    grid-row: 1 / span 2;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(96, 165, 250, 0.14);
    color: var(--blueprint-blue);
}

.blueprint-builder__summary span:not(.oi) {
    color: var(--blueprint-muted);
    font-size: 0.75rem;
    font-weight: 820;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.blueprint-builder__summary strong {
    min-width: 0;
    color: #ffffff;
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.blueprint-builder__notice {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 0.85rem;
    align-items: start;
    padding: 1rem;
    border: 1px solid var(--blueprint-border);
    border-radius: 8px;
    background: var(--blueprint-raised);
}

.blueprint-builder__notice > .oi {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: #ffffff;
}

.blueprint-builder__notice--green { border-color: rgba(0, 230, 118, 0.58); }
.blueprint-builder__notice--green > .oi { background: rgba(0, 230, 118, 0.18); color: var(--blueprint-green); }
.blueprint-builder__notice--orange { border-color: rgba(255, 165, 0, 0.62); }
.blueprint-builder__notice--orange > .oi { background: rgba(255, 165, 0, 0.18); color: var(--blueprint-orange); }
.blueprint-builder__notice--danger { border-color: rgba(248, 113, 113, 0.72); }
.blueprint-builder__notice--danger > .oi { background: rgba(248, 113, 113, 0.16); color: #fca5a5; }

.blueprint-builder__notice strong,
.blueprint-builder__notice p {
    margin: 0;
}

.blueprint-builder__notice p,
.blueprint-builder__notice li {
    color: var(--blueprint-muted);
    line-height: 1.5;
}

.blueprint-builder__notice ul {
    margin: 0.65rem 0 0;
    padding-left: 1.25rem;
}

.blueprint-undo {
    position: sticky;
    z-index: 12;
    bottom: 1rem;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 0.85rem;
    align-items: center;
    padding: 0.85rem;
    border: 1px solid rgba(0, 230, 118, 0.72);
    border-radius: 10px;
    background: rgba(27, 28, 30, 0.98);
    box-shadow: 0 18px 52px rgba(0, 0, 0, 0.48);
}

.blueprint-undo > .oi {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(0, 230, 118, 0.14);
    color: var(--blueprint-green);
}

.blueprint-undo > div {
    display: grid;
    gap: 0.16rem;
}

.blueprint-undo strong {
    color: #ffffff;
}

.blueprint-undo span:not(.oi) {
    color: var(--blueprint-muted);
    line-height: 1.4;
}

.blueprint-builder__flow {
    display: grid;
    gap: clamp(1rem, 2vw, 1.5rem);
}

.blueprint-project-card,
.blueprint-outline,
.blueprint-team-assignment,
.blueprint-saved-drafts,
.blueprint-readiness-review {
    border: 1px solid rgba(113, 128, 150, 0.76);
    border-radius: 10px;
    background: var(--blueprint-surface);
    box-shadow: 0 18px 52px rgba(0, 0, 0, 0.22);
}

.blueprint-disclosure__header {
    min-width: 0;
}

.blueprint-disclosure__trigger {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) auto auto;
    gap: 0.85rem;
    align-items: center;
    width: 100%;
    min-height: 80px;
    padding: 0.9rem 1rem;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: var(--blueprint-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.blueprint-disclosure__trigger:hover {
    background: rgba(96, 165, 250, 0.07);
}

.blueprint-disclosure__trigger > span:nth-child(2) {
    display: grid;
    gap: 0.16rem;
    min-width: 0;
}

.blueprint-disclosure__trigger small {
    color: var(--blueprint-muted);
    font-size: 0.75rem;
    font-weight: 850;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.blueprint-disclosure__trigger strong {
    color: #ffffff;
    font-size: 1.04rem;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.blueprint-disclosure__trigger > span:nth-child(2) > span {
    color: var(--blueprint-muted);
    font-size: 0.84rem;
    line-height: 1.35;
}

.blueprint-disclosure__icon {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border: 1px solid currentColor;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.035);
}

.blueprint-disclosure__icon--blue { color: var(--blueprint-blue); }
.blueprint-disclosure__icon--green { color: var(--blueprint-green); }
.blueprint-disclosure__icon--orange { color: var(--blueprint-orange); }
.blueprint-disclosure__icon--gold { color: var(--blueprint-gold); }

.blueprint-disclosure__chevron {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    color: var(--blueprint-muted);
    transition: transform 160ms ease;
}

.blueprint-disclosure__chevron--open {
    transform: rotate(180deg);
}

.blueprint-disclosure__error-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 32px;
    padding: 0.35rem 0.58rem;
    border: 1px solid rgba(248, 113, 113, 0.72);
    border-radius: 999px;
    background: rgba(248, 113, 113, 0.12);
    color: #fecaca;
    font-size: 0.74rem;
    font-weight: 820;
}

.blueprint-disclosure__panel {
    display: grid;
    gap: 1rem;
    padding: 0.25rem clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem);
    border-top: 1px solid rgba(113, 128, 150, 0.38);
}

.blueprint-disclosure__panel--section {
    padding-top: 1rem;
}

.blueprint-template-choice {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 0.8rem;
    align-items: center;
    padding: 0.8rem;
    border: 1px solid rgba(96, 165, 250, 0.52);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.08);
}

.blueprint-template-choice__icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(96, 165, 250, 0.15);
    color: var(--blueprint-blue);
}

.blueprint-template-choice > span:nth-child(2) {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.blueprint-template-choice small {
    color: var(--blueprint-blue);
    font-size: 0.75rem;
    font-weight: 850;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.blueprint-template-choice strong {
    color: #ffffff;
}

.blueprint-template-choice > span:nth-child(2) > span {
    color: var(--blueprint-muted);
    font-size: 0.82rem;
    line-height: 1.4;
}

.blueprint-disclosure__actions {
    justify-content: flex-end;
    padding-top: 0.8rem;
}

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

.blueprint-field {
    display: grid;
    align-content: start;
    gap: 0.45rem;
    min-width: 0;
    color: #ffffff;
    font-size: 0.84rem;
    font-weight: 800;
}

.blueprint-field--wide {
    grid-column: 1 / -1;
}

.blueprint-field > span {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: baseline;
}

.blueprint-field > span small,
.blueprint-field__hint {
    color: var(--blueprint-muted);
    font-size: 0.76rem;
    font-weight: 680;
}

.blueprint-field input,
.blueprint-field textarea,
.blueprint-field select,
.blueprint-assignment-action select {
    width: 100%;
    min-width: 0;
    min-height: 46px;
    padding: 0.72rem 0.78rem;
    border: 1px solid var(--blueprint-border);
    border-radius: 8px;
    background: #10171c;
    color: #ffffff;
    font: inherit;
    font-weight: 650;
    line-height: 1.4;
}

.blueprint-field select,
.blueprint-assignment-action select {
    appearance: auto;
}

.blueprint-field textarea {
    min-height: 76px;
    resize: vertical;
}

.blueprint-field input[aria-invalid="true"],
.blueprint-field textarea[aria-invalid="true"] {
    border-color: var(--blueprint-danger);
    box-shadow: inset 3px 0 0 var(--blueprint-danger);
}

.blueprint-field__error {
    margin: 0;
    color: #fca5a5;
    font-size: 0.78rem;
    font-weight: 760;
    line-height: 1.4;
}

.blueprint-outline {
    display: grid;
    gap: 1rem;
    padding: clamp(1rem, 2.5vw, 1.5rem);
}

.blueprint-outline__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
}

.blueprint-outline__header h2,
.blueprint-outline__header p {
    margin-top: 0;
}

.blueprint-outline__header > div > p:last-child {
    margin-bottom: 0;
    color: var(--blueprint-muted);
}

.blueprint-focus-bar {
    position: sticky;
    z-index: 14;
    top: 0.75rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    min-height: 72px;
    padding: 0.72rem;
    border: 1px solid rgba(96, 165, 250, 0.72);
    border-radius: 10px;
    background: rgba(20, 27, 32, 0.96);
    box-shadow: 0 16px 44px rgba(0, 0, 0, 0.42);
    backdrop-filter: blur(14px);
}

.blueprint-focus-bar__context {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 0.72rem;
    align-items: center;
    min-width: 0;
}

.blueprint-focus-bar__icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(96, 165, 250, 0.68);
    border-radius: 50%;
    background: rgba(96, 165, 250, 0.14);
    color: var(--blueprint-blue);
}

.blueprint-focus-bar__context > span:last-child {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.blueprint-focus-bar__context small {
    color: var(--blueprint-blue);
    font-size: 0.7rem;
    font-weight: 850;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.blueprint-focus-bar__context strong {
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.blueprint-focus-bar__context > span:last-child > span {
    color: var(--blueprint-muted);
    font-size: 0.78rem;
    line-height: 1.35;
}

.blueprint-focus-bar__actions {
    display: grid;
    grid-template-columns: auto auto;
    gap: 0.65rem;
}

.blueprint-focus-bar__actions .blueprint-builder__button {
    min-height: 48px;
}

.blueprint-structure-layout {
    display: grid;
    grid-template-columns: minmax(13.5rem, 0.28fr) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.blueprint-phase-rail {
    position: sticky;
    top: 6.5rem;
    display: grid;
    gap: 0.75rem;
    max-height: calc(100vh - 7.25rem);
    padding: 0.75rem;
    overflow: auto;
    border: 1px solid rgba(113, 128, 150, 0.72);
    border-radius: 10px;
    background: #15191d;
}

.blueprint-phase-rail > header {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: center;
    padding: 0.12rem 0.15rem 0.35rem;
    color: #ffffff;
}

.blueprint-phase-rail > header > span:first-child {
    display: grid;
    gap: 0.08rem;
}

.blueprint-phase-rail > header small {
    color: var(--blueprint-muted);
    font-size: 0.72rem;
}

.blueprint-phase-rail > header > .oi {
    color: var(--blueprint-blue);
}

.blueprint-phase-rail ol {
    display: grid;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.blueprint-phase-rail__item,
.blueprint-phase-rail__add {
    width: 100%;
    min-height: 52px;
    border: 1px solid rgba(113, 128, 150, 0.68);
    border-radius: 8px;
    background: #11171b;
    color: var(--blueprint-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.blueprint-phase-rail__item {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    gap: 0.58rem;
    align-items: center;
    padding: 0.58rem;
}

.blueprint-phase-rail__item:hover,
.blueprint-phase-rail__item:focus-visible {
    border-color: rgba(96, 165, 250, 0.78);
    background: rgba(96, 165, 250, 0.08);
}

.blueprint-phase-rail__item--active {
    border-color: var(--blueprint-blue);
    background: rgba(96, 165, 250, 0.14);
    box-shadow: inset 3px 0 0 var(--blueprint-blue);
}

.blueprint-phase-rail__number {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(113, 128, 150, 0.18);
    color: #dbeafe;
    font-size: 0.76rem;
    font-weight: 900;
}

.blueprint-phase-rail__item--active .blueprint-phase-rail__number {
    background: #2563eb;
    color: #ffffff;
}

.blueprint-phase-rail__item > span:nth-child(2) {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.blueprint-phase-rail__item strong,
.blueprint-phase-rail__item small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.blueprint-phase-rail__item strong {
    color: #ffffff;
    font-size: 0.83rem;
}

.blueprint-phase-rail__item small {
    color: var(--blueprint-muted);
    font-size: 0.69rem;
}

.blueprint-phase-rail__warning {
    color: #fca5a5;
}

.blueprint-phase-rail__add {
    display: inline-flex;
    gap: 0.48rem;
    align-items: center;
    justify-content: center;
    padding: 0.65rem;
    border-style: dashed;
    color: var(--blueprint-blue);
    font-size: 0.78rem;
    font-weight: 820;
}

.blueprint-phase-rail__add:hover,
.blueprint-phase-rail__add:focus-visible {
    border-color: var(--blueprint-blue);
    background: rgba(96, 165, 250, 0.08);
}

.blueprint-outline__list,
.blueprint-section-list,
.blueprint-task-list {
    display: grid;
    gap: 1rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.blueprint-builder .blueprint-section-list,
.blueprint-builder .blueprint-task-list {
    padding-left: 0;
}

.blueprint-builder .blueprint-phase {
    padding: 0;
    border: 1px solid var(--blueprint-border);
    border-left-width: 4px;
    border-radius: 10px;
    background: var(--blueprint-raised);
    overflow: clip;
}

.blueprint-outline__list--focused {
    min-width: 0;
}

.blueprint-builder .blueprint-phase--active {
    border-color: rgba(96, 165, 250, 0.72);
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.3);
}

.blueprint-disclosure__trigger--static {
    cursor: default;
}

.blueprint-disclosure__trigger--static:hover {
    background: transparent;
}

.blueprint-phase__active-label {
    display: inline-flex;
    gap: 0.38rem;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0.34rem 0.58rem;
    border: 1px solid rgba(96, 165, 250, 0.56);
    border-radius: 999px;
    background: rgba(96, 165, 250, 0.1);
    color: #bfdbfe;
    font-size: 0.72rem;
    font-weight: 820;
    white-space: nowrap;
}

.blueprint-phase--blue { border-left-color: var(--blueprint-blue); }
.blueprint-phase--green { border-left-color: var(--blueprint-green); }
.blueprint-phase--orange { border-left-color: var(--blueprint-orange); }

.blueprint-section-list {
    gap: 0.85rem;
}

.blueprint-task-section {
    border: 1px solid rgba(255, 215, 0, 0.48);
    border-radius: 9px;
    background: #171b1f;
    overflow: clip;
}

.blueprint-disclosure__trigger--section {
    min-height: 72px;
}

.blueprint-context-actions {
    order: 10;
    overflow: hidden;
    border: 1px solid rgba(113, 128, 150, 0.58);
    border-radius: 8px;
    background: rgba(17, 23, 27, 0.72);
}

.blueprint-context-actions > summary {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 34px;
    gap: 0.65rem;
    align-items: center;
    min-height: 48px;
    padding: 0.5rem 0.65rem;
    color: #ffffff;
    cursor: pointer;
    list-style: none;
}

.blueprint-context-actions > summary::-webkit-details-marker {
    display: none;
}

.blueprint-context-actions > summary > .oi:first-child {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(113, 128, 150, 0.14);
    color: var(--blueprint-muted);
}

.blueprint-context-actions > summary > span:nth-child(2) {
    display: grid;
    gap: 0.08rem;
}

.blueprint-context-actions > summary strong {
    font-size: 0.8rem;
}

.blueprint-context-actions > summary small {
    color: var(--blueprint-muted);
    font-size: 0.72rem;
}

.blueprint-context-actions > summary > .oi:last-child {
    justify-self: center;
    color: var(--blueprint-muted);
    transition: transform 160ms ease;
}

.blueprint-context-actions[open] > summary > .oi:last-child {
    transform: rotate(180deg);
}

.blueprint-context-actions .blueprint-disclosure__actions {
    padding: 0.65rem;
    border-top: 1px solid rgba(113, 128, 150, 0.38);
}

.blueprint-context-actions--section {
    border-color: rgba(255, 215, 0, 0.34);
}

.blueprint-task-list {
    gap: 0.75rem;
}

.blueprint-task {
    display: grid;
    gap: 0.9rem;
    padding: clamp(0.8rem, 1.8vw, 1rem);
    border: 1px solid rgba(113, 128, 150, 0.74);
    border-radius: 8px;
    background: var(--blueprint-raised-strong);
}

.blueprint-task__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.blueprint-task__number {
    display: inline-flex;
    align-items: center;
    gap: 0.48rem;
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 850;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.blueprint-task__number .oi {
    color: var(--blueprint-green);
}

.blueprint-task__advanced-trigger {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 36px;
    gap: 0.7rem;
    align-items: center;
    width: 100%;
    min-height: 54px;
    padding: 0.55rem 0.72rem;
    border: 1px solid rgba(113, 128, 150, 0.96);
    border-radius: 8px;
    background: #11171b;
    color: #ffffff;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.blueprint-task__advanced-trigger > .oi:first-child {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(255, 215, 0, 0.12);
    color: var(--blueprint-gold);
}

.blueprint-task__advanced-trigger > span:nth-child(2) {
    display: grid;
    gap: 0.1rem;
}

.blueprint-task__advanced-trigger small {
    color: var(--blueprint-muted);
    font-size: 0.76rem;
}

.blueprint-task__advanced {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid rgba(255, 215, 0, 0.3);
    border-radius: 8px;
    background: #15191d;
}

.blueprint-link-editor {
    display: grid;
    gap: 0.75rem;
}

.blueprint-link-editor > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.blueprint-link-editor > header > div {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.blueprint-link-editor > header .oi {
    color: var(--blueprint-gold);
}

.blueprint-link-row {
    display: grid;
    grid-template-columns: minmax(10rem, 0.7fr) minmax(14rem, 1fr) 44px;
    gap: 0.75rem;
    align-items: end;
}

.blueprint-readiness-review {
    overflow: clip;
    border-color: rgba(96, 165, 250, 0.58);
    background: rgba(17, 23, 29, 0.98);
}

.blueprint-readiness-review__header {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1.15rem;
    border-bottom: 1px solid rgba(113, 128, 150, 0.45);
}

.blueprint-readiness-review__header > div {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.blueprint-readiness-review__header h2,
.blueprint-readiness-review__header p,
.blueprint-readiness-card h3,
.blueprint-readiness-card p,
.blueprint-readiness-review__actions strong,
.blueprint-readiness-review__actions span {
    margin: 0;
}

.blueprint-readiness-review__header h2 {
    color: #ffffff;
    font-size: clamp(1.3rem, 2vw, 1.7rem);
}

.blueprint-readiness-review__header > div > p:last-child,
.blueprint-readiness-card p,
.blueprint-readiness-review__actions span {
    color: var(--blueprint-muted);
    line-height: 1.5;
}

.blueprint-readiness-review__state {
    display: inline-flex;
    flex: 0 0 auto;
    gap: 0.48rem;
    align-items: center;
    min-height: 44px;
    padding: 0.6rem 0.8rem;
    border: 1px solid rgba(96, 165, 250, 0.55);
    border-radius: 999px;
    background: rgba(96, 165, 250, 0.12);
    color: #bfdbfe;
    font-size: 0.84rem;
    font-weight: 850;
}

.blueprint-readiness-review__state--gold {
    border-color: rgba(255, 215, 0, 0.55);
    background: rgba(255, 215, 0, 0.12);
    color: #fde68a;
}

.blueprint-readiness-review__state--orange {
    border-color: rgba(255, 165, 0, 0.62);
    background: rgba(255, 165, 0, 0.13);
    color: #fdba74;
}

.blueprint-readiness-review__state--green {
    border-color: rgba(0, 230, 118, 0.58);
    background: rgba(0, 230, 118, 0.12);
    color: #86efac;
}

.blueprint-readiness-review__checks {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    padding: 1.15rem;
}

.blueprint-readiness-card {
    display: grid;
    align-content: start;
    gap: 0.85rem;
    min-width: 0;
    padding: 1rem;
    border: 1px solid rgba(113, 128, 150, 0.52);
    border-radius: 9px;
    background: #141a20;
}

.blueprint-readiness-card--required {
    border-color: rgba(96, 165, 250, 0.46);
}

.blueprint-readiness-card--recommended {
    border-color: rgba(255, 215, 0, 0.38);
}

.blueprint-readiness-card > header {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
}

.blueprint-readiness-card > header > .oi {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(96, 165, 250, 0.14);
    color: var(--blueprint-blue);
}

.blueprint-readiness-card--recommended > header > .oi {
    background: rgba(255, 215, 0, 0.12);
    color: var(--blueprint-gold);
}

.blueprint-readiness-card > header small {
    color: #bfdbfe;
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.blueprint-readiness-card--recommended > header small {
    color: #fde68a;
}

.blueprint-readiness-card h3 {
    color: #ffffff;
    font-size: 1.02rem;
}

.blueprint-readiness-card__issue-list,
.blueprint-readiness-card__recommendation-list {
    display: grid;
    gap: 0.65rem;
    margin: 0;
}

.blueprint-readiness-card__issue-list {
    padding-left: 1.2rem;
    color: #fed7aa;
    line-height: 1.45;
}

.blueprint-readiness-card__recommendation-list {
    padding: 0;
    list-style: none;
}

.blueprint-readiness-card__recommendation-list li {
    display: grid;
    gap: 0.15rem;
    padding-left: 0.8rem;
    border-left: 2px solid rgba(255, 215, 0, 0.58);
}

.blueprint-readiness-card__recommendation-list strong {
    color: #ffffff;
    font-size: 0.9rem;
}

.blueprint-readiness-card__recommendation-list span {
    color: var(--blueprint-muted);
    font-size: 0.82rem;
    line-height: 1.45;
}

.blueprint-readiness-card__success {
    display: inline-flex;
    gap: 0.5rem;
    align-items: flex-start;
    color: #86efac !important;
}

.blueprint-readiness-card .blueprint-builder__button {
    justify-self: start;
}

.blueprint-readiness-review__actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 1rem 1.15rem;
    border-top: 1px solid rgba(113, 128, 150, 0.45);
    background: rgba(9, 14, 18, 0.72);
}

.blueprint-readiness-review__actions > div {
    display: grid;
    gap: 0.12rem;
}

.blueprint-readiness-review__actions strong {
    color: #ffffff;
}

.blueprint-builder__empty {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 0.8rem;
    align-items: center;
    padding: 1rem;
    border: 1px dashed var(--blueprint-border);
    border-radius: 8px;
    color: var(--blueprint-muted);
}

.blueprint-builder__empty--action {
    grid-template-columns: 42px minmax(0, 1fr) auto;
}

.blueprint-team-assignment {
    overflow: clip;
    border-color: rgba(96, 165, 250, 0.52);
}

.blueprint-team-assignment__content {
    gap: 1.1rem;
    padding-top: 1rem;
}

.blueprint-team-assignment__intro {
    max-width: 76rem;
    margin: 0;
    color: var(--blueprint-muted);
    line-height: 1.55;
}

.blueprint-assignment-settings {
    display: grid;
    grid-template-columns: minmax(14rem, 0.75fr) minmax(18rem, 1.25fr);
    gap: 1rem;
    padding: 1rem;
    border: 1px solid rgba(96, 165, 250, 0.34);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.06);
}

.blueprint-assignment-table {
    display: grid;
    overflow: hidden;
    border: 1px solid rgba(113, 128, 150, 0.82);
    border-radius: 9px;
    background: #12171b;
}

.blueprint-assignment-table__row {
    display: grid;
    grid-template-columns: minmax(7rem, 0.55fr) minmax(13rem, 1.15fr) minmax(13rem, 1fr) minmax(20rem, 1.4fr);
    gap: 0.75rem;
    align-items: center;
    min-width: 0;
    padding: 0.78rem;
    border-bottom: 1px solid rgba(113, 128, 150, 0.36);
}

.blueprint-assignment-table__row:last-child {
    border-bottom: 0;
}

.blueprint-assignment-table__row--head {
    min-height: 44px;
    background: #20252a;
    color: var(--blueprint-muted);
    font-size: 0.75rem;
    font-weight: 850;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.blueprint-assignment-table__row > span:first-child {
    display: inline-flex;
    gap: 0.48rem;
    align-items: center;
    color: var(--blueprint-blue);
    font-weight: 820;
}

.blueprint-assignment-table__row > strong {
    min-width: 0;
    color: #ffffff;
    overflow-wrap: anywhere;
}

.blueprint-assignment-owner {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 0.58rem !important;
    align-items: center !important;
    color: var(--blueprint-text) !important;
}

.blueprint-assignment-owner > .oi {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(0, 230, 118, 0.1);
    color: var(--blueprint-green);
}

.blueprint-assignment-owner > span {
    display: grid;
    gap: 0.1rem;
}

.blueprint-assignment-owner small {
    color: var(--blueprint-muted);
    font-size: 0.74rem;
    font-weight: 650;
}

.blueprint-assignment-action {
    display: grid;
    grid-template-columns: minmax(12rem, 1fr) auto;
    gap: 0.6rem;
    align-items: center;
}

.blueprint-assignment-action select {
    min-height: 44px;
}

.blueprint-assignment-skeleton {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid rgba(113, 128, 150, 0.52);
    border-radius: 8px;
    background: var(--blueprint-raised);
}

.blueprint-assignment-skeleton > span {
    min-height: 54px;
    border-radius: 8px;
    background: linear-gradient(90deg, #2b2d31, #3b4148, #2b2d31);
    background-size: 200% 100%;
    animation: blueprint-skeleton-pulse 1.8s ease-in-out infinite;
}

.blueprint-assignment-skeleton p {
    grid-column: 1 / -1;
    margin: 0;
    color: var(--blueprint-muted);
}

@keyframes blueprint-skeleton-pulse {
    from { background-position: 100% 0; }
    to { background-position: -100% 0; }
}

.blueprint-confirmation {
    position: fixed;
    z-index: 1200;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(4, 7, 9, 0.82);
    backdrop-filter: blur(6px);
}

.blueprint-confirmation__dialog {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 1rem;
    width: min(34rem, 100%);
    padding: clamp(1rem, 3vw, 1.4rem);
    border: 1px solid rgba(248, 113, 113, 0.82);
    border-radius: 10px;
    background: #1b1c1e;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.64);
}

.blueprint-confirmation__icon {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(248, 113, 113, 0.14);
    color: #fca5a5;
}

.blueprint-confirmation__dialog h2,
.blueprint-confirmation__dialog p {
    margin: 0;
}

.blueprint-confirmation__dialog > div:nth-child(2) {
    display: grid;
    gap: 0.55rem;
}

.blueprint-confirmation__dialog > div:nth-child(2) > p:last-child {
    color: var(--blueprint-muted);
    line-height: 1.55;
}

.blueprint-confirmation__actions {
    display: flex;
    flex-wrap: wrap;
    grid-column: 1 / -1;
    gap: 0.7rem;
    justify-content: flex-end;
    padding-top: 0.25rem;
}

.blueprint-builder__empty > .oi {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(96, 165, 250, 0.12);
    color: var(--blueprint-blue);
}

.blueprint-builder__empty strong,
.blueprint-builder__empty p {
    margin: 0;
}

.blueprint-saved-drafts__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr));
    gap: 1rem;
}

.blueprint-saved-card {
    display: grid;
    align-content: start;
    gap: 0.7rem;
    min-width: 0;
    padding: 1rem;
    border: 1px solid rgba(113, 128, 150, 0.74);
    border-radius: 8px;
    background: var(--blueprint-raised);
}

.blueprint-saved-card > header {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    justify-content: space-between;
}

.blueprint-saved-card > header small {
    color: var(--blueprint-muted);
    overflow-wrap: anywhere;
}

.blueprint-saved-card h3,
.blueprint-saved-card p {
    margin: 0;
}

.blueprint-saved-card h3 {
    color: #ffffff;
    font-size: 1.05rem;
}

.blueprint-saved-card p {
    color: var(--blueprint-muted);
    line-height: 1.45;
}

.blueprint-saved-card dl {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    margin: 0;
}

.blueprint-saved-card dl > div {
    display: grid;
    gap: 0.12rem;
    padding: 0.55rem;
    border-radius: 8px;
    background: #11171b;
}

.blueprint-saved-card dt {
    color: var(--blueprint-muted);
    font-size: 0.72rem;
    font-weight: 780;
    text-transform: uppercase;
}

.blueprint-saved-card dd {
    margin: 0;
    color: #ffffff;
    font-weight: 850;
}

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

    .blueprint-structure-layout {
        grid-template-columns: minmax(12rem, 0.3fr) minmax(0, 1fr);
    }
}

@media (max-width: 760px) {
    .marketplace-workspace.blueprint-builder {
        padding: 1rem;
    }

    .blueprint-builder__compact-header,
    .blueprint-starter__body,
    .blueprint-starter__footer,
    .blueprint-starter__optional-fields {
        grid-template-columns: 1fr;
    }

    .blueprint-builder__compact-actions {
        justify-content: flex-start;
    }

    .blueprint-builder__draft-boundary > div {
        right: auto;
        left: 0;
    }

    .blueprint-starter__body {
        min-height: 0;
        padding: 1rem;
    }

    .blueprint-starter__group,
    .blueprint-starter__group + .blueprint-starter__group {
        padding: 0;
        border-left: 0;
    }

    .blueprint-starter__group + .blueprint-starter__group {
        margin-top: 1.25rem;
        padding-top: 1.25rem;
        border-top: 1px solid rgba(113, 128, 150, 0.42);
    }

    .blueprint-starter__footer {
        padding: 1rem;
    }

    .blueprint-builder__summary,
    .blueprint-builder__field-grid,
    .blueprint-assignment-settings,
    .blueprint-outline__header,
    .blueprint-readiness-review__checks,
    .blueprint-readiness-review__actions {
        grid-template-columns: 1fr;
    }

    .blueprint-readiness-review__header {
        align-items: stretch;
        flex-direction: column;
    }

    .blueprint-readiness-review__state {
        align-self: flex-start;
    }

    .blueprint-focus-bar,
    .blueprint-structure-layout {
        grid-template-columns: 1fr;
    }

    .blueprint-focus-bar {
        top: 0.5rem;
        gap: 0.65rem;
    }

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

    .blueprint-focus-bar__actions .blueprint-builder__button {
        width: 100%;
    }

    .blueprint-phase-rail {
        position: static;
        display: grid;
        max-height: none;
        overflow: hidden;
    }

    .blueprint-phase-rail ol {
        display: flex;
        gap: 0.65rem;
        padding-bottom: 0.2rem;
        overflow-x: auto;
        scroll-snap-type: x proximity;
    }

    .blueprint-phase-rail li {
        flex: 0 0 min(78vw, 17rem);
        scroll-snap-align: start;
    }

    .blueprint-undo,
    .blueprint-builder__empty--action {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .blueprint-undo .blueprint-builder__button,
    .blueprint-builder__empty--action .blueprint-builder__button {
        grid-column: 1 / -1;
        width: 100%;
    }

    .blueprint-outline {
        padding: 0.75rem;
    }

    .blueprint-phase {
        border-left-width: 3px;
    }

    .blueprint-disclosure__panel,
    .blueprint-disclosure__panel--section {
        gap: 0.75rem;
        padding: 0.5rem 0.5rem 0.75rem;
    }

    .blueprint-section-list,
    .blueprint-task-list {
        gap: 0.65rem;
    }

    .blueprint-task {
        gap: 0.75rem;
        padding: 0.7rem;
    }

    .blueprint-task__advanced {
        gap: 0.75rem;
        padding: 0.7rem;
    }

    .blueprint-builder__field-grid {
        gap: 0.75rem;
    }

    .blueprint-template-choice {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .blueprint-template-choice .blueprint-builder__button {
        grid-column: 1 / -1;
        width: 100%;
    }

    .blueprint-disclosure__trigger {
        grid-template-columns: 42px minmax(0, 1fr) 36px;
        gap: 0.65rem;
        padding: 0.75rem;
    }

    .blueprint-disclosure__icon {
        width: 42px;
        height: 42px;
    }

    .blueprint-disclosure__error-badge {
        grid-column: 2 / -1;
        justify-self: start;
    }

    .blueprint-disclosure__actions {
        justify-content: flex-start;
    }

    .blueprint-link-row {
        grid-template-columns: 1fr;
    }

    .blueprint-assignment-table {
        gap: 0.75rem;
        overflow: visible;
        border: 0;
        background: transparent;
    }

    .blueprint-assignment-table__row--head {
        display: none;
    }

    .blueprint-assignment-table__row {
        grid-template-columns: 1fr;
        gap: 0.68rem;
        padding: 0.85rem;
        border: 1px solid rgba(113, 128, 150, 0.72);
        border-radius: 8px;
        background: #12171b;
    }

    .blueprint-assignment-table__row [data-label]::before {
        display: block;
        margin-bottom: 0.25rem;
        color: var(--blueprint-muted);
        content: attr(data-label);
        font-size: 0.7rem;
        font-weight: 820;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }

    .blueprint-assignment-action {
        grid-template-columns: 1fr;
    }

    .blueprint-assignment-action .blueprint-builder__button {
        width: 100%;
    }

    .blueprint-link-row .blueprint-icon-button {
        justify-self: start;
    }

    .blueprint-task__header,
    .blueprint-link-editor > header {
        align-items: flex-start;
        flex-direction: column;
    }

    .blueprint-task__header {
        align-items: stretch;
    }

    .blueprint-task__actions {
        align-self: stretch;
    }

    .blueprint-readiness-review__actions .blueprint-builder__button--primary {
        width: 100%;
    }

    .blueprint-confirmation__actions {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .blueprint-confirmation__actions .blueprint-builder__button {
        width: 100%;
    }
}

@media (max-width: 420px) {
    .blueprint-starter__progress-step {
        grid-template-columns: 32px minmax(0, 1fr);
        gap: 0.35rem;
    }

    .blueprint-starter__progress-step > span {
        width: 32px;
        height: 32px;
    }

    .blueprint-starter__progress-step > strong {
        padding-right: 0.35rem;
        font-size: 0.72rem;
    }

    .blueprint-starter__progress-step:not(:last-child)::after {
        left: 2.5rem;
    }

    .blueprint-starter__choice {
        grid-template-columns: 40px minmax(0, 1fr) 28px;
        gap: 0.65rem;
    }

    .blueprint-starter__choice-icon {
        width: 40px;
        height: 40px;
    }

    .blueprint-builder__summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.6rem;
    }

    .blueprint-focus-bar {
        position: sticky;
        top: 0.5rem;
        padding: 0.45rem;
    }

    .blueprint-focus-bar__context {
        display: none;
    }

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

    .blueprint-phase__active-label {
        grid-column: 2 / -1;
        justify-self: start;
    }

    .blueprint-builder__summary > div {
        grid-template-columns: 30px minmax(0, 1fr);
        min-height: 76px;
        padding: 0.65rem;
    }

    .blueprint-builder__summary > div > .oi {
        width: 30px;
        height: 30px;
    }

    .blueprint-builder__toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .blueprint-builder__toolbar .blueprint-builder__button {
        width: 100%;
    }

    .blueprint-confirmation__dialog {
        grid-template-columns: 1fr;
    }

    .blueprint-confirmation__actions {
        grid-column: 1;
    }

    .blueprint-disclosure__actions {
        display: grid;
        grid-template-columns: 44px 44px minmax(0, 1fr);
        justify-content: stretch;
    }

    .blueprint-disclosure__actions .blueprint-builder__button {
        width: 100%;
    }

    .blueprint-disclosure__actions .blueprint-builder__button--danger {
        grid-column: 1 / -1;
    }

    .blueprint-disclosure__actions .blueprint-icon-button {
        align-self: center;
    }
}

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

@media (forced-colors: active) {
    .blueprint-builder :is(a, button, input, textarea, select),
    .blueprint-phase,
    .blueprint-task-section,
    .blueprint-task {
        border: 1px solid CanvasText;
    }

    .blueprint-builder :is(a, button, input, textarea, select):focus-visible {
        outline: 3px solid Highlight;
    }
}

/* Blueprint branding objective-first workspace refinements. */
.blueprint-branding-mock .blueprint-branding-mock__topbar {
    display: grid;
    grid-template-columns: auto minmax(9rem, 1fr) auto auto auto auto auto;
    gap: 0.55rem;
    align-items: center;
    height: 64px;
    min-height: 64px;
    padding: 0.45rem 0.85rem;
}

.blueprint-branding-mock__topbar .brand-mock-topbar__spacer {
    display: none;
}

.blueprint-branding-toolbar__back {
    grid-column: 1;
    min-width: 44px;
    justify-self: start;
    justify-content: flex-start;
    gap: 0.5rem;
    padding-inline: 0.7rem;
    border-color: transparent;
    background: transparent;
    color: #dbeafe;
    font-size: 0.875rem;
}

.blueprint-branding-toolbar__back:hover {
    border-color: rgba(96, 165, 250, 0.38);
    background: rgba(96, 165, 250, 0.1);
}

.blueprint-branding-toolbar__back:focus-visible {
    border-color: rgba(250, 204, 21, 0.72);
    background: rgba(96, 165, 250, 0.1);
    outline: 3px solid #facc15;
    outline-offset: 2px;
}

.blueprint-branding-toolbar__back .oi {
    font-size: 0.9rem;
}

.blueprint-branding-toolbar__back-label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blueprint-branding-mock__topbar .blueprint-branding-mock__crumbs { grid-column: 2; }
.blueprint-branding-toolbar__draft { grid-column: 3; }
.blueprint-branding-toolbar__unsaved { grid-column: 4; }
.blueprint-branding-toolbar__feedback { grid-column: 5; }
.blueprint-branding-toolbar__save { grid-column: 6; }
.blueprint-branding-mock__topbar .blueprint-branding-mock__submit-action { grid-column: 7; }

.blueprint-branding-toolbar__back,
.blueprint-branding-toolbar__save,
.blueprint-branding-mock__topbar .blueprint-branding-mock__submit-action {
    min-height: 44px;
    white-space: nowrap;
}

.blueprint-branding-mock__topbar .blueprint-branding-mock__crumbs,
.blueprint-branding-mock__topbar .blueprint-branding-mock__crumbs strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.blueprint-branding-toolbar__feedback {
    width: min(16rem, 100%);
    max-width: 16rem;
    min-width: 0;
    min-height: 44px;
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 0.45rem;
    align-items: center;
    padding: 0.35rem 0.5rem;
    border: 1px solid rgba(96, 165, 250, 0.38);
    border-radius: 8px;
    background: rgba(37, 99, 235, 0.1);
}

.blueprint-branding-toolbar__feedback--red {
    border-color: rgba(248, 113, 113, 0.62);
    background: rgba(127, 29, 29, 0.16);
}

.blueprint-branding-toolbar__feedback > span:last-child {
    min-width: 0;
    display: grid;
}

.blueprint-branding-toolbar__feedback strong,
.blueprint-branding-toolbar__feedback small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.blueprint-branding-toolbar__feedback strong {
    color: #ffffff;
    font-size: 0.76rem;
}

.blueprint-branding-toolbar__feedback small {
    color: #cbd5e1;
    font-size: 0.68rem;
}

.blueprint-branding-logo-preview {
    width: 52px;
    height: 52px;
    display: block;
    border: 1px solid rgba(96, 165, 250, 0.45);
    border-radius: 10px;
    object-fit: cover;
    background: #101114;
}

.blueprint-branding-logo-placeholder {
    width: 52px !important;
    height: 52px !important;
    min-height: 52px;
    padding: 0.25rem !important;
    border-radius: 10px !important;
    font-size: 0;
}

.blueprint-branding-logo-placeholder .oi {
    font-size: 1rem;
}

.blueprint-branding-cover-editor__preview > .blueprint-branding-asset-card__placeholder {
    width: 100%;
    height: 100%;
    min-height: 0;
    border: 0;
    border-radius: 0;
}

.blueprint-branding-mock__logo-uploader .blueprint-branding-mock__logo-remove,
.blueprint-branding-mock__logo-uploader .blueprint-branding-mock__logo-revert {
    min-height: 44px;
    padding-inline: 0.7rem;
}

.blueprint-branding-more-options > label {
    display: block;
    margin-top: 0.55rem;
    color: #dbeafe;
    font-size: 0.78rem;
    font-weight: 800;
}

.blueprint-branding-more-options > .blueprint-branding-template-link {
    margin-top: 0.2rem;
}

.blueprint-branding-review__passed {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.blueprint-branding-review__passed > span {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.25rem 0.5rem;
    border: 1px solid rgba(34, 197, 94, 0.3);
    border-radius: 999px;
    background: rgba(34, 197, 94, 0.08);
    color: #bbf7d0;
    font-size: 0.73rem;
    font-weight: 800;
}

.blueprint-branding-review__optional {
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 8px;
    background: rgba(37, 99, 235, 0.06);
}

.blueprint-branding-review__optional > summary {
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.5rem 0.7rem;
    color: #dbeafe;
    font-weight: 850;
    cursor: pointer;
}

.blueprint-branding-review__optional > summary span {
    min-width: 24px;
    min-height: 24px;
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    background: rgba(96, 165, 250, 0.16);
}

.blueprint-branding-review__optional .blueprint-branding-review__recommendations {
    padding: 0 0.6rem 0.6rem;
}

.blueprint-branding-mock__fallback--locked {
    min-height: 50px;
    padding-block: 0.5rem;
    opacity: 1;
}

.blueprint-branding-mock__fallback--locked input:disabled {
    opacity: 1;
}

.blueprint-branding-mock__saved-preview-note {
    display: block;
    margin: 0.35rem auto 0;
    color: #fcd34d;
    font-size: 0.72rem;
    line-height: 1.35;
    text-align: center;
}

.blueprint-confirmation {
    z-index: 1700;
}

@media (min-width: 1181px) {
    .blueprint-branding-mock .blueprint-branding-mock__editor {
        grid-template-rows: auto minmax(0, 1fr);
    }

    .blueprint-branding-mock .blueprint-branding-task-panel {
        overflow: hidden;
    }

    .blueprint-branding-mock .blueprint-branding-task-summary,
    .blueprint-branding-mock .blueprint-branding-review {
        gap: 0.6rem;
        padding: 0.75rem;
    }

    .blueprint-branding-mock .blueprint-branding-review > header p:last-child {
        display: none;
    }

    .blueprint-branding-mock .blueprint-branding-review__requirements,
    .blueprint-branding-mock .blueprint-branding-review__recommendations {
        gap: 0.45rem;
    }

    .blueprint-branding-mock .blueprint-branding-review article {
        min-height: 64px;
        padding: 0.5rem;
    }

    .blueprint-branding-mock .blueprint-branding-mock__readiness-card {
        min-height: 58px;
        padding: 0.5rem 0.65rem;
    }

    .blueprint-branding-mock .blueprint-branding-mock__readiness-card p {
        margin-top: 0.1rem;
        font-size: 0.75rem;
        line-height: 1.25;
    }

    .blueprint-branding-mock .blueprint-branding-mock__policy-note {
        min-height: 28px;
        padding: 0.2rem 0;
        font-size: 0.72rem;
    }
}

@media (max-width: 1180px) {
    .blueprint-branding-mock {
        grid-template-rows: auto minmax(0, 1fr);
    }

    .blueprint-branding-mock .blueprint-branding-mock__topbar {
        grid-template-columns: auto minmax(8rem, 1fr) auto auto;
        height: auto;
        min-height: 64px;
    }

    .blueprint-branding-toolbar__feedback {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .blueprint-branding-toolbar__back,
    .blueprint-branding-mock__topbar .blueprint-branding-mock__crumbs,
    .blueprint-branding-toolbar__draft,
    .blueprint-branding-toolbar__unsaved,
    .blueprint-branding-toolbar__save,
    .blueprint-branding-mock__topbar .blueprint-branding-mock__submit-action {
        grid-column: auto;
    }

    .blueprint-branding-mock__topbar .blueprint-branding-mock__submit-action {
        justify-self: end;
    }
}

@media (max-width: 720px) {
    .blueprint-branding-mock .blueprint-branding-mock__topbar {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .blueprint-branding-mock__topbar > .status-pill {
        display: none;
    }

    .blueprint-branding-toolbar__back {
        grid-column: 1 / 3;
        grid-row: 1;
    }

    .blueprint-branding-mock__topbar .blueprint-branding-mock__crumbs {
        grid-column: 3 / 5;
        grid-row: 1;
        text-align: center;
    }

    .blueprint-branding-toolbar__save {
        grid-column: 5 / 7;
        grid-row: 1;
    }

    .blueprint-branding-mock__topbar .blueprint-branding-mock__preview-toggle {
        grid-column: 1 / 4;
        grid-row: 2;
    }

    .blueprint-branding-mock__topbar .blueprint-branding-mock__submit-action {
        grid-column: 4 / 7;
        grid-row: 2;
        justify-self: stretch;
    }

    .blueprint-branding-toolbar__feedback {
        grid-column: 1 / -1;
        grid-row: 3;
    }

    .blueprint-branding-toolbar__back,
    .blueprint-branding-toolbar__save,
    .blueprint-branding-mock__topbar .blueprint-branding-mock__submit-action,
    .blueprint-branding-mock__topbar .blueprint-branding-mock__preview-toggle {
        min-width: 0;
        width: 100%;
    }

    .blueprint-branding-review__requirements,
    .blueprint-branding-review__recommendations {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Keep these workspace-fit overrides last so earlier proposal mockup media rules cannot restore the long form. */
@media (min-width: 1181px) {
    .creator-blueprint-branding-workspace {
        height: 100vh;
        overflow: hidden;
    }

    .blueprint-branding-mock {
        height: calc(100vh - 123px);
        min-height: 0;
    }

    .blueprint-branding-mock .blueprint-branding-mock__main {
        height: calc(100vh - 187px);
        grid-template-columns: minmax(0, 1fr) minmax(286px, 0.42fr);
        gap: 0.85rem;
        padding: 0.75rem 1rem;
        overflow: hidden;
    }

    .blueprint-branding-mock .blueprint-branding-mock__editor {
        display: grid;
        grid-template-rows: auto minmax(0, 1fr);
        min-width: 0;
        min-height: 0;
    }

    .blueprint-branding-mock .blueprint-branding-mock__page-head {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 0.75rem;
        margin-bottom: 0.55rem;
    }

    .blueprint-branding-mock .blueprint-branding-mock__actions {
        width: min(100%, 560px);
        margin: 0;
    }

    .blueprint-branding-mock .blueprint-branding-mock__form-card {
        height: 100%;
        max-height: none;
        overflow: hidden;
    }

    .blueprint-branding-mock .blueprint-branding-mock__mode-row {
        grid-template-columns: 1fr;
        gap: 0.55rem;
    }

    .blueprint-branding-mock #blueprint-branding-brand-panel {
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
        grid-template-rows: minmax(0, 1fr) auto;
        gap: 0;
    }

    .blueprint-branding-mock #blueprint-branding-brand-panel > .blueprint-branding-mock__field:first-child {
        grid-column: 1;
        grid-row: 1 / span 2;
        border-right: 1px solid var(--brand-mock-line);
        border-bottom: 0;
    }

    .blueprint-branding-mock #blueprint-branding-brand-panel > .blueprint-branding-mock__specification-summary {
        display: none;
    }

    .blueprint-branding-mock #blueprint-branding-brand-panel > .blueprint-branding-mock__field--inline {
        grid-column: 2;
        grid-row: 1;
        grid-template-columns: 1fr;
        gap: 0.5rem;
        align-content: start;
        border-bottom: 1px solid var(--brand-mock-line);
    }

    .blueprint-branding-mock #blueprint-branding-brand-panel > .blueprint-branding-mock__field--inline > div:first-child > p,
    .blueprint-branding-mock #blueprint-branding-brand-panel > .blueprint-branding-mock__field--inline .blueprint-branding-mock__field-help {
        display: none;
    }

    .blueprint-branding-mock #blueprint-branding-brand-panel .blueprint-branding-mock__contrast-check {
        grid-column: 1;
        padding: 0.35rem 0.55rem;
    }

    .blueprint-branding-mock #blueprint-branding-brand-panel .blueprint-branding-mock__contrast-check > summary {
        min-height: 36px;
    }

    .blueprint-branding-mock #blueprint-branding-brand-panel .blueprint-branding-summary-card--identity {
        grid-column: 2;
        grid-row: 2;
        min-height: 60px;
        margin: 0;
        padding: 0.5rem 0.75rem;
        border: 0;
        border-radius: 0;
    }

    .blueprint-branding-mock .blueprint-branding-mock__preview {
        position: sticky;
        top: 0;
        display: block;
        height: 100%;
        min-height: 0;
        margin: 0;
        padding: 0.75rem;
        align-self: start;
    }

    .blueprint-branding-mock .blueprint-branding-mock__phone {
        width: min(100%, 286px);
        margin-top: 0.6rem;
        padding: 0.55rem;
        border-width: 5px;
        border-radius: 30px;
    }

    .blueprint-branding-mock .blueprint-branding-mock__phone-banner {
        height: 64px;
    }

    .blueprint-branding-mock .blueprint-branding-mock__phone-body {
        padding: 0.65rem;
        font-size: 0.8rem;
    }

    .blueprint-branding-mock .blueprint-branding-mock__phone-body .brand-preview-status-row,
    .blueprint-branding-mock .blueprint-branding-mock__phone-proof,
    .blueprint-branding-mock .blueprint-branding-mock__phone-body > p:last-of-type,
    .blueprint-branding-mock .blueprint-branding-mock__phone-body > small,
    .blueprint-branding-mock .blueprint-branding-mock__validation {
        display: none;
    }

    .blueprint-branding-mock .blueprint-branding-mock__preview-toggle {
        display: none;
    }
}

@media (max-width: 1180px) {
    .blueprint-branding-mock .blueprint-branding-mock__page-head > div:first-child {
        display: none;
    }

    .blueprint-branding-mock .blueprint-branding-mock__preview {
        display: none;
    }

    .blueprint-branding-mock .blueprint-branding-mock__preview--modal-open {
        position: fixed;
        inset: 0;
        z-index: 1500;
        display: block;
        width: 100%;
        max-height: 100vh;
        margin: 0;
        overflow: auto;
        border-radius: 0;
        background: #17191d;
    }

    .blueprint-branding-mock .blueprint-branding-mock__preview--modal-open > header {
        position: sticky;
        top: 0;
        z-index: 2;
        display: grid;
        grid-template-columns: minmax(0, 1fr) 44px;
        grid-template-areas: "switch close";
        gap: 0.7rem;
        padding-bottom: 0.75rem;
        background: #17191d;
    }

    .blueprint-branding-mock .blueprint-branding-mock__preview--modal-open > header > .blueprint-branding-mock__preview-links {
        grid-area: switch;
        width: 100%;
    }

    .blueprint-branding-mock .blueprint-branding-mock__preview--modal-open > header > .blueprint-branding-editor-modal__close {
        grid-area: close;
        align-self: start;
        justify-self: end;
    }
}

@media (max-width: 720px) {
    .blueprint-branding-summary-card--identity {
        grid-template-columns: 44px minmax(0, 1fr) auto;
        gap: 0.65rem;
        margin-inline: 0.75rem;
    }
}

@media (max-width: 620px) {
    .blueprint-branding-summary-card--identity button {
        width: 44px;
        padding: 0;
    }

    .blueprint-branding-summary-card--identity button > span:last-child {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }
}

/* Keep the saved image and any unsaved replacement visible before editing details. */
.blueprint-branding-image-context {
    display: grid;
    gap: 0.65rem;
    margin: 0.75rem 0.75rem 0;
    padding: 0.75rem;
    border: 1px solid rgba(96, 165, 250, 0.3);
    border-radius: 10px;
    background:
        linear-gradient(135deg, rgba(96, 165, 250, 0.07), transparent 46%),
        #111418;
}

.blueprint-branding-image-context > header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
}

.blueprint-branding-image-context > header > div:first-child {
    display: grid;
    gap: 0.12rem;
    min-width: min(100%, 18rem);
}

.blueprint-branding-image-context > header strong,
.blueprint-branding-image-context figcaption strong {
    color: #ffffff;
}

.blueprint-branding-image-context > header small,
.blueprint-branding-image-context figcaption small {
    color: #b8c0cc;
    line-height: 1.35;
}

.blueprint-branding-image-context__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
}

.blueprint-branding-image-context__comparison {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr);
    gap: 0.55rem;
    align-items: center;
}

.blueprint-branding-image-context__comparison > :only-child {
    grid-column: 1 / -1;
    width: min(100%, 31rem);
}

.blueprint-branding-image-context__card {
    min-width: 0;
    min-height: 88px;
    display: grid;
    grid-template-columns: minmax(118px, 148px) minmax(0, 1fr);
    align-items: stretch;
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 9px;
    background: #1b1c1e;
}

.blueprint-branding-image-context__card--candidate {
    border-color: rgba(96, 165, 250, 0.68);
    box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.1);
}

.blueprint-branding-image-context__card > img,
.blueprint-branding-image-context__card > .blueprint-branding-asset-card__placeholder {
    width: 100%;
    height: 100%;
    min-height: 88px;
    border: 0;
    border-radius: 0;
    object-fit: cover;
}

.blueprint-branding-image-context__card--square {
    grid-template-columns: 88px minmax(0, 1fr);
}

.blueprint-branding-image-context__card--square > img,
.blueprint-branding-image-context__card--square > .blueprint-branding-asset-card__placeholder {
    aspect-ratio: 1;
}

.blueprint-branding-image-context__card figcaption {
    display: grid;
    align-content: center;
    gap: 0.18rem;
    min-width: 0;
    padding: 0.65rem;
}

.blueprint-branding-image-context__arrow {
    color: #60a5fa;
    text-align: center;
}

.blueprint-branding-image-field-heading {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    align-self: start;
}

.blueprint-branding-image-field-heading > strong {
    color: #ffffff;
    font-size: 0.96rem;
}

.blueprint-branding-image-info-button {
    width: 44px;
    min-width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(96, 165, 250, 0.5);
    border-radius: 9px;
    background: rgba(37, 99, 235, 0.12);
    color: #93c5fd;
    cursor: pointer;
}

.blueprint-branding-image-info-button:hover {
    border-color: #93c5fd;
    background: rgba(37, 99, 235, 0.22);
    color: #ffffff;
}

.blueprint-branding-image-info-button:focus-visible {
    outline: 3px solid #facc15;
    outline-offset: 3px;
}

@media (max-width: 720px) {
    .blueprint-branding-image-context__comparison {
        grid-template-columns: minmax(0, 1fr);
    }

    .blueprint-branding-image-context__comparison > * {
        grid-column: 1;
    }

    .blueprint-branding-image-context__comparison > :only-child {
        width: 100%;
    }

    .blueprint-branding-image-context__arrow {
        transform: rotate(90deg);
    }
}

/* Blueprint image guidance stays compact until the creator asks for specifications. */
.blueprint-branding-mock__specification-summary {
    border: 1px solid rgba(96, 165, 250, 0.34);
    border-radius: 10px;
    background: rgba(96, 165, 250, 0.06);
    overflow: hidden;
}

.blueprint-branding-mock__specification-trigger {
    width: 100%;
    min-height: 68px;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.8rem;
    padding: 0.75rem;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.blueprint-branding-mock__specification-trigger > .oi {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: rgba(96, 165, 250, 0.14);
    color: #93c5fd;
    font-size: 1.05rem;
}

.blueprint-branding-mock__specification-copy {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.blueprint-branding-mock__specification-copy strong {
    color: #ffffff;
}

.blueprint-branding-mock__specification-copy small {
    color: #c4cad4;
    line-height: 1.4;
}

.blueprint-branding-mock__specification-more {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: #93c5fd;
    font-size: 0.82rem;
    font-weight: 850;
}

.blueprint-branding-mock__specification-more .oi {
    font-size: 0.72rem;
}

.blueprint-branding-mock__specification-summary:hover {
    border-color: #60a5fa;
    background: rgba(37, 99, 235, 0.12);
}

.blueprint-branding-mock__preview-links a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    border: 1px solid rgba(96, 165, 250, 0.6);
    border-radius: 8px;
    background: rgba(37, 99, 235, 0.18);
    color: #bfdbfe;
    font-weight: 850;
    text-decoration: none;
}

.blueprint-branding-mock__preview-links a:hover,
.blueprint-branding-mock__preview-links a.active {
    border-color: #60a5fa;
    background: rgba(37, 99, 235, 0.28);
    color: #ffffff;
}

.blueprint-branding-mock__specification-trigger:focus-visible,
.blueprint-branding-mock__preview-links a:focus-visible,
.blueprint-image-specifications :is(button, a):focus-visible {
    outline: 3px solid #facc15;
    outline-offset: 3px;
}

.blueprint-branding-mock__preview-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
    width: 100%;
}

.blueprint-branding-mock__preview > header {
    align-items: stretch;
    flex-direction: column;
}

.blueprint-branding-mock__preview-links a {
    min-width: 84px;
    padding: 0.5rem 0.75rem;
}

.blueprint-branding-mock__preview-links .oi {
    min-width: auto;
    min-height: auto;
    display: inline;
    border: 0;
    color: currentColor;
}

.blueprint-image-specifications {
    position: fixed;
    inset: 0;
    z-index: 1800;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(5, 7, 10, 0.82);
    backdrop-filter: blur(5px);
}

.blueprint-image-specifications__dialog {
    width: min(920px, 100%);
    max-height: min(88dvh, 820px);
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.36);
    border-top: 3px solid #60a5fa;
    border-radius: 12px;
    background: #1b1c1e;
    color: #ffffff;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.58);
}

.blueprint-image-specifications__body {
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.blueprint-image-specifications__dialog > header {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    align-items: start;
    gap: 0.9rem;
    padding: 1.15rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.22);
}

.blueprint-image-specifications__dialog h2 {
    margin: 0.12rem 0 0.35rem;
    font-size: clamp(1.35rem, 2.5vw, 1.75rem);
}

.blueprint-image-specifications__dialog header p:last-child,
.blueprint-image-specifications__dialog article small,
.blueprint-image-specifications__safety p {
    margin: 0;
    color: #c4cad4;
    line-height: 1.55;
}

.blueprint-image-specifications__icon,
.blueprint-image-specifications__close {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 9px;
}

.blueprint-image-specifications__icon {
    background: rgba(96, 165, 250, 0.14);
    color: #93c5fd;
}

.blueprint-image-specifications__close {
    border: 1px solid rgba(148, 163, 184, 0.35);
    background: #25272b;
    color: #ffffff;
    cursor: pointer;
}

.blueprint-image-specifications__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem;
    padding: 1rem 1.15rem;
}

.blueprint-image-specifications__grid--single {
    grid-template-columns: minmax(0, 1fr);
}

.blueprint-image-specifications__grid--single article {
    width: min(100%, 36rem);
    justify-self: center;
}

.blueprint-image-specifications__grid article {
    display: grid;
    align-content: start;
    gap: 0.8rem;
    padding: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 10px;
    background: #222428;
}

.blueprint-image-specifications__grid article > .oi {
    color: #60a5fa;
    font-size: 1.2rem;
}

.blueprint-image-specifications__grid article > div {
    display: grid;
    gap: 0.2rem;
}

.blueprint-image-specifications__grid article > div strong {
    font-size: 1.05rem;
}

.blueprint-image-specifications__grid dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
    margin: 0;
}

.blueprint-image-specifications__grid dl > div {
    display: grid;
    gap: 0.1rem;
    padding: 0.55rem;
    border-radius: 7px;
    background: #181a1d;
}

.blueprint-image-specifications__grid dt {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.blueprint-image-specifications__grid dd {
    margin: 0;
    color: #ffffff;
    font-weight: 850;
}

.blueprint-image-specifications__grid a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    align-self: end;
    padding: 0.55rem 0.7rem;
    border: 1px solid rgba(96, 165, 250, 0.5);
    border-radius: 8px;
    color: #bfdbfe;
    font-weight: 800;
    text-decoration: none;
}

.blueprint-image-specifications__safety {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.8rem;
    margin: 0 1.15rem 1rem;
    padding: 0.9rem;
    border: 1px solid rgba(34, 197, 94, 0.3);
    border-radius: 9px;
    background: rgba(34, 197, 94, 0.07);
}

.blueprint-image-specifications__safety > .oi {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    color: #86efac;
}

.blueprint-image-specifications__safety strong {
    color: #ffffff;
}

.blueprint-image-specifications__safety p {
    margin-top: 0.25rem;
}

.blueprint-image-specifications__dialog > footer {
    position: sticky;
    bottom: 0;
    z-index: 2;
    display: flex;
    justify-content: flex-end;
    padding: 0.9rem 1.15rem;
    border-top: 1px solid rgba(148, 163, 184, 0.22);
    background: #1b1c1e;
    box-shadow: 0 -12px 24px rgba(0, 0, 0, 0.2);
}

.blueprint-image-specifications__dialog > footer button {
    min-width: 112px;
    min-height: 44px;
    border: 1px solid #60a5fa;
    border-radius: 8px;
    background: #1e3a6d;
    color: #ffffff;
    font-weight: 900;
    cursor: pointer;
}

.blueprint-branding-help-dialog__dialog {
    width: min(720px, 100%);
}

.blueprint-branding-help-dialog__body {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
}

.blueprint-branding-help-dialog__steps {
    display: grid;
    gap: 0.65rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.blueprint-branding-help-dialog__steps li {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
    min-height: 68px;
    padding: 0.7rem;
    border: 1px solid rgba(96, 165, 250, 0.26);
    border-radius: 9px;
    background: rgba(37, 99, 235, 0.06);
}

.blueprint-branding-help-dialog__steps li > span {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(96, 165, 250, 0.5);
    border-radius: 999px;
    background: rgba(37, 99, 235, 0.14);
    color: #bfdbfe;
    font-weight: 900;
}

.blueprint-branding-help-dialog__steps li:nth-child(2) > span {
    border-color: rgba(250, 204, 21, 0.5);
    background: rgba(250, 204, 21, 0.1);
    color: #fde68a;
}

.blueprint-branding-help-dialog__steps li:nth-child(3) > span {
    border-color: rgba(34, 197, 94, 0.5);
    background: rgba(34, 197, 94, 0.1);
    color: #bbf7d0;
}

.blueprint-branding-help-dialog__steps li > div,
.blueprint-branding-help-dialog__steps strong,
.blueprint-branding-help-dialog__steps small {
    display: block;
}

.blueprint-branding-help-dialog__steps small {
    margin-top: 0.18rem;
    color: #c4cad4;
    line-height: 1.4;
}

.blueprint-branding-help-dialog__guardrail {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
    padding: 0.8rem;
    border: 1px solid rgba(34, 197, 94, 0.35);
    border-radius: 9px;
    background: rgba(22, 101, 52, 0.12);
}

.blueprint-branding-help-dialog__guardrail > .oi {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: rgba(34, 197, 94, 0.14);
    color: #86efac;
}

.blueprint-branding-help-dialog__guardrail p {
    margin: 0.22rem 0 0;
    color: #c4cad4;
    line-height: 1.45;
}

.blueprint-branding-help-dialog__dialog > footer {
    flex-wrap: wrap;
    gap: 0.65rem;
}

.blueprint-branding-help-dialog__dialog > footer :is(a, button) {
    min-height: 44px;
}

/* Keep the primary branding choice compact; detailed consequences live in the mode guide. */
.blueprint-branding-mode-heading {
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    margin-bottom: 0.4rem;
}

.blueprint-branding-mode-heading > strong {
    color: #ffffff;
    font-size: 0.92rem;
    font-weight: 850;
}

.blueprint-branding-mode-info-button {
    width: 44px;
    min-width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(96, 165, 250, 0.5);
    border-radius: 9px;
    background: rgba(37, 99, 235, 0.12);
    color: #93c5fd;
    cursor: pointer;
}

.blueprint-branding-mode-info-button:hover {
    border-color: #93c5fd;
    background: rgba(37, 99, 235, 0.22);
    color: #ffffff;
}

.blueprint-branding-mode-info-button:focus-visible {
    outline: 3px solid #facc15;
    outline-offset: 3px;
}

.blueprint-branding-mock .blueprint-branding-mock__mode-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.35rem;
}

.blueprint-branding-mock .blueprint-branding-mock__mode {
    min-height: 44px;
    grid-template-columns: 18px minmax(0, 1fr) auto;
    align-items: center;
    align-content: center;
    column-gap: 0.55rem;
    padding: 0.4rem 0.55rem;
    text-align: left;
}

.blueprint-branding-mock .blueprint-branding-mock__mode > span {
    grid-row: auto;
    width: 18px;
    height: 18px;
    align-self: center;
    margin: 0;
}

.blueprint-branding-mock .blueprint-branding-mock__mode strong {
    min-width: 0;
    font-size: 0.875rem;
    line-height: 1.2;
}

.blueprint-branding-mock .blueprint-branding-mock__mode small {
    margin: 0;
    color: #aeb7c4;
    font-size: 0.75rem;
    font-weight: 750;
    line-height: 1.2;
    text-align: right;
}

.blueprint-branding-mock .blueprint-branding-mock__lock {
    margin-top: 0.35rem;
    font-size: 0.875rem;
    line-height: 1.3;
}

@media (min-width: 621px) and (max-width: 1180px) {
    .blueprint-branding-mock .blueprint-branding-mock__mode-row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .blueprint-branding-mock .blueprint-branding-mock__mode {
        grid-template-columns: 18px minmax(0, 1fr);
    }

    .blueprint-branding-mock .blueprint-branding-mock__mode small {
        grid-column: 2;
        text-align: left;
    }
}

@media (min-width: 1181px) and (max-height: 680px) {
    .blueprint-branding-mock .blueprint-branding-task-panel {
        overflow-y: auto;
        overscroll-behavior: contain;
    }
}

@media (max-width: 800px) {
    .blueprint-branding-mock__specification-trigger {
        grid-template-columns: 44px minmax(0, 1fr);
    }

    .blueprint-branding-mock__specification-more {
        grid-column: 2;
        justify-self: start;
    }

    .blueprint-branding-mock__preview header {
        align-items: stretch;
        flex-direction: column;
    }

    .blueprint-branding-mock__preview-links,
    .blueprint-branding-mock__preview-links a {
        width: 100%;
    }

    .blueprint-image-specifications {
        place-items: end center;
        padding: 0;
    }

    .blueprint-image-specifications__dialog {
        width: 100%;
        max-height: 92dvh;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
        border-radius: 12px 12px 0 0;
    }

    .blueprint-image-specifications__grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-height: 680px) {
    .blueprint-image-specifications {
        padding: 0.5rem;
    }

    .blueprint-image-specifications__dialog {
        max-height: calc(100dvh - 1rem);
    }

    .blueprint-image-specifications__dialog > header {
        padding: 0.8rem;
    }

    .blueprint-image-specifications__dialog > footer {
        padding: 0.65rem 0.8rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .blueprint-image-specifications *,
    .blueprint-branding-mock__specification-summary *,
    .blueprint-branding-mock__preview-links * {
        scroll-behavior: auto !important;
        transition-duration: 0.001ms !important;
        animation-duration: 0.001ms !important;
    }
}

@media (forced-colors: active) {
    .blueprint-branding-mock__specification-summary,
    .blueprint-branding-mock__specification-trigger,
    .blueprint-branding-mock__preview-links a,
    .blueprint-image-specifications__dialog,
    .blueprint-image-specifications__grid article,
    .blueprint-image-specifications__grid a,
    .blueprint-image-specifications__safety,
    .blueprint-image-specifications :is(button, a) {
        border: 1px solid CanvasText;
    }
}

/* Keep the focused branding queue first while retaining revision-bound moderation below. */
.admin-workspace--branding-review {
    overflow-x: clip;
    overflow-y: auto;
    overflow-anchor: none;
}

.admin-workspace--branding-review > .admin-private-content-review-board {
    order: 2;
}

.admin-workspace--branding-review > .admin-branding-review-board {
    order: 1;
}

.admin-private-content-review-board {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid rgba(255, 165, 0, 0.42);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 165, 0, 0.08), transparent 38%),
        #11161d;
}

.admin-private-content-review-board > header {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
}

.admin-private-content-review-board h2,
.admin-private-content-review-card h3 {
    color: #f9fafb;
    margin: 0;
}

.admin-private-content-review-board header p:last-child,
.admin-private-content-review-card > p {
    color: #cbd5e1;
    margin: 0.35rem 0 0;
}

.admin-private-content-review-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 520px), 1fr));
    gap: 1rem;
}

.admin-private-content-review-card {
    display: grid;
    gap: 0.85rem;
    min-width: 0;
    padding: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 8px;
    background: rgba(14, 18, 24, 0.94);
}

.admin-private-content-review-card__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    color: #94a3b8;
    font-weight: 700;
}

.admin-private-content-review-card dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    margin: 0;
}

.admin-private-content-review-card dl > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.35rem;
    padding: 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background: #1b2028;
}

.admin-private-content-review-card dt {
    color: #94a3b8;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.admin-private-content-review-card dd {
    min-width: 0;
    margin: 0;
    color: #e5e7eb;
    overflow-wrap: anywhere;
}

.admin-private-content-review-card dd code {
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.admin-private-content-review-card .marketplace-card__actions {
    align-items: center;
}

.admin-storefront-feedback {
    flex: 1 1 100%;
    min-width: min(100%, 30rem);
    border: 1px solid rgba(96, 165, 250, 0.35);
    border-radius: 8px;
    background: #141a22;
}

.admin-storefront-feedback summary {
    display: flex;
    min-height: 44px;
    align-items: center;
    padding: 0.7rem 0.85rem;
    color: #bfdbfe;
    font-weight: 800;
    cursor: pointer;
}

.admin-storefront-feedback > div {
    display: grid;
    gap: 0.55rem;
    padding: 0 0.85rem 0.85rem;
}

.admin-storefront-feedback p,
.admin-storefront-feedback small {
    margin: 0;
    color: #94a3b8;
}

.admin-storefront-feedback label {
    color: #e5e7eb;
    font-weight: 750;
}

.admin-storefront-feedback textarea {
    width: 100%;
    min-height: 92px;
    resize: vertical;
    padding: 0.7rem;
    border: 1px solid rgba(148, 163, 184, 0.4);
    border-radius: 6px;
    background: #0b1118;
    color: #f8fafc;
    font: inherit;
}

.admin-storefront-feedback textarea:focus-visible {
    outline: 3px solid rgba(96, 165, 250, 0.45);
    outline-offset: 2px;
    border-color: #60a5fa;
}

@media (max-width: 860px) {
    .admin-private-content-review-board > header,
    .admin-private-content-review-list,
    .admin-private-content-review-card dl {
        grid-template-columns: minmax(0, 1fr);
    }

    .admin-private-content-review-board > header {
        display: grid;
    }
}

@media (forced-colors: active) {
    .admin-private-content-review-board,
    .admin-private-content-review-card,
    .admin-private-content-review-card dl > div {
        border: 1px solid CanvasText;
    }
}

/* Creator Blueprint inventory: prioritize scanning and progressively reveal policy/actions. */
.creator-blueprints-hub {
    gap: 0.9rem;
    color: #f8fafc;
}

.page:has(.creator-blueprints-hub--teamsync) .command-nav {
    min-height: 3.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.page:has(.creator-blueprints-hub--teamsync) .command-header {
    display: block;
}

.page:has(.creator-blueprints-hub--teamsync) .command-nav__actions {
    display: none;
}

.marketplace-workspace.creator-blueprints-hub--teamsync {
    width: 100%;
    max-width: 1180px;
    min-height: 0;
    gap: 0.65rem;
    padding: 0.5rem clamp(1rem, 4vw, 3rem);
}

.marketplace-workspace.creator-blueprints-hub--teamsync::before {
    display: none;
    content: none;
}

.creator-blueprints-hub--teamsync .creator-blueprints-hero {
    padding: 0.75rem 1rem;
    border-top-width: 1px;
    box-shadow: none;
}

.creator-blueprints-hub--teamsync .creator-blueprints-hero__copy {
    gap: 0.2rem;
}

.creator-blueprints-hub--teamsync .creator-blueprints-hero h1 {
    font-size: clamp(1.65rem, 2.3vw, 2rem);
}

.creator-blueprints-hub--teamsync .landing-demo-handoff__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.creator-blueprints-hub--teamsync .landing-demo-handoff__actions > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 44px;
    padding: 0.55rem 0.8rem;
    border: 1px solid rgba(148, 163, 184, 0.62);
    border-radius: 8px;
    color: #f8fafc;
    font-weight: 800;
    text-decoration: none;
}

.creator-blueprints-hub--teamsync .creator-account-blueprints {
    gap: 0.6rem;
    min-height: 0;
    padding: 0.75rem;
    box-shadow: none;
}

.studio-team-plan-selection__safety {
    display: flex;
    gap: 0.45rem;
    align-items: center;
    margin: 0;
    color: #a7f3d0;
    font-size: 0.84rem;
    line-height: 1.4;
}

.studio-team-plan-selection__safety .oi {
    color: #00e676;
}

.creator-blueprints-hub--teamsync .creator-blueprints-table {
    min-width: 760px;
}

.creator-blueprints-hub--teamsync .creator-blueprints-table th,
.creator-blueprints-hub--teamsync .creator-blueprints-table td {
    padding: 0.55rem 0.65rem;
    vertical-align: middle;
}

.creator-blueprints-hub--teamsync .creator-blueprints-table__identity {
    width: 56%;
}

.creator-blueprints-hub--teamsync .creator-blueprints-table__identity-layout {
    grid-template-columns: 48px minmax(0, 1fr);
}

.creator-blueprints-hub--teamsync .creator-blueprints-table__thumbnail {
    width: 48px;
    height: 48px;
}

.creator-blueprints-hub--teamsync .creator-blueprints-table__identity-copy p {
    display: none;
}

.creator-blueprints-hub--teamsync .creator-blueprints-table__actions {
    min-width: 174px;
}

.creator-blueprints-hub--teamsync .creator-blueprints-table__actions > .marketplace-action-link {
    min-height: 44px;
    white-space: nowrap;
}

@media (min-width: 1081px) and (min-height: 650px) {
    .page:has(.creator-blueprints-hub--teamsync) {
        height: 100vh;
        height: 100dvh;
        min-height: 0;
        overflow: hidden;
    }

    .page:has(.creator-blueprints-hub--teamsync) > .main {
        min-height: 0;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        overflow: hidden;
    }

    .page:has(.creator-blueprints-hub--teamsync) > .bizmonger-legal-footer--app-shell {
        display: none;
    }

    .creator-blueprints-hub--teamsync {
        height: calc(100% - 1rem);
        min-height: 0;
    }

    .creator-blueprints-hub--teamsync .creator-account-blueprints {
        grid-template-rows: auto auto minmax(0, 1fr);
        overflow: hidden;
    }

    .creator-blueprints-hub--teamsync .creator-blueprints-table-wrap {
        min-height: 0;
        overflow: auto;
        overscroll-behavior: contain;
        scrollbar-gutter: stable;
    }
}

.creator-blueprints-hub > .creator-workspace-nav {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.25rem;
    padding: 0.35rem;
    border-radius: 8px;
}

.creator-blueprints-hub > .creator-workspace-nav a {
    grid-template-columns: 28px minmax(0, 1fr);
    min-height: 48px;
    gap: 0.45rem;
    padding: 0.35rem 0.55rem;
}

.creator-blueprints-hub > .creator-workspace-nav a > .oi {
    width: 28px;
    height: 28px;
}

.creator-blueprints-hub > .creator-workspace-nav small {
    display: none;
}

.creator-blueprints-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: clamp(0.85rem, 1.5vw, 1.15rem) clamp(1rem, 2vw, 1.35rem);
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-top: 3px solid #60a5fa;
    border-radius: 8px;
    background:
        linear-gradient(120deg, rgba(96, 165, 250, 0.08), transparent 42%),
        #1b1c1e;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.2);
}

.creator-blueprints-hero__copy {
    display: grid;
    gap: 0.55rem;
}

.creator-blueprints-hub .creator-blueprints-hero h1 {
    font-size: clamp(1.75rem, 2.4vw, 2.35rem);
    line-height: 1.05;
}

.creator-blueprints-hub .creator-blueprints-hero .marketplace-lead {
    max-width: none;
    color: #cbd5e1;
    font-size: 0.92rem;
    line-height: 1.5;
    white-space: nowrap;
}

.creator-blueprints-hero__action {
    gap: 0.55rem;
    min-width: 176px;
    border-color: rgba(96, 165, 250, 0.72);
    background: rgba(37, 99, 235, 0.32);
}

.creator-blueprints-secondary-section {
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #1b1c1e;
}

.creator-blueprints-secondary-section > summary {
    cursor: pointer;
    list-style: none;
}

.creator-blueprints-secondary-section > summary::-webkit-details-marker,
.creator-blueprints-table__actions summary::-webkit-details-marker {
    display: none;
}

.creator-blueprints-secondary-section > summary small {
    color: #9ca3af;
    font-size: 0.8rem;
    line-height: 1.35;
}

.creator-account-blueprints {
    display: grid;
    gap: 1rem;
    padding: clamp(1rem, 2vw, 1.35rem);
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #1b1c1e;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.18);
}

.creator-blueprints-search {
    display: grid;
    gap: 0.35rem;
}

.creator-blueprints-search__controls {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) minmax(180px, auto) auto auto;
    gap: 0.45rem;
    align-items: center;
    min-height: 48px;
    padding: 0.25rem;
    border: 1px solid rgba(156, 163, 175, 0.26);
    border-radius: 8px;
    background: #232529;
}

.creator-blueprints-search__lookup {
    position: relative;
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 0.45rem;
    align-items: center;
    min-width: 0;
    min-height: 44px;
    padding-left: 0.5rem;
}

.creator-blueprints-search__lookup > .oi {
    color: #60a5fa;
}

.creator-blueprints-search__controls input {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    border: 0;
    outline: 0;
    background: transparent;
    color: #ffffff;
    font: inherit;
}

.creator-blueprints-search__controls input::placeholder {
    color: #9ca3af;
}

.creator-blueprints-search__suggestions {
    position: absolute;
    z-index: 40;
    top: calc(100% + 0.45rem);
    right: 0;
    left: -0.5rem;
    overflow: hidden;
    border: 1px solid rgba(96, 165, 250, 0.42);
    border-radius: 8px;
    background: #232529;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.48);
}

.creator-blueprints-search__lookup:not(:focus-within) .creator-blueprints-search__suggestions {
    display: none;
}

.creator-blueprints-search__suggestion {
    display: grid;
    gap: 0.2rem;
    min-height: 68px;
    padding: 0.65rem 0.8rem;
    border-left: 3px solid transparent;
    border-bottom: 1px solid rgba(156, 163, 175, 0.14);
    color: #cbd5e1;
    text-decoration: none;
}

.creator-blueprints-search__suggestion:hover,
.creator-blueprints-search__suggestion--active {
    border-left-color: #60a5fa;
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff;
}

.creator-blueprints-search__suggestion-title {
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 800;
    line-height: 1.25;
}

.creator-blueprints-search__suggestion-meta,
.creator-blueprints-search__suggestion-summary {
    overflow: hidden;
    color: #9ca3af;
    font-size: 0.76rem;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.creator-blueprints-search__suggestion-meta {
    display: flex;
    gap: 0.35rem;
    align-items: center;
}

.creator-blueprints-search__suggestion mark {
    border-radius: 3px;
    background: rgba(96, 165, 250, 0.24);
    color: #ffffff;
    font-weight: 850;
}

.creator-blueprints-search__suggestions-footer {
    display: flex;
    gap: 0.55rem;
    align-items: center;
    justify-content: space-between;
    min-height: 44px;
    padding: 0.55rem 0.8rem;
    color: #93c5fd;
    font-size: 0.8rem;
    font-weight: 800;
    text-decoration: none;
}

.creator-blueprints-search__suggestions-footer:hover,
.creator-blueprints-search__suggestions-footer:focus-visible {
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff;
}

.creator-blueprints-search__suggestions-empty {
    display: grid;
    gap: 0.25rem;
    min-height: 68px;
    padding: 0.75rem 0.8rem;
    color: #9ca3af;
    font-size: 0.78rem;
}

.creator-blueprints-search__suggestions-empty strong {
    color: #ffffff;
    font-size: 0.84rem;
}

.creator-blueprints-search__sort {
    display: grid;
    grid-template-columns: auto minmax(130px, 1fr);
    gap: 0.45rem;
    align-items: center;
}

.creator-blueprints-search__sort label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding-inline: 0.15rem;
    color: #9ca3af;
    font-size: 0.75rem;
    font-weight: 800;
    line-height: 1;
}

.creator-blueprints-search__sort select {
    min-height: 44px;
    padding: 0 2rem 0 0.7rem;
    border: 1px solid rgba(156, 163, 175, 0.28);
    border-radius: 7px;
    background: #1b1c1e;
    color: #ffffff;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 760;
}

.creator-blueprints-search__controls:focus-within {
    border-color: #60a5fa;
    box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.2);
}

.creator-blueprints-search__controls > button,
.creator-blueprints-search__controls > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 0.9rem;
    border-radius: 7px;
    font-size: 0.82rem;
    font-weight: 800;
}

.creator-blueprints-search__controls > button {
    border: 1px solid rgba(96, 165, 250, 0.72);
    background: rgba(37, 99, 235, 0.32);
    color: #ffffff;
    cursor: pointer;
}

.creator-blueprints-search__controls > a {
    border: 1px solid rgba(156, 163, 175, 0.28);
    color: #cbd5e1;
    text-decoration: none;
}

.creator-blueprints-search__controls > :is(button, a):hover,
.creator-blueprints-search__controls > :is(button, a):focus-visible {
    border-color: #60a5fa;
    color: #ffffff;
}

.creator-blueprints-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.creator-blueprints-filters a {
    display: inline-flex;
    gap: 0.45rem;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 0.8rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 999px;
    background: #232529;
    color: #cbd5e1;
    font-size: 0.82rem;
    font-weight: 760;
    text-decoration: none;
    white-space: nowrap;
}

.creator-blueprints-filters a:hover,
.creator-blueprints-filters a:focus-visible {
    border-color: rgba(96, 165, 250, 0.62);
    color: #ffffff;
}

.creator-blueprints-filters a.creator-blueprints-filter--active {
    border-color: #60a5fa;
    background: #1e3a6d;
    color: #ffffff;
}

.creator-blueprints-filters a.creator-blueprints-filter--active strong {
    color: #ffffff;
}

.creator-blueprints-filters strong {
    color: #60a5fa;
    font-size: 0.9rem;
}

.creator-blueprints-results-status {
    margin: 0;
    color: #cbd5e1;
    font-size: 0.82rem;
    font-weight: 700;
}

.creator-blueprints-table-wrap {
    overflow: auto;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #202226;
}

.creator-blueprints-table-wrap:focus-visible,
.creator-blueprints-hub :is(a, summary):focus-visible {
    outline: 3px solid #60a5fa;
    outline-offset: 2px;
}

.creator-blueprints-table {
    width: 100%;
    min-width: 1080px;
    border-collapse: collapse;
    color: #f8fafc;
}

.creator-blueprints-table th,
.creator-blueprints-table td {
    padding: 0.85rem 0.75rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.14);
    text-align: left;
    vertical-align: top;
}

.creator-blueprints-table th {
    background: #232529;
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

.creator-blueprints-table tbody tr:last-child td {
    border-bottom: 0;
}

.creator-blueprints-table tbody tr:nth-child(odd) {
    background: #202226;
}

.creator-blueprints-table tbody tr:nth-child(even) {
    background: #232529;
}

.creator-blueprints-table tbody tr:hover {
    background: #27303a;
}

.creator-blueprints-table__identity {
    width: 34%;
}

.creator-blueprints-table__identity-layout {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
}

.creator-blueprints-table__identity-copy {
    min-width: 0;
}

.creator-blueprints-table__identity-copy > small,
.creator-blueprints-table__identity-copy > a,
.creator-blueprints-table__identity-copy > p {
    display: block;
}

.creator-blueprints-table__identity-copy > small {
    margin-bottom: 0.25rem;
    color: #9ca3af;
    font-size: 0.8rem;
}

.creator-blueprints-table__identity-copy > a {
    color: #ffffff;
    font-size: 0.98rem;
    font-weight: 800;
    line-height: 1.3;
    text-decoration: none;
}

.creator-blueprints-table__identity-copy > a:hover,
.creator-blueprints-table__identity-copy > a:focus-visible {
    color: #93c5fd;
    text-decoration: underline;
}

.creator-blueprints-table__identity-copy > p {
    display: -webkit-box;
    overflow: hidden;
    margin: 0.35rem 0 0;
    color: #9ca3af;
    font-size: 0.85rem;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.creator-blueprints-table__thumbnail {
    display: block;
    width: 64px;
    height: 64px;
    overflow: hidden;
    border: 1px solid rgba(156, 163, 175, 0.24);
    border-radius: 8px;
    background: #2b2d31;
    object-fit: cover;
}

.creator-blueprints-table__thumbnail--placeholder {
    display: grid;
    gap: 0.2rem;
    place-content: center;
    min-height: 64px;
    color: #9ca3af;
    font-size: 0.78rem;
    font-weight: 760;
    text-align: center;
    text-decoration: none;
}

.creator-blueprints-table__thumbnail--placeholder:hover,
.creator-blueprints-table__thumbnail--placeholder:focus-visible {
    border-color: rgba(96, 165, 250, 0.72);
    color: #93c5fd;
}

.creator-blueprints-table__thumbnail--placeholder small {
    margin: 0;
    color: inherit;
    font-size: 0.68rem;
    line-height: 1.1;
}

.creator-blueprint-default-thumbnail {
    --creator-default-thumbnail-accent: #60a5fa;
    --creator-default-thumbnail-wash: rgba(96, 165, 250, 0.24);
    position: relative;
    display: grid;
    place-items: center;
    isolation: isolate;
    color: #ffffff;
    text-decoration: none;
    background:
        linear-gradient(145deg, var(--creator-default-thumbnail-wash), transparent 62%),
        repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.045) 0 1px, transparent 1px 8px),
        #1d2734;
}

.creator-blueprint-default-thumbnail::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 8px 9px 18px;
    border: 1px solid color-mix(in srgb, var(--creator-default-thumbnail-accent) 72%, transparent);
    border-radius: 6px;
    background: color-mix(in srgb, var(--creator-default-thumbnail-accent) 12%, transparent);
}

.creator-blueprint-default-thumbnail > span {
    color: var(--creator-default-thumbnail-accent);
    font-size: 1rem;
    font-weight: 950;
    letter-spacing: 0.04em;
}

.creator-blueprint-default-thumbnail > small {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0.18rem 0.2rem;
    background: rgba(8, 12, 15, 0.8);
    color: #dbeafe;
    font-size: 0.55rem;
    font-weight: 850;
    letter-spacing: 0.04em;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
}

.creator-blueprint-default-thumbnail:hover,
.creator-blueprint-default-thumbnail:focus-visible {
    border-color: var(--creator-default-thumbnail-accent);
    box-shadow: 0 0 0 2px var(--creator-default-thumbnail-wash);
}

.creator-blueprint-default-thumbnail--2 {
    --creator-default-thumbnail-accent: #7dd3fc;
    --creator-default-thumbnail-wash: rgba(125, 211, 252, 0.22);
}

.creator-blueprint-default-thumbnail--3 {
    --creator-default-thumbnail-accent: #a7ccff;
    --creator-default-thumbnail-wash: rgba(167, 204, 255, 0.22);
}

.creator-blueprint-default-thumbnail--4 {
    --creator-default-thumbnail-accent: #93c5fd;
    --creator-default-thumbnail-wash: rgba(147, 197, 253, 0.22);
}

.creator-blueprints-table .status-pill {
    display: inline-flex;
    gap: 0.35rem;
    align-items: center;
    white-space: nowrap;
}

.creator-blueprints-table__next-step {
    display: block;
    max-width: 24ch;
    margin-top: 0.45rem;
    color: #9ca3af;
    font-size: 0.78rem;
    line-height: 1.35;
}

.creator-blueprints-table__structure,
.creator-blueprints-table time,
.creator-blueprints-mobile-state {
    color: #cbd5e1;
    font-size: 0.8rem;
    line-height: 1.45;
}

.creator-blueprints-mobile-state > span:last-child {
    display: grid;
    gap: 0.1rem;
}

.creator-blueprints-mobile-state small {
    color: #9ca3af;
    font-size: 0.68rem;
    font-weight: 700;
}

.creator-blueprints-table__structure {
    display: block;
    max-width: 18ch;
}

.creator-blueprints-mobile-state {
    display: inline-flex;
    gap: 0.4rem;
    align-items: center;
    white-space: nowrap;
}

.creator-blueprints-mobile-state--ready .oi {
    color: #00e676;
}

.creator-blueprints-mobile-state--pending .oi {
    color: #ffa500;
}

.creator-blueprints-table__actions {
    display: flex;
    gap: 0.45rem;
    align-items: flex-start;
    justify-content: flex-end;
}

.creator-blueprints-table__actions > .marketplace-action-link {
    gap: 0.4rem;
    min-width: 132px;
    padding-inline: 0.75rem;
}

.creator-blueprints-table__actions details {
    min-width: 92px;
}

.creator-blueprints-table__actions summary {
    display: flex;
    gap: 0.4rem;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 0.7rem;
    border: 1px solid rgba(156, 163, 175, 0.28);
    border-radius: 8px;
    background: #232529;
    color: #ffffff;
    cursor: pointer;
    font-size: 0.82rem;
    font-weight: 800;
    list-style: none;
}

.creator-blueprints-table__actions details[open] summary {
    border-color: rgba(96, 165, 250, 0.62);
}

.creator-blueprints-table__actions nav {
    display: grid;
    gap: 0.15rem;
    margin-top: 0.35rem;
    padding-top: 0.35rem;
    border-top: 1px solid rgba(156, 163, 175, 0.18);
}

.creator-blueprints-table__actions nav a {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    min-height: 44px;
    color: #cbd5e1;
    font-size: 0.8rem;
    font-weight: 760;
    text-decoration: none;
    white-space: nowrap;
}

.creator-blueprints-table__actions nav a:hover,
.creator-blueprints-table__actions nav a:focus-visible {
    color: #ffffff;
    text-decoration: underline;
}

.creator-blueprints-table__mobile-label {
    display: none;
    color: #9ca3af;
    font-size: 0.7rem;
    font-weight: 850;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

.creator-blueprints-ownership-note {
    display: flex;
    gap: 0.65rem;
    align-items: center;
    min-height: 44px;
    margin: 0;
    color: #9ca3af;
    font-size: 0.82rem;
    line-height: 1.45;
}

.creator-blueprints-ownership-note > .oi {
    color: #60a5fa;
}

.creator-blueprints-ownership-note a {
    color: #93c5fd;
    font-weight: 760;
}

.creator-blueprints-secondary-section > summary {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    min-height: 56px;
    padding: 0.65rem 1rem;
    color: #ffffff;
    font-weight: 800;
}

.creator-blueprints-secondary-section > summary > span:first-child {
    display: inline-flex;
    gap: 0.65rem;
    align-items: center;
}

.creator-blueprints-secondary-section > summary .oi {
    color: #60a5fa;
}

.creator-blueprints-secondary-section__body {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border-top: 1px solid rgba(156, 163, 175, 0.16);
    background: #202226;
}

.creator-blueprints-secondary-section__body > div:first-child {
    display: grid;
    gap: 0.55rem;
}

.creator-blueprints-secondary-section__body h2,
.creator-blueprints-secondary-section__body p {
    margin: 0;
}

.creator-blueprints-secondary-section__body h2 {
    color: #ffffff;
    font-size: 1.15rem;
}

.creator-blueprints-secondary-section__body p {
    max-width: 80ch;
    color: #cbd5e1;
    font-size: 0.9rem;
    line-height: 1.5;
}

.creator-blueprints-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    clip-path: inset(50%);
}

@media (max-width: 1100px) {
    .creator-blueprints-hub .creator-blueprints-hero .marketplace-lead {
        white-space: normal;
    }
}

@media (max-width: 820px) {
    .creator-blueprints-hero {
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
    }

    .creator-blueprints-hero__action {
        width: 100%;
    }

    .creator-blueprints-search__controls {
        grid-template-columns: minmax(0, 1fr);
    }

    .creator-blueprints-search__sort,
    .creator-blueprints-search__controls > button,
    .creator-blueprints-search__controls > a {
        grid-column: 1 / -1;
        width: 100%;
    }

    .creator-blueprints-table-wrap {
        overflow: visible;
        border: 0;
        background: transparent;
    }

    .creator-blueprints-table {
        min-width: 0;
    }

    .creator-blueprints-table thead {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        clip-path: inset(50%);
    }

    .creator-blueprints-table,
    .creator-blueprints-table tbody,
    .creator-blueprints-table tr,
    .creator-blueprints-table td {
        display: block;
        width: 100%;
    }

    .creator-blueprints-table tbody {
        display: grid;
        gap: 0.75rem;
    }

    .creator-blueprints-table tr {
        overflow: hidden;
        border: 1px solid rgba(156, 163, 175, 0.18);
        border-radius: 8px;
        background: #202226;
    }

    .creator-blueprints-table td {
        display: grid;
        grid-template-columns: minmax(110px, 0.36fr) minmax(0, 1fr);
        gap: 0.75rem;
        align-items: center;
        padding: 0.65rem 0.8rem;
    }

    .creator-blueprints-table__identity {
        display: block !important;
        width: 100%;
        padding-block: 0.9rem !important;
    }

    .creator-blueprints-table__identity-layout {
        grid-template-columns: 64px minmax(0, 1fr);
    }

    .creator-blueprints-table__actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        align-items: start;
        justify-content: stretch;
        border-bottom: 0 !important;
    }

    .creator-blueprints-table__actions > .marketplace-action-link,
    .creator-blueprints-table__actions details,
    .creator-blueprints-table__actions summary {
        width: 100%;
    }

    .creator-blueprints-table__actions nav {
        grid-column: 1 / -1;
    }

    .creator-blueprints-table__mobile-label {
        display: block;
    }
}

@media (max-width: 520px) {
    .creator-blueprints-hub {
        gap: 0.75rem;
    }

    .creator-blueprints-filters {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .creator-blueprints-filters a {
        justify-content: center;
    }

    .creator-blueprints-table td {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.3rem;
    }

    .creator-blueprints-table__identity-layout {
        grid-template-columns: 56px minmax(0, 1fr);
    }

    .creator-blueprints-table__thumbnail {
        width: 56px;
        height: 56px;
    }

    .creator-blueprints-secondary-section > summary {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.25rem;
    }
}

@media (forced-colors: active) {
    .creator-blueprints-hub :is(a, button, input, select, summary),
    .creator-blueprints-hero,
    .creator-account-blueprints,
    .creator-blueprints-search__suggestions,
    .creator-blueprints-search__suggestion,
    .creator-blueprints-table-wrap,
    .creator-blueprints-table th,
    .creator-blueprints-table td,
    .creator-blueprints-secondary-section {
        border: 1px solid CanvasText;
    }
}

/* Keep the creator Brand Kit shell viewport-sized while its asset table scrolls locally. */
@media (max-width: 760px) {
    html:has(.brand-kit-mock),
    body:has(.brand-kit-mock),
    .reports-command-layout:has(.brand-kit-mock) {
        max-width: 100%;
        overflow-x: clip;
    }

    .brand-kit-mock,
    .brand-kit-mock .brand-mock-main,
    .brand-kit-mock .brand-kit-mock__workspace,
    .brand-kit-mock .brand-kit-mock__content,
    .brand-kit-mock .brand-mock-page-heading,
    .brand-kit-mock .brand-kit-mock__summary,
    .brand-kit-mock .brand-kit-mock__panel,
    .brand-kit-mock .brand-kit-mock__preview {
        min-width: 0;
        max-width: 100%;
    }

    .brand-kit-mock {
        overflow-x: hidden;
    }

    .brand-kit-mock .brand-kit-mock__workspace {
        width: 100%;
        grid-template-columns: minmax(0, 1fr);
    }

    .brand-kit-mock .brand-kit-mock__asset-table.creator-storefront-table-wrap {
        position: relative;
        width: calc(100% - 1.5rem);
        max-width: calc(100% - 1.5rem);
        margin: 0 0.75rem 0.75rem;
        box-sizing: border-box;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
    }

    .brand-kit-mock .brand-kit-mock__asset-table .brand-mock-sr-only {
        top: 0;
        left: 0;
    }

    .brand-kit-mock .brand-kit-phone {
        width: min(calc(100% - 1.5rem), 380px);
        box-sizing: border-box;
    }
}

.creator-blueprint-activity,
.creator-next-action {
    min-width: 0;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 10px;
    background: #2b2d31;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
}

.creator-blueprint-activity > header {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: start;
    justify-content: space-between;
    padding: 1rem;
}

.creator-blueprint-activity > header > div {
    display: grid;
    gap: 0.35rem;
    max-width: 760px;
}

.creator-blueprint-activity h2,
.creator-next-action h2,
.creator-analytics-empty strong {
    color: #ffffff;
}

.creator-blueprint-activity p,
.creator-blueprint-activity small,
.creator-next-action p,
.creator-next-action small,
.creator-analytics-empty p {
    color: #d1d5db;
    line-height: 1.45;
}

.creator-blueprint-activity__table-wrap {
    overflow-x: auto;
    border-block: 1px solid rgba(156, 163, 175, 0.16);
}

.creator-blueprint-activity__table {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
}

.creator-blueprint-activity__table th,
.creator-blueprint-activity__table td {
    padding: 0.75rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.14);
    color: #d1d5db;
    text-align: left;
    vertical-align: middle;
}

.creator-blueprint-activity__table th {
    background: #202226;
    color: #b5bdc9;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.creator-blueprint-activity__table td strong,
.creator-blueprint-activity__table td small {
    display: block;
}

.creator-blueprint-activity__table td strong {
    color: #ffffff;
}

.creator-blueprint-activity__table td small {
    margin-top: 0.18rem;
    color: #9ca3af;
}

.creator-blueprint-activity__table td > a,
.creator-analytics-empty > a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: #93c5fd;
    font-weight: 850;
}

.creator-blueprint-activity > details {
    margin: 0;
    padding: 0 1rem 1rem;
}

.creator-blueprint-activity > details summary {
    display: flex;
    align-items: center;
    width: max-content;
    min-height: 44px;
    color: #93c5fd;
    cursor: pointer;
    font-weight: 850;
}

.creator-analytics-empty {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    gap: 0.85rem;
    align-items: center;
    margin: 0 1rem 1rem;
    padding: 1rem;
    border: 1px solid rgba(96, 165, 250, 0.3);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.05);
}

.creator-analytics-empty > .oi,
.creator-next-action__icon {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(96, 165, 250, 0.13);
    color: #60a5fa;
}

.creator-next-action {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) auto;
    gap: 0.9rem;
    align-items: center;
    padding: 1rem;
    border-color: rgba(255, 215, 0, 0.3);
}

.creator-next-action > div {
    display: grid;
    gap: 0.35rem;
}

.creator-next-action > .marketplace-action-link {
    min-width: 150px;
}

.creator-next-action--featured {
    border-color: rgba(255, 215, 0, 0.42);
    background:
        linear-gradient(110deg, rgba(255, 215, 0, 0.08), transparent 48%),
        #2b2d31;
}

.creator-analytics-confidence {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
}

.creator-analytics-confidence article {
    display: grid;
    align-content: start;
    gap: 0.3rem;
    min-width: 0;
    padding: 0.7rem;
    border: 1px solid rgba(156, 163, 175, 0.16);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.52);
}

.creator-analytics-confidence article > small:first-child {
    color: #9ca3af;
    font-size: 0.65rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.creator-analytics-confidence strong {
    color: #ffffff;
    font-size: 1.05rem;
    line-height: 1.12;
}

.creator-analytics-confidence p {
    margin: 0;
    color: #cbd5e1;
    font-size: 0.72rem;
    line-height: 1.4;
}

.creator-analytics-stages {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 10px;
    background: #2b2d31;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
}

.creator-analytics-stages > header {
    padding: 1rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.16);
}

.creator-analytics-stages > header > div {
    display: grid;
    gap: 0.3rem;
}

.creator-analytics-stages h2,
.creator-analytics-stage h3 {
    margin: 0;
    color: #ffffff;
}

.creator-analytics-stages p,
.creator-analytics-stage p,
.creator-analytics-stage > small {
    color: #d1d5db;
    line-height: 1.42;
}

.creator-analytics-stages > header p,
.creator-analytics-stage p {
    margin: 0;
}

.creator-analytics-stages__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.creator-analytics-stage {
    display: grid;
    grid-template-rows: auto auto auto minmax(62px, 1fr) auto auto;
    gap: 0.55rem;
    min-width: 0;
    padding: 0.85rem;
    border-right: 1px solid rgba(156, 163, 175, 0.16);
    background: rgba(15, 20, 27, 0.62);
}

.creator-analytics-stage:last-child {
    border-right: 0;
}

.creator-analytics-stage:nth-child(2) {
    border-right: 0;
}

.creator-analytics-stage:nth-child(-n + 2) {
    border-bottom: 1px solid rgba(156, 163, 175, 0.16);
}

.creator-analytics-stage > header {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 0.55rem;
    align-items: center;
}

.creator-analytics-stage > header > span {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(96, 165, 250, 0.14);
    color: #93c5fd;
    font-weight: 900;
}

.creator-analytics-stage > header small {
    color: #9ca3af;
    font-size: 0.64rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.creator-analytics-stage > strong {
    color: #ffffff;
    font-size: 1.6rem;
    line-height: 1;
}

.creator-analytics-stage__confidence {
    display: inline-flex;
    align-items: center;
    width: max-content;
    min-height: 26px;
    padding: 0 0.48rem;
    border: 1px solid rgba(96, 165, 250, 0.38);
    border-radius: 999px;
    color: #bfdbfe;
    font-size: 0.64rem;
    font-weight: 900;
}

.creator-analytics-stage__confidence--green {
    border-color: rgba(0, 230, 118, 0.38);
    color: #8ff0bd;
}

.creator-analytics-stage__confidence--orange {
    border-color: rgba(255, 165, 0, 0.42);
    color: #fdba74;
}

.creator-analytics-stage > small {
    min-height: 42px;
    font-size: 0.72rem;
}

.creator-analytics-stage > a {
    display: inline-flex;
    align-items: center;
    width: max-content;
    min-height: 44px;
    color: #93c5fd;
    font-weight: 850;
}

.creator-analytics-stage > a:hover,
.creator-analytics-stage > a:focus-visible {
    color: #dbeafe;
}

.creator-analytics-rail article p + p {
    margin-top: -0.45rem;
    padding-top: 0.55rem;
    border-top: 1px solid rgba(156, 163, 175, 0.14);
}

@media (max-width: 720px) {
    .creator-next-action,
    .creator-analytics-empty {
        grid-template-columns: 44px minmax(0, 1fr);
    }

    .creator-next-action > .marketplace-action-link,
    .creator-analytics-empty > a {
        grid-column: 1 / -1;
        width: 100%;
    }

    .creator-analytics-confidence,
    .creator-analytics-stages__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .creator-analytics-stage,
    .creator-analytics-stage:nth-child(2) {
        border-right: 0;
        border-bottom: 1px solid rgba(156, 163, 175, 0.16);
    }

    .creator-analytics-stage:last-child {
        border-bottom: 0;
    }
}

@media (forced-colors: active) {
    .creator-blueprint-activity,
    .creator-next-action,
    .creator-blueprint-activity__table th,
    .creator-blueprint-activity__table td {
        border: 1px solid CanvasText;
    }
}

/* Creator Studio: one calm workflow across authoring, storefront, branding, and decisions. */
.creator-brand-kit-workspace,
.creator-blueprint-branding-workspace {
    display: grid;
    gap: 0.75rem;
    min-width: 0;
    min-height: 100vh;
    padding-top: 0.75rem;
    background: #1b1c1e;
}

.creator-brand-kit-workspace > .creator-workspace-nav,
.creator-blueprint-branding-workspace > .creator-workspace-nav {
    width: calc(100% - 2rem);
}

.creator-brand-kit-workspace .brand-kit-mock .brand-mock-main {
    margin-left: 0;
}

/* Brand Kit asset workspace: thumbnail-first, private-state honest, and task focused. */
.brand-kit-mock .brand-kit-mock__state-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.brand-kit-mock .brand-kit-mock__state-strip article {
    height: auto;
    min-height: 132px;
    overflow: visible;
}

.brand-kit-mock .brand-kit-mock__state-strip article:last-child {
    grid-column: auto;
    min-height: 132px;
}

.brand-kit-mock .brand-kit-mock__state-strip article:has(.brand-kit-mock__state-icon) {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.8rem;
}

.brand-kit-mock__state-icon {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 10px;
}

.brand-kit-mock__state-icon--private {
    background: rgba(96, 165, 250, 0.14);
    color: #93c5fd;
}

.brand-kit-mock__state-icon--public {
    background: rgba(255, 215, 0, 0.12);
    color: #ffd700;
}

.brand-kit-mock .brand-kit-mock__state-strip article > div {
    display: grid;
    align-content: start;
    gap: 0.28rem;
    min-width: 0;
}

.brand-kit-mock .brand-kit-mock__state-strip article > div > small:first-child,
.brand-kit-mock .brand-kit-mock__state-strip article > small:first-child {
    color: #9ca3af;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.brand-kit-mock .brand-kit-mock__state-strip article p {
    max-width: none;
    margin: 0;
}

.brand-kit-mock__asset-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem;
    padding: 0 1.25rem 1.25rem;
}

.brand-kit-mock__asset-card {
    display: grid;
    grid-template-rows: auto auto auto auto minmax(52px, 1fr) auto;
    gap: 0.72rem;
    min-width: 0;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.24);
    border-radius: 10px;
    background: #202226;
}

.brand-kit-mock__asset-card--gold {
    border-color: rgba(255, 215, 0, 0.34);
}

.brand-kit-mock__asset-card--blue {
    border-color: rgba(96, 165, 250, 0.38);
}

.brand-kit-mock__asset-card--green {
    border-color: rgba(0, 230, 118, 0.34);
}

.brand-kit-mock__asset-preview {
    position: relative;
    display: grid;
    place-items: end start;
    width: 100%;
    height: auto;
    overflow: hidden;
    border: 1px solid rgba(156, 163, 175, 0.22);
    border-radius: 8px;
    background-image:
        linear-gradient(180deg, transparent 42%, rgba(7, 10, 14, 0.74)),
        var(--brand-kit-asset-image, none),
        radial-gradient(circle at 78% 18%, color-mix(in srgb, var(--blueprint-brand-accent) 48%, transparent), transparent 30%),
        linear-gradient(135deg, #252a31, #111827);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.brand-kit-mock__asset-preview--wide {
    aspect-ratio: 16 / 9;
}

.brand-kit-mock__asset-preview--square,
.brand-kit-mock__asset-preview--logo {
    aspect-ratio: 16 / 9;
    background-size: cover, contain, cover, cover;
}

.brand-kit-mock__asset-preview > span {
    margin: 0.55rem;
    padding: 0.24rem 0.42rem;
    border: 1px solid rgba(255, 255, 255, 0.26);
    border-radius: 999px;
    background: rgba(7, 10, 14, 0.76);
    color: #f8fafc;
    font-size: 0.63rem;
    font-weight: 900;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.brand-kit-mock__asset-card-heading {
    display: flex;
    gap: 0.55rem;
    align-items: flex-start;
    justify-content: space-between;
}

.brand-kit-mock__asset-card-heading > div {
    min-width: 0;
}

.brand-kit-mock__asset-card h3 {
    margin: 0.2rem 0 0;
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.2;
}

.brand-kit-mock__asset-card-heading .status-pill {
    flex: 0 0 auto;
    gap: 0.32rem;
    min-height: 30px;
    padding-inline: 0.45rem;
    font-size: 0.64rem;
}

.brand-kit-mock__requirement {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    color: #dbeafe;
    font-size: 0.66rem;
    font-weight: 900;
}

.brand-kit-mock__requirement--required {
    color: #fbbf24;
}

.brand-kit-mock__requirement--recommended {
    color: #93c5fd;
}

.brand-kit-mock__asset-card > p {
    margin: 0;
    color: #d1d5db;
    font-size: 0.82rem;
    line-height: 1.45;
}

.brand-kit-mock__asset-card dl {
    display: grid;
    gap: 0.32rem;
    margin: 0;
}

.brand-kit-mock__asset-card dl > div {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 0.45rem;
}

.brand-kit-mock__asset-card dt {
    color: #9ca3af;
    font-size: 0.7rem;
    font-weight: 850;
}

.brand-kit-mock__asset-card dd {
    margin: 0;
    color: #f3f4f6;
    font-size: 0.7rem;
}

.brand-kit-mock__asset-state {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 0.45rem;
    align-items: start;
    padding: 0.55rem;
    border-radius: 8px;
    background: rgba(17, 24, 39, 0.72);
    color: #cbd5e1;
}

.brand-kit-mock__asset-state .oi {
    color: #93c5fd;
}

.brand-kit-mock__asset-state small {
    line-height: 1.4;
}

.brand-kit-mock__asset-card > .marketplace-action-link {
    width: 100%;
    min-height: 44px;
}

.brand-kit-mock .brand-kit-mock__info {
    gap: 0.65rem;
    min-height: 64px;
    padding: 0.65rem 0.8rem;
}

.brand-kit-mock__info > .oi {
    color: #93c5fd;
}

.brand-kit-mock__info > span:last-child {
    display: grid;
    gap: 0.16rem;
}

.brand-kit-mock__info strong {
    color: #ffffff;
}

.brand-kit-mock__info small {
    color: #dbeafe;
}

@media (max-width: 1180px) {
    .brand-kit-mock__asset-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .brand-kit-mock .brand-kit-mock__state-strip,
    .brand-kit-mock__asset-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .brand-kit-mock__asset-grid {
        padding: 0 0.75rem 0.75rem;
    }

    .brand-kit-mock .brand-kit-mock__panel-head {
        align-items: stretch;
        flex-direction: column;
    }

    .brand-kit-mock .brand-kit-mock__panel-head > div:last-child,
    .brand-kit-mock .brand-kit-mock__panel-head .marketplace-action-link {
        width: 100%;
    }

    .brand-kit-mock__asset-card-heading {
        align-items: stretch;
        flex-direction: column;
    }

    .brand-kit-mock__asset-card-heading .status-pill {
        align-self: flex-start;
    }
}

.creator-workspace-nav {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.55rem;
    width: min(100%, 1440px);
    margin-inline: auto;
    padding: 0.55rem;
    overflow: visible;
    border: 1px solid rgba(156, 163, 175, 0.22);
    border-radius: 10px;
    background: #1b1c1e;
}

.creator-workspace-nav a {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 0.6rem;
    align-items: center;
    min-width: 0;
    min-height: 52px;
    padding: 0.55rem 0.7rem;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #d1d5db;
    text-decoration: none;
}

.creator-workspace-nav a:hover,
.creator-workspace-nav a:focus-visible {
    border-color: rgba(96, 165, 250, 0.52);
    background: rgba(96, 165, 250, 0.09);
    color: #ffffff;
}

.creator-workspace-nav a:focus-visible,
.creator-storefront-studio :is(a, button, input, textarea, select, summary):focus-visible,
.creator-storefront-table-wrap:focus-visible {
    outline: 3px solid #60a5fa;
    outline-offset: 2px;
}

.creator-workspace-nav a > .oi {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: rgba(156, 163, 175, 0.1);
    color: #9ca3af;
}

.creator-workspace-nav a > .creator-workspace-nav__copy {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.creator-workspace-nav strong {
    color: inherit;
    font-size: 0.9rem;
    line-height: 1.1;
}

.creator-workspace-nav small {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    color: #9ca3af;
    font-size: 0.72rem;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.creator-workspace-nav a.creator-workspace-nav__current {
    border-color: rgba(96, 165, 250, 0.62);
    background: rgba(37, 99, 235, 0.2);
    color: #ffffff;
}

.creator-workspace-nav a.creator-workspace-nav__current > .oi {
    background: #60a5fa;
    color: #111827;
}

.creator-workspace-nav a.creator-workspace-nav__locked {
    position: relative;
    border-color: rgba(255, 215, 0, 0.3);
    border-style: dashed;
    background: rgba(255, 215, 0, 0.045);
    color: #d1d5db;
}

.creator-workspace-nav a.creator-workspace-nav__locked > .oi:first-child {
    background: rgba(255, 215, 0, 0.12);
    color: #ffd700;
}

.creator-workspace-nav a.creator-workspace-nav__locked small {
    color: #f5d76e;
}

.creator-workspace-nav a > .creator-workspace-nav__lock {
    position: absolute;
    top: 0.35rem;
    right: 0.35rem;
    display: grid;
    place-items: center;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    background: #ffd700;
    color: #171300;
    font-size: 0.62rem;
}

.creator-storefront-studio {
    --creator-border: rgba(156, 163, 175, 0.24);
    --creator-surface: #2b2d31;
    --creator-raised: #202226;
    --creator-muted: #b5bdc9;
    background: #1b1c1e;
}

.creator-storefront-studio__topbar {
    align-items: center;
    padding-block: 1.15rem;
    background: transparent;
}

.creator-storefront-studio__topbar h1 {
    margin-bottom: 0.2rem;
}

.creator-storefront-studio__topbar p {
    max-width: 680px;
    margin: 0;
    color: #b5bdc9;
}

.creator-storefront-studio__header-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
    justify-content: flex-end;
}

.creator-storefront-studio button.marketplace-action-link {
    border: 0;
}

.creator-storefront-autosave {
    display: inline-flex;
    gap: 0.4rem;
    align-items: center;
    min-height: 44px;
    padding: 0.35rem 0.55rem;
    color: #b5bdc9;
    font-size: 0.76rem;
    font-weight: 800;
    white-space: nowrap;
}

.creator-storefront-autosave--green {
    color: #8ff0bd;
}

.creator-storefront-autosave--blue {
    color: #bfdbfe;
}

.creator-storefront-autosave--orange {
    color: #ffd08a;
}

.creator-storefront-autosave--red {
    color: #ff9b9b;
}

.creator-storefront-draft-state {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.55rem;
    align-items: center;
    min-height: 52px;
    padding: 0.45rem 0.85rem;
}

.creator-storefront-draft-state > span:last-child {
    display: grid;
    gap: 0.08rem;
}

.creator-storefront-draft-state strong,
.creator-storefront-draft-state small {
    color: inherit;
    line-height: 1.15;
}

.creator-storefront-draft-state small {
    font-size: 0.68rem;
    font-weight: 700;
    opacity: 0.78;
}

.creator-storefront-steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.55rem;
    padding: 0.55rem;
    border: 1px solid var(--creator-border);
    border-radius: 10px;
    background: #202226;
}

.creator-storefront-steps a {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 0.65rem;
    align-items: center;
    min-width: 0;
    min-height: 54px;
    padding: 0.5rem 0.65rem;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #d1d5db;
    text-decoration: none;
}

.creator-storefront-steps a:hover,
.creator-storefront-steps a:focus-visible {
    border-color: rgba(96, 165, 250, 0.48);
    background: rgba(96, 165, 250, 0.08);
    color: #ffffff;
}

.creator-storefront-steps a > .oi {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: rgba(156, 163, 175, 0.1);
    color: #9ca3af;
}

.creator-storefront-steps a > span:last-child {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
}

.creator-storefront-steps strong {
    color: inherit;
    font-size: 0.88rem;
}

.creator-storefront-steps small {
    overflow: hidden;
    color: #9ca3af;
    font-size: 0.7rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.creator-storefront-steps__current {
    border-color: rgba(96, 165, 250, 0.58) !important;
    background: rgba(37, 99, 235, 0.18);
    color: #ffffff !important;
}

.creator-storefront-steps__current > .oi {
    background: #60a5fa !important;
    color: #111827 !important;
}

.creator-storefront-studio :is(button, input, textarea, select, summary, a) {
    min-height: 44px;
}

.creator-studio-state,
.creator-storefront-feedback {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.85rem;
    align-items: start;
    padding: 1rem;
    border: 1px solid rgba(96, 165, 250, 0.42);
    border-radius: 10px;
    background: var(--creator-surface, #2b2d31);
}

.creator-studio-state > .oi,
.creator-storefront-feedback > .oi {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(96, 165, 250, 0.13);
    color: #60a5fa;
}

.creator-studio-state h1,
.creator-storefront-feedback strong {
    color: #ffffff;
}

.creator-studio-state p,
.creator-storefront-feedback p,
.creator-storefront-feedback li {
    color: #d1d5db;
}

.creator-studio-state--blocked,
.creator-storefront-feedback--red {
    border-color: rgba(255, 68, 68, 0.58);
}

.creator-studio-state--blocked > .oi,
.creator-storefront-feedback--red > .oi {
    background: rgba(255, 68, 68, 0.12);
    color: #ff6b6b;
}

.creator-storefront-feedback--green {
    border-color: rgba(0, 230, 118, 0.5);
}

.creator-storefront-feedback--green > .oi {
    background: rgba(0, 230, 118, 0.12);
    color: #00e676;
}

.creator-storefront-feedback ul {
    margin: 0.6rem 0 0;
    padding-left: 1.2rem;
}

.creator-storefront-studio__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.44fr);
    gap: 1.25rem;
    align-items: start;
}

.creator-storefront-studio__layout--preview {
    grid-template-columns: minmax(0, 1fr);
}

.creator-storefront-studio__layout--preview .creator-storefront-editor {
    display: none;
}

.creator-storefront-studio__layout--preview .creator-storefront-sidebar {
    position: static;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 360px);
    align-items: start;
}

.creator-storefront-editor {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.creator-storefront-section {
    max-width: 100%;
    min-width: 0;
    overflow: clip;
    border: 1px solid var(--creator-border);
    border-radius: 10px;
    background: var(--creator-surface);
}

.creator-storefront-section--secondary {
    background: #24262a;
}

.creator-storefront-section > summary,
.creator-storefront-section > header {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    min-height: 64px;
    padding: 0.8rem 1rem;
    cursor: pointer;
    list-style: none;
}

.creator-storefront-section > summary::-webkit-details-marker {
    display: none;
}

.creator-storefront-section > summary > .oi:first-child,
.creator-storefront-section > header > div > .oi {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.12);
    color: #60a5fa;
}

.creator-storefront-section > summary > span:nth-child(2),
.creator-storefront-section > header > div {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.7rem;
    align-items: center;
}

.creator-storefront-section > summary > span:nth-child(2) {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.16rem;
}

.creator-storefront-section strong,
.creator-storefront-section h2 {
    color: #ffffff;
}

.creator-storefront-section small,
.creator-storefront-field small,
.creator-storefront-section p {
    color: var(--creator-muted);
    line-height: 1.4;
}

.creator-storefront-section[open] > summary {
    border-bottom: 1px solid var(--creator-border);
}

.creator-storefront-section > summary > .oi-chevron-bottom {
    color: #9ca3af;
    transition: transform 160ms ease;
}

.creator-storefront-section[open] > summary > .oi-chevron-bottom {
    transform: rotate(180deg);
}

.creator-storefront-section__body {
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

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

.creator-storefront-field {
    display: grid;
    gap: 0.42rem;
    min-width: 0;
    color: #ffffff;
    font-weight: 800;
}

.creator-storefront-field :is(input, textarea, select),
.creator-storefront-slug-input {
    width: 100%;
    min-width: 0;
    border: 1px solid rgba(156, 163, 175, 0.42);
    border-radius: 8px;
    background: #15171a;
    color: #ffffff;
}

.creator-storefront-field :is(input, select) {
    min-height: 46px;
    padding: 0.65rem 0.75rem;
}

.creator-storefront-field textarea {
    min-height: 96px;
    padding: 0.75rem;
    resize: vertical;
}

.creator-storefront-field--invalid :is(input, textarea, select),
.creator-storefront-field--invalid .creator-storefront-slug-input {
    border-color: #ffb84d;
    background: rgba(255, 165, 0, 0.08);
    box-shadow: inset 3px 0 #ffb84d;
}

.creator-storefront-field__error {
    color: #ffd08a !important;
    font-weight: 800;
}

.creator-storefront-slug-input {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    overflow: hidden;
}

.creator-storefront-editor:has(#storefront-review:not([hidden])) {
    grid-template-rows: auto minmax(0, 1fr);
}

.creator-storefront-slug-input b {
    padding-left: 0.75rem;
    color: #9ca3af;
    font-size: 0.78rem;
    white-space: nowrap;
}

.creator-storefront-slug-input input {
    border: 0;
    border-radius: 0;
}

.creator-storefront-catalog > header {
    cursor: default;
    grid-template-columns: minmax(0, 1fr) auto;
}

.creator-storefront-catalog > header > div {
    min-width: 0;
}

.creator-storefront-catalog > header > div > span:last-child {
    display: grid;
    gap: 0.16rem;
}

.creator-storefront-catalog > header > a,
.creator-storefront-callout > a,
.creator-storefront-callout__actions > a,
.creator-storefront-callout__actions > button {
    display: inline-flex;
    gap: 0.45rem;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    color: #93c5fd;
    font-weight: 850;
}

.creator-storefront-callout__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: center;
    justify-content: flex-end;
}

.creator-storefront-callout__actions > button {
    padding-inline: 0.7rem;
    border: 1px solid rgba(96, 165, 250, 0.42);
    border-radius: 8px;
    background: rgba(37, 99, 235, 0.12);
}

.creator-storefront-table-wrap {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    border-top: 1px solid var(--creator-border);
    overscroll-behavior-inline: contain;
}

.creator-storefront-table {
    width: 100%;
    min-width: 840px;
    border-collapse: separate;
    border-spacing: 0;
}

.creator-storefront-table th,
.creator-storefront-table td {
    padding: 0.75rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.16);
    color: #d1d5db;
    text-align: left;
    vertical-align: middle;
}

.creator-storefront-table th {
    background: #202226;
    color: #b5bdc9;
    font-size: 0.72rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.creator-storefront-table td strong,
.creator-storefront-table td small {
    display: block;
}

.creator-storefront-table tbody tr {
    position: relative;
    background: transparent;
    transition: background-color 140ms ease, box-shadow 140ms ease;
}

.creator-storefront-table tbody tr:hover {
    background: rgba(96, 165, 250, 0.045);
}

.creator-storefront-table tbody tr.creator-storefront-table__selected {
    background: rgba(37, 99, 235, 0.12);
    box-shadow: inset 3px 0 #60a5fa;
}

.creator-storefront-blueprint-cell {
    display: grid;
    grid-template-columns: 76px minmax(180px, 1fr);
    gap: 0.75rem;
    align-items: center;
}

.creator-storefront-blueprint-thumb {
    width: 68px;
    aspect-ratio: 1;
    border: 1px solid rgba(156, 163, 175, 0.28);
    border-radius: 7px;
    background: #15171a;
    object-fit: cover;
}

.creator-storefront-blueprint-thumb--placeholder {
    display: grid;
    place-items: center;
    color: #60a5fa;
    font-size: 1.15rem;
    background:
        linear-gradient(135deg, rgba(37, 99, 235, 0.18), rgba(255, 215, 0, 0.06)),
        #15171a;
}

.creator-storefront-blueprint-thumb--example {
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    padding: 0.3rem;
    background-position: center;
    background-size: cover;
}

.creator-storefront-blueprint-thumb--example small,
.creator-storefront-preview__catalog-placeholder--example small,
.creator-storefront-preview__cover-placeholder--example small {
    width: fit-content;
    margin: 0 !important;
    padding: 0.18rem 0.38rem;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 999px;
    background: rgba(8, 12, 18, 0.82);
    color: #f8fafc !important;
    font-size: 0.58rem !important;
    font-weight: 900;
    letter-spacing: 0.04em;
    line-height: 1.15;
    text-transform: uppercase;
}

.creator-storefront-example-cover--production {
    background-image:
        linear-gradient(180deg, transparent 40%, rgba(7, 11, 17, 0.86)),
        url('/images/branding-mockups/preproduction-cockpit-hero-v2.png');
}

.creator-storefront-example-cover--loadout {
    background-image:
        linear-gradient(180deg, transparent 40%, rgba(7, 11, 17, 0.86)),
        url('/images/branding-mockups/venue-loadout-mobile-banner.png');
}

.creator-storefront-blueprint-cell__detail {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.creator-storefront-blueprint-cell__detail > a {
    display: inline-flex;
    gap: 0.38rem;
    align-items: center;
    width: fit-content;
    min-height: 44px;
    color: #93c5fd;
    font-size: 0.76rem;
    font-weight: 850;
    text-decoration: none;
}

.creator-storefront-cover-state {
    width: fit-content;
    color: #ffd08a !important;
    font-weight: 800;
}

.creator-storefront-cover-state--blue {
    color: #bfdbfe !important;
}

.creator-storefront-cover-state--green {
    color: #8ff0bd !important;
}

.creator-storefront-table-status {
    display: inline-flex;
    gap: 0.38rem;
    align-items: center;
    min-height: 32px;
    padding: 0.25rem 0.55rem;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 999px;
    color: #bfdbfe;
    font-size: 0.75rem;
    font-weight: 800;
    white-space: nowrap;
}

.creator-storefront-table-status--pending {
    border-color: rgba(255, 165, 0, 0.34);
    color: #ffd08a;
}

.creator-storefront-table-status--ready {
    border-color: rgba(0, 230, 118, 0.34);
    color: #8ff0bd;
}

.creator-storefront-table td strong {
    color: #ffffff;
}

.creator-storefront-table td small {
    margin-top: 0.15rem;
    color: #9ca3af;
}

.creator-storefront-table input[type="radio"] {
    width: 22px;
    min-height: 22px;
    accent-color: #60a5fa;
}

.creator-storefront-feature-radio {
    position: relative;
    display: inline-flex;
    gap: 0.4rem;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.35rem 0.55rem;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #9ca3af;
    cursor: pointer;
}

.creator-storefront-feature-radio input {
    position: absolute;
    width: 1px !important;
    min-height: 1px !important;
    opacity: 0;
}

.creator-storefront-feature-radio:has(input:focus-visible) {
    outline: 3px solid #60a5fa;
    outline-offset: 2px;
}

.creator-storefront-feature-radio .oi {
    font-size: 1rem;
}

.creator-storefront-feature-radio small {
    margin: 0 !important;
    color: inherit !important;
    font-weight: 800;
}

.creator-storefront-feature-radio--selected {
    border-color: rgba(255, 215, 0, 0.35);
    background: rgba(255, 215, 0, 0.07);
    color: #ffd700;
}

.creator-storefront-table td > a,
.creator-storefront-order-actions button {
    display: inline-flex;
    gap: 0.4rem;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    border: 1px solid rgba(156, 163, 175, 0.32);
    border-radius: 8px;
    background: #202226;
    color: #dbeafe;
    text-decoration: none;
}

.creator-storefront-order-actions {
    display: flex;
    gap: 0.35rem;
}

.creator-storefront-order-actions button:disabled {
    cursor: not-allowed;
    opacity: 0.38;
}

.creator-storefront-empty,
.creator-storefront-callout {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 0.8rem;
    align-items: center;
    margin: 0 1rem 1rem;
    padding: 0.85rem;
    border: 1px solid rgba(255, 215, 0, 0.3);
    border-radius: 8px;
    background: rgba(255, 215, 0, 0.05);
}

.creator-storefront-callout {
    margin: 0;
}

.creator-storefront-callout > .oi,
.creator-storefront-empty > .oi {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 8px;
    background: rgba(255, 215, 0, 0.1);
    color: #ffd700;
}

.creator-storefront-callout--safe {
    grid-template-columns: 42px minmax(0, 1fr);
    border-color: rgba(96, 165, 250, 0.34);
    background: rgba(96, 165, 250, 0.06);
}

.creator-storefront-callout--safe > .oi {
    background: rgba(96, 165, 250, 0.12);
    color: #60a5fa;
}

.creator-storefront-asset-targets {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.creator-storefront-asset-targets > article {
    display: grid;
    grid-template-rows: auto minmax(54px, auto) auto;
    gap: 0.65rem;
    min-width: 0;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.28);
    border-radius: 10px;
    background: #202226;
}

.creator-storefront-asset-target__preview {
    position: relative;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(156, 163, 175, 0.28);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(37, 99, 235, 0.16), rgba(255, 215, 0, 0.05)),
        #15171a;
}

.creator-storefront-asset-target__preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.creator-storefront-asset-target__preview--wide {
    aspect-ratio: 16 / 9;
}

.creator-storefront-asset-target__preview--profile {
    width: 72px;
    height: 72px;
    margin-inline: auto;
    border-radius: 50%;
    color: #ffffff;
    font-size: 1.25rem;
    font-weight: 900;
}

.creator-storefront-asset-target__preview > small {
    position: absolute;
    right: 0.35rem;
    bottom: 0.35rem;
    padding: 0.2rem 0.38rem;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 999px;
    background: rgba(8, 12, 18, 0.82);
    color: #f8fafc;
    font-size: 0.56rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.creator-storefront-asset-target__copy {
    display: grid;
    gap: 0.18rem;
    align-content: start;
}

.creator-storefront-asset-target__copy strong {
    font-size: 0.85rem;
}

.creator-storefront-asset-target__copy small {
    font-size: 0.7rem;
}

.creator-storefront-asset-target__actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0.45rem;
}

.creator-storefront-asset-target__actions > button,
.creator-storefront-asset-upload-label {
    position: relative;
    display: inline-flex;
    gap: 0.35rem;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    border: 1px solid rgba(96, 165, 250, 0.44);
    border-radius: 8px;
    background: rgba(37, 99, 235, 0.12);
    color: #dbeafe;
    font-size: 0.72rem;
    font-weight: 850;
    cursor: pointer;
}

.creator-storefront-asset-target__actions > button:hover,
.creator-storefront-asset-upload-label:hover {
    border-color: rgba(96, 165, 250, 0.7);
    background: rgba(37, 99, 235, 0.2);
}

.creator-storefront-asset-upload {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.creator-storefront-asset-library {
    display: grid;
    gap: 0.75rem;
    padding: 0.85rem;
    border: 1px solid rgba(96, 165, 250, 0.42);
    border-radius: 10px;
    background: #191c21;
    box-shadow: inset 3px 0 #60a5fa;
}

.creator-storefront-asset-library > header {
    display: flex;
    gap: 0.75rem;
    align-items: start;
    justify-content: space-between;
}

.creator-storefront-asset-library > header > div,
.creator-storefront-social-fields > header {
    display: grid;
    gap: 0.18rem;
}

.creator-storefront-asset-library > header > button {
    display: grid;
    place-items: center;
    width: 44px;
    min-width: 44px;
    border: 1px solid rgba(156, 163, 175, 0.28);
    border-radius: 8px;
    background: #202226;
    color: #d1d5db;
}

.creator-storefront-asset-library__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.6rem;
}

.creator-storefront-asset-option {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0.55rem;
    min-width: 0;
    padding: 0.55rem;
    border: 1px solid rgba(156, 163, 175, 0.3);
    border-radius: 8px;
    background: #202226;
    color: #ffffff;
    text-align: left;
}

.creator-storefront-asset-option:hover:not(:disabled) {
    border-color: rgba(96, 165, 250, 0.68);
    background: rgba(37, 99, 235, 0.14);
}

.creator-storefront-asset-option:disabled {
    cursor: not-allowed;
    opacity: 0.72;
}

.creator-storefront-asset-option > img,
.creator-storefront-asset-option__processing {
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 6px;
    background: #111317;
    object-fit: cover;
}

.creator-storefront-asset-option__processing {
    display: grid;
    place-items: center;
    color: #ffd08a;
}

.creator-storefront-asset-option > span:last-child {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.creator-storefront-asset-option strong,
.creator-storefront-asset-option small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.creator-storefront-asset-option .status-pill {
    width: fit-content;
    min-height: 28px;
    margin-top: 0.2rem;
    padding: 0.2rem 0.45rem;
    font-size: 0.62rem;
}

.creator-storefront-asset-library__empty,
.creator-storefront-asset-feedback {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 0.7rem;
    align-items: start;
    padding: 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.24);
    border-radius: 8px;
    background: #202226;
}

.creator-storefront-asset-library__empty > .oi,
.creator-storefront-asset-feedback > .oi {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.12);
    color: #60a5fa;
}

.creator-storefront-asset-library__empty p,
.creator-storefront-asset-feedback p {
    margin: 0.2rem 0 0;
}

.creator-storefront-asset-feedback--green {
    border-color: rgba(0, 230, 118, 0.38);
}

.creator-storefront-asset-feedback--green > .oi {
    background: rgba(0, 230, 118, 0.1);
    color: #8ff0bd;
}

.creator-storefront-asset-feedback--orange {
    border-color: rgba(255, 165, 0, 0.42);
}

.creator-storefront-asset-feedback--orange > .oi {
    background: rgba(255, 165, 0, 0.1);
    color: #ffd08a;
}

.creator-storefront-asset-feedback--red {
    border-color: rgba(255, 68, 68, 0.48);
}

.creator-storefront-asset-feedback--red > .oi {
    background: rgba(255, 68, 68, 0.1);
    color: #ff9b9b;
}

.creator-storefront-social-fields {
    display: grid;
    gap: 0.75rem;
    padding-top: 0.85rem;
    border-top: 1px solid var(--creator-border);
}

.creator-storefront-sidebar {
    position: sticky;
    top: 1rem;
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.creator-storefront-preview {
    position: static;
    display: grid;
    gap: 0.85rem;
    overflow: hidden;
    border: 1px solid rgba(96, 165, 250, 0.34);
    border-radius: 12px;
    background: var(--creator-surface);
    box-shadow: 0 22px 56px rgba(0, 0, 0, 0.28);
}

.creator-storefront-preview > :not(.creator-storefront-preview__banner) {
    margin-inline: 1rem;
}

.creator-storefront-preview > header {
    margin-top: 1rem;
}

.creator-storefront-preview__toolbar {
    display: grid;
    gap: 0.7rem;
}

.creator-storefront-preview__heading {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 0.65rem;
    align-items: center;
    justify-content: space-between;
}

.creator-storefront-preview__heading > span {
    display: inline-flex;
    gap: 0.4rem;
    align-items: center;
    color: #dbeafe;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.creator-storefront-preview__heading small {
    color: #9ca3af;
    font-size: 0.68rem;
    font-weight: 750;
}

.creator-storefront-preview__controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.5rem;
}

.creator-storefront-device-toggle {
    display: inline-grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.2rem;
    padding: 0.2rem;
    border: 1px solid rgba(156, 163, 175, 0.3);
    border-radius: 8px;
    background: #15171a;
}

.creator-storefront-device-toggle button {
    display: inline-flex;
    gap: 0.4rem;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 44px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: #b5bdc9;
}

.creator-storefront-preview__expand {
    display: inline-flex;
    gap: 0.4rem;
    align-items: center;
    justify-content: center;
    min-width: 138px;
    min-height: 44px;
    padding: 0.45rem 0.7rem;
    border: 1px solid rgba(96, 165, 250, 0.38);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.08);
    color: #dbeafe;
    font-size: 0.74rem;
    font-weight: 850;
}

.creator-storefront-preview__expand:hover,
.creator-storefront-preview__expand:focus-visible {
    border-color: #60a5fa;
    background: rgba(96, 165, 250, 0.14);
}

.creator-storefront-device-toggle button.creator-storefront-device-toggle__current {
    border-color: rgba(96, 165, 250, 0.5);
    background: rgba(37, 99, 235, 0.22);
    color: #dbeafe;
}

.creator-storefront-preview__canvas {
    display: grid;
    gap: 0.8rem;
    overflow: hidden;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 10px;
    background: #202226;
    transition: max-width 160ms ease;
}

.creator-storefront-preview__canvas > :not(.creator-storefront-preview__banner, .creator-storefront-preview__banner-placeholder, .creator-storefront-preview__banner-example) {
    margin-inline: 0.85rem;
}

.creator-storefront-preview__buyer-chrome {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.6rem;
    align-items: center;
    min-height: 52px;
    margin-inline: 0 !important;
    padding: 0.45rem 0.7rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.18);
    background: #111418;
    color: #f8fafc;
}

.creator-storefront-preview__buyer-chrome > span {
    display: flex;
    gap: 0.35rem;
    align-items: center;
}

.creator-storefront-preview__buyer-chrome > span:first-child {
    display: grid;
    gap: 0;
    line-height: 1.1;
}

.creator-storefront-preview__buyer-chrome small {
    color: #9ca3af;
    font-size: 0.6rem;
    font-weight: 700;
}

.creator-storefront-preview__buyer-search {
    min-height: 36px;
    padding: 0.35rem 0.6rem;
    border: 1px solid rgba(156, 163, 175, 0.24);
    border-radius: 6px;
    background: #1b1c1e;
    color: #9ca3af;
    font-size: 0.68rem;
}

.creator-storefront-preview__buyer-library {
    color: #dbeafe;
    font-size: 0.66rem;
    font-weight: 800;
}

.creator-storefront-preview--phone .creator-storefront-preview__canvas {
    width: min(100%, 360px);
    margin-inline: auto;
    border-color: rgba(96, 165, 250, 0.42);
    border-radius: 18px;
}

.creator-storefront-preview > header small,
.creator-storefront-preview > p,
.creator-storefront-preview section small,
.creator-storefront-preview details p {
    color: var(--creator-muted);
}

.creator-storefront-preview__banner {
    width: 100%;
    max-height: 170px;
    object-fit: cover;
}

.creator-storefront-preview__banner-placeholder {
    display: grid;
    place-items: center;
    min-height: 108px;
    padding: 1rem;
    background:
        linear-gradient(135deg, rgba(37, 99, 235, 0.16), rgba(255, 215, 0, 0.07)),
        #15171a;
    color: #9ca3af;
    text-align: center;
}

.creator-storefront-preview__banner-placeholder .oi {
    margin-bottom: 0.4rem;
    color: #60a5fa;
    font-size: 1.25rem;
}

.creator-storefront-preview__banner-example {
    position: relative;
    min-height: 132px;
    margin: 0 !important;
    overflow: hidden;
    background: #15171a;
}

.creator-storefront-preview__banner-example::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(8, 12, 18, 0.5), transparent 62%);
    content: '';
    pointer-events: none;
}

.creator-storefront-preview__banner-example img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    object-position: center 58%;
}

.creator-storefront-preview__banner-example figcaption {
    position: absolute;
    z-index: 1;
    right: 0.65rem;
    bottom: 0.65rem;
    left: 0.65rem;
    display: flex;
    gap: 0.55rem;
    align-items: center;
    justify-content: space-between;
}

.creator-storefront-preview__banner-example figcaption span {
    padding: 0.22rem 0.48rem;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 999px;
    background: rgba(8, 12, 18, 0.82);
    color: #f8fafc;
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.creator-storefront-preview__banner-example figcaption a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding-inline: 0.65rem;
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.88);
    color: #bfdbfe;
    font-size: 0.7rem;
    font-weight: 850;
    text-decoration: none;
}

.creator-storefront-preview__identity {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 0.7rem;
    align-items: center;
}

.creator-storefront-preview__identity > :first-child {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border: 2px solid #60a5fa;
    border-radius: 50%;
    background: #111827;
    color: #ffffff;
    font-weight: 900;
    object-fit: cover;
}

.creator-storefront-preview h2,
.creator-storefront-preview h3,
.creator-storefront-preview section strong {
    color: #ffffff;
}

.creator-storefront-preview section {
    display: grid;
    gap: 0.5rem;
    padding: 0.85rem;
    border: 1px solid rgba(255, 215, 0, 0.28);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.52);
}

.creator-storefront-preview__trust-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.creator-storefront-preview__trust-strip > span {
    display: inline-flex;
    gap: 0.35rem;
    align-items: center;
    min-height: 32px;
    padding: 0.25rem 0.55rem;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 999px;
    color: #bfdbfe;
    font-size: 0.7rem;
    font-weight: 800;
}

.creator-storefront-preview section.creator-storefront-preview__featured {
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: stretch;
    margin-bottom: 0.85rem;
    border-color: rgba(255, 215, 0, 0.25);
}

.creator-storefront-preview__featured > img {
    width: 112px;
    height: 100%;
    min-height: 116px;
    border-radius: 6px;
    object-fit: cover;
}

.creator-storefront-preview__cover-placeholder {
    display: grid;
    place-items: center;
    width: 112px;
    min-height: 116px;
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 6px;
    background:
        linear-gradient(135deg, rgba(37, 99, 235, 0.18), rgba(255, 215, 0, 0.06)),
        #15171a;
    color: #60a5fa;
    font-size: 1.35rem;
}

.creator-storefront-preview__cover-placeholder--example {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 0.55rem;
    background-image:
        linear-gradient(180deg, transparent 45%, rgba(7, 11, 17, 0.9)),
        url('/images/branding-mockups/preproduction-cockpit-hero-v2.png');
    background-position: 62% center;
    background-size: cover;
}

.creator-storefront-preview__featured > div {
    display: grid;
    gap: 0.45rem;
    min-width: 0;
}

.creator-storefront-preview__cover-action {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 44px;
    color: #93c5fd;
    font-size: 0.76rem;
    font-weight: 850;
}

.creator-storefront-preview__catalog {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
    margin-bottom: 0.85rem;
}

.creator-storefront-preview__catalog article {
    display: grid;
    gap: 0.4rem;
    overflow: hidden;
    border: 1px solid rgba(156, 163, 175, 0.2);
    border-radius: 8px;
    background: #15171a;
}

.creator-storefront-preview__catalog img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.creator-storefront-preview__catalog-placeholder {
    display: grid;
    place-items: center;
    width: 100%;
    aspect-ratio: 16 / 9;
    padding: 0 !important;
    background: rgba(96, 165, 250, 0.08);
    color: #60a5fa !important;
    font-size: 1rem !important;
}

.creator-storefront-preview__catalog-placeholder--example {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 0.35rem !important;
    background-position: center;
    background-size: cover;
}

.creator-storefront-studio__layout--preview .creator-storefront-preview__canvas {
    max-width: none;
}

.creator-storefront-studio__layout--preview .creator-storefront-preview__banner-example img,
.creator-storefront-studio__layout--preview .creator-storefront-preview__banner {
    height: 230px;
    max-height: 230px;
}

.creator-storefront-studio__layout--preview .creator-storefront-preview__identity {
    grid-template-columns: 68px minmax(0, 1fr);
}

.creator-storefront-studio__layout--preview .creator-storefront-preview__identity > :first-child {
    width: 68px;
    height: 68px;
}

.creator-storefront-studio__layout--preview .creator-storefront-preview__featured {
    grid-template-columns: minmax(230px, 0.72fr) minmax(0, 1fr);
}

.creator-storefront-studio__layout--preview .creator-storefront-preview__featured > img,
.creator-storefront-studio__layout--preview .creator-storefront-preview__cover-placeholder {
    width: 100%;
    min-height: 210px;
}

.creator-storefront-preview__catalog span {
    padding: 0 0.55rem 0.55rem;
    color: #ffffff;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1.25;
}

.creator-storefront-preview > footer {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    min-height: 48px;
    padding-block: 0.7rem;
    border-top: 1px solid var(--creator-border);
    color: #dbeafe;
    font-weight: 800;
}

.creator-storefront-preview > details {
    margin-bottom: 1rem;
    border-top: 1px solid var(--creator-border);
}

.creator-storefront-preview > details summary {
    display: flex;
    align-items: center;
    color: #93c5fd;
    cursor: pointer;
    font-weight: 850;
}

.creator-storefront-readiness {
    display: grid;
    gap: 0;
    overflow: hidden;
    border: 1px solid var(--creator-border);
    border-radius: 12px;
    background: var(--creator-surface);
}

.creator-storefront-readiness > header {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid var(--creator-border);
}

.creator-storefront-readiness h2,
.creator-storefront-readiness p {
    margin: 0;
}

.creator-storefront-readiness h2 {
    color: #ffffff;
    font-size: 1rem;
}

.creator-storefront-readiness p,
.creator-storefront-readiness small,
.creator-storefront-readiness details p {
    color: #b5bdc9;
}

.creator-storefront-readiness__count {
    display: grid;
    place-items: center;
    width: 44px;
    min-width: 44px;
    height: 44px;
    border: 1px solid rgba(96, 165, 250, 0.42);
    border-radius: 50%;
    background: rgba(96, 165, 250, 0.1);
    color: #bfdbfe;
    font-weight: 900;
}

.creator-storefront-readiness__items article {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 0.65rem;
    align-items: start;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.14);
}

.creator-storefront-readiness__items article > .oi {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.creator-storefront-readiness__item--complete > .oi {
    background: rgba(0, 230, 118, 0.12);
    color: #00e676;
}

.creator-storefront-readiness__item--attention > .oi {
    background: rgba(255, 165, 0, 0.14);
    color: #ffb84d;
}

.creator-storefront-readiness__item--optional > .oi {
    background: rgba(96, 165, 250, 0.12);
    color: #93c5fd;
}

.creator-storefront-readiness__items article > div {
    display: grid;
    gap: 0.1rem;
}

.creator-storefront-readiness__item-heading {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: center;
}

.creator-storefront-readiness__optional {
    padding: 0.12rem 0.4rem;
    border: 1px solid rgba(96, 165, 250, 0.3);
    border-radius: 999px;
    color: #bfdbfe !important;
    font-size: 0.62rem;
    font-weight: 850;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.creator-storefront-readiness__action {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 44px;
    color: #93c5fd;
    font-size: 0.76rem;
    font-weight: 850;
}

.creator-storefront-readiness__items strong {
    color: #ffffff;
}

.creator-storefront-readiness > .marketplace-action-link {
    margin: 0.9rem 1rem 0;
}

.creator-storefront-readiness__primary {
    width: calc(100% - 2rem);
    min-height: 48px;
}

.creator-storefront-readiness > details {
    margin: 0.75rem 1rem 1rem;
    border-top: 1px solid var(--creator-border);
}

.creator-storefront-readiness > details summary {
    display: flex;
    align-items: center;
    color: #93c5fd;
    cursor: pointer;
    font-weight: 850;
}

.blueprint-branding-mock__requirements {
    display: grid;
    gap: 0.75rem;
    padding: 0.9rem;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.05);
}

.blueprint-branding-mock__requirements > div {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
}

.blueprint-branding-mock__requirements article {
    display: grid;
    gap: 0.25rem;
    padding: 0.65rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #202226;
}

.blueprint-branding-mock__requirements strong {
    color: #ffffff;
}

.blueprint-branding-mock__requirements span,
.blueprint-branding-mock__requirements small {
    color: #b5bdc9;
}

@media (max-width: 1120px) {
    .creator-storefront-studio__layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .creator-storefront-sidebar {
        position: static;
    }

    .creator-storefront-studio__layout--preview .creator-storefront-sidebar {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 720px) {
    .creator-workspace-nav,
    .creator-blueprints-hub > .creator-workspace-nav {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-flow: row;
        grid-auto-columns: auto;
        width: 100%;
        overflow: visible;
        scroll-snap-type: none;
    }

    .creator-storefront-steps {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x proximity;
    }

    .creator-storefront-steps a {
        flex: 0 0 180px;
        scroll-snap-align: start;
    }

    .creator-workspace-nav a {
        flex: initial;
        min-width: 0;
        scroll-snap-align: none;
    }

    .creator-storefront-studio__header-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .creator-storefront-studio__header-actions :is(a, button) {
        width: 100%;
    }

    .creator-storefront-field-grid,
    .creator-storefront-asset-targets,
    .creator-storefront-asset-library__grid,
    .blueprint-branding-mock__requirements > div {
        grid-template-columns: minmax(0, 1fr);
    }

    .creator-storefront-slug-input {
        grid-template-columns: minmax(0, 1fr);
    }

    .creator-storefront-slug-input b {
        padding: 0.65rem 0.75rem 0;
        white-space: normal;
    }

    .creator-storefront-empty,
    .creator-storefront-callout {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .creator-storefront-catalog > header {
        grid-template-columns: minmax(0, 1fr);
    }

    .creator-storefront-catalog > header > a {
        width: 100%;
        border-top: 1px solid var(--creator-border);
    }

    .creator-storefront-empty > :last-child,
    .creator-storefront-callout > :last-child {
        grid-column: 1 / -1;
        width: 100%;
    }

    .creator-storefront-callout__actions,
    .creator-storefront-callout__actions > :is(a, button) {
        width: 100%;
    }

    .creator-storefront-device-toggle,
    .creator-storefront-device-toggle button {
        width: 100%;
    }

    .creator-storefront-preview__controls {
        grid-template-columns: minmax(0, 1fr);
    }

    .creator-storefront-preview__expand {
        width: 100%;
    }

    .creator-storefront-preview__buyer-chrome {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .creator-storefront-preview__buyer-search {
        display: none !important;
    }

    .creator-storefront-preview section.creator-storefront-preview__featured {
        grid-template-columns: minmax(0, 1fr);
    }

    .creator-storefront-preview__featured > img {
        width: 100%;
        min-height: 150px;
        max-height: 190px;
    }

    .creator-storefront-preview__cover-placeholder {
        width: 100%;
        min-height: 150px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .creator-workspace-nav *,
    .creator-storefront-studio *,
    .blueprint-branding-mock__requirements * {
        scroll-behavior: auto !important;
        transition-duration: 0.001ms !important;
        animation-duration: 0.001ms !important;
    }
}

@media (forced-colors: active) {
    .creator-workspace-nav,
    .creator-storefront-steps,
    .creator-workspace-nav a,
    .creator-storefront-section,
    .creator-storefront-preview,
    .creator-storefront-blueprint-thumb,
    .creator-storefront-readiness,
    .creator-storefront-disclosure-summary,
    .creator-storefront-disclosure-dialog,
    .creator-storefront-disclosure-summary > button,
    .creator-storefront-disclosure-dialog :is(button, textarea),
    .creator-storefront-asset-targets > article,
    .creator-storefront-asset-library,
    .creator-storefront-asset-option,
    .creator-storefront-field :is(input, textarea, select),
    .creator-storefront-table th,
    .creator-storefront-table td,
    .blueprint-branding-mock__requirements,
    .blueprint-branding-mock__requirements article {
        border: 1px solid CanvasText;
    }
}

/* Storefront Studio focus shell: keep the primary creator objective inside the desktop viewport. */
.page:has(.creator-storefront-studio),
.main:has(.creator-storefront-studio) {
    height: 100dvh;
    min-height: 0;
    overflow: hidden;
}

.page:has(.creator-storefront-studio) > .bizmonger-legal-footer--app-shell {
    display: none;
}

.marketplace-workspace.creator-storefront-studio:not(:has(.buyer-checkout-mockup-hybrid)) {
    grid-template-rows: auto auto auto auto minmax(0, 1fr) auto;
    gap: 0.5rem;
    height: 100dvh;
    min-height: 0;
    padding: 0.65rem 0.85rem 0.65rem 232px;
    overflow: hidden;
}

.creator-storefront-studio__topbar {
    min-height: 58px;
    padding: 0.35rem 0.7rem;
    border: 1px solid var(--creator-border);
    border-radius: 10px;
    background: rgba(27, 28, 30, 0.9);
}

.creator-storefront-studio__topbar h1 {
    margin: 0;
    font-size: clamp(1.35rem, 2vw, 1.75rem);
    line-height: 1.05;
}

.creator-storefront-studio__topbar p {
    margin-top: 0.18rem;
    font-size: 0.78rem;
}

.creator-storefront-studio__header-actions {
    flex-wrap: nowrap;
}

.creator-storefront-draft-state {
    min-height: 44px;
    padding-block: 0.3rem;
}

.creator-storefront-steps {
    gap: 0.35rem;
    padding: 0.3rem;
}

.creator-storefront-steps a {
    min-height: 48px;
    padding: 0.3rem 0.55rem;
}

.creator-storefront-steps a > .oi {
    width: 34px;
    height: 34px;
}

.creator-storefront-steps a:focus-visible {
    outline: 2px solid #93c5fd;
    outline-offset: -3px;
    box-shadow: none;
}

.creator-storefront-readiness-strip {
    display: grid;
    grid-template-columns: minmax(124px, auto) repeat(3, minmax(0, 1fr));
    gap: 0.35rem;
    align-items: stretch;
    padding: 0.3rem;
    border: 1px solid var(--creator-border);
    border-radius: 9px;
    background: #202226;
}

.creator-storefront-readiness-strip > span:first-child {
    display: grid;
    align-content: center;
    padding-inline: 0.55rem;
    color: #ffffff;
    line-height: 1.05;
}

.creator-storefront-readiness-strip > span:first-child small {
    margin-top: 0.14rem;
    color: #9ca3af;
    font-size: 0.64rem;
    font-weight: 750;
}

.creator-storefront-readiness-strip button {
    display: inline-flex;
    gap: 0.42rem;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 44px;
    padding: 0.35rem 0.55rem;
    border: 1px solid rgba(156, 163, 175, 0.28);
    border-radius: 7px;
    background: #191b1f;
    color: #d1d5db;
    font-size: 0.72rem;
    font-weight: 850;
}

.creator-storefront-readiness-strip button > span:last-child {
    display: grid;
    min-width: 0;
    text-align: left;
}

.creator-storefront-readiness-strip button small {
    color: #fbbf24;
    font-size: 0.58rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    line-height: 1.1;
    text-transform: uppercase;
}

.creator-storefront-readiness-strip__next {
    border-color: rgba(251, 191, 36, 0.62) !important;
    background: rgba(251, 191, 36, 0.09) !important;
}

.creator-storefront-readiness-strip button:hover,
.creator-storefront-readiness-strip button:focus-visible {
    border-color: rgba(96, 165, 250, 0.62);
    background: rgba(96, 165, 250, 0.1);
}

.creator-storefront-readiness-strip__complete .oi {
    color: #00e676;
}

.creator-storefront-readiness-strip__attention .oi {
    color: #ffa500;
}

.creator-storefront-studio > .creator-storefront-feedback {
    position: absolute;
    z-index: 80;
    top: 4.6rem;
    right: 1.2rem;
    width: min(430px, calc(100vw - 2rem));
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.42);
}

.creator-storefront-studio__layout {
    grid-template-columns: minmax(0, 1fr) minmax(340px, 0.46fr);
    gap: 0.75rem;
    align-items: stretch;
    min-height: 0;
    overflow: hidden;
}

.creator-storefront-studio__layout--preview {
    grid-template-columns: minmax(0, 1fr);
}

.creator-storefront-studio__layout--preview .creator-storefront-sidebar {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    height: 100%;
}

.creator-storefront-editor {
    position: relative;
    grid-template-rows: minmax(0, 1fr) auto;
    gap: 0.5rem;
    min-height: 0;
    overflow: hidden;
}

.creator-storefront-section[hidden],
.creator-storefront-readiness[hidden] {
    display: none !important;
}

.creator-storefront-task-panel {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 0;
}

.creator-storefront-task-panel > header {
    grid-template-columns: 38px minmax(0, 1fr);
    min-height: 56px;
    padding: 0.55rem 0.75rem;
    cursor: default;
}

.creator-storefront-task-panel > header > .oi:first-child {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.12);
    color: #60a5fa;
}

.creator-storefront-task-panel > header > span:nth-child(2) {
    display: grid;
    gap: 0.12rem;
}

.creator-storefront-task-panel > .creator-storefront-section__body {
    align-content: start;
    min-height: 0;
    padding: 0.75rem;
    overflow: auto;
    overscroll-behavior: contain;
}

.creator-storefront-disclosure-summary {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    min-width: 0;
    min-height: 76px;
    padding: 0.6rem 0.75rem;
    border: 1px solid var(--creator-border);
    border-radius: 10px;
    background: var(--creator-surface);
}

.creator-storefront-disclosure-summary[hidden],
.creator-storefront-disclosure-modal[hidden] {
    display: none !important;
}

.creator-storefront-disclosure-summary--attention {
    border-color: rgba(255, 165, 0, 0.62);
    background: linear-gradient(90deg, rgba(255, 165, 0, 0.08), var(--creator-surface) 36%);
}

.creator-storefront-disclosure-summary__icon,
.creator-storefront-disclosure-dialog__icon {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.13);
    color: #60a5fa;
}

.creator-storefront-disclosure-summary--attention > .creator-storefront-disclosure-summary__icon {
    background: rgba(255, 165, 0, 0.13);
    color: #ffb84d;
}

.creator-storefront-disclosure-summary__copy {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.creator-storefront-disclosure-summary__copy > span {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    min-width: 0;
}

.creator-storefront-disclosure-summary__copy strong {
    color: #ffffff;
    font-size: 0.9rem;
}

.creator-storefront-disclosure-summary__copy > span small {
    padding: 0.12rem 0.4rem;
    border-radius: 999px;
    background: rgba(0, 230, 118, 0.1);
    color: #7ef7af;
    font-size: 0.61rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.creator-storefront-disclosure-summary--attention .creator-storefront-disclosure-summary__copy > span small {
    background: rgba(255, 165, 0, 0.11);
    color: #ffd08a;
}

.creator-storefront-disclosure-summary__copy :is(p, small) {
    margin: 0;
    color: #aeb8c7;
    font-size: 0.72rem;
    line-height: 1.35;
}

.creator-storefront-disclosure-summary__copy p {
    color: #e5e7eb;
    font-size: 0.78rem;
    overflow-wrap: anywhere;
}

.creator-storefront-disclosure-summary > button,
.creator-storefront-disclosure-dialog :is(header > button, footer > button) {
    display: inline-flex;
    gap: 0.42rem;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    border: 1px solid rgba(96, 165, 250, 0.52);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.1);
    color: #dbeafe;
    font-size: 0.76rem;
    font-weight: 850;
}

.creator-storefront-disclosure-summary > button {
    padding: 0.45rem 0.7rem;
}

.creator-storefront-disclosure-summary > button:hover,
.creator-storefront-disclosure-summary > button:focus-visible,
.creator-storefront-disclosure-dialog :is(header > button, footer > button):hover,
.creator-storefront-disclosure-dialog :is(header > button, footer > button):focus-visible {
    border-color: #93c5fd;
    background: rgba(96, 165, 250, 0.18);
    outline: 2px solid #93c5fd;
    outline-offset: 2px;
}

.marketplace-workspace.creator-storefront-studio > .creator-storefront-disclosure-modal {
    position: fixed;
    z-index: 240;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(4, 7, 11, 0.78);
}

.creator-storefront-disclosure-dialog {
    display: grid;
    width: min(620px, 100%);
    max-height: calc(100dvh - 2rem);
    overflow: auto;
    border: 1px solid rgba(147, 197, 253, 0.46);
    border-radius: 12px;
    background: #202226;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.56);
    overscroll-behavior: contain;
}

.creator-storefront-disclosure-dialog > header {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 44px;
    gap: 0.75rem;
    align-items: center;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.2);
}

.creator-storefront-disclosure-dialog > header > div {
    display: grid;
    gap: 0.14rem;
    min-width: 0;
}

.creator-storefront-disclosure-dialog :is(h2, p) {
    margin: 0;
}

.creator-storefront-disclosure-dialog h2 {
    color: #ffffff;
    font-size: 1.05rem;
}

.creator-storefront-disclosure-dialog header p,
.creator-storefront-disclosure-dialog__safeguard p {
    color: #aeb8c7;
    font-size: 0.75rem;
    line-height: 1.4;
}

.creator-storefront-disclosure-dialog header > button {
    width: 44px;
    padding: 0;
}

.creator-storefront-disclosure-dialog__body {
    display: grid;
    gap: 0.9rem;
    padding: 1rem;
}

.creator-storefront-disclosure-dialog__body textarea {
    min-height: 112px;
}

.creator-storefront-disclosure-dialog__safeguard {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 0.65rem;
    align-items: start;
    padding: 0.75rem;
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 9px;
    background: rgba(96, 165, 250, 0.07);
}

.creator-storefront-disclosure-dialog__safeguard > .oi {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 7px;
    background: rgba(96, 165, 250, 0.12);
    color: #60a5fa;
}

.creator-storefront-disclosure-dialog__safeguard strong {
    color: #ffffff;
    font-size: 0.8rem;
}

.creator-storefront-disclosure-dialog__safeguard p {
    margin-top: 0.16rem;
}

.creator-storefront-disclosure-dialog > footer {
    display: flex;
    justify-content: flex-end;
    padding: 0.75rem 1rem;
    border-top: 1px solid rgba(156, 163, 175, 0.2);
}

.creator-storefront-disclosure-dialog footer > button {
    min-width: 112px;
    padding: 0.45rem 0.9rem;
    border-color: rgba(0, 230, 118, 0.52);
    background: rgba(0, 230, 118, 0.1);
    color: #d7ffe8;
}

.creator-storefront-focus-sentinel {
    position: fixed;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

#storefront-profile .creator-storefront-field textarea {
    height: 124px;
    min-height: 124px;
}

.creator-storefront-profile-advanced {
    align-self: end;
}

.creator-storefront-profile-advanced > summary {
    min-height: 52px;
    padding-block: 0.45rem;
}

.creator-storefront-catalog {
    grid-template-rows: auto minmax(0, 1fr);
}

.creator-storefront-catalog > header {
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 56px;
    padding: 0.55rem 0.75rem;
}

.creator-storefront-catalog > header > div {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 0.65rem;
    align-items: center;
    min-width: 0;
}

.creator-storefront-catalog > header > div > .oi:first-child {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.12);
    color: #60a5fa;
}

.creator-storefront-catalog > header > div > span:last-child {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.creator-storefront-catalog > header > a {
    min-height: 44px;
}

.creator-storefront-table-wrap {
    min-height: 0;
    overflow: auto;
}

.creator-storefront-table th,
.creator-storefront-table td {
    padding-block: 0.55rem;
}

.creator-storefront-callout {
    padding: 0.6rem;
}

.creator-storefront-asset-targets > article {
    gap: 0.45rem;
    padding: 0.6rem;
}

.creator-storefront-social-fields {
    padding-top: 0;
    border: 1px solid var(--creator-border);
    border-radius: 8px;
    background: #202226;
}

.creator-storefront-social-fields > summary {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    gap: 0.6rem;
    align-items: center;
    min-height: 48px;
    padding: 0.45rem 0.65rem;
    color: #ffffff;
    cursor: pointer;
    list-style: none;
}

.creator-storefront-social-fields > summary::-webkit-details-marker {
    display: none;
}

.creator-storefront-social-fields > summary > span:nth-child(2) {
    display: grid;
    gap: 0.08rem;
}

.creator-storefront-social-fields > summary small {
    color: #9ca3af;
}

.creator-storefront-social-fields[open] > summary {
    border-bottom: 1px solid var(--creator-border);
}

.creator-storefront-social-fields[open] > summary > .oi-chevron-bottom {
    transform: rotate(180deg);
}

.creator-storefront-social-fields > .creator-storefront-field-grid {
    padding: 0.65rem;
}

.creator-storefront-editor:has(.creator-storefront-task-panel:not([hidden]) .creator-storefront-asset-library)::before {
    position: absolute;
    z-index: 15;
    inset: 0;
    border-radius: 10px;
    background: rgba(7, 10, 14, 0.72);
    content: '';
}

.creator-storefront-asset-library {
    position: absolute;
    z-index: 20;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(440px, 100%);
    align-content: start;
    overflow: auto;
    border-radius: 10px;
    background: #1b1c1e;
    box-shadow: -24px 0 56px rgba(0, 0, 0, 0.46), inset 3px 0 #60a5fa;
}

.creator-storefront-asset-library__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.creator-storefront-sidebar {
    position: static;
    display: grid;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.creator-storefront-preview {
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0.5rem;
    height: 100%;
    min-height: 0;
}

.creator-storefront-preview > header {
    margin-top: 0.65rem;
}

.creator-storefront-preview__toolbar {
    gap: 0.45rem;
}

.creator-storefront-preview__canvas {
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.creator-storefront-preview > footer,
.creator-storefront-preview > details {
    display: none;
}

.creator-storefront-review-checks {
    grid-template-rows: auto auto auto;
    align-self: stretch;
    min-height: 0;
    overflow-y: auto;
}

.creator-storefront-review-checks > header {
    padding: 0.65rem 0.75rem;
}

.creator-storefront-review-checks > header p {
    font-size: 0.72rem;
}

.creator-storefront-review-checks .creator-storefront-readiness__items {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.creator-storefront-review-checks .creator-storefront-readiness__group:first-of-type .creator-storefront-readiness__items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.creator-storefront-review-checks .creator-storefront-readiness__group:last-of-type .creator-storefront-readiness__items {
    grid-template-columns: minmax(0, 1fr);
}

.creator-storefront-readiness__group {
    display: grid;
    gap: 0.3rem;
    padding: 0.45rem 0.75rem 0;
}

.creator-storefront-readiness__group + .creator-storefront-readiness__group {
    padding-top: 0.6rem;
    border-top: 1px solid rgba(156, 163, 175, 0.18);
}

.creator-storefront-readiness__group > h3 {
    margin: 0;
    color: #d1d5db;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.creator-storefront-review-checks .creator-storefront-readiness__items article {
    min-height: 64px;
    padding: 0.55rem 0.65rem;
}

.creator-storefront-review-checks > details {
    margin: 0.35rem 0.75rem 0.55rem;
}

.creator-storefront-action-rail {
    display: grid;
    grid-template-columns: minmax(110px, auto) minmax(0, 1fr) minmax(190px, auto);
    gap: 0.65rem;
    align-items: center;
    min-height: 58px;
    padding: 0.4rem;
    border: 1px solid var(--creator-border);
    border-radius: 10px;
    background: rgba(32, 34, 38, 0.96);
    box-shadow: 0 -12px 30px rgba(0, 0, 0, 0.22);
}

.creator-storefront-action-rail button {
    display: inline-flex;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0.45rem 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.32);
    border-radius: 8px;
    background: #191b1f;
    color: #dbeafe;
    font-weight: 850;
}

.creator-storefront-action-rail button:disabled {
    cursor: not-allowed;
    opacity: 0.42;
}

.creator-storefront-action-rail__status {
    display: grid;
    gap: 0.08rem;
    color: #ffffff;
    text-align: center;
}

.creator-storefront-action-rail__status small {
    color: #9ca3af;
    font-size: 0.68rem;
}

.creator-storefront-action-rail button.creator-storefront-action-rail__primary {
    border-color: rgba(96, 165, 250, 0.62);
    background: #1d4ed8;
    color: #ffffff;
}

.creator-storefront-action-rail button.creator-storefront-action-rail__primary--ready {
    border-color: rgba(0, 230, 118, 0.58);
    background: rgba(0, 120, 70, 0.72);
}

.creator-storefront-action-rail button.creator-storefront-action-rail__primary--attention {
    border-color: rgba(255, 165, 0, 0.68);
    background: rgba(143, 83, 0, 0.72);
}

.creator-studio-state__actions,
.creator-storefront-asset-library__recovery {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    align-items: center;
}

.creator-studio-state__actions {
    margin-top: 0.75rem;
}

.creator-studio-state__actions > :is(button, a),
.creator-storefront-asset-library__recovery > :is(button, a, label) {
    display: inline-flex;
    gap: 0.45rem;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.55rem 0.75rem;
    border: 1px solid rgba(96, 165, 250, 0.55);
    border-radius: 8px;
    background: #191b1f;
    color: #dbeafe;
    font-weight: 850;
    text-decoration: none;
}

.creator-storefront-callout--processing {
    border-color: rgba(255, 165, 0, 0.45);
    background: rgba(255, 165, 0, 0.08);
}

.creator-storefront-callout--processing > .oi {
    color: #ffa500;
}

.creator-storefront-review-checks--complete > header {
    border-bottom-color: rgba(0, 230, 118, 0.34);
    background: rgba(0, 120, 70, 0.12);
}

.creator-storefront-review-complete {
    min-width: 0;
}

.creator-storefront-review-complete h2 {
    display: flex;
    gap: 0.45rem;
    align-items: center;
}

.creator-storefront-review-complete h2 .oi {
    color: #8ff0bd;
}

.creator-storefront-review-complete__phone {
    display: inline-flex;
    gap: 0.45rem;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.5rem 0.7rem;
    border: 1px solid rgba(96, 165, 250, 0.56);
    border-radius: 8px;
    background: #191b1f;
    color: #dbeafe;
    font-weight: 850;
}

.creator-storefront-asset-library__recovery {
    position: sticky;
    bottom: 0;
    margin-top: 0.7rem;
    padding: 0.65rem;
    border-top: 1px solid var(--creator-border);
    background: rgba(27, 28, 30, 0.97);
}

.creator-storefront-asset-library__recovery > :is(button, a, label) {
    flex: 1 1 150px;
}

.creator-storefront-asset-library__recovery > button {
    border-color: rgba(255, 165, 0, 0.58);
}

.creator-storefront-asset-upload-label--drawer {
    cursor: pointer;
}

.creator-storefront-studio :is(input, textarea, select, [tabindex="-1"]):focus-visible {
    outline: 2px solid #93c5fd;
    outline-offset: 2px;
}

@media (max-height: 860px) and (min-width: 1121px) {
    #storefront-profile .creator-storefront-field > small:not(.creator-storefront-field__error) {
        display: none;
    }

    #storefront-profile .creator-storefront-field textarea {
        height: 76px;
        min-height: 76px;
    }

    #storefront-profile .creator-storefront-section__body {
        gap: 0.65rem;
    }

    .creator-storefront-preview__canvas {
        gap: 0.45rem;
    }

    .creator-storefront-preview__banner,
    .creator-storefront-preview__banner-example img {
        height: 108px;
        max-height: 108px;
    }

    .creator-storefront-preview__identity {
        grid-template-columns: 44px minmax(0, 1fr);
    }

    .creator-storefront-preview__identity > :first-child {
        width: 44px;
        height: 44px;
    }

    .creator-storefront-preview__canvas > h3 {
        overflow: hidden;
        font-size: 1rem;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .creator-storefront-preview__canvas > p {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        font-size: 0.72rem;
    }

    .creator-storefront-preview__trust-strip,
    .creator-storefront-preview__catalog {
        display: none;
    }

    .creator-storefront-preview section.creator-storefront-preview__featured {
        grid-template-columns: 88px minmax(0, 1fr);
        padding: 0.6rem;
    }

    .creator-storefront-preview__featured > img,
    .creator-storefront-preview__cover-placeholder {
        width: 88px;
        min-height: 92px;
    }

    .creator-storefront-review-checks .creator-storefront-readiness__items article > div > small:not(.creator-storefront-readiness__optional),
    .creator-storefront-review-checks > header p:not(.creator-storefront-review-complete__detail) {
        display: none;
    }

    .creator-storefront-review-checks .creator-storefront-readiness__items article {
        min-height: 54px;
    }
}

@media (max-width: 1120px) {
    .page:has(.creator-storefront-studio),
    .main:has(.creator-storefront-studio) {
        height: auto;
        min-height: 100dvh;
        overflow: visible;
    }

    .marketplace-workspace.creator-storefront-studio:not(:has(.buyer-checkout-mockup-hybrid)) {
        height: auto;
        min-height: 100dvh;
        padding: 0.65rem;
        overflow: visible;
    }

    .creator-storefront-studio__layout,
    .creator-storefront-editor,
    .creator-storefront-sidebar,
    .creator-storefront-preview {
        height: auto;
        overflow: visible;
    }

    .creator-storefront-studio__layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .creator-storefront-editor:has(#storefront-review:not([hidden])) {
        grid-template-rows: auto auto;
    }

    .creator-storefront-review-checks {
        overflow-y: visible;
    }
}

@media (max-width: 700px) {
    .creator-storefront-readiness-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .creator-storefront-readiness-strip > span:first-child {
        grid-column: 1 / -1;
        min-height: 44px;
    }

    .creator-storefront-review-checks .creator-storefront-readiness__group:first-of-type .creator-storefront-readiness__items {
        grid-template-columns: minmax(0, 1fr);
    }

    .creator-storefront-disclosure-summary {
        grid-template-columns: 34px minmax(0, 1fr) auto;
        gap: 0.55rem;
        padding: 0.6rem;
    }

    .creator-storefront-disclosure-summary__icon {
        width: 34px;
        height: 34px;
    }

    .creator-storefront-disclosure-summary > button > span:last-child {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
    }

    .creator-storefront-disclosure-summary > button {
        width: 44px;
        padding: 0;
    }

    .marketplace-workspace.creator-storefront-studio > .creator-storefront-disclosure-modal {
        align-items: end;
        padding: 0.5rem;
    }

    .creator-storefront-disclosure-dialog {
        width: 100%;
        max-height: calc(100dvh - 1rem);
    }

    .creator-storefront-disclosure-dialog > header {
        padding: 0.8rem;
    }
}

/* Platform administration decision workspace */
.page--platform-admin {
    min-height: 100vh;
    background:
        radial-gradient(circle at 85% 0%, rgba(96, 165, 250, 0.08), transparent 32rem),
        #1b1c1e;
}

.platform-admin-header {
    position: sticky;
    z-index: 40;
    isolation: isolate;
    top: 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.2);
    background: #121316;
}

.page--platform-admin:has(.finance-ops-workspace--focused) .platform-admin-header,
.page--platform-admin:has(.admin-workspace--crewsync-resolution) .platform-admin-header,
.page--platform-admin:has(.admin-workspace--crewsync-resolution) > .bizmonger-legal-footer--app-shell {
    display: none;
}

.main--platform-admin:has(.finance-ops-workspace--focused),
.main--platform-admin:has(.admin-workspace--crewsync-resolution) {
    padding-top: 0.65rem;
}

@media (min-width: 1101px) and (min-height: 720px) {
    .page--platform-admin:has(.admin-workspace--crewsync-resolution) {
        height: 100vh;
        height: 100dvh;
        min-height: 0;
        overflow: hidden;
    }

    .main--platform-admin:has(.admin-workspace--crewsync-resolution) {
        min-height: 0;
        padding: 0.5rem clamp(1rem, 4vw, 3rem) 0;
        overflow-x: hidden;
        overflow-y: auto;
        scroll-padding-block: 0.5rem;
        scrollbar-gutter: stable;
    }
}

.platform-admin-nav {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    width: min(100% - 2rem, 1540px);
    min-height: 64px;
    margin: 0 auto;
}

.platform-admin-nav__brand,
.platform-admin-nav__link,
.platform-admin-nav__more summary,
.platform-admin-nav__menu a {
    color: #f8fafc;
    text-decoration: none;
}

.platform-admin-nav__brand {
    display: flex;
    gap: 0.7rem;
    align-items: center;
    min-height: 44px;
}

.platform-admin-nav__mark {
    width: 34px;
    height: 34px;
}

.platform-admin-nav__brand > span {
    display: grid;
    line-height: 1.08;
}

.platform-admin-nav__brand strong {
    font-size: 0.95rem;
}

.platform-admin-nav__brand small {
    color: #aeb8c7;
    font-size: 0.72rem;
    font-weight: 750;
}

.platform-admin-nav__primary {
    display: flex;
    gap: 0.25rem;
    align-items: center;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: thin;
}

.platform-admin-nav__link,
.platform-admin-nav__more summary {
    display: inline-flex;
    gap: 0.45rem;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: 0 0.72rem;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #d8dee9;
    font-size: 0.82rem;
    font-weight: 800;
    white-space: nowrap;
}

.platform-admin-nav__link:hover,
.platform-admin-nav__link:focus-visible,
.platform-admin-nav__link.active,
.platform-admin-nav__more summary:hover,
.platform-admin-nav__more summary:focus-visible {
    border-color: rgba(96, 165, 250, 0.48);
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff;
}

.platform-admin-nav__link.active {
    box-shadow: inset 0 -2px #60a5fa;
}

.platform-admin-nav__more {
    position: relative;
}

.platform-admin-nav__more summary {
    cursor: pointer;
    list-style: none;
}

.platform-admin-nav__more summary::-webkit-details-marker {
    display: none;
}

.platform-admin-nav__more[open] summary .oi-chevron-bottom {
    transform: rotate(180deg);
}

.platform-admin-nav__menu {
    position: absolute;
    top: calc(100% + 0.55rem);
    right: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(250px, 1fr));
    gap: 1rem;
    width: min(680px, calc(100vw - 2rem));
    max-height: min(70vh, 640px);
    overflow-y: auto;
    padding: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.3);
    border-radius: 10px;
    background: #232529;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.48);
}

.platform-admin-nav__menu section {
    display: grid;
    gap: 0.4rem;
    align-content: start;
}

.platform-admin-nav__menu h2 {
    margin: 0 0 0.25rem;
    color: #aeb8c7;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.platform-admin-nav__menu a {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 0.65rem;
    align-items: start;
    min-height: 52px;
    padding: 0.65rem;
    border: 1px solid transparent;
    border-radius: 8px;
}

.platform-admin-nav__menu a:hover,
.platform-admin-nav__menu a:focus-visible {
    border-color: rgba(96, 165, 250, 0.42);
    background: rgba(96, 165, 250, 0.1);
}

.platform-admin-nav__menu a > .oi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.12);
    color: #a7ccff;
}

.platform-admin-nav__menu a > span:last-child {
    display: grid;
    gap: 0.18rem;
}

.platform-admin-nav__menu small {
    color: #b8c1ce;
    font-size: 0.76rem;
    font-weight: 600;
    line-height: 1.35;
}

.main--platform-admin {
    width: min(100% - 2rem, 1540px);
    margin: 0 auto;
    padding: 1.25rem 0 4rem;
}

.main--platform-admin > .admin-workspace {
    max-width: none;
}

.admin-workspace :is(a, button, input, select, textarea, summary):focus-visible,
.platform-admin-nav :is(a, summary):focus-visible {
    outline: 3px solid #a7ccff;
    outline-offset: 2px;
}

.admin-workspace .status-pill--green,
.admin-workspace .action-row .action-row__status.status-pill--green {
    color: #7bf7b8;
}

.admin-workspace .status-pill--orange,
.admin-workspace .action-row .action-row__status.status-pill--orange {
    color: #ffd08a;
}

.admin-workspace .status-pill--red,
.admin-workspace .action-row .action-row__status.status-pill--red {
    color: #ff9a9a;
}

.admin-workspace .status-pill--blue,
.admin-workspace .action-row .action-row__status.status-pill--blue {
    color: #a7ccff;
}

.admin-workspace .status-pill--gold,
.admin-workspace .action-row .action-row__status.status-pill--gold {
    color: #ffe873;
}

.admin-workspace .status-pill--purple,
.admin-workspace .action-row .action-row__status.status-pill--purple {
    color: #d8b4fe;
}

.admin-decision-hero {
    padding-top: 0.35rem;
}

.admin-decision-hero .admin-command-cluster {
    margin-top: 1.25rem;
}

.admin-command-button,
.admin-table-action,
.admin-inline-notice button,
.admin-inline-notice a {
    display: inline-flex;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    cursor: pointer;
    text-decoration: none;
}

.admin-command-button--quiet {
    border-color: rgba(148, 163, 184, 0.35);
    background: rgba(148, 163, 184, 0.08);
}

.admin-command-button--danger {
    border-color: rgba(255, 68, 68, 0.68);
    background: rgba(255, 68, 68, 0.14);
}

.admin-panel--error {
    border-color: rgba(255, 68, 68, 0.55);
}

.admin-section-heading {
    display: flex;
    gap: 1rem;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.admin-section-heading > div {
    display: grid;
    gap: 0.25rem;
}

.admin-section-heading h2 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.35rem, 2vw, 1.8rem);
}

.admin-metric-grid--decision {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.admin-metric-grid--decision div {
    min-height: 132px;
    align-content: start;
    border-top: 3px solid rgba(96, 165, 250, 0.55);
}

.admin-metric-grid--decision small {
    margin-top: 0.25rem;
    color: #b8c1ce;
    font-size: 0.78rem;
    line-height: 1.4;
}

.admin-inline-notice {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    min-height: 54px;
    padding: 0.75rem 1rem;
    border: 1px solid rgba(148, 163, 184, 0.3);
    border-radius: 8px;
    background: #232529;
    color: #f8fafc;
}

.admin-inline-notice--warning {
    border-color: rgba(255, 165, 0, 0.55);
}

.admin-inline-notice--danger {
    border-color: rgba(255, 68, 68, 0.6);
}

.admin-inline-notice--success {
    border-color: rgba(0, 230, 118, 0.5);
}

.admin-inline-notice a,
.admin-inline-notice button {
    padding: 0 0.8rem;
    border: 1px solid currentColor;
    border-radius: 8px;
    background: transparent;
    color: #ffffff;
    font-weight: 850;
}

.admin-decision-inbox .action-row {
    grid-template-columns: 44px minmax(0, 1fr) auto;
}

.admin-action-icon,
.admin-workspace-link__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(96, 165, 250, 0.3);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.1);
    color: #a7ccff;
    font-size: 1rem;
}

.admin-observability-board {
    align-items: stretch;
}

.admin-activity-chart {
    display: grid;
    grid-template-columns: repeat(12, minmax(22px, 1fr));
    gap: clamp(0.2rem, 0.7vw, 0.65rem);
    min-height: 230px;
    padding: 1rem 0 0.25rem;
}

.admin-activity-chart__bucket {
    display: grid;
    grid-template-rows: 22px 160px auto;
    gap: 0.35rem;
    min-width: 0;
    text-align: center;
}

.admin-activity-chart__value {
    color: #d8dee9;
    font-size: 0.72rem;
    font-weight: 850;
}

.admin-activity-chart__track {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    min-height: 160px;
    overflow: hidden;
    border-radius: 6px 6px 3px 3px;
    background: rgba(148, 163, 184, 0.08);
}

.admin-activity-chart__bar,
.admin-activity-chart__risk {
    position: absolute;
    bottom: 0;
    width: 64%;
    min-height: 4px;
    border-radius: 5px 5px 2px 2px;
}

.admin-activity-chart__bar {
    background: linear-gradient(180deg, #60a5fa, #3576c7);
}

.admin-activity-chart__risk {
    right: 8%;
    width: 18%;
    background: #ff6f6f;
}

.admin-activity-chart__label {
    overflow: hidden;
    color: #aeb8c7;
    font-size: 0.64rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-chart-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    color: #cbd5e1;
    font-size: 0.78rem;
}

.admin-chart-legend span {
    display: inline-flex;
    gap: 0.4rem;
    align-items: center;
}

.admin-legend-swatch {
    width: 12px;
    height: 12px;
    border-radius: 3px;
}

.admin-legend-swatch--activity {
    background: #60a5fa;
}

.admin-legend-swatch--risk {
    background: #ff6f6f;
}

.admin-producer-list {
    display: grid;
    gap: 0.55rem;
}

.admin-producer-list > div {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    gap: 0.55rem;
    align-items: center;
    padding: 0.65rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.42);
}

.admin-producer-list > div > .oi {
    color: #a7ccff;
}

.admin-producer-list > div > span:nth-child(2) {
    display: grid;
    gap: 0.12rem;
}

.admin-producer-list small,
.admin-help-copy {
    color: #b8c1ce;
    font-size: 0.76rem;
    line-height: 1.4;
}

.admin-table-scroll {
    width: 100%;
    overflow-x: auto;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 8px;
}

.admin-data-table {
    width: 100%;
    min-width: 820px;
    border-collapse: collapse;
    color: #e5e7eb;
    font-size: 0.84rem;
}

.admin-data-table caption {
    padding: 0.75rem 0.78rem;
    color: #c8d1de;
    font-size: 0.76rem;
    line-height: 1.4;
    text-align: left;
}

.admin-data-table th,
.admin-data-table td {
    padding: 0.78rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.16);
    text-align: left;
    vertical-align: top;
}

.admin-data-table thead th {
    position: sticky;
    z-index: 1;
    top: 0;
    background: #1f2125;
    color: #aeb8c7;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

.admin-data-table tbody tr {
    background: rgba(35, 37, 41, 0.72);
}

.admin-data-table tbody tr:nth-child(even) {
    background: rgba(43, 45, 49, 0.72);
}

.admin-data-table tbody tr:hover,
.admin-data-table tbody tr.selected {
    background: rgba(96, 165, 250, 0.1);
}

.admin-data-table tbody tr.selected {
    box-shadow: inset 3px 0 #60a5fa;
}

.admin-data-table th > strong,
.admin-data-table th > small,
.admin-data-table td > strong,
.admin-data-table td > small {
    display: block;
}

.admin-data-table small {
    margin-top: 0.2rem;
    color: #b8c1ce;
    font-size: 0.74rem;
    font-weight: 600;
    line-height: 1.35;
}

.admin-table-action {
    min-width: 44px;
    padding: 0 0.7rem;
    border: 1px solid rgba(96, 165, 250, 0.5);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.1);
    color: #ffffff;
    font-weight: 850;
    white-space: nowrap;
}

.admin-event-table th:nth-child(3) {
    min-width: 260px;
}

.admin-filter-toolbar {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.85rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 8px;
    background: #232529;
}

.admin-filter-toolbar > div:first-child {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 0.6rem;
    align-items: center;
}

.admin-filter-toolbar > div:first-child > span:last-child {
    display: grid;
}

.admin-filter-toolbar small {
    color: #b8c1ce;
    font-size: 0.75rem;
}

.admin-filter-toolbar--flags {
    grid-template-columns: minmax(260px, 1fr) minmax(150px, 210px) minmax(150px, 210px) auto;
}

.admin-segmented-control {
    display: inline-grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(84px, 1fr);
    gap: 0.25rem;
    padding: 0.25rem;
    border-radius: 8px;
    background: #1b1c1e;
}

.admin-segmented-control a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 0.7rem;
    border: 1px solid transparent;
    border-radius: 7px;
    color: #cbd5e1;
    font-size: 0.8rem;
    font-weight: 850;
    text-decoration: none;
}

.admin-segmented-control a:hover,
.admin-segmented-control a:focus-visible,
.admin-segmented-control a.active {
    border-color: rgba(96, 165, 250, 0.5);
    background: rgba(96, 165, 250, 0.14);
    color: #ffffff;
}

.admin-search-field {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 0.5rem;
    align-items: center;
    min-height: 44px;
    padding: 0 0.65rem;
    border: 1px solid rgba(148, 163, 184, 0.34);
    border-radius: 8px;
    background: #1b1c1e;
    color: #a7ccff;
}

.admin-search-field input {
    min-height: 42px;
    border: 0;
    outline: 0;
    background: transparent;
    color: #ffffff;
}

.admin-search-field input::placeholder {
    color: #aeb8c7;
}

.admin-compact-field {
    display: grid;
    gap: 0.25rem;
    color: #aeb8c7;
    font-size: 0.7rem;
    font-weight: 850;
    text-transform: uppercase;
}

.admin-compact-field select {
    min-height: 44px;
    padding: 0 0.65rem;
    border: 1px solid rgba(148, 163, 184, 0.34);
    border-radius: 8px;
    background: #1b1c1e;
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 700;
}

.admin-control-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(360px, 0.85fr);
    gap: 1rem;
    align-items: start;
}

.admin-control-layout__inventory,
.admin-control-drawer {
    min-height: 320px;
}

.admin-control-drawer {
    position: sticky;
    top: 84px;
    max-height: calc(100vh - 104px);
    overflow-y: auto;
}

.admin-control-drawer__header {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: start;
}

.admin-control-drawer__header > div {
    display: grid;
    gap: 0.35rem;
}

.admin-control-drawer__header h2,
.admin-control-drawer__header p {
    margin: 0;
}

.admin-decision-metadata,
.admin-diff-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
    margin: 0;
}

.admin-decision-metadata > div,
.admin-diff-grid > div {
    display: grid;
    gap: 0.25rem;
    padding: 0.65rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.42);
}

.admin-decision-metadata dt,
.admin-diff-grid dt {
    color: #aeb8c7;
    font-size: 0.68rem;
    font-weight: 900;
    text-transform: uppercase;
}

.admin-decision-metadata dd,
.admin-diff-grid dd {
    margin: 0;
    color: #e5e7eb;
    font-size: 0.8rem;
    line-height: 1.4;
}

.admin-flag-editor {
    grid-template-columns: 1fr;
}

.admin-flag-editor > * {
    grid-column: 1;
}

.admin-toggle-field {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.65rem;
    align-items: center;
    min-height: 54px;
    color: #ffffff;
}

.admin-toggle-field input {
    width: 24px;
    height: 24px;
    margin: 0 auto;
    accent-color: #60a5fa;
}

.admin-toggle-field > span {
    display: grid;
}

.admin-toggle-field small,
.admin-field small {
    color: #b8c1ce;
    font-size: 0.74rem;
    font-weight: 600;
    line-height: 1.4;
}

.admin-flag-editor .admin-field textarea {
    min-height: 92px;
}

.admin-flag-editor .admin-field:nth-last-of-type(1) textarea {
    min-height: 116px;
}

.admin-inline-details {
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.38);
}

.admin-inline-details > summary {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 0.65rem 0.8rem;
    color: #ffffff;
    cursor: pointer;
    font-size: 0.8rem;
    font-weight: 850;
}

.admin-inline-details > :not(summary) {
    margin: 0.75rem;
}

.admin-inline-details--quick .admin-command-cluster button {
    min-height: 44px;
    padding: 0 0.7rem;
    border: 1px solid rgba(148, 163, 184, 0.34);
    border-radius: 8px;
    background: rgba(148, 163, 184, 0.08);
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 800;
}

.admin-inline-details dl {
    display: grid;
    gap: 0.35rem;
}

.admin-inline-details dl div {
    display: grid;
    grid-template-columns: 80px minmax(0, 1fr);
    gap: 0.4rem;
}

.admin-inline-details dt {
    color: #aeb8c7;
    font-weight: 800;
}

.admin-inline-details dd {
    margin: 0;
    color: #ffffff;
}

.admin-detail-stack {
    display: grid;
    gap: 1rem;
}

.admin-detail-stack h3,
.admin-message-list h4 {
    margin: 0 0 0.45rem;
    color: #ffffff;
    font-size: 0.9rem;
}

.admin-detail-stack ul,
.admin-message-list ul {
    display: grid;
    gap: 0.35rem;
    margin: 0;
    padding-left: 1.1rem;
    color: #d8dee9;
    font-size: 0.78rem;
    line-height: 1.4;
}

.admin-change-preview {
    display: grid;
    gap: 0.8rem;
    padding: 1rem;
    border: 1px solid rgba(0, 230, 118, 0.42);
    border-radius: 8px;
    background: rgba(0, 230, 118, 0.05);
}

.admin-change-preview--blocked {
    border-color: rgba(255, 68, 68, 0.55);
    background: rgba(255, 68, 68, 0.06);
}

.admin-change-preview h3,
.admin-change-preview p {
    margin: 0;
}

.admin-message-list {
    padding: 0.75rem;
    border-left: 3px solid #ffd08a;
    background: rgba(255, 165, 0, 0.06);
}

.admin-message-list--danger {
    border-left-color: #ff9a9a;
    background: rgba(255, 68, 68, 0.06);
}

.admin-workspace-groups {
    display: grid;
    gap: 0.75rem;
}

.admin-workspace-group,
.admin-progressive-panel {
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 8px;
    background: #232529;
}

.admin-workspace-group > summary,
.admin-progressive-panel > summary {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    justify-content: space-between;
    min-height: 54px;
    padding: 0.75rem 1rem;
    color: #ffffff;
    cursor: pointer;
    list-style: none;
}

.admin-workspace-group > summary::-webkit-details-marker,
.admin-progressive-panel > summary::-webkit-details-marker {
    display: none;
}

.admin-progressive-panel > summary > span:first-child {
    display: grid;
    gap: 0.18rem;
}

.admin-progressive-panel > summary small {
    color: #b8c1ce;
    font-size: 0.76rem;
    font-weight: 600;
}

.admin-progressive-panel[open] > summary > .oi-chevron-bottom,
.admin-workspace-group[open] > summary > .oi-chevron-bottom {
    transform: rotate(180deg);
}

.admin-workspace-link-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    padding: 0 1rem 1rem;
}

.admin-workspace-link-grid > a {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    gap: 0.7rem;
    align-items: start;
    min-height: 76px;
    padding: 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 8px;
    background: rgba(27, 28, 30, 0.42);
    color: #ffffff;
    text-decoration: none;
}

.admin-workspace-link-grid > a:hover,
.admin-workspace-link-grid > a:focus-visible {
    border-color: rgba(96, 165, 250, 0.5);
    background: rgba(96, 165, 250, 0.08);
}

.admin-workspace-link-grid > a > span:nth-child(2) {
    display: grid;
    gap: 0.2rem;
}

.admin-workspace-link-grid small {
    color: #b8c1ce;
    font-size: 0.76rem;
    font-weight: 600;
    line-height: 1.4;
}

.admin-progressive-panel__body {
    display: grid;
    gap: 1rem;
    padding: 0 1rem 1rem;
}

.admin-skeleton-panel {
    min-height: 320px;
}

.admin-skeleton,
.admin-skeleton-grid > div {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    background: #35383e;
}

.admin-skeleton::after,
.admin-skeleton-grid > div::after {
    position: absolute;
    inset: 0;
    content: "";
    transform: translateX(-100%);
    animation: admin-skeleton-shimmer 1.8s infinite;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.07), transparent);
}

.admin-skeleton--title {
    width: min(620px, 82%);
    height: 52px;
}

.admin-skeleton--copy {
    width: min(760px, 96%);
    height: 22px;
}

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

.admin-skeleton--metric {
    height: 104px;
}

@keyframes admin-skeleton-shimmer {
    100% {
        transform: translateX(100%);
    }
}

@media (max-width: 1240px) {
    .platform-admin-nav {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .platform-admin-nav__link {
        padding: 0 0.58rem;
    }

    .platform-admin-nav__link > span:last-child {
        display: none;
    }

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

    .admin-control-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .admin-control-drawer {
        position: static;
        max-height: none;
    }
}

@media (max-width: 860px) {
    .platform-admin-header {
        position: static;
    }

    .platform-admin-nav {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 0.5rem;
        padding: 0.55rem 0;
    }

    .platform-admin-nav__primary {
        grid-column: 1 / -1;
        grid-row: 2;
        overflow-x: hidden;
    }

    .platform-admin-nav__link > span:last-child {
        display: none;
    }

    .platform-admin-nav__link.active > span:last-child {
        display: initial;
    }

    .platform-admin-nav__menu {
        grid-template-columns: 1fr;
    }

    .main--platform-admin {
        width: min(100% - 1.4rem, 1540px);
    }

    .admin-filter-toolbar,
    .admin-filter-toolbar--flags {
        grid-template-columns: 1fr;
    }

    .admin-filter-toolbar > div:first-child {
        grid-template-columns: 32px minmax(0, 1fr);
    }

    .admin-filter-toolbar .admin-command-button {
        width: 100%;
    }

    .admin-workspace-link-grid {
        grid-template-columns: 1fr;
    }

    .admin-decision-inbox .action-row {
        grid-template-columns: 44px minmax(0, 1fr);
    }

    .admin-decision-inbox .action-row > a,
    .admin-decision-inbox .action-row > .action-row__status {
        grid-column: 2;
        justify-self: start;
        width: auto;
    }

    .admin-activity-chart {
        min-width: 620px;
    }

    .admin-observability-board .reports-board__main {
        overflow-x: auto;
    }
}

@media (max-width: 640px) {
    .platform-admin-nav__brand small {
        display: none;
    }

    .platform-admin-nav__more summary > span:nth-child(2) {
        display: none;
    }

    .platform-admin-nav__link {
        flex: 0 0 auto;
        width: max-content;
        min-width: 72px;
        display: grid;
        gap: 0.2rem;
        padding: 0.35rem 0.55rem;
        font-size: 0.7rem;
        scroll-snap-align: start;
    }

    .platform-admin-nav__link > span:last-child {
        display: initial;
    }

    .platform-admin-nav__primary {
        gap: 0.35rem;
        padding-bottom: 0.2rem;
        overflow-x: auto;
        scroll-snap-type: x proximity;
    }

    .admin-metric-grid--decision,
    .admin-skeleton-grid,
    .admin-decision-metadata,
    .admin-diff-grid {
        grid-template-columns: 1fr;
    }

    .admin-metric-grid--decision div {
        min-height: 104px;
    }

    .admin-section-heading,
    .admin-control-drawer__header {
        align-items: start;
        grid-template-columns: 44px minmax(0, 1fr);
    }

    .admin-section-heading {
        display: grid;
        grid-template-columns: 1fr;
    }

    .admin-control-drawer__header > .status-pill {
        grid-column: 2;
        justify-self: start;
    }

    .admin-inline-notice {
        grid-template-columns: 32px minmax(0, 1fr);
    }

    .admin-inline-notice :is(button, a) {
        grid-column: 2;
        justify-self: start;
    }

    .admin-workspace-link-grid > a {
        grid-template-columns: 44px minmax(0, 1fr);
    }

    .admin-workspace-link-grid > a > .status-pill {
        grid-column: 2;
        justify-self: start;
    }

    .admin-segmented-control {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .admin-skeleton::after,
    .admin-skeleton-grid > div::after {
        animation: none;
    }
}

@media (forced-colors: active) {
    .platform-admin-nav,
    .platform-admin-nav__menu,
    .admin-data-table,
    .admin-control-drawer,
    .admin-progressive-panel,
    .admin-workspace-group,
    .admin-inline-notice {
        border: 1px solid CanvasText;
    }
}

/* Public Marketplace navigation and focus-first disclosure. These rules replace
   the non-interactive painted sidebar only on public browse, storefront, and
   preview routes while preserving existing private workspaces. */
.marketplace-workspace.marketplace-public-workspace::before,
.marketplace-workspace.marketplace-public-workspace::after {
    display: none !important;
    content: none !important;
}

.marketplace-workspace.marketplace-public-workspace {
    padding: 1rem 1.2rem 2rem 240px !important;
}

.marketplace-workspace.marketplace-public-workspace > .marketplace-public-nav {
    position: fixed !important;
    inset: 0 auto 0 0;
    z-index: 20;
    display: grid;
    align-content: start;
    width: 216px;
    padding: 1rem;
    border-right: 1px solid rgba(148, 163, 184, 0.2);
    background: #0c1217;
    box-shadow: 18px 0 48px rgba(0, 0, 0, 0.22);
}

.marketplace-public-nav__brand {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 0.65rem;
    align-items: center;
    min-height: 48px;
    color: #fff;
    text-decoration: none;
}

.marketplace-public-nav__mark {
    --hivesync-logo-size: 36px;
}

.marketplace-public-nav__brand strong,
.marketplace-public-nav__brand small,
.marketplace-public-nav-mobile summary strong,
.marketplace-public-nav-mobile summary small {
    display: block;
}

.marketplace-public-nav__brand strong {
    font-size: 0.95rem;
}

.marketplace-public-nav__brand small {
    color: #ffd700;
    font-size: 0.68rem;
    font-weight: 900;
    text-transform: uppercase;
}

.marketplace-public-nav__context {
    margin: 0.85rem 0 0;
    color: #cbd5e1;
    font-size: 0.76rem;
    line-height: 1.35;
}

.marketplace-public-nav nav,
.marketplace-public-nav-mobile nav {
    display: grid;
    gap: 0.25rem;
    margin-top: 1rem;
}

.marketplace-public-nav nav a,
.marketplace-public-nav-mobile nav a {
    display: flex;
    gap: 0.65rem;
    align-items: center;
    min-height: 44px;
    padding: 0.6rem 0.7rem;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #d1d5db;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.25;
    text-decoration: none;
}

.marketplace-public-nav nav a .oi,
.marketplace-public-nav-mobile nav a .oi {
    width: 20px;
    color: #93c5fd;
    text-align: center;
}

.marketplace-public-nav nav a:hover,
.marketplace-public-nav nav a:focus-visible,
.marketplace-public-nav-mobile nav a:hover,
.marketplace-public-nav-mobile nav a:focus-visible,
.marketplace-public-nav__active {
    border-color: rgba(96, 165, 250, 0.6) !important;
    background: rgba(96, 165, 250, 0.13);
    color: #fff !important;
}

.marketplace-public-nav nav a:focus-visible,
.marketplace-public-nav__brand:focus-visible,
.marketplace-public-nav-mobile summary:focus-visible,
.marketplace-public-nav-mobile nav a:focus-visible {
    outline: 3px solid #60a5fa;
    outline-offset: 2px;
}

.marketplace-public-nav__group {
    margin: 0.8rem 0 0.2rem;
    color: #94a3b8;
    font-size: 0.66rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.marketplace-public-nav-mobile {
    display: none;
}

.marketplace-proposal-topnav__search:has(button) {
    grid-template-columns: 20px minmax(0, 1fr) 44px;
    padding-right: 0;
}

.marketplace-proposal-topnav__search button {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 0;
    border-left: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 0 8px 8px 0;
    background: rgba(96, 165, 250, 0.13);
    color: #93c5fd;
}

.marketplace-proposal-topnav__search button:hover,
.marketplace-proposal-topnav__search button:focus-visible {
    background: rgba(96, 165, 250, 0.24);
    color: #fff;
}

.marketplace-proposal-topnav__search button:focus-visible {
    outline: 3px solid #60a5fa;
    outline-offset: 2px;
}

.marketplace-public-workspace .marketplace-proposal-topnav nav a,
.marketplace-public-workspace .marketplace-action-link {
    min-height: 44px;
    font-size: 14px;
}

.marketplace-listing-results,
.marketplace-disclosure-details__body {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.marketplace-listing-results {
    scroll-margin-top: 1rem;
}

.marketplace-listing-results__header h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.5rem, 2.4vw, 2rem);
}

.marketplace-search-form__label {
    color: #cbd5e1;
    font-size: 0.8rem;
    font-weight: 900;
    text-transform: uppercase;
}

.marketplace-search-form select {
    box-sizing: border-box;
    flex: 0 1 240px;
    min-width: 180px;
    min-height: 44px;
    padding: 0 2.35rem 0 0.85rem;
    border: 1px solid rgba(156, 163, 175, 0.34);
    border-radius: 8px;
    background: #1b1c1e;
    color: #fff;
}

.marketplace-search-form :is(input, select, button, a):focus-visible {
    outline: 3px solid #60a5fa;
    outline-offset: 2px;
}

.marketplace-disclosure-details,
.marketplace-inline-details {
    min-width: 0;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 8px;
    background: rgba(24, 28, 34, 0.84);
}

.marketplace-disclosure-details {
    display: block;
}

.marketplace-disclosure-details > summary,
.marketplace-inline-details > summary,
.marketplace-storefront-rail-details > summary {
    display: flex;
    gap: 0.65rem;
    align-items: center;
    min-height: 48px;
    padding: 0.7rem 1rem;
    color: #f8fafc;
    cursor: pointer;
    font-weight: 900;
    line-height: 1.3;
}

.marketplace-disclosure-details > summary::marker,
.marketplace-inline-details > summary::marker,
.marketplace-storefront-rail-details > summary::marker {
    color: #93c5fd;
}

.marketplace-disclosure-details > summary:focus-visible,
.marketplace-inline-details > summary:focus-visible,
.marketplace-storefront-rail-details > summary:focus-visible {
    outline: 3px solid #60a5fa;
    outline-offset: 2px;
}

.marketplace-disclosure-details[open] > summary,
.marketplace-inline-details[open] > summary,
.marketplace-storefront-rail-details[open] > summary {
    border-bottom: 1px solid rgba(148, 163, 184, 0.2);
}

.marketplace-disclosure-details__body {
    padding: 1rem;
}

.marketplace-hero-safety-details {
    align-self: start;
    padding: 0;
    overflow: hidden;
}

.marketplace-hero-safety-details > summary {
    display: flex;
    gap: 0.65rem;
    align-items: center;
    min-height: 52px;
    padding: 0.75rem 1rem;
    color: #f8fafc;
    cursor: pointer;
    font-weight: 900;
}

.marketplace-hero-safety-details > summary:focus-visible {
    outline: 3px solid #60a5fa;
    outline-offset: -3px;
}

.marketplace-hero-safety-details__body {
    padding: 0 1rem 1rem;
    border-top: 1px solid rgba(148, 163, 184, 0.2);
}

.marketplace-hero-safety-details__body h2 {
    margin-top: 1rem;
}

.marketplace-purchase-details .marketplace-discovery-cockpit {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.marketplace-inline-details {
    margin-block: 0.75rem;
}

.marketplace-inline-details > .marketplace-proposal-one-attribution-list {
    padding: 0.75rem;
}

.marketplace-storefront-rail-details {
    display: block !important;
}

.marketplace-storefront-rail-details > :not(summary) {
    margin: 0.75rem 1rem;
}

.marketplace-storefront-proposal-one .marketplace-mockup-creator-profile--proposal .marketplace-mockup-creator-profile__metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.marketplace-storefront-proposal-one .marketplace-storefront-path-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.marketplace-storefront-trust-details > .marketplace-disclosure-details__body {
    gap: 1rem;
}

.marketplace-storefront-trust-details .marketplace-signal-grid,
.marketplace-storefront-trust-details .marketplace-creator-trust-band,
.marketplace-storefront-additional-catalog .marketplace-creator-catalog-rack {
    margin: 0;
}

.marketplace-focus-sentinel {
    position: fixed;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
}

.marketplace-partner-overlay__panel :is(a, button):focus-visible {
    outline: 3px solid #60a5fa;
    outline-offset: 3px;
}

@media (max-width: 980px) {
    .marketplace-workspace.marketplace-public-workspace {
        padding: 0.75rem !important;
    }

    .marketplace-workspace.marketplace-public-workspace > .marketplace-public-nav {
        display: none;
    }

    .marketplace-public-nav-mobile {
        display: block;
        border: 1px solid rgba(148, 163, 184, 0.24);
        border-radius: 8px;
        background: #0c1217;
    }

    .marketplace-public-nav-mobile > summary {
        display: grid;
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 0.65rem;
        align-items: center;
        min-height: 56px;
        padding: 0.55rem 0.75rem;
        color: #fff;
        cursor: pointer;
    }

    .marketplace-public-nav-mobile > summary small {
        margin-top: 0.15rem;
        color: #cbd5e1;
        font-size: 0.75rem;
        font-weight: 700;
    }

    .marketplace-public-nav-mobile nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin: 0;
        padding: 0.5rem 0.75rem 0.75rem;
        border-top: 1px solid rgba(148, 163, 184, 0.18);
    }

    .marketplace-storefront-proposal-one .marketplace-storefront-path-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 560px) {
    .marketplace-public-nav-mobile nav,
    .marketplace-storefront-proposal-one .marketplace-mockup-creator-profile--proposal .marketplace-mockup-creator-profile__metrics {
        grid-template-columns: minmax(0, 1fr);
    }

    .marketplace-search-form select {
        width: 100%;
        flex-basis: 100%;
    }
}

@media (max-width: 720px) {
    .marketplace-storefront-proposal-one .marketplace-mockup-creator-profile--proposal {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
    }

    .marketplace-storefront-proposal-one .marketplace-mockup-creator-profile--proposal .marketplace-mockup-creator-profile__avatar {
        grid-column: 1;
        grid-row: 1;
        justify-self: start;
    }

    .marketplace-storefront-proposal-one .marketplace-mockup-creator-profile--proposal > div:not(.marketplace-mockup-creator-profile__avatar) {
        grid-column: 1;
        grid-row: 2;
    }

    .marketplace-storefront-proposal-one .marketplace-mockup-creator-profile--proposal .marketplace-mockup-creator-profile__metrics {
        grid-column: 1;
        grid-row: 3;
    }
}

@media (forced-colors: active) {
    .marketplace-public-nav,
    .marketplace-public-nav-mobile,
    .marketplace-disclosure-details,
    .marketplace-inline-details,
    .marketplace-search-form select {
        border: 1px solid CanvasText;
    }
}

/* Booking, deposit, and confirmed production handoff */
.booking-provider,
.client-booking,
.booking-plan {
    --booking-bg: #0d1014;
    --booking-panel: #171b20;
    --booking-panel-strong: #1d2228;
    --booking-line: rgba(203, 213, 225, 0.16);
    --booking-text: #f3f6f8;
    --booking-muted: #a9b4c0;
    --booking-blue: #54c8eb;
    --booking-green: #45d483;
    --booking-gold: #f2bd54;
    --booking-orange: #fb8c61;
    --booking-red: #f87171;
    min-width: 0;
    color: var(--booking-text);
    background: var(--booking-bg);
    letter-spacing: 0;
}

.booking-provider *,
.client-booking *,
.booking-plan * {
    box-sizing: border-box;
    letter-spacing: 0;
}

.booking-provider {
    width: min(1460px, 100%);
    margin: 0 auto;
    padding: 0 1.5rem 3rem;
}

.booking-provider__topbar,
.booking-plan__topbar {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid var(--booking-line);
}

.booking-provider__topbar > a,
.booking-provider__topbar > div > a,
.booking-plan__topbar > a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    color: #dbe4ea;
    text-decoration: none;
    font-weight: 700;
}

.booking-provider__topbar > div {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.booking-provider__link-revoked {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: #f7c8b5;
    font-size: 0.8rem;
    font-weight: 800;
}

.booking-provider__hero {
    position: relative;
    min-height: 330px;
    overflow: hidden;
    border-bottom: 1px solid var(--booking-line);
    background: #11161a;
}

.booking-provider__hero > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 52%;
}

.booking-provider__hero-shade {
    position: absolute;
    inset: 0;
    background: rgba(5, 8, 11, 0.68);
}

.booking-provider__hero-copy {
    position: relative;
    z-index: 1;
    width: min(780px, 100%);
    padding: 3.25rem 2rem 7.75rem;
}

.booking-provider__hero-copy p,
.client-booking__heading p,
.booking-panel__heading p,
.booking-next p,
.client-booking-step header p,
.client-booking__summary section > p,
.booking-plan__hero p,
.booking-plan__readiness header p,
.booking-plan__phases > header p {
    margin: 0 0 0.35rem;
    color: var(--booking-blue);
    font-size: 0.76rem;
    font-weight: 800;
    text-transform: uppercase;
}

.booking-provider__hero-copy h1 {
    max-width: 760px;
    margin: 0;
    color: #fff;
    font-size: clamp(2.35rem, 4.2vw, 4.25rem);
    line-height: 1.02;
    overflow-wrap: break-word;
}

.booking-provider__hero-copy > span {
    display: block;
    margin-top: 0.8rem;
    color: #dce5eb;
    font-size: 1.05rem;
}

.booking-provider__hero-facts {
    position: absolute;
    z-index: 2;
    right: 1.25rem;
    bottom: 1.25rem;
    left: 1.25rem;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
    border: 1px solid rgba(226, 232, 240, 0.2);
    border-radius: 6px;
    background: rgba(10, 14, 18, 0.9);
}

.booking-provider__hero-facts > div {
    min-width: 0;
    padding: 0.85rem 1rem;
    border-right: 1px solid rgba(226, 232, 240, 0.14);
}

.booking-provider__hero-facts > div:last-child {
    border-right: 0;
}

.booking-provider__hero-facts dt,
.booking-provider__hero-facts dd {
    margin: 0;
}

.booking-provider__hero-facts dt {
    color: var(--booking-muted);
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
}

.booking-provider__hero-facts dd {
    margin-top: 0.25rem;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 800;
    overflow-wrap: break-word;
}

.booking-progress {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1px;
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid var(--booking-line);
    background: var(--booking-line);
}

.booking-progress li {
    min-width: 0;
    min-height: 74px;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-content: center;
    column-gap: 0.6rem;
    padding: 0.75rem 1rem;
    background: #12161a;
    color: #7f8a95;
}

.booking-progress li > .oi {
    grid-row: 1 / 3;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    border: 1px solid #4a545e;
    border-radius: 50%;
    font-size: 0.82rem;
}

.booking-progress li strong,
.booking-progress li small {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.booking-progress li strong {
    color: #b7c0c8;
    font-size: 0.88rem;
}

.booking-progress li small {
    color: #79848e;
    font-size: 0.74rem;
}

.booking-progress .booking-progress__active {
    box-shadow: inset 0 -3px 0 var(--booking-blue);
    background: #172028;
}

.booking-progress .booking-progress__active > .oi {
    border-color: var(--booking-blue);
    color: var(--booking-blue);
}

.booking-progress .booking-progress__active strong {
    color: #eef9fc;
}

.booking-progress .booking-progress__complete > .oi {
    border-color: rgba(69, 212, 131, 0.45);
    color: #07110b;
    background: var(--booking-green);
}

.booking-progress .booking-progress__complete strong {
    color: #e9fff2;
}

.booking-progress .booking-progress__complete small {
    color: #8fd7ae;
}

.booking-next {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    margin: 1.25rem 0;
    padding: 1.05rem 1.15rem;
    border: 1px solid var(--booking-line);
    border-left: 3px solid var(--booking-blue);
    border-radius: 6px;
    background: var(--booking-panel-strong);
}

.booking-next--green { border-left-color: var(--booking-green); }
.booking-next--gold { border-left-color: var(--booking-gold); }
.booking-next--orange { border-left-color: var(--booking-orange); }
.booking-next--red { border-left-color: var(--booking-red); }

.booking-next__icon {
    width: 52px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    color: var(--booking-blue);
    background: rgba(84, 200, 235, 0.12);
    font-size: 1.25rem;
}

.booking-next--green .booking-next__icon {
    color: var(--booking-green);
    background: rgba(69, 212, 131, 0.12);
}

.booking-next--gold .booking-next__icon,
.booking-next--orange .booking-next__icon {
    color: var(--booking-gold);
    background: rgba(242, 189, 84, 0.12);
}

.booking-next h2,
.booking-panel__heading h2,
.client-booking-step h2,
.client-booking__summary h2,
.booking-plan__readiness h2,
.booking-plan__phases h2 {
    margin: 0;
    color: var(--booking-text);
    font-size: 1.05rem;
    line-height: 1.25;
    overflow-wrap: break-word;
}

.booking-next > div > span,
.booking-panel__heading > div > span {
    display: block;
    margin-top: 0.2rem;
    color: var(--booking-muted);
    font-size: 0.88rem;
    line-height: 1.45;
}

.booking-next__actions {
    display: flex;
    gap: 0.6rem;
}

.booking-button,
.client-booking-link-action,
.booking-test-authority button {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    padding: 0.7rem 1rem;
    border: 1px solid rgba(226, 232, 240, 0.2);
    border-radius: 6px;
    color: #e8eef2;
    background: #20262d;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.booking-button--primary {
    border-color: #67d2ed;
    color: #071115;
    background: #67d2ed;
}

.booking-button:hover,
.client-booking-link-action:hover,
.booking-test-authority button:hover {
    border-color: #edf5f8;
}

.booking-button:focus-visible,
.client-booking-link-action:focus-visible,
.booking-test-authority button:focus-visible,
.client-booking input:focus-visible,
.client-booking select:focus-visible {
    outline: 3px solid rgba(84, 200, 235, 0.45);
    outline-offset: 2px;
}

.booking-button:disabled,
.client-booking-link-action:disabled,
.booking-test-authority button:disabled {
    opacity: 0.52;
    cursor: not-allowed;
}

.booking-operation {
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin: 0 0 1.25rem;
    padding: 0.75rem 1rem;
    border: 1px solid var(--booking-line);
    border-left: 3px solid var(--booking-green);
    border-radius: 6px;
    color: #dff8e9;
    background: rgba(69, 212, 131, 0.08);
}

.booking-operation--red {
    border-left-color: var(--booking-red);
    color: #ffe2e2;
    background: rgba(248, 113, 113, 0.08);
}

.booking-copy-fallback {
    min-width: 0;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) minmax(260px, 0.8fr);
    align-items: center;
    gap: 0.7rem;
    margin: -0.5rem 0 1.25rem;
    padding: 0.8rem;
    border: 1px solid rgba(242, 189, 84, 0.3);
    border-radius: 6px;
    background: rgba(242, 189, 84, 0.07);
}

.booking-copy-fallback > .oi {
    color: var(--booking-gold);
    text-align: center;
}

.booking-copy-fallback strong,
.booking-copy-fallback small {
    display: block;
}

.booking-copy-fallback strong { color: #ffedc5; font-size: 0.8rem; }
.booking-copy-fallback small { margin-top: 0.15rem; color: #cdbf9f; font-size: 0.7rem; line-height: 1.4; }

.booking-copy-fallback input {
    min-width: 0;
    min-height: 44px;
    padding: 0.65rem 0.75rem;
    border: 1px solid rgba(242, 189, 84, 0.34);
    border-radius: 6px;
    color: #f8fafc;
    background: #11161a;
    font: inherit;
    font-size: 0.76rem;
}

.booking-provider-tabs {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    margin: 0 0 1.25rem;
    overflow: hidden;
    border: 1px solid var(--booking-line);
    border-radius: 6px;
    background: var(--booking-line);
}

.booking-provider-tabs > a {
    min-width: 0;
    min-height: 64px;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.65rem;
    padding: 0.7rem 0.85rem;
    color: #b6c0c7;
    background: #12161a;
    text-decoration: none;
}

.booking-provider-tabs > a:hover {
    color: #f1f6f8;
    background: #171d22;
}

.booking-provider-tabs > a:focus-visible {
    position: relative;
    z-index: 1;
    outline: 3px solid rgba(84, 200, 235, 0.5);
    outline-offset: -3px;
}

.booking-provider-tabs > a > .oi {
    color: #7f8b95;
    font-size: 1rem;
    text-align: center;
}

.booking-provider-tabs > a strong,
.booking-provider-tabs > a small {
    min-width: 0;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.booking-provider-tabs > a strong {
    color: #dce4e9;
    font-size: 0.84rem;
}

.booking-provider-tabs > a small {
    margin-top: 0.16rem;
    color: #7f8a93;
    font-size: 0.7rem;
}

.booking-provider-tabs > a em {
    color: #8f9aa3;
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 800;
    white-space: nowrap;
}

.booking-provider-tabs > .booking-provider-tabs__active {
    box-shadow: inset 0 -3px 0 var(--booking-blue);
    background: #192128;
}

.booking-provider-tabs > .booking-provider-tabs__active > .oi,
.booking-provider-tabs > .booking-provider-tabs__active strong {
    color: var(--booking-blue);
}

.booking-provider__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(330px, 0.75fr);
    gap: 1.25rem;
    align-items: start;
}

.booking-provider__main,
.booking-provider__rail {
    min-width: 0;
    display: grid;
    gap: 1rem;
}

.booking-provider__rail {
    position: sticky;
    top: 1rem;
}

.booking-panel {
    min-width: 0;
    padding: 1.1rem;
    border: 1px solid var(--booking-line);
    border-radius: 6px;
    background: var(--booking-panel);
}

.booking-panel__heading {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
}

.booking-panel__heading-icon {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    color: var(--booking-blue);
    background: rgba(84, 200, 235, 0.1);
}

.booking-panel__heading-icon--green { color: var(--booking-green); background: rgba(69, 212, 131, 0.1); }
.booking-panel__heading-icon--orange { color: var(--booking-orange); background: rgba(251, 140, 97, 0.1); }
.booking-panel__heading-icon--gold { color: var(--booking-gold); background: rgba(242, 189, 84, 0.1); }
.booking-panel__heading-icon--red { color: var(--booking-red); background: rgba(248, 113, 113, 0.1); }
.booking-panel__heading-icon--gray { color: #99a4ae; background: rgba(153, 164, 174, 0.1); }

.booking-scope__body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 210px;
    gap: 1.25rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--booking-line);
}

.booking-scope__body ul,
.booking-term-summary,
.booking-plan__crew ul {
    display: grid;
    gap: 0.65rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.booking-scope__body li {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    color: #d7dfe4;
    font-size: 0.88rem;
}

.booking-scope__body li .oi {
    margin-top: 0.15rem;
    color: var(--booking-green);
}

.booking-scope__body dl,
.booking-deposit-details,
.booking-plan__source dl {
    margin: 0;
}

.booking-scope__body dl > div,
.booking-deposit-details > div,
.booking-plan__source dl > div {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.55rem 0;
    border-bottom: 1px solid rgba(203, 213, 225, 0.1);
}

.booking-scope__body dt,
.booking-scope__body dd,
.booking-deposit-details dt,
.booking-deposit-details dd,
.booking-plan__source dt,
.booking-plan__source dd {
    min-width: 0;
    margin: 0;
    font-size: 0.8rem;
    overflow-wrap: anywhere;
}

.booking-scope__body dt,
.booking-deposit-details dt,
.booking-plan__source dt {
    color: var(--booking-muted);
}

.booking-scope__body dd,
.booking-deposit-details dd,
.booking-plan__source dd {
    color: #eef3f6;
    font-weight: 800;
    text-align: right;
}

.booking-schedule-readback,
.client-booking-schedule-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 1rem;
}

.booking-schedule-readback > div,
.client-booking-schedule-summary > div {
    min-width: 0;
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 0.55rem;
    padding: 0.8rem;
    border: 1px solid rgba(203, 213, 225, 0.12);
    border-radius: 6px;
    background: #13171b;
}

.booking-schedule-readback .oi,
.client-booking-schedule-summary .oi {
    grid-row: 1 / 3;
    align-self: center;
    color: var(--booking-blue);
}

.booking-schedule-readback small,
.client-booking-schedule-summary small {
    color: var(--booking-muted);
    font-size: 0.72rem;
}

.booking-schedule-readback strong,
.client-booking-schedule-summary strong {
    min-width: 0;
    color: #edf3f6;
    font-size: 0.82rem;
    overflow-wrap: break-word;
}

.booking-term-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 1rem;
}

.booking-term-summary li {
    min-width: 0;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 0.65rem;
    padding: 0.75rem;
    border-top: 1px solid var(--booking-line);
}

.booking-term-summary li > .oi {
    margin-top: 0.1rem;
    color: var(--booking-gold);
}

.booking-term-summary li span,
.booking-term-summary li strong,
.booking-term-summary li small {
    min-width: 0;
}

.booking-term-summary li strong,
.booking-term-summary li small {
    display: block;
}

.booking-term-summary li strong {
    color: #eaf0f3;
    font-size: 0.82rem;
}

.booking-term-summary li small {
    margin-top: 0.25rem;
    color: var(--booking-muted);
    line-height: 1.45;
}

.booking-deposit-details {
    margin-top: 0.9rem;
}

.booking-payment-summary dl {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    margin: 1rem 0 0;
    border: 1px solid var(--booking-line);
    border-radius: 6px;
    overflow: hidden;
    background: var(--booking-line);
}

.booking-payment-summary dl > div {
    min-width: 0;
    padding: 0.85rem;
    background: #13171b;
}

.booking-payment-summary dt,
.booking-payment-summary dd {
    margin: 0;
    overflow-wrap: break-word;
}

.booking-payment-summary dt {
    color: var(--booking-muted);
    font-size: 0.72rem;
}

.booking-payment-summary dd {
    margin-top: 0.3rem;
    color: #f0f5f7;
    font-size: 1rem;
    font-weight: 900;
}

.booking-link-panel__open {
    min-height: 58px;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    align-items: center;
    gap: 0.65rem;
    margin-top: 0.8rem;
    padding: 0.7rem;
    border: 1px solid rgba(84, 200, 235, 0.24);
    border-radius: 6px;
    color: #e9f7fb;
    background: rgba(84, 200, 235, 0.07);
    text-decoration: none;
}

.booking-link-panel__open:hover {
    border-color: var(--booking-blue);
}

.booking-link-panel__open > .oi {
    color: var(--booking-blue);
    text-align: center;
}

.booking-link-panel__open strong,
.booking-link-panel__open small {
    display: block;
}

.booking-link-panel__open strong { font-size: 0.82rem; }
.booking-link-panel__open small { margin-top: 0.15rem; color: var(--booking-muted); font-size: 0.7rem; }

.booking-link-engagement {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0.8rem 0 0;
    border-top: 1px solid var(--booking-line);
    border-bottom: 1px solid var(--booking-line);
}

.booking-link-engagement > div {
    min-width: 0;
    padding: 0.7rem;
}

.booking-link-engagement > div:nth-child(odd) { border-right: 1px solid var(--booking-line); }
.booking-link-engagement > div:nth-child(-n + 2) { border-bottom: 1px solid var(--booking-line); }

.booking-link-engagement dt,
.booking-link-engagement dd {
    margin: 0;
    overflow-wrap: break-word;
}

.booking-link-engagement dt {
    color: var(--booking-muted);
    font-size: 0.68rem;
}

.booking-link-engagement dd {
    margin-top: 0.22rem;
    color: #eef4f6;
    font-size: 0.82rem;
    font-weight: 900;
}

.booking-link-engagement dd strong,
.booking-link-engagement dd small {
    display: block;
}

.booking-link-engagement dd strong { font-size: 0.78rem; }
.booking-link-engagement dd small { margin-top: 0.15rem; color: #7f8a93; font-size: 0.66rem; font-weight: 600; }

.booking-link-panel__share-actions,
.booking-link-panel__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
    margin-top: 0.8rem;
}

.booking-link-panel__share-actions {
    padding-bottom: 0.8rem;
    border-bottom: 1px solid var(--booking-line);
}

.booking-link-panel__share-actions button,
.booking-link-panel__actions button,
.booking-link-confirmation button {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 0.65rem 0.8rem;
    border: 1px solid rgba(203, 213, 225, 0.22);
    border-radius: 6px;
    color: #dfe7eb;
    background: #20262c;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 800;
    cursor: pointer;
}

.booking-link-panel__share-actions button:hover,
.booking-link-panel__actions button:hover,
.booking-link-confirmation button:hover {
    border-color: #f1f6f8;
}

.booking-link-panel__share-actions button:focus-visible,
.booking-link-panel__actions button:focus-visible,
.booking-link-confirmation button:focus-visible {
    outline: 3px solid rgba(84, 200, 235, 0.45);
    outline-offset: 2px;
}

.booking-link-panel__actions .booking-link-panel__danger {
    border-color: rgba(248, 113, 113, 0.3);
    color: #fecaca;
    background: rgba(248, 113, 113, 0.08);
}

.booking-link-panel__share-actions .booking-link-panel__copy {
    border-color: var(--booking-blue);
    color: #071115;
    background: var(--booking-blue);
}

.booking-link-panel__share-actions button:disabled,
.booking-link-panel__actions button:disabled,
.booking-link-confirmation button:disabled {
    opacity: 0.52;
    cursor: not-allowed;
}

.booking-link-confirmation {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 0.65rem;
    margin-top: 0.8rem;
    padding: 0.8rem;
    border: 1px solid rgba(242, 189, 84, 0.32);
    border-radius: 6px;
    background: rgba(242, 189, 84, 0.08);
}

.booking-link-confirmation > .oi {
    margin-top: 0.12rem;
    color: var(--booking-gold);
    text-align: center;
}

.booking-link-confirmation strong,
.booking-link-confirmation p {
    margin: 0;
}

.booking-link-confirmation strong {
    color: #ffedc5;
    font-size: 0.82rem;
}

.booking-link-confirmation p {
    margin-top: 0.22rem;
    color: #cdbf9f;
    font-size: 0.74rem;
    line-height: 1.45;
}

.booking-link-confirmation > div:last-child {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
}

.booking-link-confirmation .booking-link-confirmation__confirm {
    border-color: var(--booking-gold);
    color: #171006;
    background: var(--booking-gold);
}

.booking-audit--expanded {
    margin-top: 1.25rem;
}

.booking-audit--expanded li {
    padding: 0 0 1.1rem;
}

.booking-audit--expanded strong {
    font-size: 0.86rem;
}

.booking-audit--expanded p {
    max-width: 760px;
    font-size: 0.8rem;
}

.booking-test-authority {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 0.7rem;
    margin-top: 0.9rem;
    padding: 0.8rem;
    border: 1px solid rgba(242, 189, 84, 0.24);
    border-radius: 6px;
    background: rgba(242, 189, 84, 0.07);
}

.booking-test-authority > .oi {
    margin-top: 0.15rem;
    color: var(--booking-gold);
    font-size: 1.1rem;
}

.booking-test-authority strong,
.booking-test-authority p {
    margin: 0;
}

.booking-test-authority strong {
    color: #ffedc6;
    font-size: 0.82rem;
}

.booking-test-authority p {
    margin-top: 0.25rem;
    color: #cfbf9c;
    font-size: 0.76rem;
    line-height: 1.4;
}

.booking-test-authority button {
    grid-column: 1 / -1;
    width: 100%;
    border-color: rgba(242, 189, 84, 0.42);
    color: #fff0c8;
    background: #332b1c;
}

.booking-handoff__locked {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    margin-top: 1rem;
    padding: 0.8rem;
    border: 1px solid rgba(203, 213, 225, 0.12);
    border-radius: 6px;
    color: var(--booking-muted);
    background: #13171b;
}

.booking-handoff__locked p {
    margin: 0;
    font-size: 0.8rem;
    line-height: 1.45;
}

.booking-handoff > a {
    min-height: 58px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 0.7rem;
    margin-top: 0.75rem;
    padding: 0.7rem;
    border: 1px solid rgba(203, 213, 225, 0.14);
    border-radius: 6px;
    color: #eaf1f4;
    background: #14191e;
    text-decoration: none;
}

.booking-handoff > a:hover {
    border-color: var(--booking-blue);
}

.booking-handoff > a > .oi:first-child {
    color: var(--booking-blue);
    font-size: 1.1rem;
    text-align: center;
}

.booking-handoff > a strong,
.booking-handoff > a small {
    display: block;
    overflow-wrap: break-word;
}

.booking-handoff > a strong { font-size: 0.84rem; }
.booking-handoff > a small { margin-top: 0.18rem; color: var(--booking-muted); font-size: 0.72rem; }

.booking-audit {
    display: grid;
    gap: 0;
    margin: 1rem 0 0;
    padding: 0;
    list-style: none;
}

.booking-audit li {
    min-width: 0;
    display: grid;
    grid-template-columns: 12px minmax(0, 1fr);
    gap: 0.65rem;
    padding: 0 0 0.9rem;
}

.booking-audit__dot {
    width: 8px;
    height: 8px;
    margin-top: 0.35rem;
    border-radius: 50%;
    background: var(--booking-blue);
}

.booking-audit__dot--green { background: var(--booking-green); }
.booking-audit__dot--orange { background: var(--booking-orange); }
.booking-audit__dot--gold { background: var(--booking-gold); }
.booking-audit__dot--red { background: var(--booking-red); }

.booking-audit strong,
.booking-audit p,
.booking-audit small {
    display: block;
    margin: 0;
    overflow-wrap: break-word;
}

.booking-audit strong { color: #edf3f6; font-size: 0.8rem; }
.booking-audit p { margin-top: 0.2rem; color: var(--booking-muted); font-size: 0.75rem; line-height: 1.4; }
.booking-audit small { margin-top: 0.25rem; color: #76828c; font-size: 0.68rem; }

.booking-state {
    width: min(680px, calc(100% - 2rem));
    min-height: 360px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin: 4rem auto;
    padding: 2rem;
    text-align: center;
}

.booking-state > .hivesync-logo {
    width: 48px;
    height: 48px;
}

.booking-state h1,
.booking-state p {
    margin: 0;
}

.booking-state h1 {
    color: #f6f9fa;
    font-size: 2rem;
}

.booking-state p {
    max-width: 560px;
    color: var(--booking-muted);
    line-height: 1.55;
}

/* Client booking */
.client-booking {
    width: min(1220px, 100%);
    margin: 0 auto;
    padding: 0 1.5rem 3rem;
}

.client-booking__topbar {
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid var(--booking-line);
}

.client-booking__brand {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    color: #eef3f5;
    text-decoration: none;
}

.client-booking__brand .hivesync-logo {
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
}

.client-booking__brand-mark {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
}

.client-booking__brand strong,
.client-booking__brand small {
    display: block;
    overflow-wrap: break-word;
}

.client-booking__brand strong { font-size: 0.88rem; }
.client-booking__brand small { margin-top: 0.15rem; color: var(--booking-muted); font-size: 0.7rem; }

.client-booking__topbar > div {
    display: flex;
    align-items: center;
    gap: 1rem;
    color: #bdc7ce;
    font-size: 0.76rem;
}

.client-booking__topbar > div span {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.client-booking__heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    padding: 2rem 0 1.25rem;
}

.client-booking__heading h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(2rem, 4.5vw, 3.65rem);
    line-height: 1.04;
    overflow-wrap: break-word;
}

.client-booking__heading > div > span {
    display: block;
    margin-top: 0.55rem;
    color: #bcc6cd;
}

.booking-progress--client {
    border: 1px solid var(--booking-line);
    border-radius: 6px;
    overflow: hidden;
}

.client-booking-confirmed {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    margin: 1.25rem 0;
    padding: 1.1rem 1.25rem;
    border: 1px solid rgba(69, 212, 131, 0.35);
    border-radius: 6px;
    background: rgba(69, 212, 131, 0.08);
}

.client-booking-confirmed__icon {
    width: 58px;
    height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #07120c;
    background: var(--booking-green);
    font-size: 1.35rem;
}

.client-booking-confirmed p,
.client-booking-confirmed h2,
.client-booking-confirmed > div > span {
    margin: 0;
}

.client-booking-confirmed p { color: #8fe2b1; font-size: 0.76rem; font-weight: 800; text-transform: uppercase; }
.client-booking-confirmed h2 { margin-top: 0.2rem; color: #f1fff6; font-size: 1.25rem; }
.client-booking-confirmed > div > span { display: block; margin-top: 0.25rem; color: #b8ddc7; font-size: 0.84rem; }
.client-booking-confirmed dl { display: flex; gap: 1.5rem; margin: 0; }
.client-booking-confirmed dl div { min-width: 120px; }
.client-booking-confirmed dt, .client-booking-confirmed dd { margin: 0; }
.client-booking-confirmed dt { color: #87bd9d; font-size: 0.7rem; text-transform: uppercase; }
.client-booking-confirmed dd { margin-top: 0.25rem; color: #f1fff6; font-size: 0.82rem; font-weight: 800; }

.client-booking__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 1.25rem;
    align-items: start;
    margin-top: 1.25rem;
}

.client-booking__flow {
    min-width: 0;
    display: grid;
    gap: 1rem;
}

.client-booking-step {
    min-width: 0;
    padding: 1.2rem;
    border: 1px solid var(--booking-line);
    border-left: 3px solid #4f5963;
    border-radius: 6px;
    background: var(--booking-panel);
}

.client-booking-step--active {
    border-left-color: var(--booking-blue);
    background: #182027;
}

.client-booking-step--complete {
    border-left-color: var(--booking-green);
}

.client-booking-step--locked {
    opacity: 0.78;
}

.client-booking-step > header {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
}

.client-booking-step > header > span:first-child {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #56616b;
    border-radius: 50%;
    color: #d9e0e4;
    font-size: 0.82rem;
    font-weight: 900;
}

.client-booking-step--active > header > span:first-child {
    border-color: var(--booking-blue);
    color: var(--booking-blue);
}

.client-booking-step--complete > header > span:first-child {
    border-color: rgba(69, 212, 131, 0.55);
    color: #dff9e9;
}

.client-booking-step > p {
    margin: 1rem 0 0;
    color: var(--booking-muted);
    line-height: 1.55;
}

.client-booking-step > ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem 1rem;
    margin: 1rem 0 0;
    padding: 0;
    list-style: none;
}

.client-booking-step > ul li {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    color: #d8e0e5;
    font-size: 0.82rem;
}

.client-booking-step > ul li .oi {
    margin-top: 0.12rem;
    color: var(--booking-green);
}

.client-booking-schedule-summary {
    margin-bottom: 0.8rem;
}

.client-booking-link-action {
    color: #bfeefa;
    background: transparent;
}

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

.client-booking-form-grid label,
.client-booking-signature {
    min-width: 0;
    display: grid;
    gap: 0.4rem;
}

.client-booking-form-grid label > span,
.client-booking-signature > span {
    color: #c6d0d6;
    font-size: 0.76rem;
    font-weight: 800;
}

.client-booking-form-grid input,
.client-booking-form-grid select,
.client-booking-signature input {
    width: 100%;
    min-width: 0;
    min-height: 48px;
    padding: 0.7rem 0.75rem;
    border: 1px solid #48545f;
    border-radius: 6px;
    color: #f1f5f7;
    background: #101419;
    font: inherit;
    font-size: 0.88rem;
}

.client-booking-form-grid select {
    cursor: pointer;
}

.client-booking-form-grid__wide {
    grid-column: 1 / -1;
}

.client-booking-terms {
    display: grid;
    gap: 0.6rem;
    margin: 1rem 0;
}

.client-booking-terms label {
    min-width: 0;
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: start;
    gap: 0.7rem;
    padding: 0.75rem;
    border: 1px solid rgba(203, 213, 225, 0.12);
    border-radius: 6px;
    background: #12171b;
    cursor: pointer;
}

.client-booking-terms input {
    width: 22px;
    height: 22px;
    margin: 0;
    accent-color: var(--booking-green);
}

.client-booking-terms strong,
.client-booking-terms small {
    display: block;
}

.client-booking-terms strong {
    color: #edf3f6;
    font-size: 0.82rem;
}

.client-booking-terms small {
    margin-top: 0.2rem;
    color: var(--booking-muted);
    font-size: 0.75rem;
    line-height: 1.45;
}

.client-booking-signature {
    margin-bottom: 1rem;
}

.client-booking-accepted-record,
.client-booking-deposit-state {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-top: 1rem;
    padding: 0.85rem;
    border: 1px solid rgba(69, 212, 131, 0.24);
    border-radius: 6px;
    color: #dff8e9;
    background: rgba(69, 212, 131, 0.07);
}

.client-booking-accepted-record > .oi,
.client-booking-deposit-state > .oi {
    margin-top: 0.15rem;
    color: var(--booking-green);
}

.client-booking-accepted-record strong,
.client-booking-accepted-record small,
.client-booking-deposit-state strong,
.client-booking-deposit-state p {
    display: block;
    margin: 0;
}

.client-booking-accepted-record strong,
.client-booking-deposit-state strong { font-size: 0.84rem; }
.client-booking-accepted-record small { margin-top: 0.2rem; color: #91c6a7; font-size: 0.72rem; }
.client-booking-deposit-state p { margin-top: 0.25rem; color: #afbbc3; font-size: 0.8rem; line-height: 1.45; }

.client-booking-deposit-state:not(.client-booking-deposit-state--confirmed) {
    border-color: rgba(242, 189, 84, 0.28);
    color: #fff1ce;
    background: rgba(242, 189, 84, 0.07);
}

.client-booking-deposit-state:not(.client-booking-deposit-state--confirmed) > .oi {
    color: var(--booking-gold);
}

.client-booking-deposit-summary {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
    margin: 1rem 0;
}

.client-booking-deposit-summary dl {
    margin: 0;
}

.client-booking-deposit-summary dl > div {
    display: flex;
    justify-content: space-between;
    gap: 0.7rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--booking-line);
}

.client-booking-deposit-summary dt,
.client-booking-deposit-summary dd {
    margin: 0;
    font-size: 0.8rem;
}

.client-booking-deposit-summary dt { color: var(--booking-muted); }
.client-booking-deposit-summary dd { color: #eef4f6; font-weight: 800; }
.client-booking-deposit-summary p { display: flex; gap: 0.55rem; margin: 0; color: var(--booking-muted); font-size: 0.78rem; line-height: 1.5; }
.client-booking-deposit-summary p .oi { flex: 0 0 auto; margin-top: 0.15rem; color: var(--booking-blue); }

.client-booking-step__locked-copy {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    padding: 0.8rem;
    border-radius: 6px;
    background: #12161a;
}

.client-booking__summary {
    min-width: 0;
    position: sticky;
    top: 1rem;
    display: grid;
    gap: 0.85rem;
}

.client-booking__summary > section {
    padding: 1rem;
    border: 1px solid var(--booking-line);
    border-radius: 6px;
    background: var(--booking-panel);
}

.client-booking__summary dl {
    margin: 0.8rem 0 0;
}

.client-booking__summary dl > div {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.7rem;
    padding: 0.6rem 0;
    border-bottom: 1px solid var(--booking-line);
}

.client-booking__summary dt,
.client-booking__summary dd {
    min-width: 0;
    margin: 0;
    font-size: 0.78rem;
    overflow-wrap: break-word;
}

.client-booking__summary dt { color: var(--booking-muted); }
.client-booking__summary dd { color: #eef3f6; font-weight: 800; text-align: right; }

.client-booking__summary .client-booking__trust,
.client-booking__summary .client-booking__support {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 0.65rem;
}

.client-booking__trust > .oi { color: var(--booking-green); }
.client-booking__support > .oi { color: var(--booking-blue); }
.client-booking__trust strong, .client-booking__support strong { color: #edf3f6; font-size: 0.82rem; }
.client-booking__trust p, .client-booking__support p { margin: 0.25rem 0 0; color: var(--booking-muted); font-size: 0.75rem; line-height: 1.5; }

/* Booking-generated production plan */
.booking-plan {
    width: min(1280px, 100%);
    margin: 0 auto;
    padding: 0 1.5rem 3rem;
}

.booking-plan__hero {
    min-height: 190px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 2rem 0;
    border-bottom: 1px solid var(--booking-line);
}

.booking-plan__hero h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(2.15rem, 4.5vw, 3.8rem);
    line-height: 1.04;
    overflow-wrap: break-word;
}

.booking-plan__hero > div > span {
    display: block;
    margin-top: 0.6rem;
    color: var(--booking-muted);
}

.booking-plan__metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    margin: 1.25rem 0;
    border: 1px solid var(--booking-line);
    border-radius: 6px;
    overflow: hidden;
    background: var(--booking-line);
}

.booking-plan__metrics > div {
    min-width: 0;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 0.55rem;
    padding: 0.9rem;
    background: var(--booking-panel);
}

.booking-plan__metrics .oi {
    grid-row: 1 / 3;
    align-self: center;
    color: var(--booking-blue);
}

.booking-plan__metrics small,
.booking-plan__metrics strong {
    min-width: 0;
    overflow-wrap: break-word;
}

.booking-plan__metrics small { color: var(--booking-muted); font-size: 0.7rem; }
.booking-plan__metrics strong { color: #eef4f6; font-size: 0.82rem; }

.booking-plan__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 1.25rem;
    align-items: start;
}

.booking-plan__layout > main,
.booking-plan__layout > aside {
    min-width: 0;
    display: grid;
    gap: 1rem;
}

.booking-plan__layout > aside {
    position: sticky;
    top: 1rem;
}

.booking-plan__readiness,
.booking-plan__phases {
    border: 1px solid var(--booking-line);
    border-radius: 6px;
    background: var(--booking-panel);
}

.booking-plan__readiness > header,
.booking-plan__phases > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid var(--booking-line);
}

.booking-plan__readiness > div {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.booking-plan__readiness article {
    min-width: 0;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.65rem;
    padding: 0.9rem;
    border-right: 1px solid var(--booking-line);
    border-bottom: 1px solid var(--booking-line);
}

.booking-plan__readiness article > .oi {
    color: var(--booking-green);
    text-align: center;
}

.booking-plan__readiness article strong,
.booking-plan__readiness article small {
    display: block;
    overflow-wrap: break-word;
}

.booking-plan__readiness article strong { color: #edf3f6; font-size: 0.82rem; }
.booking-plan__readiness article small { margin-top: 0.2rem; color: var(--booking-muted); font-size: 0.72rem; }

.booking-plan__phases > div {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    background: var(--booking-line);
}

.booking-plan__phase {
    min-width: 0;
    padding: 1rem;
    background: #14191e;
}

.booking-plan__phase > header {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.booking-plan__phase > header > span {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #081114;
    background: var(--booking-blue);
    font-size: 0.74rem;
    font-weight: 900;
}

.booking-plan__phase--green > header > span { background: var(--booking-green); }
.booking-plan__phase--orange > header > span { background: var(--booking-orange); }
.booking-plan__phase h3, .booking-plan__phase small { margin: 0; }
.booking-plan__phase h3 { margin-top: 0.1rem; color: #f0f5f7; font-size: 0.92rem; }
.booking-plan__phase small { color: var(--booking-muted); font-size: 0.68rem; }
.booking-plan__phase ul { display: grid; gap: 0.55rem; margin: 0.9rem 0 0; padding: 0; list-style: none; }
.booking-plan__phase li { display: flex; align-items: flex-start; gap: 0.45rem; color: #cbd4da; font-size: 0.75rem; line-height: 1.45; }
.booking-plan__phase li .oi { margin-top: 0.12rem; color: var(--booking-green); }

.booking-plan__crew > p {
    margin: 1rem 0 0;
    color: var(--booking-muted);
    font-size: 0.8rem;
    line-height: 1.5;
}

.booking-plan__crew ul {
    margin: 1rem 0;
}

.booking-plan__crew li {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 0.55rem;
    padding: 0.65rem 0;
    border-bottom: 1px solid var(--booking-line);
}

.booking-plan__crew li > .oi { color: var(--booking-orange); }
.booking-plan__crew li:last-child > .oi { color: var(--booking-green); }
.booking-plan__crew li strong, .booking-plan__crew li small { display: block; }
.booking-plan__crew li strong { color: #edf3f6; font-size: 0.8rem; }
.booking-plan__crew li small { margin-top: 0.2rem; color: var(--booking-muted); font-size: 0.7rem; }
.booking-plan__crew .booking-button { width: 100%; }
.booking-plan__source dl { margin-top: 1rem; }

@media (max-width: 1100px) {
    .booking-provider__layout,
    .booking-plan__layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .booking-provider__rail,
    .booking-plan__layout > aside {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .booking-provider__rail > :last-child,
    .booking-plan__layout > aside > :last-child {
        grid-column: 1 / -1;
    }

    .booking-term-summary {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 860px) {
    .booking-copy-fallback {
        grid-template-columns: 28px minmax(0, 1fr);
    }

    .booking-copy-fallback input {
        grid-column: 1 / -1;
    }

    .booking-provider-tabs {
        grid-template-columns: repeat(3, minmax(215px, 1fr));
        overflow-x: auto;
    }

    .booking-provider-tabs > a {
        grid-template-columns: 28px minmax(0, 1fr);
        grid-template-rows: auto auto;
        column-gap: 0.65rem;
        row-gap: 0.08rem;
    }

    .booking-provider-tabs > a > .oi {
        grid-row: 1 / 3;
    }

    .booking-provider-tabs > a > span:nth-child(2) {
        align-self: end;
    }

    .booking-provider-tabs > a small {
        display: none;
    }

    .booking-provider-tabs > a em {
        min-width: 0;
        grid-column: 2;
        align-self: start;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .booking-progress {
        grid-template-columns: repeat(5, minmax(150px, 1fr));
        overflow-x: auto;
    }

    .booking-progress li {
        min-height: 68px;
        padding: 0.65rem;
    }

    .booking-next {
        grid-template-columns: 52px minmax(0, 1fr);
    }

    .booking-next__actions {
        grid-column: 1 / -1;
    }

    .booking-next__actions .booking-button,
    .booking-next__actions button {
        width: 100%;
    }

    .client-booking__layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-booking__summary {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .client-booking__summary > section:first-child {
        grid-column: 1 / -1;
    }

    .client-booking-confirmed {
        grid-template-columns: 58px minmax(0, 1fr);
    }

    .client-booking-confirmed dl {
        grid-column: 1 / -1;
        padding-left: 74px;
    }

    .booking-plan__metrics,
    .booking-plan__phases > div {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .booking-plan__phase:last-child {
        grid-column: 1 / -1;
    }
}

@media (max-width: 680px) {
    .booking-provider,
    .client-booking,
    .booking-plan {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .booking-provider__topbar,
    .client-booking__topbar,
    .booking-plan__topbar {
        align-items: stretch;
        flex-direction: column;
        justify-content: center;
        gap: 0.2rem;
        padding: 0.55rem 0;
    }

    .booking-provider__topbar > div,
    .client-booking__topbar > div {
        justify-content: space-between;
    }

    .booking-next__actions {
        flex-direction: column;
    }

    .booking-provider__hero {
        min-height: 480px;
    }

    .booking-provider__hero > img {
        object-position: 68% 50%;
    }

    .booking-provider__hero-copy {
        padding: 2rem 1rem 12rem;
    }

    .booking-provider__hero-copy h1 {
        font-size: 2.3rem;
    }

    .booking-provider__hero-facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        right: 0.75rem;
        bottom: 0.75rem;
        left: 0.75rem;
    }

    .booking-provider__hero-facts > div:nth-child(2) {
        border-right: 0;
    }

    .booking-provider__hero-facts > div:nth-child(-n+2) {
        border-bottom: 1px solid rgba(226, 232, 240, 0.14);
    }

    .booking-provider__rail,
    .booking-plan__layout > aside,
    .client-booking__summary {
        grid-template-columns: minmax(0, 1fr);
    }

    .booking-provider__rail > :last-child,
    .booking-plan__layout > aside > :last-child,
    .client-booking__summary > section:first-child {
        grid-column: auto;
    }

    .booking-panel__heading,
    .client-booking-step > header {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .booking-panel__heading > .status-pill,
    .client-booking-step > header > .status-pill {
        grid-column: 2;
        justify-self: start;
    }

    .booking-scope__body,
    .client-booking-deposit-summary,
    .booking-payment-summary dl {
        grid-template-columns: minmax(0, 1fr);
    }

    .booking-schedule-readback,
    .client-booking-schedule-summary,
    .client-booking-form-grid,
    .client-booking-step > ul,
    .booking-plan__readiness > div,
    .booking-plan__metrics,
    .booking-plan__phases > div {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-booking-form-grid__wide,
    .booking-plan__phase:last-child {
        grid-column: auto;
    }

    .client-booking__heading,
    .booking-plan__hero {
        align-items: flex-start;
        flex-direction: column;
    }

    .client-booking__heading h1,
    .booking-plan__hero h1 {
        font-size: 2.2rem;
    }

    .client-booking-confirmed {
        grid-template-columns: 48px minmax(0, 1fr);
        padding: 1rem;
    }

    .client-booking-confirmed__icon {
        width: 48px;
        height: 48px;
    }

    .client-booking-confirmed dl {
        padding-left: 0;
    }

    .booking-plan__readiness article {
        border-right: 0;
    }
}

@media (max-width: 440px) {
    .booking-provider,
    .client-booking,
    .booking-plan {
        padding-right: 0.75rem;
        padding-left: 0.75rem;
    }

    .booking-provider__topbar > div,
    .client-booking__topbar > div {
        align-items: stretch;
        flex-direction: column;
        gap: 0.35rem;
    }

    .booking-provider__hero-copy h1,
    .client-booking__heading h1,
    .booking-plan__hero h1 {
        font-size: 1.95rem;
    }

    .booking-next {
        grid-template-columns: 44px minmax(0, 1fr);
        padding: 0.85rem;
    }

    .booking-next__icon {
        width: 44px;
        height: 44px;
    }

    .booking-panel,
    .client-booking-step {
        padding: 0.9rem;
    }

    .booking-panel__heading,
    .client-booking-step > header {
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 0.6rem;
    }

    .booking-panel__heading-icon,
    .client-booking-step > header > span:first-child {
        width: 36px;
        height: 36px;
    }

    .client-booking-confirmed dl {
        flex-direction: column;
        gap: 0.65rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .booking-provider *,
    .client-booking *,
    .booking-plan * {
        scroll-behavior: auto !important;
        transition-duration: 0.001ms !important;
        animation-duration: 0.001ms !important;
    }
}

@media (forced-colors: active) {
    .booking-provider :is(a, button, input, select),
    .client-booking :is(a, button, input, select),
    .booking-plan :is(a, button),
    .booking-panel,
    .client-booking-step,
    .client-booking__summary > section,
    .booking-plan__readiness,
    .booking-plan__phases {
        border: 1px solid CanvasText;
    }
}

/* Account-owned Blueprint detail: route-backed Build, Preview, Review, and History views. */
.creator-account-blueprints {
    display: grid;
    gap: 1rem;
}

.creator-account-blueprints__empty {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 0.8rem;
    align-items: center;
    padding: 1rem;
    border: 1px dashed rgba(113, 128, 150, 0.78);
    border-radius: 8px;
}

.creator-account-blueprints__empty > .oi {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(96, 165, 250, 0.14);
    color: #60a5fa;
}

.creator-account-blueprints__empty strong,
.creator-account-blueprints__empty p {
    margin: 0;
}

.creator-account-blueprints__empty > .marketplace-action-link {
    grid-column: 2;
    justify-self: start;
}

.creator-account-blueprint-card > small {
    color: var(--marketplace-muted, #cbd5e1);
}

.creator-account-blueprint-card h3 {
    margin: 0;
    font-size: 1.15rem;
}

.creator-account-blueprint-card .status-pill {
    display: inline-flex;
    gap: 0.4rem;
    align-items: center;
}

.marketplace-workspace.blueprint-detail-workspace {
    --blueprint-detail-bg: #0b0f12;
    --blueprint-detail-surface: #1b1c1e;
    --blueprint-detail-raised: #232529;
    --blueprint-detail-text: #f8fafc;
    --blueprint-detail-muted: #cbd5e1;
    --blueprint-detail-border: #718096;
    --blueprint-detail-blue: #60a5fa;
    --blueprint-detail-green: #00e676;
    --blueprint-detail-orange: #ffa500;
    --blueprint-detail-gold: #ffd700;
    --blueprint-detail-danger: #f87171;
    width: 100%;
    max-width: 1440px;
    min-height: 100vh;
    margin-inline: auto;
    padding: clamp(1rem, 2.4vw, 2rem);
    background:
        radial-gradient(circle at 94% 2%, rgba(96, 165, 250, 0.1), transparent 28rem),
        var(--blueprint-detail-bg);
    color: var(--blueprint-detail-text);
}

.marketplace-workspace.blueprint-detail-workspace::before,
.marketplace-workspace.blueprint-detail-workspace::after {
    display: none;
    content: none;
}

.blueprint-detail-workspace,
.blueprint-detail-workspace * {
    box-sizing: border-box;
}

.blueprint-detail-workspace :is(a, button, summary, input):focus-visible {
    outline: 3px solid #93c5fd;
    outline-offset: 3px;
}

.blueprint-detail__state,
.blueprint-detail__hero,
.blueprint-detail__next-action,
.blueprint-detail__panel,
.blueprint-detail__notice {
    border: 1px solid rgba(113, 128, 150, 0.78);
    border-radius: 10px;
    background: var(--blueprint-detail-surface);
    box-shadow: 0 18px 52px rgba(0, 0, 0, 0.22);
}

.blueprint-detail__back {
    display: inline-flex;
    gap: 0.5rem;
    align-items: center;
    justify-self: start;
    min-height: 44px;
    color: var(--blueprint-detail-blue);
    font-size: 0.86rem;
    font-weight: 820;
    text-decoration: none;
}

.blueprint-detail__back:hover {
    color: #ffffff;
    text-decoration: underline;
}

.blueprint-detail__state {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
    padding: clamp(1rem, 2vw, 1.5rem);
}

.blueprint-detail__state > .oi,
.blueprint-detail__notice > .oi {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: rgba(96, 165, 250, 0.15);
    color: var(--blueprint-detail-blue);
}

.blueprint-detail__state--blocked {
    border-color: rgba(248, 113, 113, 0.72);
}

.blueprint-detail__state--blocked > .oi {
    background: rgba(248, 113, 113, 0.14);
    color: #fca5a5;
}

.blueprint-detail__state h1,
.blueprint-detail__state p {
    margin-top: 0;
}

.blueprint-detail__hero {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.55fr);
    gap: clamp(1rem, 2.5vw, 2rem);
    align-items: start;
    padding: clamp(1.15rem, 2.6vw, 2rem);
    border-color: rgba(96, 165, 250, 0.38);
}

.blueprint-detail__hero h1 {
    max-width: 22ch;
    margin: 0.65rem 0 0.45rem;
    color: #ffffff;
    font-size: clamp(2rem, 5vw, 4rem);
    line-height: 0.98;
    letter-spacing: -0.04em;
}

.blueprint-detail__lead {
    max-width: 68ch;
    margin: 0;
    color: var(--blueprint-detail-muted);
    font-size: clamp(1rem, 1.5vw, 1.15rem);
    line-height: 1.55;
}

.blueprint-detail__project {
    display: inline-grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 0.7rem;
    align-items: center;
    min-width: min(100%, 320px);
    margin-top: 1rem;
    padding: 0.7rem;
    border: 1px solid rgba(96, 165, 250, 0.4);
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.08);
}

.blueprint-detail__project > .oi {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(96, 165, 250, 0.15);
    color: var(--blueprint-detail-blue);
}

.blueprint-detail__project > span:last-child {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.blueprint-detail__project small,
.blueprint-detail__metrics small,
.blueprint-detail__gate small {
    color: var(--blueprint-detail-muted);
    font-size: 0.75rem;
    font-weight: 820;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.blueprint-detail__project strong {
    overflow-wrap: anywhere;
}

.blueprint-detail__boundary {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 0.8rem;
    padding: 1rem;
    border: 1px solid rgba(255, 215, 0, 0.45);
    border-radius: 8px;
    background: rgba(255, 215, 0, 0.06);
}

.blueprint-detail__boundary > .oi {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(255, 215, 0, 0.12);
    color: var(--blueprint-detail-gold);
}

.blueprint-detail__boundary strong,
.blueprint-detail__boundary p {
    margin: 0;
}

.blueprint-detail__next-action {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    gap: 0.85rem;
    align-items: center;
    padding: 1rem;
    border-color: rgba(96, 165, 250, 0.58);
}

.blueprint-detail__next-action > .oi {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(96, 165, 250, 0.14);
    color: var(--blueprint-detail-blue);
}

.blueprint-detail__next-action > div {
    display: grid;
    gap: 0.2rem;
}

.blueprint-detail__next-action small {
    color: var(--blueprint-detail-muted);
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.blueprint-detail__next-action h2,
.blueprint-detail__next-action p {
    margin: 0;
}

.blueprint-detail__next-action h2 {
    color: #ffffff;
    font-size: clamp(1.05rem, 2vw, 1.3rem);
}

.blueprint-detail__next-action p {
    max-width: 72ch;
    color: var(--blueprint-detail-muted);
    line-height: 1.45;
}

.blueprint-detail__next-action--green { border-color: rgba(0, 230, 118, 0.58); }
.blueprint-detail__next-action--green > .oi { color: var(--blueprint-detail-green); background: rgba(0, 230, 118, 0.14); }
.blueprint-detail__next-action--gold { border-color: rgba(255, 215, 0, 0.58); }
.blueprint-detail__next-action--gold > .oi { color: var(--blueprint-detail-gold); background: rgba(255, 215, 0, 0.12); }
.blueprint-detail__next-action--orange { border-color: rgba(255, 165, 0, 0.62); }
.blueprint-detail__next-action--orange > .oi { color: var(--blueprint-detail-orange); background: rgba(255, 165, 0, 0.14); }

.blueprint-detail__boundary p {
    margin-top: 0.35rem;
    color: var(--blueprint-detail-muted);
    line-height: 1.5;
}

.blueprint-detail__metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.8rem;
}

.blueprint-detail__metrics > div {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 0.18rem 0.7rem;
    align-items: center;
    min-height: 84px;
    padding: 0.85rem;
    border: 1px solid rgba(113, 128, 150, 0.76);
    border-radius: 8px;
    background: var(--blueprint-detail-raised);
}

.blueprint-detail__metrics .oi {
    display: grid;
    grid-row: 1 / span 2;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(96, 165, 250, 0.14);
    color: var(--blueprint-detail-blue);
}

.blueprint-detail__metrics strong {
    color: #ffffff;
    font-size: 1rem;
    overflow-wrap: anywhere;
}

.blueprint-detail__notice {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 0.8rem;
    align-items: start;
    padding: 1rem;
}

.blueprint-detail__notice--green { border-color: rgba(0, 230, 118, 0.58); }
.blueprint-detail__notice--orange { border-color: rgba(255, 165, 0, 0.62); }
.blueprint-detail__notice--green > .oi { color: var(--blueprint-detail-green); background: rgba(0, 230, 118, 0.16); }
.blueprint-detail__notice--orange > .oi { color: var(--blueprint-detail-orange); background: rgba(255, 165, 0, 0.16); }

.blueprint-detail__notice strong,
.blueprint-detail__notice p {
    margin: 0;
}

.blueprint-detail__notice p,
.blueprint-detail__notice li {
    color: var(--blueprint-detail-muted);
    line-height: 1.5;
}

.blueprint-detail__views {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.5rem;
    padding: 0.5rem;
    border: 1px solid rgba(113, 128, 150, 0.76);
    border-radius: 10px;
    background: #15191d;
}

.blueprint-detail__tools {
    display: grid;
    gap: 0.5rem;
    padding: 0.7rem;
    border: 1px solid rgba(113, 128, 150, 0.48);
    border-radius: 10px;
    background: rgba(32, 34, 38, 0.7);
}

.blueprint-detail__tools-label {
    margin: 0;
    color: var(--blueprint-detail-muted);
    font-size: 0.75rem;
    font-weight: 820;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.blueprint-detail__tools-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
}

.blueprint-detail__tool {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-width: 44px;
    min-height: 44px;
    padding: 0.55rem 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.32);
    border-radius: 8px;
    background: transparent;
    color: var(--blueprint-detail-muted);
    font-weight: 760;
    text-decoration: none;
}

.blueprint-detail__tool:hover,
.blueprint-detail__tool:focus-visible {
    border-color: rgba(96, 165, 250, 0.68);
    background: rgba(96, 165, 250, 0.08);
    color: #ffffff;
    text-decoration: none;
}

.blueprint-detail__tool:focus-visible {
    outline: 3px solid var(--blueprint-detail-blue);
    outline-offset: 2px;
}

.blueprint-detail__view {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 52px;
    padding: 0.7rem;
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--blueprint-detail-muted);
    font-weight: 820;
    text-decoration: none;
}

.blueprint-detail__view:hover,
.blueprint-detail__view:focus-visible {
    border-color: rgba(96, 165, 250, 0.6);
    color: #ffffff;
    text-decoration: none;
}

.blueprint-detail__view--active {
    border-color: var(--blueprint-detail-blue);
    background: rgba(96, 165, 250, 0.14);
    color: #ffffff;
    box-shadow: inset 0 -3px 0 var(--blueprint-detail-blue);
}

.blueprint-detail__panel {
    display: grid;
    gap: 1rem;
    padding: clamp(1rem, 2.3vw, 1.5rem);
}

.blueprint-detail__view-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
}

.blueprint-detail__view-header h2,
.blueprint-detail__view-header p {
    margin-top: 0;
}

.blueprint-detail__view-header h2 {
    margin-bottom: 0.35rem;
    color: #ffffff;
    font-size: clamp(1.4rem, 2.5vw, 2rem);
}

.blueprint-detail__view-header > div > p:last-child {
    max-width: 70ch;
    margin-bottom: 0;
    color: var(--blueprint-detail-muted);
    line-height: 1.5;
}

.blueprint-detail__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 44px;
    padding: 0.68rem 0.9rem;
    border: 1px solid var(--blueprint-detail-border);
    border-radius: 8px;
    background: var(--blueprint-detail-raised);
    color: #ffffff;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 820;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
}

.blueprint-detail__button:hover {
    border-color: var(--blueprint-detail-blue);
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff;
    text-decoration: none;
}

.blueprint-detail__button--primary {
    border-color: #34d399;
    background: #08783f;
}

.blueprint-detail__button:disabled {
    cursor: not-allowed;
    opacity: 0.58;
}

.blueprint-detail__outline,
.blueprint-detail__tasks,
.blueprint-detail__history {
    display: grid;
    gap: 0.8rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.blueprint-detail__phase,
.blueprint-detail__section,
.blueprint-detail__authority {
    border: 1px solid rgba(113, 128, 150, 0.78);
    border-radius: 9px;
    background: var(--blueprint-detail-raised);
    overflow: clip;
}

.blueprint-detail__phase > summary,
.blueprint-detail__section > summary,
.blueprint-detail__authority > summary,
.blueprint-detail__preview-phase > summary {
    display: grid;
    align-items: center;
    min-height: 68px;
    padding: 0.8rem 0.9rem;
    color: #ffffff;
    cursor: pointer;
    list-style: none;
}

.blueprint-detail__phase > summary::-webkit-details-marker,
.blueprint-detail__section > summary::-webkit-details-marker,
.blueprint-detail__authority > summary::-webkit-details-marker,
.blueprint-detail__preview-phase > summary::-webkit-details-marker,
.blueprint-detail__passed-checks > summary::-webkit-details-marker {
    display: none;
}

.blueprint-detail__phase > summary::marker,
.blueprint-detail__section > summary::marker,
.blueprint-detail__authority > summary::marker,
.blueprint-detail__preview-phase > summary::marker,
.blueprint-detail__passed-checks > summary::marker {
    content: "";
}

.blueprint-detail__phase > summary:focus-visible,
.blueprint-detail__section > summary:focus-visible,
.blueprint-detail__authority > summary:focus-visible,
.blueprint-detail__preview-phase > summary:focus-visible {
    outline: 0;
    box-shadow: inset 0 0 0 3px #93c5fd;
}

.blueprint-detail__phase > summary {
    grid-template-columns: 40px minmax(0, 1fr) 32px;
    gap: 0.75rem;
}

.blueprint-detail__order {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--blueprint-detail-blue);
    border-radius: 50%;
    color: var(--blueprint-detail-blue);
    font-weight: 850;
}

.blueprint-detail__phase > summary > span:nth-child(2),
.blueprint-detail__section > summary > span:nth-child(2) {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
}

.blueprint-detail__phase summary small,
.blueprint-detail__phase > summary > span:nth-child(2) > span,
.blueprint-detail__section summary small {
    color: var(--blueprint-detail-muted);
}

.blueprint-detail__phase summary small {
    font-size: 0.72rem;
    font-weight: 820;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.blueprint-detail__phase-body {
    display: grid;
    gap: 0.75rem;
    padding: 0.9rem;
    border-top: 1px solid rgba(113, 128, 150, 0.42);
}

.blueprint-detail__goal {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
    margin: 0;
    color: var(--blueprint-detail-muted);
    line-height: 1.5;
}

.blueprint-detail__goal .oi {
    margin-top: 0.18rem;
    color: var(--blueprint-detail-green);
}

.blueprint-detail__section {
    border-color: rgba(255, 215, 0, 0.42);
    background: #171b1f;
}

.blueprint-detail__section > summary {
    grid-template-columns: 34px minmax(0, 1fr) 32px;
    gap: 0.7rem;
    min-height: 58px;
}

.blueprint-detail__section > summary > .oi {
    color: var(--blueprint-detail-gold);
}

.blueprint-detail__chevron {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: var(--blueprint-detail-muted) !important;
    transition: transform 160ms ease;
}

details[open] > summary > .blueprint-detail__chevron {
    transform: rotate(180deg);
}

.blueprint-detail__context-actions {
    display: flex;
    justify-content: flex-end;
}

.blueprint-detail__context-actions--section {
    padding: 0 0.8rem 0.65rem;
}

.blueprint-detail__context-actions--preview {
    padding: 0 0.75rem 0.65rem;
}

.blueprint-detail__context-link {
    display: inline-flex;
    gap: 0.45rem;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.55rem 0.7rem;
    border: 1px solid rgba(96, 165, 250, 0.45);
    border-radius: 7px;
    color: var(--blueprint-detail-blue);
    font-size: 0.82rem;
    font-weight: 820;
    line-height: 1.2;
    text-decoration: none;
}

.blueprint-detail__context-link:hover {
    border-color: var(--blueprint-detail-blue);
    background: rgba(96, 165, 250, 0.1);
    color: #ffffff;
    text-decoration: none;
}

.blueprint-detail__tasks {
    padding: 0 0.8rem 0.8rem;
}

.blueprint-detail__tasks li {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 0.7rem;
    padding: 0.75rem;
    border: 1px solid rgba(113, 128, 150, 0.68);
    border-radius: 8px;
    background: #2b2d31;
}

.blueprint-detail__tasks li > .oi {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(0, 230, 118, 0.12);
    color: var(--blueprint-detail-green);
}

.blueprint-detail__tasks p {
    margin: 0.25rem 0 0;
    color: var(--blueprint-detail-muted);
    line-height: 1.45;
}

.blueprint-detail__tasks small {
    display: inline-flex;
    gap: 0.4rem;
    margin-top: 0.45rem;
    color: var(--blueprint-detail-gold);
}

.blueprint-detail__preview {
    width: min(100%, 760px);
    margin-inline: auto;
    padding: 1rem;
    border: 1px solid rgba(96, 165, 250, 0.45);
    border-radius: 12px;
    background: #11171b;
}

.blueprint-detail__preview > header {
    padding: 0.25rem 0.25rem 1rem;
}

.blueprint-detail__preview h3,
.blueprint-detail__preview > header p {
    margin: 0.5rem 0 0;
}

.blueprint-detail__preview > header p {
    color: var(--blueprint-detail-muted);
}

.blueprint-detail__preview-phase {
    border-top: 1px solid rgba(113, 128, 150, 0.55);
}

.blueprint-detail__preview-phase > summary {
    grid-template-columns: 32px minmax(0, 1fr) 32px;
    gap: 0.7rem;
}

.blueprint-detail__preview-order {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(96, 165, 250, 0.14);
    color: var(--blueprint-detail-blue);
    font-weight: 850;
}

.blueprint-detail__preview-summary {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.blueprint-detail__preview-summary small {
    color: var(--blueprint-detail-muted);
}

.blueprint-detail__preview-section {
    padding: 0 0.75rem 0.85rem;
}

.blueprint-detail__preview-section > header {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.55rem;
}

.blueprint-detail__preview-section h4 {
    display: flex;
    gap: 0.45rem;
    align-items: center;
    margin: 0;
    color: var(--blueprint-detail-gold);
}

.blueprint-detail__preview-section ul {
    display: grid;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.blueprint-detail__preview-section li {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 0.6rem;
    padding: 0.65rem;
    border-radius: 8px;
    background: var(--blueprint-detail-raised);
}

.blueprint-detail__preview-section li > .oi {
    color: var(--blueprint-detail-green);
}

.blueprint-detail__preview-section li span:last-child {
    display: grid;
    gap: 0.14rem;
}

.blueprint-detail__preview-section li small {
    color: var(--blueprint-detail-muted);
    line-height: 1.4;
}

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

.blueprint-detail__gate {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 0.75rem;
    padding: 0.9rem;
    border: 1px solid var(--blueprint-detail-border);
    border-radius: 8px;
    background: var(--blueprint-detail-raised);
}

.blueprint-detail__gate > .oi {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.04);
}

.blueprint-detail__gate--green { border-color: rgba(0, 230, 118, 0.58); }
.blueprint-detail__gate--green > .oi { color: var(--blueprint-detail-green); background: rgba(0, 230, 118, 0.14); }
.blueprint-detail__gate--blue { border-color: rgba(96, 165, 250, 0.58); }
.blueprint-detail__gate--blue > .oi { color: var(--blueprint-detail-blue); background: rgba(96, 165, 250, 0.14); }
.blueprint-detail__gate--gold { border-color: rgba(255, 215, 0, 0.58); }
.blueprint-detail__gate--gold > .oi { color: var(--blueprint-detail-gold); background: rgba(255, 215, 0, 0.12); }
.blueprint-detail__gate--orange { border-color: rgba(255, 165, 0, 0.62); }
.blueprint-detail__gate--orange > .oi { color: var(--blueprint-detail-orange); background: rgba(255, 165, 0, 0.14); }
.blueprint-detail__gate--neutral > .oi { color: var(--blueprint-detail-gold); background: rgba(255, 215, 0, 0.12); }

.blueprint-detail__gate > div {
    display: grid;
    gap: 0.16rem;
}

.blueprint-detail__gate p {
    margin: 0.18rem 0 0;
    color: var(--blueprint-detail-muted);
    line-height: 1.45;
}

.blueprint-detail__release-setup {
    display: grid;
    gap: 1rem;
    scroll-margin-top: 1rem;
    padding: 1rem;
    border: 1px solid rgba(96, 165, 250, 0.62);
    border-radius: 10px;
    background: linear-gradient(145deg, rgba(35, 48, 68, 0.92), rgba(27, 28, 30, 0.98));
}

.blueprint-detail__release-setup > header,
.blueprint-detail__release-setup > footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.blueprint-detail__release-setup h3,
.blueprint-detail__release-setup p {
    margin: 0;
}

.blueprint-detail__release-setup > header p:last-child,
.blueprint-detail__release-setup > footer > span {
    color: var(--blueprint-detail-muted);
    line-height: 1.45;
}

.blueprint-detail__release-header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.65rem;
    flex-wrap: wrap;
}

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

.blueprint-detail__release-gate {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 0.7rem;
    min-height: 156px;
    padding: 0.9rem;
    border: 1px solid var(--blueprint-detail-border);
    border-radius: 8px;
    background: var(--blueprint-detail-raised);
}

.blueprint-detail__release-gate--green { border-color: rgba(0, 230, 118, 0.58); }
.blueprint-detail__release-gate--orange { border-color: rgba(255, 165, 0, 0.62); }
.blueprint-detail__release-gate--blue { border-color: rgba(96, 165, 250, 0.58); }

.blueprint-detail__release-gate > .oi {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    color: var(--blueprint-detail-blue);
    background: rgba(96, 165, 250, 0.14);
}

.blueprint-detail__release-gate > div {
    display: grid;
    align-content: start;
    gap: 0.2rem;
}

.blueprint-detail__release-gate p {
    color: var(--blueprint-detail-muted);
    line-height: 1.4;
}

.blueprint-detail__release-gate a {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    width: max-content;
    color: var(--blueprint-detail-blue);
    font-weight: 850;
}

.blueprint-detail__release-state {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
    padding: 0.85rem;
    border: 1px solid var(--blueprint-detail-border);
    border-radius: 8px;
    background: rgba(10, 14, 20, 0.42);
}

.blueprint-detail__release-state--green { border-color: rgba(0, 230, 118, 0.58); }
.blueprint-detail__release-state--gold { border-color: rgba(255, 215, 0, 0.58); }
.blueprint-detail__release-state--orange { border-color: rgba(255, 165, 0, 0.62); }

.blueprint-detail__release-state > .oi {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    color: var(--blueprint-detail-blue);
    background: rgba(96, 165, 250, 0.14);
}

.blueprint-detail__release-state strong,
.blueprint-detail__release-state p {
    margin: 0;
}

.blueprint-detail__release-state p {
    margin-top: 0.2rem;
    color: var(--blueprint-detail-muted);
    line-height: 1.45;
}

.blueprint-detail__release-confirmation {
    border-color: rgba(96, 165, 250, 0.58);
}

.blueprint-detail__release-confirmation:hover {
    border-color: rgba(96, 165, 250, 0.86);
    background: rgba(96, 165, 250, 0.07);
}

.blueprint-detail__review-state,
.blueprint-detail__review-card {
    border: 1px solid rgba(113, 128, 150, 0.78);
    border-radius: 10px;
    background: var(--blueprint-detail-raised);
}

.blueprint-detail__review-state {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 0.85rem;
    align-items: start;
    padding: 1rem;
}

.blueprint-detail__review-state > .oi,
.blueprint-detail__review-icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(96, 165, 250, 0.14);
    color: var(--blueprint-detail-blue);
}

.blueprint-detail__review-state strong,
.blueprint-detail__review-state p {
    margin: 0;
}

.blueprint-detail__review-state p {
    margin-top: 0.3rem;
    color: var(--blueprint-detail-muted);
    line-height: 1.5;
}

.blueprint-detail__review-state .blueprint-detail__button {
    margin-top: 0.75rem;
}

.blueprint-detail__review-state--blocked {
    border-color: rgba(255, 165, 0, 0.62);
}

.blueprint-detail__review-state--blocked > .oi {
    background: rgba(255, 165, 0, 0.14);
    color: var(--blueprint-detail-orange);
}

.blueprint-detail__review-card {
    display: grid;
    gap: 1rem;
    padding: clamp(1rem, 2.2vw, 1.35rem);
}

.blueprint-detail__review-card--green { border-color: rgba(0, 230, 118, 0.58); }
.blueprint-detail__review-card--gold { border-color: rgba(255, 215, 0, 0.58); }
.blueprint-detail__review-card--orange { border-color: rgba(255, 165, 0, 0.62); }

.blueprint-detail__review-card > header {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 0.85rem;
    align-items: start;
}

.blueprint-detail__review-card--green .blueprint-detail__review-icon {
    background: rgba(0, 230, 118, 0.14);
    color: var(--blueprint-detail-green);
}

.blueprint-detail__review-card--gold .blueprint-detail__review-icon {
    background: rgba(255, 215, 0, 0.12);
    color: var(--blueprint-detail-gold);
}

.blueprint-detail__review-card--orange .blueprint-detail__review-icon {
    background: rgba(255, 165, 0, 0.14);
    color: var(--blueprint-detail-orange);
}

.blueprint-detail__review-card h3,
.blueprint-detail__review-card header p {
    margin: 0.45rem 0 0;
}

.blueprint-detail__review-card h3 {
    color: #ffffff;
    font-size: clamp(1.15rem, 2vw, 1.45rem);
}

.blueprint-detail__review-card header p {
    max-width: 70ch;
    color: var(--blueprint-detail-muted);
    line-height: 1.5;
}

.blueprint-detail__blockers,
.blueprint-detail__attestation {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
    border: 1px solid rgba(255, 165, 0, 0.5);
    border-radius: 9px;
    background: rgba(255, 165, 0, 0.06);
}

.blueprint-detail__blockers > div:first-child {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 0.65rem;
    align-items: start;
}

.blueprint-detail__blockers > div:first-child > .oi {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(255, 165, 0, 0.14);
    color: var(--blueprint-detail-orange);
}

.blueprint-detail__blockers h4,
.blueprint-detail__blockers p {
    margin: 0;
}

.blueprint-detail__blockers p {
    margin-top: 0.25rem;
    color: var(--blueprint-detail-muted);
}

.blueprint-detail__blockers ul,
.blueprint-detail__authority ul,
.blueprint-detail__passed-checks ul,
.blueprint-detail__recommended ul {
    display: grid;
    gap: 0.55rem;
    margin: 0;
    padding-left: 1.25rem;
}

.blueprint-detail__blockers li {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 0.45rem;
    align-items: start;
    color: #ffffff;
    line-height: 1.45;
}

.blueprint-detail__blockers li .oi {
    margin-top: 0.2rem;
    color: var(--blueprint-detail-orange);
}

.blueprint-detail__blockers .blueprint-detail__button {
    justify-self: start;
}

.blueprint-detail__attestation {
    border-color: rgba(0, 230, 118, 0.5);
    background: rgba(0, 230, 118, 0.055);
}

.blueprint-detail__attestation-choice {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 0.7rem;
    align-items: center;
    min-height: 44px;
    padding: 0.65rem;
    border: 1px solid rgba(0, 230, 118, 0.35);
    border-radius: 7px;
    color: #ffffff;
    cursor: pointer;
}

.blueprint-detail__attestation-choice:hover {
    border-color: rgba(0, 230, 118, 0.72);
    background: rgba(0, 230, 118, 0.06);
}

.blueprint-detail__attestation input[type="checkbox"],
.blueprint-detail__release-confirmation input[type="checkbox"] {
    width: 22px;
    height: 22px;
    margin: 0.1rem 0 0;
    accent-color: #00e676;
}

.blueprint-detail__attestation-choice > span {
    display: grid;
    gap: 0.3rem;
}

.blueprint-detail__attestation-choice > span > span,
.blueprint-detail__attestation-terms,
.blueprint-detail__attestation-boundary {
    color: var(--blueprint-detail-muted);
    line-height: 1.5;
}

.blueprint-detail__attestation-terms {
    margin: 0;
}

.blueprint-detail__attestation-terms a {
    color: var(--blueprint-detail-blue);
    font-weight: 800;
}

.blueprint-detail__attestation-boundary {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
    margin: 0;
}

.blueprint-detail__attestation-boundary .oi {
    margin-top: 0.2rem;
    color: var(--blueprint-detail-gold);
}

.blueprint-detail__review-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding-top: 1rem;
    border-top: 1px solid rgba(113, 128, 150, 0.5);
}

.blueprint-detail__review-actions > span {
    color: var(--blueprint-detail-muted);
    line-height: 1.5;
}

.blueprint-detail__passed-checks {
    border: 1px solid rgba(0, 230, 118, 0.42);
    border-radius: 9px;
    background: rgba(0, 230, 118, 0.04);
    overflow: clip;
}

.blueprint-detail__recommended {
    overflow: clip;
    border: 1px solid rgba(96, 165, 250, 0.42);
    border-radius: 9px;
    background: rgba(96, 165, 250, 0.04);
}

.blueprint-detail__recommended > summary {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) 32px;
    gap: 0.6rem;
    align-items: center;
    min-height: 58px;
    padding: 0.75rem 0.9rem;
    color: #ffffff;
    cursor: pointer;
    list-style: none;
}

.blueprint-detail__recommended > summary::-webkit-details-marker {
    display: none;
}

.blueprint-detail__recommended > summary .oi:first-child {
    color: var(--blueprint-detail-blue);
}

.blueprint-detail__recommended > p {
    margin: 0;
    padding: 0 1rem 0.75rem;
    color: var(--blueprint-detail-muted);
    line-height: 1.5;
}

.blueprint-detail__recommended ul {
    padding: 0 1rem 1rem 2.25rem;
    color: var(--blueprint-detail-muted);
    line-height: 1.5;
}

.blueprint-detail__recommended a {
    color: var(--blueprint-detail-blue);
    font-weight: 800;
}

.blueprint-detail__passed-checks > summary {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) 32px;
    gap: 0.6rem;
    align-items: center;
    min-height: 58px;
    padding: 0.75rem 0.9rem;
    color: #ffffff;
    cursor: pointer;
    list-style: none;
}

.blueprint-detail__passed-checks > summary::-webkit-details-marker {
    display: none;
}

.blueprint-detail__passed-checks > summary .oi:first-child {
    color: var(--blueprint-detail-green);
}

.blueprint-detail__passed-checks ul {
    padding: 0 1rem 1rem 2.25rem;
    color: var(--blueprint-detail-muted);
    line-height: 1.5;
}

.blueprint-detail__authority ul {
    margin-inline: 0.9rem;
    padding: 0 0 0 1.25rem;
    color: var(--blueprint-detail-muted);
    line-height: 1.5;
}

.blueprint-detail__authority--mobile .blueprint-detail__button,
.blueprint-detail__authority--mobile .blueprint-detail__inline-success {
    margin: 0 0.9rem 0.9rem;
}

.blueprint-detail__inline-success {
    display: inline-flex;
    gap: 0.45rem;
    align-items: center;
    color: var(--blueprint-detail-green) !important;
    font-weight: 800;
}

.blueprint-detail__notice > div[tabindex="-1"]:focus {
    outline: 3px solid #93c5fd;
    outline-offset: 3px;
    border-radius: 4px;
}

.blueprint-detail__authority {
    background: #171b1f;
}

.blueprint-detail__authority > summary {
    grid-template-columns: 34px minmax(0, 1fr) 34px;
    gap: 0.6rem;
}

.blueprint-detail__authority > summary > .oi:first-child {
    color: var(--blueprint-detail-gold);
}

.blueprint-detail__authority > p,
.blueprint-detail__authority > a {
    margin-inline: 0.9rem;
}

.blueprint-detail__authority > p {
    color: var(--blueprint-detail-muted);
    line-height: 1.5;
}

.blueprint-detail__authority > a {
    display: inline-block;
    margin-bottom: 0.9rem;
    color: var(--blueprint-detail-blue);
    font-weight: 800;
}

.blueprint-detail__history {
    position: relative;
}

.blueprint-detail__history li {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 0.8rem;
    align-items: start;
    padding: 0.9rem;
    border: 1px solid rgba(113, 128, 150, 0.72);
    border-radius: 8px;
    background: var(--blueprint-detail-raised);
}

.blueprint-detail__history-icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(96, 165, 250, 0.14);
    color: var(--blueprint-detail-blue);
}

.blueprint-detail__history div {
    display: grid;
    gap: 0.12rem;
}

.blueprint-detail__history small,
.blueprint-detail__history p {
    color: var(--blueprint-detail-muted);
}

.blueprint-detail__history p {
    margin: 0.2rem 0 0;
    line-height: 1.45;
}

@media (max-width: 820px) {
    .blueprint-detail__hero,
    .blueprint-detail__view-header,
    .blueprint-detail__publish-summary,
    .blueprint-detail__release-grid {
        grid-template-columns: 1fr;
    }

    .blueprint-detail__release-setup > header,
    .blueprint-detail__release-setup > footer {
        align-items: stretch;
        flex-direction: column;
    }

    .blueprint-detail__release-setup > footer .blueprint-detail__button {
        width: 100%;
    }

    .blueprint-detail__release-header-actions {
        align-items: stretch;
        justify-content: flex-start;
    }

    .blueprint-detail__release-header-actions .blueprint-detail__button {
        width: 100%;
    }

    .blueprint-detail__next-action {
        grid-template-columns: 48px minmax(0, 1fr);
    }

    .blueprint-detail__next-action .blueprint-detail__button {
        grid-column: 1 / -1;
        width: 100%;
    }

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

    .blueprint-detail__view-header .blueprint-detail__button {
        width: 100%;
    }

    .blueprint-detail__review-actions {
        grid-template-columns: 1fr;
    }

    .blueprint-detail__review-actions .blueprint-detail__button {
        width: 100%;
    }

    .blueprint-detail__blockers .blueprint-detail__button {
        width: 100%;
    }

    .blueprint-detail__authority--mobile .blueprint-detail__button {
        width: calc(100% - 1.8rem);
    }
}

@media (max-width: 520px) {
    .marketplace-workspace.blueprint-detail-workspace {
        padding: 0.75rem;
    }

    .blueprint-detail__hero {
        gap: 0.8rem;
        padding: 0.85rem;
    }

    .blueprint-detail__hero h1 {
        margin: 0.5rem 0 0.35rem;
        font-size: 1.7rem;
        line-height: 1.04;
    }

    .blueprint-detail__lead {
        font-size: 0.94rem;
        line-height: 1.42;
    }

    .blueprint-detail__project {
        grid-template-columns: 34px minmax(0, 1fr);
        width: 100%;
        margin-top: 0.75rem;
        padding: 0.55rem;
    }

    .blueprint-detail__project > .oi {
        width: 34px;
        height: 34px;
    }

    .blueprint-detail__boundary {
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 0.6rem;
        padding: 0.65rem;
    }

    .blueprint-detail__boundary > .oi {
        width: 34px;
        height: 34px;
    }

    .blueprint-detail__boundary p {
        margin-top: 0.2rem;
        font-size: 0.86rem;
        line-height: 1.38;
    }

    .blueprint-detail__views {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.25rem;
        padding: 0.35rem;
    }

    .blueprint-detail__tools-list {
        grid-template-columns: minmax(0, 1fr);
    }

    .blueprint-detail__view {
        flex-direction: column;
        gap: 0.25rem;
        min-height: 58px;
        padding: 0.5rem 0.2rem;
        font-size: 0.75rem;
    }

    .blueprint-detail__metrics {
        gap: 0.55rem;
    }

    .blueprint-detail__metrics > div {
        grid-template-columns: 30px minmax(0, 1fr);
        min-height: 74px;
        padding: 0.65rem;
    }

    .blueprint-detail__metrics .oi {
        width: 30px;
        height: 30px;
    }

    .blueprint-detail__phase > summary,
    .blueprint-detail__section > summary,
    .blueprint-detail__tasks li,
    .blueprint-detail__gate,
    .blueprint-detail__history li {
        gap: 0.55rem;
        padding: 0.7rem;
    }

    .blueprint-detail__preview {
        padding: 0.75rem;
    }

    .blueprint-detail__review-card,
    .blueprint-detail__blockers,
    .blueprint-detail__attestation {
        padding: 0.75rem;
    }

    .blueprint-detail__preview-section > header {
        align-items: flex-start;
        flex-direction: column;
    }

    .blueprint-detail__preview-section .blueprint-detail__context-link {
        width: 100%;
    }
}

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

@media (forced-colors: active) {
    .blueprint-detail-workspace :is(a, button, summary),
    .blueprint-detail__hero,
    .blueprint-detail__next-action,
    .blueprint-detail__panel,
    .blueprint-detail__phase,
    .blueprint-detail__section,
    .blueprint-detail__gate,
    .blueprint-detail__review-state,
    .blueprint-detail__review-card,
    .blueprint-detail__blockers,
    .blueprint-detail__attestation,
    .blueprint-detail__passed-checks,
    .blueprint-detail__recommended,
    .blueprint-detail__release-setup,
    .blueprint-detail__release-gate,
    .blueprint-detail__release-state,
    .blueprint-detail__release-confirmation {
        border: 1px solid CanvasText;
    }

    .blueprint-detail-workspace :is(a, button, summary, input):focus-visible {
        outline: 3px solid Highlight;
    }
}

/* Photo and video client review + delivery workflow. */
.client-delivery-workspace,
.client-review-workspace,
.client-delivery-workspace *,
.client-review-workspace * {
    box-sizing: border-box;
    letter-spacing: 0;
}

.client-delivery-workspace {
    display: grid;
    gap: 1rem;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    color: #f8fafc;
}

.client-delivery-workspace :is(a, button, input, select, textarea, summary):focus-visible,
.client-review-workspace :is(a, button, input, select, textarea, summary):focus-visible {
    outline: 3px solid #93c5fd;
    outline-offset: 3px;
}

.client-delivery-topbar,
.client-delivery-topbar__context,
.client-delivery-back-link,
.client-delivery-topbar__context a,
.client-review-topbar,
.client-review-brand,
.client-review-topbar__trust {
    display: flex;
    align-items: center;
}

.client-delivery-topbar,
.client-review-topbar {
    justify-content: space-between;
    min-height: 64px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.2);
}

.client-delivery-back-link,
.client-delivery-topbar__context a {
    gap: 0.5rem;
    min-height: 44px;
    color: #dbeafe;
    font-weight: 800;
    text-decoration: none;
}

.client-delivery-back-link:hover,
.client-delivery-topbar__context a:hover {
    color: #ffffff;
}

.client-delivery-topbar__context {
    gap: 0.8rem;
}

.client-delivery-loading,
.client-review-locked {
    display: grid;
    gap: 0.8rem;
    justify-items: start;
    min-height: 420px;
    align-content: center;
    max-width: 720px;
    margin: 0 auto;
    padding: 2rem;
}

.client-delivery-loading h1,
.client-delivery-loading p,
.client-review-locked h1,
.client-review-locked p {
    margin: 0;
}

.client-delivery-loading--blocked {
    border-left: 4px solid #f87171;
}

.client-delivery-loading--empty {
    border-left: 4px solid #f59e0b;
}

.public-link-state__brand {
    display: inline-flex;
    width: fit-content;
    min-height: 44px;
    align-items: center;
    color: #f8fafc;
    text-decoration: none;
}

.public-link-state__brand .hivesync-logo {
    --hivesync-logo-lockup-height: 2.75rem;
}

.client-delivery-picker__recovery {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.client-delivery-picker__recovery :is(button, a) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 44px;
    padding: 0.65rem 0.9rem;
    border: 1px solid rgba(147, 197, 253, 0.55);
    border-radius: 6px;
    background: #172033;
    color: #eff6ff;
    font: inherit;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.client-delivery-picker__recovery :is(button, a):hover {
    border-color: #bfdbfe;
    background: #1e2b43;
}

.client-delivery-picker__recovery button:disabled {
    opacity: 0.55;
    cursor: wait;
}

.client-delivery-picker {
    display: grid;
    gap: 1rem;
    padding: 1rem 0 2rem;
}

.client-delivery-picker > header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.2);
}

.client-delivery-picker > header :is(p, h1, span) {
    margin: 0;
}

.client-delivery-picker > header p {
    color: #facc15;
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.client-delivery-picker > header h1 {
    margin-top: 0.25rem;
    color: #ffffff;
    font-size: clamp(1.8rem, 5vw, 2.6rem);
}

.client-delivery-picker > header div > span {
    display: block;
    margin-top: 0.35rem;
    color: #cbd5e1;
    line-height: 1.5;
}

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

.client-delivery-picker__card {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) auto 24px;
    gap: 0.85rem;
    align-items: center;
    min-width: 0;
    min-height: 112px;
    padding: 1rem;
    border: 1px solid rgba(96, 165, 250, 0.34);
    border-radius: 8px;
    background: #1a1e23;
    color: #f8fafc;
    text-decoration: none;
}

.client-delivery-picker__card:hover {
    border-color: #93c5fd;
    background: #20262d;
}

.client-delivery-picker__card > span:nth-child(2) :is(small, strong, em),
.client-delivery-picker__metrics span {
    display: block;
}

.client-delivery-picker__card small {
    color: #60a5fa;
    font-size: 0.68rem;
    font-weight: 900;
    text-transform: uppercase;
}

.client-delivery-picker__card strong {
    margin-top: 0.2rem;
    overflow-wrap: anywhere;
    color: #ffffff;
    font-size: 1rem;
}

.client-delivery-picker__card em {
    margin-top: 0.18rem;
    color: #cbd5e1;
    font-size: 0.8rem;
    font-style: normal;
}

.client-delivery-picker__metrics {
    color: #94a3b8;
    font-size: 0.72rem;
    line-height: 1.55;
    text-align: right;
}

.client-delivery-hero {
    position: relative;
    display: grid;
    align-items: end;
    min-height: 270px;
    overflow: hidden;
    border-bottom: 1px solid rgba(148, 163, 184, 0.22);
    background: #111418;
}

.client-delivery-hero > img,
.client-delivery-hero__shade {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.client-delivery-hero > img {
    object-fit: cover;
    object-position: 66% 48%;
}

.client-delivery-hero__shade {
    background: rgba(5, 7, 9, 0.58);
}

.client-delivery-hero__content,
.client-delivery-hero__facts {
    position: relative;
    z-index: 1;
}

.client-delivery-hero__content {
    max-width: 760px;
    padding: 2rem 2rem 1.2rem;
}

.client-delivery-hero__content p,
.client-delivery-section-heading p,
.client-delivery-priority p,
.client-delivery-panel header p,
.client-review-heading p,
.client-review-selection-summary p,
.client-review-comment-composer header p,
.client-review-decision-panel header p,
.client-review-decision-state > p {
    margin: 0;
    color: #facc15;
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.client-delivery-hero__content h1 {
    margin: 0.35rem 0 0.25rem;
    color: #ffffff;
    font-size: 2.5rem;
    line-height: 1.05;
}

.client-delivery-hero__content > span {
    color: #e2e8f0;
    font-size: 1rem;
}

.client-delivery-hero__facts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    margin: 0;
    background: rgba(148, 163, 184, 0.22);
}

.client-delivery-hero__facts div {
    min-width: 0;
    padding: 0.85rem 1rem;
    background: rgba(13, 16, 20, 0.93);
}

.client-delivery-hero__facts dt,
.client-delivery-hero__facts dd {
    margin: 0;
}

.client-delivery-hero__facts dt {
    color: #94a3b8;
    font-size: 0.68rem;
    font-weight: 850;
    text-transform: uppercase;
}

.client-delivery-hero__facts dd {
    margin-top: 0.18rem;
    color: #ffffff;
    font-weight: 850;
    overflow-wrap: anywhere;
}

.client-delivery-priority {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.2);
}

.client-delivery-priority h2,
.client-delivery-priority span,
.client-delivery-section-heading h2,
.client-delivery-section-heading span,
.client-delivery-panel h2,
.client-delivery-panel p {
    margin: 0;
}

.client-delivery-priority h2 {
    margin-top: 0.18rem;
    font-size: 1.15rem;
}

.client-delivery-priority > div > span,
.client-delivery-section-heading > div > span {
    display: block;
    margin-top: 0.25rem;
    color: #cbd5e1;
    line-height: 1.45;
}

.client-delivery-icon {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border: 1px solid currentColor;
    border-radius: 8px;
    background: #171a1f;
}

.client-delivery-icon--blue { color: #60a5fa; }
.client-delivery-icon--green { color: #34d399; }
.client-delivery-icon--orange { color: #fbbf24; }
.client-delivery-icon--red { color: #f87171; }

.client-delivery-priority__actions {
    display: flex;
    gap: 0.65rem;
}

.client-delivery-button,
.client-review-primary-action,
.client-review-secondary-action,
.client-review-comment-composer > button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 46px;
    padding: 0.7rem 0.95rem;
    border: 1px solid rgba(96, 165, 250, 0.64);
    border-radius: 8px;
    color: #ffffff;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 850;
    line-height: 1.1;
    text-decoration: none;
    cursor: pointer;
}

.client-delivery-button--primary,
.client-review-primary-action {
    background: #2563eb;
}

.client-delivery-button--secondary,
.client-review-secondary-action,
.client-review-comment-composer > button {
    background: #22262c;
}

.client-delivery-button:hover,
.client-review-primary-action:hover,
.client-review-secondary-action:hover,
.client-review-comment-composer > button:hover {
    border-color: #93c5fd;
    background: #1d4ed8;
}

.client-delivery-button:disabled,
.client-review-primary-action:disabled,
.client-review-secondary-action:disabled,
.client-review-comment-composer > button:disabled {
    border-color: rgba(148, 163, 184, 0.2);
    background: #202329;
    color: #94a3b8;
    cursor: not-allowed;
}

.client-delivery-operation,
.client-review-operation {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 0.65rem;
    align-items: center;
    min-height: 52px;
    padding: 0.75rem 1rem;
    border-left: 4px solid;
    background: #1b1f24;
    color: #e2e8f0;
}

.client-delivery-operation--green,
.client-review-operation--green { border-color: #34d399; }
.client-delivery-operation--red,
.client-review-operation--red { border-color: #f87171; }

.client-delivery-link-ready {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    gap: 0.8rem;
    align-items: center;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(52, 211, 153, 0.48);
    border-left: 4px solid #34d399;
    border-radius: 8px;
    background: #15241f;
}

.client-delivery-link-ready > .oi {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    color: #34d399;
}

.client-delivery-link-ready strong,
.client-delivery-link-ready small { display: block; }
.client-delivery-link-ready strong { color: #ffffff; }
.client-delivery-link-ready small { margin-top: 0.18rem; color: #cbd5e1; line-height: 1.4; }

.client-delivery-link-ready input {
    width: 100%;
    min-height: 44px;
    margin-top: 0.55rem;
    padding: 0.55rem 0.7rem;
    border: 1px solid rgba(148, 163, 184, 0.38);
    border-radius: 8px;
    background: #0f1714;
    color: #d1fae5;
    font: inherit;
    font-size: 0.78rem;
}

.client-delivery-upload,
.client-delivery-publish-settings {
    overflow: hidden;
    border: 1px solid rgba(96, 165, 250, 0.34);
    border-radius: 8px;
    background: #1b1c1e;
}

.client-delivery-upload > summary,
.client-delivery-publish-settings > summary {
    display: grid;
    align-items: center;
    min-height: 60px;
    padding: 0.85rem 1rem;
    color: #f8fafc;
    cursor: pointer;
    list-style: none;
}

.client-delivery-upload > summary {
    grid-template-columns: 52px minmax(0, 1fr) auto;
    gap: 0.85rem;
}

.client-delivery-upload > summary::-webkit-details-marker,
.client-delivery-publish-settings > summary::-webkit-details-marker {
    display: none;
}

.client-delivery-upload > summary > span:nth-child(2) :is(small, strong, em),
.client-delivery-publish-settings > summary > span:nth-child(2) :is(strong, small) {
    display: block;
}

.client-delivery-upload > summary > span:nth-child(2) small {
    color: #60a5fa;
    font-size: 0.68rem;
    font-weight: 900;
    text-transform: uppercase;
}

.client-delivery-upload > summary > span:nth-child(2) strong {
    margin-top: 0.16rem;
    color: #ffffff;
    font-size: 1.05rem;
}

.client-delivery-upload > summary > span:nth-child(2) em {
    margin-top: 0.18rem;
    color: #cbd5e1;
    font-size: 0.8rem;
    font-style: normal;
}

.client-delivery-upload__body {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
    border-top: 1px solid rgba(148, 163, 184, 0.18);
    background: #171a1f;
}

.client-delivery-assignment-picker {
    display: grid;
    gap: 0.35rem;
    max-width: 720px;
}

.client-delivery-assignment-picker > span {
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 850;
}

.client-delivery-assignment-picker select,
.client-delivery-publish-settings input,
.client-delivery-publish-settings textarea {
    width: 100%;
    min-height: 46px;
    padding: 0.65rem 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.4);
    border-radius: 8px;
    background: #101318;
    color: #ffffff;
    font: inherit;
}

.client-delivery-assignment-picker small,
.client-delivery-closeout small {
    color: #9ca3af;
    font-size: 0.74rem;
    line-height: 1.45;
}

.client-delivery-dropzone {
    position: relative;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 0.8rem;
    align-items: center;
    min-height: 92px;
    padding: 1rem;
    border: 1px dashed rgba(96, 165, 250, 0.72);
    border-radius: 8px;
    background: rgba(37, 99, 235, 0.08);
    cursor: pointer;
}

.client-delivery-dropzone > .oi {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border: 1px solid #60a5fa;
    border-radius: 8px;
    color: #93c5fd;
}

.client-delivery-dropzone strong,
.client-delivery-dropzone small {
    display: block;
}

.client-delivery-dropzone strong { color: #ffffff; }
.client-delivery-dropzone small { margin-top: 0.2rem; color: #9ca3af; }

.client-delivery-dropzone input[type="file"] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.client-delivery-dropzone:has(input[type="file"]:focus-visible) {
    outline: 3px solid #93c5fd;
    outline-offset: 3px;
}

.client-delivery-upload-table {
    overflow-x: auto;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 8px;
}

.client-delivery-upload-table table {
    width: 100%;
    min-width: 680px;
    border-collapse: collapse;
}

.client-delivery-upload-table th,
.client-delivery-upload-table td {
    padding: 0.65rem 0.75rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.16);
    color: #cbd5e1;
    font-size: 0.78rem;
    text-align: left;
}

.client-delivery-upload-table th {
    background: #20242a;
    color: #9ca3af;
    font-size: 0.68rem;
    text-transform: uppercase;
}

.client-delivery-upload-table td strong { color: #ffffff; }

.client-delivery-upload-table td button {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(248, 113, 113, 0.42);
    border-radius: 8px;
    background: #262126;
    color: #fca5a5;
    cursor: pointer;
}

.client-delivery-upload-table__error td {
    border-left: 4px solid #f87171;
    background: rgba(127, 29, 29, 0.16);
    color: #fecaca;
}

.client-delivery-upload__actions {
    display: flex;
    justify-content: flex-end;
    gap: 0.65rem;
}

.client-delivery-guidance {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 0.7rem;
    align-items: start;
    padding: 0.8rem;
    border-left: 4px solid #60a5fa;
    background: #20242a;
}

.client-delivery-guidance > .oi {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    color: #93c5fd;
}

.client-delivery-guidance strong,
.client-delivery-guidance p { display: block; margin: 0; }
.client-delivery-guidance strong { color: #ffffff; }
.client-delivery-guidance p { margin-top: 0.2rem; color: #cbd5e1; font-size: 0.8rem; line-height: 1.45; }
.client-delivery-guidance--locked { border-color: #fbbf24; }
.client-delivery-guidance--locked > .oi { color: #fbbf24; }
.client-delivery-guidance--success { margin-top: 0.8rem; border-color: #34d399; }
.client-delivery-guidance--success > .oi { color: #34d399; }

.client-delivery-publish-settings > summary {
    grid-template-columns: 32px minmax(0, 1fr) 24px;
    gap: 0.7rem;
}

.client-delivery-publish-settings > summary > .oi:first-child { color: #60a5fa; }
.client-delivery-publish-settings > summary > span:nth-child(2) small { margin-top: 0.15rem; color: #9ca3af; }
.client-delivery-publish-settings > div {
    display: grid;
    grid-template-columns: minmax(220px, 0.7fr) minmax(300px, 1.3fr);
    gap: 0.85rem;
    padding: 1rem;
    border-top: 1px solid rgba(148, 163, 184, 0.18);
}

.client-delivery-publish-settings label {
    display: grid;
    gap: 0.35rem;
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 850;
}

.client-delivery-publish-settings textarea {
    min-height: 80px;
    resize: vertical;
}

.client-delivery-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 350px);
    gap: 1rem;
    align-items: start;
}

.client-delivery-main,
.client-delivery-rail,
.client-delivery-panel {
    min-width: 0;
}

.client-delivery-section-heading {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: end;
    padding: 0.6rem 0 1rem;
}

.client-delivery-section-heading h2,
.client-delivery-panel h2 {
    margin-top: 0.2rem;
    color: #ffffff;
    font-size: 1.2rem;
}

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

.client-delivery-media-card,
.client-review-media {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 8px;
    background: #1a1e23;
}

.client-delivery-media-card--staged {
    border-color: rgba(96, 165, 250, 0.62);
}

.client-delivery-media-card__visual,
.client-review-media__visual {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    background: #0b0e12;
}

.client-delivery-media-card__visual img,
.client-review-media__visual img,
.client-delivery-media-card__visual video,
.client-review-media__visual video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.35);
}

.client-delivery-media-card__visual video,
.client-review-media__visual video {
    transform: none;
    background: #0b0e12;
}

.client-delivery-media-card__placeholder,
.client-review-media__placeholder {
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.55rem;
    width: 100%;
    height: 100%;
    color: #cbd5e1;
    background: linear-gradient(145deg, #171a1f, #242930);
}

.client-delivery-media-card__placeholder .oi,
.client-review-media__placeholder .oi {
    color: #60a5fa;
    font-size: 2rem;
}

.client-delivery-media-card__visual--selects img,
.client-review-media__visual--selects img { object-position: 94% 8%; transform: scale(1.6); }
.client-delivery-media-card__visual--camera img,
.client-review-media__visual--camera img { object-position: 69% 53%; transform: scale(1.45); }
.client-delivery-media-card__visual--workstation img,
.client-review-media__visual--workstation img { object-position: 63% 45%; transform: scale(1.5); }
.client-delivery-media-card__visual--gear img,
.client-review-media__visual--gear img { object-position: 91% 69%; transform: scale(1.6); }
.client-delivery-media-card__visual--wide img,
.client-review-media__visual--wide img { object-position: 70% 66%; transform: scale(1.08); }
.client-delivery-media-card__visual--light img,
.client-review-media__visual--light img { object-position: 96% 39%; transform: scale(1.75); }

.client-delivery-media-card__kind,
.client-delivery-media-card__published,
.client-review-media__watermark {
    position: absolute;
    top: 0.7rem;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 28px;
    padding: 0.25rem 0.5rem;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 6px;
    background: rgba(8, 11, 15, 0.88);
    color: #ffffff;
    font-size: 0.7rem;
    font-style: normal;
    font-weight: 850;
}

.client-delivery-media-card__kind { left: 0.7rem; }
.client-delivery-media-card__published { right: 0.7rem; color: #86efac; }
.client-delivery-media-card__kind em { color: #cbd5e1; font-style: normal; }

.client-delivery-media-card__body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.85rem 0.85rem 0;
}

.client-delivery-media-card__body strong,
.client-delivery-media-card__body small {
    display: block;
    overflow-wrap: anywhere;
}

.client-delivery-media-card__body strong { color: #ffffff; }
.client-delivery-media-card__body small { margin-top: 0.18rem; color: #94a3b8; }

.client-delivery-stage-toggle {
    display: grid;
    grid-template-columns: 22px auto;
    gap: 0 0.35rem;
    align-items: center;
    min-height: 44px;
    padding: 0.35rem 0.55rem;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 8px;
    color: #cbd5e1;
    cursor: pointer;
    font-size: 0.76rem;
    font-weight: 850;
}

.client-delivery-stage-toggle input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.client-delivery-stage-toggle .oi {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border: 1px solid rgba(148, 163, 184, 0.42);
    border-radius: 5px;
    color: transparent;
}

.client-delivery-stage-toggle:has(input:checked) {
    border-color: rgba(52, 211, 153, 0.5);
    color: #d1fae5;
}

.client-delivery-stage-toggle:has(input:checked) .oi {
    border-color: #34d399;
    background: rgba(52, 211, 153, 0.15);
    color: #34d399;
}

.client-delivery-stage-toggle:has(input:focus-visible) {
    outline: 3px solid #93c5fd;
    outline-offset: 3px;
}

.client-delivery-media-card > p {
    min-height: 58px;
    margin: 0;
    padding: 0.65rem 0.85rem;
    color: #cbd5e1;
    font-size: 0.82rem;
    line-height: 1.45;
}

.client-delivery-media-card > footer {
    display: flex;
    gap: 0.8rem;
    padding: 0.65rem 0.85rem;
    border-top: 1px solid rgba(148, 163, 184, 0.16);
    color: #94a3b8;
    font-size: 0.75rem;
}

.client-delivery-media-card > footer span {
    display: inline-flex;
    gap: 0.35rem;
    align-items: center;
}

.client-delivery-rail {
    display: grid;
    gap: 0.8rem;
    position: sticky;
    top: 1rem;
}

.client-delivery-panel {
    padding: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 8px;
    background: #191d22;
}

.client-delivery-closeout {
    border-color: rgba(251, 191, 36, 0.46);
}

.client-delivery-closeout--complete {
    border-color: rgba(52, 211, 153, 0.5);
}

.client-delivery-closeout__copy {
    margin: 0.8rem 0 0;
    color: #cbd5e1;
    font-size: 0.8rem;
    line-height: 1.45;
}

.client-delivery-blockers {
    display: grid;
    gap: 0.45rem;
    margin: 0.75rem 0;
    padding: 0;
    list-style: none;
}

.client-delivery-blockers li {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 0.45rem;
    color: #fde68a;
    font-size: 0.76rem;
    line-height: 1.4;
}

.client-delivery-closeout > .client-delivery-button {
    width: 100%;
    margin-top: 0.7rem;
}

.client-delivery-panel > header,
.client-review-comment-composer > header,
.client-review-decision-panel > header {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 0.7rem;
    align-items: center;
}

.client-delivery-panel > header > .oi,
.client-review-comment-composer > header > .oi,
.client-review-decision-panel > header > .oi {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(96, 165, 250, 0.42);
    border-radius: 8px;
    color: #60a5fa;
}

.client-delivery-checks,
.client-delivery-activity {
    display: grid;
    gap: 0;
    margin: 0.9rem 0 0;
    padding: 0;
    list-style: none;
}

.client-delivery-checks li {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 0.6rem;
    padding: 0.7rem 0;
    border-top: 1px solid rgba(148, 163, 184, 0.14);
}

.client-delivery-checks li > .oi { color: #34d399; }
.client-delivery-checks strong,
.client-delivery-checks small { display: block; }
.client-delivery-checks strong { color: #ffffff; font-size: 0.84rem; }
.client-delivery-checks small { margin-top: 0.2rem; color: #94a3b8; line-height: 1.4; }

.client-delivery-activity li {
    display: grid;
    grid-template-columns: 14px minmax(0, 1fr);
    gap: 0.6rem;
    padding: 0.7rem 0;
    border-top: 1px solid rgba(148, 163, 184, 0.14);
}

.client-delivery-activity__dot {
    width: 10px;
    height: 10px;
    margin-top: 0.35rem;
    border-radius: 50%;
    background: #64748b;
}

.client-delivery-activity__dot--green { background: #34d399; }
.client-delivery-activity__dot--blue { background: #60a5fa; }
.client-delivery-activity__dot--orange { background: #fbbf24; }
.client-delivery-activity__dot--red { background: #f87171; }

.client-delivery-activity strong,
.client-delivery-activity p,
.client-delivery-activity small { display: block; margin: 0; }
.client-delivery-activity strong { color: #ffffff; font-size: 0.84rem; }
.client-delivery-activity p { margin-top: 0.18rem; color: #cbd5e1; font-size: 0.78rem; line-height: 1.4; }
.client-delivery-activity small { margin-top: 0.22rem; color: #94a3b8; font-size: 0.72rem; }

.page:has(.client-review-workspace) .command-header {
    display: none;
}

.main:has(.client-review-workspace) {
    padding: 0;
    background: #0d1014;
}

.client-review-workspace {
    width: 100%;
    max-width: 1400px;
    min-height: 100vh;
    margin: 0 auto;
    padding: 0 2rem 3rem;
    color: #f8fafc;
}

.client-review-topbar {
    min-height: 76px;
}

.client-review-brand {
    gap: 0.75rem;
    color: #ffffff;
    text-decoration: none;
}

.client-review-brand .hivesync-logo {
    width: 42px;
    height: 42px;
}

.client-review-brand strong,
.client-review-brand small {
    display: block;
}

.client-review-brand strong { font-size: 0.92rem; }
.client-review-brand small { margin-top: 0.12rem; color: #94a3b8; font-size: 0.72rem; }

.client-review-topbar__trust {
    gap: 0.9rem;
    color: #cbd5e1;
    font-size: 0.78rem;
    font-weight: 750;
}

.client-review-topbar__trust span {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.client-review-topbar__trust .oi { color: #34d399; }

.client-review-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    padding: 2rem 0 1.25rem;
}

.client-review-heading h1 {
    margin: 0.28rem 0 0.2rem;
    color: #ffffff;
    font-size: 2.25rem;
    line-height: 1.08;
}

.client-review-heading > div > span {
    color: #cbd5e1;
}

.client-review-progress {
    display: grid;
    grid-template-columns: auto minmax(30px, 1fr) auto minmax(30px, 1fr) auto minmax(30px, 1fr) auto;
    align-items: center;
    padding: 0.85rem 1rem;
    border-top: 1px solid rgba(148, 163, 184, 0.2);
    border-bottom: 1px solid rgba(148, 163, 184, 0.2);
}

.client-review-progress__step {
    display: grid;
    grid-template-columns: 28px auto;
    gap: 0 0.5rem;
    align-items: center;
    min-width: 100px;
}

.client-review-progress__step > span {
    display: grid;
    place-items: center;
    grid-row: 1 / span 2;
    width: 28px;
    height: 28px;
    border: 1px solid #64748b;
    border-radius: 50%;
    color: #94a3b8;
    font-size: 0.75rem;
    font-weight: 900;
}

.client-review-progress__step strong,
.client-review-progress__step small { display: block; }
.client-review-progress__step strong { color: #cbd5e1; font-size: 0.8rem; }
.client-review-progress__step small { color: #94a3b8; font-size: 0.72rem; }

.client-review-progress__step--complete > span {
    border-color: #34d399;
    background: rgba(52, 211, 153, 0.14);
    color: #34d399;
}

.client-review-progress__step--active > span {
    border-color: #60a5fa;
    background: rgba(96, 165, 250, 0.14);
    color: #bfdbfe;
}

.client-review-progress__line {
    height: 1px;
    margin: 0 0.65rem;
    background: rgba(148, 163, 184, 0.25);
}

.client-review-operation {
    margin-top: 1rem;
}

.client-review-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(310px, 360px);
    gap: 1.25rem;
    align-items: start;
    padding-top: 1.25rem;
}

.client-review-gallery,
.client-review-rail {
    min-width: 0;
}

.client-review-gallery__toolbar {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: end;
    padding-bottom: 0.8rem;
}

.client-review-gallery__toolbar h2,
.client-review-gallery__toolbar span {
    margin: 0;
}

.client-review-gallery__toolbar h2 {
    color: #ffffff;
    font-size: 1.2rem;
}

.client-review-gallery__toolbar > div:first-child > span {
    display: block;
    margin-top: 0.25rem;
    color: #94a3b8;
    font-size: 0.82rem;
}

.client-review-filters {
    display: grid;
    grid-template-columns: repeat(3, minmax(74px, 1fr));
    padding: 0.25rem;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 8px;
    background: #171a1f;
}

.client-review-filters button {
    min-height: 44px;
    padding: 0.45rem 0.7rem;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #94a3b8;
    font: inherit;
    font-size: 0.75rem;
    font-weight: 850;
    cursor: pointer;
}

.client-review-filters .client-review-filter--active {
    background: #2a3038;
    color: #ffffff;
}

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

.client-review-media--selected {
    border-color: #34d399;
    box-shadow: inset 0 0 0 1px rgba(52, 211, 153, 0.28);
}

.client-review-media__watermark {
    left: 0.7rem;
    color: rgba(255, 255, 255, 0.76);
}

.client-review-media__play {
    position: absolute;
    inset: 50% auto auto 50%;
    display: grid;
    place-items: center;
    width: 50px;
    height: 50px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    background: rgba(8, 11, 15, 0.8);
    color: #ffffff;
    transform: translate(-50%, -50%);
}

.client-review-select-button {
    position: absolute;
    right: 0.7rem;
    bottom: 0.7rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 44px;
    padding: 0.55rem 0.7rem;
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 8px;
    background: rgba(8, 11, 15, 0.9);
    color: #ffffff;
    font: inherit;
    font-size: 0.75rem;
    font-weight: 900;
    cursor: pointer;
}

.client-review-select-button[aria-pressed="true"] {
    border-color: #34d399;
    background: #065f46;
}

.client-review-select-button:disabled {
    color: #94a3b8;
    cursor: not-allowed;
}

.client-review-media__body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    gap: 0.65rem;
    align-items: center;
    min-height: 92px;
    padding: 0.75rem 0.8rem;
}

.client-review-media__body span,
.client-review-media__body h3,
.client-review-media__body small {
    display: block;
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.client-review-media__body > div > span {
    color: #60a5fa;
    font-size: 0.68rem;
    font-weight: 850;
    text-transform: uppercase;
}

.client-review-media__body h3 {
    margin-top: 0.18rem;
    color: #ffffff;
    font-size: 0.94rem;
}

.client-review-media__body small {
    margin-top: 0.2rem;
    color: #94a3b8;
    font-size: 0.7rem;
}

.client-review-comment-button {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 8px;
    background: #242930;
    color: #cbd5e1;
    cursor: pointer;
}

.client-review-comment-button span:last-child {
    font-size: 0.65rem;
}

.client-review-rail {
    display: grid;
    gap: 0.8rem;
    position: sticky;
    top: 1rem;
}

.client-review-selection-summary,
.client-review-comment-composer,
.client-review-decision-panel,
.client-review-decision-state,
.client-review-trust-panel {
    padding: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 8px;
    background: #191d22;
}

.client-review-selection-summary {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 0.8rem;
    align-items: center;
    border-color: rgba(96, 165, 250, 0.45);
}

.client-review-selection-summary__count {
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    border: 1px solid #60a5fa;
    border-radius: 8px;
    background: rgba(96, 165, 250, 0.12);
    color: #ffffff;
    font-size: 1.75rem;
    font-weight: 900;
}

.client-review-selection-summary h2,
.client-review-selection-summary span,
.client-review-comment-composer h2,
.client-review-decision-panel h2,
.client-review-decision-state h2,
.client-review-decision-state > span,
.client-review-decision-state > small {
    margin: 0;
}

.client-review-selection-summary h2,
.client-review-comment-composer h2,
.client-review-decision-panel h2,
.client-review-decision-state h2 {
    margin-top: 0.2rem;
    color: #ffffff;
    font-size: 1.05rem;
}

.client-review-selection-summary > div > span,
.client-review-decision-state > span {
    display: block;
    margin-top: 0.25rem;
    color: #cbd5e1;
    font-size: 0.8rem;
    line-height: 1.45;
}

.client-review-comment-composer textarea,
.client-review-decision-panel textarea {
    width: 100%;
    min-height: 88px;
    margin-top: 0.8rem;
    padding: 0.75rem;
    resize: vertical;
    border: 1px solid rgba(148, 163, 184, 0.34);
    border-radius: 8px;
    background: #101318;
    color: #ffffff;
    font: inherit;
    font-size: 0.84rem;
    line-height: 1.45;
}

.client-review-comment-composer textarea::placeholder,
.client-review-decision-panel textarea::placeholder {
    color: #94a3b8;
    opacity: 1;
}

.client-review-comment-composer > button,
.client-review-decision-panel > button,
.client-review-decision-panel > .client-review-primary-action,
.client-review-decision-state > .client-review-primary-action {
    width: 100%;
    margin-top: 0.65rem;
}

.client-review-comment-composer blockquote {
    margin: 0.75rem 0 0;
    padding: 0.7rem;
    border-left: 3px solid #60a5fa;
    background: #12161b;
}

.client-review-comment-composer blockquote p,
.client-review-comment-composer blockquote footer {
    margin: 0;
}

.client-review-comment-composer blockquote p {
    color: #e2e8f0;
    font-size: 0.8rem;
    line-height: 1.45;
}

.client-review-comment-composer blockquote footer {
    margin-top: 0.35rem;
    color: #94a3b8;
    font-size: 0.72rem;
}

.client-review-decision-panel > small,
.client-review-decision-state > small {
    display: block;
    margin-top: 0.65rem;
    color: #94a3b8;
    font-size: 0.7rem;
    line-height: 1.4;
}

.client-review-decision-state {
    text-align: center;
}

.client-review-decision-state__icon {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    margin: 0 auto 0.8rem;
    border: 1px solid currentColor;
    border-radius: 50%;
}

.client-review-decision-state--approved {
    border-color: rgba(52, 211, 153, 0.48);
    color: #34d399;
}

.client-review-decision-state--changes {
    border-color: rgba(251, 191, 36, 0.5);
    color: #fbbf24;
}

.client-review-decision-state .client-review-primary-action {
    color: #ffffff;
}

.client-review-downloads {
    display: grid;
    gap: 0.5rem;
    margin-top: 0.75rem;
    text-align: left;
}

.client-review-downloads > a {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 0.55rem;
    align-items: center;
    min-height: 52px;
    padding: 0.55rem 0.65rem;
    border: 1px solid rgba(52, 211, 153, 0.4);
    border-radius: 8px;
    background: #15241f;
    color: #ffffff;
    text-decoration: none;
}

.client-review-downloads > a > .oi {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    color: #34d399;
}

.client-review-downloads strong,
.client-review-downloads small { display: block; overflow-wrap: anywhere; }
.client-review-downloads small { margin-top: 0.15rem; color: #9ca3af; }

.client-review-trust-panel {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 0.7rem;
    color: #94a3b8;
}

.client-review-trust-panel > .oi {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    color: #34d399;
}

.client-review-trust-panel strong,
.client-review-trust-panel p { display: block; margin: 0; }
.client-review-trust-panel strong { color: #ffffff; font-size: 0.82rem; }
.client-review-trust-panel p { margin-top: 0.25rem; font-size: 0.74rem; line-height: 1.45; }

@media (max-width: 980px) {
    .client-delivery-layout,
    .client-review-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-delivery-rail,
    .client-review-rail {
        position: static;
    }

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

@media (max-width: 760px) {
    .client-delivery-workspace {
        gap: 0.8rem;
    }

    .client-delivery-picker > header {
        align-items: stretch;
        flex-direction: column;
    }

    .client-delivery-picker > header > .status-pill {
        align-self: flex-start;
    }

    .client-delivery-picker__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-delivery-picker__card {
        grid-template-columns: 48px minmax(0, 1fr) 24px;
    }

    .client-delivery-picker__metrics {
        grid-column: 2 / -1;
        text-align: left;
    }

    .client-delivery-topbar,
    .client-delivery-priority,
    .client-delivery-section-heading,
    .client-review-topbar,
    .client-review-heading,
    .client-review-gallery__toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .client-delivery-topbar,
    .client-review-topbar {
        display: flex;
        gap: 0.4rem;
        padding-bottom: 0.65rem;
    }

    .client-delivery-topbar__context,
    .client-review-topbar__trust {
        justify-content: space-between;
        width: 100%;
    }

    .client-delivery-hero {
        min-height: 340px;
    }

    .client-delivery-hero > img {
        object-position: 72% 50%;
    }

    .client-delivery-hero__content {
        padding: 1.2rem 1rem 0.9rem;
    }

    .client-delivery-hero__content h1,
    .client-review-heading h1 {
        font-size: 2rem;
    }

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

    .client-delivery-priority {
        grid-template-columns: 48px minmax(0, 1fr);
    }

    .client-delivery-priority__actions {
        display: grid;
        grid-column: 1 / -1;
        grid-template-columns: minmax(0, 1fr);
    }

    .client-delivery-link-ready {
        grid-template-columns: 40px minmax(0, 1fr);
    }

    .client-delivery-link-ready > a {
        grid-column: 1 / -1;
        width: 100%;
    }

    .client-delivery-upload > summary {
        grid-template-columns: 48px minmax(0, 1fr);
    }

    .client-delivery-upload > summary > .status-pill {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .client-delivery-publish-settings > div {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-delivery-upload__actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .client-delivery-button {
        width: 100%;
    }

    .client-delivery-section-heading,
    .client-review-gallery__toolbar {
        display: flex;
    }

    .client-delivery-media-grid,
    .client-review-media-grid,
    .client-delivery-rail {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-review-workspace {
        padding: 0 1rem 2rem;
    }

    .client-review-brand .hivesync-logo {
        width: 36px;
        height: 36px;
    }

    .client-review-heading {
        display: flex;
        gap: 0.75rem;
        padding-top: 1.2rem;
    }

    .client-review-heading > .status-pill {
        align-self: flex-start;
    }

    .client-review-progress {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.7rem;
        padding: 0.75rem 0;
    }

    .client-review-progress__line {
        display: none;
    }

    .client-review-progress__step {
        min-width: 0;
        padding: 0.65rem;
        border: 1px solid rgba(148, 163, 184, 0.18);
        border-radius: 8px;
        background: #171a1f;
    }

    .client-review-filters {
        width: 100%;
    }

    .client-review-media__visual {
        aspect-ratio: 4 / 3;
    }
}

@media (max-width: 420px) {
    .client-delivery-topbar__context,
    .client-review-topbar__trust {
        align-items: stretch;
        flex-direction: column;
    }

    .client-delivery-hero__content h1,
    .client-review-heading h1 {
        font-size: 1.8rem;
        overflow-wrap: break-word;
    }

    .client-delivery-media-card__body {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-delivery-stage-toggle {
        justify-self: stretch;
    }

}

@media (prefers-reduced-motion: reduce) {
    .client-delivery-workspace *,
    .client-review-workspace * {
        scroll-behavior: auto !important;
        transition-duration: 0.001ms !important;
        animation-duration: 0.001ms !important;
    }
}

@media (forced-colors: active) {
    .client-delivery-workspace :is(a, button, input, select, textarea, summary),
    .client-review-workspace :is(a, button, input, select, textarea, summary),
    .client-delivery-media-card,
    .client-delivery-panel,
    .client-delivery-upload,
    .client-delivery-publish-settings,
    .client-delivery-link-ready,
    .client-delivery-dropzone,
    .client-delivery-upload-table,
    .client-review-media,
    .client-review-selection-summary,
    .client-review-comment-composer,
    .client-review-decision-panel,
    .client-review-decision-state,
    .client-review-trust-panel {
        border: 1px solid CanvasText;
    }
}

/* Blueprint Branding phone workspace: keep the next action visible and dialogs inside the dynamic viewport. */
.blueprint-branding-toolbar__save-dirty {
    display: none;
}

.blueprint-branding-toolbar__back-label--compact {
    display: none;
}

body:has(.creator-blueprint-branding-workspace .blueprint-branding-editor-modal),
body:has(.creator-blueprint-branding-workspace .blueprint-image-specifications),
body:has(.creator-blueprint-branding-workspace .blueprint-confirmation),
body:has(.creator-blueprint-branding-workspace .blueprint-branding-mock__preview--modal-open) {
    overflow: hidden;
}

@media (max-width: 720px) {
    .creator-blueprint-branding-workspace {
        padding-top: 0;
    }

    .blueprint-branding-mock .blueprint-branding-mock__topbar {
        position: sticky;
        top: 0;
        z-index: 1100;
        padding-top: max(0.65rem, env(safe-area-inset-top));
        background: #17191d;
        box-shadow: 0 8px 22px rgba(0, 0, 0, 0.32);
    }

    .blueprint-branding-mock__topbar .blueprint-branding-mock__crumbs {
        display: flex;
        justify-content: center;
    }

    .blueprint-branding-toolbar__save[data-unsaved="true"] {
        border-color: rgba(250, 204, 21, 0.72);
        background: rgba(161, 98, 7, 0.18);
        color: #fef3c7;
    }

    .blueprint-branding-toolbar__save-dirty {
        display: inline;
        margin-inline-start: 0.2rem;
    }

    .blueprint-branding-toolbar__feedback {
        width: 100%;
        max-width: none;
    }

    .blueprint-branding-editor-modal__dialog,
    .blueprint-branding-editor-modal__dialog--compact,
    .blueprint-branding-mock .blueprint-branding-mock__preview--modal-open {
        height: 100vh;
        height: 100dvh;
        max-height: 100vh;
        max-height: 100dvh;
    }

    .blueprint-branding-editor-modal__dialog > header {
        padding-top: max(0.9rem, env(safe-area-inset-top));
    }

    .blueprint-branding-editor-modal__dialog > footer,
    .blueprint-image-specifications__dialog > footer,
    .blueprint-branding-help-dialog__dialog > footer {
        padding-bottom: max(0.65rem, env(safe-area-inset-bottom));
    }

    .blueprint-branding-mock .blueprint-branding-mock__preview--modal-open {
        padding-bottom: max(0.75rem, env(safe-area-inset-bottom));
    }
}

@media (max-width: 520px) {
    .blueprint-branding-toolbar__back-label {
        display: none;
    }

    .blueprint-branding-toolbar__back-label--compact {
        display: inline;
    }

    .blueprint-branding-task-summary > header,
    .blueprint-branding-image-context > header {
        align-items: stretch;
        flex-direction: column;
    }

    .blueprint-branding-image-context__actions {
        justify-content: flex-start;
    }

    .blueprint-branding-asset-card__actions,
    .blueprint-branding-asset-card__actions > button {
        width: 100%;
    }

    .blueprint-branding-review article {
        grid-template-columns: 36px minmax(0, 1fr);
    }

    .blueprint-branding-review article > button {
        grid-column: 1 / -1;
        width: 100%;
    }

    .blueprint-branding-help-dialog__dialog > footer :is(a, button) {
        width: 100%;
    }
}

/* Canonical Hive Sync branding. The proposal emblem is the product mark across
   app chrome; contextual labels such as Marketplace or Business Proposal remain
   separate copy owned by their surface. */
.provider-quote-page__header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
}

.provider-quote-page__brand,
.admin-workspace-brand,
.youtube-mobile-brand {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 44px;
    color: #f8fafc;
    text-decoration: none;
}

.provider-quote-page__brand-logo {
    --hivesync-logo-lockup-width: 9.5rem;
    --hivesync-logo-lockup-height: 2.75rem;
}

.proposal-document__logo--native-splash {
    --hivesync-logo-size: 64px;
}

.marketplace-proposal-topnav__brand:has(.marketplace-proposal-topnav__brand-mark)::before,
.marketplace-proposal-topnav__brand:has(.marketplace-proposal-topnav__brand-mark)::after {
    display: none !important;
    content: none !important;
}

.marketplace-proposal-topnav__brand > .marketplace-proposal-topnav__brand-mark {
    --hivesync-logo-size: 29px;
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    align-self: center;
}

.creator-storefront-preview__buyer-brand {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
}

.creator-storefront-preview__buyer-brand > span {
    display: grid;
    gap: 0;
    min-width: 0;
    line-height: 1.1;
}

.creator-storefront-preview__buyer-brand-mark {
    --hivesync-logo-size: 30px;
}

.admin-workspace-brand {
    justify-self: start;
}

.admin-workspace-brand__logo,
.youtube-mobile-brand__logo {
    --hivesync-logo-lockup-width: 8.25rem;
    --hivesync-logo-lockup-height: 2.75rem;
}

.youtube-mobile-brand {
    margin: 0 auto 1rem;
}

.youtube-mobile-redemption > .youtube-mobile-brand {
    grid-column: 1 / -1;
    margin-bottom: 0;
}

@supports (width: 1cqi) {
    .hivesync-logo--lockup {
        width: var(--hivesync-logo-lockup-width, 10rem) !important;
        max-width: 100% !important;
        min-width: 0 !important;
        container: hivesync-lockup / inline-size;
        gap: clamp(0.25rem, 5cqi, 0.625rem) !important;
    }

    .hivesync-logo--lockup > .hivesync-logo__image {
        width: min(var(--hivesync-logo-lockup-height, 3.125rem), 35cqi) !important;
        height: min(var(--hivesync-logo-lockup-height, 3.125rem), 35cqi) !important;
    }

    .hivesync-logo--lockup > .hivesync-logo__wordmark {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        overflow: hidden !important;
        font-size: clamp(0.72rem, 14cqi, 1.35rem) !important;
        text-overflow: ellipsis !important;
    }
}

@container hivesync-lockup (max-width: 6.5rem) {
    .hivesync-logo--lockup > .hivesync-logo__image {
        width: min(var(--hivesync-logo-lockup-height, 3.125rem), 100cqi) !important;
        height: min(var(--hivesync-logo-lockup-height, 3.125rem), 100cqi) !important;
    }

    .hivesync-logo--lockup > .hivesync-logo__wordmark {
        display: none !important;
    }
}

.marketplace-workspace:not(:has(.buyer-checkout-mockup-hybrid)):has(.hivesync-logo)::after,
.blueprint-command-shell .marketplace-workspace:not(:has(.buyer-checkout-mockup-hybrid))::before,
.blueprint-command-shell .marketplace-workspace:not(:has(.buyer-checkout-mockup-hybrid))::after {
    display: none;
}

.marketplace-workspace-brand {
    position: fixed !important;
    top: 0.9rem;
    left: 0.8rem;
    z-index: 20 !important;
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 0.55rem;
    align-items: center;
    width: 150px;
    min-height: 44px;
    color: #f8fafc;
    text-decoration: none;
}

.marketplace-workspace-brand:hover,
.marketplace-workspace-brand:focus-visible {
    color: #ffffff;
    text-decoration: none;
}

.marketplace-workspace-brand__mark {
    --hivesync-logo-size: 36px;
}

.marketplace-workspace-brand > span {
    display: grid;
    min-width: 0;
    line-height: 1.05;
}

.marketplace-workspace-brand strong {
    color: #f8fafc;
    font-size: 0.82rem;
    font-weight: 900;
}

.marketplace-workspace-brand small {
    color: #9ca3af;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.blueprint-builder > .marketplace-workspace-brand {
    position: static !important;
    width: fit-content;
    margin-bottom: 0.25rem;
}

@media (max-width: 980px) {
    .marketplace-workspace-brand {
        position: static !important;
        grid-column: 1 / -1;
        width: fit-content;
        margin-bottom: 0.25rem;
    }
}

@media (max-width: 640px) {
    .provider-quote-page__header-row {
        align-items: flex-start;
        flex-direction: column-reverse;
        gap: 0.25rem;
    }

    .provider-quote-page__brand-logo {
        --hivesync-logo-lockup-width: 8.75rem;
        --hivesync-logo-lockup-height: 2.5rem;
    }

    .admin-workspace-brand__logo,
    .youtube-mobile-brand__logo {
        --hivesync-logo-lockup-width: 7.75rem;
        --hivesync-logo-lockup-height: 2.5rem;
    }
}

@media (max-width: 620px) {
    .report-detail-layout--evidence-capture > .reports-hero--compact {
        gap: 0.18rem;
        padding: 0.7rem 0.8rem;
    }

    .report-detail-layout--evidence-capture > .reports-hero--compact h1 {
        font-size: 1.72rem;
    }

    .report-detail-layout--evidence-capture > .reports-hero--compact .reports-lead {
        display: none;
    }
}

/* Keep marketplace moderation decisions within the focused desktop workspace. */
@media (min-width: 1181px) {
    .admin-workspace--branding-review .admin-branding-review-board {
        height: calc(100vh - 110px);
        height: calc(100dvh - 110px);
        min-height: 0;
    }

    .admin-workspace--branding-review .admin-branding-review-queue,
    .admin-workspace--branding-review .admin-branding-review-detail,
    .admin-workspace--branding-review .admin-branding-safety {
        min-height: 0;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-gutter: stable;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__heading {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
        gap: 0.65rem;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__heading > div.admin-branding-review-queue__tools {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        min-width: 0;
        width: 100%;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__tools label,
    .admin-workspace--branding-review .admin-branding-review-queue__tools select {
        min-width: 0;
        width: 100%;
    }

    .admin-workspace--branding-review .admin-branding-review-detail {
        grid-template-rows: auto minmax(420px, 1fr) auto auto;
        align-content: start;
    }

    .admin-workspace--branding-review .admin-branding-review-detail--confirming {
        grid-template-rows: auto auto;
    }

    .admin-workspace--branding-review .admin-branding-review-detail__header {
        position: static;
        grid-template-columns: 68px minmax(0, 1fr) minmax(90px, auto);
        grid-template-rows: auto auto;
        padding-right: 0;
    }

    .admin-workspace--branding-review .admin-branding-review-detail__header > div {
        grid-column: 2;
        grid-row: 1 / span 2;
        min-width: 0;
    }

    .admin-workspace--branding-review .admin-branding-review-detail__header > .status-pill {
        position: static;
        grid-column: 3;
        grid-row: 1;
        justify-self: end;
        white-space: normal;
        text-align: center;
    }

    .admin-workspace--branding-review .admin-branding-review-detail__due {
        position: static;
        grid-column: 3;
        grid-row: 2;
        align-self: start;
        justify-self: end;
        min-width: 90px;
        text-align: right;
    }

    .admin-workspace--branding-review .admin-branding-safety {
        grid-template-rows: auto;
        grid-auto-rows: minmax(136px, auto);
        align-content: start;
    }

    .admin-workspace--branding-review .admin-branding-safety article {
        grid-template-rows: auto auto;
        min-height: 136px;
        height: auto;
        align-content: start;
        overflow: hidden;
    }

    .admin-workspace--branding-review .admin-branding-safety article .status-pill {
        align-self: start;
        min-height: 24px;
        margin-top: 0.5rem;
        line-height: 1.2;
        overflow: visible;
    }
}

/* Keep marketplace moderation decisions reachable on compact-height desktop viewports. */
@media (min-width: 1181px) and (max-height: 760px) {
    .admin-workspace--branding-review {
        height: 100vh;
        height: 100dvh;
        min-height: 0;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior-y: contain;
    }

    .admin-workspace--branding-review .admin-branding-review-board {
        flex: 0 0 auto;
        grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1.2fr) minmax(280px, 0.9fr);
        grid-template-rows: minmax(0, 1fr) 64px;
        height: calc(100vh - 110px);
        height: calc(100dvh - 110px);
        min-height: 0;
        overflow: hidden;
    }

    .admin-workspace--branding-review .admin-branding-review-queue,
    .admin-workspace--branding-review .admin-branding-review-detail,
    .admin-workspace--branding-review .admin-branding-safety {
        min-height: 0;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-gutter: stable;
    }

    .admin-workspace--branding-review .admin-branding-review-detail {
        grid-column: 2;
        grid-row: 1;
    }

    .admin-workspace--branding-review .admin-branding-review-detail--confirming {
        grid-template-rows: auto minmax(0, 1fr);
        overflow-y: hidden;
    }

    .admin-workspace--branding-review .admin-branding-review-detail--confirming .admin-branding-reject-confirmation {
        gap: 0.4rem 0.7rem;
        min-height: 0;
        padding: 0.75rem;
    }

    .admin-workspace--branding-review .admin-branding-review-detail--confirming .admin-branding-reject-confirmation > div > p:last-child {
        margin-top: 0.25rem;
        line-height: 1.3;
    }

    .admin-workspace--branding-review .admin-branding-review-detail--confirming .admin-branding-reject-confirmation > textarea {
        min-height: 68px;
        height: 68px;
        padding: 0.55rem 0.65rem;
        resize: none;
    }

    .admin-workspace--branding-review .admin-branding-review-detail--confirming .admin-branding-reject-confirmation__validation {
        min-height: 1rem;
        margin: 0;
        line-height: 1.2;
    }

    .admin-workspace--branding-review .admin-branding-safety {
        grid-column: 3;
        grid-row: 1;
        display: block;
    }

    .admin-workspace--branding-review .admin-branding-review-actions {
        grid-column: 1 / -1;
        grid-row: 2;
        position: relative;
        z-index: 2;
        min-height: 64px;
        padding: 0.35rem 0 0;
        background: #0d1117;
    }
}

/* Preserve review-before-decision order when the desktop columns stack. */
@media (min-width: 861px) and (max-width: 1180px) {
    .admin-workspace--branding-review .admin-branding-review-board {
        grid-template-rows: auto auto auto auto;
    }

    .admin-workspace--branding-review .admin-branding-review-queue {
        grid-column: 1;
        grid-row: 1;
    }

    .admin-workspace--branding-review .admin-branding-review-detail {
        grid-column: 1;
        grid-row: 2;
    }

    .admin-workspace--branding-review .admin-branding-safety {
        grid-column: 1;
        grid-row: 3;
    }

    .admin-workspace--branding-review .admin-branding-review-actions {
        grid-column: 1;
        grid-row: 4;
    }
}

/* Keep the proposal-review mockup usable as a focused mobile workflow. */
@media (max-width: 720px) {
    .proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) {
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
        overflow-x: clip;
    }

    .proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-sidebar {
        display: grid;
        grid-template-rows: auto auto;
        gap: 0;
        width: 100%;
        max-height: none;
        overflow: visible;
    }

    .proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-sidebar__brand {
        min-height: 58px;
        padding: 0.7rem 0.85rem;
    }

    .proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-sidebar__nav--mockup {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(132px, 42vw);
        grid-template-columns: none;
        gap: 0.45rem;
        padding: 0.55rem 0.75rem 0.7rem;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scroll-snap-type: inline proximity;
        scrollbar-width: thin;
    }

    .proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-sidebar__nav--mockup > small {
        display: none;
    }

    .proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-sidebar__nav--mockup .proposal-sidebar__item {
        scroll-snap-align: start;
        width: 100%;
        min-height: 48px;
        padding: 0.5rem 0.65rem;
    }

    .proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-sidebar__nav--mockup .proposal-sidebar__item span:last-child {
        white-space: normal;
    }

    .proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-stage {
        width: 100%;
        padding: 0;
        overflow-x: hidden;
    }

    .proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-topbar--quote {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.7rem;
        width: 100%;
        min-height: auto;
        margin: 0;
        padding: 0.85rem;
    }

    .proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-topbar--quote h1 {
        font-size: 1.55rem;
        line-height: 1.12;
        overflow-wrap: normal;
        word-break: normal;
    }

    .proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-topbar--quote > div:first-child > p:not(.proposal-eyebrow) {
        display: flex;
        flex-wrap: wrap;
        gap: 0.35rem;
        margin: 0.35rem 0 0;
        padding: 0;
        border: 0;
        white-space: normal;
    }

    .proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-mockup-context-controls {
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
        margin-top: 0.7rem;
    }

    .proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-mockup-context-controls span {
        min-height: 48px;
    }

    .proposal-workspace-shell:has(.proposal-mockup-editor-hybrid) .proposal-account-strip {
        display: none;
    }
}

/* Publish Studio density pass: this route owns its command shell, so remove
   the decorative Marketplace rail and progressively disclose secondary data. */
.blueprint-publishing-workspace.marketplace-workspace:not(:has(.buyer-checkout-mockup-hybrid)) {
    padding: 0;
}

.blueprint-publishing-workspace.marketplace-workspace:not(:has(.buyer-checkout-mockup-hybrid))::before {
    display: none;
    content: none;
}

.blueprint-publishing-workspace .blueprint-publish-stage-rail {
    grid-template-rows: auto auto;
    align-self: start;
    max-height: none;
    overflow: visible;
}

.blueprint-publish-checklist-disclosure {
    display: grid;
    min-width: 0;
}

.blueprint-publish-checklist-disclosure > summary {
    min-height: 44px;
    cursor: pointer;
    list-style: none;
}

.blueprint-publish-checklist-disclosure > summary::-webkit-details-marker {
    display: none;
}

.blueprint-publish-checklist-header > div:nth-of-type(2) {
    height: 4px;
    border-radius: 999px;
    background: rgba(156, 163, 175, 0.25);
    overflow: hidden;
}

.blueprint-publish-checklist-header > div:nth-of-type(2) span {
    display: block;
    width: var(--publish-progress);
    height: 100%;
    background: #ffd700;
}

.blueprint-publish-checklist-header > small {
    color: #cbd5e1;
    font-size: 0.72rem;
    line-height: 1.25;
    text-transform: none;
}

.blueprint-publish-checklist-toggle {
    color: #60a5fa !important;
    font-size: 0.72rem !important;
    text-transform: none !important;
}

.blueprint-publish-checklist-disclosure[open] .blueprint-publish-checklist-header {
    margin-bottom: 0.55rem;
    padding-bottom: 0.55rem;
    border-bottom: 1px solid rgba(156, 163, 175, 0.16);
}

.blueprint-publish-checklist-disclosure .blueprint-publish-checklist-group {
    max-height: min(48vh, 420px);
}

@media (min-width: 1100px) and (max-width: 1499px) {
    .blueprint-publishing-workspace .blueprint-publish-studio-grid {
        grid-template-columns: minmax(220px, 0.42fr) minmax(0, 1fr);
        align-items: start;
    }

    .blueprint-publishing-workspace .blueprint-publish-side-stack {
        grid-column: 1 / -1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-height: none;
        overflow: visible;
    }
}

@media (max-width: 1099px) {
    .blueprint-publishing-workspace .blueprint-publish-side-stack {
        grid-template-columns: minmax(0, 1fr);
        max-height: none;
        overflow: visible;
    }
}