/* V88.7.10 — Property Swap dashboard density refinement.
   Presentation only: keeps the verified V88.7.9 auth/payment/recovery logic intact.
   Desktop layout uses one focused listings column and one compact activity column so
   additional listings or requests extend naturally instead of leaving large holes. */

@media (min-width:1051px){
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard.premium-swap-dashboard-host:not([hidden]){
    padding:14px!important;
    border-radius:16px!important;
  }

  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard > .premium-swap-dashboard-header{
    margin:-14px -14px 12px!important;
    padding:14px 16px!important;
    border-radius:16px 16px 0 0!important;
    gap:10px!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard > .premium-swap-dashboard-header h2{
    font-size:1.16rem!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .premium-swap-dashboard-actions{
    gap:6px!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .premium-swap-dashboard-actions .swap-button{
    min-height:36px!important;
    padding:8px 12px!important;
    font-size:.76rem!important;
  }

  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard > .swap-request-sent-banner{
    margin:0 0 12px!important;
    padding:9px 11px!important;
  }

  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard > .premium-swap-summary{
    gap:7px!important;
    margin:0 0 12px!important;
    padding:8px 10px!important;
    border-radius:11px!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard > .premium-swap-summary > div{
    padding:7px 9px!important;
    border-radius:9px!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard > .premium-swap-summary strong{
    font-size:1.02rem!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard > .premium-swap-summary span{
    margin-top:2px!important;
    font-size:.69rem!important;
  }

  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard > .premium-swap-dashboard-columns{
    grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr)!important;
    gap:12px!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .premium-swap-dashboard-column{
    gap:12px!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .premium-swap-section{
    padding:11px!important;
    border-radius:12px!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .premium-swap-section-head{
    margin-bottom:5px!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .premium-swap-section-head h3{
    font-size:.9rem!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .premium-swap-section-head > span{
    padding:4px 7px!important;
    font-size:.66rem!important;
  }

  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .swap-record{
    padding:11px!important;
    margin-top:8px!important;
    border-radius:12px!important;
    box-shadow:0 4px 13px rgba(18,53,41,.028)!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .swap-record-head{
    gap:8px!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .swap-record h4{
    margin-bottom:3px!important;
    font-size:.96rem!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .swap-record p{
    margin:3px 0!important;
    line-height:1.34!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .swap-empty{
    min-height:0!important;
    padding:13px!important;
    border-radius:10px!important;
  }

  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .payment-panel-v7711{
    margin-top:6px!important;
    padding:6px!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .payment-summary-table-v7711 > div{
    grid-template-columns:minmax(112px,.82fr) minmax(0,1.18fr)!important;
    gap:8px!important;
    padding:6px 8px!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .swap-renewal-panel-v778{
    margin-top:8px!important;
    padding:9px!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .swap-renewal-panel-v778 p{
    margin:3px 0 6px!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .swap-finish-payment-card-v8878{
    margin-top:7px!important;
    padding:8px 9px!important;
    gap:9px!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .swap-finish-payment-card-v8878 .swap-button.green{
    min-width:138px!important;
  }
}

/* The V88.1 mobile/tablet flow remains untouched. At <=1050px its established
   single-column order still applies: Listings, Incoming, Outgoing, Payments. */

/* V90.10 — move Payments below Renewal in the left rail and increase information density.
   Presentation only; payment records and amounts are untouched. */
@media (min-width:1051px){
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .premium-swap-dashboard-column-left .premium-swap-section-payments{
    padding:9px 10px!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .premium-swap-dashboard-column-left .premium-swap-section-payments .premium-swap-section-head{
    margin-bottom:3px!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .premium-swap-dashboard-column-left .premium-swap-section-payments .swap-record{
    margin-top:5px!important;
    padding:7px 9px!important;
    border-radius:10px!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .premium-swap-dashboard-column-left .premium-swap-section-payments .swap-record-head{
    align-items:center!important;
    gap:7px!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .premium-swap-dashboard-column-left .premium-swap-section-payments .swap-record h4{
    margin:0 0 1px!important;
    font-size:.82rem!important;
    line-height:1.2!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .premium-swap-dashboard-column-left .premium-swap-section-payments .swap-record-head p,
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .premium-swap-dashboard-column-left .premium-swap-section-payments .swap-record > p{
    margin:1px 0!important;
    font-size:.68rem!important;
    line-height:1.28!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .premium-swap-dashboard-column-left .premium-swap-section-payments .swap-pill{
    padding:4px 7px!important;
    font-size:.68rem!important;
  }
}

/* Build: V90.10 Swap Payment Density */


/* V90.11 — Property Swap dashboard compact-standard density pass.
   Presentation only. Tightens the three top counters, section-heading bands and
   Payments ledger so the Swap workspace matches the density of the other verified
   dashboards. No listing/request/payment/renewal/message/auth logic is changed. */
@media (min-width:1051px){
  /* Compact Listings / Incoming / Outgoing counters. */
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard > .premium-swap-summary{
    gap:6px!important;
    margin:0 0 10px!important;
    padding:5px 8px!important;
    border-radius:10px!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard > .premium-swap-summary > div{
    min-height:0!important;
    padding:4px 7px!important;
    border-radius:8px!important;
    display:grid!important;
    place-items:center!important;
    align-content:center!important;
    row-gap:1px!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard > .premium-swap-summary strong{
    margin:0!important;
    font-size:.96rem!important;
    line-height:1.05!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard > .premium-swap-summary span{
    margin:0!important;
    font-size:.66rem!important;
    line-height:1.1!important;
  }

  /* Bring the main Swap sections and their title bands to a normal dashboard density. */
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard > .premium-swap-dashboard-columns{
    gap:10px!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .premium-swap-dashboard-column{
    gap:10px!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .premium-swap-section{
    padding:7px 8px!important;
    border-radius:11px!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .premium-swap-section-head{
    min-height:24px!important;
    padding:0 30px!important;
    margin:0 0 4px!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .premium-swap-section-head h3{
    margin:0!important;
    font-size:.86rem!important;
    line-height:20px!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .premium-swap-section-head > span{
    right:7px!important;
    min-width:20px!important;
    height:20px!important;
    padding:0 5px!important;
    font-size:.62rem!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .premium-swap-section-incoming .swap-empty{
    padding:9px 10px!important;
    line-height:1.25!important;
  }

  /* Denser but clearer Payments ledger. */
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .premium-swap-dashboard-column-left .premium-swap-section-payments{
    padding:7px 8px!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .premium-swap-dashboard-column-left .premium-swap-section-payments .swap-record{
    margin-top:3px!important;
    padding:6px 8px!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .premium-swap-dashboard-column-left .premium-swap-section-payments .swap-record-head{
    gap:5px!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .premium-swap-dashboard-column-left .premium-swap-section-payments .swap-record h4{
    font-size:.86rem!important;
    line-height:1.15!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .premium-swap-dashboard-column-left .premium-swap-section-payments .swap-record-head p,
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .premium-swap-dashboard-column-left .premium-swap-section-payments .swap-record > p{
    margin:1px 0!important;
    font-size:.72rem!important;
    line-height:1.2!important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .premium-swap-dashboard-column-left .premium-swap-section-payments .swap-pill{
    padding:3px 7px!important;
    font-size:.71rem!important;
  }
}

/* Build: V90.11 Property Swap Dashboard Compact Standard */

/* V90.15 — Swap user published-media replacement requests */
.swap-media-replacement-v9015{margin:12px 0;padding:12px;border:1px solid rgba(15,91,58,.2);border-radius:14px;background:#fbfdfc}
.swap-media-replacement-head-v9015{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.swap-media-replacement-head-v9015 span{font-size:12px;color:#5b6d65}
.swap-media-replacement-grid-v9015{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:9px}
.swap-media-replacement-item-v9015{padding:9px;border:1px solid rgba(15,91,58,.16);border-radius:11px;background:#fff;min-width:0}
.swap-media-replacement-item-v9015 img,.swap-media-replacement-item-v9015 video{width:100%;height:110px;object-fit:cover;border-radius:8px;background:#eef4f0;display:block}
.swap-media-replacement-item-v9015>div>p{font-size:11px;margin:2px 0 6px;overflow-wrap:anywhere}.swap-media-replacement-item-v9015>div>strong{font-size:12px}
.swap-media-replacement-form-v9015{display:grid;gap:7px;margin-top:7px;padding:8px;border-radius:9px;background:#f5faf7}.swap-media-replacement-form-v9015.hidden{display:none}.swap-media-replacement-form-v9015 label{display:grid;gap:4px;font-size:12px}.swap-media-replacement-form-v9015 input,.swap-media-replacement-form-v9015 textarea{width:100%;box-sizing:border-box}
.swap-media-replacement-status-v9015{font-size:11px;line-height:1.35;margin-top:5px}
@media(max-width:680px){.swap-media-replacement-grid-v9015{grid-template-columns:1fr}.swap-media-replacement-item-v9015 img,.swap-media-replacement-item-v9015 video{height:auto;max-height:240px}}


/* V91.2 — prominent pending media replacement state for Property Swap users. */
.swap-media-replacement-pending-v912{border:2px solid #d19a18!important;background:#fff8dc!important;box-shadow:0 0 0 3px rgba(209,154,24,.08)}
.swap-media-replacement-pending-v912 [data-swap-media-replacement-toggle]{border-color:#c58b0b!important;background:#fff1b8!important;color:#684800!important;font-weight:800!important}
.swap-media-replacement-pending-v912 .swap-media-replacement-status-v9015{color:#684800!important;font-weight:700}


/* V92.2.2 — clear Property Swap media replacement outcome badges. */
.swap-media-replacement-status-approved-v9222,.swap-media-replacement-status-rejected-v9222,.swap-media-replacement-status-pending-v9222{display:inline-flex;align-items:center;max-width:100%;padding:5px 8px;border-radius:999px;font-weight:800!important;line-height:1.25!important}
.swap-media-replacement-status-approved-v9222{color:#0f5b3a!important;background:#e6f5ec;border:1px solid rgba(15,91,58,.28)}
.swap-media-replacement-status-pending-v9222{color:#684800!important;background:#fff1b8;border:1px solid rgba(197,139,11,.35)}
.swap-media-replacement-status-rejected-v9222{color:#8a2631!important;background:#fdecee;border:1px solid rgba(138,38,49,.25)}