/* ==========================================================================
   ShopMinds AI — 工作台：我的智能体 / 收藏（Phase 3）
   单独成文件，避免改动压缩过的 dashboard.css 主体。
   ========================================================================== */

/* 新增分组导航的图标（其余图标在 dashboard.css 中定义） */
nav button[data-view="myAgents"] i::before { content: "▦"; font-size: 15px; }
nav button[data-view="favorites"] i::before { content: "♥"; font-size: 14px; }
nav button[data-view="analytics"] i::before { content: "◉"; font-size: 15px; }
nav button[data-view="affiliate"] i::before { content: "↗"; font-size: 15px; }
nav button[data-view="settings"] i::before { content: "⚙"; font-size: 15px; }

/* 侧边栏分组标题更紧凑，避免分组过多把导航撑高 */
nav small { padding: 14px 10px 5px; }
nav small:first-child { padding-top: 6px; }

/* --------------------------------------------------------------------- *
 * 智能体卡片（工作台内）
 * --------------------------------------------------------------------- */
.agent-tiles {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(238px, 1fr));
  gap: 12px;
  padding-top: 16px;
}

.agent-tile {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 15px 16px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
}

.agent-tile__icon {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  font-weight: 700;
  font-size: 15px;
  color: #fff;
  background: linear-gradient(140deg, #6c49f5, #8a64ff);
}

.agent-tile__icon[data-tone="blue"]   { background: linear-gradient(140deg, #2563EB, #0891B2); }
.agent-tile__icon[data-tone="orange"] { background: linear-gradient(140deg, #F97316, #EA580C); }
.agent-tile__icon[data-tone="cyan"]   { background: linear-gradient(140deg, #06B6D4, #0E7490); }

.agent-tile__body { min-width: 0; flex: 1; }
.agent-tile__body b { display: block; font-size: 14px; line-height: 1.35; color: var(--ink); }
.agent-tile__body small { display: block; font-size: 12px; color: var(--muted); margin-top: 3px; line-height: 1.55; }

.agent-tile__meta { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; }
.agent-tile__meta span {
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 99px;
  background: #f4f2fb;
  color: #6b6480;
}

.agent-tile__actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 11px; }

.agent-tile__actions button,
.agent-tile__actions a {
  font-size: 12px;
  font-weight: 600;
  padding: 6px 11px;
  border-radius: 9px;
  border: 1px solid var(--line);
  background: #fff;
  color: #4a4458;
  cursor: pointer;
  text-decoration: none;
}

.agent-tile__actions button:hover,
.agent-tile__actions a:hover { border-color: #d9d2f0; }
.agent-tile__actions button.primary { background: var(--purple); border-color: var(--purple); color: #fff; }
.agent-tile__actions button.ghost { background: #f7f4ff; border-color: #ece5ff; color: #6c49f5; }
.agent-tile__actions button.danger { color: #c0392b; border-color: #f2dedb; }
.agent-tile__actions button:disabled { opacity: .55; cursor: default; }

.agent-tiles .is-empty {
  grid-column: 1 / -1;
  border: 1px dashed var(--line);
  border-radius: 14px;
  padding: 26px 16px;
  text-align: center;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.7;
}

@media (max-width: 760px) {
  .agent-tiles { grid-template-columns: 1fr; }
}