/**
 * 2T — تحسينات أيقونات الواجهة
 */
.ui-wrap {
  display: inline-grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: #f4f6f8;
  color: #334155;
  flex-shrink: 0;
}

.ui-wrap--choose-captain {
  background: transparent;
  color: #15803d;
}

#choose .choose-entry-icon,
.captain-entry-below-btn .choose-entry-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #ecfdf5;
  border: 1px solid rgba(25, 169, 116, 0.12);
  display: grid;
  place-items: center;
  color: #15803d;
}

#choose .choose-entry-icon .ui-icon--fi,
.captain-entry-below-btn .choose-entry-icon .ui-icon--fi,
#choose .top .choose-captain-icon .ui-icon--fi,
#choose .avatar .ui-icon--fi {
  font-size: 18px;
  line-height: 1;
}

.map-btn .ui-icon,
.route-gps .ui-icon {
  filter: drop-shadow(0 1px 1px rgba(15, 23, 42, 0.08));
}

.ride-action .ui-wrap,
.cap-hub-call .ui-wrap {
  border-radius: 50%;
  background: #ecfdf5;
  color: #15803d;
}

/* Flaticon fi-rs — حجم يطابق ui-icon--xs/sm/md/lg */
i.ui-icon.ui-icon--fi {
  display: inline-block;
  width: auto;
  height: auto;
  line-height: 1;
  vertical-align: middle;
  font-style: normal;
}

i.ui-icon.ui-icon--fi.ui-icon--xs { font-size: 14px; }
i.ui-icon.ui-icon--fi.ui-icon--sm { font-size: 18px; }
i.ui-icon.ui-icon--fi.ui-icon--md { font-size: 22px; }
i.ui-icon.ui-icon--fi.ui-icon--lg { font-size: 28px; }

.cap-icon-svg {
  display: inline-grid;
  place-items: center;
  line-height: 1;
  color: currentColor;
}

.cap-icon-svg svg {
  display: block;
  width: 1em;
  height: 1em;
}

.cap-icon-svg svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.cap-icon-svg--play svg path,
.cap-icon-svg--stop svg path {
  fill: currentColor;
  stroke: none;
}

.cap-icon-svg--xs { font-size: 14px; }
.cap-icon-svg--sm { font-size: 18px; }
.cap-icon-svg--md { font-size: 22px; }
.cap-icon-svg--lg { font-size: 28px; }

.ui-icon--xs.cap-icon-svg { font-size: 14px; }
.ui-icon--sm.cap-icon-svg { font-size: 18px; }
.ui-icon--md.cap-icon-svg { font-size: 22px; }
.ui-icon--lg.cap-icon-svg { font-size: 28px; }

#captainHub .cap-hub-header-icon.cap-icon-svg,
#captainHub .cap-hub-home-btn .cap-icon-svg,
#captainHub .cap-hub-profile .cap-icon-svg {
  color: #334155;
}

.captain-hub--v2 .cap-trip-contact-icon .cap-icon-svg,
.captain-hub--v2 .cap-trip-action-icon .cap-icon-svg,
.captain-hub--v2 .cap-trip-arrived-check .cap-icon-svg {
  color: inherit;
}

.captain-hub--v2 .cap-trip-contact--round .cap-trip-contact-icon .cap-icon-svg {
  color: var(--2t-accent, #19a974);
}

.captain-hub--v2 .cap-trip-contact--round .cap-trip-contact-btn:active .cap-trip-contact-icon .cap-icon-svg {
  color: var(--2t-accent-dark, #15803d);
}

.captain-hub--v2 .cap-trip-action--start-hero .cap-trip-action-icon .cap-icon-svg,
.captain-hub--v2 .cap-trip-ride-end-icon .cap-icon-svg {
  color: #fff;
}

.captain-hub--v2 .cap-trip-action--reach .cap-trip-action-icon .cap-icon-svg {
  color: var(--2t-accent, #19a974);
}

.captain-hub--v2 .cap-trip-ride-quick-btn--chat .cap-icon-svg {
  color: #0284c7;
}

.captain-hub--v2 .cap-trip-ride-quick-btn--call .cap-icon-svg {
  color: #15803d;
}

.captain-hub--v2 .cap-trip-contact--banner .cap-trip-contact-icon .cap-icon-svg {
  color: #fff;
}

.driver-track-act-pad .cap-icon-svg {
  color: inherit;
}

.ui-pin--to i.ui-icon.ui-icon--fi {
  color: #dc2626;
}

.ui-pin:not(.ui-pin--to) i.ui-icon.ui-icon--fi {
  color: #15803d;
}