.technical-documents-workspace { display: grid; gap: var(--space-4); min-width: 0; }
.technical-documents-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-3); }
.technical-documents-toolbar input { flex: 1 1 260px; min-width: 0; }
.technical-documents-toolbar .c-button { flex-shrink: 0; }
.technical-documents-row { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, .85fr) minmax(0, .85fr) 82px minmax(0, .8fr); align-items: center; gap: var(--space-4); padding: var(--space-4); }
.technical-documents-row [data-label="Создано"] { white-space: nowrap; }
.technical-documents-row > span { min-width: 0; overflow-wrap: anywhere; }
.technical-documents-row__title { font-weight: var(--weight-body); }
.technical-documents-row__files { display: grid; gap: var(--space-1); }
.technical-documents-row__files small { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: var(--muted); font-size: var(--type-caption); }
.technical-documents-detail-title, .technical-documents-actions, .technical-documents-section-title { display: flex; gap: var(--space-3); align-items: center; flex-wrap: wrap; }
.technical-documents-detail-title { justify-content: space-between; }
.technical-documents-detail-title > div { min-width: 0; }
.technical-documents-detail-title h2 { margin: 0; font-size: var(--type-section); overflow-wrap: anywhere; }
.technical-documents-detail-grid { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: var(--space-4); }
.technical-documents-card { display: grid; gap: var(--space-4); min-width: 0; padding: var(--space-5); }
.technical-documents-card--content, .technical-documents-card--metadata { gap: var(--space-3); padding: var(--space-4); }
.technical-documents-card h3 { margin: 0; font-size: var(--type-body); font-weight: var(--weight-heading); }
.technical-documents-text { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.6; margin: 0; }
.technical-documents-text--collapsed { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; overflow: hidden; }
.technical-documents-muted { color: var(--muted); font-size: var(--type-caption); line-height: 1.5; overflow-wrap: anywhere; }
.technical-documents-metadata { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr)); gap: var(--space-3) var(--space-4); margin: 0; }
.technical-documents-metadata div { min-width: 0; }
.technical-documents-metadata dt { color: var(--muted); font-size: var(--type-caption); margin-bottom: var(--space-1); overflow-wrap: anywhere; }
.technical-documents-metadata dd { margin: 0; overflow-wrap: anywhere; }
.technical-documents-person { color: var(--brand-primary); font: inherit; border: 0; background: transparent; padding: 0; text-align: left; cursor: pointer; overflow-wrap: anywhere; }
.technical-documents-person:focus-visible { outline: var(--focus-ring-width) solid var(--focus-ring); outline-offset: 2px; }
.technical-documents-person:hover { text-decoration: underline; }
.technical-documents-files { display: grid; gap: var(--space-3); }
.technical-documents-file { display: flex; gap: var(--space-3); align-items: center; justify-content: space-between; padding: var(--space-3) 0; border-bottom: 1px solid var(--line); min-width: 0; }
.technical-documents-file:last-child { border-bottom: 0; }
.technical-documents-card--content .technical-documents-files { gap: 0; }
.technical-documents-card--content .technical-documents-file { padding-block: var(--space-2); }
.technical-documents-card--content .technical-documents-file:first-child { padding-top: 0; }
.technical-documents-card--content .technical-documents-file:last-child { padding-bottom: 0; }
.technical-documents-file__name { display: grid; gap: var(--space-1); min-width: 0; }
.technical-documents-file small { color: var(--muted); font-size: var(--type-caption); overflow-wrap: anywhere; }
.technical-documents-file > .c-button { flex-shrink: 0; }
.technical-documents-source { border-top: 1px solid var(--line); padding-top: var(--space-3); }
.technical-documents-source summary { cursor: pointer; color: var(--muted); font-size: var(--type-caption); }
.technical-documents-comments { display: grid; gap: var(--space-5); }
.technical-documents-comment { display: grid; gap: var(--space-3); border-bottom: 1px solid var(--line); padding-bottom: var(--space-4); min-width: 0; }
.technical-documents-comment__head { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-2) var(--space-3); }
.technical-documents-comment__head time { color: var(--muted); font-size: var(--type-caption); }
.technical-documents-reactions { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.technical-documents-comment-form { display: grid; gap: var(--space-3); }
.technical-documents-comment-form .c-button { justify-self: start; }
.technical-documents-comment-form .c-field__error:empty { display: none; }
.technical-documents-empty { padding: var(--space-8); text-align: center; color: var(--muted); }
.technical-documents-empty .c-button { margin: var(--space-2); }
.technical-documents-dialog { max-height: min(90dvh, 960px); }
.technical-documents-dialog .c-modal__content { min-width: 0; }
.technical-documents-form { display: grid; gap: var(--space-4); }
.technical-documents-form input[type="file"] { width: 100%; max-width: 100%; }
.technical-documents-existing { font-size: var(--type-body); display: grid; gap: var(--space-3); border: 1px solid var(--line); border-radius: var(--radius-sm); padding: var(--space-3); min-width: 0; }
.technical-documents-existing label { display: flex; gap: var(--space-2); align-items: flex-start; overflow-wrap: anywhere; min-width: 0; }
.technical-documents-existing label > span { flex: 1; min-width: 0; }
@media (max-width: 1000px) {
  .technical-documents-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .technical-documents-row__title { grid-column: 1 / -1; }
  .technical-documents-row [data-label="Кем создано"]::before { content: "Кем создано: "; color: var(--muted); }
  .technical-documents-row [data-label="Ответственный"]::before { content: "Ответственный: "; color: var(--muted); }
  .technical-documents-row [data-label="Создано"], .technical-documents-row [data-label="Файлы"] { color: var(--muted); font-size: var(--type-caption); }
  .technical-documents-row [data-label="Файлы"] > small::before { content: "Файлы: "; }
  .technical-documents-row.c-registry__header { display: none; }
}
@media (max-width: 700px) {
  .technical-documents-toolbar input { flex-basis: calc(100% - 60px); }
  .technical-documents-toolbar .c-button { flex: 1 1 100%; }
  .technical-documents-row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2) var(--space-3); padding: var(--space-4); }
  .technical-documents-row__title, .technical-documents-row [data-label="Кем создано"], .technical-documents-row [data-label="Ответственный"] { grid-column: 1 / -1; }
  .technical-documents-row [data-label="Ответственный"] { color: var(--muted); font-size: var(--type-caption); }
  .technical-documents-row [data-label="Ответственный"]::before { content: "Ответственный: "; }
  .technical-documents-card { padding: var(--space-4); }
  .technical-documents-file { flex-wrap: wrap; }
  .technical-documents-file__name { flex: 1 1 160px; }
  .technical-documents-dialog { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .technical-documents-dialog .c-modal__footer { flex-wrap: wrap; }
  .technical-documents-dialog .c-modal__footer .c-button { flex: 1 1 auto; }
}
