/* ════════════════════════════════════════════════════
   OmniDashboard 樣式 v4 — 極簡版

   原則：不碰 layout，不碰 width，不碰 grid。
   只做視覺美化。讓 Vizro/Mantine 自己處理排版。
   ════════════════════════════════════════════════════ */

/* ═══ 必要的 layout 修正 ═══ */

/* 1. Vizro Grid 缺少 display:grid，不加這行 gridTemplateColumns 無效 */
.grid-layout {
  display: grid;
}

/* 2. 手機：左側面板直接隱藏（DatePicker 在小螢幕無法操作） */
@media (max-width: 768px) {
  #collapse-left-side,
  #collapse-icon-outer,
  #nav-bar {
    display: none !important;
  }
  #right-side {
    width: 100% !important;
    padding: 12px !important;
  }
}

/* 滾動條美化 */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* vm.Card 資訊條 */
.card-wrapper > .card,
.card-wrapper-actions > .card {
  background: linear-gradient(90deg, #EFF6FF 0%, #F0FDF4 100%) !important;
  border-left: 4px solid #3B82F6 !important;
  border-radius: 8px !important;
  padding: 12px 18px !important;
}

/* 圖表卡片圓角 + 陰影 */
.figure-container {
  border-radius: 12px !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
}
.figure-container:hover {
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.10) !important;
}

/* 容器標題 */
.container-title {
  font-weight: 700 !important;
  border-bottom: 2px solid #E5E7EB !important;
}