/* _content/Furomatic.Web/Components/Layout/AuthLayout.razor.rz.scp.css */
.page[b-umq8dhvo1r] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-umq8dhvo1r] {
    flex: 1;
}

.sidebar[b-umq8dhvo1r] {
    /*background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, var(--brand-darker) 70%);*/
}

.top-row[b-umq8dhvo1r] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-umq8dhvo1r]  a, .top-row[b-umq8dhvo1r]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-umq8dhvo1r]  a:hover, .top-row[b-umq8dhvo1r]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-umq8dhvo1r]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-umq8dhvo1r] {
        justify-content: space-between;
    }

    .top-row[b-umq8dhvo1r]  a, .top-row[b-umq8dhvo1r]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-umq8dhvo1r] {
        flex-direction: row;
    }

    .sidebar[b-umq8dhvo1r] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-umq8dhvo1r] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-umq8dhvo1r]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-umq8dhvo1r], article[b-umq8dhvo1r] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-umq8dhvo1r] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-umq8dhvo1r] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/Furomatic.Web/Components/Layout/LoginLayout.razor.rz.scp.css */
.page[b-nh3eitbrh9] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-nh3eitbrh9] {
    flex: 1;
}

.sidebar[b-nh3eitbrh9] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, var(--brand-darker) 70%);
}

.top-row[b-nh3eitbrh9] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-nh3eitbrh9]  a, .top-row[b-nh3eitbrh9]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-nh3eitbrh9]  a:hover, .top-row[b-nh3eitbrh9]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-nh3eitbrh9]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-nh3eitbrh9] {
        justify-content: space-between;
    }

    .top-row[b-nh3eitbrh9]  a, .top-row[b-nh3eitbrh9]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-nh3eitbrh9] {
        flex-direction: row;
    }

    .sidebar[b-nh3eitbrh9] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-nh3eitbrh9] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-nh3eitbrh9]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-nh3eitbrh9], article[b-nh3eitbrh9] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-nh3eitbrh9] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-nh3eitbrh9] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/Furomatic.Web/Components/Layout/MainLayout.razor.rz.scp.css */
/* =========================================================
   The plx app-shell rules used to live here scoped to the
   MainLayout component, but Blazor's `::deep` mechanic made
   them unreliable: `::deep .plx-shell` compiles to
   `[b-XXX] .plx-shell` and only matches when an ancestor of
   the element carries the scope attribute. `.plx-shell` is
   itself a root element of this component, so the scope is
   ON it, not above it — the `display: grid` rule never
   landed and the sidebar took up the whole viewport.

   The rules now live globally in `wwwroot/css/plx.css`
   under "App shell". This file is intentionally empty so
   future per-component overrides have a home, but layout-
   level rules belong in the global file.
   ========================================================= */
/* _content/Furomatic.Web/Components/Pages/Bookings/Detail.razor.rz.scp.css */
/* Booking Detail Page Styles */

/* Tabs container - folder tab style */
.tabs[b-exd8ni09xv] {
    display: flex;
    gap: 4px;
    padding: 0 0.5rem;
    padding-top: 0.5rem;
    background: #f3f4f6;
    border-bottom: 1px solid #d1d5db;
    overflow-x: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
}

.tabs[b-exd8ni09xv]::-webkit-scrollbar {
    display: none; /* Chrome/Safari */
}

/* Tab buttons - folder tab style */
.tab[b-exd8ni09xv] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.6rem 1rem;
    background: #e5e7eb;
    border: 1px solid #d1d5db;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    color: #6b7280;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
    flex-shrink: 0;
    position: relative;
    top: 1px;
    margin-bottom: -1px;
}

.tab:hover:not(:disabled):not(.active)[b-exd8ni09xv] {
    background: #f9fafb;
    color: #374151;
}

.tab.active[b-exd8ni09xv] {
    background: #ffffff;
    color: #3b82f6;
    border-color: #d1d5db;
    z-index: 1;
}

.tab:disabled[b-exd8ni09xv] {
    opacity: 0.5;
    cursor: not-allowed;
    background: #e5e7eb;
}

.tab .material-icons[b-exd8ni09xv] {
    font-size: 1.1rem;
}

/* Tab label with badge positioning */
.tab-label[b-exd8ni09xv] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

/* Notification badge */
.tab-badge[b-exd8ni09xv] {
    position: absolute;
    top: -8px;
    right: -12px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    background-color: #3b82f6;
    color: white;
    font-size: 0.65rem;
    font-weight: 600;
    border-radius: 9999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.tab.active .tab-badge[b-exd8ni09xv] {
    background-color: #2563eb;
}

.tab:disabled .tab-badge[b-exd8ni09xv] {
    background-color: #9ca3af;
}

/* Responsive adjustments */
@media (max-width: 900px) {
    .tabs[b-exd8ni09xv] {
        gap: 3px;
        padding: 0 0.25rem;
        padding-top: 0.4rem;
    }

    .tab[b-exd8ni09xv] {
        padding: 0.5rem 0.7rem;
        font-size: 0.8rem;
        border-radius: 6px 6px 0 0;
    }

    .tab .material-icons[b-exd8ni09xv] {
        font-size: 1rem;
    }

    .tab-badge[b-exd8ni09xv] {
        top: -6px;
        right: -10px;
        min-width: 14px;
        height: 14px;
        font-size: 0.6rem;
    }
}

@media (max-width: 700px) {
    .tabs[b-exd8ni09xv] {
        gap: 2px;
        padding: 0 0.15rem;
        padding-top: 0.3rem;
    }

    .tab[b-exd8ni09xv] {
        flex-direction: column;
        gap: 0.15rem;
        padding: 0.4rem 0.5rem;
        font-size: 0.7rem;
        border-radius: 5px 5px 0 0;
    }

    .tab .material-icons[b-exd8ni09xv] {
        font-size: 0.95rem;
    }

    .tab-badge[b-exd8ni09xv] {
        position: static;
        margin-left: 2px;
        min-width: 12px;
        height: 12px;
        font-size: 0.55rem;
    }
}
/* _content/Furomatic.Web/Components/Pages/Bookings/InvoiceEditor.razor.rz.scp.css */
.inv-overlay[b-5h9qh2fel6] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 4vh 1rem;
    background: rgba(17, 17, 27, 0.45);
    overflow-y: auto;
}

.inv-overlay-card[b-5h9qh2fel6] {
    width: min(860px, 100%);
    background: var(--surface, #fff);
    border-radius: 14px;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.25);
}

.inv-loading[b-5h9qh2fel6] {
    display: flex;
    justify-content: center;
    padding: 2rem 0;
}

.inv-grid[b-5h9qh2fel6] {
    display: grid;
    grid-template-columns: 1fr 1fr 120px;
    gap: 0.75rem 1rem;
    margin-bottom: 1rem;
}

.inv-grid-2[b-5h9qh2fel6] {
    grid-template-columns: 1fr 1fr;
    margin-top: 1rem;
}

.inv-field[b-5h9qh2fel6] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.inv-label[b-5h9qh2fel6] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--ink-2, var(--muted));
}

.inv-optional[b-5h9qh2fel6] {
    font-weight: 400;
    color: var(--muted);
}

.inv-currency[b-5h9qh2fel6] {
    text-transform: uppercase;
}

.inv-textarea[b-5h9qh2fel6] {
    resize: vertical;
    min-height: 88px;
    font-family: inherit;
}

.inv-lines[b-5h9qh2fel6] {
    border: 1px solid var(--line);
    border-radius: 10px;
    overflow: hidden;
}

.inv-lines-head[b-5h9qh2fel6],
.inv-line[b-5h9qh2fel6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 70px 110px 80px 110px 34px;
    gap: 0.5rem;
    align-items: center;
    padding: 0.5rem 0.75rem;
}

.inv-lines-head[b-5h9qh2fel6] {
    background: var(--surface-2, var(--surface));
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--muted);
    border-bottom: 1px solid var(--line);
}

.inv-line + .inv-line[b-5h9qh2fel6] {
    border-top: 1px solid var(--line);
}

.inv-num[b-5h9qh2fel6] {
    text-align: right;
}

.inv-line-total[b-5h9qh2fel6] {
    font-weight: 600;
    color: var(--ink);
    white-space: nowrap;
}

.inv-icon-btn[b-5h9qh2fel6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--muted);
    cursor: pointer;
}

.inv-icon-btn:hover:not(:disabled)[b-5h9qh2fel6] {
    background: var(--bad-soft);
    color: var(--bad);
}

.inv-lines-actions[b-5h9qh2fel6] {
    display: flex;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border-top: 1px solid var(--line);
}

.inv-totals[b-5h9qh2fel6] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.25rem;
    margin-top: 0.75rem;
}

.inv-totals > div[b-5h9qh2fel6] {
    display: flex;
    gap: 2rem;
    min-width: 260px;
    justify-content: space-between;
    font-size: 0.9rem;
    color: var(--ink-2, var(--muted));
}

.inv-totals .inv-total[b-5h9qh2fel6] {
    padding-top: 0.35rem;
    border-top: 1px solid var(--line);
    font-size: 1rem;
    color: var(--ink);
}

@media (max-width: 720px) {
    .inv-grid[b-5h9qh2fel6],
    .inv-grid-2[b-5h9qh2fel6] {
        grid-template-columns: 1fr;
    }

    .inv-lines-head[b-5h9qh2fel6] {
        display: none;
    }

    .inv-line[b-5h9qh2fel6] {
        grid-template-columns: 1fr 1fr;
    }

    .inv-line > input:first-child[b-5h9qh2fel6] {
        grid-column: 1 / -1;
    }
}
/* _content/Furomatic.Web/Components/Pages/Bookings/InvoicePaymentPanel.razor.rz.scp.css */
.inv-overlay[b-iaf2o47nro] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 6vh 1rem;
    background: rgba(17, 17, 27, 0.45);
    overflow-y: auto;
}

.inv-overlay-card[b-iaf2o47nro] {
    width: min(560px, 100%);
    background: var(--surface, #fff);
    border-radius: 14px;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.25);
}

.inv-grid[b-iaf2o47nro] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem 1rem;
}

.inv-span[b-iaf2o47nro] {
    grid-column: 1 / -1;
}

.inv-field[b-iaf2o47nro] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.inv-label[b-iaf2o47nro] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--ink-2, var(--muted));
}

.inv-optional[b-iaf2o47nro] {
    font-weight: 400;
    color: var(--muted);
}

.inv-check[b-iaf2o47nro] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--ink-2, var(--muted));
    margin-top: 0.25rem;
}

@media (max-width: 560px) {
    .inv-grid[b-iaf2o47nro] {
        grid-template-columns: 1fr;
    }
}
/* _content/Furomatic.Web/Components/Pages/Bookings/Invoices.razor.rz.scp.css */
.inv-loading[b-8udequ9hx1] {
    display: flex;
    justify-content: center;
    padding: 3rem 0;
}

.inv-filters[b-8udequ9hx1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    margin-bottom: 1rem;
}

.inv-filter[b-8udequ9hx1] {
    max-width: 280px;
}

.inv-search[b-8udequ9hx1] {
    flex: 1 1 260px;
    max-width: 420px;
}

.inv-link[b-8udequ9hx1] {
    color: var(--brand);
    text-decoration: none;
}

.inv-link:hover[b-8udequ9hx1] {
    text-decoration: underline;
}

.inv-due-late[b-8udequ9hx1] {
    color: var(--bad);
    font-weight: 600;
}

.inv-balance-owing[b-8udequ9hx1] {
    font-weight: 600;
    color: var(--ink);
}

.inv-actions[b-8udequ9hx1] {
    display: flex;
    gap: 0.25rem;
    justify-content: flex-end;
    flex-wrap: wrap;
}

[b-8udequ9hx1] .inv-actions-col {
    text-align: right;
}

[b-8udequ9hx1] .inv-row-overdue td:first-child {
    box-shadow: inset 3px 0 0 var(--bad);
}
/* _content/Furomatic.Web/Components/Pages/Chat/Chat.razor.rz.scp.css */
/* Scoped styles — most chat styles are in the inline <style> block in Chat.razor */

/* Tool usage badge in AI indicator header */
[b-86p559tdrn] .tool-usage-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.15rem 0.5rem;
    background-color: var(--brand-soft);
    color: var(--brand-deep);
    font-size: 0.75rem;
    font-weight: 500;
    border-radius: 9999px;
    margin-left: 0.5rem;
}

/* Tool chips list under message */
[b-86p559tdrn] .tools-used-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid #e5e7eb !important;
}

[b-86p559tdrn] .tool-chip-small {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.2rem 0.6rem;
    background-color: #f0fdf4;
    color: #166534;
    font-size: 0.75rem;
    font-weight: 500;
    border-radius: 9999px;
    border: 1px solid #bbf7d0 !important;
}

/* Source chips list */
[b-86p559tdrn] .sources-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.375rem;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid #e5e7eb !important;
}

[b-86p559tdrn] .sources-label {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6b7280;
    margin-right: 0.25rem;
}

[b-86p559tdrn] .source-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.2rem 0.6rem;
    background-color: #eff6ff;
    color: #1e40af;
    font-size: 0.75rem;
    font-weight: 500;
    border-radius: 9999px;
    border: 1px solid #bfdbfe !important;
    text-decoration: none;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-86p559tdrn] .source-chip-link {
    cursor: pointer;
    transition: background-color 0.15s ease;
}

[b-86p559tdrn] .source-chip-link:hover {
    background-color: #dbeafe;
    text-decoration: none;
}

/* _content/Furomatic.Web/Components/Pages/Chat/ChatCitation.razor.rz.scp.css */
.citation[b-xjc0qxdiab] {
    display: inline-flex;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    margin-top: 1rem;
    margin-right: 1rem;
    border-bottom: 2px solid var(--brand);
    gap: 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    background-color: #ffffff;
}

    .citation[href]:hover[b-xjc0qxdiab] {
        outline: 1px solid var(--brand);
    }

    .citation svg[b-xjc0qxdiab] {
        width: 1.5rem;
        height: 1.5rem;
    }

    .citation:active[b-xjc0qxdiab] {
        background-color: rgba(0,0,0,0.05);
    }

.citation-content[b-xjc0qxdiab] {
    display: flex;
    flex-direction: column;
}

.citation-file[b-xjc0qxdiab] {
    font-weight: 600;
}

.citation-quote[b-xjc0qxdiab] {
    color: #666;
    font-size: 0.8rem;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.citation-no-link[b-xjc0qxdiab] {
    cursor: default;
    border-bottom-color: #999;
}

    .citation-no-link svg[b-xjc0qxdiab] {
        color: #666;
    }
/* _content/Furomatic.Web/Components/Pages/Chat/ChatHeader.razor.rz.scp.css */
.chat-header-container[b-eufpor2xd5] {
    top: 0;
    padding: 1.5rem;
}

.chat-header-controls[b-eufpor2xd5] {
    margin-bottom: 1.5rem;
}

h1[b-eufpor2xd5] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.new-chat-icon[b-eufpor2xd5] {
    width: 1.25rem;
    height: 1.25rem;
    color: var(--brand);
}

@media (min-width: 768px) {
    .chat-header-container[b-eufpor2xd5] {
        position: sticky;
    }
}
/* _content/Furomatic.Web/Components/Pages/Chat/ChatMessageItem.razor.rz.scp.css */
.user-message[b-ncntbfdtzu] {
    background: var(--brand);
    align-self: flex-end;
    min-width: 25%;
    max-width: calc(100% - 5rem);
    padding: 0.5rem 1.25rem;
    border-radius: 0.25rem;
    color: #FFFFFF;
    white-space: pre-wrap;
}

.assistant-message[b-ncntbfdtzu], .assistant-search[b-ncntbfdtzu] {
    display: grid;
    grid-template-rows: min-content;
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: 0.25rem;
}

.assistant-message-header[b-ncntbfdtzu] {
    font-weight: 600;
}

.assistant-message-text[b-ncntbfdtzu] {
    grid-column-start: 2;
}

.assistant-message-icon[b-ncntbfdtzu] {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 9999px;
    width: 1.5rem;
    height: 1.5rem;
    color: #ffffff;
    background: var(--brand);
}

    .assistant-message-icon svg[b-ncntbfdtzu] {
        width: 1rem;
        height: 1rem;
    }

.assistant-search[b-ncntbfdtzu] {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.assistant-search-icon[b-ncntbfdtzu] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
}

    .assistant-search-icon svg[b-ncntbfdtzu] {
        width: 1rem;
        height: 1rem;
    }

.assistant-search-content[b-ncntbfdtzu] {
    align-content: center;
}

.assistant-search-phrase[b-ncntbfdtzu] {
    font-weight: 600;
}

/* Default styling for markdown-formatted assistant messages */
[b-ncntbfdtzu] ul {
    list-style-type: disc;
    margin-left: 1.5rem;
}

[b-ncntbfdtzu] ol {
    list-style-type: decimal;
    margin-left: 1.5rem;
}

[b-ncntbfdtzu] li {
    margin: 0.5rem 0;
}

[b-ncntbfdtzu] strong {
    font-weight: 600;
}

[b-ncntbfdtzu] h3 {
    margin: 1rem 0;
    font-weight: 600;
}

[b-ncntbfdtzu] p + p {
    margin-top: 1rem;
}

[b-ncntbfdtzu] table {
    margin: 1rem 0;
}

[b-ncntbfdtzu] th {
    text-align: left;
    border-bottom: 1px solid silver;
}

[b-ncntbfdtzu] th, [b-ncntbfdtzu] td {
    padding: 0.1rem 0.5rem;
}

[b-ncntbfdtzu] th, [b-ncntbfdtzu] tr:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.05);
}
/* _content/Furomatic.Web/Components/Pages/Chat/ChatMessageList.razor.rz.scp.css */
.message-list-container[b-nto9ykjvf2] {
    margin: 2rem 1.5rem;
    flex-grow: 1;
}

.message-list[b-nto9ykjvf2] {
    display: flex; 
    flex-direction: column; 
    gap: 1.25rem; 
}

.no-messages[b-nto9ykjvf2] {
    text-align: center;
    font-size: 1.25rem;
    color: #999;
    margin-top: calc(40vh - 18rem);
}

chat-messages[b-nto9ykjvf2] >  div:last-of-type {
    /* Adds some vertical buffer to so that suggestions don't overlap the output when they appear */
    margin-bottom: 2rem;
}
/* _content/Furomatic.Web/Components/Pages/Chat/ChatSuggestions.razor.rz.scp.css */
.suggestions[b-zplvr42rer] {
    text-align: right;
    white-space: nowrap;
    gap: 0.5rem;
    justify-content: flex-end;
    flex-wrap: wrap;
    display: flex;
    margin-bottom: 0.75rem;
}

.suggestions button[b-zplvr42rer] {
    border: 1px solid var(--brand-soft);
    background: var(--brand-soft);
    border-radius: 9999px;
    color: var(--brand);
    padding: 0.375rem 0.875rem;
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.15s;
}

.suggestions button:hover[b-zplvr42rer] {
    background: var(--brand-soft);
    border-color: var(--brand);
}
/* _content/Furomatic.Web/Components/Pages/Company/WidgetSimulator.razor.rz.scp.css */
.sim-page[b-qj04jidxjv] { max-width: 1440px; margin: 0 auto; padding: 28px 32px 48px; color: #172033; }
.sim-loading[b-qj04jidxjv], .sim-empty[b-qj04jidxjv] { margin: 40px; padding: 60px 24px; text-align: center; border: 1px solid #e6e8ee; border-radius: 16px; background: #fff; }
.sim-empty .material-icons[b-qj04jidxjv] { font-size: 42px; color: var(--brand); }
.sim-header[b-qj04jidxjv] { display: flex; justify-content: space-between; gap: 24px; align-items: flex-end; margin-bottom: 24px; }
.sim-back[b-qj04jidxjv] { color: #687086; font-size: 13px; text-decoration: none; }
.sim-eyebrow[b-qj04jidxjv] { margin-top: 18px; color: var(--brand); font-size: 11px; font-weight: 700; letter-spacing: .12em; }
.sim-header h1[b-qj04jidxjv] { margin: 5px 0 5px; font: 500 38px/1.1 Georgia, serif; }
.sim-header p[b-qj04jidxjv] { margin: 0; color: #687086; }
.sim-edit-link[b-qj04jidxjv], .sim-primary[b-qj04jidxjv] { display: inline-flex; padding: 10px 15px; border: 1px solid #d7dbe5; border-radius: 9px; color: #283146; text-decoration: none; background: #fff; font-weight: 600; font-size: 13px; }
.sim-primary[b-qj04jidxjv] { color: #fff; background: var(--brand); border-color: var(--brand); }
.sim-toolbar[b-qj04jidxjv] { display: flex; align-items: flex-end; gap: 14px; padding: 14px; border: 1px solid #e1e4eb; border-radius: 13px 13px 0 0; background: #fff; }
.sim-toolbar label[b-qj04jidxjv] { display: grid; gap: 5px; min-width: 260px; }
.sim-toolbar label > span[b-qj04jidxjv] { color: #737b8e; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.sim-toolbar select[b-qj04jidxjv] { height: 38px; padding: 0 34px 0 11px; border: 1px solid #d7dbe5; border-radius: 8px; background: #fff; color: #283146; }
.sim-segment[b-qj04jidxjv] { display: flex; padding: 3px; border-radius: 9px; background: #f1f2f6; }
.sim-segment button[b-qj04jidxjv] { min-height: 32px; padding: 6px 11px; border: 0; border-radius: 7px; background: transparent; color: #687086; font-size: 12px; cursor: pointer; }
.sim-segment button.active[b-qj04jidxjv] { color: var(--brand-deep); background: #fff; box-shadow: 0 1px 4px rgba(20,25,40,.12); }
.sim-segment .material-icons[b-qj04jidxjv] { font-size: 18px; }
.sim-reset[b-qj04jidxjv] { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 12px; border: 1px solid #d7dbe5; border-radius: 8px; background: #fff; color: #465066; font-weight: 600; font-size: 12px; cursor: pointer; }
.sim-reset .material-icons[b-qj04jidxjv] { font-size: 17px; }
.sim-statusbar[b-qj04jidxjv] { display: flex; align-items: center; gap: 8px; padding: 9px 15px; border: solid #e1e4eb; border-width: 0 1px 1px; background: #fafbfc; color: #747c8e; font-size: 11px; }
.sim-live-dot[b-qj04jidxjv] { width: 7px; height: 7px; border-radius: 50%; background: #17a673; box-shadow: 0 0 0 3px #dff7ed; }
.sim-statusbar strong[b-qj04jidxjv] { color: #253047; }
.sim-status-spacer[b-qj04jidxjv] { flex: 1; }
.sim-stage[b-qj04jidxjv] { min-height: 700px; display: flex; justify-content: center; align-items: flex-start; padding: 28px; border: solid #e1e4eb; border-width: 0 1px 1px; border-radius: 0 0 13px 13px; background: #eaecf1; overflow: auto; }
.sim-device[b-qj04jidxjv] { overflow: hidden; border: 1px solid #cfd3dc; background: #fff; box-shadow: 0 18px 45px rgba(27,34,51,.14); transition: width .2s ease; }
.sim-device-desktop[b-qj04jidxjv] { width: 1180px; min-height: 640px; border-radius: 10px; }
.sim-device-tablet[b-qj04jidxjv] { width: 820px; min-height: 640px; border-radius: 14px; }
.sim-device-mobile[b-qj04jidxjv] { width: 390px; min-height: 720px; border-radius: 22px; border-width: 7px; border-color: #252a35; }
.sim-browserbar[b-qj04jidxjv] { height: 34px; display: flex; align-items: center; gap: 12px; padding: 0 12px; border-bottom: 1px solid #e2e5eb; background: #f6f7f9; }
.sim-device-mobile .sim-browserbar[b-qj04jidxjv] { display: none; }
.sim-dots[b-qj04jidxjv] { display: flex; gap: 5px; }.sim-dots i[b-qj04jidxjv] { width: 7px; height: 7px; border-radius: 50%; background: #d0d4dc; }
.sim-address[b-qj04jidxjv] { flex: 1; max-width: 420px; margin: auto; padding: 4px 12px; border-radius: 5px; color: #9298a5; background: #fff; text-align: center; font-size: 10px; }
.sim-site[b-qj04jidxjv] { position: relative; min-height: 606px; overflow: hidden; background: #fff; }
.sim-device-mobile .sim-site[b-qj04jidxjv] { min-height: 706px; }
.sim-site header[b-qj04jidxjv] { height: 72px; display: flex; align-items: center; justify-content: space-between; padding: 0 5%; position: relative; z-index: 2; }
.sim-brand[b-qj04jidxjv] { font: 700 17px/1 sans-serif; letter-spacing: .08em; }.sim-brand small[b-qj04jidxjv] { display: block; margin-top: 4px; font-size: 7px; letter-spacing: .24em; }
.sim-site nav[b-qj04jidxjv] { color: #566074; font-size: 11px; }
.sim-site header button[b-qj04jidxjv], .sim-site section button[b-qj04jidxjv] { padding: 10px 15px; border: 0; border-radius: 4px; color: #fff; background: #172033; font-size: 10px; }
.sim-hero[b-qj04jidxjv] { min-height: 405px; padding: 65px 8%; color: #fff; background: linear-gradient(90deg,rgba(15,29,42,.82),rgba(15,29,42,.12)), linear-gradient(135deg,#315c69,#b6a083); }
.sim-hero span[b-qj04jidxjv], .saas-hero > span[b-qj04jidxjv], .shop-copy > span[b-qj04jidxjv] { font-size: 9px; font-weight: 700; letter-spacing: .17em; }
.sim-hero h2[b-qj04jidxjv], .shop-copy h2[b-qj04jidxjv], .saas-hero h2[b-qj04jidxjv] { margin: 12px 0; font: 500 44px/1.04 Georgia, serif; }.sim-hero p[b-qj04jidxjv] { opacity: .9; }
.sim-cards[b-qj04jidxjv] { display: flex; gap: 14px; padding: 20px 6%; }.sim-cards div[b-qj04jidxjv] { flex: 1; height: 82px; border-radius: 4px; background: #ede9e2; }
.shop-promo[b-qj04jidxjv] { padding: 7px; text-align: center; color: #fff; background: #25352f; font-size: 9px; }
.shop-grid[b-qj04jidxjv] { min-height: 500px; display: grid; grid-template-columns: 1fr 1.05fr; background: #eae3d9; }.shop-copy[b-qj04jidxjv] { padding: 105px 13%; }.shop-copy h2[b-qj04jidxjv] { color: #29352f; }.shop-image[b-qj04jidxjv] { background: linear-gradient(145deg,#9a8c79,#d7cab8); }
.saas-hero[b-qj04jidxjv] { padding: 80px 9% 95px; text-align: center; background: radial-gradient(circle at 50% 100%,var(--brand-soft),transparent 45%),var(--brand-soft); }.saas-hero > span[b-qj04jidxjv] { color: var(--brand); }.saas-hero h2[b-qj04jidxjv] { font: 600 48px/1.05 system-ui; }.saas-hero p[b-qj04jidxjv] { max-width: 540px; margin: 0 auto 25px; color: #687086; }.saas-hero .secondary[b-qj04jidxjv] { margin-left: 8px; color: #333c50; border: 1px solid #d9dce5; background: #fff; }.saas-proof[b-qj04jidxjv] { padding: 24px; text-align: center; color: #8a91a0; font-size: 10px; }
.sim-launcher[b-qj04jidxjv] { position: absolute; bottom: 20px; width: 60px; height: 60px; display: grid; place-items: center; border: 0; border-radius: 50%; z-index: 4; cursor: pointer; }
.position-right[b-qj04jidxjv] { right: 20px; }.position-left[b-qj04jidxjv] { left: 20px; }.position-center[b-qj04jidxjv] { left: 50%; transform: translateX(-50%); }
.sim-widget-frame[b-qj04jidxjv] { position: absolute; bottom: 20px; width: min(384px, calc(100% - 32px)); height: min(600px, calc(100% - 40px)); border: 0; border-radius: 16px; background: transparent; box-shadow: 0 20px 50px rgba(0,0,0,.25),0 8px 20px rgba(0,0,0,.12); z-index: 5; }
.sim-device-mobile .sim-widget-frame[b-qj04jidxjv] { height: calc(100% - 32px); bottom: 16px; }
.sim-note[b-qj04jidxjv] { display: flex; gap: 10px; margin-top: 14px; padding: 13px 15px; border-radius: 10px; color: #5f687b; background: var(--brand-soft); font-size: 12px; }.sim-note .material-icons[b-qj04jidxjv] { color: var(--brand); font-size: 18px; }.sim-note strong[b-qj04jidxjv] { color: var(--brand-darker); }
@media (max-width: 900px) { .sim-page[b-qj04jidxjv] { padding: 20px 14px; }.sim-header[b-qj04jidxjv] { align-items: flex-start; }.sim-toolbar[b-qj04jidxjv] { flex-wrap: wrap; }.sim-toolbar label[b-qj04jidxjv] { min-width: 100%; }.sim-reset[b-qj04jidxjv] { margin-left: 0; }.sim-stage[b-qj04jidxjv] { padding: 14px; }.sim-device-desktop[b-qj04jidxjv] { width: 1000px; }.sim-site nav[b-qj04jidxjv] { display: none; } }
/* _content/Furomatic.Web/Components/Pages/LiveData/LiveDataConnectionWizard.razor.rz.scp.css */
/* === Shell: flex column, body scrolls, header/footer pinned === */
.ldw-shell[b-jkupsejsdy] { display: flex; flex-direction: column; max-height: 80vh; color: #20283a; }

/* === Progress bar === */
.ldw-progress[b-jkupsejsdy] { display: flex; align-items: center; flex-shrink: 0; padding: 14px 20px; border-bottom: 1px solid var(--line); background: #f8f9fb; }
.ldw-progress-item[b-jkupsejsdy] { display: flex; align-items: center; gap: 7px; min-width: 100px; color: var(--ink-400); }
.ldw-progress-item > span[b-jkupsejsdy] { width: 24px; height: 24px; display: grid; place-items: center; border: 1px solid #ccd1db; border-radius: 50%; font-size: 10px; font-weight: 700; background: #fff; flex-shrink: 0; }
.ldw-progress-item div[b-jkupsejsdy] { display: grid; }
.ldw-progress-item strong[b-jkupsejsdy] { font-size: 10px; }
.ldw-progress-item small[b-jkupsejsdy] { font-size: 9px; }
.ldw-progress-item.current[b-jkupsejsdy] { color: var(--brand); }
.ldw-progress-item.current > span[b-jkupsejsdy] { color: #fff; border-color: var(--brand); background: var(--brand); }
.ldw-progress-item.complete[b-jkupsejsdy] { color: #218568; }
.ldw-progress-item.complete > span[b-jkupsejsdy] { color: #fff; border-color: var(--ok); background: var(--ok); }
.ldw-progress > i[b-jkupsejsdy] { flex: 1; height: 1px; margin: 0 5px; background: #dfe2e8; }

/* === Body: scrollable middle section === */
.ldw-body[b-jkupsejsdy] { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 24px 28px; }

/* === Heading === */
.ldw-heading > span[b-jkupsejsdy] { color: var(--brand); font-size: 9px; font-weight: 800; letter-spacing: .12em; }
.ldw-heading h2[b-jkupsejsdy] { margin: 4px 0 4px; font: 500 24px/1.15 Georgia,serif; }
.ldw-heading p[b-jkupsejsdy] { margin: 0 0 20px; color: var(--muted); font-size: 12px; }

/* === Step 1: Provider grid === */
.ldw-provider-grid[b-jkupsejsdy] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ldw-provider-grid button[b-jkupsejsdy] { position: relative; min-height: 100px; display: grid; grid-template-columns: 38px 1fr 22px; grid-template-rows: auto auto; column-gap: 10px; padding: 16px; text-align: left; border: 1px solid #dfe2e9; border-radius: 10px; background: #fff; cursor: pointer; }
.ldw-provider-grid button:hover[b-jkupsejsdy] { border-color: var(--brand-bright); }
.ldw-provider-grid button.selected[b-jkupsejsdy] { border: 2px solid var(--brand); padding: 15px; background: var(--brand-soft); }
.ldw-provider-grid button > span[b-jkupsejsdy] { grid-column: 1; grid-row: 1/3; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 8px; color: var(--brand); background: var(--brand-soft); }
.ldw-provider-grid strong[b-jkupsejsdy] { grid-column: 2; grid-row: 1; align-self: end; font-size: 13px; }
.ldw-provider-grid small[b-jkupsejsdy] { grid-column: 2; grid-row: 2; color: #788093; font-size: 10px; }
.ldw-provider-grid i[b-jkupsejsdy] { grid-column: 3; grid-row: 1/3; color: var(--brand); font-size: 18px; }

/* === Step 2: Safety === */
.ldw-safety-card[b-jkupsejsdy] { display: flex; gap: 14px; padding: 16px; border: 1px solid #dfe4ea; border-radius: 10px; background: var(--surface); }
.ldw-safety-icon[b-jkupsejsdy] { width: 40px; height: 40px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 9px; color: #158160; background: #dff5ed; }
.ldw-safety-card h3[b-jkupsejsdy] { margin: 0; font-size: 14px; }
.ldw-safety-card p[b-jkupsejsdy], .ldw-safety-card li[b-jkupsejsdy] { color: #657084; font-size: 11px; }
.ldw-safety-card ul[b-jkupsejsdy] { margin: 8px 0 0; padding-left: 16px; }
.ldw-provider-help[b-jkupsejsdy] { display: flex; gap: 10px; margin-top: 10px; padding: 12px; border-radius: 8px; color: #5e557e; background: var(--brand-soft); }
.ldw-provider-help > span[b-jkupsejsdy] { color: var(--brand); }
.ldw-provider-help strong[b-jkupsejsdy] { font-size: 11px; }
.ldw-provider-help p[b-jkupsejsdy] { margin: 2px 0 0; font-size: 10px; }
.ldw-confirm[b-jkupsejsdy] { display: flex; align-items: center; gap: 8px; margin-top: 14px; font-size: 11px; font-weight: 600; cursor: pointer; }
.ldw-confirm input[b-jkupsejsdy] { width: 16px; height: 16px; accent-color: var(--brand); }

/* === Step 3: Form === */
.ldw-form[b-jkupsejsdy] { display: grid; gap: 16px; }
.ldw-form label[b-jkupsejsdy] { display: grid; gap: 5px; }
.ldw-form label > span[b-jkupsejsdy] { font-size: 11px; font-weight: 700; }
.ldw-form input[b-jkupsejsdy], .ldw-form textarea[b-jkupsejsdy] { width: 100%; padding: 10px 11px; border: 1px solid var(--line-strong); border-radius: 7px; color: var(--ink); background: #fff; font-size: 12px; }
.ldw-form textarea[b-jkupsejsdy] { font: 11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace; resize: vertical; }
.ldw-form small[b-jkupsejsdy] { color: #7a8293; font-size: 9px; }
.ldw-encryption[b-jkupsejsdy] { display: flex; gap: 6px; align-items: center; margin-top: 12px; color: #697286; font-size: 10px; }
.ldw-encryption .material-icons[b-jkupsejsdy] { color: #228467; font-size: 15px; }

/* === Step 4: Review & test === */
.ldw-review[b-jkupsejsdy] { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 1px; overflow: hidden; margin-bottom: 14px; border: 1px solid var(--line); border-radius: 8px; background: var(--line); }
.ldw-review div[b-jkupsejsdy] { display: grid; gap: 3px; padding: 11px; background: var(--surface); }
.ldw-review span[b-jkupsejsdy] { color: var(--ink-400); font-size: 8px; font-weight: 800; letter-spacing: .1em; }
.ldw-review strong[b-jkupsejsdy] { font-size: 11px; }
.ldw-test[b-jkupsejsdy] { width: 100%; display: flex; align-items: center; gap: 12px; padding: 16px; text-align: left; border: 1px dashed var(--brand-bright); border-radius: 9px; color: var(--brand-deep); background: var(--brand-soft); cursor: pointer; }
.ldw-test > span[b-jkupsejsdy] { font-size: 26px; }
.ldw-test div[b-jkupsejsdy] { display: grid; }
.ldw-test small[b-jkupsejsdy] { margin-top: 2px; color: #7a7297; font-size: 10px; }
.ldw-result[b-jkupsejsdy] { display: flex; gap: 12px; padding: 14px; border-radius: 9px; }
.ldw-result.success[b-jkupsejsdy] { color: #176e56; border: 1px solid #a9ddcc; background: #edfaf5; }
.ldw-result.error[b-jkupsejsdy] { color: #9b3a42; border: 1px solid #efc5c8; background: var(--bad-soft); }
.ldw-result.warning[b-jkupsejsdy] { color: #8a6d1c; border: 1px solid #f0d98a; background: var(--warn-soft); }
.ldw-result > span[b-jkupsejsdy] { font-size: 26px; }
.ldw-result strong[b-jkupsejsdy] { font-size: 13px; }
.ldw-result p[b-jkupsejsdy] { margin: 3px 0; font-size: 11px; }
.ldw-result button[b-jkupsejsdy] { padding: 4px 8px; border: 1px solid currentColor; border-radius: 5px; color: inherit; background: transparent; font-size: 10px; cursor: pointer; }

/* === Step 5: Discovery === */
.ldw-discovering[b-jkupsejsdy] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; padding: 40px; color: var(--muted); }
.ldw-spinner[b-jkupsejsdy] { width: 32px; height: 32px; border: 3px solid var(--line); border-top-color: var(--brand); border-radius: 50%; animation: ldw-spin-b-jkupsejsdy 0.8s linear infinite; }
@keyframes ldw-spin-b-jkupsejsdy { to { transform: rotate(360deg); } }
.ldw-discovering p[b-jkupsejsdy] { font-size: 12px; margin: 0; }

.ldw-discovery-search[b-jkupsejsdy] { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; padding: 8px 12px; border: 1px solid var(--line-strong); border-radius: 8px; background: #fff; }
.ldw-discovery-search .material-icons[b-jkupsejsdy] { color: var(--ink-400); font-size: 18px; }
.ldw-discovery-search input[b-jkupsejsdy] { flex: 1; border: none; outline: none; font-size: 12px; background: transparent; color: var(--ink); }

.ldw-object-list[b-jkupsejsdy] { max-height: 300px; overflow-y: auto; border: 1px solid var(--line); border-radius: 8px; }
.ldw-object-row[b-jkupsejsdy] { display: flex; align-items: center; gap: 8px; padding: 8px 12px; cursor: pointer; border-bottom: 1px solid #f0f1f4; font-size: 12px; }
.ldw-object-row:last-child[b-jkupsejsdy] { border-bottom: none; }
.ldw-object-row:hover[b-jkupsejsdy] { background: var(--brand-soft); }
.ldw-object-row.selected[b-jkupsejsdy] { background: var(--brand-soft); }
.ldw-object-row input[type="checkbox"][b-jkupsejsdy] { width: 16px; height: 16px; accent-color: var(--brand); flex-shrink: 0; }
.ldw-object-type[b-jkupsejsdy] { font-size: 9px; font-weight: 700; padding: 2px 6px; border-radius: 4px; flex-shrink: 0; }
.ldw-object-row code[b-jkupsejsdy] { font-size: 11px; color: var(--muted); }
.ldw-object-row strong[b-jkupsejsdy] { font-size: 12px; color: var(--ink); }
.ldw-check[b-jkupsejsdy] { color: var(--brand); font-size: 18px; margin-left: auto; }

.ldw-selection-count[b-jkupsejsdy] { margin-top: 10px; font-size: 11px; color: var(--muted); }

/* === Footer: pinned at bottom === */
.ldw-footer[b-jkupsejsdy] { display: flex; justify-content: space-between; align-items: center; flex-shrink: 0; padding: 12px 20px; border-top: 1px solid var(--line); background: var(--surface); }
.ldw-footer > div[b-jkupsejsdy] { display: flex; gap: 7px; }
.ldw-footer button[b-jkupsejsdy] { height: 36px; padding: 0 14px; border-radius: 7px; font-weight: 700; font-size: 11px; cursor: pointer; }
.ldw-footer button:disabled[b-jkupsejsdy] { opacity: .45; cursor: not-allowed; }
.ldw-cancel[b-jkupsejsdy], .ldw-back[b-jkupsejsdy] { color: #626b7d; border: 1px solid #d9dde5; background: #fff; }
.ldw-next[b-jkupsejsdy] { display: inline-flex; align-items: center; gap: 6px; color: #fff; border: 1px solid var(--brand); background: var(--brand); }
.ldw-next .material-icons[b-jkupsejsdy] { font-size: 15px; }

/* === Responsive === */
@media (max-width: 720px) {
    .ldw-progress-item div[b-jkupsejsdy] { display: none; }
    .ldw-progress-item[b-jkupsejsdy] { min-width: auto; }
    .ldw-body[b-jkupsejsdy] { padding: 18px 14px; }
    .ldw-provider-grid[b-jkupsejsdy] { grid-template-columns: 1fr; }
    .ldw-review[b-jkupsejsdy] { grid-template-columns: 1fr; }
}
/* _content/Furomatic.Web/Components/Pages/Notifications.razor.rz.scp.css */
/* N-01 notification centre — tokens from wwwroot/css/tokens.css */

[b-aifr7ttsau] .plx-card { margin-bottom: var(--s-6, 24px); }
[b-aifr7ttsau] .plx-card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
[b-aifr7ttsau] .plx-card-head .plx-tabs { border-bottom: 0; }
[b-aifr7ttsau] .plx-card-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; }

.nc-type-filter[b-aifr7ttsau] { width: auto; min-width: 180px; }

.nc-list[b-aifr7ttsau] { list-style: none; margin: 0; padding: 0; }
.nc-item[b-aifr7ttsau] {
    display: grid;
    grid-template-columns: 36px 1fr auto;
    gap: 14px;
    align-items: start;
    padding: 14px 4px;
    border-top: 1px solid var(--line-2);
}
.nc-item:first-child[b-aifr7ttsau] { border-top: 0; }
.nc-item.nc-unread[b-aifr7ttsau] { background: color-mix(in srgb, var(--brand-soft) 35%, transparent); border-radius: var(--r-sm); padding-left: 8px; padding-right: 8px; }

.nc-icon[b-aifr7ttsau] {
    width: 36px; height: 36px;
    border-radius: var(--r-md);
    background: var(--line-2);
    color: var(--muted);
    display: grid;
    place-items: center;
    font-size: 18px;
}
.nc-unread .nc-icon[b-aifr7ttsau] { background: var(--brand-soft); color: var(--brand); }

.nc-body[b-aifr7ttsau] { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.nc-title-row[b-aifr7ttsau] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.nc-title[b-aifr7ttsau] {
    font-size: var(--t-md, 14px);
    font-weight: 500;
    color: var(--ink);
    text-decoration: none;
}
.nc-unread .nc-title[b-aifr7ttsau] { font-weight: 600; }
a.nc-title:hover[b-aifr7ttsau] { color: var(--brand); text-decoration: underline; }
.nc-excerpt[b-aifr7ttsau] { font-size: var(--t-sm); color: var(--ink-2); line-height: var(--t-sm-lh); white-space: pre-line; }
.nc-meta[b-aifr7ttsau] { font-size: var(--t-xs); color: var(--muted); }
.nc-actions[b-aifr7ttsau] { display: flex; align-items: center; gap: 4px; }

.nc-count[b-aifr7ttsau] { font-size: var(--t-xs); color: var(--muted); }
.nc-pager[b-aifr7ttsau] { display: flex; align-items: center; gap: 8px; }
.nc-page[b-aifr7ttsau] { font-size: var(--t-xs); color: var(--muted); font-family: var(--mono); }

/* Preferences table */
.nc-prefs .nc-col-toggle[b-aifr7ttsau] { width: 120px; text-align: center; }
.nc-pref-icon[b-aifr7ttsau] { font-size: 16px; color: var(--muted); margin-right: 8px; vertical-align: -3px; }
.nc-prefs-help[b-aifr7ttsau] { margin: 12px 0 0; font-size: var(--t-xs); color: var(--muted); line-height: var(--t-xs-lh); }

/* Switch — a styled checkbox so the real input stays keyboard/screen-reader friendly. */
.nc-switch[b-aifr7ttsau] { position: relative; display: inline-block; width: 36px; height: 20px; cursor: pointer; }
.nc-switch input[b-aifr7ttsau] { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.nc-switch span[b-aifr7ttsau] {
    position: absolute; inset: 0;
    border-radius: 999px;
    background: var(--line);
    transition: background var(--motion-quick);
}
.nc-switch span[b-aifr7ttsau]::after {
    content: "";
    position: absolute;
    top: 2px; left: 2px;
    width: 16px; height: 16px;
    border-radius: 50%;
    background: var(--paper);
    box-shadow: 0 1px 2px rgba(15, 23, 42, .25);
    transition: transform var(--motion-quick);
}
.nc-switch input:checked + span[b-aifr7ttsau] { background: var(--brand); }
.nc-switch input:checked + span[b-aifr7ttsau]::after { transform: translateX(16px); }
.nc-switch input:focus-visible + span[b-aifr7ttsau] { box-shadow: 0 0 0 2px var(--paper), 0 0 0 4px var(--brand-soft); }
/* _content/Furomatic.Web/Components/Shared/NotificationBell.razor.rz.scp.css */
/* N-01 notification bell — tokens from wwwroot/css/tokens.css */

.nb-root[b-znzcktrd9w] { position: relative; display: inline-flex; }

.nb-btn[b-znzcktrd9w] { position: relative; }
.nb-btn-open[b-znzcktrd9w] { background: var(--line-2); color: var(--ink-2); }

.nb-badge[b-znzcktrd9w] {
    position: absolute;
    top: 2px; right: 0;
    min-width: 16px; height: 16px;
    padding: 0 4px;
    border-radius: 999px;
    background: var(--brand);
    color: #fff;
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 600;
    line-height: 16px;
    text-align: center;
    box-shadow: 0 0 0 2px var(--paper);
    pointer-events: none;
}

.nb-scrim[b-znzcktrd9w] {
    position: fixed;
    inset: 0;
    z-index: 140;
    background: transparent;
}

.nb-panel[b-znzcktrd9w] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: 360px;
    max-width: calc(100vw - 24px);
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: var(--r-md);
    box-shadow: var(--shadow-2);
    z-index: 150;
    overflow: hidden;
}

.nb-head[b-znzcktrd9w], .nb-foot[b-znzcktrd9w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
}
.nb-head[b-znzcktrd9w] { border-bottom: 1px solid var(--line); }
.nb-foot[b-znzcktrd9w] { border-top: 1px solid var(--line); justify-content: center; }

.nb-title[b-znzcktrd9w] {
    font-size: var(--t-sm);
    font-weight: 600;
    color: var(--ink);
}

.nb-link[b-znzcktrd9w] {
    appearance: none;
    border: 0;
    background: transparent;
    padding: 2px 4px;
    font: inherit;
    font-size: var(--t-xs);
    font-weight: 600;
    color: var(--brand);
    cursor: pointer;
    text-decoration: none;
    border-radius: var(--r-sm);
}
.nb-link:hover[b-znzcktrd9w] { background: var(--brand-soft); }

.nb-list[b-znzcktrd9w] {
    list-style: none;
    margin: 0; padding: 0;
    max-height: 420px;
    overflow-y: auto;
}
.nb-list li + li .nb-item[b-znzcktrd9w] { border-top: 1px solid var(--line-2); }

.nb-item[b-znzcktrd9w] {
    appearance: none;
    border: 0;
    background: transparent;
    width: 100%;
    display: grid;
    grid-template-columns: 28px 1fr 12px;
    gap: 10px;
    align-items: start;
    padding: 10px 14px;
    text-align: left;
    cursor: pointer;
    font: inherit;
    color: var(--ink);
}
.nb-item:hover[b-znzcktrd9w] { background: var(--line-2); }
.nb-item.nb-unread[b-znzcktrd9w] { background: color-mix(in srgb, var(--brand-soft) 45%, transparent); }
.nb-item.nb-unread:hover[b-znzcktrd9w] { background: var(--brand-soft); }

.nb-item-icon[b-znzcktrd9w] {
    width: 28px; height: 28px;
    border-radius: var(--r-sm);
    background: var(--line-2);
    color: var(--muted);
    display: grid;
    place-items: center;
    font-size: 16px;
}
.nb-unread .nb-item-icon[b-znzcktrd9w] { background: var(--brand-soft); color: var(--brand); }

.nb-item-body[b-znzcktrd9w] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.nb-item-title[b-znzcktrd9w] {
    font-size: var(--t-sm);
    font-weight: 500;
    line-height: var(--t-sm-lh);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.nb-unread .nb-item-title[b-znzcktrd9w] { font-weight: 600; }
.nb-item-excerpt[b-znzcktrd9w] {
    font-size: var(--t-xs);
    color: var(--ink-2);
    line-height: var(--t-xs-lh);
}
.nb-item-meta[b-znzcktrd9w] {
    font-size: var(--t-xs);
    color: var(--muted);
}

.nb-dot[b-znzcktrd9w] {
    width: 8px; height: 8px;
    margin-top: 6px;
    border-radius: 50%;
    background: var(--brand);
}

.nb-empty[b-znzcktrd9w] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 28px 14px;
    color: var(--muted);
    font-size: var(--t-sm);
}
.nb-empty .mi[b-znzcktrd9w] { font-size: 28px; color: var(--line); }