/* FiberX approved styles 21 / 1, light / dark */
html[data-fx-style]{--a-bg:#eaf6ff;--a-surface:#fff;--a-soft:#e0f1ff;--a-ink:#103669;--a-muted:#526d87;--a-border:#cde3f3;--a-primary:#0878df;--a-accent:#18aade;--a-hero:#0878df;--a-alt:#f3f9fe}
html[data-fx-style="1"]{--a-bg:#f0f4f8;--a-soft:#ddf4f1;--a-ink:#163252;--a-muted:#556d80;--a-border:#d7e2eb;--a-primary:#087e87;--a-accent:#13a8b1;--a-hero:#123969;--a-alt:#f5f8fa}
html[data-fx-mode="dark"]{--a-bg:#0c192b;--a-surface:#15283e;--a-soft:#203d58;--a-ink:#edf6ff;--a-muted:#afc4d8;--a-border:#30485f;--a-primary:#1686ed;--a-accent:#57caff;--a-hero:#0866bd;--a-alt:#192f47}
html[data-fx-style="1"][data-fx-mode="dark"]{--a-bg:#0b1922;--a-surface:#142c35;--a-soft:#21444b;--a-border:#31515a;--a-primary:#097e89;--a-accent:#55d6d0;--a-hero:#16456b;--a-alt:#1a353e}
html[data-fx-style] body{--fx-bg:var(--a-bg);--fx-surface:var(--a-surface);--fx-ink:var(--a-ink);--fx-muted:var(--a-muted);--fx-border:var(--a-border);--fx-purple:var(--a-primary);--fx-soft:var(--a-soft);background:var(--a-bg)!important;color:var(--a-ink)!important}
html[data-fx-style] body.fx-app .navbar-wrapper,html[data-fx-style] body.fx-app .fx-app-header{background:var(--a-bg)!important;border-color:var(--a-border)!important}
html[data-fx-style] body.fx-app .navbar-brand *,html[data-fx-style] body.fx-app .navbar-brand{color:var(--a-primary)!important}
html[data-fx-style] body.fx-app .navbar .btn,html[data-fx-style] body.fx-app .navbar .dropdown-item{color:var(--a-ink)!important}
html[data-fx-style] body.fx-app .navbar .btn:hover,html[data-fx-style] body.fx-app .navbar .dropdown-item:hover,html[data-fx-style] body.fx-app .navbar .dropdown-item.fx-active{background:var(--a-soft)!important;color:var(--a-ink)!important}
html[data-fx-style] body.fx-app .navbar .btn.fx-active{background:var(--a-primary)!important;color:white!important;box-shadow:none!important}
html[data-fx-style] body.fx-app .navbar .dropdown-menu{background:var(--a-surface)!important;border-color:var(--a-accent)!important}
html[data-fx-style] body .card,html[data-fx-style] body .stats-section,html[data-fx-style] body .fx-v3-table-shell,html[data-fx-style] body .modal-content,html[data-fx-style] body .dropdown-menu,html[data-fx-style] body .list-group-item{background:var(--a-surface)!important;color:var(--a-ink)!important;border-color:var(--a-border)!important}
html[data-fx-style] body .card-header,html[data-fx-style] body .modal-header,html[data-fx-style] body .modal-footer{background:var(--a-alt)!important;color:var(--a-ink)!important;border-color:var(--a-border)!important}
html[data-fx-style] body .text-muted,html[data-fx-style] body #fx-hybrid .fx-title p,html[data-fx-style] body #fx-hybrid .fx-brand small{color:var(--a-muted)!important}
html[data-fx-style] body .text-primary,html[data-fx-style] body .stats-section-title{color:var(--a-accent)!important}
html[data-fx-style] body .form-control,html[data-fx-style] body .form-select,html[data-fx-style] body textarea,html[data-fx-style] body .input-group-text{background-color:var(--a-surface)!important;color:var(--a-ink)!important;border-color:var(--a-border)!important}
html[data-fx-style] body .form-label,html[data-fx-style] body .fx-app-header strong{color:var(--a-ink)!important}
html[data-fx-style] body input::placeholder,html[data-fx-style] body textarea::placeholder{color:var(--a-muted)!important}
html[data-fx-style] body .btn-primary,html[data-fx-style] body.fx-app .fx-management-primary-actions .btn-primary{background:var(--a-primary)!important;border-color:var(--a-primary)!important;color:white!important}
html[data-fx-style] body .btn-outline-primary,html[data-fx-style] body .btn-outline-secondary,html[data-fx-style] body .fx-app-menu,html[data-fx-style] body .logout-above-nav button{background:var(--a-surface)!important;color:var(--a-ink)!important;border-color:var(--a-border)!important}
html[data-fx-style] body .fx-app-indicator{background:var(--a-soft)!important;color:var(--a-ink)!important;border-color:var(--a-border)!important}
html[data-fx-style] body .table{--bs-table-bg:var(--a-surface);--bs-table-color:var(--a-ink);--bs-table-striped-bg:var(--a-alt);--bs-table-striped-color:var(--a-ink);--bs-table-hover-bg:var(--a-soft);--bs-table-hover-color:var(--a-ink);background:var(--a-surface)!important;color:var(--a-ink)!important}
html[data-fx-style] body .table thead,html[data-fx-style] body .table thead th{background:var(--a-soft)!important;color:var(--a-ink)!important;border-color:var(--a-border)!important}
html[data-fx-style] body.fx-app .table tbody td,html[data-fx-style] body.fx-app .fx-v3-table-shell .table tbody tr td{background:var(--a-surface)!important;color:var(--a-ink)!important;border-color:var(--a-border)!important}
html[data-fx-style] body.fx-app .fx-v3-table-shell .table tbody tr:nth-child(even) td{background:var(--a-alt)!important}
html[data-fx-style] body.fx-app .table tbody tr:hover td{background:var(--a-soft)!important}
html[data-fx-style] body .page-link{background:var(--a-surface)!important;color:var(--a-ink)!important;border-color:var(--a-border)!important}
html[data-fx-style] body .active>.page-link{background:var(--a-primary)!important;color:white!important}
html[data-fx-style] body.fx-app #fx-hybrid .fx-card{background:var(--a-surface)!important;border:1px solid var(--a-border)!important;border-radius:18px!important;box-shadow:0 5px 16px #102b4610!important}
html[data-fx-style] body.fx-app #fx-hybrid .fx-card:after{display:none!important}
html[data-fx-style] body.fx-app #fx-hybrid .fx-label,html[data-fx-style] body.fx-app #fx-hybrid .fx-value,html[data-fx-style] body.fx-app #fx-hybrid .fx-title h1{color:var(--a-ink)!important}
html[data-fx-style] body.fx-app #fx-hybrid .fx-hero{background:var(--a-hero)!important;border-color:var(--a-hero)!important}
html[data-fx-style] body.fx-app #fx-hybrid .fx-hero .fx-label,html[data-fx-style] body.fx-app #fx-hybrid .fx-hero .fx-value{color:white!important}
html[data-fx-style] body.fx-app #fx-hybrid .fx-ico,html[data-fx-style] body.fx-app #fx-hybrid .fx-title-icon{background:var(--a-soft)!important;color:var(--a-accent)!important;border:0!important;box-shadow:none!important;border-radius:15px!important}
html[data-fx-style] body.fx-app #fx-hybrid .fx-ico{width:50px;height:50px;font-size:26px;flex-shrink:0}
html[data-fx-style] body.fx-app #fx-hybrid .fx-hero .fx-ico{background:#ffffff26!important;color:white!important}
html[data-fx-style] body.fx-app #fx-hybrid .fx-red .fx-ico{color:#ed405c!important}
html[data-fx-style] body.fx-app #fx-hybrid .fx-green .fx-ico{color:#10ad72!important}
html[data-fx-style] body.fx-app #fx-hybrid .fx-amber .fx-ico{color:#e89912!important}
html[data-fx-style] body.fx-app #fx-hybrid .fx-line{background:var(--a-accent)!important}
html[data-fx-style] body.fx-app #fx-hybrid .fx-logo{background:none!important;color:var(--a-ink)!important;-webkit-text-fill-color:var(--a-ink)!important}
html[data-fx-style] body.fx-app #fx-hybrid .fx-logo b{color:var(--a-accent)!important;-webkit-text-fill-color:var(--a-accent)!important}
html[data-fx-style] body.fx-app #fx-hybrid .fx-request-row .fx-card{flex-direction:column!important;justify-content:center!important;gap:16px!important;height:160px!important}
html[data-fx-style] body.fx-app .stat-card-compact{background:var(--a-surface)!important;color:var(--a-ink)!important;border-color:var(--a-border)!important}
html[data-fx-style] body :is(button,a,input,select,textarea):focus-visible{outline:3px solid var(--a-accent)!important;outline-offset:3px}
#fxAppearance{display:flex;align-items:center;gap:8px;margin-inline-start:auto;flex-shrink:0}
#fxStyleSelect,#fxModeToggle{height:38px;border:1px solid var(--a-border);background:var(--a-surface);color:var(--a-ink);border-radius:10px}
#fxStyleSelect{padding:0 8px;font-size:12px;max-width:150px}
#fxModeToggle{width:40px;display:grid;place-items:center;cursor:pointer}
#fxModeToggle svg{width:23px;height:23px}
.fx-appearance-floating{position:fixed;top:16px;left:16px;z-index:1050}
@media(max-width:700px){html[data-fx-style] body.fx-app .fx-app-header strong,html[data-fx-style] body.fx-app .fx-app-indicator{display:none}#fxStyleSelect{max-width:128px}.fx-app-header{gap:6px!important}}
@media print{#fxAppearance{display:none!important}html[data-fx-style]{--a-bg:#fff;--a-surface:#fff;--a-ink:#111;--a-muted:#444;--a-alt:#fff;--a-soft:#eee;--a-border:#ccc}}

/* dashboard action white labels */
html[data-fx-style] body.fx-app #fx-hybrid .fx-dashboard-actions .btn-primary,html[data-fx-style] body.fx-app #fx-hybrid .fx-dashboard-actions .btn-primary *{color:#fff!important;-webkit-text-fill-color:#fff!important}