.nl-context-iconized {
  display: flex !important;
  align-items: center;
  gap: 10px;
}

.nl-context-icon {
  width: 34px;
  height: 34px;
  min-width: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  color: #0b67bf;
  background: #e8f4ff;
  border: 1px solid rgba(11, 103, 191, 0.16);
  box-shadow: inset 0 -1px 0 rgba(11, 103, 191, 0.08);
  flex: 0 0 auto;
}

.nl-context-icon svg {
  width: 19px;
  height: 19px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.nl-context-icon--briefcase,
.nl-context-icon--dashboard,
.nl-context-icon--queue {
  color: #075a9f;
  background: #e5f3ff;
}

.nl-context-icon--calendar,
.nl-context-icon--clock {
  color: #1460aa;
  background: #edf6ff;
}

.nl-context-icon--shield,
.nl-context-icon--support,
.nl-context-icon--medical,
.nl-context-icon--learning {
  color: #0f6a89;
  background: #e7f7fb;
}

.nl-context-icon--document,
.nl-context-icon--clipboard,
.nl-context-icon--image,
.nl-context-icon--message,
.nl-context-icon--bell {
  color: #156fb9;
  background: #eef7ff;
}

.nld-card-head h2.nl-context-iconized,
.nl-live-card-head h2.nl-context-iconized,
.nl-live-card-head h3.nl-context-iconized,
.nl410-panel-head h2.nl-context-iconized,
.nl640-logo-card-head h3.nl-context-iconized,
.nl530-card-head h2.nl-context-iconized,
.nwc-card-title h2.nl-context-iconized,
.npa-card-title-row h2.nl-context-iconized,
.p7-card-top h2.nl-context-iconized {
  gap: 8px;
}

.nld-card-head h2 .nl-context-icon,
.nl-live-card-head h2 .nl-context-icon,
.nl-live-card-head h3 .nl-context-icon,
.nl410-panel-head h2 .nl-context-icon,
.nl640-logo-card-head h3 .nl-context-icon,
.nl530-card-head h2 .nl-context-icon,
.nwc-card-title h2 .nl-context-icon,
.npa-card-title-row h2 .nl-context-icon,
.p7-card-top h2 .nl-context-icon,
.nld-services a strong .nl-context-icon,
.nld-resource-links a strong .nl-context-icon,
.nl530-report-card strong .nl-context-icon,
.npa-stat-card strong .nl-context-icon {
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 8px;
}

.nld-card-head h2 .nl-context-icon svg,
.nl-live-card-head h2 .nl-context-icon svg,
.nl-live-card-head h3 .nl-context-icon svg,
.nl410-panel-head h2 .nl-context-icon svg,
.nl640-logo-card-head h3 .nl-context-icon svg,
.nl530-card-head h2 .nl-context-icon svg,
.nwc-card-title h2 .nl-context-icon svg,
.npa-card-title-row h2 .nl-context-icon svg,
.p7-card-top h2 .nl-context-icon svg,
.nld-services a strong .nl-context-icon svg,
.nld-resource-links a strong .nl-context-icon svg,
.nl530-report-card strong .nl-context-icon svg,
.npa-stat-card strong .nl-context-icon svg {
  width: 17px;
  height: 17px;
}

html[data-theme="dark"] .nl-context-icon,
body[data-theme="dark"] .nl-context-icon,
.nl-admin-body .nl-context-icon {
  color: #ffffff;
  background: #0b67bf;
  border-color: rgba(255, 255, 255, 0.18);
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.16);
}

@media (max-width: 720px) {
  .nl-context-iconized {
    gap: 8px;
  }

  .nl-context-icon {
    width: 30px;
    height: 30px;
    min-width: 30px;
    border-radius: 8px;
  }

  .nl-context-icon svg {
    width: 17px;
    height: 17px;
  }
}