.icon-field > span { display:block;color:#52677e;font-size:13px;font-weight:600; }
.icon-picker { display:grid;grid-template-columns:repeat(7,1fr);gap:9px;margin-top:8px; }
.icon-choice { min-width:0;padding:9px 5px 7px;border:1px solid rgba(75,86,125,.15);border-radius:13px;background:rgba(255,255,255,.62);color:#63708d;cursor:pointer;transition:.2s; }
.icon-choice b,.icon-choice small { display:block; }
.icon-choice b { font:600 23px/1 Kanit; }
.icon-choice small { margin-top:6px;overflow:hidden;text-overflow:ellipsis;font:500 9px Sarabun;white-space:nowrap; }
.icon-choice:hover { transform:translateY(-2px);border-color:#8a55dd;color:#7251d2; }
.icon-choice.selected { border-color:#7655df;background:linear-gradient(145deg,#7255df,#d950a5);color:#fff;box-shadow:0 8px 18px rgba(105,73,203,.26); }
@media(max-width:620px){.icon-picker{grid-template-columns:repeat(4,1fr)}}