/* Shared by the portal, exercises and legacy exercise iframe.
   Shape and the no-glass invariant live here; typography, focus, colour and
   layout stay local.
   A named layer makes this override old unlayered square-corner rules. */
@layer brightz-control-shapes {
  :root { --brightz-button-radius: 12px; }
  /* Product invariant: interactive controls never use a frosted-glass blur.
     Flat text actions opt out of the shared rounded-control shape below. */
  :is(button, [role="button"], a[data-slot="button"], input[type="button"], input[type="submit"], input[type="reset"]) {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  :is(button, [role="button"], a[data-slot="button"], input[type="button"], input[type="submit"], input[type="reset"]):not([role="checkbox"], [role="radio"], [role="switch"], [role="slider"], [role="separator"], [role="tab"], nav button, [role="tablist"] button, .bz-header button, .bz-word-details-tabs button, .bz-speaking-mock-launch, .bz-activation-help, .bz-activation-close, .bz-account-editor-close, .bz-listening-points-back),
  .bz-header .bz-appearance button {
    border-radius: var(--brightz-button-radius) !important;
  }
  :is(.bz-flat-action, [data-brightz-control="flat"], .bz-listening-points-back) {
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  /* Navigation, word-detail tabs and the header appearance utility keep
     their original flat text/divider treatment. */
  /* Keep circular utilities and the existing catalogue pills circular. */
  :is(button, [role="button"], a[data-slot="button"]):is(.rounded-full, .bz-dictionary-orb, .bz-catalog-pill, .bz-catalog-select),
  .bz-catalog-option-group button,
  .bz-catalog-card [data-slot="button"] {
    --brightz-button-radius: 999px;
    border-radius: 999px !important;
  }
  @media (max-width: 600px) { :root { --brightz-button-radius: 10px; } }
}