/* customer-fields.js — four-part name hint, optional ID box, «mobile taken», rename button */
.cf-hint{display:block;grid-column:1/-1;margin-top:-.35rem;font-size:.78rem;line-height:1.6;color:#5b6472;font-weight:600}
.cf-hint--warn{color:#9a5b00}
.cf-hint--ok{color:#14803c}
.cf-id{grid-column:1/-1;display:grid;gap:.3rem;min-width:0}
.cf-id__l{font-size:.85rem;font-weight:700}
.cf-id__row{display:grid;grid-template-columns:minmax(0,9.5rem) minmax(0,1fr);gap:.5rem}
.cf-id__row select,.cf-id__row input{min-width:0;width:100%}
.cf-taken__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin:.5rem 0 .35rem}
.cf-taken__acts{display:flex;gap:.4rem;flex-wrap:wrap}
.cf-taken small{font-weight:600;color:#7a4b06}
.cf-rename{display:inline-flex;align-items:center;gap:.25rem;margin-inline-start:.5rem;padding:.2rem .55rem;border:1px solid #d7dce3;border-radius:8px;
  background:#fff;color:#334155;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer;vertical-align:middle;transition:background .15s,border-color .15s}
.cf-rename:hover,.cf-rename:focus-visible{background:#f1f5f9;border-color:#94a3b8}
.cf-rename svg{width:14px;height:14px}
.cf-pp{display:inline-flex;gap:.35rem;align-items:center;font-size:.78rem;color:#475569}
.cf-pp--old{color:#b42318}
@media (max-width:520px){.cf-id__row{grid-template-columns:1fr}}