/* Night layout: unified edit/delete/move action icons (legacy PNGs in markup) */

:root {
  --cc-icon-edit: url("../../images/general/shared/icon-edit.svg");
  --cc-icon-delete: url("../../images/general/shared/icon-delete.svg");
  --cc-icon-move: url("../../images/general/shared/icon-move.svg");
  --cc-icon-report: url("../../images/general/shared/icon-report.svg");
  --cc-icon-quote: url("../../images/general/shared/icon-quote.svg");
  --cc-icon-sticky: url("../../images/general/forum/icon-sticky.svg");
  --cc-icon-details: url("../../images/general/wars/icon-details.svg");
  --cc-icon-info: url("../../images/general/cashpoint/icon-info.svg");
  --cc-icon-pause: url("../../images/general/cashpoint/icon-pause.svg");
  --cc-icon-play: url("../../images/general/cashpoint/icon-play.svg");
  --cc-icon-end: url("../../images/general/cashpoint/icon-end.svg");
  --cc-icon-psms: url("../../images/general/shared/icon-mail.svg");
  --cc-icon-guestbook: url("../../images/general/guestbook/icon-guestbook.svg");
  --cc-icon-lock: url("../../images/general/administration/icon-lock.svg");
  --cc-icon-unlock: url("../../images/general/administration/icon-unlock.svg");
  --cc-icon-admonishment: url("../../images/general/administration/icon-admonishment.svg");
}

/* --- Class API (preferred) + legacy :has(img[src]) hooks --- */
a.cc-action,
a:has(> img[src*="shared/edit.png"]),
a:has(> img[src*="shared/delete.png"]),
a:has(> img[src*="forum/move.png"]),
a:has(> img[src*="forum/post_inform.png"]),
a:has(> img[src*="forum/quote_post.png"]),
a:has(> img[src*="wars/details.gif"]),
a:has(> img[src*="cashpoint/stopping.png"]),
a:has(> img[src*="cashpoint/running.png"]) {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  padding: 0;
  margin: 0 1px;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background-color: var(--surface-2);
  box-sizing: border-box;
  vertical-align: middle;
  line-height: 0;
  text-decoration: none;
  transition:
    border-color var(--ease),
    box-shadow var(--ease),
    background-color var(--ease);
}

a.cc-action > img,
a:has(> img[src*="shared/edit.png"]) > img,
a:has(> img[src*="shared/delete.png"]) > img,
a:has(> img[src*="forum/move.png"]) > img,
a:has(> img[src*="forum/post_inform.png"]) > img,
a:has(> img[src*="forum/quote_post.png"]) > img,
a:has(> img[src*="wars/details.gif"]) > img,
a:has(> img[src*="cashpoint/stopping.png"]) > img,
a:has(> img[src*="cashpoint/running.png"]) > img {
  opacity: 0 !important;
  width: 14px !important;
  height: 14px !important;
  max-width: 14px !important;
  max-height: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  pointer-events: none;
}

a.cc-action::before,
a:has(> img[src*="shared/edit.png"])::before,
a:has(> img[src*="shared/delete.png"])::before,
a:has(> img[src*="forum/move.png"])::before,
a:has(> img[src*="forum/post_inform.png"])::before,
a:has(> img[src*="forum/quote_post.png"])::before,
a:has(> img[src*="wars/details.gif"])::before,
a:has(> img[src*="cashpoint/stopping.png"])::before,
a:has(> img[src*="cashpoint/running.png"])::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 14px;
  height: 14px;
  pointer-events: none;
  background-color: var(--muted);
  -webkit-mask: var(--cc-icon-mask) center / contain no-repeat;
  mask: var(--cc-icon-mask) center / contain no-repeat;
  transition: background-color var(--ease), transform var(--ease);
}

a.cc-action--edit,
a:has(> img[src*="shared/edit.png"]) {
  --cc-icon-mask: var(--cc-icon-edit);
}

a.cc-action--delete,
a:has(> img[src*="shared/delete.png"]) {
  --cc-icon-mask: var(--cc-icon-delete);
}

a.cc-action--move,
a:has(> img[src*="forum/move.png"]) {
  --cc-icon-mask: var(--cc-icon-move);
}

a:has(> img[src*="forum/post_inform.png"]) {
  --cc-icon-mask: var(--cc-icon-report);
}

a:has(> img[src*="forum/quote_post.png"]) {
  --cc-icon-mask: var(--cc-icon-quote);
}

a:has(> img[src*="wars/details.gif"]) {
  --cc-icon-mask: var(--cc-icon-details);
}

a:has(> img[src*="cashpoint/stopping.png"]) {
  --cc-icon-mask: var(--cc-icon-pause);
}

a:has(> img[src*="cashpoint/running.png"]) {
  --cc-icon-mask: var(--cc-icon-play);
}

a.cc-action--edit:hover,
a:has(> img[src*="shared/edit.png"]):hover {
  border-color: var(--accent);
  background-color: rgba(62, 207, 255, 0.1);
  box-shadow: 0 0 0 2px var(--accent-glow);
}

a.cc-action--edit:hover::before,
a:has(> img[src*="shared/edit.png"]):hover::before {
  background-color: var(--accent);
}

a.cc-action--delete:hover,
a:has(> img[src*="shared/delete.png"]):hover {
  border-color: rgba(255, 107, 107, 0.65);
  background-color: rgba(255, 107, 107, 0.12);
  box-shadow: 0 0 0 2px rgba(255, 107, 107, 0.22);
}

a.cc-action--delete:hover::before,
a:has(> img[src*="shared/delete.png"]):hover::before {
  background-color: var(--red);
}

a:has(> img[src*="forum/move.png"]):hover {
  border-color: rgba(255, 176, 32, 0.7);
  background-color: rgba(255, 176, 32, 0.12);
  box-shadow: 0 0 0 2px rgba(255, 176, 32, 0.22);
}

a:has(> img[src*="forum/move.png"]):hover::before {
  background-color: var(--orange);
}

a:has(> img[src*="forum/post_inform.png"]):hover {
  border-color: rgba(255, 176, 32, 0.7);
  background-color: rgba(255, 176, 32, 0.12);
  box-shadow: 0 0 0 2px rgba(255, 176, 32, 0.22);
}

a:has(> img[src*="forum/post_inform.png"]):hover::before {
  background-color: var(--orange);
}

a:has(> img[src*="forum/quote_post.png"]):hover {
  border-color: var(--accent);
  background-color: rgba(62, 207, 255, 0.1);
  box-shadow: 0 0 0 2px var(--accent-glow);
}

a:has(> img[src*="forum/quote_post.png"]):hover::before {
  background-color: var(--accent);
}

a:has(> img[src*="wars/details.gif"]):hover {
  border-color: var(--accent);
  background-color: rgba(62, 207, 255, 0.1);
  box-shadow: 0 0 0 2px var(--accent-glow);
}

a:has(> img[src*="wars/details.gif"]):hover::before {
  background-color: var(--accent);
}

a:has(> img[src*="cashpoint/stopping.png"]):hover {
  border-color: rgba(255, 176, 32, 0.7);
  background-color: rgba(255, 176, 32, 0.12);
  box-shadow: 0 0 0 2px rgba(255, 176, 32, 0.22);
}

a:has(> img[src*="cashpoint/stopping.png"]):hover::before {
  background-color: var(--orange);
}

a:has(> img[src*="cashpoint/running.png"]):hover {
  border-color: rgba(61, 214, 140, 0.65);
  background-color: rgba(61, 214, 140, 0.12);
  box-shadow: 0 0 0 2px rgba(61, 214, 140, 0.22);
}

a:has(> img[src*="cashpoint/running.png"]):hover::before {
  background-color: var(--green);
}

/* --- Cashpoint info / end (standalone images, often without <a>) --- */
img[src*="cashpoint/info.png"],
img[src*="cashpoint/end.png"] {
  display: inline-block;
  box-sizing: border-box;
  width: 16px !important;
  height: 0 !important;
  max-width: 16px !important;
  max-height: none !important;
  margin: 0 4px;
  padding: 16px 0 0 !important;
  border: 0 !important;
  vertical-align: -3px;
  overflow: hidden;
  background-color: var(--muted);
  -webkit-mask: var(--cc-icon-mask) center / contain no-repeat;
  mask: var(--cc-icon-mask) center / contain no-repeat;
  opacity: 0.95;
}

img[src*="cashpoint/info.png"] {
  --cc-icon-mask: var(--cc-icon-info);
  cursor: help;
}

img[src*="cashpoint/info.png"]:hover {
  background-color: var(--accent);
}

img[src*="cashpoint/end.png"] {
  --cc-icon-mask: var(--cc-icon-end);
  opacity: 0.55;
  cursor: default;
}

/* --- Disabled quote icon --- */
span.cc-action-icon--disabled {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  margin: 0 1px;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background-color: rgba(255, 255, 255, 0.03);
  box-sizing: border-box;
  vertical-align: middle;
  line-height: 0;
  opacity: 0.45;
  cursor: default;
}

span.cc-action-icon--disabled > img {
  opacity: 0 !important;
  width: 14px !important;
  height: 14px !important;
  pointer-events: none;
}

span.cc-action-icon--disabled::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 14px;
  height: 14px;
  pointer-events: none;
  background-color: var(--muted);
  -webkit-mask: var(--cc-icon-quote) center / contain no-repeat;
  mask: var(--cc-icon-quote) center / contain no-repeat;
}

/* --- Clickable div wrappers (Smileys, Forumränge, …) --- */
div:has(> img[src*="shared/edit.png"]),
div:has(> img[src*="shared/delete.png"]),
div:has(> img[src*="forum/move.png"]) {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background-color: var(--surface-2);
  box-sizing: border-box;
  vertical-align: middle;
  line-height: 0;
}

div:has(> img[src*="shared/edit.png"]) > img,
div:has(> img[src*="shared/delete.png"]) > img,
div:has(> img[src*="forum/move.png"]) > img {
  opacity: 0 !important;
  width: 14px !important;
  height: 14px !important;
  pointer-events: none;
}

div:has(> img[src*="shared/edit.png"])::before,
div:has(> img[src*="shared/delete.png"])::before,
div:has(> img[src*="forum/move.png"])::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 14px;
  height: 14px;
  pointer-events: none;
  background-color: var(--muted);
  -webkit-mask: var(--cc-icon-mask) center / contain no-repeat;
  mask: var(--cc-icon-mask) center / contain no-repeat;
}

div:has(> img[src*="shared/edit.png"]) {
  --cc-icon-mask: var(--cc-icon-edit);
}

div:has(> img[src*="shared/delete.png"]) {
  --cc-icon-mask: var(--cc-icon-delete);
}

div:has(> img[src*="forum/move.png"]) {
  --cc-icon-mask: var(--cc-icon-move);
}

div:has(> img[src*="shared/edit.png"]):hover {
  border-color: var(--accent);
  background-color: rgba(62, 207, 255, 0.1);
}

div:has(> img[src*="shared/edit.png"]):hover::before {
  background-color: var(--accent);
}

div:has(> img[src*="shared/delete.png"]):hover {
  border-color: rgba(255, 107, 107, 0.65);
  background-color: rgba(255, 107, 107, 0.12);
}

div:has(> img[src*="shared/delete.png"]):hover::before {
  background-color: var(--red);
}

div:has(> img[src*="forum/move.png"]):hover {
  border-color: rgba(255, 176, 32, 0.7);
  background-color: rgba(255, 176, 32, 0.12);
}

div:has(> img[src*="forum/move.png"]):hover::before {
  background-color: var(--orange);
}

/* --- Standalone clickable images (ohne Link-Wrapper) --- */
img[src*="shared/edit.png"]:not(a > img):not(div > img),
img[src*="shared/delete.png"]:not(a > img):not(div > img),
img[src*="forum/move.png"]:not(a > img):not(div > img) {
  display: inline-block;
  width: 28px !important;
  height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  padding: 6px;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background-color: var(--surface-2);
  box-sizing: border-box;
  vertical-align: middle;
  cursor: pointer;
  object-fit: contain;
  object-position: center;
  opacity: 0.95;
  transition:
    border-color var(--ease),
    box-shadow var(--ease),
    filter var(--ease),
    opacity var(--ease);
}

img[src*="shared/edit.png"]:not(a > img):not(div > img) {
  filter: brightness(0) saturate(100%) invert(72%) sepia(8%) saturate(457%) hue-rotate(169deg) brightness(95%) contrast(88%);
}

img[src*="shared/delete.png"]:not(a > img):not(div > img) {
  filter: brightness(0) saturate(100%) invert(62%) sepia(18%) saturate(1049%) hue-rotate(314deg) brightness(101%) contrast(95%);
}

img[src*="forum/move.png"]:not(a > img):not(div > img) {
  filter: brightness(0) saturate(100%) invert(78%) sepia(42%) saturate(1200%) hue-rotate(350deg) brightness(102%) contrast(98%);
}

img[src*="shared/edit.png"]:not(a > img):not(div > img):hover {
  border-color: var(--accent);
  box-shadow: 0 0 0 2px var(--accent-glow);
  filter: brightness(0) saturate(100%) invert(78%) sepia(35%) saturate(1677%) hue-rotate(165deg) brightness(101%) contrast(101%);
}

img[src*="shared/delete.png"]:not(a > img):not(div > img):hover {
  border-color: rgba(255, 107, 107, 0.65);
  box-shadow: 0 0 0 2px rgba(255, 107, 107, 0.22);
  filter: brightness(0) saturate(100%) invert(55%) sepia(63%) saturate(2878%) hue-rotate(325deg) brightness(101%) contrast(101%);
}

img[src*="forum/move.png"]:not(a > img):not(div > img):hover {
  border-color: rgba(255, 176, 32, 0.7);
  box-shadow: 0 0 0 2px rgba(255, 176, 32, 0.22);
  filter: brightness(0) saturate(100%) invert(72%) sepia(68%) saturate(1400%) hue-rotate(359deg) brightness(103%) contrast(101%);
}

/* --- Compact variants --- */
a.cc-event-delete:has(> img[src*="shared/delete.png"]) {
  width: 22px;
  height: 22px;
}

a.cc-event-delete:has(> img[src*="shared/delete.png"])::before {
  width: 11px;
  height: 11px;
}

.body_mc table[width="90%"] a:has(> img[src*="shared/edit.png"]),
.body_mc table[width="90%"] a:has(> img[src*="shared/delete.png"]),
.body_mc table[width="90%"] a:has(> img[src*="forum/move.png"]),
.body_mc table[width="90%"] a:has(> img[src*="forum/post_inform.png"]),
.body_mc table[width="90%"] a:has(> img[src*="forum/quote_post.png"]),
.body_mc table[width="90%"] span.cc-action-icon--disabled,
.body_mc table[width="95%"] a:has(> img[src*="shared/edit.png"]),
.body_mc table[width="95%"] a:has(> img[src*="shared/delete.png"]),
.body_mc table[width="95%"] a:has(> img[src*="forum/move.png"]),
.body_mc table[width="95%"] a:has(> img[src*="forum/post_inform.png"]),
.body_mc table[width="95%"] a:has(> img[src*="forum/quote_post.png"]),
.body_mc table[width="95%"] span.cc-action-icon--disabled {
  width: 24px;
  height: 24px;
}

.body_mc table[width="90%"] a:has(> img[src*="shared/edit.png"])::before,
.body_mc table[width="90%"] a:has(> img[src*="shared/delete.png"])::before,
.body_mc table[width="90%"] a:has(> img[src*="forum/move.png"])::before,
.body_mc table[width="90%"] a:has(> img[src*="forum/post_inform.png"])::before,
.body_mc table[width="90%"] a:has(> img[src*="forum/quote_post.png"])::before,
.body_mc table[width="90%"] span.cc-action-icon--disabled::before,
.body_mc table[width="95%"] a:has(> img[src*="shared/edit.png"])::before,
.body_mc table[width="95%"] a:has(> img[src*="shared/delete.png"])::before,
.body_mc table[width="95%"] a:has(> img[src*="forum/move.png"])::before,
.body_mc table[width="95%"] a:has(> img[src*="forum/post_inform.png"])::before,
.body_mc table[width="95%"] a:has(> img[src*="forum/quote_post.png"])::before,
.body_mc table[width="95%"] span.cc-action-icon--disabled::before {
  width: 12px;
  height: 12px;
}

@media (max-width: 760px) {
  a:has(> img[src*="shared/edit.png"]),
  a:has(> img[src*="shared/delete.png"]),
  a:has(> img[src*="forum/move.png"]),
  a:has(> img[src*="forum/post_inform.png"]),
  a:has(> img[src*="forum/quote_post.png"]),
  span.cc-action-icon--disabled,
  div:has(> img[src*="shared/edit.png"]),
  div:has(> img[src*="shared/delete.png"]),
  div:has(> img[src*="forum/move.png"]) {
    width: 26px;
    height: 26px;
  }
}

/* --- Sticky / Pinnadel (status indicator next to thread titles) --- */
img[src*="forum/sticky.gif"] {
  display: inline-block;
  box-sizing: border-box;
  width: 15px !important;
  height: 0 !important;
  max-width: 15px !important;
  max-height: none !important;
  margin: 0 0 0 2px;
  padding: 15px 0 0 !important;
  border: 0 !important;
  vertical-align: -2px;
  overflow: hidden;
  background-color: var(--accent);
  -webkit-mask: var(--cc-icon-sticky) center / contain no-repeat;
  mask: var(--cc-icon-sticky) center / contain no-repeat;
  filter: drop-shadow(0 0 4px var(--accent-glow));
  opacity: 0.95;
}

/* --- PSMS message icons (online / offline envelope) --- */
a:has(> img[src*="psms/online.gif"]),
a:has(> img[src*="psms/offline.gif"]) {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background-color: var(--surface-2);
  box-sizing: border-box;
  vertical-align: middle;
  line-height: 0;
  text-decoration: none;
  transition:
    border-color var(--ease),
    box-shadow var(--ease),
    background-color var(--ease);
}

a:has(> img[src*="psms/online.gif"]) > img,
a:has(> img[src*="psms/offline.gif"]) > img {
  opacity: 0 !important;
  width: 12px !important;
  height: 12px !important;
  max-width: 12px !important;
  max-height: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  pointer-events: none;
}

a:has(> img[src*="psms/online.gif"])::before,
a:has(> img[src*="psms/offline.gif"])::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 12px;
  height: 12px;
  pointer-events: none;
  background-color: var(--muted);
  -webkit-mask: var(--cc-icon-psms) center / contain no-repeat;
  mask: var(--cc-icon-psms) center / contain no-repeat;
  transition: background-color var(--ease);
}

a:has(> img[src*="psms/online.gif"])::before {
  background-color: var(--green);
}

a:has(> img[src*="psms/online.gif"]):hover {
  border-color: rgba(61, 214, 140, 0.65);
  background-color: rgba(61, 214, 140, 0.12);
  box-shadow: 0 0 0 2px rgba(61, 214, 140, 0.22);
}

a:has(> img[src*="psms/online.gif"]):hover::before {
  background-color: var(--green);
}

a:has(> img[src*="psms/offline.gif"]):hover {
  border-color: var(--accent);
  background-color: rgba(62, 207, 255, 0.1);
  box-shadow: 0 0 0 2px var(--accent-glow);
}

a:has(> img[src*="psms/offline.gif"]):hover::before {
  background-color: var(--accent);
}

.forum_post_psms {
  flex: 0 0 auto;
  line-height: 0;
}

/* --- Guestbook (legacy guestbook.gif) --- */
a:has(> img[src*="guestbook/guestbook.gif"]) {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background-color: var(--surface-2);
  box-sizing: border-box;
  vertical-align: middle;
  line-height: 0;
  text-decoration: none;
  transition:
    border-color var(--ease),
    box-shadow var(--ease),
    background-color var(--ease);
}

a:has(> img[src*="guestbook/guestbook.gif"]) > img {
  opacity: 0 !important;
  width: 14px !important;
  height: 14px !important;
  max-width: 14px !important;
  max-height: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  pointer-events: none;
}

a:has(> img[src*="guestbook/guestbook.gif"])::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 14px;
  height: 14px;
  pointer-events: none;
  background-color: var(--muted);
  -webkit-mask: var(--cc-icon-guestbook) center / contain no-repeat;
  mask: var(--cc-icon-guestbook) center / contain no-repeat;
  transition: background-color var(--ease);
}

a:has(> img[src*="guestbook/guestbook.gif"]):hover {
  border-color: var(--accent);
  background-color: rgba(62, 207, 255, 0.1);
  box-shadow: 0 0 0 2px var(--accent-glow);
}

a:has(> img[src*="guestbook/guestbook.gif"]):hover::before {
  background-color: var(--accent);
}

/* --- Administration action icon buttons (lock / unlock / warn / delete) --- */
.iua-action-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  margin: 0 1px;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background-color: var(--surface-2);
  box-sizing: border-box;
  vertical-align: middle;
  line-height: 0;
  cursor: pointer;
  transition:
    border-color var(--ease),
    box-shadow var(--ease),
    background-color var(--ease);
}

.iua-action-icon > img {
  opacity: 0 !important;
  width: 14px !important;
  height: 14px !important;
  max-width: 14px !important;
  max-height: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  pointer-events: none;
}

.iua-action-icon::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 14px;
  height: 14px;
  pointer-events: none;
  background-color: var(--muted);
  -webkit-mask: var(--cc-icon-mask) center / contain no-repeat;
  mask: var(--cc-icon-mask) center / contain no-repeat;
  transition: background-color var(--ease);
}

.iua-action-icon--lock {
  --cc-icon-mask: var(--cc-icon-unlock);
}

.iua-action-icon--unlock {
  --cc-icon-mask: var(--cc-icon-lock);
}

.iua-action-icon--warn {
  --cc-icon-mask: var(--cc-icon-admonishment);
}

.iua-action-icon--delete {
  --cc-icon-mask: var(--cc-icon-delete);
}

.iua-action-icon--lock:hover {
  border-color: rgba(255, 176, 32, 0.7);
  background-color: rgba(255, 176, 32, 0.12);
  box-shadow: 0 0 0 2px rgba(255, 176, 32, 0.22);
}

.iua-action-icon--lock:hover::before {
  background-color: var(--orange);
}

.iua-action-icon--unlock:hover {
  border-color: rgba(61, 214, 140, 0.65);
  background-color: rgba(61, 214, 140, 0.12);
  box-shadow: 0 0 0 2px rgba(61, 214, 140, 0.22);
}

.iua-action-icon--unlock:hover::before {
  background-color: var(--green);
}

.iua-action-icon--warn:hover {
  border-color: rgba(255, 176, 32, 0.7);
  background-color: rgba(255, 176, 32, 0.12);
  box-shadow: 0 0 0 2px rgba(255, 176, 32, 0.22);
}

.iua-action-icon--warn:hover::before {
  background-color: var(--orange);
}

.iua-action-icon--delete:hover {
  border-color: rgba(255, 107, 107, 0.65);
  background-color: rgba(255, 107, 107, 0.12);
  box-shadow: 0 0 0 2px rgba(255, 107, 107, 0.22);
}

.iua-action-icon--delete:hover::before {
  background-color: var(--red);
}