lex-scheduler.css

@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";.lex-scheduler-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:999999;padding:16px;animation:lexFadeIn .2s ease-out}@keyframes lexFadeIn{0%{opacity:0}to{opacity:1}}@keyframes lexSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lex-scheduler-modal{background:#fff;border-radius:16px;width:100%;max-width:540px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 6px -1px #0000001a,0 20px 50px -12px #00000040;animation:lexSlideUp .3s ease-out;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif}.lex-scheduler-header{background:linear-gradient(135deg,#0b3d5c,#0a5c8c);color:#fff;padding:24px 28px;display:flex;align-items:flex-start;justify-content:space-between;position:relative;overflow:hidden}.lex-scheduler-header:before{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);pointer-events:none}.lex-header-content h2{margin:0;font-size:24px;font-weight:700;letter-spacing:-.02em}.lex-header-content p{margin:6px 0 0;font-size:13px;opacity:.85;font-weight:500}.lex-close-btn{background:#ffffff26;border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0;line-height:1}.lex-close-btn:hover{background:#ffffff40;transform:scale(1.05)}.lex-progress-bar{display:flex;padding:20px 28px;gap:8px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.lex-progress-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.lex-step-number{width:28px;height:28px;border-radius:50%;background:#e2e8f0;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;transition:all .2s ease}.lex-progress-step.active .lex-step-number{background:#0a5c8c;color:#fff;box-shadow:0 2px 8px #0a5c8c4d}.lex-progress-step.complete .lex-step-number{background:#10b981;color:#fff}.lex-step-label{font-size:11px;color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.lex-progress-step.active .lex-step-label,.lex-progress-step.complete .lex-step-label{color:#475569}.lex-scheduler-content{flex:1;overflow-y:auto;padding:0}.lex-step-content{padding:28px;animation:lexFadeIn .25s ease-out}.lex-step-content h3{margin:0 0 8px;font-size:20px;font-weight:700;color:#0f172a;letter-spacing:-.01em}.lex-subtitle{color:#64748b;font-size:14px;margin:0 0 24px;padding:12px 16px;background:#f8fafc;border-radius:8px;border-left:3px solid #0A5C8C}.lex-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.lex-service-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px 12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;transition:all .2s ease}.lex-service-card:hover{border-color:var(--service-color, #0A5C8C);background:#fafbfc}.lex-service-card.selected{border-color:var(--service-color, #0A5C8C);background:color-mix(in srgb,var(--service-color, #0A5C8C) 8%,white);box-shadow:0 2px 12px #0a5c8c26}.lex-service-icon{font-size:32px;line-height:1}.lex-service-name{font-size:13px;font-weight:600;color:#334155;text-align:center}.lex-issue-selection{animation:lexSlideUp .2s ease-out}.lex-issue-selection h4{margin:0 0 12px;font-size:15px;font-weight:600;color:#334155}.lex-issue-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.lex-issue-btn{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:12px 16px;cursor:pointer;font-size:13px;font-weight:500;color:#475569;text-align:left;transition:all .15s ease}.lex-issue-btn:hover{border-color:var(--service-color, #0A5C8C);color:#1e293b}.lex-issue-btn.selected{border-color:var(--service-color, #0A5C8C);background:color-mix(in srgb,var(--service-color, #0A5C8C) 8%,white);color:#0f172a}.lex-form-group{margin-bottom:20px}.lex-form-group label{display:block;font-size:13px;font-weight:600;color:#334155;margin-bottom:8px}.lex-form-group input,.lex-form-group textarea{width:100%;padding:12px 16px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:15px;font-family:inherit;color:#0f172a;transition:all .15s ease;box-sizing:border-box}.lex-form-group input:focus,.lex-form-group textarea:focus{outline:none;border-color:#0a5c8c;box-shadow:0 0 0 3px #0a5c8c1a}.lex-form-group input::placeholder,.lex-form-group textarea::placeholder{color:#94a3b8}.lex-form-group textarea{resize:vertical;min-height:100px}.lex-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lex-form-group-small{max-width:120px}.lex-date-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.lex-date-btn,.lex-time-btn{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:10px 8px;cursor:pointer;font-size:12px;font-weight:500;color:#475569;text-align:center;transition:all .15s ease}.lex-date-btn:hover,.lex-time-btn:hover{border-color:#0a5c8c;color:#1e293b}.lex-date-btn.selected,.lex-time-btn.selected{border-color:#0a5c8c;background:#0a5c8c;color:#fff}.lex-time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.lex-time-btn{padding:16px 12px;display:flex;flex-direction:column;gap:4px}.lex-time-label{font-weight:600;font-size:14px}.lex-time-range{font-size:12px;opacity:.8}.lex-step-actions{display:flex;gap:12px;margin-top:28px;padding-top:24px;border-top:1px solid #e2e8f0}.lex-btn-primary,.lex-btn-secondary{padding:14px 28px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit}.lex-btn-primary{flex:1;background:linear-gradient(135deg,#0a5c8c,#0b3d5c);color:#fff;border:none;box-shadow:0 2px 8px #0a5c8c40}.lex-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0a5c8c59}.lex-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.lex-btn-secondary{background:#fff;color:#475569;border:1.5px solid #e2e8f0}.lex-btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.lex-error-message{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:12px 16px;border-radius:8px;font-size:14px;margin-top:16px}.lex-confirmation{text-align:center;padding:40px 28px}.lex-success-icon{width:72px;height:72px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;margin:0 auto 24px;box-shadow:0 8px 24px #10b9814d;animation:lexPop .4s ease-out}@keyframes lexPop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.lex-confirmation h3{margin-bottom:12px}.lex-confirmation p{color:#64748b;font-size:15px;margin:0 0 8px;line-height:1.6}.lex-confirmation-details{margin-bottom:24px!important}.lex-confirmation-summary{background:#f8fafc;border-radius:12px;padding:20px;text-align:left;margin-bottom:24px}.lex-summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;border-bottom:1px solid #e2e8f0}.lex-summary-row:last-child{border-bottom:none}.lex-summary-row span:first-child{color:#64748b;font-weight:500}.lex-summary-row span:last-child{color:#0f172a;font-weight:600}.lex-emergency-note{background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:14px 18px;font-size:14px;color:#92400e;margin-bottom:24px}.lex-emergency-note a{color:#92400e;font-weight:700}.lex-scheduler-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:16px 28px;text-align:center}.lex-scheduler-footer p{margin:0;font-size:12px;color:#64748b}.lex-scheduler-footer p+p{margin-top:4px}.lex-scheduler-footer a{color:#0a5c8c;font-weight:600;text-decoration:none}.lex-scheduler-footer a:hover{text-decoration:underline}@media (max-width: 540px){.lex-scheduler-overlay{padding:0;align-items:flex-end}.lex-scheduler-modal{max-height:95vh;border-radius:20px 20px 0 0}.lex-service-grid{grid-template-columns:repeat(3,1fr);gap:8px}.lex-service-card{padding:16px 8px}.lex-service-icon{font-size:28px}.lex-service-name{font-size:11px}.lex-issue-grid{grid-template-columns:1fr}.lex-form-row{grid-template-columns:1fr;gap:0}.lex-form-group-small{max-width:none}.lex-date-grid{grid-template-columns:repeat(3,1fr)}.lex-time-grid{grid-template-columns:1fr}.lex-progress-bar{padding:16px 20px}.lex-step-label{display:none}}