/* A stable navigation row, with less-used tools grouped by what players do. */
#table{overflow-anchor:none}
.workspace-nav.workspace-organized{position:sticky;top:0;z-index:20;display:flex!important;align-items:start;flex-wrap:wrap!important;gap:8px!important;overflow:visible!important;padding:8px!important;margin:12px 0 0;border:1px solid var(--line);border-radius:10px;background:#17251e;scroll-snap-type:none}
.workspace-nav.workspace-organized:has(.workspace-more[open]){position:relative;z-index:auto}
.workspace-primary{display:flex;flex:1;flex-wrap:wrap;gap:4px;min-width:0}
.workspace-primary button{flex:1 1 auto;min-width:0!important;min-height:42px;white-space:nowrap;font-size:13px;padding:9px 12px}
.workspace-more{flex:0 0 auto;padding:0;background:transparent;border:0}
.workspace-more>summary{padding:11px 14px;min-height:42px;border:1px solid #59634d;border-radius:6px;font-size:13px;color:#dfcfaa;list-style:none}
.workspace-more>summary::after{content:'⌄';padding-left:10px}.workspace-more[open]>summary::after{content:'⌃'}
.workspace-more>summary.active{border-color:var(--gold);color:#f4dc9f}
.workspace-more[open]{flex-basis:100%}.workspace-more[open]>summary{width:fit-content}
.workspace-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:12px 4px 4px}
.workspace-directory>section{min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:#132018}
.workspace-directory h3{font:600 13px system-ui;color:#c5b783;margin:0 0 8px}
.workspace-directory button{display:block;width:100%;min-width:0;text-align:left;font-size:13px;padding:10px;min-height:42px;background:transparent;border-color:transparent}
.workspace-directory button:hover{border-color:var(--line)}
.workspace-directory button.active{background:#c5ab72;color:#172118}
.workspace-context{margin:0 0 16px;padding:14px 8px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.workspace-location{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 330px}
.workspace-location>div{min-width:0}.workspace-location strong{font-size:15px;color:#e9d9b6}
.workspace-location p{margin:4px 0 0;font-size:12px;line-height:1.5;color:#adbead;max-width:75ch}
.workspace-location>button{flex:none;font-size:12px;padding:8px 10px}
.workspace-related{display:flex;flex-wrap:wrap;gap:6px}
.workspace-related button{font-size:12px;min-height:36px;padding:7px 10px;border-color:#425640;background:#1b2e22;color:#d1ddc6}
/* The detailed turn prompt stays in document flow; it must not cover editors. */
.session-flow{position:relative;top:auto;z-index:auto;box-shadow:none}
body:is([data-active-view=crew],[data-active-view=inventory],[data-active-view=workshop],[data-active-view=rules],[data-active-view=codex]) .session-flow{padding:9px 12px}
body:is([data-active-view=crew],[data-active-view=inventory],[data-active-view=workshop],[data-active-view=rules],[data-active-view=codex]) .session-flow-copy>strong{font-size:16px}
body:is([data-active-view=crew],[data-active-view=inventory],[data-active-view=workshop],[data-active-view=rules],[data-active-view=codex]) .session-flow-copy p,body:is([data-active-view=crew],[data-active-view=inventory],[data-active-view=workshop],[data-active-view=rules],[data-active-view=codex]) .session-steps{display:none}
html{scroll-padding-top:calc(var(--workspace-offset,60px) + 12px)}
.campaign-bar{align-items:center}.campaign-bar h2{font-size:23px}.campaign-bar>#save-status:empty{display:none}
.crew-members{margin:10px 0 18px;padding:10px 12px;border:1px solid var(--line);border-radius:8px}
.crew-members #members{margin-bottom:0}
.crew-import{padding:10px 12px;margin:12px 0;border:1px solid var(--line);border-radius:8px}
.crew-import>.toolbar{margin-top:12px}
body[data-active-view=crew] #session-roster,body[data-active-view=crew] #compact-hero{display:none}
.character-tool{padding:12px 16px;margin:12px 0;border:1px solid var(--line);border-radius:8px;background:#16251c}
.character-tool>summary{font-size:14px;min-height:24px}.character-tool>section{margin-top:14px}
.character-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.character-header .character-thumbnail{float:none;width:76px;height:86px;flex:none}
.character-header strong{display:block;font:700 22px Georgia,serif;overflow-wrap:anywhere}.character-header small{display:block;color:#acbba8;margin-top:5px}
.character-vitals{font-size:12px;padding:9px 0;border-top:1px solid var(--line);margin-bottom:8px;color:#d9d3b8}
.character-actions{display:flex;flex-wrap:wrap;gap:7px}.character-actions button{margin:0;min-height:40px}
.character-more{margin-top:12px!important;border-top:1px solid var(--line);padding-top:9px!important}.character-more>div{display:flex;gap:6px;flex-wrap:wrap;padding:10px 0}.character-more button{font-size:12px}
@media(max-width:650px){
 .workspace-nav.workspace-organized{display:grid!important;grid-template-columns:minmax(0,1fr);padding:6px!important}
 .workspace-primary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
 .workspace-primary button{font-size:11px;padding:8px 4px;white-space:normal;line-height:1.3;min-height:42px}
 .workspace-more>summary{font-size:12px;padding:9px 10px;min-height:40px}
 .workspace-directory{grid-template-columns:1fr;gap:8px}.workspace-directory>section{padding:9px}
 .workspace-context{padding:12px 2px;gap:10px}.workspace-location{align-items:flex-start;flex-basis:100%}
 .workspace-related{width:100%}.workspace-related button{flex:1 1 110px;min-height:40px;white-space:normal}
 .workspace-location strong{font-size:14px}.workspace-location p{font-size:11px}
 .campaign-bar h2{font-size:20px}.character-header .character-thumbnail{width:64px;height:76px}
}