/* One shape family, derived from the sidebar. Runtime registers semantic
 * surfaces and scales the corner to the element's own size, including hidden
 * tabs and dynamic plugin panels. No blanket div rounding or content clipping. */
.idbarah-ui-v2 .ui-image-shape {
  border-radius: var(--ui-image-radius, var(--id-radius-image-fallback)) !important;
  corner-shape: round !important;
  clip-path: none !important;
}
.idbarah-ui-v2 .ui-shape-surface {
  border-radius: var(--ui-surface-radius, var(--id-radius-surface)) !important;
}
@supports (corner-shape: superellipse(2)) {
  .idbarah-ui-v2 .ui-shape-surface {
    corner-shape: var(--id-corner-shape);
    border-radius: var(--ui-surface-extent, calc(var(--id-radius-surface) * 2)) !important;
  }
}

/* These two reference surfaces already paint the exact continuous SVG path.
 * Keep that path authoritative, instead of intersecting two different curves. */
.idbarah-ui-v2 .ui-sidebar.ui-shape-surface,
.idbarah-ui-v2 .card.ui-shape-surface::before {
  border-radius: 0 !important;
}
.idbarah-ui-v2 .card.ui-shape-surface::before { clip-path: var(--control-contour); }
.idbarah-ui-v2 .ui-public-sidebar.ui-shape-surface {
  border-radius: 0 !important;
  clip-path: var(--control-contour);
}
.idbarah-ui-v2 .ui-shape-surface:is(.dropdown-menu,.modal-content) {
  clip-path: none;
}

/* Independent internal panels use their own curve; a card's structural
 * header/body/footer continue the outer edge rather than painting square tips. */
.idbarah-ui-v2 .ui-shape-surface > :is(.card-header,.card-body):first-child {
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
  corner-shape: inherit;
}
.idbarah-ui-v2 .ui-shape-surface > :is(.card-footer,.card-body):last-child {
  border-end-start-radius: inherit;
  border-end-end-radius: inherit;
  corner-shape: inherit;
}
.idbarah-ui-v2 .translation-switcher { overflow: visible; }
.idbarah-ui-v2 .translation-switcher__tabs {
  padding: var(--id-space-4);
  gap: var(--id-space-1);
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
  corner-shape: inherit;
  background: transparent;
}
.idbarah-ui-v2 .wizard-container { overflow: visible; }
.idbarah-ui-v2 .wizard-content { min-width: 0; }
.idbarah-ui-v2 .wizard-sidebar { padding-inline: var(--id-space-3); }
.idbarah-ui-v2 .ui-shape-control {
  border-radius: 0 !important;
  clip-path: var(--control-contour);
}
.idbarah-ui-v2 .bootstrap-table { padding: var(--id-space-3); }
.idbarah-ui-v2 .bootstrap-table .fixed-table-toolbar { padding-inline: 0; }
.idbarah-ui-v2 .ui-table-region {
  padding: var(--id-space-4);
  background: var(--id-paper);
}
.idbarah-ui-v2 .select2-dropdown.ui-shape-surface {
  padding: var(--id-space-3);
  overflow: visible;
}

/* Buttons, including dynamically inserted choices, own their border colors.
 * Let native corner painting draw the entire border instead of clipping a
 * rectangular border into four disconnected fragments. */
.idbarah-ui-v2 :is(button,.btn,.ui-button,input[type="submit"],input[type="button"],input[type="reset"],[role="button"],.commonBtn,.commonBtn-reset,.pricingBtn,.schoolHeaderAction).ui-shape-control {
  clip-path: none;
  border-radius: var(--ui-control-radius, var(--id-radius-control)) !important;
}
@supports (corner-shape: superellipse(2)) {
  .idbarah-ui-v2 :is(button,.btn,.ui-button,input[type="submit"],input[type="button"],input[type="reset"],[role="button"],.commonBtn,.commonBtn-reset,.pricingBtn,.schoolHeaderAction).ui-shape-control {
    corner-shape: var(--id-corner-shape);
    border-radius: var(--ui-control-extent, calc(var(--id-radius-control) * 2)) !important;
  }
}
.idbarah-ui-v2 :is(button,.btn,.ui-button,input[type="submit"],input[type="button"],input[type="reset"],[role="button"],.commonBtn,.commonBtn-reset,.pricingBtn,.schoolHeaderAction).ui-shape-control:focus-visible {
  outline: 2px solid currentColor !important;
  outline-offset: -5px;
  background-image: none !important;
  box-shadow: none !important;
}