/* NoticeRadius API: account API keys panel and the /api/ guide page. */

.nr-api-keys .nr-api-table{width:100%;border-collapse:collapse;margin:12px 0 16px;font-size:.95rem}
.nr-api-keys .nr-api-table th{text-align:left;padding:8px 8px;border-bottom:2px solid var(--line,#DFE6EE);font-weight:600}
.nr-api-keys .nr-api-table td{padding:10px 8px;border-bottom:1px solid var(--line,#DFE6EE);vertical-align:middle}
.nr-api-keys .nr-api-table td:last-child{text-align:right}
.nr-api-keys .nr-api-table form{margin:0}
.nr-api-keys code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;background:var(--mist,#F5F7FA);padding:2px 6px;border-radius:6px}
.nr-api-keys .nr-api-new{background:var(--orange-lt,#FFF1E8);border:1px solid var(--orange,#FF6A13);border-radius:12px;padding:14px 16px;margin:12px 0}
.nr-api-keys .nr-api-new label{display:block;font-weight:600;margin-bottom:6px}
.nr-api-keys .nr-api-keyval{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95rem;padding:10px 12px;border:1px solid var(--line,#DFE6EE);border-radius:8px;background:#fff}
.nr-api-keys .nr-api-new p{margin:8px 0 0}
.nr-api-keys .nr-api-create .nr-rp-field input{max-width:420px}

@media (max-width:640px){
  .nr-api-keys .nr-api-table thead{display:none}
  .nr-api-keys .nr-api-table tr{display:block;border-bottom:1px solid var(--line,#DFE6EE);padding:8px 0}
  .nr-api-keys .nr-api-table td{display:flex;justify-content:space-between;gap:12px;border:0;padding:4px 0}
  .nr-api-keys .nr-api-table td[data-label]::before{content:attr(data-label);color:var(--muted,#5A6B7D)}
  .nr-api-keys .nr-api-table td:last-child{justify-content:flex-end}
}

/* Guide page code blocks */
.entry pre.nr-code,.elementor-widget-text-editor pre.nr-code{background:var(--ink,#0B1623);color:#E6EDF5;border-radius:12px;padding:16px 18px;margin:0 0 1.5rem;overflow-x:auto;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88rem;line-height:1.6;white-space:pre;tab-size:2}
.entry pre.nr-code code{background:none;color:inherit;padding:0;font:inherit}
.entry p code,.entry li code,.entry td code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;background:var(--mist,#F5F7FA);padding:2px 6px;border-radius:6px;word-break:break-word}
.entry .nr-table-scroll{overflow-x:auto}
