/* Platform layer on top of app.css: desktop density, scrollbars and the little
   things that make the window feel native. The design tokens themselves live in
   app.css so both files stay in sync with the Apple app's palette. */

html[data-platform="windows"] { --radius-sm: 8px; --radius: 10px; }
html[data-platform="linux"] { --radius-sm: 9px; --radius: 12px; }

html[data-platform="windows"],
html[data-platform="linux"] {
  font-family: "Segoe UI", Inter, "Noto Sans JP", system-ui, sans-serif;
}
html[data-platform="windows"] .brand strong,
html[data-platform="linux"] .brand strong,
html[data-platform="windows"] .planner-heading h1,
html[data-platform="linux"] .planner-heading h1,
html[data-platform="windows"] .results-title,
html[data-platform="linux"] .results-title,
html[data-platform="windows"] .itinerary-header h2,
html[data-platform="linux"] .itinerary-header h2 {
  font-family: inherit;
}

/* Pointer-driven platforms get a slightly denser layout than touch. */
@media (hover: hover) and (pointer: fine) and (min-width: 961px) {
  :root { font-size: 14px; }
  .planner-heading h1 { font-size: 23px; }
  .input-wrap input { height: 26px; font-size: 14.5px; }
  .primary-button { min-height: 42px; font-size: 14px; }
  .route-card-time { font-size: 17px; }
  .timeline { padding: 16px 18px 34px; }
}

body { user-select: none; }
.point-name, .move-heading strong, .route-card-time, .itinerary-header h2, .stop-row { user-select: text; }

*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-thumb { border: 3px solid transparent; border-radius: 8px; background: var(--fill-strong); background-clip: padding-box; }
*::-webkit-scrollbar-thumb:hover { background: var(--faint); background-clip: padding-box; }
*::-webkit-scrollbar-track { background: transparent; }

/* Tactile press feedback, as in the native app. */
.route-card, .result-item, .stops-button, .chip-group button, .segmented button,
.mode-chip, .nav-action, .swap-button, .current-location-button, .primary-button,
.secondary-button, .shift-button, .preset-row button, .tab-item {
  transition: transform 0.15s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.16s, color 0.16s, opacity 0.16s;
}
.result-item:active, .stops-button:active, .chip-group button:active, .segmented button:active,
.mode-chip:active, .nav-action:active, .current-location-button:active, .shift-button:active,
.preset-row button:active, .tab-item:active {
  transform: scale(0.97);
  opacity: 0.85;
}