.clinic-drawer-wrapper{z-index:1000;pointer-events:none;position:fixed;inset:0}.clinic-drawer-wrapper.open{pointer-events:all}.clinic-drawer-wrapper.open .clinic-drawer-overlay{opacity:1}.clinic-drawer-wrapper.open .clinic-drawer{transform:translateY(0)}.clinic-drawer-wrapper .clinic-drawer-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;background:#00000059;transition:opacity .3s;position:absolute;inset:0}.clinic-drawer-wrapper .clinic-drawer{flex-direction:column;align-items:center;gap:0;width:100%;height:95vh;transition:transform .35s;display:flex;position:absolute;bottom:0;left:0;transform:translateY(100%)}.clinic-drawer-wrapper .clinic-drawer .close-btn{color:#fff;cursor:pointer;z-index:1010;background:0 0;border:none;outline:none;flex-direction:column;align-items:center;gap:5px;font-size:10px;font-weight:400;display:flex;top:0;left:50%;transform:translate(-50%)}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper{background:#f9fafe;border-radius:20px 20px 0 0;width:100%;height:100%;padding-bottom:0;overflow-y:auto;box-shadow:0 -10px 40px #00000026}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-header{justify-content:center;align-items:center;padding:2rem;display:flex}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-header h3{color:#111;text-align:center;margin:0;font-size:18px;font-weight:600}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content{flex-direction:column;flex:1;align-items:center;gap:1rem;padding-bottom:2rem;display:flex;overflow-y:auto}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box{background:#fff;border:1px solid #d9d9d9;border-radius:1rem;flex-direction:column;gap:1rem;width:100%;max-width:700px;padding:1rem 2rem;display:flex}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box h2{color:#2f3c33;font-size:1.2rem;font-weight:500}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .image-field{border:1px solid #d9d9d9;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:150px;display:flex;position:relative;overflow:hidden}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .image-field svg{width:60px;height:60px}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .image-field h5{color:#a3a3a3;text-align:center;max-width:130px;font-size:12px;font-weight:400}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .image-field h5 span{color:#8ac917}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .image-field .upload-placeholder{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:background .3s;display:flex}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .image-field .upload-placeholder:hover{background:#f9f9f9}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .image-field .image-preview-container{cursor:pointer;width:100%;height:100%;position:relative}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .image-field .image-preview-container .preview-image{object-fit:contain;width:100%;height:100%}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .image-field .image-preview-container .image-overlay{opacity:0;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .image-field .image-preview-container .image-overlay .change-text{color:#fff;text-align:center;padding:0 1rem;font-size:14px;font-weight:500}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .image-field .image-preview-container:hover .image-overlay{opacity:1}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .image-field .image-preview-container .remove-image-btn{cursor:pointer;z-index:10;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 8px #00000026}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .image-field .image-preview-container .remove-image-btn:hover{background:#ef4444;transform:scale(1.1)}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .image-field .image-preview-container .remove-image-btn:hover svg path{fill:#fff;stroke:#fff}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .image-field .image-preview-container .remove-image-btn:hover svg circle,.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .image-field .image-preview-container .remove-image-btn:hover svg line{stroke:#fff}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .image-field .image-preview-container .remove-image-btn svg{width:16px;height:16px}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .fields-row{justify-content:flex-start;align-items:center;gap:1rem;margin-top:1rem;display:flex}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .day-selector{background:#f7f7f7;border-radius:10px;flex-direction:column;gap:1rem;padding:1rem;display:flex}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .day-selector .day-header{justify-content:flex-start;align-items:center;gap:.5rem;display:flex}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .day-selector .day-header .checkbox-field{align-items:center;gap:5px;font-size:12px;display:flex;position:relative}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .day-selector .day-header .checkbox-field input[type=checkbox]{appearance:none;cursor:pointer;background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;place-content:center;width:18px;height:18px;transition:background-color .2s;display:grid}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .day-selector .day-header .checkbox-field input[type=checkbox]:before{content:"";clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);background-color:canvastext;width:10px;height:10px;transition:transform .12s ease-in-out;transform:scale(0);box-shadow:inset 1em 1em #fff}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .day-selector .day-header .checkbox-field input[type=checkbox]:checked{background-color:#8ac917;border-color:#8ac917}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .day-selector .day-header .checkbox-field input[type=checkbox]:checked:before{transform:scale(1)}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .day-selector .day-header input{accent-color:#8ac917;border:1px solid #8ac917;width:20px;height:20px}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .day-selector .day-header label{color:#2f3c33;font-size:1rem;font-weight:500}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .day-selector .slot-wrapper{background:#fff;border-radius:10px;flex-direction:column;gap:1rem;padding:1rem;display:flex}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .day-selector .slot-wrapper .slot-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .day-selector .slot-wrapper .slot-header h2{color:#2f3c33;font-size:1rem;font-weight:500}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .day-selector .slot-wrapper .slot-header .slot-actions{justify-content:flex-start;align-items:center;gap:.5rem;display:flex}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .day-selector .slot-wrapper .slot-header .reorder-btn{cursor:pointer;color:#2f3c33;background:#52695914;border:1px solid #5269592e;border-radius:8px;outline:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:inline-flex}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .day-selector .slot-wrapper .slot-header .reorder-btn:disabled{opacity:.5;cursor:not-allowed}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .day-selector .slot-wrapper .slot-header .apply-all-btn{cursor:pointer;color:#8ac917;background:#8ac91714;border:1px solid #8ac9174d;border-radius:8px;outline:none;justify-content:flex-start;align-items:center;gap:.4rem;padding:.35rem .6rem;font-size:.85rem;font-weight:400;display:flex}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .day-selector .slot-wrapper .slot-header .apply-all-btn svg{width:16px;height:16px}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .day-selector .slot-wrapper .slot-header .apply-all-btn:disabled{opacity:.5;cursor:not-allowed}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .day-selector .slot-wrapper .slot-header .remove-slot-btn{cursor:pointer;background:0 0;border:none;outline:none}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .day-selector .add-btn{justify-content:center;align-items:center;display:flex}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .day-selector .add-btn button{cursor:pointer;color:#8ac917;background:0 0;border:none;outline:none;justify-content:flex-start;align-items:center;gap:.5rem;font-size:1rem;font-weight:400;display:flex}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .box-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .box-header button{cursor:pointer;background:0 0;border:none;outline:none}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .check-box{justify-content:flex-start;align-items:center;gap:.5rem;display:flex}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .check-box input{accent-color:#8ac917}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-content .fields-box .check-box label{color:#2f3c33;font-size:12px;font-weight:400}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-footer-btns{z-index:20;background:#f9fafe;border-top:1px solid #e6e6e6;justify-content:flex-end;align-items:center;gap:1rem;width:100%;max-width:700px;margin:0 auto;padding:1rem 0;display:flex;position:sticky;bottom:0}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-footer-btns .back-btn{color:#8ac917;white-space:nowrap;background:0 0;border:1px solid #8ac917;border-radius:10px;justify-content:center;align-items:center;gap:6px;height:40px;padding:0 1.5rem;font-size:14px;font-weight:400;transition:color .25s,transform .25s,background .25s,box-shadow .25s,filter .25s;display:flex}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-footer-btns .back-btn svg{max-width:1.2rem;max-height:1.2rem;transition:transform .25s,opacity .25s}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-footer-btns .back-btn:not(:disabled):not(.disabled):hover{background:#8ac9171f;transform:translateY(-2px);box-shadow:0 10px 22px #8ac91740,0 3px 8px #8ac9171a}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-footer-btns .back-btn:not(:disabled):not(.disabled):hover svg{opacity:.9;transform:scale(1.08)}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-footer-btns .back-btn:not(:disabled):not(.disabled):active{transform:scale(.96);box-shadow:0 2px 6px #8ac91740}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-footer-btns .back-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none;box-shadow:none}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-footer-btns .save-btn{color:#fff;white-space:nowrap;background:#8ac917;border:1px solid #8ac917;border-radius:10px;outline:none;justify-content:center;align-items:center;gap:6px;height:40px;padding:0 1.5rem;font-size:14px;font-weight:400;transition:transform .25s,box-shadow .25s,background-color .25s,filter .25s;display:flex}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-footer-btns .save-btn svg{max-width:1.2rem;max-height:1.2rem;transition:transform .25s,opacity .25s}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-footer-btns .save-btn:not(:disabled):not(.disabled):hover{filter:brightness(1.07);transform:translateY(-2px);box-shadow:0 10px 25px #8ac91759,0 3px 10px #8ac91726}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-footer-btns .save-btn:not(:disabled):not(.disabled):hover svg{opacity:.9;transform:scale(1.08)}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-footer-btns .save-btn:not(:disabled):not(.disabled):active{transform:scale(.96);box-shadow:0 2px 6px #8ac91740}.clinic-drawer-wrapper .clinic-drawer .drawer-form-wrpper .drawer-footer-btns .save-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none;box-shadow:none;filter:none}.clinic-drawer-wrapper.admin-clinic-form .clinic-drawer{height:calc(100dvh - 80px)}.clinic-drawer-wrapper.admin-clinic-form .clinic-drawer .close-btn{visibility:hidden;transition:visibility 0s linear .35s;position:absolute;top:-40px}.clinic-drawer-wrapper.admin-clinic-form.open .clinic-drawer .close-btn{visibility:visible;transition-delay:0s}.clinic-drawer-wrapper.public-registration .drawer-form-wrpper .drawer-header{flex-direction:column;gap:.5rem}.clinic-drawer-wrapper.public-registration .drawer-form-wrpper .drawer-header h3,.clinic-drawer-wrapper.public-registration .drawer-form-wrpper .drawer-header>p{text-align:center;width:100%}.clinic-drawer-wrapper.public-registration .drawer-form-wrpper .drawer-header>p{margin:0!important}.clinic-drawer-wrapper.public-registration .drawer-form-wrpper .drawer-footer-btns{width:100%;max-width:700px;padding:1rem 2rem}@media (max-width:768px){.clinic-drawer-wrapper .clinic-drawer{height:100dvh}.clinic-drawer-wrapper .drawer-form-wrpper .drawer-header{padding:1.25rem 1rem}.clinic-drawer-wrapper .drawer-form-wrpper .drawer-header>p{overflow-wrap:anywhere;max-width:36rem}.clinic-drawer-wrapper .drawer-form-wrpper .drawer-content{align-items:stretch;padding:0 1rem 1rem;overflow-x:hidden}.clinic-drawer-wrapper .drawer-form-wrpper .drawer-content .fields-box{width:100%;min-width:0;padding:1rem 1.25rem}.clinic-drawer-wrapper .drawer-form-wrpper .drawer-content .fields-row{flex-direction:column;align-items:stretch;gap:.875rem;width:100%;min-width:0}.clinic-drawer-wrapper .drawer-form-wrpper .drawer-content .fields-row>.form-field,.clinic-drawer-wrapper .drawer-form-wrpper .drawer-content .fields-row>div.form-field{width:100%;min-width:0}.clinic-drawer-wrapper .drawer-form-wrpper .drawer-content .form-field{min-width:0}.clinic-drawer-wrapper .drawer-form-wrpper .drawer-content .fields-box .input-field input,.clinic-drawer-wrapper .drawer-form-wrpper .drawer-content .fields-box .input-field select,.clinic-drawer-wrapper .drawer-form-wrpper .drawer-content .fields-box .input-field textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.clinic-drawer-wrapper .drawer-form-wrpper .drawer-content .day-selector,.clinic-drawer-wrapper .drawer-form-wrpper .drawer-content .day-selector .slot-wrapper{min-width:0;padding:.75rem}.clinic-drawer-wrapper .drawer-form-wrpper .drawer-content .day-selector .slot-header{flex-wrap:wrap;align-items:flex-start;gap:.75rem}.clinic-drawer-wrapper .drawer-form-wrpper .drawer-content .day-selector .slot-header .slot-actions{flex-wrap:wrap;max-width:100%}.clinic-drawer-wrapper .drawer-form-wrpper .drawer-footer-btns{gap:.75rem;padding:.75rem 1rem}.clinic-drawer-wrapper.public-registration .drawer-form-wrpper .drawer-footer-btns{width:calc(100% - 2rem);padding:.75rem 1.25rem}}@media (max-width:600px){.clinic-drawer-wrapper .drawer-form-wrpper .drawer-header{padding:1rem .875rem}.clinic-drawer-wrapper .drawer-form-wrpper .drawer-header h3{font-size:1rem}.clinic-drawer-wrapper .drawer-form-wrpper .drawer-header>p{font-size:12px!important}.clinic-drawer-wrapper .drawer-form-wrpper .drawer-content{padding:0 .75rem .75rem}.clinic-drawer-wrapper .drawer-form-wrpper .drawer-content .fields-box{border-radius:.75rem;padding:.875rem}.clinic-drawer-wrapper .drawer-form-wrpper .drawer-content .fields-box h2{overflow-wrap:anywhere;font-size:1rem}.clinic-drawer-wrapper .drawer-form-wrpper .drawer-content .fields-row{gap:1.125rem}.clinic-drawer-wrapper .drawer-form-wrpper .drawer-content .fields-box .input-field input,.clinic-drawer-wrapper .drawer-form-wrpper .drawer-content .fields-box .input-field select,.clinic-drawer-wrapper .drawer-form-wrpper .drawer-content .fields-box .input-field textarea{height:44px;padding-left:.75rem;padding-right:.75rem;font-size:16px}.clinic-drawer-wrapper .drawer-form-wrpper .drawer-content .fields-box .input-field label{max-width:calc(100% - 2rem);font-size:12px}.clinic-drawer-wrapper .drawer-form-wrpper .drawer-content .day-selector .day-header label{font-size:.9rem}.clinic-drawer-wrapper .drawer-form-wrpper .drawer-content .day-selector .slot-header .slot-actions{gap:.4rem;width:100%}.clinic-drawer-wrapper .drawer-form-wrpper .drawer-content .day-selector .slot-header .apply-all-btn{white-space:normal;text-align:left;max-width:100%}.clinic-drawer-wrapper .drawer-form-wrpper .drawer-footer-btns{padding:.75rem}.clinic-drawer-wrapper .drawer-form-wrpper .drawer-footer-btns .back-btn,.clinic-drawer-wrapper .drawer-form-wrpper .drawer-footer-btns .save-btn{white-space:normal;flex:1;min-width:0;padding-left:.75rem;padding-right:.75rem}.clinic-drawer-wrapper.public-registration .drawer-form-wrpper .drawer-footer-btns{width:calc(100% - 1.5rem);padding:.75rem .875rem}}@media (max-width:480px){.clinic-drawer-wrapper.public-registration .drawer-form-wrpper .drawer-footer-btns{flex-direction:column;align-items:stretch;gap:.5rem}.clinic-drawer-wrapper.public-registration .drawer-form-wrpper .drawer-footer-btns .back-btn,.clinic-drawer-wrapper.public-registration .drawer-form-wrpper .drawer-footer-btns .save-btn{white-space:nowrap;flex:none;width:100%;height:40px}}.checkbox-field{align-items:center;gap:5px;font-size:12px;display:flex;position:relative}.checkbox-field input[type=checkbox]{appearance:none;cursor:pointer;background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;place-content:center;width:18px;height:18px;transition:background-color .2s;display:grid}.checkbox-field input[type=checkbox]:before{content:"";clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);background-color:canvastext;width:10px;height:10px;transition:transform .12s ease-in-out;transform:scale(0);box-shadow:inset 1em 1em #fff}.checkbox-field input[type=checkbox]:checked{background-color:#8ac917;border-color:#8ac917}.checkbox-field input[type=checkbox]:checked:before{transform:scale(1)}input{accent-color:#8ac917;border:1px solid #8ac917;width:20px;height:20px}label{color:#2f3c33;font-size:1rem;font-weight:500}
