/* v1.36.4 — browser-like tabs without browser-like noise. */
.tabs .tab-canvas,.tabs .tab-board,.tabs .tab-project{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;max-width:194px!important;overflow:hidden!important}
.tabs button[hidden]{display:none!important}
.tabs .tab-title{min-width:0!important;overflow:hidden!important;text-overflow:clip!important;white-space:nowrap!important;mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 18px),transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 18px),transparent 100%)}
.tabs .close{position:relative!important;z-index:1!important;flex:0 0 auto!important}
.tab-overflow-trigger{flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-width:42px!important;margin-left:5px!important;color:var(--muted)!important}
.tab-overflow-trigger .material-symbols-rounded{font-size:19px}.tab-overflow-count{font-size:10px;font-weight:800;line-height:1;color:var(--accent)}
.tab-overflow-menu{position:absolute;z-index:40;top:48px;right:16px;width:min(360px,calc(100vw - 28px));max-height:min(520px,calc(100dvh - 100px));overflow:auto;padding:6px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:var(--shadow)}
.tab-overflow-heading{padding:7px 8px 6px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em}
.tab-overflow-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:39px;padding:7px 7px;border-radius:8px;text-align:left;color:var(--ink)}
.tab-overflow-item:hover,.tab-overflow-item.dragging{background:var(--hover)}
.tab-overflow-item .material-symbols-rounded{font-size:18px;color:var(--muted)}
.tab-overflow-item .project-tab-dot{width:8px;height:8px;border-radius:50%;background:var(--dot);box-shadow:0 0 0 2px color-mix(in srgb,var(--dot) 14%,transparent)}
.tab-overflow-item .tab-overflow-title{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:650}
.tab-overflow-item .tab-overflow-close{display:grid;place-items:center;width:25px;height:25px;border-radius:6px;color:var(--muted)}
.tab-overflow-item .tab-overflow-close:hover{background:var(--raised);color:var(--ink)}
.tabs .tab-drop-target{box-shadow:inset 3px 0 0 var(--accent)!important}
@media(max-width:800px){.tabs .tab-canvas,.tabs .tab-board,.tabs .tab-project{max-width:180px!important}.tab-overflow-menu,.tab-overflow-trigger{display:none!important}.tabs .tab-title{mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 14px),transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 14px),transparent 100%)}}

/* Fixed rail controls own their layer; the tab scroller can never cover them. */
@media(min-width:801px){.shell-main{position:relative!important}.tab-search-fixed,.tab-overflow-fixed{position:absolute;top:8px;z-index:60;display:flex;align-items:center;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--raised);box-shadow:0 0 0 7px var(--surface),0 8px 18px color-mix(in srgb,var(--ink) 8%,transparent)}.tab-search-fixed{right:16px;gap:8px;padding:0 11px;color:var(--muted);font-size:13px;font-weight:650}.tab-search-fixed .material-symbols-rounded{font-size:18px}.tab-search-fixed kbd{margin-left:9px;color:var(--muted);font:700 10px/1 inherit}.tab-overflow-fixed{right:190px;width:38px;justify-content:center;color:var(--muted)}.tab-overflow-fixed:hover{background:var(--hover);color:var(--ink)}.tab-overflow-fixed .material-symbols-rounded{font-size:20px}.tab-overflow-fixed b{position:absolute;right:-4px;top:-5px;display:grid;place-items:center;min-width:16px;height:16px;padding:0 3px;border-radius:999px;background:var(--accent);color:#fff;font-size:9px}.tab-overflow-menu{top:51px!important;right:16px!important}.tabs{padding-right:240px!important}.topbar{display:none!important}}

/* Mobile is a predictable, left-starting scroller — never content-sized or stretched. */
@media(max-width:800px){#tabs{display:flex!important;align-items:flex-end!important;scroll-behavior:auto!important}#tabs>button[data-home]{flex:0 0 82px!important;min-width:82px!important;max-width:82px!important}#tabs>.tab-project{flex:0 0 132px!important;min-width:132px!important;max-width:132px!important}#tabs>.tab-canvas,#tabs>.tab-board{flex:0 0 156px!important;min-width:156px!important;max-width:156px!important}.tabs .tab-title{max-width:none!important}}

/* v1.72.12 — Keep the open-tabs overflow menu above the sticky Notes header. */
.tab-overflow-menu{z-index:140!important}