/* Shared styles for Django flash messages */
.flash-stack { margin: 0 0 16px; }

.flash-message {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  border-left: 4px solid transparent;
  font-size: 0.9rem;
  line-height: 1.3;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
  transition: opacity .25s ease, transform .25s ease;
}

.flash-message.is-success { background: #e6f4ea; color: #1e4620; border-left-color: #34a853; }
.flash-message.is-error   { background: #fdecea; color: #611a15; border-left-color: #d93025; }
.flash-message.is-warning { background: #fff4e5; color: #663c00; border-left-color: #f9ab00; }
.flash-message.is-info    { background: #e8f0fe; color: #174ea6; border-left-color: #1a73e8; }

.flash-icon { font-weight: 700; width: 1.2em; text-align: center; }
.flash-body { flex: 1 1 auto; }

.flash-close {
  appearance: none;
  border: none;
  background: transparent;
  color: inherit;
  font-size: 1.1rem;
  line-height: 1;
  cursor: pointer;
  padding: 2px 4px;
  opacity: .7;
}
.flash-close:hover { opacity: 1; }

.flash-fade { opacity: 0; transform: translateY(-3px); }