/*! * material-tokens.css — Material Design 2 (MUI) design tokens + Bootstrap/Metronic remap * Part of the acg-faka admin Material UI restyle (additive override layer). * * Load order: this file FIRST, then material.css. Theme is chosen via * set by the * inline FOUC guard (Header/Login ) and material.js. * * NOTE: never edit the vendor bundles (_admin.css / _.css / style.bundle.css / *.min.css). * All Material styling lives in material-*.css + material.js, added to BOTH css()/js() * arrays so it loads in dev (DEBUG=true) and prod (DEBUG=false) alike. */:root{--md-radius:8px;--md-radius-lg:12px;--md-radius-pill:9999px;--md-e0:none;--md-e1:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);--md-e2:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);--md-e3:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12);--md-e4:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);--md-e6:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);--md-e8:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);--md-e12:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12);--md-e16:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);--md-e24:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);--md-ease:cubic-bezier(.4, 0, .2, 1);--md-ease-out:cubic-bezier(0, 0, .2, 1);--md-dur:.2s;--md-dur-fast:.12s;--md-font:"HarmonyOS Sans SC","Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}:root[data-theme=light]{--md-primary:#1976D2;--md-primary-hover:#1565C0;--md-primary-container:#E3F2FD;--md-on-primary:#FFFFFF;--md-secondary:#9C27B0;--md-secondary-hover:#7B1FA2;--md-on-secondary:#FFFFFF;--md-success:#2E7D32;--md-warning:#ED6C02;--md-error:#D32F2F;--md-info:#0288D1;--md-bg:#F4F5F7;--md-surface:#FFFFFF;--md-surface-2:#FFFFFF;--md-on-surface:rgba(0,0,0,.87);--md-on-surface-med:rgba(0,0,0,.60);--md-on-surface-dis:rgba(0,0,0,.38);--md-divider:rgba(0,0,0,.12);--md-nav-fg:#4b5563;--md-nav-section:#6b7280;--md-nav-active-fg:#111827;--md-outline:rgba(0,0,0,.23);--md-hover-overlay:rgba(0,0,0,.04);--md-selected-overlay:rgba(25,118,210,.08);--md-focus-ring:rgba(25,118,210,.40);--md-scrim:rgba(0,0,0,.5);--md-primary-rgb:25,118,210;--md-secondary-rgb:156,39,176;--md-success-rgb:46,125,50;--md-warning-rgb:237,108,2;--md-error-rgb:211,47,47;--md-info-rgb:2,136,209;--md-e1:0 1px 2px rgba(16,24,40,.04),0 2px 8px -2px rgba(16,24,40,.06);--md-e2:0 1px 2px rgba(16,24,40,.04),0 4px 12px -2px rgba(16,24,40,.08);--md-e3:0 2px 4px -1px rgba(16,24,40,.05),0 6px 16px -3px rgba(16,24,40,.09);--md-e4:0 2px 5px -1px rgba(16,24,40,.05),0 10px 22px -4px rgba(16,24,40,.10);--md-e6:0 3px 6px -2px rgba(16,24,40,.06),0 14px 28px -6px rgba(16,24,40,.12);--md-e8:0 4px 8px -2px rgba(16,24,40,.07),0 18px 36px -8px rgba(16,24,40,.14);--md-e12:0 6px 12px -3px rgba(16,24,40,.08),0 26px 48px -10px rgba(16,24,40,.16);--md-e16:0 8px 16px -4px rgba(16,24,40,.09),0 34px 60px -12px rgba(16,24,40,.18);--md-e24:0 12px 22px -6px rgba(16,24,40,.10),0 48px 80px -16px rgba(16,24,40,.22);color-scheme:light}:root[data-theme=dark]{--md-primary:#90CAF9;--md-primary-hover:#64B5F6;--md-primary-container:#0D47A1;--md-on-primary:rgba(0,0,0,.87);--md-secondary:#CE93D8;--md-secondary-hover:#BA68C8;--md-on-secondary:rgba(0,0,0,.87);--md-success:#66BB6A;--md-warning:#FFA726;--md-error:#F44336;--md-info:#29B6F6;--md-bg:#0e1013;--md-surface:#1a1e24;--md-surface-2:#232830;--md-on-surface:rgba(255,255,255,.92);--md-on-surface-med:rgba(255,255,255,.60);--md-on-surface-dis:rgba(255,255,255,.38);--md-divider:rgba(255,255,255,.10);--md-outline:rgba(255,255,255,.22);--md-nav-fg:rgba(255,255,255,.72);--md-nav-section:rgba(255,255,255,.48);--md-nav-active-fg:#ffffff;--md-hover-overlay:rgba(255,255,255,.08);--md-selected-overlay:rgba(144,202,249,.16);--md-focus-ring:rgba(144,202,249,.50);--md-scrim:rgba(0,0,0,.7);--md-primary-rgb:144,202,249;--md-secondary-rgb:206,147,216;--md-success-rgb:102,187,106;--md-warning-rgb:255,167,38;--md-error-rgb:244,67,54;--md-info-rgb:41,182,246;--md-e1:0 1px 3px rgba(0,0,0,.3);--md-e2:0 2px 6px -1px rgba(0,0,0,.38);--md-e3:0 3px 8px -2px rgba(0,0,0,.42);--md-e4:0 4px 11px -3px rgba(0,0,0,.48);--md-e6:0 6px 15px -3px rgba(0,0,0,.52);--md-e8:0 8px 20px -4px rgba(0,0,0,.56);--md-e12:0 12px 26px -6px rgba(0,0,0,.6);--md-e16:0 16px 34px -8px rgba(0,0,0,.66);--md-e24:0 22px 46px -10px rgba(0,0,0,.72);color-scheme:dark}:root[data-theme]{--bs-primary:var(--md-primary);--bs-primary-active:var(--md-primary-hover);--bs-success:var(--md-success);--bs-info:var(--md-secondary);--bs-warning:var(--md-warning);--bs-danger:var(--md-error);--bs-primary-rgb:var(--md-primary-rgb);--bs-success-rgb:var(--md-success-rgb);--bs-info-rgb:var(--md-secondary-rgb);--bs-warning-rgb:var(--md-warning-rgb);--bs-danger-rgb:var(--md-error-rgb);--bs-body-bg:var(--md-bg);--bs-body-color:var(--md-on-surface);--bs-border-color:var(--md-divider);--bs-link-color:var(--md-primary);--bs-link-hover-color:var(--md-primary-hover);--bs-link-color-rgb:var(--md-primary-rgb)}:root[data-theme=dark]{--bs-white:#1E1E1E;--bs-white-rgb:30,30,30;--bs-body-bg:#121212;--bs-light:#2A2A2A;--bs-light-rgb:42,42,42;--bs-dark:#EDEDED;--bs-dark-rgb:237,237,237;--bs-gray-100:#2A2A2A;--bs-gray-200:#333333;--bs-gray-300:#3D3D3D;--bs-gray-400:#4D4D4D;--bs-gray-500:#6E6E6E;--bs-gray-600:#9E9E9E;--bs-gray-700:#BDBDBD;--bs-gray-800:#E0E0E0;--bs-gray-900:#F5F5F5}/*! * material-auth.css — Material skin for the admin login (app/View/Admin/Authentication/Login.html). * Overrides the bespoke neon-glass `ay-*` styles (auth.css) with a Material light/dark auth card. * Loaded after material-tokens.css + auth.css. Theme comes from the FOUC guard. * Markup/JS untouched: #ay-form, #ay-captcha-img refresh, #ay-code (2FA), #ay-remember, #ay-eye. */body.ay-bg{background:var(--md-bg)!important;color:var(--md-on-surface);font-family:var(--md-font)}.ay-dim,.ay-petals{display:none!important}.ay-card{width:min(420px,92vw);background:var(--md-surface)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid var(--md-divider);border-radius:var(--md-radius-lg);box-shadow:var(--md-e8);transform:none!important}.ay-card::after,.ay-card::before{display:none!important}.ay-card:hover{box-shadow:var(--md-e12)}.ay-logo{box-shadow:var(--md-e2)}.ay-title{color:var(--md-on-surface);font-weight:600;letter-spacing:normal}.ay-sub{color:var(--md-on-surface-med)}.ay-input{background:0 0;border:1px solid var(--md-outline);border-radius:var(--md-radius);color:var(--md-on-surface)}.ay-input:hover{border-color:var(--md-on-surface)}.ay-input:focus{border-color:var(--md-primary);box-shadow:0 0 0 1px var(--md-primary)}.ay-label{color:var(--md-on-surface-med)}.ay-input:focus+.ay-label,.ay-input:not(:placeholder-shown)+.ay-label{top:-8px;font-size:12px;color:var(--md-primary);background:var(--md-surface);border:none;border-radius:0;padding:0 4px}.ay-eye{background:0 0;border:none;border-radius:var(--md-radius-pill)}.ay-eye:hover{background:var(--md-hover-overlay)}.ay-eye svg{stroke:var(--md-on-surface-med)}.ay-captcha{border:1px solid var(--md-divider);border-radius:var(--md-radius)}.ay-check{color:var(--md-on-surface-med)}.ay-check input{border:2px solid var(--md-on-surface-med);border-radius:3px;background:0 0}.ay-check input:hover{border-color:var(--md-on-surface);background:var(--md-hover-overlay)}.ay-check input:checked{background:var(--md-primary);border-color:var(--md-primary)}.ay-check input:checked::after{color:var(--md-on-primary)}.ay-link{color:var(--md-primary);border-bottom:none;opacity:1}.ay-link:hover{text-decoration:underline}.ay-btn{background:var(--md-primary);color:var(--md-on-primary);border-radius:var(--md-radius);font-weight:500;letter-spacing:normal;box-shadow:var(--md-e2)}.ay-btn:hover{background:var(--md-primary-hover);box-shadow:var(--md-e4);transform:none}.ay-btn:active{box-shadow:var(--md-e8)}.ay-btn::after{display:none!important}.ay-foot{color:var(--md-on-surface-med)}