/* UI-r44 — targeted emoji-to-line-icon replacement for interface elements.
   Scope: UI icon containers only. Content emoji in normal text is not touched. */
:root{
  --kr-icon-line: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a4.5 4.5 0 0 0-6.4 6.4l-4.6 4.6a2.1 2.1 0 0 0 3 3l4.6-4.6a4.5 4.5 0 0 0 6.4-6.4l-3.2 3.2-3-3 3.2-3.2Z'/%3E%3C/svg%3E");
  --kr-icon-car: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 13l2.2-5.2A3 3 0 0 1 8 6h8a3 3 0 0 1 2.8 1.8L21 13'/%3E%3Cpath d='M5 13h14a2 2 0 0 1 2 2v3h-3a2 2 0 0 1-4 0H10a2 2 0 0 1-4 0H3v-3a2 2 0 0 1 2-2Z'/%3E%3Cpath d='M7 13h10'/%3E%3C/svg%3E");
  --kr-icon-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E");
  --kr-icon-shop: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10l1-5h14l1 5'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3Cpath d='M9 20v-6h6v6'/%3E%3C/svg%3E");
  --kr-icon-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='3'/%3E%3Cpath d='M8 3v4M16 3v4M3 11h18'/%3E%3C/svg%3E");
  --kr-icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E");
  --kr-icon-box: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8l-9-5-9 5 9 5 9-5Z'/%3E%3Cpath d='M3 8v8l9 5 9-5V8'/%3E%3Cpath d='M12 13v8'/%3E%3C/svg%3E");
  --kr-icon-bell: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 1 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9'/%3E%3Cpath d='M10 21h4'/%3E%3C/svg%3E");
  --kr-icon-chat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-8 8H5l-2 2v-7a8 8 0 1 1 18-3Z'/%3E%3Cpath d='M8 11h8M8 15h5'/%3E%3C/svg%3E");
  --kr-icon-users: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='4'/%3E%3Cpath d='M2 21a7 7 0 0 1 14 0'/%3E%3Cpath d='M17 11a3 3 0 0 0 0-6'/%3E%3Cpath d='M22 21a5 5 0 0 0-4-5'/%3E%3C/svg%3E");
  --kr-icon-alert: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l10 18H2L12 3Z'/%3E%3Cpath d='M12 9v5M12 18h.01'/%3E%3C/svg%3E");
  --kr-icon-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
}

:where(
  .svc-cat-nav-card__emoji,.booking-time-mode-card__emoji,.booking-prefill-note__emoji,
  .bstep3-car-ico,.admin-shop-icon,.aqa-ico,.msng-staff-card-top > span:first-child,
  .onb-perm-icon,.onb-review-row__icon,.notif-ico,.notifs-fab-ico,
  .parts-category-card__icon,.parts-card-ico,.news-card-ico,.master-card-ico,
  .services-app-card__ico,.services-app-service__ico,.services-app-option-ico,
  .ccab-ico,.ccab-stat-ico,.cabinet-stat-ico,.mcab-ico,.sto-dash-ico
){
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  border-radius:16px!important;
  color:var(--kr-ui-accent,#ff6a00)!important;
  background:linear-gradient(180deg,rgba(255,106,0,.10),rgba(255,106,0,.04))!important;
  border:1px solid rgba(255,106,0,.16)!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font-size:0!important;
  line-height:1!important;
  overflow:hidden!important;
}

:where(
  .svc-cat-nav-card__emoji,.booking-time-mode-card__emoji,.booking-prefill-note__emoji,
  .bstep3-car-ico,.admin-shop-icon,.aqa-ico,.msng-staff-card-top > span:first-child,
  .onb-perm-icon,.onb-review-row__icon,.notif-ico,.notifs-fab-ico,
  .parts-category-card__icon,.parts-card-ico,.news-card-ico,.master-card-ico,
  .services-app-card__ico,.services-app-service__ico,.services-app-option-ico,
  .ccab-ico,.ccab-stat-ico,.cabinet-stat-ico,.mcab-ico,.sto-dash-ico
)::before{
  content:'';
  display:block;
  width:23px;
  height:23px;
  background:currentColor;
  -webkit-mask:var(--kr-icon-line) center/contain no-repeat;
  mask:var(--kr-icon-line) center/contain no-repeat;
}

.bstep3-car-ico::before,.services-app-card__ico::before,.services-app-service__ico::before{ -webkit-mask-image:var(--kr-icon-car); mask-image:var(--kr-icon-car); }
.aqa-ico::before,.onb-review-row__icon::before{ -webkit-mask-image:var(--kr-icon-line); mask-image:var(--kr-icon-line); }
.admin-shop-icon::before,.parts-category-card__icon::before,.parts-card-ico::before{ -webkit-mask-image:var(--kr-icon-box); mask-image:var(--kr-icon-box); }
.msng-staff-card-top > span:first-child::before,.ccab-ico::before,.master-card-ico::before{ -webkit-mask-image:var(--kr-icon-chat); mask-image:var(--kr-icon-chat); }
.notifs-fab-ico::before,.notif-ico::before{ -webkit-mask-image:var(--kr-icon-bell); mask-image:var(--kr-icon-bell); }
.booking-time-mode-card__emoji::before{ -webkit-mask-image:var(--kr-icon-calendar); mask-image:var(--kr-icon-calendar); }
.onb-perm-icon::before{ -webkit-mask-image:var(--kr-icon-alert); mask-image:var(--kr-icon-alert); }
.sto-dash-ico::before{ -webkit-mask-image:var(--kr-icon-shop); mask-image:var(--kr-icon-shop); }
.ccab-stat-ico::before,.cabinet-stat-ico::before,.mcab-ico::before{ -webkit-mask-image:var(--kr-icon-user); mask-image:var(--kr-icon-user); }
.booking-prefill-note__emoji::before{ -webkit-mask-image:var(--kr-icon-arrow); mask-image:var(--kr-icon-arrow); }

/* Button/action icons: make old emoji-only spans behave like the same icon chip, not colored glyphs. */
:where(.btn,.ui-btn,.services-app-btn,.services-app-action,.ccab-btn,.cabinet-btn,.mcab-btn,.sto-btn,.profile-action-btn,.order-action-btn) > span:first-child:not(:only-child){
  text-shadow:none!important;
}

:where(.catalog-tool-btn,.services-app-action,.booking-picked-chip,.svc-cat-nav-card,.booking-time-mode-card,.aqa-card,.msng-staff-card){
  color:var(--kr-ui-text,#101821)!important;
}

:where(.svc-cat-nav-card,.booking-time-mode-card,.aqa-card,.msng-staff-card,.services-app-card,.services-app-service){
  min-width:0!important;
  overflow:hidden!important;
}

:where(.svc-cat-nav-card,.booking-time-mode-card,.aqa-card,.msng-staff-card,.services-app-card,.services-app-service) :where(.svc-cat-nav-card__body,.booking-time-mode-card__body,.aqa-t,.aqa-d,.msng-staff-card-top,.services-app-card__body){
  min-width:0!important;
  overflow-wrap:anywhere!important;
}

@media (min-width:768px){
  :where(.svc-cat-nav-card__emoji,.booking-time-mode-card__emoji,.bstep3-car-ico,.admin-shop-icon,.aqa-ico,.msng-staff-card-top > span:first-child,.onb-perm-icon,.onb-review-row__icon,.notif-ico,.notifs-fab-ico,.services-app-card__ico,.services-app-service__ico){
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
  }
  :where(.svc-cat-nav-card__emoji,.booking-time-mode-card__emoji,.bstep3-car-ico,.admin-shop-icon,.aqa-ico,.msng-staff-card-top > span:first-child,.onb-perm-icon,.onb-review-row__icon,.notif-ico,.notifs-fab-ico,.services-app-card__ico,.services-app-service__ico)::before{
    width:25px;
    height:25px;
  }
}

@media (max-width:430px){
  :where(.svc-cat-nav-card__emoji,.booking-time-mode-card__emoji,.bstep3-car-ico,.admin-shop-icon,.aqa-ico,.msng-staff-card-top > span:first-child,.onb-perm-icon,.onb-review-row__icon,.notif-ico,.notifs-fab-ico,.services-app-card__ico,.services-app-service__ico){
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border-radius:14px!important;
  }
  :where(.svc-cat-nav-card__emoji,.booking-time-mode-card__emoji,.bstep3-car-ico,.admin-shop-icon,.aqa-ico,.msng-staff-card-top > span:first-child,.onb-perm-icon,.onb-review-row__icon,.notif-ico,.notifs-fab-ico,.services-app-card__ico,.services-app-service__ico)::before{
    width:21px;
    height:21px;
  }
}