@import '_content/AuralizeBlazor/AuralizeBlazor.bundle.scp.css';
@import '_content/Nextended.Blazor/Nextended.Blazor.bundle.scp.css';

/* _content/MudApp/Components/Condition/Index.razor.rz.scp.css */
.condition-catalog-page[b-6bdybvzis6] {
    min-height: calc(100vh - 32px);
    padding: 34px 42px 28px;
    color: #263349;
    background:
        radial-gradient(circle at 7% 4%, rgba(153, 126, 238, .16), transparent 16rem),
        radial-gradient(circle at 91% 5%, rgba(24, 184, 190, .12), transparent 18rem),
        linear-gradient(180deg, #fbfdff 0%, #f4fbfb 100%);
    position: relative;
    overflow: hidden;
}

.condition-catalog-page[b-6bdybvzis6]::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 420px;
    height: 260px;
    background:
        radial-gradient(circle, rgba(151, 134, 238, .18) 1.5px, transparent 2px) 0 0 / 18px 18px;
    opacity: .45;
    pointer-events: none;
}

.condition-catalog-page[b-6bdybvzis6]::after {
    content: "";
    position: absolute;
    left: 42px;
    top: 10px;
    width: 118px;
    height: 118px;
    border: 3px solid rgba(255, 255, 255, .78);
    border-radius: 28px;
    transform: rotate(26deg);
    box-shadow: 0 0 0 1px rgba(154, 125, 232, .08);
    pointer-events: none;
}

.condition-hero[b-6bdybvzis6],
.condition-stat-grid[b-6bdybvzis6],
.catalog-panel[b-6bdybvzis6] {
    position: relative;
    z-index: 1;
}

.condition-hero[b-6bdybvzis6] {
    min-height: 126px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.hero-title[b-6bdybvzis6] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-right: auto;
}

.hero-icon[b-6bdybvzis6],
.stat-icon[b-6bdybvzis6] {
    width: 78px;
    height: 78px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(145deg, #20d0cb, #009fa8);
    box-shadow: 0 14px 28px rgba(0, 165, 174, .28);
}

.hero-icon .mud-icon-root[b-6bdybvzis6] {
    font-size: 34px;
}

.hero-title h1[b-6bdybvzis6] {
    margin: 0;
    font-size: 34px;
    font-weight: 900;
    color: #1f2a3c;
    letter-spacing: 0;
}

.hero-title p[b-6bdybvzis6] {
    margin: 10px 0 0;
    color: #8a97aa;
    font-size: 15px;
    font-weight: 700;
}

.condition-stat-grid[b-6bdybvzis6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(220px, 1fr));
    gap: 26px;
    max-width: 1320px;
    margin: 0 auto 24px;
}

.stat-card[b-6bdybvzis6] {
    height: 134px;
    border-radius: 16px;
    background: rgba(255, 255, 255, .9);
    border: 1px solid rgba(225, 233, 242, .86);
    box-shadow: 0 18px 36px rgba(31, 49, 79, .08);
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 24px;
    padding: 26px 28px;
}

.stat-body[b-6bdybvzis6] {
    display: grid;
    gap: 10px;
    justify-items: end;
}

.stat-body span[b-6bdybvzis6] {
    font-weight: 800;
    color: #566273;
}

.stat-body strong[b-6bdybvzis6] {
    font-size: 29px;
    line-height: 1;
    color: #0ea9b2;
}

.stat-card-green .stat-body strong[b-6bdybvzis6] {
    color: #27bf68;
}

.stat-card-violet .stat-body strong[b-6bdybvzis6] {
    color: #9367e8;
}

.stat-icon[b-6bdybvzis6] {
    width: 72px;
    height: 72px;
    color: #17acb5;
    background: linear-gradient(145deg, #f2fbfb, #e5f5f6);
    box-shadow: none;
}

.stat-card-green .stat-icon[b-6bdybvzis6] {
    color: #31be6d;
    background: linear-gradient(145deg, #f3fbf5, #e3f4e9);
}

.stat-card-violet .stat-icon[b-6bdybvzis6] {
    color: #8f6ce8;
    background: linear-gradient(145deg, #faf7ff, #efe8ff);
}

.stat-icon .mud-icon-root[b-6bdybvzis6] {
    font-size: 34px;
}

.sparkline[b-6bdybvzis6] {
    width: 98px;
    height: 40px;
    opacity: .82;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.sparkline-cyan[b-6bdybvzis6] {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 44' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 36 C12 32,12 18,20 17 C29 15,26 35,36 33 C48 31,43 10,54 9 C66 8,61 30,72 27 C82 25,79 18,90 20 C101 22,99 32,116 32' fill='none' stroke='%2324bdc4' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}

.sparkline-green[b-6bdybvzis6] {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 44' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 35 C17 33,16 7,26 6 C35 6,31 28,42 27 C50 26,53 21,61 23 C68 25,70 18,79 20 C89 21,86 31,95 30 C103 30,105 35,116 34' fill='none' stroke='%235bd89d' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}

.sparkline-violet[b-6bdybvzis6] {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 44' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 34 C15 34,14 15,23 14 C31 14,28 32,39 31 C47 30,48 4,57 5 C67 6,64 26,75 26 C84 27,82 20,92 23 C101 25,99 31,115 33' fill='none' stroke='%23b99af4' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}

.catalog-panel[b-6bdybvzis6] {
    background: rgba(255, 255, 255, .9);
    border: 1px solid rgba(222, 231, 240, .92);
    border-radius: 18px;
    box-shadow: 0 20px 44px rgba(38, 58, 84, .09);
    padding: 20px 22px 18px;
}

.toolbar-row[b-6bdybvzis6] {
    display: grid;
    grid-template-columns: auto auto minmax(320px, 1fr) minmax(320px, 1.1fr);
    gap: 14px;
    align-items: center;
    margin-bottom: 18px;
}

.primary-action[b-6bdybvzis6],
.soft-action[b-6bdybvzis6],
.filter-tab[b-6bdybvzis6],
.icon-action[b-6bdybvzis6],
.help-fab[b-6bdybvzis6] {
    border: 0;
    font-family: inherit;
    cursor: pointer;
}

.primary-action[b-6bdybvzis6] {
    height: 64px;
    min-width: 238px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #fff;
    background: linear-gradient(145deg, #22d1ca, #00a7af);
    box-shadow: 0 12px 24px rgba(0, 166, 174, .26);
    font-size: 16px;
    font-weight: 900;
}

.soft-action[b-6bdybvzis6] {
    height: 58px;
    min-width: 150px;
    border: 1px solid #e4ebf3;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #536174;
    background: #fff;
    box-shadow: 0 10px 22px rgba(44, 58, 76, .04);
    font-weight: 900;
}

.filter-tabs[b-6bdybvzis6] {
    display: flex;
    justify-content: center;
    gap: 12px;
}

.filter-tab[b-6bdybvzis6] {
    height: 58px;
    min-width: 108px;
    padding: 0 20px;
    border: 1px solid #e4ebf3;
    border-radius: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: #5e6b7d;
    background: #fff;
    font-weight: 900;
}

.filter-tab.active[b-6bdybvzis6] {
    color: #08aeba;
    border-color: rgba(8, 174, 186, .68);
    box-shadow: inset 0 0 0 1px rgba(8, 174, 186, .28), 0 10px 20px rgba(8, 174, 186, .08);
}

.status-dot[b-6bdybvzis6],
.active-pill i[b-6bdybvzis6] {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: #26c95a;
    display: inline-block;
}

.search-box[b-6bdybvzis6] {
    height: 58px;
    border: 1px solid #e5ebf3;
    border-radius: 14px;
    background: #fff;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 18px;
    color: #9aa6b5;
}

.search-box input[b-6bdybvzis6] {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: #354153;
    font-family: inherit;
    font-size: 15px;
    font-weight: 700;
    text-align: right;
}

.search-box input[b-6bdybvzis6]::placeholder {
    color: #a8b2c0;
}

.table-frame[b-6bdybvzis6] {
    position: relative;
    overflow: hidden;
    border: 1px solid #e8edf3;
    border-radius: 14px;
}

.loading-state[b-6bdybvzis6] {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, .64);
}

.catalog-table[b-6bdybvzis6] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    background: #fff;
}

.catalog-table th[b-6bdybvzis6] {
    height: 62px;
    color: #536174;
    background: linear-gradient(180deg, #fbfdff, #f7fbfd);
    font-size: 14px;
    font-weight: 900;
    text-align: center;
    border-bottom: 1px solid #e8edf3;
}

.catalog-table th:first-child[b-6bdybvzis6] {
    width: 30%;
    text-align: right;
    padding-right: 24px;
}

.catalog-table th:nth-child(2)[b-6bdybvzis6] {
    width: 22%;
}

.catalog-table th:nth-child(3)[b-6bdybvzis6],
.catalog-table th:nth-child(4)[b-6bdybvzis6] {
    width: 12%;
}

.catalog-table th:nth-child(5)[b-6bdybvzis6] {
    width: 15%;
}

.catalog-table th:nth-child(6)[b-6bdybvzis6] {
    width: 17%;
}

.catalog-table td[b-6bdybvzis6] {
    height: 62px;
    text-align: center;
    border-bottom: 1px solid #e9eef4;
    color: #2f3a4c;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.catalog-table tr:last-child td[b-6bdybvzis6] {
    border-bottom: 0;
}

.name-cell[b-6bdybvzis6] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    padding: 0 14px 0 8px;
    text-align: right;
}

.row-folder[b-6bdybvzis6] {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(145deg, #21c6c9, #06a8b0);
    box-shadow: 0 8px 16px rgba(0, 170, 178, .2);
}

.type-pill[b-6bdybvzis6],
.active-pill[b-6bdybvzis6],
.parent-pill[b-6bdybvzis6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 34px;
    border-radius: 999px;
    padding: 0 14px;
    max-width: 94%;
    background: #effafb;
    color: #0caeb9;
    border: 1px solid rgba(14, 181, 192, .12);
    font-size: 13px;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.parent-pill[b-6bdybvzis6] {
    color: #4f5f74;
    background: #f8fbff;
    border-color: #e4ebf3;
}

.parent-pill.muted[b-6bdybvzis6] {
    color: #8b97a8;
    background: #f4f7fb;
}

.active-pill[b-6bdybvzis6] {
    color: #27b862;
    background: #edf9ed;
}

.date-cell[b-6bdybvzis6] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #5d6979;
    direction: ltr;
}

.date-cell .mud-icon-root[b-6bdybvzis6] {
    color: #8a95a6;
    font-size: 21px;
}

.action-cell[b-6bdybvzis6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.icon-action[b-6bdybvzis6] {
    width: 44px;
    height: 38px;
    border: 1px solid #e7edf4;
    border-radius: 12px;
    display: inline-grid;
    place-items: center;
    background: #fff;
    box-shadow: 0 8px 16px rgba(34, 50, 73, .04);
}

.icon-action.edit[b-6bdybvzis6] {
    color: #12b8c0;
}

.icon-action.drug[b-6bdybvzis6] {
    color: #3b8bf2;
}

.icon-action.person[b-6bdybvzis6] {
    color: #27b862;
}

.icon-action.delete[b-6bdybvzis6] {
    color: #ff5061;
}

.empty-state[b-6bdybvzis6] {
    height: 88px;
    display: grid;
    place-items: center;
    color: #7a8798;
}

.pager-row[b-6bdybvzis6] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 18px;
    padding: 22px 4px 4px;
}

.result-count[b-6bdybvzis6] {
    color: #687587;
    font-weight: 800;
}

.page-size[b-6bdybvzis6] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    color: #687587;
    font-weight: 800;
}

.page-size[b-6bdybvzis6]  .mud-input-control {
    width: 94px;
    margin: 0;
}

[b-6bdybvzis6] .mud-pagination .mud-button-root {
    min-width: 38px;
    height: 38px;
    border-radius: 11px;
    font-weight: 900;
}

[b-6bdybvzis6] .mud-pagination .mud-selected {
    color: #fff !important;
    background: linear-gradient(145deg, #1bcac6, #009faa) !important;
    box-shadow: 0 8px 18px rgba(0, 166, 174, .24);
}

.help-fab[b-6bdybvzis6] {
    position: fixed;
    left: 24px;
    bottom: 24px;
    z-index: 10;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(145deg, #18cbc6, #009da8);
    box-shadow: 0 16px 28px rgba(0, 158, 166, .30);
}

@media (max-width: 1200px) {
    .condition-catalog-page[b-6bdybvzis6] {
        padding: 24px 18px;
    }

    .condition-stat-grid[b-6bdybvzis6],
    .toolbar-row[b-6bdybvzis6] {
        grid-template-columns: 1fr;
    }

    .filter-tabs[b-6bdybvzis6] {
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: 4px;
    }

    .catalog-table[b-6bdybvzis6] {
        min-width: 980px;
    }

    .table-frame[b-6bdybvzis6] {
        overflow-x: auto;
    }

    .pager-row[b-6bdybvzis6] {
        grid-template-columns: 1fr;
    }

    .page-size[b-6bdybvzis6] {
        justify-content: flex-start;
    }
}

@media (max-width: 720px) {
    .hero-title[b-6bdybvzis6] {
        align-items: stretch;
        flex-direction: column;
        display: flex;
    }

    .primary-action[b-6bdybvzis6],
    .soft-action[b-6bdybvzis6] {
        width: 100%;
    }
}
/* _content/MudApp/Components/DiseaseTaxonomy/Index.razor.rz.scp.css */
.disease-taxonomy-selected-card[b-ajn6y8ynpa] {
    border: 1px solid rgba(37, 99, 235, .18) !important;
    border-radius: 14px;
    background:
        linear-gradient(135deg, rgba(239, 246, 255, .96), rgba(255, 255, 255, .99)),
        radial-gradient(circle at top right, rgba(59, 130, 246, .10), transparent 32%);
    box-shadow: 0 12px 28px rgba(37, 99, 235, .08);
}

.disease-taxonomy-context-panel[b-ajn6y8ynpa] {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, .18) !important;
    border-radius: 14px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(248, 250, 252, .98));
    box-shadow: 0 10px 24px rgba(15, 23, 42, .05);
}

.disease-taxonomy-context-panel[b-ajn6y8ynpa]::before {
    content: "";
    position: absolute;
    inset-inline-end: 0;
    inset-block: 0;
    width: 5px;
    background: #cbd5e1;
}

.disease-taxonomy-context-panel.disease-taxonomy-node-type--chapter[b-ajn6y8ynpa]::before {
    background: linear-gradient(180deg, #0f766e, #14b8a6);
}

.disease-taxonomy-context-panel.disease-taxonomy-node-type--block[b-ajn6y8ynpa]::before {
    background: linear-gradient(180deg, #ea580c, #f59e0b);
}

.disease-taxonomy-context-panel.disease-taxonomy-node-type--leaf[b-ajn6y8ynpa]::before {
    background: linear-gradient(180deg, #16a34a, #22c55e);
}

.disease-taxonomy-context-panel.disease-taxonomy-node-type--unknown[b-ajn6y8ynpa]::before {
    background: linear-gradient(180deg, #64748b, #94a3b8);
}

.disease-taxonomy-node-type-badge[b-ajn6y8ynpa] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 22px;
    padding: 0 9px;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.5;
    white-space: nowrap;
}

.disease-taxonomy-node-type--chapter[b-ajn6y8ynpa] {
    color: #0f766e !important;
    background: #ccfbf1;
    border-color: #99f6e4;
}

.disease-taxonomy-node-type--block[b-ajn6y8ynpa] {
    color: #9a3412 !important;
    background: #ffedd5;
    border-color: #fdba74;
}

.disease-taxonomy-node-type--leaf[b-ajn6y8ynpa] {
    color: #166534 !important;
    background: #dcfce7;
    border-color: #86efac;
}

.disease-taxonomy-node-type--unknown[b-ajn6y8ynpa] {
    color: #475569 !important;
    background: #e2e8f0;
    border-color: #cbd5e1;
}

.disease-taxonomy-node-type--selected[b-ajn6y8ynpa] {
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .10);
}

[b-ajn6y8ynpa] .disease-taxonomy-tree-item {
    position: relative;
    min-height: 42px;
    padding-inline: 10px !important;
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 12px;
    background: #fff;
    transition: background-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

[b-ajn6y8ynpa] .disease-taxonomy-tree-item:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(15, 23, 42, .06);
}

[b-ajn6y8ynpa] .disease-taxonomy-tree-item.disease-taxonomy-node-type--chapter {
    border-inline-start: 4px solid #0f766e;
}

[b-ajn6y8ynpa] .disease-taxonomy-tree-item.disease-taxonomy-node-type--block {
    border-inline-start: 4px solid #ea580c;
}

[b-ajn6y8ynpa] .disease-taxonomy-tree-item.disease-taxonomy-node-type--leaf {
    border-inline-start: 4px solid #16a34a;
}

[b-ajn6y8ynpa] .disease-taxonomy-tree-item.disease-taxonomy-node-type--unknown {
    border-inline-start: 4px solid #64748b;
}

[b-ajn6y8ynpa] .disease-taxonomy-tree-item.disease-taxonomy-node-row--selected {
    color: #0f172a !important;
    background: linear-gradient(135deg, rgba(219, 234, 254, .96), rgba(239, 246, 255, .98)) !important;
    border-color: rgba(37, 99, 235, .26) !important;
    box-shadow: 0 10px 20px rgba(37, 99, 235, .14);
}

[b-ajn6y8ynpa] .disease-taxonomy-tree-item.disease-taxonomy-node-row--selected .mud-button-label {
    color: #0f172a;
}

[b-ajn6y8ynpa] .disease-taxonomy-node-row {
    border-radius: 12px;
}

[b-ajn6y8ynpa] .disease-taxonomy-node-row--selected {
    background: rgba(239, 246, 255, .75);
    box-shadow: inset 0 0 0 1px rgba(37, 99, 235, .14);
}

[b-ajn6y8ynpa] .disease-taxonomy-node-row--selected .mud-typography {
    color: #0f172a;
}

[b-ajn6y8ynpa] .disease-taxonomy-node-row--selected .disease-taxonomy-node-type-badge {
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .10);
}

[b-ajn6y8ynpa] .disease-taxonomy-context-row {
    position: relative;
    overflow: hidden;
    min-height: 42px;
    padding-inline: 10px !important;
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 12px;
    background: rgba(248, 250, 252, .96);
    transition: background-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

[b-ajn6y8ynpa] .disease-taxonomy-context-row:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(15, 23, 42, .05);
}

[b-ajn6y8ynpa] .disease-taxonomy-context-row::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-block: 0;
    width: 4px;
    background: #cbd5e1;
    opacity: .9;
}

[b-ajn6y8ynpa] .disease-taxonomy-context-row.disease-taxonomy-node-type--chapter {
    background: linear-gradient(90deg, rgba(236, 253, 245, .96), rgba(240, 253, 250, .98));
    border-color: rgba(20, 184, 166, .20);
}

[b-ajn6y8ynpa] .disease-taxonomy-context-row.disease-taxonomy-node-type--chapter::before {
    background: linear-gradient(180deg, #0f766e, #14b8a6);
}

[b-ajn6y8ynpa] .disease-taxonomy-context-row.disease-taxonomy-node-type--block {
    background: linear-gradient(90deg, rgba(255, 247, 237, .96), rgba(255, 251, 235, .98));
    border-color: rgba(245, 158, 11, .22);
}

[b-ajn6y8ynpa] .disease-taxonomy-context-row.disease-taxonomy-node-type--block::before {
    background: linear-gradient(180deg, #ea580c, #f59e0b);
}

[b-ajn6y8ynpa] .disease-taxonomy-context-row.disease-taxonomy-node-type--leaf {
    background: linear-gradient(90deg, rgba(236, 253, 245, .96), rgba(240, 253, 244, .98));
    border-color: rgba(34, 197, 94, .18);
}

[b-ajn6y8ynpa] .disease-taxonomy-context-row.disease-taxonomy-node-type--leaf::before {
    background: linear-gradient(180deg, #16a34a, #22c55e);
}

[b-ajn6y8ynpa] .disease-taxonomy-context-row.disease-taxonomy-node-type--unknown {
    background: linear-gradient(90deg, rgba(248, 250, 252, .96), rgba(241, 245, 249, .98));
    border-color: rgba(100, 116, 139, .16);
}

[b-ajn6y8ynpa] .disease-taxonomy-context-row.disease-taxonomy-node-type--unknown::before {
    background: linear-gradient(180deg, #64748b, #94a3b8);
}

[b-ajn6y8ynpa] .disease-taxonomy-context-row--selected {
    background: linear-gradient(90deg, rgba(219, 234, 254, .98), rgba(239, 246, 255, .99)) !important;
    border-color: rgba(37, 99, 235, .28) !important;
    box-shadow: 0 10px 20px rgba(37, 99, 235, .12);
}

[b-ajn6y8ynpa] .disease-taxonomy-context-row--selected .mud-typography {
    color: #0f172a;
    font-weight: 700;
}

[b-ajn6y8ynpa] .disease-taxonomy-context-row--selected .disease-taxonomy-node-type-badge {
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .10);
}

[b-ajn6y8ynpa] .mud-table-row.disease-taxonomy-node-row--selected .mud-table-cell {
    background: linear-gradient(90deg, rgba(219, 234, 254, .96), rgba(239, 246, 255, .98)) !important;
    color: #0f172a !important;
    font-weight: 700;
}

[b-ajn6y8ynpa] .mud-table-row.disease-taxonomy-node-row--selected:hover .mud-table-cell {
    background: linear-gradient(90deg, rgba(191, 219, 254, .98), rgba(219, 234, 254, .98)) !important;
}

[b-ajn6y8ynpa] .mud-table-row.disease-taxonomy-node-row--selected .disease-taxonomy-node-type-badge {
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .10);
}

@media (max-width: 960px) {
    [b-ajn6y8ynpa] .disease-taxonomy-tree-item {
        min-height: 38px;
        padding-inline: 8px !important;
    }
}
/* _content/MudApp/Components/Doctor/BookletSerialVerificationDialog.razor.rz.scp.css */
.booklet-verify-shell[b-roux4gwne9] {
    position: relative;
    overflow: hidden;
    padding: 0.25rem 0 0.1rem;
}

.booklet-verify-content[b-roux4gwne9] {
    position: relative;
    z-index: 1;
    animation: booklet-verify-enter-b-roux4gwne9 320ms ease-out;
}

.booklet-verify-glow[b-roux4gwne9] {
    position: absolute;
    inset: auto;
    border-radius: 999px;
    filter: blur(24px);
    opacity: 0.55;
    pointer-events: none;
    animation: booklet-verify-float-b-roux4gwne9 5.5s ease-in-out infinite;
}

.booklet-verify-glow-primary[b-roux4gwne9] {
    top: -1.25rem;
    right: -0.75rem;
    width: 7rem;
    height: 7rem;
    background: radial-gradient(circle, rgba(0, 150, 136, 0.28) 0%, rgba(0, 150, 136, 0) 72%);
}

.booklet-verify-glow-secondary[b-roux4gwne9] {
    bottom: -2.5rem;
    left: -1rem;
    width: 8rem;
    height: 8rem;
    background: radial-gradient(circle, rgba(33, 150, 243, 0.2) 0%, rgba(33, 150, 243, 0) 72%);
    animation-delay: -2.2s;
}

.booklet-verify-icon-wrap[b-roux4gwne9] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    color: #0f766e;
    background: linear-gradient(135deg, rgba(15, 118, 110, 0.14), rgba(33, 150, 243, 0.08));
    box-shadow: 0 14px 30px rgba(15, 118, 110, 0.16);
    animation: booklet-verify-pulse-b-roux4gwne9 2.6s ease-in-out infinite;
}

.booklet-verify-icon[b-roux4gwne9] {
    font-size: 1.35rem;
}

.booklet-verify-title[b-roux4gwne9] {
    font-weight: 800;
}

.booklet-verify-subtitle[b-roux4gwne9] {
    color: rgba(15, 23, 42, 0.72);
}

.booklet-verify-hint[b-roux4gwne9] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.55rem 0.8rem;
    border: 1px solid rgba(15, 118, 110, 0.12);
    border-radius: 999px;
    width: fit-content;
    max-width: 100%;
    color: #0f766e;
    background: linear-gradient(90deg, rgba(240, 253, 250, 0.95), rgba(239, 246, 255, 0.92));
    animation: booklet-verify-enter-b-roux4gwne9 420ms ease-out;
}

.booklet-verify-field[b-roux4gwne9] {
    animation: booklet-verify-enter-b-roux4gwne9 500ms ease-out;
}

.booklet-verify-field[b-roux4gwne9]  .mud-input-control {
    margin-top: 0;
}

.booklet-verify-field[b-roux4gwne9]  .mud-input-outlined-border {
    transition: stroke 180ms ease, filter 180ms ease;
}

.booklet-verify-field:focus-within[b-roux4gwne9]  .mud-input-outlined-border {
    stroke: #0f766e;
    filter: drop-shadow(0 0 10px rgba(15, 118, 110, 0.18));
}

.booklet-verify-field[b-roux4gwne9]  input {
    letter-spacing: 0.32rem;
    font-size: 1.05rem;
    font-weight: 700;
}

.booklet-verify-actions[b-roux4gwne9] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    width: 100%;
    padding-top: 0.4rem;
}

.booklet-verify-submit[b-roux4gwne9],
.booklet-verify-cancel[b-roux4gwne9] {
    transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}

.booklet-verify-submit:hover[b-roux4gwne9],
.booklet-verify-cancel:hover[b-roux4gwne9] {
    transform: translateY(-1px);
}

.booklet-verify-submit:hover[b-roux4gwne9] {
    box-shadow: 0 10px 22px rgba(25, 118, 210, 0.22);
}

.booklet-verify-cancel:hover[b-roux4gwne9] {
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

@keyframes booklet-verify-enter-b-roux4gwne9 {
    from {
        opacity: 0;
        transform: translateY(10px) scale(0.985);
    }

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

@keyframes booklet-verify-float-b-roux4gwne9 {
    0%,
    100% {
        transform: translate3d(0, 0, 0) scale(1);
    }

    50% {
        transform: translate3d(0, -8px, 0) scale(1.04);
    }
}

@keyframes booklet-verify-pulse-b-roux4gwne9 {
    0%,
    100% {
        transform: scale(1);
        box-shadow: 0 14px 30px rgba(15, 118, 110, 0.16);
    }

    50% {
        transform: scale(1.04);
        box-shadow: 0 18px 34px rgba(15, 118, 110, 0.22);
    }
}
/* _content/MudApp/Components/Drug/RuleCommissionCreate.razor.rz.scp.css */
/* =============================================================
   صفحهٔ «ثبت کمیسیون پزشکی» — افزوده‌های مخصوص صفحه
   استایل پایهٔ سند در jafam-components.css (کلاس‌های .cf-*) است.
   اینجا فقط حاشیهٔ آبی دور کارت، خط ضربان هدر و عرض صفحه.
   ============================================================= */

.jf-commission-form[b-cy9hvgdvze] {
    max-width: 1080px;
    margin-inline: auto;
}

.jf-commission-form[b-cy9hvgdvze]  .cf-sheet {
    border: 2px solid var(--jf-primary);
    box-shadow: var(--jf-shadow-card);
}

/* خط ضربان محو پشت عنوان هدر */
.jf-commission-form[b-cy9hvgdvze]  .cf-masthead__pulse {
    position: absolute;
    inset-block: 0;
    inset-inline-start: 30%;
    display: grid;
    place-items: center;
    color: var(--jf-primary);
    opacity: 0.14;
    pointer-events: none;
}

.jf-commission-form[b-cy9hvgdvze]  .cf-masthead__pulse .mud-icon-root {
    font-size: 4.5rem;
}
/* _content/MudApp/Components/Group/Index.razor.rz.scp.css */
.group-catalog-page[b-9wyheqnkq9] {
    min-height: calc(100vh - 32px);
    padding: 22px 42px 28px;
    color: #263349;
    background:
        radial-gradient(circle at 7% 4%, rgba(153, 126, 238, .16), transparent 16rem),
        radial-gradient(circle at 91% 5%, rgba(24, 184, 190, .12), transparent 18rem),
        linear-gradient(180deg, #fbfdff 0%, #f4fbfb 100%);
    position: relative;
    overflow: hidden;
}

.group-catalog-page[b-9wyheqnkq9]::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 420px;
    height: 260px;
    background:
        radial-gradient(circle, rgba(151, 134, 238, .18) 1.5px, transparent 2px) 0 0 / 18px 18px;
    opacity: .45;
    pointer-events: none;
}

.group-catalog-page[b-9wyheqnkq9]::after {
    content: "+";
    position: absolute;
    left: 42px;
    top: 10px;
    width: 118px;
    height: 118px;
    display: grid;
    place-items: center;
    border: 3px solid rgba(255, 255, 255, .78);
    border-radius: 28px;
    color: transparent;
    transform: rotate(26deg);
    box-shadow: 0 0 0 1px rgba(154, 125, 232, .08);
    pointer-events: none;
}

.group-hero[b-9wyheqnkq9],
.group-stat-grid[b-9wyheqnkq9],
.catalog-panel[b-9wyheqnkq9],
.subgroup-panel[b-9wyheqnkq9] {
    position: relative;
    z-index: 1;
}

.group-hero[b-9wyheqnkq9] {
    min-height: 82px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

.hero-title[b-9wyheqnkq9] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-right: 0;
    margin-left: auto;
    text-align: right;
}

.hero-icon[b-9wyheqnkq9],
.stat-icon[b-9wyheqnkq9] {
    width: 78px;
    height: 78px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(145deg, #20d0cb, #009fa8);
    box-shadow: 0 14px 28px rgba(0, 165, 174, .28);
}

.hero-icon .mud-icon-root[b-9wyheqnkq9] {
    font-size: 34px;
}

.hero-title h1[b-9wyheqnkq9] {
    margin: 0;
    font-size: 34px;
    font-weight: 900;
    color: #1f2a3c;
    letter-spacing: 0;
}

.hero-title p[b-9wyheqnkq9] {
    margin: 10px 0 0;
    color: #8a97aa;
    font-size: 15px;
    font-weight: 700;
}

.group-stat-grid[b-9wyheqnkq9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(220px, 1fr));
    gap: 26px;
    max-width: 1320px;
    margin: 0 auto 24px;
}

.stat-card[b-9wyheqnkq9] {
    height: 134px;
    border-radius: 16px;
    background: rgba(255, 255, 255, .9);
    border: 1px solid rgba(225, 233, 242, .86);
    box-shadow: 0 18px 36px rgba(31, 49, 79, .08);
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 24px;
    padding: 26px 28px;
}

.stat-body[b-9wyheqnkq9] {
    display: grid;
    gap: 10px;
    justify-items: end;
}

.stat-body span[b-9wyheqnkq9] {
    font-weight: 800;
    color: #566273;
}

.stat-body strong[b-9wyheqnkq9] {
    font-size: 29px;
    line-height: 1;
    color: #0ea9b2;
}

.stat-card-green .stat-body strong[b-9wyheqnkq9] {
    color: #27bf68;
}

.stat-card-violet .stat-body strong[b-9wyheqnkq9] {
    color: #9367e8;
}

.stat-icon[b-9wyheqnkq9] {
    width: 72px;
    height: 72px;
    color: #17acb5;
    background: linear-gradient(145deg, #f2fbfb, #e5f5f6);
    box-shadow: none;
}

.stat-card-green .stat-icon[b-9wyheqnkq9] {
    color: #31be6d;
    background: linear-gradient(145deg, #f3fbf5, #e3f4e9);
}

.stat-card-violet .stat-icon[b-9wyheqnkq9] {
    color: #8f6ce8;
    background: linear-gradient(145deg, #faf7ff, #efe8ff);
}

.stat-icon .mud-icon-root[b-9wyheqnkq9] {
    font-size: 34px;
}

.sparkline[b-9wyheqnkq9] {
    width: 98px;
    height: 40px;
    opacity: .82;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.sparkline-cyan[b-9wyheqnkq9] {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 44' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 36 C12 32,12 18,20 17 C29 15,26 35,36 33 C48 31,43 10,54 9 C66 8,61 30,72 27 C82 25,79 18,90 20 C101 22,99 32,116 32' fill='none' stroke='%2324bdc4' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}

.sparkline-green[b-9wyheqnkq9] {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 44' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 35 C17 33,16 7,26 6 C35 6,31 28,42 27 C50 26,53 21,61 23 C68 25,70 18,79 20 C89 21,86 31,95 30 C103 30,105 35,116 34' fill='none' stroke='%235bd89d' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}

.sparkline-violet[b-9wyheqnkq9] {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 44' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 34 C15 34,14 15,23 14 C31 14,28 32,39 31 C47 30,48 4,57 5 C67 6,64 26,75 26 C84 27,82 20,92 23 C101 25,99 31,115 33' fill='none' stroke='%23b99af4' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}

.catalog-panel[b-9wyheqnkq9] {
    background: rgba(255, 255, 255, .9);
    border: 1px solid rgba(222, 231, 240, .92);
    border-radius: 18px;
    box-shadow: 0 20px 44px rgba(38, 58, 84, .09);
    padding: 20px 22px 18px;
}

.toolbar-row[b-9wyheqnkq9] {
    display: grid;
    grid-template-columns: auto auto minmax(320px, 1fr) minmax(320px, 1.1fr);
    gap: 14px;
    align-items: center;
    margin-bottom: 18px;
}

.primary-action[b-9wyheqnkq9],
.soft-action[b-9wyheqnkq9],
.filter-tab[b-9wyheqnkq9],
.icon-action[b-9wyheqnkq9],
.lookup-results button[b-9wyheqnkq9],
.help-fab[b-9wyheqnkq9] {
    border: 0;
    font-family: inherit;
    cursor: pointer;
}

.primary-action[b-9wyheqnkq9] {
    height: 64px;
    min-width: 238px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #fff;
    background: linear-gradient(145deg, #22d1ca, #00a7af);
    box-shadow: 0 12px 24px rgba(0, 166, 174, .26);
    font-size: 16px;
    font-weight: 900;
}

.soft-action[b-9wyheqnkq9] {
    height: 58px;
    min-width: 150px;
    border: 1px solid #e4ebf3;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #536174;
    background: #fff;
    box-shadow: 0 10px 22px rgba(44, 58, 76, .04);
    font-weight: 900;
}

.filter-tabs[b-9wyheqnkq9] {
    display: flex;
    justify-content: center;
    gap: 12px;
}

.filter-tab[b-9wyheqnkq9] {
    height: 58px;
    min-width: 108px;
    padding: 0 20px;
    border: 1px solid #e4ebf3;
    border-radius: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: #5e6b7d;
    background: #fff;
    font-weight: 900;
}

.filter-tab.active[b-9wyheqnkq9] {
    color: #08aeba;
    border-color: rgba(8, 174, 186, .68);
    box-shadow: inset 0 0 0 1px rgba(8, 174, 186, .28), 0 10px 20px rgba(8, 174, 186, .08);
}

.status-dot[b-9wyheqnkq9],
.active-pill i[b-9wyheqnkq9] {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: #26c95a;
    display: inline-block;
}

.search-box[b-9wyheqnkq9] {
    height: 58px;
    border: 1px solid #e5ebf3;
    border-radius: 14px;
    background: #fff;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 18px;
    color: #9aa6b5;
}

.search-box input[b-9wyheqnkq9],
.subgroup-actions input[b-9wyheqnkq9] {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: #354153;
    font-family: inherit;
    font-size: 15px;
    font-weight: 700;
    text-align: right;
}

.search-box input[b-9wyheqnkq9]::placeholder,
.subgroup-actions input[b-9wyheqnkq9]::placeholder {
    color: #a8b2c0;
}

.secondary-panel[b-9wyheqnkq9] {
    border: 1px solid #e5edf3;
    background: #fbfeff;
    border-radius: 14px;
    padding: 14px;
    margin-bottom: 16px;
}

.lookup-box[b-9wyheqnkq9] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 12px;
    align-items: center;
}

.lookup-results[b-9wyheqnkq9] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
}

.lookup-results button[b-9wyheqnkq9] {
    height: 38px;
    border-radius: 12px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #0aa9b3;
    background: #eefafb;
    font-weight: 800;
}

.table-frame[b-9wyheqnkq9] {
    position: relative;
    overflow: hidden;
    border: 1px solid #e8edf3;
    border-radius: 14px;
}

.loading-state[b-9wyheqnkq9] {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, .64);
}

.catalog-table[b-9wyheqnkq9] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    background: #fff;
}

.catalog-table th[b-9wyheqnkq9] {
    height: 62px;
    color: #536174;
    background: linear-gradient(180deg, #fbfdff, #f7fbfd);
    font-size: 14px;
    font-weight: 900;
    text-align: center;
    border-bottom: 1px solid #e8edf3;
}

.catalog-table th:first-child[b-9wyheqnkq9] {
    width: 43%;
    text-align: right;
    padding-right: 24px;
}

.catalog-table th:nth-child(2)[b-9wyheqnkq9] {
    width: 13%;
}

.catalog-table th:nth-child(3)[b-9wyheqnkq9] {
    width: 12%;
}

.catalog-table th:nth-child(4)[b-9wyheqnkq9] {
    width: 13%;
}

.catalog-table th:nth-child(5)[b-9wyheqnkq9] {
    width: 16%;
}

.catalog-table th:nth-child(6)[b-9wyheqnkq9] {
    width: 14%;
}

.catalog-table td[b-9wyheqnkq9] {
    height: 62px;
    text-align: center;
    border-bottom: 1px solid #e9eef4;
    color: #2f3a4c;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.catalog-table tr:last-child td[b-9wyheqnkq9] {
    border-bottom: 0;
}

.name-cell[b-9wyheqnkq9] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    padding: 0 14px 0 8px;
    text-align: right;
}

.row-folder[b-9wyheqnkq9] {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(145deg, #21c6c9, #06a8b0);
    box-shadow: 0 8px 16px rgba(0, 170, 178, .2);
}

.type-pill[b-9wyheqnkq9],
.active-pill[b-9wyheqnkq9],
.count-badge[b-9wyheqnkq9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 34px;
    border-radius: 999px;
    padding: 0 14px;
    background: #effafb;
    color: #0caeb9;
    border: 1px solid rgba(14, 181, 192, .12);
    font-size: 13px;
    font-weight: 900;
}

.count-badge[b-9wyheqnkq9] {
    width: 44px;
    padding: 0;
    background: #fff;
    border: 2px solid #c9f1f2;
    color: #14acb7;
    font-size: 15px;
}

.active-pill[b-9wyheqnkq9] {
    color: #27b862;
    background: #edf9ed;
}

.date-cell[b-9wyheqnkq9] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #5d6979;
    direction: ltr;
}

.date-cell .mud-icon-root[b-9wyheqnkq9] {
    color: #8a95a6;
    font-size: 21px;
}

.action-cell[b-9wyheqnkq9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.icon-action[b-9wyheqnkq9] {
    width: 44px;
    height: 38px;
    border: 1px solid #e7edf4;
    border-radius: 12px;
    display: inline-grid;
    place-items: center;
    background: #fff;
    box-shadow: 0 8px 16px rgba(34, 50, 73, .04);
}

.icon-action.edit[b-9wyheqnkq9] {
    color: #12b8c0;
}

.icon-action.list[b-9wyheqnkq9] {
    color: #3b8bf2;
}

.icon-action.delete[b-9wyheqnkq9] {
    color: #ff5061;
}

.empty-state[b-9wyheqnkq9] {
    height: 88px;
    display: grid;
    place-items: center;
    color: #7a8798;
}

.pager-row[b-9wyheqnkq9] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 18px;
    padding: 22px 4px 4px;
}

.result-count[b-9wyheqnkq9] {
    color: #687587;
    font-weight: 800;
}

.page-size[b-9wyheqnkq9] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    color: #687587;
    font-weight: 800;
}

.page-size[b-9wyheqnkq9]  .mud-input-control {
    width: 94px;
    margin: 0;
}

[b-9wyheqnkq9] .mud-pagination .mud-button-root {
    min-width: 38px;
    height: 38px;
    border-radius: 11px;
    font-weight: 900;
}

[b-9wyheqnkq9] .mud-pagination .mud-selected {
    color: #fff !important;
    background: linear-gradient(145deg, #1bcac6, #009faa) !important;
    box-shadow: 0 8px 18px rgba(0, 166, 174, .24);
}

.subgroup-panel[b-9wyheqnkq9] {
    margin-top: 22px;
    padding: 20px 22px;
    border: 1px solid rgba(222, 231, 240, .92);
    border-radius: 18px;
    background: rgba(255, 255, 255, .84);
    box-shadow: 0 18px 36px rgba(38, 58, 84, .06);
}

.subgroup-header[b-9wyheqnkq9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 14px;
}

.subgroup-header h2[b-9wyheqnkq9] {
    margin: 0;
    color: #263349;
    font-size: 20px;
    font-weight: 900;
}

.subgroup-header p[b-9wyheqnkq9] {
    margin: 6px 0 0;
    color: #8491a3;
    font-weight: 700;
}

.subgroup-actions[b-9wyheqnkq9] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.subgroup-actions input[b-9wyheqnkq9] {
    height: 50px;
    width: 280px;
    border: 1px solid #e5ebf3;
    border-radius: 14px;
    background: #fff;
    padding: 0 16px;
}

.subgroup-list[b-9wyheqnkq9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.subgroup-item[b-9wyheqnkq9] {
    min-height: 64px;
    border: 1px solid #e9eef4;
    border-radius: 14px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
}

.subgroup-item strong[b-9wyheqnkq9],
.subgroup-item span[b-9wyheqnkq9] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.subgroup-item strong[b-9wyheqnkq9] {
    color: #2f3a4c;
    font-size: 15px;
}

.subgroup-item span[b-9wyheqnkq9] {
    margin-top: 4px;
    color: #7b8797;
    font-size: 13px;
    font-weight: 700;
}

.help-fab[b-9wyheqnkq9] {
    position: fixed;
    left: 24px;
    bottom: 24px;
    z-index: 10;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(145deg, #18cbc6, #009da8);
    box-shadow: 0 16px 28px rgba(0, 158, 166, .30);
}

@media (max-width: 1200px) {
    .group-catalog-page[b-9wyheqnkq9] {
        padding: 24px 18px;
    }

    .group-stat-grid[b-9wyheqnkq9],
    .toolbar-row[b-9wyheqnkq9] {
        grid-template-columns: 1fr;
    }

    .filter-tabs[b-9wyheqnkq9] {
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: 4px;
    }

    .catalog-table[b-9wyheqnkq9] {
        min-width: 980px;
    }

    .table-frame[b-9wyheqnkq9] {
        overflow-x: auto;
    }

    .pager-row[b-9wyheqnkq9],
    .subgroup-list[b-9wyheqnkq9] {
        grid-template-columns: 1fr;
    }

    .page-size[b-9wyheqnkq9] {
        justify-content: flex-start;
    }
}

@media (max-width: 720px) {
    .hero-title[b-9wyheqnkq9],
    .subgroup-header[b-9wyheqnkq9],
    .subgroup-actions[b-9wyheqnkq9],
    .lookup-box[b-9wyheqnkq9] {
        align-items: stretch;
        flex-direction: column;
        display: flex;
    }

    .subgroup-actions input[b-9wyheqnkq9],
    .primary-action[b-9wyheqnkq9],
    .soft-action[b-9wyheqnkq9] {
        width: 100%;
    }
}
/* _content/MudApp/Components/Person/Index.razor.rz.scp.css */
.person-page[b-t1h30huyub] {
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
    direction: rtl;
    color: #17213a;
}

.person-grid-card[b-t1h30huyub] {
    max-width: 100%;
    min-width: 0;
    border: 1px solid #e7edf4;
    border-radius: 18px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 10px 24px rgba(23, 33, 58, .07);
    overflow: hidden;
}

.person-grid-card__header[b-t1h30huyub] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 14px;
    padding: 14px 20px;
    background:
        radial-gradient(circle at 100% 0%, rgba(47, 114, 243, .07), transparent 45%),
        radial-gradient(circle at 0% 100%, rgba(33, 190, 184, .08), transparent 45%),
        linear-gradient(180deg, #fbfdff 0%, #f5f8fc 100%);
    border-bottom: 1px solid #e6edf4;
}

.person-grid-card__title[b-t1h30huyub] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.person-grid-card__title-icon[b-t1h30huyub] {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: linear-gradient(135deg, #2f72f3, #21beb8);
    color: #fff;
    box-shadow: 0 8px 16px rgba(47, 114, 243, .25);
}

.person-grid-card__title-icon .mud-icon-root[b-t1h30huyub] {
    font-size: 24px;
    color: #fff;
}

.person-grid-card__title-text h2[b-t1h30huyub] {
    margin: 0;
    color: #17213a;
    font-size: 1.15rem;
    font-weight: 950;
    line-height: 1.2;
}

.person-grid-card__title-text p[b-t1h30huyub] {
    margin: 3px 0 0;
    color: #7a879a;
    font-size: .8rem;
    font-weight: 700;
}

.person-grid-card__meta[b-t1h30huyub] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.person-total[b-t1h30huyub] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #52637b;
    font-size: .82rem;
    font-weight: 800;
    padding: 6px 12px;
    background: #fff;
    border: 1px solid #dbe5ff;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(23, 33, 58, .04);
}

.person-total .mud-icon-root[b-t1h30huyub] {
    color: #5c7df0;
    font-size: 18px;
}

.person-total strong[b-t1h30huyub] {
    color: #5b7ff1;
    font-size: .95rem;
    font-weight: 950;
}

.person-toolbar__actions[b-t1h30huyub] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.person-primary-action[b-t1h30huyub],
.person-booklet-action[b-t1h30huyub],
.person-toolbar-button[b-t1h30huyub] {
    height: 40px;
    border-radius: 11px;
    font-weight: 800;
    font-size: .82rem;
    padding-inline: 14px;
    text-transform: none;
    letter-spacing: 0;
}

.person-primary-action[b-t1h30huyub] {
    background: linear-gradient(135deg, #eaf2ff, #d7e6ff) !important;
    color: #1f55c9 !important;
    border: 1px solid #c5d8fb !important;
    box-shadow: 0 4px 10px rgba(47, 114, 243, .12);
}

.person-primary-action:hover[b-t1h30huyub] {
    background: linear-gradient(135deg, #dde9ff, #c4d7fb) !important;
    box-shadow: 0 6px 14px rgba(47, 114, 243, .2);
    transform: translateY(-1px);
}

.person-booklet-action[b-t1h30huyub] {
    background: linear-gradient(135deg, #e5fbf9, #ccf3ef) !important;
    color: #0b8a87 !important;
    border: 1px solid #b6ebe6 !important;
    box-shadow: 0 4px 10px rgba(16, 166, 164, .12);
}

.person-booklet-action:hover[b-t1h30huyub] {
    background: linear-gradient(135deg, #d4f5f2, #b6ece6) !important;
    box-shadow: 0 6px 14px rgba(16, 166, 164, .2);
    transform: translateY(-1px);
}

.person-toolbar-button[b-t1h30huyub] {
    color: #465772 !important;
    border: 1px solid #e3eaf3 !important;
    background: linear-gradient(180deg, #ffffff, #f6f9fd) !important;
    transition: all .2s ease;
}

.person-toolbar-button--import[b-t1h30huyub] {
    color: #6c4cc9 !important;
    border-color: #e2d6f7 !important;
    background: linear-gradient(135deg, #f5efff, #ece1ff) !important;
}

.person-toolbar-button--import:hover[b-t1h30huyub] {
    background: linear-gradient(135deg, #ebe1ff, #ddccfb) !important;
    box-shadow: 0 6px 14px rgba(108, 76, 201, .15);
    transform: translateY(-1px);
}

.person-toolbar-button--export[b-t1h30huyub] {
    color: #117a4e !important;
    border-color: #c6f0d8 !important;
    background: linear-gradient(135deg, #e9fbf1, #d4f5e1) !important;
}

.person-toolbar-button--export:hover[b-t1h30huyub] {
    background: linear-gradient(135deg, #d8f6e3, #b9ebcd) !important;
    box-shadow: 0 6px 14px rgba(17, 122, 78, .15);
    transform: translateY(-1px);
}

.person-toolbar-button--clear[b-t1h30huyub] {
    color: #b04848 !important;
    border-color: #f4d0d0 !important;
    background: linear-gradient(135deg, #fff0f0, #ffe0e0) !important;
}

.person-toolbar-button--clear:hover[b-t1h30huyub] {
    background: linear-gradient(135deg, #ffe1e1, #ffcccc) !important;
    box-shadow: 0 6px 14px rgba(176, 72, 72, .15);
    transform: translateY(-1px);
}

.person-filter[b-t1h30huyub] {
    width: 100%;
    min-width: 0;
}

.person-cell-text[b-t1h30huyub] {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.person-status[b-t1h30huyub] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    min-width: 52px;
    min-height: 24px;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.person-status--active[b-t1h30huyub] {
    color: #11833d;
    background: #dffbe9;
    border: 1px solid #9af0bb;
}

.person-status--warning[b-t1h30huyub] {
    color: #a66505;
    background: #fff5d8;
    border: 1px solid #f4d37a;
}

.person-status--inactive[b-t1h30huyub] {
    color: #a33030;
    background: #ffe8e8;
    border: 1px solid #ffc4c4;
}

.person-row-actions[b-t1h30huyub] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 4px;
    min-width: 0;
    white-space: nowrap;
}

.person-row-action[b-t1h30huyub] {
    width: 28px;
    height: 28px;
    min-width: 28px;
    color: #617086 !important;
    border-color: #e2e9f1 !important;
    border-radius: 8px;
    background: linear-gradient(180deg, #ffffff, #f7f9fc) !important;
    transition: all .2s ease;
    flex: 0 0 auto;
}

.person-row-action--view[b-t1h30huyub] {
    color: #22bdb6 !important;
    border-color: #d6f1ee !important;
    background: linear-gradient(135deg, #f3fbfa, #e6f7f5) !important;
}

.person-row-action--view:hover[b-t1h30huyub] {
    background: linear-gradient(135deg, #e1f6f4, #c8eee9) !important;
    box-shadow: 0 4px 10px rgba(34, 189, 182, .18);
    transform: translateY(-1px);
}

.person-row-action--edit[b-t1h30huyub] {
    color: #1f6df2 !important;
    border-color: #d6e3fb !important;
    background: linear-gradient(135deg, #f3f7ff, #e6eeff) !important;
}

.person-row-action--edit:hover[b-t1h30huyub] {
    background: linear-gradient(135deg, #e1ecff, #c9dafd) !important;
    box-shadow: 0 4px 10px rgba(31, 109, 242, .18);
    transform: translateY(-1px);
}

.person-row-action--print[b-t1h30huyub] {
    color: #13a064 !important;
    border-color: #ceeed9 !important;
    background: linear-gradient(135deg, #f1faf4, #e3f5e9) !important;
}

.person-row-action--print:hover[b-t1h30huyub] {
    background: linear-gradient(135deg, #def4e5, #c5ebd2) !important;
    box-shadow: 0 4px 10px rgba(19, 160, 100, .18);
    transform: translateY(-1px);
}

.person-row-action--menu[b-t1h30huyub] {
    color: #4a5e80 !important;
    border: 1px solid #d8e2ee !important;
    background: linear-gradient(135deg, #f4f8fd, #e9f0f8) !important;
    border-radius: 8px;
    transition: all .2s ease;
}

.person-row-action--menu:hover[b-t1h30huyub] {
    color: #1f55c9 !important;
    border-color: #c5d8fb !important;
    background: linear-gradient(135deg, #e8f1ff, #d4e3fb) !important;
    box-shadow: 0 4px 10px rgba(31, 85, 201, .15);
    transform: translateY(-1px);
}

[b-t1h30huyub] .person-row-menu-popover {
    border-radius: 12px !important;
    border: 1px solid #e3eaf3 !important;
    box-shadow: 0 12px 28px rgba(23, 33, 58, .14) !important;
    overflow: hidden;
    min-width: 220px;
}

[b-t1h30huyub] .person-row-menu-popover .mud-list {
    padding: 6px !important;
    background: linear-gradient(180deg, #ffffff, #f8fafd) !important;
}

[b-t1h30huyub] .person-row-menu-popover .mud-list-item {
    border-radius: 9px !important;
    padding: 8px 12px !important;
    margin: 2px 0 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #2c3a55 !important;
    transition: all .15s ease;
}

[b-t1h30huyub] .person-row-menu-popover .person-row-menu-item--view:hover {
    background: linear-gradient(135deg, #e1f6f4, #c8eee9) !important;
    color: #0b8a87 !important;
}

[b-t1h30huyub] .person-row-menu-popover .person-row-menu-item--edit:hover {
    background: linear-gradient(135deg, #e1ecff, #c9dafd) !important;
    color: #1f55c9 !important;
}

[b-t1h30huyub] .person-row-menu-popover .person-row-menu-item--print:hover {
    background: linear-gradient(135deg, #def4e5, #c5ebd2) !important;
    color: #117a4e !important;
}

[b-t1h30huyub] .person-filter .mud-input,
[b-t1h30huyub] .person-filter.mud-input,
[b-t1h30huyub] .person-filter.mud-input-control,
[b-t1h30huyub] .person-filter .mud-input-slot,
[b-t1h30huyub] .person-filter.mud-input-slot,
[b-t1h30huyub] .person-filter .mud-input > input,
[b-t1h30huyub] .person-filter.mud-input > input,
[b-t1h30huyub] .person-filter.mud-input-control input,
[b-t1h30huyub] input.person-filter,
[b-t1h30huyub] .person-filter input,
[b-t1h30huyub] .person-filter input:focus,
[b-t1h30huyub] .person-filter .mud-input-focused input,
[b-t1h30huyub] .person-filter .mud-input-control:focus-within input {
    color: #17213a !important;
    background-color: #ffffff !important;
    caret-color: #17213a !important;
    -webkit-text-fill-color: #17213a !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

[b-t1h30huyub] .person-filter .mud-input-label,
[b-t1h30huyub] .person-filter .mud-input-adornment,
[b-t1h30huyub] .person-filter .mud-icon-root {
    color: #6c7a91 !important;
}

[b-t1h30huyub] .person-filter .mud-input > input::placeholder,
[b-t1h30huyub] .person-filter input::placeholder {
    color: #8a96a8 !important;
    -webkit-text-fill-color: #8a96a8 !important;
    opacity: 1 !important;
}

[b-t1h30huyub] .person-filter .mud-input-outlined-border {
    border-color: #dfe7f0 !important;
    border-radius: 10px;
}

[b-t1h30huyub] .person-filter .mud-input-control:focus-within .mud-input-outlined-border {
    border-color: #20beb8 !important;
}

[b-t1h30huyub] .person-filter .mud-input-control {
    margin-top: 0;
}

[b-t1h30huyub] .person-filter .mud-input-slot {
    min-height: 28px;
    padding: 0 6px !important;
    font-size: 11.5px;
}

[b-t1h30huyub] .person-filter .mud-input-root {
    min-height: 30px;
}

[b-t1h30huyub] .person-filter .mud-select-input {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: 11.5px;
}

[b-t1h30huyub] .person-excel-grid {
    --person-grid-min-width: 1620px;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    background: #ffffff;
}

[b-t1h30huyub] .person-excel-grid .mud-table-container {
    width: 100%;
    max-width: 100%;
    overflow-x: auto !important;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
}

[b-t1h30huyub] .person-excel-grid .mud-table-container::-webkit-scrollbar {
    height: 10px;
}

[b-t1h30huyub] .person-excel-grid .mud-table-container::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 6px;
}

[b-t1h30huyub] .person-excel-grid .mud-table-container::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

[b-t1h30huyub] .person-excel-grid table {
    width: max(100%, var(--person-grid-min-width)) !important;
    min-width: var(--person-grid-min-width) !important;
    max-width: none !important;
    table-layout: fixed;
    border-collapse: collapse;
}

[b-t1h30huyub] .person-excel-grid colgroup col {
    width: auto !important;
}

[b-t1h30huyub] .person-excel-grid .mud-table-head th {
    position: sticky;
    top: 0;
    z-index: 3;
    height: 40px;
    padding: 8px 8px !important;
    color: #4a5568;
    background: linear-gradient(180deg, #f4f8fd, #ebf1f8);
    border-bottom: 1px solid #d8e2ee;
    border-inline-end: 0;
    font-size: 12px;
    font-weight: 950;
    line-height: 1.2;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-t1h30huyub] .person-excel-grid .mud-table-head tr:nth-child(2) th {
    top: 40px;
    z-index: 3;
    height: 38px;
    background: #ffffff;
    padding: 4px 6px !important;
    border-bottom: 1px solid #e6edf4;
}

[b-t1h30huyub] .person-excel-grid .mud-table-cell {
    height: 46px;
    max-width: 0;
    padding: 7px 8px !important;
    border-bottom: 1px solid #edf1f5;
    border-inline-end: 0;
    color: #26324a;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #fff;
}

[b-t1h30huyub] .person-excel-grid .mud-table-row:nth-child(even) .mud-table-cell {
    background: #fbfcfe;
}

[b-t1h30huyub] .person-excel-grid .mud-table-row:hover .mud-table-cell {
    background: #f0f7ff !important;
}

[b-t1h30huyub] .person-excel-grid .mud-table-head th:nth-child(1),
[b-t1h30huyub] .person-excel-grid .mud-table-cell:nth-child(1) {
    position: sticky;
    right: 0;
    z-index: 5;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    text-align: center;
    background: #ffffff;
}

[b-t1h30huyub] .person-excel-grid .mud-table-head th:nth-child(2),
[b-t1h30huyub] .person-excel-grid .mud-table-cell:nth-child(2) {
    position: sticky;
    right: 42px;
    z-index: 5;
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    padding: 6px 4px !important;
    text-align: center;
    background: #ffffff;
}

[b-t1h30huyub] .person-excel-grid .mud-table-cell:nth-child(2) .mud-icon-button {
    width: 30px;
    height: 30px;
    min-width: 30px;
    padding: 4px;
}

[b-t1h30huyub] .person-excel-grid .mud-table-cell:nth-child(2) .mud-icon-button .mud-icon-root {
    font-size: 18px;
}

[b-t1h30huyub] .person-excel-grid .mud-table-head th:nth-child(1),
[b-t1h30huyub] .person-excel-grid .mud-table-head th:nth-child(2) {
    background: linear-gradient(180deg, #f4f8fd, #ebf1f8) !important;
}

[b-t1h30huyub] .person-excel-grid .mud-table-row:nth-child(even) .mud-table-cell:nth-child(1),
[b-t1h30huyub] .person-excel-grid .mud-table-row:nth-child(even) .mud-table-cell:nth-child(2) {
    background: #fbfcfe;
}

[b-t1h30huyub] .person-excel-grid .mud-table-row:hover .mud-table-cell:nth-child(1),
[b-t1h30huyub] .person-excel-grid .mud-table-row:hover .mud-table-cell:nth-child(2) {
    background: #f0f7ff !important;
}

[b-t1h30huyub] .person-excel-grid .mud-icon-button {
    width: 32px;
    height: 32px;
    padding: 4px;
}

[b-t1h30huyub] .person-excel-grid .mud-icon-button .mud-icon-root {
    font-size: 18px;
}

[b-t1h30huyub] .person-excel-grid .mud-checkbox {
    padding: 0;
}

[b-t1h30huyub] .person-excel-grid .mud-checkbox .mud-icon-root {
    color: #b6c1cf;
    font-size: 22px;
}

[b-t1h30huyub] .person-excel-grid .mud-table-pagination-toolbar {
    min-height: 56px;
    padding-inline: 16px;
    color: #526077;
    font-size: 13px;
    background: linear-gradient(180deg, #ffffff, #f8fbfd);
    border-top: 1px solid #e6edf4;
}

@media (max-width: 1280px) {
    .person-grid-card__header[b-t1h30huyub] {
        padding: 12px 16px;
    }

    .person-grid-card__title-text p[b-t1h30huyub] {
        display: none;
    }
}

@media (max-width: 960px) {
    .person-grid-card__header[b-t1h30huyub] {
        flex-direction: column;
        align-items: stretch;
    }

    .person-grid-card__meta[b-t1h30huyub] {
        justify-content: space-between;
    }

    .person-toolbar__actions[b-t1h30huyub] {
        width: 100%;
        justify-content: flex-start;
    }

    [b-t1h30huyub] .person-excel-grid {
        --person-grid-min-width: 1380px;
    }
}

@media (max-width: 700px) {
    .person-primary-action[b-t1h30huyub],
    .person-booklet-action[b-t1h30huyub],
    .person-toolbar-button[b-t1h30huyub] {
        flex: 1 1 auto;
        min-width: 0;
    }
}
/* _content/MudApp/Components/Person/Manage.razor.rz.scp.css */
/* ============ Hero header ============ */
.person-manage-hero[b-4nlqd10rnt] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 22px;
    margin: -16px -24px 0;
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 255, 255, .22), transparent 45%),
        linear-gradient(120deg, #2f72f3 0%, #5b6df0 45%, #21beb8 100%);
    color: #fff;
    border-radius: 8px 8px 0 0;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .15);
}

.person-manage-hero__icon[b-4nlqd10rnt] {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .22);
    backdrop-filter: blur(6px);
    box-shadow: 0 8px 18px rgba(0, 0, 0, .12);
    flex: 0 0 auto;
}

[b-4nlqd10rnt] .person-manage-hero__icon .mud-icon-root {
    font-size: 28px;
    color: #fff;
}

.person-manage-hero__text[b-4nlqd10rnt] {
    flex: 1;
    min-width: 0;
}

.person-manage-hero__text h3[b-4nlqd10rnt] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 950;
    line-height: 1.25;
    letter-spacing: 0;
    color: #fff;
}

.person-manage-hero__text p[b-4nlqd10rnt] {
    margin: 4px 0 0;
    font-size: .82rem;
    font-weight: 600;
    color: rgba(255, 255, 255, .82);
}

.person-manage-hero__badge[b-4nlqd10rnt] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    background: rgba(255, 255, 255, .18);
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 12px;
    color: #fff;
    font-size: .8rem;
    font-weight: 800;
    backdrop-filter: blur(6px);
}

[b-4nlqd10rnt] .person-manage-hero__badge .mud-icon-root {
    font-size: 18px;
    color: rgba(255, 255, 255, .92);
}

.person-manage-hero__badge strong[b-4nlqd10rnt] {
    padding: 2px 8px;
    background: rgba(255, 255, 255, .25);
    border-radius: 999px;
    font-weight: 950;
    font-size: .85rem;
}

/* ============ Body / tabs ============ */
.person-manage-body[b-4nlqd10rnt] {
    padding: 4px 0;
}

[b-4nlqd10rnt] .person-manage-tabs .mud-tabs-toolbar {
    background: #f5f8fc;
    border-radius: 12px;
    padding: 6px;
    margin-bottom: 14px;
    border: 1px solid #e6edf4;
}

[b-4nlqd10rnt] .person-manage-tabs .mud-tab {
    min-width: 0;
    min-height: 42px;
    padding: 0 18px;
    color: #6b7a93;
    font-weight: 800;
    font-size: .9rem;
    border-radius: 9px;
    transition: all .2s ease;
}

[b-4nlqd10rnt] .person-manage-tabs .mud-tab .mud-icon-root {
    color: #98a4b8;
}

[b-4nlqd10rnt] .person-manage-tabs .mud-tab:hover {
    color: #2f72f3;
    background: rgba(47, 114, 243, .06);
}

[b-4nlqd10rnt] .person-manage-tabs .mud-tab.mud-tab-active {
    color: #fff;
    background: linear-gradient(135deg, #2f72f3, #21beb8);
    box-shadow: 0 6px 14px rgba(47, 114, 243, .22);
}

[b-4nlqd10rnt] .person-manage-tabs .mud-tab.mud-tab-active .mud-icon-root {
    color: #fff;
}

[b-4nlqd10rnt] .person-manage-tabs .mud-tab-slider {
    display: none;
}

[b-4nlqd10rnt] .person-manage-panel {
    padding: 0 !important;
}

/* ============ Sections ============ */
.person-manage-section[b-4nlqd10rnt] {
    position: relative;
    margin: 0 0 14px;
    padding: 14px 16px 12px;
    border-radius: 14px;
    border: 1px solid #e7edf4;
    background: #fff;
    box-shadow: 0 2px 8px rgba(23, 33, 58, .03);
}

.person-manage-section[b-4nlqd10rnt]::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 14px;
    bottom: 14px;
    width: 4px;
    border-radius: 4px;
}

.person-manage-section--identity[b-4nlqd10rnt]::before { background: linear-gradient(180deg, #2f72f3, #5b6df0); }
.person-manage-section--work[b-4nlqd10rnt]::before { background: linear-gradient(180deg, #6c4cc9, #b372e0); }
.person-manage-section--health[b-4nlqd10rnt]::before { background: linear-gradient(180deg, #e0556a, #ff8a3d); }
.person-manage-section--supervisor[b-4nlqd10rnt]::before { background: linear-gradient(180deg, #0b9ea2, #21beb8); }
.person-manage-section--coverage[b-4nlqd10rnt]::before { background: linear-gradient(180deg, #117a4e, #4caf50); }
.person-manage-section--relation[b-4nlqd10rnt]::before { background: linear-gradient(180deg, #d97706, #facc15); }

.person-manage-section__head[b-4nlqd10rnt] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 12px;
    padding-inline-start: 8px;
    color: #2c3a55;
    font-size: .92rem;
    font-weight: 900;
}

[b-4nlqd10rnt] .person-manage-section__head .mud-icon-root {
    font-size: 20px;
}

.person-manage-section--identity .person-manage-section__head[b-4nlqd10rnt] { color: #2460de; }
.person-manage-section--identity .person-manage-section__head .mud-icon-root[b-4nlqd10rnt],
[b-4nlqd10rnt] .person-manage-section--identity .person-manage-section__head .mud-icon-root { color: #2f72f3; }

.person-manage-section--work .person-manage-section__head[b-4nlqd10rnt] { color: #6c4cc9; }
.person-manage-section--work .person-manage-section__head .mud-icon-root[b-4nlqd10rnt],
[b-4nlqd10rnt] .person-manage-section--work .person-manage-section__head .mud-icon-root { color: #6c4cc9; }

.person-manage-section--health .person-manage-section__head[b-4nlqd10rnt] { color: #d04358; }
.person-manage-section--health .person-manage-section__head .mud-icon-root[b-4nlqd10rnt],
[b-4nlqd10rnt] .person-manage-section--health .person-manage-section__head .mud-icon-root { color: #e0556a; }

.person-manage-section--supervisor .person-manage-section__head[b-4nlqd10rnt] { color: #0b9ea2; }
.person-manage-section--supervisor .person-manage-section__head .mud-icon-root[b-4nlqd10rnt],
[b-4nlqd10rnt] .person-manage-section--supervisor .person-manage-section__head .mud-icon-root { color: #0b9ea2; }

.person-manage-section--coverage .person-manage-section__head[b-4nlqd10rnt] { color: #117a4e; }
.person-manage-section--coverage .person-manage-section__head .mud-icon-root[b-4nlqd10rnt],
[b-4nlqd10rnt] .person-manage-section--coverage .person-manage-section__head .mud-icon-root { color: #117a4e; }

.person-manage-section--relation .person-manage-section__head[b-4nlqd10rnt] { color: #b45309; }
.person-manage-section--relation .person-manage-section__head .mud-icon-root[b-4nlqd10rnt],
[b-4nlqd10rnt] .person-manage-section--relation .person-manage-section__head .mud-icon-root { color: #d97706; }

.person-manage-alert[b-4nlqd10rnt] {
    margin-bottom: 12px;
    border-radius: 12px !important;
}

/* ============ Action buttons ============ */
.person-manage-actions[b-4nlqd10rnt] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    width: 100%;
    padding: 6px 4px;
}

.person-manage-btn[b-4nlqd10rnt] {
    height: 42px;
    padding-inline: 22px;
    border-radius: 11px;
    font-weight: 900;
    font-size: .9rem;
    text-transform: none;
    letter-spacing: 0;
}

.person-manage-btn--cancel[b-4nlqd10rnt] {
    color: #647189 !important;
    border-color: #dbe3ec !important;
    background: #fff !important;
}

.person-manage-btn--cancel:hover[b-4nlqd10rnt] {
    color: #b04848 !important;
    border-color: #f4c0c0 !important;
    background: #fff5f5 !important;
}

.person-manage-btn--save[b-4nlqd10rnt] {
    background: linear-gradient(135deg, #16a34a, #11833d) !important;
    color: #fff !important;
    box-shadow: 0 10px 20px rgba(22, 163, 74, .28);
}

.person-manage-btn--save:hover[b-4nlqd10rnt] {
    box-shadow: 0 12px 24px rgba(22, 163, 74, .38);
    transform: translateY(-1px);
}

/* ============ Dialog shell ============ */
[b-4nlqd10rnt] .person-manage-dialog {
    border-radius: 16px;
    overflow: hidden;
}

[b-4nlqd10rnt] .person-manage-dialog .mud-dialog-title {
    padding: 16px 24px 0;
}

[b-4nlqd10rnt] .person-manage-dialog .mud-dialog-content {
    padding: 18px 22px 8px;
    background: #f7f9fc;
}

[b-4nlqd10rnt] .person-manage-dialog .mud-dialog-actions {
    padding: 12px 22px 16px;
    background: #fff;
    border-top: 1px solid #eaeff5;
}

/* ============ Responsive ============ */
@media (max-width: 700px) {
    .person-manage-hero[b-4nlqd10rnt] {
        flex-wrap: wrap;
        padding: 14px 16px;
    }

    .person-manage-hero__badge[b-4nlqd10rnt] {
        flex-basis: 100%;
        justify-content: center;
    }

    .person-manage-actions[b-4nlqd10rnt] {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .person-manage-btn[b-4nlqd10rnt] {
        width: 100%;
    }
}
/* _content/MudApp/Components/Provider/Index.razor.rz.scp.css */
.provider-directory-page[b-x77gpve3ga] {
    --provider-ink: #17233f;
    --provider-muted: #7b8aa2;
    --provider-border: #e4ecf4;
    --provider-teal: #12bdb8;
    --provider-teal-dark: #08a4ab;
    --provider-blue: #237dbd;
    min-height: calc(100vh - 16px);
    margin: -16px -16px 0;
    padding: 8px 4px 18px;
    direction: rtl;
    color: var(--provider-ink);
    background:
        linear-gradient(180deg, #fbfdff 0%, #f1f8fb 100%),
        radial-gradient(circle at 10% 18%, rgba(18, 189, 184, .12), transparent 28rem),
        radial-gradient(circle at 90% 6%, rgba(35, 125, 189, .08), transparent 26rem);
    font-family: var(--jf-font-fa, "Vazirmatn", "IRANSans", Tahoma, sans-serif);
}

.provider-directory-page *[b-x77gpve3ga] {
    letter-spacing: 0;
}

.provider-hero[b-x77gpve3ga],
.provider-filter-panel[b-x77gpve3ga],
.provider-table-panel[b-x77gpve3ga] {
    border: 1px solid rgba(221, 232, 243, .96);
    box-shadow: 0 14px 34px rgba(36, 64, 98, .09);
}

.provider-filter-title span[b-x77gpve3ga] {
    color: #8897ad;
    font-weight: 850;
}

.provider-hero[b-x77gpve3ga] {
    position: relative;
    min-height: 222px;
    margin-top: 26px;
    border-radius: 20px;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(360px, 1fr) minmax(420px, auto) 160px;
    align-items: center;
    gap: 34px;
    padding: 28px 84px;
    background:
        radial-gradient(circle at 84% 42%, rgba(255, 255, 255, .98), transparent 13rem),
        linear-gradient(100deg, #d8f8fa 0%, #f9ffff 49%, #c9f2f6 100%);
}

.provider-hero[b-x77gpve3ga]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle, rgba(255, 255, 255, .78) 2px, transparent 2.8px) 28px 28px / 44px 44px,
        linear-gradient(45deg, transparent 0 70%, rgba(18, 189, 184, .10) 70% 71%, transparent 71%);
    pointer-events: none;
}

.provider-hero-art[b-x77gpve3ga] {
    position: relative;
    z-index: 1;
    width: 520px;
    height: 164px;
}

.provider-stethoscope[b-x77gpve3ga] {
    position: absolute;
    right: 92px;
    top: 10px;
    width: 244px;
    height: 112px;
    border: 10px solid #139ea9;
    border-bottom-color: transparent;
    border-radius: 140px 140px 24px 24px;
    filter: drop-shadow(0 12px 15px rgba(23, 131, 147, .22));
    transform: rotate(-9deg);
}

.provider-stethoscope[b-x77gpve3ga]::before {
    content: "";
    position: absolute;
    right: -36px;
    bottom: -48px;
    width: 72px;
    height: 72px;
    border: 11px solid #cad7df;
    border-radius: 50%;
    background: #f6fbfb;
    box-shadow: inset 0 0 0 10px #fdfefe;
}

.provider-stethoscope[b-x77gpve3ga]::after {
    content: "";
    position: absolute;
    left: -64px;
    top: 54px;
    width: 102px;
    height: 11px;
    border-radius: 999px;
    background: #d2dde5;
    transform: rotate(-18deg);
}

.provider-badge-card[b-x77gpve3ga] {
    position: absolute;
    right: 276px;
    top: 48px;
    width: 130px;
    height: 104px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, .72);
    box-shadow: 0 16px 28px rgba(23, 33, 58, .12);
}

.provider-badge-card[b-x77gpve3ga]::before {
    content: "";
    position: absolute;
    top: -10px;
    width: 70px;
    height: 18px;
    border-radius: 8px 8px 4px 4px;
    background: #9de8e7;
}

.provider-badge-card i[b-x77gpve3ga] {
    width: 58px;
    height: 58px;
    border-radius: 999px 999px 26px 26px;
    background:
        linear-gradient(#1fc1bb 0 38%, transparent 39%),
        linear-gradient(90deg, transparent 0 20%, #b9c4cf 20% 78%, transparent 78%);
    opacity: .92;
}

.provider-leaf[b-x77gpve3ga] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 110px;
    height: 80px;
    background: linear-gradient(135deg, rgba(20, 180, 174, .20), rgba(20, 180, 174, .03));
    clip-path: polygon(0 84%, 18% 36%, 36% 72%, 54% 22%, 74% 64%, 100% 30%, 100% 100%, 0 100%);
}

.provider-hero-copy[b-x77gpve3ga] {
    position: relative;
    z-index: 1;
    text-align: right;
}

.provider-hero-kicker[b-x77gpve3ga] {
    display: block;
    margin-bottom: 8px;
    color: #16aaa4;
    font-size: 16px;
    font-weight: 950;
}

.provider-hero h1[b-x77gpve3ga] {
    margin: 0;
    color: #101a3a;
    font-size: 46px;
    font-weight: 950;
    line-height: 1.35;
}

.provider-hero p[b-x77gpve3ga] {
    margin: 10px 0 0;
    color: #738096;
    font-size: 17px;
    font-weight: 850;
}

.provider-hero-icon[b-x77gpve3ga] {
    position: relative;
    z-index: 1;
    width: 152px;
    height: 152px;
    border-radius: 26px;
    display: grid;
    place-items: center;
    color: #20bdb7;
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 18px 30px rgba(23, 33, 58, .14);
}

.provider-hero-icon .mud-icon-root[b-x77gpve3ga] {
    font-size: 92px;
}

.provider-filter-panel[b-x77gpve3ga] {
    min-height: 130px;
    margin-top: 22px;
    border-radius: 18px;
    display: grid;
    grid-template-columns: minmax(380px, auto) minmax(520px, 1fr) minmax(260px, auto);
    align-items: center;
    gap: 28px;
    padding: 26px 30px;
    background: rgba(255, 255, 255, .96);
}

.provider-filter-actions[b-x77gpve3ga],
.provider-filter-searches[b-x77gpve3ga] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.provider-filter-searches[b-x77gpve3ga] {
    justify-content: center;
}

.provider-create-button[b-x77gpve3ga] {
    min-width: 242px !important;
    height: 64px !important;
    border-radius: 13px !important;
    color: #fff !important;
    background: linear-gradient(145deg, #18c3bd, #08abb8) !important;
    box-shadow: 0 14px 28px rgba(0, 173, 185, .24) !important;
    font-size: 15px !important;
    font-weight: 950 !important;
}

.provider-square-button[b-x77gpve3ga],
.provider-filter-button[b-x77gpve3ga],
.provider-search-control[b-x77gpve3ga] {
    height: 64px;
    border: 1px solid #e2ebf3;
    border-radius: 13px;
    background: #fff;
    color: #6b7a91;
    box-shadow: 0 10px 20px rgba(36, 64, 98, .04);
}

.provider-square-button[b-x77gpve3ga] {
    width: 68px;
    display: grid;
    place-items: center;
    cursor: pointer;
}

.provider-search-control[b-x77gpve3ga] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 0 18px;
}

.provider-search-control--wide[b-x77gpve3ga] {
    width: min(650px, 52vw);
}

.provider-search-control input[b-x77gpve3ga] {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: #263754;
    font-family: inherit;
    font-size: 14px;
    font-weight: 850;
    text-align: right;
}

.provider-search-control input[b-x77gpve3ga]::placeholder {
    color: #a0acbd;
}

.provider-filter-button[b-x77gpve3ga] {
    min-width: 286px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 22px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 900;
    cursor: pointer;
}

.provider-filter-title[b-x77gpve3ga] {
    display: grid;
    gap: 10px;
    justify-items: end;
    text-align: right;
}

.provider-filter-title h2[b-x77gpve3ga] {
    margin: 0;
    color: #17233f;
    font-size: 24px;
    font-weight: 950;
}

.provider-filter-title span[b-x77gpve3ga] {
    font-size: 14px;
}

.provider-table-panel[b-x77gpve3ga] {
    margin-top: 24px;
    border-radius: 18px;
    overflow: hidden;
    background: #fff;
}

.provider-table-heading[b-x77gpve3ga] {
    min-height: 68px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 0 28px;
    border-bottom: 1px solid #e5edf5;
    color: #17233f;
    font-size: 20px;
    font-weight: 950;
}

.provider-table-heading .mud-icon-root[b-x77gpve3ga] {
    color: #1782b4;
}

.provider-grid[b-x77gpve3ga] {
    border: 0 !important;
    border-radius: 0 !important;
    overflow: hidden;
    background: #fff;
}

.provider-grid .mud-table-container[b-x77gpve3ga] {
    overflow-x: auto;
    max-width: 100%;
}

.provider-grid-header th[b-x77gpve3ga] {
    height: 46px;
    border-bottom: 1px solid #e5edf5 !important;
    color: #4e5f78 !important;
    background: #fbfdff !important;
    font-size: 14px;
    font-weight: 950 !important;
    text-align: center;
    white-space: nowrap;
}

.provider-grid td[b-x77gpve3ga] {
    height: 48px;
    border-color: #e7eef6 !important;
    background: rgba(255, 255, 255, .98);
    color: #17233f;
    font-size: 13px;
    font-weight: 850;
    vertical-align: middle;
}

.provider-grid-row:hover td[b-x77gpve3ga] {
    background: #f7fcff !important;
}

.provider-col-doctor[b-x77gpve3ga] {
    width: 36%;
    min-width: 320px;
    text-align: right;
}

.provider-col-specialty[b-x77gpve3ga] {
    width: 20%;
    min-width: 180px;
    text-align: center;
}

.provider-col-contact[b-x77gpve3ga],
.provider-col-status[b-x77gpve3ga] {
    width: 16%;
    min-width: 150px;
    text-align: center;
}

.provider-col-actions[b-x77gpve3ga] {
    width: 260px;
    min-width: 260px;
    text-align: center;
}

.provider-doctor-cell[b-x77gpve3ga] {
    display: grid;
    gap: 4px;
    justify-items: end;
}

.provider-doctor-cell strong[b-x77gpve3ga] {
    color: #17233f;
    font-size: 14px;
    font-weight: 950;
    line-height: 1.35;
}

.provider-doctor-cell span[b-x77gpve3ga] {
    color: #5f708c;
    font-size: 12px;
    font-weight: 850;
}

.provider-specialty-badge[b-x77gpve3ga] {
    min-height: 28px;
    border: 2px solid #f2bd76;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 13px;
    color: #e0953b;
    background: #fffaf4;
    font-size: 12px;
    font-weight: 950;
    white-space: nowrap;
}

.provider-specialty-badge.is-registered[b-x77gpve3ga] {
    border-color: #8ee1dd;
    color: #0a9c98;
    background: #f0fffd;
}

.provider-col-status[b-x77gpve3ga] {
    color: #4f5f76;
}

.provider-col-status .provider-status-dot[b-x77gpve3ga] {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    display: inline-block;
    margin-left: 8px;
    background: #12bdb8;
    box-shadow: 0 0 0 3px rgba(18, 189, 184, .10);
    vertical-align: middle;
}

.provider-col-status strong[b-x77gpve3ga] {
    font-weight: 950;
    vertical-align: middle;
}

.provider-row-actions[b-x77gpve3ga] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.provider-row-actions button[b-x77gpve3ga] {
    width: 54px;
    height: 36px;
    border: 1px solid #e2eaf3;
    border-radius: 9px;
    display: grid;
    place-items: center;
    background: #fff;
    color: #53647e;
    cursor: pointer;
    box-shadow: 0 8px 16px rgba(35, 63, 98, .04);
}

.provider-row-actions button:hover[b-x77gpve3ga],
.provider-square-button:hover[b-x77gpve3ga],
.provider-filter-button:hover[b-x77gpve3ga] {
    border-color: rgba(18, 189, 184, .38);
    color: var(--provider-teal);
    background: #f5ffff;
}

.provider-grid-footer[b-x77gpve3ga] {
    min-height: 66px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 24px;
    border-top: 1px solid #e5edf5;
    background: #fff;
}

.provider-grid .mud-table-pagination[b-x77gpve3ga] {
    width: 100%;
    border: 0;
    background: transparent;
}

.provider-grid .mud-table-pagination-toolbar[b-x77gpve3ga] {
    direction: rtl;
}

.provider-page-footer[b-x77gpve3ga] {
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 34px;
    padding: 18px 44px 0;
    color: #94a2b5;
    font-size: 13px;
    font-weight: 850;
}

.provider-page-footer i[b-x77gpve3ga] {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    display: inline-block;
    margin-left: 8px;
    background: #27c46a;
}

.provider-chat-fab[b-x77gpve3ga] {
    position: fixed;
    right: 22px;
    bottom: 24px;
    z-index: 20;
    width: 62px;
    height: 62px;
    border: 0;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: linear-gradient(145deg, #22cfc9, #08aeb7);
    color: #fff;
    box-shadow: 0 18px 34px rgba(8, 174, 183, .30);
    cursor: pointer;
}

@media (max-width: 1360px) {
    .provider-hero[b-x77gpve3ga] {
        grid-template-columns: minmax(260px, 1fr) minmax(360px, auto) 130px;
        padding: 28px 46px;
    }

    .provider-hero-art[b-x77gpve3ga] {
        width: 400px;
    }

    .provider-filter-panel[b-x77gpve3ga] {
        grid-template-columns: 1fr;
    }

    .provider-filter-title[b-x77gpve3ga] {
        grid-row: 1;
    }

    .provider-filter-actions[b-x77gpve3ga],
    .provider-filter-searches[b-x77gpve3ga] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .provider-search-control--wide[b-x77gpve3ga] {
        width: min(650px, 100%);
        flex: 1 1 360px;
    }
}

@media (max-width: 980px) {
    .provider-directory-page[b-x77gpve3ga] {
        padding: 8px 12px 20px;
    }

    .provider-hero[b-x77gpve3ga] {
        grid-template-columns: 1fr auto;
        min-height: 210px;
        padding: 24px;
    }

    .provider-hero-art[b-x77gpve3ga] {
        position: absolute;
        left: 8px;
        bottom: 18px;
        opacity: .58;
        transform: scale(.74);
        transform-origin: left bottom;
    }

    .provider-hero h1[b-x77gpve3ga] {
        font-size: 34px;
    }

    .provider-hero-icon[b-x77gpve3ga] {
        width: 90px;
        height: 90px;
        border-radius: 22px;
    }

    .provider-hero-icon .mud-icon-root[b-x77gpve3ga] {
        font-size: 54px;
    }
}

@media (max-width: 640px) {
    .provider-directory-page[b-x77gpve3ga] {
        margin: -12px;
    }

    .provider-hero[b-x77gpve3ga] {
        grid-template-columns: 1fr;
    }

    .provider-hero-icon[b-x77gpve3ga] {
        display: none;
    }

    .provider-hero-art[b-x77gpve3ga] {
        opacity: .34;
        transform: scale(.55);
    }

    .provider-filter-panel[b-x77gpve3ga],
    .provider-table-panel[b-x77gpve3ga] {
        border-radius: 16px;
    }

    .provider-create-button[b-x77gpve3ga],
    .provider-filter-button[b-x77gpve3ga],
    .provider-search-control--wide[b-x77gpve3ga] {
        width: 100%;
        min-width: 0 !important;
    }

    .provider-square-button[b-x77gpve3ga] {
        flex: 1 1 64px;
    }

    .provider-page-footer[b-x77gpve3ga] {
        flex-direction: column;
        gap: 8px;
        padding: 18px 18px 0;
        text-align: center;
    }
}
/* _content/MudApp/Components/Service/Index.razor.rz.scp.css */
.service-toolbar-card[b-thelj5h4s2] {
    border: 1px solid rgba(30, 64, 175, 0.08);
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.service-search-row[b-thelj5h4s2] {
    align-items: center;
}

.service-search-field[b-thelj5h4s2] {
    max-width: 360px;
}

.service-search-field[b-thelj5h4s2]  .mud-input-control {
    margin-top: 0;
}

.service-search-field[b-thelj5h4s2]  .mud-input-outlined {
    min-height: 40px;
    border-radius: 12px;
    background: linear-gradient(135deg, #ffffff 0%, #f4f8ff 100%);
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.08);
}

.service-search-field[b-thelj5h4s2]  .mud-input-outlined-border {
    border-color: rgba(37, 99, 235, 0.26);
}

.service-search-field[b-thelj5h4s2]  .mud-input-slot {
    font-size: 0.875rem;
}

.service-search-field[b-thelj5h4s2]  .mud-input-adornment .mud-icon-root {
    color: #2563eb;
}

.service-actions[b-thelj5h4s2] {
    flex-wrap: wrap;
    gap: 8px;
    padding-top: 4px;
}

.service-actions .ms-2[b-thelj5h4s2] {
    margin-inline-start: 0 !important;
}

.service-action-button[b-thelj5h4s2] {
    min-height: 34px;
    border-radius: 11px;
    color: #0f172a !important;
    border: 1px solid rgba(15, 23, 42, 0.07);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
    transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease;
}

.service-action-button:hover[b-thelj5h4s2] {
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.12);
    filter: saturate(1.04);
}

.service-action-button[b-thelj5h4s2]  .mud-icon-root,
.service-row-action[b-thelj5h4s2]  .mud-icon-root {
    color: inherit;
}

.service-action-button--add[b-thelj5h4s2] {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%) !important;
}

.service-action-button--import[b-thelj5h4s2] {
    background: linear-gradient(135deg, #ccfbf1 0%, #a7f3d0 100%) !important;
}

.service-action-button--price[b-thelj5h4s2] {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%) !important;
}

.service-action-button--guide[b-thelj5h4s2] {
    background: linear-gradient(135deg, #eef2ff 0%, #ddd6fe 100%) !important;
}

.service-action-button--search[b-thelj5h4s2] {
    background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%) !important;
}

.service-price-button[b-thelj5h4s2] {
    min-width: 82px;
    border-radius: 10px;
    color: #1e3a8a !important;
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%) !important;
    border: 1px solid rgba(37, 99, 235, 0.14);
}

.service-row-actions[b-thelj5h4s2] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
    padding: 3px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 13px;
    background: linear-gradient(135deg, rgba(248, 250, 252, 0.95) 0%, rgba(241, 245, 249, 0.92) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.service-row-action[b-thelj5h4s2] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.34);
    box-shadow: 0 8px 16px rgba(15, 23, 42, 0.14);
    transition: transform 150ms ease, box-shadow 150ms ease, filter 150ms ease;
}

.service-row-action:hover[b-thelj5h4s2] {
    transform: translateY(-1px);
    box-shadow: 0 11px 20px rgba(15, 23, 42, 0.2);
    filter: saturate(1.08) brightness(1.03);
}

.service-row-action:focus-visible[b-thelj5h4s2] {
    outline: 2px solid rgba(59, 130, 246, 0.38);
    outline-offset: 2px;
}

.service-row-action--edit[b-thelj5h4s2] {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}

.service-row-action--rule[b-thelj5h4s2] {
    background: linear-gradient(135deg, #d97706 0%, #b45309 100%) !important;
}

.service-row-action--delete[b-thelj5h4s2] {
    background: linear-gradient(135deg, #e11d48 0%, #be123c 100%) !important;
}

.service-row-action[b-thelj5h4s2]  .mud-icon-root {
    font-size: 1.08rem;
}

@media (max-width: 600px) {
    .service-search-field[b-thelj5h4s2] {
        max-width: none;
    }

    .service-action-button[b-thelj5h4s2] {
        width: 100%;
        justify-content: center;
    }
}