/* container positions */
#ppsl-proof-container { position: fixed; z-index: 99999; pointer-events: none; }
#ppsl-proof-container.bottom-left { left: 24px; bottom: 24px; }
#ppsl-proof-container.bottom-right { right: 24px; bottom: 24px; }
#ppsl-proof-container.top-left { left: 24px; top: 24px; }
#ppsl-proof-container.top-right { right: 24px; top: 24px; }

/* notification card */
.ppsl-proof-notif {
    display:flex; align-items:center; gap:12px;
    background: #ffffff;
    border: 1px solid #e6eef5;
    border-left: 4px solid #0ea5e9;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(2, 46, 102, 0.12);
    padding: 12px 14px; margin-top: 12px; width: 360px;
    transform: translateY(10px) scale(0.98); opacity: 0;
    transition: all 0.45s cubic-bezier(.2,.9,.3,1);
    pointer-events: auto;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
}
.ppsl-proof-notif.ppsl-show { transform: translateY(0) scale(1); opacity: 1; }

.ppsl-thumb-wrap {
    width:48px; height:48px; border-radius:50%; overflow:hidden; flex:0 0 auto;
    background: #e0f2fe;
    border: 1px solid #bae6fd;
    display:flex; align-items:center; justify-content:center;
}
.ppsl-thumb-img { width:100%; height:100%; object-fit:cover; display:block; }
.ppsl-thumb-fallback {
    display:inline-flex; align-items:center; justify-content:center;
    width:100%; height:100%;
    font-size:10px; font-weight:700; line-height:1.1; text-align:center;
    color:#0b4a6f; padding:6px;
    word-break: break-word;
}

.ppsl-text { font-size:14.5px; color:#0f172a; line-height:1.35; flex:1; font-weight:500; letter-spacing:0.1px; }
.ppsl-proof-notif .ppsl-close {
    background:transparent; border:0; font-size:18px; line-height:1; padding:4px 6px;
    cursor:pointer; color:#475569; margin-left:4px; border-radius:8px;
}
.ppsl-proof-notif .ppsl-close:hover { background:#f1f5f9; }

@media(max-width:480px){
    .ppsl-proof-notif { width: 92vw; padding:12px; }
    #ppsl-proof-container { left:4%; right:4%; }
}