/* ======================================================================
   JustiX Production Build 0.7.0 — Surface Integrity / Radius Audit
   Objective: no unintended square cards or panels. Existing intentional
   component radii remain authoritative; these rules are fallbacks.
   ====================================================================== */
:root{
  --jx-radius-surface-fallback:18px;
  --jx-radius-panel-fallback:20px;
  --jx-radius-inner-fallback:13px;
}

/* Universal fallback for visual surfaces.
   :where() keeps specificity at zero, so any intentional component radius
   defined elsewhere continues to win. */
:where(.glass,.glass-soft){
  border-radius:var(--jx-radius-surface-fallback);
}

/* High-level surfaces that previously inherited a square corner because
   they relied on .glass/.glass-soft without their own radius. */
:where(
  .persona-hero,
  .level-ladder,
  .persona-config-card,
  .style-grid,
  .legal-hero,
  .engine-strip,
  .phase-console,
  .hearing-actions,
  .engine-scorecard,
  .judge-log,
  .session-card,
  .objection-card,
  .prod-step,
  .prod-panel,
  .prod-log,
  .passport-qr-card,
  .talent-modal-card,
  .employer-preview,
  .empty-cert
){
  border-radius:var(--jx-radius-panel-fallback);
}

/* Secondary bordered modules: preserve a softer inner radius wherever
   a module is visually presented as a self-contained box. */
:where(
  .summary-list,
  .scorecard-foot,
  .board-note,
  .talent-modal-note,
  .jurisdiction-builder-note,
  .architecture-note,
  .cross-result,
  .rules-source
){
  border-radius:var(--jx-radius-inner-fallback);
}

/* Ensure clipping follows the new rounded geometry for surfaces containing
   artwork, gradients or overlays. */
:where(
  .persona-hero,
  .level-ladder,
  .persona-config-card,
  .style-grid,
  .legal-hero,
  .engine-strip,
  .phase-console,
  .hearing-actions,
  .engine-scorecard,
  .judge-log,
  .session-card,
  .prod-step,
  .prod-panel,
  .prod-log
){
  background-clip:padding-box;
}

/* Small-screen consistency: keep corners visible without over-rounding. */
@media (max-width:650px){
  :root{
    --jx-radius-surface-fallback:16px;
    --jx-radius-panel-fallback:18px;
    --jx-radius-inner-fallback:12px;
  }
}