/* The live map of Dinis's agents (/newsroom/live/). After Angelo's Live view; our own look. By dev.graphs@PrompTugal.dinis. */
.lv { display: grid; gap: 10px; margin: 12px 0 24px; }
.lv-bar { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; font-size: .9rem; color: var(--ink-3, #555); }
.lv-bar label { display: inline-flex; gap: 5px; align-items: center; cursor: pointer; }
.lv-btn { font: inherit; padding: 6px 12px; border: 1px solid var(--hair, #ccc); border-radius: 8px; background: var(--panel, #fff); color: var(--ink, #111); cursor: pointer; min-height: 36px; }
.lv-btn:hover, .lv-btn:focus-visible { border-color: var(--brand, #1a7f37); }
.lv-main { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 14px; align-items: start; }
.lv-stage { border: 1px solid var(--hair, #ddd); border-radius: 12px; overflow: hidden; background: var(--panel, #fff); min-height: 320px; }
.lv-stage .lv-cv { width: 100%; height: 100%; display: block; touch-action: manipulation; }
.lv-pip { border: 0; border-radius: 0; height: 100vh; }
.lv-note { padding: 18px; color: var(--ink-3, #555); }
.lv-side { border: 1px solid var(--hair, #ddd); border-radius: 12px; padding: 12px 14px; background: var(--panel, #fff); max-height: 78vh; overflow: auto; }
.lv-side h2 { font-size: 1rem; margin: 0 0 4px; overflow-wrap: anywhere; }
.lv-meta { font-size: .8rem; color: var(--ink-3, #555); margin: 0 0 8px; }
.lv-list { list-style: none; padding: 0; margin: 0 0 10px; display: grid; gap: 4px; }
.lv-list li { margin: 0; padding: 0; }
.lv-row { width: 100%; text-align: left; font: inherit; font-size: .82rem; padding: 6px 8px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: var(--ink, #111); cursor: pointer; overflow-wrap: anywhere; }
.lv-row:hover, .lv-row:focus-visible { border-color: var(--brand, #1a7f37); background: var(--wash, rgba(127,127,127,.08)); }
.lv-status { font-size: .85rem; color: var(--ink-3, #555); margin: 0; }
@media (max-width: 820px) { .lv-main { grid-template-columns: minmax(0, 1fr); } .lv-side { max-height: none; } }
.lv-time { display: grid; gap: 4px; }
.lv-clock { font-weight: 600; font-size: .95rem; }
.lv-tl { width: 100%; height: 56px; display: block; border: 1px solid var(--hair, #ddd); border-radius: 8px; background: var(--panel, #fff); cursor: crosshair; touch-action: manipulation; }
.lv-tip { margin: 0; min-height: 1.2em; font-size: .8rem; color: var(--ink-3, #555); }
.lv-ctl { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.lv-ctl .lv-clock { margin-left: auto; }
.lv-rng { width: 100%; accent-color: var(--brand, #1a7f37); }
.lv-subject { font-weight: 600; margin: 4px 0; overflow-wrap: anywhere; }
.lv-body { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; font-size: .82rem; margin: 6px 0; max-height: 240px; overflow: auto; background: var(--wash, rgba(127,127,127,.08)); padding: 8px; border-radius: 8px; }
.lv-tr { display: grid; grid-template-columns: auto 1fr; gap: 2px 8px; font-size: .8rem; margin: 6px 0; }
.lv-tr dt { font-weight: 600; } .lv-tr dd { margin: 0; overflow-wrap: anywhere; }
.lv-files { font-size: .78rem; padding-left: 16px; margin: 0 0 8px; overflow-wrap: anywhere; }
.lv-links { font-size: .85rem; margin: 8px 0; }