.icon-picker-field{position:relative}.icon-picker-trigger{width:100%;min-height:58px;display:grid;grid-template-columns:40px 1fr 20px;align-items:center;gap:11px;padding:8px 12px;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--ink);text-align:left;cursor:pointer}.icon-picker-trigger:hover,.icon-picker-trigger[aria-expanded="true"]{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.icon-picker-trigger>span:first-child{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--brand-soft);color:var(--brand)}.icon-picker-trigger>span:nth-child(2){min-width:0;display:grid}.icon-picker-trigger small{color:var(--muted);font-size:10px}.icon-picker-trigger>svg{width:17px;color:var(--muted)}.icon-picker-popover{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 7px);padding:10px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 22px 50px rgba(0,31,55,.2)}.icon-picker-popover[hidden]{display:none}.icon-picker-search{height:43px;display:flex;align-items:center;gap:8px;padding:0 11px;border-radius:12px;background:var(--surface-2)}.icon-picker-search svg{width:17px;color:var(--muted)}.icon-picker-search input{height:40px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.icon-picker-grid{max-height:280px;overflow:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:9px;padding:1px}.icon-choice{min-width:0;min-height:76px;padding:7px 4px;border:1px solid transparent;border-radius:12px;display:grid;place-items:center;align-content:center;gap:4px;background:var(--surface-2);cursor:pointer}.icon-choice:hover,.icon-choice.selected{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.icon-choice span{display:grid;place-items:center}.icon-choice svg{width:23px;height:23px}.icon-choice small{width:100%;overflow:hidden;text-overflow:ellipsis;color:inherit;font-size:9px;line-height:1.1;text-align:center}.icon-picker-empty{grid-column:1/-1;padding:25px;text-align:center;color:var(--muted)}
@media(max-width:768px){.icon-picker-field{z-index:4}.icon-picker-popover{position:relative;top:auto;margin-top:7px}.icon-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:315px}.icon-choice{min-height:72px}.service-editor:has(.icon-picker-popover:not([hidden])){overflow:visible}}