.warning-register-trigger{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:11px 15px;border:1px solid rgba(248,113,113,.26);border-radius:11px;background:rgba(239,68,68,.07);color:#fecaca;font:inherit;font-size:.76rem;font-weight:850;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.warning-register-trigger:hover{transform:translateY(-1px);border-color:rgba(248,113,113,.5);background:rgba(239,68,68,.11)}.warning-register-trigger span{display:grid;min-width:23px;height:23px;padding:0 6px;place-items:center;border-radius:999px;background:#ef4444;color:#fff;font-size:.65rem}.roster-heading{align-items:flex-end;gap:20px}.roster-heading>.warning-register-trigger{margin-left:auto}
.staff-warnings-dialog{width:min(960px,calc(100% - 28px));max-height:min(84vh,900px);padding:0;overflow:hidden;border:1px solid rgba(248,113,113,.25);border-radius:20px;background:#0b111b;color:#eef3fb;box-shadow:0 30px 100px rgba(0,0,0,.65)}.staff-warnings-dialog::backdrop{background:rgba(2,6,12,.8);backdrop-filter:blur(8px)}.staff-warnings-shell{display:flex;max-height:min(84vh,900px);flex-direction:column}.staff-warnings-head{position:relative;padding:25px 70px 20px 26px;border-bottom:1px solid #ffffff12;background:radial-gradient(circle at 90% 5%,rgba(239,68,68,.14),transparent 34%),linear-gradient(135deg,rgba(239,68,68,.08),transparent 55%)}.staff-warnings-head .eyebrow{color:#fca5a5}.staff-warnings-head h2{margin:6px 0 6px;font-size:clamp(1.5rem,3vw,2.15rem);letter-spacing:-.04em}.staff-warnings-head p{max-width:720px;margin:0;color:#9eacc1;font-size:.78rem;line-height:1.55}.staff-warnings-close{position:absolute;top:20px;right:20px;display:grid;width:38px;height:38px;padding:0;place-items:center;border:1px solid #ffffff18;border-radius:11px;background:#ffffff08;color:#fff;font-size:1.3rem;cursor:pointer}.staff-warnings-summary{display:flex;gap:10px;padding:15px 26px;border-bottom:1px solid #ffffff0d;background:#070c13}.staff-warnings-summary span{padding:7px 10px;border:1px solid #ffffff12;border-radius:999px;color:#aebbd0;font-size:.68rem;font-weight:750}.staff-warnings-list{display:grid;gap:12px;padding:20px 26px 28px;overflow-y:auto}.staff-warning-card{display:grid;grid-template-columns:minmax(190px,.65fr) minmax(0,1.35fr) auto;gap:18px;align-items:start;padding:17px;border:1px solid #ffffff12;border-left:3px solid #f59e0b;border-radius:13px;background:#ffffff05}.staff-warning-card.is-written{border-left-color:#ef4444;background:linear-gradient(90deg,rgba(239,68,68,.055),#ffffff04 35%)}.staff-warning-person{display:flex;gap:11px;align-items:center}.staff-warning-avatar{display:grid;width:43px;height:43px;flex:0 0 auto;place-items:center;border-radius:12px;background:linear-gradient(135deg,#f6ad32,#d97b0e);color:#211304;font-weight:950}.staff-warning-person strong{display:block;font-size:.85rem}.staff-warning-person small{display:block;margin-top:4px;color:#8998ae;font-size:.66rem}.staff-warning-content .warning-kind{display:inline-flex;margin-bottom:8px;padding:5px 8px;border-radius:999px;background:rgba(245,158,11,.1);color:#fbbf55;font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.055em}.staff-warning-card.is-written .warning-kind{background:rgba(239,68,68,.11);color:#fca5a5}.staff-warning-content p{margin:0;color:#dce4ef;font-size:.78rem;line-height:1.6;overflow-wrap:anywhere}.staff-warning-content small{display:block;margin-top:8px;color:#8190a6;font-size:.64rem}.staff-warning-expiry{text-align:right}.staff-warning-expiry strong{display:block;color:#f1f5f9;font-size:.74rem}.staff-warning-expiry span{display:block;margin-top:6px;color:#94a3b8;font-size:.64rem}.staff-warning-expiry .expires-today{color:#fca5a5}.staff-warnings-empty{padding:42px 24px;text-align:center;border:1px dashed #ffffff18;border-radius:14px;color:#93a1b5}.staff-warnings-empty strong{display:block;margin-bottom:7px;color:#e7edf6;font-size:1rem}
@media(max-width:760px){.roster-heading{align-items:flex-start;flex-direction:column}.roster-heading>.warning-register-trigger{width:100%;margin-left:0;justify-content:center}.staff-warnings-dialog{max-height:90vh}.staff-warnings-shell{max-height:90vh}.staff-warnings-head{padding:22px 62px 18px 19px}.staff-warnings-summary,.staff-warnings-list{padding-left:18px;padding-right:18px}.staff-warning-card{grid-template-columns:1fr;gap:13px}.staff-warning-expiry{text-align:left;padding-top:10px;border-top:1px solid #ffffff0e}}