.plant-compare-bar{border:1px solid var(--line);background:#fff;border-radius:16px;padding:16px;margin:20px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.plant-compare-bar p{margin:4px 0;color:var(--muted);font-size:13px}.compare-selection{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.compare-chip{background:#e4efe7;color:#214d38;border:0;border-radius:20px;padding:8px 12px;font:inherit;font-size:13px;cursor:pointer}.compare-bar-actions{display:flex;gap:8px;flex-wrap:wrap}.compare-pick[aria-pressed=true]{background:#214d38;color:white}
.plant-compare-dialog{width:min(1180px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);box-sizing:border-box;padding:24px;border:1px solid var(--line);border-radius:20px;color:var(--ink,#214d38);background:#faf9f4;overflow:auto}.plant-compare-dialog::backdrop{background:rgba(13,35,24,.6)}.compare-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.compare-dialog-head h2{margin:4px 0}.compare-dialog-head p{margin:6px 0}.compare-picker{padding:16px;background:white;border:1px solid var(--line);border-radius:12px;margin-top:16px}.compare-picker label{font-weight:700;display:block;margin-bottom:8px}.compare-picker input{width:100%;box-sizing:border-box}.compare-picker p,.compare-result small{font-size:12px;color:var(--muted)}.compare-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:190px;overflow:auto}.compare-result{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;background:#f6f5ef;border:1px solid var(--line);border-radius:8px;text-align:left;color:inherit;cursor:pointer}.compare-result[aria-pressed=true]{border-color:#214d38;background:#e4efe7}.compare-result strong,.compare-result small{display:block}.compare-result>span:last-child{flex-shrink:0;font-size:12px}.compare-feedback{min-height:22px}.compare-table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:white}.compare-table{border-collapse:separate;border-spacing:0;width:100%;font-size:14px}.compare-table caption{text-align:left;padding:14px;font-size:13px;color:var(--muted)}.compare-table th,.compare-table td{padding:14px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left;min-width:190px;max-width:250px;overflow-wrap:anywhere}.compare-table th:first-child{min-width:140px;position:sticky;left:0;background:#f1f3ed;z-index:1}.compare-table thead th{background:#e4efe7}.compare-table small{display:block;font-weight:normal;margin:8px 0;color:var(--muted)}.compare-empty{padding:24px;background:white;border-radius:12px}.compare-result:focus-visible,.compare-chip:focus-visible,.compare-table-scroll:focus-visible{outline:3px solid #748c35;outline-offset:2px}
@media(max-width:700px){.plant-compare-dialog{padding:14px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.compare-results{grid-template-columns:1fr}.compare-table th,.compare-table td{min-width:175px;padding:10px}.compare-table th:first-child{min-width:110px;max-width:110px}.compare-bar-actions{width:100%}.compare-bar-actions>*{flex:1}.plant-compare-bar{padding:14px}.compare-dialog-head h2{font-size:24px}}
.compare-visual{display:block;position:relative;flex:0 0 56px;width:56px;height:56px;overflow:hidden;border-radius:8px;background:#e8eee3}.compare-visual .plant-photo,.compare-visual .photo-fallback{position:static;width:100%;height:100%;object-fit:cover;border-radius:inherit}.compare-visual .photo-fallback{display:grid;place-items:center;font-size:24px}.compare-visual-large{width:100%;height:150px;margin-bottom:12px}.compare-photo-caption{position:absolute;bottom:0;left:0;right:0;padding:4px;background:rgba(255,255,255,.92);font-size:10px!important;line-height:1.25;color:#214d38!important;margin:0!important;text-align:center}.compare-visual:not(.compare-visual-large) .compare-photo-caption{font-size:8px!important}.compare-result-name{flex:1;min-width:0;overflow-wrap:anywhere}.compare-chip{display:flex;align-items:center;gap:8px}.compare-chip .compare-visual{width:36px;height:36px;flex-basis:36px}.compare-chip .compare-photo-caption{display:none}