/* v2.1.1.14.2 Unified sidebar: scoped visual system, no project schema changes */
.layout{--uml-sidebar-min:275px}
.layout>.left{scrollbar-width:thin;scrollbar-color:#60809a transparent;padding:0 10px 20px!important}
.left-tab-bar{margin:0 -10px 10px!important;padding:10px!important;gap:6px!important;background:var(--sidebar,#12243a)!important}
.left-tab-button{min-height:41px!important;font-size:12px!important;padding:8px 3px!important}
.left-tab-pane{padding:0 1px 28px!important;max-width:100%!important}
#projectWorkspacePane #projectExplorer,#projectTree{min-width:0!important;max-width:100%!important}
#projectTree .workflow-overview{padding:10px!important;margin:0 0 8px!important}
#projectTree .workflow-phase-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important;align-items:start!important;padding:8px!important}
#projectTree .workflow-phase-toggle{min-width:0!important;align-items:center!important;gap:7px!important;min-height:40px!important}
#projectTree .workflow-phase-titles{min-width:0!important;max-width:100%!important}
#projectTree .workflow-phase-titles strong{display:block!important;font-size:12px!important;line-height:1.4!important;word-break:normal!important;overflow-wrap:break-word!important}
#projectTree .workflow-phase-titles small{display:block!important;font-size:10.5px!important;line-height:1.45!important}
#projectTree .workflow-phase-actions{display:flex!important;gap:4px!important;align-self:start!important;flex-shrink:0!important}
#projectTree .workflow-icon-btn{width:29px!important;height:34px!important;flex:none!important}
#projectTree .workflow-phase-content{padding:4px 8px 10px!important}
#projectTree .workflow-diagram-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:4px!important;align-items:center!important;min-width:0!important}
#projectTree .workflow-diagram-row .project-tree-item{min-width:0!important;max-width:100%!important;overflow:hidden!important;overflow-wrap:anywhere!important;line-height:1.35!important}
#projectTree .workflow-diagram-row button{flex:none!important}
#projectTree .workflow-next{width:100%!important;min-width:0!important}
/* Guided learning: one expanded phase at a time, other phases retain their lessons */
#upWorkspacePane .up-focus-heading{display:flex;align-items:center;gap:7px;padding:9px 10px;margin:0 0 10px;border:1px solid #3b6a8b;border-radius:9px;background:#17364c;color:#e7f5ff;font-size:11.5px;line-height:1.45}
#upWorkspacePane .up-phase>summary{min-height:52px!important;cursor:pointer!important}
#upWorkspacePane .up-phase:not([open]){margin-bottom:7px!important}
#upWorkspacePane .up-phase-checklist{background:var(--sidebar,#17334c)!important;color:var(--ink,#ecf7ff)!important;border-radius:9px!important}
#upWorkspacePane .up-phase-checklist *{color:inherit!important}
#upWorkspacePane .up-diagram{padding:10px!important}
/* Shapes: preserve original palette elements and click/drag semantics */
#shapesWorkspacePane .uml-shape-section{margin:10px 0!important;border:1px solid #385a76;border-radius:11px;overflow:hidden;background:#132c43}
#shapesWorkspacePane .uml-shape-section>summary{display:flex;align-items:center;gap:8px;cursor:pointer;padding:12px;color:#d9f0ff;font-size:12px;font-weight:700;list-style:none}
#shapesWorkspacePane .uml-shape-section>summary::-webkit-details-marker{display:none}
#shapesWorkspacePane .uml-shape-section>summary:after{content:'⌄';margin-left:auto;color:#9ec8e3}
#shapesWorkspacePane .uml-shape-section:not([open])>summary:after{content:'›'}
#shapesWorkspacePane .uml-shape-section>.uml-shape-section-body{padding:8px}
#shapesWorkspacePane .shape-tool-host{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
#shapesWorkspacePane .shape-tool-host .tool{min-height:52px!important;margin:0!important;padding:8px!important;line-height:1.4!important}
#shapesWorkspacePane .shape-tool-host .tool small{line-height:1.35!important}
/* right inspector, readable across legacy themes */
.layout>.right{padding:13px 11px!important;scrollbar-width:thin}
.layout>.right button,.layout>.right input,.layout>.right select,.layout>.right textarea{max-width:100%!important;min-width:0}
.layout>.right .field{min-width:0!important}
/* single row of toolbar groups instead of wrap/overflow */
.app>.top,.app>.toolbar,.app .toolbar{min-width:0}
.left-tab-pane :is(button,input,select,textarea,a,summary):focus-visible,.layout>.right :is(button,input,select,textarea,a):focus-visible{outline:2px solid #5de0ec!important;outline-offset:2px!important}
@media (min-width:1001px){.layout:not(.focus-mode){grid-template-columns:minmax(255px,var(--left-size,330px)) 7px minmax(0,1fr) 7px minmax(235px,var(--inspector-width,290px))!important}}
@media (min-width:761px) and (max-width:1000px){#shapesWorkspacePane .shape-tool-host{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:760px){.layout>.left{padding:0 10px 26px!important}#projectTree .workflow-phase-header{gap:3px!important}#shapesWorkspacePane .shape-tool-host{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:380px){#shapesWorkspacePane .shape-tool-host{grid-template-columns:minmax(0,1fr)!important}}