/* Customer entry pages share the active admin dashboard's chocolate, cream and gold palette. */
html.brand-customer-page {
    background: #f4efe3;
}

body.brand-landing,
body.brand-start-order,
body.brand-order-progress,
body.brand-order-dashboard,
body.brand-customer-flow {
    --brand-ink: #2f291d;
    --brand-muted: #746b59;
    --brand-green: #7a5a1e;
    --brand-green-hover: #5f4416;
    --brand-gold: #e0b95c;
    --brand-line: #d8cba9;
    --brand-surface: #fffdf8;
    --brand-soft: #f8edcf;
    --ink: var(--brand-ink);
    --green: var(--brand-green);
    --deep: var(--brand-green-hover);
    --gold: var(--brand-gold);
    --cream: #f4efe3;
    --paper: var(--brand-surface);
    --muted: var(--brand-muted);
    --line: var(--brand-line);
    color: var(--brand-ink);
    background: linear-gradient(180deg, #f4efe3 0, #f3f4f1 380px);
}

body.brand-landing .brand-mark,
body.brand-start-order .brand-mark {
    border-color: var(--brand-gold);
    border-radius: 11px;
    color: #302817;
    background: var(--brand-gold);
}

body.brand-landing .eyebrow,
body.brand-start-order .eyebrow {
    color: #8a6720;
}

body.brand-landing .hero h1 em {
    color: var(--brand-green);
}

body.brand-landing .landing-resume-order {
    max-width: 610px;
    margin: 0 0 24px;
    padding: 20px;
    border: 1px solid var(--brand-line);
    border-left: 4px solid var(--brand-gold);
    border-radius: 12px;
    background: var(--brand-surface);
    box-shadow: 0 12px 30px rgba(63, 47, 17, .08);
}

body.brand-landing .landing-resume-order strong {
    display: block;
    font-size: 1.05rem;
}

body.brand-landing .landing-resume-order p {
    margin: 8px 0 16px;
    color: var(--brand-muted);
    line-height: 1.5;
}

body.brand-landing .landing-resume-order .button {
    display: inline-flex;
}

body.brand-landing .hero-art::before {
    border-color: #d8cba9;
    background: radial-gradient(circle at 75% 22%, rgba(255,255,255,.8), transparent 27%),
        radial-gradient(circle at 22% 78%, rgba(224,185,92,.24), transparent 33%),
        linear-gradient(145deg, #fffaf0, #f0e5c9 55%, #e8d5a8);
}

body.brand-landing .feature-strip {
    border-color: var(--brand-line);
}

body.brand-landing .journey li,
body.brand-landing .faq-grid details,
body.brand-landing .customer-policies article {
    border: 1px solid var(--brand-line);
    border-radius: 13px;
    background: var(--brand-surface);
    box-shadow: 0 3px 12px rgba(63,47,17,.06);
}

body.brand-landing .final-cta {
    border-radius: 18px;
    background: linear-gradient(135deg, #302817, #755b26);
    box-shadow: 0 15px 40px rgba(70,53,20,.18);
}

body.brand-landing .final-cta .eyebrow {
    color: #ead7a3;
}

body.brand-landing .button-primary,
body.brand-start-order .button-primary {
    border-radius: 9px;
    background: var(--brand-green);
    box-shadow: 0 10px 22px rgba(72,51,14,.16);
}

body.brand-landing .button-primary:hover,
body.brand-start-order .button-primary:hover {
    background: var(--brand-green-hover);
}

body.brand-landing .social-links a {
    border-color: var(--brand-line);
    background: var(--brand-surface);
}

body.brand-landing .social-links a span {
    background: #7a5a1e;
}

body.brand-landing .customer-theme-toggle,
body.brand-start-order .customer-theme-toggle,
body.brand-order-dashboard .customer-theme-toggle {
    border-color: var(--brand-line);
    color: var(--brand-green);
    background: var(--brand-surface);
}

body.brand-landing .button-secondary,
body.brand-start-order .button-secondary,
body.brand-start-order .header-link {
    border-color: #cdbd94;
    border-radius: 9px;
    color: var(--brand-green);
    background: var(--brand-surface);
}

body.brand-start-order.utility-page {
    background: linear-gradient(180deg, #f4efe3 0, #f3f4f1 380px);
}

body.brand-order-progress .progress-search,
body.brand-customer-flow :is(.review-header, .review-card, .review-item, .order-card, .package-summary, .order-summary, .artwork-card, .action-panel, .history-panel) {
    border-color: var(--brand-line);
    background-color: var(--brand-surface);
}

body.brand-order-progress :is(.header-link, .button-secondary, .balance-receipt-picker button) {
    border-color: var(--brand-line);
    border-radius: 9px;
    color: var(--brand-green);
    background: var(--brand-surface);
}

body.brand-order-progress :is(.header-link, .button-secondary, .balance-receipt-picker button):hover {
    border-color: #b9852c;
    color: var(--brand-green);
    background: var(--brand-soft);
}

body.brand-order-progress :is(.button-primary, .balance-payment-notice a) {
    border-color: var(--brand-green);
    color: #fff;
    background: var(--brand-green);
}

body.brand-order-progress :is(.button-primary, .balance-payment-notice a):hover {
    border-color: var(--brand-green-hover);
    background: var(--brand-green-hover);
}

body.brand-start-order .public-form {
    border-color: var(--brand-line);
    border-radius: 15px;
    background: var(--brand-surface);
    box-shadow: 0 12px 35px rgba(63,47,17,.10);
}

body.brand-start-order .choice-card {
    border-color: var(--brand-line);
    border-radius: 9px;
    background: #fffdf8;
}

body.brand-start-order .choice-card:has(input:checked) {
    border-color: var(--brand-green);
    background: var(--brand-soft);
    box-shadow: 0 0 0 2px rgba(185,133,44,.13);
}

body.brand-start-order .choice-card input {
    accent-color: var(--brand-green);
}

body.brand-start-order :is(.public-form input:not([type=radio]), .public-form select) {
    border-color: #d1c4a3;
    border-radius: 8px;
    color: var(--brand-ink);
    background: #fffdf8;
}

body.brand-start-order :is(.public-form input:not([type=radio]), .public-form select):focus {
    border-color: var(--brand-green);
    outline-color: rgba(185,133,44,.16);
}

body.brand-order-dashboard .order-summary {
    border-color: var(--brand-line);
    border-top: 4px solid var(--brand-gold);
    border-radius: 17px;
    box-shadow: 0 12px 35px rgba(63,47,17,.10);
}

body.brand-order-dashboard .order-summary-grid,
body.brand-order-dashboard .order-status-message,
body.brand-order-dashboard .customer-view-switcher {
    border: 1px solid var(--brand-line);
    background: #faf6ec;
}

body.brand-order-dashboard :is(.order-summary-heading h1, #customer-order-form h2, #customer-order-form h3, .live-preview-heading h2, .live-product-heading h3) {
    color: var(--brand-ink);
}

body.brand-order-dashboard .additional-products,
body.brand-order-dashboard .additional-product-card {
    border-color: var(--brand-line);
    background: #faf6ec;
}

body.brand-order-dashboard .additional-product-card input[type=checkbox] {
    accent-color: #9a7126;
}

body.brand-order-dashboard .status-badge {
    color: var(--brand-green);
    background: #f8edcf;
}

body.brand-order-dashboard .back-home-button {
    border-color: #cdbd94;
    color: var(--brand-green);
}

body.brand-order-dashboard .customer-view-switcher-button {
    color: var(--brand-green);
}

body.brand-order-dashboard .customer-view-switcher-button:hover {
    background: #f8edcf;
}

body.brand-order-dashboard .customer-view-switcher-button.is-active {
    border-color: var(--brand-green);
    color: #fff;
    background: var(--brand-green);
}

body.brand-order-dashboard :is(#customer-order-form fieldset, .form-actions, .live-preview, .dashboard-action-card) {
    border-color: var(--brand-line);
    background-color: var(--brand-surface);
    box-shadow: 0 4px 14px rgba(63,47,17,.06);
}

body.brand-order-dashboard #customer-order-form fieldset {
    border-top: 3px solid var(--brand-green);
}

body.brand-order-dashboard #customer-order-form legend {
    color: var(--brand-green);
}

body.brand-order-dashboard #customer-order-form :is(input, select, textarea, .date-picker-trigger) {
    border-color: #d1c4a3;
    color: var(--brand-ink);
    background: var(--brand-surface);
}

body.brand-order-dashboard #customer-order-form :is(input, select, textarea, .date-picker-trigger):focus-visible {
    border-color: var(--brand-green);
    outline-color: rgba(185,133,44,.16);
}

body.brand-order-dashboard :is(.date-picker-panel, .hijri-picker-panel) {
    border-color: var(--brand-line);
    background: var(--brand-surface);
    box-shadow: 0 18px 45px rgba(63,47,17,.18);
}

body.brand-order-dashboard :is(.date-picker-icon, .date-picker-nav, .date-picker-note, .date-picker-help) {
    color: var(--brand-green);
}

body.brand-order-dashboard :is(.date-picker-nav, .date-picker-day, .hijri-picker-clear) {
    border-color: var(--brand-line);
    background: #faf6ec;
}

body.brand-order-dashboard :is(.date-picker-day:hover:not(:disabled), .date-picker-day.is-selected, .hijri-date-option:hover:not(:disabled)) {
    color: #fff;
    background: var(--brand-green);
}

body.brand-order-dashboard .hijri-date-option {
    border-color: var(--brand-line);
    color: var(--brand-green);
    background: var(--brand-soft);
}

body.brand-order-dashboard .form-actions a,
body.brand-order-dashboard .dashboard-action-card a {
    border-color: var(--brand-green);
    color: #fff;
    background: var(--brand-green);
}

body.brand-order-dashboard .form-actions button {
    border-color: #cdbd94;
    color: var(--brand-green);
    background: #fffdf8;
}

body.brand-order-dashboard .form-actions button:hover {
    background: var(--brand-soft);
}

body.brand-order-dashboard :is(.live-preview-heading, .live-product-heading) .eyebrow {
    color: #8a6720;
}

body.brand-order-dashboard :is(.preview-side-tab, .preview-face-tab, .preview-page-tab).is-active {
    border-color: var(--brand-green);
    color: #fff;
    background: var(--brand-green);
}

body.brand-order-dashboard .form-actions a:hover,
body.brand-order-dashboard .dashboard-action-card a:hover {
    background: var(--brand-green-hover);
}

/* Customer actions use the same primary, secondary and selected-tab colours. */
body.brand-order-dashboard :is(.deposit-status-card button, .form-actions a, .dashboard-action-card a),
body.brand-customer-flow :is(.confirm-button, .progress-button, .button-primary, .final-confirmation-dialog-actions .is-primary, .artwork-confirmation-actions .is-primary) {
    border: 1px solid var(--brand-green);
    color: #fff;
    background: var(--brand-green);
}

body.brand-order-dashboard :is(.deposit-status-card button, .form-actions a, .dashboard-action-card a):hover,
body.brand-customer-flow :is(.confirm-button, .progress-button, .button-primary, .final-confirmation-dialog-actions .is-primary, .artwork-confirmation-actions .is-primary):hover {
    border-color: var(--brand-green-hover);
    background: var(--brand-green-hover);
}

body:is(.brand-order-progress, .brand-customer-flow) .payment-method-actions {
    display: grid;
    margin-top: 12px;
    gap: 10px;
}

body:is(.brand-order-progress, .brand-customer-flow) .payment-method-actions form {
    margin: 0;
}

body:is(.brand-order-progress, .brand-customer-flow) .payment-method-actions button {
    width: 100%;
}

body.brand-order-progress .balance-payment-action {
    padding-top: 12px;
}

body.brand-order-progress .balance-payment-card > :is(a.button-primary, form) + .field-error {
    margin-top: 16px;
}

body.brand-order-dashboard :is(.back-home-button, .form-actions button, .cancel-card-image, .customer-view-switcher-button:not(.is-active), .preview-side-tab:not(.is-active), .preview-face-tab:not(.is-active), .preview-page-tab:not(.is-active)),
body.brand-customer-flow :is(.button-secondary, .receipt-picker button, .final-confirmation-dialog-actions button:not(.is-primary), .artwork-confirmation-actions button:not(.is-primary):not(.is-danger)) {
    border-color: var(--brand-line);
    color: var(--brand-green);
    background: var(--brand-surface);
}

body.brand-order-dashboard :is(.back-home-button, .form-actions button, .cancel-card-image, .customer-view-switcher-button:not(.is-active), .preview-side-tab:not(.is-active), .preview-face-tab:not(.is-active), .preview-page-tab:not(.is-active)):hover,
body.brand-customer-flow :is(.button-secondary, .receipt-picker button, .final-confirmation-dialog-actions button:not(.is-primary), .artwork-confirmation-actions button:not(.is-primary):not(.is-danger)):hover {
    border-color: #b9852c;
    background: var(--brand-soft);
}

body.brand-order-dashboard :is(.customer-view-switcher-button.is-active, .preview-side-tab.is-active, .preview-face-tab.is-active, .preview-page-tab.is-active) {
    border-color: var(--brand-green);
    color: #fff;
    background: var(--brand-green);
}

body.brand-order-dashboard .live-preview-toggle {
    color: var(--brand-ink);
    background: var(--brand-surface);
}

body.brand-order-dashboard .live-preview-toggle:hover {
    background: var(--brand-soft);
}

body.brand-order-dashboard .live-preview-avatar {
    background: var(--brand-green);
}

body.brand-customer-flow :is(.back-link, .maps-link) {
    color: var(--brand-green);
}

body:is(.brand-order-progress, .brand-order-dashboard, .brand-customer-flow) input[type="file"]::file-selector-button {
    margin-right: 12px;
    padding: 8px 12px;
    border: 1px solid var(--brand-line);
    border-radius: 7px;
    color: var(--brand-green);
    background: var(--brand-soft);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

body:is(.brand-order-dashboard, .brand-customer-flow) :is(button, a):focus-visible {
    outline: 3px solid rgba(185,133,44,.42);
    outline-offset: 2px;
}

body.brand-order-progress :is(button, a):focus-visible {
    outline: 3px solid rgba(185,133,44,.42);
    outline-offset: 2px;
}

body:is(.brand-landing, .brand-start-order, .brand-order-progress, .brand-order-dashboard, .brand-customer-flow) .customer-service-button {
    border-color: #e0b95c;
    background: #7a5a1e;
    box-shadow: 0 10px 26px rgba(63,47,17,.22);
}

body:is(.brand-landing, .brand-start-order, .brand-order-progress, .brand-order-dashboard, .brand-customer-flow) .customer-service-button:hover {
    background: #5f4416;
}

body:is(.brand-landing, .brand-start-order, .brand-order-progress, .brand-order-dashboard, .brand-customer-flow) .customer-service-icon svg {
    fill: #7a5a1e;
}

/* Artwork previews retain their design-specific colours in both themes. */
html.brand-customer-page[data-customer-theme="dark"] {
    background: #211c13 !important;
}

html[data-customer-theme="dark"] body.brand-landing,
html[data-customer-theme="dark"] body.brand-start-order,
html[data-customer-theme="dark"] body.brand-order-progress,
html[data-customer-theme="dark"] body.brand-order-dashboard,
html[data-customer-theme="dark"] body.brand-customer-flow {
    --ink: #f4eddb;
    --green: #e0b95c;
    --deep: #f4eddb;
    --muted: #d1c4a7;
    --line: #6b5934;
    --brand-ink: #f4eddb;
    --brand-muted: #d1c4a7;
    --brand-green: #e0b95c;
    --brand-green-hover: #cba247;
    --brand-line: #6b5934;
    --brand-surface: #302817;
    --brand-soft: #49391f;
    color: var(--brand-ink) !important;
    background: #211c13 !important;
}

html[data-customer-theme="dark"] body.brand-order-progress .progress-search,
html[data-customer-theme="dark"] body.brand-customer-flow :is(.review-header, .review-card, .review-item, .order-card, .package-summary, .order-summary, .artwork-card, .action-panel, .history-panel) {
    border-color: #6b5934 !important;
    color: #f4eddb !important;
    background-color: #302817 !important;
}

html[data-customer-theme="dark"] body.brand-order-progress :is(.header-link, .button-secondary, .balance-receipt-picker button) {
    border-color: #8c7546 !important;
    color: #f4eddb !important;
    background: #3b301d !important;
}

html[data-customer-theme="dark"] body.brand-order-progress :is(.header-link, .button-secondary, .balance-receipt-picker button):hover {
    border-color: #e0b95c !important;
    background: #49391f !important;
}

html[data-customer-theme="dark"] body.brand-order-progress :is(.button-primary, .balance-payment-notice a) {
    border-color: #e0b95c !important;
    color: #302817 !important;
    background: #e0b95c !important;
}

html[data-customer-theme="dark"] body.brand-order-progress :is(.button-primary, .balance-payment-notice a):hover {
    border-color: #cba247 !important;
    background: #cba247 !important;
}

html[data-customer-theme="dark"] body:is(.brand-landing, .brand-start-order, .brand-order-progress, .brand-order-dashboard, .brand-customer-flow) :is(.eyebrow, .footer-social>p) {
    color: #e0b95c !important;
}

html[data-customer-theme="dark"] body:is(.brand-landing, .brand-start-order) :is(.hero-text, .feature-strip p, .journey p, .faq-grid details>p, .customer-policies article>p, .form-intro>p:last-child, .privacy-note, .choice-card small, .site-footer) {
    color: #d1c4a7 !important;
}

html[data-customer-theme="dark"] body.brand-landing .feature-strip,
html[data-customer-theme="dark"] body.brand-landing .site-footer,
html[data-customer-theme="dark"] body.brand-landing .footer-bottom {
    border-color: #6b5934 !important;
    background: transparent !important;
}

html[data-customer-theme="dark"] body.brand-landing .hero-art::before {
    border-color: #846d40 !important;
    background: radial-gradient(circle at 78% 20%, rgba(224,185,92,.12), transparent 29%),
        linear-gradient(145deg, #3d321e, #544224 58%, #302817) !important;
}

html[data-customer-theme="dark"] body.brand-landing .social-links a {
    border-color: #6b5934 !important;
    color: #f4eddb !important;
    background: #302817 !important;
}

html[data-customer-theme="dark"] body.brand-landing .social-links a span {
    background: #9a7126 !important;
}

html[data-customer-theme="dark"] body:is(.brand-landing, .brand-start-order) .button-primary {
    border-color: #e0b95c !important;
    color: #302817 !important;
    background: #e0b95c !important;
}

html[data-customer-theme="dark"] body:is(.brand-landing, .brand-start-order) .button-primary span {
    color: #302817 !important;
}

html[data-customer-theme="dark"] body.brand-landing .final-cta .button-light,
html[data-customer-theme="dark"] body.brand-landing .final-cta .button-light span {
    color: #302817 !important;
}

html[data-customer-theme="dark"] body:is(.brand-landing, .brand-start-order) :is(.button-secondary, .header-link, .nav-progress) {
    border-color: #8c7546 !important;
    color: #f4eddb !important;
    background: #302817 !important;
}

html[data-customer-theme="dark"] body.brand-landing .hero-actions .button-secondary:hover {
    border-color: #e0b95c !important;
    color: #f4eddb !important;
    background: #211c13 !important;
    box-shadow: 0 14px 26px rgba(0, 0, 0, .35);
}

body:is(.brand-privacy, .brand-terms) .customer-legal-page {
    display: grid;
    width: min(920px, calc(100% - 40px));
    margin: 34px auto 76px;
    gap: 22px;
}

body:is(.brand-privacy, .brand-terms) .customer-legal-page-heading {
    padding: clamp(24px, 5vw, 44px);
    border: 1px solid var(--brand-line);
    border-radius: 16px;
    background: var(--brand-surface);
}

body:is(.brand-privacy, .brand-terms) .customer-legal-page-heading h1 {
    margin: 7px 0 12px;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(2rem, 5vw, 3.25rem);
}

body:is(.brand-privacy, .brand-terms) .customer-legal-page-heading > p:not(.eyebrow, .customer-legal-updated) {
    max-width: 700px;
    color: var(--brand-muted);
    line-height: 1.7;
}

body:is(.brand-privacy, .brand-terms) .customer-legal-updated {
    color: var(--brand-muted);
    font-size: .82rem;
}

body:is(.brand-privacy, .brand-terms) .customer-legal-language-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

body:is(.brand-privacy, .brand-terms) .customer-legal-language-nav a {
    padding: 9px 14px;
    border: 1px solid var(--brand-line);
    border-radius: 999px;
    color: var(--brand-green);
    font-size: .84rem;
    font-weight: 700;
    text-decoration: none;
}

body:is(.brand-privacy, .brand-terms) .customer-legal-language-nav a:hover {
    background: var(--brand-soft);
}

body:is(.brand-privacy, .brand-terms) .customer-legal-document {
    padding: clamp(22px, 4vw, 38px);
    border: 1px solid var(--brand-line);
    border-radius: 16px;
    background: var(--brand-surface);
    box-shadow: 0 12px 35px rgba(63, 47, 17, .08);
    scroll-margin-top: 20px;
}

body:is(.brand-privacy, .brand-terms) .customer-legal-document > header {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--brand-line);
}

body:is(.brand-privacy, .brand-terms) .customer-legal-document > header h2 {
    margin: 5px 0 10px;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(1.65rem, 4vw, 2.25rem);
}

body:is(.brand-privacy, .brand-terms) .customer-legal-document > header > p:last-child,
body:is(.brand-privacy, .brand-terms) .customer-legal-document section p,
body:is(.brand-privacy, .brand-terms) .customer-legal-document li {
    color: var(--brand-muted);
    line-height: 1.7;
}

body:is(.brand-privacy, .brand-terms) .customer-legal-document section {
    padding-top: 20px;
}

body:is(.brand-privacy, .brand-terms) .customer-legal-document section + section {
    margin-top: 20px;
    border-top: 1px solid var(--brand-line);
}

body:is(.brand-privacy, .brand-terms) .customer-legal-document h3 {
    margin: 0 0 10px;
    color: var(--brand-ink);
    font-size: 1.05rem;
}

body:is(.brand-privacy, .brand-terms) .customer-legal-document p {
    margin: 8px 0;
}

body:is(.brand-privacy, .brand-terms) .customer-legal-document ul {
    display: grid;
    padding-left: 22px;
    gap: 7px;
}

body:is(.brand-privacy, .brand-terms) .customer-legal-document a {
    color: var(--brand-green);
    font-weight: 700;
}

html[data-customer-theme="dark"] body.brand-start-order .choice-card {
    border-color: #6b5934 !important;
    background: #3b301d !important;
}

html[data-customer-theme="dark"] body.brand-start-order .choice-card:has(input:checked) :is(b, small) {
    color: #f4eddb !important;
}

html[data-customer-theme="dark"] body.brand-start-order .public-form :is(input:not([type=radio]), select) {
    border-color: #8c7546 !important;
    color: #f4eddb !important;
    background: #211c13 !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard :is(.order-summary-heading h1, #customer-order-form h2, #customer-order-form h3, .live-preview-heading h2, .live-product-heading h3) {
    color: #f4eddb !important;
}

html[data-customer-theme="dark"] body.brand-landing .hero h1 em {
    color: #e0b95c !important;
}

html[data-customer-theme="dark"] body.brand-landing nav a:not(.nav-progress):hover {
    color: #f2d789 !important;
}

html[data-customer-theme="dark"] body.brand-landing .brand-mark,
html[data-customer-theme="dark"] body.brand-start-order .brand-mark {
    color: #302817 !important;
    background: #e0b95c !important;
}

html[data-customer-theme="dark"] body.brand-landing :is(.journey li, .faq-grid details, .customer-policies article),
html[data-customer-theme="dark"] body.brand-start-order .public-form,
html[data-customer-theme="dark"] body.brand-order-dashboard :is(.order-summary, #customer-order-form fieldset, .form-actions, .live-preview) {
    border-color: var(--brand-line) !important;
    background-color: var(--brand-surface) !important;
    color: var(--brand-ink) !important;
}

html[data-customer-theme="dark"] body.brand-landing .final-cta {
    background: linear-gradient(135deg, #302817, #604a23) !important;
}

html[data-customer-theme="dark"] body.brand-start-order .choice-card:has(input:checked) {
    border-color: #e0b95c !important;
    background: #49391f !important;
}

html[data-customer-theme="dark"] body.brand-start-order .public-form fieldset {
    border: 0 !important;
    background: transparent !important;
}

html[data-customer-theme="dark"] body:is(.brand-landing, .brand-start-order, .brand-order-progress, .brand-order-dashboard, .brand-customer-flow) .customer-theme-toggle {
    border-color: #8c7546 !important;
    color: #e0b95c !important;
    background: #302817 !important;
}

html[data-customer-theme="dark"] body:is(.brand-landing, .brand-start-order, .brand-order-progress, .brand-order-dashboard, .brand-customer-flow) .customer-service-button {
    border-color: #e0b95c !important;
    color: #302817 !important;
    background: #d4ad50 !important;
}

html[data-customer-theme="dark"] body:is(.brand-landing, .brand-start-order, .brand-order-progress, .brand-order-dashboard, .brand-customer-flow) .customer-service-button:hover {
    background: #b98d34 !important;
    box-shadow: 0 18px 40px rgba(8, 43, 30, .34);
    transform: translateY(-2px);
}

html[data-customer-theme="dark"] body:is(.brand-landing, .brand-start-order, .brand-order-progress, .brand-order-dashboard, .brand-customer-flow) .customer-service-copy small {
    color: #49391f !important;
}

html[data-customer-theme="dark"] body:is(.brand-landing, .brand-start-order, .brand-order-progress, .brand-order-dashboard, .brand-customer-flow) .customer-service-icon svg {
    fill: #7a5a1e !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard :is(.order-summary-grid, .order-status-message, .customer-view-switcher) {
    border-color: var(--brand-line) !important;
    background: #3b301d !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard :is(.additional-products, .additional-product-card, .live-preview-toggle, .live-preview-body, .date-picker-panel, .hijri-picker-panel) {
    border-color: #6b5934 !important;
    color: #f4eddb !important;
    background: #302817 !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard :is(.field-help, .live-preview-toggle small, .live-preview-heading>span, .autosave-status, .live-product-heading>span) {
    color: #d1c4a7 !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard #customer-order-form :is(input, select, textarea, .date-picker-trigger) {
    border-color: #8c7546 !important;
    color: #f4eddb !important;
    background: #211c13 !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard :is(.date-picker-nav, .date-picker-day, .hijri-date-option, .hijri-picker-clear) {
    border-color: #8c7546 !important;
    color: #f4eddb !important;
    background: #3b301d !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard :is(.date-picker-day:hover:not(:disabled), .date-picker-day.is-selected, .hijri-date-option:hover:not(:disabled)) {
    border-color: #e0b95c !important;
    color: #302817 !important;
    background: #e0b95c !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard :is(.preview-side-tab, .preview-face-tab, .preview-page-tab):not(.is-active) {
    border-color: #8c7546 !important;
    color: #f4eddb !important;
    background: #3b301d !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard .customer-view-switcher-button {
    color: #f4eddb !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard .customer-view-switcher-button.is-active {
    border-color: #e0b95c !important;
    color: #302817 !important;
    background: #e0b95c !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard #customer-order-form legend {
    color: #e0b95c !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard :is(.live-preview-heading, .live-product-heading) .eyebrow {
    color: #e0b95c !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard :is(.preview-side-tab, .preview-face-tab, .preview-page-tab).is-active {
    border-color: #e0b95c !important;
    color: #302817 !important;
    background: #e0b95c !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard .form-actions a,
html[data-customer-theme="dark"] body.brand-order-dashboard .dashboard-action-card a {
    color: #302817 !important;
    background: #e0b95c !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard :is(.deposit-status-card button, .form-actions a, .dashboard-action-card a),
html[data-customer-theme="dark"] body.brand-customer-flow :is(.confirm-button, .progress-button, .button-primary, .final-confirmation-dialog-actions .is-primary, .artwork-confirmation-actions .is-primary) {
    border-color: #e0b95c !important;
    color: #302817 !important;
    background: #e0b95c !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard :is(.deposit-status-card button, .form-actions a, .dashboard-action-card a):hover,
html[data-customer-theme="dark"] body.brand-customer-flow :is(.confirm-button, .progress-button, .button-primary, .final-confirmation-dialog-actions .is-primary, .artwork-confirmation-actions .is-primary):hover {
    border-color: #cba247 !important;
    background: #cba247 !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard :is(.back-home-button, .form-actions button, .cancel-card-image, .customer-view-switcher-button:not(.is-active), .preview-side-tab:not(.is-active), .preview-face-tab:not(.is-active), .preview-page-tab:not(.is-active)),
html[data-customer-theme="dark"] body.brand-customer-flow :is(.button-secondary, .receipt-picker button, .final-confirmation-dialog-actions button:not(.is-primary), .artwork-confirmation-actions button:not(.is-primary):not(.is-danger)) {
    border-color: #8c7546 !important;
    color: #f4eddb !important;
    background: #3b301d !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard :is(.back-home-button, .form-actions button, .cancel-card-image, .customer-view-switcher-button:not(.is-active), .preview-side-tab:not(.is-active), .preview-face-tab:not(.is-active), .preview-page-tab:not(.is-active)):hover,
html[data-customer-theme="dark"] body.brand-customer-flow :is(.button-secondary, .receipt-picker button, .final-confirmation-dialog-actions button:not(.is-primary), .artwork-confirmation-actions button:not(.is-primary):not(.is-danger)):hover {
    border-color: #e0b95c !important;
    background: #49391f !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard :is(.customer-view-switcher-button.is-active, .preview-side-tab.is-active, .preview-face-tab.is-active, .preview-page-tab.is-active) {
    border-color: #e0b95c !important;
    color: #302817 !important;
    background: #e0b95c !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard .live-preview-toggle {
    color: #f4eddb !important;
    background: #302817 !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard .live-preview-toggle:hover {
    background: #49391f !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard .live-preview-avatar {
    color: #302817 !important;
    background: #e0b95c !important;
}

html[data-customer-theme="dark"] body.brand-customer-flow :is(.back-link, .maps-link) {
    color: #e0b95c !important;
}

html[data-customer-theme="dark"] body:is(.brand-order-progress, .brand-order-dashboard, .brand-customer-flow) input[type="file"]::file-selector-button {
    border-color: #8c7546 !important;
    color: #f4eddb !important;
    background: #3b301d !important;
}

body.brand-customer-flow :is(.button-danger-outline, .artwork-confirmation-actions .is-danger):focus-visible {
    outline-color: rgba(185,28,28,.48);
}

/* Shared customer fields; keep the artwork preview itself untouched. */
body:is(.brand-start-order, .brand-order-progress, .brand-order-dashboard, .brand-customer-flow) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="range"]):not([type="color"]), select, textarea, .date-picker-trigger) {
    border: 1px solid #d1c4a3;
    border-radius: 8px;
    color: #2f291d;
    background: #fffdf8;
}

body:is(.brand-start-order, .brand-order-progress, .brand-order-dashboard, .brand-customer-flow) :is(input, textarea)::placeholder {
    color: #82745f;
    opacity: 1;
}

body:is(.brand-start-order, .brand-order-progress, .brand-order-dashboard, .brand-customer-flow) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="range"]):not([type="color"]), select, textarea, .date-picker-trigger):focus {
    border-color: #b9852c;
    outline: 3px solid rgba(185,133,44,.2);
    outline-offset: 1px;
}

html[data-customer-theme="dark"] body:is(.brand-start-order, .brand-order-progress, .brand-order-dashboard, .brand-customer-flow) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="range"]):not([type="color"]), select, textarea, .date-picker-trigger) {
    border-color: #8c7546 !important;
    color: #f4eddb !important;
    background: #211c13 !important;
}

html[data-customer-theme="dark"] body:is(.brand-start-order, .brand-order-progress, .brand-order-dashboard, .brand-customer-flow) :is(input, textarea)::placeholder {
    color: #b9ab8b !important;
    opacity: 1;
}

html[data-customer-theme="dark"] body:is(.brand-start-order, .brand-order-progress, .brand-order-dashboard, .brand-customer-flow) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="range"]):not([type="color"]), select, textarea, .date-picker-trigger):focus {
    border-color: #e0b95c !important;
    outline: 3px solid rgba(224,185,92,.28) !important;
    outline-offset: 1px;
}

body:is(.brand-start-order, .brand-order-progress, .brand-order-dashboard, .brand-customer-flow) :is(.input-error, [aria-invalid="true"]) {
    border-color: #b42318 !important;
}

html[data-customer-theme="dark"] body:is(.brand-start-order, .brand-order-progress, .brand-order-dashboard, .brand-customer-flow) :is(.input-error, [aria-invalid="true"]) {
    border-color: #ff8d83 !important;
}

/* Dialogs, status cards and progress indicators belong to the page theme, not the artwork. */
body:is(.brand-start-order, .brand-order-progress, .brand-customer-flow) :is(.confirmation-dialog, .final-confirmation-dialog, .artwork-confirmation-dialog) {
    border-color: #d8cba9;
    color: #2f291d;
    background: #fffdf8;
    box-shadow: 0 28px 80px rgba(48, 40, 23, .22);
}

body:is(.brand-start-order, .brand-order-progress, .brand-customer-flow) :is(.confirmation-dialog, .final-confirmation-dialog, .artwork-confirmation-dialog)::backdrop {
    background: rgba(28, 23, 14, .65);
}

body:is(.brand-start-order, .brand-order-progress, .brand-customer-flow) :is(.confirmation-dialog, .final-confirmation-dialog, .artwork-confirmation-dialog) h2 {
    color: #302817;
}

body:is(.brand-start-order, .brand-order-progress, .brand-customer-flow) :is(.confirmation-dialog, .final-confirmation-dialog, .artwork-confirmation-dialog) p {
    color: #746b59;
}

body:is(.brand-start-order, .brand-order-progress, .brand-customer-flow) :is(.confirmation-dialog-icon, .final-confirmation-dialog-icon, .artwork-confirmation-icon) {
    color: #302817;
    background: #e0b95c;
}

body:is(.brand-start-order, .brand-order-progress, .brand-customer-flow) :is(.confirmation-dialog-actions, .final-confirmation-dialog-actions, .artwork-confirmation-actions) :is(.button-primary, .is-primary) {
    border-color: #b9852c;
    color: #302817;
    background: #e0b95c;
}

body:is(.brand-start-order, .brand-order-progress, .brand-customer-flow) :is(.confirmation-dialog-actions, .final-confirmation-dialog-actions, .artwork-confirmation-actions) :is(.button-primary, .is-primary):hover {
    border-color: #b9852c;
    background: #d4a943;
}

body:is(.brand-start-order, .brand-order-progress, .brand-customer-flow) :is(.confirmation-dialog-actions, .final-confirmation-dialog-actions, .artwork-confirmation-actions) :is(.button-secondary, button:not(.button-primary):not(.is-primary):not(.is-danger)) {
    border-color: #cdbd94;
    color: #3a301e;
    background: #f8f1e2;
}

body:is(.brand-start-order, .brand-order-progress, .brand-customer-flow) :is(.confirmation-dialog-actions, .final-confirmation-dialog-actions, .artwork-confirmation-actions) :is(.button-secondary, button:not(.button-primary):not(.is-primary):not(.is-danger)):hover {
    border-color: #b9852c;
    background: #f1e5c9;
}

body.brand-order-progress :is(.tracking-card, .public-artwork-action, .balance-payment-card, .payment-success-message),
body.brand-order-dashboard :is(.progress-panel, .deposit-status-card, .customer-tracking-card, .customer-empty-state),
body.brand-customer-flow :is(.review-item, .package-summary, .qr-panel, .receipt-panel, .contact-list li, .state-panel, .history-item, .customer-empty-state) {
    border-color: #d8cba9;
    color: #2f291d;
    background: #faf6ec;
}

body.brand-order-progress :is(.public-artwork-previews article, .balance-qr-placeholder) {
    border-color: #d8cba9;
    color: #2f291d;
    background: #faf6ec;
}

body.brand-order-progress .public-artwork-previews article>div {
    border-color: #d8cba9;
}

body.brand-customer-flow .success-icon {
    color: #302817;
    background: #e0b95c;
    box-shadow: 0 12px 30px rgba(185, 133, 44, .22);
}

body.brand-customer-flow .success-message {
    color: #746b59;
}

body:is(.brand-order-progress, .brand-order-dashboard, .brand-customer-flow) :is(.status-badge, .order-badge, .side-badge, .artwork-progress-label, .confirmed-badge, .deposit-amount) {
    border-color: #d8cba9;
    color: #604614;
    background: #f8edcf;
}

body:is(.brand-order-progress, .brand-order-dashboard, .brand-customer-flow) :is(.customer-empty-icon, .balance-payment-heading>strong) {
    color: #604614;
    background: #f1dfb4;
}

body.brand-order-progress :is(.order-lifecycle-heading small, .tracking-card>small, .public-artwork-action strong),
body.brand-order-dashboard :is(.summary-label, .progress-stage.is-complete, .progress-stage.is-current) {
    color: #7a5a1e;
}

body.brand-order-progress :is(.order-lifecycle-marker, .public-stages i),
body.brand-order-dashboard .stage-dot {
    border-color: #cdbd94;
    color: #7a5a1e;
    background: #fffdf8;
}

body.brand-order-progress :is(.order-lifecycle-list .is-complete .order-lifecycle-marker, .order-lifecycle-list .is-current .order-lifecycle-marker, .public-stages .complete i),
body.brand-order-dashboard :is(.progress-stage.is-complete .stage-dot, .progress-stage.is-current .stage-dot) {
    border-color: #b9852c;
    color: #302817;
    background: #e0b95c;
    box-shadow: 0 0 0 3px rgba(185, 133, 44, .16);
}

body.brand-order-progress .public-progress-track,
body.brand-order-progress .order-lifecycle-list li:not(:last-child)::after,
body.brand-order-dashboard .progress-track {
    background: #e9dfc9;
}

body.brand-order-progress .order-lifecycle-list .is-complete:not(:last-child)::after {
    background: #c9a14a;
}

body.brand-order-progress :is(.balance-status-message.is-paid, .deposit-public-status[data-status="paid"]),
body.brand-order-dashboard :is(.notice, .customer-feedback-success, .upload-status:not(.not-uploaded)),
body.brand-customer-flow :is(.upload-status:not(.not-uploaded), .state-success, .alert-success) {
    border-color: #c9a14a;
    color: #5b4317;
    background: #f8edcf;
}

body.brand-order-progress .balance-status-message.is-paid,
body.brand-order-progress .deposit-public-status[data-status="paid"] {
    border-left-color: #b9852c;
}

body.brand-order-progress .balance-payment-notice {
    border-color: #c9a14a;
    border-left-color: #b9852c;
    color: #604614;
    background: #f8edcf;
}

body:is(.brand-order-progress, .brand-order-dashboard, .brand-customer-flow) :is(.autosave-status[data-state="saved"], .order-lifecycle-list .is-complete, .payment-success-message strong) {
    color: #7a5a1e;
}

body.brand-order-dashboard .additional-products {
    border-color: #d4b66f;
    background: linear-gradient(135deg, #fff9eb, #f5e8c9);
}

body.brand-order-dashboard .autosave-status[data-state="saved"] {
    background: #f8edcf;
}

body.brand-order-dashboard .progress-panel[data-progress-tone="green"] {
    --progress-color: #b9852c;
    --progress-soft: #f8edcf;
}

body.brand-order-dashboard .progress-stage.is-complete .stage-dot::after {
    color: #302817;
}

body.brand-order-dashboard .deposit-status-card[data-deposit-status="paid"] {
    border-left-color: #b9852c;
}

body.brand-order-dashboard :is(.customer-tracking-card span, .customer-tracking-card code, .deposit-success) {
    color: #7a5a1e;
}

body.brand-order-progress .public-progress-card[data-progress-tone="green"] .public-progress-track span {
    background: #b9852c;
}

body.brand-order-progress .public-stages .complete {
    color: #7a5a1e;
}

body.brand-order-dashboard .customer-confirmation-dialog {
    border-color: #d8cba9;
    color: #2f291d;
    background: #fffdf8;
    box-shadow: 0 28px 80px rgba(48, 40, 23, .22);
}

body.brand-order-dashboard .customer-confirmation-dialog::backdrop {
    background: rgba(28, 23, 14, .65);
}

body.brand-order-dashboard .customer-confirmation-dialog h2 {
    color: #302817;
}

body.brand-order-dashboard .customer-confirmation-dialog p {
    color: #746b59;
}

body.brand-order-dashboard .customer-confirmation-icon {
    color: #302817;
    background: #e0b95c;
}

body.brand-order-dashboard .customer-confirmation-actions button {
    border-color: #cdbd94;
    color: #3a301e;
    background: #f8f1e2;
}

body.brand-order-dashboard .customer-confirmation-actions button.is-primary {
    border-color: #b9852c;
    color: #302817;
    background: #e0b95c;
}

html[data-customer-theme="dark"] body:is(.brand-start-order, .brand-order-progress, .brand-customer-flow) :is(.confirmation-dialog, .final-confirmation-dialog, .artwork-confirmation-dialog) {
    border-color: #8c7546 !important;
    color: #f4eddb !important;
    background: #302817 !important;
}

html[data-customer-theme="dark"] body:is(.brand-start-order, .brand-order-progress, .brand-customer-flow) :is(.confirmation-dialog, .final-confirmation-dialog, .artwork-confirmation-dialog) h2 {
    color: #f4eddb !important;
}

html[data-customer-theme="dark"] body:is(.brand-start-order, .brand-order-progress, .brand-customer-flow) :is(.confirmation-dialog, .final-confirmation-dialog, .artwork-confirmation-dialog) p {
    color: #d1c4a7 !important;
}

html[data-customer-theme="dark"] body:is(.brand-start-order, .brand-order-progress, .brand-customer-flow) :is(.confirmation-dialog-actions, .final-confirmation-dialog-actions, .artwork-confirmation-actions) :is(.button-primary, .is-primary) {
    border-color: #e0b95c !important;
    color: #302817 !important;
    background: #e0b95c !important;
}

html[data-customer-theme="dark"] body:is(.brand-start-order, .brand-order-progress, .brand-customer-flow) :is(.confirmation-dialog-actions, .final-confirmation-dialog-actions, .artwork-confirmation-actions) :is(.button-secondary, button:not(.button-primary):not(.is-primary):not(.is-danger)) {
    border-color: #8c7546 !important;
    color: #f4eddb !important;
    background: #3b301d !important;
}

html[data-customer-theme="dark"] body.brand-start-order .choice-card,
html[data-customer-theme="dark"] body.brand-order-progress :is(.public-progress-card, .tracking-card, .public-artwork-action, .public-artwork-previews article, .balance-payment-card, .payment-success-message, .balance-qr-placeholder, .deposit-public-status),
html[data-customer-theme="dark"] body.brand-order-dashboard :is(.progress-panel, .deposit-status-card, .customer-tracking-card, .customer-empty-state),
html[data-customer-theme="dark"] body.brand-customer-flow :is(.review-item, .package-summary, .qr-panel, .receipt-panel, .contact-list li, .state-panel, .history-item, .customer-empty-state) {
    border-color: #6b5934 !important;
    color: #f4eddb !important;
    background: #302817 !important;
}

html[data-customer-theme="dark"] body.brand-order-progress .public-artwork-previews article>div {
    border-color: #6b5934 !important;
}

html[data-customer-theme="dark"] body.brand-order-progress .balance-payment-notice {
    border-color: #8c7546 !important;
    border-left-color: #e0b95c !important;
    color: #f1d991 !important;
    background: #49391f !important;
}

html[data-customer-theme="dark"] body.brand-order-progress .balance-payment-notice :is(strong, span) {
    color: #f1d991 !important;
}

html[data-customer-theme="dark"] body.brand-customer-flow .success-message {
    color: #d1c4a7 !important;
}

html[data-customer-theme="dark"] body.brand-start-order .choice-card:has(input:checked) {
    border-color: #e0b95c !important;
    background: #49391f !important;
    box-shadow: 0 0 0 2px rgba(224, 185, 92, .16) !important;
}

html[data-customer-theme="dark"] body:is(.brand-order-progress, .brand-order-dashboard, .brand-customer-flow) :is(.status-badge, .order-badge, .side-badge, .artwork-progress-label, .confirmed-badge, .deposit-amount) {
    border-color: #8c7546 !important;
    color: #f1d991 !important;
    background: #49391f !important;
}

html[data-customer-theme="dark"] body:is(.brand-order-progress, .brand-order-dashboard, .brand-customer-flow) :is(.customer-empty-icon, .balance-payment-heading>strong) {
    color: #302817 !important;
    background: #e0b95c !important;
}

html[data-customer-theme="dark"] body.brand-order-progress :is(.order-lifecycle-heading small, .tracking-card>small, .public-artwork-action strong, .order-lifecycle-list .is-complete, .order-lifecycle-list .is-current),
html[data-customer-theme="dark"] body.brand-order-dashboard :is(.progress-stage.is-complete, .progress-stage.is-current, .autosave-status[data-state="saved"]) {
    color: #e0b95c !important;
}

html[data-customer-theme="dark"] body.brand-order-progress :is(.order-lifecycle-marker, .public-stages i),
html[data-customer-theme="dark"] body.brand-order-dashboard .stage-dot {
    border-color: #8c7546 !important;
    color: #d1c4a7 !important;
    background: #211c13 !important;
}

html[data-customer-theme="dark"] body.brand-order-progress :is(.order-lifecycle-list .is-complete .order-lifecycle-marker, .order-lifecycle-list .is-current .order-lifecycle-marker, .public-stages .complete i),
html[data-customer-theme="dark"] body.brand-order-dashboard :is(.progress-stage.is-complete .stage-dot, .progress-stage.is-current .stage-dot) {
    border-color: #e0b95c !important;
    color: #302817 !important;
    background: #e0b95c !important;
    box-shadow: 0 0 0 3px rgba(224, 185, 92, .18) !important;
}

html[data-customer-theme="dark"] body.brand-order-progress .order-lifecycle-list li:not(:last-child)::after,
html[data-customer-theme="dark"] body.brand-order-progress .public-progress-track,
html[data-customer-theme="dark"] body.brand-order-dashboard .progress-track {
    background: #6b5934 !important;
}

html[data-customer-theme="dark"] body.brand-order-progress .order-lifecycle-list .is-complete:not(:last-child)::after {
    background: #e0b95c !important;
}

html[data-customer-theme="dark"] body.brand-order-progress :is(.balance-status-message.is-paid, .deposit-public-status[data-status="paid"], .payment-success-message),
html[data-customer-theme="dark"] body.brand-order-dashboard :is(.notice, .customer-feedback-success, .upload-status:not(.not-uploaded), .autosave-status[data-state="saved"]),
html[data-customer-theme="dark"] body.brand-customer-flow :is(.upload-status:not(.not-uploaded), .state-success, .alert-success) {
    border-color: #8c7546 !important;
    color: #f1d991 !important;
    background: #49391f !important;
}

html[data-customer-theme="dark"] body.brand-order-progress :is(.balance-status-message.is-paid, .deposit-public-status[data-status="paid"]) {
    border-left-color: #e0b95c !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard .deposit-status-card[data-deposit-status="paid"] {
    border-left-color: #e0b95c !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard .additional-products {
    border-color: #8c7546 !important;
    background: linear-gradient(135deg, #49391f, #302817) !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard .additional-products :is(h3, .field-help) {
    color: #f4eddb !important;
}

html[data-customer-theme="dark"] body.brand-order-progress .public-stages .complete,
html[data-customer-theme="dark"] body.brand-order-progress .balance-status-message.is-paid :is(strong, span),
html[data-customer-theme="dark"] body.brand-order-dashboard :is(.customer-tracking-card span, .customer-tracking-card code, .deposit-success) {
    color: #f1d991 !important;
}

html[data-customer-theme="dark"] body.brand-order-progress .public-progress-card[data-progress-tone="green"] .public-progress-track span {
    background: #e0b95c !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard .customer-confirmation-dialog {
    border-color: #8c7546 !important;
    color: #f4eddb !important;
    background: #302817 !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard .customer-confirmation-dialog h2 {
    color: #f4eddb !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard .customer-confirmation-dialog p {
    color: #d1c4a7 !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard .customer-confirmation-actions button {
    border-color: #8c7546 !important;
    color: #f4eddb !important;
    background: #3b301d !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard .customer-confirmation-actions button.is-primary {
    border-color: #e0b95c !important;
    color: #302817 !important;
    background: #e0b95c !important;
}

html[data-customer-theme="dark"] body:is(.brand-order-progress, .brand-order-dashboard, .brand-customer-flow) :is(.date-picker-icon, .date-picker-heading strong, .date-picker-weekdays span, .date-picker-note, .date-picker-help, .field-help, .autosave-status, .history-item-header time, .contact-list .contact-number) {
    color: #d1c4a7 !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard :is(.date-picker-day:disabled, .hijri-date-option:disabled) {
    color: #a79570 !important;
    background: #302817 !important;
}

/* Contextual errors and cancellation remain red. */
body.brand-customer-flow .status-badge.status-cancelled {
    border-color: #e4a6a2;
    color: #a32626;
    background: #fff0ef;
}

html[data-customer-theme="dark"] body.brand-customer-flow .status-badge.status-cancelled {
    border-color: #b85c5c !important;
    color: #ffdede !important;
    background: #432626 !important;
}

body.brand-customer-flow :is(.artwork-preview-section, .artwork-preview-item, .artwork-preview-item figcaption, .correction-payment-details, .confirmation-note, .confirmation-checkbox, .history-panel) {
    border-color: #d8cba9;
    color: #2f291d;
    background: #faf6ec;
}

body.brand-customer-flow :is(.alert-neutral, .upload-status.not-uploaded) {
    border-color: #d8cba9;
    color: #746b59;
    background: #faf6ec;
}

body.brand-customer-flow :is(.confirmation-checkbox:has(input:checked), .artwork-preview-count, .job-status) {
    border-color: #c9a14a;
    color: #604614;
    background: #f8edcf;
}

body.brand-customer-flow .confirmation-checkbox input {
    accent-color: #b9852c;
}

html[data-customer-theme="dark"] body.brand-customer-flow :is(.artwork-preview-section, .artwork-preview-item, .artwork-preview-item figcaption, .correction-payment-details, .confirmation-note, .confirmation-checkbox, .history-panel) {
    border-color: #6b5934 !important;
    color: #f4eddb !important;
    background: #302817 !important;
}

html[data-customer-theme="dark"] body.brand-customer-flow :is(.alert-neutral, .upload-status.not-uploaded) {
    border-color: #6b5934 !important;
    color: #d1c4a7 !important;
    background: #302817 !important;
}

html[data-customer-theme="dark"] body.brand-customer-flow .summary-grid,
html[data-customer-theme="dark"] body.brand-order-progress .order-lifecycle {
    border-color: #6b5934 !important;
}

html[data-customer-theme="dark"] body.brand-order-progress .order-lifecycle-list li,
html[data-customer-theme="dark"] body.brand-order-dashboard .progress-stage:not(.is-complete):not(.is-current) {
    color: #b9ab8b !important;
}

html[data-customer-theme="dark"] body.brand-customer-flow :is(.confirmation-checkbox:has(input:checked), .artwork-preview-count, .job-status) {
    border-color: #8c7546 !important;
    color: #f1d991 !important;
    background: #49391f !important;
}

html[data-customer-theme="dark"] body.brand-customer-flow .artwork-preview-item>a {
    border-color: #8c7546 !important;
    background: #211c13 !important;
}

/* Muted dashboard copy needs its own opaque colours on the warm card surfaces. */
body.brand-order-dashboard .summary-label {
    color: #6b531f;
    font-size: .875rem;
    font-weight: 700;
    opacity: 1;
}

body.brand-order-dashboard :is(.eyebrow, .field-help) {
    opacity: 1;
}

html[data-customer-theme="dark"] body.brand-order-dashboard .summary-label {
    color: #e8d8b4 !important;
    opacity: 1;
}

html[data-customer-theme="dark"] body.brand-order-dashboard :is(.field-help, .date-picker-help, .live-preview-toggle small, .live-preview-heading>span, .live-product-heading>span, .deposit-status-card span) {
    color: #d9c9a7 !important;
    opacity: 1;
}

html[data-customer-theme="dark"] body.brand-order-dashboard .order-status-message {
    color: #f0e5cf !important;
}

/* Keep dashboard notices and progress empty states readable in both themes. */
body.brand-order-dashboard .order-status-message {
    border-color: #dfd0aa;
    color: #4f452f;
    background: #fbf7ed;
}

body.brand-order-dashboard .customer-progress-updates {
    border-color: #dfd0aa;
    color: #403723;
    background: #fbf8f0;
}

body.brand-order-dashboard .customer-progress-updates-heading span {
    color: #80601f;
}

body.brand-order-dashboard .customer-progress-updates-heading h2 {
    color: #342c1d;
}

body.brand-order-dashboard .customer-progress-updates-heading p {
    color: #625b4d;
}

body.brand-order-dashboard .customer-progress-updates li {
    border-color: #e3d8ba;
    border-left-color: #9a7126;
    background: #fffdf8;
}

body.brand-order-dashboard .customer-progress-updates time {
    color: #6d6659;
}

body.brand-order-dashboard .customer-progress-updates-empty {
    border-color: #d7c8a3;
    color: #5d574b;
    background: #fffdf8;
}

html[data-customer-theme="dark"] body.brand-order-dashboard .customer-progress-updates {
    border-color: #6b5934 !important;
    color: #f4eddb !important;
    background: #302817 !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard .customer-progress-updates-heading span {
    color: #e0b95c !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard .customer-progress-updates-heading h2 {
    color: #f4eddb !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard .customer-progress-updates-heading p {
    color: #d9c9a7 !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard .customer-progress-updates li {
    border-color: #6b5934 !important;
    border-left-color: #e0b95c !important;
    color: #f4eddb !important;
    background: #3b301d !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard .customer-progress-updates time {
    color: #d1c4a7 !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard .customer-progress-updates a {
    color: #302817 !important;
    background: #e0b95c !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard .customer-progress-updates a:hover {
    background: #cba247 !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard .customer-progress-updates-empty {
    border-color: #8c7546 !important;
    color: #e5d8bc !important;
    background: #3b301d !important;
}

body.brand-order-dashboard :is(.live-preview-toggle small, .live-preview-heading>span, .preview-note) {
    font-size: .75rem;
    line-height: 1.5;
}

html[data-customer-theme="dark"] body.brand-order-dashboard .preview-note {
    color: #d9c9a7 !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard .field-error {
    color: #ffaaa4 !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard .autosave-status[data-state="error"] {
    color: #ffdede !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard .autosave-status[data-state="pending"] {
    color: #f1d991 !important;
}

html[data-customer-theme="dark"] body.brand-order-dashboard .customer-data-lock:disabled :is(input, select, textarea) {
    opacity: 1;
}

html[data-customer-theme="dark"] body.brand-order-dashboard .progress-panel[data-progress-tone="red"] {
    --progress-color: #ff9386;
}

html[data-customer-theme="dark"] body.brand-order-dashboard .progress-panel[data-progress-tone="yellow"] {
    --progress-color: #f1d991;
}

html[data-customer-theme="dark"] body.brand-order-dashboard .progress-panel[data-progress-tone="green"] {
    --progress-color: #e0b95c;
}

/* Secure order access follows the customer journey styling without exposing order data. */
body.brand-order-access .access-page {
    min-height: calc(100vh - 150px);
}

body.brand-order-access .access-intro {
    max-width: 430px;
}

body.brand-order-access .access-intro h1 {
    margin: 10px 0 20px;
    font-size: clamp(2.8rem, 5vw, 4.8rem);
    line-height: .96;
}

body.brand-order-access .access-assurance {
    display: flex;
    margin-top: 28px;
    padding: 17px 18px;
    border: 1px solid var(--brand-line);
    border-radius: 12px;
    color: var(--brand-muted);
    background: rgba(255, 253, 248, .72);
    align-items: flex-start;
    gap: 12px;
}

body.brand-order-access .access-assurance > span {
    display: grid;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    color: #fff;
    background: var(--brand-green);
    flex: 0 0 auto;
    font-weight: 800;
    place-items: center;
}

body.brand-order-access .access-assurance p {
    margin: 0;
    font-size: .86rem;
    line-height: 1.55;
}

body.brand-order-access .access-assurance strong {
    color: var(--brand-ink);
}

body.brand-order-access .access-card {
    position: relative;
    overflow: hidden;
}

body.brand-order-access .access-card::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 5px;
    background: linear-gradient(90deg, var(--brand-green), var(--brand-gold));
    content: "";
}

body.brand-order-access .access-form-heading {
    margin-bottom: 25px;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--brand-line);
}

body.brand-order-access .access-form-heading h2 {
    margin: 5px 0 8px;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(1.7rem, 3vw, 2.25rem);
    line-height: 1.1;
}

body.brand-order-access .access-form-heading p:last-child {
    margin: 0;
    color: var(--brand-muted);
    font-size: .9rem;
    line-height: 1.55;
}

body.brand-order-access .access-card form > label {
    margin-top: 18px;
}

body.brand-order-access .access-card input[readonly] {
    color: #5d543f;
    background: #f3ecda;
    cursor: default;
}

body.brand-order-access .access-field-note {
    margin: 7px 0 0;
    color: var(--brand-muted);
    font-size: .75rem;
    line-height: 1.45;
}

body.brand-order-access .form-alert {
    display: grid;
    border: 1px solid #e7b9b4;
    gap: 4px;
}

body.brand-order-access .form-alert span {
    font-size: .86rem;
}

html[data-customer-theme="dark"] body.brand-order-access .access-assurance {
    border-color: #6b5934;
    color: #d9c9a7;
    background: rgba(59, 48, 29, .78);
}

html[data-customer-theme="dark"] body.brand-order-access .access-assurance strong,
html[data-customer-theme="dark"] body.brand-order-access .access-form-heading h2 {
    color: #f4eddb;
}

html[data-customer-theme="dark"] body.brand-order-access .access-form-heading {
    border-color: #6b5934;
}

html[data-customer-theme="dark"] body.brand-order-access .access-form-heading p:last-child,
html[data-customer-theme="dark"] body.brand-order-access .access-field-note {
    color: #d9c9a7;
}

html[data-customer-theme="dark"] body.brand-order-access .access-card input[readonly] {
    color: #e6d9bd;
    background: #2d2517;
}

html[data-customer-theme="dark"] body.brand-order-access .form-alert {
    border-color: #9e5e59;
    color: #ffd6d2;
    background: #482925;
}

@media (max-width: 850px) {
    body.brand-order-access .access-page {
        padding-top: 25px;
        align-items: start;
    }

    body.brand-order-access .access-intro {
        max-width: 650px;
    }

    body.brand-order-access .access-intro h1 {
        font-size: clamp(2.65rem, 10vw, 4rem);
    }
}

@media (max-width: 560px) {
    body.brand-order-access .compact-header nav {
        justify-content: stretch;
    }

    body.brand-order-access .compact-header .header-link {
        flex: 1;
        text-align: center;
    }

    body.brand-order-access .access-assurance {
        margin-top: 20px;
    }
}

body.brand-order-proofing .proofing-page {
    display: grid;
    width: min(1050px, calc(100% - 40px));
    margin: 30px auto 80px;
    gap: 24px;
}

body.brand-order-proofing :is(.proofing-hero, .proofing-updates) {
    border: 1px solid var(--brand-line);
    border-radius: 17px;
    background: var(--brand-surface);
    box-shadow: 0 12px 35px rgba(63, 47, 17, .1);
}

body.brand-order-proofing .proofing-hero {
    display: grid;
    padding: clamp(26px, 5vw, 48px);
    grid-template-columns: 1fr auto;
    align-items: end;
    gap: 24px;
}

body.brand-order-proofing .proofing-hero h1 {
    margin: 7px 0 12px;
    font-size: clamp(2.7rem, 6vw, 4.7rem);
    line-height: .98;
}

body.brand-order-proofing .proofing-hero > div:first-child > p:last-child {
    max-width: 620px;
    margin: 0;
    color: var(--brand-muted);
    line-height: 1.65;
}

body.brand-order-proofing .proofing-order-id {
    display: grid;
    min-width: 180px;
    text-align: right;
    gap: 3px;
}

body.brand-order-proofing .proofing-order-id span {
    color: var(--brand-muted);
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .12em;
}

body.brand-order-proofing .proofing-order-id strong {
    font-size: 1.05rem;
}

body.brand-order-proofing .proofing-order-id b {
    color: var(--brand-green);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 2.6rem;
}

body.brand-order-proofing .public-progress-track {
    grid-column: 1 / -1;
}

body.brand-order-proofing .public-progress-track[data-progress-tone="red"] > span {
    background: #d64d4d;
}

body.brand-order-proofing .public-progress-track[data-progress-tone="yellow"] > span {
    background: #e0ad35;
}

body.brand-order-proofing .public-progress-track[data-progress-tone="green"] > span {
    background: #3a9861;
}

body.brand-order-proofing .proofing-current-status {
    display: flex;
    margin: 0;
    padding: 16px 18px;
    border-left: 4px solid var(--brand-gold);
    border-radius: 8px;
    color: var(--brand-muted);
    background: var(--brand-soft);
    grid-column: 1 / -1;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

body.brand-order-proofing .proofing-current-status strong {
    color: var(--brand-ink);
}

body.brand-order-proofing .proofing-updates {
    padding: clamp(24px, 4vw, 40px);
}

body.brand-order-proofing .proofing-heading {
    display: flex;
    margin-bottom: 25px;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--brand-line);
    align-items: end;
    justify-content: space-between;
    gap: 25px;
}

body.brand-order-proofing .proofing-heading h2 {
    margin: 5px 0 0;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(1.8rem, 4vw, 2.5rem);
}

body.brand-order-proofing .proofing-heading > p {
    max-width: 340px;
    margin: 0;
    color: var(--brand-muted);
    font-size: .82rem;
    line-height: 1.55;
    text-align: right;
}

body.brand-order-proofing .proofing-list {
    display: grid;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 14px;
}

body.brand-order-proofing .design-proof-grid {
    display: grid;
    margin-bottom: 20px;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    gap: 14px;
}

body.brand-order-proofing .design-proof-card {
    padding: 22px;
    border: 1px solid var(--brand-line);
    border-top: 5px solid var(--brand-gold);
    border-radius: 12px;
    background: #fffdf8;
}

body.brand-order-proofing .design-proof-card-heading {
    display: flex;
    color: var(--brand-muted);
    font-size: .72rem;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

body.brand-order-proofing .design-proof-card-heading span {
    color: var(--brand-green);
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

body.brand-order-proofing .design-proof-card-heading b {
    padding: 5px 8px;
    border-radius: 999px;
    background: var(--brand-soft);
}

body.brand-order-proofing .design-proof-card h3 {
    margin: 20px 0 7px;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.55rem;
}

body.brand-order-proofing .design-proof-card > p {
    margin: 0;
    color: var(--brand-muted);
    font-size: .86rem;
    line-height: 1.55;
}

body.brand-order-proofing .design-proof-actions {
    display: grid;
    margin-top: 18px;
    gap: 9px;
}

body.brand-order-proofing .design-proof-actions .button {
    text-align: center;
}

body.brand-order-proofing .proofing-list li {
    padding: 22px;
    border: 1px solid var(--brand-line);
    border-left: 5px solid var(--brand-green);
    border-radius: 12px;
    background: #fffdf8;
}

body.brand-order-proofing .proofing-update-meta {
    display: flex;
    color: var(--brand-muted);
    font-size: .76rem;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

body.brand-order-proofing .proofing-update-meta span {
    padding: 5px 9px;
    border-radius: 999px;
    color: #fff;
    background: var(--brand-green);
    font-weight: 800;
    letter-spacing: .04em;
}

body.brand-order-proofing .proofing-list h3 {
    margin: 17px 0 8px;
    font-size: 1.08rem;
}

body.brand-order-proofing .proofing-list p {
    margin: 0;
    color: var(--brand-muted);
    line-height: 1.6;
}

body.brand-order-proofing .proofing-list .button {
    margin-top: 17px;
}

body.brand-order-proofing .proofing-empty {
    padding: 45px 25px;
    border: 1px dashed var(--brand-line);
    border-radius: 13px;
    color: var(--brand-muted);
    background: #fffdf8;
    text-align: center;
}

body.brand-order-proofing .proofing-empty > span {
    font-size: 2rem;
}

body.brand-order-proofing .proofing-empty h3 {
    margin: 12px 0 7px;
    color: var(--brand-ink);
}

body.brand-order-proofing .proofing-empty p {
    margin: 0;
}

html[data-customer-theme="dark"] body.brand-order-proofing :is(.proofing-hero, .proofing-updates) {
    border-color: #6b5934;
    color: #f4eddb;
    background: #302817;
}

html[data-customer-theme="dark"] body.brand-order-proofing :is(.proofing-list li, .proofing-empty) {
    border-color: #6b5934;
    color: #d9c9a7;
    background: #3b301d;
}

html[data-customer-theme="dark"] body.brand-order-proofing .design-proof-card {
    border-color: #6b5934;
    border-top-color: #e0b95c;
    background: #3b301d;
}

html[data-customer-theme="dark"] body.brand-order-proofing .design-proof-card-heading b {
    color: #f4eddb;
    background: #4b3d24;
}

html[data-customer-theme="dark"] body.brand-order-proofing .design-proof-card > p {
    color: #d9c9a7;
}

html[data-customer-theme="dark"] body.brand-order-proofing :is(.proofing-heading, .proofing-list li) {
    border-bottom-color: #6b5934;
}

html[data-customer-theme="dark"] body.brand-order-proofing :is(.proofing-hero > div:first-child > p:last-child, .proofing-heading > p, .proofing-list p, .proofing-update-meta, .proofing-empty) {
    color: #d9c9a7;
}

html[data-customer-theme="dark"] body.brand-order-proofing :is(.proofing-current-status, .proofing-empty h3) {
    color: #f4eddb;
}

html[data-customer-theme="dark"] body.brand-order-proofing .proofing-current-status {
    background: #3b301d;
}

@media (max-width: 700px) {
    body.brand-order-proofing .proofing-page {
        width: calc(100% - 28px);
        margin-top: 18px;
    }

    body.brand-order-proofing .proofing-hero {
        grid-template-columns: 1fr;
    }

    body.brand-order-proofing .proofing-order-id {
        text-align: left;
    }

    body.brand-order-proofing .proofing-heading,
    body.brand-order-proofing .proofing-current-status {
        align-items: flex-start;
        flex-direction: column;
    }

    body.brand-order-proofing .proofing-heading > p {
        text-align: left;
    }
}

body.brand-payment-return .payment-return-page {
    display: grid;
    width: min(720px, calc(100% - 40px));
    min-height: calc(100vh - 160px);
    margin: 20px auto 60px;
    place-items: center;
}

body.brand-payment-return .payment-return-card {
    width: 100%;
    padding: clamp(28px, 6vw, 55px);
    border: 1px solid var(--brand-line);
    border-top: 5px solid var(--brand-gold);
    border-radius: 18px;
    background: var(--brand-surface);
    box-shadow: 0 20px 55px rgba(63, 47, 17, .12);
    text-align: center;
}

body.brand-payment-return .payment-return-icon {
    display: grid;
    width: 72px;
    height: 72px;
    margin: 0 auto 22px;
    border-radius: 50%;
    color: #fff;
    background: var(--brand-green);
    box-shadow: 0 12px 25px rgba(72, 51, 14, .2);
    font-size: 2rem;
    font-weight: 800;
    place-items: center;
}

body.brand-payment-return .payment-return-icon.is-pending {
    color: var(--brand-ink);
    background: var(--brand-gold);
}

body.brand-payment-return .payment-return-card h1 {
    margin: 8px 0 14px;
    font-size: clamp(2.6rem, 7vw, 4.3rem);
    line-height: 1;
}

body.brand-payment-return .payment-return-lead {
    max-width: 540px;
    margin: 0 auto 28px;
    color: var(--brand-muted);
    line-height: 1.7;
}

body.brand-payment-return .payment-return-summary {
    display: grid;
    margin: 0 0 28px;
    padding: 0;
    border: 1px solid var(--brand-line);
    border-radius: 12px;
    text-align: left;
    grid-template-columns: 1fr 1fr;
}

body.brand-payment-return .payment-return-summary div {
    display: grid;
    padding: 17px 19px;
    border-bottom: 1px solid var(--brand-line);
    gap: 5px;
}

body.brand-payment-return .payment-return-summary div:nth-child(odd) {
    border-right: 1px solid var(--brand-line);
}

body.brand-payment-return .payment-return-summary div:nth-last-child(-n + 2) {
    border-bottom: 0;
}

body.brand-payment-return .payment-return-summary dt {
    color: var(--brand-muted);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

body.brand-payment-return .payment-return-summary dd {
    margin: 0;
    font-weight: 800;
}

body.brand-payment-return .payment-return-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

body.brand-payment-return .payment-return-actions .button {
    min-height: 50px;
}

body.brand-payment-return .payment-return-actions .button:only-child {
    grid-column: 1 / -1;
}

body.brand-payment-return .payment-return-merchant {
    display: inline-block;
    margin-top: 22px;
    color: var(--brand-green);
    font-size: .84rem;
    font-weight: 800;
}

html[data-customer-theme="dark"] body.brand-payment-return .payment-return-card {
    border-color: #6b5934;
    border-top-color: #e0b95c;
    color: #f4eddb;
    background: #302817;
}

html[data-customer-theme="dark"] body.brand-payment-return .payment-return-summary {
    border-color: #6b5934;
    background: #3b301d;
}

html[data-customer-theme="dark"] body.brand-payment-return .payment-return-summary div {
    border-color: #6b5934;
}

html[data-customer-theme="dark"] body.brand-payment-return :is(.payment-return-lead, .payment-return-summary dt) {
    color: #d9c9a7;
}

body.brand-order-progress .order-lifecycle-list {
    padding-top: 8px;
    padding-left: 16px;
}

body.brand-order-proofing .production-proof-section + .production-proof-section,
body.brand-order-proofing .production-proof-section + .proofing-list,
body.brand-order-proofing .production-proof-section + .proofing-empty {
    margin-top: 14px;
}

html[data-customer-theme="dark"] body.brand-payment-return .payment-return-merchant {
    color: #e0b95c;
}

@media (max-width: 600px) {
    body.brand-payment-return .payment-return-page {
        width: calc(100% - 28px);
    }

    body.brand-payment-return .payment-return-summary,
    body.brand-payment-return .payment-return-actions {
        grid-template-columns: 1fr;
    }

    body.brand-payment-return .payment-return-summary div,
    body.brand-payment-return .payment-return-summary div:nth-child(odd),
    body.brand-payment-return .payment-return-summary div:nth-last-child(-n + 2) {
        border-right: 0;
        border-bottom: 1px solid var(--brand-line);
    }

    body.brand-payment-return .payment-return-summary div:last-child {
        border-bottom: 0;
    }
}