/* ===== 30/9 (a Thinh chot layout Quan tri dot 1) ===== */

/* --- Danh sach Quan tri: 4 nhom kieu Cai dat iPhone --- */
#adminHub .admHubSearch{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #d9dfe7;border-radius:12px;padding:0 12px;height:42px;margin:0 0 6px;color:#8a929e}
#adminHub .admHubSearch input{flex:1;border:0 !important;outline:0;background:transparent !important;box-shadow:none !important;font-size:14px;padding:0 !important;min-height:0 !important;height:40px}
#adminHub .admGrpCap{font-size:12.5px;font-weight:700;color:#6b7380;letter-spacing:.2px;margin:16px 0 6px 6px}
#adminHub .admGrp{background:var(--card,#fff);border:1px solid #e3e7ec;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(15,40,70,.04)}
#adminHub .admRow{display:flex;align-items:center;gap:12px;padding:11px 14px;cursor:pointer;text-decoration:none;color:#15181d;border-bottom:1px solid #eef1f4;transition:background .12s}
#adminHub .admRow:last-child{border-bottom:0}
#adminHub .admRow:hover{background:#f6f8fa}
#adminHub .admRow:active{background:#eef2f6}
#adminHub .admRow .ic{flex:0 0 34px;width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--abg,#eef2f6);color:var(--ac,#5f6673)}
#adminHub .admRow .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
#adminHub .admRow .tx b{font-size:14.5px;font-weight:600}
#adminHub .admRow .tx small{font-size:12px;color:#8a929e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#adminHub .admRow .chev{color:#b4b9c2;font-size:20px;line-height:1}

/* The Cap nhat / Sao luu dam may / thanh Cong cu: chi hien o khu "Cap nhat · Sao luu · Cong cu" */
#sec-admin.adm-hub > #admToolsBar,#sec-admin.adm-hub > #adminUpdateCard,#sec-admin.adm-hub #cdOpenBtn,
#sec-admin[data-adm-area]:not(.adm-sys) > #admToolsBar,#sec-admin[data-adm-area]:not(.adm-sys) > #adminUpdateCard,#sec-admin[data-adm-area]:not(.adm-sys) #cdOpenBtn{display:none !important}

/* --- Man chi tiet --- */
#sec-admin #adminBackBar .ghost{border-radius:999px}
#sec-admin .admFld{display:flex;flex-direction:column;gap:3px;flex:1 1 0;min-width:0}
#sec-admin .admFld > span{font-size:12px;font-weight:600;color:#6b7380;padding-left:2px}
#sec-admin .admFld > input,#sec-admin .admFld > textarea{width:100%}

/* Mon & gia: form gap lai */
#sec-admin .admItemForm{display:none;position:relative;background:#f8fafc;border:1px solid #e3e7ec;border-radius:14px;padding:14px;margin:0 0 12px}
#sec-admin .admItemForm.open{display:block;animation:admIn .2s cubic-bezier(.2,.8,.2,1)}
#sec-admin .admItemForm .admFormX{position:absolute;top:10px;right:10px;border-radius:999px;padding:4px 12px;font-size:12.5px}
#sec-admin .admAddBtn{border-radius:999px !important;background:#185FA5 !important;color:#fff !important;border:0 !important;padding:7px 14px !important;font-weight:700;white-space:nowrap}
#sec-admin .admAddBtn:hover{background:#0C447C !important}
@keyframes admIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* Mon & gia: hang mon - Sua + cong tac + ⋯ */
#sec-admin .admItAct{display:flex !important;align-items:center;gap:8px;flex-wrap:nowrap;justify-content:flex-end}
#sec-admin .admItAct .admEdit{border-radius:999px !important;padding:5px 12px !important;font-size:12.5px}
#sec-admin .admItAct .admSw{all:unset;cursor:pointer;position:relative;width:40px;height:23px;border-radius:999px;background:#c9ced6;transition:background .18s;flex:0 0 auto}
#sec-admin .admItAct .admSw i{position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .18s cubic-bezier(.2,.8,.2,1)}
#sec-admin .admItAct .admSw.on{background:#1D9E75}
#sec-admin .admItAct .admSw.on i{transform:translateX(17px)}
#sec-admin .admItAct .admSw:focus-visible{box-shadow:0 0 0 3px rgba(24,95,165,.3)}
#sec-admin .admItAct .admMore{border-radius:999px !important;width:32px;height:30px;padding:0 !important;font-size:16px;line-height:1;background:transparent !important;border:1px solid #e3e7ec !important;color:#5f6673 !important}
#sec-admin #adminItemsBody tr:has(.admSw:not(.on)) td{opacity:.55}
#sec-admin #adminItemsBody tr:has(.admSw:not(.on)) td:last-child{opacity:1}
#sec-admin .admStBtn{border-radius:8px !important;text-align:left !important;white-space:normal !important}
#admItemMenu{position:fixed;z-index:100060;background:#fff;border:1px solid #e3e7ec;border-radius:12px;box-shadow:0 12px 30px rgba(15,40,70,.18);padding:5px;min-width:150px;animation:admIn .15s ease}
#admItemMenu button{width:100%;text-align:left;border:0 !important;background:transparent !important;color:#A32D2D !important;padding:8px 10px !important;border-radius:8px !important;font-weight:600}
#admItemMenu button:hover{background:#FCEBEB !important}

/* Thanh "Co thay doi chua luu" */
#admSaveBar{position:sticky;bottom:10px;z-index:30;display:none;align-items:center;gap:10px;margin:14px 0 0;padding:9px 10px 9px 16px;background:#fff;border:1px solid #d9dfe7;border-radius:14px;box-shadow:0 10px 26px rgba(15,40,70,.16)}
#admSaveBar.on{display:flex;animation:admIn .2s cubic-bezier(.2,.8,.2,1)}
#admSaveBar span{flex:1;font-size:13.5px;font-weight:600;color:#5f6673}
#admSaveBar .admSaveGo{border-radius:999px !important;background:#185FA5 !important;color:#fff !important;border:0 !important;padding:8px 22px !important;font-weight:700}
@media (prefers-reduced-motion:reduce){#sec-admin *,#adminHub *{animation:none !important;transition:none !important}}

/* =====================================================================
   2/10 (a Thinh): mac kit — Quan tri kieu macOS (nen #F5F6F8, the trang bo tron, thanh tab 1 hang).
   Chi doi hien thi. KHONG dung khu "Mon & gia" (da lam rieng) -> moi luat chung loai tru [data-adm-area="menu"].
   ===================================================================== */
#sec-admin:not(.hidden),#sec-staff:not(.hidden){background:#F5F6F8;border-radius:14px;padding:12px}

/* --- Thanh tren: Quan tri + tab + nut chinh --- */
#sec-admin > #admMkBar,#sec-staff > #admMkBarStaff{display:flex !important;align-items:center;gap:10px !important;flex-wrap:wrap;background:#F6F6F6 !important;border:1px solid #DADADA !important;border-radius:12px !important;padding:8px 12px !important;margin:0 0 12px !important;box-shadow:none !important}
#sec-admin > #admMkBar .mk-title,#sec-staff > #admMkBarStaff .mk-title{font-size:15px !important;font-weight:700 !important;color:#1d1d1f}
#sec-admin #admMkBar .admMkSeg > button,#sec-staff #admMkBarStaff .admMkSeg > button{border:0 !important;background:transparent !important;background-image:none !important;box-shadow:none !important;border-radius:6px !important;padding:4px 12px !important;min-height:0 !important;height:auto !important;font-size:12.5px !important;font-weight:500 !important;color:#1d1d1f !important;line-height:1.4;transform:none !important}
#sec-admin #admMkBar .admMkSeg > button.on,#sec-staff #admMkBarStaff .admMkSeg > button.on{background:#fff !important;box-shadow:0 1px 1px rgba(0,0,0,.12) !important;font-weight:600 !important}
#sec-admin #admMkBar .admMkSeg > button:not(.on):hover,#sec-staff #admMkBarStaff .admMkSeg > button:not(.on):hover{background:rgba(255,255,255,.55) !important}
#sec-staff #admMkBarStaff .admMkSpacer{flex:1 1 auto}
#sec-admin #admMkBar #admMkPrimary,body #appView #sec-staff #admMkBarStaff #pcsStaffAdd{background:#0A84FF !important;border:1px solid #0A84FF !important;color:#fff !important;border-radius:8px !important;padding:5px 12px !important;min-height:0 !important;height:auto !important;font-size:12.5px !important;font-weight:600 !important;box-shadow:none !important}
#sec-admin #admMkBar #admMkPrimary:hover,body #appView #sec-staff #admMkBarStaff #pcsStaffAdd:hover{background:#0071E3 !important}
/* nut "+ Them may in" cu nam o thanh may in -> da len thanh tren (cung ham addPrinterSlot) */
#sec-admin.admMkOn #admPrAddOld{display:none !important}

/* --- Cai dat (trang danh sach): bo cac muc da thanh tab --- */
#sec-admin.admMkOn #adminHub .admRow:is([data-k="menu"],[data-k="printers"],[data-k="zones"],[data-k="staff"]){display:none !important}
#adminHub .admHubSearch{background:#E3E3E5;border-color:transparent;border-radius:8px;height:36px}
#adminHub .admHubSearch input{height:34px}
#adminHub .admGrpCap{font-size:12px;color:#86868b;margin:14px 0 5px 6px}
#adminHub .admGrp{border:1px solid #E0E0E0;border-radius:12px;box-shadow:none}
#adminHub .admRow{padding:9px 12px;border-bottom-color:#EDEDED}
#adminHub .admRow:hover{background:#F5F5F7}
#adminHub .admRow .ic{flex-basis:30px;width:30px;height:30px;border-radius:8px}
#adminHub .admRow .tx b{font-size:13.5px}
#adminHub .admRow .tx small{font-size:11.5px;color:#86868b}

/* --- Thanh "‹ Cai dat  ten khu" chi hien o khu con cua Cai dat --- */
#sec-admin:is([data-adm-area="menu"],[data-adm-area="printers"],[data-adm-area="zones"]) #adminBackBar{display:none !important}
#sec-admin #adminBackBar{margin:0 0 10px !important;gap:6px !important}
#sec-admin #adminBackBar .ghost{border:0 !important;background:transparent !important;color:#0A84FF !important;padding:2px 6px !important;min-height:0 !important;font-size:13px !important;font-weight:600 !important;box-shadow:none !important}
#sec-admin #adminBackBar #adminAreaTitle{font-size:15px !important;font-weight:700 !important;color:#1d1d1f}
#sec-admin > #admToolsBar{background:#fff;border:1px solid #E0E0E0;border-radius:12px;padding:8px 12px;box-shadow:none}

/* --- The (moi khu) = mk-card --- */
#sec-admin[data-adm-area]:not([data-adm-area="menu"]) #adminBodyHost .admSec{background:#fff !important;border:1px solid #E0E0E0 !important;border-radius:12px !important;padding:12px 14px !important;box-shadow:none !important;margin-bottom:12px}
#sec-admin[data-adm-area]:not([data-adm-area="menu"]) #adminBodyHost .admSec .title{color:#1d1d1f}
#sec-admin[data-adm-area]:not([data-adm-area="menu"]) #adminBodyHost .admSec > .title:first-child,#sec-admin[data-adm-area]:not([data-adm-area="menu"]) #adminBodyHost .admSec > details > summary{font-size:14px !important;font-weight:700 !important}
#sec-admin[data-adm-area]:not([data-adm-area="menu"]) #adminBodyHost .notice{background:#F5F6F8 !important;border:0 !important;color:#6e6e73 !important;border-radius:8px !important;font-size:12px !important;padding:7px 10px !important;line-height:1.45}
#sec-admin[data-adm-area]:not([data-adm-area="menu"]) #adminBodyHost details.admGroup{border:1px solid #E0E0E0 !important;border-radius:12px !important;background:#fff}
#sec-admin[data-adm-area]:not([data-adm-area="menu"]) #adminBodyHost label.pill{background:#fff;border:1px solid #D1D1D1;border-radius:999px;font-size:12.5px}

/* --- O nhap = mk-in --- */
#sec-admin[data-adm-area]:not([data-adm-area="menu"]) #adminBodyHost .admSec:not([data-area="remind"]) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea){border:1px solid #D1D1D1 !important;border-radius:8px !important;background:#fff !important;font-size:13px !important;padding:6px 10px !important;min-height:34px;box-shadow:none !important;color:#1d1d1f}
#sec-admin[data-adm-area]:not([data-adm-area="menu"]) #adminBodyHost .admSec:not([data-area="remind"]) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea):focus{border-color:#0A84FF !important;outline:0 !important;box-shadow:0 0 0 3px rgba(10,132,255,.2) !important}
#sec-admin #adminBodyHost #cukcukSecret{padding-right:36px !important}

/* --- Nut = mk-btn (chi nut khong class / class cu primary·danger·btn·success·ghost; nut co class rieng giu nguyen) --- */
#sec-admin[data-adm-area]:not([data-adm-area="menu"]) #adminBodyHost .admSec:not([data-area="remind"]) :is(button:not([class]),button.primary,button.danger,button.btn,button.success,button.ghost,button.pill){background:#fff !important;background-image:none !important;color:#1d1d1f !important;border:1px solid #D1D1D1 !important;border-radius:8px !important;padding:5px 12px !important;min-height:30px !important;height:auto !important;font-size:12.5px !important;font-weight:600 !important;box-shadow:none !important}
#sec-admin[data-adm-area]:not([data-adm-area="menu"]) #adminBodyHost .admSec:not([data-area="remind"]) :is(button:not([class]),button.btn,button.ghost,button.pill):hover{background:#F2F2F7 !important}
#sec-admin[data-adm-area]:not([data-adm-area="menu"]) #adminBodyHost .admSec:not([data-area="remind"]) :is(button.primary,button.success){background:#0A84FF !important;border-color:#0A84FF !important;color:#fff !important}
#sec-admin[data-adm-area]:not([data-adm-area="menu"]) #adminBodyHost .admSec:not([data-area="remind"]) :is(button.primary,button.success):hover{background:#0071E3 !important}
#sec-admin[data-adm-area]:not([data-adm-area="menu"]) #adminBodyHost .admSec:not([data-area="remind"]) :is(button.danger,button[style*="dc2626"]){background:#fff !important;color:#b42318 !important;border-color:#F09595 !important}
#sec-admin #adminBodyHost #cukcukSecretReveal{border:0 !important;background:transparent !important}

/* --- mk-btn trong Quan tri / Nhan vien: chan style nut chung cua app de giu dung kit --- */
#sec-admin .mk-btn,#sec-staff .mk-btn{background:#fff !important;background-image:none !important;color:#1d1d1f !important;border:1px solid #D1D1D1 !important;border-radius:8px !important;padding:5px 12px !important;min-height:0 !important;height:auto !important;font-size:12.5px !important;font-weight:600 !important;box-shadow:none !important;width:auto !important;line-height:1.35}
#sec-admin .mk-btn.sm,#sec-staff .mk-btn.sm{padding:3px 9px !important;font-size:11.5px !important}
#sec-admin .mk-btn:hover,#sec-staff .mk-btn:hover{background:#F2F2F7 !important}
#sec-admin .mk-btn.dg,#sec-staff .mk-btn.dg{color:#b42318 !important;border-color:#F09595 !important}
#sec-admin .mk-btn.dg:hover,#sec-staff .mk-btn.dg:hover{background:#FCEBEB !important}
#sec-admin .mk-btn:disabled,#sec-staff .mk-btn:disabled{opacity:.6;cursor:default}

/* --- Nut ⋯ (details.admMkMore): menu bat ngang sang trai, khong bi cat trong bang cuon --- */
.admMkMore{position:relative;display:inline-block;flex:0 0 auto}
.admMkMore > summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:26px;padding:0 !important;user-select:none}
.admMkMore > summary::-webkit-details-marker{display:none}
.admMkMore > summary::marker{content:''}
.admMkMore[open] > summary{background:#E5E5EA;color:#1d1d1f}
.admMkMore > .admMkMenu{position:absolute;right:calc(100% + 4px);top:50%;transform:translateY(-50%);z-index:6;display:flex;gap:4px;align-items:center;background:#fff;border:1px solid #E0E0E0;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,.14);padding:4px;white-space:nowrap}

/* --- May in: hang nut tien ich dang vien tron --- */
#sec-admin #adminBodyHost #admPrTools{display:flex;flex-wrap:wrap;gap:6px !important;align-items:center}
#sec-admin #adminBodyHost #admPrTools button{background:#fff !important;background-image:none !important;color:#1d1d1f !important;border:1px solid #D1D1D1 !important;border-radius:999px !important;padding:4px 12px !important;min-height:0 !important;height:auto !important;font-size:12.5px !important;font-weight:500 !important;box-shadow:none !important}
#sec-admin #adminBodyHost #admPrTools button:hover{background:#F2F2F7 !important}
#sec-admin #adminBodyHost #admPrTools button.danger{color:#b42318 !important;border-color:#F09595 !important}
#sec-admin #adminBodyHost #admPrTools button.primary{background:#0A84FF !important;border-color:#0A84FF !important;color:#fff !important;font-weight:600 !important;margin-left:auto}
#sec-admin #adminBodyHost #admPrTools button.primary:hover{background:#0071E3 !important}

/* --- May in: danh sach tuyen in = mk-group / mk-row --- */
#sec-admin #adminBodyHost #printerRows{display:block !important;gap:0 !important}
#sec-admin #adminBodyHost #printerRows > .hint{margin:0 0 8px}
#sec-admin #adminBodyHost #printerRows .admPrGroup{background:#fff;border:1px solid #E0E0E0;border-radius:11px}
#sec-admin #adminBodyHost #printerRows .admPrRow{display:flex !important;align-items:center;gap:10px !important;grid-template-columns:none !important;padding:8px 12px;margin:0 !important;border-top:1px solid #EDEDED}
#sec-admin #adminBodyHost #printerRows .admPrRow:first-child{border-top:0;border-radius:11px 11px 0 0}
#sec-admin #adminBodyHost #printerRows .admPrRow:last-child{border-radius:0 0 11px 11px}
#sec-admin #adminBodyHost #printerRows .admPrRow:only-child{border-radius:11px}
#sec-admin #adminBodyHost #printerRows .admPrMain{flex:1 1 200px;min-width:0;display:flex;flex-direction:column;gap:1px}
#sec-admin #adminBodyHost #printerRows .admPrName{border:1px solid transparent !important;background:transparent !important;font-weight:700 !important;font-size:13.5px !important;color:#1d1d1f !important;padding:2px 6px !important;margin:0 0 0 -6px !important;min-height:0 !important;height:auto !important;width:100% !important;box-shadow:none !important;border-radius:6px !important}
#sec-admin #adminBodyHost #printerRows .admPrName:hover{border-color:#E0E0E0 !important}
#sec-admin #adminBodyHost #printerRows .admPrName:focus{background:#fff !important;border-color:#0A84FF !important;outline:0 !important;box-shadow:0 0 0 3px rgba(10,132,255,.2) !important}
#sec-admin #adminBodyHost #printerRows .admPrMeta{display:block;font-size:11.5px;color:#86868b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sec-admin #adminBodyHost #printerRows .admPrSel{flex:0 1 240px;min-width:150px;max-width:260px;width:auto !important;min-height:30px !important;padding:4px 8px !important;font-size:12.5px !important;border:1px solid #D1D1D1 !important;border-radius:8px !important;background-color:#fff !important;box-shadow:none !important}
#sec-admin #adminBodyHost #printerRows .admPrSel:focus{border-color:#0A84FF !important;outline:0 !important;box-shadow:0 0 0 3px rgba(10,132,255,.2) !important}
#sec-admin #adminBodyHost #printerRows .admPrRow:not(.admPrNo) .admPrWarn{display:none}
#sec-admin #adminBodyHost #printerRows .admPrRow.admPrNo{background:#FFFBF5}
#sec-admin #adminBodyHost #printerRows .admPrRow.admPrNo .admPrTgt{color:#B25000;font-weight:600}
#sec-admin #adminBodyHost #printerRows .admPrRow.admPrNo .admPrSel{border-color:#F5C27A !important}
#sec-admin #adminBodyHost #printerRows .admPrHidden{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#FFF8EE;border:1px dashed #F5C27A;border-radius:11px;padding:7px 12px;margin:0 0 8px}
#sec-admin #adminBodyHost #printerRows .admPrHiddenTx{flex:1 1 auto;font-size:12px;color:#86868b}
#sec-admin #adminBodyHost #printerRows .admPrEmpty{background:#fff;border:1px dashed #D1D1D1;border-radius:11px;padding:22px;text-align:center;color:#86868b;font-size:13px}

/* --- Nhan vien: the trang + hang gon --- */
#sec-staff .card{background:#fff !important;border:1px solid #E0E0E0 !important;border-radius:12px !important;box-shadow:none !important}
#sec-staff .billLines{border:1px solid #EDEDED !important;border-radius:10px !important;background:#fff}
#sec-staff .billLines table{width:100%;border-collapse:collapse}
#sec-staff .billLines th{font-size:11.5px;color:#86868b;font-weight:600;text-align:left;background:#FAFAFA;border-bottom:1px solid #E0E0E0}
#sec-staff #usersBody td{border-top:1px solid #EDEDED;vertical-align:middle}
#sec-staff #usersBody .admUsrName{font-weight:600}
#sec-staff #usersBody .admUsrPhone{color:#86868b;font-variant-numeric:tabular-nums}
#sec-staff #usersBody tr.admUsrOff td:not(:last-child){opacity:.55}
#sec-staff #usersBody .admUsrAct{display:flex;align-items:center;justify-content:flex-end;gap:6px}

/* =====================================================================
   4/10 (kit mac cai dat): moi trang con Quan tri > Cai dat theo kit mac. CHI doi hien thi.
   - Goc loi: pc_v2.css .formRow = luoi gian deu -> 1 nut trong hang bi keo full ngang;
     nut class secondary / class rieng / mau inline khong vao kit. Sua o day cho ca vung.
   - Khong dung khu "Mon & gia" (menu) va "Nhac ban hang" (remind); khu May in giu luat rieng o tren.
   ===================================================================== */
/* --- formRow: hang flex-wrap (o nhap gian ra, nut vua chu) --- */
#sec-admin[data-adm-area]:not([data-adm-area="menu"]) #adminBodyHost .admSec:not([data-area="remind"]) .formRow{display:flex;flex-wrap:wrap;align-items:center;gap:8px !important;grid-template-columns:none !important}
#sec-admin[data-adm-area]:not([data-adm-area="menu"]) #adminBodyHost .admSec:not([data-area="remind"]) .formRow > :is(input,select,textarea,.admFld){flex:1 1 180px;min-width:0;width:auto}
#sec-admin[data-adm-area]:not([data-adm-area="menu"]) #adminBodyHost .admSec:not([data-area="remind"]) .formRow > div{flex:1 1 200px;min-width:0}
#sec-admin[data-adm-area]:not([data-adm-area="menu"]) #adminBodyHost .admSec:not([data-area="remind"]) .formRow > :is(label:not(.admFld),span){flex:0 1 auto}
#sec-admin[data-adm-area]:not([data-adm-area="menu"]) #adminBodyHost .admSec:not([data-area="remind"]) .formRow > label:not(.admFld):not(.pill){min-width:120px;font-size:12.5px;color:#6e6e73}
#sec-admin[data-adm-area]:not([data-adm-area="menu"]) #adminBodyHost .admSec:not([data-area="remind"]) .formRow > button{flex:0 0 auto !important;width:auto !important;min-width:0 !important;white-space:nowrap}

/* --- Nut: MOI nut trong khu (ke ca class secondary / class rieng / mau inline) = mk-btn trang, vua chu.
       Tru: mk-btn (da co luat), cong tac, nut ⋯, nut Sua mon, hang chon (admPick), nut mat o mat khau. --- */
#sec-admin[data-adm-area]:not([data-adm-area="menu"]) #adminBodyHost .admSec:not([data-area="remind"]):not([data-area="printers"]) button:not(.mk-btn):not(.admSw):not(.admMore):not(.admEdit):not(.admPick):not([id="cukcukSecretReveal"]){background:#fff !important;background-image:none !important;color:#1d1d1f !important;border:1px solid #D1D1D1 !important;border-radius:8px !important;padding:5px 12px !important;min-height:30px !important;height:auto !important;font-size:12.5px !important;font-weight:600 !important;line-height:1.35 !important;box-shadow:none !important;text-shadow:none !important;width:auto;max-width:100%}
#sec-admin[data-adm-area]:not([data-adm-area="menu"]) #adminBodyHost .admSec:not([data-area="remind"]):not([data-area="printers"]) button:not(.mk-btn):not(.admSw):not(.admMore):not(.admEdit):not(.admPick):not([id="cukcukSecretReveal"]):hover:not(:disabled){background:#F2F2F7 !important}
/* 1 nut chinh / khu = xanh */
#sec-admin[data-adm-area]:not([data-adm-area="menu"]) #adminBodyHost .admSec:not([data-area="remind"]):not([data-area="printers"]) :is(button.primary,button.success):not(.mk-btn):not(.admSw):not(.admMore):not(.admEdit):not(.admPick):not([id="cukcukSecretReveal"]){background:#0A84FF !important;border-color:#0A84FF !important;color:#fff !important}
#sec-admin[data-adm-area]:not([data-adm-area="menu"]) #adminBodyHost .admSec:not([data-area="remind"]):not([data-area="printers"]) :is(button.primary,button.success):not(.mk-btn):not(.admSw):not(.admMore):not(.admEdit):not(.admPick):not([id="cukcukSecretReveal"]):hover:not(:disabled){background:#0071E3 !important}
/* nut xoa / tat = chu do vien do nhat (khong nen do) */
#sec-admin[data-adm-area]:not([data-adm-area="menu"]) #adminBodyHost .admSec:not([data-area="remind"]):not([data-area="printers"]) :is(button.danger,button[style*="dc2626"],button[style*="991b1b"]):not(.mk-btn):not(.admSw):not(.admMore):not(.admEdit):not(.admPick):not([id="cukcukSecretReveal"]){background:#fff !important;color:#b42318 !important;border-color:#F09595 !important}
#sec-admin[data-adm-area]:not([data-adm-area="menu"]) #adminBodyHost .admSec:not([data-area="remind"]):not([data-area="printers"]) :is(button.danger,button[style*="dc2626"],button[style*="991b1b"]):not(.mk-btn):not(.admSw):not(.admMore):not(.admEdit):not(.admPick):not([id="cukcukSecretReveal"]):hover:not(:disabled){background:#FCEBEB !important}
#sec-admin #adminBodyHost .admSec button:disabled{opacity:.5;cursor:default}
#sec-admin .mk-btn.pri{background:#0A84FF !important;border-color:#0A84FF !important;color:#fff !important}
#sec-admin .mk-btn.pri:hover{background:#0071E3 !important}

/* --- Tieu de phu trong khu (14-16px, mau xam/xanh inline) = 13px dam, mau chu --- */
#sec-admin[data-adm-area]:not([data-adm-area="menu"]) #adminBodyHost .admSec:not([data-area="remind"]):not([data-area="printers"]) .title:not(:first-child){font-size:13px !important;font-weight:700 !important;color:#1d1d1f !important;margin:14px 0 6px !important}
#sec-admin #adminBodyHost .admSec .dailyReportPanel > .title{font-size:14px !important;margin:0 0 8px !important}
/* nhan tren o nhap (thay label 11.5-13px dam xanh xam) */
#sec-admin .admLb{display:block;font-size:12px;font-weight:600;color:#6e6e73;margin-bottom:4px;padding-left:2px}
/* hop code sang (thay nen den #0f172a) */
#sec-admin .admCodeBox{background:#F5F6F8 !important;color:#1d1d1f !important;border:1px solid #E0E0E0 !important;border-radius:8px !important;padding:10px 12px !important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace !important;font-size:12px !important;line-height:1.4 !important}

/* --- Danh sach dang hang thang cot (mk-group / mk-row) trong Cai dat --- */
#sec-admin #adminBodyHost .admSec .mk-group{margin:6px 0 0}
#sec-admin #adminBodyHost .admSec .mk-row .mk-main > b{font-size:13px}
#sec-admin #adminBodyHost .admSec .mk-row .mk-num{font-size:13px}
#sec-admin #adminBodyHost .admSec .admRowAct{display:flex;align-items:center;justify-content:flex-end;gap:4px;flex:0 0 auto}
/* hang chon (ket qua quet IP / may Tailscale) = mk-row bam duoc */
:is(#standbyScanResults,#tailscaleScanList) .admPick{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border-top:1px solid #EDEDED;cursor:pointer;font-size:13px;color:#1d1d1f}
:is(#standbyScanResults,#tailscaleScanList) .admPick:first-child{border-top:0}
:is(#standbyScanResults,#tailscaleScanList) .admPick:hover{background:#F5F5F7}
:is(#standbyScanResults,#tailscaleScanList) .admPick:focus-visible{box-shadow:inset 0 0 0 2px rgba(10,132,255,.45)}
:is(#standbyScanResults,#tailscaleScanList) .admPick .mk-main{flex:1;min-width:0}
:is(#standbyScanResults,#tailscaleScanList) .admPick .mk-main > b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:is(#standbyScanResults,#tailscaleScanList) .admPick .mk-main > small{display:block;font-size:11.5px;color:#86868b;font-variant-numeric:tabular-nums}
:is(#standbyScanResults,#tailscaleScanList) .admPick .chev{color:#b4b9c2;font-size:18px;line-height:1}
#tailscaleScanList .admPick{border:1px solid #E0E0E0;border-radius:10px;margin-bottom:6px}
#tailscaleScanList .admPick:first-child{border-top:1px solid #E0E0E0}
.admDot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#C7C7CC;margin-right:6px;vertical-align:middle}
.admDot.on{background:#34C759}

/* --- Menu khach: danh sach mon = luoi cot co dinh (anh | Hien | ten | gia phai | nut) --- */
#sec-admin #guestMenuList .admGlRow{display:grid;grid-template-columns:40px 68px minmax(0,1fr) 96px 120px;align-items:center;gap:10px;padding:6px 12px;border-top:1px solid #EDEDED}
#sec-admin #guestMenuList .admGlRow:first-child{border-top:0}
#sec-admin #guestMenuList .admGlRow:hover{background:#FAFAFA}
#sec-admin #guestMenuList .admGlThumb{width:36px;height:36px;border-radius:7px;object-fit:cover;display:block;background:#F2F2F7}
#sec-admin #guestMenuList .admGlShow{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:#3a3a3c;cursor:pointer}
#sec-admin #guestMenuList .admGlName{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sec-admin #guestMenuList .admGlName b{font-weight:600}
#sec-admin #guestMenuList .admGlName small{color:#86868b;font-size:11.5px;margin-left:4px}
#sec-admin #guestMenuList .admGlRow.sold .admGlName b{opacity:.5;text-decoration:line-through}
#sec-admin #guestMenuList .admGlPrice{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}
#sec-admin #guestMenuList .admGlEmpty{padding:14px;text-align:center;color:#86868b}

/* --- Bao cao cuoi ngay: o so lieu = mk-kpi, dong phu = mk-row so can phai --- */
#sec-admin #dailyReportSummary.mk-kpis{margin:0 0 8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
#sec-admin #dailyReportSummary .mk-kpi b{font-size:17px}

/* --- Cap nhat · Sao luu · Cong cu: thanh Cong cu + the Cap nhat (nam ngoai .admSec) --- */
#sec-admin > #admToolsBar .admToolsCap{font-size:12px;font-weight:600;color:#86868b;margin-right:2px}
#sec-admin > #admToolsBar button{background:#fff !important;background-image:none !important;color:#1d1d1f !important;border:1px solid #D1D1D1 !important;border-radius:8px !important;padding:4px 11px !important;min-height:28px !important;height:auto !important;font-size:12.5px !important;font-weight:500 !important;box-shadow:none !important;width:auto !important}
#sec-admin > #admToolsBar button:hover{background:#F2F2F7 !important}
body #appView #sec-admin > #adminUpdateCard{background:#fff !important;background-image:none !important;border:1px solid #E0E0E0 !important;border-radius:12px !important;box-shadow:none !important;padding:12px 14px !important}
body #appView #sec-admin > #adminUpdateCard > div.title.admUpdTitle{font-size:14px !important;font-weight:700 !important;color:#1d1d1f !important;margin:0 0 8px !important}
#sec-admin > #adminUpdateCard .admUpdGrid{display:grid;grid-template-columns:130px minmax(0,1fr);gap:4px 12px;align-items:baseline;font-size:13px}
#sec-admin > #adminUpdateCard .admUpdGrid > span{font-size:12px;color:#86868b}
#sec-admin > #adminUpdateCard .notice{background:#F5F6F8 !important;border:0 !important;color:#6e6e73 !important;border-radius:8px !important;font-size:12px !important;padding:7px 10px !important;line-height:1.5}
body #appView #sec-admin > #adminUpdateCard button{background:#fff !important;background-image:none !important;color:#1d1d1f !important;border:1px solid #D1D1D1 !important;border-radius:8px !important;padding:5px 12px !important;min-height:30px !important;height:auto !important;font-size:12.5px !important;font-weight:600 !important;box-shadow:none !important;width:auto !important}
body #appView #sec-admin > #adminUpdateCard button:hover{background:#F2F2F7 !important}
body #appView #sec-admin > #adminUpdateCard button.primary{background:#0A84FF !important;border-color:#0A84FF !important;color:#fff !important}
body #appView #sec-admin > #adminUpdateCard button.primary:hover{background:#0071E3 !important}
#sec-admin #updateHistoryPanel{background:#fff;border:1px solid #E0E0E0;border-radius:10px}
#sec-admin #updateHistoryPanel .admUpdHisCap{font-size:12px;font-weight:700;color:#86868b;padding:8px 12px 4px}
#sec-admin #updateHistoryList .admUpdRow{display:flex;align-items:center;gap:10px;padding:6px 12px;border-top:1px solid #EDEDED;font-size:12.5px}
#sec-admin #updateHistoryList .admUpdRow .mk-main{flex:1;min-width:0}
#sec-admin #updateHistoryList .admUpdEmpty{padding:8px 12px;color:#86868b;font-size:12.5px}

/* --- Tem QR mon (#sec-itemqr): nen xam, the trang, nut vua chu, 1 nut xanh --- */
body #appView #sec-itemqr{background:#F5F6F8;border-radius:14px;padding:12px}
body #appView #sec-itemqr .card{background:#fff !important;border:1px solid #E0E0E0 !important;border-radius:12px !important;box-shadow:none !important}
body #appView #sec-itemqr .card div.title{font-size:14px !important;font-weight:700 !important;color:#1d1d1f !important}
body #appView #sec-itemqr .notice{background:#F5F6F8 !important;border:0 !important;color:#6e6e73 !important;border-radius:8px !important;font-size:12px !important;padding:7px 10px !important}
body #appView #sec-itemqr .formRow{display:flex !important;flex-wrap:wrap;align-items:center;gap:8px !important}
body #appView #sec-itemqr .formRow > button{flex:0 0 auto !important;width:auto !important;min-height:30px !important}
body #appView #sec-itemqr button{background:#fff !important;background-image:none !important;color:#1d1d1f !important;border:1px solid #D1D1D1 !important;border-radius:8px !important;padding:5px 12px !important;min-height:30px !important;height:auto !important;font-size:12.5px !important;font-weight:600 !important;box-shadow:none !important}
body #appView #sec-itemqr button:hover{background:#F2F2F7 !important}
body #appView #sec-itemqr button.primary{background:#0A84FF !important;border-color:#0A84FF !important;color:#fff !important}
body #appView #sec-itemqr button.primary:hover{background:#0071E3 !important}
body #appView #sec-itemqr :is(input:not([type=checkbox]):not([type=radio]),select){border:1px solid #D1D1D1 !important;border-radius:8px !important;background:#fff !important;font-size:13px !important;padding:6px 10px !important;min-height:34px;box-shadow:none !important}
body #appView #sec-itemqr :is(input:not([type=checkbox]):not([type=radio]),select):focus{border-color:#0A84FF !important;outline:0 !important;box-shadow:0 0 0 3px rgba(10,132,255,.2) !important}
body #appView #sec-itemqr #itemQrBody > tr{border-color:#E0E0E0 !important}
body #appView #sec-itemqr #guestTableQrList > label{background:#fff;border:1px solid #D1D1D1 !important;border-radius:999px !important;padding:3px 10px !important;font-size:12.5px;cursor:pointer}