.h34-dmr-dashboard {
  --h34-dmr-orange: #e66f1a;
  --h34-dmr-orange-2: #f28a3a;
  --h34-dmr-orange-soft: rgba(230,111,26,.10);
  --h34-dmr-green: #248a54;
  --h34-dmr-green-soft: rgba(36,138,84,.10);
  --h34-dmr-red: #b94747;
  --h34-dmr-ink: #18222b;
  --h34-dmr-text: #25313a;
  --h34-dmr-muted: #687681;
  --h34-dmr-line: rgba(24,34,43,.10);
  --h34-dmr-line-strong: rgba(24,34,43,.16);
  --h34-dmr-panel: rgba(255,255,255,.86);
  --h34-dmr-shadow: 0 12px 32px rgba(20,30,38,.075);
  position: relative;
  margin: 26px 0 24px;
  padding: 22px;
  border: 1px solid var(--h34-dmr-line);
  border-radius: 20px;
  background:
    radial-gradient(circle at 100% 0%, rgba(230,111,26,.08), transparent 31%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,250,251,.90));
  color: var(--h34-dmr-text);
  box-shadow: var(--h34-dmr-shadow);
  font-family: inherit;
  overflow: hidden;
}
.h34-dmr-dashboard::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, var(--h34-dmr-orange), rgba(230,111,26,.22) 42%, transparent 82%);
}
.h34-dmr-dashboard * { box-sizing: border-box; }
.h34-dmr-live-head,
.h34-dmr-slot-top,
.h34-dmr-callline,
.h34-dmr-history-title,
.h34-dmr-history-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.h34-dmr-live-head { margin-bottom: 2px; }
.h34-dmr-heading { display:flex; align-items:center; gap:12px; min-width:0; }
.h34-dmr-heading p { margin:.25rem 0 0; color:var(--h34-dmr-muted); font-size:.78rem; line-height:1.35; }
.h34-dmr-live-mark {
  position:relative;
  width:42px;
  height:42px;
  flex:0 0 42px;
  border-radius:13px;
  background:linear-gradient(145deg, var(--h34-dmr-orange), var(--h34-dmr-orange-2));
  box-shadow:0 7px 18px rgba(230,111,26,.22);
}
.h34-dmr-live-mark span,
.h34-dmr-live-mark i,
.h34-dmr-live-mark b {
  position:absolute;
  left:50%;
  top:50%;
  border:2px solid rgba(255,255,255,.94);
  border-top-color:transparent;
  border-bottom-color:transparent;
  border-radius:50%;
  transform:translate(-50%,-50%);
}
.h34-dmr-live-mark span { width:7px; height:7px; border:0; background:#fff; }
.h34-dmr-live-mark i { width:18px; height:18px; }
.h34-dmr-live-mark b { width:29px; height:29px; opacity:.72; }
.h34-dmr-eyebrow {
  display:block;
  margin-bottom:2px;
  color:var(--h34-dmr-orange);
  font-size:.70rem;
  font-weight:850;
  letter-spacing:.12em;
}
.h34-dmr-live-head h4 {
  margin:0;
  color:var(--h34-dmr-ink);
  font-size:clamp(1.22rem,2.6vw,1.5rem);
  line-height:1.16;
  letter-spacing:-.015em;
}
.h34-dmr-connection {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border:1px solid var(--h34-dmr-line);
  border-radius:999px;
  background:rgba(255,255,255,.78);
  color:var(--h34-dmr-muted);
  font-size:.76rem;
  font-weight:650;
  white-space:nowrap;
  box-shadow:0 3px 10px rgba(20,30,38,.035);
}
.h34-dmr-dot,
.h34-dmr-idle-dot {
  width:8px;
  height:8px;
  border-radius:50%;
  flex:0 0 auto;
  background:#d09a34;
}
.h34-dmr-connection.is-online { color:#1d6f46; background:rgba(240,250,245,.92); border-color:rgba(36,138,84,.18); }
.h34-dmr-connection.is-online .h34-dmr-dot { background:var(--h34-dmr-green); box-shadow:0 0 0 4px rgba(36,138,84,.10); }
.h34-dmr-connection.is-offline { color:#8d3434; background:rgba(253,245,245,.92); }
.h34-dmr-connection.is-offline .h34-dmr-dot { background:var(--h34-dmr-red); }
.h34-dmr-slots {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:18px;
}
.h34-dmr-slot {
  position:relative;
  min-height:252px;
  padding:17px;
  border:1px solid var(--h34-dmr-line);
  border-radius:16px;
  background:var(--h34-dmr-panel);
  box-shadow:0 6px 18px rgba(20,30,38,.035);
  overflow:hidden;
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.h34-dmr-slot::after {
  content:"";
  position:absolute;
  width:120px;
  height:120px;
  right:-54px;
  top:-62px;
  border-radius:50%;
  background:rgba(36,138,84,.035);
  pointer-events:none;
}
.h34-dmr-slot.is-active {
  border-color:rgba(230,111,26,.42);
  box-shadow:0 9px 24px rgba(230,111,26,.10), inset 0 3px 0 var(--h34-dmr-orange);
}
.h34-dmr-slot.is-active::after { background:rgba(230,111,26,.07); }
.h34-dmr-ts-title span {
  display:block;
  color:var(--h34-dmr-muted);
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.11em;
}
.h34-dmr-ts-title strong {
  display:block;
  margin-top:1px;
  color:var(--h34-dmr-ink);
  font-size:1.62rem;
  line-height:1;
  letter-spacing:-.02em;
}
.h34-dmr-state {
  padding:6px 10px;
  border-radius:999px;
  background:var(--h34-dmr-green-soft);
  color:var(--h34-dmr-green);
  font-size:.65rem;
  font-weight:900;
  letter-spacing:.055em;
}
.h34-dmr-slot.is-active .h34-dmr-state { background:var(--h34-dmr-orange-soft); color:var(--h34-dmr-orange); }
.h34-dmr-tg-chips { display:flex; flex-wrap:wrap; gap:5px; margin-top:10px; min-height:25px; }
.h34-dmr-tg-chips span {
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:3px 7px;
  border:1px solid rgba(24,34,43,.07);
  border-radius:7px;
  background:rgba(24,34,43,.035);
  color:#697680;
  font-size:.61rem;
  font-weight:700;
  line-height:1;
}
.h34-dmr-idle { display:flex; align-items:flex-start; gap:9px; margin-top:21px; }
.h34-dmr-idle-dot { margin-top:.42em; background:var(--h34-dmr-green); box-shadow:0 0 0 4px rgba(36,138,84,.08); }
.h34-dmr-idle strong,.h34-dmr-idle span { display:block; }
.h34-dmr-idle strong { color:var(--h34-dmr-ink); }
.h34-dmr-idle span { margin-top:3px; color:var(--h34-dmr-muted); font-size:.83rem; line-height:1.45; }
.h34-dmr-hidden { display:none!important; }
.h34-dmr-active { margin-top:15px; }
.h34-dmr-callline strong {
  color:var(--h34-dmr-ink);
  font-size:clamp(1.55rem,4vw,2.18rem);
  letter-spacing:-.015em;
}
.h34-dmr-callline span {
  padding:4px 7px;
  border-radius:7px;
  background:var(--h34-dmr-orange-soft);
  color:var(--h34-dmr-orange);
  font-weight:850;
  font-size:.76rem;
  font-variant-numeric:tabular-nums;
}
.h34-dmr-name { min-height:1.35em; margin-top:1px; color:var(--h34-dmr-muted); font-size:.87rem; }
.h34-dmr-meta { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-top:12px; }
.h34-dmr-meta>span { display:block; padding:8px 9px; border:1px solid rgba(24,34,43,.05); border-radius:10px; background:rgba(24,34,43,.027); }
.h34-dmr-meta small,.h34-dmr-meta strong { display:block; }
.h34-dmr-meta small { color:var(--h34-dmr-muted); font-size:.60rem; font-weight:650; text-transform:uppercase; letter-spacing:.045em; }
.h34-dmr-meta strong { margin-top:2px; color:var(--h34-dmr-text); font-size:.80rem; overflow-wrap:anywhere; }
.h34-dmr-last {
  position:absolute;
  left:17px;
  right:17px;
  bottom:13px;
  padding-top:9px;
  border-top:1px solid var(--h34-dmr-line);
  color:var(--h34-dmr-muted);
  font-size:.68rem;
}
.h34-dmr-history {
  margin-top:14px;
  padding:0 15px 3px;
  border:1px solid var(--h34-dmr-line);
  border-radius:14px;
  background:rgba(255,255,255,.64);
  overflow:hidden;
}
.h34-dmr-history-title { min-height:44px; padding:0; border-bottom:1px solid var(--h34-dmr-line); }
.h34-dmr-history-title strong { color:var(--h34-dmr-ink); font-size:.86rem; }
.h34-dmr-history-title span { padding:4px 7px; border-radius:7px; background:rgba(24,34,43,.045); color:var(--h34-dmr-muted); font-size:.66rem; font-weight:700; }
.h34-dmr-history-row { padding:9px 0; border-bottom:1px solid rgba(24,34,43,.065); }
.h34-dmr-history-row:last-child { border-bottom:0; }
.h34-dmr-history-main strong,.h34-dmr-history-main span { display:block; }
.h34-dmr-history-main strong { color:var(--h34-dmr-ink); font-size:.84rem; }
.h34-dmr-history-main span { margin-top:2px; color:var(--h34-dmr-muted); font-size:.70rem; line-height:1.4; }
.h34-dmr-history-time { color:var(--h34-dmr-muted); font-size:.68rem; white-space:nowrap; font-variant-numeric:tabular-nums; }
.h34-dmr-history-empty { padding:13px 0 11px; color:var(--h34-dmr-muted); font-size:.76rem; }
.h34-dmr-repeater-status {
  display:flex;
  align-items:center;
  gap:7px;
  margin:12px 1px 0!important;
  padding:8px 10px;
  border:1px solid rgba(36,138,84,.11);
  border-radius:10px;
  background:rgba(36,138,84,.055);
  color:#52625a!important;
  font-size:.69rem!important;
  line-height:1.4!important;
}
.h34-dmr-repeater-icon { color:var(--h34-dmr-green); font-size:.62rem; }
.h34-dmr-source { margin:11px 1px 0!important; color:var(--h34-dmr-muted)!important; font-size:.69rem!important; line-height:1.45!important; }
.h34-dmr-techdetails {
  margin-top:9px;
  border-top:1px solid var(--h34-dmr-line);
  color:var(--h34-dmr-muted);
  font-size:.68rem;
}
.h34-dmr-techdetails summary {
  width:max-content;
  max-width:100%;
  padding:9px 2px 2px;
  cursor:pointer;
  color:#78848d;
  font-weight:700;
  list-style:none;
}
.h34-dmr-techdetails summary::-webkit-details-marker { display:none; }
.h34-dmr-techdetails summary::before { content:"▸"; display:inline-block; margin-right:6px; transition:transform .15s ease; }
.h34-dmr-techdetails[open] summary::before { transform:rotate(90deg); }
.h34-dmr-techdetails-body { padding:5px 2px 1px; }
.h34-dmr-techdetails-body p { margin:4px 0; line-height:1.5; }
.h34-dmr-server-note { font-size:.66rem; opacity:.82; margin:.4rem 0 0; }
@media (max-width:720px) {
  .h34-dmr-dashboard { padding:16px; border-radius:16px; }
  .h34-dmr-live-head { align-items:flex-start; flex-direction:column; }
  .h34-dmr-connection { margin-left:54px; }
  .h34-dmr-slots { grid-template-columns:1fr; }
  .h34-dmr-slot { min-height:246px; }
  .h34-dmr-history-row { align-items:flex-start; }
}
@media (max-width:480px) {
  .h34-dmr-heading { align-items:flex-start; }
  .h34-dmr-live-mark { width:38px; height:38px; flex-basis:38px; border-radius:11px; }
  .h34-dmr-heading p { font-size:.73rem; }
  .h34-dmr-connection { margin-left:0; }
  .h34-dmr-history-row { flex-direction:column; gap:4px; }
  .h34-dmr-tg-chips span { font-size:.58rem; }
}
.h34-dmr-auto-host{margin:0;padding:0;}
.h34-dmr-dashboard.h34-dmr-auto-place{display:none;}
.h34-dmr-dashboard.h34-dmr-auto-place.is-placed{display:block;}
.h34-tech__feature>.h34-dmr-feature-slot { grid-column:1/-1; min-width:0; width:100%; }
.h34-tech__feature>.h34-dmr-feature-slot .h34-dmr-dashboard { margin:.25rem 0 0; box-shadow:none; }