/* Scoped enhancement of the current merchant metrics; retain the existing grid. */
.lauren-merchant-dashboard button.lauren-merchant-metric {
  width: 100%;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: inherit;
  appearance: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(115, 52, 67, .10);
}
.lauren-merchant-dashboard button.lauren-merchant-metric:nth-child(-n+3) { border-bottom: 1px solid #ededed; }
.lauren-merchant-dashboard button.lauren-merchant-metric:active { background: #fcf2f3; }
.lauren-merchant-dashboard button.lauren-merchant-metric:focus-visible { outline: 2px solid #9b4f60; outline-offset: -3px; border-radius: 5px; }
.lauren-merchant-detail-page {
  min-height: 100vh;
  min-height: 100dvh;
  box-sizing: border-box;
  padding: 0 16px calc(28px + env(safe-area-inset-bottom, 0px));
  background: linear-gradient(180deg, #f5e5e5 0, #fcf7f2 390px, #fcf7f2 100%);
  color: #52333b;
  font-size: 14px;
  line-height: 1.5;
}
.lauren-merchant-detail-page *, .lauren-merchant-detail-page *::before, .lauren-merchant-detail-page *::after { box-sizing: border-box; }
.lauren-merchant-detail-page button { font: inherit; cursor: pointer; appearance: none; }
.lauren-merchant-detail-page button:disabled { cursor: default; opacity: .55; }
.lauren-merchant-detail-page button:focus-visible { outline: 2px solid #ae5a6b; outline-offset: 3px; }
.lauren-merchant-detail-page h1, .lauren-merchant-detail-page h2, .lauren-merchant-detail-page h3, .lauren-merchant-detail-page p { margin: 0; }
.lauren-md-header { display: grid; grid-template-columns: 72px minmax(0, 1fr) 72px; align-items: center; min-height: 68px; padding-top: env(safe-area-inset-top, 0px); }
.lauren-md-header h1 { text-align: center; font-size: 19px; line-height: 1.4; font-weight: 700; }
.lauren-merchant-detail-page .lauren-md-back { display: flex; align-items: center; gap: 3px; min-height: 44px; margin: 0; padding: 0; border: 0; background: transparent; color: #663c47; text-align: left; font-size: 14px; }
.lauren-md-back > span { font-size: 31px; font-weight: 400; line-height: 1; margin-top: -3px; }
.lauren-md-summary { overflow: hidden; position: relative; padding: 22px; margin: 5px 0 22px; border-radius: 18px; background: linear-gradient(135deg, #74444f, #512c37); box-shadow: 0 9px 20px rgba(91, 47, 61, .10); color: #fff3da; }
.lauren-md-eyebrow { position: relative; font-size: 13px; color: #f2d9d6; }
.lauren-md-summary-value { display: flex; flex-wrap: wrap; align-items: baseline; gap: 9px; margin: 9px 0 10px; overflow-wrap: anywhere; }
.lauren-md-summary-value strong { font-size: 36px; line-height: 1.3; font-weight: 700; letter-spacing: -.6px; }
.lauren-md-summary-value > span { font-size: 14px; }
.lauren-md-period { font-size: 13px; color: #f5e3d9; }
.lauren-md-asof { margin-top: 5px !important; font-size: 11px; color: #ddc4c4; }
.lauren-md-list-section { max-width: 720px; margin: 0 auto; }
.lauren-md-list-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 42px; }
.lauren-md-list-heading h2 { font-size: 17px; font-weight: 700; }
.lauren-merchant-detail-page .lauren-md-refresh { min-height: 36px; padding: 5px 13px; border: 1px solid #e4c7cd; border-radius: 20px; background: #fffaf6; color: #8c4d5b; font-size: 12px; }
.lauren-md-count { margin: 2px 0 13px !important; font-size: 12px; color: #9c8288; }
.lauren-md-list { display: flex; flex-direction: column; gap: 11px; padding: 0; margin: 0; list-style: none; }
.lauren-md-item { min-width: 0; padding: 17px 16px; border: 1px solid #f0dfe0; border-radius: 14px; background: #fff; box-shadow: 0 3px 10px rgba(93, 46, 59, .025); }
.lauren-md-person { display: flex; align-items: flex-start; gap: 12px; }
.lauren-md-avatar { flex: 0 0 44px; width: 44px; height: 44px; object-fit: cover; border: 1px solid #f5e7e1; border-radius: 50%; background: #fcf1e6; }
.lauren-md-person-content { flex: 1; min-width: 0; }
.lauren-md-item-title { min-width: 0; color: #583a42; font-size: 15px; font-weight: 650; overflow-wrap: anywhere; }
.lauren-md-item-heading { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; column-gap: 12px; row-gap: 5px; margin-bottom: 10px; }
.lauren-md-item-heading .lauren-md-item-title { flex: 1 1 150px; }
.lauren-md-amount { flex: 0 1 auto; color: #c13f5e; font-size: 17px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.lauren-md-line { display: flex; align-items: baseline; gap: 10px; margin-top: 5px !important; color: #887278; font-size: 12px; line-height: 1.6; }
.lauren-md-line > span:last-child { min-width: 0; overflow-wrap: anywhere; }
.lauren-md-line-label { flex: 0 0 56px; color: #a58c92; }
.lauren-md-description { margin-bottom: 9px !important; color: #8c747a; font-size: 13px; overflow-wrap: anywhere; }
.lauren-md-state { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; min-height: 190px; margin-top: 8px; padding: 28px 18px; border: 1px solid #efdfdf; border-radius: 14px; background: #fffcf9; color: #9c7c84; text-align: center; overflow-wrap: anywhere; }
.lauren-md-spinner { width: 26px; height: 26px; border: 2px solid #eedadd; border-top-color: #9b5264; border-radius: 50%; animation: lauren-md-spin .8s linear infinite; }
.lauren-md-empty { gap: 8px; }
.lauren-md-empty > p { font-weight: 600; color: #80636a; }
.lauren-md-empty > span:last-child { font-size: 12px; }
.lauren-md-empty-symbol { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 6px; border-radius: 50%; background: #f5e9e4; color: #b28c94; font-size: 26px; }
.lauren-md-error { min-height: 150px; color: #a54f61; }
.lauren-merchant-detail-page .lauren-md-action { min-height: 40px; padding: 9px 24px; border: 1px solid #d9b2bb; border-radius: 22px; background: #fff8f2; color: #93495c; font-size: 13px; }
.lauren-merchant-detail-page .lauren-md-more { display: block; width: 100%; margin: 19px 0 0; }
.lauren-md-end { margin: 20px 0 0 !important; text-align: center; color: #b3999e; font-size: 12px; }
@keyframes lauren-md-spin { to { transform: rotate(360deg); } }
@media (min-width: 760px) { .lauren-md-header, .lauren-md-summary { max-width: 720px; margin-right: auto; margin-left: auto; } }
@media (max-width: 340px) {
  .lauren-merchant-detail-page { padding-left: 12px; padding-right: 12px; }
  .lauren-md-summary { padding: 19px; }
  .lauren-md-summary-value strong { font-size: 32px; }
  .lauren-md-item { padding: 14px 12px; }
  .lauren-md-person { gap: 9px; }
  .lauren-md-line { gap: 6px; }
}
@media (prefers-reduced-motion: reduce) { .lauren-md-spinner { animation: none; } }