.compact-form{max-width:420px}
.staff-sound-control{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:650;color:#3f5550;white-space:nowrap}
.staff-sound-control .switch{flex:none}
.staff-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(170px,1.5fr);background:#fff;border:1px solid #dce5e0;border-radius:6px;margin-bottom:24px}
.staff-summary>div{padding:18px 21px;min-width:0;border-right:1px solid #e7eeea;display:flex;flex-direction:column;gap:8px}
.staff-summary>div:last-child{border-right:0}
.staff-summary span{font-size:12px;color:#62756d}
.staff-summary strong{font-size:27px;line-height:1.1;color:#203b35;overflow-wrap:anywhere}
.staff-summary .staff-identity strong{font-size:17px}
.staff-summary small{font-size:11px;color:#91a198;overflow-wrap:anywhere}
.staff-alert{display:flex;align-items:center;gap:18px;background:#fff3ec;border:1px solid #e7ac8c;border-left:5px solid #d65a3d;border-radius:6px;padding:19px 20px;margin-bottom:24px;color:#672d22;box-shadow:0 9px 26px #a84d2b1a;animation:alert-in .25s ease-out}
.staff-alert-icon{width:44px;height:44px;display:grid;place-items:center;flex:none;border-radius:6px;background:#d65a3d;color:#fff}
.staff-alert-icon svg{width:23px;height:23px}
.staff-alert>div:nth-child(2){min-width:0;flex:1}
.staff-alert span{display:block;font-size:12px;font-weight:750;color:#a14732;margin-bottom:4px}
.staff-alert strong{display:block;font-size:20px;line-height:1.3;overflow-wrap:anywhere}
.staff-alert p{margin:5px 0 0;font-size:12px;color:#915440}
.staff-alert .icon-button{align-self:flex-start;color:#945448}
.staff-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(285px,.85fr);gap:34px}
.staff-events,.staff-rule-list{border-top:1px solid #e2eae5}
.staff-event{display:flex;gap:13px;align-items:center;min-height:74px;padding:12px 4px;border-bottom:1px solid #e2eae5}
.staff-event.is-new{background:#fff5ed}
.staff-event-mark{width:34px;height:34px;flex:none;display:grid;place-items:center;background:#e3f2eb;color:#168268;border-radius:5px}
.staff-event>div{min-width:0;flex:1;display:grid;gap:4px}
.staff-event strong{font-size:13px;overflow-wrap:anywhere}
.staff-event div span,.staff-event time{font-size:11px;color:#7b8b80}
.staff-event time{white-space:nowrap;align-self:flex-start}
.staff-rule{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 4px;border-bottom:1px solid #e2eae5}
.staff-rule>div{min-width:0;display:grid;gap:5px}
.staff-rule strong{font-size:13px;overflow-wrap:anywhere}
.staff-rule small{font-size:11px;color:#72847a}
.staff-group-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:25px;border-top:1px solid #e2eae5}
.staff-group-list>div{display:flex;align-items:center;gap:11px;min-width:0;min-height:67px;border-bottom:1px solid #e2eae5}
.staff-group-list svg{color:#198369;flex:none}
.staff-group-list span{min-width:0;display:grid;gap:4px}
.staff-group-list strong{font-size:13px;overflow-wrap:anywhere}
.staff-group-list small{color:#8b9b92;font-size:11px;overflow-wrap:anywhere}
@keyframes alert-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.staff-layout{grid-template-columns:minmax(0,1fr)}.staff-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-summary>div:nth-child(2){border-right:0}.staff-summary>div:nth-child(-n+2){border-bottom:1px solid #e7eeea}}
@media(max-width:600px){.staff-summary>div{padding:14px}.staff-summary strong{font-size:23px}.staff-summary .staff-identity strong{font-size:15px}.staff-group-list{grid-template-columns:minmax(0,1fr)}.staff-event{align-items:flex-start}.staff-event time{max-width:94px;white-space:normal;text-align:right}.staff-alert{gap:11px;padding:14px}.staff-alert strong{font-size:17px}.staff-alert-icon{width:36px;height:36px}.staff-alert-icon svg{width:19px;height:19px}}