/* Approved existing five-tab surfaces, with distinct task colors and direct choices. */
body .pk-choice-field { min-width:0; color:#4c5c70; font-size:13px; font-weight:700; }
body .pk-option-rail { display:flex; gap:8px; max-width:100%; min-width:0; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x proximity; padding:7px 2px 9px; scrollbar-width:thin; }
body :is(#view-finder,#destinationParking) .pk-option-rail button { flex:0 0 auto; min-height:44px; min-width:62px; width:auto!important; margin:0!important; padding:10px 15px!important; border:1px solid #ced8e4!important; border-radius:14px!important; background:linear-gradient(155deg,#fff,#edf1f7)!important; color:#344b66!important; box-shadow:inset 0 1px #fff,0 3px 0 #ced7e3!important; font-size:14px!important; line-height:1.3; font-weight:700; white-space:nowrap; scroll-snap-align:start; }
body :is(#view-finder,#destinationParking) .pk-option-rail button[aria-pressed=true] { background:linear-gradient(145deg,#6288b7,#365d8a)!important; color:#fff!important; border-color:#476d99!important; box-shadow:inset 0 1px #a7c5e7,0 3px 0 #284869!important; }
body :is(#view-finder,#destinationParking) .pk-option-rail button:focus-visible { outline:3px solid #d58d29; outline-offset:2px; }
body #view-finder .pf-filters { grid-template-columns:minmax(0,1fr); gap:14px; }
body #view-finder .pf-visible-compare { margin-top:18px; }
body #destinationParking .destination-range { margin:18px 0; padding:16px; border:1px solid #d6dfea; border-radius:20px; background:linear-gradient(145deg,#fff,#edf2f8); box-shadow:inset 0 1px #fff,0 4px 0 #d8e0ea; }
body #destinationParking .destination-range h3 { font-size:15px; margin:0 0 8px; }
body #view-finder .pf-search-shortcuts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
body #view-finder .pf-search-shortcuts button,body #destinationParking .destination-search-shortcuts > button { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:6px; min-width:0; min-height:88px; padding:12px!important; border-radius:18px!important; white-space:normal; text-align:left; font-size:13px!important; font-weight:700; line-height:1.45; }
body #view-finder .pf-search-shortcuts img,body #destinationParking .destination-search-shortcuts img { width:34px; height:34px; object-fit:contain; filter:drop-shadow(0 4px 3px #263c5428); }
body #view-finder #finderUseDestination { background:linear-gradient(150deg,#fff8ec,#eee2ca)!important; color:#705322!important; border:1px solid #dbcda9!important; box-shadow:inset 0 1px #fff,0 4px 0 #d1bf9e!important; }
body #view-finder #finderPickMap,body #destinationParking [data-search-action=ev] { background:linear-gradient(150deg,#ecf9f3,#cde7df)!important; color:#225e55!important; border:1px solid #b3d8cd!important; box-shadow:inset 0 1px #fff,0 4px 0 #a5c9bd!important; }
body #view-finder #finderLocate,body #destinationParking [data-search-action=location] { background:linear-gradient(150deg,#eff6ff,#d4e3f7)!important; color:#2f527d!important; border:1px solid #bacde6!important; box-shadow:inset 0 1px #fff,0 4px 0 #adbfda!important; }
body :is(#view-finder,#destinationParking) :is(.pf-search-row,.destination-search-row) { display:flex; align-items:stretch; gap:8px; min-width:0; }
body :is(#view-finder,#destinationParking) :is(.pf-search-row,.destination-search-row) input { min-width:0; width:0; flex:1; }
body :is(#view-finder,#destinationParking) :is(.pf-search-row,.destination-search-row) button { display:flex; align-items:center; justify-content:center; gap:6px; flex:0 0 auto; width:auto!important; min-width:66px; max-width:43%; min-height:52px; padding:10px!important; border:1px solid #47698e!important; border-radius:17px!important; background:linear-gradient(145deg,#6688b0,#35577e)!important; color:#fff!important; box-shadow:inset 0 1px #b7cce0,0 4px 0 #2c4665!important; font-size:13px!important; white-space:normal; line-height:1.4; }
body :is(#view-finder,#destinationParking) :is(.pf-search-row,.destination-search-row) button img { width:29px; height:29px; flex:0 0 29px; filter:drop-shadow(0 3px 2px #152c4c55); }
body #destinationParking .destination-rescan { background:linear-gradient(145deg,#eaf4ff,#c4d9f2)!important; border:1px solid #abc2df!important; color:#2d527c!important; box-shadow:inset 0 1px #fff,0 5px 0 #a4bad5,0 8px 16px #314d721a!important; }
body #destinationParking [data-destination-auto] { background:linear-gradient(145deg,#fff2db,#ebce99)!important; border:1px solid #d3b16f!important; color:#66491b!important; box-shadow:inset 0 1px #fff8e6,0 5px 0 #c4a365,0 8px 16px #8261221a!important; }
body #destinationParking .destination-launch-actions > [data-destination-navigate] { background:linear-gradient(145deg,#5d83af,#345b88)!important; color:white!important; border:1px solid #4c719c!important; box-shadow:inset 0 1px #a9c8e9,0 4px 0 #28476b!important; }
body #destinationParking .destination-launchbar { scroll-margin-top:90px; }
body #destinationParking .destination-history { margin-top:12px; }
body #destinationParking [data-destination-choices]:empty { display:none; }
body #destinationParking [data-destination-choices] > button { min-height:60px; border-radius:16px!important; background:linear-gradient(150deg,#fff,#eef3fa)!important; color:#2b405c!important; border:1px solid #cad7e8!important; box-shadow:inset 0 1px #fff,0 3px 0 #c8d2e0!important; }
body #destinationParking [data-destination-choices] [data-local-suggestion] small:last-child { color:#476389; font-size:11px; }
@media (max-width:350px) { body #view-finder .pf-search-shortcuts button { padding:9px!important; font-size:12px!important; } body #view-finder .pf-search-row button img { display:none; } }
@media (prefers-reduced-motion:reduce) {body .pk-option-rail {scroll-behavior:auto;scroll-snap-type:none;} }

body #destinationParking .destination-search-shortcuts > button { flex-direction:row; align-items:center; min-height:54px; padding:8px!important; font-size:12px!important; }
body #destinationParking .destination-search-shortcuts img { width:30px; height:30px; flex:0 0 30px; }

/* Navigation clarity: in-app guidance is primary; choosing another app is secondary. */
body #destinationParking .destination-launchbar.has-embedded-navigation .destination-launch-actions { flex-direction:column; }
body #destinationParking .destination-launchbar.has-embedded-navigation .destination-launch-actions > button { flex:0 0 auto; width:100%; }
body #destinationParking .destination-launchbar.has-embedded-navigation [data-embedded-navigation] { font-size:15px; }
body #destinationParking .destination-launchbar.has-embedded-navigation .destination-launch-actions > [data-destination-navigate] { background:#f3f5f8!important; color:#344b66!important; border:1px solid #c5cfda!important; box-shadow:none!important; font-size:14px; }

/* Selection directs attention to an explicit start, never starts navigation itself. */
#destinationParking [data-navigation-attention="true"]{outline:3px solid #e6b748;outline-offset:3px;animation:pkNavigationReady 2s ease-in-out 6;scroll-margin-top:110px;scroll-margin-bottom:120px}
@keyframes pkNavigationReady{0%,100%{outline-color:#b88019;box-shadow:0 4px 0 #253a4b,0 0 0 4px #efcb6530}50%{outline-color:#ffe09a;box-shadow:0 4px 0 #253a4b,0 0 0 7px #efcb6560}}
@media(prefers-reduced-motion:reduce){#destinationParking [data-navigation-attention="true"]{animation:none;outline-color:#b88019}}

/* v763: the navigation start must be unmistakable — bigger, high-contrast, continuous pulse until tapped. */
body #destinationParking .destination-launch-actions > [data-destination-navigate].is-primary-navigation{min-height:64px !important;font-size:1.15rem;font-weight:800;background:#d9341f !important;color:#fff !important;border-color:#8f1d10 !important}
body #destinationParking .destination-launch-actions > [data-navigation-attention="true"]{outline:4px solid #ffd24a;outline-offset:4px;animation:pkNavigationPulse 1s ease-in-out infinite}
@keyframes pkNavigationPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 #ffd24aaa}50%{transform:scale(1.03);box-shadow:0 0 0 12px #ffd24a00}}
@media(prefers-reduced-motion:reduce){#destinationParking [data-navigation-attention="true"]{animation:none;outline-color:#ffd24a}}
