/* Extensions Store — bell + slide-in notifications drawer. */

.exst-bell{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;border:0;background:transparent;color:#0f172a;cursor:pointer;border-radius:50%;transition:background .15s;}
.exst-bell:hover{background:rgba(15,23,42,.06);}
.exst-bell__dot{position:absolute;top:7px;right:8px;width:11px;height:11px;border-radius:50%;border:2px solid #fff;}
.exst-bell__dot--yellow{background:#f5c518;}
.exst-bell__dot--red{background:#e11d2a;}

/* overlay */
.exst-noverlay{position:fixed;inset:0;z-index:99990;background:rgba(15,23,42,.4);opacity:0;transition:opacity .25s ease;}
.exst-noverlay.is-open{opacity:1;}

/* drawer */
.exst-ndrawer{position:fixed;top:0;right:0;z-index:99991;width:380px;max-width:92vw;height:100vh;background:#fff;box-shadow:none;visibility:hidden;
	transform:translateX(100%);transition:transform .26s cubic-bezier(.4,0,.2,1),visibility 0s linear .26s;display:flex;flex-direction:column;}
.exst-ndrawer.is-open{transform:translateX(0);box-shadow:-16px 0 50px rgba(15,23,42,.18);visibility:visible;transition:transform .26s cubic-bezier(.4,0,.2,1),visibility 0s;}

.exst-ndrawer__head{display:flex;align-items:center;gap:10px;padding:18px 18px 14px;border-bottom:1px solid #eef1f5;position:sticky;top:0;background:#fff;z-index:2;}
.exst-ndrawer__heading{display:inline-flex;align-items:center;gap:9px;margin-right:auto;}
.exst-ndrawer__title{font-size:16px;font-weight:700;color:#0f172a;}
.exst-ndrawer__count{min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#e11d2a;color:#fff;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;line-height:1;}
.exst-ndrawer__readall{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:#16a34a;font-weight:700;font-size:14px;cursor:pointer;padding:5px 8px;border-radius:8px;}
.exst-ndrawer__readall:hover{background:#f0fdf4;}
.exst-ndrawer__close{display:inline-grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:#f1f5f9;color:#64748b;font-size:20px;line-height:1;cursor:pointer;transition:background .15s,color .15s;}
.exst-ndrawer__close:hover{background:#e2e8f0;color:#0f172a;}

.exst-ndrawer__list{padding:14px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:12px;background:#f6f8fb;}

.exst-ncard{display:block;text-decoration:none;background:#fff;border:1px solid #e8edf3;border-radius:14px;padding:15px 17px;transition:box-shadow .15s,border-color .15s;}
.exst-ncard:hover{box-shadow:0 6px 18px rgba(15,23,42,.08);}
.exst-ncard.is-read{background:#fbfcfe;border-color:#eef1f5;}
.exst-ncard__top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;}
.exst-ncard__date{font-size:13px;color:#94a3b8;font-weight:600;display:inline-flex;align-items:center;}
.exst-ncard__dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:8px;flex:none;}
.exst-ncard__dot--yellow{background:#f5c518;}
.exst-ncard__dot--red{background:#e11d2a;}
.exst-ncard__read{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;border:0;background:none;cursor:pointer;padding:2px 4px;border-radius:7px;white-space:nowrap;}
.exst-ncard__read--do{color:#16a34a;}
.exst-ncard__read--do:hover{background:#f0fdf4;}
.exst-ncard__read--done{color:#94a3b8;font-weight:600;cursor:default;}
.exst-ncard__title{display:block;font-size:16px;font-weight:700;color:#0f172a;margin-bottom:5px;line-height:1.32;text-decoration:none;}
a.exst-ncard__title:hover{color:var(--exst-accent,#4F46E5);}
.exst-ncard.is-read .exst-ncard__title{color:#475569;font-weight:600;}
.exst-ncard__text{font-size:14px;color:#64748b;line-height:1.55;}
.exst-ncard__empty{text-align:center;color:#94a3b8;font-size:14px;padding:40px 0;}

/* Hide count badge when empty (fix the lingering "0") */
.exst-ndrawer__count[hidden]{display:none!important;}

/* Mobile: keep the header on one line — icon-only "Прочитать все", fixed close */
@media (max-width:520px){
	.exst-ndrawer__head{flex-wrap:nowrap;gap:8px;padding:16px 14px 12px;}
	.exst-ndrawer__title{font-size:14px;}
	.exst-ndrawer__heading{margin-right:auto;min-width:0;gap:6px;}
	.exst-ndrawer__readall{font-size:13px;gap:5px;padding:6px 8px;white-space:nowrap;flex:none;border-radius:8px;}
	.exst-ndrawer__readall svg{width:16px;height:16px;}
	.exst-ndrawer__close{flex:none;width:32px;height:32px;}
	.exst-ndrawer{width:94vw;max-width:94vw;}
}

/* Lock the page while the notifications panel is open (no double scrollbar). */
html.exst-ndrawer-lock,body.exst-ndrawer-lock{overflow:hidden!important;}
body.exst-ndrawer-lock .site-header{position:fixed;top:0;left:0;right:0;}