#workspace>main>header{height:76px;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 32px;margin:0;background:#fff;border-bottom:1px solid #dce6ed;color:#173143;position:sticky;top:0;flex-shrink:0;z-index:70}
#workspace>aside,#workspace.sidebar-collapsed>aside{position:fixed;inset:0 auto 0 0;height:100vh;height:100dvh;max-height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}
#workspace>aside>nav{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
#workspace>main>header .header-left{display:flex;align-items:center;gap:14px;min-width:0}
#workspace>main>header .brand{display:flex;align-items:center;margin:0;color:#004976!important;gap:10px;font-size:16px;font-weight:800;letter-spacing:.04em}
#workspace>main>header .brand img{width:50px!important;height:50px!important;object-fit:contain;flex:0 0 50px;filter:none!important}
#workspace>main>header .brand span{color:#004976!important;font-size:14px;letter-spacing:.06em}
#workspace>main>header .brand .system-name{display:inline!important;white-space:nowrap;color:#004976!important;font-size:14px;letter-spacing:.06em;font-weight:800}
#workspace>main>header .header-actions{display:flex;align-items:center;gap:8px;margin-left:auto;position:relative}
#workspace>main>header #user-label{display:inline-flex!important;align-items:center;gap:10px;min-height:46px;max-width:min(340px,55vw);border:0;border-radius:9px;background:transparent;color:#173143;padding:5px 9px;font-size:13px;font-weight:700;cursor:pointer}
#workspace>main>header #user-label:hover,#workspace>main>header #user-label[aria-expanded=true]{background:#eaf2f5}
#workspace>main>header #user-label:focus-visible,.kompas-menu button:focus-visible,.kompas-notice button:focus-visible{outline:3px solid #4bc8b6;outline-offset:2px}
.kompas-avatar{width:36px!important;height:36px!important;min-width:36px;min-height:36px;aspect-ratio:1;flex:0 0 36px;border-radius:50%!important;display:grid;place-items:center;background:#004976;color:white;position:relative;font-size:13px;overflow:visible}
.kompas-avatar img{display:block;width:100%!important;height:100%!important;min-width:100%;min-height:100%;aspect-ratio:1;border-radius:50%!important;object-fit:cover}
.kompas-unread{position:absolute;right:-2px;top:-2px;width:10px;height:10px;border-radius:50%;background:#d7263d;border:2px solid #fff;box-sizing:content-box;animation:kompas-pulse 1.2s ease-in-out infinite}
@keyframes kompas-pulse{50%{opacity:.2;transform:scale(.75)}}
@media(prefers-reduced-motion:reduce){.kompas-unread{animation:none}}
.kompas-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kompas-menu,.kompas-notice{position:absolute;right:0;top:calc(100% + 8px);width:min(350px,calc(100vw - 24px));background:#fff;border:1px solid #dce6ed;border-radius:12px;box-shadow:0 14px 35px #00214424;z-index:100;padding:7px;color:#173143}
.kompas-menu button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:transparent;border:0;border-radius:7px;padding:11px 12px;color:#173143;font-size:13px;cursor:pointer}
.kompas-menu button [data-shell="notifications"]{position:relative}
.kompas-menu button:has(.kompas-menu-unread){position:relative}
.kompas-menu-unread{position:absolute;left:24px;top:9px;width:9px;height:9px;border-radius:50%;background:#d7263d;border:2px solid #fff;box-sizing:content-box;animation:kompas-pulse 1.2s ease-in-out infinite}
.kompas-menu-notice-count{margin-left:-8px;color:#d7263d;font-weight:800}
.kompas-menu button:hover,.kompas-notice button:hover{background:#eef6f5}
.kompas-menu svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.kompas-notice{max-height:min(480px,70vh);overflow:auto}
.kompas-notice h2{font-size:16px;margin:8px 10px 12px}.kompas-notice button{display:block;width:100%;border:0;border-top:1px solid #e5ecf0;border-radius:0;background:#fff;text-align:left;padding:12px 12px 12px 34px;color:#173143;cursor:pointer;position:relative}.kompas-notice button.unread{background:#f0faf8}.kompas-notice strong,.kompas-notice small,.kompas-notice span{display:block}.kompas-notice .kompas-notice-light{position:absolute;left:14px;top:17px;width:9px;height:9px;border-radius:50%;background:#d7263d;box-shadow:0 0 0 3px #d7263d20;animation:kompas-pulse 1.2s ease-in-out infinite}.kompas-notice small{color:#6b7e89;margin-top:4px}.kompas-notice p{padding:10px;color:#6b7e89}
.kompas-password{border:1px solid #dce6ed;border-radius:12px;padding:24px;min-width:min(400px,92vw)}.kompas-password::backdrop{background:#102b3d99}.kompas-password label{display:block;margin:12px 0}.kompas-password input{display:block;width:100%;margin-top:5px}.kompas-password .actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}
.kompas-password label{position:relative}.kompas-password label input{padding-right:2.8rem}.kompas-password-eye{position:absolute;right:.35rem;bottom:.28rem;width:2rem;height:2rem;display:grid;place-items:center;border:0;background:transparent;color:#004976;cursor:pointer}.kompas-password-eye svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:1.8}
#workspace>main>header #breadcrumb,#workspace>main>header .badge.amber,#workspace>main>header .pill.amber,#workspace>main>header #logout{display:none!important}
body.brand-srq #workspace>main{padding:0}body.brand-srq #workspace>main>.filters,body.brand-srq #workspace>main>#content{margin-left:32px;margin-right:32px}body.brand-srq #workspace>main>.filters{margin-top:26px}body.brand-srq .srq-page-heading{padding:24px 32px 0}body.brand-srq .srq-page-heading h1{margin:0;font-size:30px}
@media(max-width:720px){#workspace>main>header{padding:0 12px;min-height:68px;height:68px}#workspace>main>header .brand img{width:42px!important;height:42px!important;flex-basis:42px}#workspace>main>header .brand span:not(.system-name){display:none}#workspace>main>header .brand .system-name{font-size:12px}#workspace>main>header #user-label{max-width:60vw}.kompas-name{max-width:150px}body.brand-srq #workspace>main>.filters,body.brand-srq #workspace>main>#content{margin-left:14px;margin-right:14px}body.brand-srq .srq-page-heading{padding:18px 14px 0}}
.kompas-date-control{position:relative;display:inline-flex;align-items:center;min-width:145px;max-width:100%;width:100%}
.kompas-date-control>.kompas-date-text{width:100%;min-width:0;padding-right:2.5rem;box-sizing:border-box}
.kompas-date-control>input.kompas-date-native{position:absolute!important;left:0;bottom:0;width:1px!important;height:1px!important;opacity:0;pointer-events:none;padding:0!important;border:0!important}
.kompas-date-control>.kompas-date-picker{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:30px;height:30px;min-width:0;padding:0;margin:0;border:0;background:transparent;color:inherit;cursor:pointer;border-radius:5px}
.kompas-date-control>.kompas-date-picker:focus-visible{outline:2px solid #007aab;outline-offset:1px}
.kompas-date-control>.kompas-date-picker:hover:not(:disabled),.kompas-date-control>.kompas-date-picker:focus,.kompas-date-control>.kompas-date-picker:active{transform:translateY(-50%)}
.kompas-date-control>.kompas-date-picker:disabled{opacity:.45;cursor:default}
.kompas-calendar{width:330px;max-width:calc(100vw - 24px);box-sizing:border-box;border:1px solid #ccdce6;border-radius:14px;padding:16px;background:#fff;color:#173143;box-shadow:0 16px 60px #102b3d40}
.kompas-calendar::backdrop{background:#102b3d55}
.kompas-calendar .kompas-calendar-head{display:flex;align-items:center;gap:5px;margin-bottom:14px}
.kompas-calendar .kompas-calendar-head select{flex:1;min-width:0;width:auto;padding:7px 3px;font-size:14px}
.kompas-calendar .kompas-calendar-head input{width:68px;min-width:0;padding:7px 3px;font-size:14px}
.kompas-calendar button{border:0;border-radius:7px;background:transparent;color:#173143;padding:6px;min-width:0;cursor:pointer;font-size:14px;font-weight:600}
.kompas-calendar .kompas-calendar-head button{width:26px;flex:0 0 26px;font-size:20px;padding:2px}
.kompas-calendar-weekdays,.kompas-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;text-align:center}
.kompas-calendar-weekdays{margin-bottom:6px;font-size:12px;font-weight:700}
.kompas-calendar-weekdays abbr{text-decoration:none;padding:6px 0}
.kompas-calendar .kompas-calendar-days button{height:36px;width:100%;margin:0}
.kompas-calendar .kompas-calendar-weekend{color:#bd202b}
.kompas-calendar .kompas-calendar-selected{background:#e0f0f8;box-shadow:inset 0 0 0 2px #007aab}
.kompas-calendar button:hover:not(:disabled){background:#edf3f7}
.kompas-calendar button:focus-visible{outline:2px solid #007aab;outline-offset:1px}
.kompas-calendar button:disabled{opacity:.35;cursor:default}
.kompas-calendar-actions{display:flex;justify-content:space-between;margin-top:12px;border-top:1px solid #e1e9ee;padding-top:8px}
.kompas-calendar-time label{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:14px}
.kompas-calendar-time input{flex:1;min-width:0}
