/* documents-ui.css - документы, шаблоны, сверка паспорта, ЭДО (задача 2). Префикс dc-, токены дизайна v4 (style.css), шрифт Manrope наследуется. */

.dc-ext{margin-top:26px;min-width:0}
.dc-ext *{box-sizing:border-box}
.dc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin-bottom:22px}
.dc-grid>*{min-width:0}
.dc-panel{min-width:0}
.dc-org .dc-panel+.dc-panel{margin-top:22px}
.dc-text{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 16px}
.dc-sub{font-size:11px;line-height:1.6;color:var(--muted);margin:6px 0 0}
.dc-loading{font-size:12px;margin:0}
.dc-ext .pf-kv{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:14px}
.dc-ext .pf-kv dd{font-size:13px;overflow-wrap:anywhere}
.dc-inline-actions{display:flex;gap:18px;flex-wrap:wrap}
.dc-files .wk-panel-heading{align-items:flex-start}
.dc-row>.tag{flex:none}
.dc-row a.wk-icon-button{text-decoration:none}
.dc-ext .wk-text-button{font-size:11px;font-weight:700}

/* Карточки шаблонов */
.dc-tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.dc-tpl{min-height:118px}
.dc-tpl b{font-size:13px;line-height:1.35}
.dc-tpl small{font-size:11px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dc-subtitle{font-size:14px;font-weight:700;letter-spacing:-.2px;margin:26px 0 4px}

/* Документы организации */
.dc-org-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dc-org-slot{display:grid;grid-template-columns:38px minmax(0,1fr) auto;grid-template-areas:'icon info tag' 'icon actions actions';gap:6px 12px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:var(--white)}
.dc-org-icon{grid-area:icon;width:38px;height:42px;border-radius:10px;background:var(--paper);color:var(--muted);display:grid;place-items:center;align-self:start}
.dc-org-info{grid-area:info;min-width:0}
.dc-org-info b{display:block;font-size:13px}
.dc-org-info small{display:block;font-size:11px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dc-org-slot>.tag{grid-area:tag;font-size:10px;white-space:nowrap}
.dc-org-actions{grid-area:actions;display:flex;gap:16px;flex-wrap:wrap}
.dc-link{font-size:11px;font-weight:700}

/* Диалоги: карточка документа, сверка паспорта, шаблон */
.dc-dialog{text-align:left;min-width:0}
.dc-dialog h2{margin:6px 0 8px}
.dc-emblem{width:54px;height:54px;border-radius:17px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;margin-bottom:18px}
.dc-lead{color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 16px;overflow-wrap:anywhere}
.dc-dialog .pf-kv{margin:6px 0 4px}
.dc-dialog .pf-kv dd{overflow-wrap:anywhere}
.dc-dialog .pf-form{margin-top:16px}
.dc-actions{align-items:center}
.dc-actions a.button{text-decoration:none}
.dc-send{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}
.dc-send .pf-field{margin-bottom:12px}
.dc-send .pf-form-actions{margin-top:4px}
.dc-danger-link{display:inline-block;margin-top:18px;background:none;border:0;padding:0;font:inherit;font-size:12px;font-weight:700;color:var(--red);cursor:pointer}
.dc-danger-link:hover{text-decoration:underline;text-underline-offset:4px}

/* Подписание (ЭДО) */
.dc-sign{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--white)}
.dc-sign-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:13px}
.dc-sign-steps{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px}
.dc-sign-steps li{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--muted)}
.dc-sign-steps li span{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;background:var(--paper);color:var(--ink);flex:none}
.dc-sign-steps li.done{color:var(--ink)}
.dc-sign-steps li.done span{background:var(--blue);color:var(--white)}
.dc-hint{font-size:11px;line-height:1.5;color:var(--muted);margin:10px 0 0}

@media (max-width:1050px){
  .dc-grid{grid-template-columns:1fr}
  .dc-org-grid{grid-template-columns:1fr}
}
@media (max-width:740px){
  .dc-ext{margin-top:18px}
  .dc-grid{gap:18px;margin-bottom:18px}
  .dc-tpl-grid{grid-template-columns:1fr}
  .dc-tpl{min-height:0}
  .dc-org-slot{grid-template-columns:34px minmax(0,1fr);grid-template-areas:'icon info' 'icon tag' 'icon actions'}
  .dc-org-slot>.tag{justify-self:start}
  .dc-actions .button{flex:1 1 auto}
  .dc-files .wk-panel-heading{flex-wrap:wrap}
  /* «Сформировать документ» на узких экранах переносится под заголовок, а не выходит за край (QA 110526 BUG-119) */
  .dc-org .emp-panel-heading{flex-wrap:wrap}
  .dc-org .emp-panel-heading>.button{max-width:100%;flex:0 1 auto}
}
@media (max-width:740px){
  .dc-row{flex-wrap:wrap;position:relative;padding-right:76px}
  .dc-row .wk-doc-info{flex-basis:calc(100% - 50px)}
  .dc-row>.tag{order:4;margin-left:45px;margin-top:-4px}
  .dc-row>.wk-icon-button{position:absolute;top:18px;right:0}
  .dc-row>a.wk-icon-button{right:36px}
}

/* Акты, заявки и счета организации (агентство, страховая) */
.dc-papers-root .pf-stat-grid{margin-bottom:22px}
.dc-papers{min-width:0}
.dc-papers-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.dc-papers-head .pf-tabs{margin:0}
.dc-paper-cell{display:flex;align-items:flex-start;gap:12px;min-width:0}
.dc-paper-cell b,.dc-paper-party b{display:block;font-size:13px;line-height:1.35}
.dc-paper-cell small,.dc-paper-party small{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:2px;max-width:320px;overflow-wrap:anywhere}
.dc-paper-icon{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--paper);color:var(--ink)}
.dc-paper-icon.blue{color:var(--blue)}
.dc-paper-icon.yellow{background:var(--yellow)}
.dc-fmts{display:inline-flex;gap:8px;flex-wrap:wrap}
.dc-fmt{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:100px;border:1px solid var(--line);background:var(--white);font-size:11px;font-weight:750;line-height:1.2;color:var(--ink);white-space:nowrap}
.dc-fmt:hover{border-color:var(--blue);color:var(--blue)}
.dc-fmt-make{border-style:dashed;color:var(--muted)}
.dc-papers .pf-note{margin-top:18px}
.dc-trip-docs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
@media (max-width:740px){
  .dc-papers-head{align-items:stretch}
  .dc-papers-head>.button{width:100%}
  .dc-papers-head .pf-tabs{overflow-x:auto;max-width:100%}
  .dc-paper-cell small,.dc-paper-party small{max-width:none}
}

/* Отдельное согласие: сведения о здоровье и о судимости */
.dc-consent .dc-consent-text{max-height:min(46vh,380px);overflow:auto;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--white);font-size:12px;line-height:1.65;color:var(--ink);overscroll-behavior:contain}
.dc-consent .dc-consent-text h3{font-size:12px;font-weight:800;letter-spacing:.2px;margin:0 0 10px;color:var(--ink)}
.dc-consent .dc-consent-text p{margin:0 0 10px;font-size:12px;line-height:1.65;color:var(--ink);overflow-wrap:anywhere}
.dc-consent .dc-consent-text p:last-child{margin-bottom:0}
.dc-consent-check{display:flex;align-items:center;gap:10px;margin:16px 0 4px;font-size:13px;font-weight:700;cursor:pointer}
.dc-consent-check input{width:18px;height:18px;flex:none;margin:0;padding:0}
.dc-consent .pf-dialog-actions{margin-top:16px}
@media (max-width:740px){.dc-consent .dc-consent-text{max-height:42vh;padding:12px}.dc-consent .pf-dialog-actions .button{flex:1 1 100%}}

/* QA 07.11 BUG-102: на телефоне длинные названия документов не заходят под стрелку справа, счётчик - рядом с заголовком */
@media (max-width:760px){
  html body .wk-docs-layout .wk-document-row:not(.dc-row){padding-right:34px}
  html body .wk-docs-layout .wk-document-row:not(.dc-row) .wk-doc-info{flex:1 1 calc(100% - 50px);min-width:0}
  html body .dc-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;column-gap:8px;padding-right:0}
  html body .dc-row>.wk-doc-info{min-width:0;flex-basis:auto}
  html body .dc-row>.wk-icon-button{position:static}
  html body .dc-row>.tag{grid-column:2 / -1;grid-row:2;margin:6px 0 0;justify-self:start;order:initial}
  html body .dc-files .wk-panel-heading{flex-direction:row;flex-wrap:nowrap;align-items:flex-start}
  html body .dc-files .wk-panel-heading>div{min-width:0;flex:1}
  html body .dc-files .wk-panel-heading>.tag{flex:none}
}
/* вкладки фильтра документов - одной строкой с прокруткой, а не «Добавленные» на второй строке */
@media (max-width:740px){
  html body .wk-docs-layout .wk-filter-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  html body .wk-docs-layout .wk-filter-tabs::-webkit-scrollbar{display:none}
  html body .wk-docs-layout .wk-filter-tabs button{flex:none;white-space:nowrap}
}
/* QA 07.11 BUG-112: кнопка в строке вкладок на 320 не выходит за панель */
.dc-papers-head>.button{max-width:100%;white-space:normal;text-align:center}

/* Повторная визуальная приёмка 07.11: «Показать все» под сокращённым списком сформированных документов */
.dc-more{margin-top:14px}
/* Повторная визуальная приёмка 07.11: длинное название контрагента в узкой ячейке переносится по слогам, а не «Металлоконструкци|й» */
.dc-paper-party b,.dc-paper-cell b{hyphens:auto;-webkit-hyphens:auto}