/* Clousit v65 — refined professional sidebar. */
.topbar{height:58px;padding:0 14px 0 15px}
.topbar-left{gap:0}
.brand-lockup{display:flex;align-items:center;gap:10px;min-width:205px}
.brand-orb{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);display:grid;place-items:center;flex:0 0 34px}
.brand-orb::after{content:'';width:12px;height:12px;border-radius:50%;background:var(--accent-strong);box-shadow:0 0 0 5px rgba(255,31,143,.1)}
.brand-lockup .brand{font-size:21px;line-height:1}
.brand-lockup small{display:block;margin-top:4px;color:var(--muted);font-size:8px;font-weight:750;letter-spacing:.18em;line-height:1;text-transform:uppercase;white-space:nowrap}

.shell{grid-template-columns:232px minmax(0,1fr);min-height:calc(100dvh - 58px)}
.sidebar{top:58px;height:calc(100dvh - 58px);padding:8px 0 0;display:flex;flex-direction:column;overflow:hidden}
.nav{display:block;padding:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}
.nav::-webkit-scrollbar{display:none}
.nav-section{display:block;padding:12px 15px 6px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.nav-separator{height:1px;background:var(--line);margin:8px 11px}
.nav button{position:relative;width:100%;height:42px;min-height:42px;padding:0 15px;border:0;border-radius:0;display:flex;align-items:center;gap:12px;background:transparent;color:var(--muted);font-size:13.5px;font-weight:650;line-height:1;text-align:left;box-shadow:none}
.nav button:hover{background:var(--surface-2);color:var(--ink)}
.nav button.active{background:var(--accent-soft);color:var(--accent);border:0;box-shadow:inset 3px 0 0 var(--accent-strong)}
.nav-icon{width:20px;min-width:20px;display:grid;place-items:center;color:currentColor}
.nav-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-spacer{flex:1;min-height:18px}
.doti-support-wrap{margin:0 11px 8px!important}
.doti-support-trigger{height:42px;min-height:42px;justify-content:flex-start;padding:0 13px;border-radius:10px;background:transparent;border-color:var(--line);box-shadow:none;font-size:12.5px;font-weight:700}
.doti-support-trigger .dot{width:8px;height:8px;flex:0 0 8px}
.sidebar .foot{position:static;padding:5px 15px 11px;font-size:9.5px;line-height:1.45;color:var(--muted)}
.sidebar-bottom-toggle{height:40px;min-height:40px;border:0;border-top:1px solid var(--line);background:transparent;color:var(--muted);display:grid;place-items:center;font-size:20px;font-weight:500;line-height:1;flex:0 0 40px}
.sidebar-bottom-toggle:hover{background:var(--surface-2);color:var(--ink)}

@media(min-width:901px){
  body.sidebar-collapsed .shell{grid-template-columns:64px minmax(0,1fr)}
  body.sidebar-collapsed .sidebar{padding-inline:0}
  body.sidebar-collapsed .nav-section,body.sidebar-collapsed .nav-label,body.sidebar-collapsed .support-label,body.sidebar-collapsed .sidebar .foot{display:none}
  body.sidebar-collapsed .nav button{justify-content:center;padding:0}
  body.sidebar-collapsed .nav-separator{margin-inline:10px}
  body.sidebar-collapsed .doti-support-wrap{margin-inline:10px!important}
  body.sidebar-collapsed .doti-support-trigger{justify-content:center;padding:0;border-color:transparent}
}
@media(max-width:900px){
  .topbar{height:56px;padding:0 12px}
  .brand-lockup{min-width:0}.brand-orb{width:31px;height:31px;flex-basis:31px}.brand-lockup .brand{font-size:19px}.brand-lockup small{display:none}
  .sidebar{display:none!important}
}