.att-day{max-width:1080px;margin:1rem auto}.att-toolbar{display:flex;gap:1rem;flex-wrap:wrap;margin:1rem 0}.att-toolbar form{display:flex;gap:.5rem;background:#fff;padding:.8rem;border-radius:.8rem;box-shadow:0 8px 25px #203c7012}.att-toolbar input,.att-toolbar select,.att-toolbar button,.att-sheet input,.att-sheet button{min-height:44px;border:1px solid #d9e1ef;border-radius:.6rem;padding:.55rem}.att-toolbar button,.att-sheet button{background:#2859bd;color:#fff;font-weight:800}.att-date-title{margin:1.5rem 0 .7rem}.att-timeline{display:grid;gap:1rem}.att-course{display:grid;grid-template-columns:100px 1fr;background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 10px 30px #203c7015}.att-course-time{display:grid;place-content:center;background:#142d62;color:#fff;text-align:center}.att-course-time strong{font-size:1.15rem}.att-course-body{padding:1rem}.att-course-head{display:flex;justify-content:space-between;gap:1rem}.att-course-head span{color:#64748b}.att-course-meta{display:flex;gap:.6rem;flex-wrap:wrap;margin:.6rem 0}.att-course-meta span{padding:.25rem .55rem;border-radius:999px;background:#eef3fb}.att-course a{display:inline-block;padding:.65rem .9rem;background:#2859bd;color:#fff;border-radius:.6rem;text-decoration:none;font-weight:800}.att-sheet{display:grid;gap:.75rem}.att-person{border-left:7px solid #94a3b8}.att-person.is-present{border-left-color:#22a35a;background:#effbf4}.att-person.is-excused{border-left-color:#f59e0b;background:#fff8e8}.att-person.is-absent{border-left-color:#dc3545;background:#fff1f2}.att-person form{display:grid;grid-template-columns:1.2fr 2fr 1fr 1.4fr auto;gap:.6rem;align-items:center;padding:.85rem;border-radius:.8rem}.att-status-buttons{display:flex;gap:.35rem}.att-status-buttons input{position:absolute;opacity:0}.att-status-buttons label{cursor:pointer;padding:.55rem .65rem;border:2px solid transparent;border-radius:.6rem;font-weight:800}.att-status-buttons .present{background:#d9f7e5;color:#14733d}.att-status-buttons .excused{background:#fff0c7;color:#9a6200}.att-status-buttons .absent{background:#ffe0e3;color:#a51e2d}.att-status-buttons input:checked+label{border-color:currentColor;box-shadow:0 0 0 2px #fff inset}.att-empty{padding:1.4rem;background:#fff;border-radius:1rem;text-align:center}.att-validate{margin-top:1rem;text-align:right}@media(max-width:850px){.att-person form{grid-template-columns:1fr 1fr}.att-person strong,.att-status-buttons{grid-column:1/-1}}@media(max-width:600px){.att-course{grid-template-columns:1fr}.att-course-time{padding:.65rem}.att-toolbar form,.att-toolbar input,.att-toolbar button{width:100%}.att-person form{grid-template-columns:1fr}.att-person strong,.att-status-buttons{grid-column:auto}.att-status-buttons{flex-direction:column}}
