.service-icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:10px;margin:16px 0;max-width:720px}
.service-icon-choice{border:1px solid #dce2d7;border-radius:10px;padding:10px 5px;background:#fff;color:#53684f;display:flex;align-items:center;flex-direction:column;gap:7px;cursor:pointer;min-width:0}
.service-icon-choice img{width:52px;height:52px;border-radius:12px}
.service-icon-choice span{font-family:inherit;line-height:1.4;text-align:center;font-size:11px;overflow-wrap:anywhere}
.service-icon-choice[aria-pressed=true]{border:2px solid #365b49;background:#edf2e8;padding:9px 4px;box-shadow:0 0 0 2px #dae4d5}
.service-icon-choice:focus-visible{outline:3px solid #8a9e7d;outline-offset:3px}
.service-icon-picker{border:1px solid #dce2d7;border-radius:10px;padding:18px;margin:22px 0;min-width:0}
.service-icon-picker legend{color:#365b49;padding:0 7px;font-size:14px}
.service-icon-picker summary{cursor:pointer;color:#365b49;font-size:12px;padding:10px 0}
.service-icon img{width:52px;height:52px;object-fit:contain;display:block;border-radius:12px}
.service-icon:has(img){padding:0;background:transparent;width:52px;height:52px}
.category-add-row{display:flex;gap:8px;align-items:center;margin-top:15px;padding-top:15px;border-top:1px solid #dce2d7}
.category-add-row input{min-width:0;flex:1;margin:0!important}
.category-add-row button{white-space:nowrap}
@media(max-width:500px){.service-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-add-row{align-items:stretch;flex-direction:column}.service-icon img{width:44px;height:44px}.service-icon:has(img){width:44px;height:44px}}

.staff-service-form>.consent-row{display:flex;align-items:center;gap:10px}.staff-service-form>.consent-row input{width:18px;flex:0 0 18px;margin:0}
