@charset "UTF-8";

/*
 * Semantic palette catalog
 *
 * Components consume only the role tokens below. Palette identity and
 * light/dark appearance are assigned independently on <body>, leaving a
 * presentation-only seam for future Operator or player configuration.
 */
:root,
body[data-palette="real"][data-palette-appearance="light"]
	{
		--color-page:#7eaa58;
		--color-header:#ffffff;
		--color-surface:rgba(255,253,248,0.96);
		--color-surface-solid:#fffdf8;
		--color-surface-elevated:#eef3e9;
		--color-surface-subtle:#e6efd9;
		--color-text:#20301d;
		--color-text-muted:#53604f;
		--color-border:#71866a;
		--color-border-strong:#315b27;
		--color-control:#4f7f3f;
		--color-control-hover:#376329;
		--color-control-text:#ffffff;
		--color-control-disabled:#c3c8c0;
		--color-control-disabled-text:#667060;
		--color-accent:#397fa8;
		--color-accent-strong:#245c87;
		--color-focus:#f0c84b;
		--color-wheel:#35552d;
		--color-wheel-index:#9a5b2c;
		--color-press-focus:#315b27;
		--color-mode-control:#fffdf8;
		--color-mode-control-hover:#eef3e9;
		--color-mode-control-border:#71866a;
		--color-mode-selected-real:#0b8730;
		--color-mode-selected-simulation:#197fae;
		--color-tech-control:#e7dcc1;
		--color-tech-control-hover:#d6c18f;
		--color-tech-control-active:#c9ad70;
		--color-tech-control-text:#3f331d;
		--color-tech-control-border:#7b653b;
		--color-tech-control-focus:#315b27;
		--color-tech-control-disabled:#ddd8ca;
		--color-tech-control-disabled-text:#746f63;
		--color-tech-attention:#d99722;
		--color-tech-attention-strong:#8a540d;
		--color-tech-attention-text:#302300;
		--color-success:#456f67;
		--color-warning:#a87716;
		--color-danger:#a84940;
		--color-danger-surface:rgba(252,241,239,0.98);
		--color-selection-shadow:rgba(36,92,135,0.22);
		--color-overlay:rgba(128,128,128,0.8);
		--color-chart-grid:#c4ccbe;
		--color-chart-health:#477a35;
		--color-chart-yield:#397fa8;
		--color-chart-tomato:#9b3e2b;
		--color-chart-credit:#a87716;
		--color-chart-seed:#648c45;
		--color-chart-projection:rgba(57,127,168,0.72);
		--color-chart-positive:#e5f2df;
		--color-chart-negative:#f5ded8;
		--color-stage-ripe:#e6c84c;
		--color-stage-overripe:#dc8a39;
		--color-stage-rotten:#745e55;
		--historic-plant-saturation:28%;
		--historic-plant-lightness:42%;
		--color-tooltip:rgba(255,255,255,0.96);
		--color-scene-tint:rgba(255,255,255,0);
		--scene-blend-mode:normal;
		--feedback-prominent-surface:#dcefa4;
		--feedback-prominent-expanded-surface:#f0f7cc;
		--feedback-prominent-border:#315b27;
		--feedback-prominent-shadow:rgba(49,91,39,0.36);
	}

body[data-palette="real"][data-palette-appearance="dark"]
	{
		--color-page:#101812;
		--color-header:#18231b;
		--color-surface:rgba(27,40,30,0.97);
		--color-surface-solid:#1b281e;
		--color-surface-elevated:#26372a;
		--color-surface-subtle:#223226;
		--color-text:#eef5e9;
		--color-text-muted:#b4c4b1;
		--color-border:#607761;
		--color-border-strong:#88a98a;
		--color-control:#527a55;
		--color-control-hover:#6b936d;
		--color-control-text:#ffffff;
		--color-control-disabled:#3b493d;
		--color-control-disabled-text:#94a095;
		--color-accent:#73b6d4;
		--color-accent-strong:#9bcde3;
		--color-focus:#f3d46b;
		--color-wheel:#d5e8ed;
		--color-wheel-index:#75c6dc;
		--color-press-focus:#75c6dc;
		--color-mode-control:#111821;
		--color-mode-control-hover:#1d2935;
		--color-mode-control-border:#425466;
		--color-mode-selected-real:#72e58a;
		--color-mode-selected-simulation:#72d9ff;
		--color-tech-control:#2d3840;
		--color-tech-control-hover:#3d4c56;
		--color-tech-control-active:#526570;
		--color-tech-control-text:#e5ded0;
		--color-tech-control-border:#9b8660;
		--color-tech-control-focus:#75c6dc;
		--color-tech-control-disabled:#30363a;
		--color-tech-control-disabled-text:#85817a;
		--color-tech-attention:#e3a63c;
		--color-tech-attention-strong:#f3c46a;
		--color-tech-attention-text:#251b08;
		--color-success:#86b99d;
		--color-warning:#e3b85a;
		--color-danger:#ef8e82;
		--color-danger-surface:rgba(76,35,32,0.98);
		--color-selection-shadow:rgba(115,182,212,0.3);
		--color-overlay:rgba(7,12,8,0.78);
		--color-chart-grid:#526356;
		--color-chart-health:#88c47b;
		--color-chart-yield:#73b6d4;
		--color-chart-tomato:#e98774;
		--color-chart-credit:#e3b85a;
		--color-chart-seed:#9cc879;
		--color-chart-projection:rgba(115,182,212,0.78);
		--color-chart-positive:#315d3d;
		--color-chart-negative:#673a39;
		--color-stage-ripe:#d8b84e;
		--color-stage-overripe:#c77d3b;
		--color-stage-rotten:#876b64;
		--historic-plant-saturation:50%;
		--historic-plant-lightness:68%;
		--color-tooltip:rgba(24,35,27,0.98);
		--color-scene-tint:rgba(10,22,12,0.42);
		--scene-blend-mode:multiply;
		--feedback-prominent-surface:#365a3a;
		--feedback-prominent-expanded-surface:#263f2a;
		--feedback-prominent-border:#b7d88e;
		--feedback-prominent-shadow:rgba(183,216,142,0.3);
	}

body[data-palette="simulation"][data-palette-appearance="light"]
	{
		--color-page:#c8d3de;
		--color-header:#f4f7fa;
		--color-surface:rgba(246,249,252,0.97);
		--color-surface-solid:#f6f9fc;
		--color-surface-elevated:#e5edf4;
		--color-surface-subtle:#dbe5ee;
		--color-text:#17212b;
		--color-text-muted:#526371;
		--color-border:#75899b;
		--color-border-strong:#36566e;
		--color-control:#326b88;
		--color-control-hover:#24556e;
		--color-control-text:#ffffff;
		--color-control-disabled:#bdc8d1;
		--color-control-disabled-text:#5e6b75;
		--color-accent:#246f98;
		--color-accent-strong:#174f70;
		--color-focus:#b36b00;
		--color-wheel:#35552d;
		--color-wheel-index:#9a5b2c;
		--color-press-focus:#315b27;
		--color-mode-control:#fffdf8;
		--color-mode-control-hover:#eef3e9;
		--color-mode-control-border:#71866a;
		--color-mode-selected-real:#0b8730;
		--color-mode-selected-simulation:#197fae;
		--color-tech-control:#e5d8bd;
		--color-tech-control-hover:#d4bd89;
		--color-tech-control-active:#c5a764;
		--color-tech-control-text:#40331c;
		--color-tech-control-border:#79623a;
		--color-tech-control-focus:#315b27;
		--color-tech-control-disabled:#dad5c7;
		--color-tech-control-disabled-text:#716d63;
		--color-tech-attention:#d28d1f;
		--color-tech-attention-strong:#84500d;
		--color-tech-attention-text:#302300;
		--color-success:#28796b;
		--color-warning:#966800;
		--color-danger:#a43e4a;
		--color-danger-surface:rgba(250,235,238,0.98);
		--color-selection-shadow:rgba(36,111,152,0.24);
		--color-overlay:rgba(80,94,108,0.78);
		--color-chart-grid:#aab8c4;
		--color-chart-health:#3d805e;
		--color-chart-yield:#246f98;
		--color-chart-tomato:#ae4f59;
		--color-chart-credit:#8f6b12;
		--color-chart-seed:#5f8248;
		--color-chart-projection:rgba(36,111,152,0.72);
		--color-chart-positive:#dcefe5;
		--color-chart-negative:#f5dfe3;
		--color-stage-ripe:#d6b839;
		--color-stage-overripe:#d67d32;
		--color-stage-rotten:#75616b;
		--historic-plant-saturation:38%;
		--historic-plant-lightness:42%;
		--color-tooltip:rgba(250,252,254,0.98);
		--color-scene-tint:rgba(214,228,239,0.24);
		--scene-blend-mode:screen;
		--feedback-prominent-surface:#b7e4ee;
		--feedback-prominent-expanded-surface:#d8f2f7;
		--feedback-prominent-border:#246f98;
		--feedback-prominent-shadow:rgba(36,111,152,0.34);
	}

body[data-palette="simulation"][data-palette-appearance="dark"]
	{
		--color-page:#090d12;
		--color-header:#111821;
		--color-surface:rgba(20,28,38,0.98);
		--color-surface-solid:#141c26;
		--color-surface-elevated:#1d2935;
		--color-surface-subtle:#1a2530;
		--color-text:#e6edf3;
		--color-text-muted:#9eacb9;
		--color-border:#425466;
		--color-border-strong:#65829a;
		--color-control:#225b78;
		--color-control-hover:#2f7598;
		--color-control-text:#f4f8fb;
		--color-control-disabled:#303b47;
		--color-control-disabled-text:#84919d;
		--color-accent:#58a6c7;
		--color-accent-strong:#80c7e5;
		--color-focus:#f2cc60;
		--color-wheel:#d5e8ed;
		--color-wheel-index:#75c6dc;
		--color-press-focus:#75c6dc;
		--color-mode-control:#111821;
		--color-mode-control-hover:#1d2935;
		--color-mode-control-border:#425466;
		--color-mode-selected-real:#72e58a;
		--color-mode-selected-simulation:#72d9ff;
		--color-tech-control:#26343e;
		--color-tech-control-hover:#354957;
		--color-tech-control-active:#486273;
		--color-tech-control-text:#dbe9ed;
		--color-tech-control-border:#6f8794;
		--color-tech-control-focus:#75c6dc;
		--color-tech-control-disabled:#29343c;
		--color-tech-control-disabled-text:#788894;
		--color-tech-attention:#d99a2b;
		--color-tech-attention-strong:#f0bd55;
		--color-tech-attention-text:#241a07;
		--color-success:#63c1ad;
		--color-warning:#e1b84d;
		--color-danger:#f07b88;
		--color-danger-surface:rgba(66,27,34,0.98);
		--color-selection-shadow:rgba(88,166,199,0.3);
		--color-overlay:rgba(3,7,11,0.8);
		--color-chart-grid:#3d4d5c;
		--color-chart-health:#6fc38d;
		--color-chart-yield:#58a6c7;
		--color-chart-tomato:#ef7f8b;
		--color-chart-credit:#e1b84d;
		--color-chart-seed:#8fca6b;
		--color-chart-projection:rgba(88,166,199,0.8);
		--color-chart-positive:#244f43;
		--color-chart-negative:#5b3039;
		--color-stage-ripe:#d8b943;
		--color-stage-overripe:#c87939;
		--color-stage-rotten:#82646d;
		--historic-plant-saturation:55%;
		--historic-plant-lightness:66%;
		--color-tooltip:rgba(14,20,28,0.99);
		--color-scene-tint:rgba(5,12,20,0.62);
		--scene-blend-mode:multiply;
		--feedback-prominent-surface:#164b5d;
		--feedback-prominent-expanded-surface:#103644;
		--feedback-prominent-border:#63c1ad;
		--feedback-prominent-shadow:rgba(99,193,173,0.38);
	}

body
	{
		--color-chart-tech-owned:var(--color-tech-control-border);
		--color-chart-tech-installed:var(--color-tech-control-active);
		--color-chart-tech-point-border:var(--color-tech-control-border);
		--color-chart-tech-selected:var(--color-accent-strong);
		--feedback-surface:var(--color-surface-elevated);
		--feedback-expanded-surface:var(--color-surface-solid);
		--feedback-border:var(--color-border);
		--feedback-accent:var(--color-success);
		--feedback-text:var(--color-text);
		--feedback-muted:var(--color-text-muted);
		--feedback-hover:var(--color-surface-subtle);
		--feedback-shadow:var(--color-selection-shadow);
		--feedback-error-surface:var(--color-danger-surface);
		--feedback-error-border:var(--color-danger);
		--feedback-error-accent:var(--color-danger);
		--feedback-error-text:var(--color-danger);
	}

body
	{
		background-color:#7eaa58;
		color:var(--color-text);
	}

#header_panel
	{
		background-color:var(--color-header);
		color:var(--color-text);
	}

#real_mode_label,
#simulation_mode_label,
#header_username
	{
		color:var(--color-text-muted);
	}

body.mode-real #real_mode_label
	{
		color:var(--color-mode-selected-real);
		text-shadow:0 1px 2px var(--color-selection-shadow);
	}

body.mode-real #simulation_mode_label
	{
		color:color-mix(in srgb, var(--color-text-muted) 42%, var(--color-header));
		text-shadow:none;
	}

body.mode-simulation #simulation_mode_label
	{
		color:var(--color-mode-selected-simulation);
		text-shadow:none;
	}

body.mode-simulation #real_mode_label
	{
		color:color-mix(in srgb, var(--color-text-muted) 58%, var(--color-page));
		text-shadow:none;
	}

#controller
	{
		background:transparent;
		color:var(--color-text);
	}

.timeline_popover,
#timeline_tooltip
	{
		border-color:var(--color-border-strong);
		background:var(--color-surface);
		color:var(--color-text);
	}

#garden_positions .crop_panel
	{
		border-color:var(--color-border-strong);
	}

#garden_positions .plot_select
	{
		background-color:var(--color-surface-subtle);
		color:var(--color-text);
	}

#timeline_history_count
	{
		background:var(--color-surface-elevated);
		color:var(--color-text);
	}

#inventory_panel .inventory_bulk_actions button,
#marketplace_buy_panel button,
#marketplace_sell_panel button,
.marketplace_catalog button,
#simulation_tech_positions button,
#timeline_controls button,
#timeline_zoom_controls button,
#timeline_show_selected
	{
		border-color:var(--color-border-strong);
		background:var(--color-control);
		color:var(--color-control-text);
	}

#inventory_panel .inventory_bulk_actions button:hover:not(:disabled),
#marketplace_buy_panel button:hover:not(:disabled),
#marketplace_sell_panel button:hover:not(:disabled),
.marketplace_catalog button:hover:not(:disabled),
#simulation_tech_positions button:hover:not(:disabled),
#timeline_controls button:hover:not(:disabled),
#timeline_zoom_controls button:hover:not(:disabled),
#timeline_show_selected:hover:not(:disabled)
	{
		background:var(--color-control-hover);
	}

#timeline_show_selected,
#timeline_show_selected:hover:not(:disabled),
#timeline_show_selected[data-selection-edge="visible"]
	{
		background:repeating-linear-gradient(
			135deg,
			var(--color-chart-health) 0 5px,
			color-mix(in srgb, var(--color-chart-health) 96%, var(--color-surface-solid)) 5px 8px
		);
		color:var(--color-surface-solid);
	}

#inventory_panel .inventory_bulk_actions button:disabled,
#marketplace_buy_panel button:disabled,
#marketplace_sell_panel button:disabled,
.marketplace_catalog button:disabled,
#timeline_controls button:disabled,
#timeline_zoom_controls button:disabled
	{
		border-color:var(--color-border);
		background:var(--color-control-disabled);
		color:var(--color-control-disabled-text);
	}

.timeline_disclosure_toggle,
#timeline_range_controls button
	{
		border-color:var(--color-border);
		background:var(--color-surface-elevated);
		color:var(--color-text);
	}

#timeline_status > strong
	{
		color:var(--color-text);
	}

#timeline_status > span,
#simulation_tech_positions label,
#build_identity,
#viewport_dimensions
	{
		color:var(--color-text-muted);
	}

#timeline_cursor,
#timeline_health_line,
#timeline_additional_health_lines .timeline-active-health-line
	{
		stroke:var(--color-chart-health);
	}

#timeline_graph:focus
	{
		outline-color:var(--color-chart-projection);
	}

#timeline_historic_plants .timeline-historic-plant
	{
		color:hsl(
			var(--historic-plant-hue),
			var(--historic-plant-saturation),
			var(--historic-plant-lightness)
		);
	}

#timeline_historic_plants ellipse
	{
		fill:var(--color-surface-solid);
	}

#timeline_historic_plants .record-selected,
#timeline_historic_plants .timeline-historic-plant:focus
	{
		filter:drop-shadow(0 0 2px var(--color-accent-strong));
	}

#timeline_yield_line,
#timeline_yield_series .timeline-yield-line
	{
		stroke:var(--color-chart-yield);
	}

#timeline_yield_gradient stop:first-child
	{
		stop-color:var(--color-chart-yield);
	}

#timeline_yield_gradient stop:last-child
	{
		stop-color:var(--color-chart-yield);
	}

#timeline_day_guides .timeline-day-guide,
.health_axis
	{
		stroke:var(--color-chart-grid);
	}

#timeline_day_guides .timeline-day-guide
	{
		opacity:0.68;
	}

#timeline_health_points ellipse
	{
		fill:var(--color-surface-solid);
		stroke:var(--color-chart-health);
	}

#timeline_health_points ellipse.watered
	{
		fill:var(--color-chart-yield);
	}

#timeline_health_points ellipse.selected,
#timeline_health_points ellipse.editable-water:hover,
#timeline_health_points ellipse.editable-water:focus
	{
		stroke:var(--color-accent-strong);
	}

#timeline_health_points ellipse.automated-water
	{
		stroke:var(--color-accent-strong);
	}

#timeline_health_points ellipse.dead,
#timeline_health_points ellipse.dead.watered
	{
		stroke:var(--color-danger);
	}

.stage-band.ripe
	{
		fill:var(--color-stage-ripe);
	}

.stage-band.overripe
	{
		fill:var(--color-stage-overripe);
	}

.stage-band.rotten
	{
		fill:var(--color-stage-rotten);
	}

#timeline_axis_labels
	{
		color:var(--color-chart-health);
	}

#timeline_axis_labels span
	{
		background:var(--color-surface);
	}

#timeline_axis_labels .yield-axis-top,
#timeline_axis_labels .yield-axis-middle,
#timeline_axis_labels .yield-axis-bottom
	{
		color:var(--color-chart-yield);
	}

#timeline_resource_tracks .resource-tomatoes
	{
		color:var(--color-chart-tomato);
	}

#timeline_resource_tracks .resource-credits
	{
		color:var(--color-chart-credit);
	}

#timeline_resource_tracks .resource-seeds
	{
		color:var(--color-chart-seed);
	}

#timeline_resource_tracks .resource-baseline
	{
		stroke:var(--color-chart-grid);
	}

#timeline_resource_tracks .resource-transaction
	{
		fill:var(--color-surface-solid);
	}

#timeline_resource_tracks .resource-transaction.positive
	{
		fill:var(--color-chart-positive);
	}

#timeline_resource_tracks .resource-transaction.negative
	{
		fill:var(--color-chart-negative);
	}

#timeline_resource_labels
	{
		color:var(--color-text);
	}

#timeline_resource_labels .resource-badge
	{
		background:var(--color-surface);
	}

#timeline_resource_labels .resource-tomatoes
	{
		color:var(--color-chart-tomato);
	}

#timeline_resource_labels .resource-credits
	{
		color:var(--color-chart-credit);
	}

#timeline_resource_labels .resource-seeds
	{
		color:var(--color-chart-seed);
	}

#timeline_stage_labels .ripe
	{
		color:var(--color-stage-ripe);
	}

#timeline_stage_labels .overripe
	{
		color:var(--color-stage-overripe);
	}

#timeline_stage_labels .rotten
	{
		color:var(--color-stage-rotten);
	}

#action_feedback
	{
		background:transparent;
		color:var(--feedback-text);
	}

#action_feedback_details
	{
		border-color:var(--feedback-border);
		border-left-color:var(--feedback-accent);
		background:var(--feedback-surface);
		box-shadow:0 1px 2px var(--feedback-shadow);
		color:var(--feedback-text);
	}

#action_feedback_details summary,
#completion_summary
	{
		color:var(--feedback-text);
	}

#action_feedback_details summary::before
	{
		color:var(--feedback-accent);
	}

.feedback_expand_hint,
#action_feedback_details[open] .feedback_expand_hint
	{
		color:var(--feedback-muted);
	}

#action_feedback_explanation
	{
		border-color:var(--feedback-border);
		border-left-color:var(--feedback-accent);
		background:var(--feedback-expanded-surface);
		box-shadow:0 -3px 8px var(--feedback-shadow);
		color:var(--feedback-text);
	}

body.logged-in #action_feedback_details
	{
		border-color:var(--feedback-prominent-border);
		border-left-color:var(--feedback-accent);
		background:var(--feedback-prominent-surface);
		box-shadow:0 4px 12px var(--feedback-prominent-shadow);
	}

body.logged-in #action_feedback_explanation
	{
		border-color:var(--feedback-prominent-border);
		border-left-color:var(--feedback-accent);
		background:var(--feedback-prominent-expanded-surface);
		box-shadow:0 6px 16px var(--feedback-prominent-shadow);
	}

#action_feedback_dismiss
	{
		border-color:transparent;
		background:transparent;
		color:var(--feedback-muted);
	}

#action_feedback_dismiss:hover,
#action_feedback_dismiss:focus-visible
	{
		border-color:var(--feedback-border);
		background:var(--feedback-hover);
		color:var(--feedback-text);
	}

#action_feedback.feedback-error #action_feedback_details,
#action_feedback.feedback-error #action_feedback_explanation
	{
		border-color:var(--feedback-error-border);
		border-left-color:var(--feedback-error-accent);
		background:var(--feedback-error-surface);
		color:var(--feedback-error-text);
	}

#action_feedback.feedback-error #action_feedback_details summary,
#action_feedback.feedback-error #completion_summary,
#action_feedback.feedback-error #action_feedback_details summary::before,
#action_feedback.feedback-error .feedback_expand_hint,
#action_feedback.feedback-error #action_feedback_details[open] .feedback_expand_hint
	{
		color:var(--feedback-error-text);
	}

body.mode-real #action_feedback,
body.mode-real #action_feedback_explanation,
body.mode-real #action_feedback_dismiss
	{
		font-family:Arial, Helvetica, sans-serif;
	}

body.mode-real #action_feedback_details,
body.mode-real #action_feedback_explanation,
body.mode-real #action_feedback_dismiss
	{
		border-radius:8px;
	}

body.mode-simulation #action_feedback,
body.mode-simulation #action_feedback_explanation,
body.mode-simulation #action_feedback_dismiss
	{
		font-family:"Courier New", Courier, ui-monospace, monospace;
	}

body.mode-simulation #action_feedback_details,
body.mode-simulation #action_feedback_explanation,
body.mode-simulation #action_feedback_dismiss
	{
		border-radius:0;
	}

.cover
	{
		background-color:var(--color-overlay);
	}

body[data-palette-appearance="dark"] #logo
	{
		filter:drop-shadow(0 1px 0 rgba(255,255,255,0.35));
	}

#marketplace_buy_panel button.market_standard_unavailable, #marketplace_sell_panel button.market_standard_unavailable { background:var(--color-control-disabled); color:var(--color-control-disabled-text); border-color:var(--color-border); }
[data-market-category][aria-expanded="true"] { outline:3px solid var(--color-control-text); outline-offset:-6px; }

/* Catalog choices use the existing neutral, selected, hover and disabled mode roles. */
:is(#marketplace_browser,#plant_chooser) button { background:var(--color-control); color:var(--color-control-text); border-color:var(--color-border-strong); }
:is(#marketplace_browser,#plant_chooser) .catalog_tile:not([aria-pressed="true"]), :is(#marketplace_browser,#plant_chooser) .catalog_directions button:not([aria-pressed="true"]) { background:var(--color-surface-elevated); color:var(--color-text); }
:is(#marketplace_browser,#plant_chooser) button[aria-pressed="true"]:not(:disabled),
:is(#marketplace_browser,#plant_chooser) button:active:not(:disabled) { background:var(--color-control); color:var(--color-control-text); }
:is(#marketplace_browser,#plant_chooser) button:hover:not(:disabled) { background:var(--color-control-hover); color:var(--color-control-text); }
:is(#marketplace_browser,#plant_chooser) button:disabled, :is(#marketplace_browser,#plant_chooser) .catalog_directions button:disabled { background:var(--color-control-disabled); color:var(--color-control-disabled-text); border-color:var(--color-border); cursor:default; }

/* Direction labels sit on one shared track; only its sliding thumb carries selection. */
:is(#marketplace_browser,#plant_chooser) #marketplace_direction button { background:transparent; color:var(--color-text); }
:is(#marketplace_browser,#plant_chooser) #marketplace_direction button[aria-pressed="true"] { color:var(--color-control-text); }
:is(#marketplace_browser,#plant_chooser) #marketplace_direction button:disabled { color:var(--color-control-disabled-text); background:var(--color-control-disabled); }
:is(#marketplace_browser,#plant_chooser) #marketplace_direction button:hover:not(:disabled):not([aria-pressed="true"]) { background:var(--color-surface-solid); }