/* Shared shell: navigation and filters stay beside the work. */
.sidebar{width:224px;padding:0;overflow:hidden}
.sidebar-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:20px 12px 12px;scrollbar-width:thin;scrollbar-color:#cbd7c4 transparent}
.sidebar .side-section{margin-bottom:20px}
.sidebar .side-label{font-size:9px;letter-spacing:1.1px;text-transform:uppercase;margin:0 9px 9px;color:#7c8976}
.sidebar .nav-item{font-size:12px;min-height:37px;padding:9px;gap:9px}
.disclosure-chevron{margin-left:auto;font-size:17px;line-height:1;transition:transform .15s}
[aria-expanded=true]>.disclosure-chevron,details[open]>summary>.disclosure-chevron{transform:rotate(90deg)}
.experimental-views{margin:4px 0 4px 16px;padding-left:8px;border-left:1px solid #dbe4d7}
.sidebar .experimental-views .nav-item{font-size:11px;min-height:34px;padding:8px 5px;gap:7px}
.experimental-views .nav-icon{font-size:15px;width:15px}
.sidebar details.discovery-shortcuts{margin-top:0;border-block:1px solid #e4e9e0;padding:9px 0}
.sidebar .discovery-shortcuts>summary{display:flex;align-items:center;min-height:26px;cursor:pointer;margin:0;padding:0 9px;list-style:none;letter-spacing:.3px;text-transform:none;font-size:11px;font-weight:500;color:#6b7e6e}
.discovery-shortcuts>summary::-webkit-details-marker{display:none}
.sidebar .discovery-shortcut{padding:8px 9px;font-size:11px}
.sidebar-workspace{min-width:0}
.sidebar .sidebar-workspace .discovery-search,.sidebar .work-search,.sidebar .sidebar-search{display:flex;width:100%;max-width:none;min-width:0;flex:none;flex-basis:auto;order:0;height:34px;margin:0 0 20px;padding:0 9px;gap:7px;border:1px solid #dce4d7;background:#fff;border-radius:6px;color:#819478}
.sidebar-workspace .discovery-search input,.sidebar .work-search input,.sidebar-search input{width:100%;font-size:11px;min-width:0;background:transparent}
.sidebar-workspace .discovery-search svg{width:14px;height:14px;flex-shrink:0}
.sidebar-workspace .discovery-search kbd{font-size:9px;color:#93a18b;border-color:#e0e7da}
.sidebar-filters{margin:0 0 20px}
.sidebar-field{display:flex;flex-direction:column;gap:6px;margin:0 4px 12px;min-width:0;color:#7a8b71;font-size:10px}
.sidebar-field>span{padding-left:1px}
.sidebar-field select,.sidebar .sidebar-field #inventory-lens{display:block;width:100%;max-width:none;min-width:0;height:32px;padding:5px 25px 5px 9px;font-size:11px;color:#536b4a;background-color:#fff;border-color:#dce4d7}
.sidebar-filters>.text-button{font-size:10px;margin:0 5px;padding:5px}
.sidebar-bottom{display:flex;justify-content:flex-end;align-items:center;flex-shrink:0;min-height:47px;margin:0;padding:8px 14px;border-top:1px solid #e3e9df;background:#fafbf9}
.sidebar-help{width:27px;height:27px;border:1px solid #d8e1d1;border-radius:50%;font-size:13px;color:#71876a}
.workspace-toolbar{min-height:46px;padding:8px 20px;flex-wrap:nowrap}
.workspace-toolbar .context-actions{margin-left:auto}
.workspace-toolbar .context-actions .icon-button{width:23px;height:23px;font-size:12px}
/* Breadcrumbs and presentation controls share a single top row. */
.is-discover #discovery-header .discovery-toolbar{gap:12px}
#discovery-header .discovery-layout-controls{margin:0;gap:8px}
#discovery-header .discovery-layouts{background:#edf2e8}
#discovery-header .discovery-settings{width:29px;height:29px;margin:0;flex-shrink:0}
#discovery-header .discovery-breadcrumbs{padding-right:8px}
.discovery-selection:has(.discovery-selection-hint){display:none}
.work-toolbar{min-height:49px;padding:9px 20px}
.work-toolbar h1{margin-right:auto}
.work-filterbar{padding:6px 20px;min-height:40px}
.work-filterbar .work-tabs{width:auto;flex:1}
/* Inspectors use one title and keep their selection when collapsed. */
.panel-toggle{display:grid;place-items:center;width:29px;height:29px;padding:5px;flex-shrink:0;color:#78906e}
.panel-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.capability-mindmap .mindmap-inspector{right:0;top:0;bottom:0;width:clamp(380px,42vw,560px);max-width:calc(100% - 48px);border-radius:0;border-width:0 0 0 1px;box-shadow:-5px 0 20px #29482c0b;background:#fff;display:flex;flex-direction:column;overflow:hidden}
.capability-mindmap .mindmap-inspector>header{display:flex;align-items:center;gap:12px;min-height:43px;height:auto;flex-shrink:0;padding:6px 12px 6px 18px;border-bottom:1px solid #e5ebdf;background:#fff}
.mindmap-inspector h2.map-inspector-title{font-size:14px;font-weight:600;line-height:1.4;letter-spacing:-.1px;max-width:none;min-width:0;flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0;color:#47673f}
.mindmap-inspector-content{flex:1;min-height:0;padding:14px 20px 20px;overflow:auto}
.mindmap-inspector>footer{display:flex;align-items:center;flex-shrink:0;gap:12px;padding:10px 20px;border-top:1px solid #e3ebdb}
.map-inspector-context{font-size:11px;color:#849579;margin:0 0 10px}
.map-inspector-context>summary{cursor:pointer;line-height:1.7;min-height:23px;color:#829678}
.map-inspector-context[open]{padding-bottom:9px;border-bottom:1px solid #e5ebdf}
.map-inspector-context .map-node-intro{font-size:12px}
.mindmap-inspector .map-options{margin:6px 0 10px;padding-top:8px}
.map-options-rail{grid-auto-columns:calc((100% - 24px)/4);gap:8px}
.map-option-title{font-size:11px}
.map-option-detail.is-single-option{border-top:0;padding-top:3px}
.map-option-detail .feature-card-header{gap:9px;align-items:center}
.map-option-detail .feature-card-header:has(.feature-card-symbol):not(:has(h2)){float:right;margin-left:10px}
.map-option-detail .feature-card-header:not(:has(h2)) .feature-card-symbol{display:none}
.inspector{width:clamp(340px,34vw,460px);display:flex;flex-direction:column;overflow:hidden}
.inspector-header{position:static;min-height:43px;padding:6px 12px 6px 18px;gap:10px;letter-spacing:normal;flex-shrink:0}
.inspector-header h2{font-size:14px;line-height:1.4;margin:0;min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.1px}
.inspector-content{flex:1;min-height:0;overflow:auto;padding:14px 20px 24px}
.inspector-product{margin-bottom:9px}
.inspector-summary{margin-bottom:10px}
.inspector-section{margin-top:18px;padding-top:13px}
@media(min-width:761px){.sidebar-collapsed .sidebar{display:none}}
@media(max-width:1120px){.sidebar{width:214px}.sidebar-scroll{padding-inline:10px}.capability-mindmap .mindmap-inspector{width:clamp(360px,44vw,500px)}.map-options-rail{grid-auto-columns:calc((100% - 16px)/3)}}
@media(max-width:900px){.inspector{width:min(420px,calc(100% - 38px))}}
@media(max-width:760px){
 .sidebar{width:244px;top:51px;z-index:30}.sidebar-scroll{padding:17px 12px 12px}.sidebar-bottom{margin:0}
 .is-discover .topbar{height:51px;padding:0 11px;gap:7px;flex-wrap:nowrap;align-content:normal}
 .is-discover .app-shell{height:calc(100dvh - 51px)}.is-discover .sidebar{top:51px}
 .is-discover #discovery-header{display:block;flex:1;min-width:0}
 .is-discover #discovery-header .discovery-toolbar{display:flex;height:50px;min-height:0;gap:6px;flex-wrap:nowrap}
 .is-discover #discovery-header .discovery-back{margin:0;width:24px;min-width:24px;height:27px}
 .is-discover #discovery-header .discovery-breadcrumbs{max-width:none;min-width:0;flex:1;margin:0;font-size:10px;padding:3px 0}
 .is-discover .topbar:has(.discovery-layout-controls){height:91px;align-items:flex-start;padding-top:10px}
 .is-discover .topbar:has(.discovery-layout-controls) #discovery-header .discovery-toolbar{height:30px}
 .is-discover:has(.discovery-layout-controls) .app-shell{height:calc(100dvh - 91px)}
 .is-discover:has(.discovery-layout-controls) .sidebar{top:91px}
 #discovery-header .discovery-layout-controls{position:absolute;left:12px;right:12px;top:49px;justify-content:space-between;gap:8px;margin:0;height:33px}
 .is-discover .topbar .brand{gap:6px;font-size:18px}.is-discover .topbar .sidebar-toggle{width:26px}
 .workspace-toolbar{min-height:43px;padding:7px 12px}
 .work-toolbar{padding:9px 13px;flex-wrap:nowrap}.work-toolbar h1{font-size:14px}.work-toolbar h1 span{font-size:9px;margin-left:5px}
 .work-toolbar>.text-button{font-size:9px}.work-toolbar>.primary-button{font-size:10px;padding:7px 9px}
 .work-filterbar{display:flex;padding:5px 10px;min-height:38px}.work-filterbar .work-tabs{width:100%;min-width:0}
 .capability-mindmap .mindmap-inspector{left:auto;right:0;top:0;bottom:0;width:calc(100% - 38px);max-width:none;box-shadow:-6px 0 20px #29482c17}
 .mindmap-inspector-content,.inspector-content{padding:12px 16px 20px}
 .capability-mindmap .mindmap-inspector>header{padding-left:15px;gap:8px}
 .map-options-rail{grid-auto-columns:calc((100% - 8px)/2)}
 .mindmap-inspector>footer{padding:10px 14px;gap:10px}.mindmap-inspector>footer button{font-size:10px}
 .inspector{width:calc(100% - 38px)}
}
@media(prefers-reduced-motion:reduce){.disclosure-chevron{transition:none}}
.nav-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
/* Sidebar disclosures use explicit clicks; search stays unavailable for now. */
.sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px;margin:0 5px 6px 9px}
.sidebar .sidebar-heading .side-label{margin:0}
.sidebar-search-button{width:24px;height:24px;padding:4px;color:#8e938e}
.sidebar-search-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.sidebar-search-button:disabled{opacity:.55}.sidebar-search-button:disabled:hover{background:transparent}
.sidebar details.sidebar-filters{border-block:1px solid #e4e9e0;padding:9px 0;margin:0 0 20px}
.sidebar .sidebar-filters>summary{display:flex;align-items:center;min-height:26px;cursor:pointer;margin:0;padding:0 9px;list-style:none;letter-spacing:.3px;text-transform:none;font-size:11px;font-weight:500;color:#6b7e6e}
.sidebar-filters>summary::-webkit-details-marker{display:none}
.sidebar details.sidebar-filters[open]>summary{margin-bottom:12px}
.sidebar-filters .product-section,.sidebar-filters .journey-section{margin-top:18px}
.sidebar-filters .journey-section:last-child{margin-bottom:4px}
/* A single control owns the right panel; expanded desktop panels span the window. */
:root{--map-panel-width:clamp(380px,42vw,560px);--item-panel-width:clamp(340px,34vw,460px);--workspace-top:57px}
body[data-right-panel=map],body[data-right-panel=settings]{--right-panel-width:var(--map-panel-width)}
body[data-right-panel=item]{--right-panel-width:var(--item-panel-width)}
.topbar-inspector-toggle{margin-left:0;border:1px solid #dce5d5;border-radius:5px}
/* Legend explanations expand in the sidebar, without covering the canvas. */
.sidebar-legends{padding:0 8px}
.sidebar .sidebar-legends>.side-label{margin-left:1px;margin-bottom:9px}
.sidebar .feature-status-legend{width:100%;max-width:none;margin:0;align-self:auto;z-index:auto;font-size:9px}
.sidebar .feature-status-legend summary{gap:7px;flex-wrap:wrap;padding:4px 0}
.status-key{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.sidebar .status-swatch{margin:0;width:8px;height:8px}
.sidebar .feature-status-legend>div{position:static;width:auto;max-width:none;padding:9px 0 0;border:0;border-radius:0;box-shadow:none;background:transparent;font-size:10px;line-height:1.7}
.connection-key{display:flex;align-items:center;gap:9px;color:#819377;font-size:10px;margin:8px 0}
.connection-key .legend-line{margin:0;flex-shrink:0}
.legend-note{font-size:10px;line-height:1.7;color:#8c9b81;margin:9px 0}
.sidebar-legends .text-button{font-size:10px;line-height:1.7}
/* Settings occupies the inspector slot and leaves the canvas interactive. */
.map-settings-panel{display:flex;flex-direction:column;position:fixed;top:var(--workspace-top);bottom:0;right:0;z-index:25;width:min(var(--map-panel-width),calc(100vw - 38px));max-width:none;max-height:none;height:auto;margin:0;border:0;border-left:1px solid #d7e1d2;border-radius:0;box-shadow:-5px 0 20px #29482c0b;background:#fff}
.map-settings-panel .dialog-header{position:static;min-height:43px;padding:6px 12px;gap:8px;background:#fff}
.map-settings-panel .dialog-header h2{flex:1;min-width:0;font-size:14px;font-weight:600;color:#47673f}
.map-settings-panel .map-settings-tabs{padding:6px 16px;gap:6px;background:#fafcf8}
.map-settings-panel .map-settings-tabs button{font-size:11px;padding:6px 10px}
.map-settings-panel .map-settings-content{flex:1;padding:14px 20px 20px}
.map-settings-panel .map-config-scope{flex-direction:column;align-items:stretch;gap:5px;margin-bottom:10px}
.map-settings-panel .map-config-scope>label:first-child{max-width:none}
.map-settings-panel .map-show-labels{font-size:11px;padding:5px 0}
.map-settings-panel .map-settings-explanation{margin:9px 0 12px;font-size:11px}
.map-settings-panel .map-type-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px;padding:12px 0;min-height:0}
.map-settings-panel .map-type-source{grid-column:1/-1;font-size:11px;font-weight:550;color:#67835c}
.map-type-field{display:grid;gap:5px;min-width:0;font-size:10px;color:#8a9c7f}
.map-settings-panel .map-type-row>div{grid-column:2;justify-self:end;align-self:end;display:block;padding-bottom:3px}
.map-settings-panel .map-type-row>div button{font-size:11px;padding:5px 0}
.map-settings-panel .map-settings-footer{padding:11px 18px;gap:9px;background:#fafcf8}
.map-settings-panel .map-settings-footer>button{font-size:11px;padding:8px 11px}
.map-settings-panel .map-settings-feedback{font-size:10px;line-height:1.5}
body[data-right-panel=settings] .mindmap-inspector,body[data-right-panel=settings] #inspector{visibility:hidden;pointer-events:none}
.discovery-settings[aria-pressed=true]{background:#e7efe1;border-color:#9db88c;color:#456940}
@media(min-width:761px){
 .right-panel-expanded .topbar{padding-right:calc(var(--right-panel-width) + 14px);gap:10px}
 .right-panel-expanded.is-discover #discovery-header .discovery-toolbar{gap:8px}
 .right-panel-expanded #discovery-header .discovery-layout-controls{gap:6px}
 .right-panel-expanded[data-right-panel=map] .capability-mindmap .mindmap-inspector,.right-panel-expanded[data-right-panel=item] #inspector,.right-panel-expanded[data-right-panel=settings] .map-settings-panel{position:fixed;inset:0 0 0 auto;width:var(--right-panel-width);max-width:none;height:100dvh;z-index:25;border-radius:0;border-width:0 0 0 1px}
 .right-panel-expanded .mindmap-inspector>header>.panel-toggle,.right-panel-expanded .inspector-header>.panel-toggle,.right-panel-expanded .map-settings-panel>.dialog-header>.panel-toggle{display:none}
 .right-panel-expanded .mindmap-bottom{padding-right:calc(var(--right-panel-width) + 16px);gap:8px;min-height:41px}
 .right-panel-expanded .mindmap-bottom>#mindmap-help{flex:1;min-width:0;font-size:9px}
 .right-panel-expanded .mindmap-count{display:none}
 .right-panel-expanded .mindmap-zoom{margin-left:auto}
 .right-panel-expanded .discovery-footer,.right-panel-expanded .workspace-footer{padding-right:calc(var(--right-panel-width) + 16px)}
 .right-panel-expanded .discovery-footer>span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
 .right-panel-expanded[data-right-panel=item] .canvas-controls{right:calc(var(--right-panel-width) + 16px)}
}
@media(min-width:761px) and (max-width:1120px){
 :root{--map-panel-width:clamp(360px,44vw,500px)}
 .right-panel-expanded .topbar .brand>span:last-child{display:none}
 .right-panel-expanded .topbar{padding-left:12px;gap:8px}
 .right-panel-expanded #discovery-header .discovery-back-label{display:none}
 .right-panel-expanded #discovery-header .discovery-back{width:26px;padding:0}
 .right-panel-expanded #discovery-header .discovery-layouts button{padding-inline:6px;font-size:9px;gap:4px}
 .right-panel-expanded #discovery-header .discovery-layout-controls{gap:4px}
 .right-panel-expanded #discovery-header .discovery-toolbar{gap:5px}
}
@media(max-width:760px){
 :root{--workspace-top:51px}
 .is-discover:has(.discovery-layout-controls){--workspace-top:91px}
 .topbar-inspector-toggle{width:27px;height:27px;padding:4px}
 .map-settings-panel{top:var(--workspace-top);width:calc(100vw - 38px);box-shadow:-6px 0 20px #29482c17}
 .map-settings-panel .map-settings-content{padding:12px 16px 20px}
 .map-settings-panel .map-preset-picker{flex-wrap:wrap}
 .map-settings-panel .map-preset-picker label{flex-basis:100%}
 .map-settings-panel .map-settings-footer{padding:10px 12px}
 .map-settings-panel .map-settings-footer>button{padding:8px 9px}
}
@media(min-width:761px) and (max-width:1120px){.right-panel-expanded:not(.is-discover) .app-title,.right-panel-expanded:not(.is-discover) .header-divider{display:none}}
@media(min-width:761px) and (max-width:860px){.right-panel-expanded #discovery-header .discovery-layouts button{font-size:0;gap:0;padding-inline:7px}.right-panel-expanded .topbar .brand{display:none}}
/* Inspector and Settings are peer toggles. Closing either removes the whole panel. */
.topbar-inspector-toggle[aria-pressed=true]{background:#e7efe1;border-color:#9db88c;color:#456940}
.topbar-inspector-toggle svg,.panel-toggle svg{transform:none!important}
.mindmap-node-toggle{font-size:17px;font-weight:400;display:grid;place-items:center}
.mindmap-node:not(:has(.mindmap-node-toggle)) .mindmap-node-main{border-radius:inherit}
.inspector-empty{font-size:12px;line-height:1.7;color:#849579}
.capability-mindmap .mindmap-node-main{padding-right:12px}
.panel-toggle>span{font-size:20px;line-height:1}
.connection-button:not(button):hover{background:transparent}

/* Project identity stays beside the workspace controls. */
.project-controls{display:flex;align-items:center;gap:5px;margin:0 0 18px;min-width:0}
.project-controls select{width:100%;min-width:0;height:34px;border:1px solid #dbe3d9;border-radius:6px;background:#fff;padding:0 8px;font:inherit;font-size:12px;color:#344d3e;text-overflow:ellipsis}
.project-controls .icon-button{flex:0 0 30px;width:30px;height:34px;font-size:20px}
.brand-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.new-project-dialog{width:min(420px,calc(100vw - 32px));padding:0;border:1px solid #dbe3d9;border-radius:10px;color:#344d3e}
.new-project-dialog::backdrop{background:#17291e55}
.new-project-dialog .dialog-content{padding:18px 22px}
.new-project-dialog label{display:block;margin-bottom:7px;font-size:12px}
.new-project-dialog input{width:100%;box-sizing:border-box;padding:9px;border:1px solid #cdd8cf;border-radius:5px;font:inherit}
.new-project-dialog p{font-size:12px;line-height:1.6;color:#6b7e6e}
.new-project-dialog [role=alert]{color:#a04437}
.new-project-dialog footer{display:flex;justify-content:flex-end;padding:12px 22px;border-top:1px solid #e4e9e0}
@media(max-width:760px){.brand-name{max-width:100px}.project-controls select{height:40px}.project-controls .icon-button{height:40px;flex-basis:40px;width:40px}}