/* PeopleHub 8.16 — scoped ERP Template layout adaptation.
   Reference: supplied public/css/admin.css, layouts/admin.blade.php, sidebar.blade.php.
   No template global reset, routing, framework JS or backend is loaded. */
.nbm-ph-shell.ph-erp-shell{--erp-accent:#3f6ad8;--erp-line:#e4eaf2;--erp-bg:#f4f6fa;--erp-nav-width:254px;--erp-header-height:72px;display:grid!important;grid-template-columns:var(--erp-nav-width) minmax(0,1fr)!important;grid-template-rows:var(--erp-header-height) minmax(0,1fr)!important;grid-template-areas:"header header" "sidebar content"!important;background:var(--erp-bg)!important;border:1px solid var(--erp-line)!important;border-radius:12px!important;box-shadow:0 8px 30px #182c4d06!important;isolation:isolate;height:calc(100dvh - 42px)!important;min-height:0!important;overflow:hidden!important}
.nbm-ph-shell.ph-erp-shell>.nbm-ph-topbar{grid-area:header;position:relative!important;top:auto!important;display:flex!important;align-items:center!important;flex-direction:row!important;flex-wrap:nowrap!important;min-width:0;min-height:0!important;height:var(--erp-header-height)!important;margin:0!important;padding:0 24px 0 0!important;gap:18px!important;background:#fff!important;border:0!important;border-bottom:1px solid var(--erp-line)!important;box-shadow:0 3px 12px #13264105!important;z-index:110!important}
.nbm-ph-shell.ph-erp-shell>.nbm-ph-topbar .nbm-ph-brand{display:flex!important;flex:0 0 var(--erp-nav-width);height:100%;width:var(--erp-nav-width);padding:0 20px!important;gap:11px!important;border:0!important;border-right:1px solid var(--erp-line)!important;min-width:0}
.nbm-ph-shell.ph-erp-shell .nbm-ph-brand-mark{width:39px!important;height:39px!important;border-radius:10px!important;background:#3f6ad8!important;color:#fff!important;letter-spacing:-.3px!important;font-size:11px!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-brand strong{font-size:14px!important;font-weight:650!important;white-space:nowrap}
.nbm-ph-shell.ph-erp-shell .nbm-ph-brand span{display:block!important;font-size:9px!important;line-height:1.4!important;max-width:156px;max-height:28px;overflow:hidden;color:#65758b!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-menu-toggle{display:inline-flex!important;flex:0 0 36px!important;align-items:center;justify-content:center;width:36px;height:36px;min-height:36px!important;border:1px solid var(--erp-line)!important;background:#fff!important;color:#65758b!important;border-radius:7px!important;font-size:20px!important;padding:0!important;cursor:pointer}
.nbm-ph-shell.ph-erp-shell .nbm-ph-topbar-context{min-width:0;flex:1;text-align:left!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-topbar h1{font-size:16px!important;font-weight:650!important;line-height:1.4!important;letter-spacing:-.2px!important;margin:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nbm-ph-shell.ph-erp-shell .nbm-ph-breadcrumb{font-size:10px!important;font-weight:500!important;line-height:1.5!important;letter-spacing:0!important;color:#65758b!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-topbar .nbm-ph-eyebrow{display:none!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-top-actions{flex:0 0 auto;width:auto!important;margin-left:auto!important;gap:9px!important;flex-wrap:nowrap!important;align-items:center!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-user-pill{border:0!important;border-left:1px solid var(--erp-line)!important;border-radius:0!important;padding:0 0 0 18px!important;max-width:280px;gap:9px!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-user-pill b{font-size:12px!important;font-weight:600!important}.nbm-ph-shell.ph-erp-shell .nbm-ph-user-pill small{font-size:10px!important;max-width:200px}
.nbm-ph-shell.ph-erp-shell .nbm-ph-avatar{width:34px!important;height:34px!important;border-radius:50%!important;background:#eef2fe!important;color:#3f6ad8!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-global-refresh,.nbm-ph-shell.ph-erp-shell .nbm-ph-icon-btn{min-height:34px!important;height:34px!important;border:1px solid var(--erp-line)!important;background:#fff!important;color:#53657d!important;border-radius:7px!important;font-size:12px!important;padding:7px 10px!important;line-height:18px!important}
.nbm-ph-shell.ph-erp-shell>.nbm-ph-sidebar{grid-area:sidebar;display:flex!important;flex-direction:column!important;min-height:0!important;height:100%!important;min-width:0!important;padding:18px 12px 0!important;gap:10px!important;position:relative!important;background:#fff!important;border-right:1px solid var(--erp-line)!important;overflow:hidden!important;z-index:100}
.nbm-ph-shell.ph-erp-shell .ph-erp-menu-search{display:block;font-size:10px!important;margin:0 3px 8px;font-weight:550!important;color:#65758b}
.nbm-ph-shell.ph-erp-shell .ph-erp-menu-search>span{display:block;margin-bottom:7px;text-transform:uppercase;letter-spacing:.06em}
.nbm-ph-shell.ph-erp-shell .ph-erp-menu-search input{min-height:36px!important;width:100%!important;border:1px solid var(--erp-line)!important;border-radius:7px!important;padding:8px 10px!important;font-size:12px!important;background:#f8fafc!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-nav{height:auto!important;min-height:0!important;flex:1;gap:12px!important;padding:0 3px 18px!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}
.nbm-ph-shell.ph-erp-shell .nbm-ph-nav-group{min-width:0;margin:0!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-nav-group-label{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px!important;margin:0 0 4px!important;border:0;background:transparent!important;color:#596e96!important;font:650 10px/1.4 var(--ph-soft-font)!important;letter-spacing:.07em!important;text-align:left;text-transform:uppercase}
.nbm-ph-shell.ph-erp-shell button.nbm-ph-nav-group-label{cursor:pointer}.ph-erp-chevron{font-size:15px;line-height:1;transition:transform .15s ease}
.nbm-ph-shell.ph-erp-shell .ph-group-collapsed .ph-erp-chevron{transform:rotate(-90deg)}
.nbm-ph-shell.ph-erp-shell .ph-group-collapsed:not(.ph-group-searching)>.ph-erp-group-links{display:none}
.nbm-ph-shell.ph-erp-shell .nbm-ph-nav-item{min-height:39px!important;gap:10px!important;padding:10px 11px!important;font-size:12px!important;line-height:1.5!important;border-radius:7px!important;margin:2px 0!important;color:#536078!important;background:transparent!important;box-shadow:none!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-nav-item b{font-weight:500!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-nav-item>span{display:flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px!important;opacity:.85}
.nbm-ph-shell.ph-erp-shell .nbm-ph-nav-item:hover{background:#f2f5fb!important;color:var(--erp-accent)!important}.nbm-ph-shell.ph-erp-shell .nbm-ph-nav-item.active{background:#eaf0fc!important;color:#345fc4!important;box-shadow:inset 3px 0 #3f6ad8!important}.nbm-ph-shell.ph-erp-shell .nbm-ph-nav-item.active b{font-weight:650!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-nav-item[hidden],.nbm-ph-shell.ph-erp-shell .nbm-ph-nav-group[hidden],.ph-erp-menu-empty[hidden],.ph-erp-nav-overlay[hidden]{display:none!important}
.ph-erp-menu-empty{font-size:12px;color:#65758b;padding:8px 10px;line-height:1.6}
.ph-erp-sidebar-footer{display:flex;align-items:center;gap:9px;padding:14px 8px;border-top:1px solid var(--erp-line);flex-shrink:0;min-height:58px}.ph-erp-sidebar-footer strong{display:block;font:600 10px/1.5 var(--ph-soft-font);color:#52647b}.ph-erp-sidebar-footer small{display:block;font-size:10px;color:#718097}.ph-erp-footer-dot{height:7px;width:7px;border-radius:50%;background:#3f6ad8;flex-shrink:0}
.nbm-ph-shell.ph-erp-shell>.nbm-ph-main{grid-area:content;min-width:0!important;min-height:0!important;height:100%!important;overflow:auto!important;padding:26px 28px 32px!important;background:var(--erp-bg)!important;scrollbar-gutter:stable;scroll-padding-top:16px}
.nbm-ph-shell.ph-erp-shell .nbm-ph-view{min-width:0!important}
.ph-erp-page-heading{display:flex;align-items:center;gap:16px;margin:0 0 24px;min-width:0;max-width:100%}.ph-erp-page-icon{display:flex;align-items:center;justify-content:center;flex:0 0 52px;width:52px;height:52px;border-radius:12px;background:#fff;color:#3f6ad8;box-shadow:0 3px 14px #1c335e08;border:1px solid #e5eaf3}.ph-erp-page-icon svg{width:24px!important;height:24px!important}
.nbm-ph-shell.ph-erp-shell .ph-erp-page-heading h2{margin:0 0 4px!important;font:650 24px/1.35 var(--ph-soft-font)!important;color:#28364a!important;letter-spacing:-.5px!important}
.ph-erp-page-heading p{margin:0;color:#617188;font-size:12px;line-height:1.65;max-width:90ch;overflow-wrap:anywhere}.ph-erp-page-heading .ph-erp-page-kicker{font-size:9px;letter-spacing:.09em;margin-bottom:5px;font-weight:600;color:#78879b}
.nbm-ph-shell.ph-erp-shell .nbm-ph-hero{background:#fff!important;border:1px solid var(--erp-line)!important;border-radius:9px!important;box-shadow:none!important;padding:12px 16px!important;min-height:0!important;margin-bottom:16px!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-hero>div:has(>h2){display:none!important}
.nbm-ph-shell.ph-erp-shell [data-view="dashboard"]>.nbm-ph-hero{display:none!important}
.nbm-ph-shell.ph-erp-shell :is(.nbm-ph-card,.nbm-ph-kpi-card,.nbm-ph-module-toolbar,.nbm-ph-ew-command,.nbm-ph-ew-filterbar,.nbm-ph-payroll-box,.nbm-ph-rb-history-group,.phx-table-shell,.phx-settings-card){border-radius:10px!important;border-color:var(--erp-line)!important;box-shadow:0 3px 12px #162b4b04!important;background:#fff!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-kpi-grid{gap:16px!important;margin:0 0 24px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-kpi-card{display:grid!important;grid-template-columns:minmax(0,1fr) 40px;grid-template-rows:auto auto;padding:21px!important;gap:8px 10px;align-items:center;min-height:128px!important;border-top:3px solid #87a4e9!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-kpi-icon{grid-column:2;grid-row:1/3;width:40px;height:40px;margin:0!important;border-radius:11px!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-kpi-card strong{grid-column:1;grid-row:2;font-size:27px!important;line-height:1.3!important;letter-spacing:-.6px!important;font-weight:650!important;overflow-wrap:anywhere}
.nbm-ph-shell.ph-erp-shell .nbm-ph-kpi-card p{grid-column:1;grid-row:1;margin:0!important;font-size:11px!important;font-weight:500!important;color:#62738b!important;line-height:1.5!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-kpi-card:has([data-kpi="pending_approval"]){border-top-color:#e7b780!important}.nbm-ph-shell.ph-erp-shell .nbm-ph-kpi-card:has([data-kpi="payroll_thp"]){border-top-color:#8abfa4!important}.nbm-ph-shell.ph-erp-shell .nbm-ph-kpi-card:has([data-kpi="pending_devices"]){border-top-color:#e4a4ac!important}
.nbm-ph-shell.ph-erp-shell [data-kpi="payroll_thp"]{font-size:20px!important;line-height:1.45!important}
.nbm-ph-shell.ph-erp-shell .ph-erp-dashboard-panels{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)!important;gap:20px!important}
.nbm-ph-shell.ph-erp-shell .ph-erp-workspace-card{padding:0!important;overflow:hidden}
.ph-erp-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--erp-line)}.nbm-ph-shell.ph-erp-shell .ph-erp-card-heading h3{margin:0!important;font-size:14px!important;font-weight:650!important;line-height:1.5!important}.ph-erp-card-heading>span{font-size:10px;color:#7b899d}
.ph-erp-shortcut-grid{display:grid;grid-template-columns:1fr 1fr;padding:12px;gap:4px}.ph-erp-shortcut{display:flex;align-items:center;gap:10px;padding:15px 10px;border:1px solid transparent;border-radius:8px;color:#30405a;text-decoration:none!important;min-width:0;transition:background-color .15s ease,border-color .15s ease}.ph-erp-shortcut:hover{background:#f6f8fe;border-color:#e4eaf8;color:#345fc4}.ph-erp-shortcut-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;background:#eef3fe;color:#5578c5;border-radius:9px}.ph-erp-shortcut strong{display:block;font:600 12px/1.5 var(--ph-soft-font)}.ph-erp-shortcut small{display:block;font-size:10px;line-height:1.6;color:#748298}.ph-erp-shortcut-arrow{margin-left:auto;color:#9ba8bb;font-size:19px}
.nbm-ph-shell.ph-erp-shell .ph-erp-workspace-card .nbm-ph-feed{padding:20px;line-height:1.75;font-size:13px;color:#596a80}.ph-erp-help-note{font-size:11px;line-height:1.8;margin:0 20px 20px;padding:13px 15px;background:#f5f8fc;border-left:3px solid #a7bdec;border-radius:4px;color:#637590}
.nbm-ph-shell.ph-erp-shell :is(.nbm-ph-primary,.phx-button--primary){background:#3f6ad8!important;color:#fff!important;border:1px solid #3f6ad8!important}.nbm-ph-shell.ph-erp-shell :is(.nbm-ph-primary,.phx-button--primary):hover:not(:disabled){background:#345dc4!important;border-color:#345dc4!important}
.nbm-ph-shell.ph-erp-shell :is(.nbm-ph-secondary,.phx-button--secondary){background:#f6f8fe!important;border:1px solid #dbe4f7!important;color:#3d62b2!important}
.nbm-ph-shell.ph-erp-shell :is(.nbm-ph-primary,.nbm-ph-secondary,.nbm-ph-ghost,.nbm-ph-danger,.nbm-ph-success,.phx-button){min-height:36px!important;border-radius:7px!important;font-size:12px!important;line-height:1.4!important;padding:9px 13px!important}
.nbm-ph-shell.ph-erp-shell :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){border-color:#dce3ed!important;border-radius:7px!important;min-height:38px!important;font-size:13px!important}
.nbm-ph-shell.ph-erp-shell :is(.nbm-ph-table-wrap,.ph-table-shell,.phx-table-shell){border:1px solid var(--erp-line)!important;border-radius:9px!important;box-shadow:none!important}
.nbm-ph-shell.ph-erp-shell :is(.nbm-ph-table,.phx-table,.ph-table) th{background:#f5f7fb!important;color:#667890!important;padding:12px 15px!important;font-size:10px!important;font-weight:650!important;letter-spacing:.035em!important;line-height:1.6!important;border-bottom:1px solid #e1e7f0!important}
.nbm-ph-shell.ph-erp-shell :is(.nbm-ph-table,.phx-table,.ph-table) td{font-size:12px!important;line-height:1.65!important;padding:13px 15px!important;border-color:#edf1f6!important}
.nbm-ph-shell.ph-erp-shell :is(.nbm-ph-table,.phx-table,.ph-table) tbody tr:nth-child(even) td{background:#fafbfd!important}.nbm-ph-shell.ph-erp-shell :is(.nbm-ph-table,.phx-table,.ph-table) tbody tr:hover td{background:#f0f5fe!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-module-toolbar{padding:14px!important;gap:10px!important;margin-bottom:14px!important}.nbm-ph-shell.ph-erp-shell .nbm-ph-module-toolbar:empty{display:none!important}
.nbm-ph-shell.ph-erp-shell .phx-page-header{background:#fff!important;padding:14px 16px!important;border-radius:9px!important;border-color:var(--erp-line)!important}.nbm-ph-shell.ph-erp-shell .phx-page-header__content{display:none!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-badge{border-radius:5px!important;font-size:10px!important;padding:4px 8px!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-profile-dropdown{border:1px solid var(--erp-line)!important;border-radius:10px!important;box-shadow:0 12px 36px #233b6120!important;min-width:260px;max-width:calc(100vw - 28px)}
.nbm-ph-shell.ph-erp-shell .nbm-ph-x-scroll-sticky{height:14px!important;border-radius:5px!important;border-color:#e2e8f1!important;box-shadow:0 -3px 10px #1b335008!important}
.nbm-ph-shell.ph-erp-shell.ph-nav-slim{--erp-nav-width:78px}
.nbm-ph-shell.ph-erp-shell.ph-nav-slim .nbm-ph-brand{padding:0 18px!important}.nbm-ph-shell.ph-erp-shell.ph-nav-slim .nbm-ph-brand>div:last-child{display:none!important}
.nbm-ph-shell.ph-erp-shell.ph-nav-slim .ph-erp-menu-search,.nbm-ph-shell.ph-erp-shell.ph-nav-slim .nbm-ph-nav-group-label,.nbm-ph-shell.ph-erp-shell.ph-nav-slim .ph-erp-sidebar-footer{display:none!important}
.nbm-ph-shell.ph-erp-shell.ph-nav-slim .nbm-ph-nav{gap:10px!important}.nbm-ph-shell.ph-erp-shell.ph-nav-slim .nbm-ph-nav-group{border-bottom:1px solid var(--erp-line);padding-bottom:8px}.nbm-ph-shell.ph-erp-shell.ph-nav-slim .ph-erp-group-links{display:block!important}
.nbm-ph-shell.ph-erp-shell.ph-nav-slim .nbm-ph-nav-item{justify-content:center;padding:11px 6px!important;min-height:42px!important}.nbm-ph-shell.ph-erp-shell.ph-nav-slim .nbm-ph-nav-item b{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1200px) and (min-width:761px){.nbm-ph-shell.ph-erp-shell{--erp-nav-width:222px}.nbm-ph-shell.ph-erp-shell.ph-nav-slim{--erp-nav-width:78px}.nbm-ph-shell.ph-erp-shell>.nbm-ph-main{padding:22px!important}.nbm-ph-shell.ph-erp-shell .nbm-ph-user-copy{display:none!important}.nbm-ph-shell.ph-erp-shell .nbm-ph-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.nbm-ph-shell.ph-erp-shell .ph-erp-dashboard-panels{grid-template-columns:1fr!important}}
@media(max-width:760px){
.nbm-ph-shell.ph-erp-shell{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:66px auto!important;grid-template-areas:"header" "content"!important;height:auto!important;min-height:100dvh!important;overflow:visible!important;border-radius:0!important;width:100%!important}
.nbm-ph-shell.ph-erp-shell>.nbm-ph-topbar{position:sticky!important;top:0!important;height:66px!important;min-height:66px!important;padding:0 10px!important;gap:7px!important;z-index:110!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-brand{width:32px!important;min-width:32px!important;padding:0!important}.nbm-ph-shell.ph-erp-shell .nbm-ph-brand>div:last-child{display:none!important}.nbm-ph-shell.ph-erp-shell .nbm-ph-brand-mark{width:32px!important;height:32px!important;font-size:9px!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-menu-toggle{order:-1;width:32px!important;min-width:32px!important;height:36px!important}.nbm-ph-shell.ph-erp-shell .nbm-ph-topbar h1{font-size:13px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nbm-ph-shell.ph-erp-shell .nbm-ph-breadcrumb{display:none!important}.nbm-ph-shell.ph-erp-shell .nbm-ph-top-actions{gap:3px!important}.nbm-ph-shell.ph-erp-shell .nbm-ph-top-actions>button{width:30px!important;min-width:30px!important;padding:5px!important}.nbm-ph-shell.ph-erp-shell .nbm-ph-user-copy{display:none!important}.nbm-ph-shell.ph-erp-shell .nbm-ph-user-pill{padding-left:5px!important}.nbm-ph-shell.ph-erp-shell .nbm-ph-avatar{width:29px!important;height:29px!important}
.nbm-ph-shell.ph-erp-shell>.nbm-ph-main{height:auto!important;overflow:visible!important;padding:20px 14px!important;min-width:0!important}
.nbm-ph-shell.ph-erp-shell.ph-erp-ready>.nbm-ph-sidebar{display:none!important;position:fixed!important;left:0!important;top:66px!important;bottom:0!important;width:min(290px,85vw)!important;height:calc(100dvh - 66px)!important;z-index:100!important;box-shadow:12px 0 35px #233b6125!important}
.nbm-ph-shell.ph-erp-shell.ph-erp-ready.ph-nav-open>.nbm-ph-sidebar{display:flex!important}.nbm-ph-shell.ph-erp-shell .ph-erp-nav-overlay:not([hidden]){display:block;position:fixed;inset:66px 0 0;z-index:90;background:#172d4d66;border:0;border-radius:0;width:100%;height:calc(100dvh - 66px)}
.nbm-ph-shell.ph-erp-shell .ph-erp-page-heading{gap:12px!important;margin-bottom:20px!important}.nbm-ph-shell.ph-erp-shell .ph-erp-page-icon{width:40px!important;height:40px!important;min-width:40px!important}.nbm-ph-shell.ph-erp-shell .ph-erp-page-heading h2{font-size:20px!important}.nbm-ph-shell.ph-erp-shell .ph-erp-page-heading p{font-size:11px!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.nbm-ph-shell.ph-erp-shell .nbm-ph-kpi-card{padding:15px!important;min-height:115px!important}.nbm-ph-shell.ph-erp-shell .nbm-ph-kpi-card strong{font-size:23px!important}.nbm-ph-shell.ph-erp-shell .nbm-ph-kpi-card:has([data-kpi="payroll_thp"]){grid-column:1/-1;order:4}.nbm-ph-shell.ph-erp-shell .ph-erp-dashboard-panels{grid-template-columns:1fr!important}.nbm-ph-shell.ph-erp-shell .ph-erp-shortcut-grid{grid-template-columns:1fr!important}
.nbm-ph-shell.ph-erp-shell :is(input,select,textarea){font-size:16px!important;min-height:42px}.nbm-ph-shell.ph-erp-shell .nbm-ph-nav-item{min-height:44px!important}.nbm-ph-shell.ph-erp-shell .ph-erp-menu-search input{font-size:14px!important}
}
@media(prefers-reduced-motion:reduce){.nbm-ph-shell.ph-erp-shell *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.nbm-ph-shell.ph-erp-shell{display:block!important;height:auto!important;overflow:visible!important}.nbm-ph-shell.ph-erp-shell>.nbm-ph-topbar,.nbm-ph-shell.ph-erp-shell>.nbm-ph-sidebar,.ph-erp-nav-overlay{display:none!important}.nbm-ph-shell.ph-erp-shell>.nbm-ph-main{height:auto!important;overflow:visible!important}}

@media(max-width:760px){.nbm-ph-shell.ph-erp-shell>.nbm-ph-topbar .nbm-ph-brand{flex:0 0 32px!important}.nbm-ph-shell.ph-erp-shell .nbm-ph-global-refresh span{display:none!important}}
/* Keep financial totals intact and aligned across summary cards. */
.nbm-ph-shell.ph-erp-shell .nbm-ph-kpi-card .nbm-ph-kpi-icon{grid-column:2!important;grid-row:1!important;align-self:start!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-kpi-card strong{grid-column:1/-1!important;white-space:nowrap!important;overflow-wrap:normal!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-kpi-card strong[data-kpi="payroll_thp"]{font-size:20px!important;letter-spacing:-.6px!important}
@media(max-width:760px){.nbm-ph-shell.ph-erp-shell .nbm-ph-kpi-card:has([data-kpi="pending_devices"]){grid-column:1/-1;min-height:100px!important}.nbm-ph-shell.ph-erp-shell .nbm-ph-kpi-card strong[data-kpi="payroll_thp"]{font-size:23px!important}}

/* 8.16.1 Navy Mood — presentation-only colour refinement. */
.nbm-ph-shell.ph-erp-shell{--erp-accent:#3565c9;--erp-bg:#f3f6fb;--mood-blue:linear-gradient(135deg,#edf4ff,#e3edff);--mood-orange:linear-gradient(135deg,#fff6ec,#ffecd9);--mood-red:linear-gradient(135deg,#fff1f3,#fce3e7);--mood-green:linear-gradient(135deg,#edf9f3,#ddf1e6);--mood-grey:linear-gradient(135deg,#f8fafc,#edf1f6);box-shadow:0 16px 44px #19335b12!important}
.nbm-ph-shell.ph-erp-shell>.nbm-ph-sidebar{background:linear-gradient(160deg,#203f6c 0%,#152e52 50%,#0e203b 100%)!important;border-right:1px solid #243e61!important;box-shadow:7px 0 24px #102c4f20!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-sidebar .nbm-ph-nav-item{color:#dce8fa!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-sidebar .nbm-ph-nav-group-label,.nbm-ph-shell.ph-erp-shell .ph-erp-menu-search{color:#b5cae7!important}
.nbm-ph-shell.ph-erp-shell .ph-erp-menu-search input{background:#ffffff0d!important;border-color:#6987af66!important;color:#f5f8ff!important;box-shadow:inset 0 1px 3px #07182b18!important}
.nbm-ph-shell.ph-erp-shell .ph-erp-menu-search input::placeholder{color:#b9cde8!important;opacity:1}
.nbm-ph-shell.ph-erp-shell .nbm-ph-sidebar .nbm-ph-nav-item:hover{background:#ffffff12!important;color:#fff!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-sidebar .nbm-ph-nav-item.active{background:linear-gradient(100deg,#345c91,#294b77)!important;color:#fff!important;box-shadow:inset 3px 0 #9ac5ff,0 4px 12px #06172e25!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-nav{scrollbar-color:#607da3 transparent}
.nbm-ph-shell.ph-erp-shell .ph-erp-sidebar-footer{border-color:#ffffff20!important;color:#dce8fa!important}.nbm-ph-shell.ph-erp-shell .ph-erp-sidebar-footer strong{color:#e4edfc!important}.nbm-ph-shell.ph-erp-shell .ph-erp-sidebar-footer small,.nbm-ph-shell.ph-erp-shell .ph-erp-menu-empty{color:#b5cae7!important}.nbm-ph-shell.ph-erp-shell .ph-erp-footer-dot{background:#9ac5ff!important}
.nbm-ph-shell.ph-erp-shell.ph-nav-slim .nbm-ph-nav-group{border-color:#ffffff20!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-sidebar :is(a,button,input):focus-visible{outline:2px solid #b8d7ff!important;outline-offset:2px!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-brand-mark{background:linear-gradient(145deg,#315f9e,#17375f)!important;box-shadow:0 4px 10px #17375f25!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-kpi-card{box-shadow:0 5px 16px #2039570b!important;background:var(--mood-grey)!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-kpi-card:has([data-kpi="active_employees"]){background:var(--mood-blue)!important;border-color:#d0def5!important;border-top-color:#82a7e2!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-kpi-card:has([data-kpi="pending_approval"]){background:var(--mood-orange)!important;border-color:#efdac3!important;border-top-color:#dfae79!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-kpi-card:has([data-kpi="payroll_thp"]){background:var(--mood-green)!important;border-color:#cce4d7!important;border-top-color:#83b89c!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-kpi-card:has([data-kpi="pending_devices"]){background:var(--mood-red)!important;border-color:#edced5!important;border-top-color:#dba0af!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-kpi-card p{color:#4f6078!important}.nbm-ph-shell.ph-erp-shell .nbm-ph-kpi-card strong{color:#1d304c!important}
.nbm-ph-shell.ph-erp-shell :is(.nbm-ph-card,.nbm-ph-module-toolbar,.phx-table-shell,.phx-settings-card){box-shadow:0 5px 18px #20395709!important}
.nbm-ph-shell.ph-erp-shell .ph-erp-card-heading{background:var(--mood-grey)!important;border-radius:10px 10px 0 0}
.nbm-ph-shell.ph-erp-shell .ph-erp-page-icon,.nbm-ph-shell.ph-erp-shell .ph-erp-shortcut-icon{background:var(--mood-blue)!important;color:#315dae!important;box-shadow:0 3px 9px #2345700a!important}
.nbm-ph-shell.ph-erp-shell .ph-erp-help-note{background:var(--mood-grey)!important;color:#52627a!important;border-left-color:#a9b7cd!important}
.nbm-ph-shell.ph-erp-shell :is(.nbm-ph-table,.phx-table,.ph-table) thead th{background:linear-gradient(180deg,#f0f5fd,#e9f0fb)!important;color:#4a6184!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-primary{background:linear-gradient(135deg,#426fcd,#315db7)!important;box-shadow:0 3px 8px #345ba126!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-sidebar .ph-erp-menu-search input[type="search"]{background:#27466f!important;color:#f5f8ff!important;border:1px solid #6b87ac!important}

/* 8.16.2 Premium data surfaces: opaque zebra also covers sticky cells. */
.nbm-ph-shell.ph-erp-shell :is(.nbm-ph-table,.phx-table,.ph-table) thead th{background:linear-gradient(180deg,#dce9ff,#d2e2fa)!important;color:#294c7b!important;border-bottom:2px solid #b1c9ec!important;font-size:11px!important;letter-spacing:.025em!important}
.nbm-ph-shell.ph-erp-shell :is(.nbm-ph-table,.phx-table,.ph-table) tbody tr:nth-child(odd)>td:not(.nbm-ph-shift-cell){background:#f9fbff!important;border-bottom-color:#dbe6f4!important}
.nbm-ph-shell.ph-erp-shell :is(.nbm-ph-table,.phx-table,.ph-table) tbody tr:nth-child(even)>td:not(.nbm-ph-shift-cell){background:#eaf2ff!important;border-bottom-color:#d5e2f4!important}
.nbm-ph-shell.ph-erp-shell :is(.nbm-ph-table,.phx-table,.ph-table) tbody tr:hover>td:not(.nbm-ph-shift-cell),.nbm-ph-shell.ph-erp-shell :is(.nbm-ph-table,.phx-table,.ph-table) tbody tr:focus-within>td:not(.nbm-ph-shift-cell){background:#dceaff!important}
.nbm-ph-shell.ph-erp-shell :is(.nbm-ph-table-wrap,.phx-table-shell){border:1px solid #c9d9ed!important;box-shadow:0 6px 20px #244b7910!important;border-radius:11px!important}
.nbm-ph-shell.ph-erp-shell :is(.phx-employee-utility,.nbm-ph-ew-filterbar,.nbm-ph-payroll-filter-panel){background:linear-gradient(120deg,#edf4ff,#f4f7fd)!important;border-color:#cbdcf3!important}
.nbm-ph-shell.ph-erp-shell .phx-employee-summary{gap:7px!important;background:transparent!important;border:0!important;flex-wrap:wrap!important;overflow:visible!important}
.nbm-ph-shell.ph-erp-shell .phx-employee-summary>div{padding:9px 12px!important;border:1px solid #c8d9f4!important;border-radius:7px!important;background:linear-gradient(135deg,#e4efff,#d6e6ff)!important;color:#2d5189!important;gap:6px!important}
.nbm-ph-shell.ph-erp-shell .phx-employee-summary>div:nth-child(2){background:linear-gradient(135deg,#e0f4e9,#ccebdc)!important;border-color:#add6c0!important;color:#256046!important}
.nbm-ph-shell.ph-erp-shell .phx-employee-summary>div:nth-child(3){background:linear-gradient(135deg,#fce9ed,#f6d6de)!important;border-color:#e6b9c4!important;color:#8b3a50!important}
.nbm-ph-shell.ph-erp-shell .phx-employee-summary>div:nth-child(4){background:linear-gradient(135deg,#fff0dd,#ffe1bc)!important;border-color:#e8c697!important;color:#805321!important}
.nbm-ph-shell.ph-erp-shell .phx-employee-summary>div:nth-child(5){background:linear-gradient(135deg,#ebeff6,#dde4ef)!important;border-color:#c6d0df!important;color:#4c5d75!important}
.nbm-ph-shell.ph-erp-shell .phx-employee-summary>div :is(b,strong,small,span){color:inherit!important}
.nbm-ph-shell.ph-erp-shell .nbm-ph-table .nbm-ph-avatar-sm{background:linear-gradient(135deg,#d4e5ff,#bad3f6)!important;color:#31588e!important;border-color:#acc9ed!important;box-shadow:0 3px 8px #31578e12!important;flex-shrink:0!important}
/* Let identity cells grow to fit actual email content; keep horizontal scrolling in the table. */
.nbm-ph-shell.ph-erp-shell [data-view="employee"] .nbm-ph-employee-full-table :is(.nbm-ph-employee-sticky-name-head,.nbm-ph-employee-sticky-name){width:340px!important;min-width:340px!important;max-width:none!important}
.nbm-ph-shell.ph-erp-shell [data-view="employee"] .nbm-ph-emp-mini>div{min-width:max-content!important;max-width:none!important;flex:1 0 auto!important}
.nbm-ph-shell.ph-erp-shell [data-view="employee"] .nbm-ph-emp-mini :is(b,small){white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important}
.nbm-ph-shell.ph-erp-shell [data-view="employee"] .nbm-ph-employee-full-table td[data-key]{min-width:140px!important}
.nbm-ph-shell.ph-erp-shell [data-view="employee"] .nbm-ph-employee-full-table td:is([data-key="nik"],[data-key="id_karyawan"],[data-key="handphone"]){min-width:170px!important;font-variant-numeric:tabular-nums}
.nbm-ph-shell.ph-erp-shell [data-view="employee"] .nbm-ph-employee-full-table td:is([data-key="organisasi"],[data-key="department"],[data-key="posisi"],[data-key="perusahaan"]){min-width:210px!important}
.nbm-ph-shell.ph-erp-shell [data-view="employee"] .nbm-ph-employee-full-table td:is([data-key="approval_1_email"],[data-key="approval_2_email"],[data-key="manager"]){min-width:290px!important;white-space:nowrap!important;word-break:normal!important}
.nbm-ph-shell.ph-erp-shell [data-view="employee"] .nbm-ph-employee-full-table td:is([data-key="grade"],[data-key="kelas"],[data-key="aktif"]){min-width:95px!important}
.nbm-ph-shell.ph-erp-shell [data-view="employee"] .nbm-ph-employee-full-table td[data-key] select{width:100%!important;min-width:0!important;max-width:none!important}
@media(max-width:760px){.nbm-ph-shell.ph-erp-shell .phx-employee-summary{display:flex!important}.nbm-ph-shell.ph-erp-shell .phx-employee-summary>div{flex:1 1 auto!important}}
/* 8.16.3 Headerless workspace with account controls anchored below navigation. */
.nbm-ph-shell.ph-erp-shell.ph-headerless{grid-template-rows:minmax(0,1fr)!important;grid-template-areas:"sidebar content"!important}
.nbm-ph-shell.ph-erp-shell.ph-headerless>.nbm-ph-topbar-context{display:none!important}
.ph-sidebar-top{flex-shrink:0;padding:0 2px 12px;border-bottom:1px solid #ffffff20}
.nbm-ph-shell.ph-erp-shell .ph-sidebar-top .nbm-ph-brand{width:100%!important;padding:0 34px 14px 0!important;gap:10px!important;min-height:52px}
.nbm-ph-shell.ph-erp-shell .ph-sidebar-top .nbm-ph-brand strong{color:#f0f5ff!important;font-size:12px!important;white-space:normal!important}.nbm-ph-shell.ph-erp-shell .ph-sidebar-top .nbm-ph-brand span{color:#b5cae7!important}
.nbm-ph-shell.ph-erp-shell .ph-sidebar-top .nbm-ph-top-actions{display:flex!important;width:100%!important;gap:8px!important;justify-content:flex-start!important;margin:0!important}
.nbm-ph-shell.ph-erp-shell .ph-sidebar-top .nbm-ph-top-actions>button{background:#29486f!important;color:#e1ecff!important;border-color:#577399!important}
.ph-sidebar-toggle-dock{position:absolute;top:25px;left:211px;z-index:120}.nbm-ph-shell.ph-erp-shell{position:relative}
.nbm-ph-shell.ph-erp-shell .ph-sidebar-toggle-dock .nbm-ph-menu-toggle{width:28px!important;min-width:28px!important;height:30px!important;min-height:30px!important;background:#29486f!important;color:#e1ecff!important;border-color:#577399!important;font-size:17px!important}
.nbm-ph-shell.ph-erp-shell .ph-sidebar-account{flex-shrink:0;border-top:1px solid #ffffff25;padding:12px 2px;display:grid;gap:8px;position:relative}
.nbm-ph-shell.ph-erp-shell .ph-sidebar-account .nbm-ph-user-pill{width:100%!important;max-width:100%!important;padding:0!important;border:0!important;color:#eff5ff!important;gap:8px!important;background:transparent!important}
.nbm-ph-shell.ph-erp-shell .ph-sidebar-account .nbm-ph-user-copy{display:block!important;min-width:0;flex:1;text-align:left}.nbm-ph-shell.ph-erp-shell .ph-sidebar-account .nbm-ph-user-copy b{color:#edf4ff!important}.nbm-ph-shell.ph-erp-shell .ph-sidebar-account .nbm-ph-user-copy small{color:#b8cde9!important;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.nbm-ph-shell.ph-erp-shell .ph-sidebar-account>.danger{background:#ffffff0e!important;border:1px solid #6983a566!important;color:#ffd8df!important;border-radius:7px;padding:9px 12px!important;text-align:left;text-decoration:none;font-size:12px}
.nbm-ph-shell.ph-erp-shell .ph-sidebar-account .nbm-ph-profile-dropdown{top:auto!important;bottom:calc(100% + 12px)!important;left:0!important;right:auto!important;min-width:220px!important;width:220px!important;max-width:100%!important}
.nbm-ph-shell.ph-erp-shell .ph-erp-sidebar-footer{min-height:30px!important;padding:6px!important;font-size:10px!important}.nbm-ph-shell.ph-erp-shell .ph-erp-sidebar-footer strong{display:none!important}
.nbm-ph-shell.ph-erp-shell.ph-nav-slim .ph-sidebar-toggle-dock{left:25px;top:22px}.nbm-ph-shell.ph-erp-shell.ph-nav-slim .ph-sidebar-top{padding-top:46px}.nbm-ph-shell.ph-erp-shell.ph-nav-slim .ph-sidebar-top .nbm-ph-brand{display:none!important}.nbm-ph-shell.ph-erp-shell.ph-nav-slim .nbm-ph-top-actions{flex-direction:column!important}.nbm-ph-shell.ph-erp-shell.ph-nav-slim .nbm-ph-global-refresh span,.nbm-ph-shell.ph-erp-shell.ph-nav-slim .ph-sidebar-account .nbm-ph-user-copy{display:none!important}.nbm-ph-shell.ph-erp-shell.ph-nav-slim .ph-sidebar-account>.danger{font-size:10px!important;padding:7px 2px!important;word-break:normal!important}.nbm-ph-shell.ph-erp-shell.ph-nav-slim .nbm-ph-profile-dropdown{position:fixed!important;left:94px!important;bottom:40px!important;max-width:240px!important}
/* Device identity and email must keep their natural content width. */
.nbm-ph-shell.ph-erp-shell [data-view="device"] .nbm-ph-device-table{table-layout:auto!important;width:max-content!important;min-width:100%!important;max-width:none!important}
.nbm-ph-shell.ph-erp-shell [data-view="device"] .nbm-ph-device-table :is(th,td){min-width:150px!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}
.nbm-ph-shell.ph-erp-shell [data-view="device"] .nbm-ph-device-table td[data-key="email"],.nbm-ph-shell.ph-erp-shell [data-view="device"] .nbm-ph-device-table th:nth-child(2){min-width:320px!important;width:auto!important;max-width:none!important}
.nbm-ph-shell.ph-erp-shell [data-view="device"] .nbm-ph-email-cell{display:block!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;max-width:none!important;width:max-content!important;overflow:visible!important;text-overflow:clip!important}
.nbm-ph-shell.ph-erp-shell [data-view="device"] .nbm-ph-device-table td[data-key="device_last_message"]{min-width:280px!important;max-width:440px!important;white-space:normal!important;overflow-wrap:anywhere!important}
@media(max-width:1200px) and (min-width:761px){.ph-sidebar-toggle-dock{left:181px}}
@media(max-width:760px){.nbm-ph-shell.ph-erp-shell.ph-headerless{grid-template-rows:auto!important;grid-template-areas:"content"!important}.nbm-ph-shell.ph-erp-shell.ph-headerless>.nbm-ph-main{padding-top:62px!important}.nbm-ph-shell.ph-erp-shell.ph-headerless.ph-erp-ready>.nbm-ph-sidebar{top:0!important;height:100dvh!important}.nbm-ph-shell.ph-erp-shell.ph-headerless .ph-erp-nav-overlay:not([hidden]){inset:0!important;height:100dvh!important}.ph-sidebar-toggle-dock{position:fixed;top:24px;left:30px}.ph-nav-open .ph-sidebar-toggle-dock{left:244px}.nbm-ph-shell.ph-erp-shell .ph-sidebar-top .nbm-ph-brand{width:100%!important;min-width:100%!important;padding-right:35px!important}.nbm-ph-shell.ph-erp-shell .ph-sidebar-top .nbm-ph-brand>div:last-child{display:block!important}.nbm-ph-shell.ph-erp-shell .ph-sidebar-top .nbm-ph-brand-mark{flex-shrink:0}.nbm-ph-shell.ph-erp-shell .ph-sidebar-account .nbm-ph-user-copy{display:block!important}}
.nbm-ph-shell.ph-erp-shell [data-view="device"] .nbm-ph-email-cell{font-size:12px!important;font-weight:500!important;color:#445d7c!important;line-height:1.5!important}
/* Global horizontal rails live outside clipping containers and follow their visible bottom edge. */
.ph-global-x{position:fixed;z-index:100020;height:22px;min-height:22px;box-sizing:border-box;overflow-x:scroll;overflow-y:hidden;background:#e4edfa;border:1px solid #adbfdb;border-radius:6px;box-shadow:0 -3px 12px #17345b18;scrollbar-color:#7897c5 #e4edfa;scrollbar-width:auto;overscroll-behavior-x:contain;direction:ltr}
.ph-global-x[hidden]{display:none!important}.ph-global-x-inner{height:1px;pointer-events:none}.ph-global-x::-webkit-scrollbar{height:16px}.ph-global-x::-webkit-scrollbar-track{background:#e4edfa;border-radius:5px}.ph-global-x::-webkit-scrollbar-thumb{background:#7897c5;border:3px solid #e4edfa;border-radius:8px}.ph-global-x::-webkit-scrollbar-thumb:hover{background:#486fa6}.ph-global-x:focus-visible{outline:2px solid #3565c9;outline-offset:2px}
@media print{.ph-global-x{display:none!important}}

/* Payroll adjustment: responsive, distinct earnings/deductions. */
.ph-payroll-adjust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.ph-payroll-adjust-field{display:grid;gap:7px;padding:13px;border:1px solid #c8ddee;border-radius:12px;background:linear-gradient(135deg,#e7f2ff,#f1f8ff);color:#203e62}
.ph-payroll-adjust-field.deduction{background:linear-gradient(135deg,#fff0e9,#fff5f4);border-color:#eed2c8;color:#753e32}
.ph-payroll-adjust-field input{width:100%;box-sizing:border-box;min-width:0;font-variant-numeric:tabular-nums}
.ph-payroll-adjust-note{display:grid;gap:8px}.ph-payroll-adjust-note textarea{min-height:90px;width:100%;box-sizing:border-box}
.ph-payroll-adjust-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
[data-adjustment-error]{color:#9a3412}.ph-payroll-adjust-history p{padding:12px;background:#f1f5f9;border-radius:10px;overflow-wrap:anywhere}
@media(max-width:600px){.ph-payroll-adjust-grid{grid-template-columns:1fr}}