/* Shared staff-only shell. Loaded after each workspace's own stylesheet. */
.system-admin{--sys-gutter:clamp(16px,4vw,56px)}
.system-admin .site-header,.system-admin main,.system-admin .site-footer{width:100%;max-width:1440px;margin-inline:auto;padding-inline:var(--sys-gutter)}
.system-admin .site-header{display:block;height:auto;padding-top:24px;gap:0}
.sys-header-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:52px}
.sys-header-row .brand{color:var(--ink)}
.sys-header-row .brand small{font-size:8px}
.sys-portal-link{display:inline-flex;align-items:center;min-height:44px;font-size:13px;text-align:right}
.sys-nav{display:flex;gap:8px;margin-top:24px;border-bottom:1px solid var(--line)}
.sys-nav a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border-bottom:3px solid transparent;text-decoration:none;font-size:14px;line-height:1.4;color:var(--muted);text-align:center}
.sys-nav a:hover{background:#e9ece5;color:var(--ink)}
.sys-nav a[aria-current=page]{color:var(--ink);border-color:var(--ink);font-weight:600}
.system-admin main{padding-top:32px;padding-bottom:64px}
.system-admin h1{font-size:clamp(32px,3.6vw,48px);line-height:1.15;margin-bottom:20px}
.system-admin h2{font-size:clamp(26px,2.5vw,32px)}
.system-admin button{font-size:14px;min-height:48px}
.system-admin input:not([type=checkbox]):not([type=radio]),.system-admin select,.system-admin textarea{font-size:16px}
.system-admin .review-toolbar button,.system-admin .review-toolbar select,.system-admin .appointment-filters button,.system-admin .appointment-filters select{height:52px}
.system-admin .review-checkbox{min-height:44px}
.system-admin .review-checkbox input{width:20px;height:20px;min-height:20px;margin:0}
.review-back{display:none}
.system-admin #applicant-name:focus{outline:none}
@media(max-width:800px){
 .system-admin .site-header{padding-top:16px}
 .sys-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:16px}
 .sys-nav a{padding:12px 4px;font-size:13px;overflow-wrap:anywhere}
 .system-admin main{padding-top:24px}
 .system-admin .review-layout,.system-admin .listing-layout{grid-template-columns:1fr;gap:24px}
 .system-admin .review-detail{padding:20px}
 .system-admin .review-layout.is-detail .review-list{display:none}
 .system-admin .review-layout:not(.is-detail) .review-detail{display:none}
 .system-admin .review-layout.is-detail .review-back{display:inline-flex;margin-bottom:24px}
 .system-admin .review-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:24px 0}
 .system-admin .review-counts span{padding:12px;font-size:12px}
 .system-admin .review-toolbar{gap:12px}
 .system-admin #profile-details{grid-template-columns:95px minmax(0,1fr)}
 .system-admin .listing-layout aside{border-right:0;border-bottom:1px solid var(--line);padding:0 0 20px}
 .system-admin #cases{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}
 .system-admin .listing-heading{display:block}
 .system-admin .listing-heading #refresh{margin:0 0 20px}
 .system-admin .listing-heading h2{overflow-wrap:anywhere}
}
@media(max-width:600px){
 .sys-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
 .system-admin .appointment-filters{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}
 .system-admin .appointment-filters #new{grid-column:1/-1;justify-self:start}
 .system-admin .appointment-filters label{min-width:0}
 .system-admin .appointment-filters select{width:100%;min-width:0}
 .system-admin .appointment-filters #refresh{align-self:end}
}
@media(max-width:360px){
 .sys-nav a{font-size:12px;padding-inline:2px}
}