/* ============================================================
   NEXORA · Components / Glass — Apple Minimal (neutralized)
   All frosted glass, blur, inner-light effects removed.
   Pure flat white / black.
   ============================================================ */

:root {
  --glass-bg: var(--bg-elevated);
  --glass-bg-strong: var(--bg-elevated);
  --glass-blur: none;
  --glass-blur-sm: none;
  --glass-edge: none;
  --glass-btn-edge: transparent;
}

[data-theme="light"] {
  --glass-bg: var(--bg-elevated);
  --glass-bg-strong: var(--bg-elevated);
  --glass-edge: none;
  --glass-btn-edge: transparent;
}

/* Panels & cards — flat */
.card, .frag-card, .faq-item, .claim-card, .compare-card, .nexora-bar,
.orbit-stage, .id-col li, .id-stats .kpi, .d-item, .room-progress,
.upgrade-visual, .move-why, .next-teaser, .flow-node, .loop-node {
  background: var(--bg-elevated);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
}

.card-hover:hover, .room-mini:hover { background: var(--bg-elevated); box-shadow: none; }
.claim-card, .compare-card.cert { background: var(--bg-elevated); }
.compare-card.proof { background: var(--bg-elevated); }

/* Pills & chips — flat */
.badge, .eyebrow, .skill-tag, .loop-num, .vs-chip, .disc-chip,
.opp-filter, .pos-tab, .need-chip, .icon-tile, .footer-tag,
.footer-social a, .theme-toggle, .nav-burger, .to-top, .loop-back, .ai-note {
  background: var(--bg-elevated);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
}

[data-theme="light"] .badge, [data-theme="light"] .skill-tag { background: #f5f5f7; }
[data-theme="dark"] .badge, [data-theme="dark"] .skill-tag { background: #1c1c1e; }

.badge-accent, .badge-success, .badge-warn { background: var(--bg-elevated); box-shadow: none; }
.disc-chip:hover, .opp-filter:hover, .pos-tab:hover, .need-chip:hover, .d-item:hover { background: var(--bg-elevated); box-shadow: none; }

/* Dialogs & drawer — flat, no blur */
.modal-card {
  background: var(--bg-elevated);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.mobile-menu-panel {
  background: var(--bg-elevated);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
}

/* Fields — flat inset removed */
.input {
  background: var(--bg-elevated);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
  border: none;
}

[data-theme="light"] .input { background: #f5f5f7; }
[data-theme="dark"] .input { background: #1c1c1e; }

.input:focus { background: var(--bg-elevated); box-shadow: none; }
.discover-search {
  background: var(--bg-elevated);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
}

/* Buttons — flat */
.btn { -webkit-backdrop-filter: none; backdrop-filter: none; }
.btn-primary { box-shadow: none; }
.btn-primary:hover { box-shadow: none; }
.btn-primary::before { content: none; display: none; }
.btn-secondary { background: var(--bg-elevated); border: none; box-shadow: none; }
.btn-secondary:hover { background: var(--bg-elevated); border-color: transparent; box-shadow: none; }
.btn-ghost:hover { background: transparent; }
[data-theme="light"] .btn-secondary, [data-theme="light"] .btn-secondary:hover { background: #f5f5f7; }
[data-theme="dark"] .btn-secondary, [data-theme="dark"] .btn-secondary:hover { background: #1c1c1e; }

/* Fallback neutralized */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .card, .frag-card, .faq-item, .compare-card, .nexora-bar, .orbit-stage,
  .flow-node, .loop-node, .modal-card, .mobile-menu-panel, .btn-secondary { background: var(--bg-elevated); }
}