.error-message{ font-size:0.875rem; color:#dc3545; }
  .pad{ padding-top:12px; padding-bottom:12px; }
  .form-brake{
    margin:25px 0; display:flex; align-items:center; justify-content:center;
    font-size:10px; font-weight:600; text-transform:uppercase; color:var(--muted);
    white-space:nowrap; gap:10px;
  }
  .form-brake .lines{ width:100%; height:1px; background-color:#d2d2d2; }
  .link{ color:#396bff; font-weight:500; }
  .link:hover{ color:#1c3b97; }

  /* ✅ Password rules box (same style as your page) */
  .pwd-rules{
    display:none;
    margin-top:10px;
    background:#2f2f2f;
    color:#fff;
    padding:12px 14px;
    border-radius:8px;
    font-size:13px;
    line-height:1.35;
  }
  .pwd-rules strong{ display:block; margin-bottom:6px; font-size:13px; }
  .pwd-rules ul{ margin:0; padding:0; list-style:none; }
  .pwd-rules li{
    display:flex; align-items:center; gap:10px;
    margin:6px 0;
    color:#eaeaea;
  }
  .pwd-dot{
    width:10px; height:10px; border-radius:50%;
    background:#000;
    border:1px solid rgba(255,255,255,0.25);
    flex:0 0 10px;
  }
  .pwd-rules li.ok{ color:#c9f7c9; }
  .pwd-rules li.ok .pwd-dot{ background:#00c853; border-color:#00c853; }

#signupModal .btn-all-modal,
#otpModal .btn-all-modal,
#loginModal .btn-all-modal,
#forgetModal .btn-all-modal,
#resetModal .btn-all-modal,
#bookmarkModal .btn-close,
#createFolderModal .btn-close {
    position: absolute;
    top: 14px;
    right: 14px;
    left: auto;
    z-index: 10;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    background: transparent !important;
    border: 0;
    box-shadow: none !important;
    opacity: 1;
    filter: none;
}

#signupModal .btn-all-modal::before,
#otpModal .btn-all-modal::before,
#loginModal .btn-all-modal::before,
#forgetModal .btn-all-modal::before,
#resetModal .btn-all-modal::before,
#bookmarkModal .btn-close::before,
#createFolderModal .btn-close::before {
    content: "\f00d";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 22px;
    line-height: 1;
    color: #7a7a7a;
}

#signupModal .btn-all-modal::after,
#otpModal .btn-all-modal::after,
#loginModal .btn-all-modal::after,
#forgetModal .btn-all-modal::after,
#resetModal .btn-all-modal::after,
#bookmarkModal .btn-close::after,
#createFolderModal .btn-close::after {
    display: none;
}

#signupModal .btn-all-modal:hover::before,
#otpModal .btn-all-modal:hover::before,
#loginModal .btn-all-modal:hover::before,
#forgetModal .btn-all-modal:hover::before,
#resetModal .btn-all-modal:hover::before,
#bookmarkModal .btn-close:hover::before,
#createFolderModal .btn-close:hover::before {
    color: #111;
}