/* E-commerce Market Central look for Garage Sale Central (visual only; loaded after the app's own styles). */
:root {
  --brand: #0B2A5B; --brand-ink: #FFFFFF; --brand-soft: #E3EEFF; --accent: #F7931E; --blue: #0D47B5;
  --ink: #0B2A5B; --muted: #4A5C7A; --canvas: #F4F8FD; --surface: #FFFFFF; --line: #D6E1EE; --fill: #EAF1FA;
  --land: #EEF3E8; --water: #CFE6FA; --road: #D9CDB3; --maplabel: #5E6E86;
  --open: #2B8A3E; --soon: #B35C00; --closed: #C92A2A; --focus: #3B8DEB;
  --t-garage: #F76707; --t-yard: #2F9E44; --t-estate: #D6336C; --t-neighborhood: #F59F00; --t-moving: #1C7ED6;
  --shadow: 0 10px 30px rgba(11, 42, 91, .16), 0 1px 3px rgba(11, 42, 91, .08);
  --display: "Nunito", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --body: "Nunito", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --r-sm: 10px; --r-md: 16px; --navh: 64px;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --brand: #6FA8FF; --brand-ink: #0B1426; --brand-soft: #16294A; --accent: #FFA94D; --blue: #6FA8FF;
  --ink: #EAF1FB; --muted: #A3B3CC; --canvas: #0E1626; --surface: #152036; --line: #2A3A58; --fill: #1C2A45;
  --land: #18233A; --water: #0C1A2E; --road: #3C3A33; --maplabel: #8EA0BC;
  --open: #69DB7C; --soon: #FFB347; --closed: #FF8787; --focus: #6FA8FF;
  --shadow: 0 10px 30px rgba(0, 0, 0, .5), 0 1px 3px rgba(0, 0, 0, .4); color-scheme: dark } }
:root[data-theme="dark"] {
  --brand: #6FA8FF; --brand-ink: #0B1426; --brand-soft: #16294A; --accent: #FFA94D; --blue: #6FA8FF;
  --ink: #EAF1FB; --muted: #A3B3CC; --canvas: #0E1626; --surface: #152036; --line: #2A3A58; --fill: #1C2A45;
  --land: #18233A; --water: #0C1A2E; --road: #3C3A33; --maplabel: #8EA0BC;
  --open: #69DB7C; --soon: #FFB347; --closed: #FF8787; --focus: #6FA8FF;
  --shadow: 0 10px 30px rgba(0, 0, 0, .5), 0 1px 3px rgba(0, 0, 0, .4); color-scheme: dark }
.bar { background: #0B2A5B; border-bottom-color: #0B2A5B; color: #FFFFFF; }
.homelink { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 10px; color: #FFFFFF; flex: none; }
.homelink:hover { background: rgba(255,255,255,.12); }
.bar .logo { color: #FFFFFF; font-weight: 900; }
.bar .logo .mark { background: #FFFFFF; color: #0B2A5B; }
.bar .logo em { color: #FFB04D; }
.place { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.35); color: #FFFFFF; }
.place small { color: rgba(255,255,255,.78); }
.topnav button, .topnav a { color: rgba(255,255,255,.85); }
.topnav a { display: inline-flex; align-items: center; gap: 7px; padding: 9px 12px; border-radius: 10px; font-weight: 700; text-decoration: none; }
.topnav button:hover, .topnav a:hover { background: rgba(255,255,255,.12); color: #FFFFFF; }
.topnav button[aria-current="page"] { color: #FFFFFF; background: rgba(255,255,255,.16); }
.topnav .badge { background: #F7931E; color: #0B2A5B; }
.btn, .chip, .add, .input:not(textarea):not(select) { border-radius: 999px; }
.btn.primary:hover { filter: brightness(1.12); }
h1.title, h2.title, .hero h2 { font-weight: 900; }
.progress i.on { background: var(--accent); }
@media (max-width: 900px) { .bottomnav button[aria-current="page"] { color: var(--blue); } }
.card.inroute { border-color: color-mix(in srgb, var(--brand) 45%, var(--line)); background: color-mix(in srgb, var(--brand) 5%, var(--surface)); }
.card.sel { border-color: var(--accent); box-shadow: inset 0 0 0 2px var(--accent); }
@media (max-width: 520px) { .homelink { width: 34px; height: 34px; } }
.routebar .btn.primary { background: var(--accent); border-color: var(--accent); color: #0B2A5B; }
.agentlink { flex: none; display: inline-flex; align-items: center; padding: 7px 12px; border-radius: 999px; background: #F7931E; color: #0B2A5B; font-weight: 900; font-size: 14px; text-decoration: none; }
.agentlink:hover { filter: brightness(1.08); }
.emc-locate { display: inline-flex; align-items: center; gap: 6px; margin-left: 6px; }
.emc-locate-msg { font-size: 13px; color: var(--muted); margin-left: 6px; }