.sidebar-brand { height: 82px; min-height: 82px; padding: 12px 21px; }
.sidebar-brand img { max-width: 218px; max-height: 54px; }
.workspace-topbar { position: relative; z-index: 50; flex: none; height: 82px; min-height: 82px; padding: 0 25px; background: #fff; box-shadow: 0 2px 11px #24354b09; }
.owner-project-page .workspace-topbar { z-index: 50; }
.workspace-topbar .topbar-left { min-width: 0; gap: 10px; }
.workspace-topbar .topbar-location { display: flex; align-items: center; gap: 13px; min-width: 0; color: #53627c; font-size: 12px; white-space: nowrap; }
.workspace-topbar .topbar-location a { color: var(--sileo-orange-dark); font-weight: 600; text-decoration: none; }
.workspace-topbar .topbar-location a:hover { text-decoration: underline; }
.workspace-topbar .topbar-location span { margin: 0; color: #bed0e2; font-size: 17px; font-weight: 300; }
.workspace-topbar .topbar-location strong { overflow: hidden; color: #26384e; font-weight: 700; text-overflow: ellipsis; }
.workspace-topbar-tools { gap: 13px; }
.workspace-search { position: relative; width: clamp(205px, 20vw, 315px); }
.workspace-search label { display: flex; align-items: center; gap: 10px; height: 38px; padding: 0 11px; border: 1px solid #cbdcf0; border-radius: 7px; background: #f8fbff; box-shadow: 0 1px 4px #1e4c8209; cursor: text; }
.workspace-search label:focus-within { border-color: #f3ad7a; box-shadow: 0 0 0 3px #fff0e7; }
.workspace-search svg,.workspace-icon-button svg,.workspace-profile-button svg { flex: none; width: 18px; height: 18px; fill: none; stroke: #45638b; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.workspace-search input { width: 100%; min-width: 0; padding: 0; border: 0; outline: 0; background: transparent; color: #293c57; font: 500 11px Poppins,Arial,sans-serif; }
.workspace-search input::placeholder { color: #7388a5; }
.workspace-search-results { position: absolute; top: calc(100% + 8px); right: 0; z-index: 75; width: min(370px, calc(100vw - 24px)); max-height: 340px; overflow-y: auto; padding: 5px; border: 1px solid #e2d6ca; border-radius: 8px; background: #fff; box-shadow: 0 16px 38px #273a5529; }
.workspace-search-results[hidden],.workspace-popover[hidden] { display: none; }
.workspace-search-results a { display: block; padding: 9px 10px; border-radius: 5px; color: #2c3e57; text-decoration: none; }
.workspace-search-results a:hover,.workspace-search-results a:focus { background: #fff3e9; outline: 0; }
.workspace-search-results strong,.workspace-search-results small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workspace-search-results strong { font-size: 11px; }.workspace-search-results small { margin-top: 2px; color: #778599; font-size: 9px; }
.workspace-search-empty { padding: 12px; color: #718096; font-size: 10px; }
.workspace-tool { position: relative; }
.workspace-icon-button { position: relative; display: grid; place-items: center; width: 35px; height: 35px; padding: 0; border: 0; border-radius: 6px; background: transparent; cursor: pointer; }
.workspace-icon-button:hover,.workspace-icon-button[aria-expanded=true] { background: #fff3e9; }
.workspace-icon-button svg { width: 20px; height: 20px; stroke: #335786; }
.workspace-icon-button svg .filled { fill: #335786; stroke: none; }
.workspace-notification-dot { position: absolute; top: 4px; right: 3px; width: 7px; height: 7px; border: 1px solid #fff; border-radius: 50%; background: var(--sileo-orange); }
.workspace-header-divider { display: block; width: 1px; height: 29px; margin: 0 3px; background: #d7e1ef; }
.workspace-profile-button { display: flex; align-items: center; gap: 10px; max-width: 230px; padding: 4px 0 4px 3px; border: 0; border-radius: 6px; background: transparent; color: #26384e; font: 700 11px Poppins,Arial,sans-serif; cursor: pointer; white-space: nowrap; }
.workspace-profile-button:hover,.workspace-profile-button[aria-expanded=true] { color: var(--sileo-orange-dark); }
.workspace-profile-button .profile-avatar { width: 39px; height: 39px; background: #fff0e6; color: var(--sileo-orange-dark); font-size: 11px; }
.workspace-profile-button svg { width: 14px; height: 14px; stroke: #335786; }
.workspace-profile-name { overflow: hidden; max-width: 150px; text-overflow: ellipsis; }
.workspace-popover { position: absolute; top: calc(100% + 14px); right: 0; z-index: 76; width: 250px; padding: 14px; border: 1px solid #e6d9cd; border-radius: 8px; background: #fff; box-shadow: 0 16px 38px #273a5529; }
.workspace-popover strong,.workspace-popover>span { display: block; }.workspace-popover strong { color: #2d3d52; font-size: 12px; }.workspace-popover p,.workspace-popover>span { margin: 5px 0 10px; color: #6b788b; font-size: 10px; line-height: 1.5; }.workspace-popover a,.workspace-popover form button { display: block; width: 100%; padding: 7px 5px; border: 0; border-radius: 5px; background: transparent; color: var(--sileo-orange-dark); font: 700 10px Poppins,Arial,sans-serif; text-align: left; text-decoration: none; cursor: pointer; }.workspace-popover a:hover,.workspace-popover form button:hover { background: #fff2e8; }
.workspace-profile-popover { width: 205px; }
@media(max-width:1100px) { .workspace-topbar-tools { gap: 8px; }.workspace-search { width: 205px; }.workspace-profile-name { display: none; }.workspace-profile-button { gap: 6px; } }
@media(max-width:800px) { .workspace-topbar { padding: 0 18px; }.workspace-search { width: 175px; }.workspace-topbar .topbar-location { gap: 8px; } }
@media(max-width:650px) { .workspace-topbar { height: 66px; min-height: 66px; padding: 0 12px; }.workspace-topbar-tools { gap: 3px; }.workspace-search { width: 38px; }.workspace-search:focus-within { position: absolute; right: 135px; width: min(245px, calc(100vw - 145px)); z-index: 80; }.workspace-search label { height: 34px; padding: 0 9px; }.workspace-search:not(:focus-within) input { width: 0; opacity: 0; }.workspace-search svg { width: 17px; height: 17px; }.workspace-topbar .topbar-location { font-size: 10px; }.workspace-icon-button { width: 30px; height: 34px; }.workspace-icon-button svg { width: 17px; height: 17px; }.workspace-header-divider,.workspace-profile-name,.workspace-profile-button svg { display: none; }.workspace-profile-button .profile-avatar { width: 32px; height: 32px; }.workspace-popover { right: -40px; }.workspace-profile-popover { right: 0; } }