/* Enrollment page styles extracted from ContractorEnrollment.cshtml */

.section-title{font-weight:700;font-size:1.15rem;margin:1.25rem 0 .75rem;padding:.35rem .6rem;border-radius:.5rem;border-left:6px solid transparent;background:rgba(0,0,0,.03)}
.section-title.blue{color:#00AAA6;border-left-color:#00AAA6;background:rgba(13,110,253,.08)}

.dropzone{border:2px dashed var(--ct-primary);background:rgba(0,170,166,.05);color:var(--ct-primary);border-radius:.75rem;padding:2rem 1rem;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.dropzone:hover{background:rgba(0,170,166,.1);border-color:var(--ct-secondary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,170,166,.15)}
.dropzone.dragover{background:rgba(0,170,166,.15);border-color:var(--ct-secondary);border-style:solid;transform:scale(1.02);box-shadow:0 6px 20px rgba(0,170,166,.25)}
.dropzone.has-file{border-color:#198754;background:rgba(25,135,84,.08);color:#157347;box-shadow:0 6px 18px rgba(25,135,84,.14)}
.dropzone-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.8}
.dropzone.has-file .dropzone-icon{color:#198754;opacity:1}
.dropzone-text{font-weight:500;margin-bottom:.5rem}
.dropzone-subtext{font-size:.875rem;opacity:.7}
.dropzone-status-badge{position:absolute;top:.6rem;right:.6rem;font-size:2.5rem;line-height:1;color:#198754;opacity:0;transform:scale(.75);transition:opacity .2s ease,transform .2s ease;pointer-events:none}
.dropzone.has-file .dropzone-status-badge{opacity:1;transform:scale(1)}
.upload-file-info{color:#198754 !important;font-size:.95rem;font-weight:600}

gmpx-place-autocomplete,#addressAutocompleteElement{color-scheme:light;--gm3-sys-color-surface:#fff;--gm3-sys-color-on-surface:#212529;--gm3-sys-color-outline:#ced4da;--gm3-sys-color-surface-variant:#f8f9fa;--gm3-sys-color-primary:#0d6efd;--gm3-sys-color-on-primary:#fff}

/* Stepper */
.stepper-container{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:.25rem;margin-top:1rem;overflow-x:auto;padding:.5rem 0}
.stepper-item{display:flex;align-items:center;position:relative;flex-shrink:0}
.stepper-circle{width:28px;height:28px;border-radius:50%;background-color:#e9ecef;border:2px solid #dee2e6;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;z-index:2}
.stepper-number{font-weight:600;font-size:.75rem;color:#6c757d;transition:color .3s ease}
.stepper-content{margin-left:.5rem}
.stepper-title{font-size:.75rem;font-weight:500;color:#6c757d;white-space:nowrap;transition:color .3s ease}
.stepper-line{width:20px;height:2px;background-color:#dee2e6;transition:background-color .3s ease;margin:0 .25rem;flex-shrink:0}
.stepper-item.active .stepper-circle{background-color:#00AAA6;border-color:#00AAA6;box-shadow:0 0 0 3px rgba(0,170,166,.1)}
.stepper-item.active .stepper-number{color:#fff}
.stepper-item.active .stepper-title{color:#00AAA6;font-weight:600}
.stepper-item.active + .stepper-line{background-color:#00AAA6}
.stepper-item.completed .stepper-circle{background-color:#008883;border-color:#008883}
.stepper-item.completed .stepper-number{color:#fff}
.stepper-item.completed .stepper-title{color:#008883;font-weight:500}
.stepper-item.completed + .stepper-line{background-color:#008883}
@media (max-width:480px){.stepper-container{flex-direction:column;align-items:flex-start;gap:.5rem;overflow-x:visible}.stepper-item{width:100%}.stepper-line{display:none}.stepper-circle{width:24px;height:24px}.stepper-number{font-size:.7rem}.stepper-title{font-size:.7rem}}

/* Distributor search controls */
.search-controls-container{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:24px}
.search-controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.search-section-label{display:block;font-weight:600;color:#495057;margin-bottom:12px;font-size:14px;text-transform:uppercase;letter-spacing:.5px}
.segmented-control{display:flex;background:#fff;border:1px solid #dee2e6;border-radius:6px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.segmented-option{flex:1;padding:12px 16px;cursor:pointer;transition:all .2s ease;position:relative;background:#fff;border-right:1px solid #dee2e6;display:flex;align-items:center;justify-content:center}
.segmented-option:last-child{border-right:none}
.segmented-option.active{background:#00AAA6;color:#fff;box-shadow:0 2px 4px rgba(0,170,166,.3)}
.segmented-option:hover:not(.active){background:#f8f9fa}
.option-text{font-weight:500;font-size:14px}
.location-input-container{margin-top:12px}
.location-input{width:100%;padding:12px 16px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;background:#fff;transition:all .2s ease}
.location-input:focus{outline:none;border-color:#00AAA6;box-shadow:0 0 0 3px rgba(0,170,166,.1)}
.location-input:read-only{background:#f8f9fa;color:#6c757d}
.radius-control{display:flex;align-items:center;gap:16px}
.radius-slider-container{flex:1;position:relative}
.radius-slider{width:100%;height:8px;background:#e9ecef;border-radius:4px;outline:none;-webkit-appearance:none;cursor:pointer;transition:all .2s ease}
.radius-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#00AAA6;cursor:pointer;border:3px solid #fff;box-shadow:0 2px 6px rgba(0,170,166,.4);transition:all .2s ease}
.radius-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px rgba(0,170,166,.5)}
.radius-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#00AAA6;cursor:pointer;border:3px solid #fff;box-shadow:0 2px 6px rgba(0,170,166,.4);transition:all .2s ease}
.radius-value{background:#00AAA6;color:#fff;padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px;min-width:80px;text-align:center;box-shadow:0 2px 4px rgba(0,170,166,.3)}
@media (max-width:768px){.search-controls-grid{grid-template-columns:1fr;gap:24px}.radius-control{flex-direction:column;align-items:stretch;gap:12px}.radius-value{align-self:center}}

/* Modals */
.modal-content{box-shadow:0 .75rem 2rem rgba(0,0,0,.15);border:none}
.modal.show .modal-content{box-shadow:0 1rem 3rem rgba(0,0,0,.175)}
.modal-backdrop{backdrop-filter:blur(2px)}