/* Temporary visual adapter. Load after parity.css and the inline legacy CSS.
   Do not change layout, event positioning, visibility, or controller hooks here.
   Remove selectors as each legacy surface migrates to AuraUI components. */
body.aura-theme {
  --paper: var(--aura-canvas);
  --card: var(--aura-card);
  --elev: var(--aura-raised);
  --ink: var(--aura-text);
  --ink2: var(--aura-text-secondary);
  --ink3: var(--aura-text-muted);
  --line: var(--aura-divider);
  --accent: var(--aura-primary);
  --accent-soft: var(--aura-primary-soft);
  --green: var(--aura-success);
  --red: var(--aura-danger);
  --blue: var(--aura-info);
  --amber: var(--aura-warning);
  color: var(--aura-text);
  background: var(--aura-canvas);
  font-family: var(--aura-font-body);
}

body.aura-theme ::selection { background: var(--aura-selection); }

body.aura-theme :is(#app, .core-dialog, .modal-bg) :is(button, input, select, textarea) {
  font-family: var(--aura-font-body);
}

body.aura-theme :is(#app, .core-dialog, .modal-bg) :is(button, a, input, select, textarea, summary):focus-visible {
  outline: var(--aura-focus-ring);
  outline-offset: var(--aura-focus-offset);
}

body.aura-theme :is(#app, .core-dialog, .modal-bg) :is(button, input, select, textarea):disabled {
  cursor: not-allowed;
}

body.aura-theme :is(#app .panel, .core-card, .todo-board-panel) {
  color: var(--aura-text);
  background: var(--aura-card);
  border-color: var(--aura-divider);
  border-radius: var(--aura-radius-lg);
  box-shadow: var(--aura-shadow-card);
}

body.aura-theme :is(#app .btn, .modal .save) {
  background: var(--aura-primary);
  color: var(--aura-on-primary);
  border-radius: var(--aura-radius-md);
  box-shadow: none;
}

body.aura-theme :is(#app .ghost, #app .rbtn, .core-toolbar button, .core-actions button, .todo-board-heading button, .modal .cls) {
  background: var(--aura-card);
  color: var(--aura-text-secondary);
  border-color: var(--aura-outline);
  border-radius: var(--aura-radius-sm);
}

body.aura-theme :is(#app .ghost, #app .rbtn, .core-toolbar button, .core-actions button, .todo-board-heading button):hover:not(:disabled) {
  background: var(--aura-raised);
  border-color: var(--aura-primary);
  color: var(--aura-primary);
}

/* parity.css already uses !important on these two states. */
body.aura-theme :is(.core-toolbar button.active, .core-primary) {
  background: var(--aura-primary) !important;
  color: var(--aura-on-primary) !important;
}

body.aura-theme :is(.core-form, .core-toolbar, #app .add, #app .range-bar, #app .ai-composer, .modal .frow, .modal .md-form) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]), select, textarea) {
  color: var(--aura-text);
  background: var(--aura-card);
  border-color: var(--aura-outline);
  border-radius: var(--aura-radius-sm);
}

body.aura-theme :is(#app, .core-dialog, .modal-bg) :is(input, textarea)::placeholder {
  color: var(--aura-text-muted);
  opacity: 1;
}

body.aura-theme :is(#app, .core-dialog, .modal-bg) :is(input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--aura-primary);
}

body.aura-theme :is(.core-dialog, .modal) {
  color: var(--aura-text);
  background: var(--aura-card);
  border-color: var(--aura-outline);
  border-radius: var(--aura-radius-lg);
  box-shadow: var(--aura-shadow-modal);
}

body.aura-theme .core-dialog::backdrop { background: var(--aura-overlay); }
body.aura-theme .core-dialog footer { background: var(--aura-card); }
body.aura-theme .core-badge { color: var(--aura-text-secondary); background: var(--aura-raised); }
body.aura-theme :is(.core-error, .core-danger) { color: var(--aura-danger) !important; }
body.aura-theme .core-success { color: var(--aura-success); }
body.aura-theme :is(.core-card strong, .core-table, .num) { font-variant-numeric: tabular-nums; }

@media (prefers-reduced-motion: reduce) {
  body.aura-theme :is(#app, .core-dialog, .modal-bg) *,
  body.aura-theme :is(#app, .core-dialog, .modal-bg) *::before,
  body.aura-theme :is(#app, .core-dialog, .modal-bg) *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}