/* Daily attendance / streak ranking */
.attendance-pill{min-height:40px;height:40px;padding:0 11px;border:1px solid rgba(255,139,32,.22);border-radius:999px;background:#fffaf1;color:#80500d;box-shadow:0 8px 18px rgba(120,76,10,.08);display:inline-flex;align-items:center;gap:6px;font:950 12px/1 system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer;white-space:nowrap}
.attendance-pill.done{background:linear-gradient(180deg,#fff8dc,#fff0ae);border-color:rgba(225,151,18,.3)}
.attendance-overlay{position:fixed;z-index:1000001;inset:0;display:grid;place-items:center;padding:20px;background:rgba(8,18,35,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.attendance-overlay[hidden]{display:none!important}.attendance-card{position:relative;width:min(520px,100%);max-height:min(760px,90vh);overflow:auto;padding:25px;border-radius:26px;background:#fff;color:#202535;border:1px solid rgba(60,72,100,.13);box-shadow:0 28px 90px rgba(0,0,0,.28)}
.attendance-close{position:absolute;right:13px;top:13px;width:36px;height:36px;border:0;border-radius:11px;background:#f1f3f7;color:#596274;font-size:22px;cursor:pointer}.attendance-hero{display:flex;align-items:center;gap:12px;padding-right:38px}.attendance-hero>span{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:#fff0bd;font-size:28px}.attendance-hero small{display:block;color:#aa7518;font-size:10px;font-weight:1000;letter-spacing:.12em}.attendance-hero h2{margin:2px 0 0;font-size:28px;letter-spacing:-.04em}
.attendance-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:18px 0}.attendance-summary>div{padding:10px 6px;border-radius:14px;background:#f8f9fc;text-align:center;border:1px solid #edf0f5}.attendance-summary span{display:block;font-size:10px;font-weight:850;color:#7f8999}.attendance-summary strong{display:block;margin-top:4px;font-size:14px;color:#222a3a}.attendance-rank-head{display:flex;justify-content:space-between;align-items:end;gap:10px;margin:6px 2px 9px}.attendance-rank-head strong{font-size:15px}.attendance-rank-head span{font-size:10px;color:#8a93a3;font-weight:800}
.attendance-ranking-list{display:grid;gap:5px}.attendance-rank-row{display:grid;grid-template-columns:35px minmax(0,1fr) 72px 115px;align-items:center;gap:6px;min-height:43px;padding:7px 9px;border-radius:12px;background:#f8f9fb;border:1px solid #edf0f4}.attendance-rank-row.me{outline:2px solid rgba(47,107,255,.35);background:#f0f5ff}.attendance-rank-row.top-1{background:#fff7cf}.attendance-rank-row.top-2{background:#f3f5f8}.attendance-rank-row.top-3{background:#fff0e4}.attendance-rank-pos{text-align:center;font-weight:1000}.attendance-rank-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.attendance-rank-row b{text-align:right;font-size:12px;color:#b56705}.attendance-rank-row em{text-align:right;font-style:normal;font-size:9px;font-weight:800;color:#8b94a3}.attendance-empty{padding:20px;text-align:center;color:#8b94a3;font-size:12px;font-weight:800}.attendance-note{margin:11px 2px 0;color:#8a93a3;font-size:10px;line-height:1.5;font-weight:700}
@media(max-width:700px){.attendance-pill{height:36px;min-height:36px;padding:0 8px;font-size:10px}.attendance-summary{grid-template-columns:repeat(2,1fr)}.attendance-card{padding:20px 14px}.attendance-rank-row{grid-template-columns:30px minmax(0,1fr) 62px}.attendance-rank-row em{grid-column:2/4;text-align:left;margin-top:-4px}.attendance-hero h2{font-size:24px}}
@media(max-width:480px){.attendance-pill span:first-child{display:none}.attendance-pill{padding:0 7px}}
.attendance-period-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:2px 0 12px}.attendance-period-tabs button{height:36px;border:1px solid #e5e9f0;border-radius:10px;background:#f7f8fb;color:#6d7788;font-size:11px;font-weight:950;cursor:pointer}.attendance-period-tabs button.active{background:#293d79;color:#fff;border-color:#293d79;box-shadow:0 5px 14px rgba(41,61,121,.18)}