/* ============================================================
   API 请求测试 —— 页面私有样式（/devtools/api-tester）
   通用结构复用 devtools.css，颜色只用 --c-* 变量，自动适配黑夜模式
   ============================================================ */

[hidden] { display: none; }

/* 方法 + URL 一行排布 */
.at-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.at-method {
    width: 110px;
    flex-shrink: 0;
}

.at-url {
    flex: 1;
    min-width: 220px;
}

.at-note {
    display: block;
    margin-bottom: 12px;
}

.at-headers {
    min-height: 80px;
}

.at-body {
    min-height: 130px;
}

.at-out {
    max-height: 380px;
}

/* 请求中提示 */
.at-loading {
    display: inline-block;
    padding: 10px 0;
    color: var(--c-text-muted);
    font-size: 13.5px;
}

/* 状态码着色（全部取自主题变量，自动适配黑夜模式） */
.at-code--ok { color: var(--c-accent-green); }
.at-code--warn { color: var(--c-accent-orange); }
.at-code--err { color: var(--c-accent-pink); }

@media (max-width: 860px) {
    .at-out { max-height: 300px; }
}