[data-icon].aiv-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: currentColor;
}

[data-icon].aiv-icon:not(.reference-kpi-icon)::before,
[data-icon].aiv-icon:not(.reference-kpi-icon)::after,
.notify-button.aiv-icon-button::before,
.mobile-bell.aiv-icon-button::before,
.mobile-review-bell.aiv-icon-button::before,
.lead-mobile-bell.aiv-icon-button::before,
.material-assets-head-actions .notify-button.aiv-icon-button::before {
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.aiv-svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.reference-kpi-icon .aiv-svg {
  display: none;
}

.aiv-button-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: currentColor;
  pointer-events: none;
}

.top-actions .notify-button,
.material-assets-head-actions .notify-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(133, 154, 198, .24);
  border-radius: 14px;
  background: rgba(255, 255, 255, .62);
  color: #233149;
  box-shadow: 0 10px 24px rgba(36, 52, 83, .08), inset 0 1px 0 rgba(255, 255, 255, .72);
}

.top-actions .notify-button .aiv-button-icon,
.material-assets-head-actions .notify-button .aiv-button-icon {
  width: 22px;
  height: 22px;
}

.top-actions .notify-button::after,
.material-assets-head-actions .notify-button::after {
  top: 4px;
  right: 4px;
  width: 16px;
  height: 16px;
  border: 2px solid #f8fbff;
  background: linear-gradient(135deg, #ff3b5f, #ff742f);
  color: #fff;
  font-size: 9px;
  font-weight: 950;
  line-height: 12px;
  box-shadow: 0 4px 10px rgba(255, 52, 80, .28);
}

.workspace > .topbar .top-actions .notify-button {
  width: 34px;
  height: 38px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #0f172a;
  box-shadow: none;
}

.workspace > .topbar .top-actions .notify-button .aiv-button-icon {
  width: 22px;
  height: 22px;
}

.workspace > .topbar .top-actions .notify-button::after {
  top: 0;
  right: 0;
  width: 15px;
  height: 15px;
  border: 2px solid #f4f8ff;
  background: #ff1f32;
  box-shadow: 0 4px 10px rgba(255, 31, 50, .26);
}

.mobile-bell,
.mobile-review-bell,
.lead-mobile-bell {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(172, 195, 255, .18);
  border-radius: 14px;
  background: rgba(255, 255, 255, .06);
  color: #f4fbff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 10px 22px rgba(0, 0, 0, .18);
}

.mobile-bell .aiv-button-icon,
.mobile-review-bell .aiv-button-icon,
.lead-mobile-bell .aiv-button-icon {
  width: 22px;
  height: 22px;
}

.mobile-workbench .mobile-bell {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.mobile-video-review-mode .mobile-review-bell {
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.mobile-video-review-mode .mobile-review-bell .aiv-button-icon {
  width: 24px;
  height: 24px;
}

.mobile-bell::after,
.mobile-review-bell::after,
.lead-mobile-bell::after {
  top: 6px;
  right: 6px;
  width: 8px;
  height: 8px;
  border: 2px solid rgba(4, 12, 24, .92);
  background: #ff405d;
  box-shadow: 0 0 12px rgba(255, 64, 93, .7);
}

body.mobile-video-review-mode .mobile-review-bell::after {
  top: 3px;
  right: 2px;
  width: 10px;
  height: 10px;
  border: 0;
  background: #ff334b;
  box-shadow: 0 0 12px rgba(255, 64, 93, .72);
}

.mobile-bell[data-mobile-task-close]::after,
.mobile-review-back::after,
.mobile-scan-back::after,
.mobile-publish-back::after {
  content: none !important;
  display: none !important;
}

.avatar {
  display: inline-flex;
  align-items: center;
  gap: 9px;
}

.avatar::after {
  content: none !important;
}

.avatar .aiv-avatar-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 999px;
  background: rgba(255, 255, 255, .76) !important;
}

.avatar .aiv-avatar-mark .aiv-svg {
  width: 15px;
  height: 15px;
  stroke-width: 2.2;
}

.avatar .aiv-avatar-logo {
  width: 82%;
  height: 82%;
  object-fit: contain;
  filter: drop-shadow(0 3px 8px rgba(16, 109, 255, .22));
}

.avatar .aiv-avatar-chevron {
  display: inline-flex;
  width: 14px;
  height: 14px;
  color: #6d7a94;
}

.icon-close.aiv-icon-button,
.mobile-review-back.aiv-icon-button,
.mobile-scan-back.aiv-icon-button,
.mobile-publish-back.aiv-icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  line-height: 1;
}

.icon-close .aiv-button-icon,
.mobile-review-back .aiv-button-icon,
.mobile-scan-back .aiv-button-icon,
.mobile-publish-back .aiv-button-icon {
  width: 19px;
  height: 19px;
}

.batch-template-filter-icon .aiv-button-icon {
  width: 18px;
  height: 18px;
}

@media (max-width: 760px) {
  .mobile-action-dock {
    gap: 8px;
    padding: 2px 18px calc(2px + env(safe-area-inset-bottom));
    border-top-color: rgba(107, 141, 221, .22);
    background:
      linear-gradient(180deg, rgba(8, 18, 35, .84), rgba(3, 8, 18, .96));
    box-shadow: none;
  }

  .mobile-action-dock button {
    gap: 4px;
    height: 58px;
    border-radius: 14px;
    color: rgba(221, 234, 255, .62);
    font-size: 11.5px;
    letter-spacing: 0;
  }

  .mobile-action-dock button .aiv-icon {
    width: 25px;
    height: 25px;
    padding: 3px;
    border-radius: 10px;
    color: rgba(222, 236, 255, .72);
    background: transparent;
    box-shadow: none;
  }

  .mobile-action-dock button.active,
  .mobile-action-dock button:hover {
    color: #2dcfff;
    background: transparent;
    box-shadow: none;
  }

  .mobile-action-dock button.active .aiv-icon,
  .mobile-action-dock button:hover .aiv-icon {
    color: #fff;
    background: linear-gradient(135deg, #22c5ff 0%, #386dff 68%, #7059ff 100%);
    box-shadow: 0 8px 18px rgba(41, 126, 255, .38), inset 0 1px 0 rgba(255, 255, 255, .28);
    filter: drop-shadow(0 0 12px rgba(72, 232, 255, .54));
  }

  .lead-mobile-tabbar button {
    gap: 4px;
  }

  .lead-mobile-tabbar .aiv-icon {
    width: 24px;
    height: 24px;
    padding: 4px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .04);
  }

  .lead-mobile-tabbar button.active .aiv-icon {
    color: #75efff;
    background: rgba(66, 218, 255, .12);
    filter: drop-shadow(0 0 10px rgba(72, 232, 255, .56));
  }
}