/* Styles for shared/location-picker.js - for pages without meet-and-chat's stylesheet (which already has them).
   Uses the host's tokens: --card --border --hover --muted --primary --input --bg. */
.loc-list{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow-y:auto;max-height:min(52vh,420px)}
.loc-list .opt{display:flex;gap:10px;padding:8px 12px;cursor:pointer;align-items:flex-start;border-bottom:1px solid var(--border)}
.loc-list .opt:last-child{border-bottom:0}
.loc-list .opt:hover,.loc-list .opt.active{background:var(--hover)}
.loc-list .opt .m{font-weight:600}
.loc-list .opt .ic{display:flex;flex-direction:column;align-items:center;flex:0 0 44px;width:44px}
.loc-list .opt .d{white-space:nowrap;font-size:11px;line-height:1.2;margin-top:2px}
.loc-list .grp{padding:6px 12px 2px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--bg)}
.loc-list .none{padding:12px;color:var(--muted)}
.loc-list .loading{display:flex;gap:8px;align-items:center;justify-content:center;padding:14px;color:var(--muted)}
.loc-dummy{display:flex;align-items:center;gap:10px;width:100%;text-align:left;cursor:text;background:var(--input);border:1px solid var(--border);border-radius:9px;padding:8px 11px;min-height:36px;color:var(--muted);font:inherit}
.loc-dummy:hover,.loc-dummy:focus-visible{border-color:var(--primary)}
.w3w-link{background:none;border:0;padding:2px 0;font:inherit;font-weight:600;color:var(--primary);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.w3w-link.muted{color:var(--muted);font-weight:500}
.w3w-slashes{color:#e11f26;margin-right:1px}