/*
 * Over — Right panel
 * Openable/closable, resizable (handle sits on its left edge), empty for now.
 */

.rightpanel {
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  background: var(--bg);
  border-left: 1px solid var(--border-soft);
  overflow: hidden;
}

.rightpanel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--topbar-h);
  flex-shrink: 0;
  padding: 0 var(--sp-3);
  border-bottom: 1px solid var(--border-soft);
}

.rightpanel__title {
  font-size: var(--fs-sm);
  color: var(--text-dim);
}

.rightpanel__body {
  flex: 1;
  overflow-y: auto;
  display: grid;
  place-items: center;
  padding: var(--sp-5);
  color: var(--text-faint);
  font-size: var(--fs-sm);
  text-align: center;
}