#weekly-schedule table { width:100%; border-collapse:collapse; text-align:center; background:#fff; margin:0 auto; }
#weekly-schedule th, #weekly-schedule td { border:1px solid #ccc; padding:6px; background:#fff; }
#weekly-schedule th { background:#f0f0f0; }
#weekly-schedule .slot { font-weight:600; }
#weekly-schedule .on { color:#28a745; }
#weekly-schedule .off { color:#dc3545; }
#weekly-schedule .holiday { color:#555; }
#weekly-schedule .card-view { display:none; margin-top:10px; }
#weekly-schedule .schedule-card { border:1px solid #ccc; background:#fff; border-radius:4px; padding:8px; margin-bottom:8px; }
#weekly-schedule .schedule-card .date { font-weight:600; margin-bottom:4px; }
#weekly-schedule .schedule-card .slot { display:flex; justify-content:space-between; padding:2px 0; }
#weekly-schedule .schedule-card .value.on { color:#28a745; }
#weekly-schedule .schedule-card .value.off { color:#dc3545; }
@media only screen and (max-width:600px) { #weekly-schedule table { display:none; } #weekly-schedule .card-view { display:block; } }