/* _content/MiniCrm/Components/Common/Tabs.razor.rz.scp.css */
.tabs[b-qmp13cab1c] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.tab-row[b-qmp13cab1c] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.tab[b-qmp13cab1c] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem .9rem;
    border-radius: 999px;
    border: 1px solid var(--c-line);
    background: var(--c-input);
    color: var(--c-text);
    font-weight: 700;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease, color .15s ease;
}

    .tab .ic[b-qmp13cab1c] {
        opacity: .9;
    }

    .tab:hover[b-qmp13cab1c] {
        border-color: var(--c-btn-hover);
    }

    .tab.active[b-qmp13cab1c] {
        background: var(--c-btn);
        border-color: var(--c-btn);
        color: #fff;
    }

.tab-body[b-qmp13cab1c] {
    background: var(--c-chrome);
    border: 1px solid var(--c-line);
    border-radius: 14px;
    padding: 16px;
    box-shadow: 0 6px 22px rgba(0,0,0,.25);
}
/* _content/MiniCrm/Components/Layout/MainLayout.razor.rz.scp.css */
:root[b-2ctraalgpw] {
    /* keep here so the file compiles even if app.css lags; values come from app.css */
    --c-bg: #12131A;
    --c-chrome: #1C1C25;
    --c-input: #282932;
    --c-btn: #0077FE;
    --c-line: rgba(255,255,255,.08);
    --c-text: #E7E8ED;
}

/* Layout chrome */
.chrome[b-2ctraalgpw] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: var(--c-bg);
    color: var(--c-text);
}

/* Topbar */
.topbar[b-2ctraalgpw] {
    height: 56px;
    display: flex;
    align-items: center;
    gap: .75rem;
    background: linear-gradient(90deg, rgb(29 28 28) 20%, rgb(45 55 106) 100%) !important;
    border-bottom: 1px solid var(--c-line);
    padding: 0 .75rem 0 1rem;
    position: sticky;
    top: 0;
    z-index: 100;
}

.burger[b-2ctraalgpw] {
    appearance: none;
    border: 0;
    background: transparent;
    color: var(--c-text);
    font-size: 1.25rem;
    cursor: pointer;
}

.brand[b-2ctraalgpw] {
    font-weight: 800;
    letter-spacing: .3px;
}

.top-spacer[b-2ctraalgpw] {
    flex: 1 1 auto;
}

/* ========================================================= */
/* 🔎 GLOBAL CLIENTI SEARCH + DROPDOWN */
/* ========================================================= */

.top-search-wrap[b-2ctraalgpw] {
    position: relative;
    width: min(36vw, 420px);
}

/* Search bar */
.top-search[b-2ctraalgpw] {
    width: 100%;
    height: 34px;
    padding: 0 12px;
    border-radius: 8px;
    background: #1e2430;
    border: 1px solid #333a47;
    color: #e5e9f0;
    font-size: 0.95rem;
    transition: border-color .15s, background .15s, box-shadow .15s;
}

    .top-search:focus[b-2ctraalgpw] {
        outline: none;
        border-color: #4da3ff;
        background: #262d3a;
        box-shadow: 0 0 0 2px rgba(77,163,255,0.3);
    }

/* Dropdown */
.top-search-dropdown[b-2ctraalgpw] {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    background: #1c212d;
    border: 1px solid #303744;
    border-radius: 8px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.45);
    padding: 4px 0;
    z-index: 5000;
    animation: fadeIn-b-2ctraalgpw 0.15s ease-out;
}

.top-search-item[b-2ctraalgpw] {
    width: 100%;
    padding: 8px 12px;
    background: transparent;
    border: none;
    color: #d7dce6;
    text-align: left;
    font-size: 0.92rem;
    cursor: pointer;
    transition: background .12s, color .12s;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

    .top-search-item:hover[b-2ctraalgpw] {
        background: #2e3544;
        color: white;
    }

    .top-search-item.muted[b-2ctraalgpw] {
        color: #7b8695;
        cursor: default;
    }

.top-search-name[b-2ctraalgpw] {
    font-weight: 600;
    letter-spacing: 0.3px;
}
.top-search-meta[b-2ctraalgpw] {
    margin-top: 4px;
    font-size: 0.82rem;
    color: #cbd5e1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}

.top-search-meta-item[b-2ctraalgpw] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.meta-icon[b-2ctraalgpw] {
    font-size: 0.85rem;
    opacity: 0.85;
}

/* Simple fade-in animation */
@keyframes fadeIn-b-2ctraalgpw {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

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

/* ========================================================= */

/* Top actions */
.top-action[b-2ctraalgpw] {
    height: 34px;
    padding: 0 .8rem;
    border-radius: 8px;
    border: 1px solid transparent;
    background: var(--c-btn);
    color: white;
    font-weight: 600;
}

    .top-action:hover[b-2ctraalgpw] {
        background: var(--c-btn-hover);
    }

    /* subtle outlined style for Log out */
    .top-action.outline[b-2ctraalgpw] {
        background: transparent;
        color: var(--c-text);
        border-color: var(--c-line);
    }

        .top-action.outline:hover[b-2ctraalgpw] {
            background: #262734;
            border-color: var(--c-btn);
        }

.avatar[b-2ctraalgpw] {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    background: #2a2b35;
    color: #e5edff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .8rem;
    font-weight: 700;
}

/* Grid */
.shell[b-2ctraalgpw] {
    display: grid;
    grid-template-columns: 260px 1fr;
    min-height: calc(100vh - 56px);
    transition: grid-template-columns .18s ease;
}

    .shell.collapsed[b-2ctraalgpw] {
        grid-template-columns: 72px 1fr;
    }

/* Sidebar */
.sidebar[b-2ctraalgpw] {
    background: linear-gradient(115deg, rgba(27, 29, 35, 1) 22%, rgb(45 55 106) 100%) !important, var(--c-chrome);
    border-right: 1px solid var(--c-line);
    overflow: auto;
    min-height: calc(100vh - 56px);
    transition: width .18s ease, transform .18s ease;
}

    .sidebar.collapsed[b-2ctraalgpw] {
    }

@media (max-width: 768px) {
    .shell[b-2ctraalgpw] {
        grid-template-columns: 0 1fr;
    }

    .sidebar[b-2ctraalgpw] {
        transform: translateX(-100%);
        transition: transform .18s ease;
        position: fixed;
        inset: 56px 0 0 auto;
        width: 260px;
        z-index: 90;
        min-height: auto;
    }

        .sidebar.open[b-2ctraalgpw] {
            transform: translateX(0);
        }

    .shell.collapsed[b-2ctraalgpw] {
        grid-template-columns: 0 1fr;
    }
}

/* Work area */
.workspace[b-2ctraalgpw] {
    padding: 20px clamp(14px, 3vw, 28px);
}

/* Reusable card */
.card[b-2ctraalgpw] {
    background: var(--c-chrome);
    border: 1px solid var(--c-line);
    border-radius: 14px;
    box-shadow: 0 6px 22px rgba(0,0,0,.25);
}
/* _content/MiniCrm/Components/Layout/NavMenu.razor.rz.scp.css */
:root[b-k7gb1wp6d1] {
    --c-elev: #101826;
    --c-elev-2: #0d1420;
    --c-line: rgba(255,255,255,.06);
    --c-text: #e7ecf8;
    --c-muted: #9fb0cc;
    --c-active: #1f2a40;
}

/* Keep sidebar background coming from MainLayout; this surface is transparent */
.menu[b-k7gb1wp6d1] {
    padding: 10px 10px 40px;
    color: var(--c-text);
    background: transparent !important;
}

/* Collapse toggle (icon-only) */
.collapse-toggle[b-k7gb1wp6d1] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    margin: 4px 6px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0f1a2e;
    border: 1px solid var(--c-line);
    color: var(--c-text);
    cursor: pointer;
}

    .collapse-toggle:hover[b-k7gb1wp6d1] {
        background: #132240;
    }

/* Section headers — hidden in collapsed */
.menu-section[b-k7gb1wp6d1] {
    color: var(--c-muted);
    font-size: .78rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    padding: 8px 10px;
    margin-top: 8px;
}

/* Links */
.item[b-k7gb1wp6d1] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 10px 12px;
    border-radius: 10px;
    margin: 4px 6px;
    color: var(--c-text);
    text-decoration: none;
    border: 1px solid transparent;
}

    .item:hover[b-k7gb1wp6d1] {
        background: #0f1a2e;
        border-color: var(--c-line);
    }

    .item.active[b-k7gb1wp6d1] {
        background: var(--c-active);
        border-color: var(--c-line);
    }

    /* Icon cell */
    .item .ic[b-k7gb1wp6d1] {
        width: 1.25rem;
        text-align: center;
        opacity: .95;
    }

/* Submenu (only visible expanded) */
.submenu[b-k7gb1wp6d1] {
    display: none;
    padding-left: 10px;
}

    .submenu.show[b-k7gb1wp6d1] {
        display: block;
    }

.subitem[b-k7gb1wp6d1] {
    display: block;
    color: var(--c-text);
    text-decoration: none;
    padding: 8px 16px;
    margin: 3px 12px;
    border-radius: 8px;
    border: 1px dashed transparent;
}

    .subitem:hover[b-k7gb1wp6d1] {
        background: #0f1a2e;
        border-color: var(--c-line);
    }

    .subitem.active[b-k7gb1wp6d1] {
        background: #1a2743;
        border-color: var(--c-line);
    }

/* ------------------------- */
/* Collapsed (icons only)    */
/* ------------------------- */

.menu.collapsed .menu-section[b-k7gb1wp6d1] {
    display: none;
}

.menu.collapsed .lbl[b-k7gb1wp6d1] {
    display: none;
}

/* Center icons and tighten paddings in collapsed mode */
.menu.collapsed .item[b-k7gb1wp6d1] {
    justify-content: center;
    gap: 0;
    padding: 10px 0;
    margin: 4px 10px;
}

    /* Slightly larger icon area for readability */
    .menu.collapsed .item .ic[b-k7gb1wp6d1] {
        width: 1.6rem;
        font-size: 1.06rem;
    }

/* Keep toggle consistent in collapsed mode (already icon-only) */
.menu.collapsed .collapse-toggle[b-k7gb1wp6d1] {
    width: 40px;
    margin-left: 16px; /* visually centered under the sidebar width */
}

.nav-badge-admin[b-k7gb1wp6d1] {
    background: rgba(255,0,0,.12);
    border: 1px solid rgba(255,0,0,.4);
    color: #ff6b6b;
    font-size: .6rem;
    font-weight: 700;
    line-height: 1;
    padding: .25rem .4rem;
    border-radius: .4rem;
    margin-left: .5rem;
}

.nav-icon[b-k7gb1wp6d1] {
    margin-right: .5rem;
}

.nav-link[b-k7gb1wp6d1] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .25rem;
}

/* _content/MiniCrm/Components/Pages/Admin/TemplateEditor.razor.rz.scp.css */
.template-editor[b-knju7eeums] {
    color: var(--c-text, #f5f5f5);
}

.template-editor .card[b-knju7eeums] {
    background: var(--c-chrome, #1b1b1b);
    color: var(--c-text, #f5f5f5);
    border: 1px solid var(--c-line, #333);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}

.template-editor .lead-in[b-knju7eeums] {
    color: var(--c-muted, #c8c8c8);
}

.template-editor .form-label[b-knju7eeums],
.template-editor .form-text[b-knju7eeums],
.template-editor label[b-knju7eeums] {
    color: #e8e8e8;
}

.template-editor .text-muted[b-knju7eeums],
.template-editor .form-text[b-knju7eeums],
.template-editor small[b-knju7eeums],
.template-editor .small[b-knju7eeums] {
    color: #e0e0e0 !important;
}

.placeholder-grid[b-knju7eeums] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 12px;
}

.placeholder-card[b-knju7eeums] {
    border: 1px solid var(--c-line, #333);
    border-radius: 10px;
    padding: 12px;
    background: var(--c-surface, #232323);
}

.placeholder-card .tag[b-knju7eeums] {
    font-weight: 700;
    color: var(--c-text, #f5f5f5);
}

.placeholder-card .context[b-knju7eeums] {
    min-height: 38px;
    font-size: 0.9rem;
}

.doc-preview[b-knju7eeums] {
    border: 1px solid var(--c-line, #d5d5d5);
    border-radius: 10px;
    padding: 16px;
    background: #f6f6f6;
    color: #111;
    max-height: 70vh;
    overflow: auto;
    white-space: pre-wrap;
    font-family: "Segoe UI", Tahoma, sans-serif;
    font-size: 14px;
    line-height: 1.45;
    max-width: 1020px;
    margin: 0 auto;
    overflow-x: auto;
}

:global(.template-editor .doc-preview .ph-paragraph)[b-knju7eeums] {
    margin-bottom: 8px;
}

:global(.template-editor .doc-preview table.ph-table)[b-knju7eeums],
:global(.template-editor .doc-preview table.ph-table tr)[b-knju7eeums],   
:global(.template-editor .doc-preview table.ph-table th)[b-knju7eeums],
:global(.template-editor .doc-preview table.ph-table td)[b-knju7eeums],
:global(.template-editor .doc-preview table.ph-table thead)[b-knju7eeums],
:global(.template-editor .doc-preview table.ph-table tbody)[b-knju7eeums],
:global(.template-editor .doc-preview table.ph-table tfoot)[b-knju7eeums] {
    border: 1px solid #000 !important;
    border-width: 1px !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    background: #fff !important;
    color: #111 !important;
}

:global(.template-editor .doc-preview table.ph-table)[b-knju7eeums] {
    width: 100%;
    table-layout: fixed;
    margin-bottom: 12px;
}

:global(.template-editor .doc-preview table.ph-table td)[b-knju7eeums],
:global(.template-editor .doc-preview table.ph-table th)[b-knju7eeums] {
    padding: 4px 6px;
    vertical-align: top;
}

:global(.template-editor .doc-preview .ph-tag)[b-knju7eeums] {
    display: inline-block;
    padding: 2px 4px;
    margin: 0 2px;
    background: #fff7d6;
    border: 1px dashed #c18f00;
    border-radius: 4px;
    font-weight: 700;
    color: #0d6efd !important;
    line-height: 1.3;
}

:global(.template-editor .doc-preview .preview-header)[b-knju7eeums] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 14px;
    align-items: flex-start;
    padding: 8px 4px 12px;
    margin-bottom: 14px;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
}

:global(.template-editor .doc-preview .preview-logo)[b-knju7eeums] {
    height: 56px;
    width: auto;
}

:global(.template-editor .doc-preview .preview-header__logo)[b-knju7eeums] {
    display: flex;
    align-items: flex-start;
}

:global(.template-editor .doc-preview .preview-header__lines)[b-knju7eeums] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 8px 14px;
    font-size: 13px;
    line-height: 1.35;
    color: #0f0f0f;
}

:global(.template-editor .doc-preview .preview-header-line)[b-knju7eeums] {
    padding: 6px 8px;
    border: 1px dashed #cfcfcf;
    border-radius: 6px;
    background: #fff;
}
/* _content/MiniCrm/Components/Pages/ClientiDetail.razor.rz.scp.css */
:root[b-ifvgro0uq3] {
    --c-bg: #12131A;
    --c-chrome: #1C1C25;
    --c-input: #282932;
    --c-line: rgba(255,255,255,.10);
    --c-text: #E7E8ED;
    --c-muted: #A7A8B1;
    --c-pill: #2a3152;
    --c-pill-active: #3b4c86;
    --c-accent: #0077FE;
    --c-accent-2: #4b59a8;
    /* NEW: mild elevations + rings */
    --shadow-1: 0 6px 18px rgba(0,0,0,.35);
    --shadow-2: 0 10px 26px rgba(0,0,0,.45);
    --ring-accent: 0 0 0 2px rgba(0,119,254,.35);
    --ring-edit: 0 0 0 2px rgba(111,130,230,.35);
    /* NEW: green tech palette to match SMS/+Adaugă */
    --g-bg: #1f2e24;
    --g-bg-2: #173922;
    --g-border: #385c43;
    --g-border-strong: #4ea75a;
    --g-text: #d8ffe0;
    --g-neon: rgba(0,255,140,.35);
}

/* Wrapper */
.clienti-page[b-ifvgro0uq3] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Header */
.page-head[b-ifvgro0uq3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 6px 4px 0;
}

.client-title[b-ifvgro0uq3] {
    margin: 0;
    font-size: 1.9rem;
    font-weight: 900;
    letter-spacing: .2px;
    color: var(--c-text);
}

.subtitle[b-ifvgro0uq3] {
    color: var(--c-muted);
    margin-top: 2px;
}

.attention-banner[b-ifvgro0uq3] {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    margin-top: .6rem;
    background: rgba(250, 204, 21, 0.12);
    border: 1px solid rgba(250, 204, 21, 0.55);
    color: #facc15;
    padding: .55rem .75rem;
    border-radius: .65rem;
    max-width: 780px;
}

.attention-icon[b-ifvgro0uq3] {
    font-size: 1.25rem;
    line-height: 1;
}

.attention-text[b-ifvgro0uq3] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    align-items: center;
}

.attention-label[b-ifvgro0uq3] {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.attention-value[b-ifvgro0uq3] {
    color: #fdeb9c;
}

.planif-banner[b-ifvgro0uq3] {
    background: rgba(96, 165, 250, 0.12);
    border-color: rgba(96, 165, 250, 0.6);
    color: #bfdbfe;
}

    .planif-banner .attention-value[b-ifvgro0uq3] {
        color: #e0ecff;
    }

/* Actions */
.head-actions[b-ifvgro0uq3] {
    display: flex;
    gap: 8px;
    align-items: center;
}

/* --- HEADER BUTTONS: GREEN TECH LOOK --- */
/* Edit Mode = green outline (like +Adaugă) */
.btn-edit[b-ifvgro0uq3] {
    background: transparent;
    border: 1px solid rgba(0,255,128,.4);
    color: #79ffb2;
    font-weight: 800;
    padding: .46rem .95rem;
    border-radius: 10px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    box-shadow: var(--shadow-1);
    transition: background .15s ease, border-color .15s ease, transform .06s ease, box-shadow .15s ease;
}

    .btn-edit:hover[b-ifvgro0uq3] {
        background: rgba(0,255,128,.10);
        border-color: var(--g-border-strong);
        box-shadow: var(--shadow-2);
    }

    .btn-edit:active[b-ifvgro0uq3] {
        transform: translateY(1px);
    }

    .btn-edit:focus-visible[b-ifvgro0uq3] {
        outline: none;
        box-shadow: var(--shadow-2), 0 0 0 2px var(--g-neon);
    }

/* Mark as Complete = strong green primary (like SMS button base) */
.btn-primary.head[b-ifvgro0uq3] {
    background: linear-gradient(180deg, #1f3a28 0%, #173a24 100%);
    border: 1px solid var(--g-border);
    color: var(--g-text);
    font-weight: 900;
    padding: .46rem 1rem;
    border-radius: 10px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    box-shadow: var(--shadow-1);
    transition: filter .15s ease, transform .06s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
    position: relative;
    isolation: isolate;
}

    .btn-primary.head[b-ifvgro0uq3]::after {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: inherit;
        background: linear-gradient(to bottom, rgba(0,255,160,.10), rgba(0,0,0,0) 50%);
        pointer-events: none;
    }

    .btn-primary.head:hover[b-ifvgro0uq3] {
        background: linear-gradient(180deg, #23452f 0%, #1d4b2d 100%);
        border-color: var(--g-border-strong);
        filter: brightness(1.03);
        box-shadow: var(--shadow-2);
    }

    .btn-primary.head:active[b-ifvgro0uq3] {
        transform: translateY(1px);
    }

    .btn-primary.head:focus-visible[b-ifvgro0uq3] {
        outline: none;
        box-shadow: var(--shadow-2), 0 0 0 2px var(--g-neon);
    }

/* Cancel (outline) keeps neutral, but tuned to read with green ring */
.btn-outline.head[b-ifvgro0uq3] {
    background: rgba(255,255,255,.02);
    border: 1px solid var(--c-line);
    color: #e7e8ed;
    font-weight: 700;
    padding: .46rem .9rem;
    border-radius: 10px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    transition: background .15s ease, border-color .15s ease, transform .06s ease, box-shadow .15s ease;
    box-shadow: 0 0 0 rgba(0,0,0,0);
}

    .btn-outline.head:hover[b-ifvgro0uq3] {
        background: #23263b;
        border-color: rgba(255,255,255,.18);
    }

    .btn-outline.head:active[b-ifvgro0uq3] {
        transform: translateY(1px);
    }

    .btn-outline.head:focus-visible[b-ifvgro0uq3] {
        outline: none;
        box-shadow: 0 0 0 2px var(--g-neon);
    }

/* Close = compact green-outline icon to match family */
.btn-close[b-ifvgro0uq3] {
    appearance: none;
    border: 1px solid rgba(0,255,128,.35);
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: var(--g-bg);
    color: #caffde;
    font-size: 1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--shadow-1), inset 0 0 0 1px rgba(255,255,255,.03);
    transition: background .15s ease, transform .06s ease, box-shadow .15s ease, border-color .15s ease;
}

    .btn-close:hover[b-ifvgro0uq3] {
        background: var(--g-bg-2);
        border-color: var(--g-border-strong);
        box-shadow: var(--shadow-2), inset 0 0 0 1px rgba(255,255,255,.06);
    }

    .btn-close:active[b-ifvgro0uq3] {
        transform: translateY(1px);
    }

    .btn-close:focus-visible[b-ifvgro0uq3] {
        outline: none;
        box-shadow: var(--shadow-2), 0 0 0 2px var(--g-neon);
    }

/* Fake stats bar */
.stats-bar[b-ifvgro0uq3] {
    background: linear-gradient(180deg,#2c3564 0%, #121424 100%);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    padding: 14px 16px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 14px;
    box-shadow: 0 8px 24px rgba(0,0,0,.35);
}

.stat[b-ifvgro0uq3] {
    display: grid;
    grid-template-columns: 28px 1fr;
    grid-template-rows: auto auto;
    column-gap: 10px;
    row-gap: 4px;
    padding: 10px 12px;
    background: rgba(255,255,255,.03);
    border: 1px dashed rgba(255,255,255,.12);
    border-radius: 12px;
}

    .stat .ic[b-ifvgro0uq3] {
        grid-row: 1 / span 2;
        font-size: 1.15rem;
        opacity: .95;
    }

    .stat .val[b-ifvgro0uq3] {
        font-weight: 800;
        color: #dfe3ef;
        letter-spacing: .2px;
    }

    .stat .lbl[b-ifvgro0uq3] {
        color: #8fa0c4;
        font-size: .85rem;
    }

/* Tabs (RELATED OBJECTS) — as in your liked version */
.tabs[b-ifvgro0uq3] {
    display: flex;
    gap: 10px;
    align-items: center;
    padding-left: 2px;
    flex-wrap: wrap;
}

.tab[b-ifvgro0uq3] {
    background: linear-gradient(180deg, rgba(42,49,82,.85) 0%, rgba(36,41,73,.85) 100%);
    color: #e7e8ed;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 10px;
    padding: .48rem 1rem;
    font-weight: 800;
    cursor: pointer;
    position: relative;
    transition: transform .06s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease;
    box-shadow: 0 2px 0 0 rgba(0,0,0,.25);
}

    .tab:hover[b-ifvgro0uq3] {
        background: linear-gradient(180deg, #334070 0%, #2a325a 100%);
        border-color: rgba(255,255,255,.18);
        box-shadow: 0 4px 12px rgba(0,0,0,.35);
    }

    .tab:active[b-ifvgro0uq3] {
        transform: translateY(1px);
    }

    .tab.active[b-ifvgro0uq3] {
        background: linear-gradient(180deg, #00ff9c -73%, #344171 100%);
        border-color: #4a5fb4;
        box-shadow: 0 10px 24px rgba(0,0,0,.35), inset 0 -3px 0 0 #78a2ff;
    }

        .tab.active[b-ifvgro0uq3]::after {
            content: "";
            position: absolute;
            inset: 0;
            border-radius: inherit;
            pointer-events: none;
            box-shadow: 0 0 0 2px rgba(120,162,255,.18);
        }

/* Main panel */
.panel[b-ifvgro0uq3] {
    background: var(--c-chrome);
    border: 1px solid var(--c-line);
    border-radius: 14px;
    padding: 14px;
}

.section-head[b-ifvgro0uq3] {
    font-weight: 800;
    letter-spacing: .2px;
    color: #cfd6ea;
    padding: 6px 4px 10px;
}

/* Two-column details grid */
.details-grid[b-ifvgro0uq3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(320px, 1fr));
    column-gap: 22px;
    row-gap: 12px;
    align-items: start;
}

.field[b-ifvgro0uq3] {
    background: #181a26;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 12px;
    padding: 12px 14px;
    min-height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .field .label[b-ifvgro0uq3] {
        color: #9fb0cc;
        font-size: .84rem;
        margin-bottom: 6px;
    }

    .field .value[b-ifvgro0uq3] {
        color: #e7e9f2;
        font-weight: 600;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

/* Inputs in edit mode */
.form-control[b-ifvgro0uq3],
.form-select[b-ifvgro0uq3],
.ta[b-ifvgro0uq3] {
    background: #23263b;
    border: 1px solid rgba(255,255,255,.12);
    color: #e7e9f2;
    border-radius: 10px;
    padding: .5rem .65rem;
    width: 100%;
}

.ta[b-ifvgro0uq3] {
    min-height: 86px;
    resize: vertical;
}

.chk-wrap[b-ifvgro0uq3] {
    display: flex;
    align-items: center;
    gap: .45rem;
    color: #dfe3ef;
}

@media (max-width: 980px) {
    .details-grid[b-ifvgro0uq3] {
        grid-template-columns: 1fr;
    }
}

/* ===== Timeline / History ===== */
.timeline[b-ifvgro0uq3] {
    position: relative;
    padding-left: 0.6rem;
}

.day-sep[b-ifvgro0uq3] {
    position: relative;
    display: grid;
    grid-template-columns: 72px 24px 1fr;
    align-items: center;
    gap: .5rem;
    margin: .75rem 0 .35rem;
}

    .day-sep .dot[b-ifvgro0uq3] {
        width: 8px;
        height: 8px;
        margin-left: 16px;
        border-radius: 999px;
        background: var(--c-accent);
    }

    .day-sep .line[b-ifvgro0uq3] {
        height: 1px;
        background: var(--c-line);
    }

    .day-sep .date-label[b-ifvgro0uq3] {
        color: var(--c-text);
        font-weight: 700;
        letter-spacing: .2px;
    }

.event[b-ifvgro0uq3] {
    display: grid;
    grid-template-columns: 72px 24px 1fr;
    gap: .75rem;
    align-items: start;
    margin-bottom: 12px;
}

    .event .time[b-ifvgro0uq3] {
        color: var(--c-muted);
        font-weight: 600;
        padding-top: .35rem;
    }

.marker[b-ifvgro0uq3] {
    position: relative;
}

    .marker .bullet[b-ifvgro0uq3] {
        width: 10px;
        height: 10px;
        border-radius: 999px;
        background: #5da2ff;
        border: 2px solid #1a2335;
        position: relative;
        top: 6px;
        left: 7px;
        z-index: 2;
    }

    .marker .stem[b-ifvgro0uq3] {
        position: absolute;
        top: 0;
        left: 12px;
        width: 2px;
        height: calc(100% + 10px);
        background: #2b3042;
    }

.event-card[b-ifvgro0uq3] {
    background: var(--c-chrome);
    border: 1px solid var(--c-line);
    border-radius: 14px;
    color: var(--c-text);
    box-shadow: 0 10px 26px rgba(0,0,0,.35);
    padding: .75rem .9rem;
}

.event-head[b-ifvgro0uq3] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: center;
    margin-bottom: .35rem;
}

    .event-head .title[b-ifvgro0uq3] {
        font-size: 1rem;
    }

.event-body[b-ifvgro0uq3] {
    color: #dfe3ef;
    white-space: pre-wrap;
}

/* ===== Modal ===== */
.modal-backdrop[b-ifvgro0uq3] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.55);
    z-index: 2000;
}

.modal-panel[b-ifvgro0uq3] {
    position: fixed;
    inset: 10% auto auto 50%;
    transform: translateX(-50%);
    width: min(720px, 92vw);
    background: var(--c-chrome);
    border: 1px solid var(--c-line);
    border-radius: 14px;
    color: var(--c-text);
    box-shadow: 0 18px 48px rgba(0,0,0,.55);
    z-index: 2001;
    display: flex;
    flex-direction: column;
    max-height: 80vh;
}

.modal-head[b-ifvgro0uq3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .8rem 1rem;
    border-bottom: 1px solid var(--c-line);
}

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

/* ===== INLINE RELATED BLOCKS ===== */
.inline-related-wrap[b-ifvgro0uq3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(340px,100%),1fr));
    gap: 16px;
    margin: 0 0 1rem;
}

.inline-related-block[b-ifvgro0uq3] {
    background: #181a26;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 12px;
    box-shadow: 0 10px 28px rgba(0,0,0,.4);
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.inline-related-head[b-ifvgro0uq3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: .75rem .9rem .5rem .9rem;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.inline-related-title[b-ifvgro0uq3] {
    font-weight: 700;
    color: #cfd6ea;
    font-size: .9rem;
    letter-spacing: .2px;
}

.inline-related-actions[b-ifvgro0uq3] {
    display: flex;
    gap: .5rem;
}

.mini-add-btn[b-ifvgro0uq3] {
    background: transparent;
    border: 1px solid rgba(0,255,128,.4);
    color: #00ff9c;
    font-size: .75rem;
    line-height: 1;
    padding: .4rem .6rem;
    border-radius: .5rem;
    font-weight: 600;
    cursor: pointer;
}

    .mini-add-btn:hover[b-ifvgro0uq3] {
        background: rgba(0,255,128,.1);
    }

.inline-related-empty[b-ifvgro0uq3] {
    color: #9fb0cc;
    font-size: .8rem;
    padding: .75rem .9rem 1rem;
}

.inline-related-list[b-ifvgro0uq3] {
    display: flex;
    flex-direction: column;
    padding: .5rem .9rem .9rem;
    gap: .6rem;
}

.inline-related-row[b-ifvgro0uq3] {
    background: #1f2234;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: .6rem;
    padding: .6rem .6rem .6rem .8rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.inline-related-fields[b-ifvgro0uq3] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    min-width: 0;
    flex: 1;
}

.inline-related-field[b-ifvgro0uq3] {
    display: flex;
    flex-wrap: wrap;
    column-gap: .4rem;
    row-gap: .2rem;
    font-size: .8rem;
    line-height: 1.3;
    color: #e7e9f2;
    font-weight: 500;
}

.ir-label[b-ifvgro0uq3] {
    color: #9fb0cc;
    font-weight: 600;
}

.ir-val[b-ifvgro0uq3] {
    color: #e7e9f2;
    font-weight: 600;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mini-del-btn[b-ifvgro0uq3] {
    background: transparent;
    border: 1px solid rgba(255,0,0,.4);
    color: #ff6b6b;
    font-size: .75rem;
    line-height: 1;
    padding: .4rem .6rem;
    border-radius: .5rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    height: fit-content;
}

    .mini-del-btn:hover[b-ifvgro0uq3] {
        background: rgba(255,0,0,.08);
        color: #ff8787;
    }

/* ===== NEW: hierarchy button and hierarchy modal visuals ===== */
.hierarchy-btn[b-ifvgro0uq3] {
    background: transparent;
    border: 1px solid rgba(0,255,255,.4);
    color: #66f3ff;
    font-size: .9rem;
    line-height: 1;
    padding: .3rem .5rem;
    margin-left: .6rem;
    border-radius: .5rem;
    font-weight: 600;
    cursor: pointer;
    vertical-align: middle;
}

    .hierarchy-btn:hover[b-ifvgro0uq3] {
        background: rgba(0,255,255,.08);
        color: #a8ffff;
        border-color: rgba(0,255,255,.6);
    }

.hierarchy-panel[b-ifvgro0uq3] {
    width: min(600px, 92vw);
    max-height: 80vh;
    display: flex;
    flex-direction: column;
}

.hierarchy-body[b-ifvgro0uq3] {
    max-height: calc(80vh - 60px);
    overflow-y: auto;
}

.hier-node[b-ifvgro0uq3] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 1rem;
    position: relative;
    padding-left: 1rem;
}

.hier-card[b-ifvgro0uq3] {
    background: #1f2234;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: .6rem;
    padding: .75rem .9rem;
    box-shadow: 0 10px 24px rgba(0,0,0,.5);
    min-width: 0;
    max-width: 100%;
}

.root-node > .hier-card[b-ifvgro0uq3] {
    background: radial-gradient(circle at 0% 0%, rgba(0,122,255,.35) 0%, rgba(31,34,52,0) 70%), #1f2234;
    border-color: rgba(0,122,255,.5);
}

.hier-name[b-ifvgro0uq3] {
    font-weight: 700;
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.4;
}

.hier-role[b-ifvgro0uq3] {
    font-size: .8rem;
    color: #9fb0cc;
    font-weight: 600;
    margin-top: .2rem;
}

.hier-children[b-ifvgro0uq3] {
    margin-top: 1.25rem;
    border-left: 2px solid #2b3042;
    padding-left: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.hier-branch[b-ifvgro0uq3] {
    position: relative;
    padding-left: 1.5rem;
}

.hier-connector[b-ifvgro0uq3] {
    position: absolute;
    left: 0;
    top: .6rem;
    width: 1.5rem;
    height: calc(100% - .6rem);
}

.hier-line-vert[b-ifvgro0uq3] {
    position: absolute;
    left: .5rem;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #2b3042;
}

.hier-line-horiz[b-ifvgro0uq3] {
    position: absolute;
    left: .5rem;
    top: .6rem;
    width: 1rem;
    height: 2px;
    background: #2b3042;
}

.child-card[b-ifvgro0uq3] {
    background: #181a26;
    border-color: rgba(255,255,255,.08);
    box-shadow: 0 10px 20px rgba(0,0,0,.6);
    font-size: .8rem;
    line-height: 1.4;
    color: #dfe3ef;
    min-width: 0;
    max-width: 100%;
}

.hier-row[b-ifvgro0uq3] {
    display: flex;
    flex-wrap: wrap;
    column-gap: .4rem;
    row-gap: .2rem;
    margin-bottom: .3rem;
}

    .hier-row:last-child[b-ifvgro0uq3] {
        margin-bottom: 0;
    }

.hier-label[b-ifvgro0uq3] {
    font-weight: 600;
    color: #9fb0cc;
}

.hier-val[b-ifvgro0uq3] {
    font-weight: 600;
    color: #e7e9f2;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hier-empty[b-ifvgro0uq3] {
    color: #9fb0cc;
    font-size: .8rem;
    font-weight: 500;
    padding-left: .5rem;
}

/* --- small send buttons next to delete --- */
.mini-actions[b-ifvgro0uq3] {
    display: flex;
    gap: .45rem;
    align-items: flex-start;
}

.mini-send-btn[b-ifvgro0uq3] {
    background: transparent;
    border: 1px solid rgba(0, 180, 255, .45);
    color: #8fd7ff;
    font-size: .8rem;
    line-height: 1;
    padding: .35rem .5rem;
    border-radius: .5rem;
    font-weight: 700;
    cursor: pointer;
}

    .mini-send-btn:hover[b-ifvgro0uq3] {
        background: rgba(0, 180, 255, .12);
    }

    .mini-send-btn.sms[b-ifvgro0uq3] {
        border-color: rgba(0, 255, 140, .4);
        color: #79ffb2;
    }

        .mini-send-btn.sms:hover[b-ifvgro0uq3] {
            background: rgba(0,255,140,.10);
        }

/* tiny label styling */
.form-label.small[b-ifvgro0uq3] {
    color: #9fb0cc;
    font-size: .8rem;
}

/* ---- mini action buttons with text ---- */
.mini-actions[b-ifvgro0uq3] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.mini-send-btn[b-ifvgro0uq3] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 8px;
    padding: 4px 8px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all .15s ease;
}

    .mini-send-btn.email[b-ifvgro0uq3] {
        background: #2a2a40;
        border-color: #3c3c58;
        color: #b7bdfc;
    }

        .mini-send-btn.email:hover[b-ifvgro0uq3] {
            background: #3e3e6d;
            border-color: #5050a0;
        }

    .mini-send-btn.sms[b-ifvgro0uq3] {
        background: #263a2b;
        border-color: #385c43;
        color: #a8ffb0;
    }

        .mini-send-btn.sms:hover[b-ifvgro0uq3] {
            background: #2e5837;
            border-color: var(--g-border-strong);
        }

    .mini-send-btn.call[b-ifvgro0uq3] {
        background: #1f2a3a;
        border-color: #2f4d70;
        color: #b5d8ff;
    }

        .mini-send-btn.call:hover[b-ifvgro0uq3] {
            background: #294264;
            border-color: #3f6ea3;
        }

    .mini-send-btn .btn-icon[b-ifvgro0uq3] {
        font-size: 15px;
    }

    .mini-send-btn .btn-text[b-ifvgro0uq3] {
        line-height: 1;
    }

/* --- Voice call panel --- */
.call-panel[b-ifvgro0uq3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 10px 0;
    padding: 10px 12px;
    background: #131827;
    border: 1px solid #2f4d70;
    border-radius: 12px;
    box-shadow: var(--shadow-1);
}

.call-left[b-ifvgro0uq3] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.call-icon[b-ifvgro0uq3] {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: #1f2a3a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.call-target[b-ifvgro0uq3] {
    font-weight: 800;
    color: #dfe8ff;
}

.call-status[b-ifvgro0uq3] {
    color: #9fb0cc;
    font-size: .9rem;
}

.call-anim[b-ifvgro0uq3] {
    display: flex;
    gap: 6px;
    margin-top: 4px;
}

.call-anim .dot[b-ifvgro0uq3] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #4aa3ff;
    opacity: 0.4;
    animation: call-pulse-b-ifvgro0uq3 1.1s infinite ease-in-out;
}

.call-anim .dot:nth-child(2)[b-ifvgro0uq3] { animation-delay: 0.15s; }
.call-anim .dot:nth-child(3)[b-ifvgro0uq3] { animation-delay: 0.3s; }

@keyframes call-pulse-b-ifvgro0uq3 {
    0%, 80%, 100% { transform: scale(0.9); opacity: 0.4; }
    40% { transform: scale(1.2); opacity: 1; }
}

.call-error[b-ifvgro0uq3] {
    color: #ff9c9c;
    font-size: .9rem;
    margin-top: 2px;
}

.call-actions[b-ifvgro0uq3] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.call-actions .mini-del-btn:last-child[b-ifvgro0uq3] {
    width: 36px;
    height: 36px;
    padding: 0;
}
/* _content/MiniCrm/Components/Pages/History.razor.rz.scp.css */
:root[b-xim5uoqbpv] {
    --c-bg: #12131A;
    --c-chrome: #1C1C25;
    --c-input: #282932;
    --c-line: rgba(255,255,255,.10);
    --c-text: #E7E8ED;
    --c-muted: #9aa3b2;
    --c-accent: #0077FE;
}

.page-title[b-xim5uoqbpv] {
    margin: 0 0 .5rem 0;
    font-weight: 800;
}

.history-toolbar[b-xim5uoqbpv] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: .75rem;
}

.timeline[b-xim5uoqbpv] {
    position: relative;
    padding-left: 0.6rem;
}

/* Date separator */
.day-sep[b-xim5uoqbpv] {
    position: relative;
    display: grid;
    grid-template-columns: 72px 24px 1fr;
    align-items: center;
    gap: .5rem;
    margin: .75rem 0 .35rem;
}

    .day-sep .dot[b-xim5uoqbpv] {
        width: 8px;
        height: 8px;
        margin-left: 16px;
        border-radius: 999px;
        background: var(--c-accent);
    }

    .day-sep .line[b-xim5uoqbpv] {
        height: 1px;
        background: var(--c-line);
    }

    .day-sep .date-label[b-xim5uoqbpv] {
        color: var(--c-text);
        font-weight: 700;
        letter-spacing: .2px;
    }

/* Event row */
.event[b-xim5uoqbpv] {
    display: grid;
    grid-template-columns: 72px 24px 1fr;
    gap: .75rem;
    align-items: start;
    margin-bottom: 12px;
}

    .event .time[b-xim5uoqbpv] {
        color: var(--c-muted);
        font-weight: 600;
        padding-top: .35rem;
    }

.marker[b-xim5uoqbpv] {
    position: relative;
}

    .marker .bullet[b-xim5uoqbpv] {
        width: 10px;
        height: 10px;
        border-radius: 999px;
        background: #5da2ff;
        border: 2px solid #1a2335;
        position: relative;
        top: 6px;
        left: 7px;
        z-index: 2;
    }

    .marker .stem[b-xim5uoqbpv] {
        position: absolute;
        top: 0;
        left: 12px;
        width: 2px;
        height: calc(100% + 10px);
        background: #2b3042;
    }

/* Event card */
.event-card[b-xim5uoqbpv] {
    background: var(--c-chrome);
    border: 1px solid var(--c-line);
    border-radius: 14px;
    color: var(--c-text);
    box-shadow: 0 10px 26px rgba(0,0,0,.35);
    padding: .75rem .9rem;
}

.event-head[b-xim5uoqbpv] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: center;
    margin-bottom: .35rem;
}

    .event-head .title[b-xim5uoqbpv] {
        font-size: 1rem;
    }

    .event-head .muted[b-xim5uoqbpv] {
        color: var(--c-muted);
        font-weight: 500;
    }

.event-body[b-xim5uoqbpv] {
    color: #dfe3ef;
    white-space: pre-wrap;
}

/* Modal */
.modal-backdrop[b-xim5uoqbpv] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.55);
    z-index: 2000;
}

.modal-panel[b-xim5uoqbpv] {
    position: fixed;
    inset: 10% auto auto 50%;
    transform: translateX(-50%);
    width: min(720px, 92vw);
    background: var(--c-chrome);
    border: 1px solid var(--c-line);
    border-radius: 14px;
    color: var(--c-text);
    box-shadow: 0 18px 48px rgba(0,0,0,.55);
    z-index: 2001;
    display: flex;
    flex-direction: column;
    max-height: 80vh;
}

.modal-head[b-xim5uoqbpv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .8rem 1rem;
    border-bottom: 1px solid var(--c-line);
}

.modal-body[b-xim5uoqbpv] {
    padding: 1rem;
    overflow: auto;
}
/* _content/MiniCrm/Components/Pages/Home.razor.rz.scp.css */
.kpis[b-ujdnk5elee] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

.kpi[b-ujdnk5elee] {
    position: relative;
    overflow: hidden;
    border-radius: .9rem;
    padding: 1rem 1.1rem;
    color: #e7e8ed;
    border: 1px solid rgba(255,255,255,0.12);
    background: linear-gradient(145deg, #0b1324, #0f1a2f);
    box-shadow: 0 12px 28px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.04);
}

.kpi:nth-child(1)[b-ujdnk5elee] {
    background: linear-gradient(140deg, rgba(37,99,235,0.28), rgba(12,18,35,0.92));
    border-color: rgba(96,165,250,0.35);
    box-shadow: 0 10px 24px rgba(37,99,235,0.22);
}

.kpi:nth-child(2)[b-ujdnk5elee] {
    background: linear-gradient(140deg, rgba(16,185,129,0.28), rgba(10,24,27,0.9));
    border-color: rgba(52,211,153,0.35);
    box-shadow: 0 10px 24px rgba(16,185,129,0.22);
}

.kpi:nth-child(3)[b-ujdnk5elee] {
    background: linear-gradient(140deg, rgba(245,158,11,0.3), rgba(26,18,8,0.92));
    border-color: rgba(251,191,36,0.35);
    box-shadow: 0 10px 24px rgba(245,158,11,0.22);
}

.kpi-title[b-ujdnk5elee] {
    font-size: .85rem;
    opacity: .85;
}

.kpi-value[b-ujdnk5elee] {
    font-size: 1.6rem;
    font-weight: 700;
    margin-top: .15rem;
}

.kpi-sub[b-ujdnk5elee] {
    font-size: .8rem;
    opacity: .7;
}

.cards[b-ujdnk5elee] {
    display: grid;
    grid-template-columns: 4fr 3fr;
    gap: 1rem;
}

.card[b-ujdnk5elee] {
    background: #0f172a14;
    border: 1px solid #ffffff1f;
    border-radius: .75rem;
    padding: 1rem;
    color: #60a5fa;
}

.card-vtp[b-ujdnk5elee] {
    box-shadow: 0 12px 28px rgba(96,165,250,0.24);
}

.card-tasks[b-ujdnk5elee] {
    box-shadow: 0 12px 28px rgba(52,211,153,0.24);
}

.card-title[b-ujdnk5elee] {
    font-weight: 600;
    margin-bottom: .5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.card-title.vtp-head[b-ujdnk5elee] {
    flex-direction: column;
    align-items: flex-start;
    gap: .35rem;
}

.vtp-title[b-ujdnk5elee] {
    line-height: 1.2;
}

.vtp-filters[b-ujdnk5elee] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    row-gap: .35rem;
    margin-top: .05rem;
    align-items: center;
}

.vtp-filter[b-ujdnk5elee] {
    border: 1px solid #ffffff1f;
    background: #0f172a26;
    color: #e7e8ed;
    border-radius: .5rem;
    padding: .35rem .65rem;
    font-size: .85rem;
    cursor: pointer;
    transition: all .12s ease;
}

.vtp-filter:hover[b-ujdnk5elee] {
    filter: brightness(1.05);
}

.vtp-filter.active[b-ujdnk5elee] {
    background: rgba(96,165,250,0.25);
    border-color: #60a5fa;
    color: #e7f0ff;
}

.vtp-filter.planned-toggle[b-ujdnk5elee] {
    font-weight: 700;
}

.vtp-filter.planned-on[b-ujdnk5elee] {
    background: rgba(34,197,94,0.2);
    border-color: #22c55e;
    color: #e7f8ee;
    box-shadow: 0 0 0 1px #16a34a55 inset;
}

.vtp-filter.planned-off[b-ujdnk5elee] {
    background: rgba(248,113,113,0.18);
    border-color: #f87171;
    color: #ffecec;
    box-shadow: 0 0 0 1px #ef444455 inset;
}

.vtp-day-filters[b-ujdnk5elee] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-left: .75rem;
}

/* charts */
.chart[b-ujdnk5elee] {
    width: 100%;
    height: 160px;
}

.grid[b-ujdnk5elee] {
    stroke: #ffffff26;
    stroke-width: 1;
}

.axis[b-ujdnk5elee] {
    stroke: #ffffff40;
    stroke-width: 1.5;
}

.line[b-ujdnk5elee] {
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
}

.dot[b-ujdnk5elee] {
    fill: currentColor;
}

.bar[b-ujdnk5elee] {
    fill: currentColor;
    opacity: .9;
}

.axis-labels[b-ujdnk5elee] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: .25rem;
    margin-top: .25rem;
    font-size: .75rem;
    opacity: .8;
}

/* === Sarcini === */
.tasks-head[b-ujdnk5elee] {
    gap: .5rem;
}

.tasks-title[b-ujdnk5elee] {
    font-weight: 700;
    letter-spacing: .2px;
}

.tasks-controls[b-ujdnk5elee] {
    display: flex;
    align-items: center;
    gap: .4rem;
}

.form-select.xs[b-ujdnk5elee] {
    background: #1b2234;
    color: #e7e8ed;
    border: 1px solid #ffffff1f;
    border-radius: .5rem;
    height: 2.0rem;
    padding: .2rem .6rem;
    font-size: .85rem;
}

.btn-icon[b-ujdnk5elee], .btn-plus[b-ujdnk5elee] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #1b2234;
    border: 1px solid #ffffff1f;
    color: #e7e8ed;
    width: 2rem;
    height: 2rem;
    border-radius: .5rem;
    cursor: pointer;
}

.btn-plus[b-ujdnk5elee] {
    background: #0077fe;
    border-color: #0077fe;
}

    .btn-plus:hover[b-ujdnk5elee] {
        filter: brightness(1.05);
    }

    .btn-icon svg[b-ujdnk5elee], .btn-plus svg[b-ujdnk5elee] {
        width: 18px;
        height: 18px;
        stroke: #e7e8ed;
        fill: none;
        stroke-width: 1.8;
    }

.tasks-list[b-ujdnk5elee] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: .5rem;
}

/* individual row */
.task-row[b-ujdnk5elee] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    padding: .6rem .7rem;
    border: 1px solid #ffffff1f;
    border-radius: .6rem;
    background: #0f172a26;
}

    .task-row:hover[b-ujdnk5elee] {
        background: #0f172a3a;
    }

.left[b-ujdnk5elee] {
    display: flex;
    gap: .6rem;
    align-items: center;
    min-width: 0;
}

.flag[b-ujdnk5elee] {
    width: 18px;
    height: 18px;
    stroke: #ff6b6b;
    fill: none;
    stroke-width: 1.8;
}

    .flag.dim[b-ujdnk5elee] {
        stroke: #9aa1b2;
    }

.task-main[b-ujdnk5elee] {
    display: grid;
    gap: .15rem;
    min-width: 0;
}

.t-sub[b-ujdnk5elee] {
    font-weight: 700;
    color: #e7e8ed;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.t-meta[b-ujdnk5elee] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    opacity: .9;
}

.t-desc[b-ujdnk5elee] {
    color: #cfd5eb;
    font-size: .9rem;
    line-height: 1.35;
    white-space: normal;
    word-break: break-word;
}

.meta-chip[b-ujdnk5elee] {
    display: inline-flex;
    gap: .25rem;
    align-items: center;
    font-size: .8rem;
    background: #1b2234;
    border: 1px solid #ffffff1a;
    color: #d7dbef;
    padding: .15rem .4rem;
    border-radius: .35rem;
}

    .meta-chip svg[b-ujdnk5elee] {
        width: 14px;
        height: 14px;
        stroke: #d7dbef;
        fill: none;
        stroke-width: 1.6;
    }

.right .due[b-ujdnk5elee] {
    display: inline-flex;
    gap: .3rem;
    align-items: center;
    background: #1b2234;
    color: #d7dbef;
    padding: .25rem .45rem;
    border-radius: .35rem;
    border: 1px solid #ffffff1a;
    font-size: .85rem;
}

    .right .due svg[b-ujdnk5elee] {
        width: 16px;
        height: 16px;
        stroke: #d7dbef;
        fill: none;
        stroke-width: 1.6;
    }

/* priority tint */
.t-high[b-ujdnk5elee] {
    box-shadow: 0 0 0 1px #ff6b6b66 inset;
}

.t-med[b-ujdnk5elee] {
    box-shadow: 0 0 0 1px #60a5fa55 inset;
}

.t-low[b-ujdnk5elee] {
    box-shadow: 0 0 0 1px #a3e63555 inset;
}

/* ===== Modal ===== */
.modal-backdrop[b-ujdnk5elee] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.5);
    z-index: 99;
}

.modal-card[b-ujdnk5elee] {
    position: fixed;
    inset: auto 0 0 0;
    margin: auto;
    top: 10vh;
    max-width: 720px;
    width: 92%;
    background: #161a25;
    border: 1px solid #ffffff22;
    border-radius: .8rem;
    z-index: 100;
    box-shadow: 0 18px 50px rgba(0,0,0,.5);
}

.modal-head[b-ujdnk5elee] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .8rem 1rem;
    border-bottom: 1px solid #ffffff22;
}

.btn-x[b-ujdnk5elee] {
    background: transparent;
    border: 0;
    color: #e7e8ed;
    font-size: 1rem;
    cursor: pointer;
}

.modal-body[b-ujdnk5elee] {
    padding: 1rem;
    display: grid;
    gap: .8rem;
}

.row[b-ujdnk5elee] {
    display: grid;
    gap: .6rem;
}

    .row.two[b-ujdnk5elee] {
        grid-template-columns: 1fr 1fr;
        gap: .6rem;
    }

.col[b-ujdnk5elee] {
    display: grid;
    gap: .3rem;
}

.form-label[b-ujdnk5elee] {
    font-weight: 600;
    color: #d9dbe2;
}

.form-control[b-ujdnk5elee], .form-select[b-ujdnk5elee] {
    background: #1b2234;
    color: #e7e8ed;
    border: 1px solid #ffffff1f;
    border-radius: .6rem;
    height: 2.35rem;
    padding: .35rem .6rem;
}

textarea.form-control[b-ujdnk5elee] {
    height: auto;
}

.modal-foot[b-ujdnk5elee] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .8rem 1rem;
    border-top: 1px solid #ffffff22;
}

    .modal-foot .spacer[b-ujdnk5elee] {
        flex: 1;
    }

.btn-primary[b-ujdnk5elee] {
    background: #0077fe;
    border: 0;
    color: white;
    padding: .5rem .9rem;
    border-radius: 8px;
    font-weight: 700;
}

.btn-outline[b-ujdnk5elee] {
    background: transparent;
    border: 1px solid #ffffff33;
    color: #e7e8ed;
    padding: .5rem .9rem;
    border-radius: 8px;
}

.btn-outline-danger[b-ujdnk5elee] {
    background: transparent;
    border: 1px solid #d66;
    color: #ff7b7b;
    padding: .5rem .9rem;
    border-radius: 8px;
}

.btn-outline:hover[b-ujdnk5elee] {
    background: #222a41;
}

.btn-outline-danger:hover[b-ujdnk5elee] {
    background: #2a1c1c;
}

/* === VTP list styling === */
.vtp-list[b-ujdnk5elee] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: .3rem;
    /* allow page to grow instead of inner scroll */
}

.vtp-row[b-ujdnk5elee] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .12rem .45rem;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.08);
    background: #0f172a26;
    position: relative;
    overflow: hidden;
}

.vtp-left[b-ujdnk5elee] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    min-width: 0;
}

.vtp-right[b-ujdnk5elee] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.vtp-name-row[b-ujdnk5elee] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-width: 0;
}

.vtp-name[b-ujdnk5elee] {
    color: #e7e8ed;
    font-weight: 700;
    letter-spacing: .15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vtp-tags[b-ujdnk5elee] {
    display: flex;
    align-items: center;
    gap: .2rem;
    flex-wrap: wrap;
}

.vtp-row .mud-chip[b-ujdnk5elee] {
    margin: 0 !important;
}

.vtp-row .mud-chip .mud-chip-content[b-ujdnk5elee] {
    padding-left: .25rem !important;
    padding-right: .25rem !important;
}

/* status themes */
.vtp-contactat[b-ujdnk5elee] {
    border-color: rgba(52,211,153,0.35);
    background: linear-gradient(140deg, rgba(16,185,129,0.28), rgba(10,24,27,0.9));
    box-shadow: 0 0 0 1px rgba(52,211,153,0.5) inset;
}
    .vtp-contactat[b-ujdnk5elee]::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 1px;
        background: linear-gradient(to bottom, #34d399, #16a34a);
        opacity: .5;
    }

.vtp-necontactat[b-ujdnk5elee] {
    border-color: rgba(248,113,113,0.45);
    background: linear-gradient(140deg, rgba(239,68,68,0.28), rgba(26,12,14,0.9));
    box-shadow: 0 0 0 1px rgba(248,113,113,0.55) inset;
}
    .vtp-necontactat[b-ujdnk5elee]::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 1px;
        background: linear-gradient(to bottom, #fb7185, #dc2626);
        opacity: .5;
    }

.vtp-delegated[b-ujdnk5elee] {
    border-color: rgba(251,191,36,0.45);
    background: linear-gradient(140deg, rgba(245,158,11,0.3), rgba(26,18,8,0.92));
    box-shadow: 0 0 0 1px rgba(251,191,36,0.55) inset;
}
    .vtp-delegated[b-ujdnk5elee]::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 1px;
        background: linear-gradient(to bottom, #fde047, #eab308);
        opacity: .5;
    }

.vtp-fab[b-ujdnk5elee] {
    box-shadow: 0 0 0 1px #1d4ed866;
}

/* responsive */
@media (max-width: 1024px) {
    .cards[b-ujdnk5elee] {
        grid-template-columns: 1fr;
    }

    .kpis[b-ujdnk5elee] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 720px) {
    .kpis[b-ujdnk5elee] {
        grid-template-columns: 1fr 1fr;
    }

    .row.two[b-ujdnk5elee] {
        grid-template-columns: 1fr;
    }
}
/* _content/MiniCrm/Components/Pages/Login.razor.rz.scp.css */
/* Fullscreen centering */
.login-wrapper[b-wzfhn0zzb8] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center; /* center horizontally */
    justify-content: center; /* center vertically */
    padding: 24px 16px;
    background: radial-gradient(1200px 600px at 20% 0%, rgba(45,55,106,.18) 0%, transparent 55%), var(--c-bg);
}

/* Logo */
.login-logo[b-wzfhn0zzb8] {
    margin-bottom: 1.25rem;
    animation: fadein-b-wzfhn0zzb8 0.6s ease-in;
}

    .login-logo img[b-wzfhn0zzb8] {
        width: 240px; /* adjust as you like */
        height: auto;
        filter: drop-shadow(0 4px 12px rgba(0,0,0,0.25));
    }

/* Card */
.login-card[b-wzfhn0zzb8] {
    width: min(420px, 92vw);
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.12);
    color: var(--c-text);
    border-radius: 16px;
    box-shadow: 0 18px 50px rgba(0,0,0,.45);
    backdrop-filter: blur(10px) saturate(150%);
    -webkit-backdrop-filter: blur(10px) saturate(150%);
    padding: 24px;
}

    .login-card .brand[b-wzfhn0zzb8] {
        font-weight: 800;
        letter-spacing: .3px;
        opacity: .9;
    }

    .login-card .title[b-wzfhn0zzb8] {
        margin: 6px 0 16px;
        font-weight: 800;
        font-size: 2rem;
    }

    /* Inputs */
    .login-card .form-control[b-wzfhn0zzb8] {
        background: var(--c-input);
        color: var(--c-text);
        border: 1px solid var(--c-line);
        border-radius: 10px;
    }

    /* Button */
    .login-card .btn-primary[b-wzfhn0zzb8] {
        background: var(--c-btn);
        border-color: var(--c-btn);
    }

        .login-card .btn-primary:hover[b-wzfhn0zzb8] {
            background: var(--c-btn-hover);
            border-color: var(--c-btn-hover);
        }

    /* Remove transient outlines in this card only */
    .login-card :focus[b-wzfhn0zzb8],
    .login-card :focus-visible[b-wzfhn0zzb8] {
        outline: 0 !important;
        box-shadow: none !important;
    }

@keyframes fadein-b-wzfhn0zzb8 {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* _content/MiniCrm/Components/Pages/Planificari.razor.rz.scp.css */
:root[b-jvrmx78nrd] {
    --c-bg: #12131A;
    --c-chrome: #1C1C25;
    --c-input: #282932;
    --c-btn: #0077FE;
    --c-btn-hover: #1A86FF;
    --c-line: rgba(255,255,255,.08);
    --c-text: #E7E8ED;
    --c-muted: #9aa1b2;
}

.page-title[b-jvrmx78nrd] {
    margin: .25rem 0 1rem;
    font-weight: 800;
    letter-spacing: .3px;
}

.cal-header[b-jvrmx78nrd] {
    display: flex;
    flex-direction: column;
    gap: .6rem;
    margin-bottom: 1rem;
    padding: 1rem 1.1rem;
    background: linear-gradient(135deg, #1b1f2c, #141827);
    border: 1px solid var(--c-line);
    border-radius: 12px;
    box-shadow: 0 10px 28px rgba(0,0,0,0.35);
}

.header-row[b-jvrmx78nrd] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

    .header-row.single-line[b-jvrmx78nrd] {
        flex-wrap: nowrap;
        gap: 1rem;
    }

    .cal-header .left[b-jvrmx78nrd] {
        display: flex;
        align-items: center;
        gap: .5rem;
    }

.nav-group[b-jvrmx78nrd] {
    display: flex;
    align-items: center;
    gap: .4rem;
    flex-wrap: wrap;
}

.day-nav[b-jvrmx78nrd] {
    position: relative;
}

.day-picker-pop[b-jvrmx78nrd] {
    position: absolute;
    top: 42px;
    right: 0;
    z-index: 6;
    background: var(--c-chrome);
    border: 1px solid var(--c-line);
    border-radius: 10px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.35);
    padding: .35rem;
}

.header-slot[b-jvrmx78nrd] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

    .header-slot.left[b-jvrmx78nrd],
    .header-slot.right[b-jvrmx78nrd] {
        flex: 1 1 0;
    }

    .header-slot.center[b-jvrmx78nrd] {
        flex: 0 0 auto;
        justify-content: center;
    }

.btn-nav[b-jvrmx78nrd] {
    height: 34px;
    min-width: 36px;
    padding: 0 .75rem;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.12);
    background: linear-gradient(135deg, #252b3b, #1b2130);
    color: #e8ecf6;
    font-weight: 700;
    box-shadow: 0 8px 18px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.06);
}

    .btn-nav:hover[b-jvrmx78nrd] {
        background: linear-gradient(135deg, #2d3547, #202836);
        border-color: rgba(255,255,255,0.18);
        box-shadow: 0 10px 20px rgba(0,0,0,0.32), inset 0 1px 0 rgba(255,255,255,0.08);
    }

.cal-header .title[b-jvrmx78nrd] {
    font-weight: 800;
    letter-spacing: .3px;
    margin-left: .25rem;
}

.filters[b-jvrmx78nrd] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .6rem;
}

    .filters label[b-jvrmx78nrd] {
        opacity: .85;
        font-size: .82rem;
        margin-bottom: 2px;
    }

.filters-main[b-jvrmx78nrd] {
    display: flex;
    align-items: center;
    gap: .6rem;
    flex-wrap: wrap;
}

.filters-secondary[b-jvrmx78nrd] {
    display: flex;
    align-items: flex-end;
    gap: .75rem;
    flex-wrap: wrap;
}

    .filters-secondary.inline[b-jvrmx78nrd] {
        align-items: center;
        margin-left: auto;
        flex-wrap: nowrap;
    }

.filter-field[b-jvrmx78nrd] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 200px;
}

.user-filter-stack[b-jvrmx78nrd] {
    display: grid;
    gap: .35rem;
}

.user-checks[b-jvrmx78nrd] {
    display: flex;
    align-items: center;
    gap: .35rem;
    flex-wrap: wrap;
}

.user-chip[b-jvrmx78nrd] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .35rem .55rem;
    background: var(--c-input);
    color: var(--c-text);
    border: 1px solid var(--c-line);
    border-radius: 10px;
    font-weight: 600;
    cursor: pointer;
    user-select: none;
}

.user-chip input[type="checkbox"][b-jvrmx78nrd] {
    accent-color: var(--c-btn);
    width: 16px;
    height: 16px;
}

.add-task[b-jvrmx78nrd] {
    height: 34px;
    padding: 0 .9rem;
    border-radius: 8px;
    border: 0;
    background: var(--c-btn);
    color: white;
    font-weight: 700;
}

    .add-task:hover[b-jvrmx78nrd] {
        background: var(--c-btn-hover);
    }


/* View switch */
.view-switch[b-jvrmx78nrd] {
    display: flex;
    gap: .4rem;
    margin-right: .6rem;
}

.divider[b-jvrmx78nrd] {
    width: 1px;
    height: 32px;
    background: rgba(255,255,255,0.08);
}

.btn-toggle[b-jvrmx78nrd] {
    background: #262c43;
    border: 1px solid var(--c-line);
    color: var(--c-text);
    padding: .35rem .7rem;
    border-radius: .5rem;
    font-weight: 600;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
}

    .btn-toggle.active[b-jvrmx78nrd] {
        background: var(--c-btn);
        border-color: var(--c-btn);
        box-shadow: 0 6px 16px rgba(0,119,254,0.35);
    }

/* Calendar grid (month) */
.calendar[b-jvrmx78nrd] {
    display: grid;
    grid-template-columns: repeat(7,1fr);
    gap: 6px;
    background: transparent;
    padding: .6rem;
    border: 1px solid var(--c-line);
    border-radius: 12px;
    background: #161926;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

.dow[b-jvrmx78nrd] {
    text-align: center;
    padding: .35rem 0;
    font-weight: 700;
    color: #cdd3e4;
    letter-spacing: .3px;
    border-bottom: 1px solid rgba(255,255,255,0.04);
}

.day[b-jvrmx78nrd] {
    background: var(--c-chrome);
    border: 1px solid var(--c-line);
    border-radius: 12px;
    min-height: 120px;
    padding: .4rem .45rem .45rem;
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

    .day.muted[b-jvrmx78nrd] {
        opacity: .45
    }

.day-head[b-jvrmx78nrd] {
    display: flex;
    justify-content: flex-end;
}

    .day-head .day-link[b-jvrmx78nrd] {
        background: transparent;
        color: var(--c-text);
        border: 0;
        padding: 0;
        font: inherit;
        cursor: pointer;
    }

.chips[b-jvrmx78nrd] {
    display: grid;
    gap: .3rem
}

.chip[b-jvrmx78nrd] {
    display: block;
    width: 100%;
    text-align: left;
    border: 0;
    padding: .35rem .5rem;
    border-radius: 8px;
    font-size: .85rem;
    color: #0f1117;
    background: #e5e7ef;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .chip:hover[b-jvrmx78nrd] {
        filter: brightness(1.04)
    }

/* Priorityy colors */
.prio-high[b-jvrmx78nrd] {
    background: #d75a5a;
    border: 1px solid rgba(255,255,255,.14);
    color: #0e0f13;
}

.prio-med[b-jvrmx78nrd] {
    background: #3574e1;
    border: 1px solid rgba(255,255,255,.14);
    color: #0e0f13;
}

.prio-low[b-jvrmx78nrd] {
    background: #3e995c;
    border: 1px solid rgba(255,255,255,.14);
    color: #0e0f13;
}

/* Modal */
.modal-backdrop[b-jvrmx78nrd] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.5);
    z-index: 99;
}

.modal-card[b-jvrmx78nrd] {
    position: fixed;
    inset: auto 0 0 0;
    margin: auto;
    top: 12vh;
    max-width: 720px;
    width: 92%;
    background: var(--c-chrome);
    border: 1px solid var(--c-line);
    border-radius: 14px;
    z-index: 100;
    box-shadow: 0 18px 50px rgba(0,0,0,.5);
}

.modal-head[b-jvrmx78nrd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .8rem 1rem;
    border-bottom: 1px solid var(--c-line);
}

.btn-x[b-jvrmx78nrd] {
    background: transparent;
    border: 0;
    color: var(--c-text);
    font-size: 1rem;
    cursor: pointer;
}

.modal-body[b-jvrmx78nrd] {
    padding: 1rem;
    display: grid;
    gap: .8rem;
}

.row[b-jvrmx78nrd] {
    display: grid;
    gap: .6rem;
}

    .row.two[b-jvrmx78nrd] {
        grid-template-columns: 1fr 1fr;
    }

.col[b-jvrmx78nrd] {
    display: grid;
    gap: .3rem;
}

.form-label[b-jvrmx78nrd] {
    font-weight: 600;
    color: #d9dbe2;
}

.form-control[b-jvrmx78nrd], .form-select[b-jvrmx78nrd] {
    background: var(--c-input);
    color: var(--c-text);
    border: 1px solid var(--c-line);
    border-radius: .6rem;
    height: 2.35rem;
    padding: .35rem .6rem;
}

textarea.form-control[b-jvrmx78nrd] {
    height: auto
}

.modal-foot[b-jvrmx78nrd] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .8rem 1rem;
    border-top: 1px solid var(--c-line);
}

    .modal-foot .spacer[b-jvrmx78nrd] {
        flex: 1
    }

.btn-primary[b-jvrmx78nrd] {
    background: var(--c-btn);
    border: 0;
    color: white;
    padding: .5rem .9rem;
    border-radius: 8px;
    font-weight: 700;
}

    .btn-primary:hover[b-jvrmx78nrd] {
        background: var(--c-btn-hover)
    }

.btn-outline[b-jvrmx78nrd] {
    background: transparent;
    border: 1px solid var(--c-line);
    color: var(--c-text);
    padding: .5rem .9rem;
    border-radius: 8px;
}

.btn-outline-danger[b-jvrmx78nrd] {
    background: transparent;
    border: 1px solid #d66;
    color: #ff7b7b;
    padding: .5rem .9rem;
    border-radius: 8px;
}

.btn-outline:hover[b-jvrmx78nrd] {
    background: #262733
}

.btn-outline-danger:hover[b-jvrmx78nrd] {
    background: #2a1c1c
}

/* Day view layout */
.dayview[b-jvrmx78nrd] {
    display: grid;
    grid-template-columns: 70px 1fr;
    gap: 10px;
    height: calc(100vh - 220px);
    min-height: 520px;
    padding: .85rem;
    border-radius: 12px;
    background: #141826;
    border: 1px solid var(--c-line);
    box-shadow: 0 12px 28px rgba(0,0,0,0.35);
}

.dayview .daycol[b-jvrmx78nrd] {
    display: grid;
    grid-template-rows: auto 1fr;
    background: #191f30;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 10px;
    padding: .3rem;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

.dayview .dayhdr[b-jvrmx78nrd] {
    font-weight: 800;
    padding: .35rem .4rem;
    color: #e3e7f4;
    text-align: center;
}

.dayview .eventscol[b-jvrmx78nrd] {
    min-height: 100%;
}

.dayview-multi[b-jvrmx78nrd] {
    grid-template-columns: 70px repeat(auto-fit, minmax(260px, 1fr));
    overflow-x: auto;
}

.dayview.empty[b-jvrmx78nrd] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--c-chrome);
    border: 1px dashed var(--c-line);
    border-radius: 12px;
    padding: 1rem;
    color: var(--c-muted);
}

.timecol[b-jvrmx78nrd] {
    position: relative;
    border-right: 1px solid var(--c-line);
}

    .timecol .hour[b-jvrmx78nrd] {
        height: 60px; /* must match HourHeightPx */
        color: var(--c-muted);
        font-size: .85rem;
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        padding-right: 6px;
    }

/* right side (events grid) */
.eventscol[b-jvrmx78nrd] {
    position: relative;
    background: var(--c-chrome);
    border-radius: 12px;
    border: 1px solid var(--c-line);
    overflow: auto;
}

/* Hour lines (shared) */
.hour-line[b-jvrmx78nrd] {
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: rgba(255,255,255,.08);
}

/* Events (shared) */
.event[b-jvrmx78nrd] {
    position: absolute;
    border-radius: 10px;
    padding: 8px 10px;
    box-shadow: 0 8px 18px rgba(0,0,0,.28);
    color: #e7ecf8;
    overflow: hidden;
}

    .event .event-title[b-jvrmx78nrd] {
        font-weight: 800;
        margin-bottom: 2px;
    }

    .event .event-time[b-jvrmx78nrd] {
        font-size: .82rem;
        opacity: .85;
    }

/* Week view base (legacy single view retained for shared styling) */
.weekview[b-jvrmx78nrd] {
    display: grid;
    grid-template-columns: 70px repeat(auto-fit, minmax(170px, 1fr));
    gap: 10px;
    height: calc(100vh - 220px);
    min-height: 520px;
    padding: .85rem;
    border-radius: 12px;
    background: #141826;
    border: 1px solid var(--c-line);
    box-shadow: 0 12px 28px rgba(0,0,0,0.35);
}

.weekview .timecol[b-jvrmx78nrd] {
    position: relative;
    border-right: 1px solid var(--c-line);
}

.weekview .dayhdr.blank[b-jvrmx78nrd] {
    visibility: hidden;
}

.weekview .eventscol[b-jvrmx78nrd] {
    position: relative;
    background: var(--c-chrome);
    border-radius: 12px;
    border: 1px solid var(--c-line);
    overflow: auto;
}

/* Week view multi-user */
.week-multi-wrap[b-jvrmx78nrd] {
    display: grid;
    gap: 12px;
    padding: .5rem 0 0.25rem;
}

.weekview.user-week[b-jvrmx78nrd] {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #141826;
    border: 1px solid var(--c-line);
    border-radius: 12px;
    padding: 0.35rem 0.45rem 0.6rem;
    box-shadow: 0 12px 28px rgba(0,0,0,0.35);
    height: calc(100vh - 220px);
    min-height: 520px;
}

.week-user-head[b-jvrmx78nrd] {
    font-weight: 800;
    color: #e7e9f2;
    margin-bottom: 0.25rem;
    text-align: center;
    padding: 0.15rem 0;
}

/* Shared time column + layout */
.week-multi-layout[b-jvrmx78nrd] {
    display: grid;
    grid-template-columns: 52px 1fr;
    gap: 10px;
}

.shared-timecol[b-jvrmx78nrd] {
    position: sticky;
    top: 0;
    align-self: start;
    background: #141826;
    border: 1px solid var(--c-line);
    border-radius: 12px;
    padding: .4rem .3rem;
    box-shadow: 0 12px 28px rgba(0,0,0,0.35);
    height: calc(100vh - 220px);
    min-height: 520px;
}

.shared-timecol .dayhdr.blank[b-jvrmx78nrd] {
    visibility: hidden;
    height: 68px;
    padding: 0 .4rem;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.shared-timecol .hour[b-jvrmx78nrd] {
    height: 60px;
    color: var(--c-muted);
    font-size: .85rem;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    padding-right: 6px;
}

.shared-timecol .hour:first-of-type[b-jvrmx78nrd] {
    margin-top: 0;
}

.week-grid[b-jvrmx78nrd] {
    display: grid;
    gap: 6px;
    align-items: stretch;
}

.week-daycol[b-jvrmx78nrd] {
    display: grid;
    grid-template-rows: auto 1fr;
    background: #191f30;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 10px;
    padding: .3rem;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

.week-daycol .dayhdr[b-jvrmx78nrd] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.weekview-empty[b-jvrmx78nrd] {
    background: var(--c-chrome);
    border: 1px dashed var(--c-line);
    padding: 1rem;
    border-radius: 12px;
    color: var(--c-muted);
}
/* _content/MiniCrm/Components/Pages/SchemaDesigner.razor.rz.scp.css */
/* Pages/SchemaDesigner.razor.css
   Dark theme for the schema editor (matches the rest of the app) */

:root[b-wl7blm4sai] {
    --c-bg: #12131A; /* app background */
    --c-chrome: #1C1C25; /* cards / panels */
    --c-input: #282932; /* inputs / table head */
    --c-btn: #0077FE; /* primary button */
    --c-btn-hover: #1A86FF;
    --c-line: rgba(255,255,255,.08);
    --c-text: #E7E8ED; /* normal text */
    --c-muted: #94959E; /* secondary text / rows */
    --c-head: #d4d6d5; /* table header text */
}

/* Make the whole page dark (works without changing .razor thanks to :host) */
:host[b-wl7blm4sai] {
    display: block;
    background: var(--c-bg);
    min-height: 100vh;
    color: var(--c-text);
}

/* Titles / subtitles */
h1[b-wl7blm4sai], .page-title[b-wl7blm4sai] {
    color: var(--c-text);
}

.page-sub[b-wl7blm4sai] {
    color: var(--c-muted);
}

/* Cards */
.card[b-wl7blm4sai] {
    background: var(--c-chrome);
    border: 1px solid var(--c-line);
    border-radius: 14px;
    box-shadow: 0 10px 28px rgba(0,0,0,.35);
    color: var(--c-text);
}

.card-header[b-wl7blm4sai], .card-head[b-wl7blm4sai] {
    background: transparent;
    border-bottom: 1px solid var(--c-line);
}

/* Inputs */
.form-control[b-wl7blm4sai],
.form-select[b-wl7blm4sai],
textarea.form-control[b-wl7blm4sai] {
    background: var(--c-input);
    color: var(--c-text);
    border: 1px solid var(--c-line);
    border-radius: .6rem;
}

    .form-control[b-wl7blm4sai]::placeholder {
        color: var(--c-muted);
        opacity: .9;
    }

    .form-control:focus[b-wl7blm4sai],
    .form-select:focus[b-wl7blm4sai],
    textarea.form-control:focus[b-wl7blm4sai] {
        border-color: var(--c-btn);
        box-shadow: 0 0 0 3px rgba(0,119,254,.22);
    }

/* Primary button */
.btn-primary[b-wl7blm4sai] {
    background: var(--c-btn);
    border-color: var(--c-btn);
}

    .btn-primary:hover[b-wl7blm4sai] {
        background: var(--c-btn-hover);
        border-color: var(--c-btn-hover);
    }

/* Outline buttons look good on dark */
.btn-outline-secondary[b-wl7blm4sai] {
    color: #dfe3ef;
    border-color: var(--c-line);
}

    .btn-outline-secondary:hover[b-wl7blm4sai] {
        background: #262734;
    }

/* Table — same “card row” treatment as list pages */
.table[b-wl7blm4sai] {
    table-layout: fixed;
    border-collapse: separate !important;
    border-spacing: 0 10px !important; /* vertical gaps between rows */
    background: var(--c-bg);
    margin: 0;
}

    .table thead th[b-wl7blm4sai] {
        position: sticky;
        top: 0;
        background: var(--c-input);
        color: var(--c-head);
        border-bottom: 1px solid var(--c-line);
        z-index: 2;
    }

    .table th[b-wl7blm4sai], .table td[b-wl7blm4sai] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        border-color: transparent !important;
    }

    /* Body rows become pill “cards” */
    .table tbody tr td[b-wl7blm4sai] {
        background: var(--c-chrome);
        color: var(--c-muted);
    }

        .table tbody tr td:first-child[b-wl7blm4sai] {
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
        }

        .table tbody tr td:last-child[b-wl7blm4sai] {
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
        }

    .table tbody tr:hover td[b-wl7blm4sai] {
        background: #23242d;
    }

/* Small toggle/checkbox alignment in the table */
.form-check-input[b-wl7blm4sai] {
    cursor: pointer;
}

/* Spacing for the top quick-add form row */
.schema-quickform .form-control[b-wl7blm4sai],
.schema-quickform .form-select[b-wl7blm4sai] {
    height: 2.4rem;
}

/* ===== Sections panel ===== */
.sections-wrap[b-wl7blm4sai] {
    border: 1px dashed var(--c-line);
    border-radius: 10px;
    padding: .75rem;
}

.subtitletextSergiu[b-wl7blm4sai] {
    color: white !important; 
}
/* _content/MiniCrm/Components/Pages/Setup.razor.rz.scp.css */
h1[b-zohhzb7hlh] {
    font-weight: 800;
    letter-spacing: .2px;
}

.text-muted[b-zohhzb7hlh] {
    opacity: .8;
    color: white !important;
}
/* _content/MiniCrm/Components/Pages/UserTracking.razor.rz.scp.css */
:root[b-z7id8hlygh] {
    --c-bg: #12131A;
    --c-chrome: #1C1C25;
    --c-line: rgba(255,255,255,.10);
    --c-text: #E7E8ED;
    --c-muted: #A7A8B1;
    --c-accent: #0077FE;
    --c-badge-admin-bg: rgba(255,0,0,.1);
    --c-badge-admin-border: rgba(255,0,0,.4);
    --c-badge-admin-text: #ff6b6b;
    --c-card-bg: radial-gradient(circle at 0% 0%, rgba(0,122,255,.15) 0%, rgba(0,0,0,0) 70%), #1C1C25;
}

/* ==== PAGE WRAPPER ================================================== */

.utr-page[b-z7id8hlygh] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: var(--c-text);
    padding: 6px 4px 24px;
    background: radial-gradient(circle at 20% 0%, rgba(0,0,0,.0) 0%, rgba(0,0,0,.6) 70%), #12131A;
    min-height: calc(100vh - 60px); /* keeps background stretching under header */
}

/* ==== HEADER TOP BAR =============================================== */

.utr-head[b-z7id8hlygh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}

.utr-head-left[b-z7id8hlygh] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.utr-title-row[b-z7id8hlygh] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.utr-title[b-z7id8hlygh] {
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--c-text);
    line-height: 1.2;
    margin: 0;
}

.utr-badge[b-z7id8hlygh] {
    font-size: .7rem;
    font-weight: 700;
    padding: .35rem .5rem;
    border-radius: .5rem;
    background: var(--c-badge-admin-bg);
    border: 1px solid var(--c-badge-admin-border);
    color: var(--c-badge-admin-text);
    box-shadow: 0 8px 24px rgba(0,0,0,.6);
}

.utr-sub[b-z7id8hlygh] {
    font-size: .8rem;
    font-weight: 600;
    color: var(--c-muted);
}

.utr-city[b-z7id8hlygh] {
    color: var(--c-text);
}

/* ==== HEADER ACTION BUTTONS ======================================== */

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

.utr-btn[b-z7id8hlygh] {
    background: linear-gradient(180deg,#2c3156 0%, #1c1f33 100%);
    border: 1px solid rgba(255,255,255,.15);
    color: #dfe3ef;
    font-weight: 700;
    padding: .46rem .75rem;
    font-size: .8rem;
    line-height: 1.2;
    border-radius: 10px;
    cursor: pointer;
    box-shadow: 0 8px 16px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.06);
    display: flex;
    align-items: center;
    gap: .5rem;
}

    .utr-btn.alert[b-z7id8hlygh] {
        background: radial-gradient(circle at 0% 0%, rgba(255,0,128,.15) 0%, rgba(0,0,0,0) 70%), linear-gradient(180deg,#3a2b56 0%, #2a1c33 100%);
        border-color: rgba(255,0,128,.4);
        color: #ffd9f6;
    }

    .utr-btn:hover[b-z7id8hlygh] {
        filter: brightness(1.08);
    }

.utr-ic[b-z7id8hlygh] {
    font-size: .8rem;
    line-height: 1;
}

/* ==== CARD ========================================================= */

.utr-card[b-z7id8hlygh] {
    background: var(--c-card-bg);
    border: 1px solid var(--c-line);
    border-radius: 14px;
    box-shadow: 0 18px 48px rgba(0,0,0,.55);
    display: flex;
    flex-direction: column;
    padding: 0;
}

.utr-card-head[b-z7id8hlygh] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: .9rem 1rem .75rem 1rem;
    border-bottom: 1px solid var(--c-line);
    gap: .75rem;
}

.utr-card-head-left[b-z7id8hlygh] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.utr-card-title[b-z7id8hlygh] {
    font-weight: 700;
    font-size: .9rem;
    color: var(--c-text);
}

.utr-meta[b-z7id8hlygh] {
    font-size: .8rem;
    color: var(--c-muted);
}

.utr-card-head-right[b-z7id8hlygh] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.utr-filter[b-z7id8hlygh] {
    font-size: .8rem;
    color: var(--c-text);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: .5rem;
}

.tick[b-z7id8hlygh] {
    color: #00ff9c;
    font-weight: 700;
    font-size: .8rem;
}

/* ==== MAP SHELL / VIEWPORT ======================================== */

.utr-map-shell[b-z7id8hlygh] {
    position: relative;
    padding: 1rem;
}

.utr-map-viewport[b-z7id8hlygh] {
    position: relative;
    width: 100%;
    min-height: 480px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.08);
    overflow: hidden;
    box-shadow: 0 30px 60px rgba(0,0,0,.8), inset 0 0 60px rgba(0,0,0,.6);
}

/* Leaflet container adjustments once Leaflet takes over that div */
.leaflet-container[b-z7id8hlygh] {
    background: #0f1016;
    border-radius: 12px;
}

.leaflet-control-zoom a[b-z7id8hlygh] {
    background: #1f2337 !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    color: #fff !important;
    box-shadow: 0 10px 20px rgba(0,0,0,.8) !important;
}

    .leaflet-control-zoom a:hover[b-z7id8hlygh] {
        filter: brightness(1.2);
    }

/* ==== RED TECH MARKERS / LABEL BALLOONS =========================== */

/* The main divIcon container Leaflet injects */
.tech-marker-icon[b-z7id8hlygh] {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", Roboto, sans-serif;
    pointer-events: none; /* change to auto if you want clickables later */
}

/* flex row: glowing dot + label bubble */
.tech-marker-wrap[b-z7id8hlygh] {
    display: flex;
    align-items: flex-start;
    gap: .4rem;
    filter: drop-shadow(0 6px 10px rgba(0,0,0,.8));
}

/* glowing red "current position" dot */
.tech-marker-dot[b-z7id8hlygh] {
    width: 14px;
    height: 14px;
    border-radius: 999px;
    background: radial-gradient(circle at 30% 30%, #ff8080 0%, #e00000 40%, #4a0000 70%);
    box-shadow: 0 0 10px rgba(255,0,0,.8), 0 0 20px rgba(255,0,0,.4);
    border: 2px solid #fff;
}

/* dark glass label bubble */
.tech-marker-label[b-z7id8hlygh] {
    background: rgba(0,0,0,.7);
    border: 1px solid rgba(255,255,255,.25);
    border-radius: .5rem;
    padding: .3rem .5rem .4rem;
    min-width: 120px;
    max-width: 160px;
    backdrop-filter: blur(6px) saturate(160%);
    -webkit-backdrop-filter: blur(6px) saturate(160%);
}

.tech-marker-name[b-z7id8hlygh] {
    color: #fff;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.2;
}

.tech-marker-status[b-z7id8hlygh] {
    color: #ffbfbf;
    font-size: .7rem;
    line-height: 1.2;
    font-weight: 500;
}
/* _content/MiniCrm/Components/Related/RelatedList.razor.rz.scp.css */
:root[b-w4uwc1pglq] {
    --c-bg: #12131A;
    --c-chrome: #1C1C25;
    --c-input: #282932;
    --c-btn: #0077FE;
    --c-btn-hover: #1A86FF;
    --c-line: rgba(255,255,255,.08);
    --c-text: #E7E8ED;
    --c-row-fg: #94959E;
    --c-head-fg: #4C4D54;
    --c-row-bg: #1C1C25;
}

/* ---------- Generic list-card base (unchanged) ---------- */
.list-card[b-w4uwc1pglq] {
    background: var(--c-chrome);
    border: 1px solid var(--c-line);
    border-radius: 14px;
    box-shadow: 0 10px 28px rgba(0,0,0,.35);
    color: var(--c-text);
}

    .list-card .list-scroll[b-w4uwc1pglq] {
        overflow-y: auto;
        overflow-x: hidden;
        padding: .5rem 1rem 1rem;
    }

    .list-card .table[b-w4uwc1pglq] {
        table-layout: fixed;
        border-collapse: separate !important;
        border-spacing: 0 10px !important; /* vertical gap to reveal bg */
        background: var(--c-bg);
        margin: 0;
        font-size: .96rem;
    }

        /* ---------- THEAD: new color + rounded corners ---------- */
        .list-card .table thead th[b-w4uwc1pglq] {
            position: sticky;
            top: 0;
            background: #6f748c !important; /* table header background */
            color: #ffffff !important; /* header text */
            border-bottom: 1px solid var(--c-line);
            z-index: 2;
            /* kill inner borders to avoid dividers */
            border-left: none !important;
            border-right: none !important;
        }

            .list-card .table thead th:first-child[b-w4uwc1pglq] {
                border-top-left-radius: 12px;
                border-bottom-left-radius: 12px;
            }

            .list-card .table thead th:last-child[b-w4uwc1pglq] {
                border-top-right-radius: 12px;
                border-bottom-right-radius: 12px;
            }

        /* Prevent any overrides from re-adding borders on head cells */
        .list-card .table th[b-w4uwc1pglq],
        .list-card .table td[b-w4uwc1pglq] {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            border-color: transparent !important; /* kill inner borders entirely */
        }

        /* ---------- GLASS ROWS (applies in the list + modal) ---------- */
        /* turn body rows into a single glass “pill” with no column dividers */
        .list-card .table tbody tr td[b-w4uwc1pglq] {
            color: white !important;
            background: rgba(255,255,255,0.08) !important;
            backdrop-filter: blur(10px) saturate(160%) !important;
            -webkit-backdrop-filter: blur(10px) saturate(160%) !important;
            /* only outline the outside of the row */
            border-top: 1px solid rgba(255,255,255,0.18) !important;
            border-bottom: 1px solid rgba(255,255,255,0.18) !important;
            border-left: none !important;
            border-right: none !important;
            transition: background .25s ease, border-color .2s ease, transform .12s ease;
        }

            .list-card .table tbody tr td:first-child[b-w4uwc1pglq] {
                border-left: 1px solid rgba(255,255,255,0.18) !important;
                border-top-left-radius: 12px;
                border-bottom-left-radius: 12px;
            }

            .list-card .table tbody tr td:last-child[b-w4uwc1pglq] {
                border-right: 1px solid rgba(255,255,255,0.18) !important;
                border-top-right-radius: 12px;
                border-bottom-right-radius: 12px;
            }

        .list-card .table tbody tr:hover td[b-w4uwc1pglq] {
            background: rgba(255,255,255,0.14) !important;
            border-top-color: rgba(255,255,255,0.24) !important;
            border-bottom-color: rgba(255,255,255,0.24) !important;
        }

            .list-card .table tbody tr:hover td:first-child[b-w4uwc1pglq] {
                border-left-color: rgba(255,255,255,0.24) !important;
            }

            .list-card .table tbody tr:hover td:last-child[b-w4uwc1pglq] {
                border-right-color: rgba(255,255,255,0.24) !important;
            }

/* ---------- Related section header palette ---------- */
/* container + inner panels */
.related-section .list-card[b-w4uwc1pglq],
.related-section .list-card .list-scroll[b-w4uwc1pglq],
.related-section .list-card .table[b-w4uwc1pglq] {
    background-color: #2b3351 !important; /* container background */
}

/* Keep the overall card frame consistent */
.related-section .list-card[b-w4uwc1pglq] {
    border-radius: 14px;
    box-shadow: 0 10px 28px rgba(0,0,0,.35);
    border: 1px solid var(--c-line);
}

    /* Re-assert table header palette inside related section */
    .related-section .list-card thead th[b-w4uwc1pglq] {
        background-color: #6f748c !important; /* header background */
        color: #ffffff !important; /* header text */
        font-weight: 600;
    }

/* ---------- Modal tabs (Details / Related) to match header tone ---------- */
.rl-modal-tabs .pill[b-w4uwc1pglq] {
    background-color: #6f748c !important; /* inactive tab */
    color: #ffffff !important;
    border: none !important;
}

    .rl-modal-tabs .pill.active[b-w4uwc1pglq] {
        background-color: #454c6f !important; /* active tab */
        color: #ffffff !important;
        font-weight: 700;
    }

/* ---------- New header + actions ---------- */
.rl-head[b-w4uwc1pglq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .85rem 1rem;
    border-bottom: 1px solid var(--c-line);
    background: linear-gradient(135deg, #394166, #2a3050);
    border-radius: 14px 14px 0 0;
    gap: 1rem;
}

.rl-title-wrap[b-w4uwc1pglq] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}

.rl-title[b-w4uwc1pglq] {
    font-weight: 800;
    letter-spacing: .2px;
    color: #f4f6ff;
}

.rl-count[b-w4uwc1pglq] {
    background: rgba(255,255,255,0.14);
    color: #e7e8ed;
    padding: .1rem .55rem;
    border-radius: 999px;
    font-weight: 700;
    font-size: .9rem;
    border: 1px solid rgba(255,255,255,0.18);
}

.rl-actions[b-w4uwc1pglq] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}

.rl-btn[b-w4uwc1pglq] {
    border: 1px solid transparent;
    border-radius: 10px;
    padding: .4rem .7rem;
    font-weight: 700;
    color: #f4f6ff;
    cursor: pointer;
    transition: transform .08s ease, box-shadow .15s ease, filter .12s ease, border-color .12s ease, background .12s ease;
    background: rgba(255,255,255,0.06);
}

    .rl-btn:hover[b-w4uwc1pglq] {
        filter: brightness(1.05);
    }

    .rl-btn:active[b-w4uwc1pglq] {
        transform: translateY(1px);
    }

.rl-btn.primary[b-w4uwc1pglq] {
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    border-color: rgba(59,130,246,0.65);
    box-shadow: 0 10px 24px rgba(37,99,235,0.28);
}

.rl-btn.ghost[b-w4uwc1pglq] {
    border-color: rgba(255,255,255,0.14);
}

.rl-btn.chip[b-w4uwc1pglq] {
    padding: .35rem .65rem;
    border-radius: 999px;
    font-size: .85rem;
}

.rl-btn.success[b-w4uwc1pglq] {
    background: linear-gradient(135deg, #16a34a, #0f7a38);
    border-color: rgba(34,197,94,0.5);
    box-shadow: 0 8px 18px rgba(34,197,94,0.28);
}

.rl-btn.warning[b-w4uwc1pglq] {
    background: linear-gradient(135deg, #f59e0b, #d97706);
    border-color: rgba(245,158,11,0.5);
    box-shadow: 0 8px 18px rgba(245,158,11,0.28);
    color: #1f1303;
}

.rl-btn.info[b-w4uwc1pglq] {
    background: linear-gradient(135deg, #3b82f6, #1e40af);
    border-color: rgba(59,130,246,0.6);
    box-shadow: 0 8px 18px rgba(59,130,246,0.28);
}

.rl-report-col[b-w4uwc1pglq] {
    min-width: 160px;
}

.rl-report-btn[b-w4uwc1pglq] {
    white-space: nowrap;
}

.rl-row[b-w4uwc1pglq] {
    cursor: pointer;
}

/* ---------- Minimal modal styles (unchanged) ---------- */
.rl-overlay[b-w4uwc1pglq] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.5);
    z-index: 1000;
}

.rl-modal[b-w4uwc1pglq] {
    position: fixed;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    width: min(680px, 92vw);
    background: #12131a;
    color: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,.4);
    z-index: 1001;
    display: flex;
    flex-direction: column;
    max-height: 80vh;
}

.rl-modal-header[b-w4uwc1pglq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .75rem 1rem;
    border-bottom: 1px solid rgba(255,255,255,.08);
    background: #1c1c25;
    border-radius: 12px 12px 0 0;
}

.rl-modal-title[b-w4uwc1pglq] {
    font-weight: 700;
}

.rl-modal-body[b-w4uwc1pglq] {
    padding: 1rem;
    overflow: auto;
}
/* _content/MiniCrm/Components/Setup/SetupAccessLevels.razor.rz.scp.css */
.access-wrap[b-9yisw1oqhr] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.intro h5[b-9yisw1oqhr] {
    margin-bottom: 4px;
    font-weight: 800;
}

.intro .text-muted[b-9yisw1oqhr] {
    color: #9fb0cc;
}

.access-grid[b-9yisw1oqhr] {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 16px;
    align-items: start;
}

@media (max-width: 960px) {
    .access-grid[b-9yisw1oqhr] {
        grid-template-columns: 1fr;
    }
}

.panel[b-9yisw1oqhr] {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px;
    padding: 14px;
}

.panel-head[b-9yisw1oqhr] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
}

.panel .title[b-9yisw1oqhr] {
    font-size: 1.05rem;
    font-weight: 700;
}

.eyebrow[b-9yisw1oqhr] {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: .75rem;
    color: #8ca1c2;
    margin-bottom: 2px;
}

.small-text[b-9yisw1oqhr] {
    font-size: .9rem;
}

.chip-list[b-9yisw1oqhr] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 12px 0;
}

.chip[b-9yisw1oqhr] {
    padding: 8px 12px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.14);
    background: #0f1a2e;
    color: #e7e8ed;
    cursor: pointer;
    transition: all .15s ease;
}

.chip:hover[b-9yisw1oqhr] {
    border-color: rgba(255,255,255,0.28);
}

.chip.active[b-9yisw1oqhr] {
    background: #0b5ed7;
    border-color: #0b5ed7;
}

.hint[b-9yisw1oqhr] {
    color: #9fb0cc;
    font-size: .9rem;
}

.matrix[b-9yisw1oqhr] {
    min-height: 200px;
}

.matrix-head[b-9yisw1oqhr] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.current[b-9yisw1oqhr] {
    font-size: 1.35rem;
    font-weight: 800;
}

.actions[b-9yisw1oqhr] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.ghost[b-9yisw1oqhr], .primary[b-9yisw1oqhr], .icon-btn[b-9yisw1oqhr] {
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.14);
    background: #0f1a2e;
    color: #e7e8ed;
    padding: 8px 12px;
    cursor: pointer;
}

.ghost:hover[b-9yisw1oqhr] {
    background: #152440;
}

.primary[b-9yisw1oqhr] {
    background: #0b5ed7;
    border-color: #0b5ed7;
}

.primary:disabled[b-9yisw1oqhr],
.ghost:disabled[b-9yisw1oqhr] {
    opacity: .65;
    cursor: not-allowed;
}

.icon-btn[b-9yisw1oqhr] {
    padding: 4px 8px;
    font-size: .95rem;
}

.dirty[b-9yisw1oqhr] {
    background: rgba(255, 193, 7, 0.15);
    color: #ffc107;
    padding: 6px 10px;
    border-radius: 10px;
    border: 1px solid rgba(255,193,7,0.3);
    font-weight: 700;
}

.matrix-body[b-9yisw1oqhr] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.entity-card[b-9yisw1oqhr] {
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 12px;
    padding: 12px;
    background: rgba(255,255,255,0.02);
}

.entity-head[b-9yisw1oqhr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 6px;
}

.entity-name[b-9yisw1oqhr] {
    font-weight: 800;
    font-size: 1.05rem;
}

.perm-row[b-9yisw1oqhr] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pill[b-9yisw1oqhr] {
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    font-weight: 700;
    font-size: .9rem;
}

.perm-group[b-9yisw1oqhr] {
    display: flex;
    gap: 6px;
}

.perm-table[b-9yisw1oqhr] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 6px;
    table-layout: fixed;
}

.perm-table th[b-9yisw1oqhr],
.perm-table td[b-9yisw1oqhr] {
    padding: 8px 10px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    text-align: left;
}

.perm-table th[b-9yisw1oqhr] {
    font-weight: 700;
    color: #cfd8e7;
}

.perm-table .name-col[b-9yisw1oqhr] {
    max-width: 200px;
    word-break: break-word;
}

.perm-table .api-col[b-9yisw1oqhr] {
    max-width: 180px;
    word-break: break-word;
    white-space: normal;
}

.perm-table .perm-col[b-9yisw1oqhr] {
    width: 42px;
    text-align: center;
}

.perm-table input[type="checkbox"][b-9yisw1oqhr] {
    width: 16px;
    height: 16px;
}

.endpoint-input[b-9yisw1oqhr] {
    width: 100%;
    background: #0f1a2e;
    color: #e7e8ed;
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 8px;
    padding: 6px 8px;
}

.loading[b-9yisw1oqhr],
.empty[b-9yisw1oqhr] {
    border: 1px dashed rgba(255,255,255,0.24);
    padding: 12px;
    border-radius: 12px;
    color: #cfd8e7;
}

.empty.small[b-9yisw1oqhr] {
    font-size: .95rem;
}
/* _content/MiniCrm/Components/Setup/SetupMenusTabs.razor.rz.scp.css */
.menus-card[b-u656nxnn9n] {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px;
    padding: 14px;
}

    .menus-card .head[b-u656nxnn9n] {
        display: flex;
        align-items: center;
        gap: 12px;
        justify-content: space-between;
        margin-bottom: 8px;
    }

    .menus-card .title[b-u656nxnn9n] {
        display: flex;
        align-items: center;
        gap: 8px;
        font-weight: 800;
        letter-spacing: .2px;
    }

        .menus-card .title .ic[b-u656nxnn9n] {
            opacity: .9;
        }

    .menus-card .sub[b-u656nxnn9n] {
        margin: 6px 0 14px;
        color: #9fb0cc;
    }

.btn[b-u656nxnn9n] {
    height: 34px;
    padding: 0 .9rem;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.12);
    color: #e7e8ed;
    background: #0f1a2e;
}

    .btn:hover[b-u656nxnn9n] {
        background: #132240;
    }

    .btn.primary[b-u656nxnn9n] {
        background: #0077FE;
        border-color: #0077FE;
    }

        .btn.primary:hover[b-u656nxnn9n] {
            background: #1A86FF;
        }

    .btn.outline[b-u656nxnn9n] {
        background: transparent;
    }

.rows[b-u656nxnn9n] {
    display: grid;
    gap: 10px;
}

.row[b-u656nxnn9n] {
    display: grid;
    grid-template-columns: 56px 1fr 120px;
    gap: 10px;
    align-items: center;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 12px;
    padding: 10px;
}

    .row .label .name[b-u656nxnn9n] {
        font-weight: 700;
    }

    .row .label .muted[b-u656nxnn9n] {
        font-size: .82rem;
        color: #9fb0cc;
        opacity: .95;
    }

.order-input[b-u656nxnn9n] {
    width: 100%;
    height: 32px;
    background: #182033;
    border: 1px solid rgba(255,255,255,.12);
    color: #e7e8ed;
    border-radius: 8px;
    padding: 0 .6rem;
}

/* toggle */
.switch[b-u656nxnn9n] {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 24px;
}

    .switch input[b-u656nxnn9n] {
        display: none;
    }

.slider[b-u656nxnn9n] {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background: #2a3044;
    border-radius: 24px;
    transition: .2s;
    border: 1px solid rgba(255,255,255,.14);
}

    .slider[b-u656nxnn9n]:before {
        content: "";
        position: absolute;
        height: 18px;
        width: 18px;
        left: 3px;
        top: 2.5px;
        background: #e7e8ed;
        border-radius: 50%;
        transition: .2s;
    }

.switch input:checked + .slider[b-u656nxnn9n] {
    background: #0077FE;
}

    .switch input:checked + .slider[b-u656nxnn9n]:before {
        transform: translateX(18px);
    }
/* _content/MiniCrm/Components/Shared/DynamicEntityHost.razor.rz.scp.css */
:root[b-nm5j2tp5yg] {
    --c-bg: #12131A;
    --c-chrome: #1C1C25;
    --c-input: #282932;
    --c-btn: #0077FE;
    --c-btn-hover: #1A86FF;
    --c-line: rgba(255,255,255,.08);
    --c-text: #E7E8ED;
    --c-row-fg: #cfd5e6;
    --c-head-fg: #e7e9f2;
    --df-head-bg: rgba(255,255,255,.06);
    --df-head-line: rgba(255,255,255,.14);
    --df-head-text: #e7e8ed;
    --df-muted: #9aa1b2;
    --danger-bg: rgba(255,0,0,.08);
    --danger-fg: #ff6b6b;
    --danger-fg-strong: #ff8787;
}

/* Header / toolbar */
.entity-header[b-nm5j2tp5yg] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .8rem;
}

.page-title[b-nm5j2tp5yg] {
    margin: 0;
    font-weight: 800;
    letter-spacing: .3px;
}

.page-sub[b-nm5j2tp5yg] {
    margin: .25rem 0 0;
    color: #A7A8B1;
}

.toolbar[b-nm5j2tp5yg] {
    display: flex;
    gap: .5rem;
}

    .toolbar .btn[b-nm5j2tp5yg] {
        height: 2.2rem;
    }

/* Grid */
.entity-layout[b-nm5j2tp5yg] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    height: auto;
    min-height: 540px;
}

    .entity-layout.has-editor[b-nm5j2tp5yg] {
        grid-template-columns: minmax(0,1fr) clamp(640px, 44vw, 820px);
    }

/* Card (right editor) */
.card[b-nm5j2tp5yg] {
    background: var(--c-chrome);
    border: 1px solid var(--c-line);
    border-radius: 14px;
    box-shadow: 0 10px 28px rgba(0,0,0,.35);
    color: var(--c-text);
}

.card-head[b-nm5j2tp5yg] {
    padding: .8rem 1rem;
    border-bottom: 1px solid var(--c-line);
}

/* Left pane (list) */
.list-pane[b-nm5j2tp5yg] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.list-title[b-nm5j2tp5yg] {
    margin: .4rem 0 .25rem;
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: .2px;
    color: var(--c-text);
}

.list-search[b-nm5j2tp5yg] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .6rem 1rem 0rem;
    margin: 0;
    margin-top: 1.5rem;
}
.search-input[b-nm5j2tp5yg] {
    flex: 1;
    max-width: 50%;
    /* Let Mud handle height/padding, we tune inside */
}

    /* Target Mud's internal elements for dark theme */
    .search-input .mud-input-root[b-nm5j2tp5yg] {
        background: var(--c-input);
        border-radius: 0.55rem;
        border: 1px solid var(--c-line);
        color: var(--c-text);
    }

    .search-input .mud-input-input[b-nm5j2tp5yg] {
        color: var(--c-text);
    }

        .search-input .mud-input-input[b-nm5j2tp5yg]::placeholder {
            color: #aeb3c2;
            opacity: .9;
        }

    /* Search icon (adornment) */
    .search-input .mud-input-adornment .mud-svg-icon[b-nm5j2tp5yg] {
        color: #ffffff;
    }


.clear-btn[b-nm5j2tp5yg] {
    height: 2.25rem;
    border-radius: .55rem;
    border: 1px solid var(--c-line);
    background: rgba(255,255,255,0.06);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    /* icon inside the MudIconButton */
    .clear-btn .mud-svg-icon[b-nm5j2tp5yg] {
        color: #ffffff;
    }

    /* hover state */
    .clear-btn:hover[b-nm5j2tp5yg] {
        background: rgba(255,255,255,0.14);
        border-color: rgba(255,255,255,0.25);
    }


.list-pane .card[b-nm5j2tp5yg] {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.list-scroll[b-nm5j2tp5yg] {
    flex: 1;
    overflow: auto;
    padding: 0rem 1rem 1rem;
}

/* ========================= */
/*  GLASS LIST ROWS          */
/* ========================= */

.table[b-nm5j2tp5yg] {
    margin: 0;
    font-size: .9rem;
    table-layout: fixed;
    border-collapse: separate !important;
    border-spacing: 0 2px !important;
    background: transparent !important;
}

    /* Sticky header row(s) */
    .table thead th[b-nm5j2tp5yg] {
        position: sticky;
        top: 0;
        z-index: 5;
        color: var(--c-head-fg) !important;
        font-weight: 700;
        background: rgba(255,255,255,0.08) !important;
        backdrop-filter: blur(10px) saturate(170%);
        -webkit-backdrop-filter: blur(10px) saturate(170%);
        border: 1px solid rgba(255,255,255,0.16);
        border-bottom: 1px solid rgba(255,255,255,0.20) !important;
        padding-top: .35rem;
        padding-bottom: .28rem;
        vertical-align: top;
    }

/* second header row (filters) sits under first row */
.filter-row th[b-nm5j2tp5yg] {
    position: sticky;
    top: 38px; /* this may need tweaking depending on header height */
    z-index: 4;
    background: rgba(30,30,40,0.9) !important;
    backdrop-filter: blur(10px) saturate(170%);
    -webkit-backdrop-filter: blur(10px) saturate(170%);
    border-left: 1px solid rgba(255,255,255,0.16);
    border-right: 1px solid rgba(255,255,255,0.16);
    border-bottom: 1px solid rgba(255,255,255,0.20) !important;
    padding-top: .16rem;
    padding-bottom: .16rem;
    vertical-align: top;
}

/* remove default bootstrap borders */
.table > :not(caption) > * > *[b-nm5j2tp5yg] {
    box-shadow: none !important;
    border-color: transparent !important;
}

/* ellipsis */
.table th[b-nm5j2tp5yg],
.table td[b-nm5j2tp5yg] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* the frosted row cells */
.table tbody tr td[b-nm5j2tp5yg] {
    color: var(--c-row-fg);
    background: rgba(255,255,255,0.10) !important;
    backdrop-filter: blur(12px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(180%) !important;
    border-top: 1px solid rgba(255,255,255,0.18) !important;
    border-bottom: 1px solid rgba(255,255,255,0.18) !important;
    border-left: none !important;
    border-right: none !important;
    transition: background .25s ease, border-color .2s ease, transform .12s ease;
    padding: .28rem .35rem;
}

    .table tbody tr td:first-child[b-nm5j2tp5yg] {
        border-left: 1px solid rgba(255,255,255,0.18) !important;
        border-top-left-radius: 12px;
        border-bottom-left-radius: 12px;
    }

    .table tbody tr td:last-child[b-nm5j2tp5yg] {
        border-right: 1px solid rgba(255,255,255,0.18) !important;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
    }

/* hover & selected rows */
.table tbody tr:hover td[b-nm5j2tp5yg] {
    background: rgba(255,255,255,0.16) !important;
    border-top-color: rgba(255,255,255,0.24) !important;
    border-bottom-color: rgba(255,255,255,0.24) !important;
}

    .table tbody tr:hover td:first-child[b-nm5j2tp5yg] {
        border-left-color: rgba(255,255,255,0.24) !important;
    }

    .table tbody tr:hover td:last-child[b-nm5j2tp5yg] {
        border-right-color: rgba(255,255,255,0.24) !important;
    }

.table tbody tr.row-selected td[b-nm5j2tp5yg],
.table tbody tr.selected-row td[b-nm5j2tp5yg] {
    background: rgba(255,255,255,0.22) !important;
    border-top-color: rgba(255,255,255,0.30) !important;
    border-bottom-color: rgba(255,255,255,0.30) !important;
    box-shadow: 0 0 0 1px rgba(0,119,254,.45) inset;
}

    .table tbody tr.row-selected td:first-child[b-nm5j2tp5yg],
    .table tbody tr.selected-row td:first-child[b-nm5j2tp5yg] {
        border-left-color: rgba(255,255,255,0.30) !important;
    }

    .table tbody tr.row-selected td:last-child[b-nm5j2tp5yg],
    .table tbody tr.selected-row td:last-child[b-nm5j2tp5yg] {
        border-right-color: rgba(255,255,255,0.30) !important;
    }

.row-click[b-nm5j2tp5yg] {
    cursor: pointer;
}

/* avatar */
.thumb[b-nm5j2tp5yg] {
    width: 34px;
    height: 34px;
    border-radius: .4rem;
    object-fit: cover;
    border: 1px solid rgba(255,255,255,0.22);
}

/* action cell / trash */
.action-cell[b-nm5j2tp5yg] {
    text-align: right;
    white-space: nowrap;
}

/* delete button */
.bin-btn[b-nm5j2tp5yg] {
    appearance: none;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: .55rem;
    color: var(--danger-fg);
    font-size: .9rem;
    line-height: 1;
    padding: .4rem .6rem;
    cursor: pointer;
    font-weight: 600;
    box-shadow: 0 6px 18px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.06);
    background-image: radial-gradient(circle at 20% 20%, rgba(255,0,0,.22) 0%, rgba(0,0,0,0) 70%);
}

    .bin-btn:hover[b-nm5j2tp5yg] {
        background-color: var(--danger-bg);
        color: var(--danger-fg-strong);
        border-color: rgba(255,0,0,.45);
    }

/* -------- filter row inputs -------- */
.filter-input[b-nm5j2tp5yg] {
    width: 100%;
    max-width: 100%;
    background: var(--c-input);
    border: 1px solid var(--c-line);
    border-radius: .4rem;
    color: var(--c-text);
    font-size: .75rem;
    line-height: 1.2rem;
    padding: .3rem .4rem;
    outline: none;
}

    .filter-input[b-nm5j2tp5yg]::placeholder {
        color: #aeb3c2;
        opacity: .6;
    }

/* -------- column resizer handle -------- */
.col-resizer[b-nm5j2tp5yg] {
    position: absolute;
    top: 0;
    right: 0;
    width: 6px;
    cursor: col-resize;
    user-select: none;
    height: 100%;
    display: inline-block;
    background: transparent;
}

    .col-resizer:hover[b-nm5j2tp5yg] {
        background: rgba(255,255,255,.18);
    }

/* -------- bottom-right delete toast -------- */
.delete-toast[b-nm5j2tp5yg] {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 9999;
    min-width: 220px;
    background: rgba(20,22,32,0.9);
    border: 1px solid rgba(255,255,255,.2);
    border-radius: .6rem;
    box-shadow: 0 24px 48px rgba(0,0,0,.8);
    padding: .8rem .9rem;
    display: flex;
    flex-direction: column;
    gap: .6rem;
    color: #fff;
    font-size: .85rem;
    line-height: 1.3;
}

.delete-toast-text[b-nm5j2tp5yg] {
    font-weight: 600;
    color: #fff;
}

.delete-toast-actions[b-nm5j2tp5yg] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
}

.btn-confirm[b-nm5j2tp5yg],
.btn-cancel[b-nm5j2tp5yg] {
    background: transparent;
    border: 1px solid rgba(255,255,255,.35);
    color: #fff;
    font-size: .8rem;
    line-height: 1;
    padding: .4rem .6rem;
    border-radius: .4rem;
    cursor: pointer;
    font-weight: 600;
    min-width: 2.4rem;
    text-align: center;
}

.btn-confirm[b-nm5j2tp5yg] {
    border-color: rgba(0,255,128,.5);
    color: #00ff9c;
}

    .btn-confirm:hover[b-nm5j2tp5yg] {
        background: rgba(0,255,128,.12);
    }

.btn-cancel[b-nm5j2tp5yg] {
    border-color: rgba(255,255,255,.35);
    color: #fff;
}

    .btn-cancel:hover[b-nm5j2tp5yg] {
        background: rgba(255,255,255,.12);
    }

/* -------- Right editor panel -------- */
.editor-pane[b-nm5j2tp5yg] {
    overflow: hidden;
    background-color: rgb(43, 51, 81) !important;
}

.editor-head[b-nm5j2tp5yg] {
    padding: .6rem .6rem;
    border-bottom: 1px solid var(--c-line);
    display: flex;
    align-items: center;
    gap: .75rem;
    justify-content: space-between;
    flex-wrap: nowrap;
    min-width: 0;
    background-color: #454c6f !important;
}

.editor-scroll[b-nm5j2tp5yg] {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 1rem;
    background-color: rgb(43, 51, 81) !important;
}

.editor-pane .row[b-nm5j2tp5yg] {
    --bs-gutter-x: 1rem;
}

.editor-pane .col-md-4[b-nm5j2tp5yg] {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    min-width: 280px;
}

.editor-pane .form-label[b-nm5j2tp5yg] {
    font-weight: 600;
    color: #d9dbe2;
}

.editor-pane .form-control[b-nm5j2tp5yg],
.editor-pane .form-select[b-nm5j2tp5yg] {
    color: var(--c-text);
    background: var(--c-input);
    border: 1px solid var(--c-line);
    border-radius: .6rem;
}

    .editor-pane .form-control:focus[b-nm5j2tp5yg],
    .editor-pane .form-select:focus[b-nm5j2tp5yg] {
        border-color: var(--c-btn);
        box-shadow: 0 0 0 3px rgba(0,119,254,.22);
    }

/* Pills (Details/Related) */
.pill[b-nm5j2tp5yg] {
    color: #dfe3ef !important;
    background: #6f748c !important;
    border: 1px solid var(--c-line) !important;
}

    .pill.active[b-nm5j2tp5yg] {
        background: #6f748c8f !important;
        border-color: #3a57a5 !important;
        font-weight: 800;
    }

/* Buttons */
.btn-primary[b-nm5j2tp5yg] {
    background: var(--c-btn);
    border-color: var(--c-btn);
}

    .btn-primary:hover[b-nm5j2tp5yg] {
        background: var(--c-btn-hover);
        border-color: var(--c-btn-hover);
    }

/* No results */
.no-results[b-nm5j2tp5yg] {
    padding: .85rem 0;
    color: #aeb3c2;
    text-align: center;
}

/* DynamicForm sections */
.df-section[b-nm5j2tp5yg] {
    border: 1px solid var(--df-head-line);
    border-radius: 12px;
    margin-bottom: .9rem;
    background: rgba(255,255,255,.04);
}

.df-section-head[b-nm5j2tp5yg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    padding: .55rem .8rem;
    border-bottom: 1px solid var(--df-head-line);
    background: var(--df-head-bg);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.df-section-title[b-nm5j2tp5yg] {
    font-weight: 800;
    letter-spacing: .2px;
    color: var(--df-head-text);
}

.df-section .row[b-nm5j2tp5yg] {
    padding: .75rem .8rem .85rem;
}

.df-muted .df-section-title[b-nm5j2tp5yg] {
    color: var(--df-muted);
}

/* ---------- Record Type Picker Modal ---------- */
.rt-layer[b-nm5j2tp5yg] {
    position: fixed;
    inset: 0;
    z-index: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    font-family: inherit;
}

.rt-backdrop[b-nm5j2tp5yg] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 0;
    pointer-events: auto;
}

.rt-modal[b-nm5j2tp5yg] {
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 480px;
    width: 90%;
    background-color: #1f222a;
    color: #f1f1f1;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 24px 64px rgba(0,0,0,0.8);
    padding: 1rem 1.25rem;
    z-index: 1;
    pointer-events: auto;
}

.rt-header strong[b-nm5j2tp5yg] {
    font-weight: 600;
    color: #fff;
    font-size: 1rem;
    line-height: 1.3;
}

.rt-modal .subtitletextSergiu.mb-3[b-nm5j2tp5yg] {
    color: #cfd2dc;
    font-size: .9rem;
    line-height: 1.4;
    margin-bottom: .75rem !important;
}

.rt-modal .form-check[b-nm5j2tp5yg] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    color: #f1f1f1;
}

.rt-modal .form-check-input[b-nm5j2tp5yg] {
    cursor: pointer;
    margin-top: .3rem;
    background-color: #0d0f14;
    border-color: #5c637a;
}

    .rt-modal .form-check-input:checked[b-nm5j2tp5yg] {
        background-color: #3b82f6;
        border-color: #3b82f6;
    }

.rt-modal .form-check-label[b-nm5j2tp5yg] {
    cursor: pointer;
    color: #f1f1f1;
    line-height: 1.3;
}

    .rt-modal .form-check-label .fw-bold[b-nm5j2tp5yg] {
        font-weight: 600;
        color: #fff;
        font-size: .95rem;
        line-height: 1.3;
    }

    .rt-modal .form-check-label .subtitletextSergiu[b-nm5j2tp5yg] {
        display: block;
        font-size: .8rem;
        line-height: 1.2;
        color: #cfd2dc;
        opacity: .9;
        margin-top: .15rem;
    }

.rt-modal .d-flex.justify-content-end .btn-outline-secondary[b-nm5j2tp5yg] {
    background-color: transparent;
    color: #e5e7eb;
    border-color: #4b5563;
}

    .rt-modal .d-flex.justify-content-end .btn-outline-secondary:hover[b-nm5j2tp5yg] {
        background-color: #2a2e38;
        border-color: #6b7280;
        color: #fff;
    }

.rt-modal .d-flex.justify-content-end .btn-primary[disabled][b-nm5j2tp5yg] {
    opacity: .4;
    cursor: not-allowed;
}

.rt-header .btn.btn-sm.btn-outline-secondary[b-nm5j2tp5yg] {
    color: #e5e7eb;
    border-color: #4b5563;
    background-color: transparent;
    line-height: 1;
    padding: .35rem .5rem;
}

    .rt-header .btn.btn-sm.btn-outline-secondary:hover[b-nm5j2tp5yg] {
        background-color: #2a2e38;
        border-color: #6b7280;
        color: #fff;
    }

.th-inner[b-nm5j2tp5yg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .25rem;
    cursor: pointer;
    user-select: none;
}

.sort-icon[b-nm5j2tp5yg] {
    font-size: .7rem;
    opacity: .8;
}

/* pager */
.table-pager[b-nm5j2tp5yg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .4rem 0 0;
    font-size: .82rem;
    color: #aeb3c2;
}

.pager-controls[b-nm5j2tp5yg] {
    display: flex;
    align-items: center;
    gap: .4rem;
}

.pager-size[b-nm5j2tp5yg] {
    min-width: 80px;
}



/* ---------- Global toast (bottom-right) ---------- */
.mc-toast-wrap[b-nm5j2tp5yg] {
    position: fixed;
    right: 18px;
    bottom: 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 11000;
    pointer-events: none;
}

.mc-toast[b-nm5j2tp5yg] {
    pointer-events: auto;
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 260px;
    max-width: 420px;
    padding: 12px 14px;
    border-radius: 12px;
    background: rgba(18,19,26,.96);
    color: #eaeaea;
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 10px 26px rgba(0,0,0,.55), 0 0 1px rgba(255,255,255,.06);
    animation: mcToastIn-b-nm5j2tp5yg 180ms ease-out;
}

.mc-icon[b-nm5j2tp5yg] {
    font-size: 18px;
    opacity: .9;
}

.mc-msg[b-nm5j2tp5yg] {
    line-height: 1.3;
    font-size: 14px;
    letter-spacing: .2px;
    flex: 1;
    word-break: break-word;
}

.mc-x[b-nm5j2tp5yg] {
    background: transparent;
    color: #cfcfcf;
    border: 0;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    padding: 2px 6px;
    opacity: .8;
}

    .mc-x:hover[b-nm5j2tp5yg] {
        opacity: 1;
    }

.mc-success[b-nm5j2tp5yg] {
    border-left: 4px solid #22c55e;
    box-shadow: 0 0 10px rgba(34,197,94,.25);
}

.mc-error[b-nm5j2tp5yg] {
    border-left: 4px solid #ef4444;
    box-shadow: 0 0 10px rgba(239,68,68,.25);
}

.mc-info[b-nm5j2tp5yg] {
    border-left: 4px solid #6366f1;
    box-shadow: 0 0 10px rgba(99,102,241,.25);
}

@keyframes mcToastIn-b-nm5j2tp5yg {
    from {
        opacity: 0;
        transform: translateY(8px) scale(.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
/* _content/MiniCrm/Components/Shared/DynamicForm.razor.rz.scp.css */
/* DynamicForm.razor.css
   Polished, sectioned editor styles (dark “glass” cards, clear headings, comfy spacing)
*/

:root[b-862843m87n] {
    --c-bg: #12131A;
    --c-chrome: #1C1C25;
    --c-input: #282932;
    --c-btn: #0077FE;
    --c-btn-hover: #1A86FF;
    --c-line: rgba(255,255,255,.10);
    --c-text: #E7E8ED;
    /* Section accents */
    --c-sec-head: #cfd5e6;
    --c-sec-muted: #9ea6bd;
    --c-sec-fill: rgba(255,255,255,.06);
    --c-sec-fill-strong: rgba(255,255,255,.10);
    --c-sec-outline: rgba(255,255,255,.18);
}

/* ========= Sections ========= */

.df-section[b-862843m87n] {
    background: var(--c-sec-fill);
    border: 1px solid var(--c-sec-outline);
    border-radius: 14px;
    box-shadow: 0 10px 26px rgba(0,0,0,.35);
    margin: 16px 0;
    overflow: hidden;
}

    /* Slightly stronger body fill than header */
    .df-section .row[b-862843m87n] {
        background: var(--c-sec-fill-strong);
    }

/* Header bar */
.df-section-head[b-862843m87n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .65rem .9rem;
    background: linear-gradient(0deg, rgba(255,255,255,.06), rgba(255,255,255,.06));
    border-bottom: 1px solid var(--c-sec-outline);
}

/* Title: uppercase, compact, readable */
.df-section-title[b-862843m87n] {
    color: var(--c-sec-head);
    font-size: .88rem;
    font-weight: 800;
    letter-spacing: .6px;
    text-transform: uppercase;
    line-height: 1.1;
    white-space: nowrap;
}

/* Muted variant (used for “Altele”) */
.df-section-head.df-muted .df-section-title[b-862843m87n] {
    color: var(--c-sec-muted);
}

/* Section content spacing */
.df-section .row[b-862843m87n] {
    --bs-gutter-x: 1rem;
    padding: .9rem .9rem 1rem;
}

/* Tighten last row bottom padding a touch on mobile */
@media (max-width: 576px) {
    .df-section .row[b-862843m87n] {
        padding: .75rem .75rem .9rem;
    }
}

/* ========= Field controls (local to DynamicForm) ========= */

.form-label[b-862843m87n] {
    margin-bottom: .35rem;
    font-weight: 600;
    color: #d9dbe2;
    font-size: .93rem;
}

.form-control[b-862843m87n],
.form-select[b-862843m87n] {
    height: 2.35rem;
    color: var(--c-text);
    background: var(--c-input);
    border: 1px solid var(--c-line);
    border-radius: .60rem;
    box-shadow: none;
}

textarea.form-control[b-862843m87n] {
    min-height: 2.35rem;
    padding-top: .55rem;
    padding-bottom: .55rem;
}

.form-control:focus[b-862843m87n],
.form-select:focus[b-862843m87n] {
    border-color: var(--c-btn);
    box-shadow: 0 0 0 3px rgba(0,119,254,.22);
}

/* Checkboxes align nicer in our grid */
.form-check-input[b-862843m87n] {
    width: 1.05rem;
    height: 1.05rem;
    border-color: var(--c-line);
    background: var(--c-input);
}

/* Validation hints */
.text-danger.small[b-862843m87n] {
    margin-top: .25rem;
    opacity: .95;
}

/* ========= File pickers ========= */

.df-filebox[b-862843m87n] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.df-preview[b-862843m87n] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: var(--c-text);
    font-size: .9rem;
}

.df-thumb[b-862843m87n] {
    width: 44px;
    height: 44px;
    object-fit: cover;
    border-radius: .5rem;
    border: 1px solid var(--c-sec-outline);
}

/* ========= Compact columns on wide screens ========= */

@media (min-width: 1200px) {
    /* keep the 3-column feel comfy on the eye */
    .col-md-4[b-862843m87n] {
        min-width: 280px;
    }
}

/* ========= Subtle separation between consecutive sections ========= */

.df-section + .df-section[b-862843m87n] {
    margin-top: 22px;
}

/* Optional accent edge on hover to hint grouping */
.df-section:hover[b-862843m87n] {
    border-color: rgba(0,119,254,.35);
}

/* Make date inputs’ placeholder readable in dark bg */
input[type="date"][b-862843m87n]::-webkit-datetime-edit,
input[type="date"][b-862843m87n]::-webkit-calendar-picker-indicator {
    filter: invert(0.1);
}


.df-filebox[b-862843m87n] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.df-preview[b-862843m87n] {
    display: flex;
    align-items: center;
    gap: .25rem;
}

.df-thumb[b-862843m87n] {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: .375rem;
    border: 1px solid #ffffff22;
}
/* _content/MiniCrm/Components/Shared/StagePath.razor.rz.scp.css */
/* === Salesforce-style chevron path (CSS-isolated friendly) === */

/* IMPORTANT: define the CSS variables on the .path element,
   not :root, because :root is scoped away by Blazor CSS isolation. */
.path[b-nua5c5yh5o] {
    /* variables */
    --path-h: 42px;
    --chev-w: 18px;
    --gap-w: 6px;
    --bg-page: #1C1C25;
    --clr-done: #2aa552;
    --clr-current: #0b57d0;
    --clr-todo: #eef1f7;
    --txt-dark: #111;
    --txt-light: #fff;
    list-style: none;
    margin: 8px 8px 0;
    padding: 0;
    display: flex;
    align-items: center;
}

/* segment */
.seg[b-nua5c5yh5o] {
    position: relative;
    display: flex;
    align-items: center;
    height: var(--path-h);
    min-width: 190px;
    padding: 0 30px 0 16px;
    font-weight: 800;
    white-space: nowrap;
    user-select: none;
    letter-spacing: .15px;
    transition: filter .2s;
}

    .seg:first-child[b-nua5c5yh5o] {
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
    }

    .seg:last-child[b-nua5c5yh5o] {
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    /* chevron (triangle) + gap */
    .seg:not(:last-child)[b-nua5c5yh5o]::after,
    .seg:not(:last-child)[b-nua5c5yh5o]::before {
        content: "";
        position: absolute;
        top: 0;
        right: calc(-1 * var(--chev-w));
        width: 0;
        height: 0;
        border-top: calc(var(--path-h) / 2) solid transparent;
        border-bottom: calc(var(--path-h) / 2) solid transparent;
        pointer-events: none;
    }

    .seg:not(:last-child)[b-nua5c5yh5o]::after {
        z-index: 2;
        /* use currentColor so it matches the segment’s background color we set below */
        border-left: var(--chev-w) solid currentColor;
    }

    .seg:not(:last-child)[b-nua5c5yh5o]::before {
        right: calc(-1 * (var(--chev-w) + var(--gap-w)));
        z-index: 1;
        border-left: calc(var(--chev-w) + var(--gap-w)) solid var(--bg-page);
    }

    /* state colors */
    .seg.done[b-nua5c5yh5o] {
        background: var(--clr-done);
        color: var(--clr-done);
    }

        .seg.done .label[b-nua5c5yh5o] {
            color: var(--txt-light);
        }

    .seg.current[b-nua5c5yh5o] {
        background: var(--clr-current);
        color: var(--clr-current);
    }

        .seg.current .label[b-nua5c5yh5o] {
            color: var(--txt-light);
        }

    .seg.todo[b-nua5c5yh5o] {
        background: var(--clr-todo);
        color: var(--clr-todo);
    }

        .seg.todo .label[b-nua5c5yh5o] {
            color: var(--txt-dark);
        }

/* icon bubble */
.icon[b-nua5c5yh5o] {
    width: 22px;
    height: 22px;
    margin: 0 10px 0 6px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    box-shadow: inset 0 0 0 2px rgba(255,255,255,.45);
}

.seg.todo .icon[b-nua5c5yh5o] {
    box-shadow: inset 0 0 0 2px rgba(0,0,0,.12);
}

/* icons */
.check[b-nua5c5yh5o] {
    color: #fff;
    font-weight: 900;
    font-size: 14px;
    line-height: 1;
}

.ring[b-nua5c5yh5o] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    box-shadow: 0 0 0 3px #fff inset;
}

.dot[b-nua5c5yh5o] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #e4e7ef;
}

/* Mark Complete button */
.btn-advance[b-nua5c5yh5o] {
    appearance: none;
    border: 0;
    border-radius: 10px;
    background: #0b57d0;
    color: #fff;
    font-weight: 800;
    padding: .5rem .9rem;
    margin-left: auto;
    box-shadow: 0 6px 16px rgba(0,0,0,.25);
    cursor: pointer;
    white-space: nowrap;
}

    .btn-advance:disabled[b-nua5c5yh5o] {
        opacity: .55;
        cursor: not-allowed;
    }