/* Browser top-layer defaults must not change DS spacing or panel colours. */
.armoneda-floating-layer[popover] {
  position: fixed;
  inset: auto;
  margin: 0;
  border: 0;
}

.armoneda-floating-panel[popover] {
  padding-block: 0;
  background: transparent;
  color: inherit;
  overflow-y: auto;
  max-height: calc(100dvh - 1rem);
  width: max-content;
  max-width: 100%;
}

/* Native option pickers need opaque surfaces; translucent theme tokens
   otherwise leave light OS backgrounds under light text. */
html[data-theme="dark"] select {
  color-scheme: dark;
}

html:not([data-theme="dark"]) select {
  color-scheme: light;
}

select option,
select optgroup {
  background-color: var(--color-surface);
  color: var(--color-gray-900);
}

html[data-theme="dark"] select option,
html[data-theme="dark"] select optgroup {
  color: var(--color-white);
}

/* The list already sits on a glass surface. Repeating the same blur on
   every nested day/card repaints large areas while scrolling. Menus retain
   their own surface, including when promoted to the native top layer. */
html[data-armoneda-tema="magenta"] .armoneda-transaction-list,
html[data-armoneda-tema="magenta"] .armoneda-transaction-list .bg-container:not(.armoneda-floating-panel):not(.armoneda-floating-layer) {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}