@import 'moneyguard_admin_portal.Client.h5ab6irthn.bundle.scp.css';

/* /Components/Account/Pages/Login.razor.rz.scp.css */
.mg-login-page[b-2pdnllx7pw] {
  min-height: 100vh;
  background-color: #f8fafc;
  background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-100,200 L400,700 M300,-100 L800,600 M700,100 L1200,900 M0,800 L800,1200 M900,-50 L1500,600 M1100,500 L1800,1200 M400,400 L900,200' stroke='%23cbd5e1' stroke-width='1' fill='none' stroke-opacity='0.4'/%3E%3Cpath d='M-50,600 L300,200 M200,900 L700,400 M800,1000 L1300,500 M600,-100 L200,300 M1200,200 L800,600 M1600,600 L1100,1000' stroke='%23cbd5e1' stroke-width='1' fill='none' stroke-opacity='0.3'/%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem 1rem;
}

.mg-card[b-2pdnllx7pw] {
  width: 100%;
  max-width: 26rem; /* ~416px, typical for login cards */
  background: #ffffff;
  border-radius: 1rem;
  box-shadow: 0 20px 40px -10px rgba(0,0,0,0.1), 0 0 20px rgba(124, 58, 237, 0.05);
  position: relative;
}

.mg-card[b-2pdnllx7pw]::before {
  content: '';
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  border-radius: 1rem;
  padding: 1px;
  background: linear-gradient(135deg, rgba(200,160,255,0.6) 0%, rgba(100,160,255,0.2) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.mg-card-header[b-2pdnllx7pw] {
  text-align: center;
  padding: 2.5rem 2.5rem 0.5rem 2.5rem;
}

.mg-brand-container[b-2pdnllx7pw] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}

.mg-logo-img[b-2pdnllx7pw] {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.mg-brand-text[b-2pdnllx7pw] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1e293b; /* slate-800 */
  margin: 0;
}

.mg-title[b-2pdnllx7pw] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #0f172a; /* slate-900 */
  margin: 0;
}

.mg-subtitle[b-2pdnllx7pw] {
  font-size: 0.9375rem;
  color: #64748b; /* slate-500 */
  margin-top: 0.5rem;
}

.mg-card-content[b-2pdnllx7pw] {
  padding: 1rem 2.5rem 2.5rem 2.5rem;
}

.mg-validation[b-2pdnllx7pw] {
  color: #ef4444; /* red-500 */
  margin-bottom: 1rem;
  font-size: 0.875rem;
}

.mg-form-group[b-2pdnllx7pw] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}

.mg-label[b-2pdnllx7pw] {
  font-size: 0.875rem;
  font-weight: 600;
  color: #334155; /* slate-700 */
  text-align: left;
}

.mg-input[b-2pdnllx7pw] {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid #cbd5e1; /* slate-300 */
  border-radius: 0.5rem;
  background: #ffffff;
  color: #0f172a;
  font-size: 0.9375rem;
  transition: all 0.2s;
  box-sizing: border-box;
}

.mg-input[b-2pdnllx7pw]::placeholder {
  color: #94a3b8; /* slate-400 */
}

.mg-input:focus[b-2pdnllx7pw] {
  outline: none;
  border-color: #7C3AED; /* brand accent */
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15);
}

/* Password input wrapper */
.mg-password-wrapper[b-2pdnllx7pw] {
  position: relative;
  width: 100%;
}

.mg-input-password[b-2pdnllx7pw] {
  width: 100%;
  padding-right: 2.75rem !important; /* Space for the toggle button */
  box-sizing: border-box;
}

/* Hide browser's built-in password reveal button */
.mg-input-password[b-2pdnllx7pw]::-ms-reveal,
.mg-input-password[b-2pdnllx7pw]::-ms-clear,
.mg-input-password[b-2pdnllx7pw]::-webkit-textfield-decoration-container,
.mg-input-password[b-2pdnllx7pw]::-webkit-credentials-auto-fill-button,
.mg-input-password[b-2pdnllx7pw]::-webkit-contacts-auto-fill-button,
.mg-input-password[b-2pdnllx7pw]::-webkit-caps-lock-indicator {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  position: absolute !important;
  right: 0 !important;
}

input[type="password"][b-2pdnllx7pw]::-ms-reveal,
input[type="password"][b-2pdnllx7pw]::-ms-clear {
  display: none !important;
}

input[type="text"][b-2pdnllx7pw]::-ms-reveal,
input[type="text"][b-2pdnllx7pw]::-ms-clear {
  display: none !important;
}

.mg-password-toggle[b-2pdnllx7pw] {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
  color: #94a3b8; /* slate-400 */
  transition: color 0.15s ease;
}

.mg-password-toggle:hover[b-2pdnllx7pw] {
  color: #64748b; /* slate-500 */
}

.mg-password-toggle:focus[b-2pdnllx7pw] {
  outline: none;
  color: #7C3AED;
}

.mg-eye-icon[b-2pdnllx7pw] {
  width: 1.25rem;
  height: 1.25rem;
}

.mg-validation-message[b-2pdnllx7pw] {
  color: #ef4444; /* red-500 */
  font-size: 0.75rem;
  text-align: left;
}

/* Actions Row: Remember Me & Forgot Password */
.mg-form-actions[b-2pdnllx7pw] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

.mg-remember-me[b-2pdnllx7pw] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.mg-checkbox[b-2pdnllx7pw] {
  width: 1rem;
  height: 1rem;
  border-radius: 0.25rem;
  border: 1px solid #cbd5e1;
  accent-color: #5B21B6; /* Will work on modern browsers natively or via custom style in markup */
  cursor: pointer;
}

.mg-checkbox-label[b-2pdnllx7pw] {
  font-size: 0.875rem;
  color: #334155;
  cursor: pointer;
  font-weight: 500;
}

.mg-forgot-password[b-2pdnllx7pw] {
  font-size: 0.875rem;
  color: #5B21B6;
  text-decoration: none;
  font-weight: 500;
}

.mg-forgot-password:hover[b-2pdnllx7pw] {
  text-decoration: underline;
}

.mg-button[b-2pdnllx7pw] {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.75rem;
  padding: 0 1rem;
  background: linear-gradient(180deg, #7C3AED 0%, #5B21B6 100%);
  color: #ffffff;
  border-radius: 9999px; /* Pill shape */
  border: none;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: opacity 0.2s, transform 0.1s;
  box-shadow: 0 4px 6px -1px rgba(91, 33, 182, 0.2), 0 2px 4px -1px rgba(91, 33, 182, 0.1);
}

.mg-button:hover[b-2pdnllx7pw] {
  opacity: 0.95;
}

.mg-button:active[b-2pdnllx7pw] {
  transform: translateY(1px);
  box-shadow: 0 2px 4px -1px rgba(91, 33, 182, 0.2);
}

.mg-button[disabled][b-2pdnllx7pw] {
  opacity: 0.7;
  cursor: not-allowed;
  transform: none;
}

.mg-demo-box[b-2pdnllx7pw] {
  margin-top: 1.5rem;
  padding: 1rem;
  background-color: #f9fafb;
  border-radius: 0.5rem;
}

.mg-demo-title[b-2pdnllx7pw] {
  font-size: 0.875rem;
  color: #4b5563;
  margin: 0 0 0.75rem 0;
}

.mg-demo-list[b-2pdnllx7pw] {
  font-size: 0.75rem;
  color: #6b7280;
}

.mg-demo-label[b-2pdnllx7pw] {
  font-weight: 600;
  color: #374151;
}

.mg-demo-indent[b-2pdnllx7pw] {
  margin-left: 0.5rem;
}


/* /Components/Account/Pages/Manage/ChangePassword.razor.rz.scp.css */
.mg-password-card[b-9oge9zah7b] {
    background: #ffffff;
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
    padding: 1.5rem;
    max-width: 32rem;
}

.mg-section-title[b-9oge9zah7b] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
    margin: 0 0 1.5rem 0;
}

.mg-validation[b-9oge9zah7b] {
    color: #dc2626;
    margin-bottom: 1rem;
    font-size: 0.875rem;
}

.mg-form-group[b-9oge9zah7b] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    margin-bottom: 1.25rem;
}

.mg-label[b-9oge9zah7b] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
}

.mg-input[b-9oge9zah7b] {
    width: 100%;
    padding: 0.625rem 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    background: #ffffff;
    font-size: 0.9375rem;
    color: #111827;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.mg-input:focus[b-9oge9zah7b] {
    outline: none;
    border-color: #7C3AED;
    box-shadow: 0 0 0 3px rgba(91, 33, 182, 0.15);
}

.mg-input[b-9oge9zah7b]::placeholder {
    color: #9ca3af;
}

.mg-validation-message[b-9oge9zah7b] {
    color: #dc2626;
    font-size: 0.75rem;
    margin-top: 0.25rem;
}

.mg-button[b-9oge9zah7b] {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2.75rem;
    padding: 0 1.5rem;
    background-color: #7C3AED;
    color: #ffffff;
    border-radius: 0.5rem;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.15s ease;
    margin-top: 0.5rem;
}

.mg-button:hover[b-9oge9zah7b] {
    background-color: #6D28D9;
}

.mg-button:focus[b-9oge9zah7b] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(91, 33, 182, 0.25);
}

.mg-button:disabled[b-9oge9zah7b] {
    opacity: 0.7;
    cursor: not-allowed;
}


/* /Components/Account/Pages/Manage/Email.razor.rz.scp.css */
.mg-email-card[b-4unch9b5rn] {
    background: #ffffff;
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
    padding: 1.5rem;
    max-width: 32rem;
}

.mg-section-title[b-4unch9b5rn] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
    margin: 0 0 1.5rem 0;
}

.mg-validation[b-4unch9b5rn] {
    color: #dc2626;
    margin-bottom: 1rem;
    font-size: 0.875rem;
}

.mg-form-group[b-4unch9b5rn] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    margin-bottom: 1.25rem;
}

.mg-label[b-4unch9b5rn] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
}

.mg-input[b-4unch9b5rn] {
    width: 100%;
    padding: 0.625rem 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    background: #ffffff;
    font-size: 0.9375rem;
    color: #111827;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.mg-input:focus[b-4unch9b5rn] {
    outline: none;
    border-color: #7C3AED;
    box-shadow: 0 0 0 3px rgba(91, 33, 182, 0.15);
}

.mg-input[b-4unch9b5rn]::placeholder {
    color: #9ca3af;
}

.mg-input-readonly[b-4unch9b5rn] {
    background-color: #f3f4f6;
    color: #6b7280;
    cursor: not-allowed;
}

.mg-input-with-badge[b-4unch9b5rn] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.mg-input-with-badge .mg-input[b-4unch9b5rn] {
    flex: 1;
}

.mg-badge[b-4unch9b5rn] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.375rem 0.625rem;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: 9999px;
    white-space: nowrap;
}

.mg-badge-success[b-4unch9b5rn] {
    background-color: #dcfce7;
    color: #15803d;
}

.mg-badge-icon[b-4unch9b5rn] {
    width: 0.875rem;
    height: 0.875rem;
}

.mg-validation-message[b-4unch9b5rn] {
    color: #dc2626;
    font-size: 0.75rem;
    margin-top: 0.25rem;
}

.mg-link-button[b-4unch9b5rn] {
    background: none;
    border: none;
    padding: 0;
    font-size: 0.875rem;
    color: #7C3AED;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    margin-top: 0.25rem;
}

.mg-link-button:hover[b-4unch9b5rn] {
    color: #6D28D9;
    text-decoration: underline;
}

.mg-button[b-4unch9b5rn] {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2.75rem;
    padding: 0 1.5rem;
    background-color: #7C3AED;
    color: #ffffff;
    border-radius: 0.5rem;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.15s ease;
    margin-top: 0.5rem;
}

.mg-button:hover[b-4unch9b5rn] {
    background-color: #6D28D9;
}

.mg-button:focus[b-4unch9b5rn] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(91, 33, 182, 0.25);
}

.mg-button:disabled[b-4unch9b5rn] {
    opacity: 0.7;
    cursor: not-allowed;
}


/* /Components/Account/Pages/Manage/Index.razor.rz.scp.css */
.mg-profile-card[b-vwz7lcu8f9] {
    background: #ffffff;
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
    padding: 1.5rem;
    max-width: 32rem;
}

.mg-section-title[b-vwz7lcu8f9] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
    margin: 0 0 1.5rem 0;
}

.mg-validation[b-vwz7lcu8f9] {
    color: #dc2626;
    margin-bottom: 1rem;
    font-size: 0.875rem;
}

.mg-form-group[b-vwz7lcu8f9] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    margin-bottom: 1.25rem;
}

.mg-label[b-vwz7lcu8f9] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
}

.mg-input[b-vwz7lcu8f9] {
    width: 100%;
    padding: 0.625rem 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    background: #ffffff;
    font-size: 0.9375rem;
    color: #111827;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.mg-input:focus[b-vwz7lcu8f9] {
    outline: none;
    border-color: #7C3AED;
    box-shadow: 0 0 0 3px rgba(91, 33, 182, 0.15);
}

.mg-input[b-vwz7lcu8f9]::placeholder {
    color: #9ca3af;
}

.mg-input-readonly[b-vwz7lcu8f9] {
    background-color: #f3f4f6;
    color: #6b7280;
    cursor: not-allowed;
}

.mg-validation-message[b-vwz7lcu8f9] {
    color: #dc2626;
    font-size: 0.75rem;
    margin-top: 0.25rem;
}

.mg-button[b-vwz7lcu8f9] {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2.75rem;
    padding: 0 1.5rem;
    background-color: #7C3AED;
    color: #ffffff;
    border-radius: 0.5rem;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.15s ease;
    margin-top: 0.5rem;
}

.mg-button:hover[b-vwz7lcu8f9] {
    background-color: #6D28D9;
}

.mg-button:focus[b-vwz7lcu8f9] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(91, 33, 182, 0.25);
}

.mg-button:disabled[b-vwz7lcu8f9] {
    opacity: 0.7;
    cursor: not-allowed;
}


/* /Components/Account/Pages/Manage/SetPassword.razor.rz.scp.css */
.mg-password-card[b-hzo217z6ua] {
    background: #ffffff;
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
    padding: 1.5rem;
    max-width: 32rem;
}

.mg-section-title[b-hzo217z6ua] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
    margin: 0 0 1.5rem 0;
}

.mg-info-box[b-hzo217z6ua] {
    display: flex;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    background-color: #eff6ff;
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
}

.mg-info-icon[b-hzo217z6ua] {
    width: 1.25rem;
    height: 1.25rem;
    color: #7C3AED;
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.mg-info-text[b-hzo217z6ua] {
    font-size: 0.875rem;
    color: #5B21B6;
    margin: 0;
    line-height: 1.5;
}

.mg-validation[b-hzo217z6ua] {
    color: #dc2626;
    margin-bottom: 1rem;
    font-size: 0.875rem;
}

.mg-form-group[b-hzo217z6ua] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    margin-bottom: 1.25rem;
}

.mg-label[b-hzo217z6ua] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
}

.mg-input[b-hzo217z6ua] {
    width: 100%;
    padding: 0.625rem 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    background: #ffffff;
    font-size: 0.9375rem;
    color: #111827;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.mg-input:focus[b-hzo217z6ua] {
    outline: none;
    border-color: #7C3AED;
    box-shadow: 0 0 0 3px rgba(91, 33, 182, 0.15);
}

.mg-input[b-hzo217z6ua]::placeholder {
    color: #9ca3af;
}

.mg-validation-message[b-hzo217z6ua] {
    color: #dc2626;
    font-size: 0.75rem;
    margin-top: 0.25rem;
}

.mg-button[b-hzo217z6ua] {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2.75rem;
    padding: 0 1.5rem;
    background-color: #7C3AED;
    color: #ffffff;
    border-radius: 0.5rem;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.15s ease;
    margin-top: 0.5rem;
}

.mg-button:hover[b-hzo217z6ua] {
    background-color: #6D28D9;
}

.mg-button:focus[b-hzo217z6ua] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(91, 33, 182, 0.25);
}

.mg-button:disabled[b-hzo217z6ua] {
    opacity: 0.7;
    cursor: not-allowed;
}