/*
 * NxtGen Review — qualify.css
 * Single grid: 3 cols + sidebar, 2 rows
 * Row 1 = tabs, Row 2 = content panels. Sidebar spans both rows.
 */

#nxrv-page .nxrv-qualify-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr) 260px;
  grid-template-rows: auto auto;
  gap: 14px;
  align-items: start;
  width: 100%;
  overflow-x: hidden;
}

/* Tabs: row 1, cols 1-3 */
#nxrv-page .nxrv-qualify-grid .nxrv-persona-tab {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  padding: 14px 16px;
  border: 1.5px solid #E5E7EB;
  border-radius: 14px;
  background: #ffffff;
  cursor: pointer;
  transition: border-color 150ms, background 150ms;
  text-align: left;
  font-family: 'Open Sans', sans-serif;
}
#nxrv-page .nxrv-qualify-grid .nxrv-persona-tab:hover { border-color:#6C63FF; }
#nxrv-page .nxrv-qualify-grid .nxrv-persona-tab--active {
  border-color: #6C63FF;
  background: rgba(108,99,255,0.05);
  box-shadow: 0 4px 16px rgba(108,99,255,0.12);
}
#nxrv-page .nxrv-qualify-grid .nxrv-tab-name { font-size:0.9rem; font-weight:600; color:#111827; }
#nxrv-page .nxrv-qualify-grid .nxrv-persona-tab--active .nxrv-tab-name { color:#6C63FF; }
#nxrv-page .nxrv-tab-best {
  font-size:0.65rem; font-weight:700; letter-spacing:0.06em;
  text-transform:uppercase; color:#22c55e;
  background:#EAFAF0; border-radius:999px; padding:2px 8px;
}

/* Sidebar: row 1+2, col 4 */
#nxrv-page .nxrv-qualify-sidebar {
  grid-column: 4;
  grid-row: 1 / 3;
  position: sticky;
  top: 80px;
}

/* Content panels: row 2, cols 1-3 */
/* Override style.css which sets display:block on --active */
#nxrv-page .nxrv-qualify-grid .nxrv-persona-panel {
  display: none;
  grid-column: 1 / 4;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  align-items: stretch;
  max-width: none;
}
#nxrv-page .nxrv-qualify-grid .nxrv-persona-panel--active {
  display: grid;
}

#nxrv-page .nxrv-qualify-grid .nxrv-persona-panel .nxrv-skip-line {
  grid-column: 1 / -1;
}

#nxrv-page .nxrv-persona-item {
  background: #ffffff;
  border: 1px solid #E5E7EB;
  border-radius: 12px;
  padding: 14px 16px;
}
#nxrv-page .nxrv-item-label {
  font-size:0.7rem; font-weight:700; letter-spacing:0.08em;
  text-transform:uppercase; color:#9CA3AF; margin-bottom:6px;
}
#nxrv-page .nxrv-item-val { font-size:0.9rem; color:#374151; line-height:1.5; }

#nxrv-page .nxrv-skip-line {
  background:#FFFBEB; border-left:3px solid #F59E0B;
  border-radius:0 10px 10px 0; padding:10px 14px;
  font-size:0.84rem; color:#78350F; line-height:1.5;
}

/* Weights sidebar card */
#nxrv-page .nxrv-qualify-weights {
  background:#ffffff; border:1px solid #E5E7EB;
  border-radius:16px; padding:20px 18px;
  box-shadow:0 4px 16px rgba(15,23,42,0.05);
}
#nxrv-page .nxrv-weights-panel { display:none; }
#nxrv-page .nxrv-weights-panel--active { display:block; }
#nxrv-page .nxrv-weights-title {
  font-family:'Montserrat',sans-serif; font-size:0.68rem;
  font-weight:800; letter-spacing:0.1em; text-transform:uppercase;
  color:#6B7280; margin-bottom:16px; line-height:1.4;
}
#nxrv-page .nxrv-weights-list { display:flex; flex-direction:column; gap:11px; }
#nxrv-page .nxrv-wt-top {
  display:flex; justify-content:space-between;
  align-items:baseline; gap:6px; margin-bottom:4px;
}
#nxrv-page .nxrv-wt-label { font-size:0.82rem; font-weight:600; color:#111827; }
#nxrv-page .nxrv-wt-meta { font-size:0.68rem; color:#9CA3AF; white-space:nowrap; }
#nxrv-page .nxrv-wt-track { height:5px; background:#EEF0FF; border-radius:999px; overflow:hidden; }
#nxrv-page .nxrv-wt-fill {
  height:100%; border-radius:999px;
  background:linear-gradient(90deg,#6C63FF,#009FE7);
  transition:width 500ms ease-out;
}
#nxrv-page .nxrv-weights-note {
  font-size:0.7rem; color:#9CA3AF;
  font-style:italic; margin:14px 0 0; line-height:1.45;
}

/* Responsive */
@media (max-width:1024px) {
  #nxrv-page .nxrv-qualify-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  #nxrv-page .nxrv-qualify-sidebar {
    grid-column: 1 / -1;
    grid-row: auto;
    position: static;
    max-width: 480px;
  }
  #nxrv-page .nxrv-qualify-grid .nxrv-persona-panel {
    grid-column: 1 / -1;
  }
}

@media (max-width:700px) {
  #nxrv-page .nxrv-qualify-grid {
    grid-template-columns: 1fr;
    width: 100%;
    overflow-x: hidden;
  }
  #nxrv-page .nxrv-qualify-grid .nxrv-persona-tab {
    width: 100%;
  }
  #nxrv-page .nxrv-qualify-grid .nxrv-persona-panel {
    grid-column: 1 / -1;
    grid-template-columns: 1fr;
  }
  #nxrv-page .nxrv-qualify-sidebar {
    max-width: 100%;
  }
}

/* ── MOBILE FORCE — overrides style.css and any conflicts ── */
@media (max-width:600px) {
  #nxrv-page .nxrv-qualify-grid {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }
  #nxrv-page .nxrv-qualify-grid .nxrv-persona-tab {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  #nxrv-page .nxrv-qualify-grid .nxrv-persona-panel {
    display: none !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  #nxrv-page .nxrv-qualify-grid .nxrv-persona-panel--active {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  #nxrv-page .nxrv-qualify-grid .nxrv-persona-panel--active .nxrv-persona-item,
  #nxrv-page .nxrv-qualify-grid .nxrv-persona-panel--active .nxrv-skip-line,
  #nxrv-page .nxrv-qualify-grid .nxrv-persona-panel--active .nxrv-btn {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  #nxrv-page .nxrv-qualify-sidebar {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    position: static !important;
  }
}