.no-zoom {
font-size: 16px !important;
}
 .auth-slider-panel {
   background-color: #0a0a0a;
   border-radius: 20px;
   height: calc(100vh - 48px);
   margin: 24px;
   position: sticky;
   top: 24px;
   overflow: hidden;
   display: flex;
   flex-direction: column;
 }

 .auth-slider-logo {
   padding: 32px;
 }

 .auth-slider-logo img {
   height: 32px;
 }

 .auth-slider-visual {
   flex: 1;
   position: relative;
   overflow: hidden;
 }

 .auth-slider-visual img {
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: opacity .35s ease;
 }

 .auth-slider-notification {
   position: absolute;
   bottom: 20%;
   left: 32px;
   right: 32px;
   background: #fff;
   border-radius: 14px;
   padding: 14px 16px;
   display: flex;
   align-items: center;
   gap: 12px;
   box-shadow: 0 10px 30px rgba(0, 0, 0, .3);
   transition: opacity .35s ease;
 }

 .auth-slider-notification .icon-badge {
   width: 40px;
   height: 40px;
   border-radius: 50%;
   background: var(--bs-primary);
   display: flex;
   align-items: center;
   justify-content: center;
   color: #fff;
   flex-shrink: 0;
   font-size: 16px;
 }

 .auth-slider-notification .title {
   font-weight: 600;
   font-size: 13px;
   color: #111;
   margin-bottom: 2px;
 }

 .auth-slider-notification .subtitle {
   font-size: 12px;
   color: #6b7280;
   margin-bottom: 0;
 }

 .auth-slider-caption {
   padding: 32px;
   color: #fff;
 }

 .auth-slider-caption h4 {
   color: #fff;
   font-weight: 700;
   margin-bottom: 6px;
   transition: opacity .35s ease;
 }

 .auth-slider-caption p {
   color: rgba(255, 255, 255, .6);
   margin-bottom: 20px;
   transition: opacity .35s ease;
 }

 .auth-slider-dots {
   display: flex;
   gap: 6px;
 }

 .auth-slider-dots span {
   width: 20px;
   height: 4px;
   border-radius: 2px;
   background: rgba(255, 255, 255, .25);
   cursor: pointer;
 }

 .auth-slider-dots span.active {
   background: var(--bs-primary);
   width: 28px;
 }

 .auth-slider-fade-out {
   opacity: 0;
 }

 @media (max-width: 991.98px) {
   .auth-slider-panel {
     display: none;
   }
 }



 /* begin::Pending Review */
 .pending-review-icon {
   width: 72px;
   height: 72px;
   border-radius: 50%;
   background: rgba(163, 60, 251, .1);
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 auto 24px;
   font-size: 30px;
   color: var(--bs-primary);
 }

 .pending-review-checklist {
   text-align: left;
   background: var(--bs-tertiary-bg, #f8f9fa);
   border-radius: 12px;
   padding: 20px 24px;
   margin-top: 28px;
 }

 .pending-review-checklist .checklist-item {
   display: flex;
   align-items: center;
   gap: 10px;
   padding: 8px 0;
   font-size: 14px;
 }

 .pending-review-checklist .checklist-item i {
   color: #22c55e;
   font-size: 16px;
   flex-shrink: 0;
 }

 .pending-review-checklist .checklist-item.pending i {
   color: var(--bs-secondary-color);
 }

 #refreshStatusBtn.checking i {
   animation: pending-spin 0.8s linear infinite;
 }

 @keyframes pending-spin {
   from {
     transform: rotate(0deg);
   }

   to {
     transform: rotate(360deg);
   }
 }

 /* end::Pending Review */




 /* begin::Stepper (shared pattern) */
 .cb-stepper {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
   margin-bottom: 40px;
   flex-wrap: wrap;
 }

 .cb-step {
   display: flex;
   align-items: center;
   gap: 8px;
   color: var(--bs-secondary-color);
 }

 .cb-step-circle {
   width: 28px;
   height: 28px;
   border-radius: 50%;
   border: 2px solid var(--bs-border-color);
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 12px;
   font-weight: 600;
   flex-shrink: 0;
 }

 .cb-step.active .cb-step-circle {
   background-color: var(--bs-primary);
   border-color: var(--bs-primary);
   color: #fff;
 }

 .cb-step.active {
   color: var(--bs-body-color);
   font-weight: 600;
 }

 .cb-step.completed .cb-step-circle {
   background-color: var(--bs-primary);
   border-color: var(--bs-primary);
   color: #fff;
 }

 .cb-step-line {
   width: 60px;
   height: 2px;
   background-image: linear-gradient(to right, var(--bs-border-color) 50%, transparent 50%);
   background-size: 8px 2px;
   background-repeat: repeat-x;
 }

 .cb-step-line.completed {
   background-image: none;
   background-color: var(--bs-primary);
 }

 .cb-panel {
   display: none;
 }

 .cb-panel.active {
   display: block;
 }

 /* end::Stepper */

 .upload-box {
   border: 2px dashed var(--bs-border-color);
   border-radius: 10px;
   padding: 32px 20px;
   text-align: center;
   cursor: pointer;
   transition: border-color .15s ease;
 }

 .upload-box:hover {
   border-color: var(--bs-primary);
 }

 .upload-box i {
   font-size: 28px;
   color: var(--bs-secondary-color);
   margin-bottom: 8px;
   display: block;
 }

 .upload-box .upload-filename {
   display: none;
   margin-top: 8px;
   font-weight: 500;
   color: var(--bs-primary);
 }

 .upload-box .cover-preview {
   display: none;
   max-height: 160px;
   border-radius: 8px;
   margin-bottom: 10px;
 }

 /* begin::Operating Hours */
 .hours-row {
   display: flex;
   align-items: center;
   gap: 16px;
   padding: 10px 0;
   border-bottom: 1px solid var(--bs-border-color);
 }

 .hours-row:last-child {
   border-bottom: none;
 }

 .hours-day-label {
   width: 110px;
   font-weight: 500;
   flex-shrink: 0;
 }

 .hours-time-inputs {
   display: flex;
   align-items: center;
   gap: 8px;
   flex: 1;
 }

 .hours-time-inputs input[type="time"] {
   max-width: 130px;
 }

 .hours-closed-label {
   color: var(--bs-secondary-color);
   font-style: italic;
 }

 /* end::Operating Hours */

 /* begin::Amenities */
 .amenity-chip {
   display: none;
 }

 .interior-photo-thumb {
   position: relative;
   width: 72px;
   height: 72px;
   border-radius: 8px;
   overflow: hidden;
 }

 .interior-photo-thumb img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .interior-photo-thumb .remove-thumb {
   position: absolute;
   top: 2px;
   right: 2px;
   width: 18px;
   height: 18px;
   border-radius: 50%;
   background: rgba(0, 0, 0, .6);
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 10px;
   cursor: pointer;
 }

 .amenity-chip-label {
   display: inline-flex;
   align-items: center;
   gap: 6px;
   padding: 8px 16px;
   border: 1px solid var(--bs-border-color);
   border-radius: 30px;
   cursor: pointer;
   font-size: 14px;
   transition: all .15s ease;
   margin: 0 8px 8px 0;
 }

 .amenity-chip:checked+.amenity-chip-label {
   background-color: var(--bs-primary);
   border-color: var(--bs-primary);
   color: #fff;
 }

 /* end::Amenities */


 /* begin::OTP boxes (login 2FA) */
 .otp-icon-badge {
   width: 64px;
   height: 64px;
   border-radius: 50%;
   background: rgba(30, 95, 232, .1);
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 auto 24px;
   font-size: 26px;
   color: var(--bs-primary);
 }

 .otp-box-group {
   display: flex;
   justify-content: center;
   gap: 10px;
 }

 .otp-box {
   width: 48px;
   height: 56px;
   text-align: center;
   font-size: 20px;
   font-weight: 600;
   border: 1px solid var(--bs-border-color);
   border-radius: 10px;
   outline: none;
   transition: border-color .15s ease, box-shadow .15s ease;
 }

 .otp-box:focus {
   border-color: var(--bs-primary);
   box-shadow: 0 0 0 3px rgba(30, 95, 232, .12);
 }

 .otp-box.otp-box-error {
   border-color: var(--bs-danger);
 }

 /* end::OTP boxes */