/* Isolated Korzinka visual preview. Canonical Potok assets remain untouched. */

body.korzinka-islands-canonical {
  --island-line: #d7dfe9;
  --island-line-strong: #c8d3e0;
  --island-page: #f5f7f8;
  --island-ink: #0d1a2d;
  --island-muted: #667286;
  --island-shadow: 0 12px 34px rgb(18 32 51 / 7%);
  --island-card-shadow: 0 7px 18px rgb(18 32 51 / 6%);
  position: relative;
  isolation: isolate;
  background: transparent;
}

.korzinka-pointer-grid {
  position: fixed;
  z-index: -1;
  inset: -12px;
  contain: strict;
  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,
    #f8f9f7;
  pointer-events: none;
  transform: translate3d(0, 0, 0);
  will-change: transform;
}

body.korzinka-islands-canonical .topbar,
body.korzinka-islands-canonical .tk-topbar {
  border-bottom: 0;
  background: rgb(255 255 255 / 96%);
  box-shadow: 0 7px 24px rgb(18 32 51 / 7%);
}

body.korzinka-islands-canonical :is(
  .statistics-button,
  .week-picker-button,
  .mine-only-button,
  .label-library-button,
  .primary-button,
  .tk-board-link,
  .tk-sync,
  .tk-weekbar button,
  .tk-month-arrow
) {
  border-color: var(--island-line);
  border-radius: 9px !important;
  box-shadow: none;
  transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease, opacity 160ms ease;
}

body.korzinka-islands-canonical .tk-account.potok-profile-button {
  border-radius: 50% !important;
}

body.korzinka-islands-canonical :is(button, a):focus-visible {
  outline: 2px solid rgb(36 107 254 / 32%);
  outline-offset: 2px;
}

html:has(body.korzinka-islands-canonical),
body.korzinka-islands-canonical,
body.korzinka-islands-canonical * {
  scrollbar-width: none !important;
  -ms-overflow-style: none;
}

html:has(body.korzinka-islands-canonical)::-webkit-scrollbar,
body.korzinka-islands-canonical::-webkit-scrollbar,
body.korzinka-islands-canonical *::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

body.korzinka-islands-canonical .card-focus-scrollbar { display: none !important; }

.korzinka-canonical-scrollbar {
  position: fixed;
  z-index: 700;
  overflow: hidden;
  border-radius: 99px;
  background: transparent;
  /* Keep the fixed layer fully alive. Only the tiny thumb changes colour;
     fading the parent opacity makes Yandex re-rasterize the table below it. */
  opacity: 1;
  pointer-events: none;
  transition: none;
  contain: layout paint style;
  transform: translateZ(0);
  backface-visibility: hidden;
  will-change: transform;
}
.korzinka-canonical-scrollbar.is-visible { opacity: 1; }
.korzinka-canonical-scrollbar > span {
  position: absolute;
  display: block;
  border-radius: inherit;
  background: rgb(72 83 99 / 0%);
  box-shadow: 0 0 0 1px rgb(255 255 255 / 0%);
  transition: background-color 180ms ease, box-shadow 180ms ease;
}
.korzinka-canonical-scrollbar.is-visible > span {
  background: rgb(72 83 99 / 34%);
  box-shadow: 0 0 0 1px rgb(255 255 255 / 45%);
}
.korzinka-canonical-scrollbar.is-horizontal {
  top: var(--preview-scroll-top, calc(var(--potok-header-height, 58px) + 4px));
  left: var(--preview-scroll-left, 18px);
  width: var(--preview-scroll-track, calc(100vw - 36px));
  height: 3px;
}
.korzinka-canonical-scrollbar.is-horizontal > span {
  left: 0;
  top: 0;
  width: var(--preview-scroll-size, 90px);
  height: 100%;
  transform: translateX(var(--preview-scroll-offset, 0));
}
.korzinka-canonical-scrollbar.is-vertical {
  top: var(--preview-scroll-top, calc(var(--potok-header-height, 58px) + 18px));
  right: var(--preview-scroll-right, 3px);
  width: 3px;
  height: var(--preview-scroll-track, calc(100vh - var(--potok-header-height, 58px) - var(--potok-footer-height, 56px) - 20px));
}
.korzinka-canonical-scrollbar.is-vertical > span {
  left: 0;
  top: 0;
  width: 100%;
  height: var(--preview-scroll-size, 60px);
  transform: translateY(var(--preview-scroll-offset, 0));
}

/* Copywriters board */
body.korzinka-islands-copywriters main {
  padding: 14px 20px 12px;
  background: transparent;
}

body.korzinka-islands-copywriters .korzinka-fixed-project .project-board {
  border: 0;
  border-radius: 0;
  background: transparent;
}

body.korzinka-islands-copywriters .korzinka-fixed-project .columns {
  grid-template-columns: minmax(220px, 1fr) 9px minmax(0, 4fr);
  gap: 0;
  padding: 0;
  background: transparent;
}

body.korzinka-islands-copywriters .korzinka-workflow-gap {
  width: 9px;
  min-width: 9px;
  background: transparent;
}

body.korzinka-islands-copywriters .korzinka-fixed-project .columns > .column:first-child {
  height: 100%;
  overflow-y: auto;
  border: 1px solid var(--island-line);
  border-radius: 10px;
  background: rgb(237 241 244 / 78%);
  backdrop-filter: blur(5px) saturate(1.06);
  box-shadow: none;
  scrollbar-width: none !important;
}

body.korzinka-islands-copywriters .korzinka-fixed-project .columns > .column:first-child::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

body.korzinka-islands-copywriters .korzinka-workflow-scroll {
  overflow-x: auto;
  overflow-y: auto;
  border: 0;
  border-radius: 10px 10px 0 0;
  background: transparent;
  backdrop-filter: blur(5px) saturate(1.06);
  box-shadow: inset 1px 0 0 var(--island-line), inset 0 1px 0 var(--island-line);
}

body.korzinka-islands-copywriters .card-placeholder {
  border: 1px dashed rgb(103 119 140 / 72%);
  background: rgb(255 255 255 / 34%);
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 42%);
}

body.korzinka-islands-copywriters:is(.focus-mode, .focus-mode-exiting) :is(
  .korzinka-workflow-scroll,
  .korzinka-fixed-project .columns > .column:first-child
) {
  backdrop-filter: none;
}

body.korzinka-islands-copywriters .korzinka-workflow-columns {
  min-width: 0;
  overflow: visible;
  border-radius: 9px 9px 0 0;
}

body.korzinka-islands-copywriters .column {
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: rgb(237 241 244 / 78%);
}

body.korzinka-islands-copywriters .korzinka-workflow-columns > .column[data-status="copywriter"] {
  border-left: 0;
  background: rgba(250, 242, 225, 0.88);
}
body.korzinka-islands-copywriters .column[data-status="designer"] { background: rgba(229, 238, 255, 0.9); }
body.korzinka-islands-copywriters .column[data-status="approval"] { background: rgba(255, 233, 235, 0.86); }
body.korzinka-islands-copywriters .column[data-status="released"] { background: rgba(226, 246, 236, 0.9); }

body.korzinka-islands-copywriters .korzinka-workflow-columns > .column:first-child {
  border-radius: 9px 0 0 0;
}

body.korzinka-islands-copywriters .korzinka-workflow-columns > .column:last-child {
  border-radius: 0 9px 0 0;
}

body.korzinka-islands-copywriters .column-head {
  position: sticky;
  z-index: 30;
  top: 0;
  min-height: 44px;
  padding: 8px 12px;
  border: 0;
  background: rgb(237 241 244 / 82%);
  box-shadow: none;
  -webkit-backdrop-filter: blur(5px) saturate(1.06);
  backdrop-filter: blur(5px) saturate(1.06);
}

body.korzinka-islands-copywriters .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.korzinka-islands-copywriters .korzinka-workflow-columns > .column[data-status="copywriter"] > .column-head { background: rgb(250 242 225 / 82%); }
body.korzinka-islands-copywriters .column[data-status="designer"] > .column-head { background: rgb(229 238 255 / 82%); }
body.korzinka-islands-copywriters .column[data-status="approval"] > .column-head { background: rgb(255 233 235 / 82%); }
body.korzinka-islands-copywriters .column[data-status="released"] > .column-head { background: rgb(226 246 236 / 82%); }

body.korzinka-islands-copywriters .column-title {
  gap: 8px;
  color: #263142;
  font-size: 10px;
  font-weight: 740;
  letter-spacing: .012em;
  text-transform: uppercase;
}

body.korzinka-islands-copywriters .status-dot { display: none; }
body.korzinka-islands-copywriters .column-count {
  min-width: 0;
  padding: 0;
  border-radius: 0;
  color: #334155;
  background: transparent;
  font-size: 8px;
}

body.korzinka-islands-copywriters .card-list {
  box-sizing: border-box;
  width: 100%;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  padding: 10px;
}

body.korzinka-islands-copywriters.grid-mode .card-list {
  gap: 8px;
  padding: 10px;
}

body.korzinka-islands-copywriters .card-list[data-status="take"] {
  gap: 0;
  padding: 8px 0;
}

body.korzinka-islands-copywriters .take-day-group {
  width: 100%;
  gap: 7px;
  margin-inline: 0;
}

body.korzinka-islands-copywriters .take-day-heading {
  top: 44px;
  height: 29px;
  min-height: 29px;
  padding: 0 7px 0 31px;
  border-right: 0;
  border-left: 0;
  font-size: 7.5px;
  line-height: 1;
}

body.korzinka-islands-copywriters .take-day-chevron {
  width: 24px;
  height: 24px;
  display: grid;
  flex: 0 0 24px;
  place-items: center;
  margin-right: 3px;
  line-height: normal;
}

body.korzinka-islands-copywriters .take-day-cards,
body.korzinka-islands-copywriters.grid-mode .take-day-cards {
  box-sizing: border-box;
  width: 100%;
  gap: 8px;
  padding: 10px;
}

body.korzinka-islands-copywriters .card-list[data-status="take"] > .add-card {
  width: calc(100% - 16px);
  min-height: 58px;
  margin: 8px;
  padding: 1px 6px;
  border-color: #c7cfda;
  border-radius: 10px;
  background: #f4f5f6;
  font-size: 10px;
}

body.korzinka-islands-copywriters .card,
body.korzinka-islands-copywriters.grid-mode .card {
  box-sizing: border-box;
  min-width: 0;
  width: auto;
  height: 70px;
  min-height: 70px;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: 10px 13px 25px;
  align-content: start;
  row-gap: 3px;
  column-gap: 3px;
  justify-self: stretch;
  margin: 0;
  padding: 7px 9px;
  border: 1px solid #dde3ea;
  border-radius: 10px !important;
  background: rgb(255 255 255 / 93%);
  box-shadow: 0 6px 18px rgb(18 32 51 / 6%);
  backdrop-filter: none;
  transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}

body.korzinka-islands-copywriters .card:hover,
body.korzinka-islands-copywriters.grid-mode .card:hover {
  padding: 7px 9px;
}

body.korzinka-islands-copywriters .card-subtitle {
  display: none !important;
}

body.korzinka-islands-copywriters .card-labels {
  min-width: 0;
  min-height: 10px;
  height: 10px;
}

body.korzinka-islands-copywriters .card h3 {
  min-height: 13px;
  height: 13px;
  line-height: 1.3;
}

body.korzinka-islands-copywriters .card-footer {
  min-height: 25px;
  height: 25px;
  align-items: flex-end;
}

body.korzinka-islands-copywriters .due {
  line-height: 8px;
}

body.korzinka-islands-copywriters .card:hover {
  border-color: color-mix(in srgb, var(--status) 32%, #dbe1e8);
  background: rgb(255 255 255 / 96%);
  box-shadow: 0 10px 24px rgb(18 32 51 / 11%);
}

body.korzinka-islands-copywriters .card.is-urgent,
body.korzinka-islands-copywriters.grid-mode .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.korzinka-islands-copywriters .card.is-urgent:hover,
body.korzinka-islands-copywriters.grid-mode .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.korzinka-islands-copywriters .card.has-active-work-time,
body.korzinka-islands-copywriters .card.has-active-work-time:hover,
body.korzinka-islands-copywriters.grid-mode .card.has-active-work-time,
body.korzinka-islands-copywriters.grid-mode .card.has-active-work-time:hover {
  border-color: transparent;
  outline: 0;
  background-clip: padding-box;
}

body.korzinka-islands-copywriters .card-work-time-ring {
  inset: -3px;
  padding: 0;
  border-radius: 12px;
  overflow: visible;
  background: none !important;
  -webkit-mask: none;
  mask: none;
  animation: none !important;
}

body.korzinka-islands-copywriters .card:is(.is-urgent, .is-schedule-mirror.is-schedule-done) .card-work-time-ring {
  inset: -4px;
}

body.korzinka-islands-copywriters .card-work-time-ring.is-entering {
  animation: work-time-ring-enter 240ms ease-out !important;
}

body.korzinka-islands-copywriters .card-work-time-ring > svg {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
}

body.korzinka-islands-copywriters .card-work-time-perimeter {
  fill: none;
  stroke-width: 3px;
  vector-effect: non-scaling-stroke;
  shape-rendering: geometricPrecision;
}

body.korzinka-islands-copywriters .card-work-time-perimeter.is-base {
  stroke: var(--potok-motion-lime, #c8ff5a);
}

body.korzinka-islands-copywriters .card-work-time-perimeter.is-moving {
  stroke: var(--potok-motion-blue, #63d8ff);
  stroke-dasharray: var(--work-time-half-perimeter) var(--work-time-half-perimeter);
  stroke-dashoffset: var(--work-time-center-offset);
  stroke-linecap: butt;
  animation: korzinka-work-time-perimeter 15s var(--work-time-cycle-delay, 0ms) linear infinite both;
}

body.korzinka-islands-copywriters .card.has-active-work-time.is-urgent .card-work-time-perimeter.is-base {
  stroke: #f2a62b;
}

body.korzinka-islands-copywriters .card.has-active-work-time.is-urgent .card-work-time-perimeter.is-moving {
  stroke: #e5002b;
}

body.korzinka-islands-copywriters:is(.focus-mode, .focus-mode-exiting) .card-work-time-perimeter.is-moving,
body.korzinka-islands-copywriters .card.is-focused .card-work-time-perimeter.is-moving {
  animation-play-state: paused;
}

@keyframes korzinka-work-time-perimeter {
  0% { stroke-dashoffset: var(--work-time-center-offset); }
  6.6667% { stroke-dashoffset: var(--work-time-fast-loop-end); }
  100% { stroke-dashoffset: var(--work-time-slow-loop-end); }
}

body.korzinka-islands-copywriters .card.is-schedule-mirror.is-schedule-done,
body.korzinka-islands-copywriters.grid-mode .card.is-schedule-mirror.is-schedule-done {
  border: 2px solid #20aa67;
  box-shadow: none;
}

body.korzinka-islands-copywriters .card.is-schedule-mirror.is-schedule-done:hover,
body.korzinka-islands-copywriters.grid-mode .card.is-schedule-mirror.is-schedule-done:hover {
  border-color: #148b52;
  box-shadow: none;
}

body.korzinka-islands-copywriters .card.has-active-work-time.is-schedule-mirror.is-schedule-done,
body.korzinka-islands-copywriters .card.has-active-work-time.is-schedule-mirror.is-schedule-done:hover {
  border-color: transparent;
}

body.korzinka-islands-copywriters .card-labels { gap: 4px; }
body.korzinka-islands-copywriters .card h3 { color: var(--island-ink); }

body.korzinka-islands-copywriters .add-card {
  min-height: 48px;
  margin: 0;
  width: 100%;
  justify-content: flex-start;
  padding: 0 11px;
  border: 1px dashed #c7d2df;
  border-radius: 10px;
  color: #68768a;
  background: rgb(255 255 255 / 48%);
  backdrop-filter: none;
}

body.korzinka-islands-copywriters .add-card:hover {
  border-color: #9dacc0;
  color: var(--island-ink);
  background: rgb(255 255 255 / 86%);
}

body.korzinka-islands-copywriters :is(
  .content-table-link,
  .week-picker-button,
  .mine-only-button,
  .label-library-button,
  .statistics-button,
  .korzinka-footer-aaaa,
  .korzinka-footer-editor,
  .korzinka-footer-notepad,
  .korzinka-footer-chat
) {
  min-height: 40px;
  padding-inline: 13px;
  border: 1px solid var(--island-line);
  border-radius: 9px !important;
  color: var(--island-ink);
  background: rgb(255 255 255 / 94%);
  box-shadow: 0 3px 10px rgb(18 32 51 / 4%);
  font-size: 10px;
  font-weight: 720;
  transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
}

body.korzinka-islands-copywriters :is(
  .content-table-link,
  .week-picker-button,
  .mine-only-button,
  .label-library-button,
  .statistics-button,
  .korzinka-footer-aaaa,
  .korzinka-footer-editor,
  .korzinka-footer-notepad,
  .korzinka-footer-chat
):hover {
  border-color: #b7c2cf;
  color: var(--island-ink);
  background: #f8fafc;
  box-shadow: 0 6px 16px rgb(18 32 51 / 7%);
}

body.korzinka-islands-copywriters .content-table-link {
  border-color: #efc6ce;
  color: #d9002d;
  background: #fff;
}

body.korzinka-islands-copywriters .content-table-link:hover {
  border-color: #e5002b;
  color: #c80027;
  background: #fff7f8;
}

body.korzinka-islands-copywriters .mine-only-button[aria-pressed="true"] {
  border-color: #9eb9f5;
  color: #174ea8;
  background: #edf3ff;
}

body.korzinka-islands-copywriters .korzinka-footer-actions { gap: 8px; }

body.korzinka-islands-copywriters .korzinka-footer-chat[aria-expanded="true"] {
  border-color: #e5002b;
  color: #fff;
  background: #e5002b;
}

/* Content table */
body.korzinka-islands-content-table {
  --card-height: 48px;
  --card-gap: 4px;
  overflow: hidden;
}

body.korzinka-islands-content-table .tk-main {
  grid-template-rows: 38px 8px minmax(0, 1fr) 12px var(--potok-footer-height);
  padding: 8px 24px 0;
  background: transparent;
}

body.korzinka-islands-content-table .tk-weekbar {
  width: max-content;
  grid-template-columns: 30px max-content 30px;
  align-items: center;
  gap: 8px;
}

body.korzinka-islands-content-table .tk-weekbar button {
  box-sizing: border-box;
  width: 30px !important;
  min-width: 30px;
  max-width: 30px;
  height: 30px !important;
  min-height: 30px;
  max-height: 30px;
  display: grid;
  place-items: center;
  flex: 0 0 30px;
  padding: 0 !important;
  border-color: transparent;
  background: transparent;
  appearance: none;
  line-height: 1;
  transition: border-color 170ms ease, background-color 170ms ease, box-shadow 170ms ease;
}

body.korzinka-islands-content-table .tk-weekbar button:is(:hover, :focus-visible, :active) {
  border-color: var(--island-line);
  background: rgb(255 255 255 / 92%);
  box-shadow: 0 3px 10px rgb(18 32 51 / 5%);
}

body.korzinka-islands-content-table .tk-weekbar button > i {
  width: 16px;
  height: 16px;
  display: grid;
  place-items: center;
  margin: 0;
  color: currentColor;
  font-size: 16px;
  line-height: 16px;
  opacity: .3;
  pointer-events: none;
  backface-visibility: hidden;
  transition: opacity 170ms ease;
}

body.korzinka-islands-content-table .tk-weekbar button > i::before {
  width: 16px;
  height: 16px;
  display: block;
  line-height: 16px;
  text-align: center;
}

body.korzinka-islands-content-table .tk-weekbar button:is(:hover, :focus-visible, :active) > i {
  opacity: 1;
}

body.korzinka-islands-content-table .tk-weekbar strong {
  font-size: 12px;
  font-weight: 740;
}

body.korzinka-islands-content-table .tk-scroll {
  overflow: auto;
  overflow-anchor: none;
  scroll-behavior: auto;
  padding: 0;
  border: 1px solid var(--island-line);
  border-radius: 16px;
  background: rgb(255 255 255 / 50%);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: var(--island-shadow);
}

body.korzinka-islands-content-table .tk-grid {
  min-width: 1220px;
  grid-template-columns: 92px repeat(7, minmax(150px, 1fr));
  gap: 0;
  align-content: start;
  background: transparent;
}

body.korzinka-islands-content-table .tk-drop-ghost {
  box-sizing: border-box;
  width: 100%;
  height: var(--card-height);
  min-height: var(--card-height);
  display: block;
  border: 1px dashed rgb(103 119 140 / 72%);
  border-radius: 8px;
  background: rgb(255 255 255 / 34%);
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 42%);
  pointer-events: none;
  animation: tk-drop-ghost-in 120ms ease-out both;
}

body.korzinka-islands-content-table .tk-task.is-dragging.is-drag-source-withdrawn {
  display: none;
}

@keyframes tk-drop-ghost-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

body.korzinka-islands-content-table .tk-corner,
body.korzinka-islands-content-table .tk-day-head {
  height: 44px;
  top: 0;
  border: 0;
  border-radius: 0;
  background: rgb(237 241 244 / 82%);
  box-shadow: none;
  -webkit-backdrop-filter: blur(5px) saturate(1.06);
  backdrop-filter: blur(5px) saturate(1.06);
  isolation: isolate;
}

body.korzinka-islands-content-table .tk-corner::after,
body.korzinka-islands-content-table .tk-day-head::after {
  content: none;
}

body.korzinka-islands-content-table .tk-corner {
  left: 0;
  color: #647084;
}

body.korzinka-islands-content-table .tk-day-head {
  justify-content: flex-start;
  gap: 5px;
  padding: 6px 12px;
}

body.korzinka-islands-content-table .tk-day-head.is-today {
  color: #9d6100;
  background: rgb(237 241 244 / 82%);
  box-shadow: inset 1px 0 #f2a62b, inset -1px 0 #f2a62b, inset 0 1px #f2a62b;
}

body.korzinka-islands-content-table .tk-section-row {
  --section-height: max(86px, calc(var(--max-cards) * (var(--card-height) + var(--card-gap)) + 30px));
}

body.korzinka-islands-content-table .tk-section-label,
body.korzinka-islands-content-table .tk-cell {
  height: var(--section-height);
  border: 0;
  border-radius: 0;
  background: color-mix(in srgb, var(--section-tint, #eef2f6) 84%, transparent);
}

body.korzinka-islands-content-table .tk-section-label {
  left: 0;
  padding: 12px 14px;
  color: var(--island-ink);
  box-shadow: none;
  white-space: nowrap;
}

body.korzinka-islands-content-table .tk-cell {
  display: grid;
  grid-template-rows: minmax(0, 1fr) 18px;
  gap: 4px;
  padding: 6px 4px;
  transition: background-color 150ms ease, box-shadow 150ms ease;
}

body.korzinka-islands-content-table .tk-cell[data-section-id="social"] { background: rgb(233 247 241 / 84%); }
body.korzinka-islands-content-table .tk-cell[data-section-id="stories"] { background: rgb(233 243 251 / 84%); }
body.korzinka-islands-content-table .tk-cell[data-section-id="sms"] { background: rgb(241 236 249 / 84%); }
body.korzinka-islands-content-table .tk-cell[data-section-id="push"] { background: rgb(252 238 234 / 84%); }

body.korzinka-islands-content-table .tk-cell.is-today {
  box-shadow: inset 1px 0 #f2a62b, inset -1px 0 #f2a62b;
}

body.korzinka-islands-content-table .tk-cell.is-today.is-last-section {
  box-shadow: inset 1px 0 #f2a62b, inset -1px 0 #f2a62b;
}

body.korzinka-islands-content-table .tk-cell.is-today.is-last-section::after {
  content: "";
  position: absolute;
  z-index: 6;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  background: #f2a62b;
  pointer-events: none;
}

/* The outer right edge belongs to the rounded table shell, not to Sunday. */
body.korzinka-islands-content-table .tk-day-head.is-today:last-child {
  border-radius: 0 15px 0 0;
  box-shadow: inset 1px 0 #f2a62b, inset -1px 0 #f2a62b, inset 0 1px #f2a62b;
}

body.korzinka-islands-content-table .tk-cell.is-today:last-child {
  box-shadow: inset 1px 0 #f2a62b, inset -1px 0 #f2a62b;
}

body.korzinka-islands-content-table .tk-cell.is-today.is-last-section:last-child {
  border-radius: 0 0 15px 0;
  box-shadow: inset 1px 0 #f2a62b, inset -1px 0 #f2a62b, inset 0 -2px #f2a62b;
}

body.korzinka-islands-content-table .tk-cell.is-today.is-last-section:last-child::after {
  content: none;
}

body.korzinka-islands-content-table .tk-card-list {
  height: auto;
  gap: var(--card-gap);
}

body.korzinka-islands-content-table .tk-task {
  border-color: #dde3ea;
  border-radius: 8px !important;
  background: rgb(255 255 255 / 92%);
  box-shadow: 0 0 12px rgb(18 32 51 / 5%);
  backdrop-filter: none;
  transition: border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
}

body.korzinka-islands-content-table .tk-task:hover {
  border-color: #aebbc9;
  background: #fff;
  box-shadow: 0 0 10px rgb(18 32 51 / 22%);
}

body.korzinka-islands-content-table .tk-task.is-in-progress {
  border-color: var(--potok-status-progress);
}

body.korzinka-islands-content-table .tk-task.is-in-progress.can-manage:hover {
  border-color: var(--potok-status-progress);
}

/* A stationary pointer must not repeatedly start card hover transitions while
   the board itself moves underneath it. The class lives on the scroller (not
   body), so enabling it does not invalidate the layout/indicator observers. */
body.korzinka-islands-content-table .tk-scroll:is(.is-scrolling, .is-scroll-hover-suppressed) :is(.tk-cell, .tk-task) {
  transition: none !important;
}

body.korzinka-islands-content-table .tk-scroll:is(.is-scrolling, .is-scroll-hover-suppressed) .tk-task {
  pointer-events: none;
}

body.korzinka-islands-content-table .tk-task.is-published {
  border-color: var(--potok-status-done);
  background: rgb(247 252 249 / 90%);
}

body.korzinka-islands-content-table .tk-task.is-published.can-manage:hover {
  border-color: var(--potok-status-done);
  background: #f3faf6;
}

/* At desktop widths the complete week fits without horizontal scrolling.
   Keeping row labels horizontally sticky there needlessly promotes them to a
   separate compositor layer, which creates visible parallax on wheel scroll. */
@media (min-width: 1280px) {
  body.korzinka-islands-content-table .tk-corner {
    left: auto;
  }

  body.korzinka-islands-content-table .tk-section-label {
    position: relative;
    left: auto;
  }
}

body.korzinka-islands-content-table .tk-task-channel {
  box-sizing: border-box;
  width: 100%;
  height: var(--potok-card-meta-size);
  display: grid;
  place-items: center;
  justify-self: stretch;
  margin: 0;
  padding: 0 2px;
  border: 1px solid transparent;
  border-radius: 0;
  color: #7c8796;
  background: transparent;
  font-family: inherit;
  font-size: 5px;
  font-weight: 750;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}

body.korzinka-islands-content-table .tk-task-channel.is-present { border-color: #cbd3de; }

body.korzinka-islands-content-table .tk-task-channel.has-proof {
  color: #1c7758;
  background: #edf8f2;
  cursor: pointer;
}

body.korzinka-islands-content-table .tk-task-channel.has-proof:hover,
body.korzinka-islands-content-table .tk-task-channel.has-proof:focus-visible {
  border-color: #1c7758;
  outline: 0;
}

body.korzinka-islands-content-table .tk-add-space {
  position: static;
  right: auto;
  bottom: auto;
  width: 18px;
  height: 18px;
  align-self: end;
  justify-self: end;
  margin-right: 2px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  box-shadow: none;
  color: #97a3b2;
  opacity: .55;
}

body.korzinka-islands-content-table .tk-add-space i { font-size: 13px; }

body.korzinka-islands-content-table .tk-cell:hover .tk-add-space {
  border: 0;
  color: #97a3b2;
  background: transparent;
  opacity: .55;
}

body.korzinka-islands-content-table .tk-cell:hover .tk-add-space:hover,
body.korzinka-islands-content-table .tk-cell .tk-add-space:focus-visible {
  border: 0;
  color: #e5002b;
  background: rgb(255 255 255 / 72%);
  opacity: 1;
}

body.korzinka-islands-content-table .tk-month-footer {
  display: grid;
  gap: 8px;
  border: 0;
  border-radius: 14px 14px 0 0;
  background: rgb(255 255 255 / 78%);
  backdrop-filter: blur(5px) saturate(1.12);
  box-shadow: 0 -6px 22px rgb(18 32 51 / 7%);
}

body.korzinka-islands-content-table .tk-month-tabs { gap: 8px; }

body.korzinka-islands-content-table .tk-month-tabs button { border-radius: 9px 9px 0 0; }

body.korzinka-islands-content-table .tk-month-tabs button.is-active { background: #fff2f4; }

body.korzinka-islands-content-table .tk-editor form,
body.korzinka-islands-content-table .tk-confirm,
body.korzinka-islands-content-table .tk-task-context {
  border-color: var(--island-line);
  border-radius: 14px;
  box-shadow: 0 20px 60px rgb(18 32 51 / 16%);
}

@media (max-width: 1024px) {
  body.korzinka-islands-copywriters main,
  body.korzinka-islands-content-table .tk-main { padding-inline: 14px; }

  body.korzinka-islands-copywriters .korzinka-fixed-project .columns {
    min-width: 980px;
    display: grid;
    grid-template-columns: 224px 9px minmax(760px, 1fr);
  }

  body.korzinka-islands-copywriters .korzinka-workflow-scroll,
  body.korzinka-islands-copywriters .korzinka-workflow-columns { display: block; }

  body.korzinka-islands-copywriters .korzinka-workflow-columns {
    display: grid;
    grid-template-columns: repeat(4, minmax(190px, 1fr));
  }
}

@media (prefers-reduced-motion: reduce) {
  .korzinka-pointer-grid { transform: none !important; }

  body.korzinka-islands-canonical *,
  body.korzinka-islands-canonical *::before,
  body.korzinka-islands-canonical *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

@media (max-width: 760px) {
  .korzinka-pointer-grid { inset: 0; }

  body.korzinka-islands-copywriters :is(
    .brand,
    .korzinka-footer-aaaa,
    .korzinka-footer-editor,
    .korzinka-footer-notepad,
    .korzinka-footer-chat
  ),
  body.korzinka-islands-content-table .tk-brand {
    min-height: 44px;
  }

  body.korzinka-islands-content-table .tk-weekbar {
    width: 242px;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
  }

  body.korzinka-islands-content-table .tk-weekbar button {
    width: 44px !important;
    min-width: 44px;
    max-width: 44px;
    height: 44px !important;
    min-height: 44px;
    max-height: 44px;
    flex-basis: 44px;
  }

  body.korzinka-islands-content-table .tk-add-space {
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    margin-right: 0;
  }
}

/* One composited backdrop blurs the board while a task is open. Its filter is
   not interpolated, so opening the otherwise lightweight editor stays calm. */
body.korzinka-islands-copywriters .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.korzinka-islands-copywriters.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;
}

/* The reduced-motion blanket above must not make the task sheet pop while the
   separately restored backdrop still fades. Keep the sheet on one fixed
   geometry and animate opacity only in both directions. */
body.korzinka-islands-copywriters .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.korzinka-islands-copywriters.drawer-open .drawer {
  translate: none !important;
  scale: none !important;
  transform: translate(-50%, -50%) !important;
  transition-delay: 0s !important;
}

body.korzinka-islands-content-table .tk-editor {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  transition: opacity 140ms ease, visibility 0s linear !important;
  transform: translateZ(0);
  will-change: opacity;
}

body.korzinka-islands-content-table .tk-editor:not([aria-hidden="true"]) {
  background: rgb(16 29 46 / 17%);
  -webkit-backdrop-filter: blur(7px) saturate(1.04) !important;
  backdrop-filter: blur(7px) saturate(1.04) !important;
}

/* Copywriter task materials: keep controls compact and contained. */
body.korzinka-islands-copywriters .task-card-workspace .drawer-customer-field > .drawer-select-shell {
  position: relative !important;
  width: 100% !important;
  height: 38px !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  visibility: visible !important;
}

body.korzinka-islands-copywriters .task-card-workspace .drawer-customer-field > .drawer-select-shell > i {
  display: none !important;
}

body.korzinka-islands-copywriters .task-card-workspace .drawer-asana-control {
  grid-template-columns: minmax(0, 1fr) 38px;
  align-items: center;
  gap: 8px;
}

body.korzinka-islands-copywriters .task-card-workspace .drawer-asana-control input {
  padding-right: 10px;
}

body.korzinka-islands-copywriters .task-card-workspace .drawer-asana-control > a {
  width: 38px;
  min-width: 38px;
  height: 38px;
  min-height: 38px;
  display: grid;
  place-items: center;
  margin: 0;
  padding: 0;
  border: 1px solid #cbd5e1;
  border-radius: 7px;
  color: #315f9f;
  background: rgb(255 255 255 / 72%);
  box-shadow: 0 4px 12px rgb(31 48 72 / 5%);
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
  transition: border-color 150ms ease, color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
}

body.korzinka-islands-copywriters .task-card-workspace .drawer-asana-control > a:is(:hover, :focus-visible) {
  border-color: #8ba9d3;
  color: #174fae;
  background: #f7faff;
  box-shadow: 0 5px 16px rgb(31 73 132 / 11%);
  outline: 0;
}

body.korzinka-islands-copywriters .task-card-workspace .drawer-asana-control > a[hidden] {
  display: none;
}

body.korzinka-islands-copywriters .task-card-workspace .push-poa-fields {
  gap: 8px;
}

body.korzinka-islands-copywriters .task-card-workspace .push-poa-field,
body.korzinka-islands-copywriters .task-card-workspace .push-poa-field:not(.has-proof) {
  min-height: 52px;
  grid-template-columns: minmax(0, 1fr) 34px 34px;
  gap: 8px;
  padding: 8px;
  border: 1px dashed #b8c3d1;
  border-radius: 8px;
  background: rgb(255 255 255 / 26%);
  transition: border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
}

body.korzinka-islands-copywriters .task-card-workspace .push-poa-field:not(.has-proof) {
  grid-template-columns: minmax(0, 1fr) 34px;
}

body.korzinka-islands-copywriters .task-card-workspace .push-poa-field:is(:focus, :focus-within, .is-dragover) {
  border-color: #6f91c9;
  background: rgb(247 250 255 / 68%);
  box-shadow: 0 0 0 2px rgb(36 107 254 / 7%);
  outline: 0;
}

body.korzinka-islands-copywriters .task-card-workspace .push-poa-field > div {
  min-width: 0;
  min-height: 34px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  border: 1px solid #d7dfe8;
  border-radius: 6px;
  background: rgb(255 255 255 / 66%);
}

body.korzinka-islands-copywriters .task-card-workspace .push-poa-field > div > strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.korzinka-islands-copywriters .task-card-workspace .push-poa-preview,
body.korzinka-islands-copywriters .task-card-workspace .push-poa-picker,
body.korzinka-islands-copywriters .task-card-workspace .push-poa-picker > span {
  margin: 0;
}