/* 簡易樣式調整 */
html, body {
    height: 100%;
}
#login-modal.hidden { display: none; }
#user-bar.hidden { display: none; }
#login-feedback { min-height: 1.25rem; }

/* 小螢幕時 modal 佔滿 */
@media (max-width: 480px){
    #login-modal > div { margin: 0 1rem; width: calc(100% - 2rem); }
}

/* === 亮色主題覆寫 === */
[data-theme="light"] body,
[data-theme="light"] .bg-gray-900 { background-color: var(--bg-primary) !important; color: var(--text-secondary) !important; }
[data-theme="light"] .bg-gray-800 { background-color: var(--bg-card) !important; }
[data-theme="light"] .bg-gray-700,
[data-theme="light"] .bg-gray-700\/50 { background-color: var(--bg-tertiary) !important; }
[data-theme="light"] .bg-gray-900\/50 { background-color: rgba(243,244,246,0.5) !important; }
[data-theme="light"] .text-white { color: var(--text-primary) !important; }
[data-theme="light"] .text-gray-300,
[data-theme="light"] .text-gray-400 { color: var(--text-tertiary) !important; }
[data-theme="light"] .text-gray-500 { color: var(--text-muted) !important; }
[data-theme="light"] .border-gray-600,
[data-theme="light"] .border-gray-700 { border-color: var(--border-primary) !important; }
[data-theme="light"] .divide-gray-700 > * + * { border-color: var(--border-secondary) !important; }
[data-theme="light"] input,
[data-theme="light"] select,
[data-theme="light"] textarea { background-color: var(--bg-input) !important; color: var(--text-primary) !important; border-color: var(--border-primary) !important; }
[data-theme="light"] .hover\:bg-gray-700\/50:hover { background-color: var(--bg-hover) !important; }
[data-theme="light"] .bg-black\/60,
[data-theme="light"] .bg-black\/50 { background-color: var(--bg-modal-overlay) !important; }
[data-theme="light"] .shadow-lg { box-shadow: 0 4px 6px -1px rgba(0,0,0,0.08), 0 2px 4px -2px rgba(0,0,0,0.06) !important; }
[data-theme="light"] .bg-blue-900\/30 { background-color: var(--bg-info-banner) !important; }
[data-theme="light"] .tab-btn { color: var(--text-tertiary); }
[data-theme="light"] .tab-btn.active { color: var(--text-primary); background-color: var(--bg-secondary); }

/* === Tab Bar 水平滾動（隱藏卷軸） === */
.tab-scroll-container::-webkit-scrollbar { display: none; }
.tab-scroll-container { -ms-overflow-style: none; scrollbar-width: none; }

/* === Tab 切換淡入動畫 === */
.tab-content { animation: tabFadeIn 0.2s ease-out; }
@keyframes tabFadeIn {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

/* === 手機端導航漢堡按鈕 === */
@media (min-width: 768px) {
    #hamburger-btn { display: none !important; }
}