/* ═══ Admin-Panel → Rohdaten (js/rawlog.js) ═══════════════════════════════ */
.rl-card { margin-bottom: 16px; }
.rl-card.ak-ha::before { background: linear-gradient(90deg, #7b61ff, #41bdf5 60%, transparent); }
.rl-warn { margin-top: 12px; color: var(--warning); }
.rl-start { display: flex; gap: 12px; align-items: flex-end; flex-wrap: wrap; margin-top: 16px; }
.rl-start .form-label { display: flex; flex-direction: column; gap: 6px; margin: 0; min-width: 200px; flex: 1; }
.rl-start .form-label:nth-child(2) { flex: 0 0 150px; min-width: 150px; }
.rl-h { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--text-2); }
.rl-caps { margin-top: 18px; display: flex; flex-direction: column; gap: 6px; }
.rl-cap { display: flex; align-items: center; gap: 12px; padding: 9px 12px; border: 1px solid var(--border); border-radius: 10px; }
.rl-cap > i { font-size: 18px; color: var(--text-3); }
.rl-cap.on { border-color: rgba(255,82,82,.4); background: linear-gradient(90deg, rgba(255,82,82,.07), transparent 70%); }
.rl-cap.on > i { color: var(--danger); animation: rl-blink 1.6s ease-in-out infinite; }
@keyframes rl-blink { 50% { opacity: .35; } }
.rl-cap > div { flex: 1; min-width: 0; display: flex; flex-direction: column; font-size: 13px; }
.rl-cap small { color: var(--text-2); font-size: 11.5px; font-family: var(--font-mono); }
.rl-cap .btn-ghost { padding: 5px 10px; font-size: 12px; }
.rl-dim { color: var(--text-3); font-size: 12px; }
.rl-bar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
.rl-bar select { width: auto; min-width: 220px; padding: 6px 10px; font-size: 12.5px; }
.rl-auto { margin: 0; font-size: 12.5px; }
.rl-bar-act { margin-left: auto; display: flex; gap: 6px; }
.rl-bar-act .btn-ghost { padding: 6px 11px; font-size: 12px; }
.rl-del { color: var(--danger); }
.rl-sum { font-size: 11.5px; color: var(--text-2); margin-bottom: 8px; }
.rl-empty { padding: 18px 4px; }
.rl-line { border: 1px solid var(--border); border-radius: 9px; margin-bottom: 5px; background: var(--bg-card2, transparent); }
.rl-line.rl-unparsed { border-color: rgba(255,167,38,.35); }
.rl-line summary {
  display: flex; align-items: center; gap: 8px; padding: 7px 10px; cursor: pointer; list-style: none; min-width: 0;
}
.rl-line summary::-webkit-details-marker { display: none; }
.rl-time { font-family: var(--font-mono); font-size: 11.5px; color: var(--text-2); white-space: nowrap; }
.rl-tag { font-size: 10px; font-weight: 700; padding: 1px 7px; border-radius: 20px; white-space: nowrap;
  border: 1px solid var(--border-md); color: var(--text-2); text-transform: uppercase; letter-spacing: .03em; }
.rl-tag.rl-type { color: var(--accent2); border-color: color-mix(in srgb, var(--accent2) 45%, transparent); }
.rl-tag.rl-ok { color: var(--success); border-color: rgba(0,230,118,.35); }
.rl-tag.rl-no { color: var(--warning); border-color: rgba(255,167,38,.4); }
.rl-tag.rl-volt { color: #f4c430; border-color: rgba(244,196,48,.45); }
.rl-raw { font-family: var(--font-mono); font-size: 11.5px; color: var(--text-1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; flex: 1; }
.rl-line[open] .rl-raw { white-space: pre-wrap; word-break: break-all; }
.rl-fields { padding: 4px 12px 12px; }
.rl-fields table { margin-top: 6px; }
.rl-fields td, .rl-fields th { font-size: 12px; padding: 4px 8px; }
.rl-fields tr.rl-hl td { background: rgba(244,196,48,.08); }
.rl-more { margin-top: 8px; }
@media (max-width: 700px) {
  .rl-bar-act { margin-left: 0; }
  .rl-bar-act span { display: none; }
  .rl-line summary { flex-wrap: wrap; }
  .rl-raw { flex-basis: 100%; }
}
.rl-card:not(.ak-ha) { padding: 16px 18px; }