/* My Landscape tab, item page and forms (MyLandscapeView.swift, ItemDetailView.swift) */
[hidden] { display: none !important; }
.ls-view { display: flex; flex-direction: column; gap: 18px; }
.form-title { color: var(--forest); font-size: 1rem; }
.hint { margin: 0; }
.row-flex.top { align-items: flex-start; }
.row-flex.tight { gap: 8px; }
.card.row-flex, .card.note { display: flex; }
.card.note { align-items: flex-start; justify-content: space-between; gap: 10px; }
.pills { margin-top: 4px; }
.big-ico { font-size: 1.5rem; line-height: 1; }
.drip-box { display: flex; flex-direction: column; gap: 4px; padding: 10px; border-radius: 10px; background: var(--sage-fill); }
.plain-icon { background: none; border: 0; cursor: pointer; font-size: 1.25rem; padding: 6px; border-radius: 10px; line-height: 1; color: var(--ink-soft); }

/* Timeline */
.timeline { display: flex; flex-direction: column; }
.tl-row { display: flex; gap: 12px; }
.tl-rail { display: flex; flex-direction: column; align-items: center; flex: none; width: 14px; padding-top: 4px; }
.tl-dot { width: 14px; height: 14px; border-radius: 50%; background: var(--line); flex: none; }
.tl-dot.past { background: var(--sage); }
.tl-dot.now { background: var(--forest-fill); }
.tl-line { width: 2px; flex: 1; background: var(--line); margin: 2px 0; }
.tl-body { display: flex; flex-direction: column; gap: 4px; padding-bottom: 20px; min-width: 0; }