/* Свои стили — только сетки и плотность; цвета — токены ДС. */

.sb-pad { display: flex; flex-direction: column; gap: var(--kt-ai-space-2); padding: var(--kt-ai-space-5) var(--kt-ai-space-4) var(--kt-ai-space-6); }
.sb-brand { font-size: var(--kt-ai-text-sm); line-height: 1.2; }

/* Карточка выбранной заявки и блоки рабочего стола */
.wd-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(280px, 1fr); gap: var(--kt-ai-space-6); align-items: start; }
@media (max-width: 1100px) { .wd-grid { grid-template-columns: 1fr; } }

.wd-card { border: 1px solid var(--kt-ai-border); border-radius: var(--kt-ai-radius-xl); background: var(--kt-ai-card-bg); padding: var(--kt-ai-space-6); display: flex; flex-direction: column; gap: var(--kt-ai-space-5); }
.wd-card-h { display: flex; align-items: baseline; gap: var(--kt-ai-space-3); flex-wrap: wrap; }
.wd-card-h .sub { font-size: var(--kt-ai-text-xs); color: var(--kt-ai-fg-muted); }
.wd-card-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--kt-ai-space-4); }
@media (max-width: 560px) { .wd-card-kpis { grid-template-columns: 1fr 1fr; } }
.wd-kpi { border: 1px solid var(--kt-ai-border); border-radius: var(--kt-ai-radius-lg); padding: var(--kt-ai-space-4) var(--kt-ai-space-5); display: flex; flex-direction: column; gap: 2px; }
.wd-kpi .v { font-size: var(--kt-ai-text-lg); font-weight: var(--kt-ai-weight-semibold); font-variant-numeric: tabular-nums; }
.wd-kpi .k { font-size: var(--kt-ai-text-xs); color: var(--kt-ai-fg-muted); }

.ai-hint { border: 1px solid var(--kt-ai-border); border-radius: var(--kt-ai-radius-xl); background: var(--kt-ai-card-bg); padding: var(--kt-ai-space-5) var(--kt-ai-space-6); display: flex; flex-direction: column; gap: var(--kt-ai-space-4); }
.ai-hint-t { display: flex; align-items: center; gap: var(--kt-ai-space-3); font-size: var(--kt-ai-text-sm); font-weight: var(--kt-ai-weight-semibold); }
.ai-hint-t .kt-icon { color: var(--kt-ai-primary); }
.ai-code { display: flex; align-items: center; justify-content: space-between; gap: var(--kt-ai-space-3); border: 1px solid var(--kt-ai-border); background: var(--kt-ai-bg-soft); border-radius: var(--kt-ai-radius-lg); padding: var(--kt-ai-space-4) var(--kt-ai-space-5); }
.ai-code .m { font-size: var(--kt-ai-text-sm); color: var(--kt-ai-fg-muted); display: flex; align-items: center; gap: var(--kt-ai-space-2); }
.ai-conf { display: flex; align-items: center; gap: var(--kt-ai-space-3); font-size: var(--kt-ai-text-xs); color: var(--kt-ai-fg-muted); }
.ai-conf .kt-ai-progress { flex: 1; max-width: 140px; }
.ai-actions { display: flex; gap: var(--kt-ai-space-3); flex-wrap: wrap; }
.ai-done { display: flex; align-items: flex-start; gap: var(--kt-ai-space-3); font-size: var(--kt-ai-text-sm); }
.ai-done .kt-icon { color: var(--kt-ai-status-ok-fg); margin-top: 2px; }

.check-list { display: flex; flex-direction: column; gap: var(--kt-ai-space-3); }
.check-item { display: flex; align-items: flex-start; gap: var(--kt-ai-space-3); font-size: var(--kt-ai-text-sm); }
.check-item .kt-icon { margin-top: 1px; flex-shrink: 0; }
.check-item.ok .kt-icon { color: var(--kt-ai-status-ok-fg); }
.check-item.err .kt-icon { color: var(--kt-ai-status-risk-fg); }
.check-item .why { font-size: var(--kt-ai-text-xs); color: var(--kt-ai-fg-muted); }
.check-item.warn .kt-icon { color: var(--kt-ai-status-warn-fg); }

.actions-row { display: flex; gap: var(--kt-ai-space-3); flex-wrap: wrap; }
.drv { display: flex; flex-direction: column; gap: var(--kt-ai-space-1); }
.drv .k { font-size: var(--kt-ai-text-xs); color: var(--kt-ai-fg-muted); }
.drv .v { font-size: var(--kt-ai-text-sm); font-weight: var(--kt-ai-weight-medium); }
.drv .v.mono { font-family: var(--kt-ai-font-mono); font-size: var(--kt-ai-text-xs); }

/* Таблицы: строки кликабельны */
.kt-ai-table tbody tr[data-id] { cursor: pointer; }
.kt-ai-table tbody tr[data-selected="true"] { background: var(--kt-ai-bg-active); }

/* Строка источника в таблице */
.src-cell { display: inline-flex; align-items: center; gap: var(--kt-ai-space-2); color: var(--kt-ai-fg-muted); font-size: var(--kt-ai-text-xs); }

/* Поля карточки заявки в согласовании */
.appr-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(280px, 1fr); gap: var(--kt-ai-space-6); align-items: start; }
@media (max-width: 1100px) { .appr-grid { grid-template-columns: 1fr; } }
.justif { display: flex; flex-direction: column; gap: var(--kt-ai-space-2); border: 1px solid var(--kt-ai-border); border-radius: var(--kt-ai-radius-lg); padding: var(--kt-ai-space-4) var(--kt-ai-space-5); font-size: var(--kt-ai-text-sm); }
.justif .k { font-size: var(--kt-ai-text-xs); color: var(--kt-ai-fg-muted); }

/* Кнопки-кандидаты кода ТРУ */
.cand-row { display: flex; align-items: center; justify-content: space-between; gap: var(--kt-ai-space-3); padding: var(--kt-ai-space-3) var(--kt-ai-space-4); border: 1px solid var(--kt-ai-border); border-radius: var(--kt-ai-radius-lg); }
.cand-row.sel { border-color: var(--kt-ai-primary); background: var(--kt-ai-bg-active); }
.cand-row .code { font-family: var(--kt-ai-font-mono); font-size: var(--kt-ai-text-xs); }
.cand-row .nm { font-size: var(--kt-ai-text-xs); color: var(--kt-ai-fg-muted); }

/* График */
.chart-card { border: 1px solid var(--kt-ai-border); border-radius: var(--kt-ai-radius-xl); background: var(--kt-ai-card-bg); padding: var(--kt-ai-space-5) var(--kt-ai-space-6); }
.chart-card .kt-ai-h3 { margin-bottom: var(--kt-ai-space-4); }
.cc-bars { display: flex; align-items: flex-end; gap: var(--kt-ai-space-5); height: 190px; padding: 0 var(--kt-ai-space-2); }
.cc-bar { width: 60%; max-width: 40px; border-radius: 2px 2px 0 0; background: var(--kt-ai-chart-blue); outline: none; }
.cc-bar:hover, .cc-bar:focus-visible { background: var(--kt-ai-chart-green); }
.cc-bar[data-tone="orange"] { background: var(--kt-ai-chart-orange); }
.cc-bar[data-tone="orange"]:hover, .cc-bar[data-tone="orange"]:focus-visible { background: var(--kt-ai-chart-salmon); }
.cc-x { display: flex; gap: var(--kt-ai-space-5); margin-top: var(--kt-ai-space-3); }
.cc-x span { flex: 1; text-align: center; font-size: 11px; color: var(--kt-ai-fg-muted); font-variant-numeric: tabular-nums; }
.chart-foot span { font-size: var(--kt-ai-text-xs); color: var(--kt-ai-fg-muted); display: inline-flex; align-items: center; gap: var(--kt-ai-space-2); }
.chart-foot .dot { width: 8px; height: 8px; border-radius: 2px; display: inline-block; }

/* Развёртка паспорта */
.pas-step { display: flex; gap: var(--kt-ai-space-4); }
.pas-step .kt-ai-num-badge { margin-top: 2px; }
.pas-step .b { font-size: var(--kt-ai-text-sm); }
.pas-step .kt-ai-num-badge { color: var(--kt-ai-fg-muted); }
.pas-step .b small { display: block; color: var(--kt-ai-fg-muted); font-size: var(--kt-ai-text-xs); }
.risk-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--kt-ai-space-4); }
.risk-item { border: 1px solid var(--kt-ai-border); border-radius: var(--kt-ai-radius-lg); padding: var(--kt-ai-space-4) var(--kt-ai-space-5); }
.risk-item .t { font-size: var(--kt-ai-text-sm); font-weight: var(--kt-ai-weight-semibold); display: flex; gap: var(--kt-ai-space-2); align-items: center; }
.risk-item .t .kt-icon { color: var(--kt-ai-status-warn-fg); }
.risk-item p { font-size: var(--kt-ai-text-xs); color: var(--kt-ai-fg-muted); margin-top: var(--kt-ai-space-2); }

/* Сводка паспорта */
.pas-table { width: 100%; border-collapse: collapse; font-size: var(--kt-ai-text-sm); }
.pas-table td { padding: var(--kt-ai-space-3) var(--kt-ai-space-4); border-bottom: 1px solid var(--kt-ai-divider); }
.pas-table tr:last-child td { border-bottom: none; }
.pas-table td:first-child { color: var(--kt-ai-fg-muted); width: 40%; }