.form-control { border-color: hsl(var(--input-border)); color: hsl(var(--input-foreground)); line-height: 1.4285em; font-size: .8125rem; font-weight: 400; } .form-group label { color: hsl(var(--label)); font-weight: 500; display: inline-flex; } .select2-container--default .select2-selection--single, .select2-container .select2-selection--single { border-color: hsl(var(--input-border)) !important; height: 38px!important; padding: 5px; } .select2-dropdown { border-color: hsl(var(--input-border)) !important; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 38px!important; } .loading-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.9); display: flex; align-items: center; justify-content: center; z-index: 1000; border-radius: 8px; } .loading-content { text-align: center; color: #666; font-size: 14px; } .loading-content img { display: block; margin: 0 auto; } .appointment-calendar-container { position: relative; } .appointment-calendar-container .time-section { max-height: 50vh; overflow-y: auto; overflow-x: hidden; } .time-slots-container { min-height: 200px; padding-top: 8px; /* evita que o primeiro item fique colado no topo quando o container tem overflow */ } #time-slots-loading-overlay { border-radius: 8px; } /* Garantir que a overlay inicial seja mostrada por padrão */ #form-loading-overlay { display: flex !important; align-items: center !important; justify-content: center !important; } /* Garantir que a overlay dos horários seja escondida por padrão */ #time-slots-loading-overlay { display: none; } .run-loading-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(4px); z-index: 9999; display: flex; justify-content: center; align-items: center; } .run-loading-content { text-align: center; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } #prevBtn { background-color: #bbbbbb; } .step { /* height: 15px; width: 15px; */ margin: 0 2px; background-color: transparent; border: none; border-radius: 50%; display: inline-block; /* opacity: 0.5; */ } .step.active { opacity: 1; } .step.finish { background-color: #394EEA; } /* AI Form Fields Toggle Styles - MUST be in to work */ /* Hide ai-target fields by default (before JS wraps them) - use visibility to not break Choices.js */ .form-group:has(.ai-target), .form-group.has-ai-target { visibility: hidden !important; height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; } /* Show ai-target fields when container is visible */ .ai-target-container.visible .form-group:has(.ai-target), .ai-target-container.visible .form-group.has-ai-target { visibility: visible !important; height: auto !important; overflow: visible !important; margin: revert !important; padding: revert !important; } /* Hide submit button by default when ai-target fields exist on page */ body:has(.ai-target) button[type="submit"]:not(.show-submit), body:has(.ai-target) input[type="submit"]:not(.show-submit), body:has(.ai-target) #submit-btn:not(.show-submit), body:has(.ai-target) #nextBtn:not(.show-submit) { display: none !important; } body:has(.ai-target) .form-group:has(button[type="submit"]:not(.show-submit)), body:has(.ai-target) .form-group:has(input[type="submit"]:not(.show-submit)), body:has(.ai-target) .form-group:has(#submit-btn:not(.show-submit)), body:has(.ai-target) .form-group:has(#nextBtn:not(.show-submit)) { display: none !important; } /* Show submit button when it has .show-submit class (after AI result) */ button[type="submit"].show-submit, input[type="submit"].show-submit, #submit-btn.show-submit, #nextBtn.show-submit { display: inline-block !important; } .form-group:has(button[type="submit"].show-submit), .form-group:has(input[type="submit"].show-submit), .form-group:has(#submit-btn.show-submit), .form-group:has(#nextBtn.show-submit) { display: block !important; }