.admin-attention{margin:0 0 24px;padding:20px;border:1px solid #d8e0ea;border-radius:18px;background:#fff}
.admin-attention[hidden],.admin-attention [hidden]{display:none!important}
.attention-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.attention-head h2{font-size:19px;margin:0 0 5px}.attention-head p{margin:0;color:#68758c;font-size:13px}
#attentionPeriod{display:flex;align-items:end;gap:8px;flex-wrap:wrap}#attentionPeriod label{font-size:12px;display:grid;gap:4px;color:#5d6b81}#attentionPeriod input{font:inherit;min-width:0;padding:8px;border:1px solid #cad5e3;border-radius:8px;background:white;color:#1d2c45}
#attentionPeriod button{font-size:12px;padding:9px 12px}
.attention-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.attention-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;width:100%;text-align:left;padding:17px 20px;border:1px solid #edc1ba;border-radius:12px;background:#fff1ee;color:#8a3029;cursor:pointer;font:inherit}
.attention-card.classes{background:#fff8e8;border-color:#eddba8;color:#72500d}
.attention-card strong{font-size:34px;line-height:1.15}.attention-card b{display:block;font-size:15px}.attention-card small{display:block;margin-top:5px;font-size:12px;font-weight:400}.attention-card[aria-expanded=true]{outline:2px solid currentColor;outline-offset:2px}
.attention-card:focus-visible,#attentionDetails button:focus-visible{outline:3px solid #287cd2;outline-offset:3px}
.attention-details-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px}.attention-details-head h3{font-size:16px;margin:0}.attention-search{display:block;margin:12px 0}.attention-search input{width:100%;padding:10px;border:1px solid #cad5e3;border-radius:8px;font:inherit}
.attention-rows{display:grid;gap:8px;max-height:420px;overflow:auto;padding:3px}.attention-row{border:1px solid #e0e6ef;border-radius:10px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px}.attention-row b{display:block;font-size:14px}.attention-row p{margin:4px 0;font-size:12px;color:#66738a}.attention-row .attention-reason{color:#8a3029}.attention-row button{white-space:nowrap;font-size:12px}.attention-actions{display:flex;gap:6px;flex-wrap:wrap}
#attentionCaption{font-size:12px;margin:12px 0 0}#attentionError:not(:empty){padding:10px 0;color:#a22929}
@media(max-width:700px){.admin-attention{padding:14px}.attention-metrics{grid-template-columns:1fr}.attention-card{padding:14px}.attention-head,#attentionPeriod{width:100%}#attentionPeriod label{flex:1 1 40%;min-width:0}.attention-row{align-items:start;flex-direction:column}.attention-actions{width:100%}}

.attention-card.review{background:#f2f5ff;border-color:#ccd7ef;color:#36537d}
.attention-card.clear{background:#f4f9f6;border-color:#d6e6dc;color:#35634a}
.attention-metrics.stale{opacity:.6}.attention-metrics[aria-busy=true]{opacity:.7}
.attention-filters{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px}
.attention-search{font-size:12px;color:#5d6b81}.attention-search input,.attention-search select{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid #cad5e3;border-radius:8px;font:inherit;background:white;color:#1d2c45}
.attention-row .attention-completed{color:#35634a}.attention-row>div{min-width:0}.attention-reason{overflow-wrap:anywhere}
@media(max-width:1000px){.attention-metrics{grid-template-columns:1fr}.attention-card{padding:14px}}
@media(max-width:700px){.attention-filters{grid-template-columns:1fr;gap:0}}

.attendance-notice-button{display:block;width:100%;margin-top:12px;padding:12px 15px;border:1px solid #c9dae9;border-radius:10px;background:#f2f7fc;color:#355978;text-align:left;font:inherit;font-size:13px;cursor:pointer}
.attendance-notice-button[aria-expanded=true]{outline:2px solid #537fa4;outline-offset:2px}.attendance-notice-button:focus-visible{outline:3px solid #287cd2;outline-offset:3px}
.attendance-notice{border-color:#c9dae9;background:#f7faff}.attendance-row .attendance-notice-status{color:#355978;font-weight:600}