/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* /Components/Pages/CrmPage/Lead/LeadDetailsModal.razor.rz.scp.css */
.lead-modal-backdrop[b-k5b8bv9rv2] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .35);
    z-index: 1040;
}

.lead-modal[b-k5b8bv9rv2] {
    position: fixed;
    top: 2%;
    left: 50%;
    transform: translateX(-50%);
    width: min(1120px, 96vw);
    max-height: 95vh;
    background: #fff;
    border-radius: .8rem;
    box-shadow: 0 12px 50px rgba(0, 0, 0, .25);
    z-index: 1041;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.lead-modal-header[b-k5b8bv9rv2] {
    padding: .9rem 1rem;
    border-bottom: 1px solid #eceff5;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.lead-tab-strip[b-k5b8bv9rv2] {
    display: flex;
    padding: .8rem 1rem .5rem;
    gap: .45rem;
    flex-wrap: wrap;
    border-bottom: 1px solid #eceff5;
}

.tab-chip[b-k5b8bv9rv2] {
    border: 1px solid #dbe2ee;
    background: #f6f8fc;
    color: #3b4456;
    border-radius: .5rem;
    padding: .35rem .7rem;
    font-size: .8rem;
}

.tab-chip.active[b-k5b8bv9rv2] {
    background: #fff;
    border-color: #4b6bfb;
    color: #2c4fd8;
}

.lead-modal-body[b-k5b8bv9rv2] {
    overflow: auto;
    padding: 1rem;
}

.profile-grid[b-k5b8bv9rv2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .8rem;
}

.profile-card[b-k5b8bv9rv2] {
    border: 1px solid #edf0f6;
    border-radius: .65rem;
    padding: .8rem;
}

.profile-card p[b-k5b8bv9rv2] {
    display: flex;
    justify-content: space-between;
    gap: .8rem;
    margin-bottom: .45rem;
    font-size: .86rem;
}

.profile-card span[b-k5b8bv9rv2] {
    color: #6f788a;
}

.profile-card strong[b-k5b8bv9rv2] {
    text-align: right;
    color: #222c3d;
}

.status-badge[b-k5b8bv9rv2] {
    border: 1px solid #cfdafc;
    color: #3453da;
    background: #edf2ff;
    border-radius: 999px;
    padding: .1rem .55rem;
}

.tab-toolbar[b-k5b8bv9rv2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .7rem;
}

.inline-form[b-k5b8bv9rv2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: .5rem;
}

.upload-zone[b-k5b8bv9rv2] {
    border: 1px dashed #ccd5e6;
    border-radius: .7rem;
    text-align: center;
    padding: 1.2rem;
    background: #fafcff;
}

.attachment-item[b-k5b8bv9rv2] {
    border: 1px solid #eef1f6;
    border-radius: .5rem;
    padding: .4rem .6rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: .35rem;
}

.notes-editor[b-k5b8bv9rv2] {
    border: 1px solid #e6ebf5;
    border-radius: .6rem;
    padding: .75rem;
    background: #fff;
}

.notes-textarea[b-k5b8bv9rv2] {
    border: 1px solid #dce3ef;
}

.notes-editor-footer[b-k5b8bv9rv2] {
    margin-top: .6rem;
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
    align-items: center;
}

.note-outcome-options[b-k5b8bv9rv2] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.note-option[b-k5b8bv9rv2] {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: .83rem;
    color: #4a5569;
}

.notes-feed[b-k5b8bv9rv2] {
    display: flex;
    flex-direction: column;
    gap: .8rem;
}

.note-card[b-k5b8bv9rv2] {
    display: flex;
    gap: .65rem;
    border-top: 1px solid #edf1f7;
    padding-top: .65rem;
}

.note-avatar[b-k5b8bv9rv2] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #e8efff;
    color: #2d56dd;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .72rem;
    font-weight: 700;
}

.note-content[b-k5b8bv9rv2] {
    flex: 1;
}

.note-meta[b-k5b8bv9rv2] {
    margin-bottom: .15rem;
}

.note-author[b-k5b8bv9rv2] {
    font-size: .82rem;
    font-weight: 700;
    color: #1f293d;
}

.note-time[b-k5b8bv9rv2] {
    font-size: .75rem;
    color: #73819b;
}

.note-text[b-k5b8bv9rv2] {
    font-size: .85rem;
    color: #303c52;
    white-space: pre-wrap;
}

.action-icons[b-k5b8bv9rv2] {
    opacity: 0;
    visibility: hidden;
    transition: opacity .15s ease, visibility .15s ease;
}

.note-card:hover .action-icons[b-k5b8bv9rv2],
.timeline-card:hover .action-icons[b-k5b8bv9rv2] {
    opacity: 1;
    visibility: visible;
}

.action-icons .btn[b-k5b8bv9rv2] {
    color: #7d889d;
}

.action-icons .btn:hover[b-k5b8bv9rv2] {
    color: #2d56dd;
}

.action-icons .btn.text-danger:hover[b-k5b8bv9rv2] {
    color: #d03939 !important;
}

.activity-timeline[b-k5b8bv9rv2] {
    position: relative;
    padding-left: 1rem;
}

.activity-timeline[b-k5b8bv9rv2]::before {
    content: "";
    position: absolute;
    left: .28rem;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #d5dceb;
}

.timeline-item[b-k5b8bv9rv2] {
    position: relative;
    margin-bottom: .65rem;
}

.timeline-dot[b-k5b8bv9rv2] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #9aa8c4;
    position: absolute;
    left: -.08rem;
    top: .4rem;
    z-index: 2;
}

.timeline-body[b-k5b8bv9rv2] {
    padding-left: 1rem;
}

.timeline-time[b-k5b8bv9rv2] {
    font-size: .72rem;
    color: #7b879d;
    font-weight: 700;
    margin-bottom: .2rem;
    text-transform: uppercase;
}

.timeline-card[b-k5b8bv9rv2] {
    border: 1px solid #dbe2ef;
    background: #f8fafc;
    border-radius: .25rem;
    padding: .45rem .55rem;
}

.timeline-title[b-k5b8bv9rv2] {
    font-size: .82rem;
    color: #344258;
    font-weight: 600;
}

.timeline-desc[b-k5b8bv9rv2] {
    font-size: .8rem;
    color: #364256;
}

.timeline-sub[b-k5b8bv9rv2] {
    font-size: .72rem;
    color: #7f8aa1;
}

.mini-table th[b-k5b8bv9rv2] {
    white-space: nowrap;
}

.mini-table td[b-k5b8bv9rv2] {
    min-width: 110px;
}

@media (max-width: 900px) {
    .profile-grid[b-k5b8bv9rv2] {
        grid-template-columns: 1fr;
    }

    .inline-form[b-k5b8bv9rv2] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/CrmPage/Lead/LeadImport.razor.rz.scp.css */
.lead-import-page .upload-box[b-jgtzj0cyog] {
    border: 2px dashed #d7ddea;
    border-radius: .8rem;
    background: #f8faff;
}

.lead-import-page .template-columns[b-jgtzj0cyog] {
    background: #fbfcff;
    border: 1px solid #e8edf7;
    border-radius: .8rem;
    padding: .9rem;
    height: 100%;
}

.lead-import-page .template-columns ul[b-jgtzj0cyog] {
    margin: 0;
    padding-left: 1.1rem;
    font-size: .82rem;
    line-height: 1.35rem;
}

.lead-import-page .import-table[b-jgtzj0cyog] {
    max-height: 500px;
}

.lead-import-page .table thead th[b-jgtzj0cyog] {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 2;
    white-space: nowrap;
}
/* /Components/Pages/CrmPage/Lead/LeadList.razor.rz.scp.css */
.lead-page[b-gh74dv9738] {
    --lead-border: #e9edf5;
    --lead-soft-bg: #f8f9fc;
}

.lead-header[b-gh74dv9738] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.lead-summary[b-gh74dv9738] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: .6rem;
}

.summary-pill[b-gh74dv9738] {
    border: 1px solid var(--lead-border);
    border-radius: .65rem;
    background: #fff;
    padding: .6rem .75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #2d3a4d;
    transition: .2s ease;
}

.summary-pill.active[b-gh74dv9738] {
    border-color: #4b6bfb;
    box-shadow: 0 0 0 2px rgba(75, 107, 251, .15);
}

.lead-toolbar[b-gh74dv9738] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
}

.lead-toolbar-left[b-gh74dv9738],
.lead-toolbar-right[b-gh74dv9738] {
    display: flex;
    gap: .6rem;
    align-items: center;
    flex-wrap: wrap;
}

.search-box[b-gh74dv9738] {
    position: relative;
}

.search-box i[b-gh74dv9738] {
    position: absolute;
    left: .7rem;
    top: 50%;
    transform: translateY(-50%);
    color: #8b94a7;
}

.search-box input[b-gh74dv9738] {
    min-width: 280px;
    padding-left: 2rem;
}

.status-select[b-gh74dv9738] {
    min-width: 180px;
}

.view-toggle .btn[b-gh74dv9738] {
    min-width: 110px;
}

.lead-grid[b-gh74dv9738]  table td,
.lead-grid[b-gh74dv9738]  table th {
    vertical-align: middle;
}

.status-chip[b-gh74dv9738] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: .2rem .55rem;
    font-size: .73rem;
    font-weight: 600;
    border: 1px solid transparent;
}

.status-new[b-gh74dv9738] {
    background: #edf2ff;
    color: #3f5ef3;
    border-color: #ced9ff;
}

.status-contacted[b-gh74dv9738] {
    background: #e8f6ff;
    color: #0078b9;
    border-color: #bde9ff;
}

.status-qualified[b-gh74dv9738] {
    background: #f2eeff;
    color: #6a3ef0;
    border-color: #d9cfff;
}

.status-working[b-gh74dv9738] {
    background: #fff6e5;
    color: #b57700;
    border-color: #ffe1a6;
}

.status-proposal-sent[b-gh74dv9738] {
    background: #ffeef2;
    color: #bf3a67;
    border-color: #ffc4d4;
}

.status-customer[b-gh74dv9738] {
    background: #e8f9f0;
    color: #1f8a50;
    border-color: #b8edd2;
}

.status-lost[b-gh74dv9738] {
    background: #f6f7fa;
    color: #6f7785;
    border-color: #dde1ea;
}

.kanban-board[b-gh74dv9738] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(250px, 1fr);
    gap: .85rem;
    overflow-x: auto;
    padding-bottom: .25rem;
}

.kanban-column[b-gh74dv9738] {
    background: var(--lead-soft-bg);
    border: 1px solid var(--lead-border);
    border-radius: .75rem;
    min-height: 520px;
    display: flex;
    flex-direction: column;
}

.kanban-column-header[b-gh74dv9738] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .7rem .75rem;
    border-bottom: 1px solid var(--lead-border);
}

.kanban-title[b-gh74dv9738] {
    font-size: .85rem;
    font-weight: 700;
}

.kanban-column-body[b-gh74dv9738] {
    padding: .6rem;
    display: flex;
    flex-direction: column;
    gap: .6rem;
    min-height: 100%;
}

.kanban-card[b-gh74dv9738] {
    background: #fff;
    border: 1px solid #e8ebf3;
    border-radius: .7rem;
    padding: .65rem;
    box-shadow: 0 1px 4px rgba(20, 29, 54, .06);
    cursor: grab;
}

.kanban-card-title[b-gh74dv9738] {
    font-weight: 700;
    font-size: .9rem;
}

.kanban-card-company[b-gh74dv9738] {
    font-size: .82rem;
    color: #6f7785;
    margin-top: .15rem;
}

.kanban-card-meta[b-gh74dv9738] {
    display: flex;
    justify-content: space-between;
    gap: .4rem;
    margin-top: .5rem;
    font-size: .74rem;
    color: #7a8598;
}

.kanban-tags[b-gh74dv9738] {
    margin-top: .5rem;
    display: flex;
    gap: .35rem;
    flex-wrap: wrap;
}

.kanban-card-actions[b-gh74dv9738] {
    margin-top: .55rem;
    display: flex;
    gap: .4rem;
}

.kanban-empty[b-gh74dv9738] {
    border: 1px dashed #cfd5e2;
    border-radius: .6rem;
    padding: .8rem;
    text-align: center;
    color: #8a93a6;
    font-size: .82rem;
    background: #fff;
}

@media (max-width: 992px) {
    .search-box input[b-gh74dv9738] {
        min-width: 220px;
    }

    .lead-summary[b-gh74dv9738] {
        grid-template-columns: repeat(auto-fit, minmax(115px, 1fr));
    }
}
/* /Components/Pages/POSPage/PosList.razor.rz.scp.css */