/* v2.1.1.13: three-tab left sidebar layout clarity (cosmetic only) */
.layout > .left { min-width:0!important; overflow-x:hidden!important; }
.left-tab-pane { min-width:0!important; overflow-x:hidden!important; padding-bottom:18px!important; }
.left-tab-pane *, .left-tab-bar * { box-sizing:border-box; }
.left-tab-bar { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;position:sticky;top:0;z-index:7; }
.left-tab-button { min-width:0!important; width:100%!important; padding:9px 4px!important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
/* Project: a single workflow header and tidy actionable rows */
#projectWorkspacePane #projectTree {gap:9px!important;padding:0 1px 12px;}
#projectTree .workflow-overview{padding:11px!important;gap:8px!important}
#projectTree .workflow-progress{gap:5px!important}
#projectTree .workflow-phase-card {margin:0!important;border-radius:11px!important}
#projectTree .workflow-phase-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center!important;gap:4px!important;padding:7px!important}
#projectTree .workflow-phase-toggle{min-height:43px!important;padding:3px!important;gap:7px!important}
#projectTree .workflow-phase-titles{min-width:0!important}
#projectTree .workflow-phase-titles strong{font-size:11.5px!important;line-height:1.4!important;overflow-wrap:normal!important;word-break:normal!important}
#projectTree .workflow-phase-titles small{font-size:10.5px!important;line-height:1.35!important}
#projectTree .workflow-phase-actions{gap:4px!important}
#projectTree .workflow-icon-btn{width:26px!important;height:32px!important}
#projectTree .workflow-phase-content{padding:4px 8px 10px!important}
#projectTree .workflow-diagram-row {min-height:39px!important;margin:5px 0!important;gap:4px!important}
#projectTree .workflow-diagram-row .project-tree-item{padding:10px 6px!important;min-width:0!important}
#projectTree .workflow-diagram-edit{height:29px!important;width:26px!important}
#projectTree .workflow-next{font-size:11px!important;line-height:1.4!important;padding:10px!important}
/* UP: guide is educational, not a duplicate project manager */
#upWorkspacePane .up-brand{padding:10px 7px 11px!important}
#upWorkspacePane .up-brand h3{font-size:15px!important;margin:4px 0!important}
#upWorkspacePane .up-brand p{font-size:11.5px!important;margin:4px 0!important;line-height:1.55!important}
#upWorkspacePane .up-context-guide{padding:10px!important;margin:6px 0 10px!important;gap:6px!important}
#upWorkspacePane .up-context-guide strong{font-size:12px!important}
#upWorkspacePane .up-context-guide p,#upWorkspacePane .up-context-suggestion{font-size:11px!important;line-height:1.5!important}
#upWorkspacePane .up-phase{margin:0 0 10px!important;overflow:hidden!important}
#upWorkspacePane .up-phase>summary{display:flex!important;align-items:center!important;gap:8px!important;padding:10px!important;min-width:0!important}
#upWorkspacePane .up-phase>summary>span:not(.up-num){min-width:0!important;flex:1!important}
#upWorkspacePane .up-phase>summary strong{font-size:12px!important;line-height:1.35!important}
#upWorkspacePane .up-phase>summary small{font-size:10.5px!important;line-height:1.4!important}
#upWorkspacePane .up-phase-body{padding:8px!important;min-width:0!important}
#upWorkspacePane .up-phase-checklist{margin:0 0 9px!important;padding:10px!important}
#upWorkspacePane .up-phase-checklist ul{padding-left:17px!important;margin:6px 0!important;line-height:1.55!important}
#upWorkspacePane .up-diagram{padding:10px!important;margin:0 0 8px!important;min-width:0!important;border-radius:9px!important}
#upWorkspacePane .up-diagram-head{display:flex!important;flex-wrap:wrap!important;gap:5px!important;align-items:center!important}
#upWorkspacePane .up-diagram p{line-height:1.5!important;margin:7px 0!important}
#upWorkspacePane .up-tools,#upWorkspacePane .v18-tools,#upWorkspacePane .v183-shape-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
#upWorkspacePane .up-tools .tool,#upWorkspacePane .v18-tools .tool,#upWorkspacePane .v183-shape-grid .tool{min-width:0!important;width:100%!important;min-height:46px!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:left!important;padding:8px!important}
#upWorkspacePane .up-tools .tool span{min-width:0!important;overflow-wrap:anywhere}
#upWorkspacePane .up-future{font-size:10.5px!important;line-height:1.5!important;overflow-wrap:anywhere}
/* Shapes: consistent palette tiles and clearer sections */
#shapesWorkspacePane>h3{margin:10px 4px 5px!important;font-size:15px!important;line-height:1.4!important}
#shapesWorkspacePane>p{margin:0 4px 12px!important;font-size:11.5px!important;line-height:1.5!important}
#shapesWorkspacePane .shape-tool-host{min-width:0!important;max-width:100%!important}
#shapesWorkspacePane .shape-tool-host .tool,#shapesWorkspacePane .uml-v2-palette .tool{min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important}
#shapesWorkspacePane .uml-v2-palette,#shapesWorkspacePane .v183-shape-catalog{min-width:0!important;max-width:100%!important}
#shapesWorkspacePane .v183-shape-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
#shapesWorkspacePane .v183-shape-grid .tool{width:100%!important;min-width:0!important;text-align:left!important}
#shapesWorkspacePane .uml-v2-validation{margin-top:12px!important;padding:10px!important;border-radius:10px!important}
.left-tab-pane button:focus-visible{outline:2px solid #79e6ef!important;outline-offset:2px!important}
@media(max-width:460px){#upWorkspacePane .up-tools,#upWorkspacePane .v18-tools,#upWorkspacePane .v183-shape-grid,#shapesWorkspacePane .v183-shape-grid{grid-template-columns:minmax(0,1fr)!important}#projectTree .workflow-phase-header{gap:2px!important}#projectTree .workflow-phase-actions{gap:2px!important}#projectTree .workflow-icon-btn{width:25px!important}}
