96 lines
8.0 KiB
CSS
96 lines
8.0 KiB
CSS
/* Свои стили — только сетки и плотность; цвета — токены ДС. */
|
||
|
||
.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); }
|
||
|
||
/* Срок, дней — замедленные строки */
|
||
.sl-amber { color: var(--kt-ai-status-warn-fg); font-weight: var(--kt-ai-weight-semibold); }
|
||
|
||
/* Поля карточки заявки в согласовании */
|
||
.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%; }
|