/*
|--------------------------------------------------------------------------
| MedichPlus Notification System
|--------------------------------------------------------------------------
*/


/* Main wrapper */

.mplus-notification-wrapper {

    position: fixed !important;
    top: 20px !important;
    right: 20px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 999999 !important;

}



/* Bell button */

.mplus-notification-bell {

    width: 48px;
    height: 48px;

    border-radius: 50%;

    border: none;

    background: #ffffff;

    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;

    box-shadow: 0 8px 25px rgba(0,0,0,0.15);

    transition: 0.25s;

}



.mplus-notification-bell:hover {

    transform: translateY(-2px);

}



/* Bell icon */

.mplus-bell-icon {

    font-size: 24px;

}



/* Number badge */

.mplus-bell-count {

    position: absolute;

    top: -5px;
    right: -5px;


    min-width: 22px;
    height: 22px;


    background: #e53935;

    color: white;

    font-size: 12px;

    font-weight: 700;


    border-radius: 50%;


    display: flex;

    align-items: center;

    justify-content: center;


    border: 2px solid white;

}



/*
|--------------------------------------------------------------------------
| Notification Dropdown
|--------------------------------------------------------------------------
*/


.mplus-notification-panel {

    display: none;


    position: absolute;

    top: 60px;

    right: 0;


    width: 360px;


    background: white;


    border-radius: 14px;


    box-shadow:
    0 15px 40px rgba(0,0,0,0.18);



    overflow: hidden;


}



.mplus-notification-panel.active {

    display: block;

    animation: mplusNotificationFade .2s ease;

}



/* Header */


.mplus-notification-header {

    padding: 16px;

    font-size: 18px;

    font-weight: 700;


    border-bottom: 1px solid #eeeeee;


}



/* Scroll area */


.mplus-notification-list {

    max-height: 420px;

    overflow-y: auto;

}



/* Items */


.mplus-notification-item {


    display: block;


    padding: 16px;


    text-decoration: none;


    color: inherit;


    border-bottom: 1px solid #eeeeee;


    transition: .2s;


}



.mplus-notification-item:hover {

    background: #f7fbff;

}



/* Unread */

.mplus-notification-item.unread {

    background: #eef7ff;

}



.mplus-notification-item strong {

    display: block;

    margin-bottom: 6px;

    font-size: 15px;

}



.mplus-notification-item p {

    margin: 0 0 8px;

    font-size: 14px;

    color: #555;

    line-height: 1.5;

}



.mplus-notification-item small {

    color: #888;

    font-size: 12px;

}



.mplus-empty-notifications {

    padding: 20px;

    text-align: center;

    color: #777;

}



/*
|--------------------------------------------------------------------------
| Scrollbar
|--------------------------------------------------------------------------
*/


.mplus-notification-list::-webkit-scrollbar {

    width: 7px;

}



.mplus-notification-list::-webkit-scrollbar-thumb {

    border-radius: 10px;

}



/*
|--------------------------------------------------------------------------
| Animation
|--------------------------------------------------------------------------
*/


@keyframes mplusNotificationFade {


    from {

        opacity: 0;

        transform: translateY(-10px);

    }


    to {

        opacity: 1;

        transform: translateY(0);

    }


}



/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/


@media(max-width:768px){


    .mplus-notification-wrapper {

        top: 12px;

        right: 12px;

    }



    .mplus-notification-panel {


        width: calc(100vw - 24px);


        right: 0;


        max-height: 70vh;


    }


}
/* ============================================================
   MEDICHPLUS NOTIFICATION / TRADE DETAIL MODAL
   ============================================================ */
.mplus-notification-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.mplus-notification-header small{font-size:11px;color:#64748b;font-weight:700}.mplus-notification-item{display:flex!important;align-items:center;gap:12px;cursor:default}.mplus-notification-copy{min-width:0;flex:1}.mplus-notification-view-btn{flex:0 0 auto;min-width:54px;padding:7px 11px;border:1px solid #d4e0e5;border-radius:8px;background:#fff;color:#16365f;font-size:12px;font-weight:800;cursor:pointer}.mplus-notification-view-btn:hover{background:#f3f8f8;border-color:#a9c8cd}.mplus-notification-item.unread .mplus-notification-view-btn{border-color:#2f8f3b;background:#f4fbf5;color:#23743a}
.mplus-trade-modal{display:none;position:fixed;inset:0;z-index:1000001}.mplus-trade-modal.active{display:block}.mplus-trade-modal-backdrop{position:absolute;inset:0;background:rgba(8,22,40,.62);backdrop-filter:blur(3px)}.mplus-trade-modal-dialog{position:relative;width:min(860px,calc(100vw - 28px));max-height:min(88vh,820px);margin:6vh auto 0;display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.28);animation:mplusModalIn .2s ease}.mplus-trade-modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 22px;border-bottom:1px solid #e5ebef;background:linear-gradient(135deg,#f8fbfc,#fff)}.mplus-trade-modal-head>div>span{font-size:10px;letter-spacing:.14em;font-weight:800;color:#1e7f8c}.mplus-trade-modal-head h2{margin:2px 0 0;font-family:Manrope,Inter,sans-serif;font-size:19px;color:#14315c}.mplus-trade-modal-close{width:36px;height:36px;border:0;border-radius:50%;background:#eef3f5;color:#183552;font-size:25px;line-height:1;cursor:pointer}.mplus-trade-modal-body{overflow-y:auto;padding:24px}.mplus-modal-loading,.mplus-modal-error{padding:30px;text-align:center;color:#64748b}.mplus-modal-error{color:#b42318}.mplus-modal-eyebrow{font-size:11px;letter-spacing:.12em;font-weight:800;color:#1e7f8c;text-transform:uppercase}.mplus-trade-modal-body h2{margin:4px 0 7px;font-family:Manrope,Inter,sans-serif;color:#14315c;font-size:28px}.mplus-modal-status{margin-bottom:18px}.mplus-modal-section{margin-top:18px;padding-top:18px;border-top:1px solid #e7edf1}.mplus-modal-section h3{margin:0 0 12px;font-family:Manrope,Inter,sans-serif;color:#16365f;font-size:15px}.mplus-modal-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#e7edf1;border:1px solid #e7edf1;border-radius:12px;overflow:hidden}.mplus-modal-detail-row{padding:12px 14px;background:#fff;min-width:0}.mplus-modal-detail-row span{display:block;margin-bottom:3px;color:#64748b;font-size:10px;text-transform:uppercase;letter-spacing:.04em;font-weight:700}.mplus-modal-detail-row strong{display:block;color:#263746;font-size:13px;white-space:pre-wrap;word-break:break-word}.mplus-modal-message{padding:14px;border-radius:11px;background:#f7fafb;color:#3f4b58;font-size:13px;line-height:1.65;white-space:normal}.mplus-modal-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.mplus-modal-links a,.mplus-modal-pdf{display:inline-flex;padding:9px 12px;border-radius:9px;border:1px solid #d5e1e5;background:#fff;color:#1b5361;text-decoration:none;font-size:12px;font-weight:800}.mplus-modal-pdf{background:linear-gradient(135deg,#f3faf5,#f4fbfb);border-color:#b9ddc1}
@keyframes mplusModalIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:600px){.mplus-trade-modal-dialog{width:calc(100vw - 16px);max-height:92vh;margin:4vh auto 0;border-radius:16px}.mplus-trade-modal-head{padding:15px 16px}.mplus-trade-modal-body{padding:17px}.mplus-modal-detail-grid{grid-template-columns:1fr}.mplus-trade-modal-body h2{font-size:23px}.mplus-notification-panel{width:calc(100vw - 24px);max-width:380px}}