/* The viewshed panel, on top of the app's controls in web/style.css. */
.vs-panel .seg.wide button { display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1.1; }
.vs-panel .seg.wide button small { font-size: 11.5px; font-weight: 400; opacity: 0.8; }
.vs-panel .slider { width: 100%; }
.vs-stats { min-height: 48px; padding: 10px 0 4px; border-top: 1px solid var(--rule, #d8d2c3); font-size: 14px; }
.vs-stats b { display: block; font-weight: 600; color: var(--ink, #0f2e31); }
.vs-stats span { display: block; color: #c66a00; }
.vs-stats small { display: block; color: var(--soft, #4a5f61); font-size: 12.5px; }
.vs-stats.busy { color: var(--soft, #4a5f61); }
.vs-stats.error { color: #c0392b; }
.vs-los { padding: 6px 0; }
.vs-los-text { font-size: 13.5px; margin-bottom: 4px; }
.vs-profile { display: block; width: 100%; height: 110px; background: var(--card, #faf8f2); border: 1px solid var(--rule, #d8d2c3); border-radius: 8px; }
.vs-clear {
  width: 100%; min-height: 44px; margin-top: 8px; border-radius: 10px; font: inherit; font-weight: 600; cursor: pointer;
  background: var(--band, #e9e4d8); color: var(--ink, #0f2e31); border: 1px solid var(--input-border, #c3bba8);
}