/* Compact records and a phone-friendly garden visit. */
.plant-card{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden;min-width:0;box-shadow:var(--shadow)}
.plant-card-top{display:flex;align-items:flex-start;gap:15px;padding:17px}.plant-card-thumb{margin:0;flex:none;width:76px}.plant-card-thumb img{display:block;width:76px;height:70px;object-fit:cover;border-radius:8px}.plant-card-thumb figcaption{font-size:10px;color:#607364;margin-top:3px}.plant-card-heading{flex:1;min-width:0}.plant-card-heading h3{font-size:20px;margin:0 0 4px}.plant-card-heading p{font-size:12px;color:#617365;margin:3px 0;overflow-wrap:anywhere}.plant-card-heading .plant-botanical{font-size:12px}.plant-card-heading .plant-count{color:var(--forest);margin-top:8px}.plant-card-heading .plant-last-visit{color:#456b4e;font-size:11px}.plant-card-top>.btn{min-height:42px;flex:none}.plant-details>summary{min-height:44px;cursor:pointer;padding:11px 18px;border-top:1px solid var(--line);font-size:12px;color:var(--forest);list-style-position:inside;background:#f7f9f4}.plant-details>.record{border:0;border-radius:0;box-shadow:none}.plant-check-history{margin:0 18px 18px}.plant-check-history>summary{cursor:pointer;padding:10px 0;font-size:13px}.plant-check-history .record{margin:8px 0}.plant-details>summary:focus-visible{outline:3px solid #527c56;outline-offset:-3px}
.garden-check-dialog{width:min(660px,calc(100% - 24px));padding:24px}.garden-check-dialog form{padding:0}.garden-check-dialog .dialog-actions{bottom:-24px;padding:16px 0 4px}.garden-check-dialog .fields{margin-top:18px}.garden-check-dialog .field[hidden],.check-message[hidden]{display:none}.garden-check-dialog .dialog-top{margin-bottom:14px}.garden-check-dialog .dialog-top h2{font-size:25px;overflow-wrap:anywhere}.garden-check-dialog .close{min-width:44px;min-height:44px}.check-checkbox{display:flex;flex-direction:row;align-items:center;gap:9px;font-size:12px;line-height:1.5}.check-checkbox input{width:18px;min-width:18px;height:18px;min-height:18px}.check-scope{font-size:12px;color:#59705e;margin:0 0 12px}.check-progress{font-size:12px;color:#45634b;margin:8px 0}.garden-check-dialog progress{width:100%;height:8px;accent-color:var(--forest)}.check-plant-reference{display:flex;align-items:center;gap:18px;margin:18px 0}.check-plant-reference figure{width:140px;flex:none;margin:0}.check-plant-reference img{width:140px;height:115px;object-fit:contain;border-radius:9px;background:#edf2e9}.check-plant-reference figcaption{font-size:10px;color:#667c69;line-height:1.4}.check-plant-reference p{font-size:12px;margin:6px 0}.check-reference-details{border-block:1px solid var(--line);margin:12px 0;font-size:12px}.check-reference-details>summary{padding:12px 0;cursor:pointer;min-height:44px}.check-reference-details>p{white-space:pre-wrap;color:#617365}.check-outcome-help,.check-save-help{font-size:12px;color:#607364;margin:14px 0}.check-save-help{background:#edf3e9;border-radius:8px;padding:12px}.check-message{font-size:13px;color:#7b4b30;background:#faf0e4;border-radius:8px;padding:12px;margin:14px 0}.check-resume,.check-complete{background:#edf3e9;border:1px solid #d5e0d0;border-radius:10px;padding:16px;margin:18px 0}.check-resume p,.check-complete p{font-size:13px;margin:8px 0}.check-actions{flex-wrap:wrap}.garden-check-dialog input,.garden-check-dialog select,.garden-check-dialog textarea{font-size:16px}.garden-check-dialog .btn{min-height:44px}
@media(max-width:520px){.plant-card-top{padding:14px;gap:10px;flex-wrap:wrap}.plant-card-thumb,.plant-card-thumb img{width:60px}.plant-card-thumb img{height:60px}.plant-card-heading{flex-basis:calc(100% - 75px)}.plant-card-heading h3{font-size:18px}.plant-card-top>.btn{margin-left:auto;min-height:44px}.garden-check-dialog{padding:18px;max-height:calc(100dvh - 20px)}.garden-check-dialog .dialog-actions{bottom:-18px}.garden-check-dialog .dialog-top h2{font-size:23px}.check-plant-reference{gap:12px}.check-plant-reference figure,.check-plant-reference img{width:105px}.check-plant-reference img{height:100px}.check-actions .btn-primary{flex-basis:100%;order:-1}.check-actions .btn-subtle{flex:1}.garden-check-dialog .field.full,.garden-check-dialog .field{min-width:0}.check-resume .btn{width:100%}}