.icon-cell{align-items:center;gap:8px;display:flex}.icon-cell svg{color:var(--theme-elevation-700);flex-shrink:0}.icon-cell .icon-placeholder-sm{background:var(--theme-elevation-150);border-radius:4px;width:20px;height:20px;display:inline-block}.icon-cell .icon-cell-name{color:var(--theme-text);font-family:Monaco,Courier New,monospace;font-size:13px}.icon-cell-empty{color:var(--theme-elevation-400)}
.icon-select-field{margin-bottom:var(--base);position:relative}.icon-select-field .field-label-wrapper{margin-bottom:calc(var(--base)/2)}.icon-select-field .field-label{color:var(--theme-text);font-size:14px;font-weight:600}.icon-select-field .field-label .required{color:var(--theme-error-500);margin-left:4px}.icon-select-field .icon-provider-row{align-items:center;gap:calc(var(--base)/2);margin-bottom:var(--base);display:flex}.icon-select-field .icon-provider-row .icon-provider-label{color:var(--theme-elevation-600);flex-shrink:0;font-size:13px;font-weight:600}.icon-select-field .icon-provider-row .icon-provider-select{min-width:0;padding:calc(var(--base)*.75)var(--base);border:1px solid var(--theme-elevation-200);border-radius:var(--border-radius-m);background:var(--theme-input-bg);color:var(--theme-text);cursor:pointer;flex:1;font-size:14px}.icon-select-field .icon-provider-row .icon-provider-select:focus{border-color:var(--theme-elevation-500);box-shadow:0 0 0 3px var(--theme-elevation-100);outline:none}.icon-select-field .icon-provider-row .icon-provider-select:disabled{opacity:.65;cursor:not-allowed}.icon-select-field .icon-search-wrapper{margin-bottom:var(--base)}.icon-select-field .icon-search-input{width:100%;padding:var(--base);border:1px solid var(--theme-elevation-200);border-radius:var(--border-radius-m);background:var(--theme-input-bg);color:var(--theme-text);font-size:14px;transition:all .2s}.icon-select-field .icon-search-input:focus{border-color:var(--theme-elevation-500);box-shadow:0 0 0 3px var(--theme-elevation-100);outline:none}.icon-select-field .icon-search-input::placeholder{color:var(--theme-elevation-400)}.icon-select-field .icon-placeholder-sm{background:var(--theme-elevation-150);border-radius:4px;width:24px;height:24px;display:inline-block}.icon-select-field .selected-icon-preview{padding:var(--base);background:var(--theme-elevation-50);border-radius:var(--border-radius-m);border:1px solid var(--theme-elevation-200);margin-bottom:var(--base)}.icon-select-field .selected-icon-preview .preview-label{color:var(--theme-elevation-500);margin-bottom:calc(var(--base)/2);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.icon-select-field .selected-icon-preview .preview-content{align-items:center;gap:calc(var(--base)/2);flex-wrap:wrap;display:flex}.icon-select-field .selected-icon-preview .preview-content .preview-provider-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--border-radius-s);background:var(--theme-elevation-200);color:var(--theme-elevation-800);margin-right:4px;padding:4px 8px;font-size:10px;font-weight:700}.icon-select-field .selected-icon-preview .preview-content svg{color:var(--theme-elevation-700)}.icon-select-field .selected-icon-preview .preview-content .icon-name{color:var(--theme-text);font-family:Monaco,Courier New,monospace;font-size:14px;font-weight:500}.icon-select-field .selected-icon-preview .preview-content .clear-button{background:var(--theme-error-50);color:var(--theme-error-500);border:1px solid var(--theme-error-200);border-radius:var(--border-radius-s);cursor:pointer;margin-left:auto;padding:4px 8px;font-size:12px;transition:all .2s}.icon-select-field .selected-icon-preview .preview-content .clear-button:hover{background:var(--theme-error-100);border-color:var(--theme-error-300)}.icon-select-field .icon-picker-dropdown{background:var(--theme-elevation-0);border:1px solid var(--theme-elevation-200);border-radius:var(--border-radius-m);z-index:1000;flex-direction:column;max-height:560px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 8px 24px #00000026}.icon-select-field .icon-picker-dropdown .dropdown-header{border-bottom:1px solid var(--theme-elevation-200);background:var(--theme-elevation-50);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.icon-select-field .icon-picker-dropdown .dropdown-header .dropdown-count{color:var(--theme-elevation-500);font-size:12px;font-weight:600}.icon-select-field .icon-picker-dropdown .dropdown-header .pagination{align-items:center;gap:6px;display:flex}.icon-select-field .icon-picker-dropdown .dropdown-header .pagination .page-btn{border:1px solid var(--theme-elevation-200);border-radius:var(--border-radius-s);background:var(--theme-elevation-0);width:24px;height:24px;color:var(--theme-text);cursor:pointer;justify-content:center;align-items:center;font-size:16px;line-height:1;transition:all .15s;display:flex}.icon-select-field .icon-picker-dropdown .dropdown-header .pagination .page-btn:hover:not(:disabled){background:var(--theme-elevation-100);border-color:var(--theme-elevation-400)}.icon-select-field .icon-picker-dropdown .dropdown-header .pagination .page-btn:disabled{opacity:.35;cursor:default}.icon-select-field .icon-picker-dropdown .dropdown-header .pagination .page-info{color:var(--theme-elevation-500);text-align:center;min-width:40px;font-size:12px}.icon-select-field .icon-picker-dropdown .icon-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:4px;max-height:320px;padding:8px;display:grid;overflow-y:auto}.icon-select-field .icon-picker-dropdown .category-cell{position:relative}.icon-select-field .icon-picker-dropdown .category-cell.expanded>.icon-option{border-color:var(--theme-elevation-500);background:var(--theme-elevation-50)}.icon-select-field .icon-picker-dropdown .category-cell .variant-badge{background:var(--theme-elevation-700);min-width:20px;height:20px;color:var(--theme-elevation-0);text-align:center;cursor:pointer;z-index:1;border:none;border-radius:10px;padding:0 5px;font-size:10px;font-weight:700;line-height:20px;transition:background .15s;position:absolute;top:4px;right:4px}.icon-select-field .icon-picker-dropdown .category-cell .variant-badge:hover,.icon-select-field .icon-picker-dropdown .category-cell .variant-badge.active{background:var(--theme-elevation-900)}.icon-select-field .icon-picker-dropdown .icon-option{border:1px solid var(--theme-elevation-150);border-radius:var(--border-radius-s);background:var(--theme-elevation-0);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:6px;width:100%;padding:12px 8px;transition:all .15s;display:flex}.icon-select-field .icon-picker-dropdown .icon-option svg{color:var(--theme-elevation-600);transition:color .15s}.icon-select-field .icon-picker-dropdown .icon-option .icon-option-name{color:var(--theme-elevation-500);word-break:break-word;max-width:100%;font-size:10px;line-height:1.2}.icon-select-field .icon-picker-dropdown .icon-option:hover{border-color:var(--theme-elevation-400);background:var(--theme-elevation-50)}.icon-select-field .icon-picker-dropdown .icon-option:hover svg{color:var(--theme-elevation-800)}.icon-select-field .icon-picker-dropdown .icon-option.selected{border-color:var(--theme-success-500);background:var(--theme-success-50)}.icon-select-field .icon-picker-dropdown .icon-option.selected svg{color:var(--theme-success-600)}.icon-select-field .icon-picker-dropdown .icon-option.selected .icon-option-name{color:var(--theme-success-700);font-weight:600}.icon-select-field .icon-picker-dropdown .variants-panel{border-top:2px solid var(--theme-elevation-300);flex-direction:column;flex-shrink:0;display:flex}.icon-select-field .icon-picker-dropdown .variants-panel .variants-panel-header{background:var(--theme-elevation-100);flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.icon-select-field .icon-picker-dropdown .variants-panel .variants-panel-header .variants-panel-title{color:var(--theme-text);font-size:12px}.icon-select-field .icon-picker-dropdown .variants-panel .variants-panel-header .variants-panel-title strong{font-family:Monaco,Courier New,monospace}.icon-select-field .icon-picker-dropdown .variants-panel .variants-panel-header .variants-panel-title .variants-panel-count{color:var(--theme-elevation-500)}.icon-select-field .icon-picker-dropdown .variants-panel .variants-panel-header .variants-close-btn{width:22px;height:22px;color:var(--theme-elevation-500);cursor:pointer;border-radius:var(--border-radius-s);background:0 0;border:none;justify-content:center;align-items:center;font-size:12px;line-height:1;transition:all .15s;display:flex}.icon-select-field .icon-picker-dropdown .variants-panel .variants-panel-header .variants-close-btn:hover{background:var(--theme-elevation-200);color:var(--theme-text)}.icon-select-field .icon-picker-dropdown .variants-panel .icon-grid{border-top:1px solid var(--theme-elevation-150);max-height:200px}.icon-select-field .icon-picker-dropdown .no-results{padding:calc(var(--base)*2);text-align:center;color:var(--theme-elevation-500);font-size:14px}.icon-select-field .field-description{margin-top:calc(var(--base)/2);color:var(--theme-elevation-500);font-size:13px;line-height:1.4}
