/* ConnectAlign - Custom CSS Styles */
/* Based on MudBlazor custom design patterns */

/* ===================================
   Form Validation Messages
   =================================== */
.validation-message {
    color: #f44336;
    margin: 0;
    font-size: .8rem;
    margin-top: 3px;
    text-align: start;
    font-weight: 400;
    line-height: 1.66;
    letter-spacing: .03333em;
}

/* ===================================
   Snackbar Position Adjustments
   =================================== */
/* Add 50px offset for bottom snackbars */
/* Useful if you have a footer or fixed bottom navigation */
.mud-snackbar-location-bottom-left {
    bottom: 50px !important;
}

.mud-snackbar-location-bottom-right {
    bottom: 50px !important;
}

/* ===================================
   Usage Examples
   =================================== */

/* Validation Message Usage:

   <EditForm Model="@model">
       <DataAnnotationsValidator />
       <ValidationSummary />

       <MudTextField @bind-Value="model.Email" Label="Email" />
       <ValidationMessage For="@(() => model.Email)" class="validation-message" />
   </EditForm>
*/

/* Snackbar Usage:

   @inject ISnackbar Snackbar

   @code {
       private void ShowNotification()
       {
           Snackbar.Configuration.PositionClass = Defaults.Classes.Position.BottomRight;
           Snackbar.Add("Your message", Severity.Success);
       }
   }
*/