/* V88.1 — Property Swap authenticated dashboard independent-column layout.
   Loaded LAST on swap-account.html so legacy swap/account styles cannot override it.
   Presentation structure only: no auth, payment, messaging, API or business-rule changes. */

html body.swap-page[data-swap-page="account"].swap-dashboard-mode .swap-account-heading,
html body.swap-page[data-swap-page="account"].swap-dashboard-mode .swap-auth-card,
html body.swap-page[data-swap-page="account"].swap-dashboard-mode .swap-account-guide {
  display:none !important;
}

html body.swap-page[data-swap-page="account"].swap-dashboard-mode .swap-account-section {
  width:100% !important;
  max-width:none !important;
  padding:14px 0 30px !important;
  box-sizing:border-box !important;
}

html body.swap-page[data-swap-page="account"].swap-dashboard-mode .swap-shell {
  width:min(1220px, calc(100vw - 64px)) !important;
  max-width:1220px !important;
  min-width:0 !important;
  margin:0 auto !important;
  padding:0 !important;
  box-sizing:border-box !important;
}

html body.swap-page[data-swap-page="account"].swap-dashboard-mode .swap-account-layout,
html body.swap-page[data-swap-page="account"].swap-dashboard-mode .swap-account-layout:has(.premium-swap-summary),
html body.swap-page[data-swap-page="account"].swap-dashboard-mode .swap-account-layout:has(.swap-dashboard-summary),
html body.swap-page[data-swap-page="account"].swap-dashboard-mode .premium-swap-dashboard-side,
html body.swap-page[data-swap-page="account"].swap-dashboard-mode .swap-account-side {
  display:block !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
}

html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard.premium-swap-dashboard-host:not([hidden]) {
  display:block !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  padding:18px !important;
  box-sizing:border-box !important;
  border:1px solid #dde6e2 !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:0 12px 34px rgba(18,53,41,.055) !important;
  overflow:visible !important;
}

html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard > .premium-swap-dashboard-header {
  margin:-18px -18px 18px !important;
  border-radius:18px 18px 0 0 !important;
}

html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard > .swap-request-sent-banner {
  width:100% !important;
  margin:0 0 18px !important;
  box-sizing:border-box !important;
}

html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard > .premium-swap-summary {
  width:100% !important;
  margin:0 0 18px !important;
  border:1px solid #e5ebe8 !important;
  border-radius:13px !important;
  box-sizing:border-box !important;
}

html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard > .premium-swap-dashboard-columns {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:18px !important;
  align-items:start !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}

html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .premium-swap-dashboard-column {
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}

html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .premium-swap-section {
  min-width:0 !important;
  max-width:none !important;
  width:100% !important;
  margin:0 !important;
  padding:16px !important;
  box-sizing:border-box !important;
  border:1px solid #e1e8e5 !important;
  border-radius:14px !important;
  background:#fbfcfb !important;
}

html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .swap-record,
html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .swap-record * {
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
}

html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .payment-summary-table-v7711 {
  width:100% !important;
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:1fr !important;
}

html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .payment-summary-table-v7711 > div {
  width:100% !important;
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr) !important;
  gap:12px !important;
  align-items:center !important;
  padding:9px 10px !important;
  box-sizing:border-box !important;
}

html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .payment-summary-table-v7711 > div > * {
  min-width:0 !important;
  max-width:100% !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
}

html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .payment-summary-table-v7711 strong {
  text-align:right !important;
}

html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .swap-renewal-row-v778 {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:10px !important;
  align-items:end !important;
}

html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .swap-record-actions {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
}

html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .swap-record-actions .swap-button {
  width:100% !important;
  white-space:normal !important;
}

@media (max-width:1050px) {
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode .swap-shell {
    width:calc(100vw - 40px) !important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard > .premium-swap-dashboard-columns {
    display:flex !important;
    flex-direction:column !important;
    gap:18px !important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .premium-swap-dashboard-column {
    display:contents !important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .premium-swap-section-listings { order:1 !important; }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .premium-swap-section-incoming { order:2 !important; }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .premium-swap-section-outgoing { order:3 !important; }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .premium-swap-section-payments { order:4 !important; }
}

@media (max-width:700px) {
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode .swap-shell {
    width:calc(100% - 28px) !important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard.premium-swap-dashboard-host:not([hidden]) {
    padding:12px !important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard > .premium-swap-dashboard-header {
    margin:-12px -12px 12px !important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard > .swap-request-sent-banner,
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard > .premium-swap-summary {
    margin-bottom:12px !important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard > .premium-swap-dashboard-columns {
    gap:12px !important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .premium-swap-section {
    padding:13px !important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .payment-summary-table-v7711 > div {
    grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr) !important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .swap-renewal-row-v778,
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .swap-record-actions {
    grid-template-columns:1fr !important;
  }
}

@media (max-width:390px) {
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .payment-summary-table-v7711 > div {
    grid-template-columns:1fr !important;
  }
  html body.swap-page[data-swap-page="account"].swap-dashboard-mode #swapDashboard .payment-summary-table-v7711 strong {
    text-align:left !important;
  }
}

/* V88.2 — Property Swap account mobile access repair.
   At the same breakpoint used by the mobile navigation, the logged-out/register/login
   gateway becomes one full-width column. The secondary desktop workspace guide is
   deliberately hidden so it can never be squeezed into a narrow vertical strip.
   Authenticated dashboard geometry above remains unchanged. */
@media (max-width:980px) {
  html body.swap-page[data-swap-page="account"]:not(.swap-dashboard-mode) .swap-account-section {
    width:100% !important;
    max-width:none !important;
    padding:12px 0 28px !important;
    box-sizing:border-box !important;
  }
  html body.swap-page[data-swap-page="account"]:not(.swap-dashboard-mode) .swap-shell {
    width:min(720px, calc(100% - 28px)) !important;
    max-width:720px !important;
    min-width:0 !important;
    margin:0 auto !important;
    padding:0 !important;
    box-sizing:border-box !important;
  }
  html body.swap-page[data-swap-page="account"]:not(.swap-dashboard-mode) .swap-account-layout,
  html body.swap-page[data-swap-page="account"]:not(.swap-dashboard-mode) .swap-account-layout:has(.swap-dashboard-summary),
  html body.swap-page[data-swap-page="account"].swap-login-mode:not(.swap-dashboard-mode) .swap-account-layout {
    display:block !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
  }
  html body.swap-page[data-swap-page="account"]:not(.swap-dashboard-mode) .swap-auth-card {
    display:block !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }
  html body.swap-page[data-swap-page="account"]:not(.swap-dashboard-mode) .premium-swap-dashboard-side,
  html body.swap-page[data-swap-page="account"]:not(.swap-dashboard-mode) .swap-account-side,
  html body.swap-page[data-swap-page="account"]:not(.swap-dashboard-mode) .swap-account-guide {
    display:none !important;
  }
  html body.swap-page[data-swap-page="account"]:not(.swap-dashboard-mode) .swap-auth-fields {
    width:100% !important;
    min-width:0 !important;
  }
}

@media (max-width:760px) {
  html body.swap-page[data-swap-page="account"]:not(.swap-dashboard-mode) .swap-account-heading {
    width:100% !important;
    max-width:none !important;
    text-align:left !important;
  }
  html body.swap-page[data-swap-page="account"]:not(.swap-dashboard-mode) .swap-auth-fields {
    grid-template-columns:1fr !important;
  }
  html body.swap-page[data-swap-page="account"]:not(.swap-dashboard-mode) .swap-auth-half,
  html body.swap-page[data-swap-page="account"]:not(.swap-dashboard-mode) .swap-password-field,
  html body.swap-page[data-swap-page="account"]:not(.swap-dashboard-mode) .swap-confirm-field {
    grid-column:1/-1 !important;
  }
  html body.swap-page[data-swap-page="account"]:not(.swap-dashboard-mode) .swap-record-actions {
    grid-template-columns:1fr !important;
  }
}