/* Responsive Logo Styles for Estimate Preview */

/* Top dashboard logo - make it smaller and responsive */
.dashboard-image {
    max-width: 120px !important;
    height: auto !important;
    max-height: 40px !important;
    object-fit: contain !important;
    display: block !important;
}

/* Main company logo in header - responsive sizing */
.max-logo-size {
    max-width: 180px !important;
    height: auto !important;
    max-height: 60px !important;
    object-fit: contain !important;
    display: block !important;
}

/* Header table improvements for better responsive behavior */
.header-style {
    width: 100% !important;
    table-layout: fixed !important;
}

.invoice-preview-header-row td {
    vertical-align: middle !important;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    .dashboard-image {
        max-width: 100px !important;
        max-height: 35px !important;
    }
    
    .max-logo-size {
        max-width: 150px !important;
        max-height: 50px !important;
        margin-bottom: 10px !important;
    }
    
    /* Stack header elements on mobile */
    .invoice-preview-header-row {
        display: block !important;
    }
    
    .invoice-preview-header-row td {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        padding: 10px 0 !important;
    }
    
    .invoice-info-container {
        text-align: center !important;
        margin-top: 15px !important;
    }
}

/* Small mobile devices */
@media (max-width: 480px) {
    .dashboard-image {
        max-width: 80px !important;
        max-height: 30px !important;
    }
    
    .max-logo-size {
        max-width: 120px !important;
        max-height: 40px !important;
    }
    
    /* Adjust button sizes on mobile */
    .btn {
        padding: 8px 12px !important;
        font-size: 12px !important;
        margin: 2px !important;
    }
    
    .float-end {
        float: none !important;
        text-align: center !important;
        margin-top: 10px !important;
    }
}
/*Write your custom css in this file.*/