/* #checkin (item 100, admin/checkin.js): 28 day cards in a responsive grid, settings and tools above. Readable at 390 px. */
.checkin-admin .checkin-admin-summary h3,.checkin-admin .checkin-admin-settings legend{margin:0 0 6px}
.checkin-admin .checkin-admin-facts{margin:0;padding-left:18px;display:grid;gap:3px}
.checkin-admin .checkin-mode{padding:1px 8px;border-radius:8px;background:var(--line,#ddd)}
.checkin-admin .checkin-mode-all{background:#2f6b3a;color:#fff}
.checkin-admin .checkin-mode-admins{background:#c9a75b;color:#2a2008}
.checkin-admin .checkin-mode-off{background:#777;color:#fff}
.checkin-admin .checkin-admin-form{display:grid;gap:10px;margin-top:10px}
.checkin-admin .checkin-admin-settings{display:grid;gap:8px}
.checkin-admin .checkin-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.checkin-admin .checkin-row>span{flex:1 1 220px}
.checkin-admin .checkin-check{display:flex;align-items:center;justify-content:flex-start;gap:6px}
.checkin-admin .checkin-check input{width:auto;flex:none;margin:0}
.checkin-admin .checkin-row select,.checkin-admin .checkin-admin-tools select{width:auto;min-width:120px;max-width:100%}
.checkin-admin .checkin-admin-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.checkin-admin .checkin-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.checkin-admin .checkin-admin-day{min-width:0;margin:0;display:grid;gap:6px;align-content:start}
.checkin-admin .checkin-admin-day legend{font-weight:bold}
.checkin-admin .checkin-admin-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.checkin-admin .checkin-admin-nums label{display:grid;gap:2px;font-size:12px;min-width:0}
.checkin-admin .checkin-num,.checkin-admin .checkin-amount{width:100%;min-width:0;box-sizing:border-box}
.checkin-admin .checkin-admin-items{display:grid;gap:4px}
.checkin-admin .checkin-item-row{display:grid;grid-template-columns:minmax(0,1fr) auto 64px;align-items:center;gap:4px}
.checkin-admin .checkin-item{min-width:0;width:100%}
.checkin-admin .checkin-note{width:100%;box-sizing:border-box}
.checkin-admin .checkin-warning{margin:0;padding:4px 8px;border-radius:6px;background:#fbe3dd;color:#8a2a1b;font-size:12px}
.checkin-admin .checkin-live{color:var(--muted,#666);font-size:12px}
.checkin-admin .checkin-admin-actions{display:flex;justify-content:flex-end}
@media(max-width:480px){.checkin-admin .checkin-admin-grid{grid-template-columns:minmax(0,1fr)}}