/* Quote Page Mobile Optimizations */

@media (max-width: 768px) {
    /* Compact quote page layout */
    .container-fluid {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    
    /* Reduce card spacing */
    .card {
        margin-bottom: 1rem !important;
    }
    
    .card-body {
        padding: 1rem !important;
    }
    
    .card-header {
        padding: 0.75rem 1rem !important;
    }
    
    /* Compact service items mobile view */
    .card .card-body .card {
        margin-bottom: 0.75rem !important;
    }
    
    .card .card-body .card .card-body {
        padding: 0.75rem !important;
    }
    
    /* Reduce row spacing */
    .row {
        margin-bottom: 0.75rem !important;
    }
    
    /* Compact timeline */
    .timeline-item {
        margin-bottom: 1rem !important;
    }
    
    /* More compact alert boxes */
    .alert {
        padding: 0.75rem !important;
        margin-bottom: 1rem !important;
    }
    
    /* Compact form elements in modals */
    .modal .form-control,
    .modal .form-select {
        padding: 0.5rem 0.75rem !important;
    }
    
    /* Reduce quote summary spacing */
    .card#quoteSummary .card-body {
        padding: 0.75rem !important;
    }
    
    .card#quoteSummary .d-flex {
        margin-bottom: 0.5rem !important;
    }
    
    /* Compact mobile action buttons */
    .row.g-2 {
        margin-bottom: 0.75rem !important;
    }
    
    /* Reduce breadcrumb spacing */
    .breadcrumb {
        padding: 0.25rem 0 !important;
        margin-bottom: 0.5rem !important;
    }
    
    /* Compact mobile back button */
    .d-md-none {
        margin-bottom: 0.5rem !important;
    }
    
    /* Service items grid optimization */
    .row.g-2 .col-6 {
        padding: 0.25rem !important;
    }
    
    .bg-light.p-2 {
        padding: 0.5rem !important;
    }
    
    /* Reduce status badge size on mobile */
    .badge {
        font-size: 0.75rem !important;
        padding: 0.25rem 0.5rem !important;
    }
    
    /* Compact header spacing */
    .page-header,
    .d-flex.justify-content-between {
        margin-bottom: 1rem !important;
    }
    
    /* Better mobile table spacing */
    .table-responsive {
        margin-bottom: 1rem !important;
    }
    
    /* Optimize mobile button groups */
    .btn-group .btn,
    .btn-group-sm .btn {
        padding: 0.375rem 0.5rem !important;
        font-size: 0.8rem !important;
    }
    
    /* More compact form labels */
    .form-label {
        margin-bottom: 0.25rem !important;
        font-size: 0.9rem !important;
        font-weight: 600 !important;
    }
    
    /* Reduce form control spacing */
    .mb-3 {
        margin-bottom: 0.75rem !important;
    }
    
    .mb-2 {
        margin-bottom: 0.5rem !important;
    }
    
    /* Compact timeline for mobile */
    .timeline::before {
        left: 8px;
        width: 1px;
    }
    
    .timeline-marker {
        left: -20px;
        width: 8px;
        height: 8px;
    }
    
    .timeline-content {
        padding-left: 1rem;
    }
}