.edit-name-modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:10000;justify-content:center;align-items:center}.edit-name-modal-overlay.active{display:flex}.edit-name-modal{background:#fff;border-radius:8px;padding:30px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 4px 20px #00000026}.edit-name-modal-close{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:5px;line-height:1;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color .2s}.edit-name-modal-close:hover{color:#000}.edit-name-modal-heading{font-size:24px;font-weight:700;margin-bottom:20px;padding-right:40px;color:#333}.edit-name-form-group{margin-bottom:20px}.edit-name-form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.edit-name-form-group input{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px;box-sizing:border-box;transition:border-color .2s}.edit-name-form-group input:focus{outline:none;border-color:#06c}.edit-name-message{margin-bottom:15px;padding:10px;border-radius:4px;font-size:14px;display:none}.edit-name-message.success{display:block;background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.edit-name-message.error{display:block;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.edit-name-update-btn{width:100%;padding:12px;background-color:#06c;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s}.edit-name-update-btn:disabled{background-color:#ccc;cursor:not-allowed}.edit-name-update-btn:not(:disabled):hover{background-color:#0052a3}.edit-name-btn{color:#06c;text-decoration:none;cursor:pointer;background:none;border:none;font-size:inherit;margin-left:6px;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;transition:color .2s}.edit-name-btn:hover{color:#0052a3}@media(max-width:600px){.edit-name-modal{width:95%;padding:20px}.edit-name-modal-heading{font-size:20px}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/edit-customer-name.css.map */