/* Owner-approved Farm Network / Pond-list visual family. Presentation only. */
body:has(#app .shell.farm-select-shell):before{background:#f5f9f7!important}
body:has(#app .shell.farm-select-shell):after{background:none!important}
html body #app .shell.farm-select-shell .gm-farm-overview
{width:100%!important;max-width:1500px!important;gap:10px!important;box-sizing:border-box}
html body #app .shell.farm-select-shell .gm-farm-canvas
{display:grid!important;min-width:0!important;padding:0!important;gap:12px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html body #app .shell.farm-select-shell .gm-farm-summary
{min-height:180px!important;border:1px solid #dce8e1!important;border-radius:16px!important;background:#fff!important;box-shadow:0 3px 12px rgba(17,62,42,.025)!important}
html body #app .shell.farm-select-shell .gm-farm-summary-media
{min-height:0!important;height:180px!important}
html body #app .shell.farm-select-shell .gm-farm-summary-media img
{object-fit:cover!important;object-position:center 52%!important}
html body #app .shell.farm-select-shell .gm-farm-summary-copy
{padding:16px!important;min-width:0!important}
html body #app .shell.farm-select-shell .gm-farm-summary-copy h1
{color:#173d31!important;font-size:24px!important;line-height:1.2!important;margin:6px 0 4px!important}
html body #app .shell.farm-select-shell .gm-farm-summary-copy p
{color:#64786d!important;font-size:12px!important;line-height:1.4!important;margin:4px 0 10px!important;white-space:normal!important;text-align:left!important}
html body #app .shell.farm-select-shell .gm-farm-summary-stats
{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;margin:0!important;border:1px solid #e4ece7!important;border-radius:10px!important;background:#f4f8f5!important;overflow:hidden!important}
html body #app .shell.farm-select-shell .gm-farm-summary-stats span
{min-height:44px!important;padding:6px 8px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#64786d!important;font-size:11px!important;text-align:center!important;line-height:1.3!important}
html body #app .shell.farm-select-shell .gm-farm-summary-stats span+span
{border-left:1px solid #e4ece7!important}
html body #app .shell.farm-select-shell .gm-farm-summary-stats b
{display:block!important;color:#0d6945!important;font-size:20px!important;margin:0 0 2px!important;line-height:1.15!important}
html body #app .shell.farm-select-shell .gm-farm-command
{align-items:center!important;padding:0!important;gap:8px!important}
html body #app .shell.farm-select-shell .gm-farm-command span
{color:#64786d!important;font-size:11px!important;letter-spacing:0!important}
html body #app .shell.farm-select-shell .gm-farm-command h2
{font-size:19px!important;line-height:1.3!important;color:#173d31!important;margin:2px 0!important}
html body #app .shell.farm-select-shell .gm-farm-command .gm-add-farm
{min-height:44px!important;height:44px!important;padding:0 12px!important;border:1px solid #0d8179!important;border-radius:12px!important;background:#0d8179!important;color:#fff!important;font-size:12px!important;font-weight:700!important;box-shadow:0 3px 8px rgba(13,129,121,.12)!important;flex:0 0 auto!important}
html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network
{gap:12px!important;min-width:0!important;margin:0!important}
html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .farm-card
{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;gap:8px!important;padding:12px!important;min-width:0!important;min-height:0!important;border:1px solid #dce8e1!important;border-radius:16px!important;background:#fff!important;box-shadow:0 3px 12px rgba(17,62,42,.025)!important;overflow:visible!important;box-sizing:border-box!important}
html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .farm-card>div:first-child
{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;grid-template-areas:none!important;gap:8px!important;min-width:0!important}
html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .farm-card-header
{grid-area:auto!important;grid-column:1!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-width:0!important}
html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .farm-card-title
{display:flex!important;gap:8px!important;min-width:0!important;margin:0!important}
html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .farm-card-title>div:last-child
{min-width:0!important}
html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .farm-card-pin
{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:10px!important;background:#eef7f1!important;box-shadow:none!important}
html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .farm-card h3
{font-size:16px!important;line-height:1.35!important;color:#173d31!important;margin:0!important;white-space:normal!important;overflow-wrap:anywhere}
html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .farm-card p
{font-size:11px!important;line-height:1.35!important;color:#64786d!important;margin:2px 0 0!important}
html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .farm-overflow-trigger
{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-height:none!important;flex-basis:44px!important;border-radius:12px!important;box-shadow:none!important}
html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .farm-coordinate
{display:none!important}
html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .farm-mini-stats
{grid-area:auto!important;grid-column:1!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;background:#f4f8f5!important;overflow:hidden!important}
html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .farm-mini-stats>div
{min-width:0!important;padding:6px 4px!important;background:transparent!important;border:0!important}
html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .farm-mini-stats>div+div
{border-left:1px solid #e4ece7!important}
html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .farm-mini-stats span
{font-size:11px!important;line-height:1.3!important;color:#64786d!important}
html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .farm-mini-stats b
{font-size:16px!important;line-height:1.3!important;color:#223d32!important;margin-top:2px!important;font-weight:700!important}
html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .farm-weather-strip
{grid-column:1!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;min-width:0!important;min-height:0!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important;margin:0!important}
html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .ssl-weather-day,html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .farm-weather-day
{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-width:0!important;min-height:76px!important;padding:6px 4px!important;border:0!important;border-radius:0!important;background:transparent!important;text-align:center!important;box-sizing:border-box!important}
html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .ssl-weather-day+.ssl-weather-day
{border-left:1px solid #edf2ef!important}
html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .weather-date
{font-size:11px!important;font-weight:500!important;line-height:1.3!important;color:#526c5e!important}
html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .weather-condition
{display:flex!important;justify-content:center!important;align-items:center!important;line-height:1!important;color:#365d4d!important}
html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .weather-condition .pond-hub-ui-icon
{display:block;width:20px!important;height:20px!important}
html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .weather-temp
{margin:0!important;font-size:17px!important;line-height:1.25!important;color:#244e3a!important;font-weight:700!important}
html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .ssl-weather-day small
{font-size:10px!important;line-height:1.3!important;color:#64786d!important}
html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .farm-weather-loading
{grid-column:1/-1!important;padding:8px!important;min-height:60px!important;font-size:12px!important;line-height:1.4!important;text-align:center!important;color:#64786d!important}
html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .farm-card-actions,html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .farm-card-actions-compact
{grid-column:1!important;grid-row:3!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;padding:4px 0 0!important;margin:0!important;border-top:1px solid #edf2ef!important;width:100%!important}
html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .farm-card-actions .card-link,html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .farm-card-actions-compact .farm-open-action
{display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:136px!important;flex:0 0 auto!important;min-height:44px!important;height:44px!important;max-height:none!important;margin:0!important;padding:0 14px!important;border:1px solid #0d8179!important;border-radius:12px!important;background:#0d8179!important;color:#fff!important;font-size:12px!important;font-weight:700!important;line-height:1.3!important;box-shadow:0 3px 8px rgba(13,129,121,.1)!important}
html body #app .shell.farm-select-shell .gm-farm-note
{padding:8px 10px!important;border:1px solid #e4ece7!important;border-radius:12px!important;background:#f1f7f3!important;color:#526c5e!important;font-size:11px!important;line-height:1.5!important}
@media(max-width:900px){
html body #app .shell.farm-select-shell .gm-farm-summary
{display:flex!important;flex-direction:column-reverse!important;min-height:0!important}
html body #app .shell.farm-select-shell .gm-farm-summary-media
{height:108px!important;min-height:108px!important}
html body #app .shell.farm-select-shell .gm-farm-summary-copy
{display:block!important;padding:8px 12px!important;text-align:left!important}
/* Owner mobile compact spacing variant: preserve fonts, media and 44px controls. */
html body #app .shell.farm-select-shell .gm-farm-summary-copy p
{margin:2px 0 6px!important}
html body #app .shell.farm-select-shell .gm-farm-summary-stats span
{padding:3px 8px!important}
html body #app .shell.farm-select-shell .gm-farm-canvas
{gap:8px!important}
html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .farm-card
{padding:10px 12px!important;gap:4px!important}
html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .farm-card>div:first-child
{gap:4px!important}
html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .farm-mini-stats>div
{padding:4px!important}
html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .ssl-weather-day,html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .farm-weather-day
{gap:2px!important;min-height:68px!important;padding:4px!important}
html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .farm-card-actions,html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .farm-card-actions-compact
{padding:2px 0 0!important}
html body #app .shell.farm-select-shell .gm-farm-summary-copy h1
{font-size:20px!important;margin:0!important;text-align:left!important}
html body #app .shell.farm-select-shell .gm-farm-summary-copy .gm-live-pill
{position:absolute!important;left:12px!important;top:-34px!important;min-height:24px!important;padding:5px 8px!important;font-size:9px!important;border-radius:999px!important;background:rgba(5,67,50,.82)!important}
html body #app .shell.farm-select-shell .gm-farm-summary-stats
{position:static!important;width:100%!important}
html body #app .shell.farm-select-shell .gm-farm-command p
{display:none!important}
html body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network
{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:370px){
html body #app .shell.farm-select-shell .gm-farm-summary-media
{height:96px!important;min-height:96px!important}
html body #app .shell.farm-select-shell .gm-farm-command h2
{font-size:17px!important}
html body #app .shell.farm-select-shell .gm-farm-command .gm-add-farm
{padding:0 10px!important}
}
:root[data-theme="dark"] body:has(#app .shell.farm-select-shell):before{background:#10201a!important}
:root[data-theme="dark"] body #app .shell.farm-select-shell .gm-farm-summary,:root[data-theme="dark"] body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .farm-card{background:#132721!important;border-color:#315046!important}
:root[data-theme="dark"] body #app .shell.farm-select-shell .gm-farm-summary-copy h1,:root[data-theme="dark"] body #app .shell.farm-select-shell .gm-farm-command h2,:root[data-theme="dark"] body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .farm-card h3,:root[data-theme="dark"] body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .weather-temp,:root[data-theme="dark"] body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .farm-mini-stats b{color:#e0f1e7!important}
:root[data-theme="dark"] body #app .shell.farm-select-shell .gm-farm-summary-copy p,:root[data-theme="dark"] body #app .shell.farm-select-shell .gm-farm-summary-stats span,:root[data-theme="dark"] body #app .shell.farm-select-shell .gm-farm-command span,:root[data-theme="dark"] body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .farm-card p,:root[data-theme="dark"] body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .farm-mini-stats span,:root[data-theme="dark"] body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .weather-date,:root[data-theme="dark"] body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .ssl-weather-day small,:root[data-theme="dark"] body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .farm-weather-loading,:root[data-theme="dark"] body #app .shell.farm-select-shell .gm-farm-note{color:#aec7b9!important}
:root[data-theme="dark"] body #app .shell.farm-select-shell .gm-farm-summary-stats,:root[data-theme="dark"] body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .farm-mini-stats,:root[data-theme="dark"] body #app .shell.farm-select-shell .gm-farm-note{background:#1a3329!important;border-color:#315046!important}
:root[data-theme="dark"] body #app .shell.farm-select-shell .gm-farm-overview .gm-farm-network .weather-condition{color:#bcd7c9!important}