/**
 * CDTO Issue Card — split-view layout for issues/show.
 * Attributes | description | history aside.
 */
:root {
  --cdto-issue-card-radius: 12px;
  --cdto-issue-card-border: #e2e8f0;
  --cdto-issue-card-bg: #ffffff;
  --cdto-issue-card-muted-bg: #f8fafc;
  --cdto-issue-view-gap: 14px;
  --cdto-issue-col-main: minmax(260px, 0.9fr);
  --cdto-issue-col-description: minmax(300px, 1.05fr);
  --cdto-issue-col-aside: minmax(280px, 0.85fr);
  /* Как Opale `#content { padding: 20px }` на списке задач — верх = низ = бока */
  --cdto-issue-content-pad: var(--cdto-page-content-pad-x, 20px);
  --cdto-issue-view-h: calc(
    100dvh - var(--cdto-space-menu-h, 52px) - var(--cdto-space-app-bar-h, 58px)
      - (2 * var(--cdto-issue-content-pad))
  );
  /* Единая вертикаль: низ title = низ composer (toolbar + title = notes + bar) */
  --cdto-hero-toolbar-h: 40px;
  --cdto-hero-composer-bar-h: 2.25rem;
  --cdto-hero-title-h: 63px;
  --cdto-hero-composer-h: calc(
    var(--cdto-hero-toolbar-h) + var(--cdto-hero-title-h) - 1px
  );
  --cdto-hero-composer-notes-h: calc(
    var(--cdto-hero-composer-h) - var(--cdto-hero-composer-bar-h)
  );
}

/* Страница задачи — без прокрутки документа (как Телеграф / Почта), футер скрыт */
html:has(body.cdto-issue-card-ready.controller-issues.action-show) {
  height: 100% !important;
  overflow: hidden !important;
}

body.cdto-issue-card-ready.controller-issues.action-show {
  height: 100dvh !important;
  max-height: 100dvh !important;
  min-height: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
}

body.cdto-issue-card-ready.controller-issues.action-show #wrapper {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}

body.cdto-issue-card-ready.controller-issues.action-show #header {
  flex: 0 0 auto !important;
}

body.cdto-issue-card-ready.controller-issues.action-show #main {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}

body.cdto-issue-card-ready.controller-issues.action-show #main #content {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  /* top = список задач: #content padding-top 20px (Opale / --cdto-issue-content-pad) */
  padding: var(--cdto-issue-content-pad) !important;
  box-sizing: border-box !important;
}

body.cdto-issue-card-ready.controller-issues.action-show #content > div.flash {
  flex: 0 0 auto !important;
  display: block !important;
}

body.cdto-issue-card-ready.controller-issues.action-show #content > *:not(#cdto-issue-view):not(div.flash):not(#ajax-loading) {
  display: none !important;
}

body.cdto-issue-card-ready.controller-issues.action-show #footer {
  display: none !important;
}

body.cdto-issue-card-ready.controller-issues.action-show #cdto-issue-view {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: var(--cdto-issue-view-h) !important;
  overflow: hidden !important;
}

/* Фиксированная навигация блока + прокручиваемое содержимое */
.cdto-issue-block__nav {
  flex: 0 0 auto;
  position: relative;
  z-index: 3;
}

.cdto-issue-block__scroll {
  flex: 1 1 auto;
  min-height: 0;
  height: 0;
  max-height: none;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

body.controller-issues.action-show #main:has(#sidebar) #sidebar,
body.controller-issues.action-show.cdto-issue-card-ready #sidebar,
body.cdto-space-menu-ready.controller-issues.action-show #sidebar {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  flex: 0 0 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
}

body.controller-issues.action-show #main:has(#sidebar) #content,
body.controller-issues.action-show.cdto-issue-card-ready #main #content,
body.cdto-space-menu-ready.controller-issues.action-show #main #content {
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

body.controller-issues.action-show #content {
  max-width: none;
  width: 100% !important;
  box-sizing: border-box;
  overflow: hidden !important;
}

body.controller-issues.action-show.cdto-issue-card-ready #wrapper,
body.controller-issues.action-show.cdto-issue-card-ready #main {
  overflow: hidden !important;
}

body.controller-issues.action-show #history {
  margin-right: 0 !important;
  padding-right: 0 !important;
}

.cdto-issue-view {
  display: grid !important;
  /* main (слева) — узкая; desc (центр) — широкая; aside — правая колонка */
  grid-template-columns: var(--cdto-issue-col-main) var(--cdto-issue-col-description) var(--cdto-issue-col-aside) !important;
  grid-template-areas:
    'hero hero aside'
    'main desc aside';
  grid-template-rows: auto minmax(0, 1fr);
  /* hero использует subgrid: byline — только над левым блоком (main) */
  align-items: stretch !important;
  gap: var(--cdto-issue-view-gap);
  width: 100%;
  max-width: 100%;
  min-height: 0;
  box-sizing: border-box;
  overflow: hidden !important;
}

.cdto-issue-view > * {
  margin-top: 0 !important;
  min-width: 0;
  min-height: 0;
}

.cdto-issue-view__hero {
  grid-area: hero;
  grid-column: 1 / 3;
  display: grid;
  grid-template-columns: subgrid;
  /* toolbar / title / byline — стык границ в одну линию (эталон 526) */
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  row-gap: 0;
  overflow: visible;
  box-sizing: border-box;
  min-height: 0;
  flex-shrink: 0;
}

.cdto-issue-hero__toolbar,
.cdto-issue-hero__title {
  grid-column: 1 / -1;
}

/* Верхняя строка шапки документа: тип/№/статус слева, действия справа.
   Высота toolbar — 40px (эталон CDTO Dkvark);
   при нехватке ширины сжимается только лента статусов (scroll). */
.cdto-issue-hero__toolbar {
  --cdto-hero-toolbar-item-h: 1.65rem;
  --cdto-hero-status-scroll-h: 4px;
  --cdto-status-chip-border: #cbd5e1;
  --cdto-status-chip-border-past: #a7f3d0;
  --cdto-status-chip-chevron-edge: #94a3b8;
  --cdto-status-chip-chevron-edge-past: #5eead4;
  --cdto-status-chip-chevron-edge-current: #94e2d8;
  --cdto-hero-toolbar-pad-x: 0.85rem;
  --cdto-hero-toolbar-row-h: calc(
    var(--cdto-hero-toolbar-item-h) + var(--cdto-hero-status-scroll-h)
  );
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.35rem 0.65rem;
  padding: 0 var(--cdto-hero-toolbar-pad-x);
  box-sizing: border-box;
  min-height: var(--cdto-hero-toolbar-h);
  max-height: var(--cdto-hero-toolbar-h);
  height: var(--cdto-hero-toolbar-h);
  overflow-x: hidden;
  overflow-y: visible;
  border: 1px solid var(--cdto-issue-card-border);
  /* стык с title: нижняя граница toolbar = верхняя title (одна линия) */
  border-radius: var(--cdto-issue-card-radius) var(--cdto-issue-card-radius) 0 0;
  margin-bottom: -1px;
  position: relative;
  z-index: 3;
  background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
  box-shadow: none;
}

.cdto-issue-hero__identity {
  display: flex;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  align-items: center;
  gap: 0.4rem 0.55rem;
  min-width: max-content;
  max-width: none;
  white-space: nowrap;
  min-height: var(--cdto-hero-toolbar-item-h);
}

.cdto-issue-hero__identity h2.inline-block {
  display: inline-flex !important;
  align-items: center;
  height: var(--cdto-hero-toolbar-item-h);
  margin: 0 !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #0f766e !important;
  box-sizing: border-box;
}

.cdto-issue-hero__identity h2.inline-block a {
  color: inherit !important;
  text-decoration: none !important;
}

.cdto-issue-hero__identity h2.inline-block a:hover,
.cdto-issue-hero__identity h2.inline-block a:focus-visible {
  color: #ed7d31 !important;
}

.cdto-issue-hero__identity .badge,
.cdto-issue-hero__identity .issue-status-type-badge {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  align-self: center;
  height: var(--cdto-hero-toolbar-item-h) !important;
  min-height: var(--cdto-hero-toolbar-item-h) !important;
  max-height: var(--cdto-hero-toolbar-item-h) !important;
  margin: 0 !important;
  font-size: 0.62rem !important;
  font-weight: 600 !important;
  padding: 0 0.45rem !important;
  border-radius: 0 !important;
  line-height: 1 !important;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  white-space: nowrap !important;
  box-sizing: border-box;
  border: 1px solid var(--cdto-status-chip-border-past) !important;
  box-shadow: none !important;
}

.cdto-issue-hero__priority {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  height: var(--cdto-hero-toolbar-item-h);
  margin-left: 0.35rem;
  position: relative;
}

.cdto-issue-hero__priority--sized {
  width: var(--cdto-priority-menu-width, auto);
  min-width: 8.75rem;
}

.cdto-issue-hero__priority:empty,
.cdto-issue-hero__priority[hidden] {
  display: none !important;
  margin-left: 0;
}

.cdto-issue-hero__priority-chip {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.35rem;
  width: 100%;
  height: var(--cdto-hero-toolbar-item-h);
  min-height: var(--cdto-hero-toolbar-item-h);
  padding: 0 0.42rem 0 0.4rem;
  font: inherit;
  font-size: 0.66rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  border-radius: 0;
  box-sizing: border-box;
  white-space: nowrap;
  border: 1px solid #a7f3d0;
  background: #ecfdf5;
  color: #0f766e;
  -webkit-appearance: none;
  appearance: none;
}

.cdto-issue-hero__priority-icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 0.95rem;
  min-width: 0.95rem;
  height: 0.95rem;
  line-height: 1;
}

.cdto-issue-hero__priority-icon::before {
  display: inline-block;
  font-family: tabler-icons, sans-serif;
  font-size: 0.82rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cdto-issue-hero__priority-icon.priority-lowest::before {
  content: '\ea16';
  color: #029934;
}

.cdto-issue-hero__priority-icon.priority-low2::before {
  content: '\ea63';
  color: #01a671;
}

.cdto-issue-hero__priority-icon.priority-low3::before {
  content: '\ea5f';
  color: #00b3ad;
}

.cdto-issue-hero__priority-icon.priority-default::before {
  content: '\ee87';
  color: #169;
}

.cdto-issue-hero__priority-icon.priority-high5::before {
  content: '\ea62';
  color: #614ba6;
}

.cdto-issue-hero__priority-icon.priority-high4::before {
  content: '\ea62';
  color: #fc8c12;
}

.cdto-issue-hero__priority-icon.priority-high3::before {
  content: '\ea66';
  color: #f04f27;
}

.cdto-issue-hero__priority-icon.priority-high2::before {
  content: '\ea25';
  color: #e5123d;
}

.cdto-issue-hero__priority-icon.priority-highest::before {
  content: '\ea38';
  color: #bc092e;
}

.cdto-issue-hero__priority-chip--action {
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.cdto-issue-hero__priority-chip--action:hover,
.cdto-issue-hero__priority-chip--action:focus-visible {
  outline: none;
}

.cdto-issue-hero__priority--open .cdto-issue-hero__priority-chip--action {
  border-bottom-width: 1px !important;
  border-bottom-style: solid !important;
  box-shadow: none !important;
  outline: none !important;
}

.cdto-issue-hero__priority-chip__label,
.cdto-issue-hero__priority-option__label {
  display: inline-block;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

.cdto-issue-hero__priority-chip__caret {
  flex: 0 0 auto;
  margin-left: 0.1rem;
  font-size: 0.58rem;
  line-height: 1;
  opacity: 0.72;
}

.cdto-issue-hero__priority-menu {
  display: none;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  z-index: 120;
  width: 100%;
  min-width: 0;
  max-height: 14rem;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0.28rem;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.12);
  box-sizing: border-box;
}

.cdto-issue-view:has(.cdto-issue-hero__priority--open) {
  overflow: visible !important;
}

.cdto-issue-view:has(.cdto-issue-hero__priority--open) .cdto-issue-view__hero {
  overflow: visible;
  position: relative;
  z-index: 100;
}

.cdto-issue-view:has(.cdto-issue-hero__priority--open) .cdto-issue-hero__toolbar {
  overflow: visible;
  position: relative;
  z-index: 101;
}

.cdto-issue-hero__priority--open {
  z-index: 110;
}

.cdto-issue-hero__priority--open .cdto-issue-hero__priority-menu {
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
}

.cdto-issue-hero__priority-option {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.35rem;
  width: 100%;
  min-height: 1.65rem;
  margin: 0;
  padding: 0.32rem 0.42rem 0.32rem 0.4rem;
  border: 1px solid transparent;
  border-radius: 0;
  font: inherit;
  font-size: 0.66rem;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
  box-sizing: border-box;
  background: #fff;
  -webkit-appearance: none;
  appearance: none;
}

.cdto-issue-hero__priority-option--current,
.cdto-issue-hero__priority-option:disabled {
  opacity: 0.78;
  cursor: default;
}

.cdto-issue-hero__priority-option:not(:disabled):hover,
.cdto-issue-hero__priority-option:not(:disabled):focus-visible {
  outline: none;
  background: #fff !important;
  border-color: transparent !important;
  filter: none;
}

/* Opale: button:focus/hover → синий #169; пункты меню приоритета — без подсветки */
.cdto-issue-hero__priority-option,
.cdto-issue-hero__priority-option:hover,
.cdto-issue-hero__priority-option:focus,
.cdto-issue-hero__priority-option:focus-visible,
.cdto-issue-hero__priority-option:active {
  transform: none;
  box-shadow: none !important;
}

.cdto-issue-hero__priority-menu .cdto-issue-hero__priority-option.cdto-issue-hero__priority-chip--low {
  color: #64748b !important;
}

.cdto-issue-hero__priority-menu .cdto-issue-hero__priority-option.cdto-issue-hero__priority-chip--low:hover,
.cdto-issue-hero__priority-menu .cdto-issue-hero__priority-option.cdto-issue-hero__priority-chip--low:focus,
.cdto-issue-hero__priority-menu .cdto-issue-hero__priority-option.cdto-issue-hero__priority-chip--low:focus-visible,
.cdto-issue-hero__priority-menu .cdto-issue-hero__priority-option.cdto-issue-hero__priority-chip--low:active {
  background: #fff !important;
  color: #64748b !important;
}

.cdto-issue-hero__priority-menu .cdto-issue-hero__priority-option.cdto-issue-hero__priority-chip--normal {
  color: #0f766e !important;
}

.cdto-issue-hero__priority-menu .cdto-issue-hero__priority-option.cdto-issue-hero__priority-chip--normal:hover,
.cdto-issue-hero__priority-menu .cdto-issue-hero__priority-option.cdto-issue-hero__priority-chip--normal:focus,
.cdto-issue-hero__priority-menu .cdto-issue-hero__priority-option.cdto-issue-hero__priority-chip--normal:focus-visible,
.cdto-issue-hero__priority-menu .cdto-issue-hero__priority-option.cdto-issue-hero__priority-chip--normal:active {
  background: #fff !important;
  color: #0f766e !important;
}

.cdto-issue-hero__priority-menu .cdto-issue-hero__priority-option.cdto-issue-hero__priority-chip--high {
  color: #9a3412 !important;
}

.cdto-issue-hero__priority-menu .cdto-issue-hero__priority-option.cdto-issue-hero__priority-chip--high:hover,
.cdto-issue-hero__priority-menu .cdto-issue-hero__priority-option.cdto-issue-hero__priority-chip--high:focus,
.cdto-issue-hero__priority-menu .cdto-issue-hero__priority-option.cdto-issue-hero__priority-chip--high:focus-visible,
.cdto-issue-hero__priority-menu .cdto-issue-hero__priority-option.cdto-issue-hero__priority-chip--high:active {
  background: #fff !important;
  color: #9a3412 !important;
}

.cdto-issue-hero__priority-menu .cdto-issue-hero__priority-option.cdto-issue-hero__priority-chip--urgent {
  color: #c2410c !important;
}

.cdto-issue-hero__priority-menu .cdto-issue-hero__priority-option.cdto-issue-hero__priority-chip--urgent:hover,
.cdto-issue-hero__priority-menu .cdto-issue-hero__priority-option.cdto-issue-hero__priority-chip--urgent:focus,
.cdto-issue-hero__priority-menu .cdto-issue-hero__priority-option.cdto-issue-hero__priority-chip--urgent:focus-visible,
.cdto-issue-hero__priority-menu .cdto-issue-hero__priority-option.cdto-issue-hero__priority-chip--urgent:active {
  background: #fff !important;
  color: #c2410c !important;
}

.cdto-issue-hero__priority-menu .cdto-issue-hero__priority-option.cdto-issue-hero__priority-chip--immediate {
  color: #b91c1c !important;
}

.cdto-issue-hero__priority-menu .cdto-issue-hero__priority-option.cdto-issue-hero__priority-chip--immediate:hover,
.cdto-issue-hero__priority-menu .cdto-issue-hero__priority-option.cdto-issue-hero__priority-chip--immediate:focus,
.cdto-issue-hero__priority-menu .cdto-issue-hero__priority-option.cdto-issue-hero__priority-chip--immediate:focus-visible,
.cdto-issue-hero__priority-menu .cdto-issue-hero__priority-option.cdto-issue-hero__priority-chip--immediate:active {
  background: #fff !important;
  color: #b91c1c !important;
}

.cdto-issue-hero__priority-chip--low {
  border-color: #cbd5e1;
  background: #f8fafc;
  color: #64748b;
}

.cdto-issue-hero__priority-chip--normal {
  border-color: #a7f3d0;
  background: #ecfdf5;
  color: #0f766e;
}

.cdto-issue-hero__priority-chip--high {
  border-color: #fed7aa;
  background: #fff7ed;
  color: #9a3412;
}

.cdto-issue-hero__priority-chip--urgent {
  border-color: #fdba74;
  background: #ffedd5;
  color: #c2410c;
}

.cdto-issue-hero__priority-chip--immediate {
  border-color: #fca5a5;
  background: #fef2f2;
  color: #b91c1c;
}

/* Opale: button:focus/hover → синий #169; сбрасываем для chip-кнопки приоритета */
.cdto-issue-hero__priority-chip.cdto-issue-hero__priority-chip--action,
.cdto-issue-hero__priority-chip.cdto-issue-hero__priority-chip--action:hover,
.cdto-issue-hero__priority-chip.cdto-issue-hero__priority-chip--action:focus,
.cdto-issue-hero__priority-chip.cdto-issue-hero__priority-chip--action:focus-visible,
.cdto-issue-hero__priority-chip.cdto-issue-hero__priority-chip--action:active {
  transform: none;
  box-shadow: none !important;
  outline: none !important;
  border-width: 1px !important;
  border-style: solid !important;
}

.cdto-issue-hero__priority-chip--action.cdto-issue-hero__priority-chip--low:hover,
.cdto-issue-hero__priority-chip--action.cdto-issue-hero__priority-chip--low:focus,
.cdto-issue-hero__priority-chip--action.cdto-issue-hero__priority-chip--low:focus-visible,
.cdto-issue-hero__priority-chip--action.cdto-issue-hero__priority-chip--low:active {
  border-color: #cbd5e1 !important;
  background: #f8fafc !important;
  color: #64748b !important;
}

.cdto-issue-hero__priority-chip--action.cdto-issue-hero__priority-chip--normal:hover,
.cdto-issue-hero__priority-chip--action.cdto-issue-hero__priority-chip--normal:focus,
.cdto-issue-hero__priority-chip--action.cdto-issue-hero__priority-chip--normal:focus-visible,
.cdto-issue-hero__priority-chip--action.cdto-issue-hero__priority-chip--normal:active {
  border-color: #a7f3d0 !important;
  background: #ecfdf5 !important;
  color: #0f766e !important;
}

.cdto-issue-hero__priority-chip--action.cdto-issue-hero__priority-chip--high:hover,
.cdto-issue-hero__priority-chip--action.cdto-issue-hero__priority-chip--high:focus,
.cdto-issue-hero__priority-chip--action.cdto-issue-hero__priority-chip--high:focus-visible,
.cdto-issue-hero__priority-chip--action.cdto-issue-hero__priority-chip--high:active {
  border-color: #fed7aa !important;
  background: #fff7ed !important;
  color: #9a3412 !important;
}

.cdto-issue-hero__priority-chip--action.cdto-issue-hero__priority-chip--urgent:hover,
.cdto-issue-hero__priority-chip--action.cdto-issue-hero__priority-chip--urgent:focus,
.cdto-issue-hero__priority-chip--action.cdto-issue-hero__priority-chip--urgent:focus-visible,
.cdto-issue-hero__priority-chip--action.cdto-issue-hero__priority-chip--urgent:active {
  border-color: #fdba74 !important;
  background: #ffedd5 !important;
  color: #c2410c !important;
}

.cdto-issue-hero__priority-chip--action.cdto-issue-hero__priority-chip--immediate:hover,
.cdto-issue-hero__priority-chip--action.cdto-issue-hero__priority-chip--immediate:focus,
.cdto-issue-hero__priority-chip--action.cdto-issue-hero__priority-chip--immediate:focus-visible,
.cdto-issue-hero__priority-chip--action.cdto-issue-hero__priority-chip--immediate:active {
  border-color: #fca5a5 !important;
  background: #fef2f2 !important;
  color: #b91c1c !important;
}

.cdto-issue-hero__toolbar .cdto-issue-hero__export,
.cdto-issue-hero__toolbar .other-formats {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  height: var(--cdto-hero-toolbar-item-h);
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 1 !important;
  color: transparent !important;
  white-space: nowrap;
}

.cdto-issue-hero__toolbar .cdto-issue-hero__export span,
.cdto-issue-hero__toolbar .other-formats span {
  display: inline-flex;
  align-items: center;
}

.cdto-issue-hero__toolbar .cdto-issue-hero__export a,
.cdto-issue-hero__toolbar .other-formats a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: var(--cdto-hero-toolbar-item-h);
  height: var(--cdto-hero-toolbar-item-h) !important;
  padding: 0 0.35rem !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  color: #0f766e !important;
  text-decoration: none !important;
  border: 1px solid #e2e8f0;
  background: #fff;
  box-sizing: border-box;
}

.cdto-issue-hero__toolbar .cdto-issue-hero__export a:hover,
.cdto-issue-hero__toolbar .cdto-issue-hero__export a:focus-visible,
.cdto-issue-hero__toolbar .other-formats a:hover,
.cdto-issue-hero__toolbar .other-formats a:focus-visible {
  color: #84cc16 !important;
  border-color: #a7f3d0;
  background: #ecfdf5;
  text-decoration: none !important;
}

.cdto-issue-hero__reaction {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  height: var(--cdto-hero-toolbar-item-h);
  margin-left: auto;
}

.cdto-issue-hero__reaction .reaction {
  margin: 0 !important;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  height: var(--cdto-hero-toolbar-item-h);
}

.cdto-issue-hero__reaction .reaction a,
.cdto-issue-hero__reaction .reaction button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: var(--cdto-hero-toolbar-item-h) !important;
  min-width: var(--cdto-hero-toolbar-item-h) !important;
  height: var(--cdto-hero-toolbar-item-h) !important;
  min-height: var(--cdto-hero-toolbar-item-h) !important;
  padding: 0 !important;
  border-radius: 0 !important;
  border: 1px solid #fed7aa !important;
  background: #fff7ed !important;
  color: #b45309 !important;
  box-shadow: none !important;
  box-sizing: border-box;
}

.cdto-issue-hero__reaction .reaction a:hover,
.cdto-issue-hero__reaction .reaction a:focus-visible,
.cdto-issue-hero__reaction .reaction button:hover,
.cdto-issue-hero__reaction .reaction button:focus-visible {
  background: #ffedd5 !important;
  border-color: #fdba74 !important;
  color: #9a3412 !important;
}

.cdto-issue-hero__toolbar .cdto-issue-hero__actions {
  flex: 0 0 auto;
  margin-left: auto;
  padding: 0;
  border: 0;
  background: transparent;
}

.cdto-issue-hero__statuses {
  flex: 1 1 0%;
  min-width: 0;
  max-width: 100%;
  width: auto;
  margin-left: 0.35rem;
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  height: var(--cdto-hero-toolbar-row-h);
  min-height: var(--cdto-hero-toolbar-row-h);
  max-height: var(--cdto-hero-toolbar-row-h);
  overflow: hidden;
}

.cdto-issue-hero__statuses-nav {
  position: relative;
  width: 100%;
  min-width: 0;
  height: 100%;
  overflow: hidden;
}

.cdto-issue-hero__statuses-nav::before,
.cdto-issue-hero__statuses-nav::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: var(--cdto-hero-status-scroll-h);
  width: 1rem;
  z-index: 2;
  pointer-events: none;
}

.cdto-issue-hero__statuses-nav::before {
  left: 0;
  background: linear-gradient(90deg, #f8fafc 35%, rgba(248, 250, 252, 0));
}

.cdto-issue-hero__statuses-nav::after {
  right: 0;
  background: linear-gradient(270deg, #fff 35%, rgba(255, 255, 255, 0));
}

.cdto-issue-hero__statuses-track {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  padding: 0;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: #0f766e #ecfdf5;
}

.cdto-issue-hero__statuses-track::-webkit-scrollbar {
  display: block;
  height: var(--cdto-hero-status-scroll-h);
  background: #ecfdf5;
}

.cdto-issue-hero__statuses-track::-webkit-scrollbar-track {
  background: #ecfdf5;
}

.cdto-issue-hero__statuses-track::-webkit-scrollbar-thumb {
  background: #0f766e;
  border-radius: 2px;
  border: 0;
}

.cdto-issue-hero__statuses-track::-webkit-scrollbar-thumb:hover {
  background: #0d9488;
}

.cdto-issue-hero__toolbar.cdto-issue-hero__toolbar--has-statuses,
.cdto-issue-hero--has-statuses .cdto-issue-hero__toolbar {
  flex-wrap: nowrap;
  gap: 0.35rem 0.65rem;
}

.cdto-issue-hero--has-statuses .cdto-issue-hero__identity {
  flex: 0 0 auto;
  align-items: center;
}

.cdto-issue-hero__nav {
  margin: 0;
  flex: 0 0 auto;
}

.cdto-issue-hero__nav .next-prev-links {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.75rem !important;
  color: #64748b !important;
  white-space: nowrap;
}

.cdto-issue-hero__nav .next-prev-links a {
  color: #0f766e !important;
  text-decoration: none !important;
}

.cdto-issue-hero__nav .next-prev-links a:hover,
.cdto-issue-hero__nav .next-prev-links a:focus-visible {
  color: #84cc16 !important;
}

.cdto-issue-hero__byline-aside .cdto-issue-hero__nav + .cdto-issue-hero__export,
.cdto-issue-hero__byline-aside .cdto-issue-hero__nav + .other-formats {
  padding-left: 0.85rem;
  border-left: 1px solid #e2e8f0;
}

/* Заголовок — бардюр; высота 63px (эталон edit / notes); текст по вертикали по центру.
   Низ блока = низ блока ввода комментария (--cdto-hero-composer-h). */
.cdto-issue-hero__title {
  --cdto-hero-title-font: 1.45rem;
  --cdto-hero-title-lh: 1.35;
  --cdto-hero-title-content-h: calc(
    var(--cdto-hero-title-font) * var(--cdto-hero-title-lh) + 0.3rem + 2px
  );
  position: relative;
  z-index: 2;
  overflow: hidden;
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  padding: 0 1rem;
  min-height: var(--cdto-hero-title-h);
  height: var(--cdto-hero-title-h);
  max-height: var(--cdto-hero-title-h);
  background: var(--cdto-issue-card-bg);
  border: 1px solid var(--cdto-issue-card-border);
  border-radius: 0;
  margin-bottom: -1px;
  box-shadow: none;
  box-sizing: border-box;
}

.cdto-issue-view__hero > .cdto-issue-hero__title:last-child {
  border-radius: 0 0 var(--cdto-issue-card-radius) var(--cdto-issue-card-radius);
  margin-bottom: 0;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
}

/* Обёртка Stimulus sticky-issue-header — прямой flex-child title; без width сжимается по контенту */
.cdto-issue-hero__title [data-controller='sticky-issue-header'] {
  flex: 1 1 auto;
  align-self: stretch;
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.cdto-issue-hero__title div.subject {
  position: relative;
  overflow: visible;
  flex: 1 1 auto;
  align-self: stretch;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

.cdto-issue-hero__title div.subject,
.cdto-issue-hero__title #sticky-issue-header {
  margin: 0 !important;
}

.cdto-issue-hero__title #sticky-issue-header {
  display: none !important;
}

.cdto-issue-hero__title div.subject h3,
.cdto-issue-hero__title div.subject .subject,
.cdto-issue-hero__title div.subject a {
  margin: 0 !important;
  padding: 0 !important;
  font-size: clamp(1.15rem, 1.6vw, var(--cdto-hero-title-font)) !important;
  font-weight: 700 !important;
  line-height: var(--cdto-hero-title-lh) !important;
  color: #0f172a !important;
  letter-spacing: -0.01em;
}

.cdto-issue-hero__title div.subject a.icon-only {
  font-size: 0.95rem !important;
  vertical-align: middle;
}

/* Инлайн-редактирование темы в шапке — на месте заголовка, без всплывающего окна */
body.cdto-issue-card-ready .cdto-issue-hero__title div.subject .dynamicEditField,
body.cdto-issue-card-ready .cdto-issue-hero__title div.subject .dynamicEditField.cdto-subject-edit-hidden {
  display: none !important;
}

body.cdto-issue-card-ready .cdto-issue-hero__title div.subject .iconEdit {
  opacity: 0;
  display: inline-block;
  transition: opacity 0.3s ease-in;
  font-weight: 700;
  margin-left: 1ch;
  cursor: pointer;
}

body.cdto-issue-card-ready .cdto-issue-hero__title div.subject:hover .iconEdit,
body.cdto-issue-card-ready .cdto-issue-hero__title div.subject.cdto-subject-editing .iconEdit,
body.cdto-issue-card-ready .cdto-issue-hero__title div.subject .iconEdit:focus-visible {
  opacity: 1;
}

body.cdto-issue-card-ready .cdto-issue-hero__title div.subject h3 {
  cursor: text;
}

body.cdto-issue-card-ready .cdto-issue-hero__title div.subject.cdto-subject-readonly h3 {
  cursor: default;
}

body.cdto-issue-card-ready .cdto-issue-hero__title div.subject.cdto-subject-editing h3 {
  display: none !important;
}

/* Редактирование темы: subject + grid на 100% ширины title; input = 1fr, кнопки = auto */
body.cdto-issue-card-ready .cdto-issue-hero__title div.subject.cdto-subject-editing {
  flex: 1 1 auto;
  align-self: stretch;
  width: 100% !important;
  min-width: 0;
  max-width: 100%;
}

body.cdto-issue-card-ready .cdto-issue-hero__title div.subject.cdto-subject-editing .cdto-subject-inline-edit {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.cdto-subject-inline-edit {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 0.75rem;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: var(--cdto-hero-title-content-h, auto);
  max-height: var(--cdto-hero-title-content-h, none);
  box-sizing: border-box;
}

.cdto-subject-inline-edit__input {
  grid-column: 1;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 100%;
  margin: 0;
  padding: 0.1rem 0 0.2rem;
  border: 0;
  border-bottom: 2px solid #0f766e;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-size: clamp(1.15rem, 1.6vw, var(--cdto-hero-title-font, 1.45rem)) !important;
  font-weight: 700 !important;
  line-height: var(--cdto-hero-title-lh, 1.35) !important;
  color: #0f172a !important;
  letter-spacing: -0.01em;
  outline: none;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
}

.cdto-subject-inline-edit__input:focus {
  border-bottom-color: #ed7d31;
  box-shadow: none;
}

.cdto-subject-inline-edit__actions {
  grid-column: 2;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.4rem;
  width: max-content;
  max-width: 100%;
  flex-shrink: 0;
}

.cdto-subject-inline-edit__btn {
  margin: 0;
  padding: 0.2rem 0.65rem;
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  flex: 0 0 auto;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.cdto-subject-inline-edit__btn--save {
  border: 1px solid #a7f3d0;
  background: #ecfdf5;
  color: #0f766e;
}

.cdto-subject-inline-edit__btn--save:hover,
.cdto-subject-inline-edit__btn--save:focus-visible {
  background: #d1fae5;
  border-color: #5eead4;
}

.cdto-subject-inline-edit__btn--cancel {
  border: 1px solid #fed7aa;
  background: #fff7ed;
  color: #b45309;
}

.cdto-subject-inline-edit__btn--cancel:hover,
.cdto-subject-inline-edit__btn--cancel:focus-visible {
  background: #ffedd5;
  border-color: #fdba74;
}

body.cdto-issue-card-ready .cdto-issue-view__description .description .iconEdit {
  opacity: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease-in;
  font-weight: 700;
  cursor: pointer;
  vertical-align: middle;
}

body.cdto-issue-card-ready .cdto-issue-description__nav > .iconEdit {
  flex: 0 0 auto;
  margin: 0 0 0 auto;
  width: 1.4rem;
  min-width: 1.4rem;
  height: 1.4rem;
  padding: 0;
  border: 1px solid #fed7aa;
  border-radius: 5px;
  background: #fff7ed;
  color: #b45309;
  box-sizing: border-box;
}

body.cdto-issue-card-ready .cdto-issue-view__description .description:hover .iconEdit,
body.cdto-issue-card-ready .cdto-issue-description__nav:hover > .iconEdit,
body.cdto-issue-card-ready .cdto-issue-description__nav > .iconEdit:focus-visible {
  opacity: 1;
}

body.cdto-issue-card-ready .cdto-issue-description__nav > .iconEdit:hover,
body.cdto-issue-card-ready .cdto-issue-description__nav > .iconEdit:focus-visible {
  background: #ffedd5;
  border-color: #fdba74;
  color: #9a3412;
}

body.cdto-issue-card-ready .cdto-issue-view__description .description.cdto-description-editing .iconEdit {
  display: none !important;
}

body.cdto-issue-card-ready .cdto-issue-view__description .description .cdto-issue-description__body .wiki,
body.cdto-issue-card-ready .cdto-issue-view__description .description .cdto-issue-description-slot__empty {
  cursor: text;
}

body.cdto-issue-card-ready .cdto-issue-view__description .description {
  position: relative;
  overflow-x: hidden;
}

/* Редактирование описания — прямо в теле блока, без вложенной рамки и второй прокрутки */
.cdto-description-inline-edit {
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.cdto-description-inline-edit .cdto-notes-composer,
.cdto-description-inline-edit .cdto-notes-composer__editor,
.cdto-description-inline-edit .jstEditor {
  display: block;
  margin: 0;
  padding: 0;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.cdto-description-inline-edit #cdto_issue_description_inline,
.cdto-description-inline-edit textarea.wiki-edit {
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 4.5rem;
  height: auto;
  max-height: none;
  resize: none;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 0.92rem;
  line-height: 1.55;
  color: #334155;
  background: transparent;
  border: 0 !important;
  border-radius: 0;
  box-shadow: none !important;
  transition: none;
}

.cdto-description-inline-edit #cdto_issue_description_inline::placeholder,
.cdto-description-inline-edit textarea.wiki-edit::placeholder {
  color: #94a3b8;
  opacity: 1;
}

.cdto-description-inline-edit #cdto_issue_description_inline:focus,
.cdto-description-inline-edit #cdto_issue_description_inline:focus-visible,
.cdto-description-inline-edit textarea.wiki-edit:focus,
.cdto-description-inline-edit textarea.wiki-edit:focus-visible {
  background: transparent !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}

body.cdto-issue-card-ready .cdto-issue-view__description .description.cdto-description-editing {
  overflow: visible;
}

body.cdto-issue-card-ready .cdto-issue-view__description .description.cdto-description-editing .cdto-issue-description__body {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

.cdto-issue-description__nav .cdto-description-inline-edit__actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-end;
  gap: 0.55rem;
  margin: 0;
  padding: 0;
}

.cdto-description-inline-edit__btn {
  margin: 0;
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.3;
  cursor: pointer;
  border-radius: 7px;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.cdto-description-inline-edit__btn--save {
  padding: 0.34rem 0.9rem;
  color: #ffffff !important;
  background: #0f766e !important;
  border: 1px solid #0f766e !important;
  box-shadow: 0 1px 2px rgba(15, 118, 110, 0.15);
}

.cdto-description-inline-edit__btn--save:hover,
.cdto-description-inline-edit__btn--save:focus-visible {
  background: #0d9488 !important;
  border-color: #0d9488 !important;
  outline: none;
  box-shadow: 0 2px 4px rgba(15, 118, 110, 0.2);
}

.cdto-description-inline-edit__btn--cancel {
  padding: 0.3rem 0.45rem;
  color: #64748b !important;
  text-decoration: none !important;
  background: transparent;
  border: 0;
}

.cdto-description-inline-edit__btn--cancel:hover,
.cdto-description-inline-edit__btn--cancel:focus-visible {
  color: #0f766e !important;
  background: #f0fdf4;
  outline: none;
}

/* Автор — бардюр; верхняя граница стыкуется с нижней title в одну линию */
.cdto-issue-hero__byline {
  grid-column: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 1rem;
  padding: 0.55rem 1rem 0.65rem;
  border: 1px solid var(--cdto-issue-card-border);
  border-radius: 0 0 var(--cdto-issue-card-radius) var(--cdto-issue-card-radius);
  background: var(--cdto-issue-card-muted-bg);
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}

.cdto-issue-hero__byline-main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem;
  min-width: 0;
  flex: 1 1 auto;
}

.cdto-issue-hero__byline-main .avatar-with-child {
  float: none !important;
  margin: 0 !important;
  flex-shrink: 0;
}

.cdto-issue-hero__byline-main p.author {
  margin: 0 !important;
  min-width: 0;
  font-size: 0.8rem !important;
  line-height: 1.45 !important;
  color: #64748b !important;
}

.cdto-issue-hero__byline-aside {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.65rem 0.85rem;
  flex: 0 0 auto;
  margin-left: auto;
}

.cdto-issue-hero__byline-aside .cdto-issue-hero__export,
.cdto-issue-hero__byline-aside .other-formats {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.78rem !important;
  line-height: 1.4 !important;
  color: #64748b !important;
  text-align: right;
  white-space: nowrap;
}

.cdto-issue-hero__byline-aside .cdto-issue-hero__export a,
.cdto-issue-hero__byline-aside .other-formats a {
  color: #0f766e !important;
  text-decoration: none !important;
  font-weight: 600;
}

.cdto-issue-hero__byline-aside .cdto-issue-hero__export a:hover,
.cdto-issue-hero__byline-aside .cdto-issue-hero__export a:focus-visible,
.cdto-issue-hero__byline-aside .other-formats a:hover,
.cdto-issue-hero__byline-aside .other-formats a:focus-visible {
  color: #84cc16 !important;
  text-decoration: underline !important;
}

.cdto-issue-view__main {
  grid-area: main;
  min-width: 0;
  min-height: 0;
  height: 100%;
  max-height: 100%;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 0;
  overflow: hidden;
}

.cdto-issue-view__main > #update {
  flex: 0 0 auto;
  max-height: min(42vh, 420px);
  overflow-x: hidden;
  overflow-y: auto;
  border-top: 1px solid var(--cdto-issue-card-border);
  background: var(--cdto-issue-card-bg);
}

.cdto-issue-aside-tabs {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 0.45rem 0.65rem;
  flex-wrap: wrap;
}

.cdto-issue-aside-tabs > ul {
  flex: 1 1 auto;
  min-width: 0;
}

body.cdto-issue-panels-split-ready .cdto-issue-view__aside #history > .tabs.cdto-issue-aside-tabs--notes-only,
body.cdto-issue-panels-split-ready .cdto-issue-view__aside #history .tabs.cdto-issue-aside-tabs--notes-only,
body.cdto-issue-aside-composer-always .cdto-issue-view__aside #history .tabs,
.cdto-issue-view__aside[data-cdto-aside-ssr="1"] #history .tabs {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
}

body.cdto-issue-panels-split-ready .cdto-issue-aside-tabs--notes-only > ul a:not(#tab-notes) {
  display: none !important;
}

body.cdto-issue-panels-split-ready .cdto-issue-view__aside #tab-content-history {
  display: flex !important;
  flex-direction: column;
  gap: 0.55rem;
}

body.cdto-issue-panels-split-ready .cdto-left-rail-history-feed .cdto-issue-feed__journal {
  pointer-events: none;
}

.cdto-issue-aside-tabs__actions {
  flex: 0 0 auto;
  margin-left: auto;
}

.cdto-issue-aside__add-comment {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.85rem;
  padding: 0.3rem 0.65rem;
  border: 1px solid #fed7aa;
  border-radius: 6px;
  background: #fff7ed;
  color: #b45309;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.25;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(180, 83, 9, 0.06);
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.cdto-issue-aside__add-comment:hover,
.cdto-issue-aside__add-comment:focus-visible {
  background: #ffedd5;
  border-color: #fdba74;
  color: #9a3412;
  outline: none;
}

.cdto-issue-aside__add-comment--active {
  background: #ecfdf5;
  border-color: #a7f3d0;
  color: #0f766e;
}

.cdto-issue-aside__body > #update,
.cdto-issue-view__aside #update.cdto-issue-update--notes-only {
  flex: 0 0 auto;
  max-height: none;
  overflow: visible;
  position: relative;
  margin: 0 0 0.2rem !important;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  transition: none;
}

form[id^="journal-"][id$="-form"],
form.cdto-notes-composer-host.cdto-journal-edit-composer {
  flex: 0 0 auto;
  max-height: none;
  overflow: visible;
  position: relative;
  margin: 0 0 0.2rem !important;
  padding: 0;
  background: #ffffff;
  border: 1px solid #eef2f7;
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  box-sizing: border-box;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.cdto-issue-view__aside #update.cdto-issue-update--notes-only {
  background: transparent;
  border: 0;
  box-shadow: none;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]):focus-within,
body.cdto-issue-aside-composer-open #update.cdto-issue-update--notes-only,
body.cdto-issue-aside-composer-always #update.cdto-issue-update--notes-only {
  border-color: transparent;
  box-shadow: none;
}

form[id^="journal-"][id$="-form"]:focus-within,
form.cdto-notes-composer-host.cdto-journal-edit-composer:focus-within {
  border-color: #dbeafe;
  box-shadow: 0 2px 8px rgba(15, 118, 110, 0.08);
}

#update.cdto-issue-update--notes-only > h3 {
  display: none;
}

body.controller-issues.action-show #update.cdto-issue-update--notes-only {
  margin-bottom: 0.2rem !important;
}

#update.cdto-issue-update--notes-only fieldset.tabular,
#update.cdto-issue-update--notes-only #log_time {
  display: none !important;
}

form[id^="journal-"][id$="-form"],
form.cdto-notes-composer-host.cdto-journal-edit-composer {
  width: 100%;
  padding: 0.6rem 0.75rem 0.35rem !important;
}

form[id^="journal-"][id$="-form"] label.hidden-for-sighted,
form.cdto-notes-composer-host.cdto-journal-edit-composer label.hidden-for-sighted {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.cdto-issue-view__aside .journal.cdto-journal-editing {
  border-color: #dbeafe !important;
  box-shadow: 0 2px 8px rgba(15, 118, 110, 0.08);
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .box {
  margin: 0 !important;
  padding: 0.6rem 0.75rem 0.35rem !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  line-height: 1.35 !important;
}

#update.cdto-issue-update--notes-only .box,
#update.cdto-issue-update--notes-only #issue-form > .box {
  margin: 0 !important;
  padding: 0 !important;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #issue-form {
  margin: 0 !important;
  padding: 0 !important;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #issue-form > .box {
  margin-bottom: 0 !important;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__hidden-stash {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  pointer-events: none;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #add_notes.cdto-notes-composer {
  margin: 0;
  padding: 0;
  border: 0;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #add_notes legend {
  display: none;
}

/* Панель «Редактирование / Предпросмотр / Аа» в сайдбаре не используется */
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .jstTabs.tabs,
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .jstTabs.tabs.cdto-notes-composer__toolbar {
  display: none !important;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .jstBlock {
  margin: 0;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .jstBlock.cdto-notes-wiki-collapsed li.tab-elements,
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .jstBlock:not(.cdto-notes-wiki-collapsed) li.tab-elements {
  display: none !important;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .jstElements {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.15rem;
  height: auto;
  padding: 0.1rem 0;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .jstElements button {
  width: 1.45rem;
  height: 1.45rem;
  padding: 0.1rem;
  margin: 0;
  flex-shrink: 0;
  border-radius: 4px;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__editor {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fafafa;
  /* visible — иначе overflow:hidden обрезает ручку resize textarea */
  overflow: visible;
  display: flex;
  flex-direction: column;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__editor:focus-within {
  border-color: #a7f3d0;
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(167, 243, 208, 0.28);
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__editor-bar {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.35rem;
  min-height: 2.1rem;
  padding: 0.2rem 0.35rem 0.25rem 0.45rem;
  border-top: 1px solid #f1f5f9;
  background: #fafafa;
  box-sizing: border-box;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__bar-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.2rem;
  flex: 0 0 auto;
  margin-left: auto;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__editor-bar .cdto-notes-private-row {
  flex: 0 0 auto;
  min-width: max-content;
  max-width: none;
  margin: 0;
  padding: 0.12rem 0.3rem 0.12rem 0.15rem;
  border: 0;
  border-radius: 5px;
  background: transparent;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__editor-bar .cdto-notes-private-row:has(#issue_private_notes:checked),
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__editor-bar .cdto-notes-private-row:has(input[id^='journal_'][id$='_private_notes']:checked) {
  background: #fffbeb;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__editor-bar label[for='issue_private_notes'],
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__editor-bar label[for^='journal_'][for$='_private_notes'] {
  font-size: 0.75rem;
  line-height: 1.25;
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
  max-width: none;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__clip-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 1.9rem;
  height: 1.9rem;
  margin: 0;
  padding: 0;
  border: 0 !important;
  border-radius: 6px;
  background: transparent !important;
  color: #8e8e93;
  cursor: pointer;
  box-shadow: none !important;
  text-decoration: none !important;
  transform: none !important;
  transition: color 0.15s ease, background 0.15s ease;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__clip-btn:hover,
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__clip-btn:focus-visible {
  background: transparent !important;
  color: #5f6368;
  border: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  transform: none !important;
  outline: none;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__clip-btn:active {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__clip-btn--active {
  color: #0f766e;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__clip-btn svg {
  width: 1.42rem;
  height: 1.42rem;
  display: block;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__send-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
  margin: 0;
  padding: 0;
  border: 0 !important;
  border-radius: 50%;
  background: #0f766e !important;
  color: #ffffff;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(15, 118, 110, 0.28);
  text-decoration: none !important;
  transform: scale(0.88);
  opacity: 0;
  pointer-events: none;
  transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease, opacity 0.15s ease;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__send-btn:not([hidden]) {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__send-btn:hover,
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__send-btn:focus-visible {
  background: #0d9488 !important;
  box-shadow: 0 2px 5px rgba(15, 118, 110, 0.34);
  outline: none;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__send-btn:active {
  transform: scale(0.96);
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__send-btn svg {
  width: 1.05rem;
  height: 1.05rem;
  display: block;
  margin-left: 0.08rem;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__editor:focus-within .cdto-notes-composer__editor-bar {
  background: #ffffff;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__clip-status {
  flex: 1 1 0;
  min-width: 0;
  margin: 0 0.15rem;
  font-size: 0.68rem;
  line-height: 1.25;
  color: #94a3b8;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__clip-status:empty {
  flex: 0 0 0;
  margin: 0;
  min-width: 0;
  width: 0;
  overflow: hidden;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__clip-status--selected {
  color: #0f766e;
  font-weight: 600;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__clip-source {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__clip-source input[type='file'] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__clip-source .cdto-notes-composer__upload-hint {
  display: none !important;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .jstEditor {
  margin: 0 !important; /* Opale: .jstEditor{margin-bottom:10px} — лишний зазор над лентой */
  padding: 0;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #issue_notes,
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) textarea[id^='journal_'][id$='_notes'] {
  width: 100%;
  max-width: 100%;
  min-height: calc(1.5em + 1.3rem);
  /* стартовая высота без !important — иначе браузер не даст resize */
  height: calc(1.5em + 1.3rem);
  max-height: min(45vh, 20rem);
  resize: vertical;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 0.65rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #1e293b;
  background: transparent;
  border: 0 !important;
  border-radius: 0;
  box-shadow: none !important;
  transition: none;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #issue_notes::placeholder,
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) textarea[id^='journal_'][id$='_notes']::placeholder {
  color: #94a3b8;
  opacity: 1;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #issue_notes:focus,
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #issue_notes:focus-visible,
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) textarea[id^='journal_'][id$='_notes']:focus,
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) textarea[id^='journal_'][id$='_notes']:focus-visible {
  background: transparent !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .jstHandle {
  display: none;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #add_notes.cdto-notes-composer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__footer {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.45rem;
  margin: 0.45rem 0 0;
  padding: 0.45rem 0 0;
  border-top: 1px solid #f1f5f9;
}

#update.cdto-issue-update--notes-only .cdto-notes-composer__footer {
  margin: 0;
  padding: 0;
  border-top: 0;
}

#update.cdto-issue-update--notes-only .cdto-notes-composer__footer:not(:has(.attachments_fields > span[id^="attachments_"])) {
  height: 0;
  min-height: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden;
  gap: 0;
}

#update.cdto-issue-update--notes-only
  .cdto-notes-composer__footer:not(:has(.attachments_fields > span[id^="attachments_"]))
  .cdto-notes-composer__options,
#update.cdto-issue-update--notes-only
  .cdto-notes-composer__footer:not(:has(.attachments_fields > span[id^="attachments_"]))
  #add_attachments,
#update.cdto-issue-update--notes-only
  .cdto-notes-composer__footer:not(:has(.attachments_fields > span[id^="attachments_"]))
  .cdto-notes-composer__attachments-card,
#update.cdto-issue-update--notes-only
  .cdto-notes-composer__footer:not(:has(.attachments_fields > span[id^="attachments_"]))
  .cdto-notes-composer__files-panel {
  height: 0;
  min-height: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden;
  gap: 0;
}

#update.cdto-issue-update--notes-only .cdto-notes-composer__actions {
  display: none !important;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__options,
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__meta {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.5rem;
  width: 100%;
  min-width: 0;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-private-row {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 0.4rem;
  margin: 0;
  padding: 0.28rem 0.55rem;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
  background: #f8fafc;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-private-row:has(#issue_private_notes:checked),
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-private-row:has(input[id^='journal_'][id$='_private_notes']:checked) {
  background: #fffbeb;
  border-color: #fde68a;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) label[for='issue_private_notes'],
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #issue_private_notes,
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) label[for^='journal_'][for$='_private_notes'],
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) input[id^='journal_'][id$='_private_notes'] {
  font-size: 0.75rem;
  vertical-align: middle;
  margin: 0;
  color: #64748b;
  cursor: pointer;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-private-row:has(#issue_private_notes:checked) label,
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-private-row:has(input[id^='journal_'][id$='_private_notes']:checked) label {
  color: #92400e;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #add_attachments {
  flex: 0 0 auto;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__attachments-card {
  width: 100%;
  padding: 0.4rem 0.5rem 0.35rem;
  border: 1px solid #eef2f7;
  border-radius: 8px;
  background: #f8fafc;
  box-sizing: border-box;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__files-panel {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  min-width: 0;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__files-head {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.35rem;
  min-width: 0;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__files-title {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #94a3b8;
  line-height: 1.2;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__files-head .contextual {
  float: none;
  margin: 0 0 0 auto;
  flex: 0 1 auto;
  max-width: 58%;
  text-align: right;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #add_attachments legend {
  display: none;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #add_attachments .contextual {
  float: none;
  margin: 0;
  text-align: right;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #add_attachments .contextual a,
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__edit-files {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: 100%;
  min-height: 1.5rem;
  padding: 0.2rem 0.45rem !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  background: #f8fafc !important;
  font-size: 0.64rem !important;
  font-weight: 600 !important;
  color: #64748b !important;
  text-decoration: none !important;
  white-space: normal;
  text-align: center;
  line-height: 1.25;
  box-sizing: border-box;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #add_attachments .contextual a:hover,
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__edit-files:hover,
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #add_attachments .contextual a:focus-visible,
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__edit-files:focus-visible {
  color: #0f766e !important;
  background: #ecfdf5 !important;
  border-color: #a7f3d0 !important;
  text-decoration: none !important;
  outline: none;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__attachments-card--empty,
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__attachments-card[hidden] {
  display: none !important;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__files-head--hidden,
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__files-contextual--hidden,
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #existing-attachments.cdto-notes-composer__existing-list--hidden {
  display: none !important;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #existing-attachments.cdto-notes-composer__existing-list {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-sizing: border-box;
  max-height: 11rem;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #existing-attachments hr {
  display: none !important;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .existing-attachment.cdto-notes-composer__existing-item {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  min-width: 0;
  padding: 0.35rem 0.45rem;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
  background: #ffffff;
  box-sizing: border-box;
  transition: border-color 0.15s ease, background 0.15s ease, opacity 0.15s ease;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__existing-item--marked {
  border-color: #fecaca;
  background: #fef2f2;
  opacity: 0.82;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .existing-attachment input.filename {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__existing-thumb {
  flex: 0 0 2.35rem;
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  background: #f1f5f9;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__existing-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__existing-thumb--file svg,
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__existing-thumb--file .icon-svg {
  width: 14px !important;
  height: 14px !important;
  color: #0f766e !important;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__existing-meta {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.05rem;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__existing-name {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.76rem;
  font-weight: 600;
  line-height: 1.25;
  color: #1e293b;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__existing-delete {
  flex: 0 0 auto;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0 !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  min-width: 1.65rem !important;
  width: 1.65rem !important;
  height: 1.65rem !important;
  border: 1px solid #fecaca !important;
  border-radius: 6px !important;
  background: #fef2f2 !important;
  color: #b91c1c !important;
  font-size: 0 !important;
  font-weight: 600 !important;
  line-height: 0 !important;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__existing-delete:hover {
  background: #fee2e2 !important;
  border-color: #f87171 !important;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__existing-delete input[type='checkbox'] {
  margin: 0 !important;
  width: 0.85rem !important;
  height: 0.85rem !important;
  accent-color: #dc2626;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__existing-item--marked .cdto-notes-composer__existing-delete {
  background: #fee2e2 !important;
  border-color: #ef4444 !important;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__upload {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  gap: 0.25rem;
  margin: 0;
  padding: 0;
  border-top: 0;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__files-panel:not(:has(.cdto-notes-composer__existing-item)) .cdto-notes-composer__upload {
  padding-top: 0;
  border-top: 0;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #add_attachments .attachments_fields:not(:empty) {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
  max-height: 11rem;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .attachments_form .attachments_icons {
  display: none !important;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #add_attachments .attachments_fields > span[id^='attachments_'],
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #add_attachments .attachments_fields > span.existing-attachment {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.35rem 0.45rem;
  min-width: 0;
  margin: 0 !important;
  padding: 0.35rem 0.45rem;
  border: 1px solid #e2e8f0;
  border-radius: 7px;
  background: #ffffff;
  box-sizing: border-box;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #add_attachments .attachments_fields > span[id^='attachments_'].ajax-loading,
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #add_attachments .attachments_fields > span[id^='attachments_'].ajax-waiting {
  flex-wrap: wrap;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #add_attachments .attachments_fields svg.svg-attachment,
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #add_attachments .attachments_fields svg.svg-loader,
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #add_attachments .attachments_fields svg.svg-hourglass {
  flex: 0 0 auto;
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
  color: #0f766e !important;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #add_attachments .attachments_fields input.filename {
  flex: 1 1 38%;
  min-width: 0;
  width: auto !important;
  max-width: none;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 0.76rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  color: #1e293b !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #add_attachments .attachments_fields input.description {
  flex: 1 1 42%;
  min-width: 0;
  width: auto !important;
  max-width: none;
  margin: 0 !important;
  padding: 0.28rem 0.45rem !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  background: #fff !important;
  font-size: 0.72rem !important;
  line-height: 1.25 !important;
  color: #334155 !important;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #add_attachments .attachments_fields input.description::placeholder {
  color: #94a3b8 !important;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #add_attachments .attachments_fields input.token {
  display: none !important;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #add_attachments .attachments_fields a.remove-upload,
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #add_attachments .attachments_fields a.icon-del {
  flex: 0 0 auto;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 1.65rem;
  height: 1.65rem;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  border: 1px solid #fecaca !important;
  border-radius: 6px !important;
  background: #fef2f2 !important;
  color: #b91c1c !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #add_attachments .attachments_fields a.remove-upload:hover,
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #add_attachments .attachments_fields a.remove-upload:focus-visible,
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #add_attachments .attachments_fields a.icon-del:hover,
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #add_attachments .attachments_fields a.icon-del:focus-visible {
  background: #fee2e2 !important;
  border-color: #f87171 !important;
  color: #991b1b !important;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #add_attachments .attachments_fields a.remove-upload svg,
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #add_attachments .attachments_fields a.icon-del svg {
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #add_attachments .attachments_fields div.ui-progressbar {
  flex: 1 1 100%;
  order: 99;
  width: 100% !important;
  height: 0.35rem !important;
  margin: 0.15rem 0 0 !important;
  border-radius: 999px;
  overflow: hidden;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #add_attachments .attachments_fields .ajax-loading::before,
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #add_attachments .attachments_fields .ajax-waiting::before {
  display: none !important;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #add_attachments .add_attachment {
  display: none !important;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #add_attachments .attachments_form span,
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) #add_attachments p {
  margin: 0;
  font-size: 0.7rem;
  color: #94a3b8;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.55rem;
  width: 100%;
  margin: 0;
  padding: 0;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__actions input[type='submit'],
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__actions input.cdto-notes-composer__submit-native {
  display: none !important;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__actions a {
  font-size: 0.78rem;
  margin: 0;
  padding: 0.3rem 0.45rem;
  color: #64748b !important;
  text-decoration: none !important;
  border-radius: 6px;
  transition: color 0.15s ease, background 0.15s ease;
}

:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__actions a:hover,
:is(.cdto-notes-composer-host, form[id^="journal-"][id$="-form"]) .cdto-notes-composer__actions a:focus-visible {
  color: #0f766e !important;
  background: #f0fdf4;
  text-decoration: none !important;
  outline: none;
}

body.cdto-issue-aside-composer-open .cdto-issue-aside__body > #update,
body.cdto-issue-aside-composer-always .cdto-issue-aside__body > #update {
  order: -1;
}

body.cdto-issue-aside-composer-always .cdto-issue-aside__add-comment {
  display: none !important;
}

/* Редактирование комментария — тот же композер, что «Добавить комментарий» (CSS без ожидания JS) */
.cdto-issue-view__aside form[id^="journal-"][id$="-form"] .jstTabs.tabs,
.cdto-issue-view__aside form[id^="journal-"][id$="-form"] .jstBlock li.tab-elements,
.cdto-issue-view__aside form[id^="journal-"][id$="-form"] .jstElements {
  display: none !important;
}

.cdto-issue-view__aside form[id^="journal-"][id$="-form"] .jstEditor textarea,
.cdto-issue-view__aside form[id^="journal-"][id$="-form"] textarea.wiki-edit {
  width: 100%;
  max-width: 100%;
  min-height: calc(1.5em + 1.3rem);
  height: calc(1.5em + 1.3rem);
  max-height: min(45vh, 20rem);
  resize: vertical;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 0.65rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #1e293b;
  background: transparent;
  border: 0 !important;
  border-radius: 0;
  box-shadow: none !important;
}

.cdto-issue-view__aside form[id^="journal-"][id$="-form"] .jstBlock {
  margin: 0;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fafafa;
  /* visible — ручка resize textarea не должна обрезаться */
  overflow: visible;
}

.cdto-issue-view__aside form[id^="journal-"][id$="-form"] .jstBlock:focus-within {
  border-color: #a7f3d0;
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(167, 243, 208, 0.28);
}

.cdto-issue-view__aside form[id^="journal-"][id$="-form"] input[type="submit"],
.cdto-issue-view__aside form[id^="journal-"][id$="-form"] .cdto-notes-composer__submit-native {
  display: none !important;
}

.cdto-issue-view__aside form[id^="journal-"][id$="-form"] > p,
.cdto-issue-view__aside form[id^="journal-"][id$="-form"] .cdto-notes-composer > p:not(:has(input, a, button)) {
  display: none !important;
}

.cdto-issue-view__aside form[id^="journal-"][id$="-form"] .cdto-notes-composer__editor {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fafafa;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.cdto-issue-view__aside form[id^="journal-"][id$="-form"] .cdto-notes-composer__editor:focus-within {
  border-color: #a7f3d0;
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(167, 243, 208, 0.28);
}

.cdto-issue-view__aside form[id^="journal-"][id$="-form"] .cdto-notes-composer__editor-bar {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.35rem;
  min-height: 2.1rem;
  padding: 0.2rem 0.35rem 0.25rem 0.45rem;
  border-top: 1px solid #f1f5f9;
  background: #fafafa;
  box-sizing: border-box;
}

.cdto-issue-view__aside form[id^="journal-"][id$="-form"] .cdto-notes-composer__bar-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.2rem;
  flex: 0 0 auto;
  margin-left: auto;
}

.cdto-issue-view__aside form[id^="journal-"][id$="-form"] .cdto-notes-composer__editor-bar .cdto-notes-private-row {
  flex: 0 0 auto;
  min-width: max-content;
  max-width: none;
  margin: 0;
  padding: 0.12rem 0.3rem 0.12rem 0.15rem;
  border: 0;
  border-radius: 5px;
  background: transparent;
}

.cdto-issue-view__aside form[id^="journal-"][id$="-form"] .cdto-notes-composer__footer {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.45rem;
  margin: 0.45rem 0 0;
  padding: 0.45rem 0 0;
  border-top: 1px solid #f1f5f9;
}

.cdto-issue-view__aside form[id^="journal-"][id$="-form"] .cdto-notes-composer__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.55rem;
  width: 100%;
  margin: 0;
  padding: 0;
}

.cdto-issue-view__aside form[id^="journal-"][id$="-form"] .cdto-notes-composer__actions a {
  font-size: 0.78rem;
  margin: 0;
  padding: 0.3rem 0.45rem;
  color: #64748b !important;
  text-decoration: none !important;
  border-radius: 6px;
}

.cdto-issue-view__aside form[id^="journal-"][id$="-form"] .cdto-notes-composer__actions a:hover,
.cdto-issue-view__aside form[id^="journal-"][id$="-form"] .cdto-notes-composer__actions a:focus-visible {
  color: #0f766e !important;
  background: #f0fdf4;
  text-decoration: none !important;
  outline: none;
}

/* Скрыть дублирующий чекбокс приватности вне нижней панели (после переноса в editor-bar) */
.cdto-issue-view__aside form[id^="journal-"][id$="-form"]:has(.cdto-notes-composer__editor-bar) .cdto-notes-composer > input[type="hidden"][name="journal[private_notes]"],
.cdto-issue-view__aside form[id^="journal-"][id$="-form"]:has(.cdto-notes-composer__editor-bar) .cdto-notes-composer > input[id^="journal_"][id$="_private_notes"],
.cdto-issue-view__aside form[id^="journal-"][id$="-form"]:has(.cdto-notes-composer__editor-bar) .cdto-notes-composer > label[for^="journal_"][for$="_private_notes"] {
  display: none !important;
}

.cdto-issue-view__aside form[id^="journal-"][id$="-form"] > p {
  display: flex;
  justify-content: flex-end;
  gap: 0.55rem;
  margin: 0.45rem 0 0;
  padding: 0.45rem 0 0;
  border-top: 1px solid #f1f5f9;
}

.cdto-issue-card {
  background: var(--cdto-issue-card-bg);
  border: 1px solid var(--cdto-issue-card-border);
  border-radius: var(--cdto-issue-card-radius);
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
  overflow: hidden;
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
}

.cdto-issue-card__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem 0.65rem;
  padding: 0.85rem 1rem 0.55rem;
  border-bottom: 1px solid #f1f5f9;
}

.cdto-issue-card__header h2.inline-block {
  margin: 0 !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  color: #ed7d31 !important;
}

.cdto-issue-card__header h2.inline-block a {
  color: inherit !important;
}

.cdto-issue-card__header .badge,
.cdto-issue-card__header .issue-status-type-badge {
  margin: 0 !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  padding: 0.15rem 0.5rem !important;
  border-radius: 999px !important;
  line-height: 1.3 !important;
}

.cdto-issue-card__body.issue.details {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden;
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.cdto-issue-main__body {
  flex: 1 1 auto;
  min-height: 0;
  height: 0;
  overflow-x: hidden;
  overflow-y: auto !important;
  padding: 0.85rem 1rem 1rem;
  box-sizing: border-box;
}

.cdto-issue-view__description > .description {
  flex: 1 1 auto;
  min-height: 0;
}

.cdto-issue-view__aside > #history {
  flex: 1 1 auto;
  min-height: 0;
}

/* Параметры задачи — карточная сетка */
.cdto-issue-card__body.issue.details::after {
  content: "";
  display: table;
  clear: both;
}

.cdto-issue-card__body .splitcontent .attribute {
  padding-left: 0 !important;
}

.cdto-issue-card__body .attribute .label,
.cdto-issue-card__body .attributes .label {
  float: none !important;
  width: auto !important;
  margin-left: 0 !important;
  box-sizing: border-box;
}

.cdto-issue-card__body .next-prev-links.contextual {
  float: none !important;
  margin: 0 0 0.65rem !important;
  padding: 0 !important;
  font-size: 0.78rem !important;
  color: #64748b !important;
}

.cdto-issue-card__body .next-prev-links a {
  color: #0f766e !important;
}

.cdto-issue-card__body .avatar-with-child {
  float: none !important;
  margin: 0 0 0.55rem !important;
}

.cdto-issue-card__body div.subject,
.cdto-issue-card__body #sticky-issue-header {
  margin: 0 0 0.45rem !important;
}

.cdto-issue-card__body div.subject h3,
.cdto-issue-card__body div.subject .subject,
.cdto-issue-card__body #sticky-issue-header .subject {
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: #1e293b !important;
}

.cdto-issue-card__body p.author {
  margin: 0 0 0.5rem !important;
  font-size: 0.82rem !important;
  color: #64748b !important;
}

.cdto-issue-card__body .reaction {
  margin: 0 0 0.45rem !important;
}

.cdto-issue-card__body hr {
  display: none !important;
}

/* Параметры задачи — карточная сетка (без второй рамки: внешняя — у .cdto-issue-card) */
.cdto-issue-card__body .attributes.cdto-issue-params {
  margin: 0 0 0.85rem !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible;
}

.cdto-issue-card__body .attributes.cdto-issue-params > .attribute {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 0.28rem !important;
  margin: 0 !important;
  padding: 0.62rem 0.72rem !important;
  border: 1px solid #eef2f7 !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  min-height: 0 !important;
  line-height: 1.35 !important;
}

.cdto-issue-card__body .attributes.cdto-issue-params .splitcontent {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem !important;
  padding: 0 !important;
  overflow: visible !important;
  align-items: stretch !important;
}

/* Плоская сетка: карточки в одной строке — одной высоты */
.cdto-issue-card__body .attributes.cdto-issue-params .splitcontent.cdto-issue-params-flat {
  align-items: stretch !important;
}

.cdto-issue-card__body .attributes.cdto-issue-params .splitcontent.cdto-issue-params-flat > .attribute,
.cdto-issue-card__body .attributes.cdto-issue-params .splitcontent.cdto-issue-params-flat > td {
  height: 100% !important;
  min-height: 100% !important;
  align-self: stretch !important;
  box-sizing: border-box !important;
}

.cdto-issue-card__body .attributes.cdto-issue-params .splitcontent.cdto-issue-params-flat > .attribute.progress .value {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

.cdto-issue-card__body .attributes.cdto-issue-params .splitcontent.cdto-issue-params-flat > .attribute .value {
  flex: 1 1 auto !important;
}

/* Исполнитель — верхняя строка на всю ширину (две колонки сетки) */
.cdto-issue-card__body .attributes.cdto-issue-params .splitcontent.cdto-issue-params-flat > .attribute.assigned-to,
.cdto-issue-card__body .attributes.cdto-issue-params .splitcontent > .attribute.cdto-issue-params__assignee-banner {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
}

.cdto-issue-card__body .attributes.cdto-issue-params .splitcontent.cdto-issue-params-flat > .attribute.assigned-to .value,
.cdto-issue-card__body .attributes.cdto-issue-params .attribute.cdto-issue-params__assignee-banner .value {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
}

/* Redmine: обе колонки — .splitcontentleft (правая не .splitcontentright) */
.cdto-issue-card__body .attributes.cdto-issue-params .splitcontent > .splitcontentleft:nth-child(1),
.cdto-issue-card__body .attributes.cdto-issue-params .splitcontent > .splitcontentright:first-child {
  grid-column: 1;
  grid-row: 1;
}

.cdto-issue-card__body .attributes.cdto-issue-params .splitcontent > .splitcontentleft:nth-child(2),
.cdto-issue-card__body .attributes.cdto-issue-params .splitcontent > .splitcontentright:last-child:not(:only-child) {
  grid-column: 2;
  grid-row: 1;
}

.cdto-issue-card__body .attributes.cdto-issue-params .splitcontentleft,
.cdto-issue-card__body .attributes.cdto-issue-params .splitcontentright {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.55rem !important;
  float: none !important;
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
}

.cdto-issue-card__body .attributes.cdto-issue-params .attribute,
.cdto-issue-card__body .attributes.cdto-issue-params td {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 0.28rem !important;
  margin: 0 !important;
  padding: 0.62rem 0.72rem !important;
  border: 1px solid #eef2f7 !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  min-height: 0 !important;
  line-height: 1.35 !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.cdto-issue-card__body .attributes.cdto-issue-params .attribute:hover {
  border-color: #dbeafe !important;
  box-shadow: 0 1px 2px rgba(15, 118, 110, 0.06);
}

.cdto-issue-card__body .attributes.cdto-issue-params .attribute:has(> .value:empty) {
  display: none !important;
}

.cdto-issue-card__body .attributes.cdto-issue-params .attribute .label,
.cdto-issue-card__body .attributes.cdto-issue-params .label {
  display: block !important;
  flex: 0 0 auto;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #94a3b8 !important;
  white-space: normal;
}

.cdto-issue-card__body .attributes.cdto-issue-params .attribute .value,
.cdto-issue-card__body .attributes.cdto-issue-params .value {
  display: block !important;
  flex: 1 1 auto;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  font-size: 0.86rem !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  text-align: left !important;
  text-transform: none !important;
  line-height: 1.35 !important;
}

.cdto-issue-card__body .attributes.cdto-issue-params .attribute .value a {
  color: #0f766e !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.cdto-issue-card__body .attributes.cdto-issue-params .attribute .value a:hover,
.cdto-issue-card__body .attributes.cdto-issue-params .attribute .value a:focus-visible {
  color: #84cc16 !important;
  text-decoration: underline !important;
}

.cdto-issue-card__body .attributes.cdto-issue-params .attribute.progress,
.cdto-issue-card__body .attributes.cdto-issue-params .attribute.progress {
  align-items: flex-start !important;
}

.cdto-issue-card__body .attributes.cdto-issue-params .attribute.progress .value,
.cdto-issue-card__body .attributes.cdto-issue-params .attribute.progress .value {
  display: flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  flex-wrap: wrap !important;
  width: 100% !important;
}

.cdto-issue-card__body .attributes.cdto-issue-params .attribute.progress table.progress,
.cdto-issue-card__body .attributes.cdto-issue-params .attribute.progress table.progress {
  flex: 1 1 4rem !important;
  width: auto !important;
  min-width: 3.5rem !important;
  height: 0.45rem !important;
  margin: 0 !important;
}

.cdto-issue-card__body .attributes.cdto-issue-params .attribute.progress .percent,
.cdto-issue-card__body .attributes.cdto-issue-params .attribute.progress .percent {
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  color: #0f766e !important;
  white-space: nowrap;
}

body.controller-issues.action-show .cdto-issue-card__body .attributes.cdto-issue-params .attribute.status .value,
body.controller-issues.action-show .cdto-issue-card__body .attributes.cdto-issue-params td.status,
body.controller-issues.action-show .cdto-issue-card__body .attributes.cdto-issue-params .attribute.status .value {
  display: inline-flex !important;
  align-items: center;
  width: auto !important;
  min-width: 0 !important;
  margin-top: 0 !important;
  padding: 0.22rem 0.6rem !important;
  border-radius: 999px !important;
  background: #ecfdf5 !important;
  border: 1px solid #a7f3d0 !important;
  color: #0f766e !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
}

body.controller-issues.action-show .cdto-issue-card__body .attributes.cdto-issue-params .attribute.due-date .value .overdue,
body.controller-issues.action-show .cdto-issue-card__body .attributes.cdto-issue-params .attribute.due-date .value .today {
  font-weight: 700 !important;
}

/* Legacy fallback if JS header not applied */
.cdto-issue-card__body .attributes:not(.cdto-issue-params) {
  margin: 0 0 0.75rem !important;
  padding: 0.45rem 0.6rem !important;
  background: var(--cdto-issue-card-muted-bg);
  border: 1px solid #eef2f7;
  border-radius: 8px;
}

.cdto-issue-card__body .attributes:not(.cdto-issue-params) .splitcontent {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 1rem !important;
  overflow: visible !important;
}

.cdto-issue-card__body .attributes:not(.cdto-issue-params) .splitcontentleft,
.cdto-issue-card__body .attributes:not(.cdto-issue-params) .splitcontentright {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.12rem !important;
  float: none !important;
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.cdto-issue-card__body .attribute:not(.cdto-issue-params .attribute),
.cdto-issue-card__body .attributes:not(.cdto-issue-params) td {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap: wrap;
  gap: 0.3rem 0.4rem !important;
  margin: 0 !important;
  padding: 0.12rem 0 !important;
  border: 0 !important;
  background: transparent !important;
  min-height: 0 !important;
  line-height: 1.25 !important;
}

.cdto-issue-card__body .attribute:has(> .value:empty) {
  display: none !important;
}

.cdto-issue-card__body .attributes:not(.cdto-issue-params) .attribute .label,
.cdto-issue-card__body .attributes:not(.cdto-issue-params) .label {
  display: inline !important;
  flex: 0 0 auto;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0;
  text-transform: none;
  color: #94a3b8 !important;
  white-space: nowrap;
}

.cdto-issue-card__body .attributes:not(.cdto-issue-params) .attribute .value,
.cdto-issue-card__body .attributes:not(.cdto-issue-params) .value {
  display: inline !important;
  flex: 1 1 auto;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  color: #1e293b !important;
  text-align: left !important;
  text-transform: none !important;
  line-height: 1.25 !important;
}

.cdto-issue-card__body .attributes:not(.cdto-issue-params) .attribute.progress,
.cdto-issue-card__body .attributes:not(.cdto-issue-params) .attribute.progress {
  align-items: center !important;
}

.cdto-issue-card__body .attributes:not(.cdto-issue-params) .attribute.progress .value {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  flex-wrap: nowrap !important;
}

.cdto-issue-card__body .attributes:not(.cdto-issue-params) .attribute.progress table.progress {
  width: 3.5rem !important;
  min-width: 3.5rem !important;
  height: 0.4rem !important;
  margin: 0 !important;
  flex-shrink: 0;
}

body.controller-issues.action-show .cdto-issue-card__body .attributes:not(.cdto-issue-params) .attribute.status .value {
  display: inline-flex !important;
  align-items: center;
  width: auto !important;
  min-width: 0 !important;
  margin-top: 0 !important;
  padding: 0.2rem 0.55rem !important;
  border-radius: 999px !important;
  background: #ecfdf5 !important;
  border: 1px solid #a7f3d0 !important;
  color: #0f766e !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
}

.cdto-issue-card__body > p:has(+ .attachments),
.cdto-issue-card__body > p:has(+ .attachments-container) {
  margin: 0 0 0.45rem !important;
}

/* Блок «Файлы» внутри описания — после текста wiki */
.cdto-issue-view__description .description .cdto-issue-description-files {
  margin-top: 0.85rem;
  padding-top: 0.65rem;
  border-top: 1px solid #eef2f7;
}

.cdto-issue-view__description .description .cdto-issue-description-slot__empty {
  border: 0;
  background: transparent;
  min-height: 0;
  padding: 0;
}

/* Блок «Файлы» — шапка сверху (перебивает palette v4 column-reverse) */
body.controller-issues.action-show #content .cdto-issue-view__description .description .attachments.cdto-issue-files,
body.controller-issues.action-show #content .cdto-issue-view__description .description .attachments-container.cdto-issue-files,
body.controller-issues.action-show #content .cdto-issue-view__description .attachments.cdto-issue-files,
body.controller-issues.action-show #content .cdto-issue-view__description .attachments-container.cdto-issue-files,
body.controller-issues.action-show #content .cdto-issue-card__body .attachments.cdto-issue-files,
body.controller-issues.action-show #content .cdto-issue-card__body .attachments-container.cdto-issue-files {
  margin: 0 !important;
  padding: 0 !important;
  background: var(--cdto-issue-card-muted-bg);
  border: 1px solid #eef2f7;
  border-radius: 8px;
  overflow: hidden;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  flex-shrink: 0;
}

/* Внутри карточки описания — без отдельной рамки */
body.controller-issues.action-show #content .cdto-issue-view__description .description .attachments.cdto-issue-files,
body.controller-issues.action-show #content .cdto-issue-view__description .description .attachments-container.cdto-issue-files {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.cdto-issue-view__description .description .cdto-issue-files .cdto-issue-files__header {
  background: transparent;
  border-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.cdto-issue-files__header {
  order: 0 !important;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.35rem;
  min-height: 0;
  padding: 0.28rem 0.45rem;
  background: #ffffff;
  border-bottom: 1px solid #eef2f7;
}

.cdto-issue-files__title {
  font-size: 0.74rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #ed7d31 !important;
  line-height: 1.15;
}

.cdto-issue-view__description .description .cdto-issue-files .contextual a,
.cdto-issue-view__description .cdto-issue-files .contextual a,
.cdto-issue-card__body .cdto-issue-files .contextual a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 1.4rem !important;
  min-width: 1.4rem !important;
  height: 1.4rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 5px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  color: #0f766e !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  overflow: hidden;
}

.cdto-issue-view__description .cdto-issue-files .contextual a:hover,
.cdto-issue-card__body .cdto-issue-files .contextual a:hover,
.cdto-issue-view__description .cdto-issue-files .contextual a:focus-visible,
.cdto-issue-card__body .cdto-issue-files .contextual a:focus-visible {
  background: #ecfdf5 !important;
  border-color: #a7f3d0 !important;
  color: #0d5c56 !important;
}

.cdto-issue-view__description .cdto-issue-files .contextual a .icon-svg,
.cdto-issue-card__body .cdto-issue-files .contextual a .icon-svg,
.cdto-issue-view__description .cdto-issue-files .contextual a svg,
.cdto-issue-card__body .cdto-issue-files .contextual a svg {
  width: 13px !important;
  height: 13px !important;
  flex-shrink: 0;
}

/* Перебив palette v4: padding/border на каждой td раздувает высоту */
body.controller-issues.action-show #content .cdto-issue-files table {
  width: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  border-collapse: collapse !important;
  padding: 0 0.35rem !important;
  box-sizing: border-box;
}

body.controller-issues.action-show #content .cdto-issue-files table tbody {
  display: block;
  width: 100%;
  max-height: 9.5rem;
  overflow-x: hidden;
  overflow-y: auto;
}

body.controller-issues.action-show #content .cdto-issue-files table tr {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.2rem 0.3rem;
  width: 100%;
  min-height: 1.3rem;
  padding: 0.05rem 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #f1f5f9 !important;
  box-sizing: border-box;
}

body.controller-issues.action-show #content .cdto-issue-files table tr:last-child {
  border-bottom: 0 !important;
}

body.controller-issues.action-show #content .cdto-issue-files table td {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 0 !important;
  vertical-align: middle !important;
}

body.controller-issues.action-show #content .cdto-issue-files table td:first-child {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0.12rem 0.25rem;
}

body.controller-issues.action-show #content .cdto-issue-files table td:first-child a.icon-attachment {
  min-width: 0;
  flex: 1 1 auto;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.76rem !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
}

body.controller-issues.action-show #content .cdto-issue-files .size {
  flex: 0 0 auto;
  margin: 0 !important;
  font-size: 0.64rem !important;
  color: #94a3b8 !important;
  white-space: nowrap;
}

body.controller-issues.action-show #content .cdto-issue-files table td:first-child a[href*="/attachments/download/"] {
  flex: 0 0 auto;
  width: 1.2rem !important;
  height: 1.2rem !important;
  min-width: 1.2rem !important;
  margin: 0 !important;
}

body.controller-issues.action-show #content .cdto-issue-files table td:nth-child(2) {
  display: none !important;
}

body.controller-issues.action-show #content .cdto-issue-files table td:nth-child(3) {
  display: none !important;
}

body.controller-issues.action-show #content .cdto-issue-files table td:nth-child(4) {
  flex: 0 0 auto;
}

body.controller-issues.action-show #content .cdto-issue-files table td:nth-child(4) a {
  width: 1.15rem !important;
  height: 1.15rem !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0.45;
}

body.controller-issues.action-show #content .cdto-issue-files table td:nth-child(4) a:hover {
  opacity: 0.9;
}

body.controller-issues.action-show #content .cdto-issue-files .thumbnails {
  display: none !important;
}

body.controller-issues.action-show #content .cdto-issue-files .cdto-issue-files__thumb {
  flex: 0 0 1.75rem;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  background: #f1f5f9;
}

body.controller-issues.action-show #content .cdto-issue-files .cdto-issue-files__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cdto-issue-view__description .cdto-issue-files > table,
.cdto-issue-card__body .cdto-issue-files > table,
.cdto-issue-view__description .cdto-issue-files table.files-list,
.cdto-issue-card__body .cdto-issue-files table.files-list {
  order: 1 !important;
  flex: 0 0 auto;
}

.cdto-issue-view__description .cdto-issue-files .thumbnails,
.cdto-issue-card__body .cdto-issue-files .thumbnails {
  order: 2 !important;
  flex: 0 0 auto;
}

.cdto-issue-view__description .cdto-issue-files .contextual,
.cdto-issue-card__body .cdto-issue-files .contextual {
  position: static !important;
  float: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-end;
  gap: 0.15rem;
  margin: 0 !important;
  padding: 0 !important;
}

body.controller-issues.action-show #content .cdto-issue-files .thumbnails .filename,
body.controller-issues.action-show #content .cdto-issue-files .thumbnails .description {
  display: none !important;
}

.cdto-issue-card__body > p > strong {
  display: block;
  margin: 0 0 0.45rem !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #ed7d31 !important;
}

.cdto-issue-card__body #issue_tree,
.cdto-issue-card__body #relations {
  margin: 0 0 0.85rem !important;
  padding: 0.75rem !important;
  background: var(--cdto-issue-card-muted-bg);
  border: 1px solid #eef2f7;
  border-radius: 10px;
}

.cdto-issue-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.55rem;
  padding: 0.75rem 1rem 0.65rem;
  border-bottom: 1px solid #f1f5f9;
  background: #fcfdff;
  flex: 0 0 auto;
}

.cdto-issue-card__actions.contextual,
.cdto-issue-card__actions .contextual {
  position: static !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.cdto-issue-card__actions a {
  display: inline-flex !important;
  align-items: center;
  gap: 0.3rem;
  padding: 0.35rem 0.65rem !important;
  border-radius: 6px !important;
  border: 1px solid #fed7aa !important;
  background: #fff7ed !important;
  color: #b45309 !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.cdto-issue-card__actions a:hover,
.cdto-issue-card__actions a:focus-visible {
  background: #ffedd5 !important;
  border-color: #fdba74 !important;
  color: #9a3412 !important;
  text-decoration: none !important;
}

.cdto-issue-card__actions a.icon-del {
  border-color: #fecaca !important;
  background: #fef2f2 !important;
  color: #b91c1c !important;
}

.cdto-issue-card__actions a.icon-del:hover,
.cdto-issue-card__actions a.icon-del:focus-visible {
  background: #fee2e2 !important;
  border-color: #fca5a5 !important;
  color: #991b1b !important;
}

/* Только «осиротевшие» меню Redmine вне карточки (дубликаты внизу страницы) */
body.cdto-issue-card-ready.controller-issues.action-show #content > .contextual:has(a.icon-edit, a.icon-time-add, a.icon-copy) {
  display: none !important;
}

body.cdto-issue-card-ready.controller-issues.action-show .cdto-issue-card__actions,
body.cdto-issue-card-ready.controller-issues.action-show .cdto-issue-card__actions .contextual,
body.cdto-issue-card-ready.controller-issues.action-show .cdto-issue-card__actions .contextual a {
  display: flex !important;
  visibility: visible !important;
  height: auto !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

body.cdto-issue-card-ready.controller-issues.action-show .cdto-issue-card__actions .contextual {
  float: none !important;
  flex-wrap: wrap;
  gap: 0.35rem 0.55rem;
}

body.cdto-issue-card-ready.controller-issues.action-show .cdto-issue-card__actions .contextual a {
  display: inline-flex !important;
}

.cdto-issue-view__description {
  grid-area: desc;
  flex: none;
  min-width: 0;
  min-height: 0;
  width: auto;
  margin-top: 0 !important;
  position: relative !important;
  top: auto !important;
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--cdto-issue-view-gap);
}

.cdto-issue-description__pager {
  margin: 0;
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-end;
  padding: 0 0.15rem;
}

.cdto-issue-description__pager .next-prev-links {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.78rem !important;
  color: #64748b !important;
  white-space: nowrap;
}

.cdto-issue-description__pager .next-prev-links a {
  color: #0f766e !important;
  text-decoration: none !important;
}

.cdto-issue-description__pager .next-prev-links a:hover,
.cdto-issue-description__pager .next-prev-links a:focus-visible {
  color: #84cc16 !important;
}

.cdto-issue-view__description .description {
  margin: 0 !important;
  padding: 0 !important;
  background: var(--cdto-issue-card-bg);
  border: 1px solid var(--cdto-issue-card-border);
  border-radius: var(--cdto-issue-card-radius);
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
  position: relative;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.cdto-issue-description__nav,
.cdto-issue-thumbnails__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  min-height: 2.45rem;
  padding: 0.65rem 1rem 0.5rem;
  border-bottom: 1px solid #f1f5f9;
  background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
  box-sizing: border-box;
}

.cdto-issue-description__nav > p,
.cdto-issue-thumbnails__nav > p {
  margin: 0 !important;
  flex: 1 1 auto;
  min-width: 0;
}

.cdto-issue-description__nav > p > strong,
.cdto-issue-thumbnails__nav > p > strong {
  display: block;
  margin: 0 !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #ed7d31 !important;
  line-height: 1.15;
}

.cdto-issue-thumbnails__nav-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  flex: 0 0 auto;
  margin-left: auto;
}

.cdto-issue-thumbnails__nav .cdto-issue-thumbnails__files-btn,
.cdto-issue-thumbnails__nav .cdto-issue-thumbnails__clip-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  margin: 0;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
  border: 1px solid #fed7aa;
  border-radius: 5px;
  background: #fff7ed;
  color: #b45309;
  cursor: pointer;
  box-sizing: border-box;
  box-shadow: none;
  transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease;
}

.cdto-issue-thumbnails__nav .cdto-issue-thumbnails__files-btn:hover,
.cdto-issue-thumbnails__nav .cdto-issue-thumbnails__files-btn:focus-visible,
.cdto-issue-thumbnails__nav .cdto-issue-thumbnails__clip-btn:hover,
.cdto-issue-thumbnails__nav .cdto-issue-thumbnails__clip-btn:focus-visible {
  background: #ffedd5;
  border-color: #fdba74;
  color: #9a3412;
  outline: none;
}

.cdto-issue-thumbnails__nav .cdto-issue-thumbnails__files-btn svg,
.cdto-issue-thumbnails__nav .cdto-issue-thumbnails__clip-btn svg {
  width: 1.15rem;
  height: 1.15rem;
  display: block;
}

.cdto-issue-thumbnails__upload-panel {
  display: none;
  flex-direction: column;
  gap: 0.55rem;
  padding: 0.65rem 1rem 0.75rem;
  border-bottom: 1px solid #f1f5f9;
  background: #fffdf8;
  box-sizing: border-box;
}

.cdto-issue-thumbnails__upload-panel--visible {
  display: flex;
}

.cdto-issue-thumbnails__upload-title {
  margin: 0;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #0f766e;
}

.cdto-issue-thumbnails__upload-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.cdto-issue-thumbnails__upload-list li {
  font-size: 0.82rem;
  line-height: 1.35;
  color: #334155;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cdto-issue-thumbnails__upload-item--loading {
  color: #94a3b8;
}

.cdto-issue-thumbnails__upload-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.45rem;
}

.cdto-issue-thumbnails__upload-cancel,
.cdto-issue-thumbnails__upload-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.85rem;
  padding: 0.35rem 0.75rem;
  border-radius: 6px;
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  box-sizing: border-box;
}

.cdto-issue-thumbnails__upload-cancel {
  border: 1px solid #fed7aa;
  background: #fff7ed;
  color: #b45309;
}

.cdto-issue-thumbnails__upload-cancel:hover,
.cdto-issue-thumbnails__upload-cancel:focus-visible {
  background: #ffedd5;
  border-color: #fdba74;
  color: #9a3412;
  outline: none;
}

.cdto-issue-thumbnails__upload-submit {
  border: 1px solid #0f766e;
  background: #0f766e;
  color: #fff;
}

.cdto-issue-thumbnails__upload-submit:hover:not(:disabled),
.cdto-issue-thumbnails__upload-submit:focus-visible:not(:disabled) {
  background: #115e59;
  border-color: #115e59;
  outline: none;
}

.cdto-issue-thumbnails__upload-submit:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.cdto-issue-description__nav .contextual,
.cdto-issue-view__description .description .contextual {
  display: none !important;
}

.cdto-issue-description__body {
  padding: 0.85rem 1rem 1rem;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 0 !important;
  overflow-y: auto !important;
}

.cdto-issue-view__description .description .wiki {
  font-size: 0.92rem !important;
  line-height: 1.55 !important;
  color: #334155 !important;
  max-width: 100%;
  overflow-x: hidden;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.cdto-issue-view__description .description .wiki pre,
.cdto-issue-view__description .description .wiki code {
  white-space: pre-wrap;
  word-break: break-word;
  max-width: 100%;
}

.cdto-issue-view__description .description .wiki img {
  max-width: 100%;
  height: auto;
}

.cdto-issue-view__description .description .wiki table {
  max-width: 100%;
  table-layout: fixed;
}

body.cdto-issue-card-ready .cdto-issue-view__description .description .dynamicEditField {
  max-width: calc(100% - 1.5rem);
  box-sizing: border-box;
  white-space: normal;
}

body.cdto-issue-card-ready .cdto-issue-view__description .description .dynamicEditField.open {
  resize: none;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  max-width: 100%;
}

.cdto-issue-description-slot__empty {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-height: 8rem;
  padding: 0.85rem 1rem;
  background: var(--cdto-issue-card-muted-bg);
  border: 1px dashed #cbd5e1;
  border-radius: var(--cdto-issue-card-radius);
  box-sizing: border-box;
}

.cdto-issue-description-slot__title {
  margin: 0;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #ed7d31;
}

.cdto-issue-description-slot__hint {
  margin: 0;
  font-size: 0.85rem;
  line-height: 1.45;
  color: #64748b;
}

/* Chevron-лента статусов в шапке задачи */
.cdto-issue-status-pipeline {
  --cdto-status-chevron: 8px;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  height: var(--cdto-hero-toolbar-item-h, 1.65rem);
  min-height: var(--cdto-hero-toolbar-item-h, 1.65rem);
}

.cdto-issue-status-step {
  display: flex;
  align-items: stretch;
  flex: 0 0 auto;
  position: relative;
}

/* Правая «стрелка» chevron — отдельный контур между кнопками */
.cdto-issue-status-step:not(.cdto-issue-status-step--last)::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: var(--cdto-status-chevron);
  height: 100%;
  pointer-events: none;
  z-index: 4;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: right center;
}

.cdto-issue-status-step--past:not(.cdto-issue-status-step--last)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 26' preserveAspectRatio='none'%3E%3Cpolyline points='0,0 8,13 0,26' fill='none' stroke='%235eead4' stroke-width='1' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
}

.cdto-issue-status-step--current:not(.cdto-issue-status-step--last)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 26' preserveAspectRatio='none'%3E%3Cpolyline points='0,0 8,13 0,26' fill='none' stroke='%2394e2d8' stroke-width='1' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
}

.cdto-issue-status-step--future:not(.cdto-issue-status-step--last)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 26' preserveAspectRatio='none'%3E%3Cpolyline points='0,0 8,13 0,26' fill='none' stroke='%23cbd5e1' stroke-width='1' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
}

.cdto-issue-status-step + .cdto-issue-status-step {
  margin-left: calc(-1 * var(--cdto-status-chevron) + 1px);
}

.cdto-issue-status-chip {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.28rem;
  height: var(--cdto-hero-toolbar-item-h, 1.65rem);
  min-height: var(--cdto-hero-toolbar-item-h, 1.65rem);
  padding: 0 0.55rem;
  border: none;
  border-radius: 0;
  background: #fff;
  color: #64748b;
  font: inherit;
  font-size: 0.66rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  white-space: nowrap;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
}

.cdto-issue-status-step--first:not(.cdto-issue-status-step--last) .cdto-issue-status-chip {
  padding-left: 0.62rem;
  padding-right: calc(0.5rem + var(--cdto-status-chevron));
  clip-path: polygon(
    0 0,
    calc(100% - var(--cdto-status-chevron)) 0,
    100% 50%,
    calc(100% - var(--cdto-status-chevron)) 100%,
    0 100%
  );
  border-radius: 2px 0 0 2px;
}

.cdto-issue-status-step:not(.cdto-issue-status-step--first):not(.cdto-issue-status-step--last) .cdto-issue-status-chip {
  padding-left: calc(0.5rem + var(--cdto-status-chevron));
  padding-right: calc(0.5rem + var(--cdto-status-chevron));
  clip-path: polygon(
    0 0,
    calc(100% - var(--cdto-status-chevron)) 0,
    100% 50%,
    calc(100% - var(--cdto-status-chevron)) 100%,
    0 100%,
    var(--cdto-status-chevron) 50%
  );
}

.cdto-issue-status-step--last:not(.cdto-issue-status-step--first) .cdto-issue-status-chip {
  padding-left: calc(0.5rem + var(--cdto-status-chevron));
  padding-right: 0.62rem;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, var(--cdto-status-chevron) 50%);
  border-radius: 0 2px 2px 0;
}

.cdto-issue-status-step--first.cdto-issue-status-step--last .cdto-issue-status-chip {
  padding-left: 0.62rem;
  padding-right: 0.62rem;
  clip-path: none;
  border-radius: 2px;
}

.cdto-issue-status-step--first:not(.cdto-issue-status-step--last) .cdto-issue-status-chip,
.cdto-issue-status-step:not(.cdto-issue-status-step--first):not(.cdto-issue-status-step--last) .cdto-issue-status-chip,
.cdto-issue-status-step--last:not(.cdto-issue-status-step--first) .cdto-issue-status-chip {
  filter: drop-shadow(0 0 0.35px var(--cdto-status-chip-chevron-edge, #94a3b8));
}

.cdto-issue-status-chip--past {
  --cdto-status-chip-chevron-edge: var(--cdto-status-chip-chevron-edge-past, #5eead4);
  background: #b2f5ea;
  color: #115e59;
  box-shadow: inset 0 0 0 1px var(--cdto-status-chip-border-past, #a7f3d0);
}

.cdto-issue-status-chip--current {
  --cdto-status-chip-chevron-edge: var(--cdto-status-chip-chevron-edge-current, #94e2d8);
  background: #0f766e !important;
  color: #fff !important;
  font-weight: 700;
  box-shadow: inset 0 0 0 1px #2dd4bf, 0 1px 2px rgba(15, 118, 110, 0.12);
}

.cdto-issue-status-chip--future {
  --cdto-status-chip-chevron-edge: var(--cdto-status-chip-chevron-edge, #94a3b8);
  background: #fff;
  color: #64748b;
  box-shadow: inset 0 0 0 1px var(--cdto-status-chip-border, #cbd5e1);
}

.cdto-issue-status-chip__label {
  display: inline-block;
  max-width: 8rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cdto-issue-status-chip--action {
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.cdto-issue-status-chip--action.cdto-issue-status-chip--past:hover,
.cdto-issue-status-chip--action.cdto-issue-status-chip--past:focus,
.cdto-issue-status-chip--action.cdto-issue-status-chip--past:focus-visible {
  background: #99f6e4;
  color: #0f766e;
  outline: none;
}

.cdto-issue-status-chip--action.cdto-issue-status-chip--past:active {
  background: #5eead4;
  color: #0f766e;
  outline: none;
}

.cdto-issue-status-chip--action.cdto-issue-status-chip--future:hover,
.cdto-issue-status-chip--action.cdto-issue-status-chip--future:focus,
.cdto-issue-status-chip--action.cdto-issue-status-chip--future:focus-visible {
  background: #ecfdf5;
  color: #0f766e;
  box-shadow: inset 0 0 0 1px #a7f3d0;
  outline: none;
}

.cdto-issue-status-chip--action.cdto-issue-status-chip--future:active {
  background: #d1fae5;
  color: #0f766e;
  box-shadow: inset 0 0 0 1px #0f766e;
  outline: none;
}

/* Opale: button:focus/hover → синий #169; сбрасываем для chip-кнопок статусов */
.cdto-issue-status-chip.cdto-issue-status-chip--action,
.cdto-issue-status-chip.cdto-issue-status-chip--action:hover,
.cdto-issue-status-chip.cdto-issue-status-chip--action:focus,
.cdto-issue-status-chip.cdto-issue-status-chip--action:active {
  transform: none;
  border: none !important;
}

.cdto-issue-status-chip--action.cdto-issue-status-chip--past,
.cdto-issue-status-chip--action.cdto-issue-status-chip--past:focus {
  background: #b2f5ea !important;
  color: #115e59 !important;
  box-shadow: inset 0 0 0 1px var(--cdto-status-chip-border-past, #5eead4) !important;
}

.cdto-issue-status-chip--action.cdto-issue-status-chip--future,
.cdto-issue-status-chip--action.cdto-issue-status-chip--future:focus {
  background: #fff !important;
  color: #64748b !important;
  box-shadow: inset 0 0 0 1px var(--cdto-status-chip-border, #94a3b8) !important;
}

.cdto-issue-status-chip--closed.cdto-issue-status-chip--future.cdto-issue-status-chip--action,
.cdto-issue-status-chip--closed.cdto-issue-status-chip--future.cdto-issue-status-chip--action:focus,
.cdto-issue-status-chip--closed.cdto-issue-status-chip--future.cdto-issue-status-chip--action:active {
  background: #f8fafc !important;
  color: #94a3b8 !important;
  box-shadow: inset 0 0 0 1px var(--cdto-status-chip-border, #94a3b8) !important;
}

.cdto-issue-status-chip--readonly {
  cursor: default;
}

.cdto-issue-status-chip--closed.cdto-issue-status-chip--future {
  background: #f8fafc;
  color: #94a3b8;
  box-shadow: inset 0 0 0 1px var(--cdto-status-chip-border, #64748b);
}

.cdto-issue-status-chip--closed.cdto-issue-status-chip--action:hover,
.cdto-issue-status-chip--closed.cdto-issue-status-chip--action:focus,
.cdto-issue-status-chip--closed.cdto-issue-status-chip--action:focus-visible {
  background: #f1f5f9;
  color: #64748b;
  box-shadow: inset 0 0 0 1px #cbd5e1;
}

.cdto-issue-status-chip--current:disabled {
  cursor: default;
  opacity: 1;
}

body.cdto-issue-card-ready.controller-issues.action-show:has(.cdto-issue-hero--has-statuses)
  .cdto-issue-card__body
  .attributes.cdto-issue-params
  .attribute.status {
  display: none !important;
}

body.cdto-issue-card-ready.controller-issues.action-show:has(.cdto-issue-hero--has-priority)
  .cdto-issue-card__body
  .attributes.cdto-issue-params
  .attribute.priority {
  display: none !important;
}

/* Отдельный центральный блок — полоса миниатюр под описанием */
.cdto-issue-thumbnails {
  flex: 0 0 auto;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--cdto-issue-card-bg);
  border: 1px solid var(--cdto-issue-card-border);
  border-radius: var(--cdto-issue-card-radius);
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
  position: relative;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.cdto-issue-thumbnails--empty .cdto-issue-thumbnails__nav {
  border-bottom: 0;
}

.cdto-issue-thumbnails__body {
  padding: 0.65rem 1rem 0.75rem;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
}

body.controller-issues.action-show #content .cdto-issue-thumbnails .thumbnails {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 0.5rem;
  margin: 0 !important;
  padding: 0 0 0.1rem !important;
  width: max-content;
  min-width: 100%;
}

body.controller-issues.action-show #content .cdto-issue-thumbnails .thumbnails a {
  display: block !important;
  flex: 0 0 auto;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc;
  line-height: 0;
  transition: border-color 0.2s, box-shadow 0.2s;
}

body.controller-issues.action-show #content .cdto-issue-thumbnails .thumbnails a:hover,
body.controller-issues.action-show #content .cdto-issue-thumbnails .thumbnails a:focus-visible {
  border-color: #a7f3d0 !important;
  box-shadow: 0 2px 6px rgba(15, 118, 110, 0.08);
}

body.controller-issues.action-show #content .cdto-issue-thumbnails .thumbnails img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover;
}

body.controller-issues.action-show #content .cdto-issue-thumbnails .thumbnails .filename,
body.controller-issues.action-show #content .cdto-issue-thumbnails .thumbnails .description {
  display: none !important;
}

.cdto-issue-view__aside {
  grid-area: aside;
  grid-row: 1 / span 2;
  flex: none;
  min-width: 0;
  min-height: 0;
  width: auto;
  margin-top: 0 !important;
  position: relative !important;
  top: auto !important;
  overflow: hidden;
  padding: 0;
  background: var(--cdto-issue-card-bg);
  border: 1px solid var(--cdto-issue-card-border);
  border-radius: var(--cdto-issue-card-radius);
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.cdto-issue-view__aside #history,
.cdto-issue-view__aside #history.journals {
  margin: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  clear: both !important;
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.cdto-issue-view__aside .tabs {
  margin: 0 !important;
  padding: 0.85rem 1rem 0.65rem;
  border-bottom: 1px solid #f1f5f9;
  background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
  flex: 0 0 auto;
  position: relative;
  z-index: 2;
}

.cdto-issue-view__aside .tabs.cdto-issue-aside-tabs {
  padding-top: 0.7rem;
  padding-bottom: 0.55rem;
}

.cdto-issue-view__aside .cdto-issue-aside__body,
.cdto-issue-view__aside #history > .cdto-issue-aside__body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 0.65rem 0.75rem 0.85rem;
  overscroll-behavior: contain;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.cdto-issue-view__aside .cdto-issue-aside__body .tab-content {
  overflow: visible !important;
  max-height: none !important;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

/* Форма комментария закреплена; прокручивается только лента */
.cdto-issue-view__aside #history > .cdto-issue-aside__body--composer-pinned {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  padding: 0;
  gap: 0;
}

/* Форма ввода — в покое высота = toolbar+title (низ = заголовок); может расти при resize notes */
.cdto-issue-view__aside #history > .cdto-issue-aside__body--composer-pinned > #update.cdto-issue-update--notes-only {
  flex: 0 0 auto;
  order: -1 !important;
  width: 100%;
  max-width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  min-height: var(--cdto-hero-composer-h);
  height: auto;
  border: 0 !important;
  /* внешняя нижняя граница — одна линия (не жирная / не задвоенная) */
  border-bottom: 1px solid var(--cdto-issue-card-border) !important;
  border-radius: var(--cdto-issue-card-radius) var(--cdto-issue-card-radius) 0 0;
  background: var(--cdto-issue-card-bg);
  box-shadow: none !important;
  z-index: 2;
  /* visible — ручка resize textarea не обрезается */
  overflow: visible;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.cdto-issue-view__aside #history > .cdto-issue-aside__body--composer-pinned > #update.cdto-issue-update--notes-only .cdto-notes-composer__editor {
  position: relative;
  flex: 1 1 auto;
  width: 100%;
  max-width: 100%;
  min-height: 0;
  height: auto;
  margin: 0;
  border-radius: 0;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box;
  background: var(--cdto-issue-card-bg);
  display: flex;
  flex-direction: column;
  overflow: visible;
}

.cdto-issue-view__aside #history > .cdto-issue-aside__body--composer-pinned > #update.cdto-issue-update--notes-only .cdto-notes-composer__editor:focus-within {
  box-shadow: inset 0 0 0 2px rgba(167, 243, 208, 0.85);
  border: 0 !important;
}

/* Панель действий внизу + разделитель между textarea и действиями */
.cdto-issue-view__aside #history > .cdto-issue-aside__body--composer-pinned > #update.cdto-issue-update--notes-only .cdto-notes-composer__editor-bar {
  position: static;
  z-index: 1;
  flex: 0 0 var(--cdto-hero-composer-bar-h);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.35rem;
  order: 2;
  width: 100%;
  min-height: var(--cdto-hero-composer-bar-h);
  height: var(--cdto-hero-composer-bar-h);
  max-height: var(--cdto-hero-composer-bar-h);
  margin: 0;
  padding: 0 0.55rem;
  border: 0 !important;
  border-top: 1px solid var(--cdto-issue-card-border) !important;
  background: #fafafa !important;
  box-shadow: none !important;
  pointer-events: auto;
  box-sizing: border-box;
}

.cdto-issue-view__aside #history > .cdto-issue-aside__body--composer-pinned > #update.cdto-issue-update--notes-only .cdto-notes-composer__bar-end {
  display: flex;
  align-items: center;
  margin-left: auto;
  pointer-events: auto;
}

/* «Приватный комментарий» + галочка — по вертикали по центру панели действий */
.cdto-issue-view__aside #history > .cdto-issue-aside__body--composer-pinned > #update.cdto-issue-update--notes-only .cdto-notes-composer__editor-bar .cdto-notes-private-row {
  display: inline-flex !important;
  flex-direction: row;
  align-items: center !important;
  align-self: center !important;
  gap: 0.4rem;
  margin: 0 !important;
  padding: 0.15rem 0.45rem !important;
  min-height: 0;
  height: auto;
  box-sizing: border-box;
}

.cdto-issue-view__aside #history > .cdto-issue-aside__body--composer-pinned > #update.cdto-issue-update--notes-only .cdto-notes-composer__editor-bar .cdto-notes-private-row input[type='checkbox'],
.cdto-issue-view__aside #history > .cdto-issue-aside__body--composer-pinned > #update.cdto-issue-update--notes-only .cdto-notes-composer__editor-bar .cdto-notes-private-row #issue_private_notes {
  margin: 0 !important;
  padding: 0 !important;
  width: 0.95rem;
  height: 0.95rem;
  flex-shrink: 0;
  vertical-align: middle;
  align-self: center;
}

.cdto-issue-view__aside #history > .cdto-issue-aside__body--composer-pinned > #update.cdto-issue-update--notes-only .cdto-notes-composer__editor-bar .cdto-notes-private-row label {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
  font-size: 0.75rem !important;
  white-space: nowrap;
}

.cdto-issue-view__aside #history > .cdto-issue-aside__body--composer-pinned > #update.cdto-issue-update--notes-only .jstEditor,
.cdto-issue-view__aside #history > .cdto-issue-aside__body--composer-pinned > #update.cdto-issue-update--notes-only #add_notes.cdto-notes-composer,
.cdto-issue-view__aside #history > .cdto-issue-aside__body--composer-pinned > #update.cdto-issue-update--notes-only #issue-form,
.cdto-issue-view__aside #history > .cdto-issue-aside__body--composer-pinned > #update.cdto-issue-update--notes-only #issue-form > .box {
  display: flex !important;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

.cdto-issue-view__aside #history > .cdto-issue-aside__body--composer-pinned > #update.cdto-issue-update--notes-only .jstEditor {
  flex: 1 1 auto;
  order: 1;
  min-height: 0;
  height: auto;
  overflow: visible;
}

.cdto-issue-view__aside #history > .cdto-issue-aside__body--composer-pinned > #update.cdto-issue-update--notes-only #issue_notes,
.cdto-issue-view__aside #history > .cdto-issue-aside__body--composer-pinned > #update.cdto-issue-update--notes-only textarea.wiki-edit {
  flex: 1 1 auto;
  width: 100% !important;
  /* пол notes-h; height без !important — иначе браузерный resize не работает (PRECEDENT 2026-08-27) */
  min-height: var(--cdto-hero-composer-notes-h) !important;
  height: var(--cdto-hero-composer-notes-h);
  max-height: min(45vh, 20rem) !important;
  resize: vertical;
  margin: 0 !important;
  padding: 0.55rem 0.75rem !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  box-sizing: border-box !important;
  overflow-y: auto;
}

.cdto-issue-view__aside #history > .cdto-issue-aside__body--composer-pinned > .cdto-issue-aside__feed {
  flex: 1 1 auto;
  order: 1 !important;
  min-height: 0;
  height: 0;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  padding: 0.55rem 0.75rem 0.85rem;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.cdto-issue-view__aside #history > .cdto-issue-aside__body--composer-pinned > .cdto-issue-aside__feed .tab-content {
  flex: 1 1 auto;
  min-height: 0;
}

/* Пустая лента комментариев: подсказка под формой ввода */
.cdto-issue-view__aside #history > .cdto-issue-aside__body--composer-pinned > .cdto-issue-aside__feed > p.cdto-issue-aside__empty-hint,
.cdto-issue-view__aside #history.cdto-issue-aside--no-tabs > .cdto-issue-aside__body--composer-pinned > .cdto-issue-aside__feed > p.nodata {
  margin: 0.35rem 0 0;
  padding: 0.65rem 0.85rem;
  border-radius: 8px;
  background: #fffbeb;
  border: 1px solid #fde68a;
  color: #92400e;
  font-size: 0.82rem;
  line-height: 1.45;
  text-align: left;
}

/* Fallback: если JS-обёртка не сработала — прокрутка всего #history, tabs липнут */
.cdto-issue-view__aside #history:not([data-cdto-aside-nav="1"]) {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

.cdto-issue-view__aside #history:not([data-cdto-aside-nav="1"]) > .tabs {
  position: sticky;
  top: 0;
  z-index: 2;
  background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
}

.cdto-issue-view__aside .tabs ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.cdto-issue-view__aside .tabs li {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.cdto-issue-view__aside .tabs li a {
  display: inline-block;
  padding: 0.35rem 0.65rem !important;
  border-radius: 6px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  color: #0f766e !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.cdto-issue-view__aside .tabs li a:hover:not(.selected) {
  background: #f0fdf4 !important;
  border-color: #bbf7d0 !important;
  color: #0f766e !important;
}

.cdto-issue-view__aside .tabs li a.selected {
  background: #ecfdf5 !important;
  border-color: #a7f3d0 !important;
  color: #0d5c56 !important;
}

/* Примечания / история — карточки в ленте */
.cdto-issue-view__aside .journal {
  margin: 0 !important;
  padding: 0.65rem 0.75rem 0.7rem !important;
  border: 1px solid #eef2f7 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  box-sizing: border-box !important;
  clear: none !important;
  float: none !important;
  overflow: visible !important;
  position: relative;
  isolation: isolate;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.cdto-issue-view__aside .journal:hover {
  border-color: #dbeafe !important;
  box-shadow: 0 2px 6px rgba(15, 118, 110, 0.06);
}

.cdto-issue-view__aside .journal > .note {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  position: static;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box;
}

.cdto-issue-view__aside .journal > .note:hover {
  border-color: transparent !important;
  box-shadow: none !important;
}

.cdto-issue-view__aside .journal.private-notes {
  background: #fffbeb !important;
  border-color: #fde68a !important;
  border-left: 1px solid #fde68a !important;
}

.cdto-issue-view__aside .journal.private-notes:hover {
  border-color: #fcd34d !important;
  box-shadow: 0 2px 6px rgba(180, 83, 9, 0.08);
}

.cdto-issue-view__aside .journal.private-notes > .note {
  background: transparent !important;
  border: 0 !important;
  border-left: 0 !important;
}

.cdto-issue-view__aside .journal.private-notes > .note:hover {
  border-color: transparent !important;
  box-shadow: none !important;
}

body.controller-issues.action-show #content .cdto-issue-view__aside .journal > .note > h4.journal-header,
.cdto-issue-view__aside .journal h4.journal-header,
.cdto-issue-view__aside #history.journals h4.journal-header,
.cdto-issue-view__aside .journals h4.journal-header {
  display: flex !important;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  margin: 0 0 0.15rem 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: 1.3 !important;
  overflow: visible !important;
  position: static !important;
  float: none !important;
  clear: none !important;
  transform: none !important;
  inset: auto !important;
}

/* Opale theme: journal-info margin-left:-26px и «хвост» h4::before/::after — автор вылезает за карточку */
.cdto-issue-view__aside .journal > .note > h4.journal-header::before,
.cdto-issue-view__aside .journal > .note > h4.journal-header::after,
.cdto-issue-view__aside .journal h4.journal-header::before,
.cdto-issue-view__aside .journal h4.journal-header::after,
.cdto-issue-view__aside #history.journals h4.journal-header::before,
.cdto-issue-view__aside #history.journals h4.journal-header::after,
.cdto-issue-view__aside .journals h4.journal-header::before,
.cdto-issue-view__aside .journals h4.journal-header::after {
  content: none !important;
  display: none !important;
  position: static !important;
  inset: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}

.cdto-issue-view__aside #history.journals div:target h4.journal-header,
.cdto-issue-view__aside .journals div:target h4.journal-header {
  background: transparent !important;
  background-color: transparent !important;
}

.cdto-issue-view__aside .journal .journal-info,
.cdto-issue-view__aside .journal .journal-meta {
  background: transparent !important;
  border: 0 !important;
}

.cdto-issue-view__aside .journal .journal-info {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.35rem 0.45rem;
  min-width: 0;
  max-width: none;
  margin-left: 0 !important;
  transform: none !important;
  overflow: visible !important;
  font-size: 0.78rem !important;
  color: #64748b !important;
}

.cdto-issue-view__aside .journal .journal-info span[id$='-private_notes']:empty {
  display: none !important;
}

.cdto-issue-view__aside .journal .journal-info .avatar,
.cdto-issue-view__aside .journal .journal-info .gravatar,
.cdto-issue-view__aside .journal .journal-info img.gravatar {
  display: none !important;
}

.cdto-issue-view__aside .journal .journal-info .cdto-journal-author,
.cdto-issue-view__aside .journal .journal-info a.user.cdto-journal-author,
.cdto-issue-view__aside .journal .journal-info .cdto-journal-user,
.cdto-issue-view__aside .journal .journal-info a.user.cdto-journal-user,
.cdto-issue-view__aside .journal .journal-info a.user.active {
  display: inline-block;
  vertical-align: baseline;
  flex: 0 1 auto;
  min-width: 0;
  max-width: none;
  width: auto;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.76rem !important;
  font-weight: 400 !important;
  color: #94a3b8 !important;
  text-decoration: none !important;
  line-height: 1.25 !important;
  direction: ltr !important;
  unicode-bidi: isolate;
  text-align: left !important;
  text-indent: 0 !important;
  transform: none !important;
  position: static !important;
  float: none !important;
  white-space: nowrap;
  overflow: visible !important;
  text-overflow: clip !important;
}

.cdto-issue-view__aside .journal .journal-info .cdto-journal-author:hover,
.cdto-issue-view__aside .journal .journal-info .cdto-journal-author:focus-visible,
.cdto-issue-view__aside .journal .journal-info a.user.cdto-journal-author:hover,
.cdto-issue-view__aside .journal .journal-info a.user.cdto-journal-author:focus-visible,
.cdto-issue-view__aside .journal .journal-info .cdto-journal-user:hover,
.cdto-issue-view__aside .journal .journal-info .cdto-journal-user:focus-visible,
.cdto-issue-view__aside .journal .journal-info a.user.cdto-journal-user:hover,
.cdto-issue-view__aside .journal .journal-info a.user.cdto-journal-user:focus-visible,
.cdto-issue-view__aside .journal .journal-info a.user.active:hover,
.cdto-issue-view__aside .journal .journal-info a.user.active:focus-visible {
  color: #64748b !important;
  text-decoration: underline !important;
}

.cdto-issue-view__aside .journal .journal-info abbr {
  display: none !important;
}

.cdto-issue-view__aside .journal .journal-info .update-info {
  display: none !important;
}

.cdto-issue-view__aside .journal .journal-info a:not(.cdto-journal-author) {
  color: #0f766e !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.cdto-issue-view__aside .journal .journal-info a:not(.cdto-journal-author):hover,
.cdto-issue-view__aside .journal .journal-info a:not(.cdto-journal-author):focus-visible {
  color: #84cc16 !important;
  text-decoration: underline !important;
}

.cdto-issue-view__aside .journal .journal-meta {
  display: inline-flex;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.35rem;
  flex-shrink: 0;
  min-width: 0;
  max-width: none;
  margin-left: 0;
  overflow: visible !important;
}

.cdto-issue-view__aside .journal .journal-meta .cdto-journal-time {
  flex: 0 0 auto;
  font-size: 0.72rem !important;
  font-weight: 400 !important;
  color: #94a3b8 !important;
  line-height: 1.2 !important;
  white-space: nowrap;
}

.cdto-issue-view__aside .journal .journal-meta .cdto-journal-time abbr {
  font-size: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
  text-decoration: none !important;
  cursor: default;
  border: 0 !important;
}

.cdto-issue-view__aside .journal .journal-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.65rem;
  height: 1.35rem;
  padding: 0 0.4rem !important;
  border-radius: 999px !important;
  border: 1px solid #fed7aa !important;
  background: #fff7ed !important;
  color: #b45309 !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  line-height: 1 !important;
}

.cdto-issue-view__aside .journal .journal-link:hover,
.cdto-issue-view__aside .journal .journal-link:focus-visible {
  background: #ffedd5 !important;
  border-color: #fdba74 !important;
  color: #9a3412 !important;
}

/* Лайк в шапке комментария — слева от номера карточки */
.cdto-issue-view__aside .journal .journal-meta .cdto-journal-reaction-meta {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}

.cdto-issue-view__aside .journal .journal-meta .reaction-button-wrapper {
  display: inline-flex;
  align-items: center;
  line-height: 1;
}

.cdto-issue-view__aside .journal .journal-meta .reaction-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.15rem;
  min-width: 1.45rem;
  height: 1.35rem;
  padding: 0 0.35rem !important;
  border-radius: 999px !important;
  border: 1px solid #fed7aa !important;
  background: #fff7ed !important;
  color: #b45309 !important;
  font-size: 0.68rem !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.cdto-issue-view__aside .journal .journal-meta .reaction-button.reacted,
.cdto-issue-view__aside .journal .journal-meta .reaction-button.readonly.has-reactions {
  border-color: #bae6fd !important;
  background: #e0f2fe !important;
  color: #0369a1 !important;
}

.cdto-issue-view__aside .journal .journal-meta .reaction-button:hover,
.cdto-issue-view__aside .journal .journal-meta .reaction-button:focus-visible {
  background: #ffedd5 !important;
  border-color: #fdba74 !important;
  color: #9a3412 !important;
}

.cdto-issue-view__aside .journal .journal-meta .reaction-button.reacted:hover,
.cdto-issue-view__aside .journal .journal-meta .reaction-button.reacted:focus-visible,
.cdto-issue-view__aside .journal .journal-meta .reaction-button.readonly.has-reactions:hover,
.cdto-issue-view__aside .journal .journal-meta .reaction-button.readonly.has-reactions:focus-visible {
  background: #bae6fd !important;
  border-color: #7dd3fc !important;
  color: #0c4a6e !important;
}

.cdto-issue-view__aside .journal .journal-meta .reaction-button .icon-svg,
.cdto-issue-view__aside .journal .journal-meta .reaction-button svg {
  width: 12px !important;
  height: 12px !important;
  flex: 0 0 auto;
}

/* Всплывающая панель действий комментария (как в Телеграфе) */
.cdto-issue-view__aside .journal .journal-actions {
  position: absolute;
  top: 0.35rem;
  right: 0.5rem;
  z-index: 4;
  display: none;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.05rem;
  padding: 0.12rem 0.18rem;
  border-radius: 999px;
  border: 1px solid #e2e8f0;
  background: rgba(255, 255, 255, 0.98);
  box-shadow:
    0 2px 10px rgba(15, 23, 42, 0.08),
    0 1px 3px rgba(15, 23, 42, 0.05);
  backdrop-filter: blur(6px);
  pointer-events: none;
}

.cdto-issue-view__aside .journal:hover .journal-actions,
.cdto-issue-view__aside .journal:focus-within .journal-actions,
.cdto-issue-view__aside .journal:has(.drdn.expanded) .journal-actions,
.cdto-issue-view__aside .journal:has(.journal-actions :focus-visible) .journal-actions {
  display: inline-flex;
  pointer-events: auto;
  box-shadow:
    0 4px 14px rgba(15, 23, 42, 0.1),
    0 1px 4px rgba(15, 23, 42, 0.06);
}

.cdto-issue-view__aside .journal.cdto-journal-editing .journal-actions {
  display: none !important;
}

/* Все действия комментария — одна строка, без выпадающего «…» */
.cdto-issue-view__aside .journal .journal-actions > .drdn {
  display: contents !important;
}

.cdto-issue-view__aside .journal .journal-actions .drdn-trigger {
  display: none !important;
}

.cdto-issue-view__aside .journal .journal-actions .drdn-content {
  display: contents !important;
  position: static !important;
  inset: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.cdto-issue-view__aside .journal .journal-actions .drdn-items {
  display: contents !important;
}

.cdto-issue-view__aside .journal .journal-actions .drdn-items a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 1.55rem;
  height: 1.55rem;
  padding: 0 !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: transparent !important;
  color: #64748b !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.cdto-issue-view__aside .journal .journal-actions .drdn-items a:hover,
.cdto-issue-view__aside .journal .journal-actions .drdn-items a:focus-visible {
  background: #f1f5f9 !important;
  color: #0f766e !important;
}

.cdto-issue-view__aside .journal .journal-actions a,
.cdto-issue-view__aside .journal .journal-actions .drdn-trigger {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 1.55rem;
  height: 1.55rem;
  padding: 0 !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: transparent !important;
  color: #64748b !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.cdto-issue-view__aside .journal .journal-actions a:hover,
.cdto-issue-view__aside .journal .journal-actions a:focus-visible,
.cdto-issue-view__aside .journal .journal-actions .drdn-trigger:hover,
.cdto-issue-view__aside .journal .journal-actions .drdn-trigger:focus-visible {
  background: #f1f5f9 !important;
  border-color: transparent !important;
  color: #0f766e !important;
}

.cdto-issue-view__aside .journal .journal-actions a .icon-svg,
.cdto-issue-view__aside .journal .journal-actions a svg,
.cdto-issue-view__aside .journal .journal-actions .drdn-trigger .icon-svg,
.cdto-issue-view__aside .journal .journal-actions .drdn-trigger svg,
.cdto-issue-view__aside .journal .journal-actions .drdn-items a .icon-svg,
.cdto-issue-view__aside .journal .journal-actions .drdn-items a svg {
  width: 14px !important;
  height: 14px !important;
}

@media (hover: none) {
  .cdto-issue-view__aside .journal:active .journal-actions,
  .cdto-issue-view__aside .journal:has(.drdn.expanded) .journal-actions {
    display: inline-flex;
    pointer-events: auto;
  }
}

.cdto-issue-view__aside .journal .journal-content,
.cdto-issue-view__aside #history.journals .journal-content,
.cdto-issue-view__aside .journals .journal-content {
  font-size: 0.84rem !important;
  line-height: 1.5 !important;
  color: #334155 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-top: 0 !important;
}

.cdto-issue-view__aside .journal .journal-content .wiki,
.cdto-issue-view__aside #history.journals .journal .journal-content .wiki,
.cdto-issue-view__aside .journals .journal .journal-content .wiki {
  font-size: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.cdto-issue-view__aside .journal .journal-content .wiki p,
.cdto-issue-view__aside .journal .journal-content .journal-note p {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  line-height: 1.5 !important;
}

.cdto-issue-view__aside .journal .journal-content .wiki p + p,
.cdto-issue-view__aside .journal .journal-content .journal-note p + p {
  margin-top: 0.45rem !important;
}

.cdto-issue-view__aside .journal .journal-note {
  border: 0 !important;
  border-top: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.cdto-issue-view__aside .journal .journal-details {
  margin: 0 0 0.35rem !important;
  padding: 0.45rem 0.55rem 0.45rem 0 !important;
  list-style: none !important;
  background: #f8fafc;
  border: 1px solid #eef2f7;
  border-radius: 8px;
}

.cdto-issue-view__aside .journal .journal-details li {
  position: relative;
  margin: 0 !important;
  padding: 0.18rem 0 0.18rem 0.85rem !important;
  font-size: 0.78rem !important;
  line-height: 1.4 !important;
  color: #475569 !important;
}

.cdto-issue-view__aside .journal .journal-details li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.55rem;
  width: 0.35rem;
  height: 0.35rem;
  border-radius: 999px;
  background: #5eead4;
  border: 1px solid #99f6e4;
}

.cdto-issue-view__aside .journal .journal-details li + li {
  border-top: 1px dashed #e2e8f0;
  margin-top: 0.12rem !important;
  padding-top: 0.28rem !important;
}

.cdto-issue-view__aside .journal .journal-details a {
  color: #0f766e !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}

.cdto-issue-view__aside .journal .journal-details a:hover,
.cdto-issue-view__aside .journal .journal-details a:focus-visible {
  color: #84cc16 !important;
  text-decoration: underline !important;
}

.cdto-issue-view__aside .journal .journal-content .thumbnails {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin: 0.45rem 0 0 !important;
  padding: 0 !important;
}

.cdto-issue-view__aside .journal .journal-content .thumbnails a {
  display: block;
  flex: 0 1 calc(50% - 0.25rem);
  max-width: 100%;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  line-height: 0;
}

.cdto-issue-view__aside .journal .journal-content .thumbnails a:hover,
.cdto-issue-view__aside .journal .journal-content .thumbnails a:focus-visible {
  border-color: #a7f3d0;
  box-shadow: 0 2px 6px rgba(15, 118, 110, 0.08);
}

.cdto-issue-view__aside .journal .journal-content .thumbnails img {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 7.5rem;
  object-fit: cover;
}

.cdto-issue-view__aside .journal .journal-content .filename,
.cdto-issue-view__aside .journal .journal-content .description {
  font-size: 0.76rem !important;
  color: #64748b !important;
}

.cdto-issue-view__aside .journal .journal-update-info,
.cdto-issue-view__aside .journal .journal-info .badge,
.cdto-issue-view__aside .journal .private-notes-indicator,
.cdto-issue-view__aside .journal .journal-info .badge.badge-private,
.cdto-issue-view__aside .journal .journal-info .badge.private {
  display: inline-flex;
  align-items: center;
  padding: 0.1rem 0.4rem !important;
  border-radius: 999px !important;
  font-size: 0.66rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.01em;
}

.cdto-issue-view__aside .journal .journal-update-info,
.cdto-issue-view__aside .journal .journal-info .badge {
  background: #ecfdf5 !important;
  border: 1px solid #a7f3d0 !important;
  color: #0f766e !important;
}

.cdto-issue-view__aside .journal .private-notes-indicator,
.cdto-issue-view__aside .journal .journal-info .badge.badge-private,
.cdto-issue-view__aside .journal .journal-info .badge.private {
  background: #fff7ed !important;
  border: 1px solid #fed7aa !important;
  color: #b45309 !important;
}

.cdto-issue-view__aside .journal:last-child > .note {
  margin-bottom: 0;
}

.cdto-issue-view__main .other-formats,
body.cdto-issue-card-ready.controller-issues.action-show #content > .other-formats {
  display: none !important;
}

@media (max-width: 640px) {
  /* Toolbar над заголовком — всегда одна строка; статусы сжимаются со scroll */
  .cdto-issue-hero__toolbar {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }

  .cdto-issue-hero__toolbar .cdto-issue-hero__actions {
    width: auto;
    margin-left: auto;
  }

  .cdto-issue-hero__byline {
    flex-direction: column;
    align-items: flex-start;
  }

  .cdto-issue-hero__byline-aside {
    width: 100%;
    margin-left: 0;
    justify-content: flex-start;
  }

  .cdto-issue-hero__byline-aside .cdto-issue-hero__nav + .cdto-issue-hero__export,
  .cdto-issue-hero__byline-aside .cdto-issue-hero__nav + .other-formats {
    padding-left: 0;
    border-left: 0;
  }
}

@media (max-width: 1280px) {
  .cdto-issue-view {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas:
      'hero hero'
      'main desc'
      'aside aside';
    grid-template-rows: auto minmax(0, 1fr) minmax(0, 1fr);
  }

  .cdto-issue-view__aside {
    grid-row: auto;
    height: auto;
    max-height: var(--cdto-issue-view-h);
  }

  body.cdto-issue-card-ready.controller-issues.action-show {
    overflow: hidden !important;
  }
}

@media (max-width: 900px) {
  .cdto-issue-view {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      'hero'
      'main'
      'desc'
      'aside';
    grid-template-rows: auto minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  }

  .cdto-issue-view__hero {
    grid-column: auto;
    display: flex;
    flex-direction: column;
    row-gap: 0;
  }

  .cdto-issue-hero__toolbar,
  .cdto-issue-hero__title,
  .cdto-issue-hero__byline {
    grid-column: auto;
  }

  .cdto-issue-hero__byline {
    border-radius: 0 0 var(--cdto-issue-card-radius) var(--cdto-issue-card-radius);
  }

  .cdto-issue-view__main,
  .cdto-issue-view__description,
  .cdto-issue-view__aside {
    width: 100%;
    height: auto;
    max-height: var(--cdto-issue-view-h);
  }

  .cdto-issue-card__body .attributes.cdto-issue-params .splitcontent,
  .cdto-issue-card__body .attributes:not(.cdto-issue-params) .splitcontent {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}