/* Shared Mapelse account control; the earthquake filters retain their own layout. */
.toolbar #account-open { flex-shrink:0; margin-left:0; padding:0 12px; min-height:36px; background:white; color:#176b70; border:1px solid #b7c8cb; border-radius:8px; font-size:12px; font-weight:700; }
@media(max-width:700px) {
  :root { --header-height:92px; }
  .toolbar { display:grid; grid-template-columns:minmax(0,1fr) auto auto; grid-template-rows:40px 36px; gap:4px 8px; padding:6px 8px; }
  .toolbar-heading { grid-column:1; grid-row:1; gap:8px; min-width:0; }
  .toolbar h1 { position:static; width:auto; height:auto; overflow:visible; clip-path:none; white-space:nowrap; font-size:14px; }
  .toolbar #account-open { grid-column:2; grid-row:1; min-width:0; padding:0 10px; font-size:12px; }
  #refreshData { grid-column:3; grid-row:1; }
  .filters { grid-column:1 / -1; grid-row:2; display:grid; grid-template-columns:1.1fr 1fr; gap:6px; margin:0; }
  .filters select { padding:5px 8px; font-size:12px; }
}