.htm-job-form { max-width: 700px; margin: 20px auto; padding: 20px; border: 1px solid #ddd; border-radius: 6px; background: #fafafa; }
            .htm-job-field { margin-bottom: 15px; }
            .htm-job-field label { display: block; font-weight: 600; margin-bottom: 5px; }
            .htm-job-field input, .htm-job-field select { width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px; }
            .htm-job-submit { background: #0073aa; color: #fff; border: none; padding: 10px 16px; border-radius: 4px; cursor: pointer; }
            .htm-job-submit:hover { background: #005f8d; }
            .htm-job-success { padding: 10px; margin-bottom: 15px; background: #dff0d8; border: 1px solid #d0e9c6; color: #3c763d; border-radius: 4px; }
            .htm-job-error { padding: 10px; margin-bottom: 15px; background: #f2dede; border: 1px solid #ebccd1; color: #a94442; border-radius: 4px; }

            .htm-job-comp-row { display:flex; flex-wrap:wrap; gap:16px; }
            .htm-job-comp-col { flex:1 1 200px; }
            .htm-job-salary-preview { font-size:12px; color:#555; margin-top:4px; }

            .htm-job-oncall-amount { margin-top:6px; display:none; }
            .htm-job-oncall-note { font-size:11px; color:#555; margin-top:2px; }

            .htm-job-table { width: 100%; border-collapse: collapse; margin-top: 20px; }
            .htm-job-table th, .htm-job-table td { padding: 8px; border: 1px solid #ddd; text-align: left; }
            .htm-job-table th { cursor: pointer; background: #f5f5f5; }
            .htm-job-filters { margin-bottom: 10px; display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-end; }
            .htm-job-filters input[type='text'], .htm-job-filters select { padding: 6px; border-radius: 4px; border: 1px solid #ccc; }
            .htm-job-slider-group { display:flex; flex-direction:column; min-width:200px; font-size:12px; }

            .htm-job-sort-controls { margin: 10px 0 5px 0; display:flex; flex-wrap:wrap; gap:8px; align-items:center; font-size:13px; }
            .htm-job-sort-controls select { padding:4px 6px; }
            .htm-job-sort-controls button { padding:4px 8px; }

            .htm-job-row-country-US { background-color: rgba(0, 123, 255, 0.06); }
            .htm-job-row-country-CA { background-color: rgba(255, 0, 0, 0.04); }
            .htm-job-row-country-MX { background-color: rgba(0, 128, 0, 0.04); }

            .htm-job-table-note { font-size:11px; color:#555; margin-top:4px; }

            .htm-job-map { width: 100%; height: 420px; margin: 20px 0; background:#ffffff; }
            .htm-job-map-note { font-size:11px; color:#555; margin-top:4px; }

            .htm-job-sort-indicator { font-size:10px; margin-left:4px; color:#555; }

            @media (max-width: 600px) {
                .htm-job-comp-row { flex-direction:column; }
                .htm-job-sort-controls { flex-direction:column; align-items:flex-start; }
            }