.zwp_cabinet_profile_form.ff_form{max-width:600px;margin:20px auto;padding:30px;background:var(--zw-block-bg);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);border:solid 1px var(--zw-menu-bg);}
.zwp_cabinet_profile_form.ff_form h3{text-align:center;margin-bottom:30px;color:var(--zw-block-text);font-size:24px;font-weight:600}
.zwp_cabinet_profile_form.edit_form{margin-bottom:30px;}
.zwp_cabinet_profile_form.edit_form h3{display:none}
#zwp_profile_form{display:flex;flex-direction:column;gap:10px}
#zwp_profile_form .zwp_frow{display:flex;flex-direction:column}
#zwp_profile_form .zwp_frow label{font-weight:600;color:var(--zw-block-text);position:relative;font-size:14px}
#zwp_profile_form .zwp_frow input,#zwp_profile_form .zwp_frow select{
	padding:12px 15px;border:2px solid var(--zw-menu-bg);border-radius:6px;font-size:16px;transition:border-color .3s ease;background:#fff;color:#000;height:50px;
}
#zwp_profile_form .zwp_frow input:focus,#zwp_profile_form .zwp_frow select:focus{outline:none;border-color:var(--zw-button-bg);box-shadow:0 0 0 3px var(--zw-button-bg)}
#zwp_profile_form .zwp_frow input:invalid,#zwp_profile_form .zwp_frow select:invalid{border-color:var(--zw-error-color)}
#zwp_profile_form .zwp_frow select{
    cursor:pointer;appearance:none;background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
}
/*===== Form Validation Styles =====*/
#zwp_profile_form .zwp_frow input:valid{border-color:var(--zw-success-color)}
#zwp_profile_form .zwp_frow select:valid{border-color:var(--zw-success-color)}
#zwp_profile_form.loading .button{opacity:.7;cursor:not-allowed}
.zwp-error{color:var(--zw-error-color);font-size:14px;margin-top:5px}
.zwp-success{color:var(--zw-success-color);font-size:14px;margin-top:5px}
input[disabled]{background:#f5f5f5!important;color:#666!important;cursor:not-allowed!important}
/*===== Image =====*/
.zwp_team_logo{width:100px;height:100px;border:2px solid var(--zw-success-color);}
.zwp_team_logo img{width:100%;height:100%;border-radius:6px;}
#zwp_profile_form .zwp_tmlg{display:flex;gap:20px;justify-content:space-between;}
#zwp_profile_form .zwp_frow.name{flex:1;}
#zwp_profile_form .zwp_frow.logo{text-align:center;position:relative;}
.but_box.small.upload_btn{cursor:pointer;position:absolute;margin-left:-20px;transform:translateX(-100%);bottom:2px;width:max-content;width:fit-content;white-space:nowrap;}
.but_box.small.upload_btn .main_button{box-shadow:0 0 3px 0px #777 inset;}
.zwp_team_logo{cursor:pointer;position:relative;border-radius:6px;}
.zwp_team_logo:hover{border-color:var(--zw-button-bg);}
/*===== Image Moderation =====*/
.zwp_img_status{position:absolute;top:-10px;right:-10px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none;}
.zwp_img_status.pending{background:var(--zw-button-bg);color:white;}
.zwp_img_status.pending[data-status=""]{display:none;}
.zwp_img_status.pending[data-status="approved"]{display:none;}
.zwp_img_status.approved{background:var(--zw-button-hover-bg);color:var(--zw-button-hover-text);}
.zwp_img_status.rejected{background:var(--zw-error-color);color:var(--zw-button-text);}
.zwp_img_status svg{width:20px;height:22px;pointer-events:none;}

/*===== Image Modal =====*/
.zwp_modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:9999999;display:flex;align-items:center;justify-content:center;}
.zwp_modal_content{background:var(--zw-block-bg);border-radius:8px;width:90%;max-width:500px;max-height:90%;overflow:hidden;}
.zwp_modal_header{padding:10px 20px;border-bottom:1px solid var(--zw-menu-bg);display:flex;justify-content:space-between;align-items:center;}
.zwp_modal .zwp_modal_header h4{margin:0;font-size:24px;line-height:28px;color:var(--zw-block-text);}
.zwp_modal_close{font-size:34px;cursor:pointer;line-height:22px;position:relative;top:-3px;color:var(--zw-block-text);}
.zwp_modal_close:hover{color:var(--zw-error-color);}
.zwp_modal_body{padding:5px 0;}
.zwp_modal_footer{padding:50px 20px 20px;border-top:1px solid var(--zw-menu-bg);display:flex;gap:10px;justify-content:flex-end;}
#zwp_croppie_container{width:400px;height:400px;margin:0 auto;}

/*===== Croppie Slider Styling =====*/
body #zwp_crop_modal .croppie-container .cr-slider-wrap{width:calc(100% - 50px);margin:15px auto;text-align:center;position:relative;left:-1px;}
.cr-slider-wrap{position:relative;}
input.cr-slider{-webkit-appearance:none;appearance:none;background:transparent}
/* --- WebKit (Chrome, Safari, Edge) --- */
.cr-slider::-webkit-slider-runnable-track{width:100%;height:8px!important;background:#000!important;border-radius:3px!important;cursor:pointer;border:none}
.cr-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:30px!important;height:20px!important;background:var(--zw-button-bg)!important;border-radius:3px!important;cursor:pointer;border:2px solid var(--zw-menu-bg)!important;}
.cr-slider::-webkit-slider-thumb:hover{background:var(--zw-button-hover-bg)!important;transform:scale(1.1)}
.cr-slider::-webkit-slider-thumb:active{transform:scale(1)}
/* --- Mozilla Firefox --- */
.cr-slider::-moz-range-track{width:100%;height:10px!important;background:#000!important;border-radius:3px!important;cursor:pointer;border:none}
.cr-slider::-moz-range-thumb{width:30px!important;height:20px!important;background:var(--zw-button-bg)!important;border-radius:3px!important;cursor:pointer;border:2px solid var(--zw-menu-bg)!important;}
.cr-slider::-moz-range-thumb:hover{background:var(--zw-button-hover-bg)!important;transform:scale(1.1)}
.cr-slider::-moz-range-thumb:active{transform:scale(1)}
.cr-slider::-moz-range-progress{background-color:darkslateblue!important;height:8px!important;border-radius:10px!important}

/*===== Zoom Controls =====*/
.cr-slider-wrap{position:relative;}
.cr-slider-wrap::before{content:'🔍';position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:14px;margin-top:1px;}
.cr-slider-wrap::after{content:'🔍';position:absolute;right:-10px;top:50%;transform:translateY(-50%);font-size:24px;}

/*===== Date Fields =====*/
.zwp_date_row{flex-direction:row!important;gap:15px;}
.zwp_date_field{display:flex;flex-direction:column;flex:1;}
.zwp_date_field label{font-weight:600;color:var(--zw-block-text);font-size:14px;}
.zwp_date_field input{padding:12px 15px;border:2px solid var(--zw-menu-bg);border-radius:6px;font-size:16px;transition:border-color .3s ease;background:#fff;color:#000;height:50px;}
.zwp_date_field input:focus{outline:none;border-color:var(--zw-button-bg);box-shadow:0 0 0 3px var(--zw-button-bg);}
.zwp_date_field input:valid{border-color:var(--zw-success-color);}
.zwp_date_field input:invalid{border-color:var(--zw-error-color);}


/*===== Responsive =====*/
@media (max-width:480px){
	#zwp_croppie_container{width:350px;height:350px;padding:15px;}
	.cr-boundary{width:300px !important;height:300px !important;}
	.cr-viewport{width:250px !important;height:250px !important;}
}

/*===== Other =====*/
.zwp_fsubmit{margin-top:13px}
.ff_logout .main_button{margin-top:0;}

@media (max-width: 768px){
    .zwp_cabinet_profile_form.ff_form{margin:10px;padding:20px}
    #zwp_profile_form .zwp_frow input,#zwp_profile_form .zwp_frow select{padding:10px 12px;font-size:14px}
}