/* Semantic controls and map colors: these must outrank the legacy theme conversion. */
html:is(#r16,html):is(#priority,html):is(#controls,html) body .mr-form{align-items:end!important}
html:is(#r16,html):is(#priority,html):is(#controls,html) body .mr-form :is(input,select,button){min-height:46px!important;height:46px!important;box-sizing:border-box!important;margin-bottom:0!important;font-size:14px!important}
html:is(#r16,html):is(#priority,html):is(#controls,html) body :is(.roster-actions,.event-v2-controls){align-items:center!important;gap:10px!important}
html:is(#r16,html):is(#priority,html):is(#controls,html) body .roster-actions>:is(button,label),html:is(#r16,html):is(#priority,html):is(#controls,html) body .event-v2-controls>:is(button,label,.event-reserved-farms){box-sizing:border-box!important;min-height:48px!important;height:auto!important;padding:10px 14px!important;font:650 14px/1.4 'Segoe UI',sans-serif!important;display:flex!important;align-items:center!important;border-radius:10px!important;gap:8px!important;margin:0!important;white-space:normal!important}
html:is(#r16,html):is(#priority,html):is(#controls,html) body .event-v2-controls>.inline-help-btn{width:44px!important;min-width:44px!important;max-width:44px!important;min-height:44px!important;height:44px!important;padding:0!important;justify-content:center!important;position:static!important;flex:0 0 44px!important}
html:is(#r16,html):is(#priority,html):is(#controls,html) body :is(.plan-stale-note,.plan-stale-note *,.stale-plan-notice,.stale-plan-notice *){color:var(--text)!important}
html:is(#r16,html):is(#priority,html):is(#controls,html) body .order-fab{top:calc(var(--planner-header-height,150px) + 10px)!important;z-index:60!important}
html:is(#r16,html):is(#priority,html):is(#controls,html) body .order-panel{top:calc(var(--planner-header-height,150px) + 66px)!important;max-height:calc(100dvh - var(--planner-header-height,150px) - 86px)!important;z-index:61!important}
html:is(#r16,html):is(#priority,html):is(#controls,html) body .plot-picker button.active{background:#174c39!important;color:#ffffff!important;border:3px solid #59e2a3!important;box-shadow:inset 0 0 0 1px #102e24!important}
html:is(#r16,html):is(#priority,html):is(#controls,html) body .plot-picker button.active *{color:#ffffff!important}
html:is(#r16,html):is(#priority,html):is(#controls,html) body .plot-picker button.active b::before{content:'✓ ';color:#8effbd!important}
html[data-mode=light]:is(#r16,html):is(#priority,html):is(#controls,html) body .plot-picker button.active{background:#dbf5e6!important;color:#123e2d!important;border-color:#23704e!important}
html[data-mode=light]:is(#r16,html):is(#priority,html):is(#controls,html) body .plot-picker button.active *{color:#123e2d!important}
html[data-mode=light]:is(#r16,html):is(#priority,html):is(#controls,html) body .plot-picker button.active b::before{color:#23704e!important}
html:is(#r16,html):is(#priority,html):is(#controls,html) body .placed{background:var(--block-color)!important;border:2px solid var(--block-color)!important;box-shadow:0 0 0 1px #122235,0 2px 5px #0008!important;opacity:1!important}
html:is(#r16,html):is(#priority,html):is(#controls,html) body .layout-legend-row{border-left:5px solid var(--legend-color,var(--line))!important}
html:is(#r16,html):is(#priority,html):is(#controls,html) body .layout-legend-icon{border:2px solid var(--legend-color,var(--line))!important;background:color-mix(in srgb,var(--legend-color,var(--panel)) 35%,var(--panel))!important;padding:2px!important;border-radius:6px!important;box-sizing:content-box!important}
html:is(#r16,html):is(#priority,html):is(#controls,html) body .climate-preview-facility{background:color-mix(in srgb,var(--crop-color) 50%,#18283c)!important;border:2px solid var(--crop-color)!important}
html:is(#r16,html):is(#priority,html):is(#controls,html) body .climate-preview-range{border:2px dashed var(--range-color)!important;background:color-mix(in srgb,var(--range-color) 22%,transparent)!important;box-shadow:inset 0 0 0 1px #152335,0 0 0 1px #152335!important}
html:is(#r16,html):is(#priority,html):is(#controls,html) body :is(.power-range,.power-preview-range){border:3px dashed #ffdb58!important;background:#e8ba282b!important;box-shadow:inset 0 0 0 1px #3d310b,0 0 0 1px #3d310b!important}
html:is(#r16,html):is(#priority,html):is(#controls,html) body .climate-range{border-width:3px!important;border-style:dashed!important;box-shadow:0 0 0 1px #152335,inset 0 0 0 1px #152335!important}
html:is(#r16,html):is(#priority,html):is(#controls,html) body .climate-range.heat-furnace{border-color:#ff8856!important;background:#ff885638!important}
html:is(#r16,html):is(#priority,html):is(#controls,html) body .climate-range.cooling-unit{border-color:#62caff!important;background:#62caff38!important}
html:is(#r16,html):is(#priority,html):is(#controls,html) body .climate-range.sunlamp{border-color:#ffec86!important;background:#ffec8638!important}
.egg-marker .egg-marker-rate{position:absolute;top:100%;left:50%;transform:translateX(-50%);font:750 12px/1.3 'Segoe UI',sans-serif;background:#14243b;color:#fff;border:1px solid #a8c0e2;border-radius:4px;padding:2px 4px;white-space:nowrap;pointer-events:none}
.egg-marker .egg-key-nest{position:absolute;width:16px;height:16px;right:-8px;top:-7px;filter:drop-shadow(0 1px 2px #000)}
.community-code-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.community-code-fields label{display:grid;gap:6px}
html[data-design="2"] .hub-utilities>#language-trigger{height:44px!important;min-width:58px!important}
html:is(#r16,html):is(#priority,html):is(#controls,html) body :is(.recalc-note,.recalc-note *){color:var(--text)!important}
html:is(#r16,html):is(#priority,html):is(#controls,html) body .recalc-note{border-left:4px solid var(--accent)!important;background:var(--raised)!important}
html[data-design="2"] input::placeholder,html[data-design="2"] textarea::placeholder{color:var(--muted)!important;opacity:1!important}
html:is(#r16,html):is(#priority,html):is(#controls,html) body .order-dock{top:calc(var(--planner-header-height,150px) + 10px)!important;z-index:60!important}
html:is(#r16,html):is(#priority,html):is(#controls,html) body .event-v2-controls{align-items:stretch!important}
html:is(#r16,html):is(#priority,html):is(#controls,html) body .event-v2-controls>:is(.event-activate-btn,label,.event-reserved-farms){min-height:64px!important}
html:is(#r16,html):is(#priority,html):is(#controls,html) body .event-v2-controls>.inline-help-btn{align-self:center!important;order:5!important}
html:is(#r16,html):is(#priority,html):is(#controls,html) body .order-dock{top:var(--orders-top,calc(var(--planner-header-height,150px) + 10px))!important}
html:is(#r16,html):is(#priority,html):is(#controls,html) body .order-panel{top:calc(var(--orders-top,150px) + 56px)!important;max-height:calc(100dvh - var(--orders-top,150px) - 76px)!important}
html:is(#r16,html):is(#priority,html):is(#controls,html) body :is(.community-form,.community-preview){background:var(--panel)!important;color:var(--text)!important;border-color:var(--line)!important}
html:is(#r16,html):is(#priority,html):is(#controls,html) body .community-form :is(input:not([type=checkbox]),select){min-height:46px!important;font-size:16px!important;background:var(--raised)!important;color:var(--text)!important;box-sizing:border-box}
html:is(#r16,html):is(#priority,html):is(#controls,html) body .mr-form>:is(label,button){margin:0!important}

/* Coverage sits beneath facilities, including ranges rendered later in the DOM. */
html body .layout-canvas :is(.power-range,.climate-range){z-index:2!important}