/* =========================================
   NOTYF CUSTOM THEME - MINIMAL PILL
   ========================================= */

/* 1. Light Mode Variables (Default) */
:root, [data-bs-theme="light"] {
    --notyf-bg: #ffffff;
    --notyf-text: #171717;
    --notyf-border: #e5e5e5;
    --notyf-icon-bg: #171717;
    --notyf-icon-color: #ffffff;
    --notyf-error-icon-bg: #ef4444; /* Red */
    --notyf-shadow: 0 4px 12px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0,0,0, 0.03);
}

/* 2. Dark Mode Variables (Bootstrap 5) */
[data-bs-theme="dark"] {
    --notyf-bg: #1c1c1f;
    --notyf-text: #ededed;
    --notyf-border: #2e2e32;
    --notyf-icon-bg: #ededed;
    --notyf-icon-color: #1c1c1f;
    --notyf-error-icon-bg: #ef4444;
    --notyf-shadow: 0 4px 12px rgba(0, 0, 0, 0.4), 0 1px 3px rgba(0,0,0, 0.2);
}

/* 3. The Toast Container */
.notyf__toast {
    background: var(--notyf-bg) !important;
    color: var(--notyf-text) !important;
    border: 1px solid var(--notyf-border) !important;
    border-radius: 5px !important; /* Perfect Pill Shape */
    box-shadow: var(--notyf-shadow) !important;
    padding: 6px 16px 6px 6px !important; /* Tighter left padding to hug the icon */
    max-width: max-content !important; 
}

/* 4. The Wrapper & Message */
.notyf__wrapper {
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
}

.notyf__message {
    font-size: 0.875rem !important; /* 14px */
    font-weight: 500 !important;
    color: var(--notyf-text) !important;
    padding: 0 0 0 10px !important; /* Space between icon and text */
}

/* 5. Custom Icon Styles */
.notyf__icon {
    margin: 0 !important; /* Remove default margins */
}

.notyf-custom-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--notyf-icon-bg);
    flex-shrink: 0;
}

.notyf-custom-icon.error {
    background: var(--notyf-error-icon-bg);
}

.notyf-custom-icon svg {
    width: 14px;
    height: 14px;
    stroke: var(--notyf-icon-color);
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}