/* ==========================================================================
   Garden (features/garden)
   ========================================================================== */
.fav-plant { display: flex; align-items: center; gap: var(--s3); padding: var(--s2) var(--s3) var(--s2) var(--s2); }
.fav-plant.is-thirsty { background: color-mix(in srgb, var(--job-sky) 10%, var(--surface)); }
.fav-plant-art { width: 64px; height: 64px; flex: none; display: grid; place-items: center; }
.fav-plant-art svg { width: 64px; height: 64px; }
.fav-photo { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 3px var(--surface), 0 0 0 4px var(--line); }
.fav-plant-text { text-decoration: none; color: var(--text); }
.plant-row { gap: var(--s3); }
.plant-row a { text-decoration: none; color: var(--text); }
.plant-mini { width: 44px; height: 44px; flex: none; display: grid; place-items: center; }
.plant-mini svg { width: 44px; height: 44px; }
.plant-thumb { width: 44px; height: 44px; border-radius: var(--r-sm); object-fit: cover; }
.room-plants .plant-row { padding: 6px 0; background: transparent; }
.room-plants .plant-row .btn { width: auto; margin-top: 0; flex: none; }
.garden-thirsty { display: flex; flex-direction: column; gap: var(--s2); }
.garden-thirsty .list { box-shadow: none; border: 1px solid var(--line); }
.garden-happy, .garden-intro { display: flex; align-items: center; gap: var(--s3); }
.garden-intro { flex-direction: column; text-align: center; }
.garden-happy-art { width: 84px; height: 84px; flex: none; }
.garden-happy-art svg { width: 100%; height: 100%; }
.plant-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: var(--s2); }
.plant-tile { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: var(--s3); text-align: center; text-decoration: none; color: var(--text); }
.plant-tile-art { width: 96px; height: 96px; display: grid; place-items: center; }
.plant-tile-art svg { width: 96px; height: 96px; }
.plant-photo { width: 88px; height: 88px; border-radius: 50%; object-fit: cover; }
.plant-tile.lvl-thirsty, .plant-tile.lvl-dry { background: color-mix(in srgb, var(--job-sky) 10%, var(--surface)); }
.plant-hero { display: flex; flex-direction: column; align-items: center; text-align: center; gap: var(--s1); }
.plant-hero-art { width: 180px; height: 180px; display: grid; place-items: center; }
.plant-hero-art svg { width: 180px; height: 180px; }
.plant-hero-photo { width: 100%; max-height: 260px; border-radius: var(--r-md); object-fit: cover; }
.plant-hero .button-row { justify-content: center; margin-top: var(--s2); }
.plant-hero .btn .i, .button-row .btn .i { margin-right: 4px; }
@media (min-width: 720px) {
  .plant-hero-art { width: 220px; height: 220px; }
  .plant-hero-art svg { width: 220px; height: 220px; }
}

/* Garden, smarter */
.round-floor { padding: var(--s2) var(--s3) 0; text-transform: uppercase; letter-spacing: .04em; font-size: 11px; }
.water-row { gap: var(--s2); padding: var(--s2) var(--s3); flex-wrap: wrap; }
.water-row .check-row { display: flex; align-items: center; gap: var(--s2); padding: 0; flex: 1; min-width: 180px; }
.water-row .check-row input { flex: none; }
.water-row.is-off { opacity: .55; }
.water-row .btn-ghost { padding: 0 var(--s2); }
.plant-help { display: flex; flex-direction: column; gap: var(--s2); }
.claude-answer { display: flex; flex-direction: column; gap: var(--s2); padding: var(--s3); border-radius: var(--r-md); background: color-mix(in srgb, var(--job-new) 8%, var(--surface)); border: 1px solid var(--line); }
.claude-list { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 4px; font-size: var(--t-small); }
.claude-wait { display: flex; align-items: center; gap: 6px; }
.garden-away { background: color-mix(in srgb, var(--job-sky) 10%, var(--surface)); display: flex; flex-direction: column; gap: 4px; }
.water-row .check-row { flex-direction: row; text-align: left; }
.water-row .check-row > .grow { flex: 1; min-width: 0; }