/* Плашка уведомлений: одинаковая во всех панелях, не спорит с оформлением страницы */
/* Свои display у блоков перебивают атрибут hidden, поэтому скрытие задаём явно */
.ntf-bar[hidden],.ntf-pane[hidden],.ntf-badge[hidden]{display:none!important}
.ntf-bar{position:fixed;left:50%;top:var(--ntf-top,10px);transform:translateX(-50%);z-index:10000;
 display:flex;align-items:center;gap:10px;max-width:min(920px,calc(100vw - 24px));
 background:#FFEBBE;color:#3a2e0e;border-radius:12px;padding:8px 8px 8px 14px;
 box-shadow:0 6px 24px rgba(0,0,0,.18);font:600 13px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.ntf-dot{width:8px;height:8px;border-radius:50%;background:#C9372C;flex:none}
.ntf-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ntf-t i{font-style:normal;font-weight:500;color:#8A6A1F}
.ntf-more{font-size:11.5px;font-weight:700;color:#8A6A1F;white-space:nowrap}
.ntf-btn{border:0;cursor:pointer;font:inherit;font-size:12px;font-weight:700;height:30px;padding:0 12px;
 border-radius:8px;background:rgba(0,0,0,.06);color:#3a2e0e;white-space:nowrap}
.ntf-btn:hover{background:rgba(0,0,0,.12)}
.ntf-btn--main{background:#2B2B2B;color:#fff}
.ntf-btn--main:hover{background:#000}
.ntf-badge{border:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;
 border-radius:8px;background:rgba(0,0,0,.05);color:#3a3a3a;font:700 12px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.ntf-badge b{display:inline-flex;min-width:18px;height:18px;padding:0 5px;border-radius:9px;
 background:#C9372C;color:#fff;font-size:10.5px;align-items:center;justify-content:center}
.ntf-badge--fixed{position:fixed;right:12px;bottom:12px;z-index:9999;box-shadow:0 2px 10px rgba(0,0,0,.15);background:#fff}
.ntf-pane{position:fixed;right:12px;top:calc(var(--ntf-top,10px) + 46px);bottom:12px;width:min(460px,calc(100vw - 24px));z-index:10001;
 background:#fff;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.24);display:flex;flex-direction:column;
 font:13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#2B2B2B}
.ntf-ph{display:flex;align-items:center;gap:8px;padding:12px 12px 10px 16px;box-shadow:inset 0 -1px 0 #eee}
.ntf-ph{flex-wrap:wrap;row-gap:6px}
.ntf-ph b{font-size:15px;margin-right:auto}
.ntf-sel{height:30px;border:0;border-radius:8px;background:#f4f4f4;font:600 12px inherit;padding:0 8px}
.ntf-x{border:0;background:none;font-size:22px;line-height:1;cursor:pointer;color:#838383;width:30px;height:30px}
.ntf-list{overflow:auto;padding:8px 10px 12px}
.ntf-i{padding:10px 8px;border-radius:10px}
.ntf-i+.ntf-i{box-shadow:inset 0 1px 0 #f0f0f0}
.ntf-i--new{background:#FFF6E0}
.ntf-it{display:flex;justify-content:space-between;gap:8px}
.ntf-it span{font-size:11.5px;color:#838383;white-space:nowrap}
.ntf-ib{margin-top:3px}
.ntf-im{margin-top:4px;font-size:11.5px;color:#838383}
.ntf-i .ntf-btn{margin-top:8px;height:28px}
.ntf-empty{padding:30px;text-align:center;color:#838383}
@media (max-width:680px){ .ntf-t{white-space:normal} .ntf-bar{flex-wrap:wrap} }
@media print{ .ntf-bar,.ntf-pane,.ntf-badge{display:none} }