/* Shared soft two-tone treatment; retain each surface's existing icon dimensions. */
.kx-soft-icon {
  --kx-icon-tone:var(--primary, #2862e9);
  --kx-icon-wash:#eaf1ff;
}
.kx-soft-icon.kx-soft-icon.kx-soft-icon {
  position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;
  color:var(--kx-icon-tone)!important;background:var(--kx-icon-wash)!important;
  border:0;box-shadow:none!important;
}
.kx-soft-icon.kx-icon-teal { --kx-icon-tone:#098577;--kx-icon-wash:#e5f5f1; }
.kx-soft-icon.kx-icon-purple { --kx-icon-tone:#7655ca;--kx-icon-wash:#f0ebff; }
.kx-soft-icon.kx-icon-rose { --kx-icon-tone:#c54e82;--kx-icon-wash:#fcebf3; }
.kx-soft-icon.kx-icon-amber { --kx-icon-tone:#b8780c;--kx-icon-wash:#fff3d9; }
[data-theme="dark"] .kx-soft-icon { --kx-icon-wash:#263956; }
[data-theme="dark"] .kx-soft-icon.kx-icon-teal { --kx-icon-tone:#72d4c6;--kx-icon-wash:#1d403e; }
[data-theme="dark"] .kx-soft-icon.kx-icon-purple { --kx-icon-tone:#c1a9ff;--kx-icon-wash:#382d52; }
[data-theme="dark"] .kx-soft-icon.kx-icon-rose { --kx-icon-tone:#f3a0c4;--kx-icon-wash:#492c40; }
[data-theme="dark"] .kx-soft-icon.kx-icon-amber { --kx-icon-tone:#f0c16a;--kx-icon-wash:#483b25; }
.kx-soft-icon::after {
  content:"";position:absolute;right:10%;bottom:10%;width:42%;height:42%;border-radius:6px;
  background:currentColor;opacity:.08;pointer-events:none;z-index:-1;
}
.kx-soft-icon.kx-soft-icon > svg.kx-soft-glyph {
  position:relative;color:inherit;fill:currentColor;fill-opacity:.1;stroke:currentColor;stroke-width:1.8;
}
.matrix-nav .mn-tab > svg.kx-soft-glyph { width:17px;height:17px;flex-shrink:0;stroke-width:1.8; }