/* VigVag 0.7.1: notification/message drawers, live toasts and notification center. */
[data-vv08-counter][hidden]{display:none!important}
.vv08-header-menu .vv08-drawer{width:390px;max-width:min(390px,calc(100vw - 22px));padding:0;overflow:hidden;border-radius:20px;border:1px solid #e5eaf2;box-shadow:0 20px 55px rgba(24,40,64,.17)}
.vv08-drawer .vv-drawer-head{padding:18px 18px 14px;align-items:center;border-bottom:1px solid #edf0f5}
.vv08-drawer .vv-drawer-head>div{display:flex;flex-direction:column;gap:4px}
.vv08-drawer .vv-drawer-head b{font-size:16px;font-weight:800;color:#162439;letter-spacing:-.015em}
.vv08-drawer .vv-drawer-head small{color:#7a869a;font-size:12px;font-weight:500}
.vv08-drawer .vv-drawer-head a{white-space:nowrap;color:#166ce8;font-size:12px;font-weight:750}
.vv08-drawer-items{display:grid;max-height:360px;overflow-y:auto}
.vv08-drawer-item{padding:13px 17px;display:flex;align-items:center;gap:12px;text-decoration:none;border-bottom:1px solid #f0f2f5;color:#18283d;min-width:0;transition:background .15s}
.vv08-drawer-item:hover{background:#f6f9ff}
.vv08-drawer-item:last-child{border-bottom:0}
.vv08-mini-symbol{display:grid;place-items:center;flex:0 0 39px;height:39px;background:#eef4ff;border-radius:13px;color:#1a63cb;font-size:20px}
.vv08-drawer-text{min-width:0;flex:1;display:grid;gap:4px}
.vv08-drawer-text strong{font-size:13px;font-weight:780;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vv08-drawer-text small{font-size:12px;line-height:1.5;color:#69788d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vv08-mini-badge{min-width:22px;height:22px;border-radius:100px;padding:0 6px;background:#ffd630;color:#172237;display:grid;place-items:center;font-size:11px;font-weight:800}
.vv08-drawer-empty{padding:30px 20px;display:flex;align-items:center;flex-direction:column;gap:6px;text-align:center;color:#7a8797}
.vv08-drawer-empty>span{height:43px;width:43px;border-radius:15px;background:#f1f5fa;color:#2b74cf;display:grid;place-items:center;font-size:23px;margin-bottom:5px}
.vv08-drawer-empty b{font-size:13px;color:#34465b}
.vv08-drawer-empty small{font-size:12px;max-width:210px;line-height:1.45}
.vv08-toast-stack{position:fixed;top:84px;right:24px;width:min(380px,calc(100vw - 24px));z-index:9000;display:grid;gap:10px;pointer-events:none}
.vv08-toast{pointer-events:auto;display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:10px;row-gap:9px;background:#fff;color:#17283e;border:1px solid #e2e8f1;border-left:4px solid #ffce20;border-radius:18px;box-shadow:0 22px 54px rgba(24,39,61,.22);padding:14px;animation:vv08-in .22s ease both}
.vv08-toast-icon{grid-row:1/span 2;display:grid;place-items:center;width:40px;height:40px;background:#f0f5ff;color:#216cd6;border-radius:12px;font-size:20px}
.vv08-toast-body{display:grid;gap:4px;min-width:0}
.vv08-toast-body strong{font-size:13px;font-weight:790;line-height:1.35}
.vv08-toast-body small{font-size:12px;color:#637489;line-height:1.45;overflow-wrap:anywhere}
.vv08-toast-link{grid-column:2;grid-row:2;font-size:12px;color:#166de4;font-weight:750;text-decoration:none;justify-self:start}
.vv08-toast-dismiss{grid-column:3;grid-row:1;border:0;border-radius:7px;background:transparent;color:#8090a3;font-size:23px;line-height:1;width:26px;height:26px;cursor:pointer}
@keyframes vv08-in{from{opacity:0;transform:translateY(-9px)}to{opacity:1;transform:translateY(0)}}
.vv08-center{max-width:1010px;margin:0 auto;padding-bottom:45px}
.vv08-titlebar{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:18px}
.vv08-titlebar h1,.vv08-titlebar h2{margin:0;color:#17283c;letter-spacing:-.03em;font-size:clamp(24px,3vw,32px);line-height:1.15;font-weight:830}
.vv08-titlebar p{color:#73839a;margin:7px 0 0;font-size:13px}
.vv08-mark-all{border:1px solid #e4e9f2;background:#fff;color:#2468c8;border-radius:12px;padding:11px 15px;font-weight:750;font-size:12px;cursor:pointer}
.vv08-mark-all:disabled{opacity:.45;cursor:default}
.vv08-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.vv08-filters a{display:inline-flex;text-decoration:none;align-items:center;justify-content:center;min-height:36px;padding:8px 14px;border:1px solid #e6eaf2;border-radius:11px;background:#fff;color:#61728a;font-size:12px;font-weight:760;transition:background .15s}
.vv08-filters a.active{background:#17263b;color:#fff;border-color:#17263b}
.vv08-stream{display:grid;gap:11px}
.vv08-stream-item{position:relative;display:flex;gap:15px;align-items:flex-start;background:#fff;border-radius:18px;border:1px solid #e4e9f2;padding:19px;box-shadow:0 6px 22px rgba(30,44,65,.035);min-width:0}
.vv08-stream-item.unread{border-color:#eadfa9;background:#fffefa}
.vv08-stream-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;background:#f1f5fc;border-radius:15px;font-size:22px;color:#1b69cf}
.vv08-stream-item.unread .vv08-stream-icon{background:#fff3ce;color:#a36c05}
.vv08-stream-content{flex:1;min-width:0;display:grid;gap:7px}
.vv08-stream-top{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.vv08-stream-top strong{font-size:15px;font-weight:820;color:#182a40}
.vv08-type-tag{border-radius:100px;background:#f0f4fa;color:#64758a;padding:4px 9px;font-size:10px;font-weight:780}
.vv08-unread-tag{height:7px;width:7px;border-radius:50%;background:#e1a720}
.vv08-stream-text{font-size:13px;color:#566a80;line-height:1.65;overflow-wrap:anywhere;white-space:pre-line}
.vv08-stream-time{font-size:11px;color:#92a0af}
.vv08-stream-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:3px}
.vv08-stream-open{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:#edf4ff;color:#1664ce;border-radius:10px;font-size:12px;font-weight:780;padding:9px 13px}
.vv08-stream-read{border:0;background:transparent;color:#7d8b9c;font-size:12px;font-weight:650;cursor:pointer;padding:8px 4px}
.vv08-stream-empty{padding:56px 24px;display:grid;justify-items:center;text-align:center;gap:11px;color:#75839a;border:1px dashed #dce4ef;border-radius:20px;background:#fff}
.vv08-stream-empty b{color:#283b52;font-size:18px}.vv08-stream-empty span{font-size:28px}
.vv08-pwa-bell{position:relative}
.vv08-pwa-bell i[data-vv08-counter]{position:absolute;top:-3px;right:-6px;background:#e85b45;border-radius:30px;min-width:19px;height:19px;padding:0 4px;display:grid;place-items:center;color:white;font:800 11px/1 system-ui;font-style:normal}
@media(max-width:800px){
  .vv08-toast-stack{top:auto;bottom:calc(105px + env(safe-area-inset-bottom,0px));right:12px;left:12px;width:auto}
  .vv08-toast{max-width:100%;border-radius:17px}
  .vv08-center{padding:4px 0 95px}
  .vv08-titlebar h1,.vv08-titlebar h2{font-size:24px}
  .vv08-stream-item{padding:15px;gap:11px;border-radius:16px}
  .vv08-stream-icon{flex-basis:41px;height:41px;border-radius:13px}
  .vv08-stream-top strong{font-size:14px}
  .vv08-header-menu .vv08-drawer{max-width:calc(100vw - 24px)}
}
@media(prefers-reduced-motion:reduce){.vv08-toast{animation:none}}