.loop-ux-2026{--ux-navy:#101d35;--ux-blue:#0866e9;--ux-line:#dbe5f0;background:#f5f7fb;color:#14223b;font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.5}.loop-ux-2026 .loop-shell{display:grid;grid-template-columns:248px minmax(0,1fr)}.loop-ux-2026 .loop-sidebar{background:var(--ux-navy);width:248px;border-radius:0;box-shadow:none}.loop-ux-2026 .loop-main{min-width:0;margin-left:0}.loop-ux-2026 .loop-content{padding:28px;max-width:1800px;margin:auto}.loop-ux-2026 .loop-topbar{border-top:4px solid #3867ef;background:#fff;min-height:72px;gap:16px;flex-wrap:wrap;padding:12px 28px}.loop-ux-2026 .loop-sidebar-heading{color:#e2eaf7;cursor:pointer;font-size:16px;text-transform:none;letter-spacing:0;padding:14px 12px;min-height:48px}.loop-ux-2026 .loop-sidebar-section{margin:0}.loop-ux-2026 .loop-sidebar-item{min-height:46px;color:#e2eaf7}.loop-ux-2026 .loop-sidebar-item.is-active{background:#184b95;color:#fff;border-radius:8px}.loop-ux-2026 .loop-sidebar-divider{display:none}.loop-ux-2026 .loop-btn{min-height:44px;border-radius:9px;font-size:15px;white-space:normal;text-align:center}.loop-ux-2026 .loop-btn-primary{background:#0866e9;color:#fff;border-color:#0866e9}.loop-ux-2026 :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #9562db;outline-offset:3px}.ux-skip{position:fixed;top:-100px;z-index:1000;background:#fff;padding:14px}.ux-skip:focus{top:8px}.ux-cockpit{display:grid;gap:20px}.ux-cockpit h1{font-size:32px;line-height:1.2;margin:0 0 8px;color:#101d35}.ux-cockpit h2{font-size:19px;line-height:1.4;margin:0 0 12px;color:#101d35}.ux-cockpit p{margin:0 0 14px;color:#53647f}.ux-cockpit-head,.ux-panel-head{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.ux-cockpit-head>div:first-child{flex:1;min-width:240px}.ux-actions{display:flex;gap:10px;flex-wrap:wrap}.ux-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.ux-kpi{display:flex;gap:12px;align-items:flex-start;background:white;border:1px solid var(--ux-line);border-radius:12px;padding:16px 12px;text-decoration:none;color:#14223b;min-width:0}.ux-kpi strong{display:block;font-size:26px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.ux-kpi small{display:block;color:#53647f;font-size:12px}.ux-kpi span{font-size:13px}.ux-icon{display:grid;place-items:center;background:#eaf2ff;color:#0866e9;border-radius:9px;width:36px;height:40px;flex-shrink:0}.ux-icon svg{width:22px;height:22px}.ux-panel{background:#fff;border:1px solid var(--ux-line);border-radius:14px;padding:20px;box-shadow:0 3px 14px #10234203;min-width:0}.ux-priority-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:16px}.ux-action-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--ux-line);border-radius:10px;padding:14px;margin-top:12px}.ux-action-row p{margin:4px 0 0;font-size:14px}.ux-task{display:block;padding:12px 0;border-bottom:1px solid var(--ux-line)}.ux-task span{display:block;color:#53647f;font-size:14px}.ux-domain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ux-link{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--ux-line);background:#f8faff;border-radius:8px;min-height:46px;padding:10px 14px;margin-top:8px;color:#14223b;text-decoration:none}.ux-link:hover,.ux-kpi:hover{border-color:#0866e9;background:#f1f6ff}.ux-flow{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:0;margin:14px 0 0}.ux-flow li{background:#edf8f6;border:1px solid #d3eeea;padding:16px;border-radius:10px}.ux-flow li:nth-child(2){background:#edf5ff;border-color:#dceafb}.ux-flow li:nth-child(3){background:#f2effb;border-color:#e7dff8}.ux-flow span{display:block;font-size:14px;margin-top:5px;color:#53647f}.ux-finance{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.ux-finance h2{margin:0}.ux-finance a{min-height:44px;display:flex;align-items:center}.ux-diagnostics>summary{cursor:pointer;min-height:44px;font-weight:700}.ux-diagnostics>section:first-of-type{margin-top:20px!important}.ux-muted{font-size:14px;margin-top:14px!important}.ux-collapse{background:transparent;color:#e2eaf7;border:1px solid #475976;border-radius:8px;margin:8px 12px;padding:10px;cursor:pointer}.ux-nav-compact .loop-shell{grid-template-columns:90px minmax(0,1fr)}.ux-nav-compact .loop-sidebar{width:90px}.ux-nav-compact .loop-brand div,.ux-nav-compact .loop-sidebar-text,.ux-nav-compact .loop-sidebar-item-side,.ux-nav-compact .loop-sidebar-user-meta{display:none}.ux-nav-compact .loop-sidebar-heading{font-size:11px;padding:8px 4px}.ux-nav-compact .ux-collapse{font-size:11px;margin:6px}.ux-search-dialog{border:1px solid var(--ux-line);border-radius:16px;padding:24px;width:min(620px,calc(100% - 24px));max-height:85vh;color:#14223b}.ux-search-dialog::backdrop{background:#101d3580}.ux-search-dialog input{display:block;width:100%;padding:12px;border:1px solid #8796ad;border-radius:8px;margin:10px 0;font:inherit}.ux-search-results a{display:flex;justify-content:space-between;padding:12px;min-height:44px;border-bottom:1px solid #e4eaf3;color:#17355e}.ux-search-results a[hidden]{display:none}.ux-search-results small{color:#53647f}.ux-export{position:relative}.ux-export summary{cursor:pointer;padding:10px}.ux-export button{position:absolute;right:0;background:#fff;z-index:20;min-width:160px}.loop-ux-2026 kbd{font-size:11px;margin-left:12px}.loop-ux-2026 .ops-hero{padding:24px;border-radius:16px;background:linear-gradient(115deg,#142344,#245a82);grid-template-columns:1fr auto}.loop-ux-2026 .ops-hero h1{font-size:30px}.loop-ux-2026 .ops-table th{position:sticky;top:0;background:#f5f7fb}.ux-table-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0}.ux-table-tools input{padding:10px;min-height:44px;border:1px solid #8796ad;border-radius:8px;font:inherit}.ux-table-count{color:#53647f}.loop-ux-2026 .loop-context-help{margin-bottom:16px}.loop-ux-2026 [hidden]{display:none!important}
@media(max-width:1400px){.ux-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.ux-cockpit-head{align-items:flex-start}.loop-ux-2026 .loop-topbar-actions{flex-wrap:wrap}}
@media(max-width:1050px){.loop-ux-2026 .loop-shell{grid-template-columns:210px minmax(0,1fr)}.loop-ux-2026 .loop-sidebar{width:210px}.loop-ux-2026 .loop-content{padding:20px}.ux-priority-grid,.ux-domain-grid{grid-template-columns:1fr}.ux-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-cockpit-head h1{font-size:28px}}
@media(max-width:760px){.loop-ux-2026 .loop-shell{display:block}.loop-ux-2026 .loop-sidebar{display:none}.loop-ux-2026 .loop-main{margin:0;width:100%}.loop-ux-2026 .loop-content{padding:16px 12px 110px}.loop-ux-2026 .loop-topbar{padding:12px;position:static}.loop-ux-2026 .loop-breadcrumb{display:flex}.loop-ux-2026 .loop-topbar-actions{display:flex;width:100%;gap:6px}.loop-ux-2026 .loop-topbar-actions>button{flex:1}.loop-ux-2026 kbd{display:none}.ux-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ux-kpi{padding:12px;gap:8px}.ux-icon{display:none}.ux-kpi strong{font-size:24px}.ux-panel{padding:16px}.ux-action-row{align-items:stretch;flex-direction:column}.ux-flow{grid-template-columns:1fr}.ux-finance{gap:8px 16px}.ux-cockpit-head h1{font-size:27px}.loop-ux-2026 .ops-hero{grid-template-columns:1fr}.loop-ux-2026 .ops-form.two{grid-template-columns:1fr}.ux-responsive-table thead{display:none}.ux-responsive-table tr{display:block;border:1px solid #dbe5f0;border-radius:12px;margin-bottom:12px;padding:8px}.ux-responsive-table td{display:block!important;border:none!important;padding:8px!important;overflow-wrap:anywhere}.ux-responsive-table td:before{content:attr(data-label);display:block;font-weight:700;color:#53647f;font-size:13px}.ux-responsive-table td[colspan]:before{display:none}.loop-ux-2026 .ops-inline-form{grid-template-columns:1fr}.loop-ux-2026 .loop-mobile-dock{display:flex;justify-content:space-around}.loop-ux-2026 .loop-mobile-dock>a{flex:1;min-width:0}.loop-ux-2026 .loop-mobile-menu-panel{max-height:70vh;overflow:auto}}
@media(prefers-reduced-motion:reduce){.loop-ux-2026 *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.loop-ux-2026 .loop-sidebar,.loop-topbar,.loop-mobile-dock,.ux-diagnostics,.ux-actions{display:none!important}.loop-ux-2026 .loop-shell{display:block}.loop-ux-2026 .loop-content{padding:0}}
/* Explicitly supersede the accumulated legacy theme layers. */
body.loop-ux-2026 .loop-sidebar{background:#101d35!important;padding:16px 12px!important}
body.loop-ux-2026 .loop-brand{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;padding:8px!important;margin:0 0 12px!important;border:0!important;box-shadow:none!important;background:transparent!important;min-height:64px!important}
body.loop-ux-2026 .loop-brand img{width:48px!important;height:48px!important;object-fit:contain!important;border-radius:8px!important;padding:2px!important;box-shadow:none!important}
body.loop-ux-2026 .loop-brand-title{font-size:21px!important}body.loop-ux-2026 .loop-brand-subtitle{font-size:10px!important}
body.loop-ux-2026 .loop-sidebar-heading{display:list-item!important;margin:0!important;padding:12px 8px!important;font-size:15px!important;line-height:24px!important;min-height:48px!important;text-transform:none!important;letter-spacing:0!important;color:#e2eaf7!important}
body.loop-ux-2026 .loop-sidebar-scroll{gap:0!important}body.loop-ux-2026 .loop-sidebar-section{padding:0!important;margin:0!important}
body.loop-ux-2026 .loop-main{background:#f5f7fb!important}body.loop-ux-2026 .loop-btn-primary{background:#0866e9!important;box-shadow:none!important}
body.loop-ux-2026 .ux-collapse{background:transparent!important;color:#e2eaf7!important;font-weight:500!important;min-height:44px!important}
body.loop-ux-2026 .loop-context-help{border-radius:10px!important;box-shadow:none!important}
body.loop-ux-2026.ux-nav-compact .loop-brand{justify-content:center!important}body.loop-ux-2026.ux-nav-compact .loop-sidebar-heading{font-size:10px!important;padding:10px 0!important}
@media(max-width:760px){body.loop-ux-2026 .loop-topbar{display:flex!important;flex-direction:row!important;gap:10px!important;padding:12px!important}body.loop-ux-2026 .loop-topbar-actions{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:6px!important}body.loop-ux-2026 .loop-topbar-actions>:is(a,button){width:auto!important;flex:1!important;font-size:13px!important;padding:8px!important}body.loop-ux-2026 .loop-topbar-actions>button{flex-basis:100%!important}body.loop-ux-2026 .ux-export{display:none}body.loop-ux-2026 .loop-context-help summary{display:flex!important;flex-direction:row!important;padding:10px!important;gap:8px!important;min-height:44px!important}body.loop-ux-2026 .loop-context-help__hint{display:none}body.loop-ux-2026 .loop-context-help__title{font-size:12px!important}body.loop-ux-2026 .loop-context-help__badge{width:auto!important}body.loop-ux-2026 .loop-mobile-menu summary{background:transparent!important;color:white!important}body.loop-ux-2026 .loop-topbar-brand-mini{display:none!important}body.loop-ux-2026 .ux-cockpit-head .ux-actions{width:100%}body.loop-ux-2026 .ux-cockpit-head .ux-actions a{flex:1;font-size:13px!important}body.loop-ux-2026 .ux-cockpit-head h1{font-size:26px!important}body.loop-ux-2026 .loop-content{display:block!important}}
.ux-field{display:grid;gap:6px;font-size:14px;color:#334765}.ux-field input,.ux-field textarea{width:100%;font:inherit}.ux-wizard-step,.ux-offer-review{grid-column:1/-1}.ux-wizard-step{font-weight:700;color:#174c91}.ux-offer-review{border:1px solid #cadbee;border-radius:10px;background:#f7faff;padding:16px;overflow-wrap:anywhere}.ux-offer-review p{margin:8px 0}
body.loop-agro-ux{font-family:Inter,system-ui,sans-serif!important;font-size:16px;background:#f5f7fb!important;color:#14223b;--bg:#f5f7fb;--panel:#fff;--line:#dbe5f0;--muted:#53647f}body.loop-agro-ux .shell{max-width:1440px;padding:24px}body.loop-agro-ux .hero{background:#101d35!important;border-radius:16px;padding:22px!important;box-shadow:none!important}body.loop-agro-ux .hero h1{font-size:30px;margin:12px 0;text-shadow:none!important}body.loop-agro-ux .hero p{font-size:16px;margin:8px 0}body.loop-agro-ux .ux-back-cockpit{color:#fff;display:inline-flex;min-height:44px;align-items:center}body.loop-agro-ux .ux-agro-navigation>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:700}body.loop-agro-ux .nav{padding-top:12px}body.loop-agro-ux .nav a{border-radius:8px!important;min-height:44px;font-size:14px}body.loop-agro-ux .card,body.loop-agro-ux .ccr-card{border-radius:14px!important;box-shadow:none!important;background:#fff!important}body.loop-agro-ux .ccr-hero{padding:22px;border-radius:16px;background:linear-gradient(110deg,#164949,#187366);box-shadow:none}body.loop-agro-ux .ccr-hero h1{font-size:30px}body.loop-agro-ux :is(input,select,button,textarea){font-family:inherit;min-height:44px}body.loop-agro-ux :is(a,button,summary,input,select):focus-visible{outline:3px solid #986af0;outline-offset:3px}body.loop-agro-ux .mobile-dock summary{color:white!important;background:transparent!important}
body.loop-ux-2026 .simulator-hero{padding:24px!important;border-radius:16px!important;background:linear-gradient(110deg,#142344,#4b3a8c)!important;box-shadow:none!important}body.loop-ux-2026 .simulator-hero h1{font-size:30px!important}body.loop-ux-2026 .simulator-step{min-height:64px!important}body.loop-ux-2026 .simulator-workspace :is(button,input,select){min-height:44px}body.loop-market-ux{background:#f5f7fb!important}body.loop-market-ux .hero{padding:28px!important;border-radius:16px!important}body.loop-market-ux .hero h1{font-size:clamp(26px,3vw,38px)!important;line-height:1.2}body.loop-market-ux :is(button,input,select,.btn,.icon-btn){min-height:44px}body.loop-market-ux :is(a,button,input,select):focus-visible{outline:3px solid #986af0;outline-offset:3px}
@media(max-width:760px){body.loop-agro-ux .shell{padding:12px 12px 100px}body.loop-agro-ux .hero h1,body.loop-agro-ux .ccr-hero h1{font-size:25px}body.loop-agro-ux .grid{grid-template-columns:1fr!important}body.loop-agro-ux .nav{display:grid;grid-template-columns:1fr 1fr}body.loop-agro-ux .ccr-decision{grid-template-columns:1fr}body.loop-market-ux .hero{padding:20px!important}body.loop-market-ux .hero h1{font-size:28px!important}}
#loop-workspace .loop-sidebar{background:#101d35!important}#loop-workspace .loop-topbar{border-top:4px solid #3867ef!important}#loop-workspace .loop-mobile-menu{background:transparent!important}#loop-workspace .loop-mobile-menu summary{color:#fff!important}
@media(max-width:760px){#loop-workspace .loop-topbar-actions{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important}#loop-workspace .loop-topbar-actions>a{width:auto!important;flex:1!important}#loop-workspace .loop-topbar-actions>button{flex-basis:100%!important}}
/* Screen review: compact readable headers, fully visible navigation and responsive forms. */
#loop-workspace.loop-ux-2026 .loop-sidebar-text{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.35!important;min-width:0!important}
#loop-workspace.loop-ux-2026 .loop-sidebar-item{height:auto!important;min-height:46px!important;padding:10px!important;gap:8px!important}
#loop-workspace.loop-ux-2026 .loop-sidebar-item-main{min-width:0!important}
#loop-workspace.loop-ux-2026 :is(.loop-page-head,.loop-module-hero,.ndvi-hero,.ops-hero){padding:24px!important;border-radius:16px!important;box-shadow:none!important;margin-bottom:24px!important;gap:20px!important}
#loop-workspace.loop-ux-2026 :is(.loop-page-head,.loop-module-hero,.ndvi-hero,.ops-hero,.simulator-hero) h1{color:#fff!important;font-size:clamp(25px,2.5vw,34px)!important;line-height:1.2!important;letter-spacing:-.025em!important;margin:8px 0 12px!important}
#loop-workspace.loop-ux-2026 :is(.loop-page-head,.loop-module-hero,.ndvi-hero,.ops-hero,.simulator-hero) :is(p,.loop-subtitle,.loop-eyebrow,.ops-badge){color:#e8f0ff!important}
#loop-workspace.loop-ux-2026 :is(.loop-page-head,.ndvi-hero,.ops-hero) a:not(.loop-btn-primary):not(.loop-btn-secondary){color:#fff!important;text-decoration:underline!important;text-underline-offset:4px}
#loop-workspace.loop-ux-2026 .loop-page-head{text-align:left!important;justify-content:space-between!important}
#loop-workspace.loop-ux-2026 :is(.loop-module-hero,.ops-hero){grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr)!important;align-items:center!important}
#loop-workspace.loop-ux-2026 .loop-module-panel{padding:18px!important}
#loop-workspace.loop-ux-2026 .loop-module-panel strong{font-size:32px!important}
#loop-workspace.loop-ux-2026 .loop-form{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))!important;gap:16px!important;align-items:end!important}
#loop-workspace.loop-ux-2026 .ux-field{display:flex!important;flex-direction:column!important;gap:6px!important;min-width:0!important;color:#34445d!important;font-size:14px!important;line-height:1.4!important}
#loop-workspace.loop-ux-2026 :is(input,select,textarea){min-width:0;max-width:100%;box-sizing:border-box}
#loop-workspace.loop-ux-2026 .ux-field :is(input,select,textarea){width:100%!important;font-size:16px!important}
#loop-workspace.loop-ux-2026 .ops-inline-form{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))!important;min-width:0!important;max-width:100%!important}
#loop-workspace.loop-ux-2026 .ops-inline-form :is(.ux-wizard-step,.ux-offer-review){grid-column:1/-1}
#loop-workspace.loop-ux-2026 .loop-card{min-width:0}
body.loop-agro-ux .ccr-hero :is(h1,h2,p),body.loop-market-ux .hero p{color:#f1f5ff!important}
body.loop-agro-ux .ccr-hero{margin-top:18px}
body.loop-agro-ux :is(.card,.panel){min-width:0;overflow-wrap:anywhere}
body.loop-agro-ux :is(.table-wrap,.table-responsive){max-width:100%;overflow-x:auto}
@media(max-width:1000px){#loop-workspace.loop-ux-2026 :is(.loop-module-hero,.ops-hero){grid-template-columns:1fr!important}}
@media(max-width:760px){#loop-workspace.loop-ux-2026 :is(.loop-page-head,.loop-module-hero,.ndvi-hero,.ops-hero){padding:18px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important}#loop-workspace.loop-ux-2026 .loop-form{grid-template-columns:1fr!important}#loop-workspace.loop-ux-2026 .loop-content>div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}#loop-workspace.loop-ux-2026 .ops-inline-form{grid-template-columns:1fr!important}}
.ux-table-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border-radius:12px}.ux-table-scroll:focus-visible{outline:3px solid #0866e9;outline-offset:2px}.ux-table-scroll>table{min-width:640px}
body.loop-agro-ux .grid.four{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}body.loop-agro-ux .grid>*,body.loop-agro-ux .card>div{min-width:0}
@media(max-width:900px){body.loop-agro-ux .grid.four{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){body.loop-agro-ux .grid.four{grid-template-columns:1fr!important}}

@media(max-width:1024px){#loop-workspace.loop-ux-2026 .loop-shell{display:block!important;grid-template-columns:1fr!important}#loop-workspace.loop-ux-2026 .loop-sidebar{display:none!important}#loop-workspace.loop-ux-2026 .loop-main{width:100%!important;margin:0!important}#loop-workspace.loop-ux-2026 .loop-content{width:100%!important;box-sizing:border-box}#loop-workspace.loop-ux-2026 .loop-topbar-actions{flex-wrap:wrap!important}}

body.loop-agro-ux .actions :is(button,a){border-radius:8px!important;border:1px solid #cad5e2!important;background:#fff!important;color:#17355e!important;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:600}body.loop-agro-ux .actions button[type="submit"]:not(.secondary):not(.danger){background:#0866e9!important;border-color:#0866e9!important;color:#fff!important}body.loop-agro-ux .actions :is(button,a).danger{color:#9f1239!important;background:#fff1f2!important;border-color:#fecdd3!important}body.loop-agro-ux :is(input,select,textarea){min-width:0;max-width:100%;box-sizing:border-box}body.loop-agro-ux :is(a,button,input,select,textarea):focus-visible{outline:3px solid #7c3aed;outline-offset:2px}