.staff-portal{background:#f6f7fb;color:#252537;font-family:"Noto Sans KR",system-ui,sans-serif;font-size:17px;line-height:1.65}.staff-portal [hidden]{display:none!important}.work-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px max(22px,calc((100vw - 1200px)/2));background:#fff;border-bottom:1px solid #dedfed}.work-brand{display:flex;align-items:center;gap:22px;text-decoration:none;color:#302964;font-weight:700}.work-brand img{width:160px;height:auto}.staff-portal main{max-width:1200px;padding:30px 24px 70px;margin:auto}.staff-portal h1{font-size:28px;margin:22px 0}.staff-portal input,.staff-portal select,.staff-portal textarea,.staff-portal button{font:inherit}.staff-portal button,.staff-portal select{min-height:44px}.staff-portal button.solid-button{background:#302964;color:white;border:1px solid #302964}.staff-portal button.outline-button{background:white;color:#302964;border:1px solid #c8cbe0}.staff-portal a:focus-visible,.staff-portal button:focus-visible{outline:3px solid #19aedd;outline-offset:3px}#work-login{max-width:460px;margin:45px auto;padding:30px;background:#fff;border:1px solid #dedfed;border-radius:14px}#work-login label{display:block;margin:18px 0}#work-login input{display:block;width:100%;margin-top:8px;min-height:48px;padding:10px;border:1px solid #bbc0d5}#work-login button{width:100%}#work-message:empty{display:none}#work-message{color:#9d2525;max-width:800px;margin:16px auto}#work-toolbar,#work-toolbar>div{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}#work-toolbar p{font-weight:600}#work-tabs{display:flex;gap:8px;margin:20px 0;border-bottom:1px solid #cbd0e0}#work-tabs a{padding:12px 20px;text-decoration:none;color:#555b70;border-bottom:3px solid transparent}#work-tabs a[aria-current]{color:#302964;font-weight:700;border-color:#302964;background:#eeecf8}#admin-workspace{min-width:0}#admin-workspace>section>[data-security-load],#admin-workspace>section>[data-requests-load]{display:none}.staff-portal .security-card{background:white}.staff-portal .security-table{overflow-x:auto}@media(max-width:650px){.work-header{padding:14px 16px}.work-brand{gap:10px;flex-direction:column;align-items:flex-start}.work-brand img{width:125px}.work-brand span{font-size:16px}.staff-portal main{padding:18px 14px 45px}.staff-portal h1{font-size:24px}#work-toolbar{align-items:flex-start}#work-toolbar>div{font-size:14px}#work-tabs a{padding:12px 15px}#work-login{margin:20px auto;padding:22px}}
.staff-portal main{width:100%;max-width:1248px;margin-inline:auto;padding:24px 24px 64px}
.staff-portal .work-header{padding:16px max(24px,calc((100% - 1200px)/2))}
.staff-portal #work-toolbar{min-height:48px;margin-bottom:18px}
.staff-portal #work-toolbar p{margin:0}
.staff-portal #work-toolbar>div>a{font-size:15px;color:#596077}
.staff-portal #work-tabs{margin:0 0 24px}
.staff-portal #work-title{margin:0 0 22px;line-height:1.4}
.staff-portal #admin-workspace .security-card{margin:0 0 24px;background:#fff}
.staff-portal button.solid-button,.staff-portal button.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:6px;line-height:1.4;text-align:center}
.staff-portal button.solid-button{font-weight:600}
.staff-portal button.solid-button:hover{background:#403679}
.staff-portal button.outline-button:hover{background:#f0eef8}
.staff-portal #staff-requests-admin .request-actions{gap:12px;margin:20px 0 24px}
.staff-portal #staff-requests-admin .request-actions button{min-width:120px;min-height:48px}
.staff-portal #staff-requests-admin .leave-count{padding:20px 24px}
.staff-portal #staff-requests-admin .leave-count strong small{margin-top:0;vertical-align:baseline}
.staff-portal #staff-requests-admin .request-view-tabs{margin:0 0 20px;gap:8px}
.staff-portal #staff-requests-admin .calendar-heading{gap:16px;min-height:48px}
.staff-portal #staff-requests-admin .calendar-heading>div{gap:8px}
.staff-portal #staff-requests-admin .calendar-heading button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:48px;padding:8px 12px;border:1px solid #dce1ed;border-radius:6px;white-space:nowrap;background:#fff}
.staff-portal #staff-requests-admin .calendar-heading input{height:48px;min-height:48px;margin:0;border-radius:6px}
.staff-portal #staff-requests-admin .calendar-search{display:grid;grid-template-columns:160px minmax(0,1fr) 88px;align-items:center;gap:10px;margin:16px 0}
.staff-portal #staff-requests-admin .calendar-search input,.staff-portal #staff-requests-admin .calendar-search select,.staff-portal #staff-requests-admin .calendar-search button{width:100%;height:48px;min-height:48px;margin:0;padding:10px 12px;border:1px solid #bdc6da;border-radius:6px;line-height:1.4}
.staff-portal #staff-requests-admin .calendar-search button{background:#f3f2f9;color:#302964;font-weight:600}
.staff-portal #security-admin .security-view-tabs{gap:8px;flex-wrap:wrap;margin-bottom:20px}
@media(max-width:650px){
 .staff-portal .work-header{padding:14px 16px}
 .staff-portal main{padding:20px 16px 44px}
 .staff-portal #work-toolbar{gap:12px;margin-bottom:18px}
 .staff-portal #work-toolbar>div{width:100%;justify-content:space-between;gap:8px}
 .staff-portal #admin-workspace .security-card{padding:16px}
 .staff-portal #staff-requests-admin [data-ledger-trial].leave-counts{gap:10px}
 .staff-portal #staff-requests-admin .leave-count{padding:14px 12px}
 .staff-portal #staff-requests-admin .request-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .staff-portal #staff-requests-admin .request-actions button{min-width:0;width:100%}
 .staff-portal #staff-requests-admin .calendar-heading>div{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:6px}
 .staff-portal #staff-requests-admin .calendar-heading input{width:100%;min-width:0}
 .staff-portal #staff-requests-admin .calendar-heading>div button:last-child{grid-column:1/-1;justify-self:end;height:40px;min-height:40px}
 .staff-portal #staff-requests-admin .calendar-search{grid-template-columns:minmax(0,1fr) 76px;gap:8px}
 .staff-portal #staff-requests-admin .calendar-search select{grid-column:1/-1}
 .staff-portal #staff-requests-admin .calendar-search input{width:100%;min-width:0}
}
/* Portal home shares live leave data with the request page. */
#work-tabs{flex-wrap:wrap}
#work-home .leave-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#work-home .leave-count{padding:22px;border:1px solid #ddd8f5;border-radius:12px;background:#f2f0fb}
#work-home .compensatory{background:#ecf7f3;border-color:#c9e4da}
#work-home h4{font-size:16px;margin:0 0 12px}
#work-home .leave-count strong,#work-home .work-queue-count{font-size:32px;color:#302964;font-weight:700}
#work-home small{font-size:16px;margin-left:6px}
#work-home .compensatory-details summary{cursor:pointer;display:flex;align-items:center;gap:14px}
#work-home .compensatory-open-label{font-size:13px;text-decoration:underline}
#work-home .compensatory-details li{display:flex;flex-direction:column;margin:14px 0;font-size:14px}
#work-home .compensatory-details li strong{font-size:16px}
#work-home .compensatory-expiry{font-size:14px;color:#8b4a10}
.work-home-actions{display:flex;margin:20px 0;gap:12px}
.work-home-actions a{padding:12px 20px;background:#302964;color:#fff;border-radius:6px;text-decoration:none}
.work-home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;margin-top:20px}
.work-home-card{background:#fff;border:1px solid #dedfed;border-radius:12px;padding:24px}
.work-home-card h2{font-size:19px;margin:0 0 12px}
.work-date{font-size:14px;color:#687087}
.work-schedule{padding:10px 0;border-bottom:1px solid #eee}
.staff-portal .portal-approval .request-actions,.staff-portal .portal-approval .leave-overview,.staff-portal .portal-approval [data-request-settings],.staff-portal .portal-approval [data-request-new],.staff-portal .portal-approval .request-view-tabs,.staff-portal .portal-approval .self-history{display:none!important}
.staff-portal .portal-approval [data-request-scope]{pointer-events:none}
@media(max-width:650px){#work-tabs{gap:0}#work-tabs a{padding:10px 12px;font-size:15px}#work-home .leave-counts{gap:10px}#work-home .leave-count{padding:16px 12px}#work-home .compensatory-details summary{flex-wrap:wrap;gap:2px 8px}.work-home-card{padding:18px}}
.staff-portal #security-admin[data-portal-view="security-admin"] .security-view-tabs,.staff-portal #security-admin[data-portal-view="attendance"] .security-view-tabs{display:none}
.staff-portal #security-admin[data-portal-view="personnel"] .security-view-tabs [data-view="password"],.staff-portal #security-admin[data-portal-view="personnel"] .security-view-tabs [data-view="attendance"]{display:none}
.staff-portal .portal-approval [data-request-management] .security-fields>label:has([data-request-scope]){display:none}
.staff-portal #staff-requests-admin label:has(>[data-request-scope]){display:none}