/* Left-side page cards live here.
   Side cards have only three visual parts:
   1. .side-card-heading
   2. .side-card-body / .card-body
   3. .side-card-collapse-heading
   Shells such as .card, .collapse-panel, summary, and .collapse-body stay transparent. */

.app-content:not(.view-dashboard) :where(
  .merchant-review-layout > aside.stack > .card,
  .merchant-review-layout > .stack > .card,
  .shipping-layout > aside.stack > .card,
  .logs-layout > aside.stack > .card,
  .after-sales-overview-side > .card,
  .after-sales-queue > .card,
  .warranty-claims-queue,
  .warranty-claim-side > .card,
  .roles-left > .card,
  .split > .stack:first-child > .card,
  .split > .card:first-child,
  .split > form.card:first-child,
  .merchant-review-layout > aside.stack .collapse-panel,
  .merchant-review-layout > .stack .collapse-panel,
  .shipping-layout > aside.stack .collapse-panel,
  .logs-layout > aside.stack .collapse-panel
) {
  border: 0 !important;
  box-shadow: none !important;
}

.app-content:not(.view-dashboard) :where(
  .merchant-review-layout > aside.stack .collapse-panel > summary,
  .merchant-review-layout > .stack .collapse-panel > summary,
  .shipping-layout > aside.stack .collapse-panel > summary,
  .logs-layout > aside.stack .collapse-panel > summary,
  .merchant-review-layout > aside.stack .collapse-body,
  .merchant-review-layout > .stack .collapse-body,
  .shipping-layout > aside.stack .collapse-body,
  .logs-layout > aside.stack .collapse-body
) {
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

.side-card-heading,
.side-card-collapse-heading {
  display: grid;
  flex: 1 1 auto;
  min-width: 0;
  gap: 8px;
  padding: 18px 20px 4px;
  border: 0 !important;
  border-bottom: 1px solid var(--shell-panel-border) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}