.quote-related-record {
  display: flex;
  align-items: center;
  gap: 11px;
  width: 100%;
  margin-bottom: 14px;
  padding: 13px 15px;
  color: var(--ink);
  text-align: left;
}
.quote-related-record:hover { border-color: var(--brand); background: #fafaff; }
.quote-related-record > div { display: flex; flex-direction: column; }
.quote-related-record small { color: var(--brand); font-weight: 800; text-transform: uppercase; }
.quote-related-record span:last-child { color: var(--muted); font-size: 11px; }

.paid-pipeline-toggle {
  display: flex;
  align-items: center;
  gap: 7px;
  height: 40px;
  padding: 0 11px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #fff;
  font-size: 11px;
  font-weight: 700;
}
.paid-column { border-color: #9bdac1; background: #f3fbf7; }
.paid-card { cursor: pointer; }

.payment-conversion-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 16px; }
.multi-assignee-field { padding-top: 10px; border-top: 1px solid var(--line); }
.employee-checkbox-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
.employee-checkbox-grid > label { display: grid; grid-template-columns: 18px 30px 1fr; align-items: center; gap: 7px; padding: 8px; border: 1px solid var(--line); border-radius: 9px; background: #fafbfc; }
.employee-checkbox-grid .avatar { width: 28px; height: 28px; font-size: 9px; }
.employee-checkbox-grid label > span:last-child { display: flex; flex-direction: column; font-size: 11px; font-weight: 700; }
.employee-checkbox-grid small { color: var(--muted); font-size: 9px; }

.installation-quote-field select { height: 43px; border: 1px solid var(--line); border-radius: 9px; background: #fff; padding: 0 10px; }
.appointment-equipment-preview { display: grid; gap: 4px; margin-top: 8px; padding: 10px; border-radius: 9px; background: #f5f6ff; color: #4851a5; }
.appointment-equipment-preview:empty { display: none; }
.appointment-equipment-preview span { font-size: 10px; }
.appointment-equipment-panel { margin-top: 14px; padding: 13px; border: 1px solid #dfe2f7; border-radius: 10px; background: #fafaff; }
.appointment-equipment-panel h3 { margin-top: 0; }
.appointment-equipment-panel p { margin: 5px 0; }
.quotation-deal-card { border-left: 4px solid var(--brand); }
.deal-quotation-number { margin: 8px 0 2px; color: var(--brand); font-size: 11px; font-weight: 800; }

.delivery-modal { width: min(760px,100%); }
.delivery-choice { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-bottom: 15px; }
.delivery-choice label { display: flex; align-items: center; gap: 8px; padding: 13px; border: 1px solid var(--line); border-radius: 10px; background: #fafbfc; font-weight: 800; }
.delivery-equipment-list { display: grid; gap: 7px; }
.delivery-equipment-list > div { display: flex; align-items: center; gap: 12px; padding: 11px; border: 1px solid var(--line); border-radius: 9px; }
.delivery-equipment-list span { display: flex; flex: 1; flex-direction: column; }
.delivery-equipment-list small { color: var(--muted); }
.delivery-equipment-list input { width: 95px; height: 40px; border: 1px solid var(--line); border-radius: 8px; padding: 0 9px; }
.partial-follow-up { margin-top: 16px; padding: 14px; border: 1px solid #eed3a8; border-radius: 11px; background: #fff9ed; }
.partial-follow-up.hidden,.installation-quote-field.hidden { display: none; }

@media (max-width: 680px) {
  .payment-conversion-actions,.employee-checkbox-grid,.delivery-choice { grid-template-columns: 1fr; }
}