/* ========================================
   RAZZBIDBY DESIGN SYSTEM - NOTIFICATIONS
   ======================================== */

.notifyjs-material-base {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  background: #FFFFFF;
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(7, 21, 41, 0.12), 0 4px 12px rgba(7, 21, 41, 0.08);
  min-width: 320px;
  max-width: 450px;
  border: 1px solid #E3E8EF;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  font-family: "Space Grotesk", sans-serif;
}

.notifyjs-material-base .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  flex-shrink: 0;
  font-size: 16px;
}

.notifyjs-material-base .content {
  flex: 1;
}

.notifyjs-material-base .title {
  font-weight: 600;
  font-size: 15px;
  color: #071529;
  margin: 0;
  line-height: 1.4;
}

.notifyjs-material-base .message {
  font-size: 13px;
  color: #6E7C93;
  margin: 4px 0 0 0;
  line-height: 1.5;
}

.notifyjs-material-base .action-btn {
  margin-top: 12px;
  padding: 8px 16px;
  background: #FFB822;
  color: #071529;
  border: none;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 150ms ease;
  display: inline-block;
}

.notifyjs-material-base .action-btn:hover {
  background: #FFD066;
  transform: translateY(-1px);
}

/* Success State */
.notifyjs-material-success {
  border-left: 4px solid #10B981;
}

.notifyjs-material-success .icon {
  background: #ECFDF5;
  color: #10B981;
}

/* Error State */
.notifyjs-material-error {
  border-left: 4px solid #E84855;
}

.notifyjs-material-error .icon {
  background: #FEF2F2;
  color: #E84855;
}

/* Info State */
.notifyjs-material-info {
  border-left: 4px solid #3B82F6;
}

.notifyjs-material-info .icon {
  background: #EFF6FF;
  color: #3B82F6;
}

/* Warning State */
.notifyjs-material-warning {
  border-left: 4px solid #F59E0B;
}

.notifyjs-material-warning .icon {
  background: #FFFBEB;
  color: #F59E0B;
}