/* BAAKEE U5 V47 — Merchant overview/details premium restoration.
   Presentation-only; preserve Update 3 refund reconciliation and Update 2 product history.
   This file deliberately loads AFTER the previous simplification CSS. */

/* A calmer overview: retain four financially distinct figures without the overlarge
   separate reconciliation card or losing the count / search / sort functionality. */
html[data-baakee-theme] body #app .merchant-page-v12961:not(.merchant-detail-v12961){gap:12px!important}
html[data-baakee-theme] body #app .merchant-page-v12961 .merchant-overview-v12961{gap:8px!important}
html[data-baakee-theme] body #app .merchant-overview-v12961>div:not(.u3-finance-merchant-total){
  min-width:0!important;min-height:72px!important;padding:12px 10px!important;
  background:color-mix(in srgb,var(--baakee-soft) 20%,var(--card))!important;
  border:1px solid color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 12%,var(--line,#eadce3))!important;
  border-radius:18px!important;box-shadow:none!important;
}
html[data-baakee-theme] body #app .merchant-overview-v12961>div:not(.u3-finance-merchant-total)>span{
  font-size:10px!important;line-height:1.28!important;letter-spacing:.035em!important;
}
html[data-baakee-theme] body #app .merchant-overview-v12961>div:not(.u3-finance-merchant-total)>b{
  font-size:clamp(12px,3.25vw,17px)!important;line-height:1.2!important;
  overflow-wrap:anywhere!important;white-space:normal!important;
}
html[data-baakee-theme] body #app .merchant-overview-v12961>.u3-finance-merchant-total{
  grid-column:1/-1!important;display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:3px 12px!important;align-items:center!important;
  margin:0!important;padding:10px 13px!important;
  background:color-mix(in srgb,var(--baakee-soft) 16%,var(--card))!important;
  border:1px solid color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 12%,var(--line,#eadce3))!important;
  border-radius:16px!important;
}
html[data-baakee-theme] body #app .merchant-overview-v12961>.u3-finance-merchant-total>span{
  font-size:11px!important;text-transform:none!important;letter-spacing:0!important;
}
html[data-baakee-theme] body #app .merchant-overview-v12961>.u3-finance-merchant-total>b{
  font-size:15px!important;color:var(--baakee-ink,var(--accent))!important;
  white-space:nowrap!important;line-height:1.25!important;
}
html[data-baakee-theme] body #app .merchant-overview-v12961>.u3-finance-merchant-total>small{
  grid-column:1/-1!important;font-size:10px!important;line-height:1.28!important;opacity:.76!important;
}
html[data-baakee-theme] body #app .merchant-top-card-v12961{
  min-height:84px!important;padding:14px 17px!important;
  background:linear-gradient(125deg,color-mix(in srgb,var(--baakee-soft) 72%,var(--card)),var(--card))!important;
  border:1px solid color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 18%,var(--line,#eadce3))!important;
  border-radius:20px!important;
}
html[data-baakee-theme] body #app .merchant-list-page-v1261{
  border:1px solid color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 16%,var(--line,#eadce3))!important;
  border-radius:22px!important;overflow:hidden!important;
  background:color-mix(in srgb,var(--baakee-soft) 6%,var(--card))!important;
}
html[data-baakee-theme] body #app .merchant-list-page-v1261>button{
  min-height:72px!important;padding:12px!important;gap:10px!important;
  border-bottom:1px solid color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 11%,var(--line,#eadce3))!important;
}
html[data-baakee-theme] body #app .merchant-list-page-v1261 .merchant-main-v1261 span{
  font-size:11px!important;line-height:1.32!important;overflow-wrap:break-word!important;
}

/* Detail: recover the older app's useful hierarchy without reverting calculations. */
html[data-baakee-theme] body #app .merchant-page-v1261.merchant-detail-v12961{
  display:grid!important;gap:12px!important;padding-bottom:95px!important;
}
html[data-baakee-theme] body #app .merchant-detail-v12961>.merchant-hero-v12961{
  order:1!important;display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;
  gap:12px 14px!important;min-width:0!important;
  padding:17px 18px!important;margin:0!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--baakee-soft) 77%,var(--card)),color-mix(in srgb,var(--baakee-soft) 20%,var(--card)))!important;
  border:1px solid color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 25%,var(--line,#eadce3))!important;
  border-radius:22px!important;box-shadow:none!important;
}
html[data-baakee-theme] body #app .merchant-detail-v12961>.merchant-hero-v12961>.merchant-hero-icon-v1261{
  width:48px!important;height:48px!important;border-radius:16px!important;
  grid-column:1!important;grid-row:1!important;
}
html[data-baakee-theme] body #app .merchant-detail-v12961>.merchant-hero-v12961>div:nth-child(2){
  grid-column:2!important;grid-row:1!important;min-width:0!important;gap:3px!important;
}
html[data-baakee-theme] body #app .merchant-detail-v12961>.merchant-hero-v12961>div:nth-child(2) b{
  font-size:clamp(21px,5.5vw,29px)!important;line-height:1.12!important;
}
html[data-baakee-theme] body #app .merchant-detail-v12961>.merchant-hero-v12961>div:nth-child(2) small{
  font-size:11px!important;line-height:1.25!important;
}
html[data-baakee-theme] body #app .merchant-detail-v12961>.merchant-hero-v12961>.u3-finance-merchant-detail{
  grid-column:1/-1!important;grid-row:2!important;
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;padding:12px 0 0!important;margin:0!important;
  border-top:1px solid color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 18%,var(--line,#eadce3))!important;
}
html[data-baakee-theme] body #app .merchant-detail-v12961>.merchant-hero-v12961>.u3-finance-merchant-detail>div{
  gap:4px!important;min-width:0!important;
}
html[data-baakee-theme] body #app .merchant-detail-v12961>.merchant-hero-v12961>.u3-finance-merchant-detail span{
  font-size:11px!important;line-height:1.24!important;
}
html[data-baakee-theme] body #app .merchant-detail-v12961>.merchant-hero-v12961>.u3-finance-merchant-detail b{
  font-size:clamp(14px,4vw,19px)!important;line-height:1.18!important;
  overflow-wrap:anywhere!important;
}
/* Earlier V37 CSS deliberately hid both of these. Restore in their original positions. */
html[data-baakee-theme] body #app .merchant-detail-v12961>.merchant-stats-v12961{
  order:2!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;margin:0!important;
}
html[data-baakee-theme] body #app .merchant-detail-v12961>.merchant-stats-v12961>div{
  display:grid!important;min-height:62px!important;align-content:center!important;
  padding:11px 10px!important;gap:4px!important;
  background:var(--card)!important;
  border:1px solid color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 12%,var(--line,#eadce3))!important;
  border-radius:17px!important;min-width:0!important;
}
html[data-baakee-theme] body #app .merchant-detail-v12961>.merchant-stats-v12961 span{
  font-size:10px!important;line-height:1.25!important;color:var(--muted)!important;
}
html[data-baakee-theme] body #app .merchant-detail-v12961>.merchant-stats-v12961 b{
  font-size:clamp(11px,3vw,14px)!important;line-height:1.22!important;
  white-space:normal!important;overflow-wrap:anywhere!important;text-overflow:clip!important;
}
html[data-baakee-theme] body #app .merchant-detail-v12961>.merchant-insight-card-v12961{
  order:3!important;display:block!important;margin:0!important;
  padding:14px 17px!important;
  background:color-mix(in srgb,var(--baakee-soft) 23%,var(--card))!important;
  border:1px solid color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 12%,var(--line,#eadce3))!important;
  border-radius:19px!important;
}
html[data-baakee-theme] body #app .merchant-detail-v12961>.merchant-insight-card-v12961 .eyebrow{
  color:var(--baakee-ink,var(--accent))!important;font-size:10px!important;letter-spacing:.08em!important;
}
html[data-baakee-theme] body #app .merchant-detail-v12961>.merchant-insight-card-v12961 p{
  margin:6px 0 0!important;font-size:13px!important;line-height:1.4!important;
}
html[data-baakee-theme] body #app .merchant-detail-v12961>.merchant-trend-card-v12961{
  order:4!important;display:block!important;margin:0!important;padding:17px!important;
  background:var(--card)!important;
  border:1px solid color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 12%,var(--line,#eadce3))!important;
  border-radius:20px!important;
}
html[data-baakee-theme] body #app .merchant-detail-v12961 .merchant-trend-v12961{
  margin-top:12px!important;height:auto!important;gap:6px!important;
}
html[data-baakee-theme] body #app .merchant-detail-v12961 .merchant-trend-bar-v12961{
  background:color-mix(in srgb,var(--baakee-soft) 26%,var(--card))!important;
  border:1px solid color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 6%,var(--line,#eadce3))!important;
  border-radius:10px!important;
}
html[data-baakee-theme] body #app .merchant-detail-v12961 .merchant-trend-bar-v12961 i{
  background:var(--baakee-ink,var(--accent))!important;
  border-radius:6px!important;
}
html[data-baakee-theme] body #app .merchant-detail-v12961>.u2-merchant-products-here{
  order:5!important;display:block!important;margin:0!important;padding:15px 17px!important;
  background:var(--card)!important;
  border:1px solid color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 12%,var(--line,#eadce3))!important;
  border-radius:20px!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 12%,var(--line,#eadce3))!important;
}
html[data-baakee-theme] body #app .merchant-detail-v12961>.u2-merchant-products-here .u2-section-head{
  font-size:14px!important;font-weight:750!important;
}
html[data-baakee-theme] body #app .merchant-detail-v12961>.u2-merchant-products-here button{
  padding:11px 0!important;min-height:45px!important;
  border-bottom:1px solid color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 12%,var(--line,#eadce3))!important;
}
html[data-baakee-theme] body #app .merchant-detail-v12961>.u2-merchant-products-here button:last-child{border-bottom:0!important}
html[data-baakee-theme] body #app .merchant-detail-v12961>.merchant-detail-grid-v12961{
  order:6!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;margin:0!important;
}
html[data-baakee-theme] body #app .merchant-detail-v12961>.merchant-detail-grid-v12961>section{
  padding:11px 12px!important;border-radius:17px!important;
  background:color-mix(in srgb,var(--baakee-soft) 13%,var(--card))!important;
}
html[data-baakee-theme] body #app .merchant-detail-v12961>.merchant-page-label-v1261{order:7!important;margin:1px 0 -6px!important}
html[data-baakee-theme] body #app .merchant-detail-v12961>.merchant-payments-page-v1261{
  order:8!important;margin:0!important;
  border:1px solid color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 14%,var(--line,#eadce3))!important;
  background:var(--card)!important;border-radius:20px!important;
}
html[data-baakee-theme] body #app .merchant-detail-v12961>.merchant-payments-page-v1261>button{
  min-height:60px!important;
  border-bottom:1px solid color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 11%,var(--line,#eadce3))!important;
}
@media(max-width:360px){
  html[data-baakee-theme] body #app .merchant-detail-v12961>.merchant-stats-v12961>div{padding:9px 6px!important}
  html[data-baakee-theme] body #app .merchant-detail-v12961>.merchant-stats-v12961 b{font-size:11px!important}
  html[data-baakee-theme] body #app .merchant-overview-v12961>.u3-finance-merchant-total{grid-template-columns:1fr!important}
}

/* V48 screenshot-led contrast repairs integrated into the actual active V47 Merchant module. */
/* BAAKEE V48 Merchant premium contrast pass. Presentation only.
   Explicitly restores readable separation lost in the minimal V47 overview.
   Uses appearance tokens for Berry Wine / other palettes and light / dark. */

/* Overview: distinct but restrained three-KPI row and net spending summary. */
html[data-baakee-theme] body #app .merchant-page-v12961:not(.merchant-detail-v12961) .merchant-overview-v12961{gap:9px!important}
html[data-baakee-theme] body #app .merchant-page-v12961:not(.merchant-detail-v12961) .merchant-overview-v12961>div:not(.u3-finance-merchant-total){
  background:color-mix(in srgb,var(--baakee-soft) 15%,var(--card) 85%)!important;
  border:1px solid color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 18%,var(--line,#eadce3))!important;
  box-shadow:0 5px 16px color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 5%,transparent)!important;
  min-height:78px!important;padding:13px 12px!important;border-radius:17px!important;
}
html[data-baakee-theme] body #app .merchant-page-v12961:not(.merchant-detail-v12961) .merchant-overview-v12961>div:not(.u3-finance-merchant-total)>span{
  color:var(--muted)!important;font-size:10px!important;font-weight:650!important;
}
html[data-baakee-theme] body #app .merchant-page-v12961:not(.merchant-detail-v12961) .merchant-overview-v12961>div:not(.u3-finance-merchant-total)>b{
  color:var(--text)!important;font-size:clamp(13px,3.5vw,19px)!important;font-weight:770!important;
}
html[data-baakee-theme] body #app .merchant-page-v12961:not(.merchant-detail-v12961) .merchant-overview-v12961>.u3-finance-merchant-total{
  background:color-mix(in srgb,var(--baakee-soft) 22%,var(--card) 78%)!important;
  border:1px solid color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 19%,var(--line,#eadce3))!important;
  box-shadow:0 3px 13px color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 4%,transparent)!important;
  padding:12px 14px!important;border-radius:17px!important;
}
html[data-baakee-theme] body #app .merchant-page-v12961:not(.merchant-detail-v12961) .merchant-top-card-v12961{
  border:1px solid color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 23%,var(--line,#eadce3))!important;
  background:linear-gradient(112deg,color-mix(in srgb,var(--baakee-soft) 68%,var(--card)),color-mix(in srgb,var(--baakee-soft) 12%,var(--card)))!important;
  box-shadow:0 7px 20px color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 7%,transparent)!important;
}
/* Merchant rows should read as one premium grouped list, not floating text on the page. */
html[data-baakee-theme] body #app .merchant-page-v12961:not(.merchant-detail-v12961) .merchant-list-page-v1261{
  border:1px solid color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 23%,var(--line,#eadce3))!important;
  border-radius:21px!important;overflow:hidden!important;
  background:color-mix(in srgb,var(--baakee-soft) 5%,var(--card) 95%)!important;
  box-shadow:0 10px 26px color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 5%,transparent)!important;
}
html[data-baakee-theme] body #app .merchant-page-v12961:not(.merchant-detail-v12961) .merchant-list-page-v1261>button{
  min-height:74px!important;padding:12px 14px!important;margin:0!important;
  background:transparent!important;border:0!important;
  border-radius:0!important;box-shadow:none!important;
  border-bottom:1px solid color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 17%,var(--line,#eadce3))!important;
}
html[data-baakee-theme] body #app .merchant-page-v12961:not(.merchant-detail-v12961) .merchant-list-page-v1261>button:last-child{border-bottom:0!important}
html[data-baakee-theme] body #app .merchant-page-v12961:not(.merchant-detail-v12961) .merchant-list-page-v1261>button:active{
  background:color-mix(in srgb,var(--baakee-soft) 40%,var(--card))!important;
}
html[data-baakee-theme] body #app .merchant-page-v12961:not(.merchant-detail-v12961) .merchant-list-page-v1261 .merchant-avatar-v1261{
  background:color-mix(in srgb,var(--baakee-soft) 50%,var(--card))!important;
  border:1px solid color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 9%,transparent)!important;
}
/* Details: the old design's hierarchy, but with V47 refund and history calculations intact. */
html[data-baakee-theme] body #app .merchant-detail-v12961>.merchant-hero-v12961{
  background:linear-gradient(125deg,color-mix(in srgb,var(--baakee-soft) 60%,var(--card)),color-mix(in srgb,var(--baakee-soft) 14%,var(--card)))!important;
  border:1px solid color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 26%,var(--line,#eadce3))!important;
  box-shadow:0 8px 23px color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 6%,transparent)!important;
}
html[data-baakee-theme] body #app .merchant-detail-v12961>.merchant-stats-v12961>div{
  background:color-mix(in srgb,var(--baakee-soft) 10%,var(--card))!important;
  border:1px solid color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 20%,var(--line,#eadce3))!important;
  box-shadow:0 5px 14px color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 4%,transparent)!important;
}
html[data-baakee-theme] body #app .merchant-detail-v12961>.merchant-insight-card-v12961{
  background:linear-gradient(135deg,color-mix(in srgb,var(--baakee-soft) 34%,var(--card)),color-mix(in srgb,var(--baakee-soft) 12%,var(--card)))!important;
  border:1px solid color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 18%,var(--line,#eadce3))!important;
}
html[data-baakee-theme] body #app .merchant-detail-v12961>.merchant-trend-card-v12961,
html[data-baakee-theme] body #app .merchant-detail-v12961>.u2-merchant-products-here{
  background:color-mix(in srgb,var(--baakee-soft) 6%,var(--card))!important;
  border:1px solid color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 21%,var(--line,#eadce3))!important;
  border-radius:20px!important;
  box-shadow:0 6px 19px color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 4%,transparent)!important;
}
html[data-baakee-theme] body #app .merchant-detail-v12961>.u2-merchant-products-here{padding:14px 16px!important;box-shadow:none!important}
html[data-baakee-theme] body #app .merchant-detail-v12961>.u2-merchant-products-here button{
  min-height:43px!important;padding:10px 0!important;
  border-bottom:1px solid color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 15%,var(--line,#eadce3))!important;
}
html[data-baakee-theme] body #app .merchant-detail-v12961>.u2-merchant-products-here button:last-child{border-bottom:0!important}
html[data-baakee-theme] body #app .merchant-detail-v12961>.merchant-detail-grid-v12961>section{
  background:color-mix(in srgb,var(--baakee-soft) 12%,var(--card))!important;
  border:1px solid color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 17%,var(--line,#eadce3))!important;
}
html[data-baakee-theme] body #app .merchant-detail-v12961>.merchant-payments-page-v1261{
  background:color-mix(in srgb,var(--baakee-soft) 5%,var(--card))!important;
  border:1px solid color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 21%,var(--line,#eadce3))!important;
  box-shadow:0 6px 19px color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 4%,transparent)!important;
  overflow:hidden!important;
}
html[data-baakee-theme] body #app .merchant-detail-v12961>.merchant-payments-page-v1261>button{
  border-bottom:1px solid color-mix(in srgb,var(--baakee-ink,var(--accent,#8a3d60)) 14%,var(--line,#eadce3))!important;
}
html[data-baakee-theme] body #app .merchant-detail-v12961>.merchant-payments-page-v1261>button:last-child{border-bottom:0!important}
@media(max-width:370px){
 html[data-baakee-theme] body #app .merchant-page-v12961:not(.merchant-detail-v12961) .merchant-overview-v12961>div:not(.u3-finance-merchant-total){padding:10px 8px!important}
 html[data-baakee-theme] body #app .merchant-page-v12961:not(.merchant-detail-v12961) .merchant-list-page-v1261>button{padding:11px 10px!important}
}