/* Shared navigation chrome; employee page renderers and forms remain independent. */
body.department-shell .department-nav{display:block!important;position:relative;z-index:2}
body.department-shell .department-nav>button,body.department-shell .department-utilities>button{display:flex!important;align-items:center!important;gap:17px!important;width:100%!important;min-height:48px!important;padding:12px 15px!important;margin:0 0 5px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#eeeae0!important;font:400 14px/20px ArtelRoboto,Arial,sans-serif!important;text-align:left!important;cursor:pointer}
body.department-shell .department-nav>button svg,body.department-shell .department-utilities>button svg{width:24px;height:24px;flex-shrink:0}
body.department-shell .department-nav>button.active,body.department-shell .department-utilities>button.active{background:#d1a24e!important;color:#1a1a1a!important;font-weight:600!important}
body.department-shell .department-nav>button[aria-expanded]::after{content:'›';font-size:20px;margin-left:auto;transform:rotate(0)}
body.department-shell .department-nav>button[aria-expanded=true]::after{transform:rotate(90deg)}
body.department-shell .department-children{display:grid;gap:3px;margin:0 0 12px 27px;padding-left:10px;border-left:1px solid #686356}
body.department-shell .department-children button{display:flex;align-items:center;gap:9px;width:100%;border:0;border-radius:7px;background:transparent;color:#e4e0d5;padding:9px 7px;font:400 13px/20px ArtelRoboto,Arial,sans-serif;text-align:left;cursor:pointer}
body.department-shell .department-children button svg{width:17px;height:17px;flex:none}
body.department-shell .department-children button.active{background:#34382e;color:#fff}
body.department-shell .department-utilities{display:block!important;position:relative;z-index:2;margin-top:22px;padding-top:18px;border-top:1px solid #655e50}
body.department-shell .department-utilities[hidden],body.department-shell #module-children[hidden]{display:none!important}
body.department-shell .app-shell>.sidebar,body.department-shell .art-sidebar{overflow-y:auto!important}
body.department-hr-single .sidebar .department-nav>button{font-size:15px!important;gap:18px!important}
body.department-shell .department-mobile,body.department-shell .department-mobile-children{display:none}
body.department-home .main{background:#f2ede4;padding:24px 28px 60px!important}
body.department-home .topbar{background:#f2ede4}
.department-welcome h2{font-size:28px;margin:0 0 8px}.department-welcome p{color:#706e66;margin-bottom:25px}
.department-summary{background:#fffdfa;border:1px solid #e8e2d9;border-radius:16px;padding:23px;margin:0 0 22px;box-shadow:0 4px 18px #32251508}
.department-summary>header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}
.department-summary h2{display:flex;align-items:center;gap:12px;margin:0;font-size:21px}
.department-summary header button{display:flex;align-items:center;gap:7px;background:#24685f;color:#fff;border:0;border-radius:8px;padding:10px 14px;cursor:pointer}
.department-summary-content{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.department-metric{border-left:1px solid #e3ddd2;padding:5px 14px;min-width:0}.department-metric:first-child{border-left:0}
.department-metric span,.department-metric small{display:block;color:#777269;font-size:12px;line-height:1.5}.department-metric strong{display:block;margin:8px 0;font-size:clamp(18px,2vw,27px);color:#262b27;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
@media(max-width:900px){
 body.department-shell .app-shell>.sidebar,body.department-shell .art-sidebar{display:none!important}
 body.department-shell .app-shell{grid-template-columns:minmax(0,1fr)!important}
 body.department-shell .workspace,body.department-shell .art-canvas{width:100%!important;margin-left:0!important}
 body.department-shell #main{padding-bottom:155px!important}
 body.department-shell .department-mobile{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:110;background:#faf7ef;border-top:1px solid #d8d1c4;padding:7px 3px max(7px,env(safe-area-inset-bottom));justify-content:space-around;gap:2px}
 .department-mobile>button,.department-more>summary{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;flex:1;min-width:0;min-height:48px;padding:6px 3px;border:0;border-radius:8px;background:transparent;color:#615c51;font:11px ArtelRoboto,Arial,sans-serif;text-align:center;cursor:pointer;list-style:none}
 .department-mobile>button.active{background:#eaddbe;color:#211e16}.department-mobile svg{width:22px;height:22px}.department-more{flex:1;min-width:0}.department-more summary::-webkit-details-marker{display:none}
 .department-more-items{position:absolute;bottom:calc(100% + 9px);right:10px;width:230px;background:#fffdfa;padding:10px;border-radius:12px;border:1px solid #ded7ca;box-shadow:0 4px 22px #0002}
 .department-more-items button{display:flex;align-items:center;gap:12px;background:transparent;border:0;width:100%;text-align:left;padding:13px;color:#262b27;font:14px ArtelRoboto,Arial,sans-serif}
 body.department-shell .department-mobile-children:not([hidden]){display:flex;position:fixed;left:0;right:0;bottom:calc(69px + env(safe-area-inset-bottom));z-index:109;overflow-x:auto;gap:6px;padding:8px 10px;background:#f2ede4;border-top:1px solid #d8d1c4}
 .department-mobile-children button{display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;flex:1;min-height:38px;border:1px solid #d8d1c4;border-radius:7px;background:transparent;color:#615c51;padding:7px;font:12px ArtelRoboto,Arial,sans-serif}.department-mobile-children button.active{background:#24685f;color:white}.department-mobile-children svg{width:17px;height:17px}
 body.department-hr-single:not(.hrd-scope) .department-mobile{background:#161512;color:#e7dfd0}.department-hr-single:not(.hrd-scope) .department-mobile>button,.department-hr-single:not(.hrd-scope) .department-more>summary{color:#e7dfd0;font-size:10px}.department-hr-single:not(.hrd-scope) .department-mobile>button.active{background:transparent;color:#e5ad51}
 .department-summary-content{grid-template-columns:repeat(2,minmax(0,1fr))}.department-metric:nth-child(odd){border-left:0}
}
@media(max-width:480px){body.department-home .main{padding:18px 14px 140px!important}.department-summary{padding:16px}.department-summary header button{font-size:12px;padding:9px}.department-summary h2{font-size:19px}.department-metric{padding:4px 7px}.department-welcome h2{font-size:24px}}
@media print{.department-mobile,.department-mobile-children{display:none!important}}
body.department-hr-single .sidebar .department-nav>button:last-child{margin-top:0!important;border-top:0!important;border-radius:10px!important;padding-top:12px!important}
body.department-hr-single:not(.hrd-scope) .sidebar .department-nav>button.active{background:#BE8A34!important;color:#161512!important;border:1px solid #d7a24d!important}