/* Shared inset separators for Soft Precise and Subtle Depth.
 * Grid line 2 is the text keyline: icon widths, gaps and RTL all follow the
 * existing row layout. The trailing edge keeps a 16px inset from the group.
 * Existing transparent borders retain row heights and touch targets.
 */
.phone.app-theme-refined {
  --biz-divider-inset: 16px;
  --biz-divider-thickness: 1px;
  --biz-divider-color: #ededed;
}

html[data-color-scheme="dark"] .phone.app-theme-refined {
  --biz-divider-color: var(--biz-line);
}

.phone.app-theme-refined :where(
  .account-row, .space-row, .card-list-row, .recipient-row, .event-row,
  .transaction-list > article, .sheet-account-row,
  .management-list > button, .business-row-list > button,
  .connected-list > button, .route-options > button, .service-picker-row,
  .next-home-task-list > button, .next-home-activity-list > button,
  .next-connected-links > button, .next-more-group > div > button,
  .profile-menu-row, .profile-device-row, .recipient-group-destination,
  .attention-item, .transfer-help-list > article,
  .receive-method-guide > article, .receive-facts > article,
  .scf-role-steps > li, .scf-requirements li,
  .invoice-explainer li,
  .onboarding-map > article, .new-journey-map > article,
  .customer-operation-step:not([data-operation-scenario="system-error"]) .operation-issues > article,
  .identifiers-list > article, .detail-list > div,
  .destination-sheet-details > div, .registry-disclosure dl > div,
  .invoice-document > dl > div, .invoice-payment-receipt > dl > div,
  .scf-quote-card > dl > div, .scf-funded-details > div,
  .review-ticket dl > div, .deposit-option dl > div,
  .contract-summary dl > div, .invoice-decision > article
) {
  --biz-divider-columns: 2 / -1;
  --biz-divider-start: 0px;
  --biz-divider-row-padding: 12px;
  --biz-divider-group-padding: 0px;
  --biz-divider-end: calc(var(--biz-divider-inset) - var(--biz-divider-row-padding) - var(--biz-divider-group-padding));
  position: relative;
  /* Override the legacy and dark-palette border colors only. */
  border-bottom-color: transparent !important;
}

/* Draw only between siblings, ignoring rows removed by the hidden attribute.
 * The decoration never participates in layout or hit tests.
 */
.phone.app-theme-refined :where(
  .account-row, .space-row, .card-list-row, .recipient-row, .event-row,
  .transaction-list > article, .sheet-account-row,
  .management-list > button, .business-row-list > button,
  .connected-list > button, .route-options > button, .service-picker-row,
  .next-home-task-list > button, .next-home-activity-list > button,
  .next-connected-links > button, .next-more-group > div > button,
  .profile-menu-row, .profile-device-row, .recipient-group-destination,
  .attention-item, .transfer-help-list > article,
  .receive-method-guide > article, .receive-facts > article,
  .scf-role-steps > li, .scf-requirements li,
  .invoice-explainer li,
  .onboarding-map > article, .new-journey-map > article,
  .customer-operation-step:not([data-operation-scenario="system-error"]) .operation-issues > article,
  .identifiers-list > article, .detail-list > div,
  .destination-sheet-details > div, .registry-disclosure dl > div,
  .invoice-document > dl > div, .invoice-payment-receipt > dl > div,
  .scf-quote-card > dl > div, .scf-funded-details > div,
  .review-ticket dl > div, .deposit-option dl > div,
  .contract-summary dl > div, .invoice-decision > article
):not([hidden]):has(~ :not([hidden]))::after {
  --biz-divider-paint: 1;
  content: "";
  position: absolute;
  grid-column: var(--biz-divider-columns);
  inset-inline-start: var(--biz-divider-start);
  inset-inline-end: var(--biz-divider-end);
  inset-block-end: var(--biz-divider-layout-end, -1px);
  height: var(--biz-divider-thickness);
  background: var(--biz-divider-color);
  /* Transform the paint rather than rounding fractional layout rectangles. */
  transform-origin: center bottom;
  transform: translateY(var(--biz-divider-painted-shift, 0px)) scaleY(var(--biz-divider-painted-scale, 1));
  pointer-events: none;
}

/* Match existing horizontal padding without moving any text or actions. */
.phone.app-theme-refined :where(
  .account-row, .card-list-row, .recipient-row, .event-row,
  .management-list > button, .business-row-list > button,
  .next-home-task-list > button
) { --biz-divider-row-padding: 16px; }

.phone.app-theme-refined :where(
  .next-connected-links > button, .next-more-group > div > button,
  .profile-device-row, .receive-method-guide > article,
  .receive-facts > article, .scf-role-steps > li
) { --biz-divider-row-padding: 11px; }

.phone.app-theme-refined .profile-menu-row { --biz-divider-row-padding: 13px; }
.phone.app-theme-refined .service-picker-row { --biz-divider-row-padding: 10px; }
.phone.app-theme-refined :where(.onboarding-map > article, .new-journey-map > article) { --biz-divider-row-padding: 14px; }

/* Home activity already sits inside a 16px padded card. */
.phone.app-theme-refined .next-home-activity-list > button {
  --biz-divider-row-padding: 0px;
  --biz-divider-group-padding: 16px;
}
.phone.app-theme-refined :where(.invoice-explainer li) {
  --biz-divider-row-padding: 0px;
  --biz-divider-group-padding: 13px;
}
.phone.app-theme-refined .scf-requirements li {
  --biz-divider-row-padding: 0px;
  --biz-divider-group-padding: 13px;
}
.phone.app-theme-refined .customer-operation-step:not([data-operation-scenario="system-error"]) .operation-issues > article {
  --biz-divider-row-padding: 0px;
  --biz-divider-group-padding: 16px;
}

/* Feature text belongs to the nested action; include the dismiss column in
 * the line while skipping that action's 8px padding, 38px icon and 9px gap.
 */
.phone.app-theme-refined .attention-item.feature {
  --biz-divider-columns: 1 / -1;
  --biz-divider-start: 55px;
  --biz-divider-row-padding: 0px;
}

/* Rows without an icon start at the first text column. Flex document rows
 * already inherit their group's inset; only their text padding is added.
 */
.phone.app-theme-refined .identifiers-list > article {
  --biz-divider-columns: 1 / -1;
}
.phone.app-theme-refined :where(
  .detail-list > div, .destination-sheet-details > div,
  .registry-disclosure dl > div,
  .invoice-document > dl > div, .invoice-payment-receipt > dl > div,
  .scf-quote-card > dl > div, .scf-funded-details > div,
  .review-ticket dl > div, .deposit-option dl > div,
  .contract-summary dl > div, .invoice-decision > article
) {
  --biz-divider-columns: auto;
  --biz-divider-start: 0px;
  --biz-divider-end: 0px;
}
.phone.app-theme-refined #screen-card-detail .detail-list > div {
  --biz-divider-start: 13px;
}
.phone.app-theme-refined .destination-sheet-details > div {
  --biz-divider-start: 12px;
  --biz-divider-end: var(--biz-divider-inset);
}
.phone.app-theme-refined .invoice-decision > article {
  --biz-divider-start: 14px;
  --biz-divider-end: var(--biz-divider-inset);
}
.phone.app-theme-refined :where(.review-ticket dl > div, .contract-summary dl > div) {
  --biz-divider-end: 4px;
}

/* Spacing separates the Home activity heading from its list. */
.phone.app-theme-refined .next-home-activity-list { border-top-color: transparent; }