/* Custom Scrollbar */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #1B4332;
    border-radius: 3px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #00B894;
}

.pt-safe {
    padding-top: env(safe-area-inset-top);
}

/* History Item Styling */
.history-item {
    transition: all 0.2s ease;
    border: 1px solid transparent;
}

.history-item:hover {
    background-color: rgba(16, 42, 32, 0.6);
}

.history-item.active {
    background-color: rgba(0, 184, 148, 0.1);
    border-color: rgba(0, 184, 148, 0.4);
}

/* JSON Syntax Highlighting */
.json-key {
    color: #55EFC4;
}

/* Secondary green */
.json-string {
    color: #818CF8;
}

/* Indigo */
.json-number {
    color: #FDCB6E;
}

/* Accent yellow */
.json-boolean {
    color: #F87171;
    font-weight: bold;
}

/* Red */
.json-null {
    color: #9CA3AF;
    font-style: italic;
}

/* Muted */
.json-punct {
    color: #4B5563;
}

/* Gray */

/* Diff Styling */
.diff-added {
    background-color: rgba(16, 185, 129, 0.2);
    /* Emerald 500 */
    color: #34D399;
    /* Emerald 400 */
    text-decoration: none;
    display: block;
}

.diff-removed {
    background-color: rgba(239, 68, 68, 0.2);
    /* Red 500 */
    color: #F87171;
    /* Red 400 */
    text-decoration: line-through;
    opacity: 0.8;
    display: block;
}

.diff-unchanged {
    color: #9CA3AF;
    display: block;
}