/* Buyer "My negotiations / properties" (buyer-my-deals.js, 2026-10-22).
   The page reuses the seller page's .sml-* rules and the phases board's .pp-*
   rules; only what is new to this page lives here. */
.bmd-status { display: inline-block; padding: 1px 8px; border-radius: 999px; font-size: 0.78rem; font-weight: 700; background: var(--sv-line); color: var(--sv-text); }
.bmd-status--executed, .bmd-status--contract { background: #2e8b57; color: #ffffff; }
.bmd-status--offer { background: var(--sv-accent, #d9b45a); color: #10202e; }
.bmd-status--closed { background: var(--sv-heading); color: #10202e; }
.bmd-exec-tag { color: #2e8b57; font-weight: 700; }

.bmd-reminders { margin: 4px 0 14px; padding: 10px 12px; border: 1px solid var(--sv-accent, #d9b45a); border-radius: 10px; background: var(--sv-surface); }
.bmd-reminders h3 { margin: 0 0 6px; font-size: 1rem; color: var(--sv-heading); }
.bmd-reminders ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.bmd-reminders li { color: var(--sv-text); }
.bmd-reminders li small { color: var(--sv-text-muted); margin-left: 4px; }
.bmd-reminders li.is-soon strong { color: #e05a4b; }
.bmd-reminders li.is-past { color: var(--sv-text-muted); }

.bmd-deadlines { list-style: none; margin: 0 0 10px; padding: 0; display: grid; gap: 0; }
.bmd-deadlines li { display: grid; grid-template-columns: minmax(150px, max-content) 1fr auto; align-items: baseline; gap: 4px 14px; padding: 8px 0; border-bottom: 1px solid var(--sv-line); color: var(--sv-text); }
.bmd-deadlines li small { color: var(--sv-text-muted); }
.bmd-deadline-date { color: var(--sv-text-muted); font-size: 0.88rem; }
.bmd-deadlines li.is-soon small { color: #e05a4b; font-weight: 700; }
.bmd-deadlines li.is-past strong, .bmd-deadlines li.is-done strong { color: var(--sv-text-muted); }
.bmd-deadlines li.is-done strong { text-decoration: line-through; }
@media (max-width: 560px) {
  .bmd-deadlines li { grid-template-columns: 1fr; }
}

.bmd-board .pp-task { cursor: default; }

/* Your agreements (2026-10-23): IABS acknowledgement, TBS terms, buyer rep. */
.bmd-agreement-agent + .bmd-agreement-agent { border-top: 1px solid var(--sv-line); margin-top: 10px; padding-top: 10px; }
.bmd-agreement-list { list-style: none; margin: 6px 0 0; padding: 0; display: grid; gap: 0; }
.bmd-agreement-list li { display: flex; justify-content: space-between; align-items: center; gap: 10px 16px; flex-wrap: wrap; padding: 10px 0; border-bottom: 1px solid var(--sv-line); }
.bmd-agreement-list li > div:first-child { display: grid; gap: 2px; flex: 1 1 280px; min-width: 0; }
.bmd-agreement-list strong { color: var(--sv-text); }
.bmd-agreement-list small { color: var(--sv-text-muted); }
.bmd-agreement-list li.is-waiting strong { color: #e05a4b; }
.bmd-agreement-actions { display: flex; align-items: flex-end; gap: 8px; flex-wrap: wrap; }
.bmd-initials { display: grid; gap: 2px; font-size: 0.78rem; color: var(--sv-text-muted); }
.bmd-initials input { width: 90px; min-width: 0; padding: 6px 8px; text-transform: uppercase; }

/* Property cards + Next steps & dates (2026-10-23). The cards reuse the search
   result card's own classes (.result-card, .result-image, .listing-facts ...)
   so they look like the search page; only what is new is here. */
.bmd-properties { margin: 4px 0 18px; }
.bmd-section-title { margin: 0 0 4px; color: var(--sv-heading); }
.bmd-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; margin-top: 10px; }
.bmd-card { cursor: pointer; }
.bmd-card.is-selected { outline: 3px solid var(--sv-accent, #d9b45a); outline-offset: 2px; }
.bmd-card.has-new { box-shadow: 0 0 0 2px #c0392b; }
.bmd-card .result-image.bmd-no-photo { background: linear-gradient(135deg, var(--sv-surface-2), var(--sv-line)); }
.bmd-price-label { margin: 0; font-size: 0.8rem; }
.bmd-full-listing { margin-top: 6px; justify-self: start; }
.bmd-head-actions { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.bmd-steps li { grid-template-columns: 20px minmax(130px, max-content) 1fr auto; }
.bmd-step-mark { color: var(--sv-text-muted); font-weight: 800; text-align: center; }
.bmd-steps li.is-done .bmd-step-mark { color: #2e8b57; }
.bmd-steps li.is-next { background: var(--sv-surface-2); }
.bmd-steps li.is-next .bmd-step-mark, .bmd-steps li.is-next strong { color: var(--sv-heading); }
.bmd-next-tag { display: inline-block; margin-left: 6px; padding: 0 7px; border-radius: 999px; font-size: 0.72rem; font-weight: 800; background: var(--sv-accent, #d9b45a); color: #10202e; }
@media (max-width: 560px) {
  .bmd-steps li { grid-template-columns: 20px 1fr; }
  .bmd-head-actions { align-items: flex-start; }
}

/* The property file (2026-10-23): opened from its card, on its own page,
   under a photo banner with the price; "All my properties" goes back. */
.bmd-back { margin: 0 0 12px; }
.bmd-deal .result-image.bmd-hero { position: relative; height: 260px; min-height: 260px; margin: -4px 0 14px; border-radius: 10px; background-size: cover; background-position: center; }
@media (max-width: 560px) {
  .bmd-deal .result-image.bmd-hero { height: 190px; min-height: 190px; }
}
