/*
 * Cobra Marketplace staff panel: the marketplace dark tokens on Filament's own classes
 * (docs/CLAUDE-design-system.md, "Staff panel"). Plain CSS, published by filament:assets.
 */

:root {
    --cobra-yellow: #f3e90c;
}

.fi-body {
    background-color: var(--gray-950);
}

.fi-btn {
    border-radius: 9999px;
}

.fi-simple-main,
.fi-modal-window,
.fi-section:not(.fi-section-not-contained),
.fi-wi-widget .fi-section {
    --tw-ring-shadow: 0 0 #0000;
    box-shadow: none;
    background-color: var(--gray-900);
}

.fi-simple-header-heading,
.fi-header-heading {
    letter-spacing: -0.02em;
}

.fi-input-wrp {
    border-radius: 0.75rem;
}

/* Primary actions in Cobra yellow with dark text, as on the marketplace (Filament darkens it to olive). */
.fi-body .fi-btn.fi-color.fi-color-primary:not(.fi-outlined) {
    background-color: var(--cobra-yellow);
    color: var(--gray-950);
}

.fi-body .fi-btn.fi-color.fi-color-primary:not(.fi-outlined):not(.fi-disabled):not([disabled]):hover {
    background-color: #d4cb0a;
}

.fi-body .fi-btn.fi-color.fi-color-primary:not(.fi-outlined) .fi-icon {
    color: var(--gray-950);
}