/* Semáforo manual: un botón por tarjeta y un filtro en el contenido, sin otra fila de cabecera. */
.memory-trigger, .check-btn.memory-trigger {
  --memory-color: #edb23b; --memory-ink: #392700;
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 26px;
  width: 26px; height: 26px; padding: 0; margin-left: auto; border: 1px solid var(--memory-color);
  border-radius: 50%; color: var(--memory-ink); background: var(--memory-color); font: 750 15px/1 system-ui, sans-serif;
  cursor: pointer; box-shadow: none;
}
.memory-trigger[data-memory-state="repasar"], .memory-choice[data-memory-state="repasar"] { --memory-color: #b83343; --memory-ink: #fff; }
.memory-trigger[data-memory-state="dominado"], .memory-choice[data-memory-state="dominado"] { --memory-color: #21865d; --memory-ink: #fff; }
.memory-trigger:focus-visible { outline: 3px solid var(--study-key-text); outline-offset: 3px; }
.study-compact-header > .memory-trigger, .muni-card-top > .memory-trigger { margin-left: 8px; }
.memory-floating { position: relative; }
.memory-floating > .memory-trigger { position: absolute; top: 8px; right: 8px; }
.memory-floating > h3 { padding-right: 30px; }
.memory-floating > .pair-name { padding-right: 32px; }
.casillero-cell.memory-floating { padding-top: 25px; }
.casillero-cell.memory-floating > .memory-trigger { top: 4px; right: 4px; width: 21px; height: 21px; font-size: 12px; }
.memory-toolbar { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 8px 0 16px; padding: 8px 0; color: var(--muted); font-size: 12px; }
.memory-toolbar label { display: flex; align-items: center; gap: 8px; white-space: nowrap; }
.memory-toolbar select { max-width: 100%; padding: 6px 9px; border: 1px solid var(--border); border-radius: 7px; background: var(--card-bg); color: var(--text); font: inherit; }
.memory-count { color: var(--text); font-variant-numeric: tabular-nums; }
.memory-caption { margin-left: auto; font-size: 11px; }
.memory-filtered, .memory-empty-group { display: none !important; }
.memory-empty { padding: 15px; border: 1px dashed var(--border); border-radius: 8px; color: var(--muted); font-size: 13px; }
.memory-empty[hidden] { display: none; }
.memory-menu { position: fixed; z-index: 1000; width: 230px; max-width: calc(100vw - 16px); padding: 6px; border: 1px solid var(--border); border-radius: 10px; background: var(--card-bg); color: var(--text); box-shadow: 0 8px 26px #0004; }
.memory-menu[hidden] { display: none; }
.memory-choice { --memory-color: #edb23b; --memory-ink: #392700; display: flex; align-items: center; gap: 11px; width: 100%; padding: 11px; border: 1px solid transparent; border-radius: 6px; background: transparent; color: var(--text); text-align: left; cursor: pointer; font: 600 13px/1.35 system-ui, sans-serif; }
.memory-choice:hover, .memory-choice:focus-visible { background: var(--study-key-bg); }
.memory-choice[aria-checked="true"] { border-color: var(--border); }
.memory-dot { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: var(--memory-color); color: var(--memory-ink); font-weight: 750; }
@media (max-width: 620px) { .memory-toolbar { gap: 8px 12px; } .memory-caption { flex-basis: 100%; margin-left: 0; } }
