/* Mobile Day View (Second View) - Mobile Only */
@media (max-width: 768px) {
    .mobile-day-view { display: none; flex-direction: column; padding-bottom: 100px; }
    .day-tabs-container { margin-bottom: 24px; overflow: hidden; }
    .day-tabs { display: flex; gap: 8px; overflow-anchor: none; overflow-x: auto; overflow-y: hidden; padding: 4px 0; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; }
    .day-tabs::-webkit-scrollbar { display: none; }
    .day-tab { flex-shrink: 0; background-color: #ffffff; border: 1.5px solid #E5E7EB; border-radius: 12px; padding: 10px 14px; cursor: pointer; transition: background-color 0.25s var(--ease-spring, cubic-bezier(0.22, 1, 0.36, 1)), border-color 0.25s var(--ease-spring, cubic-bezier(0.22, 1, 0.36, 1)), transform 0.12s ease-out; display: flex; flex-direction: column; align-items: center; gap: 2px; min-width: 62px; }
    .day-tab:active { transform: scale(0.94); }
    .day-tab-name { font-size: 13px; font-weight: 500; color: #6B7280; text-transform: uppercase; letter-spacing: 0.02em; transition: color 0.25s var(--ease-spring, cubic-bezier(0.22, 1, 0.36, 1)); }
    .day-tab-date { font-size: 12px; color: #9CA3AF; font-weight: 400; transition: color 0.25s var(--ease-spring, cubic-bezier(0.22, 1, 0.36, 1)); }
    .day-tab.active { background-color: #3B82F6; border-color: #3B82F6; }
    .day-tab.active .day-tab-name, .day-tab.active .day-tab-date { color: #ffffff; font-weight: 600; }
    .day-tab.is-today { border-color: #3B82F6; border-width: 2px; }
    .day-content { position: relative; }
    .day-schedule { display: none; flex-direction: column; gap: 12px; }
    .day-schedule.active {
        display: flex;
        animation: dayScheduleIn 0.25s var(--ease-spring, cubic-bezier(0.22, 1, 0.36, 1)) both;
    }
    @keyframes dayScheduleIn {
        from { opacity: 0; transform: translateY(8px); }
        to { opacity: 1; transform: translateY(0); }
    }
    .mobile-class-card { background-color: #ffffff; border-radius: 16px; padding: 16px; transition: background-color 0.3s var(--ease-spring, cubic-bezier(0.22, 1, 0.36, 1)), box-shadow 0.25s var(--ease-spring, cubic-bezier(0.22, 1, 0.36, 1)); box-shadow: 0 1px 3px rgba(0,0,0,0.05); }
    .mobile-card-time { color: #2563eb; font-weight: 600; font-size: 15px; margin-bottom: 6px; }
    .mobile-card-subject { font-size: 16px; font-weight: 700; margin-bottom: 12px; color: #111827; line-height: 1.4; letter-spacing: -0.005em; transition: color 0.3s var(--ease-spring, cubic-bezier(0.22, 1, 0.36, 1)); }
    .mobile-card-meta { display: flex; gap: 8px; flex-wrap: wrap; }
    .mobile-tag-room, .mobile-tag-type { background-color: #DBEAFE; color: #2563eb; font-size: 12px; padding: 6px 10px; border-radius: 6px; font-weight: 500; letter-spacing: 0.01em; transition: background-color 0.3s var(--ease-spring, cubic-bezier(0.22, 1, 0.36, 1)), color 0.3s var(--ease-spring, cubic-bezier(0.22, 1, 0.36, 1)); }
    .mobile-tag-subgroup { background-color: #fef3c7; color: #d97706; font-size: 12px; padding: 6px 10px; border-radius: 6px; font-weight: 500; letter-spacing: 0.01em; }
    .support-widget { display: none; }
    .load-earlier-btn { width: 100%; flex: none; padding: 14px 16px; border: none; border-radius: 16px; background-color: #ffffff; color: #2563eb; font-family: inherit; font-size: 15px; font-weight: 600; cursor: pointer; box-shadow: 0 1px 3px rgba(0,0,0,0.05); transition: transform 0.12s ease-out, background-color 0.3s var(--ease-spring, cubic-bezier(0.22, 1, 0.36, 1)); }
    .load-earlier-btn:active:not(:disabled) { transform: scale(0.98); }
    .load-earlier-btn:disabled { opacity: 0.6; cursor: default; }
    [data-theme="dark"] .load-earlier-btn { background-color: #1e293b; color: #60a5fa; box-shadow: 0 1px 3px rgba(0,0,0,0.25); }

    [data-theme="dark"] body { background-color: #0f172a; }
    [data-theme="dark"] .day-column { background-color: #1e293b; box-shadow: 0 2px 8px rgba(0,0,0,0.2); }
    [data-theme="dark"] .class-card { background-color: #334155; }
    [data-theme="dark"] .card-subject { color: #f1f5f9; }
    [data-theme="dark"] .day-tab { background-color: #1e293b; border-color: #334155; }
    [data-theme="dark"] .day-tab-name { color: #94a3b8; }
    [data-theme="dark"] .day-tab-date { color: #64748b; }
    [data-theme="dark"] .day-tab.is-today { border-color: #3b82f6; }
    [data-theme="dark"] .mobile-class-card { background-color: #1e293b; box-shadow: 0 1px 3px rgba(0,0,0,0.25); }
    [data-theme="dark"] .mobile-card-subject { color: #f1f5f9; }
    [data-theme="dark"] .mobile-tag-room,
    [data-theme="dark"] .mobile-tag-type { background-color: #1e3a5f; color: #60a5fa; }
}