/* /App/UI/Components/AI/ChatContextChips.razor.rz.scp.css */
/* Copyright (c) DevInstance LLC. All rights reserved. */

.ctx-chips[b-8ajbg7io6w] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

.ctx-chips.is-compact[b-8ajbg7io6w] {
    gap: 4px;
}

.ctx-chip[b-8ajbg7io6w] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 24px;
    padding: 0 8px;
    border-radius: 7px;
    font-size: 11.5px;
    font-weight: 600;
    max-width: 100%;
}

.ctx-chip i[b-8ajbg7io6w] {
    font-size: 11px;
    line-height: 1;
    flex: 0 0 auto;
}

.ctx-chip-name[b-8ajbg7io6w] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Sits slightly proud of the chip padding so the face reads at this size. */
[b-8ajbg7io6w] .ctx-chip-avatar {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    margin-left: -3px;
    border-radius: 50%;
    object-fit: cover;
    background: var(--chip);
}

.ctx-chip-remove[b-8ajbg7io6w] {
    display: inline-flex;
    align-items: center;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    opacity: 0.7;
    cursor: pointer;
    line-height: 1;
}

.ctx-chip-remove:hover[b-8ajbg7io6w] {
    opacity: 1;
}

.ctx-chip-remove i[b-8ajbg7io6w] {
    font-size: 13px;
}

/* Compact variant — session-list row 3. */
.ctx-chips.is-compact .ctx-chip[b-8ajbg7io6w] {
    height: 19px;
    padding: 0 6px;
    border-radius: 5px;
    font-size: 10px;
    gap: 4px;
}

.ctx-chips.is-compact .ctx-chip i[b-8ajbg7io6w] {
    font-size: 9px;
}

.ctx-chips.is-compact[b-8ajbg7io6w]  .ctx-chip-avatar {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    margin-left: -2px;
}
/* /App/UI/Components/AI/ChatContextPicker.razor.rz.scp.css */
/* Copyright (c) DevInstance LLC. All rights reserved. */

.ctx-picker[b-83ahuk9h76] {
    width: 252px;
    max-height: 320px;
    display: flex;
    flex-direction: column;
    padding: 6px;
    border: 1px solid var(--border);
    border-radius: 11px;
    background: var(--panel);
    box-shadow: 0 14px 38px rgba(20, 24, 35, 0.22);
}

/* ---------- Step 1: type rows ---------- */

.ctx-picker-row[b-83ahuk9h76] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 9px 10px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    text-align: left;
    cursor: pointer;
    transition: background-color 120ms ease;
}

.ctx-picker-row:hover[b-83ahuk9h76] {
    background: var(--rowhover);
}

.ctx-picker-tile[b-83ahuk9h76] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    border-radius: 7px;
}

.ctx-picker-tile i[b-83ahuk9h76] {
    font-size: 13px;
    line-height: 1;
}

.ctx-picker-text[b-83ahuk9h76] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.ctx-picker-title[b-83ahuk9h76] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--text);
}

.ctx-picker-subtitle[b-83ahuk9h76] {
    font-size: 11px;
    color: var(--text-3);
}

/* ---------- Step 2: search ---------- */

.ctx-picker-header[b-83ahuk9h76] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 2px 4px 8px;
}

.ctx-picker-back[b-83ahuk9h76] {
    display: inline-flex;
    align-items: center;
    padding: 2px;
    border: 0;
    background: transparent;
    color: var(--text-2);
    font-size: 13px;
    cursor: pointer;
}

.ctx-picker-back:hover[b-83ahuk9h76] {
    color: var(--text);
}

.ctx-picker-heading[b-83ahuk9h76] {
    font-size: 12.5px;
    font-weight: 700;
    color: var(--text);
}

.ctx-picker-search[b-83ahuk9h76] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 32px;
    padding: 0 10px;
    margin-bottom: 6px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--bg);
}

.ctx-picker-search i[b-83ahuk9h76] {
    font-size: 12px;
    color: var(--text-3);
}

.ctx-picker-search input[b-83ahuk9h76] {
    flex: 1;
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--text);
    font-size: 12.5px;
    outline: none;
}

.ctx-picker-search input[b-83ahuk9h76]::placeholder {
    color: var(--text-3);
}

.ctx-picker-search input[b-83ahuk9h76]::-webkit-search-decoration,
.ctx-picker-search input[b-83ahuk9h76]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.ctx-picker-results[b-83ahuk9h76] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

.ctx-picker-empty[b-83ahuk9h76] {
    padding: 14px 10px;
    font-size: 12px;
    color: var(--text-3);
    text-align: center;
}

.ctx-picker-result[b-83ahuk9h76] {
    display: flex;
    align-items: center;
    gap: 9px;
    width: 100%;
    padding: 7px 10px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    text-align: left;
    cursor: pointer;
    transition: background-color 120ms ease;
}

.ctx-picker-result:hover[b-83ahuk9h76] {
    background: var(--rowhover);
}

[b-83ahuk9h76] .ctx-picker-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    border-radius: 50%;
    object-fit: cover;
    background: var(--chip);
}

.ctx-picker-avatar-empty i[b-83ahuk9h76] {
    font-size: 11px;
    color: var(--text-3);
}

.ctx-picker-result-text[b-83ahuk9h76] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.ctx-picker-result-name[b-83ahuk9h76] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ctx-picker-result-detail[b-83ahuk9h76] {
    font-size: 11px;
    color: var(--text-3);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /App/UI/Components/AI/ChatPanel.razor.rz.scp.css */
/* Copyright (c) DevInstance LLC. All rights reserved. */

/* The conversation pane owns the border, radius and background; the panel just fills it. */
.chat-panel[b-tuhdz1bgwj] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    max-width: 100%;
}

/* ---------- Message stream ---------- */

.chat-messages[b-tuhdz1bgwj] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 22px 26px;
    scroll-behavior: smooth;
}

.chat-blank[b-tuhdz1bgwj] {
    margin: auto;
    text-align: center;
    color: var(--text-3);
}

.chat-blank i[b-tuhdz1bgwj] {
    display: block;
    margin-bottom: 14px;
    font-size: 40px;
    color: var(--text-3);
}

.chat-blank p[b-tuhdz1bgwj] {
    margin: 0 0 6px;
    font-size: 13.5px;
    color: var(--text-2);
}

.chat-blank-hint[b-tuhdz1bgwj] {
    font-size: 12px;
    color: var(--text-3) !important;
}

.chat-msg[b-tuhdz1bgwj] {
    display: flex;
    flex-direction: column;
}

.chat-msg-agent[b-tuhdz1bgwj] {
    align-self: flex-start;
    max-width: 78%;
}

.chat-msg-user[b-tuhdz1bgwj] {
    align-self: flex-end;
    max-width: 70%;
}

.chat-author[b-tuhdz1bgwj] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 6px;
}

.chat-author-tile[b-tuhdz1bgwj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 7px;
    background: var(--accent-bg);
}

.chat-author-tile i[b-tuhdz1bgwj] {
    font-size: 12px;
    color: var(--accent);
    line-height: 1;
}

.chat-author-name[b-tuhdz1bgwj] {
    font-size: 12px;
    font-weight: 700;
    color: var(--text-2);
}

/* ---------- Bubbles ---------- */

.chat-bubble[b-tuhdz1bgwj] {
    word-wrap: break-word;
    overflow-wrap: anywhere;
}

.chat-msg-agent .chat-bubble[b-tuhdz1bgwj] {
    padding: 13px 16px;
    border: 1px solid var(--border-2);
    /* Square corner on the speaker's side. */
    border-radius: 4px 14px 14px 14px;
    background: var(--chip);
    color: var(--text);
    font-size: 13.5px;
    line-height: 1.6;
}

.chat-msg-user .chat-bubble[b-tuhdz1bgwj] {
    padding: 12px 15px;
    border-radius: 14px 4px 14px 14px;
    background: var(--accent);
    color: #fff;
    font-size: 13.5px;
    line-height: 1.55;
}

.chat-bubble[b-tuhdz1bgwj]  img {
    max-width: 400px;
    max-height: 300px;
    border-radius: 8px;
    cursor: pointer;
}

.chat-bubble[b-tuhdz1bgwj]  p:last-child {
    margin-bottom: 0;
}

/* Code blocks wrap. Left as `white-space: pre`, the longest line sets the block's minimum width,
   and that minimum widens every flex ancestor up to the page — a seeded prompt stretched the
   whole chat sideways, and the block's own scrollbar never came into play. */
.chat-bubble[b-tuhdz1bgwj]  pre,
.chat-bubble[b-tuhdz1bgwj]  pre code {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.chat-bubble[b-tuhdz1bgwj]  pre {
    max-width: 100%;
    overflow-x: hidden;
}

.chat-time[b-tuhdz1bgwj] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 5px;
    font-size: 10.5px;
    color: var(--text-3);
}

.chat-msg-user .chat-time[b-tuhdz1bgwj] {
    justify-content: flex-end;
}

.chat-copy[b-tuhdz1bgwj] {
    padding: 0 2px;
    border: 0;
    background: none;
    color: var(--text-3);
    font-size: 11px;
    line-height: 1;
    cursor: pointer;
}

.chat-copy:hover[b-tuhdz1bgwj] {
    color: var(--text);
}

/* ---------- Long messages ---------- */

.chat-clamp[b-tuhdz1bgwj] {
    max-height: 14rem;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom, #000 70%, transparent);
    mask-image: linear-gradient(to bottom, #000 70%, transparent);
}

/* Inherits the bubble's text colour, so it reads on both the accent and the neutral bubble. */
.chat-more[b-tuhdz1bgwj] {
    margin-top: 6px;
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font-size: 12px;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}

.chat-status[b-tuhdz1bgwj] {
    font-size: 12px;
    font-style: italic;
    color: var(--text-3);
}

/* ---------- Tool badges ---------- */

.chat-tools[b-tuhdz1bgwj] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 8px;
}

.chat-tools .badge[b-tuhdz1bgwj] {
    font-size: 10.5px;
    font-weight: 500;
    cursor: default;
}

/* ---------- Composer ---------- */

.chat-input[b-tuhdz1bgwj] {
    flex: 0 0 auto;
    padding: 12px 16px 14px;
    border-top: 1px solid var(--border-2);
}

.chat-input-row[b-tuhdz1bgwj] {
    display: flex;
    align-items: flex-end;
    gap: 10px;
}

.chat-input-field[b-tuhdz1bgwj] {
    flex: 1;
    min-width: 0;
}

/* The editor renders its own attach hint above the textarea — that is the design's hint row. */
.chat-input-field[b-tuhdz1bgwj]  small {
    margin-bottom: 8px !important;
    margin-top: 0 !important;
    font-size: 11px;
    color: var(--text-3);
}

.chat-input-field[b-tuhdz1bgwj]  textarea {
    min-height: 44px;
    padding: 13px 14px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--bg);
    color: var(--text);
    font-size: 13.5px;
    resize: none;
}

.chat-input-field[b-tuhdz1bgwj]  textarea::placeholder {
    color: var(--text-3);
}

.chat-send-btn[b-tuhdz1bgwj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 44px;
    padding: 0 18px;
    border: 0;
    border-radius: 10px;
    background: var(--accent);
    color: #fff;
    font-size: 13.5px;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 120ms ease;
}

.chat-send-btn i[b-tuhdz1bgwj] {
    font-size: 13px;
}

.chat-send-btn:disabled[b-tuhdz1bgwj] {
    opacity: 0.55;
    cursor: default;
}

/* ---------- Typing indicator ---------- */

.typing-indicator[b-tuhdz1bgwj] {
    display: flex;
    gap: 4px;
    padding: 4px 0;
}

.typing-indicator span[b-tuhdz1bgwj] {
    width: 8px;
    height: 8px;
    background: var(--text-3);
    border-radius: 50%;
    animation: typing-b-tuhdz1bgwj 1.4s infinite ease-in-out;
}

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

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

@keyframes typing-b-tuhdz1bgwj {
    0%, 60%, 100% {
        transform: translateY(0);
        opacity: 0.4;
    }

    30% {
        transform: translateY(-6px);
        opacity: 1;
    }
}
/* /App/UI/Components/AI/ChatSessionList.razor.rz.scp.css */
/* Copyright (c) DevInstance LLC. All rights reserved. */

.session-pane[b-aevvc9v01b] {
    display: flex;
    flex-direction: column;
    width: 322px;
    flex: 0 0 322px;
    min-height: 0;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--panel);
    overflow: hidden;
}

/* ---------- Header ---------- */

.session-pane-header[b-aevvc9v01b] {
    flex: 0 0 auto;
    padding: 13px 14px 12px;
    border-bottom: 1px solid var(--border-2);
}

.session-title-row[b-aevvc9v01b] {
    display: flex;
    align-items: baseline;
    margin-bottom: 11px;
}

.session-pane-title[b-aevvc9v01b] {
    font-size: 14px;
    font-weight: 700;
    color: var(--text);
}

.session-pane-count[b-aevvc9v01b] {
    margin-left: 2px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-3);
}

.session-search[b-aevvc9v01b] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 34px;
    padding: 0 11px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--bg);
}

.session-search i[b-aevvc9v01b] {
    font-size: 12px;
    color: var(--text-3);
    line-height: 1;
}

.session-search input[b-aevvc9v01b] {
    flex: 1;
    min-width: 0;
    border: 0;
    background: transparent;
    color: var(--text);
    font-size: 12.5px;
    outline: none;
    padding: 0;
}

.session-search input[b-aevvc9v01b]::placeholder {
    color: var(--text-3);
}

/* Drop the WebKit search affordances so the field matches the design exactly. */
.session-search input[b-aevvc9v01b]::-webkit-search-decoration,
.session-search input[b-aevvc9v01b]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.session-group-row[b-aevvc9v01b] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 11px;
}

.session-group-label[b-aevvc9v01b] {
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--text-3);
}

.session-segments[b-aevvc9v01b] {
    display: flex;
    flex: 1;
    gap: 2px;
    padding: 2px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--bg);
}

.session-segment[b-aevvc9v01b] {
    flex: 1;
    padding: 5px 2px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--text-2);
    font-size: 11px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    transition: background-color 120ms ease, color 120ms ease;
}

.session-segment:hover:not(.is-active)[b-aevvc9v01b] {
    color: var(--text);
}

.session-segment.is-active[b-aevvc9v01b] {
    background: var(--accent);
    color: #fff;
    font-weight: 600;
}

/* ---------- List body ---------- */

.session-pane-body[b-aevvc9v01b] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 8px;
}

.session-empty[b-aevvc9v01b] {
    padding: 18px 10px;
    font-size: 12.5px;
    color: var(--text-3);
    text-align: center;
}

.session-group-header[b-aevvc9v01b] {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 9px 8px 6px;
}

.session-type-tile[b-aevvc9v01b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    border-radius: 6px;
}

.session-type-tile i[b-aevvc9v01b] {
    font-size: 11px;
    line-height: 1;
}

.session-group-name[b-aevvc9v01b] {
    flex: 1;
    min-width: 0;
    font-size: 11.5px;
    font-weight: 700;
    color: var(--text-2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.session-group-count[b-aevvc9v01b] {
    font-size: 10.5px;
    font-weight: 600;
    color: var(--text-3);
}

/* ---------- Session row ---------- */

.session-row[b-aevvc9v01b] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 9px 10px 9px 11px;
    margin-bottom: 3px;
    border-radius: 9px;
    border-left: 2.5px solid transparent;
    cursor: pointer;
    transition: background-color 120ms ease, color 120ms ease;
}

.session-row:hover:not(.is-selected)[b-aevvc9v01b] {
    background: var(--rowhover);
}

.session-row.is-selected[b-aevvc9v01b] {
    background: var(--accent-bg);
    border-left-color: var(--accent);
}

.session-row-top[b-aevvc9v01b] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.session-row-title[b-aevvc9v01b] {
    flex: 1;
    min-width: 0;
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.session-row.is-selected .session-row-title[b-aevvc9v01b] {
    color: var(--accent);
}

.session-row-time[b-aevvc9v01b] {
    flex: 0 0 auto;
    font-size: 10.5px;
    color: var(--text-3);
}

.session-row-processing i[b-aevvc9v01b] {
    font-size: 11px;
    color: var(--accent);
    line-height: 1;
    animation: session-row-pulse-b-aevvc9v01b 1.4s infinite ease-in-out;
}

.session-row-preview[b-aevvc9v01b] {
    font-size: 11.5px;
    line-height: 1.4;
    color: var(--text-2);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

@keyframes session-row-pulse-b-aevvc9v01b {
    0%, 100% {
        opacity: 0.35;
    }

    50% {
        opacity: 1;
    }
}
/* /App/UI/Components/AttachmentsSection.razor.rz.scp.css */
.att-count[b-4y0e279360] {
    display: inline-block;
    margin-left: .4rem;
    padding: 0 .4rem;
    min-width: 20px;
    border-radius: 10px;
    background: var(--accent-bg);
    color: var(--accent);
    font-size: 11px;
    font-weight: 600;
    text-align: center;
}
/* /App/UI/Components/AttachmentTiles.razor.rz.scp.css */
.att-grid[b-kcfghh8cnv] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(104px, 1fr));
    gap: .85rem;
}

.att-tile-wrap[b-kcfghh8cnv] {
    min-width: 0;
}

.att-tile[b-kcfghh8cnv] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    width: 100%;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: var(--panel);
    overflow: hidden;
    text-decoration: none;
    transition: border-color .15s, box-shadow .15s;
}

.att-tile:hover[b-kcfghh8cnv] {
    border-color: var(--accent);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
}

[b-kcfghh8cnv] .att-thumb {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.att-icon[b-kcfghh8cnv] {
    color: var(--text-3);
    font-size: 30px;
    line-height: 1;
}

.att-ext[b-kcfghh8cnv] {
    position: absolute;
    bottom: 8px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .04em;
    color: var(--text-3);
}

.att-tile-add[b-kcfghh8cnv] {
    border-style: dashed;
    color: var(--text-3);
    font-size: 22px;
    background: transparent;
}

.att-tile-add.is-busy[b-kcfghh8cnv] {
    background: var(--col-bg);
    cursor: progress;
}

.att-tile-add.is-dragover[b-kcfghh8cnv] {
    border-color: var(--accent);
    color: var(--accent);
    box-shadow: 0 0 0 3px var(--accent-bg);
}

.att-meta[b-kcfghh8cnv] {
    display: flex;
    align-items: center;
    gap: .15rem;
    margin-top: .35rem;
    min-width: 0;
}

.att-name[b-kcfghh8cnv] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 12px;
    color: var(--text-2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.att-add-label[b-kcfghh8cnv] {
    color: var(--text-3);
}

.att-remove[b-kcfghh8cnv] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--text-3);
    line-height: 1;
}

.att-remove:hover:not(:disabled)[b-kcfghh8cnv] {
    background: var(--accent-bg);
    color: var(--danger);
}

.att-empty[b-kcfghh8cnv] {
    color: var(--text-3);
    font-size: 13px;
}
/* /App/UI/Components/Charts/ChartLegend.razor.rz.scp.css */
.chart-legend[b-paxggt452i] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px;
    font-size: 12px;
    color: var(--chart-legend-text, #5b6472);
}

.chart-legend-item[b-paxggt452i] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.chart-legend-swatch[b-paxggt452i] { display: inline-block; }
.chart-legend-square[b-paxggt452i] { width: 9px; height: 9px; border-radius: 2px; }
.chart-legend-line[b-paxggt452i] { width: 14px; height: 2px; border-radius: 1px; }
.chart-legend-dot[b-paxggt452i] { width: 8px; height: 8px; border-radius: 50%; }
/* /App/UI/Components/Charts/TimeSeriesChart.razor.rz.scp.css */
/* Theming is through --chart-* custom properties only, each with a neutral light fallback; the
   host maps them onto its own tokens. No Bootstrap dependency. */

.tsc[b-pgwrjakqho] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
    font-variant-numeric: tabular-nums;
}

.tsc-body[b-pgwrjakqho] {
    flex: 1;
    min-height: 0;
    display: flex;
    gap: 8px;
}

/* ---- y axes ---- */

.tsc-yaxis[b-pgwrjakqho] {
    position: relative;
    width: 22px;
    flex: 0 0 22px;
    margin-bottom: 44px; /* the x-axis band */
    font-size: 10.5px;
    color: var(--chart-axis-text, #98a1b0);
}

.tsc-yaxis span[b-pgwrjakqho] {
    position: absolute;
    transform: translateY(50%);
    line-height: 1;
}

.tsc-yaxis-left span[b-pgwrjakqho] { right: 0; }
.tsc-yaxis-right span[b-pgwrjakqho] { left: 0; }

/* ---- plot ---- */

.tsc-main[b-pgwrjakqho] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.tsc-plot[b-pgwrjakqho] {
    flex: 1;
    min-height: 0;
    position: relative;
    border-bottom: 1px solid var(--chart-baseline, #e4e7ec);
    background: linear-gradient(var(--chart-grid, #eef0f3) 1px, transparent 1px) 0 0 / 100% 25%;
}

.tsc-visuals[b-pgwrjakqho],
.tsc-cols[b-pgwrjakqho],
.tsc-hits[b-pgwrjakqho] {
    position: absolute;
    inset: 0;
}

.tsc-cols[b-pgwrjakqho],
.tsc-hits[b-pgwrjakqho] {
    display: flex;
}

.tsc-col[b-pgwrjakqho] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 2px;
    border-radius: 4px 4px 0 0;
    transition: background-color 120ms ease-out;
}

.tsc-col.tsc-muted[b-pgwrjakqho] { background: var(--chart-muted-col, rgba(238, 240, 244, .55)); }
.tsc-col.tsc-hover[b-pgwrjakqho] { background: var(--chart-hover-col, #f7f8fb); }

.tsc-bar[b-pgwrjakqho] {
    display: block;
    border-radius: 2px 2px 0 0;
    transform-origin: bottom;
    transition: height 300ms ease;
    animation: tsc-grow-b-pgwrjakqho 500ms cubic-bezier(.2, .7, .2, 1) both;
    animation-delay: calc(var(--i, 0) * 15ms);
}

.tsc-line[b-pgwrjakqho] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    pointer-events: none;
    animation: tsc-draw-b-pgwrjakqho 700ms ease-out 150ms both;
}

.tsc-line path[b-pgwrjakqho] {
    fill: none;
    stroke-width: 2;
    stroke-linejoin: round;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
    transition: d 300ms ease;
}

.tsc-point[b-pgwrjakqho] {
    position: absolute;
    width: 7px;
    height: 7px;
    margin: 0 0 -3.5px -3.5px;
    border-radius: 50%;
    border: 2px solid currentColor;
    background: var(--chart-point-fill, #fff);
    box-sizing: border-box;
    pointer-events: none;
    transition: bottom 300ms ease;
    animation: tsc-pop-b-pgwrjakqho 200ms ease-out both;
    animation-delay: calc(600ms + var(--i, 0) * 15ms);
}

/* ---- hit targets ---- */

.tsc-hit[b-pgwrjakqho] {
    flex: 1;
    min-width: 0;
    cursor: default;
    outline: none;
    border-radius: 4px 4px 0 0;
}

.tsc-hit:focus-visible[b-pgwrjakqho] {
    box-shadow: inset 0 0 0 2px var(--chart-focus, #5850EC);
}

/* ---- tooltip ---- */

.tsc-tooltip[b-pgwrjakqho] {
    position: absolute;
    top: 8px;
    z-index: 10;
    width: 210px;
    max-width: calc(50% - 12px);
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 10px 12px;
    font-size: 12.5px;
    color: var(--chart-tooltip-text, #1f2430);
    background: var(--chart-tooltip-bg, #fff);
    border: 1px solid var(--chart-tooltip-border, #e4e7ec);
    border-radius: 10px;
    box-shadow: var(--chart-tooltip-shadow, 0 10px 28px rgba(20, 24, 35, .18));
    pointer-events: none;
    animation: tsc-tip-in-b-pgwrjakqho 120ms ease-out both;
}

.tsc-tooltip-title[b-pgwrjakqho] { font-weight: 700; }

.tsc-tooltip-row[b-pgwrjakqho] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: var(--chart-tooltip-key, #5b6472);
}

.tsc-tooltip-row b[b-pgwrjakqho] {
    color: var(--chart-tooltip-text, #1f2430);
    font-variant-numeric: tabular-nums;
}

/* ---- x axis ---- */

.tsc-xaxis[b-pgwrjakqho] {
    display: flex;
    height: 44px;
    flex: 0 0 44px;
}

.tsc-xcol[b-pgwrjakqho] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding-top: 5px;
}

.tsc-xlabel[b-pgwrjakqho] {
    font-size: 10.5px;
    white-space: nowrap;
    color: var(--chart-label-text, #5b6472);
}

.tsc-xlabel-muted[b-pgwrjakqho] { color: var(--chart-label-muted, #98a1b0); }
.tsc-xlabel-strong[b-pgwrjakqho] { font-weight: 700; color: var(--chart-label-strong, #1f2430); }

.tsc-dots[b-pgwrjakqho] {
    display: flex;
    gap: 3px;
    height: 9px;
}

.tsc-dot[b-pgwrjakqho] {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-radius: 50%;
    animation: tsc-pop-b-pgwrjakqho 200ms ease-out both;
    animation-delay: calc(600ms + var(--i, 0) * 15ms);
}

/* ---- hidden data table ---- */

.tsc-sr-only[b-pgwrjakqho] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ---- motion ---- */

@keyframes tsc-grow-b-pgwrjakqho {
    from { transform: scaleY(0); }
    to { transform: scaleY(1); }
}

@keyframes tsc-draw-b-pgwrjakqho {
    from { clip-path: inset(0 100% 0 0); }
    to { clip-path: inset(0 0 0 0); }
}

@keyframes tsc-pop-b-pgwrjakqho {
    from { opacity: 0; transform: scale(.6); }
    to { opacity: 1; transform: scale(1); }
}

@keyframes tsc-tip-in-b-pgwrjakqho {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

.tsc-static *[b-pgwrjakqho],
.tsc-static *[b-pgwrjakqho]::before,
.tsc-static *[b-pgwrjakqho]::after {
    animation: none !important;
    transition: none !important;
}

@media (prefers-reduced-motion: reduce) {
    .tsc *[b-pgwrjakqho],
    .tsc *[b-pgwrjakqho]::before,
    .tsc *[b-pgwrjakqho]::after {
        animation: none !important;
        transition: none !important;
    }
}
/* /App/UI/Components/CompanyLogoUpload.razor.rz.scp.css */
.company-logo-upload[b-bzg15j245j] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.clu-tile[b-bzg15j245j] {
    position: relative;
    width: 72px;
    height: 72px;
    flex: 0 0 auto;
    border-radius: 14px;
    border: 1px dashed transparent;
    transition: border-color .15s, box-shadow .15s;
}

.clu-tile.is-dragover[b-bzg15j245j] {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px var(--accent-bg);
}

[b-bzg15j245j] .clu-logo {
    width: 72px;
    height: 72px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

[b-bzg15j245j] .clu-logo-img {
    object-fit: contain;
    background: var(--panel);
    border: 1px solid var(--border);
}

.clu-initials[b-bzg15j245j] {
    background: var(--accent-bg);
    color: var(--accent);
    font-size: 22px;
    font-weight: 700;
    user-select: none;
}

.clu-placeholder[b-bzg15j245j] {
    background: var(--col-bg);
    color: var(--text-3);
}

.clu-camera[b-bzg15j245j] {
    position: absolute;
    right: -6px;
    bottom: -6px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--accent);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 6px rgba(88, 80, 236, .35);
    pointer-events: none;
}

.clu-body[b-bzg15j245j] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    min-width: 0;
}

.clu-actions[b-bzg15j245j] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.clu-actions .btn[b-bzg15j245j] {
    margin-bottom: 0;
}

.clu-remove[b-bzg15j245j] {
    color: var(--danger);
    text-decoration: none;
}

.clu-remove:hover[b-bzg15j245j] {
    color: var(--danger);
    text-decoration: underline;
}

.clu-hint[b-bzg15j245j] {
    font-size: 12px;
    color: var(--text-3);
}
/* /App/UI/Components/CRM/AiDropZone.razor.rz.scp.css */
.ai-dropzone[b-syx25ysf4n] {
    background-color: var(--bs-body-bg);
    border-top: 2px solid var(--bs-primary);
}
/* /App/UI/Components/CRM/DealDialogTitle.razor.rz.scp.css */
.deal-dialog-title[b-6zeh473ve8] {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-width: 0;
}

.ddt-action[b-6zeh473ve8] {
    flex: 0 0 auto;
}

.ddt-sep[b-6zeh473ve8] {
    color: var(--bs-secondary-color);
}

.deal-dialog-title[b-6zeh473ve8]  .ddt-avatar {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    object-fit: cover;
}

.ddt-name[b-6zeh473ve8] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /App/UI/Components/CRM/EventCalendarCard.razor.rz.scp.css */
.ec-danger[b-0pttyz56m1] { color: var(--danger); }
.ec-warn[b-0pttyz56m1] { color: var(--warn, #d97706); }

.ec-empty[b-0pttyz56m1] { font-size: 13px; color: var(--text-3); font-style: italic; }

.ec-list[b-0pttyz56m1] {
    display: flex;
    flex-direction: column;
}

/* ── Event row ── */
.ec-event[b-0pttyz56m1] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 11px 0;
    border-top: 1px solid var(--border-2);
    text-decoration: none;
    color: inherit;
}

.ec-event:first-child[b-0pttyz56m1] { border-top: none; padding-top: 0; }
.ec-event:hover .ec-event-title[b-0pttyz56m1] { color: var(--accent); }

.ec-date[b-0pttyz56m1] {
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    border-radius: 11px;
    background: var(--accent-bg);
    color: var(--accent);
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.ec-date-month[b-0pttyz56m1] {
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    opacity: .85;
}

.ec-date-day[b-0pttyz56m1] {
    font-size: 16px;
    font-weight: 700;
    margin-top: 2px;
}

.ec-event-main[b-0pttyz56m1] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.ec-event-title[b-0pttyz56m1] {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ec-event-sub[b-0pttyz56m1] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 4px;
}

.ec-meta[b-0pttyz56m1] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11.5px;
    color: var(--text-3);

    i { font-size: 11px; }
}

/* ── At-risk task chips ── */
.ec-tasks[b-0pttyz56m1] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 8px;
}

.ec-task[b-0pttyz56m1] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11.5px;
    padding: 3px 8px;
    border-radius: 7px;
    min-width: 0;

    i { flex: 0 0 auto; font-size: 10.5px; }
}

.ec-task.is-overdue[b-0pttyz56m1] {
    background: color-mix(in srgb, var(--danger) 11%, var(--card-bg));
    color: var(--danger);
}

.ec-task.is-soon[b-0pttyz56m1] {
    background: color-mix(in srgb, var(--warn, #d97706) 13%, var(--card-bg));
    color: var(--warn, #d97706);
}

.ec-task-title[b-0pttyz56m1] {
    flex: 1;
    min-width: 0;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ec-task-due[b-0pttyz56m1] {
    flex: 0 0 auto;
    opacity: .85;
}

.ec-task-more[b-0pttyz56m1] {
    font-size: 11px;
    color: var(--text-3);
    padding-left: 8px;
}
/* /App/UI/Components/CRM/EventTasksSection.razor.rz.scp.css */
.et-count[b-g99faobg2a] {
    display: inline-block;
    margin-left: 7px;
    padding: 1px 8px;
    border-radius: 20px;
    background: var(--chip);
    color: var(--text-2);
    font-size: 11px;
    font-weight: 700;
}

.et-add[b-g99faobg2a] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--accent);
    cursor: pointer;
}

.et-empty[b-g99faobg2a] { font-size: 13px; color: var(--text-3); font-style: italic; }

/* ── Task row ── */
.et-row[b-g99faobg2a] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 11px 0;
    border-bottom: 1px solid var(--border-2);
}

.et-row:last-child[b-g99faobg2a] { border-bottom: none; }

.et-check[b-g99faobg2a] {
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    margin-top: 1px;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--text-3);
    font-size: 17px;
    line-height: 1;
    cursor: pointer;
}

.et-check:hover:not(:disabled)[b-g99faobg2a] { color: var(--accent); }
.et-check.is-done[b-g99faobg2a] { color: var(--ok); }
.et-check:disabled[b-g99faobg2a] { cursor: default; opacity: .6; }

.et-row-main[b-g99faobg2a] { flex: 1; min-width: 0; }

.et-row-title[b-g99faobg2a] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--text);
}

.et-row.is-done .et-row-title[b-g99faobg2a] {
    text-decoration: line-through;
    color: var(--text-3);
}

.et-row-sub[b-g99faobg2a] {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
    font-size: 11.5px;
    color: var(--text-3);
    margin-top: 3px;

    span { display: inline-flex; align-items: center; gap: 4px; }
    i[b-g99faobg2a] { font-size: 11px; }
}

.et-due-overdue[b-g99faobg2a] { color: var(--danger); }
.et-dot[b-g99faobg2a] { color: var(--text-3); }

.et-row-desc[b-g99faobg2a] {
    font-size: 12.5px;
    color: var(--text-2);
    margin-top: 5px;
    white-space: pre-wrap;
}

.et-row-notes[b-g99faobg2a] {
    font-size: 12.5px;
    color: var(--text-2);
    margin-top: 7px;
    padding: 7px 10px;
    border-radius: 8px;
    background: var(--chip);
    white-space: pre-wrap;
}

.et-notes-label[b-g99faobg2a] {
    display: block;
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: var(--text-3);
    margin-bottom: 3px;
}

.et-row-actions[b-g99faobg2a] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* ── Priority chip ── */
.et-priority[b-g99faobg2a] {
    flex: 0 0 auto;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
    padding: 2px 7px;
    border-radius: 20px;
    background: var(--chip);
    color: var(--text-3);
}

.et-priority.is-critical[b-g99faobg2a] { background: color-mix(in srgb, var(--danger) 14%, var(--card-bg)); color: var(--danger); }
.et-priority.is-high[b-g99faobg2a] { background: color-mix(in srgb, var(--warn, #d97706) 16%, var(--card-bg)); color: var(--warn, #d97706); }
.et-priority.is-medium[b-g99faobg2a] { background: var(--accent-bg); color: var(--accent); }
.et-priority.is-low[b-g99faobg2a] { background: var(--chip); color: var(--text-3); }

.et-complete-title[b-g99faobg2a] {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--text);
    margin-bottom: 14px;
}
/* /App/UI/Components/Home/HomeDashboard.razor.rz.scp.css */
/* The Home dashboard. Every widget is a child component, so the rules reach them through ::deep
   under the .hd root. Colours are tokens (Styles/scss/_base.scss); --warn is the dashboard's addition. */

.hd[b-fjg8gm9934] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    /* MainLayout already pads the page (container-fluid py-4: 24px top/bottom, 12px sides); this only
       tops it up to the design's 24px sides and 28px bottom. */
    padding: 0 12px 4px;
    color: var(--text);
}

/* ---------------------------------------------------------------- header */

.hd[b-fjg8gm9934]  .hd-head {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    flex-wrap: wrap;
}

.hd[b-fjg8gm9934]  .hd-hello {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
    min-width: 0;
}

.hd[b-fjg8gm9934]  .hd-date {
    font-size: 12.5px;
    font-weight: 500;
    color: var(--text-2);
}

.hd[b-fjg8gm9934]  .hd-greeting {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -.015em;
}

.hd[b-fjg8gm9934]  .hd-pulse {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
    min-height: 28px;
}

.hd[b-fjg8gm9934]  .hd-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 28px;
    padding: 0 11px;
    border-radius: 999px;
    background: var(--panel);
    border: 1px solid var(--border);
    font-size: 12.5px;
    color: var(--text-2);
}

.hd[b-fjg8gm9934]  .hd-chip b {
    color: var(--text);
    font-weight: 700;
}

.hd[b-fjg8gm9934]  .hd-chip-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.hd[b-fjg8gm9934]  .hd-chip-skeleton {
    width: 120px;
}

.hd[b-fjg8gm9934]  .hd-head-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.hd[b-fjg8gm9934]  .hd-hint {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    color: var(--text-2);
    margin-right: 4px;
}

/* ---------------------------------------------------------------- buttons */

.hd[b-fjg8gm9934]  .hd-btn {
    height: 34px;
    padding: 0 13px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border-radius: 9px;
    border: 1px solid var(--border);
    background: var(--panel);
    color: var(--text);
    font-size: 13.5px;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.hd[b-fjg8gm9934]  .hd-btn:hover:not(:disabled) {
    background: var(--rowhover);
}

.hd[b-fjg8gm9934]  .hd-btn:disabled {
    opacity: .55;
    cursor: default;
}

.hd[b-fjg8gm9934]  .hd-btn-primary {
    background: var(--accent);
    border-color: var(--accent);
    color: #fff;
    font-weight: 600;
}

.hd[b-fjg8gm9934]  .hd-btn-primary:hover:not(:disabled) {
    background: var(--primary-hover);
    border-color: var(--primary-hover);
    color: #fff;
}

.hd[b-fjg8gm9934]  .hd-btn-sm {
    height: 30px;
    padding: 0 12px;
    gap: 6px;
    border-radius: 8px;
    font-size: 12.5px;
}

.hd[b-fjg8gm9934]  .hd-link-btn {
    border: 0;
    background: none;
    padding: 0;
    color: var(--accent);
    font-weight: 600;
    cursor: pointer;
}

.hd[b-fjg8gm9934]  .hd-icon-btn {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 7px;
    background: none;
    color: var(--text-2);
    font-size: 14px;
    cursor: pointer;
}

.hd[b-fjg8gm9934]  .hd-icon-btn:hover {
    background: var(--chip);
}

/* ---------------------------------------------------------------- hidden tray */

.hd[b-fjg8gm9934]  .hd-tray {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 12px 14px;
    border: 1px dashed var(--accent-2);
    border-radius: 12px;
    background: var(--accent-bg);
}

.hd[b-fjg8gm9934]  .hd-tray-label {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    color: var(--accent);
    text-transform: uppercase;
}

.hd[b-fjg8gm9934]  .hd-tray-chip {
    height: 30px;
    padding: 0 11px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border-radius: 8px;
    background: var(--panel);
    border: 1px solid var(--border);
    color: var(--text);
    font-size: 13px;
    cursor: pointer;
}

.hd[b-fjg8gm9934]  .hd-tray-chip > .bi:first-child {
    color: var(--text-2);
}

.hd[b-fjg8gm9934]  .hd-tray-add {
    font-size: 12px;
    color: var(--accent);
}

/* ---------------------------------------------------------------- grid */

.hd[b-fjg8gm9934]  .hd-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    grid-auto-flow: dense;
}

.hd[b-fjg8gm9934]  .hd-cell {
    display: flex;
    min-width: 0;
}

.hd[b-fjg8gm9934]  .hd-cell > .hd-card {
    flex: 1;
}

.hd[b-fjg8gm9934]  .hd-span-1 { grid-column: span 1; }
.hd[b-fjg8gm9934]  .hd-span-2 { grid-column: span 2; }
.hd[b-fjg8gm9934]  .hd-span-3 { grid-column: span 3; }

@media (max-width: 1100px) {
    .hd[b-fjg8gm9934]  .hd-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hd[b-fjg8gm9934]  .hd-span-3 { grid-column: span 2; }
}

@media (max-width: 700px) {
    .hd[b-fjg8gm9934] { padding: 0 4px; }
    .hd[b-fjg8gm9934]  .hd-grid { grid-template-columns: minmax(0, 1fr); }
    .hd[b-fjg8gm9934]  .hd-span-1,
    .hd[b-fjg8gm9934]  .hd-span-2,
    .hd[b-fjg8gm9934]  .hd-span-3 { grid-column: span 1; }
    .hd[b-fjg8gm9934]  .hd-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.hd[b-fjg8gm9934]  .hd-drop-end {
    grid-column: span 1;
    min-height: 120px;
    border: 1.5px dashed var(--accent-2);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 13px;
    color: var(--text-2);
}

.hd[b-fjg8gm9934]  .hd-drop-end-on {
    border-color: var(--accent);
    background: var(--accent-bg);
}

/* ---------------------------------------------------------------- card */

.hd[b-fjg8gm9934]  .hd-card {
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    min-width: 0;
    outline: 0 solid transparent;
    outline-offset: 3px;
    transition: opacity .15s, outline-color .15s;
}

.hd-editing[b-fjg8gm9934]  .hd-card {
    outline: 1.5px dashed var(--accent-2);
    cursor: grab;
}

.hd-editing[b-fjg8gm9934]  .hd-card.hd-card-target,
.hd-editing[b-fjg8gm9934]  .hd-card.hd-card-grabbed {
    outline: 2px solid var(--accent);
}

.hd[b-fjg8gm9934]  .hd-card-dragging {
    opacity: .35;
}

.hd[b-fjg8gm9934]  .hd-card-head {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px 16px 11px;
    min-height: 52px;
    border-bottom: 1px solid var(--border-2);
}

.hd[b-fjg8gm9934]  .hd-grip {
    margin-left: -6px;
    padding: 0;
    border: 0;
    background: none;
    color: var(--text-3);
    font-size: 16px;
    line-height: 1;
    cursor: grab;
    border-radius: 4px;
}

.hd[b-fjg8gm9934]  .hd-grip:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.hd[b-fjg8gm9934]  .hd-card-icon {
    font-size: 15px;
    color: var(--text-2);
}

.hd[b-fjg8gm9934]  .hd-card-title {
    margin: 0;
    font-size: 14.5px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--text);
}

.hd[b-fjg8gm9934]  .hd-count {
    height: 20px;
    min-width: 20px;
    padding: 0 7px;
    border-radius: 999px;
    background: var(--chip);
    font-size: 11.5px;
    font-weight: 700;
    color: var(--text-2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.hd[b-fjg8gm9934]  .hd-spacer {
    flex: 1;
}

.hd[b-fjg8gm9934]  .hd-head-link {
    font-size: 12.5px;
    font-weight: 600;
    white-space: nowrap;
    color: var(--accent);
    text-decoration: none;
}

.hd[b-fjg8gm9934]  .hd-sizes {
    display: flex;
    padding: 2px;
    gap: 1px;
    background: var(--chip);
    border-radius: 7px;
}

.hd[b-fjg8gm9934]  .hd-sizes button {
    width: 26px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: var(--text-3);
    font-size: 11.5px;
    font-weight: 700;
    cursor: pointer;
}

.hd[b-fjg8gm9934]  .hd-sizes button.on {
    background: var(--panel);
    color: var(--text);
}

/* ---------------------------------------------------------------- shared body states */

.hd[b-fjg8gm9934]  .hd-body {
    display: flex;
    flex-direction: column;
    padding: 14px 16px 16px;
}

.hd[b-fjg8gm9934]  .hd-rows {
    display: flex;
    flex-direction: column;
    padding: 2px 0 6px;
}

.hd[b-fjg8gm9934]  .hd-skeleton {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 16px;
}

.hd[b-fjg8gm9934]  .hd-skeleton > .placeholder {
    height: 12px;
    border-radius: 4px;
}

.hd[b-fjg8gm9934]  .hd-skeleton-row {
    display: flex;
    gap: 11px;
    align-items: center;
}

.hd[b-fjg8gm9934]  .hd-skeleton-dot {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    flex: 0 0 auto;
}

.hd[b-fjg8gm9934]  .hd-skeleton-lines {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
}

.hd[b-fjg8gm9934]  .hd-skeleton-lines .placeholder {
    height: 10px;
    border-radius: 4px;
}

.hd[b-fjg8gm9934]  .hd-failed,
.hd[b-fjg8gm9934]  .hd-empty {
    padding: 24px 16px;
    font-size: 13px;
    color: var(--text-2);
    text-align: center;
    display: flex;
    gap: 6px;
    justify-content: center;
    align-items: center;
}

.hd[b-fjg8gm9934]  .hd-empty-ok .bi {
    color: var(--ok);
}

.hd[b-fjg8gm9934]  .hd-placeholder {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 6px;
    padding: 28px 16px;
}

.hd[b-fjg8gm9934]  .hd-placeholder > .bi {
    font-size: 22px;
    color: var(--text-3);
}

.hd[b-fjg8gm9934]  .hd-placeholder-title {
    font-size: 14px;
    font-weight: 700;
}

.hd[b-fjg8gm9934]  .hd-placeholder-text {
    font-size: 12.5px;
    color: var(--text-2);
    max-width: 320px;
}

.hd[b-fjg8gm9934]  .hd-placeholder-inline {
    flex-direction: row;
    justify-content: flex-start;
    text-align: left;
    padding: 0;
    gap: 8px;
}

.hd[b-fjg8gm9934]  .hd-placeholder-inline > .bi {
    font-size: 14px;
}

/* ---------------------------------------------------------------- text bits */

.hd[b-fjg8gm9934]  .hd-stack { display: flex; flex-direction: column; }
.hd[b-fjg8gm9934]  .hd-min0 { min-width: 0; }
.hd[b-fjg8gm9934]  .hd-gap2 { gap: 2px; }
.hd[b-fjg8gm9934]  .hd-gap3 { gap: 3px; }
.hd[b-fjg8gm9934]  .hd-gap7 { gap: 7px; }
.hd[b-fjg8gm9934]  .hd-gap12 { gap: 12px; }
.hd[b-fjg8gm9934]  .hd-gap14 { gap: 14px; }
.hd[b-fjg8gm9934]  .hd-pb4 { padding-bottom: 4px; }

.hd[b-fjg8gm9934]  .hd-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

.hd[b-fjg8gm9934]  .hd-sub {
    font-size: 12.5px;
    color: var(--text-2);
}

.hd[b-fjg8gm9934]  .hd-sub-sm {
    font-size: 12px;
    color: var(--text-2);
}

.hd[b-fjg8gm9934]  .hd-faint {
    color: var(--text-3);
    font-weight: 400;
}

.hd[b-fjg8gm9934]  .hd-strong {
    color: var(--text);
    font-weight: 600;
}

.hd[b-fjg8gm9934]  .hd-good { color: var(--ok); }
.hd[b-fjg8gm9934]  .hd-bad { color: var(--danger); }
.hd[b-fjg8gm9934]  .hd-danger { color: var(--danger); }

.hd[b-fjg8gm9934]  .hd-eyebrow {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .09em;
    color: var(--text-3);
    text-transform: uppercase;
}

.hd[b-fjg8gm9934]  .hd-eyebrow-accent {
    color: var(--accent);
    letter-spacing: .08em;
}

.hd[b-fjg8gm9934]  .hd-big {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -.01em;
    font-variant-numeric: tabular-nums;
    line-height: 1.15;
}

.hd[b-fjg8gm9934]  .hd-medium {
    font-size: 20px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    line-height: 1.4;
}

.hd[b-fjg8gm9934]  .hd-ai-line {
    display: flex;
    gap: 8px;
    font-size: 12.5px;
    line-height: 1.5;
    color: var(--text);
    text-wrap: pretty;
}

.hd[b-fjg8gm9934]  .hd-ai-line > .bi {
    color: var(--accent);
}

.hd[b-fjg8gm9934]  .hd-ai-line-muted {
    color: var(--text-2);
    gap: 7px;
    line-height: 1.45;
}

.hd[b-fjg8gm9934]  .hd-ai-line-muted b {
    color: var(--text);
    font-weight: 600;
}

.hd[b-fjg8gm9934]  .hd-tag {
    height: 19px;
    padding: 0 7px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    color: var(--tag);
    background: color-mix(in srgb, var(--tag) 14%, transparent);
    white-space: nowrap;
}

.hd[b-fjg8gm9934]  .hd-avatar {
    border-radius: 50%;
    object-fit: cover;
    display: block;
    flex: 0 0 auto;
}

.hd[b-fjg8gm9934]  .hd-avatar-initials {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
}

/* ---------------------------------------------------------------- meetings */

.hd[b-fjg8gm9934]  .hd-meetings {
    gap: 12px;
}

.hd[b-fjg8gm9934]  .hd-next {
    border: 1px solid color-mix(in srgb, var(--accent) 30%, transparent);
    background: var(--accent-bg);
    border-radius: 12px;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.hd[b-fjg8gm9934]  .hd-next-top,
.hd[b-fjg8gm9934]  .hd-next-who,
.hd[b-fjg8gm9934]  .hd-next-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.hd[b-fjg8gm9934]  .hd-next-who {
    gap: 10px;
}

.hd[b-fjg8gm9934]  .hd-next-time {
    font-size: 12.5px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.hd[b-fjg8gm9934]  .hd-next-title {
    font-size: 14px;
    font-weight: 700;
}

.hd[b-fjg8gm9934]  .hd-meeting-row {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) 28px;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    border-top: 1px solid var(--border-2);
    color: inherit;
    text-decoration: none;
}

.hd[b-fjg8gm9934]  .hd-meeting-when {
    line-height: 1.2;
}

.hd[b-fjg8gm9934]  .hd-meeting-day {
    font-size: 11.5px;
    color: var(--text-2);
    font-weight: 600;
}

.hd[b-fjg8gm9934]  .hd-meeting-hour {
    font-size: 13px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.hd[b-fjg8gm9934]  .hd-meeting-title {
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hd[b-fjg8gm9934]  .hd-meeting-row .hd-sub {
    font-size: 12px;
}

/* ---------------------------------------------------------------- replies */

.hd[b-fjg8gm9934]  .hd-reply {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    gap: 11px;
    padding: 11px 16px;
    border-bottom: 1px solid var(--border-2);
    align-items: start;
}

.hd[b-fjg8gm9934]  .hd-reply-who {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.hd[b-fjg8gm9934]  .hd-reply-name {
    font-size: 13.5px;
    font-weight: 700;
}

.hd[b-fjg8gm9934]  .hd-quote {
    font-size: 13px;
    color: var(--text-2);
    line-height: 1.45;
    text-wrap: pretty;
    overflow-wrap: anywhere;
}

.hd[b-fjg8gm9934]  .hd-reply-side {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}

.hd[b-fjg8gm9934]  .hd-wait {
    font-size: 12px;
    color: var(--text-2);
    white-space: nowrap;
}

.hd[b-fjg8gm9934]  .hd-wait .bi {
    margin-right: 4px;
}

.hd[b-fjg8gm9934]  .hd-wait-late {
    color: var(--danger);
    font-weight: 700;
}

.hd[b-fjg8gm9934]  .hd-ai-btn {
    height: 26px;
    padding: 0 9px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border-radius: 7px;
    border: 1px solid var(--border);
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    color: var(--text);
    text-decoration: none;
}

.hd[b-fjg8gm9934]  .hd-ai-btn:hover {
    background: var(--rowhover);
}

.hd[b-fjg8gm9934]  .hd-ai-btn .bi {
    color: var(--accent);
}

/* ---------------------------------------------------------------- issues */

.hd[b-fjg8gm9934]  .hd-issue {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 11px;
    padding: 10px 16px;
    border-bottom: 1px solid var(--border-2);
    align-items: start;
}

.hd[b-fjg8gm9934]  .hd-tile-icon {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: color-mix(in srgb, var(--tone) 13%, transparent);
    color: var(--tone);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.hd[b-fjg8gm9934]  .hd-issue-title {
    font-size: 13.5px;
    font-weight: 600;
    text-wrap: pretty;
}

.hd[b-fjg8gm9934]  .hd-issue-link {
    font-size: 12.5px;
    font-weight: 600;
    margin-top: 2px;
    color: var(--accent);
    text-decoration: none;
}

/* ---------------------------------------------------------------- team deals */

.hd[b-fjg8gm9934]  .hd-menu-anchor {
    position: relative;
}

.hd[b-fjg8gm9934]  .hd-period {
    height: 28px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--panel);
    color: var(--text);
    font-size: 12.5px;
    white-space: nowrap;
    cursor: pointer;
}

.hd[b-fjg8gm9934]  .hd-period > .bi:first-child {
    font-size: 12px;
    color: var(--text-2);
}

.hd[b-fjg8gm9934]  .hd-caret {
    font-size: 10px;
    color: var(--text-3);
}

.hd[b-fjg8gm9934]  .hd-menu-backdrop {
    position: fixed;
    inset: 0;
    z-index: 19;
}

.hd[b-fjg8gm9934]  .hd-menu {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    z-index: 20;
    width: 190px;
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 10px;
    box-shadow: 0 14px 36px rgba(20, 24, 35, .18);
    padding: 6px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.hd[b-fjg8gm9934]  .hd-menu-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 10px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--text);
    font-size: 13px;
    text-align: left;
    cursor: pointer;
}

.hd[b-fjg8gm9934]  .hd-menu-item:hover {
    background: var(--rowhover);
}

.hd[b-fjg8gm9934]  .hd-menu-item .bi-check2 {
    opacity: 0;
}

.hd[b-fjg8gm9934]  .hd-menu-item.on {
    background: var(--accent-bg);
    color: var(--accent);
    font-weight: 600;
}

.hd[b-fjg8gm9934]  .hd-menu-item.on .bi-check2 {
    opacity: 1;
}

.hd[b-fjg8gm9934]  .hd-menu-item-muted {
    color: var(--text-2);
}

.hd[b-fjg8gm9934]  .hd-menu-sep {
    border-top: 1px solid var(--border-2);
    margin: 4px 0 2px;
}

.hd[b-fjg8gm9934]  .hd-custom {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 4px 6px 6px;
    font-size: 12px;
    color: var(--text-2);
}

.hd[b-fjg8gm9934]  .hd-custom label {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.hd[b-fjg8gm9934]  .hd-custom input {
    height: 28px;
    border: 1px solid var(--border);
    border-radius: 7px;
    background: var(--panel);
    color: var(--text);
    padding: 0 6px;
    font-size: 12.5px;
}

.hd[b-fjg8gm9934]  .hd-tiles {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 10px;
}

.hd[b-fjg8gm9934]  .hd-deal-tile {
    border: 1px solid var(--border);
    border-radius: 11px;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.hd[b-fjg8gm9934]  .hd-deal-label {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12.5px;
    color: var(--text-2);
    font-weight: 500;
}

.hd[b-fjg8gm9934]  .hd-swatch {
    width: 8px;
    height: 8px;
    border-radius: 2px;
}

.hd[b-fjg8gm9934]  .hd-deal-tile .hd-sub-sm {
    font-variant-numeric: tabular-nums;
}

.hd[b-fjg8gm9934]  .hd-deal-delta {
    font-size: 12px;
    font-weight: 700;
}

.hd[b-fjg8gm9934]  .hd-feed-row {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto auto;
    gap: 10px;
    align-items: center;
    padding: 7px 0;
    border-top: 1px solid var(--border-2);
    font-size: 13px;
    color: inherit;
    text-decoration: none;
}

.hd[b-fjg8gm9934]  .hd-feed-row .hd-tag {
    height: 20px;
    padding: 0 8px;
    font-size: 11.5px;
}

.hd[b-fjg8gm9934]  .hd-feed-value {
    font-size: 12.5px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    min-width: 62px;
    text-align: right;
}

.hd[b-fjg8gm9934]  .hd-feed-empty {
    padding: 7px 0;
    border-top: 1px solid var(--border-2);
}

/* ---------------------------------------------------------------- performance */

.hd[b-fjg8gm9934]  .hd-kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.hd[b-fjg8gm9934]  .hd-kpi {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.hd[b-fjg8gm9934]  .hd-kpi-label {
    font-size: 12px;
    color: var(--text-2);
    font-weight: 500;
    white-space: nowrap;
}

.hd[b-fjg8gm9934]  .hd-kpi-value {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -.01em;
    font-variant-numeric: tabular-nums;
}

.hd[b-fjg8gm9934]  .hd-kpi-delta {
    font-size: 11.5px;
}

.hd[b-fjg8gm9934]  .hd-legend {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    font-size: 11.5px;
    color: var(--text-2);
}

/* ---------------------------------------------------------------- AI usage */

.hd[b-fjg8gm9934]  .hd-ai-totals {
    display: flex;
    align-items: baseline;
    gap: 14px;
    flex-wrap: wrap;
}
/* /App/UI/Components/MarkdownSection.razor.rz.scp.css */
.markdown-content[b-acod2985bm]  h1,
.markdown-content[b-acod2985bm]  h2,
.markdown-content[b-acod2985bm]  h3,
.markdown-content[b-acod2985bm]  h4,
.markdown-content[b-acod2985bm]  h5,
.markdown-content[b-acod2985bm]  h6 {
    font-size: 1rem;
    font-weight: 600;
    margin-top: 0.75rem;
    margin-bottom: 0.25rem;
}

.markdown-content[b-acod2985bm]  h1 { font-size: 1.15rem; }
.markdown-content[b-acod2985bm]  h2 { font-size: 1.1rem; }

.markdown-content[b-acod2985bm]  p {
    margin-bottom: 0.5rem;
}

.markdown-content[b-acod2985bm]  ul,
.markdown-content[b-acod2985bm]  ol {
    padding-left: 1.5rem;
    margin-bottom: 0.5rem;
}

.markdown-content[b-acod2985bm]  li {
    margin-bottom: 0.15rem;
}

.markdown-content[b-acod2985bm]  code {
    background: var(--bs-tertiary-bg, #f8f9fa);
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
    font-size: 0.875em;
}

.markdown-content[b-acod2985bm]  pre {
    background: var(--bs-tertiary-bg, #f8f9fa);
    padding: 0.75rem;
    border-radius: 0.375rem;
    overflow-x: auto;
}

.markdown-content[b-acod2985bm]  blockquote {
    border-left: 3px solid var(--bs-border-color, #dee2e6);
    padding-left: 0.75rem;
    color: var(--bs-secondary-color);
    margin-bottom: 0.5rem;
}

.markdown-content[b-acod2985bm]  table {
    width: 100%;
    margin-bottom: 0.5rem;
    border-collapse: collapse;
}

.markdown-content[b-acod2985bm]  th,
.markdown-content[b-acod2985bm]  td {
    padding: 0.375rem 0.5rem;
    border: 1px solid var(--bs-border-color, #dee2e6);
}

.markdown-content[b-acod2985bm]  th {
    background: var(--bs-tertiary-bg, #f8f9fa);
    font-weight: 600;
}

/* Empty state — dashed "click to add" box */
.md-empty[b-acod2985bm] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 14px;
    border: 1.5px dashed var(--border);
    border-radius: 10px;
    color: var(--text-3);
    font-size: 13px;
    cursor: pointer;
}

.md-empty:hover[b-acod2985bm] {
    border-color: var(--accent);
    color: var(--accent);
}

.md-empty i[b-acod2985bm] { font-size: 15px; }

/* Edit textarea — accent border while editing */
.md-textarea[b-acod2985bm] {
    border-color: var(--accent);
    line-height: 1.6;
}
/* /App/UI/Components/Reports/DateRangeStepper.razor.rz.scp.css */
.drs[b-6tvld0jtzg] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.drs-back[b-6tvld0jtzg] {
    border: 0;
    background: none;
    padding: 0;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--accent);
    white-space: nowrap;
    cursor: pointer;
}

.drs-back:hover[b-6tvld0jtzg] { text-decoration: underline; }

.drs-group[b-6tvld0jtzg] {
    display: flex;
    align-items: stretch;
    height: 34px;
    border: 1px solid var(--border);
    border-radius: 9px;
    background: var(--panel);
    font-size: 13.5px;
    overflow: hidden;
}

.drs-group button[b-6tvld0jtzg] {
    border: 0;
    background: none;
    color: var(--text);
    cursor: pointer;
    transition: background-color 120ms;
}

.drs-group button:disabled[b-6tvld0jtzg] { cursor: default; }

.drs-step[b-6tvld0jtzg] {
    width: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.drs-group .drs-step[b-6tvld0jtzg] { color: var(--text-2); }
.drs-group .drs-prev[b-6tvld0jtzg] { border-right: 1px solid var(--border); }
.drs-group .drs-next[b-6tvld0jtzg] { border-left: 1px solid var(--border); }
.drs-step:disabled[b-6tvld0jtzg] { opacity: .35; }

.drs-group button:not(:disabled):hover[b-6tvld0jtzg],
.drs-group .drs-label-open[b-6tvld0jtzg] { background: var(--rowhover); }

.drs-label[b-6tvld0jtzg] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.drs-cal[b-6tvld0jtzg] { font-size: 13px; color: var(--text-2); }
.drs-caret[b-6tvld0jtzg] { font-size: 10px; color: var(--text-3); }

.drs-backdrop[b-6tvld0jtzg] {
    position: fixed;
    inset: 0;
    z-index: 29;
}

.drs-popover[b-6tvld0jtzg] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    z-index: 30;
    width: 470px;
    max-width: calc(100vw - 32px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    color: var(--text);
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 12px;
    box-shadow: 0 16px 40px rgba(20, 24, 35, .2);
}

.drs-body[b-6tvld0jtzg] { display: flex; }

.drs-presets[b-6tvld0jtzg] {
    width: 172px;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px;
    border-right: 1px solid var(--border-2);
}

.drs-preset[b-6tvld0jtzg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 10px;
    border: 0;
    border-radius: 7px;
    background: none;
    color: var(--text);
    font-size: 13px;
    text-align: left;
    cursor: pointer;
}

.drs-preset:hover[b-6tvld0jtzg] { background: var(--rowhover); }
.drs-preset i[b-6tvld0jtzg] { font-size: 13px; opacity: 0; }

.drs-preset-on[b-6tvld0jtzg],
.drs-preset-on:hover[b-6tvld0jtzg] {
    background: var(--accent-bg);
    color: var(--accent);
    font-weight: 600;
}

.drs-preset-on i[b-6tvld0jtzg] { opacity: 1; }

.drs-custom[b-6tvld0jtzg] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px 16px;
}

.drs-eyebrow[b-6tvld0jtzg] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--text-3);
}

.drs-inputs[b-6tvld0jtzg] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.drs-inputs label[b-6tvld0jtzg] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 12px;
    color: var(--text-2);
}

.drs-inputs input[b-6tvld0jtzg] {
    height: 34px;
    min-width: 0;
    padding: 0 8px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--bg);
    color: var(--text);
    font: inherit;
    font-size: 13px;
}

.drs-help[b-6tvld0jtzg] {
    font-size: 12px;
    line-height: 1.45;
    color: var(--text-2);
}

.drs-footer[b-6tvld0jtzg] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 12px;
    border-top: 1px solid var(--border-2);
    background: var(--col-bg);
}

.drs-footer .btn[b-6tvld0jtzg] {
    height: 32px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 12px;
    border-radius: 8px;
    font-size: 13px;
}

.drs-footer .drs-run[b-6tvld0jtzg] {
    padding: 0 14px;
    font-weight: 600;
}
/* /App/UI/Pages/AI/AgentChat.razor.rz.scp.css */
/* Copyright (c) DevInstance LLC. All rights reserved. */

.chat-page[b-bbpy27ps5v] {
    display: flex;
    flex-direction: column;
    /* Fill the content area beneath the topbar, less the layout's .py-4 (24px top + bottom).
       The panes scroll internally rather than the page. */
    height: calc(100vh - var(--topbar-height, 56px) - 48px);
    min-height: 420px;
    overflow: hidden;
}

/* ---------- Page header ---------- */

.chat-page-header[b-bbpy27ps5v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
    flex: 0 0 auto;
}

.chat-page-title[b-bbpy27ps5v] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: var(--text);
}

.chat-page-title i[b-bbpy27ps5v] {
    font-size: 20px;
    color: var(--accent);
}

.chat-page-actions[b-bbpy27ps5v] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.chat-new-btn[b-bbpy27ps5v] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 36px;
    padding: 0 15px;
    border: 1px solid var(--border);
    border-radius: 9px;
    background: var(--panel);
    color: var(--text);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 120ms ease;
}

.chat-new-btn:hover:not(:disabled)[b-bbpy27ps5v] {
    background: var(--rowhover);
}

.chat-new-btn:disabled[b-bbpy27ps5v] {
    opacity: 0.6;
    cursor: default;
}

.chat-new-btn i[b-bbpy27ps5v] {
    font-size: 13px;
    color: var(--accent);
}

/* Drawer toggle is hidden until the panes collapse. */
.chat-drawer-toggle[b-bbpy27ps5v] {
    display: none;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid var(--border);
    border-radius: 9px;
    background: var(--panel);
    color: var(--text-2);
    cursor: pointer;
}

/* ---------- Panes ---------- */

.chat-panes[b-bbpy27ps5v] {
    position: relative;
    display: flex;
    gap: 16px;
    flex: 1;
    min-height: 0;
}

.chat-list-slot[b-bbpy27ps5v] {
    display: flex;
    min-height: 0;
}

.conversation-pane[b-bbpy27ps5v] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    min-height: 0;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--panel);
    overflow: hidden;
}

/* ---------- Conversation header ---------- */

.conversation-header[b-bbpy27ps5v] {
    display: flex;
    flex-direction: column;
    gap: 9px;
    flex: 0 0 auto;
    padding: 13px 16px;
    border-bottom: 1px solid var(--border-2);
}

.conversation-title-row[b-bbpy27ps5v] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.conversation-title[b-bbpy27ps5v] {
    flex: 1;
    min-width: 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.conversation-title-input[b-bbpy27ps5v] {
    flex: 1;
    min-width: 0;
    padding: 3px 8px;
    border: 1px solid var(--border);
    border-radius: 7px;
    background: var(--bg);
    color: var(--text);
    font-size: 15px;
    font-weight: 700;
    outline: none;
}

.conversation-title-input:focus[b-bbpy27ps5v] {
    border-color: var(--accent);
}

.conversation-rename-btn[b-bbpy27ps5v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    border: 1px solid var(--border);
    border-radius: 7px;
    background: var(--panel);
    color: var(--text-2);
    font-size: 13px;
    line-height: 1;
    cursor: pointer;
    transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease;
}

.conversation-rename-btn:hover[b-bbpy27ps5v] {
    background: var(--rowhover);
    color: var(--text);
}

.conversation-rename-btn.is-confirm[b-bbpy27ps5v] {
    border-color: var(--accent);
    background: var(--accent);
    color: #fff;
}

.conversation-rename-btn.is-confirm:hover[b-bbpy27ps5v] {
    background: var(--accent);
    color: #fff;
    opacity: 0.9;
}

.conversation-kebab[b-bbpy27ps5v] {
    flex: 0 0 auto;
    padding: 2px;
    border: 0;
    background: transparent;
    color: var(--text-2);
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
}

.conversation-kebab:hover[b-bbpy27ps5v] {
    color: var(--text);
}

/* ---------- Context row ---------- */

.conversation-context-row[b-bbpy27ps5v] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.conversation-context-label[b-bbpy27ps5v] {
    margin-right: 2px;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--text-3);
}

.conversation-add-context[b-bbpy27ps5v] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 24px;
    padding: 0 9px;
    border: 1px dashed var(--border);
    border-radius: 7px;
    background: transparent;
    color: var(--text-2);
    font-size: 11.5px;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 120ms ease, color 120ms ease;
}

.conversation-add-context:hover[b-bbpy27ps5v] {
    border-color: var(--accent);
    color: var(--accent);
}

.conversation-add-context i[b-bbpy27ps5v] {
    font-size: 10px;
}

.context-picker-backdrop[b-bbpy27ps5v] {
    position: fixed;
    inset: 0;
    z-index: 29;
}

.context-picker-anchor[b-bbpy27ps5v] {
    position: absolute;
    top: 32px;
    left: 52px;
    z-index: 30;
    animation: menu-in-b-bbpy27ps5v 120ms ease;
}

/* ---------- Session menu ---------- */

.session-menu-backdrop[b-bbpy27ps5v] {
    position: fixed;
    inset: 0;
    z-index: 34;
}

.session-menu[b-bbpy27ps5v] {
    position: absolute;
    top: 28px;
    right: 0;
    z-index: 35;
    min-width: 170px;
    padding: 5px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--panel);
    box-shadow: 0 12px 34px rgba(10, 12, 20, 0.32);
    animation: menu-in-b-bbpy27ps5v 120ms ease;
}

.session-menu-item[b-bbpy27ps5v] {
    display: flex;
    align-items: center;
    gap: 9px;
    width: 100%;
    padding: 8px 10px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--text);
    font-size: 13px;
    text-align: left;
    cursor: pointer;
    transition: background-color 120ms ease;
}

.session-menu-item i[b-bbpy27ps5v] {
    font-size: 13px;
    color: var(--text-2);
}

.session-menu-item:hover[b-bbpy27ps5v] {
    background: var(--rowhover);
}

.session-menu-item.is-danger[b-bbpy27ps5v],
.session-menu-item.is-danger i[b-bbpy27ps5v] {
    color: #e5484d;
}

.session-menu-item.is-danger:hover[b-bbpy27ps5v] {
    background: color-mix(in srgb, #e5484d 12%, var(--panel));
}

.session-menu-divider[b-bbpy27ps5v] {
    height: 1px;
    margin: 4px 6px;
    background: var(--border-2);
}

@keyframes menu-in-b-bbpy27ps5v {
    from {
        opacity: 0;
        transform: translateY(2px);
    }

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

/* ---------- Responsive: list becomes an overlay drawer ---------- */

.chat-drawer-backdrop[b-bbpy27ps5v] {
    display: none;
}

@media (max-width: 1100px) {
    .chat-drawer-toggle[b-bbpy27ps5v] {
        display: inline-flex;
    }

    .chat-list-slot[b-bbpy27ps5v] {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 40;
        transform: translateX(calc(-100% - 8px));
        transition: transform 160ms ease;
        box-shadow: 0 14px 38px rgba(20, 24, 35, 0.22);
        border-radius: 12px;
    }

    .chat-list-slot.is-open[b-bbpy27ps5v] {
        transform: translateX(0);
    }

    .chat-drawer-backdrop[b-bbpy27ps5v] {
        display: block;
        position: absolute;
        inset: 0;
        z-index: 39;
        background: rgba(10, 12, 20, 0.32);
    }
}
/* /App/UI/Pages/CRM/Companies/CompanyDetail.razor.rz.scp.css */
/* ── Breadcrumb ── */
.co-breadcrumb[b-l2zed6q4po] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12.5px;
    color: var(--text-3);
    margin-bottom: 12px;

    a { display: inline-flex; align-items: center; gap: 5px; color: var(--text-2); text-decoration: none; }
    a:hover[b-l2zed6q4po] { color: var(--accent); }
    i.bi-chevron-right[b-l2zed6q4po] { font-size: 9px; }
}

/* ── Header ── */
.co-header[b-l2zed6q4po] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.co-header-main[b-l2zed6q4po] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

[b-l2zed6q4po] .co-logo {
    width: 52px;
    height: 52px;
    border-radius: 13px;
    flex: 0 0 auto;
    background: var(--accent-bg);
    color: var(--accent);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
}

[b-l2zed6q4po] .co-logo-img {
    object-fit: contain;
    background: var(--panel);
    border: 1px solid var(--border);
}

.co-links[b-l2zed6q4po] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.co-logo-row[b-l2zed6q4po] {
    margin-bottom: .25rem;
}

.co-logo-divider[b-l2zed6q4po] {
    margin: 1rem 0;
    border-color: var(--border-2);
}

.co-name[b-l2zed6q4po] {
    margin: 0;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--text);
}

.co-subtitle[b-l2zed6q4po] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 13.5px;
    color: var(--text-2);
    margin-top: 3px;

    span { display: inline-flex; align-items: center; gap: 5px; }
    i[b-l2zed6q4po] { font-size: 12px; color: var(--text-3); }
}

.co-dot[b-l2zed6q4po] { color: var(--text-3); }

.co-header-actions[b-l2zed6q4po] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}

.co-overflow[b-l2zed6q4po] { position: relative; }
.co-overflow-btn[b-l2zed6q4po] { width: 38px; padding-left: 0; padding-right: 0; }

.co-menu-backdrop[b-l2zed6q4po] { position: fixed; inset: 0; z-index: 1040; }

.co-menu[b-l2zed6q4po] {
    position: absolute;
    top: 42px;
    right: 0;
    z-index: 1041;
    min-width: 190px;
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(20, 24, 35, 0.22);
    padding: 5px;
}

.co-menu-item[b-l2zed6q4po] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px 10px;
    border-radius: 7px;
    font-size: 13px;
    color: var(--text-2);
    cursor: pointer;

    i { font-size: 13px; }
    &:hover[b-l2zed6q4po] { background: var(--rowhover); color: var(--text); }
    &.is-danger[b-l2zed6q4po] { color: var(--danger); }
    &.is-danger:hover[b-l2zed6q4po] { background: color-mix(in srgb, var(--danger) 10%, var(--panel)); color: var(--danger); }
}

/* ── Tabs (icons in labels) ── */
.nav-tabs .nav-link i[b-l2zed6q4po] { font-size: 13px; }

/* ── Company Details grid ── */
.co-grid[b-l2zed6q4po] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 32px;
}

.co-grid .tiq-kv-label[b-l2zed6q4po] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;

    i { font-size: 13px; color: var(--text-3); width: 15px; }
}

.co-grid .tiq-kv-value[b-l2zed6q4po] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

/* ── Summary rail ── */
.co-sum[b-l2zed6q4po] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 0;
    border-bottom: 1px solid var(--border-2);
}

.co-sum:last-child[b-l2zed6q4po] { border-bottom: none; }
.co-sum .tiq-kv-label[b-l2zed6q4po] { font-size: 12.5px; }
.co-sum .tiq-kv-value[b-l2zed6q4po] { font-size: 12.5px; }
/* /App/UI/Pages/CRM/Companies/CompanyIndex.razor.rz.scp.css */
/* ── Row-preview drawer ── */
.preview-backdrop[b-peoalr2nn0] {
    position: fixed;
    inset: 0;
    top: var(--topbar-height, 56px);
    background: rgba(15, 17, 22, 0.35);
    z-index: 1029;
    animation: previewFade-b-peoalr2nn0 0.15s ease;
}

.preview-panel[b-peoalr2nn0] {
    position: fixed;
    top: var(--topbar-height, 56px);
    right: 0;
    bottom: 0;
    width: 480px;
    max-width: 100%;
    background: var(--panel);
    border-left: 1px solid var(--border);
    box-shadow: -16px 0 44px rgba(20, 24, 35, 0.22);
    z-index: 1030;
    display: flex;
    flex-direction: column;
    animation: slideInRight-b-peoalr2nn0 0.2s ease;
    outline: none;
    transition: width 0.2s ease;
}

.preview-panel-expanded[b-peoalr2nn0] {
    width: 100%;
}

.preview-header[b-peoalr2nn0] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    padding: 14px 18px;
    flex-shrink: 0;
}

.preview-icon-btn[b-peoalr2nn0] {
    border: none;
    background: transparent;
    color: var(--text-2);
    font-size: 15px;
    line-height: 1;
    padding: 2px;
    cursor: pointer;
}

.preview-icon-btn:hover[b-peoalr2nn0] {
    color: var(--text);
}

.preview-body[b-peoalr2nn0] {
    flex: 1;
    overflow-y: auto;
    padding: 0 24px 20px;
}

.preview-content[b-peoalr2nn0] {
    max-width: 100%;
}

.preview-panel-expanded .preview-content[b-peoalr2nn0] {
    max-width: 720px;
    margin: 0 auto;
}

.preview-hero[b-peoalr2nn0] {
    margin-bottom: 18px;
}

.preview-name[b-peoalr2nn0] {
    font-size: 20px;
    font-weight: 700;
    color: var(--text);
    margin-top: 12px;
}

.preview-subtitle[b-peoalr2nn0] {
    font-size: 13.5px;
    color: var(--text-2);
    margin-top: 2px;
}

.preview-primary[b-peoalr2nn0] {
    color: var(--text-3);
    font-weight: 500;
}

.preview-section-label[b-peoalr2nn0] {
    display: flex;
    align-items: center;
    margin: 22px 0 6px;
}

.preview-stats[b-peoalr2nn0] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-bottom: 4px;
}

.preview-stat[b-peoalr2nn0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 10px 6px;
    border: 1px solid var(--border-2);
    border-radius: 10px;
    background: var(--bg);
    font-size: 12px;
}

.preview-stat-value[b-peoalr2nn0] {
    font-size: 18px;
    font-weight: 700;
    color: var(--text);
    font-variant-numeric: tabular-nums;
}

.preview-row[b-peoalr2nn0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 0;
    border-bottom: 1px solid var(--border-2);
    font-size: 12.5px;
}

.preview-row-title[b-peoalr2nn0] {
    display: block;
    font-weight: 600;
    color: var(--text);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.preview-row-title:hover[b-peoalr2nn0] {
    color: var(--accent);
}

.preview-row-sub[b-peoalr2nn0],
.preview-row-meta[b-peoalr2nn0] {
    color: var(--text-2);
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.preview-row-meta[b-peoalr2nn0] {
    flex-shrink: 0;
}

.preview-more[b-peoalr2nn0] {
    display: inline-block;
    margin-top: 8px;
    font-size: 12.5px;
    font-weight: 600;
    text-decoration: none;
}

.preview-muted[b-peoalr2nn0] {
    padding: 9px 0;
    font-size: 12.5px;
    color: var(--text-3);
}

.preview-notes[b-peoalr2nn0] {
    font-size: 12.5px;
    color: var(--text-2);
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 220px;
    overflow-y: auto;
}

.preview-notes[b-peoalr2nn0] {
    white-space: normal;
}

.preview-notes[b-peoalr2nn0]  p:last-child {
    margin-bottom: 0;
}

.preview-footer[b-peoalr2nn0] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 20px;
    border-top: 1px solid var(--border-2);
    flex-shrink: 0;
}

@keyframes slideInRight-b-peoalr2nn0 {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}

@keyframes previewFade-b-peoalr2nn0 {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media (max-width: 991.98px) {
    .preview-panel[b-peoalr2nn0] { top: 0; width: 100%; height: 100vh; border-left: none; z-index: 1050; }
    .preview-backdrop[b-peoalr2nn0] { top: 0; z-index: 1049; }
}
/* /App/UI/Pages/CRM/Contacts/ContactDetail.razor.rz.scp.css */
/* ── Breadcrumb ── */
.cd-breadcrumb[b-45e53jzmqy] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12.5px;
    color: var(--text-3);
    margin-bottom: 12px;

    a { display: inline-flex; align-items: center; gap: 5px; color: var(--text-2); text-decoration: none; }
    a:hover[b-45e53jzmqy] { color: var(--accent); }
    i.bi-chevron-right[b-45e53jzmqy] { font-size: 9px; }
}

/* ── Header ── */
.cd-header[b-45e53jzmqy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.cd-header-main[b-45e53jzmqy] {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.cd-name[b-45e53jzmqy] {
    margin: 0;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--text);
}

.cd-subtitle[b-45e53jzmqy] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 14px;
    color: var(--text-2);
    margin-top: 4px;
}

.cd-dot[b-45e53jzmqy] { color: var(--text-3); }

.cd-header-actions[b-45e53jzmqy] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}

.cd-overflow[b-45e53jzmqy] { position: relative; }
.cd-overflow-btn[b-45e53jzmqy] { width: 38px; padding-left: 0; padding-right: 0; }

.cd-menu-backdrop[b-45e53jzmqy] { position: fixed; inset: 0; z-index: 1040; }

.cd-menu[b-45e53jzmqy] {
    position: absolute;
    top: 42px;
    right: 0;
    z-index: 1041;
    min-width: 180px;
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(20, 24, 35, 0.22);
    padding: 5px;
}

.cd-menu-item[b-45e53jzmqy] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px 10px;
    border-radius: 7px;
    font-size: 13px;
    color: var(--text-2);
    cursor: pointer;

    i { font-size: 13px; }
    &:hover[b-45e53jzmqy] { background: var(--rowhover); color: var(--text); }
    &.is-danger[b-45e53jzmqy] { color: var(--danger); }
    &.is-danger:hover[b-45e53jzmqy] { background: color-mix(in srgb, var(--danger) 10%, var(--panel)); color: var(--danger); }
}

/* Slightly taller section headers */
.card-header[b-45e53jzmqy] {
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
}

.card-header h6[b-45e53jzmqy] {
    font-size: 14px;
    font-weight: 700;
}

/* ── Contact Details grid ── */
.cd-grid[b-45e53jzmqy] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 32px;
}

.cd-grid .tiq-kv-label[b-45e53jzmqy] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;

    i { font-size: 13px; color: var(--text-3); width: 15px; }
}

.cd-grid .tiq-kv-value[b-45e53jzmqy] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.cd-notes[b-45e53jzmqy] { padding: 13px 0 2px; }
.cd-notes-label[b-45e53jzmqy] { font-size: 12px; color: var(--text-3); font-weight: 600; margin-bottom: 5px; }
.cd-notes > div:last-child[b-45e53jzmqy] { font-size: 13px; color: var(--text-2); }

.cd-add[b-45e53jzmqy] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--accent);
    cursor: pointer;
}

/* ── Phones / Emails / Companies read rows (icon tile + two lines) ── */
.cd-row[b-45e53jzmqy] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 0;
}

.cd-row-icon[b-45e53jzmqy] {
    width: 34px;
    height: 34px;
    border-radius: 9px;
    flex: 0 0 auto;
    background: var(--chip);
    color: var(--text-2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.cd-row-main[b-45e53jzmqy] { flex: 1; min-width: 0; }

.cd-row-value[b-45e53jzmqy] {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    a { color: var(--accent); text-decoration: none; }
}

.cd-row-value.is-accent[b-45e53jzmqy] { color: var(--accent); }
.cd-row-value.is-accent a[b-45e53jzmqy] { color: var(--accent); }

.cd-row-sub[b-45e53jzmqy] { font-size: 11.5px; color: var(--text-3); margin-top: 1px; }

.cd-row-badge[b-45e53jzmqy] {
    flex: 0 0 auto;
    font-size: 10.5px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 20px;
    background: var(--accent-bg);
    color: var(--accent);
}

.cd-row-badge.is-current[b-45e53jzmqy] {
    background: color-mix(in srgb, var(--ok) 16%, var(--card-bg));
    color: var(--ok);
    padding: 1px 7px;
    font-size: 10px;
}

.cd-empty[b-45e53jzmqy] { font-size: 13px; color: var(--text-3); font-style: italic; }

/* ── Quick Actions (full-width stacked, accent icon, left-aligned) ── */
.cd-qa[b-45e53jzmqy] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.cd-qa .btn[b-45e53jzmqy] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    height: 38px;
    font-size: 13px;
    font-weight: 600;

    i { font-size: 14px; color: var(--accent); }
}

/* ── Edit-modal collection editors ── */
.cd-editor[b-45e53jzmqy] {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid var(--border-2);
}

.cd-editor-title[b-45e53jzmqy] {
    font-size: 13px;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 10px;
}

.cd-editor-row[b-45e53jzmqy] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    flex-wrap: nowrap;
}

/* the value input flexes to fill; type/ext/actions keep their fixed widths */
.cd-editor-row > input[type="tel"][b-45e53jzmqy],
.cd-editor-row > input[type="email"][b-45e53jzmqy] {
    flex: 1 1 auto;
    min-width: 0;
}

.cd-editor-row > .form-check[b-45e53jzmqy] {
    flex: 0 0 auto;
    white-space: nowrap;
}

.cd-editor-row > .btn[b-45e53jzmqy] {
    flex: 0 0 auto;
}

/* ── Right rail ── */
.cd-sum[b-45e53jzmqy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 0;
    border-bottom: 1px solid var(--border-2);
}

.cd-sum:last-child[b-45e53jzmqy] { border-bottom: none; }
.cd-sum .tiq-kv-label[b-45e53jzmqy] { font-size: 12.5px; }
.cd-sum .tiq-kv-value[b-45e53jzmqy] { font-size: 12.5px; }
/* /App/UI/Pages/CRM/Contacts/ContactIndex.razor.rz.scp.css */
/* ── Row-preview drawer ── */
.preview-backdrop[b-firztce4h7] {
    position: fixed;
    inset: 0;
    top: var(--topbar-height, 56px);
    background: rgba(15, 17, 22, 0.35);
    z-index: 1029;
    animation: previewFade-b-firztce4h7 0.15s ease;
}

.preview-panel[b-firztce4h7] {
    position: fixed;
    top: var(--topbar-height, 56px);
    right: 0;
    bottom: 0;
    width: 480px;
    max-width: 100%;
    background: var(--panel);
    border-left: 1px solid var(--border);
    box-shadow: -16px 0 44px rgba(20, 24, 35, 0.22);
    z-index: 1030;
    display: flex;
    flex-direction: column;
    animation: slideInRight-b-firztce4h7 0.2s ease;
    outline: none;
    transition: width 0.2s ease;
}

.preview-panel-expanded[b-firztce4h7] {
    width: 100%;
}

.preview-header[b-firztce4h7] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    padding: 14px 18px;
    flex-shrink: 0;
}

.preview-icon-btn[b-firztce4h7] {
    border: none;
    background: transparent;
    color: var(--text-2);
    font-size: 15px;
    line-height: 1;
    padding: 2px;
    cursor: pointer;
}

.preview-icon-btn:hover[b-firztce4h7] {
    color: var(--text);
}

.preview-body[b-firztce4h7] {
    flex: 1;
    overflow-y: auto;
    padding: 0 24px 20px;
}

.preview-content[b-firztce4h7] {
    max-width: 100%;
}

.preview-panel-expanded .preview-content[b-firztce4h7] {
    max-width: 720px;
    margin: 0 auto;
}

.preview-hero[b-firztce4h7] {
    margin-bottom: 18px;
}

.preview-name[b-firztce4h7] {
    font-size: 20px;
    font-weight: 700;
    color: var(--text);
    margin-top: 12px;
}

.preview-subtitle[b-firztce4h7] {
    font-size: 13.5px;
    color: var(--text-2);
    margin-top: 2px;
}

.preview-primary[b-firztce4h7] {
    color: var(--text-3);
    font-weight: 500;
}

.preview-section-label[b-firztce4h7] {
    display: flex;
    align-items: center;
    margin: 22px 0 6px;
}

.preview-stats[b-firztce4h7] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-bottom: 4px;
}

.preview-stat[b-firztce4h7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 10px 6px;
    border: 1px solid var(--border-2);
    border-radius: 10px;
    background: var(--bg);
    font-size: 12px;
}

.preview-stat-value[b-firztce4h7] {
    font-size: 18px;
    font-weight: 700;
    color: var(--text);
    font-variant-numeric: tabular-nums;
}

.preview-row[b-firztce4h7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 0;
    border-bottom: 1px solid var(--border-2);
    font-size: 12.5px;
}

.preview-row-title[b-firztce4h7] {
    display: block;
    font-weight: 600;
    color: var(--text);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.preview-row-title:hover[b-firztce4h7] {
    color: var(--accent);
}

.preview-row-sub[b-firztce4h7],
.preview-row-meta[b-firztce4h7] {
    color: var(--text-2);
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.preview-row-meta[b-firztce4h7] {
    flex-shrink: 0;
}

.preview-more[b-firztce4h7] {
    display: inline-block;
    margin-top: 8px;
    font-size: 12.5px;
    font-weight: 600;
    text-decoration: none;
}

.preview-muted[b-firztce4h7] {
    padding: 9px 0;
    font-size: 12.5px;
    color: var(--text-3);
}

.preview-notes[b-firztce4h7] {
    font-size: 12.5px;
    color: var(--text-2);
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 220px;
    overflow-y: auto;
}

.preview-footer[b-firztce4h7] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 20px;
    border-top: 1px solid var(--border-2);
    flex-shrink: 0;
}

@keyframes slideInRight-b-firztce4h7 {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}

@keyframes previewFade-b-firztce4h7 {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media (max-width: 991.98px) {
    .preview-panel[b-firztce4h7] { top: 0; width: 100%; height: 100vh; border-left: none; z-index: 1050; }
    .preview-backdrop[b-firztce4h7] { top: 0; z-index: 1049; }
}
/* /App/UI/Pages/CRM/Deals/DealDetail.razor.rz.scp.css */
/* ── Breadcrumb ── */
.ld-breadcrumb[b-p42w2m2lwr] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12.5px;
    color: var(--text-3);
    margin-bottom: 12px;

    a {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        color: var(--text-2);
        text-decoration: none;
    }
    a:hover[b-p42w2m2lwr] { color: var(--accent); }
    i.bi-chevron-right[b-p42w2m2lwr] { font-size: 9px; }
}

/* ── Header ── */
.ld-header[b-p42w2m2lwr] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.ld-header-main[b-p42w2m2lwr] {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    min-width: 0;
}

.ld-avatar[b-p42w2m2lwr] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
}

.ld-name[b-p42w2m2lwr] {
    margin: 0;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--text);
}

.ld-subtitle[b-p42w2m2lwr] {
    font-size: 14px;
    color: var(--text-2);
    margin-top: 5px;
}

.ld-tags[b-p42w2m2lwr] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.ld-tag-x[b-p42w2m2lwr] {
    font-size: 12px;
    color: var(--text-3);
    cursor: pointer;
    margin-left: 2px;
}

.ld-tag-add[b-p42w2m2lwr] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11.5px;
    font-weight: 500;
    padding: 2px 9px;
    border-radius: 20px;
    border: 1px dashed var(--border);
    color: var(--text-3);
    cursor: pointer;
}

.ld-tag-add:hover[b-p42w2m2lwr] { border-color: var(--accent); color: var(--accent); }

.ld-tag-input[b-p42w2m2lwr] {
    position: relative;

    input { width: 150px; height: 30px; }
}

.ld-header-actions[b-p42w2m2lwr] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}

/* Overflow menu */
.ld-overflow[b-p42w2m2lwr] { position: relative; }
.ld-overflow-btn[b-p42w2m2lwr] { width: 38px; padding-left: 0; padding-right: 0; }

.ld-menu-backdrop[b-p42w2m2lwr] {
    position: fixed;
    inset: 0;
    z-index: 1040;
}

.ld-menu[b-p42w2m2lwr] {
    position: absolute;
    top: 42px;
    right: 0;
    z-index: 1041;
    min-width: 180px;
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(20, 24, 35, 0.22);
    padding: 5px;
}

.ld-menu-item[b-p42w2m2lwr] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px 10px;
    border-radius: 7px;
    font-size: 13px;
    color: var(--text-2);
    cursor: pointer;

    i { font-size: 13px; }
    &:hover[b-p42w2m2lwr] { background: var(--rowhover); color: var(--text); }
    &.is-danger[b-p42w2m2lwr] { color: var(--danger); }
    &.is-danger:hover[b-p42w2m2lwr] { background: color-mix(in srgb, var(--danger) 10%, var(--panel)); color: var(--danger); }
}

.ld-menu-divider[b-p42w2m2lwr] {
    height: 1px;
    background: var(--border-2);
    margin: 4px 6px;
}

/* ── Next Action hero ── */
.ld-hero[b-p42w2m2lwr] {
    border: 1px solid var(--accent);
    border-radius: 14px;
    padding: 15px 18px;
    background: var(--accent-bg);
    margin-bottom: 16px;
}

.ld-hero-top[b-p42w2m2lwr] {
    display: flex;
    align-items: center;
    gap: 13px;
}

.ld-hero-icon[b-p42w2m2lwr] {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    flex: 0 0 auto;
    background: var(--accent);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
}

.ld-hero-summary[b-p42w2m2lwr] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text);
    margin-top: 2px;
}

.ld-hero-right[b-p42w2m2lwr] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex: 0 0 auto;
}

.ld-hero-due[b-p42w2m2lwr] { text-align: right; }

.ld-hero-due-val[b-p42w2m2lwr] {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--text);
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: flex-end;
    margin-top: 1px;

    &.is-overdue { color: var(--danger); }
    i[b-p42w2m2lwr] { font-size: 12px; }
}

.ld-hero-body[b-p42w2m2lwr] {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid color-mix(in srgb, var(--accent) 22%, transparent);
}

.ld-hero-preview[b-p42w2m2lwr] {
    font-size: 13px;
    color: var(--text-2);
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ld-hero-toggle[b-p42w2m2lwr] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 600;
    color: var(--accent);
    cursor: pointer;
    margin-top: 8px;
}

/* ── Deal Details key/value ── */
.ld-kv-grid[b-p42w2m2lwr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 32px;
}

.ld-kv[b-p42w2m2lwr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 0;
    border-bottom: 1px solid var(--border-2);
}

.ld-kv-label[b-p42w2m2lwr] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--text-2);

    i { font-size: 13px; color: var(--text-3); width: 15px; }
}

.ld-kv-value[b-p42w2m2lwr] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
    text-align: right;
}

.ld-notes[b-p42w2m2lwr] { padding: 13px 0 2px; }
.ld-notes-label[b-p42w2m2lwr] { font-size: 12px; color: var(--text-3); font-weight: 600; margin-bottom: 5px; }
.ld-notes > div:last-child[b-p42w2m2lwr] { font-size: 13px; color: var(--text-2); }

/* ── Interactions timeline ── */
.ld-ix-form[b-p42w2m2lwr] {
    background: var(--bg);
    border: 1px solid var(--border-2);
    border-radius: 10px;
    padding: 12px;
    margin-bottom: 12px;
}

.ld-tl-item[b-p42w2m2lwr] {
    display: flex;
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid var(--border-2);
}

.ld-tl-item:last-child[b-p42w2m2lwr] { border-bottom: none; }

.ld-tl-rail[b-p42w2m2lwr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 auto;
}

.ld-tl-dot[b-p42w2m2lwr] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    background: color-mix(in srgb, var(--pill-color, var(--text-2)) 15%, var(--card-bg));
    color: var(--pill-color, var(--text-2));
}

.ld-tl-line[b-p42w2m2lwr] { flex: 1; width: 2px; background: var(--border-2); margin-top: 6px; }
.ld-tl-item:last-child .ld-tl-line[b-p42w2m2lwr] { display: none; }

.ld-tl-type[b-p42w2m2lwr] { font-size: 12.5px; font-weight: 700; color: var(--text); }
.ld-tl-dir[b-p42w2m2lwr] { font-size: 10.5px; font-weight: 600; color: var(--text-3); text-transform: uppercase; letter-spacing: 0.04em; }

.ld-tl-move[b-p42w2m2lwr] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 10.5px;
    color: var(--text-3);

    i.bi-arrow-right-circle { font-size: 11px; }
    i.bi-arrow-right[b-p42w2m2lwr] { font-size: 9px; }
}

/* Marks an interaction the user excluded from AI prompts. Muted on purpose — it is a quiet
   "the AI won't see this" hint, not a status the eye should land on first. */
.ld-tl-noai[b-p42w2m2lwr] {
    color: var(--text-3);
    background: var(--surface-2, rgba(128, 128, 128, 0.12));
    border: 1px dashed var(--border-2);
    gap: 4px;
}
.ld-tl-noai i.bi-robot[b-p42w2m2lwr] { font-size: 10.5px; }

.ld-tl-edit[b-p42w2m2lwr] { font-size: 12px; color: var(--text-3); cursor: pointer; }
.ld-tl-edit:hover[b-p42w2m2lwr] { color: var(--accent); }
.ld-tl-del[b-p42w2m2lwr] { font-size: 12px; color: var(--text-3); cursor: pointer; }
.ld-tl-del:hover[b-p42w2m2lwr] { color: var(--bs-danger, #dc3545); }
.ld-tl-time[b-p42w2m2lwr] { font-size: 11.5px; color: var(--text-3); white-space: nowrap; }

.ld-tl-body[b-p42w2m2lwr] { font-size: 13px; color: var(--text-2); line-height: 1.5; margin-top: 5px; }
.ld-tl-more[b-p42w2m2lwr] { font-size: 12px; font-weight: 600; color: var(--accent); cursor: pointer; display: inline-block; margin-top: 4px; }

.ld-tl-note[b-p42w2m2lwr] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--text-3);
    margin-top: 6px;
    background: var(--col-bg);
    padding: 4px 10px;
    border-radius: 7px;

    i { font-size: 11px; }
}

/* ── Right rail ── */
.ld-contact-name[b-p42w2m2lwr] { font-size: 15px; font-weight: 700; color: var(--text); }
.ld-contact-title[b-p42w2m2lwr] { font-size: 12.5px; color: var(--text-2); margin-top: 2px; }

.ld-primary-badge[b-p42w2m2lwr] {
    font-size: 9.5px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    vertical-align: middle;
    margin-left: 6px;
}

/* ── Contacts card: everyone who is not the primary ── */
.ld-roster[b-p42w2m2lwr] {
    list-style: none;
    margin: 0;
    padding: 12px 0 0;
    border-top: 1px solid var(--border);
}

.ld-roster-item[b-p42w2m2lwr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 6px 0;
}

.ld-roster-name[b-p42w2m2lwr] {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--text);
    text-decoration: none;

    &:hover { text-decoration: underline; }
}

.ld-roster-meta[b-p42w2m2lwr] { font-size: 11.5px; color: var(--text-2); margin-top: 1px; }

.ld-roster-actions[b-p42w2m2lwr] {
    display: flex;
    flex: 0 0 auto;

    .btn { padding: 2px 6px; }
}

.ld-roster-add[b-p42w2m2lwr] {
    padding-top: 12px;
    border-top: 1px solid var(--border);
}

.ld-contact-lines[b-p42w2m2lwr] {
    display: flex;
    flex-direction: column;
    gap: 11px;
    margin-top: 16px;
}

.ld-contact-line[b-p42w2m2lwr] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12.5px;
    color: var(--text-2);

    i { font-size: 13px; color: var(--text-3); width: 16px; }
    a[b-p42w2m2lwr] { color: var(--accent); font-weight: 500; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}

.ld-sum[b-p42w2m2lwr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 0;
    border-bottom: 1px solid var(--border-2);
}

.ld-sum:last-child[b-p42w2m2lwr] { border-bottom: none; }
.ld-sum .ld-kv-label[b-p42w2m2lwr] { font-size: 12.5px; }
.ld-sum .ld-kv-value[b-p42w2m2lwr] { font-size: 12.5px; }

/* ── Email: thread-grouped view and inline email metadata ─────────────────────
   Reuses the timeline's tokens (--pill-color tints, ld-tl-body, ld-tl-time) so
   email reads as part of the same surface rather than a bolted-on panel. */

.ld-em-bar[b-p42w2m2lwr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding: 10px 12px;
    margin-bottom: 12px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--chip);
}

.ld-em-status[b-p42w2m2lwr] {
    display: inline-flex;
    align-items: center;
    font-size: 12.5px;
    color: var(--text-2);
    min-width: 0;
}

.ld-em-threads[b-p42w2m2lwr] { display: flex; flex-direction: column; gap: 10px; }

.ld-em-thread[b-p42w2m2lwr] {
    border: 1px solid var(--border);
    border-radius: 8px;
    overflow: hidden;
}

.ld-em-thread-head[b-p42w2m2lwr] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    cursor: pointer;
    background: var(--card-bg);
}

.ld-em-thread-head:hover[b-p42w2m2lwr] { background: var(--rowhover); }

.ld-em-chevron[b-p42w2m2lwr] { font-size: 10px; color: var(--text-3); flex-shrink: 0; }

.ld-em-subject[b-p42w2m2lwr] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
    /* Subjects run long; the row must not push the timestamp off the card. */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    flex: 1 1 auto;
}

.ld-em-thread-time[b-p42w2m2lwr] { font-size: 11.5px; color: var(--text-3); white-space: nowrap; flex-shrink: 0; }

.ld-em-messages[b-p42w2m2lwr] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
    border-top: 1px solid var(--border);
    background: var(--col-bg);
}

.ld-em-msg[b-p42w2m2lwr] { min-width: 0; }

.ld-em-msg-head[b-p42w2m2lwr] { display: flex; align-items: flex-start; gap: 10px; }

/* Smaller than the timeline rail dot — inside a thread the direction is a
   secondary signal, not the primary structure. */
.ld-em-dot[b-p42w2m2lwr] { width: 24px; height: 24px; font-size: 11px; flex-shrink: 0; }

.ld-em-participants[b-p42w2m2lwr] {
    font-size: 11.5px;
    color: var(--text-3);
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ld-em-open[b-p42w2m2lwr] { font-size: 11.5px; font-weight: 600; color: var(--accent); text-decoration: none; white-space: nowrap; }
.ld-em-open:hover[b-p42w2m2lwr] { text-decoration: underline; }

.ld-em-clip[b-p42w2m2lwr] { font-size: 11.5px; color: var(--text-3); }

.ld-em-inline-subject[b-p42w2m2lwr] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--text);
    margin-top: 4px;
}

.ld-tl-attach[b-p42w2m2lwr] {
    margin-top: 8px;
}

/* ── Next meeting card (below the Next Action hero) ── */
.ld-nextmtg[b-p42w2m2lwr] {
    display: flex;
    align-items: center;
    gap: 13px;
    border: 1px solid var(--border-2);
    border-radius: 14px;
    padding: 13px 16px;
    margin-bottom: 16px;
    background: var(--card-bg);
}

.ld-nextmtg-icon[b-p42w2m2lwr] {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    flex: 0 0 auto;
    background: color-mix(in srgb, var(--accent) 15%, var(--card-bg));
    color: var(--accent);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
}

.ld-nextmtg-title[b-p42w2m2lwr] { font-size: 15px; font-weight: 700; color: var(--text); margin-top: 2px; }

.ld-nextmtg-meta[b-p42w2m2lwr] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 14px;
    font-size: 12px;
    color: var(--text-3);
    margin-top: 3px;
}

.ld-nextmtg-actions[b-p42w2m2lwr] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}

/* The meeting timeline dot reuses the shared dot mechanism, tinted with the accent. */
.ld-tl-meeting[b-p42w2m2lwr] { --pill-color: var(--accent); }

/* ── Bulk selection ── */
.ld-bulk-bar[b-p42w2m2lwr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 12px;
    margin-bottom: 14px;
    border: 1px solid var(--accent);
    border-radius: 10px;
    background: var(--accent-bg);
}

/* The per-row select checkbox sits at the left of a timeline item, vertically centred on the dot. */
.ld-tl-check[b-p42w2m2lwr] {
    flex: 0 0 auto;
    align-self: flex-start;
    margin-top: 8px;
    cursor: pointer;
}

/* In the email conversation view the row is more compact, so centre it there. */
.ld-em-msg-head .ld-tl-check[b-p42w2m2lwr] {
    align-self: center;
    margin-top: 0;
}

/* ── Loading skeletons (each part shows one until its own data lands) ── */
.ld-skeleton-bar[b-p42w2m2lwr] {
    display: block;
    height: 12px;
    border-radius: 6px;
    margin-bottom: 8px;
}

.ld-skeleton-bar-sm[b-p42w2m2lwr] {
    height: 9px;
}

.ld-skeleton-title[b-p42w2m2lwr] {
    display: block;
    height: 22px;
    border-radius: 6px;
    margin-bottom: 10px;
}

.ld-skeleton-row[b-p42w2m2lwr] {
    display: flex;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid var(--border);
}

.ld-skeleton-row:last-child[b-p42w2m2lwr] {
    border-bottom: none;
}

.ld-skeleton-dot[b-p42w2m2lwr] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    flex: 0 0 auto;
}

.ld-skeleton-avatar[b-p42w2m2lwr] {
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.ld-load-failed[b-p42w2m2lwr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    color: var(--bs-danger);
}

.ld-refreshing[b-p42w2m2lwr] {
    width: 14px;
    height: 14px;
    border-width: 2px;
    margin-left: 6px;
    opacity: 0.7;
}
/* /App/UI/Pages/CRM/Events/EventDetail.razor.rz.scp.css */
/* ── Breadcrumb ── */
.ed-breadcrumb[b-psvhzh24qa] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12.5px;
    color: var(--text-3);
    margin-bottom: 12px;

    a { display: inline-flex; align-items: center; gap: 5px; color: var(--text-2); text-decoration: none; }
    a:hover[b-psvhzh24qa] { color: var(--accent); }
    i.bi-chevron-right[b-psvhzh24qa] { font-size: 9px; }
}

/* ── Header ── */
.ed-header[b-psvhzh24qa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.ed-header-main[b-psvhzh24qa] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

/* Calendar-page date tile — same footprint as the company logo / contact avatar */
.ed-date-tile[b-psvhzh24qa] {
    width: 52px;
    height: 52px;
    border-radius: 13px;
    flex: 0 0 auto;
    background: var(--accent-bg);
    color: var(--accent);
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.ed-date-month[b-psvhzh24qa] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    opacity: .85;
}

.ed-date-day[b-psvhzh24qa] {
    font-size: 20px;
    font-weight: 700;
    margin-top: 2px;
}

.ed-name[b-psvhzh24qa] {
    margin: 0;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--text);
}

.ed-subtitle[b-psvhzh24qa] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 13.5px;
    color: var(--text-2);
    margin-top: 4px;

    span { display: inline-flex; align-items: center; gap: 5px; }
    i[b-psvhzh24qa] { font-size: 12px; color: var(--text-3); }
}

.ed-dot[b-psvhzh24qa] { color: var(--text-3); }

.ed-campaign-dot[b-psvhzh24qa] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}

.ed-header-actions[b-psvhzh24qa] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}

.ed-overflow[b-psvhzh24qa] { position: relative; }
.ed-overflow-btn[b-psvhzh24qa] { width: 38px; padding-left: 0; padding-right: 0; }

.ed-menu-backdrop[b-psvhzh24qa] { position: fixed; inset: 0; z-index: 1040; }

.ed-menu[b-psvhzh24qa] {
    position: absolute;
    top: 42px;
    right: 0;
    z-index: 1041;
    min-width: 180px;
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(20, 24, 35, 0.22);
    padding: 5px;
}

.ed-menu-item[b-psvhzh24qa] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px 10px;
    border-radius: 7px;
    font-size: 13px;
    color: var(--text-2);
    cursor: pointer;

    i { font-size: 13px; }
    &:hover[b-psvhzh24qa] { background: var(--rowhover); color: var(--text); }
    &.is-danger[b-psvhzh24qa] { color: var(--danger); }
    &.is-danger:hover[b-psvhzh24qa] { background: color-mix(in srgb, var(--danger) 10%, var(--panel)); color: var(--danger); }
}

/* Slightly taller section headers — matches contact/company detail */
.card-header[b-psvhzh24qa] {
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
}

.card-header h6[b-psvhzh24qa] {
    font-size: 14px;
    font-weight: 700;
}

/* ── Event Details grid ── */
.ed-grid[b-psvhzh24qa] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 32px;
}

.ed-grid .tiq-kv-label[b-psvhzh24qa] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;

    i { font-size: 13px; color: var(--text-3); width: 15px; }
}

.ed-grid .tiq-kv-value[b-psvhzh24qa] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

/* ── Goal / Description ── */
.ed-longtext[b-psvhzh24qa] {
    font-size: 13px;
    color: var(--text-2);
    white-space: pre-wrap;
}

.ed-empty[b-psvhzh24qa] { font-size: 13px; color: var(--text-3); font-style: italic; }

/* ── Right rail ── */
.ed-timing-number[b-psvhzh24qa] {
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    color: var(--text);
}

.ed-sum[b-psvhzh24qa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 0;
    border-bottom: 1px solid var(--border-2);
}

.ed-sum:last-child[b-psvhzh24qa] { border-bottom: none; }
.ed-sum .tiq-kv-label[b-psvhzh24qa] { font-size: 12.5px; flex: 0 0 auto; }
.ed-sum .tiq-kv-value[b-psvhzh24qa] { font-size: 12.5px; text-align: right; min-width: 0; }
/* /App/UI/Pages/CRM/Interactions/InteractionIndex.razor.rz.scp.css */
.ix-heading[b-c4cab5yqqy] {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--text);
}

/* ── Filter header ── */
.ix-filter-panel[b-c4cab5yqqy] {
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 12px;
    margin-bottom: 16px;
}

.ix-filter-row[b-c4cab5yqqy] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    flex-wrap: wrap;
}

.ix-search[b-c4cab5yqqy] {
    min-width: 240px;
}

.ix-filters-btn[b-c4cab5yqqy] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 38px;
    padding: 0 14px;
    border: 1px solid var(--border);
    border-radius: 9px;
    background: var(--panel);
    color: var(--text-2);
    font-size: 13.5px;
    font-weight: 600;
    cursor: pointer;
}

.ix-filters-btn:hover[b-c4cab5yqqy] { color: var(--text); }

.ix-filters-btn.is-open[b-c4cab5yqqy] {
    border-color: var(--accent);
    background: var(--accent-bg);
    color: var(--accent);
}

.ix-count[b-c4cab5yqqy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 20px;
    background: var(--accent);
    color: #fff;
    font-size: 10.5px;
    font-weight: 700;
}

.ix-divider[b-c4cab5yqqy] {
    width: 1px;
    height: 24px;
    background: var(--border);
}

.ix-ctrl-label[b-c4cab5yqqy] {
    font-size: 12.5px;
    color: var(--text-3);
}

.ix-select[b-c4cab5yqqy] {
    width: auto;
    background-color: var(--bg);
}

/* Results bar */
.ix-results-bar[b-c4cab5yqqy] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 14px 12px;
    flex-wrap: wrap;
}

.ix-results-text[b-c4cab5yqqy] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    color: var(--text-2);

    i { color: var(--accent); font-size: 12px; }
    b[b-c4cab5yqqy] { color: var(--text); }
}

.ix-q[b-c4cab5yqqy] { color: var(--accent); font-weight: 600; }

.ix-clear[b-c4cab5yqqy] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-3);
    cursor: pointer;

    i { font-size: 10px; }
    &:hover[b-c4cab5yqqy] { color: var(--text); }
}

/* Active chips */
.ix-chips-row[b-c4cab5yqqy] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    padding: 0 14px 12px;
}

.ix-active-label[b-c4cab5yqqy] {
    font-size: 11.5px;
    color: var(--text-3);
    font-weight: 600;
}

.ix-active-chip[b-c4cab5yqqy] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    padding: 3px 8px 3px 10px;
    border-radius: 20px;
    background: var(--accent-bg);
    color: var(--accent);

    i.bi-x { font-size: 13px; cursor: pointer; opacity: 0.85; }
    i.bi-x:hover[b-c4cab5yqqy] { opacity: 1; }
    i:not(.bi-x)[b-c4cab5yqqy] { font-size: 11px; }
}

.ix-clear-all[b-c4cab5yqqy],
.ix-clear-all:hover[b-c4cab5yqqy] {
    font-size: 12px;
    font-weight: 600;
    color: var(--text-3);
    cursor: pointer;
    margin-left: 2px;
}

.ix-clear-all:hover[b-c4cab5yqqy] { color: var(--text); }

/* Expandable body */
.ix-filter-body[b-c4cab5yqqy] {
    border-top: 1px solid var(--border-2);
    padding: 16px 14px;
}

.ix-picker-grid[b-c4cab5yqqy] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}

.ix-picker-group label[b-c4cab5yqqy] {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-2);
    margin-bottom: 6px;
}

.ix-picker[b-c4cab5yqqy] {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 6px;
    min-height: 38px;
    max-height: 132px;
    overflow-y: auto;
    padding: 7px 10px;
    border: 1px solid var(--border);
    border-radius: 9px;
    background: var(--bg);
}

.ix-opt[b-c4cab5yqqy] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 600;
    padding: 2px 9px;
    border-radius: 20px;
    background: var(--chip);
    color: var(--text-2);
    cursor: pointer;
    white-space: nowrap;

    i { font-size: 10px; color: var(--text-3); }
}

.ix-opt:hover[b-c4cab5yqqy] { color: var(--text); }

.ix-opt.is-sel[b-c4cab5yqqy] {
    background: var(--accent-bg);
    color: var(--accent);

    i { color: var(--accent); }
}

.ix-opt-stage.is-sel[b-c4cab5yqqy] {
    background: color-mix(in srgb, var(--pill-color) 15%, var(--card-bg));
    color: var(--pill-color);
}

.ix-opt-stage .tiq-dot[b-c4cab5yqqy] { color: var(--pill-color); }

.ix-empty[b-c4cab5yqqy] {
    font-size: 12.5px;
    color: var(--text-3);
    padding: 2px 4px;
}

/* Date range */
.ix-date-row[b-c4cab5yqqy] {
    display: flex;
    align-items: flex-end;
    gap: 14px;
    margin-top: 14px;
    flex-wrap: wrap;
}

.ix-date-field label[b-c4cab5yqqy] {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-2);
    margin-bottom: 6px;
}

.ix-date[b-c4cab5yqqy] {
    width: 170px;
    background-color: var(--bg);
}

.ix-presets[b-c4cab5yqqy] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.ix-preset[b-c4cab5yqqy] {
    font-size: 12px;
    font-weight: 600;
    padding: 7px 12px;
    border-radius: 8px;
    border: 1px solid var(--border);
    background: var(--panel);
    color: var(--text-2);
    cursor: pointer;
}

.ix-preset:hover[b-c4cab5yqqy] {
    border-color: var(--accent);
    color: var(--accent);
}

/* ── Feed ── */
.ix-feed[b-c4cab5yqqy] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 16px;
}

.ix-feed-item[b-c4cab5yqqy] {
    display: flex;
    gap: 13px;
    padding: 14px 16px;
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 12px;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.ix-feed-item:hover[b-c4cab5yqqy] {
    border-color: var(--accent);
    box-shadow: 0 2px 10px rgba(20, 24, 35, 0.06);
}

[b-c4cab5yqqy] .ix-avatar {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    background: var(--accent-bg);
    color: var(--accent);
    object-fit: cover;
    overflow: hidden;
}

.ix-name[b-c4cab5yqqy] { font-size: 14px; font-weight: 700; color: var(--text); }

.ix-meta[b-c4cab5yqqy] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12.5px;
    color: var(--text-2);

    i { font-size: 11px; color: var(--text-3); }
}

.ix-sub[b-c4cab5yqqy] { font-size: 12.5px; color: var(--text-3); }

.ix-time[b-c4cab5yqqy] { font-size: 12px; color: var(--text-3); white-space: nowrap; flex: 0 0 auto; }

.ix-move[b-c4cab5yqqy] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: var(--text-3);

    i.bi-arrow-right-circle { font-size: 12px; }
    i.bi-arrow-right[b-c4cab5yqqy] { font-size: 9px; }
}

.ix-move-to[b-c4cab5yqqy] { font-weight: 600; }

.ix-body[b-c4cab5yqqy] {
    font-size: 13px;
    color: var(--text-2);
    line-height: 1.55;
    margin-top: 8px;
}

.ix-pre[b-c4cab5yqqy] { white-space: pre-wrap; }

.ix-more[b-c4cab5yqqy] {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: var(--accent);
    cursor: pointer;
    margin-top: 5px;
}

.ix-note[b-c4cab5yqqy] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--text-3);
    margin-top: 8px;
    background: var(--col-bg);
    padding: 4px 10px;
    border-radius: 7px;

    i { font-size: 11px; }
}

@media (max-width: 991.98px) {
    .ix-picker-grid[b-c4cab5yqqy] { grid-template-columns: 1fr 1fr; }
}
/* /App/UI/Pages/CRM/Pipeline/PipelineIndex.razor.rz.scp.css */
/* ── Toolbar ── */
.pipeline-heading[b-do08tpwjci] {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--text);
}

/* Campaign selector sits on the panel surface (not the input fill) */
.pipeline-campaign-select[b-do08tpwjci] {
    background-color: var(--panel);
}

/* Group-by-Stage toggle — light accent tint when on (not solid accent) */
.pipeline-group-btn[b-do08tpwjci] {
    border: 1px solid var(--border);
    background: var(--panel);
    color: var(--text-2);
    font-weight: 600;
}

.pipeline-group-btn:hover[b-do08tpwjci] {
    color: var(--text);
    border-color: var(--border);
    background: var(--col-bg);
}

.pipeline-group-btn.is-on[b-do08tpwjci] {
    background: var(--accent-bg);
    border-color: var(--accent);
    color: var(--accent);
}

.pipeline-group-btn.is-on:hover[b-do08tpwjci] {
    background: var(--accent-bg);
    color: var(--accent);
}

/* ── View settings overflow menu (top-right "three dots") ── */
.pipeline-viewmenu[b-do08tpwjci] { position: relative; }

.pipeline-viewmenu-btn[b-do08tpwjci] {
    width: 34px;
    padding-left: 0;
    padding-right: 0;
}

.pipeline-menu-backdrop[b-do08tpwjci] {
    position: fixed;
    inset: 0;
    z-index: 1040;
}

.pipeline-menu[b-do08tpwjci] {
    position: absolute;
    top: 38px;
    right: 0;
    z-index: 1041;
    min-width: 230px;
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(20, 24, 35, 0.22);
    padding: 5px;
}

/* Section heading above each group of mode items */
.pipeline-menu-label[b-do08tpwjci] {
    padding: 6px 10px 3px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--text-3, var(--text-2));
}

.pipeline-menu-item[b-do08tpwjci] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px 10px;
    border-radius: 7px;
    font-size: 13px;
    color: var(--text-2);
    cursor: pointer;
    white-space: nowrap;

    i { font-size: 13px; }
    &:hover[b-do08tpwjci] { background: var(--rowhover); color: var(--text); }

    /* Selected mode / enabled toggle — tinted row plus a trailing check */
    &.is-on[b-do08tpwjci] {
        background: var(--accent-bg);
        color: var(--accent);
        font-weight: 600;
    }

    /* A toggle that does not apply right now (e.g. "Show closed" while Won/Lost is hidden) */
    &.is-disabled[b-do08tpwjci] {
        opacity: .45;
        cursor: default;
        pointer-events: none;
    }

    &.is-on[b-do08tpwjci]::after {
        content: "\f633"; /* bi-check-lg */
        font-family: "bootstrap-icons";
        font-weight: normal;
        margin-left: auto;
        padding-left: 12px;
        font-size: 12px;
    }
}

.pipeline-menu-divider[b-do08tpwjci] {
    height: 1px;
    background: var(--border-2);
    margin: 4px 6px;
}

/* Stage label in the column header: dot + colored name, no pill background */
.pipeline-stage-label[b-do08tpwjci] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    font-size: 12px;
    font-weight: 600;
    color: var(--pill-color, var(--text));
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Summary stat cards ── */
.pipeline-stat-card[b-do08tpwjci] {
    --bs-card-border-radius: 12px;
    cursor: pointer;
    text-align: center;
    transition: box-shadow 0.15s ease, border-color 0.15s ease, transform 0.05s ease;
}

.pipeline-stat-card:hover[b-do08tpwjci] {
    border-color: var(--accent);
}

.pipeline-stat-card:active[b-do08tpwjci] {
    transform: translateY(1px);
}

.pipeline-stat-card-active[b-do08tpwjci] {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px var(--accent-bg);
}

.pipeline-stat-card .card-body[b-do08tpwjci] {
    padding: 14px 12px;
}

.pipeline-stat-label[b-do08tpwjci] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 500;
    color: var(--text-2);
    margin-bottom: 4px;
}

.pipeline-stat-num[b-do08tpwjci] {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.1;
    color: var(--text);
    font-variant-numeric: tabular-nums;
}

.pipeline-stat-num.is-danger[b-do08tpwjci] { color: var(--danger); }

/* Compact stat bar (density = compact) */
.pipeline-statbar[b-do08tpwjci] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    margin-bottom: 16px;
}

.pipeline-stat-card-compact .card-body[b-do08tpwjci] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
}

.pipeline-stat-card-compact .pipeline-stat-label[b-do08tpwjci] { margin-bottom: 0; }
.pipeline-stat-card-compact .pipeline-stat-num[b-do08tpwjci] { font-size: 20px; }

/* ── Summary fold handle ── */
.summary-toggle-wrap[b-do08tpwjci] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.summary-filter-chip[b-do08tpwjci] {
    padding: 0.35rem 0.6rem;
    font-size: 0.8rem;
}

.summary-toggle[b-do08tpwjci] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 22px;
    padding: 0;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: var(--chip);
    color: var(--text-3);
    line-height: 1;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.summary-toggle:hover[b-do08tpwjci] {
    background: var(--col-bg);
    color: var(--accent);
}

/* ── Kanban board ── */
.pipeline-board[b-do08tpwjci] {
    display: flex;
    gap: 14px;
    overflow-x: auto;
    padding-bottom: 8px;
    min-height: 400px;
}

/* Type column: groups stages of the same type vertically */
.pipeline-type-column[b-do08tpwjci] {
    flex: 1 1 0;
    min-width: 214px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pipeline-type-column-fit[b-do08tpwjci] {
    /* Measured by Scripts/pipeline-board.ts; the calc is the fallback until the first measure. */
    height: var(--pipeline-fit-height, calc(100vh - 300px));
    min-height: 320px;
}

.pipeline-type-column-fit .pipeline-column[b-do08tpwjci] {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
}

.pipeline-type-column-fit .pipeline-column-collapsed[b-do08tpwjci] {
    flex: 0 0 auto;
}

.pipeline-type-column-fit .pipeline-column-body[b-do08tpwjci] {
    overflow-y: auto;
    min-height: 0;
}

/* Type-column header (checkbox + uppercase type label + fit toggle) */
.pipeline-type-header[b-do08tpwjci] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 0 4px;
}

.pipeline-type-label[b-do08tpwjci] {
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: var(--text-3);
}

/* Stage group */
.pipeline-column[b-do08tpwjci] {
    display: flex;
    flex-direction: column;
    background: var(--col-bg);
    border-radius: 12px;
    flex: 0 0 auto;
    min-height: 80px;
    transition: outline 0.15s ease, background-color 0.15s ease;
}

.pipeline-column-collapsed[b-do08tpwjci] {
    min-height: auto;
}

.pipeline-column-drop-target[b-do08tpwjci] {
    outline: 2px dashed var(--accent);
    background-color: var(--accent-bg);
}

.pipeline-column-header[b-do08tpwjci] {
    padding: 9px 10px;
    flex-shrink: 0;
}

.pipeline-column-body[b-do08tpwjci] {
    flex: 1;
    padding: 0 8px 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* ── Deal card (comfortable) ── */
.pipeline-card[b-do08tpwjci] {
    background: var(--card-bg);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 11px 11px 9px;
    cursor: pointer;
    transition: box-shadow 0.15s ease, border-color 0.15s ease, opacity 0.15s ease;
}

.pipeline-card:hover[b-do08tpwjci] {
    border-color: var(--accent);
    box-shadow: 0 2px 10px rgba(20, 24, 35, 0.08);
}

.pipeline-card.is-selected[b-do08tpwjci] {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px var(--accent-bg);
}

.pipeline-card[draggable="true"][b-do08tpwjci] {
    cursor: grab;
}

.pipeline-card-dragging[b-do08tpwjci] {
    opacity: 0.4;
}

/* ::deep — the photo is an <img> rendered by AuthImg, a child component, so it never
   carries this page's scope attribute and a plain selector would miss it. */
.pipeline-card[b-do08tpwjci]  .pipeline-card-avatar {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 9.5px;
    font-weight: 700;
    object-fit: cover;
}

.pipeline-card-name[b-do08tpwjci] {
    font-weight: 700;
    font-size: 13px;
    color: var(--text);
    line-height: 1.2;
}

/* "+N" — the deal has contacts beyond the primary shown on the card. */
.pipeline-card-more[b-do08tpwjci] {
    flex: 0 0 auto;
    font-size: 10.5px;
    font-weight: 600;
    line-height: 1;
    padding: 2px 5px;
    border-radius: 999px;
    color: var(--text-2);
    background: var(--surface-2, rgba(128, 128, 128, .15));
    cursor: default;
}

.pipeline-card-line[b-do08tpwjci] {
    font-size: 12px;
    color: var(--text-2);
    margin-top: 3px;
    display: flex;
    align-items: center;
    gap: 6px;

    i { font-size: 11px; color: var(--text-3); }
    span[b-do08tpwjci] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}

.pipeline-card-footer[b-do08tpwjci] {
    margin-top: 9px;
    padding-top: 8px;
    border-top: 1px solid var(--border-2);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.pipeline-card-na[b-do08tpwjci] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11.5px;
    font-weight: 500;
    color: var(--text-2);
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;

    i { font-size: 12px; color: var(--text-3); }
}

.pipeline-card-due[b-do08tpwjci] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11.5px;
    font-weight: 600;
    color: var(--text-2);
    white-space: nowrap;

    &.is-overdue { color: var(--danger); }
    i[b-do08tpwjci] { font-size: 10px; }
}

.pipeline-empty[b-do08tpwjci] {
    text-align: center;
    font-size: 12px;
    color: var(--text-3);
    padding: 14px 0;
}

/* ── Compact density ── */
.pipeline-compact .pipeline-type-column[b-do08tpwjci] { gap: 8px; }
.pipeline-compact .pipeline-column-body[b-do08tpwjci] { gap: 6px; padding: 0 7px 7px; }

.pipeline-card-compact[b-do08tpwjci] {
    background: var(--card-bg);
    border: 1px solid var(--border);
    border-radius: 6px;
    padding: 7px 9px;
    cursor: pointer;
    transition: border-color 0.15s ease;
}

.pipeline-card-compact:hover[b-do08tpwjci] { border-color: var(--accent); }
.pipeline-card-compact.is-selected[b-do08tpwjci] { border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent-bg); }

.pipeline-compact-top[b-do08tpwjci] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.pipeline-compact-dot[b-do08tpwjci] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex: 0 0 auto;
}

.pipeline-compact-name[b-do08tpwjci] {
    font-weight: 700;
    font-size: 12.5px;
    color: var(--text);
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pipeline-compact-sub[b-do08tpwjci] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
    padding-left: 14px;
}

.pipeline-compact-meta[b-do08tpwjci] {
    font-size: 11.5px;
    color: var(--text-2);
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 767.98px) {
    .pipeline-type-column[b-do08tpwjci] { min-width: 170px; }
}

/* ── Loading skeleton (shown until the board's data lands) ── */
.pipeline-skeleton-bar[b-do08tpwjci] {
    display: block;
    height: 12px;
    border-radius: 6px;
}

.pipeline-skeleton-bar-sm[b-do08tpwjci] {
    height: 9px;
}

.pipeline-skeleton-card[b-do08tpwjci] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    cursor: default;
}

.pipeline-skeleton-card:hover[b-do08tpwjci] {
    border-color: var(--border);
    box-shadow: none;
}

.pipeline-skeleton-row[b-do08tpwjci] {
    display: flex;
    gap: 16px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border);
}

.pipeline-skeleton-row:last-child[b-do08tpwjci] {
    border-bottom: none;
}

.pipeline-skeleton-select[b-do08tpwjci] {
    display: block;
    height: 31px;
    border-radius: 6px;
}

.pipeline-refreshing[b-do08tpwjci] {
    width: 14px;
    height: 14px;
    border-width: 2px;
    opacity: 0.7;
}
/* /App/UI/Pages/Marketing/MarketingCalendar.razor.rz.scp.css */
/* Copyright (c) DevInstance LLC. All rights reserved. */

.mk-month[b-0hk4fj28rw] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    border-top: 1px solid var(--bs-border-color);
    border-left: 1px solid var(--bs-border-color);
}

.mk-week[b-0hk4fj28rw] {
    display: grid;
    grid-template-columns: 4.5rem repeat(7, minmax(0, 1fr));
    border-top: 1px solid var(--bs-border-color);
    border-left: 1px solid var(--bs-border-color);
    max-height: 70vh;
    overflow-y: auto;
}

.mk-weekday[b-0hk4fj28rw],
.mk-week-corner[b-0hk4fj28rw] {
    padding: .25rem .5rem;
    font-size: .8rem;
    font-weight: 600;
    color: var(--bs-secondary-color);
    border-right: 1px solid var(--bs-border-color);
    border-bottom: 1px solid var(--bs-border-color);
    background: var(--bs-tertiary-bg);
    position: sticky;
    top: 0;
    z-index: 1;
}

.mk-cell[b-0hk4fj28rw],
.mk-slot[b-0hk4fj28rw],
.mk-week-events[b-0hk4fj28rw],
.mk-hour-label[b-0hk4fj28rw] {
    border-right: 1px solid var(--bs-border-color);
    border-bottom: 1px solid var(--bs-border-color);
    padding: .2rem;
    min-width: 0;
}

.mk-cell[b-0hk4fj28rw] {
    min-height: 7.5rem;
}

.mk-slot[b-0hk4fj28rw] {
    min-height: 2.25rem;
}

.mk-hour-label[b-0hk4fj28rw] {
    text-align: right;
    padding-right: .4rem;
}

.mk-cell-head[b-0hk4fj28rw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mk-daynum[b-0hk4fj28rw] {
    font-size: .8rem;
    font-weight: 600;
}

.mk-add[b-0hk4fj28rw] {
    visibility: hidden;
    line-height: 1;
}

.mk-cell:hover .mk-add[b-0hk4fj28rw] {
    visibility: visible;
}

.mk-other-month[b-0hk4fj28rw] {
    background: var(--bs-tertiary-bg);
    color: var(--bs-secondary-color);
}

.mk-today .mk-daynum[b-0hk4fj28rw],
.mk-weekday.mk-today[b-0hk4fj28rw] {
    color: var(--bs-primary);
}

/* Events are background markers: a tint behind the day or the hours they cover. */
.mk-event-day[b-0hk4fj28rw],
.mk-slot-event[b-0hk4fj28rw] {
    background-color: rgba(var(--bs-warning-rgb), .08);
}

.mk-event[b-0hk4fj28rw] {
    font-size: .72rem;
    border-left: 3px solid;
    padding: 0 .3rem;
    margin-bottom: .15rem;
    color: var(--bs-secondary-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mk-drop[b-0hk4fj28rw] {
    outline: 2px dashed var(--bs-primary);
    outline-offset: -2px;
}

.mk-chip[b-0hk4fj28rw] {
    display: flex;
    align-items: center;
    gap: .25rem;
    font-size: .72rem;
    border-radius: .25rem;
    padding: .05rem .3rem;
    margin-bottom: .15rem;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
}

.mk-chip[draggable="true"][b-0hk4fj28rw] {
    cursor: grab;
}

.mk-chip-time[b-0hk4fj28rw] {
    font-weight: 600;
}

.mk-chip-text[b-0hk4fj28rw] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.mk-dragging[b-0hk4fj28rw] {
    opacity: .5;
}
/* /App/UI/Pages/Marketing/MarketingTraffic.razor.rz.scp.css */
/* The KPI cards follow the Performance report's (Pages/Reports/PerformanceReport.razor.css). */

.tr-cards[b-c5cjjdbgg0] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 1.5rem;
}

.tr-dim[b-c5cjjdbgg0] { opacity: .6; transition: opacity .15s; }

.tr-card[b-c5cjjdbgg0] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    padding: 14px 16px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--panel);
}

.tr-card-label[b-c5cjjdbgg0] {
    font-size: 12.5px;
    font-weight: 500;
    color: var(--text-2);
}

.tr-card-value[b-c5cjjdbgg0] {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -.01em;
    line-height: 1.25;
    font-variant-numeric: tabular-nums;
}

.tr-card-delta[b-c5cjjdbgg0] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    white-space: nowrap;
}

.tr-delta-good[b-c5cjjdbgg0] { font-weight: 700; color: var(--ok); }
.tr-delta-bad[b-c5cjjdbgg0] { font-weight: 700; color: var(--danger); }
.tr-delta-flat[b-c5cjjdbgg0] { font-weight: 600; color: var(--text-3); }
.tr-card-prev[b-c5cjjdbgg0] { color: var(--text-3); font-variant-numeric: tabular-nums; }

.tr-card-sub[b-c5cjjdbgg0] {
    margin-top: 4px;
    font-size: 11.5px;
    color: var(--text-2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tr-card.placeholder-glow[b-c5cjjdbgg0] { gap: 10px; min-height: 120px; }
.tr-skel-value[b-c5cjjdbgg0] { height: 28px; }

@media (max-width: 1399.98px) {
    .tr-cards[b-c5cjjdbgg0] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 767.98px) {
    .tr-cards[b-c5cjjdbgg0] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
/* /App/UI/Pages/Reports/PerformanceReport.razor.rz.scp.css */
.pr[b-6wtubc636l] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    color: var(--text);
}

.pr-dim[b-6wtubc636l] {
    opacity: .5;
    transition: opacity 150ms;
}

/* ---- header ---- */

.pr-head[b-6wtubc636l] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.pr-crumbs[b-6wtubc636l] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    color: var(--text-2);
}

.pr-crumbs a[b-6wtubc636l] { color: var(--accent); text-decoration: none; }
.pr-crumbs a:hover[b-6wtubc636l] { text-decoration: underline; }
.pr-crumbs i[b-6wtubc636l] { font-size: 10px; color: var(--text-3); }

.pr-titlebar[b-6wtubc636l] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.pr-title[b-6wtubc636l] {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -.01em;
}

.pr-star[b-6wtubc636l] { font-size: 15px; color: #eab308; }

.pr-select[b-6wtubc636l] {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin: 0;
}

.pr-select select[b-6wtubc636l] {
    appearance: none;
    height: 34px;
    max-width: 260px;
    padding: 0 32px 0 12px;
    border: 1px solid var(--border);
    border-radius: 9px;
    background: var(--panel);
    color: var(--text);
    font-size: 13.5px;
    cursor: pointer;
    text-overflow: ellipsis;
}

.pr-select select:focus-visible[b-6wtubc636l] {
    outline: none;
    border-color: var(--accent);
    box-shadow: 0 0 0 3px var(--accent-bg);
}

.pr-select i[b-6wtubc636l] {
    position: absolute;
    right: 12px;
    font-size: 11px;
    color: var(--text-3);
    pointer-events: none;
}

.pr-btn[b-6wtubc636l] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 34px;
    padding: 0 13px;
    border: 1px solid var(--border);
    border-radius: 9px;
    background: var(--panel);
    color: var(--text);
    font-size: 13.5px;
    transition: background-color 120ms;
}

.pr-btn i[b-6wtubc636l] { font-size: 13px; }
.pr-btn:not(:disabled):hover[b-6wtubc636l] { background: var(--rowhover); }
.pr-btn:disabled[b-6wtubc636l] { opacity: .5; }

/* ---- summary strip ---- */

.pr-summary[b-6wtubc636l] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px;
    border: 1px solid color-mix(in srgb, var(--accent) 22%, transparent);
    border-radius: 12px;
    background: var(--accent-bg);
    font-size: 13.5px;
    line-height: 1.55;
    text-wrap: pretty;
}

.pr-summary i[b-6wtubc636l] { font-size: 16px; color: var(--accent); margin-top: 1px; }

/* ---- KPI groups ---- */

.pr-kpis[b-6wtubc636l] {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr) minmax(0, 3fr);
    gap: 14px;
}

.pr-group[b-6wtubc636l] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.pr-eyebrow[b-6wtubc636l] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
    color: var(--text-3);
}

.pr-cards[b-6wtubc636l] {
    display: grid;
    gap: 10px;
    flex: 1;
}

.pr-cards-2[b-6wtubc636l] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.pr-cards-3[b-6wtubc636l] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.3fr); }
.pr-cards-3-even[b-6wtubc636l] { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.pr-card[b-6wtubc636l] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    padding: 14px 16px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--panel);
}

.pr-card-label[b-6wtubc636l] {
    font-size: 12.5px;
    font-weight: 500;
    color: var(--text-2);
}

.pr-card-value[b-6wtubc636l] {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -.01em;
    line-height: 1.25;
    font-variant-numeric: tabular-nums;
}

.pr-value-danger[b-6wtubc636l] { color: var(--danger); }

.pr-ratio-suffix[b-6wtubc636l] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-2);
}

.pr-card-delta[b-6wtubc636l] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    white-space: nowrap;
}

.pr-delta-good[b-6wtubc636l] { font-weight: 700; color: var(--ok); }
.pr-delta-bad[b-6wtubc636l] { font-weight: 700; color: var(--danger); }
.pr-delta-flat[b-6wtubc636l] { font-weight: 600; color: var(--text-3); }
.pr-card-prev[b-6wtubc636l] { color: var(--text-3); font-variant-numeric: tabular-nums; }

.pr-card-sub[b-6wtubc636l] {
    margin-top: 4px;
    font-size: 11.5px;
    color: var(--text-2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pr-ratio-bar[b-6wtubc636l] {
    display: flex;
    gap: 2px;
    height: 8px;
    margin-top: 8px;
    border-radius: 4px;
    overflow: hidden;
}

.pr-ratio-caption[b-6wtubc636l] {
    display: flex;
    justify-content: space-between;
    font-size: 11.5px;
    color: var(--text-2);
}

.pr-card.placeholder-glow[b-6wtubc636l] { gap: 10px; min-height: 140px; }
.pr-skel-value[b-6wtubc636l] { height: 28px; }

/* ---- By day ---- */

.pr-byday[b-6wtubc636l] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    /* Fills what the viewport has left under the KPI cards, but never collapses. */
    height: max(380px, calc(100vh - 520px));
    padding: 12px 16px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--panel);
}

.pr-byday-head[b-6wtubc636l] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px;
    font-size: 12px;
    color: var(--text-2);
}

.pr-byday-title[b-6wtubc636l] {
    font-size: 14px;
    font-weight: 700;
    color: var(--text);
}

.pr-segment[b-6wtubc636l] {
    display: flex;
    gap: 2px;
    margin-left: 6px;
    padding: 3px;
    border-radius: 9px;
    background: var(--chip);
}

.pr-segment button[b-6wtubc636l] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 26px;
    padding: 0 10px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--text-2);
    font-size: 12.5px;
    font-weight: 600;
    transition: background-color 120ms, color 120ms;
}

.pr-segment button i[b-6wtubc636l] { font-size: 12px; }

.pr-segment button.on[b-6wtubc636l] {
    background: var(--panel);
    color: var(--text);
    box-shadow: 0 1px 2px rgba(20, 24, 35, .1);
}

.pr-chart[b-6wtubc636l] {
    flex: 1;
    min-height: 0;
}

.pr-chart-skeleton[b-6wtubc636l] {
    flex: 1;
    min-height: 0;
    display: flex;
    align-items: flex-end;
    gap: 6px;
    padding: 0 30px 44px;
}

.pr-chart-skeleton .placeholder[b-6wtubc636l] {
    flex: 1;
    min-height: 0;
    border-radius: 2px 2px 0 0;
}

/* ---- table ---- */

.pr-table[b-6wtubc636l] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    margin: 0 -16px -12px;
    border-top: 1px solid var(--border-2);
}

.pr-row[b-6wtubc636l] {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) repeat(8, minmax(0, 1fr));
    gap: 12px;
    align-items: center;
    padding: 6px 16px;
    border-top: 1px solid var(--border-2);
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

.pr-row > span:not(:first-child)[b-6wtubc636l] { text-align: right; }

.pr-row-head[b-6wtubc636l] {
    padding: 8px 16px;
    border-top: 0;
    background: var(--col-bg);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--text-3);
}

.pr-table-body[b-6wtubc636l] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

.pr-table-body .pr-row:first-child[b-6wtubc636l] { border-top: 0; }

.pr-row-weekend[b-6wtubc636l] { background: var(--rowhover); }
.pr-cell-date[b-6wtubc636l] { font-weight: 500; }
.pr-row-weekend .pr-cell-date[b-6wtubc636l] { color: var(--text-3); }
.pr-today[b-6wtubc636l] { font-weight: 700; }
.pr-hot[b-6wtubc636l] { font-weight: 700; color: var(--danger); }
.pr-cell-ok[b-6wtubc636l] { color: var(--ok); }
.pr-cell-faint[b-6wtubc636l] { color: var(--text-3); }
.pr-cell-muted[b-6wtubc636l] { color: var(--text-2); }
.pr-cell-danger[b-6wtubc636l] { color: var(--danger); }

.pr-row-total[b-6wtubc636l] {
    padding: 9px 16px;
    border-top: 1px solid var(--border);
    border-radius: 0 0 12px 12px;
    background: var(--col-bg);
    font-weight: 700;
}

.pr-footnote[b-6wtubc636l] {
    font-size: 11.5px;
    color: var(--text-3);
}

/* ---- narrower screens ---- */

@media (max-width: 1399.98px) {
    .pr-kpis[b-6wtubc636l] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .pr-kpis > .pr-group:last-child[b-6wtubc636l] { grid-column: 1 / -1; }
}

@media (max-width: 767.98px) {
    .pr-kpis[b-6wtubc636l] { grid-template-columns: minmax(0, 1fr); }
    .pr-cards-3[b-6wtubc636l] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .pr-cards-3 > .pr-card:last-child[b-6wtubc636l] { grid-column: 1 / -1; }
    .pr-cards-3-even[b-6wtubc636l] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .pr-cards-3-even > .pr-card:last-child[b-6wtubc636l] { grid-column: 1 / -1; }
    .pr-byday[b-6wtubc636l] { height: 420px; }
    .pr-table[b-6wtubc636l] { overflow-x: auto; }
    .pr-row[b-6wtubc636l] { min-width: 800px; }
}
/* /Core/UI/Components/HSearchBar.razor.rz.scp.css */
.h-search-bar-backdrop[b-yohboafc0g] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background: transparent;
}

.h-search-bar-dropdown[b-yohboafc0g] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1050;
    margin-top: 4px;
}
/* /Core/UI/Components/ProfilePictureUpload.razor.rz.scp.css */
.profile-picture-upload[b-cn75i091hi] {
    display: inline-block;
}

.profile-picture-upload.ppu-editable[b-cn75i091hi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .6rem;
}

.ppu-avatar-wrap[b-cn75i091hi] {
    position: relative;
    display: inline-flex;
    border-radius: 50%;
    transition: box-shadow .15s;
}

.ppu-avatar-wrap.is-dragover[b-cn75i091hi] {
    box-shadow: 0 0 0 3px var(--accent-bg);
}

.profile-picture-img[b-cn75i091hi] {
    border-radius: 50%;
    object-fit: cover;
}

.profile-picture-img.pp-large[b-cn75i091hi] {
    width: 120px;
    height: 120px;
}

.profile-picture-img.pp-medium[b-cn75i091hi] {
    width: 48px;
    height: 48px;
}

.profile-picture-img.pp-small[b-cn75i091hi] {
    width: 32px;
    height: 32px;
}

.profile-picture-initials[b-cn75i091hi] {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    user-select: none;
}

.profile-picture-initials.pp-large[b-cn75i091hi] {
    width: 120px;
    height: 120px;
    font-size: 2.5rem;
}

.profile-picture-initials.pp-medium[b-cn75i091hi] {
    width: 48px;
    height: 48px;
    font-size: 1rem;
}

.profile-picture-initials.pp-small[b-cn75i091hi] {
    width: 32px;
    height: 32px;
    font-size: 0.75rem;
}

.profile-picture-placeholder[b-cn75i091hi] {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: var(--col-bg);
    color: var(--text-3);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Accent camera badge at the avatar's lower-right; clicks pass through to the file input. */
.ppu-camera[b-cn75i091hi] {
    position: absolute;
    right: 4px;
    bottom: 4px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--accent);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    box-shadow: 0 2px 6px rgba(88, 80, 236, .35);
    pointer-events: none;
    z-index: 3;
}

.ppu-actions[b-cn75i091hi] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.ppu-actions .btn[b-cn75i091hi] {
    margin-bottom: 0;
}

.ppu-remove[b-cn75i091hi] {
    color: var(--danger);
    text-decoration: none;
}

.ppu-remove:hover[b-cn75i091hi] {
    color: var(--danger);
    text-decoration: underline;
}

.ppu-hint[b-cn75i091hi] {
    font-size: 12px;
    color: var(--text-3);
    text-align: center;
}
/* /Core/UI/Layout/MainLayout.razor.rz.scp.css */
/* App container - flex layout */
.app-container[b-fxrrsxjoo2] {
    display: flex;
    min-height: 100vh;
}

/* Sidebar */
.sidebar[b-fxrrsxjoo2] {
    width: var(--sidebar-width);
    background-color: var(--sidebar-bg);
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 1030;
    transition: width 0.3s ease, transform 0.3s ease;
    overflow-x: hidden;
    overflow-y: auto;
}

/* Icons-only mode */
.sidebar.icons-only[b-fxrrsxjoo2] {
    width: var(--sidebar-icons-width);
}

.sidebar.icons-only .brand-text[b-fxrrsxjoo2] {
    display: none;
}

.sidebar.icons-only .sidebar-brand[b-fxrrsxjoo2] {
    justify-content: center;
}

.sidebar.icons-only .sidebar-brand .brand-mark[b-fxrrsxjoo2] {
    margin: 0;
}

/* Icons-only mode - navigation styles */
.sidebar.icons-only[b-fxrrsxjoo2]  .nav-link span,
.sidebar.icons-only[b-fxrrsxjoo2]  .nav-group-header span,
.sidebar.icons-only[b-fxrrsxjoo2]  .nav-group-header .bi-chevron-down {
    display: none;
}

.sidebar.icons-only[b-fxrrsxjoo2]  .nav-item {
    padding: 0 0.25rem;
}

.sidebar.icons-only[b-fxrrsxjoo2]  .nav-link {
    justify-content: center;
    padding: 0.75rem 0.5rem;
}

.sidebar.icons-only[b-fxrrsxjoo2]  .nav-link i {
    margin: 0;
}

.sidebar.icons-only[b-fxrrsxjoo2]  .nav-group-header {
    justify-content: center;
    padding: 0.5rem;
    margin: 0 0.25rem;
}

.sidebar.icons-only[b-fxrrsxjoo2]  .nav-group-items {
    padding-left: 0;
}

.sidebar.icons-only[b-fxrrsxjoo2]  .nav-group-items .nav-link {
    padding-left: 0.5rem;
}

/* Hidden mode */
.sidebar.hidden[b-fxrrsxjoo2] {
    transform: translateX(-100%);
}

.sidebar-header[b-fxrrsxjoo2] {
    padding: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    min-height: 57px;
}

.sidebar.icons-only .sidebar-header[b-fxrrsxjoo2] {
    padding: 1rem 0.5rem;
}

.sidebar-brand[b-fxrrsxjoo2] {
    color: var(--sidebar-brand-color);
    text-decoration: none;
    font-size: 1.25rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
}

/* inline mark scales with the brand row */
.sidebar-brand .brand-mark[b-fxrrsxjoo2] {
    flex: 0 0 auto;
}

/* two-tone wordmark; base colour still comes from --sidebar-brand-color */
.sidebar-brand .brand-iq[b-fxrrsxjoo2] {
    color: #8b86f2;
}

.sidebar-brand:hover[b-fxrrsxjoo2] {
    color: var(--sidebar-brand-color);
    text-decoration: none;
}

/* Main wrapper */
.main-wrapper[b-fxrrsxjoo2] {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-left: var(--sidebar-width);
    min-height: 100vh;
    transition: margin-left 0.3s ease;
}

.sidebar.icons-only ~ .main-wrapper[b-fxrrsxjoo2] {
    margin-left: var(--sidebar-icons-width);
}

.sidebar.hidden ~ .main-wrapper[b-fxrrsxjoo2] {
    margin-left: 0;
}

/* Topbar */
.topbar[b-fxrrsxjoo2] {
    height: var(--topbar-height);
    background-color: var(--topbar-bg);
    border-bottom: 1px solid var(--topbar-border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem;
    position: sticky;
    top: 0;
    z-index: 1020;
}

.topbar-start[b-fxrrsxjoo2] {
    display: flex;
    align-items: center;
}

.topbar-end[b-fxrrsxjoo2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.topbar-item[b-fxrrsxjoo2] {
    display: flex;
    align-items: center;
}

.sidebar-toggle[b-fxrrsxjoo2] {
    color: var(--topbar-color);
    padding: 0.5rem;
    text-decoration: none;
}

.sidebar-toggle:hover[b-fxrrsxjoo2] {
    color: var(--primary-color);
}

[b-fxrrsxjoo2] .topbar .btn-link {
    color: var(--topbar-color);
    text-decoration: none;
}

[b-fxrrsxjoo2] .topbar .btn-link:hover {
    color: var(--primary-color);
}

[b-fxrrsxjoo2] .topbar .dropdown-toggle::after {
    display: none;
}

/* Main content */
.main-content[b-fxrrsxjoo2] {
    flex: 1;
    background-color: var(--content-bg);
}

/* Mobile responsive */
@media (max-width: 991.98px) {
    .sidebar[b-fxrrsxjoo2] {
        transform: translateX(-100%);
    }

    .sidebar:not(.hidden):not(.icons-only)[b-fxrrsxjoo2] {
        transform: translateX(0);
        width: var(--sidebar-width);
    }

    .sidebar.icons-only[b-fxrrsxjoo2] {
        transform: translateX(0);
        width: var(--sidebar-icons-width);
    }

    .main-wrapper[b-fxrrsxjoo2] {
        margin-left: 0 !important;
    }
}
/* /Core/UI/Layout/NavMenu.razor.rz.scp.css */
/* Sidebar navigation container */
.sidebar-nav[b-5wkqn72mzq] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.5rem 0;
}

/* Navigation items */
.nav-item[b-5wkqn72mzq] {
    padding: 0 0.5rem;
}

[b-5wkqn72mzq] .nav-link {
    display: flex;
    align-items: center;
    padding: 0.625rem 0.75rem;
    color: var(--sidebar-color);
    text-decoration: none;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    transition: background-color 0.15s ease, color 0.15s ease;
}

[b-5wkqn72mzq] .nav-link:hover {
    background-color: var(--sidebar-hover-bg);
    color: var(--sidebar-active-color);
}

[b-5wkqn72mzq] .nav-link.active {
    background-color: var(--sidebar-active-bg);
    color: var(--sidebar-active-color);
    font-weight: 600;
}

[b-5wkqn72mzq] .nav-link.active i {
    color: var(--sidebar-accent);
}

[b-5wkqn72mzq] .nav-link i {
    font-size: 1rem;
    width: 1.25rem;
    min-width: 1.25rem;
    text-align: center;
    flex-shrink: 0;
}

/* Navigation groups */
.nav-group[b-5wkqn72mzq] {
    margin-top: 0.5rem;
}

.nav-group-header[b-5wkqn72mzq] {
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
    color: var(--sidebar-section);
    cursor: pointer;
    user-select: none;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    border-radius: 0.375rem;
    margin: 0 0.5rem;
}

.nav-group-header:hover[b-5wkqn72mzq] {
    color: var(--sidebar-active-color);
    background-color: var(--sidebar-hover-bg);
}

.nav-group-header i:first-child[b-5wkqn72mzq] {
    font-size: 0.875rem;
    width: 1.25rem;
    text-align: center;
}

.nav-group-header .bi-chevron-down[b-5wkqn72mzq] {
    font-size: 0.75rem;
    transition: transform 0.2s ease;
}

.nav-group-header.collapsed .bi-chevron-down[b-5wkqn72mzq] {
    transform: rotate(-90deg);
}

.nav-group-items[b-5wkqn72mzq] {
    padding-left: 0.5rem;
}

.nav-group-items .nav-item[b-5wkqn72mzq]  .nav-link {
    padding-left: 2.25rem;
}

/* Scrollbar styling for sidebar */
.sidebar-nav[b-5wkqn72mzq]::-webkit-scrollbar {
    width: 6px;
}

.sidebar-nav[b-5wkqn72mzq]::-webkit-scrollbar-track {
    background: transparent;
}

.sidebar-nav[b-5wkqn72mzq]::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
}

.sidebar-nav[b-5wkqn72mzq]::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.3);
}
/* /Core/UI/Pages/Admin/Organizations/OrganizationDetail.razor.rz.scp.css */
/* project-specific ThreadIQ: replaces canonical Core's single OrganizationTreePage with a separate index + detail pair. Same shared surface, different shape; reconciliation is deferred (see docs/migration/in/2026-08-06-core-app-restructure.md). */
/* /project-specific */

/* ── Breadcrumb ── */
.cd-breadcrumb[b-2u99y4dwqd] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12.5px;
    color: var(--text-3);
    margin-bottom: 12px;

    a { display: inline-flex; align-items: center; gap: 5px; color: var(--text-2); text-decoration: none; }
    a:hover[b-2u99y4dwqd] { color: var(--accent); }
    i.bi-chevron-right[b-2u99y4dwqd] { font-size: 9px; }
}

/* ── Header ── */
.cd-header[b-2u99y4dwqd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.cd-header-main[b-2u99y4dwqd] {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.cd-name[b-2u99y4dwqd] {
    margin: 0;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--text);
}

.cd-subtitle[b-2u99y4dwqd] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 14px;
    color: var(--text-2);
    margin-top: 4px;
    flex-wrap: wrap;
}

.cd-dot[b-2u99y4dwqd] { color: var(--text-3); }

.cd-header-actions[b-2u99y4dwqd] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}

.cd-overflow[b-2u99y4dwqd] { position: relative; }
.cd-overflow-btn[b-2u99y4dwqd] { width: 38px; padding-left: 0; padding-right: 0; }

.cd-menu-backdrop[b-2u99y4dwqd] { position: fixed; inset: 0; z-index: 1040; }

.cd-menu[b-2u99y4dwqd] {
    position: absolute;
    top: 42px;
    right: 0;
    z-index: 1041;
    min-width: 190px;
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(20, 24, 35, 0.22);
    padding: 5px;
}

.cd-menu-item[b-2u99y4dwqd] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px 10px;
    border-radius: 7px;
    font-size: 13px;
    color: var(--text-2);
    cursor: pointer;

    i { font-size: 13px; }
    &:hover[b-2u99y4dwqd] { background: var(--rowhover); color: var(--text); }
    &.is-danger[b-2u99y4dwqd] { color: var(--danger); }
    &.is-danger:hover[b-2u99y4dwqd] { background: color-mix(in srgb, var(--danger) 10%, var(--panel)); color: var(--danger); }
}

/* Slightly taller section headers */
.card-header[b-2u99y4dwqd] {
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
}

.card-header h6[b-2u99y4dwqd] {
    font-size: 14px;
    font-weight: 700;
}

/* ── Details grid ── */
.cd-grid[b-2u99y4dwqd] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 32px;
}

.cd-grid .tiq-kv-label[b-2u99y4dwqd] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;

    i { font-size: 13px; color: var(--text-3); width: 15px; }
}

.cd-grid .tiq-kv-value[b-2u99y4dwqd] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;

    a { color: var(--accent); text-decoration: none; }
}

.cd-add[b-2u99y4dwqd] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--accent);
    cursor: pointer;
}

/* ── Read rows (icon tile + two lines) ── */
.cd-row[b-2u99y4dwqd] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 0;
}

.cd-row-icon[b-2u99y4dwqd] {
    width: 34px;
    height: 34px;
    border-radius: 9px;
    flex: 0 0 auto;
    background: var(--chip);
    color: var(--text-2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.cd-row-main[b-2u99y4dwqd] { flex: 1; min-width: 0; }

.cd-row-value[b-2u99y4dwqd] {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    a { color: var(--accent); text-decoration: none; }
}

.cd-row-value.is-accent[b-2u99y4dwqd] { color: var(--accent); }
.cd-row-value.is-accent a[b-2u99y4dwqd] { color: var(--accent); }

.cd-row-sub[b-2u99y4dwqd] { font-size: 11.5px; color: var(--text-3); margin-top: 1px; }

.cd-row-badge[b-2u99y4dwqd] {
    flex: 0 0 auto;
    font-size: 10.5px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 20px;
    background: var(--accent-bg);
    color: var(--accent);
}

.cd-empty[b-2u99y4dwqd] { font-size: 13px; color: var(--text-3); font-style: italic; }

/* ── Settings placeholder ── */
.cd-placeholder[b-2u99y4dwqd] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 6px 0;

    > i {
        font-size: 20px;
        color: var(--text-3);
        line-height: 1.2;
    }
}

.cd-placeholder-title[b-2u99y4dwqd] {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--text-2);
}

.cd-placeholder-text[b-2u99y4dwqd] {
    font-size: 12.5px;
    color: var(--text-3);
    margin-top: 3px;
}

/* ── Settings groups ── */
/* One block per configurable area inside the Settings card. Separated by a rule rather than
   nested cards, so adding a second area later does not restructure the page. */
.cd-setting-group + .cd-setting-group[b-2u99y4dwqd] {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid var(--border);
}

.cd-setting-head[b-2u99y4dwqd] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 10px;
}

.cd-setting-title[b-2u99y4dwqd] {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--text-2);
}

.cd-setting-sub[b-2u99y4dwqd] {
    font-size: 12.5px;
    color: var(--text-3);
    margin-top: 3px;
}

/* ── Quick Actions ── */
.cd-qa[b-2u99y4dwqd] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.cd-qa .btn[b-2u99y4dwqd] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    height: 38px;
    font-size: 13px;
    font-weight: 600;

    i { font-size: 14px; color: var(--accent); }
}

/* ── Edit-modal sub-sections ── */
.cd-editor[b-2u99y4dwqd] {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid var(--border-2);
}

.cd-editor-title[b-2u99y4dwqd] {
    font-size: 13px;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 10px;
}

/* ── Right rail ── */
.cd-sum[b-2u99y4dwqd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 0;
    border-bottom: 1px solid var(--border-2);
}

.cd-sum:last-child[b-2u99y4dwqd] { border-bottom: none; }
.cd-sum .tiq-kv-label[b-2u99y4dwqd] { font-size: 12.5px; }
.cd-sum .tiq-kv-value[b-2u99y4dwqd] { font-size: 12.5px; }
/* /Core/UI/Pages/Admin/Organizations/OrganizationIndex.razor.rz.scp.css */
/* project-specific ThreadIQ: replaces canonical Core's single OrganizationTreePage with a separate index + detail pair. Same shared surface, different shape; reconciliation is deferred (see docs/migration/in/2026-08-06-core-app-restructure.md). */
/* /project-specific */

/* ── Row-preview drawer ── */
.preview-backdrop[b-qdehd8xvua] {
    position: fixed;
    inset: 0;
    top: var(--topbar-height, 56px);
    background: rgba(15, 17, 22, 0.35);
    z-index: 1029;
    animation: previewFade-b-qdehd8xvua 0.15s ease;
}

.preview-panel[b-qdehd8xvua] {
    position: fixed;
    top: var(--topbar-height, 56px);
    right: 0;
    bottom: 0;
    width: 400px;
    max-width: 100%;
    background: var(--panel);
    border-left: 1px solid var(--border);
    box-shadow: -16px 0 44px rgba(20, 24, 35, 0.22);
    z-index: 1030;
    display: flex;
    flex-direction: column;
    animation: slideInRight-b-qdehd8xvua 0.2s ease;
    outline: none;
    transition: width 0.2s ease;
}

.preview-panel-expanded[b-qdehd8xvua] {
    width: 100%;
}

.preview-header[b-qdehd8xvua] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    padding: 14px 18px;
    flex-shrink: 0;
}

.preview-icon-btn[b-qdehd8xvua] {
    border: none;
    background: transparent;
    color: var(--text-2);
    font-size: 15px;
    line-height: 1;
    padding: 2px;
    cursor: pointer;
}

.preview-icon-btn:hover[b-qdehd8xvua] {
    color: var(--text);
}

.preview-body[b-qdehd8xvua] {
    flex: 1;
    overflow-y: auto;
    padding: 0 24px 20px;
}

.preview-content[b-qdehd8xvua] {
    max-width: 100%;
}

.preview-panel-expanded .preview-content[b-qdehd8xvua] {
    max-width: 720px;
    margin: 0 auto;
}

.preview-hero[b-qdehd8xvua] {
    margin-bottom: 18px;
}

.preview-name[b-qdehd8xvua] {
    font-size: 20px;
    font-weight: 700;
    color: var(--text);
    margin-top: 12px;
}

.preview-subtitle[b-qdehd8xvua] {
    font-size: 13.5px;
    color: var(--text-2);
    margin-top: 2px;
}

.preview-primary[b-qdehd8xvua] {
    color: var(--text-3);
    font-weight: 500;
}

.preview-ts-label[b-qdehd8xvua] {
    margin: 18px 0 8px;
}

.preview-footer[b-qdehd8xvua] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 20px;
    border-top: 1px solid var(--border-2);
    flex-shrink: 0;
}

/* ── Tree view ── */
.tiq-tree-link[b-qdehd8xvua] {
    color: var(--text);
    text-decoration: none;
}

.tiq-tree-link:hover[b-qdehd8xvua] {
    color: var(--accent);
    text-decoration: underline;
}

@keyframes slideInRight-b-qdehd8xvua {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}

@keyframes previewFade-b-qdehd8xvua {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media (max-width: 991.98px) {
    .preview-panel[b-qdehd8xvua] { top: 0; width: 100%; height: 100vh; border-left: none; z-index: 1050; }
    .preview-backdrop[b-qdehd8xvua] { top: 0; z-index: 1049; }
}
/* /Core/UI/Pages/Admin/Users.razor.rz.scp.css */
/* ── User Preview Panel ── */

/* Panel: fixed on the right, overlapping the list */
.user-preview-panel[b-5gubua6bva] {
    position: fixed;
    top: var(--topbar-height, 56px);
    right: 0;
    bottom: 0;
    width: 380px;
    background-color: var(--bs-body-bg, #fff);
    border-left: 1px solid var(--bs-border-color, #dee2e6);
    box-shadow: -2px 0 12px rgba(0, 0, 0, 0.1);
    z-index: 1030;
    display: flex;
    flex-direction: column;
    animation: slideInRight-b-5gubua6bva 0.2s ease;
    outline: none;
}

.user-preview-header[b-5gubua6bva] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
    flex-shrink: 0;
}

.user-preview-body[b-5gubua6bva] {
    flex: 1;
    overflow-y: auto;
    padding: 1.25rem 1rem;
}

.user-preview-footer[b-5gubua6bva] {
    padding: 0.75rem 1rem;
    border-top: 1px solid var(--bs-border-color, #dee2e6);
    flex-shrink: 0;
}

/* Avatar circle */
.user-preview-avatar[b-5gubua6bva] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: var(--bs-primary, #0d6efd);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: 1px;
}

/* Section grouping */
.user-preview-section[b-5gubua6bva] {
    padding: 0.625rem 0;
    border-bottom: 1px solid var(--bs-border-color-translucent, rgba(0, 0, 0, 0.08));
}

.user-preview-section:last-child[b-5gubua6bva] {
    border-bottom: none;
}

.user-preview-section-title[b-5gubua6bva] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--bs-secondary-color, #6c757d);
    margin-bottom: 0.375rem;
}

/* Field rows */
.user-preview-field[b-5gubua6bva] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 0.3rem 0;
}

.user-preview-field label[b-5gubua6bva] {
    font-size: 0.875rem;
    color: var(--bs-secondary-color, #6c757d);
    flex-shrink: 0;
    margin-right: 1rem;
    margin-bottom: 0;
}

.user-preview-field > div[b-5gubua6bva] {
    font-size: 0.875rem;
    text-align: right;
    word-break: break-word;
}

/* Animation */
@keyframes slideInRight-b-5gubua6bva {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}

/* ── Mobile: fullscreen ── */
@media (max-width: 991.98px) {
    .user-preview-panel[b-5gubua6bva] {
        top: 0;
        width: 100%;
        height: 100vh;
        border-left: none;
        box-shadow: none;
        z-index: 1050;
    }
}