/* ── «Справочники техники» (#/asset-directories) и «Импорт техники» (#/assets/import) ───────────────────────────────
   Только компьютер. Цвета — токены темы. */

.ad-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; border-bottom: 1px solid var(--border-default); }
.ad-tab { min-height: 40px; padding: 0 14px; margin-bottom: -1px; border: 0; border-bottom: 2px solid transparent; background: none; font: inherit; font-size: var(--text-base); color: var(--text-muted); cursor: pointer; }
.ad-tab:hover { color: var(--text-primary); }
.ad-tab--on { color: var(--text-primary); border-bottom-color: var(--accent-primary); font-weight: var(--font-semibold); }
.ad-tab:focus-visible { outline: 2px solid var(--accent-primary); outline-offset: -2px; }
.ad-bar { display: flex; justify-content: flex-end; margin-bottom: 12px; }
.ad-acts { display: inline-flex; gap: 2px; flex-wrap: wrap; justify-content: flex-end; }
.ad-settings { max-width: 560px; display: flex; flex-direction: column; gap: 18px; }
.ad-example { margin: 8px 0 0; font-family: var(--font-mono); font-size: var(--text-sm); color: var(--accent-primary); }

.ai-page { max-width: var(--page-max); }
.ai-card { margin-bottom: 16px; padding: 18px 20px; border: 1px solid var(--border-default); border-radius: var(--radius-lg); background: var(--surface-primary); }
.ai-card--ok { border-color: var(--status-success, var(--accent-primary)); }
.ai-card__t { margin-bottom: 8px; font-family: var(--font-display); font-size: var(--text-md); font-weight: var(--font-semibold); color: var(--text-primary); }
.ai-cols { margin: 8px 0 0; padding-left: 18px; display: flex; flex-direction: column; gap: 4px; font-size: var(--text-sm); color: var(--text-secondary); }
.ai-cols code { font-family: var(--font-mono); font-size: 12px; color: var(--accent-primary); }
.ai-link { padding: 0; border: 0; background: none; font: inherit; color: var(--accent-primary); text-decoration: underline; cursor: pointer; }
.ai-pick { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.ai-file { cursor: pointer; }
.ai-fname { font-size: var(--text-sm); color: var(--text-secondary); overflow-wrap: anywhere; }
.ai-hint { margin: 10px 0 0; font-size: var(--text-sm); color: var(--text-muted); }
.ai-summary { margin: 0 0 12px; font-size: var(--text-base); font-weight: var(--font-medium); color: var(--text-primary); }
.ai-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 14px; }
.ai-tablewrap { max-height: 420px; overflow: auto; border: 1px solid var(--border-subtle); border-radius: var(--radius-md); }
.ai-table { width: 100%; border-collapse: collapse; font-size: var(--text-sm); }
.ai-table th { position: sticky; top: 0; padding: 8px 10px; text-align: left; font-weight: var(--font-semibold); color: var(--text-muted); background: var(--surface-elevated); border-bottom: 1px solid var(--border-default); }
.ai-table td { padding: 8px 10px; vertical-align: top; border-bottom: 1px solid var(--border-subtle); }
.ai-row--bad td { background: color-mix(in srgb, var(--status-danger, var(--color-danger)) 7%, transparent); }
.ai-sub { margin-top: 2px; font-size: 12px; color: var(--text-muted); }
.ai-msg { font-size: var(--text-sm); line-height: 1.4; }
.ai-msg--bad { color: var(--status-danger, var(--color-danger)); }
.ai-msg--warn { color: var(--status-warning, var(--color-warning)); }

/* Перенос текстовых моделей (окно с отчётом) */
.mm-sum { margin: 0 0 14px; padding-left: 18px; display: flex; flex-direction: column; gap: 4px; font-size: 14px; }
.mm-h { margin: 16px 0 6px; font-size: 13px; font-weight: 600; color: var(--text-secondary); text-transform: uppercase; letter-spacing: .04em; }
.mm-list { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 3px; font-size: 13.5px; max-height: 220px; overflow-y: auto; }
.mm-skip { margin: 4px 0; font-size: 13px; color: var(--text-secondary); overflow-wrap: anywhere; }
.mm-note { margin-top: 14px; }
.mm-err { color: var(--status-danger, var(--color-danger)); }
.ad-bar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }