/* Optional desktop icon rail. The live workspace is resized, never reconstructed. */
.sidebar-header{display:flex;align-items:flex-start;gap:4px;flex-shrink:0}
.sidebar-header .brand{flex:1;min-width:0;padding-inline:0;gap:9px}
.sidebar-header .brand-mark{flex-shrink:0}
.sidebar-toggle{--sidebar-toggle-size:32px;width:var(--sidebar-toggle-size);height:var(--sidebar-toggle-size);min-width:var(--sidebar-toggle-size);min-height:var(--sidebar-toggle-size);max-width:var(--sidebar-toggle-size);max-height:var(--sidebar-toggle-size);aspect-ratio:1;flex:0 0 var(--sidebar-toggle-size);padding:0;border-radius:50%;box-sizing:border-box;margin-top:5px;color:#657b9f;border:1px solid #dbe4f3;background:#f8faff}
.sidebar-toggle .icon{width:16px;height:16px}
.sidebar-toggle:hover{color:#2855d9;background:#e9efff}
@media(min-width:721px){
 body[data-sidebar-collapsed="true"]:not([data-view="portal"]) .sidebar{width:80px;padding-inline:12px}
 body[data-sidebar-collapsed="true"]:not([data-view="portal"]) .workspace{margin-left:80px;min-width:0}
 body[data-sidebar-collapsed="true"] .sidebar-header{flex-direction:column;align-items:center;gap:0}
 body[data-sidebar-collapsed="true"] .sidebar-header .brand{padding:0 0 10px;flex:none}
 body[data-sidebar-collapsed="true"] .sidebar-header .brand>span:not(.brand-mark){display:none}
 body[data-sidebar-collapsed="true"] .sidebar-toggle{--sidebar-toggle-size:40px;margin:0 0 12px;flex-basis:auto}
 body[data-sidebar-collapsed="true"] .sidebar .store-switch{display:none}
 body[data-sidebar-collapsed="true"] .sidebar .nav-item{position:relative;justify-content:center;gap:0;padding:11px 0;min-height:44px;margin:2px 0}
 body[data-sidebar-collapsed="true"] .sidebar .nav-item>span{display:none}
 body[data-sidebar-collapsed="true"] .sidebar .nav-item>.icon{width:22px;height:22px}
 body[data-sidebar-collapsed="true"] .sidebar .nav-item .nav-count{position:absolute;right:0;top:0;padding:2px 4px;min-width:17px;font-size:9px;line-height:1.3;border:2px solid #f8faff;border-radius:8px;margin:0}
 body[data-sidebar-collapsed="true"] .sidebar-bottom .profile{justify-content:center;flex-wrap:wrap;padding-inline:0;gap:7px}
 body[data-sidebar-collapsed="true"] .sidebar-bottom .profile>span:not(.avatar){display:none}
 body[data-sidebar-collapsed="true"] .profile .circle-btn{margin-left:0}
 body[data-sidebar-collapsed="true"]:not([data-view="portal"]) #toast{left:calc(50% + 40px)}
 body[data-sidebar-collapsed="true"]:not([data-view="portal"]) .wizard-footer{left:120px}
}
@media(min-width:721px) and (max-width:1200px){
 .sidebar-header .brand{font-size:21px;gap:7px}
 .sidebar-header .brand small{font-size:8px;letter-spacing:1px}
 .sidebar-header .brand-mark{width:33px;height:35px;border-radius:11px}
 .sidebar-header .brand-mark .icon{width:23px;height:23px}
 .sidebar-toggle{--sidebar-toggle-size:28px}
 body[data-sidebar-collapsed="true"]:not([data-view="portal"]) .wizard-footer{left:108px}
}
@media(max-width:720px){
 .sidebar-toggle{display:none}
 .sidebar-header .brand{padding-inline:14px}
}