.schedule-panel{max-width:980px}.schedule-intro{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.schedule-state{padding:7px 12px;border-radius:999px;font-weight:750}.schedule-state.on{background:#e5f7ef;color:var(--success)}.schedule-state.off{background:#eef1f5;color:var(--muted)}.success-message{margin:14px 0;padding:11px 13px;border-radius:8px;background:#e5f7ef;color:var(--success)}.schedule-form{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:18px;margin-top:22px}.schedule-form>label{display:grid;gap:7px;color:var(--muted)}.schedule-form select{width:100%}.schedule-form fieldset{grid-column:1/-1;border:1px solid var(--border);border-radius:10px;padding:15px}.schedule-form legend{padding:0 7px;font-weight:700}.weekday-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.weekday input{position:absolute;opacity:0;pointer-events:none}.weekday span{display:block;padding:10px 7px;border:1px solid var(--border);border-radius:8px;text-align:center;cursor:pointer}.weekday input:checked+span{border-color:var(--primary);background:#eef2ff;color:var(--primary);font-weight:750}.schedule-example{grid-column:1/-1;color:var(--muted);background:#f7f9fc;padding:12px;border-radius:8px}.schedule-form button{grid-column:1/-1;justify-self:start}@media(max-width:850px){.schedule-form{grid-template-columns:1fr 1fr}.weekday-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:520px){.schedule-form{grid-template-columns:1fr}.weekday-grid{grid-template-columns:1fr 1fr}.schedule-intro{display:block}.schedule-state{display:inline-block;margin-bottom:10px}}