/* One thin, rounded 24px SVG grid. Existing button dimensions stay intact. */
html[data-zexir-icons="morphicons"] body [data-morph-name] {
  flex-shrink: 0 !important;
  aspect-ratio: 1;
  text-decoration: none;
}
html[data-zexir-icons="morphicons"] body .material-symbols-rounded[data-morph-name]::before,
html[data-zexir-icons="morphicons"] body .incognito-simple-icon[data-morph-name]::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: currentColor !important;
  mask: var(--zexir-morph-mask) center / contain no-repeat !important;
  -webkit-mask: var(--zexir-morph-mask) center / contain no-repeat !important;
  transform: none !important;
  filter: none !important;
  opacity: 1 !important;
  pointer-events: none;
}
html[data-zexir-icons="morphicons"] body .incognito-simple-icon[data-morph-name] {
  position: relative !important;
  border: 0 !important;
  background: none !important;
}
html[data-zexir-icons="morphicons"] body .incognito-simple-icon[data-morph-name]::after {
  content: none !important;
}
html[data-zexir-icons="morphicons"] body img[data-morph-name] {
  color: inherit;
  object-fit: none !important;
  border-radius: 0 !important;
  animation: none !important;
}
/* The morph itself communicates composer state; old fades must not hide it. */
html[data-zexir-icons="morphicons"]
  body.index-workspace
  .input-region
  .composer
  #sendBtn
  #btnIcon[data-morph-name],
html[data-zexir-icons="morphicons"]
  body.index-workspace
  .input-region
  .composer
  #sendBtn.streaming
  #btnIcon[data-morph-name] {
  display: block !important;
  width: 21px !important;
  min-width: 21px !important;
  max-width: 21px !important;
  height: 21px !important;
  min-height: 21px !important;
  max-height: 21px !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  color: #fff !important;
  transition: none !important;
}
html[data-zexir-icons="morphicons"] body.index-workspace .input-region .composer #sendBtn::before,
html[data-zexir-icons="morphicons"] body.index-workspace .input-region .composer #sendBtn::after,
html[data-zexir-icons="morphicons"]
  body.index-workspace
  .input-region
  .composer
  #sendBtn
  .send-button-static-icon {
  display: none !important;
  content: none !important;
}
html[data-zexir-icons="morphicons"] body #micBtn.mic-listening img[data-morph-name] {
  color: #fff !important;
}
/* These controls formerly rotated their image; Morphicons now handles direction. */
html[data-zexir-icons="morphicons"]
  body
  :is(#modelPickerArrow, #historyToggleIcon)[data-morph-name] {
  transform: none !important;
}
@media (prefers-reduced-motion: reduce) {
  html[data-zexir-icons="morphicons"] body [data-morph-name] {
    animation: none !important;
    transition: none !important;
  }
}

html[data-zexir-icons="morphicons"] body.index-workspace .input-region .composer #sendBtn,
html[data-zexir-icons="morphicons"]
  body.index-workspace
  .input-region
  .composer
  #micBtn.mic-listening {
  color: #fff !important;
}

html[data-zexir-icons="morphicons"] body [data-morph-icon]:not(img) {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
}
html[data-zexir-icons="morphicons"] body [data-morph-icon]:not(img)::before {
  content: "";
  position: absolute;
  inset: 0;
  background: currentColor;
  mask: var(--zexir-morph-mask) center / contain no-repeat;
  -webkit-mask: var(--zexir-morph-mask) center / contain no-repeat;
  pointer-events: none;
}

/* Reset the old drawn check/ring and transforms before painting library paths. */
html[data-zexir-icons="morphicons"] body.index-workspace .incognito-toggle-btn:is([aria-pressed="true"],[aria-pressed="false"]) .incognito-simple-icon[data-morph-name],
html[data-zexir-icons="morphicons"] body.index-workspace .incognito-toggle-btn:is([aria-pressed="true"],[aria-pressed="false"]) .incognito-simple-icon[data-morph-name]::before {
  transform: none !important;
  animation: none !important;
  transition: none !important;
}
html[data-zexir-icons="morphicons"] body.index-workspace .incognito-toggle-btn:is([aria-pressed="true"],[aria-pressed="false"]) .incognito-simple-icon[data-morph-name]::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  animation: none !important;
}
html[data-zexir-icons="morphicons"] body.index-workspace :is(#modelPickerArrow,#historyToggleIcon)[data-morph-name] {
  transform: none !important;
  animation: none !important;
  transition: none !important;
}
/* Legacy material spans need the same centered drawing plane as image slots. */
html[data-zexir-icons="morphicons"] body .material-symbols-rounded[data-morph-name] {
  position: relative !important;
}
/* Icon masks inherit the control's foreground in both themes. */
html[data-zexir-icons="morphicons"] body.index-workspace.zexir-theme-dark :is(#composerAddMenu,#composerRecentMenu,#composerPersonalitiesMenu) .composer-add-menu-item,
html[data-zexir-icons="morphicons"] body.index-workspace.zexir-theme-dark :is(#composerAddMenu,#composerRecentMenu,#composerPersonalitiesMenu) .composer-add-menu-item [data-morph-name] {
  color: #ededed !important;
}
html[data-zexir-icons="morphicons"] body.index-workspace.zexir-theme-dark :is(#composerAddMenu,#composerRecentMenu,#composerPersonalitiesMenu) .composer-add-menu-item:is(:hover,[aria-checked="true"],.active,.selected) {
  background: #343434 !important;
}
html[data-zexir-icons="morphicons"] body.index-workspace.zexir-theme-dark #sidebar #newChatBtn:is(.active,[aria-current="page"]) {
  color: #ededed !important;
  background: #303030 !important;
}
html[data-zexir-icons="morphicons"] body.index-workspace.zexir-theme-dark .sidebar-login-copy .emphasis,
html[data-zexir-icons="morphicons"] body.index-workspace.zexir-theme-dark #auth-section .btn-outline {
  color: #ededed !important;
}
html[data-zexir-icons="morphicons"] body.index-workspace.zexir-theme-dark #sidebar .sidebar-login-btn--primary {
  color: #171717 !important;
}
html[data-zexir-icons="morphicons"] body.index-workspace.zexir-theme-dark.member-auth-shell #temporaryChatBtn.incognito-toggle-btn:not([hidden]) {
  color: #ededed !important;
}