.admin-errors-panel {
  display: grid;
  gap: 16px;
  margin: 0 0 24px;
  padding: clamp(20px, 2.6vw, 30px);
  border: 1px solid rgba(255, 142, 118, 0.28);
  border-radius: 28px;
  color: #f7f2e8;
  background:
    radial-gradient(circle at 86% 0%, rgba(255, 132, 105, 0.13), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025)),
    rgba(48, 40, 30, 0.80);
}

.admin-errors-panel[hidden] {
  display: none;
}

.admin-errors-heading,
.admin-error-card-head,
.admin-error-actions,
.admin-errors-dialog > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.admin-errors-heading span,
.admin-errors-dialog > span {
  color: #ffad9b;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.16em;
}

.admin-errors-heading h2,
.admin-errors-dialog h2 {
  margin: 6px 0;
}

.admin-errors-heading p,
.admin-errors-dialog p,
.admin-error-card p {
  margin: 0;
  color: rgba(247, 242, 232, 0.62);
  font-size: 12px;
}

.admin-errors-heading button,
.admin-error-actions button,
.admin-errors-dialog button {
  min-height: 38px;
  padding: 8px 14px;
  border: 1px solid rgba(255, 142, 118, 0.34);
  border-radius: 999px;
  color: #ffd1c7;
  background: rgba(255, 255, 255, 0.035);
  cursor: pointer;
  font: 800 9px/1 var(--font-main);
  text-transform: uppercase;
}

.admin-errors-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 10px;
}

.admin-error-card {
  display: grid;
  gap: 10px;
  padding: 15px;
  border: 1px solid rgba(255, 142, 118, 0.22);
  border-radius: 18px;
  background: rgba(0, 0, 0, 0.14);
}

.admin-error-card.is-resolved {
  opacity: 0.52;
  border-color: rgba(214, 181, 111, 0.16);
}

.admin-error-card-head span {
  color: #ffad9b;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-error-card time {
  color: rgba(247, 242, 232, 0.45);
  font-size: 10px;
}

.admin-errors-empty {
  color: rgba(247, 242, 232, 0.58);
}

.admin-errors-modal {
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: none;
  place-items: center;
  padding: 20px;
  background: rgba(7, 6, 5, 0.76);
  backdrop-filter: blur(16px);
}

.admin-errors-modal.is-open {
  display: grid;
}

.admin-errors-dialog {
  width: min(100%, 520px);
  display: grid;
  gap: 14px;
  padding: clamp(24px, 4vw, 36px);
  border: 1px solid rgba(255, 142, 118, 0.34);
  border-radius: 28px;
  color: #f7f2e8;
  background: #352b21;
}

.admin-errors-dialog > div {
  justify-content: flex-end;
}

@media (max-width: 680px) {
  .admin-errors-heading,
  .admin-error-actions,
  .admin-errors-dialog > div {
    align-items: stretch;
    flex-direction: column;
  }

  .admin-errors-heading button,
  .admin-error-actions button,
  .admin-errors-dialog button {
    width: 100%;
  }
}