/* RandomRoute API Workbench additions on top of SB Admin 2. */

/* SB Admin's auth images point at source.unsplash.com, which the CSP blocks; use bundled illustrations. */
.bg-login-image,
.bg-register-image,
.bg-password-image,
.bg-landing-image {
    background: #f8f9fc url("../sb-admin/img/undraw_rocket-P7HF_br.svg") center / 70% no-repeat;
}
.bg-register-image { background-image: url("../sb-admin/img/undraw_posting_photo-FGvghKm.svg"); }

.sidebar .nav-item .nav-link.disabled {
    opacity: .45;
    cursor: not-allowed;
}

.font-monospace, .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

pre.code-view {
    max-height: 32rem;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-all;
    background: #f8f9fc;
    border: 1px solid #e3e6f0;
    border-radius: .35rem;
    padding: .75rem;
    font-size: .8rem;
}

.method-badge { min-width: 4.2rem; display: inline-block; text-align: center; font-family: SFMono-Regular, Menlo, Consolas, monospace; }
.method-GET { background-color: #1cc88a; color: #fff; }
.method-POST { background-color: #f6c23e; color: #212529; }
.method-PUT { background-color: #4e73df; color: #fff; }
.method-PATCH { background-color: #6f42c1; color: #fff; }
.method-DELETE { background-color: #e74a3b; color: #fff; }
.method-HEAD, .method-OPTIONS { background-color: #858796; color: #fff; }

.is-loading { pointer-events: none; opacity: .7; }

/* ---------- Request Builder ---------- */
.builder .method-select { min-width: 7rem; }
.builder .url-field { min-width: 0; }
.builder .url-input,
.builder .url-highlight {
    font-size: .9rem;
    border-radius: 0;
    height: calc(1.5em + .75rem + 2px);
}
.builder .url-input {
    position: relative;
    background: transparent;
    color: transparent;
    caret-color: #3a3b45;
    z-index: 2;
}
.builder .url-input::placeholder { color: #b7b9cc; }
.builder .url-highlight {
    position: absolute;
    inset: 0;
    overflow: hidden;
    white-space: pre;
    color: #3a3b45;
    pointer-events: none;
    z-index: 1;
}
.builder .url-var { color: #e74a3b; background: #fdecea; border-radius: 3px; }
.builder .env-peek { position: absolute; right: 0; top: 100%; z-index: 20; width: 22rem; max-height: 18rem; overflow: auto; }
.builder .col-md-6.d-flex { position: relative; }
.builder .request-tab-strip { border-bottom: 0; }
.builder .request-tab-strip .nav-link { white-space: nowrap; }
.builder .kv-table td { padding: .15rem; }
.builder .tree { max-height: 70vh; overflow: auto; }
.builder .tree summary { cursor: pointer; list-style: none; }
.builder .tree-row { padding: .1rem .2rem; border-radius: .25rem; }
.builder .tree-row:hover { background: #f8f9fc; }
.builder li.dragging { opacity: .4; }
.builder .method-badge { min-width: 3.4rem; font-size: .65rem; }
.json-view .json-key { color: #224abe; }
.json-view .json-string { color: #13855c; }
.json-view .json-number { color: #be2617; }
.json-view .json-bool, .json-view .json-null { color: #6f42c1; font-weight: 600; }
.markdown-body img { max-width: 100%; }

/* RandomRoute AEP Lab guide (public /docs/adobe and in-app Guide) */
.guide-toc ol { padding-left: 1.25rem; margin-bottom: 0; }
.guide-toc li { margin-bottom: .25rem; }
.guide-section { scroll-margin-top: 5rem; }
.guide-content table { width: 100%; margin-bottom: 1rem; border-collapse: collapse; font-size: .9rem; }
.guide-content th, .guide-content td { padding: .5rem .6rem; border: 1px solid #e3e6f0; vertical-align: top; }
.guide-content thead th { background: #f8f9fc; }
.guide-content pre { background: #1f2430; color: #e6e6e6; padding: .9rem 1rem; border-radius: .35rem; font-size: .8rem; overflow-x: auto; }
.guide-content pre code { color: inherit; }
.guide-content blockquote { border-left: .25rem solid #4e73df; padding: .25rem 0 .25rem 1rem; color: #5a5c69; }
.guide-content img { max-width: 100%; height: auto; border: 1px solid #e3e6f0; border-radius: .35rem; margin: .5rem 0 1rem; }
.guide-content h3 { font-size: 1.15rem; margin-top: 1.5rem; }

/* Two-line brand in the sidebar: RandomRoute / API Workbench */
.sidebar-brand-text { line-height: 1.15; }
.sidebar-brand-sub { font-size: .62rem; font-weight: 700; letter-spacing: .06em; opacity: .85; }