:root{ --bg:#f8fafc; --fg:#0f172a; --muted:#64748b; --primary:#2563eb; --card:#ffffff; --ring:#93c5fd }
.viaxl-dark:root, .viaxl-dark body{ --bg:#0b1220; --fg:#e2e8f0; --muted:#94a3b8; --card:#111827; --primary:#60a5fa; --ring:#1d4ed8 }
.viaxl-container{ max-width:980px; margin:24px auto; padding:16px }
.viaxl-card{ background:var(--card); color:var(--fg); border-radius:16px; box-shadow:0 10px 30px rgba(2,6,23,.08); padding:20px }
.viaxl-header{ display:flex; align-items:center; justify-content:space-between; margin-bottom:12px }
.viaxl-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px }
label{ display:flex; flex-direction:column; gap:6px; font-size:14px }
input, select, button{ padding:10px 12px; border-radius:12px; border:1px solid #e2e8f0; background:var(--bg); color:var(--fg); outline:none }
input:focus, select:focus{ box-shadow:0 0 0 3px var(--ring); border-color:transparent }
.viaxl-extras{ border:1px dashed #cbd5e1; padding:10px; border-radius:12px }
.viaxl-primary{ background:var(--primary); color:white; border:none; cursor:pointer }
.viaxl-result{ margin-top:18px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:12px }
.viaxl-kpi strong{ font-size:28px }
.viaxl-actions button{ margin-left:8px }
.viaxl-map{ height:340px; margin-top:16px; border-radius:12px; overflow:hidden }
.viaxl-suggest{ background:var(--card); border:1px solid #e2e8f0; border-radius:12px; margin-top:6px; max-height:200px; overflow:auto }
.viaxl-suggest button{ display:block; width:100%; text-align:left; padding:8px 10px; background:none; border:none; cursor:pointer }
.viaxl-consent{ display:flex; align-items:center; gap:8px }
@media print{ .viaxl-actions, #viaxl-theme, #viaxl-map, #viaxl-suggest{ display:none } }