/* Radio Rastro: news list (own screen and the Home panel) */
.scr-radio { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.scr-radio .rd-rel { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 1px solid var(--line); }
.scr-radio .rd-relbox { display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-right: 1px solid var(--line); font-size: 13px; }
.scr-radio .rd-relbox:last-child { border-right: 0; }
.scr-radio .rd-relbox.tone-ok b { color: var(--ok); } .scr-radio .rd-relbox.tone-warn b { color: var(--warn); } .scr-radio .rd-relbox.tone-bad b { color: var(--bad); }
.scr-radio .rd-fb .filterbar { padding: 10px 16px; border-bottom: 1px solid var(--line); }
.scr-radio .rd-list { display: flex; flex-direction: column; }
.rd-row { padding: 10px 16px; border-bottom: 1px solid var(--line); border-left: 3px solid var(--tc); display: flex; flex-direction: column; gap: 5px; min-width: 0;
  background: linear-gradient(90deg, color-mix(in srgb, var(--tc) 5%, transparent), transparent 40%); }
.rd-row.is-act { background: linear-gradient(90deg, var(--warn-soft), transparent 55%); }
.rd-row.is-compact { padding: 8px 12px; gap: 4px; }
.rd-h { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.rd-time { color: var(--ink-3); font-size: 12px; } .rd-muted { color: var(--ink-3); font-size: 12px; }
.rd-chip { padding: 1px 7px; }
.rd-act { border: 1px solid var(--warn); color: var(--warn); background: var(--warn-soft); font-size: 11px; padding: 0 6px; gap: 4px; }
.rd-title { font-weight: 600; font-size: 13.5px; }
.rd-text { font-size: 13px; line-height: 1.45; white-space: pre-wrap; word-break: break-word; }
.rd-text.is-clip { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 12.5px; white-space: normal; }
.rd-sub { font-size: 12.5px; line-height: 1.45; color: var(--ink-2); } .rd-sub b { color: var(--ink); font-weight: 600; }
.rd-confirmada { color: var(--ok); } .rd-falsa { color: var(--bad); } .rd-pendiente { color: var(--warn); }
.scr-home .h-side { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.scr-home .rd-home-list { display: flex; flex-direction: column; }
.scr-home .rd-home .t10-head a { color: var(--ink-3); font-size: 12px; text-decoration: underline; }
.rd-sendbox { display: flex; align-items: center; gap: 8px; margin-top: 2px; flex-wrap: wrap; }
.rd-sp { flex: 1; }
.rd-sent { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; color: var(--ok); }
.rd-note { width: 280px; max-width: 100%; background: var(--s2); border: 1px solid var(--line-2); color: var(--ink); font: inherit; font-size: 12.5px; padding: 5px 8px; border-radius: 0; }
.rd-send { display: inline-flex; align-items: center; gap: 6px; background: var(--s2); border: 1px solid var(--line-2); color: var(--ink); padding: 5px 11px; font: inherit; font-size: 12.5px; cursor: pointer; border-radius: 0; }
.rd-send:hover:not(:disabled) { border-color: var(--signal); }
.rd-send:disabled { opacity: .5; cursor: default; }