.authenticated-ui .action-icon {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  min-width: 38px;
  padding: 0;
  border-radius: 11px;
  line-height: 1;
  vertical-align: middle;
}

.authenticated-ui .action-icon svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}

.authenticated-ui .action-icon-edit {
  border: 1px solid rgba(148, 138, 80, 0.38);
  background: rgba(255, 255, 255, 0.3);
  color: #6f673b;
  box-shadow: none;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.authenticated-ui .action-icon-view,
.authenticated-ui .action-icon-save,
.authenticated-ui .action-icon-download,
.authenticated-ui .action-icon-check,
.authenticated-ui .action-icon-reopen {
  border: 1px solid rgba(83, 115, 105, 0.34);
  background: rgba(255, 255, 255, 0.3);
  color: #456d63;
  box-shadow: none;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.authenticated-ui .action-icon-view:hover,
.authenticated-ui .action-icon-view:focus-visible,
.authenticated-ui .action-icon-save:hover,
.authenticated-ui .action-icon-save:focus-visible,
.authenticated-ui .action-icon-download:hover,
.authenticated-ui .action-icon-download:focus-visible,
.authenticated-ui .action-icon-check:hover,
.authenticated-ui .action-icon-check:focus-visible,
.authenticated-ui .action-icon-reopen:hover,
.authenticated-ui .action-icon-reopen:focus-visible {
  border-color: #557365;
  background: #557365;
  color: #fff;
  box-shadow: 0 8px 18px rgba(49, 88, 78, 0.22);
  outline: none;
}

.authenticated-ui .action-icon-close {
  border: 1px solid rgba(100, 105, 101, 0.28);
  background: rgba(255, 255, 255, 0.26);
  color: #626965;
  box-shadow: none;
}

.authenticated-ui .action-icon-close:hover,
.authenticated-ui .action-icon-close:focus-visible {
  border-color: #626965;
  background: #626965;
  color: #fff;
  outline: none;
}

.authenticated-ui .action-icon-edit:hover,
.authenticated-ui .action-icon-edit:focus-visible {
  border-color: #948a50;
  background: #948a50;
  color: #fff;
  box-shadow: 0 8px 18px rgba(93, 85, 43, 0.22);
  outline: none;
}

.authenticated-ui .action-icon-delete {
  border: 1px solid rgba(156, 50, 50, 0.25);
  background: rgba(255, 255, 255, 0.26);
  color: #9b3535;
  box-shadow: none;
}

.authenticated-ui .action-icon-delete:hover,
.authenticated-ui .action-icon-delete:focus-visible {
  border-color: #9b3535;
  background: #9b3535;
  color: #fff;
  box-shadow: 0 8px 18px rgba(125, 39, 39, 0.2);
  outline: none;
}

.authenticated-ui .module-actions form:has(> .action-icon),
.authenticated-ui .user-actions form:has(> .action-icon),
.authenticated-ui td form:has(> .action-icon) {
  display: inline-flex;
}

@media (max-width: 600px) {
  .authenticated-ui .action-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;
  }
}