/* Shared readable surfaces. New URL preserves the previous offline cache. */
body.loop-unified{--fg:#14223b;--ink:#14223b;--fg-muted:#475569;--muted:#475569;--border:#cbd5e1;--line:#cbd5e1;--panel:#fff;--ui-muted:#475569;--ui-blue:#075bc4;color:#14223b}
body.loop-unified :is(.loop-card,.loop-kpi-card,.card,.panel,.ux-panel){color:#14223b;background-color:#fff;border-color:#cbd5e1;border-radius:12px}
body.loop-unified :is(.loop-kpi-label,.loop-kpi-note,.muted,.meta){color:#475569}
body.loop-unified :is(input:not([type=checkbox]):not([type=radio]),select,textarea){color:#14223b;background-color:#fff;border-color:#64748b}
body.loop-unified :is(input,textarea)::placeholder{color:#52627a;opacity:1}
body.loop-unified option{color:#14223b;background:#fff}
body.loop-unified :is(.loop-table,.ui-table-scroll table,.table-wrap table) :is(th,td){color:#14223b}
body.loop-unified :is(.loop-table,.ui-table-scroll table,.table-wrap table) th{background:#edf2f8}
body.loop-unified :is(.loop-badge,.badge){color:#334155;background:#edf2f8}
body.loop-unified :is(.loop-badge-info,.badge-info){color:#174c91;background:#eaf2ff}
body.loop-unified :is(.loop-badge-success,.badge-success){color:#16603c;background:#e7f5ed}
body.loop-unified :is(.loop-badge-warning,.badge-warning){color:#784600;background:#fff4d6}
body.loop-unified :is(.loop-badge-danger,.badge-danger){color:#9f1239;background:#fff1f2}
#loop-workspace.loop-unified :is(.loop-page-head,.loop-module-hero,.ndvi-hero,.ops-hero,.simulator-hero),body.loop-unified.loop-agro-ux .hero{background:#142744!important;color:#fff!important;border-radius:12px!important;box-shadow:none!important}
#loop-workspace.loop-unified :is(.loop-page-head,.loop-module-hero,.ndvi-hero,.ops-hero,.simulator-hero) :is(h1,.loop-title,.loop-subtitle,.loop-eyebrow),body.loop-unified.loop-agro-ux .hero :is(h1,p,.meta){color:#f1f5ff!important}
#loop-workspace.loop-unified a.loop-btn, #loop-workspace.loop-unified button.loop-btn, body.loop-unified .loop-btn-secondary{color:#17355e!important;background:#fff!important;border:1px solid #64748b!important;text-decoration:none!important}
#loop-workspace.loop-unified a.loop-btn-primary, #loop-workspace.loop-unified button.loop-btn-primary,body.loop-unified.loop-agro-ux .actions button[type=submit]:not(.secondary):not(.danger){color:#fff!important;background:#075bc4!important;border-color:#075bc4!important}
#loop-workspace.loop-unified .loop-btn:hover{box-shadow:inset 0 0 0 2px currentColor}
#loop-workspace.loop-unified :is(.loop-mobile-dock,.loop-mobile-menu-panel){background:#142744!important;color:#fff!important}
#loop-workspace.loop-unified :is(.loop-mobile-menu-link,.loop-mobile-menu-heading,.loop-mobile-dock>a){color:#f1f5ff!important}
#loop-workspace.loop-unified :is(.loop-mobile-menu-link.is-active,.loop-mobile-dock>a.is-active){background:#fff!important;color:#17355e!important}
.finance-intents{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;margin:24px 0}
.finance-intent{display:block;padding:20px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#14223b;text-decoration:none}
.finance-intent:hover{border-color:#075bc4;box-shadow:0 0 0 1px #075bc4}
.finance-intent strong{display:block;font-size:18px;margin-bottom:8px;color:#174c91}
.finance-intent span{display:block;color:#475569}
.finance-note{padding:16px;border-left:4px solid #075bc4;background:#edf4ff;color:#17355e;margin:20px 0;border-radius:8px}
.finance-details{margin-top:24px}.finance-details>summary{cursor:pointer;padding:16px;background:#edf2f8;color:#14223b;border:1px solid #cbd5e1;border-radius:8px;font-weight:700}
body.loop-unified .finance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px;margin-top:24px}
@media(min-width:761px) and (max-width:1024px){#loop-workspace.loop-unified .loop-mobile-dock{display:flex!important;position:fixed;bottom:0;left:0;right:0;z-index:1000;justify-content:space-around}#loop-workspace.loop-unified .loop-content{padding-bottom:110px!important}}
@media print{#loop-workspace.loop-unified .loop-mobile-dock{display:none!important}}
/* Resolve the legacy hero selector, which previously forced white text on white buttons. */
body#loop-workspace.loop-unified.loop-ux-2026 :is(.loop-page-head,.loop-module-hero,.ndvi-hero,.ops-hero,.simulator-hero) a.loop-btn:not(.loop-btn-primary){color:#17355e!important;background:#fff!important;text-decoration:none!important}
body#loop-workspace.loop-unified.loop-ux-2026 :is(.loop-card,.loop-kpi-card,.ux-panel){border-radius:12px!important;background:#fff!important;box-shadow:none!important;color:#14223b!important}
body#loop-workspace.loop-unified.loop-ux-2026 :is(.loop-page-head,.loop-module-hero,.ndvi-hero,.ops-hero,.simulator-hero){background:#142744!important}