/* --- LAYOUT + SCROLL (FIX: geen dubbele scroll) --- */
html, body { height: 100%; }
body { overflow: hidden; }

.dash{
  display:flex;
  min-height:100vh;
  background:#f6f8fb;
}

/* Sidebar: altijd 100vh en eigen scroll */
.dash__sidebar{
  width:280px;
  flex:0 0 280px;
  background:#0b1320;
  color:#e7edf5;
  height:100vh;
  overflow-y:auto;
}

/* Main: ook 100vh; topbar sticky; content scrollt */
.dash__main{
  flex:1;
  display:flex;
  flex-direction:column;
  min-width:0;
  height:100vh;
}

.dash__topbar{
  position:sticky;
  top:0;
  z-index:5;
  background:#fff;
  border-bottom:1px solid #e7edf5;
}

.dash__content{
  padding:18px;
  min-width:0;
  flex:1;
  overflow-y:auto;
}

/* --- SIDEBAR STYLES (jouw bestaande, kan blijven) --- */
.side{display:flex;flex-direction:column;min-height:100%;padding:14px;gap:10px}
.side__brand{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}
.side__logo{width:36px;height:36px;border-radius:10px;background:#0b5fff;display:grid;place-items:center;font-weight:800}
.side__name{font-weight:800}
.side__sub{font-size:12px;opacity:.6}

.side__group{display:flex;flex-direction:column}
.side__group-btn{
  all:unset;cursor:pointer;
  font-size:12px;letter-spacing:.04em;text-transform:uppercase;
  color:rgba(231,237,245,.6);
  padding:8px 8px;
  display:flex;justify-content:space-between;align-items:center
}
.side__group-btn .chevron{font-size:12px;transition:transform .2s ease}

.side__group-items{display:flex;flex-direction:column;gap:4px;padding-left:6px}
.side__link{padding:8px 10px;border-radius:10px;font-size:14px;color:#e7edf5}
.side__link:hover{background:rgba(255,255,255,.08)}

.side__footer{margin-top:auto;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}

/* --- TOPBAR STYLES (jouw bestaande) --- */
.top{display:flex;align-items:center;justify-content:space-between;padding:14px 16px}
.top__title{font-weight:800}
.top__crumb{font-size:12px;color:#64748b}
.top__pill{font-size:12px;border:1px solid #e7edf5;border-radius:999px;padding:8px 10px;background:#fff}

.team-user {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}