.personal-sanctions { margin-top: 22px; }
.sanction-total { display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ff627d16;color:#ff8296;font:600 14px Space Grotesk; }
.clean-record { margin:0;color:#5edcac;font-size:11px; }
.personal-sanction-list { display:grid;gap:8px; }
.personal-sanction-list article { display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #ff627d30;border-radius:7px;background:#ff627d08; }
.personal-sanction-list article>span { color:#ff7f94; }
.personal-sanction-list strong,.personal-sanction-list small { display:block; }
.personal-sanction-list strong { font-size:10px; }
.personal-sanction-list small { margin-top:4px;color:#767d90;font-size:8px; }
.sanction-staff-list { display:grid;gap:10px; }
.sanction-staff-card { border:1px solid #252a3b;border-radius:9px;background:#10131d;overflow:hidden; }
.sanction-staff-card.dismissed { border-color:#ff627d55; }
.sanction-staff-card summary { list-style:none;display:flex;align-items:center;gap:13px;padding:16px 18px;cursor:pointer; }
.sanction-staff-card summary::-webkit-details-marker { display:none; }
.sanction-staff-card summary>img { width:43px;height:43px;border-radius:50%; }
.sanction-staff-card .staff-state { padding:6px 9px;border:1px solid #35d49a44;border-radius:4px;color:#59dcaa;font-size:7px;letter-spacing:1px; }
.sanction-staff-card.dismissed .staff-state { border-color:#ff627d55;color:#ff8094; }
.sanction-card-body { display:grid;gap:18px;padding:20px;border-top:1px solid #24293a;background:#0c0f17; }
.add-sanction-form { display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px; }
.add-sanction-form label { display:flex;flex-direction:column;gap:8px;color:#8d94a6;font-size:9px; }
.add-sanction-form textarea { padding:11px;border:1px solid #292e40;border-radius:6px;background:#0a0d14;color:#fff;resize:vertical; }
.sanction-history h3 { font:600 12px Space Grotesk; }
.sanction-history article { display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #202536; }
.sanction-history article>div { flex:1; }
.sanction-history strong,.sanction-history small { display:block; }
.sanction-history strong { font-size:10px; }
.sanction-history small { margin-top:5px;color:#697084;font-size:8px; }
.sanction-history article.removed { opacity:.45; }
.sanction-history article.removed strong { text-decoration:line-through; }
@media(max-width:700px){.sanction-staff-card summary{flex-wrap:wrap}.add-sanction-form{grid-template-columns:1fr}.add-sanction-form button{width:100%}.sanction-staff-card .staff-state{margin-left:55px}}