/* JWT 디코더 스타일 */
.jwt-decoder-tool textarea {
    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
    line-height: 1.6;
}

.jwt-decoder-tool textarea:focus {
    box-shadow: none;
}

.jwt-decoder-tool pre {
    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
    line-height: 1.6;
    margin: 0;
}

/* JSON 신택스 하이라이팅 */
.json-highlight-output {
    background-color: #1e1e2e !important;
    color: #cdd6f4;
}

.json-highlight-output .json-key {
    color: #89b4fa;
}

.json-highlight-output .json-string {
    color: #a6e3a1;
}

.json-highlight-output .json-number {
    color: #fab387;
}

.json-highlight-output .json-boolean {
    color: #cba6f7;
}

.json-highlight-output .json-null {
    color: #f38ba8;
    font-style: italic;
}

/* 토큰 구조 시각화 - jwt.io 스타일 색상 */
.jwt-part-header {
    color: #fb015b;
    font-weight: 600;
}

.jwt-part-payload {
    color: #d63aff;
    font-weight: 600;
}

.jwt-part-signature {
    color: #00b9f1;
    font-weight: 600;
}

.jwt-dot {
    color: #6c757d;
    font-weight: 700;
    font-size: 1.1em;
}

/* 보라색 텍스트 (페이로드 라벨용) */
.text-purple {
    color: #d63aff !important;
}

/* 아코디언 스타일 */
.jwt-decoder-tool .accordion-button:not(.collapsed) {
    background-color: var(--bs-light);
    box-shadow: none;
}

.jwt-decoder-tool .accordion-button:focus {
    box-shadow: none;
}

/* 클레임 테이블 스타일 */
.jwt-decoder-tool .table td {
    vertical-align: middle;
    padding: 0.5rem;
}

.jwt-decoder-tool .table th {
    padding: 0.5rem;
}