.qasim-notification-portal{position:relative;z-index:2147483000;font-family:"Cairo",Tahoma,Arial,sans-serif;color:#f7edda}.qasim-notification-entry{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #b8892d;border-radius:999px;background:#17130d;color:#e6ba59;box-shadow:0 10px 28px rgba(0,0,0,.28);cursor:pointer;transform:none!important}.qasim-notification-entry:hover,.qasim-notification-entry:focus-visible{background:#251c10;outline:2px solid rgba(214,170,76,.48);outline-offset:2px}.qasim-notification-entry svg,.qasim-notification-empty svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.qasim-notification-entry b{position:absolute;top:-4px;inset-inline-end:-4px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:2px solid #0d0b09;border-radius:999px;background:#d6aa4c;color:#090806;font-size:10px;line-height:1}.qasim-notification-fixed{position:fixed;top:92px;inset-inline-start:20px;z-index:2147483001;visibility:visible;opacity:1}
.site-shell .header-actions .theme-toggle{width:42px!important;min-width:42px!important;height:42px!important;padding:0!important;gap:0!important;border-radius:999px!important;transform:translateX(-49px)}.site-shell .header-actions .theme-toggle small{display:none!important}
.qasim-notification-in-header{box-shadow:none;background:rgba(214,170,76,.06);border-color:rgba(214,170,76,.46);color:#e6ba59}.qasim-notification-in-header:hover{background:rgba(214,170,76,.13)}
.qasim-notification-backdrop{position:fixed;inset:0;z-index:2147483002;display:grid;place-items:center;padding:20px;background:rgba(5,4,3,.68);backdrop-filter:blur(4px);opacity:0;transition:opacity .18s ease}.qasim-notification-backdrop[hidden]{display:none}.qasim-notification-backdrop.visible{opacity:1}.qasim-notification-dialog{width:min(620px,100%);max-height:min(720px,calc(100vh - 40px));display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid #745426;background:#100d0a;color:#f7edda;box-shadow:0 30px 90px rgba(0,0,0,.55);transform:translateY(12px);transition:transform .18s ease}.qasim-notification-backdrop.visible .qasim-notification-dialog{transform:translateY(0)}.qasim-notification-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid #3d2f1c;background:linear-gradient(135deg,#19130d,#0e0c09)}.qasim-notification-dialog>header span{display:block;color:#d7ab50;font-size:12px;font-weight:800;letter-spacing:.08em}.qasim-notification-dialog>header h2{margin:3px 0 0;font-size:24px}.qasim-notification-dialog>header button{width:40px;height:40px;border:1px solid #594322;background:#17120d;color:#d9c6a4;font-size:27px;line-height:1;cursor:pointer}.qasim-notification-dialog-body{min-height:230px;overflow:auto;padding:18px}.qasim-notification-loading{display:grid;place-items:center;min-height:220px;color:#cabdA8}.qasim-notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #332719;color:#c8baa4}.qasim-notification-toolbar>div{display:flex;flex-wrap:wrap;gap:8px}.qasim-notification-toolbar button,.qasim-notification-empty button{min-height:38px;padding:8px 12px;border:1px solid #9c712c;background:#251b0f;color:#f1cf88;font:700 12px inherit;cursor:pointer}.qasim-notification-toolbar button:disabled{opacity:.65;cursor:default}.qasim-notification-list{display:grid;gap:10px}.qasim-notification-item{display:grid;gap:5px;width:100%;padding:14px 15px;border:1px solid #36291a;background:#15110d;color:#f4ead9;text-align:start;font:inherit;cursor:pointer}.qasim-notification-item.unread{border-color:#9b7131;background:#21180e}.qasim-notification-item b{font-size:14px}.qasim-notification-item span{color:#c6b8a2;line-height:1.65}.qasim-notification-item small{color:#887b69}.qasim-notification-empty{display:grid;place-items:center;gap:10px;min-height:220px;padding:24px;text-align:center;color:#d6c8b1}.qasim-notification-empty.compact{min-height:160px}.qasim-notification-empty svg{width:38px;height:38px;color:#d5a94c}.qasim-notification-empty small{color:#9f927f}.qasim-notification-error{margin:0 0 12px;padding:10px 12px;border:1px solid #8c473f;background:#2a1512;color:#ffd1ca}.qasim-live-notification{position:fixed;z-index:2147483003;top:92px;inset-inline-end:22px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:min(430px,calc(100vw - 28px));padding:15px 16px;border:1px solid #b8892d;background:#17130d;color:#f7edda;text-align:start;box-shadow:0 20px 55px rgba(0,0,0,.38);opacity:0;transform:translateY(-14px);transition:.28s ease;cursor:pointer}.qasim-live-notification.visible{opacity:1;transform:translateY(0)}.qasim-live-notification svg{width:23px;height:23px;fill:none;stroke:#e0b85e;stroke-width:1.8}.qasim-live-notification span{display:grid;gap:4px}.qasim-live-notification b{font-size:15px}.qasim-live-notification small,.qasim-live-notification i{color:#cbbda7}.qasim-live-notification i{font-style:normal;font-size:22px}
body:has(.site-shell[data-theme="light"]) .qasim-notification-dialog,html[data-theme="light"] .qasim-notification-dialog{border-color:#c7a86d;background:#fffaf1;color:#211b14}body:has(.site-shell[data-theme="light"]) .qasim-notification-dialog>header,html[data-theme="light"] .qasim-notification-dialog>header{background:#f6ead5;border-color:#d8c29b}body:has(.site-shell[data-theme="light"]) .qasim-notification-item,html[data-theme="light"] .qasim-notification-item{background:#fffdf8;border-color:#ddcfb8;color:#211b14}body:has(.site-shell[data-theme="light"]) .qasim-notification-item.unread,html[data-theme="light"] .qasim-notification-item.unread{background:#fff4da;border-color:#b98b3e}
body:has(.site-shell[data-theme="light"]) .qasim-notification-in-header,html[data-theme="light"] .qasim-notification-in-header{background:#fffaf1;color:#8a5e16;border-color:#c7a86d}
.qasim-notification-portal{position:static}
@media(max-width:900px){.site-shell .header-actions .theme-toggle{transform:none}.qasim-notification-fixed{top:auto;bottom:calc(88px + env(safe-area-inset-bottom,0px));inset-inline-start:16px}.qasim-notification-in-header{box-shadow:none}.qasim-notification-backdrop{align-items:end;padding:0}.qasim-notification-dialog{width:100%;max-height:calc(100dvh - env(safe-area-inset-top,0px) - 20px);border-inline:0;border-bottom:0;border-radius:18px 18px 0 0;padding-bottom:env(safe-area-inset-bottom,0px)}.qasim-live-notification{top:calc(78px + env(safe-area-inset-top,0px));inset-inline:14px;width:auto}}
@media(max-width:560px){.qasim-notification-dialog>header{padding:16px 18px}.qasim-notification-dialog-body{padding:14px}.qasim-notification-toolbar{align-items:stretch;flex-direction:column}.qasim-notification-toolbar>div{display:grid}.qasim-notification-toolbar button{width:100%}}
@media(prefers-reduced-motion:reduce){.qasim-notification-entry,.qasim-notification-dialog,.qasim-notification-backdrop,.qasim-live-notification{animation:none!important;transition:none!important}}
