/* Shell styles are scoped to its own nodes, never to a department or attendance mode. */
body.shared-shell{background:#f2ede4;color:#242824}
body.shared-shell .us-layout{display:grid!important;grid-template-columns:266px minmax(0,1fr)!important;min-height:100vh!important;margin:0!important;padding:0!important}
body.shared-shell .us-layout>.us-sidebar{display:flex!important;flex-direction:column!important;position:sticky!important;top:0!important;left:auto!important;width:266px!important;height:100dvh!important;min-height:0!important;padding:30px 18px 0!important;margin:0!important;background:#1a1a1a!important;color:#eeeae0!important;overflow:auto!important;border:0!important;border-radius:0!important;box-sizing:border-box!important;z-index:120!important;gap:0!important;font-family:ArtelRoboto,Arial,sans-serif!important}
body.shared-shell .us-wordmark{padding:0 12px 28px;font-size:23px;letter-spacing:1.8px;font-weight:650;line-height:1.35;white-space:nowrap}.us-wordmark small{display:block;font-size:7px;letter-spacing:1.5px;margin-top:7px;font-weight:400}
body.shared-shell .us-sidebar-art{min-height:170px;flex:1;margin:24px -18px 0;position:relative;overflow:hidden;opacity:.7;pointer-events:none}
body.shared-shell .us-workspace{display:block!important;min-width:0!important;width:auto!important;margin:0!important;padding:0!important;background:#f2ede4!important}
body.shared-shell .us-workspace>.us-header{display:flex!important;align-items:center!important;gap:12px!important;position:relative!important;inset:auto!important;min-height:96px!important;height:auto!important;width:auto!important;margin:0!important;padding:20px 28px!important;box-sizing:border-box!important;background:#f2ede4!important;color:#242824!important;border:0!important;border-bottom:1px solid #e3ddd2!important;box-shadow:none!important;z-index:125!important;flex-wrap:wrap!important}
body.shared-shell .us-logo{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;border:1px solid #c8bea8;background:transparent;color:#242824;border-radius:50%;font:600 21px Georgia,serif;cursor:pointer}
body.shared-shell .us-heading{flex:1;min-width:100px}.us-heading h1{font:650 clamp(19px,2vw,27px)/1.25 ArtelRoboto,Arial,sans-serif!important;margin:3px 0 0!important;color:#242824!important;letter-spacing:0!important;overflow-wrap:anywhere}
body.shared-shell #page-parent{font:12px/1.4 ArtelRoboto,Arial,sans-serif;color:#726d62;border:0;background:none;padding:0;cursor:pointer;text-transform:none;letter-spacing:0}
body.shared-shell .us-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:8px!important;flex-wrap:wrap;min-width:0;margin-left:auto;position:static!important}
body.shared-shell .us-icon{display:flex!important;align-items:center;justify-content:center;flex:none;width:36px;min-height:36px;padding:7px;border:0;border-radius:9px;background:transparent;color:#353931;cursor:pointer;position:relative;list-style:none;box-shadow:none}
.us-icon:hover,.us-logo:hover{background:#e8e0d2!important}.us-icon svg{width:22px;height:22px;flex:none}.us-icon::-webkit-details-marker,.us-account summary::-webkit-details-marker{display:none}
body.shared-shell .us-account,body.shared-shell .us-more{position:relative;margin:0;padding:0;border:0;background:none}
.us-account>summary{display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none;padding:3px 7px}.us-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#dfd4bd;color:#373d35;font:600 12px ArtelRoboto,Arial,sans-serif;flex:none}.us-identity{display:flex;flex-direction:column;max-width:160px;line-height:1.35}.us-identity b{font-size:12px;font-weight:600}.us-identity small{font-size:10px;color:#706d62}.us-account summary>svg{width:14px;height:14px}
.us-menu{position:absolute;right:0;top:calc(100% + 9px);min-width:190px;padding:9px;border:1px solid #dfd6c7;background:#fffdfa;border-radius:12px;box-shadow:0 8px 24px #0002;z-index:200}.us-menu>button{display:block;padding:12px 10px;border:0;background:none;color:#242824;text-align:left;width:100%;cursor:pointer}.us-menu>button:hover{background:#f2ede4}
body.shared-shell #main.main{display:block!important;min-height:calc(100vh - 96px);margin:0!important;width:auto!important;max-width:none!important;padding:24px 28px 60px!important;background:#f2ede4!important;box-sizing:border-box!important}
body.shared-shell #main>.art-canvas{margin:0!important;padding:0!important;width:100%!important;min-height:0!important}
body.shared-shell .us-sidebar .department-nav>button,body.shared-shell .us-sidebar .department-utilities>button{font:400 14px/20px ArtelRoboto,Arial,sans-serif!important;gap:17px!important}
body.shared-shell .us-sidebar .department-nav>button.active,body.shared-shell .us-sidebar .department-utilities>button.active{background:#d1a24e!important;color:#1a1a1a!important;border:0!important;font-weight:600!important}
body.shared-shell .us-sidebar .department-nav>button:last-child{margin-top:0!important;border-top:0!important;padding-top:12px!important}
body.shared-shell .department-mobile{background:#faf7ef!important}.shared-shell .department-mobile>button,.shared-shell .department-more>summary{color:#615c51!important;font-size:11px!important}.shared-shell .department-mobile>button.active{background:#eaddbe!important;color:#211e16!important}
.us-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.us-tools .hrx-card{margin:0}.us-tools .hrx-button{width:100%;text-align:left;justify-content:flex-start}.us-team-toggle{margin-bottom:20px}
@media(max-width:1100px){body.shared-shell .us-workspace>.us-header{padding:16px 20px!important;gap:8px!important}.us-identity{max-width:110px}.us-actions{gap:4px!important}}
@media(max-width:900px){body.shared-shell .us-layout{grid-template-columns:minmax(0,1fr)!important}body.shared-shell .us-layout>.us-sidebar{display:none!important}body.shared-shell .us-workspace>.us-header{min-height:100px!important;padding:14px 16px!important}body.shared-shell .us-heading{flex-basis:calc(100% - 100px)}body.shared-shell .us-actions{width:100%;justify-content:flex-end!important}body.shared-shell #main.main{padding:20px 16px 155px!important}.us-identity{max-width:150px}}
@media print{body.shared-shell .us-header,body.shared-shell .us-layout>.us-sidebar{display:none!important}body.shared-shell .us-layout{display:block!important}body.shared-shell #main.main{padding:0!important}}

.us-side-image{position:absolute;inset:0;width:100%;height:100%}.us-sidebar-art::after{content:"";position:absolute;inset:0 0 auto;height:110px;background:linear-gradient(#1a1a1a,transparent)}

/* Keep the named account and every header action together on narrow screens. */
@media(max-width:900px){body.shared-shell .us-actions{gap:4px!important;flex-wrap:nowrap}body.shared-shell .us-icon{width:32px;min-height:32px;padding:5px}.us-account>summary{gap:6px;padding:3px 0}.us-identity{max-width:100px}}
@media(max-width:360px){body.shared-shell .us-actions{gap:2px!important}body.shared-shell .us-icon{width:30px;min-height:30px;padding:4px}.us-identity{max-width:60px}}

/* Shared support footer for every department and employee type. */
.us-sidebar-footer{padding:20px 6px 16px;background:#1a1a1a;flex:none}.us-sidebar-footer button{display:flex;align-items:center;gap:15px;border:0;background:none;color:#eeeae0;font:14px ArtelRoboto,Arial,sans-serif;padding:10px 0;cursor:pointer}.us-sidebar-footer small{display:block;color:#99998e;font-size:11px;margin-top:18px}
