/* Раскладка кабинета поверх темы forms.css модуля formkit */
.lk-page { width: 100%; max-width: 980px; margin: 0 auto; padding: 16px; display: flex; flex-direction: column; gap: 16px; }
.lk-page .card { max-width: none; }
.lk-login { display: flex; justify-content: center; padding: 32px 16px; }
.lk-login .card { max-width: 520px; display: flex; flex-direction: column; gap: 18px; }
.lk-logout { margin-left: auto; }
.lk-key { display: flex; flex-direction: column; gap: 6px; border-color: var(--accent); background: var(--accent-soft); }
.lk-key code { font: 15px var(--mono); word-break: break-all; }
.lk-group { display: flex; flex-direction: column; gap: 14px; }
.lk-group-head { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; justify-content: space-between; }
.lk-group-head .f-heading { margin: 0; }
.lk-static { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; margin-left: auto; }
.lk-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.lk-table th { text-align: left; font-size: 12px; color: var(--muted); font-weight: 600; padding: 6px 8px; border-bottom: 1px solid var(--line); }
.lk-table td { padding: 8px; border-bottom: 1px solid var(--line); vertical-align: top; }
.lk-table td.num { text-align: right; font-variant-numeric: tabular-nums; }
.lk-add { display: flex; flex-direction: column; gap: 12px; }
.lk-inline { display: flex; gap: 8px; }
.lk-inline input { flex: 1; }
.lk-tabs { margin: 12px -6px 0; }
.lk-tab-body { padding-top: 16px; }
.lk-preview { margin-bottom: 16px; }
.lk-preview h4 { margin: 0 0 6px; font: 12px var(--mono); color: var(--muted); }
.lk-preview-html { border: 1px dashed var(--line-strong); border-radius: 8px; padding: 12px 16px; max-height: 420px; overflow: auto; }
.lk-preview-html .qk-footer-trust { list-style: none; padding: 0; display: flex; gap: 8px; flex-wrap: wrap; }
.lk-preview-html .qk-badge { border: 1px solid var(--line-strong); border-radius: 999px; padding: 2px 10px; font-size: 13px; }
.lk-preview-html .qk-footer-links a { margin-right: 12px; }
input:not([type]) { font: inherit; padding: 9px 11px; border: 1px solid var(--line-strong); border-radius: 8px; background: var(--panel); color: var(--text); width: 100%; }
@media (max-width: 640px) {
  .lk-page { padding: 16px; }
  .lk-static { align-items: flex-start; margin-left: 0; }
  .lk-table thead { display: none; }
  .lk-table, .lk-table tbody, .lk-table tr, .lk-table td { display: block; width: 100%; }
  .lk-table tr { border-bottom: 1px solid var(--line); padding: 8px 0; }
  .lk-table td { border: 0; padding: 2px 0; text-align: left; }
  .lk-table td.num::before { content: "вызовов: "; color: var(--muted); }
  .lk-table td.num { text-align: left; }
  .lk-add .fields { grid-template-columns: 1fr; }
  .bar { flex-wrap: wrap; }
}
.lk-tab-body .chart svg { max-width: 560px; }
.lk-editor { display: grid; grid-template-columns: 1fr; gap: 20px; }
.lk-editor.has-help { grid-template-columns: minmax(0, 1fr) 280px; }
.lk-editor-main { min-width: 0; }
.lk-help { font-size: 13px; border-left: 1px solid var(--line); padding-left: 16px; max-height: 70vh; overflow: auto; }
.lk-help h4 { margin: 0 0 6px; font-size: 12px; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); }
.lk-help h4 + dl { margin: 0 0 14px; }
.lk-help dt code { font: 12px var(--mono); color: var(--accent-ink); }
.lk-help dd { margin: 0 0 8px; color: var(--muted); }
.lk-diag { margin-top: 12px; padding: 10px 12px; border-radius: 8px; font-size: 13.5px; }
.lk-diag.is-ok { background: var(--ok-soft); color: var(--ok); }
.lk-diag.is-error { background: var(--err-soft); color: var(--err); }
.lk-diag-list { margin: 0; padding-left: 18px; }
.lk-diag-list.is-warn { color: var(--warn); margin-top: 6px; }
.lk-line { font: 12px var(--mono); margin-right: 6px; }
.lk-ops { display: flex; flex-direction: column; gap: 12px; }
.lk-ops-list { display: flex; gap: 8px; flex-wrap: wrap; }
.lk-ops-list button.is-on { background: var(--accent); color: #fff; }
.lk-op-result { margin-top: 12px; padding: 10px; background: var(--bg); border-radius: 8px; max-height: 320px; overflow: auto; }
@media (max-width: 760px) { .lk-editor.has-help { grid-template-columns: 1fr; } .lk-help { border-left: 0; padding-left: 0; max-height: none; } }