/* ═══════════════════════════════════════════════
   REALTRAC PROTOTYPE — ЛИЦЕНЗИЯ (views/license.js)
   Карточки: версии, лицензирование, условия применения, производитель, документация, сторонние компоненты.
═══════════════════════════════════════════════ */

.lic-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); align-items: start; }
.lic-wide { grid-column: 1 / -1; }
.lic-card { padding: 0 0 var(--space-4); }
.lic-head { padding: var(--space-4) var(--space-5); border-bottom: 1px solid var(--color-divider); }
.lic-head h2 { display: flex; align-items: center; gap: var(--space-2); font-size: var(--text-base); font-weight: 600; }
.lic-head h2 svg { width: 18px; height: 18px; color: var(--color-primary); }

/* Список «подпись — значение» */
.lic-list { padding: var(--space-2) var(--space-5) 0; }
.lic-row { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: var(--space-3); padding: var(--space-2) 0; font-size: var(--text-sm); line-height: 1.5; border-bottom: 1px solid var(--color-divider); }
.lic-row:last-child { border-bottom: 0; }
.lic-row dt { color: var(--color-text-muted); }
.lic-row dd { min-width: 0; overflow-wrap: anywhere; }
.lic-row code { font-size: var(--text-xs); padding: 1px 4px; background: var(--color-surface-offset); }
.lic-row a { color: var(--color-primary); }
.lic-muted { color: var(--color-text-muted); }
.lic-note { padding: var(--space-3) var(--space-5) 0; font-size: var(--text-xs); color: var(--color-text-muted); line-height: 1.5; }

/* Версии компонентов сервера — плашки «имя · версия» */
.lic-components { display: inline-flex; flex-wrap: wrap; gap: var(--space-1); }
.lic-chip { display: inline-flex; align-items: baseline; gap: var(--space-1); padding: 2px var(--space-2); font-size: var(--text-xs); background: var(--color-surface-offset); }
.lic-chip b { font-variant-numeric: tabular-nums; }

/* Цитата из документации */
.lic-quote { padding: var(--space-3) var(--space-5) 0; font-size: var(--text-sm); line-height: 1.6; }
.lic-quote p { padding-left: var(--space-4); border-left: 3px solid var(--color-border); }
.lic-quote p + p { margin-top: var(--space-3); }

.lic-docs { list-style: none; padding: var(--space-2) var(--space-5) 0; }
.lic-docs li { display: flex; flex-direction: column; gap: 2px; padding: var(--space-2) 0; font-size: var(--text-sm); border-bottom: 1px solid var(--color-divider); }
.lic-docs li:last-child { border-bottom: 0; }
.lic-docs li span { font-size: var(--text-xs); color: var(--color-text-muted); }
.lic-table td, .lic-table th { font-size: var(--text-sm); }
.lic-table a { color: var(--color-primary); }

@media (max-width: 900px) {
  .lic-grid { grid-template-columns: 1fr; }
  .lic-row { grid-template-columns: 1fr; gap: 2px; }
}