/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-s5o9j6n6cr],
.components-reconnect-repeated-attempt-visible[b-s5o9j6n6cr],
.components-reconnect-failed-visible[b-s5o9j6n6cr],
.components-pause-visible[b-s5o9j6n6cr],
.components-resume-failed-visible[b-s5o9j6n6cr],
.components-rejoining-animation[b-s5o9j6n6cr] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-s5o9j6n6cr],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-s5o9j6n6cr],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-s5o9j6n6cr],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-s5o9j6n6cr],
#components-reconnect-modal.components-reconnect-retrying[b-s5o9j6n6cr],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-s5o9j6n6cr],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-s5o9j6n6cr],
#components-reconnect-modal.components-reconnect-failed[b-s5o9j6n6cr],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-s5o9j6n6cr] {
    display: block;
}

#components-reconnect-modal.components-reconnect-failed .components-reconnect-actions[b-s5o9j6n6cr] {
    display: flex;
}

/* Blazor keeps the "show" class while retrying; without this both messages stack up. */
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-first-attempt-visible[b-s5o9j6n6cr] {
    display: none;
}

/* MudBlazor.min.css styles this dialog too, with !important (grey ground, 40px button margins). */
#components-reconnect-modal[b-s5o9j6n6cr] {
    background-color: #fff !important;
    color: #1F2933;
    width: min(22rem, calc(100vw - 2rem));
    margin: 20vh auto;
    padding: 2rem 1.5rem 1.5rem;
    border: 0;
    border-top: 4px solid var(--isy-green);
    border-radius: 10px;
    box-shadow: 0 12px 32px rgba(23, 30, 48, 0.18);
    font: inherit;
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-s5o9j6n6cr 0.5s both;
}

/* Opacity is set here, not only by the animation: app.css turns animations off for reduced motion,
   and the dialog would then stay invisible. */
#components-reconnect-modal[open][b-s5o9j6n6cr] {
    opacity: 1;
    animation: components-reconnect-modal-slideUp-b-s5o9j6n6cr 0.6s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-s5o9j6n6cr 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

/* showModal() focuses the dialog itself; the global focus ring would frame the whole card. */
#components-reconnect-modal:focus-visible[b-s5o9j6n6cr] {
    outline: none;
}

#components-reconnect-modal[b-s5o9j6n6cr]::backdrop {
    background-color: rgba(23, 30, 48, 0.45);
    animation: components-reconnect-modal-fadeInOpacity-b-s5o9j6n6cr 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-s5o9j6n6cr {
    0% { transform: translateY(30px) scale(0.95); }
    100% { transform: translateY(0); }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-s5o9j6n6cr {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-s5o9j6n6cr {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

.components-reconnect-container[b-s5o9j6n6cr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-s5o9j6n6cr] {
    margin: 0;
    text-align: center;
    line-height: 1.7;
    color: #52606D;
}

    #components-reconnect-modal p b[b-s5o9j6n6cr] {
        color: #1F2933;
        font-weight: 600;
    }

.components-reconnect-actions[b-s5o9j6n6cr] {
    gap: 0.5rem;
    justify-content: center;
}

#components-reconnect-modal button[b-s5o9j6n6cr] {
    font: inherit;
    font-weight: 500;
    cursor: pointer;
    border: 1px solid #CBD2D9;
    background-color: #fff;
    color: #1F2933;
    padding: 0.5rem 1.25rem;
    border-radius: 6px;
    margin: 0 !important;
    text-transform: none;
    letter-spacing: 0;
}

    #components-reconnect-modal button:hover[b-s5o9j6n6cr] {
        background-color: var(--isy-ground);
    }

    #components-reconnect-modal button.components-reconnect-primary[b-s5o9j6n6cr] {
        border-color: var(--isy-green);
        background-color: var(--isy-green);
        color: #fff;
    }

        #components-reconnect-modal button.components-reconnect-primary:hover[b-s5o9j6n6cr] {
            background-color: var(--isy-green-deep);
        }

    #components-reconnect-modal button:focus-visible[b-s5o9j6n6cr] {
        outline: 2px solid var(--isy-green);
        outline-offset: 2px;
    }

.components-rejoining-animation[b-s5o9j6n6cr] {
    position: relative;
    width: 64px;
    height: 64px;
}

    .components-rejoining-animation div[b-s5o9j6n6cr] {
        position: absolute;
        border: 3px solid var(--isy-green);
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-s5o9j6n6cr 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-s5o9j6n6cr] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-s5o9j6n6cr {
    0%, 4.9% { top: 32px; left: 32px; width: 0; height: 0; opacity: 0; }
    5% { top: 32px; left: 32px; width: 0; height: 0; opacity: 1; }
    100% { top: 0; left: 0; width: 64px; height: 64px; opacity: 0; }
}

/* app.css stops every animation here; draw a still ring instead of the frozen first frame. */
@media (prefers-reduced-motion: reduce) {
    .components-rejoining-animation div[b-s5o9j6n6cr] { top: 0; left: 0; width: 64px; height: 64px; opacity: 0.5; }
}
/* /Components/Shared/AiText.razor.rz.scp.css */
/* The button sits inside the field's bottom end corner: left in Arabic, right in English. */
.ai-text[b-3zs7satg0f] {
    position: relative;
}

.ai-text-button[b-3zs7satg0f] {
    position: absolute;
    inset-inline-end: 6px;
    bottom: 6px;
    z-index: 1;
}
/* /Components/Shared/AssistantPanel.razor.rz.scp.css */
/* The assistant sits at the inline end of the page — bottom-left in Arabic, bottom-right in English — above the content
   and below MudBlazor's dialogs (1400) and popovers. Brand colours come from app.css's :root, nowhere else: green as a
   fill only on the send button and the avatar, #0A6647 for green text, tint for the person's own messages. */
.isy-assist__fab[b-eiu8otftnx] {
    position: fixed;
    bottom: 20px;
    inset-inline-end: 20px;
    z-index: 1300;
}

/* A click outside closes the panel. Faint, so the page stays readable behind it. */
.isy-assist__backdrop[b-eiu8otftnx] {
    position: fixed;
    inset: 0;
    z-index: 1299;
    background: rgba(23, 30, 48, .10);
    animation: isy-assist-fade-b-eiu8otftnx .15s ease-out;
}

.isy-assist[b-eiu8otftnx] {
    position: fixed;
    bottom: 20px;
    inset-inline-end: 20px;
    z-index: 1300;
    width: min(440px, calc(100vw - 32px));
    height: min(680px, calc(100vh - 96px));
    display: flex;
    flex-direction: column;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    box-shadow: 0 16px 40px rgba(23, 30, 48, .22);
    overflow: hidden;
    animation: isy-assist-rise-b-eiu8otftnx .18s ease-out;
}

@keyframes isy-assist-rise-b-eiu8otftnx { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@keyframes isy-assist-fade-b-eiu8otftnx { from { opacity: 0; } to { opacity: 1; } }

/* ---- header ---- */
.isy-assist__head[b-eiu8otftnx] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-block: 10px;
    padding-inline: 14px 8px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-surface);
}

.isy-assist__title[b-eiu8otftnx] { display: flex; flex-direction: column; line-height: 1.25; }
.isy-assist__title b[b-eiu8otftnx] { color: var(--isy-green-deep); font-size: .98rem; }
.isy-assist__title small[b-eiu8otftnx] { color: var(--mud-palette-text-secondary); font-size: .76rem; }

.isy-assist__avatar[b-eiu8otftnx] {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--isy-green);
    color: #fff;
}

.isy-assist__avatar--small[b-eiu8otftnx] { width: 26px; height: 26px; margin-top: 2px; }
.isy-assist__avatar--small[b-eiu8otftnx]  .mud-icon-root { font-size: 15px; }
.isy-assist__avatar--big[b-eiu8otftnx] { width: 52px; height: 52px; }
.isy-assist__avatar--big[b-eiu8otftnx]  .mud-icon-root { font-size: 28px; }

/* ---- conversation ---- */
.isy-assist__body[b-eiu8otftnx] {
    flex: 1;
    overflow-y: auto;
    padding: 16px 14px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: var(--isy-ground);
    scroll-behavior: smooth;
}

.isy-assist__welcome[b-eiu8otftnx] {
    margin: auto 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-align: center;
    padding: 8px 6px;
}

.isy-assist__welcome b[b-eiu8otftnx] { font-size: 1.05rem; }
.isy-assist__welcome p[b-eiu8otftnx] { margin: 0; color: var(--mud-palette-text-secondary); font-size: .88rem; line-height: 1.6; }

.isy-assist__suggest[b-eiu8otftnx] { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 10px; }

.isy-assist__chip[b-eiu8otftnx] {
    font: inherit;
    font-size: .85rem;
    padding: 6px 12px;
    border-radius: 999px;
    border: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-surface);
    color: var(--isy-green-deep);
    cursor: pointer;
    transition: background .12s, border-color .12s;
}

.isy-assist__chip:hover[b-eiu8otftnx] { background: var(--isy-green-tint); border-color: var(--isy-green); }
.isy-assist__chip:focus-visible[b-eiu8otftnx] { outline: 2px solid var(--isy-green); outline-offset: 2px; }

.isy-assist__row[b-eiu8otftnx] { display: flex; align-items: flex-start; gap: 8px; max-width: 100%; }
.isy-assist__row--me[b-eiu8otftnx] { justify-content: flex-end; }

.isy-assist__msg[b-eiu8otftnx] {
    min-width: 0;
    max-width: 88%;
    padding: 9px 13px;
    border-radius: 14px;
    border-start-start-radius: 4px;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    box-shadow: 0 1px 2px rgba(23, 30, 48, .05);
    font-size: .92rem;
    line-height: 1.7;
    overflow-wrap: anywhere;
}

.isy-assist__msg--me[b-eiu8otftnx] {
    max-width: 82%;
    background: var(--isy-green-tint);
    border-color: transparent;
    border-start-start-radius: 14px;
    border-start-end-radius: 4px;
    box-shadow: none;
}

.isy-assist__msg--fail[b-eiu8otftnx] {
    color: #B3541E;
    background: #FDF6F1;
    border-color: #F1D3C2;
}

.isy-assist__plain[b-eiu8otftnx] { white-space: pre-wrap; }

.isy-assist__msg[b-eiu8otftnx]  p { margin: 0 0 .5em; }
.isy-assist__msg[b-eiu8otftnx]  p:last-child { margin-bottom: 0; }
.isy-assist__msg[b-eiu8otftnx]  ul, .isy-assist__msg[b-eiu8otftnx]  ol { margin: .3em 0 .5em; padding-inline-start: 1.3em; }
.isy-assist__msg[b-eiu8otftnx]  li { margin: .15em 0; }
.isy-assist__msg[b-eiu8otftnx]  li::marker { color: var(--isy-green); }
.isy-assist__msg[b-eiu8otftnx]  strong { font-weight: 600; }
.isy-assist__msg[b-eiu8otftnx]  h1, .isy-assist__msg[b-eiu8otftnx]  h2, .isy-assist__msg[b-eiu8otftnx]  h3, .isy-assist__msg[b-eiu8otftnx]  h4 {
    font-size: .95rem; font-weight: 700; margin: .2em 0 .4em;
}
.isy-assist__msg[b-eiu8otftnx]  table { border-collapse: collapse; font-size: .84rem; margin: .4em 0; display: block; overflow-x: auto; max-width: 100%; }
.isy-assist__msg[b-eiu8otftnx]  th { background: var(--isy-ground); font-weight: 600; }
.isy-assist__msg[b-eiu8otftnx]  th, .isy-assist__msg[b-eiu8otftnx]  td { border: 1px solid var(--mud-palette-lines-default); padding: 3px 8px; white-space: nowrap; }
.isy-assist__msg[b-eiu8otftnx]  code { font-family: var(--isy-mono); unicode-bidi: isolate; font-size: .85em; }

.isy-assist__links[b-eiu8otftnx] { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.isy-assist__links[b-eiu8otftnx]  .isy-assist__go { text-transform: none; border-radius: 999px; }

/* Sources: the pages behind the tools that answered — small, so they support the answer without competing with it. */
.isy-assist__sources[b-eiu8otftnx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px dashed var(--mud-palette-lines-default);
    font-size: .8rem;
}
.isy-assist__sources-label[b-eiu8otftnx] { display: inline-flex; align-items: center; gap: 4px; color: var(--mud-palette-text-secondary); }
.isy-assist__sources-label[b-eiu8otftnx]  .mud-icon-root { font-size: 15px; }
.isy-assist__source[b-eiu8otftnx] { color: var(--isy-green-deep); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.isy-assist__source:hover[b-eiu8otftnx] { text-decoration-thickness: 2px; }

/* Follow-ups: under the newest answer only, lined up with the answer (past the avatar). */
.isy-assist__followups[b-eiu8otftnx] { display: flex; flex-wrap: wrap; gap: 6px; padding-inline-start: 34px; margin-top: -4px; }
.isy-assist__followups .isy-assist__chip[b-eiu8otftnx] { text-align: start; }

.isy-assist__actions[b-eiu8otftnx] { display: flex; justify-content: flex-end; margin-block: 2px -6px; margin-inline-end: -6px; opacity: .55; transition: opacity .12s; }
.isy-assist__msg:hover .isy-assist__actions[b-eiu8otftnx] { opacity: 1; }

/* typing: three dots, then what it is doing */
.isy-assist__typing[b-eiu8otftnx] { display: flex; align-items: center; gap: 10px; color: var(--mud-palette-text-secondary); font-size: .86rem; }
.isy-assist__dots[b-eiu8otftnx] { display: inline-flex; gap: 4px; }
.isy-assist__dots i[b-eiu8otftnx] {
    width: 6px; height: 6px; border-radius: 50%;
    background: var(--isy-green);
    animation: isy-assist-dot-b-eiu8otftnx 1.1s infinite ease-in-out;
}
.isy-assist__dots i:nth-child(2)[b-eiu8otftnx] { animation-delay: .15s; }
.isy-assist__dots i:nth-child(3)[b-eiu8otftnx] { animation-delay: .3s; }
@keyframes isy-assist-dot-b-eiu8otftnx { 0%, 80%, 100% { opacity: .25; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-3px); } }

/* ---- compose ---- */
.isy-assist__foot[b-eiu8otftnx] {
    padding: 10px 12px 8px;
    border-top: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-surface);
}

.isy-assist__compose[b-eiu8otftnx] { display: flex; align-items: flex-end; gap: 8px; }
.isy-assist__compose[b-eiu8otftnx]  .isy-assist__input { flex: 1; margin: 0; }
.isy-assist__compose[b-eiu8otftnx]  .isy-assist__input .mud-input-outlined-border { border-radius: 10px; }
.isy-assist__compose[b-eiu8otftnx]  .isy-assist__send { border-radius: 10px; margin-bottom: 2px; }

.isy-assist__note[b-eiu8otftnx] {
    display: block;
    margin-top: 6px;
    text-align: center;
    font-size: .72rem;
    color: var(--mud-palette-text-secondary);
}

@media (prefers-reduced-motion: reduce) {
    .isy-assist[b-eiu8otftnx], .isy-assist__backdrop[b-eiu8otftnx], .isy-assist__dots i[b-eiu8otftnx] { animation: none; }
    .isy-assist__body[b-eiu8otftnx] { scroll-behavior: auto; }
}

/* A phone: the whole screen, no floating card. */
@media (max-width: 600px) {
    .isy-assist[b-eiu8otftnx] { inset: 0; width: 100%; height: 100%; border-radius: 0; border: 0; }
    .isy-assist__fab[b-eiu8otftnx] { bottom: 16px; inset-inline-end: 16px; }
}
/* /Components/Shared/CustomerHome.razor.rz.scp.css */
/* Customer dashboard (D1). Brand from admin.css: green #0D8359 fills, #0A6647 green text, warn #B3541E,
   danger #B91C1C, ground #F4F6F8. Dense, like the back office: 10px radius, hairlines, no shadows. */
.dh-head[b-hrhu8zi6jn] { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; padding: 6px 0 14px; }
.dh-head h1[b-hrhu8zi6jn] { font-size: 24px; font-weight: 700; margin: 0; }
.dh-head > span[b-hrhu8zi6jn] { color: #5B6573; font-size: 14px; }

.dh-tiles[b-hrhu8zi6jn] { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; }
.dh-tile[b-hrhu8zi6jn] { background: #fff; border: 1px solid #E4E8EC; border-radius: 10px; padding: 14px 16px; display: flex; flex-direction: column; gap: 2px;
           color: inherit; text-decoration: none; }
a.dh-tile:hover[b-hrhu8zi6jn], a.dh-tile:focus-visible[b-hrhu8zi6jn] { border-color: #0D8359; outline: none; }
.dh-tile--bad[b-hrhu8zi6jn] { border-inline-start: 4px solid #B91C1C; }
.dh-tile__l[b-hrhu8zi6jn] { font-size: 13px; color: #5B6573; }
.dh-tile__v[b-hrhu8zi6jn] { font-size: 30px; font-weight: 700; line-height: 1.2; font-variant-numeric: proportional-nums; }
.dh-tile__v small[b-hrhu8zi6jn] { font-size: 14px; font-weight: 500; color: #5B6573; }
.dh-tile__s[b-hrhu8zi6jn] { font-size: 13px; color: #5B6573; }
.dh-up[b-hrhu8zi6jn] { color: #0A6647; }
.dh-down[b-hrhu8zi6jn] { color: #B3541E; }

.dh-row[b-hrhu8zi6jn] { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 12px; margin-top: 12px; }
.dh-card[b-hrhu8zi6jn] { background: #fff; border: 1px solid #E4E8EC; border-radius: 10px; padding: 16px 18px; min-width: 0; }
.dh-card h2[b-hrhu8zi6jn] { font-size: 15px; font-weight: 600; margin: 0 0 10px; }
.dh-card h2 small[b-hrhu8zi6jn] { font-size: 12px; font-weight: 400; color: #6B7480; margin-inline-start: 6px; }
.dh-note[b-hrhu8zi6jn] { font-size: 12px; color: #6B7480; margin: 8px 0 0; }
.dh-quiet[b-hrhu8zi6jn] { color: #6B7480; }

.dh-pool[b-hrhu8zi6jn] { padding: 8px 0; border-bottom: 1px solid #F0F2F4; }
.dh-pool:last-child[b-hrhu8zi6jn] { border-bottom: 0; }
.dh-pool__t[b-hrhu8zi6jn] { display: flex; justify-content: space-between; gap: 8px; font-size: 14px; }
.dh-pool__t span[b-hrhu8zi6jn] { color: #3A4350; }
.dh-meter[b-hrhu8zi6jn] { height: 8px; background: #EEF1F4; border-radius: 4px; margin: 6px 0 4px; overflow: hidden; }
.dh-meter i[b-hrhu8zi6jn] { display: block; height: 100%; border-radius: 4px; background: #0D8359; }
.dh-meter i.dh-meter--warn[b-hrhu8zi6jn] { background: #B3541E; }
.dh-meter i.dh-meter--bad[b-hrhu8zi6jn] { background: #B91C1C; }
.dh-pool__s[b-hrhu8zi6jn] { font-size: 12px; color: #5B6573; }
.dh-pool__s.dh-warn[b-hrhu8zi6jn] { color: #8A3A12; }
.dh-pool__s.dh-bad[b-hrhu8zi6jn] { color: #B91C1C; }


.dh-table[b-hrhu8zi6jn] { width: 100%; border-collapse: collapse; font-size: 14px; }
.dh-table th[b-hrhu8zi6jn] { text-align: start; font-size: 12px; font-weight: 500; color: #6B7480; padding: 6px 8px; border-bottom: 1px solid #E4E8EC; }
.dh-table td[b-hrhu8zi6jn] { padding: 8px; border-bottom: 1px solid #F0F2F4; vertical-align: middle; }
.dh-table a[b-hrhu8zi6jn] { color: #171E30; text-decoration: none; font-weight: 500; }
.dh-table a:hover[b-hrhu8zi6jn], .dh-table a:focus-visible[b-hrhu8zi6jn] { color: #0A6647; text-decoration: underline; }
.dh-inline[b-hrhu8zi6jn] { display: inline-block; width: 70px; height: 6px; background: #EEF1F4; border-radius: 3px; margin-inline-end: 8px; vertical-align: middle; overflow: hidden; }
.dh-inline i[b-hrhu8zi6jn] { display: block; height: 100%; background: #0D8359; border-radius: 3px; }
.dh-idle td[b-hrhu8zi6jn] { color: #9AA3AD; }
.dh-idle a[b-hrhu8zi6jn] { color: #6B7480; }

@media (max-width: 1000px) { .dh-row[b-hrhu8zi6jn] { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .dh-tile__v[b-hrhu8zi6jn] { font-size: 24px; } .dh-inline[b-hrhu8zi6jn] { width: 40px; } }
.dh-span[b-hrhu8zi6jn] { grid-column: 1 / -1; }
.dh-idlebox[b-hrhu8zi6jn] { margin-top: 10px; font-size: 13px; color: #3A4350; }
.dh-idlebox summary[b-hrhu8zi6jn] { cursor: pointer; padding: 6px 0; }
.dh-idlebox ul[b-hrhu8zi6jn] { columns: 2; margin: 6px 0 0; padding-inline-start: 18px; }
.dh-idlebox li[b-hrhu8zi6jn] { break-inside: avoid; padding: 2px 0; }
.dh-idlebox a[b-hrhu8zi6jn] { color: #3A4350; text-decoration: none; }
.dh-idlebox .isy-mono[b-hrhu8zi6jn] { color: #9AA3AD; font-size: 12px; margin-inline-start: 6px; }
@media (max-width: 600px) { .dh-idlebox ul[b-hrhu8zi6jn] { columns: 1; } }
.dh-tile--money[b-hrhu8zi6jn] { grid-column: span 2; gap: 4px; }
.dh-tile__go[b-hrhu8zi6jn] { float: inline-end; color: #0A6647; font-weight: 500; }
            border-radius: 10px; padding: 12px 16px; margin-bottom: 12px; text-decoration: none; font-size: 15px;[b-hrhu8zi6jn] }
@media (max-width: 700px) { .dh-tile--money[b-hrhu8zi6jn] { grid-column: auto; } }
.dh-paidbar[b-hrhu8zi6jn] { display: flex; gap: 2px; height: 8px; margin: 6px 0 2px; border-radius: 4px; overflow: hidden; background: #EEF1F4; }
.dh-paidbar i[b-hrhu8zi6jn] { background: #0D8359; display: block; }
.dh-paidbar b[b-hrhu8zi6jn] { background: #B91C1C; display: block; }
[b-hrhu8zi6jn] .dh-pin { font-size: 14px !important; color: #9A6B1A; margin-inline-start: 6px; vertical-align: -2px; }
/* /Components/Shared/StackedColumnChart.razor.rz.scp.css */
/* Two-part columns. */
.pst[b-qzv2e8dmi4] { margin: 0; }
.pst__legend[b-qzv2e8dmi4] { display: flex; gap: 16px; font-size: 13px; color: #3A4350; margin-bottom: 6px; }
.pst__legend span[b-qzv2e8dmi4] { display: inline-flex; align-items: center; gap: 6px; }
.pst__legend i[b-qzv2e8dmi4] { width: 10px; height: 10px; border-radius: 3px; display: inline-block; }
.pst__grid[b-qzv2e8dmi4] { stroke: #EEF1F4; }
.pst__base[b-qzv2e8dmi4] { stroke: #C9D0D6; }
.pst__tick[b-qzv2e8dmi4] { fill: #6B7480; font: 11px "IBM Plex Mono", monospace; }
.pst__x[b-qzv2e8dmi4] { fill: #6B7480; font: 12px "IBM Plex Sans Arabic", sans-serif; }
.pst__val[b-qzv2e8dmi4] { fill: #171E30; font: 600 12px "IBM Plex Mono", monospace; }
.pst path:hover[b-qzv2e8dmi4] { opacity: .8; }