/* ── 9. CALENDAR CARD ON LIGHT BG ──────────────────────────────── */
    #view-schedule .home-calendar {
      box-shadow:
        0 4px 16px rgba(15, 23, 42, 0.06),
        0 12px 40px rgba(15, 23, 42, 0.04),
        0 0 0 1px rgba(201, 168, 76, 0.08);
      transition: box-shadow .3s ease;
    }

    #view-schedule .home-calendar:hover {
      box-shadow:
        0 8px 28px rgba(15, 23, 42, 0.08),
        0 16px 48px rgba(15, 23, 42, 0.05),
        0 0 0 1px rgba(201, 168, 76, 0.14);
    }

    /* ══════════════════════════════════════════════════════════════════
       SCHEDULE PAGE — PREMIUM LIGHT-THEME REDESIGN
       CSS-only visual overrides. No functionality changes.
       ══════════════════════════════════════════════════════════════════ */

    /* ── Calendar card shell ─────────────────────────────────────── */
    #view-schedule .home-calendar {
      background: #FFFFFF;
      border: 1px solid #E2E8F0;
      border-radius: 16px;
      box-shadow:
        0 1px 3px rgba(15, 23, 42, 0.04),
        0 4px 16px rgba(15, 23, 42, 0.05),
        0 0 0 1px rgba(201, 168, 76, 0.06);
      padding: 1.25rem 1.25rem 1.1rem;
    }

    /* ── Calendar header ─────────────────────────────────────────── */
    #view-schedule .home-calendar-header {
      margin-bottom: 0;
      flex-direction: column;
      align-items: stretch;
    }

    #view-schedule .home-calendar-title {
      color: #0F172A;
      font-size: .85rem;
      letter-spacing: 2.5px;
    }

    #view-schedule .home-calendar-sub {
      color: #64748B;
      font-size: .74rem;
    }