@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;

    /* The --cf-typography-color-*, --cf-layer-color-*, --cf-spacing-*, --cf-input-color-*,
       --cf-info-color-*, --cf-background-color-* and --cf-color-gray-* families lived here
       as static fallbacks for the V1 CFThemeProvider, which overrode them per theme at
       runtime. Both went in PLAT-3296; the surviving consumers read Apex tokens now. */

    --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);
}

/* Apex styles `.cf-v2`, not the document. Overlays mount outside that subtree —
   CFDialogProvider puts its backdrop at the layout root — so dialog text, chip
   labels and currentColor spinners inherit from `body` and need it themed here.
   The tokens are theme-aware, so this follows default / light / dark. */
body {
    font-family: var(--cf-font-sans);
    color: var(--cf-text-primary);
    background-color: var(--cf-bg-default);
}

/* .cf-primary / .cf-primary-text / .cf-theme-primary were declared here and applied
   nowhere; removed with the V1 token vocabulary in PLAT-3296. */

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

#blazor-error-ui {
    background: var(--cf-bg-default);
    color: var(--cf-text-error);
    border-color: var(--cf-status-error);
    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;
}