/* ============================================================
   JWT 密钥生成与调试 —— 页面私有样式（/devtools/jwt-generator）
   通用结构复用 devtools.css，颜色只用 --c-* 变量或 rgba，自动适配黑夜模式
   ============================================================ */

[hidden] { display: none; }

/* Payload 文本域适当加高 */
.jg-payload {
    min-height: 130px;
}

/* 有效期输入框收窄 */
.jg-narrow {
    max-width: 160px;
}

/* 生成结果限高，长 token 内部换行滚动 */
.jg-output {
    min-height: 60px;
    overflow-wrap: anywhere;
}

/* 分隔线 */
.jg-hr {
    border: none;
    border-top: 1px dashed var(--c-border);
    margin: 4px 0;
}

.jg-result {
    margin-top: 12px;
}

/* 验签过程的加载 / 提示文本 */
.jg-msg {
    padding: 10px 0;
    color: var(--c-text-muted);
    font-size: 13.5px;
}

/* 验签结果状态 */
.jg-ok { color: rgba(16, 185, 129, .95); }
.jg-bad { color: rgba(255, 77, 121, .95); }

/* 验签通过后展示的 Payload 面板不限高 */
.jg-output--flat {
    min-height: 0;
}

/* 验签通过后的「解码 Payload」小标题 */
.jg-verified-head {
    margin-top: 14px;
}