/* public/css/notification.css */

.flash-notification {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
  
    padding: 12px 20px;
    border-radius: 4px;
    font-family: sans-serif;
    font-size: 14px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px;
    opacity: 0.96;
  }
  
  .flash-notification.error {
    background-color: #e74c3c;   /* red */
    color: white;
  }
  
  .flash-notification.success {
    background-color: #2ecc71;   /* green, if you ever want success flash */
    color: white;
  }
  
  /* Optional fade‐out */
  .flash-notification.hide {
    transition: opacity 0.5s ease;
    opacity: 0;
  }