/* The RDP generator panel (rdp.js). Inline, no pop-up. Tokens come from app.css so both themes follow; form controls come from controls.css and select.js. */
.rdp{margin:12px 0;padding:14px 16px;background:var(--sf);border:1px solid var(--bd2);border-left:3px solid var(--acc);border-radius:var(--r);min-width:0}
.rdp-tr > td{padding:0 !important;border:0 !important}
.rdp-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.rdp-h b{font-size:14px}
.rdp-sec{margin:12px 0}
.rdp-sec .lbl{margin-bottom:6px}
.rdp-ch{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}
.rdp-ch1,.rdp-chk{display:flex;align-items:center;gap:10px;min-height:32px;cursor:pointer;line-height:1.35}
.rdp-ch1 .m{font-family:var(--mono)}
.rdp-who,.rdp-pre-row,.rdp-saved{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.rdp-saved{margin-top:8px}
.rdp-who .sel,.rdp-saved .sel{min-width:0;max-width:100%}
.rdp-who input.sel{width:170px}
.rdp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:12px}
.rdp-g{margin:0;padding:10px 12px 8px;border:1px solid var(--bd);border-radius:var(--r);min-width:0;background:var(--sf2)}
.rdp-g legend{padding:0 6px}
.rdp-r{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;min-height:34px;padding:2px 0}
.rdp-l{color:var(--ink2);flex:1 1 140px;min-width:0}
.rdp-r .sel{flex:0 1 220px;min-width:0}
.rdp-wh{display:inline-flex;align-items:center;gap:6px}
.rdp-wh .sel{width:78px;min-width:0;flex:none}
.rdp-wide{flex:1 1 260px !important;max-width:360px}
.rdp-saved input.sel[data-rdp-name]{width:230px}
.rdp-letters{width:90px !important;flex:none !important}
.rdp-advb{margin:10px 0 0}
.rdp-adv{margin-top:8px;padding:8px 12px;border:1px dashed var(--bd2);border-radius:var(--r)}
.rdp-adv[hidden]{display:none}
.rdp-tl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:0 12px}
.rdp-tl .m{font-family:var(--mono)}
.rdp-text{margin:0;padding:10px 12px;max-height:240px;overflow:auto;background:var(--sf3);border:1px solid var(--bd);border-radius:var(--r);font:12px/1.45 var(--mono);color:var(--ink2);white-space:pre}
.rdp-err:empty{display:none}
.rdp-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}
.rdp-msg{flex:1 1 220px;min-width:0}
.rdp-note{margin:10px 0 0}
.rdp-pick{margin-bottom:6px}
.ts-rdp{margin-right:4px}
@media (max-width:719px){
  .rdp{padding:12px 12px;margin-left:0;margin-right:0}
  .rdp-grid{grid-template-columns:1fr}
  .rdp-who input.sel,.rdp-who .sel,.rdp-r .sel{flex:1 1 100%;width:100%}
  .rdp-wh .sel{width:90px;flex:none}
  .rdp-tl{grid-template-columns:1fr}
  .rdp-acts .btn{flex:1 1 140px;justify-content:center;min-height:44px}
  .rdp-ch1,.rdp-chk{min-height:44px}
  .rdp-text{max-height:180px}
}
.rdp .seg{flex-wrap:wrap;max-width:100%;overflow:visible}
.rdp .seg button{border-bottom:1px solid var(--bd2);margin-bottom:-1px}