/* SPDX-License-Identifier: LicenseRef-Proprietary */
/* HardwareLab — jen rozvržení stránek; barvy a komponenty dodává Core UI kit (tokeny --cui-*). */
.hl-section { margin-block: 16px; }
.hl-section h2 { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 1.05rem; }
.hl-section h2 svg { width: 18px; height: 18px; }
.hl-hint { margin: 4px 0 0; color: var(--cui-muted); font-size: .9rem; }
.hl-form { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); align-items: end; }
.hl-form .hl-form__wide { grid-column: 1 / -1; }
.hl-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.hl-code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .85rem; overflow-wrap: anywhere; }
.hl-pre { margin: 0; padding: 12px; max-height: 60vh; overflow: auto; border-radius: 8px;
  background: var(--cui-code-surface, var(--cui-surface-2)); color: inherit;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .82rem; white-space: pre-wrap; }
.hl-pair { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 2rem; letter-spacing: .12em; font-weight: 700; }
.hl-kv { display: grid; grid-template-columns: max-content 1fr; gap: 6px 16px; margin: 0; }
.hl-kv dt { color: var(--cui-muted); }
.hl-kv dd { margin: 0; overflow-wrap: anywhere; }
.hl-member { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between;
  padding: 10px 0; border-bottom: 1px solid var(--cui-line); }
.hl-member:last-child { border-bottom: 0; }
.hl-member__who { display: grid; gap: 2px; min-width: 0; }
.hl-member__who small { color: var(--cui-muted); overflow-wrap: anywhere; }
.hl-foot { margin: 32px 0 8px; font-size: .85rem; color: var(--cui-muted); }
.hl-foot a { color: inherit; }
.hl-center { max-width: 560px; margin: 48px auto; }
/* Zapojení: lišta akcí z kitu + plocha vendorovaného editoru (iframe, vlastní téma — viz UI_CONTRACT.md). */
.hl-wiring__bar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.hl-wiring__spacer { flex: 1 1 auto; }
.hl-wiring__summary { color: var(--cui-muted); font-size: .9rem; }
.hl-wiring__frame { border: 1px solid var(--cui-line); border-radius: 8px; overflow: hidden;
  background: var(--cui-surface-inset, var(--cui-surface-2)); }
.hl-wiring__frame iframe { display: block; width: 100%; height: clamp(420px, 72vh, 860px); border: 0; }