/* Vunclear Custom Styles */

/* Status Dots for Invoice Status */
.status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 6px;
}

.status-paid {
    background-color: #10b981; /* Green-500 */
}

.status-pending {
    background-color: #f59e0b; /* Amber-500 */
}

.status-failed {
    background-color: #ef4444; /* Red-500 */
}

.status-validated {
    background-color: #3b82f6; /* Blue-500 */
}

.status-draft {
    background-color: #6b7280; /* Gray-500 */
}

.status-issued {
    background-color: #3b82f6; /* Blue-500 */
}

.status-cancelled {
    background-color: #ef4444; /* Red-500 */
}

/* Sidebar Styles */
.sidebar {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 16rem; /* 256px */
    background: white;
    border-right: 1px solid #e5e7eb;
    z-index: 40;
}

.sidebar-content {
    height: 100vh;
    overflow-y: auto;
}

.main-with-sidebar {
    margin-left: 16rem; /* 256px */
}

/* Print Styles */
@media print {
    .no-print {
        display: none !important;
    }
    
    .sidebar {
        display: none !important;
    }
    
    .main-with-sidebar {
        margin-left: 0 !important;
    }
    
    body {
        background: white;
    }
}

/* Activity Feed Styles */
.activity-item {
    transition: background-color 0.2s;
}

.activity-item:hover {
    background-color: #f9fafb;
}

/* Chart Placeholder */
.chart-placeholder {
    background: linear-gradient(135deg, #f3f4f6 25%, transparent 25%),
                linear-gradient(225deg, #f3f4f6 25%, transparent 25%),
                linear-gradient(45deg, #f3f4f6 25%, transparent 25%),
                linear-gradient(315deg, #f3f4f6 25%, #e5e7eb 25%);
    background-position: 10px 0, 10px 0, 0 0, 0 0;
    background-size: 20px 20px;
    background-repeat: repeat;
}

/* Smooth Transitions */
.transition-all {
    transition: all 0.3s ease;
}

/* Custom Scrollbar */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #555;
}