/* /Layout/MainLayout.razor.rz.scp.css */
/* Shell fills the viewport and stacks: [CommandBar | Content] */
.app-shell[b-krflwhhcrz] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* The content area anchors absolute children (e.g., splash) */
.content[b-krflwhhcrz] {
    flex: 1 1 auto;
    position: relative; /* critical: lets splash fill this area */
    min-height: 0;
    overflow: hidden; /* pages manage their own scroll regions */
}
/* /Layout/NavBar.razor.rz.scp.css */
/* =========================================================
   Base navbar styling
   ========================================================= */

.navbaseStyle[b-200s6mzghw] {
    background-color: #660033;
}

/* =========================================================
   Hunter picker button (top-level dropdown button)
   ========================================================= */

.hunter-picker-btn[b-200s6mzghw] {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    padding: 6px 10px;
    border-radius: 6px;

    border: 1px solid rgba(0, 0, 0, 0.25);

    cursor: pointer;
    user-select: none;
}

.hunter-picker-text[b-200s6mzghw] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hunter-picker-caret[b-200s6mzghw] {
    opacity: 0.8;
}

/* Picker states */
/* ACTIVE BUTTON */
.hunter-picker-active[b-200s6mzghw] {
    background-color: #006400 !important;
    color: #ffd700 !important;
    border-color: #006400;
    font-weight: 600;
}

/* Ensure inner text follows */
.hunter-picker-active .hunter-picker-text[b-200s6mzghw] {
    color: #ffd700 !important;
}

/* Before selection: white bg, black text */
.hunter-picker-neutral[b-200s6mzghw] {
    background-color: white;
    color: black;
}

.hunter-picker-neutral .hunter-picker-text[b-200s6mzghw] {
    color: #000000;
}

/* Selected + reachable: DarkGreen bg + Gold text */
.hunter-picker-selected[b-200s6mzghw] {
    background-color: #006400; /* DarkGreen */
    color: #ffffff;
    border-color: #006400;
}

.hunter-picker-selected .hunter-picker-text[b-200s6mzghw] {
    color: #ffd700; /* Gold */
    font-weight: 700;
}

/* Selected server is dead: light gray bg + black text */
.hunter-picker-dead[b-200s6mzghw] {
    background-color: rgb(204, 204, 204);
    color: #000000;
    border-color: rgba(0, 0, 0, 0.25);
}

.hunter-picker-dead .hunter-picker-text[b-200s6mzghw] {
    color: #000000;
    font-weight: 700;
}

/* =========================================================
   Dropdown container & shield
   ========================================================= */

.hunter-menu-shield[b-200s6mzghw] {
    position: fixed;
    inset: 0;
    z-index: 1000;
}

.hunter-menu[b-200s6mzghw] {
    position: absolute;
    z-index: 1001;

    margin-top: 6px;
    width: 420px;

    background-color: #ffffff;
    color: #000000;

    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.25);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

/* =========================================================
   Dropdown header / footer
   ========================================================= */

.hunter-menu-header[b-200s6mzghw] {
    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: 8px 12px;
    font-weight: 600;

    background-color: #f3f3f3;
    border-bottom: 1px solid #cccccc;
}

.hunter-menu-footer[b-200s6mzghw] {
    padding: 6px 12px;
    font-size: 0.75rem;
    color: #666666;

    border-top: 1px solid #cccccc;
}

.hunter-menu-refresh[b-200s6mzghw] {
    background: none;
    border: none;
    font-size: 1rem;
    cursor: pointer;
}

/* =========================================================
   Dropdown body
   ========================================================= */

.hunter-menu-body[b-200s6mzghw] {
    max-height: 320px;
    overflow-y: auto;
}

.hunter-empty[b-200s6mzghw] {
    padding: 10px 12px;
    color: #666666;
}

/* =========================================================
   Server rows
   ========================================================= */

.hunter-row[b-200s6mzghw] {
    display: flex;
    align-items: center;
    gap: 10px;

    width: 100%;
    padding: 8px 12px;

    border: none;
    text-align: left;
}

/* Hover only for enabled rows */
.hunter-row:not(:disabled):hover[b-200s6mzghw] {
    filter: brightness(1.05);
    cursor: pointer;
}

/* Disabled rows should not look clickable */
.hunter-row:disabled[b-200s6mzghw] {
    cursor: not-allowed;
    opacity: 1; /* keep readable */
}

/* ---- Reachable (Available) ----
   DodgerBlue background with Bisque text
*/
.hunter-row-reachable[b-200s6mzghw] {
    background-color: #1e90ff; /* DodgerBlue */
}

.hunter-row-reachable .hunter-row-name[b-200s6mzghw] {
    color: #ffe4c4; /* Bisque */
    font-weight: 700;
}

.hunter-row-reachable .hunter-row-status[b-200s6mzghw] {
    color: #ffe4c4; /* Bisque */
    font-weight: 700;
}

/* ---- Unavailable ----
   Light gray background, black text
*/
.hunter-row-unreachable[b-200s6mzghw] {
    background-color: rgb(204, 204, 204);
}

.hunter-row-unreachable .hunter-row-name[b-200s6mzghw],
.hunter-row-unreachable .hunter-row-status[b-200s6mzghw] {
    color: #000000;
    font-weight: 700;
}

/* =========================================================
   Status dot
   ========================================================= */

.hunter-dot[b-200s6mzghw] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.hunter-dot-reachable[b-200s6mzghw] {
    background-color: #2ecc71; /* green */
}

.hunter-dot-unreachable[b-200s6mzghw] {
    background-color: #666666; /* dark gray dot */
}

/* =========================================================
   Row text
   ========================================================= */

.hunter-row-name[b-200s6mzghw] {
    flex-grow: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hunter-row-status[b-200s6mzghw] {
    font-size: 0.85rem;
    opacity: 0.95;
}

/* Group header inside the Hunter server dropdown (Production / Development) */
.hunter-group-header[b-200s6mzghw] {
    padding: 6px 14px 3px;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #a0a0b0;
    border-top: 1px solid rgba(255,255,255,0.08);
    margin-top: 4px;
}

.hunter-group-header:first-child[b-200s6mzghw] {
    border-top: none;
    margin-top: 0;
}

/* New Problem Case button — white background, stands out from the list */
.problem-case-new[b-200s6mzghw] {
    background: #ffffff !important;
    color: #1a1a2e !important;
    font-weight: 600;
    border-bottom: 1px solid rgba(0,0,0,0.08);
}

    .problem-case-new:hover[b-200s6mzghw] {
        background: #f0f0f0 !important;
    }

/* =========================================================
   Login controls
   ========================================================= */

.login-button[b-200s6mzghw] {
    min-width: 92px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    font-weight: 600;
    transition: transform 90ms ease, box-shadow 140ms ease, filter 140ms ease;
}

.login-button:not(:disabled):hover[b-200s6mzghw] {
    filter: brightness(1.08);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.22);
}

.login-button:not(:disabled):active[b-200s6mzghw] {
    transform: translateY(1px) scale(0.98);
    box-shadow: none;
}

.login-button-working[b-200s6mzghw],
.login-button-working:disabled[b-200s6mzghw] {
    opacity: 1;
    cursor: wait;
    filter: brightness(1.08);
}

.login-spinner[b-200s6mzghw] {
    width: 0.85rem;
    height: 0.85rem;
    border: 2px solid rgba(255, 255, 255, 0.45);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: login-spin-b-200s6mzghw 700ms linear infinite;
}

@keyframes login-spin-b-200s6mzghw {
    to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
    .login-button[b-200s6mzghw] {
        transition: none;
    }

    .login-spinner[b-200s6mzghw] {
        animation-duration: 1400ms;
    }
}
/* /Pages/ProblemCase.razor.rz.scp.css */
.pc-page-bg[b-98jt71btyr] {
    position: absolute;
    inset: 0;
    overflow: auto;
    background:
        linear-gradient(rgba(12, 18, 28, .30), rgba(12, 18, 28, .30)),
        url('/images/ProblemMessaging.jpg') center / cover fixed no-repeat;
    color: #111;
}

.pc-shell[b-98jt71btyr] {
    min-width: 1180px;
    padding: 14px 22px 36px;
}

.pc-page-header[b-98jt71btyr] {
    margin: 0 8px 10px;
    color: #fff;
    text-shadow: 0 1px 4px #000;
}

.pc-page-header h2[b-98jt71btyr] {
    margin: 2px 0 0;
    font-size: 1.75rem;
    font-weight: 800;
}

.pc-back[b-98jt71btyr] {
    border: 0;
    padding: 0;
    background: transparent;
    color: #fff;
    font-weight: 800;
    text-shadow: 0 1px 4px #000;
    cursor: pointer;
}

.pc-back:hover[b-98jt71btyr] {
    text-decoration: underline;
}

.pc-panel[b-98jt71btyr] {
    margin: 0 8px 16px;
    padding: 13px;
    border: 1px solid rgba(0, 0, 0, .30);
    border-radius: 7px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .25);
}

.pc-panel-heading[b-98jt71btyr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 9px;
}

.pc-panel-title[b-98jt71btyr] {
    font-size: 1.05rem;
    font-weight: 950;
    letter-spacing: .10em;
    text-transform: uppercase;
}

.pc-panel-subtitle[b-98jt71btyr] {
    margin-top: 3px;
    color: #444;
    font-size: .86rem;
    font-weight: 750;
}

.pc-results-readiness[b-98jt71btyr] {
    margin: -2px 0 9px;
    font-size: .82rem;
    font-weight: 850;
}

.pc-results-readiness-blocked[b-98jt71btyr] {
    color: #b00020;
}

.pc-results-readiness-ready[b-98jt71btyr] {
    color: #147326;
}

.pc-word-selected[b-98jt71btyr],
.pc-word-running[b-98jt71btyr] {
    display: inline-block;
    padding: 1px 5px;
    border-radius: 2px;
    font-size: .78rem;
    font-weight: 950;
    letter-spacing: .03em;
}

.pc-word-selected[b-98jt71btyr] {
    background: #fff0a3;
}

.pc-word-running[b-98jt71btyr] {
    background: #c9efd0;
}

.pc-feedback[b-98jt71btyr] {
    margin: -1px 0 8px;
    padding: 5px 8px;
    border-left: 4px solid #6b0038;
    background: #f6f1f4;
    color: #272727;
    font-size: .82rem;
    font-weight: 800;
}

.pc-case-table-viewport[b-98jt71btyr],
.pc-message-table-viewport[b-98jt71btyr] {
    overflow: auto;
    border: 1px solid #8d8d8d;
    background: #fff;
}

.pc-list-height[b-98jt71btyr] {
    max-height: 480px;
}

.pc-focus-height[b-98jt71btyr] {
    max-height: 126px;
}

.pc-message-table-viewport[b-98jt71btyr] {
    max-height: 470px;
}

.pc-table[b-98jt71btyr] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.pc-table th[b-98jt71btyr],
.pc-table td[b-98jt71btyr] {
    border: 1px solid #b6b6b6;
    padding: 6px 8px;
    vertical-align: middle;
}

.pc-table thead th[b-98jt71btyr] {
    position: sticky;
    top: 0;
    z-index: 8;
    background: #f0f0f0;
    color: #111;
    font-size: .82rem;
    font-weight: 950;
    letter-spacing: .05em;
    text-transform: uppercase;
    box-shadow: 0 1px 0 #8c8c8c;
}

.pc-case-id-col[b-98jt71btyr] {
    width: 64px;
}

.pc-case-title-col[b-98jt71btyr] {
    width: 25%;
}

.pc-case-description-col[b-98jt71btyr] {
    width: auto;
}

.pc-case-actions-col[b-98jt71btyr] {
    width: 335px;
}

.pc-case-row[b-98jt71btyr] {
    height: 55px;
    cursor: pointer;
    transition: background .12s ease, outline .12s ease;
}

.pc-case-row:hover[b-98jt71btyr] {
    outline: 2px solid rgba(0, 0, 0, .30);
    outline-offset: -2px;
}

.pc-row-new[b-98jt71btyr] {
    cursor: default;
}

.pc-row-new-idle[b-98jt71btyr] {
    background: #fff;
}

.pc-row-new-editing[b-98jt71btyr] {
    background: #edf4ff;
}

.pc-row-new:hover[b-98jt71btyr] {
    outline: none;
}

.pc-row-selected[b-98jt71btyr] {
    background: #fff1a3;
}

.pc-row-running[b-98jt71btyr] {
    background: #c9efd0;
}

.pc-row-running-selected[b-98jt71btyr] {
    background: #c9efd0;
    outline: 4px solid #d3a900;
    outline-offset: -4px;
}

.pc-row-running-selected:hover[b-98jt71btyr] {
    outline: 4px solid #d3a900;
    outline-offset: -4px;
}

.pc-id-cell[b-98jt71btyr] {
    text-align: center;
    font-weight: 950;
}

.pc-case-title-wrap[b-98jt71btyr] {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

.pc-case-text[b-98jt71btyr],
.pc-case-description[b-98jt71btyr] {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pc-case-text[b-98jt71btyr] {
    min-width: 0;
    font-weight: 850;
}

.pc-case-description[b-98jt71btyr] {
    line-height: 1.2rem;
}

.pc-running-label[b-98jt71btyr] {
    flex: 0 0 auto;
    padding: 2px 6px;
    border-radius: 2px;
    background: #167229;
    color: #fff;
    font-size: .64rem;
    font-weight: 950;
    letter-spacing: .04em;
}

.pc-inline-title[b-98jt71btyr],
.pc-inline-description[b-98jt71btyr] {
    width: 100%;
    min-height: 34px;
    border: 2px solid #927500;
    border-radius: 4px;
    padding: 5px 8px;
    background: #fffef4;
    color: #111;
    font-weight: 750;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pc-actions-cell[b-98jt71btyr] {
    text-align: center;
    white-space: nowrap;
}

.pc-row-command[b-98jt71btyr],
.pc-small-command[b-98jt71btyr] {
    border: 1px solid rgba(0, 0, 0, .38);
    border-radius: 5px;
    font-weight: 900;
    cursor: pointer;
}

.pc-row-command[b-98jt71btyr] {
    min-width: 72px;
    margin: 2px;
    padding: 6px 9px;
    font-size: .79rem;
}

.pc-row-save[b-98jt71btyr],
.pc-small-add[b-98jt71btyr] {
    background: #176d22;
    color: #fff4a4;
}

.pc-row-cancel[b-98jt71btyr],
.pc-small-clear[b-98jt71btyr] {
    background: #f4f4f4;
    color: #222;
}

.pc-results-command[b-98jt71btyr],
.pc-edit-case-command[b-98jt71btyr],
.pc-new-case-command[b-98jt71btyr] {
    background: #176d22;
    color: #fff06b;
}

.pc-results-command:disabled[b-98jt71btyr] {
    background: #d6d6d6;
    color: #555;
}

.pc-row-command:disabled[b-98jt71btyr],
.pc-small-command:disabled[b-98jt71btyr],
.pc-icon-button:disabled[b-98jt71btyr],
.pc-picker-button:disabled[b-98jt71btyr],
.pc-message-mask:disabled[b-98jt71btyr] {
    cursor: not-allowed;
    opacity: .46;
}

.pc-icon-button[b-98jt71btyr] {
    width: 44px;
    height: 44px;
    margin: 2px 3px;
    border: 1px solid rgba(0, 0, 0, .42);
    border-radius: 50%;
    padding: 9px;
    background: #fff;
    color: #111;
    cursor: pointer;
    vertical-align: middle;
}

.pc-icon-button svg[b-98jt71btyr] {
    display: block;
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.25;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.pc-icon-run svg[b-98jt71btyr],
.pc-icon-stop svg[b-98jt71btyr] {
    fill: currentColor;
    stroke: currentColor;
}

.pc-icon-button:hover:not(:disabled)[b-98jt71btyr] {
    transform: translateY(-1px) scale(1.03);
    box-shadow: 0 3px 7px rgba(0, 0, 0, .30);
}

.pc-icon-edit[b-98jt71btyr] {
    background: #fff0a3;
    color: #5f4a00;
}

.pc-icon-messages[b-98jt71btyr] {
    background: #dcecff;
    color: #0b477b;
}

.pc-icon-messages-empty[b-98jt71btyr] {
    background: #ffd84c;
    color: #3f3100;
    animation: pc-attention-pulse-b-98jt71btyr .75s ease-in-out 3;
}

.pc-icon-run[b-98jt71btyr] {
    background: #c9efd0;
    color: #075e16;
}

.pc-icon-stop[b-98jt71btyr] {
    background: #ffe0a8;
    color: #822c00;
}

.pc-icon-delete[b-98jt71btyr] {
    background: #f8d4d4;
    color: #8a0000;
}

.pc-icon-back-list[b-98jt71btyr] {
    background: #e5e5e5;
    color: #222;
}

.pc-message-heading[b-98jt71btyr] {
    margin-bottom: 7px;
}

.pc-case-caption[b-98jt71btyr] {
    max-width: 780px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #5f0040;
    font-weight: 900;
}

.pc-message-guidance[b-98jt71btyr] {
    margin-bottom: 8px;
    padding: 8px 12px;
    border-radius: 5px;
    font-size: .88rem;
    font-weight: 950;
}

.pc-guidance-next[b-98jt71btyr] {
    border: 2px solid #c49900;
    background: #fff06b;
    color: #2d2400;
}

.pc-guidance-ready[b-98jt71btyr] {
    border: 2px solid #146620;
    background: #c9efd0;
    color: #064611;
}

.pc-guidance-readonly[b-98jt71btyr] {
    border: 2px solid #9a5b00;
    background: #ffe1a9;
    color: #512f00;
}

.pc-message-source-col[b-98jt71btyr] {
    width: 135px;
}

.pc-message-project-col[b-98jt71btyr] {
    width: 175px;
}

.pc-message-function-col[b-98jt71btyr] {
    width: 205px;
}

.pc-message-name-col[b-98jt71btyr] {
    width: auto;
}

.pc-message-mask-col[b-98jt71btyr] {
    width: 43px;
}

.pc-message-actions-col[b-98jt71btyr] {
    width: 170px;
}

.pc-message-row:nth-child(even)[b-98jt71btyr] {
    background: #fafafa;
}

.pc-text-cell[b-98jt71btyr] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 700;
}

.pc-mask-heading[b-98jt71btyr] {
    height: 96px;
    padding: 4px 2px !important;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-align: center;
    vertical-align: middle;
}

.pc-mask-cell[b-98jt71btyr] {
    padding: 4px !important;
    text-align: center;
}

.pc-message-mask[b-98jt71btyr] {
    width: 28px;
    height: 28px;
    border: 1px solid #333;
    border-radius: 3px;
    padding: 0;
    font-size: .78rem;
    font-weight: 950;
    cursor: pointer;
}

.pc-message-mask.pc-mask-supported[b-98jt71btyr] {
    background: #fff;
    color: #111;
}

.pc-message-mask.pc-mask-unsupported[b-98jt71btyr],
.pc-message-mask.pc-mask-unsupported:disabled[b-98jt71btyr] {
    background: #d7d7d7;
    color: transparent;
    opacity: 1;
    cursor: not-allowed;
}

.pc-message-mask.pc-mask-selected[b-98jt71btyr] {
    background: #fff06b;
    color: #111;
    outline: 2px solid #111;
    outline-offset: -2px;
}

.pc-message-actions-cell[b-98jt71btyr] {
    text-align: center;
}

.pc-message-delete[b-98jt71btyr] {
    width: 38px;
    height: 38px;
    padding: 8px;
}


.pc-message-row-editing[b-98jt71btyr] {
    background: #fffbea;
}

.pc-inline-select[b-98jt71btyr] {
    width: 100%;
    min-width: 0;
    height: 34px;
    padding: 4px 24px 4px 7px;
    border: 1px solid #8b8b8b;
    border-radius: 5px;
    background: #fff;
    color: #111;
    font: inherit;
    font-weight: 600;
}

.pc-message-edit[b-98jt71btyr],
.pc-message-edit-save[b-98jt71btyr],
.pc-message-edit-cancel[b-98jt71btyr] {
    width: 38px;
    height: 38px;
    padding: 8px;
}

.pc-message-edit-save[b-98jt71btyr] {
    background: #c9efd0;
    color: #075e16;
}

.pc-message-edit-cancel[b-98jt71btyr] {
    background: #eeeeee;
    color: #333;
}

.pc-message-actions-cell .pc-icon-button + .pc-icon-button[b-98jt71btyr] {
    margin-left: 6px;
}

.pc-add-row[b-98jt71btyr] {
    background: #edf4ff;
}

.pc-add-row td[b-98jt71btyr] {
    overflow: visible;
}

.pc-add-actions[b-98jt71btyr] {
    text-align: center;
    white-space: nowrap;
}

.pc-small-command[b-98jt71btyr] {
    min-width: 58px;
    margin: 2px;
    padding: 6px 8px;
    font-size: .74rem;
}

.pc-message-command-row[b-98jt71btyr] {
    position: sticky;
    bottom: 0;
    z-index: 7;
    background: #f2f2f2;
}

.pc-message-command-text[b-98jt71btyr] {
    color: #444;
    font-size: .80rem;
    font-weight: 850;
    text-align: right;
}

.pc-message-save-actions[b-98jt71btyr] {
    padding-left: 2px !important;
    padding-right: 2px !important;
    text-align: center;
    white-space: nowrap;
}

.pc-message-save-actions .pc-row-command[b-98jt71btyr] {
    min-width: 0;
    margin-left: 1px;
    margin-right: 1px;
    padding-left: 8px;
    padding-right: 8px;
}

.pc-message-help[b-98jt71btyr] {
    margin-top: 7px;
    color: #3f3f3f;
    font-size: .82rem;
    font-weight: 850;
}

.pc-empty[b-98jt71btyr] {
    padding: 17px !important;
    color: #555;
    text-align: center;
    font-weight: 800;
}

[b-98jt71btyr] .pc-picker {
    position: relative;
    width: 100%;
}

[b-98jt71btyr] .pc-picker-button {
    position: relative;
    width: 100%;
    min-height: 35px;
    border: 1px solid #616161;
    border-radius: 4px;
    padding: 5px 24px 5px 7px;
    background: #fff;
    color: #111;
    font-size: .78rem;
    font-weight: 850;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}


[b-98jt71btyr] .pc-picker-button:disabled {
    background: #e7e7e7 !important;
    color: #8a8a8a !important;
    border-color: #b8b8b8 !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
    opacity: 1;
}

[b-98jt71btyr] .pc-picker-button:disabled::after {
    border-top-color: #9a9a9a;
}

[b-98jt71btyr] .pc-picker-button::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 9px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid currentColor;
    transform: translateY(-35%);
    pointer-events: none;
}

[b-98jt71btyr] .pc-picker-menu {
    position: absolute;
    left: 0;
    top: calc(100% + 4px);
    z-index: 31;
    width: max(100%, 230px);
    max-height: min(270px, calc(100vh - 180px));
    overflow-y: auto;
    border: 2px solid #303030;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .35);
}

/* Function names are engineer-facing identifiers and must be fully readable.
   Keep the general picker compact, but allow the Function menu to expand. */
[b-98jt71btyr] .pc-picker-menu-function {
    width: max(100%, 440px);
    max-width: min(720px, calc(100vw - 48px));
}

[b-98jt71btyr] .pc-picker-option {
    display: block;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #ddd;
    padding: 8px 9px;
    background: #fff;
    color: #111;
    font-size: .78rem;
    font-weight: 780;
    text-align: left;
    cursor: pointer;
}

[b-98jt71btyr] .pc-picker-option:hover {
    background: #fff0a3;
}

[b-98jt71btyr] .pc-picker-empty {
    padding: 10px;
    color: #666;
    font-size: .78rem;
    font-weight: 800;
    text-align: center;
}

.pc-picker-shield[b-98jt71btyr] {
    position: fixed;
    inset: 0;
    z-index: 20;
    background: transparent;
}

[b-98jt71btyr] .pc-step-attention {
    border: 3px solid #d09000 !important;
    background: #fff25f !important;
    color: #241c00 !important;
    box-shadow: 0 0 0 3px rgba(255, 214, 0, .22);
}

[b-98jt71btyr] .pc-step-pulsing {
    animation: pc-attention-pulse-b-98jt71btyr .80s ease-in-out infinite;
}

.pc-step-attention-cell[b-98jt71btyr] {
    background: #fff4a3;
}

@keyframes pc-attention-pulse-b-98jt71btyr {
    0%, 100% {
        box-shadow:
            0 0 0 3px rgba(255, 214, 0, .24),
            0 0 8px rgba(255, 196, 0, .30);
        filter: brightness(1);
    }

    50% {
        box-shadow:
            0 0 0 9px rgba(255, 196, 0, .52),
            0 0 20px rgba(255, 176, 0, .68);
        filter: brightness(1.13);
    }
}

@media (prefers-reduced-motion: reduce) {
    [b-98jt71btyr] .pc-step-pulsing {
        animation: none;
    }
}

.trace[b-98jt71btyr] {
    background: #f8ec24;
    color: #111;
}

.info[b-98jt71btyr] {
    background: #fff57a;
    color: #111;
}

.warning[b-98jt71btyr] {
    background: #d9d9d9;
    color: #111;
}

.error[b-98jt71btyr] {
    background: #8dd7ff;
    color: #111;
}

.danger[b-98jt71btyr] {
    background: #f0b33c;
    color: #111;
}

.exception[b-98jt71btyr] {
    background: #a35c2d;
    color: #111;
}

.important[b-98jt71btyr] {
    background: #9b59b6;
    color: #111;
}


/* Successful-save completion guidance: keep Close green with yellow text. */
.pc-close-command[b-98jt71btyr] {
    background: #176d22 !important;
    color: #fff25f !important;
    border-color: #0d4f17 !important;
}

.pc-close-pulsing[b-98jt71btyr] {
    animation: pc-close-attention-pulse-b-98jt71btyr .80s ease-in-out infinite !important;
    transform-origin: center;
}

@keyframes pc-close-attention-pulse-b-98jt71btyr {
    0%, 100% {
        box-shadow:
            0 0 0 2px rgba(255, 214, 0, .32),
            0 0 8px rgba(23, 109, 34, .35);
        filter: brightness(1);
        transform: scale(1);
        outline: 0 solid rgba(255, 214, 0, 0);
    }

    50% {
        box-shadow:
            0 0 0 9px rgba(255, 214, 0, .78),
            0 0 28px rgba(255, 196, 0, .72);
        filter: brightness(1.24);
        transform: scale(1.08);
        outline: 3px solid #ffd600;
        outline-offset: 2px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pc-close-pulsing[b-98jt71btyr] {
        animation: none;
    }
}

/* Results mode: keep the page heading and selected case visible;
   only the results viewport scrolls. */
.pc-page-bg.pc-page-results-mode[b-98jt71btyr] {
    overflow: hidden;
}

.pc-shell.pc-shell-results-mode[b-98jt71btyr] {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    padding-bottom: 14px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.pc-shell-results-mode .pc-page-header[b-98jt71btyr],
.pc-shell-results-mode .pc-cases-panel[b-98jt71btyr] {
    flex: 0 0 auto;
}

.pc-results-panel[b-98jt71btyr] {
    flex: 1 1 auto;
    min-height: 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.pc-results-panel .pc-panel-heading[b-98jt71btyr] {
    flex: 0 0 auto;
}

.pc-results-heading[b-98jt71btyr] {
    align-items: flex-start;
    min-height: 96px;
}

.pc-results-heading-main[b-98jt71btyr] {
    flex: 0 1 42%;
    min-width: 280px;
}

.pc-results-status-area[b-98jt71btyr] {
    flex: 1 1 auto;
    min-width: 520px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 18px;
    padding: 1px 4px 2px;
    text-align: center;
    font-size: .84rem;
    font-weight: 800;
    line-height: 1.28rem;
}

.pc-results-status-lines[b-98jt71btyr],
.pc-results-confirmation[b-98jt71btyr] {
    min-width: 290px;
}

.pc-results-status-primary[b-98jt71btyr] {
    color: #5f0040;
    font-weight: 950;
}

.pc-results-confirm-question[b-98jt71btyr] {
    margin-bottom: 3px;
    color: #7b003f;
    font-size: 1.05rem;
    font-weight: 1000;
    line-height: 1.3rem;
}

.pc-results-confirm-actions[b-98jt71btyr] {
    margin-top: 5px;
    white-space: nowrap;
}

.pc-clear-results-command[b-98jt71btyr] {
    background: #176d22;
    color: #fff25f;
    border-color: #0d4f17;
    align-self: center;
}

.pc-clear-results-pulsing[b-98jt71btyr] {
    animation: pc-clear-results-attention-pulse-b-98jt71btyr .80s ease-in-out infinite;
    transform-origin: center;
}

@keyframes pc-clear-results-attention-pulse-b-98jt71btyr {
    0%, 100% {
        box-shadow:
            0 0 0 2px rgba(255, 214, 0, .32),
            0 0 8px rgba(23, 109, 34, .35);
        filter: brightness(1);
        transform: scale(1);
        outline: 0 solid rgba(255, 214, 0, 0);
    }

    50% {
        box-shadow:
            0 0 0 9px rgba(255, 214, 0, .78),
            0 0 28px rgba(255, 196, 0, .72);
        filter: brightness(1.24);
        transform: scale(1.08);
        outline: 3px solid #ffd600;
        outline-offset: 2px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pc-clear-results-pulsing[b-98jt71btyr] {
        animation: none;
    }
}

.pc-results-viewport[b-98jt71btyr] {
    flex: 1 1 0;
    min-width: 0;
    min-height: 0;
    height: 0;
    max-height: none;
    overflow-x: auto;
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 1px solid #8d8d8d;
    background: #fff;
}

.pc-results-message[b-98jt71btyr] {
    padding: 24px;
    color: #555;
    font-size: .92rem;
    font-weight: 750;
}

.pc-results-error[b-98jt71btyr] {
    color: #b00020;
}

.pc-results-table[b-98jt71btyr] {
    width: 100%;
    min-width: 1350px;
    table-layout: auto;
}

.pc-results-table th[b-98jt71btyr] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #ededed;
    white-space: nowrap;
}

.pc-results-table td[b-98jt71btyr] {
    vertical-align: top;
}

.pc-result-time[b-98jt71btyr] {
    min-width: 138px;
    white-space: nowrap;
    font-size: .82rem;
}

.pc-result-type[b-98jt71btyr] {
    min-width: 82px;
    font-weight: 850;
    white-space: nowrap;
}

.pc-result-data[b-98jt71btyr] {
    min-width: 340px;
    max-width: 700px;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    font-family: Consolas, "Courier New", monospace;
    font-size: .82rem;
}

/* Problem Case Messages mode: keep the page heading and selected case visible;
   only the messages table viewport scrolls. */
.pc-page-bg.pc-page-messages-mode[b-98jt71btyr] {
    overflow: hidden;
}

.pc-shell.pc-shell-messages-mode[b-98jt71btyr] {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-width: 1180px;
    min-height: 0;
    padding-bottom: 14px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.pc-shell-messages-mode .pc-page-header[b-98jt71btyr],
.pc-shell-messages-mode .pc-cases-panel[b-98jt71btyr] {
    flex: 0 0 auto;
}

.pc-messages-panel[b-98jt71btyr] {
    flex: 1 1 auto;
    min-height: 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.pc-messages-panel .pc-panel-heading[b-98jt71btyr],
.pc-messages-panel .pc-message-guidance[b-98jt71btyr],
.pc-messages-panel .pc-message-help[b-98jt71btyr] {
    flex: 0 0 auto;
}

.pc-messages-panel .pc-message-table-viewport[b-98jt71btyr] {
    flex: 1 1 0;
    min-width: 0;
    min-height: 0;
    height: 0;
    max-height: none;
    overflow-x: auto;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.pc-message-table[b-98jt71btyr] {
    min-width: 1180px;
}
/* -------------------------------------------------------------------------
   Compact Problem Messaging layout — 2026-07-20
   Reclaims vertical space without shrinking the engineer-facing message text.
   ------------------------------------------------------------------------- */

.pc-page-header-compact[b-98jt71btyr] {
    display: flex;
    align-items: baseline;
    gap: 22px;
    margin-bottom: 6px;
}

.pc-page-header-compact h2[b-98jt71btyr] {
    margin: 0;
    font-size: 1.38rem;
    line-height: 1.15;
}

.pc-page-header-compact .pc-back[b-98jt71btyr] {
    flex: 0 0 auto;
    font-size: .92rem;
}

.pc-cases-heading-compact[b-98jt71btyr] {
    align-items: flex-end;
    margin-bottom: 6px;
}

.pc-cases-heading-copy[b-98jt71btyr] {
    min-width: 0;
}

.pc-cases-heading-compact .pc-panel-title[b-98jt71btyr] {
    margin-bottom: 1px;
}

.pc-cases-heading-compact .pc-panel-subtitle[b-98jt71btyr] {
    margin-top: 0;
    line-height: 1.2;
}

.pc-cases-heading-compact .pc-results-readiness[b-98jt71btyr] {
    flex: 1 1 auto;
    margin: 0 0 1px;
    text-align: right;
    line-height: 1.2;
}

.pc-message-heading-compact[b-98jt71btyr] {
    margin-bottom: 5px;
}

.pc-message-heading-line[b-98jt71btyr] {
    display: flex;
    align-items: baseline;
    min-width: 0;
    gap: 8px;
}

.pc-message-heading-line .pc-panel-title[b-98jt71btyr] {
    flex: 0 0 auto;
}

.pc-message-heading-line .pc-case-caption[b-98jt71btyr] {
    min-width: 0;
    max-width: none;
    margin: 0;
    font-size: .92rem;
    line-height: 1.15;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pc-messages-panel[b-98jt71btyr] {
    padding-top: 10px;
    padding-bottom: 9px;
}

.pc-message-table th[b-98jt71btyr],
.pc-message-table td[b-98jt71btyr] {
    padding-top: 3px;
    padding-bottom: 3px;
}

.pc-message-table thead th[b-98jt71btyr] {
    font-size: .76rem;
    line-height: 1.05;
}

.pc-mask-heading[b-98jt71btyr] {
    height: 76px;
    padding: 2px 1px !important;
    font-size: .70rem !important;
    letter-spacing: .025em !important;
}

.pc-message-mask-col[b-98jt71btyr] {
    width: 38px;
}

.pc-message-actions-col[b-98jt71btyr] {
    width: 142px;
}

.pc-mask-cell[b-98jt71btyr] {
    padding: 2px !important;
}

.pc-message-mask[b-98jt71btyr] {
    width: 24px;
    height: 24px;
    font-size: .70rem;
}

.pc-message-actions-cell[b-98jt71btyr] {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    white-space: nowrap;
}

.pc-message-actions-cell .pc-icon-button[b-98jt71btyr] {
    width: 31px;
    height: 31px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 6px;
}

.pc-message-actions-cell .pc-icon-button + .pc-icon-button[b-98jt71btyr] {
    margin-left: 3px;
}

.pc-message-row[b-98jt71btyr] {
    height: 36px;
}

.pc-message-row .pc-text-cell[b-98jt71btyr] {
    font-size: .82rem;
    line-height: 1.08;
}

.pc-message-row .pc-inline-select[b-98jt71btyr] {
    height: 29px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: .78rem;
}

.pc-message-command-row td[b-98jt71btyr] {
    padding-top: 3px;
    padding-bottom: 3px;
}

.pc-message-guidance[b-98jt71btyr] {
    margin-bottom: 5px;
    padding: 5px 9px;
    font-size: .80rem;
    line-height: 1.2;
}

.pc-message-help[b-98jt71btyr] {
    margin-top: 4px;
    font-size: .77rem;
    line-height: 1.2;
}

.pc-shell-messages-mode .pc-cases-panel[b-98jt71btyr] {
    padding-top: 9px;
    padding-bottom: 9px;
    margin-bottom: 9px;
}

.pc-shell-messages-mode .pc-focus-height[b-98jt71btyr] {
    max-height: 112px;
}

@media (max-width: 1300px) {
    .pc-cases-heading-compact[b-98jt71btyr] {
        align-items: flex-start;
    }

    .pc-cases-heading-compact .pc-results-readiness[b-98jt71btyr] {
        max-width: 46%;
    }
}
/* /Pages/SplashPage.razor.rz.scp.css */
/* Pinned background inside the page content (not the whole window) */
.splash-root[b-d3qe6ys525] {
    position: absolute;     /* anchored by .content { position: relative } */
    inset: 0;
    z-index: 0;
    background: url('/images/ObserverSplash.jpg') center / cover no-repeat;
}

/* Non-interactive overlay (optional) */
.splash-overlay[b-d3qe6ys525] {
    position: absolute; inset: 0;
}

/* Only this region scrolls; the page itself never scrolls */
.table-viewport[b-d3qe6ys525] {
    position: absolute;
    left: 16px; right: 16px; top: 16px; bottom: 16px;
    overflow: auto;
    background: rgba(255,255,255,.85);
    border-radius: 8px;
}

/* Table hygiene */
.obs-table[b-d3qe6ys525] { width: 100%; border-collapse: collapse; table-layout: fixed; }
.obs-table th[b-d3qe6ys525], .obs-table td[b-d3qe6ys525] {
    padding: 8px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.nav-btn[b-d3qe6ys525] {
    background-color: gray;
    color: black;
    border: 1px solid #ccc;
    margin-right: 4px;
}

.nav-btn.active[b-d3qe6ys525] {
    background-color: yellow; 
    color: black;
}