.gth-jwt-decoder .gth-jwt-input { font-family: monospace; font-size: var(--gth-text-sm); word-break: break-all; }
.gth-jwt-decoder .gth-jwt-section { margin-bottom: var(--gth-space-4); }
.gth-jwt-decoder .gth-jwt-header-label { color: #ef4444; }
.gth-jwt-decoder .gth-jwt-payload-label { color: #8b5cf6; }
.gth-jwt-decoder .gth-jwt-content { background: var(--gth-bg-secondary); padding: var(--gth-space-4); border-radius: var(--gth-radius-md); font-family: monospace; font-size: var(--gth-text-sm); overflow-x: auto; white-space: pre-wrap; margin: 0; }
.gth-jwt-decoder .gth-jwt-info { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--gth-space-3); }
.gth-jwt-decoder .gth-info-item { padding: var(--gth-space-3); background: var(--gth-bg-secondary); border-radius: var(--gth-radius-md); }
.gth-jwt-decoder .gth-info-item .gth-info-label { font-size: var(--gth-text-xs); color: var(--gth-text-secondary); margin-bottom: var(--gth-space-1); }
.gth-jwt-decoder .gth-info-item .gth-info-value { font-weight: 600; }
.gth-jwt-decoder .gth-info-item.gth-expired { border-left: 3px solid #ef4444; }
.gth-jwt-decoder .gth-info-item.gth-valid { border-left: 3px solid #22c55e; }