.system-alert {
  position: fixed;
  z-index: 9999;
  top: 16px;
  right: 16px;
  display: grid;
  gap: 2px;
  width: min(360px, calc(100vw - 32px));
  border-radius: var(--radius);
  background: var(--surface);
  color: var(--text);
  box-shadow: var(--shadow);
  padding: 12px 14px;
}

.system-alert-success { border-left: 5px solid var(--success); }
.system-alert-error { border-left: 5px solid var(--danger); }
.system-alert-warning { border-left: 5px solid var(--warning); }
.system-alert-info { border-left: 5px solid var(--info); }

.swal2-popup {
  border-radius: var(--radius) !important;
  font-family: var(--font) !important;
}

.app-modal {
  background: var(--surface) !important;
  color: var(--text) !important;
  border: 1px solid var(--line) !important;
}

.app-modal-actions {
  gap: 10px;
}

.app-modal-confirm,
.app-modal-cancel {
  min-height: 42px;
  border-radius: var(--radius);
  padding: 0 16px;
  font-weight: 850;
  cursor: pointer;
}

.app-modal-confirm {
  border: 0;
  background: linear-gradient(135deg, var(--primary), var(--primary-2));
  color: #fff;
}

.app-modal-cancel {
  border: 1px solid var(--line);
  background: transparent;
  color: var(--text);
}