.appointment-edit-button{display:grid;gap:4px;min-width:0;padding:10px 12px;border:1px solid #dfe4ec;border-radius:9px;background:#f8f9fc;color:#26344b;text-align:left;cursor:pointer}
.appointment-edit-button:hover{border-color:#cfc6fa;background:#f5f2ff}
.appointment-edit-button small{margin:0!important;color:#8b96a7!important;font-size:8px!important;font-weight:800;letter-spacing:.7px}
.appointment-edit-button b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.appointment-edit-button span{color:#644bce;font-size:9px;font-weight:800}
.appointment-editor-dialog{width:min(780px,calc(100% - 28px));max-height:calc(100dvh - 28px);overflow:auto}
.appointment-editor-form{padding:29px}
.appointment-editor-form>p{margin-bottom:17px}
.appointment-editor-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;padding:13px;border:1px solid #e3e7ee;border-radius:10px;background:#f8f9fc}
.appointment-editor-summary span{display:grid;gap:5px}
.appointment-editor-summary small,.appointment-editor-price small{color:#8a95a6;font-size:9px;font-weight:800;letter-spacing:.65px}
.appointment-editor-summary b{font-size:13px}
.appointment-editor-form .form-row{gap:12px}
.appointment-editor-form label{margin-bottom:13px}
.appointment-editor-form input,.appointment-editor-form select{height:42px}
.appointment-editor-form textarea{min-height:88px}
.appointment-editor-price{display:grid;align-content:center;gap:7px;min-height:67px;margin-bottom:13px;padding:10px 13px;border:1px solid #d9d1ff;border-radius:9px;background:#f5f2ff}
.appointment-editor-price b{color:#5d43ca;font-size:20px}
.appointment-editor-footer{display:flex;justify-content:flex-end;gap:9px;padding-top:4px}
.appointment-editor-footer button{min-width:130px}
.appointment-delete-button{margin-right:auto;border:1px solid #f0c4c4;border-radius:8px;background:#fff1f1;color:#b73939;font-weight:800;cursor:pointer}
.appointment-delete-button:hover{border-color:#dc8e8e;background:#ffe7e7}
.appointment-delete-button:disabled{opacity:.65;cursor:wait}
.appointment-delete-lock{margin-right:auto;align-self:center;color:#9b6670;font-size:10px;font-weight:700}
.appointment-status-field select{border-color:#cfc6fa!important;background:#faf8ff!important;color:#4933a6;font-weight:800}
.calendar-appointment[data-dialog]{position:relative;padding-top:10px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.calendar-appointment[data-dialog]:hover{box-shadow:0 7px 18px rgba(39,55,86,.12);transform:translateY(-1px)}
.calendar-appointment[data-dialog]:focus-visible{outline:3px solid rgba(107,82,224,.28);outline-offset:2px}
.calendar-edit-label{position:absolute;top:7px;right:7px;padding:3px 6px;border-radius:999px;background:rgba(255,255,255,.84);color:#644bce;font-size:8px;font-weight:800;line-height:1}
.agenda-appointment-dialog .appointment-editor-price{margin-top:1px}
@media(max-width:1180px){.appointment-edit-button{grid-column:3}}
@media(max-width:760px){.appointment-edit-button{grid-column:3;padding:12px}.appointment-edit-button b{font-size:13px}.appointment-edit-button span{font-size:10px}.appointment-editor-form{padding:24px 18px}.appointment-editor-form .form-row{grid-template-columns:1fr}.appointment-editor-summary{grid-template-columns:1fr 1fr}.appointment-editor-footer{display:grid;grid-template-columns:1fr 1fr}.appointment-editor-footer button{width:100%;min-width:0}.appointment-delete-button,.appointment-delete-lock{grid-column:1/-1;margin-right:0}}
@media(max-width:430px){.appointment-editor-summary{grid-template-columns:1fr}.appointment-editor-footer{grid-template-columns:1fr}.appointment-editor-footer .primary{grid-row:1}}