.ui-icon-input>.form-control{min-width:0;border-radius:8px 0 0 8px!important}
.ui-icon-input>.ui-icon-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:62px;border-radius:0 8px 8px 0!important}
.ui-icon-picker-open.show .modal-dialog{transform:none}
.ui-icon-picker{position:fixed;z-index:1090;box-sizing:border-box;width:360px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:14px;border:1px solid #dce5f0;border-radius:14px;background:#fff;color:#31445e;box-shadow:0 12px 36px rgba(27,47,83,.2);overflow:hidden}
.ui-icon-picker[hidden]{display:none!important}
.ui-icon-picker-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.ui-icon-picker-close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}
.ui-icon-picker-close:hover{background:#eeebfc;color:#5746a5}
.ui-icon-picker-count{margin:10px 0;font-size:12px;color:#687b93}
.ui-icon-picker-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-height:min(280px,45dvh);overflow-y:auto;overscroll-behavior:contain;padding:3px}
.ui-icon-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:58px;padding:8px 3px;border:1px solid #e2e7f0;border-radius:9px;background:#fff;color:#40577a;cursor:pointer}
.ui-icon-option>.fa{font-size:21px;line-height:1.2}
.ui-icon-option small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}
.ui-icon-option:hover,.ui-icon-option.is-selected{background:#f0ecff;border-color:#8f7cdf;color:#5746b5}
.ui-icon-picker button:focus-visible{outline:2px solid #9583e6;outline-offset:1px}
.ui-icon-empty{grid-column:1/-1;margin:12px 0;font-size:13px}
.dark-mode .ui-icon-picker{background:#272c40;border-color:#52617c;color:#e1e7f5}
.dark-mode .ui-icon-picker-count{color:#bac6da}
.dark-mode .ui-icon-option{background:#2e3449;border-color:#46516a;color:#dce7f8}
.dark-mode .ui-icon-option:hover,.dark-mode .ui-icon-option.is-selected,.dark-mode .ui-icon-picker-close:hover{background:#3d375e;border-color:#a18cff;color:#e0d7ff}
.dark-mode .ui-icon-input>.ui-icon-toggle{color:#c9c0ff!important;border-color:#897be8!important;background:transparent}
.dark-mode .ui-icon-input>.ui-icon-toggle:hover{background:#3d375e}
@media(max-width:380px){.ui-icon-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}