/* CGS review corrections: compact community forms, uncropped evidence and help hierarchy. */
.community-field-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
.community-field-pair>.field{min-width:0;margin:0}
.community-field-pair input,.community-field-pair select{min-width:0;max-width:100%}
.app-shell[data-screen=C31] .compact-filters{padding:14px;border:1px solid #c8dfbd;border-radius:14px;background:#eff8e9;grid-template-columns:minmax(0,1fr) auto;align-items:end}
.app-shell[data-screen=C31] .compact-filters>.field{grid-column:1/-1}
.app-shell[data-screen=C31] .filter-options{padding-top:5px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.app-shell[data-screen=C31] .filter-options .field{margin:0;min-width:0}
.app-shell[data-screen=C31] .compact-filters>.btn{grid-column:1/-1;width:100%;margin-top:2px}
.feed-media{max-height:none;width:100%;background:#f2f6ef}
.feed-media .photo-strip{display:block;margin:0;overflow:visible}
.feed-media .photo-strip>.produce-image{display:block;width:100%;height:auto;max-width:100%;max-height:300px;object-fit:contain;border-radius:0;margin:0}
.feed-card .feed-content{padding:14px}
.feed-content>.row{margin-bottom:7px}
.feed-content>.row .item-meta{margin:0}
.feed-content h2{line-height:1.3}
.app-shell[data-screen=S13] .inbox-preview{display:block}
.app-shell[data-screen=S13] .inbox-meta{display:block;line-height:1.4;margin-top:4px;text-align:left;white-space:normal}
.app-shell[data-screen=S14] .conversation-context{display:block}
.app-shell[data-screen=S14] .conversation-context>.row+.row{margin-top:7px}
.pickup-proposal{padding:12px;border:1px solid #b4d5a4;background:#eff8e9;border-radius:12px;margin:10px 0}
.pickup-proposal .summary{margin:8px 0}
.pickup-proposal .summary dd{overflow-wrap:anywhere}
.pickup-proposal .row strong{font-size:14px}
.pickup-proposal .actions{margin-bottom:0}
.app-shell[data-screen=C43] .compact-filters,.app-shell[data-screen=C44] .compact-filters{grid-template-columns:1fr}
.app-shell[data-screen=C43] .compact-filters>.btn,.app-shell[data-screen=C44] .compact-filters>.btn{width:100%}
.plant-distance-map{position:relative;height:224px;overflow:hidden;border:1px solid #c8dfbd;border-radius:14px;background:#f2f8ee;margin:12px 0}
.plant-distance-map>svg{width:100%;height:224px}
.plant-map-pin{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:#28531a;color:white;box-shadow:0 2px 5px #23451320;padding:8px}
.plant-map-caption{position:absolute;left:8px;bottom:7px;font-size:14px;background:#fff;padding:4px 7px;border-radius:6px;color:#28531a}
.plant-photo .photo-strip{height:100%;display:block;margin:0;overflow:hidden}
.plant-photo .photo-strip>.produce-image{height:100%;width:100%;max-width:none;object-fit:cover;border-radius:0}
.help-centre .help-search{padding:14px;background:#eff8e9;border:1px solid #c8dfbd;border-radius:14px;margin:0 0 12px}
.help-centre .help-search .compact-filters{display:block;margin:0}
.help-centre .help-search .field{margin:0 0 10px}
.help-centre .help-search .community-field-pair .field{margin:0}
.help-centre .help-search .btn{width:100%;margin:12px 0 0}
.help-topic-chips{display:flex;gap:7px;overflow:auto;padding:1px 0 9px;scrollbar-width:thin}
.help-topic{flex:none;min-height:40px;padding:8px 12px;border:1px solid #c8dfbd;background:#fff;border-radius:999px;font:inherit;font-size:14px;color:#28531a;white-space:nowrap}
.help-topic.is-selected{background:#28531a;border-color:#28531a;color:white}
.help-article-row{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;min-height:80px;border:0;border-bottom:1px solid #dce8d7;background:#fff;text-align:left;font:inherit;color:#1d291a}
.help-article-row:last-child{border-bottom:0}
.help-article-row>.icon{flex:none;color:#28531a}
.help-article-copy{display:flex;flex-direction:column;min-width:0;gap:4px;flex:1}
.help-article-copy strong{font-size:14px;line-height:1.35;font-weight:600}
.help-article-copy>span:last-child{font-size:14px;line-height:1.45;color:#55624f}
.help-centre>.card{margin-top:16px}
.app-shell[data-screen=S17] .help-row{display:block}
.app-shell[data-screen=S17] .help-row h3{margin:8px 0}
.quality-evidence{display:grid;gap:10px;margin:12px 0}
.quality-evidence figure{margin:0;background:#f2f6ef;border:1px solid #dce8d7;border-radius:12px;overflow:hidden}
.quality-evidence video,.quality-evidence img{display:block;width:100%;height:auto;max-height:320px;object-fit:contain;margin:0;background:#edf3e9}
.quality-evidence figcaption{font-size:14px;line-height:1.5;color:#55624f;padding:7px 10px;overflow-wrap:anywhere}
.quality-evidence figcaption .btn{font-size:14px;width:auto;min-height:36px;margin:4px 0 0;padding:5px 10px}
.quality-case-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #e0eadb}
.quality-case-row:last-child{border:0}
.quality-case-row strong{font-size:14px;flex:1;overflow-wrap:anywhere}
.quality-case-row>.btn{width:auto;margin:0;padding:8px 11px}
.quality-timeline{list-style:none;margin:14px 0;padding-left:14px;border-left:2px solid #c8dfbd}
.quality-timeline>li{position:relative;padding:0 0 12px 3px;font-size:14px}
.quality-timeline>li:before{content:'';position:absolute;left:-20px;top:4px;width:8px;height:8px;border-radius:50%;background:#6cc51c;border:2px solid #fff}
@media(max-width:370px){.help-article-row{padding:12px}.help-article-copy strong{font-size:14px}.community-field-pair{gap:8px}.pickup-proposal .summary>div{gap:8px}}

/* Round 4: content-width photos and separate status/content rhythm. */
.community-media.photo-strip{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;width:100%;overflow:visible;margin:12px 0 16px}
.community-media.photo-strip>.produce-image{display:block;width:100%;height:auto;max-width:100%;max-height:none;object-fit:contain;border-radius:14px;margin:0;filter:none;opacity:1}
.feed-media .photo-strip>.produce-image{height:auto;max-height:none;object-fit:contain}
.community-badges{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}
.community-badges>.badge{margin:0}
.community-badges+p{margin-top:10px}
.community-guide-image{display:block;width:100%;height:auto;max-height:none;object-fit:contain;margin:0 0 16px;filter:none;opacity:1}
.app-shell[data-screen=C28] form+.notice,
.app-shell[data-screen=C28] .btn+.notice{margin-top:12px}
.app-shell:is([data-screen=C32],[data-screen=G41]) .main-content>.btn+p{margin-top:12px}
.app-shell:is([data-screen=C32],[data-screen=C33],[data-screen=C35],[data-screen=C42],[data-screen=C44],[data-screen=C48],[data-screen=G41],[data-screen=G42]) .badge+p{margin-top:10px}
.app-shell:is([data-screen=C33],[data-screen=G42]) .check-row+.btn{margin-top:12px}
.app-shell:is([data-screen=C33],[data-screen=G42]) form>.btn+.btn{margin-top:12px}
.app-shell:is([data-screen=C34],[data-screen=C35]) .produce-image,
.app-shell:is([data-screen=C41],[data-screen=C42]) :is(.hero-photo,.attachment-preview){width:100%;height:auto;max-height:none;object-fit:contain;filter:none;opacity:1}
.app-shell[data-screen=C44] .plant-grid{grid-template-columns:minmax(0,1fr)}
.app-shell[data-screen=C44] .plant-photo,
.app-shell[data-screen=C44] .plant-photo .photo-strip{height:auto}
.app-shell[data-screen=C44] .plant-photo .photo-strip>.produce-image{height:auto;max-height:none;object-fit:contain}

/* Public plant portraits use the same uncropped frame as produce listings. */
.app-shell:is([data-screen=C43],[data-screen=C44]) .plant-photo{height:auto;aspect-ratio:9/16;background:var(--pale)}
.app-shell:is([data-screen=C43],[data-screen=C44]) .plant-photo .photo-strip{height:100%;margin:0}
.app-shell:is([data-screen=C43],[data-screen=C44]) .plant-photo .photo-strip>.produce-image{display:block;width:100%;height:100%;max-height:none;object-fit:contain;border-radius:0;margin:0}
.app-shell[data-screen=C44] .public-plant-detail-photo .produce-image{width:100%;height:auto;max-height:none;aspect-ratio:9/16;object-fit:contain;background:var(--pale)}
@media(min-width:900px){.app-shell:is([data-screen=C43],[data-screen=C44]) .plant-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Android conversation filtering uses app typography instead of a system picker. */
.conversation-show-field,.conversation-show-picker{min-width:0;max-width:100%}
.conversation-show-picker{margin:0;border:1px solid var(--line);border-radius:9px;background:#fff}
:root .app-shell .conversation-show-picker>summary{
 display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;
 padding:8px 12px;font-size:var(--cgs-field);font-weight:400;line-height:1.5;list-style:none;
 color:var(--ink);cursor:pointer;
}
.conversation-show-picker>summary::-webkit-details-marker{display:none}
.conversation-show-picker>summary,.conversation-show-option{-webkit-tap-highlight-color:transparent}
.conversation-show-picker>summary>span:first-child{min-width:0;overflow-wrap:anywhere}
.conversation-show-picker>summary>.icon{flex:0 0 20px;width:20px;height:20px;transform:rotate(90deg)}
.conversation-show-picker[open]>summary>.icon{transform:rotate(-90deg)}
.conversation-show-picker[open]>summary{border-bottom:1px solid var(--line);background:var(--paler);border-radius:8px 8px 0 0}
.conversation-show-picker>fieldset{display:grid;gap:4px;min-inline-size:0;margin:0;padding:8px;border:0;max-height:340px;max-height:min(340px,55dvh);overflow:auto;overscroll-behavior:contain}
.conversation-show-picker>fieldset>legend{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
:root .app-shell .conversation-show-option{display:flex;align-items:center;gap:10px;min-width:0;min-height:44px;margin:0;padding:8px 10px;border-radius:7px;font-size:var(--cgs-control);line-height:1.5;color:var(--ink);cursor:pointer}
.conversation-show-option>input{flex:0 0 18px;width:18px;height:18px;min-height:0;margin:0;accent-color:var(--green)}
.conversation-show-option>span{min-width:0;overflow-wrap:anywhere}
.conversation-show-option:has(input:checked){background:var(--pale);color:var(--forest);font-weight:600}
.conversation-show-option:focus-within{outline:2px solid #397126;outline-offset:-2px}
:root .app-shell[data-screen="S14"] .help-details{padding:0;margin:16px 0;border:1px solid var(--line);border-radius:9px;background:#fff;min-width:0}
:root .app-shell[data-screen="S14"] .help-details>summary{min-height:44px;padding:11px 14px;font-size:var(--cgs-control);font-weight:600;line-height:1.5;color:var(--green);cursor:pointer;overflow-wrap:anywhere}
.app-shell[data-screen="S14"] .help-details[open]>summary{border-bottom:1px solid var(--line);background:var(--paler);border-radius:8px 8px 0 0}
.app-shell[data-screen="S14"] .help-details>:not(summary){margin:0;padding:12px}
.app-shell[data-screen="S14"] .help-details>.actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:8px}
.app-shell[data-screen="S14"] .help-details>.actions>.btn{width:100%;margin:0}

/* Give the Friends search its own row before the view filter and Apply action. */
.app-shell[data-screen="C27"] form[data-action="community:connection-filter"]{grid-template-columns:minmax(0,1fr);gap:12px}
.app-shell[data-screen="C27"] form[data-action="community:connection-filter"]>.field{min-width:0;width:100%;margin:0}
.app-shell[data-screen="C27"] form[data-action="community:connection-filter"]>.field :is(input,select){width:100%;min-width:0;max-width:100%}
.app-shell[data-screen="C27"] form[data-action="community:connection-filter"]>.btn{width:100%;margin:0;min-height:44px}