/* .rt-code — the shared dark JSON block (Campaigns / Distribution / routing tester / call-log traces, the staff
   console's Encompass payload dialogs). Vertically resizable by dragging the bottom-right corner (default 280px, drag
   to grow). static/js/code-copy.js adds the copy button to every one, so the wrapper + button styling live here too.
   Its own file (it-80.16) so the console can load it without the conditional-routing page CSS it used to live in. */
.rt-code { background: #0f0f16; color: #ecebf2; border-radius: 8px; padding: .6rem; font-size: .72rem;
  overflow: auto; height: 280px; max-height: none; margin-top: .4rem; resize: vertical; min-height: 3rem; }
.rt-codewrap { position: relative; }
/* right offset clears the code block's vertical scrollbar (~15px) so the glyph isn't hidden behind it */
.rt-copy { position: absolute; top: .55rem; right: 1.15rem; z-index: 1; display: inline-flex; align-items: center;
  justify-content: center; width: 26px; height: 26px; border: none; border-radius: 6px; cursor: pointer;
  background: color-mix(in srgb, #ecebf2 12%, transparent); color: #ecebf2; }
.rt-copy:hover { background: color-mix(in srgb, #ecebf2 22%, transparent); }
.rt-copy .material-symbols-rounded { font-size: 1rem; }
.rt-copy--done { color: #6fdc8c; }
/* --fill: the block takes its container's height instead of the fixed 280px — inside a dialog body, which scrolls. */
.rt-code--fill { height: auto; resize: none; margin-top: 0.75rem; }