/* 对照用户历史 HTML 中的 grtc-grid / grtc-task 样式；仅保留公共字段。 */
.task-layout { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:12px; }
.task-layout select { padding:7px 26px 7px 9px; border:1px solid var(--line); border-radius:7px; background:var(--surface); font-size:12px; }
.task-grid.grtc-grid {
  --ppg-card-surface:var(--surface); --ppg-card-ink:var(--text); --ppg-card-muted:var(--muted); --ppg-card-line:var(--line);
  --ppg-score-9:#e7f2e7; --ppg-score-14:#eaf2fa; --ppg-score-23:#f0ebf7; --ppg-score-25:#fff5dd; --ppg-score-high:#faeceb;
  grid-template-columns:repeat(var(--task-columns,3),minmax(0,1fr)); gap:8px; padding:0; align-items:stretch;
}
:root[data-theme=dark] .task-grid.grtc-grid {
  --ppg-score-9:#2c4433; --ppg-score-14:#283a4c; --ppg-score-23:#3b334b; --ppg-score-25:#483f28; --ppg-score-high:#4a3032;
}
.grtc-grid > .grtc-task {
  display:grid; grid-template-columns:auto minmax(0,1fr) auto; container-type:inline-size;
  align-content:start; align-items:center; gap:4px 6px; min-width:0; min-height:0; padding:8px;
  border:1px solid var(--ppg-card-line); border-radius:12px; box-shadow:none;
  background:var(--ppg-score-fill,var(--surface)); color:var(--ppg-card-ink); text-align:left;
  transition:border-color .15s;
}
.grtc-grid > .grtc-task:hover { transform:none; border-color:var(--green); }
.grtc-task[data-score-tone="9"] { --ppg-score-fill:var(--ppg-score-9); }
.grtc-task[data-score-tone="14"] { --ppg-score-fill:var(--ppg-score-14); }
.grtc-task[data-score-tone="23"] { --ppg-score-fill:var(--ppg-score-23); }
.grtc-task[data-score-tone="25"] { --ppg-score-fill:var(--ppg-score-25); }
.grtc-task[data-score-tone=high] { --ppg-score-fill:var(--ppg-score-high); }
.grtc-task__top,.grtc-task__head { display:contents; }
.grtc-task__top > b,.grtc-task__top > em,.grtc-task__class { min-width:0; margin:0; max-width:100%; line-height:1.35; white-space:normal; overflow-wrap:anywhere; }
.grtc-task__top > b { grid-area:1 / 1; justify-self:start; padding:2px 5px; font-size:12px; }
.grtc-task__class { grid-area:1 / 2; justify-self:center; padding:2px 3px; font-size:11px; }
.grtc-task__top > em { grid-area:1 / 3; justify-self:end; font-size:12px; text-align:right; font-style:normal; }
.grtc-task__visual { grid-area:2 / 1; width:32px; height:32px; border-radius:8px; display:flex; align-items:center; justify-content:center; }
.grtc-task__visual .flower { width:32px; height:32px; margin:0; }
.grtc-task__visual > svg { width:27px; height:27px; }
.grtc-grid > .grtc-task > strong { grid-area:2 / 2 / 3 / -1; min-width:0; min-height:32px; display:flex; align-items:center; font-size:13px; line-height:1.4; overflow-wrap:anywhere; font-weight:650; }
.grtc-card-status { grid-column:1 / -1; display:flex; flex-wrap:wrap; align-items:center; gap:3px 7px; padding:5px 6px; border:1px solid var(--ppg-card-line); border-radius:8px; background:var(--ppg-card-surface); color:var(--ppg-card-ink); font-size:11px; }
.grtc-card-status__heading { display:inline-flex; align-items:center; gap:3px; }
.grtc-card-status__heading svg { width:11px; height:11px; }
.grtc-card-status__heading b { font-size:11px; }
.grtc-card-status[data-tone=ready] .grtc-card-status__heading { color:var(--green); }
.grtc-card-status[data-tone=waiting] .grtc-card-status__heading { color:var(--amber); }
.grtc-card-status__time { flex:1 1 84px; min-width:0; display:flex; align-items:baseline; justify-content:flex-end; flex-wrap:wrap; gap:2px 6px; }
.grtc-card-status__time > span,.grtc-card-status__time > small { font-size:10px; color:var(--ppg-card-muted); }
.grtc-card-status__time strong { font-size:13px; white-space:nowrap; font-variant-numeric:tabular-nums; }
.grtc-task__source { grid-column:1 / -1; color:var(--ppg-card-muted); font-size:10px; line-height:1.5; }
.flower-directory-note { margin-bottom:14px; }
.flower-directory-filters { align-items:end; flex-wrap:wrap; }
.flower-directory-filters .search { flex-basis:260px; }
.flower-directory-filters .filter-field { display:grid; gap:4px; font-size:11px; color:var(--muted); min-width:90px; }
.flower-directory-filters .filter-field input { width:100px; height:38px; padding:8px 10px; border:1px solid var(--line); border-radius:7px; background:var(--surface); font-size:12px; }
.flower-directory-filters .checkbox-line { min-height:38px; display:flex; align-items:center; gap:5px; font-size:12px; white-space:nowrap; }
.flower-results-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; margin:12px 0 8px; }
.flower-results-summary { color:var(--muted); font-size:12px; }
.flower-layout { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:12px; }
.flower-layout select { min-height:44px; min-width:72px; padding:8px; border:1px solid var(--line); border-radius:7px; background:var(--surface); font-size:13px; }
.flowers-grid { grid-template-columns:repeat(var(--flower-columns,3),minmax(0,1fr)); gap:8px; margin-top:8px; }
.flower-card {
  display:grid; grid-template-columns:28px minmax(0,1fr); align-content:start;
  gap:4px 6px; min-width:0; padding:10px;
}
.flower-card .flower { grid-row:1; align-self:center; width:28px; height:28px; margin:0; }
/* 花名单独占一行，窄列时不被图片挤到每行不足四字；长名完整换行不截断。 */
.flower-card h3 { grid-column:1 / -1; min-width:0; line-height:1.4; overflow-wrap:anywhere; }
.flower-card .badge { grid-column:1 / -1; justify-self:start; max-width:100%; margin:0; white-space:normal; overflow-wrap:anywhere; }
.flower-card .flower-meta,.flower-card .flower-sources { grid-column:1 / -1; margin-top:0; }
.flower-sources { display:flex; flex-wrap:wrap; gap:5px; margin-top:12px; }
.flower-sources > span { max-width:100%; color:var(--green); background:var(--soft); border-radius:5px; padding:2px 5px; font-size:11px; overflow-wrap:anywhere; }
.flower-card .flower-level { margin-top:7px; color:var(--muted); font-size:11px; }
.flower-detail-sources { display:grid; gap:10px; padding:16px 0; }
.flower-detail-sources > div { padding:12px; background:var(--canvas); border-radius:8px; }
.flower-detail-sources strong,.flower-detail-sources small { display:block; }
@media(max-width:700px),(max-width:1000px) and (max-height:500px) {
  .flower-layout select { font-size:16px; }
  .task-toolbar { align-items:stretch; flex-wrap:wrap; gap:10px; }
  .task-layout { margin-left:auto; font-size:11px; }
  .task-layout select { min-height:34px; }
  .flower-directory-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .flower-directory-filters .search { grid-column:1 / -1; }
  .flower-directory-filters .filter-field { min-width:0; }
  .flower-directory-filters .filter-field input { width:100%; min-height:36px; }
  .flower-directory-filters select { min-height:36px; font-size:11px; }
  .flower-directory-filters .checkbox-line { font-size:11px; }
}
