/* v1.36.2 — one calm work strip: persistent Home, optional project tabs, and search. */
.shell-main{grid-template-rows:52px minmax(0,1fr)!important}
/* Search lives in its own top layer so a long tab run can never cover it. */
.topbar{display:flex!important;grid-row:1!important;grid-column:1!important;z-index:8!important;justify-content:flex-end!important;pointer-events:none!important;height:52px!important;padding:0 16px!important;background:transparent!important;border:0!important}
.topbar .breadcrumb,.topbar .desktop-menu{display:none!important}
.topbar .search-button{position:relative!important;z-index:2!important;display:flex!important;align-items:center!important;gap:8px!important;height:34px!important;margin:auto 0 auto auto!important;padding:0 10px!important;border:1px solid var(--line)!important;border-radius:9px!important;background:var(--raised)!important;color:var(--muted)!important;pointer-events:auto!important;box-shadow:-13px 0 18px var(--surface)!important}
.topbar .search-button .material-symbols-rounded{font-size:18px!important}.topbar .search-button kbd{margin-left:10px!important;color:var(--muted)!important;font:600 10px/1 inherit!important}
.tabs{grid-row:1!important;grid-column:1!important;height:52px!important;min-height:52px!important;padding:0 202px 0 16px!important;align-items:flex-end!important;background:var(--surface)!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs button{position:relative;min-width:0;height:44px!important;margin:8px 2px 0!important;padding:0 13px!important;border:1px solid transparent!important;border-bottom:0!important;border-radius:10px 10px 0 0!important;color:var(--muted)!important;font-size:13px!important;font-weight:600!important}
.tabs button:hover{background:var(--hover)!important;color:var(--ink)!important}
.tabs button.active{background:var(--surface)!important;border-color:var(--line)!important;color:var(--accent)!important;box-shadow:0 -1px 0 color-mix(in srgb,var(--accent) 14%,transparent)}
.tabs button.active:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:1px;background:var(--surface)}
.tabs .tab-project{gap:8px!important}
.tab-project .project-tab-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--dot);box-shadow:0 0 0 2px color-mix(in srgb,var(--dot) 14%,transparent)}
.tabs .tab-project .close{display:grid;place-items:center;width:19px;height:19px;margin-left:1px;border-radius:5px;color:var(--muted)}
.tabs .tab-project .close:hover,.tabs .tab-canvas .close:hover,.tabs .tab-board .close:hover{background:var(--raised);color:var(--ink)}
.tab-search-spacer,.tab-search{display:none!important}
@media(max-width:800px){
  .shell-main{grid-template-rows:48px 42px minmax(0,1fr)!important}
  .topbar{display:flex!important;grid-row:1!important;grid-column:1!important;position:relative!important;z-index:8!important;justify-content:initial!important;pointer-events:auto!important;height:48px!important;min-height:48px!important;padding:0 9px!important;background:var(--surface)!important;border-bottom:1px solid var(--line)!important}
  .topbar .desktop-menu{display:grid!important;width:32px!important;height:32px!important;flex:0 0 auto;color:var(--ink)}
  .topbar .desktop-menu .material-symbols-rounded{font-size:21px}
  .breadcrumb{min-width:0;flex:1;padding:0 7px;color:var(--ink);font-size:13px!important;font-weight:700!important}
  .topbar .search-button{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;margin-left:0!important;padding:0!important;border:0!important;background:transparent!important;color:var(--ink)!important;box-shadow:none!important}
  .topbar .search-button .material-symbols-rounded{display:block!important;font-size:21px!important}
  .topbar .search-button span,.topbar .search-button kbd{display:none!important}
  .tabs{grid-row:2!important;grid-column:1!important;height:42px!important;min-height:42px!important;padding:0 7px!important;background:var(--surface)!important}
  .tabs button{height:36px!important;max-width:176px!important;margin:6px 2px 0!important;padding:0 10px!important;font-size:12px!important}
  .tabs button.active:after{right:8px;left:8px}
  .tab-search,.tab-search-spacer{display:none!important}
}