/* =========================================================
   EBADI UI V2 — CANONICAL MONOCHROME ICON SYSTEM v5
   Light: all in-app glyphs are charcoal black.
   Dark: all in-app glyphs are neutral white.
   Bottom navigation keeps the already-approved active/inactive state colors.
========================================================= */
:root{
  --eb-icon-fg:#171b20;
  --eb-icon-fg-dark:#f1f3f4;
  --eb-icon-box:#f8f8f7;
  --eb-icon-box-dark:#202428;
  --eb-icon-line:#e6e2dc;
  --eb-icon-line-dark:#343a40;
}

/* LIGHT — set BOTH color and stroke on the SVG element itself.
   This intentionally beats legacy rules such as light-polish.css. */
html:not([data-theme="dark"]) body.ebadi-ui-v2-page svg:not(.eb-status-success-svg){
  color:var(--eb-icon-fg)!important;
  stroke:var(--eb-icon-fg)!important;
}
html:not([data-theme="dark"]) body.ebadi-ui-v2-page svg:not(.eb-status-success-svg) :is(path,circle,rect,line,polyline,polygon,ellipse)[stroke]:not([stroke="none"]),
html:not([data-theme="dark"]) body.ebadi-ui-v2-page svg:not(.eb-status-success-svg) :is(path,circle,rect,line,polyline,polygon,ellipse):not([stroke]){
  stroke:var(--eb-icon-fg)!important;
}
html:not([data-theme="dark"]) body.ebadi-ui-v2-page svg:not(.eb-status-success-svg) [fill]:not([fill="none"]):not([fill="transparent"]){
  fill:var(--eb-icon-fg)!important;
}

/* Shared chrome quick-access icons are black even when the tab itself is active/gold. */
html:not([data-theme="dark"]) body .ebadi-app-quick .ebadi-app-quick__item svg,
html:not([data-theme="dark"]) body .ebadi-app-quick .ebadi-app-quick__item svg *{
  color:var(--eb-icon-fg)!important;
  stroke:var(--eb-icon-fg)!important;
}
html:not([data-theme="dark"]) body .ebadi-app-quick .ebadi-app-quick__item svg [fill]:not([fill="none"]):not([fill="transparent"]){fill:var(--eb-icon-fg)!important}

/* Non-SVG icon containers/glyphs. */
html:not([data-theme="dark"]) body.ebadi-ui-v2-page :is(
  .dashicons,.icon,.infoIcon,.phoneIcon,.branchPlusIcon,.ebadi-qb-tab__icon,
  .app-toast__icon,.ebadi-toast__icon,.pwa-prompt__icon,
  [class*="__icon"]:not(.mobile-bottom-nav__icon):not(.ebadi-app-bottom__icon):not(.eb-request-success__icon),
  [class$="-icon"]:not(.mobile-bottom-nav__icon):not(.ebadi-app-bottom__icon),
  [class*="Icon"],
  .reminder-item__label>i,.services-sheet__grid>a>span,
  .profile-reminder-list a>span:first-child,.wallet-overview article>span,
  .wallet-quick-actions button>span,.club-earn__icon,.club-benefits span,
  .reminder-list-card__actions :is(a,button),.repair-record__actions :is(a,button),
  .repair-upload>span:first-child,.repair-wizard-field>span:first-child,
  .financial-row__icon,.vehicle-image-picker__icon,.vehicles-add__icon,
  .ebadi-crud-create__icon,.profile-field__icon,.settings-row__icon,
  .settings-session__icon,.notification-item>span,.vehicles-v2-empty__icon,
  .inquiries-category-empty>span,.ebadi-desktop-gate__notice-icon,
  .ebadi-mono-icon
){color:var(--eb-icon-fg)!important}

/* Generated drawer icons. */
html:not([data-theme="dark"]) body .profile-side-menu[data-ebadi-menu-panel] nav a::before{
  color:var(--eb-icon-fg)!important;
  border-color:var(--eb-icon-line)!important;
  background:var(--eb-icon-box)!important;
}

/* Specific legacy surfaces with formerly-gold icons. */
html:not([data-theme="dark"]) body :is(
  .profile-quick-access__grid,.profile-club__list,.profile-status-strip,.profile-garage,
  .profile-insights,.profile-activity,.profile-summary-card,.home-main-services__grid,
  .home-financial-services__grid,.home-vehicle-manager,.vehicle-list-card__actions,
  .reminder-filters,.reminder-more-filters,.financial-actions,.repair-type-picker,
  .repair-tools,.vehicle-form-hint,.club-level-medal,.club-benefits,.club-rewards-button
) svg{
  color:var(--eb-icon-fg)!important;
  stroke:var(--eb-icon-fg)!important;
}
html:not([data-theme="dark"]) body .club-level-medal>span::after{color:var(--eb-icon-fg)!important;text-shadow:none!important}

/* DARK — same system, neutral white instead of gold. */
html[data-theme="dark"] body.ebadi-ui-v2-page svg:not(.eb-status-success-svg){
  color:var(--eb-icon-fg-dark)!important;
  stroke:var(--eb-icon-fg-dark)!important;
}
html[data-theme="dark"] body.ebadi-ui-v2-page svg:not(.eb-status-success-svg) :is(path,circle,rect,line,polyline,polygon,ellipse)[stroke]:not([stroke="none"]),
html[data-theme="dark"] body.ebadi-ui-v2-page svg:not(.eb-status-success-svg) :is(path,circle,rect,line,polyline,polygon,ellipse):not([stroke]){
  stroke:var(--eb-icon-fg-dark)!important;
}
html[data-theme="dark"] body.ebadi-ui-v2-page svg:not(.eb-status-success-svg) [fill]:not([fill="none"]):not([fill="transparent"]){fill:var(--eb-icon-fg-dark)!important}
html[data-theme="dark"] body .ebadi-app-quick .ebadi-app-quick__item svg,
html[data-theme="dark"] body .ebadi-app-quick .ebadi-app-quick__item svg *{color:var(--eb-icon-fg-dark)!important;stroke:var(--eb-icon-fg-dark)!important}
html[data-theme="dark"] body .ebadi-app-quick .ebadi-app-quick__item svg [fill]:not([fill="none"]):not([fill="transparent"]){fill:var(--eb-icon-fg-dark)!important}
html[data-theme="dark"] body.ebadi-ui-v2-page :is(
  .dashicons,.icon,.infoIcon,.phoneIcon,.branchPlusIcon,.ebadi-qb-tab__icon,
  .app-toast__icon,.ebadi-toast__icon,.pwa-prompt__icon,
  [class*="__icon"]:not(.mobile-bottom-nav__icon):not(.ebadi-app-bottom__icon):not(.eb-request-success__icon),
  [class$="-icon"]:not(.mobile-bottom-nav__icon):not(.ebadi-app-bottom__icon),
  [class*="Icon"],.reminder-item__label>i,.services-sheet__grid>a>span,
  .profile-reminder-list a>span:first-child,.wallet-overview article>span,
  .wallet-quick-actions button>span,.club-earn__icon,.club-benefits span,
  .reminder-list-card__actions :is(a,button),.repair-record__actions :is(a,button),
  .repair-upload>span:first-child,.repair-wizard-field>span:first-child,
  .financial-row__icon,.vehicle-image-picker__icon,.vehicles-add__icon,
  .ebadi-crud-create__icon,.profile-field__icon,.settings-row__icon,
  .settings-session__icon,.notification-item>span,.vehicles-v2-empty__icon,
  .inquiries-category-empty>span,.ebadi-desktop-gate__notice-icon,.ebadi-mono-icon
){color:var(--eb-icon-fg-dark)!important}
html[data-theme="dark"] body .profile-side-menu[data-ebadi-menu-panel] nav a::before{
  color:var(--eb-icon-fg-dark)!important;border-color:var(--eb-icon-line-dark)!important;background:var(--eb-icon-box-dark)!important
}
html[data-theme="dark"] body :is(
  .profile-quick-access__grid,.profile-club__list,.profile-status-strip,.profile-garage,
  .profile-insights,.profile-activity,.profile-summary-card,.home-main-services__grid,
  .home-financial-services__grid,.home-vehicle-manager,.vehicle-list-card__actions,
  .reminder-filters,.reminder-more-filters,.financial-actions,.repair-type-picker,
  .repair-tools,.vehicle-form-hint,.club-level-medal,.club-benefits,.club-rewards-button
) svg{color:var(--eb-icon-fg-dark)!important;stroke:var(--eb-icon-fg-dark)!important}
html[data-theme="dark"] body .club-level-medal>span::after{color:var(--eb-icon-fg-dark)!important;text-shadow:none!important}

/* Approved exception: Bottom Navigation keeps its existing active/inactive colors. */
body .mobile-bottom-nav__icon,body .ebadi-app-bottom__icon,
body .mobile-bottom-nav__icon svg,body .ebadi-app-bottom__icon svg{color:inherit!important;stroke:currentColor!important}
body .mobile-bottom-nav__icon svg :is(path,circle,rect,line,polyline,polygon,ellipse),
body .ebadi-app-bottom__icon svg :is(path,circle,rect,line,polyline,polygon,ellipse){stroke:currentColor!important}
body .mobile-bottom-nav__icon svg [fill]:not([fill="none"]):not([fill="transparent"]),
body .ebadi-app-bottom__icon svg [fill]:not([fill="none"]):not([fill="transparent"]){fill:currentColor!important}