/* ========== Мобильная карточка лицензии (mobile-first) ========== */
.license-card{
  --bg:#fff; --border:#eee; --key:#555; --val:#111;
  --accent:#fff176; --muted:#6b7280;
  border:1px solid var(--border);
  border-radius:16px;
  background:var(--bg);
  padding:16px;
  box-shadow:0 6px 20px rgba(0,0,0,.06);
  max-width:1400px;   /* ширина контейнера */
  margin:16px auto;   /* центрирование */

}
@media (min-width:768px){ .license-card{ padding:80px } }

.license-card__title{
  margin:0 0 8px; font-size:clamp(18px,1.2vw + 14px,22px); line-height:1.2;
}

.license-card__header{
  display:grid; gap:8px; padding:10px; border-radius:12px; background:var(--accent);
  margin-bottom:12px;
}
@media (min-width:640px){ .license-card__header{ grid-template-columns:1fr 1fr } }

.license-grid{
  display:grid; gap:10px; margin:0; padding:0;
}
@media (min-width:680px){ .license-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px } }
@media (min-width:1024px){ .license-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }

/* Пара ключ-значение */
.license-kv{ display:grid; grid-template-columns:1fr; gap:4px; }
.license-kv__key, .license-grid dt{
  color:var(--key); font-size:0.95rem; line-height:1.2; margin:0;
}
.license-kv__val, .license-grid dd{
  color:var(--val); font-weight:600; margin:0; line-height:1.3;
}
.license-grid dt{ font-weight:500 }
.license-grid dd{ font-weight:600 }

/* Кнопки действий */
.license-actions{ margin-top:12px; display:flex; flex-wrap:wrap; gap:10px; align-items:center }
.license-note{ margin:0 8px 0 0; color:var(--muted); font-size:.95rem }
.btn-ghost{
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 14px; border-radius:999px; border:1px solid var(--border);
  text-decoration:none; color:#111; background:#fff; font-weight:600;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.btn-ghost:hover{ transform:translateY(-1px); box-shadow:0 8px 24px rgba(0,0,0,.08) }
.btn-ghost:focus-visible{ outline:2px solid #5B00C6; outline-offset:2px }
.btn-ghost:active{ transform:translateY(0) }

/* Доступность: меньше движения */
@media (prefers-reduced-motion:reduce){
  .btn-ghost{ transition:none }
}

/* Тёмная тема (если нужна) */
@media (prefers-color-scheme:dark){
  .license-card{ --bg:#0b0c0f; --border:#1f2937; --key:#9ca3af; --val:#e5e7eb; --accent:#3b3c20; --muted:#9ca3af }
  .btn-ghost{ color:#e5e7eb; background:#0b0c0f; border-color:#1f2937 }
}