@media(max-width:720px){:root{--page:min(100% - 24px,1180px)}.topbar{grid-template-columns:auto minmax(0,1fr)}.farm-context{grid-column:1/-1;grid-row:2;text-align:left}.top-actions{justify-self:end}.brand span{font-size:.9rem}.role-chip{display:none}.view-nav-shell{top:105px}.metrics{grid-template-columns:1fr 1fr}.metric:first-child{grid-column:1/-1}.item{grid-template-columns:1fr}.itemValue{text-align:left}.form-grid{grid-template-columns:1fr}.login-card{padding:26px 22px}.adminGrid{grid-template-columns:1fr}.finance-kpis,.finance-grid{grid-template-columns:1fr}}
@media(max-width:360px){:root{--page:min(100% - 16px,1180px)}.topbar{padding-left:8px;padding-right:8px;gap:8px}.view-tab{padding-inline:13px}.hero{padding:22px 18px}.hero h1{font-size:clamp(2rem,12vw,2.55rem)}.surfaceHead,.item{padding-left:18px;padding-right:18px}}
@media(min-width:900px){.reading-flow{padding-top:28px}.hero{display:block}.hero h1{font-size:clamp(2.8rem,5.2vw,4rem)}.hero-metrics{grid-template-columns:minmax(280px,2fr) repeat(2,minmax(180px,1fr));gap:14px;margin-top:30px}.hero-metrics .metric-value{font-size:clamp(1.65rem,2.4vw,2.65rem)}.product-view{container-type:inline-size}.comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
