#parking-screen { position:fixed; top:0; left:0; width:100%; height:100%; background:transparent; z-index:2; display:flex; flex-direction:column; }
.parking-content { flex:1; width:100%; max-width:430px; margin:0 auto; padding:4px 16px 18px; overflow-y:auto; scrollbar-width:none; background:transparent; display:flex; flex-direction:column; align-items:stretch; }
.parking-content::-webkit-scrollbar { display: none; }
.parking-section h3 { margin:12px 0 7px; color:#0f5bff; font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.1em; }.parking-list { overflow:hidden; background:#11151d; padding:0; border-radius:11px; margin:0 0 14px; width:100%; border:1px solid #29313d; }
#spots-container.loading { padding: 0; margin: 0; }
.buttons-container { display:flex; gap:8px; width:100%; margin:0 0 8px; align-items:stretch; }
.action-container, .map-container { flex: 1; display: flex; min-height: 44px; }
.action-container { display: none; }
.map-container { display: none; }
.spot-item { display:grid; grid-template-columns:40px auto minmax(0,1fr); align-items:center; padding:8px 11px; border-bottom:1px solid #29313d; gap:10px; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; min-height:58px; }
.spot-item:last-child { border-bottom: none; }
.spot-oval { width:40px; height:40px; border-radius:10px; display:flex; align-items:center; justify-content:center; background:#596575; color:#fff; font:700 17px/1 ui-monospace,SFMono-Regular,Menlo,monospace; }.spot-free .spot-oval { background:#e9eef7; color:#11151d; }.spot-occupied .spot-oval { background:#0f5bff; }.spot-unknown .spot-oval { background:#596575; }.current-user-spot { background:rgba(15,91,255,.14); box-shadow:inset 2px 0 #0f5bff; }
.spot-user-info { display: flex; align-items: center; min-width: 0; width: 100%; }
.spot-user-info { display:grid; gap:4px; }.spot-user { font:600 13px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace; color:#f5f7fa; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; }.spot-unknown .spot-user { color:#8e99a8; }.spot-mine { color:#0f5bff; font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.user-photo-container { display: flex; justify-content: center; align-items: center; }
.user-photo, .user-photo-placeholder { width:36px; height:36px; border-radius:10px; border:1px solid #29313d; }
.current-user-spot .user-photo, .current-user-spot .user-photo-placeholder { border:2px solid #0f5bff; }
.user-photo { object-fit: cover; background: rgba(255,255,255,0.1); }
.user-photo-placeholder { background:#18243d; display:flex; align-items:center; justify-content:center; color:#b9ceff; font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace; }

.action-btn, .map-btn { width:100%; padding:12px 8px; border:none; border-radius:10px;
  font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace; cursor:pointer; transition:all .2s ease;
  text-align: center; box-sizing: border-box; min-height: 44px; display: flex;
  align-items: center; justify-content: center; white-space: nowrap; }
.action-btn:disabled, .map-btn:disabled { cursor: not-allowed; opacity: 0.7; }
.action-btn-green, .map-btn { background:#0f5bff; color:#fff; }
.action-btn-red { border:1px solid #0f5bff; background:#11151d; color:#0f5bff; }
.action-btn-gray { background:#596575; color:#fff; }
.default-status-container { width:100%; margin:0 0 8px; }.default-status-btn { width:100%; padding:13px 12px; border:1px solid currentColor; border-radius:10px; background:#11151d; color:#8e99a8; font:700 12px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace; cursor:pointer; }
.default-status-btn:disabled { cursor: wait; opacity: 0.65; }
.default-status-1 { color:#0f5bff; }
.default-status-null, .default-status-0 { color:#8e99a8; }
.recall-btn { width:100%; margin:0 0 8px; padding:12px; border:1px solid #0f5bff; border-radius:10px; background:transparent; color:#0f5bff; font:700 12px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace; cursor:pointer; }
.recall-btn:disabled { cursor: wait; opacity: 0.65; }

.modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.95); backdrop-filter: blur(5px); }
.modal-content { position: relative; margin: 0; padding: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; background: transparent; border: none; }
.parking-map { width: auto; height: auto; max-width: 98%; max-height: 98vh; object-fit: contain; cursor: pointer; }
.close { position: fixed; top: 20px; right: 20px; color: white; font: bold 40px/1 var(--font-family); cursor: pointer; z-index: 10001; width: 50px; height: 50px; background: rgba(0,0,0,0.7); border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 2px solid white; box-shadow: 0 4px 15px rgba(0,0,0,0.5); transition: all 0.3s ease; }
.close:hover { background: rgba(255,0,0,0.8); transform: scale(1.1); }
.close-btn-bottom { display: none !important; }

.loading { padding: 0 !important; margin: 0 !important; }
.parking-content { font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace; }.parking-v2-section { order:1; width:100%; }.buttons-container { order:2; flex:0 0 auto; margin-bottom:4px; }.map-container,.recall-btn { display:none !important; }.parking-v2-section h3 { margin:0 0 7px; color:#0f5bff; font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.1em; }.parking-v2-list { width:100%; margin:0; border-radius:11px; overflow:hidden; }.parking-v2-scroll-list { overflow:hidden; }.parking-v2-spot { display:grid; grid-template-columns:40px minmax(0,1fr) auto; align-items:center; gap:10px; min-height:58px; padding:8px 11px; background:#11151d; }.parking-v2-spot + .parking-v2-spot { border-top:1px solid rgba(210,232,255,.62); box-shadow:inset 0 1px 0 rgba(255,255,255,.22), inset 0 -1px 0 rgba(0,0,0,.48); }.parking-v2-number { color:#0f5bff; font-size:18px; font-weight:700; }.parking-v2-copy { min-width:0; }.parking-v2-copy strong,.parking-v2-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.parking-v2-copy strong { color:#f5f7fa; font-size:12px; }.parking-v2-copy small { margin-top:3px; color:#8e99a8; font-size:10px; }.parking-v2-spot-free .parking-v2-number { color:#f5f7fa; }.parking-v2-spot-unknown .parking-v2-number,.parking-v2-spot-unknown .parking-v2-copy strong,.parking-v2-spot-unknown .parking-v2-copy small { color:#687385; }.parking-v2-spot-occupied .parking-v2-number { color:#0f5bff; }.parking-v2-trailing { display:flex; align-items:center; gap:8px; }.parking-v2-trailing em { color:#0f5bff; font-size:10px; font-style:normal; }.parking-v2-avatar { display:grid; place-items:center; width:38px; height:38px; overflow:hidden; border:1px solid #000; border-radius:10px; background:#18243d; color:#b9ceff; font-size:11px; font-weight:700; }.parking-v2-avatar img { width:100%; height:100%; object-fit:cover; }.parking-v2-avatar.is-muted { opacity:.55; }.current-user-spot { box-shadow:inset 2px 0 #0f5bff; }.action-btn { margin-top:4px; }
@media (min-width:768px) { #parking-screen { width:100%; max-width:430px; margin:0 auto; left:50%; transform:translateX(-50%); } }
.parking-v2-spot-occupied .parking-v2-copy small { color:#0f5bff; }
.parking-v2-spot,.parking-v2-spot strong,.parking-v2-spot small,.parking-v2-spot em { font-style:normal; text-align:left; }.parking-v2-number { text-align:left; font-style:normal; }.parking-v2-copy strong { text-align:left; font-style:normal; }.parking-v2-copy small { text-align:left; font-style:normal; }
.parking-v2-spot,.parking-v2-spot * { font-style:normal; }.parking-v2-number { display:flex; align-items:center; justify-content:center; text-align:center; }
.action-btn { justify-content:center; padding-left:16px; padding-right:16px; }
.parking-v2-spot.is-current { background:rgba(15,91,255,.12); box-shadow:inset 2px 0 #0f5bff; }.parking-v2-spot.is-current .parking-v2-avatar { border:2px solid #0f5bff; box-shadow:0 0 0 1px rgba(15,91,255,.28); }
.parking-v2-spot { min-height:48px; padding:4px 11px; }
.default-status-container { order:3; width:100%; margin:4px 0 0; }.default-status-btn { min-height:42px; border-radius:10px; background:#11151d; color:#8e99a8; font:700 12px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace; }
.default-status-btn.default-status-1 { color:#f5f7fa; background:#050505; border-color:#f5f7fa; }
.default-status-btn.default-status-null { color:#0f5bff; background:#050505; border-color:#0f5bff; }
.default-status-btn.default-status-0 { color:#050505; background:#0f5bff; border-color:#0f5bff; }