/* FreshTrack · 记录页（#/log）专属样式
 *
 * 只放本页独有的排版：搜索行、Tab 面板间距、当日头、餐次分组标题、行内营养明细、当日合计行、
 * 行内菜单的危险项。
 * 共享组件（.ft-card / .ft-row / .ft-kv / .ft-tabs / .ft-month / .ft-page-section / .ft-row2 /
 * .ft-menu--row / .ft-meal-badge / .ft-field …）的样式在 ui.css 与 views.css，这里一律不重复定义。
 * 颜色只用 --ft-* 令牌，不写死色值；缩进沿用 .ft-row-lead(32px) + gap(12px) = 44px。
 */

/* ── 搜索 ─────────────────────────────────────────────────── */
.ft-log-search-row {
  display: flex;
  align-items: flex-end;
  gap: var(--ft-s3);
  flex-wrap: wrap;
}
.ft-log-search-field {
  flex: 1 1 260px;
  min-width: 0;
  margin-bottom: 0; /* .ft-field 默认有下边距，行内布局里由 .ft-log-search-row 统一控制 */
}
.ft-log-search-actions {
  display: flex;
  align-items: center;
  gap: var(--ft-s2);
  padding-bottom: 1px;
}
.ft-log-search-panel { margin-top: var(--ft-s4); }
.ft-log-search-panel > * + * { margin-top: var(--ft-s4); }

/* ── Tab 面板 ─────────────────────────────────────────────── */
.ft-log-panel { padding-top: var(--ft-s5); }

/* ── 某天的头（日期 + 餐数 + 添加）────────────────────────── */
.ft-log-day-head {
  flex-wrap: wrap;
  margin-bottom: var(--ft-s3);
}
.ft-log-day-title {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.ft-log-day-title strong { font-size: var(--ft-fs-heading); font-weight: 600; }
.ft-log-day-actions { display: flex; align-items: center; gap: var(--ft-s2); flex: none; }

/* ── 餐次分组 ─────────────────────────────────────────────── */
.ft-log-group {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--ft-s3);
  margin: var(--ft-s4) 0 var(--ft-s1);
  font-size: var(--ft-fs-label);
  font-weight: 600;
  color: var(--ft-ink-2);
}
.ft-log-day-head + .ft-log-group { margin-top: 0; }

/* ── 单条记录：行内营养明细 ───────────────────────────────── */
/* .ft-log-meal 只是脚本查询用的容器（.ft-list 的分隔线落在它身上） */
.ft-log-meal-detail {
  padding: 0 var(--ft-s2) var(--ft-s3) 44px; /* 与行标题对齐 */
}
.ft-log-meal-detail .ft-kv {
  padding: var(--ft-s2) 0;
  font-size: var(--ft-fs-label);
}

/* ── 当日合计行 ───────────────────────────────────────────── */
.ft-log-total {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--ft-s1) var(--ft-s4);
  margin-top: var(--ft-s4);
  padding-top: var(--ft-s3);
  border-top: 1px solid var(--ft-border-strong);
  font-size: var(--ft-fs-label);
  color: var(--ft-ink-2);
}
.ft-log-total-title { font-weight: 600; color: var(--ft-ink); }
.ft-log-total-item strong { font-weight: 700; color: var(--ft-ink); }

/* ── 行内菜单的危险项 ─────────────────────────────────────── */
.ft-log .ft-menu button.ft-menu-danger { color: var(--ft-danger); }

/* ── 手机：当天头与搜索按钮占满一行 ──────────────────────── */
@media (max-width: 479px) {
  .ft-log-day-actions,
  .ft-log-search-actions { width: 100%; }
  .ft-log-day-actions .ft-btn,
  .ft-log-search-actions .ft-btn { flex: 1; }
  .ft-log-meal-detail { padding-left: 0; }
}