/* Parsian Stock Alert */

.psa-wrap{margin:20px 0}

/* Button */
.psa-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:14px 28px;
    background:linear-gradient(135deg,#e74c3c,#c0392b);
    color:#fff!important;
    border:none!important;
    border-radius:12px!important;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
    position:relative;
    overflow:hidden;
    transition:all .3s;
    box-shadow:0 4px 15px rgba(231,76,60,.4);
    font-family:inherit
}
.psa-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(231,76,60,.5)}
.psa-btn::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}
.psa-btn:hover::after{left:100%}
.psa-btn svg{width:22px;height:22px;flex-shrink:0}
.psa-btn span{color:#fff!important}
.psa-icon-check{display:none}
.psa-btn:hover .psa-icon-bell{animation:bellShake .5s}
@keyframes bellShake{0%,100%{transform:rotate(0)}20%{transform:rotate(12deg)}40%{transform:rotate(-12deg)}60%{transform:rotate(8deg)}80%{transform:rotate(-8deg)}}

.psa-btn.psa-done{background:linear-gradient(135deg,#27ae60,#1e8449);box-shadow:0 4px 15px rgba(39,174,96,.4);pointer-events:none}
.psa-btn.psa-done .psa-icon-bell{display:none}
.psa-btn.psa-done .psa-icon-check{display:block;animation:pop .4s}
@keyframes pop{0%{transform:scale(0)}50%{transform:scale(1.2)}100%{transform:scale(1)}}

/* Modal */
.psa-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999;display:none;align-items:center;justify-content:center}
.psa-modal.psa-open{display:flex}
.psa-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}
.psa-box{position:relative;background:#fff;border-radius:20px;padding:35px;width:90%;max-width:400px;box-shadow:0 25px 60px rgba(0,0,0,.3);z-index:1;animation:modalIn .3s}
@keyframes modalIn{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}

.psa-close{position:absolute;top:15px;left:15px;width:40px;height:40px;border:none!important;background:#f0f0f0;border-radius:50%!important;font-size:22px;line-height:40px;text-align:center;color:#666;cursor:pointer;transition:all .2s;padding:0!important;display:flex;align-items:center;justify-content:center}
.psa-close:hover{background:#e74c3c;color:#fff}

.psa-header{text-align:center;margin-bottom:25px}
.psa-header svg{width:60px;height:60px;stroke:#e74c3c;margin-bottom:15px}
.psa-header h3{margin:0 0 8px;font-size:20px;color:#2c3e50;font-weight:700}
.psa-header p{margin:0;color:#7f8c8d;font-size:14px}

.psa-info{background:#f8f9fa;border-radius:12px;padding:15px;margin-bottom:20px}
.psa-info-row{display:flex;align-items:center;gap:12px;padding:8px 0}
.psa-info-row:not(:last-child){border-bottom:1px solid #eee}
.psa-info-row svg{width:20px;height:20px;stroke:#e74c3c;flex-shrink:0}
.psa-info-row span{font-size:14px;color:#2c3e50}

.psa-field{margin-bottom:18px}
.psa-field label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#34495e}
.psa-field input{width:100%;padding:14px 16px;border:2px solid #e0e0e0!important;border-radius:10px!important;font-size:15px;font-family:inherit;transition:border-color .2s;box-sizing:border-box;background:#fff!important}
.psa-field input:focus{outline:none;border-color:#e74c3c!important}
.psa-field input::placeholder{color:#bbb}

.psa-submit{width:100%;padding:16px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff!important;border:none!important;border-radius:12px!important;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;font-family:inherit;position:relative}
.psa-submit:hover{box-shadow:0 8px 20px rgba(231,76,60,.4);transform:translateY(-2px)}
.psa-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}

.psa-spinner{display:none;width:20px;height:20px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite;position:absolute;top:50%;left:50%;margin:-10px 0 0 -10px}
@keyframes spin{to{transform:rotate(360deg)}}
.psa-submit.psa-loading .psa-submit-txt{visibility:hidden}
.psa-submit.psa-loading .psa-spinner{display:block}

.psa-done-msg{display:none;text-align:center;padding:20px 0}
.psa-done-msg svg{width:70px;height:70px;stroke:#27ae60;margin-bottom:15px;animation:pop .5s}
.psa-done-msg p{font-size:16px;color:#2c3e50;font-weight:600;margin:0}

.psa-err{color:#e74c3c;font-size:12px;margin-top:5px}

@media(max-width:480px){
    .psa-box{padding:25px 20px;margin:15px;width:calc(100% - 30px)}
    .psa-btn{padding:12px 20px;font-size:14px}
}