/*
 * Modernize Orange_Theme — Zii Portal brand colors + layout tokens
 * Loaded after assetsext/css/styles.css so these values win.
 *
 * Adjust hex values below, then update the matching rgb(...) triples.
 * Reference: https://adminmart.github.io/premium-documentation/bootstrap/modernize/docs-setting.html
 */

/* ------------------------------------------------------------------
 * Palette (edit here)
 * ------------------------------------------------------------------
 * Primary          #FF3D00   Active sidebar, Search, charts, CTAs
 * Primary hover    ##B22222(#E04414)   Buttons / links hover
 * Light primary    #FFF5F2   Icon chips, soft backgrounds
 * ------------------------------------------------------------------ */
[data-bs-theme=light][data-color-theme=Orange_Theme]:root {
    --bs-primary: #FF3D00;
    --bs-primary-rgb: 255, 61, 0;
    --bs-light-primary: rgba(255, 61, 0, 0.12);
    --bs-primary-bg-subtle: #FFF5F2;
    --bb-border-focus-color: #FF3D00;
    --bb-border-hover-color: #FF3D00;
    --bs-alert-padding-y: 8px;
}

[data-bs-theme=dark][data-color-theme=Orange_Theme]:root {
    --bs-primary: #FF3D00;
    --bs-primary-rgb: 255, 61, 0;
    --bs-light-primary: rgba(255, 61, 0, 0.2);
    --bs-primary-bg-subtle: rgba(255, 61, 0, 0.16);
    --bb-border-focus-color: #FF3D00;
    --bb-border-hover-color: #FF3D00;
    --bs-alert-padding-y: 8px;
    --bs-toast-header-color: #FF3D00;
}

    [data-bs-theme=light][data-color-theme=Orange_Theme]:root .btn-primary,
    [data-bs-theme=dark][data-color-theme=Orange_Theme]:root .btn-primary {
        --bs-btn-bg: #FF3D00;
        --bs-btn-border-color: #FF3D00;
        --bs-btn-hover-bg: #B22222;
        --bs-btn-hover-border-color: #B22222;
        --bs-btn-active-bg: #C93C12;
        --bs-btn-active-border-color: #C93C12;
        --bs-btn-disabled-bg: #FF3D00;
        --bs-btn-disabled-border-color: #FF3D00;
    }

    [data-bs-theme=light][data-color-theme=Orange_Theme]:root .btn-outline-primary,
    [data-bs-theme=dark][data-color-theme=Orange_Theme]:root .btn-outline-primary {
        --bs-btn-color: #FF3D00;
        --bs-btn-border-color: #FF3D00;
        --bs-btn-hover-bg: #FF3D00;
        --bs-btn-hover-border-color: #FF3D00;
        --bs-btn-active-bg: #FF3D00;
        --bs-btn-active-border-color: #FF3D00;
        --bs-btn-disabled-color: #FF3D00;
        --bs-btn-disabled-border-color: #FF3D00;
    }


    [data-bs-theme=light][data-color-theme=Orange_Theme]:root .btn-secondary,
    [data-bs-theme=dark][data-color-theme=Orange_Theme]:root .btn-secondary {
        --bs-btn-color: #FF3D00 !important;
        --bs-btn-bg: #FFECE5 !important;
        --bs-btn-border-color: #FFECE5 !important;
        --bs-btn-hover-color: #FFECE5 !important;
        --bs-btn-hover-bg: #B22222 !important;
        --bs-btn-hover-border-color: #B22222 !important;
        --bs-btn-focus-shadow-rgb: 250, 137, 107 !important;
        --bs-btn-active-color: #FF3D00 !important;
        --bs-btn-active-bg: #FFECE5 !important;
        --bs-btn-active-border-color: #FFECE5 !important;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
        --bs-btn-disabled-color: #FF9979 !important;
        --bs-btn-disabled-bg: #FFF5F2 !important;
        --bs-btn-disabled-border-color: #FFECE5 !important;
        --bs-gradient: none !important;
    }

    [data-bs-theme=light][data-color-theme=Orange_Theme]:root .btn-outline-secondary,
    [data-bs-theme=dark][data-color-theme=Orange_Theme]:root .btn-outline-secondary {
        --bs-btn-color: #FF3D00;
        --bs-btn-border-color: #FFECE5;
        --bs-btn-hover-bg: #FFECE5;
        --bs-btn-hover-border-color: #FFECE5;
        --bs-btn-active-bg: #FFECE5;
        --bs-btn-active-border-color: #FFECE5;
        --bs-btn-disabled-color: #FFECE5;
        --bs-btn-disabled-border-color: #FFECE5;
    }

/* ------------------------------------------------------------------
 * Zii app + layout tokens
 * ------------------------------------------------------------------ */
:root {
    --zii-fixed-bar-bg: #F7F9FC !important;
    --zii-fixed-bar-bg-ontop: #F7F9FC !important;
    --zii-header-bg: #ffffff !important;
    --zii-gray: #F7F9FC;
    --zii-border-color: var(--bs-border-color);
    --zii-border-color-heavy: #2A354833;
    /* Shell spacing / radius (shared by layout, bills, fixed toolbars) */
    --zii-content-gutter: 1.25rem;
    --zii-content-gutter-y: 1.25rem;
    --zii-radius: 0.625rem;
    --zii-radius-sm: 0.4375rem;
    --zii-page-bg: var(--bs-body-bg);
    --zii-link-hightlight-color: var(--bs-info);
    /* Density tokens — overridden on medium / short viewports */
    --zii-table-row-h: 3.25rem; /* 52px @ 16px root */
    --zii-table-edit-h: 2.375rem;
    --zii-bill-list-min-h: 25rem;
    --zii-table-noscroll-min-h: 18.75rem;
    --zii-overlay-max: min(100vw - 2rem, 42.5rem);
    --zii-popover-min: min(100vw - 2rem, 25rem);
    --zii-dropdown-wide-min: min(100vw - 2rem, 30rem);
    --zii-datetime-range-w: min(100vw - 2rem, 42.5rem);
    --zii-modal-body-max-h: calc(100dvh - 14.375rem);
}

@media (min-width: 992px) {
    :root {
        --zii-content-gutter: 2rem;
        --zii-content-gutter-y: 1.75rem;
    }
}

/* Mid-width: tighten gutters so content keeps breathing room beside the rail */
@media (max-width: 1399.98px) {
    :root {
        --zii-content-gutter: 1rem;
        --zii-content-gutter-y: 1rem;
        --zii-table-row-h: 2.75rem;
        --zii-bill-list-min-h: 18rem;
        --zii-table-noscroll-min-h: 14rem;
    }
}

@media (max-width: 991.98px) {
    :root {
        --zii-content-gutter: 0.75rem;
        --zii-content-gutter-y: 0.75rem;
        --zii-table-row-h: 2.5rem;
        --zii-bill-list-min-h: 12rem;
        --zii-table-noscroll-min-h: 12rem;
    }
}

@media (max-height: 700px) {
    :root {
        --zii-content-gutter-y: 0.75rem;
        --zii-table-row-h: 2.5rem;
        --zii-bill-list-min-h: 12rem;
        --zii-table-noscroll-min-h: 10rem;
        --zii-modal-body-max-h: calc(100dvh - 10rem);
    }
}

[data-bs-theme=dark] {
    --zii-fixed-bar-bg: #223662 !important;
    --zii-fixed-bar-bg-ontop: #223662 !important;
    --zii-header-bg: #1a2537 !important;
    --zii-gray: #223662;
    --zii-page-bg: var(--bs-body-bg);
}


/*自定义风格:添加背景色*/
[data-bs-theme=light][data-color-theme=Orange_Theme]:root {
    --zii-page-bg: #f8f8f8 !important;
}