@media (max-width:980px) { .app-shell { grid-template-columns:72px minmax(0,1fr); }.sidebar { padding:18px 8px; }.sidebar .brand { justify-content:center; padding:0; }.sidebar .brand:not(.brand-mark),.nav-link span:not([data-icon]),.sidebar-footer .nav-link span:not([data-icon]) { font-size:0; }.nav-link { justify-content:center; padding:0; }.saved-panel { width:310px; }.drawer { right:calc(310px + 18px); }.map-controls { right:328px; }.toolbar-select { max-width:125px; } }
@media (max-width:720px) { .app-shell { display:block; padding-bottom:62px; }.sidebar { display:none; }.main-area { min-height:calc(100vh - 62px); grid-template-rows:62px minmax(0,1fr); }.toolbar { gap:7px; padding:10px; }.toolbar-select,.toolbar .button:not(.icon-button),.toolbar kbd { display:none; }.search-box { max-width:none; }.saved-panel { top:auto; width:100%; height:42%; border-top:1px solid var(--line); border-left:0; border-radius:15px 15px 0 0; box-shadow:0 -8px 22px rgba(24,33,43,.12); }.drawer { right:10px; left:10px; top:auto; bottom:calc(42% + 10px); width:auto; max-height:65%; }.map-controls { right:14px; bottom:calc(42% + 16px); }.mobile-nav { position:fixed; z-index:50; right:0; bottom:0; left:0; display:flex; justify-content:space-around; height:62px; padding-top:7px; border-top:1px solid var(--line); background:#fff; }.mobile-nav button { display:grid; place-items:center; gap:2px; min-width:58px; border:0; background:transparent; color:var(--muted); font-size:10px; }.mobile-nav button.active { color:var(--accent); }.public-page { padding:14px; }.public-hero { padding:26px; }.public-grid { grid-template-columns:1fr; grid-template-rows:45vh auto; height:auto; }.public-grid .saved-panel { position:relative; display:block; height:auto; width:auto; }.login-card { padding:28px 24px; } }
@media (max-width:980px) { .country-picker { max-width:125px; min-width:125px; } }
@media (max-width:720px) { .country-picker { display:none; } }