/* Shared mode controls stay outside collapsible filters. */
.street-mode-control{display:grid;grid-template-columns:1fr 1fr;gap:5px 8px;margin-top:12px}
.street-mode-label{grid-column:1/-1;font-size:12px;font-weight:700;color:#d9e3df}
.street-mode-control button{min-height:36px;padding:7px 8px;border:1px solid #668088;border-radius:7px;background:#26424b;color:#fff;font:inherit;font-size:12px;cursor:pointer}
.street-mode-control button[aria-pressed="true"]{background:#e8ab62;color:#10202a;border-color:#e8ab62;font-weight:700}
.street-mode-control button:focus-visible{outline:2px solid #e8ab62;outline-offset:2px}
.street-mode-message{grid-column:1/-1;margin:0;font-size:11px;line-height:1.4;color:#f0b36c}
.street-mode-message[hidden],.street-credit[hidden]{display:none}
.street-credit{position:absolute;z-index:500;bottom:8px;right:56px;background:#fffffff2;border-radius:3px;padding:3px 5px;font-size:11px;line-height:1.3}
.street-detail-credit{display:none}
.street-credit a,.street-detail-credit a{color:#10202a;text-decoration:underline}
@media(max-width:720px){
 .app:has(.detail-sheet.is-open) .street-credit{display:none}
 .detail-sheet.is-open .street-detail-credit:not([hidden]){display:block;padding:6px 18px 0;font-size:10px}
 .street-detail-credit a{color:#bed0ce}
 .street-mode-control{margin-top:8px;grid-template-columns:auto 1fr 1fr;align-items:center;gap:5px}
 .street-mode-label{grid-column:auto;font-size:10px}
 .street-mode-control button{font-size:11px;padding:6px 4px}
 .street-mode-message{grid-column:1/-1}
 .street-credit{bottom:auto;right:auto;left:12px;top:calc(var(--mobile-controls-bottom,370px) + 8px);font-size:10px}
 .app .street-mode-active .map-badge{top:calc(var(--mobile-controls-bottom,370px) + 34px)}
}