/* /Pages/Dashboard/SalesDashboard.razor.rz.scp.css */
/*
 * SalesDashboard.razor.css — scoped стили компонента.
 * Общие стили находятся в wwwroot/css/app.css.
 * ВАЖНО: scoped-правила имеют приоритет над глобальными (Blazor добавляет атрибут-селектор).
 * Здесь перечислены ВСЕ grid-классы с актуальными значениями, чтобы
 * scoped-специфичность не блокировала изменения в app.css.
 */

.g5[b-lhefmfisua]  { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; margin-bottom:12px; }
.g2[b-lhefmfisua]  { display:grid; grid-template-columns:1fr 1fr;       gap:10px; margin-bottom:12px; }
.g3a[b-lhefmfisua] { display:grid; grid-template-columns:1.6fr 1fr 1fr; gap:10px; margin-bottom:12px; }
.g2a[b-lhefmfisua] { display:grid; grid-template-columns:1.9fr 1fr;     gap:10px; margin-bottom:12px; }

@media (max-width:900px) {
    .g5[b-lhefmfisua]  { grid-template-columns:1fr 1fr; }
    .g3a[b-lhefmfisua] { grid-template-columns:1fr; }
    .g2a[b-lhefmfisua] { grid-template-columns:1fr; }
    .kpi4[b-lhefmfisua]     { grid-template-columns:1fr 1fr; }
    .inst-kpi[b-lhefmfisua] { grid-template-columns:1fr 1fr; }
}
@media (max-width:600px) {
    .g5[b-lhefmfisua] { grid-template-columns:1fr; }
    .g2[b-lhefmfisua] { grid-template-columns:1fr; }
}
/* /Pages/Dashboard/SalesDashboardTable.razor.rz.scp.css */
.sales-dashboard-wrap[b-yjrqbszav2] {
    overflow-x: auto;
    overflow-y: hidden;
    background: #0C0F22;
}

.sales-dashboard-table[b-yjrqbszav2] {
    width: 100%;
    min-width: 0;
    border-collapse: collapse;
    table-layout: fixed;
    background: #0C0F22;
    color: #E2E4F0;
    font-size: clamp(0.76rem, 0.72vw, 0.88rem);
    line-height: 1.15;
}

.sales-dashboard-table col.col-category[b-yjrqbszav2] {
    width: 24%;
}

.sales-dashboard-table col.col-count[b-yjrqbszav2] {
    width: 6.5%;
}

.sales-dashboard-table col.col-amount[b-yjrqbszav2] {
    width: 11.25%;
}

.sales-dashboard-table col.col-metric[b-yjrqbszav2] {
    width: 7.5%;
}

.sales-dashboard-table th[b-yjrqbszav2],
.sales-dashboard-table td[b-yjrqbszav2] {
    padding: 10px 10px;
    text-align: right;
    border: 1px solid #1A1E38;
    vertical-align: middle;
    font-variant-numeric: tabular-nums;
}

.sales-dashboard-table td[b-yjrqbszav2] {
    white-space: nowrap;
}

.sales-dashboard-table th[b-yjrqbszav2] {
    white-space: normal;
}

.sales-dashboard-table th:first-child[b-yjrqbszav2],
.sales-dashboard-table td:first-child[b-yjrqbszav2] {
    text-align: left;
    border-right: 5px solid #252A46;
}

.sales-dashboard-table thead th[b-yjrqbszav2] {
    font-weight: 700;
}

.sales-dashboard-table .row-title th[b-yjrqbszav2] {
    background: linear-gradient(90deg, #110A2A 0%, #1B1140 50%, #110A2A 100%);
    color: #F1ECFF;
    text-align: center;
    font-size: clamp(0.92rem, 0.95vw, 1.04rem);
    letter-spacing: 0.02em;
    padding: 18px 16px;
    border-color: #3A2A6E;
    border-bottom: 2px solid #A855F7;
    text-transform: uppercase;
    text-shadow: 0 0 12px rgba(168, 85, 247, 0.35);
}

.sales-dashboard-table .row-title .row-title-spacer[b-yjrqbszav2] {
    color: transparent;
}

.sales-dashboard-table .row-col-groups th[b-yjrqbszav2] {
    font-size: clamp(0.68rem, 0.62vw, 0.8rem);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-align: center;
    padding: 6px 12px;
    font-weight: 800;
    color: #4A5070;
}

.sales-dashboard-table .row-col-groups th.col-sold[b-yjrqbszav2] {
    color: #FCA5A5;
}

.sales-dashboard-table .row-col-groups th.col-booked[b-yjrqbszav2] {
    color: #FCD34D;
}

.sales-dashboard-table .row-col-groups th.col-available[b-yjrqbszav2] {
    color: #6EE7B7;
}

.sales-dashboard-table .row-col-groups .col-category-head[b-yjrqbszav2] {
    background: #07091A;
    color: #E2E4F0;
    font-size: 0.98rem;
    text-align: left;
    vertical-align: middle;
}

.sales-dashboard-table .col-sold[b-yjrqbszav2] {
    background: rgba(239, 68, 68, 0.18);
    box-shadow: inset 3px 0 0 rgba(239, 68, 68, 0.45);
}

.sales-dashboard-table .col-booked[b-yjrqbszav2] {
    background: rgba(245, 158, 11, 0.16);
    box-shadow: inset 3px 0 0 rgba(245, 158, 11, 0.4);
}

.sales-dashboard-table .col-available[b-yjrqbszav2] {
    background: rgba(16, 185, 129, 0.16);
    box-shadow: inset 3px 0 0 rgba(16, 185, 129, 0.4);
}

.sales-dashboard-table .col-meta[b-yjrqbszav2] {
    background: #10142C;
    color: #E2E4F0;
}

.sales-dashboard-table .row-col-subs th[b-yjrqbszav2] {
    background: #10142C;
    color: #7A82A0;
    font-size: clamp(0.66rem, 0.56vw, 0.78rem);
    font-weight: 500;
    text-align: center;
    padding: 12px 8px;
    border-bottom: 6px solid #252A46;
}

.sales-dashboard-table .row-col-subs .col-sold[b-yjrqbszav2] {
    background: rgba(239, 68, 68, 0.12);
}

.sales-dashboard-table .row-col-subs .col-booked[b-yjrqbszav2] {
    background: rgba(245, 158, 11, 0.11);
}

.sales-dashboard-table .row-col-subs .col-available[b-yjrqbszav2] {
    background: rgba(16, 185, 129, 0.11);
}

.sales-dashboard-table .row-group-header td[b-yjrqbszav2] {
    background: linear-gradient(90deg, #161037 0%, #10142C 100%);
    color: #C7B6F5;
    font-weight: 800;
    font-size: 0.92rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 11px 10px;
    border-left: 3px solid #A855F7;
}

.sales-dashboard-table .row-group-header-commercial td[b-yjrqbszav2] {
    background: #1A1E38;
    color: #7A82A0;
}

.sales-dashboard-table .row-data td[b-yjrqbszav2] {
    background: #0C0F22;
    font-size: clamp(0.78rem, 0.72vw, 0.9rem);
}

.sales-dashboard-table .row-data td:first-child[b-yjrqbszav2] {
    font-size: clamp(0.82rem, 0.76vw, 0.94rem);
    font-weight: 500;
}

.sales-dashboard-table .row-data:hover td[b-yjrqbszav2] {
    background: #10142C;
}

.sales-dashboard-table .row-subtotal td[b-yjrqbszav2] {
    background: #07091A;
    color: #E2E4F0;
    font-weight: 800;
    font-size: clamp(0.82rem, 0.76vw, 0.96rem);
    padding: 11px 10px;
    border-color: #252A46;
}

.sales-dashboard-table .row-subtotal td:first-child[b-yjrqbszav2],
.sales-dashboard-table .row-grand-total td:first-child[b-yjrqbszav2] {
    text-transform: uppercase;
}

.sales-dashboard-table .row-subtotal-commercial td[b-yjrqbszav2] {
    background: #1A1E38;
    color: #7A82A0;
    border-color: #1A1E38;
}

.sales-dashboard-table .row-grand-total td[b-yjrqbszav2] {
    background: linear-gradient(90deg, #0F0826 0%, #1A0F3E 50%, #0F0826 100%);
    color: #C68BFF;
    font-weight: 800;
    font-size: clamp(0.84rem, 0.82vw, 1rem);
    padding: 15px 10px;
    border-color: #3A2A6E;
    border-top: 2px solid #A855F7;
    text-shadow: 0 0 10px rgba(168, 85, 247, 0.3);
}

@media (max-width: 1400px) {
    .sales-dashboard-table[b-yjrqbszav2] {
        font-size: 0.78rem;
    }

    .sales-dashboard-table col.col-category[b-yjrqbszav2] {
        width: 22%;
    }

    .sales-dashboard-table col.col-count[b-yjrqbszav2] {
        width: 6%;
    }

    .sales-dashboard-table col.col-amount[b-yjrqbszav2],
    .sales-dashboard-table col.col-metric[b-yjrqbszav2] {
        width: auto;
    }

    .sales-dashboard-table th[b-yjrqbszav2],
    .sales-dashboard-table td[b-yjrqbszav2] {
        padding: 9px 8px;
    }

    .sales-dashboard-table .row-title th[b-yjrqbszav2] {
        padding: 15px 12px;
    }
}

@media (max-width: 1100px) {
    .sales-dashboard-wrap[b-yjrqbszav2] {
        overflow-x: auto;
    }

    .sales-dashboard-table[b-yjrqbszav2] {
        min-width: 1140px;
        font-size: 0.76rem;
    }

    .sales-dashboard-table col.col-category[b-yjrqbszav2] {
        width: 300px;
    }

    .sales-dashboard-table col.col-count[b-yjrqbszav2] {
        width: 80px;
    }

    .sales-dashboard-table col.col-amount[b-yjrqbszav2] {
        width: 136px;
    }

    .sales-dashboard-table col.col-metric[b-yjrqbszav2] {
        width: 110px;
    }
}
/* /Pages/Dashboard/SalesDeepDashboard.razor.rz.scp.css */
/* Стили перенесены в wwwroot/css/app.css (глобальные) */
/* /Pages/Home.razor.rz.scp.css */
.sales-dashboard-frame[b-30wt3x6sr9] {
    display: block;
    margin-bottom: 28px;
}

.sales-project-tabs-shell[b-30wt3x6sr9] {
    overflow-x: auto;
    overflow-y: hidden;
    background: #10142C;
    border: 1px solid #1A1E38;
    border-bottom: 0;
}

.sales-project-tabs[b-30wt3x6sr9] {
    display: flex;
    gap: 10px;
    align-items: flex-end;
    min-width: max-content;
    padding: 10px 12px 0;
}

.sales-project-tab[b-30wt3x6sr9] {
    appearance: none;
    border: 1px solid #252A46;
    border-bottom: 0;
    border-radius: 12px 12px 0 0;
    background: #0C0F22;
    color: #7A82A0;
    padding: 12px 18px;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    position: relative;
    top: 1px;
    transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

.sales-project-tab:hover:not(:disabled)[b-30wt3x6sr9] {
    background: #10142C;
    color: #E2E4F0;
    border-color: #A855F7;
}

.sales-project-tab.active[b-30wt3x6sr9] {
    background: #0C0F22;
    color: #E2E4F0;
    border-color: #A855F7;
    box-shadow: 0 -2px 0 0 #A855F7 inset;
}

.sales-project-tab:disabled[b-30wt3x6sr9] {
    cursor: wait;
    opacity: 0.5;
}

.sales-project-tab-name[b-30wt3x6sr9] {
    white-space: nowrap;
}

.sales-dashboard-shell[b-30wt3x6sr9] {
    border-radius: 0;
    overflow: hidden;
    border: 1px solid #1A1E38;
    background: #0C0F22;
}

.sales-dashboard-progress[b-30wt3x6sr9] {
    display: block;
}

@media (max-width: 900px) {
    .sales-project-tabs[b-30wt3x6sr9] {
        gap: 8px;
        padding: 8px 8px 0;
    }

    .sales-project-tab[b-30wt3x6sr9] {
        padding: 10px 14px;
        font-size: 0.9rem;
    }
}