                                                               
html body .pn-top-userbar .egcs-account-toggle {
  width:auto!important; min-width:180px!important; height:48px!important; min-height:48px!important;
  padding:6px 12px 6px 7px!important; gap:12px!important; justify-content:flex-start!important;
  background:var(--mid-panel)!important; border:1px solid var(--mid-border)!important; border-radius:12px!important;
  color:var(--mid-text)!important; box-shadow:none!important; transform:none!important;
}
html body .pn-top-userbar .egcs-account-toggle:hover,
html body .pn-top-userbar.is-profile-open .egcs-account-toggle { background:var(--mid-raised)!important; border-color:var(--mid-border-hover)!important; }
html body .pn-top-userbar :is(button,a):focus-visible { outline:2px solid var(--mid-accent)!important; outline-offset:3px; }
html body .egcs-account-toggle .pn-avatar-wrap { width:34px!important; height:34px!important; flex:0 0 34px!important; }
html body .egcs-account-toggle .pn-avatar-wrap>img:not(.frames-global-avatar-frame) { width:34px!important; height:34px!important; border-radius:9px!important; }
html body .egcs-account-label { display:flex; min-width:0; max-width:155px; flex-direction:column; align-items:flex-start; gap:3px; line-height:1.2; text-align:left; }
html body .egcs-account-label strong { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; font-weight:700; color:var(--mid-text); }
html body .egcs-account-label small { font-size:10px; font-weight:500; color:var(--mid-muted); white-space:nowrap; }
html body .egcs-account-toggle .pn-avatar-arrow { margin-left:auto; color:var(--mid-muted)!important; }
html body .pn-top-userbar .pn-profile-menu {
  width:284px!important; max-width:calc(100vw - 24px)!important; padding:10px!important;
  max-height:calc(100dvh - 90px); overflow-y:auto; overscroll-behavior:contain;
  background:var(--mid-panel)!important; border:1px solid var(--mid-border)!important; border-radius:16px!important;
  box-shadow:0 16px 42px #0005!important;
}
html body .egcs-account-menu-heading { padding:10px 12px 16px; display:flex; flex-direction:column; gap:4px; border-bottom:1px solid var(--mid-border); margin-bottom:6px; }
html body .egcs-account-menu-heading strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--mid-text); font-size:15px; }
html body .egcs-account-menu-heading>span { color:var(--mid-muted); font-size:11px; }
html body .egcs-account-balance { display:flex; align-items:center; gap:8px; margin-top:10px; font-size:11px; color:var(--mid-muted)!important; text-decoration:none!important; }
html body .egcs-account-balance strong { font-size:12px; margin-left:auto; }
html body .pn-top-userbar .pn-profile-menu-item {
  min-height:42px!important; padding:10px 12px!important; gap:12px!important; border-radius:8px!important;
  font-size:13px!important; font-weight:500!important; color:var(--mid-text)!important;
  background:transparent!important; text-decoration:none!important; text-shadow:none!important; box-shadow:none!important;
}
html body .pn-top-userbar .pn-profile-menu-item:hover { background:var(--mid-hover)!important; }
html body .pn-top-userbar.has-notifications .pn-profile-menu-item.is-notify { background:transparent!important; }
html body .pn-top-userbar.has-notifications .pn-profile-menu-item.is-notify:hover { background:var(--mid-hover)!important; }
html body .pn-top-userbar .pn-profile-menu-item.is-exit { color:#dda5ab!important; }
html body .egcs-account-icon { width:18px!important; height:18px!important; flex:0 0 18px; color:var(--mid-muted); }
html body .pn-top-userbar .pn-profile-menu-divider { background:var(--mid-border)!important; margin:7px 10px!important; }
html body .egcs-ticket-dot { position:absolute; z-index:5; right:-3px; top:-3px; width:10px; height:10px; border-radius:50%; background:#ed626f; border:2px solid var(--mid-panel); box-shadow:0 0 0 3px #ed626f19; pointer-events:none; }
html body .egcs-support-fab>.egcs-ticket-dot { right:2px; top:2px; width:12px; height:12px; }
html body [data-ticket-dot][hidden],html body [data-ticket-count][hidden],html body [data-ticket-notices][hidden] { display:none!important; }
html body [data-account-dot][hidden],html body [data-message-count][hidden],html body [data-message-notices][hidden] { display:none!important; }
html body .egcs-ticket-count { margin-left:auto; color:#f2a6ae; background:#ed626f18; border-radius:6px; min-width:22px; padding:2px 6px; text-align:center; font-size:11px; }
html body .pn-top-userbar.has-ticket-notifications .pn-notify-badge { color:#fff!important; background:#bc4653!important; border-color:#bc4653!important; }
html body .pn-top-userbar.has-message-notifications .pn-notify-badge { color:#fff!important; background:#bc4653!important; border-color:#bc4653!important; }
html body .pn-top-notifications>[class].egcs-message-notices { display:block!important; padding:12px!important; background:transparent!important; border-radius:0!important; margin:0!important; box-shadow:none!important; border-bottom:1px solid var(--mid-border)!important; }
html body .pn-top-notifications>[class].egcs-message-notices::before { display:none!important; content:none!important; }
html body .pn-top-notifications>[class].egcs-message-notices[hidden] { display:none!important; }
html body .egcs-message-read-hint { margin:10px 0 0; color:var(--mid-muted); font-size:10px; font-weight:400; }
html body .egcs-message-notice strong { overflow-wrap:anywhere; }
html body .egcs-ticket-notices { padding:12px; border-bottom:1px solid var(--mid-border); }
html body .pn-top-notifications>[class].egcs-ticket-notices { display:block!important; padding:12px!important; background:transparent!important; border-radius:0!important; margin:0!important; box-shadow:none!important; }
html body .pn-top-notifications>[class].egcs-ticket-notices::before { display:none!important; content:none!important; }
html body .pn-top-notifications>[class].egcs-ticket-notices[hidden],html body .pn-top-notifications .g-notif-item.egcs-ticket-duplicate { display:none!important; }
html body .pn-top-userbar .pn-top-notifications { background:var(--mid-panel)!important; background-image:none!important; }
html body .pn-top-notifications .g-notif-item { background:var(--mid-inset)!important; background-image:none!important; box-shadow:none!important; }
html body .egcs-ticket-notices-title { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px; font-size:11px; font-weight:600; color:var(--mid-text); }
html body .egcs-ticket-notices-title>a { color:var(--mid-muted)!important; font-size:10px; }
html body .egcs-ticket-notice { display:flex; flex-direction:column; gap:4px; padding:10px 12px; margin-top:5px; border:1px solid var(--mid-border); border-radius:9px; background:var(--mid-inset); text-decoration:none!important; }
html body .egcs-ticket-notice:hover { border-color:var(--mid-border-hover); background:var(--mid-raised); }
html body .egcs-ticket-notice strong { color:var(--mid-text); font-size:12px; font-weight:600; }
html body .egcs-ticket-notice span { color:var(--mid-muted); font-size:11px; font-weight:400; }
html body .egcs-account-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
html body .pn-top-userbar .pn-top-notifications { max-height:calc(100dvh - 90px); overflow-y:auto!important; overscroll-behavior:contain; }
@media(max-width:1200px) { html body .pn-top-userbar .egcs-account-toggle { min-width:0!important; } html body .egcs-account-label { max-width:95px; } }
@media(max-width:900px) {
  html body .pn-top-userbar:not(.pn-top-userbar-auth) { display:flex!important; position:absolute!important; top:9px!important; right:12px!important; height:48px!important; gap:6px!important; z-index:2800!important; }
  html body .pn-top-userbar.is-profile-open .pn-profile-menu,
  html body .pn-top-userbar.is-notify-open .pn-top-notifications { position:fixed!important; top:74px!important; right:12px!important; left:auto!important; width:320px!important; max-width:calc(100vw - 24px)!important; }
}
@media(max-width:600px) {
  html body .pn-top-userbar .pn-top-balance { display:none!important; }
  html body .egcs-account-toggle .egcs-account-label { display:none; }
  html body .pn-top-userbar .egcs-account-toggle { gap:7px!important; padding:6px 8px!important; }
  html body .pn-top-userbar .pn-profile-menu { position:fixed!important; top:72px!important; right:12px!important; left:auto!important; width:300px!important; }
}

                                                                                         
html body .pn-top-userbar #egcs-notification-panel {
  right:0!important; left:auto!important; width:420px!important;
  max-width:calc(100vw - 24px)!important; max-height:calc(100dvh - 96px)!important;
  padding:0!important; border:1px solid var(--mid-border)!important; border-radius:16px!important;
  background:var(--mid-panel)!important; box-shadow:0 16px 42px #0005!important;
  color:var(--mid-text)!important; scrollbar-color:var(--mid-border-hover) transparent!important;
}
html body #egcs-notification-panel::-webkit-scrollbar-thumb { background:var(--mid-border-hover)!important; }
html body #egcs-notification-panel > :is(.pn-notifications-head,.pn-notifications-list,.ep-all-notifications,section) {
  min-height:0!important; margin:0!important; border-radius:0!important; background:transparent!important;
  background-image:none!important; box-shadow:none!important;
}
html body #egcs-notification-panel > :is(.pn-notifications-head,.pn-notifications-list,.ep-all-notifications,section)::before { content:none!important; display:none!important; }
html body #egcs-notification-panel .pn-notifications-head {
  display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important;
  padding:18px 20px!important; border:0!important; border-bottom:1px solid var(--mid-border)!important;
  font-size:15px!important; font-weight:650!important; line-height:1.4!important; color:var(--mid-text)!important;
  background:var(--mid-panel)!important;
}
html body #egcs-notification-panel .pn-notifications-clear {
  padding:8px 10px!important; min-height:34px; border:1px solid var(--mid-border)!important; border-radius:8px!important;
  background:var(--mid-raised)!important; color:var(--mid-text)!important; font:500 11px/1.3 Montserrat,sans-serif!important;
  box-shadow:none!important; white-space:nowrap;
}
html body #egcs-notification-panel .pn-notifications-clear:not(:disabled):hover { background:var(--mid-hover)!important; border-color:var(--mid-border-hover)!important; }
html body #egcs-notification-panel .pn-notifications-clear:disabled { color:var(--mid-muted)!important; opacity:.6; cursor:default; }
html body #egcs-notification-panel .pn-notifications-list { padding:12px!important; max-height:none!important; overflow:visible!important; border:0!important; }
html body #egcs-notification-panel .pn-notifications-list :is(.ep-empty,.empty-element) {
  margin:0!important; padding:30px 12px!important; min-height:90px; display:grid; place-items:center;
  border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important;
  color:var(--mid-muted)!important; font-size:13px!important; font-weight:400!important; line-height:1.6!important;
}
html body #egcs-notification-panel .g-notif-item {
  display:flex!important; align-items:flex-start; gap:12px!important; padding:14px!important; margin:0 0 8px!important;
  border:1px solid var(--mid-border)!important; border-radius:10px!important; background:var(--mid-inset)!important; box-shadow:none!important;
}
html body #egcs-notification-panel .g-notif-item:last-child { margin-bottom:0!important; }
html body #egcs-notification-panel .g-notif-item.egcs-ticket-duplicate,
html body #egcs-notification-panel [hidden] { display:none!important; }
html body #egcs-notification-panel .g-notif-icon { display:grid; place-items:center; width:30px; height:30px; flex:0 0 30px; border-radius:8px; background:var(--mid-accent-soft)!important; color:var(--mid-accent)!important; }
html body #egcs-notification-panel .g-notif-icon svg { width:17px; height:17px; color:inherit!important; }
html body #egcs-notification-panel .g-notif-body { flex:1; min-width:0; }
html body #egcs-notification-panel .g-notif-text { color:var(--mid-text)!important; font-size:13px!important; font-weight:400!important; line-height:1.65!important; overflow-wrap:anywhere; }
html body #egcs-notification-panel .g-notif-meta { margin-top:7px; color:var(--mid-muted)!important; font-size:11px!important; font-weight:400!important; }
html body #egcs-notification-panel :is(a,strong,b) { color:var(--mid-text)!important; }
html body #egcs-notification-panel :is(strong,b) { font-weight:600!important; }
html body #egcs-notification-panel .g-notif-text a { color:var(--mid-accent-hover)!important; }
html body #egcs-notification-panel .ep-notification-remove { color:var(--mid-muted)!important; background:transparent!important; border-color:transparent!important; }
html body #egcs-notification-panel .ep-notification-remove:hover { background:var(--mid-hover)!important; color:var(--mid-text)!important; }
html body #egcs-notification-panel .ep-all-notifications {
  display:block!important; padding:15px 20px!important; border:0!important; border-top:1px solid var(--mid-border)!important;
  color:var(--mid-accent-hover)!important; font-size:12px!important; font-weight:500!important; line-height:1.5!important; text-align:right;
}
html body #egcs-notification-panel .ep-all-notifications:hover { background:var(--mid-raised)!important; }
html body #egcs-notification-panel > section { padding:14px 12px!important; border:0!important; border-bottom:1px solid var(--mid-border)!important; }
html body #egcs-notification-panel .egcs-ticket-notices-title { padding:0 2px; color:var(--mid-muted)!important; }
html body #egcs-notification-panel .egcs-ticket-notice { padding:12px!important; box-shadow:none!important; }
@media(max-width:900px) {
                                                                                
  html body .pn-top-userbar:not(.pn-top-userbar-auth) { -webkit-backdrop-filter:none!important; backdrop-filter:none!important; }
  html body .pn-top-userbar.is-notify-open #egcs-notification-panel { position:fixed!important; top:74px!important; right:12px!important; width:420px!important; }
}
@media(max-width:380px) {
  html body #egcs-notification-panel .pn-notifications-head { padding:16px 14px!important; gap:8px!important; font-size:14px!important; }
  html body #egcs-notification-panel .pn-notifications-clear { font-size:10px!important; }
}
