/* /Components/Account/Shared/ManageLayout.razor.rz.scp.css */
.account-manage-layout[b-f6kqq0373a] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.account-manage-hero[b-f6kqq0373a] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.35rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1.25rem;
    background:
        radial-gradient(circle at top left, rgba(37, 99, 235, 0.12), transparent 32rem),
        #fff;
    box-shadow: 0 1rem 2.5rem rgba(15, 23, 42, 0.06);
}

.account-manage-hero-icon[b-f6kqq0373a] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 1rem;
    color: #2563eb;
    background: rgba(37, 99, 235, 0.1);
}

.account-manage-hero-icon .material-symbols-outlined[b-f6kqq0373a] {
    font-size: 2rem;
}

.account-manage-eyebrow[b-f6kqq0373a] {
    margin-bottom: 0.2rem;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #64748b;
}

.account-manage-hero h2[b-f6kqq0373a] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 800;
    color: #0f172a;
}

.account-manage-hero p[b-f6kqq0373a] {
    margin: 0.25rem 0 0;
    color: #64748b;
}

.account-manage-sidebar[b-f6kqq0373a],
.account-manage-content[b-f6kqq0373a] {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1.25rem;
    background: #fff;
    box-shadow: 0 1rem 2.5rem rgba(15, 23, 42, 0.05);
}

.account-manage-sidebar[b-f6kqq0373a] {
    position: sticky;
    top: 1rem;
    padding: 0.75rem;
}

.account-manage-sidebar-title[b-f6kqq0373a] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.65rem 0.75rem 0.85rem;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #64748b;
}

.account-manage-sidebar-title .material-symbols-outlined[b-f6kqq0373a] {
    font-size: 1.15rem;
}

.account-manage-content[b-f6kqq0373a] {
    padding: 1.5rem;
    min-height: 26rem;
}

@media (max-width: 991.98px) {
    .account-manage-sidebar[b-f6kqq0373a] {
        position: static;
    }

    .account-manage-content[b-f6kqq0373a] {
        padding: 1rem;
    }

    .account-manage-hero[b-f6kqq0373a] {
        align-items: flex-start;
    }
}

.account-manage-sidebar[b-f6kqq0373a]  .account-settings-nav {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.account-manage-sidebar[b-f6kqq0373a]  .account-settings-nav-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem;
    border-radius: 0.95rem;
    color: #334155;
    text-decoration: none;
    background: transparent;
    transition:
        background-color 0.16s ease,
        color 0.16s ease,
        box-shadow 0.16s ease,
        transform 0.16s ease;
}

.account-manage-sidebar[b-f6kqq0373a]  .account-settings-nav-item:hover {
    color: #0f172a;
    background: #f8fafc;
    transform: translateX(2px);
}

.account-manage-sidebar[b-f6kqq0373a]  .account-settings-nav-item.active {
    color: #0f172a;
    background: #eff6ff;
    box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.16);
}

.account-manage-sidebar[b-f6kqq0373a]  .account-settings-nav-item.active::before {
    content: "";
    position: absolute;
    left: 0.45rem;
    top: 0.75rem;
    bottom: 0.75rem;
    width: 0.2rem;
    border-radius: 999px;
    background: #2563eb;
}

.account-manage-sidebar[b-f6kqq0373a]  .account-settings-nav-item .material-symbols-outlined {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 0.75rem;
    font-size: 1.25rem;
    color: #64748b;
    background: #f1f5f9;
    font-variation-settings:
        'FILL' 0,
        'wght' 500,
        'GRAD' 0,
        'opsz' 24;
}

.account-manage-sidebar[b-f6kqq0373a]  .account-settings-nav-item.active .material-symbols-outlined {
    color: #2563eb;
    background: #dbeafe;
    font-variation-settings:
        'FILL' 1,
        'wght' 600,
        'GRAD' 0,
        'opsz' 24;
}

.account-manage-sidebar[b-f6kqq0373a]  .account-settings-nav-text {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.15;
}

.account-manage-sidebar[b-f6kqq0373a]  .account-settings-nav-text strong {
    font-size: 0.9rem;
    font-weight: 750;
    color: inherit;
}

.account-manage-sidebar[b-f6kqq0373a]  .account-settings-nav-text small {
    margin-top: 0.2rem;
    font-size: 0.76rem;
    font-weight: 500;
    color: #64748b;
}

.account-manage-sidebar[b-f6kqq0373a]  .account-settings-nav-item.active .account-settings-nav-text small {
    color: #475569;
}

@media (max-width: 991.98px) {
    .account-manage-sidebar[b-f6kqq0373a]  .account-settings-nav {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .account-manage-sidebar[b-f6kqq0373a]  .account-settings-nav-text small {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .account-manage-sidebar[b-f6kqq0373a]  .account-settings-nav {
        grid-template-columns: 1fr;
    }
}
/* /Components/Account/Shared/ManageNavMenu.razor.rz.scp.css */
.account-settings-nav[b-i63e9ia40e] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.account-settings-nav-item[b-i63e9ia40e] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem;
    border-radius: 0.95rem;
    color: #334155;
    text-decoration: none;
    background: transparent;
    transition:
        background-color 0.16s ease,
        color 0.16s ease,
        box-shadow 0.16s ease,
        transform 0.16s ease;
}

.account-settings-nav-item:hover[b-i63e9ia40e] {
    color: #0f172a;
    background: #f8fafc;
    transform: translateX(2px);
}

.account-settings-nav-item.active[b-i63e9ia40e] {
    color: #0f172a;
    background: #eff6ff;
    box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.16);
}

.account-settings-nav-item.active[b-i63e9ia40e]::before {
    content: "";
    position: absolute;
    left: 0.45rem;
    top: 0.75rem;
    bottom: 0.75rem;
    width: 0.2rem;
    border-radius: 999px;
    background: #2563eb;
}

.account-settings-nav-item .material-symbols-outlined[b-i63e9ia40e] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 0.75rem;
    font-size: 1.25rem;
    color: #64748b;
    background: #f1f5f9;
    font-variation-settings:
        'FILL' 0,
        'wght' 500,
        'GRAD' 0,
        'opsz' 24;
}

.account-settings-nav-item.active .material-symbols-outlined[b-i63e9ia40e] {
    color: #2563eb;
    background: #dbeafe;
    font-variation-settings:
        'FILL' 1,
        'wght' 600,
        'GRAD' 0,
        'opsz' 24;
}

.account-settings-nav-text[b-i63e9ia40e] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.15;
}

.account-settings-nav-text strong[b-i63e9ia40e] {
    font-size: 0.9rem;
    font-weight: 750;
    color: inherit;
}

.account-settings-nav-text small[b-i63e9ia40e] {
    margin-top: 0.2rem;
    font-size: 0.76rem;
    font-weight: 500;
    color: #64748b;
}

.account-settings-nav-item.active .account-settings-nav-text small[b-i63e9ia40e] {
    color: #475569;
}

@media (max-width: 991.98px) {
    .account-settings-nav[b-i63e9ia40e] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .account-settings-nav-text small[b-i63e9ia40e] {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .account-settings-nav[b-i63e9ia40e] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Activities/Pages/ActivitiesList.razor.rz.scp.css */
.activities-page[b-8xnjskuaax] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ---------------------------------
   Company context
---------------------------------- */

.activities-context-filter[b-8xnjskuaax] {
    min-height: 64px;
    padding: .85rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background: #f7faff;
    border: 1px solid #cbdcfb;
    border-radius: .9rem;
}

.activities-context-filter-main[b-8xnjskuaax] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .75rem;
}

    .activities-context-filter-main > .material-symbols-outlined[b-8xnjskuaax] {
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #0b5cff;
        background: #eaf2ff;
        border-radius: .75rem;
        font-size: 20px;
    }

    .activities-context-filter-main > div[b-8xnjskuaax] {
        min-width: 0;
    }

    .activities-context-filter-main strong[b-8xnjskuaax] {
        display: block;
        color: #0f172a;
        font-size: .9rem;
        font-weight: 800;
    }

    .activities-context-filter-main span[b-8xnjskuaax] {
        display: block;
        margin-top: .1rem;
        color: #64748b;
        font-size: .8rem;
        line-height: 1.4;
    }

/* ---------------------------------
   Toolbar
---------------------------------- */

.activities-toolbar[b-8xnjskuaax] {
    padding: 1rem 1.25rem;
    display: grid;
    grid-template-columns: minmax(300px, 1fr) auto auto;
    gap: 1.25rem;
    align-items: end;
}

.activities-search[b-8xnjskuaax] {
    min-width: 0;
}

    .activities-search .input-group[b-8xnjskuaax] {
        min-width: 0;
    }

    .activities-search .input-group-text[b-8xnjskuaax] {
        color: #64748b;
        background: #ffffff;
    }

    .activities-search .material-symbols-outlined[b-8xnjskuaax] {
        font-size: 20px;
    }

.activities-filters[b-8xnjskuaax] {
    display: flex;
    align-items: center;
    gap: .75rem;
    white-space: nowrap;
}

.activities-type-filter[b-8xnjskuaax],
.activities-status-filter[b-8xnjskuaax] {
    width: 10rem;
}

.activities-filter-divider[b-8xnjskuaax] {
    width: 1px;
    height: 2.25rem;
    flex: 0 0 auto;
    background: #e5eaf2;
}

.activities-toolbar-actions[b-8xnjskuaax] {
    display: flex;
    justify-content: flex-end;
}

    .activities-toolbar-actions .btn[b-8xnjskuaax] {
        min-height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .4rem;
    }

/* ---------------------------------
   Summary
---------------------------------- */

.activities-summary[b-8xnjskuaax] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.activities-summary-card[b-8xnjskuaax] {
    min-width: 0;
    min-height: 120px;
    padding: 1.1rem 1.25rem;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 1rem;
    background: #ffffff;
    border: 1px solid #e5eaf2;
    border-radius: 1rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
}

    .activities-summary-card[b-8xnjskuaax]::before {
        content: "";
        width: 4px;
        position: absolute;
        inset: 0 auto 0 0;
        background: #0b5cff;
    }

    .activities-summary-card > .material-symbols-outlined[b-8xnjskuaax] {
        width: 52px;
        height: 52px;
        flex: 0 0 52px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #0b5cff;
        background: #eaf2ff;
        border-radius: .85rem;
        font-size: 28px;
    }

    .activities-summary-card > div[b-8xnjskuaax] {
        min-width: 0;
    }

    .activities-summary-card small[b-8xnjskuaax],
    .activities-summary-card strong[b-8xnjskuaax],
    .activities-summary-card div > span[b-8xnjskuaax] {
        display: block;
    }

    .activities-summary-card small[b-8xnjskuaax] {
        color: #475569;
        font-size: .9rem;
    }

    .activities-summary-card strong[b-8xnjskuaax] {
        margin-top: .2rem;
        color: #0f172a;
        font-size: 1.85rem;
        font-weight: 850;
        line-height: 1;
    }

    .activities-summary-card div > span[b-8xnjskuaax] {
        margin-top: .4rem;
        color: #64748b;
        font-size: .82rem;
    }

.activities-summary-danger[b-8xnjskuaax]::before {
    background: #dc2626;
}

.activities-summary-danger > .material-symbols-outlined[b-8xnjskuaax] {
    color: #dc2626;
    background: #fee2e2;
}

.activities-summary-warning[b-8xnjskuaax]::before {
    background: #f59e0b;
}

.activities-summary-warning > .material-symbols-outlined[b-8xnjskuaax] {
    color: #d97706;
    background: #fef3c7;
}

.activities-summary-success[b-8xnjskuaax]::before {
    background: #16a34a;
}

.activities-summary-success > .material-symbols-outlined[b-8xnjskuaax] {
    color: #16a34a;
    background: #dcfce7;
}

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

.activities-header-actions[b-8xnjskuaax] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

/* ---------------------------------
   Desktop table
---------------------------------- */

.activities-table-view[b-8xnjskuaax] {
    display: block;
}

.activities-name-cell[b-8xnjskuaax] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .75rem;
}

.activities-name-content[b-8xnjskuaax] {
    min-width: 0;
}

.activities-icon[b-8xnjskuaax] {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0b5cff;
    background: #eef4ff;
    border-radius: .7rem;
}

    .activities-icon .material-symbols-outlined[b-8xnjskuaax] {
        font-size: 20px;
    }

.activities-name-link[b-8xnjskuaax] {
    color: #111827;
    font-weight: 800;
    text-decoration: none;
}

    .activities-name-link:hover[b-8xnjskuaax] {
        color: #0b5cff;
        text-decoration: underline;
    }

/* ---------------------------------
   Type
---------------------------------- */

.activity-type[b-8xnjskuaax] {
    min-height: 1.75rem;
    padding: .2rem .65rem;
    display: inline-flex;
    align-items: center;
    color: #3730a3;
    background: #eef2ff;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 800;
    white-space: nowrap;
}

/* ---------------------------------
   Related
---------------------------------- */

.activities-related[b-8xnjskuaax] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

    .activities-related a[b-8xnjskuaax] {
        color: #2563eb;
        font-weight: 650;
        text-decoration: none;
        overflow-wrap: anywhere;
    }

        .activities-related a:hover[b-8xnjskuaax] {
            text-decoration: underline;
        }

/* ---------------------------------
   Due
---------------------------------- */

.activities-due-overdue[b-8xnjskuaax] {
    color: #b91c1c;
    font-weight: 800;
}

.activities-due-today[b-8xnjskuaax] {
    color: #b45309;
    font-weight: 800;
}

/* ---------------------------------
   Status
---------------------------------- */

.activities-status[b-8xnjskuaax] {
    min-height: 1.55rem;
    padding: .15rem .55rem;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 800;
    white-space: nowrap;
}

.activities-status-open[b-8xnjskuaax] {
    color: #1d4ed8;
    background: #eff6ff;
}

.activities-status-overdue[b-8xnjskuaax] {
    color: #b91c1c;
    background: #fee2e2;
}

.activities-status-completed[b-8xnjskuaax] {
    color: #166534;
    background: #dcfce7;
}

/* ---------------------------------
   Row actions
---------------------------------- */

.activities-row-actions[b-8xnjskuaax] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
    white-space: nowrap;
}

.activities-row-completed[b-8xnjskuaax] {
    opacity: .68;
}

.activities-row-archived[b-8xnjskuaax] {
    opacity: .72;
}

/* ---------------------------------
   Mobile cards
---------------------------------- */

.activities-mobile-list[b-8xnjskuaax] {
    display: none;
}

/* ---------------------------------
   Tablet
---------------------------------- */

@media (max-width: 1199.98px) {

    .activities-toolbar[b-8xnjskuaax] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .activities-filters[b-8xnjskuaax] {
        flex-wrap: wrap;
    }

    .activities-toolbar-actions[b-8xnjskuaax] {
        justify-content: flex-start;
    }

    .activities-summary[b-8xnjskuaax] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ---------------------------------
   Mobile
---------------------------------- */

@media (max-width: 767.98px) {

    .activities-page[b-8xnjskuaax] {
        gap: .8rem;
    }

    /* Context */

    .activities-context-filter[b-8xnjskuaax] {
        width: 100%;
        padding: .8rem;
        flex-direction: column;
        align-items: stretch;
        gap: .75rem;
    }

        .activities-context-filter > .btn[b-8xnjskuaax] {
            width: 100%;
            min-height: 42px;
            justify-content: center;
        }

    /* Toolbar */

    .activities-toolbar[b-8xnjskuaax] {
        width: 100%;
        padding: .85rem;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: .85rem;
    }

    .activities-search[b-8xnjskuaax],
    .activities-search .input-group[b-8xnjskuaax] {
        width: 100%;
    }

        .activities-search .form-control[b-8xnjskuaax] {
            min-width: 0;
            min-height: 44px;
        }

        .activities-search .input-group-text[b-8xnjskuaax] {
            min-width: 44px;
            justify-content: center;
        }

    .activities-filters[b-8xnjskuaax] {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: .7rem;
        white-space: normal;
    }

    .activities-type-filter[b-8xnjskuaax],
    .activities-status-filter[b-8xnjskuaax] {
        width: 100%;
        min-height: 44px;
    }

    .activities-filter-divider[b-8xnjskuaax] {
        display: none;
    }

    .activities-filters .form-check[b-8xnjskuaax] {
        margin: 0;
    }

    .activities-filters .form-check-label[b-8xnjskuaax] {
        color: #475569;
        font-size: .78rem;
    }

    .activities-toolbar-actions[b-8xnjskuaax] {
        width: 100%;
    }

        .activities-toolbar-actions .btn[b-8xnjskuaax] {
            width: 100%;
            min-height: 44px;
        }

    /* Summary */

    .activities-summary[b-8xnjskuaax] {
        width: 100%;
        grid-template-columns: 1fr;
        gap: .65rem;
    }

    .activities-summary-card[b-8xnjskuaax] {
        width: 100%;
        min-height: 76px;
        padding: .8rem .9rem;
        gap: .8rem;
        border-radius: .9rem;
    }

        .activities-summary-card[b-8xnjskuaax]::before {
            width: 3px;
        }

        .activities-summary-card > .material-symbols-outlined[b-8xnjskuaax] {
            width: 40px;
            height: 40px;
            flex-basis: 40px;
            border-radius: .7rem;
            font-size: 21px;
        }

        .activities-summary-card small[b-8xnjskuaax] {
            font-size: .72rem;
        }

        .activities-summary-card strong[b-8xnjskuaax] {
            margin-top: .08rem;
            font-size: 1.35rem;
        }

        .activities-summary-card div > span[b-8xnjskuaax] {
            margin-top: .12rem;
            font-size: .68rem;
        }

    /* Results header */

    .activities-results .crm-card-header[b-8xnjskuaax] {
        align-items: flex-start;
        gap: .75rem;
    }

    .activities-header-actions[b-8xnjskuaax] {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .5rem;
    }

        .activities-header-actions .btn[b-8xnjskuaax] {
            width: 100%;
            min-height: 42px;
            justify-content: center;
        }

            .activities-header-actions .btn:only-child[b-8xnjskuaax] {
                grid-column: 1 / -1;
            }

    /* Hide table */

    .activities-table-view[b-8xnjskuaax] {
        display: none;
    }

    /* Mobile list */

    .activities-mobile-list[b-8xnjskuaax] {
        width: 100%;
        padding: .55rem;
        display: flex;
        flex-direction: column;
        gap: .65rem;
    }

    .activities-mobile-card[b-8xnjskuaax] {
        width: 100%;
        overflow: hidden;
        background: #ffffff;
        border: 1px solid #e5eaf2;
        border-radius: .9rem;
        box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
    }

    .activities-mobile-main[b-8xnjskuaax] {
        min-width: 0;
        padding: .8rem;
        display: flex;
        align-items: flex-start;
        gap: .7rem;
        color: inherit;
        text-decoration: none;
    }

        .activities-mobile-main:active[b-8xnjskuaax] {
            background: #f8fafc;
        }

    .activities-mobile-icon[b-8xnjskuaax] {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }

    .activities-mobile-heading[b-8xnjskuaax] {
        min-width: 0;
        flex: 1 1 auto;
    }

    .activities-mobile-title-row[b-8xnjskuaax] {
        min-width: 0;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: .5rem;
    }

    .activities-mobile-title[b-8xnjskuaax] {
        min-width: 0;
        color: #111827;
        font-size: .88rem;
        font-weight: 800;
        line-height: 1.3;
        overflow-wrap: anywhere;
    }

    .activities-mobile-title-row .activity-type[b-8xnjskuaax] {
        min-height: 1.4rem;
        padding: .12rem .45rem;
        flex: 0 0 auto;
        font-size: .62rem;
    }

    .activities-mobile-description[b-8xnjskuaax] {
        margin: .35rem 0 0;
        display: -webkit-box;
        overflow: hidden;
        color: #64748b;
        font-size: .74rem;
        line-height: 1.45;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow-wrap: anywhere;
    }

    .activities-mobile-chevron[b-8xnjskuaax] {
        flex: 0 0 auto;
        align-self: center;
        color: #a6afbc;
        font-size: 20px;
    }

    /* Details */

    .activities-mobile-details[b-8xnjskuaax] {
        padding: .7rem .8rem;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .7rem;
        background: #f8fafc;
        border-top: 1px solid #edf0f4;
    }

    .activities-mobile-detail[b-8xnjskuaax] {
        min-width: 0;
        display: flex;
        align-items: flex-start;
        gap: .45rem;
    }

        .activities-mobile-detail > .material-symbols-outlined[b-8xnjskuaax] {
            width: 18px;
            flex: 0 0 18px;
            color: #64748b;
            font-size: 17px;
        }

        .activities-mobile-detail > div[b-8xnjskuaax] {
            min-width: 0;
        }

        .activities-mobile-detail small[b-8xnjskuaax] {
            display: block;
            margin-bottom: .08rem;
            color: #94a3b8;
            font-size: .65rem;
        }

        .activities-mobile-detail strong[b-8xnjskuaax] {
            display: block;
            color: #334155;
            font-size: .75rem;
            font-weight: 750;
            line-height: 1.35;
            overflow-wrap: anywhere;
        }

        .activities-mobile-detail .activities-status[b-8xnjskuaax] {
            min-height: 1.35rem;
            padding: .1rem .4rem;
            font-size: .62rem;
        }

    /* Related records */

    .activities-mobile-related[b-8xnjskuaax] {
        padding: .6rem .8rem;
        display: flex;
        flex-direction: column;
        gap: .4rem;
        border-top: 1px solid #edf0f4;
    }

        .activities-mobile-related a[b-8xnjskuaax] {
            min-width: 0;
            display: flex;
            align-items: center;
            gap: .4rem;
            color: #2563eb;
            font-size: .72rem;
            font-weight: 700;
            line-height: 1.35;
            text-decoration: none;
            overflow-wrap: anywhere;
        }

        .activities-mobile-related .material-symbols-outlined[b-8xnjskuaax] {
            width: 17px;
            flex: 0 0 17px;
            color: #64748b;
            font-size: 16px;
        }

    /* Actions */

    .activities-mobile-actions[b-8xnjskuaax] {
        padding: .55rem;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .5rem;
        border-top: 1px solid #edf0f4;
    }

        .activities-mobile-actions .btn[b-8xnjskuaax] {
            width: 100%;
            min-height: 42px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: .35rem;
        }

            .activities-mobile-actions .btn:only-child[b-8xnjskuaax] {
                grid-column: 1 / -1;
            }

        .activities-mobile-actions .material-symbols-outlined[b-8xnjskuaax] {
            font-size: 18px;
        }
}

/* ---------------------------------
   Small phones
---------------------------------- */

@media (max-width: 575.98px) {

    .activities-toolbar[b-8xnjskuaax] {
        padding: .75rem;
    }

    .activities-summary-card[b-8xnjskuaax] {
        min-height: 72px;
        padding: .75rem .85rem;
    }

    .activities-header-actions[b-8xnjskuaax] {
        grid-template-columns: 1fr;
    }

        .activities-header-actions .btn[b-8xnjskuaax] {
            grid-column: auto;
        }

    .activities-mobile-list[b-8xnjskuaax] {
        padding: .45rem;
        gap: .55rem;
    }

    .activities-mobile-main[b-8xnjskuaax] {
        padding: .75rem;
    }

    .activities-mobile-title-row[b-8xnjskuaax] {
        flex-direction: column;
        gap: .3rem;
    }

    .activities-mobile-details[b-8xnjskuaax] {
        padding: .65rem .75rem;
        grid-template-columns: 1fr;
        gap: .55rem;
    }

    .activities-mobile-related[b-8xnjskuaax] {
        padding: .6rem .75rem;
    }

    .activities-mobile-actions[b-8xnjskuaax] {
        padding: .5rem;
    }
}
/* /Components/Activities/Pages/ActivityEdit.razor.rz.scp.css */
.activity-edit-page[b-kukv34wrwh] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ---------------------------------
   Layout
---------------------------------- */

.activity-edit-layout[b-kukv34wrwh] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 1rem;
    align-items: start;
}

.activity-edit-main[b-kukv34wrwh],
.activity-edit-side[b-kukv34wrwh] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.activity-edit-side[b-kukv34wrwh] {
    position: sticky;
    top: 138px;
}

/* ---------------------------------
   Card body
---------------------------------- */

.activity-edit-card-body[b-kukv34wrwh] {
    min-width: 0;
    padding: 1.25rem;
}

/* ---------------------------------
   Save panel
---------------------------------- */

.activity-save-panel[b-kukv34wrwh] {
    padding: 1.5rem;
    text-align: center;
}

.activity-save-icon[b-kukv34wrwh] {
    width: 58px;
    height: 58px;
    margin: 0 auto 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0b5cff;
    background: #eef4ff;
    border-radius: 1rem;
}

    .activity-save-icon .material-symbols-outlined[b-kukv34wrwh] {
        font-size: 30px;
    }

.activity-save-panel h3[b-kukv34wrwh] {
    margin: 0;
    color: #111827;
    font-size: 1.15rem;
    font-weight: 800;
}

.activity-save-panel > p[b-kukv34wrwh] {
    margin: .45rem 0 0;
    color: #64748b;
    font-size: .875rem;
    line-height: 1.5;
}

.activity-save-actions[b-kukv34wrwh] {
    margin-top: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

    .activity-save-actions .btn[b-kukv34wrwh] {
        width: 100%;
        min-height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: .45rem;
    }

    .activity-save-actions .material-symbols-outlined[b-kukv34wrwh] {
        font-size: 19px;
    }

/* ---------------------------------
   Sidebar headings
---------------------------------- */

.activity-side-heading[b-kukv34wrwh] {
    margin: 0 0 1rem;
    color: #111827;
    font-size: .95rem;
    font-weight: 800;
}

/* ---------------------------------
   Meta list
---------------------------------- */

.activity-meta-list[b-kukv34wrwh] {
    display: flex;
    flex-direction: column;
}

    .activity-meta-list > div[b-kukv34wrwh] {
        padding: .7rem 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        border-bottom: 1px solid #edf0f4;
    }

        .activity-meta-list > div:first-child[b-kukv34wrwh] {
            padding-top: 0;
        }

        .activity-meta-list > div:last-child[b-kukv34wrwh] {
            padding-bottom: 0;
            border-bottom: 0;
        }

    .activity-meta-list span[b-kukv34wrwh] {
        color: #64748b;
        font-size: .85rem;
    }

    .activity-meta-list strong[b-kukv34wrwh] {
        min-width: 0;
        color: #111827;
        font-size: .85rem;
        font-weight: 750;
        text-align: right;
        overflow-wrap: anywhere;
    }

/* ---------------------------------
   Related summary
---------------------------------- */

.activity-related-summary[b-kukv34wrwh] {
    margin-top: 1rem;
    padding: .9rem 1rem;
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    background: #f8fbff;
    border: 1px solid #dbe6f5;
    border-radius: .75rem;
}

    .activity-related-summary > .material-symbols-outlined[b-kukv34wrwh] {
        flex: 0 0 auto;
        margin-top: .05rem;
        color: #2563eb;
        font-size: 21px;
    }

    .activity-related-summary > div[b-kukv34wrwh] {
        min-width: 0;
    }

    .activity-related-summary strong[b-kukv34wrwh],
    .activity-related-summary div > span[b-kukv34wrwh] {
        display: block;
    }

    .activity-related-summary strong[b-kukv34wrwh] {
        color: #1e293b;
        font-size: .85rem;
        font-weight: 800;
    }

    .activity-related-summary div > span[b-kukv34wrwh] {
        margin-top: .15rem;
        color: #64748b;
        font-size: .8rem;
        line-height: 1.4;
        overflow-wrap: anywhere;
    }

/* ---------------------------------
   Status
---------------------------------- */

.activity-status[b-kukv34wrwh] {
    margin-bottom: 1rem;
    padding: .9rem 1rem;
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    border: 1px solid transparent;
    border-radius: .75rem;
}

    .activity-status > .material-symbols-outlined[b-kukv34wrwh] {
        flex: 0 0 auto;
        font-size: 23px;
    }

    .activity-status > div[b-kukv34wrwh] {
        min-width: 0;
    }

    .activity-status strong[b-kukv34wrwh],
    .activity-status span[b-kukv34wrwh] {
        display: block;
    }

    .activity-status strong[b-kukv34wrwh] {
        font-size: .875rem;
        font-weight: 800;
    }

    .activity-status div > span[b-kukv34wrwh] {
        margin-top: .15rem;
        font-size: .8rem;
        line-height: 1.4;
    }

.activity-status-open[b-kukv34wrwh] {
    color: #1d4ed8;
    background: #eff6ff;
    border-color: #dbeafe;
}

.activity-status-today[b-kukv34wrwh] {
    color: #b45309;
    background: #fffbeb;
    border-color: #fde68a;
}

.activity-status-overdue[b-kukv34wrwh] {
    color: #b91c1c;
    background: #fef2f2;
    border-color: #fecaca;
}

.activity-status-completed[b-kukv34wrwh] {
    color: #15803d;
    background: #f0fdf4;
    border-color: #bbf7d0;
}

/* ---------------------------------
   Buttons
---------------------------------- */

.activity-edit-side .btn-soft-success[b-kukv34wrwh],
.activity-edit-side .btn-soft-secondary[b-kukv34wrwh] {
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
}

    .activity-edit-side .btn-soft-success .material-symbols-outlined[b-kukv34wrwh],
    .activity-edit-side .btn-soft-secondary .material-symbols-outlined[b-kukv34wrwh] {
        font-size: 19px;
    }

/* ---------------------------------
   Form elements
---------------------------------- */

.activity-edit-page .form-control[b-kukv34wrwh],
.activity-edit-page .form-select[b-kukv34wrwh] {
    min-width: 0;
}

.activity-edit-page textarea.form-control[b-kukv34wrwh] {
    resize: vertical;
}

/* ---------------------------------
   Tablet
---------------------------------- */

@media (max-width: 1199.98px) {

    .activity-edit-layout[b-kukv34wrwh] {
        grid-template-columns: minmax(0, 1fr) 290px;
    }
}

@media (max-width: 991.98px) {

    .activity-edit-layout[b-kukv34wrwh] {
        grid-template-columns: 1fr;
    }

    .activity-edit-side[b-kukv34wrwh] {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
    }

        /*
        Keep save panel after the informational
        cards rather than forcing it to the top.
    */

        .activity-edit-side > .crm-card:nth-child(2)[b-kukv34wrwh],
        .activity-edit-side > .crm-card:nth-child(3)[b-kukv34wrwh],
        .activity-edit-side > .crm-card:nth-child(4)[b-kukv34wrwh] {
            min-width: 0;
        }

    .activity-save-panel[b-kukv34wrwh] {
        grid-column: 1 / -1;
        order: 99;
    }
}

/* ---------------------------------
   Mobile
---------------------------------- */

@media (max-width: 767.98px) {

    .activity-edit-page[b-kukv34wrwh] {
        gap: .8rem;
    }

    .activity-edit-layout[b-kukv34wrwh] {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .8rem;
    }

    .activity-edit-main[b-kukv34wrwh],
    .activity-edit-side[b-kukv34wrwh] {
        width: 100%;
        gap: .8rem;
    }

    /*
        Flatten the sidebar so we can put the
        save panel at the end of the whole side flow.
    */

    .activity-edit-side[b-kukv34wrwh] {
        display: flex;
        flex-direction: column;
    }

    .activity-save-panel[b-kukv34wrwh] {
        order: 99;
    }

    .activity-edit-card-body[b-kukv34wrwh] {
        padding: .9rem;
    }

    /* Inputs */

    .activity-edit-page .form-control[b-kukv34wrwh],
    .activity-edit-page .form-select[b-kukv34wrwh] {
        min-height: 44px;
    }

    .activity-edit-page textarea.form-control[b-kukv34wrwh] {
        min-height: 120px;
    }

    .activity-edit-page textarea[rows="6"][b-kukv34wrwh] {
        min-height: 145px;
    }

    .activity-edit-page .form-label[b-kukv34wrwh] {
        margin-bottom: .35rem;
        font-size: .8rem;
        font-weight: 700;
    }

    .activity-edit-page .form-text[b-kukv34wrwh] {
        font-size: .7rem;
        line-height: 1.4;
    }

    /* Related summary */

    .activity-related-summary[b-kukv34wrwh] {
        margin-top: .8rem;
        padding: .75rem;
        gap: .6rem;
    }

        .activity-related-summary > .material-symbols-outlined[b-kukv34wrwh] {
            font-size: 19px;
        }

        .activity-related-summary strong[b-kukv34wrwh] {
            font-size: .78rem;
        }

        .activity-related-summary div > span[b-kukv34wrwh] {
            font-size: .72rem;
        }

    /* Assignment */

    .activity-edit-side .form-select[b-kukv34wrwh] {
        width: 100%;
    }

    /* Status */

    .activity-status[b-kukv34wrwh] {
        margin-bottom: .75rem;
        padding: .75rem;
        gap: .6rem;
    }

        .activity-status > .material-symbols-outlined[b-kukv34wrwh] {
            font-size: 20px;
        }

        .activity-status strong[b-kukv34wrwh] {
            font-size: .8rem;
        }

        .activity-status div > span[b-kukv34wrwh] {
            font-size: .72rem;
        }

    .activity-edit-side .btn-soft-success[b-kukv34wrwh],
    .activity-edit-side .btn-soft-secondary[b-kukv34wrwh] {
        width: 100%;
        min-height: 44px;
    }

    /* Record status */

    .activity-meta-list > div[b-kukv34wrwh] {
        padding: .6rem 0;
    }

    .activity-meta-list span[b-kukv34wrwh] {
        font-size: .72rem;
    }

    .activity-meta-list strong[b-kukv34wrwh] {
        font-size: .78rem;
    }

    /* Save */

    .activity-save-panel[b-kukv34wrwh] {
        width: 100%;
        padding: 1rem;
    }

    .activity-save-icon[b-kukv34wrwh] {
        width: 46px;
        height: 46px;
        margin-bottom: .7rem;
        border-radius: .8rem;
    }

        .activity-save-icon .material-symbols-outlined[b-kukv34wrwh] {
            font-size: 24px;
        }

    .activity-save-panel h3[b-kukv34wrwh] {
        font-size: 1rem;
    }

    .activity-save-panel > p[b-kukv34wrwh] {
        margin-top: .3rem;
        font-size: .76rem;
        line-height: 1.4;
    }

    .activity-save-actions[b-kukv34wrwh] {
        margin-top: .85rem;
        gap: .5rem;
    }

        .activity-save-actions .btn[b-kukv34wrwh] {
            min-height: 44px;
        }

    /* Alerts */

    .activity-edit-page .alert[b-kukv34wrwh] {
        min-width: 0;
        align-items: flex-start;
    }

        .activity-edit-page .alert .alert-content[b-kukv34wrwh] {
            min-width: 0;
        }

        .activity-edit-page .alert p[b-kukv34wrwh] {
            overflow-wrap: anywhere;
        }
}

/* ---------------------------------
   Small phones
---------------------------------- */

@media (max-width: 575.98px) {

    .activity-edit-card-body[b-kukv34wrwh] {
        padding: .8rem;
    }

    .activity-save-panel[b-kukv34wrwh] {
        padding: .85rem;
    }

    .activity-meta-list > div[b-kukv34wrwh] {
        flex-direction: column;
        align-items: flex-start;
        gap: .12rem;
    }

    .activity-meta-list strong[b-kukv34wrwh] {
        text-align: left;
    }

    .activity-edit-page .row[b-kukv34wrwh] {
        --bs-gutter-y: .8rem;
    }
}
/* /Components/Activities/Pages/ActivityItem.razor.rz.scp.css */
.activity-page[b-bav3trlwkn] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ---------------------------------
   Profile
---------------------------------- */

.activity-profile-card[b-bav3trlwkn] {
    min-width: 0;
    padding: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
}

.activity-profile-main[b-bav3trlwkn] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.activity-profile-content[b-bav3trlwkn] {
    min-width: 0;
    flex: 1 1 auto;
}

.activity-profile-icon[b-bav3trlwkn] {
    width: 64px;
    height: 64px;
    flex: 0 0 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0b5cff;
    background: #eef4ff;
    border-radius: 1rem;
}

    .activity-profile-icon .material-symbols-outlined[b-bav3trlwkn] {
        font-size: 32px;
    }

.activity-profile-icon-today[b-bav3trlwkn] {
    color: #b45309;
    background: #fef3c7;
}

.activity-profile-icon-overdue[b-bav3trlwkn] {
    color: #b91c1c;
    background: #fee2e2;
}

.activity-profile-icon-completed[b-bav3trlwkn] {
    color: #15803d;
    background: #dcfce7;
}

.activity-title-row[b-bav3trlwkn] {
    min-width: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .65rem;
}

    .activity-title-row h2[b-bav3trlwkn] {
        min-width: 0;
        margin: 0;
        color: #111827;
        font-size: 1.55rem;
        line-height: 1.15;
        font-weight: 850;
        letter-spacing: -.025em;
        overflow-wrap: anywhere;
    }

.activity-meta-row[b-bav3trlwkn] {
    min-width: 0;
    margin-top: .65rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .65rem 1.25rem;
    color: #64748b;
    font-size: .875rem;
}

    .activity-meta-row > span[b-bav3trlwkn] {
        min-width: 0;
        display: inline-flex;
        align-items: center;
        gap: .35rem;
        overflow-wrap: anywhere;
    }

    .activity-meta-row .material-symbols-outlined[b-bav3trlwkn] {
        flex: 0 0 auto;
        color: #64748b;
        font-size: 18px;
    }

.activity-profile-actions[b-bav3trlwkn] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .5rem;
}

    .activity-profile-actions .btn[b-bav3trlwkn] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .4rem;
    }

    .activity-profile-actions .material-symbols-outlined[b-bav3trlwkn] {
        font-size: 19px;
    }

/* ---------------------------------
   Main layout
---------------------------------- */

.activity-layout[b-bav3trlwkn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 1rem;
    align-items: start;
}

.activity-main[b-bav3trlwkn],
.activity-side[b-bav3trlwkn] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.activity-side[b-bav3trlwkn] {
    position: sticky;
    top: 138px;
}

.activity-card-body[b-bav3trlwkn] {
    min-width: 0;
    padding: 1.25rem;
}

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

.activity-info-grid[b-bav3trlwkn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.activity-info-item[b-bav3trlwkn] {
    min-width: 0;
    padding: 1rem;
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    background: #fbfcfe;
    border: 1px solid #e5eaf2;
    border-radius: .85rem;
}

    .activity-info-item > .material-symbols-outlined[b-bav3trlwkn] {
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #2563eb;
        background: #eef4ff;
        border-radius: .65rem;
        font-size: 21px;
    }

    .activity-info-item > div[b-bav3trlwkn] {
        min-width: 0;
        flex: 1 1 auto;
    }

    .activity-info-item small[b-bav3trlwkn],
    .activity-info-item strong[b-bav3trlwkn] {
        display: block;
    }

    .activity-info-item small[b-bav3trlwkn] {
        color: #64748b;
        font-size: .78rem;
        font-weight: 650;
    }

    .activity-info-item strong[b-bav3trlwkn] {
        margin-top: .15rem;
        color: #111827;
        font-size: .9rem;
        font-weight: 800;
        line-height: 1.4;
        overflow-wrap: anywhere;
    }

/* ---------------------------------
   Description
---------------------------------- */

.activity-description[b-bav3trlwkn] {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid #edf0f4;
}

    .activity-description > small[b-bav3trlwkn] {
        display: block;
        margin-bottom: .4rem;
        color: #64748b;
        font-size: .78rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .025em;
    }

    .activity-description p[b-bav3trlwkn] {
        margin: 0;
        color: #334155;
        line-height: 1.65;
        white-space: pre-wrap;
        overflow-wrap: anywhere;
    }

/* ---------------------------------
   Related records
---------------------------------- */

.activity-related-grid[b-bav3trlwkn] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.activity-related-card[b-bav3trlwkn] {
    min-width: 0;
    position: relative;
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: .75rem;
    color: inherit;
    background: #ffffff;
    border: 1px solid #e5eaf2;
    border-radius: .85rem;
    text-decoration: none;
    transition: border-color .15s ease, background .15s ease, transform .15s ease;
}

    .activity-related-card:hover[b-bav3trlwkn] {
        background: #f8fbff;
        border-color: #bfcee3;
        transform: translateY(-1px);
    }

    .activity-related-card > .material-symbols-outlined:first-child[b-bav3trlwkn] {
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #2563eb;
        background: #eef4ff;
        border-radius: .7rem;
        font-size: 22px;
    }

    .activity-related-card > div[b-bav3trlwkn] {
        min-width: 0;
        flex: 1 1 auto;
    }

    .activity-related-card small[b-bav3trlwkn],
    .activity-related-card strong[b-bav3trlwkn] {
        display: block;
    }

    .activity-related-card small[b-bav3trlwkn] {
        color: #64748b;
        font-size: .75rem;
    }

    .activity-related-card strong[b-bav3trlwkn] {
        min-width: 0;
        margin-top: .1rem;
        overflow: hidden;
        color: #111827;
        font-size: .875rem;
        font-weight: 800;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.activity-related-arrow[b-bav3trlwkn] {
    flex: 0 0 auto;
    color: #94a3b8;
    font-size: 19px;
}

.activity-related-empty[b-bav3trlwkn] {
    padding: .5rem 0;
    display: flex;
    align-items: center;
    gap: .8rem;
}

    .activity-related-empty > .material-symbols-outlined[b-bav3trlwkn] {
        width: 42px;
        height: 42px;
        flex: 0 0 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #64748b;
        background: #f1f5f9;
        border-radius: .75rem;
    }

    .activity-related-empty > div[b-bav3trlwkn] {
        min-width: 0;
    }

    .activity-related-empty strong[b-bav3trlwkn],
    .activity-related-empty span[b-bav3trlwkn] {
        display: block;
    }

    .activity-related-empty strong[b-bav3trlwkn] {
        color: #334155;
        font-size: .9rem;
    }

    .activity-related-empty div > span[b-bav3trlwkn] {
        margin-top: .15rem;
        color: #64748b;
        font-size: .82rem;
        line-height: 1.4;
    }

/* ---------------------------------
   Sidebar
---------------------------------- */

.activity-side-heading[b-bav3trlwkn] {
    margin: 0 0 1rem;
    color: #111827;
    font-size: .95rem;
    font-weight: 800;
}

.activity-action-list[b-bav3trlwkn] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
}

    .activity-action-list .btn[b-bav3trlwkn] {
        min-height: 42px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: .5rem;
        text-align: left;
    }

    .activity-action-list .material-symbols-outlined[b-bav3trlwkn] {
        flex: 0 0 auto;
        font-size: 19px;
    }

.activity-meta-list[b-bav3trlwkn] {
    display: flex;
    flex-direction: column;
}

    .activity-meta-list > div[b-bav3trlwkn] {
        padding: .7rem 0;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 1rem;
        border-bottom: 1px solid #edf0f4;
    }

        .activity-meta-list > div:first-child[b-bav3trlwkn] {
            padding-top: 0;
        }

        .activity-meta-list > div:last-child[b-bav3trlwkn] {
            padding-bottom: 0;
            border-bottom: 0;
        }

    .activity-meta-list span[b-bav3trlwkn] {
        color: #64748b;
        font-size: .82rem;
    }

    .activity-meta-list strong[b-bav3trlwkn] {
        min-width: 0;
        max-width: 65%;
        color: #111827;
        font-size: .82rem;
        font-weight: 750;
        text-align: right;
        overflow-wrap: anywhere;
    }

/* ---------------------------------
   Tablet
---------------------------------- */

@media (max-width: 1199.98px) {

    .activity-layout[b-bav3trlwkn] {
        grid-template-columns: minmax(0, 1fr) 290px;
    }

    .activity-related-grid[b-bav3trlwkn] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991.98px) {

    .activity-profile-card[b-bav3trlwkn] {
        align-items: flex-start;
        flex-direction: column;
    }

    .activity-profile-actions[b-bav3trlwkn] {
        width: 100%;
        justify-content: flex-start;
    }

    .activity-layout[b-bav3trlwkn] {
        grid-template-columns: 1fr;
    }

    .activity-side[b-bav3trlwkn] {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
    }

        .activity-side > .crm-card:first-child[b-bav3trlwkn] {
            grid-column: 1 / -1;
        }
}

/* ---------------------------------
   Mobile
---------------------------------- */

@media (max-width: 767.98px) {

    .activity-page[b-bav3trlwkn] {
        gap: .8rem;
    }

    /* Profile */

    .activity-profile-card[b-bav3trlwkn] {
        width: 100%;
        padding: 1rem;
        align-items: stretch;
        gap: 1rem;
    }

    .activity-profile-main[b-bav3trlwkn] {
        width: 100%;
        min-width: 0;
        align-items: flex-start;
        gap: .75rem;
    }

    .activity-profile-content[b-bav3trlwkn] {
        width: 100%;
        min-width: 0;
        flex: 1 1 auto;
    }

    .activity-profile-icon[b-bav3trlwkn] {
        width: 52px;
        height: 52px;
        flex-basis: 52px;
        border-radius: .85rem;
    }

        .activity-profile-icon .material-symbols-outlined[b-bav3trlwkn] {
            font-size: 27px;
        }

    .activity-title-row[b-bav3trlwkn] {
        width: 100%;
        min-width: 0;
        align-items: flex-start;
        gap: .4rem;
    }

        .activity-title-row h2[b-bav3trlwkn] {
            font-size: 1.3rem;
        }

        .activity-title-row .badge[b-bav3trlwkn] {
            flex: 0 0 auto;
            margin-top: .08rem;
            font-size: .64rem;
        }

    .activity-meta-row[b-bav3trlwkn] {
        width: 100%;
        margin-top: .5rem;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: .35rem;
        font-size: .76rem;
    }

        .activity-meta-row > span[b-bav3trlwkn] {
            width: 100%;
            min-width: 0;
            display: flex;
            align-items: center;
            gap: .35rem;
        }

        .activity-meta-row .material-symbols-outlined[b-bav3trlwkn] {
            width: 18px;
            flex: 0 0 18px;
            font-size: 17px;
        }

    /* Profile actions */

    .activity-profile-actions[b-bav3trlwkn] {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        gap: .5rem;
    }

        .activity-profile-actions .btn[b-bav3trlwkn] {
            width: 100%;
            min-height: 44px;
            justify-content: center;
        }

    /* Layout */

    .activity-layout[b-bav3trlwkn] {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .8rem;
    }

    .activity-main[b-bav3trlwkn],
    .activity-side[b-bav3trlwkn] {
        width: 100%;
        gap: .8rem;
    }

    .activity-side[b-bav3trlwkn] {
        display: flex;
        flex-direction: column;
    }

    .activity-card-body[b-bav3trlwkn] {
        padding: .85rem;
    }

    /* Info */

    .activity-info-grid[b-bav3trlwkn] {
        grid-template-columns: 1fr;
        gap: .6rem;
    }

    .activity-info-item[b-bav3trlwkn] {
        width: 100%;
        min-height: 66px;
        padding: .75rem;
        align-items: center;
        gap: .7rem;
    }

        .activity-info-item > .material-symbols-outlined[b-bav3trlwkn] {
            width: 38px;
            height: 38px;
            flex-basis: 38px;
        }

        .activity-info-item small[b-bav3trlwkn] {
            font-size: .7rem;
        }

        .activity-info-item strong[b-bav3trlwkn] {
            font-size: .8rem;
        }

    /* Description */

    .activity-description[b-bav3trlwkn] {
        margin-top: .9rem;
        padding-top: .9rem;
    }

        .activity-description > small[b-bav3trlwkn] {
            margin-bottom: .3rem;
            font-size: .68rem;
        }

        .activity-description p[b-bav3trlwkn] {
            font-size: .8rem;
            line-height: 1.55;
        }

    /* Related */

    .activity-related-grid[b-bav3trlwkn] {
        grid-template-columns: 1fr;
        gap: .55rem;
    }

    .activity-related-card[b-bav3trlwkn] {
        width: 100%;
        min-height: 64px;
        padding: .75rem;
        gap: .65rem;
    }

        .activity-related-card > .material-symbols-outlined:first-child[b-bav3trlwkn] {
            width: 38px;
            height: 38px;
            flex-basis: 38px;
            font-size: 20px;
        }

        .activity-related-card small[b-bav3trlwkn] {
            font-size: .68rem;
        }

        .activity-related-card strong[b-bav3trlwkn] {
            font-size: .8rem;
        }

    .activity-related-empty[b-bav3trlwkn] {
        padding: .2rem 0;
        align-items: flex-start;
    }

        .activity-related-empty > .material-symbols-outlined[b-bav3trlwkn] {
            width: 38px;
            height: 38px;
            flex-basis: 38px;
        }

        .activity-related-empty strong[b-bav3trlwkn] {
            font-size: .8rem;
        }

        .activity-related-empty div > span[b-bav3trlwkn] {
            font-size: .74rem;
        }

    /* Sidebar */

    .activity-side-heading[b-bav3trlwkn] {
        margin-bottom: .75rem;
        font-size: .9rem;
    }

    .activity-action-list[b-bav3trlwkn] {
        gap: .5rem;
    }

        .activity-action-list .btn[b-bav3trlwkn] {
            width: 100%;
            min-height: 44px;
        }

    .activity-meta-list > div[b-bav3trlwkn] {
        padding: .6rem 0;
    }

    .activity-meta-list span[b-bav3trlwkn] {
        font-size: .72rem;
    }

    .activity-meta-list strong[b-bav3trlwkn] {
        font-size: .78rem;
    }

    /* Alerts */

    .activity-page .alert[b-bav3trlwkn] {
        min-width: 0;
        align-items: flex-start;
        flex-wrap: wrap;
    }

        .activity-page .alert .alert-content[b-bav3trlwkn] {
            min-width: 0;
            flex: 1 1 auto;
        }

            .activity-page .alert .alert-content p[b-bav3trlwkn] {
                overflow-wrap: anywhere;
            }

        .activity-page .alert .alert-actions[b-bav3trlwkn] {
            width: 100%;
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: .5rem;
        }

            .activity-page .alert .alert-actions .btn[b-bav3trlwkn] {
                width: 100%;
                min-height: 42px;
                justify-content: center;
            }
}

/* ---------------------------------
   Small phones
---------------------------------- */

@media (max-width: 575.98px) {

    .activity-profile-card[b-bav3trlwkn] {
        padding: .85rem;
    }

    .activity-profile-main[b-bav3trlwkn] {
        gap: .7rem;
    }

    .activity-profile-icon[b-bav3trlwkn] {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
    }

        .activity-profile-icon .material-symbols-outlined[b-bav3trlwkn] {
            font-size: 25px;
        }

    .activity-title-row[b-bav3trlwkn] {
        flex-direction: column;
        gap: .3rem;
    }

        .activity-title-row h2[b-bav3trlwkn] {
            font-size: 1.2rem;
        }

        .activity-title-row .badge[b-bav3trlwkn] {
            margin-top: 0;
        }

    .activity-card-body[b-bav3trlwkn] {
        padding: .75rem;
    }

    .activity-meta-list > div[b-bav3trlwkn] {
        flex-direction: column;
        gap: .12rem;
    }

    .activity-meta-list strong[b-bav3trlwkn] {
        max-width: none;
        text-align: left;
    }

    .activity-page .alert .alert-actions[b-bav3trlwkn] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Activities/Shared/EntityActivities.razor.rz.scp.css */
.entity-activities .crm-card-header .btn[b-hxz8h5tk1h] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.entity-activities .crm-card-header .material-symbols-outlined[b-hxz8h5tk1h] {
    font-size: 18px;
}

.entity-activities-list[b-hxz8h5tk1h] {
    display: flex;
    flex-direction: column;
}

.entity-activity-item[b-hxz8h5tk1h] {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: .85rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #eef2f7;
    color: inherit;
    text-decoration: none;
    transition: background .15s ease, border-color .15s ease;
}

    .entity-activity-item:last-child[b-hxz8h5tk1h] {
        border-bottom: none;
    }

    .entity-activity-item:hover[b-hxz8h5tk1h] {
        background: #f8fbff;
    }

.entity-activity-icon[b-hxz8h5tk1h] {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .75rem;
    background: #eaf2ff;
    color: #0b5cff;
}

    .entity-activity-icon .material-symbols-outlined[b-hxz8h5tk1h] {
        font-size: 21px;
    }

.entity-activity-content[b-hxz8h5tk1h] {
    flex: 1;
    min-width: 0;
}

.entity-activity-heading[b-hxz8h5tk1h] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
}

    .entity-activity-heading strong[b-hxz8h5tk1h] {
        min-width: 0;
        color: #111827;
        font-size: .92rem;
        font-weight: 800;
    }

.entity-activity-status[b-hxz8h5tk1h] {
    display: inline-flex;
    align-items: center;
    min-height: 1.45rem;
    padding: .1rem .5rem;
    border-radius: 999px;
    background: #eaf2ff;
    color: #1d4ed8;
    font-size: .7rem;
    font-weight: 800;
}

.entity-activity-status-today[b-hxz8h5tk1h] {
    background: #fef3c7;
    color: #92400e;
}

.entity-activity-status-overdue[b-hxz8h5tk1h] {
    background: #fee2e2;
    color: #991b1b;
}

.entity-activity-meta[b-hxz8h5tk1h] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .3rem;
    margin-top: .25rem;
    color: #64748b;
    font-size: .8rem;
}

.entity-activity-separator[b-hxz8h5tk1h] {
    color: #cbd5e1;
}

.entity-activity-due-today[b-hxz8h5tk1h] {
    color: #b45309;
    font-weight: 750;
}

.entity-activity-due-overdue[b-hxz8h5tk1h] {
    color: #b91c1c;
    font-weight: 750;
}

.entity-activity-content p[b-hxz8h5tk1h] {
    margin: .4rem 0 0;
    color: #64748b;
    font-size: .82rem;
    line-height: 1.45;
}

.entity-activity-arrow[b-hxz8h5tk1h] {
    align-self: center;
    flex: 0 0 auto;
    color: #94a3b8;
    font-size: 20px;
}

.entity-activity-item:hover .entity-activity-arrow[b-hxz8h5tk1h] {
    color: #0b5cff;
}

.entity-activity-item-overdue[b-hxz8h5tk1h] {
    border-left: 3px solid #dc2626;
}

    .entity-activity-item-overdue .entity-activity-icon[b-hxz8h5tk1h] {
        background: #fee2e2;
        color: #b91c1c;
    }

.entity-activity-item-today[b-hxz8h5tk1h] {
    border-left: 3px solid #f59e0b;
}

    .entity-activity-item-today .entity-activity-icon[b-hxz8h5tk1h] {
        background: #fef3c7;
        color: #b45309;
    }

.entity-activities-empty[b-hxz8h5tk1h] {
    display: flex;
    align-items: center;
    gap: .8rem;
    padding: 1.25rem;
}

.entity-activities-empty-icon[b-hxz8h5tk1h] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .8rem;
    background: #f1f5f9;
    color: #64748b;
}

    .entity-activities-empty-icon .material-symbols-outlined[b-hxz8h5tk1h] {
        font-size: 22px;
    }

.entity-activities-empty strong[b-hxz8h5tk1h],
.entity-activities-empty span[b-hxz8h5tk1h] {
    display: block;
}

.entity-activities-empty strong[b-hxz8h5tk1h] {
    color: #334155;
    font-size: .9rem;
    font-weight: 800;
}

.entity-activities-empty div > span[b-hxz8h5tk1h] {
    margin-top: .15rem;
    color: #64748b;
    font-size: .82rem;
}

@media (max-width: 575.98px) {
    .entity-activity-item[b-hxz8h5tk1h] {
        padding: .9rem 1rem;
    }

    .entity-activity-content p[b-hxz8h5tk1h] {
        display: none;
    }
}
/* /Components/Companies/Pages/Companies.razor.rz.scp.css */
.companies-page[b-zrz88dmn5o] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ---------------------------------
   Toolbar
---------------------------------- */

.companies-toolbar[b-zrz88dmn5o] {
    padding: 1rem 1.25rem;
    display: grid;
    grid-template-columns: minmax(320px, 1fr) auto auto;
    gap: 1.25rem;
    align-items: end;
}

.companies-search[b-zrz88dmn5o] {
    min-width: 0;
}

    .companies-search .input-group[b-zrz88dmn5o] {
        min-width: 0;
    }

    .companies-search .input-group-text[b-zrz88dmn5o] {
        background: #ffffff;
        color: #64748b;
    }

        .companies-search .input-group-text .material-symbols-outlined[b-zrz88dmn5o] {
            font-size: 20px;
        }

.companies-filters[b-zrz88dmn5o] {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    padding-bottom: .12rem;
    white-space: nowrap;
}

.companies-filter-divider[b-zrz88dmn5o] {
    width: 1px;
    height: 2.25rem;
    flex: 0 0 auto;
    background: #e5eaf2;
}

.companies-toolbar-actions[b-zrz88dmn5o] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .7rem;
}

    .companies-toolbar-actions .btn[b-zrz88dmn5o] {
        min-height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .4rem;
    }

    .companies-toolbar-actions .material-symbols-outlined[b-zrz88dmn5o] {
        font-size: 19px;
    }

/* ---------------------------------
   Summary
---------------------------------- */

.companies-summary[b-zrz88dmn5o] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.companies-summary-card[b-zrz88dmn5o] {
    min-width: 0;
    min-height: 128px;
    padding: 1.15rem 1.25rem;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 1rem;
    background: #ffffff;
    border: 1px solid #e5eaf2;
    border-radius: 1rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
}

    .companies-summary-card[b-zrz88dmn5o]::before {
        content: "";
        width: 4px;
        position: absolute;
        inset: 0 auto 0 0;
        background: #0b5cff;
    }

    .companies-summary-card > .material-symbols-outlined[b-zrz88dmn5o] {
        width: 54px;
        height: 54px;
        flex: 0 0 54px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #0b5cff;
        background: #eaf2ff;
        border-radius: .85rem;
        font-size: 30px;
    }

.companies-summary-content[b-zrz88dmn5o] {
    min-width: 0;
}

.companies-summary-card small[b-zrz88dmn5o] {
    display: block;
    margin-bottom: .3rem;
    color: #475569;
    font-size: .92rem;
}

.companies-summary-card strong[b-zrz88dmn5o] {
    display: block;
    color: #0f172a;
    font-size: 2rem;
    font-weight: 850;
    line-height: 1;
    letter-spacing: -.04em;
}

.companies-summary-note[b-zrz88dmn5o] {
    display: block;
    margin-top: .42rem;
    color: #64748b;
    font-size: .84rem;
    line-height: 1.25;
}

.companies-summary-card-primary[b-zrz88dmn5o]::before {
    background: #0b5cff;
}

.companies-summary-card-success[b-zrz88dmn5o]::before {
    background: #16a34a;
}

.companies-summary-card-success > .material-symbols-outlined[b-zrz88dmn5o] {
    color: #16a34a;
    background: #dcfce7;
}

.companies-summary-card-warning[b-zrz88dmn5o]::before {
    background: #f59e0b;
}

.companies-summary-card-warning > .material-symbols-outlined[b-zrz88dmn5o] {
    color: #d97706;
    background: #fef3c7;
}

.companies-summary-card-info[b-zrz88dmn5o]::before {
    background: #0891b2;
}

.companies-summary-card-info > .material-symbols-outlined[b-zrz88dmn5o] {
    color: #0891b2;
    background: #cffafe;
}

/* ---------------------------------
   Error
---------------------------------- */

.companies-alert[b-zrz88dmn5o] {
    align-items: center;
}

    .companies-alert > .material-symbols-outlined[b-zrz88dmn5o] {
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ffffff !important;
        background: #dc2626;
        border-radius: 50%;
    }

.companies-alert-close[b-zrz88dmn5o] {
    width: 2.2rem;
    height: 2.2rem;
    padding: 0;
}

/* ---------------------------------
   Desktop table
---------------------------------- */

.companies-table-view[b-zrz88dmn5o] {
    display: block;
}

.companies-table .material-symbols-outlined[b-zrz88dmn5o] {
    font-size: 17px;
}

.companies-company-cell[b-zrz88dmn5o] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .8rem;
}

.companies-company-name[b-zrz88dmn5o] {
    min-width: 0;
}

.companies-avatar[b-zrz88dmn5o] {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: linear-gradient(135deg, #0b5cff, #0946bd);
    border-radius: 50%;
    font-weight: 800;
}

.companies-name-link[b-zrz88dmn5o] {
    color: #111827;
    font-weight: 800;
    text-decoration: none;
}

    .companies-name-link:hover[b-zrz88dmn5o] {
        color: #0b5cff;
        text-decoration: underline;
    }

.companies-location[b-zrz88dmn5o] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    color: #334155;
}

    .companies-location .material-symbols-outlined[b-zrz88dmn5o] {
        color: #64748b;
        font-size: 18px;
    }

.companies-row-actions[b-zrz88dmn5o] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
    white-space: nowrap;
}

.companies-row-archived[b-zrz88dmn5o] {
    opacity: .78;
}

.companies-row-deleted[b-zrz88dmn5o] {
    opacity: .62;
}

/* ---------------------------------
   Mobile company list
---------------------------------- */

.companies-mobile-list[b-zrz88dmn5o] {
    display: none;
}

/* ---------------------------------
   Tablet
---------------------------------- */

@media (max-width: 1199.98px) {

    .companies-toolbar[b-zrz88dmn5o] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .companies-filters[b-zrz88dmn5o] {
        flex-wrap: wrap;
    }

    .companies-toolbar-actions[b-zrz88dmn5o] {
        justify-content: flex-start;
    }

    .companies-summary[b-zrz88dmn5o] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ---------------------------------
   Mobile
---------------------------------- */

@media (max-width: 767.98px) {

    .companies-page[b-zrz88dmn5o] {
        gap: .8rem;
    }

    /* Toolbar */

    .companies-toolbar[b-zrz88dmn5o] {
        width: 100%;
        padding: .85rem;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: .85rem;
    }

    .companies-search[b-zrz88dmn5o] {
        width: 100%;
    }

        .companies-search .input-group[b-zrz88dmn5o] {
            width: 100%;
        }

        .companies-search .form-control[b-zrz88dmn5o] {
            min-width: 0;
            min-height: 44px;
        }

        .companies-search .input-group-text[b-zrz88dmn5o] {
            min-width: 44px;
            justify-content: center;
        }

    .companies-filters[b-zrz88dmn5o] {
        width: 100%;
        padding: .15rem 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: .75rem;
        white-space: normal;
    }

        .companies-filters .form-check[b-zrz88dmn5o] {
            min-width: 0;
            margin: 0;
        }

        .companies-filters .form-check-label[b-zrz88dmn5o] {
            color: #475569;
            font-size: .78rem;
        }

    .companies-filter-divider[b-zrz88dmn5o] {
        display: none;
    }

    .companies-toolbar-actions[b-zrz88dmn5o] {
        width: 100%;
    }

        .companies-toolbar-actions .btn[b-zrz88dmn5o] {
            width: 100%;
            min-height: 44px;
        }

    /* Summary */

    .companies-summary[b-zrz88dmn5o] {
        width: 100%;
        grid-template-columns: 1fr;
        gap: .65rem;
    }

    .companies-summary-card[b-zrz88dmn5o] {
        width: 100%;
        min-height: 76px;
        padding: .8rem .9rem;
        gap: .8rem;
        border-radius: .9rem;
    }

        .companies-summary-card[b-zrz88dmn5o]::before {
            width: 3px;
        }

        .companies-summary-card > .material-symbols-outlined[b-zrz88dmn5o] {
            width: 40px;
            height: 40px;
            flex-basis: 40px;
            border-radius: .7rem;
            font-size: 21px;
        }

    .companies-summary-content[b-zrz88dmn5o] {
        flex: 1 1 auto;
    }

    .companies-summary-card small[b-zrz88dmn5o] {
        margin: 0;
        font-size: .72rem;
    }

    .companies-summary-card strong[b-zrz88dmn5o] {
        margin-top: .08rem;
        font-size: 1.35rem;
    }

    .companies-summary-note[b-zrz88dmn5o] {
        margin-top: .12rem;
        font-size: .68rem;
    }

    /* Alert */

    .companies-alert[b-zrz88dmn5o] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

        .companies-alert .alert-content[b-zrz88dmn5o] {
            min-width: 0;
            flex: 1 1 calc(100% - 52px);
        }

        .companies-alert .alert-actions[b-zrz88dmn5o] {
            width: 100%;
            display: flex;
            justify-content: flex-end;
            gap: .45rem;
        }

    /* Results header */

    .companies-results .crm-card-header[b-zrz88dmn5o] {
        align-items: flex-start;
        gap: .75rem;
    }

        .companies-results .crm-card-header .btn[b-zrz88dmn5o] {
            flex: 0 0 auto;
        }

    /* Desktop table off */

    .companies-table-view[b-zrz88dmn5o] {
        display: none;
    }

    /* Mobile records */

    .companies-mobile-list[b-zrz88dmn5o] {
        width: 100%;
        padding: .55rem;
        display: flex;
        flex-direction: column;
        gap: .65rem;
    }

    .companies-mobile-card[b-zrz88dmn5o] {
        width: 100%;
        overflow: hidden;
        background: #ffffff;
        border: 1px solid #e7ebf1;
        border-radius: .9rem;
        box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
    }

    .companies-mobile-main[b-zrz88dmn5o] {
        min-width: 0;
        min-height: 72px;
        padding: .8rem;
        display: flex;
        align-items: flex-start;
        gap: .75rem;
        color: inherit;
        text-decoration: none;
    }

        .companies-mobile-main:active[b-zrz88dmn5o] {
            background: #f8fafc;
        }

    .companies-mobile-avatar[b-zrz88dmn5o] {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
        font-size: .84rem;
    }

    .companies-mobile-heading[b-zrz88dmn5o] {
        min-width: 0;
        flex: 1 1 auto;
    }

    .companies-mobile-title-row[b-zrz88dmn5o] {
        min-width: 0;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: .65rem;
    }

    .companies-mobile-title[b-zrz88dmn5o] {
        min-width: 0;
        color: #111827;
        font-size: .9rem;
        font-weight: 750;
        line-height: 1.3;
        overflow-wrap: anywhere;
    }

    .companies-mobile-title-row .badge[b-zrz88dmn5o] {
        flex: 0 0 auto;
        font-size: .64rem;
    }

    .companies-mobile-trading-name[b-zrz88dmn5o] {
        margin-top: .1rem;
        color: #64748b;
        font-size: .73rem;
        line-height: 1.35;
        overflow-wrap: anywhere;
    }

    .companies-mobile-industry[b-zrz88dmn5o] {
        margin-top: .2rem;
        color: #94a3b8;
        font-size: .69rem;
        line-height: 1.3;
    }

    .companies-mobile-chevron[b-zrz88dmn5o] {
        flex: 0 0 auto;
        align-self: center;
        color: #a6afbc;
        font-size: 20px;
    }

    .companies-mobile-details[b-zrz88dmn5o] {
        padding: .7rem .8rem;
        display: flex;
        flex-direction: column;
        gap: .5rem;
        background: #f8fafc;
        border-top: 1px solid #edf0f4;
    }

    .companies-mobile-detail[b-zrz88dmn5o] {
        min-width: 0;
        display: flex;
        align-items: center;
        gap: .5rem;
        color: #475569;
        font-size: .74rem;
        line-height: 1.35;
        text-decoration: none;
    }

    a.companies-mobile-detail[b-zrz88dmn5o] {
        color: #315f9f;
    }

    .companies-mobile-detail .material-symbols-outlined[b-zrz88dmn5o] {
        width: 18px;
        flex: 0 0 18px;
        color: #64748b;
        font-size: 17px;
    }

    .companies-mobile-detail > span:last-child[b-zrz88dmn5o] {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .companies-mobile-actions[b-zrz88dmn5o] {
        padding: .55rem;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .5rem;
        border-top: 1px solid #edf0f4;
    }

        .companies-mobile-actions .btn[b-zrz88dmn5o] {
            width: 100%;
            min-height: 42px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: .35rem;
        }

        .companies-mobile-actions .material-symbols-outlined[b-zrz88dmn5o] {
            font-size: 18px;
        }
}

/* ---------------------------------
   Small mobile
---------------------------------- */

@media (max-width: 575.98px) {

    .companies-toolbar[b-zrz88dmn5o] {
        padding: .75rem;
    }

    .companies-filters[b-zrz88dmn5o] {
        flex-direction: column;
        align-items: stretch;
        gap: .6rem;
    }

        .companies-filters .form-check[b-zrz88dmn5o] {
            min-height: 30px;
            display: flex;
            align-items: center;
            gap: .45rem;
        }

        .companies-filters .form-check-input[b-zrz88dmn5o] {
            flex: 0 0 auto;
            margin-top: 0;
        }

    .companies-summary-card[b-zrz88dmn5o] {
        min-height: 72px;
        padding: .75rem .85rem;
    }

    .companies-mobile-list[b-zrz88dmn5o] {
        padding: .45rem;
        gap: .55rem;
    }

    .companies-mobile-main[b-zrz88dmn5o] {
        padding: .75rem;
    }

    .companies-mobile-details[b-zrz88dmn5o] {
        padding: .65rem .75rem;
    }

    .companies-mobile-actions[b-zrz88dmn5o] {
        padding: .5rem;
    }
}
/* /Components/Companies/Pages/CompanyEdit.razor.rz.scp.css */
.company-edit-page[b-oxz1xd3wpf] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.company-edit-layout[b-oxz1xd3wpf] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 1rem;
    align-items: flex-start;
}

.company-edit-main[b-oxz1xd3wpf] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.company-edit-side[b-oxz1xd3wpf] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: sticky;
    top: 138px;
}

.company-edit-card-body[b-oxz1xd3wpf] {
    padding: 1.25rem;
}

.company-save-panel[b-oxz1xd3wpf] {
    padding: 1.25rem;
    text-align: center;
}

.company-save-icon[b-oxz1xd3wpf] {
    width: 58px;
    height: 58px;
    border-radius: .9rem;
    background: #eaf2ff;
    color: #0b5cff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .9rem;
}

.company-save-icon .material-symbols-outlined[b-oxz1xd3wpf] {
    font-size: 32px;
}

.company-save-panel h3[b-oxz1xd3wpf] {
    font-size: 1.15rem;
    font-weight: 850;
    margin-bottom: .35rem;
}

.company-save-panel p[b-oxz1xd3wpf] {
    color: #64748b;
    margin-bottom: 1rem;
}

.company-save-actions[b-oxz1xd3wpf] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.company-side-heading[b-oxz1xd3wpf] {
    font-size: 1rem;
    font-weight: 850;
    margin-bottom: 1rem;
}

.company-meta-list[b-oxz1xd3wpf] {
    display: flex;
    flex-direction: column;
    gap: .8rem;
}

.company-meta-list div[b-oxz1xd3wpf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: .8rem;
    border-bottom: 1px solid #eef2f7;
}

.company-meta-list div:last-child[b-oxz1xd3wpf] {
    border-bottom: none;
    padding-bottom: 0;
}

.company-meta-list span[b-oxz1xd3wpf] {
    color: #64748b;
}

.company-meta-list strong[b-oxz1xd3wpf] {
    text-align: right;
}

@media (max-width: 1199.98px) {
    .company-edit-layout[b-oxz1xd3wpf] {
        grid-template-columns: 1fr;
    }

    .company-edit-side[b-oxz1xd3wpf] {
        position: static;
    }
}

@media (max-width: 767.98px) {
    .company-edit-layout[b-oxz1xd3wpf] {
        display: flex;
        flex-direction: column;
        gap: .8rem;
    }

    .company-edit-main[b-oxz1xd3wpf],
    .company-edit-side[b-oxz1xd3wpf] {
        width: 100%;
        gap: .8rem;
    }

    .company-edit-side[b-oxz1xd3wpf] {
        position: static;
        display: flex;
        flex-direction: column;
    }

    /*
        Desktop has Save first because it is useful in the
        sticky sidebar. On mobile it belongs at the end
        of the form.
    */
    .company-save-panel[b-oxz1xd3wpf] {
        order: 99;
    }

    .company-edit-card-body[b-oxz1xd3wpf] {
        padding: .9rem;
    }

    .company-save-panel[b-oxz1xd3wpf] {
        width: 100%;
        padding: 1rem;
    }

    .company-save-icon[b-oxz1xd3wpf] {
        width: 46px;
        height: 46px;
        margin-bottom: .65rem;
        border-radius: .75rem;
    }

        .company-save-icon .material-symbols-outlined[b-oxz1xd3wpf] {
            font-size: 25px;
        }

    .company-save-panel h3[b-oxz1xd3wpf] {
        margin-bottom: .2rem;
        font-size: 1rem;
    }

    .company-save-panel p[b-oxz1xd3wpf] {
        margin-bottom: .8rem;
        font-size: .8rem;
    }

    .company-save-actions[b-oxz1xd3wpf] {
        gap: .5rem;
    }

        .company-save-actions .btn[b-oxz1xd3wpf] {
            min-height: 44px;
        }

    .company-side-heading[b-oxz1xd3wpf] {
        margin-bottom: .75rem;
        font-size: .9rem;
    }

    .company-edit-page .form-control[b-oxz1xd3wpf] {
        min-height: 44px;
    }

    .company-edit-page textarea.form-control[b-oxz1xd3wpf] {
        min-height: 130px;
    }
}

@media (max-width: 575.98px) {
    .company-edit-card-body[b-oxz1xd3wpf] {
        padding: .8rem;
    }

    .company-save-panel[b-oxz1xd3wpf] {
        padding: .85rem;
    }

    .company-meta-list div[b-oxz1xd3wpf] {
        align-items: flex-start;
        flex-direction: column;
        gap: .15rem;
    }

    .company-meta-list strong[b-oxz1xd3wpf] {
        text-align: left;
    }
}
/* /Components/Companies/Pages/CompanyItem.razor.rz.scp.css */
.company-page[b-orzrlj4ti8] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ---------------------------------
   Profile
---------------------------------- */

.company-profile-card[b-orzrlj4ti8] {
    padding: 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.25rem;
}

.company-profile-main[b-orzrlj4ti8] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 1rem;
}

    .company-profile-main > div:last-child[b-orzrlj4ti8] {
        min-width: 0;
    }

.company-avatar[b-orzrlj4ti8] {
    width: 64px;
    height: 64px;
    flex: 0 0 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: linear-gradient( 135deg, #0b5cff, #0946bd);
    border-radius: 1rem;
    box-shadow: 0 10px 24px rgba(13, 110, 253, .22);
    font-size: 1.55rem;
    font-weight: 850;
}

.company-title-row[b-orzrlj4ti8] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .7rem;
    flex-wrap: wrap;
}

    .company-title-row h2[b-orzrlj4ti8] {
        min-width: 0;
        margin: 0;
        color: #0f172a;
        font-size: 1.6rem;
        font-weight: 850;
        line-height: 1.2;
        letter-spacing: -.035em;
        overflow-wrap: anywhere;
    }

.company-trading-name[b-orzrlj4ti8] {
    margin: .25rem 0 0;
    color: #64748b;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.company-meta-row[b-orzrlj4ti8] {
    margin-top: .65rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .55rem .85rem;
    color: #475569;
}

    .company-meta-row > span[b-orzrlj4ti8] {
        min-width: 0;
        display: inline-flex;
        align-items: center;
        gap: .3rem;
    }

    .company-meta-row
    .material-symbols-outlined[b-orzrlj4ti8] {
        flex: 0 0 auto;
        color: #64748b;
        font-size: 18px;
    }

.company-profile-actions[b-orzrlj4ti8] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .55rem;
    flex-wrap: wrap;
}

    .company-profile-actions .btn[b-orzrlj4ti8] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .4rem;
    }

    .company-profile-actions
    .material-symbols-outlined[b-orzrlj4ti8] {
        font-size: 19px;
    }

/* ---------------------------------
   Main layout
---------------------------------- */

.company-layout[b-orzrlj4ti8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 1.25rem;
    align-items: flex-start;
}

.company-main[b-orzrlj4ti8],
.company-side[b-orzrlj4ti8] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.company-side[b-orzrlj4ti8] {
    position: sticky;
    top: 138px;
}

.company-card-body[b-orzrlj4ti8] {
    min-width: 0;
    padding: 1.25rem;
}

/* ---------------------------------
   Company details
---------------------------------- */

.company-info-grid[b-orzrlj4ti8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.company-info-item[b-orzrlj4ti8] {
    min-width: 0;
    padding: 1rem;
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    background: #fbfdff;
    border: 1px solid #eef2f7;
    border-radius: .85rem;
}

    .company-info-item >
    .material-symbols-outlined[b-orzrlj4ti8] {
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #0b5cff;
        background: #eaf2ff;
        border-radius: .75rem;
        font-size: 20px;
    }

    .company-info-item > div[b-orzrlj4ti8] {
        min-width: 0;
        flex: 1 1 auto;
    }

    .company-info-item small[b-orzrlj4ti8] {
        display: block;
        margin-bottom: .15rem;
        color: #64748b;
        font-size: .8rem;
    }

    .company-info-item strong[b-orzrlj4ti8],
    .company-info-item a[b-orzrlj4ti8] {
        display: block;
        color: #0f172a;
        font-weight: 750;
        line-height: 1.4;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .company-info-item a[b-orzrlj4ti8] {
        color: #2563eb;
        text-decoration: none;
    }

        .company-info-item a:hover[b-orzrlj4ti8] {
            text-decoration: underline;
        }

/* ---------------------------------
   Address
---------------------------------- */

.company-details-address[b-orzrlj4ti8] {
    margin-top: 1rem;
    padding: 1rem;
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: .85rem;
    color: #334155;
    background: #fbfdff;
    border: 1px solid #eef2f7;
    border-radius: .85rem;
}

.company-details-address-icon[b-orzrlj4ti8] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0b5cff;
    background: #eaf2ff;
    border-radius: .8rem;
}

    .company-details-address-icon
    .material-symbols-outlined[b-orzrlj4ti8] {
        font-size: 21px;
    }

.company-details-address >
div:last-child[b-orzrlj4ti8] {
    min-width: 0;
}

.company-details-address small[b-orzrlj4ti8] {
    display: block;
    margin-bottom: .2rem;
    color: #64748b;
    font-size: .8rem;
}

.company-details-address strong[b-orzrlj4ti8] {
    color: #334155;
    font-weight: 750;
}

.company-address-lines[b-orzrlj4ti8] {
    color: #334155;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

/* ---------------------------------
   General panels
---------------------------------- */

.company-notes[b-orzrlj4ti8] {
    color: #334155;
    line-height: 1.6;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.company-muted-panel[b-orzrlj4ti8] {
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: .6rem;
    color: #64748b;
    background: #fbfdff;
    border: 1px dashed #cbd5e1;
    border-radius: .85rem;
}

/* ---------------------------------
   Finance
---------------------------------- */

.company-finance-summary[b-orzrlj4ti8] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.company-finance-stat[b-orzrlj4ti8] {
    min-width: 0;
    min-height: 88px;
    padding: .8rem;
    display: flex;
    align-items: center;
    gap: .7rem;
    color: inherit;
    background: #fbfdff;
    border: 1px solid #e8edf4;
    border-radius: .85rem;
    text-decoration: none;
    transition: background-color .15s ease, border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}

    .company-finance-stat:hover[b-orzrlj4ti8] {
        color: inherit;
        background: #f8fbff;
        border-color: #d4deec;
        transform: translateY(-1px);
        box-shadow: 0 5px 14px rgba(15, 23, 42, .05);
    }

.company-finance-stat-icon[b-orzrlj4ti8] {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2563eb;
    background: #eef4ff;
    border-radius: .7rem;
}

.company-finance-stat-icon-paid[b-orzrlj4ti8] {
    color: #15803d;
    background: #ecfdf3;
}

.company-finance-stat-icon-outstanding[b-orzrlj4ti8] {
    color: #b45309;
    background: #fffbeb;
}

.company-finance-stat-icon-overdue[b-orzrlj4ti8] {
    color: #b91c1c;
    background: #fee2e2;
}

.company-finance-stat-icon
.material-symbols-outlined[b-orzrlj4ti8] {
    font-size: 21px;
}

.company-finance-stat-content[b-orzrlj4ti8] {
    min-width: 0;
    flex: 1 1 auto;
}

    .company-finance-stat-content small[b-orzrlj4ti8],
    .company-finance-stat-content strong[b-orzrlj4ti8],
    .company-finance-stat-content > span[b-orzrlj4ti8] {
        display: block;
    }

    .company-finance-stat-content small[b-orzrlj4ti8] {
        color: #64748b;
        font-size: .7rem;
        font-weight: 700;
    }

    .company-finance-stat-content strong[b-orzrlj4ti8] {
        margin-top: .08rem;
        color: #0f172a;
        font-size: .95rem;
        font-weight: 850;
        line-height: 1.2;
        overflow-wrap: anywhere;
    }

    .company-finance-stat-content > span[b-orzrlj4ti8] {
        margin-top: .12rem;
        color: #94a3b8;
        font-size: .67rem;
        line-height: 1.3;
    }

.company-finance-paid[b-orzrlj4ti8] {
    color: #15803d !important;
}

.company-finance-outstanding[b-orzrlj4ti8] {
    color: #b45309 !important;
}

.company-finance-overdue[b-orzrlj4ti8] {
    color: #b91c1c !important;
}

/* ---------------------------------
   Invoice history
---------------------------------- */

.company-finance-history[b-orzrlj4ti8] {
    margin-top: 1rem;
    overflow: hidden;
    border: 1px solid #e8edf4;
    border-radius: .9rem;
}

.company-finance-history-heading[b-orzrlj4ti8] {
    padding: .85rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background: #fbfdff;
    border-bottom: 1px solid #eef2f7;
}

    .company-finance-history-heading h4[b-orzrlj4ti8] {
        margin: 0;
        color: #0f172a;
        font-size: .9rem;
        font-weight: 850;
    }

    .company-finance-history-heading span[b-orzrlj4ti8] {
        display: block;
        margin-top: .15rem;
        color: #64748b;
        font-size: .73rem;
    }

.company-invoice-list[b-orzrlj4ti8] {
    display: flex;
    flex-direction: column;
}

.company-invoice-item[b-orzrlj4ti8] {
    min-width: 0;
    min-height: 68px;
    padding: .75rem 1rem;
    display: flex;
    align-items: center;
    gap: .75rem;
    color: inherit;
    border-bottom: 1px solid #eef2f7;
    text-decoration: none;
    transition: background-color .15s ease;
}

    .company-invoice-item:last-child[b-orzrlj4ti8] {
        border-bottom: 0;
    }

    .company-invoice-item:hover[b-orzrlj4ti8] {
        color: inherit;
        background: #f8fbff;
    }

.company-invoice-icon[b-orzrlj4ti8] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2563eb;
    background: #eef4ff;
    border-radius: .7rem;
}

    .company-invoice-icon
    .material-symbols-outlined[b-orzrlj4ti8] {
        font-size: 20px;
    }

.company-invoice-main[b-orzrlj4ti8] {
    min-width: 0;
    flex: 1 1 auto;
}

.company-invoice-title-row[b-orzrlj4ti8] {
    min-width: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .4rem;
}

    .company-invoice-title-row >
    strong[b-orzrlj4ti8] {
        color: #0f172a;
        font-size: .83rem;
        font-weight: 800;
    }

.company-invoice-status[b-orzrlj4ti8] {
    min-height: 22px;
    padding: .15rem .4rem;
    display: inline-flex;
    align-items: center;
    color: var(--invoice-status-color);
    background: color-mix( in srgb, var(--invoice-status-color) 10%, white);
    border: 1px solid color-mix( in srgb, var(--invoice-status-color) 20%, white);
    border-radius: 999px;
    font-size: .62rem;
    font-weight: 800;
}

.company-invoice-meta[b-orzrlj4ti8] {
    margin-top: .2rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .25rem .7rem;
    color: #64748b;
    font-size: .7rem;
}

.company-invoice-money[b-orzrlj4ti8] {
    min-width: 110px;
    flex: 0 0 auto;
    text-align: right;
}

    .company-invoice-money strong[b-orzrlj4ti8],
    .company-invoice-money small[b-orzrlj4ti8] {
        display: block;
    }

    .company-invoice-money strong[b-orzrlj4ti8] {
        color: #0f172a;
        font-size: .82rem;
        font-weight: 850;
    }

    .company-invoice-money small[b-orzrlj4ti8] {
        margin-top: .1rem;
        font-size: .66rem;
    }

.company-invoice-outstanding[b-orzrlj4ti8] {
    color: #b45309;
}

.company-invoice-overdue[b-orzrlj4ti8] {
    color: #b91c1c;
    font-weight: 750;
}

.company-invoice-paid[b-orzrlj4ti8] {
    color: #15803d;
    font-weight: 750;
}

.company-invoice-arrow[b-orzrlj4ti8] {
    flex: 0 0 auto;
    color: #94a3b8;
    font-size: 20px;
}

.company-invoice-item:hover
.company-invoice-arrow[b-orzrlj4ti8] {
    color: #2563eb;
}

.company-finance-empty[b-orzrlj4ti8] {
    min-height: 100px;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .7rem;
    color: #64748b;
}

    .company-finance-empty >
    .material-symbols-outlined[b-orzrlj4ti8] {
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #64748b;
        background: #f1f5f9;
        border-radius: .7rem;
    }

    .company-finance-empty > div[b-orzrlj4ti8] {
        min-width: 0;
    }

    .company-finance-empty strong[b-orzrlj4ti8],
    .company-finance-empty div > span[b-orzrlj4ti8] {
        display: block;
    }

    .company-finance-empty strong[b-orzrlj4ti8] {
        color: #334155;
        font-size: .82rem;
        font-weight: 800;
    }

    .company-finance-empty div > span[b-orzrlj4ti8] {
        margin-top: .12rem;
        font-size: .72rem;
    }

/* ---------------------------------
   Related records
---------------------------------- */

.company-related-grid[b-orzrlj4ti8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.company-related-section[b-orzrlj4ti8] {
    min-width: 0;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e8edf4;
    border-radius: .9rem;
}

.company-related-section-wide[b-orzrlj4ti8] {
    grid-column: 1 / -1;
}

.company-related-heading[b-orzrlj4ti8] {
    min-height: 70px;
    padding: .9rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background: #fbfdff;
    border-bottom: 1px solid #eef2f7;
}

    .company-related-heading > div[b-orzrlj4ti8] {
        min-width: 0;
    }

.company-related-title-row[b-orzrlj4ti8] {
    display: flex;
    align-items: center;
    gap: .45rem;
}

    .company-related-title-row h4[b-orzrlj4ti8] {
        margin: 0;
        color: #0f172a;
        font-size: .95rem;
        line-height: 1.2;
        font-weight: 850;
    }

.company-related-count[b-orzrlj4ti8] {
    min-width: 1.55rem;
    height: 1.55rem;
    padding: 0 .45rem;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    color: #0b5cff;
    background: #eaf2ff;
    border-radius: 999px;
    font-size: .72rem !important;
    line-height: 1;
    font-weight: 850;
}

.company-related-heading >
div >
span:not(.company-related-count)[b-orzrlj4ti8] {
    display: block;
    margin-top: .2rem;
    color: #64748b;
    font-size: .78rem;
    line-height: 1.4;
}

.company-related-heading > a[b-orzrlj4ti8] {
    flex: 0 0 auto;
    color: #0b5cff;
    font-size: .8rem;
    font-weight: 750;
    text-decoration: none;
}

    .company-related-heading > a:hover[b-orzrlj4ti8] {
        text-decoration: underline;
    }

.company-related-list[b-orzrlj4ti8] {
    display: flex;
    flex-direction: column;
}

.company-related-list-item[b-orzrlj4ti8] {
    min-width: 0;
    min-height: 62px;
    padding: .8rem 1rem;
    display: flex;
    align-items: center;
    gap: .75rem;
    color: inherit;
    border-bottom: 1px solid #eef2f7;
    text-decoration: none;
    transition: background-color .15s ease;
}

    .company-related-list-item:last-child[b-orzrlj4ti8] {
        border-bottom: none;
    }

    .company-related-list-item:hover[b-orzrlj4ti8] {
        color: inherit;
        background: #f8fbff;
    }

    .company-related-list-item >
    .material-symbols-outlined[b-orzrlj4ti8] {
        margin-left: auto;
        flex: 0 0 auto;
        color: #94a3b8;
        font-size: 20px;
        transition: color .15s ease, transform .15s ease;
    }

    .company-related-list-item:hover >
    .material-symbols-outlined[b-orzrlj4ti8] {
        color: #0b5cff;
        transform: translateX(2px);
    }

.company-related-avatar[b-orzrlj4ti8],
.company-related-record-icon[b-orzrlj4ti8] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0b5cff;
    background: #eaf2ff;
    border-radius: .75rem;
}

.company-related-avatar[b-orzrlj4ti8] {
    font-size: .82rem;
    font-weight: 850;
    letter-spacing: -.02em;
}

.company-related-record-icon
.material-symbols-outlined[b-orzrlj4ti8] {
    font-size: 19px;
}

.company-related-list-content[b-orzrlj4ti8] {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

    .company-related-list-content strong[b-orzrlj4ti8] {
        overflow: hidden;
        color: #0f172a;
        font-size: .86rem;
        line-height: 1.25;
        font-weight: 750;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .company-related-list-content small[b-orzrlj4ti8] {
        margin-top: .15rem;
        overflow: hidden;
        color: #64748b;
        font-size: .76rem;
        line-height: 1.3;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.company-related-empty[b-orzrlj4ti8] {
    min-height: 105px;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    color: #64748b;
    font-size: .83rem;
    line-height: 1.4;
    text-align: center;
}

    .company-related-empty
    .material-symbols-outlined[b-orzrlj4ti8] {
        flex: 0 0 auto;
        color: #94a3b8;
        font-size: 20px;
    }

/* ---------------------------------
   Sidebar
---------------------------------- */

.company-side-heading[b-orzrlj4ti8] {
    margin: 0 0 1rem;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 850;
}

.company-action-list[b-orzrlj4ti8] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

    .company-action-list .btn[b-orzrlj4ti8] {
        min-height: 42px;
        justify-content: flex-start;
        text-align: left;
    }

    .company-action-list
    .material-symbols-outlined[b-orzrlj4ti8] {
        flex: 0 0 auto;
        font-size: 19px;
    }

.company-meta-list[b-orzrlj4ti8] {
    display: flex;
    flex-direction: column;
    gap: .8rem;
}

    .company-meta-list > div[b-orzrlj4ti8] {
        padding-bottom: .8rem;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 1rem;
        border-bottom: 1px solid #eef2f7;
    }

        .company-meta-list > div:last-child[b-orzrlj4ti8] {
            padding-bottom: 0;
            border-bottom: none;
        }

    .company-meta-list span[b-orzrlj4ti8] {
        display: block;
        margin-bottom: .15rem;
        color: #64748b;
        font-size: .8rem;
    }

    .company-meta-list strong[b-orzrlj4ti8] {
        min-width: 0;
        color: #0f172a;
        font-size: .84rem;
        font-weight: 750;
        text-align: right;
        overflow-wrap: anywhere;
    }

.company-side-paid[b-orzrlj4ti8] {
    color: #15803d !important;
}

.company-side-outstanding[b-orzrlj4ti8] {
    color: #b45309 !important;
}

.company-side-overdue[b-orzrlj4ti8] {
    color: #b91c1c !important;
}

.company-finance-view-button[b-orzrlj4ti8] {
    min-height: 42px;
    margin-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .4rem;
}

    .company-finance-view-button
    .material-symbols-outlined[b-orzrlj4ti8] {
        font-size: 19px;
    }

/* ---------------------------------
   Alerts
---------------------------------- */

.company-page .alert[b-orzrlj4ti8] {
    min-width: 0;
}

.company-page .alert-content[b-orzrlj4ti8] {
    min-width: 0;
    flex: 1 1 auto;
}

    .company-page
    .alert-content p[b-orzrlj4ti8] {
        overflow-wrap: anywhere;
    }

/* ---------------------------------
   Smaller desktop / tablet
---------------------------------- */

@media (max-width: 1199.98px) {

    .company-layout[b-orzrlj4ti8] {
        grid-template-columns: 1fr;
    }

    .company-finance-summary[b-orzrlj4ti8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .company-side[b-orzrlj4ti8] {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
    }

        .company-side >
        .crm-card:last-child[b-orzrlj4ti8] {
            grid-column: 1 / -1;
        }
}

@media (max-width: 991.98px) {

    .company-related-grid[b-orzrlj4ti8] {
        grid-template-columns: 1fr;
    }

    .company-related-section-wide[b-orzrlj4ti8] {
        grid-column: auto;
    }
}

/* ---------------------------------
   Mobile
---------------------------------- */

@media (max-width: 767.98px) {

    .company-page[b-orzrlj4ti8] {
        gap: .8rem;
    }

    /* Profile */

    .company-profile-card[b-orzrlj4ti8] {
        width: 100%;
        padding: 1rem;
        align-items: stretch;
        flex-direction: column;
        gap: 1rem;
    }

    .company-profile-main[b-orzrlj4ti8] {
        width: 100%;
        align-items: flex-start;
    }

    .company-avatar[b-orzrlj4ti8] {
        width: 52px;
        height: 52px;
        flex-basis: 52px;
        border-radius: .85rem;
        font-size: 1.25rem;
    }

    .company-title-row[b-orzrlj4ti8] {
        align-items: flex-start;
        gap: .45rem;
    }

        .company-title-row h2[b-orzrlj4ti8] {
            font-size: 1.3rem;
        }

        .company-title-row .badge[b-orzrlj4ti8] {
            margin-top: .12rem;
            font-size: .65rem;
        }

    .company-trading-name[b-orzrlj4ti8] {
        margin-top: .2rem;
        font-size: .8rem;
    }

    .company-meta-row[b-orzrlj4ti8] {
        margin-top: .5rem;
        align-items: flex-start;
        flex-direction: column;
        gap: .3rem;
        font-size: .76rem;
    }

        .company-meta-row > span[b-orzrlj4ti8] {
            width: 100%;
        }

        .company-meta-row
        .material-symbols-outlined[b-orzrlj4ti8] {
            font-size: 17px;
        }

    /* Profile actions */

    .company-profile-actions[b-orzrlj4ti8] {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        gap: .5rem;
    }

        .company-profile-actions .btn[b-orzrlj4ti8] {
            width: 100%;
            min-height: 44px;
        }

    /* Main sections */

    .company-layout[b-orzrlj4ti8] {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .8rem;
    }

    .company-main[b-orzrlj4ti8],
    .company-side[b-orzrlj4ti8] {
        width: 100%;
        gap: .8rem;
    }

    .company-side[b-orzrlj4ti8] {
        display: flex;
        flex-direction: column;
    }

    .company-card-body[b-orzrlj4ti8] {
        padding: .85rem;
    }

    /* Information */

    .company-info-grid[b-orzrlj4ti8] {
        grid-template-columns: 1fr;
        gap: .6rem;
    }

    .company-info-item[b-orzrlj4ti8] {
        width: 100%;
        min-height: 66px;
        padding: .75rem;
        align-items: center;
        gap: .7rem;
    }

        .company-info-item >
        .material-symbols-outlined[b-orzrlj4ti8] {
            width: 38px;
            height: 38px;
            flex-basis: 38px;
        }

        .company-info-item small[b-orzrlj4ti8] {
            margin-bottom: .08rem;
            font-size: .7rem;
        }

        .company-info-item strong[b-orzrlj4ti8],
        .company-info-item a[b-orzrlj4ti8] {
            font-size: .8rem;
        }

    /* Address */

    .company-details-address[b-orzrlj4ti8] {
        margin-top: .6rem;
        padding: .75rem;
        gap: .7rem;
    }

    .company-details-address-icon[b-orzrlj4ti8] {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }

    .company-details-address small[b-orzrlj4ti8] {
        font-size: .7rem;
    }

    .company-address-lines[b-orzrlj4ti8],
    .company-details-address strong[b-orzrlj4ti8] {
        font-size: .8rem;
    }

    /* Finance */

    .company-finance-summary[b-orzrlj4ti8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .55rem;
    }

    .company-finance-stat[b-orzrlj4ti8] {
        min-height: 78px;
        padding: .7rem;
    }

    .company-finance-stat-icon[b-orzrlj4ti8] {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
    }

    .company-finance-stat-content strong[b-orzrlj4ti8] {
        font-size: .84rem;
    }

    .company-finance-history[b-orzrlj4ti8] {
        margin-top: .75rem;
    }

    .company-finance-history-heading[b-orzrlj4ti8] {
        padding: .75rem .8rem;
    }

    .company-invoice-item[b-orzrlj4ti8] {
        min-height: 66px;
        padding: .7rem .8rem;
    }

    .company-invoice-icon[b-orzrlj4ti8] {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
    }

    .company-invoice-money[b-orzrlj4ti8] {
        min-width: 85px;
    }

    .company-invoice-arrow[b-orzrlj4ti8] {
        display: none;
    }

    /* Related records */

    .company-related-grid[b-orzrlj4ti8] {
        gap: .7rem;
    }

    .company-related-heading[b-orzrlj4ti8] {
        min-height: auto;
        padding: .8rem;
        align-items: flex-start;
        gap: .7rem;
    }

    .company-related-title-row h4[b-orzrlj4ti8] {
        font-size: .88rem;
    }

    .company-related-count[b-orzrlj4ti8] {
        min-width: 1.4rem;
        height: 1.4rem;
        padding-inline: .38rem;
        font-size: .67rem !important;
    }

    .company-related-heading >
    div >
    span:not(.company-related-count)[b-orzrlj4ti8] {
        margin-top: .12rem;
        font-size: .7rem;
    }

    .company-related-heading > a[b-orzrlj4ti8] {
        padding-top: .1rem;
        font-size: .74rem;
    }

    .company-related-list-item[b-orzrlj4ti8] {
        min-height: 62px;
        padding: .7rem .8rem;
    }

    .company-related-avatar[b-orzrlj4ti8],
    .company-related-record-icon[b-orzrlj4ti8] {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
    }

    .company-related-list-content strong[b-orzrlj4ti8] {
        font-size: .82rem;
    }

    .company-related-list-content small[b-orzrlj4ti8] {
        font-size: .7rem;
    }

    .company-related-empty[b-orzrlj4ti8] {
        min-height: 80px;
        padding: .9rem;
        font-size: .75rem;
    }

    /* Sidebar */

    .company-side-heading[b-orzrlj4ti8] {
        margin-bottom: .75rem;
        font-size: .9rem;
    }

    .company-action-list[b-orzrlj4ti8] {
        gap: .5rem;
    }

        .company-action-list .btn[b-orzrlj4ti8] {
            width: 100%;
            min-height: 44px;
        }

    .company-meta-list[b-orzrlj4ti8] {
        gap: .65rem;
    }

        .company-meta-list > div[b-orzrlj4ti8] {
            padding-bottom: .65rem;
        }

        .company-meta-list span[b-orzrlj4ti8] {
            font-size: .72rem;
        }

        .company-meta-list strong[b-orzrlj4ti8] {
            font-size: .78rem;
        }

    .company-finance-view-button[b-orzrlj4ti8] {
        min-height: 44px;
    }

    /* Alerts */

    .company-page .alert[b-orzrlj4ti8] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .company-page
    .alert-actions[b-orzrlj4ti8] {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .5rem;
    }

        .company-page
        .alert-actions .btn[b-orzrlj4ti8] {
            width: 100%;
            min-height: 42px;
            justify-content: center;
        }
}

/* ---------------------------------
   Small phones
---------------------------------- */

@media (max-width: 575.98px) {

    .company-profile-card[b-orzrlj4ti8] {
        padding: .85rem;
    }

    .company-profile-main[b-orzrlj4ti8] {
        gap: .75rem;
    }

    .company-avatar[b-orzrlj4ti8] {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
        font-size: 1.15rem;
    }

    .company-title-row[b-orzrlj4ti8] {
        flex-direction: column;
        gap: .3rem;
    }

        .company-title-row h2[b-orzrlj4ti8] {
            font-size: 1.2rem;
        }

        .company-title-row .badge[b-orzrlj4ti8] {
            margin-top: 0;
        }

    .company-card-body[b-orzrlj4ti8] {
        padding: .75rem;
    }

    /* Finance */

    .company-finance-summary[b-orzrlj4ti8] {
        grid-template-columns: 1fr;
    }

    .company-finance-stat[b-orzrlj4ti8] {
        min-height: 70px;
    }

    .company-invoice-item[b-orzrlj4ti8] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .company-invoice-main[b-orzrlj4ti8] {
        min-width: calc(100% - 50px);
    }

    .company-invoice-money[b-orzrlj4ti8] {
        width: 100%;
        min-width: 0;
        padding: .55rem 0 0 46px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .5rem;
        text-align: left;
        border-top: 1px solid #eef2f7;
    }

        .company-invoice-money small[b-orzrlj4ti8] {
            margin: 0;
        }

    /* Related */

    .company-related-heading[b-orzrlj4ti8] {
        padding: .75rem;
    }

    .company-related-list-item[b-orzrlj4ti8] {
        padding: .7rem .75rem;
    }

    .company-related-list-content strong[b-orzrlj4ti8],
    .company-related-list-content small[b-orzrlj4ti8] {
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
        overflow-wrap: anywhere;
    }

    /* Sidebar */

    .company-meta-list > div[b-orzrlj4ti8] {
        flex-direction: column;
        gap: .15rem;
    }

    .company-meta-list strong[b-orzrlj4ti8] {
        text-align: left;
    }

    /* Alerts */

    .company-page
    .alert-actions[b-orzrlj4ti8] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Contacts/Pages/ContactEdit.razor.rz.scp.css */
.contact-item-page[b-5fq4durj57],
.contact-edit-page[b-5fq4durj57] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.contact-item-toolbar[b-5fq4durj57],
.contact-edit-toolbar[b-5fq4durj57] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.contact-item-actions[b-5fq4durj57] {
    display: flex;
    align-items: center;
    gap: .6rem;
    flex-wrap: wrap;
}

.contact-item-layout[b-5fq4durj57],
.contact-edit-layout[b-5fq4durj57] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 20rem;
    gap: 1rem;
    align-items: start;
}

.contact-main-column[b-5fq4durj57],
.contact-side-column[b-5fq4durj57] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.crm-card[b-5fq4durj57] {
    background: #fff;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 1.25rem;
    box-shadow: 0 18px 50px rgba(15, 23, 42, .06);
}

.contact-hero-card[b-5fq4durj57] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
}

.contact-avatar-large[b-5fq4durj57] {
    width: 4.5rem;
    height: 4.5rem;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 1.35rem;
    background: #eef2ff;
    color: #3730a3;
    font-size: 1.25rem;
    font-weight: 900;
}

.contact-hero-content[b-5fq4durj57] {
    min-width: 0;
    flex: 1;
}

.contact-hero-title-row[b-5fq4durj57] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.contact-hero-title-row h2[b-5fq4durj57],
.contact-card-header h2[b-5fq4durj57],
.contact-card-header h3[b-5fq4durj57],
.contact-summary-card h3[b-5fq4durj57] {
    margin: 0;
    color: #172033;
    font-weight: 850;
}

.contact-hero-title-row p[b-5fq4durj57],
.contact-card-header p[b-5fq4durj57],
.contact-summary-card p[b-5fq4durj57] {
    margin: .25rem 0 0;
    color: #64748b;
}

.contact-company-link[b-5fq4durj57] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    margin-top: .75rem;
    color: #2563eb;
    font-weight: 800;
    text-decoration: none;
}

.contact-company-link:hover[b-5fq4durj57] {
    text-decoration: underline;
}

.contact-section-card[b-5fq4durj57],
.contact-form-card[b-5fq4durj57],
.contact-summary-card[b-5fq4durj57] {
    padding: 1.25rem;
}

.contact-card-header[b-5fq4durj57] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.contact-details-grid[b-5fq4durj57] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .9rem;
}

.contact-detail-item[b-5fq4durj57] {
    display: flex;
    gap: .75rem;
    padding: 1rem;
    border-radius: 1rem;
    background: #f8fafc;
}

.contact-detail-item > .material-symbols-outlined[b-5fq4durj57] {
    color: #64748b;
}

.contact-detail-item label[b-5fq4durj57] {
    display: block;
    margin-bottom: .15rem;
    color: #94a3b8;
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.contact-detail-item p[b-5fq4durj57],
.contact-detail-item a[b-5fq4durj57] {
    margin: 0;
    color: #172033;
    font-weight: 750;
    text-decoration: none;
}

.contact-detail-item a:hover[b-5fq4durj57] {
    text-decoration: underline;
}

.contact-notes[b-5fq4durj57],
.contact-muted[b-5fq4durj57] {
    margin: 0;
    color: #475569;
    line-height: 1.65;
}

.contact-notes-input[b-5fq4durj57] {
    min-height: 11rem;
    resize: vertical;
}

.contact-summary-card[b-5fq4durj57] {
    text-align: center;
}

.contact-summary-card .contact-avatar-large[b-5fq4durj57] {
    margin: 0 auto .9rem;
}

.contact-summary-card dl[b-5fq4durj57] {
    margin: 1rem 0 0;
    text-align: left;
}

.contact-summary-card dl div[b-5fq4durj57] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: .75rem 0;
    border-top: 1px solid rgba(15, 23, 42, .08);
}

.contact-summary-card dt[b-5fq4durj57] {
    color: #94a3b8;
    font-weight: 800;
}

.contact-summary-card dd[b-5fq4durj57] {
    margin: 0;
    color: #172033;
    font-weight: 750;
    text-align: right;
}

.contact-summary-divider[b-5fq4durj57] {
    height: 1px;
    margin: 1rem 0;
    background: rgba(15, 23, 42, .08);
}

.contact-summary-help[b-5fq4durj57] {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    padding: .9rem;
    border-radius: 1rem;
    background: #f8fafc;
    text-align: left;
}

.contact-summary-help .material-symbols-outlined[b-5fq4durj57] {
    color: #2563eb;
}

.contact-summary-help p[b-5fq4durj57] {
    margin: 0;
    font-size: .9rem;
}

.contact-loading-card[b-5fq4durj57] {
    display: grid;
    place-items: center;
    text-align: center;
    gap: .35rem;
    padding: 4rem 1rem;
    color: #64748b;
}

.contact-loading-card .material-symbols-outlined[b-5fq4durj57] {
    font-size: 3rem;
    color: #94a3b8;
}

.contact-loading-card h2[b-5fq4durj57] {
    margin: .5rem 0 0;
    color: #172033;
    font-size: 1.25rem;
    font-weight: 850;
}

.contact-loading-card p[b-5fq4durj57] {
    margin: 0 0 .75rem;
}

.contact-save-bar[b-5fq4durj57] {
    display: flex;
    justify-content: flex-end;
    gap: .75rem;
}

.crm-btn-primary[b-5fq4durj57],
.crm-btn-secondary[b-5fq4durj57],
.crm-btn-danger[b-5fq4durj57] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    min-height: 2.65rem;
    padding: .6rem .9rem;
    border-radius: .9rem;
    font-weight: 800;
}

.crm-btn-primary[b-5fq4durj57] {
    background: #2563eb;
    border-color: #2563eb;
    color: #fff;
}

.crm-btn-primary:hover[b-5fq4durj57] {
    background: #1d4ed8;
    border-color: #1d4ed8;
    color: #fff;
}

.crm-btn-secondary[b-5fq4durj57] {
    background: #f8fafc;
    border-color: rgba(15, 23, 42, .1);
    color: #334155;
}

.crm-btn-secondary:hover[b-5fq4durj57] {
    background: #eef2ff;
    border-color: rgba(37, 99, 235, .18);
    color: #1d4ed8;
}

.crm-btn-danger[b-5fq4durj57] {
    background: #fee2e2;
    border-color: #fecaca;
    color: #991b1b;
}

.crm-btn-danger:hover[b-5fq4durj57] {
    background: #fecaca;
    border-color: #fca5a5;
    color: #7f1d1d;
}

.crm-status[b-5fq4durj57] {
    display: inline-flex;
    align-items: center;
    min-height: 1.75rem;
    padding: .2rem .65rem;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 800;
}

.crm-status-active[b-5fq4durj57] {
    background: #dcfce7;
    color: #166534;
}

.crm-status-archived[b-5fq4durj57] {
    background: #f1f5f9;
    color: #475569;
}

.crm-alert[b-5fq4durj57] {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    border-radius: 1rem;
}

@media (max-width: 1000px) {
    .contact-item-layout[b-5fq4durj57],
    .contact-edit-layout[b-5fq4durj57] {
        grid-template-columns: 1fr;
    }

    .contact-side-column[b-5fq4durj57] {
        position: static;
        order: initial;
    }
}

@media (max-width: 700px) {
    .contact-item-page[b-5fq4durj57],
    .contact-edit-page[b-5fq4durj57] {
        gap: .8rem;
    }

    .contact-item-toolbar[b-5fq4durj57],
    .contact-edit-toolbar[b-5fq4durj57],
    .contact-hero-title-row[b-5fq4durj57],
    .contact-card-header[b-5fq4durj57] {
        flex-direction: column;
        align-items: flex-start;
    }

    .contact-edit-toolbar[b-5fq4durj57] {
        width: 100%;
    }

        .contact-edit-toolbar .btn[b-5fq4durj57] {
            width: 100%;
            min-height: 44px;
        }

    .contact-edit-layout[b-5fq4durj57] {
        display: flex;
        flex-direction: column;
        gap: .8rem;
    }

    /*
        Flatten both columns so we can control
        the mobile order of individual sections.
    */
    .contact-main-column[b-5fq4durj57],
    .contact-side-column[b-5fq4durj57] {
        width: 100%;
        display: contents;
    }

        /*
        Form cards stay first.
    */
        .contact-main-column > .contact-form-card:nth-of-type(1)[b-5fq4durj57] {
            order: 1;
        }

        .contact-main-column > .contact-form-card:nth-of-type(2)[b-5fq4durj57] {
            order: 2;
        }

        .contact-main-column > .contact-form-card:nth-of-type(3)[b-5fq4durj57] {
            order: 3;
        }

    /*
        Preview/help after all editable fields.
    */
    .contact-summary-card[b-5fq4durj57] {
        order: 4;
        width: 100%;
    }

    /*
        Save is the final action.
    */
    .contact-save-bar[b-5fq4durj57] {
        order: 5;
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
        gap: .5rem;
    }

        .contact-save-bar .btn[b-5fq4durj57] {
            width: 100%;
            min-height: 44px;
        }

    .contact-form-card[b-5fq4durj57],
    .contact-summary-card[b-5fq4durj57] {
        width: 100%;
        padding: .9rem;
    }

    .contact-card-header[b-5fq4durj57] {
        margin-bottom: .8rem;
        gap: .4rem;
    }

        .contact-card-header h2[b-5fq4durj57] {
            font-size: 1.05rem;
        }

        .contact-card-header p[b-5fq4durj57] {
            font-size: .8rem;
            line-height: 1.4;
        }

    .contact-edit-page .form-control[b-5fq4durj57],
    .contact-edit-page .form-select[b-5fq4durj57] {
        min-height: 44px;
    }

    .contact-notes-input[b-5fq4durj57] {
        min-height: 9rem;
    }

    .contact-summary-card[b-5fq4durj57] {
        text-align: left;
    }

        .contact-summary-card .contact-avatar-large[b-5fq4durj57] {
            margin: 0 0 .75rem;
        }

        .contact-summary-card h3[b-5fq4durj57] {
            font-size: 1rem;
        }

        .contact-summary-card p[b-5fq4durj57] {
            font-size: .8rem;
        }

    .contact-summary-divider[b-5fq4durj57] {
        margin: .8rem 0;
    }

    .contact-summary-help[b-5fq4durj57] {
        padding: .8rem;
    }

        .contact-summary-help p[b-5fq4durj57] {
            font-size: .78rem;
            line-height: 1.4;
        }
}

@media (max-width: 575.98px) {
    .contact-form-card[b-5fq4durj57],
    .contact-summary-card[b-5fq4durj57] {
        padding: .8rem;
    }

    .contact-edit-page .row[b-5fq4durj57] {
        --bs-gutter-y: .8rem;
    }

    .contact-avatar-large[b-5fq4durj57] {
        width: 3.25rem;
        height: 3.25rem;
        border-radius: 1rem;
        font-size: 1rem;
    }
}
/* /Components/Contacts/Pages/ContactItem.razor.rz.scp.css */
.contact-item-page[b-k1q6h1gjmj],
.contact-edit-page[b-k1q6h1gjmj] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ---------------------------------
   Toolbars
---------------------------------- */

.contact-item-toolbar[b-k1q6h1gjmj],
.contact-edit-toolbar[b-k1q6h1gjmj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

    .contact-item-toolbar .btn[b-k1q6h1gjmj],
    .contact-profile-actions .btn[b-k1q6h1gjmj],
    .contact-action-list .btn[b-k1q6h1gjmj] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .4rem;
    }

    .contact-item-toolbar .material-symbols-outlined[b-k1q6h1gjmj],
    .contact-profile-actions .material-symbols-outlined[b-k1q6h1gjmj],
    .contact-action-list .material-symbols-outlined[b-k1q6h1gjmj] {
        font-size: 19px;
    }

/* ---------------------------------
   Profile
---------------------------------- */

.contact-profile-card[b-k1q6h1gjmj] {
    padding: 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.25rem;
}

.contact-profile-main[b-k1q6h1gjmj] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 1rem;
}

    .contact-profile-main > div:last-child[b-k1q6h1gjmj] {
        min-width: 0;
        flex: 1 1 auto;
    }

.contact-avatar-large[b-k1q6h1gjmj] {
    width: 64px;
    height: 64px;
    flex: 0 0 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: linear-gradient(135deg, #0b5cff, #0946bd);
    border-radius: 1rem;
    box-shadow: 0 10px 24px rgba(13, 110, 253, .22);
    font-size: 1.35rem;
    font-weight: 850;
}

.contact-title-row[b-k1q6h1gjmj] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .7rem;
    flex-wrap: wrap;
}

    .contact-title-row h2[b-k1q6h1gjmj] {
        min-width: 0;
        margin: 0;
        color: #0f172a;
        font-size: 1.6rem;
        font-weight: 850;
        line-height: 1.2;
        letter-spacing: -.035em;
        overflow-wrap: anywhere;
    }

.contact-subtitle[b-k1q6h1gjmj] {
    margin: .25rem 0 0;
    color: #64748b;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.contact-meta-row[b-k1q6h1gjmj] {
    margin-top: .65rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .55rem .85rem;
    color: #475569;
}

    .contact-meta-row span[b-k1q6h1gjmj],
    .contact-meta-row a[b-k1q6h1gjmj] {
        min-width: 0;
        display: inline-flex;
        align-items: center;
        gap: .3rem;
        color: #475569;
        font-weight: 700;
        text-decoration: none;
    }

        .contact-meta-row a:hover[b-k1q6h1gjmj] {
            color: #0b5cff;
            text-decoration: underline;
        }

    .contact-meta-row .material-symbols-outlined[b-k1q6h1gjmj] {
        flex: 0 0 auto;
        color: #64748b;
        font-size: 18px;
    }

.contact-profile-actions[b-k1q6h1gjmj] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .55rem;
    flex-wrap: wrap;
}

/* ---------------------------------
   Main layout
---------------------------------- */

.contact-item-layout[b-k1q6h1gjmj],
.contact-edit-layout[b-k1q6h1gjmj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 1rem;
    align-items: flex-start;
}

.contact-main-column[b-k1q6h1gjmj],
.contact-side-column[b-k1q6h1gjmj] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.contact-side-column[b-k1q6h1gjmj] {
    position: sticky;
    top: 138px;
}

.contact-card-body[b-k1q6h1gjmj] {
    min-width: 0;
    padding: 1.25rem;
}

/* ---------------------------------
   Contact details
---------------------------------- */

.contact-details-grid[b-k1q6h1gjmj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.contact-detail-item[b-k1q6h1gjmj] {
    min-width: 0;
    padding: 1rem;
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    background: #fbfdff;
    border: 1px solid #eef2f7;
    border-radius: .85rem;
}

    .contact-detail-item > .material-symbols-outlined[b-k1q6h1gjmj] {
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #0b5cff;
        background: #eaf2ff;
        border-radius: .75rem;
        font-size: 20px;
    }

    .contact-detail-item > div[b-k1q6h1gjmj] {
        min-width: 0;
        flex: 1 1 auto;
    }

    .contact-detail-item small[b-k1q6h1gjmj],
    .contact-meta-list span[b-k1q6h1gjmj] {
        display: block;
        margin-bottom: .15rem;
        color: #64748b;
        font-size: .8rem;
    }

    .contact-detail-item strong[b-k1q6h1gjmj],
    .contact-detail-item a[b-k1q6h1gjmj] {
        display: block;
        color: #0f172a;
        font-weight: 750;
        line-height: 1.4;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .contact-detail-item a[b-k1q6h1gjmj] {
        color: #0b5cff;
        text-decoration: none;
    }

        .contact-detail-item a:hover[b-k1q6h1gjmj] {
            text-decoration: underline;
        }

/* ---------------------------------
   Sidebar
---------------------------------- */

.contact-side-heading[b-k1q6h1gjmj] {
    margin: 0 0 1rem;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 850;
}

.contact-action-list[b-k1q6h1gjmj] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

    .contact-action-list .btn[b-k1q6h1gjmj] {
        min-height: 42px;
        justify-content: flex-start;
        text-align: left;
    }

.contact-meta-list[b-k1q6h1gjmj] {
    display: flex;
    flex-direction: column;
    gap: .8rem;
}

    .contact-meta-list div[b-k1q6h1gjmj] {
        padding-bottom: .8rem;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 1rem;
        border-bottom: 1px solid #eef2f7;
    }

        .contact-meta-list div:last-child[b-k1q6h1gjmj] {
            padding-bottom: 0;
            border-bottom: none;
        }

    .contact-meta-list span[b-k1q6h1gjmj] {
        margin: 0;
    }

    .contact-meta-list strong[b-k1q6h1gjmj] {
        min-width: 0;
        color: #0f172a;
        font-size: .84rem;
        font-weight: 750;
        text-align: right;
        overflow-wrap: anywhere;
    }

/* ---------------------------------
   Alerts
---------------------------------- */

.contact-alert[b-k1q6h1gjmj] {
    min-width: 0;
    align-items: center;
}

    .contact-alert > .material-symbols-outlined[b-k1q6h1gjmj] {
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ffffff !important;
        border-radius: 50%;
    }

.alert-success.contact-alert > .material-symbols-outlined[b-k1q6h1gjmj] {
    background: #16a34a;
}

.alert-danger.contact-alert > .material-symbols-outlined[b-k1q6h1gjmj] {
    background: #dc2626;
}

.alert-warning.contact-alert > .material-symbols-outlined[b-k1q6h1gjmj] {
    background: #f59e0b;
}

.contact-alert .alert-content[b-k1q6h1gjmj] {
    min-width: 0;
    flex: 1 1 auto;
}

    .contact-alert .alert-content p[b-k1q6h1gjmj] {
        overflow-wrap: anywhere;
    }

/* ---------------------------------
   Edit page specific
---------------------------------- */

.contact-edit-layout[b-k1q6h1gjmj] {
    grid-template-columns: minmax(0, 1fr) 20rem;
}

.contact-edit-toolbar[b-k1q6h1gjmj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.contact-item-actions[b-k1q6h1gjmj] {
    display: flex;
    align-items: center;
    gap: .6rem;
    flex-wrap: wrap;
}

.contact-form-card[b-k1q6h1gjmj],
.contact-summary-card[b-k1q6h1gjmj] {
    padding: 1.25rem;
}

.contact-card-header[b-k1q6h1gjmj] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

    .contact-card-header h2[b-k1q6h1gjmj],
    .contact-card-header h3[b-k1q6h1gjmj],
    .contact-summary-card h3[b-k1q6h1gjmj] {
        margin: 0;
        color: #172033;
        font-weight: 850;
    }

    .contact-card-header p[b-k1q6h1gjmj],
    .contact-summary-card p[b-k1q6h1gjmj] {
        margin: .25rem 0 0;
        color: #64748b;
    }

.contact-notes-input[b-k1q6h1gjmj] {
    min-height: 11rem;
    resize: vertical;
}

.contact-summary-card[b-k1q6h1gjmj] {
    text-align: center;
}

    .contact-summary-card .contact-avatar-large[b-k1q6h1gjmj] {
        margin: 0 auto .9rem;
    }

.contact-summary-divider[b-k1q6h1gjmj] {
    height: 1px;
    margin: 1rem 0;
    background: rgba(15, 23, 42, .08);
}

.contact-summary-help[b-k1q6h1gjmj] {
    padding: .9rem;
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    background: #f8fafc;
    border-radius: 1rem;
    text-align: left;
}

    .contact-summary-help .material-symbols-outlined[b-k1q6h1gjmj] {
        flex: 0 0 auto;
        color: #2563eb;
    }

    .contact-summary-help p[b-k1q6h1gjmj] {
        margin: 0;
        font-size: .9rem;
    }

.contact-loading-card[b-k1q6h1gjmj] {
    padding: 4rem 1rem;
    display: grid;
    place-items: center;
    gap: .35rem;
    color: #64748b;
    text-align: center;
}

    .contact-loading-card .material-symbols-outlined[b-k1q6h1gjmj] {
        color: #94a3b8;
        font-size: 3rem;
    }

    .contact-loading-card h2[b-k1q6h1gjmj] {
        margin: .5rem 0 0;
        color: #172033;
        font-size: 1.25rem;
        font-weight: 850;
    }

    .contact-loading-card p[b-k1q6h1gjmj] {
        margin: 0 0 .75rem;
    }

.contact-save-bar[b-k1q6h1gjmj] {
    display: flex;
    justify-content: flex-end;
    gap: .75rem;
}

.crm-btn-primary[b-k1q6h1gjmj],
.crm-btn-secondary[b-k1q6h1gjmj],
.crm-btn-danger[b-k1q6h1gjmj] {
    min-height: 2.65rem;
    padding: .6rem .9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    border-radius: .9rem;
    font-weight: 800;
}

.crm-btn-primary[b-k1q6h1gjmj] {
    color: #ffffff;
    background: #2563eb;
    border-color: #2563eb;
}

    .crm-btn-primary:hover[b-k1q6h1gjmj] {
        color: #ffffff;
        background: #1d4ed8;
        border-color: #1d4ed8;
    }

.crm-btn-secondary[b-k1q6h1gjmj] {
    color: #334155;
    background: #f8fafc;
    border-color: rgba(15, 23, 42, .1);
}

    .crm-btn-secondary:hover[b-k1q6h1gjmj] {
        color: #1d4ed8;
        background: #eef2ff;
        border-color: rgba(37, 99, 235, .18);
    }

.crm-btn-danger[b-k1q6h1gjmj] {
    color: #991b1b;
    background: #fee2e2;
    border-color: #fecaca;
}

    .crm-btn-danger:hover[b-k1q6h1gjmj] {
        color: #7f1d1d;
        background: #fecaca;
        border-color: #fca5a5;
    }

.crm-status[b-k1q6h1gjmj] {
    min-height: 1.75rem;
    padding: .2rem .65rem;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 800;
}

.crm-status-active[b-k1q6h1gjmj] {
    color: #166534;
    background: #dcfce7;
}

.crm-status-archived[b-k1q6h1gjmj] {
    color: #475569;
    background: #f1f5f9;
}

.crm-alert[b-k1q6h1gjmj] {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    border-radius: 1rem;
}

/* ---------------------------------
   Tablet
---------------------------------- */

@media (max-width: 1199.98px) {

    .contact-item-layout[b-k1q6h1gjmj],
    .contact-edit-layout[b-k1q6h1gjmj] {
        grid-template-columns: 1fr;
    }

    .contact-side-column[b-k1q6h1gjmj] {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
    }

        .contact-side-column > .crm-card:last-child[b-k1q6h1gjmj] {
            grid-column: 1 / -1;
        }
}

/* ---------------------------------
   Mobile
---------------------------------- */

@media (max-width: 767.98px) {

    .contact-item-page[b-k1q6h1gjmj],
    .contact-edit-page[b-k1q6h1gjmj] {
        gap: .8rem;
    }

    /* Profile */

    .contact-profile-card[b-k1q6h1gjmj] {
        width: 100%;
        padding: 1rem;
        align-items: stretch;
        flex-direction: column;
        gap: 1rem;
    }

    .contact-profile-main[b-k1q6h1gjmj] {
        width: 100%;
        min-width: 0;
        align-items: flex-start;
        gap: .75rem;
    }

        .contact-profile-main > div:last-child[b-k1q6h1gjmj] {
            width: 100%;
            min-width: 0;
            flex: 1 1 auto;
        }

    .contact-avatar-large[b-k1q6h1gjmj] {
        width: 52px;
        height: 52px;
        flex-basis: 52px;
        border-radius: .85rem;
        font-size: 1.1rem;
    }

    .contact-title-row[b-k1q6h1gjmj] {
        width: 100%;
        min-width: 0;
        align-items: flex-start;
        gap: .45rem;
    }

        .contact-title-row h2[b-k1q6h1gjmj] {
            min-width: 0;
            font-size: 1.3rem;
        }

        .contact-title-row .badge[b-k1q6h1gjmj] {
            margin-top: .12rem;
            flex: 0 0 auto;
            font-size: .65rem;
        }

    .contact-subtitle[b-k1q6h1gjmj] {
        margin-top: .18rem;
        font-size: .8rem;
    }

    .contact-meta-row[b-k1q6h1gjmj] {
        width: 100%;
        margin-top: .5rem;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: .35rem;
        font-size: .76rem;
    }

        .contact-meta-row > span[b-k1q6h1gjmj],
        .contact-meta-row > a[b-k1q6h1gjmj] {
            width: 100%;
            min-width: 0;
            display: flex;
            align-items: center;
            gap: .35rem;
            overflow-wrap: normal;
            word-break: normal;
            white-space: normal;
        }

            .contact-meta-row > span:not(.material-symbols-outlined)[b-k1q6h1gjmj],
            .contact-meta-row > a[b-k1q6h1gjmj] {
                flex: 1 1 auto;
            }

        .contact-meta-row .material-symbols-outlined[b-k1q6h1gjmj] {
            width: 18px;
            flex: 0 0 18px;
            font-size: 17px;
        }

    /* Profile actions */

    .contact-profile-actions[b-k1q6h1gjmj] {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        gap: .5rem;
    }

        .contact-profile-actions .btn[b-k1q6h1gjmj] {
            width: 100%;
            min-height: 44px;
        }

    /* Main item layout */

    .contact-item-layout[b-k1q6h1gjmj] {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .8rem;
    }

        .contact-item-layout .contact-main-column[b-k1q6h1gjmj],
        .contact-item-layout .contact-side-column[b-k1q6h1gjmj] {
            width: 100%;
            gap: .8rem;
        }

        .contact-item-layout .contact-side-column[b-k1q6h1gjmj] {
            display: flex;
            flex-direction: column;
        }

    .contact-card-body[b-k1q6h1gjmj] {
        padding: .85rem;
    }

    /* Contact details */

    .contact-details-grid[b-k1q6h1gjmj] {
        grid-template-columns: 1fr;
        gap: .6rem;
    }

    .contact-detail-item[b-k1q6h1gjmj] {
        width: 100%;
        min-height: 66px;
        padding: .75rem;
        align-items: center;
        gap: .7rem;
    }

        .contact-detail-item > .material-symbols-outlined[b-k1q6h1gjmj] {
            width: 38px;
            height: 38px;
            flex-basis: 38px;
        }

        .contact-detail-item small[b-k1q6h1gjmj] {
            margin-bottom: .08rem;
            font-size: .7rem;
        }

        .contact-detail-item strong[b-k1q6h1gjmj],
        .contact-detail-item a[b-k1q6h1gjmj] {
            font-size: .8rem;
        }

    /* Sidebar */

    .contact-side-heading[b-k1q6h1gjmj] {
        margin-bottom: .75rem;
        font-size: .9rem;
    }

    .contact-action-list[b-k1q6h1gjmj] {
        gap: .5rem;
    }

        .contact-action-list .btn[b-k1q6h1gjmj] {
            width: 100%;
            min-height: 44px;
        }

    .contact-meta-list[b-k1q6h1gjmj] {
        gap: .65rem;
    }

        .contact-meta-list div[b-k1q6h1gjmj] {
            padding-bottom: .65rem;
        }

        .contact-meta-list span[b-k1q6h1gjmj] {
            font-size: .72rem;
        }

        .contact-meta-list strong[b-k1q6h1gjmj] {
            font-size: .78rem;
        }

    /* Alerts */

    .contact-alert[b-k1q6h1gjmj] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

        .contact-alert .alert-actions[b-k1q6h1gjmj] {
            width: 100%;
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: .5rem;
        }

            .contact-alert .alert-actions .btn[b-k1q6h1gjmj] {
                width: 100%;
                min-height: 42px;
                justify-content: center;
            }

    /* Edit form */

    .contact-edit-toolbar[b-k1q6h1gjmj] {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }

        .contact-edit-toolbar .btn[b-k1q6h1gjmj] {
            width: 100%;
            min-height: 44px;
        }

    .contact-edit-layout[b-k1q6h1gjmj] {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .8rem;
    }

        .contact-edit-layout .contact-main-column[b-k1q6h1gjmj],
        .contact-edit-layout .contact-side-column[b-k1q6h1gjmj] {
            width: 100%;
            display: contents;
        }

            .contact-edit-layout .contact-main-column > .contact-form-card:nth-of-type(1)[b-k1q6h1gjmj] {
                order: 1;
            }

            .contact-edit-layout .contact-main-column > .contact-form-card:nth-of-type(2)[b-k1q6h1gjmj] {
                order: 2;
            }

            .contact-edit-layout .contact-main-column > .contact-form-card:nth-of-type(3)[b-k1q6h1gjmj] {
                order: 3;
            }

    .contact-summary-card[b-k1q6h1gjmj] {
        order: 4;
        width: 100%;
    }

    .contact-save-bar[b-k1q6h1gjmj] {
        order: 5;
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
        gap: .5rem;
    }

        .contact-save-bar .btn[b-k1q6h1gjmj] {
            width: 100%;
            min-height: 44px;
        }

    .contact-form-card[b-k1q6h1gjmj],
    .contact-summary-card[b-k1q6h1gjmj] {
        width: 100%;
        padding: .9rem;
    }

    .contact-card-header[b-k1q6h1gjmj] {
        margin-bottom: .8rem;
        flex-direction: column;
        align-items: flex-start;
        gap: .4rem;
    }

        .contact-card-header h2[b-k1q6h1gjmj] {
            font-size: 1.05rem;
        }

        .contact-card-header p[b-k1q6h1gjmj] {
            font-size: .8rem;
            line-height: 1.4;
        }

    .contact-edit-page .form-control[b-k1q6h1gjmj],
    .contact-edit-page .form-select[b-k1q6h1gjmj] {
        min-height: 44px;
    }

    .contact-notes-input[b-k1q6h1gjmj] {
        min-height: 9rem;
    }

    .contact-summary-card[b-k1q6h1gjmj] {
        text-align: left;
    }

        .contact-summary-card .contact-avatar-large[b-k1q6h1gjmj] {
            margin: 0 0 .75rem;
        }

        .contact-summary-card h3[b-k1q6h1gjmj] {
            font-size: 1rem;
        }

        .contact-summary-card p[b-k1q6h1gjmj] {
            font-size: .8rem;
        }

    .contact-summary-divider[b-k1q6h1gjmj] {
        margin: .8rem 0;
    }

    .contact-summary-help[b-k1q6h1gjmj] {
        padding: .8rem;
    }

        .contact-summary-help p[b-k1q6h1gjmj] {
            font-size: .78rem;
            line-height: 1.4;
        }
}

/* ---------------------------------
   Small phones
---------------------------------- */

@media (max-width: 575.98px) {

    .contact-profile-card[b-k1q6h1gjmj] {
        padding: .85rem;
    }

    .contact-avatar-large[b-k1q6h1gjmj] {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
        font-size: 1rem;
    }

    .contact-title-row[b-k1q6h1gjmj] {
        flex-direction: column;
        gap: .3rem;
    }

        .contact-title-row h2[b-k1q6h1gjmj] {
            font-size: 1.2rem;
        }

        .contact-title-row .badge[b-k1q6h1gjmj] {
            margin-top: 0;
        }

    .contact-card-body[b-k1q6h1gjmj],
    .contact-form-card[b-k1q6h1gjmj],
    .contact-summary-card[b-k1q6h1gjmj] {
        padding: .8rem;
    }

    .contact-meta-list div[b-k1q6h1gjmj] {
        flex-direction: column;
        gap: .15rem;
    }

    .contact-meta-list strong[b-k1q6h1gjmj] {
        text-align: left;
    }

    .contact-alert .alert-actions[b-k1q6h1gjmj] {
        grid-template-columns: 1fr;
    }

    .contact-edit-page .row[b-k1q6h1gjmj] {
        --bs-gutter-y: .8rem;
    }
}
/* /Components/Contacts/Pages/Contacts.razor.rz.scp.css */
.contacts-page[b-owmofs3ch6] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ---------------------------------
   Context filter
---------------------------------- */

.contacts-context-filter[b-owmofs3ch6] {
    min-height: 64px;
    padding: .85rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background: #f7faff;
    border: 1px solid #cbdcfb;
    border-radius: .9rem;
}

.contacts-context-filter-main[b-owmofs3ch6] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .75rem;
}

    .contacts-context-filter-main > .material-symbols-outlined[b-owmofs3ch6] {
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #0b5cff;
        background: #eaf2ff;
        border-radius: .75rem;
        font-size: 20px;
    }

    .contacts-context-filter-main div[b-owmofs3ch6] {
        min-width: 0;
    }

    .contacts-context-filter-main strong[b-owmofs3ch6] {
        display: block;
        color: #0f172a;
        font-size: .9rem;
        font-weight: 800;
    }

    .contacts-context-filter-main span[b-owmofs3ch6] {
        display: block;
        margin-top: .1rem;
        color: #64748b;
        font-size: .8rem;
        line-height: 1.35;
    }

/* ---------------------------------
   Toolbar
---------------------------------- */

.contacts-toolbar[b-owmofs3ch6] {
    padding: 1rem 1.25rem;
    display: grid;
    grid-template-columns: minmax(320px, 1fr) auto auto;
    gap: 1.25rem;
    align-items: end;
}

.contacts-search[b-owmofs3ch6] {
    min-width: 0;
}

    .contacts-search .input-group[b-owmofs3ch6] {
        min-width: 0;
    }

    .contacts-search .input-group-text[b-owmofs3ch6] {
        color: #64748b;
        background: #ffffff;
    }

        .contacts-search .input-group-text .material-symbols-outlined[b-owmofs3ch6] {
            font-size: 20px;
        }

.contacts-filters[b-owmofs3ch6] {
    padding-bottom: .12rem;
    display: flex;
    align-items: center;
    gap: 1.2rem;
    white-space: nowrap;
}

.contacts-toolbar-actions[b-owmofs3ch6] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .7rem;
}

    .contacts-toolbar-actions .btn[b-owmofs3ch6] {
        min-height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .4rem;
    }

    .contacts-toolbar-actions .material-symbols-outlined[b-owmofs3ch6] {
        font-size: 19px;
    }

/* ---------------------------------
   Summary
---------------------------------- */

.contacts-summary[b-owmofs3ch6] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.contacts-summary-card[b-owmofs3ch6] {
    min-width: 0;
    min-height: 128px;
    padding: 1.15rem 1.25rem;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 1rem;
    background: #ffffff;
    border: 1px solid #e5eaf2;
    border-radius: 1rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
}

    .contacts-summary-card[b-owmofs3ch6]::before {
        content: "";
        width: 4px;
        position: absolute;
        inset: 0 auto 0 0;
        background: #0b5cff;
    }

    .contacts-summary-card > .material-symbols-outlined[b-owmofs3ch6] {
        width: 54px;
        height: 54px;
        flex: 0 0 54px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #0b5cff;
        background: #eaf2ff;
        border-radius: .85rem;
        font-size: 30px;
    }

.contacts-summary-content[b-owmofs3ch6] {
    min-width: 0;
}

.contacts-summary-card small[b-owmofs3ch6] {
    display: block;
    margin-bottom: .3rem;
    color: #475569;
    font-size: .92rem;
}

.contacts-summary-card strong[b-owmofs3ch6] {
    display: block;
    color: #0f172a;
    font-size: 2rem;
    font-weight: 850;
    line-height: 1;
    letter-spacing: -.04em;
}

.contacts-summary-note[b-owmofs3ch6] {
    display: block;
    margin-top: .42rem;
    color: #64748b;
    font-size: .84rem;
    line-height: 1.25;
}

.contacts-summary-card-primary[b-owmofs3ch6]::before {
    background: #0b5cff;
}

.contacts-summary-card-success[b-owmofs3ch6]::before {
    background: #16a34a;
}

.contacts-summary-card-success > .material-symbols-outlined[b-owmofs3ch6] {
    color: #16a34a;
    background: #dcfce7;
}

.contacts-summary-card-info[b-owmofs3ch6]::before {
    background: #0891b2;
}

.contacts-summary-card-info > .material-symbols-outlined[b-owmofs3ch6] {
    color: #0891b2;
    background: #cffafe;
}

.contacts-summary-card-warning[b-owmofs3ch6]::before {
    background: #f59e0b;
}

.contacts-summary-card-warning > .material-symbols-outlined[b-owmofs3ch6] {
    color: #d97706;
    background: #fef3c7;
}

/* ---------------------------------
   Alert
---------------------------------- */

.contacts-alert[b-owmofs3ch6] {
    align-items: center;
}

    .contacts-alert > .material-symbols-outlined[b-owmofs3ch6] {
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ffffff !important;
        background: #dc2626;
        border-radius: 50%;
    }

.contacts-alert-close[b-owmofs3ch6] {
    width: 2.2rem;
    height: 2.2rem;
    padding: 0;
}

/* ---------------------------------
   Desktop table
---------------------------------- */

.contacts-table-view[b-owmofs3ch6] {
    display: block;
}

.contacts-table .material-symbols-outlined[b-owmofs3ch6] {
    font-size: 17px;
}

.contacts-person-cell[b-owmofs3ch6] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .8rem;
}

.contacts-person-name[b-owmofs3ch6] {
    min-width: 0;
}

.contacts-avatar[b-owmofs3ch6] {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: linear-gradient(135deg, #0b5cff, #0946bd);
    border-radius: 50%;
    font-size: .8rem;
    font-weight: 800;
}

.contacts-name-link[b-owmofs3ch6] {
    color: #111827;
    font-weight: 800;
    text-decoration: none;
}

    .contacts-name-link:hover[b-owmofs3ch6] {
        color: #0b5cff;
        text-decoration: underline;
    }

.contacts-company-link[b-owmofs3ch6] {
    color: #2563eb;
    font-weight: 700;
    text-decoration: none;
}

    .contacts-company-link:hover[b-owmofs3ch6] {
        text-decoration: underline;
    }

.contacts-row-actions[b-owmofs3ch6] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
    white-space: nowrap;
}

.contacts-row-archived[b-owmofs3ch6] {
    opacity: .78;
}

/* ---------------------------------
   Mobile list
---------------------------------- */

.contacts-mobile-list[b-owmofs3ch6] {
    display: none;
}

/* ---------------------------------
   Tablet
---------------------------------- */

@media (max-width: 1199.98px) {

    .contacts-toolbar[b-owmofs3ch6] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .contacts-filters[b-owmofs3ch6] {
        flex-wrap: wrap;
    }

    .contacts-toolbar-actions[b-owmofs3ch6] {
        justify-content: flex-start;
    }

    .contacts-summary[b-owmofs3ch6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ---------------------------------
   Mobile
---------------------------------- */

@media (max-width: 767.98px) {

    .contacts-page[b-owmofs3ch6] {
        gap: .8rem;
    }

    /* Context */

    .contacts-context-filter[b-owmofs3ch6] {
        width: 100%;
        padding: .8rem;
        align-items: stretch;
        flex-direction: column;
        gap: .75rem;
    }

        .contacts-context-filter > .btn[b-owmofs3ch6] {
            width: 100%;
            min-height: 42px;
            justify-content: center;
        }

    /* Toolbar */

    .contacts-toolbar[b-owmofs3ch6] {
        width: 100%;
        padding: .85rem;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: .85rem;
    }

    .contacts-search[b-owmofs3ch6] {
        width: 100%;
    }

        .contacts-search .input-group[b-owmofs3ch6] {
            width: 100%;
        }

        .contacts-search .form-control[b-owmofs3ch6] {
            min-width: 0;
            min-height: 44px;
        }

        .contacts-search .input-group-text[b-owmofs3ch6] {
            min-width: 44px;
            justify-content: center;
        }

    .contacts-filters[b-owmofs3ch6] {
        width: 100%;
        padding: .1rem 0;
        white-space: normal;
    }

        .contacts-filters .form-check[b-owmofs3ch6] {
            margin: 0;
        }

        .contacts-filters .form-check-label[b-owmofs3ch6] {
            color: #475569;
            font-size: .78rem;
        }

    .contacts-toolbar-actions[b-owmofs3ch6] {
        width: 100%;
    }

        .contacts-toolbar-actions .btn[b-owmofs3ch6] {
            width: 100%;
            min-height: 44px;
        }

    /* Summary */

    .contacts-summary[b-owmofs3ch6] {
        width: 100%;
        grid-template-columns: 1fr;
        gap: .65rem;
    }

    .contacts-summary-card[b-owmofs3ch6] {
        width: 100%;
        min-height: 76px;
        padding: .8rem .9rem;
        gap: .8rem;
        border-radius: .9rem;
    }

        .contacts-summary-card[b-owmofs3ch6]::before {
            width: 3px;
        }

        .contacts-summary-card > .material-symbols-outlined[b-owmofs3ch6] {
            width: 40px;
            height: 40px;
            flex-basis: 40px;
            border-radius: .7rem;
            font-size: 21px;
        }

    .contacts-summary-content[b-owmofs3ch6] {
        flex: 1 1 auto;
    }

    .contacts-summary-card small[b-owmofs3ch6] {
        margin: 0;
        font-size: .72rem;
    }

    .contacts-summary-card strong[b-owmofs3ch6] {
        margin-top: .08rem;
        font-size: 1.35rem;
    }

    .contacts-summary-note[b-owmofs3ch6] {
        margin-top: .12rem;
        font-size: .68rem;
    }

    /* Alert */

    .contacts-alert[b-owmofs3ch6] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

        .contacts-alert .alert-content[b-owmofs3ch6] {
            min-width: 0;
            flex: 1 1 calc(100% - 52px);
        }

        .contacts-alert .alert-actions[b-owmofs3ch6] {
            width: 100%;
            display: flex;
            justify-content: flex-end;
            gap: .45rem;
        }

    /* Results */

    .contacts-results .crm-card-header[b-owmofs3ch6] {
        align-items: flex-start;
        gap: .75rem;
    }

        .contacts-results .crm-card-header .btn[b-owmofs3ch6] {
            flex: 0 0 auto;
        }

    /* Table off */

    .contacts-table-view[b-owmofs3ch6] {
        display: none;
    }

    /* Mobile cards */

    .contacts-mobile-list[b-owmofs3ch6] {
        width: 100%;
        padding: .55rem;
        display: flex;
        flex-direction: column;
        gap: .65rem;
    }

    .contacts-mobile-card[b-owmofs3ch6] {
        width: 100%;
        overflow: hidden;
        background: #ffffff;
        border: 1px solid #e7ebf1;
        border-radius: .9rem;
        box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
    }

    .contacts-mobile-main[b-owmofs3ch6] {
        min-width: 0;
        min-height: 72px;
        padding: .8rem;
        display: flex;
        align-items: flex-start;
        gap: .75rem;
        color: inherit;
        text-decoration: none;
    }

        .contacts-mobile-main:active[b-owmofs3ch6] {
            background: #f8fafc;
        }

    .contacts-mobile-avatar[b-owmofs3ch6] {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
        font-size: .8rem;
    }

    .contacts-mobile-heading[b-owmofs3ch6] {
        min-width: 0;
        flex: 1 1 auto;
    }

    .contacts-mobile-title-row[b-owmofs3ch6] {
        min-width: 0;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: .65rem;
    }

    .contacts-mobile-title[b-owmofs3ch6] {
        min-width: 0;
        color: #111827;
        font-size: .9rem;
        font-weight: 750;
        line-height: 1.3;
        overflow-wrap: anywhere;
    }

    .contacts-mobile-title-row .badge[b-owmofs3ch6] {
        flex: 0 0 auto;
        font-size: .64rem;
    }

    .contacts-mobile-role[b-owmofs3ch6] {
        margin-top: .1rem;
        color: #475569;
        font-size: .74rem;
        font-weight: 600;
        line-height: 1.35;
    }

    .contacts-mobile-department[b-owmofs3ch6] {
        margin-top: .1rem;
        color: #94a3b8;
        font-size: .69rem;
        line-height: 1.3;
    }

    .contacts-mobile-chevron[b-owmofs3ch6] {
        flex: 0 0 auto;
        align-self: center;
        color: #a6afbc;
        font-size: 20px;
    }

    .contacts-mobile-details[b-owmofs3ch6] {
        padding: .7rem .8rem;
        display: flex;
        flex-direction: column;
        gap: .5rem;
        background: #f8fafc;
        border-top: 1px solid #edf0f4;
    }

    .contacts-mobile-detail[b-owmofs3ch6] {
        min-width: 0;
        display: flex;
        align-items: center;
        gap: .5rem;
        color: #315f9f;
        font-size: .74rem;
        line-height: 1.35;
        text-decoration: none;
    }

    .contacts-mobile-detail-muted[b-owmofs3ch6] {
        color: #94a3b8;
    }

    .contacts-mobile-detail .material-symbols-outlined[b-owmofs3ch6] {
        width: 18px;
        flex: 0 0 18px;
        color: #64748b;
        font-size: 17px;
    }

    .contacts-mobile-detail > span:last-child[b-owmofs3ch6] {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .contacts-mobile-actions[b-owmofs3ch6] {
        padding: .55rem;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .5rem;
        border-top: 1px solid #edf0f4;
    }

        .contacts-mobile-actions .btn[b-owmofs3ch6] {
            width: 100%;
            min-height: 42px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: .35rem;
        }

        .contacts-mobile-actions .material-symbols-outlined[b-owmofs3ch6] {
            font-size: 18px;
        }
}

/* ---------------------------------
   Small phones
---------------------------------- */

@media (max-width: 575.98px) {

    .contacts-toolbar[b-owmofs3ch6] {
        padding: .75rem;
    }

    .contacts-summary-card[b-owmofs3ch6] {
        min-height: 72px;
        padding: .75rem .85rem;
    }

    .contacts-mobile-list[b-owmofs3ch6] {
        padding: .45rem;
        gap: .55rem;
    }

    .contacts-mobile-main[b-owmofs3ch6] {
        padding: .75rem;
    }

    .contacts-mobile-details[b-owmofs3ch6] {
        padding: .65rem .75rem;
    }

    .contacts-mobile-actions[b-owmofs3ch6] {
        padding: .5rem;
    }
}
/* /Components/Invoices/Pages/InvoiceEdit.razor.rz.scp.css */
.invoice-edit-page[b-h5jl2feqj5] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ---------------------------------
   Toolbar
---------------------------------- */

.invoice-edit-toolbar[b-h5jl2feqj5] {
    display: flex;
    align-items: center;
}

/* ---------------------------------
   Layout
---------------------------------- */

.invoice-edit-layout[b-h5jl2feqj5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 1rem;
    align-items: start;
}

.invoice-edit-main[b-h5jl2feqj5],
.invoice-edit-side[b-h5jl2feqj5] {
    min-width: 0;
}

.invoice-edit-side[b-h5jl2feqj5] {
    position: sticky;
    top: 138px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

.invoice-edit-heading[b-h5jl2feqj5] {
    padding: 1.2rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid #edf0f4;
}

    .invoice-edit-heading > div[b-h5jl2feqj5] {
        min-width: 0;
    }

    .invoice-edit-heading h2[b-h5jl2feqj5] {
        margin: 0;
        color: #0f172a;
        font-size: 1.25rem;
        font-weight: 850;
    }

    .invoice-edit-heading p[b-h5jl2feqj5] {
        margin: .25rem 0 0;
        color: #64748b;
        font-size: .8rem;
        line-height: 1.5;
    }

.invoice-edit-draft-badge[b-h5jl2feqj5] {
    min-height: 30px;
    padding: .3rem .65rem;
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    color: #475569;
    background: #f1f5f9;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 800;
}

    .invoice-edit-draft-badge
    .material-symbols-outlined[b-h5jl2feqj5] {
        font-size: 17px;
    }

/* ---------------------------------
   Body
---------------------------------- */

.invoice-edit-body[b-h5jl2feqj5] {
    padding: 1.2rem;
}

.invoice-edit-page .form-label[b-h5jl2feqj5] {
    margin-bottom: .3rem;
    color: #334155;
    font-size: .75rem;
    font-weight: 750;
}

.invoice-edit-page .form-control[b-h5jl2feqj5],
.invoice-edit-page .form-select[b-h5jl2feqj5],
.invoice-edit-page .input-group-text[b-h5jl2feqj5] {
    min-height: 42px;
}

.invoice-edit-section-heading[b-h5jl2feqj5] {
    margin: 1.35rem 0 .9rem;
    padding-top: 1.2rem;
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    border-top: 1px solid #edf0f4;
}

.invoice-edit-body >
.invoice-edit-section-heading:first-child[b-h5jl2feqj5] {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.invoice-edit-section-heading >
.material-symbols-outlined[b-h5jl2feqj5] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2563eb;
    background: #eef4ff;
    border-radius: .7rem;
    font-size: 20px;
}

.invoice-edit-section-heading > div[b-h5jl2feqj5] {
    min-width: 0;
}

.invoice-edit-section-heading h3[b-h5jl2feqj5] {
    margin: 0;
    color: #0f172a;
    font-size: .9rem;
    font-weight: 850;
}

.invoice-edit-section-heading p[b-h5jl2feqj5] {
    margin: .1rem 0 0;
    color: #64748b;
    font-size: .72rem;
}

/* ---------------------------------
   Line editor
---------------------------------- */

.invoice-lines-editor[b-h5jl2feqj5] {
    display: flex;
    flex-direction: column;
    gap: .7rem;
}

.invoice-line-editor[b-h5jl2feqj5] {
    padding: .85rem;
    background: #fbfdff;
    border: 1px solid #e5eaf2;
    border-radius: .85rem;
}

.invoice-line-editor-heading[b-h5jl2feqj5] {
    margin-bottom: .7rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

    .invoice-line-editor-heading > span[b-h5jl2feqj5] {
        color: #64748b;
        font-size: .7rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .025em;
    }

    .invoice-line-editor-heading .btn[b-h5jl2feqj5] {
        min-height: 32px;
        display: inline-flex;
        align-items: center;
        gap: .25rem;
    }

    .invoice-line-editor-heading
    .material-symbols-outlined[b-h5jl2feqj5] {
        font-size: 17px;
    }

.invoice-line-editor-total[b-h5jl2feqj5] {
    min-height: 42px;
    padding: .55rem .75rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #0f172a;
    background: #f8fafc;
    border: 1px solid #dee5ef;
    border-radius: .55rem;
    font-size: .85rem;
    font-weight: 850;
}

.invoice-add-line[b-h5jl2feqj5] {
    margin-top: .75rem;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.invoice-edit-total[b-h5jl2feqj5] {
    margin-top: .85rem;
    padding: .85rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
    background: #f8fafc;
    border: 1px solid #e5eaf2;
    border-radius: .8rem;
}

    .invoice-edit-total span[b-h5jl2feqj5] {
        color: #64748b;
        font-size: .8rem;
        font-weight: 750;
    }

    .invoice-edit-total strong[b-h5jl2feqj5] {
        color: #0f172a;
        font-size: 1.1rem;
        font-weight: 900;
    }

.invoice-notes-input[b-h5jl2feqj5] {
    min-height: 110px;
    resize: vertical;
}

/* ---------------------------------
   Summary
---------------------------------- */

.invoice-edit-summary[b-h5jl2feqj5] {
    padding: 1.1rem;
}

    .invoice-edit-summary h3[b-h5jl2feqj5] {
        margin: 0;
        color: #0f172a;
        font-size: .95rem;
        font-weight: 850;
    }

    .invoice-edit-summary dl[b-h5jl2feqj5] {
        margin: .8rem 0 0;
    }

        .invoice-edit-summary dl > div[b-h5jl2feqj5] {
            padding: .65rem 0;
            display: flex;
            justify-content: space-between;
            gap: 1rem;
            border-top: 1px solid #edf0f4;
        }

    .invoice-edit-summary dt[b-h5jl2feqj5] {
        color: #64748b;
        font-size: .74rem;
        font-weight: 700;
    }

    .invoice-edit-summary dd[b-h5jl2feqj5] {
        max-width: 65%;
        margin: 0;
        color: #0f172a;
        font-size: .76rem;
        font-weight: 800;
        text-align: right;
        overflow-wrap: anywhere;
    }

/* ---------------------------------
   Save / Issue
---------------------------------- */

.invoice-save-panel[b-h5jl2feqj5],
.invoice-issue-panel[b-h5jl2feqj5] {
    padding: 1.1rem;
    text-align: center;
}

.invoice-save-icon[b-h5jl2feqj5],
.invoice-issue-icon[b-h5jl2feqj5] {
    width: 48px;
    height: 48px;
    margin: 0 auto .7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .8rem;
}

.invoice-save-icon[b-h5jl2feqj5] {
    color: #2563eb;
    background: #eef4ff;
}

.invoice-issue-icon[b-h5jl2feqj5] {
    color: #15803d;
    background: #dcfce7;
}

    .invoice-save-icon
    .material-symbols-outlined[b-h5jl2feqj5],
    .invoice-issue-icon
    .material-symbols-outlined[b-h5jl2feqj5] {
        font-size: 25px;
    }

.invoice-save-panel h3[b-h5jl2feqj5],
.invoice-issue-panel h3[b-h5jl2feqj5] {
    margin: 0;
    color: #0f172a;
    font-size: .95rem;
    font-weight: 850;
}

.invoice-save-panel p[b-h5jl2feqj5],
.invoice-issue-panel p[b-h5jl2feqj5] {
    margin: .3rem 0 .85rem;
    color: #64748b;
    font-size: .73rem;
    line-height: 1.45;
}

.invoice-save-panel .btn[b-h5jl2feqj5],
.invoice-issue-panel .btn[b-h5jl2feqj5] {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
}

/* ---------------------------------
   Alerts / empty
---------------------------------- */

.invoice-edit-alert[b-h5jl2feqj5] {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
}

.invoice-edit-empty[b-h5jl2feqj5] {
    padding: 3rem 1rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: .5rem;
    color: #64748b;
    text-align: center;
}

    .invoice-edit-empty >
    .material-symbols-outlined[b-h5jl2feqj5] {
        font-size: 42px;
        color: #94a3b8;
    }

    .invoice-edit-empty h2[b-h5jl2feqj5] {
        margin: .3rem 0 0;
        color: #0f172a;
        font-size: 1.1rem;
        font-weight: 850;
    }

    .invoice-edit-empty p[b-h5jl2feqj5] {
        margin: 0 0 .5rem;
    }

/* ---------------------------------
   Tablet
---------------------------------- */

@media (max-width: 991.98px) {

    .invoice-edit-layout[b-h5jl2feqj5] {
        grid-template-columns: 1fr;
    }

    .invoice-edit-side[b-h5jl2feqj5] {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .invoice-edit-summary[b-h5jl2feqj5] {
        grid-column: 1 / -1;
    }
}

/* ---------------------------------
   Mobile
---------------------------------- */

@media (max-width: 767.98px) {

    .invoice-edit-page[b-h5jl2feqj5] {
        gap: .8rem;
    }

    .invoice-edit-toolbar[b-h5jl2feqj5],
    .invoice-edit-toolbar .btn[b-h5jl2feqj5] {
        width: 100%;
    }

        .invoice-edit-toolbar .btn[b-h5jl2feqj5] {
            min-height: 44px;
        }

    .invoice-edit-layout[b-h5jl2feqj5],
    .invoice-edit-main[b-h5jl2feqj5],
    .invoice-edit-side[b-h5jl2feqj5] {
        width: 100%;
    }

    .invoice-edit-layout[b-h5jl2feqj5],
    .invoice-edit-side[b-h5jl2feqj5] {
        display: flex;
        flex-direction: column;
        gap: .8rem;
    }

    .invoice-edit-heading[b-h5jl2feqj5] {
        padding: .85rem;
    }

        .invoice-edit-heading h2[b-h5jl2feqj5] {
            font-size: 1.05rem;
        }

    .invoice-edit-body[b-h5jl2feqj5] {
        padding: .85rem;
    }

    .invoice-edit-page .form-control[b-h5jl2feqj5],
    .invoice-edit-page .form-select[b-h5jl2feqj5],
    .invoice-edit-page .input-group-text[b-h5jl2feqj5] {
        min-height: 44px;
    }

    .invoice-line-editor[b-h5jl2feqj5] {
        padding: .75rem;
    }

    .invoice-line-editor-total[b-h5jl2feqj5] {
        min-height: 44px;
        justify-content: flex-start;
    }

    .invoice-add-line[b-h5jl2feqj5] {
        width: 100%;
        min-height: 44px;
        justify-content: center;
    }

    .invoice-edit-total[b-h5jl2feqj5] {
        justify-content: space-between;
    }

    .invoice-edit-summary[b-h5jl2feqj5],
    .invoice-save-panel[b-h5jl2feqj5],
    .invoice-issue-panel[b-h5jl2feqj5] {
        width: 100%;
    }

        .invoice-save-panel .btn[b-h5jl2feqj5],
        .invoice-issue-panel .btn[b-h5jl2feqj5] {
            min-height: 44px;
        }
}

/* ---------------------------------
   Small phones
---------------------------------- */

@media (max-width: 575.98px) {

    .invoice-edit-heading[b-h5jl2feqj5] {
        flex-direction: column;
    }

    .invoice-line-editor-heading[b-h5jl2feqj5] {
        align-items: flex-start;
    }

    .invoice-edit-summary dl > div[b-h5jl2feqj5] {
        flex-direction: column;
        gap: .12rem;
    }

    .invoice-edit-summary dd[b-h5jl2feqj5] {
        max-width: none;
        text-align: left;
    }
}
/* /Components/Invoices/Pages/InvoiceItem.razor.rz.scp.css */
.invoice-page[b-83xp5kefrw] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ---------------------------------
   Profile
---------------------------------- */

.invoice-profile-card[b-83xp5kefrw] {
    padding: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
}

.invoice-profile-main[b-83xp5kefrw] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 1rem;
}

    .invoice-profile-main > div:last-child[b-83xp5kefrw] {
        min-width: 0;
    }

.invoice-avatar[b-83xp5kefrw] {
    width: 64px;
    height: 64px;
    flex: 0 0 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: linear-gradient( 135deg, #2563eb, #1d4ed8);
    border-radius: 1rem;
    box-shadow: 0 10px 24px rgba(37, 99, 235, .2);
}

    .invoice-avatar
    .material-symbols-outlined[b-83xp5kefrw] {
        font-size: 30px;
    }

.invoice-title-row[b-83xp5kefrw] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .6rem;
}

    .invoice-title-row h2[b-83xp5kefrw] {
        min-width: 0;
        margin: 0;
        color: #0f172a;
        font-size: 1.55rem;
        font-weight: 850;
        line-height: 1.2;
        letter-spacing: -.03em;
        overflow-wrap: anywhere;
    }

.invoice-subtitle[b-83xp5kefrw] {
    margin: .25rem 0 0;
    color: #64748b;
}

.invoice-meta-row[b-83xp5kefrw] {
    margin-top: .65rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem .85rem;
    color: #475569;
    font-size: .8rem;
}

    .invoice-meta-row > span[b-83xp5kefrw] {
        display: inline-flex;
        align-items: center;
        gap: .3rem;
    }

    .invoice-meta-row
    .material-symbols-outlined[b-83xp5kefrw] {
        color: #64748b;
        font-size: 18px;
    }

.invoice-profile-actions[b-83xp5kefrw] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .55rem;
    flex-wrap: wrap;
}

    .invoice-profile-actions .btn[b-83xp5kefrw] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .4rem;
    }

/* ---------------------------------
   Status
---------------------------------- */

.invoice-status-pill[b-83xp5kefrw] {
    min-height: 28px;
    padding: .25rem .6rem;
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    color: var(--invoice-status-color);
    background: color-mix( in srgb, var(--invoice-status-color) 10%, white);
    border: 1px solid color-mix( in srgb, var(--invoice-status-color) 22%, white);
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 800;
    white-space: nowrap;
}

    .invoice-status-pill
    .material-symbols-outlined[b-83xp5kefrw] {
        font-size: 16px;
    }

/* ---------------------------------
   Finance summary cards
---------------------------------- */

.invoice-finance-grid[b-83xp5kefrw] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.invoice-finance-card[b-83xp5kefrw] {
    min-width: 0;
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: .8rem;
}

.invoice-finance-icon[b-83xp5kefrw] {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2563eb;
    background: #eef4ff;
    border-radius: .8rem;
}

.invoice-finance-icon-paid[b-83xp5kefrw] {
    color: #15803d;
    background: #ecfdf3;
}

.invoice-finance-icon-outstanding[b-83xp5kefrw] {
    color: #b45309;
    background: #fffbeb;
}

.invoice-finance-icon
.material-symbols-outlined[b-83xp5kefrw] {
    font-size: 23px;
}

.invoice-finance-card > div:last-child[b-83xp5kefrw] {
    min-width: 0;
}

.invoice-finance-card small[b-83xp5kefrw],
.invoice-finance-card strong[b-83xp5kefrw] {
    display: block;
}

.invoice-finance-card small[b-83xp5kefrw] {
    color: #64748b;
    font-size: .72rem;
    font-weight: 700;
}

.invoice-finance-card strong[b-83xp5kefrw] {
    margin-top: .12rem;
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 900;
    overflow-wrap: anywhere;
}

/* ---------------------------------
   Layout
---------------------------------- */

.invoice-layout[b-83xp5kefrw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 1rem;
    align-items: start;
}

.invoice-main-column[b-83xp5kefrw],
.invoice-side-column[b-83xp5kefrw] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.invoice-side-column[b-83xp5kefrw] {
    position: sticky;
    top: 138px;
}

.invoice-card-body[b-83xp5kefrw] {
    min-width: 0;
    padding: 1.25rem;
}

/* ---------------------------------
   Invoice lines
---------------------------------- */

.invoice-lines-table[b-83xp5kefrw] {
    margin: 0;
}

    .invoice-lines-table th[b-83xp5kefrw] {
        padding: .65rem .75rem;
        color: #64748b;
        background: #f8fafc;
        border-bottom-color: #e5eaf2;
        font-size: .7rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .025em;
    }

    .invoice-lines-table td[b-83xp5kefrw] {
        padding: .8rem .75rem;
        color: #475569;
        border-bottom-color: #eef2f7;
        font-size: .8rem;
    }

        .invoice-lines-table td strong[b-83xp5kefrw] {
            color: #0f172a;
            font-weight: 800;
        }

.invoice-line-total[b-83xp5kefrw] {
    color: #0f172a !important;
    font-weight: 850;
}

.invoice-lines-mobile[b-83xp5kefrw] {
    display: none;
}

.invoice-totals[b-83xp5kefrw] {
    width: min(320px, 100%);
    margin: 1rem 0 0 auto;
    padding-top: .75rem;
    border-top: 1px solid #e5eaf2;
}

    .invoice-totals > div[b-83xp5kefrw] {
        padding: .4rem 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
    }

    .invoice-totals span[b-83xp5kefrw] {
        color: #64748b;
        font-size: .78rem;
    }

    .invoice-totals strong[b-83xp5kefrw] {
        color: #0f172a;
        font-size: .85rem;
        font-weight: 800;
    }

    .invoice-totals
    .invoice-total-row[b-83xp5kefrw] {
        margin-top: .25rem;
        padding-top: .7rem;
        border-top: 1px solid #dce3ec;
    }

.invoice-total-row span[b-83xp5kefrw] {
    color: #334155;
    font-weight: 800;
}

.invoice-total-row strong[b-83xp5kefrw] {
    font-size: 1.1rem;
    font-weight: 900;
}

/* ---------------------------------
   Payment form
---------------------------------- */

.invoice-payment-form[b-83xp5kefrw] {
    margin-bottom: 1rem;
    padding: 1rem;
    background: #f8fbff;
    border: 1px solid #cdddf4;
    border-radius: .9rem;
}

.invoice-payment-form-header[b-83xp5kefrw] {
    margin-bottom: 1rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

    .invoice-payment-form-header > div[b-83xp5kefrw] {
        min-width: 0;
    }

    .invoice-payment-form-header strong[b-83xp5kefrw],
    .invoice-payment-form-header span[b-83xp5kefrw] {
        display: block;
    }

    .invoice-payment-form-header strong[b-83xp5kefrw] {
        color: #0f172a;
        font-size: .9rem;
        font-weight: 850;
    }

    .invoice-payment-form-header span[b-83xp5kefrw] {
        margin-top: .15rem;
        color: #64748b;
        font-size: .74rem;
    }

    .invoice-payment-form-header .btn[b-83xp5kefrw] {
        width: 34px;
        height: 34px;
        padding: 0;
        flex: 0 0 34px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .invoice-payment-form-header
    .material-symbols-outlined[b-83xp5kefrw] {
        font-size: 18px;
    }

.invoice-payment-form .form-label[b-83xp5kefrw] {
    margin-bottom: .3rem;
    color: #334155;
    font-size: .75rem;
    font-weight: 750;
}

.invoice-payment-form .form-control[b-83xp5kefrw],
.invoice-payment-form .form-select[b-83xp5kefrw],
.invoice-payment-form .input-group-text[b-83xp5kefrw] {
    min-height: 42px;
}

.invoice-payment-notes[b-83xp5kefrw] {
    min-height: 90px;
    resize: vertical;
}

.invoice-payment-form-actions[b-83xp5kefrw] {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    gap: .55rem;
}

    .invoice-payment-form-actions .btn[b-83xp5kefrw] {
        min-height: 42px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .35rem;
    }

/* ---------------------------------
   Payment history
---------------------------------- */

.invoice-payments-list[b-83xp5kefrw] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.invoice-payment-item[b-83xp5kefrw] {
    min-width: 0;
    padding: .85rem;
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    background: #fbfdff;
    border: 1px solid #e5eaf2;
    border-radius: .85rem;
}

.invoice-payment-method-icon[b-83xp5kefrw] {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--payment-method-color);
    background: color-mix( in srgb, var(--payment-method-color) 10%, white);
    border-radius: .7rem;
}

    .invoice-payment-method-icon
    .material-symbols-outlined[b-83xp5kefrw] {
        font-size: 21px;
    }

.invoice-payment-main[b-83xp5kefrw] {
    min-width: 0;
    flex: 1 1 auto;
}

.invoice-payment-title[b-83xp5kefrw] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

    .invoice-payment-title strong[b-83xp5kefrw] {
        color: #0f172a;
        font-size: .9rem;
        font-weight: 900;
    }

    .invoice-payment-title > span[b-83xp5kefrw] {
        padding: .15rem .45rem;
        color: #64748b;
        background: #f1f5f9;
        border-radius: 999px;
        font-size: .66rem;
        font-weight: 750;
    }

.invoice-payment-meta[b-83xp5kefrw] {
    margin-top: .35rem;
    display: flex;
    align-items: center;
    gap: .4rem .75rem;
    flex-wrap: wrap;
    color: #64748b;
    font-size: .7rem;
}

    .invoice-payment-meta > span[b-83xp5kefrw] {
        min-width: 0;
        display: inline-flex;
        align-items: center;
        gap: .2rem;
        overflow-wrap: anywhere;
    }

    .invoice-payment-meta
    .material-symbols-outlined[b-83xp5kefrw] {
        flex: 0 0 auto;
        font-size: 15px;
    }

.invoice-payment-main p[b-83xp5kefrw] {
    margin: .45rem 0 0;
    color: #475569;
    font-size: .74rem;
    line-height: 1.45;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.invoice-payment-delete[b-83xp5kefrw] {
    width: 34px;
    height: 34px;
    padding: 0;
    flex: 0 0 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .invoice-payment-delete
    .material-symbols-outlined[b-83xp5kefrw] {
        font-size: 18px;
    }

.invoice-payments-empty[b-83xp5kefrw] {
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: .75rem;
    color: #64748b;
    background: #fbfdff;
    border: 1px dashed #cbd5e1;
    border-radius: .85rem;
}

    .invoice-payments-empty >
    .material-symbols-outlined[b-83xp5kefrw] {
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #64748b;
        background: #f1f5f9;
        border-radius: .7rem;
    }

    .invoice-payments-empty > div[b-83xp5kefrw] {
        min-width: 0;
    }

    .invoice-payments-empty strong[b-83xp5kefrw],
    .invoice-payments-empty div > span[b-83xp5kefrw] {
        display: block;
    }

    .invoice-payments-empty strong[b-83xp5kefrw] {
        color: #334155;
        font-size: .84rem;
        font-weight: 800;
    }

    .invoice-payments-empty div > span[b-83xp5kefrw] {
        margin-top: .12rem;
        font-size: .74rem;
    }

/* ---------------------------------
   Customer
---------------------------------- */

.invoice-details-grid[b-83xp5kefrw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

    .invoice-details-grid > div[b-83xp5kefrw] {
        min-width: 0;
        padding: .9rem;
        background: #fbfdff;
        border: 1px solid #e5eaf2;
        border-radius: .8rem;
    }

    .invoice-details-grid small[b-83xp5kefrw],
    .invoice-details-grid strong[b-83xp5kefrw] {
        display: block;
    }

    .invoice-details-grid small[b-83xp5kefrw] {
        color: #64748b;
        font-size: .7rem;
        font-weight: 700;
    }

    .invoice-details-grid strong[b-83xp5kefrw] {
        margin-top: .2rem;
        color: #0f172a;
        font-size: .82rem;
        font-weight: 800;
        line-height: 1.45;
        overflow-wrap: anywhere;
    }

.invoice-notes[b-83xp5kefrw] {
    margin: 0;
    color: #475569;
    line-height: 1.6;
    white-space: pre-wrap;
}

/* ---------------------------------
   Sidebar
---------------------------------- */

.invoice-side-heading[b-83xp5kefrw] {
    margin: 0 0 .9rem;
    color: #0f172a;
    font-size: .95rem;
    font-weight: 850;
}

.invoice-finance-summary[b-83xp5kefrw] {
    display: flex;
    flex-direction: column;
}

    .invoice-finance-summary > div[b-83xp5kefrw] {
        padding: .65rem 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        border-bottom: 1px solid #eef2f7;
    }

        .invoice-finance-summary > div:first-child[b-83xp5kefrw] {
            padding-top: 0;
        }

        .invoice-finance-summary > div:last-child[b-83xp5kefrw] {
            border-bottom: 0;
        }

    .invoice-finance-summary span[b-83xp5kefrw] {
        color: #64748b;
        font-size: .76rem;
    }

    .invoice-finance-summary strong[b-83xp5kefrw] {
        color: #0f172a;
        font-size: .82rem;
        font-weight: 850;
    }

    .invoice-finance-summary
    .invoice-paid-value[b-83xp5kefrw] {
        color: #15803d;
    }

    .invoice-finance-summary
    .invoice-outstanding-row[b-83xp5kefrw] {
        margin-top: .2rem;
        padding-top: .8rem;
        border-top: 1px solid #dce3ec;
    }

.invoice-outstanding-row span[b-83xp5kefrw],
.invoice-outstanding-row strong[b-83xp5kefrw] {
    color: #b45309;
    font-weight: 850;
}

.invoice-sidebar-payment-button[b-83xp5kefrw] {
    min-height: 42px;
    margin-top: .8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
}

.invoice-summary-list[b-83xp5kefrw] {
    display: flex;
    flex-direction: column;
}

    .invoice-summary-list > div[b-83xp5kefrw] {
        padding: .7rem 0;
        display: flex;
        justify-content: space-between;
        gap: 1rem;
        border-bottom: 1px solid #eef2f7;
    }

        .invoice-summary-list > div:first-child[b-83xp5kefrw] {
            padding-top: 0;
        }

        .invoice-summary-list > div:last-child[b-83xp5kefrw] {
            padding-bottom: 0;
            border-bottom: 0;
        }

    .invoice-summary-list span[b-83xp5kefrw] {
        color: #64748b;
        font-size: .76rem;
    }

    .invoice-summary-list strong[b-83xp5kefrw] {
        max-width: 60%;
        color: #0f172a;
        font-size: .78rem;
        font-weight: 800;
        text-align: right;
        overflow-wrap: anywhere;
    }

.invoice-action-list[b-83xp5kefrw] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
}

    .invoice-action-list .btn[b-83xp5kefrw] {
        min-height: 42px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: .4rem;
        text-align: left;
    }

    .invoice-action-list
    .material-symbols-outlined[b-83xp5kefrw] {
        font-size: 19px;
    }

/* ---------------------------------
   Empty / alerts
---------------------------------- */

.invoice-empty[b-83xp5kefrw] {
    min-height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    color: #64748b;
    text-align: center;
}

.invoice-alert[b-83xp5kefrw] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: .65rem;
}

    .invoice-alert >
    .material-symbols-outlined[b-83xp5kefrw] {
        flex: 0 0 auto;
    }

    .invoice-alert .alert-content[b-83xp5kefrw] {
        min-width: 0;
        flex: 1 1 auto;
    }

        .invoice-alert .alert-content p[b-83xp5kefrw] {
            margin: .15rem 0 0;
        }

    .invoice-alert .alert-actions[b-83xp5kefrw] {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        gap: .4rem;
    }

/* ---------------------------------
   Tablet
---------------------------------- */

@media (max-width: 991.98px) {

    .invoice-layout[b-83xp5kefrw] {
        grid-template-columns: 1fr;
    }

    .invoice-side-column[b-83xp5kefrw] {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

        .invoice-side-column >
        .crm-card:first-child[b-83xp5kefrw] {
            grid-column: 1 / -1;
        }
}

/* ---------------------------------
   Mobile
---------------------------------- */

@media (max-width: 767.98px) {

    .invoice-page[b-83xp5kefrw] {
        gap: .8rem;
    }

    .invoice-profile-card[b-83xp5kefrw] {
        padding: .9rem;
        align-items: stretch;
        flex-direction: column;
    }

    .invoice-profile-main[b-83xp5kefrw] {
        align-items: flex-start;
    }

    .invoice-avatar[b-83xp5kefrw] {
        width: 52px;
        height: 52px;
        flex-basis: 52px;
    }

    .invoice-title-row h2[b-83xp5kefrw] {
        font-size: 1.2rem;
    }

    .invoice-meta-row[b-83xp5kefrw] {
        flex-direction: column;
        align-items: flex-start;
        gap: .3rem;
    }

    .invoice-profile-actions[b-83xp5kefrw] {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
    }

        .invoice-profile-actions .btn[b-83xp5kefrw] {
            width: 100%;
            min-height: 44px;
        }

    .invoice-finance-grid[b-83xp5kefrw] {
        grid-template-columns: 1fr;
        gap: .6rem;
    }

    .invoice-finance-card[b-83xp5kefrw] {
        padding: .8rem;
    }

    .invoice-layout[b-83xp5kefrw] {
        display: flex;
        flex-direction: column;
        gap: .8rem;
    }

    .invoice-main-column[b-83xp5kefrw],
    .invoice-side-column[b-83xp5kefrw] {
        width: 100%;
        gap: .8rem;
    }

    .invoice-side-column[b-83xp5kefrw] {
        display: flex;
        flex-direction: column;
    }

    .invoice-card-body[b-83xp5kefrw] {
        padding: .85rem;
    }

    .invoice-lines-desktop[b-83xp5kefrw] {
        display: none;
    }

    .invoice-lines-mobile[b-83xp5kefrw] {
        display: flex;
        flex-direction: column;
        gap: .6rem;
    }

    .invoice-line-card[b-83xp5kefrw] {
        padding: .75rem;
        background: #fbfdff;
        border: 1px solid #e5eaf2;
        border-radius: .75rem;
    }

        .invoice-line-card > strong[b-83xp5kefrw] {
            display: block;
            color: #0f172a;
            font-size: .82rem;
            font-weight: 800;
        }

    .invoice-line-meta[b-83xp5kefrw] {
        margin-top: .5rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .75rem;
    }

        .invoice-line-meta span[b-83xp5kefrw] {
            color: #64748b;
            font-size: .75rem;
        }

        .invoice-line-meta strong[b-83xp5kefrw] {
            color: #0f172a;
            font-size: .82rem;
            font-weight: 850;
        }

    .invoice-payment-form[b-83xp5kefrw] {
        padding: .8rem;
    }

        .invoice-payment-form .form-control[b-83xp5kefrw],
        .invoice-payment-form .form-select[b-83xp5kefrw],
        .invoice-payment-form .input-group-text[b-83xp5kefrw] {
            min-height: 44px;
        }

    .invoice-payment-form-actions[b-83xp5kefrw] {
        display: grid;
        grid-template-columns: 1fr;
    }

        .invoice-payment-form-actions .btn[b-83xp5kefrw] {
            width: 100%;
            min-height: 44px;
        }

    .invoice-payment-item[b-83xp5kefrw] {
        padding: .75rem;
    }

    .invoice-payment-delete[b-83xp5kefrw] {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }

    .invoice-details-grid[b-83xp5kefrw] {
        grid-template-columns: 1fr;
    }

    .invoice-action-list .btn[b-83xp5kefrw],
    .invoice-sidebar-payment-button[b-83xp5kefrw] {
        min-height: 44px;
    }

    .invoice-alert[b-83xp5kefrw] {
        flex-wrap: wrap;
    }

        .invoice-alert .alert-actions[b-83xp5kefrw] {
            width: 100%;
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
}

/* ---------------------------------
   Small phones
---------------------------------- */

@media (max-width: 575.98px) {

    .invoice-profile-card[b-83xp5kefrw] {
        padding: .85rem;
    }

    .invoice-title-row[b-83xp5kefrw] {
        flex-direction: column;
        align-items: flex-start;
        gap: .3rem;
    }

    .invoice-card-body[b-83xp5kefrw] {
        padding: .75rem;
    }

    .invoice-payment-item[b-83xp5kefrw] {
        flex-wrap: wrap;
    }

    .invoice-payment-main[b-83xp5kefrw] {
        min-width: calc(100% - 55px);
    }

    .invoice-payment-delete[b-83xp5kefrw] {
        margin-left: 48px;
    }

    .invoice-summary-list > div[b-83xp5kefrw],
    .invoice-finance-summary > div[b-83xp5kefrw] {
        align-items: flex-start;
    }

    .invoice-alert .alert-actions[b-83xp5kefrw] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Invoices/Pages/Invoices.razor.rz.scp.css */
.invoices-page[b-l6coekgvg4] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ---------------------------------
   Toolbar
---------------------------------- */

.invoices-toolbar[b-l6coekgvg4] {
    padding: 1rem 1.25rem;
    display: grid;
    grid-template-columns: minmax(280px, 1fr) auto auto;
    gap: 1.25rem;
    align-items: end;
}

.invoices-search[b-l6coekgvg4] {
    min-width: 0;
}

    .invoices-search
    .input-group-text[b-l6coekgvg4] {
        background: #ffffff;
        color: #64748b;
    }

        .invoices-search
        .input-group-text
        .material-symbols-outlined[b-l6coekgvg4] {
            font-size: 20px;
        }

.invoices-toolbar
.form-label[b-l6coekgvg4] {
    margin-bottom: .35rem;
    color: #475569;
    font-size: .75rem;
    font-weight: 750;
}

.invoices-filters[b-l6coekgvg4] {
    display: flex;
    align-items: flex-end;
    gap: .85rem;
}

.invoices-status-filter[b-l6coekgvg4] {
    width: 11rem;
}

.invoices-filter-divider[b-l6coekgvg4] {
    width: 1px;
    height: 2.35rem;
    margin-bottom: .05rem;
    background: #e5eaf2;
}

.invoices-toggle-filters[b-l6coekgvg4] {
    display: flex;
    align-items: center;
    gap: .45rem;
}

    .invoices-toggle-filters .btn[b-l6coekgvg4],
    .invoices-toolbar-actions .btn[b-l6coekgvg4] {
        min-height: 38px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .35rem;
        white-space: nowrap;
    }

    .invoices-toggle-filters
    .material-symbols-outlined[b-l6coekgvg4],
    .invoices-toolbar-actions
    .material-symbols-outlined[b-l6coekgvg4] {
        font-size: 18px;
    }

.invoices-toolbar-actions[b-l6coekgvg4] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
}

.btn-filter-active[b-l6coekgvg4] {
    color: #1d4ed8;
    background: #dbeafe;
    border-color: #bfdbfe;
}

.btn-filter-danger-active[b-l6coekgvg4] {
    color: #b91c1c;
    background: #fee2e2;
    border-color: #fecaca;
}

/* ---------------------------------
   Summary
---------------------------------- */

.invoices-summary-grid[b-l6coekgvg4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.invoices-summary-card[b-l6coekgvg4] {
    min-width: 0;
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: .8rem;
}

.invoices-summary-icon[b-l6coekgvg4] {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2563eb;
    background: #eef4ff;
    border-radius: .8rem;
}

.invoices-summary-icon-value[b-l6coekgvg4] {
    color: #7c3aed;
    background: #f5f3ff;
}

.invoices-summary-icon-paid[b-l6coekgvg4] {
    color: #15803d;
    background: #ecfdf3;
}

.invoices-summary-icon-outstanding[b-l6coekgvg4] {
    color: #b45309;
    background: #fffbeb;
}

.invoices-summary-icon
.material-symbols-outlined[b-l6coekgvg4] {
    font-size: 23px;
}

.invoices-summary-card > div:last-child[b-l6coekgvg4] {
    min-width: 0;
}

.invoices-summary-card small[b-l6coekgvg4],
.invoices-summary-card strong[b-l6coekgvg4] {
    display: block;
}

.invoices-summary-card small[b-l6coekgvg4] {
    color: #64748b;
    font-size: .72rem;
    font-weight: 700;
}

.invoices-summary-card strong[b-l6coekgvg4] {
    margin-top: .1rem;
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 900;
    overflow-wrap: anywhere;
}

/* ---------------------------------
   Results
---------------------------------- */

.invoices-results[b-l6coekgvg4] {
    min-width: 0;
    overflow: hidden;
}

.invoices-results-header[b-l6coekgvg4] {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #edf0f4;
}

    .invoices-results-header h2[b-l6coekgvg4] {
        margin: 0;
        color: #0f172a;
        font-size: 1rem;
        font-weight: 850;
    }

    .invoices-results-header p[b-l6coekgvg4] {
        margin: .2rem 0 0;
        color: #64748b;
        font-size: .75rem;
    }

/* ---------------------------------
   Desktop table
---------------------------------- */

.invoices-table-wrap[b-l6coekgvg4] {
    width: 100%;
    overflow-x: auto;
}

.invoices-table[b-l6coekgvg4] {
    min-width: 900px;
    margin: 0;
}

    .invoices-table th[b-l6coekgvg4] {
        padding: .7rem .85rem;
        color: #64748b;
        background: #f8fafc;
        border-bottom-color: #e5eaf2;
        font-size: .68rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .025em;
        white-space: nowrap;
    }

    .invoices-table td[b-l6coekgvg4] {
        padding: .8rem .85rem;
        vertical-align: middle;
        color: #475569;
        border-bottom-color: #eef2f7;
        font-size: .78rem;
    }

.invoice-row[b-l6coekgvg4] {
    cursor: pointer;
    transition: background .15s ease;
}

    .invoice-row:hover[b-l6coekgvg4] {
        background: #f8fbff;
    }

.invoice-row-overdue[b-l6coekgvg4] {
    background: #fffafa;
}

    .invoice-row-overdue:hover[b-l6coekgvg4] {
        background: #fff5f5;
    }

.invoice-list-primary[b-l6coekgvg4] {
    min-width: 180px;
    display: flex;
    align-items: center;
    gap: .65rem;
}

.invoice-list-icon[b-l6coekgvg4] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2563eb;
    background: #eef4ff;
    border-radius: .7rem;
}

    .invoice-list-icon
    .material-symbols-outlined[b-l6coekgvg4] {
        font-size: 20px;
    }

.invoice-list-primary > div:last-child[b-l6coekgvg4] {
    min-width: 0;
}

.invoice-list-primary strong[b-l6coekgvg4],
.invoice-list-primary span[b-l6coekgvg4] {
    display: block;
}

.invoice-list-primary strong[b-l6coekgvg4] {
    color: #0f172a;
    font-size: .8rem;
    font-weight: 850;
}

.invoice-list-primary span[b-l6coekgvg4] {
    margin-top: .1rem;
    max-width: 190px;
    overflow: hidden;
    color: #64748b;
    font-size: .68rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invoice-list-status[b-l6coekgvg4] {
    min-height: 27px;
    padding: .22rem .55rem;
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    color: var(--invoice-status-color);
    background: color-mix( in srgb, var(--invoice-status-color) 10%, white);
    border: 1px solid color-mix( in srgb, var(--invoice-status-color) 22%, white);
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 800;
    white-space: nowrap;
}

    .invoice-list-status
    .material-symbols-outlined[b-l6coekgvg4] {
        font-size: 15px;
    }

.invoice-money[b-l6coekgvg4] {
    color: #0f172a !important;
    font-weight: 750;
    white-space: nowrap;
}

.invoice-paid[b-l6coekgvg4] {
    color: #15803d !important;
}

.invoice-outstanding[b-l6coekgvg4] {
    color: #b45309;
    font-weight: 850;
}

.invoice-outstanding-paid[b-l6coekgvg4] {
    color: #15803d;
}

.invoice-outstanding-overdue[b-l6coekgvg4] {
    color: #b91c1c;
}

.invoice-due[b-l6coekgvg4] {
    color: #475569;
    white-space: nowrap;
}

    .invoice-due small[b-l6coekgvg4] {
        display: block;
        margin-top: .1rem;
    }

.invoice-due-overdue[b-l6coekgvg4],
.invoice-due-overdue small[b-l6coekgvg4] {
    color: #b91c1c;
    font-weight: 800;
}

.invoices-chevron[b-l6coekgvg4] {
    width: 32px;
    color: #94a3b8 !important;
    text-align: right;
}

    .invoices-chevron
    .material-symbols-outlined[b-l6coekgvg4] {
        font-size: 20px;
    }

/* ---------------------------------
   Mobile cards
---------------------------------- */

.invoices-mobile-list[b-l6coekgvg4] {
    display: none;
}

.invoice-mobile-card[b-l6coekgvg4] {
    width: 100%;
    padding: .85rem;
    display: flex;
    flex-direction: column;
    gap: .7rem;
    color: inherit;
    background: #ffffff;
    border: 0;
    border-bottom: 1px solid #edf0f4;
    text-align: left;
}

.invoice-mobile-card-overdue[b-l6coekgvg4] {
    background: #fffafa;
}

.invoice-mobile-top[b-l6coekgvg4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .65rem;
}

    .invoice-mobile-top > div[b-l6coekgvg4] {
        min-width: 0;
    }

        .invoice-mobile-top > div strong[b-l6coekgvg4],
        .invoice-mobile-top > div span[b-l6coekgvg4] {
            display: block;
        }

        .invoice-mobile-top > div strong[b-l6coekgvg4] {
            color: #0f172a;
            font-size: .84rem;
            font-weight: 850;
            overflow-wrap: anywhere;
        }

        .invoice-mobile-top > div span[b-l6coekgvg4] {
            margin-top: .12rem;
            color: #64748b;
            font-size: .72rem;
        }

.invoice-mobile-job[b-l6coekgvg4] {
    display: flex;
    align-items: center;
    gap: .3rem;
    color: #64748b;
    font-size: .72rem;
}

    .invoice-mobile-job
    .material-symbols-outlined[b-l6coekgvg4] {
        font-size: 16px;
    }

.invoice-mobile-money[b-l6coekgvg4] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .5rem;
}

    .invoice-mobile-money > div[b-l6coekgvg4] {
        min-width: 0;
        padding: .6rem;
        background: #f8fafc;
        border-radius: .6rem;
    }

    .invoice-mobile-money small[b-l6coekgvg4],
    .invoice-mobile-money strong[b-l6coekgvg4] {
        display: block;
    }

    .invoice-mobile-money small[b-l6coekgvg4] {
        color: #64748b;
        font-size: .62rem;
    }

    .invoice-mobile-money strong[b-l6coekgvg4] {
        margin-top: .1rem;
        color: #0f172a;
        font-size: .76rem;
        font-weight: 850;
        overflow-wrap: anywhere;
    }

.invoice-mobile-footer[b-l6coekgvg4] {
    padding-top: .6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    border-top: 1px solid #edf0f4;
    color: #64748b;
}

    .invoice-mobile-footer > span:first-child[b-l6coekgvg4] {
        display: inline-flex;
        align-items: center;
        gap: .25rem;
        font-size: .7rem;
    }

    .invoice-mobile-footer
    .material-symbols-outlined[b-l6coekgvg4] {
        font-size: 18px;
    }

/* ---------------------------------
   Empty / alerts
---------------------------------- */

.invoices-empty[b-l6coekgvg4] {
    min-height: 260px;
    padding: 2rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #64748b;
    text-align: center;
}

.invoices-empty-icon[b-l6coekgvg4] {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2563eb;
    background: #eef4ff;
    border-radius: 1rem;
}

    .invoices-empty-icon
    .material-symbols-outlined[b-l6coekgvg4] {
        font-size: 29px;
    }

.invoices-empty h3[b-l6coekgvg4] {
    margin: .8rem 0 0;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 850;
}

.invoices-empty p[b-l6coekgvg4] {
    margin: .25rem 0 .8rem;
    font-size: .78rem;
}

.invoices-alert[b-l6coekgvg4] {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
}

    .invoices-alert p[b-l6coekgvg4] {
        margin: .15rem 0 0;
    }

/* ---------------------------------
   Tablet
---------------------------------- */

@media (max-width: 1199.98px) {

    .invoices-toolbar[b-l6coekgvg4] {
        grid-template-columns: minmax(280px, 1fr) auto;
    }

    .invoices-toolbar-actions[b-l6coekgvg4] {
        grid-column: 1 / -1;
    }

    .invoices-summary-grid[b-l6coekgvg4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ---------------------------------
   Mobile
---------------------------------- */

@media (max-width: 767.98px) {

    .invoices-page[b-l6coekgvg4] {
        gap: .8rem;
    }

    .invoices-toolbar[b-l6coekgvg4] {
        padding: .85rem;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: .75rem;
    }

    .invoices-search[b-l6coekgvg4],
    .invoices-status-filter[b-l6coekgvg4] {
        width: 100%;
    }

    .invoices-filters[b-l6coekgvg4] {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
        gap: .65rem;
    }

    .invoices-filter-divider[b-l6coekgvg4] {
        display: none;
    }

    .invoices-toggle-filters[b-l6coekgvg4] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

        .invoices-toggle-filters .btn[b-l6coekgvg4] {
            min-height: 44px;
        }

    .invoices-toolbar-actions[b-l6coekgvg4] {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

        .invoices-toolbar-actions .btn[b-l6coekgvg4] {
            width: 100%;
            min-height: 44px;
        }

            .invoices-toolbar-actions .btn:only-child[b-l6coekgvg4] {
                grid-column: 1 / -1;
            }

    .invoices-summary-grid[b-l6coekgvg4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .6rem;
    }

    .invoices-summary-card[b-l6coekgvg4] {
        padding: .75rem;
    }

    .invoices-summary-icon[b-l6coekgvg4] {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }

    .invoices-summary-card strong[b-l6coekgvg4] {
        font-size: .88rem;
    }

    .invoices-results-header[b-l6coekgvg4] {
        padding: .85rem;
    }

    .invoices-table-wrap[b-l6coekgvg4] {
        display: none;
    }

    .invoices-mobile-list[b-l6coekgvg4] {
        display: block;
    }
}

/* ---------------------------------
   Small phones
---------------------------------- */

@media (max-width: 575.98px) {

    .invoices-summary-grid[b-l6coekgvg4] {
        grid-template-columns: 1fr;
    }

    .invoices-summary-card[b-l6coekgvg4] {
        padding: .7rem .8rem;
    }

    .invoice-mobile-money[b-l6coekgvg4] {
        gap: .35rem;
    }

        .invoice-mobile-money > div[b-l6coekgvg4] {
            padding: .5rem;
        }

    .invoice-list-status[b-l6coekgvg4] {
        flex: 0 0 auto;
    }
}
/* /Components/Jobs/Pages/JobEdit.razor.rz.scp.css */
.job-edit-page[b-xxx6rtqx0j] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ---------------------------------
   Toolbar
---------------------------------- */

.job-toolbar[b-xxx6rtqx0j] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .75rem;
}

/* ---------------------------------
   Main layout
---------------------------------- */

.job-layout[b-xxx6rtqx0j] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 1rem;
    align-items: start;
}

.job-main-column[b-xxx6rtqx0j],
.job-side-column[b-xxx6rtqx0j] {
    min-width: 0;
}

.job-main-column[b-xxx6rtqx0j] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.job-side-column[b-xxx6rtqx0j] {
    position: sticky;
    top: 138px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ---------------------------------
   Form
---------------------------------- */

.job-form-card[b-xxx6rtqx0j] {
    overflow: hidden;
}

.job-form-heading[b-xxx6rtqx0j] {
    padding: 1.25rem 1.25rem 1rem;
    border-bottom: 1px solid #edf0f4;
}

    .job-form-heading h2[b-xxx6rtqx0j] {
        margin: 0;
        color: #172033;
        font-size: 1.35rem;
        font-weight: 850;
        line-height: 1.2;
        letter-spacing: -.025em;
    }

    .job-form-heading p[b-xxx6rtqx0j] {
        margin: .3rem 0 0;
        color: #64748b;
        font-size: .9rem;
        line-height: 1.5;
    }

.job-form-body[b-xxx6rtqx0j] {
    padding: 1.25rem;
}

.job-edit-page .form-label[b-xxx6rtqx0j] {
    margin-bottom: .35rem;
    color: #334155;
    font-size: .78rem;
    font-weight: 750;
}

.job-edit-page .form-control[b-xxx6rtqx0j],
.job-edit-page .form-select[b-xxx6rtqx0j] {
    min-width: 0;
    min-height: 42px;
}

.job-edit-page textarea.form-control[b-xxx6rtqx0j] {
    resize: vertical;
}

.job-edit-page .form-text[b-xxx6rtqx0j] {
    color: #64748b;
    font-size: .7rem;
    line-height: 1.4;
}

.job-textarea[b-xxx6rtqx0j] {
    min-height: 8rem;
}

.job-access-notes[b-xxx6rtqx0j] {
    min-height: 95px;
}

/* ---------------------------------
   Form section headings
---------------------------------- */

.job-form-section-heading[b-xxx6rtqx0j] {
    margin-top: .4rem;
    padding-top: 1rem;
    display: flex;
    align-items: center;
    gap: .7rem;
    border-top: 1px solid #edf0f4;
}

.job-form-section-icon[b-xxx6rtqx0j] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2563eb;
    background: #eef4ff;
    border-radius: .7rem;
}

    .job-form-section-icon
    .material-symbols-outlined[b-xxx6rtqx0j] {
        font-size: 20px;
    }

.job-form-section-heading > div:nth-child(2)[b-xxx6rtqx0j] {
    min-width: 0;
    flex: 1 1 auto;
}

.job-form-section-heading h3[b-xxx6rtqx0j] {
    margin: 0;
    color: #172033;
    font-size: .9rem;
    font-weight: 850;
}

.job-form-section-heading p[b-xxx6rtqx0j] {
    margin: .12rem 0 0;
    color: #64748b;
    font-size: .72rem;
    line-height: 1.4;
}

/* ---------------------------------
   Services
---------------------------------- */

.job-services-count[b-xxx6rtqx0j] {
    flex: 0 0 auto;
    padding: .25rem .6rem;
    color: #1d4ed8;
    background: #eff6ff;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 800;
    white-space: nowrap;
}

.job-services-grid[b-xxx6rtqx0j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.job-service-option[b-xxx6rtqx0j] {
    min-width: 0;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e5eaf2;
    border-radius: .9rem;
    transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
}

    .job-service-option:hover[b-xxx6rtqx0j] {
        background: #fbfdff;
        border-color: #bfcee3;
    }

    .job-service-option.is-selected[b-xxx6rtqx0j] {
        background: #fafdff;
        border-color: #9fc1fb;
        box-shadow: 0 0 0 1px rgba(37, 99, 235, .05);
    }

.job-service-selector[b-xxx6rtqx0j] {
    min-width: 0;
    padding: .8rem;
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    cursor: pointer;
    user-select: none;
}

    .job-service-selector > input[b-xxx6rtqx0j] {
        position: absolute;
        width: 1px;
        height: 1px;
        opacity: 0;
        pointer-events: none;
    }

.job-service-check[b-xxx6rtqx0j] {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
    background: #f1f5f9;
    border-radius: .65rem;
}

.job-service-option.is-selected
.job-service-check[b-xxx6rtqx0j] {
    color: #ffffff;
    background: #2563eb;
}

.job-service-check
.material-symbols-outlined[b-xxx6rtqx0j] {
    font-size: 18px;
}

.job-service-content[b-xxx6rtqx0j] {
    min-width: 0;
    flex: 1 1 auto;
}

    .job-service-content strong[b-xxx6rtqx0j],
    .job-service-content small[b-xxx6rtqx0j],
    .job-service-content > span[b-xxx6rtqx0j] {
        display: block;
    }

    .job-service-content strong[b-xxx6rtqx0j] {
        color: #172033;
        font-size: .84rem;
        font-weight: 800;
        line-height: 1.3;
        overflow-wrap: anywhere;
    }

    .job-service-content small[b-xxx6rtqx0j] {
        margin-top: .15rem;
        display: -webkit-box;
        overflow: hidden;
        color: #64748b;
        font-size: .7rem;
        line-height: 1.35;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .job-service-content > span[b-xxx6rtqx0j] {
        margin-top: .25rem;
        color: #475569;
        font-size: .7rem;
        font-weight: 750;
    }

.job-service-pricing[b-xxx6rtqx0j] {
    padding: .75rem .8rem .8rem;
    display: grid;
    grid-template-columns: minmax(80px, .65fr) minmax(120px, 1fr) minmax(95px, .7fr);
    gap: .65rem;
    align-items: end;
    background: #f8fbff;
    border-top: 1px solid #dbe7f8;
}

    .job-service-pricing > div[b-xxx6rtqx0j] {
        min-width: 0;
    }

    .job-service-pricing .form-label[b-xxx6rtqx0j] {
        font-size: .68rem;
    }

    .job-service-pricing .form-control[b-xxx6rtqx0j],
    .job-service-pricing .input-group-text[b-xxx6rtqx0j] {
        min-height: 38px;
    }

    .job-service-pricing
    .input-group-text[b-xxx6rtqx0j] {
        padding-left: .65rem;
        padding-right: .65rem;
        color: #64748b;
        background: #ffffff;
    }

.job-service-line-total[b-xxx6rtqx0j] {
    min-height: 38px;
    padding: .4rem .6rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #ffffff;
    border: 1px solid #dce4ef;
    border-radius: .55rem;
}

    .job-service-line-total small[b-xxx6rtqx0j] {
        color: #64748b;
        font-size: .62rem;
        font-weight: 700;
    }

    .job-service-line-total strong[b-xxx6rtqx0j] {
        margin-top: .05rem;
        color: #0f172a;
        font-size: .82rem;
        font-weight: 850;
    }

.job-services-total[b-xxx6rtqx0j] {
    margin-top: .75rem;
    padding: .8rem .9rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: .85rem;
}

    .job-services-total > div[b-xxx6rtqx0j] {
        min-width: 0;
        display: flex;
        align-items: center;
        gap: .6rem;
    }

    .job-services-total
    .material-symbols-outlined[b-xxx6rtqx0j] {
        width: 36px;
        height: 36px;
        flex: 0 0 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #2563eb;
        background: #eaf2ff;
        border-radius: .65rem;
        font-size: 19px;
    }

    .job-services-total small[b-xxx6rtqx0j],
    .job-services-total strong[b-xxx6rtqx0j] {
        display: block;
    }

    .job-services-total small[b-xxx6rtqx0j] {
        color: #64748b;
        font-size: .68rem;
        font-weight: 700;
    }

    .job-services-total strong[b-xxx6rtqx0j] {
        color: #0f172a;
        font-size: 1rem;
        font-weight: 850;
    }

.job-services-total-note[b-xxx6rtqx0j] {
    max-width: 260px;
    color: #b45309;
    font-size: .7rem;
    font-weight: 700;
    line-height: 1.4;
    text-align: right;
}

.job-services-empty[b-xxx6rtqx0j] {
    min-height: 72px;
    padding: .85rem;
    display: flex;
    align-items: center;
    gap: .7rem;
    color: #64748b;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: .85rem;
}

    .job-services-empty >
    .material-symbols-outlined[b-xxx6rtqx0j] {
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #2563eb;
        background: #eef4ff;
        border-radius: .65rem;
        font-size: 21px;
    }

    .job-services-empty > div[b-xxx6rtqx0j] {
        min-width: 0;
    }

    .job-services-empty strong[b-xxx6rtqx0j],
    .job-services-empty div > span[b-xxx6rtqx0j] {
        display: block;
    }

    .job-services-empty strong[b-xxx6rtqx0j] {
        color: #334155;
        font-size: .8rem;
        font-weight: 800;
    }

    .job-services-empty div > span[b-xxx6rtqx0j] {
        margin-top: .12rem;
        color: #64748b;
        font-size: .72rem;
        line-height: 1.4;
    }

/* ---------------------------------
   Preview
---------------------------------- */

.job-summary-card[b-xxx6rtqx0j] {
    padding: 1.15rem;
}

    .job-summary-card h3[b-xxx6rtqx0j] {
        margin: 0;
        color: #172033;
        font-size: 1.05rem;
        font-weight: 850;
    }

.job-summary-subtitle[b-xxx6rtqx0j] {
    margin: .25rem 0 0;
    color: #64748b;
    font-size: .76rem;
    line-height: 1.4;
}

.job-summary-card dl[b-xxx6rtqx0j] {
    margin: .85rem 0 0;
}

    .job-summary-card dl div[b-xxx6rtqx0j] {
        padding: .65rem 0;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 1rem;
        border-top: 1px solid rgba(15, 23, 42, .08);
    }

.job-summary-card dt[b-xxx6rtqx0j] {
    color: #64748b;
    font-size: .76rem;
    font-weight: 750;
}

.job-summary-card dd[b-xxx6rtqx0j] {
    min-width: 0;
    max-width: 65%;
    margin: 0;
    color: #172033;
    font-size: .78rem;
    font-weight: 800;
    text-align: right;
    overflow-wrap: anywhere;
}

/* ---------------------------------
   Save
---------------------------------- */

.job-edit-save-card[b-xxx6rtqx0j] {
    padding: 1.15rem;
    text-align: center;
}

.job-edit-save-icon[b-xxx6rtqx0j] {
    width: 48px;
    height: 48px;
    margin: 0 auto .75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2563eb;
    background: #eef4ff;
    border-radius: .8rem;
}

    .job-edit-save-icon
    .material-symbols-outlined[b-xxx6rtqx0j] {
        font-size: 25px;
    }

.job-edit-save-card h3[b-xxx6rtqx0j] {
    margin: 0;
    color: #172033;
    font-size: 1rem;
    font-weight: 850;
}

.job-edit-save-card > p[b-xxx6rtqx0j] {
    margin: .3rem 0 0;
    color: #64748b;
    font-size: .76rem;
    line-height: 1.45;
}

.job-edit-save-actions[b-xxx6rtqx0j] {
    margin-top: .9rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

    .job-edit-save-actions .btn[b-xxx6rtqx0j] {
        width: 100%;
        min-height: 42px;
    }

/* ---------------------------------
   Buttons
---------------------------------- */

.crm-btn-primary[b-xxx6rtqx0j],
.crm-btn-secondary[b-xxx6rtqx0j] {
    min-height: 2.65rem;
    padding: .6rem .9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    border-radius: .9rem;
    font-weight: 800;
}

.crm-btn-primary[b-xxx6rtqx0j] {
    color: #ffffff;
    background: #2563eb;
    border-color: #2563eb;
}

    .crm-btn-primary:hover[b-xxx6rtqx0j] {
        color: #ffffff;
        background: #1d4ed8;
        border-color: #1d4ed8;
    }

.crm-btn-secondary[b-xxx6rtqx0j] {
    color: #334155;
    background: #f8fafc;
    border-color: rgba(15, 23, 42, .1);
}

    .crm-btn-secondary:hover[b-xxx6rtqx0j] {
        color: #1d4ed8;
        background: #eef2ff;
        border-color: rgba(37, 99, 235, .18);
    }

/* ---------------------------------
   General
---------------------------------- */

.crm-alert[b-xxx6rtqx0j] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    border-radius: 1rem;
}

    .crm-alert > div[b-xxx6rtqx0j] {
        min-width: 0;
        overflow-wrap: anywhere;
    }

.job-empty-state[b-xxx6rtqx0j] {
    padding: 4rem 1rem;
    display: grid;
    place-items: center;
    gap: .4rem;
    color: #64748b;
    text-align: center;
}

    .job-empty-state
    .material-symbols-outlined[b-xxx6rtqx0j] {
        color: #94a3b8;
        font-size: 3rem;
    }

    .job-empty-state h2[b-xxx6rtqx0j] {
        margin: .5rem 0 0;
        color: #172033;
        font-size: 1.2rem;
        font-weight: 850;
    }

    .job-empty-state p[b-xxx6rtqx0j] {
        margin: 0;
    }

/* ---------------------------------
   Large tablet
---------------------------------- */

@media (max-width: 1199.98px) {

    .job-layout[b-xxx6rtqx0j] {
        grid-template-columns: minmax(0, 1fr) 270px;
    }
}

/* ---------------------------------
   Tablet
---------------------------------- */

@media (max-width: 991.98px) {

    .job-layout[b-xxx6rtqx0j] {
        grid-template-columns: 1fr;
    }

    .job-side-column[b-xxx6rtqx0j] {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ---------------------------------
   Mobile
---------------------------------- */

@media (max-width: 767.98px) {

    .job-edit-page[b-xxx6rtqx0j] {
        gap: .8rem;
    }

    .job-toolbar[b-xxx6rtqx0j] {
        width: 100%;
    }

        .job-toolbar .btn[b-xxx6rtqx0j] {
            width: 100%;
            min-height: 44px;
        }

    .job-layout[b-xxx6rtqx0j] {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .8rem;
    }

    .job-main-column[b-xxx6rtqx0j],
    .job-side-column[b-xxx6rtqx0j] {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .8rem;
    }

    .job-form-heading[b-xxx6rtqx0j] {
        padding: .9rem .9rem .75rem;
    }

        .job-form-heading h2[b-xxx6rtqx0j] {
            font-size: 1.05rem;
        }

        .job-form-heading p[b-xxx6rtqx0j] {
            font-size: .78rem;
        }

    .job-form-body[b-xxx6rtqx0j] {
        padding: .9rem;
    }

    .job-edit-page .row[b-xxx6rtqx0j] {
        --bs-gutter-y: .8rem;
    }

    .job-edit-page .form-control[b-xxx6rtqx0j],
    .job-edit-page .form-select[b-xxx6rtqx0j] {
        min-height: 44px;
    }

    .job-form-section-heading[b-xxx6rtqx0j] {
        align-items: flex-start;
    }

    .job-services-grid[b-xxx6rtqx0j] {
        grid-template-columns: 1fr;
        gap: .6rem;
    }

    .job-service-option[b-xxx6rtqx0j] {
        width: 100%;
    }

    .job-service-selector[b-xxx6rtqx0j] {
        padding: .75rem;
    }

    .job-service-pricing[b-xxx6rtqx0j] {
        padding: .7rem .75rem .75rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

        .job-service-pricing .form-control[b-xxx6rtqx0j],
        .job-service-pricing .input-group-text[b-xxx6rtqx0j] {
            min-height: 44px;
        }

    .job-service-line-total[b-xxx6rtqx0j] {
        min-height: 44px;
        grid-column: 1 / -1;
    }

    .job-services-total[b-xxx6rtqx0j] {
        align-items: stretch;
        flex-direction: column;
    }

    .job-services-total-note[b-xxx6rtqx0j] {
        max-width: none;
        text-align: left;
    }

    .job-summary-card[b-xxx6rtqx0j],
    .job-edit-save-card[b-xxx6rtqx0j] {
        padding: .9rem;
    }

    .job-edit-save-card[b-xxx6rtqx0j] {
        order: 99;
    }

    .job-edit-save-actions .btn[b-xxx6rtqx0j] {
        min-height: 44px;
    }
}

/* ---------------------------------
   Small phones
---------------------------------- */

@media (max-width: 575.98px) {

    .job-form-heading[b-xxx6rtqx0j],
    .job-form-body[b-xxx6rtqx0j] {
        padding: .8rem;
    }

    .job-form-section-heading[b-xxx6rtqx0j] {
        flex-wrap: wrap;
    }

    .job-services-count[b-xxx6rtqx0j] {
        margin-left: 45px;
    }

    .job-service-pricing[b-xxx6rtqx0j] {
        grid-template-columns: 1fr;
    }

    .job-service-line-total[b-xxx6rtqx0j] {
        grid-column: auto;
    }

    .job-summary-card dl div[b-xxx6rtqx0j] {
        flex-direction: column;
        gap: .12rem;
    }

    .job-summary-card dd[b-xxx6rtqx0j] {
        max-width: none;
        text-align: left;
    }
}
/* /Components/Jobs/Pages/JobItem.razor.rz.scp.css */
.job-item-page[b-lfiueje887] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ---------------------------------
   Profile
---------------------------------- */

.job-profile-card[b-lfiueje887] {
    padding: 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.25rem;
}

.job-profile-main[b-lfiueje887] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 1rem;
}

    .job-profile-main > div:last-child[b-lfiueje887] {
        min-width: 0;
        flex: 1 1 auto;
    }

.job-avatar[b-lfiueje887] {
    width: 64px;
    height: 64px;
    flex: 0 0 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: linear-gradient( 135deg, #0b5cff, #0946bd);
    border-radius: 1rem;
    box-shadow: 0 10px 24px rgba(13, 110, 253, .22);
    font-size: 1.55rem;
    font-weight: 850;
}

.job-title-row[b-lfiueje887] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .7rem;
    flex-wrap: wrap;
}

    .job-title-row h2[b-lfiueje887] {
        min-width: 0;
        margin: 0;
        color: #0f172a;
        font-size: 1.6rem;
        font-weight: 850;
        line-height: 1.2;
        letter-spacing: -.035em;
        overflow-wrap: anywhere;
    }

.job-subtitle[b-lfiueje887] {
    margin: .25rem 0 0;
    color: #64748b;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.job-meta-row[b-lfiueje887] {
    margin-top: .65rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .55rem .85rem;
    color: #475569;
}

    .job-meta-row > span[b-lfiueje887] {
        min-width: 0;
        display: inline-flex;
        align-items: center;
        gap: .3rem;
    }

    .job-meta-row
    .material-symbols-outlined[b-lfiueje887] {
        flex: 0 0 auto;
        color: #64748b;
        font-size: 18px;
    }

.job-profile-actions[b-lfiueje887] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .55rem;
    flex-wrap: wrap;
}

    .job-profile-actions .btn[b-lfiueje887],
    .job-action-list .btn[b-lfiueje887] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .4rem;
    }

    .job-profile-actions
    .material-symbols-outlined[b-lfiueje887],
    .job-action-list
    .material-symbols-outlined[b-lfiueje887] {
        font-size: 19px;
    }

/* ---------------------------------
   Layout
---------------------------------- */

.job-layout[b-lfiueje887] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 1rem;
    align-items: flex-start;
}

.job-main-column[b-lfiueje887],
.job-side-column[b-lfiueje887] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.job-side-column[b-lfiueje887] {
    position: sticky;
    top: 138px;
}

.job-card-body[b-lfiueje887] {
    min-width: 0;
    padding: 1.25rem;
}

/* ---------------------------------
   Details
---------------------------------- */

.job-details-grid[b-lfiueje887] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.job-detail-item[b-lfiueje887] {
    min-width: 0;
    padding: 1rem;
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    background: #fbfdff;
    border: 1px solid #eef2f7;
    border-radius: .85rem;
}

    .job-detail-item >
    .material-symbols-outlined[b-lfiueje887] {
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #0b5cff;
        background: #eaf2ff;
        border-radius: .75rem;
        font-size: 20px;
    }

    .job-detail-item > div[b-lfiueje887] {
        min-width: 0;
    }

    .job-detail-item small[b-lfiueje887] {
        display: block;
        color: #64748b;
        font-size: .8rem;
    }

    .job-detail-item strong[b-lfiueje887] {
        display: block;
        margin-top: .12rem;
        color: #0f172a;
        font-weight: 750;
        overflow-wrap: anywhere;
    }

/* ---------------------------------
   Site
---------------------------------- */

.job-site-layout[b-lfiueje887] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, .55fr);
    gap: .75rem;
}

.job-site-address[b-lfiueje887],
.job-site-detail[b-lfiueje887] {
    min-width: 0;
    padding: .9rem;
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    background: #fbfdff;
    border: 1px solid #e5eaf2;
    border-radius: .85rem;
}

    .job-site-icon[b-lfiueje887],
    .job-site-detail >
    .material-symbols-outlined[b-lfiueje887] {
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #2563eb;
        background: #eef4ff;
        border-radius: .7rem;
    }

    .job-site-address >
    div:last-child[b-lfiueje887],
    .job-site-detail > div[b-lfiueje887] {
        min-width: 0;
    }

    .job-site-address small[b-lfiueje887],
    .job-site-detail small[b-lfiueje887],
    .job-access-panel small[b-lfiueje887] {
        display: block;
        color: #64748b;
        font-size: .7rem;
        font-weight: 700;
    }

    .job-site-address strong[b-lfiueje887],
    .job-site-detail strong[b-lfiueje887] {
        display: block;
        margin-top: .12rem;
        color: #0f172a;
        font-size: .82rem;
        font-weight: 800;
        line-height: 1.45;
        overflow-wrap: anywhere;
    }

    .job-site-detail a[b-lfiueje887] {
        display: inline-block;
        margin-top: .15rem;
        color: #0b5cff;
        font-size: .76rem;
        font-weight: 700;
        text-decoration: none;
    }

        .job-site-detail a:hover[b-lfiueje887] {
            text-decoration: underline;
        }

.job-access-panel[b-lfiueje887] {
    margin-top: .75rem;
    padding: .85rem;
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    color: #334155;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: .85rem;
}

    .job-access-panel >
    .material-symbols-outlined[b-lfiueje887] {
        flex: 0 0 auto;
        color: #b45309;
        font-size: 20px;
    }

    .job-access-panel > div[b-lfiueje887] {
        min-width: 0;
    }

    .job-access-panel p[b-lfiueje887] {
        margin: .15rem 0 0;
        color: #475569;
        font-size: .78rem;
        line-height: 1.5;
        white-space: pre-wrap;
        overflow-wrap: anywhere;
    }

/* ---------------------------------
   Services
---------------------------------- */

.job-services-list[b-lfiueje887] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.job-service-card[b-lfiueje887] {
    min-width: 0;
    padding: .9rem;
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    background: #fbfdff;
    border: 1px solid #e5eaf2;
    border-radius: .85rem;
}

.job-service-icon[b-lfiueje887] {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2563eb;
    background: #eef4ff;
    border-radius: .7rem;
}

    .job-service-icon
    .material-symbols-outlined[b-lfiueje887] {
        font-size: 21px;
    }

.job-service-content[b-lfiueje887] {
    min-width: 0;
    flex: 1 1 auto;
}

    .job-service-content > strong[b-lfiueje887],
    .job-service-content > span[b-lfiueje887] {
        display: block;
    }

    .job-service-content > strong[b-lfiueje887] {
        color: #0f172a;
        font-size: .875rem;
        font-weight: 800;
    }

    .job-service-content > span[b-lfiueje887] {
        margin-top: .15rem;
        display: -webkit-box;
        overflow: hidden;
        color: #64748b;
        font-size: .75rem;
        line-height: 1.4;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

.job-service-line-meta[b-lfiueje887] {
    margin-top: .45rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .35rem .7rem;
}

    .job-service-line-meta > span[b-lfiueje887] {
        color: #64748b;
        font-size: .7rem;
    }

    .job-service-line-meta strong[b-lfiueje887] {
        display: inline;
        margin-left: .15rem;
        color: #334155;
        font-size: inherit;
        font-weight: 800;
    }

.job-service-price[b-lfiueje887] {
    flex: 0 0 auto;
    min-width: 76px;
    text-align: right;
}

    .job-service-price small[b-lfiueje887],
    .job-service-price strong[b-lfiueje887] {
        display: block;
    }

    .job-service-price small[b-lfiueje887] {
        color: #94a3b8;
        font-size: .68rem;
    }

    .job-service-price strong[b-lfiueje887] {
        margin-top: .1rem;
        color: #0f172a;
        font-size: .84rem;
        font-weight: 850;
    }

.job-services-total[b-lfiueje887] {
    margin-top: .85rem;
    padding: .75rem .9rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .75rem;
    background: #f8fafc;
    border: 1px solid #e5eaf2;
    border-radius: .8rem;
}

    .job-services-total span[b-lfiueje887] {
        color: #64748b;
        font-size: .78rem;
        font-weight: 700;
    }

    .job-services-total strong[b-lfiueje887] {
        color: #0f172a;
        font-size: 1rem;
        font-weight: 850;
    }

.job-services-empty[b-lfiueje887] {
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: .75rem;
    color: #64748b;
    background: #fbfdff;
    border: 1px dashed #cbd5e1;
    border-radius: .85rem;
}

    .job-services-empty >
    .material-symbols-outlined[b-lfiueje887] {
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #64748b;
        background: #f1f5f9;
        border-radius: .7rem;
    }

    .job-services-empty strong[b-lfiueje887],
    .job-services-empty div > span[b-lfiueje887] {
        display: block;
    }

    .job-services-empty strong[b-lfiueje887] {
        color: #334155;
        font-size: .85rem;
    }

    .job-services-empty div > span[b-lfiueje887] {
        margin-top: .12rem;
        font-size: .76rem;
    }

/* ---------------------------------
   Finance summary
---------------------------------- */

.job-finance-summary[b-lfiueje887] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .7rem;
}

.job-finance-stat[b-lfiueje887] {
    min-width: 0;
    min-height: 86px;
    padding: .8rem;
    display: flex;
    align-items: center;
    gap: .65rem;
    background: #fbfdff;
    border: 1px solid #e5eaf2;
    border-radius: .85rem;
}

.job-finance-stat-icon[b-lfiueje887] {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2563eb;
    background: #eef4ff;
    border-radius: .7rem;
}

.job-finance-stat-icon-paid[b-lfiueje887] {
    color: #15803d;
    background: #ecfdf3;
}

.job-finance-stat-icon-outstanding[b-lfiueje887] {
    color: #b45309;
    background: #fffbeb;
}

.job-finance-stat-icon
.material-symbols-outlined[b-lfiueje887] {
    font-size: 21px;
}

.job-finance-stat-content[b-lfiueje887] {
    min-width: 0;
    flex: 1 1 auto;
}

    .job-finance-stat-content small[b-lfiueje887],
    .job-finance-stat-content strong[b-lfiueje887],
    .job-finance-stat-content > span[b-lfiueje887] {
        display: block;
    }

    .job-finance-stat-content small[b-lfiueje887] {
        color: #64748b;
        font-size: .69rem;
        font-weight: 700;
    }

    .job-finance-stat-content strong[b-lfiueje887] {
        margin-top: .08rem;
        color: #0f172a;
        font-size: .95rem;
        font-weight: 850;
        line-height: 1.2;
        overflow-wrap: anywhere;
    }

    .job-finance-stat-content > span[b-lfiueje887] {
        margin-top: .12rem;
        color: #94a3b8;
        font-size: .66rem;
        line-height: 1.3;
    }

.job-finance-paid[b-lfiueje887] {
    color: #15803d !important;
}

.job-finance-outstanding[b-lfiueje887] {
    color: #b45309 !important;
}

/* ---------------------------------
   Finance history
---------------------------------- */

.job-finance-history[b-lfiueje887] {
    margin-top: 1rem;
    overflow: hidden;
    border: 1px solid #e5eaf2;
    border-radius: .9rem;
}

.job-finance-history-heading[b-lfiueje887] {
    min-height: 62px;
    padding: .8rem .9rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    background: #fbfdff;
    border-bottom: 1px solid #eef2f7;
}

    .job-finance-history-heading > div[b-lfiueje887] {
        min-width: 0;
    }

    .job-finance-history-heading h4[b-lfiueje887] {
        margin: 0;
        color: #0f172a;
        font-size: .9rem;
        font-weight: 850;
    }

    .job-finance-history-heading >
    div > span[b-lfiueje887] {
        display: block;
        margin-top: .12rem;
        color: #64748b;
        font-size: .72rem;
    }

.job-finance-overdue-badge[b-lfiueje887] {
    min-height: 28px;
    padding: .25rem .55rem;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    color: #b91c1c;
    background: #fff1f2;
    border: 1px solid #fecdd3;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 800;
}

    .job-finance-overdue-badge
    .material-symbols-outlined[b-lfiueje887] {
        font-size: 16px;
    }

/* ---------------------------------
   Invoices
---------------------------------- */

.job-invoices-list[b-lfiueje887] {
    display: flex;
    flex-direction: column;
}

.job-invoice-item[b-lfiueje887] {
    min-width: 0;
    min-height: 70px;
    padding: .8rem .9rem;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto auto 24px;
    gap: .75rem;
    align-items: center;
    color: inherit;
    background: #ffffff;
    border-bottom: 1px solid #eef2f7;
    text-decoration: none;
    transition: background .15s ease;
}

    .job-invoice-item:last-child[b-lfiueje887] {
        border-bottom: 0;
    }

    .job-invoice-item:hover[b-lfiueje887] {
        color: inherit;
        background: #f8fbff;
    }

.job-invoice-icon[b-lfiueje887] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2563eb;
    background: #eef4ff;
    border-radius: .7rem;
}

    .job-invoice-icon
    .material-symbols-outlined[b-lfiueje887] {
        font-size: 21px;
    }

.job-invoice-main[b-lfiueje887] {
    min-width: 0;
}

    .job-invoice-main strong[b-lfiueje887],
    .job-invoice-main span[b-lfiueje887] {
        display: block;
    }

    .job-invoice-main strong[b-lfiueje887] {
        color: #0f172a;
        font-size: .84rem;
        font-weight: 850;
        overflow-wrap: anywhere;
    }

    .job-invoice-main span[b-lfiueje887] {
        margin-top: .12rem;
        color: #64748b;
        font-size: .72rem;
        line-height: 1.35;
        overflow-wrap: anywhere;
    }

.invoice-status-pill[b-lfiueje887] {
    min-height: 28px;
    padding: .25rem .6rem;
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    color: var(--invoice-status-color);
    background: color-mix( in srgb, var(--invoice-status-color) 10%, white);
    border: 1px solid color-mix( in srgb, var(--invoice-status-color) 22%, white);
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 800;
    white-space: nowrap;
}

    .invoice-status-pill
    .material-symbols-outlined[b-lfiueje887] {
        font-size: 16px;
    }

.job-invoice-total[b-lfiueje887] {
    min-width: 110px;
    text-align: right;
}

    .job-invoice-total small[b-lfiueje887],
    .job-invoice-total strong[b-lfiueje887],
    .job-invoice-total > span[b-lfiueje887] {
        display: block;
    }

    .job-invoice-total small[b-lfiueje887] {
        color: #94a3b8;
        font-size: .65rem;
    }

    .job-invoice-total strong[b-lfiueje887] {
        margin-top: .08rem;
        color: #0f172a;
        font-size: .84rem;
        font-weight: 850;
    }

    .job-invoice-total > span[b-lfiueje887] {
        margin-top: .08rem;
        font-size: .65rem;
    }

.job-invoice-outstanding[b-lfiueje887] {
    color: #b45309;
}

.job-invoice-overdue[b-lfiueje887] {
    color: #b91c1c;
    font-weight: 750;
}

.job-invoice-paid[b-lfiueje887] {
    color: #15803d;
    font-weight: 750;
}

.job-invoice-arrow[b-lfiueje887] {
    color: #94a3b8;
    font-size: 21px;
}

.job-invoices-empty[b-lfiueje887] {
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: .75rem;
    color: #64748b;
    background: #ffffff;
}

    .job-invoices-empty >
    .material-symbols-outlined[b-lfiueje887] {
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #2563eb;
        background: #eef4ff;
        border-radius: .7rem;
    }

    .job-invoices-empty > div[b-lfiueje887] {
        min-width: 0;
    }

    .job-invoices-empty strong[b-lfiueje887],
    .job-invoices-empty div > span[b-lfiueje887] {
        display: block;
    }

    .job-invoices-empty strong[b-lfiueje887] {
        color: #334155;
        font-size: .85rem;
        font-weight: 800;
    }

    .job-invoices-empty div > span[b-lfiueje887] {
        margin-top: .12rem;
        color: #64748b;
        font-size: .75rem;
        line-height: 1.4;
    }

.job-invoice-warning[b-lfiueje887] {
    margin-top: .75rem;
    padding: .8rem .9rem;
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    color: #92400e;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: .8rem;
}

    .job-invoice-warning >
    .material-symbols-outlined[b-lfiueje887] {
        flex: 0 0 auto;
        color: #b45309;
        font-size: 20px;
    }

    .job-invoice-warning > div[b-lfiueje887] {
        min-width: 0;
    }

    .job-invoice-warning strong[b-lfiueje887],
    .job-invoice-warning span[b-lfiueje887] {
        display: block;
    }

    .job-invoice-warning strong[b-lfiueje887] {
        color: #92400e;
        font-size: .78rem;
        font-weight: 800;
    }

    .job-invoice-warning span[b-lfiueje887] {
        margin-top: .15rem;
        color: #a16207;
        font-size: .72rem;
        line-height: 1.45;
    }

/* ---------------------------------
   Description
---------------------------------- */

.job-description[b-lfiueje887] {
    margin: 0;
    color: #334155;
    line-height: 1.65;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.job-muted-panel[b-lfiueje887] {
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: .6rem;
    color: #64748b;
    background: #fbfdff;
    border: 1px dashed #cbd5e1;
    border-radius: .85rem;
}

/* ---------------------------------
   Sidebar
---------------------------------- */

.job-side-heading[b-lfiueje887] {
    margin: 0 0 1rem;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 850;
}

.job-action-list[b-lfiueje887] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

    .job-action-list .btn[b-lfiueje887] {
        min-height: 42px;
        justify-content: flex-start;
        text-align: left;
    }

.job-meta-list[b-lfiueje887] {
    display: flex;
    flex-direction: column;
    gap: .8rem;
}

    .job-meta-list div[b-lfiueje887] {
        padding-bottom: .8rem;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 1rem;
        border-bottom: 1px solid #eef2f7;
    }

        .job-meta-list div:last-child[b-lfiueje887] {
            padding-bottom: 0;
            border-bottom: 0;
        }

    .job-meta-list span[b-lfiueje887] {
        color: #64748b;
        font-size: .8rem;
    }

    .job-meta-list strong[b-lfiueje887] {
        min-width: 0;
        max-width: 65%;
        color: #0f172a;
        font-size: .84rem;
        font-weight: 750;
        text-align: right;
        overflow-wrap: anywhere;
    }

    .job-meta-list a[b-lfiueje887] {
        color: #0b5cff;
        text-decoration: none;
    }

.job-side-paid[b-lfiueje887] {
    color: #15803d !important;
}

.job-side-outstanding[b-lfiueje887] {
    color: #b45309 !important;
}

.job-side-overdue[b-lfiueje887] {
    color: #b91c1c !important;
}

/* ---------------------------------
   Stages
---------------------------------- */

.job-stage[b-lfiueje887] {
    min-height: 1.75rem;
    padding: .2rem .65rem;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 800;
    white-space: nowrap;
}

.job-stage-new[b-lfiueje887] {
    color: #3730a3;
    background: #eef2ff;
}

.job-stage-quoted[b-lfiueje887] {
    color: #075985;
    background: #e0f2fe;
}

.job-stage-todo[b-lfiueje887] {
    color: #92400e;
    background: #fef3c7;
}

.job-stage-in-progress[b-lfiueje887] {
    color: #1d4ed8;
    background: #dbeafe;
}

.job-stage-invoiced[b-lfiueje887] {
    color: #6d28d9;
    background: #ede9fe;
}

.job-stage-paid[b-lfiueje887] {
    color: #166534;
    background: #dcfce7;
}

.job-stage-lost[b-lfiueje887] {
    color: #991b1b;
    background: #fee2e2;
}

/* ---------------------------------
   Alerts
---------------------------------- */

.job-alert[b-lfiueje887] {
    min-width: 0;
    align-items: center;
}

    .job-alert >
    .material-symbols-outlined[b-lfiueje887] {
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ffffff !important;
        border-radius: 50%;
    }

.alert-success.job-alert >
.material-symbols-outlined[b-lfiueje887] {
    background: #16a34a;
}

.alert-danger.job-alert >
.material-symbols-outlined[b-lfiueje887] {
    background: #dc2626;
}

.alert-warning.job-alert >
.material-symbols-outlined[b-lfiueje887] {
    background: #f59e0b;
}

.job-alert .alert-content[b-lfiueje887] {
    min-width: 0;
    flex: 1 1 auto;
}

/* ---------------------------------
   Tablet
---------------------------------- */

@media (max-width: 1199.98px) {

    .job-layout[b-lfiueje887] {
        grid-template-columns: 1fr;
    }

    .job-finance-summary[b-lfiueje887] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .job-side-column[b-lfiueje887] {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

        .job-side-column >
        .crm-card:last-child[b-lfiueje887] {
            grid-column: 1 / -1;
        }
}

/* ---------------------------------
   Mobile
---------------------------------- */

@media (max-width: 767.98px) {

    .job-item-page[b-lfiueje887] {
        gap: .8rem;
    }

    .job-profile-card[b-lfiueje887] {
        padding: 1rem;
        flex-direction: column;
        align-items: stretch;
    }

    .job-profile-main[b-lfiueje887] {
        align-items: flex-start;
    }

    .job-avatar[b-lfiueje887] {
        width: 52px;
        height: 52px;
        flex-basis: 52px;
    }

    .job-title-row h2[b-lfiueje887] {
        font-size: 1.3rem;
    }

    .job-meta-row[b-lfiueje887] {
        flex-direction: column;
        align-items: stretch;
        gap: .35rem;
        font-size: .76rem;
    }

    .job-profile-actions[b-lfiueje887] {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
    }

        .job-profile-actions .btn[b-lfiueje887] {
            width: 100%;
            min-height: 44px;
        }

    .job-layout[b-lfiueje887] {
        display: flex;
        flex-direction: column;
        gap: .8rem;
    }

    .job-main-column[b-lfiueje887],
    .job-side-column[b-lfiueje887] {
        width: 100%;
        gap: .8rem;
    }

    .job-side-column[b-lfiueje887] {
        display: flex;
        flex-direction: column;
    }

    .job-card-body[b-lfiueje887] {
        padding: .85rem;
    }

    .job-details-grid[b-lfiueje887],
    .job-site-layout[b-lfiueje887],
    .job-services-list[b-lfiueje887] {
        grid-template-columns: 1fr;
        gap: .6rem;
    }

    .job-detail-item[b-lfiueje887],
    .job-site-address[b-lfiueje887],
    .job-site-detail[b-lfiueje887],
    .job-service-card[b-lfiueje887] {
        padding: .75rem;
    }

    .job-access-panel[b-lfiueje887] {
        padding: .75rem;
    }

    .job-service-price[b-lfiueje887] {
        flex: 0 0 auto;
    }

    .job-services-total[b-lfiueje887] {
        justify-content: space-between;
    }

    /* Finance */

    .job-finance-summary[b-lfiueje887] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .55rem;
    }

    .job-finance-stat[b-lfiueje887] {
        min-height: 78px;
        padding: .7rem;
    }

    .job-finance-stat-icon[b-lfiueje887] {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
    }

    .job-finance-stat-content strong[b-lfiueje887] {
        font-size: .84rem;
    }

    .job-finance-history[b-lfiueje887] {
        margin-top: .75rem;
    }

    .job-finance-history-heading[b-lfiueje887] {
        padding: .7rem .8rem;
    }

    .job-invoice-item[b-lfiueje887] {
        grid-template-columns: 40px minmax(0, 1fr) 24px;
        gap: .65rem;
    }

    .job-invoice-status[b-lfiueje887] {
        grid-column: 2;
    }

    .job-invoice-total[b-lfiueje887] {
        grid-column: 2;
        min-width: 0;
        text-align: left;
    }

        .job-invoice-total small[b-lfiueje887],
        .job-invoice-total strong[b-lfiueje887],
        .job-invoice-total > span[b-lfiueje887] {
            display: inline;
        }

        .job-invoice-total strong[b-lfiueje887],
        .job-invoice-total > span[b-lfiueje887] {
            margin-left: .25rem;
        }

    .job-invoice-arrow[b-lfiueje887] {
        grid-column: 3;
        grid-row: 1 / span 3;
        align-self: center;
    }

    .job-action-list .btn[b-lfiueje887] {
        min-height: 44px;
    }

    .job-alert[b-lfiueje887] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

        .job-alert .alert-actions[b-lfiueje887] {
            width: 100%;
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: .5rem;
        }
}

/* ---------------------------------
   Small phones
---------------------------------- */

@media (max-width: 575.98px) {

    .job-profile-card[b-lfiueje887] {
        padding: .85rem;
    }

    .job-title-row[b-lfiueje887] {
        flex-direction: column;
        align-items: flex-start;
        gap: .3rem;
    }

    .job-card-body[b-lfiueje887] {
        padding: .75rem;
    }

    .job-service-card[b-lfiueje887] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .job-service-content[b-lfiueje887] {
        min-width: calc(100% - 52px);
    }

    .job-service-price[b-lfiueje887] {
        width: 100%;
        margin-left: 52px;
        padding-top: .55rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-top: 1px solid #edf0f4;
        text-align: left;
    }

        .job-service-price strong[b-lfiueje887] {
            margin-top: 0;
        }

    .job-services-total[b-lfiueje887] {
        justify-content: space-between;
    }

    /* Finance */

    .job-finance-summary[b-lfiueje887] {
        grid-template-columns: 1fr;
    }

    .job-finance-stat[b-lfiueje887] {
        min-height: 70px;
    }

    .job-finance-history-heading[b-lfiueje887] {
        align-items: flex-start;
        flex-direction: column;
    }

    .job-finance-overdue-badge[b-lfiueje887] {
        align-self: flex-start;
    }

    .job-invoice-item[b-lfiueje887] {
        padding: .75rem;
    }

    .job-invoice-icon[b-lfiueje887] {
        width: 36px;
        height: 36px;
    }

    .job-invoice-main strong[b-lfiueje887] {
        font-size: .8rem;
    }

    .job-invoice-warning[b-lfiueje887],
    .job-invoices-empty[b-lfiueje887] {
        padding: .8rem;
    }

    /* Sidebar */

    .job-meta-list div[b-lfiueje887] {
        flex-direction: column;
        gap: .15rem;
    }

    .job-meta-list strong[b-lfiueje887] {
        max-width: none;
        text-align: left;
    }

    /* Alerts */

    .job-alert .alert-actions[b-lfiueje887] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Jobs/Pages/JobsList.razor.rz.scp.css */
.jobs-page[b-28lybesuw3] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ---------------------------------
   Context filter
---------------------------------- */

.jobs-context-filter[b-28lybesuw3] {
    padding: .8rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    color: #334155;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 1rem;
}

.jobs-context-filter-main[b-28lybesuw3] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .65rem;
}

    .jobs-context-filter-main >
    .material-symbols-outlined[b-28lybesuw3] {
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #2563eb;
        background: #dbeafe;
        border-radius: .7rem;
        font-size: 20px;
    }

    .jobs-context-filter-main > div[b-28lybesuw3] {
        min-width: 0;
    }

    .jobs-context-filter-main strong[b-28lybesuw3],
    .jobs-context-filter-main span[b-28lybesuw3] {
        display: block;
    }

    .jobs-context-filter-main strong[b-28lybesuw3] {
        color: #1e3a8a;
        font-size: .82rem;
        font-weight: 800;
    }

    .jobs-context-filter-main div > span[b-28lybesuw3] {
        margin-top: .1rem;
        color: #475569;
        font-size: .74rem;
    }

/* ---------------------------------
   Toolbar
---------------------------------- */

.jobs-toolbar[b-28lybesuw3] {
    padding: 1rem 1.25rem;
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto auto;
    gap: 1rem;
    align-items: center;
}

.jobs-search[b-28lybesuw3] {
    min-width: 0;
}

    .jobs-search .input-group-text[b-28lybesuw3] {
        color: #64748b;
        background: #ffffff;
    }

        .jobs-search
        .input-group-text
        .material-symbols-outlined[b-28lybesuw3] {
            font-size: 20px;
        }

    .jobs-search .form-control[b-28lybesuw3] {
        min-height: 42px;
    }

.jobs-filters[b-28lybesuw3] {
    display: flex;
    align-items: center;
    gap: .6rem;
    white-space: nowrap;
}

.jobs-stage-filter[b-28lybesuw3] {
    width: 10rem;
    min-height: 42px;
}

.jobs-service-filter[b-28lybesuw3] {
    width: 12rem;
    min-height: 42px;
}

.jobs-assignee-filter[b-28lybesuw3] {
    width: 12rem;
    min-height: 42px;
}

.jobs-filter-divider[b-28lybesuw3] {
    width: 1px;
    height: 2rem;
    flex: 0 0 1px;
    background: #e2e8f0;
}

.jobs-filters .form-check[b-28lybesuw3] {
    margin: 0;
}

.jobs-toolbar-actions[b-28lybesuw3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .jobs-toolbar-actions .btn[b-28lybesuw3] {
        min-height: 42px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .4rem;
    }

    .jobs-toolbar-actions
    .material-symbols-outlined[b-28lybesuw3] {
        font-size: 19px;
    }

/* ---------------------------------
   Summary
---------------------------------- */

.jobs-summary-card[b-28lybesuw3] {
    height: 100%;
    min-height: 94px;
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: .85rem;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 1rem;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .045);
}

    .jobs-summary-card >
    .material-symbols-outlined[b-28lybesuw3] {
        width: 44px;
        height: 44px;
        flex: 0 0 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: .8rem;
        font-size: 23px;
    }

    .jobs-summary-card > div[b-28lybesuw3] {
        min-width: 0;
    }

    .jobs-summary-card small[b-28lybesuw3],
    .jobs-summary-card strong[b-28lybesuw3],
    .jobs-summary-note[b-28lybesuw3] {
        display: block;
    }

    .jobs-summary-card small[b-28lybesuw3] {
        color: #64748b;
        font-size: .72rem;
        font-weight: 700;
    }

    .jobs-summary-card strong[b-28lybesuw3] {
        margin-top: .05rem;
        color: #111827;
        font-size: 1.25rem;
        font-weight: 850;
    }

.jobs-summary-note[b-28lybesuw3] {
    margin-top: .1rem;
    color: #94a3b8;
    font-size: .68rem;
    line-height: 1.35;
}

.jobs-summary-card-primary >
.material-symbols-outlined[b-28lybesuw3] {
    color: #2563eb;
    background: #eef4ff;
}

.jobs-summary-card-success >
.material-symbols-outlined[b-28lybesuw3] {
    color: #15803d;
    background: #dcfce7;
}

.jobs-summary-card-warning >
.material-symbols-outlined[b-28lybesuw3] {
    color: #b45309;
    background: #fef3c7;
}

.jobs-summary-card-info >
.material-symbols-outlined[b-28lybesuw3] {
    color: #7c3aed;
    background: #f3e8ff;
}

/* ---------------------------------
   Results
---------------------------------- */

.jobs-results-card[b-28lybesuw3] {
    overflow: hidden;
}

    .jobs-results-card
    .crm-card-header[b-28lybesuw3] {
        gap: 1rem;
    }

        .jobs-results-card
        .crm-card-header .btn[b-28lybesuw3] {
            flex: 0 0 auto;
            display: inline-flex;
            align-items: center;
            gap: .35rem;
        }

/* ---------------------------------
   Desktop table
---------------------------------- */

.jobs-table[b-28lybesuw3] {
    margin: 0;
}

    .jobs-table thead th[b-28lybesuw3] {
        padding: .8rem .85rem;
        color: #64748b;
        background: #f8fafc;
        border-bottom: 1px solid #e5eaf2;
        font-size: .68rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .04em;
        white-space: nowrap;
    }

    .jobs-table tbody td[b-28lybesuw3] {
        padding: .9rem .85rem;
        color: #334155;
        border-bottom: 1px solid #edf0f4;
        vertical-align: middle;
    }

    .jobs-table tbody tr:last-child td[b-28lybesuw3] {
        border-bottom: 0;
    }

.jobs-row-archived[b-28lybesuw3] {
    background: #fafafa;
}

.jobs-row-muted[b-28lybesuw3] {
    opacity: .72;
}

/* ---------------------------------
   Job
---------------------------------- */

.jobs-job-cell[b-28lybesuw3] {
    min-width: 180px;
    display: flex;
    align-items: center;
    gap: .7rem;
}

.jobs-avatar[b-28lybesuw3] {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: linear-gradient( 135deg, #0b5cff, #0946bd);
    border-radius: .75rem;
    font-size: .9rem;
    font-weight: 850;
}

.jobs-job-content[b-28lybesuw3] {
    min-width: 0;
}

.jobs-name-link[b-28lybesuw3] {
    display: block;
    color: #111827;
    font-size: .84rem;
    font-weight: 800;
    line-height: 1.35;
    text-decoration: none;
    overflow-wrap: anywhere;
}

    .jobs-name-link:hover[b-28lybesuw3] {
        color: #0b5cff;
    }

.jobs-job-content small[b-28lybesuw3] {
    display: block;
    margin-top: .15rem;
    color: #94a3b8;
    font-size: .68rem;
}

.jobs-company-link[b-28lybesuw3] {
    color: #0b5cff;
    font-size: .8rem;
    font-weight: 750;
    text-decoration: none;
}

    .jobs-company-link:hover[b-28lybesuw3] {
        text-decoration: underline;
    }

.jobs-muted[b-28lybesuw3] {
    color: #94a3b8;
    font-size: .78rem;
}

/* ---------------------------------
   Site
---------------------------------- */

.jobs-site-cell[b-28lybesuw3] {
    min-width: 160px;
    max-width: 250px;
    display: flex;
    align-items: flex-start;
    gap: .5rem;
}

    .jobs-site-cell >
    .material-symbols-outlined[b-28lybesuw3] {
        flex: 0 0 auto;
        margin-top: .05rem;
        color: #64748b;
        font-size: 18px;
    }

    .jobs-site-cell > div[b-28lybesuw3] {
        min-width: 0;
    }

    .jobs-site-cell strong[b-28lybesuw3],
    .jobs-site-cell small[b-28lybesuw3] {
        display: block;
    }

    .jobs-site-cell strong[b-28lybesuw3] {
        color: #334155;
        font-size: .78rem;
        font-weight: 800;
        line-height: 1.35;
        overflow-wrap: anywhere;
    }

    .jobs-site-cell small[b-28lybesuw3] {
        margin-top: .08rem;
        color: #64748b;
        font-size: .7rem;
        line-height: 1.35;
        overflow-wrap: anywhere;
    }

/* ---------------------------------
   Assignee
---------------------------------- */

.jobs-assignee-cell[b-28lybesuw3] {
    min-width: 130px;
    display: flex;
    align-items: center;
    gap: .5rem;
}

.jobs-assignee-avatar[b-28lybesuw3] {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1d4ed8;
    background: #eef4ff;
    border-radius: 50%;
    font-size: .66rem;
    font-weight: 850;
}

.jobs-assignee-cell > span[b-28lybesuw3] {
    min-width: 0;
    color: #334155;
    font-size: .76rem;
    font-weight: 750;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.jobs-unassigned[b-28lybesuw3] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    color: #94a3b8;
    font-size: .74rem;
    font-weight: 700;
    white-space: nowrap;
}

    .jobs-unassigned
    .material-symbols-outlined[b-28lybesuw3] {
        font-size: 17px;
    }

/* ---------------------------------
   Stage
---------------------------------- */

.job-stage[b-28lybesuw3] {
    min-height: 1.65rem;
    padding: .15rem .55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 800;
    white-space: nowrap;
}

.job-stage-new[b-28lybesuw3] {
    color: #3730a3;
    background: #eef2ff;
}

.job-stage-quoted[b-28lybesuw3] {
    color: #075985;
    background: #e0f2fe;
}

.job-stage-todo[b-28lybesuw3] {
    color: #92400e;
    background: #fef3c7;
}

.job-stage-in-progress[b-28lybesuw3] {
    color: #1d4ed8;
    background: #dbeafe;
}

.job-stage-invoiced[b-28lybesuw3] {
    color: #6d28d9;
    background: #ede9fe;
}

.job-stage-paid[b-28lybesuw3] {
    color: #166534;
    background: #dcfce7;
}

.job-stage-lost[b-28lybesuw3] {
    color: #991b1b;
    background: #fee2e2;
}

/* ---------------------------------
   Dates
---------------------------------- */

.jobs-close-date-overdue[b-28lybesuw3] {
    color: #b91c1c;
    font-weight: 800;
}

.jobs-close-date-soon[b-28lybesuw3] {
    color: #b45309;
    font-weight: 800;
}

/* ---------------------------------
   Actions
---------------------------------- */

.jobs-row-actions[b-28lybesuw3] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .4rem;
}

    .jobs-row-actions .btn[b-28lybesuw3] {
        min-height: 34px;
        display: inline-flex;
        align-items: center;
        gap: .3rem;
    }

    .jobs-row-actions
    .material-symbols-outlined[b-28lybesuw3] {
        font-size: 17px;
    }

/* ---------------------------------
   Mobile list
---------------------------------- */

.jobs-mobile-list[b-28lybesuw3] {
    display: none;
}

.jobs-mobile-card[b-28lybesuw3] {
    min-width: 0;
    background: #ffffff;
    border-bottom: 1px solid #edf0f4;
}

    .jobs-mobile-card:last-child[b-28lybesuw3] {
        border-bottom: 0;
    }

    .jobs-mobile-card.jobs-row-archived[b-28lybesuw3] {
        background: #fafafa;
    }

.jobs-mobile-main[b-28lybesuw3] {
    min-width: 0;
    padding: .85rem;
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    color: inherit;
    text-decoration: none;
}

.jobs-mobile-avatar[b-28lybesuw3] {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: linear-gradient( 135deg, #0b5cff, #0946bd);
    border-radius: .8rem;
    font-size: .9rem;
    font-weight: 850;
}

.jobs-mobile-content[b-28lybesuw3] {
    min-width: 0;
    flex: 1 1 auto;
}

.jobs-mobile-title-row[b-28lybesuw3] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: .4rem;
}

    .jobs-mobile-title-row > strong[b-28lybesuw3] {
        min-width: 0;
        color: #111827;
        font-size: .85rem;
        font-weight: 850;
        line-height: 1.35;
        overflow-wrap: anywhere;
    }

.jobs-mobile-address[b-28lybesuw3] {
    min-width: 0;
    margin-top: .35rem;
    display: flex;
    align-items: flex-start;
    gap: .3rem;
    color: #475569;
    font-size: .74rem;
    line-height: 1.4;
}

    .jobs-mobile-address
    .material-symbols-outlined[b-28lybesuw3] {
        flex: 0 0 auto;
        margin-top: .02rem;
        color: #64748b;
        font-size: 16px;
    }

    .jobs-mobile-address > span:last-child[b-28lybesuw3] {
        min-width: 0;
        overflow-wrap: anywhere;
    }

.jobs-mobile-address-muted[b-28lybesuw3] {
    color: #94a3b8;
}

    .jobs-mobile-address-muted
    .material-symbols-outlined[b-28lybesuw3] {
        color: #94a3b8;
    }

.jobs-mobile-company[b-28lybesuw3] {
    display: block;
    margin-top: .25rem;
    color: #64748b;
    font-size: .7rem;
    overflow-wrap: anywhere;
}

.jobs-mobile-assignee[b-28lybesuw3] {
    margin-top: .3rem;
    display: flex;
    align-items: center;
    gap: .3rem;
    color: #475569;
    font-size: .7rem;
    font-weight: 700;
}

    .jobs-mobile-assignee
    .material-symbols-outlined[b-28lybesuw3] {
        flex: 0 0 auto;
        color: #64748b;
        font-size: 15px;
    }

.jobs-mobile-assignee-unassigned[b-28lybesuw3] {
    color: #94a3b8;
}

    .jobs-mobile-assignee-unassigned
    .material-symbols-outlined[b-28lybesuw3] {
        color: #94a3b8;
    }

.jobs-mobile-arrow[b-28lybesuw3] {
    flex: 0 0 auto;
    margin-top: .7rem;
    color: #94a3b8;
    font-size: 19px;
}

/* ---------------------------------
   Mobile metadata
---------------------------------- */

.jobs-mobile-meta[b-28lybesuw3] {
    margin: 0 .85rem;
    padding: .7rem 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    border-top: 1px solid #edf0f4;
}

    .jobs-mobile-meta > div[b-28lybesuw3] {
        min-width: 0;
    }

    .jobs-mobile-meta small[b-28lybesuw3],
    .jobs-mobile-meta strong[b-28lybesuw3] {
        display: block;
    }

    .jobs-mobile-meta small[b-28lybesuw3] {
        color: #94a3b8;
        font-size: .65rem;
        font-weight: 700;
    }

    .jobs-mobile-meta strong[b-28lybesuw3] {
        margin-top: .08rem;
        color: #334155;
        font-size: .74rem;
        font-weight: 800;
        overflow-wrap: anywhere;
    }

/* ---------------------------------
   Mobile footer
---------------------------------- */

.jobs-mobile-footer[b-28lybesuw3] {
    padding: 0 .85rem .85rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.jobs-mobile-actions[b-28lybesuw3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .4rem;
}

    .jobs-mobile-actions .btn[b-28lybesuw3] {
        min-height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .3rem;
    }

    .jobs-mobile-actions
    .material-symbols-outlined[b-28lybesuw3] {
        font-size: 17px;
    }

/* ---------------------------------
   Alert
---------------------------------- */

.jobs-alert[b-28lybesuw3] {
    min-width: 0;
    align-items: flex-start;
}

    .jobs-alert .alert-content[b-28lybesuw3] {
        min-width: 0;
        flex: 1 1 auto;
    }

        .jobs-alert .alert-content p[b-28lybesuw3] {
            overflow-wrap: anywhere;
        }

    .jobs-alert .alert-actions[b-28lybesuw3] {
        flex: 0 0 auto;
        display: flex;
        gap: .4rem;
    }

/* ---------------------------------
   Tablet
---------------------------------- */

@media (max-width: 1399.98px) {

    .jobs-toolbar[b-28lybesuw3] {
        grid-template-columns: 1fr;
    }

    .jobs-filters[b-28lybesuw3] {
        width: 100%;
    }

    .jobs-toolbar-actions[b-28lybesuw3] {
        width: 100%;
        justify-content: flex-end;
    }
}

@media (max-width: 1199.98px) {

    .jobs-table thead th[b-28lybesuw3],
    .jobs-table tbody td[b-28lybesuw3] {
        padding-left: .7rem;
        padding-right: .7rem;
    }

    .jobs-site-cell[b-28lybesuw3] {
        min-width: 150px;
    }
}

/* ---------------------------------
   Mobile
---------------------------------- */

@media (max-width: 767.98px) {

    .jobs-page[b-28lybesuw3] {
        gap: .8rem;
    }

    .jobs-context-filter[b-28lybesuw3] {
        padding: .8rem;
        align-items: stretch;
        flex-direction: column;
    }

        .jobs-context-filter .btn[b-28lybesuw3] {
            width: 100%;
            min-height: 42px;
        }

    .jobs-toolbar[b-28lybesuw3] {
        padding: .85rem;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: .75rem;
    }

    .jobs-search[b-28lybesuw3],
    .jobs-filters[b-28lybesuw3],
    .jobs-toolbar-actions[b-28lybesuw3] {
        width: 100%;
    }

        .jobs-search .form-control[b-28lybesuw3] {
            min-height: 44px;
        }

    .jobs-filters[b-28lybesuw3] {
        align-items: stretch;
        flex-direction: column;
        gap: .65rem;
    }

    .jobs-stage-filter[b-28lybesuw3],
    .jobs-service-filter[b-28lybesuw3],
    .jobs-assignee-filter[b-28lybesuw3] {
        width: 100%;
        min-height: 44px;
    }

    .jobs-filter-divider[b-28lybesuw3] {
        display: none;
    }

    .jobs-toolbar-actions .btn[b-28lybesuw3] {
        width: 100%;
        min-height: 44px;
    }

    .jobs-summary[b-28lybesuw3] {
        --bs-gutter-y: .6rem;
    }

    .jobs-summary-card[b-28lybesuw3] {
        min-height: 64px;
        padding: .75rem;
    }

        .jobs-summary-card >
        .material-symbols-outlined[b-28lybesuw3] {
            width: 40px;
            height: 40px;
            flex-basis: 40px;
            font-size: 21px;
        }

        .jobs-summary-card small[b-28lybesuw3] {
            font-size: .66rem;
        }

        .jobs-summary-card strong[b-28lybesuw3] {
            font-size: 1rem;
        }

    .jobs-summary-note[b-28lybesuw3] {
        font-size: .64rem;
    }

    .jobs-table-view[b-28lybesuw3] {
        display: none;
    }

    .jobs-mobile-list[b-28lybesuw3] {
        display: block;
    }

    .jobs-mobile-actions .btn[b-28lybesuw3] {
        min-height: 44px;
    }

    .jobs-alert[b-28lybesuw3] {
        flex-wrap: wrap;
    }

        .jobs-alert .alert-actions[b-28lybesuw3] {
            width: 100%;
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
        }
}

/* ---------------------------------
   Small phones
---------------------------------- */

@media (max-width: 575.98px) {

    .jobs-toolbar[b-28lybesuw3] {
        padding: .75rem;
    }

    .jobs-mobile-main[b-28lybesuw3] {
        padding: .75rem;
    }

    .jobs-mobile-meta[b-28lybesuw3] {
        margin: 0 .75rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .55rem;
    }

        .jobs-mobile-meta > div:last-child[b-28lybesuw3] {
            grid-column: 1 / -1;
        }

    .jobs-mobile-footer[b-28lybesuw3] {
        padding: 0 .75rem .75rem;
        align-items: stretch;
        flex-direction: column;
    }

    .jobs-mobile-actions[b-28lybesuw3] {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

        .jobs-mobile-actions .btn[b-28lybesuw3] {
            width: 100%;
        }

    .jobs-alert .alert-actions[b-28lybesuw3] {
        grid-template-columns: 1fr;
    }

    .jobs-alert-close[b-28lybesuw3] {
        width: 100%;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.crm-shell[b-mj3r1y4zfs] {
    min-height: 100vh;
    display: flex;
    background: #f5f7fb;
}

/* ---------------------------------
   Sidebar
---------------------------------- */

.crm-sidebar[b-mj3r1y4zfs] {
    width: 280px;
    flex: 0 0 280px;
    min-height: 100vh;
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    z-index: 1040;
    background: linear-gradient( 180deg, #05264a 0%, #031c36 100%);
    border-right: 1px solid rgba(255, 255, 255, .07);
    box-shadow: 8px 0 28px rgba(15, 23, 42, .08);
}

.crm-sidebar-main[b-mj3r1y4zfs] {
    min-height: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

.crm-brand[b-mj3r1y4zfs] {
    min-height: 96px;
    padding: 1.35rem 1.4rem 1.15rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.crm-brand-content[b-mj3r1y4zfs] {
    min-width: 0;
}

.crm-brand-title[b-mj3r1y4zfs] {
    color: #ffffff;
    font-size: 1.65rem;
    line-height: 1;
    font-weight: 850;
    letter-spacing: -.045em;
}

    .crm-brand-title span[b-mj3r1y4zfs] {
        color: #2481ff;
    }

.crm-brand-subtitle[b-mj3r1y4zfs] {
    margin-top: .5rem;
    color: #b8cae0;
    font-size: .78rem;
    font-weight: 500;
}

.crm-sidebar-close[b-mj3r1y4zfs] {
    display: none;
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    padding: 0;
    align-items: center;
    justify-content: center;
    color: #dce9f8;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: .7rem;
}

    .crm-sidebar-close .material-symbols-outlined[b-mj3r1y4zfs] {
        font-size: 22px;
    }

/* ---------------------------------
   Sidebar user
---------------------------------- */

.crm-sidebar-user[b-mj3r1y4zfs] {
    margin: .85rem;
    padding: .8rem;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .75rem;
    background: rgba(255, 255, 255, .055);
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: .9rem;
}

.crm-sidebar-avatar[b-mj3r1y4zfs] {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: #126df5;
    border-radius: .7rem;
    font-size: .82rem;
    font-weight: 800;
}

.crm-sidebar-user-meta[b-mj3r1y4zfs] {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

    .crm-sidebar-user-meta a[b-mj3r1y4zfs],
    .crm-sidebar-user-meta strong[b-mj3r1y4zfs] {
        overflow: hidden;
        color: #ffffff;
        font-size: .84rem;
        font-weight: 700;
        line-height: 1.25;
        text-decoration: none;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .crm-sidebar-user-meta a:hover[b-mj3r1y4zfs] {
            text-decoration: underline;
        }

    .crm-sidebar-user-meta small[b-mj3r1y4zfs] {
        margin-top: .15rem;
        overflow: hidden;
        color: #8fa9c5;
        font-size: .7rem;
        line-height: 1.25;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.crm-sidebar-user-chevron[b-mj3r1y4zfs] {
    flex: 0 0 auto;
    color: #8099b5;
    font-size: 20px;
}

/* ---------------------------------
   Main content
---------------------------------- */

.crm-main[b-mj3r1y4zfs] {
    min-width: 0;
    flex: 1 1 auto;
}

.crm-mobile-header[b-mj3r1y4zfs] {
    display: none;
}

.crm-topbar[b-mj3r1y4zfs] {
    min-height: 102px;
    padding: 1.55rem 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    background: #ffffff;
    border-bottom: 1px solid #e8edf4;
}

.crm-topbar-heading[b-mj3r1y4zfs] {
    min-width: 0;
}

.crm-page-title[b-mj3r1y4zfs] {
    margin: 0;
    color: #101828;
    font-size: 1.7rem;
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: -.04em;
}

.crm-page-subtitle[b-mj3r1y4zfs] {
    margin: .35rem 0 0;
    color: #64748b;
    font-size: .88rem;
    line-height: 1.45;
}

.crm-topbar-actions[b-mj3r1y4zfs] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: .65rem;
}

.crm-content[b-mj3r1y4zfs] {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 1.5rem 2rem 2.5rem;
}

/* ---------------------------------
   Mobile overlay
---------------------------------- */

.crm-sidebar-backdrop[b-mj3r1y4zfs] {
    display: none;
}

/* ---------------------------------
   Tablet / mobile
---------------------------------- */

@media (max-width: 991.98px) {

    .crm-shell[b-mj3r1y4zfs] {
        display: block;
    }

    .crm-sidebar[b-mj3r1y4zfs] {
        width: min(320px, 86vw);
        height: 100dvh;
        min-height: 100dvh;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        transform: translateX(-105%);
        transition: transform .22s ease;
        box-shadow: 18px 0 48px rgba(15, 23, 42, .26);
    }

        .crm-sidebar.is-open[b-mj3r1y4zfs] {
            transform: translateX(0);
        }

    .crm-sidebar-close[b-mj3r1y4zfs] {
        display: flex;
    }

    .crm-sidebar-backdrop[b-mj3r1y4zfs] {
        position: fixed;
        inset: 0;
        z-index: 1030;
        display: block;
        padding: 0;
        background: rgba(15, 23, 42, .55);
        border: 0;
        backdrop-filter: blur(2px);
    }

    .crm-main[b-mj3r1y4zfs] {
        width: 100%;
    }

    .crm-mobile-header[b-mj3r1y4zfs] {
        height: 62px;
        padding: 0 1rem;
        position: sticky;
        top: 0;
        z-index: 1020;
        display: flex;
        align-items: center;
        gap: .8rem;
        background: linear-gradient( 135deg, #05264a 0%, #031c36 100%);
        border-bottom: 1px solid rgba(255, 255, 255, .08);
        box-shadow: 0 4px 18px rgba(15, 23, 42, .12);
    }

    .crm-mobile-menu-button[b-mj3r1y4zfs] {
        width: 42px;
        height: 42px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ffffff;
        background: rgba(255, 255, 255, .08);
        border: 1px solid rgba(255, 255, 255, .11);
        border-radius: .7rem;
    }

        .crm-mobile-menu-button:hover[b-mj3r1y4zfs] {
            background: rgba(255, 255, 255, .14);
        }

        .crm-mobile-menu-button .material-symbols-outlined[b-mj3r1y4zfs] {
            font-size: 24px;
        }

    .crm-mobile-brand[b-mj3r1y4zfs] {
        color: #ffffff;
        font-size: 1.25rem;
        line-height: 1;
        font-weight: 850;
        letter-spacing: -.04em;
    }

        .crm-mobile-brand span[b-mj3r1y4zfs] {
            color: #2481ff;
        }

    .crm-topbar[b-mj3r1y4zfs] {
        min-height: auto;
        padding: 1.25rem 1.25rem 1.1rem;
    }

    .crm-content[b-mj3r1y4zfs] {
        padding: 1rem 1.25rem 2rem;
    }
}

/* ---------------------------------
   Phones
---------------------------------- */

@media (max-width: 767.98px) {

    .crm-topbar[b-mj3r1y4zfs] {
        align-items: flex-start;
        flex-direction: column;
        gap: .9rem;
    }

    .crm-page-title[b-mj3r1y4zfs] {
        font-size: 1.5rem;
    }

    .crm-page-subtitle[b-mj3r1y4zfs] {
        margin-top: .25rem;
        font-size: .82rem;
    }

    .crm-topbar-actions[b-mj3r1y4zfs] {
        width: 100%;
        flex-wrap: wrap;
    }

        .crm-topbar-actions[b-mj3r1y4zfs]  .btn {
            min-height: 44px;
        }

    .crm-content[b-mj3r1y4zfs] {
        padding: .9rem 1rem 2rem;
    }
}

/* ---------------------------------
   Small phones
---------------------------------- */

@media (max-width: 575.98px) {

    .crm-mobile-header[b-mj3r1y4zfs] {
        height: 58px;
        padding: 0 .8rem;
    }

    .crm-mobile-menu-button[b-mj3r1y4zfs] {
        width: 40px;
        height: 40px;
    }

    .crm-topbar[b-mj3r1y4zfs] {
        padding: 1.05rem 1rem .95rem;
    }

    .crm-page-title[b-mj3r1y4zfs] {
        font-size: 1.4rem;
    }

    .crm-content[b-mj3r1y4zfs] {
        padding: .8rem .75rem 1.75rem;
    }

    .crm-topbar-actions[b-mj3r1y4zfs] {
        display: grid;
        grid-template-columns: repeat( auto-fit, minmax(130px, 1fr));
    }

        .crm-topbar-actions[b-mj3r1y4zfs]  .btn {
            width: 100%;
            justify-content: center;
        }
}

/* ---------------------------------
   Blazor error UI
---------------------------------- */

#blazor-error-ui[b-mj3r1y4zfs] {
    width: 100%;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2000;
    display: none;
    box-sizing: border-box;
    padding: .75rem 1.25rem;
    color: #713f12;
    background: #fef3c7;
    border-top: 1px solid #fde68a;
    box-shadow: 0 -4px 16px rgba(15, 23, 42, .08);
}

    #blazor-error-ui .dismiss[b-mj3r1y4zfs] {
        position: absolute;
        top: .65rem;
        right: .85rem;
        cursor: pointer;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.crm-nav[b-7t9so1y1lj] {
    min-height: 0;
    padding: .85rem;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: .25rem;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.crm-nav-link[b-7t9so1y1lj] {
    width: 100%;
    min-height: 46px;
    padding: .7rem .85rem;
    display: flex;
    align-items: center;
    gap: .8rem;
    position: relative;
    color: #c2d1e2;
    border: 1px solid transparent;
    border-radius: .75rem;
    font-size: .86rem;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease, transform .15s ease;
}

    .crm-nav-link:hover[b-7t9so1y1lj] {
        color: #ffffff;
        background: rgba(255, 255, 255, .07);
    }

    .crm-nav-link:active[b-7t9so1y1lj] {
        transform: scale(.985);
    }

    .crm-nav-link.active[b-7t9so1y1lj] {
        color: #ffffff;
        background: linear-gradient( 135deg, #1676ff 0%, #0b5ddd 100%);
        border-color: rgba(255, 255, 255, .08);
        box-shadow: 0 7px 18px rgba(5, 74, 180, .26);
    }

    .crm-nav-link .material-symbols-outlined[b-7t9so1y1lj] {
        width: 22px;
        flex: 0 0 22px;
        color: #91abc8;
        font-size: 21px;
        line-height: 1;
        text-align: center;
        transition: color .15s ease;
    }

    .crm-nav-link:hover .material-symbols-outlined[b-7t9so1y1lj],
    .crm-nav-link.active .material-symbols-outlined[b-7t9so1y1lj] {
        color: #ffffff;
    }

.crm-nav-divider[b-7t9so1y1lj] {
    height: 1px;
    margin: .7rem .6rem .6rem;
    flex: 0 0 auto;
    background: rgba(255, 255, 255, .08);
}

.crm-nav-label[b-7t9so1y1lj] {
    padding: .15rem .85rem .4rem;
    color: #708aa7;
    font-size: .63rem;
    font-weight: 750;
    letter-spacing: .08em;
    text-transform: uppercase;
}

/* Scrollbar */

.crm-nav[b-7t9so1y1lj] {
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, .16) transparent;
}

    .crm-nav[b-7t9so1y1lj]::-webkit-scrollbar {
        width: 5px;
    }

    .crm-nav[b-7t9so1y1lj]::-webkit-scrollbar-track {
        background: transparent;
    }

    .crm-nav[b-7t9so1y1lj]::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, .16);
        border-radius: 999px;
    }

/* Phones */

@media (max-width: 991.98px) {

    .crm-nav[b-7t9so1y1lj] {
        padding: .75rem;
    }

    .crm-nav-link[b-7t9so1y1lj] {
        min-height: 48px;
        padding: .75rem .9rem;
        font-size: .9rem;
    }

        .crm-nav-link .material-symbols-outlined[b-7t9so1y1lj] {
            font-size: 22px;
        }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-7nkdzge1pe],
.components-reconnect-repeated-attempt-visible[b-7nkdzge1pe],
.components-reconnect-failed-visible[b-7nkdzge1pe],
.components-pause-visible[b-7nkdzge1pe],
.components-resume-failed-visible[b-7nkdzge1pe],
.components-rejoining-animation[b-7nkdzge1pe] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/UnauthorizedLayout.razor.rz.scp.css */
.unauthorized-layout[b-3pmpgc1t69] {
    min-height: 100vh;
    background:
        radial-gradient(circle at top left, rgba(13, 110, 253, 0.12), transparent 32rem),
        linear-gradient(135deg, #f8fafc 0%, #eef2f7 100%);
}

.unauthorized-layout__background[b-3pmpgc1t69] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.unauthorized-layout__card[b-3pmpgc1t69] {
    width: 100%;
    max-width: 460px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1.25rem;
    box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, 0.12);
    padding: 2rem;
}

.unauthorized-layout__brand[b-3pmpgc1t69] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    margin-bottom: 2rem;
}

.unauthorized-layout__brand-icon[b-3pmpgc1t69] {
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: #0d6efd;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.unauthorized-layout__brand-icon .material-symbols-rounded[b-3pmpgc1t69] {
    font-size: 1.8rem;
}

.unauthorized-layout__brand-name[b-3pmpgc1t69] {
    font-size: 1.2rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.2;
}

.unauthorized-layout__brand-subtitle[b-3pmpgc1t69] {
    color: #64748b;
    font-size: 0.9rem;
}
/* /Components/Logging/Pages/LogDetail.razor.rz.scp.css */
.log-detail-page[b-xp4kxn860r] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.log-detail-toolbar .btn[b-xp4kxn860r] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.log-detail-toolbar .material-symbols-outlined[b-xp4kxn860r] {
    font-size: 1.2rem;
}

.log-detail-card[b-xp4kxn860r] {
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, .08);
}

.log-detail-header[b-xp4kxn860r] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--bs-border-color);
}

.log-detail-date[b-xp4kxn860r] {
    color: var(--bs-secondary-color);
    white-space: nowrap;
}

.log-detail-chip[b-xp4kxn860r] {
    display: inline-flex;
    align-items: center;
    margin-right: .35rem;
    border-radius: 999px;
    padding: .3rem .65rem;
    background: var(--bs-tertiary-bg);
    color: var(--bs-body-color);
    font-size: .85rem;
    font-weight: 700;
}

.log-detail-chip--error[b-xp4kxn860r] {
    background: rgba(220, 53, 69, .1);
    color: var(--bs-danger);
}

.log-detail-chip--debug[b-xp4kxn860r] {
    background: rgba(108, 117, 125, .14);
    color: var(--bs-secondary-color);
}

.log-detail-chip--system[b-xp4kxn860r] {
    background: rgba(13, 110, 253, .1);
    color: var(--bs-primary);
}

.log-detail-chip--activity[b-xp4kxn860r] {
    background: rgba(25, 135, 84, .1);
    color: var(--bs-success);
}

.log-detail-grid[b-xp4kxn860r] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin: 1rem 0;
}

.log-detail-grid div[b-xp4kxn860r] {
    padding: .85rem;
    border-radius: .85rem;
    background: var(--bs-tertiary-bg);
}

.log-detail-grid dt[b-xp4kxn860r] {
    margin-bottom: .25rem;
    color: var(--bs-secondary-color);
    font-size: .8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.log-detail-grid dd[b-xp4kxn860r] {
    margin: 0;
    overflow-wrap: anywhere;
}

.log-detail-message h3[b-xp4kxn860r] {
    margin-bottom: .75rem;
    font-size: 1rem;
    font-weight: 700;
}

.log-detail-message pre[b-xp4kxn860r] {
    overflow: auto;
    min-height: 14rem;
    margin: 0;
    padding: 1rem;
    border-radius: .85rem;
    background: #111827;
    color: #f8fafc;
    white-space: pre-wrap;
}

.log-detail-empty[b-xp4kxn860r] {
    display: flex;
    min-height: 14rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    color: var(--bs-secondary-color);
    text-align: center;
}

.log-detail-empty .material-symbols-outlined[b-xp4kxn860r] {
    font-size: 2.4rem;
}

@media (max-width: 767.98px) {
    .log-detail-header[b-xp4kxn860r] {
        flex-direction: column;
    }

    .log-detail-grid[b-xp4kxn860r] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Logging/Pages/Logs.razor.rz.scp.css */
.logs-page[b-m56dktprs3] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.logs-summary-card[b-m56dktprs3] {
    background: #ffffff;
    border: 1px solid #e5eaf2;
    border-radius: 1rem;
    padding: 1.15rem 1.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
    min-height: 128px;
    position: relative;
    overflow: hidden;
}

.logs-summary-card[b-m56dktprs3]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: #0b5cff;
}

.logs-summary-card > .material-symbols-outlined[b-m56dktprs3] {
    width: 54px;
    height: 54px;
    border-radius: .85rem;
    background: #eaf2ff;
    color: #0b5cff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    flex: 0 0 auto;
}

.logs-summary-card small[b-m56dktprs3] {
    display: block;
    color: #475569;
    font-size: .92rem;
    margin-bottom: .3rem;
}

.logs-summary-card strong[b-m56dktprs3] {
    display: block;
    font-size: 2rem;
    font-weight: 850;
    line-height: 1;
    letter-spacing: -.04em;
    color: #0f172a;
}

.logs-summary-note[b-m56dktprs3] {
    display: block;
    margin-top: .42rem;
    color: #64748b;
    font-size: .84rem;
    line-height: 1.25;
}

.logs-summary-card-primary[b-m56dktprs3]::before {
    background: #0b5cff;
}

.logs-summary-card-danger[b-m56dktprs3]::before {
    background: #dc2626;
}

.logs-summary-card-danger > .material-symbols-outlined[b-m56dktprs3] {
    background: #fee2e2;
    color: #dc2626;
}

.logs-summary-card-info[b-m56dktprs3]::before {
    background: #0891b2;
}

.logs-summary-card-info > .material-symbols-outlined[b-m56dktprs3] {
    background: #cffafe;
    color: #0891b2;
}

.logs-summary-card-success[b-m56dktprs3]::before {
    background: #16a34a;
}

.logs-summary-card-success > .material-symbols-outlined[b-m56dktprs3] {
    background: #dcfce7;
    color: #16a34a;
}

.logs-filter-card[b-m56dktprs3] {
    padding: 1rem 1.25rem;
}

.logs-filter-grid[b-m56dktprs3] {
    display: grid;
    grid-template-columns: minmax(320px, 1.4fr) repeat(5, minmax(140px, .65fr));
    gap: 1rem;
    align-items: end;
}

.logs-search[b-m56dktprs3] {
    min-width: 0;
}

.logs-search .input-group-text[b-m56dktprs3] {
    background: #ffffff;
    color: #64748b;
}

.logs-search .input-group-text .material-symbols-outlined[b-m56dktprs3] {
    font-size: 20px;
}

.logs-filter-actions[b-m56dktprs3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .7rem;
    grid-column: 1 / -1;
}

.logs-status-alert[b-m56dktprs3],
.logs-alert[b-m56dktprs3] {
    align-items: center;
}

.logs-status-alert > .material-symbols-outlined[b-m56dktprs3],
.logs-alert > .material-symbols-outlined[b-m56dktprs3] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: #ffffff !important;
}

.logs-status-alert-success > .material-symbols-outlined[b-m56dktprs3] {
    background: #16a34a;
}

.logs-status-alert-danger > .material-symbols-outlined[b-m56dktprs3],
.logs-alert > .material-symbols-outlined[b-m56dktprs3] {
    background: #dc2626;
}

.logs-alert-close[b-m56dktprs3] {
    width: 2.2rem;
    height: 2.2rem;
    padding: 0;
}

.logs-table .material-symbols-outlined[b-m56dktprs3] {
    font-size: 17px;
}

.logs-date[b-m56dktprs3] {
    white-space: nowrap;
    color: #64748b;
    font-weight: 700;
}

.logs-chip[b-m56dktprs3] {
    display: inline-flex;
    align-items: center;
    min-height: 1.75rem;
    padding: .2rem .65rem;
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
    font-size: .78rem;
    font-weight: 800;
    white-space: nowrap;
}

.logs-chip--error[b-m56dktprs3] {
    background: #fee2e2;
    color: #991b1b;
}

.logs-chip--debug[b-m56dktprs3] {
    background: #f1f5f9;
    color: #475569;
}

.logs-chip--system[b-m56dktprs3] {
    background: #eaf2ff;
    color: #0b5cff;
}

.logs-chip--activity[b-m56dktprs3] {
    background: #dcfce7;
    color: #166534;
}

.logs-related[b-m56dktprs3] {
    max-width: 16rem;
}

.logs-related span[b-m56dktprs3] {
    display: block;
    font-weight: 800;
    color: #111827;
}

.logs-related small[b-m56dktprs3] {
    display: block;
    max-width: 15rem;
    overflow: hidden;
    color: #64748b;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.logs-text[b-m56dktprs3] {
    min-width: 18rem;
    max-width: 34rem;
    color: #334155;
    line-height: 1.5;
}

.logs-row-actions[b-m56dktprs3] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
    white-space: nowrap;
}

.logs-pagination[b-m56dktprs3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem 1.2rem;
    border-top: 1px solid #e5eaf2;
    color: #64748b;
}

.logs-pagination .btn[b-m56dktprs3] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

@media (max-width: 1199.98px) {
    .logs-filter-grid[b-m56dktprs3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .logs-search[b-m56dktprs3] {
        grid-column: 1 / -1;
    }

    .logs-filter-actions[b-m56dktprs3] {
        justify-content: flex-start;
    }
}

@media (max-width: 767.98px) {
    .logs-summary-card[b-m56dktprs3] {
        min-height: auto;
    }

    .logs-filter-grid[b-m56dktprs3] {
        grid-template-columns: 1fr;
    }

    .logs-pagination[b-m56dktprs3] {
        align-items: flex-start;
        flex-direction: column;
    }

    .logs-pagination .btn-group[b-m56dktprs3] {
        width: 100%;
    }

    .logs-pagination .btn[b-m56dktprs3] {
        flex: 1;
        justify-content: center;
    }
}
/* /Components/Notes/Pages/NotesList.razor.rz.scp.css */
.notes-page[b-sypa80evhf] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ---------------------------------
   Company context
---------------------------------- */

.notes-context-filter[b-sypa80evhf] {
    min-height: 64px;
    padding: .85rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background: #f7faff;
    border: 1px solid #cbdcfb;
    border-radius: .9rem;
}

.notes-context-filter-main[b-sypa80evhf] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .75rem;
}

    .notes-context-filter-main > .material-symbols-outlined[b-sypa80evhf] {
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #0b5cff;
        background: #eaf2ff;
        border-radius: .75rem;
        font-size: 20px;
    }

    .notes-context-filter-main > div[b-sypa80evhf] {
        min-width: 0;
    }

    .notes-context-filter-main strong[b-sypa80evhf] {
        display: block;
        color: #0f172a;
        font-size: .9rem;
        font-weight: 800;
    }

    .notes-context-filter-main span[b-sypa80evhf] {
        display: block;
        margin-top: .1rem;
        color: #64748b;
        font-size: .8rem;
        line-height: 1.4;
    }

/* ---------------------------------
   Toolbar
---------------------------------- */

.notes-toolbar[b-sypa80evhf] {
    padding: 1rem 1.25rem;
    display: grid;
    grid-template-columns: minmax(320px, 1fr) auto;
    gap: 1.25rem;
    align-items: end;
}

.notes-search[b-sypa80evhf] {
    min-width: 0;
}

    .notes-search .input-group[b-sypa80evhf] {
        min-width: 0;
    }

    .notes-search .input-group-text[b-sypa80evhf] {
        color: #64748b;
        background: #ffffff;
    }

        .notes-search .input-group-text .material-symbols-outlined[b-sypa80evhf] {
            font-size: 20px;
        }

.notes-toolbar-actions[b-sypa80evhf] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .7rem;
}

    .notes-toolbar-actions .btn[b-sypa80evhf] {
        min-height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .4rem;
    }

    .notes-toolbar-actions .material-symbols-outlined[b-sypa80evhf] {
        font-size: 19px;
    }

/* ---------------------------------
   Summary
---------------------------------- */

.notes-summary[b-sypa80evhf] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.notes-summary-card[b-sypa80evhf] {
    min-width: 0;
    min-height: 128px;
    padding: 1.15rem 1.25rem;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 1rem;
    background: #ffffff;
    border: 1px solid #e5eaf2;
    border-radius: 1rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
}

    .notes-summary-card[b-sypa80evhf]::before {
        content: "";
        width: 4px;
        position: absolute;
        inset: 0 auto 0 0;
        background: #0b5cff;
    }

    .notes-summary-card > .material-symbols-outlined[b-sypa80evhf] {
        width: 54px;
        height: 54px;
        flex: 0 0 54px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #0b5cff;
        background: #eaf2ff;
        border-radius: .85rem;
        font-size: 30px;
    }

    .notes-summary-card > div[b-sypa80evhf] {
        min-width: 0;
    }

    .notes-summary-card small[b-sypa80evhf] {
        display: block;
        margin-bottom: .3rem;
        color: #475569;
        font-size: .92rem;
    }

    .notes-summary-card strong[b-sypa80evhf] {
        display: block;
        color: #0f172a;
        font-size: 2rem;
        font-weight: 850;
        line-height: 1;
        letter-spacing: -.04em;
    }

.notes-summary-note[b-sypa80evhf] {
    display: block;
    margin-top: .42rem;
    color: #64748b;
    font-size: .84rem;
    line-height: 1.25;
}

.notes-summary-card-primary[b-sypa80evhf]::before {
    background: #0b5cff;
}

.notes-summary-card-success[b-sypa80evhf]::before {
    background: #16a34a;
}

.notes-summary-card-success > .material-symbols-outlined[b-sypa80evhf] {
    color: #16a34a;
    background: #dcfce7;
}

.notes-summary-card-warning[b-sypa80evhf]::before {
    background: #f59e0b;
}

.notes-summary-card-warning > .material-symbols-outlined[b-sypa80evhf] {
    color: #d97706;
    background: #fef3c7;
}

.notes-summary-card-info[b-sypa80evhf]::before {
    background: #0891b2;
}

.notes-summary-card-info > .material-symbols-outlined[b-sypa80evhf] {
    color: #0891b2;
    background: #cffafe;
}

/* ---------------------------------
   Error
---------------------------------- */

.notes-alert[b-sypa80evhf] {
    min-width: 0;
    align-items: center;
}

    .notes-alert > .material-symbols-outlined[b-sypa80evhf] {
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ffffff !important;
        background: #dc2626;
        border-radius: 50%;
    }

    .notes-alert .alert-content[b-sypa80evhf] {
        min-width: 0;
        flex: 1 1 auto;
    }

        .notes-alert .alert-content p[b-sypa80evhf] {
            overflow-wrap: anywhere;
        }

.notes-alert-close[b-sypa80evhf] {
    width: 2.2rem;
    height: 2.2rem;
    padding: 0;
}

/* ---------------------------------
   Notes list
---------------------------------- */

.notes-list-body[b-sypa80evhf] {
    padding: 1.25rem;
}

.notes-list[b-sypa80evhf] {
    display: grid;
    gap: .85rem;
}

.notes-list-item[b-sypa80evhf] {
    min-width: 0;
    padding: 1rem;
    display: flex;
    align-items: flex-start;
    gap: .9rem;
    background: #ffffff;
    border: 1px solid #e5eaf2;
    border-radius: 1rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}

.notes-list-icon[b-sypa80evhf] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0b5cff;
    background: #eaf2ff;
    border-radius: .85rem;
}

    .notes-list-icon .material-symbols-outlined[b-sypa80evhf] {
        font-size: 23px;
    }

.notes-list-icon-company[b-sypa80evhf] {
    color: #0b5cff;
    background: #eaf2ff;
}

.notes-list-icon-contact[b-sypa80evhf] {
    color: #16a34a;
    background: #dcfce7;
}

.notes-list-icon-job[b-sypa80evhf] {
    color: #d97706;
    background: #fef3c7;
}

.notes-list-icon-ticket[b-sypa80evhf] {
    color: #7c3aed;
    background: #f5f3ff;
}

.notes-list-icon-activity[b-sypa80evhf] {
    color: #0891b2;
    background: #cffafe;
}

.notes-list-content[b-sypa80evhf] {
    min-width: 0;
    flex: 1 1 auto;
}

.notes-list-header[b-sypa80evhf] {
    min-width: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

    .notes-list-header > div:first-child[b-sypa80evhf] {
        min-width: 0;
        flex: 1 1 auto;
    }

.notes-record-link[b-sypa80evhf],
.notes-record-name[b-sypa80evhf] {
    color: #111827;
    font-weight: 850;
    line-height: 1.3;
    text-decoration: none;
    overflow-wrap: anywhere;
}

    .notes-record-link:hover[b-sypa80evhf] {
        color: #0b5cff;
        text-decoration: underline;
    }

.notes-record-meta[b-sypa80evhf] {
    margin-top: .35rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
}

    .notes-record-meta small[b-sypa80evhf] {
        color: #64748b;
        font-size: .84rem;
    }

.notes-record-badge[b-sypa80evhf] {
    min-height: 1.55rem;
    padding: .15rem .55rem;
    display: inline-flex;
    align-items: center;
    color: #475569;
    background: #f1f5f9;
    border-radius: 999px;
    font-size: .76rem;
    font-weight: 800;
    white-space: nowrap;
}

.notes-record-badge-company[b-sypa80evhf] {
    color: #0b5cff;
    background: #eaf2ff;
}

.notes-record-badge-contact[b-sypa80evhf] {
    color: #166534;
    background: #dcfce7;
}

.notes-record-badge-job[b-sypa80evhf] {
    color: #92400e;
    background: #fef3c7;
}

.notes-record-badge-ticket[b-sypa80evhf] {
    color: #6d28d9;
    background: #f5f3ff;
}

.notes-record-badge-activity[b-sypa80evhf] {
    color: #0e7490;
    background: #cffafe;
}

.notes-list-content p[b-sypa80evhf] {
    margin: .8rem 0 0;
    color: #334155;
    line-height: 1.6;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.notes-list-header .btn[b-sypa80evhf] {
    flex: 0 0 auto;
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
}

    .notes-list-header .btn .material-symbols-outlined[b-sypa80evhf] {
        font-size: 18px;
    }

/* ---------------------------------
   Tablet
---------------------------------- */

@media (max-width: 1199.98px) {

    .notes-toolbar[b-sypa80evhf] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .notes-toolbar-actions[b-sypa80evhf] {
        justify-content: flex-start;
    }

    .notes-summary[b-sypa80evhf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ---------------------------------
   Mobile
---------------------------------- */

@media (max-width: 767.98px) {

    .notes-page[b-sypa80evhf] {
        gap: .8rem;
    }

    /* Context */

    .notes-context-filter[b-sypa80evhf] {
        width: 100%;
        padding: .8rem;
        flex-direction: column;
        align-items: stretch;
        gap: .75rem;
    }

        .notes-context-filter > .btn[b-sypa80evhf] {
            width: 100%;
            min-height: 42px;
            justify-content: center;
        }

    /* Toolbar */

    .notes-toolbar[b-sypa80evhf] {
        width: 100%;
        padding: .85rem;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: .85rem;
    }

    .notes-search[b-sypa80evhf],
    .notes-search .input-group[b-sypa80evhf] {
        width: 100%;
    }

        .notes-search .form-control[b-sypa80evhf] {
            min-width: 0;
            min-height: 44px;
        }

        .notes-search .input-group-text[b-sypa80evhf] {
            min-width: 44px;
            justify-content: center;
        }

    .notes-toolbar-actions[b-sypa80evhf] {
        width: 100%;
    }

        .notes-toolbar-actions .btn[b-sypa80evhf] {
            width: 100%;
            min-height: 44px;
        }

    /* Summary */

    .notes-summary[b-sypa80evhf] {
        width: 100%;
        grid-template-columns: 1fr;
        gap: .65rem;
    }

    .notes-summary-card[b-sypa80evhf] {
        width: 100%;
        min-height: 76px;
        padding: .8rem .9rem;
        gap: .8rem;
        border-radius: .9rem;
    }

        .notes-summary-card[b-sypa80evhf]::before {
            width: 3px;
        }

        .notes-summary-card > .material-symbols-outlined[b-sypa80evhf] {
            width: 40px;
            height: 40px;
            flex-basis: 40px;
            border-radius: .7rem;
            font-size: 21px;
        }

        .notes-summary-card > div[b-sypa80evhf] {
            flex: 1 1 auto;
        }

        .notes-summary-card small[b-sypa80evhf] {
            margin: 0;
            font-size: .72rem;
        }

        .notes-summary-card strong[b-sypa80evhf] {
            margin-top: .08rem;
            font-size: 1.35rem;
        }

    .notes-summary-note[b-sypa80evhf] {
        margin-top: .12rem;
        font-size: .68rem;
    }

    /* Alert */

    .notes-alert[b-sypa80evhf] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

        .notes-alert .alert-actions[b-sypa80evhf] {
            width: 100%;
            display: flex;
            justify-content: flex-end;
            gap: .45rem;
        }

    /* Results card */

    .notes-page > .crm-card:last-child .crm-card-header[b-sypa80evhf] {
        align-items: flex-start;
        gap: .75rem;
    }

        .notes-page > .crm-card:last-child .crm-card-header .btn[b-sypa80evhf] {
            flex: 0 0 auto;
        }

    /* Notes */

    .notes-list-body[b-sypa80evhf] {
        padding: .55rem;
    }

    .notes-list[b-sypa80evhf] {
        gap: .6rem;
    }

    .notes-list-item[b-sypa80evhf] {
        width: 100%;
        padding: .8rem;
        gap: .7rem;
        border-radius: .9rem;
    }

    .notes-list-icon[b-sypa80evhf] {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
        border-radius: .75rem;
    }

        .notes-list-icon .material-symbols-outlined[b-sypa80evhf] {
            font-size: 20px;
        }

    .notes-list-header[b-sypa80evhf] {
        flex-direction: column;
        align-items: stretch;
        gap: .7rem;
    }

    .notes-record-link[b-sypa80evhf],
    .notes-record-name[b-sypa80evhf] {
        font-size: .86rem;
    }

    .notes-record-meta[b-sypa80evhf] {
        margin-top: .25rem;
        gap: .4rem;
    }

    .notes-record-badge[b-sypa80evhf] {
        min-height: 1.4rem;
        padding: .12rem .48rem;
        font-size: .66rem;
    }

    .notes-record-meta small[b-sypa80evhf] {
        font-size: .7rem;
    }

    .notes-list-content p[b-sypa80evhf] {
        margin-top: .65rem;
        font-size: .8rem;
        line-height: 1.55;
    }

    .notes-list-header .btn[b-sypa80evhf] {
        width: 100%;
        min-height: 42px;
    }
}

/* ---------------------------------
   Small phones
---------------------------------- */

@media (max-width: 575.98px) {

    .notes-toolbar[b-sypa80evhf] {
        padding: .75rem;
    }

    .notes-summary-card[b-sypa80evhf] {
        min-height: 72px;
        padding: .75rem .85rem;
    }

    .notes-list-body[b-sypa80evhf] {
        padding: .45rem;
    }

    .notes-list-item[b-sypa80evhf] {
        padding: .75rem;
    }

    .notes-list-icon[b-sypa80evhf] {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
    }

    .notes-list-content p[b-sypa80evhf] {
        font-size: .78rem;
    }
}
/* /Components/Notes/Shared/EntityNotes.razor.rz.scp.css */
.entity-notes-body[b-c4midmmy0c] {
    padding: 1.25rem;
}

.entity-note-composer[b-c4midmmy0c] {
    display: grid;
    gap: .75rem;
}

.entity-note-composer .form-control[b-c4midmmy0c] {
    min-height: 8rem;
    resize: vertical;
}

.entity-note-composer-footer[b-c4midmmy0c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.entity-note-composer-footer small[b-c4midmmy0c] {
    color: var(--bs-secondary-color);
}

.entity-note-list[b-c4midmmy0c] {
    display: grid;
    gap: .85rem;
    margin-top: 1.25rem;
}

.entity-note-item[b-c4midmmy0c] {
    display: flex;
    gap: .85rem;
    padding: 1rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 1rem;
    background: var(--bs-body-bg);
}

.entity-note-avatar[b-c4midmmy0c] {
    width: 2.4rem;
    height: 2.4rem;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 999px;
    color: var(--bs-primary);
    background: rgba(var(--bs-primary-rgb), .1);
    font-weight: 800;
    font-size: .85rem;
    letter-spacing: .01em;
}

.entity-note-content[b-c4midmmy0c] {
    min-width: 0;
    flex: 1;
}

.entity-note-meta[b-c4midmmy0c] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    font-size: .85rem;
    color: var(--bs-secondary-color);
}

.entity-note-author[b-c4midmmy0c] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
}

.entity-note-meta strong[b-c4midmmy0c] {
    color: var(--bs-body-color);
}

.entity-note-date[b-c4midmmy0c] {
    flex: 0 0 auto;
    white-space: nowrap;
}

.entity-note-content p[b-c4midmmy0c] {
    margin: .45rem 0 0;
    white-space: pre-wrap;
    color: var(--bs-body-color);
}

.entity-note-actions[b-c4midmmy0c] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    margin-top: .85rem;
}

.entity-note-empty[b-c4midmmy0c] {
    min-height: 8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: 1rem;
    border: 1px dashed var(--bs-border-color);
    border-radius: 1rem;
    color: var(--bs-secondary-color);
    background: var(--bs-tertiary-bg);
}

@media (max-width: 576px) {
    .entity-note-composer-footer[b-c4midmmy0c] {
        align-items: stretch;
        flex-direction: column;
    }

    .entity-note-composer-footer .btn[b-c4midmmy0c] {
        width: 100%;
    }

    .entity-note-item[b-c4midmmy0c] {
        align-items: flex-start;
    }

    .entity-note-meta[b-c4midmmy0c] {
        align-items: flex-start;
        flex-direction: column;
        gap: .15rem;
    }

    .entity-note-date[b-c4midmmy0c] {
        white-space: normal;
    }
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
.dashboard-page[b-i5nn5h21ak] {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ---------------------------------
   Hero
---------------------------------- */

.dashboard-hero[b-i5nn5h21ak] {
    padding: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    color: #ffffff;
    background: linear-gradient( 135deg, #0d6efd, #4f46e5);
    border-radius: 1.25rem;
    box-shadow: 0 10px 28px rgba(37, 74, 222, .12);
}

.dashboard-hero-content[b-i5nn5h21ak] {
    min-width: 0;
}

.dashboard-hero h2[b-i5nn5h21ak] {
    margin: 0;
    font-size: 1.45rem;
    line-height: 1.2;
    font-weight: 750;
    letter-spacing: -.025em;
}

.dashboard-hero p[b-i5nn5h21ak] {
    margin: .3rem 0 0;
    opacity: .86;
    font-size: .9rem;
    line-height: 1.45;
}

.dashboard-hero-actions[b-i5nn5h21ak] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: .55rem;
}

    .dashboard-hero-actions .btn[b-i5nn5h21ak] {
        min-height: 42px;
        padding-inline: 1rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .4rem;
        white-space: nowrap;
        font-weight: 650;
    }

    .dashboard-hero-actions .btn-primary[b-i5nn5h21ak] {
        color: #ffffff;
        background: #0878ff;
        border-color: #0878ff;
    }

        .dashboard-hero-actions .btn-primary:hover[b-i5nn5h21ak] {
            color: #ffffff;
            background: #006be8;
            border-color: #006be8;
        }

    .dashboard-hero-actions .btn-light[b-i5nn5h21ak] {
        color: #0d6efd;
        background: #ffffff;
        border-color: #ffffff;
    }

        .dashboard-hero-actions .btn-light:hover[b-i5nn5h21ak] {
            color: #0b5ed7;
            background: #f4f7ff;
            border-color: #f4f7ff;
        }

    .dashboard-hero-actions
    .material-symbols-outlined[b-i5nn5h21ak] {
        font-size: 19px;
    }

/* ---------------------------------
   Statistics
---------------------------------- */

.dashboard-stats[b-i5nn5h21ak] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.dashboard-stat-card[b-i5nn5h21ak] {
    min-width: 0;
    min-height: 92px;
    padding: 1.05rem;
    display: flex;
    align-items: center;
    gap: .9rem;
    color: inherit;
    background: #ffffff;
    border: 1px solid #e9edf3;
    border-radius: 1rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
    text-decoration: none;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

    .dashboard-stat-card:hover[b-i5nn5h21ak] {
        transform: translateY(-1px);
        border-color: #dce3ed;
        box-shadow: 0 8px 22px rgba(15, 23, 42, .08);
    }

.dashboard-stat-icon[b-i5nn5h21ak] {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0d6efd;
    background: #eef4ff;
    border-radius: .85rem;
}

    .dashboard-stat-icon
    .material-symbols-outlined[b-i5nn5h21ak] {
        font-size: 23px;
    }

.dashboard-stat-content[b-i5nn5h21ak] {
    min-width: 0;
    flex: 1 1 auto;
}

.dashboard-stat-label[b-i5nn5h21ak] {
    overflow: hidden;
    color: #667085;
    font-size: .78rem;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-stat-value[b-i5nn5h21ak] {
    margin-top: .08rem;
    color: #111827;
    font-size: 1.65rem;
    font-weight: 800;
    line-height: 1.05;
}

.dashboard-stat-meta[b-i5nn5h21ak] {
    margin-top: .15rem;
    overflow: hidden;
    color: #98a2b3;
    font-size: .73rem;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ---------------------------------
   Finance
---------------------------------- */

.dashboard-finance[b-i5nn5h21ak] {
    padding: 1rem;
    background: #ffffff;
    border: 1px solid #e9edf3;
    border-radius: 1rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
}

.dashboard-section-heading[b-i5nn5h21ak] {
    margin-bottom: .9rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.dashboard-section-heading-main[b-i5nn5h21ak] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .7rem;
}

.dashboard-section-icon[b-i5nn5h21ak] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2563eb;
    background: #eef4ff;
    border-radius: .7rem;
}

    .dashboard-section-icon
    .material-symbols-outlined[b-i5nn5h21ak] {
        font-size: 20px;
    }

.dashboard-section-heading h3[b-i5nn5h21ak] {
    margin: 0;
    color: #111827;
    font-size: .95rem;
    font-weight: 750;
}

.dashboard-section-heading p[b-i5nn5h21ak] {
    margin: .1rem 0 0;
    color: #667085;
    font-size: .74rem;
}

.dashboard-finance-grid[b-i5nn5h21ak] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .7rem;
}

.dashboard-finance-card[b-i5nn5h21ak] {
    min-width: 0;
    min-height: 88px;
    padding: .8rem;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) 20px;
    gap: .65rem;
    align-items: center;
    color: inherit;
    background: #fbfdff;
    border: 1px solid #e5eaf2;
    border-radius: .85rem;
    text-decoration: none;
    transition: background .15s ease, border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}

    .dashboard-finance-card:hover[b-i5nn5h21ak] {
        color: inherit;
        background: #f8fbff;
        border-color: #cbd8e8;
        transform: translateY(-1px);
        box-shadow: 0 5px 14px rgba(15, 23, 42, .05);
    }

.dashboard-finance-icon[b-i5nn5h21ak] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2563eb;
    background: #eef4ff;
    border-radius: .7rem;
}

.dashboard-finance-card-overdue
.dashboard-finance-icon[b-i5nn5h21ak] {
    color: #b91c1c;
    background: #fee2e2;
}

.dashboard-finance-card-draft
.dashboard-finance-icon[b-i5nn5h21ak] {
    color: #64748b;
    background: #f1f5f9;
}

.dashboard-finance-card-paid
.dashboard-finance-icon[b-i5nn5h21ak] {
    color: #15803d;
    background: #ecfdf3;
}

.dashboard-finance-icon
.material-symbols-outlined[b-i5nn5h21ak] {
    font-size: 21px;
}

.dashboard-finance-content[b-i5nn5h21ak] {
    min-width: 0;
}

    .dashboard-finance-content span[b-i5nn5h21ak],
    .dashboard-finance-content strong[b-i5nn5h21ak],
    .dashboard-finance-content small[b-i5nn5h21ak] {
        display: block;
    }

    .dashboard-finance-content > span[b-i5nn5h21ak] {
        color: #667085;
        font-size: .7rem;
        font-weight: 700;
    }

    .dashboard-finance-content strong[b-i5nn5h21ak] {
        margin-top: .08rem;
        color: #111827;
        font-size: 1.05rem;
        font-weight: 850;
        line-height: 1.15;
        overflow-wrap: anywhere;
    }

.dashboard-finance-card-overdue
.dashboard-finance-content strong[b-i5nn5h21ak] {
    color: #b91c1c;
}

.dashboard-finance-card-paid
.dashboard-finance-content strong[b-i5nn5h21ak] {
    color: #15803d;
}

.dashboard-finance-content small[b-i5nn5h21ak] {
    margin-top: .12rem;
    color: #98a2b3;
    font-size: .67rem;
    line-height: 1.3;
}

.dashboard-finance-arrow[b-i5nn5h21ak] {
    color: #a6afbd;
    font-size: 19px;
}

/* ---------------------------------
   Main dashboard layout
---------------------------------- */

.dashboard-content-grid[b-i5nn5h21ak] {
    display: grid;
    grid-template-columns: minmax(0, 1.8fr) minmax(320px, .9fr);
    gap: 1rem;
    align-items: start;
}

.dashboard-content-main[b-i5nn5h21ak],
.dashboard-content-sidebar[b-i5nn5h21ak] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ---------------------------------
   Quick actions
---------------------------------- */

.dashboard-actions-list[b-i5nn5h21ak] {
    padding: .45rem;
    display: flex;
    flex-direction: column;
}

.dashboard-action[b-i5nn5h21ak] {
    min-width: 0;
    min-height: 62px;
    padding: .7rem .75rem;
    display: flex;
    align-items: center;
    gap: .75rem;
    color: inherit;
    border-radius: .8rem;
    text-decoration: none;
    transition: background-color .15s ease;
}

    .dashboard-action:hover[b-i5nn5h21ak] {
        background: #f6f8fb;
    }

.dashboard-action-icon[b-i5nn5h21ak] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0d6efd;
    background: #eef4ff;
    border-radius: .7rem;
}

    .dashboard-action-icon
    .material-symbols-outlined[b-i5nn5h21ak] {
        font-size: 21px;
    }

.dashboard-action-content[b-i5nn5h21ak] {
    min-width: 0;
    flex: 1 1 auto;
    display: block;
}

.dashboard-action strong[b-i5nn5h21ak],
.dashboard-action small[b-i5nn5h21ak] {
    display: block;
}

.dashboard-action strong[b-i5nn5h21ak] {
    color: #111827;
    font-size: .87rem;
    font-weight: 650;
    line-height: 1.25;
}

.dashboard-action small[b-i5nn5h21ak] {
    margin-top: .12rem;
    color: #667085;
    font-size: .74rem;
    line-height: 1.35;
}

/* ---------------------------------
   Needs attention
---------------------------------- */

.dashboard-attention-list[b-i5nn5h21ak] {
    padding: .45rem;
    display: flex;
    flex-direction: column;
}

.dashboard-attention-item[b-i5nn5h21ak] {
    min-width: 0;
    min-height: 64px;
    padding: .75rem;
    display: flex;
    align-items: center;
    gap: .8rem;
    color: inherit;
    border-radius: .8rem;
    text-decoration: none;
    transition: background-color .15s ease;
}

    .dashboard-attention-item:hover[b-i5nn5h21ak] {
        background: #f7f9fc;
    }

.dashboard-attention-icon[b-i5nn5h21ak] {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0d6efd;
    background: #eef4ff;
    border-radius: .75rem;
}

    .dashboard-attention-icon
    .material-symbols-outlined[b-i5nn5h21ak] {
        font-size: 21px;
    }

.dashboard-attention-item-warning
.dashboard-attention-icon[b-i5nn5h21ak] {
    color: #d97706;
    background: #fef3c7;
}

.dashboard-attention-item-danger
.dashboard-attention-icon[b-i5nn5h21ak] {
    color: #dc2626;
    background: #fff1f2;
}

.dashboard-attention-content[b-i5nn5h21ak] {
    min-width: 0;
    flex: 1 1 auto;
}

    .dashboard-attention-content strong[b-i5nn5h21ak],
    .dashboard-attention-content span[b-i5nn5h21ak] {
        display: block;
    }

    .dashboard-attention-content strong[b-i5nn5h21ak] {
        color: #111827;
        font-size: .88rem;
        font-weight: 650;
        line-height: 1.3;
    }

    .dashboard-attention-content span[b-i5nn5h21ak] {
        margin-top: .1rem;
        color: #667085;
        font-size: .76rem;
        line-height: 1.4;
    }

.dashboard-attention-arrow[b-i5nn5h21ak] {
    flex: 0 0 auto;
    color: #98a2b3;
    font-size: 20px;
}

.dashboard-attention-empty[b-i5nn5h21ak] {
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: .85rem;
}

.dashboard-attention-empty-icon[b-i5nn5h21ak] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #16a34a;
    background: #ecfdf3;
    border-radius: .8rem;
}

    .dashboard-attention-empty-icon
    .material-symbols-outlined[b-i5nn5h21ak] {
        font-size: 22px;
    }

.dashboard-attention-empty-content[b-i5nn5h21ak] {
    min-width: 0;
}

.dashboard-attention-empty strong[b-i5nn5h21ak],
.dashboard-attention-empty span[b-i5nn5h21ak] {
    display: block;
}

.dashboard-attention-empty strong[b-i5nn5h21ak] {
    color: #111827;
    font-size: .88rem;
    font-weight: 650;
}

.dashboard-attention-empty span[b-i5nn5h21ak] {
    margin-top: .12rem;
    color: #667085;
    font-size: .78rem;
    line-height: 1.4;
}

/* ---------------------------------
   Pipeline
---------------------------------- */

.pipeline-list[b-i5nn5h21ak] {
    padding: .35rem .9rem;
}

.pipeline-row[b-i5nn5h21ak] {
    min-height: 60px;
    padding: .65rem .1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    color: inherit;
    border-bottom: 1px solid #eef0f4;
    text-decoration: none;
}

    .pipeline-row:last-child[b-i5nn5h21ak] {
        border-bottom: 0;
    }

.pipeline-stage[b-i5nn5h21ak] {
    min-width: 0;
}

.pipeline-stage-heading[b-i5nn5h21ak] {
    display: flex;
    align-items: center;
    gap: .45rem;
}

.pipeline-stage-dot[b-i5nn5h21ak] {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    background: #0d6efd;
    border-radius: 50%;
}

.pipeline-stage-name[b-i5nn5h21ak] {
    color: #475467;
    font-size: .84rem;
    font-weight: 650;
    line-height: 1.25;
    transition: color .15s ease;
}

.pipeline-row:hover
.pipeline-stage-name[b-i5nn5h21ak] {
    color: #0d6efd;
}

.pipeline-stage small[b-i5nn5h21ak] {
    display: block;
    margin-top: .15rem;
    padding-left: calc(7px + .45rem);
    color: #98a2b3;
    font-size: .73rem;
}

.pipeline-count[b-i5nn5h21ak] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: .2rem;
}

    .pipeline-count strong[b-i5nn5h21ak] {
        min-width: 1.5rem;
        color: #111827;
        font-size: .9rem;
        text-align: right;
    }

    .pipeline-count
    .material-symbols-outlined[b-i5nn5h21ak] {
        color: #b1bac8;
        font-size: 19px;
    }

.pipeline-total[b-i5nn5h21ak] {
    padding: .85rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background: #f8fafc;
    border-top: 1px solid #eef0f4;
    border-radius: 0 0 1rem 1rem;
}

    .pipeline-total > span[b-i5nn5h21ak] {
        color: #667085;
        font-size: .8rem;
        font-weight: 650;
    }

    .pipeline-total > div[b-i5nn5h21ak] {
        text-align: right;
    }

    .pipeline-total strong[b-i5nn5h21ak],
    .pipeline-total small[b-i5nn5h21ak] {
        display: block;
    }

    .pipeline-total strong[b-i5nn5h21ak] {
        color: #111827;
        font-size: .86rem;
    }

    .pipeline-total small[b-i5nn5h21ak] {
        margin-top: .08rem;
        color: #667085;
        font-size: .75rem;
    }

/* ---------------------------------
   Recent companies
---------------------------------- */

.dashboard-company-table a[b-i5nn5h21ak] {
    overflow-wrap: anywhere;
}

.dashboard-company-mobile-list[b-i5nn5h21ak] {
    display: none;
}

/* ---------------------------------
   Medium desktop
---------------------------------- */

@media (max-width: 1199.98px) {

    .dashboard-stats[b-i5nn5h21ak] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-finance-grid[b-i5nn5h21ak] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-content-grid[b-i5nn5h21ak] {
        grid-template-columns: minmax(0, 1.5fr) minmax(280px, .9fr);
    }
}

/* ---------------------------------
   Tablet
---------------------------------- */

@media (max-width: 991.98px) {

    .dashboard-hero[b-i5nn5h21ak] {
        align-items: flex-start;
        flex-direction: column;
        gap: 1rem;
    }

    .dashboard-hero-actions[b-i5nn5h21ak] {
        width: 100%;
    }

    .dashboard-content-grid[b-i5nn5h21ak] {
        grid-template-columns: 1fr;
    }
}

/* ---------------------------------
   Mobile
---------------------------------- */

@media (max-width: 767.98px) {

    .dashboard-page[b-i5nn5h21ak] {
        width: 100%;
        max-width: none;
        gap: .8rem;
    }

    /* Hero */

    .dashboard-hero[b-i5nn5h21ak] {
        width: 100%;
        padding: 1.15rem;
        align-items: stretch;
        gap: .9rem;
        border-radius: 1rem;
    }

        .dashboard-hero h2[b-i5nn5h21ak] {
            font-size: 1.25rem;
        }

        .dashboard-hero p[b-i5nn5h21ak] {
            font-size: .82rem;
        }

    .dashboard-hero-actions[b-i5nn5h21ak] {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        gap: .5rem;
    }

        .dashboard-hero-actions .btn[b-i5nn5h21ak] {
            width: 100%;
            min-width: 0;
            min-height: 44px;
            padding-inline: .8rem;
            font-size: .82rem;
        }

    /* Stats */

    .dashboard-stats[b-i5nn5h21ak] {
        width: 100%;
        grid-template-columns: 1fr;
        gap: .7rem;
    }

    .dashboard-stat-card[b-i5nn5h21ak] {
        width: 100%;
        min-height: 78px;
        padding: .85rem;
        gap: .8rem;
    }

    .dashboard-stat-icon[b-i5nn5h21ak] {
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        border-radius: .75rem;
    }

        .dashboard-stat-icon
        .material-symbols-outlined[b-i5nn5h21ak] {
            font-size: 21px;
        }

    .dashboard-stat-label[b-i5nn5h21ak],
    .dashboard-stat-meta[b-i5nn5h21ak] {
        white-space: normal;
    }

    .dashboard-stat-value[b-i5nn5h21ak] {
        margin-top: .08rem;
        font-size: 1.4rem;
    }

    /* Finance */

    .dashboard-finance[b-i5nn5h21ak] {
        padding: .8rem;
    }

    .dashboard-section-heading[b-i5nn5h21ak] {
        align-items: flex-start;
    }

        .dashboard-section-heading .btn[b-i5nn5h21ak] {
            min-height: 40px;
        }

    .dashboard-finance-grid[b-i5nn5h21ak] {
        grid-template-columns: 1fr;
        gap: .55rem;
    }

    .dashboard-finance-card[b-i5nn5h21ak] {
        min-height: 76px;
        padding: .7rem;
    }

    /* Main layout */

    .dashboard-content-grid[b-i5nn5h21ak] {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .8rem;
    }

    .dashboard-content-main[b-i5nn5h21ak],
    .dashboard-content-sidebar[b-i5nn5h21ak] {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .8rem;
    }

    /* Quick actions */

    .dashboard-actions-list[b-i5nn5h21ak] {
        width: 100%;
        padding: .4rem;
        gap: .15rem;
    }

    .dashboard-action[b-i5nn5h21ak] {
        width: 100%;
        min-height: 64px;
        padding: .7rem .75rem;
    }

    .dashboard-action-icon[b-i5nn5h21ak] {
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
    }

    /* Attention */

    .dashboard-attention-list[b-i5nn5h21ak] {
        width: 100%;
    }

    .dashboard-attention-item[b-i5nn5h21ak] {
        width: 100%;
        min-height: 66px;
        padding: .7rem;
    }

    .dashboard-attention-empty[b-i5nn5h21ak] {
        width: 100%;
        align-items: flex-start;
        padding: .85rem;
    }

    /* Pipeline */

    .pipeline-list[b-i5nn5h21ak] {
        width: 100%;
        padding: .35rem .8rem;
    }

    .pipeline-row[b-i5nn5h21ak] {
        width: 100%;
        min-height: 58px;
    }

    /* Recent companies */

    .dashboard-company-table[b-i5nn5h21ak] {
        display: none;
    }

    .dashboard-company-mobile-list[b-i5nn5h21ak] {
        width: 100%;
        padding: .4rem;
        display: flex;
        flex-direction: column;
    }

    .dashboard-company-mobile-item[b-i5nn5h21ak] {
        width: 100%;
        min-width: 0;
        min-height: 64px;
        padding: .7rem;
        display: flex;
        align-items: center;
        gap: .7rem;
        color: inherit;
        border-radius: .8rem;
        text-decoration: none;
    }

        .dashboard-company-mobile-item:hover[b-i5nn5h21ak] {
            background: #f7f9fc;
        }

    .dashboard-company-mobile-icon[b-i5nn5h21ak] {
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #0d6efd;
        background: #eef4ff;
        border-radius: .75rem;
    }

        .dashboard-company-mobile-icon
        .material-symbols-outlined[b-i5nn5h21ak] {
            font-size: 21px;
        }

    .dashboard-company-mobile-content[b-i5nn5h21ak] {
        min-width: 0;
        flex: 1 1 auto;
    }

        .dashboard-company-mobile-content strong[b-i5nn5h21ak],
        .dashboard-company-mobile-content span[b-i5nn5h21ak],
        .dashboard-company-mobile-content small[b-i5nn5h21ak] {
            display: block;
            overflow-wrap: anywhere;
        }

        .dashboard-company-mobile-content strong[b-i5nn5h21ak] {
            color: #111827;
            font-size: .86rem;
            font-weight: 650;
            line-height: 1.25;
        }

        .dashboard-company-mobile-content span[b-i5nn5h21ak] {
            margin-top: .08rem;
            color: #667085;
            font-size: .74rem;
        }

        .dashboard-company-mobile-content small[b-i5nn5h21ak] {
            margin-top: .12rem;
            color: #98a2b3;
            font-size: .7rem;
        }

    .dashboard-company-mobile-arrow[b-i5nn5h21ak] {
        flex: 0 0 auto;
        color: #a8b1bf;
        font-size: 20px;
    }
}

/* ---------------------------------
   Small phones
---------------------------------- */

@media (max-width: 575.98px) {

    .dashboard-hero[b-i5nn5h21ak] {
        padding: 1rem;
    }

    .dashboard-hero-actions
    .material-symbols-outlined[b-i5nn5h21ak] {
        font-size: 18px;
    }

    .dashboard-stat-card[b-i5nn5h21ak] {
        min-height: 76px;
        padding: .75rem;
    }

    .dashboard-stat-icon[b-i5nn5h21ak] {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }

    .dashboard-stat-label[b-i5nn5h21ak] {
        font-size: .72rem;
    }

    .dashboard-stat-value[b-i5nn5h21ak] {
        font-size: 1.35rem;
    }

    .dashboard-stat-meta[b-i5nn5h21ak] {
        font-size: .68rem;
        line-height: 1.25;
    }

    .dashboard-section-heading[b-i5nn5h21ak] {
        flex-direction: column;
        align-items: stretch;
    }

    .dashboard-section-heading-main[b-i5nn5h21ak] {
        width: 100%;
    }

    .dashboard-section-heading .btn[b-i5nn5h21ak] {
        width: 100%;
        min-height: 44px;
    }

    .dashboard-finance-card[b-i5nn5h21ak] {
        grid-template-columns: 40px minmax(0, 1fr) 20px;
    }

    .dashboard-attention-icon[b-i5nn5h21ak] {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }

    .dashboard-attention-arrow[b-i5nn5h21ak] {
        align-self: center;
    }

    .pipeline-total[b-i5nn5h21ak] {
        align-items: center;
    }
}
/* /Components/Services/Pages/Service.razor.rz.scp.css */
.service-page[b-5s40zwzcv6] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ---------------------------------
   Profile
---------------------------------- */

.service-profile-card[b-5s40zwzcv6] {
    min-width: 0;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
}

.service-profile-main[b-5s40zwzcv6] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.service-profile-content[b-5s40zwzcv6] {
    min-width: 0;
    flex: 1 1 auto;
}

.service-profile-icon[b-5s40zwzcv6] {
    width: 64px;
    height: 64px;
    flex: 0 0 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2563eb;
    background: #eef4ff;
    border-radius: 1rem;
}

    .service-profile-icon
    .material-symbols-outlined[b-5s40zwzcv6] {
        font-size: 32px;
    }

.service-title-row[b-5s40zwzcv6] {
    min-width: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .65rem;
}

    .service-title-row h2[b-5s40zwzcv6] {
        min-width: 0;
        margin: 0;
        color: #111827;
        font-size: 1.55rem;
        line-height: 1.15;
        font-weight: 850;
        letter-spacing: -.025em;
        overflow-wrap: anywhere;
    }

.service-meta-row[b-5s40zwzcv6] {
    margin-top: .65rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .65rem 1.25rem;
    color: #64748b;
    font-size: .875rem;
}

    .service-meta-row > span[b-5s40zwzcv6] {
        display: inline-flex;
        align-items: center;
        gap: .35rem;
    }

    .service-meta-row
    .material-symbols-outlined[b-5s40zwzcv6] {
        font-size: 18px;
    }

.service-profile-actions[b-5s40zwzcv6] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .5rem;
}

    .service-profile-actions .btn[b-5s40zwzcv6] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .4rem;
    }

    .service-profile-actions
    .material-symbols-outlined[b-5s40zwzcv6] {
        font-size: 19px;
    }

/* ---------------------------------
   Layout
---------------------------------- */

.service-layout[b-5s40zwzcv6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 1rem;
    align-items: start;
}

.service-main[b-5s40zwzcv6],
.service-side[b-5s40zwzcv6] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.service-side[b-5s40zwzcv6] {
    position: sticky;
    top: 138px;
}

.service-card-body[b-5s40zwzcv6] {
    min-width: 0;
    padding: 1.25rem;
}

/* ---------------------------------
   Information
---------------------------------- */

.service-info-grid[b-5s40zwzcv6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.service-info-item[b-5s40zwzcv6] {
    min-width: 0;
    padding: 1rem;
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    background: #fbfcfe;
    border: 1px solid #e5eaf2;
    border-radius: .85rem;
}

    .service-info-item >
    .material-symbols-outlined[b-5s40zwzcv6] {
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #2563eb;
        background: #eef4ff;
        border-radius: .65rem;
        font-size: 21px;
    }

    .service-info-item > div[b-5s40zwzcv6] {
        min-width: 0;
    }

    .service-info-item small[b-5s40zwzcv6],
    .service-info-item strong[b-5s40zwzcv6] {
        display: block;
    }

    .service-info-item small[b-5s40zwzcv6] {
        color: #64748b;
        font-size: .78rem;
        font-weight: 650;
    }

    .service-info-item strong[b-5s40zwzcv6] {
        margin-top: .15rem;
        color: #111827;
        font-size: .9rem;
        font-weight: 800;
    }

/* ---------------------------------
   Text
---------------------------------- */

.service-description[b-5s40zwzcv6] {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid #edf0f4;
}

    .service-description > small[b-5s40zwzcv6] {
        display: block;
        margin-bottom: .4rem;
        color: #64748b;
        font-size: .76rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .025em;
    }

    .service-description p[b-5s40zwzcv6] {
        margin: 0;
        color: #334155;
        line-height: 1.65;
        white-space: pre-wrap;
        overflow-wrap: anywhere;
    }

/* ---------------------------------
   Job history
---------------------------------- */

.service-jobs-table[b-5s40zwzcv6] {
    margin: 0;
}

    .service-jobs-table thead th[b-5s40zwzcv6] {
        padding: .8rem 1rem;
        color: #64748b;
        background: #f8fafc;
        border-bottom: 1px solid #e5eaf2;
        font-size: .7rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .04em;
        white-space: nowrap;
    }

    .service-jobs-table tbody td[b-5s40zwzcv6] {
        padding: .85rem 1rem;
        color: #334155;
        border-bottom: 1px solid #edf0f4;
    }

    .service-jobs-table tbody tr:last-child td[b-5s40zwzcv6] {
        border-bottom: 0;
    }

.service-job-name[b-5s40zwzcv6],
.service-job-company[b-5s40zwzcv6] {
    color: #0b5cff;
    font-weight: 800;
    text-decoration: none;
}

.service-job-company[b-5s40zwzcv6] {
    font-weight: 700;
}

    .service-job-name:hover[b-5s40zwzcv6],
    .service-job-company:hover[b-5s40zwzcv6] {
        text-decoration: underline;
    }

.service-jobs-empty[b-5s40zwzcv6] {
    padding: 1.25rem;
    display: flex;
    align-items: center;
    gap: .75rem;
}

    .service-jobs-empty >
    .material-symbols-outlined[b-5s40zwzcv6] {
        width: 42px;
        height: 42px;
        flex: 0 0 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #64748b;
        background: #f1f5f9;
        border-radius: .75rem;
    }

    .service-jobs-empty strong[b-5s40zwzcv6],
    .service-jobs-empty span[b-5s40zwzcv6] {
        display: block;
    }

    .service-jobs-empty strong[b-5s40zwzcv6] {
        color: #334155;
        font-size: .85rem;
        font-weight: 800;
    }

    .service-jobs-empty div > span[b-5s40zwzcv6] {
        margin-top: .15rem;
        color: #64748b;
        font-size: .76rem;
    }

.service-jobs-mobile[b-5s40zwzcv6] {
    display: none;
}

/* ---------------------------------
   Sidebar
---------------------------------- */

.service-side-heading[b-5s40zwzcv6] {
    margin: 0 0 1rem;
    color: #111827;
    font-size: .95rem;
    font-weight: 850;
}

.service-action-list[b-5s40zwzcv6] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
}

    .service-action-list .btn[b-5s40zwzcv6] {
        min-height: 42px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: .5rem;
    }

    .service-action-list
    .material-symbols-outlined[b-5s40zwzcv6] {
        font-size: 19px;
    }

.service-meta-list[b-5s40zwzcv6] {
    display: flex;
    flex-direction: column;
}

    .service-meta-list > div[b-5s40zwzcv6] {
        padding: .7rem 0;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 1rem;
        border-bottom: 1px solid #edf0f4;
    }

        .service-meta-list > div:first-child[b-5s40zwzcv6] {
            padding-top: 0;
        }

        .service-meta-list > div:last-child[b-5s40zwzcv6] {
            padding-bottom: 0;
            border-bottom: 0;
        }

    .service-meta-list span[b-5s40zwzcv6] {
        color: #64748b;
        font-size: .8rem;
    }

    .service-meta-list strong[b-5s40zwzcv6] {
        max-width: 65%;
        color: #111827;
        font-size: .8rem;
        font-weight: 800;
        text-align: right;
        overflow-wrap: anywhere;
    }

/* ---------------------------------
   Status
---------------------------------- */

.services-status[b-5s40zwzcv6] {
    min-height: 1.6rem;
    padding: .15rem .55rem;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 800;
}

.services-status-active[b-5s40zwzcv6] {
    color: #166534;
    background: #dcfce7;
}

.services-status-archived[b-5s40zwzcv6] {
    color: #475569;
    background: #f1f5f9;
}

/* ---------------------------------
   Job stage
---------------------------------- */

.job-stage[b-5s40zwzcv6] {
    min-height: 1.65rem;
    padding: .15rem .55rem;
    display: inline-flex;
    align-items: center;
    color: #3730a3;
    background: #eef2ff;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 800;
    white-space: nowrap;
}

/* ---------------------------------
   Alerts
---------------------------------- */

.service-alert[b-5s40zwzcv6] {
    min-width: 0;
    align-items: flex-start;
}

    .service-alert .alert-content[b-5s40zwzcv6] {
        min-width: 0;
        flex: 1 1 auto;
    }

    .service-alert p[b-5s40zwzcv6] {
        overflow-wrap: anywhere;
    }

/* ---------------------------------
   Tablet
---------------------------------- */

@media (max-width: 1199.98px) {

    .service-layout[b-5s40zwzcv6] {
        grid-template-columns: minmax(0, 1fr) 290px;
    }
}

@media (max-width: 991.98px) {

    .service-profile-card[b-5s40zwzcv6] {
        align-items: flex-start;
        flex-direction: column;
    }

    .service-profile-actions[b-5s40zwzcv6] {
        width: 100%;
        justify-content: flex-start;
    }

    .service-layout[b-5s40zwzcv6] {
        grid-template-columns: 1fr;
    }

    .service-side[b-5s40zwzcv6] {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

        .service-side > .crm-card:first-child[b-5s40zwzcv6] {
            grid-column: 1 / -1;
        }
}

/* ---------------------------------
   Mobile
---------------------------------- */

@media (max-width: 767.98px) {

    .service-page[b-5s40zwzcv6] {
        gap: .8rem;
    }

    .service-profile-card[b-5s40zwzcv6] {
        width: 100%;
        padding: 1rem;
        align-items: stretch;
    }

    .service-profile-main[b-5s40zwzcv6] {
        align-items: flex-start;
        gap: .75rem;
    }

    .service-profile-icon[b-5s40zwzcv6] {
        width: 52px;
        height: 52px;
        flex-basis: 52px;
    }

        .service-profile-icon
        .material-symbols-outlined[b-5s40zwzcv6] {
            font-size: 27px;
        }

    .service-title-row h2[b-5s40zwzcv6] {
        font-size: 1.3rem;
    }

    .service-meta-row[b-5s40zwzcv6] {
        flex-direction: column;
        align-items: stretch;
        gap: .35rem;
        font-size: .76rem;
    }

    .service-profile-actions[b-5s40zwzcv6] {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        gap: .5rem;
    }

        .service-profile-actions .btn[b-5s40zwzcv6] {
            width: 100%;
            min-height: 44px;
        }

    .service-layout[b-5s40zwzcv6] {
        display: flex;
        flex-direction: column;
        gap: .8rem;
    }

    .service-main[b-5s40zwzcv6],
    .service-side[b-5s40zwzcv6] {
        width: 100%;
        gap: .8rem;
    }

    .service-side[b-5s40zwzcv6] {
        display: flex;
        flex-direction: column;
    }

    .service-card-body[b-5s40zwzcv6] {
        padding: .85rem;
    }

    .service-info-grid[b-5s40zwzcv6] {
        grid-template-columns: 1fr;
        gap: .6rem;
    }

    .service-info-item[b-5s40zwzcv6] {
        min-height: 64px;
        padding: .75rem;
        align-items: center;
    }

    /* Switch job table to cards */

    .service-jobs-table-view[b-5s40zwzcv6] {
        display: none;
    }

    .service-jobs-mobile[b-5s40zwzcv6] {
        display: block;
    }

    .service-job-card[b-5s40zwzcv6] {
        border-bottom: 1px solid #edf0f4;
    }

        .service-job-card:last-child[b-5s40zwzcv6] {
            border-bottom: 0;
        }

    .service-job-main[b-5s40zwzcv6] {
        min-width: 0;
        padding: .8rem;
        display: flex;
        align-items: flex-start;
        gap: .65rem;
        color: inherit;
        text-decoration: none;
    }

    .service-job-icon[b-5s40zwzcv6] {
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #2563eb;
        background: #eef4ff;
        border-radius: .7rem;
    }

    .service-job-content[b-5s40zwzcv6] {
        min-width: 0;
        flex: 1 1 auto;
    }

    .service-job-title-row[b-5s40zwzcv6] {
        min-width: 0;
        display: flex;
        flex-wrap: wrap;
        gap: .4rem;
    }

        .service-job-title-row strong[b-5s40zwzcv6] {
            color: #111827;
            font-size: .8rem;
            font-weight: 800;
            overflow-wrap: anywhere;
        }

    .service-job-content > span[b-5s40zwzcv6] {
        display: block;
        margin-top: .2rem;
        color: #64748b;
        font-size: .7rem;
    }

    .service-job-arrow[b-5s40zwzcv6] {
        flex: 0 0 auto;
        margin-top: .5rem;
        color: #94a3b8;
        font-size: 19px;
    }

    .service-job-details[b-5s40zwzcv6] {
        margin: 0 .8rem;
        padding: .65rem 0 .8rem;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .75rem;
        border-top: 1px solid #edf0f4;
    }

        .service-job-details small[b-5s40zwzcv6],
        .service-job-details strong[b-5s40zwzcv6] {
            display: block;
        }

        .service-job-details small[b-5s40zwzcv6] {
            color: #94a3b8;
            font-size: .66rem;
        }

        .service-job-details strong[b-5s40zwzcv6] {
            margin-top: .08rem;
            color: #334155;
            font-size: .75rem;
            font-weight: 800;
        }

    .service-action-list .btn[b-5s40zwzcv6] {
        min-height: 44px;
    }
}

/* ---------------------------------
   Small phones
---------------------------------- */

@media (max-width: 575.98px) {

    .service-profile-card[b-5s40zwzcv6] {
        padding: .85rem;
    }

    .service-title-row[b-5s40zwzcv6] {
        flex-direction: column;
        gap: .3rem;
    }

        .service-title-row h2[b-5s40zwzcv6] {
            font-size: 1.2rem;
        }

    .service-card-body[b-5s40zwzcv6] {
        padding: .75rem;
    }

    .service-meta-list > div[b-5s40zwzcv6] {
        flex-direction: column;
        gap: .15rem;
    }

    .service-meta-list strong[b-5s40zwzcv6] {
        max-width: none;
        text-align: left;
    }

    .service-job-details[b-5s40zwzcv6] {
        grid-template-columns: 1fr;
        gap: .45rem;
    }

    .service-alert .alert-actions[b-5s40zwzcv6] {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        gap: .5rem;
    }
}
/* /Components/Services/Pages/ServiceEdit.razor.rz.scp.css */
.service-edit-page[b-iscb8fzs4d] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ---------------------------------
   Toolbar
---------------------------------- */

.service-edit-toolbar[b-iscb8fzs4d] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

    .service-edit-toolbar .btn[b-iscb8fzs4d] {
        display: inline-flex;
        align-items: center;
        gap: .4rem;
    }

    .service-edit-toolbar
    .material-symbols-outlined[b-iscb8fzs4d] {
        font-size: 19px;
    }

/* ---------------------------------
   Layout
---------------------------------- */

.service-edit-layout[b-iscb8fzs4d] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 1rem;
    align-items: start;
}

.service-edit-main[b-iscb8fzs4d],
.service-edit-side[b-iscb8fzs4d] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.service-edit-side[b-iscb8fzs4d] {
    position: sticky;
    top: 138px;
}

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

.service-edit-card[b-iscb8fzs4d] {
    overflow: hidden;
}

.service-edit-card-body[b-iscb8fzs4d] {
    min-width: 0;
    padding: 1.25rem;
}

.service-edit-page .form-label[b-iscb8fzs4d] {
    margin-bottom: .35rem;
    color: #334155;
    font-size: .8rem;
    font-weight: 750;
}

.service-edit-page .form-control[b-iscb8fzs4d],
.service-edit-page .form-select[b-iscb8fzs4d],
.service-edit-page .input-group-text[b-iscb8fzs4d] {
    min-height: 42px;
}

.service-edit-page .input-group-text[b-iscb8fzs4d] {
    color: #64748b;
    background: #f8fafc;
}

.service-edit-page textarea.form-control[b-iscb8fzs4d] {
    resize: vertical;
}

.service-description-input[b-iscb8fzs4d] {
    min-height: 130px;
}

.service-notes-input[b-iscb8fzs4d] {
    min-height: 130px;
}

.service-edit-page .form-text[b-iscb8fzs4d] {
    color: #64748b;
    font-size: .72rem;
    line-height: 1.4;
}

/* ---------------------------------
   Preview
---------------------------------- */

.service-preview-card[b-iscb8fzs4d] {
    padding: 1.15rem;
    text-align: center;
}

.service-preview-icon[b-iscb8fzs4d] {
    width: 52px;
    height: 52px;
    margin: 0 auto .8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2563eb;
    background: #eef4ff;
    border-radius: .9rem;
}

    .service-preview-icon
    .material-symbols-outlined[b-iscb8fzs4d] {
        font-size: 27px;
    }

.service-preview-card h3[b-iscb8fzs4d] {
    margin: 0;
    color: #111827;
    font-size: 1.05rem;
    font-weight: 850;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.service-preview-card > p[b-iscb8fzs4d] {
    margin: .4rem 0 0;
    color: #64748b;
    font-size: .76rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.service-preview-muted[b-iscb8fzs4d] {
    color: #94a3b8 !important;
}

.service-preview-meta[b-iscb8fzs4d] {
    margin-top: 1rem;
    text-align: left;
}

    .service-preview-meta > div[b-iscb8fzs4d] {
        padding: .65rem 0;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 1rem;
        border-top: 1px solid #edf0f4;
    }

    .service-preview-meta span[b-iscb8fzs4d] {
        color: #64748b;
        font-size: .75rem;
    }

    .service-preview-meta strong[b-iscb8fzs4d] {
        min-width: 0;
        max-width: 60%;
        color: #111827;
        font-size: .78rem;
        font-weight: 800;
        text-align: right;
        overflow-wrap: anywhere;
    }

/* ---------------------------------
   Save
---------------------------------- */

.service-save-card[b-iscb8fzs4d] {
    padding: 1.15rem;
    text-align: center;
}

.service-save-icon[b-iscb8fzs4d] {
    width: 48px;
    height: 48px;
    margin: 0 auto .75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2563eb;
    background: #eef4ff;
    border-radius: .8rem;
}

    .service-save-icon
    .material-symbols-outlined[b-iscb8fzs4d] {
        font-size: 25px;
    }

.service-save-card h3[b-iscb8fzs4d] {
    margin: 0;
    color: #111827;
    font-size: 1rem;
    font-weight: 850;
}

.service-save-card > p[b-iscb8fzs4d] {
    margin: .3rem 0 0;
    color: #64748b;
    font-size: .76rem;
    line-height: 1.45;
}

.service-save-actions[b-iscb8fzs4d] {
    margin-top: .9rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

    .service-save-actions .btn[b-iscb8fzs4d] {
        width: 100%;
        min-height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: .4rem;
    }

    .service-save-actions
    .material-symbols-outlined[b-iscb8fzs4d] {
        font-size: 19px;
    }

/* ---------------------------------
   Metadata
---------------------------------- */

.service-side-heading[b-iscb8fzs4d] {
    margin: 0 0 1rem;
    color: #111827;
    font-size: .95rem;
    font-weight: 850;
}

.service-meta-list[b-iscb8fzs4d] {
    display: flex;
    flex-direction: column;
}

    .service-meta-list > div[b-iscb8fzs4d] {
        padding: .65rem 0;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 1rem;
        border-bottom: 1px solid #edf0f4;
    }

        .service-meta-list > div:first-child[b-iscb8fzs4d] {
            padding-top: 0;
        }

        .service-meta-list > div:last-child[b-iscb8fzs4d] {
            padding-bottom: 0;
            border-bottom: 0;
        }

    .service-meta-list span[b-iscb8fzs4d] {
        color: #64748b;
        font-size: .78rem;
    }

    .service-meta-list strong[b-iscb8fzs4d] {
        min-width: 0;
        max-width: 65%;
        color: #111827;
        font-size: .78rem;
        font-weight: 800;
        text-align: right;
        overflow-wrap: anywhere;
    }

/* ---------------------------------
   Alert
---------------------------------- */

.service-edit-alert[b-iscb8fzs4d] {
    min-width: 0;
    align-items: flex-start;
}

    .service-edit-alert .alert-content[b-iscb8fzs4d] {
        min-width: 0;
    }

    .service-edit-alert p[b-iscb8fzs4d] {
        overflow-wrap: anywhere;
    }

/* ---------------------------------
   Tablet
---------------------------------- */

@media (max-width: 1199.98px) {

    .service-edit-layout[b-iscb8fzs4d] {
        grid-template-columns: minmax(0, 1fr) 270px;
    }
}

@media (max-width: 991.98px) {

    .service-edit-layout[b-iscb8fzs4d] {
        grid-template-columns: 1fr;
    }

    .service-edit-side[b-iscb8fzs4d] {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
    }

        .service-edit-side > .crm-card:last-child[b-iscb8fzs4d] {
            grid-column: 1 / -1;
        }
}

/* ---------------------------------
   Mobile
---------------------------------- */

@media (max-width: 767.98px) {

    .service-edit-page[b-iscb8fzs4d] {
        gap: .8rem;
    }

    .service-edit-toolbar[b-iscb8fzs4d] {
        width: 100%;
    }

        .service-edit-toolbar .btn[b-iscb8fzs4d] {
            width: 100%;
            min-height: 44px;
            justify-content: center;
        }

    .service-edit-layout[b-iscb8fzs4d] {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .8rem;
    }

    .service-edit-main[b-iscb8fzs4d],
    .service-edit-side[b-iscb8fzs4d] {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .8rem;
    }

    .service-edit-card-body[b-iscb8fzs4d] {
        padding: .9rem;
    }

    .service-edit-page .form-control[b-iscb8fzs4d],
    .service-edit-page .form-select[b-iscb8fzs4d],
    .service-edit-page .input-group-text[b-iscb8fzs4d] {
        min-height: 44px;
    }

    .service-description-input[b-iscb8fzs4d],
    .service-notes-input[b-iscb8fzs4d] {
        min-height: 120px;
    }

    /* Preview */

    .service-preview-card[b-iscb8fzs4d] {
        padding: .9rem;
    }

    .service-preview-icon[b-iscb8fzs4d] {
        width: 46px;
        height: 46px;
        margin-bottom: .65rem;
    }

        .service-preview-icon
        .material-symbols-outlined[b-iscb8fzs4d] {
            font-size: 24px;
        }

    .service-preview-card h3[b-iscb8fzs4d] {
        font-size: .95rem;
    }

    .service-preview-card > p[b-iscb8fzs4d] {
        font-size: .72rem;
    }

    /* Save goes last */

    .service-save-card[b-iscb8fzs4d] {
        order: 99;
        padding: .9rem;
    }

    .service-save-icon[b-iscb8fzs4d] {
        width: 44px;
        height: 44px;
        margin-bottom: .6rem;
    }

        .service-save-icon
        .material-symbols-outlined[b-iscb8fzs4d] {
            font-size: 23px;
        }

    .service-save-actions .btn[b-iscb8fzs4d] {
        min-height: 44px;
    }

    /* Meta */

    .service-meta-list span[b-iscb8fzs4d],
    .service-meta-list strong[b-iscb8fzs4d] {
        font-size: .75rem;
    }
}

/* ---------------------------------
   Small phones
---------------------------------- */

@media (max-width: 575.98px) {

    .service-edit-card-body[b-iscb8fzs4d],
    .service-preview-card[b-iscb8fzs4d],
    .service-save-card[b-iscb8fzs4d] {
        padding: .8rem;
    }

    .service-meta-list > div[b-iscb8fzs4d],
    .service-preview-meta > div[b-iscb8fzs4d] {
        flex-direction: column;
        gap: .15rem;
    }

    .service-meta-list strong[b-iscb8fzs4d],
    .service-preview-meta strong[b-iscb8fzs4d] {
        max-width: none;
        text-align: left;
    }
}
/* /Components/Services/Pages/Services.razor.rz.scp.css */
.services-page[b-66hmhc2uws] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ---------------------------------
   Toolbar
---------------------------------- */

.services-toolbar[b-66hmhc2uws] {
    padding: 1rem 1.25rem;
    display: grid;
    grid-template-columns: minmax(320px, 1fr) auto auto;
    gap: 1.25rem;
    align-items: end;
}

.services-search[b-66hmhc2uws] {
    min-width: 0;
}

    .services-search .input-group-text[b-66hmhc2uws] {
        color: #64748b;
        background: #ffffff;
    }

        .services-search .input-group-text
        .material-symbols-outlined[b-66hmhc2uws] {
            font-size: 20px;
        }

.services-filters[b-66hmhc2uws] {
    min-height: 42px;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

    .services-filters .form-check[b-66hmhc2uws] {
        margin: 0;
    }

.services-toolbar-actions[b-66hmhc2uws] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .6rem;
}

    .services-toolbar-actions .btn[b-66hmhc2uws] {
        min-height: 42px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .4rem;
    }

    .services-toolbar-actions
    .material-symbols-outlined[b-66hmhc2uws] {
        font-size: 19px;
    }

/* ---------------------------------
   Summary
---------------------------------- */

.services-summary[b-66hmhc2uws] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.services-summary-card[b-66hmhc2uws] {
    min-width: 0;
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: .85rem;
}

.services-summary-icon[b-66hmhc2uws] {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2563eb;
    background: #eef4ff;
    border-radius: .8rem;
}

    .services-summary-icon
    .material-symbols-outlined[b-66hmhc2uws] {
        font-size: 23px;
    }

.services-summary-icon-jobs[b-66hmhc2uws] {
    color: #7c3aed;
    background: #f3e8ff;
}

.services-summary-icon-priced[b-66hmhc2uws] {
    color: #15803d;
    background: #dcfce7;
}

.services-summary-icon-archived[b-66hmhc2uws] {
    color: #64748b;
    background: #f1f5f9;
}

.services-summary-card > div:last-child[b-66hmhc2uws] {
    min-width: 0;
}

.services-summary-card small[b-66hmhc2uws],
.services-summary-card strong[b-66hmhc2uws] {
    display: block;
}

.services-summary-card small[b-66hmhc2uws] {
    color: #64748b;
    font-size: .75rem;
    font-weight: 700;
}

.services-summary-card strong[b-66hmhc2uws] {
    margin-top: .08rem;
    color: #111827;
    font-size: 1.25rem;
    font-weight: 850;
}

/* ---------------------------------
   Results
---------------------------------- */

.services-results[b-66hmhc2uws] {
    overflow: hidden;
}

    .services-results .crm-card-header[b-66hmhc2uws] {
        gap: 1rem;
    }

        .services-results .crm-card-header .btn[b-66hmhc2uws] {
            flex: 0 0 auto;
            display: inline-flex;
            align-items: center;
            gap: .35rem;
        }

        .services-results .crm-card-header
        .material-symbols-outlined[b-66hmhc2uws] {
            font-size: 18px;
        }

/* ---------------------------------
   Desktop table
---------------------------------- */

.services-table[b-66hmhc2uws] {
    margin: 0;
}

    .services-table thead th[b-66hmhc2uws] {
        padding: .85rem 1rem;
        color: #64748b;
        background: #f8fafc;
        border-bottom: 1px solid #e5eaf2;
        font-size: .72rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .04em;
        white-space: nowrap;
    }

    .services-table tbody td[b-66hmhc2uws] {
        padding: .9rem 1rem;
        color: #334155;
        border-bottom: 1px solid #edf0f4;
        vertical-align: middle;
    }

    .services-table tbody tr:last-child td[b-66hmhc2uws] {
        border-bottom: 0;
    }

    .services-table tbody tr.is-archived[b-66hmhc2uws] {
        background: #fafafa;
    }

        .services-table tbody tr.is-archived
        .services-name[b-66hmhc2uws] {
            color: #64748b;
        }

.services-name[b-66hmhc2uws] {
    color: #111827;
    font-size: .875rem;
    font-weight: 800;
    text-decoration: none;
}

    .services-name:hover[b-66hmhc2uws] {
        color: #0b5cff;
    }

.services-description[b-66hmhc2uws] {
    max-width: 42rem;
    margin-top: .18rem;
    color: #64748b;
    font-size: .75rem;
    line-height: 1.4;
}

.services-job-count[b-66hmhc2uws] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    color: #475569;
    font-size: .8rem;
    font-weight: 750;
}

    .services-job-count
    .material-symbols-outlined[b-66hmhc2uws] {
        color: #94a3b8;
        font-size: 17px;
    }

/* ---------------------------------
   Status
---------------------------------- */

.services-status[b-66hmhc2uws] {
    min-height: 1.6rem;
    padding: .15rem .55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 800;
    white-space: nowrap;
}

.services-status-active[b-66hmhc2uws] {
    color: #166534;
    background: #dcfce7;
}

.services-status-archived[b-66hmhc2uws] {
    color: #475569;
    background: #f1f5f9;
}

/* ---------------------------------
   Row actions
---------------------------------- */

.services-row-actions[b-66hmhc2uws] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
}

    .services-row-actions .btn[b-66hmhc2uws] {
        width: 36px;
        height: 36px;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .services-row-actions
    .material-symbols-outlined[b-66hmhc2uws] {
        font-size: 18px;
    }

/* ---------------------------------
   Mobile list
---------------------------------- */

.services-mobile-list[b-66hmhc2uws] {
    display: none;
}

.services-mobile-card[b-66hmhc2uws] {
    min-width: 0;
    background: #ffffff;
    border-bottom: 1px solid #edf0f4;
}

    .services-mobile-card:last-child[b-66hmhc2uws] {
        border-bottom: 0;
    }

    .services-mobile-card.is-archived[b-66hmhc2uws] {
        background: #fafafa;
    }

.services-mobile-main[b-66hmhc2uws] {
    min-width: 0;
    padding: .85rem;
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    color: inherit;
    text-decoration: none;
}

.services-mobile-icon[b-66hmhc2uws] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2563eb;
    background: #eef4ff;
    border-radius: .75rem;
}

    .services-mobile-icon
    .material-symbols-outlined[b-66hmhc2uws] {
        font-size: 22px;
    }

.services-mobile-content[b-66hmhc2uws] {
    min-width: 0;
    flex: 1 1 auto;
}

.services-mobile-title-row[b-66hmhc2uws] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: .4rem;
}

    .services-mobile-title-row > strong[b-66hmhc2uws] {
        min-width: 0;
        color: #111827;
        font-size: .85rem;
        font-weight: 800;
        line-height: 1.3;
        overflow-wrap: anywhere;
    }

.services-mobile-content p[b-66hmhc2uws] {
    margin: .25rem 0 0;
    display: -webkit-box;
    overflow: hidden;
    color: #64748b;
    font-size: .72rem;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.services-mobile-arrow[b-66hmhc2uws] {
    flex: 0 0 auto;
    margin-top: .7rem;
    color: #94a3b8;
    font-size: 19px;
}

.services-mobile-details[b-66hmhc2uws] {
    margin: 0 .85rem;
    padding: .7rem 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    border-top: 1px solid #edf0f4;
}

    .services-mobile-details > div[b-66hmhc2uws] {
        min-width: 0;
    }

    .services-mobile-details small[b-66hmhc2uws],
    .services-mobile-details strong[b-66hmhc2uws] {
        display: block;
    }

    .services-mobile-details small[b-66hmhc2uws] {
        color: #94a3b8;
        font-size: .68rem;
        font-weight: 700;
    }

    .services-mobile-details strong[b-66hmhc2uws] {
        margin-top: .08rem;
        color: #334155;
        font-size: .78rem;
        font-weight: 800;
        overflow-wrap: anywhere;
    }

.services-mobile-actions[b-66hmhc2uws] {
    padding: 0 .85rem .85rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
}

    .services-mobile-actions .btn[b-66hmhc2uws] {
        width: 100%;
        min-height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: .35rem;
    }

    .services-mobile-actions
    .material-symbols-outlined[b-66hmhc2uws] {
        font-size: 18px;
    }

/* ---------------------------------
   Empty state
---------------------------------- */

.services-empty-state[b-66hmhc2uws] {
    padding: 4rem 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.services-empty-icon[b-66hmhc2uws] {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
    background: #f1f5f9;
    border-radius: 1rem;
}

    .services-empty-icon
    .material-symbols-outlined[b-66hmhc2uws] {
        font-size: 30px;
    }

.services-empty-state h3[b-66hmhc2uws] {
    margin: .9rem 0 0;
    color: #111827;
    font-size: 1.05rem;
    font-weight: 850;
}

.services-empty-state p[b-66hmhc2uws] {
    max-width: 28rem;
    margin: .35rem 0 0;
    color: #64748b;
    font-size: .82rem;
    line-height: 1.5;
}

.services-empty-state .btn[b-66hmhc2uws] {
    margin-top: 1rem;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
}

/* ---------------------------------
   Alert
---------------------------------- */

.services-alert[b-66hmhc2uws] {
    min-width: 0;
    align-items: flex-start;
}

    .services-alert .alert-content[b-66hmhc2uws] {
        min-width: 0;
    }

    .services-alert p[b-66hmhc2uws] {
        overflow-wrap: anywhere;
    }

/* ---------------------------------
   Tablet
---------------------------------- */

@media (max-width: 1199.98px) {

    .services-toolbar[b-66hmhc2uws] {
        grid-template-columns: minmax(280px, 1fr) auto;
    }

    .services-toolbar-actions[b-66hmhc2uws] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }

    .services-summary[b-66hmhc2uws] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ---------------------------------
   Mobile
---------------------------------- */

@media (max-width: 767.98px) {

    .services-page[b-66hmhc2uws] {
        gap: .8rem;
    }

    .services-toolbar[b-66hmhc2uws] {
        padding: .85rem;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: .8rem;
    }

    .services-search[b-66hmhc2uws],
    .services-filters[b-66hmhc2uws],
    .services-toolbar-actions[b-66hmhc2uws] {
        width: 100%;
    }

    .services-filters[b-66hmhc2uws] {
        min-height: 0;
    }

    .services-toolbar-actions[b-66hmhc2uws] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .5rem;
    }

        .services-toolbar-actions .btn[b-66hmhc2uws] {
            width: 100%;
            min-height: 44px;
        }

    .services-toolbar .form-control[b-66hmhc2uws] {
        min-height: 44px;
    }

    /* Summary */

    .services-summary[b-66hmhc2uws] {
        grid-template-columns: 1fr;
        gap: .6rem;
    }

    .services-summary-card[b-66hmhc2uws] {
        width: 100%;
        min-height: 64px;
        padding: .75rem;
    }

    .services-summary-icon[b-66hmhc2uws] {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }

    .services-summary-card small[b-66hmhc2uws] {
        font-size: .68rem;
    }

    .services-summary-card strong[b-66hmhc2uws] {
        font-size: 1rem;
    }

    /* Switch to cards */

    .services-table-view[b-66hmhc2uws] {
        display: none;
    }

    .services-mobile-list[b-66hmhc2uws] {
        display: block;
    }

    .services-results .crm-card-header[b-66hmhc2uws] {
        align-items: flex-start;
    }

        .services-results
        .crm-card-header .btn[b-66hmhc2uws] {
            min-height: 40px;
        }

    .services-mobile-actions .btn[b-66hmhc2uws] {
        min-height: 44px;
    }
}

/* ---------------------------------
   Small phones
---------------------------------- */

@media (max-width: 575.98px) {

    .services-toolbar[b-66hmhc2uws] {
        padding: .75rem;
    }

    .services-toolbar-actions[b-66hmhc2uws] {
        grid-template-columns: 1fr;
    }

    .services-mobile-main[b-66hmhc2uws] {
        padding: .75rem;
    }

    .services-mobile-details[b-66hmhc2uws] {
        margin: 0 .75rem;
    }

    .services-mobile-actions[b-66hmhc2uws] {
        padding: 0 .75rem .75rem;
    }
}
/* /Components/Settings/Pages/UserEdit.razor.rz.scp.css */
.user-edit-page[b-vbh20ch1i7] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.user-edit-layout[b-vbh20ch1i7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 1rem;
    align-items: start;
}

.user-edit-main[b-vbh20ch1i7] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.user-edit-card[b-vbh20ch1i7] {
    overflow: hidden;
}

.user-edit-body[b-vbh20ch1i7] {
    padding: 1.25rem;
    border-top: 1px solid #edf1f5;
}

    .user-edit-body .form-label[b-vbh20ch1i7] {
        margin-bottom: .4rem;
        color: #475569;
        font-size: .76rem;
        font-weight: 700;
    }

    .user-edit-body .validation-message[b-vbh20ch1i7] {
        display: block;
        margin-top: .35rem;
        color: #dc2626;
        font-size: .72rem;
    }

.user-enabled-row[b-vbh20ch1i7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

    .user-enabled-row strong[b-vbh20ch1i7] {
        display: block;
        color: #111827;
        font-size: .84rem;
        font-weight: 750;
    }

    .user-enabled-row p[b-vbh20ch1i7] {
        margin: .2rem 0 0;
        color: #64748b;
        font-size: .75rem;
    }

    .user-enabled-row .form-switch[b-vbh20ch1i7] {
        padding-left: 3rem;
        margin: 0;
    }

    .user-enabled-row .form-check-input[b-vbh20ch1i7] {
        width: 2.35rem;
        height: 1.2rem;
        margin-left: -2.7rem;
        cursor: pointer;
    }

.user-edit-side[b-vbh20ch1i7] {
    position: sticky;
    top: 1rem;
}

.user-edit-side-card[b-vbh20ch1i7] {
    padding: 1rem;
}

.user-edit-side-title[b-vbh20ch1i7] {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #edf1f5;
}

    .user-edit-side-title > .material-symbols-outlined[b-vbh20ch1i7] {
        margin-top: .05rem;
        color: #1769ff;
        font-size: 22px;
    }

    .user-edit-side-title h3[b-vbh20ch1i7] {
        margin: 0;
        color: #111827;
        font-size: .9rem;
        font-weight: 800;
    }

    .user-edit-side-title p[b-vbh20ch1i7] {
        margin: .15rem 0 0;
        color: #94a3b8;
        font-size: .7rem;
    }

.user-edit-actions[b-vbh20ch1i7] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
    padding-top: 1rem;
}

    .user-edit-actions .btn[b-vbh20ch1i7] {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: .45rem;
    }

    .user-edit-actions .material-symbols-outlined[b-vbh20ch1i7] {
        font-size: 18px;
    }

.user-edit-loading[b-vbh20ch1i7] {
    min-height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .65rem;
    color: #64748b;
}

@media (max-width: 991.98px) {
    .user-edit-layout[b-vbh20ch1i7] {
        grid-template-columns: 1fr;
    }

    .user-edit-side[b-vbh20ch1i7] {
        position: static;
    }
}

@media (max-width: 575.98px) {
    .user-edit-body[b-vbh20ch1i7] {
        padding: 1rem;
    }
}
/* /Components/Settings/Pages/UserItem.razor.rz.scp.css */
.user-item-page[b-wzzz2rv3u3] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.user-profile-card[b-wzzz2rv3u3] {
    padding: 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.user-profile-main[b-wzzz2rv3u3] {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 0;
}

.user-avatar[b-wzzz2rv3u3] {
    width: 64px;
    height: 64px;
    border-radius: 1rem;
    background: linear-gradient(135deg, #1769ff, #4355e9);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    font-size: 1.25rem;
    font-weight: 850;
    letter-spacing: .02em;
    box-shadow: 0 10px 24px rgba(23, 105, 255, .18);
}

.user-profile-content[b-wzzz2rv3u3] {
    min-width: 0;
}

.user-title-row[b-wzzz2rv3u3] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .65rem;
}

    .user-title-row h2[b-wzzz2rv3u3] {
        margin: 0;
        color: #111827;
        font-size: 1.45rem;
        line-height: 1.2;
        font-weight: 850;
        letter-spacing: -.035em;
    }

.user-profile-email[b-wzzz2rv3u3] {
    display: inline-block;
    margin-top: .3rem;
    color: #64748b;
    font-size: .86rem;
    text-decoration: none;
}

    .user-profile-email:hover[b-wzzz2rv3u3] {
        color: #1769ff;
    }

.user-profile-meta[b-wzzz2rv3u3] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .45rem 1rem;
    margin-top: .65rem;
}

    .user-profile-meta span[b-wzzz2rv3u3] {
        display: inline-flex;
        align-items: center;
        gap: .3rem;
        color: #64748b;
        font-size: .76rem;
    }

    .user-profile-meta .material-symbols-outlined[b-wzzz2rv3u3] {
        font-size: 17px;
    }

.user-profile-actions[b-wzzz2rv3u3] {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

    .user-profile-actions .btn[b-wzzz2rv3u3] {
        display: inline-flex;
        align-items: center;
        gap: .4rem;
    }

    .user-profile-actions .material-symbols-outlined[b-wzzz2rv3u3] {
        font-size: 18px;
    }

.user-status[b-wzzz2rv3u3] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .28rem .58rem;
    border-radius: 999px;
    font-size: .7rem;
    line-height: 1;
    font-weight: 750;
}

.user-status-dot[b-wzzz2rv3u3] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

.user-status--active[b-wzzz2rv3u3] {
    color: #16845b;
    background: #eaf8f2;
}

.user-status--disabled[b-wzzz2rv3u3] {
    color: #64748b;
    background: #f1f5f9;
}

.user-status--locked[b-wzzz2rv3u3] {
    color: #dc2626;
    background: #fef0f0;
}

.user-status--pending[b-wzzz2rv3u3] {
    color: #b56b00;
    background: #fff5df;
}

.user-content-grid[b-wzzz2rv3u3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 1rem;
    align-items: start;
}

.user-main-column[b-wzzz2rv3u3] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.user-side-column[b-wzzz2rv3u3] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: sticky;
    top: 1rem;
}

.user-section-card[b-wzzz2rv3u3] {
    overflow: hidden;
}

.user-detail-grid[b-wzzz2rv3u3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.user-detail-item[b-wzzz2rv3u3] {
    padding: 1rem 1.25rem;
    border-top: 1px solid #edf1f5;
    min-width: 0;
}

    .user-detail-item:nth-child(odd)[b-wzzz2rv3u3] {
        border-right: 1px solid #edf1f5;
    }

.user-detail-label[b-wzzz2rv3u3] {
    display: block;
    margin-bottom: .32rem;
    color: #94a3b8;
    font-size: .7rem;
    font-weight: 700;
}

.user-detail-item strong[b-wzzz2rv3u3],
.user-detail-item a[b-wzzz2rv3u3] {
    display: block;
    color: #334155;
    font-size: .82rem;
    font-weight: 650;
    overflow-wrap: anywhere;
}

.user-detail-item a[b-wzzz2rv3u3] {
    color: #1769ff;
    text-decoration: none;
}

    .user-detail-item a:hover[b-wzzz2rv3u3] {
        text-decoration: underline;
    }

.user-side-card[b-wzzz2rv3u3] {
    padding: 1rem;
}

.user-side-card-header[b-wzzz2rv3u3] {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    padding-bottom: .9rem;
    border-bottom: 1px solid #edf1f5;
}

    .user-side-card-header > .material-symbols-outlined[b-wzzz2rv3u3] {
        margin-top: .05rem;
        color: #1769ff;
        font-size: 21px;
    }

    .user-side-card-header h3[b-wzzz2rv3u3] {
        margin: 0;
        color: #111827;
        font-size: .9rem;
        font-weight: 800;
    }

    .user-side-card-header p[b-wzzz2rv3u3] {
        margin: .15rem 0 0;
        color: #94a3b8;
        font-size: .7rem;
    }

.user-status-list[b-wzzz2rv3u3] {
    display: flex;
    flex-direction: column;
}

.user-status-row[b-wzzz2rv3u3] {
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid #edf1f5;
    color: #64748b;
    font-size: .76rem;
}

    .user-status-row:last-child[b-wzzz2rv3u3] {
        border-bottom: 0;
    }

    .user-status-row strong[b-wzzz2rv3u3] {
        color: #334155;
        font-weight: 750;
    }

.user-action-list[b-wzzz2rv3u3] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
    padding-top: 1rem;
}

    .user-action-list .btn[b-wzzz2rv3u3] {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: .5rem;
        width: 100%;
    }

    .user-action-list .material-symbols-outlined[b-wzzz2rv3u3] {
        font-size: 18px;
    }

.user-back-link[b-wzzz2rv3u3] {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: #64748b;
    font-size: .78rem;
    font-weight: 650;
    text-decoration: none;
}

    .user-back-link:hover[b-wzzz2rv3u3] {
        color: #1769ff;
    }

    .user-back-link .material-symbols-outlined[b-wzzz2rv3u3] {
        font-size: 18px;
    }

.user-loading[b-wzzz2rv3u3] {
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    color: #64748b;
}

.user-empty-state[b-wzzz2rv3u3] {
    padding: 3rem 1.5rem;
    text-align: center;
}

    .user-empty-state > .material-symbols-outlined[b-wzzz2rv3u3] {
        color: #94a3b8;
        font-size: 42px;
    }

    .user-empty-state h3[b-wzzz2rv3u3] {
        margin: .7rem 0 .25rem;
        color: #111827;
        font-size: 1rem;
        font-weight: 800;
    }

    .user-empty-state p[b-wzzz2rv3u3] {
        margin: 0 0 1rem;
        color: #64748b;
        font-size: .8rem;
    }

@media (max-width: 991.98px) {
    .user-content-grid[b-wzzz2rv3u3] {
        grid-template-columns: 1fr;
    }

    .user-side-column[b-wzzz2rv3u3] {
        position: static;
    }
}

@media (max-width: 767.98px) {
    .user-profile-card[b-wzzz2rv3u3] {
        align-items: flex-start;
        flex-direction: column;
    }

    .user-profile-actions[b-wzzz2rv3u3],
    .user-profile-actions .btn[b-wzzz2rv3u3] {
        width: 100%;
    }

        .user-profile-actions .btn[b-wzzz2rv3u3] {
            justify-content: center;
        }

    .user-detail-grid[b-wzzz2rv3u3] {
        grid-template-columns: 1fr;
    }

    .user-detail-item:nth-child(odd)[b-wzzz2rv3u3] {
        border-right: 0;
    }
}
/* /Components/Settings/Pages/Users.razor.rz.scp.css */
.users-page[b-zcliyvb390] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.users-toolbar[b-zcliyvb390] {
    padding: 1rem 1.25rem;
    display: grid;
    grid-template-columns: minmax(320px, 1fr) 220px auto;
    align-items: end;
    gap: 1rem;
}

.users-search[b-zcliyvb390],
.users-filter[b-zcliyvb390] {
    min-width: 0;
}

.users-toolbar .form-label[b-zcliyvb390] {
    color: #64748b;
    font-size: .75rem;
    font-weight: 700;
    margin-bottom: .4rem;
}

.users-search .input-group-text[b-zcliyvb390] {
    background: #ffffff;
    color: #64748b;
}

    .users-search .input-group-text .material-symbols-outlined[b-zcliyvb390] {
        font-size: 20px;
    }

.users-toolbar-actions[b-zcliyvb390] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .users-toolbar-actions .btn[b-zcliyvb390] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .4rem;
        white-space: nowrap;
    }

    .users-toolbar-actions .material-symbols-outlined[b-zcliyvb390] {
        font-size: 19px;
    }

.users-summary[b-zcliyvb390] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.users-summary-card[b-zcliyvb390] {
    padding: 1rem 1.1rem;
    display: flex;
    align-items: center;
    gap: .85rem;
}

.users-summary-icon[b-zcliyvb390] {
    width: 42px;
    height: 42px;
    border-radius: .75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: #1769ff;
    background: #edf4ff;
}

.users-summary-icon--success[b-zcliyvb390] {
    color: #16845b;
    background: #eaf8f2;
}

.users-summary-icon--warning[b-zcliyvb390] {
    color: #d97706;
    background: #fff5df;
}

.users-summary-icon--muted[b-zcliyvb390] {
    color: #64748b;
    background: #f1f5f9;
}

.users-summary-icon .material-symbols-outlined[b-zcliyvb390] {
    font-size: 21px;
}

.users-summary-card > div:last-child[b-zcliyvb390] {
    min-width: 0;
}

.users-summary-card span[b-zcliyvb390] {
    display: block;
    color: #64748b;
    font-size: .75rem;
    line-height: 1.25;
}

.users-summary-card strong[b-zcliyvb390] {
    display: block;
    margin-top: .15rem;
    color: #111827;
    font-size: 1.3rem;
    line-height: 1.15;
    font-weight: 800;
}

.users-results-card[b-zcliyvb390] {
    overflow: hidden;
}

.users-result-count[b-zcliyvb390] {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: .3rem .7rem;
    border: 1px solid #e5eaf2;
    border-radius: .5rem;
    background: #ffffff;
    color: #64748b;
    font-size: .75rem;
    font-weight: 700;
}

.users-table[b-zcliyvb390] {
    margin-bottom: 0;
}

    .users-table > :not(caption) > * > *[b-zcliyvb390] {
        padding: .85rem 1rem;
    }

    .users-table thead th[b-zcliyvb390] {
        color: #64748b;
        background: #f8fafc;
        border-bottom-color: #e7ecf3;
        font-size: .72rem;
        font-weight: 750;
        text-transform: none;
        white-space: nowrap;
    }

    .users-table tbody td[b-zcliyvb390] {
        color: #334155;
        border-bottom-color: #edf1f5;
        font-size: .82rem;
    }

    .users-table tbody tr:last-child td[b-zcliyvb390] {
        border-bottom: 0;
    }

.users-row[b-zcliyvb390] {
    cursor: pointer;
}

.users-user-cell[b-zcliyvb390] {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 220px;
}

.users-avatar[b-zcliyvb390] {
    width: 38px;
    height: 38px;
    border-radius: .7rem;
    background: linear-gradient(135deg, #1769ff, #4355e9);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .02em;
    box-shadow: 0 5px 14px rgba(23, 105, 255, .15);
}

.users-user-details[b-zcliyvb390] {
    min-width: 0;
}

    .users-user-details a[b-zcliyvb390] {
        display: block;
        color: #111827;
        font-weight: 750;
        text-decoration: none;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .users-user-details a:hover[b-zcliyvb390] {
            color: #1769ff;
        }

    .users-user-details small[b-zcliyvb390] {
        display: block;
        margin-top: .15rem;
        color: #94a3b8;
        font-size: .72rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.users-status[b-zcliyvb390] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .28rem .55rem;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 700;
    white-space: nowrap;
}

.users-status-dot[b-zcliyvb390] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

.users-status--active[b-zcliyvb390] {
    color: #16845b;
    background: #eaf8f2;
}

.users-status--disabled[b-zcliyvb390] {
    color: #64748b;
    background: #f1f5f9;
}

.users-status--locked[b-zcliyvb390] {
    color: #dc2626;
    background: #fef0f0;
}

.users-status--pending[b-zcliyvb390] {
    color: #b56b00;
    background: #fff5df;
}

.users-message[b-zcliyvb390] {
    padding: 1rem;
}

    .users-message .alert[b-zcliyvb390] {
        display: flex;
        align-items: flex-start;
        gap: .7rem;
    }

    .users-message .material-symbols-outlined[b-zcliyvb390] {
        font-size: 21px;
    }

@media (max-width: 1199.98px) {
    .users-toolbar[b-zcliyvb390] {
        grid-template-columns: minmax(260px, 1fr) 200px;
    }

    .users-toolbar-actions[b-zcliyvb390] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }

    .users-summary[b-zcliyvb390] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .users-toolbar[b-zcliyvb390] {
        grid-template-columns: 1fr;
    }

    .users-toolbar-actions[b-zcliyvb390] {
        grid-column: auto;
        justify-content: stretch;
    }

        .users-toolbar-actions .btn[b-zcliyvb390] {
            width: 100%;
        }

    .users-summary[b-zcliyvb390] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 479.98px) {
    .users-summary[b-zcliyvb390] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Tickets/Pages/TicketEdit.razor.rz.scp.css */
.ticket-edit-page[b-w7nsnlguf8] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ---------------------------------
   Layout
---------------------------------- */

.ticket-edit-grid[b-w7nsnlguf8] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 24rem;
    gap: 1rem;
    align-items: start;
}

.ticket-edit-main[b-w7nsnlguf8],
.ticket-edit-side[b-w7nsnlguf8] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ticket-edit-side[b-w7nsnlguf8] {
    position: sticky;
    top: 138px;
}

/* ---------------------------------
   Form cards
---------------------------------- */

.ticket-form-card[b-w7nsnlguf8] {
    min-width: 0;
    padding: 1.1rem;
}

.ticket-form-section-header[b-w7nsnlguf8] {
    margin-bottom: .9rem;
}

    .ticket-form-section-header h3[b-w7nsnlguf8] {
        margin: 0;
        color: #172033;
        font-size: 1.05rem;
        font-weight: 900;
    }

/* ---------------------------------
   Form layout
---------------------------------- */

.ticket-form-grid[b-w7nsnlguf8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .9rem;
}

    .ticket-form-grid > div[b-w7nsnlguf8] {
        min-width: 0;
    }

.ticket-edit-page .form-label[b-w7nsnlguf8] {
    color: #334155;
    font-size: .84rem;
    font-weight: 700;
}

.ticket-edit-page .form-control[b-w7nsnlguf8],
.ticket-edit-page .form-select[b-w7nsnlguf8] {
    min-width: 0;
}

.ticket-edit-page textarea.form-control[b-w7nsnlguf8] {
    resize: vertical;
}

/* ---------------------------------
   Checks / switches
---------------------------------- */

.ticket-form-checks[b-w7nsnlguf8] {
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    gap: .6rem;
}

    .ticket-form-checks .form-check[b-w7nsnlguf8] {
        margin: 0;
    }

    .ticket-form-checks .form-check-label[b-w7nsnlguf8] {
        color: #475569;
        font-size: .84rem;
    }

/* ---------------------------------
   Save panel
---------------------------------- */

.ticket-save-panel[b-w7nsnlguf8] {
    display: flex;
    flex-direction: column;
    gap: .6rem;
}

    .ticket-save-panel .btn[b-w7nsnlguf8] {
        width: 100%;
        min-height: 42px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .35rem;
    }

    .ticket-save-panel .material-symbols-outlined[b-w7nsnlguf8] {
        font-size: 19px;
    }

/* ---------------------------------
   Error
---------------------------------- */

.ticket-edit-page .crm-alert[b-w7nsnlguf8] {
    min-width: 0;
}

.ticket-edit-page .crm-alert[b-w7nsnlguf8] {
    overflow-wrap: anywhere;
}

/* ---------------------------------
   Loading
---------------------------------- */

.ticket-edit-state[b-w7nsnlguf8] {
    min-height: 20rem;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    text-align: center;
}

    .ticket-edit-state .material-symbols-outlined[b-w7nsnlguf8] {
        color: #94a3b8;
        font-size: 3rem;
    }

    .ticket-edit-state p[b-w7nsnlguf8] {
        margin: 0;
        color: #64748b;
    }

/* ---------------------------------
   Tablet
---------------------------------- */

@media (max-width: 1100px) {

    .ticket-edit-grid[b-w7nsnlguf8] {
        grid-template-columns: 1fr;
    }

    .ticket-edit-side[b-w7nsnlguf8] {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
    }

    .ticket-save-panel[b-w7nsnlguf8] {
        grid-column: 1 / -1;
    }
}

/* ---------------------------------
   Mobile
---------------------------------- */

@media (max-width: 767.98px) {

    .ticket-edit-page[b-w7nsnlguf8] {
        gap: .8rem;
    }

    /* Layout */

    .ticket-edit-grid[b-w7nsnlguf8] {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .8rem;
    }

    .ticket-edit-main[b-w7nsnlguf8],
    .ticket-edit-side[b-w7nsnlguf8] {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .8rem;
    }

    .ticket-edit-side[b-w7nsnlguf8] {
        position: static;
    }

    /* Cards */

    .ticket-form-card[b-w7nsnlguf8] {
        width: 100%;
        padding: .9rem;
    }

    .ticket-form-section-header[b-w7nsnlguf8] {
        margin-bottom: .75rem;
    }

        .ticket-form-section-header h3[b-w7nsnlguf8] {
            font-size: .98rem;
        }

    /* Form fields */

    .ticket-form-grid[b-w7nsnlguf8] {
        grid-template-columns: 1fr;
        gap: .8rem;
    }

    .ticket-edit-page .form-control[b-w7nsnlguf8],
    .ticket-edit-page .form-select[b-w7nsnlguf8] {
        min-height: 44px;
    }

    .ticket-edit-page textarea.form-control[b-w7nsnlguf8] {
        min-height: 110px;
    }

    .ticket-edit-page textarea[rows="7"][b-w7nsnlguf8] {
        min-height: 150px;
    }

    .ticket-edit-page textarea[rows="5"][b-w7nsnlguf8] {
        min-height: 120px;
    }

    .ticket-edit-page .mb-3[b-w7nsnlguf8] {
        margin-bottom: .8rem !important;
    }

    /* Switches */

    .ticket-form-checks[b-w7nsnlguf8] {
        margin-bottom: .8rem;
        gap: .55rem;
    }

        .ticket-form-checks .form-check[b-w7nsnlguf8] {
            min-height: 32px;
            display: flex;
            align-items: center;
            gap: .5rem;
        }

    /* Save */

    .ticket-save-panel[b-w7nsnlguf8] {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .5rem;
    }

        .ticket-save-panel .btn[b-w7nsnlguf8] {
            width: 100%;
            min-height: 44px;
        }

    /*
        Save first, destructive action second.
        This is already the Razor order.
    */

    /* Loading */

    .ticket-edit-state[b-w7nsnlguf8] {
        min-height: 14rem;
        padding: 1.25rem;
    }
}

/* ---------------------------------
   Small phones
---------------------------------- */

@media (max-width: 575.98px) {

    .ticket-form-card[b-w7nsnlguf8] {
        padding: .8rem;
    }

    .ticket-form-section-header h3[b-w7nsnlguf8] {
        font-size: .95rem;
    }

    .ticket-edit-page .form-label[b-w7nsnlguf8] {
        margin-bottom: .35rem;
        font-size: .78rem;
    }

    .ticket-edit-page .form-control[b-w7nsnlguf8],
    .ticket-edit-page .form-select[b-w7nsnlguf8] {
        font-size: .9rem;
    }
}
/* /Components/Tickets/Pages/TicketItem.razor.rz.scp.css */
.ticket-item-page[b-dx68w9eetj] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ---------------------------------
   Overview
---------------------------------- */

.ticket-overview-card[b-dx68w9eetj] {
    min-width: 0;
    padding: 1.1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.ticket-overview-status[b-dx68w9eetj],
.ticket-overview-meta[b-dx68w9eetj] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .6rem;
    flex-wrap: wrap;
}

.ticket-overview-status[b-dx68w9eetj] {
    flex: 0 0 auto;
}

.ticket-overview-meta[b-dx68w9eetj] {
    flex: 1 1 auto;
    justify-content: flex-end;
    color: #64748b;
    font-size: .92rem;
}

    .ticket-overview-meta > span[b-dx68w9eetj] {
        min-width: 0;
        display: inline-flex;
        align-items: center;
        gap: .3rem;
        overflow-wrap: anywhere;
    }

    .ticket-overview-meta .material-symbols-outlined[b-dx68w9eetj] {
        flex: 0 0 auto;
        color: #64748b;
        font-size: 1.1rem;
    }

/* ---------------------------------
   Buttons
---------------------------------- */

.ticket-action-list .btn[b-dx68w9eetj],
.ticket-comment-form .btn[b-dx68w9eetj],
.ticket-time-form .btn[b-dx68w9eetj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
}

.ticket-action-list .material-symbols-outlined[b-dx68w9eetj],
.ticket-comment-form .material-symbols-outlined[b-dx68w9eetj],
.ticket-time-form .material-symbols-outlined[b-dx68w9eetj] {
    font-size: 19px;
}

/* ---------------------------------
   Main layout
---------------------------------- */

.ticket-grid[b-dx68w9eetj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 24rem;
    gap: 1rem;
    align-items: flex-start;
}

.ticket-main-column[b-dx68w9eetj],
.ticket-side-column[b-dx68w9eetj] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ticket-side-column[b-dx68w9eetj] {
    position: sticky;
    top: 138px;
}

.ticket-section-card[b-dx68w9eetj] {
    min-width: 0;
    padding: 1.1rem;
}

.ticket-section-header[b-dx68w9eetj] {
    margin-bottom: .9rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

    .ticket-section-header h3[b-dx68w9eetj] {
        margin: 0;
        color: #172033;
        font-size: 1.05rem;
        font-weight: 900;
    }

/* ---------------------------------
   Description
---------------------------------- */

.ticket-description[b-dx68w9eetj] {
    margin: 0;
    color: #334155;
    line-height: 1.65;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.ticket-muted[b-dx68w9eetj] {
    margin: 0;
    color: #94a3b8;
    line-height: 1.5;
}

/* ---------------------------------
   Comment / time forms
---------------------------------- */

.ticket-comment-form[b-dx68w9eetj],
.ticket-time-form[b-dx68w9eetj],
.ticket-action-list[b-dx68w9eetj] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

    .ticket-comment-form textarea[b-dx68w9eetj],
    .ticket-time-form textarea[b-dx68w9eetj] {
        resize: vertical;
    }

    .ticket-comment-form .form-control[b-dx68w9eetj],
    .ticket-time-form .form-control[b-dx68w9eetj] {
        min-width: 0;
    }

/* ---------------------------------
   Timeline
---------------------------------- */

.ticket-timeline[b-dx68w9eetj] {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.ticket-timeline-item[b-dx68w9eetj] {
    min-width: 0;
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: .7rem;
}

.ticket-timeline-icon[b-dx68w9eetj] {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0875ff;
    background: #eff6ff;
    border-radius: 999px;
    font-size: 1.15rem;
}

.ticket-timeline-item > div[b-dx68w9eetj] {
    min-width: 0;
}

.ticket-timeline-meta[b-dx68w9eetj] {
    min-width: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
    color: #64748b;
    font-size: .85rem;
}

    .ticket-timeline-meta strong[b-dx68w9eetj] {
        min-width: 0;
        color: #172033;
        overflow-wrap: anywhere;
    }

    .ticket-timeline-meta span[b-dx68w9eetj] {
        flex: 0 0 auto;
        white-space: nowrap;
    }

.ticket-timeline-item p[b-dx68w9eetj] {
    margin: .25rem 0 0;
    color: #334155;
    line-height: 1.55;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

/* ---------------------------------
   Summary lists
---------------------------------- */

.ticket-summary-list[b-dx68w9eetj] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

    .ticket-summary-list > div[b-dx68w9eetj] {
        padding-bottom: .65rem;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 1rem;
        border-bottom: 1px solid rgba(15, 23, 42, .06);
    }

        .ticket-summary-list > div:last-child[b-dx68w9eetj] {
            padding-bottom: 0;
            border-bottom: 0;
        }

    .ticket-summary-list span[b-dx68w9eetj] {
        color: #64748b;
    }

    .ticket-summary-list strong[b-dx68w9eetj] {
        min-width: 0;
        color: #172033;
        text-align: right;
        overflow-wrap: anywhere;
    }

/* ---------------------------------
   Time entries
---------------------------------- */

.ticket-time-list[b-dx68w9eetj] {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.ticket-time-item[b-dx68w9eetj] {
    min-width: 0;
    padding: .75rem;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: .9rem;
}

    .ticket-time-item strong[b-dx68w9eetj] {
        display: block;
        color: #172033;
    }

    .ticket-time-item span[b-dx68w9eetj] {
        color: #64748b;
        font-size: .85rem;
    }

    .ticket-time-item p[b-dx68w9eetj] {
        margin: .35rem 0 0;
        color: #334155;
        line-height: 1.5;
        overflow-wrap: anywhere;
    }

/* ---------------------------------
   State
---------------------------------- */

.ticket-state-card[b-dx68w9eetj] {
    min-height: 20rem;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    text-align: center;
}

    .ticket-state-card .material-symbols-outlined[b-dx68w9eetj] {
        color: #94a3b8;
        font-size: 3rem;
    }

    .ticket-state-card h3[b-dx68w9eetj] {
        margin: 0;
        color: #172033;
        font-size: 1.25rem;
        font-weight: 900;
    }

    .ticket-state-card p[b-dx68w9eetj] {
        margin: 0;
        color: #64748b;
    }

/* ---------------------------------
   Status / priority
---------------------------------- */

.ticket-status-pill[b-dx68w9eetj],
.ticket-priority-pill[b-dx68w9eetj] {
    min-height: 1.75rem;
    padding: .25rem .6rem;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 800;
    white-space: nowrap;
}

    .ticket-status-pill.is-new[b-dx68w9eetj] {
        color: #1d4ed8;
        background: #eff6ff;
    }

    .ticket-status-pill.is-triage[b-dx68w9eetj] {
        color: #6d28d9;
        background: #f5f3ff;
    }

    .ticket-status-pill.is-progress[b-dx68w9eetj] {
        color: #0e7490;
        background: #ecfeff;
    }

    .ticket-status-pill.is-waiting[b-dx68w9eetj] {
        color: #c2410c;
        background: #fff7ed;
    }

    .ticket-status-pill.is-invoice[b-dx68w9eetj] {
        color: #a16207;
        background: #fef9c3;
    }

    .ticket-status-pill.is-complete[b-dx68w9eetj] {
        color: #047857;
        background: #ecfdf5;
    }

    .ticket-status-pill.is-cancelled[b-dx68w9eetj] {
        color: #64748b;
        background: #f1f5f9;
    }

    .ticket-priority-pill.is-low[b-dx68w9eetj] {
        color: #475569;
        background: #f1f5f9;
    }

    .ticket-priority-pill.is-normal[b-dx68w9eetj] {
        color: #1d4ed8;
        background: #eff6ff;
    }

    .ticket-priority-pill.is-high[b-dx68w9eetj] {
        color: #c2410c;
        background: #fff7ed;
    }

    .ticket-priority-pill.is-urgent[b-dx68w9eetj] {
        color: #dc2626;
        background: #fef2f2;
    }

/* ---------------------------------
   Tablet
---------------------------------- */

@media (max-width: 1100px) {

    .ticket-grid[b-dx68w9eetj] {
        grid-template-columns: 1fr;
    }

    .ticket-side-column[b-dx68w9eetj] {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
    }

        .ticket-side-column > .crm-card:last-child[b-dx68w9eetj] {
            grid-column: 1 / -1;
        }
}

/* ---------------------------------
   Mobile
---------------------------------- */

@media (max-width: 767.98px) {

    .ticket-item-page[b-dx68w9eetj] {
        gap: .8rem;
    }

    /* Overview */

    .ticket-overview-card[b-dx68w9eetj] {
        width: 100%;
        padding: .85rem;
        flex-direction: column;
        align-items: stretch;
        gap: .7rem;
    }

    .ticket-overview-status[b-dx68w9eetj] {
        width: 100%;
        gap: .45rem;
    }

    .ticket-status-pill[b-dx68w9eetj],
    .ticket-priority-pill[b-dx68w9eetj] {
        min-height: 1.5rem;
        padding: .15rem .5rem;
        font-size: .66rem;
    }

    .ticket-overview-meta[b-dx68w9eetj] {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: .35rem;
        font-size: .76rem;
    }

        .ticket-overview-meta > span[b-dx68w9eetj] {
            width: 100%;
        }

        .ticket-overview-meta .material-symbols-outlined[b-dx68w9eetj] {
            width: 18px;
            flex: 0 0 18px;
            font-size: 17px;
        }

    /* Layout */

    .ticket-grid[b-dx68w9eetj] {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .8rem;
    }

    .ticket-main-column[b-dx68w9eetj],
    .ticket-side-column[b-dx68w9eetj] {
        width: 100%;
        gap: .8rem;
    }

    .ticket-side-column[b-dx68w9eetj] {
        display: flex;
        flex-direction: column;
    }

    .ticket-section-card[b-dx68w9eetj] {
        width: 100%;
        padding: .85rem;
    }

    .ticket-section-header[b-dx68w9eetj] {
        margin-bottom: .7rem;
    }

        .ticket-section-header h3[b-dx68w9eetj] {
            font-size: .95rem;
        }

    /* Comments */

    .ticket-comment-form[b-dx68w9eetj] {
        gap: .55rem;
    }

        .ticket-comment-form textarea[b-dx68w9eetj] {
            min-height: 100px;
        }

        .ticket-comment-form .btn[b-dx68w9eetj] {
            width: 100%;
            min-height: 44px;
        }

    /* Timeline */

    .ticket-timeline[b-dx68w9eetj] {
        margin-top: .8rem;
        gap: .7rem;
    }

    .ticket-timeline-item[b-dx68w9eetj] {
        grid-template-columns: 1.8rem minmax(0, 1fr);
        gap: .55rem;
    }

    .ticket-timeline-icon[b-dx68w9eetj] {
        width: 1.8rem;
        height: 1.8rem;
        font-size: 1rem;
    }

    .ticket-timeline-meta[b-dx68w9eetj] {
        flex-direction: column;
        gap: .1rem;
        font-size: .72rem;
    }

        .ticket-timeline-meta span[b-dx68w9eetj] {
            white-space: normal;
        }

    .ticket-timeline-item p[b-dx68w9eetj] {
        margin-top: .2rem;
        font-size: .78rem;
        line-height: 1.5;
    }

    /* Quick actions */

    .ticket-action-list[b-dx68w9eetj] {
        gap: .5rem;
    }

        .ticket-action-list .btn[b-dx68w9eetj] {
            width: 100%;
            min-height: 44px;
            justify-content: flex-start;
            text-align: left;
        }

    /* Billing */

    .ticket-summary-list[b-dx68w9eetj] {
        gap: .55rem;
    }

        .ticket-summary-list > div[b-dx68w9eetj] {
            padding-bottom: .55rem;
        }

        .ticket-summary-list span[b-dx68w9eetj],
        .ticket-summary-list strong[b-dx68w9eetj] {
            font-size: .78rem;
        }

    /* Time */

    .ticket-time-form[b-dx68w9eetj] {
        gap: .6rem;
    }

        .ticket-time-form .form-control[b-dx68w9eetj] {
            min-height: 44px;
        }

        .ticket-time-form textarea.form-control[b-dx68w9eetj] {
            min-height: 90px;
        }

        .ticket-time-form .btn[b-dx68w9eetj] {
            width: 100%;
            min-height: 44px;
        }

    .ticket-time-list[b-dx68w9eetj] {
        margin-top: .8rem;
    }

    .ticket-time-item[b-dx68w9eetj] {
        padding: .7rem;
    }

        .ticket-time-item strong[b-dx68w9eetj] {
            font-size: .82rem;
        }

        .ticket-time-item span[b-dx68w9eetj] {
            font-size: .7rem;
        }

        .ticket-time-item p[b-dx68w9eetj] {
            font-size: .76rem;
        }

    /* State */

    .ticket-state-card[b-dx68w9eetj] {
        min-height: 14rem;
        padding: 1.25rem;
    }
}

/* ---------------------------------
   Small phones
---------------------------------- */

@media (max-width: 575.98px) {

    .ticket-overview-card[b-dx68w9eetj],
    .ticket-section-card[b-dx68w9eetj] {
        padding: .75rem;
    }

    .ticket-overview-status[b-dx68w9eetj] {
        align-items: flex-start;
    }

    .ticket-summary-list > div[b-dx68w9eetj] {
        flex-direction: column;
        gap: .12rem;
    }

    .ticket-summary-list strong[b-dx68w9eetj] {
        text-align: left;
    }
}
/* /Components/Tickets/Pages/Tickets.razor.rz.scp.css */
.tickets-page[b-71uarkejz9] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ---------------------------------
   Company context
---------------------------------- */

.tickets-context-filter[b-71uarkejz9] {
    min-height: 64px;
    padding: .85rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    background: #f7faff;
    border: 1px solid #cbdcfb;
    border-radius: .9rem;
}

.tickets-context-filter-main[b-71uarkejz9] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .75rem;
}

    .tickets-context-filter-main > .material-symbols-outlined[b-71uarkejz9] {
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #0b5cff;
        background: #eaf2ff;
        border-radius: .75rem;
        font-size: 20px;
    }

    .tickets-context-filter-main > div[b-71uarkejz9] {
        min-width: 0;
    }

    .tickets-context-filter-main strong[b-71uarkejz9] {
        display: block;
        color: #0f172a;
        font-size: .9rem;
        font-weight: 800;
    }

    .tickets-context-filter-main span[b-71uarkejz9] {
        display: block;
        margin-top: .1rem;
        color: #64748b;
        font-size: .8rem;
        line-height: 1.4;
    }

/* ---------------------------------
   Filters
---------------------------------- */

.tickets-filter-card[b-71uarkejz9] {
    padding: 1rem;
}

.tickets-filter-grid[b-71uarkejz9] {
    display: grid;
    grid-template-columns: minmax(220px, 1.3fr) repeat(3, minmax(150px, .8fr)) auto auto auto;
    align-items: end;
    gap: .85rem;
}

.tickets-search-filter[b-71uarkejz9] {
    min-width: 0;
}

    .tickets-search-filter .input-group[b-71uarkejz9] {
        min-width: 0;
    }

    .tickets-search-filter .input-group-text[b-71uarkejz9] {
        color: #64748b;
        background: #ffffff;
    }

    .tickets-search-filter .material-symbols-outlined[b-71uarkejz9] {
        font-size: 19px;
    }

.tickets-filter-toggle[b-71uarkejz9] {
    padding-bottom: .45rem;
    white-space: nowrap;
}

.tickets-filter-actions .btn[b-71uarkejz9] {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
}

/* ---------------------------------
   Results card/header
---------------------------------- */

.tickets-table-card[b-71uarkejz9] {
    overflow: hidden;
}

.tickets-table-header[b-71uarkejz9] {
    min-height: 72px;
    padding: 1rem 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid rgba(15, 23, 42, .06);
}

    .tickets-table-header > div:first-child[b-71uarkejz9] {
        min-width: 0;
    }

    .tickets-table-header h3[b-71uarkejz9] {
        margin: 0;
        color: #0f172a;
        font-size: 1rem;
        font-weight: 850;
    }

    .tickets-table-header p[b-71uarkejz9] {
        margin: .2rem 0 0;
        color: #64748b;
        font-size: .84rem;
        line-height: 1.4;
    }

.tickets-table-header-actions[b-71uarkejz9] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
    flex-wrap: wrap;
}

/* ---------------------------------
   Desktop table
---------------------------------- */

.tickets-desktop-view[b-71uarkejz9] {
    display: block;
}

.tickets-table[b-71uarkejz9] {
    margin: 0;
}

    .tickets-table thead th[b-71uarkejz9] {
        padding: .85rem 1rem;
        color: #475569;
        background: #f8fafc;
        border-bottom: 1px solid rgba(15, 23, 42, .08);
        font-size: .72rem;
        font-weight: 800;
        letter-spacing: .02em;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .tickets-table tbody tr[b-71uarkejz9] {
        cursor: pointer;
    }

        .tickets-table tbody tr:hover[b-71uarkejz9] {
            background: #f8fbff;
        }

    .tickets-table td[b-71uarkejz9] {
        padding: .85rem 1rem;
        color: #172033;
        border-color: rgba(15, 23, 42, .06);
        vertical-align: middle;
    }

.tickets-title-cell[b-71uarkejz9] {
    min-width: 280px;
    display: flex;
    align-items: center;
    gap: .75rem;
}

    .tickets-title-cell > div[b-71uarkejz9] {
        min-width: 0;
    }

    .tickets-title-cell strong[b-71uarkejz9] {
        display: block;
        color: #0875ff;
        font-weight: 800;
    }

    .tickets-title-cell small[b-71uarkejz9] {
        display: block;
        max-width: 34rem;
        overflow: hidden;
        color: #64748b;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.tickets-avatar[b-71uarkejz9] {
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0f5fd7;
    background: linear-gradient(135deg, #dbeafe, #bfdbfe);
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 900;
}

/* ---------------------------------
   Company
---------------------------------- */

.tickets-company-link[b-71uarkejz9] {
    color: #2563eb;
    font-weight: 700;
    text-decoration: none;
}

    .tickets-company-link:hover[b-71uarkejz9] {
        text-decoration: underline;
    }

/* ---------------------------------
   Status / priority
---------------------------------- */

.ticket-status-pill[b-71uarkejz9],
.ticket-priority-pill[b-71uarkejz9] {
    min-height: 1.75rem;
    padding: .25rem .6rem;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 800;
    white-space: nowrap;
}

    .ticket-status-pill.is-new[b-71uarkejz9] {
        color: #1d4ed8;
        background: #eff6ff;
    }

    .ticket-status-pill.is-triage[b-71uarkejz9] {
        color: #6d28d9;
        background: #f5f3ff;
    }

    .ticket-status-pill.is-progress[b-71uarkejz9] {
        color: #0e7490;
        background: #ecfeff;
    }

    .ticket-status-pill.is-waiting[b-71uarkejz9] {
        color: #c2410c;
        background: #fff7ed;
    }

    .ticket-status-pill.is-invoice[b-71uarkejz9] {
        color: #a16207;
        background: #fef9c3;
    }

    .ticket-status-pill.is-complete[b-71uarkejz9] {
        color: #047857;
        background: #ecfdf5;
    }

    .ticket-status-pill.is-cancelled[b-71uarkejz9] {
        color: #64748b;
        background: #f1f5f9;
    }

    .ticket-priority-pill.is-low[b-71uarkejz9] {
        color: #475569;
        background: #f1f5f9;
    }

    .ticket-priority-pill.is-normal[b-71uarkejz9] {
        color: #1d4ed8;
        background: #eff6ff;
    }

    .ticket-priority-pill.is-high[b-71uarkejz9] {
        color: #c2410c;
        background: #fff7ed;
    }

    .ticket-priority-pill.is-urgent[b-71uarkejz9] {
        color: #dc2626;
        background: #fef2f2;
    }

/* ---------------------------------
   Boolean icons
---------------------------------- */

.ticket-bool-icon[b-71uarkejz9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .ticket-bool-icon .material-symbols-outlined[b-71uarkejz9] {
        font-size: 1.35rem;
    }

    .ticket-bool-icon.is-yes[b-71uarkejz9] {
        color: #059669;
    }

    .ticket-bool-icon.is-no[b-71uarkejz9] {
        color: #e11d48;
    }

/* ---------------------------------
   Mobile cards
---------------------------------- */

.tickets-mobile-list[b-71uarkejz9] {
    display: none;
}

/* ---------------------------------
   Loading / empty
---------------------------------- */

.tickets-state[b-71uarkejz9] {
    min-height: 18rem;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    text-align: center;
}

    .tickets-state .material-symbols-outlined[b-71uarkejz9] {
        color: #94a3b8;
        font-size: 3rem;
    }

    .tickets-state h3[b-71uarkejz9] {
        margin: 0;
        color: #172033;
        font-size: 1.25rem;
        font-weight: 900;
    }

    .tickets-state p[b-71uarkejz9] {
        margin: 0 0 .6rem;
        color: #64748b;
    }

/* ---------------------------------
   Footer
---------------------------------- */

.tickets-table-footer[b-71uarkejz9] {
    padding: .9rem 1rem;
    display: flex;
    justify-content: flex-end;
    color: #64748b;
    border-top: 1px solid rgba(15, 23, 42, .06);
    font-size: .9rem;
}

/* ---------------------------------
   Tablet
---------------------------------- */

@media (max-width: 1200px) {

    .tickets-filter-grid[b-71uarkejz9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tickets-filter-toggle[b-71uarkejz9] {
        padding-bottom: 0;
    }

    .tickets-filter-actions[b-71uarkejz9] {
        grid-column: 1 / -1;
    }

        .tickets-filter-actions .btn[b-71uarkejz9] {
            width: 100%;
        }
}

/* ---------------------------------
   Mobile
---------------------------------- */

@media (max-width: 767.98px) {

    .tickets-page[b-71uarkejz9] {
        gap: .8rem;
    }

    /* Context */

    .tickets-context-filter[b-71uarkejz9] {
        width: 100%;
        padding: .8rem;
        flex-direction: column;
        align-items: stretch;
        gap: .75rem;
    }

        .tickets-context-filter > .btn[b-71uarkejz9] {
            width: 100%;
            min-height: 42px;
            justify-content: center;
        }

    /* Filters */

    .tickets-filter-card[b-71uarkejz9] {
        width: 100%;
        padding: .85rem;
    }

    .tickets-filter-grid[b-71uarkejz9] {
        grid-template-columns: 1fr;
        gap: .75rem;
    }

    .tickets-filter-card .form-control[b-71uarkejz9],
    .tickets-filter-card .form-select[b-71uarkejz9] {
        min-height: 44px;
    }

    .tickets-search-filter .input-group-text[b-71uarkejz9] {
        min-width: 44px;
        justify-content: center;
    }

    .tickets-filter-toggle[b-71uarkejz9] {
        padding: .1rem 0;
    }

        .tickets-filter-toggle .form-check[b-71uarkejz9] {
            margin: 0;
        }

        .tickets-filter-toggle .form-check-label[b-71uarkejz9] {
            color: #475569;
            font-size: .78rem;
        }

    .tickets-filter-actions[b-71uarkejz9] {
        grid-column: auto;
    }

        .tickets-filter-actions .btn[b-71uarkejz9] {
            width: 100%;
            min-height: 44px;
        }

    /* Results header */

    .tickets-table-header[b-71uarkejz9] {
        min-height: 0;
        padding: .85rem;
        flex-direction: column;
        align-items: stretch;
        gap: .75rem;
    }

    .tickets-table-header-actions[b-71uarkejz9] {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .5rem;
    }

        .tickets-table-header-actions .btn[b-71uarkejz9] {
            width: 100%;
            min-height: 42px;
        }

            .tickets-table-header-actions .btn:only-child[b-71uarkejz9] {
                grid-column: 1 / -1;
            }

    /* Hide desktop table */

    .tickets-desktop-view[b-71uarkejz9] {
        display: none;
    }

    /* Cards */

    .tickets-mobile-list[b-71uarkejz9] {
        width: 100%;
        padding: .55rem;
        display: flex;
        flex-direction: column;
        gap: .65rem;
    }

    .tickets-mobile-card[b-71uarkejz9] {
        width: 100%;
        overflow: hidden;
        background: #ffffff;
        border: 1px solid #e5eaf2;
        border-radius: .9rem;
        box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
    }

    .tickets-mobile-main[b-71uarkejz9] {
        min-width: 0;
        padding: .8rem;
        display: flex;
        align-items: flex-start;
        gap: .7rem;
    }

    .tickets-mobile-avatar[b-71uarkejz9] {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
        font-size: .7rem;
    }

    .tickets-mobile-heading[b-71uarkejz9] {
        min-width: 0;
        flex: 1 1 auto;
    }

    .tickets-mobile-title-row[b-71uarkejz9] {
        min-width: 0;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: .5rem;
    }

    .tickets-mobile-title[b-71uarkejz9] {
        min-width: 0;
        color: #111827;
        font-size: .88rem;
        font-weight: 800;
        line-height: 1.3;
        overflow-wrap: anywhere;
    }

    .tickets-mobile-title-row .ticket-status-pill[b-71uarkejz9] {
        min-height: 1.4rem;
        padding: .12rem .45rem;
        flex: 0 0 auto;
        font-size: .62rem;
    }

    .tickets-mobile-company[b-71uarkejz9] {
        min-width: 0;
        margin-top: .25rem;
        display: flex;
        align-items: center;
        gap: .3rem;
        color: #2563eb;
        font-size: .73rem;
        font-weight: 700;
        line-height: 1.35;
        text-decoration: none;
        overflow-wrap: anywhere;
    }

        .tickets-mobile-company .material-symbols-outlined[b-71uarkejz9] {
            flex: 0 0 auto;
            color: #64748b;
            font-size: 16px;
        }

    .tickets-mobile-muted[b-71uarkejz9] {
        color: #94a3b8;
    }

    .tickets-mobile-description[b-71uarkejz9] {
        margin: .45rem 0 0;
        display: -webkit-box;
        overflow: hidden;
        color: #64748b;
        font-size: .74rem;
        line-height: 1.45;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow-wrap: anywhere;
    }

    .tickets-mobile-chevron[b-71uarkejz9] {
        flex: 0 0 auto;
        align-self: center;
        color: #a6afbc;
        font-size: 20px;
    }

    /* Details */

    .tickets-mobile-details[b-71uarkejz9] {
        padding: .7rem .8rem;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .7rem;
        background: #f8fafc;
        border-top: 1px solid #edf0f4;
    }

    .tickets-mobile-detail[b-71uarkejz9] {
        min-width: 0;
        display: flex;
        align-items: flex-start;
        gap: .45rem;
    }

        .tickets-mobile-detail > .material-symbols-outlined[b-71uarkejz9] {
            width: 18px;
            flex: 0 0 18px;
            margin-top: .05rem;
            color: #64748b;
            font-size: 17px;
        }

        .tickets-mobile-detail > div[b-71uarkejz9] {
            min-width: 0;
        }

        .tickets-mobile-detail small[b-71uarkejz9] {
            display: block;
            margin-bottom: .08rem;
            color: #94a3b8;
            font-size: .65rem;
        }

        .tickets-mobile-detail strong[b-71uarkejz9] {
            display: block;
            color: #334155;
            font-size: .75rem;
            font-weight: 750;
            line-height: 1.35;
            overflow-wrap: anywhere;
        }

        .tickets-mobile-detail .ticket-priority-pill[b-71uarkejz9] {
            min-height: 1.35rem;
            padding: .1rem .4rem;
            font-size: .62rem;
        }

    /* Flags */

    .tickets-mobile-flags[b-71uarkejz9] {
        padding: .6rem .8rem;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: .45rem .7rem;
        border-top: 1px solid #edf0f4;
    }

    .tickets-mobile-flag[b-71uarkejz9] {
        display: inline-flex;
        align-items: center;
        gap: .25rem;
        color: #64748b;
        font-size: .68rem;
        font-weight: 700;
    }

        .tickets-mobile-flag .material-symbols-outlined[b-71uarkejz9] {
            font-size: 16px;
        }

        .tickets-mobile-flag.is-yes[b-71uarkejz9] {
            color: #059669;
        }

        .tickets-mobile-flag.is-no[b-71uarkejz9] {
            color: #94a3b8;
        }

    .tickets-mobile-created[b-71uarkejz9] {
        margin-left: auto;
        color: #94a3b8;
        font-size: .66rem;
    }

    /* Action */

    .tickets-mobile-actions[b-71uarkejz9] {
        padding: .55rem;
        border-top: 1px solid #edf0f4;
    }

        .tickets-mobile-actions .btn[b-71uarkejz9] {
            width: 100%;
            min-height: 42px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: .35rem;
        }

    /* Footer */

    .tickets-table-footer[b-71uarkejz9] {
        padding: .7rem .8rem;
        justify-content: center;
        font-size: .75rem;
    }
}

/* ---------------------------------
   Small phones
---------------------------------- */

@media (max-width: 575.98px) {

    .tickets-filter-card[b-71uarkejz9] {
        padding: .75rem;
    }

    .tickets-table-header-actions[b-71uarkejz9] {
        grid-template-columns: 1fr;
    }

        .tickets-table-header-actions .btn[b-71uarkejz9] {
            grid-column: auto;
        }

    .tickets-mobile-list[b-71uarkejz9] {
        padding: .45rem;
        gap: .55rem;
    }

    .tickets-mobile-main[b-71uarkejz9] {
        padding: .75rem;
    }

    .tickets-mobile-title-row[b-71uarkejz9] {
        flex-direction: column;
        gap: .3rem;
    }

    .tickets-mobile-details[b-71uarkejz9] {
        padding: .65rem .75rem;
        grid-template-columns: 1fr;
        gap: .55rem;
    }

    .tickets-mobile-flags[b-71uarkejz9] {
        padding: .6rem .75rem;
    }

    .tickets-mobile-created[b-71uarkejz9] {
        width: 100%;
        margin-left: 0;
    }

    .tickets-mobile-actions[b-71uarkejz9] {
        padding: .5rem;
    }
}