/* Commercial details use the existing INTEIRE type and surface tokens. */
.commercial-detail { line-height: 1.55; }
.commercial-detail h3 { font-size: 15px; font-weight: 650; letter-spacing: -.01em; margin: 28px 0 12px; padding-top: 18px; border-top: 1px solid var(--line); }
.commercial-detail p { margin: 8px 0; }
.commercial-detail ul, .commercial-detail ol { padding-left: 20px; margin: 12px 0 18px; }
.commercial-detail li { padding: 3px 0; overflow-wrap: anywhere; }
.commercial-detail .detail-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0; }
.commercial-detail details summary { cursor: pointer; }
.commercial-detail details[open] { padding-bottom: 8px; }
.commercial-filters { display:flex; flex-wrap:wrap; gap:12px 18px; margin:20px 0 10px; }
.commercial-filters label { display:grid; gap:6px; min-width:min(100%, 170px); color:var(--muted); font-size:13px; font-weight:600; }
.commercial-filters select { min-height:40px; padding:8px 30px 8px 12px; border:1px solid var(--line); border-radius:10px; background:var(--surface); color:var(--ink); font:inherit; }
.commercial-filters select:focus-visible { outline:2px solid var(--focus); outline-offset:2px; }
.commercial-result-count { color:var(--muted); font-size:13px; margin:8px 0 12px; }
.commercial-next { min-width:180px; overflow-wrap:anywhere; }
.commercial-next strong { font-weight:600; }
.commercial-next small { display:inline-block; margin-top:4px; color:var(--muted); line-height:1.35; }
.commercial-next--overdue small { color:var(--accent); font-weight:650; }
.commercial-next--completed strong { color:var(--muted); }
@media (max-width:600px) { .commercial-filters label { flex:1 1 145px; } }
.commercial-line, .commercial-installment { display: grid; gap: 12px; grid-column: 1 / -1; margin: 8px 0 16px; }
.commercial-line legend, .commercial-installment legend { font-weight: 600; }
#commercial-lines, #commercial-installments { grid-column: 1 / -1; }
/* Quadro do piloto: gesto e comando equivalente acessível. */
.pilot-crm-lane {
  min-height: 120px;
  transition: background-color 140ms ease, outline-color 140ms ease;
}
.pilot-crm-lane.drop-ready {
  outline: 2px solid var(--focus);
  outline-offset: 3px;
  border-radius: 10px;
  background: color-mix(in srgb, var(--focus) 7%, transparent);
}
.pilot-crm-card[draggable=true] { cursor: grab; }
.pilot-crm-card.pilot-crm-dragging { opacity: .55; cursor: grabbing; }
.pilot-crm-move { min-height: 40px; margin: 8px 8px 0 0; }
.pilot-crm-choices { display: flex; flex-wrap: wrap; gap: 8px; }
.pilot-crm-choices .button { min-height: 44px; }
@media (prefers-reduced-motion: reduce) {
  .pilot-crm-lane { transition: none; }
}