/* ============================================================
   MAIN COLUMN
   ============================================================ */
.cl-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  position: relative;
  overflow: hidden;
}
.cl-main::after {
  content: "";
  position: absolute;
  top: -95px;
  right: -95px;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: var(--lime);
  /* Behind every content layer (header content, subnav, list) but above the
     header's bottom divider — which is drawn as .cl-head::after at the same
     z-index but earlier in the DOM — so the divider tucks in behind the circle
     at the corner instead of the grey line slicing across it. */
  z-index: 0;
  pointer-events: none;
}

/* top bar — search + actions */
/* "New folder" disclosure — a ghost button that reveals an inline name field. */