/* Style riêng: nhóm ô địa chỉ (js/address-fields.js) và hiển thị địa chỉ khách (đợt 4). */

.addr-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px; }
.addr-paste { padding: 10px 12px; border: 1px dashed var(--line-strong); border-radius: var(--radius-sm); background: var(--surface-2); }
.addr-paste-row { display: flex; gap: 8px; align-items: stretch; }
.addr-paste-row input { flex: 1 1 auto; min-width: 0; }
.addr-paste-row .btn { flex: 0 0 auto; white-space: nowrap; }
.addr-hint { margin-top: 2px; }
.addr-split-msg { margin: 6px 0 0; line-height: 1.5; }
.addr-foot { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 14px; }
.addr-check { margin: 0; line-height: 1.5; overflow-wrap: anywhere; }
.addr-map { color: var(--accent-strong); font-weight: 600; white-space: nowrap; }
.addr-map:hover { text-decoration: underline; }

.addr-check.is-ok, .addr-split-msg.is-ok { color: var(--accent-strong); }
.addr-check.is-warn, .addr-split-msg.is-warn { color: var(--warn); }
.addr-check.is-muted, .addr-split-msg.is-muted { color: var(--muted); }

/* Địa chỉ trên thẻ khách / hồ sơ khách */
.cust-addr { display: flex; flex-wrap: wrap; gap: 2px 10px; align-items: baseline; overflow-wrap: anywhere; }
.cust-addr .addr-map { font-size: 12px; }
.cust-note { white-space: pre-wrap; overflow-wrap: anywhere; text-align: right; }
.list-row .cust-addr { justify-content: flex-end; text-align: right; }

@media (max-width: 860px) {
  .addr-fields { grid-template-columns: minmax(0, 1fr); }
  .addr-paste-row { flex-direction: column; }
  .list-row .cust-addr, .cust-note { justify-content: flex-start; text-align: left; }
}
.addr-split-warn { display: block; }