/*
 * Solo Potok design copy: Soft Islands.
 * This stylesheet is loaded only by solo-soft-islands.html and leaves the
 * canonical Solo page untouched.
 */

body.solo-islands-canonical[data-scope="potok"] {
  --potok-radius-control: 8px;
  --potok-radius-card: 10px;
  --potok-radius-panel: 12px;
  --potok-radius-dialog: 14px;
  --solo-islands-page: #f7f8f6;
  --solo-islands-surface: rgba(255, 255, 255, 0.9);
  --solo-islands-line: #e4e8ee;
  --solo-islands-line-strong: #d8dee7;
  --solo-islands-ink: #101827;
  --solo-islands-muted: #6f7b8e;
  color: var(--solo-islands-ink);
  background: transparent;
}

body.solo-islands-canonical[data-scope="potok"] .pointer-grid-layer {
  display: block;
  background:
    linear-gradient(90deg, rgb(125 135 150 / 4.5%) 1px, transparent 1px) 0 0 / 72px 72px,
    linear-gradient(rgb(125 135 150 / 4.5%) 1px, transparent 1px) 0 0 / 72px 72px,
    var(--solo-islands-page);
}

body.solo-islands-canonical[data-scope="potok"] .topbar {
  border-bottom: 1px solid rgba(16, 24, 39, 0.055);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 8px 24px rgba(18, 29, 49, 0.055);
  backdrop-filter: blur(18px);
}

body.solo-islands-canonical[data-scope="potok"] .brand-mark {
  border-radius: 7px;
}

body.solo-islands-canonical[data-scope="potok"] :where(
  .search,
  .label-library-button,
  .workspace-view-switch,
  .solo-project-view-switch
) {
  border-color: var(--solo-islands-line-strong);
  box-shadow: 0 2px 7px rgba(18, 29, 49, 0.025);
}

/* Keep the Projects-only toolbar controls rigid and reveal them as one unit. */
body.solo-islands-canonical[data-scope="potok"] .project-mode-controls {
  width: 214px;
  max-width: 214px;
  flex: 0 1 214px;
  align-items: center;
  gap: 9px;
  overflow: clip;
  opacity: 1;
  transform: translateX(0);
  transition:
    width 260ms cubic-bezier(.22,.8,.24,1),
    max-width 260ms cubic-bezier(.22,.8,.24,1),
    flex-basis 260ms cubic-bezier(.22,.8,.24,1),
    opacity 140ms ease 180ms,
    transform 180ms cubic-bezier(.22,.8,.24,1) 180ms;
}

body.solo-islands-canonical[data-scope="potok"] .project-mode-controls > :where(
  .label-filter-wrap,
  .solo-project-view-switch
) {
  flex: 0 0 auto;
}

body.solo-islands-canonical[data-scope="potok"].today-mode .project-mode-controls {
  width: 0;
  max-width: 0;
  flex-basis: 0;
  overflow: clip;
  opacity: 0;
  transform: translateX(10px);
  pointer-events: none;
  transition:
    opacity 100ms ease,
    transform 140ms cubic-bezier(.22,.8,.24,1),
    width 260ms cubic-bezier(.22,.8,.24,1) 80ms,
    max-width 260ms cubic-bezier(.22,.8,.24,1) 80ms,
    flex-basis 260ms cubic-bezier(.22,.8,.24,1) 80ms;
}

body.solo-islands-canonical[data-scope="potok"].today-mode .project-mode-controls .label-filter-wrap {
  display: block;
}

body.solo-islands-canonical[data-scope="potok"] .project-mode-controls:has(#labelFilterPopover:not([hidden])) {
  overflow: visible;
}

/* Concentration panels use the same soft-surface language as the board. */
body.solo-islands-canonical[data-scope="potok"] .card-focus-panel {
  border: 1px solid rgba(207, 216, 228, 0.88);
  border-radius: var(--potok-radius-panel) !important;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 16px 40px rgba(24, 37, 58, 0.1);
  backdrop-filter: blur(18px) saturate(1.05);
}

body.solo-islands-canonical[data-scope="potok"] .card-focus-description,
body.solo-islands-canonical[data-scope="potok"] .card-focus-notes {
  background: rgba(255, 255, 255, 0.94);
}

body.solo-islands-canonical[data-scope="potok"] .card-focus-panel.is-dragging {
  box-shadow: 0 20px 48px rgba(24, 37, 58, 0.15);
}

body.solo-islands-canonical[data-scope="potok"] .card-focus-panel-title {
  min-height: 40px;
  padding: 12px 15px 6px;
  color: #182338;
  background: rgba(249, 252, 255, 0.92);
}

body.solo-islands-canonical[data-scope="potok"] .card-focus-panel-title::after {
  display: none;
}

body.solo-islands-canonical[data-scope="potok"] .card-focus-panel-title > strong {
  font-size: 11px;
  font-weight: 730;
  letter-spacing: -0.006em;
}

body.solo-islands-canonical[data-scope="potok"] :where(
  .card-focus-description-text,
  #cardFocusNotesInput
) {
  padding: 8px 15px 16px;
  color: #344155;
  background: transparent;
  line-height: 1.55;
}

body.solo-islands-canonical[data-scope="potok"] :where(
  .card-focus-description-text.is-empty,
  #cardFocusNotesInput:empty::before
) {
  color: #919cab;
}

body.solo-islands-canonical[data-scope="potok"] .card-focus-notes-link {
  border-color: var(--solo-islands-line-strong);
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 12px 30px rgba(24, 37, 58, 0.12);
}

body.solo-islands-canonical[data-scope="potok"] .card-focus-resize-handle {
  color: rgba(81, 96, 117, 0.38);
}

body.solo-islands-canonical[data-scope="potok"] > #projectsView {
  padding: 16px 20px 22px;
  background: transparent;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

body.solo-islands-canonical[data-scope="potok"] > #projectsView::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

body.solo-islands-canonical[data-scope="potok"] #gridButton {
  display: none !important;
}

body.solo-islands-canonical[data-scope="potok"] #projectsView .project-stack {
  gap: 12px;
}

body.solo-islands-canonical[data-scope="potok"] #projectsView .project {
  overflow: visible;
  border: 0;
  border-radius: 0 !important;
  background: transparent;
  box-shadow: none;
}

body.solo-islands-canonical[data-scope="potok"] #projectsView .project.is-project-collapsing {
  pointer-events: none;
}

body.solo-islands-canonical[data-scope="potok"] #projectsView .project.is-project-collapsing > .project-board {
  will-change: height, opacity;
}

body.solo-islands-canonical[data-scope="potok"] #projectsView .project-head {
  min-height: 52px;
  padding: 7px 0 7px 8px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

body.solo-islands-canonical[data-scope="potok"] #projectsView .project-title-wrap {
  gap: 0;
}

body.solo-islands-canonical[data-scope="potok"] #projectsView .project-name {
  height: 34px;
  padding: 0 5px;
  border-radius: 7px;
  color: var(--solo-islands-ink);
  font-size: 14px;
  font-weight: 720;
  letter-spacing: -0.01em;
}

body.solo-islands-canonical[data-scope="potok"] #projectsView .project-name:focus {
  border-color: #9eb9f5;
  box-shadow: 0 0 0 3px rgba(36, 107, 254, 0.1);
}

body.solo-islands-canonical[data-scope="potok"] #projectsView :where(
  .project-collapse-button,
  .project-settings-button,
  .project-delete-button
) {
  width: 34px;
  min-width: 34px;
  height: 34px;
  min-height: 34px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 1px solid var(--solo-islands-line-strong);
  border-radius: 8px !important;
  color: #516075;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 2px 5px rgba(18, 29, 49, 0.025);
  appearance: none;
  font: inherit;
  cursor: pointer;
  opacity: 0.42;
  transition:
    opacity 190ms ease,
    color 190ms ease,
    border-color 190ms ease,
    background-color 190ms ease,
    box-shadow 190ms ease;
}

body.solo-islands-canonical[data-scope="potok"] #projectsView .project-tools {
  gap: 7px;
}

body.solo-islands-canonical[data-scope="potok"] #projectsView :where(
  .project-collapse-button,
  .project-settings-button,
  .project-delete-button
):is(:hover, :focus-visible),
body.solo-islands-canonical[data-scope="potok"] #projectsView .project-collapse-button.is-collapse-animating {
  opacity: 1;
  color: #18253a;
  border-color: #bfc8d5;
  background: #fff;
  box-shadow: 0 5px 14px rgba(18, 29, 49, 0.08);
}

body.solo-islands-canonical[data-scope="potok"] #projectsView .project-delete-button:is(:hover, :focus-visible) {
  color: #ba3944;
  border-color: #efb8bc;
  background: #fff8f8;
}

body.solo-islands-canonical[data-scope="potok"] #projectsView :where(
  .project-collapse-button,
  .project-settings-button,
  .project-delete-button
) > i {
  width: 18px;
  height: 18px;
  display: inline-grid;
  place-items: center;
  font-size: 18px;
  line-height: 18px;
}

body.solo-islands-canonical[data-scope="potok"] #projectsView .project-collapse-button > i {
  transform-origin: 50% 50%;
  will-change: transform;
}

body.solo-islands-canonical[data-scope="potok"] #projectsView .project-board {
  overflow: auto;
  border: 0;
  border-radius: 0;
  background: transparent;
}

/* Two-zone project layout: independent intake, cohesive four-stage workflow. */
body.solo-islands-canonical[data-scope="potok"][data-project-view="blocks"] #projectsView .columns {
  position: relative;
  min-width: 1160px;
  min-height: 100%;
  height: 100%;
  grid-template-columns: minmax(220px, 1fr) 9px repeat(4, minmax(190px, 1fr));
  grid-template-rows: minmax(0, 1fr);
  gap: 0;
  padding: 0;
}

body.solo-islands-canonical[data-scope="potok"][data-project-view="blocks"] #projectsView .columns::before {
  z-index: 2;
  grid-column: 3 / -1;
  grid-row: 1;
  content: "";
  border: 1px solid #d8dee7;
  border-radius: 10px;
  background: transparent;
  pointer-events: none;
}

body.solo-islands-canonical[data-scope="potok"][data-project-view="blocks"] #projectsView .columns > * {
  min-width: 0;
  grid-row: 1;
}

body.solo-islands-canonical[data-scope="potok"][data-project-view="blocks"] #projectsView .columns > .column {
  position: relative;
  z-index: auto;
}

body.solo-islands-canonical[data-scope="potok"][data-project-view="blocks"] #projectsView .columns > .column:nth-of-type(1) { grid-column: 1; }
body.solo-islands-canonical[data-scope="potok"][data-project-view="blocks"] #projectsView .columns > .workflow-gap { grid-column: 2; }
body.solo-islands-canonical[data-scope="potok"][data-project-view="blocks"] #projectsView .columns > .column:nth-of-type(2) { grid-column: 3; }
body.solo-islands-canonical[data-scope="potok"][data-project-view="blocks"] #projectsView .columns > .column:nth-of-type(3) { grid-column: 4; }
body.solo-islands-canonical[data-scope="potok"][data-project-view="blocks"] #projectsView .columns > .column:nth-of-type(4) { grid-column: 5; }
body.solo-islands-canonical[data-scope="potok"][data-project-view="blocks"] #projectsView .columns > .column:nth-of-type(5) { grid-column: 6; }

body.solo-islands-canonical[data-scope="potok"] #projectsView .workflow-gap {
  border: 0;
  background: transparent;
}

body.solo-islands-canonical[data-scope="potok"] #projectsView .column {
  border: 0;
  border-radius: 0;
  background: transparent;
}

body.solo-islands-canonical[data-scope="potok"][data-project-view="blocks"] #projectsView .columns > .column:first-of-type {
  overflow: hidden;
  border: 1px solid #dfe4e9;
  border-radius: 10px;
  background: #f1f3f4;
  box-shadow: none;
}

body.solo-islands-canonical[data-scope="potok"][data-project-view="blocks"] #projectsView .columns > .column:first-of-type > .column-head {
  background: transparent;
}

body.solo-islands-canonical[data-scope="potok"] #projectsView .column[data-status="consider"] { background: rgba(250, 242, 225, 0.88); }
body.solo-islands-canonical[data-scope="potok"] #projectsView .column[data-status="doing"] { background: rgba(229, 238, 255, 0.9); }
body.solo-islands-canonical[data-scope="potok"] #projectsView .column[data-status="questions"] { background: rgba(255, 233, 235, 0.86); }
body.solo-islands-canonical[data-scope="potok"] #projectsView .column[data-status="done"] { background: rgba(226, 246, 236, 0.9); }

body.solo-islands-canonical[data-scope="potok"][data-project-view="blocks"] #projectsView .columns > .column:nth-of-type(n + 2) {
  box-shadow: none;
}

body.solo-islands-canonical[data-scope="potok"][data-project-view="blocks"] #projectsView .columns > .column:nth-of-type(2) {
  border-radius: 9px 0 0 9px;
}

body.solo-islands-canonical[data-scope="potok"][data-project-view="blocks"] #projectsView .columns > .column:nth-of-type(5) {
  border-radius: 0 9px 9px 0;
}

body.solo-islands-canonical[data-scope="potok"] #projectsView .column-head {
  min-height: 44px;
  padding: 8px 12px;
  border: 0;
  background: rgba(255, 255, 255, 0.22);
  backdrop-filter: none;
}

body.solo-islands-canonical[data-scope="potok"] #projectsView .column-title {
  gap: 8px;
  color: #263142;
  font-size: 10px;
  font-weight: 740;
  letter-spacing: 0.012em;
}

body.solo-islands-canonical[data-scope="potok"] #projectsView .status-dot {
  width: 8px;
  height: 8px;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--status) 12%, transparent);
}

body.solo-islands-canonical[data-scope="potok"] #projectsView .column-count {
  min-width: 0;
  padding: 0;
  color: #334155;
  background: transparent;
  font-size: 8px;
  box-shadow: none;
}

body.solo-islands-canonical[data-scope="potok"] #projectsView .card-list {
  box-sizing: border-box;
  width: 100%;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  padding: 10px;
}

body.solo-islands-canonical[data-scope="potok"] #projectsView .card {
  box-sizing: border-box;
  min-width: 0;
  width: auto;
  justify-self: stretch;
  margin-inline: 0;
  padding: 10px 11px 11px;
  border: 1px solid #dde3ea;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 4px 12px rgba(25, 38, 59, 0.055);
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    box-shadow 160ms ease,
    opacity 160ms ease;
}

body.solo-islands-canonical[data-scope="potok"] #projectsView .card[data-search-match] {
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    box-shadow 160ms ease,
    opacity 240ms cubic-bezier(.22, 1, .36, 1),
    visibility 0s linear 0s;
}

body.solo-islands-canonical[data-scope="potok"] #projectsView .card[data-search-match="false"] {
  transition-delay: 0s, 0s, 0s, 0s, 240ms;
}

body.solo-islands-canonical[data-scope="potok"] #projectsView .card[data-search-match="true"] {
  transition-delay: 0s;
}

body.solo-islands-canonical[data-scope="potok"] #projectsView .card:hover {
  padding: 10px 11px 11px;
  border-color: color-mix(in srgb, var(--status) 32%, #dbe1e8);
  box-shadow: 0 8px 18px rgba(25, 38, 59, 0.075);
}

body.solo-islands-canonical[data-scope="potok"] #projectsView .card.is-urgent {
  border: 2px solid #ff3030;
  box-shadow: 0 0 0 3px rgb(255 48 48 / 12%), 0 8px 22px rgb(164 28 28 / 15%);
}

body.solo-islands-canonical[data-scope="potok"] #projectsView .card.is-urgent:hover {
  border-color: #ff2020;
  box-shadow: 0 0 0 4px rgb(255 48 48 / 15%), 0 11px 28px rgb(164 28 28 / 20%);
}

body.solo-islands-canonical[data-scope="potok"] #projectsView .card h3 {
  color: var(--solo-islands-ink);
  font-weight: 670;
  letter-spacing: -0.008em;
}

body.solo-islands-canonical[data-scope="potok"] #projectsView .card-labels .card-label {
  height: 10px;
  padding: 3px 3px 0;
  border: 0;
  border-radius: 0 !important;
  color: var(--label-color);
  background: transparent;
  font-size: 5.5px;
  font-weight: 800;
  line-height: 6px;
  text-transform: uppercase;
}

body.solo-islands-canonical[data-scope="potok"][data-project-view="blocks"] #projectsView .card-labels .card-label {
  box-sizing: border-box;
  height: 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1px 3px 0;
  border: 1px solid color-mix(in srgb, var(--label-color) 24%, #d7dee8);
  border-radius: 0 !important;
  font-size: 5px;
  line-height: 8px;
}

body.solo-islands-canonical[data-scope="potok"][data-project-view="columns"] #projectsView .card-project-tag {
  height: 11px;
  padding: 2px 4px 0;
  border: 1px solid transparent;
  border-radius: 0 !important;
  color: #7c8796;
  background: transparent;
  box-shadow: inset 0 0 0 1px #cbd3de;
  font-size: 5.5px;
  font-weight: 800;
  line-height: 6px;
  text-transform: uppercase;
  contain: paint;
}

body.solo-islands-canonical[data-scope="potok"] #projectsView .add-card {
  min-height: 48px;
  border-color: #cfd7e1;
  border-radius: 9px !important;
  color: #728096;
  background: rgba(255, 255, 255, 0.48);
}

body.solo-islands-canonical[data-scope="potok"] #projectsView .add-card:hover {
  border-color: #aebbd0;
  color: #45546a;
  background: rgba(255, 255, 255, 0.82);
}

/* The aggregate columns view uses the same intake/workflow grouping. */
body.solo-islands-canonical[data-scope="potok"][data-project-view="columns"] #projectsView .solo-columns-layout {
  grid-template-columns: minmax(220px, 1fr) 9px minmax(0, 4fr);
  padding: 0;
}

body.solo-islands-canonical[data-scope="potok"][data-project-view="columns"] #projectsView .solo-project-group-head {
  height: 29px;
  min-height: 29px;
}

body.solo-islands-canonical[data-scope="potok"][data-project-view="columns"] #projectsView .solo-project-group-copy {
  font-size: 7.5px;
}

body.solo-islands-canonical[data-scope="potok"][data-project-view="columns"] #projectsView .solo-project-chevron i {
  font-size: 12px;
  transition: transform 240ms cubic-bezier(.4, 0, .2, 1);
}

body.solo-islands-canonical[data-scope="potok"][data-project-view="columns"] > #projectsView {
  padding: 14px 20px 12px;
}

body.solo-islands-canonical[data-scope="potok"][data-project-view="columns"] #projectsView .solo-columns-project {
  overflow: visible;
  border: 0;
  border-radius: 0 !important;
  background: transparent;
  box-shadow: none;
}

body.solo-islands-canonical[data-scope="potok"][data-project-view="columns"] #projectsView .solo-take-column {
  border: 1px solid #dfe4e9;
  border-radius: 10px;
  background: rgb(237 241 244 / 78%);
  -webkit-backdrop-filter: blur(5px) saturate(1.06);
  backdrop-filter: blur(5px) saturate(1.06);
}

body.solo-islands-canonical[data-scope="potok"][data-project-view="columns"] #projectsView .solo-take-column .solo-project-groups {
  padding-top: 8px;
}

body.solo-islands-canonical[data-scope="potok"][data-project-view="columns"] #projectsView .solo-workflow-scroll {
  overflow: auto hidden;
  border: 0;
  border-radius: 10px;
  background: #f5f7f8;
  box-shadow: inset 0 0 0 1px #e3e7ed;
}

body.solo-islands-canonical[data-scope="potok"][data-project-view="columns"] #projectsView .solo-workflow-columns > .column:first-child {
  border-left: 0;
  border-radius: 9px 0 0 9px;
}

body.solo-islands-canonical[data-scope="potok"][data-project-view="columns"] #projectsView .solo-workflow-columns > .column:last-child {
  border-radius: 0 9px 9px 0;
}

body.solo-islands-canonical[data-scope="potok"][data-project-view="columns"] #projectsView .column-head {
  z-index: 30;
  overflow: visible;
  background: rgb(237 241 244 / 82%);
  box-shadow: none;
  -webkit-backdrop-filter: blur(5px) saturate(1.06);
  backdrop-filter: blur(5px) saturate(1.06);
}

/* Let task cards travel underneath the sticky glass in Classic too. Without
   this overlap the heading is translucent only over an empty grid row, so it
   renders as an opaque-looking strip despite having a backdrop filter. */
body.solo-islands-canonical[data-scope="potok"][data-project-view="columns"] #projectsView .solo-column-scroll {
  margin-top: -44px;
  padding-top: 44px;
  scroll-padding-top: 52px;
}

body.solo-islands-canonical[data-scope="potok"][data-project-view="columns"] #projectsView .column-head::after {
  content: "";
  position: absolute;
  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;
}

body.solo-islands-canonical[data-scope="potok"][data-project-view="columns"] #projectsView .column[data-status="consider"] > .column-head {
  background: rgb(250 242 225 / 82%);
}

body.solo-islands-canonical[data-scope="potok"][data-project-view="columns"] #projectsView .solo-take-column > .column-head {
  background: rgb(237 241 244 / 82%);
  box-shadow: 0 8px 18px rgb(18 32 51 / 7%);
}

body.solo-islands-canonical[data-scope="potok"][data-project-view="columns"] #projectsView .solo-take-column > .column-head::after {
  z-index: 2;
}

body.solo-islands-canonical[data-scope="potok"][data-project-view="columns"] #projectsView .column[data-status="doing"] > .column-head {
  background: rgb(229 238 255 / 82%);
}

body.solo-islands-canonical[data-scope="potok"][data-project-view="columns"] #projectsView .column[data-status="questions"] > .column-head {
  background: rgb(255 233 235 / 82%);
}

body.solo-islands-canonical[data-scope="potok"][data-project-view="columns"] #projectsView .column[data-status="done"] > .column-head {
  background: rgb(226 246 236 / 82%);
}

body.solo-islands-canonical[data-scope="potok"] #addProjectWide {
  margin-top: 12px;
  border-radius: 10px !important;
}

/* The canonical Solo timing is retained while the same live card nodes move
   between layouts. Open clipping ancestors only for the active transition. */
body.solo-islands-canonical[data-scope="potok"] .solo-project-view-transitioning {
  pointer-events: none;
}

body.solo-islands-canonical[data-scope="potok"] .solo-project-view-transitioning :is(
  .project,
  .project-board,
  .columns,
  .solo-columns-board,
  .solo-columns-layout,
  .column,
  .card-list,
  .solo-workflow-scroll,
  .solo-project-group-content
) {
  overflow: visible !important;
}

/* Let the owned WAAPI transforms move live project rows with their sections;
   suppress only unrelated CSS motion while the layout handoff is active. */
body.solo-islands-canonical[data-scope="potok"] .solo-project-view-transitioning :is(
  .project-head,
  [data-solo-project-heading]
) {
  animation: none !important;
  transition: none !important;
  translate: none !important;
  scale: none !important;
  will-change: transform;
}

body.solo-islands-canonical[data-scope="potok"] .solo-project-transition-ghost {
  animation: none !important;
  transition: none !important;
  transform: none !important;
  translate: none !important;
  scale: none !important;
  will-change: opacity;
}

/* WAAPI owns the visible chevron turn. Keep CSS from starting the same turn
   again while the final collapsed state is committed. */
body.solo-islands-canonical[data-scope="potok"] .solo-project-chevron > i.solo-chevron-waapi-commit {
  transition: none !important;
}

.solo-page-scrollbar {
  --solo-page-scrollbar-top: 0px;
  --solo-page-scrollbar-track: 100px;
  --solo-page-scrollbar-size: 30px;
  --solo-page-scrollbar-offset: 0px;
  position: fixed;
  z-index: 90;
  top: var(--solo-page-scrollbar-top);
  right: 3px;
  width: 3px;
  height: var(--solo-page-scrollbar-track);
  opacity: 0;
  pointer-events: none;
  transition: opacity 240ms ease;
}

.solo-page-scrollbar[hidden] { display: none; }
.solo-page-scrollbar.is-visible { opacity: 1; }

.solo-page-scrollbar > span {
  position: absolute;
  top: 0;
  right: 0;
  width: 3px;
  height: var(--solo-page-scrollbar-size);
  border-radius: 999px;
  background: rgba(72, 83, 99, 0.34);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.45);
  transform: translateY(var(--solo-page-scrollbar-offset));
  transition: transform 70ms linear;
}

/* A product-owned horizontal scrollbar for Solo Projects / Blocks. Native
   scrollbars are hidden only after the interactive replacement is mounted. */
body.solo-islands-canonical[data-scope="potok"][data-project-view="blocks"] #projectsView .project-board.has-solo-board-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

body.solo-islands-canonical[data-scope="potok"][data-project-view="blocks"] #projectsView .project-board.has-solo-board-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.solo-board-scrollbar {
  --solo-board-scrollbar-size: 56px;
  --solo-board-scrollbar-offset: 0px;
  position: relative;
  width: calc(100% - 16px);
  height: 24px;
  display: grid;
  align-items: center;
  margin: 0 8px 2px;
  padding: 0 8px;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  touch-action: none;
}

.solo-board-scrollbar::before {
  width: 100%;
  height: 4px;
  content: "";
  border-radius: 999px;
  background: rgba(24, 35, 56, 0.11);
  box-shadow: inset 0 1px 1px rgba(24, 35, 56, 0.06);
}

.solo-board-scrollbar > span {
  position: absolute;
  inset: 0 8px;
  pointer-events: none;
}

.solo-board-scrollbar > span > i {
  position: absolute;
  top: 9px;
  left: 0;
  width: var(--solo-board-scrollbar-size);
  min-width: 56px;
  height: 6px;
  border-radius: 999px;
  background: linear-gradient(90deg, #246bfe 0 76%, #c8ff5a 76% 100%);
  box-shadow: 0 2px 7px rgba(36, 107, 254, 0.2);
  transform: translateX(var(--solo-board-scrollbar-offset));
  transition: height 120ms ease, top 120ms ease, box-shadow 120ms ease;
  pointer-events: auto;
}

.solo-board-scrollbar:hover > span > i,
.solo-board-scrollbar:focus-visible > span > i,
.solo-board-scrollbar.is-dragging > span > i {
  top: 8px;
  height: 8px;
  box-shadow: 0 3px 11px rgba(36, 107, 254, 0.28);
}

.solo-board-scrollbar:focus-visible {
  outline: 3px solid rgba(36, 107, 254, 0.22);
  outline-offset: -3px;
}

@media (max-width: 1180px) {
  body.solo-islands-canonical[data-scope="potok"] > #projectsView {
    padding-inline: 12px;
  }

  body.solo-islands-canonical[data-scope="potok"][data-project-view="blocks"] #projectsView .columns {
    min-width: 1080px;
    grid-template-columns: 210px 14px repeat(4, minmax(200px, 1fr));
  }
}

@media (max-width: 650px) {
  body.solo-islands-canonical[data-scope="potok"] > #projectsView {
    padding: 10px 8px 18px;
  }

  body.solo-islands-canonical[data-scope="potok"] #projectsView .project {
    border-radius: 10px !important;
  }

}

@media (prefers-reduced-motion: reduce) {
  body.solo-islands-canonical[data-scope="potok"] #projectsView :where(.card, .add-card) {
    transition: none;
  }
}

/* The task workspace is the only sharp layer while it is open. Keep the
   expensive filter on one fixed backdrop and animate opacity only. */
body.solo-islands-canonical[data-scope="potok"] .card-modal-backdrop {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  transition: opacity 160ms ease, visibility 0s linear 190ms !important;
  transform: translateZ(0);
  will-change: opacity;
}

body.solo-islands-canonical[data-scope="potok"].drawer-open .card-modal-backdrop {
  background: rgb(16 29 46 / 17%);
  -webkit-backdrop-filter: blur(7px) saturate(1.04) !important;
  backdrop-filter: blur(7px) saturate(1.04) !important;
  transition-delay: 0s !important;
}

/* Do not let the reduced-motion blanket make the panel pop while its backdrop
   still fades. The task sheet keeps one fixed centered geometry and changes
   opacity only on entry and exit. */
body.solo-islands-canonical[data-scope="potok"] .drawer {
  translate: none !important;
  scale: none !important;
  transform: translate(-50%, -50%) !important;
  transition:
    opacity 190ms cubic-bezier(.2, .65, .2, 1),
    visibility 0s linear 210ms !important;
  backface-visibility: hidden;
  will-change: opacity;
}

body.solo-islands-canonical[data-scope="potok"].drawer-open .drawer {
  translate: none !important;
  scale: none !important;
  transform: translate(-50%, -50%) !important;
  transition-delay: 0s !important;
}

/* Keep the original calm grey task-sheet gradient and let it drift gently
   without changing the position of any workspace content. */
body.solo-islands-canonical[data-scope="potok"] .drawer.task-card-workspace {
  --task-card-left-width: 360px;
  width: min(968px, calc(100vw - 32px));
  height: min(584px, calc(100dvh - 32px));
  background:
    linear-gradient(270deg,
      rgb(255 255 255 / 97%) 0%,
      rgb(255 255 255 / 96%) 34%,
      rgb(243 245 247 / 95%) 68%,
      rgb(230 234 239 / 98%) 100%);
  background-size: 128% 100%;
  box-shadow: 0 22px 58px rgb(7 21 40 / 18%);
  animation: solo-grey-gradient-drift 8s ease-in-out infinite alternate;
  will-change: background-position;
}

body.solo-islands-canonical[data-scope="potok"] .card-drawer-glow {
  --drawer-accent: #246bfe;
  position: fixed;
  z-index: 309;
  top: 50%;
  left: 50%;
  width: min(968px, calc(100vw - 32px));
  height: min(584px, calc(100dvh - 32px));
  display: block;
  border-radius: 14px;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -50%);
  pointer-events: none;
  transition: opacity 190ms ease, visibility 0s linear 230ms;
}

body.solo-islands-canonical[data-scope="potok"].drawer-open .card-drawer-glow {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

body.solo-islands-canonical[data-scope="potok"] .card-drawer-glow::before,
body.solo-islands-canonical[data-scope="potok"] .card-drawer-glow::after {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  content: "";
  transition: opacity 640ms cubic-bezier(.2, .72, .2, 1);
  animation: solo-card-glow-breathe 4.4s ease-in-out infinite;
}

body.solo-islands-canonical[data-scope="potok"] .card-drawer-glow::before {
  opacity: 1;
  box-shadow: 0 0 24px 1px color-mix(in srgb, var(--drawer-accent) 28%, transparent);
}

body.solo-islands-canonical[data-scope="potok"] .card-drawer-glow::after {
  opacity: 0;
  box-shadow: 0 0 24px 1px rgb(255 48 48 / 30%);
}

body.solo-islands-canonical[data-scope="potok"] .card-drawer-glow.is-urgent::before {
  opacity: 0;
}

body.solo-islands-canonical[data-scope="potok"] .card-drawer-glow.is-urgent::after {
  opacity: 1;
}

body.solo-islands-canonical[data-scope="potok"] .drawer.task-card-workspace::before {
  display: none;
}

@keyframes solo-grey-gradient-drift {
  0% { background-position: 16% 50%; }
  100% { background-position: 84% 50%; }
}

@keyframes solo-card-glow-breathe {
  0%, 100% {
    filter: blur(0);
    transform: none;
  }
  50% {
    filter: blur(1.5px);
    transform: none;
  }
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-title-input {
  border-bottom: 1px solid transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-title-input:not([readonly]):is(:hover, :focus) {
  background: transparent !important;
  box-shadow: none !important;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-title-input:not([readonly]):focus {
  border-bottom-color: var(--drawer-accent) !important;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-date-field .potok-picker-trigger,
body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-time-row::after,
body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-today-recurrence {
  border-color: #cbd3dc !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-today-recurrence:is(:hover, .is-active) {
  background: transparent !important;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-time-toggle > i {
  border: 1px solid #aeb8c5;
  background: transparent;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-time-toggle input:checked + i {
  border-color: #111c2d !important;
  background: #111c2d !important;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-time-toggle input:checked + i::after {
  color: #fff;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .urgent-toggle input:not(:checked) + i {
  background: transparent !important;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .urgent-toggle input:not(:checked) + i::after {
  content: none !important;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-time-row {
  grid-template-columns: 36px minmax(0, 1fr) !important;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-time-row .drawer-time-toggle {
  grid-column: 1 !important;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-time-row > .potok-picker-control {
  grid-column: 2 !important;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-date-field .potok-picker-trigger,
body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-time-row .potok-picker-trigger {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) !important;
  place-items: center;
  padding-inline: 32px !important;
  text-align: center;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-date-field .potok-picker-trigger > span {
  width: 100%;
  text-align: center;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-date-field .potok-picker-trigger {
  padding-inline: 8px !important;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-time-row .potok-picker-trigger > span {
  position: absolute;
  left: -36px;
  width: calc(100% + 36px);
  text-align: center;
  pointer-events: none;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace :is(.drawer-date-field, .drawer-time-row) .potok-picker-trigger > i {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-today-recurrence {
  position: relative;
  min-height: 40px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  place-items: center;
  padding: 7px 12px;
  text-align: center;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-today-recurrence > span {
  display: block;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-today-recurrence .solo-today-copy-active,
body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-today-recurrence.is-active .solo-today-copy-default {
  display: none;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-today-recurrence.is-active .solo-today-copy-active {
  display: block;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-today-recurrence small {
  display: block;
  color: #6f7b8b;
  font-size: 9px;
  font-weight: 560;
  line-height: 1.25;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-today-recurrence.is-active {
  border-color: #246bfe !important;
  background: rgb(36 107 254 / 6%) !important;
  box-shadow:
    0 0 0 2px rgb(36 107 254 / 12%),
    0 0 18px rgb(36 107 254 / 22%) !important;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-today-recurrence.is-active::after {
  position: absolute;
  inset: -3px;
  border: 0;
  border-radius: inherit;
  background: transparent;
  box-shadow: 0 0 10px 2px rgb(36 107 254 / 18%);
  filter: blur(2.5px);
  content: "";
  pointer-events: none;
  animation: solo-today-border-shimmer 2.6s ease-in-out infinite;
}

@keyframes solo-today-border-shimmer {
  0%, 100% {
    opacity: .36;
    box-shadow: 0 0 8px 1px rgb(36 107 254 / 14%);
    transform: scale(.995);
  }
  50% {
    opacity: .92;
    box-shadow: 0 0 20px 5px rgb(36 107 254 / 25%);
    transform: scale(1.008);
  }
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-today-recurrence.is-active small {
  color: #1f5fd6;
  font-weight: 680;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .urgent-toggle > i {
  position: relative;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .urgent-toggle input:checked + i::before {
  position: absolute;
  inset: -3px;
  border-radius: 5px;
  background: rgb(255 48 48 / 10%);
  box-shadow: 0 0 6px 1px rgb(255 48 48 / 16%);
  filter: blur(2px);
  content: "";
  pointer-events: none;
  animation: solo-urgent-outer-shimmer 3.8s ease-in-out infinite;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .urgent-toggle input:checked + i::after {
  opacity: 1;
  animation: none;
}

@keyframes solo-urgent-outer-shimmer {
  0%, 100% {
    opacity: .24;
    box-shadow: 0 0 4px 1px rgb(255 48 48 / 10%);
    transform: scale(.96);
  }
  50% {
    opacity: .72;
    box-shadow: 0 0 9px 2px rgb(255 48 48 / 20%);
    transform: scale(1.08);
  }
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace :is(
  .drawer-date-field .potok-picker-trigger,
  .drawer-today-recurrence,
  .drawer-live-material,
  .drawer-document-add
) {
  transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-time-row::after,
body.solo-islands-canonical[data-scope="potok"] .task-card-workspace :is(.drawer-time-toggle, .urgent-toggle) > i {
  transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace :is(
  .drawer-date-field .potok-picker-trigger,
  .drawer-today-recurrence,
  .drawer-live-material,
  .drawer-document-add
):hover {
  border-color: #246bfe !important;
  box-shadow: 0 0 0 3px rgb(36 107 254 / 10%), 0 0 16px rgb(36 107 254 / 14%) !important;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-time-row:has(.drawer-time-toggle:hover, .potok-picker-trigger:hover)::after {
  border-color: #246bfe !important;
  box-shadow: 0 0 0 3px rgb(36 107 254 / 10%), 0 0 16px rgb(36 107 254 / 14%) !important;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace :is(.drawer-time-toggle, .urgent-toggle):has(input:not(:checked)):hover > i {
  border-color: #246bfe;
  box-shadow: 0 0 0 3px rgb(36 107 254 / 11%);
}

/* The description editor keeps one quiet frame. Formatting controls still
   react independently, but selecting or hovering the writing area does not
   repaint its outer border. */
body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-description-panel .rich-editor-shell,
body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-description-panel .rich-editor-shell:hover,
body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-description-panel .rich-editor-shell:focus-within {
  border-color: #d6dce4 !important;
  background: rgb(255 255 255 / 72%) !important;
  box-shadow: none !important;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-card-menu-delete {
  transition:
    color 180ms ease,
    background-color 180ms ease,
    box-shadow 180ms ease;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-card-menu-delete:hover {
  color: #a82940;
  background: #fff0f2;
  box-shadow: 0 0 0 3px rgb(216 45 72 / 8%), 0 0 18px rgb(216 45 72 / 13%);
}

/* Expanded pickers stay in the left workspace flow. They replace their own
   action area instead of floating over the following section. */
body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-settings-content {
  overflow-y: auto;
  scrollbar-width: none;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-settings-content::-webkit-scrollbar {
  display: none;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .card-label-section:has(#drawerLabelsToggle[aria-expanded="true"]) {
  z-index: 20;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .card-label-section:has(#drawerLabelsToggle[aria-expanded="true"]) .drawer-label-list {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  max-height: 96px;
  overflow: auto;
  padding: 2px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-documents-group {
  opacity: 1;
  visibility: visible;
  transition: opacity 210ms cubic-bezier(.2, .72, .2, 1), visibility 0s linear 210ms;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace.is-labels-expanded .drawer-documents-group {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition-delay: 0s, 210ms;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace:not(.is-labels-expanded) .drawer-documents-group {
  transition-delay: 0s, 0s;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-documents-body {
  transform-origin: top center;
  opacity: 1;
  will-change: height;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-documents-group.is-expanded .drawer-document-list {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  max-height: 176px;
  overflow-y: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-documents-group.is-expanded :is(.drawer-live-material, .drawer-document-add) {
  display: none !important;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-documents-group.is-expanded .drawer-documents-scrollbar {
  top: 2px;
  bottom: auto;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-card-menu-toggle {
  width: 22px;
  height: 22px;
  min-width: 22px;
  min-height: 22px;
  border-radius: 5px;
  font-size: 13px;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-document-row:not(.drawer-document-transfer) {
  grid-template-columns: minmax(0, 1fr) 28px 28px;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-document-open {
  grid-template-columns: 30px minmax(0, 1fr);
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-document-leading {
  width: 28px;
  height: 28px;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-document-download {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 5px;
  color: #7c8898;
  background: transparent;
  cursor: pointer;
  transition: color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}

body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-document-download:hover,
body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-document-download:focus-visible {
  outline: 0;
  color: #246bfe;
  background: #eef4ff;
  box-shadow: 0 0 0 2px rgb(36 107 254 / 10%);
}

@media (prefers-reduced-motion: reduce) {
  body.solo-islands-canonical[data-scope="potok"] .drawer.task-card-workspace {
    animation: none;
    background-position: 50% 50%;
    box-shadow: 0 22px 58px rgb(7 21 40 / 18%);
  }

  body.solo-islands-canonical[data-scope="potok"] .card-drawer-glow::before,
  body.solo-islands-canonical[data-scope="potok"] .card-drawer-glow::after,
  body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-today-recurrence.is-active::after,
  body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .urgent-toggle input:checked + i::before {
    animation: none;
  }
}

@media (max-width: 899px) {
  body.solo-islands-canonical[data-scope="potok"] .drawer,
  body.solo-islands-canonical[data-scope="potok"].drawer-open .drawer,
  body.solo-islands-canonical[data-scope="potok"] .drawer.task-card-workspace,
  body.solo-islands-canonical[data-scope="potok"].drawer-open .drawer.task-card-workspace {
    transform: none !important;
  }

  body.solo-islands-canonical[data-scope="potok"] .drawer.task-card-workspace {
    border-radius: 0 !important;
  }

  body.solo-islands-canonical[data-scope="potok"] .task-card-workspace .drawer-card-menu-toggle {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    border-radius: 10px;
  }

  body.solo-islands-canonical[data-scope="potok"] .task-card-workspace #drawerLabelsToggle {
    min-height: 44px;
  }
}

@media (max-width: 760px) {
  body.solo-islands-canonical[data-scope="potok"] .pointer-grid-layer {
    inset: 0;
  }
}

/*
 * Narrow phones cannot fit the brand and all five Solo toolbar controls on
 * one row. Turn the two wrapper elements into layout-only containers and use
 * the existing controls as a compact, deterministic three-row header.
 */
@media (max-width: 480px) {
  body.solo-islands-canonical[data-scope="potok"] .topbar {
    grid-template-columns: minmax(0, 1fr) 88px 44px;
    grid-template-rows: auto auto auto;
    grid-template-areas: none;
    column-gap: 6px;
    row-gap: 8px;
  }

  body.solo-islands-canonical[data-scope="potok"] .brand {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
  }

  body.solo-islands-canonical[data-scope="potok"] .top-actions,
  body.solo-islands-canonical[data-scope="potok"] .project-mode-controls {
    display: contents;
  }

  body.solo-islands-canonical[data-scope="potok"] .project-mode-controls {
    width: auto;
    max-width: none;
    opacity: 1;
    transform: none;
  }

  body.solo-islands-canonical[data-scope="potok"] .label-filter-wrap {
    grid-column: 1;
    grid-row: 2;
    min-width: 0;
  }

  body.solo-islands-canonical[data-scope="potok"] .solo-project-view-switch {
    grid-column: 2;
    grid-row: 2;
  }

  body.solo-islands-canonical[data-scope="potok"] .grid-button {
    grid-column: 3;
    grid-row: 2;
  }

  body.solo-islands-canonical[data-scope="potok"] .workspace-view-switch {
    grid-column: 2;
    grid-row: 1;
  }

  body.solo-islands-canonical[data-scope="potok"] .account-wrap {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
  }

  body.solo-islands-canonical[data-scope="potok"] .search {
    grid-column: 1 / -1;
    grid-row: 3;
  }

  body.solo-islands-canonical[data-scope="potok"].today-mode .project-mode-controls > * {
    display: none !important;
  }

  body.solo-islands-canonical[data-scope="potok"].today-mode .search {
    grid-row: 2;
  }
}