/* Orvexa 1.0.0 — Topbar styles. */
.topbar-tools{position:relative;z-index:2}
.topbar-tools .dropdown-panel{z-index:90;border:1px solid var(--line);background:color-mix(in srgb,var(--surface-solid) 98%,var(--bg) 2%);box-shadow:0 24px 70px rgba(54,50,38,.16),0 8px 28px rgba(54,50,38,.08);-webkit-backdrop-filter:blur(28px) saturate(145%);backdrop-filter:blur(28px) saturate(145%)}
html.dark .topbar-tools .dropdown-panel{background:color-mix(in srgb,var(--surface-solid) 97%,#0b1116 3%);box-shadow:0 26px 80px rgba(0,0,0,.42)}

.topbar-language-trigger{display:inline-flex!important;width:40px!important;height:40px!important;min-width:40px!important;align-items:center!important;justify-content:center!important;padding:0!important;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:var(--text)!important;transition:border-color .18s ease,background .18s ease,transform .18s ease!important}
.topbar-language-trigger:hover,.dropdown.is-open>.topbar-language-trigger{border-color:var(--line)!important;background:color-mix(in srgb,var(--surface-2) 75%,transparent)!important;transform:translateY(-1px)}
.topbar-current-flag,.language-flag{display:flex;flex:none;align-items:center;justify-content:center;overflow:hidden;border-radius:999px;border:1px solid color-mix(in srgb,var(--line) 88%,transparent);background:var(--surface-2);box-shadow:0 2px 8px rgba(42,50,47,.08)}
.topbar-current-flag{width:23px;height:23px}.language-flag{width:26px;height:26px}
.topbar-current-flag img,.language-flag img{display:block;width:100%;height:100%;object-fit:cover}
.language-panel{width:238px;padding:8px;border-radius:18px}
.language-panel-head{display:flex;align-items:end;justify-content:space-between;gap:10px;padding:8px 10px 10px;border-bottom:1px solid var(--line);margin-bottom:5px}
.language-panel-head span{font-size:13px;font-weight:850}.language-panel-head small{font-size:11.5px;color:var(--muted)}
.language-option{display:grid;width:100%;grid-template-columns:26px minmax(0,1fr) 16px;align-items:center;gap:10px;min-height:44px;padding:8px 10px;border-radius:12px;text-align:left;transition:background .16s ease,transform .16s ease}
.language-option:hover{background:color-mix(in srgb,var(--surface-2) 72%,transparent);transform:translateX(1px)}
.language-copy{min-width:0}.language-copy b{display:block;font-size:12.5px;font-weight:800;line-height:1.25}
.language-check{width:15px;height:15px;color:var(--mint-text);opacity:0;transform:scale(.7);transition:.16s ease}.language-option[aria-pressed="true"]{background:color-mix(in srgb,var(--mint) 8%,var(--surface-2))}.language-option[aria-pressed="true"] .language-check{opacity:1;transform:scale(1)}
[dir="rtl"] .language-option{text-align:right}[dir="rtl"] .language-option:hover{transform:translateX(-1px)}

.notification-panel{width:min(390px,calc(100vw - 24px));overflow:hidden;border-radius:18px}
.notification-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;border-bottom:1px solid var(--line)}
.notification-panel-head p{font-size:14px;font-weight:850;line-height:1.25}.notification-panel-head span{display:block;margin-top:3px;color:var(--muted);font-size:11.75px}.notification-panel-head span b{color:var(--text)}
.topbar-text-action{flex:none;border-radius:9px;padding:7px 8px;color:var(--primary-text);font-size:11.75px;font-weight:800;transition:background .16s ease}.topbar-text-action:hover{background:color-mix(in srgb,var(--surface-2) 70%,transparent)}
.notification-list{display:grid;gap:2px;padding:7px}
.topbar-notification{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 7px;gap:11px;align-items:start;padding:10px;border-radius:13px;transition:background .16s ease}.topbar-notification:hover{background:color-mix(in srgb,var(--surface-2) 68%,transparent)}
.topbar-notification-icon{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--surface-2) 72%,transparent);color:var(--cyan-text)}.topbar-notification-icon svg{width:16px;height:16px}.topbar-notification-icon.is-danger{color:var(--danger-text)}.topbar-notification-icon.is-warn{color:var(--amber-text)}.topbar-notification-icon.is-good{color:var(--mint-text)}
.topbar-notification-copy{min-width:0}.topbar-notification-copy b,.topbar-notification-copy small,.topbar-notification-copy time{display:block}.topbar-notification-copy b{font-size:12.5px;font-weight:800;line-height:1.3}.topbar-notification-copy small{margin-top:3px;color:var(--muted);font-size:11.75px;line-height:1.4}.topbar-notification-copy time{margin-top:4px;color:color-mix(in srgb,var(--muted) 88%,transparent);font-size:10.75px;font-weight:700}
.notification-unread{width:7px;height:7px;margin-top:6px;border-radius:50%;background:var(--danger);box-shadow:0 0 10px color-mix(in srgb,var(--danger) 55%,transparent)}
.topbar-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:12px 16px;color:var(--primary-text);font-size:11.75px;font-weight:800}.topbar-panel-footer:hover{background:color-mix(in srgb,var(--surface-2) 62%,transparent)}.topbar-panel-footer svg{width:14px;height:14px}

.topbar-profile-trigger{display:flex;min-width:0;height:44px;align-items:center;gap:9px;border:1px solid transparent;border-radius:13px;padding:4px 7px 4px 5px;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.topbar-profile-trigger:hover,.dropdown.is-open>.topbar-profile-trigger{border-color:var(--line);background:color-mix(in srgb,var(--surface-2) 68%,transparent);transform:translateY(-1px)}
.topbar-avatar,.profile-panel-avatar{display:flex;align-items:center;justify-content:center;flex:none;border-radius:11px;background:linear-gradient(135deg,var(--primary-2),var(--primary));color:#17130a;font-weight:900}.topbar-avatar{width:34px;height:34px;font-size:11.5px}.profile-panel-avatar{width:42px;height:42px;font-size:12px}
.topbar-profile-copy{display:none;min-width:0;text-align:left}.topbar-profile-copy b,.topbar-profile-copy small{display:block;white-space:nowrap}.topbar-profile-copy b{font-size:12.5px;font-weight:850;line-height:1.2}.topbar-profile-copy small{margin-top:2px;color:var(--muted);font-size:11.5px;line-height:1.2}.topbar-profile-chevron{display:none;width:14px;height:14px;color:var(--muted)}
@media(min-width:1280px){.topbar-profile-copy,.topbar-profile-chevron{display:block}}
.profile-panel{width:292px;padding:8px;border-radius:18px}
.profile-panel-head{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center;padding:10px 10px 12px}.profile-panel-head b,.profile-panel-head small{display:block}.profile-panel-head b{font-size:13px;font-weight:850;line-height:1.25}.profile-panel-head small{margin-top:3px;color:var(--muted);font-size:11.75px;line-height:1.3}
.profile-workspace{display:grid;grid-template-columns:8px minmax(0,1fr);gap:9px;align-items:center;margin:0 3px 7px;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface-2) 56%,transparent)}.profile-workspace .status-dot{width:7px;height:7px}.profile-workspace b,.profile-workspace small{display:block}.profile-workspace b{font-size:11.75px;font-weight:800}.profile-workspace small{margin-top:2px;color:var(--muted);font-size:10.75px}
.profile-menu-links{display:grid;gap:2px;padding:2px 0}.topbar-profile-link{display:grid;grid-template-columns:32px minmax(0,1fr) 14px;align-items:center;gap:9px;min-height:42px;border-radius:11px;padding:5px 9px;color:var(--text);transition:background .16s ease,transform .16s ease}.topbar-profile-link:hover{background:color-mix(in srgb,var(--surface-2) 70%,transparent);transform:translateX(1px)}.topbar-profile-link>span{display:flex;width:32px;height:32px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--surface-2) 64%,transparent);color:var(--muted)}.topbar-profile-link>span svg{width:15px;height:15px}.topbar-profile-link>b{font-size:12px;font-weight:750}.topbar-profile-link>svg{width:13px;height:13px;color:var(--muted)}
.profile-panel-footer{margin-top:6px;padding-top:7px;border-top:1px solid var(--line)}.topbar-profile-link.is-danger{color:var(--danger-text)}.topbar-profile-link.is-danger>span{color:var(--danger-text);background:color-mix(in srgb,var(--danger) 6%,transparent)}
[dir="rtl"] .topbar-profile-copy{text-align:right}[dir="rtl"] .topbar-profile-link:hover{transform:translateX(-1px)}

@media(max-width:640px){.notification-panel{position:fixed!important;left:12px!important;right:12px!important;top:68px!important;width:auto!important}.profile-panel{position:fixed!important;left:12px!important;right:12px!important;top:68px!important;width:auto!important}.language-panel{position:fixed!important;left:12px!important;right:12px!important;top:68px!important;width:auto!important}}
