@charset "UTF-8";

:root {
    --blue: #2c8ef8;
    --indigo: #727cf5;
    --purple: #6b5eae;
    --pink: #ff679b;
    --red: #fa5c7c;
    --orange: #fd7e14;
    --yellow: #ffbc00;
    --green: #0acf97;
    --teal: #02a8b5;
    --cyan: #39afd1;
    --white: #fff;
    --gray: #98a6ad;
    --gray-dark: #343a40;
    --primary: #727cf5;
    --secondary: #6c757d;
    --success: #0acf97;
    --info: #39afd1;
    --warning: #ffbc00;
    --danger: #fa5c7c;
    --light: #eef2f7;
    --dark: #313a46;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1367px;
    --font-family-sans-serif: "Nunito", sans-serif;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

    --cf-typography-color-Primary: #FFFFFF;
    --cf-typography-color-Secondary: rgba(178, 183, 188, 1);
    --cf-typography-color-Contrast: rgba(0, 16, 34, 1);
    --cf-typography-color-Error: rgba(248, 113, 113, 1);
    --cf-typography-color-Disabled: rgba(217, 231, 255, 0.2);
    --cf-typography-color-Action: rgba(85, 151, 255, 1);

    --cf-layer-color-0: rgba(19, 26, 31, 1);
    --cf-layer-color-1: rgba(20, 35, 46, 1);
    --cf-layer-color-2: rgba(20, 39, 53, 1);
    --cf-layer-color-3: rgba(21, 44, 61, 1);

    --cf-spacing-xxs: 4px;
    --cf-spacing-xs: 8px;
    --cf-spacing-sm: 12px;
    --cf-spacing-md: 20px;
    --cf-spacing-lg: 32px;
    --cf-spacing-xl: 52px;
    --cf-spacing-xxl: 84px;

    --cf-cardheader-sm: 35px;
    --cf-cardheader-md: 45px;
    --cf-cardheader-lg: 55px;

    --cf-input-color-Background: rgba(0, 34, 67, 1);
    --cf-input-color-DefaultBorder: rgba(217, 231, 255, 0.2);
    --cf-input-color-DisabledBorder: rgba(217, 231, 255, 0.12);
    --cf-input-color-ActiveBorder: rgba(85, 151, 255, 1);
    --cf-input-color-SuccessBorder: rgba(52, 211, 153, 1);
    --cf-input-color-ErrorBorder: rgba(239, 68, 68, 1);

    --cf-info-color-Background: rgba(37, 87, 249, 0.3);
    --cf-info-color-Light: rgba(85, 151, 255, 1);
    --cf-info-color-Main: rgba(37, 87, 249, 1);
    --cf-info-color-Dark: rgba(20, 46, 185, 1);
    --cf-info-color-Contrast: rgba(255, 255, 255, 1);

    --cf-background-color-Default: rgba(19, 26, 31, 1);
    --cf-background-color-Nav: rgba(0, 28, 56, 1);
    --cf-background-color-Spotlight: rgba(217, 231, 255, 0.06);
    --cf-background-color-Tooltip: rgba(255, 255, 255, 1);

    --cf-color-gray-950: #2A3F4F;
    --cf-color-gray-900: #405260;
    --cf-color-gray-800: #5A6A76;
    --cf-color-gray-700: #72808A;
    --cf-color-gray-600: #8A969E;
    --cf-color-gray-500: #A2ABB2;
    --cf-color-gray-400: #BAC1C6;
    --cf-color-gray-300: #D2D6DA;
    --cf-color-gray-200: #EAECED;
    --cf-color-gray-100: #F5F6F6;
    --cf-color-gray-500: #FAFAFB;

    --ai-gradient-color-1: #f32170; 
    --ai-gradient-color-2: #ff6b08; 
    --ai-gradient-color-3: #cf23cf; 
    --ai-gradient-color-4: #b844ee; 
}

*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.cf-primary {
    background-color: var(--cf-background-color-Default) !important;
}

.cf-primary-text {
    color: var(--cf-typography-color-Primary) !important;
    --cf-ripple-color: var(--cf-background-color-Default) !important;
}

.cf-theme-primary {
    background-color: var(--cf-background-color-Default) !important;
    color: var(--cf-typography-color-Primary) !important;
}


article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}

#blazor-error-ui {
    background: var(--cf-background-color-Default);
    color: var(--cf-typography-color-Error);
    border-color: var(--cf-input-color-ErrorBorder);
    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;
}

.align-content {
    align-content: center;
}

.cut-text {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 250px;
    height: auto.2em;
    white-space: nowrap;
}

.blur-backdrop {
    backdrop-filter: blur(2.5px);
}

.highlighted-table-row {
    border: 2.5px solid red;
}

.highlighted-process-tree-node {
    border: 2.5px solid red !important;
}

/* For rendering the comments markdown */
.incident-comment-card h3 {
    margin-top: 10px;
}

.incident-comment-card ul {
    margin-top: 3px;
    margin-left: 20px;
}

.incident-comment-card ol {
    margin-top: 3px;
    margin-left: 20px;
}

.incident-comment-card p {
    margin-top: 5px;
}