/* Strict final layer for pages synchronized with customer/dashboard */
body.customer-dashboard-reference {
    --cdr-surface-exact: linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .025));
    --cdr-line-exact: rgba(255, 255, 255, .08);
    --cdr-text-exact: #f4f8f9;
    --cdr-muted-exact: #aeb6bd;
    --cdr-accent-exact: #f79433;
    --cdr-primary-exact: #248091;
}

body.customer-portal-v3.customer-dashboard-reference .customer-page-header {
    height: 80px;
    border: 0 !important;
    background: unset !important;
    box-shadow: none !important;
}


.desktop-main-header customer-page-header__inner{

padding: 0 !important;

}

body.customer-portal-v3.customer-dashboard-reference .customer-page-header__inner {
    width: min(calc(100% - 32px), 1503px) !important;
    max-width: 1503px !important;
}

body.customer-portal-v3.customer-dashboard-reference :is(
    .repair-list-page, .repair-status-page, .sale-detail-pro,
    .sourcing-status-page, .customer-preps, .cwc, .cwcd,
    .cwl, .cwd, .ct-page, .ctd-page
) {
    width: min(calc(100% - 32px), 1503px) !important;
    max-width: 1503px !important;
    margin-inline: auto !important;
    padding: 112px 0 110px !important;
}

body.customer-portal-v3.customer-dashboard-reference :is(
    .repair-list-hero, .repair-status-hero, .sale-detail-hero,
    .sourcing-list-hero, .sourcing-detail-hero, .customer-preps__hero,
    .cwc-head, .cwcd-head, .cwl-head, .cwd-head, .ct-hero, .ctd-hero
) {
    padding: 26px !important;
    border: 1px solid var(--cdr-line-exact) !important;
    border-radius: 30px !important;
    background: var(--cdr-surface-exact) !important;
    box-shadow: 0 18px 54px rgba(0, 0, 0, .22) !important;
}

body.customer-portal-v3.customer-dashboard-reference :is(
    .repair-list-card, .repair-status-panel, .sale-detail-card,
    .customer-sale-items, .customer-sale-item, .sourcing-status-card,
    .sourcing-detail-card, .sourcing-message-card, .customer-prep-card,
    .cwc-card, .cwcd-card, .cwl-card, .cwd-card, .ct-card, .ctd-card
) {
    border: 1px solid var(--cdr-line-exact) !important;
    border-radius: 22px !important;
    background: var(--cdr-surface-exact) !important;
    box-shadow: 0 16px 48px rgba(0, 0, 0, .20) !important;
}

body.customer-portal-v3.customer-dashboard-reference :is(
    .repair-list-hero__panel, .repair-status-info-grid > *,
    .sale-detail-quick-grid > *, .sale-detail-spec,
    .sale-detail-warranty-grid > *, .sourcing-list-summary > *,
    .sourcing-detail-summary > *, .cwc-meta > *, .cwcd-meta > *,
    .cwl-stat, .cwd-summary > *, .ct-stat, .ctd-info-row,
    .customer-sale-item__specs > *
) {
    border: 1px solid rgba(255, 255, 255, .065) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .035) !important;
    box-shadow: none !important;
}

body.customer-portal-v3.customer-dashboard-reference :is(
    .repair-list-primary-action, .sourcing-list-primary, .cwl-new,
    .cwcd-pay, .ct-btn:not(.secondary), .ctd-btn:not(.secondary),
    .sale-detail-action.primary, .customer-page-header__actions .md3-btn-primary
) {
    border-color: var(--cdr-accent-exact) !important;
    border-radius: 14px !important;
    background: var(--cdr-accent-exact) !important;
    color: #111 !important;
}

body.customer-portal-v3.customer-dashboard-reference :is(
    .repair-list-secondary-action, .cwd-back, .cwcd-back,
    .ct-btn.secondary, .ctd-btn.secondary,
    .customer-page-header__actions .md3-btn-secondary
) {
    border: 1px solid var(--cdr-line-exact) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, .055) !important;
    color: #fff !important;
}

body.customer-portal-v3.customer-dashboard-reference :is(
    .repair-list-card__meta, .repair-list-card__finance,
    .repair-status-meta-row, .sale-detail-card small,
    .customer-sale-item small, .sourcing-status-meta,
    .customer-prep-card__meta, .cwc-meta span, .cwcd-meta span,
    .cwl-stat span, .cwd-summary span, .ct-excerpt, .ct-pill,
    .ctd-info-row span:first-child, .ctd-msg-head
) {
    color: var(--cdr-muted-exact) !important;
}

@media (max-width: 760px) {
    body.customer-portal-v3.customer-dashboard-reference .customer-page-header {
        height: 72px;
    }

    body.customer-portal-v3.customer-dashboard-reference .customer-page-header__inner {
        width: calc(100% - 18px) !important;
    }

    body.customer-portal-v3.customer-dashboard-reference :is(
        .repair-list-page, .repair-status-page, .sale-detail-pro,
        .sourcing-status-page, .customer-preps, .cwc, .cwcd,
        .cwl, .cwd, .ct-page, .ctd-page
    ) {
        width: calc(100% - 16px) !important;
        padding-top: 92px !important;
    }

    body.customer-portal-v3.customer-dashboard-reference :is(
        .repair-list-hero, .repair-status-hero, .sale-detail-hero,
        .sourcing-list-hero, .sourcing-detail-hero, .customer-preps__hero,
        .cwc-head, .cwcd-head, .cwl-head, .cwd-head, .ct-hero, .ctd-hero
    ) {
        padding: 18px !important;
        border-radius: 22px !important;
    }

    body.customer-portal-v3.customer-dashboard-reference :is(
        .repair-list-card, .repair-status-panel, .sale-detail-card,
        .customer-sale-items, .customer-sale-item, .sourcing-status-card,
        .sourcing-detail-card, .sourcing-message-card, .customer-prep-card,
        .cwc-card, .cwcd-card, .cwl-card, .cwd-card, .ct-card, .ctd-card
    ) {
        border-radius: 18px !important;
    }
}
