/* SVAROG IPB header: floating navigation, account and native notifications. */
.svr-ipb-header { position:relative; width:100vw; min-width:320px; color:#322d32; font-family:"Trebuchet MS",Arial,sans-serif; z-index:20; }
.svr-ipb-header *, .svr-ipb-header *::before, .svr-ipb-header *::after { box-sizing:border-box; }
.svr-ipb-header [hidden] { display:none!important; }
.svr-ipb-header-inner { position:relative; width:calc(100% - 48px); max-width:1200px; margin:0 auto; padding-top:178px; }
.svr-ipb-brand { position:absolute; top:29px; left:50%; transform:translateX(-50%); display:block; width:260px; max-width:70%; line-height:0; }
.svr-ipb-brand img { display:block; width:100%; height:auto; filter:drop-shadow(0 3px 8px #0007); }
.svr-ipb-tools { position:absolute; top:14px; right:0; display:flex; align-items:center; gap:10px; z-index:12; }
.svr-ipb-header summary { list-style:none; cursor:pointer; }
.svr-ipb-header summary::-webkit-details-marker { display:none; }
.svr-ipb-header button { cursor:pointer; font-family:inherit; }
.svr-ipb-bell, .svr-ipb-account, .svr-ipb-guest { border:1px solid #ffffffe6; border-radius:11px; background:#fffffff0; box-shadow:0 7px 22px #21140e29; backdrop-filter:blur(12px); }
.svr-ipb-bell { position:relative; display:flex; align-items:center; justify-content:center; width:50px; height:50px; color:#44393e; }
.svr-ipb-bell .fa { font-size:20px; line-height:1; }
.svr-ipb-count { display:inline-flex; align-items:center; justify-content:center; min-width:19px; height:19px; padding:0 5px; color:#fff; background:#e54045; border-radius:5px; font:700 11px Arial,sans-serif; }
.svr-ipb-bell>.svr-ipb-count { position:absolute; top:-5px; right:-5px; border:2px solid #fff; min-width:20px; height:20px; }
.svr-ipb-account { display:flex; align-items:center; gap:10px; min-height:56px; padding:8px 12px 8px 9px; }
.svr-ipb-account-copy { display:grid; gap:3px; min-width:0; max-width:175px; }
.svr-ipb-account-copy strong { font-size:14px; color:#302b32; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.2; }
.svr-ipb-account-copy small { color:#746770; font-size:12px; font-variant-numeric:tabular-nums; line-height:1.2; }
.svr-ipb-account>.fa { font-size:13px; margin-left:3px; }
.svr-ipb-profile { position:relative; }
.svr-ipb-account-panel, .svr-ipb-notice-panel { position:absolute; top:calc(100% + 10px); right:0; z-index:30; background:#fffdfb; color:#322d32; border:1px solid #fff; border-radius:11px; box-shadow:0 14px 40px #21140e45; text-shadow:none; }
.svr-ipb-account-panel { width:238px; padding:6px; }
.svr-ipb-account-panel>a, .svr-ipb-account-panel>button { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; padding:10px 12px; margin:0; color:#393139; border:0; border-radius:5px; background:transparent; font:13px/1.4 "Trebuchet MS",Arial,sans-serif; text-align:left; text-decoration:none; }
.svr-ipb-account-panel>a:hover, .svr-ipb-account-panel>button:hover { color:#9f2930; background:#f3e7e4; }
.svr-ipb-account-role { padding:9px 12px 11px; margin-bottom:4px; border-bottom:1px solid #ece4e0; font-size:12px; color:#8a747a; }
.svr-ipb-notifications { position:static; }
.svr-ipb-notice-panel { width:360px; max-width:calc(100vw - 32px); overflow:hidden; }
.svr-ipb-notice-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:15px 16px; border-bottom:1px solid #ede6e2; }
.svr-ipb-notice-heading strong { color:#302a30; font-size:15px; }
.svr-ipb-notice-heading button { padding:5px 0; margin:0; border:0; background:transparent; color:#ad3239; font-size:12px; }
.svr-ipb-notice-heading button:disabled { opacity:.6; cursor:wait; }
.svr-ipb-notice { display:grid; grid-template-columns:minmax(0,1fr) 7px; gap:9px; padding:13px 16px; border-bottom:1px solid #ede6e2; color:#42353c!important; text-decoration:none!important; }
.svr-ipb-notice:hover { background:#f7eeea; }
.svr-ipb-notice strong { display:block; font-size:13px; font-weight:600; line-height:1.4; overflow-wrap:anywhere; }
.svr-ipb-notice small { display:block; margin-top:5px; color:#8b787f; font-size:11px; line-height:1.3; }
.svr-ipb-notice-dot { align-self:center; width:6px; height:6px; border-radius:50%; background:#e54045; }
.svr-ipb-notice[data-read="true"] .svr-ipb-notice-dot { visibility:hidden; }
.svr-ipb-notice-empty { padding:25px 16px; margin:0; color:#847078; font-size:13px; line-height:1.5; text-align:center; }
.svr-ipb-notice-retry { display:block; margin:0 auto 18px; padding:6px 12px; border:1px solid #d9c5c4; border-radius:5px; background:#fff; color:#a42b33; }
.svr-ipb-notice-history { display:block; padding:14px 12px; color:#ad3239!important; text-align:center; font-size:13px; text-decoration:none!important; }
.svr-ipb-notice-history:hover { background:#f7eeea; }
.svr-ipb-guest { display:flex; align-items:center; gap:5px; padding:4px; }
.svr-ipb-guest>a { display:block; padding:10px 14px; color:#44353a; border-radius:7px; font-size:13px; text-decoration:none; }
.svr-ipb-guest .svr-ipb-register { background:#a92f36; color:#fff; }
.svr-ipb-nav { position:relative; width:fit-content; max-width:100%; margin:0 auto; padding:5px; border:1px solid #ffffffe6; border-radius:11px; background:#ffffffe8; box-shadow:0 9px 28px #28150c35; backdrop-filter:blur(14px); }
.svr-ipb-nav #nav { display:flex; flex-wrap:wrap; align-items:stretch; justify-content:center; gap:2px; padding:0; margin:0; list-style:none; }
.svr-ipb-nav #nav>li { position:relative; float:none; display:block; padding:0; margin:0; border:0; background:transparent; }
.svr-ipb-nav #nav>li>a, .svr-ipb-menu-toggle { display:flex; align-items:center; justify-content:center; gap:7px; min-height:43px; padding:9px 14px; color:#3a3139; border:0; border-bottom:2px solid transparent; border-radius:5px; background:transparent; font:600 14px/1.4 "Trebuchet MS",Arial,sans-serif; white-space:normal; text-transform:none; text-decoration:none; }
.svr-ipb-nav #nav>li>a:hover, .svr-ipb-nav #nav>li>a.open { color:#a52f35; background:#ecdcd480; }
.svr-ipb-nav #nav>li>a[aria-current="page"] { color:#a52f35; background:#fa3a3a12; border-bottom-color:#fa3a3a; }
.svr-ipb-nav #nav a[aria-haspopup="true"]::after { content:'⌄'; font-size:12px; }
.svr-ipb-nav #nav li>ul { display:none; position:absolute; z-index:25; left:0; top:100%; width:max-content; min-width:190px; max-width:300px; padding:6px; margin:6px 0 0; list-style:none; border:1px solid #fff; border-radius:9px; background:#fffdfb; box-shadow:0 12px 30px #21140e40; }
.svr-ipb-nav #nav li[data-submenu-open]>ul { display:block; }
.svr-ipb-nav #nav>li:last-child>ul { left:auto; right:0; }
.svr-ipb-nav #nav li>ul li { display:block; float:none; margin:0; padding:0; border:0; }
.svr-ipb-nav #nav li>ul a { display:block; padding:10px 12px; color:#3d323a; border:0; border-radius:5px; background:transparent; font:13px/1.4 "Trebuchet MS",Arial,sans-serif; text-decoration:none; overflow-wrap:anywhere; }
.svr-ipb-nav #nav li>ul a:hover { color:#a52f35; background:#f3e7e4; }
.svr-ipb-menu-toggle { display:none; width:100%; cursor:pointer; }
.breadcrumb_wrap.svr-ipb-breadcrumb { width:100vw; min-height:34px; margin:12px 0 20px; padding:0; overflow:visible; border:0; color:#eee; background:transparent; box-shadow:none; text-shadow:0 1px 3px #000b; }
.breadcrumb_wrap.svr-ipb-breadcrumb>.wapper { display:flex; justify-content:flex-end; align-items:center; width:calc(100% - 48px); max-width:1200px; min-height:34px; overflow:visible; }
.svr-ipb-breadcrumb ul { float:none!important; display:flex; flex-wrap:wrap; gap:7px; padding:0; margin:0; }
.svr-ipb-breadcrumb li, .svr-ipb-breadcrumb a { color:#fff!important; font-size:12px; }
.svr-ipb-breadcrumb .active { color:#fff!important; }
.svr-ipb-breadcrumb .user_info { display:none; }
.breadcrumb_wrap.svr-ipb-breadcrumb:not(:has(>.wapper>ul a[href])) { display:none; }
.breadcrumb_wrap.svr-ipb-breadcrumb:not(:has(>.wapper>ul a[href]))+.wapper { margin-top:22px; }
.svr-ipb-header .svr-ipb-avatar { width:34px; height:34px; object-fit:cover; border-radius:50%; }
.svr-ipb-header .avatar-framed.sg-frame-host { position:relative; display:inline-block; flex:0 0 34px; width:34px; height:34px; isolation:isolate; overflow:visible!important; }
.svr-ipb-header .avatar-framed.sg-frame-host::before,.svr-ipb-header .avatar-framed.sg-frame-host::after { content:none!important; }
.svr-ipb-header .sg-frame-host>.sg-avatar-art { display:flex!important; align-items:center!important; justify-content:center!important; position:absolute!important; left:50%!important; top:50%!important; width:100px!important; height:100px!important; min-width:100px!important; min-height:100px!important; max-width:none!important; max-height:none!important; margin:0!important; padding:0!important; overflow:visible!important; isolation:isolate; transform:translate(-50%,-50%) scale(var(--sg-avatar-ratio,1)); transform-origin:center; }
.svr-ipb-header .sg-avatar-art::before,.svr-ipb-header .sg-avatar-art::after { content:''; position:absolute; border-radius:50%; pointer-events:none; }
.svr-ipb-header .sg-avatar-art::before { z-index:0; }.svr-ipb-header .sg-avatar-art::after { z-index:1; }
.svr-ipb-header .sg-frame-host>.sg-avatar-art>img:not(.frame-overlay) { display:block!important; position:relative!important; z-index:2; float:none!important; width:100%!important; height:100%!important; min-width:0!important; max-width:none!important; max-height:none!important; margin:0!important; padding:0!important; object-fit:cover!important; background:transparent!important; box-sizing:border-box; border-radius:50%!important; }
.svr-ipb-header .sg-frame-host>.sg-avatar-art.frame-png>img:not(.frame-overlay) { width:var(--sg-avatar-scale,95%)!important; height:var(--sg-avatar-scale,95%)!important; }
.svr-ipb-header .sg-frame-host>.sg-avatar-art>.frame-overlay { display:block!important; position:absolute!important; inset:0!important; width:100%!important; height:100%!important; min-width:0!important; max-width:none!important; max-height:none!important; margin:0!important; padding:0!important; object-fit:contain!important; pointer-events:none; z-index:3; }
.svr-ipb-header .sg-frame-host>.sg-avatar-art.shape-square>img:not(.frame-overlay),.svr-ipb-header .sg-avatar-art.shape-square:not(.frame-png)::before,.svr-ipb-header .sg-avatar-art.shape-square:not(.frame-png)::after { border-radius:0!important; }
.svr-ipb-header .sg-frame-host>.sg-avatar-art.shape-rounded>img:not(.frame-overlay),.svr-ipb-header .sg-avatar-art.shape-rounded:not(.frame-png)::before,.svr-ipb-header .sg-avatar-art.shape-rounded:not(.frame-png)::after { border-radius:15%!important; }
.svr-ipb-header .sg-frame-host>.sg-avatar-art.no-inner-border>img { border:none!important; box-shadow:none!important; }
.svr-ipb-header .sg-frame-host>.sg-avatar-art.frame-shape-circle>.frame-overlay { border-radius:50%!important; }
.svr-ipb-header .sg-frame-host>.sg-avatar-art.frame-shape-rounded>.frame-overlay { border-radius:15%!important; }
.svr-ipb-header .sg-frame-host>.sg-avatar-art.frame-shape-square>.frame-overlay { border-radius:0!important; }
@media (max-width:980px) {
    .svr-ipb-header-inner { padding-top:206px; }
    .svr-ipb-tools { top:12px; }
    .svr-ipb-brand { top:85px; width:250px; }
    .svr-ipb-nav #nav>li>a { padding-inline:11px; font-size:13px; }
}
@media (max-width:720px) {
    .svr-ipb-header-inner { width:calc(100% - 32px); padding-top:203px; }
    .svr-ipb-brand { top:85px; width:250px; max-width:82%; }
    .svr-ipb-account-copy { max-width:145px; }
    .svr-ipb-notice-panel { max-width:calc(100vw - 32px); }
    .svr-ipb-nav { width:100%; }
    .svr-ipb-menu-toggle { display:flex; }
    .svr-ipb-nav #nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:3px; }
    .svr-ipb-header[data-header-ready]:not([data-nav-open]) .svr-ipb-nav #nav { display:none; }
    .svr-ipb-nav #nav li>ul { position:static; width:100%; min-width:0; max-width:none; margin:3px 0 0; padding:3px; box-shadow:none; border:0; background:#f4e9e4; }
    .svr-ipb-nav #nav li>ul a { font-size:12px; padding:10px 7px; }
    .svr-ipb-nav #nav>li>a { height:100%; min-height:44px; padding:10px 7px; font-size:13px; }
    .breadcrumb_wrap.svr-ipb-breadcrumb>.wapper { width:calc(100% - 32px); justify-content:center; }
}
@media (prefers-reduced-motion:reduce) { .svr-ipb-header * { scroll-behavior:auto!important; } }