:root{--app-top-bar-height:52px}:is(.app-integrated-shell,.top-bar-frame){--top-bar-divider:color-mix(in srgb, hsl(var(--sidebar-border)) 50%, hsl(var(--sidebar-background)))}.top-bar{--top-bar-height:var(--app-top-bar-height);--top-bar-control-gap:8px;column-gap:var(--top-bar-control-gap);width:100%;min-width:0;height:var(--top-bar-height);min-height:var(--top-bar-height);max-height:var(--top-bar-height);color:hsl(var(--foreground));border-bottom:1px solid hsl(var(--border));align-items:center;padding-inline-end:8px;display:flex}.top-bar__title{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.025em;flex:0 auto;min-width:0;max-width:100%;margin:0;font-size:16px;font-weight:600;line-height:1.3;overflow:hidden}.top-bar[data-has-content=true] .top-bar__title{flex-shrink:0;max-width:35%;margin-inline-end:0}.top-bar__viewport{scrollbar-width:none;overscroll-behavior-x:contain;flex:1;min-width:0;height:100%;overflow:visible}.top-bar__content{align-items:center;gap:var(--top-bar-control-gap);white-space:nowrap;flex-wrap:nowrap;width:max-content;min-width:100%;height:100%;display:flex}.top-bar__navigation,.top-bar__controls,.top-bar__actions,.top-bar__custom{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:8px;min-width:max-content;max-height:48px;display:flex}.top-bar__controls{flex:1 0 auto}.top-bar__actions{margin-inline-start:auto}.top-bar__actions>*,.top-bar__custom>*{white-space:nowrap;flex-shrink:0}.top-bar__chrome{flex:0 0 var(--top-bar-chrome-width,56px);width:var(--top-bar-chrome-width,56px);min-width:var(--top-bar-chrome-width,56px);z-index:30;align-self:stretch;position:relative}.top-bar__more{margin-inline-end:0}.top-bar :is(.top-bar__content,.top-bar__secondary)[data-overflow=true]{top:var(--top-bar-menu-top);right:var(--top-bar-menu-right);width:min(520px,100vw - 16px);min-width:0;height:auto;max-height:calc(100dvh - var(--top-bar-menu-top) - 16px);border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--background));box-shadow:0 8px 24px hsl(var(--foreground) / .12);white-space:normal;z-index:50;flex-direction:column;align-items:stretch;padding:12px;position:fixed;overflow:auto}.top-bar :is(.top-bar__content,.top-bar__secondary)[data-overflow=true][data-open=false]{visibility:hidden;pointer-events:none}.top-bar :is(.top-bar__content,.top-bar__secondary)[data-overflow=true] :is(.top-bar__navigation,.top-bar__controls,.top-bar__custom,.app-page-top-bar__slot){flex-wrap:wrap;min-width:0;max-width:100%;max-height:none}.top-bar :is(.top-bar__content,.top-bar__secondary)[data-overflow=true] :is([role=tablist],.app-page-top-bar__slot>.flex){flex-wrap:wrap;min-width:0;max-width:100%;height:auto;min-height:36px}.top-bar :is(.top-bar__content,.top-bar__secondary)[data-overflow=true] [role=tab]{height:auto;min-height:32px}.top-bar__content[data-measuring=true]{width:max-content!important;min-width:max-content!important;height:var(--top-bar-height)!important;border:0!important;flex-direction:row!important;padding:0!important;position:absolute!important}.top-bar__content[data-measuring=true] :is(.top-bar__navigation,.top-bar__controls,.top-bar__custom,.app-page-top-bar__slot,[role=tablist],.app-page-top-bar__slot>.flex){flex-wrap:nowrap!important;min-width:max-content!important;max-width:none!important}.top-bar__secondary{align-items:center;gap:var(--top-bar-control-gap);flex:1 0 auto;min-width:max-content;display:flex}.top-bar__secondary:empty{display:none}.top-bar__content[data-overflow=true] .top-bar__secondary{flex-direction:column;align-items:stretch;min-width:0}.top-bar__content[data-measuring=true] .top-bar__secondary{width:max-content!important;min-width:max-content!important;height:var(--top-bar-height)!important;border:0!important;flex-direction:row!important;padding:0!important;position:static!important}.top-bar :is(.top-bar__content,.top-bar__secondary)[data-overflow=true] .flex{flex-wrap:wrap;min-width:0;max-width:100%}.top-bar__content[data-measuring=true] .flex{flex-wrap:nowrap!important;min-width:max-content!important;max-width:none!important}.top-bar{--top-bar-control-height:32px}.top-bar :is(button:not([role=switch]):not([role=checkbox]),input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,a[role=button],a[data-lumenbase-button]):not(.top-bar__chrome *){height:var(--top-bar-control-height);min-height:var(--top-bar-control-height);max-height:var(--top-bar-control-height);box-sizing:border-box;padding-block:0}.top-bar__extra{display:none}.top-bar__extra[data-popup=true][data-open=true],.top-bar [data-overflow=true]>.top-bar__extra,.top-bar [data-overflow=true] .top-bar__extra{flex-direction:column;gap:4px;display:flex}.top-bar__extra>.app-page-top-bar__slot{flex-direction:column;align-items:stretch;min-width:0}.top-bar__extra[data-popup=true][data-open=true]{top:var(--top-bar-menu-top);right:var(--top-bar-menu-right);width:min(320px,100vw - 16px);max-height:calc(100dvh - var(--top-bar-menu-top) - 16px);border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--background));box-shadow:0 8px 24px hsl(var(--foreground) / .12);z-index:50;padding:8px;position:fixed;overflow:auto}.top-bar__content[data-measuring=true] .top-bar__extra{display:none!important}.top-bar .app-page-top-bar__slot,.top-bar .app-page-top-bar__slot>.flex,.top-bar .app-page-top-bar__slot>.flex>.flex{column-gap:var(--top-bar-control-gap)}.top-bar .lb-theme-btn:is([data-lumenbase-button=default],[data-lumenbase-button=destructive],[data-lumenbase-button=success],[data-lumenbase-button=won],[data-lumenbase-button=lost]):not(.absolute){position:relative;top:-1px}.top-bar .app-page-top-bar__slot>.flex{align-items:center}.top-bar .top-bar-control-row .flex:not(button):not(a){column-gap:var(--top-bar-control-gap)}.top-bar .top-bar-control-row .pl-0\.5{padding-inline-start:0}.top-bar [data-lumenbase-button-size=icon]:not(.top-bar__chrome *){width:var(--top-bar-control-height);min-width:var(--top-bar-control-height);padding-inline:0}.top-bar [data-top-bar-segmented][data-top-bar-segmented]{flex-wrap:nowrap;column-gap:0}.top-bar .bookmark-bar,.top-bar .bookmark-bar .flex:not(button):not(a),.top-bar .bookmark-bar__pills,.top-bar .record-count-indicator{column-gap:var(--top-bar-control-gap)}.top-bar .bookmark-bar__pills:empty{display:none}.top-bar .bookmark-bar__pill{height:var(--top-bar-control-height)}.top-bar .record-count-indicator button{width:var(--top-bar-control-height);min-width:var(--top-bar-control-height)}.top-bar .bookmark-bar__search{order:-1;margin-inline-start:0}.top-bar [data-overflow=true] .bookmark-bar__search{margin-inline-start:0}.top-bar .quick-search input{width:clamp(140px,16vw,200px)}.top-bar [data-top-bar-segmented] button{padding-inline:10px}.top-bar__controls>.app-page-top-bar__slot:has(.bookmark-bar__search){justify-content:flex-end}.top-bar .top-bar-refresh{order:-1}.top-bar .filter-manager{display:contents}.top-bar.top-bar :is(button,input,select,[role=combobox]){box-shadow:none}.top-bar.top-bar :is(button,input,select,[role=combobox]):focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.top-bar.top-bar [data-lumenbase-button=default]{--top-bar-depth-color:var(--primary)}.top-bar.top-bar :is([data-lumenbase-button=destructive],[data-lumenbase-button=lost]){--top-bar-depth-color:var(--destructive)}.top-bar.top-bar :is([data-lumenbase-button=success],[data-lumenbase-button=won]){--top-bar-depth-color:var(--success)}.top-bar.top-bar :is([data-lumenbase-button=default],[data-lumenbase-button=destructive],[data-lumenbase-button=success],[data-lumenbase-button=won],[data-lumenbase-button=lost]){box-shadow:0 3px 0 hsl(var(--top-bar-depth-color) / .5)}.top-bar.top-bar :is([data-lumenbase-button=default],[data-lumenbase-button=destructive],[data-lumenbase-button=success],[data-lumenbase-button=won],[data-lumenbase-button=lost]):hover{box-shadow:0 2px 0 hsl(var(--top-bar-depth-color) / .5)}.top-bar.top-bar :is([data-lumenbase-button=default],[data-lumenbase-button=destructive],[data-lumenbase-button=success],[data-lumenbase-button=won],[data-lumenbase-button=lost]):active{box-shadow:0 1px 0 hsl(var(--top-bar-depth-color) / .5)}.top-bar.top-bar .top-bar__actions :is(.app-page-top-bar__slot,.flex)>[data-lumenbase-button=outline][data-lumenbase-button-size=default]:last-child{box-shadow:0 2px 4px -1px hsl(var(--foreground) / .08)}.top-bar .app-tab-surface:is([role=tablist],.lb-toggle-group){height:var(--top-bar-control-height);min-height:var(--top-bar-control-height);box-sizing:border-box;align-items:stretch;gap:2px;padding:2px}.top-bar.top-bar .app-tab-surface:is([role=tablist],.lb-toggle-group)>:is([role=tab],button){align-self:stretch;height:auto;min-height:0;max-height:none;margin-block:0;padding-block:0}.top-bar [data-overflow=true]:not([data-measuring=true]) .app-tab-surface:is([role=tablist],.lb-toggle-group){align-content:start;height:auto}.top-bar [data-overflow=true]:not([data-measuring=true]) .app-tab-surface:is([role=tablist],.lb-toggle-group)>:is([role=tab],button){height:calc(var(--top-bar-control-height) - 6px)}
