/**
 * Custom styles for the in-app API documentation page.
 *
 * Hand-written (not Tailwind utility classes) for the same reason as
 * vendor-rate-calculator.css: this panel's compiled CSS is Filament's own
 * precompiled bundle, scanned against Filament's own component source, not
 * this app's Blade views, so most raw color/arbitrary utility classes used
 * only in custom pages compile to nothing. Registered via FilamentAsset in
 * AppServiceProvider.
 */
.api-docs-header-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 0.75rem;
    flex-shrink: 0;
    background: linear-gradient(135deg, #f59e0b, #b45309);
    color: #fff;
}

.api-docs-method {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    border-radius: 0.25rem;
    background: #dcfce7;
    color: #15803d;
    font-size: 11px;
    font-weight: 700;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    letter-spacing: 0.02em;
}
.dark .api-docs-method {
    background: rgba(22, 163, 74, 0.18);
    color: #4ade80;
}

.api-docs-path {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.8125rem;
    color: #111827;
}
.dark .api-docs-path {
    color: #f9fafb;
}

.api-docs-code {
    background: #111827;
    color: #f3f4f6;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12.5px;
    line-height: 1.6;
    padding: 1rem;
    border-radius: 0.5rem;
    overflow-x: auto;
    white-space: pre;
    margin: 0;
}

.api-docs-required {
    display: inline-block;
    padding: 0 0.375rem;
    border-radius: 0.25rem;
    background: #fee2e2;
    color: #b91c1c;
    font-size: 10px;
    font-weight: 600;
}
.dark .api-docs-required {
    background: rgba(185, 28, 28, 0.18);
    color: #f87171;
}

.api-docs-optional {
    display: inline-block;
    padding: 0 0.375rem;
    border-radius: 0.25rem;
    background: #f3f4f6;
    color: #6b7280;
    font-size: 10px;
    font-weight: 600;
}
.dark .api-docs-optional {
    background: #374151;
    color: #9ca3af;
}

.api-docs-eyebrow {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #9ca3af;
    margin: 0;
}

.api-docs-param-name {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.8125rem;
    color: #92400e;
}
.dark .api-docs-param-name {
    color: #fbbf24;
}

.api-docs-list {
    list-style: disc;
    margin: 0.5rem 0 0 1.25rem;
    padding: 0;
}
.api-docs-list li {
    margin-top: 0.25rem;
}

.api-docs-body {
    line-height: 1.6;
}