/* A3-001. Compact layout shared by every screen; native form text remains 16px. */
:root{--paper:#fffefb;--cream:#f8f9f3;--ink:#123d59;--forest:#006332;font-size:14px}body{background:var(--cream)}body>header{padding:10px 14px 4px;min-height:88px;background:linear-gradient(100deg,#eff4e3,#fffdf3 50%,#eef3e2);position:relative}header strong{font-size:1.25rem;letter-spacing:-.045em}header small{font-size:.78rem;font-style:italic}.home-mascot{width:76px;height:78px}.settings-button{min-width:44px;width:44px;height:44px;min-height:44px;padding:11px}.settings-button .ui-icon{width:22px;height:22px}body>aside:first-of-type{display:none}body[data-offline=false]>#network-status{display:none}body[data-offline=true]>#network-status{font-size:11px;padding:4px 12px;background:#f8f0d7;line-height:1.3}body:not([data-screen=home])>header{height:0;min-height:0;padding:0;background:none}body:not([data-screen=home])>header>img,body:not([data-screen=home])>header>div{display:none}body:not([data-screen=home])>header>.settings-button{position:absolute;right:12px;top:7px;z-index:3;background:transparent;border:0}body:not([data-screen=home])>#network-status{margin-top:50px}body:not([data-screen=home])[data-offline=true] main{padding-top:3px}main{padding:8px 12px 92px;max-width:1000px}h1,.home-heading h1{font-size:1.4rem;line-height:1.2;margin:8px 48px 14px 0;letter-spacing:-.035em}.ui-page-title{min-height:34px;gap:9px}.ui-page-title>.ui-icon{width:26px;height:26px}h2{font-size:1rem;margin:5px 0 8px;line-height:1.3}h3{font-size:.95rem;margin:3px 0}p{line-height:1.4;margin:6px 0}small,.muted{font-size:.8rem;line-height:1.35}.card,body[data-density=compact] .card{padding:10px;margin:8px 0;border-radius:10px;box-shadow:0 1px 4px #173e2906;border-color:#e2ebe5}.card .card{margin:5px 0;padding:8px}.grid{gap:8px}.metric{padding:10px;border-radius:8px;font-size:.82rem}.metric b{font-size:1.55rem;margin:4px 0}.metric small{font-size:.74rem}.tag{font-size:.75rem;padding:3px 7px;border-radius:5px}button{font-size:.88rem;min-height:44px;padding:8px 11px;border-radius:7px;line-height:1.25}button.primary{min-height:44px;margin-top:8px;border-radius:7px;font-size:1rem}.card button{margin:2px 0}label{font-size:.9rem;margin:10px 0 4px}input,select,textarea{font-size:16px;min-height:44px;padding:9px 10px;border-radius:6px}textarea{min-height:80px}input[type=checkbox],input[type=radio]{width:20px;height:20px;min-height:20px}fieldset{margin:8px 0;padding:10px}form p{font-size:.85rem}form details{margin:8px 0}summary,details>summary{min-height:44px;padding:10px 0;font-size:.9rem;line-height:1.35}details[open]>summary{margin-bottom:8px;padding-bottom:8px}.compact-fold{margin:6px 0;border-bottom:1px solid var(--line)}.compact-fold>summary{color:var(--ink)}.compact-fold>.card{border:0;box-shadow:none;margin:0;padding:4px}.compact-fold>summary .ui-icon{width:23px;height:23px}.ui-fold{padding:2px 10px}.ui-fold>summary{min-height:44px}.notice{font-size:.85rem;padding:9px}.row{gap:7px}body>nav{max-width:760px;border-radius:0;padding:3px 4px max(5px,env(safe-area-inset-bottom));box-shadow:0 -1px 6px #183d290a}body>nav button{min-height:52px;padding:4px 1px;border-radius:4px}body>nav button .ui-icon{width:23px;height:23px}body>nav button span{font-size:.68rem;margin-top:3px}body>nav button[aria-current=page]{background:transparent}body>nav button[aria-current=page]:after{height:2px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.compact-tabs{display:flex;gap:5px;margin:7px 0}.compact-tabs button{flex:1;min-width:0;font-size:.8rem;padding:5px;background:#edf3f7;border:0}.compact-tabs button[aria-pressed=true]{background:var(--forest);color:white}
/* Home: metrics, primary action, weather, and two small daily cards. */
.compact-home-heading{margin:0;padding:0;display:flex;gap:6px;align-items:center}.compact-home-heading>.tag{font-size:.7rem;white-space:nowrap}.compact-home-heading>p{font-size:.72rem;margin:0}.home-grid{gap:8px;margin-top:7px}.home-grid .home-card,.home-grid .home-weight,.home-grid .home-value{padding:8px;margin:0;border-radius:9px}.home-grid .home-today,.home-grid .home-probable,.home-grid .home-goal,.home-grid .home-suggestion{grid-column:auto}.home-grid .home-weather{grid-column:1/-1}.home-card h2{font-size:.88rem;line-height:1.15;margin:0 0 5px;min-height:30px}.ui-card-handle{min-height:36px!important;padding:5px 0;gap:3px}.ui-card-handle:after{font-size:.8rem}.home-card h2:before{font-size:.9rem}.home-number{font-size:1.55rem;line-height:1.1;letter-spacing:-.045em}.compact-metric-details{border:0;margin:0}.compact-metric-details>summary{font-size:.7rem;min-height:28px;padding:5px 0;color:var(--muted)}.compact-metric-details button{font-size:.78rem}.home-card p,.home-card small,.home-card li{font-size:.8rem;line-height:1.4}.home-card p{margin:5px 0}.home-card ul{padding-left:14px;margin:5px 0}.home-card li{margin:5px 0}.home-card button{font-size:.78rem;padding:7px;min-height:40px}.compact-harvest-action{grid-column:1/-1;width:100%;min-height:44px!important;margin:0!important}.home-grid>.compact-harvest-action{margin:0!important}.compact-note summary{font-size:.72rem;min-height:30px;padding:6px 0}.compact-small-action{background:#f1f7ed!important;border:0!important}.home-toolbar{margin:10px 0 5px}.home-toolbar button{font-size:.8rem;padding:8px 12px}.ui-drag-help{font-size:.72rem;margin:5px 0}.home-access{margin-top:7px}.home-weather{background:linear-gradient(100deg,#fff7eb,#fff3f3)!important}.compact-weather-more{margin:0;border:0}.compact-weather-more>summary{font-size:.72rem;min-height:30px;padding:5px 0}.compact-weather-link{width:auto!important;display:block;margin-left:auto!important;padding:3px 7px!important;font-size:.72rem!important;min-height:30px!important;border:0!important}.compact-weather-fresh{font-size:.72rem}.compact-forecast{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin-top:5px}.compact-forecast-day{text-align:center;background:#ffffffa0;padding:5px 2px;border-radius:6px;min-width:0}.compact-forecast-day small{font-size:.7rem;line-height:1.2}.compact-forecast-day strong{font-size:.83rem;display:block}.weather-symbol{display:block;color:#d58c00;font-size:26px;line-height:1.15;margin:3px 0}.compact-weather-time{font-size:.68rem;margin:5px 0}.compact-alert{font-size:.8rem;color:#b01c2e;background:#ffe7e8;padding:7px;border-radius:6px;margin:5px 0}.compact-weather-overview{background:linear-gradient(#eff8ff,#fff);padding:12px;border-radius:10px;margin-bottom:10px}.compact-weather-overview .compact-forecast{grid-template-columns:repeat(5,minmax(0,1fr))}.compact-weather-overview .weather-symbol{font-size:32px}.compact-weather-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:12px 0}.compact-weather-metrics>div{text-align:center;border-right:1px solid var(--line)}.compact-weather-metrics strong{display:block;font-size:.95rem}.compact-weather-detail,.compact-weather-about{font-size:.85rem}.weather-day{padding:9px;margin:6px 0}.weather-day>p:first-of-type{font-size:1.1rem}
/* Garden: compact rows; source information is available below the list. */
.ui-garden-tools.compact-garden-tools{margin:0 0 5px;justify-content:flex-end;position:relative;gap:6px}.compact-garden-tools .compact-add{width:44px;min-width:44px;flex:0 0 44px;margin:0;order:2;font-size:22px;min-height:36px}.compact-garden-tools a{padding:6px;font-size:.8rem;min-height:36px;display:flex;align-items:center}#ui-crop-search{margin:0}#ui-crop-count{font-size:.75rem;margin:4px 0}.ui-crop-list{gap:0;background:#fff;border-radius:8px;border:1px solid var(--line);overflow:hidden}.ui-crop-list .ui-crop-row{display:grid;grid-template-columns:66px minmax(0,1fr) 32px;align-items:center;gap:8px;padding:8px;margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;min-height:88px;position:relative}.ui-crop-row figure.crop-image{grid-column:1;grid-row:1;margin:0;width:66px;max-width:66px;display:block!important}.ui-crop-row figure.crop-image img{width:66px;height:70px;border-radius:6px;object-fit:cover}.compact-crop-copy{grid-column:2;grid-row:1;min-width:0}.compact-crop-copy h3{font-size:.98rem;margin:0 0 2px;line-height:1.2}.compact-crop-copy p{font-size:.79rem;line-height:1.3;margin:2px 0}.compact-variety{color:#214c68}.compact-crop-location{color:#446153}.ui-crop-row>button.compact-row-open{grid-column:3;grid-row:1;align-self:stretch;width:40px;justify-self:end;margin:-8px -8px -8px 0;border:0;background:none;padding:0;font-size:24px;min-height:88px}.compact-credits{margin-top:8px}.compact-credits summary{font-size:.8rem}.compact-credits figcaption{font-size:.85rem}.compact-credits .ui-image-credit{margin:5px 0;padding:5px}#ui-locations{margin-top:20px}
/* Culture detail: photograph, compact navigation, aligned facts. */
body[data-screen=detail] #app>figure.compact-culture-hero{margin:5px 0 7px;width:100%}body[data-screen=detail] .crop-image.full>img{height:150px;width:100%;object-fit:cover;border-radius:8px}body[data-screen=detail] .crop-image.full[data-personal=true]>img{object-fit:contain}.compact-hero-credit{font-size:.75rem;margin:0}.compact-hero-credit>summary{font-size:.72rem;min-height:30px;padding:5px 0}.ui-title-variety{font-size:.9rem;margin:0}.ui-section-links{gap:4px;margin:7px 0;flex-wrap:nowrap}.ui-section-links a{flex:1;padding:10px 4px;min-height:40px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.76rem;white-space:nowrap;border-radius:5px;background:#edf3f7}.ui-section-links a:first-child{background:var(--forest);color:white}.compact-info{background:#fff;border:1px solid var(--line);border-radius:8px;margin:7px 0;overflow:hidden}.compact-info p.compact-info-row{padding:8px 10px;border-bottom:1px solid #eaf0ed;font-size:.86rem;line-height:1.4;margin:0;display:block}.compact-info #crop-status{background:#e9f5e4;color:var(--forest);border-radius:0;font-weight:700}.compact-info-row:last-child{border:0}.compact-culture-tools{grid-column:1/-1}.compact-culture-tools button{margin:3px}.culture-actions{gap:4px}.compact-photo-panel{padding:8px;margin:8px 0}.personal-photo details{margin:0}.personal-photo p{font-size:.8rem}.personal-photo input{font-size:16px}
/* Harvests: thumbnails and amounts with all original actions disclosed. */
.compact-harvest-metrics{margin:8px 0}.compact-harvest-metrics .metric{display:grid;grid-template-columns:26px 1fr;gap:2px 7px}.compact-harvest-metrics strong{font-size:1.35rem}.compact-harvest-metrics .ui-icon{grid-row:1/3;width:25px;height:25px;align-self:center;color:var(--forest)}.compact-harvest-metrics small{grid-column:2}.compact-harvest-tools,.compact-list-add{margin:5px 0!important}body[data-screen=harvests] .ui-fold{display:inline-block;vertical-align:top;width:calc(50% - 3px);margin:4px 0;padding:0 6px;font-size:.8rem}body[data-screen=harvests] .ui-fold[open]{width:100%}body[data-screen=harvests] .ui-fold>summary{font-size:.75rem}article[data-harvest-card]{display:grid;grid-template-columns:52px minmax(0,1fr) auto;column-gap:9px;row-gap:1px;padding:8px!important;margin:0!important;border-radius:0;border-width:0 0 1px;box-shadow:none;min-height:90px;background:#fff}article[data-harvest-card]>h2{grid-column:2;grid-row:1;font-size:.92rem;margin:0;padding:0;line-height:1.25}.compact-harvest-thumb{grid-column:1;grid-row:1/5}.compact-harvest-thumb figure{display:block;margin:0}.compact-harvest-thumb img{width:52px!important;height:60px!important;object-fit:cover;border-radius:6px}.compact-harvest-qty{grid-column:2;grid-row:2;font-size:.92rem}.compact-harvest-date{grid-column:2;grid-row:3;font-size:.75rem;margin:0}.compact-harvest-value{grid-column:3;grid-row:1/3;align-self:center;font-size:.88rem;text-align:right;margin:0;max-width:90px}.compact-row-details{grid-column:2/4;grid-row:4;margin:0!important}.compact-row-details>summary{font-size:.72rem;min-height:27px;padding:4px 0}.compact-row-details[open]{grid-column:1/-1}.compact-row-details button{font-size:.85rem}
/* Calendar and statistics keep information together. */
.calendar-tabs{gap:4px}.calendar-tabs button{min-height:38px;font-size:.8rem}.calendar-month{margin:8px 0;gap:2px}.calendar-month>strong{font-size:.78rem;font-weight:500;padding:3px}.calendar-month button{min-height:40px;font-size:.85rem;padding:2px;border:0;background:#fff;border-radius:4px}.calendar-month small{font-size:.65rem;margin:0}.calendar-month .current-day{background:var(--forest)}#calendar-range{font-size:.85rem;font-weight:650;margin:7px 0}#calendar-count{font-size:.76rem}.compact-period-picker{margin:3px 0}.compact-period-picker>summary{font-size:.8rem;min-height:35px;padding:7px 0}.compact-calendar-filter>summary{font-size:.8rem}.compact-event-row h3{font-size:.94rem}.compact-event-row p{font-size:.8rem;margin:3px 0}.compact-event-row .tag{font-size:.7rem}.calendar-entry>details>summary{font-size:.78rem;min-height:32px;padding:6px 0}.compact-metric{padding:9px}.compact-metric b{font-size:1.45rem}.compact-metric small{font-size:.71rem}.ui-month-chart{height:145px;margin:20px 0 30px;gap:6px}.ui-month-chart small{font-size:.65rem}.compact-chart-values>summary{font-size:.78rem;min-height:32px;padding:6px 0}.stat-line{padding:8px 0;font-size:.9rem}.stat-line small{font-size:.76rem}.stat-month{padding:7px 0}.compact-tools{font-size:.8rem}body[data-screen=summary] #app>p{font-size:.8rem;margin:5px 0}body[data-screen=summary] .ui-fold{margin:4px 0}.compact-season>summary{font-size:.85rem}
/* Settings is a compact directory; the same controls stay inside each section. */
.compact-settings-row,.ui-settings-panel{margin:0!important;padding:0 10px!important;border-radius:0!important;border-width:0 0 1px!important;box-shadow:none!important;background:#fff}.compact-settings-row>summary,.ui-settings-panel>summary{display:flex;align-items:center;gap:10px;min-height:54px;padding:8px 0;font-size:.95rem}.compact-settings-row>summary:after{content:'›';margin-left:auto;font-size:22px;color:var(--forest)}.compact-settings-row[open]>summary:after{content:'⌄'}.compact-settings-row>summary::marker{content:''}.compact-settings-intro{font-size:.8rem;color:var(--muted);margin:4px 0 10px}.compact-settings-row>section>h2{display:none}.compact-settings-row[open]{padding-bottom:8px!important}.ui-settings-panel>summary>.ui-icon{width:24px;height:24px}.compact-settings-row>section{padding:5px 0}.compact-settings-row .card{border:1px solid var(--line);padding:8px;margin:5px 0}.compact-settings-row[open] input{font-size:16px}
.ui-section-links a:first-child{background:#edf3f7;color:var(--forest-dark)}.ui-section-links a.compact-selected{background:var(--forest);color:white}.compact-settings-row>.compact-settings-row{margin-left:5px!important}.compact-info p.compact-info-row{padding:6px 9px}.home-grid .home-weight,.home-grid .home-value{align-self:start}.home-grid .home-weight h2,.home-grid .home-value h2{margin-bottom:0}.compact-home-heading>p{max-width:80%}.compact-weather-overview .compact-forecast{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-weather-overview .forecast-first{grid-column:1/-1;display:grid;grid-template-columns:64px 1fr;text-align:left;align-items:center;gap:2px 12px;padding:12px;background:#e6f3ff}.forecast-first .weather-symbol{grid-column:1;grid-row:1/3;font-size:46px;text-align:center}.forecast-first strong{font-size:1.75rem;grid-column:2}.forecast-first small{grid-column:2;font-size:.85rem}
@media(min-width:700px){main{padding:15px 24px 100px}body>header{max-width:1000px;padding-inline:24px}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-grid .home-card{grid-column:auto}.home-grid .home-weather,.home-grid .compact-harvest-action{grid-column:1/-1}.ui-crop-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-crop-row:nth-child(odd){border-right:1px solid var(--line)}.compact-culture-hero{max-width:680px!important}body[data-screen=detail] .crop-image.full>img{height:210px}.compact-info{max-width:760px}.calendar-month{max-width:760px}.compact-weather-overview{max-width:760px}.compact-harvest-metrics{max-width:760px}body:not([data-screen=home])>header>.settings-button{right:24px}}
@media(max-width:380px){main{padding-inline:10px}.home-card h2{font-size:.8rem}.home-number{font-size:1.4rem}.home-card p,.home-card li{font-size:.76rem}.compact-crop-copy h3{font-size:.9rem}.compact-crop-copy p{font-size:.75rem}.ui-crop-list .ui-crop-row{grid-template-columns:60px minmax(0,1fr) 28px;gap:6px}.ui-crop-row figure.crop-image{width:60px}.ui-crop-row figure.crop-image img{width:60px;height:66px}.calendar-month{margin-inline:0}.ui-section-links a{font-size:.7rem;padding-inline:2px}}