/* ============================================================================
   TEMA DOURADO JURÍDICO - Pericial Pro
   ============================================================================ */
:root {
    /* Primary Colors - Gold Classic */
    --primary-50: #fdf8e7;
    --primary-100: #f9edc4;
    --primary-200: #f3d98a;
    --primary-300: #e8c252;
    --primary-400: #d4a527;
    --primary-500: #c9981f;
    --primary-600: #b38519;
    --primary-700: #936a14;
    --primary-800: #7a5612;
    --primary-900: #5c4110;
    
    /* Accent Colors - Gold */
    --accent-400: #d4a527;
    --accent-500: #c9981f;
    --accent-600: #b38519;
    
    /* Dark Theme - Same as login */
    --dark-bg: #0d0d0f;
    --dark-card: #141416;
    --dark-card-hover: #1c1c1f;
    --dark-border: #2a2a2d;
    --dark-elevated: #1a1a1d;
    
    /* Gradients - Gold (no purple) */
    --gradient-primary: linear-gradient(135deg, #d4a527 0%, #c9981f 100%);
    --gradient-accent: linear-gradient(135deg, #e8c252 0%, #d4a527 100%);
    --gradient-dark: linear-gradient(180deg, #141416 0%, #0d0d0f 100%);
    --gradient-glass: linear-gradient(135deg, rgba(212, 165, 39, 0.1) 0%, rgba(212, 165, 39, 0.05) 100%);
    --gradient-glow: radial-gradient(ellipse at center, rgba(212, 165, 39, 0.08) 0%, transparent 70%);
    
    /* Shadows - Gold glow */
    --shadow-glow: 0 0 40px rgba(212, 165, 39, 0.2);
    --shadow-glow-accent: 0 0 40px rgba(201, 152, 31, 0.2);
}

/* Override body background - remove purple */
body {
    background: #0d0d0f !important;
}

body::before {
    background: 
        radial-gradient(ellipse at 20% 20%, rgba(212, 165, 39, 0.05) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 80%, rgba(201, 152, 31, 0.03) 0%, transparent 50%) !important;
}

/* Fix links and accents */
a {
    color: var(--primary-400);
}

a:hover {
    color: var(--primary-300);
}

/* Buttons */
.btn-primary {
    background: var(--gradient-primary) !important;
    box-shadow: 0 4px 15px -3px rgba(212, 165, 39, 0.4) !important;
    color: #0d0d0f !important;
}

.btn-primary:hover {
    box-shadow: 0 8px 25px -5px rgba(212, 165, 39, 0.5) !important;
}

/* Sidebar */
.app-sidebar {
    background: #141416 !important;
    border-right: 1px solid #2a2a2d !important;
}

.sidebar-logo-icon {
    background: var(--gradient-primary) !important;
}

/* Sidebar active state */
.nav-item.active,
.nav-item:hover {
    background: rgba(212, 165, 39, 0.1) !important;
    border-color: var(--primary-500) !important;
}

.nav-item.active .nav-item-icon,
.nav-item:hover .nav-item-icon {
    color: var(--primary-400) !important;
}

.nav-item.active .nav-item-icon svg,
.nav-item:hover .nav-item-icon svg {
    color: var(--primary-400) !important;
    stroke: var(--primary-400) !important;
}

/* Header */
.app-header {
    background: #141416 !important;
    border-bottom: 1px solid #2a2a2d !important;
}

/* Search box fix */
.search-box {
    position: relative;
    display: flex;
    align-items: center;
}

.search-box-icon {
    position: absolute;
    left: 1rem;
    width: 18px !important;
    height: 18px !important;
    color: var(--gray-500);
    pointer-events: none;
}

.search-box input {
    padding-left: 2.75rem !important;
    background: #1a1a1d !important;
    border: 1px solid #2a2a2d !important;
}

.search-box input:focus {
    border-color: var(--primary-500) !important;
    box-shadow: 0 0 0 3px rgba(212, 165, 39, 0.1) !important;
}

/* Header action buttons */
.header-action-btn {
    background: #1a1a1d !important;
    border: 1px solid #2a2a2d !important;
}

.header-action-btn:hover {
    border-color: var(--primary-500) !important;
    color: var(--primary-400) !important;
}

.header-action-btn svg {
    width: 20px;
    height: 20px;
}

/* Cards */
.stat-card,
.card {
    background: #141416 !important;
    border: 1px solid #2a2a2d !important;
}

.stat-card:hover,
.card:hover {
    border-color: var(--primary-500) !important;
}

/* Form focus */
.form-control:focus {
    border-color: var(--primary-500) !important;
    box-shadow: 0 0 0 3px rgba(212, 165, 39, 0.1) !important;
}

/* Badge and tags */
.badge-primary,
.tag-primary,
.nav-item-badge {
    background: linear-gradient(135deg, #d4a527, #c9981f) !important;
    color: #0d0d0f !important;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #0d0d0f;
}

::-webkit-scrollbar-thumb {
    background: #2a2a2d;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--primary-700);
}

/* Stat icons */
.stat-icon {
    background: rgba(212, 165, 39, 0.15) !important;
    color: var(--primary-400) !important;
}

/* Dropdown */
.dropdown-menu {
    background: #141416 !important;
    border: 1px solid #2a2a2d !important;
}

.dropdown-item:hover {
    background: rgba(212, 165, 39, 0.1) !important;
}

/* User avatar */
.sidebar-user-avatar {
    background: var(--gradient-primary) !important;
    color: #0d0d0f !important;
}

/* Fix search box icon SVG */
.header-search {
    flex: 1;
    max-width: 500px;
    margin: 0 2rem;
}

.header-search .search-box {
    position: relative;
    width: 100%;
}

.header-search .search-box svg.search-box-icon {
    position: absolute !important;
    left: 1rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 18px !important;
    height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    color: #6b7280 !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

.header-search .search-box input {
    width: 100%;
    padding-left: 2.75rem !important;
}