/* ================================
   SPHERENET NOTIFICATION BANNER
   ================================ */

#sn-banner {
    position: fixed !important;
    top: -120px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 90% !important;
    max-width: 600px !important;
    z-index: 9999 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.15) !important;
    transition: top 0.35s ease, opacity 0.35s ease !important;
    opacity: 0 !important;
}

#sn-banner.visible {
    top: 20px !important;
    opacity: 1 !important;
}

#sn-banner.hidden {
    display: block !important;
    opacity: 0 !important;
}

/* Banner content */
.sn-banner-content {
    padding: 18px 20px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    font-family: system-ui, sans-serif !important;
}

/* Title */
.sn-banner-title {
    font-weight: 700 !important;
    font-size: 16px !important;
}

/* Message */
.sn-banner-message {
    font-size: 15px !important;
    opacity: 0.9 !important;
}

/* Close button */
.sn-banner-close {
    margin-left: auto !important;
    background: transparent !important;
    border: none !important;
    font-size: 22px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    color: inherit !important;
    opacity: 0.8 !important;
}

.sn-banner-close:hover {
    opacity: 1 !important;
}

/* ================================
   COLOR THEMES
   ================================ */

.sn-error {
    background: #ffe5e5 !important;
    border-left: 6px solid #d9534f !important;
    color: #b52b27 !important;
}

.sn-warning {
    background: #fff4e0 !important;
    border-left: 6px solid #f0ad4e !important;
    color: #b06d00 !important;
}

.sn-success {
    background: #e6f7e9 !important;
    border-left: 6px solid #5cb85c !important;
    color: #2d7a2d !important;
}

.sn-info {
    background: #e0f2fe !important;
    border-left: 6px solid #0284c7 !important;
    color: #075985 !important;
}