/* 
 * Professional Black & Blue Dark Theme
 * For Escrow Platform
 */

:root {
    --primary-blue: #0d6efd;
    --primary-blue-dark: #0a58ca;
    --primary-blue-light: #3d8bfd;
    --dark-bg: #0a0e1a;
    --dark-card: #141824;
    --dark-sidebar: #0f1218;
    --dark-border: #1e2433;
    --text-primary: #ffffff;
    --text-secondary: #a0aec0;
    --text-muted: #718096;
    --accent-blue: #4299e1;
    --success: #10b981;
    --warning: #f59e0b;
    --danger: #ef4444;
}

/* Body & Background */
body {
    background: var(--dark-bg) !important;
    color: var(--text-primary) !important;
}

.bg-gray-100 {
    background: var(--dark-bg) !important;
}

.min-height-300 {
    background: linear-gradient(135deg, #0a0e1a 0%, #141824 50%, #1a1f33 100%) !important;
}

/* Sidebar */
.sidenav {
    background: var(--dark-sidebar) !important;
    border-right: 1px solid var(--dark-border) !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.5) !important;
}

.sidenav .navbar-brand-img {
    filter: brightness(0) invert(1);
}

.sidenav .navbar-brand span {
    color: var(--text-primary) !important;
}

.sidenav hr {
    background-color: var(--dark-border) !important;
}

/* Navigation Links */
.sidenav .nav-link {
    color: var(--text-secondary) !important;
    transition: all 0.3s ease;
}

.sidenav .nav-link:hover {
    background: rgba(13, 110, 253, 0.1) !important;
    color: var(--primary-blue-light) !important;
}

.sidenav .nav-link.active {
    background: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue-dark) 100%) !important;
    color: var(--text-primary) !important;
    box-shadow: 0 4px 10px rgba(13, 110, 253, 0.3);
}

.sidenav .nav-link.active .icon {
    background: rgba(255, 255, 255, 0.1) !important;
}

.sidenav .nav-link .icon {
    background: transparent !important;
}

/* Cards */
.card {
    background: var(--dark-card) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
    color: var(--text-primary) !important;
}

.card-header {
    background: var(--dark-card) !important;
    border-bottom: 1px solid var(--dark-border) !important;
    color: var(--text-primary) !important;
}

.card-body {
    color: var(--text-primary) !important;
}

.card h6, .card h5, .card h4, .card h3 {
    color: var(--text-primary) !important;
}

/* Tables */
.table {
    color: var(--text-primary) !important;
}

.table thead th {
    color: var(--text-secondary) !important;
    border-bottom: 1px solid var(--dark-border) !important;
    background: rgba(13, 110, 253, 0.05) !important;
}

.table tbody tr {
    border-bottom: 1px solid var(--dark-border) !important;
}

.table tbody tr:hover {
    background: rgba(13, 110, 253, 0.05) !important;
}

.table td {
    color: var(--text-primary) !important;
}

/* Buttons */
.btn-primary, .bg-gradient-primary {
    background: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue-dark) 100%) !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(13, 110, 253, 0.3) !important;
}

.btn-primary:hover {
    background: linear-gradient(135deg, var(--primary-blue-light) 0%, var(--primary-blue) 100%) !important;
    box-shadow: 0 6px 20px rgba(13, 110, 253, 0.4) !important;
    transform: translateY(-2px);
}

.btn-outline-primary {
    border-color: var(--primary-blue) !important;
    color: var(--primary-blue) !important;
}

.btn-outline-primary:hover {
    background: var(--primary-blue) !important;
    color: white !important;
}

/* Success/Info/Warning/Danger gradients */
.bg-gradient-success {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
}

.bg-gradient-info {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
}

.bg-gradient-warning {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
}

.bg-gradient-danger {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
}

.bg-gradient-dark {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;
}

/* Navbar */
.navbar {
    background: var(--dark-card) !important;
    border-bottom: 1px solid var(--dark-border) !important;
}

.navbar .nav-link {
    color: var(--text-secondary) !important;
}

.navbar .nav-link:hover {
    color: var(--primary-blue-light) !important;
}

/* Dropdown */
.dropdown-menu {
    background: var(--dark-card) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
}

.dropdown-item {
    color: var(--text-primary) !important;
}

.dropdown-item:hover {
    background: rgba(13, 110, 253, 0.1) !important;
    color: var(--primary-blue-light) !important;
}

.dropdown-divider {
    border-color: var(--dark-border) !important;
}

/* Text Colors */
.text-dark {
    color: var(--text-primary) !important;
}

.text-secondary {
    color: var(--text-secondary) !important;
}

.text-muted {
    color: var(--text-muted) !important;
}

/* Forms */
.form-control, .form-select {
    background: var(--dark-sidebar) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--text-primary) !important;
}

.form-control:focus, .form-select:focus {
    background: var(--dark-sidebar) !important;
    border-color: var(--primary-blue) !important;
    color: var(--text-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25) !important;
}

.form-control::placeholder {
    color: var(--text-muted) !important;
}

/* Badges */
.badge {
    font-weight: 600;
}

.badge.bg-success {
    background: var(--success) !important;
}

.badge.bg-warning {
    background: var(--warning) !important;
}

.badge.bg-danger {
    background: var(--danger) !important;
}

.badge.bg-info {
    background: var(--accent-blue) !important;
}

.badge.bg-secondary {
    background: #4a5568 !important;
}

/* Icons */
.icon-shape {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
}

/* Stats Cards */
.card .numbers {
    color: var(--text-primary) !important;
}

.card .text-sm, .card .text-xs {
    color: var(--text-secondary) !important;
}

/* Modal */
.modal-content {
    background: var(--dark-card) !important;
    border: 1px solid var(--dark-border) !important;
}

.modal-header {
    border-bottom: 1px solid var(--dark-border) !important;
}

.modal-footer {
    border-top: 1px solid var(--dark-border) !important;
}

/* Alerts */
.alert {
    border: 1px solid var(--dark-border) !important;
}

.alert-success {
    background: rgba(16, 185, 129, 0.1) !important;
    color: var(--success) !important;
    border-color: var(--success) !important;
}

.alert-warning {
    background: rgba(245, 158, 11, 0.1) !important;
    color: var(--warning) !important;
    border-color: var(--warning) !important;
}

.alert-danger {
    background: rgba(239, 68, 68, 0.1) !important;
    color: var(--danger) !important;
    border-color: var(--danger) !important;
}

.alert-info {
    background: rgba(13, 110, 253, 0.1) !important;
    color: var(--primary-blue-light) !important;
    border-color: var(--primary-blue) !important;
}

/* List Groups */
.list-group-item {
    background: var(--dark-card) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--text-primary) !important;
}

.list-group-item:hover {
    background: rgba(13, 110, 253, 0.05) !important;
}

/* Pagination */
.pagination .page-link {
    background: var(--dark-card) !important;
    border: 1px solid var(--dark-border) !important;
    color: var(--text-primary) !important;
}

.pagination .page-link:hover {
    background: var(--primary-blue) !important;
    border-color: var(--primary-blue) !important;
    color: white !important;
}

.pagination .page-item.active .page-link {
    background: var(--primary-blue) !important;
    border-color: var(--primary-blue) !important;
}

/* Progress Bars */
.progress {
    background: var(--dark-sidebar) !important;
}

.progress-bar {
    background: var(--primary-blue) !important;
}

/* Timeline */
.timeline-content {
    color: var(--text-primary) !important;
}

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

::-webkit-scrollbar-track {
    background: var(--dark-sidebar);
}

::-webkit-scrollbar-thumb {
    background: var(--dark-border);
    border-radius: 4px;
}

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

/* Avatar */
.avatar {
    border: 2px solid var(--dark-border) !important;
}

/* Chart Container */
.chart-container {
    background: var(--dark-card) !important;
    border-radius: 10px;
    padding: 20px;
}

/* Empty States */
.text-center i.fa-3x {
    opacity: 0.3;
}

/* Links */
a {
    color: var(--primary-blue-light);
}

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

/* Border Colors */
.border {
    border-color: var(--dark-border) !important;
}

.border-top {
    border-top-color: var(--dark-border) !important;
}

.border-bottom {
    border-bottom-color: var(--dark-border) !important;
}

.border-start {
    border-left-color: var(--dark-border) !important;
}

.border-end {
    border-right-color: var(--dark-border) !important;
}

/* Active State Glow Effect */
.nav-link.active,
.btn-primary:focus,
.form-control:focus {
    box-shadow: 0 0 15px rgba(13, 110, 253, 0.4) !important;
}

/* Hover Effects */
.card:hover {
    transform: translateY(-2px);
    transition: transform 0.3s ease;
    box-shadow: 0 8px 30px rgba(13, 110, 253, 0.2) !important;
}

/* Custom Blue Accents */
.text-primary {
    color: var(--primary-blue-light) !important;
}

.bg-primary {
    background-color: var(--primary-blue) !important;
}

/* Footer */
.footer {
    background: var(--dark-sidebar) !important;
    border-top: 1px solid var(--dark-border) !important;
    color: var(--text-secondary) !important;
}