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

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

.hivesync-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    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, 8.875rem);
    height: var(--hivesync-logo-lockup-height, 3.125rem);
    max-width: 100%;
    justify-content: flex-start;
}

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

.hivesync-logo__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.hivesync-logo--lockup ~ span,
.hivesync-logo--lockup ~ strong,
.hivesync-logo--lockup ~ small,
.hivesync-logo--lockup ~ div {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

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

/* 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;
}

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

/* 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)),
        url('/images/branding-mockups/brand-kit-asset-thumb.png'),
        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)),
        var(--blueprint-brand-banner, none);
    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)),
        url('/images/branding-mockups/brand-kit-phone-hero.png'),
        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)),
        var(--blueprint-brand-banner, none);
    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,
.blueprint-branding-mock__help {
    margin-top: 1.15rem;
    border: 1px solid var(--brand-mock-line);
    border-radius: 8px;
    background: rgba(27, 29, 34, 0.78);
    padding: 1rem;
}

.blueprint-branding-mock__checklist h2 {
    margin: 0 0 0.75rem;
    font-size: 1rem;
}

.blueprint-branding-mock__checklist ol {
    display: grid;
    gap: 0.7rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.blueprint-branding-mock__checklist li {
    color: var(--brand-mock-muted);
}

.blueprint-branding-mock__checklist li::before {
    content: "o";
    margin-right: 0.5rem;
}

.blueprint-branding-mock__checklist li.complete,
.blueprint-branding-mock__checklist li.active {
    color: #e5e7eb;
}

.blueprint-branding-mock__checklist li.complete::before {
    content: "OK";
    color: #00e676;
}

.blueprint-branding-mock__checklist li.active::before {
    content: "*";
    color: #60a5fa;
}

.blueprint-branding-mock__help a {
    color: #60a5fa;
    padding: 0;
}

.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 span {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: var(--blueprint-brand-accent);
}

.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__actions a[href*="preview-lab"],
.blueprint-branding-mock__preview header a,
.blueprint-branding-mock__disclosure-row,
.blueprint-branding-mock__fallback {
    display: none;
}

.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)),
        url('/images/branding-mockups/brand-kit-phone-hero.png'),
        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: 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 {
    width: 100%;
    min-height: 48px;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(135deg, #00bfa5, #29d3c2);
    color: #ffffff;
    font-weight: 900;
    text-transform: uppercase;
    margin: 1rem 0 0.5rem;
}

.blueprint-branding-mock__validation {
    display: none;
    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__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__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)),
        url('/images/branding-mockups/venue-loadout-banner-small.png'),
        linear-gradient(135deg, color-mix(in srgb, var(--blueprint-brand-accent) 36%, transparent), rgba(17, 18, 20, 0.82)),
        var(--blueprint-brand-banner, none);
    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__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;
}

@media (min-width: 1181px) {
    .branding-preview-lab__controls,
    .branding-preview-lab__marketplace,
    .branding-preview-lab__mobile {
        height: 650px;
        overflow: hidden;
    }
}

.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)),
        url('/images/branding-mockups/venue-loadout-banner-wide.png'),
        linear-gradient(135deg, color-mix(in srgb, var(--blueprint-brand-accent) 34%, transparent), rgba(17, 18, 20, 0.82)),
        var(--blueprint-brand-banner, none);
    background-size: cover;
    background-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)),
        url('/images/branding-mockups/venue-loadout-mobile-banner.png'),
        linear-gradient(135deg, color-mix(in srgb, var(--blueprint-brand-accent) 34%, transparent), rgba(17, 18, 20, 0.82));
    background-size: cover;
    background-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 {
    min-height: 44px;
    border: 0;
    border-radius: 8px;
    background: var(--blueprint-brand-accent, #60a5fa);
    color: #ffffff;
    font-weight: 900;
    text-transform: uppercase;
}

.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 {
    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 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,
    .blueprint-branding-mock__topbar .status-pill {
        min-height: 44px;
        padding-inline: 0.75rem;
        font-size: 0.88rem;
        white-space: nowrap;
    }

    .blueprint-branding-mock__topbar .status-pill {
        min-width: 72px;
        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;
    }

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

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

/* 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-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;
    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: 52px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
}

.proposal-document__header--quote aside {
    display: grid;
    justify-items: end;
    gap: 0.15rem;
    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__header strong {
    color: #0f172a;
    font-size: 1.25rem;
}

.proposal-document__accent {
    height: 8px;
    border-radius: 999px;
    background: linear-gradient(90deg, #0f766e, #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;
}

.proposal-document__summary-strip,
.proposal-document__price-table,
.proposal-document__timeline-board,
.proposal-document__proof-board,
.proposal-document__phase-board {
    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__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__price-table header span,
.proposal-document__timeline-board header span,
.proposal-document__proof-board > span,
.proposal-document__phase-board > span {
    color: #0f766e;
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.proposal-document__summary-strip strong {
    color: #0f172a;
    font-size: 0.86rem;
    overflow-wrap: anywhere;
}

.proposal-document__price-table header,
.proposal-document__timeline-board 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__timeline-board header strong {
    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: rgba(0, 230, 118, 0.08);
}

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

.proposal-document__timeline-board ol,
.proposal-document__proof-board > div {
    display: grid;
    gap: 0.55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.proposal-document__proof-board > div {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.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-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__proof-board > 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--command-home {
    background: #0b0f12;
}

.main--command-home {
    padding: 0;
}

.main--public-pricing {
    padding: 0;
}

.main--public-landing {
    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;
    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__links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    min-width: 0;
}

.command-nav__link {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    min-height: 44px;
    padding: 0 1rem;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #9ca3af;
    text-decoration: none;
}

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

@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-x: hidden;
    }

    .command-nav__brand {
        flex: 0 0 auto;
    }

    .command-nav__links {
        flex: 0 0 auto;
        width: 100%;
        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;
    }
}

.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(230px, 0.48fr) minmax(360px, 0.92fr) minmax(440px, 1.18fr);
}

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

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

.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-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-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: 32px;
    padding: 0.25rem 0.75rem;
    border: 1px solid rgba(156, 163, 175, 0.26);
    border-radius: 8px;
    background: #232529;
    color: #f8fafc;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
    white-space: normal;
    overflow-wrap: anywhere;
    text-align: center;
}

.status-pill--green { border-color: rgba(0, 230, 118, 0.55); color: #00e676; }
.status-pill--orange { border-color: rgba(255, 165, 0, 0.6); color: #ffa500; }
.status-pill--red { border-color: rgba(255, 68, 68, 0.6); color: #ff4444; }
.status-pill--blue { border-color: rgba(96, 165, 250, 0.6); color: #60a5fa; }
.status-pill--gold { border-color: rgba(255, 215, 0, 0.6); color: #ffd700; }
.status-pill--purple { border-color: rgba(171, 71, 188, 0.6); color: #ab47bc; }

.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 span {
    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 {
    justify-self: end;
    min-width: 0;
    min-height: 44px;
    width: auto;
    padding: 0.35rem 0.65rem;
    border-radius: 999px;
    font-size: 0.76rem;
    line-height: 1.1;
    text-transform: uppercase;
}

.action-row .action-row__status.status-pill--green { border-color: rgba(0, 230, 118, 0.55); color: #00e676; }
.action-row .action-row__status.status-pill--orange { border-color: rgba(255, 165, 0, 0.6); color: #ffa500; }
.action-row .action-row__status.status-pill--red { border-color: rgba(255, 68, 68, 0.6); color: #ff4444; }
.action-row .action-row__status.status-pill--blue { border-color: rgba(96, 165, 250, 0.6); color: #60a5fa; }
.action-row .action-row__status.status-pill--gold { border-color: rgba(255, 215, 0, 0.6); color: #ffd700; }
.action-row .action-row__status.status-pill--purple { border-color: rgba(171, 71, 188, 0.6); color: #ab47bc; }

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

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

.client-mandate-proposal-one .client-mandate-topbar__utilities button:nth-child(2) {
    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-topbar__bell small {
    position: absolute;
    top: 4px;
    right: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 999px;
    background: #ef4444;
    color: #ffffff;
    font-size: 0.62rem;
    font-weight: 900;
}

.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-editor label {
    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-editor label > 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-editor label 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-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: 28px;
    height: 28px;
    color: #94a3b8;
}

.teamsync-hub {
    max-width: 1440px;
}

.teamsync-ops-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 1rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #1b1c1e;
}

.teamsync-ops-hero h1 {
    margin: 0.1rem 0 0;
    color: #ffffff;
    font-size: 2.35rem;
    line-height: 1.04;
    letter-spacing: 0;
}

.teamsync-ops-hero .reports-lead {
    max-width: 900px;
    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-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-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 {
    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(260px, 0.9fr) minmax(300px, 1.1fr);
    gap: 0.85rem;
    align-items: stretch;
}

.teamsync-priority-board__metrics {
    grid-column: 1 / -1;
    grid-template-columns: repeat(5, 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: 0 20px 60px rgba(0, 0, 0, 0.18);
}

.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-exception-board {
    scroll-margin-top: 96px;
}

.teamsync-package-shell,
.teamsync-planning-grid {
    display: grid;
    gap: 1rem;
    align-items: start;
}

.teamsync-package-shell {
    grid-template-columns: 240px minmax(0, 1fr) 360px;
}

.teamsync-planning-grid {
    grid-template-columns: minmax(320px, 0.85fr) minmax(0, 1.15fr);
}

@media (max-width: 1320px) and (min-width: 1101px) {
    .teamsync-package-shell {
        grid-template-columns: 220px minmax(0, 1fr);
    }

    .teamsync-inspector {
        grid-column: 1 / -1;
        grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.9fr);
        align-items: start;
    }
}

.teamsync-stepper,
.teamsync-blueprint,
.teamsync-inspector,
.teamsync-map-panel,
.teamsync-crew-panel,
.teamsync-mobile-preview {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.teamsync-stepper,
.teamsync-blueprint,
.teamsync-map-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: 0 20px 60px rgba(0, 0, 0, 0.2);
}

.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-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-readiness-list__item {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
    min-height: 68px;
    padding: 0.7rem;
    border: 1px solid rgba(156, 163, 175, 0.18);
    border-radius: 8px;
    background: #232529;
}

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

.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: 196px 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;
    }
}

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

.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__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: 92px;
    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 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-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 {
        grid-template-columns: 1fr;
    }

    .mobile-experience__lifecycle,
    .mobile-experience__plan-grid,
    .mobile-experience__role-grid,
    .mobile-experience__starter-list {
        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-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 {
        grid-template-columns: 1fr;
    }

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

.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, 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--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.82rem;
    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__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-controls {
    display: grid;
    gap: 0.48rem;
    width: min(100%, 48rem);
}

.public-landing__quote-controls label {
    display: grid;
    grid-template-columns: minmax(8.5rem, 0.32fr) minmax(10rem, 1fr) minmax(5.5rem, auto);
    gap: 0.7rem;
    align-items: center;
    min-height: 44px;
    padding: 0.48rem 0.62rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.045);
}

.public-landing__quote-controls label span,
.public-landing__quote-controls label strong {
    color: #d1d5db;
    font-size: 0.78rem;
    line-height: 1.2;
}

.public-landing__quote-controls label strong {
    justify-self: end;
    color: #ffffff;
    font-weight: 900;
}

.public-landing__quote-controls input[type="range"] {
    width: 100%;
    min-height: 44px;
    accent-color: #60a5fa;
}

.public-landing__quote-help {
    max-width: 48rem;
    margin: 0;
    color: #cbd5e1;
    font-size: 0.72rem;
    line-height: 1.35;
}

.public-landing__quote-factor-panel {
    display: grid;
    gap: 0.34rem;
    max-width: 48rem;
}

.public-landing__quote-factor-panel h3 {
    margin: 0;
    color: #ffffff;
    font-size: 0.76rem;
    font-weight: 900;
}

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

@media (max-width: 640px) {
    .public-landing__quote-controls label {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.28rem;
    }

    .public-landing__quote-controls label strong {
        justify-self: start;
    }

    .public-landing__quote-factor-list {
        grid-template-columns: minmax(0, 1fr);
    }
}

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

.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(5, minmax(0, 1fr));
    gap: 0.9rem;
    margin-top: 1.15rem;
    padding: 1rem;
    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: flex;
    align-items: center;
    gap: 1rem;
}

.public-landing__path-heading p {
    max-width: 82ch;
    margin: 0;
    color: #d1d5db;
    font-size: 0.9rem;
    line-height: 1.4;
}

.public-landing__monetization-path .public-landing__workflow-card {
    display: grid;
    gap: 0.8rem;
    min-height: 0;
    padding: 0.9rem;
}

.public-landing__monetization-path .public-landing__workflow-card h2 {
    font-size: 1rem;
    line-height: 1.16;
}

.public-landing__monetization-path .public-landing__workflow-card p {
    min-height: 4.4em;
    color: #d1d5db;
    font-size: 0.82rem;
    line-height: 1.35;
}

.public-landing__monetization-path .public-landing__workflow-card a {
    align-self: end;
    min-height: 44px;
    font-size: 0.74rem;
}

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

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

@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--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__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--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;
}

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

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

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

.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-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-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-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: 0.78rem;
    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 {
    content: "HIVE SYNC\A MARKETPLACE";
    position: fixed;
    top: 1.18rem;
    left: 1.05rem;
    z-index: 1;
    display: block;
    width: 178px;
    height: 36px;
    padding-left: 46px;
    border: 0;
    border-radius: 0;
    background:
        radial-gradient(circle at 18px 18px, #ffd700 0 8px, transparent 9px),
        radial-gradient(circle at 8px 8px, #ffd700 0 5px, transparent 6px),
        radial-gradient(circle at 28px 8px, #ffd700 0 5px, transparent 6px),
        radial-gradient(circle at 8px 28px, #ffd700 0 5px, transparent 6px),
        radial-gradient(circle at 28px 28px, #ffd700 0 5px, transparent 6px);
    color: #ffffff;
    font-size: 0.88rem;
    font-weight: 900;
    line-height: 1.1;
    white-space: pre-line;
}

.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;
    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: 0.82rem;
    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;
    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-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 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 {
    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__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__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 button em {
    position: absolute;
    top: 8px;
    right: 9px;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #1677ff;
}

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

.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-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-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-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 {
    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 {
    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,
    .youtube-queue-layout,
    .youtube-profile-layout {
        grid-template-columns: 1fr;
    }

    .youtube-packet-source-summary dl {
        grid-template-columns: repeat(3, minmax(0, 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-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-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-queue-opportunity__grid,
    .youtube-command-definition-list div,
    .youtube-profile-opportunity-row {
        grid-template-columns: 1fr;
    }

    .youtube-intake-panel--wide {
        grid-column: auto;
    }

    .youtube-intake-guardrails--rail {
        position: static;
    }

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

@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-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: #fff;
    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 {
    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__heading button {
    min-width: 64px;
    min-height: 40px;
    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--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__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-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 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-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;
    justify-content: center;
}

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

    .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: 0.66rem;
        line-height: 1.78;
    }

    .marketplace-workspace:not(:has(.buyer-checkout-mockup-hybrid))::after {
        top: 0.9rem;
        left: 0.8rem;
        width: 132px;
        height: 30px;
        padding-left: 38px;
        background:
            radial-gradient(circle at 15px 15px, #ffd700 0 7px, transparent 8px),
            radial-gradient(circle at 7px 7px, #ffd700 0 4px, transparent 5px),
            radial-gradient(circle at 23px 7px, #ffd700 0 4px, transparent 5px),
            radial-gradient(circle at 7px 23px, #ffd700 0 4px, transparent 5px),
            radial-gradient(circle at 23px 23px, #ffd700 0 4px, transparent 5px);
        font-size: 0.72rem;
    }

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

.report-detail-layout--buyer-checkout:has(.marketplace-conversion-mockup) {
    max-width: none;
    gap: 0;
    padding: 0;
}

.report-detail-layout--buyer-checkout:has(.marketplace-conversion-mockup) > .breadcrumb-trail,
.report-detail-layout--buyer-checkout:has(.marketplace-conversion-mockup) > .reports-hero,
.report-detail-layout--buyer-checkout:has(.marketplace-conversion-mockup) > .report-command-detail-strip,
.report-detail-layout--buyer-checkout:has(.marketplace-conversion-mockup) > .buyer-checkout-report,
.report-detail-layout--buyer-checkout:has(.marketplace-conversion-mockup) > .reports-detail-command-footer {
    display: none;
}

.page:has(.marketplace-conversion-mockup) .command-header {
    display: none;
}

.main:has(.marketplace-conversion-mockup) {
    padding: 0;
    background: #05080c;
}

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

.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-x: hidden;
    }

    .command-nav__brand {
        flex: 0 0 auto;
    }

    .command-nav__links {
        flex: 0 0 auto;
        width: 100%;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 0.35rem;
        overflow-x: visible;
    }

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

    .reports-command-sidebar {
        position: static;
        height: auto;
        max-height: none;
        min-width: 0;
        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%;
        overflow-x: auto;
        padding: 0.65rem;
    }

    .reports-command-nav section {
        flex: 0 0 190px;
    }

    .reports-command-topbar,
    .reports-command-toolbar,
    .reports-command-footer {
        position: static;
    }

    .reports-objective-lanes {
        grid-template-columns: repeat(5, minmax(210px, 1fr));
        overflow-x: auto;
        padding: 0.65rem;
    }

    .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-priority-board,
    .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-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));
    }

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

    .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: 1fr;
        overflow-x: visible;
        padding: 0.65rem;
    }

    .reports-objective-lane {
        min-height: 58px;
    }

    .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: repeat(2, 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-ops-hero__actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .teamsync-task-card,
    .teamsync-readiness-list__item {
        grid-template-columns: 1fr;
    }

    .teamsync-task-card > span,
    .teamsync-readiness-list__item > .oi {
        justify-self: start;
    }

    .admin-workspace h1 {
        font-size: clamp(2rem, 12vw, 3rem);
        line-height: 1.05;
    }

    .teamsync-ops-hero h1 {
        font-size: 2.15rem;
    }

    .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 {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

@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-signature {
        display: grid;
        gap: 0.35rem;
        padding-top: 0.28rem;
        color: #0f172a;
    }

    .proposal-public-share--client-review .proposal-public-signature > strong {
        font-size: 0.88rem;
    }

    .proposal-public-share--client-review .proposal-public-signature > small {
        color: #475569;
        font-size: 0.72rem;
        line-height: 1.25;
    }

    .proposal-public-share--client-review .proposal-public-signature div {
        display: grid;
        grid-template-rows: minmax(72px, auto) 28px;
        min-height: 104px;
        border: 1px solid #cbd5e1;
        border-radius: 8px;
        background: #ffffff;
        overflow: hidden;
    }

    .proposal-public-share--client-review .proposal-public-signature div > span {
        align-self: center;
        justify-self: center;
        color: #0f172a;
        font-family: "Brush Script MT", "Snell Roundhand", cursive;
        font-size: 2.35rem;
        line-height: 1;
        transform: rotate(-4deg);
    }

    .proposal-public-share--client-review .proposal-public-signature button {
        justify-self: end;
        min-width: 44px;
        min-height: 28px;
        border: 0;
        padding: 0 0.55rem;
        color: #0f766e;
        background: transparent;
        font: inherit;
        font-size: 0.68rem;
    }

    .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-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::after {
        content: "✓";
        display: inline-grid;
        place-items: center;
        width: 18px;
        height: 18px;
        border: 1px solid currentColor;
        border-radius: 999px;
        font-size: 0.68rem;
        line-height: 1;
    }

    .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;
    width: 100%;
    height: 100%;
    min-height: 100%;
    opacity: 0;
    cursor: pointer;
}

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

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

    .blueprint-branding-mock .blueprint-branding-mock__main {
        padding: 1rem;
    }

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

.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-proof-rail {
    position: sticky;
    top: 1rem;
    gap: 0.48rem;
    margin-top: -0.7rem;
}

.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-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.62rem !important;
    line-height: 1.1;
    white-space: nowrap;
}

.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 (max-width: 1180px) {
    .marketplace-workspace.client-mandate-detail-workspace {
        padding-left: 1rem !important;
    }

    .client-mandate-detail-workspace .client-mandate-command-nav {
        position: relative;
        width: auto;
    }

    .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-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: absolute;
        top: 0.75rem;
        right: 0.75rem;
    }

    .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-detail-workspace .client-mandate-audit-list-header,
    .client-mandate-detail-workspace .client-mandate-audit-list li {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-mandate-lifecycle-track::before {
        display: none;
    }

    .client-mandate-metadata-strip__brief {
        grid-column: auto;
    }

    .client-mandate-decision-card .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 {
    min-height: 100vh;
    overflow-x: clip;
    background: #1b1c1e;
    color: #f8fafc;
}

.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: 64px;
    padding: 0.65rem 1rem;
    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, 8.875rem);
    width: var(--hivesync-logo-lockup-width, 8.875rem) !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: 1rem;
    width: min(1180px, calc(100% - 2rem));
    min-width: 0;
    margin: 0 auto;
    padding: 1rem 0 3rem;
}

.photo-video-requirements__hero,
.photo-video-requirements__share-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.42fr);
    gap: 1rem;
    align-items: stretch;
    padding: 1rem 0;
}

.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: 0.75rem;
    align-content: start;
    padding: 1rem;
}

.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;
    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 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--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: 1rem;
}

.photo-video-requirements__form header h2,
.photo-video-requirements__brief h2,
.photo-video-requirements__response h2,
.photo-video-requirements__preview h2 {
    margin: 0.45rem 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;
    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 button: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);
}

.photo-video-requirements__step-label {
    min-width: 0;
    white-space: nowrap;
}

.photo-video-requirements__step-status {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0.08rem 0.34rem;
    border: 1px solid rgba(0, 230, 118, 0.26);
    border-radius: 999px;
    background: rgba(0, 230, 118, 0.08);
    color: #d8ffe8;
    font-size: 0.58rem;
    font-weight: 950;
    line-height: 1;
    text-transform: uppercase;
}

.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;
    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: #9ca3af;
    font-size: 0.74rem;
    font-weight: 900;
    text-transform: uppercase;
}

.photo-video-requirements__sheet-section {
    display: grid;
    min-width: 0;
    scroll-margin-top: 5.4rem;
}

.photo-video-requirements__sheet-row {
    padding: 0.68rem 0.8rem;
    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 {
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 850;
    line-height: 1.32;
}

.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;
    font: inherit;
    font-size: 0.92rem;
    line-height: 1.35;
}

.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.74) !important;
    box-shadow:
        0 0 0 3px rgba(96, 165, 250, 0.14),
        inset 0 0 0 1px rgba(96, 165, 250, 0.14);
}

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

.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);
    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: 74px;
    resize: vertical;
}

.photo-video-requirements__sheet input::placeholder,
.photo-video-requirements__sheet textarea::placeholder {
    color: #6b7280;
}

.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__progress-actions {
    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);
}

.photo-video-requirements__progress-actions p {
    min-width: min(100%, 16rem);
    margin: 0;
    color: #d1d5db;
    font-size: 0.84rem;
    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__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 {
    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__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;
    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;
}

.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__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: 10px;
        min-width: 10px;
        height: 10px;
        min-height: 10px;
        padding: 0;
        overflow: hidden;
        font-size: 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__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, 8.875rem));
        width: min(100%, var(--hivesync-logo-lockup-width, 8.875rem)) !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--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 {
        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__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;
        padding: 0;
        border: 0;
        background: transparent;
    }

    .photo-video-requirements__sheet {
        gap: 1rem;
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
    }

    .photo-video-requirements__sheet-section {
        gap: 1rem;
    }

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

    .photo-video-requirements__shell {
        padding: 0.8rem 0.9rem 2rem;
    }

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

.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: 2 !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: 3 !important;
    margin-top: 0;
}

@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: 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-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);
    }
}

/* 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: 1360px) {
    .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;
    }
}

/* Affiliate Program visual audit polish */
.affiliate-command-center-grid {
    align-items: start;
}

.affiliate-command-center-grid > .report-panel {
    align-self: start;
}

.affiliate-command-workspace {
    display: grid;
    gap: 1rem;
}

.affiliate-command-console {
    position: relative;
}

.report-detail-layout:has(.affiliate-command-console) > .report-command-detail-strip {
    display: none;
}

.affiliate-command-console__topbar,
.affiliate-command-footer {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.65rem;
    padding: 0.65rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.68);
}

.affiliate-command-console__topbar div,
.affiliate-command-footer div {
    min-width: 0;
    padding: 0.65rem 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 8px;
    background: rgba(2, 6, 23, 0.38);
}

.affiliate-command-console__topbar span,
.affiliate-command-footer span,
.affiliate-command-field span {
    display: block;
    color: rgba(148, 163, 184, 0.88);
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.affiliate-command-console__topbar strong,
.affiliate-command-footer strong,
.affiliate-command-field strong {
    display: block;
    margin-top: 0.2rem;
    color: #f8fafc;
    overflow-wrap: anywhere;
}

.affiliate-command-lenses {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.affiliate-command-lens {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 0.9rem;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.66);
    color: rgba(226, 232, 240, 0.82);
    font-size: 0.86rem;
    font-weight: 800;
    text-decoration: none;
}

.affiliate-command-lens:hover,
.affiliate-command-lens:focus-visible,
.affiliate-command-lens--active {
    border-color: rgba(20, 184, 166, 0.52);
    background: rgba(20, 184, 166, 0.14);
    color: #ecfeff;
}

.affiliate-command-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.42fr);
    gap: 1rem;
    align-items: stretch;
}

.affiliate-command-stage {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
    gap: 1rem;
    align-items: start;
}

.affiliate-command-stage > .report-panel--wide {
    grid-column: auto;
}

.affiliate-command-stage > .report-panel {
    gap: 0.65rem;
    padding: 0.95rem;
}

.affiliate-readiness-card,
.affiliate-primary-action,
.affiliate-generated-link,
.affiliate-command-alert,
.affiliate-readiness-step,
.affiliate-copy-guardrail,
.affiliate-metric-panel {
    min-width: 0;
}

.affiliate-readiness-card {
    display: grid;
    gap: 0.7rem;
    align-items: start;
    padding: 0.95rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.92), rgba(30, 41, 59, 0.78));
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.22);
}

.affiliate-readiness-card__body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(132px, 0.28fr);
    gap: 0.8rem;
    align-items: center;
}

.affiliate-readiness-card__body h3 {
    margin: 0 0 0.25rem;
    color: #f8fafc;
    font-size: clamp(1.25rem, 1.65vw, 1.7rem);
    line-height: 1.08;
}

.affiliate-readiness-card__body p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.32;
}

.affiliate-readiness-card--green {
    border-color: rgba(34, 197, 94, 0.44);
}

.affiliate-readiness-card--gold {
    border-color: rgba(245, 158, 11, 0.44);
}

.affiliate-readiness-card--red {
    border-color: rgba(248, 113, 113, 0.44);
}

.affiliate-readiness-card h2,
.affiliate-primary-action h2,
.affiliate-section-heading h2,
.affiliate-copy-guardrail h2,
.affiliate-metric-panel h2 {
    margin: 0.35rem 0 0.2rem;
    color: #f8fafc;
}

.affiliate-readiness-card p,
.affiliate-primary-action p,
.affiliate-section-heading p,
.affiliate-generated-link span,
.affiliate-readiness-step p,
.affiliate-copy-guardrail p,
.affiliate-copy-guardrail small {
    color: rgba(203, 213, 225, 0.84);
}

.affiliate-readiness-card .affiliate-section-heading p {
    display: none;
}

.affiliate-readiness-gauge {
    display: grid;
    place-items: center;
    gap: 0.2rem;
    min-height: 118px;
    padding: 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 8px;
    background: rgba(2, 6, 23, 0.44);
    text-align: center;
}

.affiliate-readiness-gauge strong {
    color: #f8fafc;
    font-size: 2rem;
    line-height: 1;
}

.affiliate-readiness-gauge span {
    color: rgba(203, 213, 225, 0.78);
    font-size: 0.76rem;
    font-weight: 800;
    text-transform: uppercase;
}

.affiliate-command-primary-button {
    width: 100%;
    margin-top: 0.2rem;
}

.affiliate-command-primary-button:disabled {
    cursor: not-allowed;
    opacity: 0.58;
}

.affiliate-command-status-stack {
    display: grid;
    gap: 0.45rem;
    margin-top: 0.75rem;
}

.affiliate-command-status-stack p {
    margin: 0;
    padding: 0.65rem 0.75rem;
    border: 1px solid rgba(59, 130, 246, 0.24);
    border-radius: 8px;
    background: rgba(59, 130, 246, 0.1);
    color: rgba(219, 234, 254, 0.92);
    font-size: 0.88rem;
}

.affiliate-command-main-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.45fr);
    gap: 1rem;
    align-items: start;
}

.affiliate-command-main-grid--proposal {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) minmax(250px, 0.8fr) minmax(240px, 0.72fr);
}

.affiliate-command-main-grid--proposal > .report-panel {
    align-self: start;
}

.affiliate-section-heading {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 0.7rem;
}

.affiliate-section-heading .status-pill {
    flex: 0 0 auto;
}

.affiliate-campaign-panel .affiliate-section-heading {
    align-items: center;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.affiliate-campaign-panel .affiliate-section-heading p {
    display: block;
    max-width: 56rem;
    margin: 0.15rem 0 0;
    color: #cbd5e1;
    font-size: 0.92rem;
    line-height: 1.35;
}

.affiliate-campaign-studio-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.affiliate-campaign-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
    margin-bottom: 0.7rem;
}

.affiliate-command-field {
    min-width: 0;
    padding: 0.6rem 0.65rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background: rgba(2, 6, 23, 0.34);
}

.affiliate-command-field--wide {
    grid-column: 1 / -1;
}

.affiliate-generated-link {
    display: flex;
    gap: 0.7rem;
    align-items: center;
    justify-content: space-between;
    padding: 0.7rem;
    border: 1px solid rgba(20, 184, 166, 0.26);
    border-radius: 8px;
    background: rgba(20, 184, 166, 0.09);
}

.affiliate-ready-callout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    min-height: 64px;
    padding: 0.75rem;
    border: 1px solid rgba(20, 184, 166, 0.32);
    border-radius: 8px;
    background: rgba(20, 184, 166, 0.11);
}

.affiliate-ready-callout strong,
.affiliate-ready-callout span {
    display: block;
}

.affiliate-ready-callout strong {
    margin-bottom: 0.2rem;
    color: #f8fafc;
}

.affiliate-ready-callout span {
    color: rgba(204, 251, 241, 0.88);
    font-size: 0.86rem;
    line-height: 1.35;
}

.affiliate-ready-callout .report-action-link {
    min-height: 44px;
    white-space: nowrap;
}

.affiliate-generated-link--ready {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    border-color: rgba(34, 197, 94, 0.34);
    background:
        linear-gradient(135deg, rgba(20, 184, 166, 0.16), transparent 46%),
        rgba(2, 6, 23, 0.38);
}

.affiliate-generated-link__summary {
    grid-column: 1 / -1;
    display: grid;
    gap: 0.24rem;
    min-width: 0;
}

.affiliate-generated-link__summary .status-pill {
    justify-self: start;
    margin-bottom: 0.1rem;
    white-space: nowrap;
}

.affiliate-generated-link--ready .report-action-row {
    grid-column: 1 / -1;
    justify-content: flex-start;
}

.affiliate-generated-link__url {
    grid-column: 1 / -1;
    overflow-wrap: anywhere;
    padding: 0.58rem 0.65rem;
    border: 1px solid rgba(20, 184, 166, 0.2);
    border-radius: 8px;
    background: rgba(2, 6, 23, 0.45);
    color: #ccfbf1;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.78rem;
    line-height: 1.35;
}

.affiliate-attribution-payload {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));
    gap: 0.5rem;
}

.affiliate-attribution-payload div {
    min-width: 0;
    padding: 0.6rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.52);
}

.affiliate-attribution-payload span,
.affiliate-attribution-payload strong {
    display: block;
}

.affiliate-attribution-payload span {
    margin-bottom: 0.25rem;
    color: rgba(148, 163, 184, 0.9);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    overflow-wrap: anywhere;
}

.affiliate-attribution-payload strong {
    overflow-wrap: anywhere;
    color: #f8fafc;
    font-size: 0.84rem;
    line-height: 1.25;
    white-space: normal;
}

.affiliate-generated-link__guardrail {
    grid-column: 1 / -1;
    display: grid;
    gap: 0.3rem;
    padding: 0.65rem;
    border: 1px solid rgba(251, 113, 133, 0.28);
    border-radius: 8px;
    background: rgba(127, 29, 29, 0.14);
}

.affiliate-generated-link__guardrail strong {
    color: #fecdd3;
}

.affiliate-generated-link__guardrail span {
    color: rgba(254, 226, 226, 0.9);
    line-height: 1.35;
}

.affiliate-generated-link--empty {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    border-color: rgba(148, 163, 184, 0.2);
    background: rgba(15, 23, 42, 0.48);
}

.affiliate-generated-link strong {
    display: block;
    margin-bottom: 0.2rem;
    color: #f8fafc;
}

.affiliate-generated-link span:not(.status-pill) {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.affiliate-generated-link--ready .affiliate-attribution-payload span,
.affiliate-generated-link--ready .affiliate-generated-link__summary span:not(.status-pill),
.affiliate-generated-link--ready .affiliate-generated-link__guardrail span {
    display: block;
    overflow: visible;
    -webkit-line-clamp: unset;
}

.affiliate-generated-link--ready .affiliate-generated-link__guardrail strong {
    color: #fecdd3;
}

.affiliate-link-metadata {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.65rem;
    margin: 1rem 0 0;
}

.affiliate-link-metadata div {
    min-width: 0;
    padding: 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.42);
}

.affiliate-link-metadata dt {
    color: rgba(148, 163, 184, 0.88);
    font-size: 0.73rem;
    font-weight: 800;
    text-transform: uppercase;
}

.affiliate-link-metadata dd {
    margin: 0.25rem 0 0;
    color: rgba(248, 250, 252, 0.92);
    overflow-wrap: anywhere;
}

.affiliate-command-alert {
    display: grid;
    gap: 0.35rem;
    margin-top: 0.8rem;
    padding: 0.85rem;
    border: 1px solid rgba(248, 113, 113, 0.32);
    border-radius: 8px;
    background: rgba(127, 29, 29, 0.18);
}

.affiliate-command-alert strong {
    color: #fecaca;
}

.affiliate-command-alert span {
    color: rgba(254, 226, 226, 0.88);
}

.affiliate-readiness-steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.7rem;
    margin-top: 0.85rem;
}

.affiliate-readiness-steps--compact {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 0;
    gap: 0.55rem;
}

.affiliate-readiness-step {
    display: grid;
    gap: 0.18rem;
    padding: 0.55rem 0.65rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.46);
}

.affiliate-readiness-step span {
    color: rgba(148, 163, 184, 0.9);
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.affiliate-readiness-step strong {
    color: #f8fafc;
}

.affiliate-readiness-step p {
    margin: 0;
    font-size: 0.78rem;
    line-height: 1.28;
}

.affiliate-readiness-steps--compact .affiliate-readiness-step p {
    display: none;
}

.affiliate-readiness-step--complete {
    border-color: rgba(34, 197, 94, 0.32);
    background: rgba(22, 101, 52, 0.14);
}

.affiliate-readiness-step--complete span {
    color: #86efac;
}

.affiliate-readiness-step--waiting {
    border-color: rgba(245, 158, 11, 0.28);
}

.affiliate-readiness-step--waiting span {
    color: #fcd34d;
}

.affiliate-command-table {
    display: grid;
    gap: 0;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background: rgba(2, 6, 23, 0.32);
}

.affiliate-command-table__row {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(82px, 0.45fr) minmax(72px, 0.35fr) minmax(90px, 0.45fr);
    gap: 0.65rem;
    align-items: center;
    min-height: 52px;
    padding: 0.65rem 0.75rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
    color: rgba(226, 232, 240, 0.88);
}

.affiliate-command-table--recovery .affiliate-command-table__row {
    grid-template-columns: minmax(0, 1.3fr) minmax(80px, 0.45fr) minmax(110px, 0.55fr);
}

.affiliate-compliance-panel .affiliate-command-table__row {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
}

.affiliate-compliance-panel .affiliate-command-table__row--head {
    display: none;
}

.affiliate-compliance-panel .affiliate-command-mark {
    justify-self: start;
}

.affiliate-command-table__row:last-child {
    border-bottom: 0;
}

.affiliate-command-table__row--head {
    min-height: 40px;
    background: rgba(15, 23, 42, 0.7);
    color: rgba(148, 163, 184, 0.9);
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.affiliate-command-table__row strong,
.affiliate-safe-copy-list strong {
    display: block;
    color: #f8fafc;
}

.affiliate-command-table__row small,
.affiliate-safe-copy-list span {
    display: block;
    color: rgba(203, 213, 225, 0.74);
    font-size: 0.78rem;
}

.affiliate-command-mark {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 0.45rem;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 6px;
    background: rgba(15, 23, 42, 0.74);
    color: rgba(226, 232, 240, 0.9);
    font-size: 0.76rem;
    font-weight: 900;
}

.affiliate-command-mark--green {
    border-color: rgba(34, 197, 94, 0.34);
    background: rgba(22, 101, 52, 0.2);
    color: #86efac;
}

.affiliate-command-mark--gold {
    border-color: rgba(245, 158, 11, 0.36);
    background: rgba(120, 53, 15, 0.22);
    color: #fcd34d;
}

.affiliate-command-mark--red {
    border-color: rgba(248, 113, 113, 0.36);
    background: rgba(127, 29, 29, 0.22);
    color: #fecaca;
}

.affiliate-command-mark--blue {
    border-color: rgba(96, 165, 250, 0.36);
    background: rgba(30, 64, 175, 0.2);
    color: #bfdbfe;
}

.affiliate-command-authority-line {
    display: flex;
    gap: 0.65rem;
    align-items: center;
    justify-content: space-between;
    min-height: 44px;
    margin-top: 0.6rem;
    padding: 0.55rem 0.65rem;
    border-top: 1px solid rgba(148, 163, 184, 0.16);
    color: rgba(203, 213, 225, 0.84);
}

.affiliate-readiness-card > .affiliate-command-authority-line {
    display: none;
}

.affiliate-command-authority-line strong {
    color: #86efac;
}

.affiliate-command-authority-line--green {
    color: rgba(187, 247, 208, 0.86);
}

.affiliate-growth-list {
    display: grid;
    gap: 0;
    overflow: hidden;
    margin: 0;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background: rgba(2, 6, 23, 0.28);
}

.affiliate-growth-list div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.45rem;
    min-height: 52px;
    padding: 0.65rem 0.75rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
}

.affiliate-growth-list div:last-child {
    border-bottom: 0;
}

.affiliate-growth-list dt {
    color: rgba(226, 232, 240, 0.88);
    font-weight: 800;
}

.affiliate-growth-list dd {
    margin: 0;
    color: #f8fafc;
    font-weight: 900;
}

.affiliate-growth-list small {
    grid-column: 1 / -1;
    color: rgba(203, 213, 225, 0.72);
}

.affiliate-safe-copy-list {
    display: grid;
    gap: 0;
    margin: 0.9rem 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(245, 158, 11, 0.22);
    border-radius: 8px;
    background: rgba(120, 53, 15, 0.1);
    list-style: none;
}

.affiliate-safe-copy-list li {
    min-height: 56px;
    padding: 0.75rem;
    border-bottom: 1px solid rgba(245, 158, 11, 0.16);
}

.affiliate-safe-copy-list li:last-child {
    border-bottom: 0;
}

.affiliate-copy-guardrail--rail {
    border-color: rgba(245, 158, 11, 0.38);
}

.affiliate-copy-guardrail blockquote {
    margin: 0.9rem 0;
    padding: 0.85rem;
    border-left: 3px solid rgba(20, 184, 166, 0.64);
    border-radius: 0 8px 8px 0;
    background: rgba(20, 184, 166, 0.1);
    color: #ccfbf1;
}

.affiliate-command-footer {
    z-index: 2;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-color: rgba(20, 184, 166, 0.18);
    box-shadow: 0 16px 36px rgba(2, 6, 23, 0.16);
}

.affiliate-metric-panel .report-metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 1120px) {
    .affiliate-command-stage,
    .affiliate-command-hero,
    .affiliate-command-main-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .affiliate-command-main-grid--proposal {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .affiliate-readiness-steps,
    .affiliate-link-metadata {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .report-detail-layout:has(.affiliate-command-console) {
        max-width: none;
    }

    .report-detail-layout:has(.affiliate-command-console) .reports-hero--compact {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
    }

    .report-detail-layout:has(.affiliate-command-console) .reports-hero--compact .reports-eyebrow,
    .report-detail-layout:has(.affiliate-command-console) .reports-hero--compact h1,
    .report-detail-layout:has(.affiliate-command-console) .reports-hero--compact .reports-lead,
    .report-detail-layout:has(.affiliate-command-console) .reports-hero--compact .report-filter-bar {
        grid-column: auto;
        grid-row: auto;
    }

    .report-detail-layout:has(.affiliate-command-console) .reports-hero--compact .report-filter-bar {
        width: 100%;
        max-width: none;
    }

    .report-detail-layout:has(.affiliate-command-console) .report-command-detail-strip {
        grid-template-columns: minmax(0, 1fr);
    }

    .affiliate-command-console__topbar,
    .affiliate-command-footer,
    .affiliate-command-main-grid--proposal,
    .affiliate-readiness-card__body,
    .affiliate-campaign-form {
        grid-template-columns: minmax(0, 1fr);
    }

    .affiliate-command-lenses {
        flex-wrap: nowrap;
        margin-inline: -1rem;
        padding: 0 1rem 0.25rem;
        overflow-x: auto;
        scrollbar-width: thin;
    }

    .affiliate-command-lens {
        flex: 0 0 auto;
    }

    .affiliate-readiness-card,
    .affiliate-generated-link,
    .affiliate-section-heading {
        grid-template-columns: minmax(0, 1fr);
        flex-direction: column;
        align-items: stretch;
    }

    .affiliate-readiness-card,
    .affiliate-command-hero,
    .affiliate-command-main-grid {
        gap: 0.8rem;
    }

    .affiliate-readiness-gauge {
        min-height: 112px;
    }

    .affiliate-readiness-steps,
    .affiliate-link-metadata,
    .affiliate-metric-panel .report-metric-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .affiliate-command-table__row,
    .affiliate-command-table--recovery .affiliate-command-table__row {
        grid-template-columns: minmax(0, 1fr);
    }

    .affiliate-command-table__row--head {
        display: none;
    }

    .affiliate-command-footer {
        position: static;
    }
}

.main:has(.affiliate-hybrid-shell) {
    padding: 0;
    background: #1b1c1e;
}

.page:has(.affiliate-hybrid-shell) .command-header {
    display: none;
}

.affiliate-hybrid-shell {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    min-height: 100vh;
    background:
        radial-gradient(circle at 78% 6%, rgba(96, 165, 250, 0.12), transparent 32%),
        #1b1c1e;
    color: #f8fafc;
}

.affiliate-hybrid-shell .report-action-link {
    border-color: rgba(148, 163, 184, 0.32);
    background: rgba(15, 23, 42, 0.54);
    color: #f8fafc;
}

.affiliate-hybrid-shell .report-action-link:hover,
.affiliate-hybrid-shell .report-action-link:focus-visible {
    border-color: rgba(255, 215, 0, 0.45);
    background: rgba(255, 215, 0, 0.11);
    color: #ffffff;
}

.affiliate-command-sidebar {
    position: sticky;
    top: 0;
    align-self: start;
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 1rem;
    min-height: 100vh;
    padding: 1rem 0.75rem;
    border-right: 1px solid rgba(148, 163, 184, 0.16);
    background: rgba(2, 6, 23, 0.58);
}

.affiliate-sidebar-brand,
.affiliate-sidebar-link,
.affiliate-sidebar-account {
    min-width: 0;
    border-radius: 8px;
    text-decoration: none;
}

.affiliate-sidebar-brand {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 0.65rem;
    align-items: center;
    min-height: 54px;
    color: #f8fafc;
    text-transform: uppercase;
}

.affiliate-sidebar-brand span,
.affiliate-sidebar-account span {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255, 215, 0, 0.46);
    border-radius: 8px;
    color: #ffd700;
    font-weight: 900;
}

.affiliate-sidebar-brand strong,
.affiliate-sidebar-account strong {
    display: block;
    color: #ffffff;
    font-size: 0.96rem;
}

.affiliate-sidebar-brand small,
.affiliate-sidebar-account small {
    display: block;
    color: #9ca3af;
    font-size: 0.78rem;
}

.affiliate-command-sidebar nav {
    display: grid;
    gap: 0.35rem;
    align-content: start;
}

.affiliate-command-sidebar nav > span {
    margin: 0.7rem 0 0.25rem;
    color: #9ca3af;
    font-size: 0.7rem;
    font-weight: 900;
    text-transform: uppercase;
}

.affiliate-sidebar-link {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 0.65rem;
    align-items: center;
    min-height: 44px;
    padding: 0 0.75rem;
    color: #d1d5db;
    font-weight: 780;
}

.affiliate-sidebar-link__icon {
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border: 1.5px solid currentColor;
    border-radius: 6px;
    color: inherit;
    font-size: 0.78rem;
    font-weight: 900;
    line-height: 1;
    opacity: 0.9;
}

.affiliate-sidebar-link > span:last-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.affiliate-sidebar-link:hover,
.affiliate-sidebar-link:focus-visible,
.affiliate-sidebar-link--active {
    background: rgba(255, 215, 0, 0.14);
    color: #ffd700;
}

.affiliate-sidebar-account {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 0.65rem;
    align-items: center;
    min-height: 58px;
    padding: 0.55rem;
    border: 1px solid rgba(255, 215, 0, 0.28);
    background: rgba(15, 23, 42, 0.5);
}

.affiliate-hybrid-main {
    display: grid;
    gap: 0.75rem;
    align-content: start;
    padding: 0.85rem 1.25rem 1.25rem;
}

.affiliate-hybrid-header,
.affiliate-command-status-hero,
.affiliate-command-next-action,
.affiliate-command-metric-strip,
.affiliate-command-work-grid,
.affiliate-support-grid,
.affiliate-growth-quality-panel,
.affiliate-promoter-quality-panel,
.affiliate-authority-notes,
.affiliate-hybrid-shell .affiliate-command-footer {
    width: 100%;
    max-width: 1380px;
    margin-inline: auto;
}

.affiliate-hybrid-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
}

.affiliate-hybrid-title {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    min-width: 0;
}

.affiliate-hybrid-header h1 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.55rem, 2.1vw, 2.05rem);
    line-height: 1.08;
}

.affiliate-header-state {
    display: inline-flex;
    gap: 0.45rem;
    align-items: center;
    min-height: 32px;
    padding: 0 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 999px;
    color: #d1d5db;
    font-size: 0.84rem;
    font-weight: 850;
}

.affiliate-header-state::before {
    content: "!";
    display: inline-grid;
    place-items: center;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    background: currentColor;
    color: #111827;
    font-size: 0.72rem;
    font-weight: 950;
}

.affiliate-header-state--red {
    border-color: rgba(255, 68, 68, 0.72);
    background: rgba(127, 29, 29, 0.22);
    color: #ff6b6b;
}

.affiliate-header-state--green {
    border-color: rgba(0, 230, 118, 0.5);
    background: rgba(22, 101, 52, 0.2);
    color: #00e676;
}

.affiliate-hybrid-header p {
    max-width: 840px;
    margin: 0.2rem 0 0;
    color: #cbd5e1;
    line-height: 1.42;
}

.affiliate-hybrid-header__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.affiliate-hybrid-header__actions .report-action-link {
    min-width: 150px;
    justify-content: center;
}

.affiliate-command-status-hero {
    display: grid;
    grid-template-columns: 58px minmax(0, 1.1fr) minmax(220px, 0.9fr) minmax(260px, 1fr) auto;
    gap: 0.85rem;
    align-items: center;
    min-height: 82px;
    padding: 0.65rem 1rem;
    border: 1px solid rgba(255, 215, 0, 0.38);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 215, 0, 0.12), transparent 52%),
        rgba(15, 23, 42, 0.78);
}

.affiliate-command-status-hero--red {
    border-color: rgba(255, 68, 68, 0.52);
    background:
        linear-gradient(135deg, rgba(127, 29, 29, 0.36), transparent 55%),
        rgba(15, 23, 42, 0.82);
}

.affiliate-command-status-hero__icon {
    display: grid;
    place-items: center;
    width: 50px;
    height: 50px;
    border: 1px solid rgba(255, 215, 0, 0.44);
    border-radius: 8px;
    color: #ffd700;
    font-weight: 950;
}

.affiliate-command-status-hero--red .affiliate-command-status-hero__icon {
    border-color: rgba(255, 68, 68, 0.54);
    color: #ff4444;
}

.affiliate-command-status-hero span,
.affiliate-command-next-action mark,
.affiliate-command-metric-strip span {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.affiliate-command-status-hero strong,
.affiliate-command-next-action strong,
.affiliate-command-metric-strip strong {
    display: block;
    color: #ffffff;
}

.affiliate-command-status-hero strong {
    display: block;
    overflow: visible;
    line-height: 1.25;
}

.affiliate-command-status-hero small,
.affiliate-command-next-action small,
.affiliate-command-metric-strip small {
    color: #cbd5e1;
    line-height: 1.35;
}

.affiliate-command-status-hero small {
    display: block;
    overflow: visible;
}

.affiliate-command-status-hero__button {
    min-width: 150px;
}

.affiliate-command-lenses--hybrid {
    max-width: 1380px;
    margin: 0 auto;
    padding: 0.55rem;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.62);
}

.affiliate-command-lenses--hybrid .affiliate-command-lens {
    border-radius: 8px;
}

.affiliate-command-lenses--hybrid .affiliate-command-lens strong {
    display: inline-grid;
    place-items: center;
    min-width: 22px;
    height: 22px;
    margin-left: 0.35rem;
    border-radius: 999px;
    background: #ff4444;
    color: #ffffff;
    font-size: 0.72rem;
}

.affiliate-command-lens-action {
    margin-left: auto;
}

.affiliate-command-next-action {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    padding: 0.72rem 0.9rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(96, 165, 250, 0.05), transparent 46%),
        rgba(15, 23, 42, 0.62);
}

.affiliate-command-next-action h2 {
    grid-column: 1 / -1;
    margin: 0;
    color: #9ca3af;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.affiliate-command-next-action__step {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 44px;
    gap: 0.8rem;
    align-items: center;
    min-height: 72px;
    padding: 0.68rem 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.68);
}

.affiliate-command-next-action__step > span {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(148, 163, 184, 0.36);
    border-radius: 999px;
    color: #f8fafc;
    font-weight: 900;
}

.affiliate-command-next-action__step--red {
    border-color: rgba(255, 68, 68, 0.54);
    box-shadow: 0 0 0 1px rgba(255, 68, 68, 0.26), inset 3px 0 0 rgba(255, 68, 68, 0.72);
}

.affiliate-command-next-action__step--green {
    border-color: rgba(0, 230, 118, 0.42);
}

.affiliate-command-next-action__step--blue {
    border-color: rgba(96, 165, 250, 0.28);
}

.affiliate-command-next-action__step--red > span {
    border-color: rgba(255, 68, 68, 0.7);
    color: #ff4444;
}

.affiliate-command-next-action mark {
    justify-self: end;
    min-height: 28px;
    padding: 0.25rem 0.5rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 6px;
    background: rgba(2, 6, 23, 0.32);
    color: #d1d5db;
}

.affiliate-command-next-action__step--red mark {
    border-color: rgba(255, 68, 68, 0.45);
    background: rgba(127, 29, 29, 0.28);
    color: #ff6b6b;
}

.affiliate-command-next-action__step--blue mark::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 0.35rem;
    border: 1.5px solid currentColor;
    border-radius: 2px;
}

.affiliate-command-metric-strip {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.66);
}

.affiliate-command-metric-strip article {
    min-width: 0;
    min-height: 72px;
    padding: 0.58rem 0.76rem;
    border-right: 1px solid rgba(148, 163, 184, 0.12);
}

.affiliate-command-metric-strip article:last-child {
    border-right: 0;
}

.affiliate-command-metric-strip strong {
    margin: 0.25rem 0 0.1rem;
    font-size: clamp(1.15rem, 1.55vw, 1.55rem);
    line-height: 1.08;
    overflow-wrap: anywhere;
}

.affiliate-command-work-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: 1rem;
    align-items: start;
}

.affiliate-hybrid-shell .affiliate-readiness-card,
.affiliate-disclosure-panel,
.affiliate-hybrid-shell .report-panel {
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(96, 165, 250, 0.04), transparent 46%),
        #14191f;
    box-shadow: 0 20px 54px rgba(2, 6, 23, 0.22);
}

.affiliate-hybrid-shell .affiliate-readiness-card {
    display: grid;
    gap: 0.5rem;
    padding: 0.72rem 1rem 0.78rem;
    border-color: rgba(148, 163, 184, 0.2);
}

.affiliate-hybrid-shell .affiliate-readiness-card .affiliate-section-heading {
    margin-bottom: 0.25rem;
}

.affiliate-hybrid-shell .affiliate-readiness-card .affiliate-section-heading h2,
.affiliate-disclosure-panel .affiliate-section-heading h2 {
    margin-top: 0;
    font-size: clamp(1.16rem, 1.35vw, 1.38rem);
    line-height: 1.12;
}

.affiliate-share-decision {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 0.66rem;
    align-items: center;
}

.affiliate-share-decision__icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #ff6b6b;
    color: #111827;
    font-size: 1.42rem;
    font-weight: 950;
    line-height: 1;
}

.affiliate-share-decision span:not(.affiliate-share-decision__icon) {
    color: #9ca3af;
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.affiliate-share-decision h2 {
    margin: 0.1rem 0 0;
    color: #ff6b6b;
    font-size: clamp(1.7rem, 2.25vw, 2.06rem);
    line-height: 1;
}

.affiliate-share-decision p {
    margin: 0.24rem 0 0;
    color: #d1d5db;
}

.affiliate-readiness-decision-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.68fr);
    gap: 0.66rem;
    align-items: start;
}

.affiliate-readiness-reasons,
.affiliate-readiness-first-action {
    display: grid;
    gap: 0.34rem;
    min-width: 0;
}

.affiliate-readiness-reasons h3,
.affiliate-readiness-first-action h3 {
    margin: 0;
    color: #ffffff;
    font-size: 0.94rem;
}

.affiliate-readiness-reason {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 0.48rem;
    align-items: start;
}

.affiliate-readiness-reason > span {
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(148, 163, 184, 0.46);
    border-radius: 999px;
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 950;
}

.affiliate-readiness-reason--blocked > span {
    border-color: rgba(255, 68, 68, 0.72);
    color: #ff4444;
}

.affiliate-readiness-reason--complete > span {
    border-color: rgba(0, 230, 118, 0.72);
    color: #00e676;
}

.affiliate-readiness-reason strong {
    display: block;
    color: #f8fafc;
}

.affiliate-readiness-reason small,
.affiliate-readiness-first-action p {
    color: #cbd5e1;
    line-height: 1.22;
}

.affiliate-readiness-first-action .affiliate-command-primary-button {
    width: 100%;
    justify-content: center;
    border-color: rgba(255, 215, 0, 0.52);
    background: linear-gradient(180deg, rgba(255, 215, 0, 0.8), rgba(180, 83, 9, 0.88));
    color: #ffffff;
}

.affiliate-hybrid-shell .affiliate-readiness-card__body {
    grid-template-columns: minmax(0, 1fr) minmax(118px, 0.22fr);
}

.affiliate-hybrid-shell .affiliate-readiness-gauge {
    min-height: 96px;
}

.affiliate-hybrid-shell .affiliate-readiness-gauge strong {
    font-size: 1.75rem;
}

.affiliate-hybrid-shell .affiliate-readiness-steps--compact {
    gap: 0.45rem;
}

.affiliate-hybrid-shell .affiliate-readiness-step {
    min-height: 74px;
    padding: 0.45rem 0.55rem;
}

.affiliate-hybrid-shell .affiliate-command-primary-button {
    min-height: 44px;
    margin-top: 0;
}

.affiliate-disclosure-panel {
    display: grid;
    gap: 0.52rem;
    align-content: start;
    padding: 0.72rem 1rem 0.78rem;
}

.affiliate-disclosure-panel__copy {
    display: grid;
    gap: 0.5rem;
    padding: 0.7rem;
    border: 1px solid rgba(255, 215, 0, 0.36);
    border-radius: 8px;
    background: rgba(120, 53, 15, 0.12);
}

.affiliate-disclosure-panel__copy strong {
    color: #ffffff;
}

.affiliate-disclosure-panel__copy blockquote {
    margin: 0;
    padding: 0.6rem 0.7rem;
    border-left: 3px solid rgba(255, 215, 0, 0.7);
    border-radius: 0 8px 8px 0;
    background: rgba(15, 23, 42, 0.68);
    color: #f8fafc;
}

.affiliate-earning-party-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.65rem;
    padding: 0.72rem;
    border: 1px solid rgba(255, 215, 0, 0.48);
    border-radius: 8px;
    background: rgba(2, 6, 23, 0.38);
}

.affiliate-earning-party-grid div {
    min-width: 0;
    min-height: 66px;
    padding: 0.36rem 0.45rem;
    border: 0;
    border-radius: 0;
    background: transparent;
    text-align: center;
}

.affiliate-earning-party-grid div::before {
    content: attr(data-icon);
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    margin: 0 auto 0.34rem;
    border: 2px solid rgba(255, 215, 0, 0.78);
    border-radius: 10px;
    background: rgba(255, 215, 0, 0.08);
    color: #ffd700;
    font-size: 0.78rem;
    font-weight: 950;
}

.affiliate-earning-party-grid span {
    display: block;
    color: #d1d5db;
    font-size: 0.82rem;
    font-weight: 800;
}

.affiliate-earning-party-grid strong {
    display: block;
    margin-top: 0.3rem;
    color: #ffd700;
}

.affiliate-disclosure-panel__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.affiliate-disclosure-guidance {
    margin: 0;
    color: #cbd5e1;
    line-height: 1.26;
}

.affiliate-disclosure-guidance--inline {
    color: #86efac;
    font-weight: 800;
}

.affiliate-hybrid-shell .affiliate-linked-assets {
    padding: 0.58rem 1rem 0.68rem;
}

.affiliate-hybrid-shell .affiliate-linked-assets .affiliate-section-heading {
    margin-bottom: 0.36rem;
}

.affiliate-hybrid-shell .affiliate-linked-assets .affiliate-section-heading h2 {
    margin-top: 0;
    font-size: 1.24rem;
    line-height: 1.12;
}

.affiliate-hybrid-shell .affiliate-linked-assets .affiliate-section-heading p {
    display: none;
}

.affiliate-command-table--hybrid .affiliate-command-table__row {
    min-height: 44px;
    padding-block: 0.38rem;
}

.affiliate-command-table--hybrid .affiliate-command-table__row--head {
    min-height: 34px;
}

.affiliate-hybrid-shell .affiliate-campaign-panel,
.affiliate-hybrid-shell .affiliate-linked-assets,
.affiliate-support-grid,
.affiliate-growth-quality-panel,
.affiliate-promoter-quality-panel,
.affiliate-authority-notes {
    width: 100%;
    max-width: 1380px;
    margin-inline: auto;
}

html:has(.affiliate-hybrid-shell) {
    scroll-padding-top: 0;
}

.affiliate-hybrid-shell section[id],
.affiliate-hybrid-shell article[id],
.affiliate-hybrid-shell footer[id] {
    scroll-margin-top: 1rem;
}

.affiliate-hybrid-shell .affiliate-linked-assets {
    order: 20;
}

.affiliate-hybrid-shell .affiliate-campaign-panel {
    order: 30;
}

.affiliate-growth-quality-panel {
    order: 34;
}

.affiliate-promoter-quality-panel {
    order: 38;
}

.affiliate-support-grid {
    order: 40;
}

.affiliate-authority-notes {
    order: 45;
}

.affiliate-hybrid-shell .affiliate-command-footer {
    order: 50;
}

.affiliate-hybrid-shell .affiliate-campaign-panel {
    padding: 1rem;
}

.affiliate-campaign-studio-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.04fr) minmax(300px, 0.72fr);
    gap: 1rem;
    align-items: stretch;
}

.affiliate-campaign-builder,
.affiliate-attribution-preview,
.affiliate-audience-preview {
    display: grid;
    gap: 0.75rem;
    align-content: start;
    min-width: 0;
    padding: 0.9rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.42);
}

.affiliate-campaign-share-checklist {
    display: grid;
    gap: 0.5rem;
    margin-top: auto;
    padding: 0.75rem;
    border: 1px solid rgba(96, 165, 250, 0.22);
    border-radius: 8px;
    background: rgba(37, 99, 235, 0.1);
}

.affiliate-campaign-share-checklist strong {
    color: #ffffff;
}

.affiliate-campaign-share-checklist span {
    display: block;
    min-height: 32px;
    padding: 0.4rem 0.55rem;
    border-radius: 6px;
    background: rgba(15, 23, 42, 0.48);
    color: #cbd5e1;
    line-height: 1.35;
}

.affiliate-campaign-subhead {
    display: grid;
    gap: 0.35rem;
    align-content: start;
}

.affiliate-campaign-subhead h3,
.affiliate-conversion-funnel h3,
.affiliate-quality-drivers h3,
.affiliate-risk-queue h3,
.affiliate-promoter-queue h3,
.affiliate-payout-timeline h3,
.affiliate-program-guardrails h3,
.affiliate-audience-preview h3 {
    margin: 0;
    color: #ffffff;
    font-size: 1.08rem;
}

.affiliate-hybrid-shell .affiliate-campaign-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    margin: 0;
}

.affiliate-command-field small {
    display: block;
    margin-top: 0.28rem;
    color: #9ca3af;
    font-size: 0.76rem;
    line-height: 1.3;
}

.affiliate-campaign-rules,
.affiliate-link-health-list,
.affiliate-program-guardrails {
    display: grid;
    gap: 0.5rem;
}

.affiliate-campaign-rules div,
.affiliate-link-health-list div,
.affiliate-quality-drivers div,
.affiliate-risk-queue div,
.affiliate-program-guardrails div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.35rem 0.65rem;
    align-items: center;
    min-height: 48px;
    padding: 0.6rem 0.65rem;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 8px;
    background: rgba(2, 6, 23, 0.28);
}

.affiliate-campaign-rules strong,
.affiliate-link-health-list strong,
.affiliate-quality-drivers strong,
.affiliate-risk-queue strong,
.affiliate-program-guardrails strong {
    color: #f8fafc;
}

.affiliate-link-health-list small,
.affiliate-risk-queue small {
    grid-column: 1 / -1;
    color: #cbd5e1;
    line-height: 1.35;
}

.affiliate-risk-queue .report-action-link {
    min-height: 44px;
    align-self: center;
}

.affiliate-disclosure-snippet {
    display: grid;
    gap: 0.45rem;
    padding: 0.7rem;
    border: 1px solid rgba(255, 215, 0, 0.28);
    border-radius: 8px;
    background: rgba(120, 53, 15, 0.12);
}

.affiliate-disclosure-snippet strong {
    color: #ffffff;
}

.affiliate-disclosure-snippet p {
    margin: 0;
    color: #f8fafc;
    line-height: 1.4;
}

.affiliate-attribution-payload-card {
    display: grid;
    gap: 0.6rem;
    padding: 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background: rgba(2, 6, 23, 0.36);
}

.affiliate-attribution-payload-card__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.affiliate-attribution-payload-card__head strong {
    color: #ffffff;
}

.affiliate-attribution-payload-card__head span {
    color: #9ca3af;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.affiliate-earning-party-grid--studio {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.affiliate-audience-preview {
    border-color: rgba(96, 165, 250, 0.24);
    background:
        linear-gradient(180deg, rgba(37, 99, 235, 0.12), transparent 38%),
        rgba(2, 6, 23, 0.48);
}

.affiliate-audience-preview p,
.affiliate-audience-preview span {
    color: #cbd5e1;
}

.affiliate-phone-frame {
    display: grid;
    gap: 0.72rem;
    padding: 0.9rem;
    border: 3px solid rgba(148, 163, 184, 0.24);
    border-radius: 28px;
    background:
        linear-gradient(180deg, rgba(30, 41, 59, 0.8), transparent 48%),
        rgba(2, 6, 23, 0.84);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.34);
}

.affiliate-phone-status,
.affiliate-phone-brand,
.affiliate-phone-creator,
.affiliate-phone-offer {
    min-width: 0;
}

.affiliate-phone-status {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 900;
}

.affiliate-phone-brand {
    display: grid;
    gap: 0.35rem;
    padding: 0.65rem 0.7rem;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: 8px;
    background: rgba(37, 99, 235, 0.24);
}

.affiliate-phone-brand span {
    color: #ffd700;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: 0;
}

.affiliate-phone-brand strong {
    color: #ffffff;
    font-size: 0.84rem;
}

.affiliate-phone-creator,
.affiliate-phone-offer {
    display: grid;
    gap: 0.25rem;
    padding: 0.7rem 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.56);
}

.affiliate-phone-creator span,
.affiliate-phone-offer span,
.affiliate-phone-creator small {
    color: #9ca3af;
}

.affiliate-phone-creator strong,
.affiliate-phone-offer h3 {
    margin: 0;
    color: #ffffff;
}

.affiliate-phone-offer p {
    margin: 0;
    line-height: 1.35;
}

.affiliate-phone-frame > small {
    justify-self: center;
    color: #cbd5e1;
}

.affiliate-phone-frame .report-action-link {
    justify-content: center;
    width: 100%;
    min-height: 44px;
    background: rgba(37, 99, 235, 0.32);
}

.affiliate-audience-preview__notice,
.affiliate-audience-preview__warning {
    display: grid;
    gap: 0.35rem;
    padding: 0.7rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.62);
}

.affiliate-audience-preview__warning {
    border-color: rgba(255, 68, 68, 0.34);
    background: rgba(127, 29, 29, 0.16);
}

.affiliate-audience-preview__notice strong,
.affiliate-audience-preview__warning strong {
    color: #ffffff;
}

.affiliate-audience-preview__timeline {
    display: grid;
    gap: 0.45rem;
}

.affiliate-audience-preview__timeline span {
    min-height: 36px;
    padding: 0.45rem 0.55rem;
    border-left: 3px solid rgba(96, 165, 250, 0.58);
    border-radius: 0 8px 8px 0;
    background: rgba(37, 99, 235, 0.12);
    color: #dbeafe;
}

.affiliate-generated-links-studio {
    display: grid;
    gap: 0.7rem;
    margin-top: 1rem;
    padding: 0.85rem;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.34);
}

.affiliate-generated-links-studio__table {
    display: grid;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 8px;
}

.affiliate-generated-links-studio__row {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) minmax(120px, 0.65fr) minmax(86px, 0.42fr) minmax(128px, 0.58fr) minmax(150px, 0.68fr);
    gap: 0.75rem;
    align-items: center;
    min-height: 58px;
    padding: 0.65rem 0.75rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
    background: rgba(2, 6, 23, 0.24);
}

.affiliate-generated-links-studio__row:last-child {
    border-bottom: 0;
}

.affiliate-generated-links-studio__row--head {
    min-height: 44px;
    background: rgba(148, 163, 184, 0.1);
    color: #cbd5e1;
    font-size: 0.75rem;
    font-weight: 900;
    text-transform: uppercase;
}

.affiliate-generated-links-studio__row strong,
.affiliate-generated-links-studio__row small {
    display: block;
}

.affiliate-generated-links-studio__row strong {
    color: #ffffff;
}

.affiliate-generated-links-studio__row small {
    margin-top: 0.16rem;
    color: #9ca3af;
    line-height: 1.25;
}

.affiliate-generated-links-studio__row .report-action-link {
    width: 100%;
    min-height: 44px;
    justify-content: center;
}

.affiliate-hybrid-shell .affiliate-linked-assets {
    padding: 1rem;
}

.affiliate-hybrid-shell .affiliate-linked-assets .affiliate-section-heading {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
}

.affiliate-command-table--hybrid .affiliate-command-table__row {
    grid-template-columns: minmax(180px, 1.15fr) minmax(150px, 0.9fr) minmax(118px, 0.7fr) minmax(144px, 0.8fr) minmax(136px, 0.75fr) minmax(150px, 0.85fr);
}

.affiliate-command-table--hybrid .affiliate-command-table__row > span {
    min-width: 0;
    overflow-wrap: anywhere;
}

.affiliate-command-table--hybrid .report-action-link {
    width: 100%;
    min-height: 44px;
}

.affiliate-growth-quality-panel,
.affiliate-promoter-quality-panel {
    padding: 1rem;
}

.affiliate-growth-metric-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.7rem;
    margin-bottom: 1rem;
}

.affiliate-growth-metric-card {
    display: grid;
    gap: 0.55rem;
    min-width: 0;
    min-height: 132px;
    padding: 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(96, 165, 250, 0.1), transparent 58%),
        rgba(15, 23, 42, 0.44);
}

.affiliate-growth-metric-card--green {
    background:
        linear-gradient(180deg, rgba(0, 230, 118, 0.1), transparent 58%),
        rgba(15, 23, 42, 0.44);
}

.affiliate-growth-metric-card--gold {
    background:
        linear-gradient(180deg, rgba(255, 215, 0, 0.12), transparent 58%),
        rgba(15, 23, 42, 0.44);
}

.affiliate-growth-metric-card > div:first-child {
    display: grid;
    gap: 0.15rem;
}

.affiliate-growth-metric-card span {
    color: #cbd5e1;
    font-size: 0.78rem;
    font-weight: 850;
}

.affiliate-growth-metric-card strong {
    overflow-wrap: anywhere;
    color: #ffffff;
    font-size: 1.35rem;
    line-height: 1.05;
}

.affiliate-growth-metric-card small {
    color: #9ca3af;
    line-height: 1.3;
}

.affiliate-growth-sparkline {
    display: flex;
    align-items: end;
    gap: 0.18rem;
    height: 34px;
}

.affiliate-growth-sparkline i {
    flex: 1 1 0;
    min-width: 3px;
    border-radius: 999px 999px 0 0;
    background: linear-gradient(180deg, #60a5fa, rgba(37, 99, 235, 0.16));
}

.affiliate-growth-metric-card--green .affiliate-growth-sparkline i {
    background: linear-gradient(180deg, #00e676, rgba(22, 101, 52, 0.16));
}

.affiliate-growth-metric-card--gold .affiliate-growth-sparkline i {
    background: linear-gradient(180deg, #ffd700, rgba(120, 53, 15, 0.16));
}

.affiliate-growth-quality-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.55fr) minmax(320px, 0.68fr);
    gap: 1rem;
    align-items: start;
}

.affiliate-growth-quality-stack {
    display: grid;
    gap: 1rem;
    align-content: start;
    min-width: 0;
}

.affiliate-promoter-quality-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(320px, 0.82fr);
    gap: 1rem;
    align-items: stretch;
}

.affiliate-program-guardrails {
    grid-column: 1 / -1;
}

.affiliate-conversion-funnel,
.affiliate-quality-score-card,
.affiliate-quality-drivers,
.affiliate-risk-queue,
.affiliate-top-assets-quality,
.affiliate-promoter-queue,
.affiliate-payout-timeline,
.affiliate-program-guardrails {
    display: grid;
    gap: 0.7rem;
    align-content: start;
    min-width: 0;
    padding: 0.85rem;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.38);
}

.affiliate-conversion-funnel {
    grid-column: 1;
}

.affiliate-top-assets-quality {
    grid-column: 1 / -1;
}

.affiliate-funnel-row {
    display: grid;
    grid-template-columns: minmax(92px, 0.32fr) minmax(82px, 0.22fr) minmax(0, 1fr) minmax(130px, 0.4fr);
    gap: 0.65rem;
    align-items: center;
    min-height: 48px;
}

.affiliate-funnel-row > span,
.affiliate-funnel-row small {
    color: #cbd5e1;
}

.affiliate-funnel-row strong {
    color: #ffffff;
    font-size: 1.05rem;
}

.affiliate-funnel-row > div {
    overflow: hidden;
    height: 12px;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.18);
}

.affiliate-funnel-row > div span {
    display: block;
    height: 100%;
    min-width: 8px;
    border-radius: inherit;
    background: linear-gradient(90deg, #60a5fa, #ffd700);
}

.affiliate-quality-score-card {
    border-color: rgba(255, 215, 0, 0.22);
    background:
        linear-gradient(135deg, rgba(255, 215, 0, 0.12), transparent 45%),
        rgba(15, 23, 42, 0.42);
}

.affiliate-quality-score-card__summary {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.7rem;
    align-items: center;
}

.affiliate-quality-shield {
    display: inline-grid;
    place-items: center;
    width: 54px;
    height: 60px;
    border: 2px solid rgba(255, 215, 0, 0.58);
    border-radius: 16px 16px 20px 20px;
    background: rgba(120, 53, 15, 0.22);
    color: #ffd700;
    font-size: 1rem;
    font-weight: 950;
}

.affiliate-quality-score-card__summary span,
.affiliate-quality-score-card p,
.affiliate-quality-score-card small {
    color: #cbd5e1;
}

.affiliate-quality-score-card__summary strong {
    display: block;
    color: #ffffff;
    font-size: 2rem;
    line-height: 1;
}

.affiliate-quality-score-card p {
    margin: 0;
    line-height: 1.35;
}

.affiliate-quality-score-card__bar {
    overflow: hidden;
    height: 10px;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.18);
}

.affiliate-quality-score-card__bar span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #ffd700, #00e676);
}

.affiliate-next-recommendation,
.affiliate-payout-warning {
    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(37, 99, 235, 0.12);
}

.affiliate-next-recommendation strong,
.affiliate-payout-warning strong {
    color: #ffffff;
}

.affiliate-next-recommendation span,
.affiliate-payout-warning span {
    color: #cbd5e1;
}

.affiliate-next-recommendation--growth {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    margin-top: 0;
    border-color: rgba(255, 215, 0, 0.28);
    background:
        linear-gradient(135deg, rgba(255, 215, 0, 0.16), transparent 48%),
        rgba(2, 6, 23, 0.34);
}

.affiliate-next-recommendation--growth .status-pill,
.affiliate-next-recommendation--growth > strong,
.affiliate-next-recommendation--growth > span {
    grid-column: 1 / 2;
}

.affiliate-next-recommendation--growth > div {
    grid-column: 2 / 3;
    grid-row: 1 / span 3;
    display: grid;
    min-width: 92px;
    justify-items: end;
}

.affiliate-next-recommendation--growth > div small {
    color: #9ca3af;
    font-weight: 850;
    text-transform: uppercase;
}

.affiliate-next-recommendation--growth > div strong {
    color: #00e676;
    font-size: 1.18rem;
}

.affiliate-next-recommendation--growth .report-action-link {
    grid-column: 1 / -1;
    min-height: 44px;
    justify-content: center;
}

.affiliate-risk-queue .affiliate-campaign-subhead {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.55rem;
    align-items: center;
    min-height: auto;
    padding: 0;
    border: 0;
    background: transparent;
}

.affiliate-risk-queue .affiliate-campaign-subhead .status-pill {
    white-space: nowrap;
}

.affiliate-quality-drivers .affiliate-campaign-subhead {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.45rem;
    min-height: auto;
    padding: 0;
    border: 0;
    background: transparent;
}

.affiliate-quality-drivers .affiliate-campaign-subhead .status-pill {
    justify-self: start;
    white-space: nowrap;
}

.affiliate-risk-queue > div:not(.affiliate-campaign-subhead) {
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.4rem 0.65rem;
}

.affiliate-risk-queue > div:not(.affiliate-campaign-subhead) .affiliate-command-mark {
    grid-column: 1;
    min-width: 66px;
    justify-content: center;
}

.affiliate-risk-queue > div:not(.affiliate-campaign-subhead) strong {
    grid-column: 2;
}

.affiliate-risk-queue > div:not(.affiliate-campaign-subhead) small {
    grid-column: 2 / 4;
}

.affiliate-risk-queue > div:not(.affiliate-campaign-subhead) .report-action-link {
    grid-column: 3;
    grid-row: 1;
    min-width: 92px;
    justify-content: center;
}

.affiliate-quality-asset-table {
    display: grid;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 8px;
}

.affiliate-quality-asset-table__row {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(86px, 0.4fr) minmax(110px, 0.45fr) minmax(96px, 0.38fr) minmax(120px, 0.5fr) minmax(130px, 0.55fr);
    gap: 0.75rem;
    align-items: center;
    min-height: 58px;
    padding: 0.65rem 0.75rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
    background: rgba(2, 6, 23, 0.24);
}

.affiliate-quality-asset-table__row:last-child {
    border-bottom: 0;
}

.affiliate-quality-asset-table__row--head {
    min-height: 44px;
    background: rgba(148, 163, 184, 0.1);
    color: #cbd5e1;
    font-size: 0.75rem;
    font-weight: 900;
    text-transform: uppercase;
}

.affiliate-quality-asset-table__row strong,
.affiliate-quality-asset-table__row small {
    display: block;
}

.affiliate-quality-asset-table__row strong {
    color: #ffffff;
}

.affiliate-quality-asset-table__row small {
    margin-top: 0.16rem;
    color: #9ca3af;
    line-height: 1.25;
}

.affiliate-command-table--promoters .affiliate-command-table__row {
    grid-template-columns: minmax(130px, 1fr) minmax(76px, 0.46fr) minmax(64px, 0.32fr) minmax(118px, 0.6fr) minmax(82px, 0.38fr);
}

.affiliate-command-table--promoters .affiliate-command-table__row > * {
    min-width: 0;
    overflow-wrap: anywhere;
}

.affiliate-command-table--promoters .report-action-link {
    width: 100%;
    min-height: 44px;
}

.affiliate-payout-state-steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.6rem;
}

.affiliate-payout-state-step {
    display: grid;
    gap: 0.24rem;
    min-height: 104px;
    padding: 0.7rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 8px;
    background: rgba(2, 6, 23, 0.32);
}

.affiliate-payout-state-step span {
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.affiliate-payout-state-step strong {
    color: #ffffff;
    font-size: 1.05rem;
}

.affiliate-payout-state-step small {
    color: #cbd5e1;
    line-height: 1.3;
}

.affiliate-payout-state-step--green {
    border-color: rgba(0, 230, 118, 0.28);
}

.affiliate-payout-state-step--gold {
    border-color: rgba(255, 215, 0, 0.28);
}

.affiliate-payout-state-step--blue {
    border-color: rgba(96, 165, 250, 0.28);
}

.affiliate-payout-state-step--red {
    border-color: rgba(255, 68, 68, 0.3);
}

.affiliate-support-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.45fr);
    gap: 1rem;
}

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

.affiliate-authority-note {
    display: grid;
    gap: 0.45rem;
    align-content: start;
    min-height: 148px;
    padding: 0.9rem;
}

.affiliate-authority-note h2,
.affiliate-authority-note p {
    margin: 0;
}

.affiliate-authority-note h2 {
    color: #ffffff;
    font-size: 1.05rem;
}

.affiliate-authority-note p {
    color: #cbd5e1;
    line-height: 1.38;
}

.affiliate-hybrid-shell .affiliate-command-footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr) minmax(0, 1.15fr) auto;
    gap: 0;
    align-items: center;
    position: static;
    width: 100%;
    max-width: 1380px;
    margin-inline: auto;
    min-height: 76px;
    overflow: hidden;
    padding: 0.42rem 1.25rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(15, 23, 42, 0.92), rgba(2, 6, 23, 0.96)),
        #0b0f12;
    box-shadow: 0 20px 54px rgba(2, 6, 23, 0.22);
}

.affiliate-hybrid-shell .affiliate-command-footer div {
    min-height: 44px;
    padding: 0.12rem 1.2rem;
    border: 0;
    border-right: 1px solid rgba(148, 163, 184, 0.32);
    border-radius: 0;
    background: transparent;
}

.affiliate-hybrid-shell .affiliate-command-footer div:first-child {
    padding-left: 0;
}

.affiliate-hybrid-shell .affiliate-command-footer div:nth-child(3) {
    border-right: 0;
}

.affiliate-hybrid-shell .affiliate-command-footer span {
    font-size: 0.76rem;
    line-height: 1.12;
}

.affiliate-hybrid-shell .affiliate-command-footer strong {
    margin-top: 0.08rem;
    font-size: 0.9rem;
    line-height: 1.12;
}

.affiliate-hybrid-shell .affiliate-command-footer a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    color: #60a5fa;
    font-weight: 850;
    text-decoration: none;
}

.affiliate-hybrid-shell {
    grid-template-columns: 238px minmax(0, 1fr);
    background:
        radial-gradient(circle at 82% 0%, rgba(96, 165, 250, 0.07), transparent 30%),
        #0f1418;
}

.affiliate-command-sidebar {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    padding: 1.05rem 0.8rem;
    background:
        linear-gradient(180deg, rgba(15, 23, 42, 0.88), rgba(2, 6, 23, 0.86)),
        #0b1115;
}

.affiliate-command-sidebar nav {
    gap: 0.32rem;
}

.affiliate-sidebar-link {
    border-left: 3px solid transparent;
}

.affiliate-sidebar-link--active {
    border-color: #ffd700;
}

.affiliate-sidebar-modules {
    display: grid;
    gap: 0.72rem;
    margin-top: auto;
}

.affiliate-sidebar-modules article {
    display: grid;
    gap: 0.28rem;
    min-height: 82px;
    padding: 0.78rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.54);
}

.affiliate-sidebar-modules span {
    color: #9ca3af;
    font-size: 0.76rem;
}

.affiliate-sidebar-modules strong {
    color: #ffd700;
}

.affiliate-sidebar-modules small {
    color: #cbd5e1;
    line-height: 1.26;
}

.affiliate-hybrid-main {
    gap: 1rem;
    padding: 1.25rem 1.8rem 1.6rem;
}

.affiliate-hybrid-header h1 {
    font-size: clamp(2rem, 2.8vw, 2.7rem);
}

.affiliate-command-status-hero {
    grid-template-columns: 72px minmax(0, 1fr) minmax(190px, 260px);
    min-height: 112px;
    padding: 1.02rem 1.45rem;
    border-color: rgba(255, 68, 68, 0.88);
    background:
        radial-gradient(circle at 8% 50%, rgba(255, 68, 68, 0.2), transparent 26%),
        linear-gradient(90deg, rgba(127, 29, 29, 0.34), rgba(15, 23, 42, 0.82)),
        #12161c;
}

.affiliate-command-status-hero__icon {
    width: 58px;
    height: 58px;
    border: 0;
    border-radius: 50%;
    background: #e92828;
    color: #ffffff;
    font-size: 1.65rem;
    text-transform: none;
}

.affiliate-command-status-hero .affiliate-command-status-hero__icon {
    color: #ffffff;
    font-size: 1.75rem;
    font-weight: 950;
}

.affiliate-command-status-hero strong {
    font-size: 1.35rem;
}

.affiliate-command-status-hero small + small {
    margin-top: 0.22rem;
}

.affiliate-command-status-hero small span {
    color: #ffffff;
    font-size: inherit;
    font-weight: 850;
    text-transform: none;
}

.affiliate-command-status-hero__button {
    min-height: 50px;
    border-color: rgba(255, 68, 68, 0.74) !important;
    background: linear-gradient(180deg, #ef4444, #dc2626) !important;
    color: #ffffff !important;
}

.affiliate-command-next-action {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.2rem 1rem;
    padding: 1rem 1.12rem;
}

.affiliate-command-next-action__step {
    position: relative;
    grid-template-columns: 40px 64px minmax(0, 1fr) auto;
    min-height: 92px;
    padding: 0.82rem 0.9rem;
}

.affiliate-command-next-action__step:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -1rem;
    width: 1rem;
    border-top: 2px solid rgba(255, 215, 0, 0.68);
}

.affiliate-command-next-action__glyph {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    border: 1px solid rgba(255, 215, 0, 0.28);
    border-radius: 8px;
    color: #ffd700;
    font-size: 2rem;
    font-weight: 900;
    background: rgba(2, 6, 23, 0.32);
}

.affiliate-command-next-action mark {
    min-width: 68px;
    text-align: center;
}

.affiliate-command-metric-strip article {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 0.28rem 0.62rem;
    min-height: 96px;
    align-content: center;
}

.affiliate-command-metric-strip article::before {
    content: "▥";
    grid-row: 1 / span 3;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 8px;
    color: #60a5fa;
    background: rgba(37, 99, 235, 0.08);
}

.affiliate-command-metric-strip article:nth-child(4)::before,
.affiliate-command-metric-strip article:nth-child(5)::before {
    border-color: rgba(255, 215, 0, 0.28);
    color: #ffd700;
    background: rgba(120, 53, 15, 0.12);
}

.affiliate-command-metric-strip article > * {
    grid-column: 2;
}

.affiliate-hybrid-shell .affiliate-command-metric-strip {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.affiliate-hybrid-shell .affiliate-command-metric-strip article:nth-child(5) {
    border-right: 0;
}

.affiliate-hybrid-shell .affiliate-command-metric-strip strong {
    font-size: clamp(1.25rem, 1.75vw, 1.62rem);
}

.affiliate-hybrid-shell .affiliate-readiness-card {
    gap: 0.78rem;
    padding: 1rem 1.15rem;
}

.affiliate-readiness-card__header {
    display: flex;
    gap: 0.8rem;
    align-items: center;
    justify-content: space-between;
}

.affiliate-readiness-card__header h2 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.28rem, 1.55vw, 1.56rem);
}

.affiliate-readiness-checklist {
    display: grid;
    gap: 0.48rem;
}

.affiliate-readiness-check {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    gap: 0.55rem;
    align-items: center;
    min-height: 38px;
}

.affiliate-readiness-check > span {
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border: 1.5px solid rgba(148, 163, 184, 0.48);
    border-radius: 999px;
    color: #9ca3af;
    font-size: 0.8rem;
    font-weight: 950;
}

.affiliate-readiness-check--green > span,
.affiliate-readiness-check--green small {
    color: #00e676;
    border-color: rgba(0, 230, 118, 0.7);
}

.affiliate-readiness-check--red > span,
.affiliate-readiness-check--red small {
    color: #ff4444;
    border-color: rgba(255, 68, 68, 0.74);
}

.affiliate-readiness-check strong {
    color: #f8fafc;
}

.affiliate-readiness-check small {
    color: #9ca3af;
}

.affiliate-readiness-card__action {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(180px, 290px);
    gap: 0.8rem;
    align-items: center;
    padding-top: 0.5rem;
    border-top: 1px solid rgba(148, 163, 184, 0.14);
}

.affiliate-readiness-card__action p {
    margin: 0;
    color: #cbd5e1;
    line-height: 1.34;
}

.affiliate-readiness-card__detail {
    display: grid;
    gap: 0.42rem;
    padding-top: 0.44rem;
    border-top: 1px solid rgba(148, 163, 184, 0.12);
}

.affiliate-readiness-card__detail h3 {
    margin: 0;
    color: #ffffff;
    font-size: 0.95rem;
}

.affiliate-disclosure-panel {
    gap: 0.78rem;
    padding: 1rem 1.15rem;
}

.affiliate-disclosure-panel__copy {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
}

.affiliate-disclosure-panel__copy blockquote {
    min-height: 92px;
}

.affiliate-disclosure-panel__copy .report-action-link {
    min-width: 96px;
    justify-content: center;
}

.affiliate-hybrid-shell .affiliate-linked-assets {
    padding: 1rem 1.15rem;
}

.affiliate-hybrid-shell .affiliate-linked-assets .affiliate-section-heading {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.8rem;
}

.affiliate-hybrid-shell .affiliate-linked-assets .affiliate-section-heading p {
    display: block;
}

.affiliate-linked-assets__toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    justify-content: flex-end;
}

.affiliate-linked-assets__toolbar input {
    min-width: 220px;
    min-height: 44px;
    padding: 0 0.8rem;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 8px;
    background: rgba(2, 6, 23, 0.45);
    color: #f8fafc;
}

.affiliate-linked-assets__new {
    border-color: rgba(255, 215, 0, 0.5) !important;
    background: linear-gradient(180deg, rgba(255, 215, 0, 0.72), rgba(180, 83, 9, 0.86)) !important;
}

.affiliate-command-table--hybrid .affiliate-command-table__row {
    grid-template-columns: minmax(210px, 1.28fr) minmax(96px, 0.56fr) minmax(190px, 1fr) minmax(74px, 0.38fr) minmax(84px, 0.42fr) minmax(126px, 0.62fr) minmax(104px, 0.52fr) minmax(116px, 0.56fr);
}

@media (max-width: 1280px) {
    .affiliate-hybrid-shell .affiliate-command-metric-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .affiliate-command-metric-strip {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .affiliate-command-metric-strip article:nth-child(4n) {
        border-right: 0;
    }

    .affiliate-command-status-hero,
    .affiliate-campaign-panel .affiliate-section-heading,
    .affiliate-command-next-action,
    .affiliate-command-work-grid,
    .affiliate-campaign-studio-grid,
    .affiliate-growth-metric-grid,
    .affiliate-growth-quality-grid,
    .affiliate-promoter-quality-grid,
    .affiliate-support-grid,
    .affiliate-authority-notes,
    .affiliate-hybrid-shell .affiliate-command-footer {
        position: static;
        grid-template-columns: minmax(0, 1fr);
        border: 1px solid rgba(148, 163, 184, 0.18);
        border-radius: 8px;
        margin-inline: auto;
    }

    .affiliate-program-guardrails {
        grid-column: auto;
    }

    .affiliate-conversion-funnel,
    .affiliate-quality-score-card,
    .affiliate-quality-drivers,
    .affiliate-risk-queue,
    .affiliate-next-recommendation--growth,
    .affiliate-top-assets-quality {
        grid-column: auto;
        grid-row: auto;
    }

    .affiliate-payout-state-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .affiliate-command-status-hero__button {
        width: 100%;
    }
}

@media (max-width: 900px) {
    .affiliate-hybrid-shell {
        grid-template-columns: minmax(0, 1fr);
    }

    .affiliate-command-sidebar {
        position: static;
        min-height: auto;
        overflow: hidden;
        border-right: 0;
        border-bottom: 1px solid rgba(148, 163, 184, 0.16);
        padding: 0.75rem 1rem;
    }

    .affiliate-command-sidebar nav {
        display: flex;
        gap: 0.5rem;
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        padding-bottom: 0.25rem;
        scrollbar-width: thin;
    }

    .affiliate-sidebar-brand {
        min-height: 48px;
    }

    .affiliate-command-sidebar nav > span,
    .affiliate-sidebar-account {
        display: none;
    }

    .affiliate-sidebar-link {
        flex: 0 0 auto;
        min-height: 44px;
        padding-inline: 0.85rem;
        white-space: nowrap;
    }

    .affiliate-hybrid-main {
        gap: 0.9rem;
        padding: 1rem;
    }

    .affiliate-hybrid-header {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.8rem;
    }

    .affiliate-hybrid-header h1 {
        font-size: clamp(1.85rem, 7.4vw, 2.35rem);
    }

    .affiliate-hybrid-header__actions,
    .affiliate-command-lens-action {
        justify-content: stretch;
        margin-left: 0;
    }

    .affiliate-hybrid-header__actions .status-pill,
    .affiliate-hybrid-header__actions .report-action-link {
        justify-content: center;
        min-height: 44px;
    }

    .affiliate-command-lenses--hybrid {
        width: 100%;
        max-width: 100%;
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: thin;
        scroll-padding-inline: 0.55rem;
    }

    .affiliate-command-lenses--hybrid .affiliate-command-lens,
    .affiliate-command-lenses--hybrid .affiliate-command-lens-action {
        flex: 0 0 auto;
        min-height: 44px;
        white-space: nowrap;
    }

    .affiliate-command-status-hero {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 0.65rem;
        align-items: start;
        padding: 0.85rem;
    }

    .affiliate-command-status-hero > div:nth-child(n+3),
    .affiliate-command-status-hero__button {
        grid-column: 1 / -1;
    }

    .affiliate-command-next-action,
    .affiliate-command-metric-strip,
    .affiliate-hybrid-shell .affiliate-command-metric-strip,
    .affiliate-command-work-grid,
    .affiliate-earning-party-grid,
    .affiliate-ready-callout,
    .affiliate-generated-link--ready,
    .affiliate-attribution-payload,
    .affiliate-disclosure-panel__actions,
    .affiliate-campaign-studio-grid,
    .affiliate-hybrid-shell .affiliate-campaign-form,
    .affiliate-growth-quality-grid,
    .affiliate-promoter-quality-grid,
    .affiliate-payout-state-steps,
    .affiliate-support-grid,
    .affiliate-authority-notes,
    .affiliate-hybrid-shell .affiliate-command-footer {
        grid-template-columns: minmax(0, 1fr);
    }

    .affiliate-command-next-action__step {
        min-height: 72px;
        padding: 0.75rem;
    }

    .affiliate-command-metric-strip {
        overflow: visible;
    }

    .affiliate-hybrid-shell .affiliate-readiness-card,
    .affiliate-disclosure-panel,
    .affiliate-hybrid-shell .affiliate-campaign-panel,
    .affiliate-hybrid-shell .affiliate-linked-assets,
    .affiliate-growth-quality-panel,
    .affiliate-promoter-quality-panel {
        padding: 0.85rem;
    }

    .affiliate-hybrid-shell .affiliate-readiness-card__body {
        grid-template-columns: minmax(0, 1fr);
    }

    .affiliate-hybrid-shell .affiliate-readiness-gauge {
        min-height: 82px;
    }

    .affiliate-funnel-row,
    .affiliate-command-table--hybrid .affiliate-command-table__row,
    .affiliate-command-table--promoters .affiliate-command-table__row,
    .affiliate-generated-links-studio__row,
    .affiliate-quality-asset-table__row {
        grid-template-columns: minmax(0, 1fr);
    }

    .affiliate-campaign-studio-actions {
        justify-content: stretch;
    }

    .affiliate-campaign-studio-actions .report-action-link {
        flex: 1 1 12rem;
        justify-content: center;
    }

    .affiliate-campaign-rules div,
    .affiliate-link-health-list div,
    .affiliate-quality-drivers div,
    .affiliate-risk-queue div,
    .affiliate-program-guardrails div {
        grid-template-columns: minmax(0, 1fr);
    }

    .affiliate-ready-callout .report-action-link,
    .affiliate-generated-link--ready .report-action-row {
        width: 100%;
    }

    .affiliate-generated-link--ready .report-action-row .report-action-link {
        width: 100%;
        justify-content: center;
    }

    .affiliate-generated-link__url {
        font-size: 0.74rem;
    }
}

.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__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-public-share--client-review .proposal-public-signature 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: 54px minmax(0, 1fr) minmax(74px, max-content);
        grid-template-rows: auto auto;
        min-height: 98px;
        gap: 0.35rem 0.65rem;
    }

    .admin-workspace--branding-review .admin-branding-review-queue__item::before {
        grid-column: 1;
        grid-row: 1 / span 2;
        width: 48px;
        height: 48px;
    }

    .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;
        max-width: 116px;
        min-width: 0;
        white-space: normal;
        text-align: center;
        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;
    }

    .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,
    .admin-workspace--branding-review .admin-branding-review-queue__item strong {
        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);
    }
}

.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 > 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, 8.875rem) !important;
    height: var(--hivesync-logo-lockup-height, 3.125rem) !important;
    max-width: 100% !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

.hivesync-logo > .hivesync-logo__image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !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 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__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__metrics > div,
    .provider-proof-links__metric-list {
        grid-template-columns: minmax(0, 1fr);
    }

    .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 {
    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__sample-list {
    display: grid;
    gap: 0.65rem;
}

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