/* Team, user administration and management pages. */
.people-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.people-heading .eyebrow{margin-bottom:12px}.people-summary{display:grid;grid-template-columns:1.4fr 1fr;gap:22px;margin-bottom:28px}.people-summary .panel{margin:0}.team-intro{background:radial-gradient(ellipse at 100% 0,#4ca6b822,transparent 70%),#ffffff08}.team-intro h2{font-size:29px}.team-intro>p{max-width:58ch;font-size:13px}.person-identity{display:flex;align-items:center;gap:16px;margin:20px 0}.person-identity h2{font-size:23px;margin:0 0 6px}.person-identity p{font-size:12px;color:#b7c1d2;margin:0}.person-avatar{display:inline-flex;align-items:center;justify-content:center;width:49px;height:49px;border-radius:15px;background:#4ca6b824;border:1px solid #7dc4d23b;color:#a8e0e8;font-family:var(--heading);font-weight:800;font-size:17px;flex-shrink:0}.work-email{font-size:12px;color:#9bd2de;overflow-wrap:anywhere;text-decoration:none}.work-email:hover{text-decoration:underline}.people-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.person-card{margin:0;padding:25px}.person-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:21px}.person-card h3{font-size:21px;margin:0 0 7px}.person-team{font-size:12px;color:#b7c1d2;margin:0 0 18px}.person-tag{display:inline-flex;padding:4px 9px;border-radius:99px;font-size:10px;color:#c5d3e7;background:#ffffff0d;white-space:nowrap}.person-tag.manager-tag{background:#ff9d8217;color:#ffc5b2}.section-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);padding-bottom:13px;margin:0 0 27px}.section-tabs a{padding:9px 17px;border-radius:999px;color:#c5d3e7;font-size:13px;text-decoration:none}.section-tabs a.selected{background:#4ca6b824;color:#a8e0e8}.section-tabs a:hover{background:#ffffff0c}.admin-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:28px}.admin-section-card{display:flex;flex-direction:column;text-decoration:none;margin:0;transition:border-color .18s,transform .18s}.admin-section-card:hover{border-color:#7dc4d25e;transform:translateY(-2px)}.admin-section-card h2{font-size:30px}.admin-section-card p{font-size:13px;color:#c5d3e7;max-width:48ch;margin-bottom:28px}.admin-card-icon{display:flex;width:43px;height:43px;align-items:center;justify-content:center;border-radius:13px;background:#4ca6b821;color:#7dc4d2;margin-bottom:23px}.admin-card-icon .ui-icon{width:23px;height:23px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#b7c1d2;border-top:1px solid var(--line);padding-top:18px;margin-top:auto}.card-bottom strong{color:#9bd2de;font-weight:600}.user-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:26px}.user-stats article{padding:20px 24px;border:1px solid var(--line);border-radius:18px;background:#ffffff09}.user-stats strong{font:800 32px/1.2 var(--heading);letter-spacing:-.04em;display:block;margin-bottom:9px}.user-stats strong small{font:600 12px var(--body);color:#c5d3e7;letter-spacing:0}.user-stats article>span{display:block;color:#b7c1d2;font-size:11px}.user-filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:15px;align-items:end;margin-bottom:20px}.user-filters label{font-size:12px;margin:0}.user-filters button{margin-bottom:0}.table-subline{display:block;color:#b7c1d2;font-size:11px;margin-top:5px}.row-action{font-size:12px;color:#9bd2de;white-space:nowrap;text-decoration:none}.row-action:hover{text-decoration:underline}.directory-note{font-size:12px;line-height:1.8}.field-help{display:block;color:#b7c1d2;font-size:11px;font-weight:400;line-height:1.7;margin-top:8px}.role-fieldset{border:1px solid var(--line);border-radius:15px;padding:20px;margin:10px 0 25px;min-width:0}.role-fieldset legend{padding:0 8px;font-size:14px}.role-fieldset>p{font-size:12px}.role-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px}.role-options label{margin:0;font-size:12px}.year-filter{display:flex;align-items:end;gap:12px}.year-filter label{font-size:11px;margin:0}.year-filter input{width:105px}.year-filter button{min-height:44px}.management-note{display:flex;gap:12px;align-items:flex-start;color:#b7c1d2;font-size:12px;padding:0 5px}.management-note .ui-icon{color:#7dc4d2}.management-note p{margin:0}.sidebar .admin-subnav{display:grid;gap:3px;margin:0 0 8px 34px;padding-left:12px;border-left:1px solid var(--line)}.sidebar .admin-subnav a{padding:7px 10px;font-size:12px}.sidebar .admin-subnav a.active{box-shadow:none;background:#ffffff09;color:#9bd2de}
@media(max-width:1150px){.people-summary{grid-template-columns:1fr 1fr}.people-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.user-filters{grid-template-columns:1fr 1fr}.user-filters button{justify-self:start}.user-stats article{padding:19px}.people-heading{align-items:flex-start}}
@media(max-width:768px){.people-summary,.admin-section-grid{grid-template-columns:1fr}.people-heading{flex-wrap:wrap}.user-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.user-stats article{padding:17px}.user-stats strong{font-size:28px}.role-options{grid-template-columns:1fr 1fr}.sidebar .admin-subnav{display:flex;margin:0;padding:0;border:0;align-items:center}.people-cards{grid-template-columns:1fr 1fr}.person-card{padding:20px}.person-card-top{flex-wrap:wrap}.person-card h3{font-size:19px}}
@media(max-width:480px){.people-cards,.user-filters{grid-template-columns:1fr}.role-options{grid-template-columns:1fr}.people-heading h1{font-size:30px}.person-card-top{flex-wrap:nowrap}.card-bottom{flex-wrap:wrap}}

/* Native disclosure menus are collapsed until activated with a click or keyboard. */
.sidebar .nav-group{margin:0;padding:0;border:0;min-width:0}
.sidebar .nav-group>summary{list-style:none;display:flex;align-items:center;gap:14px;padding:11px 12px;border-radius:12px;color:#c5d3e7;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
.sidebar .nav-group>summary::-webkit-details-marker{display:none}
.sidebar .nav-group>summary:hover{background:#ffffff0a}
.sidebar .nav-group.is-active>summary{color:#a4e2e9;background:#4ca6b81a}
.sidebar .nav-group>summary:focus-visible{outline:3px solid #7dc4d2;outline-offset:2px}
.sidebar .nav-group>summary .ui-icon{width:18px;height:18px}
.nav-chevron{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-left:auto;transition:transform .18s}
.nav-group[open] .nav-chevron{transform:rotate(90deg)}
.sidebar .nav-subpages{display:grid;gap:3px;margin:5px 0 8px 31px;padding-left:12px;border-left:1px solid var(--line)}
.sidebar .nav-subpages a{padding:8px 10px;font-size:12px;min-height:36px}
.sidebar .nav-subpages a.active{box-shadow:none;background:#ffffff0a;color:#a4e2e9}
.management-team .section-top .eyebrow{font-size:9px;margin-bottom:8px}
.management-team .section-top h2{font-size:24px}
.approval-summary{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:18px 22px;background:#ffffff08;border:1px solid var(--line);border-radius:16px;margin-bottom:23px;color:#c5d3e7;font-size:12px}
.approval-summary>span{display:inline-flex;align-items:center;gap:8px}
.approval-summary strong{color:white;font-family:var(--heading);font-size:25px;line-height:1}
.queue-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#edcd70}
.queue-dot.payment{background:#90e1c8}
.approval-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}
.approval-tabs a{display:flex;align-items:center;gap:10px;padding:9px 16px;border:1px solid transparent;border-radius:999px;font-size:13px;text-decoration:none;color:#c5d3e7}
.approval-tabs a.selected{background:#4ca6b824;color:#b7e6ed;border-color:#4ca6b842}
.approval-tabs a:hover{background:#ffffff0c}
.approval-tabs a>span{font-size:10px;background:#ffffff0c;min-width:21px;min-height:21px;display:grid;place-items:center;border-radius:50%}
.approval-list .section-top{margin-bottom:8px}
.approval-record{padding:24px 0;border-bottom:1px solid var(--line)}
.approval-record:last-child{border-bottom:0;padding-bottom:0}
.approval-record-main{display:flex;align-items:flex-start;gap:15px}
.approval-type-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;flex-shrink:0;background:#4ca6b81b;color:#7dc4d2;border:1px solid #4ca6b833}
.approval-type-icon.overtime{background:#9b7fe81c;color:#cfbaf7;border-color:#9b7fe82b}
.approval-type-icon.claims{background:#ff9d8214;color:#ffc0aa;border-color:#ff9d822b}
.approval-copy{flex:1;min-width:0}
.approval-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;font-size:11px;color:#d6dde9;margin-bottom:9px}
.request-type{font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:#9bd2de;background:#4ca6b816;padding:3px 7px;border-radius:5px}
.approval-copy h3{font-size:19px;margin:0 0 9px;overflow-wrap:anywhere}
.approval-copy>p{font-size:12px;line-height:1.8;margin:0 0 7px}
.approval-value{text-align:right;flex-shrink:0}
.approval-value>strong{display:block;font:800 24px var(--heading);letter-spacing:-.03em;margin-bottom:10px;color:#fff}
.approval-value .status{font-size:10px}
.approval-record-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0 0 57px}
.approval-record-actions>p{font-size:11px;color:#b7c1d2;margin:0}
.approval-record-actions .actions{margin:0;gap:9px}
.approval-record-actions button{font-size:12px;min-height:39px;padding:9px 19px}
.queue-payment-form{display:flex;align-items:end;justify-content:flex-end;gap:12px;width:100%}
.queue-payment-form label{font-size:11px;margin:0;max-width:240px}
.queue-payment-form input{font-size:12px;min-height:40px}
.approval-empty{padding:46px 20px}
@media(max-width:768px){.sidebar .nav-group{align-self:flex-start;min-width:160px}.sidebar .nav-group>summary{min-height:44px}.sidebar .nav-subpages{margin:0 0 8px 16px}.approval-summary{gap:12px 20px;font-size:11px}.approval-record-main{flex-wrap:wrap}.approval-value{margin-left:57px;text-align:left;display:flex;align-items:center;gap:15px}.approval-value>strong{font-size:21px;margin:0}.approval-record-actions{padding-left:0;flex-wrap:wrap}.approval-copy h3{font-size:17px}.approval-tabs a{padding:8px 12px;font-size:12px}.queue-payment-form{justify-content:flex-start;flex-wrap:wrap}.approval-record-actions>p{flex:1}.approval-record-actions button{min-height:42px}}
