#detentions .detention-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}#detentions .detention-year{display:flex;align-items:center;gap:11px;font-weight:800;color:#18385a}#detentions .detention-year button{height:40px;width:40px;border:1px solid #c2d1e0;border-radius:9px;background:#f3f7fc;font-size:23px;color:#1b3c60}#detentions .detention-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}#detentions .detention-stat{padding:15px;border-radius:13px;border:1px solid #bcd4e9;background:#eaf5fe}#detentions .detention-stat:nth-child(2){background:#e5f4ed;border-color:#b9dccc}#detentions .detention-stat small{display:block;color:#426278;font-size:14px}#detentions .detention-stat strong{display:block;color:#172e4f;font-size:29px;margin-top:6px}#detentions .detention-form[hidden]{display:none}#detentions .detention-form{margin-top:18px;border-top:1px solid #dce6f0;padding-top:18px}#detentions .detention-form textarea{width:100%;min-height:90px;resize:vertical}#detentions .detention-count-control{display:flex;gap:8px;align-items:center}#detentions .detention-count-control input{width:95px;text-align:center}#detentions .detention-count-control button{width:44px;height:44px;border:1px solid #b7c9dc;border-radius:9px;background:#eef5fc;color:#173d65;font-size:24px}#detentions .detention-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}#detentions .detention-actions button{min-height:42px}#detentions .detention-list{display:grid;gap:10px;margin-top:16px}#detentions .detention-item{background:#fff;border:1px solid #d6e3ee;border-left:5px solid #315d91;border-radius:12px;padding:13px;display:flex;gap:10px;justify-content:space-between;align-items:flex-start}#detentions .detention-item h4{margin:0 0 6px;color:#172f51}#detentions .detention-item p{margin:3px 0;color:#4c6278;line-height:1.45;overflow-wrap:anywhere}#detentions .detention-item button{border:1px solid #b9cadd;border-radius:8px;background:#f4f8fd;padding:9px 12px;font-weight:700;color:#1c436a}#detentions .detention-empty{padding:14px;border:1px dashed #b8cbdc;border-radius:11px;color:#53677a}@media(max-width:540px){#detentions .detention-item{flex-direction:column}#detentions .detention-item button{align-self:flex-start}}