/* ============================================================
   PNotify Compacto — Versão Ultra Compacta Oficial do WebWay
   Notificações enxutas de 1 linha com animação typewriter
   Autor: Victor Lacerda Azevedo
   ============================================================ */

.ui-pnotify.ww-pn-compact {
    --ww-pn-comp-bg: #ffffff;
    --ww-pn-comp-border: #e2e8f0;
    --ww-pn-comp-color: #0f172a;
    --ww-pn-comp-icon: #3b82f6;
    --ww-pn-comp-glow: rgba(0, 0, 0, 0.08);
    right: 18px !important;
    top: 18px !important;
    width: auto !important;
    min-width: 220px !important;
    max-width: 480px !important;
    margin-bottom: 6px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Variantes de Cores */
.ui-pnotify.ww-pn-compact.ww-pn-compact-success {
    --ww-pn-comp-bg: #f0fdf4;
    --ww-pn-comp-border: #86efac;
    --ww-pn-comp-color: #14532d;
    --ww-pn-comp-icon: #16a34a;
    --ww-pn-comp-glow: rgba(22, 163, 74, 0.14);
}

.ui-pnotify.ww-pn-compact.ww-pn-compact-info {
    --ww-pn-comp-bg: #f0f9ff;
    --ww-pn-comp-border: #93c5fd;
    --ww-pn-comp-color: #1e3a8a;
    --ww-pn-comp-icon: #2563eb;
    --ww-pn-comp-glow: rgba(37, 99, 235, 0.14);
}

.ui-pnotify.ww-pn-compact.ww-pn-compact-warning {
    --ww-pn-comp-bg: #fffbeb;
    --ww-pn-comp-border: #fde68a;
    --ww-pn-comp-color: #78350f;
    --ww-pn-comp-icon: #d97706;
    --ww-pn-comp-glow: rgba(217, 119, 6, 0.14);
}

.ui-pnotify.ww-pn-compact.ww-pn-compact-error {
    --ww-pn-comp-bg: #fef2f2;
    --ww-pn-comp-border: #fca5a5;
    --ww-pn-comp-color: #7f1d1d;
    --ww-pn-comp-icon: #dc2626;
    --ww-pn-comp-glow: rgba(220, 38, 38, 0.14);
}

/* Container Ultra Compacto */
.ui-pnotify.ww-pn-compact > .ui-pnotify-container {
    background-color: var(--ww-pn-comp-bg) !important;
    border: 1px solid var(--ww-pn-comp-border) !important;
    border-left: 4px solid var(--ww-pn-comp-icon) !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 14px var(--ww-pn-comp-glow), 0 1px 3px rgba(0, 0, 0, 0.06) !important;
    padding: 6px 12px 6px 10px !important;
    min-height: 32px !important;
    height: auto !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    color: var(--ww-pn-comp-color) !important;
}

/* Oculta título obrigatoriamente */
.ui-pnotify.ww-pn-compact .ui-pnotify-title {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ícone alinhado na mesma linha */
.ui-pnotify.ww-pn-compact .ui-pnotify-icon {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    width: 16px !important;
    height: 16px !important;
}

.ui-pnotify.ww-pn-compact .ui-pnotify-icon > span,
.ui-pnotify.ww-pn-compact .ui-pnotify-icon > i {
    color: var(--ww-pn-comp-icon) !important;
    font-size: 14px !important;
    line-height: 1 !important;
}

/* Texto em 1 linha (ou adaptável para 2 sem sobra) */
.ui-pnotify.ww-pn-compact .ui-pnotify-text {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 1 1 auto !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    color: var(--ww-pn-comp-color) !important;
    word-break: break-word !important;
    display: inline-block !important;
}

/* Botão Fechar (Closer) Discreto */
.ui-pnotify.ww-pn-compact .ui-pnotify-closer {
    float: none !important;
    margin-left: auto !important;
    padding: 0 !important;
    font-size: 12px !important;
    color: var(--ww-pn-comp-color) !important;
    opacity: 0.45 !important;
    cursor: pointer !important;
    transition: opacity 0.15s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
}

.ui-pnotify.ww-pn-compact .ui-pnotify-closer:hover {
    opacity: 1 !important;
}

.ui-pnotify.ww-pn-compact .ui-pnotify-sticker {
    display: none !important;
}

/* Cursor de Efeito Typewriter */
.ww-pn-typewriter-cursor {
    display: inline-block;
    width: 2px;
    height: 11px;
    background-color: var(--ww-pn-comp-icon, #3b82f6);
    margin-left: 2px;
    vertical-align: -1px;
    animation: wwPnBlink 0.65s infinite alternate;
}

@keyframes wwPnBlink {
    0% { opacity: 1; }
    49% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 0; }
}