.sales-page {
  --sales-navy: #0c2d45;
  --sales-blue: #245c7c;
  --sales-copper: #b66f35;
  --sales-copper-soft: #f8ecdf;
  --sales-green: #28785a;
  --sales-red: #b9473d;
  --sales-ink: #102b3d;
  --sales-line: #d7e0e5;
  max-width: none;
}

/* V0.14 · direct sales, multi-party commissions and agent wallet */
.sales-hero__actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.sales-hero--direct{align-items:center}.sales-direct-impact,.commission-lock-state{display:flex;align-items:center;gap:12px;max-width:310px;padding:14px 17px;border:1px solid rgba(192,122,68,.35);border-radius:16px;background:rgba(255,255,255,.08)}.direct-sale-form{display:grid;gap:16px}.direct-sale-section{padding:24px}.direct-sale-section legend{padding:0 10px;font-family:var(--font-heading,Georgia,serif);font-size:23px;font-weight:800;color:#0d314a}.direct-sale-section legend span{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;margin-right:10px;border-radius:9px;background:#0d314a;color:#fff;font-family:var(--font-body,sans-serif);font-size:14px}.direct-external-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:17px;border:1px dashed #c68a59;border-radius:16px;background:#fffaf5}.direct-external-fields[hidden]{display:none}.direct-sale-check{display:flex!important;align-items:center;flex-direction:row!important;gap:10px}.direct-sale-check input{width:21px;height:21px}.direct-sale-submit{position:sticky;bottom:10px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border:1px solid #c5d0d5;border-radius:17px;background:rgba(255,255,255,.95);box-shadow:0 14px 36px rgba(8,41,62,.13);backdrop-filter:blur(12px)}.direct-sale-submit p{margin:0;max-width:720px}.commission-page{gap:16px}.commission-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border-radius:22px;background:linear-gradient(125deg,#082a40,#173d53);color:#fff}.commission-hero h1{margin:5px 0;font-size:clamp(34px,4vw,54px);color:#fff}.commission-hero p{margin:0;color:#dce9ee}.commission-lock-state.is-locked{background:rgba(197,126,69,.2)}.commission-editor{display:grid;gap:16px}.commission-summary-editor{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding:0;overflow:hidden}.commission-summary-editor>div,.commission-summary-editor>label{display:flex;min-height:105px;padding:18px;border-right:1px solid #dfe5e7;flex-direction:column;justify-content:center}.commission-summary-editor span{font-size:13px;color:#66757d}.commission-summary-editor strong{margin-top:7px;font-size:20px;color:#0d314a}.commission-rate-input,.commission-percent{display:flex;align-items:stretch;margin-top:7px}.commission-rate-input input,.commission-percent input{width:100%;min-width:0;padding:10px 12px;border:1px solid #cbd5d9;border-radius:11px 0 0 11px;font-size:16px}.commission-rate-input em,.commission-percent em{display:flex;align-items:center;padding:0 11px;border:1px solid #cbd5d9;border-left:0;border-radius:0 11px 11px 0;background:#f2f5f6;font-style:normal;font-weight:800}.commission-section{padding:0;overflow:hidden}.commission-section>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;border-bottom:1px solid #e0e5e7}.commission-section h2{margin:3px 0}.commission-section p{margin:0}.commission-rows{display:grid}.commission-row{display:grid;grid-template-columns:1.05fr 1.5fr .8fr .85fr 42px;gap:10px;align-items:center;padding:12px 18px;border-bottom:1px solid #e5e9ea}.commission-split-row{grid-template-columns:1fr 1.4fr 1.4fr .75fr 1fr 42px}.commission-row input,.commission-row select{width:100%;min-width:0;min-height:45px;padding:10px 13px;border:1px solid #cbd5d9;border-radius:11px;background:#fff;font-size:15px}.commission-row>[hidden]{display:none}.commission-row>button{width:40px;height:40px;border:1px solid #e4c8c8;border-radius:10px;background:#fff4f4;color:#9a2c2c;font-size:22px;cursor:pointer}.commission-row>strong{font-size:16px;text-align:right;color:#0d314a}.commission-validation{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:20px 24px}.commission-validation>.field{flex:1}.commission-validation p{max-width:380px}.commission-validation>div{display:flex;gap:10px}.commission-reopen,.commission-history{padding:24px}.commission-reopen form{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end}.commission-history article{display:grid;grid-template-columns:minmax(180px,.5fr) minmax(220px,.7fr) 1fr;gap:14px;padding:12px 0;border-bottom:1px solid #e3e8e9}.commission-history article p{margin:0}.agent-wallet-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border-radius:22px;background:linear-gradient(125deg,#082a40,#254d61);color:#fff}.agent-wallet-hero h1{margin:5px 0;color:#fff}.wallet-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.wallet-metrics article{padding:20px;border:1px solid #d7dfe2;border-radius:18px;background:#fff}.wallet-metrics span{display:block;color:#65747b}.wallet-metrics strong{display:block;margin-top:7px;font-size:27px;color:#0d314a}.wallet-entry-table{width:100%;border-collapse:collapse}.wallet-entry-table th,.wallet-entry-table td{padding:13px;border-bottom:1px solid #e3e8e9;text-align:left}.wallet-entry-table th{color:#5e6b72;font-size:13px;text-transform:uppercase}.wallet-status{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eef3f5;font-size:12px;font-weight:800}.wallet-status--validated,.wallet-status--available{background:#e6f5ed;color:#166b4a}.wallet-status--estimated{background:#fff2e7;color:#9d5221}
@media(max-width:1100px){.commission-summary-editor{grid-template-columns:repeat(3,minmax(0,1fr))}.commission-row,.commission-split-row{grid-template-columns:repeat(2,minmax(0,1fr)) 42px}.commission-row>button{grid-column:3}.wallet-metrics{grid-template-columns:1fr 1fr}}@media(max-width:720px){.sales-hero__actions,.direct-sale-submit,.commission-hero,.commission-section>header,.commission-validation,.agent-wallet-hero{align-items:stretch;flex-direction:column}.sales-hero__actions .button,.direct-sale-submit .button,.commission-validation .button{width:100%}.direct-external-fields{grid-template-columns:1fr}.commission-summary-editor{grid-template-columns:1fr 1fr}.commission-summary-editor>div,.commission-summary-editor>label{min-height:90px}.commission-row,.commission-split-row{display:flex;align-items:stretch;flex-direction:column}.commission-row>button{align-self:flex-end}.commission-row>strong{text-align:left}.commission-validation>div{width:100%;flex-direction:column}.commission-reopen form{grid-template-columns:1fr}.commission-history article{grid-template-columns:1fr}.wallet-metrics{grid-template-columns:1fr 1fr}.wallet-entry-table thead{display:none}.wallet-entry-table,.wallet-entry-table tbody,.wallet-entry-table tr,.wallet-entry-table td{display:block}.wallet-entry-table tr{margin-bottom:12px;border:1px solid #d7dfe2;border-radius:15px;overflow:hidden}.wallet-entry-table td{display:grid;grid-template-columns:42% 1fr;gap:10px}.wallet-entry-table td::before{content:attr(data-label);font-weight:800;color:#5e6b72}}@media(max-width:460px){.commission-summary-editor,.wallet-metrics{grid-template-columns:1fr}}

/* V0.28 · private profit distribution workspace and PDF preview */
.commission-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:18px;align-items:start}.commission-form-column{display:grid;gap:16px;min-width:0}.commission-preview-column{position:sticky;top:18px;display:grid;gap:12px}.commission-document{aspect-ratio:210/297;padding:34px 30px;border:1px solid #d9d0c6;border-radius:4px;background:#fff;box-shadow:0 18px 45px rgba(8,42,64,.14);color:#173344}.commission-document header{display:flex;align-items:center;gap:13px;padding-bottom:20px;border-bottom:2px solid #bd7b45}.commission-document__mark{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#0b3048;color:#fff;font-family:Georgia,serif;font-size:17px;font-weight:800}.commission-document header strong,.commission-document header small{display:block;letter-spacing:.08em}.commission-document header small{margin-top:3px;color:#b56f3b;font-size:9px}.commission-document__meta{display:grid;grid-template-columns:64px 1fr;gap:7px 12px;padding:20px 0;font-size:10px}.commission-document__meta span{color:#77858c;letter-spacing:.08em}.commission-document__total{display:flex;align-items:end;justify-content:space-between;gap:10px;padding:17px;border-radius:9px;background:#0b3048;color:#fff}.commission-document__total span{font-size:11px}.commission-document__total strong{font-family:Georgia,serif;font-size:22px}.commission-document section{margin-top:18px}.commission-document h3{margin:0 0 8px;color:#b56f3b;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.commission-document section p{display:flex;justify-content:space-between;gap:12px;margin:0;padding:7px 0;border-bottom:1px solid #ece8e3;font-size:10px}.commission-document footer{display:flex;justify-content:space-between;margin-top:24px;padding-top:10px;border-top:1px solid #d9d0c6;color:#77858c;font-size:8px}.commission-pdf-button{width:100%}.commission-preview-help{margin:0;color:#68777e;font-size:12px;text-align:center}.task-card__open{display:flex;align-items:center;justify-content:center;gap:7px;margin:12px 0 3px;padding:9px;border-radius:10px;background:#0d314a;color:#fff!important;font-size:13px;font-weight:800;text-decoration:none}.task-card h3 a{color:inherit;text-decoration:none}.task-card--actionable{border-color:#c78652;box-shadow:0 10px 25px rgba(13,49,74,.09)}
@media(max-width:1180px){.commission-workspace{grid-template-columns:1fr}.commission-preview-column{position:static;max-width:620px;margin:auto;width:100%}}
@media print{body *{visibility:hidden!important}.commission-document,.commission-document *{visibility:visible!important}.commission-document{position:absolute;inset:0;width:210mm;height:297mm;padding:18mm 16mm;border:0;box-shadow:none}.app-sidebar,.app-header,.sidebar-scrim{display:none!important}@page{size:A4;margin:0}}

/* V0.28.1 · concluded-sales distribution directory */
.profit-distributions-page{gap:18px}.profit-distributions-hero{align-items:center}.profit-distributions-hero__mark{display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 10px;min-width:190px;padding:18px 22px;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(255,255,255,.08)}.profit-distributions-hero__mark .icon{grid-row:1/3;width:34px;height:34px;color:#d49765}.profit-distributions-hero__mark strong{font-size:27px;line-height:1}.profit-distributions-hero__mark span{color:#dce9ee;font-size:12px}.profit-distribution-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.profit-distribution-metrics article{padding:18px 20px;border:1px solid #d8e0e3;border-radius:17px;background:#fff}.profit-distribution-metrics span{display:block;color:#68777e;font-size:13px}.profit-distribution-metrics strong{display:block;margin-top:5px;color:#0d314a;font-size:25px}.profit-distribution-search{display:flex;gap:10px}.profit-distribution-search label{display:flex;align-items:center;gap:10px;flex:1;padding:0 14px;border:1px solid #cbd5d9;border-radius:13px;background:#fff}.profit-distribution-search input{width:100%;padding:13px 0;border:0;outline:0;font-size:15px}.profit-distribution-list{padding:0;overflow:hidden}.profit-distribution-list>header{padding:22px 24px;border-bottom:1px solid #e1e7e9}.profit-distribution-list h2,.profit-distribution-list p{margin:3px 0}.profit-distribution-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px}.profit-sale-card{display:grid;grid-template-columns:1fr auto;gap:16px;padding:20px;border:1px solid #dce3e5;border-radius:17px;background:#fff}.profit-sale-card.is-pending{border-color:#d19a6c;box-shadow:0 9px 25px rgba(177,107,53,.09)}.profit-sale-card__status{grid-column:1/-1;display:flex;align-items:center;gap:7px;color:#9a5a2d;font-size:12px;font-weight:800;text-transform:uppercase}.profit-sale-card.is-validated .profit-sale-card__status{color:#267253}.profit-sale-card__identity span{color:#b56f3b;font-size:12px;font-weight:800}.profit-sale-card__identity h3{margin:4px 0;color:#0d314a}.profit-sale-card__identity p{margin:0;color:#68777e}.profit-sale-card dl{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:0}.profit-sale-card dl div{padding:10px 12px;border-radius:10px;background:#f5f7f8}.profit-sale-card dt{color:#75838a;font-size:11px}.profit-sale-card dd{margin:3px 0 0;color:#173344;font-weight:800}.profit-sale-card .button{grid-column:1/-1;justify-content:center}
@media(max-width:900px){.profit-distribution-cards{grid-template-columns:1fr}}@media(max-width:620px){.profit-distribution-metrics{grid-template-columns:1fr}.profit-distribution-search{flex-direction:column}.profit-distribution-search label{flex:none}.profit-sale-card{grid-template-columns:1fr}.profit-sale-card dl{grid-template-columns:1fr}.profit-distributions-hero__mark{width:100%}}

.sales-hero,
.sale-detail-hero,
.sales-client-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(1.25rem, 3vw, 3rem);
  padding: clamp(1.6rem, 3.5vw, 3rem);
  margin-bottom: 1.25rem;
  border: 1px solid rgba(182, 111, 53, .28);
  border-radius: 1.5rem;
  background:
    radial-gradient(circle at 92% 12%, rgba(202, 138, 82, .24), transparent 28%),
    linear-gradient(125deg, #071f31 0%, #123e59 64%, #204e64 100%);
  color: #fff;
  box-shadow: 0 1.25rem 2.5rem rgba(6, 30, 46, .16);
}

.sales-hero h1,
.sale-detail-hero h1,
.sales-client-hero h1 {
  margin: .25rem 0 .55rem;
  color: #fff;
  font-size: clamp(2rem, 3vw, 3.25rem);
  line-height: 1.02;
}

.sales-hero p,
.sale-detail-hero p,
.sales-client-hero p {
  max-width: 52rem;
  margin: 0;
  color: rgba(255, 255, 255, .82);
  font-size: 1rem;
  line-height: 1.55;
}

.sales-hero .eyebrow,
.sale-detail-hero .eyebrow,
.sales-client-hero .eyebrow {
  color: #efbd83;
}

.sales-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(10.5rem, 1fr));
  gap: .8rem;
  margin-bottom: 1rem;
}

.sales-metrics > a {
  display: grid;
  grid-template-columns: 2.6rem 1fr;
  grid-template-rows: auto auto;
  gap: .1rem .7rem;
  min-height: 5.5rem;
  padding: 1rem;
  border: 1px solid var(--sales-line);
  border-radius: 1rem;
  background: #fff;
  color: var(--sales-ink);
  text-decoration: none;
  box-shadow: 0 .45rem 1.2rem rgba(13, 46, 66, .055);
}

.sales-metrics > a > span {
  display: grid;
  grid-row: 1 / 3;
  place-items: center;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: .8rem;
  background: #e9f2f6;
  color: var(--sales-blue);
}

.sales-metrics small { align-self: end; color: #5e7381; font-size: .82rem; font-weight: 700; }
.sales-metrics strong { font-size: 1.6rem; line-height: 1; }
.sales-metrics > a.is-alert > span { background: #fff0e7; color: #bb5b2b; }
.sales-metrics > a:hover { transform: translateY(-2px); border-color: #9bb7c7; }

.sales-filter-bar {
  display: grid;
  grid-template-columns: minmax(17rem, 1.7fr) repeat(5, minmax(10.5rem, .8fr)) auto;
  gap: .65rem;
  align-items: center;
  margin-bottom: 1rem;
  padding: .75rem;
  border: 1px solid var(--sales-line);
  border-radius: 1rem;
  background: #fff;
}

.sales-filter-bar--clients { grid-template-columns: minmax(18rem, 1fr) auto; }
.sales-filter-bar__search { position: relative; display: flex; align-items: center; }
.sales-filter-bar__search .icon { position: absolute; left: 1rem; color: #6f8491; pointer-events: none; }
.sales-filter-bar input,
.sales-filter-bar select,
.reservation-form input,
.reservation-form select,
.reservation-form textarea,
.sale-workflow-card input,
.sale-workflow-card select,
.sale-payment-editor input,
.sale-payment-editor textarea {
  width: 100%;
  min-height: 3rem;
  padding: .72rem 1rem;
  border: 1px solid #cbd7dd;
  border-radius: .72rem;
  background-color: #fff;
  color: var(--sales-ink);
  font: inherit;
  font-size: .94rem;
}

.sales-filter-bar select,
.reservation-form select,
.sale-workflow-card select { padding-right: 2.8rem; background-position: right 1rem center; }
.sales-filter-bar__search input { padding-left: 2.85rem; }

.sales-list-panel,
.sale-finance-card,
.sale-workflow-card,
.sale-history-card { overflow: hidden; border-radius: 1.25rem; }
.sales-panel-heading { display: flex; justify-content: space-between; padding: 1.2rem 1.35rem; border-bottom: 1px solid #e2e8eb; }
.sales-panel-heading h2 { margin: .15rem 0 .25rem; color: var(--sales-ink); font-size: 1.45rem; }
.sales-panel-heading p { margin: 0; color: #617682; font-size: .9rem; }

.sales-table-wrap { width: 100%; overflow-x: auto; }
.sales-table { width: 100%; min-width: 72rem; border-collapse: collapse; table-layout: auto; }
.sales-table th { padding: .85rem 1rem; background: #f0f6f8; color: #4d6877; font-size: .76rem; text-align: left; text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; }
.sales-table td { padding: 1rem; border-top: 1px solid #e5ebee; color: var(--sales-ink); font-size: .88rem; vertical-align: middle; }
.sales-table td strong,
.sales-table td small { display: block; }
.sales-table td small { margin-top: .25rem; color: #718590; font-size: .78rem; }
.sales-table td a { color: inherit; text-decoration: none; }
.sales-row { cursor: pointer; transition: background .16s ease; }
.sales-row:hover { background: #f8fbfc; }
.sales-row.is-due-soon { box-shadow: inset .25rem 0 #d58b3e; }
.sales-row.is-overdue { background: #fff8f6; box-shadow: inset .25rem 0 var(--sales-red); }

.sales-status,
.sales-state {
  display: inline-flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  padding: .36rem .62rem;
  border-radius: 999px;
  background: #eaf2f6;
  color: #245975;
  font-size: .75rem;
  font-weight: 800;
  line-height: 1.2;
}

.sales-status--contract_signed,
.sales-status--construction,
.sales-status--ready,
.sales-status--delivered,
.sales-state--complete,
.sales-state--payment-paid { background: #e5f4ec; color: #236d50; }
.sales-status--reservation_confirmed { background: var(--sales-copper-soft); color: #98551f; }
.sales-status--cancelled,
.sales-state--blocked,
.sales-state--payment-overdue { background: #fde9e7; color: #a63b34; }
.sales-state--action_required,
.sales-state--payment-partial { background: #fff1e3; color: #a65e22; }
.sales-deadline { color: #a25c25 !important; font-weight: 800; }
.sales-deadline.is-overdue { color: var(--sales-red) !important; }
.sales-empty { padding: 2rem; color: #617682; text-align: center; }

.sales-client-grid { display: grid; grid-template-columns: repeat(3, minmax(17rem, 1fr)); gap: 1rem; }
.sales-client-card { position: relative; display: grid; grid-template-columns: 3.25rem 1fr auto; gap: 1rem; align-items: center; min-height: 12rem; padding: 1.25rem; color: inherit; text-decoration: none; }
.sales-client-card__avatar { display: grid; place-items: center; width: 3.25rem; height: 3.25rem; border-radius: .9rem; background: var(--sales-navy); color: #fff; font-weight: 900; }
.sales-client-card__copy h2 { margin: .15rem 0 .3rem; color: var(--sales-ink); font-size: 1.3rem; }
.sales-client-card__copy p,
.sales-client-card__copy small { display: block; margin: .15rem 0; color: #617682; overflow-wrap: anywhere; }
.sales-client-card__stats { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; }
.sales-client-card__stats span { padding: .75rem; border-radius: .8rem; background: #f1f6f8; }
.sales-client-card__stats strong,
.sales-client-card__stats small { display: block; }
.sales-client-card__stats strong { color: var(--sales-ink); }
.sales-client-card__stats small { margin-top: .2rem; color: #6a7e89; font-size: .76rem; }

.reservation-form { padding: 0; overflow: hidden; }
.reservation-form__section { padding: 1.4rem clamp(1rem, 3vw, 2rem); border-bottom: 1px solid #e4eaed; }
.reservation-form__section > header { display: flex; align-items: center; gap: .8rem; margin-bottom: 1.15rem; }
.reservation-form__section > header > span { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: .65rem; background: var(--sales-navy); color: #fff; font-weight: 900; }
.reservation-form__section h2 { margin: 0; color: var(--sales-ink); font-size: 1.35rem; }
.reservation-form .form-grid,
.sale-workflow-card .form-grid,
.sale-payment-editor .form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.reservation-form .field,
.sale-workflow-card .field,
.sale-payment-editor .field { display: grid; gap: .42rem; }
.reservation-form .field > span,
.sale-workflow-card .field > span,
.sale-payment-editor .field > span { color: var(--sales-ink); font-size: .88rem; font-weight: 800; }
.reservation-form .field small { color: #647a87; font-size: .78rem; line-height: 1.4; }
.reservation-lead-summary { display: grid; grid-template-columns: 3rem 1fr auto; gap: .8rem; align-items: center; padding: .9rem; border-radius: .9rem; background: #eef5f8; }
.reservation-lead-summary > span { display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: .8rem; background: var(--sales-blue); color: #fff; font-weight: 900; }
.reservation-lead-summary strong,
.reservation-lead-summary small { display: block; }
.reservation-lead-summary small { color: #647a87; }
.reservation-lead-summary em { color: var(--sales-blue); font-style: normal; font-weight: 800; }
.reservation-price-card { display: flex; align-items: center; gap: .9rem; padding: 1rem; border: 1px solid #bed2dc; border-radius: .9rem; background: #eef6f8; }
.reservation-price-card > span { color: var(--sales-copper); }
.reservation-price-card small,
.reservation-price-card strong { display: block; }
.reservation-price-card strong { margin-top: .2rem; color: var(--sales-navy); font-size: 1.35rem; }
.reservation-form__submit { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.2rem clamp(1rem, 3vw, 2rem); background: #f5f8f9; }
.reservation-form__submit p { display: flex; align-items: center; gap: .5rem; margin: 0; color: #6c512f; font-size: .86rem; }

.sale-detail-hero { align-items: stretch; }
.sale-detail-hero__badges { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: 1rem; }
.sale-contract-clock { display: grid; grid-template-columns: auto 1fr; grid-template-rows: repeat(4, auto); column-gap: .8rem; min-width: 15rem; padding: 1.1rem 1.25rem; border: 1px solid rgba(255,255,255,.25); border-radius: 1rem; background: rgba(255,255,255,.1); }
.sale-contract-clock > span { grid-row: 1 / -1; display: grid; place-items: center; align-self: center; width: 3rem; height: 3rem; border-radius: .9rem; background: rgba(255,255,255,.12); color: #f0bf85; }
.sale-contract-clock small { color: rgba(255,255,255,.7); font-weight: 700; }
.sale-contract-clock strong { color: #fff; font-size: 2.25rem; line-height: 1; }
.sale-contract-clock em { color: #fff; font-style: normal; font-weight: 700; }
.sale-contract-clock time { color: rgba(255,255,255,.72); font-size: .8rem; }
.sale-contract-clock.is-overdue { border-color: rgba(255,150,130,.55); background: rgba(128,25,20,.28); }

.sale-detail-grid,
.sales-client-detail-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin-bottom: 1rem; }
.sales-client-detail-grid { grid-template-columns: 2fr 1fr; }
.sale-detail-grid--lower { grid-template-columns: 1fr 1fr; }
.sales-detail-card { min-width: 0; padding: 1.2rem; }
.sales-detail-card > header { display: flex; justify-content: space-between; gap: 1rem; padding-bottom: .85rem; border-bottom: 1px solid #e3e9ec; }
.sales-detail-card > header h2 { margin: .15rem 0 0; color: var(--sales-ink); font-size: 1.2rem; overflow-wrap: anywhere; }
.sales-detail-card > header > .icon { color: var(--sales-copper); }
.sales-facts { display: grid; gap: .1rem; margin: .8rem 0; }
.sales-facts > div { display: grid; grid-template-columns: minmax(7rem, .8fr) 1.2fr; gap: .7rem; padding: .55rem 0; border-bottom: 1px solid #eef1f3; }
.sales-facts dt { color: #667b87; font-size: .79rem; }
.sales-facts dd { margin: 0; color: var(--sales-ink); font-size: .84rem; font-weight: 750; overflow-wrap: anywhere; }
.sale-property-highlight { display: grid; grid-template-columns: auto 1fr auto; gap: .7rem; align-items: center; padding: .8rem; margin-top: .8rem; border-radius: .85rem; background: #edf5f8; }
.sale-property-highlight > span { padding: .55rem .65rem; border-radius: .55rem; background: var(--sales-navy); color: #fff; font-weight: 900; }
.sale-property-highlight strong,
.sale-property-highlight small { display: block; }
.sale-property-highlight small { color: #667b87; }
.sale-property-highlight em { color: #9d5822; font-style: normal; font-weight: 900; white-space: nowrap; }

.sale-workflow-card { margin-bottom: 1rem; }
.sale-workflow-card form { padding: 1.2rem; }
.sale-workflow-card .form-actions { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.sale-workflow-card .form-actions p { margin: 0; color: #765c3d; font-size: .84rem; }

.sale-finance-card { margin-bottom: 1rem; }
.sale-installments { padding: .35rem 1.2rem 1.2rem; }
.sale-installments > article { display: grid; grid-template-columns: 2.25rem minmax(10rem, 1.5fr) minmax(9rem, .7fr) auto; gap: .8rem; align-items: center; padding: 1rem 0; border-bottom: 1px solid #e5ebee; }
.sale-installment__number { display: grid; place-items: center; width: 2.25rem; height: 2.25rem; border-radius: .65rem; background: var(--sales-navy); color: #fff; font-weight: 900; }
.sale-installment__copy strong,
.sale-installment__copy small,
.sale-installment__amount strong,
.sale-installment__amount small { display: block; }
.sale-installment__copy small,
.sale-installment__amount small { margin-top: .2rem; color: #6b7f89; font-size: .78rem; }
.sale-installment__amount { text-align: right; }
.sale-payment-editor { grid-column: 2 / -1; padding: .75rem; border: 1px solid #d7e2e7; border-radius: .85rem; background: #f5f9fa; }
.sale-payment-editor summary { display: flex; align-items: center; gap: .45rem; color: var(--sales-blue); cursor: pointer; font-weight: 800; }
.sale-payment-editor form { margin-top: 1rem; }

.sale-document-list { display: grid; margin-top: .6rem; }
.sale-document-list a { display: grid; grid-template-columns: 2rem 1fr auto; gap: .6rem; align-items: center; padding: .7rem 0; border-bottom: 1px solid #e7ecef; color: inherit; text-decoration: none; }
.sale-document-list strong,
.sale-document-list small { display: block; overflow-wrap: anywhere; }
.sale-document-list small { color: #6a7e89; }
.sale-document-list em { color: var(--sales-blue); font-size: .78rem; font-style: normal; font-weight: 800; }
.sales-sensitive-note { display: flex; align-items: flex-start; gap: .5rem; padding: .75rem; border-radius: .75rem; background: #f6f1eb; color: #70583e; font-size: .8rem; line-height: 1.45; }

.sale-history-card { margin-bottom: 1rem; }
.sale-history-list { padding: .5rem 1.3rem 1.2rem; }
.sale-history-list article { display: grid; grid-template-columns: 1rem 1fr; gap: .65rem; padding: .75rem 0; border-bottom: 1px solid #e7ecef; }
.sale-history-list article > span { width: .65rem; height: .65rem; margin-top: .3rem; border-radius: 50%; background: var(--sales-copper); box-shadow: 0 0 0 .25rem #f7eadf; }
.sale-history-list strong,
.sale-history-list small { display: block; }
.sale-history-list small { margin-top: .2rem; color: #6a7e89; }
.sale-history-list p { margin: .35rem 0 0; color: #526b79; }

.sales-client-hero { justify-content: flex-start; }
.sales-client-hero .sales-status { margin-left: auto; }
.sales-client-portal-note { display: grid; align-content: center; justify-items: start; padding: 1.2rem; background: linear-gradient(145deg, #edf4f7, #fff); }
.sales-client-portal-note .icon { color: var(--sales-copper); }
.sales-client-portal-note h2 { color: var(--sales-ink); font-size: 1rem; line-height: 1.45; }
.sales-acquisition-grid { display: grid; grid-template-columns: repeat(3, minmax(15rem, 1fr)); gap: .85rem; padding: 1.2rem; }
.sales-acquisition-grid > a { display: grid; gap: .4rem; padding: 1rem; border: 1px solid #dce5e9; border-radius: .9rem; color: inherit; text-decoration: none; }
.sales-acquisition-grid h3 { margin: .2rem 0 0; color: var(--sales-ink); }
.sales-acquisition-grid p,
.sales-acquisition-grid small { margin: 0; color: #647a87; }
.sales-acquisition-grid > a > strong { color: #9d5822; font-size: 1.1rem; }

@media (max-width: 1500px) {
  .sales-metrics { grid-template-columns: repeat(3, minmax(11rem, 1fr)); }
  .sales-filter-bar { grid-template-columns: minmax(16rem, 1.5fr) repeat(2, minmax(10rem, 1fr)); }
  .sales-filter-bar .button { min-height: 3rem; }
  .sale-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1100px) {
  .sales-client-grid { grid-template-columns: repeat(2, minmax(16rem, 1fr)); }
  .sales-table { min-width: 0; }
  .sales-table thead { display: none; }
  .sales-table,
  .sales-table tbody { display: grid; }
  .sales-table tbody { grid-template-columns: repeat(2, minmax(18rem, 1fr)); gap: .8rem; padding: .8rem; }
  .sales-table tr { display: grid; grid-template-columns: 1fr 1fr; min-width: 0; padding: .9rem; border: 1px solid #dce5e9; border-radius: .9rem; background: #fff; }
  .sales-table td { display: grid; align-content: start; min-width: 0; padding: .55rem; border: 0; }
  .sales-table td::before { content: attr(data-label); margin-bottom: .25rem; color: #718590; font-size: .68rem; font-weight: 800; text-transform: uppercase; }
  .sales-table td:first-child,
  .sales-table td:nth-child(2),
  .sales-table td:nth-child(4) { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
  .sales-hero,
  .sale-detail-hero,
  .sales-client-hero { align-items: flex-start; flex-direction: column; padding: 1.25rem; border-radius: 1.1rem; }
  .sales-hero .button { width: 100%; justify-content: center; }
  .sales-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sales-metrics > a { grid-template-columns: 2.25rem 1fr; min-height: 4.75rem; padding: .8rem; }
  .sales-metrics > a > span { width: 2.25rem; height: 2.25rem; }
  .sales-filter-bar,
  .sales-filter-bar--clients { grid-template-columns: 1fr; }
  .sales-client-grid,
  .sales-acquisition-grid,
  .sales-table tbody { grid-template-columns: 1fr; }
  .sales-client-card { grid-template-columns: 3rem 1fr auto; }
  .reservation-form .form-grid,
  .sale-workflow-card .form-grid,
  .sale-payment-editor .form-grid,
  .sale-detail-grid,
  .sale-detail-grid--lower,
  .sales-client-detail-grid { grid-template-columns: 1fr; }
  .reservation-form__section { padding: 1.1rem; }
  .reservation-form__submit,
  .sale-workflow-card .form-actions { align-items: stretch; flex-direction: column; }
  .reservation-form__submit .button,
  .sale-workflow-card .form-actions .button { width: 100%; justify-content: center; }
  .reservation-lead-summary { grid-template-columns: 3rem 1fr; }
  .reservation-lead-summary em { grid-column: 2; }
  .sale-contract-clock { width: 100%; min-width: 0; }
  .sales-table tr { grid-template-columns: 1fr; }
  .sales-table td,
  .sales-table td:first-child,
  .sales-table td:nth-child(2),
  .sales-table td:nth-child(4) { grid-column: auto; }
  .sale-installments > article { grid-template-columns: 2.25rem 1fr auto; }
  .sale-installment__amount { grid-column: 2; text-align: left; }
  .sale-installments .sales-state { grid-column: 3; grid-row: 1 / 3; }
  .sale-payment-editor { grid-column: 1 / -1; }
  .sale-property-highlight { grid-template-columns: auto 1fr; }
  .sale-property-highlight em { grid-column: 1 / -1; }
}

@media (max-width: 430px) {
  .sales-metrics { grid-template-columns: 1fr; }
  .sales-metrics > a { min-height: 4.4rem; }
  .sales-client-card { grid-template-columns: 2.8rem 1fr; }
  .sales-client-card > .icon { display: none; }
  .sales-client-card__stats { grid-template-columns: 1fr; }
  .sale-installments > article { grid-template-columns: 2rem 1fr; }
  .sale-installments .sales-state { grid-column: 2; grid-row: auto; }
}
.sales-fly-buy-fact{padding:10px 12px!important;border-radius:12px;background:#fff4e7}.sales-fly-buy-fact dd{color:#9a4c1c!important}.sales-fly-buy-badge{display:block;width:max-content;margin-top:8px;padding:5px 9px;border-radius:999px;background:#fff0df;color:#96501f;font-size:13px;font-style:normal;font-weight:800}
.sale-client-receipt-card{margin-top:1.25rem}.sale-client-receipt-card .sales-panel-heading p{max-width:780px;margin:.35rem 0 0;color:#657680}.sale-client-receipt-card>form{margin-top:1rem}

/* V0.28.2: space each distribution section, including empty lists. */
.profit-distributions-page, .commission-page { display: grid; gap: 26px; align-content: start; }
.profit-distributions-page > *, .commission-page > * { min-width: 0; margin-block: 0; }
.profit-distribution-metrics { gap: 18px; }
.profit-distribution-metrics article { padding: 23px 24px; }
.profit-distribution-search { gap: 12px; padding: 16px; border: 1px solid var(--sales-line); border-radius: 18px; background: #fff; flex-wrap: wrap; }
.profit-distribution-search label { min-width: 0; flex-basis: 260px; }
.profit-distribution-search input { min-width: 0; }
.profit-distribution-search label:focus-within { outline: 2px solid #438271; outline-offset: 2px; }
.profit-distribution-list > header { padding: 26px 28px; }
.profit-distribution-cards { gap: 20px; padding: 24px; }
.profit-distribution-cards > .sales-empty { grid-column: 1 / -1; padding: 44px 24px; }
.profit-sale-card { gap: 20px; padding: 24px; }
.profit-sale-card dl { gap: 12px; }
.profit-sale-card dd { overflow-wrap: anywhere; }
@media (max-width: 620px) {
  .profit-distributions-page, .commission-page { gap: 20px; }
  .profit-distribution-search { padding: 12px; }
  .profit-distribution-search label { flex-basis: auto; }
  .profit-distribution-cards, .profit-distribution-list > header { padding: 18px; }
  .profit-sale-card { padding: 18px; }
}
/* Client administration: access delivery and explicit permanent deletion. */
.client-access-panel {display:flex;flex-direction:column;gap:16px;min-width:0}
.client-access-panel p,.client-delete-panel p {margin:0;line-height:1.65}
.client-access-panel .sales-facts {margin:0}
.client-access-panel .sales-facts dd {overflow-wrap:anywhere}
.client-access-note {font-size:.875rem;color:var(--muted,#667581)}
.client-access-form,.client-delete-form {display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.client-access-form .button,.client-delete-form .button {min-height:44px;white-space:normal;text-align:center}
.client-access-reset {border-top:1px solid var(--border,#dbe1e5);padding-top:16px}
.client-access-reset summary,.client-delete-panel summary {cursor:pointer;font-weight:650;min-height:44px;align-content:center}
.client-access-reset[open] {display:flex;flex-direction:column;gap:16px}
.client-access-reset[open] > p {margin:12px 0 16px}
.client-confirmation-check {display:flex;align-items:flex-start;gap:10px;line-height:1.5;font-size:.9rem}
.client-confirmation-check input {margin-top:4px;flex:none;width:18px;height:18px}
.client-delete-panel {border-color:#e8c9c8;margin-top:24px}
.client-delete-panel summary {color:#942e2b;display:flex;align-items:center;gap:12px;list-style:none}
.client-delete-panel summary::-webkit-details-marker {display:none}
.client-delete-panel details[open] > p {margin:16px 0}
.client-delete-counts {padding-left:22px;margin:16px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}
.client-delete-form {max-width:650px;margin-top:20px}
.client-delete-form .field {width:100%}
.client-delete-button {background:#922d2b;color:#fff;border:1px solid #922d2b}
.client-delete-button:hover {background:#762421;color:#fff}
.client-delete-form #client-delete-warning {color:#922d2b;font-size:.9rem}
@media(max-width:640px){.client-delete-counts{grid-template-columns:1fr}.client-access-form .button,.client-delete-form .button{width:100%}.client-access-form,.client-delete-form{align-items:stretch}}