.modern-dialog-header {
        background: linear-gradient(135deg, var(--primary-blue) 0%, var(--light-blue) 100%);
        color: white;
        padding: 20px 30px;
        margin: -20px -30px 0 -30px;
        border-radius: 8px 8px 0 0;
    }

    .dialog-header-content {
        display: flex;
        align-items: center;
    }

    .dialog-header-icon {
        background: rgba(255, 255, 255, 0.2);
        padding: 8px;
        border-radius: 6px;
        margin-right: 12px;
        font-size: 18px;
    }

    .dialog-header-title {
        font-size: 1.3rem;
        font-weight: 600;
        margin: 0;
    }

    .modern-dialog-body {
        padding: 30px;
        max-height: 70vh;
        overflow-y: auto;
    }

    /* Stepper Styling */
    .stepper-container {
        margin-bottom: 30px;
        padding: 20px;
        background: var(--soft-purple);
        border-radius: 8px;
        border: 1px solid var(--border-light);
    }

    .stepper {
        display: flex;
        justify-content: center;
        position: relative;
        margin-bottom: 10px;
    }

    .stepper::before {
        content: '';
        position: absolute;
        top: 17px;
        left: 25%;
        right: 25%;
        height: 2px;
        background: var(--border-light);
        z-index: 1;
    }

    .step {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        z-index: 2;
        flex: 1;
        max-width: 120px;
    }

    .step-circle {
        width: 35px;
        height: 35px;
        border-radius: 50%;
        background: var(--border-light);
        color: var(--text-dark);
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        margin-bottom: 8px;
        transition: all 0.3s ease;
        font-size: 14px;
    }

    .step.active .step-circle {
        background: var(--accent-orange);
        color: white;
        box-shadow: 0 0 0 4px rgba(243, 156, 18, 0.2);
    }

    .step.completed .step-circle {
        background: var(--success-green);
        color: white;
    }

    .step-label {
        font-size: 0.85rem;
        color: var(--text-dark);
        text-align: center;
        font-weight: 500;
    }

    .step.active .step-label {
        color: var(--accent-orange);
        font-weight: 600;
    }

    .step.completed .step-label {
        color: var(--success-green);
        font-weight: 600;
    }

    /* Form Sections */
    .form-section {
        margin-bottom: 25px;
        padding: 25px;
        background: white;
        border-radius: 10px;
        border: 1px solid var(--border-light);
        box-shadow: 0 2px 8px rgba(86, 100, 181, 0.05);
    }

    .section-header {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
        padding-bottom: 12px;
        border-bottom: 2px solid var(--accent-orange);
    }

    .section-icon {
        background: linear-gradient(135deg, var(--accent-orange) 0%, #e67e22 100%);
        color: white;
        width: 35px;
        height: 35px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 12px;
        font-size: 16px;
    }

    .section-title {
        font-size: 1.1rem;
        font-weight: 600;
        color: var(--primary-blue);
        margin: 0;
    }

    /* Enhanced Form Controls */
    .form-group {
        margin-bottom: 20px;
    }

    .form-label {
        font-weight: 600;
        color: var(--text-dark);
        margin-bottom: 8px;
        display: block;
        font-size: 0.9rem;
    }

    .input-group {
        position: relative;
        display: flex;
        align-items: center;
    }

    .input-group-icon {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        color: var(--light-blue);
        z-index: 10;
        font-size: 16px;
        background: white;
        padding: 2px;
    }

    .enhanced-input {
        border: 2px solid var(--border-light) !important;
        border-radius: 8px !important;
        padding: 12px 15px 12px 40px !important;
        transition: all 0.3s ease !important;
        font-size: 0.95rem !important;
        width: 100% !important;
    }

    .enhanced-input:focus {
        border-color: var(--accent-orange) !important;
        box-shadow: 0 0 0 3px rgba(243, 156, 18, 0.1) !important;
        outline: none !important;
    }

    /* Step Navigation */
    .step-navigation {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 30px;
        padding: 20px;
        background: var(--soft-purple);
        border-radius: 8px;
        border: 1px solid var(--border-light);
    }

    .step-nav-btn {
        padding: 10px 24px;
        border-radius: 6px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.3s ease;
        border: none;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .btn-secondary {
        background: #6c757d;
        color: white;
    }

    .btn-secondary:hover {
        background: #5a6268;
        transform: translateY(-1px);
    }

    .btn-primary {
        background: linear-gradient(135deg, var(--accent-orange) 0%, #e67e22 100%);
        color: white;
    }

    .btn-primary:hover {
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(243, 156, 18, 0.3);
    }

    /* Google Places address styling */
    .address-item {
        padding: 8px 12px;
        border-radius: 6px;
        transition: background-color 0.2s;
    }

    .address-item:hover {
        background-color: var(--soft-purple);
    }

    .address-main {
        font-size: 14px;
        color: #333;
        margin-bottom: 4px;
        font-weight: 500;
    }

    .address-secondary {
        font-size: 12px;
        color: #666;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }

    /* Make the autocomplete dropdown wider for better address visibility */
    .e-ddl.e-popup.e-popup-open {
        min-width: 450px !important;
    }

    /* Toolbar Enhancements */
    .service-grid .e-toolbar {
        background: white !important;
        border-bottom: 1px solid var(--border-light) !important;
        padding: 12px !important;
    }

    .service-grid .e-toolbar .e-btn {
        background: transparent !important;
        border: 1px solid var(--border-light) !important;
        color: var(--text-dark) !important;
        padding: 8px 16px !important;
        margin-right: 8px !important;
        cursor: pointer !important;
        border-radius: 6px !important;
        transition: all 0.3s ease !important;
    }

    .service-grid .e-toolbar .e-btn:hover {
        background: var(--soft-purple) !important;
        border-color: var(--light-blue) !important;
        transform: translateY(-1px) !important;
    }

    .service-grid .e-toolbar .e-btn.e-tbar-btn.e-btn.e-lib.e-control[title="Add"] {
        background: var(--accent-orange) !important;
        color: white !important;
        border-color: #e67e22 !important;
    }

    .service-grid .e-toolbar .e-btn.e-tbar-btn.e-btn.e-lib.e-control[title="Add"]:hover {
        background: #e67e22 !important;
    }

    /* Loading Overlay */
    .loading-overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.9);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        z-index: 9999;
    }

    .loading-text {
        margin-top: 20px;
        font-size: 1.1rem;
        color: var(--text-dark);
        font-weight: 500;
    }

    /* Responsive Design */
    @media (max-width: 768px) {
        .enhanced-header {
            flex-direction: column;
            gap: 15px;
            text-align: center;
        }

        .header-left {
            flex-direction: column;
            text-align: center;
        }

        .header-icon {
            margin-right: 0;
            margin-bottom: 10px;
        }

        .stepper {
            flex-wrap: wrap;
            gap: 15px;
        }

        .stepper::before {
            display: none;
        }

        .step {
            flex: none;
            width: 80px;
        }

        .step-navigation {
            flex-direction: column;
            gap: 10px;
        }

        .modern-dialog-body {
            padding: 20px;
        }

        .form-section {
            padding: 20px;
        }
    }

    @media (max-width: 576px) {
        .enhanced-header {
            padding: 15px 20px;
        }

        .header-info h3 {
            font-size: 1.2rem;
        }

        .header-info p {
            font-size: 0.8rem;
        }

        .modern-dialog-body {
            padding: 15px;
        }

        .form-section {
            padding: 15px;
        }

        .section-header {
            flex-direction: column;
            text-align: center;
            gap: 10px;
        }

        .section-icon {
            margin-right: 0;
        }
    }


   :root {
       --primary-blue: #2e3c8e;
       --light-blue: #5664b5;
       --accent-orange: #f39c12;
       --light-orange: #ffeaa7;
       --soft-purple: #fafbff;
       --text-dark: #4a5073;
       --border-light: #e8ebf7;
       --success-green: #27ae60;
       --white: #ffffff;
       --medium-gray: #dee2e6;
       --dark-gray: #495057;
       --light-gray: #f8f9fa;
   }

   /* Force override main container */
   .main-container {
       margin: 0 !important;
       padding: 0 !important;
       background: #f8f9fa !important;
       border-radius: 12px !important;
       overflow: hidden !important;
       box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
   }

   /* Enhanced Header - Force Override */
   .enhanced-header {
       background: linear-gradient(135deg, var(--primary-blue) 0%, var(--light-blue) 100%) !important;
       padding: 25px 35px !important;
       color: white !important;
       display: flex !important;
       justify-content: space-between !important;
       align-items: center !important;
       border-radius: 0 !important;
       margin: 0 !important;
       position: relative !important;
       z-index: 10 !important;
   }

   .header-left {
       display: flex !important;
       align-items: center !important;
   }

   .header-icon {
       background: rgba(255, 255, 255, 0.2) !important;
       padding: 15px !important;
       border-radius: 12px !important;
       margin-right: 20px !important;
       font-size: 28px !important;
       color: white !important;
   }

   .header-info h3 {
       margin: 0 !important;
       font-size: 1.6rem !important;
       font-weight: 700 !important;
       color: white !important;
       text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
   }

   .header-info p {
       margin: 5px 0 0 0 !important;
       opacity: 0.9 !important;
       font-size: 0.95rem !important;
       color: white !important;
   }

   .header-actions {
       display: flex !important;
       gap: 12px !important;
   }

   .action-btn {
       background: rgba(255, 255, 255, 0.15) !important;
       border: 1px solid rgba(255, 255, 255, 0.3) !important;
       color: white !important;
       padding: 10px 20px !important;
       border-radius: 8px !important;
       display: flex !important;
       align-items: center !important;
       gap: 8px !important;
       cursor: pointer !important;
       transition: all 0.3s ease !important;
       text-decoration: none !important;
       font-weight: 500 !important;
       font-size: 0.9rem !important;
   }

   .refresh-btn:hover {
       background: rgba(255, 255, 255, 0.25) !important;
       transform: translateY(-1px) !important;
       color: white !important;
       box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
   }

   /* Nouveau Service Button - Orange */
   .nouveau-service-btn {
       background: linear-gradient(135deg, var(--accent-orange) 0%, #e67e22 100%) !important;
       border: 1px solid #e67e22 !important;
       color: white !important;
       font-weight: 600 !important;
       box-shadow: 0 3px 10px rgba(243, 156, 18, 0.3) !important;
   }

   .nouveau-service-btn:hover {
       background: linear-gradient(135deg, #e67e22 0%, #d35400 100%) !important;
       transform: translateY(-2px) !important;
       box-shadow: 0 6px 20px rgba(243, 156, 18, 0.4) !important;
       color: white !important;
   }

   /* Force Grid Container Styling */
   .service-grid {
       border-radius: 0 0 12px 12px !important;
       overflow: hidden !important;
       box-shadow: none !important;
       border: none !important;
       background: white !important;
   }

   /* Enhanced Grid Header - FORCE OVERRIDE */
   .service-grid .e-grid .e-gridheader {
       background: linear-gradient(135deg, #f8f9fb 0%, #e8ebf7 100%) !important;
       border-bottom: 2px solid var(--accent-orange) !important;
   }

   .service-grid .e-grid .e-headercell {
       background: transparent !important;
       border-right: 1px solid rgba(86, 100, 181, 0.1) !important;
       padding: 15px 12px !important;
   }

   .service-grid .e-grid .e-headercelldiv {
       font-size: 14px !important;
       font-weight: 700 !important;
       color: var(--primary-blue) !important;
       text-transform: uppercase !important;
       letter-spacing: 0.5px !important;
   }

   /* Enhanced Grid Rows - FORCE OVERRIDE */
   .service-grid .e-grid .e-row {
       border-bottom: 1px solid rgba(86, 100, 181, 0.08) !important;
       transition: all 0.2s ease !important;
   }

   .service-grid .e-grid .e-rowcell {
       font-size: 14px !important;
       color: var(--text-dark) !important;
       padding: 16px 12px !important;
       border-right: 1px solid rgba(86, 100, 181, 0.05) !important;
       transition: all 0.2s ease !important;
   }

   /* CRITICAL: Force Orange Row Selection - Maximum Specificity */
   body .service-grid .e-grid .e-rowcell.e-selectionbackground,
   body .service-grid .e-grid .e-row.e-selectedrow .e-rowcell,
   body .service-grid .e-grid .e-row[aria-selected="true"] .e-rowcell,
   body .enhanced-grid .e-grid .e-rowcell.e-selectionbackground,
   body .enhanced-grid .e-grid .e-row.e-selectedrow .e-rowcell,
   body .enhanced-grid .e-grid .e-row[aria-selected="true"] .e-rowcell,
   .e-grid .e-rowcell.e-selectionbackground,
   .e-grid .e-row.e-selectedrow .e-rowcell,
   .e-grid .e-row[aria-selected="true"] .e-rowcell {
       background-color: #f39c12 !important;
       background: #f39c12 !important;
       color: #ffffff !important;
       font-weight: 600 !important;
       border-color: #e67e22 !important;
   }

   /* Force Orange Selection - Row Level */
   body .service-grid .e-grid .e-row.e-selectedrow,
   body .service-grid .e-grid .e-row[aria-selected="true"],
   body .enhanced-grid .e-grid .e-row.e-selectedrow,
   body .enhanced-grid .e-grid .e-row[aria-selected="true"],
   .e-grid .e-row.e-selectedrow,
   .e-grid .e-row[aria-selected="true"] {
       background-color: #f39c12 !important;
       background: #f39c12 !important;
       box-shadow: 0 2px 8px rgba(243, 156, 18, 0.3) !important;
       border-color: #e67e22 !important;
   }

   /* Override any blue selection colors */
   .e-grid .e-rowcell.e-active,
   .e-grid .e-rowcell.e-selection,
   .e-grid .e-row.e-active,
   .e-grid .e-row.e-selection {
       background-color: #f39c12 !important;
       background: #f39c12 !important;
       color: white !important;
   }

   /* Hover Effect - FORCE OVERRIDE */
   .service-grid .e-grid .e-row:not(.e-selectedrow):hover {
       background-color: var(--light-orange) !important;
       transform: translateY(-1px) !important;
       box-shadow: 0 4px 12px rgba(86, 100, 181, 0.1) !important;
   }

   .service-grid .e-grid .e-row:not(.e-selectedrow):hover .e-rowcell {
       background-color: var(--light-orange) !important;
       color: #2d3436 !important;
       border-color: rgba(243, 156, 18, 0.2) !important;
   }

   /* Alternate Row Styling */
   .service-grid .e-grid .e-altrow {
       background-color: #fafbff !important;
   }

   .service-grid .e-grid .e-altrow .e-rowcell {
       background-color: #fafbff !important;
   }

   /* Service Icon Cell */
   .service-icon-cell {
       text-align: center !important;
       width: 60px !important;
       padding: 8px !important;
   }

   .service-icon {
       background: linear-gradient(135deg, var(--light-blue) 0%, var(--primary-blue) 100%) !important;
       color: white !important;
       width: 40px !important;
       height: 40px !important;
       border-radius: 10px !important;
       display: inline-flex !important;
       align-items: center !important;
       justify-content: center !important;
       font-size: 18px !important;
       box-shadow: 0 2px 8px rgba(86, 100, 181, 0.3) !important;
       transition: all 0.3s ease !important;
   }

   .service-icon:hover {
       transform: scale(1.1) !important;
       box-shadow: 0 4px 15px rgba(86, 100, 181, 0.4) !important;
   }

   /* Toolbar Enhancement - FORCE OVERRIDE */
   .service-grid .e-toolbar {
       background: white !important;
       border-bottom: 2px solid var(--border-light) !important;
       padding: 15px 20px !important;
       box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
   }

   .service-grid .e-toolbar .e-btn {
       background: transparent !important;
       border: 2px solid var(--border-light) !important;
       color: var(--text-dark) !important;
       padding: 10px 18px !important;
       margin-right: 10px !important;
       cursor: pointer !important;
       border-radius: 8px !important;
       transition: all 0.3s ease !important;
       font-weight: 500 !important;
       font-size: 0.9rem !important;
   }

   .service-grid .e-toolbar .e-btn:hover {
       background: var(--soft-purple) !important;
       border-color: var(--light-blue) !important;
       transform: translateY(-2px) !important;
       box-shadow: 0 4px 12px rgba(86, 100, 181, 0.2) !important;
   }

   /* Add Button Special Styling */
   .service-grid .e-toolbar .e-tbar-btn[title="Add"],
   .service-grid .e-toolbar .e-tbar-btn[title="Ajouter"] {
       background: linear-gradient(135deg, var(--accent-orange) 0%, #e67e22 100%) !important;
       color: white !important;
       border-color: #e67e22 !important;
       font-weight: 600 !important;
   }

   .service-grid .e-toolbar .e-tbar-btn[title="Add"]:hover,
   .service-grid .e-toolbar .e-tbar-btn[title="Ajouter"]:hover {
       background: linear-gradient(135deg, #e67e22 0%, #d35400 100%) !important;
       transform: translateY(-2px) !important;
       box-shadow: 0 6px 20px rgba(243, 156, 18, 0.4) !important;
   }

   /* Paging and Filter Controls */
   .service-grid .e-pager {
       background: white !important;
       border-top: 2px solid var(--border-light) !important;
       padding: 15px 20px !important;
   }

   .service-grid .e-pager .e-numericcontainer .e-link {
       color: var(--primary-blue) !important;
       font-weight: 500 !important;
       border-radius: 6px !important;
       margin: 0 2px !important;
       transition: all 0.3s ease !important;
   }

   .service-grid .e-pager .e-numericcontainer .e-currentitem {
       background: var(--accent-orange) !important;
       color: white !important;
       font-weight: 600 !important;
   }

   /* Search Box Enhancement */
   .service-grid .e-toolbar .e-search-wrapper {
       margin-left: auto !important;
   }

   .service-grid .e-toolbar .e-search {
       border: 2px solid var(--border-light) !important;
       border-radius: 25px !important;
       padding: 8px 16px !important;
       background: var(--soft-purple) !important;
       font-size: 0.9rem !important;
       transition: all 0.3s ease !important;
       width: 250px !important;
   }

   .service-grid .e-toolbar .e-search:focus {
       border-color: var(--accent-orange) !important;
       box-shadow: 0 0 0 3px rgba(243, 156, 18, 0.1) !important;
       outline: none !important;
       background: white !important;
   }

   /* Loading Overlay Enhancement */
   .loading-overlay {
       position: fixed !important;
       top: 0 !important;
       left: 0 !important;
       right: 0 !important;
       bottom: 0 !important;
       background: rgba(255, 255, 255, 0.95) !important;
       display: flex !important;
       flex-direction: column !important;
       align-items: center !important;
       justify-content: center !important;
       z-index: 9999 !important;
       backdrop-filter: blur(5px) !important;
   }

   .loading-text {
       margin-top: 25px !important;
       font-size: 1.2rem !important;
       color: var(--text-dark) !important;
       font-weight: 600 !important;
       text-align: center !important;
   }

   /* Grid Container Wrapper */
   .service-grid {
       margin-top: 0 !important;
       border-radius: 0 0 12px 12px !important;
       overflow: hidden !important;
   }

   /* Modern Dialog Styling */
   .modern-dialog-header {
       background: linear-gradient(135deg, var(--primary-blue) 0%, var(--light-blue) 100%) !important;
       color: white !important;
       padding: 25px 35px !important;
       margin: -20px -30px 0 -30px !important;
       border-radius: 12px 12px 0 0 !important;
   }

   .dialog-header-content {
       display: flex !important;
       align-items: center !important;
   }

   .dialog-header-icon {
       background: rgba(255, 255, 255, 0.2) !important;
       padding: 10px !important;
       border-radius: 8px !important;
       margin-right: 15px !important;
       font-size: 20px !important;
       color: white !important;
   }

   .dialog-header-title {
       font-size: 1.4rem !important;
       font-weight: 700 !important;
       margin: 0 !important;
       color: white !important;
   }

   .modern-dialog-body {
       padding: 35px !important;
       max-height: 70vh !important;
       overflow-y: auto !important;
       background: #fafbff !important;
   }

   /* Stepper Styling */
   .stepper-container {
       margin-bottom: 35px !important;
       padding: 25px !important;
       background: white !important;
       border-radius: 12px !important;
       border: 2px solid var(--border-light) !important;
       box-shadow: 0 4px 15px rgba(86, 100, 181, 0.1) !important;
   }

   .stepper {
       display: flex !important;
       justify-content: center !important;
       position: relative !important;
       margin-bottom: 15px !important;
   }

   .stepper::before {
       content: '' !important;
       position: absolute !important;
       top: 17px !important;
       left: 25% !important;
       right: 25% !important;
       height: 3px !important;
       background: var(--border-light) !important;
       z-index: 1 !important;
       border-radius: 2px !important;
   }

   .step {
       display: flex !important;
       flex-direction: column !important;
       align-items: center !important;
       position: relative !important;
       z-index: 2 !important;
       flex: 1 !important;
       max-width: 130px !important;
   }

   .step-circle {
       width: 40px !important;
       height: 40px !important;
       border-radius: 50% !important;
       background: var(--border-light) !important;
       color: var(--text-dark) !important;
       display: flex !important;
       align-items: center !important;
       justify-content: center !important;
       font-weight: 700 !important;
       margin-bottom: 10px !important;
       transition: all 0.4s ease !important;
       font-size: 15px !important;
       border: 3px solid transparent !important;
   }

   .step.active .step-circle {
       background: var(--accent-orange) !important;
       color: white !important;
       box-shadow: 0 0 0 4px rgba(243, 156, 18, 0.2) !important;
       border-color: rgba(243, 156, 18, 0.3) !important;
       transform: scale(1.1) !important;
   }

   .step.completed .step-circle {
       background: var(--success-green) !important;
       color: white !important;
       border-color: rgba(39, 174, 96, 0.3) !important;
   }

   .step-label {
       font-size: 0.9rem !important;
       color: var(--text-dark) !important;
       text-align: center !important;
       font-weight: 600 !important;
       transition: all 0.3s ease !important;
   }

   .step.active .step-label {
       color: var(--accent-orange) !important;
       font-weight: 700 !important;
       transform: scale(1.05) !important;
   }

   .step.completed .step-label {
       color: var(--success-green) !important;
       font-weight: 700 !important;
   }

   /* Form Sections */
   .form-section {
       margin-bottom: 30px !important;
       padding: 30px !important;
       background: white !important;
       border-radius: 12px !important;
       border: 2px solid var(--border-light) !important;
       box-shadow: 0 4px 15px rgba(86, 100, 181, 0.08) !important;
       transition: all 0.3s ease !important;
   }

   .form-section:hover {
       border-color: var(--accent-orange) !important;
       box-shadow: 0 6px 25px rgba(243, 156, 18, 0.15) !important;
       transform: translateY(-2px) !important;
   }

   .section-header {
       display: flex !important;
       align-items: center !important;
       margin-bottom: 25px !important;
       padding-bottom: 15px !important;
       border-bottom: 3px solid var(--accent-orange) !important;
   }

   .section-icon {
       background: linear-gradient(135deg, var(--accent-orange) 0%, #e67e22 100%) !important;
       color: white !important;
       width: 40px !important;
       height: 40px !important;
       border-radius: 10px !important;
       display: flex !important;
       align-items: center !important;
       justify-content: center !important;
       margin-right: 15px !important;
       font-size: 18px !important;
       box-shadow: 0 3px 10px rgba(243, 156, 18, 0.3) !important;
   }

   .section-title {
       font-size: 1.2rem !important;
       font-weight: 700 !important;
       color: var(--primary-blue) !important;
       margin: 0 !important;
       text-transform: uppercase !important;
       letter-spacing: 0.5px !important;
   }

   /* Enhanced Form Controls */
   .form-group {
       margin-bottom: 25px !important;
   }

   .form-label {
       font-weight: 700 !important;
       color: var(--text-dark) !important;
       margin-bottom: 10px !important;
       display: block !important;
       font-size: 0.95rem !important;
       text-transform: uppercase !important;
       letter-spacing: 0.3px !important;
   }

   .input-group {
       position: relative !important;
       display: flex !important;
       align-items: center !important;
   }

   .input-group-icon {
       position: absolute !important;
       left: 15px !important;
       top: 50% !important;
       transform: translateY(-50%) !important;
       color: var(--light-blue) !important;
       z-index: 10 !important;
       font-size: 18px !important;
       background: white !important;
       padding: 3px !important;
   }

   .enhanced-input {
       border: 3px solid var(--border-light) !important;
       border-radius: 10px !important;
       padding: 15px 20px 15px 50px !important;
       transition: all 0.4s ease !important;
       font-size: 1rem !important;
       width: 100% !important;
       background: #fafbff !important;
       font-weight: 500 !important;
   }

   .enhanced-input:focus {
       border-color: var(--accent-orange) !important;
       box-shadow: 0 0 0 4px rgba(243, 156, 18, 0.15) !important;
       outline: none !important;
       background: white !important;
       transform: translateY(-1px) !important;
   }

   /* Step Navigation */
   .step-navigation {
       display: flex !important;
       justify-content: space-between !important;
       align-items: center !important;
       margin-top: 35px !important;
       padding: 25px !important;
       background: white !important;
       border-radius: 12px !important;
       border: 2px solid var(--border-light) !important;
       box-shadow: 0 4px 15px rgba(86, 100, 181, 0.1) !important;
   }

   .step-nav-btn {
       padding: 12px 30px !important;
       border-radius: 8px !important;
       font-weight: 700 !important;
       cursor: pointer !important;
       transition: all 0.3s ease !important;
       border: none !important;
       display: flex !important;
       align-items: center !important;
       gap: 10px !important;
       font-size: 0.95rem !important;
       text-transform: uppercase !important;
       letter-spacing: 0.5px !important;
   }

   .btn-secondary {
       background: #6c757d !important;
       color: white !important;
   }

   .btn-secondary:hover {
       background: #5a6268 !important;
       transform: translateY(-2px) !important;
       box-shadow: 0 4px 15px rgba(108, 117, 125, 0.3) !important;
   }

   .btn-primary {
       background: linear-gradient(135deg, var(--accent-orange) 0%, #e67e22 100%) !important;
       color: white !important;
   }

   /* Google Places address styling */
   .address-item {
       padding: 10px 15px !important;
       border-radius: 8px !important;
       transition: background-color 0.3s !important;
       border-bottom: 1px solid var(--border-light) !important;
   }

   .address-item:hover {
       background-color: var(--soft-purple) !important;
       transform: translateX(5px) !important;
   }

   .address-main {
       font-size: 14px !important;
       color: #333 !important;
       margin-bottom: 5px !important;
       font-weight: 600 !important;
   }

   .address-secondary {
       font-size: 12px !important;
       color: #666 !important;
       white-space: nowrap !important;
       overflow: hidden !important;
       text-overflow: ellipsis !important;
       max-width: 100% !important;
       opacity: 0.8 !important;
   }

   /* Make the autocomplete dropdown wider for better address visibility */
   .e-ddl.e-popup.e-popup-open {
       min-width: 500px !important;
       border-radius: 10px !important;
       box-shadow: 0 8px 30px rgba(86, 100, 181, 0.2) !important;
       border: 2px solid var(--border-light) !important;
   }

   /* CRITICAL: Force application of styles */
   body .service-grid .e-grid,
   body .enhanced-grid,
   body .main-container {
       /* This ensures our styles override Syncfusion defaults */
   }

   /* Remove any conflicting borders */
   .service-grid .e-grid {
       border: none !important;
       border-radius: 0 !important;
   }

   .service-grid .e-gridcontent {
       border-radius: 0 !important;
   }

   /* Additional overrides for stubborn Syncfusion styles */
   .e-grid .e-content {
       background: white !important;
   }

   .e-grid .e-gridheader .e-table {
       background: transparent !important;
   }

   .e-grid .e-gridcontent .e-table {
       background: white !important;
   }

   /* Responsive Design */
   @media (max-width: 768px) {
       .enhanced-header {
           flex-direction: column !important;
           gap: 20px !important;
           text-align: center !important;
           padding: 20px !important;
       }

       .header-left {
           flex-direction: column !important;
           text-align: center !important;
       }

       .header-icon {
           margin-right: 0 !important;
           margin-bottom: 15px !important;
       }

       .header-info h3 {
           font-size: 1.3rem !important;
       }

       .header-info p {
           font-size: 0.85rem !important;
       }

       .stepper {
           flex-wrap: wrap !important;
           gap: 20px !important;
       }

       .stepper::before {
           display: none !important;
       }

       .step {
           flex: none !important;
           width: 90px !important;
       }

       .step-navigation {
           flex-direction: column !important;
           gap: 15px !important;
       }

       .modern-dialog-body {
           padding: 25px !important;
       }

       .form-section {
           padding: 25px !important;
       }

       .section-header {
           flex-direction: column !important;
           text-align: center !important;
           gap: 15px !important;
       }

       .section-icon {
           margin-right: 0 !important;
       }

       .action-btn {
           padding: 8px 16px !important;
           font-size: 0.85rem !important;
       }

       .service-grid .e-toolbar {
           flex-wrap: wrap !important;
           gap: 10px !important;
       }

       .service-grid .e-toolbar .e-btn {
           margin-right: 5px !important;
           margin-bottom: 5px !important;
           font-size: 0.85rem !important;
           padding: 8px 14px !important;
       }
   }

   @media (max-width: 576px) {
       .enhanced-header {
           padding: 15px !important;
       }

       .header-info h3 {
           font-size: 1.1rem !important;
       }

       .header-info p {
           font-size: 0.8rem !important;
       }

       .modern-dialog-body {
           padding: 20px !important;
       }

       .form-section {
           padding: 20px !important;
       }

       .section-header {
           margin-bottom: 20px !important;
       }

       .section-title {
           font-size: 1rem !important;
       }

       .enhanced-input {
           padding: 12px 15px 12px 45px !important;
           font-size: 0.9rem !important;
       }

       .step-nav-btn {
           padding: 10px 20px !important;
           font-size: 0.85rem !important;
       }

       .main-container {
           margin: 10px !important;
       }
   }

   /* Force high specificity for critical styles */
   html body .main-container .service-grid.enhanced-grid .e-grid .e-row.e-selectedrow {
       background-color: var(--accent-orange) !important;
   }

   html body .main-container .service-grid.enhanced-grid .e-grid .e-row.e-selectedrow .e-rowcell {
       background-color: var(--accent-orange) !important;
       color: white !important;
   }

   html body .main-container .enhanced-header {
       background: linear-gradient(135deg, var(--primary-blue) 0%, var(--light-blue) 100%) !important;
   }