/* Cabinet layout refinement. Loaded last; never included by the Mini App. */
body.wc-liquid-glass {
    --wc-content-width: 1120px;
}

/* Absolutely positioned screens ignored padding on their parent container. */
body.wc-liquid-glass .screens-container {
    padding-top: 0;
    container-type: inline-size;
}
body.wc-liquid-glass .screens-container > .screen {
    padding-top: 22px;
    scroll-padding-block: 22px 96px;
}
body.wc-liquid-glass .screens-container > .screen > :is(.screen-content, .wc-page),
body.wc-liquid-glass .screens-container > .screen > .screen-header {
    width: min(100%, var(--wc-content-width));
    max-width: var(--wc-content-width);
    margin-inline: auto;
}
body.wc-liquid-glass .screens-container > .screen > .screen-header {
    padding-inline: 8px;
    margin-bottom: 20px;
}
body.wc-liquid-glass .product-page-head {
    margin-bottom: 0;
}
body.wc-liquid-glass .product-page-head :is(h1, h2) {
    line-height: 1.25;
    overflow-wrap: anywhere;
}
body.wc-liquid-glass :is(.topbar-left, .topbar-right, .dash-account-info, .dash-profile-info) {
    min-width: 0;
}
body.wc-liquid-glass .topbar-page-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
body.wc-liquid-glass :is(.dash-profile, .dash-profile-name, .dash-account-name) {
    overflow-wrap: anywhere;
}
body.wc-liquid-glass .dash-profile :is(button, .dash-profile-badge) {
    flex-shrink: 0;
}
body.wc-liquid-glass .sidebar-nav {
    scrollbar-gutter: stable;
}
body.wc-liquid-glass .nav-label {
    min-width: 0;
}

/* Long reading/editing screens keep a comfortable line length. */
body.wc-liquid-glass :is(#screen-ai, #screen-letter, #screen-subscription) > .screen-content {
    max-width: 960px;
}
body.wc-liquid-glass #activity-screen .pa-root {
    max-width: 960px;
    width: 100%;
    margin-inline: auto;
}
body.wc-liquid-glass #activity-screen .pa-tabs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
body.wc-liquid-glass #screen-ai .ai-settings {
    gap: 12px;
}
body.wc-liquid-glass #screen-ai .ai-row-desc {
    white-space: normal;
    overflow-wrap: anywhere;
}
body.wc-liquid-glass #screen-ai .ai-row-toggle {
    flex-shrink: 0;
}
body.wc-liquid-glass #ai-auto-reply-controls .toggle-row {
    flex-wrap: wrap;
    gap: 12px;
}

/* Compare plans side by side when the available content width allows it. */
body.wc-liquid-glass #upgrade-content {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: 18px;
}
body.wc-liquid-glass #upgrade-content > :not(.tier-card) {
    grid-column: 1 / -1;
    min-width: 0;
    margin-bottom: 0;
}
body.wc-liquid-glass #upgrade-content > .tier-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    margin: 0;
    padding: 24px;
    border-radius: 22px;
}
body.wc-liquid-glass #upgrade-content .tier-card:hover {
    transform: none;
}
body.wc-liquid-glass #upgrade-content .tier-card__price {
    font-family: var(--font-body);
    font-size: 40px;
    line-height: 1.15;
}
body.wc-liquid-glass #upgrade-content .tier-card__features {
    flex: 1;
    margin-block: 22px;
    font-size: 13px;
    line-height: 1.55;
}
body.wc-liquid-glass #upgrade-content .tier-card__btn {
    min-height: 46px;
    margin-top: auto;
    font: 700 13px var(--font-body);
    white-space: normal;
}
body.wc-liquid-glass .checkout-promo__row {
    flex-wrap: wrap;
}
body.wc-liquid-glass .checkout-promo__input {
    flex: 1 1 180px;
    min-width: 0;
}
body.wc-liquid-glass #sub-email-section input {
    min-width: 0;
}
body.wc-liquid-glass :is(.field-input, .field-textarea, select) {
    max-width: 100%;
}

/* Align injected screens with the cabinet instead of their Mini App defaults. */
body.wc-liquid-glass #screen-desktop-interview > .screen-content.di-page {
    padding-inline: 8px !important;
}
body.wc-liquid-glass #screen-desktop-interview .di-step {
    min-width: 0;
}
body.wc-liquid-glass #screen-desktop-interview .di-step button {
    white-space: normal;
}
body.wc-liquid-glass #ai-candidate-context-screen .acf-page-head {
    max-width: 960px;
    padding: 4px 8px 18px;
}
body.wc-liquid-glass #ai-candidate-context-screen .acf-content {
    max-width: 960px;
    padding-top: 0 !important;
}

@container (min-width: 960px) {
    body.wc-liquid-glass #upgrade-content {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@container (max-width: 820px) {
    body.wc-liquid-glass .product-overview,
    body.wc-liquid-glass .product-grid {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: none;
    }
    body.wc-liquid-glass .product-grid > .product-grid-card:nth-child(n) {
        grid-area: auto;
    }
    body.wc-liquid-glass .product-overview-actions {
        flex-wrap: wrap;
    }
    body.wc-liquid-glass .product-overview-actions > button {
        flex: 0 1 auto;
        min-width: 160px;
    }
    body.wc-liquid-glass .filters-layout.wc-page {
        grid-template-columns: minmax(0, 1fr);
    }
    body.wc-liquid-glass .filters-side {
        position: static;
        order: -1;
    }
}
@media (max-width: 900px) {
    body.wc-liquid-glass .screens-container > .screen {
        padding-top: 18px;
    }
    body.wc-liquid-glass .screens-container > .screen > .screen-header,
    body.wc-liquid-glass #ai-candidate-context-screen .acf-page-head {
        padding-inline: 16px;
    }
    body.wc-liquid-glass #screen-desktop-interview > .screen-content.di-page {
        padding-inline: 16px !important;
    }
    body.wc-liquid-glass :is(input, select, textarea) {
        font-size: 16px;
    }
}
@media (max-width: 520px) {
    body.wc-liquid-glass .product-overview-actions > button {
        flex: 1 1 100%;
    }
    body.wc-liquid-glass #upgrade-content > .tier-card {
        padding: 22px 18px;
    }
    body.wc-liquid-glass #activity-screen .pa-tabs button {
        font-size: 11px;
        padding-inline: 2px;
    }
}