/* Shared Skylens tokens scoped to the saved-view pilot. */
#skylens-viewpoints-panel {
 --tour-surface:#fff; --tour-text:#102642; --tour-muted:#52647a;
 --tour-accent:#007f96; --tour-line:#708298;
 position:fixed; left:calc(10px + var(--skylens-left-dock, 0px)); bottom:90px;
 width:min(360px,calc(100vw - 24px)); max-height:calc(100dvh - 180px);
 overflow:auto; background:var(--tour-surface); color:var(--tour-text);
 border:1px solid var(--tour-line); border-radius:16px; padding:16px; z-index:1100;
 direction:ltr; font:14px/1.5 system-ui,sans-serif;
}
#skylens-viewpoints-panel[hidden] { display:none; }
.model-tour-body { display:flex; flex-direction:column; gap:8px; }
.model-tour-body > div { display:flex; align-items:center; gap:8px; padding:8px 0; border-bottom:1px solid #d9e2eb; }
.model-tour-body > div > button:first-child { flex:1; text-align:left; overflow-wrap:anywhere; }
.model-tour-body span { color:var(--tour-muted); font-size:12px; }
.model-tour-body button { background:#fff; color:var(--tour-text); border:1px solid var(--tour-line); border-radius:12px; padding:8px 12px; min-height:40px; cursor:pointer; }
.model-tour-body > button:first-of-type { background:var(--tour-accent); color:#fff; }
.model-tour-body button:disabled { opacity:.55; cursor:default; }
.model-tour-body :focus-visible { outline:3px solid var(--tour-accent); outline-offset:2px; }
.model-tour-body label { display:flex; flex-direction:column; gap:4px; }
.model-tour-body input,.model-tour-body textarea { font:inherit; color:var(--tour-text); background:#fff; border:1px solid var(--tour-line); border-radius:12px; padding:12px; }
.model-tour-body [role=alert] { border-left:3px solid #b42318; padding-left:8px; }
@media (pointer:coarse) { .model-tour-body button { min-height:48px; } }

.model-tour-body .model-tour-row { display:flex; align-items:center; gap:8px; padding:8px 0; border-bottom:1px solid #d9e2eb; }
.model-tour-body .model-tour-row > button:first-child { flex:1; text-align:left; overflow-wrap:anywhere; }
.model-tour-body summary { cursor:pointer; padding:8px 0; color:var(--tour-muted); }
.model-tour-confirm { box-sizing:border-box; color:#102642; background:#fff; border:1px solid #708298; border-radius:16px; padding:24px; width:min(440px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto; font:16px/1.5 system-ui,sans-serif; z-index:100001; }
.model-tour-confirm::backdrop { background:rgba(16,38,66,.45); }
.model-tour-confirm h2 { margin:0 0 12px; font-size:20px; }
.model-tour-confirm p { overflow-wrap:anywhere; }
.model-tour-confirm button { min-height:48px; padding:10px 16px; margin:4px; border:1px solid #708298; border-radius:12px; color:#102642; background:#fff; font:inherit; cursor:pointer; }
.model-tour-confirm .model-tour-danger { background:#b42318; border-color:#b42318; color:#fff; }
.model-tour-confirm :focus-visible { outline:3px solid #007f96; outline-offset:2px; }
