/* fab-admin.css — CSS rieng cho menu FAB admin.
   Tach tu fab.css bang tach-css-fab.php (15/10/2026 06:42).
   Dung cho cac trang KHONG nap Tailwind (vd scanspx.php). */
:root{--fab-modal-height:70vh;--fab-header-height:29px;--fab-filter-height:44px;--fab-save-btn-height:40px;--fab-footer-height:calc(var(--fab-save-btn-height) + var(--fab-save-btn-height)/2)}
.fab-admin-menu{position:fixed;display:flex;align-items:center;left:10px;bottom:90px;z-index:999999;gap:8px;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}
.fab-admin-menu.hidden{opacity:0;visibility:hidden}
.fab-admin-button{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;border-style:none;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));outline:2px solid transparent;outline-offset:2px;pointer-events:auto;width:var(--fab-size-desktop);height:var(--fab-size-desktop);border-radius:50%;background:linear-gradient(180deg,rgba(11,132,255,.6),rgba(0,111,230,.6));box-shadow:0 6px 18px rgba(11,132,255,.24);transition:transform .14s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none;font:inherit}
.fab-admin-button:active{transform:scale(.96)}
.fab-admin-menu-items{position:fixed;display:flex;flex-direction:column;align-items:flex-start;pointer-events:auto;left:60px;bottom:10px;gap:10px;padding:6px;max-width:200px;transition:opacity .18s ease,transform .18s cubic-bezier(.2,.9,.2,1);transform:translateX(6px) translateY(4px) scale(.98);opacity:0;visibility:hidden;background:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:999998}
.fab-admin-menu-items.open{transform:translateX(0) translateY(0) scale(1);opacity:1;visibility:visible}
.fab-admin-menu-item{position:relative;box-sizing:border-box;display:inline-flex;cursor:pointer;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));text-decoration-line:none;color:#111;padding:10px 14px;min-height:46px;border-radius:var(--radius-card);box-shadow:0 6px 14px rgba(19,24,28,.08);gap:10px;font-size:14px;border:1px solid rgba(0,0,0,.04);transition:transform .12s ease,background .12s,box-shadow .12s;min-width:140px;width:150px;z-index:2;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none;font:inherit}
.fab-admin-menu-item:hover{transform:translateX(4px);background:#fbfdff}
.fab-admin-menu-item.active{background:linear-gradient(90deg,#f1fbf3,#fff)}
#fabAdmin #fab-admin-menu-index.active{box-shadow:0 0 0 2px #1e88e5,0 8px 20px rgba(11,132,255,.06)!important;border-color:rgba(30,136,229,.12)!important}
#fabAdmin #fab-admin-menu-donhang.active{box-shadow:0 0 0 2px #16a085,0 8px 20px rgba(11,132,255,.06)!important;border-color:rgba(22,160,133,.12)!important}
#fabAdmin #fab-admin-menu-shopee.active{box-shadow:0 0 0 2px #ff6f00,0 8px 20px rgba(11,132,255,.06)!important;border-color:rgba(255,111,0,.12)!important}
#fabAdmin #fab-admin-menu-soanhang.active{box-shadow:0 0 0 2px #6a1b9a,0 8px 20px rgba(11,132,255,.06)!important;border-color:rgba(106,27,154,.12)!important}
#fabAdmin #fab-admin-menu-congno.active{box-shadow:0 0 0 2px #d32f2f,0 8px 20px rgba(11,132,255,.06)!important;border-color:rgba(211,47,47,.12)!important}
#fabAdmin #fab-admin-menu-tongket.active{box-shadow:0 0 0 2px #2e7d32,0 8px 20px rgba(11,132,255,.06)!important;border-color:rgba(46,125,50,.12)!important}
.fab-admin-overlay{position:fixed;background-color:transparent;inset:0;z-index:999997;display:none;pointer-events:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.fab-admin-overlay.visible{display:block;background:rgba(0,0,0,.12);pointer-events:auto}
.fab-admin-password-modal{position:fixed;display:flex;align-items:center;justify-content:center;inset:0;z-index:1000000}
.fab-admin-password-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5);z-index:1}
.fab-admin-password-dialog{position:relative;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));text-align:center;z-index:2;border-radius:12px;padding:24px;box-shadow:0 10px 40px rgba(0,0,0,.2);width:90%;max-width:300px}
.fab-admin-password-dialog h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#333}
.fab-admin-password-error{color:#e53935;font-size:14px;margin-bottom:12px;font-weight:500}
.fab-admin-password-actions{display:flex;justify-content:center;gap:10px}
.fab-admin-password-btn{cursor:pointer;border-style:none;flex:1;padding:10px 16px;min-height:44px;box-sizing:border-box;border-radius:8px;font-size:14px;font-weight:600;transition:all .2s;-webkit-tap-highlight-color:transparent}
.fab-admin-password-btn.cancel{background:#f5f5f5;color:#666}
.fab-admin-password-btn.cancel:hover{background:#eee}
.fab-admin-password-btn.submit{background:#0b84ff;color:#fff}
.fab-admin-password-btn.submit:hover{background:#0a73dd}
.fab-admin-password-btn.submit:active{transform:scale(.98)}
@media (max-height:480px),(max-width:600px){.fab-admin-menu{left:10px;bottom:70px}.fab-admin-button{width:var(--fab-size-mobile);height:var(--fab-size-mobile)}.fab-admin-menu-items{left:60px;bottom:10px;max-width:160px}.fab-admin-menu-item{width:130px;min-width:130px;min-height:46px;display:flex;align-items:center}}
:root{--brand-blue:#0a6fb4;--brand-red:#c21807;--brand-green:#0b7a2d;--brand-orange:#f26b1f;--green:#18a04a;--orange:#f26b1f;--text:#111;--muted:#6b6b6b;--bg:#f8fbf9;--card-bg:#fff;--border-weak:rgba(0,0,0,.06);--price-200:#18a04a;--price-100:#0a6fb4;--price-50:#f26b1f;--price-10:#000;--meta-fs:12px;--meta-lh:1.4;--card-padding:4px;--gap:8px;--stack-gap:4px;--radius-card:10px;--site-max-width:1200px;--fab-size-desktop:50px;--fab-size-mobile:40px;--fab-left-offset:10px;--fab-gap:10px}
.fab-admin-button,.fab-admin-menu-item,.fab-button,.fab-cart,.fab-delete,.fab-search-new,.menu-item,.screenshot-fab{font-family:Roboto,system-ui,sans-serif}