.tile-navigator{position:sticky;top:0;z-index:80;background:var(--panel);border:1px solid var(--line);border-top:2px solid var(--accent);padding:7px 8px;margin:0 0 10px;box-shadow:0 4px 12px #0005}
.tile-navigator-caption{font-size:9px;font-weight:700;color:var(--muted);letter-spacing:.8px;margin-bottom:6px}
.tile-access-list{display:flex;flex-wrap:wrap;gap:6px;max-height:170px;overflow:auto}
.tile-access{display:grid;grid-template-columns:auto minmax(60px,1fr) 42px 27px;align-items:center;column-gap:4px;min-width:230px;max-width:360px;flex:1 1 250px;border:1px solid var(--line);background:var(--control);padding:3px 5px}
.tile-access.selected{border-color:var(--accent);box-shadow:inset 2px 0 var(--accent)}
.tile-access button{min-height:27px;padding:2px 5px;font-size:11px;border:0;box-shadow:none;background:none;color:var(--text)}
.tile-access .access-grip{font:12px var(--mono);color:var(--accent-ink);cursor:grab;touch-action:none}
.tile-access .access-title{text-align:left;justify-content:flex-start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.tile-access select{font:10px var(--mono);min-height:24px;width:42px;padding:2px;border:1px solid var(--line)}
.tile-access .access-settings{font-size:15px}
.tile-access-status{grid-column:2/-1;color:var(--muted);font-size:9px;line-height:1.4;padding:0 4px 2px}
.tile-access .tile-access-status{color:var(--muted);font-size:9px;min-height:17px;justify-content:flex-start;white-space:normal;padding:0 4px 2px;text-align:left}
.tile-access button:focus-visible,.tile-access select:focus-visible{outline:2px solid var(--accent);outline-offset:0}
.workspace-tile[data-kind=overview]:not(.edit-mode .workspace-tile)>.tile-head{display:flex}
.workspace-tile[data-kind=overview] .overview-stat{padding:2px 10px}
.workspace-tile .tile-head{cursor:grab;touch-action:none;user-select:none}
.workspace-tile .tile-head .drag-grip{color:var(--accent-ink);font-size:17px;min-width:22px}
.workspace-tile .tile-head .panel-index{color:var(--text);font-weight:750;min-width:18px}
.workspace-tile .tile-tools button{color:var(--text);min-width:26px}
.workspace-tile .resize-grip{color:var(--accent-ink);z-index:2}
.fallback-badge{font:9px var(--mono);color:var(--warning-ink);order:3;white-space:nowrap}
.fallback-tile{border-style:dashed}
.monitor-window .workspace-title{display:flex!important}
.monitor-window .workspace-title h1{font-size:21px}
.monitor-window .workspace-tools .search-wrap{width:210px}
.monitor-window .workspace-tools{flex-wrap:wrap}
.monitor-window #tileWorkspace{height:var(--workspace-height,576px)!important;min-height:300px!important;min-width:760px;width:100%}
.monitor-window .workspace-tile,.monitor-window:not(:has(#tileWorkspace>.workspace-tile:only-child)) .workspace-tile{position:absolute!important;left:calc(var(--tile-x)*100%/48)!important;top:calc(var(--tile-y)*24px)!important;width:calc(var(--tile-w)*100%/48 - 8px)!important;height:calc(var(--tile-h)*24px - 8px)!important;margin:0!important}
.monitor-window #main{overflow:visible;padding-top:8px}
.tile-window #tileWorkspace{height:calc(100vh - 260px)!important}
.tile-window .workspace-tile{height:calc(100vh - 275px);min-height:350px}
@media(max-width:850px){.monitor-window .workspace-title{gap:8px}.tile-access{min-width:210px;flex-basis:220px}.monitor-window .workspace-tools{justify-content:flex-start}}

/* Compact access remains reachable even when tiles overlap. */
.tile-navigator{display:flex;align-items:center;gap:8px;padding:4px 6px}.tile-navigator-caption{margin:0;flex:none}.tile-navigator .navigator-toggle{font-size:9px;min-height:28px;padding:3px 6px;white-space:nowrap}.tile-navigator:not(.expanded) .tile-access-list{flex:1;flex-wrap:nowrap;overflow-x:auto;max-height:44px;gap:4px}.tile-navigator:not(.expanded) .tile-access{display:flex;flex:0 0 auto;min-width:0;max-width:none;padding:1px 3px;gap:2px}.tile-navigator:not(.expanded) .access-title{max-width:115px;font-size:10px}.tile-navigator:not(.expanded) .tile-access-status,.tile-navigator:not(.expanded) .tile-access select{display:none}.tile-navigator:not(.expanded) .tile-access button{min-height:26px;padding:2px 3px}.tile-navigator.expanded{display:block}.tile-navigator.expanded .tile-navigator-caption{margin-bottom:5px}@media(max-width:650px){.tile-navigator:not(.expanded) .access-title{max-width:80px}.tile-navigator:not(.expanded) .access-grip{font-size:10px}}