/* Independently maintained Dashlee affiliate theme. Edit this file for affiliates only.
   Initial palette matches OrgTrack's dashlee-checkout.css.
   Loaded only by _PortalBranding when explicitly enabled. Layout stays portal-specific. */
:root {
    color-scheme: dark;
    --dashlee-background: #090d15;
    --dashlee-surface: #131922;
    --dashlee-input: #1a2029;
    --dashlee-text: #f7f4f2;
    --dashlee-muted: #bcb6b1;
    --dashlee-accent: #f26644;
    --dashlee-hover: #fa8a6f;
    --dashlee-border: #292e37;
    --portal-text: var(--dashlee-text);
    --portal-accent: var(--dashlee-accent);
    --portal-border: var(--dashlee-border);
    --portal-surface: var(--dashlee-surface);
    --primary: var(--dashlee-accent);
    --dark-blue: var(--dashlee-surface);
    --affiliate-chart-bar: var(--dashlee-accent);
    --affiliate-chart-hover: var(--dashlee-hover);
    --affiliate-chart-grid: var(--dashlee-border);
    --affiliate-chart-text: var(--dashlee-text);
    --affiliate-chart-tooltip: var(--dashlee-input);
    --affiliate-chart-tooltip-title: var(--dashlee-accent);
    --affiliate-chart-tooltip-text: var(--dashlee-text);
}

body .report-results { background:var(--dashlee-surface); border-color:var(--dashlee-border); box-shadow:none; }
body .report-pagination nav>span { background:var(--dashlee-accent); color:var(--dashlee-background); }
.dashlee-account-logo { display:block; width:210px; max-width:100%; max-height:60px; object-fit:contain; margin:0 auto 24px; }
/* Preserve legacy verification geometry and typography in the Dashlee palette. */
body.affiliate-verification .big-icon,
body.affiliate-verification .email-confirmation-address,
body.affiliate-verification .affiliate-confirm-highlight { color:var(--dashlee-accent); text-shadow:none; }
body.affiliate-verification .email-confirmation-lead,
body.affiliate-verification .email-confirmation-subtext,
body.affiliate-verification .affiliate-confirm-text { color:var(--dashlee-muted); }
body.affiliate-verification .email-confirmation-text,
body.affiliate-verification .email-confirmation-title,
body.affiliate-verification .affiliate-confirm-title { color:var(--dashlee-text); }
body.affiliate-verification .email-confirmation-divider,
body.affiliate-verification .affiliate-confirm-divider { background:var(--dashlee-accent); box-shadow:none; }
body.affiliate-verification .email-confirmation-btn,
body.affiliate-verification .affiliate-confirm-btn { background:var(--dashlee-accent); border-color:var(--dashlee-accent); color:#090d15 !important; box-shadow:none; }
/* Account actions can be links or buttons. Both need centered text inside the
   existing desktop/mobile button dimensions. */
body .emp-login-v2__submit {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    max-width: 100%;
    padding: 8px 16px;
    line-height: 1.25;
    text-align: center;
    text-decoration: none;
}
body .portal-brand>img { object-fit:contain; }
/* Replace decorative gradients explicitly, without resetting background geometry. */
body .affiliate-complete-page .affiliate-step-link,
body .affiliate-complete-page .affiliate-step-link:hover,
body .affiliate-complete-page .affiliate-step-link:focus,
body .affiliate-complete-page .affiliate-step-item.active .affiliate-step-link,
body .affiliate-complete-page .affiliate-step-item.active .affiliate-step-link:hover,
body .affiliate-complete-page .affiliate-step-item.active .affiliate-step-link:focus,
body .affiliate-complete-page .fileUpload,
body .affiliate-register-page .affiliate-register-submit,
body .affiliate-register-page .affiliate-register-submit:hover,
body .affiliate-register-page .affiliate-register-submit:focus,
body .affiliate-register-page .affiliate-register-submit:active,
body .emp-account-flow .btn,
body .datepicker table tr td.active, body .datepicker table tr td.active:hover,
body .datepicker table tr td span.active, body .datepicker table tr td span.active:hover {
    background-image: none !important;
}
/* The legacy portals use image backgrounds and hardcoded colors. These color-only
   overrides intentionally take precedence over their page-specific styles. */
html, body, body.blank, body.admin-dashboard-body, body.affiliate-portal,
#wrapper, #menu, #header, .content, .login-container,
.emp-admin-login-v2, .emp-affiliate-login-v2, body .emp-login-v2,
body .body-bg, body .test-bg {
    background-color: var(--dashlee-background) !important;
    background-image: none !important;
    color: var(--dashlee-text) !important;
}
.emp-admin-login-v2::before, .emp-affiliate-login-v2::before, body .emp-login-v2::before {
    background-color: transparent !important;
}
.portal-panel, .portal-metric, .portal-affiliate-links, .portal-link-value,
.admin-header, .legacy-admin-header, .admin-nav-menu, .portal-bank-menu>div,
.hpanel>.panel-body, .panel, .panel-body, .panel-heading, .modal-content,
.sweet-alert, .well, .list-group-item, .dropdown-menu,
.emp-admin-login-v2__panel, .emp-affiliate-login-v2__panel,
body .emp-login-v2__panel, body .login-box-main, .profile-edit-panel,
.profile-sidebar, .affiliate-step-card, .ui-widget.ui-widget-content {
    background-color: var(--dashlee-surface) !important;
    background-image: none !important;
    color: var(--dashlee-text) !important;
    border-color: var(--dashlee-border) !important;
}
body a, .portal-heading>a, .portal-panel-heading h2,
.portal-affiliate-links h2, .portal-destination label, .portal-metric strong {
    color: var(--dashlee-accent);
}
body a:hover { color: var(--dashlee-hover); }
.text-muted, .help-block, input::placeholder, textarea::placeholder {
    color: var(--dashlee-muted) !important;
}
body .form-control, body .form-select, body input:where(:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button])),
body select, body textarea, body .select2-container .select2-choice,
body .select2-container .select2-choices, body .select2-drop,
body .select2-search input, body .daterangepicker, body .daterangepicker .calendar-table {
    background-color: var(--dashlee-input) !important;
    color: var(--dashlee-text) !important;
    border-color: #323843 !important;
}
body .btn-primary, body .btn-success, body .btn-info, .portal-navigation>a,
.portal-bank-menu>summary, .portal-navigation>form>button, .portal-analytics,
.portal-periods>button[aria-pressed=true], .emp-admin-login-v2__button,
.emp-admin-login-v2__submit, .emp-affiliate-login-v2__button,
.emp-affiliate-login-v2__submit, body .emp-login-v2__submit, .pagination>.active>a,
.select2-results .select2-highlighted, .daterangepicker td.active {
    background-color: var(--dashlee-accent) !important;
    border-color: var(--dashlee-accent) !important;
    color: var(--dashlee-background) !important;
    box-shadow: none !important;
}
body .btn-primary:hover, body .btn-success:hover, .portal-navigation>a:hover,
.portal-bank-menu>summary:hover { background-color: var(--dashlee-hover) !important; }
.portal-outline-link, .portal-periods>button {
    color: var(--dashlee-accent) !important;
    border-color: var(--dashlee-accent) !important;
}
body table, body th, body td, .portal-panel-heading, .modal-header, .modal-footer {
    border-color: var(--dashlee-border) !important;
    color: var(--dashlee-text);
}
body thead, body th, body .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: var(--dashlee-input) !important;
}
body .table-hover>tbody>tr:hover { background-color: var(--dashlee-surface) !important; }
body input:focus, body select:focus, body textarea:focus {
    border-color: var(--dashlee-accent) !important;
    box-shadow: 0 0 0 3px rgb(242 102 68 / 20%) !important;
}
a:focus-visible, button:focus-visible, summary:focus-visible {
    outline: 2px solid var(--dashlee-accent) !important;
    outline-offset: 3px;
}
input[type=checkbox], input[type=radio] { accent-color: var(--dashlee-accent); }

/* Bootstrap paints table cells with variables and inset shadows. Recolor the
   cells as well as rows, including product groups and hover states. */
body.affiliate-portal .portal-page .table {
    --bs-table-color: var(--dashlee-text);
    --bs-table-bg: var(--dashlee-surface);
    --bs-table-border-color: var(--dashlee-border);
    --bs-table-striped-bg: var(--dashlee-input);
    --bs-table-striped-color: var(--dashlee-text);
    --bs-table-hover-bg: var(--dashlee-input);
    --bs-table-hover-color: var(--dashlee-text);
}
body.affiliate-portal .portal-page .table>tbody>tr:hover>* {
    --bs-table-accent-bg: var(--dashlee-input);
    color: var(--dashlee-text);
}
body .affiliate-products-table .affiliate-product:nth-of-type(odd)>tr:first-child,
body .affiliate-products-table td:first-child>button,
body .affiliate-products-table .portal-outline-link,
body .portal-tagline, body .portal-page,
body .affiliate-bank-popup .affiliate-payment-grid {
    background-color: var(--dashlee-surface) !important;
    border-color: var(--dashlee-border) !important;
}
body .portal-page .bank-heading, body .portal-page .threshold-heading,
body.affiliate-portal .modal-title, body .portal-metric-value,
body .emp-login-v2__forgot-wrap a, body .emp-login-v2__signup a {
    color: var(--dashlee-accent) !important;
}
body .btn-primary, body .emp-login-v2__submit { background-image: none !important; }
body .select2-container .select2-choice { background-image: none !important; }
body .daterangepicker td.in-range,
body .daterangepicker td.available:hover,
body .daterangepicker th.available:hover,
body .daterangepicker .drp-buttons .cancelBtn,
body .bank-save-button, body.affiliate-portal .btn-cancel {
    background-color: var(--dashlee-input) !important;
    color: var(--dashlee-accent) !important;
    border-color: var(--dashlee-accent) !important;
}
body .daterangepicker td.active, body .daterangepicker td.active:hover,
body .daterangepicker .drp-buttons .applyBtn {
    background-color: var(--dashlee-accent) !important;
    color: var(--dashlee-background) !important;
    border-color: var(--dashlee-accent) !important;
}
body .slider { border-color: var(--dashlee-border); }
body .slider::before { background-color: var(--dashlee-muted); }
body input:checked + .slider { background-color: var(--dashlee-accent); }
body .emp-login-v2__field .form-control.error,
body input.input-validation-error, body select.input-validation-error,
body textarea.input-validation-error, body input[aria-invalid=true],
body .affiliate-select-widget.input-validation-error {
    border-color: #ff9e90 !important;
}
body .field-validation-error, body .validation-summary-errors { color: #ff9e90; }

/* Dashboard, product children, report filters, bank menus and profile popups. */
body *, body *::before, body *::after {
    scrollbar-color: var(--dashlee-accent) var(--dashlee-background);
}
body .portal-date-picker>summary, body .portal-date-picker form,
body #performance-chart, body .affiliate-children,
body.affiliate-portal .card, body .skip-link,
body.affiliate-portal .btn-outline-secondary,
body.affiliate-portal .btn-outline-primary, body.affiliate-portal .btn-secondary {
    background-color: var(--dashlee-input) !important;
    color: var(--dashlee-text);
    border-color: var(--dashlee-border) !important;
}
body .portal-balance, body .affiliate-report-filters, body .product-link-row,
body .profile-address, body #bank-complete, body .affiliate-setup-steps,
body .affiliate-select-widget.select2-container, body .daterangepicker .drp-buttons {
    border-color: var(--dashlee-border) !important;
}
body.affiliate-portal .text-muted, body .report-subtext,
body.affiliate-portal .table .inactive-customer>* {
    color: var(--dashlee-muted) !important;
}
body #portal-open, body .report-extra-filters,
body .affiliate-payment-grid legend, body .portal-bank-menu>div>a {
    color: var(--dashlee-accent);
}
body .portal-bank-menu>div>a:hover,
body .portal-bank-menu>div>a:focus-visible { background-color: var(--dashlee-input); }
body.affiliate-portal select option, body.affiliate-portal select optgroup,
body .affiliate-complete-page select.form-control option,
body .affiliate-complete-page select.form-control1 option {
    background-color: var(--dashlee-input) !important;
    color: var(--dashlee-text) !important;
}
body .datepicker table tr td.day:hover, body .datepicker table tr td.day.focused,
body .datepicker table tr td.range, body .datepicker thead tr:first-child th:hover,
body .datepicker tfoot tr th:hover { background-color: var(--dashlee-input) !important; }
body .datepicker table tr td.active, body .datepicker table tr td.active:hover,
body .datepicker table tr td span.active, body .datepicker table tr td span.active:hover {
    background-color: var(--dashlee-accent) !important;
    color: var(--dashlee-background) !important;
}
body .datepicker-dropdown::after, body .daterangepicker::after {
    border-bottom-color: var(--dashlee-input) !important;
}
body .daterangepicker::before { border-bottom-color: var(--dashlee-border) !important; }
body .daterangepicker.drop-up::after { border-top-color: var(--dashlee-input) !important; }
body .daterangepicker .ranges li:hover { background-color: var(--dashlee-input) !important; }
body .daterangepicker .ranges li.active {
    background-color: var(--dashlee-accent) !important;
    color: var(--dashlee-background) !important;
}
body .select2-results .select2-highlighted .select2-result-label {
    color: var(--dashlee-background);
}

/* Account pages have strong per-page form rules and image/gradient backgrounds. */
body .emp-login-v2__field .form-control,
body .affiliate-register-page .affiliate-register-form .form-control,
body .affiliate-register-page .affiliate-register-form .select2-container.form-control,
body .affiliate-register-page .affiliate-register-form .select2-choice,
body .affiliate-complete-page .form-control,
body .affiliate-complete-page .form-control1,
body .affiliate-complete-page .select2-container .select2-choice,
body .affiliate-complete-page .select2-container .select2-choices,
body #tab1 .dob-composite__item .form-control1 {
    background-color: var(--dashlee-input) !important;
    border-color: #323843 !important;
    color: var(--dashlee-text) !important;
    box-shadow: none;
}
body .affiliate-register-page .affiliate-register-form .select2-container .select2-choice>.select2-chosen {
    color: var(--dashlee-text);
}
body .affiliate-register-page .affiliate-register-card,
body .affiliate-register-page .affiliate-video-frame,
body .affiliate-complete-page .affiliate-glass-card,
body .affiliate-complete-page .affiliate-profile-form-shell,
body .affiliate-complete-page .affiliate-payment-card,
body .affiliate-complete-page .affiliate-threshold-card,
body .affiliate-complete-page .affiliate-profile-card,
body .affiliate-complete-page .select2-results {
    background-color: var(--dashlee-surface) !important;
    border-color: var(--dashlee-border) !important;
    box-shadow: 0 12px 30px #0003;
}
body .affiliate-complete-page::before { background-image: none; }
body .affiliate-complete-page .affiliate-step-link,
body .affiliate-complete-page .affiliate-step-link:hover,
body .affiliate-complete-page .affiliate-step-link:focus,
body .affiliate-setup-steps>* {
    background-color: var(--dashlee-input) !important;
    border-color: var(--dashlee-border) !important;
    box-shadow: none !important;
}
body .affiliate-complete-page .affiliate-step-item.active .affiliate-step-link,
body .affiliate-complete-page .affiliate-step-item.active .affiliate-step-link:hover,
body .affiliate-complete-page .affiliate-step-item.active .affiliate-step-link:focus,
body .affiliate-register-page .affiliate-register-submit,
body .affiliate-register-page .affiliate-register-submit:hover,
body .affiliate-register-page .affiliate-register-submit:focus,
body .affiliate-register-page .affiliate-register-submit:active,
body .affiliate-complete-page .save.btn-info,
body .affiliate-complete-page .save.btn-info:hover,
body .affiliate-complete-page .save.btn-info:focus,
body .affiliate-complete-page .save.btn-info:active,
body .emp-account-flow .btn, body .affiliate-complete-page .fileUpload {
    background-color: var(--dashlee-accent) !important;
    border-color: var(--dashlee-accent) !important;
    color: var(--dashlee-background) !important;
    box-shadow: none !important;
}
body .affiliate-complete-page .affiliate-step-item:not(:last-child)::after {
    background-color: var(--dashlee-border);
}
body .affiliate-complete-page .affiliate-step-icon,
body .affiliate-complete-page .affiliate-step-emblem,
body .affiliate-complete-page .affiliate-threshold-select-icon {
    background-color: var(--dashlee-input);
    color: var(--dashlee-accent);
    border-color: var(--dashlee-border);
    box-shadow: none;
}
body .affiliate-complete-page .affiliate-step-item.active .affiliate-step-icon,
body .affiliate-complete-page .affiliate-step-item.active .affiliate-step-copy strong,
body .affiliate-complete-page .affiliate-step-item.active .affiliate-step-copy small {
    color: var(--dashlee-background);
    box-shadow: none;
}
body .affiliate-complete-page .Sub-Title,
body .affiliate-complete-page .Sub-Title-payment,
body .affiliate-complete-page .affiliate-step-copy small,
body .affiliate-complete-page .affiliate-field-help,
body .affiliate-complete-page .affiliate-photo-copy p,
body .affiliate-complete-page .affiliate-upload-note,
body .affiliate-hero-heading__subtitle,
body .affiliate-register-page .affiliate-form-heading p {
    color: var(--dashlee-muted);
}
body .affiliate-complete-page .switch input:checked+.slider {
    background-color: var(--dashlee-accent);
}
/* Keep the moving thumb distinct from the accent-colored checked track. */
body.affiliate-portal .switch .slider::before,
body.affiliate-portal .switch input:checked + .slider::before {
    background: var(--dashlee-text);
    box-shadow: 0 2px 6px #0004;
}
body .affiliate-register-page .affiliate-register-form .custom-check-box p a,
body .affiliate-register-page .affiliate-register-form .custom-check-box a,
body .emp-account-flow a, body .emp-login-v2__signup-wrap a {
    color: var(--dashlee-accent) !important;
}
body .affiliate-hero-heading__title, body .page-heading h2,
body .affiliate-register-page .affiliate-form-heading h2,
body .login-box-main1 h1 {
    background-image: none !important;
    color: var(--dashlee-accent) !important;
    -webkit-text-fill-color: var(--dashlee-accent);
}
body .login-box-main { background-image: none !important; }
body .pass-rules { border-color: var(--dashlee-border) !important; }
body .affiliate-register-page #PasswordIcon,
body .affiliate-register-page #ConfirmPasswordIcon { color: var(--dashlee-muted); }
body input:-webkit-autofill, body input:-webkit-autofill:hover,
body input:-webkit-autofill:focus,
body .affiliate-register-page .affiliate-register-form input:-webkit-autofill,
body .affiliate-register-page .affiliate-register-form input:-webkit-autofill:is(:hover,:focus,:active),
body .affiliate-complete-page input:-webkit-autofill,
body .affiliate-complete-page input:-webkit-autofill:is(:hover,:focus,:active),
body .affiliate-complete-page textarea:-webkit-autofill {
    -webkit-text-fill-color: var(--dashlee-text) !important;
    box-shadow: 0 0 0 1000px var(--dashlee-input) inset !important;
}
body .affiliate-complete-page .form-control:focus,
body .affiliate-complete-page .form-control1:focus,
body .affiliate-complete-page .select2-container-active .select2-choice {
    border-color: var(--dashlee-accent) !important;
    box-shadow: 0 0 0 3px rgb(242 102 68 / 20%) !important;
}
/* Validation must win over the more specific account/onboarding field styles. */
body .emp-login-v2__field .form-control.error,
body .affiliate-register-page .affiliate-register-form .form-control.error,
body .affiliate-register-page .affiliate-register-form .form-control.input-validation-error,
body .affiliate-register-page .affiliate-register-form .select2-container.input-validation-error .select2-choice,
body .affiliate-complete-page .form-control.input-validation-error,
body .affiliate-complete-page .form-control1.input-validation-error,
body .affiliate-complete-page .select2-container.input-validation-error .select2-choice {
    border-color: #ff9e90 !important;
}
body .affiliate-complete-page .tooltip-inner,
body .affiliate-complete-page .select2-drop,
body .affiliate-complete-page #paymentDetailsForm .affiliate-payment-grid {
    background-color: var(--dashlee-input) !important;
    border-color: var(--dashlee-border) !important;
}
body .affiliate-complete-page .select2-results .select2-highlighted {
    background-color: var(--dashlee-accent) !important;
    color: var(--dashlee-background) !important;
}
body .affiliate-complete-page #imgProfile {
    border-color: var(--dashlee-border);
    box-shadow: none;
}
body #tab1 .dob-composite__item select.form-control1,
body .affiliate-complete-page select.form-control,
body .affiliate-complete-page select.form-control1 {
    background-image: linear-gradient(45deg, transparent 50%, #f26644 50%), linear-gradient(135deg, #f26644 50%, transparent 50%);
}
body .affiliate-complete-page .select2-container .select2-choice .select2-arrow::before {
    border-color: var(--dashlee-accent);
}
body .affiliate-register-page .affiliate-terms input,
body .affiliate-register-page .affiliate-terms input:checked::after {
    border-color: var(--dashlee-accent);
    color: var(--dashlee-accent);
}
body .affiliate-complete-page .form-control::placeholder,
body .affiliate-complete-page .form-control1::placeholder,
body .affiliate-complete-page input::placeholder { color: var(--dashlee-muted) !important; }
body .portal-metric h2 img, body .portal-panel-heading h2 img,
body .portal-balance>img, body .portal-date-picker>summary img,
body #portal-copy img, body #portal-open-icon img, body .product-copy img {
    filter: brightness(0) saturate(100%) invert(53%) sepia(60%) saturate(1725%) hue-rotate(331deg) brightness(101%) contrast(90%);
}

/* Standalone agreement pages also opt in. Leave their wording and print layout. */
@media screen {
    body .emp-affiliate-agreement {
        --emp-navy: var(--dashlee-accent);
        --emp-navy-light: var(--dashlee-input);
        --emp-blue: var(--dashlee-accent);
        --emp-pink: var(--dashlee-accent);
        --emp-yellow: var(--dashlee-hover);
        --emp-ink: var(--dashlee-text);
        --emp-text: var(--dashlee-text);
        --emp-muted: var(--dashlee-muted);
        --emp-line: var(--dashlee-border);
        --emp-soft: var(--dashlee-background);
        --emp-white: var(--dashlee-surface);
    }
    body .emp-affiliate-agreement .emp-affiliate-hero,
    body .emp-affiliate-agreement .emp-affiliate-confirmation,
    body .emp-affiliate-agreement .emp-affiliate-notice,
    body .emp-affiliate-agreement .emp-affiliate-toc a:hover {
        background-color: var(--dashlee-input);
    }
    body .emp-affiliate-agreement .emp-affiliate-hero::before {
        background-color: var(--dashlee-accent);
    }
    body .emp-affiliate-agreement .emp-affiliate-toc-title,
    body .emp-affiliate-agreement .emp-affiliate-toc a,
    body .emp-affiliate-agreement .emp-affiliate-notice strong {
        color: var(--dashlee-text);
    }
    body:has(.terms-page) .sticky-header { background-color: var(--dashlee-surface); }
    body:has(.terms-page) .terms-link { color: var(--dashlee-accent); }
}

/* Verification/recovery frame: compact card rather than the tall login artwork. */
body .emp-account-flow {
    min-height: 100vh;
    min-height: 100svh;
    padding: 36px 20px;
    background-image: radial-gradient(ellipse at 50% 32%, rgb(242 102 68 / 9%), transparent 58%) !important;
    font-family: 'Open Sans', sans-serif;
}
body .emp-account-flow .emp-login-v2__content { max-width: 460px; width: 100%; }
body .emp-account-flow .emp-login-v2__panel {
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 0;
    padding: 36px 34px 30px;
    border: 1px solid #30343c;
    border-color: #30343c !important;
    border-radius: 24px;
    box-shadow: 0 24px 80px #0005, inset 0 1px 0 #ffffff08;
}
body .emp-account-flow .emp-login-v2__inner {
    height: auto;
    min-height: 0;
    max-width: 100%;
    padding: 0;
}
body .emp-account-flow .login-box-main1 { max-width: 100%; }
body .emp-account-flow .dashlee-account-logo { width: 154px; margin: 0 auto 30px; }
.dashlee-verification-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    margin: 0 auto 20px;
    border: 1px solid rgb(242 102 68 / 25%);
    border-radius: 18px;
    background-color: rgb(242 102 68 / 9%);
    color: var(--dashlee-accent);
}
.dashlee-verification-icon svg { width: 29px; height: 29px; }
body .emp-account-flow h1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 27px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -.7px;
    margin: 0 0 12px;
    color: var(--dashlee-text) !important;
    -webkit-text-fill-color: var(--dashlee-text);
    text-shadow: none;
}
.dashlee-account-intro {
    margin: 0 auto 28px;
    max-width: 340px;
    color: var(--dashlee-muted);
    font-size: 14px;
    line-height: 1.7;
    text-align: center;
}
body .emp-account-flow form { margin: 0; text-align: left; }
body .emp-account-flow label {
    margin: 0 0 8px;
    color: var(--dashlee-text);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
}
body .emp-account-flow .form-control {
    height: 50px;
    padding: 12px 14px;
    border: 1px solid #323843;
    border-radius: 10px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
}
body .emp-account-flow .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 50px;
    margin: 18px 0 0;
    padding: 12px 16px;
    border-radius: 10px;
    font-family: inherit;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    text-shadow: none;
    letter-spacing: 0;
    cursor: pointer;
}
body .emp-account-flow .btn:hover { background-color: var(--dashlee-hover) !important; }
body .emp-account-flow a.account-back-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 26px 0 0;
    color: var(--dashlee-muted) !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    text-decoration: none;
}
body .emp-account-flow a.account-back-link:hover { color: var(--dashlee-accent) !important; }
@media (max-width: 520px) {
    body .emp-account-flow { padding: 24px 16px; }
    body .emp-account-flow .emp-login-v2__panel { padding: 30px 24px; border-radius: 20px; }
    body .emp-account-flow h1 { font-size: 25px; }
}