/* App palette and bottom navigation match the existing inventory/schedule modules.
   Every rule is scoped so the desktop/mobile website retains its own design. */
html.native-workspace-app {
  --wp-canvas:#f3f3f5; --wp-surface:#fff; --wp-text:#17171b;
  --wp-muted:#6f7079; --wp-line:#d9d9df; --wp-accent:#16845b;
  --wp-tint:#e2f3e9; --wp-soft:#f0f0f3; --wp-on-accent:#fff;
  --parking-nav-ink:#155f3e;
}
html.native-workspace-app[data-theme="dark"] {
  --wp-canvas:#000; --wp-surface:#121214; --wp-text:#f5f5f7;
  --wp-muted:#a3a3aa; --wp-line:#2b2b2f; --wp-accent:#66d594;
  --wp-tint:#183724; --wp-soft:#1a1a1d; --wp-on-accent:#102b1b;
  --parking-nav-ink:#b7edca;
}
.native-workspace-app body { min-height:100dvh; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif; }
.native-workspace-app .parking-app-header { display:none; }
.native-workspace-app .parking-shell { padding:6px 6px calc(78px + env(safe-area-inset-bottom)); }
.native-workspace-app .parking-subnav { border:0; margin:0; gap:0; }
.native-workspace-app .parking-meta { width:100%; max-width:none; padding:6px 10px 10px; justify-content:flex-start; }
.native-workspace-app .parking-grid { grid-template-columns:1fr; gap:10px; }
.native-workspace-app .parking-card { border:1px solid var(--wp-line); border-radius:18px; }
.native-workspace-app .card-head { padding:12px 14px; min-height:50px; border-bottom:0; }
.native-workspace-app .card-head h1,.native-workspace-app .card-head h2 { font-size:18px; font-weight:800; }
.native-workspace-app .card-body { padding:6px 14px 14px; }
.native-workspace-app input,.native-workspace-app select { min-height:48px; border-radius:12px; font-size:16px; }
.native-workspace-app .search-row { grid-template-columns:minmax(0,1fr) 66px 48px; gap:6px; }
.native-workspace-app .search-row > button,.native-workspace-app #favorites-toggle { height:48px; min-height:48px; border-radius:12px; }
.native-workspace-app .search-row > button { padding:0 8px; white-space:nowrap; }
.native-workspace-app #favorites-toggle { width:48px; background:var(--wp-soft); }
.native-workspace-app button.primary { border-radius:12px; font-weight:800; }
.native-workspace-app .vehicle,.native-workspace-app .ticket,.native-workspace-app .vehicle-facts { border-radius:12px; }
.native-workspace-app .ticket { padding:10px; background:var(--wp-soft); min-height:60px; }
.native-workspace-app .ticket strong { padding-right:0; }
.native-workspace-app .ticket-grid { gap:7px; }
.native-workspace-app .selected-heading h3 { font-size:24px; }
.native-workspace-app .favorites-popover { border-radius:16px; max-height:calc(100dvh - 210px); overflow-y:auto; }
.native-workspace-app #parking-settings { border-radius:18px; }
.native-workspace-app #parking-settings .card-head { flex-wrap:nowrap; gap:8px; }
.native-workspace-app #parking-settings .card-head h2 { margin-right:auto; }
.native-workspace-app .parking-app-nav {
  position:fixed; z-index:40; inset:auto 0 0; display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr)); gap:4px;
  padding:5px max(8px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));
  border-top:1px solid var(--wp-line); background:var(--wp-surface);
  box-shadow:0 -10px 30px #00000018; backdrop-filter:blur(18px);
}
.native-workspace-app .parking-app-nav .parking-tabs { display:contents; }
.native-workspace-app .parking-app-nav :is(a,button) {
  display:grid; place-items:center; align-content:center; gap:3px;
  min-width:0; width:auto; min-height:52px; height:auto; padding:5px 2px;
  border:0; border-radius:10px; color:var(--wp-muted); background:transparent; text-decoration:none;
}
.native-workspace-app .parking-app-nav svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.native-workspace-app .parking-app-nav small { font-size:9px; font-weight:800; line-height:1.2; }
.native-workspace-app .parking-app-nav [aria-selected="true"] { background:var(--wp-tint); color:var(--parking-nav-ink); }
.native-workspace-app .parking-app-nav :focus-visible { outline-offset:-2px; }
.native-workspace-app[data-theme="dark"] .parking-app-nav { box-shadow:0 -10px 30px #00000073; }
@media(max-width:760px) {
  .native-workspace-app .parking-page[data-vehicle-selected="true"] .search-card .card-body { padding:10px; }
}