/* 
    loader
*/
.loader {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999;
    background-color: #f1f1f2;
  }

#ApplicationContainer > div:first-child:not(:only-child) {
    display: none !important;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

:root {
    --brand-primary: #202f59;
    --brand-secondary: #ef8e02;
    --brand-accent: #e58f12;
    --brand-background: #f9f9fa;
    --brand-surface: #ffffff;
    --brand-surface-soft: #fbfbfb;
    --brand-text: #1e2022;
    --brand-text-muted: #4c5667;
    --brand-border: #e4e6ef;
    --brand-success: #28a745;
    --brand-danger: #dc3545;
    --brand-focus: #ef8e02;
    --brand-shadow: 0 18px 50px rgba(30, 32, 34, 0.12);
    --brand-radius: 8px;
    --brand-font-ar: 'GE SS', 'Tahoma', 'Arial', sans-serif;
    --brand-font-en: 'Poppins', 'Inter', 'Segoe UI', 'Arial', sans-serif;
}

html,
body {
    background: var(--brand-background);
    color: var(--brand-text);
}