html body #app #discovery-tray:has(.layer-menu){width:min(340px,calc(100% - 24px))!important}
html body #app #discovery-tray .layer-search{display:flex;gap:4px;align-items:center;border:1px solid var(--map-border,#b6c6b8);border-radius:16px;background:var(--map-surface,#fffdf6);padding:6px 8px}
html body #app #discovery-tray .layer-search input{flex:1;min-width:0;width:0;padding:10px 6px;font:inherit;font-size:16px;border:0;outline:none;background:transparent;color:var(--map-ink,#254b43)}
html body #app #discovery-tray .layer-search button{border:0;background:transparent;color:var(--map-ink,#254b43);min-width:44px;min-height:44px;font-size:24px}
html body #app #discovery-tray .layer-search:focus-within{outline:2px solid #658979;outline-offset:2px}
#app .layer-status{font-size:14px;line-height:1.4;margin:8px 2px;color:var(--map-ink,#254b43)}
#app .layer-status:empty{display:none}
#app .layer-row{display:flex;align-items:stretch;gap:0;margin-top:8px;border:1px solid var(--map-border,#b6c6b8);border-radius:14px;background:var(--map-surface,#fffdf6);overflow:hidden}
html body #app #discovery-tray .layer-row button{border:0;background:transparent;color:var(--map-ink,#254b43);font-size:16px;min-height:48px;padding:12px;text-align:left;cursor:pointer}
#app .layer-row .layer-open{flex:1;min-width:0}
html body #app #discovery-tray .layer-row .layer-remove{flex:0 0 44px;text-align:center;font-size:24px}
#app .layer-row button:disabled{opacity:.5;cursor:wait}
#app .layer-matches:not(:empty)+.layer-saved:not(:empty){border-top:1px solid #b6c6b8;padding-top:8px;margin-top:12px}
#app .layer-matches p{font-size:14px;line-height:1.4}

/* Search actions stay compact inside themed cards, including mobile layouts. */
html body #app #discovery-tray :is(.layer-search,.find-menu-search){display:flex;align-items:center;gap:6px;min-width:0;box-sizing:border-box}
html body #app #discovery-tray :is(.layer-search,.find-menu-search) input{flex:1 1 0%;width:0;min-width:0;min-height:44px;border:0!important;background:transparent!important;color:var(--map-ink,#254b43)!important;box-shadow:none;padding:10px 6px!important}
html body #app #discovery-tray :is(.layer-search,.find-menu-search) input::placeholder{color:var(--map-ink,#254b43);opacity:.7}
html body #app #discovery-tray :is(.layer-search,.find-menu-search) button{display:grid;place-items:center;flex:0 0 44px;width:44px;min-width:44px;max-width:44px;min-height:44px;padding:0!important;margin:0;border:0!important;background:transparent!important;color:var(--map-ink,#254b43)!important;box-shadow:none;cursor:pointer}
html body #app #discovery-tray :is(.layer-search,.find-menu-search) button svg{display:block;width:22px;height:22px;color:inherit!important;stroke:currentColor}
html body #app :is(.sports-stat-searchbar,.event-search-bar) button{flex:0 0 auto;width:auto;min-width:44px;background:var(--map-active,#e4eedc)!important;color:var(--map-ink,#254b43)!important}
html body #app .sports-stat-searchbar button svg{color:inherit!important;stroke:currentColor}

#app .layer-menu-pages{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px}
html body #app .layer-menu-pages button{min-height:44px;padding:8px 14px;background:transparent;color:inherit;border:1px solid var(--map-border,#b6c6b8);border-radius:10px;font-size:14px}
/* Layers share the Places menu surface; additional catalog entries create pages. */
html body #app #discovery-tray:has(.layer-menu.compact-menu-card){width:min(370px,calc(100% - 24px))!important}
html body #app #discovery-tray .layer-search[hidden]{display:none!important}
#app .layer-menu .layer-search{margin-bottom:8px}
#app .layer-menu .layer-matches{touch-action:pan-y}
#app .layer-menu .layer-matches p{grid-column:1/-1}
html body #app .layer-menu .compact-menu-options button{position:relative;min-height:60px;padding-right:16px!important}
#app .layer-saved-mark{position:absolute;right:5px;top:3px;font-size:11px}
#app .layer-menu .layer-matches:not(:empty)+.layer-saved:not(:empty){border:0;margin-top:10px;padding:0}
#app .layer-menu-pages{gap:5px}
html body #app .layer-menu-pages button{min-width:44px;min-height:44px;padding:6px 9px;cursor:pointer}
#app .layer-menu-pages button:disabled{opacity:.35;cursor:default}
#app .layer-menu-pages span{flex:1;text-align:center;font-size:14px}
html body #app .layer-menu button:focus-visible{outline:2px solid var(--menu-ink);outline-offset:2px}
#app .layer-menu .layer-status{color:var(--menu-ink)}
html body #app #discovery-tray:has(.layer-menu)::before{display:none!important}
#app .layer-menu .compact-menu-head svg{width:24px;height:24px}
#app .layer-menu .compact-menu-options button{hyphens:auto}
@media(max-width:360px){html body #app .layer-menu .compact-menu-options button{gap:6px;padding:8px!important}.layer-menu .compact-menu-icon{flex-basis:18px;width:18px}}