/* ═══════════════════════════════════════════════════════════════════════
   Nested-radius flatten — inner containers inside a card/panel use straight edges.

   Why: rounded inner cards stacked inside rounded outer cards create a
   fragmented look (the original "Active Trials inside email detail block"
   complaint). Per the design contract, only the OUTER container of a visual
   surface should round; internal rows, stat tiles, audit items, detail
   panels, and grouped sections should align flush with the parent edge.

   Why this specificity: v4 layers (58-app-v4.css, 59-admin-v4.css) declare
   their radii with selectors like `html[data-design="v2"] body.admin-v4 .X`
   (specificity 0,3,2 — see CLAUDE.md §2a Specificity-Trap). This file uses
   `html[data-design="v2"] body.{app,admin}-v4 .{parent} .{child}` = (0,4,2)
   which beats the v4 baseline without escalating to id-level (0,1,x,x).

   Why !important: 38-skin.css carries !important on .list-row family; without
   matching it here the cascade loses. !important here matches, not escalates.

   Intentionally NOT in scope: pills, badges, avatars, toggles, status chips,
   and the mobile bottom-nav — those keep their rounded shapes via class-level
   declarations elsewhere.
   ═════════════════════════════════════════════════════════════════════════ */

/* Tenant app + Super-Admin: nested card-like containers go flat. */
html[data-design="v2"] body.app-v4 .card .list-row,
html[data-design="v2"] body.app-v4 .card .lrow,
html[data-design="v2"] body.app-v4 .card .behl-row,
html[data-design="v2"] body.app-v4 .card .frm-row,
html[data-design="v2"] body.app-v4 .card .inb-row,
html[data-design="v2"] body.app-v4 .card .kpi-card,
html[data-design="v2"] body.app-v4 .card .stat-card,
html[data-design="v2"] body.app-v4 .card .audit-item,
html[data-design="v2"] body.app-v4 .card .um-user-card,
html[data-design="v2"] body.app-v4 .card .adm-kpi-tile,
html[data-design="v2"] body.app-v4 .card .info-card,
html[data-design="v2"] body.app-v4 .panel .list-row,
html[data-design="v2"] body.app-v4 .panel .kpi-card,
html[data-design="v2"] body.app-v4 .panel .stat-card,
html[data-design="v2"] body.app-v4 .panel .audit-item,
html[data-design="v2"] body.app-v4 .set-section .um-user-card,
html[data-design="v2"] body.app-v4 .set-section .list-row,
html[data-design="v2"] body.app-v4 .set-section .audit-item,
html[data-design="v2"] body.app-v4 .table-wrap .list-row,
html[data-design="v2"] body.app-v4 .emailops-panel .list-row,
html[data-design="v2"] body.app-v4 .emailops-panel .emailops-panel,
html[data-design="v2"] body.admin-v4 .card .list-row,
html[data-design="v2"] body.admin-v4 .card .lrow,
html[data-design="v2"] body.admin-v4 .card .behl-row,
html[data-design="v2"] body.admin-v4 .card .frm-row,
html[data-design="v2"] body.admin-v4 .card .inb-row,
html[data-design="v2"] body.admin-v4 .card .kpi-card,
html[data-design="v2"] body.admin-v4 .card .stat-card,
html[data-design="v2"] body.admin-v4 .card .audit-item,
html[data-design="v2"] body.admin-v4 .card .um-user-card,
html[data-design="v2"] body.admin-v4 .card .adm-kpi-tile,
html[data-design="v2"] body.admin-v4 .card .info-card,
html[data-design="v2"] body.admin-v4 .panel .list-row,
html[data-design="v2"] body.admin-v4 .panel .kpi-card,
html[data-design="v2"] body.admin-v4 .panel .stat-card,
html[data-design="v2"] body.admin-v4 .panel .audit-item,
html[data-design="v2"] body.admin-v4 .set-section .um-user-card,
html[data-design="v2"] body.admin-v4 .set-section .list-row,
html[data-design="v2"] body.admin-v4 .set-section .audit-item,
html[data-design="v2"] body.admin-v4 .table-wrap .list-row,
html[data-design="v2"] body.admin-v4 .emailops-panel .list-row,
html[data-design="v2"] body.admin-v4 .emailops-panel .emailops-panel,
html[data-design="v2"] body.admin-v4 .tab-content .list-row,
html[data-design="v2"] body.admin-v4 .tab-content .um-user-card {
  border-radius: var(--radius-none) !important;
}

/* Tables inside any card/panel — straight edges; the wrapper owns the radius. */
html[data-design="v2"] body.app-v4 .card table,
html[data-design="v2"] body.app-v4 .panel table,
html[data-design="v2"] body.app-v4 .table-wrap table,
html[data-design="v2"] body.admin-v4 .card table,
html[data-design="v2"] body.admin-v4 .panel table,
html[data-design="v2"] body.admin-v4 .table-wrap table {
  border-radius: var(--radius-none) !important;
}