/* ============================================================
   Dashboard Fill v1 —— 总览页空白平铺（智能体迁出后）
   原三列布局(340+1fr+360)第三列空置 → 改两列 + 决策卡平铺
   ============================================================ */

/* ---- 1. 主网格改两列：利润区 + 决策区吃满剩余宽度 ---- */
#page-dashboard .main-grid {
  grid-template-columns: 340px 1fr !important;
}

/* ---- 2. 决策容器：双列平铺，卡片撑满（消灭区内空白） ---- */
#page-dashboard #decisionsContainer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  align-items: stretch;
}
/* 空状态提示横跨两列 */
#page-dashboard #decisionsContainer > div:only-child {
  grid-column: 1 / -1;
}

/* ---- 3. 决策卡内部：铺满格子，按钮横排贴边 ---- */
#page-dashboard .decision {
  margin-bottom: 0 !important;
  display: flex;
  flex-direction: column;
  height: 100%;
}
#page-dashboard .decision .dec-btns {
  margin-top: auto;
  padding-top: 8px;
}

/* ---- 4. 利润区与决策区等高对齐，避免底部落差空白 ---- */
#page-dashboard .main-grid > .card {
  align-self: stretch;
}

/* ---- 5. 窄屏降级：单列 ---- */
@media (max-width: 1100px) {
  #page-dashboard .main-grid {
    grid-template-columns: 1fr !important;
  }
  #page-dashboard #decisionsContainer {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 1101px) and (max-width: 1400px) {
  #page-dashboard #decisionsContainer {
    grid-template-columns: 1fr;
  }
}