/* WeMod notification drawer — overlays the current app page below the sticky topbar. */
.notification-drawer-layer{position:fixed;top:82px;right:0;bottom:0;left:0;z-index:55;pointer-events:none;visibility:hidden}.notification-drawer-layer.is-open{pointer-events:auto;visibility:visible}.notification-drawer-backdrop{position:absolute;inset:0;border:0;background:rgba(5,16,27,.34);backdrop-filter:blur(1px);opacity:0;transition:opacity .22s ease;cursor:default}.notification-drawer-layer.is-open .notification-drawer-backdrop{opacity:1}.notification-drawer{position:absolute;top:0;right:0;height:100%;width:min(420px,calc(100vw - 18px));display:flex;flex-direction:column;background:#fff;border-left:1px solid #d9e6ed;box-shadow:-24px 0 60px rgba(29,66,91,.15);transform:translateX(102%);transition:transform .24s ease;overflow:hidden}.notification-drawer-layer.is-open .notification-drawer{transform:translateX(0)}.notification-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 22px 16px;border-bottom:1px solid #e0e9ee}.notification-drawer-head .eyebrow{font-size:9px}.notification-drawer-title-row{display:flex;align-items:center;gap:10px;margin-top:3px}.notification-drawer-title-row h2{font-size:24px;line-height:1.15;margin:0}.notification-drawer-close{font-size:25px;line-height:1}.notification-drawer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;border-bottom:1px solid #e7eef2;background:#f8fbfc}.notification-drawer-toolbar form{margin:0}.notification-unread-summary{font-size:11px;font-weight:800;color:#527086;text-transform:uppercase;letter-spacing:.05em}.notification-drawer-list{flex:1;overflow:auto;padding:14px 14px 26px}.notification-card{display:flex;align-items:flex-start;gap:12px;padding:15px 12px;margin-bottom:10px;border:1px solid #dce8ee;border-radius:15px;background:#fff;transition:.18s ease}.notification-card.is-unread{background:#f2fbf8;border-color:#c9e8dc}.notification-card:hover{transform:translateY(-1px);box-shadow:0 10px 25px rgba(44,75,94,.07)}.notification-card-icon{flex:0 0 35px;height:35px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#eef7fb,#edf9f4);border:1px solid #d5e7ed;color:#1470c9;font:800 10px Manrope,Arial,sans-serif}.notification-card-body{min-width:0;flex:1}.notification-card-title-row{display:flex;align-items:flex-start;gap:8px}.notification-card h3{font-size:13px;line-height:1.35;margin:0;color:#0b2a3f}.notification-card p{font-size:12px;line-height:1.5;margin:5px 0;color:#5e7a8e}.notification-card time{font-size:10px;color:#8aa0ae}.notification-unread-dot{width:7px;height:7px;border-radius:50%;background:#10b56a;box-shadow:0 0 0 4px rgba(16,181,106,.1);margin-top:5px;flex:0 0 7px}.notification-open{align-self:center;flex:0 0 auto}.notification-empty{display:grid;place-items:center;text-align:center;min-height:220px;color:#7892a4}.notification-empty-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;margin-bottom:10px;border:1px solid #d8e7ed;background:#f6fbfc;color:#0ca968;font-size:22px}.notification-drawer-open{overflow:hidden}
html[data-theme="dark"] .notification-drawer{background:#0b1b29;border-left-color:#25455d;box-shadow:-24px 0 60px rgba(0,0,0,.3)}html[data-theme="dark"] .notification-drawer-head{border-bottom-color:#19364c}html[data-theme="dark"] .notification-drawer-toolbar{background:#0d2131;border-bottom-color:#19364c}html[data-theme="dark"] .notification-unread-summary{color:#86a2b4}html[data-theme="dark"] .notification-card{background:#102639;border-color:#294c66}html[data-theme="dark"] .notification-card.is-unread{background:#102e31;border-color:#226459}html[data-theme="dark"] .notification-card h3{color:#f3f8fb}html[data-theme="dark"] .notification-card p{color:#b1c5d1}html[data-theme="dark"] .notification-card time{color:#7e9aac}html[data-theme="dark"] .notification-card-icon{background:linear-gradient(145deg,#15334a,#123a38);border-color:#2c566d;color:#65ddec}html[data-theme="dark"] .notification-empty{color:#829dad}html[data-theme="dark"] .notification-empty-icon{background:#10283a;border-color:#2a4b61}
@media(max-width:850px){.notification-drawer-layer{top:82px}.notification-drawer{width:min(390px,100vw)}}
@media(max-width:520px){.notification-drawer{width:100vw}.notification-drawer-head{padding:18px 16px 13px}.notification-drawer-toolbar{padding:11px 14px}.notification-drawer-list{padding:10px}}

/* Task reviewed detail view inside notification drawer */
.notification-detail-view{display:flex;flex:1;min-height:0;flex-direction:column}.notification-detail-view[hidden]{display:none!important}.notification-detail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;border-bottom:1px solid #e7eef2;background:#f8fbfc}.notification-detail-back{border:0;background:transparent;padding:5px 0;color:#116bc3;font:800 12px Manrope,Arial,sans-serif;cursor:pointer}.notification-detail-back:hover{text-decoration:underline}.notification-detail-scroll{flex:1;overflow:auto;padding:16px 16px 28px}.notification-detail-loading,.notification-detail-error{padding:24px 16px;text-align:center;color:#6f899a;font-size:13px}.notification-detail-error{color:#b63d48}.review-detail-card,.review-detail-section,.review-stats{border:1px solid #dce8ee;border-radius:15px;background:#fff;margin-bottom:12px}.review-detail-card{padding:17px}.review-detail-kicker{font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#0da970;margin-bottom:4px}.review-detail-card h3{font-size:17px;line-height:1.35;margin:0;color:#0c2b40}.review-detail-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;font-size:11px;color:#718b9b}.review-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.review-status-success{background:#e9f8ef;color:#08783d}.review-status-warning{background:#fff5d9;color:#9b6900}.review-status-danger{background:#ffe9ec;color:#b02939}.review-status-neutral{background:#eef4f7;color:#547184}.review-detail-section{padding:15px}.review-detail-section h4{font-size:12px;margin:0 0 11px;color:#0c2b40}.review-detail-section p{font-size:12px;line-height:1.6;margin:0;color:#587486}.review-detail-section.is-correct{border-color:#bfe5d3;background:#f4fcf8}.review-compare-grid{display:grid;grid-template-columns:1fr;gap:9px}.review-compare-grid>div{padding:10px 11px;border-radius:11px;background:#f6f9fb;border:1px solid #e1ebf0}.review-compare-grid span,.review-stats span{display:block;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#7891a2;margin-bottom:3px}.review-compare-grid strong{font-size:12px;color:#0c2b40}.review-stats{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.review-stats>div{padding:14px}.review-stats>div+div{border-left:1px solid #dce8ee}.review-stats strong{font-size:23px;color:#0c2b40}.review-payment-ok{color:#08783d!important;font-weight:800}.review-detail-date{text-align:center;font-size:10px;color:#8299a8;padding:5px 0 12px}
html[data-theme="dark"] .notification-detail-toolbar{background:#0d2131;border-bottom-color:#19364c}html[data-theme="dark"] .notification-detail-back{color:#63dce8}html[data-theme="dark"] .notification-detail-loading{color:#8fa8b7}html[data-theme="dark"] .review-detail-card,html[data-theme="dark"] .review-detail-section,html[data-theme="dark"] .review-stats{background:#102639;border-color:#294c66}html[data-theme="dark"] .review-detail-card h3,html[data-theme="dark"] .review-detail-section h4,html[data-theme="dark"] .review-compare-grid strong,html[data-theme="dark"] .review-stats strong{color:#f3f8fb}html[data-theme="dark"] .review-detail-section p{color:#b1c5d1}html[data-theme="dark"] .review-detail-section.is-correct{background:#102e31;border-color:#226459}html[data-theme="dark"] .review-compare-grid>div{background:#0d2131;border-color:#26475f}html[data-theme="dark"] .review-compare-grid span,html[data-theme="dark"] .review-stats span{color:#7f9cac}html[data-theme="dark"] .review-stats>div+div{border-left-color:#294c66}html[data-theme="dark"] .review-payment-ok{color:#66e1a4!important}