/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-6ze7gecfpu] {
    color-scheme: light only;
    background: #0f172a;
    color: #e2e8f0;
    bottom: 1.5rem;
    right: 1.5rem;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.35);
    box-sizing: border-box;
    border-radius: 0.75rem;
    display: none;
    padding: 1rem 1.25rem;
    position: fixed;
    width: 22rem;
    z-index: 9999;
}

#blazor-error-ui .blazor-error-content[b-6ze7gecfpu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
}

#blazor-error-ui .blazor-error-text[b-6ze7gecfpu] {
    font-weight: 600;
    line-height: 1.4;
}

#blazor-error-ui .blazor-error-actions[b-6ze7gecfpu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

#blazor-error-ui .reload[b-6ze7gecfpu] {
    background: #22c55e;
    border-radius: 0.5rem;
    color: #0f172a;
    font-weight: 700;
    padding: 0.5rem 0.9rem;
    text-decoration: none;
    transition: transform 0.1s ease, box-shadow 0.1s ease;
    box-shadow: 0 4px 14px rgba(34, 197, 94, 0.35);
}

    #blazor-error-ui .reload:hover[b-6ze7gecfpu] {
        transform: translateY(-1px);
        box-shadow: 0 6px 18px rgba(34, 197, 94, 0.45);
    }

    #blazor-error-ui .reload:active[b-6ze7gecfpu] {
        transform: translateY(0);
        box-shadow: 0 3px 10px rgba(34, 197, 94, 0.35);
    }

#blazor-error-ui .dismiss[b-6ze7gecfpu] {
    cursor: pointer;
    color: #94a3b8;
    font-size: 1.1rem;
    line-height: 1;
    transition: color 0.15s ease;
}

    #blazor-error-ui .dismiss:hover[b-6ze7gecfpu] {
        color: #cbd5e1;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-osj0y14972],
.components-reconnect-repeated-attempt-visible[b-osj0y14972],
.components-reconnect-failed-visible[b-osj0y14972],
.components-pause-visible[b-osj0y14972],
.components-rejoining-animation[b-osj0y14972] {
    display: none;
}

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


#components-reconnect-modal[b-osj0y14972] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-osj0y14972 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-osj0y14972 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-osj0y14972 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-osj0y14972]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-osj0y14972 0.5s ease-in-out;
    opacity: 1;
}

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

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-osj0y14972 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

#components-reconnect-modal p[b-osj0y14972] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-osj0y14972] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-osj0y14972] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-osj0y14972] {
        background-color: #6b9ed2;
    }

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

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

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

@keyframes components-rejoining-animation-b-osj0y14972 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Admin/ExecuteQuery.razor.rz.scp.css */
.query-page[b-qov296i1y6] { max-width: 100%; padding: 1.25rem; color: rgb(30 41 59); }
.query-page > header[b-qov296i1y6] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem; }
.query-page h1[b-qov296i1y6] { font-size: 1.65rem; font-weight: 800; color: rgb(15 23 42); }
.query-page header p:not(.query-eyebrow)[b-qov296i1y6] { margin-top: .3rem; font-size: .875rem; color: rgb(100 116 139); }
.query-eyebrow[b-qov296i1y6] { margin-bottom: .2rem; font-size: .68rem; font-weight: 800; letter-spacing: .12em; color: rgb(79 70 229); }
.query-environment[b-qov296i1y6], .query-success[b-qov296i1y6] { display: inline-flex; align-items: center; gap: .35rem; border-radius: 999px; padding: .4rem .7rem; font-size: .72rem; font-weight: 700; }
.query-environment[b-qov296i1y6] { border: 1px solid rgb(203 213 225); background: white; color: rgb(71 85 105); }
.query-editor[b-qov296i1y6], .query-results[b-qov296i1y6] { overflow: hidden; border: 1px solid rgb(203 213 225); border-radius: 1rem; background: white; box-shadow: 0 8px 30px rgb(15 23 42 / 6%); }
.query-editor-toolbar[b-qov296i1y6], .query-results-heading[b-qov296i1y6] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid rgb(226 232 240); padding: .75rem 1rem; }
.query-editor-toolbar span[b-qov296i1y6], .query-results-heading p[b-qov296i1y6] { font-size: .72rem; color: rgb(100 116 139); }
.query-editor textarea[b-qov296i1y6] { display: block; width: 100%; min-height: 18rem; resize: vertical; border: 0; background: rgb(15 23 42); padding: 1rem; font: .85rem/1.6 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: rgb(226 232 240); outline: none; tab-size: 4; }
.query-confirm[b-qov296i1y6] { display: flex; cursor: pointer; align-items: flex-start; gap: .7rem; border-top: 1px solid rgb(253 230 138); background: rgb(255 251 235); padding: .8rem 1rem; color: rgb(146 64 14); }
.query-confirm input[b-qov296i1y6] { width: 1rem; height: 1rem; margin-top: .15rem; accent-color: rgb(217 119 6); }
.query-confirm span[b-qov296i1y6] { display: grid; font-size: .78rem; }
.query-confirm small[b-qov296i1y6] { color: rgb(180 83 9); }
.query-actions[b-qov296i1y6] { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; padding: .8rem 1rem; }
.query-hint[b-qov296i1y6] { margin-left: auto; font-size: .7rem; color: rgb(100 116 139); }
.query-results[b-qov296i1y6] { margin-top: 1rem; }
.query-results-heading h2[b-qov296i1y6] { font-size: 1.05rem; font-weight: 800; }
.query-success[b-qov296i1y6] { background: rgb(236 253 245); color: rgb(4 120 87); }
.query-result-set[b-qov296i1y6] { padding: 1rem; }
.query-result-set + .query-result-set[b-qov296i1y6] { border-top: 1px solid rgb(226 232 240); }
.query-result-set > div:first-child[b-qov296i1y6] { display: flex; align-items: center; gap: .6rem; margin-bottom: .6rem; }
.query-result-set > div:first-child span[b-qov296i1y6] { border-radius: 999px; background: rgb(241 245 249); padding: .15rem .45rem; font-size: .68rem; color: rgb(71 85 105); }
.query-table-wrap[b-qov296i1y6] { max-height: 32rem; overflow: auto; border: 1px solid rgb(226 232 240); border-radius: .65rem; }
.query-table-wrap table[b-qov296i1y6] { width: max-content; min-width: 100%; border-collapse: separate; border-spacing: 0; font-size: .75rem; }
.query-table-wrap th[b-qov296i1y6] { position: sticky; z-index: 1; top: 0; min-width: 8rem; border-bottom: 1px solid rgb(203 213 225); background: rgb(248 250 252); padding: .55rem .7rem; text-align: left; }
.query-table-wrap th span[b-qov296i1y6], .query-table-wrap th small[b-qov296i1y6] { display: block; }
.query-table-wrap th small[b-qov296i1y6] { margin-top: .1rem; font-size: .62rem; font-weight: 500; color: rgb(148 163 184); }
.query-table-wrap td[b-qov296i1y6] { max-width: 32rem; overflow: hidden; border-bottom: 1px solid rgb(241 245 249); padding: .48rem .7rem; text-overflow: ellipsis; white-space: nowrap; }
.query-table-wrap tr:hover td[b-qov296i1y6] { background: rgb(248 250 252); }
.query-null[b-qov296i1y6] { font-style: italic; color: rgb(148 163 184); }
.query-limit[b-qov296i1y6] { margin-top: .6rem; font-size: .72rem; font-weight: 600; color: rgb(180 83 9); }
.query-empty[b-qov296i1y6] { padding: 2rem; text-align: center; color: rgb(100 116 139); }
@media (max-width: 640px) { .query-page[b-qov296i1y6] { padding: .75rem; } .query-page > header[b-qov296i1y6] { display: grid; } .query-hint[b-qov296i1y6] { width: 100%; margin-left: 0; } }
/* /Components/Pages/Admin/SentEmail.razor.rz.scp.css */
.mud-input-control[b-ajvbmxje1g] { max-width: 100%; }

.selector-list[b-ajvbmxje1g] {
    max-height: 22rem;
    overflow-y: auto;
    border: 1px solid rgb(226 232 240);
    border-radius: .75rem;
    background: white;
}
/* /Components/Pages/Admin/Settings.razor.rz.scp.css */
.settings-layout[b-1b2qj7g92w] {
    display: grid;
    grid-template-columns: minmax(18rem, 0.8fr) minmax(0, 1.2fr);
    gap: 1rem;
}

.settings-panel[b-1b2qj7g92w] {
    border: 1px solid rgb(226 232 240);
    border-radius: 1rem;
}

.settings-list[b-1b2qj7g92w] {
    max-height: calc(100vh - 18rem);
    overflow-y: auto;
}

.settings-list-item[b-1b2qj7g92w] {
    border-bottom: 1px solid rgb(241 245 249);
    cursor: pointer;
}

@media (max-width: 767px) {
    .settings-layout[b-1b2qj7g92w] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/AiAssistant.razor.rz.scp.css */
.ai-layout[b-v7j48xbu1j] { position: relative; display: grid; grid-template-columns: minmax(14rem, 18rem) minmax(0, 1fr); overflow: hidden; border: 1px solid rgb(199 210 254); border-radius: 1.5rem; background: white; box-shadow: 0 18px 50px rgb(30 41 59 / 10%); }
.ai-shell[b-v7j48xbu1j] {
    overflow: hidden;
    background: linear-gradient(180deg, rgb(255 255 255), rgb(248 250 252));
}
.ai-history[b-v7j48xbu1j] { min-width: 0; border-right: 1px solid rgb(226 232 240); background: rgb(248 250 252); }
.ai-history-heading[b-v7j48xbu1j] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: 1.25rem 1rem .85rem; }
.ai-history-heading div[b-v7j48xbu1j] { display: grid; font-size: .85rem; font-weight: 800; color: rgb(30 41 59); }
.ai-history-heading small[b-v7j48xbu1j], .ai-history-list small[b-v7j48xbu1j] { font-size: .68rem; font-weight: 500; color: rgb(148 163 184); }
.ai-history-heading button[b-v7j48xbu1j] { display: grid; width: 2rem; height: 2rem; place-items: center; border: 1px solid rgb(199 210 254); border-radius: .6rem; background: white; color: rgb(79 70 229); }
.ai-history-list[b-v7j48xbu1j] { max-height: 42rem; overflow-y: auto; padding: 0 .65rem 1rem; }
.ai-history-item[b-v7j48xbu1j] { position: relative; display: flex; width: 100%; align-items: center; border-radius: .75rem; color: rgb(100 116 139); }
.ai-history-item:hover[b-v7j48xbu1j], .ai-history-item.active[b-v7j48xbu1j] { background: rgb(238 242 255); color: rgb(79 70 229); }
.ai-history-open-button[b-v7j48xbu1j] { display: flex; min-width: 0; flex: 1; align-items: flex-start; justify-content: flex-start; gap: .55rem; padding: .7rem 2.35rem .7rem .7rem; text-align: left; }
.ai-history-open-button[b-v7j48xbu1j]  .mud-icon-root { flex: 0 0 auto; }
.ai-history-open-button span[b-v7j48xbu1j] { display: grid; min-width: 0; gap: .2rem; }
.ai-history-delete[b-v7j48xbu1j] { position: absolute; right: .45rem; display: grid; width: 1.75rem; height: 1.75rem; place-items: center; border-radius: .45rem; color: rgb(100 116 139); opacity: 0; transition: background 150ms, color 150ms, opacity 150ms; }
.ai-history-item:hover .ai-history-delete[b-v7j48xbu1j], .ai-history-delete:focus-visible[b-v7j48xbu1j] { opacity: 1; }
.ai-history-delete:hover[b-v7j48xbu1j] { background: rgb(254 226 226); color: rgb(220 38 38); }
.ai-history-list strong[b-v7j48xbu1j] { overflow: hidden; font-size: .75rem; font-weight: 700; color: rgb(51 65 85); text-overflow: ellipsis; white-space: nowrap; }
.ai-history-empty[b-v7j48xbu1j] { padding: 1rem .65rem; font-size: .75rem; color: rgb(148 163 184); }
.ai-history-toggle[b-v7j48xbu1j] { display: none; align-items: center; gap: .3rem; border: 1px solid rgb(226 232 240); border-radius: .65rem; padding: .45rem .65rem; font-size: .72rem; font-weight: 700; color: rgb(71 85 105); }

.ai-header[b-v7j48xbu1j] { display: flex; align-items: center; gap: 1rem; padding: 1.5rem 1.5rem 1rem; }
.ai-avatar[b-v7j48xbu1j] { display: grid; width: 3.25rem; height: 3.25rem; flex: 0 0 auto; place-items: center; border-radius: 1rem; background: linear-gradient(135deg, rgb(79 70 229), rgb(124 58 237)); color: white; box-shadow: 0 8px 20px rgb(79 70 229 / 28%); }
.ai-status[b-v7j48xbu1j] { display: inline-flex; align-items: center; gap: .35rem; border-radius: 999px; background: rgb(236 253 245); padding: .25rem .55rem; font-size: .7rem; font-weight: 700; color: rgb(4 120 87); }
.ai-status span[b-v7j48xbu1j] { width: .45rem; height: .45rem; border-radius: 50%; background: rgb(16 185 129); }

.ai-tools[b-v7j48xbu1j] { display: flex; flex-wrap: wrap; gap: .5rem; border-block: 1px solid rgb(241 245 249); padding: .75rem 1.5rem; background: rgb(248 250 252 / 70%); }
.ai-customer-button[b-v7j48xbu1j] { display: inline-flex; align-items: center; gap: .4rem; border-radius: .55rem; background: rgb(79 70 229); padding: .45rem .75rem; font-size: .75rem; font-weight: 700; color: white; box-shadow: 0 4px 10px rgb(79 70 229 / 18%); }
.ai-skill-toggle[b-v7j48xbu1j] { display: inline-flex; align-items: center; gap: .3rem; border: 1px solid rgb(199 210 254); border-radius: .55rem; background: rgb(238 242 255); padding: .4rem .65rem; font-size: .75rem; font-weight: 700; color: rgb(67 56 202); }
.ai-skills[b-v7j48xbu1j] { display: grid; gap: .55rem; margin: .75rem 1.5rem; border: 1px solid rgb(221 214 254); border-radius: .9rem; background: rgb(250 245 255); padding: .85rem; }
.ai-skills > div[b-v7j48xbu1j], .ai-skills article span[b-v7j48xbu1j] { display: grid; }
.ai-skills small[b-v7j48xbu1j], .ai-skills p[b-v7j48xbu1j] { font-size: .72rem; color: rgb(100 116 139); }
.ai-skills article[b-v7j48xbu1j] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-top: 1px solid rgb(237 233 254); padding-top: .55rem; }
.ai-skills article button[b-v7j48xbu1j] { border-radius: .55rem; background: rgb(79 70 229); padding: .4rem .65rem; font-size: .72rem; font-weight: 700; color: white; }
.ai-skills article button.installed[b-v7j48xbu1j] { border: 1px solid rgb(203 213 225); background: white; color: rgb(71 85 105); }
.ai-skill-installer[b-v7j48xbu1j] { display: grid; gap: .4rem; border-top: 1px solid rgb(237 233 254); padding-top: .7rem; }
.ai-skill-installer > label[b-v7j48xbu1j] { font-size: .76rem; font-weight: 700; color: rgb(51 65 85); }
.ai-skill-installer > div[b-v7j48xbu1j] { display: flex; gap: .5rem; }
.ai-skill-installer input[b-v7j48xbu1j] { min-width: 0; flex: 1; border: 1px solid rgb(203 213 225); border-radius: .55rem; background: white; padding: .5rem .65rem; font-size: .75rem; color: rgb(30 41 59); outline: none; }
.ai-skill-installer input:focus[b-v7j48xbu1j] { border-color: rgb(99 102 241); box-shadow: 0 0 0 3px rgb(99 102 241 / 12%); }
.ai-skill-installer button[b-v7j48xbu1j] { flex: 0 0 auto; border-radius: .55rem; background: rgb(79 70 229); padding: .5rem .7rem; font-size: .72rem; font-weight: 700; color: white; }
.ai-skill-installer button:disabled[b-v7j48xbu1j] { opacity: .55; }

.ai-keyword-recommendations[b-v7j48xbu1j] { display: flex; align-items: stretch; gap: .4rem; overflow-x: auto; border-bottom: 1px solid rgb(226 232 240); padding: 0 0 .7rem; }
.ai-keyword-recommendations > span[b-v7j48xbu1j] { align-self: center; flex: 0 0 auto; font-size: .68rem; font-weight: 800; color: rgb(99 102 241); }
.ai-keyword-recommendations button[b-v7j48xbu1j] { display: grid; flex: 0 0 auto; gap: .08rem; border: 1px solid rgb(199 210 254); border-radius: .55rem; background: rgb(238 242 255); padding: .3rem .55rem; text-align: left; color: rgb(55 48 163); }
.ai-keyword-recommendations strong[b-v7j48xbu1j] { font-size: .72rem; }
.ai-keyword-recommendations small[b-v7j48xbu1j] { font-size: .62rem; color: rgb(100 116 139); }

.ai-modal-backdrop[b-v7j48xbu1j] { position: fixed; z-index: 1200; inset: 0; display: grid; place-items: center; background: rgb(15 23 42 / 55%); padding: 1rem; backdrop-filter: blur(3px); }
.ai-customer-modal[b-v7j48xbu1j] { display: flex; width: min(58rem, 100%); max-height: min(44rem, calc(100vh - 2rem)); flex-direction: column; overflow: hidden; border-radius: 1rem; background: white; box-shadow: 0 24px 70px rgb(15 23 42 / 35%); }
.ai-customer-modal > header[b-v7j48xbu1j] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; border-bottom: 1px solid rgb(226 232 240); padding: 1.25rem; }
.ai-customer-modal h3[b-v7j48xbu1j] { font-size: 1.15rem; font-weight: 800; color: rgb(15 23 42); }
.ai-customer-modal header p[b-v7j48xbu1j] { margin-top: .2rem; font-size: .78rem; color: rgb(100 116 139); }
.ai-customer-modal header button[b-v7j48xbu1j] { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: .55rem; color: rgb(100 116 139); }
.ai-customer-modal header button:hover[b-v7j48xbu1j] { background: rgb(241 245 249); color: rgb(30 41 59); }
.ai-customer-search[b-v7j48xbu1j] { display: flex; align-items: center; gap: .55rem; margin: 1rem 1.25rem; border: 1px solid rgb(203 213 225); border-radius: .7rem; padding: .6rem .75rem; color: rgb(100 116 139); }
.ai-customer-search:focus-within[b-v7j48xbu1j] { border-color: rgb(99 102 241); box-shadow: 0 0 0 3px rgb(99 102 241 / 12%); }
.ai-customer-search input[b-v7j48xbu1j] { min-width: 0; flex: 1; outline: none; font-size: .85rem; color: rgb(30 41 59); }
.ai-customer-results[b-v7j48xbu1j] { overflow: auto; border-top: 1px solid rgb(241 245 249); }
.ai-customer-results table[b-v7j48xbu1j] { width: 100%; border-collapse: collapse; font-size: .8rem; }
.ai-customer-results th[b-v7j48xbu1j] { position: sticky; top: 0; z-index: 1; background: rgb(248 250 252); padding: .65rem 1rem; text-align: left; font-size: .68rem; text-transform: uppercase; color: rgb(100 116 139); }
.ai-customer-results td[b-v7j48xbu1j] { border-top: 1px solid rgb(241 245 249); padding: .75rem 1rem; color: rgb(71 85 105); }
.ai-customer-results td strong[b-v7j48xbu1j], .ai-customer-results td span[b-v7j48xbu1j], .ai-customer-results td small[b-v7j48xbu1j] { display: block; }
.ai-customer-results td strong[b-v7j48xbu1j] { color: rgb(30 41 59); }
.ai-customer-results td small[b-v7j48xbu1j] { margin-top: .15rem; color: rgb(100 116 139); }
.ai-customer-results td:last-child[b-v7j48xbu1j] { text-align: right; }
.ai-customer-results td button[b-v7j48xbu1j] { display: inline-flex; align-items: center; gap: .3rem; border: 1px solid rgb(199 210 254); border-radius: .55rem; padding: .4rem .55rem; font-size: .7rem; font-weight: 700; color: rgb(67 56 202); }
.ai-customer-empty[b-v7j48xbu1j] { padding: 2rem; text-align: center; font-size: .85rem; color: rgb(100 116 139); }

.ai-conversation[b-v7j48xbu1j] { max-height: 34rem; min-height: 13rem; overflow-y: auto; padding: 1.5rem; }
.ai-welcome[b-v7j48xbu1j] { display: grid; min-height: 10rem; place-items: center; align-content: center; gap: .35rem; text-align: center; color: rgb(99 102 241); }
.ai-message[b-v7j48xbu1j] { width: fit-content; max-width: min(85%, 48rem); margin-bottom: 1rem; border-radius: 1rem; padding: .75rem 1rem; white-space: pre-line; }
.ai-message-label[b-v7j48xbu1j] { display: block; margin-bottom: .25rem; font-size: .68rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; opacity: .65; }
.ai-message-user[b-v7j48xbu1j] { margin-left: auto; border-bottom-right-radius: .25rem; background: rgb(79 70 229); color: white; }
.ai-message-assistant[b-v7j48xbu1j] { border: 1px solid rgb(226 232 240); border-bottom-left-radius: .25rem; background: white; color: rgb(51 65 85); }
.ai-message-error[b-v7j48xbu1j] { border-color: rgb(254 202 202); background: rgb(254 242 242); color: rgb(153 27 27); }

.ai-questions[b-v7j48xbu1j] { display: grid; gap: 1rem; margin-top: 1rem; border: 1px solid rgb(199 210 254); border-radius: 1rem; background: rgb(248 250 255); padding: 1rem; }
.ai-questions-heading[b-v7j48xbu1j] { display: flex; align-items: center; gap: .75rem; color: rgb(67 56 202); }
.ai-questions-heading div[b-v7j48xbu1j] { display: grid; }
.ai-questions-heading small[b-v7j48xbu1j] { font-size: .72rem; font-weight: 500; color: rgb(100 116 139); }
.ai-question[b-v7j48xbu1j] { display: grid; gap: .4rem; font-size: .82rem; font-weight: 600; color: rgb(51 65 85); }
.ai-question b[b-v7j48xbu1j] { margin-right: .2rem; color: rgb(79 70 229); }
.ai-question textarea[b-v7j48xbu1j] { width: 100%; resize: vertical; border: 1px solid rgb(203 213 225); border-radius: .7rem; background: white; padding: .65rem .75rem; font-weight: 400; color: rgb(30 41 59); outline: none; }
.ai-question textarea:focus[b-v7j48xbu1j] { border-color: rgb(99 102 241); box-shadow: 0 0 0 3px rgb(99 102 241 / 12%); }
.ai-questions > button[b-v7j48xbu1j] { width: fit-content; }

.ai-approval[b-v7j48xbu1j] { display: flex; gap: 1rem; margin-top: 1rem; border: 1px solid rgb(252 211 77); border-radius: 1rem; background: rgb(255 251 235); padding: 1rem; box-shadow: 0 8px 25px rgb(146 64 14 / 8%); }
.ai-approval-icon[b-v7j48xbu1j] { display: grid; width: 2.5rem; height: 2.5rem; flex: 0 0 auto; place-items: center; border-radius: .75rem; background: rgb(254 243 199); color: rgb(180 83 9); }
.ai-button[b-v7j48xbu1j] { display: inline-flex; align-items: center; gap: .35rem; border-radius: .65rem; padding: .55rem .85rem; font-size: .8rem; font-weight: 700; transition: opacity 150ms, transform 150ms; }
.ai-button:hover:not(:disabled)[b-v7j48xbu1j] { transform: translateY(-1px); }
.ai-button:disabled[b-v7j48xbu1j] { opacity: .55; }
.ai-button-approve[b-v7j48xbu1j] { background: rgb(79 70 229); color: white; }
.ai-button-reject[b-v7j48xbu1j] { border: 1px solid rgb(203 213 225); background: white; color: rgb(71 85 105); }

.ai-thinking[b-v7j48xbu1j] { display: flex; align-items: center; gap: .3rem; color: rgb(100 116 139); }
.ai-thinking span[b-v7j48xbu1j] { width: .4rem; height: .4rem; border-radius: 50%; background: rgb(99 102 241); animation: ai-pulse-b-v7j48xbu1j 1s infinite alternate; }
.ai-thinking span:nth-child(2)[b-v7j48xbu1j] { animation-delay: 180ms; }
.ai-thinking span:nth-child(3)[b-v7j48xbu1j] { animation-delay: 360ms; }
.ai-thinking em[b-v7j48xbu1j] { margin-left: .35rem; font-size: .75rem; font-style: normal; }

.ai-suggestions[b-v7j48xbu1j] { display: flex; flex-wrap: wrap; gap: .5rem; padding: 0 1.5rem 1rem; }
.ai-suggestions button[b-v7j48xbu1j] { border: 1px solid rgb(199 210 254); border-radius: 999px; background: rgb(238 242 255); padding: .5rem .8rem; font-size: .75rem; font-weight: 600; color: rgb(67 56 202); transition: background 150ms, border-color 150ms; }
.ai-suggestions button:hover[b-v7j48xbu1j] { border-color: rgb(129 140 248); background: rgb(224 231 255); }

.ai-excel-button[b-v7j48xbu1j] { position: relative; display: inline-flex; cursor: pointer; align-items: center; gap: .4rem; border: 1px dashed rgb(129 140 248); border-radius: .7rem; background: rgb(238 242 255); padding: .55rem .8rem; font-size: .75rem; font-weight: 700; color: rgb(67 56 202); }
.ai-excel-button:hover[b-v7j48xbu1j] { background: rgb(224 231 255); }
.ai-excel-button.disabled[b-v7j48xbu1j] { cursor: not-allowed; opacity: .55; }
.ai-excel-button input[b-v7j48xbu1j] { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.ai-excel-file[b-v7j48xbu1j] { display: flex; min-width: 0; align-items: center; gap: .5rem; border: 1px solid rgb(187 247 208); border-radius: .7rem; background: rgb(240 253 244); padding: .45rem .65rem; color: rgb(21 128 61); }
.ai-excel-file span[b-v7j48xbu1j] { display: grid; min-width: 0; font-size: .72rem; }
.ai-excel-file strong[b-v7j48xbu1j] { overflow: hidden; max-width: 20rem; text-overflow: ellipsis; white-space: nowrap; }
.ai-excel-file small[b-v7j48xbu1j] { color: rgb(74 222 128); }
.ai-excel-file button[b-v7j48xbu1j] { display: grid; width: 1.75rem; height: 1.75rem; margin-left: .25rem; place-items: center; border-radius: .35rem; color: rgb(100 116 139); }
.ai-excel-file button:hover:not(:disabled)[b-v7j48xbu1j] { background: rgb(220 252 231); color: rgb(220 38 38); }

.ai-composer[b-v7j48xbu1j] { display: grid; gap: .65rem; margin: 0 1.5rem; border: 1px solid rgb(203 213 225); border-radius: 1rem; background: white; padding: .65rem; transition: border-color 150ms, box-shadow 150ms; }
.ai-composer:focus-within[b-v7j48xbu1j] { border-color: rgb(99 102 241); box-shadow: 0 0 0 3px rgb(99 102 241 / 12%); }
.ai-composer textarea[b-v7j48xbu1j] { min-height: 3rem; resize: vertical; border: 0; background: transparent; padding: .45rem .55rem; color: rgb(30 41 59); outline: none; }
.ai-attachments[b-v7j48xbu1j] { display: flex; flex-wrap: wrap; gap: .5rem; padding: 0 .25rem; }
.ai-composer-actions[b-v7j48xbu1j] { display: flex; align-items: center; justify-content: space-between; gap: .65rem; }
.ai-send-button[b-v7j48xbu1j] { display: grid; width: 2.75rem; height: 2.75rem; flex: 0 0 auto; place-items: center; border-radius: .8rem; background: rgb(79 70 229); color: white; }
.ai-send-button:disabled[b-v7j48xbu1j] { cursor: not-allowed; background: rgb(165 180 252); }
.ai-disclaimer[b-v7j48xbu1j] { display: flex; align-items: center; justify-content: center; gap: .3rem; padding: .75rem 1.5rem 1.25rem; text-align: center; font-size: .7rem; color: rgb(100 116 139); }

@keyframes ai-pulse-b-v7j48xbu1j { to { opacity: .25; transform: translateY(-2px); } }

@media (max-width: 640px) {
    .ai-layout[b-v7j48xbu1j] { display: block; }
    .ai-history[b-v7j48xbu1j] { position: absolute; z-index: 5; inset: 0 3.5rem 0 0; display: none; border-right: 1px solid rgb(203 213 225); box-shadow: 12px 0 30px rgb(15 23 42 / 18%); }
    .ai-history.ai-history-open[b-v7j48xbu1j] { display: block; }
    .ai-history-toggle[b-v7j48xbu1j] { display: inline-flex; }
    .ai-header[b-v7j48xbu1j], .ai-conversation[b-v7j48xbu1j] { padding-inline: 1rem; }
    .ai-tools[b-v7j48xbu1j], .ai-suggestions[b-v7j48xbu1j] { padding-inline: 1rem; }
    .ai-composer[b-v7j48xbu1j] { margin-inline: 1rem; }
    .ai-message[b-v7j48xbu1j] { max-width: 92%; }
    .ai-skill-installer > div[b-v7j48xbu1j] { align-items: stretch; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
    .ai-thinking span[b-v7j48xbu1j] { animation: none; }
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
.executive-dashboard[b-tk4eq922b4] { --navy:#07111f; --panel:#0d1a2c; --border:#1d2d43; min-height:calc(100vh - 12rem); margin:-2rem calc(50% - 50vw); padding:2rem max(1rem,calc((100vw - 1280px)/2)); color:#dbeafe; background:radial-gradient(circle at 10% 0%,#123052 0,transparent 27rem),radial-gradient(circle at 90% 20%,#15244b 0,transparent 24rem),var(--navy); }
.dashboard-header[b-tk4eq922b4] { display:flex; align-items:flex-end; justify-content:space-between; gap:2rem; margin-bottom:1.5rem; }
.dashboard-eyebrow[b-tk4eq922b4],.panel-kicker[b-tk4eq922b4] { color:#5eead4; font-size:.68rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.dashboard-eyebrow span[b-tk4eq922b4] { display:inline-block; width:.45rem; height:.45rem; margin-right:.35rem; border-radius:50%; background:#2dd4bf; box-shadow:0 0 0 .3rem #2dd4bf20; }
.dashboard-header h1[b-tk4eq922b4] { margin:.35rem 0; color:#f8fafc; font-size:clamp(1.7rem,3vw,2.5rem); font-weight:800; letter-spacing:-.035em; }
.dashboard-header p:last-child[b-tk4eq922b4] { color:#8292aa; font-size:.88rem; }
.dashboard-controls[b-tk4eq922b4],.range-picker[b-tk4eq922b4] { display:flex; align-items:center; gap:.5rem; }
.range-picker[b-tk4eq922b4] { padding:.3rem; border:1px solid var(--border); border-radius:.65rem; background:#0a1728; }
.range-picker button[b-tk4eq922b4],.refresh-button[b-tk4eq922b4] { border:0; color:#8fa1b8; background:transparent; font-size:.75rem; font-weight:700; cursor:pointer; }
.range-picker button[b-tk4eq922b4] { padding:.5rem .75rem; border-radius:.45rem; }
.range-picker button:hover[b-tk4eq922b4],.range-picker button.active[b-tk4eq922b4] { color:white; background:#1d3049; }
.refresh-button[b-tk4eq922b4] { display:flex; align-items:center; gap:.35rem; padding:.65rem .8rem; border:1px solid var(--border); border-radius:.65rem; }
.refresh-button:hover[b-tk4eq922b4] { color:#5eead4; border-color:#2dd4bf60; }
.refresh-button:disabled[b-tk4eq922b4] { cursor:wait; opacity:.65; }.refreshing[b-tk4eq922b4]{animation:spin-b-tk4eq922b4 1s linear infinite}@keyframes spin-b-tk4eq922b4{to{transform:rotate(360deg)}}
.metric-grid[b-tk4eq922b4] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.85rem; }
.executive-metric[b-tk4eq922b4] { position:relative; overflow:hidden; padding:1.1rem; border:1px solid var(--border); border-radius:.8rem; background:linear-gradient(145deg,#102036,#0b1728); box-shadow:0 12px 28px #02061735; animation:rise-b-tk4eq922b4 .55s both; animation-delay:var(--delay); transition:transform .2s,border-color .2s; }
.executive-metric[b-tk4eq922b4]::after { position:absolute; right:-2rem; bottom:-3rem; width:8rem; height:8rem; border-radius:50%; background:var(--accent); opacity:.05; content:""; }
.executive-metric:hover[b-tk4eq922b4] { transform:translateY(-3px); border-color:color-mix(in srgb,var(--accent) 60%,transparent); }
@keyframes rise-b-tk4eq922b4{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.metric-top[b-tk4eq922b4] { display:flex; align-items:center; justify-content:space-between; }.metric-icon[b-tk4eq922b4]{display:grid;place-items:center;width:2.35rem;height:2.35rem;border-radius:.65rem;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}
.metric-trend[b-tk4eq922b4] { padding:.2rem .4rem; border-radius:1rem; font-size:.65rem; font-weight:800; }.positive[b-tk4eq922b4]{color:#5eead4;background:#14b8a61a}.negative[b-tk4eq922b4]{color:#fb7185;background:#fb71851a}.neutral[b-tk4eq922b4]{color:#94a3b8;background:#94a3b81a}
.executive-metric>strong[b-tk4eq922b4]{display:block;margin-top:1rem;color:#f8fafc;font-size:1.65rem;line-height:1}.executive-metric h2[b-tk4eq922b4]{margin:.45rem 0 .15rem;color:#cbd5e1;font-size:.82rem;font-weight:700}.executive-metric p[b-tk4eq922b4]{color:#64748b;font-size:.69rem}.metric-link[b-tk4eq922b4]{display:flex;align-items:center;gap:.2rem;margin-top:.8rem;color:var(--accent);font-size:.67rem;font-weight:700}
.content-grid[b-tk4eq922b4] { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(18rem,1fr); gap:.85rem; margin-top:.85rem; }.lower-grid[b-tk4eq922b4]{grid-template-columns:minmax(0,1.35fr) minmax(20rem,1fr)}
.dashboard-panel[b-tk4eq922b4] { min-width:0; padding:1.15rem; border:1px solid var(--border); border-radius:.8rem; background:linear-gradient(145deg,#0e1c30,#0a1626); box-shadow:0 12px 30px #02061725; }
.panel-heading[b-tk4eq922b4] { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }.panel-heading h2[b-tk4eq922b4]{margin:.22rem 0 0;color:#f1f5f9;font-size:1rem;font-weight:800}.panel-heading a[b-tk4eq922b4]{color:#60a5fa;font-size:.7rem;font-weight:700}.revenue-total[b-tk4eq922b4]{text-align:right}.revenue-total span[b-tk4eq922b4]{display:block;color:#64748b;font-size:.65rem}.revenue-total strong[b-tk4eq922b4]{color:#5eead4;font-size:1.05rem}
.chart[b-tk4eq922b4]{position:relative;height:13rem;margin-top:1.1rem}.chart-grid[b-tk4eq922b4]{position:absolute;inset:0 0 1.5rem;display:flex;flex-direction:column;justify-content:space-between}.chart-grid span[b-tk4eq922b4]{border-top:1px dashed #24354c}.bars[b-tk4eq922b4]{position:absolute;inset:0 0 0;display:flex;align-items:flex-end;gap:min(1.5vw,1.25rem)}.bar-slot[b-tk4eq922b4]{display:flex;height:100%;flex:1;flex-direction:column;justify-content:flex-end;align-items:center;gap:.45rem}.bar[b-tk4eq922b4]{width:min(2rem,70%);min-height:.3rem;border-radius:.25rem .25rem 0 0;background:linear-gradient(#5eead4,#0d9488);box-shadow:0 0 14px #2dd4bf25;transform-origin:bottom;animation:grow-b-tk4eq922b4 .7s ease both}@keyframes grow-b-tk4eq922b4{from{transform:scaleY(0)}}.bar-slot small[b-tk4eq922b4]{height:1rem;color:#607189;font-size:.57rem}
.status-list[b-tk4eq922b4]{margin-top:1rem}.status-row[b-tk4eq922b4]{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;font-size:.72rem}.status-row>div[b-tk4eq922b4]{display:grid;grid-template-columns:auto 1fr;column-gap:.4rem}.status-dot[b-tk4eq922b4]{grid-row:1/3;width:.45rem;height:.45rem;margin-top:.25rem;border-radius:50%}.status-row strong[b-tk4eq922b4]{color:#cbd5e1}.status-row small[b-tk4eq922b4]{grid-column:2;color:#61728a}.status-row>span[b-tk4eq922b4]{color:#94a3b8;font-weight:700}.status-track[b-tk4eq922b4]{height:.28rem;margin-top:.35rem;overflow:hidden;border-radius:1rem;background:#1a293d}.status-track span[b-tk4eq922b4]{display:block;height:100%;border-radius:1rem;animation:width-in-b-tk4eq922b4 .8s ease both}@keyframes width-in-b-tk4eq922b4{from{width:0!important}}
.activity-list[b-tk4eq922b4]{margin-top:.75rem}.activity-item[b-tk4eq922b4]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.68rem .2rem;border-top:1px solid #192a3e}.activity-item:first-child[b-tk4eq922b4]{border-top:0}.activity-icon[b-tk4eq922b4]{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.55rem;color:var(--activity);background:color-mix(in srgb,var(--activity) 12%,transparent)}.activity-item strong[b-tk4eq922b4]{display:block;overflow:hidden;color:#dbeafe;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.activity-item p[b-tk4eq922b4],.activity-item time[b-tk4eq922b4]{color:#607189;font-size:.63rem}.activity-item:hover strong[b-tk4eq922b4]{color:#5eead4}.live-badge[b-tk4eq922b4]{color:#64748b;font-size:.62rem}.live-badge i[b-tk4eq922b4],.dashboard-footer i[b-tk4eq922b4]{display:inline-block;width:.4rem;height:.4rem;margin-right:.25rem;border-radius:50%;background:#2dd4bf;box-shadow:0 0 8px #2dd4bf}
.attention-list[b-tk4eq922b4]{display:grid;gap:.55rem;margin-top:.85rem}.attention-list a[b-tk4eq922b4]{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.65rem;padding:.65rem;border:1px solid #192b41;border-radius:.6rem;background:#0c192a;transition:border-color .2s}.attention-list a:hover[b-tk4eq922b4]{border-color:#36506f}.attention-icon[b-tk4eq922b4]{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:.55rem}.attention-icon.warning[b-tk4eq922b4]{color:#fbbf24;background:#fbbf2414}.attention-icon.danger[b-tk4eq922b4]{color:#fb7185;background:#fb718514}.attention-icon.info[b-tk4eq922b4]{color:#60a5fa;background:#60a5fa14}.attention-icon.purple[b-tk4eq922b4]{color:#a78bfa;background:#a78bfa14}.attention-list strong[b-tk4eq922b4]{display:block;color:#cbd5e1;font-size:.72rem}.attention-list p[b-tk4eq922b4]{color:#607189;font-size:.6rem}.attention-list b[b-tk4eq922b4]{color:#f8fafc;font-size:.9rem}
.empty-state[b-tk4eq922b4]{display:grid;min-height:9rem;place-items:center;color:#607189;font-size:.75rem}.dashboard-footer[b-tk4eq922b4]{display:flex;justify-content:space-between;margin-top:.85rem;padding:.5rem;color:#52647b;font-size:.62rem}.dashboard-alert[b-tk4eq922b4]{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid #fb718550;border-radius:.8rem;background:#88133722}.dashboard-alert strong[b-tk4eq922b4]{color:#fecdd3}.dashboard-alert p[b-tk4eq922b4]{color:#94a3b8;font-size:.75rem}.dashboard-alert button[b-tk4eq922b4]{margin-left:auto;color:white;border:1px solid #fb718570;border-radius:.5rem;background:#fb718520;padding:.45rem .7rem}.dashboard-skeleton[b-tk4eq922b4]{border-radius:.8rem;background:linear-gradient(90deg,#102036 25%,#1a2d45 50%,#102036 75%);background-size:200% 100%;animation:shimmer-b-tk4eq922b4 1.3s infinite}@keyframes shimmer-b-tk4eq922b4{to{background-position:-200% 0}}.metric-skeleton[b-tk4eq922b4]{height:10.5rem}.chart-skeleton[b-tk4eq922b4]{height:18rem}
@media(max-width:900px){.metric-grid[b-tk4eq922b4]{grid-template-columns:repeat(2,1fr)}.content-grid[b-tk4eq922b4],.lower-grid[b-tk4eq922b4]{grid-template-columns:1fr}.dashboard-header[b-tk4eq922b4]{align-items:flex-start;flex-direction:column}.dashboard-controls[b-tk4eq922b4]{width:100%;justify-content:space-between}}
@media(max-width:520px){.executive-dashboard[b-tk4eq922b4]{margin:-2rem -1rem;padding:1.25rem .75rem}.metric-grid[b-tk4eq922b4]{grid-template-columns:1fr}.dashboard-controls[b-tk4eq922b4]{align-items:stretch;flex-direction:column}.range-picker[b-tk4eq922b4]{justify-content:space-between}.range-picker button[b-tk4eq922b4]{flex:1}.refresh-button[b-tk4eq922b4]{justify-content:center}.dashboard-footer[b-tk4eq922b4]{flex-direction:column;gap:.35rem}.activity-item time[b-tk4eq922b4]{display:none}}
@media(prefers-reduced-motion:reduce){.executive-dashboard *[b-tk4eq922b4]{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
/* /Components/Pages/Home.razor.rz.scp.css */
.dashboard-metric[b-tmwg1chaeg],
.dashboard-action[b-tmwg1chaeg] {
    display: flex;
    border: 1px solid rgb(226 232 240);
    border-radius: 1rem;
    background: white;
    box-shadow: 0 1px 2px rgb(15 23 42 / 4%);
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.dashboard-metric[b-tmwg1chaeg] {
    position: relative;
    min-width: 0;
    flex-direction: column;
    padding: 1.25rem;
}

.dashboard-action[b-tmwg1chaeg] {
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
}

.dashboard-metric:hover[b-tmwg1chaeg],
.dashboard-action:hover[b-tmwg1chaeg] {
    transform: translateY(-2px);
    border-color: rgb(165 180 252);
    box-shadow: 0 12px 28px rgb(15 23 42 / 9%);
}

.dashboard-icon[b-tmwg1chaeg] {
    display: inline-flex;
    width: 3rem;
    height: 3rem;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: .875rem;
}

.icon-indigo[b-tmwg1chaeg] { background: rgb(238 242 255); color: rgb(79 70 229); }
.icon-emerald[b-tmwg1chaeg] { background: rgb(236 253 245); color: rgb(5 150 105); }
.icon-amber[b-tmwg1chaeg] { background: rgb(255 251 235); color: rgb(217 119 6); }