/* Concept 4: workflow navigation. Scope every rule to the sidebar. */
.sidebar.workflow-sidebar{background:#122844;color:#d7e2f3;border-color:#253d5b;padding-top:24px;padding-bottom:12px}
.workflow-sidebar .logo-text,.workflow-sidebar .logo-text span{color:#fff}
.workflow-sidebar .logo-icon{background:#4273f3;color:#fff;box-shadow:none}
.workflow-sidebar #orgName{color:#a8bbd5!important;padding:10px 18px 18px!important;white-space:normal!important;line-height:1.5}
.workflow-sidebar .sidebar-nav{padding:0 8px;scrollbar-color:#405675 #122844}
.workflow-sidebar .sidebar-nav::-webkit-scrollbar-thumb{background:#405675}
.workflow-sidebar .nav-item{color:#c5d4e8;width:calc(100% - 12px);margin-inline:6px;padding:10px 11px;border-radius:9px;transition:background .18s,color .18s}
.workflow-sidebar .nav-item:hover{background:#243e5e;color:#fff}
.workflow-sidebar .nav-item.active{background:#4273f3;color:#fff;box-shadow:none}
html[lang="ar"] .workflow-sidebar .nav-item.active{box-shadow:none}
.workflow-sidebar .nav-item:focus-visible,.workflow-sidebar .wf-toggle:focus-visible{outline:2px solid #a4c4ff;outline-offset:-2px}
.workflow-sidebar .wf-group{margin:5px 0}
.workflow-sidebar .wf-group[hidden]{display:none}
.workflow-sidebar .wf-toggle{display:flex;align-items:center;gap:10px;border:0;border-radius:9px;background:transparent;color:#cbd9ec;width:100%;padding:12px 10px;text-align:start;font:inherit;line-height:1.4;cursor:pointer;transition:background .18s,color .18s}
.workflow-sidebar .wf-toggle:hover,.workflow-sidebar .wf-open>.wf-toggle{background:#1e3654;color:white}
.workflow-sidebar .wf-label{flex:1;font-size:12px;font-weight:600}
.workflow-sidebar .wf-arrow{font-size:20px;transition:transform .25s}
.workflow-sidebar .wf-open .wf-arrow{transform:rotate(90deg)}
html[lang="ar"] .workflow-sidebar .wf-arrow{transform:rotate(180deg)}
html[lang="ar"] .workflow-sidebar .wf-open .wf-arrow{transform:rotate(90deg)}
.workflow-sidebar .wf-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .25s ease,opacity .2s}
.workflow-sidebar .wf-open>.wf-panel{grid-template-rows:1fr;opacity:1}
.workflow-sidebar .wf-inner{overflow:hidden;min-height:0}
.workflow-sidebar .wf-inner .nav-item{padding-inline-start:20px;font-size:12px}
.workflow-sidebar .wf-workspace{padding:8px;border-top:1px solid #304661;margin-top:8px;flex-shrink:0}
.workflow-sidebar .sidebar-footer{border-color:#304661;flex-shrink:0;padding:12px 18px 0}
.workflow-sidebar .user-name{color:#e8effa}.workflow-sidebar .user-sub{color:#a3b6cf}
.workflow-sidebar .avatar{background:#284664;color:#e1ebfa}
@media(prefers-reduced-motion:reduce){.workflow-sidebar *{transition:none!important}}
@media(max-height:650px){.workflow-sidebar .logo{padding-bottom:4px}.workflow-sidebar #orgName{padding-bottom:8px!important}.workflow-sidebar .wf-workspace{padding:3px 8px}.workflow-sidebar .wf-workspace .nav-item{padding-block:6px}.workflow-sidebar .sidebar-footer{padding-top:6px}.sidebar.workflow-sidebar{padding-top:12px}}