.attendance-legend{display:flex;gap:18px;flex-wrap:wrap;margin:0 0 14px;font-size:12px;color:var(--muted)}.attendance-legend span{display:flex;align-items:center;gap:6px}.attendance-legend i{width:24px;height:24px;border-radius:5px;display:grid;place-items:center;font-style:normal;font-weight:800}.legend-p{background:#cfe3d8;color:#315c4b}.legend-f{background:#f1d7ce;color:#8d4f3b}.legend-x{background:#e5e3dd}.monthly-attendance-wrap{overflow:auto;padding:0}.monthly-grid{display:grid;min-width:max-content}.monthly-cell{width:34px;height:42px;border-right:1px solid #dedbd3;border-bottom:1px solid #dedbd3;display:grid;place-items:center;font-size:11px}.monthly-head{background:#eef2ed;font-weight:800;height:48px}.monthly-name{position:sticky;left:0;z-index:2;width:220px;justify-items:start;padding:0 13px;background:white;font-weight:700}.monthly-head.monthly-name{z-index:3;background:#dfe9e1}.monthly-birth{width:95px;background:#faf9f5}.attendance-square{border:0;width:27px;height:27px;border-radius:5px;background:#f7f6f2;cursor:pointer;font-weight:850;color:var(--ink)}.attendance-square.mark-p{background:#cfe3d8;color:#315c4b}.attendance-square.mark-f{background:#f1d7ce;color:#8d4f3b}.attendance-square.no-class{background:#e3e1db;color:#aaa;cursor:not-allowed}.monthly-delete{border:0;background:transparent;color:#a45e4a;cursor:pointer;font-size:11px}.monthly-empty{padding:35px;color:var(--muted);text-align:center}.monthly-summary{font-size:10px;color:var(--muted);display:block;font-weight:500;margin-top:2px}@media(max-width:600px){.monthly-name{width:170px}.monthly-cell{width:32px}.attendance-legend{gap:10px}}

#mobileAttendance{display:none}.mobile-attendance-card{padding:18px}.mobile-attendance-date{display:grid;gap:7px;margin-bottom:15px}.mobile-attendance-date input{width:100%;min-height:48px}.mobile-attendance-list{display:grid;gap:10px}.mobile-attendance-child{display:grid;grid-template-columns:minmax(0,1fr) 104px 104px;gap:8px;align-items:center;padding:12px;border:1px solid #dedbd3;border-radius:14px;background:#fff}.mobile-attendance-child strong{display:block;line-height:1.25}.mobile-attendance-child small{display:block;margin-top:3px;color:var(--muted)}.mobile-attendance-choice{min-height:48px;border:1px solid #ccd7d0;border-radius:12px;background:#f7f6f2;font-weight:800;color:var(--ink)}.mobile-attendance-choice.is-present{background:#cfe3d8;border-color:#8db6a1;color:#315c4b}.mobile-attendance-choice.is-absent{background:#f1d7ce;border-color:#d8a594;color:#8d4f3b}.mobile-attendance-no-class{padding:18px;border-radius:12px;background:#eeece6;color:var(--muted);text-align:center}.mobile-attendance-save{margin-top:14px;color:#315c4b;font-weight:700;font-size:13px}
@media(max-width:700px){#mobileAttendance{display:block}.monthly-attendance-wrap{display:none}.attendance-legend{display:none}.mobile-attendance-child{grid-template-columns:minmax(0,1fr) 88px 88px}.mobile-attendance-choice{padding:8px 5px;font-size:13px}}
@media(max-width:390px){.mobile-attendance-child{grid-template-columns:1fr 1fr}.mobile-attendance-child>div{grid-column:1/-1}.mobile-attendance-choice{width:100%}}
.attendance-confirmation-card{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:16px;padding:18px}.attendance-confirmation-card strong,.attendance-confirmation-card span{display:block}.attendance-confirmation-card span{margin-top:4px;color:var(--muted);font-size:13px}.attendance-confirmation-card .primary{min-width:190px}.attendance-confirmation-card.is-confirmed{border-color:#8db6a1;background:#f3f8f4}.attendance-confirmation-card.is-confirmed strong{color:#315c4b}@media(max-width:700px){.attendance-confirmation-card{display:grid}.attendance-confirmation-card .primary{width:100%;min-height:52px}.mobile-attendance-save{color:var(--muted)}}