/* Pifko Law Portal Dynamic Theme CSS - Complete Color System */
:root {
    --primary-color: #091A35;
    --secondary-color: #6B7280;
    --accent-color: #A48814;
    --success-color: #10B981;
    --warning-color: #F59E0B;
    --danger-color: #EF4444;
    --info-color: #3B82F6;
    --gray-color: #6B7280;
    --background-color: #FFFFFF;
}

/* Secondary Button Style - White with Primary Outline */
.fi-btn-secondary {
    background-color: white;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    transition: all 0.2s ease;
}

.fi-btn-secondary:hover {
    background-color: var(--primary-color);
    color: white;
    border-color: var(--primary-color);
}

.fi-btn-secondary:focus {
    --tw-ring-color: var(--primary-color);
    border-color: var(--primary-color);
}

/* Export Button Style */
.fi-btn-export {
    background-color: white;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    font-weight: 500;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    transition: all 0.2s ease;
}

.fi-btn-export:hover {
    background-color: var(--primary-color);
    color: white;
    border-color: var(--primary-color);
}

.fi-btn-export:focus {
    --tw-ring-color: var(--primary-color);
    border-color: var(--primary-color);
}

/* Action Button Styles */
.fi-btn-action {
    background-color: white;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    font-weight: 500;
    transition: all 0.2s ease;
}

.fi-btn-action:hover {
    background-color: var(--primary-color);
    color: white;
    border-color: var(--primary-color);
}

/* Custom Pifko Law Portal utility classes */
.launchdog-primary {
    color: var(--primary-color);
}

.launchdog-bg-primary {
    background-color: var(--primary-color);
}

.launchdog-border-primary {
    border-color: var(--primary-color);
}

.launchdog-secondary {
    color: var(--secondary-color);
}

.launchdog-bg-secondary {
    background-color: var(--secondary-color);
}

.launchdog-success {
    color: var(--success-color);
}

.launchdog-bg-success {
    background-color: var(--success-color);
}

.launchdog-warning {
    color: var(--warning-color);
}

.launchdog-bg-warning {
    background-color: var(--warning-color);
}

.launchdog-danger {
    color: var(--danger-color);
}

.launchdog-bg-danger {
    background-color: var(--danger-color);
}

.launchdog-info {
    color: var(--info-color);
}

.launchdog-bg-info {
    background-color: var(--info-color);
}

/* Slim inner resource sub-navigation (e.g., Notes / Categories / Tags) */
/* Scoped to page-level nav elements so the main sidebar width is unaffected */
.fi-page .fi-page-sub-navigation,
.fi-page .fi-resource-navigation,
.fi-resource-page .fi-page-sub-navigation,
.fi-resource-page .fi-resource-navigation {
    width: 12rem !important;
    min-width: 12rem !important;
}

/* Ensure content area uses the freed space gracefully */
.fi-page .fi-main > .fi-content { 
    grid-template-columns: auto 1fr; 
}

/* Precisely target Filament's inner sub-nav container (default w-72 ≈ 18rem) */
.fi-page-sub-navigation-sidebar-ctn {
    width: 12rem !important;   /* ~w-48 */
    min-width: 12rem !important;
}

/* Ensure consistent width at md+ where Filament forces display */
@media (min-width: 768px) {
    .fi-page-sub-navigation-sidebar-ctn {
        width: 12rem !important;
        min-width: 12rem !important;
    }
}