.workspace-control{padding:14px 18px 16px;border-bottom:1px solid rgba(255,255,255,.1)}
.workspace-control label{display:block;color:#8f9bb0;font-size:9px;font-weight:700;letter-spacing:.14em;margin-bottom:7px}
.workspace-control select{width:100%;border:1px solid rgba(255,255,255,.16);border-radius:7px;background:#202a3b;color:#fff;padding:9px 10px;font:600 12px Inter,Arial,sans-serif}
.workspace-control select:disabled{opacity:.9}
.workspace-add{display:block;width:100%;margin-top:8px;border:0;background:transparent;color:#f0b27b;text-align:left;padding:4px 0;font:600 11px Inter,Arial,sans-serif;cursor:pointer}
.calendar-scope-label{display:flex;align-items:center;gap:8px;color:#8f9bb0;font-size:9px;font-weight:700;letter-spacing:.14em;white-space:nowrap}.calendar-scope-label select{border:1px solid rgba(255,255,255,.16);border-radius:7px;background:#202a3b;color:#fff;padding:9px 10px;font:600 12px Inter,Arial,sans-serif;letter-spacing:normal}
.sidebar {
  height: 100vh;
  min-height: 0;
}

.sidebar-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  margin-top: 58px;
  padding-right: 4px;
  scrollbar-color: #5b5348 transparent;
  scrollbar-width: thin;
}

.sidebar-scroll nav {
  margin-top: 0;
}

.sidebar-scroll .help-card {
  margin: 20px 4px 8px;
}

.sidebar-bottom {
  flex: 0 0 auto;
  margin-top: 14px;
  padding-top: 6px;
  background: #292721;
}

@media (max-width: 700px) {
  .sidebar {
    height: auto;
    min-height: 0;
  }

  .sidebar-scroll {
    margin-top: 24px;
    padding-right: 0;
    overflow: visible;
  }

  .sidebar-scroll nav {
    display: flex;
    overflow-x: auto;
    margin-top: 0;
  }

  .sidebar-scroll .help-card,
  .sidebar-bottom {
    display: none;
  }
}