.ml-appointment-pro{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:12px;align-items:start}.ml-appointment-head{margin-bottom:8px}.ml-appointment-form--modern{max-width:none;border:1px solid #e2e8f0;border-radius:22px;padding:18px;background:linear-gradient(180deg,rgb(255 255 255 / .98),rgb(248 250 252 / .96));box-shadow:0 14px 30px rgb(15 23 42 / .055)}.ml-appointment-section+.ml-appointment-section{margin-top:14px;padding-top:14px;border-top:1px solid #e5e7eb}.ml-appointment-section-head{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:start;gap:10px;margin-bottom:12px}.ml-appointment-section-icon,.ml-appointment-side-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:11px;background:#eff6ff;color:#1d4ed8;font-size:13px;font-weight:950}.ml-appointment-section-head h2{margin:1px 0 0;color:#0f172a;font-size:17px;line-height:1.15;font-weight:950}.ml-appointment-step{min-height:28px;border-radius:999px;padding:6px 10px;font-size:11px}.ml-appointment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ml-appointment-grid .ml-field,.ml-appointment-form--modern .ml-field{min-width:0}.ml-appointment-grid .ml-field--wide{grid-column:span 2}.ml-appointment-form--modern .ml-field>span{display:block;margin-bottom:6px;color:#334155;font-size:11px;line-height:1.2;font-weight:900}.ml-appointment-form--modern input,.ml-appointment-form--modern select,.ml-appointment-form--modern textarea{min-height:40px;border:1px solid #cbd5e1;border-radius:13px;background:#fff;color:#0f172a;box-shadow:inset 0 1px 0 rgb(15 23 42 / .03);transition:border-color 0.18s ease,box-shadow 0.18s ease,background 0.18s ease}.ml-appointment-form--modern input:focus,.ml-appointment-form--modern select:focus,.ml-appointment-form--modern textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 4px rgb(59 130 246 / .12);outline:none}.ml-appointment-form--modern textarea{min-height:86px;resize:vertical}.ml-appointment-form--modern input[type="date"],.ml-appointment-form--modern input[type="time"]{color:#0f172a}.ml-appointment-actions{align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.ml-appointment-actions .ml-form__actions-group{display:flex;gap:8px}.ml-appointment-actions .ml-btn{min-height:38px;border-radius:12px;padding:9px 13px;font-size:12px}.ml-appointment-side--modern{display:grid;gap:12px}.ml-appointment-info-card{position:relative;border:1px solid #e2e8f0;border-radius:22px;padding:18px;background:linear-gradient(180deg,rgb(255 255 255 / .98),rgb(248 250 252 / .96));box-shadow:0 14px 30px rgb(15 23 42 / .055)}.ml-appointment-info-card .ml-appointment-side-icon{margin-bottom:10px}.ml-appointment-side-icon--blue{background:#dbeafe;color:#1d4ed8}.ml-appointment-info-card h2{margin:4px 0 8px;color:#0f172a;font-size:17px;line-height:1.15;font-weight:950}.ml-appointment-info-card p{margin:0;color:#64748b;font-size:12px;line-height:1.45;font-weight:700}.ml-appointment-check-list{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}.ml-appointment-check-list li{position:relative;border:1px solid #eef2f7;border-radius:13px;padding:10px 12px 10px 34px;background:#fff;color:#334155;font-size:12px;line-height:1.25;font-weight:850}.ml-appointment-check-list li::before{content:"✓";position:absolute;top:9px;left:12px;display:grid;place-items:center;width:16px;height:16px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:10px;font-weight:950}.ml-appointment-info-card .ml-btn{width:100%;min-height:38px;margin-top:14px;border-radius:12px;font-size:12px}@media (max-width:1100px){.ml-appointment-pro{grid-template-columns:1fr}.ml-appointment-side--modern{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.ml-appointment-grid,.ml-appointment-pro,.ml-appointment-side--modern{grid-template-columns:1fr}.ml-appointment-grid .ml-field--wide{grid-column:auto}}@media (max-width:700px){.ml-appointment-form--modern,.ml-appointment-info-card{border-radius:20px;padding:14px}.ml-appointment-section-head{grid-template-columns:30px minmax(0,1fr) auto;gap:9px}.ml-appointment-section-head h2,.ml-appointment-info-card h2{font-size:17px}.ml-appointment-grid{gap:10px}.ml-appointment-form--modern input,.ml-appointment-form--modern select,.ml-appointment-form--modern textarea{width:100%;min-height:42px;border-radius:13px}.ml-appointment-form--modern input[type="date"],.ml-appointment-form--modern input[type="time"]{appearance:auto;-webkit-appearance:auto;border-color:#cbd5e1;background:#fff;color-scheme:light}.ml-appointment-actions,.ml-appointment-actions .ml-form__actions-group{display:grid;grid-template-columns:1fr;width:100%;gap:9px}.ml-appointment-actions .ml-btn{width:100%;min-height:42px}}.ml-appointment-pro .ml-appointment-form--modern .ml-field input,.ml-appointment-pro .ml-appointment-form--modern .ml-field select,.ml-appointment-pro .ml-appointment-form--modern .ml-field textarea{box-sizing:border-box;display:block;width:100%;min-width:0;border:1px solid #cbd5e1;border-radius:13px;background:#fff;color:#0f172a;font-size:13px;font-weight:650;line-height:1.2;box-shadow:inset 0 1px 0 rgb(15 23 42 / .03);outline:none;transition:border-color 0.18s ease,box-shadow 0.18s ease,background 0.18s ease}.ml-appointment-pro .ml-appointment-form--modern .ml-field input,.ml-appointment-pro .ml-appointment-form--modern .ml-field select{height:44px;min-height:44px;padding:0 14px}.ml-appointment-pro .ml-appointment-form--modern .ml-field textarea{min-height:92px;padding:13px 14px;resize:vertical}.ml-appointment-pro .ml-appointment-form--modern .ml-field input::placeholder,.ml-appointment-pro .ml-appointment-form--modern .ml-field textarea::placeholder{color:#64748b;font-weight:600}.ml-appointment-pro .ml-appointment-form--modern .ml-field select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%);background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:34px}.ml-appointment-pro .ml-appointment-form--modern .ml-field input[type="date"],.ml-appointment-pro .ml-appointment-form--modern .ml-field input[type="time"]{appearance:auto;-webkit-appearance:auto;padding-right:12px;color-scheme:light}.ml-appointment-pro .ml-appointment-form--modern .ml-field input[type="date"]::-webkit-calendar-picker-indicator,.ml-appointment-pro .ml-appointment-form--modern .ml-field input[type="time"]::-webkit-calendar-picker-indicator{opacity:.68;cursor:pointer}.ml-appointment-pro .ml-appointment-form--modern .ml-field input:focus,.ml-appointment-pro .ml-appointment-form--modern .ml-field select:focus,.ml-appointment-pro .ml-appointment-form--modern .ml-field textarea:focus{border-color:#60a5fa;background:#fff;box-shadow:0 0 0 4px rgb(59 130 246 / .12)}@media (max-width:700px){.ml-appointment-pro .ml-appointment-form--modern .ml-field input,.ml-appointment-pro .ml-appointment-form--modern .ml-field select{height:44px;min-height:44px;border-radius:13px;font-size:13px}.ml-appointment-pro .ml-appointment-form--modern .ml-field textarea{min-height:96px;border-radius:13px;font-size:13px}}.ml-appointment-pro .ml-field--appointment-date input[type="date"],.ml-appointment-pro .ml-field--appointment-time input[type="time"]{appearance:auto;-webkit-appearance:auto;height:44px;min-height:44px;width:100%;border:1px solid #cbd5e1;border-radius:13px;background:#fff;color:#0f172a;color-scheme:light;font-size:13px;font-weight:650;line-height:1.2;padding:0 12px;box-shadow:inset 0 1px 0 rgb(15 23 42 / .03)}.ml-appointment-pro .ml-field--appointment-date input[type="date"]::-webkit-calendar-picker-indicator,.ml-appointment-pro .ml-field--appointment-time input[type="time"]::-webkit-calendar-picker-indicator{opacity:.72;cursor:pointer}.ml-appointment-pro .ml-field--appointment-date input[type="date"]:focus,.ml-appointment-pro .ml-field--appointment-time input[type="time"]:focus{border-color:#60a5fa;box-shadow:0 0 0 4px rgb(59 130 246 / .12);outline:none}@media (max-width:700px){.ml-appointment-pro .ml-field--appointment-date input[type="date"],.ml-appointment-pro .ml-field--appointment-time input[type="time"]{appearance:auto;-webkit-appearance:auto;height:44px;min-height:44px;border-radius:13px;font-size:13px}}.ml-appointment-info-card{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:10px;align-items:center}.ml-appointment-info-card .ml-appointment-side-icon{grid-column:1;grid-row:1;margin:0}.ml-appointment-info-card>.ml-eyebrow{grid-column:2;grid-row:1;align-self:center;margin:0;line-height:1.1}.ml-appointment-info-card>h2,.ml-appointment-info-card>p,.ml-appointment-info-card>.ml-appointment-check-list,.ml-appointment-info-card>.ml-btn{grid-column:1 / -1}.ml-appointment-info-card>h2{margin-top:12px}@media (max-width:700px){.ml-appointment-info-card{grid-template-columns:30px minmax(0,1fr);column-gap:10px}.ml-appointment-info-card>h2{margin-top:12px}}.mlerp-form-message,.mlerp-citas-message{display:none;margin-top:14px;padding:12px 14px;border-radius:14px;font-size:13px;font-weight:700}.mlerp-form-message.is-success,.mlerp-citas-message.is-success{display:block;background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.mlerp-form-message.is-error,.mlerp-citas-message.is-error{display:block;background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.mlerp-form-message.is-loading,.mlerp-citas-message.is-loading{display:block;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.ml-citas-empty{padding:20px;text-align:center;color:#64748b;font-weight:700}.ml-appointment-form.is-saving{opacity:.82}