/* ============================================================================
   Capi Când-IA Pro — Notification Item (Fase 1)
   Item de notificação dentro do dropdown do sino.
   Variantes: promo (fundo gradient gold) e info (gold dim translúcido).
   ============================================================================ */

.ds-noti-item {
  padding: 10px 12px;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  transition: background 0.12s ease;
}

.ds-noti-item:hover {
  background: rgba(255,255,255,0.06);
}

.ds-noti-icon {
  width: 28px;
  height: 28px;
  border-radius: var(--ds-radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.ds-noti-icon svg {
  width: 13px;
  height: 13px;
}

.ds-noti-icon-info {
  background: var(--ds-gold-dim);
  border: 1px solid var(--ds-gold-border);
}

.ds-noti-icon-info svg {
  stroke: var(--ds-gold);
}

.ds-noti-icon-promo {
  background: linear-gradient(180deg, var(--ds-gold) 0%, #B8860B 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.15);
}

.ds-noti-icon-promo svg {
  stroke: #0a0a0a;
}

.ds-noti-content {
  flex: 1;
  min-width: 0;
}

.ds-noti-title {
  font-family: var(--ds-font-sans);
  font-size: var(--ds-text-base);
  color: var(--ds-text);
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 2px;
}

.ds-noti-desc {
  font-family: var(--ds-font-sans);
  font-size: 11.5px;
  color: #999;
  line-height: 1.4;
}

.ds-noti-time {
  font-family: var(--ds-font-mono);
  font-size: 10px;
  color: var(--ds-text-muted);
  margin-top: 4px;
}

.ds-noti-time a,
.ds-noti-time .ds-noti-cta {
  color: var(--ds-gold);
  text-decoration: none;
  cursor: pointer;
}