:root {
  --potok-radius-control: 5px;
  --potok-radius-card: 4px;
  --potok-radius-panel: 6px;
  --potok-radius-dialog: 8px;
  --potok-board-column-min: 190px;
  --potok-board-gap: 10px;
  --potok-motion-fast: 140ms;
  --potok-motion-ui: 180ms;
  --potok-motion-layout: 360ms;
  --potok-ease-ui: cubic-bezier(.4, 0, .2, 1);
  --potok-ease-layout: cubic-bezier(.22, .8, .24, 1);
}

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Toolbar: one typographic scale and symmetric enter/exit. */
body[data-scope="potok"] .project-mode-controls {
  max-width: 430px;
  overflow: visible;
  flex: 0 0 auto;
  opacity: 1;
  transform: translateX(0);
  transition:
    max-width var(--potok-motion-ui) var(--potok-ease-ui),
    opacity var(--potok-motion-fast) ease,
    transform var(--potok-motion-ui) var(--potok-ease-ui);
}
body[data-scope="potok"].today-mode .project-mode-controls {
  max-width: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateX(7px);
}
.solo-project-view-switch {
  height: var(--potok-control-height);
  display: grid;
  grid-template-columns: repeat(2, 48px);
  flex: 0 0 auto;
  border: 1px solid #d8dde4;
  border-radius: var(--potok-radius-control) !important;
  overflow: hidden;
  background: #fff;
}
.solo-project-view-switch > button {
  position: relative;
  width: 48px;
  height: 100%;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-right: 1px solid #d8dde4;
  border-radius: 0 !important;
  color: #506077;
  background: #fff;
  font: inherit;
  cursor: pointer;
  transition: color var(--potok-motion-fast) ease, background-color var(--potok-motion-fast) ease;
}
.solo-project-view-switch > button:last-child { border-right: 0; }
.solo-project-view-switch > button::after {
  position: absolute;
  inset: auto 0 0;
  height: 2px;
  content: "";
  background: #246bfe;
  opacity: 0;
  transform: scaleX(.4);
  transition: opacity var(--potok-motion-ui) ease, transform var(--potok-motion-ui) var(--potok-ease-layout);
}
.solo-project-view-switch > button[aria-pressed="true"] { color: #0d1a2d; background: #f4f6f8; }
.solo-project-view-switch > button[aria-pressed="true"]::after { opacity: 1; transform: scaleX(1); }
.solo-project-view-switch i { font-size: 20px; line-height: 1; }
body[data-scope="potok"] .label-library-button,
body[data-scope="potok"] .grid-button,
body[data-scope="potok"] .workspace-view-button,
body[data-scope="potok"] .account-popover { font-size: 11px; }
body[data-scope="potok"] .account-popover > :where(a, button) {
  font-family: var(--font-ui);
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
}
body[data-scope="potok"] .toolbar-count { font-size: 9px; }
body[data-scope="potok"] .account-summary strong {
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
}
body[data-scope="potok"] .account-summary small {
  font-family: var(--font-ui);
  font-size: 10px;
  font-weight: 500;
  line-height: 13px;
}
body[data-scope="potok"] :where(
  .label-library-button,
  .grid-button,
  .workspace-view-switch,
  .solo-project-view-switch,
  .solo-project-grip,
  .solo-project-settings,
  .solo-project-chevron
) { border-radius: var(--potok-radius-control) !important; }
body[data-scope="potok"] button.avatar,
body[data-scope="potok"] .account-avatar,
body[data-scope="potok"] .card-focus-controls button,
body[data-scope="potok"] .card-focus-button { border-radius: 50% !important; }
body[data-scope="potok"] :where(
  .card,
  .card-placeholder,
  .add-card,
  .solo-project-group-placeholder,
  .solo-add-project
) { border-radius: var(--potok-radius-card) !important; }
body[data-scope="potok"] :where(
  .label-filter-popover,
  .account-popover,
  .task-context-menu,
  .card-label-popover,
  .team-admin-invite,
  .team-admin-row,
  .team-admin-token
) { border-radius: var(--potok-radius-panel) !important; }
body[data-scope="potok"] :where(dialog, .team-admin-dialog) { border-radius: var(--potok-radius-dialog) !important; }
body[data-scope="potok"] :where(
  .card-label,
  .toolbar-count,
  .column-count,
  .team-admin-role-static
) { border-radius: 999px !important; }
body[data-scope="potok"] .solo-project-view-switch > button { border-radius: 0 !important; }
body[data-scope="potok"] { --potok-solo-card-title-size: 11px; }
body[data-scope="potok"] .card h3,
body[data-scope="potok"] .card-focus-description-text,
body[data-scope="potok"] #cardFocusNotesInput { font-size: var(--potok-solo-card-title-size); }
body[data-scope="potok"] .drawer-title-input {
  border: 0 !important;
  border-bottom: 1px solid transparent !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  transition: border-color var(--potok-motion-ui) ease;
}
body[data-scope="potok"] .drawer-title-input:focus-visible { border-bottom-color: #9eb9f5 !important; }

/* The footer is exactly the brand stripe: no transparent remainder below it. */
body[data-scope="potok"] .site-footer,
body[data-scope="potok"] .site-footer.is-expanded {
  height: 4px;
  min-height: 4px;
  background: #0d1a2d;
  box-shadow: none;
}
body[data-scope="potok"] .site-footer::before { height: 4px; }
body[data-scope="potok"] > .workspace-view { height: calc(100dvh - var(--potok-header-height) - 4px); }

/* Hidden transient surfaces keep their DOM lifecycle but fade in both
   directions. `allow-discrete` defers display:none until opacity reaches 0. */
:where(
  #labelFilterPopover,
  #weekPickerPopover,
  #accountPopover,
  #taskContextMenu,
  #cardLabelsPopover,
  #emojiPicker,
  #linkEditorPopover,
  #notepadLinkPopover,
  #notepadEmojiPicker,
  #cardFocusNotesLinkPopover,
  #boardChatTaskPicker,
  #boardChatMentionPicker,
  #boardChatMessageMenu,
  #boardChatDeleteConfirm
) {
  opacity: 1;
  transform: none !important;
  transition:
    opacity var(--potok-motion-ui) var(--potok-ease-ui),
    display var(--potok-motion-ui) allow-discrete;
}
:where(
  #labelFilterPopover,
  #weekPickerPopover,
  #accountPopover,
  #taskContextMenu,
  #cardLabelsPopover,
  #emojiPicker,
  #linkEditorPopover,
  #notepadLinkPopover,
  #notepadEmojiPicker,
  #cardFocusNotesLinkPopover,
  #boardChatTaskPicker,
  #boardChatMentionPicker,
  #boardChatMessageMenu,
  #boardChatDeleteConfirm
)[hidden] {
  display: none;
  opacity: 0;
}
@starting-style {
  :where(
    #labelFilterPopover,
    #weekPickerPopover,
    #accountPopover,
    #taskContextMenu,
    #cardLabelsPopover,
    #emojiPicker,
    #linkEditorPopover,
    #notepadLinkPopover,
    #notepadEmojiPicker,
    #cardFocusNotesLinkPopover,
    #boardChatTaskPicker,
    #boardChatMentionPicker,
    #boardChatMessageMenu,
    #boardChatDeleteConfirm
  ):not([hidden]) { opacity: 0; }
}

/* Full-height Solo Columns uses the same 190px/10px geometry as Korzinka. */
body[data-scope="potok"][data-project-view="columns"] > #projectsView {
  padding-bottom: 6px;
  overflow: hidden;
}
body[data-scope="potok"][data-project-view="columns"] #projectsView #projectStack,
body[data-scope="potok"][data-project-view="columns"] #projectsView .solo-columns-project,
body[data-scope="potok"][data-project-view="columns"] #projectsView .solo-columns-board {
  height: 100%;
  min-height: 0;
}
body[data-scope="potok"][data-project-view="columns"] #projectsView #addProjectWide { display: none; }
body[data-scope="potok"] .solo-columns-board {
  width: 100%;
  overflow: hidden;
  background: transparent;
}
body[data-scope="potok"] .solo-columns-layout {
  min-width: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(var(--potok-board-column-min), 1fr) var(--potok-board-gap) minmax(0, 4fr);
  align-items: stretch;
  overflow: hidden;
}
body[data-scope="potok"] .solo-columns-layout > .column,
body[data-scope="potok"] .solo-workflow-columns > .column {
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-rows: 44px minmax(0, 1fr);
  overflow: hidden;
  border-top: 0;
}
body[data-scope="potok"] .solo-columns-layout > .solo-take-column:first-of-type {
  position: relative;
  z-index: auto;
  top: auto;
  left: auto;
  height: 100%;
  max-height: none;
  align-self: stretch;
  overflow: hidden;
  border-right: 1px solid #d4d9e2;
  box-shadow: none;
}
body[data-scope="potok"] .solo-take-column { user-select: none; }
body[data-scope="potok"] .solo-column-scroll {
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: auto;
  scrollbar-width: none;
}
body[data-scope="potok"] .solo-column-scroll::-webkit-scrollbar { display: none; width: 0; height: 0; }
body[data-scope="potok"] .solo-workflow-scroll {
  min-width: 0;
  min-height: 0;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
}
body[data-scope="potok"] .solo-workflow-columns {
  min-width: calc(var(--potok-board-column-min) * 4);
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(var(--potok-board-column-min), 1fr));
  align-items: stretch;
}
body[data-scope="potok"] .solo-workflow-columns > .column:first-child { border-left: 1px solid #d4d9e2; }
body[data-scope="potok"] .solo-workflow-gap {
  height: 100%;
  border: 0;
  background: #fbfbfa;
}
body[data-scope="potok"] .solo-status-column .card-list {
  min-height: 100%;
  padding: 8px;
}

/* Project groups are a direct visual/behavioral analogue of Korzinka day groups. */
.solo-project-groups { width: 100%; min-height: 100%; padding: 0 0 8px; }
.solo-project-group {
  position: relative;
  width: 100%;
  display: grid;
  row-gap: 7px;
}
.solo-project-group + .solo-project-group { padding-top: 3px; }
.solo-project-group-head {
  position: relative;
  z-index: 20;
  width: 100%;
  height: 29px;
  min-height: 29px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) 27px 27px;
  align-items: center;
  padding: 0 7px;
  border: 1px solid transparent;
  border-right: 0;
  border-left: 0;
  color: #6c7684;
  background: color-mix(in srgb, #7d8796 7%, #fff);
  view-transition-name: none !important;
  box-sizing: border-box;
}
.solo-project-group-toggle {
  min-width: 0;
  height: 27px;
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.solo-project-group-copy {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  font-size: 7.5px;
  line-height: 1;
}
.solo-project-group-copy strong { overflow: hidden; color: #344052; font-weight: 760; text-overflow: ellipsis; }
.solo-project-group-copy i { color: #a7afb9; font-style: normal; }
.solo-project-group-copy small { overflow: hidden; color: #778292; font-size: inherit; font-weight: 620; text-overflow: ellipsis; }
.solo-project-grip,
.solo-project-settings,
.solo-project-chevron {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: var(--potok-radius-control);
  color: #9ca6b3;
  background: transparent;
  cursor: pointer;
}
.solo-project-grip,
.solo-project-settings {
  opacity: 0;
  transition: opacity var(--potok-motion-ui) ease, color var(--potok-motion-fast) ease, background-color var(--potok-motion-fast) ease;
}
.solo-project-grip { cursor: grab; touch-action: none; }
.solo-project-grip:active { cursor: grabbing; }
.solo-project-grip i { font-size: 15px; }
.solo-project-settings i { font-size: 13px; }
.solo-project-chevron i { font-size: 16px; transition: transform 240ms var(--potok-ease-ui); }
.solo-project-group:hover .solo-project-grip,
.solo-project-group:hover .solo-project-settings,
.solo-project-group:focus-within .solo-project-grip,
.solo-project-group:focus-within .solo-project-settings { opacity: 1; }
.solo-project-group:not(.is-collapsed):not(.is-transitioning) .solo-project-grip {
  opacity: 0;
  pointer-events: none;
}
.solo-project-group.is-transitioning .solo-project-grip,
.solo-project-group.is-transitioning .solo-project-settings {
  opacity: 1;
  transition-property: color, background-color;
}
.solo-project-grip:hover,
.solo-project-settings:hover,
.solo-project-chevron:hover { color: #354255; background: #eef1f4; }
.solo-project-group-content { min-width: 0; width: 100%; overflow: clip; }
.solo-project-group-content .card-list { min-width: 0; width: 100%; gap: 8px; padding: 0 8px; }
.solo-take-column .card { user-select: none; }
.solo-project-group.is-collapsed { row-gap: 0; }
.solo-project-group.is-collapsed .solo-project-group-head { background: #fff; }
.solo-project-group.is-collapsed .solo-project-chevron i { transform: rotate(-90deg); }
.solo-project-group.is-transitioning { pointer-events: none; }
.solo-project-group.is-project-dragging { opacity: .25; }
.solo-project-group-placeholder {
  min-height: 29px;
  border: 1px dashed #7f9dd8;
  background: #eef4ff;
  pointer-events: none;
}
.solo-add-project {
  width: calc(100% - 16px);
  min-height: 58px;
  margin: 8px;
  border: 1px dashed #c7cfda;
  border-radius: var(--potok-radius-card);
  color: #647185;
  background: #f4f5f6;
  font-size: 10px;
}
.solo-project-view-transitioning { pointer-events: none; }
.solo-project-view-transitioning [data-solo-project-heading] { view-transition-name: none !important; }
.solo-project-transition-overlay {
  position: fixed;
  z-index: 120;
  inset: 0;
  overflow: clip;
  pointer-events: none;
}
.solo-project-transition-ghost {
  position: fixed !important;
  box-sizing: border-box;
  margin: 0 !important;
  overflow: hidden;
  pointer-events: none !important;
  user-select: none !important;
  view-transition-name: none !important;
}
.solo-project-transition-ghost * { pointer-events: none !important; }

/* Cards and actions. */
body[data-scope="potok"][data-project-view="columns"] #projectsView .card {
  --potok-solo-card-height: 70px;
  --potok-solo-card-label-row: 10px;
  --potok-solo-card-title-row: 16px;
  --potok-solo-card-footer-row: 14px;
  --potok-solo-card-row-gap: 6px;
  --potok-solo-card-padding-block: 8px;
  --potok-solo-card-padding-inline: 10px;
  height: var(--potok-solo-card-height);
  min-height: var(--potok-solo-card-height);
  grid-template-areas:
    "labels"
    "title"
    "footer";
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows:
    var(--potok-solo-card-label-row)
    var(--potok-solo-card-title-row)
    var(--potok-solo-card-footer-row);
  align-content: start;
  row-gap: var(--potok-solo-card-row-gap);
  padding: var(--potok-solo-card-padding-block) var(--potok-solo-card-padding-inline);
  justify-self: stretch;
  margin: 0;
}
body[data-scope="potok"][data-project-view="columns"] #projectsView .card:hover {
  padding: var(--potok-solo-card-padding-block) var(--potok-solo-card-padding-inline);
}
body[data-scope="potok"][data-project-view="columns"] #projectsView .card > .card-labels {
  min-width: 0;
  grid-area: labels;
}
body[data-scope="potok"][data-project-view="columns"] #projectsView .card-labels:has(.card-project-tag) {
  min-height: 11px;
  height: 11px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 4px;
  margin: 0;
  padding-right: 18px;
  line-height: 11px;
}
body[data-scope="potok"][data-project-view="columns"] #projectsView .card-labels .card-label {
  box-sizing: border-box;
  height: 10px;
  display: inline-flex;
  align-items: flex-start;
  padding: 3px 3px 0;
  font-size: 5.5px;
  font-weight: 800;
  line-height: 6px;
  letter-spacing: 0;
  text-transform: uppercase;
}
body[data-scope="potok"][data-project-view="columns"] #projectsView .card h3 {
  min-height: 16px;
  height: 16px;
  grid-area: title;
  margin: 0;
  padding-right: 18px;
  line-height: 16px;
}
body[data-scope="potok"][data-project-view="columns"] #projectsView .card > .card-subtitle {
  display: none;
}
@media (min-width: 651px) {
  body[data-scope="potok"][data-project-view="columns"] #projectsView .card-labels:has(.card-project-tag) { translate: 0 1px; }
  body[data-scope="potok"][data-project-view="columns"] #projectsView .card h3 { translate: 0 1px; }
}
body[data-scope="potok"][data-project-view="columns"] #projectsView .card-footer {
  min-height: 14px;
  height: 14px;
  grid-area: footer;
  margin: 0;
  line-height: 14px;
}
body[data-scope="potok"][data-project-view="columns"] #projectsView .card-footer-meta,
body[data-scope="potok"][data-project-view="columns"] #projectsView .card-footer-actions,
body[data-scope="potok"][data-project-view="columns"] #projectsView .due {
  min-height: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  line-height: 14px;
}
body[data-scope="potok"][data-project-view="columns"] #projectsView .card-footer .card-focus-button { bottom: 12px; }
body[data-scope="potok"] .card-project-tag {
  box-sizing: border-box;
  max-width: 116px;
  height: 11px;
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  overflow: hidden;
  padding: 2px 4px 0;
  /* An inset stroke stays complete when 125% scaling lands the 11px tag on half device pixels. */
  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;
  letter-spacing: 0;
  text-overflow: ellipsis;
  text-rendering: geometricPrecision;
  text-transform: uppercase;
  contain: paint;
  white-space: nowrap;
}
body[data-scope="potok"][data-project-view="columns"] #projectsView .card-delete-button { bottom: 4.5px; }
body[data-scope="potok"][data-project-view="columns"] #projectsView .card-delete-button {
  opacity: 0;
  pointer-events: auto;
  transition: opacity var(--potok-motion-ui) ease, color var(--potok-motion-fast) ease, background-color var(--potok-motion-fast) ease;
}
body[data-scope="potok"][data-project-view="columns"] #projectsView .card-delete-button::before {
  position: absolute;
  inset: -8px;
  content: "";
}
body[data-scope="potok"][data-project-view="columns"] #projectsView .card-delete-button:hover,
body[data-scope="potok"][data-project-view="columns"] #projectsView .card-delete-button:focus-visible {
  opacity: 1;
}
body[data-scope="potok"][data-project-view="columns"] #projectsView .card-placeholder { order: initial; }
body[data-scope="potok"] .card-focus-description-text,
body[data-scope="potok"] #cardFocusNotesInput { line-height: 1.55; }

/* Filter groups and a thin transient scrollbar. */
body[data-scope="potok"] .label-filter-popover { width: min(340px, calc(100vw - 24px)); border-radius: var(--potok-radius-panel); }
.filter-label-list { max-height: min(450px, 62vh); overflow-y: auto; scrollbar-width: thin; scrollbar-color: transparent transparent; }
.filter-label-list.is-scrolling { scrollbar-color: #8e98a7 transparent; }
.filter-label-list::-webkit-scrollbar { width: 4px; }
.filter-label-list::-webkit-scrollbar-track { background: transparent; }
.filter-label-list::-webkit-scrollbar-thumb { border-radius: 3px; background: transparent; }
.filter-label-list.is-scrolling::-webkit-scrollbar-thumb { background: #8e98a7; }
.filter-label-group { display: grid; gap: 7px; }
.filter-label-group + .filter-label-group { margin-top: 11px; padding-top: 11px; border-top: 1px solid #e2e6ec; }
.filter-label-group-head { display: flex; align-items: center; justify-content: space-between; color: #667284; font-size: 9px; }
.filter-project-grid { display: grid; gap: 6px; }

/* Shared fade-only transient motion: no translate on either axis. */
.app-dialog,
.today-completion-dialog,
.team-admin-dialog {
  opacity: 0;
  transform: none !important;
  transition: opacity var(--potok-motion-ui) ease, display var(--potok-motion-ui) allow-discrete, overlay var(--potok-motion-ui) allow-discrete;
}
.app-dialog[open],
.today-completion-dialog[open],
.team-admin-dialog[open].is-open { opacity: 1; }
.team-admin-dialog.is-closing { opacity: 0; }
.app-dialog.is-closing,
.today-completion-dialog.is-closing { opacity: 0; }
@starting-style {
  .app-dialog[open],
  .today-completion-dialog[open],
  .team-admin-dialog[open].is-open { opacity: 0; }
}
.app-dialog::backdrop,
.today-completion-dialog::backdrop,
.team-admin-dialog::backdrop {
  opacity: 0;
  transition: opacity var(--potok-motion-ui) ease, display var(--potok-motion-ui) allow-discrete, overlay var(--potok-motion-ui) allow-discrete, backdrop-filter var(--potok-motion-ui) ease;
}
.app-dialog[open]::backdrop,
.today-completion-dialog[open]::backdrop,
.team-admin-dialog[open].is-open::backdrop { opacity: 1; }
.dialog-close,
.modal-close,
.team-admin-close { border-radius: var(--potok-radius-control) !important; }
.dialog-close > i,
.modal-close > i,
.team-admin-close > i { display: block; font-size: 20px; line-height: 1; }
.project-settings-dialog { border-radius: var(--potok-radius-dialog); }
.today-recurrence-dialog form { gap: 18px; }
body[data-scope="potok"] .drawer-today-recurrence { grid-template-columns: 26px minmax(0, 1fr); }
body[data-scope="potok"] .drawer-today-recurrence.is-active { border-color: #78bf9a; color: #147747; background: #f1fbf5; }
body[data-scope="potok"] .drawer-today-recurrence.is-active > i,
body[data-scope="potok"] .drawer-today-recurrence.is-active strong { color: #168653; }

/* Actual local Team inside the main product shell. */
.team-admin-dialog {
  width: min(760px, calc(100vw - 32px));
  padding: 0;
  border: 0;
  border-radius: var(--potok-radius-dialog);
  color: #182133;
  background: #fff;
  box-shadow: 0 30px 90px rgba(23, 34, 59, .22);
}
.team-admin-dialog::backdrop { background: rgba(17, 24, 39, .48); backdrop-filter: blur(5px); }
.team-admin-shell { padding: 24px; }
.team-admin-head { display: flex; align-items: start; justify-content: space-between; gap: 20px; }
.team-admin-title { display: grid; gap: 5px; }
.team-admin-eyebrow { color: #246bfe; font-size: 9px; font-weight: 760; letter-spacing: .04em; text-transform: uppercase; }
.team-admin-head h2 { margin: 0; font: 700 24px/1.2 var(--potok-brand-font-family, Inter, sans-serif); }
.team-admin-close { width: 36px; height: 36px; display: grid; place-items: center; padding: 0; border: 1px solid #d7dde6; color: #627086; background: #fff; cursor: pointer; }
.team-admin-invite { display: grid; grid-template-columns: minmax(0, 1fr) 184px 136px; align-items: end; gap: 10px; margin: 22px 0; padding: 16px; border: 1px solid #dce2ea; border-radius: var(--potok-radius-panel); background: #f1f4f6; }
.team-admin-field { position: relative; min-width: 0; display: grid; gap: 7px; }
.team-admin-field > span { color: #536176; font-size: 10px; font-weight: 680; }
.team-admin-field input,
.team-admin-field select { width: 100%; min-width: 0; height: 50px; padding: 0 38px 0 14px; border: 1px solid #ccd4df; border-radius: var(--potok-radius-control); color: #172033; background: #fff; font: inherit; font-size: 14px; appearance: none; }
.team-admin-invite-submit { height: 50px; padding: 0 18px; border: 0; border-radius: var(--potok-radius-control); color: #fff; background: #246bfe; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
.team-admin-list { display: grid; gap: 8px; }
.team-admin-row { min-height: 68px; display: grid; grid-template-columns: minmax(0, 1fr) 150px minmax(170px, auto); align-items: center; gap: 10px; padding: 11px 13px; border: 1px solid #dfe4eb; border-radius: var(--potok-radius-panel); }
.team-admin-person { min-width: 0; }
.team-admin-person strong,
.team-admin-person small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.team-admin-person strong { font-size: 13px; }
.team-admin-person small { margin-top: 4px; color: #667085; font-size: 10px; }
.team-admin-role-select { position: relative; display: block; }
.team-admin-row select { width: 100%; height: 38px; padding: 0 32px 0 11px; border: 1px solid #d2d9e3; border-radius: var(--potok-radius-control); background: #fff; font: inherit; appearance: none; }
.team-admin-select-chevron { position: absolute; right: 11px; bottom: 16px; color: #778396; font-size: 17px; line-height: 1; pointer-events: none; }
.team-admin-role-select .team-admin-select-chevron { bottom: 10px; }
.team-admin-role-static { min-width: 112px; justify-self: center; padding: 7px 12px; border: 1px solid #d9e0e9; border-radius: 999px; color: #5a687a; text-align: center; font-size: 10px; }
.team-admin-actions { display: flex; justify-content: flex-end; gap: 6px; }
.team-admin-actions button { min-height: 38px; padding: 0 12px; border: 0; border-radius: var(--potok-radius-control); color: #205bd2; background: #eef3ff; font: inherit; font-size: 10px; font-weight: 680; cursor: pointer; }
.team-admin-actions .danger { color: #bd2b39; background: #fff0f1; }
.team-admin-status { min-height: 20px; color: #667085; font-size: 10px; }
.team-admin-token { padding: 10px; border-radius: var(--potok-radius-panel); background: #f5f7fb; word-break: break-all; }
.team-admin-open { display: flex !important; align-items: center; gap: 8px; }

body[data-scope="potok"] .today-panel {
  transform: none !important;
  transition: opacity var(--potok-motion-ui) var(--potok-ease-ui);
}
body[data-scope="potok"] .today-panel-shell.is-open .today-panel { transform: none !important; }

@media (max-width: 1024px) {
  body[data-scope="potok"] .solo-columns-board { overflow-x: auto; overflow-y: hidden; }
  body[data-scope="potok"] .solo-columns-layout { min-width: calc(var(--potok-board-column-min) * 5 + var(--potok-board-gap)); }
}
@media (max-width: 760px) {
  .solo-project-view-switch {
    height: 44px;
    grid-template-columns: repeat(2, 44px);
  }
  .solo-project-view-switch > button { width: 44px; }
}
@media (max-width: 650px) {
  body[data-scope="potok"] { --potok-solo-card-title-size: 13px; }
  .team-admin-invite,
  .team-admin-row { grid-template-columns: 1fr; }
  .team-admin-actions { justify-content: flex-start; flex-wrap: wrap; }
  .team-admin-role-static { justify-self: start; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; }
  .solo-project-view-switch > button::after,
  .solo-project-grip,
  .solo-project-settings,
  .app-dialog,
  .today-completion-dialog,
  .team-admin-dialog { transition-duration: 1ms !important; animation-duration: 1ms !important; }
}