/* ===== FATOORATTN API Docs ===== */
html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; }
h1, h2, h3, h4 { font-family: 'Plus Jakarta Sans', sans-serif; }
code, pre { font-family: 'JetBrains Mono', 'Fira Code', monospace; }

.gradient-green { background: linear-gradient(135deg, #047857 0%, #10B981 100%); }

/* Sidebar active state */
.nav-link.active {
    color: #fff;
    background: #1E293B;
}
.nav-link.active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 20px;
    background: #3E92CC;
    border-radius: 0 3px 3px 0;
}

/* Code blocks */
pre code .hljs { background: transparent; padding: 0; }

/* Try it out transitions */
#try-* {
    transition: all 0.3s ease;
}

/* Response status badges */
.status-success { color: #06D6A0; }
.status-error { color: #EF4444; }
.status-pending { color: #F59E0B; }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #94A3B8; }

/* Print */
@media print {
    #sidebar { display: none; }
    main { margin-left: 0; }
}

/* Toast copy */
.toast-copy {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    background: #1E293B;
    color: #fff;
    padding: 0.75rem 1.5rem;
    border-radius: 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    z-index: 100;
}
.toast-copy.show {
    transform: translateY(0);
    opacity: 1;
}