/* css/style.css - 全局样式定义 */
body { font-family: 'Inter', sans-serif; background-color: #f7f9fb; }

/* 卡片与通用 UI */
.card { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.06); }
th, td { padding: 12px 12px; text-align: left; }
th { cursor: pointer; user-select: none; white-space: nowrap; }

/* 只让 modalBody 滚动 */
#modalBody {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

/* 禁止 card 自己滚动（只当容器） */
#bookingModalCard {
  overflow: hidden;

}

/* 模态框 */
.modal-overlay { 
    position: fixed; top: 0; left: 0; right: 0; bottom: 0; 
    background-color: rgba(0, 0, 0, 0.6); 
    display: flex; justify-content: center; align-items: center; 
    z-index: 100; 
    height: 100dvh;
}
.modal-overlay.hidden { display: none; }

/* Tab 导航 */
.tab-btn { padding: 10px 20px; font-weight: 600; color: #6b7280; border-bottom: 2px solid transparent; cursor: pointer; }
.tab-btn.active { color: #4f46e5; border-bottom-color: #4f46e5; }
.tab-content.hidden { display: none; }

/* 自定义滚动条 */
.scrollbar-hide::-webkit-scrollbar { display: none; } 
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

/* Quill 编辑器调整 */
.ql-editor { min-height: 300px; max-height: 500px; overflow-y: auto; background: white; font-size: 16px; }

/* 动画 */
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.animate-fade-in { animation: fadeIn 0.3s ease-out; }

@media (max-width: 768px) {
  .xd-panel {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

@supports (height: 100dvh) {
  #bookingModalCard {
    max-height: 90dvh;
  }
}