.control-main { max-width: 1280px; margin: 0 auto; padding: clamp(20px,5vw,72px) clamp(14px,4vw,54px); }
.control-head,.control-table-head { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.control-head { margin-bottom:28px; flex-wrap:wrap; }
.control-head p { margin-top:8px; }
.control-main a.btn { text-decoration:none; }
.control-kpis { margin-bottom:24px; }
.control-table-head { padding:20px 22px; }
.control-sites .notice { margin:0 16px 16px; }
.control-sites td { padding-block:16px; }
.control-sites .number { font-variant-numeric:tabular-nums; }
.site-name small,.issue small,.issue strong { display:block; }
.site-name small,.issue small { margin-top:3px; overflow-wrap:anywhere; }
.issue { white-space:normal; max-width:22em; }
.issue strong { color:#8e3946; font-weight:620; }
@media(max-width:760px) {
  .control-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
  .control-kpis .kpi { padding:12px 10px; }
  .control-table-head { padding:16px; flex-wrap:wrap; }
  .control-sites thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .control-sites tbody,.control-sites table { display:block; }
  .control-sites tr { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px 18px; padding:16px; border-top:1px solid var(--line); }
  .control-sites td { display:block; padding:0; border:0; min-width:0; }
  .control-sites [data-label]::before { content:attr(data-label); display:block; color:var(--muted); font-size:11px; }
  .site-name { grid-column:1/-1; white-space:normal; }
  .control-sites .enter { align-self:end; justify-self:end; }
}
.create-main { max-width:650px; }
.create-site { margin-top:18px; padding:clamp(18px,4vw,32px); display:grid; gap:16px; }
.create-site :is(.field,.err) { margin:0; }
.create-site .select { width:100%; }
.create-site .toolbar { justify-content:flex-end; }
.connection-state { color:var(--accent); }
.control-sites .enter form+form { margin-top:8px; }