/* Remote Tab Opener — Docs shared stylesheet (extends your base)
   Path: /assets/css.css
   Depends on: Bootstrap 5.3.x
*/

/* === Your base (kept) ===================================================== */
:root { --brand:#0d6efd; }
body { scroll-behavior: smooth; }
.sidebar { min-height: 100vh; border-right: 1px solid #eee; }
.nav-pills .nav-link.active { background-color: var(--brand); }

.btn {
  box-shadow: 0 .25rem .5rem rgba(0,0,0,.08);
  border-radius: .6rem;
  transition: transform .15s ease;
}
.btn:hover { transform: translateY(-2px); }

.badge-soft {
  background: rgba(13,110,253,.08);
  color: #0d6efd;
  border: 1px solid rgba(13,110,253,.2);
}

.hero {
  background: linear-gradient(180deg, #0d1117, #111827);
  color: #fff;
  border-radius: 1rem;
}
.hero .lead { opacity: .9; }

.kpi { font-weight: 600; }

pre { border-radius: .6rem; overflow: auto; }
code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
}

.feature-list li { margin: .35rem 0; }
.card-icon { font-size: 1.25rem; }
.table-feats td, .table-feats th { vertical-align: middle; }

.small-muted { color: #6c757d; }
.logo {
  width: 84px; height: auto; border-radius: 12px;
  box-shadow: 0 .25rem .6rem rgba(0,0,0,.18);
}

/* Utility */
.hide { display: none !important; }

/* Callouts */
.callout {
  border: 1px solid rgba(0,0,0,.075);
  border-left-width: .25rem;
  border-radius: .6rem;
  padding: .85rem 1rem;
  margin: 1rem 0;
  background: #fff;
}
.callout-info    { border-left-color: #0d6efd; background: rgba(13,110,253,.03); }
.callout-warning { border-left-color: #ffc107; background: rgba(255,193,7,.08); }
.callout-success { border-left-color: #198754; background: rgba(25,135,84,.06); }
.callout > :last-child { margin-bottom: 0; }

/* === Additions for /docs/ ================================================= */

/* Breadcrumb-ish crumbs */
.crumb { font-size:.95rem; margin:.25rem 0 1rem 0; }
.crumb a { text-decoration:none; }

/* Section cards */
.doc-card { border-radius:.75rem; }

/* Code blocks with “Copy” button */
.codebox { position: relative; }
.copy-btn {
  position: absolute;
  right: .75rem;
  top: .5rem;
  z-index: 1;
}
pre code {
  font-size: 0.95rem;
  line-height: 1.35;
  white-space: pre; /* keep intentional newlines */
}

/* API tables */
.api-table td code, .api-table th code { white-space: nowrap; }

/* Inline log/console (diagnostics/events) */
.logbox {
  background: #0f172a;
  color: #e2e8f0;
  border-radius: .5rem;
  font-size: .9rem;
  height: 260px;
  overflow: auto;
  padding: .75rem;
}

/* Status colors for logs/messages */
.ok   { color:#198754; }
.warn { color:#b8860b; }
.err  { color:#dc3545; }

/* Keyboard chip */
.kbd {
  font: 12px ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  background: #0b1220;
  color: #cbe1ff;
  padding: 2px 6px;
  border-radius: 4px;
}

/* Minor utilities */
.muted { color:#6c757d; }
.badge { font-variant-numeric: tabular-nums; } /* prettier counters */