.console-header-actions { position: relative; }
.console-header-icon { position: relative; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 36px; height: 36px; padding: 7px; color: #282828; background: transparent; border: 0; border-radius: 50%; cursor: pointer; }
.console-header-icon:hover, .console-header-icon[aria-expanded="true"] { background: #f3f3f3; }
.console-header-icon svg, .console-menu-action svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.console-account-toggle { padding: 0; }
.console-header-icon:focus-visible, .console-menu-action:focus-visible, .console-notification-item summary:focus-visible, .console-notification-toolbar button:focus-visible { outline: 2px solid #222; outline-offset: 3px; }
.console-notification-count { position: absolute; top: 0; right: 0; display: grid; place-items: center; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 10px; border: 2px solid #fff; background: #ed4545; color: #fff; font-size: 9px; line-height: 1; }
.console-header-popover { position: absolute; top: calc(100% + 12px); right: 0; z-index: 60; width: min(380px, calc(100vw - 28px)); max-height: calc(100dvh - 120px); overflow-y: auto; overscroll-behavior: contain; padding: 20px; border: 1px solid #e7e7e7; border-radius: 14px; background: #fff; box-shadow: 0 14px 45px #00000014; }
.console-header-popover[hidden], .console-notification-count[hidden] { display: none; }
.console-account-menu { width: min(300px, calc(100vw - 28px)); padding: 12px; }
.console-menu-identity { display: grid; gap: 6px; margin: 2px 4px 8px; padding: 12px 8px 18px; border-bottom: 1px solid #ededed; overflow-wrap: anywhere; }
.console-menu-identity strong { font-size: 14px; font-weight: 500; }
.console-menu-identity > span { font-size: 12px; color: #888; }
.console-menu-action { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 44px; padding: 10px 12px; border: 0; border-radius: 7px; color: #333; background: transparent; font: inherit; font-size: 12px; text-align: left; text-decoration: none; cursor: pointer; }
.console-menu-action:hover { background: #f5f5f5; }
.console-menu-action svg { width: 17px; height: 17px; }
.console-menu-logout { margin-top: 5px; }
.console-notification-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.console-notification-heading h2 { margin: 3px 0 7px; color: #151515; font-size: 18px; font-weight: 500; }
.console-notification-heading p { margin: 0; color: #999; font-size: 11px; }
.console-notification-heading > button { margin: -5px -7px 0 0; }
.console-notification-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 18px 0 12px; border-bottom: 1px solid #ededed; color: #999; font-size: 10px; }
.console-notification-toolbar button { border: 0; padding: 6px 0; background: transparent; color: #555; font: inherit; cursor: pointer; }
.console-notification-toolbar button:disabled { color: #aaa; cursor: default; }
.console-notification-item { border-bottom: 1px solid #ededed; }
.console-notification-item summary { display: grid; grid-template-columns: 6px minmax(0, 1fr) 12px; gap: 10px; align-items: start; padding: 17px 0; list-style: none; cursor: pointer; }
.console-notification-item summary::-webkit-details-marker { display: none; }
.console-notification-dot { width: 6px; height: 6px; margin-top: 6px; border-radius: 50%; background: #ed4545; }
.console-notification-item.is-read summary { color: #777; }
.console-notification-item.is-read .console-notification-dot { visibility: hidden; }
.console-notification-item strong { display: block; font-size: 12px; font-weight: 500; line-height: 1.65; }
.console-notification-item time { display: block; margin-top: 6px; color: #aaa; font-size: 10px; }
.console-notification-chevron { margin-top: 1px; color: #999; font-size: 14px; }
.console-notification-item[open] .console-notification-chevron { transform: rotate(90deg); }
.console-notification-item p { margin: 0 12px 18px 16px; color: #888; font-size: 12px; line-height: 1.9; }
.console-notification-note { margin: 15px 0 0; color: #aaa; font-size: 10px; line-height: 1.8; }
@media (max-width: 760px) {
  .console-header-icon { width: 44px; height: 44px; }
  .console-header .console-avatar { display: grid; }
  .console-header-actions { gap: 4px; }
  .console-header-popover { top: calc(100% + 12px); max-width: calc(100vw - 44px); max-height: calc(100dvh - 115px); }
  .console-notification-toolbar button { min-height: 44px; }
}
@media (max-width: 360px) {
  .console-header-actions [data-language-current] { display: none; }
}