/* Scope all new presentation to the overview / department navigation shell. */
#adminDepartmentHome,#adminDepartmentToolbar,.admin-department-nav{display:none}
body.admin-departments-ready #adminDepartmentHome:not([hidden]){display:block}
body.admin-departments-ready #adminDepartmentHome{padding:24px;min-width:0}
.admin-overview-mobile-title{display:none}
.admin-overview-desktop-title{margin:0 0 8px;color:#102044}
.admin-department-intro{margin:0 0 22px;color:#64748b}
.admin-department-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.admin-department-card{--department-accent:#2476e5;--department-tint:#edf4ff;appearance:none;display:grid;grid-template-columns:72px minmax(0,1fr) 24px;align-items:center;gap:18px;min-width:0;min-height:168px;padding:24px;text-align:left;font-family:inherit;color:#102044;background:#fff;border:1px solid #dbe4f0;border-radius:14px;box-shadow:inset 4px 0 var(--department-accent),0 5px 15px rgba(15,35,65,.07);cursor:pointer;touch-action:manipulation}
.admin-department-card[data-admin-department="kt_hc"]{--department-accent:#13a7a1;--department-tint:#eaf8f7}
.admin-department-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:72px;height:72px;border-radius:16px;color:var(--department-accent);background:var(--department-tint)}
.admin-department-icon svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.admin-department-label{min-width:0}
.admin-department-label strong{display:block;font-size:23px;line-height:1.28;overflow-wrap:break-word}
.admin-department-label small{display:block;margin-top:10px;font-size:15px;line-height:1.45;color:#64748b}
.admin-department-chevron{font-size:32px;line-height:1;color:#64748b}
.admin-department-card:hover{border-color:var(--department-accent);box-shadow:inset 4px 0 var(--department-accent),0 7px 20px rgba(15,35,65,.11)}
.admin-department-card:focus-visible,.admin-department-nav:focus-visible,.admin-department-utility:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}
.admin-department-utility{appearance:none;display:inline-flex;align-items:center;gap:8px;padding:12px 0;border:0;background:transparent;color:#173154;font-family:inherit;font-size:14px;font-weight:700;line-height:1.35;text-align:left;cursor:pointer;touch-action:manipulation}
.admin-department-utility svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.admin-overview-utility{margin-top:18px}
#adminDepartmentEmpty{margin:20px 0 0;color:#64748b}
body.admin-departments-ready[data-admin-department="overview"] #app>section{display:none!important}
/* !important / specificity also protects against the existing mobile menu decorator. */
body.admin-departments-ready #app>.tabs .admin-department-denied,
body.admin-departments-ready #app>.tabs .tab.admin-department-hidden,
body.admin-departments-ready #app>.tabs .tab.mobile-menu-tab.admin-department-hidden,
body.admin-departments-ready #app .admin-department-denied{display:none!important}
body.desktop-view.admin-departments-ready #app>.tabs .admin-department-nav:not([hidden]){display:flex;align-items:center;gap:12px;flex:0 0 auto;min-height:48px;padding:12px 14px;border:1px solid transparent;border-radius:7px;background:transparent;color:#fff;font-family:inherit;font-size:15px;line-height:1.25;text-align:left;white-space:normal;cursor:pointer}
body.desktop-view.admin-departments-ready #app>.tabs .admin-department-nav svg{width:24px;height:24px;flex:0 0 24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.desktop-view.admin-departments-ready #app>.tabs .admin-department-nav span{min-width:0;overflow-wrap:break-word}
body.desktop-view.admin-departments-ready #app>.tabs .admin-department-nav:hover{background:rgba(13,164,183,.22)}
body.desktop-view.admin-departments-ready #app>.tabs .admin-department-nav.admin-department-current{background:linear-gradient(100deg,#079aaa,#08a9b9);border-color:rgba(255,255,255,.08);box-shadow:0 8px 18px rgba(0,162,178,.2)}
body.desktop-view.admin-departments-ready[data-admin-department="operations"] #app>.tabs .tab:not([data-tab="users"]){padding-left:22px!important}
body.desktop-view.admin-departments-ready #app>.top::before{right:22px;font-size:clamp(19px,2vw,29px);line-height:1.25}
body.desktop-view.admin-departments-ready[data-admin-department="overview"] #app>.top::before{content:"◎  TỔNG QUAN HỆ THỐNG"}
body.desktop-view.admin-departments-ready[data-admin-department="operations"] #app>.top::before{content:"◎  PHÒNG ĐIỀU HÀNH SẢN XUẤT"}
body.desktop-view.admin-departments-ready[data-admin-department="kt_hc"] #app>.top::before{content:"◎  PHÒNG KĨ THUẬT - HẬU CẦN"}
body.desktop-view.admin-departments-ready[data-admin-system-page="users"] #app>.top::before{content:"◎  TÀI KHOẢN & PHÂN QUYỀN"}
body.desktop-view.admin-departments-ready[data-admin-system-page="notifications"] #app>.top::before{content:"◎  THÔNG BÁO"}
body.desktop-view.admin-departments-ready .admin-overview-utility{display:none}
body.mobile-view.admin-departments-ready #adminDepartmentHome:not([hidden]){margin:12px 8px;padding:16px 0 0;border:0;box-shadow:none;background:transparent}
body.mobile-view.admin-departments-ready .admin-overview-mobile-title{display:block;margin:0 0 14px;color:#102044;font-size:21px;line-height:1.3}
body.mobile-view.admin-departments-ready .admin-overview-desktop-title{display:none}
body.mobile-view.admin-departments-ready .admin-department-intro{font-size:13px;margin-bottom:16px}
body.mobile-view.admin-departments-ready .admin-department-grid{grid-template-columns:minmax(0,1fr);gap:16px}
body.mobile-view.admin-departments-ready .admin-department-card{grid-template-columns:58px minmax(0,1fr) 18px;gap:13px;padding:18px 16px;min-height:126px}
body.mobile-view.admin-departments-ready .admin-department-icon{width:58px;height:58px;border-radius:14px}
body.mobile-view.admin-departments-ready .admin-department-icon svg{width:35px;height:35px}
body.mobile-view.admin-departments-ready .admin-department-label strong{font-size:18px}
body.mobile-view.admin-departments-ready .admin-department-label small{font-size:12px;margin-top:7px}
body.mobile-view.admin-departments-ready #app>.tabs .admin-department-nav{display:none!important}
body.mobile-view.admin-departments-ready[data-admin-department="overview"] #app>.tabs{display:none!important}
body.mobile-view.admin-departments-ready #adminDepartmentToolbar:not([hidden]){display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;margin:8px 8px 0}
.admin-department-back{appearance:none;display:inline-flex;align-items:center;min-height:40px;padding:8px 0;border:0;background:transparent;color:#173154;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer}
.admin-department-toolbar-title{flex:1 0 100%;margin:2px 0 4px;color:#102044;font-size:19px;line-height:1.3}
body.mobile-view.admin-departments-ready.mobile-module-open #adminDepartmentToolbar,
body.mobile-view.admin-departments-ready.mobile-module-open #adminDepartmentHome{display:none!important}