/* Local, presentation-only variant. Status values and application behavior
   remain canonical; only the board's status-dependent palette is neutralized. */
body.solo-islands-canonical[data-scope="potok"][data-solo-variant="lime-glass"] {
  --solo-islands-page: #fff;
  --solo-neutral-column: transparent;
  /* Keep the existing light Potok lime tint (10% #c8ff5a mixed with white),
     with the exact 82% surface opacity of Copywriters' column headings. */
  --solo-glass-heading: rgba(250, 255, 239, 0.82);
  --solo-neutral-status: #8b949d;
}

/* Replace only the grid's underlying paper color, retaining its two line
   gradients, 72px spacing, pointer motion and responsive positioning. */
body.solo-islands-canonical[data-scope="potok"][data-solo-variant="lime-glass"] .pointer-grid-layer {
  background-color: #fff;
}

body.solo-islands-canonical[data-scope="potok"][data-solo-variant="lime-glass"] #projectsView .column {
  --status: var(--solo-neutral-status) !important;
  background: var(--solo-neutral-column) !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

body.solo-islands-canonical[data-scope="potok"][data-solo-variant="lime-glass"] #projectsView .solo-workflow-scroll {
  background: transparent !important;
}

/* Both frames live on the non-scrolling grid, above cards and headings.
   Keep the intake's existing border space, but paint its line in the overlay.
   The local motion adapter moves these lines with the corresponding headings. */
body.solo-islands-canonical[data-scope="potok"][data-solo-variant="lime-glass"] #projectsView .columns > .column[data-status="take"] {
  border-color: transparent;
}

/* Overlay slots occupy explicit cells; pin the real siblings too so CSS Grid
   auto-placement cannot move intake or the gap into a different column. */
body.solo-islands-canonical[data-scope="potok"][data-solo-variant="lime-glass"][data-project-view="columns"] #projectsView .solo-columns-layout > .column[data-status="take"] {
  grid-column: 1;
  grid-row: 1;
}

body.solo-islands-canonical[data-scope="potok"][data-solo-variant="lime-glass"][data-project-view="columns"] #projectsView .solo-columns-layout > .workflow-gap {
  grid-column: 2;
  grid-row: 1;
}

body.solo-islands-canonical[data-scope="potok"][data-solo-variant="lime-glass"][data-project-view="columns"] #projectsView .solo-workflow-scroll {
  grid-column: 3 / -1;
  grid-row: 1;
  box-shadow: none;
}

body.solo-islands-canonical[data-scope="potok"][data-solo-variant="lime-glass"] #projectsView .solo-board-frame-slot {
  position: relative;
  grid-row: 1;
  min-width: 0;
  min-height: 0;
  z-index: 31;
  pointer-events: none;
}

body.solo-islands-canonical[data-scope="potok"][data-solo-variant="lime-glass"] #projectsView .solo-board-frame-slot--take {
  grid-column: 1;
  --solo-frame-color: #dfe4e9;
}

body.solo-islands-canonical[data-scope="potok"][data-solo-variant="lime-glass"] #projectsView .solo-board-frame-slot--workflow {
  grid-column: 3 / -1;
  --solo-frame-color: #e3e7ed;
}

body.solo-islands-canonical[data-scope="potok"][data-solo-variant="lime-glass"][data-project-view="blocks"] #projectsView .solo-board-frame-slot--workflow {
  --solo-frame-color: #d8dee7;
}

/* Animate the absolutely positioned line, not its grid slot: changing its
   dimensions must never resize grid tracks, cards or scrollports. */
body.solo-islands-canonical[data-scope="potok"][data-solo-variant="lime-glass"] #projectsView .solo-board-frame {
  position: absolute;
  inset: 0;
  border-radius: 10px;
  box-shadow: inset 0 0 0 0.5px var(--solo-frame-color);
  pointer-events: none;
}

/* Replace the old stationary Blocks frame, without leaving a duplicate. */
body.solo-islands-canonical[data-scope="potok"][data-solo-variant="lime-glass"][data-project-view="blocks"] #projectsView .columns::before {
  content: none;
}

/* Drag insertion ghost: Potok's logo blue (#63d8ff), independent of status.
   Leave the canonical dashed outline geometry and drag animations intact. */
body.solo-islands-canonical[data-scope="potok"][data-solo-variant="lime-glass"] #projectsView .card-placeholder {
  background: rgba(99, 216, 255, 0.12);
  border-color: rgba(99, 216, 255, 0.65);
}

/* Exact glass parameters from canonical-local/korzinka/theme.css, heading
   rule and ::after shadow. Only the surface hue differs: uniform light lime. */
body.solo-islands-canonical[data-scope="potok"][data-solo-variant="lime-glass"] #projectsView .column-head {
  position: sticky;
  z-index: 30;
  top: 0;
  min-height: 44px;
  padding: 8px 12px;
  border: 0;
  background: var(--solo-glass-heading) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: blur(5px) saturate(1.06) !important;
  backdrop-filter: blur(5px) saturate(1.06) !important;
}

body.solo-islands-canonical[data-scope="potok"][data-solo-variant="lime-glass"] #projectsView .column-head::after {
  content: "";
  position: absolute;
  z-index: auto;
  right: 0;
  bottom: -8px;
  left: 0;
  height: 8px;
  background: linear-gradient(to bottom, rgb(18 32 51 / 8%), rgb(18 32 51 / 3%) 45%, transparent);
  pointer-events: none;
}

/* Keep the same glass throughout the transition. Disabling its blur while
   moving and restoring it at cleanup makes any content underneath flash. */

/* Blocks titles remain text-only. Intake ghosts intentionally retain the
   exact rendered row, including its grey surface, until the shared fade ends.
   Stripping that background would recreate the first-frame flash. */
body.solo-islands-canonical[data-scope="potok"][data-solo-variant="lime-glass"] .solo-project-transition-ghost:not(.solo-project-group-head),
body.solo-islands-canonical[data-scope="potok"][data-solo-variant="lime-glass"] .solo-project-transition-ghost:not(.solo-project-group-head) * {
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Canonical Columns gives the heading its own 44px grid row. Extend the
   sibling scrollport into that row so moving cards can actually pass behind
   the glass. Equal negative margin and padding preserve the initial card
   position and scroll range; the heading keeps its existing z-index. */
body.solo-islands-canonical[data-scope="potok"][data-solo-variant="lime-glass"][data-project-view="columns"] #projectsView .solo-column-scroll {
  margin-top: -44px;
  padding-top: 44px;
  scroll-padding-top: 52px;
}

/* Mobile represents columns as a status matrix, with inline color tokens.
   Neutralize those too without changing disabled or urgent-task states. */
body.solo-islands-canonical[data-scope="potok"][data-solo-variant="lime-glass"] :is(.mobile-stage-heading, .mobile-project-count) {
  --mobile-stage: var(--solo-neutral-status) !important;
}

/* The mobile sticky wrapper was 97% white, hiding content regardless of the
   child heading's alpha. Keep only one glass layer on the child headings. */
body.solo-islands-canonical[data-scope="potok"][data-solo-variant="lime-glass"] .mobile-stage-headings {
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

body.solo-islands-canonical[data-scope="potok"][data-solo-variant="lime-glass"] .mobile-stage-heading {
  border-bottom-color: rgba(200, 255, 90, 0.3);
  background: var(--solo-glass-heading);
  box-shadow: none;
  -webkit-backdrop-filter: blur(5px) saturate(1.06);
  backdrop-filter: blur(5px) saturate(1.06);
}