/* Isolated service icon styles. These selectors do not affect navigation or dashboards. */
.kv-service-svg{display:block;width:28px;height:28px;flex:0 0 auto}
.service-icon .kv-service-svg{width:29px;height:29px}
.service-symbol .kv-service-svg-hero{width:112px;height:112px;color:#fff}
.kv-icon-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(94px,1fr));gap:10px;margin-top:9px}
.kv-icon-choice{position:relative;display:flex!important;align-items:center!important;gap:9px!important;border:1px solid #ddd;border-radius:10px;padding:10px!important;margin:0!important;background:#fff;cursor:pointer;text-transform:none!important;letter-spacing:0!important;font-size:12px!important;font-weight:700!important}
.kv-icon-choice input{position:absolute;opacity:0;pointer-events:none}
.kv-icon-choice .kv-service-svg{width:23px;height:23px;color:#555}
.kv-icon-choice:has(input:checked){border-color:#ef1d24;box-shadow:0 0 0 2px rgba(239,29,36,.12);background:#fff5f5;color:#b50d12}
.kv-icon-choice:has(input:checked) .kv-service-svg{color:#ef1d24}
.kv-current-icon{display:flex;align-items:center;gap:10px}
@media(max-width:620px){.kv-icon-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.service-symbol .kv-service-svg-hero{width:88px;height:88px}}