.bmw-report-container {
    max-width: 100%;
    margin: 20px auto;
    padding: 20px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.bmw-report-header {
    text-align: center;
    margin-bottom: 30px;
    border-bottom: 3px solid #333;
    padding-bottom: 20px;
}

.hospital-info h2 { margin: 0 0 10px 0; color: #333; font-size: 20px; }
.hospital-info p { margin: 5px 0; color: #666; font-size: 14px; }
.report-title { margin: 20px 0; font-size: 28px; color: #2271b1; }
.report-info { text-align: center !important; margin: 15px 0; }
.report-info p { margin: 5px auto !important; font-size: 16px; text-align: center !important; display: block; }

.bmw-filter { margin: 20px auto; padding: 15px; background: #f0f0f1; border-radius: 5px; text-align: center; }
.month-filter { display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; }
.month-filter label { font-weight: bold; }
.month-filter select { padding: 8px; border: 1px solid #ccc; border-radius: 3px; font-size: 14px; }
.month-filter .button { padding: 8px 15px; background: #2271b1; color: #fff; border: none; border-radius: 3px; cursor: pointer; }
.month-filter .button:hover { background: #135e96; }

.bmw-report-table-wrapper { overflow-x: auto; margin: 20px 0; }
.bmw-report-table { width: 100%; border-collapse: collapse; font-size: 13px; min-width: 800px; }
.bmw-report-table th, .bmw-report-table td { border: 1px solid #000; padding: 8px; text-align: center; color: #000000; font-weight: bold; }
.bmw-report-table tbody tr:nth-child(even) { background: #f9f9f9; }
.bmw-report-table tbody tr:hover { background: #f0f0f1; }

.yellow-bg { background-color: #FFFF00 !important; color: #000000 !important; font-weight: bold !important; }
.red-bg { background-color: #FF2D00 !important; color: #000000 !important; font-weight: bold !important; }
.blue-bg { background-color: #5B9DD9 !important; color: #000000 !important; font-weight: bold !important; }
.white-bg { background-color: #FFFFFF !important; color: #000000 !important; font-weight: bold !important; }
.cytotoxic-bg { background-color: #FFFF00 !important; }
.covid-bg { background-color: #C8A2C8 !important; }
.total-bg { background-color: #FFFFFF !important; color: #000000 !important; font-weight: bold !important; border: 1px solid #000 !important; }
.total-row { background-color: #FFFFFF !important; color: #000000 !important; font-weight: bold !important; border: 1px solid #000 !important; }
.bmw-no-data { text-align: center; padding: 40px; background: #f9f9f9; border-radius: 5px; }

@media print { .bmw-filter { display: none; } }

@media (max-width: 768px) {
    .bmw-report-container { 
        margin: 10px auto; 
        padding: 10px; 
    }
    
    .bmw-report-header { 
        margin-bottom: 15px; 
        padding-bottom: 10px; 
    }
    
    .report-title { 
        font-size: 20px; 
        margin: 10px 0; 
    }
    
    .hospital-info h2 { 
        font-size: 16px; 
    }
    
    .hospital-info p, .report-info p { 
        font-size: 12px; 
    }
    
    .bmw-filter { 
        margin: 10px 0; 
        padding: 10px; 
    }
    
    .month-filter { 
        flex-direction: column; 
        align-items: stretch; 
        gap: 8px; 
    }
    
    .month-filter label { 
        text-align: center; 
    }
    
    .month-filter select { 
        width: 100%; 
        font-size: 16px; 
    }
    
    .month-filter .button { 
        width: 100%; 
        padding: 12px; 
        font-size: 16px; 
    }
    
    .bmw-report-table-wrapper { 
        margin: 10px -10px; 
        border-radius: 0; 
    }
    
    .bmw-report-table { 
        font-size: 9px; 
        min-width: 1200px; 
    }
    
    .bmw-report-table th, .bmw-report-table td { 
        padding: 4px 2px; 
    }
    
    .bmw-no-data { 
        padding: 20px; 
        font-size: 14px; 
    }
}

@media (max-width: 480px) {
    .bmw-report-container { 
        padding: 5px; 
        margin: 5px auto; 
    }
    
    .report-title { 
        font-size: 18px; 
    }
    
    .bmw-report-table { 
        font-size: 8px; 
        min-width: 1000px; 
    }
    
    .bmw-report-table th, .bmw-report-table td { 
        padding: 3px 1px; 
    }
}