/* cover-sheet-wizard.css — мастер «Новый лист согласования» (#/cover-sheets/new). Токены те же, что у карточки (cover-sheet.css): синий — действие и текущий шаг,
   зелёный — шаг заполнен, красный — ошибка, золото — только хеш. Единственная светлая поверхность — лист письма A4 (Georgia): это и есть «бумага» документа. */

.csw { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.csw-head { display: grid; gap: 4px; }
.csw-title { margin: 0; font-size: 22px; font-weight: 700; letter-spacing: -.01em; color: var(--text-primary); }
.csw-meta { margin: 0; font-size: 13px; color: var(--text-muted); }
.csw-bar { display: none; height: 4px; border-radius: 4px; background: var(--bg-subtle); overflow: hidden; margin-top: 6px; }
.csw-bar span { display: block; height: 100%; background: var(--cs-blue-hi); border-radius: 4px; }

.csw-grid { display: grid; grid-template-columns: 190px minmax(0, 1fr) 270px; gap: 20px; align-items: start; }

/* степпер — маршрутный лист: вертикальная нить, на ней отметки шагов */
.csw-steps { list-style: none; margin: 0; padding: 0; position: relative; display: grid; gap: 2px; }
.csw-steps::before { content: ''; position: absolute; left: 15px; top: 14px; bottom: 14px; width: 1px; background: var(--border-default); }
.csw-step__b { position: relative; display: flex; align-items: center; gap: 10px; width: 100%; padding: 6px 8px 6px 0; background: none; border: 0; cursor: pointer; text-align: left; font: inherit; font-size: 13.5px; color: var(--text-secondary); border-radius: 8px; }
.csw-step__b:hover .csw-step__l { color: var(--text-primary); }
.csw-step__b:focus-visible { outline: 2px solid var(--cs-blue-hi); outline-offset: 2px; }
.csw-step__n { flex: none; display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; font-size: 12.5px; font-weight: 700; background: var(--bg-card, #0c1b3b); border: 1px solid var(--border-default); color: var(--text-muted); font-variant-numeric: tabular-nums; }
.csw-step--current .csw-step__n { background: var(--cs-blue); border-color: var(--cs-blue-hi); color: #fff; box-shadow: 0 0 0 4px rgba(58, 95, 192, .22); }
.csw-step--current .csw-step__l { color: var(--text-primary); font-weight: 600; }
.csw-step--done .csw-step__n { background: rgba(16, 185, 129, .16); border-color: rgba(16, 185, 129, .5); color: #34d399; }
.csw-step--bad .csw-step__n { background: rgba(229, 83, 83, .15); border-color: rgba(229, 83, 83, .5); color: #f08585; }
[data-theme="light"] .csw-step--done .csw-step__n { color: #047857; } [data-theme="light"] .csw-step--bad .csw-step__n { color: #b42318; }
.csw-step .cs-i { display: block; }

/* рабочая панель шага */
.csw-panel { min-width: 0; padding: 22px 24px; border: 1px solid var(--ark-card-border, var(--border-default)); border-radius: 12px; background: var(--ark-card-bg, rgba(10, 31, 68, .35)); display: grid; gap: 16px; }
.csw-q { margin: 0; font-size: 19px; font-weight: 650; letter-spacing: -.005em; color: var(--text-primary); }
.csw-body { display: grid; gap: 12px; min-width: 0; }
.csw-lead { margin: 0; font-size: 14px; line-height: 1.55; color: var(--text-secondary); max-width: 62ch; }
.csw-hint { display: flex; justify-content: space-between; gap: 12px; margin: 0; font-size: 12.5px; color: var(--text-muted); }
.csw-none { color: var(--text-muted); font-style: normal; }
.csw-empty { margin: 0; padding: 18px; border: 1px dashed var(--border-default); border-radius: 10px; font-size: 13.5px; color: var(--text-muted); }
.csw-input { width: 100%; font-size: 15px; padding: 11px 14px; }
.csw-input--date { max-width: 220px; }
.csw-err { margin: 0; padding: 10px 14px; border-radius: 8px; font-size: 13.5px; color: #f08585; background: rgba(229, 83, 83, .1); border: 1px solid rgba(229, 83, 83, .4); }
[data-theme="light"] .csw-err { color: #b42318; }
.csw-foot { display: flex; justify-content: space-between; gap: 10px; padding-top: 4px; }
.csw-add { justify-self: start; }

/* письмо: белый лист A4, Georgia */
.csw-a4 { justify-self: center; width: min(100%, 680px); }
.csw-a4 .lr { border-radius: 4px; overflow: hidden; box-shadow: 0 6px 24px rgba(0, 0, 0, .35); }
.csw-a4 .lr__area { background: #fff; color: #1a1a1a; font-family: Georgia, 'Times New Roman', serif; font-size: 15.5px; line-height: 1.7; min-height: 420px; padding: 40px 48px; outline: none; }
.csw-a4 .lr__area p { margin: 0 0 10px; }

/* поиск и варианты */
.csw-find { position: relative; }
.csw-res { position: absolute; z-index: 20; left: 0; right: 0; top: calc(100% + 4px); max-height: 280px; overflow: auto; padding: 4px; border: 1px solid var(--border-default); border-radius: 10px; background: var(--bg-card, #0c1b3b); box-shadow: 0 12px 32px rgba(0, 0, 0, .45); }
.csw-res[hidden] { display: none; }
.csw-res__none { padding: 12px; font-size: 13px; color: var(--text-muted); }
.csw-opt { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 10px; background: none; border: 0; border-radius: 8px; text-align: left; font: inherit; color: var(--text-primary); cursor: pointer; }
.csw-opt--new { margin-top: 4px; border-top: 1px solid var(--border-default); border-radius: 0 0 8px 8px; font-weight: 600; color: var(--accent, #7fa2ff); }
.csw-opt:hover, .csw-opt:focus-visible { background: rgba(58, 95, 192, .22); outline: none; }
.csw-opt b, .csw-pick b, .csw-person b, .csw-signer b, .csw-file b { font-size: 14px; font-weight: 600; }
.csw-opt:not(.csw-opt--p) { flex-direction: column; align-items: flex-start; gap: 1px; }
.csw-opt small, .csw-pick small, .csw-person small, .csw-signer small, .csw-file small { display: block; font-size: 12px; color: var(--text-muted); }
.csw-pick { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid rgba(143, 176, 255, .25); border-radius: 10px; background: rgba(46, 78, 168, .12); }
.csw-pick__ic { flex: none; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 9px; background: rgba(46, 78, 168, .3); color: var(--ark-nav-on-fg, #8FB0FF); }
.csw-pick__m, .csw-file__m, .csw-person__m, .csw-signer__m { min-width: 0; flex: 1; }

/* файл */
.csw-drop { display: grid; justify-items: center; gap: 6px; padding: 34px 20px; text-align: center; border: 1.5px dashed rgba(143, 176, 255, .4); border-radius: 12px; cursor: pointer; color: var(--text-secondary); transition: border-color .15s, background .15s; }
.csw-drop b { font-size: 15px; color: var(--text-primary); }
.csw-drop span { font-size: 13px; color: var(--text-muted); }
.csw-drop:hover, .csw-drop.is-over, .csw-drop:focus-visible { border-color: var(--cs-blue-hi); background: rgba(58, 95, 192, .12); outline: none; }
.csw-file { display: flex; align-items: center; gap: 14px; padding: 14px; border: 1px solid var(--border-default); border-radius: 10px; }
.csw-file__a { display: flex; gap: 8px; flex-wrap: wrap; }
.csw-hash { display: grid; gap: 6px; padding: 10px 12px; border-radius: 8px; background: rgba(10, 31, 68, .6); border: 1px solid rgba(143, 176, 255, .14); }
[data-theme="light"] .csw-hash { background: #eef2fa; border-color: #d3dcf0; }
.csw-hash__l { font-size: 10.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--text-muted); }
.csw-hash code { font-family: var(--cs-mono); font-size: 13.5px; line-height: 1.55; letter-spacing: .02em; color: var(--cs-gold); overflow-wrap: anywhere; }
.csw-hash small { font-size: 12px; color: var(--text-muted); }

/* согласующие */
.csw-people { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.csw-person { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--border-default); border-radius: 10px; background: rgba(10, 31, 68, .25); cursor: grab; }
.csw-person:active { cursor: grabbing; }
.csw-grip { color: var(--text-muted); letter-spacing: -2px; font-size: 14px; user-select: none; }
.csw-person__n { flex: none; display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; font-size: 12px; font-weight: 700; background: var(--cs-blue); color: #fff; font-variant-numeric: tabular-nums; }
.csw-person__a { display: flex; gap: 4px; }
.csw-ib { display: inline-grid; place-items: center; width: 30px; height: 30px; border: 1px solid var(--border-default); border-radius: 8px; background: none; color: var(--text-secondary); cursor: pointer; font: inherit; font-size: 14px; }
.csw-ib:hover:not(:disabled) { border-color: var(--cs-blue-hi); color: var(--text-primary); }
.csw-ib:disabled { opacity: .35; cursor: default; }
.csw-ib--x:hover:not(:disabled) { border-color: rgba(229, 83, 83, .6); color: #f08585; }
.csw-ib:focus-visible { outline: 2px solid var(--cs-blue-hi); outline-offset: 2px; }
.csw-find--add[hidden], .csw-add[hidden] { display: none; }

/* порядок */
.csw-modes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.csw-mode { position: relative; display: grid; align-content: start; gap: 8px; padding: 16px; border: 1px solid var(--border-default); border-radius: 12px; cursor: pointer; transition: border-color .15s, background .15s; }
.csw-mode input { position: absolute; opacity: 0; pointer-events: none; }
.csw-mode:hover { border-color: rgba(143, 176, 255, .5); }
.csw-mode.is-on { border-color: var(--cs-blue-hi); background: rgba(58, 95, 192, .16); box-shadow: inset 0 0 0 1px var(--cs-blue-hi); }
.csw-mode:has(input:focus-visible) { outline: 2px solid var(--cs-blue-hi); outline-offset: 2px; }
.csw-mode__t { font-size: 15px; font-weight: 650; color: var(--text-primary); }
.csw-mode__t em { font-style: normal; font-weight: 500; font-size: 11px; margin-left: 6px; padding: 2px 7px; border-radius: 999px; color: var(--text-muted); border: 1px solid var(--border-default); }
.csw-mode__h { font-size: 13px; line-height: 1.5; color: var(--text-secondary); }
.csw-dia { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-top: 6px; font-size: 12px; }
.csw-dia i { font-style: normal; color: var(--text-muted); }
.csw-dia__col { display: grid; gap: 4px; }
.csw-chip { display: inline-block; padding: 3px 9px; border-radius: 999px; border: 1px solid var(--border-default); background: var(--bg-subtle); color: var(--text-secondary); white-space: nowrap; }
.csw-chip--sign { border-color: rgba(212, 160, 23, .55); color: var(--cs-gold); background: rgba(212, 160, 23, .1); }

/* подписант */
.csw-signer { display: flex; align-items: center; gap: 16px; padding: 18px; border: 1px solid rgba(212, 160, 23, .45); border-radius: 12px; background: rgba(212, 160, 23, .07); }
.csw-signer b { font-size: 17px; }
.csw-signer small { font-size: 13px; }
.csw-signer em { display: block; margin-top: 6px; font-style: normal; font-size: 12px; color: var(--cs-gold); }
.csw-signer .av { width: 56px; height: 56px; font-size: 18px; }

/* срок */
.csw-chips { display: flex; gap: 8px; flex-wrap: wrap; }
.csw-q-chip { padding: 6px 12px; border-radius: 999px; border: 1px solid var(--border-default); background: none; color: var(--text-secondary); font: inherit; font-size: 13px; cursor: pointer; }
.csw-q-chip:hover { border-color: var(--cs-blue-hi); color: var(--text-primary); }
.csw-q-chip:focus-visible { outline: 2px solid var(--cs-blue-hi); outline-offset: 2px; }

/* проверка */
.csw-rev { margin: 0; display: grid; }
.csw-rev__r { display: grid; grid-template-columns: 130px minmax(0, 1fr) auto; gap: 14px; align-items: baseline; padding: 11px 0; border-bottom: 1px solid var(--border-default); }
.csw-rev__r:last-child { border-bottom: 0; }
.csw-rev dt { font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--text-muted); }
.csw-rev dd { margin: 0; font-size: 14.5px; color: var(--text-primary); overflow-wrap: anywhere; }
.csw-rev dd small { display: block; margin-top: 3px; font-size: 12.5px; color: #f08585; }
.csw-rev__r.is-bad dt { color: #f08585; }
.csw-link { background: none; border: 0; padding: 2px 0; font: inherit; font-size: 13px; color: var(--ark-nav-on-fg, #8FB0FF); cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.csw-create { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding-top: 6px; }
.csw-create span { font-size: 13px; color: var(--text-muted); max-width: 52ch; }
.csw-stub { padding: 14px 16px; border-radius: 10px; border: 1px solid rgba(212, 160, 23, .5); background: rgba(212, 160, 23, .08); }
.csw-stub p { margin: 4px 0 8px; font-size: 13px; color: var(--text-secondary); }
.csw-stub pre { margin: 0; max-height: 260px; overflow: auto; font-family: var(--cs-mono); font-size: 12px; line-height: 1.5; color: var(--text-primary); }

/* правая сводка */
.csw-sum { position: sticky; top: 12px; padding: 16px; border: 1px solid var(--border-default); border-radius: 12px; }
.csw-sum__h { margin: 0 0 10px; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--text-muted); }
.csw-sum dl { margin: 0; display: grid; gap: 10px; }
.csw-sum__r dt { font-size: 11px; color: var(--text-muted); }
.csw-sum__r dd { margin: 1px 0 0; font-size: 13.5px; color: var(--text-primary); overflow-wrap: anywhere; }

/* узкие экраны: степпер уходит в полоску прогресса, колонки встают друг под друга */
@media (max-width: 1100px) { .csw-grid { grid-template-columns: 170px minmax(0, 1fr); } .csw-sum { display: none; } }
@media (max-width: 760px) {
  .csw-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .csw-nav { display: none; }
  .csw-bar { display: block; }
  .csw-panel { padding: 16px; }
  .csw-modes { grid-template-columns: minmax(0, 1fr); }
  .csw-a4 .lr__area { padding: 22px 20px; min-height: 320px; }
  .csw-rev__r { grid-template-columns: minmax(0, 1fr) auto; } .csw-rev dt { grid-column: 1 / -1; }
  .csw-foot .btn { min-height: 44px; flex: 1; } .csw-foot span { display: none; }
  .csw-ib { width: 40px; height: 40px; }
  .csw-signer { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) { .csw-drop, .csw-mode { transition: none; } }

/* сетка не должна растягиваться по содержимому (длинный хеш, JSON заглушки, письмо в одну строку) */
.csw-panel > *, .csw-body > *, .csw-rev > *, .csw-rev__r > * { min-width: 0; }
.csw-stub pre { white-space: pre-wrap; overflow-wrap: anywhere; }
@media (max-width: 760px) { .csw { padding-bottom: 88px; } }   /* под нижней панелью приложения */

/* шаг «Документ» у UNG: два пути — бланк в Word Online или готовый файл */
.csw-gap { margin-top: 14px; }
.csw-doc-opts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.csw-doc-opt { display: grid; gap: 4px; text-align: left; padding: 14px 16px; border-radius: 12px; border: 1px solid var(--border-default); background: none; color: var(--text-secondary); font: inherit; cursor: pointer; }
.csw-doc-opt b { font-size: 14.5px; color: var(--text-primary); } .csw-doc-opt span { font-size: 12.5px; line-height: 1.45; }
.csw-doc-opt:hover { border-color: rgba(143, 176, 255, .5); }
.csw-doc-opt.is-on { border-color: var(--cs-blue-hi); background: rgba(58, 95, 192, .16); box-shadow: inset 0 0 0 1px var(--cs-blue-hi); }
.csw-doc-opt:focus-visible { outline: 2px solid var(--cs-blue-hi); outline-offset: 2px; }
@media (max-width: 760px) { .csw-doc-opts { grid-template-columns: minmax(0, 1fr); } }

/* Шаг «От кого шлём?» (юрлица) и подсказка «нет должности» в списке людей */
.csw-ents { display: grid; gap: 10px; }
.csw-ent { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 12px; row-gap: 2px; align-items: center; padding: 14px 16px; border-radius: 12px; border: 1px solid var(--border-default); cursor: pointer; }
.csw-ent:hover { border-color: rgba(143, 176, 255, .5); }
.csw-ent.is-on { border-color: var(--cs-blue-hi); background: rgba(58, 95, 192, .16); box-shadow: inset 0 0 0 1px var(--cs-blue-hi); }
.csw-ent input { grid-row: 1 / span 2; accent-color: var(--cs-blue-hi); }
.csw-ent__t { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; } .csw-ent__t b { font-size: 15px; color: var(--text-primary); } .csw-ent__t em { font-style: normal; font-size: 11.5px; padding: 1px 8px; border-radius: 999px; background: rgba(143, 176, 255, .14); color: var(--text-secondary); }
.csw-ent__h { grid-column: 2; font-size: 12.5px; color: var(--text-muted); overflow-wrap: anywhere; }
.csw-opt--off { cursor: default; background: rgba(239, 68, 68, .07); } .csw-opt--off:hover { background: rgba(239, 68, 68, .07); }
.csw-opt--off small { color: var(--status-danger, #f87171); white-space: normal; }

/* Вкладка «Должности» в карточке сотрудника */
.ud-tabs { margin: 12px 0 8px; }
.ua-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 6px 0 10px; }
.ua-head { flex-wrap: wrap; } .ua-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.ua-item { padding: 12px 14px; border: 1px solid var(--border-default); border-radius: 12px; display: grid; gap: 6px; }
.ua-item__top { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; } .ua-item__top b { font-size: 14px; }
.ua-code { font: 600 11px var(--cs-mono, monospace); letter-spacing: .04em; padding: 1px 6px; border-radius: 6px; background: rgba(143, 176, 255, .14); color: var(--text-secondary); }
.ua-pos { font-size: 13.5px; } .ua-chips { display: flex; flex-wrap: wrap; gap: 6px; } .ua-meta { font-size: 12px; color: var(--text-muted); }
.ua-closed { opacity: .62; } .ua-act { display: flex; gap: 8px; margin-top: 2px; }
.ua-chk { display: flex; align-items: center; gap: 8px; font-size: 13px; margin: 6px 0; } .ua-chks { display: grid; gap: 2px; }

/* Записи личной карточки сотрудника (образование, семья, воинский учёт …) */
.hrr { display: grid; gap: 22px; max-width: 880px; }
.hrr-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 10px; }
.hrr-title { margin: 0; font-size: 15px; font-weight: 650; color: var(--text-primary); }
.hrr-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.hrr-item { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding: 12px 14px; border: 1px solid var(--border-default); border-radius: 12px; }
.hrr-main { display: grid; gap: 3px; min-width: 0; } .hrr-main b { font-size: 14px; overflow-wrap: anywhere; } .hrr-sub { font-size: 12.5px; color: var(--text-muted); } .hrr-comment { margin: 4px 0 0; font-size: 12.5px; color: var(--text-secondary); white-space: pre-wrap; }
.hrr-act { display: flex; gap: 6px; flex: none; } .hrr-note { margin: 0; font-size: 13px; color: var(--text-muted); } .hrr-note--err { color: var(--status-danger, #f87171); }
.hrr-warn { justify-self: start; font-size: 12px; font-weight: 600; padding: 2px 10px; border-radius: 999px; } .hrr-warn--warn { background: rgba(245, 158, 11, .16); color: #f5b13d; } .hrr-warn--err { background: rgba(239, 68, 68, .16); color: #f87171; }
@media (max-width: 600px) { .hrr-item { flex-direction: column; } }
.wpc-tabs .core-tabs { flex-wrap: wrap; row-gap: 6px; }   /* вкладок записей кадрового учёта много: переносятся, а не прячутся за краем */
.lv-note { margin-top: 4px; font-size: 12px; color: var(--text-muted); white-space: normal; } .lv-note a { color: var(--cs-blue-hi, #8fb0ff); }

/* Командировки (#/trips) */
.trp { display: flex; flex-direction: column; gap: var(--space-4); max-width: var(--page-max, 1600px); }
.trp .page-header { align-items: flex-start; gap: var(--space-4); flex-wrap: wrap; }
.trp-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.trp-card { padding: 12px 14px; border: 1px solid var(--border-default); border-radius: 12px; display: grid; gap: 4px; font-size: 13px; }
.trp-card__top { display: flex; justify-content: space-between; gap: 10px; align-items: baseline; } .trp-card__act { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 6px; }
.trp-money { display: grid; grid-template-columns: 1fr 92px; gap: 8px; }
.hp-list { margin: 0; display: grid; gap: 6px; } .hp-r { display: grid; grid-template-columns: 190px 1fr; gap: 12px; font-size: 13.5px; } .hp-r dt { color: var(--text-muted); } .hp-r dd { margin: 0; overflow-wrap: anywhere; }
@media (max-width: 600px) { .hp-r { grid-template-columns: 1fr; gap: 2px; } }
.trp-hl { outline: 2px solid var(--border-focus, #8fb0ff); outline-offset: -2px; background: color-mix(in srgb, var(--accent-primary, #2e4ea8) 14%, transparent); }

/* Входящие письма (A4): на телефоне — карточки */
.kci-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.kci-card { width: 100%; text-align: left; display: grid; gap: 4px; padding: 12px 14px; border: 1px solid var(--border-default); border-radius: 12px; background: var(--bg-surface, transparent); color: inherit; font: inherit; font-size: 13px; cursor: pointer; }
.kci-card:focus-visible { outline: 2px solid var(--accent-primary, currentColor); outline-offset: 2px; }
.kci-card__top { display: flex; justify-content: space-between; gap: 10px; align-items: center; } .kci-card__subj { font-size: 14px; overflow-wrap: anywhere; } .kci-card__meta { color: var(--text-secondary); overflow-wrap: anywhere; } .kci-card__res { color: var(--text-muted); font-size: 12.5px; }

/* Штатное расписание: сводка, группы по отделам */
.stf-sum { margin: 16px 0 4px; display: grid; gap: 8px; } .stf-sum__txt { margin: 0; font-size: 14px; color: var(--text-secondary); } .stf-sum__txt b { color: var(--text-primary, inherit); font-variant-numeric: tabular-nums; }
.stf-meter { display: flex; gap: 2px; height: 8px; max-width: 560px; border-radius: 4px; overflow: hidden; } .stf-seg { min-width: 4px; } .stf-seg--occ { background: var(--status-success, #2fb37a); } .stf-seg--vac { background: var(--status-warning, #e0a43a); }
.stf-grp { margin-top: 22px; } .stf-grp__h { display: flex; justify-content: space-between; align-items: baseline; gap: 4px 16px; flex-wrap: wrap; margin: 0 0 8px; font-size: 15px; font-weight: 600; }
.stf-grp__t { font-size: 12.5px; font-weight: 400; color: var(--text-muted); } .stf-grp__t b { color: var(--status-warning, inherit); font-weight: 600; }
.stf-n { font-variant-numeric: tabular-nums; font-weight: 600; } .stf-title { font-weight: 600; overflow-wrap: anywhere; } .stf-more, .stf-none { color: var(--text-muted); }

/* Аттестации (B6) */
.ev-scores { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 4px; } .ev-sc { display: flex; justify-content: space-between; gap: 12px; padding: 8px 12px; border: 1px solid var(--border-default); border-radius: 10px; font-size: 13px; } .ev-sc b { font-weight: 600; text-align: right; } .ev-sc--none { color: var(--text-muted); justify-content: flex-start; }
.ev-pick { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } .ev-empty { color: var(--text-muted); } .ev-acts { display: inline-flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }