/* MWJ Appearance selector — v1.4 */

.mwj-theme-dialog {
  width: min(430px, calc(100% - 16px));
  max-height: 88vh;
  border: 0;
  padding: 0;
  background: transparent;
}

.mwj-theme-dialog::backdrop {
  background: rgba(3,12,18,.64);
  backdrop-filter: blur(5px);
}

.mwj-theme-card {
  color: var(--mwj-text);
  background: var(--mwj-surface-1);
  border: 1px solid var(--mwj-border);
  border-radius: var(--mwj-radius-lg);
  padding: 15px;
  box-shadow: var(--mwj-shadow);
}

.mwj-theme-options {
  display: grid;
  gap: 8px;
  margin-top: 14px;
}

.mwj-theme-options button {
  width: 100%;
  display: grid;
  grid-template-columns: 34px 1fr 24px;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  border: 1px solid var(--mwj-border);
  border-radius: 8px;
  background: var(--mwj-surface-2);
  color: var(--mwj-text);
  text-align: left;
  cursor: pointer;
}

.mwj-theme-options button:hover {
  border-color: var(--mwj-border-strong);
  background: var(--mwj-surface-hover);
}

.mwj-theme-options button.active {
  border-color: var(--mwj-border-strong);
  background: var(--mwj-surface-selected);
}

.mwj-theme-options strong,
.mwj-theme-options small {
  display: block;
}

.mwj-theme-options small {
  margin-top: 2px;
  color: var(--mwj-text-muted);
  font-size: .74rem;
}

.mwj-theme-check {
  visibility: hidden;
  color: var(--mwj-link);
  font-weight: 900;
  text-align: center;
}

.mwj-theme-options button.active .mwj-theme-check {
  visibility: visible;
}