/* ResponseOne road closures (Oct 31 2026) */
.r1-closure-pin{width:30px;height:30px;padding:0;border:0;background:none;cursor:pointer;filter:drop-shadow(0 1px 3px rgba(0,0,0,.35))}
.r1-closure-pin svg{width:30px;height:30px;display:block}
/* Nov 1 2026: no "Block this street" button on the driving screen any more; a small "⋯" in the bottom bar opens the menu. */
.nav-more{display:none}
html body.navigating .app .trip-bar{grid-template-columns:48px minmax(0,1fr) auto auto auto auto!important;grid-template-areas:"end eta voice overview more mini" "end meta voice overview more mini"!important;column-gap:8px!important}
html body.navigating .trip-bar #navMenuBtn{grid-area:more;display:grid!important}
html body.navigating .trip-bar #navMenuBtn svg{width:24px;height:24px}
@media (max-width:380px){html body.navigating .trip-bar button{width:44px!important;height:44px!important;min-width:44px!important}html body.navigating .app .trip-bar{grid-template-columns:44px minmax(0,1fr) auto auto auto auto!important;column-gap:6px!important}}
.nav-menu{list-style:none;margin:6px 0 0;padding:0}
.nav-menu li{border-top:1px solid #eceff1}
.nav-menu li:first-child{border-top:0}
.nm-item{display:flex;align-items:center;gap:14px;width:100%;min-height:62px;padding:8px 2px;border:0;background:none;color:#202124;text-align:left;font:inherit;cursor:pointer}
.nm-item:active{background:#f1f3f4}
.nm-item:disabled{opacity:.6}
.nm-item svg{flex:none;width:28px;height:28px;color:#5f6368}
.nm-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.nm-text strong{font-size:17px;font-weight:600}
.nm-sub{color:#5f6368;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.r1-night .nm-item{color:#e8eaed}
body.r1-night .nm-item svg,body.r1-night .nm-sub{color:#bdc1c6}
body.r1-night .nav-menu li{border-color:#3c4043}
.closures-chip{position:fixed;z-index:6;left:max(14px,env(safe-area-inset-left));top:calc(env(safe-area-inset-top) + 76px);display:inline-flex;align-items:center;gap:6px;
  height:36px;padding:0 12px 0 6px;border:0;border-radius:18px;background:#fff;color:#b3261e;font:600 14px/1 system-ui,-apple-system,Roboto,sans-serif;box-shadow:0 2px 8px rgba(0,0,0,.22);cursor:pointer}
.closures-chip[hidden]{display:none}
.closures-chip svg{width:24px;height:24px}
body.navigating .closures-chip{top:auto;bottom:calc(var(--ui-bottom,110px) + 128px)}
body.hsheet-open .closures-chip,body.closure-sheet-open .closures-chip{display:none}
.closure-sheet{position:fixed;z-index:30;left:0;right:0;bottom:0;max-height:70vh;overflow:auto;background:#fff;color:#202124;border-radius:18px 18px 0 0;
  box-shadow:0 -4px 18px rgba(0,0,0,.22);padding:6px 18px calc(18px + env(safe-area-inset-bottom));font-family:system-ui,-apple-system,Roboto,sans-serif}
.closure-sheet[hidden]{display:none}
.closure-sheet .cl-head{display:flex;align-items:flex-start;gap:12px;padding:8px 0 4px}
.closure-sheet .cl-head>div{flex:1;min-width:0}
.closure-sheet h2{margin:2px 0 4px;font-size:20px;font-weight:650}
.closure-sheet p{margin:0;color:#5f6368;font-size:15px;line-height:1.35}
.closure-sheet .cl-ico svg{width:34px;height:34px;display:block}
.closure-sheet .hsheet-x{flex:none;width:40px;height:40px;border:0;border-radius:50%;background:#f1f3f4;color:#3c4043;font-size:18px;cursor:pointer}
.closure-sheet .cl-actions{display:flex;gap:10px;margin-top:14px}
.closure-sheet .cl-go{flex:1;height:50px;border:0;border-radius:25px;background:#d93025;color:#fff;font:600 17px system-ui,-apple-system,Roboto,sans-serif;cursor:pointer}
.closure-sheet .cl-cancel{flex:1;height:50px;border:1px solid #dadce0;border-radius:25px;background:#fff;color:#1a73e8;font:600 16px system-ui,-apple-system,Roboto,sans-serif;cursor:pointer}
.closure-sheet .cl-list{list-style:none;margin:8px 0 0;padding:0}
.closure-sheet .cl-list li{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #eceff1}
.closure-sheet .cl-list li>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.closure-sheet .cl-list strong{font-size:16px}
.closure-sheet .cl-list span{color:#5f6368;font-size:14px}
.closure-sheet .cl-list .cl-ico svg{width:28px;height:28px}
.closure-sheet .cl-reopen{flex:none;height:38px;padding:0 14px;border:1px solid #dadce0;border-radius:19px;background:#fff;color:#1a73e8;font:600 14px system-ui,-apple-system,Roboto,sans-serif;cursor:pointer}
.closure-sheet .cl-hint{margin-top:12px;font-size:13px}
.closure-toast{position:fixed;z-index:31;left:12px;right:12px;margin:0 auto;width:fit-content;top:calc(env(safe-area-inset-top) + 124px);max-width:min(92vw,440px);display:flex;align-items:center;gap:12px;
  padding:10px 12px 10px 16px;border-radius:12px;background:#202124;color:#fff;font:500 15px/1.3 system-ui,-apple-system,Roboto,sans-serif;box-shadow:0 4px 14px rgba(0,0,0,.3)}
.closure-toast[hidden]{display:none}
.closure-toast em{font-style:normal;color:#fdd663}
.closure-toast button{flex:none;border:0;background:none;color:#8ab4f8;font:700 15px system-ui,-apple-system,Roboto,sans-serif;padding:6px 4px;cursor:pointer}
body.r1-night .closure-sheet{background:#202124;color:#e8eaed}
body.r1-night .closure-sheet p,body.r1-night .closure-sheet .cl-list span{color:#bdc1c6}
body.r1-night .closure-sheet .hsheet-x{background:#3c4043;color:#e8eaed}
body.r1-night .closure-sheet .cl-cancel,body.r1-night .closure-sheet .cl-reopen{background:#202124;border-color:#5f6368;color:#8ab4f8}
body.r1-night .closure-sheet .cl-list li{border-color:#3c4043}
body:not(.navigating) .closure-toast{top:calc(env(safe-area-inset-top) + 120px)}
.maplibregl-canvas-container,.maplibregl-canvas{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}

/* City closures (Nov 1 2026): NYC DOT / permitted-event full closures active now. Orange dashed = the city's; red = his own blocks. */
.city-closures-chip{position:fixed;z-index:6;left:max(14px,env(safe-area-inset-left));top:calc(env(safe-area-inset-top) + 118px);display:inline-flex;align-items:center;gap:6px;
  height:34px;padding:0 12px 0 5px;border:0;border-radius:17px;background:#fff;color:#b45309;font:600 13.5px/1 system-ui,-apple-system,Roboto,sans-serif;box-shadow:0 2px 8px rgba(0,0,0,.22);cursor:pointer}
.city-closures-chip[hidden]{display:none}
.city-closures-chip svg{width:24px;height:24px}
body.navigating .city-closures-chip{display:none}
body.hsheet-open .city-closures-chip,body.closure-sheet-open .city-closures-chip{display:none}
body.r1-night .city-closures-chip{background:#202124;color:#fbbc04}
.closure-sheet .cc-kicker{margin:0 0 2px;color:#b45309!important;font-size:13px!important;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.closure-sheet .cc-range{font-weight:500;color:#3c4043}
.closure-sheet .cc-until{color:#202124!important;font-size:17px!important;font-weight:600}
.closure-sheet .cc-why{margin-top:8px!important;font-size:15px}
.closure-sheet .cc-hours{margin-top:2px!important;font-size:13px!important}
.closure-sheet .cc-state{margin-top:10px!important;padding:8px 10px;border-radius:10px;background:#fef7e0;color:#7a4100!important;font-size:14px!important}
.closure-sheet .cc-state.ig{background:#f1f3f4;color:#3c4043!important}
.closure-sheet .cc-ignore,.closure-sheet .cc-avoid{flex:1.3;height:50px;border:0;border-radius:25px;background:#e8710a;color:#fff;font:600 16px system-ui,-apple-system,Roboto,sans-serif;cursor:pointer}
.closure-sheet .cc-avoid{background:#1a73e8}
body.r1-night .closure-sheet .cc-range,body.r1-night .closure-sheet .cc-until{color:#e8eaed!important}
body.r1-night .closure-sheet .cc-state{background:#3c2a00;color:#fdd663!important}
body.r1-night .closure-sheet .cc-state.ig{background:#3c4043;color:#e8eaed!important}
