/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* #page-container/#content-wrap are also used (unscoped, in site.css) by PublicLayout,
   where the page is meant to grow taller than the viewport and scroll at the document
   level. Admin needs the opposite: a hard height cap so .k-drawer-content becomes a
   REAL bounded scroll container. site.css only sets min-height: 100vh on #page-container,
   so with no ceiling anywhere in the chain, every flex child (including .k-drawer-content)
   just grows to fit its content instead of scrolling — the whole document scrolls
   instead, dragging the sidebar and the "sticky" page header along with it (sticky only
   re-sticks against an ancestor that actually scrolls internally). Since these two ids
   are authored directly in THIS component's markup, Blazor's scoped-css attribute
   attaches to them here without needing ::deep, and this override only affects
   MainLayout's own instance of them — PublicLayout's copy is a different component with
   a different scope attribute and is untouched. */
#page-container[b-wtef7bc2y8] {
    height: 100vh;
    overflow: hidden;
}

#content-wrap[b-wtef7bc2y8] {
    overflow: hidden;
}

.rowCustom[b-wtef7bc2y8] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 0.75rem;
}

.fullloader[b-wtef7bc2y8] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* .k-drawer-container / .k-drawer / .k-drawer-wrapper are rendered internally by
   <TelerikDrawer> itself, not authored in this file — Blazor's CSS isolation scope
   attribute never attaches to them, so plain (non-::deep) rules here are silently inert.
   Kendo's own .k-drawer-container rule sets align-items: flex-start (row flex), which
   sizes .k-drawer/.k-drawer-content to their own content height instead of stretching
   them to fill the container — align-items: stretch overrides that. */
[b-wtef7bc2y8] .k-drawer-container {
    height: 100% !important;
    align-items: stretch !important;
}

[b-wtef7bc2y8] .k-drawer {
    background-color: var(--app-surface-header, #ffffff);
    color: var(--app-text-primary);
    border-right: 1px solid var(--app-border-subtle);
    position: relative;
    height: 100% !important;
    transition: width 0.3s ease;
}

[b-wtef7bc2y8] .k-drawer .k-drawer-wrapper {
    display: flex;
    flex-direction: column;
    height: 100% !important;
    /* Kendo's own theme sets overflow-y: auto on this wrapper, which would scroll the
       nav and footer together as one block — that's not what we want: the footer
       (Admin identity) must stay pinned to the bottom via margin-top: auto below, so
       scrolling has to happen only inside .drawer-nav instead. */
    overflow-y: hidden !important;
}

/* .k-drawer-content is rendered internally by <TelerikDrawer>, not authored in this
   file, so Blazor's CSS isolation scope attribute never attaches to it — ::deep is
   required for this rule to actually match anything (see .k-drawer-container /
   .k-drawer below for the same issue).
   min-height: 0 overrides the flex item default of min-height: auto — without it,
   once its content (e.g. a long, unpaged grid) grows taller than the available
   space, this item just grows to fit instead of scrolling internally, and the
   overflow escapes to the document level, dragging the sidebar along with it. */
[b-wtef7bc2y8] .k-drawer-content {
    /* No top padding — every page's own .app-page-header sits flush against the topbar
       instead of leaving a visible gap above it. */
    padding: 0 0.5rem 0.5rem;
    font-size: 18px;
    overflow: auto !important;
    min-height: 0 !important;
    height: 100% !important;
}

.k-drawer .k-drawer-item[b-wtef7bc2y8] {
    white-space: nowrap;
    overflow: hidden;
    color: var(--app-text-primary);
}

.k-drawer-item[b-wtef7bc2y8] {
    display: flex;
    align-items: center;
    padding: 0.5rem 0.9375rem;
    margin: 0.0625rem 0.375rem;
    border-radius: var(--app-radius-lg);
    transition: background-color 0.2s ease, color 0.2s ease;
    max-width: 100%;
    box-sizing: border-box;
    flex-grow: 1;
}

    .k-drawer-item:hover[b-wtef7bc2y8] {
        background-color: var(--app-surface-muted);
    }

    .k-drawer-item.k-selected[b-wtef7bc2y8] {
        background-color: rgba(var(--app-color-primary-rgb), 0.1);
        color: var(--app-color-primary);
        font-weight: 600;
    }

        .k-drawer-item.k-selected .k-svg-icon[b-wtef7bc2y8],
        .k-drawer-item.k-selected .k-icon[b-wtef7bc2y8] {
            color: var(--app-color-primary);
        }

    .k-drawer-item .k-item-text[b-wtef7bc2y8] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        min-width: 0;
        font-size: 0.8125rem;
    }

.rowCustom--icon-only[b-wtef7bc2y8] {
    justify-content: center !important;
}

.k-drawer-subitems[b-wtef7bc2y8] {
    max-width: 100%;
    box-sizing: border-box;
}

.k-drawer-subitems-wrapper[b-wtef7bc2y8] {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.25s ease;
}

.k-drawer-subitems-wrapper--expanded[b-wtef7bc2y8] {
    grid-template-rows: 1fr;
}

.k-drawer-subitems-inner[b-wtef7bc2y8] {
    min-height: 0;
    overflow: hidden;
}

.drawer-nav[b-wtef7bc2y8] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.drawer-footer[b-wtef7bc2y8] {
    flex: 0 0 auto;
    border-top: 1px solid var(--app-border-subtle);
    margin-top: auto;
}

.sidebar-toggle-btn[b-wtef7bc2y8] {
    flex-shrink: 0;
    width: 1.75rem;
    height: 1.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--app-radius-pill);
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border-subtle);
    color: var(--app-color-primary);
    cursor: pointer;
    padding: 0;
    transition: background-color 0.2s ease;
}

    .sidebar-toggle-btn:hover[b-wtef7bc2y8] {
        background: var(--app-surface-muted);
    }

    .sidebar-toggle-btn[b-wtef7bc2y8] (.k-svg-icon) {
        width: 16px;
        height: 16px;
    }

@media (max-width: 768px) {
    .k-drawer-wrapper[b-wtef7bc2y8] {
        width: 280px !important;
    }
}

.topbar-container[b-wtef7bc2y8] {
    box-sizing: border-box;
}

.topbar-container-layout[b-wtef7bc2y8] {
    position: relative;
    min-height: 3.25rem;
    /* Same treatment as .app-page-header-content (site.css) so the topbar and every page's
       own header read as one consistent system instead of solid-vs-gradient side by side. */
    background: linear-gradient(135deg, var(--app-color-primary) 0%, var(--app-color-primary-dark) 100%);
    box-shadow: var(--app-shadow-card);
}

.topbar-brand[b-wtef7bc2y8] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
}

.topbar-brand-icon[b-wtef7bc2y8] {
    width: 2.25rem;
    height: 2.25rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--app-radius-lg);
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
    overflow: hidden;
    padding: 0.3125rem;
    box-sizing: border-box;
}

    .topbar-brand-icon img[b-wtef7bc2y8] {
        width: 100%;
        height: 100%;
        object-fit: contain;
}

/* CMS title (HeaderContent) */
.topbar-title[b-wtef7bc2y8] {
    position: relative;
    z-index: 1;
    min-width: 0;
    text-align: left;
    color: #fff !important;
}

    .topbar-title[b-wtef7bc2y8]  h1,
    .topbar-title[b-wtef7bc2y8]  h2,
    .topbar-title[b-wtef7bc2y8]  h3 {
        margin: 0;
        font-size: 1.125rem;
        font-weight: 600;
        line-height: 1.3;
        color: #fff !important;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .topbar-title[b-wtef7bc2y8]  p {
        margin: 0;
        font-size: 1rem;
        line-height: 1.3;
        color: rgba(255, 255, 255, 0.8) !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .topbar-title[b-wtef7bc2y8]  .admin-header-title-fallback {
        margin: 0;
        font-size: 1.125rem;
        font-weight: 600;
        line-height: 1.3;
        color: #fff !important;
        text-align: left;
    }

.topbar-content[b-wtef7bc2y8] {
    box-sizing: border-box;
}

.topbar-content-layout[b-wtef7bc2y8] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--app-space-3, 0.75rem);
    padding: var(--app-space-2, 0.5rem) var(--app-space-3, 0.75rem);
    width: 100%;
    min-height: 3.25rem;
    box-sizing: border-box;
}

.admin-access-denied[b-wtef7bc2y8] {
    padding: 2rem;
    text-align: center;
}

.admin-access-denied-text[b-wtef7bc2y8] {
    margin-bottom: 1rem;
}

.admin-access-denied-link[b-wtef7bc2y8] {
    display: inline-block;
    padding: 0.5rem 1rem;
    background: var(--app-color-primary);
    color: white;
    text-decoration: none;
    border-radius: 5px;
}

.topbar-left[b-wtef7bc2y8] {
    min-width: 0;
    flex: 1 1 auto;
}

.topbar-right[b-wtef7bc2y8] {
    flex: 0 0 auto;
}

@media (max-width: 768px) {
    .topbar-container-layout[b-wtef7bc2y8] {
        min-height: auto;
    }

    .topbar-content-layout[b-wtef7bc2y8] {
        padding: var(--app-space-2, 0.5rem);
    }
}

@media (max-width: 480px) {
    .topbar-content-layout[b-wtef7bc2y8] {
        padding: var(--app-space-2, 0.5rem);
    }
}
/* /Components/Shared/AuthTimer.razor.rz.scp.css */
.t-dialog[b-ycg3v50pei] {
    z-index: 999999 !important;
}
/* /Components/Shared/CultureTabs.razor.rz.scp.css */
.culture-tabs[b-f2whn3bwqi] {
    display: flex;
    align-items: stretch;
    margin-bottom: 1rem;
    background: #f7fafc;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    overflow: hidden;
}

.culture-tab[b-f2whn3bwqi] {
    flex: 1 1 0;
    border: none;
    background: transparent;
    padding: 0.6rem 0.9rem 0.8rem 0.9rem;
    font-size: 0.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    cursor: pointer;
    color: #4a5568;
    border-right: 1px solid #e2e8f0;
    transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
    position: relative;
}

    .culture-tab:last-child[b-f2whn3bwqi] {
        border-right: none;
    }

    .culture-tab:hover[b-f2whn3bwqi] {
        background: #edf2f7;
    }

    .culture-tab.active[b-f2whn3bwqi] {
        background: #0068d8;
        color: #fff;
        box-shadow: 0 2px 6px rgba(var(--app-color-primary-rgb), 0.35);
        font-weight: 600;
    }

.culture-code[b-f2whn3bwqi] {
    font-weight: 700;
}

.culture-name[b-f2whn3bwqi] {
    font-size: 0.8rem;
    opacity: 0.95;
}

.culture-tab.status-error[b-f2whn3bwqi] {
    border-bottom: 2px solid #e53e3e;
}

.culture-tab.status-draft[b-f2whn3bwqi] {
    border-bottom: 2px solid #ffc400;
}

.culture-tab.status-modified[b-f2whn3bwqi] {
    border-bottom: 2px solid #3182ce;
}

.culture-tab.status-no-translation[b-f2whn3bwqi] {
    opacity: 0.7;
    border-bottom: 2px solid #a0aec0;
}
/* /Components/Shared/Dialog.razor.rz.scp.css */
.dialog-wrapper[b-umz9lew4xq] {
    z-index: 19000;
}

.dialog-window[b-umz9lew4xq] {
    min-width: 200px;
    z-index: 19000;
}
/* /Components/Shared/DialogConfirm.razor.rz.scp.css */
.dialog-confirm-wrapper[b-v719fej7wp] {
    z-index: 19000;
}

.dialog-confirm-window[b-v719fej7wp] {
    min-width: 200px;
    z-index: 19000;
}
/* /Components/Shared/DialogNotification.razor.rz.scp.css */
.custom-notification-wrapper[b-1ttjg8zc6a] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* /Components/Shared/DialogToolTip.razor.rz.scp.css */
.custom-hover-dialog[b-tmho57c2go] {
    position: fixed;
    z-index: 99999;
}

.custom-hover-dialog-window[b-tmho57c2go] {
    min-width: 200px;
    max-width: 320px;
}

.custom-hover-dialog-content[b-tmho57c2go] {
    font-size: 14px;
    line-height: 1.5;
}
/* /Components/Shared/Footer.razor.rz.scp.css */
/* /Components/Shared/HeaderUtilityToolbar.razor.rz.scp.css */
.topbar-utility[b-f6bb38dfi4] {
    display: flex;
    align-items: center;
}

.topbar-utility-buttons[b-f6bb38dfi4] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
}

[b-f6bb38dfi4](.header-util-btn.k-button) {
    width: 3rem !important;
    height: 3rem !important;
    min-width: 3rem !important;
    min-height: 3rem !important;
    padding: 0 !important;
    border-radius: var(--app-radius-pill, 999px) !important;
    background: rgba(255, 255, 255, 0.12) !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
}

[b-f6bb38dfi4](.header-util-btn.k-button:hover) {
    background: rgba(255, 255, 255, 0.22) !important;
    border-color: #fff !important;
}

[b-f6bb38dfi4](.header-util-btn .k-svg-icon) {
    width: 22px;
    height: 22px;
}

/* .notification-bell-btn belongs to the NotificationCenter component (invoked via a
   cascaded RenderFragment) — its own scoped CSS file owns that button's styling,
   kept in sync with the sizing here rather than duplicated via ::deep. */
/* /Components/Shared/LoadingSpinner.razor.rz.scp.css */
/* Used under CC0 license */

.lds-ellipsis[b-cw0ubjag6d] {
    color: #666;
    animation: fade-in-b-cw0ubjag6d 1s;
}

@keyframes fade-in-b-cw0ubjag6d {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.lds-ellipsis[b-cw0ubjag6d],
.lds-ellipsis div[b-cw0ubjag6d] {
    box-sizing: border-box;
}

.lds-ellipsis[b-cw0ubjag6d] {
    margin: auto;
    display: block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .lds-ellipsis div[b-cw0ubjag6d] {
        position: absolute;
        top: 33.33333px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: currentColor;
        animation-timing-function: cubic-bezier(0, 1, 1, 0);
    }

        .lds-ellipsis div:nth-child(1)[b-cw0ubjag6d] {
            left: 8px;
            animation: lds-ellipsis1-b-cw0ubjag6d 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(2)[b-cw0ubjag6d] {
            left: 8px;
            animation: lds-ellipsis2-b-cw0ubjag6d 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(3)[b-cw0ubjag6d] {
            left: 32px;
            animation: lds-ellipsis2-b-cw0ubjag6d 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(4)[b-cw0ubjag6d] {
            left: 56px;
            animation: lds-ellipsis3-b-cw0ubjag6d 0.6s infinite;
        }

@keyframes lds-ellipsis1-b-cw0ubjag6d {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3-b-cw0ubjag6d {
    0% {
        transform: scale(1);
    }

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

@keyframes lds-ellipsis2-b-cw0ubjag6d {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}
/* /Components/Shared/LoginLogoutDisplay.razor.rz.scp.css */
.sidebar-footer[b-oltb9wvono] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.75rem;
}

.sidebar-status-row[b-oltb9wvono] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.user-status-wrapper[b-oltb9wvono] {
    flex: 1 1 auto;
    min-width: 0;
}

.sidebar-user-card[b-oltb9wvono] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.5rem 0.25rem;
    min-width: 0;
}

.sidebar-user-card--icon-only[b-oltb9wvono] {
    justify-content: center;
}

.sidebar-user-avatar[b-oltb9wvono] {
    flex-shrink: 0;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--app-radius-pill);
    background: var(--app-surface-muted);
    border: 1px solid var(--app-border-subtle);
    color: var(--app-text-muted);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .sidebar-user-avatar[b-oltb9wvono] (.k-svg-icon) {
        width: 18px;
        height: 18px;
    }

.sidebar-user-meta[b-oltb9wvono] {
    min-width: 0;
    overflow: hidden;
}

.sidebar-user-name[b-oltb9wvono] {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--app-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar-user-email[b-oltb9wvono] {
    margin: 0;
    font-size: 0.75rem;
    color: var(--app-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar-logout-link[b-oltb9wvono] {
    display: block;
    text-align: center;
    padding: 0.5rem;
    border-radius: var(--app-radius-pill);
    border: 1px solid var(--app-color-primary);
    color: var(--app-color-primary);
    background: transparent;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 600;
    transition: background-color 0.2s ease, color 0.2s ease;
}

    .sidebar-logout-link:hover[b-oltb9wvono] {
        background: var(--app-color-primary);
        color: #fff;
    }

@media (max-width: 768px) {
    .sidebar-footer[b-oltb9wvono] {
        gap: 0.5rem;
    }
}
/* /Components/Templates/EditFormLayout.razor.rz.scp.css */
.hidden-submit-button[b-npny8ty8r0] {
    display: none;
}

/* Overrides site.css's ".panel-footer-col { display: block; }" so an optional
   FooterExtraContent (e.g. a compact published toggle) can sit next to Save. */
.panel-footer-col[b-npny8ty8r0] {
    display: flex;
    align-items: center;
    gap: var(--app-space-3, 0.75rem);
}

.footer-text-layout[b-npny8ty8r0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-text-right[b-npny8ty8r0] {
    margin-right: 5px;
}
/* /Components/Templates/SearchPageLayout.razor.rz.scp.css */
.search-page-layout-main-form.form-panel[b-clag9z6kqe] {
    background-color: var(--app-surface-card, #fff);
}

.search-page-layout-main-form .form-panel-title[b-clag9z6kqe] {
    border-radius: var(--app-radius-xl, 0.625rem) var(--app-radius-xl, 0.625rem) 0 0;
    border-bottom: 1px solid var(--app-border-muted, #e5e7eb);
    padding: var(--app-space-2, 0.5rem) var(--app-space-3, 0.75rem) !important;
}

.search-page-layout-main-form:not(:has(.search-panel-content:not([hidden]))) .form-panel-title[b-clag9z6kqe] {
    border-radius: var(--app-radius-xl, 0.625rem);
}

.search-page-layout-main-form .search-panel-content[b-clag9z6kqe] {
    padding: var(--app-space-2, 0.5rem) var(--app-space-3, 0.75rem) !important;
    background: var(--app-surface-card, #fff);
    border-top: none;
    border-radius: 0 0 var(--app-radius-xl, 0.625rem) var(--app-radius-xl, 0.625rem);
}

.search-page-layout-main-form[b-clag9z6kqe]  .search-filters {
    margin-bottom: 0;
}

.search-page-layout-main-form[b-clag9z6kqe]  .filter-row {
    margin-top: 0;
}

.search-page-layout-main-form[b-clag9z6kqe]  .filter-row:last-child {
    margin-bottom: 0;
}

.search-panel-title > .search-buttons-container[b-clag9z6kqe] {
    display: inline-flex;
    align-items: center;
    gap: var(--app-space-1, 0.25rem);
    margin-left: var(--app-space-1, 0.25rem);
}

.search-panel-title > .search-input-container[b-clag9z6kqe] {
    margin-left: var(--app-space-1, 0.25rem);
}

.search-panel-title > .search-buttons-container > .search-button-item[b-clag9z6kqe] {
    margin-left: 0;
    padding-left: 0;
}

@media (max-width: 768px) {
    .search-panel-title[b-clag9z6kqe] {
        flex-direction: column;
        align-items: stretch;
        gap: var(--app-space-3, 0.75rem);
        padding: var(--app-space-3, 0.75rem);
    }

        .search-panel-title > h1[b-clag9z6kqe] {
            margin: 0;
            font-size: 1.1rem;
            width: 100%;
            order: 1;
            flex-basis: 100%;
        }

        .search-panel-title > .search-input-container[b-clag9z6kqe] {
            margin-left: 0;
            width: 100%;
            order: 2;
            flex-basis: 100%;
        }

            .search-panel-title > .search-input-container .k-textbox[b-clag9z6kqe] {
                width: 100%;
            }

        .search-panel-title > .search-buttons-container[b-clag9z6kqe] {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            order: 3;
            margin-left: 0;
            gap: var(--app-space-2, 0.5rem);
        }

            .search-panel-title > .search-buttons-container > .search-button-item[b-clag9z6kqe] {
                margin-left: 0;
                padding-left: 0;
                flex-shrink: 0;
                display: inline-flex;
                margin-right: 0;
                margin-bottom: 0;
                width: auto;
            }

                .search-panel-title > .search-buttons-container > .search-button-item .k-button[b-clag9z6kqe] {
                    white-space: nowrap;
                    padding: 0.5rem 0.75rem;
                    font-size: 0.85rem;
                    min-width: auto;
                }
}

@media (max-width: 480px) {
    .search-panel-title > .search-buttons-container > .search-button-item .k-button span:not(.k-icon)[b-clag9z6kqe] {
        display: none;
    }

    .search-panel-title > .search-buttons-container > .search-button-item .k-button[b-clag9z6kqe] {
        padding: 0.375rem;
        min-width: 2.5rem;
    }
}
/* /Modules/Admin/Pages/MetricsDashboard.razor.rz.scp.css */
.metrics-dashboard-container[b-q2d8mekrh3] {
    width: 100%;
    height: calc(100vh - 50px);
    display: flex;
    flex-direction: column;
}

.metrics-dashboard-warning[b-q2d8mekrh3] {
    flex-shrink: 0;
    margin-bottom: 0.75rem;
}

.metrics-dashboard-iframe[b-q2d8mekrh3] {
    width: 100%;
    flex: 1;
    min-height: 0;
    border: 0;
}
/* /Modules/Admin/Pages/MicTestPage.razor.rz.scp.css */
.pulse-animation[b-x6v7lfe1qj] {
    animation: pulse-b-x6v7lfe1qj 1.5s infinite;
    font-weight: bold;
    padding: 5px 12px;
    border-radius: 15px;
}

@keyframes pulse-b-x6v7lfe1qj {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.05);
        opacity: 0.8;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.recording-dot[b-x6v7lfe1qj] {
    height: 10px;
    width: 10px;
    background-color: white;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.mic-test-card[b-x6v7lfe1qj] {
    border-radius: 20px;
    overflow: hidden;
}

.mic-test-dev-info[b-x6v7lfe1qj] {
    font-size: 0.85em;
    font-family: var(--app-font-mono);
}
/* /Modules/Admin/Pages/PageContentSearch.razor.rz.scp.css */
[b-crlnp11xtr] .k-overlay {
    z-index: 10001 !important;
}
/* /Modules/Admin/Pages/PagesManage.razor.rz.scp.css */
.pages-edit-panel[b-ewxjz2ve29] {
    background: var(--app-surface-card, #fff);
    border: 1px solid var(--app-border-subtle, #e0e0e0);
    border-radius: var(--app-radius-xl, 0.625rem);
    box-shadow: var(--app-shadow-card, 0 2px 4px rgba(0, 0, 0, 0.1));
    padding: var(--app-space-4, 1rem);
}

/* Sidebar (meta fields + selected-block editor) on the left, large canvas (live preview,
   with the block list floating on top of it) filling the rest of the available width. */
.pages-builder-layout[b-ewxjz2ve29] {
    display: flex;
    align-items: stretch;
    gap: var(--app-space-4, 1rem);
    min-height: calc(100vh - 280px);
}

.pages-builder-sidebar[b-ewxjz2ve29] {
    flex: 0 0 200px;
    display: flex;
    flex-direction: column;
    gap: var(--app-space-3, 0.75rem);
    min-width: 0;
}

.pages-builder-canvas[b-ewxjz2ve29] {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
}

@media (max-width: 992px) {
    .pages-builder-layout[b-ewxjz2ve29] {
        flex-direction: column;
        min-height: 0;
    }

    .pages-builder-sidebar[b-ewxjz2ve29] {
        flex: 0 0 auto;
    }
}

.pages-block-toolbar[b-ewxjz2ve29] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: var(--app-space-3, 0.75rem);
    padding-bottom: var(--app-space-3, 0.75rem);
    border-bottom: 1px solid var(--app-border-muted, #e5e7eb);
}

.pages-block-toolbar-label[b-ewxjz2ve29] {
    margin-right: auto;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--app-text-secondary, #6b7280);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.pages-block-toolbar-buttons[b-ewxjz2ve29] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--app-space-2, 0.5rem);
}

/* Floats on top of the canvas (top-right), collapsible via its header. */
.pages-block-list-floating[b-ewxjz2ve29] {
    position: absolute;
    top: var(--app-space-3, 0.75rem);
    right: var(--app-space-3, 0.75rem);
    width: 300px;
    max-width: calc(100% - 1.5rem);
    max-height: calc(100% - 1.5rem);
    display: flex;
    flex-direction: column;
    background: var(--app-surface-card, #fff);
    border: 1px solid var(--app-border-subtle, #e0e0e0);
    border-radius: var(--app-radius-lg, 0.625rem);
    box-shadow: var(--app-shadow-card, 0 8px 24px rgba(0, 0, 0, 0.15));
    /* Below the sticky .app-page-header's z-index:5 (site.css) — otherwise, once the page
       scrolls, this panel visually renders on top of the header instead of under it. */
    z-index: 4;
    overflow: hidden;
}

    .pages-block-list-floating.minimized[b-ewxjz2ve29] {
        width: auto;
    }

        .pages-block-list-floating.minimized .pages-block-list-floating-body[b-ewxjz2ve29] {
            display: none;
        }

.pages-block-list-floating-header[b-ewxjz2ve29] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--app-space-3, 0.75rem);
    padding: var(--app-space-2, 0.5rem) var(--app-space-3, 0.75rem);
    background: var(--app-surface-muted, #f3f4f6);
    border-bottom: 1px solid var(--app-border-subtle, #e0e0e0);
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
    user-select: none;
}

    .pages-block-list-floating.minimized .pages-block-list-floating-header[b-ewxjz2ve29] {
        border-bottom: none;
    }

.pages-block-list-floating-body[b-ewxjz2ve29] {
    padding: var(--app-space-3, 0.75rem);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: var(--app-space-2, 0.5rem);
}

    .pages-block-list-floating-body[b-ewxjz2ve29]  .k-listbox {
        width: 100%;
        border: 1px solid var(--app-border-subtle, #e0e0e0);
        border-radius: var(--app-radius-md, 0.5rem);
    }

    .pages-block-list-floating-body[b-ewxjz2ve29]  .k-list-scroller {
        width: 100%;
    }

    .pages-block-list-floating-body[b-ewxjz2ve29]  .k-listbox .k-selected {
        background-color: rgba(var(--app-color-primary-rgb), 0.12);
        color: var(--app-color-primary);
        font-weight: 600;
    }

@media (max-width: 992px) {
    .pages-block-list-floating[b-ewxjz2ve29] {
        position: static;
        width: 100%;
        max-width: none;
        max-height: none;
        margin-bottom: var(--app-space-3, 0.75rem);
    }
}

.pages-block-edit[b-ewxjz2ve29] {
    background: var(--app-surface-muted, #f3f4f6);
    border: 1px solid var(--app-border-subtle, #e0e0e0);
    border-radius: var(--app-radius-md, 0.5rem);
    padding: var(--app-space-3, 0.75rem);
    min-height: 120px;
    font-size: 0.875rem;
}

.pages-block-grid-card[b-ewxjz2ve29] {
    display: grid;
    grid-template-columns: 1fr 1.5fr auto auto;
    gap: var(--app-space-2, 0.5rem);
    align-items: start;
    padding: var(--app-space-2, 0.5rem);
    margin-bottom: var(--app-space-2, 0.5rem);
    background: var(--app-surface-card, #fff);
    border: 1px solid var(--app-border-muted, #e5e7eb);
    border-radius: var(--app-radius-sm, 0.25rem);
}

@media (max-width: 768px) {
    .pages-block-grid-card[b-ewxjz2ve29] {
        grid-template-columns: 1fr;
    }
}

.pages-container-row-edit[b-ewxjz2ve29] {
    display: flex;
    flex-direction: column;
    gap: var(--app-space-2, 0.5rem);
    padding: var(--app-space-2, 0.5rem);
    margin-bottom: var(--app-space-2, 0.5rem);
    background: var(--app-surface-card, #fff);
    border: 1px solid var(--app-border-muted, #e5e7eb);
    border-radius: var(--app-radius-sm, 0.25rem);
}

.pages-container-row-layout[b-ewxjz2ve29] {
    display: flex;
    gap: var(--app-space-1, 0.25rem);
}

.pages-container-row-columns[b-ewxjz2ve29] {
    display: flex;
    flex-direction: column;
    gap: var(--app-space-2, 0.5rem);
}

/* Stacked, not a 2-column grid — the sidebar is only 200px wide, and side-by-side comboboxes
   there squeezed the "Aukštis" one so its clear/dropdown icons overflowed the sidebar. */
.pages-container-size-row[b-ewxjz2ve29] {
    display: flex;
    flex-direction: column;
    gap: var(--app-space-2, 0.5rem);
    margin-bottom: var(--app-space-3, 0.75rem);
    padding-bottom: var(--app-space-3, 0.75rem);
    border-bottom: 1px solid var(--app-border-muted, #e5e7eb);
}

.pages-block-rename[b-ewxjz2ve29] {
    margin-bottom: var(--app-space-2, 0.5rem);
}

/* Now the dominant canvas — fills the whole builder height instead of a capped preview strip. */
.pages-block-preview[b-ewxjz2ve29] {
    background: var(--app-surface-page, #f4f4f4);
    border: 1px dashed var(--app-border-muted, #e5e7eb);
    border-radius: var(--app-radius-lg, 0.5rem);
    padding: var(--app-space-5, 1.25rem);
    height: 100%;
    min-height: calc(100vh - 280px);
    overflow-y: auto;
}

.pages-header-actions[b-ewxjz2ve29] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--app-space-2, 0.5rem);
}

/* Replaces the old "← Puslapiai" button — sits directly left of the "Puslapiai" title. */
.pages-back-arrow[b-ewxjz2ve29] {
    display: inline-flex;
    align-items: center;
    margin-right: var(--app-space-2, 0.5rem);
    cursor: pointer;
    vertical-align: middle;
}

    .pages-back-arrow:hover[b-ewxjz2ve29] {
        opacity: 0.75;
    }

/* Compact inline Paskirtis/Pavadinimas/Tėvinis puslapis fields shown in the header once a
   page is open — replaces the page-selector dropdown, which reappears via the back arrow. */
.pages-header-field[b-ewxjz2ve29] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.pages-header-field-label[b-ewxjz2ve29] {
    font-size: 0.6875rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.85);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* The header's blue gradient background otherwise bleeds through the TextBox's themed
   surface, making Paskirtis/Pavadinimas read as dark/blue instead of a normal light input.
   Also forces the same compact height as the Tėvinis puslapis dropdown — TelerikTextBox and
   TelerikDropDownList otherwise render at visibly different heights next to each other. */
.pages-header-field[b-ewxjz2ve29]  .k-input,
.pages-header-field[b-ewxjz2ve29]  .k-dropdownlist,
.pages-header-field[b-ewxjz2ve29]  .k-textbox {
    background: #fff !important;
    height: 32px !important;
    min-height: 32px !important;
    box-sizing: border-box !important;
}

    .pages-header-field[b-ewxjz2ve29]  .k-input-inner {
        background: transparent !important;
        color: var(--app-text-primary, #1f2937) !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        height: 100% !important;
        line-height: 30px !important;
    }

.pages-block-move-row[b-ewxjz2ve29] {
    display: flex;
    gap: var(--app-space-2, 0.5rem);
    margin-bottom: var(--app-space-2, 0.5rem);
}

/* Stacked, not a grid — the sidebar is only 260px wide now, and a multi-column grid there
   squeezed each dropdown/combobox down to ~50px, truncating e.g. "24px" to "2". */
.pages-block-style-row[b-ewxjz2ve29] {
    display: flex;
    flex-direction: column;
    gap: var(--app-space-2, 0.5rem);
    margin-bottom: var(--app-space-3, 0.75rem);
    padding-bottom: var(--app-space-3, 0.75rem);
    border-bottom: 1px solid var(--app-border-muted, #e5e7eb);
}

.pages-danger-zone[b-ewxjz2ve29] {
    display: flex;
    align-items: center;
    gap: var(--app-space-3, 0.75rem);
    flex-wrap: wrap;
    padding: var(--app-space-3, 0.75rem);
    background: rgba(220, 53, 69, 0.06);
    border: 1px solid rgba(220, 53, 69, 0.25);
    border-radius: var(--app-radius-md, 0.5rem);
}

.pages-danger-zone-hint[b-ewxjz2ve29] {
    font-size: 0.8125rem;
}

/* Color swatch shown inside the Teksto/Fono spalva dropdown items and selected value —
   the only content there now (no hex text), so it's sized to read clearly on its own. */
.pages-color-swatch[b-ewxjz2ve29] {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: var(--app-radius-sm, 0.25rem);
    border: 1px solid var(--app-border-muted, #e5e7eb);
    vertical-align: middle;
}

.pages-align-buttons[b-ewxjz2ve29] {
    display: flex;
    gap: var(--app-space-1, 0.25rem);
}

/* Sizing for the actual <input type="checkbox"> (rendered by InputCheckbox, a framework
   component) lives in site.css instead — it's rendered outside this file's scoped CSS
   reach, same InputFile gotcha documented there. */
.pages-published-check[b-ewxjz2ve29] {
    display: flex;
    align-items: center;
    gap: var(--app-space-2, 0.5rem);
}

    .pages-published-check .form-check-label[b-ewxjz2ve29] {
        margin: 0;
    }
/* /Modules/Admin/Pages/PagesTree.razor.rz.scp.css */
.pages-tree-panel[b-37kid64wwf] {
    background: var(--app-surface-card, #fff);
    border: 1px solid var(--app-border-subtle, #e0e0e0);
    border-radius: var(--app-radius-xl, 0.625rem);
    box-shadow: var(--app-shadow-card, 0 2px 4px rgba(0, 0, 0, 0.1));
    padding: var(--app-space-4, 1rem);
}

/* ItemTemplate content is rendered inside Telerik's own tree-item markup, outside this
   file's scope attribute reach — ::deep is required for these to actually match. */
.pages-tree-panel[b-37kid64wwf]  .pages-tree-node {
    display: flex;
    align-items: center;
    gap: var(--app-space-2, 0.5rem);
    flex-wrap: wrap;
}

/* Folder for a parent (has children), plain document for a leaf page — same visual
   convention as a classic file-explorer tree. */
.pages-tree-panel[b-37kid64wwf]  .pages-tree-node-icon {
    color: var(--app-color-primary, #24456D);
    flex-shrink: 0;
}

.pages-tree-panel[b-37kid64wwf]  .pages-tree-node-title {
    font-weight: 600;
    color: var(--app-text-primary, #1f2937);
}

.pages-tree-panel[b-37kid64wwf]  .pages-tree-node-slug {
    font-family: var(--app-font-mono);
    font-size: 0.8125rem;
    color: var(--app-text-secondary, #6b7280);
}

.pages-tree-panel[b-37kid64wwf]  .pages-tree-node-badge {
    padding: 0.15rem 0.55rem;
    border-radius: var(--app-radius-2xl, 1rem);
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

    .pages-tree-panel[b-37kid64wwf]  .pages-tree-node-badge.published {
        background: #ecfdf5;
        color: #166534;
    }

    .pages-tree-panel[b-37kid64wwf]  .pages-tree-node-badge.draft {
        background: var(--app-surface-muted, #f3f4f6);
        color: var(--app-text-secondary, #6b7280);
    }
/* /Modules/Admin/Pages/SettingEdit.razor.rz.scp.css */
.setting-container[b-kisw5rclht] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0;
}

.form-group[b-kisw5rclht] {
    margin-bottom: 1.5rem;
}

.form-label[b-kisw5rclht] {
    font-weight: 600;
    color: #2d3748;
    margin-bottom: 0.5rem;
    display: block;
}

.form-control[b-kisw5rclht] {
    border-radius: 12px;
    border: 2px solid transparent;
    background: #f7fafc;
    transition: .2s;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    width: 100%;
    padding: 0.75rem;
    font-size: 0.95rem;
}

    .form-control:focus[b-kisw5rclht] {
        outline: none;
        border-color: var(--app-color-primary);
        background: #fff;
        box-shadow: 0 4px 25px rgba(var(--app-color-primary-rgb), 0.15);
    }

.large-input[b-kisw5rclht] {
    width: 100%;
    min-width: 100%;
    padding: 0.75rem;
    font-size: 1rem;
}

.large-textarea[b-kisw5rclht] {
    width: 100%;
    min-width: 100%;
    min-height: 200px;
    max-height: 500px;
    padding: 0.75rem;
    font-size: 0.95rem;
    font-family: var(--app-font-mono);
    line-height: 1.5;
    resize: vertical;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.settings-container[b-kisw5rclht] {
    position: relative;
    z-index: 1;
}

@media (max-width: 768px) {
    .setting-container[b-kisw5rclht] {
        padding: 0;
    }
}
/* /Modules/Admin/Pages/SettingsSearch.razor.rz.scp.css */
.settings-grid .k-grid tbody tr[b-mlbq4glq19] {
    cursor: pointer;
    transition: all 0.2s ease;
}

    .settings-grid .k-grid tbody tr:hover[b-mlbq4glq19] {
        background: linear-gradient(135deg, rgba(66, 153, 225, 0.08), rgba(2, 117, 216, 0.08));
        transform: translateY(-1px);
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    }

.row-number[b-mlbq4glq19] {
    font-weight: 600;
    color: #4a5568;
    background: rgba(66, 153, 225, 0.1);
    padding: 0.25rem 0.5rem;
    border-radius: 8px;
    font-size: 0.8rem;
}

.header-text[b-mlbq4glq19] {
    font-weight: 600;
    color: #2d3748;
}

.name-cell[b-mlbq4glq19], .value-cell[b-mlbq4glq19] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    line-height: 1.4;
}

.name-icon[b-mlbq4glq19], .value-icon[b-mlbq4glq19] {
    flex-shrink: 0;
    opacity: 0.7;
    font-size: 0.9rem;
    margin-top: 0.1rem;
}

.name-cell strong[b-mlbq4glq19] {
    color: #2d3748;
    font-weight: 600;
}

.value-cell[b-mlbq4glq19] {
    color: #4a5568;
    font-size: 0.9rem;
}

.value-text[b-mlbq4glq19] {
    background: rgba(66, 153, 225, 0.05);
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
    font-family: var(--app-font-mono);
    font-size: 0.85rem;
    color: #2b6cb0;
    border: 1px solid rgba(66, 153, 225, 0.1);
    word-break: break-all;
    display: inline-block;
}

[b-mlbq4glq19] .k-overlay {
    z-index: 10001 !important;
}
/* /Modules/Admin/Pages/SettingsSearchPage.razor.rz.scp.css */
.settings-grid[b-yi0skm1s62] {
    width: 100%;
}

.setting-name[b-yi0skm1s62] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.setting-icon[b-yi0skm1s62] {
    opacity: 0.7;
    font-size: 0.9rem;
}

.setting-value[b-yi0skm1s62] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    line-height: 1.4;
    min-width: 0;
}

.value-icon[b-yi0skm1s62] {
    flex-shrink: 0;
    opacity: 0.7;
    font-size: 0.9rem;
    margin-top: 0.1rem;
}

.value-text[b-yi0skm1s62] {
    background: rgba(66, 153, 225, 0.05);
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
    font-family: var(--app-font-mono);
    font-size: 0.8rem;
    line-height: 1.45;
    color: #2b6cb0;
    border: 1px solid rgba(66, 153, 225, 0.1);
    word-break: break-all;
    display: inline-block;
    max-width: 100%;
}

.settings-grid .k-grid tbody tr[b-yi0skm1s62] {
    cursor: pointer;
    transition: all 0.2s ease;
}

    .settings-grid .k-grid tbody tr:hover[b-yi0skm1s62] {
        background: rgba(var(--app-color-primary-rgb), 0.03);
        transition: background-color 0.2s ease;
    }

.settings-search-container[b-yi0skm1s62] {
    position: relative;
    z-index: 1;
}

    .settings-search-container.app-telerik-search-mobile[b-yi0skm1s62] {
        --app-tsm-grid-min: 700px;
        --app-tsm-cell-min: 150px;
    }
/* /Modules/Chat/Components/AgentFeedBack.razor.rz.scp.css */
.agent-feedback-dialog-wrapper[b-a9895oqrh6] {
    z-index: 19000;
}

.agent-feedback-dialog-window[b-a9895oqrh6] {
    min-width: 400px;
    z-index: 19000;
}

.agent-feedback-content[b-a9895oqrh6] {
    padding: 20px;
}

.agent-feedback-section[b-a9895oqrh6] {
    margin-bottom: 15px;
}

.agent-feedback-label[b-a9895oqrh6] {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
}

.agent-feedback-textarea[b-a9895oqrh6] {
    width: 100%;
    height: 100px;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
    font-family: inherit;
}

.agent-feedback-note-help[b-a9895oqrh6] {
    color: #666;
    font-size: 0.85em;
}

.agent-feedback-checkbox-label[b-a9895oqrh6] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.agent-feedback-checkbox[b-a9895oqrh6] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.agent-feedback-label-strong[b-a9895oqrh6] {
    font-weight: 500;
}
/* /Modules/Chat/Components/ChatWindow.razor.rz.scp.css */
/* Spalvos / šrifto žetonai: chat-color-tokens-*.css + ChatWindow*.css (Portal HeadContent) */
.chat-widget-shell[b-h1rfsvimbn] {
    position: relative;
    background-color: var(--chat-color-surface, #ffffff);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    color: var(--chat-color-text, #0f172a);
}

.chat-widget-width-100[b-h1rfsvimbn] {
    width: 100%;
}

.chat-widget-width-default[b-h1rfsvimbn] {
    width: 100%;
}

.chat-widget-height-90vh[b-h1rfsvimbn] {
    height: 90vh;
}

.chat-widget-height-100[b-h1rfsvimbn] {
    height: 100%;
}

.chat-widget-max-none[b-h1rfsvimbn] {
    max-width: none;
}

.chat-widget-max-default[b-h1rfsvimbn] {
    max-width: 380px;
}

/* Chat header */
.chat-header[b-h1rfsvimbn] {
    flex: 0 0 auto;
    color: white;
    padding: 1rem;
    font-weight: bold;
    border-radius: 8px 8px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.header-main[b-h1rfsvimbn] {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.header-controls[b-h1rfsvimbn] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    flex: 0 1 auto;
}

/* Chat user greeting */
.user-section[b-h1rfsvimbn] {
    display: flex;
    align-items: center;
    min-width: 5.5rem;
    flex: 1 1 auto;
    max-width: 13rem;
    overflow: hidden;
}

.user-greeting[b-h1rfsvimbn] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    max-width: 100%;
    font-size: 0.85rem;
    font-weight: bold;
    opacity: 0.95;
    background: rgba(255,255,255,0.1);
    padding: 0.3rem 0.6rem;
    border-radius: 12px;
    backdrop-filter: blur(10px);
    transition: all 0.2s ease;
}

.user-name[b-h1rfsvimbn] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    flex: 1 1 auto;
}

    .user-greeting:hover[b-h1rfsvimbn] {
        background: rgba(255,255,255,0.15);
        transform: translateY(-1px);
    }

    .user-greeting.guest[b-h1rfsvimbn] {
        opacity: 0.7;
        font-style: italic;
    }

.user-icon[b-h1rfsvimbn] {
    background: rgba(255,255,255,0.2);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    flex-shrink: 0;
}

.header-controls .login-btn[b-h1rfsvimbn],
.header-controls .chat-header-logout-btn[b-h1rfsvimbn],
.header-controls .info-menu-container[b-h1rfsvimbn],
.header-controls .language-dropdown-container[b-h1rfsvimbn] {
    flex-shrink: 0;
}

.chat-header-logout-btn[b-h1rfsvimbn] {
    background: rgba(255,255,255,0.15);
    border: 1px solid rgba(255,255,255,0.3);
    color: white;
    padding: 0.4rem;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    backdrop-filter: blur(10px);
    width: 32px;
    height: 32px;
    min-width: 32px;
    max-width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    gap: 0;
}

    .chat-header-logout-btn:hover[b-h1rfsvimbn] {
        background: rgba(255,255,255,0.25);
        border-color: rgba(255,255,255,0.5);
        transform: translateY(-1px);
    }

    .chat-header-logout-btn:active[b-h1rfsvimbn] {
        transform: translateY(0);
        background: rgba(255,255,255,0.2);
    }

.chat-header-logout-btn svg[b-h1rfsvimbn],
.chat-header-logout-btn[b-h1rfsvimbn] (.k-svg-icon) {
    width: 18px;
    height: 18px;
    fill: white;
    flex-shrink: 0;
}

/* Legacy markup: logout used .login-btn after .user-section with a plain label span */
.user-section ~ .login-btn > span:not(.k-svg-icon):not([class*="k-svg-i"])[b-h1rfsvimbn] {
    display: none;
}

/* Login Button */
.login-btn[b-h1rfsvimbn] {
    background: rgba(255,255,255,0.15);
    border: 1px solid rgba(255,255,255,0.3);
    color: white;
    padding: 0.5rem 0.8rem 0.4rem 0.8rem;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    font-weight: bold;
    height: 32px;
    text-decoration: none;
}

    .login-btn:hover[b-h1rfsvimbn] {
        background: rgba(255,255,255,0.25);
        border-color: rgba(255,255,255,0.5);
        transform: translateY(-1px);
    }

    .login-btn:active[b-h1rfsvimbn] {
        transform: translateY(0);
        background: rgba(255,255,255,0.2);
    }

    .login-btn svg[b-h1rfsvimbn],
    .login-btn[b-h1rfsvimbn] (.k-svg-icon) {
        width: 18px;
        height: 18px;
        fill: white;
        flex-shrink: 0;
    }

    .login-btn > span[b-h1rfsvimbn] {
        font-size: 0.75rem;
        line-height: 1;
    }

/* Info Menu */
.info-menu-container[b-h1rfsvimbn] {
    position: relative;
    display: flex;
    align-items: center;
}

.info-menu-btn[b-h1rfsvimbn] {
    background: rgba(255,255,255,0.15);
    border: 1px solid rgba(255,255,255,0.3);
    color: white;
    padding: 0.4rem;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    backdrop-filter: blur(10px);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .info-menu-btn:hover[b-h1rfsvimbn] {
        background: rgba(255,255,255,0.25);
        border-color: rgba(255,255,255,0.5);
        transform: translateY(-1px);
    }

    .info-menu-btn:active[b-h1rfsvimbn] {
        transform: translateY(0);
        background: rgba(255,255,255,0.2);
    }

    .info-menu-btn svg[b-h1rfsvimbn] {
        width: 18px;
        height: 18px;
        fill: white;
    }

.info-menu-backdrop[b-h1rfsvimbn] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999;
    background: transparent;
}

.info-menu-dropdown[b-h1rfsvimbn] {
    position: absolute;
    top: calc(100% + 0.5rem);
    right: 0;
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    min-width: 220px;
    z-index: 1000;
    overflow: hidden;
    animation: slideDown-b-h1rfsvimbn 0.2s ease-out;
}

@keyframes slideDown-b-h1rfsvimbn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.info-menu-item[b-h1rfsvimbn] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    color: #333;
    text-decoration: none;
    transition: background-color 0.2s ease;
    cursor: pointer;
}

.info-menu-item-clickable[b-h1rfsvimbn] {
    cursor: pointer;
}

button.info-menu-item[b-h1rfsvimbn] {
    width: 100%;
    border: none;
    background: none;
    font: inherit;
    text-align: left;
}

.info-menu-item:hover[b-h1rfsvimbn] {
    background-color: #f5f5f5;
}

.info-menu-item svg[b-h1rfsvimbn] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.info-menu-item span[b-h1rfsvimbn] {
    font-size: 0.9rem;
    font-weight: 500;
}

/* Language Dropdown */
.language-dropdown-container[b-h1rfsvimbn] {
    position: relative;
    display: flex;
    align-items: center;
}

.language-dropdown-btn[b-h1rfsvimbn] {
    background: rgba(255,255,255,0.15);
    border: 1px solid rgba(255,255,255,0.3);
    color: white;
    padding: 0.4rem 0.8rem;
    border-radius: 8px;
    font-size: 0.75rem;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.2s ease;
    backdrop-filter: blur(10px);
    min-width: 50px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
}

    .language-dropdown-btn:hover[b-h1rfsvimbn] {
        background: rgba(255,255,255,0.25);
        border-color: rgba(255,255,255,0.5);
        transform: translateY(-1px);
    }

    .language-dropdown-btn:active[b-h1rfsvimbn] {
        transform: translateY(0);
        background: rgba(255,255,255,0.2);
    }

.dropdown-arrow[b-h1rfsvimbn] {
    font-size: 0.6rem;
    transition: transform 0.2s ease;
    opacity: 0.9;
}

.language-dropdown-btn:hover .dropdown-arrow[b-h1rfsvimbn] {
    opacity: 1;
}

.language-dropdown-backdrop[b-h1rfsvimbn] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999;
    background: transparent;
}

.language-dropdown-menu[b-h1rfsvimbn] {
    position: absolute;
    top: calc(100% + 0.5rem);
    right: 0;
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    min-width: 90px;
    z-index: 1000;
    overflow: hidden;
    animation: slideDown-b-h1rfsvimbn 0.2s ease-out;
}

.language-option[b-h1rfsvimbn] {
    display: block;
    width: 100%;
    padding: 0.75rem 1rem;
    background: white;
    border: none;
    color: #333;
    text-align: center;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: 500;
    transition: background-color 0.2s ease;
}

    .language-option:hover[b-h1rfsvimbn] {
        background-color: #f5f5f5;
    }

    .language-option.active[b-h1rfsvimbn] {
        font-weight: bold;
    }

/* Chat body */
.chat-body[b-h1rfsvimbn] {
    flex: 1 1 0; /* Use 0 as base size to prevent growing beyond available space */
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    padding: 1rem;
    background-color: var(--chat-color-surface-muted);
    scroll-behavior: smooth;
    min-height: 0; /* Allow flex item to shrink below content size */
    /* Styled explicitly so the bar stays visible: Windows hides overlay scrollbars until you
       scroll, which in a narrow embedded widget leaves no hint that the history continues. */
    scrollbar-width: thin;
    scrollbar-color: #cbd5e0 #f7fafc;
}

    .chat-body[b-h1rfsvimbn]::-webkit-scrollbar {
        width: 6px;
    }

    .chat-body[b-h1rfsvimbn]::-webkit-scrollbar-track {
        background: #f7fafc;
        border-radius: 3px;
    }

    .chat-body[b-h1rfsvimbn]::-webkit-scrollbar-thumb {
        background: #cbd5e0;
        border-radius: 3px;
    }

        .chat-body[b-h1rfsvimbn]::-webkit-scrollbar-thumb:hover {
            background: #a0aec0;
        }

.user-left[b-h1rfsvimbn] {
    background-color: var(--chat-msg-bot-bg);
    color: var(--chat-msg-bot-text);
    align-self: flex-start;
    border-left: 4px solid var(--chat-color-success);
}

.user-right[b-h1rfsvimbn] {
    align-self: flex-end;
    background-color: var(--chat-msg-user-bg, #dbeafe);
    color: var(--chat-msg-user-text, #1e3a8a);
    border-radius: 8px;
    border-right: 3px solid var(--chat-color-primary, #0a66c2);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

.bot[b-h1rfsvimbn] {
    align-self: flex-start;
}

.agent[b-h1rfsvimbn] {
    background-color: var(--chat-msg-bot-bg);
    color: var(--chat-msg-bot-text);
    align-self: flex-start;
    border-left: 4px solid var(--chat-color-success);
}

.chat-message.agent-only-summary[b-h1rfsvimbn] {
    background-color: #fff3cd;
    color: #856404;
    border-left: 4px solid #ffc107;
    border-radius: 8px;
    margin-top: 0.5rem;
    padding: 0.5rem 0.7rem !important;
    overflow: visible;
}

    .chat-message.agent-only-summary[b-h1rfsvimbn]::before {
        content: "Pokalbio santrauka";
        display: block;
        width: fit-content;
        max-width: 100%;
        margin: 0 0 0.2rem 0;
        background-color: #ffc107;
        color: #856404;
        padding: 2px 8px;
        border-radius: 4px;
        font-size: 0.75rem;
        font-weight: bold;
        line-height: 1.3;
        white-space: nowrap;
    }

    #chat-widget .chat-message.agent-only-summary .agent-only-summary-row[b-h1rfsvimbn] {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: end !important;
        column-gap: 0.5rem;
        position: relative;
        width: 100%;
    }

    #chat-widget .chat-message.agent-only-summary .agent-only-summary-text[b-h1rfsvimbn] {
        grid-column: 1;
        grid-row: 1;
        min-width: 0;
    }

    #chat-widget .chat-message.agent-only-summary .agent-only-summary-row > .dislike-btn[b-h1rfsvimbn] {
        grid-column: 2 !important;
        grid-row: 1 !important;
        align-self: end !important;
        justify-self: end !important;
        position: relative !important;
        inset: unset !important;
        top: unset !important;
        right: unset !important;
        bottom: unset !important;
        left: unset !important;
        margin: 0 !important;
    }

.feedback-comment[b-h1rfsvimbn] {
    background-color: #f3e5f5;
    color: #6a1b9a;
    border-left: 4px solid #9c27b0;
    border-radius: 8px;
    position: relative;
    margin-top: 1.2rem;
    padding-top: 0.75rem;
}

    .feedback-comment[b-h1rfsvimbn]::before {
        content: "Atsiliepimas";
        position: absolute;
        top: -8px;
        left: 8px;
        background-color: #9c27b0;
        color: #ffffff;
        padding: 2px 8px;
        border-radius: 4px;
        font-size: 0.75rem;
        font-weight: bold;
        white-space: nowrap;
    }

.quality-improvement-suggestion[b-h1rfsvimbn] {
    background-color: #ffe0b2;
    color: #e65100;
    border-left: 4px solid #ff9800;
    border-radius: 8px;
    position: relative;
    margin-top: 1.2rem;
    padding-top: 0.75rem;
}

    .quality-improvement-suggestion[b-h1rfsvimbn]::before {
        content: "💡 Pasiūlymas";
        position: absolute;
        top: -8px;
        left: 8px;
        background-color: #ff9800;
        color: #ffffff;
        padding: 2px 8px;
        border-radius: 4px;
        font-size: 0.75rem;
        font-weight: bold;
        white-space: nowrap;
    }

.conversation-notes[b-h1rfsvimbn] {
    background-color: #fce4ec;
    color: #880e4f;
    border-left: 4px solid #c2185b;
    border-radius: 8px;
    position: relative;
    margin-top: 1.2rem;
    padding-top: 0.75rem;
}

    .conversation-notes[b-h1rfsvimbn]::before {
        content: "📝 Pastabos";
        position: absolute;
        top: -8px;
        left: 8px;
        background-color: #c2185b;
        color: #ffffff;
        padding: 2px 8px;
        border-radius: 4px;
        font-size: 0.75rem;
        font-weight: bold;
        white-space: nowrap;
    }

.seen-icon[b-h1rfsvimbn] {
    margin-left: 5px;
    color: #28a745;
    font-size: 0.8em;
    opacity: 0.8;
    position: absolute;
    bottom: -2px;
    right: 5px;
}

/* Messages with dislike: reserve corner + pin button bottom-right (not summary — uses flex) */
.chat-message:has(.dislike-btn):not(.agent-only-summary)[b-h1rfsvimbn] {
    --dislike-btn-size: 30px;
    --dislike-btn-gap: 8px;
    --dislike-btn-reserve: calc(var(--dislike-btn-size) + var(--dislike-btn-gap) * 2);
    padding-right: var(--dislike-btn-reserve) !important;
    padding-bottom: var(--dislike-btn-reserve) !important;
}

    .chat-message:has(.dislike-btn):not(.agent-only-summary) .dislike-btn[b-h1rfsvimbn] {
        top: auto;
        bottom: var(--dislike-btn-gap);
        right: var(--dislike-btn-gap);
    }

/* Dislike button */
.dislike-btn[b-h1rfsvimbn] {
    position: absolute;
    top: 20px;
    right: 8px;
    background: rgba(102, 85, 85, 0.10);
    border: none;
    cursor: pointer;
    transition: background 0.2s ease;
    padding: 6px;
    border-radius: 12px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

    .dislike-btn:hover[b-h1rfsvimbn] {
        background: rgba(102, 85, 85, 0.25);
    }

    .dislike-btn.active[b-h1rfsvimbn] {
        background: rgba(102, 85, 85, 0.25);
    }

        .dislike-btn.active:hover[b-h1rfsvimbn] {
            background: rgba(102, 85, 85, 0.35);
        }

.dislike-btn-icon[b-h1rfsvimbn] {
    color: rgba(92, 84, 84, 0.85);
}

/* Follow-up questions box */
.follow-up-questions-box[b-h1rfsvimbn] {
    overflow: hidden;
    transition: all 0.3s ease;
    flex: 0 0 auto;
}

/* When collapsed: make the bar obvious — users often miss a plain text header */
.follow-up-questions-box--closed .follow-up-questions-header[b-h1rfsvimbn] {
    background: linear-gradient(90deg, rgba(10, 102, 194, 0.12), rgba(14, 165, 183, 0.1));
    border: 1px solid var(--chat-color-border, #cbd5e1);
    border-radius: 8px;
    margin: 0.35rem 0.5rem 0;
    padding: 0.65rem 0.75rem;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
}

    .follow-up-questions-box--closed .follow-up-questions-header:hover[b-h1rfsvimbn] {
        border-color: var(--chat-color-primary, #0a66c2);
        background: linear-gradient(90deg, rgba(10, 102, 194, 0.18), rgba(14, 165, 183, 0.14));
    }

    .follow-up-questions-box--closed .follow-up-questions-header:focus-visible[b-h1rfsvimbn] {
        outline: none;
        box-shadow: 0 0 0 3px var(--chat-color-focus-ring, rgba(10, 102, 194, 0.28));
    }

.follow-up-questions-box--open .follow-up-questions-header[b-h1rfsvimbn] {
    background: linear-gradient(90deg, rgba(10, 102, 194, 0.08), rgba(14, 165, 183, 0.06));
    border: 1px solid var(--chat-color-border, #cbd5e1);
    border-radius: 8px 8px 0 0;
    margin: 0.35rem 0.5rem 0;
    padding: 0.65rem 0.75rem;
    border-bottom: none;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.follow-up-questions-box--open .follow-up-questions-content.expanded[b-h1rfsvimbn] {
    margin: 0 0.5rem;
    border: 1px solid var(--chat-color-border, #cbd5e1);
    border-top: none;
    border-radius: 0 0 8px 8px;
    background: var(--chat-color-surface, #ffffff);
}

.follow-up-questions-header[b-h1rfsvimbn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem;
    cursor: pointer;
    gap: 0.5rem;
}

.follow-up-questions-header-text[b-h1rfsvimbn] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.follow-up-questions-header-meta[b-h1rfsvimbn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem 0.6rem;
}

.follow-up-questions-count[b-h1rfsvimbn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.35rem;
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    color: #fff;
    background: var(--chat-color-primary, #0a66c2);
    line-height: 1.2;
}

.follow-up-questions-hint[b-h1rfsvimbn] {
    font-size: 0.78rem;
    font-weight: 500;
    color: var(--chat-color-primary, #0a66c2);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.follow-up-questions-header h4[b-h1rfsvimbn] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--chat-color-text, #0f172a);
}

.follow-up-questions-toggle-btn[b-h1rfsvimbn] {
    background: none;
    border: none;
    padding: 0.25rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.follow-up-questions-content[b-h1rfsvimbn] {
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}

    .follow-up-questions-content.expanded[b-h1rfsvimbn] {
        max-height: 300px;
        opacity: 1;
        padding: 0 0.75rem 0.75rem 0.75rem;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #cbd5e0 #f7fafc;
    }

        .follow-up-questions-content.expanded[b-h1rfsvimbn]::-webkit-scrollbar {
            width: 6px;
        }

        .follow-up-questions-content.expanded[b-h1rfsvimbn]::-webkit-scrollbar-track {
            background: #f7fafc;
            border-radius: 3px;
        }

        .follow-up-questions-content.expanded[b-h1rfsvimbn]::-webkit-scrollbar-thumb {
            background: #cbd5e0;
            border-radius: 3px;
        }

            .follow-up-questions-content.expanded[b-h1rfsvimbn]::-webkit-scrollbar-thumb:hover {
                background: #a0aec0;
            }

    .follow-up-questions-content.collapsed[b-h1rfsvimbn] {
        max-height: 0;
        opacity: 0;
        padding: 0 0.75rem;
    }

.follow-up-questions-list[b-h1rfsvimbn] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

/* Suggested FAQ + follow-up question chips — same visual language */
.follow-up-question-btn[b-h1rfsvimbn],
.faq-question-btn[b-h1rfsvimbn] {
    border: 1px solid var(--chat-color-border, #d7e3ef);
    padding: 0.55rem 0.85rem;
    border-radius: 8px;
    font-size: 0.9rem;
    cursor: pointer;
    text-align: left;
    transition: all 0.2s ease;
    word-wrap: break-word;
    white-space: normal;
    background-color: var(--chat-color-surface, #ffffff);
    color: var(--chat-color-text, #0f172a);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}

    .follow-up-question-btn:hover[b-h1rfsvimbn],
    .faq-question-btn:hover[b-h1rfsvimbn] {
        transform: translateY(-1px);
        box-shadow: 0 2px 6px rgba(15, 23, 42, 0.1);
        background-color: var(--chat-msg-user-bg, #dbeafe);
        border-color: var(--chat-color-primary, #0a66c2);
        color: var(--chat-msg-user-text, #1e3a8a);
    }

    .follow-up-question-btn:active[b-h1rfsvimbn],
    .faq-question-btn:active[b-h1rfsvimbn] {
        transform: translateY(0);
    }

/* Mobile-friendly touch targets */
@media (max-width: 768px) {
    .dislike-btn[b-h1rfsvimbn] {
        width: 34px;
        height: 34px;
        top: 18px;
        right: 8px;
        padding: 8px;
    }

    #chat-widget .chat-message.agent-only-summary .agent-only-summary-row > .dislike-btn[b-h1rfsvimbn] {
        top: unset !important;
        right: unset !important;
        bottom: unset !important;
        left: unset !important;
        inset: unset !important;
    }

    .chat-footer[b-h1rfsvimbn] {
        min-height: auto;
        padding-bottom: 0.75rem;
        padding-top: 0.75rem;
    }

    .character-counter[b-h1rfsvimbn] {
        bottom: -18px;
    }

    .footer-buttons-left[b-h1rfsvimbn] {
        height: auto;
        margin-top: 0.5rem;
    }
}

/* Ensure chat messages have proper z-index context */
.chat-message[b-h1rfsvimbn] {
    position: relative;
    z-index: 1;
}

.chat-login-button[b-h1rfsvimbn] {
    background-color: transparent;
    border: none;
    padding: 0;
    border-radius: 0;
    cursor: pointer;
    font-size: inherit;
    font-weight: 500;
    margin: 0;
    display: inline;
    transition: color 0.2s ease;
    text-decoration: underline;
    text-underline-offset: 2px;
}

    .chat-login-button:hover[b-h1rfsvimbn] {
        text-decoration: underline;
    }

/* Typing indicator */
.chat-message.typing-indicator[b-h1rfsvimbn] {
    background-color: transparent;
    border: none;
    padding: 0.3rem 0.5rem;
    min-height: auto;
}

.typing-indicator[b-h1rfsvimbn] {
    display: flex;
    gap: 3px;
    font-style: italic;
    opacity: 0.7;
    align-items: center;
}

    .typing-indicator span[b-h1rfsvimbn] {
        width: 6px;
        height: 6px;
        background: #555;
        border-radius: 50%;
        animation: blink-b-h1rfsvimbn 1.4s infinite both;
    }

        .typing-indicator span:nth-child(2)[b-h1rfsvimbn] {
            animation-delay: 0.2s;
        }

        .typing-indicator span:nth-child(3)[b-h1rfsvimbn] {
            animation-delay: 0.4s;
        }

@keyframes blink-b-h1rfsvimbn {
    0%, 80%, 100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

/* Chat footer */
.chat-footer[b-h1rfsvimbn] {
    position: relative;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.75rem;
    border-top: 1px solid var(--chat-color-border);
    border-radius: 0 0 8px 8px;
    background-color: var(--chat-color-surface);
    min-height: 0;
    padding-bottom: 0.75rem;
}

.input-warning[b-h1rfsvimbn] {
    margin-top: 0.5rem;
    padding: 0.45rem 0.6rem;
    border-radius: 6px;
    border: 1px solid #f59e0b;
    background: #fff7ed;
    color: #9a3412;
    font-size: 0.78rem;
    line-height: 1.2;
}

.chat-closed-banner[b-h1rfsvimbn] {
    margin: 0 0.75rem 0.5rem;
    padding: 0.5rem 0.65rem;
    border-radius: 6px;
    border: 1px solid #93c5fd;
    background: #eff6ff;
    color: #1e3a8a;
    font-size: 0.8rem;
    line-height: 1.3;
}

.footer-form[b-h1rfsvimbn] {
    display: flex;
    gap: 0.5rem;
    align-items: flex-end;
    width: 100%;
}

.input-container[b-h1rfsvimbn] {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
}

.pending-image-preview[b-h1rfsvimbn] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.35rem;
}

.pending-image-thumb[b-h1rfsvimbn] {
    max-height: 48px;
    max-width: 80px;
    border-radius: 6px;
    border: 1px solid var(--chat-color-border);
    object-fit: cover;
}

.pending-image-remove-btn[b-h1rfsvimbn] {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 0.8rem;
    opacity: 0.7;
    line-height: 1;
    padding: 0.2rem;
}

    .pending-image-remove-btn:hover[b-h1rfsvimbn] {
        opacity: 1;
    }

.chat-message-image[b-h1rfsvimbn] {
    max-width: 220px;
    max-height: 160px;
    border-radius: 8px;
    margin-top: 0.4rem;
    display: block;
    object-fit: cover;
}

.message-input[b-h1rfsvimbn] {
    width: 100%;
    min-height: 64px; /* Approximately 2 lines, so typing/reading back a message isn't cramped */
    max-height: 180px; /* Approximately 5 lines */
    padding: 0.6rem;
    border-radius: 6px;
    border: 1px solid var(--chat-color-border);
    font-size: var(--chat-font-size-md);
    font-family: inherit;
    resize: none;
    overflow-y: auto;
    line-height: 1.4;
    transition: all 0.2s ease;
}

    .message-input:focus[b-h1rfsvimbn] {
        outline: none;
        border-color: var(--chat-color-primary);
        box-shadow: 0 0 0 3px var(--chat-color-focus-ring);
    }

.character-counter[b-h1rfsvimbn] {
    position: absolute;
    bottom: -20px;
    right: 5px;
    font-size: 0.75rem;
    color: #666;
    padding: 2px 4px;
    border-radius: 3px;
    font-weight: 500;
}

    .character-counter.warning[b-h1rfsvimbn] {
        color: #dc3545;
        font-weight: bold;
    }

.footer-form button[b-h1rfsvimbn] {
    padding: 0.5rem 1rem;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    color: white;
    font-size: var(--chat-font-size-sm);
    min-height: var(--chat-touch-target);
    min-width: 80px;
    align-self: flex-end;
}

    .footer-form button:disabled[b-h1rfsvimbn] {
        background-color: #d1d5db;
        color: var(--chat-color-text-muted);
        cursor: not-allowed;
        opacity: 0.7;
    }

/* Left-aligned footer action buttons */
#chat-widget .footer-buttons-left[b-h1rfsvimbn],
.footer-buttons-left[b-h1rfsvimbn] {
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr;
    gap: 0.5rem;
    align-items: stretch;
    min-height: var(--chat-touch-target);
    margin-top: 0.5rem;
    width: 100%;
    box-sizing: border-box;
}

/* Must beat #chat-widget .footer-buttons-left grid (3 columns) */
#chat-widget .footer-buttons-left.footer-buttons-left--closed[b-h1rfsvimbn],
.footer-buttons-left.footer-buttons-left--closed[b-h1rfsvimbn] {
    display: flex;
    flex-direction: column;
    grid-template-columns: none;
    width: 100%;
    margin-top: 0;
}

#chat-widget .footer-buttons-left.footer-buttons-left--closed .new-chat-btn--full-width[b-h1rfsvimbn],
.footer-buttons-left.footer-buttons-left--closed .new-chat-btn--full-width[b-h1rfsvimbn],
#chat-widget button.new-chat-btn.new-chat-btn--full-width[b-h1rfsvimbn],
button.new-chat-btn.new-chat-btn--full-width[b-h1rfsvimbn] {
    width: 100%;
    max-width: none;
    flex: 1 1 auto;
    align-self: stretch;
    font-size: 0.85rem;
}

.chat-footer--closed .chat-closed-banner[b-h1rfsvimbn] {
    margin-left: 0;
    margin-right: 0;
}

#chat-widget button.consultant-btn[b-h1rfsvimbn],
#chat-widget .consultant-btn[b-h1rfsvimbn],
button.consultant-btn[b-h1rfsvimbn],
.consultant-btn[b-h1rfsvimbn],
#chat-widget button.finish-chat-btn[b-h1rfsvimbn],
#chat-widget .finish-chat-btn[b-h1rfsvimbn],
button.finish-chat-btn[b-h1rfsvimbn],
.finish-chat-btn[b-h1rfsvimbn],
#chat-widget button.new-chat-btn[b-h1rfsvimbn],
#chat-widget .new-chat-btn[b-h1rfsvimbn],
button.new-chat-btn[b-h1rfsvimbn],
.new-chat-btn[b-h1rfsvimbn] {
    color: #fff;
    border: none;
    padding: 0.45rem 0.35rem;
    border-radius: 6px;
    cursor: pointer;
    min-height: var(--chat-touch-target);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.72rem;
    line-height: 1.15;
    white-space: normal;
    overflow: hidden;
    text-overflow: clip;
    box-sizing: border-box;
    min-width: 0;
    text-align: center;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#chat-widget button.consultant-btn[b-h1rfsvimbn],
#chat-widget .consultant-btn[b-h1rfsvimbn],
button.consultant-btn[b-h1rfsvimbn],
.consultant-btn[b-h1rfsvimbn] {
    background-color: var(--chat-color-secondary);
    width: 100%;
    font-size: 0.72rem;
}

    #chat-widget button.consultant-btn:hover[b-h1rfsvimbn],
    #chat-widget .consultant-btn:hover[b-h1rfsvimbn],
    button.consultant-btn:hover[b-h1rfsvimbn],
    .consultant-btn:hover[b-h1rfsvimbn] {
        background-color: var(--chat-color-secondary-hover);
    }

#chat-widget button.finish-chat-btn[b-h1rfsvimbn],
#chat-widget .finish-chat-btn[b-h1rfsvimbn],
button.finish-chat-btn[b-h1rfsvimbn],
.finish-chat-btn[b-h1rfsvimbn] {
    background-color: var(--chat-color-success);
    width: 100%;
}

    #chat-widget button.finish-chat-btn:hover[b-h1rfsvimbn],
    #chat-widget .finish-chat-btn:hover[b-h1rfsvimbn],
    button.finish-chat-btn:hover[b-h1rfsvimbn],
    .finish-chat-btn:hover[b-h1rfsvimbn] {
        background-color: var(--chat-color-success-hover);
    }

.chat-widget-shell button:focus-visible[b-h1rfsvimbn],
.chat-widget-shell a:focus-visible[b-h1rfsvimbn],
.chat-widget-shell [role="button"]:focus-visible[b-h1rfsvimbn],
.chat-widget-shell .message-input:focus-visible[b-h1rfsvimbn] {
    outline: 2px solid transparent;
    box-shadow: 0 0 0 3px var(--chat-color-focus-ring);
    border-radius: 8px;
}

#chat-widget button.new-chat-btn[b-h1rfsvimbn],
#chat-widget .new-chat-btn[b-h1rfsvimbn],
button.new-chat-btn[b-h1rfsvimbn],
.new-chat-btn[b-h1rfsvimbn] {
    background-color: var(--chat-color-accent);
    width: 100%;
}

    #chat-widget button.new-chat-btn:hover[b-h1rfsvimbn],
    #chat-widget .new-chat-btn:hover[b-h1rfsvimbn],
    button.new-chat-btn:hover[b-h1rfsvimbn],
    .new-chat-btn:hover[b-h1rfsvimbn] {
        background-color: var(--chat-color-accent-hover);
    }

/* FAQ — same accordion pattern + header chrome as „Galimi tolesni klausimai“ */
.faq-box[b-h1rfsvimbn] {
    overflow: hidden;
    transition: all 0.3s ease;
    flex: 0 0 auto;
}

.faq-box--closed .faq-header[b-h1rfsvimbn] {
    background: linear-gradient(90deg, rgba(10, 102, 194, 0.12), rgba(14, 165, 183, 0.1));
    border: 1px solid var(--chat-color-border, #cbd5e1);
    border-radius: 8px;
    margin: 0.35rem 0.5rem 0;
    padding: 0.65rem 0.75rem;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
}

    .faq-box--closed .faq-header:hover[b-h1rfsvimbn] {
        border-color: var(--chat-color-primary, #0a66c2);
        background: linear-gradient(90deg, rgba(10, 102, 194, 0.18), rgba(14, 165, 183, 0.14));
    }

    .faq-box--closed .faq-header:focus-visible[b-h1rfsvimbn] {
        outline: none;
        box-shadow: 0 0 0 3px var(--chat-color-focus-ring, rgba(10, 102, 194, 0.28));
    }

.faq-box--open .faq-header[b-h1rfsvimbn] {
    background: linear-gradient(90deg, rgba(10, 102, 194, 0.08), rgba(14, 165, 183, 0.06));
    border: 1px solid var(--chat-color-border, #cbd5e1);
    border-radius: 8px 8px 0 0;
    margin: 0.35rem 0.5rem 0;
    padding: 0.65rem 0.75rem;
    border-bottom: none;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.faq-header[b-h1rfsvimbn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    gap: 0.5rem;
}

    .faq-header h4[b-h1rfsvimbn] {
        margin: 0;
        font-size: 0.95rem;
        font-weight: 600;
        color: var(--chat-color-text, #0f172a);
    }

.faq-toggle-btn[b-h1rfsvimbn] {
    background: none;
    border: none;
    padding: 0.25rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.toggle-icon[b-h1rfsvimbn] {
    transition: transform 0.3s ease;
    font-size: 0.8rem;
    font-weight: bold;
}

.faq-content[b-h1rfsvimbn] {
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}

.faq-box--open .faq-content.expanded[b-h1rfsvimbn] {
    margin: 0 0.5rem;
    border: 1px solid var(--chat-color-border, #cbd5e1);
    border-top: none;
    border-radius: 0 0 8px 8px;
    background: var(--chat-color-surface, #ffffff);
}

.faq-content.expanded[b-h1rfsvimbn] {
    max-height: 300px;
    opacity: 1;
    padding: 0 0.75rem 0.75rem 0.75rem;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e0 #f7fafc;
}

    .faq-content.expanded[b-h1rfsvimbn]::-webkit-scrollbar {
        width: 6px;
    }

    .faq-content.expanded[b-h1rfsvimbn]::-webkit-scrollbar-track {
        background: #f7fafc;
        border-radius: 3px;
    }

    .faq-content.expanded[b-h1rfsvimbn]::-webkit-scrollbar-thumb {
        background: #cbd5e0;
        border-radius: 3px;
    }

        .faq-content.expanded[b-h1rfsvimbn]::-webkit-scrollbar-thumb:hover {
            background: #a0aec0;
        }

.faq-content.collapsed[b-h1rfsvimbn] {
    max-height: 0;
    opacity: 0;
    padding: 0 0.75rem;
}

.faq-list[b-h1rfsvimbn] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    position: relative;
}

    .faq-list[b-h1rfsvimbn]::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 20px;
        pointer-events: none;
        opacity: 0;
        transition: opacity 0.3s ease;
    }

.faq-content.expanded:not(:hover) .faq-list[b-h1rfsvimbn]::after {
    opacity: 1;
}

.grecaptcha-badge[b-h1rfsvimbn] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

    .grecaptcha-badge iframe[b-h1rfsvimbn] {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
    }

.confirmation-overlay[b-h1rfsvimbn] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    border-radius: 8px;
    padding: 1rem;
}

/* ClientFeedBack / ClientFeedbackClosedByAgent are child components — scoped CSS needs ::deep */
[b-h1rfsvimbn] .feedback-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    border-radius: 8px;
    padding: 1rem;
}

/* Review-after-close: bottom sheet so chat history stays visible above */
[b-h1rfsvimbn] .feedback-modal-overlay--review {
    align-items: flex-end;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.25);
    padding: 0.5rem;
    pointer-events: none;
}

[b-h1rfsvimbn] .feedback-modal-overlay--review .feedback-modal {
    width: 100%;
    max-width: 100%;
    max-height: min(55vh, 420px);
    pointer-events: auto;
}

[b-h1rfsvimbn] .feedback-modal-footer--split {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
}

[b-h1rfsvimbn] .feedback-btn-secondary {
    background: var(--chat-color-surface, #fff);
    color: var(--chat-color-text, #333);
    border: 1px solid var(--chat-color-border, #dee2e6);
}

.confirmation-dialog[b-h1rfsvimbn] {
    background-color: var(--chat-color-surface, #fff);
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
    max-width: calc(100% - 2rem);
    max-height: calc(100% - 2rem);
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-sizing: border-box;
}

[b-h1rfsvimbn] .feedback-modal {
    background-color: var(--chat-color-surface, #fff);
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
    max-width: calc(100% - 2rem);
    max-height: calc(100% - 2rem);
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-sizing: border-box;
}

.confirmation-dialog[b-h1rfsvimbn] {
    width: 480px;
}

[b-h1rfsvimbn] .feedback-modal {
    width: 500px;
}

.confirmation-header[b-h1rfsvimbn] {
    padding: 1.5rem 2rem 1rem 2rem;
    border-bottom: 1px solid var(--chat-color-border, #e9ecef);
    background-color: var(--chat-color-surface-muted, #f8f9fa);
    margin: 0;
    box-sizing: border-box;
}

[b-h1rfsvimbn] .feedback-modal-header {
    padding: 1.5rem 2rem 1rem 2rem;
    border-bottom: 1px solid var(--chat-color-border, #e9ecef);
    background-color: var(--chat-color-surface-muted, #f8f9fa);
    margin: 0;
    box-sizing: border-box;
}

.confirmation-header h4[b-h1rfsvimbn] {
    margin: 0;
    padding: 0;
    color: var(--chat-color-text, #333);
    font-size: 1.25rem;
    font-weight: 600;
}

[b-h1rfsvimbn] .feedback-modal-title {
    margin: 0;
    padding: 0;
    color: var(--chat-color-text, #333);
    font-size: 1.25rem;
    font-weight: 600;
}

.confirmation-body[b-h1rfsvimbn] {
    padding: 1.5rem 2rem;
    margin: 0;
    box-sizing: border-box;
    flex: 1;
    overflow-y: auto;
}

[b-h1rfsvimbn] .feedback-modal-content {
    padding: 1.5rem 2rem;
    margin: 0;
    box-sizing: border-box;
    flex: 1;
    overflow-y: auto;
}

.confirmation-body p[b-h1rfsvimbn] {
    margin: 0;
    padding: 0;
    color: var(--chat-color-text-muted, #666);
    line-height: 1.6;
    font-size: 1rem;
}

.technical-support-item[b-h1rfsvimbn] {
    margin-bottom: 1rem;
    padding: 0.5rem 0;
}

    .technical-support-item:last-child[b-h1rfsvimbn] {
        margin-bottom: 0;
    }

    .technical-support-item strong[b-h1rfsvimbn] {
        display: block;
        margin-bottom: 0.25rem;
        color: #333;
        font-size: 0.9rem;
    }

    .technical-support-item a[b-h1rfsvimbn] {
        text-decoration: none;
        font-size: 1rem;
        display: inline-block;
        padding: 0.25rem 0;
    }

        .technical-support-item a:hover[b-h1rfsvimbn] {
            text-decoration: underline;
        }

.confirmation-footer[b-h1rfsvimbn] {
    padding: 1rem 2rem 1.5rem 2rem;
    display: flex;
    gap: 1rem;
    justify-content: center;
    border-top: 1px solid var(--chat-color-border, #e9ecef);
    background-color: var(--chat-color-surface-muted, #f8f9fa);
    margin: 0;
    box-sizing: border-box;
}

[b-h1rfsvimbn] .feedback-modal-footer {
    padding: 1rem 2rem 1.5rem 2rem;
    display: flex;
    gap: 1rem;
    justify-content: center;
    border-top: 1px solid var(--chat-color-border, #e9ecef);
    background-color: var(--chat-color-surface-muted, #f8f9fa);
    margin: 0;
    box-sizing: border-box;
}

.confirmation-btn[b-h1rfsvimbn] {
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 0.95rem;
    font-weight: 500;
    transition: all 0.2s ease;
    min-width: 120px;
    flex: 1;
    max-width: 200px;
    margin: 0;
    box-sizing: border-box;
}

[b-h1rfsvimbn] .feedback-btn {
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 0.95rem;
    font-weight: 500;
    transition: all 0.2s ease;
    min-width: 120px;
    flex: 1;
    max-width: 200px;
    margin: 0;
    box-sizing: border-box;
}

.confirmation-btn:disabled[b-h1rfsvimbn] {
    opacity: 0.6;
    cursor: not-allowed;
}

[b-h1rfsvimbn] .feedback-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.confirmation-btn-cancel[b-h1rfsvimbn] {
    background-color: var(--chat-color-secondary, #6c757d);
    color: #fff;
}

    .confirmation-btn-cancel:hover:not(:disabled)[b-h1rfsvimbn] {
        background-color: var(--chat-color-secondary-hover, #545b62);
    }

.confirmation-btn-confirm[b-h1rfsvimbn] {
    background-color: var(--chat-color-primary, #0a66c2);
    color: #fff;
}

    .confirmation-btn-confirm:hover:not(:disabled)[b-h1rfsvimbn] {
        background-color: var(--chat-color-primary-hover, #084f95);
    }

.login-btn:focus-visible[b-h1rfsvimbn],
.chat-header-logout-btn:focus-visible[b-h1rfsvimbn],
.info-menu-btn:focus-visible[b-h1rfsvimbn] {
    outline: 2px solid #fff;
    outline-offset: 2px;
    box-shadow: 0 0 0 4px var(--chat-color-focus-ring, rgba(255, 255, 255, 0.55));
}

.confirmation-btn:focus-visible[b-h1rfsvimbn],
[b-h1rfsvimbn] .feedback-btn:focus-visible,
.footer-form button:focus-visible[b-h1rfsvimbn],
.consultant-btn:focus-visible[b-h1rfsvimbn],
.finish-chat-btn:focus-visible[b-h1rfsvimbn],
.new-chat-btn:focus-visible[b-h1rfsvimbn],
.footer-buttons-left button:focus-visible[b-h1rfsvimbn] {
    outline: 2px solid var(--chat-color-primary, #0a66c2);
    outline-offset: 2px;
}

/* Responsive adjustments for modal overlays/dialogs */
@media (max-width: 600px) {
    .confirmation-overlay[b-h1rfsvimbn] {
        padding: 0.5rem !important;
    }

    [b-h1rfsvimbn] .feedback-modal-overlay {
        padding: 0.5rem !important;
    }

    .confirmation-dialog[b-h1rfsvimbn] {
        width: calc(100% - 1rem) !important;
        max-height: calc(100% - 1rem) !important;
    }

    [b-h1rfsvimbn] .feedback-modal {
        width: calc(100% - 1rem) !important;
        max-height: calc(100% - 1rem) !important;
    }

    .confirmation-header[b-h1rfsvimbn],
    .confirmation-body[b-h1rfsvimbn],
    .confirmation-footer[b-h1rfsvimbn] {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    [b-h1rfsvimbn] .feedback-modal-header,
    [b-h1rfsvimbn] .feedback-modal-content,
    [b-h1rfsvimbn] .feedback-modal-footer {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .confirmation-body[b-h1rfsvimbn] {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    [b-h1rfsvimbn] .feedback-modal-content {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    [b-h1rfsvimbn] .feedback-modal-content {
        max-height: 300px;
    }
}

[b-h1rfsvimbn] .feedback-modal-content {
    max-height: 400px;
}

/* Sutampa su .finish-chat-btn — pokalbio užbaigimo patvirtinimas */
[b-h1rfsvimbn] .feedback-btn-primary {
    background-color: var(--chat-color-success, #1f9d55);
    color: #fff;
}

    [b-h1rfsvimbn] .feedback-btn-primary:hover:not(:disabled) {
        background-color: var(--chat-color-success-hover, #188247);
    }

[b-h1rfsvimbn] .feedback-btn-secondary {
    background-color: var(--chat-color-secondary, #6c757d);
    color: #fff;
}

    [b-h1rfsvimbn] .feedback-btn-secondary:hover:not(:disabled) {
        background-color: var(--chat-color-secondary-hover, #545b62);
    }

/* Ensure labels, textareas, and other elements maintain proper spacing */
[b-h1rfsvimbn] .feedback-modal-content label {
    display: block;
    margin-bottom: 5px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    font-weight: 500;
}

[b-h1rfsvimbn] .feedback-modal-content textarea {
    width: 100%;
    padding: 8px;
    margin: 0;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
}

[b-h1rfsvimbn] .feedback-modal-content small {
    display: block;
    margin-top: 5px;
    margin-bottom: 0;
    padding: 0;
}

/* Responsive adjustments are consolidated in the modal media query above. */

@media (prefers-reduced-motion: reduce) {
    .user-greeting:hover[b-h1rfsvimbn] {
        transform: none;
    }

    .login-btn:hover[b-h1rfsvimbn],
    .info-menu-btn:hover[b-h1rfsvimbn] {
        transform: none;
    }

    .info-menu-dropdown[b-h1rfsvimbn] {
        animation: none;
    }
}
/* /Modules/Chat/Components/ClientFeedBack.razor.rz.scp.css */
.feedback-block[b-9ep39ixjc3] {
    margin-bottom: 15px;
}

.feedback-label[b-9ep39ixjc3] {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
}

.star[b-9ep39ixjc3] {
    cursor: pointer;
    font-size: 1.5em;
}

.star-active[b-9ep39ixjc3] {
    color: gold;
}

.star-inactive[b-9ep39ixjc3] {
    color: #ccc;
}

.feedback-checkbox-label[b-9ep39ixjc3] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.feedback-checkbox[b-9ep39ixjc3] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.feedback-checkbox-text[b-9ep39ixjc3] {
    font-weight: 500;
}

.feedback-textarea[b-9ep39ixjc3] {
    width: 100%;
    height: 100px;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
    font-family: inherit;
}

.feedback-help[b-9ep39ixjc3] {
    color: #666;
    font-size: 0.85em;
}
/* /Modules/Chat/Components/ClientFeedbackClosedByAgent.razor.rz.scp.css */
.feedback-closed-alert[b-046xvzcx3z] {
    margin-bottom: 15px;
    padding: 10px;
    background-color: #fff3cd;
    border-left: 4px solid #ffc107;
    border-radius: 4px;
}

.feedback-closed-section[b-046xvzcx3z] {
    margin-bottom: 15px;
}

.feedback-closed-label[b-046xvzcx3z] {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
}

.feedback-closed-checkbox-label[b-046xvzcx3z] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.feedback-closed-checkbox[b-046xvzcx3z] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.feedback-closed-label-strong[b-046xvzcx3z] {
    font-weight: 500;
}

.feedback-closed-textarea[b-046xvzcx3z] {
    width: 100%;
    height: 100px;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
    font-family: inherit;
}

.feedback-closed-help[b-046xvzcx3z] {
    color: #666;
    font-size: 0.85em;
}

.star[b-046xvzcx3z] {
    cursor: pointer;
    font-size: 1.5em;
}

.feedback-star-active[b-046xvzcx3z] {
    color: gold;
}

.feedback-star-inactive[b-046xvzcx3z] {
    color: #ccc;
}
/* /Modules/Chat/Components/PacientTranscriptionsWindow.razor.rz.scp.css */
.min-chat-container[b-0p1idjgsxb] {
    display: flex;
    flex-direction: column;
    background: #f0f2f5;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    overflow: hidden;
    font-size: 13px;
    color: #333;
    flex: 1 1 auto; /* Allow growth and shrink base on flex parent */
    max-height: 100%;
    height: 100%;
    width: 100%;
}

.pacient-transcriptions-max-default[b-0p1idjgsxb] {
    max-width: 800px;
}

.pacient-transcriptions-max-1600[b-0p1idjgsxb] {
    max-width: 1600px;
}

/* MINI HEADER */
.chat-header-mini[b-0p1idjgsxb] {
    background: #fff;
    padding: 6px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e1e4e8;
    flex-shrink: 0;
}

.end-session-btn[b-0p1idjgsxb] {
    display: flex;
    align-items: center;
    background: #4f46e5;
    color: white;
    border: none;
    border-radius: 6px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
    padding: 4px 10px;
    font-size: 11px;
}

    .end-session-btn.end-session-btn-disabled[b-0p1idjgsxb] {
        background: #e2e8f0;
        color: #94a3b8;
        box-shadow: none;
    }

.header-left[b-0p1idjgsxb] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.hub-title[b-0p1idjgsxb] {
    font-weight: 700;
    color: #475569;
    font-size: 11px;
}

.pulsing-dot[b-0p1idjgsxb] {
    width: 6px;
    height: 6px;
    background: #10b981;
    border-radius: 50%;
    animation: pulse-dot-b-0p1idjgsxb 2s infinite;
}

.header-right[b-0p1idjgsxb] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.lang-group[b-0p1idjgsxb] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.mini-label[b-0p1idjgsxb] {
    font-size: 11px;
    color: #64748b;
    font-weight: 600;
}

.mini-select[b-0p1idjgsxb] {
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    padding: 1px 4px;
    background: #f8fafc;
    cursor: pointer;
}

.static-lang-display[b-0p1idjgsxb] {
    cursor: default;
    display: inline-block;
    vertical-align: middle;
}

.mini-divider[b-0p1idjgsxb] {
    width: 1px;
    height: 16px;
    background: #e2e8f0;
}

.mini-avatar[b-0p1idjgsxb] {
    width: 22px;
    height: 22px;
    background: #4f46e5;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
}

/* TOP PATIENT BAR */
.patient-top-bar[b-0p1idjgsxb] {
    background: #fff;
    padding: 4px 12px;
    display: flex;
    align-items: center;
    justify-content: start;
    border-bottom: 1px solid #f1f5f9;
    gap: 12px;
    flex-shrink: 0;
}

.bar-label[b-0p1idjgsxb] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    color: #475569;
    font-size: 11px;
}

.bar-controls[b-0p1idjgsxb] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.mini-group[b-0p1idjgsxb] {
    display: flex;
    align-items: center;
    gap: 6px;
}

    .mini-group label[b-0p1idjgsxb] {
        font-size: 10px;
        color: #64748b;
        font-weight: 600;
    }

.mini-record-btn-h[b-0p1idjgsxb] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 2px 10px;
    border-radius: 4px;
    border: 1px solid #dcfce7;
    background: #f0fdf4;
    color: #166534;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
}

    .mini-record-btn-h.active[b-0p1idjgsxb] {
        background: #ef4444;
        color: white;
        border-color: #ef4444;
    }

/* CHAT BODY */
.chat-body[b-0p1idjgsxb] {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: #f8fafc;
}

.msg-row[b-0p1idjgsxb] {
    display: flex;
    width: 100%;
    margin-bottom: 2px;
}

.msg-patient[b-0p1idjgsxb] {
    justify-content: flex-start;
}

.msg-consultant[b-0p1idjgsxb] {
    justify-content: flex-end;
}

.msg-bubble[b-0p1idjgsxb] {
    min-width: 80px;
    max-width: 85%;
    padding: 4px 10px;
    border-radius: 8px;
    position: relative;
    font-size: 12px;
    line-height: 1.3;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03);
    font-weight: bold;
    word-break: break-word;
    overflow-wrap: break-word;
}

.msg-header-compact[b-0p1idjgsxb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2px;
    opacity: 0.7;
}

.msg-type-icon[b-0p1idjgsxb] {
    display: flex;
    gap: 4px;
    align-items: center;
}

.msg-actions-compact[b-0p1idjgsxb] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.msg-time-mini[b-0p1idjgsxb] {
    font-size: 9px;
    font-weight: 600;
}

.msg-patient .msg-bubble[b-0p1idjgsxb] {
    background: #e0f2fe;
    color: #0369a1;
    border: 1px solid #bae6fd;
    border-bottom-left-radius: 2px;
}

.msg-consultant .msg-bubble[b-0p1idjgsxb] {
    background: #fff;
    color: #334155;
    border: 1px solid #e2e8f0;
    border-bottom-right-radius: 2px;
}

/* SUBTYPES & CONTENT */
.msg-translated[b-0p1idjgsxb] {
    border-style: dashed;
    border-width: 1.5px;
    font-style: italic;
    background-color: rgba(255, 255, 255, 0.6);
}

.msg-patient .msg-bubble.msg-translated[b-0p1idjgsxb] {
    background-color: #f3efff;
    border-color: #ab78ea;
    color: #6d46bf;
}

.msg-consultant .msg-bubble.msg-translated[b-0p1idjgsxb] {
    background-color: #f6f1fb;
    border-color: #c3a1d2;
    color: #592377;
}

.msg-content p[b-0p1idjgsxb] {
    margin-bottom: 0.25rem;
}

    .msg-content p:last-child[b-0p1idjgsxb] {
        margin-bottom: 0;
    }

/* EDIT MODE */
.btn-edit-outside[b-0p1idjgsxb] {
    align-self: center;
    margin-left: 8px;
    background: transparent;
    border: none;
    color: #94a3b8;
    cursor: pointer;
    transition: opacity 0.2s;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}
    /* Hover-to-show edit control was removed; button stays visible for accessibility. */
    .btn-edit-outside:hover[b-0p1idjgsxb] {
        color: #4f46e5;
    }

.edit-mode-container[b-0p1idjgsxb] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    padding-top: 4px;
}

.edit-telerik-textarea[b-0p1idjgsxb] {
    width: 100%;
    font-size: 13px;
    border-radius: 8px;
}

    .edit-telerik-textarea textarea[b-0p1idjgsxb] {
        resize: both;
        min-height: 50px;
        padding: 8px;
    }

.edit-actions[b-0p1idjgsxb] {
    display: flex;
    gap: 4px;
    justify-content: flex-end;
}

.mini-audio-btn[b-0p1idjgsxb] {
    background: transparent;
    border: none;
    opacity: 0.4;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 3px;
    transition: all 0.2s;
    color: inherit;
    position: relative;
}

    .mini-audio-btn:hover[b-0p1idjgsxb], .mini-audio-btn.playing[b-0p1idjgsxb] {
        opacity: 1;
        color: #4f46e5;
    }

    .mini-audio-btn.generating[b-0p1idjgsxb] {
        opacity: 0.7;
        cursor: default;
    }

    .mini-audio-btn.not-generated[b-0p1idjgsxb] {
        opacity: 0.5;
    }

        .mini-audio-btn.not-generated:hover[b-0p1idjgsxb] {
            opacity: 1;
            color: #d97706;
        }

.generating-dots[b-0p1idjgsxb] {
    display: flex;
    gap: 2px;
    align-items: center;
    height: 12px;
}

    .generating-dots span[b-0p1idjgsxb] {
        width: 3px;
        height: 3px;
        background: currentColor;
        border-radius: 50%;
        animation: generating-pulse-b-0p1idjgsxb 1.4s infinite ease-in-out;
    }

        .generating-dots span:nth-child(1)[b-0p1idjgsxb] {
            animation-delay: -0.32s;
        }

        .generating-dots span:nth-child(2)[b-0p1idjgsxb] {
            animation-delay: -0.16s;
        }

        .generating-dots span:nth-child(3)[b-0p1idjgsxb] {
            animation-delay: 0s;
        }

@keyframes generating-pulse-b-0p1idjgsxb {
    0%, 80%, 100% {
        opacity: 0.3;
        transform: scale(0.8);
    }

    40% {
        opacity: 1;
        transform: scale(1.2);
    }
}

.audio-not-generated-x[b-0p1idjgsxb] {
    position: absolute;
    top: -3px;
    right: -3px;
    font-size: 8px;
    font-weight: 700;
    color: #ef4444;
    background: white;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    border: 1px solid currentColor;
}

.wave-animation[b-0p1idjgsxb] {
    display: flex;
    gap: 1px;
    align-items: flex-end;
    height: 8px;
}

    .wave-animation span[b-0p1idjgsxb] {
        width: 1.5px;
        height: 100%;
        background: currentColor;
        border-radius: 1px;
        animation: wave-pulse-b-0p1idjgsxb 1s infinite ease-in-out;
    }

        .wave-animation span:nth-child(2)[b-0p1idjgsxb] {
            animation-delay: 0.2s;
        }

        .wave-animation span:nth-child(3)[b-0p1idjgsxb] {
            animation-delay: 0.4s;
        }

@keyframes wave-pulse-b-0p1idjgsxb {
    0%, 100% {
        height: 3px;
    }

    50% {
        height: 8px;
    }
}

/* MINI FOOTER */
.chat-footer-mini[b-0p1idjgsxb] {
    background: #fff;
    padding: 4px 12px;
    border-top: 1px solid #e1e4e8;
    flex-shrink: 0;
}

.input-wrapper-mini[b-0p1idjgsxb] {
    display: flex;
    align-items: flex-end;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 2px 8px;
    gap: 8px;
}

.footer-mic-btn[b-0p1idjgsxb] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #64748b;
    position: relative;
    flex-shrink: 0;
    margin-bottom: 2px;
}

    .footer-mic-btn.active[b-0p1idjgsxb] {
        color: #ef4444;
        border-color: #ef4444;
    }

.mini-textarea[b-0p1idjgsxb] {
    flex: 1;
    border: none;
    background: transparent;
    outline: none;
    resize: none;
    font-size: 13px;
    padding: 4px 0;
    max-height: 65px;
}

.footer-actions[b-0p1idjgsxb] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 4px;
}

.char-c[b-0p1idjgsxb] {
    font-size: 10px;
    color: #94a3b8;
}

.mini-send-btn[b-0p1idjgsxb] {
    background: #4f46e5;
    color: white;
    border: none;
    border-radius: 4px;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

/* VIEWPORT */
.chat-viewport[b-0p1idjgsxb] {
    flex: 1 1 auto;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* ANIMATIONS */
@keyframes pulse-dot-b-0p1idjgsxb {
    0% {
        opacity: 0.4;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.4;
    }
}

.mini-pulse[b-0p1idjgsxb] {
    width: 4px;
    height: 4px;
    background: white;
    border-radius: 50%;
    animation: pulse-b-b-0p1idjgsxb 1s infinite;
}

@keyframes pulse-b-b-0p1idjgsxb {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(2.5);
        opacity: 0;
    }
}

.input-pulse[b-0p1idjgsxb] {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1.5px solid #ef4444;
    animation: pulse-b-b-0p1idjgsxb 1s infinite;
}

/* START SESSION OVERLAY */
.start-session-container[b-0p1idjgsxb] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background: #f8fafc;
    padding: 20px;
    overflow-y: auto;
}

.start-card[b-0p1idjgsxb] {
    background: white;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
    text-align: center;
    width: 100%;
    max-width: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

    .start-card h3[b-0p1idjgsxb] {
        margin: 0;
        font-size: 18px;
        color: #1e293b;
    }

    .start-card p[b-0p1idjgsxb] {
        margin: 0;
        font-size: 13px;
        color: #64748b;
        line-height: 1.5;
    }

.session-summary-block[b-0p1idjgsxb] {
    width: 100%;
    position: relative;
    min-height: 60px;
    padding: 10px 12px 12px 12px;
    border: 1px dashed #e2e8f0;
    border-radius: 8px;
    font-size: 13px;
    color: #94a3b8;
    background: #f8fafc;
    box-sizing: border-box;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.session-summary-title[b-0p1idjgsxb] {
    margin: 0 0 8px 0;
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
}

.session-summary-title-left[b-0p1idjgsxb] {
    text-align: left;
    margin-bottom: 0;
}

.session-summary-text[b-0p1idjgsxb] {
    width: 100%;
    min-height: 40px;
    font-size: 13px;
    color: inherit;
    background: transparent;
    border: none;
    outline: none;
    margin: 0;
    padding: 0;
    line-height: 1.4;
    white-space: pre-wrap;
    word-break: break-word;
}

    .session-summary-text.has-summary[b-0p1idjgsxb] {
        color: #334155;
    }

.session-summary-loading[b-0p1idjgsxb] {
    min-height: 32px;
    color: #64748b;
}

.session-summary-warning[b-0p1idjgsxb] {
    margin-top: 6px;
    font-size: 12px;
    color: #b91c1c;
    font-weight: 600;
}

.session-summary-loading .loading[b-0p1idjgsxb]::after {
    content: '.';
    display: inline-block;
    width: 1.5ch;
    text-align: left;
    animation: dots-b-0p1idjgsxb 1.2s steps(3, end) infinite;
}

@keyframes dots-b-0p1idjgsxb {
    0% {
        content: '.';
    }

    33% {
        content: '..';
    }

    66% {
        content: '...';
    }
}

.session-summary-actions[b-0p1idjgsxb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 4px;
}

.session-summary-btn[b-0p1idjgsxb] {
    flex: 1 1 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    background: #ffffff;
    color: #334155;
}

    .session-summary-btn.copy:hover:not(:disabled)[b-0p1idjgsxb] {
        background: #e2e8f0;
        border-color: #cbd5e1;
    }

    .session-summary-btn.copy.copy-summary-success[b-0p1idjgsxb] {
        background: #dcfce7;
        color: #166534;
        border-color: #22c55e;
        cursor: default;
    }

    .session-summary-btn.delete[b-0p1idjgsxb] {
        background: #fef2f2;
        color: #b91c1c;
        border-color: #fecaca;
    }

        .session-summary-btn.delete:hover:not(:disabled)[b-0p1idjgsxb] {
            background: #fee2e2;
            border-color: #fca5a5;
        }

    .session-summary-btn:disabled[b-0p1idjgsxb] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.start-btn[b-0p1idjgsxb] {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #4f46e5;
    color: white;
    border: none;
    padding: 10px 24px;
    border-radius: 6px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
    margin-top: 8px;
}

    .start-btn:hover[b-0p1idjgsxb] {
        background: #4338ca;
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(79, 70, 229, 0.2);
    }

    .start-btn:disabled[b-0p1idjgsxb],
    .start-btn.start-btn-disabled[b-0p1idjgsxb] {
        opacity: 0.6;
        cursor: not-allowed;
        pointer-events: none;
    }

        .start-btn.start-btn-disabled:hover[b-0p1idjgsxb] {
            background: #4f46e5;
            transform: none;
            box-shadow: 0 2px 8px rgba(79, 70, 229, 0.15);
        }

/* NOTIFICATION STYLE */
.session-started-notification[b-0p1idjgsxb] {
    align-self: center;
    margin: 20px auto;
    padding: 8px 16px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    color: #64748b;
    font-size: 11px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    animation: fadeIn-b-0p1idjgsxb 0.5s ease-out;
}

@keyframes fadeIn-b-0p1idjgsxb {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* TRANSLATION LOADING */
.msg-translating[b-0p1idjgsxb] {
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    opacity: 0.8;
    animation: fadeIn-b-0p1idjgsxb 0.3s ease-out;
}

.translation-loading[b-0p1idjgsxb] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    color: #64748b;
    font-style: italic;
}

.dots-loading[b-0p1idjgsxb] {
    display: flex;
    gap: 2px;
}

    .dots-loading span[b-0p1idjgsxb] {
        width: 3px;
        height: 3px;
        background: #94a3b8;
        border-radius: 50%;
        animation: dots-pulse-b-0p1idjgsxb 1.4s infinite ease-in-out;
    }

        .dots-loading span:nth-child(1)[b-0p1idjgsxb] {
            animation-delay: -0.32s;
        }

        .dots-loading span:nth-child(2)[b-0p1idjgsxb] {
            animation-delay: -0.16s;
        }

        .dots-loading span:nth-child(3)[b-0p1idjgsxb] {
            animation-delay: 0s;
        }

@keyframes dots-pulse-b-0p1idjgsxb {
    0%, 80%, 100% {
        opacity: 0.3;
        transform: scale(0.8);
    }

    40% {
        opacity: 1;
        transform: scale(1);
    }
}

/* QUICK BUTTONS */
.quick-buttons-container[b-0p1idjgsxb] {
    background: #fff;
    border-top: 1px solid #e1e4e8;
    border-bottom: 1px solid #e1e4e8;
    flex-shrink: 0;
    max-height: 200px;
    overflow: hidden;
}

.quick-buttons-scroll[b-0p1idjgsxb] {
    padding: 8px 12px;
    overflow-x: auto;
    overflow-y: auto;
    max-height: 150px;
    display: flex;
    flex-direction: column;
}

    .quick-buttons-scroll[b-0p1idjgsxb]::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }

    .quick-buttons-scroll[b-0p1idjgsxb]::-webkit-scrollbar-track {
        background: #f1f5f9;
        border-radius: 3px;
    }

    .quick-buttons-scroll[b-0p1idjgsxb]::-webkit-scrollbar-thumb {
        background: #cbd5e1;
        border-radius: 3px;
    }

        .quick-buttons-scroll[b-0p1idjgsxb]::-webkit-scrollbar-thumb:hover {
            background: #94a3b8;
        }

.button-group[b-0p1idjgsxb] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.button-group-title[b-0p1idjgsxb] {
    font-size: 10px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 2px;
}

.button-group-items[b-0p1idjgsxb] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.button-group-divider[b-0p1idjgsxb] {
    border: none;
    border-top: 1px solid #e2e8f0;
    margin: 8px 0;
    padding: 0;
    width: 100%;
}

.quick-button[b-0p1idjgsxb] {
    padding: 4px 10px;
    background: #d9edf7;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    color: #475569;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .quick-button:hover[b-0p1idjgsxb] {
        background: #e2e8f0;
        border-color: #cbd5e1;
        color: #334155;
        transform: translateY(-1px);
    }

    .quick-button:active[b-0p1idjgsxb] {
        transform: translateY(0);
        background: #cbd5e1;
    }
/* /Modules/Chat/Pages/AgentStatuses.razor.rz.scp.css */
.agent-statuses-grid-wrapper[b-p4nvge5lln] {
    padding: 1rem;
}

.name-cell[b-p4nvge5lln] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.name-icon[b-p4nvge5lln] {
    opacity: .8;
}

@media (max-width: 768px) {
}
/* /Modules/Chat/Pages/ChatsStatisticsSearchPage.razor.rz.scp.css */
.chatstatistics-grid[b-79dpyz6d16] {
    width: 100%;
}

    .chatstatistics-grid .k-grid tbody tr[b-79dpyz6d16] {
        cursor: pointer;
        transition: all 0.2s ease;
    }

        .chatstatistics-grid .k-grid tbody tr:hover[b-79dpyz6d16] {
            background: rgba(var(--app-color-primary-rgb), 0.03);
            transition: background-color 0.2s ease;
        }

.chatstatistics-search-container[b-79dpyz6d16] {
    position: relative;
    z-index: 1;
}

    .chatstatistics-search-container.app-telerik-search-mobile[b-79dpyz6d16] {
        --app-tsm-grid-min: 1000px;
        --app-tsm-cell-min: 90px;
    }
/* /Modules/Chat/Pages/ConversationFeedbackSearchPage.razor.rz.scp.css */
.conversation-feedback-grid[b-x9u1fdcm01] {
    width: 100%;
}

.content-cell[b-x9u1fdcm01] {
    line-height: 1.4;
    color: #4a5568;
    font-size: 0.9rem;
}

.content-type-badge[b-x9u1fdcm01] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    border: 1px solid;
}

.content-type-notes[b-x9u1fdcm01] {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(37, 99, 235, 0.05));
    color: #3b82f6;
    border-color: rgba(59, 130, 246, 0.2);
}

.content-type-feedbackcomment[b-x9u1fdcm01] {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(5, 150, 105, 0.05));
    color: #10b981;
    border-color: rgba(16, 185, 129, 0.2);
}

.content-type-qualityimprovementsuggestion[b-x9u1fdcm01] {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), rgba(217, 119, 6, 0.05));
    color: #f59e0b;
    border-color: rgba(245, 158, 11, 0.2);
}

.conversation-id-badge[b-x9u1fdcm01] {
    background: linear-gradient(135deg, rgba(72, 187, 120, 0.1), rgba(56, 161, 105, 0.05));
    color: #48bb78;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    border: 1px solid rgba(72, 187, 120, 0.2);
}

.conversation-feedback-grid .k-grid tbody tr[b-x9u1fdcm01] {
    cursor: pointer;
    transition: all 0.2s ease;
}

    .conversation-feedback-grid .k-grid tbody tr:hover[b-x9u1fdcm01] {
        background: rgba(var(--app-color-primary-rgb), 0.03);
        transition: background-color 0.2s ease;
    }

.conversation-feedback-search-container.app-telerik-search-mobile[b-x9u1fdcm01] {
    --app-tsm-grid-min: 900px;
    --app-tsm-cell-min: 100px;
}
/* /Modules/Chat/Pages/Dashboard.razor.rz.scp.css */
.header-controls[b-djo9xhfmys] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.search-container[b-djo9xhfmys] {
    position: relative;
    display: flex;
    align-items: center;
}

.search-icon[b-djo9xhfmys] {
    position: absolute;
    left: 1rem;
    color: rgba(255, 255, 255, 0.7);
    z-index: 2;
}

.search-input[b-djo9xhfmys] {
    width: 320px;
    padding: 0.75rem 3rem 0.75rem 2.5rem;
    border: 2px solid transparent;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
    color: white;
    height: auto !important; /* override global 32px height */
    line-height: 1.2; /* prevent text clipping */
}

    .search-input[b-djo9xhfmys]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

    .search-input:focus:not(:focus-visible)[b-djo9xhfmys] {
        outline: none;
    }

    .search-input:focus-visible[b-djo9xhfmys] {
        outline: 2px solid rgba(255, 255, 255, 0.95);
        outline-offset: 2px;
        border-color: rgba(255, 255, 255, 0.5);
        background: rgba(255, 255, 255, 0.2);
    }

.clear-search[b-djo9xhfmys] {
    position: absolute;
    right: 0.75rem;
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    padding: 0.25rem;
    border-radius: 6px;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .clear-search:hover[b-djo9xhfmys] {
        background-color: rgba(255, 255, 255, 0.2);
        color: white;
        transform: scale(1.1);
    }

    .clear-search:focus-visible[b-djo9xhfmys] {
        outline: 2px solid rgba(255, 255, 255, 0.95);
        outline-offset: 2px;
    }

.sort-container[b-djo9xhfmys] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.sort-icon[b-djo9xhfmys] {
    color: rgba(255, 255, 255, 0.7);
}

.sort-select[b-djo9xhfmys] {
    border: 2px solid transparent;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    font-size: 0.95rem;
    cursor: pointer;
    min-width: 200px;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
    color: white;
    padding: 0.5rem;
    height: auto !important; /* override global 32px height */
    line-height: 1.2; /* prevent text clipping */
}

    /* improve contrast of options in dropdown list where allowed */
    .sort-select option[b-djo9xhfmys] {
        color: #111;
        background: #fff;
    }

    .sort-select:focus:not(:focus-visible)[b-djo9xhfmys] {
        outline: none;
    }

    .sort-select:focus-visible[b-djo9xhfmys] {
        outline: 2px solid rgba(255, 255, 255, 0.95);
        outline-offset: 2px;
        border-color: rgba(255, 255, 255, 0.5);
        background: rgba(255, 255, 255, 0.2);
    }

.filter-tabs-section[b-djo9xhfmys] {
    background: white;
    border-bottom: 1px solid rgba(226, 232, 240, 0.8);
    padding: 0 1rem;
    overflow-x: auto;
}

.filter-tabs[b-djo9xhfmys] {
    display: flex;
    gap: 0.5rem;
}

.filter-tab[b-djo9xhfmys] {
    background: none;
    border: none;
    padding: 1rem 1.5rem;
    cursor: pointer;
    font-size: 0.95rem;
    font-weight: 500;
    color: #718096;
    border-bottom: 3px solid transparent;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: max-content;
    border-radius: 8px 8px 0 0;
}

    .filter-tab:hover[b-djo9xhfmys] {
        background: linear-gradient(135deg, rgba(var(--app-color-primary-rgb), 0.08), rgba(var(--app-color-primary-dark-rgb), 0.08));
        color: #4a5568;
        transform: translateY(-2px);
    }

    .filter-tab.active[b-djo9xhfmys] {
        background: linear-gradient(135deg, rgba(var(--app-color-primary-rgb), 0.15), rgba(var(--app-color-primary-dark-rgb), 0.15));
        color: var(--app-color-primary);
        font-weight: 600;
        border-bottom-color: var(--app-color-primary);
        box-shadow: 0 -2px 10px rgba(var(--app-color-primary-rgb), 0.2);
    }

.tab-count[b-djo9xhfmys] {
    background: rgba(var(--app-color-primary-rgb), 0.1);
    color: var(--app-color-primary);
    padding: 0.25rem 0.6rem;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 600;
    min-width: 1.5rem;
    text-align: center;
    border: 1px solid rgba(var(--app-color-primary-rgb), 0.2);
}

.filter-tab.active .tab-count[b-djo9xhfmys] {
    background: var(--app-color-primary);
    color: white;
    border-color: var(--app-color-primary);
    box-shadow: 0 2px 8px rgba(var(--app-color-primary-rgb), 0.3);
}

.dashboard-container[b-djo9xhfmys] {
    display: flex;
    height: 70vh;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #e0e0e0;
}

.chat-list-pane[b-djo9xhfmys] {
    width: 420px;
    min-width: 420px;
    border-right: 1px solid rgba(226, 232, 240, 0.5);
    display: flex;
    flex-direction: column;
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
}

.chat-list-header[b-djo9xhfmys] {
    background: linear-gradient(135deg, var(--app-color-primary), var(--app-color-primary-dark));
    color: white;
    padding: 1.25rem 1.5rem;
    font-weight: 600;
    font-size: 1.1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 4px 20px rgba(var(--app-color-primary-rgb), 0.3);
}

.chat-list[b-djo9xhfmys] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem 0;
}

.chat-item[b-djo9xhfmys] {
    margin: 0.5rem 1rem;
    padding: 1.25rem;
    transition: all 0.3s ease;
    cursor: pointer;
    background: white;
    border-radius: 16px;
    border: 2px solid transparent;
    position: relative;
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

    .chat-item:hover[b-djo9xhfmys] {
        transform: translateY(-3px);
        box-shadow: 0 12px 40px rgba(0,0,0,0.15);
        border-color: rgba(var(--app-color-primary-rgb), 0.3);
    }

    .chat-item.selected[b-djo9xhfmys] {
        background: linear-gradient(135deg, rgba(var(--app-color-primary-rgb), 0.05), rgba(var(--app-color-primary-dark-rgb), 0.05));
        border-color: var(--app-color-primary);
        box-shadow: 0 8px 30px rgba(var(--app-color-primary-rgb), 0.2);
        transform: translateY(-2px);
    }

    .chat-item:focus-visible[b-djo9xhfmys] {
        outline: 2px solid #0d6efd;
        outline-offset: 2px;
    }

    .chat-item.active[b-djo9xhfmys] {
        border-left: 4px solid #28a745;
        background: linear-gradient(135deg, rgba(40, 167, 69, 0.05), rgba(40, 167, 69, 0.02));
    }

    .chat-item.pending-consultant[b-djo9xhfmys] {
        border-left: 4px solid #ffc107;
        background: linear-gradient(135deg, rgba(255, 193, 7, 0.05), rgba(255, 193, 7, 0.02));
        animation: subtle-glow-b-djo9xhfmys 3s ease-in-out infinite;
    }

    .chat-item.active-consultant[b-djo9xhfmys] {
        border-left: 4px solid var(--app-color-primary);
        background: linear-gradient(135deg, rgba(var(--app-color-primary-rgb), 0.05), rgba(var(--app-color-primary-rgb), 0.02));
    }

    .chat-item.finished[b-djo9xhfmys] {
        border-left: 4px solid #6c757d;
        opacity: 0.7;
        background: linear-gradient(135deg, rgba(108, 117, 125, 0.05), rgba(108, 117, 125, 0.02));
    }

@keyframes subtle-glow-b-djo9xhfmys {
    0%, 100% {
        box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    }

    50% {
        box-shadow: 0 6px 25px rgba(255, 193, 7, 0.15);
    }
}

.chat-item .chat-list-header[b-djo9xhfmys] {
    background: none;
    color: #2d3748;
    font-weight: 500;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    box-shadow: none;
    gap: 0.5rem;
}

.chat-user[b-djo9xhfmys] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    max-width: calc(100% - 3rem);
}

.chat-user-name[b-djo9xhfmys] {
    min-width: 0;
    max-width: 100%;
    line-height: 1.35;
    color: #1f2937;
}

.conversation-id[b-djo9xhfmys] {
    font-size: 0.75rem;
    color: #718096;
    font-weight: 600;
    background: rgba(113, 128, 150, 0.1);
    padding: 0.2rem 0.5rem;
    border-radius: 8px;
    flex-shrink: 0;
}

.status-indicator[b-djo9xhfmys] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 2px solid white;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

    .status-indicator.active[b-djo9xhfmys] {
        background-color: #28a745;
    }

    .status-indicator.pending-consultant[b-djo9xhfmys] {
        background-color: #ffc107;
        animation: pulse-orange-b-djo9xhfmys 2s infinite;
    }

    .status-indicator.active-consultant[b-djo9xhfmys] {
        background-color: var(--app-color-primary);
    }

    .status-indicator.finished[b-djo9xhfmys] {
        background-color: #6c757d;
    }

    .status-indicator.closed[b-djo9xhfmys] {
        background-color: #dc3545;
    }

@keyframes pulse-orange-b-djo9xhfmys {
    0%, 100% {
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }

    50% {
        box-shadow: 0 2px 4px rgba(0,0,0,0.1), 0 0 0 4px rgba(255, 193, 7, 0.3);
    }
}

.chat-actions[b-djo9xhfmys] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-shrink: 0;
    margin-left: 0.5rem;
    position: relative;
    z-index: 10;
}

.status-text[b-djo9xhfmys] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: #718096;
    font-weight: 500;
    padding: 0.25rem 0.75rem;
    background: rgba(113, 128, 150, 0.1);
    border-radius: 12px;
    white-space: nowrap;
}

.chat-meta[b-djo9xhfmys] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.8rem;
    color: #a0aec0;
    margin-bottom: 0.5rem;
    flex-wrap: wrap;
}

.unread-badge[b-djo9xhfmys] {
    background: linear-gradient(135deg, #dc3545, #c82333);
    color: white;
    border-radius: 16px;
    padding: 0.25rem 0.6rem;
    font-size: 0.7rem;
    font-weight: 700;
    min-width: 1.5rem;
    text-align: center;
    flex-shrink: 0;
    box-shadow: 0 3px 10px rgba(220, 53, 69, 0.4);
    animation: pulse-glow-b-djo9xhfmys 2s infinite;
}

@keyframes pulse-glow-b-djo9xhfmys {
    0%, 100% {
        box-shadow: 0 3px 10px rgba(220, 53, 69, 0.4);
    }

    50% {
        box-shadow: 0 3px 10px rgba(220, 53, 69, 0.4), 0 0 0 4px rgba(220, 53, 69, 0.2);
    }
}

.close-chat-icon-button[b-djo9xhfmys] {
    background: none;
    border: none;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
    border-radius: 8px;
    color: #a0aec0;
    transition: all 0.2s ease;
    flex-shrink: 0;
    position: relative;
    z-index: 20;
}

    .close-chat-icon-button:hover:not(:disabled)[b-djo9xhfmys] {
        background: linear-gradient(135deg, rgba(220, 53, 69, 0.1), rgba(200, 35, 51, 0.1));
        color: #dc3545;
        transform: scale(1.1);
        box-shadow: 0 4px 12px rgba(220, 53, 69, 0.2);
    }

    .close-chat-icon-button:disabled[b-djo9xhfmys] {
        cursor: not-allowed;
        opacity: 0.4;
        color: #cbd5e0;
    }

        .close-chat-icon-button:disabled:hover[b-djo9xhfmys] {
            transform: none;
            background: none;
            box-shadow: none;
        }

    .close-chat-icon-button:focus-visible[b-djo9xhfmys] {
        outline: 2px solid #0d6efd;
        outline-offset: 2px;
    }

.chat-view-pane[b-djo9xhfmys] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 1.5rem;
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
    overflow: hidden;
}

.chat-component-container[b-djo9xhfmys] {
    flex: 1;
    display: flex;
    min-height: 0;
    background: white;
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.08);
    border: 1px solid rgba(226, 232, 240, 0.5);
    overflow: hidden;
}

.dashboard-empty-pane[b-djo9xhfmys] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex-direction: column;
    text-align: center;
    padding: 3rem;
}

    .dashboard-empty-pane .empty-icon[b-djo9xhfmys] {
        font-size: 4rem;
        color: #e2e8f0;
        margin-bottom: 1.5rem;
        opacity: 0.7;
    }

    .dashboard-empty-pane .app-empty-state-title[b-djo9xhfmys] {
        margin: 0 0 0.75rem 0;
        font-size: 1.2rem;
    }

    .dashboard-empty-pane p[b-djo9xhfmys] {
        margin: 0 0 1.5rem 0;
        color: var(--app-text-secondary, #718096);
        line-height: 1.6;
        max-width: 300px;
    }

.dashboard-empty-pane--detail p[b-djo9xhfmys] {
    max-width: 22rem;
}

.clear-search-btn[b-djo9xhfmys] {
    background: linear-gradient(135deg, var(--app-color-primary), var(--app-color-primary-dark));
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 12px;
    cursor: pointer;
    font-weight: 600;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    box-shadow: 0 4px 20px rgba(var(--app-color-primary-rgb), 0.3);
}

    .clear-search-btn:hover[b-djo9xhfmys] {
        transform: translateY(-2px);
        box-shadow: 0 8px 30px rgba(var(--app-color-primary-rgb), 0.4);
    }

    .clear-search-btn:focus-visible[b-djo9xhfmys] {
        outline: 2px solid #fff;
        outline-offset: 3px;
    }

.dashboard-search-container[b-djo9xhfmys] {
    position: relative;
    z-index: 1;
}

.back-to-list-btn[b-djo9xhfmys] {
    display: none;
}

@media (max-width: 768px) {
    .header-controls[b-djo9xhfmys] {
        flex-direction: column;
        gap: 0.75rem;
        width: 100%;
        align-items: stretch;
    }

    .search-container[b-djo9xhfmys] {
        width: 100%;
    }

    .search-input[b-djo9xhfmys] {
        width: 100%;
        max-width: none;
    }

    .sort-container[b-djo9xhfmys] {
        width: 100%;
    }

    .sort-select[b-djo9xhfmys] {
        width: 100%;
        min-width: unset;
    }

    .filter-tabs-section[b-djo9xhfmys] {
        padding: 0 0.5rem;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .filter-tabs[b-djo9xhfmys] {
        flex-wrap: nowrap;
        gap: 0.5rem;
        min-width: max-content;
    }

    .filter-tab[b-djo9xhfmys] {
        font-size: 0.85rem;
        padding: 0.75rem 1rem;
        white-space: nowrap;
        flex-shrink: 0;
    }

    .app-page-content[b-djo9xhfmys] {
        overflow: visible !important;
    }

    .dashboard-container[b-djo9xhfmys] {
        flex-direction: column;
        height: calc(100vh - 280px);
        min-height: 60vh;
        max-height: calc(100vh - 200px);
        position: relative;
        overflow: visible !important;
    }

    .chat-list-pane[b-djo9xhfmys] {
        width: 100%;
        min-width: unset;
        height: 400px;
        max-height: 400px;
        border-right: none;
        border-bottom: 1px solid rgba(226, 232, 240, 0.5);
        flex-shrink: 0;
        transition: transform 0.3s ease, opacity 0.3s ease;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

        .chat-list-pane .chat-list-header[b-djo9xhfmys] {
            flex-shrink: 0;
        }

    .dashboard-container:not(.conversation-selected) .chat-list-pane .chat-list[b-djo9xhfmys] {
        flex: 1 1 0;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        min-height: 0;
        max-height: calc(400px - 60px);
        position: relative;
        touch-action: pan-y;
        height: auto;
    }

    /* Hide chat list when conversation is selected on mobile */
    .dashboard-container.conversation-selected .chat-list-pane[b-djo9xhfmys] {
        display: none;
    }

    .chat-view-pane[b-djo9xhfmys] {
        flex: 1 1 auto;
        min-height: 500px;
        padding: 0.75rem;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        position: relative;
        height: 100%;
    }

    /* Hide chat view pane when no conversation is selected on mobile */
    .dashboard-container:not(.conversation-selected) .chat-view-pane[b-djo9xhfmys] {
        display: none;
    }

    /* Show chat view pane when conversation is selected on mobile */
    .dashboard-container.conversation-selected .chat-view-pane[b-djo9xhfmys] {
        display: flex;
        flex: 1 1 100%;
        height: calc(100vh - 280px);
        min-height: calc(100vh - 280px);
        max-height: calc(100vh - 280px);
        padding-top: 0.5rem;
        overflow: hidden;
    }

    .back-to-list-btn[b-djo9xhfmys] {
        display: block;
        margin-bottom: 0.75rem;
        padding: 0.5rem 1rem;
        background: linear-gradient(135deg, var(--app-color-primary), var(--app-color-primary-dark));
        color: white;
        border: none;
        border-radius: 8px;
        font-weight: 600;
        cursor: pointer;
        font-size: 0.9rem;
        width: 100%;
        box-shadow: 0 2px 8px rgba(var(--app-color-primary-rgb), 0.3);
        transition: all 0.2s ease;
        flex-shrink: 0;
    }

        .back-to-list-btn:hover[b-djo9xhfmys] {
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(var(--app-color-primary-rgb), 0.4);
        }

        .back-to-list-btn:active[b-djo9xhfmys] {
            transform: translateY(0);
        }

        .back-to-list-btn:focus-visible[b-djo9xhfmys] {
            outline: 2px solid #fff;
            outline-offset: 3px;
        }

    .chat-component-container[b-djo9xhfmys] {
        flex: 1 1 0;
        display: flex;
        flex-direction: column;
        min-height: 0;
        overflow: hidden;
        height: 100%;
    }

        /* Ensure ChatWindow component fills container */
        .chat-component-container #chat-widget[b-djo9xhfmys] {
            height: 100%;
            display: flex;
            flex-direction: column;
            overflow: hidden;
            min-height: 0;
        }

        /* Ensure chat-header doesn't shrink */
        .chat-component-container .chat-header[b-djo9xhfmys] {
            flex-shrink: 0;
            flex: 0 0 auto;
        }

        /* Ensure chat-footer doesn't shrink */
        .chat-component-container .chat-footer[b-djo9xhfmys] {
            flex-shrink: 0;
            flex: 0 0 auto;
        }

        /* Ensure chat-body is scrollable */
        .chat-component-container .chat-body[b-djo9xhfmys] {
            flex: 1 1 0;
            min-height: 0;
            overflow-y: auto;
            overflow-x: hidden;
            -webkit-overflow-scrolling: touch;
            position: relative;
            touch-action: pan-y;
        }

    .chat-item[b-djo9xhfmys] {
        margin: 0.25rem 0.5rem;
        padding: 1rem;
    }
}

.chat-list[b-djo9xhfmys]::-webkit-scrollbar {
    width: 6px;
}

.chat-list[b-djo9xhfmys]::-webkit-scrollbar-track {
    background: rgba(0,0,0,0.05);
    border-radius: 3px;
}

.chat-list[b-djo9xhfmys]::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, var(--app-color-primary), var(--app-color-primary-dark));
    border-radius: 3px;
}

    .chat-list[b-djo9xhfmys]::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(135deg, var(--app-color-primary-dark), #004085);
    }
/* /Modules/Chat/Pages/Document.razor.rz.scp.css */
.doc-container[b-fqga3x5p8e] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0;
}

.title-wrap[b-fqga3x5p8e] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.title-icon.small[b-fqga3x5p8e] {
    width: 28px;
    height: 28px;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--app-color-primary), var(--app-color-primary-dark));
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(var(--app-color-primary-rgb), 0.4);
}

.grid-two[b-fqga3x5p8e] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 768px) {
    .grid-two[b-fqga3x5p8e] {
        grid-template-columns: 1fr 1fr;
    }
}

.form-label[b-fqga3x5p8e] {
    font-weight: 600;
    color: #2d3748;
    margin-bottom: 0.5rem;
    display: block;
}

.form-control[b-fqga3x5p8e] {
    border-radius: 12px;
    border: 2px solid transparent;
    background: #f7fafc;
    transition: .2s;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    width: 100%;
    padding: 0.75rem;
    font-size: 0.95rem;
}

    .form-control:focus[b-fqga3x5p8e] {
        outline: none;
        border-color: var(--app-color-primary);
        background: #fff;
        box-shadow: 0 4px 25px rgba(var(--app-color-primary-rgb), 0.15);
    }

.divider[b-fqga3x5p8e] {
    border: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(0,0,0,0.08), transparent);
    margin: 1.25rem 0;
}

.versions-header[b-fqga3x5p8e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .5rem;
}

.versions-wrap[b-fqga3x5p8e] {
    border: 1px solid rgba(226,232,240,0.6);
    border-radius: 12px;
    overflow: scroll;
}

.versions-table[b-fqga3x5p8e] {
    width: 100%;
    margin: 0;
    font-size: var(--app-font-size-sm, 0.875rem);
}

/* InputFile renders an inner <input>; scoped selector does not apply there — use ::deep + site.css fallback. */
[b-fqga3x5p8e](input[type="file"].hidden-file-input),
[b-fqga3x5p8e](.hidden-file-input) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
    opacity: 0;
}

.app-file-upload[b-fqga3x5p8e] {
    position: relative;
    display: inline-flex;
    align-items: stretch;
}

.app-file-upload-trigger[b-fqga3x5p8e] {
    margin: 0;
}

.w-version[b-fqga3x5p8e] {
    width: 90px;
}

.w-ext[b-fqga3x5p8e] {
    width: 110px;
}

.w-size[b-fqga3x5p8e] {
    width: 140px;
}

.w-status[b-fqga3x5p8e] {
    width: 140px;
}

.w-usage[b-fqga3x5p8e] {
    width: 120px;
}

.w-processing-duration[b-fqga3x5p8e] {
    width: 140px;
}

.w-processing-date[b-fqga3x5p8e] {
    width: 140px;
}

.w-active[b-fqga3x5p8e] {
    width: 110px;
}

.w-actions[b-fqga3x5p8e] {
    width: 260px;
}

.versions-table thead tr[b-fqga3x5p8e] {
    background: linear-gradient(135deg, rgba(var(--app-color-primary-rgb), 0.10), rgba(var(--app-color-primary-dark-rgb), 0.10));
}

.versions-table th[b-fqga3x5p8e], .versions-table td[b-fqga3x5p8e] {
    padding: .75rem 1rem;
    vertical-align: middle;
    border-bottom: 1px solid #f0f0f0;
}

.versions-table tbody tr:hover[b-fqga3x5p8e] {
    background: rgba(var(--app-color-primary-rgb), 0.06);
}

.row-active[b-fqga3x5p8e] {
    background: linear-gradient(135deg, rgba(var(--app-color-primary-rgb), 0.08), rgba(var(--app-color-primary-dark-rgb), 0.06));
    box-shadow: inset 0 0 0 2px rgba(var(--app-color-primary-rgb), 0.25);
}

.ver-pill[b-fqga3x5p8e] {
    background: rgba(var(--app-color-primary-rgb), 0.12);
    color: #1a202c;
    padding: .2rem .5rem;
    border-radius: 12px;
    font-weight: 700;
    font-size: .9rem;
    border: 1px solid rgba(var(--app-color-primary-rgb), 0.25);
}

.actions[b-fqga3x5p8e] {
    display: flex;
    gap: .35rem;
    flex-wrap: wrap;
}

.text-center[b-fqga3x5p8e] {
    text-align: center;
}

.text-muted[b-fqga3x5p8e] {
    color: var(--app-text-secondary, #4b5563);
    font-style: italic;
}

.documents-search-container[b-fqga3x5p8e] {
    position: relative;
    z-index: 1;
}

@media (max-width: 768px) {
    .doc-container[b-fqga3x5p8e] {
        padding: 0;
    }

    /* Enable horizontal scroll for versions grid on small screens */
    .versions-wrap[b-fqga3x5p8e] {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .versions-table[b-fqga3x5p8e] {
        font-size: 0.85rem;
        min-width: 900px; /* force horizontal scrolling instead of squishing */
    }

        .versions-table th[b-fqga3x5p8e],
        .versions-table td[b-fqga3x5p8e] {
            padding: 0.5rem 0.75rem;
        }

    .actions[b-fqga3x5p8e] {
        flex-direction: column;
        gap: 0.25rem;
    }
}

.image-review-window[b-fqga3x5p8e] {
    width: min(720px, 92vw);
}

.image-review-content[b-fqga3x5p8e] {
    max-height: 60vh;
    overflow-y: auto;
}

.image-review-hint[b-fqga3x5p8e] {
    color: #6b7280;
    font-size: 0.85rem;
    margin-bottom: 0.75rem;
}

.image-review-preview[b-fqga3x5p8e] {
    white-space: pre-wrap;
    word-break: break-word;
    background: #f8f9fb;
    border: 1px solid #e2e5eb;
    border-radius: 8px;
    padding: 1rem;
    font-family: inherit;
    font-size: 0.9rem;
    max-height: 45vh;
    overflow-y: auto;
}

.image-review-textarea[b-fqga3x5p8e] {
    width: 100%;
    min-height: 320px;
    font-family: inherit;
    font-size: 0.9rem;
    resize: vertical;
}
/* /Modules/Chat/Pages/DocumentsSearch.razor.rz.scp.css */
.documents-grid[b-5sjosxfzol] {
    width: 100%;
}

/* site.css forces .k-grid/.k-grid-aria-root to overflow:visible!important globally, for
   grids that rely on the OLD "outer page scrolls, header stays sticky" pattern (their
   content must be free to overflow past the grid's own box for that to work). This grid
   uses the OPPOSITE pattern — a bounded height (Height="100%") that scrolls internally
   via .k-grid-content's own scrollbar — which needs Kendo's actual default (overflow:
   hidden) restored, or the content overflows past .k-grid and gets clipped invisibly by
   .grid-wrapper's own overflow:hidden instead of ever becoming reachable/scrollable.
   .documents-grid.k-grid (two classes) outweighs site.css's single-class .k-grid rule
   even though both are !important. */
[b-5sjosxfzol] .documents-grid.k-grid,
[b-5sjosxfzol] .documents-grid.k-grid .k-grid-aria-root {
    overflow: hidden !important;
}

.document-name[b-5sjosxfzol] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.doc-icon[b-5sjosxfzol] {
    opacity: 0.7;
    font-size: 0.9rem;
}

.file-info[b-5sjosxfzol] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex-wrap: wrap;
}

.file-name[b-5sjosxfzol] {
    font-weight: 500;
    font-size: 0.9rem;
}

.file-ext[b-5sjosxfzol] {
    background: rgba(var(--app-color-primary-rgb), 0.1);
    color: var(--app-color-primary);
    padding: 0.125rem 0.4rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
}

.source-url-link[b-5sjosxfzol] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    color: var(--app-color-primary);
    font-size: 0.9rem;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    transition: all 0.2s ease;
    max-width: 100%;
    overflow: hidden;
    word-break: break-all;
}

    .source-url-link:hover[b-5sjosxfzol] {
        background-color: rgba(var(--app-color-primary-rgb), 0.1);
        color: var(--app-color-primary-dark);
        text-decoration: none;
    }

.url-text[b-5sjosxfzol] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    max-width: 300px;
}

.documents-grid .k-grid tbody tr:hover[b-5sjosxfzol] {
    background: rgba(var(--app-color-primary-rgb), 0.03);
    transition: background-color 0.2s ease;
}

/* Instead of relying on "outer page scrolls, header stays sticky" (fragile — it depended on
   an unbroken position:sticky chain that kept silently breaking), the header/filters now sit
   in normal (non-scrolling) flow and only the grid area below scrolls internally. That needs
   a real, bounded height on this container instead of "auto", which .main-content (site.css)
   now provides via height:100% (resolved against .k-drawer-content's own bounded height).
   min-height:0 overrides .app-page-shell's min-height:calc(100vh - 120px) — with both set,
   the larger of the two wins, which could force this taller than the space actually available. */
.documents-search-container[b-5sjosxfzol] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

    /* The <EditForm> (header/filters) — sized to its own content, doesn't grow/shrink. */
    .documents-search-container > form[b-5sjosxfzol] {
        flex: 0 0 auto;
    }

    /* The grid's section takes all remaining height and passes it down to .grid-wrapper. */
    .documents-search-container .content-section.app-page-content--grid[b-5sjosxfzol] {
        flex: 1 1 auto;
        min-height: 0;
        display: flex;
        flex-direction: column;
    }

    .documents-search-container .grid-wrapper[b-5sjosxfzol] {
        flex: 1 1 auto;
        min-height: 0;
    }

/* Header search box — same "glass pill on navy" look as the Dashboard header. */
.header-controls[b-5sjosxfzol] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.search-container[b-5sjosxfzol] {
    position: relative;
    display: flex;
    align-items: center;
}

.search-icon[b-5sjosxfzol] {
    position: absolute;
    left: 1rem;
    color: rgba(255, 255, 255, 0.7);
    z-index: 2;
    pointer-events: none;
}

.search-input[b-5sjosxfzol] {
    width: 280px;
    padding: 0.625rem 2.5rem 0.625rem 2.5rem;
    border: 2px solid transparent;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    color: #fff;
    font-size: 0.9rem;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
}

    .search-input[b-5sjosxfzol]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

    .search-input:focus:not(:focus-visible)[b-5sjosxfzol] {
        outline: none;
    }

    .search-input:focus-visible[b-5sjosxfzol] {
        outline: 2px solid rgba(255, 255, 255, 0.95);
        outline-offset: 2px;
        border-color: rgba(255, 255, 255, 0.5);
        background: rgba(255, 255, 255, 0.2);
    }

    /* Hide the native WebKit "clear" (x) button — we render our own .clear-search. */
    .search-input[b-5sjosxfzol]::-webkit-search-cancel-button {
        display: none;
    }

.clear-search[b-5sjosxfzol] {
    position: absolute;
    right: 0.6rem;
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    padding: 0.25rem;
    border-radius: 6px;
    line-height: 1;
    transition: all 0.15s ease;
}

    .clear-search:hover[b-5sjosxfzol] {
        background-color: rgba(255, 255, 255, 0.2);
        color: #fff;
    }

/* Filters live inside the navy header now (same section as the search box), as a
   compact single wrapping row — no separate card/title, so the whole thing takes
   noticeably less vertical space. .header-content already carries the gradient via
   .app-page-header-content; this row is a sibling, so it needs its own matching
   background to read as "one section" rather than a disconnected white strip. */
.header-filters-row[b-5sjosxfzol] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    padding: 0 var(--app-space-4, 1rem) var(--app-space-3, 0.75rem);
    background: linear-gradient(135deg, var(--app-color-primary) 0%, var(--app-color-primary-dark) 100%);
}

.header-filters-row .filter-item[b-5sjosxfzol] {
    flex: 0 0 150px;
    width: 150px;
    min-width: 0;
    max-width: 150px;
}

    .header-filters-row .filter-item:empty[b-5sjosxfzol] {
        flex-basis: 0;
        width: 0;
        max-width: 0;
        min-width: 0;
    }

/* Telerik's default DatePicker/TextBox chrome is nearly transparent — fine on a white
   page, unreadable on navy. Give every filter control the same solid white box the
   dropdowns already render with, reaching into Telerik's own markup via ::deep.
   site.css `.k-input` also adds extra padding and lets the date/text controls grow
   past the 150px dropdowns ("Visi statusai", "Visi šaltiniai"). Reset that here. */
.header-filters-row[b-5sjosxfzol]  .k-input,
.header-filters-row[b-5sjosxfzol]  .k-picker,
.header-filters-row[b-5sjosxfzol]  .k-dropdownlist,
.header-filters-row[b-5sjosxfzol]  .k-textbox,
.header-filters-row[b-5sjosxfzol]  .k-datepicker {
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding: 0 !important;
    background-color: #fff !important;
    border: 1px solid transparent !important;
    border-radius: var(--app-radius-md, 0.375rem) !important;
}

.header-filters-row[b-5sjosxfzol]  .k-input-inner,
.header-filters-row[b-5sjosxfzol]  .k-input-value-text {
    color: var(--app-text-primary, #1f2937) !important;
}

.header-filters-row[b-5sjosxfzol]  .k-input:hover,
.header-filters-row[b-5sjosxfzol]  .k-picker:hover,
.header-filters-row[b-5sjosxfzol]  .k-dropdownlist:hover {
    border-color: rgba(255, 255, 255, 0.5) !important;
}

.header-filters-row[b-5sjosxfzol]  .k-input.k-focus,
.header-filters-row[b-5sjosxfzol]  .k-picker.k-focus,
.header-filters-row[b-5sjosxfzol]  .k-dropdownlist.k-focus {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) !important;
}

.header-filters-actions[b-5sjosxfzol] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-left: auto;
}

.search-filters-clear[b-5sjosxfzol] {
    background: rgba(255, 255, 255, 0.1);
    border: none;
    color: #fff;
    font-size: var(--app-font-size-sm, 0.875rem);
    font-weight: 600;
    cursor: pointer;
    padding: 0.4rem 0.75rem;
    border-radius: var(--app-radius-md, 0.375rem);
    transition: background-color 0.15s ease;
}

    .search-filters-clear:hover[b-5sjosxfzol] {
        background-color: rgba(255, 255, 255, 0.2);
    }

    .documents-search-container.app-telerik-search-mobile[b-5sjosxfzol] {
        --app-tsm-grid-min: 800px;
        --app-tsm-cell-min: 100px;
    }

/* The grid now has Height="100%" (DocumentsSearch.razor) and scrolls internally within its
   own bounded box, instead of relying on the whole page scrolling. */
.documents-grid .k-grid-content[b-5sjosxfzol]::-webkit-scrollbar {
        width: 6px;
    }

    .documents-grid .k-grid-content[b-5sjosxfzol]::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 3px;
    }

    .documents-grid .k-grid-content[b-5sjosxfzol]::-webkit-scrollbar-thumb {
        background: var(--app-color-primary);
        border-radius: 3px;
    }

        .documents-grid .k-grid-content[b-5sjosxfzol]::-webkit-scrollbar-thumb:hover {
            background: var(--app-color-primary-dark);
        }

@media (max-width: 768px) {
    .documents-search-container .filter-row[b-5sjosxfzol] {
        gap: 0.75rem;
    }
}

[b-5sjosxfzol] .k-grid .k-loading-mask {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(2px);
}

/* The grid now scrolls internally (Height="100%"), so its own column-header row keeping
   site.css's default position:sticky;top:0 is exactly what's wanted here — no longer
   fighting .app-page-header for the same scroll context, since that no longer scrolls. */
/* /Modules/Chat/Pages/FaqEdit.razor.rz.scp.css */
.faq-form-container[b-l5d0fmk59p] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0;
}

.form-group[b-l5d0fmk59p] {
    margin-bottom: 1.5rem;
}

.form-label[b-l5d0fmk59p] {
    font-weight: 600;
    color: #2d3748;
    margin-bottom: 0.5rem;
    display: block;
}

.form-control[b-l5d0fmk59p] {
    border-radius: 12px;
    border: 2px solid transparent;
    background: #f7fafc;
    transition: .2s;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    width: 100%;
    padding: 0.75rem;
    font-size: 0.95rem;
    display: flex;
}

    .form-control:focus[b-l5d0fmk59p] {
        outline: none;
        border-color: var(--app-color-primary);
        background: #fff;
        box-shadow: 0 4px 25px rgba(var(--app-color-primary-rgb), 0.15);
    }

.faq-form-container .form-control.error-border[b-l5d0fmk59p],
.faq-form-container .form-control.error-border:focus[b-l5d0fmk59p],
.faq-form-container .form-control.error-border:focus-visible[b-l5d0fmk59p] {
    border-color: #dc3545;
    background-color: #fff5f5;
    box-shadow: none;
    outline: none;
}

.large-textarea[b-l5d0fmk59p] {
    width: 100%;
    min-width: 100%;
    min-height: 120px;
    max-height: 500px;
    padding: 0.75rem;
    font-size: 0.95rem;
    font-family: var(--app-font-mono);
    line-height: 1.5;
    resize: vertical;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.readonly-answer-box[b-l5d0fmk59p] {
    background: #edf2f7;
    border-color: #cbd5e0;
    color: #a0aec0;
    cursor: not-allowed;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.translation-actions .delete-translation-button[b-l5d0fmk59p] {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff;
}

    .translation-actions .delete-translation-button:hover[b-l5d0fmk59p],
    .translation-actions .delete-translation-button:focus[b-l5d0fmk59p] {
        background-color: #c82333;
        border-color: #bd2130;
        color: #fff;
    }

.faq-container[b-l5d0fmk59p] {
    position: relative;
    z-index: 1;
}

.faq-validation-summary[b-l5d0fmk59p] {
    margin-bottom: 1rem;
    border-radius: 8px;
    padding: 0.75rem 1rem;
}

.function-info-box[b-l5d0fmk59p] {
    margin-top: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: #f0f4ff;
    border-radius: 6px;
    border: 1px solid #d0d9f0;
}

.function-params-info[b-l5d0fmk59p] {
    margin-top: 0.25rem;
}

@media (max-width: 768px) {
    .faq-form-container[b-l5d0fmk59p] {
        padding: 0;
    }
}
/* /Modules/Chat/Pages/FaqsSearch.razor.rz.scp.css */
.faqs-grid[b-31agsfus0p] {
    width: 100%;
}

.question-cell[b-31agsfus0p],
.answer-cell[b-31agsfus0p] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    line-height: 1.4;
}

.question-icon[b-31agsfus0p],
.answer-icon[b-31agsfus0p] {
    flex-shrink: 0;
    opacity: 0.7;
    font-size: 0.9rem;
}

.question-cell strong[b-31agsfus0p] {
    color: #2d3748;
}

.answer-cell[b-31agsfus0p] {
    color: #4a5568;
    font-size: 0.9rem;
}

.site-badge[b-31agsfus0p] {
    background: linear-gradient(135deg, rgba(72, 187, 120, 0.1), rgba(56, 161, 105, 0.05));
    color: #48bb78;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    border: 1px solid rgba(72, 187, 120, 0.2);
}

.faqs-grid .k-grid tbody tr[b-31agsfus0p] {
    cursor: pointer;
    transition: all 0.2s ease;
}

    .faqs-grid .k-grid tbody tr:hover[b-31agsfus0p] {
        background: rgba(var(--app-color-primary-rgb), 0.03);
        transition: background-color 0.2s ease;
    }

.faqs-search-container[b-31agsfus0p] {
    position: relative;
    z-index: 1;
}

/* Mobile grid scroll/header: see site.css .app-telerik-search-mobile (defaults 900px / 100px) */
/* /Modules/Chat/Pages/HtmlChunker.razor.rz.scp.css */
.html-chunker-container[b-0jge6e6tiy] {
    max-width: 1200px;
    margin: 20px auto;
    padding: 16px;
}

.html-chunker-grid[b-0jge6e6tiy] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 12px;
}

.html-chunker-label[b-0jge6e6tiy] {
    font-weight: 600;
}

.html-chunker-textarea[b-0jge6e6tiy] {
    width: 100%;
    padding: 8px;
}

.html-chunker-actions[b-0jge6e6tiy] {
    margin-top: 12px;
    display: flex;
    gap: 12px;
    align-items: center;
}

.html-chunker-button[b-0jge6e6tiy] {
    padding: 8px 16px;
}

.html-chunker-error[b-0jge6e6tiy] {
    color: #b30000;
}

.html-chunker-results[b-0jge6e6tiy] {
    margin-top: 20px;
}

.html-chunker-json-wrap[b-0jge6e6tiy] {
    margin: 8px 0;
}

.html-chunker-list[b-0jge6e6tiy] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.html-chunker-item[b-0jge6e6tiy] {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 10px;
}

.html-chunker-item-title[b-0jge6e6tiy] {
    font-weight: 600;
    margin-bottom: 6px;
}

.html-chunker-pre[b-0jge6e6tiy] {
    white-space: pre-wrap;
    margin: 0;
}
/* /Modules/Chat/Pages/Overview.razor.rz.scp.css */
.chart-controls[b-dvemtvp4x7] {
    display: flex;
    gap: 2rem;
    align-items: center;
    margin-bottom: 2rem;
    padding: 1rem;
    background: linear-gradient(135deg, rgba(var(--app-color-primary-rgb), 0.05), rgba(var(--app-color-primary-dark-rgb), 0.02));
    border-radius: 8px;
    border: 1px solid rgba(var(--app-color-primary-rgb), 0.1);
}

.control-group[b-dvemtvp4x7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.control-label[b-dvemtvp4x7] {
    font-weight: 600;
    color: #2d3748;
    min-width: max-content;
}

.chart-type-dropdown[b-dvemtvp4x7] {
    min-width: 200px;
}

.chart-info-note[b-dvemtvp4x7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    background: linear-gradient(135deg, rgba(var(--app-color-primary-rgb), 0.1), rgba(var(--app-color-primary-dark-rgb), 0.05));
    border-left: 4px solid var(--app-color-primary);
    border-radius: 6px;
    font-size: 0.95rem;
    color: var(--app-color-primary-dark);
    font-weight: 500;
}

.info-icon[b-dvemtvp4x7] {
    font-size: 1.1rem;
    flex-shrink: 0;
}

.info-text[b-dvemtvp4x7] {
    line-height: 1.5;
}

.chart-container[b-dvemtvp4x7] {
    margin-bottom: 3rem;
    padding: 1rem;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(var(--app-color-primary-rgb), 0.1);
}

.data-table-section[b-dvemtvp4x7] {
    margin-top: 2rem;
}

.section-title[b-dvemtvp4x7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    font-size: 1.2rem;
    font-weight: 600;
    color: #2d3748;
}

.section-icon[b-dvemtvp4x7] {
    font-size: 1.1rem;
}

.topics-grid[b-dvemtvp4x7] {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.topic-cell[b-dvemtvp4x7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.topic-icon[b-dvemtvp4x7] {
    opacity: 0.7;
    font-size: 0.9rem;
}

.count-cell[b-dvemtvp4x7] {
    text-align: center;
}

.count-badge[b-dvemtvp4x7] {
    background: linear-gradient(135deg, var(--app-color-primary), var(--app-color-primary-dark));
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-weight: 600;
    font-size: 0.9rem;
}

.agent-offered-badge[b-dvemtvp4x7] {
    background: linear-gradient(135deg, #ff9800, #f57c00);
}

.disliked-badge[b-dvemtvp4x7] {
    background: linear-gradient(135deg, #f44336, #d32f2f);
}

.percentage-cell[b-dvemtvp4x7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.percentage-bar[b-dvemtvp4x7] {
    flex: 1;
    height: 20px;
    background: #e9ecef;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.percentage-progress[b-dvemtvp4x7] {
    width: 100%;
    height: 100%;
    appearance: none;
    border: none;
    border-radius: 10px;
    overflow: hidden;
    display: block;
}

    .percentage-progress[b-dvemtvp4x7]::-webkit-progress-bar {
        background: transparent;
        border-radius: 10px;
    }

    .percentage-progress[b-dvemtvp4x7]::-webkit-progress-value {
        background: linear-gradient(135deg, #28a745, #20c997);
        border-radius: 10px;
        transition: width 0.3s ease;
    }

    .percentage-progress[b-dvemtvp4x7]::-moz-progress-bar {
        background: linear-gradient(135deg, #28a745, #20c997);
        border-radius: 10px;
    }

.overview-detail-wrapper[b-dvemtvp4x7] {
    padding: 1rem;
    background: #fafafa;
}

.percentage-text[b-dvemtvp4x7] {
    font-weight: 600;
    color: #495057;
    font-size: 0.8rem;
    min-width: 35px;
}

.chatbot-overview-container .app-empty-state[b-dvemtvp4x7] {
    padding: 4rem;
}

    .chatbot-overview-container .app-empty-state .empty-icon[b-dvemtvp4x7] {
        font-size: 4rem;
        color: #e2e8f0;
        margin-bottom: 1.5rem;
        opacity: 0.7;
    }

    .chatbot-overview-container .app-empty-state .app-empty-state-title[b-dvemtvp4x7] {
        margin: 0 0 0.75rem 0;
        font-size: 1.2rem;
    }

    .chatbot-overview-container .app-empty-state p[b-dvemtvp4x7] {
        margin: 0;
        color: var(--app-text-secondary, #718096);
        line-height: 1.6;
    }

.chatbot-overview-container[b-dvemtvp4x7] {
    position: relative;
    z-index: 1;
}

@media (max-width: 1200px) {
    .chart-controls[b-dvemtvp4x7] {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
    }

    .control-group[b-dvemtvp4x7] {
        justify-content: space-between;
    }
}

@media (max-width: 768px) {
    .chart-controls[b-dvemtvp4x7] {
        padding: 0.75rem;
    }
}

.chatbot-overview-container .info-text[b-dvemtvp4x7] {
    color: #1f2937;
}

.chatbot-overview-container .topic-cell[b-dvemtvp4x7] {
    min-width: 0;
}

    .chatbot-overview-container .topic-cell strong[b-dvemtvp4x7] {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        overflow-wrap: anywhere;
        line-height: 1.35;
        max-width: 100%;
    }

.chatbot-overview-container .section-title[b-dvemtvp4x7],
.chatbot-overview-container .control-label[b-dvemtvp4x7] {
    line-height: 1.4;
}
/* /Modules/Chat/Pages/PacientTranscriptionsPage.razor.rz.scp.css */
.pacient-page-layout[b-kiee425lrr] {
    padding: 0.5rem;
    height: calc(98vh - 150px);
    display: flex;
    align-items: stretch;
    justify-content: center;
    background: #f1f5f9;
}

@media (max-width: 768px) {
    .pacient-page-layout[b-kiee425lrr] {
        padding: 0.5rem;
    }
}
/* /Modules/Chat/Pages/PromptTest.razor.rz.scp.css */
.prompt-test-container[b-5tjaxkyapx] {
    max-width: 1400px;
    margin: 20px auto;
    padding: 16px;
}

.prompt-test-title[b-5tjaxkyapx] {
    margin-bottom: 24px;
}

.prompt-test-warning[b-5tjaxkyapx] {
    margin-bottom: 20px;
    padding: 12px 16px;
    background-color: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 4px;
    border-left: 4px solid #ff9800;
}

.prompt-test-warning-title[b-5tjaxkyapx] {
    font-weight: 600;
    color: #856404;
    margin-bottom: 4px;
}

.prompt-test-warning-text[b-5tjaxkyapx] {
    color: #856404;
    font-size: 14px;
}

.prompt-test-grid[b-5tjaxkyapx] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 12px;
}

.prompt-test-label[b-5tjaxkyapx] {
    font-weight: 600;
    display: block;
    margin-bottom: 8px;
}

.prompt-test-textarea[b-5tjaxkyapx] {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.prompt-test-textarea-mono[b-5tjaxkyapx] {
    font-family: var(--app-font-mono);
    font-size: 12px;
}

.prompt-test-help[b-5tjaxkyapx] {
    margin-top: 4px;
    font-size: 12px;
    color: #666;
}

.prompt-test-actions[b-5tjaxkyapx] {
    margin-top: 16px;
    display: flex;
    gap: 12px;
    align-items: center;
}

.prompt-test-button[b-5tjaxkyapx] {
    padding: 10px 20px;
    background-color: var(--app-color-primary);
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 600;
}

.prompt-test-error[b-5tjaxkyapx] {
    color: #b30000;
    font-weight: 600;
}

.prompt-test-block[b-5tjaxkyapx] {
    margin-top: 24px;
}

.prompt-test-panel[b-5tjaxkyapx] {
    padding: 16px;
    border-radius: 4px;
    white-space: pre-wrap;
}

.prompt-test-panel-blue[b-5tjaxkyapx] {
    background-color: #e7f3ff;
    border: 1px solid #0066cc;
}

.prompt-test-panel-green[b-5tjaxkyapx] {
    background-color: #d4edda;
    border: 1px solid #28a745;
}

.prompt-test-panel-gray[b-5tjaxkyapx] {
    background-color: #f8f9fa;
    border: 1px solid #6c757d;
    overflow-y: auto;
}

.prompt-test-panel-default[b-5tjaxkyapx] {
    background-color: #f8f9fa;
    border: 1px solid #ddd;
}

.prompt-test-panel-warning[b-5tjaxkyapx] {
    background-color: #fff3cd;
    border: 1px solid #ffc107;
    overflow-y: auto;
}

.prompt-test-faq-label[b-5tjaxkyapx] {
    color: #28a745;
    font-size: 14px;
}

.prompt-test-muted-label[b-5tjaxkyapx] {
    color: #6c757d;
    font-size: 12px;
    font-weight: normal;
}

.prompt-test-min-h-50[b-5tjaxkyapx] {
    min-height: 50px;
}

.prompt-test-min-h-100[b-5tjaxkyapx] {
    min-height: 100px;
}

.prompt-test-max-h-300[b-5tjaxkyapx] {
    max-height: 300px;
}

.prompt-test-max-h-400[b-5tjaxkyapx] {
    max-height: 400px;
}

.prompt-test-font-12[b-5tjaxkyapx] {
    font-size: 12px;
}

.prompt-test-font-13[b-5tjaxkyapx] {
    font-size: 13px;
}
/* /Modules/Identity/Components/UserStatusSelection.razor.rz.scp.css */
.user-status-pill[b-2oiqy2adt6] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.1875rem 0.5rem;
    border-radius: var(--app-radius-pill);
    border: 1px solid var(--app-border-subtle);
    background: var(--app-surface-muted);
    box-sizing: border-box;
    width: fit-content;
    max-width: 100%;
}

.status-dot[b-2oiqy2adt6] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
    background: #9ca3af;
}

.user-status-pill.user-status-active .status-dot[b-2oiqy2adt6] {
    background: #22c55e;
}

.user-status-pill.user-status-inactive .status-dot[b-2oiqy2adt6] {
    background: #9ca3af;
}

.user-status-pill.user-status-busy .status-dot[b-2oiqy2adt6] {
    background: #f59e0b;
}

.user-status-select[b-2oiqy2adt6] {
    flex: 1;
    min-width: 0;
    border: none;
    background: transparent;
    outline: none;
    font-size: 0.75rem;
    color: var(--app-text-primary);
    cursor: pointer;
    padding: 0;
    line-height: 1.2;
}

    .user-status-select option[b-2oiqy2adt6] {
        line-height: 1.25;
        color: var(--app-text-primary);
    }
/* /Modules/Identity/Pages/Login.razor.rz.scp.css */
.login-page-root[b-zl5fcnrnhr] {
    background-color: #f4f4f4;
}

.login-container[b-zl5fcnrnhr] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.selection[b-zl5fcnrnhr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 2px solid #fdfdfd;
    box-shadow: 8px 8px 20px 0 rgba(150, 150, 150, .5);
    background-color: #ffffff;
    border-radius: 20px;
}

    .selection h2[b-zl5fcnrnhr] {
        font-size: 40px;
        line-height: 1;
        text-align: center;
        color: #414141;
        margin-bottom: 20px;
    }

    .selection .i[b-zl5fcnrnhr] {
        display: block;
        min-height: 180px;
        margin: 20px 0;
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 1.5;
        color: #5a5a5a;
    }

    .selection ul[b-zl5fcnrnhr] {
        list-style: disc;
        padding-left: 20px;
        margin: 0;
    }

    .selection li[b-zl5fcnrnhr] {
        margin-bottom: 10px;
    }

.button-container[b-zl5fcnrnhr] {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
}

.gdpr-consent-card[b-zl5fcnrnhr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 2px solid #fdfdfd;
    box-shadow: 8px 8px 20px 0 rgba(150, 150, 150, .5);
    background-color: #ffffff;
    border-radius: 20px;
    width: 100%;
}

.gdpr-content[b-zl5fcnrnhr] {
    width: 100%;
    text-align: left;
}

.gdpr-title[b-zl5fcnrnhr] {
    font-size: 24px;
    font-weight: 600;
    color: #414141;
    margin-bottom: 20px;
    text-align: center;
}

.gdpr-description[b-zl5fcnrnhr] {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: #5a5a5a;
    margin-bottom: 15px;
}

.gdpr-list[b-zl5fcnrnhr] {
    margin: 15px 0;
    padding-left: 20px;
    color: #5a5a5a;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
}

    .gdpr-list li[b-zl5fcnrnhr] {
        margin-bottom: 10px;
    }

.gdpr-checkbox-container[b-zl5fcnrnhr] {
    display: flex;
    align-items: flex-start;
    margin-top: 20px;
    padding: 15px;
    background-color: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
}

.gdpr-checkbox-label[b-zl5fcnrnhr] {
    margin-left: 10px;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: #414141;
    cursor: pointer;
}

.privacy-policy-link[b-zl5fcnrnhr] {
    color: #0066cc;
    text-decoration: underline;
}

    .privacy-policy-link:hover[b-zl5fcnrnhr] {
        color: #0052a3;
    }

.t-dialog[b-zl5fcnrnhr] {
    z-index: 999999 !important;
}
/* /Modules/Identity/Pages/UserEdit.razor.rz.scp.css */
.user-details[b-4imkm98vv2] {
    max-width: 1200px;
    margin: 0 auto;
}

.user-info-section[b-4imkm98vv2],
.roles-section[b-4imkm98vv2] {
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
}

.section-title[b-4imkm98vv2] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #2d3748;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--app-color-primary);
}

.section-subtitle[b-4imkm98vv2] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #4a5568;
    margin-bottom: 0.75rem;
}

.user-form-container[b-4imkm98vv2] {
    max-width: 800px;
    margin: 0 auto;
}

.form-grid[b-4imkm98vv2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.form-item[b-4imkm98vv2] {
    min-width: 0;
}

.form-actions[b-4imkm98vv2] {
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e0e0e0;
}

.info-grid[b-4imkm98vv2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1rem;
}

.info-item[b-4imkm98vv2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem;
    background: white;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
}

.info-label[b-4imkm98vv2] {
    font-weight: 600;
    color: #4a5568;
    font-size: 0.9rem;
}

.info-value[b-4imkm98vv2] {
    color: #2d3748;
    font-size: 0.9rem;
    text-align: right;
}

.roles-list[b-4imkm98vv2] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.role-item[b-4imkm98vv2] {
    padding: 0.75rem;
    background: white;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
}

.role-checkbox[b-4imkm98vv2] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
    margin: 0;
}

    .role-checkbox input[type="checkbox"][b-4imkm98vv2] {
        width: 20px;
        height: 20px;
        cursor: pointer;
    }

.role-name[b-4imkm98vv2] {
    font-size: 1rem;
    color: #2d3748;
    font-weight: 500;
}

.roles-actions[b-4imkm98vv2] {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
}

.actions-section[b-4imkm98vv2] {
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e0e0e0;
}

.error-container[b-4imkm98vv2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    gap: 1.5rem;
}

@media (max-width: 768px) {
    .info-grid[b-4imkm98vv2] {
        grid-template-columns: 1fr;
    }

    .info-item[b-4imkm98vv2] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .info-value[b-4imkm98vv2] {
        text-align: left;
    }

    .roles-actions[b-4imkm98vv2],
    .actions-section[b-4imkm98vv2] {
        flex-direction: column;
    }
}
/* /Modules/Identity/Pages/UsersSearchPage.razor.rz.scp.css */
.users-grid[b-f2k7fo1sap] {
    width: 100%;
}

.user-name[b-f2k7fo1sap] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

    .user-name strong[b-f2k7fo1sap] {
        max-width: 100%;
    }

.user-icon[b-f2k7fo1sap] {
    opacity: 0.7;
    font-size: 0.9rem;
}

.user-status[b-f2k7fo1sap] {
    color: #495057;
    font-size: var(--app-font-size-sm);
    line-height: var(--app-line-height-md);
}

.user-roles[b-f2k7fo1sap] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.role-badge[b-f2k7fo1sap] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background: linear-gradient(135deg, var(--app-color-primary) 0%, var(--app-color-primary-dark) 100%);
    color: white;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 500;
    white-space: nowrap;
}

.no-roles[b-f2k7fo1sap] {
    color: #6c757d;
    font-style: italic;
    font-size: 0.9rem;
}

.user-blocked-status[b-f2k7fo1sap] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.blocked-badge[b-f2k7fo1sap] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 500;
    white-space: nowrap;
}

    .blocked-badge.active[b-f2k7fo1sap] {
        background: #ecfdf5;
        color: #166534;
    }

    .blocked-badge.blocked[b-f2k7fo1sap] {
        background: #fef2f2;
        color: #991b1b;
    }

.users-grid .k-grid tbody tr[b-f2k7fo1sap] {
    cursor: pointer;
    transition: all 0.2s ease;
}

    .users-grid .k-grid tbody tr:hover[b-f2k7fo1sap] {
        background: rgba(var(--app-color-primary-rgb), 0.03);
        transition: background-color 0.2s ease;
    }

.users-search-container.app-telerik-search-mobile[b-f2k7fo1sap] {
    --app-tsm-grid-min: 600px;
    --app-tsm-cell-min: 100px;
}
/* /Modules/Notifications/Components/NotificationCenter.razor.rz.scp.css */
.popup-notifications[b-yfxke7k7tn] {
  background-color: var(--app-surface-card, #fff);
  border-radius: var(--app-radius-xl, 0.625rem);
  border: 1px solid var(--app-border-muted, #e5e7eb);
  box-shadow:
    0 8px 28px rgba(15, 23, 42, 0.08),
    0 2px 8px rgba(15, 23, 42, 0.04);
  max-width: 90vw;
  max-height: 80vh;
  z-index: 10000 !important;
  overflow: hidden;
}

.k-popup.popup-notifications[b-yfxke7k7tn],
.k-popup.popup-notifications .k-popup-content[b-yfxke7k7tn] {
  box-sizing: border-box;
  border-radius: inherit;
  overflow: hidden;
}

.k-animation-container .popup-notifications[b-yfxke7k7tn] {
  max-width: 90vw;
  max-height: 80vh;
}

.popup-header[b-yfxke7k7tn] {
  background: var(--app-color-primary);
  border-radius: var(--app-radius-xl, 0.625rem) var(--app-radius-xl, 0.625rem) 0
    0;
}

.popup-header h3[b-yfxke7k7tn] {
  font-size: var(--app-font-size-md, 1rem);
  font-weight: 600;
  color: #fff;
  line-height: var(--app-line-height-tight, 1.25);
}

.notification-card[b-yfxke7k7tn] {
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin-bottom: var(--app-space-2, 0.5rem);
  padding: var(--app-space-3, 0.75rem);
  border: 1px solid var(--app-border-muted, #e5e7eb);
  border-radius: var(--app-radius-lg, 0.5rem);
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease;
  cursor: pointer;
}

.notification-card--read[b-yfxke7k7tn] {
  background: var(--app-surface-page, #f4f4f4);
  color: var(--app-text-secondary, #4b5563);
  box-shadow: none;
}

.notification-card--read .notification-title[b-yfxke7k7tn],
.notification-card--read .notification-body[b-yfxke7k7tn] {
  color: var(--app-text-muted, #6b7280);
  font-weight: 500;
}

.notification-card--unread[b-yfxke7k7tn] {
  background: linear-gradient(
    135deg,
    rgba(var(--app-color-primary-rgb), 0.06),
    rgba(var(--app-color-primary-dark-rgb), 0.035)
  );
  color: var(--app-text-primary, #1f2937);
  border-color: rgba(var(--app-color-primary-rgb), 0.22);
  box-shadow: inset 3px 0 0 0 var(--app-color-primary);
}

.notification-card:hover[b-yfxke7k7tn] {
  border-color: var(--app-border-subtle, #e0e0e0);
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06);
}

.notification-card--unread:hover[b-yfxke7k7tn] {
  background: linear-gradient(
    135deg,
    rgba(var(--app-color-primary-rgb), 0.09),
    rgba(var(--app-color-primary-dark-rgb), 0.05)
  );
}

.notification-card:focus-visible[b-yfxke7k7tn] {
  outline: var(--app-focus-ring, 2px solid #0d6efd);
  outline-offset: 2px;
}

.notification-card--critical[b-yfxke7k7tn] {
  border-left: 3px solid #dc2626;
}

.notification-card--warning[b-yfxke7k7tn] {
  border-left: 3px solid #f59e0b;
}

.notification-card--info[b-yfxke7k7tn] {
  border-left: 3px solid #3b82f6;
}

.notification-severity-badge[b-yfxke7k7tn] {
  display: inline-block;
  padding: 0.125rem 0.5rem;
  border-radius: var(--app-radius-pill, 999px);
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  margin-bottom: 0.375rem;
}

.notification-card--critical .notification-severity-badge[b-yfxke7k7tn] {
  background: rgba(220, 38, 38, 0.12);
  color: #dc2626;
}

.notification-card--warning .notification-severity-badge[b-yfxke7k7tn] {
  background: rgba(245, 158, 11, 0.14);
  color: #b45309;
}

.notification-card--info .notification-severity-badge[b-yfxke7k7tn] {
  background: rgba(59, 130, 246, 0.12);
  color: #2563eb;
}

.notification-title[b-yfxke7k7tn] {
  margin: 0 0 0.25rem;
  font-size: var(--app-font-size-sm, 0.875rem);
  font-weight: 700;
  color: var(--app-text-primary, #1f2937);
  line-height: var(--app-line-height-md, 1.55);
}

.notification-description[b-yfxke7k7tn] {
  margin: 0 0 0.5rem;
  font-size: var(--app-font-size-sm, 0.875rem);
  color: var(--app-text-secondary, #4b5563);
  line-height: var(--app-line-height-md, 1.55);
}

.notification-fields[b-yfxke7k7tn] {
  margin: 0 0 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.notification-field[b-yfxke7k7tn] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  font-size: 0.8125rem;
  line-height: 1.4;
}

.notification-field dt[b-yfxke7k7tn] {
  flex-shrink: 0;
  font-weight: 600;
  color: var(--app-text-secondary, #4b5563);
}

.notification-field dd[b-yfxke7k7tn] {
  margin: 0;
  min-width: 0;
  overflow-wrap: break-word;
}

.notification-field dd code[b-yfxke7k7tn] {
  font-family: var(--app-font-mono);
  font-size: 0.75rem;
  background: var(--app-surface-muted, #f3f4f6);
  padding: 0.0625rem 0.375rem;
  border-radius: var(--app-radius-sm, 0.25rem);
  color: var(--app-text-primary, #1f2937);
}

.notification-recommendation[b-yfxke7k7tn] {
  margin: 0.25rem 0 0;
  font-size: 0.8125rem;
  font-style: italic;
  color: var(--app-text-muted, #6b7280);
}

.notification-body[b-yfxke7k7tn] {
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 100%;
  font-size: var(--app-font-size-sm, 0.875rem);
  line-height: var(--app-line-height-md, 1.55);
  color: inherit;
}

.notification-card-footer[b-yfxke7k7tn] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--app-space-2, 0.5rem);
  margin-top: var(--app-space-2, 0.5rem);
  padding-top: var(--app-space-2, 0.5rem);
  border-top: 1px solid var(--app-border-subtle, #e0e0e0);
}

.notification-read-label[b-yfxke7k7tn] {
  margin-right: auto;
  font-size: var(--app-font-size-xs, 0.8125rem);
  font-weight: 600;
  color: var(--app-text-muted, #6b7280);
}

.notification-actions[b-yfxke7k7tn] {
  flex-shrink: 0;
  display: flex;
  gap: var(--app-space-2, 0.5rem);
}

[b-yfxke7k7tn](.notification-action-btn.k-button) {
  width: 1.75rem !important;
  height: 1.75rem !important;
  min-width: 1.75rem !important;
  min-height: 1.75rem !important;
  padding: 0 !important;
  border-radius: var(--app-radius-pill, 999px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

[b-yfxke7k7tn](.notification-action-btn .k-svg-icon) {
  width: 14px;
  height: 14px;
}

.notification-content[b-yfxke7k7tn] {
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.notification-content-scroll[b-yfxke7k7tn] {
  height: calc(100% - 60px);
  padding: var(--app-space-3, 0.75rem);
}

.notification-body-grow[b-yfxke7k7tn] {
  flex-grow: 1;
  min-width: 0;
}

.notification-date-sm[b-yfxke7k7tn] {
  font-size: var(--app-font-size-xs, 0.8125rem);
}

.notification-date[b-yfxke7k7tn] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--app-text-muted, #6b7280);
}

.notification-date-day[b-yfxke7k7tn] {
  font-weight: 600;
}

.notification-date-sep[b-yfxke7k7tn] {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--app-text-muted, #6b7280);
  flex-shrink: 0;
}

.notification-date-time[b-yfxke7k7tn] {
  font-variant-numeric: tabular-nums;
}

[b-yfxke7k7tn](.btn-close.k-button) {
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  color: #fff !important;
  width: 2.25rem !important;
  height: 2.25rem !important;
  min-width: 2.25rem !important;
  min-height: 2.25rem !important;
  padding: 0 !important;
  border-radius: var(--app-radius-pill, 999px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease;
}

[b-yfxke7k7tn](.btn-close.k-button:hover) {
  background: rgba(255, 255, 255, 0.25) !important;
  border-color: #fff !important;
}

[b-yfxke7k7tn](.btn-close .k-svg-icon) {
  width: 16px;
  height: 16px;
}

/* Toolbar bell: matches HeaderUtilityToolbar's .header-util-btn sizing/styling
   (kept in sync manually — this button lives in its own component's scope). */
[b-yfxke7k7tn](.notification-bell-btn.k-button) {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  font-weight: 600 !important;
  width: 3rem !important;
  height: 3rem !important;
  min-width: 3rem !important;
  min-height: 3rem !important;
  padding: 0 !important;
  border-radius: var(--app-radius-pill, 999px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
}

[b-yfxke7k7tn](.notification-bell-btn.k-button:hover) {
  background: rgba(255, 255, 255, 0.22) !important;
  border-color: #fff !important;
}

[b-yfxke7k7tn](.notification-bell-btn .bell-icon) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

.bell-count[b-yfxke7k7tn] {
  position: absolute;
  top: -2px;
  right: -2px;
  min-width: 15px;
  height: 15px;
  padding: 0 3px;
  border-radius: var(--app-radius-pill, 999px);
  background: #ef4444;
  color: #fff;
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 15px;
  text-align: center;
  box-sizing: border-box;
}

.bell-icon.bell-ring[b-yfxke7k7tn] {
  display: inline-block;
  animation: ring-b-yfxke7k7tn 0.5s ease-in-out infinite;
}

@keyframes ring-b-yfxke7k7tn {
  0% {
    transform: rotate(0deg);
  }

  25% {
    transform: rotate(15deg);
  }

  50% {
    transform: rotate(-10deg);
  }

  75% {
    transform: rotate(10deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

@media (max-width: 768px) {
  .popup-notifications[b-yfxke7k7tn],
  .k-popup.popup-notifications[b-yfxke7k7tn],
  .k-animation-container .popup-notifications[b-yfxke7k7tn] {
    width: calc(100vw - 2rem) !important;
    max-width: calc(100vw - 2rem) !important;
    height: auto !important;
    max-height: calc(100vh - 2rem) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 1rem !important;
    right: auto !important;
    bottom: auto !important;
    position: fixed !important;
  }

  .popup-header[b-yfxke7k7tn] {
    padding: var(--app-space-3, 0.75rem);
  }

  .popup-header h3[b-yfxke7k7tn] {
    font-size: var(--app-font-size-sm, 0.875rem);
  }

  .notification-content[b-yfxke7k7tn] {
    padding: var(--app-space-3, 0.75rem);
    max-height: calc(100vh - 140px) !important;
  }

  .notification-card[b-yfxke7k7tn] {
    padding: var(--app-space-3, 0.75rem);
    margin-bottom: var(--app-space-3, 0.75rem);
  }

  .notification-actions[b-yfxke7k7tn] {
    flex-direction: column;
    gap: var(--app-space-2, 0.5rem);
  }

  .notification-body[b-yfxke7k7tn] {
    font-size: var(--app-font-size-sm, 0.875rem);
  }

  .notification-date[b-yfxke7k7tn] {
    font-size: var(--app-font-size-xs, 0.8125rem);
  }
}

@media (max-width: 480px) {
  .popup-notifications[b-yfxke7k7tn],
  .k-popup.popup-notifications[b-yfxke7k7tn],
  .k-animation-container .popup-notifications[b-yfxke7k7tn] {
    width: calc(100vw - 1rem) !important;
    max-width: calc(100vw - 1rem) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 0.5rem !important;
    right: auto !important;
    max-height: calc(100vh - 1rem) !important;
  }

  .popup-header[b-yfxke7k7tn] {
    padding: var(--app-space-2, 0.5rem);
  }

  .popup-header h3[b-yfxke7k7tn] {
    font-size: var(--app-font-size-xs, 0.8125rem);
  }

  .notification-content[b-yfxke7k7tn] {
    padding: var(--app-space-2, 0.5rem);
    max-height: calc(100vh - 120px) !important;
  }

  .notification-card[b-yfxke7k7tn] {
    padding: var(--app-space-2, 0.5rem);
  }

  .notification-actions[b-yfxke7k7tn] {
    flex-direction: row;
    gap: var(--app-space-1, 0.25rem);
  }
}
/* /Pages/Static.razor.rz.scp.css */
/* PageContentViewer renders raw HTML from the DB (PagesContents.StaticPageInformation) via
   MarkupString, so Blazor's scoping attribute is never added to it — ::deep is required to
   reach it, and selectors after ::deep need !important to beat the higher-specificity
   #page-container .card / .card-title rules in site.css (shared globally by MainLayout). */

/* site.css sets .app-page-shell min-height: calc(100vh - 120px), assuming ~120px of chrome
   above it (the admin topbar). On this page the 256px hero sits above it instead, and a
   footer follows — the fixed min-height forces a taller-than-viewport page and an
   always-present scrollbar even when the actual content is short. */
.app-page-shell[b-eokryx72vy] {
    min-height: auto;
}

.app-page-content[b-eokryx72vy]  .static-info-section-title {
    display: none;
}

.app-page-content[b-eokryx72vy]  .static-info-section {
    margin-top: 0 !important;
}

.app-page-content[b-eokryx72vy]  .static-info-cards {
    gap: 1.25rem !important;
    margin-top: 0 !important;
}

.app-page-content[b-eokryx72vy]  .card {
    margin: 0 !important;
    border-radius: var(--app-radius-xl, 0.625rem) !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

    .app-page-content[b-eokryx72vy]  .card:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(15, 23, 42, 0.1) !important;
    }

.app-page-content[b-eokryx72vy]  .card-body {
    padding: 1.25rem !important;
}

.app-page-content[b-eokryx72vy]  .card-title {
    font-size: 1.125rem !important;
    font-weight: 700;
    margin-bottom: 0.625rem !important;
    color: var(--app-text-primary, #1f2937) !important;
}

.app-page-content[b-eokryx72vy]  .card-text {
    margin: 0 !important;
    font-size: 0.9375rem;
    line-height: 1.55;
    color: var(--app-text-secondary, #4b5563);
}

.app-page-content[b-eokryx72vy]  .static-info-note {
    margin-top: 1.5rem !important;
    padding: 1.25rem !important;
    border-radius: var(--app-radius-lg, 0.5rem);
}