/* ============================================================
   Categories: icon picker.
   ============================================================ */

/* Category icon picker */
.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px;max-height:180px;overflow-y:auto;padding:4px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-2)}
.icon-opt{font-size:var(--fs-lg);line-height:1;padding:7px 0;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;cursor:pointer;transition:background .12s,border-color .12s}
.icon-opt:hover{background:var(--surface-hover)}
.icon-opt.on{border-color:var(--brand);background:var(--brand-bg)}