* {
    box-sizing: border-box;
}

body {
    margin: 0;
    background: #f5f6f8;
    color: #16181d;
    font-family: Arial, sans-serif;
}

.container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 32px 20px 80px;
}

header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.logo {
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 1px;
}

.card {
    background: white;
    border: 1px solid #e3e5e8;
    border-radius: 16px;
    padding: 28px;
    margin-bottom: 20px;
}

.auth-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.dashboard-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

h1 {
    margin-top: 0;
    font-size: 32px;
}

h2 {
    margin-top: 0;
}

input {
    display: block;
    width: 100%;
    padding: 14px;
    margin: 12px 0;
    border: 1px solid #ccd0d5;
    border-radius: 10px;
    font-size: 16px;
}

button {
    width: 100%;
    padding: 14px 18px;
    margin-top: 10px;
    border: 0;
    border-radius: 10px;
    background: #005bff;
    color: white;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
}

button:hover {
    opacity: .9;
}

button.secondary {
    width: auto;
    background: #e8ebef;
    color: #16181d;
}

.message {
    min-height: 22px;
    margin-top: 12px;
    font-size: 14px;
}

.hint,
.muted,
.empty {
    color: #6d737c;
}

.hint {
    font-size: 13px;
}

.account {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
    border-bottom: 1px solid #eceef1;
}

.account:last-child {
    border-bottom: 0;
}

.status {
    background: #e8f7ed;
    padding: 7px 10px;
    border-radius: 20px;
    font-size: 13px;
}

[hidden] {
    display: none !important;
}

@media (max-width: 700px) {
    .auth-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-head {
        align-items: flex-start;
        gap: 20px;
    }

    h1 {
        font-size: 27px;
    }
}

/* Dashboard analytics */

.analytics-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.analytics-toolbar h2 {
    margin-bottom: 4px;
}

.analytics-toolbar p {
    margin: 0;
}

#periodSelect {
    min-width: 130px;
    padding: 11px 14px;
    border: 1px solid #ccd0d5;
    border-radius: 10px;
    background: white;
    font-size: 15px;
}

.metrics-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 28px;
}

.metric-card {
    min-height: 135px;
    padding: 20px;
    background: white;
    border: 1px solid #e3e5e8;
    border-radius: 16px;
}

.metric-card span {
    display: block;
    margin-bottom: 14px;
    color: #6d737c;
    font-size: 14px;
}

.metric-card strong {
    display: block;
    font-size: 28px;
    line-height: 1.15;
}

.metric-card small {
    display: block;
    min-height: 16px;
    margin-top: 10px;
    color: #6d737c;
}

.change-positive {
    color: #16883e !important;
}

.change-negative {
    color: #c83232 !important;
}

@media (max-width: 800px) {
    .metrics-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 520px) {
    .metrics-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .analytics-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }

    #periodSelect {
        width: 100%;
    }
}

/* =========================================================
   MP DIRECTOR UI v1
   ========================================================= */

:root {
    --mp-bg: #f4f6fb;
    --mp-surface: #ffffff;
    --mp-sidebar: #111827;
    --mp-sidebar-soft: #1b2435;
    --mp-primary: #3568f5;
    --mp-primary-soft: #edf2ff;
    --mp-text: #172033;
    --mp-muted: #7b8496;
    --mp-border: #e8ebf2;
    --mp-positive: #16a36a;
    --mp-negative: #e05252;
    --mp-warning: #e9a23b;
    --mp-radius: 18px;
}


/* Когда открыт кабинет — используем всю ширину экрана */

body:has(#dashboard:not([hidden])) {
    background: var(--mp-bg);
    color: var(--mp-text);
}

body:has(#dashboard:not([hidden])) .container {
    max-width: none;
    margin: 0;
    padding: 0;
}

body:has(#dashboard:not([hidden])) > .container > header {
    display: none;
}


/* Основной каркас */

.dashboard-shell {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
}


/* SIDEBAR */

.app-sidebar {
    position: sticky;
    top: 0;
    height: 100vh;

    display: flex;
    flex-direction: column;

    padding: 24px 18px;

    background:
        radial-gradient(
            circle at 20% 0%,
            rgba(73, 105, 255, .18),
            transparent 34%
        ),
        linear-gradient(
            180deg,
            #111827 0%,
            #0d1421 100%
        );

    color: white;
}

.sidebar-brand {
    display: flex;
    align-items: center;
    gap: 12px;

    padding: 4px 8px 28px;
}

.sidebar-logo {
    width: 40px;
    height: 40px;

    display: grid;
    place-items: center;

    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            #557dff,
            #315ee9
        );

    box-shadow:
        0 8px 24px rgba(53, 104, 245, .28);

    font-size: 14px;
    font-weight: 900;
    letter-spacing: .5px;
}

.sidebar-brand-text {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.sidebar-brand-text strong {
    font-size: 15px;
    letter-spacing: .2px;
}

.sidebar-brand-text span {
    color: #8f9bad;
    font-size: 11px;
}


.sidebar-nav {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sidebar-link {
    width: 100%;

    display: flex;
    align-items: center;
    gap: 12px;

    margin: 0;
    padding: 11px 13px;

    border-radius: 11px;

    background: transparent;
    color: #9ca7b8;

    text-align: left;
    font-size: 14px;
    font-weight: 600;

    transition:
        background .18s ease,
        color .18s ease,
        transform .18s ease;
}




/* =========================================================
   MP DIRECTOR SIDEBAR ICONS v2
   ========================================================= */

.sidebar-link .sidebar-icon {
    width: 22px;
    height: 22px;

    flex: 0 0 22px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: currentColor;
}

.sidebar-link .sidebar-icon svg {
    width: 22px;
    height: 22px;

    display: block;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;

    vector-effect: non-scaling-stroke;
}

.sidebar-link.active .sidebar-icon {
    color: #ffffff;
}

.sidebar-link:hover {
    opacity: 1;
    background: rgba(255, 255, 255, .055);
    color: #ffffff;
    transform: translateX(2px);
}

.sidebar-link.active {
    background:
        linear-gradient(
            90deg,
            rgba(53, 104, 245, .26),
            rgba(53, 104, 245, .09)
        );

    color: #ffffff;

    box-shadow:
        inset 3px 0 0 #5b80ff;
}


.sidebar-footer {
    margin-top: auto;
    padding-top: 22px;

    border-top:
        1px solid rgba(255,255,255,.07);
}

.sidebar-user {
    display: flex;
    align-items: center;
    gap: 11px;

    padding: 8px;
}

.sidebar-avatar {
    width: 36px;
    height: 36px;

    display: grid;
    place-items: center;

    flex: 0 0 auto;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            #6d87ff,
            #415ce1
        );

    color: white;
    font-weight: 800;
}

.sidebar-user > div:last-child {
    min-width: 0;

    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sidebar-user strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    font-size: 12px;
}

.sidebar-user span {
    color: #8995a8;
    font-size: 10px;
}


/* MAIN */

.dashboard-main {
    min-width: 0;
    padding: 28px 34px 60px;
}


/* Верхняя строка кабинета */

.dashboard-head {
    margin-bottom: 22px;
    padding: 0 2px;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dashboard-head h1 {
    margin: 0 0 4px;

    color: var(--mp-text);
    font-size: 24px;
    font-weight: 750;
    letter-spacing: -.5px;
}

.dashboard-head #planInfo {
    margin: 0;
    color: var(--mp-muted);
    font-size: 12px;
}

.dashboard-head #logoutButton {
    margin: 0;
}


/* ANALYTICS HEADER */

.analytics-toolbar {
    position: relative;

    margin-bottom: 22px;
    padding: 20px 22px;

    border: 1px solid rgba(255,255,255,.85);
    border-radius: var(--mp-radius);

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.98),
            rgba(247,249,255,.95)
        );

    box-shadow:
        0 8px 28px rgba(29, 43, 75, .05);
}

.analytics-toolbar::after {
    content: "";

    position: absolute;
    top: 0;
    right: 0;

    width: 220px;
    height: 100%;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(75, 111, 255, .09),
            transparent 65%
        );
}

.analytics-toolbar h2 {
    position: relative;
    z-index: 1;

    margin: 0 0 5px;

    font-size: 22px;
    font-weight: 750;
    letter-spacing: -.4px;
}

.analytics-toolbar .muted {
    position: relative;
    z-index: 1;

    font-size: 12px;
}

.analytics-period {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    gap: 8px;
}

#periodSelect {
    min-width: 145px;

    padding: 10px 36px 10px 13px;

    border: 1px solid var(--mp-border);
    border-radius: 10px;

    background: white;
    color: var(--mp-text);

    font-size: 13px;
    font-weight: 600;

    box-shadow:
        0 2px 8px rgba(25, 40, 72, .03);
}


/* ОБЩИЕ КАРТОЧКИ */

.card {
    border: 1px solid var(--mp-border);
    border-radius: var(--mp-radius);

    background:
        linear-gradient(
            180deg,
            #ffffff,
            #fcfdff
        );

    box-shadow:
        0 8px 26px rgba(24, 39, 75, .045);
}

#dashboard .card {
    padding: 22px;
}


/* KPI */

.metrics-grid {
    grid-template-columns:
        repeat(5, minmax(0, 1fr));

    gap: 14px;
    margin-bottom: 22px;
}

.metric-card {
    position: relative;
    overflow: hidden;

    min-height: 128px;

    padding: 18px 18px 17px;

    border: 1px solid var(--mp-border);
    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,1),
            rgba(248,250,255,.95)
        );

    box-shadow:
        0 7px 22px rgba(30, 46, 81, .045);

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}

.metric-card::before {
    content: "";

    position: absolute;
    top: -35px;
    right: -30px;

    width: 105px;
    height: 105px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(72, 108, 255, .09),
            transparent 68%
        );
}

.metric-card:hover {
    transform: translateY(-2px);

    border-color: #dce2f0;

    box-shadow:
        0 12px 28px rgba(30, 46, 81, .075);
}

.metric-card span {
    position: relative;
    z-index: 1;

    margin-bottom: 13px;

    color: var(--mp-muted);

    font-size: 11px;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.metric-card strong {
    position: relative;
    z-index: 1;

    color: var(--mp-text);

    font-size: clamp(23px, 2vw, 30px);
    font-weight: 760;
    letter-spacing: -.7px;
}

.metric-card small {
    position: relative;
    z-index: 1;

    color: var(--mp-muted);
    font-size: 11px;
}


/* Первые ключевые KPI немного выразительнее */

#analyticsSection > .metrics-grid
.metric-card:nth-child(3) {
    background:
        linear-gradient(
            145deg,
            #ffffff,
            #eef3ff
        );

    border-color: #dce5ff;
}

#analyticsSection > .metrics-grid
.metric-card:nth-child(6) {
    background:
        linear-gradient(
            145deg,
            #ffffff,
            #effbf6
        );

    border-color: #daf1e6;
}

#analyticsSection > .metrics-grid
.metric-card:nth-child(8) {
    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fff8ec
        );

    border-color: #f4e8cf;
}


/* Блоки расходов и рекламы */

.analytics-expenses,
.analytics-advertising {
    margin-top: 16px;
}

.analytics-expenses h3,
.analytics-advertising h3 {
    margin: 0 0 6px;

    font-size: 16px;
    font-weight: 750;
}

.analytics-advertising {
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(77, 111, 255, .08),
            transparent 30%
        ),
        white;
}


/* Формы и подключения ниже аналитики */

#dashboard > .card,
#dashboard > form,
#dashboard > .telegram-connect {
    max-width: none;
}

.telegram-connect {
    margin-bottom: 16px;
    padding: 20px 22px;

    border: 1px solid var(--mp-border);
    border-radius: var(--mp-radius);

    background: white;

    box-shadow:
        0 8px 26px rgba(24, 39, 75, .04);
}

.telegram-connect h3 {
    margin: 0 0 6px;
}


/* Buttons */

#dashboard button:not(.sidebar-link) {
    border-radius: 10px;

    background:
        linear-gradient(
            135deg,
            #416ff5,
            #315edc
        );

    box-shadow:
        0 5px 14px rgba(53, 104, 245, .18);

    font-size: 13px;
}

#dashboard button.secondary {
    background: #eef1f6;
    color: #354052;
    box-shadow: none;
}


/* MOBILE */

@media (max-width: 1100px) {

    .dashboard-shell {
        grid-template-columns: 210px minmax(0, 1fr);
    }

    .dashboard-main {
        padding:
            24px 22px 50px;
    }

    .metrics-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }
}


@media (max-width: 820px) {

    .dashboard-shell {
        display: block;
    }

    .app-sidebar {
        position: relative;

        width: 100%;
        height: auto;

        padding: 14px 16px;
    }

    .sidebar-brand {
        padding-bottom: 12px;
    }

    .sidebar-nav {
        flex-direction: row;
        overflow-x: auto;

        padding-bottom: 2px;
    }

    .sidebar-link {
        width: auto;
        white-space: nowrap;
    }

    .sidebar-footer {
        display: none;
    }

    .dashboard-main {
        padding:
            18px 14px 40px;
    }

    .metrics-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .analytics-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }
}


@media (max-width: 520px) {

    .metrics-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-head {
        align-items: flex-start;
        gap: 12px;
    }
}



/* MP DIRECTOR KPI v2 */

.kpi-primary-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 14px;
}

.kpi-primary {
    position: relative;
    overflow: hidden;

    min-height: 155px;

    display: flex;
    align-items: flex-start;
    gap: 14px;

    padding: 20px;

    border: 1px solid var(--mp-border);
    border-radius: 18px;

    background: #fff;

    box-shadow:
        0 8px 24px rgba(28, 43, 76, .05);

    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

.kpi-primary:hover {
    transform: translateY(-2px);

    box-shadow:
        0 14px 30px rgba(28, 43, 76, .08);
}

.kpi-primary::after {
    content: "";

    position: absolute;
    width: 130px;
    height: 130px;
    right: -52px;
    top: -52px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(78, 111, 255, .12),
            transparent 68%
        );
}

.kpi-icon {
    position: relative;
    z-index: 1;

    width: 44px;
    height: 44px;

    flex: 0 0 44px;

    display: grid;
    place-items: center;

    border-radius: 13px;

    background: var(--mp-primary-soft);
    color: var(--mp-primary);

    font-size: 20px;
    font-weight: 800;
}

.kpi-content {
    position: relative;
    z-index: 1;

    min-width: 0;
}

.kpi-content > span {
    display: block;

    margin: 2px 0 10px;

    color: var(--mp-muted);

    font-size: 11px;
    font-weight: 750;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.kpi-content strong {
    display: block;

    color: var(--mp-text);

    font-size: clamp(26px, 2vw, 34px);
    line-height: 1.05;

    font-weight: 800;
    letter-spacing: -1px;
}

.kpi-content small {
    display: block;

    margin-top: 11px;

    color: #929aab;

    font-size: 11px;
    line-height: 1.35;
}


/* Индивидуальный характер четырёх KPI */

.kpi-sales {
    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f0f4ff 100%
        );

    border-color: #dce5ff;
}

.kpi-sales .kpi-icon {
    background: #e6edff;
    color: #3568f5;
}


.kpi-profit {
    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #edf9f4 100%
        );

    border-color: #d7eee3;
}

.kpi-profit .kpi-icon {
    background: #dff6eb;
    color: #159765;
}


.kpi-orders {
    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f7f2ff 100%
        );

    border-color: #e8def9;
}

.kpi-orders .kpi-icon {
    background: #f0e8ff;
    color: #8452d6;
}


.kpi-drr {
    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fff7eb 100%
        );

    border-color: #f3e3c8;
}

.kpi-drr .kpi-icon {
    background: #fff0da;
    color: #df8a19;
}


/* Вторая линия экономики */

.economy-strip {
    display: grid;
    grid-template-columns:
        repeat(6, minmax(0, 1fr));

    margin-bottom: 22px;

    overflow: hidden;

    border: 1px solid var(--mp-border);
    border-radius: 16px;

    background:
        linear-gradient(
            180deg,
            #ffffff,
            #fbfcff
        );

    box-shadow:
        0 7px 22px rgba(28, 43, 76, .035);
}

.economy-item {
    min-width: 0;

    padding: 15px 17px;

    border-right:
        1px solid var(--mp-border);
}

.economy-item:last-child {
    border-right: 0;
}

.economy-item > span {
    display: block;

    min-height: 28px;

    margin-bottom: 6px;

    color: var(--mp-muted);

    font-size: 10px;
    line-height: 1.25;

    font-weight: 700;
    letter-spacing: .025em;
    text-transform: uppercase;
}

.economy-item strong {
    display: block;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    color: var(--mp-text);

    font-size: 19px;
    font-weight: 760;
    letter-spacing: -.4px;
}

.economy-item small {
    display: block;

    margin-top: 4px;

    color: #969ead;

    font-size: 9px;
    line-height: 1.25;
}


/* Старый metrics-grid теперь нужен только во внутренних блоках */

.analytics-expenses .metrics-grid,
.analytics-advertising .metrics-grid {
    grid-template-columns:
        repeat(3, minmax(0, 1fr));
}


/* Responsive */

@media (max-width: 1280px) {

    .kpi-primary-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .economy-strip {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    .economy-item:nth-child(3n) {
        border-right: 0;
    }

    .economy-item:nth-child(-n+3) {
        border-bottom:
            1px solid var(--mp-border);
    }
}


@media (max-width: 720px) {

    .kpi-primary-grid {
        grid-template-columns: 1fr;
    }

    .economy-strip {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .economy-item {
        border-right:
            1px solid var(--mp-border);
        border-bottom:
            1px solid var(--mp-border);
    }

    .economy-item:nth-child(2n) {
        border-right: 0;
    }

    .economy-item:nth-last-child(-n+2) {
        border-bottom: 0;
    }
}


/* MP DIRECTOR MONEY FLOW v1 */

.money-flow-card {
    position: relative;
    overflow: hidden;

    margin-top: 18px;
    margin-bottom: 18px;

    padding: 24px 26px !important;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(50, 104, 245, .07),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #ffffff,
            #fbfcff
        ) !important;
}

.money-flow-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;

    margin-bottom: 18px;
}

.section-eyebrow {
    display: block;

    margin-bottom: 5px;

    color: #4770df;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.money-flow-head h3 {
    margin: 0;

    color: var(--mp-text);

    font-size: 19px;
    font-weight: 800;
    letter-spacing: -.35px;
}

.money-flow-head p {
    margin: 5px 0 0;

    color: var(--mp-muted);

    font-size: 11px;
}


.money-flow-list {
    overflow: hidden;

    border: 1px solid var(--mp-border);
    border-radius: 14px;

    background: rgba(255,255,255,.82);
}

.money-flow-row {
    position: relative;

    min-height: 48px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    padding: 11px 15px;

    border-bottom:
        1px solid #eef0f5;

    transition:
        background .15s ease;
}

.money-flow-row:last-child {
    border-bottom: 0;
}

.money-flow-row:hover {
    background: #fafbfe;
}

.money-flow-label {
    min-width: 0;

    display: flex;
    align-items: center;
    gap: 10px;

    color: #536075;

    font-size: 12px;
    font-weight: 600;
}

.money-flow-row strong {
    flex: 0 0 auto;

    color: #263248;

    font-size: 14px;
    font-weight: 750;

    font-variant-numeric:
        tabular-nums;
}


.money-dot {
    width: 8px;
    height: 8px;

    flex: 0 0 8px;

    border-radius: 50%;

    background: #96a1b4;
}

.money-dot.sales {
    background: #18a66c;
}

.money-dot.commission {
    background: #e35c68;
}

.money-dot.delivery {
    background: #f19b3c;
}

.money-dot.advertising {
    background: #765ee8;
}

.money-dot.partner {
    background: #6d89c9;
}

.money-dot.fbo {
    background: #4d8ecf;
}

.money-dot.other {
    background: #8b95a8;
}

.money-dot.returns {
    background: #e77a96;
}

.money-dot.cogs {
    background: #58677d;
}


/* Верхняя строка продаж */

.money-flow-row.money-income {
    min-height: 55px;

    background:
        linear-gradient(
            90deg,
            rgba(22, 163, 106, .075),
            rgba(22, 163, 106, .018)
        );
}

.money-flow-row.money-income
.money-flow-label {
    color: #237756;
    font-weight: 750;
}

.money-flow-row.money-income strong {
    color: #12865a;
    font-size: 16px;
}


/* Итоговая прибыль */

.money-flow-result {
    margin-top: 14px;

    min-height: 76px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    padding: 17px 19px;

    border: 1px solid #cae9da;
    border-radius: 14px;

    background:
        linear-gradient(
            120deg,
            #edf9f3,
            #e3f7ed
        );
}

.money-flow-result > div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.money-flow-result span {
    color: #245b46;

    font-size: 13px;
    font-weight: 800;
}

.money-flow-result small {
    color: #6f8f80;

    font-size: 10px;
}

.money-flow-result strong {
    color: #118154;

    font-size: 26px;
    font-weight: 850;
    letter-spacing: -.7px;

    font-variant-numeric:
        tabular-nums;
}


/* Числа расходов делаем спокойнее */

#metricCommission,
#metricDelivery,
#metricPartnerServices,
#metricFbo,
#metricOther,
#metricReturns,
#moneyAdvertising,
#moneyCogs {
    color: #ba4753;
}


/* Mobile */

@media (max-width: 720px) {

    .money-flow-card {
        padding: 18px !important;
    }

    .money-flow-row {
        gap: 10px;
        padding:
            11px 12px;
    }

    .money-flow-label {
        font-size: 11px;
    }

    .money-flow-row strong {
        font-size: 12px;
    }

    .money-flow-result strong {
        font-size: 22px;
    }
}


/* MP DIRECTOR ECONOMY + ADS v1 */

.economy-ad-grid {
    display: grid;
    grid-template-columns:
        minmax(0, 1.9fr)
        minmax(330px, 1fr);

    gap: 16px;

    margin-top: 18px;
    margin-bottom: 20px;

    align-items: stretch;
}


/* Экономика внутри общего ряда */

.economy-ad-grid .money-flow-card {
    margin: 0;
    height: 100%;
}


/* Реклама справа */

.economy-ad-grid .analytics-advertising {
    margin: 0;

    height: 100%;

    padding: 23px !important;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(77, 111, 255, .10),
            transparent 33%
        ),
        linear-gradient(
            180deg,
            #ffffff,
            #fafbff
        );
}

.economy-ad-grid
.analytics-advertising h3 {
    margin: 0 0 5px;

    font-size: 19px;
    font-weight: 800;
    letter-spacing: -.35px;
}

.economy-ad-grid
#advertisingStatus {
    min-height: 34px;

    margin: 0 0 16px;

    color: var(--mp-muted);

    font-size: 10px;
    line-height: 1.4;
}


/* Внутри рекламы карточки компактнее */

.economy-ad-grid
.analytics-advertising
.metrics-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 10px;

    margin: 0;
}

.economy-ad-grid
.analytics-advertising
.metric-card {
    min-height: 100px;

    padding: 14px;

    border-radius: 13px;

    background:
        rgba(255, 255, 255, .82);

    box-shadow: none;
}

.economy-ad-grid
.analytics-advertising
.metric-card:hover {
    transform: none;

    box-shadow:
        0 7px 18px rgba(30, 46, 81, .05);
}

.economy-ad-grid
.analytics-advertising
.metric-card span {
    min-height: 25px;

    margin-bottom: 8px;

    font-size: 9px;
    line-height: 1.25;
}

.economy-ad-grid
.analytics-advertising
.metric-card strong {
    font-size: 19px;
    letter-spacing: -.35px;
}


/* Общий расход выделяем */

.economy-ad-grid
.analytics-advertising
.metric-card:has(#metricAdTotal) {
    border-color: #d9e2ff;

    background:
        linear-gradient(
            145deg,
            #f5f7ff,
            #edf2ff
        );
}

.economy-ad-grid
.analytics-advertising
.metric-card:has(#metricAdTotal)
strong {
    color: #315edc;
}


/* Оплата за заказ — общий показатель */

.economy-ad-grid
.analytics-advertising
.metric-card:has(#metricAdOrderTotal) {
    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f5f7fc
        );
}


/* Responsive */

@media (max-width: 1180px) {

    .economy-ad-grid {
        grid-template-columns: 1fr;
    }

    .economy-ad-grid
    .analytics-advertising
    .metrics-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }
}


@media (max-width: 720px) {

    .economy-ad-grid
    .analytics-advertising
    .metrics-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 440px) {

    .economy-ad-grid
    .analytics-advertising
    .metrics-grid {
        grid-template-columns: 1fr;
    }
}


/* MP DIRECTOR TREND CHART v1 */

.trend-card {
    position: relative;
    overflow: hidden;

    margin: 0 0 18px;
    padding: 24px 26px 20px !important;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(61, 104, 245, .065),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #ffffff,
            #fbfcff
        ) !important;
}

.trend-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;

    margin-bottom: 22px;
}

.trend-card-head h3 {
    margin: 0;

    color: var(--mp-text);

    font-size: 19px;
    font-weight: 800;
    letter-spacing: -.4px;
}

.trend-card-head p {
    margin: 5px 0 0;

    color: var(--mp-muted);

    font-size: 11px;
}

.trend-legend {
    display: flex;
    align-items: center;
    gap: 18px;

    padding-top: 7px;

    color: #687489;

    font-size: 11px;
    font-weight: 650;
}

.trend-legend > span {
    display: flex;
    align-items: center;
    gap: 7px;
}

.trend-dot {
    width: 9px;
    height: 9px;

    display: inline-block;

    border-radius: 50%;
}

.trend-dot.sales {
    background: #426df4;
}

.trend-dot.profit {
    background: #18a66c;
}


/* Область графика */

.trend-chart-wrap {
    position: relative;

    width: 100%;
    height: 300px;

    overflow: hidden;

    border: 1px solid #edf0f5;
    border-radius: 15px;

    background:
        linear-gradient(
            180deg,
            rgba(248,250,255,.7),
            rgba(255,255,255,.96)
        );
}

.trend-chart {
    display: block;

    width: 100%;
    height: 100%;
}


/* SVG elements создаются через JS */

.trend-grid-line {
    stroke: #e8ecf3;
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}

.trend-axis-label {
    fill: #919aaa;

    font-size: 10px;
    font-family:
        Arial,
        sans-serif;
}

.trend-line-sales {
    fill: none;
    stroke: #426df4;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.trend-line-profit {
    fill: none;
    stroke: #18a66c;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.trend-area-sales {
    fill: url(#salesAreaGradient);
}

.trend-area-profit {
    fill: url(#profitAreaGradient);
}

.trend-point-sales {
    fill: #ffffff;
    stroke: #426df4;
    stroke-width: 2;
    vector-effect: non-scaling-stroke;
}

.trend-point-profit {
    fill: #ffffff;
    stroke: #18a66c;
    stroke-width: 2;
    vector-effect: non-scaling-stroke;
}


/* Tooltip */

.trend-tooltip-bg {
    fill: #172033;
}

.trend-tooltip-date {
    fill: #aeb8ca;

    font-size: 9px;
    font-family: Arial, sans-serif;
}

.trend-tooltip-sales {
    fill: #ffffff;

    font-size: 11px;
    font-weight: 700;
    font-family: Arial, sans-serif;
}

.trend-tooltip-profit {
    fill: #80dfb2;

    font-size: 11px;
    font-weight: 700;
    font-family: Arial, sans-serif;
}


.trend-chart-empty {
    position: absolute;
    inset: 0;

    display: grid;
    place-items: center;

    color: var(--mp-muted);

    font-size: 12px;
}


/* Responsive */

@media (max-width: 820px) {

    .trend-card {
        padding: 19px !important;
    }

    .trend-card-head {
        flex-direction: column;
        gap: 8px;

        margin-bottom: 16px;
    }

    .trend-legend {
        padding-top: 0;
    }

    .trend-chart-wrap {
        height: 250px;
    }
}


@media (max-width: 520px) {

    .trend-chart-wrap {
        height: 220px;
    }

    .trend-legend {
        gap: 12px;
    }
}


/* MP DIRECTOR PRODUCTS v1 */

.products-section {
    display: block;
}

.products-section[hidden] {
    display: none !important;
}


/* Header */

.page-section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;

    margin-bottom: 20px;
}

.page-section-head h2 {
    margin: 2px 0 4px;

    color: var(--mp-text);

    font-size: 28px;
    font-weight: 800;
    letter-spacing: -.7px;
}

.page-section-head p {
    margin: 0;

    color: var(--mp-muted);

    font-size: 12px;
}

.products-toolbar {
    display: flex;
    align-items: center;
    gap: 10px;
}

.products-toolbar input,
.products-toolbar select {
    height: 42px;

    border: 1px solid #e1e6ef;
    border-radius: 12px;

    background: #ffffff;

    color: var(--mp-text);

    font-size: 12px;
}

.products-toolbar input {
    width: 260px;

    padding: 0 14px;
}

.products-toolbar select {
    min-width: 165px;

    padding: 0 12px;
}


/* KPI */

.products-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;

    margin-bottom: 18px;
}

.product-kpi-card {
    min-height: 126px;

    padding: 20px;

    border: 1px solid #e6eaf1;
    border-radius: 18px;

    background: #ffffff;
}

.product-kpi-card > span {
    display: block;

    margin-bottom: 8px;

    color: #788398;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: .3px;
    text-transform: uppercase;
}

.product-kpi-card strong {
    display: block;

    margin-bottom: 8px;

    color: var(--mp-text);

    font-size: 24px;
    font-weight: 800;
    letter-spacing: -.5px;
}

.product-kpi-card small {
    display: block;

    color: var(--mp-muted);

    font-size: 10px;
    line-height: 1.35;
}

.product-kpi-card.blue {
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f2f6ff 100%
        );

    border-color: #dce6ff;
}

.product-kpi-card.green {
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #eefaf5 100%
        );

    border-color: #d8efe4;
}

.product-kpi-card.orange {
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fff7ed 100%
        );

    border-color: #f3dfc3;
}

.product-kpi-card.purple {
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f7f2ff 100%
        );

    border-color: #e7dcfb;
}


/* Insight blocks */

.products-insights-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;

    margin-bottom: 18px;
}

.products-insight-card,
.products-table-card {
    padding: 22px !important;
}

.products-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;

    margin-bottom: 16px;
}

.products-card-head h3 {
    margin: 2px 0 0;

    color: var(--mp-text);

    font-size: 18px;
    font-weight: 800;
    letter-spacing: -.35px;
}

.products-card-note {
    display: inline-flex;
    align-items: center;

    min-height: 28px;

    padding: 0 10px;

    border-radius: 999px;

    background: #f3f6fa;

    color: #7a8597;

    font-size: 10px;
    font-weight: 700;
}

.section-eyebrow.warning {
    color: #d97706;
}

.products-ranking {
    display: grid;
    gap: 8px;
}

.products-placeholder-row {
    min-height: 118px;

    display: grid;
    place-items: center;

    border: 1px dashed #dfe4ec;
    border-radius: 14px;

    background: #fafbfc;

    color: #9aa3b1;

    font-size: 11px;
}


/* Table */

.products-table-card {
    overflow: hidden;
}

.products-table-wrap {
    overflow-x: auto;

    border: 1px solid #e8ecf2;
    border-radius: 14px;
}

.products-table {
    width: 100%;
    min-width: 1120px;

    border-collapse: collapse;

    background: #ffffff;
}

.products-table thead th {
    position: sticky;
    top: 0;
    z-index: 2;

    padding: 13px 12px;

    border-bottom: 1px solid #e8ecf2;

    background: #f8fafc;

    color: #7a8496;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: .25px;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

.products-table tbody td {
    padding: 14px 12px;

    border-bottom: 1px solid #eef1f5;

    color: #273247;

    font-size: 11px;
    vertical-align: middle;
}

.products-table tbody tr:last-child td {
    border-bottom: 0;
}

.products-table tbody tr:hover td {
    background: #fafcff;
}

.products-table-empty {
    height: 150px;

    color: #9aa3b1 !important;

    text-align: center;
}


/* Future populated rows */

.product-cell {
    display: flex;
    align-items: center;
    gap: 10px;

    min-width: 220px;
}

.product-cell-image {
    width: 42px;
    height: 42px;

    flex: 0 0 42px;

    overflow: hidden;

    border: 1px solid #e8ecf2;
    border-radius: 10px;

    background: #f5f7fa;
}

.product-cell-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;
}

.product-cell-info strong {
    display: block;

    margin-bottom: 3px;

    color: var(--mp-text);

    font-size: 11px;
    font-weight: 700;
}

.product-cell-info small {
    color: #929bad;

    font-size: 9px;
}

.product-status {
    display: inline-flex;
    align-items: center;

    padding: 5px 8px;

    border-radius: 999px;

    font-size: 9px;
    font-weight: 700;
    white-space: nowrap;
}

.product-status.good {
    background: #e9f8f1;
    color: #16875d;
}

.product-status.warning {
    background: #fff3df;
    color: #b76b00;
}

.product-status.danger {
    background: #fdebec;
    color: #c6424b;
}

.product-status.neutral {
    background: #f0f2f5;
    color: #6f7887;
}


/* Responsive */

@media (max-width: 1180px) {

    .products-kpi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {

    .page-section-head {
        align-items: stretch;
        flex-direction: column;
    }

    .products-toolbar {
        width: 100%;
    }

    .products-toolbar input {
        width: 100%;
    }

    .products-insights-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {

    .products-kpi-grid {
        grid-template-columns: 1fr;
    }

    .products-toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    .products-toolbar select {
        width: 100%;
    }

    .products-insight-card,
    .products-table-card {
        padding: 16px !important;
    }
}


/* MP DIRECTOR PRODUCTS POLISH v2 */


/* Ranking */

.products-ranking {
    gap: 0;
}

.products-ranking-row {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;

    min-height: 58px;

    padding: 9px 4px;

    border-bottom: 1px solid #edf0f4;
}

.products-ranking-row:last-child {
    border-bottom: 0;
}

.products-ranking-index {
    width: 24px;
    height: 24px;

    display: grid;
    place-items: center;

    border-radius: 8px;

    background: #f3f6fb;

    color: #70809a;

    font-size: 10px;
    font-weight: 800;
}

.products-ranking-info {
    min-width: 0;
}

.products-ranking-info strong {
    display: block;

    overflow: hidden;

    color: #1d293d;

    font-size: 11px;
    font-weight: 750;
    line-height: 1.3;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.products-ranking-info small {
    display: block;

    margin-top: 3px;

    color: #929cad;

    font-size: 9px;
}

.products-ranking-value {
    min-width: 82px;

    text-align: right;
}

.products-ranking-value > strong {
    display: block;

    color: #172238;

    font-size: 11px;
    font-weight: 800;
}

.products-ranking-value > small {
    display: block;

    margin-top: 3px;

    color: #7f8999;

    font-size: 9px;
}


/* Более компактная таблица */

.products-table {
    min-width: 900px;
}

.products-table thead th:first-child {
    width: 35%;
}

.products-table tbody td {
    padding-top: 12px;
    padding-bottom: 12px;
}

.product-cell {
    min-width: 250px;
}

.product-cell-info strong {
    max-width: 330px;

    overflow: hidden;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-stock-days {
    margin-top: 3px;

    color: #8a95a6;

    font-size: 9px;
}


/* Числовые столбцы не прыгают */

.products-table th:not(:first-child),
.products-table td:not(:first-child) {
    white-space: nowrap;
}


/* Чуть аккуратнее KPI */

.product-kpi-card strong {
    line-height: 1.05;
}

#productsKpiTopProfitName {
    max-width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;
    white-space: nowrap;
}



/* MP DIRECTOR PRODUCTS IMAGES + PERIOD v3 */

.products-toolbar {
    flex-wrap: wrap;
    justify-content: flex-end;
}

#productsPeriodSelect {
    min-width: 135px;
}

.products-custom-period {
    display: flex;
    align-items: center;
    gap: 7px;
}

.products-custom-period[hidden] {
    display: none !important;
}

.products-custom-period input {
    width: 138px;
}

.products-custom-period span {
    color: #9aa3b1;
}

.products-custom-period button {
    height: 42px;

    padding: 0 14px;

    border: 0;
    border-radius: 11px;

    background: #426df4;

    color: #ffffff;

    font-size: 11px;
    font-weight: 700;

    cursor: pointer;
}


/* Реальные изображения */

.product-thumb {
    width: 44px;
    height: 44px;

    flex: 0 0 44px;

    display: grid;
    place-items: center;

    overflow: hidden;

    border: 1px solid #e6eaf0;
    border-radius: 10px;

    background: #ffffff;
}

.product-thumb img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: contain;
}

.product-thumb-fallback {
    background: #f3f6fb;

    color: #738099;

    font-size: 15px;
    font-weight: 800;
}


/* Ranking теперь содержит фото */

.products-ranking-row {
    grid-template-columns:
        26px
        44px
        minmax(0, 1fr)
        auto;
}


/* Старый контейнер больше не нужен */

.product-cell-image {
    display: none;
}


@media (max-width: 900px) {

    .products-toolbar {
        justify-content: flex-start;
    }

    .products-custom-period {
        width: 100%;
        flex-wrap: wrap;
    }
}



/* MP DIRECTOR ORDERED TODAY v1 */

.ordered-today-card {
    margin-bottom: 18px;

    padding: 22px !important;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(66, 109, 244, .055),
            transparent 30%
        ),
        #ffffff !important;
}

.ordered-today-subtitle {
    margin: 4px 0 0;

    color: #8b95a7;

    font-size: 10px;
}

.ordered-today-summary {
    display: inline-flex;
    align-items: center;

    min-height: 32px;

    padding: 0 12px;

    border-radius: 999px;

    background: #eef3ff;

    color: #4164c9;

    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}


.ordered-today-grid {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 10px;
}


.ordered-today-item {
    display: grid;
    grid-template-columns:
        44px
        minmax(0, 1fr)
        auto;
    align-items: center;
    gap: 11px;

    min-height: 76px;

    padding: 10px 12px;

    border: 1px solid #e8ecf3;
    border-radius: 14px;

    background: #fbfcfe;
}


.ordered-today-info {
    min-width: 0;
}

.ordered-today-info strong {
    display: block;

    overflow: hidden;

    color: #1d293d;

    font-size: 10px;
    font-weight: 750;
    line-height: 1.3;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.ordered-today-info small {
    display: block;

    margin-top: 4px;

    color: #98a1b0;

    font-size: 8px;
}


.ordered-today-metrics {
    min-width: 88px;

    text-align: right;
}

.ordered-today-units {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    gap: 3px;
}

.ordered-today-units strong {
    color: #172238;

    font-size: 19px;
    font-weight: 850;
}

.ordered-today-units span {
    color: #788398;

    font-size: 9px;
    font-weight: 700;
}


.ordered-today-secondary {
    display: flex;
    flex-direction: column;
    gap: 2px;

    margin-top: 3px;
}

.ordered-today-secondary span {
    color: #929cad;

    font-size: 8px;
}

.ordered-today-secondary strong {
    color: #5b6679;

    font-size: 9px;
    font-weight: 700;
}


@media (max-width: 1180px) {

    .ordered-today-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 700px) {

    .ordered-today-grid {
        grid-template-columns: 1fr;
    }

    .ordered-today-summary {
        white-space: normal;
    }
}



/* MP DIRECTOR ADVERTISING PAGE v1 */

.advertising-page-section {
    display: block;
}

.advertising-page-section[hidden] {
    display: none !important;
}


/* Toolbar */

.advertising-toolbar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;

    flex-wrap: wrap;
}

.advertising-toolbar select,
.advertising-toolbar input {
    height: 42px;

    border: 1px solid #e1e6ef;
    border-radius: 12px;

    background: #ffffff;

    color: var(--mp-text);

    font-size: 12px;
}

.advertising-toolbar select {
    min-width: 145px;
    padding: 0 12px;
}

.advertising-toolbar input {
    width: 138px;
    padding: 0 10px;
}

.advertising-custom-period {
    display: flex;
    align-items: center;
    gap: 7px;
}

.advertising-custom-period[hidden] {
    display: none !important;
}

.advertising-custom-period span {
    color: #99a2b1;
}

.advertising-custom-period button {
    height: 42px;

    padding: 0 14px;

    border: 0;
    border-radius: 11px;

    background: #426df4;

    color: #ffffff;

    font-size: 11px;
    font-weight: 700;

    cursor: pointer;
}


/* KPI */

.advertising-kpi-grid {
    display: grid;
    grid-template-columns:
        repeat(5, minmax(0, 1fr));

    gap: 14px;

    margin-bottom: 18px;
}

.advertising-kpi-card {
    min-height: 126px;

    padding: 20px;

    border: 1px solid #e6eaf1;
    border-radius: 18px;

    background: #ffffff;
}

.advertising-kpi-card > span {
    display: block;

    margin-bottom: 8px;

    color: #788398;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: .3px;
    text-transform: uppercase;
}

.advertising-kpi-card strong {
    display: block;

    margin-bottom: 8px;

    color: var(--mp-text);

    font-size: 24px;
    font-weight: 800;
    letter-spacing: -.5px;
    line-height: 1.05;
}

.advertising-kpi-card small {
    color: var(--mp-muted);

    font-size: 10px;
}

.advertising-kpi-card.blue {
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f2f6ff 100%
        );

    border-color: #dce6ff;
}

.advertising-kpi-card.orange {
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fff7ed 100%
        );

    border-color: #f3dfc3;
}

.advertising-kpi-card.purple {
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f7f2ff 100%
        );

    border-color: #e7dcfb;
}

.advertising-kpi-card.green {
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #eefaf5 100%
        );

    border-color: #d8efe4;
}

.advertising-kpi-card.external {
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fff5f1 100%
        );

    border-color: #f1ddd5;
}


/* Main row */

.advertising-main-grid {
    display: grid;
    grid-template-columns:
        minmax(0, 1.7fr)
        minmax(300px, .8fr);

    gap: 16px;

    margin-bottom: 18px;
}

.advertising-structure-card,
.advertising-health-card,
.advertising-trend-card,
.advertising-campaigns-card {
    padding: 22px !important;
}


/* Spend structure */

.advertising-spend-list {
    display: grid;
    gap: 0;
}

.advertising-spend-row {
    min-height: 52px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    border-bottom: 1px solid #edf0f4;
}

.advertising-spend-row:last-child {
    border-bottom: 0;
}

.advertising-spend-row > div {
    display: flex;
    align-items: center;
    gap: 9px;

    color: #667187;

    font-size: 11px;
}

.advertising-spend-row strong {
    color: #1b2639;

    font-size: 12px;
    font-weight: 800;
}

.advertising-spend-dot {
    width: 9px;
    height: 9px;

    flex: 0 0 9px;

    border-radius: 50%;
}

.advertising-spend-dot.clicks {
    background: #426df4;
}

.advertising-spend-dot.selected {
    background: #18a66c;
}

.advertising-spend-dot.all {
    background: #8b5cf6;
}

.advertising-spend-dot.external {
    background: #f59e0b;
}


/* Health */

.advertising-health-content {
    display: grid;
    gap: 12px;
}

.advertising-health-big {
    padding: 18px;

    border: 1px solid #e6ebf2;
    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            #f7f9ff,
            #ffffff
        );
}

.advertising-health-big span {
    display: block;

    margin-bottom: 5px;

    color: #8490a3;

    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
}

.advertising-health-big strong {
    color: #18243a;

    font-size: 30px;
    font-weight: 850;
    letter-spacing: -.8px;
}

.advertising-health-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

    min-height: 42px;

    padding: 0 4px;

    border-bottom: 1px solid #edf0f4;
}

.advertising-health-meta:last-child {
    border-bottom: 0;
}

.advertising-health-meta span {
    color: #7b8597;

    font-size: 10px;
}

.advertising-health-meta strong {
    color: #1d293d;

    font-size: 11px;
    font-weight: 800;
}


/* Trend */

.advertising-trend-card {
    margin-bottom: 18px;
}

.advertising-chart-placeholder {
    min-height: 240px;

    display: grid;
    place-items: center;

    border: 1px dashed #dfe4ec;
    border-radius: 15px;

    background:
        linear-gradient(
            180deg,
            #fafcff,
            #ffffff
        );

    color: #9aa3b1;

    font-size: 11px;
}


/* Campaigns */

.advertising-table-wrap {
    overflow-x: auto;

    border: 1px solid #e8ecf2;
    border-radius: 14px;
}

.advertising-table {
    width: 100%;
    min-width: 760px;

    border-collapse: collapse;

    background: #ffffff;
}

.advertising-table thead th {
    padding: 13px 14px;

    border-bottom: 1px solid #e8ecf2;

    background: #f8fafc;

    color: #7a8496;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: .25px;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

.advertising-table tbody td {
    padding: 13px 14px;

    border-bottom: 1px solid #eef1f5;

    color: #273247;

    font-size: 11px;
}

.advertising-table tbody tr:last-child td {
    border-bottom: 0;
}

.advertising-table tbody tr:hover td {
    background: #fafcff;
}


/* Responsive */

@media (max-width: 1180px) {

    .advertising-kpi-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    .advertising-main-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {

    .advertising-kpi-grid {
        grid-template-columns: 1fr;
    }

    .advertising-toolbar {
        justify-content: flex-start;
        width: 100%;
    }

    .advertising-custom-period {
        width: 100%;
        flex-wrap: wrap;
    }

    .advertising-structure-card,
    .advertising-health-card,
    .advertising-trend-card,
    .advertising-campaigns-card {
        padding: 16px !important;
    }
}



/* ADVERTISING KPI COMPARISON */

.advertising-kpi-change {
    display: block;

    margin-top: 5px;

    color: #929cac;

    font-size: 9px;
    font-weight: 600;
    line-height: 1.25;
}



/* ADVERTISING PRODUCTS v1 */

.advertising-products-card {
    margin-top: 18px;
    padding: 22px !important;
}

.advertising-products-description {
    margin: 4px 0 0;

    color: #8b95a5;

    font-size: 10px;
    line-height: 1.4;
}


.advertising-products-summary {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 12px;

    margin-bottom: 14px;
}

.advertising-products-summary-item {
    padding: 14px 16px;

    border: 1px solid #e7ebf1;
    border-radius: 13px;

    background: #fafbfd;
}

.advertising-products-summary-item span {
    display: block;

    margin-bottom: 5px;

    color: #8893a4;

    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
}

.advertising-products-summary-item strong {
    color: #1d293d;

    font-size: 17px;
    font-weight: 800;
}


.advertising-products-coverage {
    margin-bottom: 12px;
    padding: 11px 13px;

    border: 1px solid #eadfbf;
    border-radius: 11px;

    background: #fffaf0;

    color: #7d6842;

    font-size: 10px;
    line-height: 1.45;
}

.advertising-products-coverage[hidden] {
    display: none !important;
}


.advertising-products-note {
    margin-bottom: 14px;

    color: #8b95a5;

    font-size: 9px;
    line-height: 1.45;
}


.advertising-products-table {
    min-width: 1050px;
}


.advertising-product-cell {
    min-width: 310px;

    display: flex;
    align-items: center;
    gap: 11px;
}


.advertising-product-cell .product-thumb {
    width: 42px;
    height: 42px;

    flex: 0 0 42px;

    border-radius: 9px;
}


.advertising-product-info {
    min-width: 0;

    display: flex;
    flex-direction: column;
    gap: 3px;
}


.advertising-product-info strong {
    max-width: 330px;

    overflow: hidden;

    color: #263249;

    font-size: 11px;
    font-weight: 700;

    text-overflow: ellipsis;
    white-space: nowrap;
}


.advertising-product-info span {
    color: #9aa3b1;

    font-size: 9px;
}


@media (max-width: 900px) {

    .advertising-products-summary {
        grid-template-columns: 1fr;
    }

}



/* MP DIRECTOR FINANCE PAGE v1 */

.finance-section {
    display: block;
}

.finance-section[hidden] {
    display: none !important;
}


/* Header payouts */

.finance-payouts-head {
    margin-bottom: 14px;
}

.finance-payouts-head h3 {
    margin: 3px 0 4px;

    color: #1e293b;

    font-size: 18px;
    font-weight: 800;
}

.finance-payouts-head p {
    margin: 0;

    color: #8b95a5;

    font-size: 10px;
}


/* 4 payout tiles */

.finance-payout-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 14px;

    margin-bottom: 20px;
}

.finance-payout-card {
    min-height: 132px;

    padding: 20px;

    border: 1px solid #e5eaf1;
    border-radius: 18px;

    background: #ffffff;
}

.finance-payout-card > span {
    display: block;

    margin-bottom: 9px;

    color: #7c8799;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: .3px;
    text-transform: uppercase;
}

.finance-payout-card strong {
    display: block;

    margin-bottom: 9px;

    color: #172238;

    font-size: 25px;
    font-weight: 850;
    letter-spacing: -.6px;
    line-height: 1.05;
}

.finance-payout-card small {
    color: #929cac;

    font-size: 9px;
    line-height: 1.35;
}


/* Individual tiles */

.finance-payout-card.year {
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f2f6ff 100%
        );

    border-color: #dce6ff;
}

.finance-payout-card.previous {
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f7f2ff 100%
        );

    border-color: #e7dcfb;
}

.finance-payout-card.current {
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #eefaf5 100%
        );

    border-color: #d8efe4;
}

.finance-payout-card.awaiting {
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fff7ed 100%
        );

    border-color: #f3dfc3;
}


/* Future finance content */

.finance-content-placeholder {
    min-height: 180px;

    padding: 24px;

    border: 1px dashed #dfe4ec;
    border-radius: 16px;

    background:
        linear-gradient(
            180deg,
            #fafcff,
            #ffffff
        );
}

.finance-content-placeholder h3 {
    margin: 4px 0 6px;

    color: #263249;

    font-size: 17px;
    font-weight: 800;
}

.finance-content-placeholder p {
    margin: 0;

    color: #8b95a5;

    font-size: 10px;
    line-height: 1.5;
}


/* Responsive */

@media (max-width: 1180px) {

    .finance-payout-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {

    .finance-payout-grid {
        grid-template-columns: 1fr;
    }
}



/* MP DIRECTOR FINANCE KPI BLOCKS v1 */

.finance-analytics-block {
    margin-top: 28px;
}

.finance-kpi-grid {
    display: grid;
    gap: 16px;
}

.finance-kpi-grid-two {
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
}

.finance-kpi-grid-three {
    grid-template-columns:
        repeat(3, minmax(0, 1fr));
}

.finance-kpi-card {
    min-height: 132px;
    padding: 20px 22px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 18px;
    background:
        linear-gradient(
            145deg,
            rgba(30, 41, 59, 0.96),
            rgba(15, 23, 42, 0.96)
        );
    box-shadow:
        0 12px 34px rgba(0, 0, 0, 0.16);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.finance-kpi-card span {
    color: #94a3b8;
    font-size: 13px;
    font-weight: 600;
}

.finance-kpi-card strong {
    display: block;
    margin: 12px 0 8px;
    font-size: 28px;
    line-height: 1.1;
    letter-spacing: -0.03em;
    color: #f8fafc;
}

.finance-kpi-card small {
    color: #64748b;
    font-size: 12px;
    line-height: 1.4;
}

.finance-kpi-profit {
    background:
        linear-gradient(
            145deg,
            rgba(6, 78, 59, 0.96),
            rgba(6, 48, 42, 0.96)
        );
}

.finance-kpi-margin {
    background:
        linear-gradient(
            145deg,
            rgba(30, 64, 175, 0.96),
            rgba(30, 41, 90, 0.96)
        );
}

@media (max-width: 1180px) {

    .finance-kpi-grid-three {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {

    .finance-kpi-grid-two,
    .finance-kpi-grid-three {
        grid-template-columns: 1fr;
    }

    .finance-kpi-card strong {
        font-size: 25px;
    }
}



/* MP DIRECTOR FINANCE MINI v1 */

.finance-mini-block {
    margin-top: 28px;
}

.finance-mini-grid {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.finance-mini-card {
    min-height: 88px;
    padding: 15px 17px;
    border-radius: 14px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    background: rgba(255, 255, 255, 0.72);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.finance-mini-card span {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
}

.finance-mini-card strong {
    margin-top: 10px;
    color: #172033;
    font-size: 21px;
    line-height: 1.1;
    letter-spacing: -0.025em;
}

.finance-mini-total {
    background:
        linear-gradient(
            145deg,
            rgba(255, 247, 237, 0.96),
            rgba(255, 255, 255, 0.92)
        );
    border-color: rgba(245, 158, 11, 0.20);
}

.finance-mini-result {
    background:
        linear-gradient(
            145deg,
            rgba(239, 246, 255, 0.98),
            rgba(255, 255, 255, 0.92)
        );
    border-color: rgba(59, 130, 246, 0.20);
}

@media (max-width: 1100px) {

    .finance-mini-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 650px) {

    .finance-mini-grid {
        grid-template-columns: 1fr;
    }
}



/* MP DIRECTOR STOCKS IMAGES v1 */

.stocks-product {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 240px;
}

.stocks-product-image {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px;
    max-width: 56px;
    min-height: 56px;
    max-height: 56px;
    object-fit: contain;
    border-radius: 10px;
    background: #ffffff;
    display: block;
}

.stocks-product-image-placeholder {
    width: 56px;
    height: 56px;
    min-width: 56px;
    border-radius: 10px;
    background: #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
}

.stocks-product strong {
    display: block;
    max-width: 260px;
    font-size: 13px;
    line-height: 1.3;
}

.stocks-product small {
    display: block;
    margin-top: 4px;
    color: #94a3b8;
    font-size: 11px;
}

.stocks-table td {
    vertical-align: middle;
}



/* MP DIRECTOR STOCKS CARDS v1 */

.stocks-section {
    padding-bottom: 36px;
}

.stocks-summary-grid {
    display: grid;
    grid-template-columns:
        repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 20px 0 24px;
}

.stocks-summary-card {
    padding: 18px 20px;
    min-height: 112px;
    border-radius: 18px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.stocks-summary-card span {
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.stocks-summary-card strong {
    margin: 8px 0 4px;
    font-size: 28px;
    line-height: 1;
    color: #172033;
}

.stocks-summary-card small {
    font-size: 12px;
    color: #94a3b8;
}

.stocks-matrix-card {
    padding: 22px;
    border-radius: 20px;
}

.stocks-products-list {
    display: grid;
    gap: 14px;
    margin-top: 18px;
}

.stocks-product-card {
    display: grid;
    grid-template-columns:
        minmax(270px, 330px)
        minmax(0, 1fr);
    gap: 22px;
    padding: 18px;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #ffffff;
}

.stocks-product-side {
    padding-right: 20px;
    border-right: 1px solid #e8edf4;
}

.stocks-product {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    min-width: 0;
}

.stocks-product-image {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px;
    max-width: 64px;
    object-fit: contain;
    border-radius: 12px;
    border: 1px solid #edf0f5;
    background: #ffffff;
}

.stocks-product-image-placeholder {
    width: 64px;
    height: 64px;
    min-width: 64px;
    border-radius: 12px;
    background: #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
}

.stocks-product-info {
    min-width: 0;
}

.stocks-product-info strong {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 14px;
    line-height: 1.35;
    color: #172033;
}

.stocks-product-info small {
    display: block;
    margin-top: 7px;
    font-size: 11px;
    color: #94a3b8;
}

.stocks-product-metrics {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 15px;
    margin-top: 18px;
    padding-top: 15px;
    border-top: 1px solid #edf0f5;
}

.stocks-product-metrics span,
.stocks-cluster-count span {
    display: block;
    margin-bottom: 5px;
    font-size: 11px;
    color: #94a3b8;
}

.stocks-product-metrics > div > strong {
    font-size: 27px;
    line-height: 1;
    color: #172033;
}

.stocks-product-metrics strong small {
    font-size: 12px;
    font-weight: 600;
    color: #94a3b8;
}

.stocks-total-zero {
    color: #dc2626 !important;
}

.stocks-cluster-count {
    text-align: right;
}

.stocks-cluster-count b {
    font-size: 20px;
    color: #334155;
}

.stocks-product-clusters {
    min-width: 0;
}

.stocks-product-clusters-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.stocks-product-clusters-title > span {
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
}

.stocks-product-clusters-title small {
    font-size: 11px;
    color: #94a3b8;
}

.stocks-clusters-grid {
    display: grid;
    grid-template-columns:
        repeat(4, minmax(120px, 1fr));
    gap: 9px;
}

.stocks-cluster-item {
    min-width: 0;
    padding: 10px 11px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid #eef2f7;
}

.stocks-cluster-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

.stocks-cluster-top span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    font-weight: 600;
    color: #64748b;
}

.stocks-cluster-top strong {
    flex: 0 0 auto;
    font-size: 16px;
    line-height: 1;
    color: #172033;
}

.stocks-cluster-bar {
    height: 5px;
    margin-top: 9px;
    overflow: hidden;
    border-radius: 999px;
    background: #e2e8f0;
}

.stocks-cluster-bar i {
    display: block;
    height: 100%;
    max-width: 100%;
    border-radius: inherit;
    background: #4f7df3;
}

.stocks-cluster-item small {
    display: block;
    margin-top: 6px;
    font-size: 10px;
    color: #94a3b8;
}

.stocks-no-stock {
    min-height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed #fecaca;
    border-radius: 12px;
    background: #fff7f7;
    color: #dc2626;
    font-size: 12px;
    font-weight: 700;
}

.stocks-loading,
.stocks-empty {
    padding: 35px;
    text-align: center;
    color: #94a3b8;
}

@media (max-width: 1200px) {

    .stocks-clusters-grid {
        grid-template-columns:
            repeat(3, minmax(120px, 1fr));
    }
}

@media (max-width: 900px) {

    .stocks-summary-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .stocks-product-card {
        grid-template-columns: 1fr;
    }

    .stocks-product-side {
        padding-right: 0;
        padding-bottom: 16px;
        border-right: 0;
        border-bottom: 1px solid #e8edf4;
    }
}

@media (max-width: 650px) {

    .stocks-summary-grid {
        grid-template-columns: 1fr;
    }

    .stocks-clusters-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}



/* MP DIRECTOR STOCKS ZERO CLUSTERS v1 */

.stocks-cluster-item.zero {
    background: #fafafa;
    border-color: #f1f5f9;
    opacity: 0.62;
}

.stocks-cluster-item.zero .stocks-cluster-top strong {
    color: #94a3b8;
}

.stocks-cluster-item.zero .stocks-cluster-top span {
    color: #94a3b8;
}

.stocks-cluster-item.zero small {
    color: #b0bac8;
}

.stocks-cluster-item.zero .stocks-cluster-bar {
    background: #eef2f7;
}



/* MP DIRECTOR STOCKS SUPPLY v3 */

.stocks-clusters-title-left {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.stocks-clusters-title-left > span {
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
}

.stocks-clusters-title-left > small {
    font-size: 10px;
    color: #94a3b8;
}

.stocks-horizon-control {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.stocks-horizon-control > span {
    font-size: 11px;
    font-weight: 600;
    color: #64748b;
    white-space: nowrap;
}

.stocks-horizon-select {
    width: auto;
    min-width: 105px;
    height: 34px;
    padding: 0 10px;
    border: 1px solid #dbe3ee;
    border-radius: 9px;
    background: #fff;
    color: #172033;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.stocks-cluster-sales {
    margin-top: 8px;
    padding-top: 7px;
    border-top: 1px solid #e7edf4;
    font-size: 10px;
    color: #94a3b8;
}

.stocks-cluster-sales b {
    color: #475569;
}

.stocks-supply-recommendation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 7px;
    padding: 7px 8px;
    border-radius: 8px;
}

.stocks-supply-recommendation span {
    font-size: 10px;
    font-weight: 700;
}

.stocks-supply-recommendation strong {
    font-size: 13px;
    white-space: nowrap;
}

.stocks-supply-recommendation.need {
    background: #fff7ed;
}

.stocks-supply-recommendation.need span {
    color: #c2410c;
}

.stocks-supply-recommendation.need strong {
    color: #ea580c;
}

.stocks-supply-recommendation.enough {
    background: #f0fdf4;
}

.stocks-supply-recommendation.enough span {
    color: #15803d;
}

.stocks-supply-recommendation.enough strong {
    color: #16a34a;
}

.stocks-cluster-item.zero
.stocks-supply-recommendation.need {
    opacity: 1;
}

@media (max-width: 650px) {

    .stocks-product-clusters-title {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }
}



/* MP DIRECTOR STOCKS TOTAL SUPPLY v1 */

.stocks-product-clusters-title {
    flex-wrap: wrap;
    gap: 12px;
}

.stocks-total-recommendation {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-left: auto;
    padding: 8px 12px;
    border-radius: 10px;
    background: rgba(255, 176, 32, 0.10);
    border: 1px solid rgba(255, 176, 32, 0.24);
    white-space: nowrap;
}

.stocks-total-recommendation span {
    font-size: 12px;
    opacity: 0.72;
}

.stocks-total-recommendation strong {
    font-size: 17px;
    font-weight: 750;
}

.stocks-total-recommendation.zero {
    background: rgba(60, 180, 110, 0.08);
    border-color: rgba(60, 180, 110, 0.18);
}

@media (max-width: 900px) {
    .stocks-total-recommendation {
        margin-left: 0;
    }
}


/* MP DIRECTOR STOCKS SUMMARY UNDER FBO v1 */

.stocks-product-metrics > div:first-child {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.stocks-product-metrics .stocks-total-recommendation {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    margin: 10px 0 0 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    white-space: nowrap;
}

.stocks-product-metrics .stocks-total-recommendation span {
    font-size: 11px;
    line-height: 1.25;
    opacity: 0.58;
}

.stocks-product-metrics .stocks-total-recommendation strong {
    font-size: 17px;
    line-height: 1.2;
    font-weight: 750;
}

.stocks-product-metrics .stocks-total-recommendation small {
    margin-top: 2px;
    font-size: 11px;
    line-height: 1.2;
    opacity: 0.62;
}

.stocks-product-metrics .stocks-total-recommendation.zero {
    background: transparent;
    border: 0;
}

/* MP DIRECTOR STOCKS METRICS ALIGN v1 */

.stocks-product-metrics {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: start !important;
    column-gap: 24px !important;
}

.stocks-product-metrics > div:first-child {
    align-self: start !important;
}

.stocks-product-metrics .stocks-cluster-count {
    align-self: start !important;
    justify-self: end !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    text-align: right !important;
}

.stocks-product-metrics .stocks-total-recommendation {
    margin-top: 18px !important;
}



/* MP DIRECTOR STOCK CLUSTER STATUS v3 */

/* Товар есть */
.stocks-cluster-item:not(.zero) {
    background: rgba(34, 197, 94, 0.05) !important;
    border-color: rgba(34, 197, 94, 0.16) !important;
}

/* Товара нет */
.stocks-cluster-item.zero {
    background: rgba(239, 68, 68, 0.045) !important;
    border-color: rgba(239, 68, 68, 0.14) !important;
}

.stocks-cluster-item.stocks-cluster-hidden {
    display: none !important;
}

.stocks-hide-empty-control {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    font-size: 12px;
    color: #64748b;
}

.stocks-hide-empty-control input {
    width: 14px;
    height: 14px;
    margin: 0;
    cursor: pointer;
}


/* MP DIRECTOR COLLAPSIBLE SIDEBAR v1 */

.dashboard-shell {
    transition:
        grid-template-columns .20s ease;
}

.app-sidebar {
    overflow: hidden;
    transition:
        opacity .16s ease,
        padding .20s ease;
}

.dashboard-shell.sidebar-collapsed {
    grid-template-columns:
        0 minmax(0, 1fr);
}

.dashboard-shell.sidebar-collapsed
.app-sidebar {
    opacity: 0;
    padding-left: 0;
    padding-right: 0;
    pointer-events: none;
}

.dashboard-head {
    display: grid !important;
    grid-template-columns:
        auto minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
}

.sidebar-toggle-button {
    width: 38px;
    height: 38px;
    margin: 0;

    display: grid;
    place-items: center;

    flex: 0 0 auto;

    border: 1px solid #e2e8f0;
    border-radius: 10px;

    background: #ffffff;
    color: #334155;

    font-size: 19px;
    line-height: 1;

    cursor: pointer;

    box-shadow:
        0 2px 8px rgba(15, 23, 42, .04);
}

.sidebar-toggle-button:hover {
    background: #f8fafc;
    border-color: #cbd5e1;
}

.dashboard-shell.sidebar-collapsed
.dashboard-main {
    width: 100%;
}



/* MP DIRECTOR PASSWORD RESET REQUEST v1 */

.auth-link-button {
    width: auto;
    min-height: auto;
    margin: 2px auto 0;
    padding: 6px 8px;

    border: 0;
    background: transparent;
    box-shadow: none;

    color: #4f6fe8;
    font-size: 13px;
    font-weight: 600;

    cursor: pointer;
}

.auth-link-button:hover {
    background: transparent;
    color: #315ee9;
    text-decoration: underline;
}

.auth-helper-text {
    margin: -2px 0 4px;
    color: #64748b;
    font-size: 13px;
    line-height: 1.45;
}



/* MP DIRECTOR PASSWORD RESET CONFIRM v1 */

.password-reset-confirm-card {
    max-width: 460px;
    margin: 24px auto 0;
}

.password-reset-confirm-card input {
    width: 100%;
}



/* MP DIRECTOR ORDERED TODAY SUMMARY v1 */

#orderedTodaySummary {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 3px;
}

.ordered-today-summary-main {
    white-space: nowrap;
}

.ordered-today-summary-sku {
    font-size: 11px;
    font-weight: 600;
    opacity: .58;
}


/* MP DIRECTOR ORDERED TODAY SUMMARY v2 */

#orderedTodaySummary {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    width: max-content !important;
    min-width: 0 !important;

    margin-left: auto !important;
    padding: 8px 16px !important;

    gap: 3px !important;
    text-align: center !important;
    line-height: 1.15 !important;
}

#orderedTodaySummary .ordered-today-summary-main {
    display: block;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 700;
}

#orderedTodaySummary .ordered-today-summary-sku {
    display: block;
    margin: 0;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1;
    opacity: .55;
}



/* =========================================================
   MP DIRECTOR LANDING v1
   ========================================================= */

body:has(#auth:not([hidden])) {
    background:
        radial-gradient(
            circle at 15% 0%,
            rgba(53, 104, 245, .10),
            transparent 34%
        ),
        radial-gradient(
            circle at 90% 15%,
            rgba(110, 75, 255, .08),
            transparent 28%
        ),
        #f7f8fc;
}

body:has(#auth:not([hidden])) .container {
    max-width: 1240px;
    padding-top: 22px;
}

body:has(#auth:not([hidden])) header {
    margin-bottom: 26px;
}

.landing-logo {
    display: flex;
    align-items: center;
    gap: 11px;
    color: #172033;
    letter-spacing: -.4px;
}

.landing-logo-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: #3568f5;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0;
    box-shadow: 0 8px 20px rgba(53, 104, 245, .22);
}

.landing-page {
    width: 100%;
}

.landing-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(430px, .92fr);
    gap: 64px;
    align-items: center;
    min-height: 610px;
    padding: 56px 0 72px;
}

.landing-hero-copy h1 {
    max-width: 690px;
    margin: 16px 0 22px;
    color: #131c2e;
    font-size: clamp(48px, 5vw, 72px);
    line-height: .98;
    letter-spacing: -3.8px;
}

.landing-hero-copy h1 span {
    display: block;
    color: #3568f5;
}

.landing-eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 12px;
    border: 1px solid #dbe4ff;
    border-radius: 999px;
    background: #f0f4ff;
    color: #3568f5;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.landing-lead {
    max-width: 650px;
    margin: 0;
    color: #667085;
    font-size: 19px;
    line-height: 1.65;
}

.landing-actions {
    display: flex;
    gap: 12px;
    margin-top: 30px;
}

.landing-primary-button,
.landing-secondary-button,
.landing-final-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0 22px;
    border-radius: 13px;
    font-size: 15px;
    font-weight: 800;
    text-decoration: none;
    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

.landing-primary-button,
.landing-final-button {
    background: #3568f5;
    color: #fff;
    box-shadow: 0 12px 28px rgba(53, 104, 245, .22);
}

.landing-secondary-button {
    border: 1px solid #dfe4ee;
    background: rgba(255, 255, 255, .78);
    color: #25324a;
}

.landing-primary-button:hover,
.landing-secondary-button:hover,
.landing-final-button:hover {
    transform: translateY(-2px);
}

.landing-hero-points {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 22px;
    margin-top: 30px;
    color: #667085;
    font-size: 13px;
}

.landing-hero-points div {
    display: flex;
    align-items: center;
    gap: 7px;
}

.landing-hero-points span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: #eaf8f1;
    color: #16a36a;
    font-size: 11px;
    font-weight: 900;
}

.landing-preview {
    position: relative;
    padding: 22px;
    border: 1px solid rgba(220, 225, 236, .9);
    border-radius: 25px;
    background: rgba(255, 255, 255, .94);
    box-shadow:
        0 30px 80px rgba(37, 50, 74, .13),
        0 4px 18px rgba(37, 50, 74, .05);
}

.landing-preview::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -18px 38px 18px -22px;
    border-radius: 30px;
    background: linear-gradient(
        145deg,
        rgba(53, 104, 245, .16),
        rgba(118, 88, 255, .05)
    );
    filter: blur(1px);
}

.landing-preview-top,
.landing-chart-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.landing-preview-top > div:first-child {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.landing-preview-top strong {
    color: #172033;
    font-size: 16px;
}

.landing-preview-top span,
.landing-preview-shop {
    color: #8b93a4;
    font-size: 12px;
}

.landing-live {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #6f7788;
    font-size: 11px;
}

.landing-live i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #19b374;
    box-shadow: 0 0 0 4px rgba(25, 179, 116, .10);
}

.landing-preview-shop {
    margin: 22px 0 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eef0f5;
}

.landing-preview-main {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.landing-preview-card {
    min-height: 118px;
    padding: 16px;
    border: 1px solid #eceff5;
    border-radius: 15px;
    background: #fbfcfe;
}

.landing-preview-card.primary {
    border-color: #dce5ff;
    background: #f4f7ff;
}

.landing-preview-card span,
.landing-preview-card small {
    display: block;
    color: #8991a2;
    font-size: 11px;
}

.landing-preview-card strong {
    display: block;
    margin: 10px 0 8px;
    color: #182237;
    font-size: 23px;
    letter-spacing: -.5px;
}

.landing-preview-card .positive {
    color: #16a36a;
}

.landing-preview-chart {
    margin-top: 10px;
    padding: 17px;
    border: 1px solid #eceff5;
    border-radius: 15px;
}

.landing-chart-head {
    color: #7e8798;
    font-size: 11px;
}

.landing-chart-head strong {
    color: #16a36a;
    font-size: 11px;
}

.landing-bars {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    height: 92px;
    margin-top: 16px;
}

.landing-bars i {
    flex: 1;
    min-width: 8px;
    border-radius: 6px 6px 2px 2px;
    background: linear-gradient(
        180deg,
        #3568f5,
        #85a5ff
    );
}

.landing-trust {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    border: 1px solid #e8ebf2;
    border-radius: 20px;
    background: rgba(255, 255, 255, .84);
    overflow: hidden;
}

.landing-trust > div {
    padding: 22px;
    border-right: 1px solid #edf0f5;
}

.landing-trust > div:last-child {
    border-right: 0;
}

.landing-trust strong,
.landing-trust span {
    display: block;
}

.landing-trust strong {
    margin-bottom: 5px;
    color: #202a3d;
    font-size: 14px;
}

.landing-trust span {
    color: #8a93a3;
    font-size: 12px;
}

.landing-features {
    padding: 112px 0 96px;
}

.landing-section-heading {
    max-width: 720px;
    margin: 0 auto 46px;
    text-align: center;
}

.landing-section-heading h2,
.landing-highlight h2,
.landing-auth-intro h2,
.landing-final-cta h2 {
    margin: 15px 0 14px;
    color: #172033;
    font-size: 40px;
    line-height: 1.08;
    letter-spacing: -1.8px;
}

.landing-section-heading p,
.landing-auth-intro p,
.landing-final-cta p {
    color: #768093;
    font-size: 16px;
    line-height: 1.65;
}

.landing-features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.landing-feature {
    position: relative;
    min-height: 220px;
    padding: 25px;
    border: 1px solid #e7eaf1;
    border-radius: 19px;
    background: rgba(255, 255, 255, .92);
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}

.landing-feature:hover {
    transform: translateY(-3px);
    border-color: #d9e2fb;
    box-shadow: 0 18px 40px rgba(42, 57, 88, .08);
}

.landing-feature.featured {
    border-color: #cedbff;
    background:
        linear-gradient(
            145deg,
            #f7f9ff,
            #ffffff
        );
}

.landing-feature-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: #edf2ff;
    color: #3568f5;
    font-size: 19px;
    font-weight: 900;
}

.landing-feature h3 {
    margin: 20px 0 9px;
    color: #202a3d;
    font-size: 17px;
}

.landing-feature p {
    margin: 0;
    color: #788194;
    font-size: 14px;
    line-height: 1.6;
}

.landing-feature-tag {
    display: inline-flex;
    margin-top: 18px;
    padding: 6px 9px;
    border-radius: 999px;
    background: #e9f8f1;
    color: #168d5c;
    font-size: 10px;
    font-weight: 800;
}

.landing-highlight {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 70px;
    align-items: center;
    margin-bottom: 104px;
    padding: 55px;
    border-radius: 26px;
    background: #111827;
    box-shadow: 0 26px 60px rgba(17, 24, 39, .13);
}

.landing-highlight h2 {
    max-width: 500px;
    color: #fff;
}

.landing-highlight .landing-eyebrow {
    border-color: rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .08);
    color: #9bb5ff;
}

.landing-highlight-list {
    display: grid;
    gap: 10px;
}

.landing-highlight-list div {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 64px;
    padding: 12px 16px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 14px;
    background: rgba(255, 255, 255, .045);
}

.landing-highlight-list b {
    color: #789aff;
    font-size: 11px;
}

.landing-highlight-list span {
    color: #e9edf6;
    font-size: 14px;
}

.landing-auth-section {
    display: grid;
    grid-template-columns: .72fr 1.28fr;
    gap: 56px;
    align-items: start;
    padding: 36px 0 96px;
    scroll-margin-top: 25px;
}

.landing-auth-intro {
    padding-top: 10px;
}

.landing-auth-intro h2 {
    font-size: 38px;
}

.landing-auth-section .auth-grid {
    gap: 14px;
}

.landing-auth-card {
    margin-bottom: 0;
    border-color: #e5e9f1;
    box-shadow: 0 10px 30px rgba(34, 48, 78, .06);
}

.landing-auth-card-head span {
    display: block;
    margin-bottom: 7px;
    color: #8a93a5;
    font-size: 11px;
}

.landing-auth-card-head h2 {
    margin-bottom: 17px;
}

.landing-auth-section input {
    border-color: #dfe4ec;
    background: #fbfcfe;
}

.landing-auth-section input:focus {
    outline: 3px solid rgba(53, 104, 245, .10);
    border-color: #8ea9ff;
}

.landing-final-cta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    padding: 44px 48px;
    border: 1px solid #dfe6f7;
    border-radius: 24px;
    background:
        linear-gradient(
            120deg,
            #f3f6ff,
            #ffffff
        );
}

.landing-final-cta > div {
    max-width: 680px;
}

.landing-final-cta > div > span {
    color: #3568f5;
    font-size: 12px;
    font-weight: 800;
}

.landing-final-cta h2 {
    font-size: 35px;
}

.landing-final-cta p {
    margin-bottom: 0;
}

.landing-final-button {
    min-width: 190px;
    flex-shrink: 0;
}

.landing-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 34px 2px 0;
    color: #969dac;
    font-size: 12px;
}

.landing-footer strong {
    color: #4d5668;
}

@media (max-width: 980px) {

    .landing-hero {
        grid-template-columns: 1fr;
        gap: 46px;
    }

    .landing-preview {
        max-width: 650px;
    }

    .landing-trust {
        grid-template-columns: repeat(2, 1fr);
    }

    .landing-trust > div {
        border-bottom: 1px solid #edf0f5;
    }

    .landing-features-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .landing-highlight,
    .landing-auth-section {
        grid-template-columns: 1fr;
        gap: 34px;
    }

}

@media (max-width: 700px) {

    body:has(#auth:not([hidden])) .container {
        padding: 18px 16px 60px;
    }

    .landing-hero {
        min-height: 0;
        padding: 36px 0 54px;
    }

    .landing-hero-copy h1 {
        font-size: 43px;
        letter-spacing: -2.3px;
    }

    .landing-lead {
        font-size: 17px;
    }

    .landing-actions {
        flex-direction: column;
    }

    .landing-primary-button,
    .landing-secondary-button {
        width: 100%;
    }

    .landing-preview {
        padding: 15px;
    }

    .landing-preview-main {
        grid-template-columns: 1fr;
    }

    .landing-trust,
    .landing-features-grid {
        grid-template-columns: 1fr;
    }

    .landing-trust > div {
        border-right: 0;
    }

    .landing-features {
        padding: 80px 0 70px;
    }

    .landing-section-heading h2,
    .landing-highlight h2,
    .landing-auth-intro h2,
    .landing-final-cta h2 {
        font-size: 31px;
        letter-spacing: -1.2px;
    }

    .landing-highlight {
        margin-bottom: 74px;
        padding: 30px 22px;
    }

    .landing-auth-section {
        padding-bottom: 70px;
    }

    .landing-auth-section .auth-grid {
        grid-template-columns: 1fr;
    }

    .landing-final-cta {
        align-items: flex-start;
        flex-direction: column;
        padding: 30px 24px;
    }

    .landing-final-button {
        width: 100%;
    }

    .landing-footer {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
    }

}



/* =========================================================
   MP DIRECTOR DEMO BUTTON
   ========================================================= */

.landing-demo-button {
    width: auto;
    min-height: 52px;
    margin: 0;
    padding: 0 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    border: 1px solid #d9e2fb;
    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            #eef3ff,
            #f7f9ff
        );

    color: #3568f5;

    font-size: 15px;
    font-weight: 800;

    box-shadow:
        0 8px 24px
        rgba(53, 104, 245, .08);

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}

.landing-demo-button:hover {
    opacity: 1;
    transform: translateY(-2px);
    border-color: #b9c9f7;
    box-shadow:
        0 12px 28px
        rgba(53, 104, 245, .14);
}

.landing-demo-button:disabled {
    cursor: wait;
    opacity: .65;
    transform: none;
}

.landing-demo-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 22px;
    height: 22px;

    border-radius: 50%;

    background: #3568f5;
    color: white;

    font-size: 9px;
    line-height: 1;
}

@media (max-width: 700px) {

    .landing-demo-button {
        width: 100%;
    }

}



/* =========================================================
   MP DIRECTOR LEGAL v1
   ========================================================= */

.legal-footer {
    display: grid;
    grid-template-columns: .8fr 1.5fr 1fr;
    gap: 36px;
    align-items: start;
    margin-top: 40px;
    padding: 34px 2px 0;
    border-top: 1px solid #e6e9f0;
}

.legal-footer-brand,
.legal-footer-owner {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.legal-footer-brand strong,
.legal-footer-owner strong {
    color: #394254;
    font-size: 13px;
}

.legal-footer-brand span,
.legal-footer-owner span {
    color: #8b93a3;
    font-size: 12px;
    line-height: 1.45;
}

.legal-footer a {
    color: #647085;
    text-decoration: none;
}

.legal-footer a:hover {
    color: #3568f5;
}

.legal-footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 18px;
}

.legal-footer-links a {
    font-size: 12px;
}

.legal-footer-owner a {
    font-size: 12px;
}


.legal-page-body {
    background: #f6f8fc;
}

.legal-page {
    max-width: 930px;
    margin: 0 auto;
    padding: 28px 20px 70px;
}

.legal-page-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28px;
}

.legal-back {
    color: #60708d;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.legal-page-logo {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #172033;
}

.legal-page-logo > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #3568f5;
    color: #fff;
    font-size: 11px;
    font-weight: 900;
}

.legal-document {
    padding: 48px 54px;
    border: 1px solid #e5e9f1;
    border-radius: 22px;
    background: #fff;
    box-shadow:
        0 16px 45px
        rgba(34, 48, 78, .05);
}

.legal-document h1 {
    max-width: 760px;
    margin: 12px 0 20px;
    color: #172033;
    font-size: 36px;
    line-height: 1.1;
    letter-spacing: -1.5px;
}

.legal-document h2 {
    margin: 34px 0 12px;
    color: #222d42;
    font-size: 20px;
}

.legal-document p,
.legal-document li {
    color: #586478;
    font-size: 15px;
    line-height: 1.72;
}

.legal-document ul {
    padding-left: 22px;
}

.legal-document a {
    color: #3568f5;
}

.legal-kicker {
    color: #3568f5;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.legal-lead {
    margin-bottom: 34px;
    color: #657188 !important;
    font-size: 17px !important;
}

.legal-contact-card {
    margin-top: 32px;
    padding: 28px;
    border: 1px solid #e8ebf2;
    border-radius: 16px;
    background: #fafbfe;
}

.legal-details {
    display: grid;
    grid-template-columns: 170px 1fr;
    gap: 14px 24px;
    margin: 0;
}

.legal-details dt {
    color: #8b93a3;
    font-size: 13px;
}

.legal-details dd {
    margin: 0;
    color: #323d52;
    font-size: 14px;
}

.legal-details a {
    color: #3568f5;
}

.legal-document-footer {
    display: grid;
    grid-template-columns: 1.2fr .8fr 1fr;
    gap: 30px;
    padding: 28px 8px 0;
    color: #8790a1;
    font-size: 12px;
    line-height: 1.6;
}

.legal-document-footer strong {
    color: #505a6e;
}

.legal-document-footer a {
    color: #647085;
    text-decoration: none;
}

.legal-mini-links {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

@media (max-width: 760px) {

    .legal-footer {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .legal-document {
        padding: 30px 22px;
    }

    .legal-document h1 {
        font-size: 29px;
    }

    .legal-details {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .legal-details dd {
        margin-bottom: 12px;
    }

    .legal-document-footer {
        grid-template-columns: 1fr;
        gap: 14px;
    }
}



/* =========================================================
   REGISTER LEGAL CONSENTS v1
   ========================================================= */

.register-legal-consents {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 4px 0 5px;
}

.legal-consent-row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    color: #68748a;
    font-size: 12px;
    line-height: 1.45;
}

.legal-consent-row input[type="checkbox"] {
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    margin: 1px 0 0;
    cursor: pointer;
    accent-color: #3568f5;
}

.legal-consent-row span {
    min-width: 0;
}

.legal-consent-row a {
    color: #3568f5;
    font-weight: 600;
    text-decoration: none;
}

.legal-consent-row a:hover {
    text-decoration: underline;
}



/* =========================================================
   MP DIRECTOR PRICING v1
   ========================================================= */

.landing-pricing {
    max-width: 1080px;
    margin: 92px auto;
    padding: 0 24px;
}

.landing-pricing-head {
    max-width: 680px;
    margin: 0 auto 42px;
    text-align: center;
}

.landing-pricing-head > span {
    display: inline-block;
    margin-bottom: 12px;
    color: #3568f5;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.landing-pricing-head h2 {
    margin: 0;
    color: #172033;
    font-size: 42px;
    line-height: 1.08;
    letter-spacing: -1.8px;
}

.landing-pricing-head p {
    max-width: 620px;
    margin: 18px auto 0;
    color: #727d91;
    font-size: 15px;
    line-height: 1.65;
}

.landing-pricing-grid {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 22px;
    max-width: 820px;
    margin: 0 auto;
}

.landing-price-card {
    position: relative;
    padding: 34px;
    border: 1px solid #e5e9f2;
    border-radius: 22px;
    background: #fff;
    box-shadow:
        0 16px 45px
        rgba(31, 48, 80, .055);
}

.landing-price-card-best {
    border-color: #3568f5;
    box-shadow:
        0 22px 55px
        rgba(53, 104, 245, .13);
}

.landing-price-badge {
    position: absolute;
    top: 18px;
    right: 18px;
    padding: 6px 10px;
    border-radius: 999px;
    background: #eaf0ff;
    color: #3568f5;
    font-size: 11px;
    font-weight: 800;
}

.landing-price-label {
    margin-bottom: 17px;
    color: #7e889b;
    font-size: 13px;
    font-weight: 700;
}

.landing-price-value {
    display: flex;
    align-items: baseline;
    gap: 7px;
}

.landing-price-value strong {
    color: #172033;
    font-size: 38px;
    line-height: 1;
    letter-spacing: -1.5px;
}

.landing-price-value span {
    color: #8992a4;
    font-size: 13px;
}

.landing-price-monthly {
    margin-top: 10px;
    color: #5f6b80;
    font-size: 14px;
    font-weight: 700;
}

.landing-price-saving {
    display: inline-block;
    margin-top: 9px;
    padding: 6px 9px;
    border-radius: 8px;
    background: #eefaf1;
    color: #299553;
    font-size: 11px;
    font-weight: 800;
}

.landing-price-card ul {
    display: flex;
    flex-direction: column;
    gap: 11px;
    margin: 28px 0;
    padding: 0;
    list-style: none;
}

.landing-price-card li {
    position: relative;
    padding-left: 24px;
    color: #626e82;
    font-size: 13px;
    line-height: 1.45;
}

.landing-price-card li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #3568f5;
    font-weight: 900;
}

.landing-price-button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    border-radius: 12px;
    background: #172033;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.landing-price-card-best
.landing-price-button {
    background: #3568f5;
}

.landing-pricing-note {
    margin-top: 22px;
    color: #939baa;
    font-size: 12px;
    text-align: center;
}

@media (max-width: 760px) {

    .landing-pricing {
        margin: 66px auto;
        padding: 0 16px;
    }

    .landing-pricing-head h2 {
        font-size: 34px;
    }

    .landing-pricing-grid {
        grid-template-columns: 1fr;
    }

    .landing-price-card {
        padding: 28px 24px;
    }
}



/* =========================================================
   MP DIRECTOR SUBSCRIPTION UI v1
   ========================================================= */

.subscription-section {
    max-width: 980px;
    margin: 0 auto;
    padding-bottom: 50px;
}

.subscription-head {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: flex-start;
    margin-bottom: 24px;
}

.subscription-head h2 {
    margin: 5px 0 7px;
    color: #172033;
    font-size: 28px;
}

.subscription-head p {
    margin: 0;
    color: #8490a3;
    font-size: 14px;
}

.subscription-kicker {
    color: #3568f5;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.subscription-status-badge {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 13px;
    border-radius: 999px;
    background: #eef1f6;
    color: #6c778a;
    font-size: 12px;
    font-weight: 800;
}

.subscription-status-badge.is-active {
    background: #eaf8ef;
    color: #25874c;
}

.subscription-status-badge.is-trial {
    background: #eaf0ff;
    color: #3568f5;
}

.subscription-status-badge.is-expired {
    background: #fff0f0;
    color: #ca3f45;
}

.subscription-expired-banner {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
    padding: 18px 20px;
    border: 1px solid #ffd7d7;
    border-radius: 16px;
    background: #fff7f7;
}

.subscription-expired-banner[hidden] {
    display: none;
}

.subscription-expired-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: #e34b51;
    color: #fff;
    font-size: 20px;
    font-weight: 900;
}

.subscription-expired-banner strong {
    color: #a92d34;
}

.subscription-expired-banner p {
    margin: 3px 0 0;
    color: #8f5c60;
    font-size: 13px;
}

.subscription-current-card {
    display: flex;
    justify-content: space-between;
    gap: 28px;
    align-items: center;
    margin-bottom: 24px;
    padding: 25px 28px;
    border: 1px solid #e5e9f1;
    border-radius: 18px;
    background: #fff;
    box-shadow:
        0 12px 35px
        rgba(31, 48, 80, .045);
}

.subscription-current-card span {
    color: #8b95a7;
    font-size: 12px;
}

.subscription-current-card strong {
    display: block;
    margin-top: 5px;
    color: #202b40;
    font-size: 19px;
}

.subscription-current-card p {
    margin: 5px 0 0;
    color: #7c8799;
    font-size: 13px;
}

.subscription-access-date {
    color: #39455a;
    font-size: 14px;
    font-weight: 800;
    text-align: right;
}

.subscription-plans {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.subscription-plan-card {
    position: relative;
    padding: 28px;
    border: 1px solid #e5e9f1;
    border-radius: 20px;
    background: #fff;
}

.subscription-plan-best {
    border-color: #3568f5;
    box-shadow:
        0 16px 42px
        rgba(53, 104, 245, .11);
}

.subscription-plan-badge {
    position: absolute;
    top: 17px;
    right: 17px;
    padding: 5px 9px;
    border-radius: 999px;
    background: #eaf0ff;
    color: #3568f5;
    font-size: 10px;
    font-weight: 900;
}

.subscription-plan-label {
    margin-bottom: 15px;
    color: #838da0;
    font-size: 13px;
    font-weight: 700;
}

.subscription-plan-price {
    display: flex;
    align-items: baseline;
    gap: 7px;
}

.subscription-plan-price strong {
    color: #172033;
    font-size: 34px;
    letter-spacing: -1px;
}

.subscription-plan-price span {
    color: #8993a5;
    font-size: 12px;
}

.subscription-plan-saving {
    display: inline-block;
    margin-top: 8px;
    padding: 5px 8px;
    border-radius: 8px;
    background: #edf9f0;
    color: #288b4e;
    font-size: 11px;
    font-weight: 800;
}

.subscription-plan-card ul {
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin: 24px 0;
    padding: 0;
    list-style: none;
}

.subscription-plan-card li {
    position: relative;
    padding-left: 21px;
    color: #687489;
    font-size: 13px;
}

.subscription-plan-card li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #3568f5;
    font-weight: 900;
}

.billing-pay-button {
    width: 100%;
    min-height: 44px;
    border: 0;
    border-radius: 11px;
    background: #172033;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    font-weight: 800;
}

.billing-pay-button.primary {
    background: #3568f5;
}

.billing-pay-button:hover {
    filter: brightness(.97);
}

.billing-pay-button:disabled {
    opacity: .55;
    cursor: wait;
}

.billing-payment-message {
    min-height: 20px;
    margin-top: 17px;
    color: #69758a;
    font-size: 13px;
    text-align: center;
}

.subscription-payment-note {
    margin: 7px 0 0;
    color: #98a0af;
    font-size: 11px;
    text-align: center;
}

@media (max-width: 760px) {

    .subscription-head,
    .subscription-current-card {
        flex-direction: column;
        align-items: flex-start;
    }

    .subscription-access-date {
        text-align: left;
    }

    .subscription-plans {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   MP DIRECTOR MOBILE APP NAVIGATION v1
   ========================================================= */

.mobile-bottom-nav,
.mobile-more-sheet,
.mobile-more-backdrop {
    display: none;
}


@media (max-width: 760px) {

    body:has(#dashboard:not([hidden])) {
        padding-bottom:
            calc(
                76px
                + env(safe-area-inset-bottom)
            );
    }


    body:has(#dashboard:not([hidden]))
    .dashboard-shell {
        display: block;
        min-height: 100dvh;
    }


    body:has(#dashboard:not([hidden]))
    .app-sidebar {
        display: none;
    }


    body:has(#dashboard:not([hidden]))
    .sidebar-toggle-button {
        display: none;
    }


    body:has(#dashboard:not([hidden]))
    .dashboard-main {
        width: 100%;
        padding:
            18px
            14px
            calc(
                96px
                + env(safe-area-inset-bottom)
            );
    }


    body:has(#dashboard:not([hidden]))
    .dashboard-head {
        margin-bottom: 16px;
    }


    body:has(#dashboard:not([hidden]))
    .dashboard-head h1 {
        font-size: 21px;
    }


    body:has(#dashboard:not([hidden]))
    .dashboard-head #logoutButton {
        display: none;
    }


    .mobile-bottom-nav {
        position: fixed;
        z-index: 1000;

        left: 10px;
        right: 10px;
        bottom:
            calc(
                8px
                + env(safe-area-inset-bottom)
            );

        display: grid;
        grid-template-columns:
            repeat(5, minmax(0, 1fr));

        min-height: 66px;

        padding: 6px 5px;

        border:
            1px solid
            rgba(221, 226, 237, .9);

        border-radius: 20px;

        background:
            rgba(255, 255, 255, .96);

        box-shadow:
            0 14px 40px
            rgba(26, 40, 70, .18);

        backdrop-filter:
            blur(18px);

        -webkit-backdrop-filter:
            blur(18px);
    }


    .mobile-nav-button {
        min-width: 0;
        height: 54px;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        gap: 3px;

        margin: 0;
        padding: 4px 2px;

        border: 0 !important;
        border-radius: 14px !important;

        background:
            transparent !important;

        color: #8993a5;

        font-size: 10px;
        font-weight: 700;

        box-shadow: none !important;
    }


    .mobile-nav-button:hover {
        opacity: 1;
        transform: none;
    }


    .mobile-nav-button.active {
        background:
            #eef3ff !important;

        color: #3568f5;
    }


    .mobile-nav-icon {
        display: block;

        height: 22px;

        font-size: 19px;
        line-height: 22px;
        font-weight: 800;
    }


    #mobileMoreButton
    .mobile-nav-icon {
        letter-spacing: 1px;
    }


    .mobile-more-backdrop {
        position: fixed;
        z-index: 1090;

        inset: 0;

        display: block;

        background:
            rgba(12, 18, 30, .32);

        opacity: 0;

        transition:
            opacity .18s ease;
    }


    .mobile-more-backdrop[hidden] {
        display: none;
    }


    .mobile-more-backdrop.is-open {
        opacity: 1;
    }


    .mobile-more-sheet {
        position: fixed;
        z-index: 1100;

        left: 10px;
        right: 10px;

        bottom:
            calc(
                8px
                + env(safe-area-inset-bottom)
            );

        display: block;

        padding: 9px 12px 14px;

        border:
            1px solid #e4e8f0;

        border-radius: 22px;

        background: #ffffff;

        box-shadow:
            0 22px 65px
            rgba(21, 33, 58, .27);

        transform:
            translateY(
                calc(100% + 30px)
            );

        transition:
            transform .18s ease;
    }


    .mobile-more-sheet[hidden] {
        display: none;
    }


    .mobile-more-sheet.is-open {
        transform:
            translateY(0);
    }


    .mobile-more-handle {
        width: 38px;
        height: 4px;

        margin: 1px auto 10px;

        border-radius: 999px;

        background: #d7dce5;
    }


    .mobile-more-head {
        display: flex;
        align-items: center;
        justify-content: space-between;

        padding: 3px 5px 10px;
    }


    .mobile-more-head strong {
        color: #202a3d;
        font-size: 18px;
    }


    #dashboard
    .mobile-more-close {
        width: 34px;
        height: 34px;

        margin: 0;
        padding: 0;

        border: 0;

        border-radius: 50% !important;

        background:
            #f1f3f7 !important;

        color: #566174;

        font-size: 22px;

        box-shadow: none !important;
    }


    #dashboard
    .mobile-more-item {
        width: 100%;
        min-height: 52px;

        display: flex;
        align-items: center;
        gap: 13px;

        margin: 3px 0;
        padding: 0 15px;

        border: 0;
        border-radius: 13px !important;

        background:
            transparent !important;

        color: #283349;

        text-align: left;
        font-size: 15px;
        font-weight: 700;

        box-shadow: none !important;
    }


    #dashboard
    .mobile-more-item:active {
        background:
            #f2f5fa !important;
    }


    .mobile-more-item > span {
        width: 24px;

        color: #68758a;

        text-align: center;
        font-size: 18px;
    }


    #dashboard
    .mobile-more-logout {
        margin-top: 8px;

        border-top:
            1px solid #edf0f5;

        color: #c5474d;
    }


    .mobile-sheet-open {
        overflow: hidden;
    }


    /* Не даём широким таблицам ломать мобильную страницу */

    #dashboard table {
        white-space: nowrap;
    }


    #dashboard
    .table-wrap,
    #dashboard
    .table-scroll,
    #dashboard
    .products-table-wrap,
    #dashboard
    .finance-table-wrap,
    #dashboard
    .advertising-table-wrap,
    #dashboard
    .stocks-table-wrap {
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

}

/* =========================================================
   MP DIRECTOR MOBILE ANALYTICS v1
   ========================================================= */

@media (max-width: 760px) {

    /* Верхняя карточка аналитики */

    #analyticsSection .analytics-toolbar {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 14px;

        margin-bottom: 14px;
        padding: 16px;

        border-radius: 16px;
    }

    #analyticsSection .analytics-toolbar::after {
        width: 130px;
    }

    #analyticsSection .analytics-toolbar h2 {
        margin-bottom: 4px;

        font-size: 19px;
        line-height: 1.2;
    }

    #analyticsSection .analytics-toolbar .muted {
        font-size: 11px;
    }


    /* Период */

    #analyticsSection .analytics-period {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    #analyticsSection #periodSelect {
        width: 100%;
        min-width: 0;
        height: 44px;

        padding:
            0
            38px
            0
            13px;

        font-size: 14px;
    }

    #analyticsSection #customPeriod {
        width: 100%;
        gap: 7px;
    }

    #analyticsSection #customPeriod:not([hidden]) {
        display: grid;
        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr);
    }

    #analyticsSection #customPeriod input,
    #analyticsSection #customPeriod select {
        width: 100%;
        min-width: 0;
    }


    /* KPI: две карточки в ряд */

    #analyticsSection .metrics-grid {
        display: grid;
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 10px;

        margin-bottom: 18px;
    }

    #analyticsSection .metric-card {
        min-width: 0;
        min-height: 112px;

        padding: 14px;

        border-radius: 15px;
    }

    #analyticsSection .metric-card span {
        min-height: 30px;

        margin-bottom: 8px;

        font-size: 11px;
        line-height: 1.3;
    }

    #analyticsSection .metric-card strong {
        overflow: hidden;

        font-size: 21px;
        line-height: 1.12;

        letter-spacing: -.5px;

        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #analyticsSection .metric-card small {
        min-height: 14px;

        margin-top: 7px;

        font-size: 10px;
        line-height: 1.25;
    }


    /* Графики не должны раздвигать экран */

    #analyticsSection canvas {
        max-width: 100% !important;
    }

    #analyticsSection svg {
        max-width: 100%;
    }


    /* Общие карточки внутри аналитики */

    #analyticsSection > div,
    #analyticsSection > section {
        max-width: 100%;
    }


    /* Таблицы и длинные блоки */

    #analyticsSection table {
        font-size: 12px;
    }

}


/* На очень узких телефонах всё равно оставляем KPI 2×N */

@media (max-width: 390px) {

    #analyticsSection .metrics-grid {
        gap: 8px;
    }

    #analyticsSection .metric-card {
        min-height: 106px;
        padding: 12px;
    }

    #analyticsSection .metric-card strong {
        font-size: 19px;
    }

    #analyticsSection .metric-card span {
        font-size: 10px;
    }

}


/* =========================================================
   MP DIRECTOR MOBILE PRODUCTS v1
   ========================================================= */

.mobile-products-list {
    display: none;
}

@media (max-width: 760px) {

    #productsSection .page-section-head {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
        margin-bottom: 14px;
    }

    #productsSection .page-section-head h2 {
        font-size: 22px;
    }

    #productsSection .page-section-head p {
        font-size: 12px;
        line-height: 1.4;
    }

    #productsSection .products-toolbar {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
    }

    #productsSection .products-toolbar > select,
    #productsSection .products-toolbar > input {
        width: 100%;
        min-width: 0;
        height: 44px;
    }

    #productsSection
    .products-custom-period:not([hidden]) {
        width: 100%;
        display: grid;
        grid-template-columns:
            minmax(0, 1fr)
            auto
            minmax(0, 1fr);
        gap: 6px;
        align-items: center;
    }

    #productsSection
    .products-custom-period input {
        width: 100%;
        min-width: 0;
    }

    #productsSection
    #applyProductsPeriodButton {
        grid-column: 1 / -1;
        width: 100%;
        min-height: 42px;
    }

    #productsSection .products-kpi-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
        gap: 9px;
        margin-bottom: 16px;
    }

    #productsSection .product-kpi-card {
        min-width: 0;
        min-height: 108px;
        padding: 13px;
        border-radius: 15px;
    }

    #productsSection .product-kpi-card span {
        font-size: 10px;
        line-height: 1.3;
    }

    #productsSection .product-kpi-card strong {
        overflow: hidden;
        font-size: 19px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #productsSection .product-kpi-card small {
        font-size: 10px;
        line-height: 1.3;
    }

    #productsSection .products-table-wrap {
        display: none !important;
    }

    #productsSection .mobile-products-list {
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
        margin-top: 10px;
    }

    .mobile-product-card {
        overflow: hidden;
        padding: 15px;
        border: 1px solid #e7eaf1;
        border-radius: 17px;
        background: #fff;
        box-shadow:
            0 7px 22px
            rgba(29, 43, 75, .045);
    }

    .mobile-product-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 14px;
    }

    .mobile-product-identity {
        min-width: 0;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .mobile-product-identity
    .product-image,
    .mobile-product-identity
    .product-image-placeholder {
        width: 48px;
        height: 48px;
        min-width: 48px;
        border-radius: 11px;
    }

    .mobile-product-title {
        min-width: 0;
    }

    .mobile-product-title strong {
        display: -webkit-box;
        overflow: hidden;
        color: #202a3d;
        font-size: 13px;
        line-height: 1.3;
        font-weight: 800;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .mobile-product-title > span {
        display: block;
        margin-top: 4px;
        color: #8b94a4;
        font-size: 10px;
    }

    .mobile-product-head .product-status {
        flex: 0 0 auto;
        max-width: 105px;
        padding: 5px 7px;
        font-size: 9px;
        line-height: 1.15;
        text-align: center;
    }

    .mobile-product-main-stats {
        display: grid;
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
        gap: 8px;
        margin-bottom: 8px;
    }

    .mobile-product-main-stats > div {
        min-width: 0;
        padding: 11px;
        border-radius: 12px;
        background: #f6f8fc;
    }

    .mobile-product-main-stats span {
        display: block;
        margin-bottom: 5px;
        color: #858fa1;
        font-size: 9px;
        font-weight: 700;
    }

    .mobile-product-main-stats strong {
        display: block;
        overflow: hidden;
        color: #202a3d;
        font-size: 15px;
        line-height: 1.2;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mobile-value-positive {
        color: #168a58 !important;
    }

    .mobile-value-negative {
        color: #cf454b !important;
    }

    .mobile-product-details {
        display: grid;
        grid-template-columns:
            repeat(4, minmax(0, 1fr));
        gap: 4px;
        padding-top: 10px;
        border-top: 1px solid #edf0f5;
    }

    .mobile-product-details > div {
        min-width: 0;
        text-align: center;
    }

    .mobile-product-details span {
        display: block;
        margin-bottom: 4px;
        color: #929aaa;
        font-size: 8px;
        line-height: 1.2;
    }

    .mobile-product-details strong {
        display: block;
        overflow: hidden;
        color: #394458;
        font-size: 11px;
        line-height: 1.25;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mobile-product-stock-days {
        display: block;
        margin-top: 3px;
        color: #8f98a8;
        font-size: 8px;
    }

    .mobile-products-empty {
        padding: 30px 15px;
        border: 1px dashed #dce1ea;
        border-radius: 16px;
        background: #fff;
        color: #8b94a4;
        text-align: center;
        font-size: 12px;
    }
}


/* =========================================================
   MP DIRECTOR MOBILE ADVERTISING v1
   ========================================================= */

.mobile-advertising-campaigns,
.mobile-advertising-products {
    display: none;
}


@media (max-width: 760px) {

    /* Header */

    #advertisingSection .page-section-head {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 14px;

        margin-bottom: 14px;
    }

    #advertisingSection .page-section-head h2 {
        font-size: 22px;
    }

    #advertisingSection .page-section-head p {
        font-size: 12px;
        line-height: 1.4;
    }


    /* Period */

    #advertisingSection .advertising-toolbar {
        width: 100%;

        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
    }

    #advertisingSection
    #advertisingPeriodSelect {
        width: 100%;
        min-width: 0;
        height: 44px;
    }

    #advertisingSection
    .advertising-custom-period:not([hidden]) {
        width: 100%;

        display: grid;
        grid-template-columns:
            minmax(0, 1fr)
            auto
            minmax(0, 1fr);

        gap: 6px;
        align-items: center;
    }

    #advertisingSection
    .advertising-custom-period input {
        width: 100%;
        min-width: 0;
    }

    #advertisingSection
    #applyAdvertisingPeriodButton {
        grid-column: 1 / -1;

        width: 100%;
        min-height: 42px;
    }


    /* KPI */

    #advertisingSection
    .advertising-kpi-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 9px;

        margin-bottom: 16px;
    }

    #advertisingSection
    .advertising-kpi-card {
        min-width: 0;
        min-height: 108px;

        padding: 13px;

        border-radius: 15px;
    }

    #advertisingSection
    .advertising-kpi-card span {
        font-size: 10px;
        line-height: 1.3;
    }

    #advertisingSection
    .advertising-kpi-card strong {
        overflow: hidden;

        font-size: 19px;

        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #advertisingSection
    .advertising-kpi-card small {
        font-size: 9px;
        line-height: 1.3;
    }


    /* Main cards */

    #advertisingSection
    .advertising-main-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    #advertisingSection
    .advertising-structure-card,
    #advertisingSection
    .advertising-health-card,
    #advertisingSection
    .advertising-trend-card,
    #advertisingSection
    .advertising-campaigns-card,
    #advertisingSection
    .advertising-products-card {
        padding: 15px;

        border-radius: 16px;
    }

    #advertisingSection
    .products-card-head {
        gap: 8px;
        align-items: flex-start;
    }

    #advertisingSection
    .products-card-head h3 {
        font-size: 16px;
        line-height: 1.3;
    }

    #advertisingSection
    .products-card-note {
        font-size: 9px;
    }


    /* Budget structure */

    #advertisingSection
    .advertising-spend-row {
        gap: 10px;
        padding: 10px 0;

        font-size: 11px;
    }

    #advertisingSection
    .advertising-spend-row strong {
        font-size: 12px;
    }


    /* Health */

    #advertisingSection
    .advertising-health-content {
        gap: 10px;
    }

    #advertisingSection
    .advertising-health-big strong {
        font-size: 27px;
    }

    #advertisingSection
    .advertising-health-meta {
        font-size: 11px;
    }


    /* Product summary */

    #advertisingSection
    .advertising-products-summary {
        grid-template-columns: 1fr;

        gap: 7px;
    }

    #advertisingSection
    .advertising-products-summary-item {
        min-width: 0;

        padding: 10px 12px;
    }

    #advertisingSection
    .advertising-products-summary-item span {
        font-size: 9px;
    }

    #advertisingSection
    .advertising-products-summary-item strong {
        font-size: 14px;
    }

    #advertisingSection
    .advertising-products-note,
    #advertisingSection
    .advertising-products-coverage {
        font-size: 10px;
        line-height: 1.45;
    }


    /* Hide desktop tables */

    #advertisingSection
    .advertising-table-wrap {
        display: none !important;
    }


    /* Campaign cards */

    #advertisingSection
    .mobile-advertising-campaigns {
        display: flex;
        flex-direction: column;
        gap: 9px;

        margin-top: 12px;
    }

    .mobile-ad-campaign-card {
        padding: 13px;

        border: 1px solid #e7eaf1;
        border-radius: 15px;

        background: #f9fafc;
    }

    .mobile-ad-campaign-head {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;

        gap: 10px;

        padding-bottom: 10px;

        border-bottom:
            1px solid #e9edf3;
    }

    .mobile-ad-campaign-head > div:first-child {
        min-width: 0;
    }

    .mobile-ad-campaign-head span,
    .mobile-ad-campaign-meta span {
        display: block;

        margin-bottom: 4px;

        color: #8d96a6;

        font-size: 8px;
        font-weight: 700;
    }

    .mobile-ad-campaign-head strong {
        display: -webkit-box;
        overflow: hidden;

        color: #273247;

        font-size: 12px;
        line-height: 1.3;

        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .mobile-ad-campaign-spend {
        flex: 0 0 auto;

        color: #3568f5;

        font-size: 14px;
        font-weight: 850;
    }

    .mobile-ad-campaign-meta {
        display: grid;
        grid-template-columns:
            minmax(0, 2fr)
            minmax(0, 1fr);

        gap: 10px;

        padding-top: 10px;
    }

    .mobile-ad-campaign-meta strong {
        color: #424d60;

        font-size: 10px;
        line-height: 1.3;
    }


    /* Advertising product cards */

    #advertisingSection
    .mobile-advertising-products {
        display: flex;
        flex-direction: column;
        gap: 10px;

        margin-top: 12px;
    }

    .mobile-ad-product-card {
        padding: 14px;

        border: 1px solid #e7eaf1;
        border-radius: 16px;

        background: #fff;

        box-shadow:
            0 6px 18px
            rgba(29, 43, 75, .035);
    }

    .mobile-ad-product-head {
        margin-bottom: 12px;
    }

    .mobile-ad-product-identity {
        min-width: 0;

        display: flex;
        align-items: center;
        gap: 10px;
    }

    .mobile-ad-product-identity
    .product-image,
    .mobile-ad-product-identity
    .product-image-placeholder {
        width: 46px;
        height: 46px;
        min-width: 46px;

        border-radius: 10px;
    }

    .mobile-ad-product-identity > div {
        min-width: 0;
    }

    .mobile-ad-product-identity strong {
        display: -webkit-box;
        overflow: hidden;

        color: #202a3d;

        font-size: 12px;
        line-height: 1.3;

        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .mobile-ad-product-identity span {
        display: block;

        margin-top: 4px;

        color: #9099a9;

        font-size: 9px;
    }


    /* Main two figures */

    .mobile-ad-product-main {
        display: grid;
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 7px;

        margin-bottom: 9px;
    }

    .mobile-ad-product-main > div {
        min-width: 0;

        padding: 10px;

        border-radius: 11px;

        background: #f5f7fb;
    }

    .mobile-ad-product-main span {
        display: block;

        margin-bottom: 4px;

        color: #8c95a5;

        font-size: 8px;
    }

    .mobile-ad-product-main strong {
        display: block;
        overflow: hidden;

        color: #263146;

        font-size: 14px;

        text-overflow: ellipsis;
        white-space: nowrap;
    }


    /* Clicks / orders / DRR / CPC */

    .mobile-ad-product-stats {
        display: grid;
        grid-template-columns:
            repeat(5, minmax(0, 1fr));

        gap: 3px;

        padding-top: 9px;

        border-top:
            1px solid #edf0f5;
    }

    .mobile-ad-product-stats > div {
        min-width: 0;

        text-align: center;
    }

    .mobile-ad-product-stats span {
        display: block;

        margin-bottom: 4px;

        color: #949cac;

        font-size: 7px;
    }

    .mobile-ad-product-stats strong {
        display: block;
        overflow: hidden;

        color: #3f495c;

        font-size: 9px;

        text-overflow: ellipsis;
        white-space: nowrap;
    }


    .mobile-advertising-empty {
        padding: 26px 14px;

        border: 1px dashed #dce1ea;
        border-radius: 15px;

        color: #8b94a4;
        background: #fff;

        text-align: center;
        font-size: 11px;
    }

}


@media (max-width: 390px) {

    #advertisingSection
    .advertising-kpi-card strong {
        font-size: 17px;
    }

    .mobile-ad-product-stats strong {
        font-size: 8px;
    }

}


/* =========================================================
   MP DIRECTOR MOBILE ADVERTISING CHART v1
   ========================================================= */

@media (max-width: 760px) {

    #advertisingSection
    .advertising-trend-card {
        padding: 14px 10px 12px;
    }

    #advertisingSection
    .advertising-chart-placeholder {
        min-height: 330px;

        margin-left: -2px;
        margin-right: -2px;

        border-radius: 14px;
    }

    #advertisingSection
    .advertising-chart-placeholder svg {
        display: block;

        width: 100% !important;
        height: auto !important;

        min-height: 310px;
    }

}


/* =========================================================
   MP DIRECTOR MOBILE FINANCE v1
   ========================================================= */

@media (max-width: 760px) {

    /* Заголовок */

    #financeSection .page-section-head {
        margin-bottom: 18px;
    }

    #financeSection .page-section-head h2 {
        font-size: 22px;
    }

    #financeSection .page-section-head p {
        max-width: 100%;
        font-size: 12px;
        line-height: 1.4;
    }


    /* Заголовки внутренних блоков */

    #financeSection .finance-payouts-head {
        margin-bottom: 10px;
    }

    #financeSection .finance-payouts-head h3 {
        margin-top: 3px;
        font-size: 16px;
        line-height: 1.3;
    }

    #financeSection .finance-payouts-head p {
        font-size: 10px;
        line-height: 1.4;
    }


    /* Выплаты — 2 x 2 */

    #financeSection .finance-payout-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 9px;
        margin-bottom: 18px;
    }

    #financeSection .finance-payout-card {
        min-width: 0;
        min-height: 112px;

        padding: 13px;

        border-radius: 15px;
    }

    #financeSection .finance-payout-card > span {
        min-height: 26px;

        margin-bottom: 7px;

        font-size: 8px;
        line-height: 1.25;

        letter-spacing: .15px;
    }

    #financeSection .finance-payout-card strong {
        overflow: hidden;

        margin-bottom: 7px;

        font-size: 18px;
        line-height: 1.1;

        letter-spacing: -.4px;

        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #financeSection .finance-payout-card small {
        display: block;

        font-size: 8px;
        line-height: 1.3;
    }


    /* Блоки финансов */

    #financeSection .finance-analytics-block,
    #financeSection .finance-mini-block {
        margin-top: 22px;
    }


    /* Продажи и себестоимость */

    #financeSection .finance-kpi-grid-two {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 9px;
    }


    /* Финансовый результат */

    #financeSection .finance-kpi-grid-three {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 9px;
    }

    #financeSection
    .finance-kpi-grid-three
    .finance-kpi-margin {
        grid-column: 1 / -1;
    }


    #financeSection .finance-kpi-card {
        min-width: 0;
        min-height: 118px;

        padding: 14px;

        border-radius: 15px;
    }

    #financeSection .finance-kpi-card span {
        min-height: 31px;

        font-size: 10px;
        line-height: 1.3;
    }

    #financeSection .finance-kpi-card strong {
        overflow: hidden;

        margin: 8px 0 6px;

        font-size: 19px;
        line-height: 1.1;

        letter-spacing: -.4px;

        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #financeSection .finance-kpi-card small {
        font-size: 9px;
        line-height: 1.3;
    }


    /* Маржинальность — акцентная широкая карточка */

    #financeSection .finance-kpi-margin {
        min-height: 105px;
    }

    #financeSection .finance-kpi-margin strong {
        font-size: 27px;
    }


    /* Период детализации */

    #financeSection .finance-other-toolbar {
        width: 100%;

        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;

        margin-bottom: 12px;
    }

    #financeSection
    #financeOtherPeriodSelect {
        width: 100%;
        min-width: 0;
        height: 44px;
    }

    #financeSection
    #financeOtherCustomPeriod:not([hidden]) {
        width: 100%;

        display: grid;
        grid-template-columns:
            minmax(0, 1fr)
            auto
            minmax(0, 1fr);

        gap: 6px;
        align-items: center;
    }

    #financeSection
    #financeOtherCustomPeriod input {
        width: 100%;
        min-width: 0;
    }

    #financeSection
    #applyFinanceOtherPeriodButton {
        grid-column: 1 / -1;

        width: 100%;
        min-height: 42px;
    }


    /* Детализация расходов — 2 в ряд */

    #financeSection .finance-mini-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 8px;
    }

    #financeSection .finance-mini-card {
        min-width: 0;
        min-height: 78px;

        padding: 11px 12px;

        border-radius: 13px;
    }

    #financeSection .finance-mini-card span {
        font-size: 9px;
        line-height: 1.3;
    }

    #financeSection .finance-mini-card strong {
        overflow: hidden;

        margin-top: 7px;

        font-size: 15px;
        line-height: 1.15;

        text-overflow: ellipsis;
        white-space: nowrap;
    }


    /* Итоги выделяем на всю ширину */

    #financeSection .finance-mini-total,
    #financeSection .finance-mini-result {
        grid-column: 1 / -1;

        min-height: 88px;
    }

    #financeSection .finance-mini-total strong,
    #financeSection .finance-mini-result strong {
        font-size: 20px;
    }

}


@media (max-width: 390px) {

    #financeSection .finance-payout-grid,
    #financeSection .finance-kpi-grid-two,
    #financeSection .finance-kpi-grid-three,
    #financeSection .finance-mini-grid {
        gap: 7px;
    }

    #financeSection .finance-payout-card strong {
        font-size: 16px;
    }

    #financeSection .finance-kpi-card strong {
        font-size: 17px;
    }

    #financeSection .finance-kpi-margin strong {
        font-size: 25px;
    }

    #financeSection .finance-mini-card strong {
        font-size: 14px;
    }

}



/* MP DIRECTOR MOBILE STOCKS v1 */
@media (max-width:760px){
#stocksSection{padding-bottom:20px}
#stocksSection .stocks-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0 16px}
#stocksSection .stocks-summary-card{min-width:0;min-height:96px;padding:12px;border-radius:15px}
#stocksSection .stocks-summary-card span{font-size:9px;line-height:1.25}
#stocksSection .stocks-summary-card strong{margin:6px 0 4px;font-size:22px}
#stocksSection .stocks-summary-card small{font-size:9px;line-height:1.3}
#stocksSection .stocks-matrix-card{padding:14px;border-radius:16px}
#stocksSection .stocks-products-list{gap:11px;margin-top:13px}
#stocksSection .stocks-product-card{display:block;padding:14px;border-radius:16px}
#stocksSection .stocks-product-side{padding:0 0 13px;border-right:0;border-bottom:1px solid #e8edf4}
#stocksSection .stocks-product-image,#stocksSection .stocks-product-image-placeholder{width:52px!important;height:52px!important;min-width:52px;max-width:52px}
#stocksSection .stocks-product-info strong{font-size:12px;line-height:1.3;-webkit-line-clamp:2}
#stocksSection .stocks-product-metrics{grid-template-columns:minmax(0,1fr) auto!important;column-gap:12px!important;margin-top:13px;padding-top:11px}
#stocksSection .stocks-product-metrics>div>strong{font-size:24px}
#stocksSection .stocks-product-metrics .stocks-total-recommendation{margin-top:11px!important}
#stocksSection .stocks-product-metrics .stocks-total-recommendation strong{font-size:18px}
#stocksSection .stocks-product-clusters{padding-top:13px}
#stocksSection .stocks-product-clusters-title{flex-direction:column;align-items:stretch;gap:9px;margin-bottom:10px}
#stocksSection .stocks-horizon-control{width:100%;display:grid;grid-template-columns:1fr auto;gap:8px}
#stocksSection .stocks-horizon-select{min-width:105px;height:38px}
#stocksSection .stocks-hide-empty-control input{width:17px;height:17px}
#stocksSection .stocks-clusters-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#stocksSection .stocks-cluster-item{padding:9px;border-radius:11px}
#stocksSection .stocks-cluster-top span{font-size:9px}
#stocksSection .stocks-cluster-top strong{font-size:14px}
#stocksSection .stocks-cluster-item small,#stocksSection .stocks-cluster-sales{font-size:8px}
#stocksSection .stocks-supply-recommendation{gap:4px;margin-top:6px;padding:6px}
#stocksSection .stocks-supply-recommendation span{font-size:8px}
#stocksSection .stocks-supply-recommendation strong{font-size:11px}
}

/* =========================================================
   MP DIRECTOR NATIVE APP AUTH v1
   ========================================================= */

html.native-app {
    background: #f5f7fb;
}

html.native-app .native-app-hide-landing {
    display: none !important;
}

html.native-app body:has(#auth:not([hidden])) {
    min-height: 100dvh;
    background:
        linear-gradient(
            180deg,
            #eef3ff 0%,
            #f7f9fd 38%,
            #ffffff 100%
        );
}

html.native-app
body:has(#auth:not([hidden]))
.container {
    width: 100%;
    max-width: none;
    min-height: 100dvh;

    margin: 0;
    padding:
        max(24px, env(safe-area-inset-top))
        18px
        max(28px, env(safe-area-inset-bottom));
}

html.native-app #authForms {
    width: 100%;
    max-width: 480px;
    min-height: calc(
        100dvh
        - max(24px, env(safe-area-inset-top))
        - max(28px, env(safe-area-inset-bottom))
    );

    margin: 0 auto;
    padding: 0;

    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 18px;
}

html.native-app
#authForms
.landing-auth-intro {
    display: none !important;
}

.native-auth-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;

    margin-bottom: 4px;
}

.native-auth-logo {
    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 15px;

    background: #172033;
    color: #ffffff;

    font-size: 15px;
    font-weight: 900;
    letter-spacing: -.3px;

    box-shadow:
        0 10px 24px
        rgba(23, 32, 51, .16);
}

.native-auth-brand-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.native-auth-brand-text strong {
    color: #172033;

    font-size: 20px;
    font-weight: 850;
    line-height: 1.1;
}

.native-auth-brand-text span {
    color: #8b95a5;

    font-size: 11px;
    font-weight: 600;
}

.native-auth-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;

    padding: 4px;

    border: 1px solid #e1e7f0;
    border-radius: 14px;

    background: rgba(255,255,255,.72);
}

.native-auth-tab {
    min-height: 43px;

    margin: 0;
    padding: 0 12px;

    border: 0;
    border-radius: 10px;

    background: transparent;
    color: #7c8799;

    box-shadow: none;

    font-size: 13px;
    font-weight: 750;
}

.native-auth-tab.active {
    background: #172033;
    color: #ffffff;

    box-shadow:
        0 6px 16px
        rgba(23, 32, 51, .14);
}

html.native-app
#authForms
.auth-grid {
    width: 100%;

    display: block;
}

html.native-app
#authForms
.landing-auth-card {
    width: 100%;

    margin: 0;
    padding: 22px 18px;

    border: 1px solid #e2e7ef;
    border-radius: 20px;

    background:
        rgba(255,255,255,.96);

    box-shadow:
        0 16px 45px
        rgba(31, 43, 68, .08);
}

html.native-app
#authForms
.landing-auth-card[hidden] {
    display: none !important;
}

html.native-app
#authForms
.landing-auth-card-head span {
    margin-bottom: 5px;

    font-size: 10px;
}

html.native-app
#authForms
.landing-auth-card-head h2,
html.native-app
#authForms
.landing-auth-card > h2 {
    margin: 0 0 18px;

    color: #172033;

    font-size: 25px;
    line-height: 1.1;
}

html.native-app
#authForms input[type="email"],
html.native-app
#authForms input[type="password"] {
    width: 100%;
    height: 54px;

    margin-bottom: 11px;
    padding: 0 15px;

    border: 1px solid #dce3ed;
    border-radius: 13px;

    background: #f9fbfd;

    font-size: 16px;
}

html.native-app
#authForms
button[type="submit"] {
    width: 100%;
    min-height: 52px;

    margin-top: 4px;

    border-radius: 13px;

    font-size: 15px;
    font-weight: 800;
}

html.native-app
#authForms
.auth-link-button {
    width: 100%;
    min-height: 42px;

    margin-top: 6px;

    font-size: 12px;
}

html.native-app
#authForms
.register-legal-consents {
    margin: 7px 0 12px;
}

html.native-app
#authForms
.legal-consent-row {
    align-items: flex-start;

    font-size: 11px;
    line-height: 1.4;
}

html.native-app
#authForms
.legal-consent-row input {
    width: 18px;
    height: 18px;
    min-width: 18px;

    margin-top: 1px;
}

html.native-app
#authForms
.auth-helper-text {
    font-size: 12px;
    line-height: 1.5;
}

html.native-app
#authForms
.message {
    margin-top: 10px;
}

@media (max-height: 700px) {

    html.native-app #authForms {
        justify-content: flex-start;
    }

}


/* =========================================================
   MP DIRECTOR GOOGLE PLAY v1
   ========================================================= */

:is(html.google-play-app, html.rustore-app)
#subscriptionSection
.subscription-plans,

:is(html.google-play-app, html.rustore-app)
#subscriptionSection
.subscription-payment-note,

:is(html.google-play-app, html.rustore-app)
#subscriptionSection
.billing-pay-button {
    display: none !important;
}

.google-play-subscription-note {
    display: none;
}

:is(html.google-play-app, html.rustore-app)
.google-play-subscription-note {
    display: flex;
    flex-direction: column;
    gap: 6px;

    margin: 18px 0;
    padding: 16px;

    border: 1px solid #dce5f5;
    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            #f4f7ff,
            #ffffff
        );
}

:is(html.google-play-app, html.rustore-app)
.google-play-subscription-note strong {
    color: #172033;

    font-size: 14px;
    font-weight: 800;
}

:is(html.google-play-app, html.rustore-app)
.google-play-subscription-note span {
    color: #64748b;

    font-size: 11px;
    line-height: 1.5;
}




/* =========================================================
   MP DIRECTOR MOBILE ICONS v2
   ========================================================= */

.mobile-nav-icon {
    width: 22px !important;
    height: 22px !important;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    line-height: 1 !important;
    font-size: 0 !important;
    letter-spacing: normal !important;
}

.mobile-nav-icon svg {
    width: 22px;
    height: 22px;

    display: block;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.mobile-more-icon {
    width: 24px !important;
    height: 24px !important;

    flex: 0 0 24px;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    font-size: 0 !important;
    line-height: 1 !important;

    color: #68758a;
}

.mobile-more-icon svg {
    width: 22px;
    height: 22px;

    display: block;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.mobile-more-logout .mobile-more-icon {
    color: currentColor;
}



/* =========================================================
   MP DIRECTOR OZON API GUIDE v1
   ========================================================= */

.ozon-api-guide-entry {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
}

.ozon-api-guide-entry-copy {
    display: flex;
    align-items: center;
    gap: 14px;
}

.ozon-api-guide-entry-copy h3 {
    margin: 0 0 4px;
}

.ozon-api-guide-entry-copy p {
    margin: 0;
    color: #7b879b;
    font-size: 13px;
    line-height: 1.5;
}

.ozon-api-guide-entry-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            #eef3ff,
            #e3ebff
        );

    color: #3568f5;

    font-size: 22px;
    font-weight: 900;
}

#dashboard
.ozon-api-guide-open-button {
    flex: 0 0 auto;
    white-space: nowrap;
}

body.ozon-api-guide-open {
    overflow: hidden;
}

.ozon-api-guide-modal[hidden] {
    display: none !important;
}

.ozon-api-guide-modal {
    position: fixed;
    z-index: 5000;
    inset: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 28px;

    background:
        rgba(12, 18, 30, .64);

    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}

.ozon-api-guide-dialog {
    width: min(920px, 100%);
    max-height: min(900px, calc(100vh - 50px));

    overflow-y: auto;
    overscroll-behavior: contain;

    padding: 30px;

    border-radius: 24px;

    background: #ffffff;

    box-shadow:
        0 30px 90px rgba(12, 18, 30, .28);
}

.ozon-api-guide-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;

    margin-bottom: 20px;
}

.ozon-api-guide-kicker {
    display: block;

    margin-bottom: 5px;

    color: #3568f5;

    font-size: 11px;
    font-weight: 800;

    text-transform: uppercase;
    letter-spacing: .08em;
}

.ozon-api-guide-head h2 {
    margin: 0 0 7px;

    color: #172033;

    font-size: 28px;
    line-height: 1.15;
}

.ozon-api-guide-head p {
    margin: 0;

    color: #7a8699;
    font-size: 14px;
}

#dashboard
.ozon-api-guide-close,
.ozon-api-guide-close {
    width: 40px;
    height: 40px;

    flex: 0 0 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0;
    padding: 0;

    border: 0 !important;
    border-radius: 12px !important;

    background: #f2f4f8 !important;
    color: #69758a !important;

    box-shadow: none !important;

    font-size: 25px;
    line-height: 1;
}

.ozon-api-guide-warning {
    display: flex;
    gap: 14px;

    margin: 0 0 26px;
    padding: 18px;

    border:
        1px solid
        #ffd3a3;

    border-radius: 17px;

    background:
        linear-gradient(
            135deg,
            #fff8ee,
            #fffdf9
        );
}

.ozon-api-guide-warning-icon {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 11px;

    background: #ff922b;
    color: #ffffff;

    font-size: 20px;
    font-weight: 900;
}

.ozon-api-guide-warning strong {
    display: block;

    margin-bottom: 5px;

    color: #8b4700;
    font-size: 15px;
}

.ozon-api-guide-warning p {
    margin: 0;

    color: #80572c;
    font-size: 13px;
    line-height: 1.55;
}

.ozon-api-guide-section {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 16px;

    padding: 25px 0;

    border-top:
        1px solid #edf0f5;
}

.ozon-api-guide-section-number {
    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            #416ff5,
            #315edc
        );

    color: #ffffff;

    font-size: 16px;
    font-weight: 900;
}

.ozon-api-guide-section-content h3 {
    margin: 5px 0 8px;

    color: #172033;
    font-size: 19px;
}

.ozon-api-guide-section-content > p {
    margin: 0 0 16px;

    color: #69758a;
    font-size: 13px;
    line-height: 1.6;
}

.ozon-api-guide-steps {
    margin: 14px 0 18px;
    padding-left: 23px;

    color: #39465a;

    font-size: 14px;
    line-height: 1.6;
}

.ozon-api-guide-steps li {
    margin: 8px 0;
    padding-left: 4px;
}

.ozon-api-guide-critical-step {
    margin-left: -2px !important;
    padding: 9px 10px !important;

    border-radius: 9px;

    background: #fff4e8;

    color: #9a4f00;

    font-weight: 700;
}

.ozon-api-guide-external {
    display: inline-flex;
    align-items: center;

    margin-bottom: 17px;

    color: #3568f5;

    font-size: 13px;
    font-weight: 700;

    text-decoration: none;
}

.ozon-api-guide-external:hover {
    text-decoration: underline;
}

.ozon-api-guide-figure {
    margin: 4px 0 0;
}

.ozon-api-guide-figure img {
    display: block;

    width: 100%;
    max-width: 690px;
    max-height: 500px;

    object-fit: contain;
    object-position: left top;

    border:
        1px solid #e5e9f0;

    border-radius: 15px;

    background: #f7f9fc;
}

.ozon-api-guide-figure figcaption {
    margin-top: 8px;

    color: #8792a5;

    font-size: 11px;
    line-height: 1.5;
}

.ozon-api-guide-info {
    margin: 12px 0 16px;
    padding: 12px 14px;

    border-radius: 11px;

    background: #eef4ff;
    color: #405779;

    font-size: 13px;
}

.ozon-api-map {
    display: flex;
    flex-direction: column;
    gap: 9px;

    margin: 15px 0;
}

.ozon-api-map-row {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        40px
        minmax(0, 1fr);

    align-items: center;

    padding: 13px;

    border:
        1px solid #e5eaf2;

    border-radius: 13px;

    background: #fafbfe;
}

.ozon-api-map-row > div:not(.ozon-api-map-arrow) {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.ozon-api-map-row span {
    color: #8a95a7;
    font-size: 10px;
    font-weight: 700;

    text-transform: uppercase;
}

.ozon-api-map-row strong {
    color: #273349;
    font-size: 13px;
}

.ozon-api-map-arrow {
    color: #3568f5;

    text-align: center;
    font-size: 20px;
    font-weight: 900;
}

.ozon-api-guide-note {
    padding: 12px 14px;

    border-radius: 11px;

    background: #f6f8fb;

    color: #667387 !important;
}

.ozon-api-guide-summary {
    margin-top: 6px;
    padding: 20px;

    border-radius: 17px;

    background:
        linear-gradient(
            135deg,
            #172441,
            #1d315d
        );

    color: #ffffff;
}

.ozon-api-guide-summary > strong {
    display: block;

    margin-bottom: 13px;

    font-size: 17px;
}

.ozon-api-guide-summary-grid {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 8px;
}

.ozon-api-guide-summary-grid span {
    padding: 10px 12px;

    border:
        1px solid rgba(255,255,255,.12);

    border-radius: 10px;

    background:
        rgba(255,255,255,.07);

    font-size: 12px;
}

.ozon-api-guide-summary p {
    margin: 14px 0 0;

    color: #d9e4ff;

    font-size: 13px;
}

.ozon-api-guide-summary p strong {
    color: #ffffff;
}

.ozon-api-guide-footer {
    display: flex;
    justify-content: flex-end;

    padding-top: 22px;
}

@media (max-width: 760px) {

    .ozon-api-guide-entry {
        flex-direction: column;
        align-items: stretch;
    }

    #dashboard
    .ozon-api-guide-open-button {
        width: 100%;
    }

    .ozon-api-guide-modal {
        align-items: flex-end;

        padding: 0;
    }

    .ozon-api-guide-dialog {
        width: 100%;
        max-height:
            calc(
                94vh
                - env(safe-area-inset-top)
            );

        padding:
            22px
            17px
            calc(
                22px
                + env(safe-area-inset-bottom)
            );

        border-radius:
            24px 24px 0 0;
    }

    .ozon-api-guide-head h2 {
        font-size: 23px;
    }

    .ozon-api-guide-section {
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 11px;
    }

    .ozon-api-guide-section-number {
        width: 32px;
        height: 32px;

        border-radius: 10px;

        font-size: 14px;
    }

    .ozon-api-guide-section-content h3 {
        margin-top: 3px;

        font-size: 17px;
    }

    .ozon-api-map-row {
        grid-template-columns: 1fr;
        gap: 7px;
    }

    .ozon-api-map-arrow {
        text-align: left;

        transform: rotate(90deg);

        width: 22px;
    }

    .ozon-api-guide-summary-grid {
        grid-template-columns: 1fr;
    }

    .ozon-api-guide-figure img {
        max-height: 420px;
    }
}


/* =========================================================
   MP DIRECTOR DESKTOP LAYOUT FIX v1
   ========================================================= */

@media (min-width: 901px) {

    .dashboard-shell {
        grid-template-columns:
            220px minmax(0, 1fr);
    }

    .app-sidebar {
        padding:
            22px
            14px;
    }

    .sidebar-brand {
        gap: 10px;
        padding:
            4px
            6px
            24px;
    }

    .sidebar-link {
        gap: 10px;
        padding:
            10px
            11px;

        font-size: 13px;
    }

    .dashboard-main {
        width: 100%;
        max-width: 1400px;

        margin:
            0
            auto;

        padding:
            26px
            28px
            60px;
    }

    .dashboard-shell.sidebar-collapsed
    .dashboard-main {
        max-width: 1480px;
        margin: 0 auto;
    }
}

@media (min-width: 1800px) {

    .dashboard-main {
        padding-left: 32px;
        padding-right: 32px;
    }
}


/* MP DIRECTOR DESKTOP LAYOUT FIX v2 */

@media (min-width: 901px) {

    .dashboard-main {
        max-width: 1180px;
        margin: 0 auto;
    }

    .dashboard-shell.sidebar-collapsed
    .dashboard-main {
        max-width: 1240px;
        margin: 0 auto;
    }
}


/* =========================================================
   MP DIRECTOR COOKIE BANNER v1
   ========================================================= */

.cookie-banner {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;

    z-index: 12000;

    padding:
        14px
        18px
        calc(14px + env(safe-area-inset-bottom));

    background:
        rgba(15, 23, 42, .96);

    backdrop-filter:
        blur(12px);

    box-shadow:
        0 -10px 35px
        rgba(15, 23, 42, .18);
}

.cookie-banner-content {
    width: min(1180px, 100%);
    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.cookie-banner-text {
    min-width: 0;

    color: #ffffff;
}

.cookie-banner-text strong {
    display: block;

    margin-bottom: 4px;

    font-size: 14px;
}

.cookie-banner-text p {
    margin: 0;

    color: #cbd5e1;

    font-size: 12px;
    line-height: 1.45;
}

.cookie-banner-text a {
    color: #93b4ff;
    text-decoration: underline;
}

.cookie-banner-button {
    width: auto;
    min-width: 110px;

    margin: 0;
    padding: 10px 18px;

    flex: 0 0 auto;

    border-radius: 10px;

    background: #3568f5;
    color: #ffffff;

    font-size: 13px;
    font-weight: 700;
}

.cookie-banner-button:hover {
    opacity: .92;
}

@media (max-width: 700px) {

    .cookie-banner {
        padding:
            14px
            16px
            calc(14px + env(safe-area-inset-bottom));
    }

    .cookie-banner-content {
        align-items: stretch;
        flex-direction: column;
        gap: 12px;
    }

    .cookie-banner-button {
        width: 100%;
    }
}


/* MP DIRECTOR AI ANALYST UI v1 */

.ai-section {
    width: 100%;
}

.ai-page-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;

    margin-bottom: 22px;
}

.ai-page-head h2 {
    margin: 4px 0 7px;

    color: #172033;

    font-size: 26px;
    font-weight: 800;
}

.ai-page-head p {
    max-width: 680px;
    margin: 0;

    color: #7b8496;

    font-size: 14px;
    line-height: 1.5;
}

.ai-kicker {
    color: #3568f5;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.ai-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    flex: 0 0 auto;

    padding: 8px 12px;

    border: 1px solid #dfe5f0;
    border-radius: 999px;

    background: #ffffff;
    color: #667085;

    font-size: 12px;
    font-weight: 700;
}

.ai-status-dot {
    width: 8px;
    height: 8px;

    border-radius: 50%;

    background: #16a36a;

    box-shadow:
        0 0 0 4px
        rgba(22, 163, 106, .10);
}


/* Быстрые вопросы */

.ai-quick-actions {
    display: grid;
    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 10px;

    margin-bottom: 16px;
}

.ai-quick-button {
    min-height: 44px;

    margin: 0;
    padding: 10px 14px;

    border: 1px solid #dfe5f0;
    border-radius: 12px;

    background: #ffffff;
    color: #39435a;

    font-size: 12px;
    font-weight: 700;

    box-shadow:
        0 2px 8px
        rgba(15, 23, 42, .03);
}

.ai-quick-button:hover {
    opacity: 1;

    border-color: #b9c9f7;

    background: #f6f8ff;
    color: #3568f5;

    transform: translateY(-1px);
}


/* Карточка чата */

.ai-chat-card {
    overflow: hidden;

    border: 1px solid #e2e7f0;
    border-radius: 18px;

    background: #ffffff;

    box-shadow:
        0 8px 28px
        rgba(15, 23, 42, .045);
}

.ai-chat-messages {
    min-height: 430px;
    max-height: 62vh;

    overflow-y: auto;

    padding: 24px;

    background:
        linear-gradient(
            180deg,
            #fbfcff 0%,
            #ffffff 100%
        );
}


/* Сообщения */

.ai-message {
    display: flex;
    align-items: flex-start;
    gap: 11px;

    margin-bottom: 20px;
}

.ai-message:last-child {
    margin-bottom: 0;
}

.ai-message-avatar {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;

    flex: 0 0 34px;

    border-radius: 10px;

    background:
        linear-gradient(
            135deg,
            #557dff,
            #315ee9
        );

    color: #ffffff;

    font-size: 10px;
    font-weight: 900;

    box-shadow:
        0 5px 16px
        rgba(53, 104, 245, .18);
}

.ai-message-bubble {
    max-width: 760px;

    padding: 14px 16px;

    border: 1px solid #e5e9f2;
    border-radius: 4px 14px 14px 14px;

    background: #ffffff;

    color: #30384a;

    font-size: 14px;
    line-height: 1.55;
}

.ai-message-bubble strong {
    display: block;

    margin-bottom: 5px;

    color: #172033;
}

.ai-message-bubble p {
    margin: 0;
}

.ai-message-user {
    flex-direction: row-reverse;
}

.ai-message-user .ai-message-avatar {
    background: #172033;
}

.ai-message-user .ai-message-bubble {
    border-color: #dbe4ff;
    border-radius: 14px 4px 14px 14px;

    background: #edf2ff;
}


/* Поле ввода */

.ai-chat-form {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        auto;

    align-items: end;
    gap: 12px;

    padding: 16px 18px;

    border-top: 1px solid #e8ebf2;

    background: #ffffff;
}

.ai-chat-form textarea {
    width: 100%;
    min-height: 48px;
    max-height: 140px;

    resize: vertical;

    padding: 13px 14px;

    border: 1px solid #d7ddea;
    border-radius: 12px;

    outline: none;

    background: #fbfcfe;
    color: #172033;

    font-family: inherit;
    font-size: 14px;
    line-height: 1.45;
}

.ai-chat-form textarea:focus {
    border-color: #3568f5;

    background: #ffffff;

    box-shadow:
        0 0 0 3px
        rgba(53, 104, 245, .09);
}

.ai-send-button {
    width: auto;
    min-width: 112px;
    height: 48px;

    margin: 0;
    padding: 0 20px;

    border-radius: 12px;

    background: #3568f5;

    font-size: 13px;
    font-weight: 800;
}

.ai-chat-note {
    padding:
        0
        18px
        14px;

    background: #ffffff;
    color: #98a2b3;

    font-size: 11px;
}


/* Mobile */

@media (max-width: 900px) {

    .ai-quick-actions {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {

    .ai-page-head {
        flex-direction: column;
        gap: 12px;
    }

    .ai-status {
        align-self: flex-start;
    }

    .ai-quick-actions {
        grid-template-columns: 1fr 1fr;
    }

    .ai-chat-messages {
        min-height: 360px;
        padding: 16px;
    }

    .ai-message-bubble {
        font-size: 13px;
    }

    .ai-chat-form {
        grid-template-columns: 1fr;
    }

    .ai-send-button {
        width: 100%;
    }
}

/* MP DIRECTOR AI PRODUCT TABLE v1 */

.ai-data-table-wrap {
    margin-top: 14px;
    max-width: 100%;
    overflow-x: auto;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #fff;
}

.ai-data-table-title {
    padding: 12px 14px;
    font-size: 13px;
    font-weight: 700;
    border-bottom: 1px solid #e5e7eb;
}

.ai-data-table {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    font-size: 13px;
}

.ai-data-table th,
.ai-data-table td {
    padding: 10px 12px;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #eef0f3;
}

.ai-data-table th {
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    background: #f8f9fb;
}

.ai-data-table td:nth-child(n+2) {
    white-space: nowrap;
}

.ai-data-table tbody tr:last-child td {
    border-bottom: 0;
}

.ai-message-text {
    white-space: pre-wrap;
    line-height: 1.55;
}

@media (max-width: 700px) {
    .ai-data-table-wrap {
        margin-left: -2px;
        margin-right: -2px;
    }

    .ai-data-table {
        min-width: 700px;
        font-size: 12px;
    }

    .ai-data-table th,
    .ai-data-table td {
        padding: 9px 10px;
    }
}


/* MP DIRECTOR AI PRODUCT DETAIL v2 */

.ai-product-detail {
    margin-top: 14px;
    width: 100%;
    max-width: 520px;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #fff;
}

.ai-product-detail-header {
    padding: 11px 14px;
    font-size: 13px;
    font-weight: 700;
    border-bottom: 1px solid #e5e7eb;
    background: #f8f9fb;
}

.ai-product-detail-name {
    padding: 12px 14px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    overflow-wrap: anywhere;
    border-bottom: 1px solid #eef0f3;
}

.ai-product-detail-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 13px;
}

.ai-product-detail-table td {
    padding: 9px 14px;
    border-bottom: 1px solid #eef0f3;
    vertical-align: top;
}

.ai-product-detail-table tr:last-child td {
    border-bottom: 0;
}

.ai-product-detail-label {
    width: 42%;
    font-weight: 600;
    color: #667085;
}

.ai-product-detail-value {
    width: 58%;
    text-align: right;
    font-weight: 600;
    overflow-wrap: anywhere;
}

@media (max-width: 700px) {
    .ai-product-detail {
        max-width: 100%;
    }

    .ai-product-detail-table td {
        padding: 9px 10px;
    }

    .ai-product-detail-name {
        padding: 10px;
        font-size: 13px;
    }
}


/* MP DIRECTOR AI EXPORT BUTTON v1 */

.ai-export-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 14px;
    padding: 10px 14px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    background: #111827;
    color: #fff;
    transition: opacity .15s ease, transform .15s ease;
}

.ai-export-button:hover {
    opacity: .9;
    transform: translateY(-1px);
}

.ai-export-button:active {
    transform: translateY(0);
}

@media (max-width: 700px) {
    .ai-export-button {
        width: 100%;
    }
}


/* MP DIRECTOR AI PNG PREVIEW v1 */

.ai-chart-image {
    display: block;
    width: 100%;
    max-width: 720px;
    height: auto;
    margin-top: 14px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #fff;
}

@media (max-width: 700px) {
    .ai-chart-image {
        max-width: 100%;
        border-radius: 10px;
    }
}


/* MP DIRECTOR AI CONVERSATIONS v1 */

.ai-chat-layout {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 18px;
    align-items: stretch;
}

.ai-conversations-panel {
    min-width: 0;
    padding: 14px;

    border: 1px solid #e2e7f0;
    border-radius: 18px;

    background: #ffffff;

    box-shadow:
        0 8px 28px
        rgba(15, 23, 42, .045);
}

.ai-new-conversation-button {
    width: 100%;

    padding: 11px 14px;

    border: 0;
    border-radius: 12px;

    background: #3568f5;
    color: #ffffff;

    font-size: 13px;
    font-weight: 800;

    cursor: pointer;

    transition:
        transform .15s ease,
        opacity .15s ease;
}

.ai-new-conversation-button:hover {
    transform: translateY(-1px);
    opacity: .94;
}

.ai-conversations-head {
    margin: 16px 4px 9px;

    color: #7a8498;

    font-size: 11px;
    font-weight: 800;

    text-transform: uppercase;
    letter-spacing: .06em;
}

.ai-conversations-list {
    display: flex;
    flex-direction: column;
    gap: 6px;

    max-height: 570px;
    overflow-y: auto;
}

.ai-conversation-item {
    width: 100%;

    padding: 10px 11px;

    border: 1px solid transparent;
    border-radius: 11px;

    background: transparent;
    color: #39435a;

    text-align: left;

    cursor: pointer;
}

.ai-conversation-item:hover {
    background: #f6f8fc;
}

.ai-conversation-item.is-active {
    border-color: #d8e2ff;
    background: #edf2ff;
    color: #254fc9;
}

.ai-conversation-title {
    display: block;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    font-size: 13px;
    font-weight: 750;
}

.ai-conversation-meta {
    display: block;

    margin-top: 4px;

    color: #8b94a7;

    font-size: 11px;
    font-weight: 600;
}

.ai-conversations-loading,
.ai-conversations-empty {
    padding: 14px 8px;

    color: #8b94a7;

    font-size: 12px;
    text-align: center;
}

.ai-chat-layout .ai-chat-card {
    min-width: 0;
}

@media (max-width: 900px) {
    .ai-chat-layout {
        grid-template-columns: 1fr;
    }

    .ai-conversations-list {
        max-height: 220px;
    }
}

/* /MP DIRECTOR AI CONVERSATIONS v1 */


/* MP DIRECTOR AI DATA TABLE v1 */

.ai-data-table-wrap {
    width: 100%;
    max-width: 100%;

    margin-top: 14px;

    overflow-x: auto;

    border: 1px solid #e3e8f1;
    border-radius: 12px;

    background: #ffffff;
}

.ai-data-table {
    width: 100%;
    min-width: 820px;

    border-collapse: collapse;

    font-size: 12px;
}

.ai-data-table th {
    padding: 10px 12px;

    border-bottom: 1px solid #e3e8f1;

    background: #f7f9fc;
    color: #596579;

    font-size: 11px;
    font-weight: 800;

    text-align: left;
    white-space: nowrap;
}

.ai-data-table td {
    padding: 10px 12px;

    border-bottom: 1px solid #edf0f5;

    color: #30384a;

    vertical-align: top;
}

.ai-data-table tbody tr:last-child td {
    border-bottom: 0;
}

.ai-data-table tbody tr:hover {
    background: #fafbfe;
}

.ai-data-table-product {
    min-width: 260px;

    font-weight: 700;
}

.ai-data-table-number {
    text-align: right;
    white-space: nowrap;
}

/* /MP DIRECTOR AI DATA TABLE v1 */



/* MP DIRECTOR PREMIUM VISUAL v1 */

/* ============================================================
   AI LANDING SHOWCASE
   ============================================================ */

.landing-ai-showcase {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, .92fr);
    gap: 72px;
    align-items: center;
    margin: 104px 0;
    padding: 72px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.72);
    border-radius: 38px;
    background:
        radial-gradient(circle at 12% 0%, rgba(82,125,255,.12), transparent 38%),
        radial-gradient(circle at 92% 100%, rgba(130,76,255,.13), transparent 40%),
        linear-gradient(145deg, rgba(255,255,255,.96), rgba(246,248,255,.88));
    box-shadow:
        0 40px 100px rgba(15,23,42,.10),
        inset 0 1px 0 rgba(255,255,255,.95);
}

.landing-ai-showcase::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(15,23,42,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15,23,42,.025) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.45), transparent 76%);
}

.landing-ai-copy,
.landing-ai-demo {
    position: relative;
    z-index: 2;
}

.landing-ai-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 13px;
    margin-bottom: 22px;
    border: 1px solid rgba(61,94,255,.14);
    border-radius: 999px;
    background: rgba(255,255,255,.72);
    box-shadow: 0 8px 24px rgba(30,41,59,.06);
    color: #334155;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .02em;
    backdrop-filter: blur(18px);
}

.landing-ai-badge-icon {
    display: grid;
    width: 25px;
    height: 25px;
    place-items: center;
    border-radius: 8px;
    background: linear-gradient(135deg, #2563eb, #7c3aed);
    color: white;
    font-size: 12px;
    box-shadow: 0 5px 16px rgba(79,70,229,.28);
}

.landing-ai-copy h2 {
    max-width: 680px;
    margin: 0;
    color: #0b1020;
    font-size: clamp(42px, 4vw, 66px);
    line-height: .99;
    letter-spacing: -.052em;
    font-weight: 750;
}

.landing-ai-copy h2 span {
    color: #7a8499;
}

.landing-ai-lead {
    max-width: 630px;
    margin: 28px 0 34px;
    color: #657086;
    font-size: 18px;
    line-height: 1.65;
}

.landing-ai-benefits {
    display: grid;
    gap: 10px;
}

.landing-ai-benefit {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 15px;
    align-items: start;
    padding: 15px 16px;
    border: 1px solid transparent;
    border-radius: 18px;
    transition: .22s ease;
}

.landing-ai-benefit:hover {
    border-color: rgba(148,163,184,.22);
    background: rgba(255,255,255,.64);
    transform: translateY(-1px);
}

.landing-ai-benefit > span {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 12px;
    background: rgba(37,99,235,.07);
    color: #4864a8;
    font-size: 11px;
    font-weight: 800;
}

.landing-ai-benefit strong {
    display: block;
    margin: 1px 0 4px;
    color: #111827;
    font-size: 15px;
}

.landing-ai-benefit p {
    margin: 0;
    color: #738095;
    font-size: 13px;
    line-height: 1.5;
}

.landing-ai-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 28px;
}

.landing-ai-tags span {
    padding: 7px 11px;
    border: 1px solid rgba(148,163,184,.18);
    border-radius: 999px;
    background: rgba(255,255,255,.67);
    color: #68758a;
    font-size: 11px;
    font-weight: 650;
    box-shadow: 0 4px 14px rgba(15,23,42,.035);
}

.landing-ai-demo {
    padding: 18px 0 22px;
}

.landing-ai-window {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.86);
    border-radius: 30px;
    background: rgba(255,255,255,.83);
    box-shadow:
        0 38px 80px rgba(44,55,95,.18),
        0 8px 26px rgba(44,55,95,.08),
        inset 0 1px 0 white;
    backdrop-filter: blur(30px);
    transform: perspective(1300px) rotateY(-2deg) rotateX(1deg);
}

.landing-ai-window-head {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 17px 18px;
    border-bottom: 1px solid rgba(148,163,184,.14);
    background: rgba(250,251,255,.78);
}

.landing-ai-orb {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;
    border-radius: 13px;
    background: linear-gradient(145deg, #111827, #385cff 62%, #8b5cf6);
    color: white;
    font-size: 14px;
    box-shadow: 0 8px 20px rgba(72,82,208,.23);
}

.landing-ai-window-head > div:nth-child(2) {
    display: grid;
    gap: 1px;
}

.landing-ai-window-head strong {
    color: #121827;
    font-size: 13px;
}

.landing-ai-window-head span {
    color: #8b95a7;
    font-size: 11px;
}

.landing-ai-online {
    display: flex !important;
    grid-auto-flow: column;
    align-items: center;
    gap: 6px !important;
    margin-left: auto;
    padding: 6px 9px;
    border-radius: 999px;
    background: #f2fbf5;
    color: #47825a;
    font-size: 10px;
    font-weight: 700;
}

.landing-ai-online i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #43b36b;
    box-shadow: 0 0 0 4px rgba(67,179,107,.10);
}

.landing-ai-chat {
    display: flex;
    min-height: 460px;
    flex-direction: column;
    gap: 12px;
    padding: 22px 18px 17px;
    background:
        linear-gradient(180deg, rgba(248,250,255,.84), rgba(255,255,255,.66));
}

.landing-ai-message {
    max-width: 88%;
    padding: 13px 15px;
    border-radius: 18px;
    font-size: 12px;
    line-height: 1.5;
}

.landing-ai-message.user {
    align-self: flex-end;
    border-bottom-right-radius: 6px;
    background: #131a2b;
    color: white;
    box-shadow: 0 10px 28px rgba(15,23,42,.12);
}

.landing-ai-message.user.small {
    max-width: 64%;
}

.landing-ai-message.assistant {
    align-self: flex-start;
    width: 86%;
    border: 1px solid rgba(148,163,184,.16);
    border-bottom-left-radius: 6px;
    background: rgba(255,255,255,.94);
    color: #1e293b;
    box-shadow: 0 12px 32px rgba(15,23,42,.055);
}

.landing-ai-message.assistant > strong {
    display: block;
    margin-top: 6px;
    font-size: 12px;
}

.landing-ai-message.assistant p {
    margin: 2px 0 7px;
    color: #68758a;
    font-size: 11px;
}

.landing-ai-result-label {
    display: inline-flex;
    padding: 5px 8px;
    margin-bottom: 6px;
    border-radius: 999px;
    background: #effaf2;
    color: #398052;
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .055em;
}

.landing-ai-mini-metric {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #8b95a7;
    font-size: 10px;
}

.landing-ai-mini-metric b {
    color: #111827;
    font-size: 12px;
}

.landing-ai-divider {
    height: 1px;
    margin: 11px 0;
    background: #edf0f5;
}

.landing-ai-thinking {
    display: flex;
    gap: 4px;
    align-self: flex-start;
    padding: 8px 11px;
    border-radius: 999px;
    background: rgba(255,255,255,.78);
}

.landing-ai-thinking span {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #a2acc0;
}

.landing-ai-file {
    display: flex;
    width: 78%;
    align-items: center;
    gap: 10px;
    padding: 11px 12px;
    border: 1px solid rgba(50,170,96,.15);
    border-radius: 16px;
    background: rgba(246,253,248,.92);
    box-shadow: 0 8px 24px rgba(15,23,42,.04);
}

.landing-ai-file-icon {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 10px;
    background: #1d8e53;
    color: white;
    font-size: 12px;
    font-weight: 800;
}

.landing-ai-file > div:nth-child(2) {
    display: grid;
    gap: 1px;
    min-width: 0;
}

.landing-ai-file strong {
    overflow: hidden;
    color: #1f2937;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.landing-ai-file span {
    color: #829085;
    font-size: 9px;
}

.landing-ai-file > b {
    margin-left: auto;
    color: #5d6b62;
}

.landing-ai-input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 14px 14px;
    padding: 12px 12px 12px 15px;
    border: 1px solid rgba(148,163,184,.19);
    border-radius: 16px;
    background: rgba(255,255,255,.9);
    color: #a0a9b8;
    font-size: 10px;
    box-shadow: inset 0 1px 2px rgba(15,23,42,.025);
}

.landing-ai-input b {
    display: grid;
    width: 27px;
    height: 27px;
    place-items: center;
    border-radius: 9px;
    background: #141b2c;
    color: white;
    font-size: 13px;
}

.landing-ai-floating-card {
    position: absolute;
    right: -22px;
    bottom: -5px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px 14px;
    border: 1px solid rgba(255,255,255,.9);
    border-radius: 17px;
    background: rgba(255,255,255,.88);
    box-shadow: 0 18px 45px rgba(15,23,42,.13);
    backdrop-filter: blur(20px);
}

.landing-ai-floating-card > span {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border-radius: 10px;
    background: linear-gradient(145deg, #315eef, #835cf3);
    color: white;
}

.landing-ai-floating-card div {
    display: grid;
    gap: 1px;
}

.landing-ai-floating-card strong {
    color: #172033;
    font-size: 10px;
}

.landing-ai-floating-card small {
    color: #8a95a8;
    font-size: 9px;
}


/* ============================================================
   PREMIUM SIDEBAR USER
   ============================================================ */

.sidebar-footer {
    padding: 12px;
}

.sidebar-user-premium {
    position: relative;
    display: grid;
    grid-template-columns: 43px minmax(0, 1fr) 26px;
    gap: 11px;
    align-items: center;
    padding: 11px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 17px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.035));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 12px 30px rgba(0,0,0,.08);
    transition:
        transform .2s ease,
        background .2s ease,
        border-color .2s ease;
}

.sidebar-user-premium:hover {
    transform: translateY(-1px);
    border-color: rgba(255,255,255,.14);
    background:
        linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.05));
}

.sidebar-user-avatar-wrap {
    position: relative;
    width: 43px;
    height: 43px;
}

.sidebar-user-premium .sidebar-avatar {
    display: grid;
    width: 43px;
    height: 43px;
    place-items: center;
    border: 1px solid rgba(255,255,255,.17);
    border-radius: 14px;
    background:
        linear-gradient(145deg, #496cf4, #7960e9);
    box-shadow:
        0 8px 20px rgba(62,80,210,.24),
        inset 0 1px 0 rgba(255,255,255,.25);
    color: white;
    font-size: 15px;
    font-weight: 750;
}

.sidebar-user-online-dot {
    position: absolute;
    right: -1px;
    bottom: 0;
    width: 11px;
    height: 11px;
    border: 2px solid #161c2b;
    border-radius: 50%;
    background: #4ed17b;
    box-shadow: 0 0 0 2px rgba(78,209,123,.12);
}

.sidebar-user-info {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.sidebar-user-info > strong {
    overflow: hidden;
    color: rgba(255,255,255,.95);
    font-size: 12px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar-user-meta {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 5px;
    color: rgba(220,227,242,.48);
    font-size: 9px;
    white-space: nowrap;
}

.sidebar-user-meta i {
    width: 3px;
    height: 3px;
    flex: 0 0 3px;
    border-radius: 50%;
    background: rgba(255,255,255,.26);
}

.sidebar-user-active {
    color: rgba(124,226,158,.78);
}

.sidebar-user-chevron {
    display: grid;
    width: 26px;
    height: 26px;
    place-items: center;
    border: 1px solid rgba(255,255,255,.055);
    border-radius: 9px;
    background: rgba(255,255,255,.035);
}

.sidebar-user-chevron svg {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: rgba(255,255,255,.42);
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/* ============================================================
   RESPONSIVE AI
   ============================================================ */

@media (max-width: 1050px) {
    .landing-ai-showcase {
        grid-template-columns: 1fr;
        gap: 48px;
        padding: 56px;
    }

    .landing-ai-demo {
        width: min(560px, 100%);
        margin: 0 auto;
    }
}

@media (max-width: 680px) {
    .landing-ai-showcase {
        margin: 66px 0;
        padding: 34px 20px;
        border-radius: 26px;
    }

    .landing-ai-copy h2 {
        font-size: 39px;
    }

    .landing-ai-lead {
        font-size: 15px;
    }

    .landing-ai-window {
        transform: none;
        border-radius: 23px;
    }

    .landing-ai-floating-card {
        display: none;
    }

    .landing-ai-chat {
        min-height: 420px;
    }
}


/* MP DIRECTOR APPLE VISUAL V2 */

/* ------------------------------------------------------------
   LANDING WIDTH
   ------------------------------------------------------------ */

main.container > .landing-topbar,
#auth {
    position: relative;
    left: 50%;
    width: min(1540px, calc(100vw - 48px));
    max-width: none;
    transform: translateX(-50%);
}

#auth {
    overflow: visible;
}

.landing-page {
    padding-top: 0;
}

/* ------------------------------------------------------------
   TOP BAR
   ------------------------------------------------------------ */

.landing-topbar {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    min-height: 82px;
    padding: 0 8px;
    border: 0;
    background: transparent;
}

.landing-wordmark {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: #10182d;
    text-decoration: none;
}

.landing-wordmark img {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    box-shadow:
        0 10px 24px rgba(49,100,244,.22),
        inset 0 1px 0 rgba(255,255,255,.35);
}

.landing-wordmark strong {
    font-size: 18px;
    font-weight: 750;
    letter-spacing: -.025em;
}

.landing-topnav {
    display: flex;
    justify-content: center;
    gap: 36px;
}

.landing-topnav a {
    position: relative;
    color: #59667d;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: color .2s ease;
}

.landing-topnav a:hover {
    color: #1c3fa4;
}

.landing-top-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.landing-top-login,
.landing-top-start {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 43px;
    padding: 0 18px;
    border-radius: 13px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
}

.landing-top-login {
    border: 1px solid rgba(148,163,184,.15);
    background: rgba(255,255,255,.52);
    color: #344054;
}

.landing-top-start {
    gap: 9px;
    min-width: 152px;
    background:
        linear-gradient(135deg, #4873ff, #2862f0);
    color: white;
    box-shadow:
        0 12px 28px rgba(45,96,240,.23),
        inset 0 1px 0 rgba(255,255,255,.25);
}

#userEmail {
    display: none;
}

/* ------------------------------------------------------------
   HERO
   ------------------------------------------------------------ */

.landing-hero {
    display: grid;
    grid-template-columns:
        minmax(470px, .86fr)
        minmax(650px, 1.14fr);
    gap: 48px;
    align-items: center;
    min-height: 650px;
    padding: 38px 8px 56px;
}

.landing-hero-copy {
    max-width: 610px;
}

.landing-hero-copy h1 {
    margin: 18px 0 23px;
    color: #0c1428;
    font-size: clamp(58px, 5.1vw, 79px);
    line-height: .96;
    letter-spacing: -.058em;
    font-weight: 770;
}

.landing-hero-accent {
    background:
        linear-gradient(90deg, #2665f6, #4d79ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.landing-lead {
    max-width: 590px;
    font-size: 17px;
    line-height: 1.55;
}

.landing-actions {
    margin-top: 30px;
}

.landing-primary-button {
    box-shadow:
        0 16px 34px rgba(48,99,242,.22),
        inset 0 1px 0 rgba(255,255,255,.24);
}

.landing-preview {
    width: 100%;
    max-width: none;
    padding: 23px;
    border: 1px solid rgba(255,255,255,.75);
    border-radius: 30px;
    background:
        rgba(255,255,255,.86);
    box-shadow:
        0 40px 90px rgba(46,67,126,.17),
        0 8px 28px rgba(46,67,126,.08),
        inset 0 1px 0 #fff;
    backdrop-filter: blur(24px);
}

.landing-preview::before {
    content: "";
    position: absolute;
    inset: -18px;
    z-index: -1;
    border-radius: 38px;
    background:
        linear-gradient(
            135deg,
            rgba(84,119,255,.17),
            rgba(117,87,255,.06)
        );
    filter: blur(1px);
}

/* ------------------------------------------------------------
   TRUST BAR
   ------------------------------------------------------------ */

.landing-trust {
    margin-top: 0;
    border-radius: 22px;
    box-shadow: 0 15px 38px rgba(32,50,95,.06);
}

/* ------------------------------------------------------------
   FEATURES — NEW COMPACT CARDS
   ------------------------------------------------------------ */

.landing-features {
    padding-top: 96px;
}

.landing-section-heading {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 42px;
    text-align: center;
}

.landing-section-heading h2 {
    margin-top: 10px;
    font-size: clamp(36px, 3.3vw, 52px);
    line-height: 1.05;
    letter-spacing: -.045em;
}

.landing-features-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.landing-feature,
.landing-feature.featured {
    position: relative;
    display: grid;
    grid-template-columns: 60px minmax(0, 1fr);
    grid-template-areas:
        "icon title"
        "icon text"
        "icon tag";
    column-gap: 16px;
    row-gap: 4px;
    min-height: 145px;
    padding: 21px 48px 21px 21px;
    overflow: hidden;
    border: 1px solid rgba(144,157,188,.15);
    border-radius: 21px;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.94),
            rgba(251,252,255,.85)
        );
    box-shadow:
        0 11px 30px rgba(33,50,92,.045),
        inset 0 1px 0 rgba(255,255,255,.9);
    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}

.landing-feature:hover,
.landing-feature.featured:hover {
    transform: translateY(-3px);
    border-color: rgba(72,108,246,.20);
    box-shadow:
        0 20px 44px rgba(34,55,110,.09),
        inset 0 1px 0 rgba(255,255,255,.95);
}

.landing-feature::after {
    content: "→";
    position: absolute;
    top: 20px;
    right: 18px;
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border-radius: 10px;
    background: #f5f7fc;
    color: #71809d;
    font-size: 13px;
    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease;
}

.landing-feature:hover::after {
    color: #3467ef;
    background: #edf3ff;
    transform: translateX(2px);
}

.landing-feature-icon {
    grid-area: icon;
    display: grid;
    width: 56px;
    height: 56px;
    place-items: center;
    border: 0;
    border-radius: 17px;
    background:
        linear-gradient(145deg, #edf3ff, #e4ecff);
    color: #3568ef;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.95),
        0 7px 18px rgba(54,99,224,.08);
}

.landing-feature-icon svg {
    width: 27px;
    height: 27px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.landing-feature:nth-child(2) .landing-feature-icon,
.landing-feature:nth-child(8) .landing-feature-icon {
    background: linear-gradient(145deg, #e8fbf4, #dcf6ed);
    color: #17a976;
}

.landing-feature:nth-child(3) .landing-feature-icon,
.landing-feature:nth-child(10) .landing-feature-icon {
    background: linear-gradient(145deg, #f1eaff, #eae0ff);
    color: #8058e8;
}

.landing-feature:nth-child(4) .landing-feature-icon {
    background: linear-gradient(145deg, #fff0f0, #ffe4e4);
    color: #ef4f5f;
}

.landing-feature:nth-child(5) .landing-feature-icon {
    background: linear-gradient(145deg, #e6f7ff, #dbf1ff);
    color: #2298dd;
}

.landing-feature:nth-child(6) .landing-feature-icon {
    background: linear-gradient(145deg, #fff5df, #ffebc8);
    color: #e59b18;
}

.landing-feature:nth-child(7) .landing-feature-icon {
    background: linear-gradient(145deg, #eaf0ff, #dfe8ff);
    color: #3b67dc;
}

.landing-feature:nth-child(9) .landing-feature-icon {
    background: linear-gradient(145deg, #eaf1ff, #e5edff);
    color: #5275e8;
}

.landing-feature h3 {
    grid-area: title;
    align-self: end;
    margin: 2px 0 2px;
    padding-right: 8px;
    color: #14203a;
    font-size: 14px;
    line-height: 1.26;
    letter-spacing: -.01em;
}

.landing-feature p {
    grid-area: text;
    margin: 0;
    color: #758197;
    font-size: 11px;
    line-height: 1.48;
}

.landing-feature-tag {
    grid-area: tag;
    justify-self: start;
    margin-top: 4px;
    padding: 4px 8px;
    border-radius: 999px;
    background: #e8f8ef;
    color: #139259;
    font-size: 9px;
    font-weight: 750;
}

/* ------------------------------------------------------------
   SIDEBAR BRAND
   ------------------------------------------------------------ */

.sidebar-brand {
    gap: 12px;
}

.sidebar-logo {
    overflow: visible;
    padding: 0;
    border-radius: 13px;
    background: transparent;
    box-shadow: none;
}

.sidebar-logo img {
    display: block;
    width: 41px;
    height: 41px;
    border-radius: 13px;
    box-shadow:
        0 10px 24px rgba(43,91,239,.27),
        inset 0 1px 0 rgba(255,255,255,.28);
}

.sidebar-brand-text strong {
    font-size: 14px;
    letter-spacing: -.02em;
}

.sidebar-brand-text span {
    opacity: .64;
}

/* ------------------------------------------------------------
   RESPONSIVE
   ------------------------------------------------------------ */

@media (max-width: 1250px) {

    .landing-hero {
        grid-template-columns: 1fr 1fr;
    }

    .landing-hero-copy h1 {
        font-size: 58px;
    }

    .landing-topnav {
        gap: 20px;
    }
}

@media (max-width: 1050px) {

    main.container > .landing-topbar,
    #auth {
        width: min(940px, calc(100vw - 32px));
    }

    .landing-topnav {
        display: none;
    }

    .landing-hero {
        grid-template-columns: 1fr;
        padding-top: 48px;
    }

    .landing-hero-copy {
        max-width: 760px;
    }

    .landing-preview {
        max-width: 760px;
        margin: 0 auto;
    }

    .landing-features-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {

    main.container > .landing-topbar,
    #auth {
        width: calc(100vw - 20px);
    }

    .landing-topbar {
        min-height: 68px;
    }

    .landing-wordmark strong {
        font-size: 16px;
    }

    .landing-top-login {
        display: none;
    }

    .landing-top-start {
        min-width: auto;
        height: 39px;
        padding: 0 12px;
        font-size: 10px;
    }

    .landing-hero {
        min-height: auto;
        padding: 35px 4px 45px;
    }

    .landing-hero-copy h1 {
        font-size: 46px;
    }

    .landing-features-grid {
        grid-template-columns: 1fr;
    }

    .landing-feature,
    .landing-feature.featured {
        min-height: 132px;
    }
}


/* MP DIRECTOR APPLE WAVES V3 */

/* ------------------------------------------------------------
   PAGE BACKGROUND
   ------------------------------------------------------------ */

body {
    background:
        linear-gradient(
            180deg,
            #f2f5ff 0%,
            #f7f8fd 42%,
            #f5f7fc 100%
        );
}

#auth {
    position: relative;
    isolation: isolate;
}

/* Большая верхняя световая волна */
#auth::before {
    content: "";
    position: absolute;
    z-index: -3;
    top: -120px;
    left: 50%;
    width: 150vw;
    height: 820px;
    transform: translateX(-50%);
    pointer-events: none;

    background:
        radial-gradient(
            ellipse at 15% 25%,
            rgba(104,145,255,.20) 0%,
            rgba(104,145,255,.08) 24%,
            transparent 52%
        ),
        radial-gradient(
            ellipse at 82% 14%,
            rgba(135,112,255,.16) 0%,
            rgba(135,112,255,.07) 25%,
            transparent 54%
        ),
        radial-gradient(
            ellipse at 55% 62%,
            rgba(115,157,255,.09) 0%,
            transparent 58%
        );
    filter: blur(2px);
}

/* Левая декоративная волна */
.landing-hero::before {
    content: "";
    position: absolute;
    z-index: -2;
    left: -340px;
    top: 260px;
    width: 720px;
    height: 720px;
    border-radius: 47% 53% 66% 34% / 54% 38% 62% 46%;
    background:
        linear-gradient(
            135deg,
            rgba(88,135,255,.17),
            rgba(134,106,255,.055)
        );
    transform: rotate(29deg);
    filter: blur(1px);
    pointer-events: none;
}

/* Правая волна за превью */
.landing-hero::after {
    content: "";
    position: absolute;
    z-index: -2;
    right: -330px;
    top: 110px;
    width: 770px;
    height: 640px;
    border-radius: 60% 40% 42% 58% / 54% 61% 39% 46%;
    background:
        linear-gradient(
            145deg,
            rgba(91,137,255,.13),
            rgba(151,119,255,.11)
        );
    transform: rotate(-22deg);
    filter: blur(3px);
    pointer-events: none;
}

.landing-hero {
    position: relative;
}

/* Мягкая белая волна между hero и контентом */
.landing-trust {
    position: relative;
    z-index: 2;
}

.landing-trust::before {
    content: "";
    position: absolute;
    z-index: -2;
    left: 50%;
    top: -120px;
    width: 120vw;
    height: 280px;
    transform: translateX(-50%) rotate(-2deg);
    border-radius: 50% 50% 0 0;
    background:
        radial-gradient(
            ellipse at center,
            rgba(255,255,255,.90),
            rgba(255,255,255,.50) 50%,
            transparent 74%
        );
    pointer-events: none;
}

/* ------------------------------------------------------------
   BRAND LOGO — LANDING
   ------------------------------------------------------------ */

.landing-wordmark {
    gap: 13px;
}

.landing-wordmark img {
    display: block;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border-radius: 14px;
    box-shadow:
        0 12px 30px rgba(40,89,236,.30),
        0 2px 7px rgba(35,69,170,.16),
        inset 0 1px 0 rgba(255,255,255,.34);
}

.landing-wordmark strong {
    color: #0f1830;
    font-size: 20px;
    font-weight: 780;
    letter-spacing: -.035em;
}

/* ------------------------------------------------------------
   SIDEBAR LOGO
   ------------------------------------------------------------ */

.sidebar-brand {
    padding-left: 2px;
}

.sidebar-logo {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    overflow: visible;
    border-radius: 14px;
    background: transparent;
}

.sidebar-logo img {
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    box-shadow:
        0 11px 27px rgba(42,88,239,.34),
        0 2px 6px rgba(0,0,0,.13),
        inset 0 1px 0 rgba(255,255,255,.28);
}

.sidebar-brand-text strong {
    color: #fff;
    font-size: 15px;
    font-weight: 720;
    letter-spacing: -.025em;
}

/* ------------------------------------------------------------
   LESS FLAT FEATURE AREA
   ------------------------------------------------------------ */

.landing-features {
    position: relative;
}

.landing-features::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: -12vw;
    right: -12vw;
    top: -90px;
    height: 540px;
    pointer-events: none;
    background:
        radial-gradient(
            ellipse at 12% 40%,
            rgba(116,151,255,.10),
            transparent 46%
        ),
        radial-gradient(
            ellipse at 86% 32%,
            rgba(153,125,255,.08),
            transparent 45%
        );
}

/* Карточки немного "стекляннее" */
.landing-feature,
.landing-feature.featured {
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.92),
            rgba(251,252,255,.76)
        );
    backdrop-filter: blur(18px);
}

/* ------------------------------------------------------------
   MOBILE
   ------------------------------------------------------------ */

@media (max-width: 680px) {
    .landing-wordmark img {
        width: 39px;
        height: 39px;
        flex-basis: 39px;
    }

    .landing-wordmark strong {
        font-size: 17px;
    }

    .landing-hero::before {
        left: -480px;
        opacity: .6;
    }

    .landing-hero::after {
        right: -580px;
        opacity: .55;
    }
}


/* MP DIRECTOR LIGHT DIGITAL WAVE V4 */

/* ------------------------------------------------------------
   Сохраняем текущую светлую палитру.
   Меняем только фактуру и глубину фона.
   ------------------------------------------------------------ */

main.container:has(#auth:not([hidden])) {
    position: relative;
    overflow: hidden;
}

/* Базовый фон остаётся светлым */
main.container:has(#auth:not([hidden]))::before {
    content: "";
    position: fixed;
    z-index: -10;
    inset: 0;
    pointer-events: none;

    background:
        radial-gradient(
            circle at 13% 18%,
            rgba(85,125,255,.12),
            transparent 31%
        ),
        radial-gradient(
            circle at 83% 13%,
            rgba(131,104,255,.10),
            transparent 33%
        ),
        radial-gradient(
            circle at 50% 70%,
            rgba(81,145,255,.06),
            transparent 42%
        ),
        linear-gradient(
            180deg,
            #eef3ff 0%,
            #f4f6ff 48%,
            #f7f8fd 100%
        );
}

/* ------------------------------------------------------------
   Тонкая геометрическая сеть
   ------------------------------------------------------------ */

#auth::before {
    content: "";
    position: absolute;
    z-index: -4;
    inset: -80px -15vw;
    width: auto;
    height: auto;
    pointer-events: none;
    opacity: .75;
    filter: none;

    background:
        radial-gradient(
            circle at 7% 17%,
            rgba(75,116,240,.55) 0 1.7px,
            transparent 2.5px
        ),
        radial-gradient(
            circle at 23% 36%,
            rgba(91,132,245,.42) 0 1.5px,
            transparent 2.3px
        ),
        radial-gradient(
            circle at 42% 18%,
            rgba(115,103,242,.40) 0 1.5px,
            transparent 2.3px
        ),
        radial-gradient(
            circle at 62% 43%,
            rgba(78,128,240,.38) 0 1.5px,
            transparent 2.3px
        ),
        radial-gradient(
            circle at 79% 20%,
            rgba(120,105,241,.38) 0 1.5px,
            transparent 2.3px
        ),
        radial-gradient(
            circle at 92% 49%,
            rgba(78,132,241,.42) 0 1.5px,
            transparent 2.3px
        ),

        repeating-linear-gradient(
            31deg,
            transparent 0 140px,
            rgba(82,117,213,.065) 141px,
            rgba(82,117,213,.065) 142px,
            transparent 143px 282px
        ),

        repeating-linear-gradient(
            -29deg,
            transparent 0 170px,
            rgba(105,91,211,.055) 171px,
            rgba(105,91,211,.055) 172px,
            transparent 173px 342px
        );

    mask-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.95),
            rgba(0,0,0,.72) 58%,
            transparent 96%
        );
}

/* ------------------------------------------------------------
   Главная волна из точек слева
   ------------------------------------------------------------ */

.landing-hero::before {
    content: "";
    position: absolute;
    z-index: -2;

    left: -330px;
    top: 50px;

    width: 760px;
    height: 760px;

    border-radius:
        46% 54% 62% 38%
        / 35% 58% 42% 65%;

    background:
        radial-gradient(
            circle,
            rgba(67,111,242,.48) 0 1.3px,
            rgba(67,111,242,.16) 1.4px 2px,
            transparent 2.2px
        );

    background-size: 10px 10px;

    transform:
        rotate(-16deg)
        skewY(-8deg);

    filter:
        drop-shadow(
            0 0 12px rgba(72,108,236,.15)
        );

    mask-image:
        radial-gradient(
            ellipse at 56% 48%,
            #000 0%,
            rgba(0,0,0,.95) 35%,
            rgba(0,0,0,.48) 58%,
            transparent 76%
        );

    pointer-events: none;
}

/* ------------------------------------------------------------
   Вторая волна справа
   ------------------------------------------------------------ */

.landing-hero::after {
    content: "";
    position: absolute;
    z-index: -2;

    right: -420px;
    top: 110px;

    width: 820px;
    height: 680px;

    border-radius:
        61% 39% 45% 55%
        / 55% 39% 61% 45%;

    background:
        radial-gradient(
            circle,
            rgba(109,94,238,.34) 0 1.2px,
            transparent 1.9px
        );

    background-size: 12px 12px;

    transform:
        rotate(18deg)
        skewY(8deg);

    filter:
        drop-shadow(
            0 0 14px rgba(101,88,228,.12)
        );

    mask-image:
        radial-gradient(
            ellipse,
            #000 0%,
            rgba(0,0,0,.72) 41%,
            transparent 75%
        );

    pointer-events: none;
}

/* ------------------------------------------------------------
   Ещё немного глубины между блоками
   ------------------------------------------------------------ */

.landing-features {
    position: relative;
}

.landing-features::before {
    content: "";
    position: absolute;
    z-index: -2;

    left: -16vw;
    right: -16vw;
    top: -100px;
    height: 620px;

    pointer-events: none;

    background:
        radial-gradient(
            ellipse at 17% 42%,
            rgba(82,123,245,.075),
            transparent 46%
        ),
        radial-gradient(
            ellipse at 83% 34%,
            rgba(123,100,239,.065),
            transparent 45%
        );
}

/* ------------------------------------------------------------
   На маленьком экране волны остаются мягкими
   ------------------------------------------------------------ */

@media (max-width: 680px) {

    .landing-hero::before {
        left: -520px;
        top: 80px;
        opacity: .62;
    }

    .landing-hero::after {
        right: -630px;
        opacity: .46;
    }
}


/* MP DIRECTOR DIGITAL BACKGROUND FIX V5 */

/* Главное исправление:
   широкий landing больше не обрезается родительским container */
body {
    overflow-x: hidden;
}

main.container:has(#auth:not([hidden])) {
    overflow: visible !important;
}

/* Сеть должна быть почти незаметной */
#auth::before {
    opacity: .24 !important;
}

/* Волна слева — только у края, не под текстом */
.landing-hero::before {
    left: -560px !important;
    top: 120px !important;

    width: 720px !important;
    height: 720px !important;

    background-size: 13px 13px !important;

    opacity: .42 !important;

    filter:
        drop-shadow(
            0 0 10px rgba(72,108,236,.10)
        ) !important;

    mask-image:
        radial-gradient(
            ellipse at 66% 50%,
            #000 0%,
            rgba(0,0,0,.80) 30%,
            rgba(0,0,0,.30) 50%,
            transparent 70%
        ) !important;
}

/* Правая волна также остаётся только у края */
.landing-hero::after {
    right: -610px !important;
    top: 90px !important;

    width: 760px !important;
    height: 650px !important;

    background-size: 14px 14px !important;

    opacity: .30 !important;

    filter:
        drop-shadow(
            0 0 10px rgba(101,88,228,.08)
        ) !important;
}

/* Сам hero всегда поверх декоративного фона */
.landing-hero-copy,
.landing-preview {
    position: relative;
    z-index: 2;
}

/* Убираем сетку непосредственно за текстовой колонкой */
.landing-hero-copy::before {
    content: "";
    position: absolute;
    z-index: -1;

    inset: -50px -40px;

    background:
        radial-gradient(
            ellipse at center,
            rgba(244,247,255,.82) 0%,
            rgba(244,247,255,.54) 48%,
            transparent 76%
        );

    pointer-events: none;
}

/* Внизу фон тоже остаётся мягким */
.landing-features::before {
    opacity: .65;
}

@media (max-width: 1050px) {
    .landing-hero::before {
        left: -570px !important;
        opacity: .30 !important;
    }

    .landing-hero::after {
        right: -650px !important;
        opacity: .22 !important;
    }
}


/* MP DIRECTOR DIGITAL WAVES V6 */

/* ------------------------------------------------------------
   Отключаем старые псевдо-волны V4/V5
   ------------------------------------------------------------ */

#auth::before,
#auth::after,
.landing-hero::before,
.landing-hero::after {
    content: none !important;
}

body {
    overflow-x: hidden;
}

main.container:has(#auth:not([hidden])) {
    overflow: visible !important;
}

/* ------------------------------------------------------------
   BRAND SYMBOL
   ------------------------------------------------------------ */

.mp-brand-symbol {
    display: block;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    filter:
        drop-shadow(0 9px 18px rgba(48,91,232,.24))
        drop-shadow(0 2px 4px rgba(36,60,133,.10));
}

.mp-brand-symbol svg {
    display: block;
    width: 100%;
    height: 100%;
}

.landing-wordmark {
    position: relative;
    z-index: 20;
    display: inline-flex;
    align-items: center;
    gap: 13px;
}

.landing-wordmark strong {
    color: #111a30;
    font-size: 20px;
    font-weight: 780;
    letter-spacing: -.035em;
}

.sidebar-logo {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    padding: 0;
    background: none;
    box-shadow: none;
    overflow: visible;
}

.sidebar-logo .mp-brand-symbol {
    width: 46px;
    height: 46px;
}

/* ------------------------------------------------------------
   DIGITAL BACKGROUND
   ------------------------------------------------------------ */

#auth {
    position: relative;
    isolation: isolate;
}

.landing-digital-background {
    position: absolute;
    z-index: -5;
    top: -95px;
    left: 50%;
    width: 100vw;
    height: 1050px;
    transform: translateX(-50%);
    overflow: hidden;
    pointer-events: none;

    background:
        radial-gradient(
            ellipse at 11% 18%,
            rgba(75,113,250,.16),
            transparent 34%
        ),
        radial-gradient(
            ellipse at 86% 20%,
            rgba(130,104,247,.15),
            transparent 36%
        ),
        radial-gradient(
            ellipse at 52% 62%,
            rgba(81,132,247,.09),
            transparent 46%
        ),
        linear-gradient(
            180deg,
            #eef3ff 0%,
            #f3f5ff 52%,
            #f7f8fd 100%
        );
}

/* ------------------------------------------------------------
   GEOMETRIC NETWORK
   ------------------------------------------------------------ */

.digital-mesh {
    position: absolute;
    inset: -100px -120px;
    opacity: .55;

    background-image:
        linear-gradient(
            31deg,
            transparent 49.55%,
            rgba(73,103,202,.11) 49.75%,
            rgba(73,103,202,.11) 50.05%,
            transparent 50.25%
        ),
        linear-gradient(
            -28deg,
            transparent 49.55%,
            rgba(108,89,207,.09) 49.75%,
            rgba(108,89,207,.09) 50.05%,
            transparent 50.25%
        );

    background-size:
        360px 260px,
        430px 310px;

    mask-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.95) 0%,
            rgba(0,0,0,.77) 67%,
            transparent 100%
        );
}

/* Узлы сетки */
.digital-mesh::after {
    content: "";
    position: absolute;
    inset: 0;

    background:
        radial-gradient(circle at 11% 21%, rgba(68,104,222,.40) 0 2px, transparent 3px),
        radial-gradient(circle at 23% 43%, rgba(91,119,225,.34) 0 2px, transparent 3px),
        radial-gradient(circle at 38% 18%, rgba(112,94,220,.28) 0 2px, transparent 3px),
        radial-gradient(circle at 53% 48%, rgba(75,113,222,.30) 0 2px, transparent 3px),
        radial-gradient(circle at 68% 25%, rgba(113,91,221,.32) 0 2px, transparent 3px),
        radial-gradient(circle at 82% 46%, rgba(79,114,225,.34) 0 2px, transparent 3px),
        radial-gradient(circle at 94% 19%, rgba(111,94,220,.30) 0 2px, transparent 3px);
}

/* ------------------------------------------------------------
   PARTICLE WAVES
   ------------------------------------------------------------ */

.digital-wave {
    position: absolute;
    pointer-events: none;

    background:
        radial-gradient(
            circle,
            rgba(72,105,239,.62) 0 1.45px,
            rgba(72,105,239,.18) 1.55px 2px,
            transparent 2.25px
        );

    background-size: 10px 10px;

    filter:
        drop-shadow(0 0 8px rgba(77,104,228,.16));
}

/* Большая волна слева */
.digital-wave-a {
    left: -235px;
    top: 105px;

    width: 660px;
    height: 810px;

    border-radius:
        42% 58% 64% 36%
        / 33% 56% 44% 67%;

    transform:
        rotate(-17deg)
        skewY(-9deg);

    opacity: .72;

    mask-image:
        radial-gradient(
            ellipse at 60% 48%,
            #000 0%,
            rgba(0,0,0,.98) 40%,
            rgba(0,0,0,.62) 59%,
            transparent 79%
        );
}

/* Основная волна справа */
.digital-wave-b {
    right: -190px;
    top: 120px;

    width: 720px;
    height: 760px;

    border-radius:
        62% 38% 46% 54%
        / 58% 38% 62% 42%;

    transform:
        rotate(17deg)
        skewY(7deg);

    opacity: .58;

    background:
        radial-gradient(
            circle,
            rgba(113,92,235,.52) 0 1.35px,
            rgba(113,92,235,.13) 1.5px 2px,
            transparent 2.2px
        );

    background-size: 11px 11px;

    mask-image:
        radial-gradient(
            ellipse at 42% 50%,
            #000 0%,
            rgba(0,0,0,.90) 40%,
            rgba(0,0,0,.48) 59%,
            transparent 80%
        );
}

/* Мягкая центральная дуга */
.digital-wave-c {
    left: 41%;
    top: -230px;

    width: 760px;
    height: 560px;

    border-radius: 50%;

    transform:
        rotate(7deg)
        skewX(-12deg);

    opacity: .27;

    background:
        radial-gradient(
            circle,
            rgba(82,115,236,.48) 0 1.2px,
            transparent 1.9px
        );

    background-size: 13px 13px;

    mask-image:
        radial-gradient(
            ellipse,
            #000 0%,
            rgba(0,0,0,.60) 48%,
            transparent 76%
        );
}

/* ------------------------------------------------------------
   LIGHT GLOWS
   ------------------------------------------------------------ */

.digital-glow {
    position: absolute;
    border-radius: 50%;
    filter: blur(70px);
    pointer-events: none;
}

.digital-glow-a {
    left: -160px;
    top: 270px;
    width: 480px;
    height: 480px;

    background:
        rgba(76,119,248,.13);
}

.digital-glow-b {
    right: -130px;
    top: 210px;
    width: 500px;
    height: 500px;

    background:
        rgba(127,101,243,.12);
}

/* ------------------------------------------------------------
   CONTENT ALWAYS ABOVE BACKGROUND
   ------------------------------------------------------------ */

.landing-topbar,
.landing-hero,
.landing-trust,
.landing-features {
    position: relative;
    z-index: 2;
}

/* Тихая зона прямо за текстом */
.landing-hero-copy::before {
    content: "";
    position: absolute;
    z-index: -1;

    top: -45px;
    left: -50px;
    right: -25px;
    bottom: -45px;

    background:
        radial-gradient(
            ellipse at 44% 46%,
            rgba(243,246,255,.90) 0%,
            rgba(243,246,255,.68) 45%,
            rgba(243,246,255,.18) 69%,
            transparent 82%
        );

    pointer-events: none;
}

/* Фон продолжается визуально ниже hero */
.landing-features::before {
    content: "";
    position: absolute;
    z-index: -2;

    left: -18vw;
    right: -18vw;
    top: -170px;
    height: 720px;

    background:
        radial-gradient(
            ellipse at 14% 43%,
            rgba(73,117,245,.10),
            transparent 46%
        ),
        radial-gradient(
            ellipse at 88% 35%,
            rgba(127,101,242,.085),
            transparent 44%
        );

    pointer-events: none;
}

/* ------------------------------------------------------------
   RESPONSIVE
   ------------------------------------------------------------ */

@media (max-width: 1050px) {

    .digital-wave-a {
        left: -390px;
        opacity: .52;
    }

    .digital-wave-b {
        right: -410px;
        opacity: .42;
    }
}

@media (max-width: 680px) {

    .digital-wave-a {
        left: -515px;
        opacity: .43;
    }

    .digital-wave-b {
        right: -555px;
        opacity: .33;
    }

    .digital-wave-c {
        opacity: .18;
    }

    .digital-mesh {
        opacity: .34;
    }
}


/* MP DIRECTOR WAVE EDGE FIX V7 */

/* Убираем резкую вертикальную границу возле текста */
.landing-hero-copy::before {
    top: -120px !important;
    left: -280px !important;
    right: -150px !important;
    bottom: -120px !important;

    background:
        radial-gradient(
            ellipse at 58% 48%,
            rgba(243,246,255,.88) 0%,
            rgba(243,246,255,.72) 34%,
            rgba(243,246,255,.46) 52%,
            rgba(243,246,255,.18) 67%,
            rgba(243,246,255,.05) 76%,
            transparent 88%
        ) !important;

    filter: blur(22px);
}

/* Левая точечная волна тоже плавно исчезает к центру */
.digital-wave-a {
    mask-image:
        radial-gradient(
            ellipse at 56% 48%,
            #000 0%,
            rgba(0,0,0,.96) 34%,
            rgba(0,0,0,.72) 50%,
            rgba(0,0,0,.38) 63%,
            rgba(0,0,0,.12) 73%,
            transparent 84%
        ) !important;

    -webkit-mask-image:
        radial-gradient(
            ellipse at 56% 48%,
            #000 0%,
            rgba(0,0,0,.96) 34%,
            rgba(0,0,0,.72) 50%,
            rgba(0,0,0,.38) 63%,
            rgba(0,0,0,.12) 73%,
            transparent 84%
        ) !important;
}

/* Чуть мягче сама сетка под текстом */
.digital-mesh {
    opacity: .46 !important;
}


/* MP DIRECTOR REAL BRAND IMAGE V1 */

.mp-brand-image {
    display: block;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    object-fit: cover;
    border-radius: 13px;
    box-shadow:
        0 10px 24px rgba(48,91,232,.24),
        0 2px 5px rgba(31,54,122,.10);
}

.landing-wordmark .mp-brand-image {
    width: 46px;
    height: 46px;
}

.sidebar-logo .mp-brand-image {
    width: 46px;
    height: 46px;
}


/* MP DIRECTOR LOGO HARD FIX V2 */

.mp-brand-image {
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    object-fit: contain !important;
    border-radius: 13px !important;
    background: transparent !important;
}

.landing-wordmark .mp-brand-image {
    width: 48px !important;
    height: 48px !important;
}

.sidebar-logo .mp-brand-image {
    width: 46px !important;
    height: 46px !important;
}


/* MP DIRECTOR PWA INSTALL FOOTER V1 */

.footer-install-card {
    display: flex;
    min-width: 280px;
    flex-direction: column;
    justify-content: space-between;
    gap: 18px;
    padding: 17px;
    border: 1px solid rgba(76,108,219,.13);
    border-radius: 19px;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.88),
            rgba(244,247,255,.76)
        );
    box-shadow:
        0 15px 34px rgba(39,58,113,.08),
        inset 0 1px 0 rgba(255,255,255,.9);
}

.footer-install-app {
    display: flex;
    align-items: center;
    gap: 12px;
}

.footer-install-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    object-fit: cover;
    border-radius: 13px;
    box-shadow:
        0 8px 20px rgba(54,87,197,.18);
}

.footer-install-copy {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.footer-install-label {
    margin-bottom: 2px;
    color: #5674d9;
    font-size: 8px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .12em;
}

.footer-install-copy strong {
    color: #18233b;
    font-size: 12px;
    line-height: 1.25;
}

.footer-install-copy span {
    color: #7d899e;
    font-size: 9px;
    line-height: 1.4;
}

.footer-install-button {
    display: flex;
    width: 100%;
    height: 39px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 0;
    border-radius: 11px;
    background:
        linear-gradient(
            135deg,
            #5579f4,
            #3565ee
        );
    box-shadow:
        0 9px 22px rgba(53,101,238,.20),
        inset 0 1px 0 rgba(255,255,255,.22);
    color: #fff;
    cursor: pointer;
    font: inherit;
    font-size: 10px;
    font-weight: 750;
    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

.footer-install-button:hover {
    transform: translateY(-1px);
    box-shadow:
        0 12px 26px rgba(53,101,238,.25),
        inset 0 1px 0 rgba(255,255,255,.22);
}

.footer-install-button svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.footer-install-button.is-install-ready::after {
    content: "";
    width: 6px;
    height: 6px;
    margin-left: 2px;
    border-radius: 50%;
    background: #93f0b7;
    box-shadow:
        0 0 0 4px rgba(147,240,183,.14);
}

.footer-install-card.is-installed {
    opacity: .72;
}

.footer-install-card.is-installed
.footer-install-button span {
    font-size: 0;
}

.footer-install-card.is-installed
.footer-install-button span::after {
    content: "Установлено";
    font-size: 10px;
}

/* ------------------------------------------------------------
   INSTALL MODAL
   ------------------------------------------------------------ */

.pwa-modal-open {
    overflow: hidden;
}

.pwa-install-modal[hidden] {
    display: none !important;
}

.pwa-install-modal {
    position: fixed;
    z-index: 10050;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
}

.pwa-install-backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(17,25,45,.38);
    backdrop-filter: blur(12px);
    cursor: default;
}

.pwa-install-dialog {
    position: relative;
    z-index: 1;
    width: min(420px, 100%);
    padding: 31px 28px 27px;
    border: 1px solid rgba(255,255,255,.78);
    border-radius: 27px;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.97),
            rgba(246,248,255,.94)
        );
    box-shadow:
        0 38px 90px rgba(25,38,78,.25),
        inset 0 1px 0 white;
    text-align: center;
}

.pwa-install-close {
    position: absolute;
    top: 13px;
    right: 13px;
    display: grid;
    width: 31px;
    height: 31px;
    place-items: center;
    border: 0;
    border-radius: 10px;
    background: rgba(90,108,149,.07);
    color: #6d7890;
    cursor: pointer;
    font-size: 19px;
    line-height: 1;
}

.pwa-install-dialog-icon {
    width: 74px;
    height: 74px;
    margin-bottom: 14px;
    object-fit: cover;
    border-radius: 20px;
    box-shadow:
        0 14px 32px rgba(52,84,190,.19);
}

.pwa-install-dialog-badge {
    margin-bottom: 8px;
    color: #5876db;
    font-size: 8px;
    font-weight: 850;
    letter-spacing: .13em;
}

.pwa-install-dialog h3 {
    margin: 0;
    color: #14203a;
    font-size: 23px;
    letter-spacing: -.035em;
}

.pwa-install-dialog > p {
    margin: 9px auto 20px;
    max-width: 330px;
    color: #758197;
    font-size: 12px;
    line-height: 1.55;
}

.pwa-install-steps {
    display: grid;
    gap: 8px;
    text-align: left;
}

.pwa-install-step {
    display: grid;
    grid-template-columns: 29px minmax(0,1fr);
    gap: 10px;
    align-items: center;
    padding: 10px 11px;
    border: 1px solid rgba(140,154,190,.13);
    border-radius: 13px;
    background: rgba(246,248,253,.82);
    color: #4d5b73;
    font-size: 11px;
    line-height: 1.45;
}

.pwa-install-step-number {
    display: grid;
    width: 29px;
    height: 29px;
    place-items: center;
    border-radius: 9px;
    background: #e9efff;
    color: #4f70d9;
    font-size: 10px;
    font-weight: 800;
}

.pwa-install-modal-action {
    width: 100%;
    height: 43px;
    margin-top: 15px;
    border: 0;
    border-radius: 12px;
    background:
        linear-gradient(
            135deg,
            #5478f5,
            #3564ee
        );
    color: white;
    cursor: pointer;
    font: inherit;
    font-size: 11px;
    font-weight: 750;
}

@media (max-width: 800px) {
    .footer-install-card {
        min-width: 0;
    }
}


/* MP DIRECTOR PWA TOP BANNER V2 */

.pwa-install-top-slot {
    position: relative;
    z-index: 12;
    width: min(1540px, calc(100vw - 48px));
    margin: 18px auto 4px;
}

.pwa-install-top-slot:empty {
    display: none;
}

.pwa-install-top-slot .footer-install-card {
    display: flex;
    width: 100%;
    min-width: 0;
    min-height: 76px;
    box-sizing: border-box;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 13px 15px;
    border: 1px solid rgba(83,111,224,.16);
    border-radius: 20px;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.91),
            rgba(241,245,255,.88)
        );
    box-shadow:
        0 16px 42px rgba(42,65,135,.10),
        inset 0 1px 0 rgba(255,255,255,.92);
    backdrop-filter: blur(18px);
}

.pwa-install-top-slot .footer-install-app {
    flex: 1 1 auto;
}

.pwa-install-top-slot .footer-install-icon {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    border-radius: 15px;
}

.pwa-install-top-slot .footer-install-copy {
    gap: 3px;
}

.pwa-install-top-slot .footer-install-label {
    font-size: 9px;
}

.pwa-install-top-slot .footer-install-copy strong {
    font-size: 14px;
}

.pwa-install-top-slot .footer-install-copy span {
    font-size: 10px;
}

.pwa-install-top-slot .footer-install-button {
    width: auto;
    min-width: 170px;
    height: 44px;
    flex: 0 0 auto;
    padding: 0 22px;
    border-radius: 13px;
    font-size: 11px;
}

/* footer снова работает без PWA-карточки */
.legal-footer .footer-install-card {
    margin: 0;
}

/* MOBILE */
@media (max-width: 800px) {

    .pwa-install-top-slot {
        width: calc(100% - 24px);
        margin: 10px auto 8px;
    }

    .pwa-install-top-slot .footer-install-card {
        min-height: 0;
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        padding: 13px;
        border-radius: 17px;
    }

    .pwa-install-top-slot .footer-install-app {
        width: 100%;
    }

    .pwa-install-top-slot .footer-install-icon {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
        border-radius: 13px;
    }

    .pwa-install-top-slot .footer-install-copy strong {
        font-size: 13px;
    }

    .pwa-install-top-slot .footer-install-copy span {
        font-size: 10px;
    }

    .pwa-install-top-slot .footer-install-button {
        width: 100%;
        min-width: 0;
        height: 43px;
        padding: 0 14px;
    }
}


/* MP DIRECTOR PWA LINKS V3 */

/* старый большой баннер больше не используется */
.pwa-install-top-slot,
#pwaInstallCard {
    display: none !important;
}

/* ссылка в верхнем меню */
.landing-app-nav-link {
    appearance: none;
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    color: inherit;
    font: inherit;
    font-weight: inherit;
    line-height: inherit;
    cursor: pointer;
    white-space: nowrap;
    transition:
        color .18s ease,
        opacity .18s ease;
}

.landing-app-nav-link:hover {
    color: #4567d8;
}

/* приложение в описании hero */
.hero-mobile-app {
    display: flex;
    width: fit-content;
    max-width: 100%;
    align-items: center;
    gap: 13px;
    margin-top: 22px;
    padding: 10px 11px 10px 10px;
    border: 1px solid rgba(87,111,200,.14);
    border-radius: 17px;
    background: rgba(255,255,255,.66);
    box-shadow:
        0 10px 28px rgba(50,69,130,.07),
        inset 0 1px 0 rgba(255,255,255,.9);
    backdrop-filter: blur(13px);
}

.hero-mobile-app-icon {
    flex: 0 0 auto;
}

.hero-mobile-app-icon img {
    display: block;
    width: 46px;
    height: 46px;
    object-fit: cover;
    border-radius: 13px;
    box-shadow:
        0 8px 18px rgba(48,80,190,.16);
}

.hero-mobile-app-copy {
    display: grid;
    max-width: 240px;
    gap: 2px;
}

.hero-mobile-app-copy strong {
    color: #17223a;
    font-size: 12px;
    line-height: 1.3;
}

.hero-mobile-app-copy span {
    color: #77849a;
    font-size: 9px;
    line-height: 1.45;
}

.hero-mobile-app-button {
    display: flex;
    height: 42px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 16px;
    border: 0;
    border-radius: 12px;
    background:
        linear-gradient(
            135deg,
            #5579f4,
            #3565ee
        );
    box-shadow:
        0 9px 21px rgba(53,101,238,.18);
    color: #fff;
    cursor: pointer;
    font: inherit;
    font-size: 10px;
    font-weight: 750;
    white-space: nowrap;
    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

.hero-mobile-app-button:hover {
    transform: translateY(-1px);
    box-shadow:
        0 12px 25px rgba(53,101,238,.24);
}

.hero-mobile-app-button svg {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

@media (max-width: 800px) {

    .hero-mobile-app {
        width: 100%;
        box-sizing: border-box;
        flex-wrap: wrap;
        margin-top: 18px;
        padding: 11px;
    }

    .hero-mobile-app-copy {
        max-width: none;
        flex: 1 1 calc(100% - 65px);
    }

    .hero-mobile-app-button {
        width: 100%;
        height: 44px;
    }

    .landing-app-nav-link {
        font-size: inherit;
    }
}


/* MP DIRECTOR MOBILE APP FEATURE V4 */

.landing-mobile-app-feature {
    position: relative;
    display: grid;
    grid-template-columns: 0.82fr 1.18fr;
    gap: 48px;
    align-items: center;
    margin: 34px 0 4px;
    padding: 38px 48px;
    overflow: hidden;
    border: 1px solid rgba(94,116,200,.14);
    border-radius: 28px;
    background:
        radial-gradient(
            circle at 10% 20%,
            rgba(105,143,255,.13),
            transparent 34%
        ),
        radial-gradient(
            circle at 95% 85%,
            rgba(149,112,255,.10),
            transparent 34%
        ),
        rgba(255,255,255,.72);
    box-shadow:
        0 22px 60px rgba(45,65,125,.08),
        inset 0 1px 0 rgba(255,255,255,.95);
    backdrop-filter: blur(18px);
}

.landing-mobile-app-feature::after {
    content: "";
    position: absolute;
    width: 330px;
    height: 330px;
    right: -120px;
    top: -150px;
    border-radius: 50%;
    background:
        radial-gradient(
            circle,
            rgba(85,121,244,.13),
            transparent 67%
        );
    pointer-events: none;
}


/* VISUAL */

.landing-mobile-app-visual {
    position: relative;
    min-height: 265px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.landing-mobile-app-logo {
    position: absolute;
    z-index: 3;
    left: 9%;
    top: 23%;
    width: 84px;
    height: 84px;
    padding: 5px;
    border-radius: 23px;
    background: rgba(255,255,255,.9);
    box-shadow:
        0 18px 42px rgba(35,65,160,.20);
    transform: rotate(-6deg);
}

.landing-mobile-app-logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 19px;
}

.landing-mobile-phone {
    position: relative;
    width: 178px;
    height: 312px;
    padding: 8px;
    border-radius: 31px;
    background:
        linear-gradient(
            145deg,
            #18233e,
            #44577e
        );
    box-shadow:
        0 30px 55px rgba(31,45,90,.20);
    transform: rotate(5deg);
}

.landing-mobile-phone-screen {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 38px 15px 15px;
    border-radius: 24px;
    background:
        linear-gradient(
            160deg,
            #f9fbff,
            #edf2ff
        );
}

.landing-mobile-phone-top {
    position: absolute;
    z-index: 2;
    top: 15px;
    left: 50%;
    width: 58px;
    height: 14px;
    border-radius: 20px;
    background: #111a2d;
    transform: translateX(-50%);
}

.landing-mobile-mini-label {
    display: block;
    margin-bottom: 4px;
    color: #71809c;
    font-size: 8px;
}

.landing-mobile-phone-screen > strong {
    display: block;
    margin-bottom: 18px;
    color: #17223b;
    font-size: 14px;
}

.landing-mobile-mini-card {
    display: grid;
    gap: 5px;
    margin-bottom: 10px;
    padding: 13px;
    border-radius: 14px;
    background: #fff;
    box-shadow:
        0 8px 20px rgba(42,59,107,.06);
}

.landing-mobile-mini-card span,
.landing-mobile-mini-row span {
    color: #8a96aa;
    font-size: 7px;
}

.landing-mobile-mini-card strong {
    color: #162138;
    font-size: 17px;
}

.landing-mobile-mini-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px;
    padding: 9px 10px;
    border-radius: 10px;
    background: rgba(255,255,255,.72);
}

.landing-mobile-mini-row b {
    color: #263652;
    font-size: 9px;
}


/* CONTENT */

.landing-mobile-app-content {
    position: relative;
    z-index: 2;
}

.landing-mobile-app-label {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 6px 10px;
    border-radius: 999px;
    background: #edf2ff;
    color: #4d70df;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .08em;
}

.landing-mobile-app-content h3 {
    max-width: 610px;
    margin: 0;
    color: #121d34;
    font-size: clamp(30px, 3vw, 48px);
    line-height: 1.02;
    letter-spacing: -.045em;
}

.landing-mobile-app-content h3 span {
    color: #4774ef;
}

.landing-mobile-app-content p {
    max-width: 610px;
    margin: 17px 0 20px;
    color: #69768c;
    font-size: 14px;
    line-height: 1.7;
}

.landing-mobile-app-benefits {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 23px;
}

.landing-mobile-app-benefits span {
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(235,241,255,.92);
    color: #53647f;
    font-size: 9px;
    font-weight: 650;
}

.landing-mobile-app-install {
    display: inline-flex;
    min-height: 47px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 21px;
    border: 0;
    border-radius: 13px;
    background:
        linear-gradient(
            135deg,
            #557bf5,
            #3566ee
        );
    box-shadow:
        0 12px 27px rgba(53,101,238,.22);
    color: #fff;
    cursor: pointer;
    font: inherit;
    font-size: 11px;
    font-weight: 800;
    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

.landing-mobile-app-install:hover {
    transform: translateY(-2px);
    box-shadow:
        0 16px 31px rgba(53,101,238,.27);
}

.landing-mobile-app-install svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.landing-mobile-app-content small {
    display: block;
    margin-top: 8px;
    color: #929caf;
    font-size: 9px;
}


/* MOBILE */

@media (max-width: 800px) {

    .landing-mobile-app-feature {
        grid-template-columns: 1fr;
        gap: 8px;
        margin-top: 24px;
        padding: 25px 19px;
        border-radius: 22px;
    }

    .landing-mobile-app-visual {
        min-height: 225px;
    }

    .landing-mobile-phone {
        width: 145px;
        height: 250px;
    }

    .landing-mobile-app-logo {
        left: calc(50% - 120px);
        top: 42px;
        width: 66px;
        height: 66px;
        border-radius: 19px;
    }

    .landing-mobile-app-logo img {
        border-radius: 15px;
    }

    .landing-mobile-app-content {
        text-align: center;
    }

    .landing-mobile-app-content h3 {
        font-size: 31px;
    }

    .landing-mobile-app-content p {
        font-size: 12px;
    }

    .landing-mobile-app-benefits {
        justify-content: center;
    }

    .landing-mobile-app-install {
        width: 100%;
    }

}


/* остатки прошлого hero-блока точно не показываем */

.hero-mobile-app,
.pwa-install-top-slot,
#pwaInstallCard {
    display: none !important;
}



/* MP DIRECTOR MINI APP NAV LINK V1 */

.landing-mini-app-link {
    appearance: none;
    position: relative;
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0 0 0 2px;
    color: #5f6d84;
    cursor: pointer;
    font: inherit;
    font-size: 11px;
    font-weight: 650;
    line-height: 1;
    white-space: nowrap;
    transition:
        color .18s ease,
        transform .18s ease;
}

.landing-mini-app-link::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 6px;
    border-radius: 50%;
    background: #4f78ef;
    vertical-align: 1px;
    box-shadow:
        0 0 0 3px rgba(79,120,239,.10);
}

.landing-mini-app-link:hover {
    color: #3766e6;
    transform: translateY(-1px);
}

@media (max-width: 800px) {
    .landing-mini-app-link {
        font-size: 10px;
    }
}



/* MP DIRECTOR NAV COMPACT FIX V1 */

.landing-nav-compact {
    display: flex !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 30px !important;
    grid-template-columns: none !important;
}

.landing-nav-compact > a,
.landing-nav-compact > button {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
}

.landing-nav-compact .landing-mini-app-link {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

.landing-nav-compact .landing-mini-app-link::before {
    display: none !important;
}

@media (max-width: 1000px) {
    .landing-nav-compact {
        gap: 20px !important;
    }
}



/* MP DIRECTOR NAV STYLE UNIFY V2 */

.landing-nav-compact > a,
.landing-nav-compact > button {
    appearance: none !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;

    color: #5f6d84 !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;

    text-decoration: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;

    transition:
        color .18s ease,
        opacity .18s ease !important;
}

.landing-nav-compact > a:hover,
.landing-nav-compact > button:hover {
    color: #3f5fbb !important;
}

.landing-nav-compact .landing-mini-app-link::before {
    content: none !important;
    display: none !important;
}



/* MP DIRECTOR DASHBOARD PREMIUM VISUAL V1 */

/* =========================================================
   ОСНОВА КАБИНЕТА
   ========================================================= */

#dashboard {
    --app-bg: #f4f7fc;
    --app-card: rgba(255,255,255,.92);
    --app-border: rgba(113,132,174,.13);
    --app-text: #17223b;
    --app-muted: #7a879d;
    --app-blue: #416ff0;
    --app-blue-soft: #edf2ff;
}

#dashboard .dashboard-shell {
    min-height: 100vh;
    background:
        radial-gradient(
            circle at 85% 5%,
            rgba(91,126,245,.08),
            transparent 29%
        ),
        radial-gradient(
            circle at 40% 95%,
            rgba(128,101,238,.05),
            transparent 33%
        ),
        var(--app-bg);
}

#dashboard .dashboard-main {
    min-width: 0;
    background: transparent;
}


/* =========================================================
   SIDEBAR
   ========================================================= */

#dashboard .app-sidebar {
    border-right: 1px solid rgba(104,122,166,.12);
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.97),
            rgba(249,251,255,.96)
        );
    box-shadow:
        12px 0 35px rgba(42,58,105,.035);
}

#dashboard .sidebar-brand {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(109,128,169,.09);
}

#dashboard .sidebar-logo {
    overflow: hidden;
    border-radius: 13px;
    box-shadow:
        0 8px 22px rgba(48,83,192,.17);
}

#dashboard .sidebar-brand-text strong {
    color: #14203a;
    font-weight: 750;
    letter-spacing: -.02em;
}

#dashboard .sidebar-brand-text span {
    color: #929caf;
    font-size: 10px;
}

#dashboard .sidebar-nav {
    gap: 5px;
    padding-top: 14px;
}

#dashboard .sidebar-link {
    min-height: 44px;
    padding: 0 13px;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: #66738a;
    font-weight: 600;
    transition:
        background .18s ease,
        color .18s ease,
        transform .18s ease,
        box-shadow .18s ease;
}

#dashboard .sidebar-link:hover {
    background: rgba(238,243,255,.9);
    color: #315ed4;
    transform: translateX(2px);
}

#dashboard .sidebar-link.active {
    background:
        linear-gradient(
            135deg,
            #eef3ff,
            #e7edff
        );
    color: #3564e8;
    box-shadow:
        inset 0 0 0 1px rgba(72,108,226,.07);
}

#dashboard .sidebar-icon {
    display: grid;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    place-items: center;
    border-radius: 9px;
    transition:
        background .18s ease,
        color .18s ease;
}

#dashboard .sidebar-link.active .sidebar-icon {
    background: #fff;
    box-shadow:
        0 5px 14px rgba(57,91,195,.11);
}

#dashboard .sidebar-icon svg {
    width: 17px;
    height: 17px;
}


/* =========================================================
   SIDEBAR USER
   ========================================================= */

#dashboard .sidebar-footer {
    padding: 12px;
}

#dashboard .sidebar-user-premium {
    padding: 11px;
    border: 1px solid rgba(109,128,169,.11);
    border-radius: 15px;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.94),
            rgba(244,247,255,.90)
        );
    box-shadow:
        0 9px 26px rgba(45,61,110,.06);
}

#dashboard .sidebar-avatar {
    box-shadow:
        0 6px 15px rgba(55,88,183,.14);
}

#dashboard .sidebar-user-info strong {
    color: #1c2942;
}

#dashboard .sidebar-user-meta {
    color: #929db0;
}


/* =========================================================
   ВЕРХ КАБИНЕТА
   ========================================================= */

#dashboard .dashboard-head {
    position: sticky;
    z-index: 40;
    top: 0;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 14px;
    min-height: 70px;
    padding: 10px 26px;
    border-bottom: 1px solid rgba(105,124,165,.10);
    background: rgba(247,249,253,.84);
    backdrop-filter: blur(20px);
}

#dashboard .dashboard-head h1 {
    margin: 0;
    color: #16223a;
    font-size: 19px;
    line-height: 1.15;
    font-weight: 750;
    letter-spacing: -.03em;
}

#dashboard #planInfo {
    margin: 4px 0 0;
    color: #8a96aa;
    font-size: 10px;
}

#dashboard .sidebar-toggle-button {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(104,123,165,.13);
    border-radius: 11px;
    background: rgba(255,255,255,.84);
    box-shadow:
        0 6px 17px rgba(46,62,108,.055);
    color: #61708a;
    cursor: pointer;
}

#dashboard #logoutButton {
    min-height: 37px;
    padding: 0 15px;
    border: 1px solid rgba(103,122,164,.13);
    border-radius: 11px;
    background: rgba(255,255,255,.86);
    color: #65728a;
    font-weight: 650;
    box-shadow:
        0 5px 15px rgba(44,60,108,.045);
}


/* =========================================================
   АНАЛИТИКА — TOOLBAR
   ========================================================= */

#dashboard #analyticsSection {
    padding: 25px 26px 40px;
}

#dashboard .analytics-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}

#dashboard .analytics-toolbar h2 {
    margin: 0;
    color: #142039;
    font-size: 24px;
    font-weight: 760;
    letter-spacing: -.035em;
}

#dashboard .analytics-toolbar .muted {
    margin: 5px 0 0;
    color: #8c98ac;
    font-size: 10px;
}

#dashboard .analytics-period {
    display: flex;
    width: 128px;
    height: 128px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 5px;
    border: 1px solid rgba(105,124,167,.12);
    border-radius: 13px;
    background: rgba(255,255,255,.84);
    box-shadow:
        0 7px 21px rgba(40,57,105,.05);
}

#dashboard .analytics-period select,
#dashboard .analytics-period input {
    min-height: 36px;
    border: 0;
    border-radius: 9px;
    background: #f5f7fc;
    color: #44526b;
    font: inherit;
    font-size: 11px;
    outline: none;
}

#dashboard .analytics-period select {
    width: 100%;
    padding: 0 20px 0 12px;
}

#dashboard #customPeriod {
    align-items: center;
    gap: 6px;
}

#dashboard #applyPeriodButton {
    min-height: 36px;
    padding: 0 14px;
    border: 0;
    border-radius: 9px;
    background: #416ff0;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
}


/* =========================================================
   KPI
   ========================================================= */

#dashboard .kpi-primary-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 12px;
    margin-bottom: 14px;
}

#dashboard .kpi-primary {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 126px;
    align-items: flex-start;
    gap: 13px;
    padding: 18px;
    overflow: hidden;
    border: 1px solid var(--app-border);
    border-radius: 18px;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.96),
            rgba(250,252,255,.91)
        );
    box-shadow:
        0 10px 30px rgba(39,55,103,.055),
        inset 0 1px 0 rgba(255,255,255,.9);
    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

#dashboard .kpi-primary:hover {
    transform: translateY(-2px);
    box-shadow:
        0 15px 35px rgba(39,55,103,.08),
        inset 0 1px 0 rgba(255,255,255,.95);
}

#dashboard .kpi-primary::after {
    content: "";
    position: absolute;
    width: 90px;
    height: 90px;
    right: -35px;
    top: -35px;
    border-radius: 50%;
    background:
        radial-gradient(
            circle,
            rgba(72,112,238,.07),
            transparent 70%
        );
    pointer-events: none;
}

#dashboard .kpi-icon {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;
    border-radius: 11px;
    background: #edf2ff;
    color: #416ff0;
    font-size: 15px;
    font-weight: 750;
}

#dashboard .kpi-profit .kpi-icon {
    background: #eaf8f2;
    color: #19a66f;
}

#dashboard .kpi-orders .kpi-icon {
    background: #f0edff;
    color: #7458e8;
}

#dashboard .kpi-drr .kpi-icon {
    background: #fff3df;
    color: #e29122;
}

#dashboard .kpi-content {
    min-width: 0;
}

#dashboard .kpi-content > span {
    display: block;
    margin-bottom: 7px;
    color: #7e8aa0;
    font-size: 10px;
    font-weight: 600;
}

#dashboard .kpi-content > strong {
    display: block;
    overflow: hidden;
    color: #152139;
    font-size: clamp(20px, 1.55vw, 28px);
    line-height: 1.05;
    font-weight: 780;
    letter-spacing: -.035em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#dashboard .kpi-content > small {
    display: block;
    margin-top: 8px;
    color: #a0a9b9;
    font-size: 9px;
    line-height: 1.35;
}


/* =========================================================
   ECONOMY STRIP
   ========================================================= */

#dashboard .economy-strip {
    display: grid;
    grid-template-columns: repeat(
        auto-fit,
        minmax(120px,1fr)
    );
    overflow: hidden;
    margin-bottom: 16px;
    border: 1px solid var(--app-border);
    border-radius: 17px;
    background: rgba(255,255,255,.88);
    box-shadow:
        0 9px 28px rgba(39,55,103,.045);
}

#dashboard .economy-item {
    position: relative;
    min-width: 0;
    padding: 15px 17px;
}

#dashboard .economy-item:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 20%;
    right: 0;
    width: 1px;
    height: 60%;
    background: rgba(103,122,164,.11);
}

#dashboard .economy-item > span {
    display: block;
    margin-bottom: 5px;
    color: #8793a7;
    font-size: 9px;
    font-weight: 600;
}

#dashboard .economy-item > strong {
    color: #26344e;
    font-size: 15px;
    font-weight: 730;
}

#dashboard .economy-item > small {
    margin-left: 3px;
    color: #a0a9b8;
    font-size: 8px;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 900px) {

    #dashboard .dashboard-head {
        position: relative;
        min-height: 58px;
        padding: 9px 14px;
    }

    #dashboard .dashboard-head h1 {
        font-size: 17px;
    }

    #dashboard #analyticsSection {
        padding: 16px 12px 90px;
    }

    #dashboard .analytics-toolbar {
        align-items: stretch;
        flex-direction: column;
        gap: 12px;
    }

    #dashboard .analytics-period {
        width: 100%;
        box-sizing: border-box;
    }

    #dashboard .analytics-period select {
        flex: 1;
        width: 100%;
    }

    #dashboard .kpi-primary-grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
        gap: 9px;
    }

    #dashboard .kpi-primary {
        min-height: 112px;
        gap: 9px;
        padding: 13px;
        border-radius: 15px;
    }

    #dashboard .kpi-icon {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
        border-radius: 9px;
        font-size: 13px;
    }

    #dashboard .kpi-content > strong {
        font-size: 19px;
    }

    #dashboard .economy-strip {
        grid-template-columns: repeat(2,1fr);
        border-radius: 15px;
    }

    #dashboard .economy-item {
        padding: 13px;
        border-bottom: 1px solid rgba(103,122,164,.08);
    }

    #dashboard .economy-item::after {
        display: none;
    }
}



/* MP DIRECTOR DASHBOARD VISUAL FIX V2 */

/* =========================================================
   КАРКАС — УБИРАЕМ БОЛЬШИЕ ПУСТЫЕ ПОЛЯ
   ========================================================= */

#dashboard,
#dashboard .dashboard-shell {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

#dashboard .dashboard-shell {
    min-height: 100vh !important;
    background:
        radial-gradient(
            circle at 85% 5%,
            rgba(78,112,238,.08),
            transparent 28%
        ),
        #f3f6fc !important;
}

#dashboard .dashboard-main {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#dashboard .dashboard-main > section {
    width: auto !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#dashboard #analyticsSection {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding:
        22px
        18px
        42px !important;
}


/* =========================================================
   СИНИЙ SIDEBAR
   ========================================================= */

#dashboard .app-sidebar {
    background:
        radial-gradient(
            circle at 10% 0%,
            rgba(98,139,255,.35),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            #153b93 0%,
            #123582 48%,
            #0d2c6f 100%
        ) !important;

    border-right: 0 !important;

    box-shadow:
        8px 0 32px
        rgba(14,38,91,.10) !important;

    color: #fff !important;
}


/* BRAND */

#dashboard .sidebar-brand {
    border-bottom:
        1px solid
        rgba(255,255,255,.10) !important;
}

#dashboard .sidebar-brand-text strong {
    color: #fff !important;
}

#dashboard .sidebar-brand-text span {
    color:
        rgba(255,255,255,.58) !important;
}


/* NAV */

#dashboard .sidebar-nav {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

#dashboard .sidebar-link {
    color:
        rgba(255,255,255,.72) !important;

    background:
        transparent !important;

    border:
        1px solid
        transparent !important;

    border-radius:
        13px !important;

    box-shadow:
        none !important;
}

#dashboard .sidebar-link:hover {
    color: #fff !important;

    background:
        rgba(255,255,255,.08) !important;

    transform:
        translateX(2px) !important;
}

#dashboard .sidebar-link.active {
    color: #1544bd !important;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #edf3ff
        ) !important;

    border-color:
        rgba(255,255,255,.65) !important;

    box-shadow:
        0 9px 24px
        rgba(5,24,72,.18) !important;
}


/* SIDEBAR ICONS */

#dashboard .sidebar-icon {
    color: currentColor !important;
    background: transparent !important;
}

#dashboard .sidebar-icon svg {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.7 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

#dashboard .sidebar-link.active .sidebar-icon {
    color: #3565e8 !important;

    background:
        #e9efff !important;

    box-shadow:
        none !important;
}


/* =========================================================
   USER CARD SIDEBAR
   ========================================================= */

#dashboard .sidebar-footer {
    border-top:
        1px solid
        rgba(255,255,255,.08) !important;
}

#dashboard .sidebar-user-premium {
    border:
        1px solid
        rgba(255,255,255,.12) !important;

    background:
        rgba(255,255,255,.09) !important;

    box-shadow:
        0 10px 25px
        rgba(4,20,59,.12) !important;
}

#dashboard .sidebar-user-info strong {
    color: #fff !important;
}

#dashboard .sidebar-user-meta {
    color:
        rgba(255,255,255,.57) !important;
}

#dashboard .sidebar-user-meta span {
    color:
        rgba(255,255,255,.62) !important;
}

#dashboard .sidebar-user-active {
    color: #79efb6 !important;
}

#dashboard .sidebar-user-chevron {
    color:
        rgba(255,255,255,.65) !important;
}


/* =========================================================
   HEADER — БЕЗ БОЛЬШИХ БОКОВЫХ ОТСТУПОВ
   ========================================================= */

#dashboard .dashboard-head {
    width: auto !important;
    max-width: none !important;

    margin:
        0 !important;

    padding:
        10px
        18px !important;

    min-height:
        64px !important;

    border-radius:
        0 !important;

    border-bottom:
        1px solid
        rgba(104,123,165,.10) !important;

    background:
        rgba(248,250,254,.90) !important;

    box-shadow:
        0 5px 18px
        rgba(32,53,102,.035) !important;
}


/* =========================================================
   БУРГЕР — ВСЕГДА ВИДИМ
   ========================================================= */

#dashboard #sidebarToggleButton,
#dashboard #sidebarToggleButton[hidden] {
    display:
        inline-flex !important;

    visibility:
        visible !important;

    opacity:
        1 !important;

    width:
        40px !important;

    height:
        40px !important;

    min-width:
        40px !important;

    padding:
        0 !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    border:
        0 !important;

    border-radius:
        12px !important;

    background:
        linear-gradient(
            135deg,
            #4c7af5,
            #2e62eb
        ) !important;

    color:
        #fff !important;

    box-shadow:
        0 8px 20px
        rgba(46,98,235,.25) !important;

    cursor:
        pointer !important;
}

#dashboard #sidebarToggleButton svg {
    display:
        block !important;

    width:
        19px !important;

    height:
        19px !important;

    fill:
        none !important;

    stroke:
        #fff !important;

    stroke-width:
        2 !important;

    stroke-linecap:
        round !important;
}

#dashboard #sidebarToggleButton:hover {
    transform:
        translateY(-1px) !important;

    filter:
        brightness(1.04) !important;
}


/* =========================================================
   ANALYTICS TOOLBAR
   ========================================================= */

#dashboard .analytics-toolbar {
    width: 100% !important;
    box-sizing: border-box !important;

    margin:
        0
        0
        16px !important;

    padding:
        18px
        20px !important;

    border:
        1px solid
        rgba(92,116,177,.10) !important;

    border-radius:
        20px !important;

    background:
        rgba(255,255,255,.88) !important;

    box-shadow:
        0 9px 26px
        rgba(36,56,105,.045) !important;
}


/* =========================================================
   KPI
   ========================================================= */

#dashboard .kpi-primary-grid {
    width:
        100% !important;

    grid-template-columns:
        repeat(
            4,
            minmax(0,1fr)
        ) !important;

    gap:
        12px !important;
}

#dashboard .kpi-primary {
    min-height:
        116px !important;

    padding:
        16px !important;

    gap:
        13px !important;

    border-radius:
        18px !important;
}


/* НОВЫЕ SVG KPI ICONS */

#dashboard .kpi-icon {
    display:
        grid !important;

    place-items:
        center !important;

    width:
        40px !important;

    height:
        40px !important;

    min-width:
        40px !important;

    flex:
        0 0 40px !important;

    border-radius:
        12px !important;

    font-size:
        0 !important;
}

#dashboard .kpi-icon svg {
    display:
        block !important;

    width:
        19px !important;

    height:
        19px !important;

    fill:
        none !important;

    stroke:
        currentColor !important;

    stroke-width:
        1.8 !important;

    stroke-linecap:
        round !important;

    stroke-linejoin:
        round !important;
}


/* SALES */

#dashboard .kpi-sales .kpi-icon {
    color:
        #3569ef !important;

    background:
        #edf2ff !important;
}


/* PROFIT */

#dashboard .kpi-profit .kpi-icon {
    color:
        #12a66e !important;

    background:
        #e7f8f1 !important;
}


/* ORDERS */

#dashboard .kpi-orders .kpi-icon {
    color:
        #7857df !important;

    background:
        #f0ecff !important;
}


/* DRR */

#dashboard .kpi-drr .kpi-icon {
    color:
        #dc8b16 !important;

    background:
        #fff2dd !important;
}


/* =========================================================
   ECONOMY
   ========================================================= */

#dashboard .economy-strip {
    width:
        100% !important;

    box-sizing:
        border-box !important;
}


/* =========================================================
   DESKTOP WIDTH
   ========================================================= */

@media (min-width: 901px) {

    #dashboard .dashboard-main {
        overflow-x:
            hidden !important;
    }

    #dashboard #analyticsSection {
        max-width:
            none !important;
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (
    min-width: 901px
) and (
    max-width: 1300px
) {

    #dashboard .kpi-primary-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            ) !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 900px) {

    #dashboard #analyticsSection {
        padding:
            14px
            12px
            90px !important;
    }

    #dashboard .dashboard-head {
        padding:
            9px
            12px !important;
    }

    #dashboard .kpi-primary-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            ) !important;
    }

}


/* MP DIRECTOR DASHBOARD VISUAL FIX V3 START */

/* Общая оболочка */
#dashboard {
    background:
        linear-gradient(
            180deg,
            #eef3ff 0%,
            #f6f8ff 100%
        );
}

#dashboard .dashboard-shell {
    gap: 0;
    min-height: 100vh;
}

/* Синий сайдбар */
#dashboard .app-sidebar {
    background:
        linear-gradient(
            180deg,
            #2550d8 0%,
            #173baf 55%,
            #0f2c8b 100%
        );
    border-right: 1px solid rgba(255,255,255,.10);
    box-shadow: 12px 0 30px rgba(15, 33, 84, .16);
}

#dashboard .sidebar-brand {
    padding: 18px 14px 18px;
    border-bottom: 1px solid rgba(255,255,255,.12);
}

#dashboard .sidebar-logo {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    overflow: hidden;
    background: rgba(255,255,255,.12);
    box-shadow: 0 10px 24px rgba(8, 18, 55, .24);
}

#dashboard .sidebar-logo .mp-brand-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

#dashboard .sidebar-brand-text strong,
#dashboard .sidebar-brand-text span,
#dashboard .sidebar-link {
    color: rgba(255,255,255,.95);
}

#dashboard .sidebar-brand-text span {
    color: rgba(255,255,255,.72);
}

#dashboard .sidebar-link {
    border-radius: 16px;
    margin: 4px 10px;
    padding: 12px 14px;
    background: transparent;
}

#dashboard .sidebar-link:hover {
    background: rgba(255,255,255,.10);
}

#dashboard .sidebar-link.active {
    background: rgba(255,255,255,.14);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}

#dashboard .sidebar-icon {
    background: rgba(255,255,255,.10);
    color: #ffffff;
}

#dashboard .sidebar-footer,
#dashboard .sidebar-profile,
#dashboard .sidebar-user-card {
    background: rgba(255,255,255,.08);
    border-color: rgba(255,255,255,.10);
}

/* Главное: вернуть небольшие отступы */
#dashboard .dashboard-main,
#dashboard .dashboard-content,
#dashboard .dashboard-page {
    padding-left: 18px !important;
    padding-right: 18px !important;
    padding-bottom: 20px !important;
    box-sizing: border-box;
}

/* Верхняя панель */
#dashboard .dashboard-head,
#dashboard .dashboard-header {
    margin-bottom: 14px;
    padding: 14px 16px;
    border-radius: 18px;
    background: rgba(255,255,255,.55);
    border: 1px solid rgba(185, 198, 230, .45);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

/* Бургер всегда видимый */
#dashboard #sidebarToggleButton,
#dashboard .sidebar-toggle-button {
    width: 42px;
    height: 42px;
    min-width: 42px;
    min-height: 42px;
    border: none;
    border-radius: 14px;
    background:
        linear-gradient(
            135deg,
            #4b78ff,
            #2f5ce8
        );
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 22px rgba(47, 92, 232, .22);
    opacity: 1 !important;
    visibility: visible !important;
}

/* Заголовок магазина / фильтры */
#dashboard .dashboard-shop-head,
#dashboard .dashboard-store-head,
#dashboard .analytics-toolbar,
#dashboard .analytics-controls,
#dashboard .analytics-page-head {
    border-radius: 20px;
    background: rgba(255,255,255,.66);
    border: 1px solid rgba(186, 198, 230, .42);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

/* KPI */
#dashboard .dashboard-kpi-card,
#dashboard .analytics-kpi-card,
#dashboard .metric-card,
#dashboard .summary-card,
#dashboard .kpi-card {
    border-radius: 22px;
    background: rgba(255,255,255,.72);
    border: 1px solid rgba(187, 198, 229, .45);
    box-shadow: 0 14px 32px rgba(33, 57, 122, .06);
}

/* Иконки внутри KPI */
#dashboard .dashboard-kpi-card .kpi-icon,
#dashboard .analytics-kpi-card .kpi-icon,
#dashboard .metric-card .kpi-icon,
#dashboard .summary-card .kpi-icon,
#dashboard .kpi-card .kpi-icon,
#dashboard .dashboard-kpi-card .card-icon,
#dashboard .analytics-kpi-card .card-icon,
#dashboard .metric-card .card-icon,
#dashboard .summary-card .card-icon,
#dashboard .kpi-card .card-icon {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.82);
    box-shadow: inset 0 0 0 1px rgba(160, 178, 222, .28);
}

/* Экономический блок / вторичные карточки */
#dashboard .economy-strip,
#dashboard .summary-strip,
#dashboard .dashboard-economy-strip,
#dashboard .analytics-summary-strip {
    border-radius: 20px;
    background: rgba(255,255,255,.66);
    border: 1px solid rgba(186, 198, 230, .42);
}

/* Карточки графиков */
#dashboard .chart-card,
#dashboard .dashboard-chart-card,
#dashboard .analytics-chart-card,
#dashboard .chart-panel,
#dashboard .analytics-panel,
#dashboard .dashboard-panel {
    border-radius: 24px;
    background: rgba(255,255,255,.72);
    border: 1px solid rgba(187, 198, 229, .45);
    box-shadow: 0 16px 36px rgba(33, 57, 122, .06);
    overflow: hidden;
}

/* Чтобы графики не растягивались */
#dashboard canvas {
    max-width: 100%;
}

#dashboard .chart-card canvas,
#dashboard .dashboard-chart-card canvas,
#dashboard .analytics-chart-card canvas,
#dashboard .chart-panel canvas,
#dashboard .analytics-panel canvas,
#dashboard .dashboard-panel canvas {
    width: 100% !important;
    height: 320px !important;
    max-height: 320px !important;
    display: block;
}

@media (max-width: 1600px) {
    #dashboard .chart-card canvas,
    #dashboard .dashboard-chart-card canvas,
    #dashboard .analytics-chart-card canvas,
    #dashboard .chart-panel canvas,
    #dashboard .analytics-panel canvas,
    #dashboard .dashboard-panel canvas {
        height: 300px !important;
        max-height: 300px !important;
    }
}

@media (max-width: 1200px) {
    #dashboard .dashboard-main,
    #dashboard .dashboard-content,
    #dashboard .dashboard-page {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    #dashboard .chart-card canvas,
    #dashboard .dashboard-chart-card canvas,
    #dashboard .analytics-chart-card canvas,
    #dashboard .chart-panel canvas,
    #dashboard .analytics-panel canvas,
    #dashboard .dashboard-panel canvas {
        height: 280px !important;
        max-height: 280px !important;
    }
}

/* MP DIRECTOR DASHBOARD VISUAL FIX V3 END */



/* MP DIRECTOR DASHBOARD CONSISTENCY V4 START */

/* =========================================================
   ОДИНАКОВЫЕ ПОЛЯ НА ВСЕХ СТРАНИЦАХ КАБИНЕТА
   ========================================================= */

/*
   Сам dashboard-main не создаёт лишнего двойного отступа.
   Поле задаём непосредственно страницам-разделам.
*/

#dashboard .dashboard-main {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*
   Аналитика, товары, реклама, финансы, остатки,
   ИИ, подписка, настройки — одинаковый внешний отступ.
*/

#dashboard .dashboard-main > section {
    box-sizing: border-box !important;

    width: calc(100% - 36px) !important;
    max-width: none !important;

    margin-left: 18px !important;
    margin-right: 18px !important;
}

/* сохраняем нормальный вертикальный ритм */

#dashboard .dashboard-main > section:not([hidden]) {
    margin-top: 18px !important;
    margin-bottom: 26px !important;
}

/*
   Аналитика раньше имела дополнительный горизонтальный padding.
   Убираем двойное поле.
*/

#dashboard #analyticsSection {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* =========================================================
   HEADER
   ========================================================= */

/* Шапка остаётся широкой, но немного отделена от краёв */

#dashboard .dashboard-head {
    width: calc(100% - 24px) !important;
    box-sizing: border-box !important;

    margin-left: 12px !important;
    margin-right: 12px !important;
    margin-top: 8px !important;

    border-radius: 16px !important;
}


/* =========================================================
   AI ANALYTICS — BLUE BUTTON TEXT FIX
   ========================================================= */

/*
   Основные кнопки ИИ-аналитика.
   Синий фон + белый текст.
*/

#dashboard .ai-quick-button,
#dashboard .ai-export-button,
#dashboard .ai-send-button,
#dashboard .ai-primary-button,
#dashboard .ai-action-button,
#dashboard .ai-new-chat-button,
#dashboard .ai-new-conversation-button,
#dashboard #aiSendButton,
#dashboard #aiSubmitButton,
#dashboard #aiAskButton,
#dashboard #aiNewChatButton,
#dashboard #aiNewConversationButton {
    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #4b78f5,
            #3264ea
        ) !important;

    border-color:
        transparent !important;

    text-shadow: none !important;
}


/* Все вложенные подписи тоже белые */

#dashboard .ai-quick-button *,
#dashboard .ai-export-button *,
#dashboard .ai-send-button *,
#dashboard .ai-primary-button *,
#dashboard .ai-action-button *,
#dashboard .ai-new-chat-button *,
#dashboard .ai-new-conversation-button *,
#dashboard #aiSendButton *,
#dashboard #aiSubmitButton *,
#dashboard #aiAskButton *,
#dashboard #aiNewChatButton *,
#dashboard #aiNewConversationButton * {
    color: #ffffff !important;
}


/* SVG на синих кнопках */

#dashboard .ai-quick-button svg,
#dashboard .ai-export-button svg,
#dashboard .ai-send-button svg,
#dashboard .ai-primary-button svg,
#dashboard .ai-action-button svg,
#dashboard .ai-new-chat-button svg,
#dashboard .ai-new-conversation-button svg,
#dashboard #aiSendButton svg,
#dashboard #aiSubmitButton svg,
#dashboard #aiAskButton svg,
#dashboard #aiNewChatButton svg,
#dashboard #aiNewConversationButton svg {
    fill: none !important;
    stroke: currentColor !important;
}


/* Hover */

#dashboard .ai-quick-button:hover,
#dashboard .ai-export-button:hover,
#dashboard .ai-send-button:hover,
#dashboard .ai-primary-button:hover,
#dashboard .ai-action-button:hover,
#dashboard .ai-new-chat-button:hover,
#dashboard .ai-new-conversation-button:hover,
#dashboard #aiSendButton:hover,
#dashboard #aiSubmitButton:hover,
#dashboard #aiAskButton:hover,
#dashboard #aiNewChatButton:hover,
#dashboard #aiNewConversationButton:hover {
    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #3f6ff1,
            #2859dc
        ) !important;

    transform: translateY(-1px);
}


/* =========================================================
   AI — дополнительная страховка для синих CTA
   ========================================================= */

/*
   Если часть кнопок ИИ имеет только общие классы,
   но находится внутри AI-контейнера.
*/

#dashboard [class*="ai-"] button.primary,
#dashboard [class*="ai-"] .primary,
#dashboard [id*="ai"] button.primary,
#dashboard [id*="AI"] button.primary {
    color: #ffffff !important;
}

#dashboard [class*="ai-"] button.primary *,
#dashboard [class*="ai-"] .primary *,
#dashboard [id*="ai"] button.primary *,
#dashboard [id*="AI"] button.primary * {
    color: #ffffff !important;
}


/* =========================================================
   MOBILE / TABLET
   ========================================================= */

@media (max-width: 900px) {

    #dashboard .dashboard-main > section {
        width: calc(100% - 20px) !important;

        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    #dashboard .dashboard-main > section:not([hidden]) {
        margin-top: 10px !important;
        margin-bottom: 18px !important;
    }

    #dashboard .dashboard-head {
        width: calc(100% - 16px) !important;

        margin-left: 8px !important;
        margin-right: 8px !important;
    }
}

/* MP DIRECTOR DASHBOARD CONSISTENCY V4 END */



/* MP DIRECTOR AI CHAT + ANALYTICS CHART FIX V1 START */

/* =========================================================
   AI АНАЛИТИК — КАРТОЧКИ ДИАЛОГОВ
   ========================================================= */

#dashboard #aiConversationsList button,
#dashboard #aiConversationsList .ai-conversation-item,
#dashboard #aiConversationsList .ai-conversation-card,
#dashboard .ai-conversations-list button,
#dashboard .ai-conversations-list .ai-conversation-item,
#dashboard .ai-conversations-list .ai-conversation-card,
#dashboard .ai-chat-sidebar button,
#dashboard .ai-chat-sidebar .ai-conversation-item,
#dashboard .ai-chat-sidebar .ai-conversation-card,
#dashboard .ai-conversation-button,
#dashboard .ai-conversation-card {
    color: #ffffff !important;
    border: 1px solid rgba(49, 94, 233, .10) !important;
    background: linear-gradient(135deg, #4c78f5 0%, #3568f5 100%) !important;
    box-shadow: 0 10px 24px rgba(53, 104, 245, .18) !important;
}

#dashboard #aiConversationsList button *,
#dashboard #aiConversationsList .ai-conversation-item *,
#dashboard #aiConversationsList .ai-conversation-card *,
#dashboard .ai-conversations-list button *,
#dashboard .ai-conversations-list .ai-conversation-item *,
#dashboard .ai-conversations-list .ai-conversation-card *,
#dashboard .ai-chat-sidebar button *,
#dashboard .ai-chat-sidebar .ai-conversation-item *,
#dashboard .ai-chat-sidebar .ai-conversation-card *,
#dashboard .ai-conversation-button *,
#dashboard .ai-conversation-card * {
    color: inherit !important;
}

#dashboard #aiConversationsList button strong,
#dashboard #aiConversationsList .ai-conversation-item strong,
#dashboard #aiConversationsList .ai-conversation-card strong,
#dashboard .ai-conversations-list button strong,
#dashboard .ai-conversations-list .ai-conversation-item strong,
#dashboard .ai-conversations-list .ai-conversation-card strong,
#dashboard .ai-chat-sidebar button strong,
#dashboard .ai-chat-sidebar .ai-conversation-item strong,
#dashboard .ai-chat-sidebar .ai-conversation-card strong,
#dashboard .ai-conversation-button strong,
#dashboard .ai-conversation-card strong {
    color: #ffffff !important;
}

#dashboard #aiConversationsList button span,
#dashboard #aiConversationsList .ai-conversation-item span,
#dashboard #aiConversationsList .ai-conversation-card span,
#dashboard .ai-conversations-list button span,
#dashboard .ai-conversations-list .ai-conversation-item span,
#dashboard .ai-conversations-list .ai-conversation-card span,
#dashboard .ai-chat-sidebar button span,
#dashboard .ai-chat-sidebar .ai-conversation-item span,
#dashboard .ai-chat-sidebar .ai-conversation-card span,
#dashboard .ai-conversation-button span,
#dashboard .ai-conversation-card span,
#dashboard #aiConversationsList button small,
#dashboard #aiConversationsList .ai-conversation-item small,
#dashboard #aiConversationsList .ai-conversation-card small,
#dashboard .ai-conversations-list button small,
#dashboard .ai-conversations-list .ai-conversation-item small,
#dashboard .ai-conversations-list .ai-conversation-card small,
#dashboard .ai-chat-sidebar button small,
#dashboard .ai-chat-sidebar .ai-conversation-item small,
#dashboard .ai-chat-sidebar .ai-conversation-card small,
#dashboard .ai-conversation-button small,
#dashboard .ai-conversation-card small {
    color: rgba(255,255,255,.82) !important;
}

#dashboard #aiConversationsList button:hover,
#dashboard #aiConversationsList .ai-conversation-item:hover,
#dashboard #aiConversationsList .ai-conversation-card:hover,
#dashboard .ai-conversations-list button:hover,
#dashboard .ai-conversations-list .ai-conversation-item:hover,
#dashboard .ai-conversations-list .ai-conversation-card:hover,
#dashboard .ai-chat-sidebar button:hover,
#dashboard .ai-chat-sidebar .ai-conversation-item:hover,
#dashboard .ai-chat-sidebar .ai-conversation-card:hover,
#dashboard .ai-conversation-button:hover,
#dashboard .ai-conversation-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 26px rgba(53, 104, 245, .22) !important;
    background: linear-gradient(135deg, #4371f2 0%, #2d5fe8 100%) !important;
}

#dashboard #aiConversationsList .active,
#dashboard #aiConversationsList button.active,
#dashboard .ai-conversations-list .active,
#dashboard .ai-chat-sidebar .active,
#dashboard .ai-conversation-card.active,
#dashboard .ai-conversation-button.active {
    border-color: rgba(255,255,255,.28) !important;
    box-shadow:
        0 12px 28px rgba(53, 104, 245, .26),
        inset 0 0 0 1px rgba(255,255,255,.08) !important;
}

/* =========================================================
   АНАЛИТИКА — ГРАФИК НЕ РАСТЯГИВАТЬ
   ========================================================= */

#dashboard #analyticsSection canvas,
#dashboard #analyticsSection .chart-card canvas,
#dashboard #analyticsSection .dashboard-chart-card canvas,
#dashboard #analyticsSection .analytics-chart-card canvas,
#dashboard #analyticsSection .analytics-card canvas {
    width: 100% !important;
    max-width: 100% !important;
    height: 340px !important;
    max-height: 340px !important;
    min-height: 340px !important;
    display: block !important;
}

#dashboard #analyticsSection .chart-card,
#dashboard #analyticsSection .dashboard-chart-card,
#dashboard #analyticsSection .analytics-chart-card,
#dashboard #analyticsSection .analytics-card {
    overflow: hidden !important;
}

@media (max-width: 1200px) {
    #dashboard #analyticsSection canvas,
    #dashboard #analyticsSection .chart-card canvas,
    #dashboard #analyticsSection .dashboard-chart-card canvas,
    #dashboard #analyticsSection .analytics-chart-card canvas,
    #dashboard #analyticsSection .analytics-card canvas {
        height: 320px !important;
        max-height: 320px !important;
        min-height: 320px !important;
    }
}

@media (max-width: 900px) {
    #dashboard #analyticsSection canvas,
    #dashboard #analyticsSection .chart-card canvas,
    #dashboard #analyticsSection .dashboard-chart-card canvas,
    #dashboard #analyticsSection .analytics-chart-card canvas,
    #dashboard #analyticsSection .analytics-card canvas {
        height: 280px !important;
        max-height: 280px !important;
        min-height: 280px !important;
    }
}

/* MP DIRECTOR AI CHAT + ANALYTICS CHART FIX V1 END */



/* MP DIRECTOR SUMMARY STRIP FIX V1 START */

/* =========================================================
   НЕБОЛЬШИЕ ОТСТУПЫ В ОСНОВНОМ КОНТЕНТЕ
   ========================================================= */

#dashboard .dashboard-main,
#dashboard .dashboard-content,
#dashboard .dashboard-page,
#dashboard .dashboard-body,
#dashboard .dashboard-section,
#dashboard .analytics-section,
#dashboard .products-section,
#dashboard .advertising-section,
#dashboard .finance-section,
#dashboard .stocks-section,
#dashboard .ai-section,
#dashboard .billing-section,
#dashboard .settings-section {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

@media (max-width: 1200px) {
    #dashboard .dashboard-main,
    #dashboard .dashboard-content,
    #dashboard .dashboard-page,
    #dashboard .dashboard-body,
    #dashboard .dashboard-section,
    #dashboard .analytics-section,
    #dashboard .products-section,
    #dashboard .advertising-section,
    #dashboard .finance-section,
    #dashboard .stocks-section,
    #dashboard .ai-section,
    #dashboard .billing-section,
    #dashboard .settings-section {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
}

/* =========================================================
   ПОЛОСА С ДОПОЛНИТЕЛЬНЫМИ ПОКАЗАТЕЛЯМИ
   ========================================================= */

#dashboard .dashboard-summary-strip,
#dashboard .analytics-summary-strip,
#dashboard .economy-strip,
#dashboard .summary-strip,
#dashboard .stats-strip,
#dashboard .mini-stats-strip,
#dashboard .secondary-kpi-strip,
#dashboard .dashboard-inline-metrics,
#dashboard .dashboard-mini-metrics,
#dashboard .dashboard-extra-metrics,
#dashboard .analytics-extra-metrics,
#dashboard .summary-inline-grid {
    margin-top: 16px !important;
    margin-bottom: 18px !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .035) !important;
}

/* На случай если блок — это обычный grid сразу после KPI-карточек */
#dashboard .dashboard-main > div:nth-of-type(4),
#dashboard .dashboard-content > div:nth-of-type(4) {
    margin-top: 16px !important;
    margin-bottom: 18px !important;
}

/* Ячейки внутри полосы */
#dashboard .dashboard-summary-strip > div,
#dashboard .analytics-summary-strip > div,
#dashboard .economy-strip > div,
#dashboard .summary-strip > div,
#dashboard .stats-strip > div,
#dashboard .mini-stats-strip > div,
#dashboard .secondary-kpi-strip > div,
#dashboard .dashboard-inline-metrics > div,
#dashboard .dashboard-mini-metrics > div,
#dashboard .dashboard-extra-metrics > div,
#dashboard .analytics-extra-metrics > div,
#dashboard .summary-inline-grid > div {
    padding: 18px 14px !important;
}

/* Заголовки колонок */
#dashboard .dashboard-summary-strip .label,
#dashboard .analytics-summary-strip .label,
#dashboard .economy-strip .label,
#dashboard .summary-strip .label,
#dashboard .stats-strip .label,
#dashboard .mini-stats-strip .label,
#dashboard .secondary-kpi-strip .label,
#dashboard .dashboard-inline-metrics .label,
#dashboard .dashboard-mini-metrics .label,
#dashboard .dashboard-extra-metrics .label,
#dashboard .analytics-extra-metrics .label,
#dashboard .summary-inline-grid .label,
#dashboard .dashboard-summary-strip .title,
#dashboard .analytics-summary-strip .title,
#dashboard .economy-strip .title,
#dashboard .summary-strip .title,
#dashboard .stats-strip .title,
#dashboard .mini-stats-strip .title,
#dashboard .secondary-kpi-strip .title,
#dashboard .dashboard-inline-metrics .title,
#dashboard .dashboard-mini-metrics .title,
#dashboard .dashboard-extra-metrics .title,
#dashboard .analytics-extra-metrics .title,
#dashboard .summary-inline-grid .title,
#dashboard .dashboard-summary-strip > div > div:first-child,
#dashboard .analytics-summary-strip > div > div:first-child,
#dashboard .economy-strip > div > div:first-child,
#dashboard .summary-strip > div > div:first-child,
#dashboard .stats-strip > div > div:first-child,
#dashboard .mini-stats-strip > div > div:first-child,
#dashboard .secondary-kpi-strip > div > div:first-child,
#dashboard .dashboard-inline-metrics > div > div:first-child,
#dashboard .dashboard-mini-metrics > div > div:first-child,
#dashboard .dashboard-extra-metrics > div > div:first-child,
#dashboard .analytics-extra-metrics > div > div:first-child,
#dashboard .summary-inline-grid > div > div:first-child {
    font-size: 12px !important;
    line-height: 1.25 !important;
    letter-spacing: .02em !important;
}

/* Значения — делаем крупнее */
#dashboard .dashboard-summary-strip .value,
#dashboard .analytics-summary-strip .value,
#dashboard .economy-strip .value,
#dashboard .summary-strip .value,
#dashboard .stats-strip .value,
#dashboard .mini-stats-strip .value,
#dashboard .secondary-kpi-strip .value,
#dashboard .dashboard-inline-metrics .value,
#dashboard .dashboard-mini-metrics .value,
#dashboard .dashboard-extra-metrics .value,
#dashboard .analytics-extra-metrics .value,
#dashboard .summary-inline-grid .value,
#dashboard .dashboard-summary-strip strong,
#dashboard .analytics-summary-strip strong,
#dashboard .economy-strip strong,
#dashboard .summary-strip strong,
#dashboard .stats-strip strong,
#dashboard .mini-stats-strip strong,
#dashboard .secondary-kpi-strip strong,
#dashboard .dashboard-inline-metrics strong,
#dashboard .dashboard-mini-metrics strong,
#dashboard .dashboard-extra-metrics strong,
#dashboard .analytics-extra-metrics strong,
#dashboard .summary-inline-grid strong,
#dashboard .dashboard-summary-strip b,
#dashboard .analytics-summary-strip b,
#dashboard .economy-strip b,
#dashboard .summary-strip b,
#dashboard .stats-strip b,
#dashboard .mini-stats-strip b,
#dashboard .secondary-kpi-strip b,
#dashboard .dashboard-inline-metrics b,
#dashboard .dashboard-mini-metrics b,
#dashboard .dashboard-extra-metrics b,
#dashboard .analytics-extra-metrics b,
#dashboard .summary-inline-grid b,
#dashboard .dashboard-summary-strip > div > div:nth-child(2),
#dashboard .analytics-summary-strip > div > div:nth-child(2),
#dashboard .economy-strip > div > div:nth-child(2),
#dashboard .summary-strip > div > div:nth-child(2),
#dashboard .stats-strip > div > div:nth-child(2),
#dashboard .mini-stats-strip > div > div:nth-child(2),
#dashboard .secondary-kpi-strip > div > div:nth-child(2),
#dashboard .dashboard-inline-metrics > div > div:nth-child(2),
#dashboard .dashboard-mini-metrics > div > div:nth-child(2),
#dashboard .dashboard-extra-metrics > div > div:nth-child(2),
#dashboard .analytics-extra-metrics > div > div:nth-child(2),
#dashboard .summary-inline-grid > div > div:nth-child(2) {
    font-size: 31px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    color: #1f2a44 !important;
}

/* Третья строка/подпись внутри ячейки */
#dashboard .dashboard-summary-strip small,
#dashboard .analytics-summary-strip small,
#dashboard .economy-strip small,
#dashboard .summary-strip small,
#dashboard .stats-strip small,
#dashboard .mini-stats-strip small,
#dashboard .secondary-kpi-strip small,
#dashboard .dashboard-inline-metrics small,
#dashboard .dashboard-mini-metrics small,
#dashboard .dashboard-extra-metrics small,
#dashboard .analytics-extra-metrics small,
#dashboard .summary-inline-grid small,
#dashboard .dashboard-summary-strip > div > div:nth-child(3),
#dashboard .analytics-summary-strip > div > div:nth-child(3),
#dashboard .economy-strip > div > div:nth-child(3),
#dashboard .summary-strip > div > div:nth-child(3),
#dashboard .stats-strip > div > div:nth-child(3),
#dashboard .mini-stats-strip > div > div:nth-child(3),
#dashboard .secondary-kpi-strip > div > div:nth-child(3),
#dashboard .dashboard-inline-metrics > div > div:nth-child(3),
#dashboard .dashboard-mini-metrics > div > div:nth-child(3),
#dashboard .dashboard-extra-metrics > div > div:nth-child(3),
#dashboard .analytics-extra-metrics > div > div:nth-child(3),
#dashboard .summary-inline-grid > div > div:nth-child(3) {
    font-size: 11px !important;
    line-height: 1.25 !important;
}

/* На ноутбуках немного компактнее */
@media (max-width: 1400px) {
    #dashboard .dashboard-summary-strip .value,
    #dashboard .analytics-summary-strip .value,
    #dashboard .economy-strip .value,
    #dashboard .summary-strip .value,
    #dashboard .stats-strip .value,
    #dashboard .mini-stats-strip .value,
    #dashboard .secondary-kpi-strip .value,
    #dashboard .dashboard-inline-metrics .value,
    #dashboard .dashboard-mini-metrics .value,
    #dashboard .dashboard-extra-metrics .value,
    #dashboard .analytics-extra-metrics .value,
    #dashboard .summary-inline-grid .value,
    #dashboard .dashboard-summary-strip strong,
    #dashboard .analytics-summary-strip strong,
    #dashboard .economy-strip strong,
    #dashboard .summary-strip strong,
    #dashboard .stats-strip strong,
    #dashboard .mini-stats-strip strong,
    #dashboard .secondary-kpi-strip strong,
    #dashboard .dashboard-inline-metrics strong,
    #dashboard .dashboard-mini-metrics strong,
    #dashboard .dashboard-extra-metrics strong,
    #dashboard .analytics-extra-metrics strong,
    #dashboard .summary-inline-grid strong,
    #dashboard .dashboard-summary-strip b,
    #dashboard .analytics-summary-strip b,
    #dashboard .economy-strip b,
    #dashboard .summary-strip b,
    #dashboard .stats-strip b,
    #dashboard .mini-stats-strip b,
    #dashboard .secondary-kpi-strip b,
    #dashboard .dashboard-inline-metrics b,
    #dashboard .dashboard-mini-metrics b,
    #dashboard .dashboard-extra-metrics b,
    #dashboard .analytics-extra-metrics b,
    #dashboard .summary-inline-grid b,
    #dashboard .dashboard-summary-strip > div > div:nth-child(2),
    #dashboard .analytics-summary-strip > div > div:nth-child(2),
    #dashboard .economy-strip > div > div:nth-child(2),
    #dashboard .summary-strip > div > div:nth-child(2),
    #dashboard .stats-strip > div > div:nth-child(2),
    #dashboard .mini-stats-strip > div > div:nth-child(2),
    #dashboard .secondary-kpi-strip > div > div:nth-child(2),
    #dashboard .dashboard-inline-metrics > div > div:nth-child(2),
    #dashboard .dashboard-mini-metrics > div > div:nth-child(2),
    #dashboard .dashboard-extra-metrics > div > div:nth-child(2),
    #dashboard .analytics-extra-metrics > div > div:nth-child(2),
    #dashboard .summary-inline-grid > div > div:nth-child(2) {
        font-size: 27px !important;
    }
}

/* MP DIRECTOR SUMMARY STRIP FIX V1 END */


/* MP DIRECTOR ANALYTICS SPACING V5 START */

/* =========================================================
   АНАЛИТИКА — ТАКИЕ ЖЕ ОТСТУПЫ КАК У ОСТАЛЬНЫХ РАЗДЕЛОВ
   ========================================================= */

/* убираем накопившийся двойной padding */
#dashboard .dashboard-main {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* все разделы одинаково */
#dashboard .dashboard-main > section {
    box-sizing: border-box !important;
    width: calc(100% - 36px) !important;
    max-width: none !important;

    margin-left: 18px !important;
    margin-right: 18px !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* аналитика — принудительно точно так же */
#dashboard #analyticsSection {
    box-sizing: border-box !important;
    width: calc(100% - 36px) !important;

    margin-left: 18px !important;
    margin-right: 18px !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* =========================================================
   НИЖНЯЯ ПОЛОСА KPI — НОРМАЛЬНЫЙ РАЗМЕР ШРИФТА
   ========================================================= */

#dashboard .economy-item {
    padding: 15px 16px !important;
}

#dashboard .economy-item > span {
    font-size: 10px !important;
    line-height: 1.25 !important;
    font-weight: 650 !important;
}

#dashboard .economy-item > strong {
    font-size: 17px !important;
    line-height: 1.15 !important;
    font-weight: 750 !important;
    letter-spacing: -.015em !important;
    color: #1f2a44 !important;
}

#dashboard .economy-item > small {
    font-size: 9px !important;
    line-height: 1.2 !important;
}


/* перебиваем прошлый слишком крупный патч */
#dashboard .economy-strip strong,
#dashboard .economy-strip b,
#dashboard .economy-strip .value {
    font-size: 17px !important;
    line-height: 1.15 !important;
    font-weight: 750 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 900px) {

    #dashboard .dashboard-main > section,
    #dashboard #analyticsSection {
        width: calc(100% - 20px) !important;

        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    #dashboard .economy-item > strong,
    #dashboard .economy-strip strong,
    #dashboard .economy-strip b,
    #dashboard .economy-strip .value {
        font-size: 15px !important;
    }
}

/* MP DIRECTOR ANALYTICS SPACING V5 END */



/* MP DIRECTOR ANALYTICS CHART NORMAL V6 START */

/* =========================================================
   ГРАФИК АНАЛИТИКИ — НОРМАЛЬНЫЕ ПРОПОРЦИИ
   ========================================================= */

/*
   Ограничиваем именно карточки/контейнеры,
   внутри которых находится canvas графика.
*/

#dashboard #analyticsSection .chart-card:has(canvas),
#dashboard #analyticsSection .analytics-chart-card:has(canvas),
#dashboard #analyticsSection .dashboard-chart-card:has(canvas),
#dashboard #analyticsSection .chart-panel:has(canvas),
#dashboard #analyticsSection .analytics-panel:has(canvas),
#dashboard #analyticsSection [class*="chart"]:has(canvas) {
    width: 100% !important;
    max-width: 1250px !important;

    box-sizing: border-box !important;

    margin-left: auto !important;
    margin-right: auto !important;

    border-radius: 22px !important;
}


/* Сам контейнер canvas */

#dashboard #analyticsSection [class*="chart"] > canvas,
#dashboard #analyticsSection [class*="chart"] canvas {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
}


/* Если canvas лежит ещё в одном внутреннем wrapper */

#dashboard #analyticsSection [class*="chart"]
[class*="canvas"],
#dashboard #analyticsSection [class*="chart"]
[class*="plot"],
#dashboard #analyticsSection [class*="chart"]
[class*="body"] {
    width: 100% !important;
    max-width: 100% !important;

    min-height: 270px !important;
    max-height: 300px !important;

    overflow: hidden !important;
}


/* Заголовок графика тоже держим в той же ширине,
   чтобы вся карточка выглядела цельно */

#dashboard #analyticsSection
[class*="chart"]:has(canvas) {
    margin-top: 18px !important;
    margin-bottom: 20px !important;
}


/* =========================================================
   БОЛЬШИЕ МОНИТОРЫ
   ========================================================= */

@media (min-width: 1500px) {

    #dashboard #analyticsSection .chart-card:has(canvas),
    #dashboard #analyticsSection .analytics-chart-card:has(canvas),
    #dashboard #analyticsSection .dashboard-chart-card:has(canvas),
    #dashboard #analyticsSection .chart-panel:has(canvas),
    #dashboard #analyticsSection .analytics-panel:has(canvas),
    #dashboard #analyticsSection [class*="chart"]:has(canvas) {
        max-width: 1250px !important;
    }

}


/* =========================================================
   НОУТБУК
   ========================================================= */

@media (max-width: 1350px) {

    #dashboard #analyticsSection .chart-card:has(canvas),
    #dashboard #analyticsSection .analytics-chart-card:has(canvas),
    #dashboard #analyticsSection .dashboard-chart-card:has(canvas),
    #dashboard #analyticsSection .chart-panel:has(canvas),
    #dashboard #analyticsSection .analytics-panel:has(canvas),
    #dashboard #analyticsSection [class*="chart"]:has(canvas) {
        max-width: 100% !important;
    }

    #dashboard #analyticsSection [class*="chart"] canvas {
        height: 260px !important;
        min-height: 260px !important;
        max-height: 260px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 900px) {

    #dashboard #analyticsSection [class*="chart"] canvas {
        height: 230px !important;
        min-height: 230px !important;
        max-height: 230px !important;
    }

}

/* MP DIRECTOR ANALYTICS CHART NORMAL V6 END */



/* MP DIRECTOR TREND CHART FIX V7 START */

/*
   Карточку оставляем на всю ширину.
   Сам график внутри делаем нормальной ширины и пропорции.
*/

#dashboard #analyticsSection .trend-card {
    width: 100% !important;
    max-width: none !important;
}


/* контейнер графика */

#dashboard #analyticsSection .trend-chart-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    width: 100% !important;

    box-sizing: border-box !important;

    padding:
        10px
        18px
        14px !important;

    overflow: hidden !important;
}


/* именно SVG Продажи и прибыль */

#dashboard #analyticsSection #salesProfitChart {
    display: block !important;

    width: 100% !important;
    max-width: 1180px !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    aspect-ratio: 1000 / 280 !important;

    flex: 0 1 1180px !important;
}


/* убиваем предыдущие правила,
   которые принудительно задавали 270/320/340px */

#dashboard #analyticsSection .trend-chart-wrap
#salesProfitChart {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}


/* Большой монитор */

@media (min-width: 1500px) {

    #dashboard #analyticsSection #salesProfitChart {
        max-width: 1180px !important;
    }

}


/* Ноутбук */

@media (max-width: 1300px) {

    #dashboard #analyticsSection .trend-chart-wrap {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    #dashboard #analyticsSection #salesProfitChart {
        max-width: 100% !important;
        flex-basis: 100% !important;
    }

}


/* Телефон */

@media (max-width: 900px) {

    #dashboard #analyticsSection .trend-chart-wrap {
        overflow-x: auto !important;
        justify-content: flex-start !important;
    }

    #dashboard #analyticsSection #salesProfitChart {
        width: 760px !important;
        min-width: 760px !important;
        max-width: 760px !important;

        flex-basis: 760px !important;
    }

}

/* MP DIRECTOR TREND CHART FIX V7 END */



/* MP DIRECTOR TREND FULL WIDTH V8 START */

/*
   График занимает всю ширину карточки,
   но SVG сохраняет свои пропорции.
*/

#dashboard #analyticsSection .trend-card {
    width: 100% !important;
    max-width: none !important;
}

#dashboard #analyticsSection .trend-chart-wrap {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    box-sizing: border-box !important;

    padding:
        8px
        16px
        12px !important;

    overflow: hidden !important;
}

#dashboard #analyticsSection #salesProfitChart {
    display: block !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    aspect-ratio: 1000 / 280 !important;

    margin: 0 !important;

    flex: none !important;
}


/* большой экран — немного уменьшаем внутренние поля */

@media (min-width: 1400px) {

    #dashboard #analyticsSection .trend-chart-wrap {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

}


/* мобильный */

@media (max-width: 900px) {

    #dashboard #analyticsSection .trend-chart-wrap {
        padding-left: 8px !important;
        padding-right: 8px !important;

        overflow-x: auto !important;
    }

    #dashboard #analyticsSection #salesProfitChart {
        width: 720px !important;
        min-width: 720px !important;
    }

}

/* MP DIRECTOR TREND FULL WIDTH V8 END */



/* MP DIRECTOR TREND CHART FINAL V9 START */

#dashboard #analyticsSection .trend-card {
    width: 100% !important;
    max-width: none !important;

    overflow: visible !important;
}


/* Контейнер больше ничего не обрезает */

#dashboard #analyticsSection .trend-chart-wrap {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    box-sizing: border-box !important;

    padding:
        8px
        12px
        12px !important;

    overflow: visible !important;
}


/* Сам график: широкий, но невысокий */

#dashboard #analyticsSection #salesProfitChart {
    display: block !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    aspect-ratio: 1400 / 280 !important;

    margin: 0 !important;

    flex: none !important;
}


/* Перебиваем старые правила на canvas/svg/chart */

#dashboard #analyticsSection
.trend-chart-wrap #salesProfitChart {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}


/* На широких мониторах ограничиваем высоту визуально */

@media (min-width: 1500px) {

    #dashboard #analyticsSection #salesProfitChart {
        aspect-ratio: 1400 / 280 !important;
    }

}


/* Ноутбук */

@media (max-width: 1300px) {

    #dashboard #analyticsSection .trend-chart-wrap {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

}


/* Мобильный */

@media (max-width: 900px) {

    #dashboard #analyticsSection .trend-chart-wrap {
        overflow-x: auto !important;
        overflow-y: hidden !important;
    }

    #dashboard #analyticsSection #salesProfitChart {
        width: 900px !important;
        min-width: 900px !important;

        aspect-ratio: 1400 / 280 !important;
    }

}

/* MP DIRECTOR TREND CHART FINAL V9 END */



/* MR.FIX DEVELOPMENT FOOTER BADGE V1 */

.mrfix-development-badge {
    display: inline-flex;
    width: 180px;
    max-width: 100%;
    margin-top: 12px;

    border-radius: 9px;

    text-decoration: none;

    transition:
        transform .18s ease,
        opacity .18s ease,
        box-shadow .18s ease;
}

.mrfix-development-badge img {
    display: block;

    width: 100%;
    height: auto;

    border-radius: 9px;
}

.mrfix-development-badge:hover {
    transform: translateY(-2px);

    box-shadow:
        0 8px 22px
        rgba(20,32,60,.14);
}

.mrfix-development-badge:active {
    transform: translateY(0);
}

@media (max-width: 800px) {

    .mrfix-development-badge {
        width: 160px;
        margin-top: 10px;
    }

}



/* MP DIRECTOR MOBILE LANDING HEADER V1 START */

@media (max-width: 800px) {

    /* Верхняя панель */
    .landing-topbar {
        display: flex !important;
        width: calc(100% - 24px) !important;
        max-width: none !important;

        left: auto !important;
        transform: none !important;

        align-items: center !important;
        justify-content: space-between !important;

        gap: 12px !important;

        margin: 0 auto !important;
        padding: 12px 0 !important;
    }

    /* Логотип */
    .landing-wordmark {
        flex: 0 1 auto !important;
        min-width: 0 !important;
    }

    .landing-wordmark .mp-brand-image {
        flex: 0 0 auto !important;
    }

    /* Навигация больше не занимает центр экрана */
    .landing-nav-compact {
        display: flex !important;
        flex: 0 0 auto !important;

        width: auto !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        gap: 0 !important;
    }

    /* Скрываем ВСЕ пункты меню кроме приложения */
    .landing-nav-compact > a:not(.pwa-install-trigger),
    .landing-nav-compact > button:not(.pwa-install-trigger) {
        display: none !important;
    }

    /* Скрываем кнопки Войти / Начать бесплатно в шапке */
    .landing-topbar-actions,
    .landing-topbar .landing-actions,
    .landing-topbar .landing-login,
    .landing-topbar .landing-start,
    .landing-topbar > div:last-child:not(.landing-nav-compact) {
        display: none !important;
    }

    /* Оставшаяся ссылка установки */
    .landing-nav-compact .pwa-install-trigger {
        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        min-height: 38px !important;

        padding: 0 14px !important;

        border: 1px solid rgba(55,101,230,.14) !important;
        border-radius: 11px !important;

        background:
            linear-gradient(
                135deg,
                #4b78f5,
                #3264ea
            ) !important;

        color: #fff !important;

        box-shadow:
            0 8px 20px
            rgba(50,100,234,.18) !important;

        font-size: 0 !important;
        font-weight: 700 !important;

        white-space: nowrap !important;
        text-decoration: none !important;
    }

    /* На телефоне называем ссылку короче */
    .landing-nav-compact .pwa-install-trigger::after {
        content: "Скачать приложение";

        font-size: 12px !important;
        line-height: 1 !important;

        color: #fff !important;
    }

}

/* MP DIRECTOR MOBILE LANDING HEADER V1 END */



/* MP DIRECTOR MOBILE HEADER FIX V2 START */

@media (max-width: 800px) {

    .landing-topbar {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        width: calc(100% - 24px) !important;
        max-width: none !important;

        left: auto !important;
        transform: none !important;

        margin: 0 auto !important;
        padding: 12px 0 !important;

        gap: 10px !important;
    }

    /*
       На мобильном оставляем только:
       1. логотип
       2. ссылку установки
    */
    .landing-topbar > *:not(.landing-wordmark):not(.landing-nav-compact) {
        display: none !important;
    }

    /* Логотип */
    .landing-wordmark {
        display: flex !important;
        flex: 1 1 auto !important;

        min-width: 0 !important;
        max-width: calc(100% - 165px) !important;

        align-items: center !important;
        gap: 8px !important;

        margin: 0 !important;
        padding: 0 !important;

        white-space: nowrap !important;
    }

    .landing-wordmark .mp-brand-image {
        display: block !important;

        width: 46px !important;
        height: 46px !important;

        min-width: 46px !important;

        object-fit: contain !important;

        border-radius: 13px !important;
    }

    .landing-wordmark strong,
    .landing-wordmark span,
    .landing-wordmark div {
        white-space: nowrap !important;
    }

    .landing-wordmark strong {
        font-size: 16px !important;
        line-height: 1 !important;
    }

    .landing-wordmark span {
        font-size: 9px !important;
    }

    /* Блок навигации */
    .landing-nav-compact {
        display: flex !important;

        flex: 0 0 auto !important;

        width: auto !important;
        max-width: 155px !important;

        align-items: center !important;
        justify-content: flex-end !important;

        margin: 0 !important;
        padding: 0 !important;

        gap: 0 !important;
    }

    /* Все пункты меню скрываем */
    .landing-nav-compact > * {
        display: none !important;
    }

    /* Оставляем только установку приложения */
    .landing-nav-compact .pwa-install-trigger {
        display: inline-flex !important;

        width: 155px !important;
        min-width: 155px !important;
        height: 42px !important;

        box-sizing: border-box !important;

        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 0 12px !important;

        border: 0 !important;
        border-radius: 12px !important;

        background:
            linear-gradient(
                135deg,
                #4b78f5,
                #3264ea
            ) !important;

        color: transparent !important;

        font-size: 0 !important;

        box-shadow:
            0 8px 20px
            rgba(50,100,234,.18) !important;

        overflow: hidden !important;

        white-space: nowrap !important;
    }

    .landing-nav-compact .pwa-install-trigger::after {
        content: "Скачать приложение";

        color: #ffffff !important;

        font-size: 11px !important;
        line-height: 1 !important;
        font-weight: 750 !important;

        white-space: nowrap !important;
    }
}


/* На совсем узких телефонах оставляем только иконку бренда */

@media (max-width: 390px) {

    .landing-wordmark strong,
    .landing-wordmark span,
    .landing-wordmark .landing-wordmark-text,
    .landing-wordmark .brand-text {
        display: none !important;
    }

    .landing-wordmark {
        max-width: 56px !important;
        flex: 0 0 56px !important;
    }

}

/* MP DIRECTOR MOBILE HEADER FIX V2 END */



/* MP DIRECTOR MOBILE AI NAV V1 START */

@media (max-width: 900px) {

    #dashboard .mobile-bottom-nav {
        display: grid !important;

        grid-template-columns:
            repeat(6, minmax(0, 1fr)) !important;

        align-items: stretch !important;

        gap: 2px !important;

        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    #dashboard .mobile-bottom-nav
    .mobile-nav-button {
        min-width: 0 !important;

        padding-left: 2px !important;
        padding-right: 2px !important;

        font-size: 9px !important;
    }

    #dashboard .mobile-bottom-nav
    .mobile-nav-icon {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #dashboard .mobile-bottom-nav
    .mobile-nav-icon svg {
        width: 19px !important;
        height: 19px !important;
    }

    #dashboard #mobileNavAI {
        display: flex !important;
    }

}

/* MP DIRECTOR MOBILE AI NAV V1 END */



/* ==========================================================
   KPI HELP TOOLTIPS
   ========================================================== */

.metric-label-with-help {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.metric-help {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    min-width: 16px;
    border-radius: 50%;
    border: 1px solid rgba(100, 116, 139, 0.45);
    background: rgba(148, 163, 184, 0.12);
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    cursor: help;
    user-select: none;
    outline: none;
    vertical-align: middle;
}

.metric-help:hover,
.metric-help:focus {
    background: #eef4ff;
    border-color: #3b82f6;
    color: #2563eb;
}

.metric-help::after {
    content: attr(data-tooltip);
    position: absolute;
    left: 50%;
    bottom: calc(100% + 10px);
    transform: translateX(-50%) translateY(4px);
    width: 300px;
    max-width: min(300px, calc(100vw - 40px));
    padding: 11px 13px;
    border-radius: 10px;
    background: #172033;
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.45;
    letter-spacing: 0;
    text-align: left;
    white-space: normal;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.24);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 10000;
    transition:
        opacity 0.15s ease,
        transform 0.15s ease,
        visibility 0.15s ease;
}

.metric-help::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: calc(100% + 4px);
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top-color: #172033;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 10001;
}

.metric-help:hover::after,
.metric-help:focus::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.metric-help:hover::before,
.metric-help:focus::before {
    opacity: 1;
    visibility: visible;
}

@media (max-width: 640px) {
    .metric-help::after {
        left: auto;
        right: -14px;
        transform: translateY(4px);
        width: min(280px, calc(100vw - 36px));
    }

    .metric-help:hover::after,
    .metric-help:focus::after {
        transform: translateY(0);
    }

    .metric-help::before {
        left: auto;
        right: 1px;
        transform: none;
    }
}

/* ==========================================================
   KPI HELP — TOP RIGHT POSITION
   ========================================================== */

.economy-item {
    position: relative;
    overflow: visible;
}

.economy-item .metric-label-with-help {
    display: block;
    padding-right: 24px;
}

.economy-item .metric-help {
    position: absolute;
    top: 9px;
    right: 9px;
    left: auto;
    bottom: auto;

    width: 18px;
    height: 18px;
    min-width: 18px;

    border: 1.5px solid #2563eb;
    border-radius: 50%;

    background: #ffffff;
    color: #2563eb;

    font-size: 11px;
    font-weight: 800;
    line-height: 1;

    display: flex;
    align-items: center;
    justify-content: center;

    cursor: help;
    z-index: 50;
}

.economy-item .metric-help:hover,
.economy-item .metric-help:focus {
    background: #2563eb;
    color: #ffffff;
    border-color: #2563eb;
}

.economy-item .metric-help::after {
    left: auto;
    right: 0;
    top: calc(100% + 9px);
    bottom: auto;

    width: 290px;
    max-width: min(290px, calc(100vw - 36px));

    transform: translateY(-4px);

    text-align: left;
    white-space: normal;
}

.economy-item .metric-help:hover::after,
.economy-item .metric-help:focus::after {
    transform: translateY(0);
}

.economy-item .metric-help::before {
    left: auto;
    right: 3px;
    top: calc(100% + 3px);
    bottom: auto;

    transform: none;

    border: 6px solid transparent;
    border-bottom-color: #172033;
    border-top-color: transparent;
}

@media (max-width: 640px) {
    .economy-item .metric-help {
        top: 8px;
        right: 8px;
    }

    .economy-item .metric-help::after {
        right: -2px;
        left: auto;
        width: min(270px, calc(100vw - 32px));
    }
}



/* ==========================================================
   HELP — ONLY FINANCE TOTAL + REALIZATION
   ========================================================== */

.economy-item-help {
    position: relative !important;
    overflow: visible !important;
}

.economy-item-help .metric-label-with-help {
    display: block !important;
    padding-right: 28px !important;
}

.economy-item-help .metric-help {
    position: absolute !important;

    top: 8px !important;
    right: 8px !important;
    left: auto !important;
    bottom: auto !important;

    width: 19px !important;
    height: 19px !important;
    min-width: 19px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 1.5px solid #2563eb !important;
    border-radius: 50% !important;

    background: #ffffff !important;
    color: #2563eb !important;

    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 19px !important;

    cursor: help !important;
    z-index: 1000 !important;
}

.economy-item-help .metric-help:hover,
.economy-item-help .metric-help:focus {
    background: #2563eb !important;
    color: #ffffff !important;
}

/* окно подсказки */

.economy-item-help .metric-help::after {
    content: attr(data-tooltip) !important;

    position: absolute !important;

    top: 27px !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto !important;

    width: 300px !important;
    max-width: calc(100vw - 40px) !important;

    padding: 11px 13px !important;

    border-radius: 10px !important;

    background: #172033 !important;
    color: #ffffff !important;

    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;

    text-align: left !important;
    white-space: normal !important;

    box-shadow: 0 10px 30px rgba(15, 23, 42, .24) !important;

    opacity: 0 !important;
    visibility: hidden !important;

    pointer-events: none !important;
    z-index: 10001 !important;

    transform: translateY(-4px) !important;
    transition: .15s ease !important;
}

.economy-item-help .metric-help:hover::after,
.economy-item-help .metric-help:focus::after {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

/* стрелочка */

.economy-item-help .metric-help::before {
    content: "" !important;

    position: absolute !important;

    top: 21px !important;
    right: 3px !important;
    left: auto !important;
    bottom: auto !important;

    border: 6px solid transparent !important;
    border-bottom-color: #172033 !important;

    opacity: 0 !important;
    visibility: hidden !important;

    z-index: 10002 !important;
}

.economy-item-help .metric-help:hover::before,
.economy-item-help .metric-help:focus::before {
    opacity: 1 !important;
    visibility: visible !important;
}

@media (max-width: 640px) {
    .economy-item-help .metric-help::after {
        width: min(280px, calc(100vw - 32px)) !important;
        right: -4px !important;
    }
}


/* ==========================================================
   FIX: FULL TOOLTIP FOR TWO KPI CARDS
   ========================================================== */

/* Разрешаем подсказке выходить за границы строки KPI */
.economy-strip {
    overflow: visible !important;
    position: relative !important;
    z-index: 20 !important;
}

.economy-item-help {
    position: relative !important;
    overflow: visible !important;
    z-index: 30 !important;
}

/* Кружок ? */
.economy-item-help .metric-help {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;

    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;

    border: 1.5px solid #2563eb !important;
    border-radius: 50% !important;

    background: #ffffff !important;
    color: #2563eb !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    z-index: 1001 !important;
}

/* Само окно подсказки */
.economy-item-help .metric-help::after {
    content: attr(data-tooltip) !important;

    position: absolute !important;
    top: 30px !important;
    right: -2px !important;
    left: auto !important;
    bottom: auto !important;

    width: 340px !important;
    max-width: calc(100vw - 40px) !important;
    height: auto !important;
    max-height: none !important;

    padding: 14px 16px !important;

    background: #172033 !important;
    color: #ffffff !important;
    border-radius: 12px !important;

    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;

    text-align: left !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    white-space: normal !important;
    word-break: normal !important;

    box-sizing: border-box !important;

    opacity: 0 !important;
    visibility: hidden !important;

    transform: translateY(-4px) !important;

    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.28) !important;

    pointer-events: none !important;
    z-index: 99999 !important;
}

/* Стрелка */
.economy-item-help .metric-help::before {
    content: "" !important;

    position: absolute !important;
    top: 20px !important;
    right: 4px !important;
    left: auto !important;
    bottom: auto !important;

    border: 6px solid transparent !important;
    border-bottom-color: #172033 !important;

    opacity: 0 !important;
    visibility: hidden !important;

    z-index: 100000 !important;
}

/* Показ */
.economy-item-help .metric-help:hover::after,
.economy-item-help .metric-help:focus::after {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

.economy-item-help .metric-help:hover::before,
.economy-item-help .metric-help:focus::before {
    opacity: 1 !important;
    visibility: visible !important;
}

/* На телефоне окно немного уже */
@media (max-width: 640px) {
    .economy-item-help .metric-help::after {
        width: min(300px, calc(100vw - 28px)) !important;
        right: -4px !important;
        font-size: 12px !important;
    }
}


/* ==========================================================
   FINAL FIX — KPI TOOLTIP MUST NOT BE CLIPPED
   ========================================================== */

#dashboard .economy-strip {
    overflow: visible !important;
    position: relative !important;
    z-index: 200 !important;
}

#dashboard .economy-strip .economy-item-help {
    overflow: visible !important;
    position: relative !important;
    z-index: 210 !important;
}

#dashboard .economy-strip .economy-item-help .metric-help {
    z-index: 220 !important;
}

#dashboard .economy-strip .economy-item-help .metric-help::after {
    z-index: 99999 !important;
}

#dashboard .economy-strip .economy-item-help .metric-help::before {
    z-index: 100000 !important;
}


/* ==========================================================
   FINANCE TAB — HELP ICONS
   ========================================================== */

.finance-help-card {
    position: relative !important;
    overflow: visible !important;
}

/* Оставляем место справа, чтобы ? не перекрывал текст */
.finance-help-card > span:first-of-type {
    padding-right: 28px;
}

/* Кружок */
.finance-help-card .finance-help {
    position: absolute !important;
    top: 9px !important;
    right: 9px !important;

    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;

    border: 1.5px solid #2563eb !important;
    border-radius: 50% !important;

    background: #ffffff !important;
    color: #2563eb !important;

    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    cursor: help !important;
    outline: none !important;

    z-index: 500 !important;
}

.finance-help-card .finance-help:hover,
.finance-help-card .finance-help:focus {
    background: #2563eb !important;
    color: #ffffff !important;
}

/* Окно пояснения */
.finance-help-card .finance-help::after {
    content: attr(data-tooltip) !important;

    position: absolute !important;

    top: 29px !important;
    right: -2px !important;
    left: auto !important;
    bottom: auto !important;

    width: 340px !important;
    max-width: calc(100vw - 40px) !important;
    height: auto !important;
    max-height: none !important;

    box-sizing: border-box !important;

    padding: 14px 16px !important;

    border-radius: 12px !important;

    background: #172033 !important;
    color: #ffffff !important;

    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;

    text-align: left !important;
    text-transform: none !important;
    letter-spacing: normal !important;

    white-space: normal !important;
    word-break: normal !important;

    box-shadow: 0 12px 32px rgba(15, 23, 42, .28) !important;

    opacity: 0 !important;
    visibility: hidden !important;

    pointer-events: none !important;

    transform: translateY(-4px) !important;
    transition:
        opacity .15s ease,
        visibility .15s ease,
        transform .15s ease !important;

    z-index: 99999 !important;
}

/* Стрелочка */
.finance-help-card .finance-help::before {
    content: "" !important;

    position: absolute !important;

    top: 20px !important;
    right: 4px !important;

    border: 6px solid transparent !important;
    border-bottom-color: #172033 !important;

    opacity: 0 !important;
    visibility: hidden !important;

    z-index: 100000 !important;
}

.finance-help-card .finance-help:hover::after,
.finance-help-card .finance-help:focus::after {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

.finance-help-card .finance-help:hover::before,
.finance-help-card .finance-help:focus::before {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Не позволяем контейнерам вкладки Финансы обрезать подсказки */
.finance-payout-grid,
.finance-kpi-grid,
.finance-analytics-block,
.finance-mini-block,
.finance-mini-grid,
#financeSection {
    overflow: visible !important;
}

@media (max-width: 640px) {
    .finance-help-card .finance-help {
        top: 8px !important;
        right: 8px !important;
    }

    .finance-help-card .finance-help::after {
        width: min(300px, calc(100vw - 28px)) !important;
        right: -4px !important;
        font-size: 12px !important;
    }
}



/* RETURNS PAGE V1 */

.returns-section {
    padding-bottom: 40px;
}

.returns-page-head {
    margin-bottom: 22px;
}

.returns-page-head h2 {
    margin: 0 0 6px;
    font-size: 26px;
    line-height: 1.2;
}

.returns-page-head p {
    margin: 0;
    color: #64748b;
    font-size: 14px;
}

.returns-kpi-grid {
    display: grid;
    grid-template-columns: 1.35fr 1.35fr 1fr .75fr .65fr;
    gap: 14px;
    margin-bottom: 22px;
}

.returns-kpi-card {
    background: #fff;
    border: 1px solid #e6eaf0;
    border-radius: 16px;
    padding: 18px;
    min-height: 126px;
    box-shadow: 0 4px 18px rgba(15, 23, 42, .04);
}

.returns-kpi-card span {
    display: block;
    color: #64748b;
    font-size: 13px;
    line-height: 1.35;
    margin-bottom: 13px;
}

.returns-kpi-card strong {
    font-size: 29px;
    line-height: 1;
    font-weight: 750;
    color: #111827;
}

.returns-kpi-card small {
    margin-left: 4px;
    color: #94a3b8;
    font-size: 13px;
}

.returns-kpi-card-loss strong {
    font-size: 27px;
}

.returns-content-card {
    background: #fff;
    border: 1px solid #e6eaf0;
    border-radius: 18px;
    padding: 20px;
    box-shadow: 0 4px 18px rgba(15, 23, 42, .04);
}

.returns-content-head h3 {
    margin: 0 0 5px;
    font-size: 18px;
}

.returns-content-head p {
    margin: 0;
    color: #64748b;
    font-size: 13px;
}

.returns-empty {
    margin-top: 20px;
    padding: 30px;
    text-align: center;
    color: #94a3b8;
    background: #f8fafc;
    border-radius: 14px;
}

.returns-table-wrap {
    overflow-x: auto;
    margin-top: 20px;
}

.returns-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.returns-table th {
    text-align: left;
    color: #64748b;
    font-weight: 600;
    padding: 11px 12px;
    border-bottom: 1px solid #e5e7eb;
    white-space: nowrap;
}

.returns-table td {
    padding: 12px;
    border-bottom: 1px solid #eef2f7;
    vertical-align: top;
}

@media (max-width: 1200px) {
    .returns-kpi-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .returns-kpi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .returns-kpi-card {
        padding: 14px;
        min-height: 110px;
    }

    .returns-kpi-card strong {
        font-size: 24px;
    }

    .returns-page-head h2 {
        font-size: 22px;
    }
}


/* RETURNS PRODUCT CARDS V2 */

#returnsSection .returns-content-card {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
}

#returnsSection .returns-content-head {
    margin-bottom: 14px;
}

#returnsSection .returns-content-head h3 {
    margin-top: 4px;
}

.returns-products-list {
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.returns-product-card {
    padding: 15px;
    border-radius: 16px;
}

.returns-product-head {
    display: flex;
    align-items: flex-start;
    gap: 13px;
}

.returns-product-image-wrap {
    width: 56px;
    height: 56px;
    min-width: 56px;
    border-radius: 12px;
    overflow: hidden;
    background: #f8fafc;
    border: 1px solid #e8edf3;
}

.returns-product-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #fff;
}

.returns-product-image-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 4px;
    color: #94a3b8;
    font-size: 9px;
    line-height: 1.15;
}

.returns-product-info {
    flex: 1;
    min-width: 0;
}

.returns-product-title-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.returns-product-title-row h4 {
    margin: 1px 0 5px;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 700;
    color: #0f172a;
}

.returns-product-sku {
    color: #94a3b8;
    font-size: 12px;
}

.returns-product-total {
    flex: 0 0 auto;
    padding: 6px 9px;
    border-radius: 9px;
    background: #f1f5f9;
    color: #475569;
    font-size: 11px;
    font-weight: 650;
    white-space: nowrap;
}

.returns-product-stats {
    display: grid;
    grid-template-columns:
        repeat(4, minmax(100px, 1fr))
        minmax(120px, 1.15fr);
    gap: 8px;
    margin-top: 14px;
}

.returns-product-stat {
    padding: 10px 11px;
    border-radius: 11px;
    background: #f8fafc;
    border: 1px solid #eef2f6;
}

.returns-product-stat span {
    display: block;
    margin-bottom: 5px;
    color: #64748b;
    font-size: 10px;
    line-height: 1.2;
}

.returns-product-stat strong {
    color: #0f172a;
    font-size: 16px;
}

.returns-product-stat-loss strong {
    font-size: 15px;
}

.returns-reasons {
    margin-top: 11px;
    border-top: 1px solid #eef2f7;
}

.returns-reason-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 10px 2px;
    border-bottom: 1px solid #f1f5f9;
}

.returns-reason-row:last-child {
    border-bottom: 0;
    padding-bottom: 1px;
}

.returns-reason-main {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex-wrap: wrap;
}

.returns-reason-main strong {
    color: #334155;
    font-size: 12px;
    font-weight: 600;
}

.returns-category-badge,
.returns-status-badge {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 4px 7px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 650;
    white-space: nowrap;
}

.returns-category-badge.is-defect {
    background: #fff1f2;
    color: #be123c;
}

.returns-category-badge.is-quality {
    background: #fff7ed;
    color: #c2410c;
}

.returns-status-badge.is-utilized {
    background: #fef2f2;
    color: #b91c1c;
}

.returns-status-badge.is-returned {
    background: #eff6ff;
    color: #1d4ed8;
}

.returns-compensation {
    color: #94a3b8;
    font-size: 10px;
}

.returns-reason-side {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
}

.returns-reason-qty {
    min-width: 46px;
    text-align: right;
    color: #0f172a;
    font-size: 12px;
}


@media (max-width: 900px) {

    .returns-product-stats {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .returns-product-stat-loss {
        grid-column: span 2;
    }
}


@media (max-width: 700px) {

    .returns-product-card {
        padding: 12px;
    }

    .returns-product-image-wrap {
        width: 52px;
        height: 52px;
        min-width: 52px;
    }

    .returns-product-title-row {
        display: block;
    }

    .returns-product-total {
        display: inline-flex;
        margin-top: 7px;
    }

    .returns-product-stats {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
        gap: 7px;
    }

    .returns-reason-row {
        display: block;
    }

    .returns-reason-side {
        margin-top: 7px;
        justify-content: space-between;
    }
}


/* RETURNS PRODUCT IMAGE SQUARE FIX */
#returnsSection .returns-product-image-wrap {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #fff !important;
}

#returnsSection .returns-product-image {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 0 !important;
}

@media (max-width: 700px) {
    #returnsSection .returns-product-image-wrap {
        width: 56px !important;
        height: 56px !important;
        min-width: 56px !important;
        max-width: 56px !important;
    }
}


/* RETURNS GLOBAL PERIOD */

#returnsSection .returns-toolbar {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin: 0 0 16px;
}

#returnsSection .returns-period-control {
    display: flex;
    align-items: center;
    gap: 8px;
}

#returnsSection .returns-toolbar-label {
    color: #64748b;
    font-size: 13px;
    font-weight: 600;
}

#returnsSection #returnsPeriodSelect,
#returnsSection .returns-custom-period input {
    height: 38px;
    padding: 0 11px;
    border: 1px solid #dfe5ec;
    border-radius: 10px;
    background: #fff;
    color: #0f172a;
    font: inherit;
    font-size: 13px;
}

#returnsSection .returns-custom-period {
    display: flex;
    align-items: center;
    gap: 7px;
}

#returnsSection .returns-custom-period[hidden] {
    display: none !important;
}

#returnsSection #applyReturnsPeriodButton {
    height: 38px;
    padding: 0 14px;
    border: 0;
    border-radius: 10px;
    background: #2563eb;
    color: #fff;
    font-size: 13px;
    font-weight: 650;
    cursor: pointer;
}

#returnsSection .returns-period-caption {
    margin-left: auto;
    color: #94a3b8;
    font-size: 12px;
}

@media (max-width: 700px) {

    #returnsSection .returns-toolbar {
        align-items: stretch;
    }

    #returnsSection .returns-period-control {
        width: 100%;
    }

    #returnsSection #returnsPeriodSelect {
        flex: 1;
    }

    #returnsSection .returns-custom-period {
        width: 100%;
        flex-wrap: wrap;
    }

    #returnsSection .returns-custom-period input {
        flex: 1;
        min-width: 130px;
    }

    #returnsSection .returns-period-caption {
        width: 100%;
        margin-left: 0;
    }
}


/* MP DIRECTOR AI CHAT UI v2 */

#aiChatMessages {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 22px 20px 28px;
    scroll-behavior: smooth;
}


.ai-message {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    width: 100%;
}


.ai-message-user {
    flex-direction: row-reverse;
}


.ai-message-avatar {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 11px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 11px;
    font-weight: 800;

    user-select: none;
}


.ai-message-assistant .ai-message-avatar {
    background:
        linear-gradient(
            135deg,
            #3568f5,
            #7048e8
        );

    color: #ffffff;

    box-shadow:
        0 5px 14px rgba(53, 104, 245, .20);
}


.ai-message-user .ai-message-avatar {
    background: #eef2f8;
    color: #4e596d;
}


.ai-message-body {
    display: flex;
    flex-direction: column;
    gap: 5px;

    max-width: min(78%, 920px);
}


.ai-message-user .ai-message-body {
    align-items: flex-end;
    max-width: min(68%, 720px);
}


.ai-message-meta {
    display: flex;
    align-items: center;
    gap: 9px;

    padding: 0 4px;

    color: #929bad;
    font-size: 10px;
    line-height: 1.2;
}


.ai-message-user .ai-message-meta {
    flex-direction: row-reverse;
}


.ai-message-author {
    color: #687386;
    font-size: 11px;
    font-weight: 750;
}


.ai-message-time {
    color: #a5adba;
    font-size: 10px;
    font-weight: 500;
    white-space: nowrap;
}


.ai-message-bubble {
    width: fit-content;
    max-width: 100%;

    padding: 13px 16px;

    border-radius: 17px;

    font-size: 14px;
    line-height: 1.55;

    overflow-wrap: anywhere;
}


.ai-message-assistant .ai-message-bubble {
    background: #ffffff;

    color: #263044;

    border:
        1px solid #e6eaf1;

    border-bottom-left-radius: 6px;

    box-shadow:
        0 5px 20px rgba(35, 48, 72, .055);
}


.ai-message-user .ai-message-bubble {
    background:
        linear-gradient(
            135deg,
            #3568f5,
            #416fe9
        );

    color: #ffffff;

    border:
        1px solid rgba(40, 85, 220, .25);

    border-bottom-right-radius: 6px;

    box-shadow:
        0 6px 18px rgba(53, 104, 245, .16);
}


.ai-message-text {
    white-space: pre-wrap;
}


.ai-message-user .ai-message-text {
    color: #ffffff;
}


.ai-message-assistant .ai-product-detail {
    margin-top: 14px;
}


/* Чуть больше воздуха между ответами */

.ai-message + .ai-message {
    margin-top: 2px;
}


/* Mobile */

@media (max-width: 700px) {

    #aiChatMessages {
        gap: 15px;
        padding: 16px 10px 22px;
    }

    .ai-message {
        gap: 7px;
    }

    .ai-message-avatar {
        width: 29px;
        height: 29px;
        min-width: 29px;
        border-radius: 9px;
        font-size: 9px;
    }

    .ai-message-body,
    .ai-message-user .ai-message-body {
        max-width: calc(100% - 38px);
    }

    .ai-message-bubble {
        padding: 11px 13px;
        border-radius: 15px;
        font-size: 13px;
    }

    .ai-message-assistant .ai-message-bubble {
        border-bottom-left-radius: 5px;
    }

    .ai-message-user .ai-message-bubble {
        border-bottom-right-radius: 5px;
    }

    .ai-message-meta {
        gap: 6px;
        padding: 0 2px;
    }

    .ai-message-author {
        font-size: 10px;
    }

    .ai-message-time {
        font-size: 9px;
    }
}


/* MP DIRECTOR AI CHAT FORM SPACING v1 */

#aiChatForm {
    margin-top: 28px;
}

@media (max-width: 700px) {
    #aiChatForm {
        margin-top: 20px;
    }
}


/* MP DIRECTOR AI FORM BOTTOM v2 */

#aiSection {
    display: flex;
    flex-direction: column;
}

#aiChatMessages {
    flex: 1 1 auto;
}

#aiChatForm {
    margin-top: auto !important;
    padding-top: 28px;
}

@media (max-width: 700px) {
    #aiChatForm {
        padding-top: 18px;
    }
}

/* MP DIRECTOR AI COMPOSER BOTTOM v3 */

.ai-chat-flex-container {
    display: flex !important;
    flex-direction: column !important;
}

.ai-chat-flex-container > #aiChatForm {
    margin-top: auto !important;
    padding-top: 24px;
}


/* MP DIRECTOR SIDEBAR FIT v1 */

.app-sidebar {
    overflow-y: auto;
    scrollbar-width: none;
}

.app-sidebar::-webkit-scrollbar {
    display: none;
}

.sidebar-nav {
    flex: 0 0 auto !important;
    justify-content: flex-start !important;
    gap: 7px !important;
}

.sidebar-link {
    min-height: 52px !important;
    margin: 0 !important;
    padding: 11px 13px !important;
}

.sidebar-brand {
    padding-bottom: 22px !important;
}

.sidebar-footer {
    margin-top: auto !important;
    padding-top: 14px !important;
}


/* MP DIRECTOR SIDEBAR USER CLEAN v2 */

.sidebar-footer {
    margin-top: auto !important;
    padding: 12px 0 4px !important;
    border-top: 1px solid rgba(255,255,255,.10) !important;
    background: transparent !important;
}

.sidebar-user-premium {
    width: 100% !important;
    min-height: 62px !important;

    display: flex !important;
    align-items: center !important;
    gap: 10px !important;

    padding: 10px 11px !important;

    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 16px !important;

    background: rgba(255,255,255,.055) !important;

    box-shadow: none !important;
    backdrop-filter: none !important;
}

.sidebar-user-avatar-wrap {
    position: relative !important;
    flex: 0 0 auto !important;
}

.sidebar-user-premium .sidebar-avatar {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;

    border-radius: 13px !important;

    font-size: 15px !important;
    font-weight: 800 !important;

    box-shadow: none !important;
}

.sidebar-user-online-dot {
    position: absolute !important;
    right: -2px !important;
    bottom: -2px !important;

    width: 10px !important;
    height: 10px !important;

    border: 2px solid #17387b !important;
    border-radius: 50% !important;

    background: #38d996 !important;
}

.sidebar-user-info {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.sidebar-user-info #sidebarShopName {
    display: block !important;

    margin: 0 0 3px !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;

    color: #ffffff !important;

    font-size: 13px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
}

.sidebar-user-meta {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;

    min-width: 0 !important;

    color: rgba(255,255,255,.58) !important;
}

.sidebar-user-meta span {
    font-size: 10px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

.sidebar-user-meta i {
    width: 3px !important;
    height: 3px !important;
    flex: 0 0 auto !important;

    border-radius: 50% !important;
    background: rgba(255,255,255,.35) !important;
}

.sidebar-user-active {
    color: #72d9ad !important;
}

.sidebar-user-chevron {
    width: 26px !important;
    height: 26px !important;
    flex: 0 0 26px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 0 !important;
    border-radius: 8px !important;

    background: rgba(255,255,255,.055) !important;
}

.sidebar-user-chevron svg {
    width: 14px !important;
    height: 14px !important;

    fill: none !important;
    stroke: rgba(255,255,255,.55) !important;
    stroke-width: 1.8 !important;
}


/* MP DIRECTOR SIDEBAR FOOTER ALIGN v3 */

.sidebar-footer {
    width: auto !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
    padding-top: 14px !important;
    box-sizing: border-box !important;
}

.sidebar-user-premium {
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}


/* MP DIRECTOR SIDEBAR FOOTER ALIGN v4 */

.sidebar-footer {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

.sidebar-user-premium {
    width: 100% !important;
    margin: 0 !important;
    padding: 9px 10px !important;
    box-sizing: border-box !important;
}

.sidebar-user-premium .sidebar-avatar {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
}

.sidebar-user-info {
    flex: 1 1 0 !important;
    min-width: 0 !important;
}

.sidebar-user-info #sidebarShopName {
    font-size: 12px !important;
}

.sidebar-user-chevron {
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
}


/* MP DIRECTOR SIDEBAR CHEVRON ALIGN v5 */

.sidebar-user-chevron {
    align-self: flex-start !important;
    margin-top: 1px !important;
}



/* MP DIRECTOR FOOTER SECURITY v1 */

.legal-footer-security {
    display: flex;
    align-items: center;
    gap: 11px;

    max-width: 320px;

    padding: 12px 14px;

    border:
        1px solid rgba(53, 104, 245, .14);

    border-radius: 14px;

    background:
        rgba(53, 104, 245, .055);
}

.legal-footer-security-icon {
    width: 34px;
    height: 34px;
    min-width: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;

    background: #edf2ff;

    font-size: 16px;
}

.legal-footer-security > div:last-child {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.legal-footer-security strong {
    color: #273550;
    font-size: 12px;
    font-weight: 750;
}

.legal-footer-security span {
    color: #7c879b;
    font-size: 10px;
    line-height: 1.45;
}

@media (max-width: 700px) {

    .legal-footer-security {
        max-width: none;
        width: 100%;
        box-sizing: border-box;
    }
}


/* MP DIRECTOR COMPACT FOOTER v2 */

.legal-footer {
    display: grid !important;

    grid-template-columns:
        minmax(170px, .75fr)
        minmax(360px, 1.6fr)
        minmax(250px, 1fr)
        minmax(320px, 1.15fr) !important;

    grid-template-areas:
        "brand links owner security";

    gap: 22px !important;
    align-items: start !important;

    margin-top: 28px !important;
    padding: 22px 0 18px !important;

    border-top: 1px solid #e6e9f0;
}


/* Раскладка */

.legal-footer-brand {
    grid-area: brand;
}

.legal-footer-links {
    grid-area: links;
}

.legal-footer-owner {
    grid-area: owner;
}

.legal-footer-security {
    grid-area: security;
}


/* Бренд */

.legal-footer-brand {
    gap: 3px !important;
}

.legal-footer-brand strong {
    font-size: 13px !important;
}

.legal-footer-brand span {
    font-size: 11px !important;
}


/* Ссылки */

.legal-footer-links {
    display: flex !important;
    flex-wrap: wrap !important;

    gap: 6px 16px !important;

    align-content: flex-start;
}

.legal-footer-links a {
    font-size: 11px !important;
    line-height: 1.4 !important;
}


/* Реквизиты */

.legal-footer-owner {
    gap: 3px !important;
}

.legal-footer-owner strong {
    font-size: 12px !important;
}

.legal-footer-owner span,
.legal-footer-owner a {
    font-size: 10.5px !important;
    line-height: 1.35 !important;
}


/* Плашка AES */

.legal-footer-security {
    width: 100% !important;
    max-width: none !important;

    box-sizing: border-box !important;

    gap: 9px !important;

    padding: 9px 11px !important;

    border-radius: 12px !important;
}

.legal-footer-security-icon {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;

    border-radius: 8px !important;

    font-size: 13px !important;
}

.legal-footer-security strong {
    font-size: 11px !important;
}

.legal-footer-security span {
    font-size: 9.5px !important;
    line-height: 1.35 !important;
}


/* Плашка разработчика */

.legal-footer img[src*="mrfix-development-badge"] {
    width: 205px !important;
    max-width: 100% !important;
    height: auto !important;

    margin-top: 8px !important;
}


/* Планшеты */

@media (max-width: 1200px) {

    .legal-footer {
        grid-template-columns: 1fr 1.5fr !important;

        grid-template-areas:
            "brand links"
            "owner security";

        gap: 18px 28px !important;
    }
}


/* Телефон */

@media (max-width: 700px) {

    .legal-footer {
        grid-template-columns: 1fr !important;

        grid-template-areas:
            "brand"
            "links"
            "security"
            "owner";

        gap: 16px !important;

        padding-bottom: 20px !important;
    }

    .legal-footer-security {
        max-width: 100% !important;
    }
}


/* MP DIRECTOR FOOTER DEV BADGE LEFT v3 */

.legal-footer-brand {
    align-items: flex-start !important;
}

.legal-footer-dev {
    margin-top: 8px;
    line-height: 0;
}

.legal-footer-dev a {
    display: inline-block;
    line-height: 0;
}

.legal-footer-dev img {
    display: block !important;
    width: 190px !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
}


/* MP DIRECTOR FOOTER COMPACT ALIGN v3 */

.legal-footer {
    width: calc(100% - 80px) !important;
    max-width: 1500px !important;

    margin:
        14px auto
        8px !important;

    padding:
        16px 0
        10px !important;

    gap: 18px 24px !important;
}


/* Плашка разработчика ближе к подписи */

.legal-footer-dev {
    margin-top: 4px !important;
}

.legal-footer-dev img {
    width: 180px !important;
}


/* Сам левый блок плотнее */

.legal-footer-brand {
    gap: 2px !important;
}


/* На средних экранах */

@media (max-width: 1200px) {

    .legal-footer {
        width: calc(100% - 40px) !important;
    }
}


/* Телефон */

@media (max-width: 700px) {

    .legal-footer {
        width: calc(100% - 24px) !important;

        margin-top: 12px !important;
        margin-bottom: 8px !important;

        padding-top: 14px !important;
    }
}


/* MP DIRECTOR FOOTER TIGHTER v4 */

.legal-footer {
    width: calc(100% - 160px) !important;
    max-width: 1360px !important;

    margin-top: 10px !important;
    margin-bottom: 6px !important;

    padding-top: 12px !important;
    padding-bottom: 8px !important;
}


/* Плашка разработчика почти вплотную */

.legal-footer-brand {
    gap: 0 !important;
}

.legal-footer-dev {
    margin-top: 1px !important;
}

.legal-footer-dev img {
    width: 175px !important;
}


/* Средние экраны */

@media (max-width: 1200px) {
    .legal-footer {
        width: calc(100% - 70px) !important;
    }
}


/* Телефон */

@media (max-width: 700px) {
    .legal-footer {
        width: calc(100% - 24px) !important;
    }

    .legal-footer-dev {
        margin-top: 2px !important;
    }
}


/* =========================================================
   MP DIRECTOR RETURNS COMPENSATIONS v1
   ========================================================= */

.returns-compensation-section {
    margin: 18px 0 24px;
}

.returns-compensation-head {
    margin-bottom: 12px;
}

.returns-compensation-head h3 {
    margin: 3px 0 4px;
}

.returns-compensation-head p {
    margin: 0;
    color: #8791a3;
    font-size: 12px;
}

.returns-compensation-grid {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.returns-compensation-card {
    min-height: 105px;
}

.returns-compensation-card strong {
    font-size: 22px;
}

.returns-compensation-net {
    border-color:
        rgba(48, 181, 123, .22) !important;

    background:
        linear-gradient(
            135deg,
            rgba(48, 181, 123, .055),
            #fff
        ) !important;
}

@media (max-width: 900px) {

    .returns-compensation-grid {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   MP DIRECTOR AI HISTORY — GPT STYLE LIST v1
   ========================================================= */

.ai-conversations-list {
    display:flex !important;
    flex-direction:column !important;
    gap:2px !important;
}

.ai-conversation-item {
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;

    padding:8px 10px !important;
    margin:0 !important;

    border:0 !important;
    border-radius:8px !important;

    background:transparent !important;
    box-shadow:none !important;

    text-align:left !important;
    cursor:pointer !important;

    transition:
        background .15s ease !important;
}

.ai-conversation-item:hover {
    background:#f2f4f7 !important;
}

.ai-conversation-item.is-active {
    background:#e9edf3 !important;
}

.ai-conversation-title {
    display:block !important;
    width:100% !important;

    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;

    color:#2f3746 !important;
    font-size:12.5px !important;
    font-weight:600 !important;
    line-height:1.35 !important;
}

.ai-conversation-meta {
    display:block !important;

    margin-top:2px !important;

    color:#9299a6 !important;
    font-size:9.5px !important;
    font-weight:400 !important;
    line-height:1.25 !important;
}

.ai-conversations-head {
    padding-left:8px !important;
    padding-right:8px !important;
    margin-bottom:6px !important;
}



/* MP DIRECTOR UNIT ECONOMICS VISUAL v1 */

.unit-economics-section {
    padding-bottom: 48px;
}

.ue-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 24px 0 16px;
}

.ue-top-tabs,
.ue-detail-tabs {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.ue-top-tabs button,
.ue-detail-tabs button {
    border: 1px solid #dfe6f2;
    background: #fff;
    color: #53627a;
    border-radius: 10px;
    padding: 10px 14px;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: .15s ease;
}

.ue-top-tabs button:hover,
.ue-detail-tabs button:hover {
    border-color: #9db8f7;
    color: #2457d6;
}

.ue-top-tabs button.active,
.ue-detail-tabs button.active {
    background: #3167e8;
    border-color: #3167e8;
    color: #fff;
}

.ue-period {
    flex: 0 0 auto;
    padding: 9px 13px;
    background: #fff;
    border: 1px solid #dfe6f2;
    border-radius: 10px;
    color: #53627a;
    font-size: 13px;
    font-weight: 700;
}

.ue-table-wrap {
    overflow-x: auto;
    background: #fff;
    border: 1px solid #dfe6f2;
    border-radius: 16px;
}

.ue-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 1120px;
}

.ue-table th {
    padding: 14px 16px;
    background: #f7f9fd;
    color: #53627a;
    font-size: 12px;
    font-weight: 800;
    text-align: right;
    white-space: nowrap;
    border-bottom: 1px solid #e5eaf3;
}

.ue-table th:first-child {
    text-align: left;
    min-width: 330px;
}

.ue-table td {
    padding: 15px 16px;
    border-bottom: 1px solid #edf0f5;
    text-align: right;
    white-space: nowrap;
    color: #27344a;
    font-size: 13px;
    font-weight: 650;
    vertical-align: middle;
}

.ue-table td:first-child {
    text-align: left;
    white-space: normal;
}

.ue-product-row {
    cursor: pointer;
    transition: background .15s ease;
}

.ue-product-row:hover,
.ue-product-row.expanded {
    background: #f7faff;
}

.ue-product-cell {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
}

.ue-expand-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    border-radius: 7px;
    background: #edf3ff;
    color: #3167e8;
    font-size: 20px;
    line-height: 1;
    transition: transform .15s ease;
}

.ue-product-row.expanded .ue-expand-arrow {
    transform: rotate(90deg);
}

.ue-product-text {
    min-width: 0;
}

.ue-product-name {
    max-width: 430px;
    color: #25324a;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ue-product-sku {
    margin-top: 4px;
    color: #8a96a9;
    font-size: 11px;
    font-weight: 700;
}

.ue-detail-row td {
    padding: 0 !important;
    white-space: normal !important;
    text-align: left !important;
    background: #f7f9fd;
}

.ue-detail {
    padding: 20px;
    border-top: 1px solid #dfe6f2;
}

.ue-detail-tabs {
    margin-bottom: 18px;
}

.ue-detail-tabs button {
    padding: 8px 11px;
    font-size: 12px;
}

.ue-overview-grid {
    display: grid;
    grid-template-columns: 1.15fr 1fr 1fr 1fr;
    gap: 14px;
}

.ue-product-summary,
.ue-info-card,
.ue-structure,
.ue-detail-focus {
    background: #fff;
    border: 1px solid #e0e6f0;
    border-radius: 14px;
    padding: 16px;
}

.ue-product-summary-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 12px;
    border-radius: 11px;
    background: #edf3ff;
    color: #3167e8;
    font-size: 21px;
    font-weight: 800;
}

.ue-product-summary-name {
    color: #24324a;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
}

.ue-product-summary-sku {
    margin-top: 5px;
    color: #8a96a9;
    font-size: 11px;
    font-weight: 700;
}

.ue-summary-list {
    display: grid;
    gap: 9px;
    margin-top: 16px;
}

.ue-summary-list div,
.ue-metric {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.ue-summary-list span,
.ue-metric span {
    color: #7a879b;
    font-size: 12px;
}

.ue-summary-list strong,
.ue-metric strong {
    color: #28354b;
    font-size: 12px;
    font-weight: 800;
    text-align: right;
}

.ue-info-card h4 {
    margin: 0 0 14px;
    color: #24324a;
    font-size: 13px;
}

.ue-info-card.price {
    border-top: 3px solid #4f7ff0;
}

.ue-info-card.expense {
    border-top: 3px solid #e46a75;
}

.ue-info-card.profit {
    border-top: 3px solid #4aad7d;
}

.ue-info-card .ue-metric + .ue-metric {
    margin-top: 11px;
}

.ue-metric.success strong {
    color: #20885c;
}

.ue-metric.danger strong {
    color: #c74e5a;
}

.ue-detail-focus {
    display: grid;
    grid-template-columns: repeat(5, minmax(140px, 1fr));
    gap: 0;
    margin-bottom: 16px;
}

.ue-detail-focus .ue-metric {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 14px;
    border-right: 1px solid #e8ecf3;
}

.ue-detail-focus .ue-metric:last-child {
    border-right: 0;
}

.ue-detail-focus .ue-metric strong {
    margin-top: 5px;
    font-size: 15px;
}

.ue-structures-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-top: 14px;
}

.ue-structure-title {
    margin-bottom: 12px;
    color: #28354b;
    font-size: 13px;
    font-weight: 800;
}

.ue-structure-bar {
    display: flex;
    overflow: hidden;
    height: 13px;
    border-radius: 999px;
    background: #edf1f6;
}

.ue-structure-bar span {
    height: 100%;
}

.ue-structure-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 16px;
    margin-top: 11px;
}

.ue-structure-legend span {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #68768b;
    font-size: 11px;
}

.ue-structure-legend i {
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 3px;
}

.ue-structure-bar .cash,
.ue-structure-legend .cash {
    background: #4f7ff0;
}

.ue-structure-bar .points,
.ue-structure-legend .points {
    background: #93b3ff;
}

.ue-structure-bar .partner,
.ue-structure-legend .partner {
    background: #c8d8ff;
}

.ue-structure-bar .cogs,
.ue-structure-legend .cogs {
    background: #5f6f86;
}

.ue-structure-bar .commission,
.ue-structure-legend .commission {
    background: #d95c68;
}

.ue-structure-bar .logistics,
.ue-structure-legend .logistics {
    background: #e9945c;
}

.ue-structure-bar .acquiring,
.ue-structure-legend .acquiring {
    background: #e7bc5e;
}

.ue-structure-bar .other,
.ue-structure-legend .other {
    background: #b9c1cd;
}

@media (max-width: 1250px) {
    .ue-overview-grid {
        grid-template-columns: 1fr 1fr;
    }

    .ue-detail-focus {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 800px) {
    .ue-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .ue-overview-grid,
    .ue-structures-grid,
    .ue-detail-focus {
        grid-template-columns: 1fr;
    }

    .ue-detail-focus .ue-metric {
        border-right: 0;
        border-bottom: 1px solid #e8ecf3;
    }
}


/* UNIT ECONOMICS LAYOUT FIX v2 */

#unitEconomicsSection .ue-toolbar {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin: 22px 0 16px !important;
}

#unitEconomicsSection .ue-top-tabs {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: auto !important;
}

#unitEconomicsSection .ue-top-tabs > button,
#unitEconomicsSection .ue-detail-tabs > button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;

    flex: 0 0 auto !important;

    margin: 0 !important;
    padding: 9px 14px !important;

    background: #ffffff !important;
    color: #53627a !important;

    border: 1px solid #dfe6f2 !important;
    border-radius: 9px !important;

    box-shadow: none !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

#unitEconomicsSection .ue-top-tabs > button.active,
#unitEconomicsSection .ue-detail-tabs > button.active {
    background: #3167e8 !important;
    border-color: #3167e8 !important;
    color: #ffffff !important;
}

#unitEconomicsSection .ue-top-tabs > button:hover:not(.active),
#unitEconomicsSection .ue-detail-tabs > button:hover:not(.active) {
    background: #f4f7ff !important;
    border-color: #aac0f4 !important;
    color: #2457d6 !important;
}

#unitEconomicsSection .ue-period {
    flex: 0 0 auto !important;
    margin-left: auto !important;
    white-space: nowrap !important;
}

#unitEconomicsSection .ue-detail-tabs {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    width: auto !important;
}

#unitEconomicsSection .ue-table-wrap {
    margin-top: 0 !important;
}

#unitEconomicsSection .ue-overview-grid {
    align-items: stretch !important;
}

@media (max-width: 950px) {
    #unitEconomicsSection .ue-toolbar {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    #unitEconomicsSection .ue-period {
        margin-left: 0 !important;
    }
}



/* UNIT ECONOMICS PRODUCT IMAGES v1 */

#unitEconomicsSection .ue-product-cell {
    align-items: center !important;
}

#unitEconomicsSection .ue-product-image-box,
#unitEconomicsSection .ue-product-image-placeholder {
    flex: 0 0 auto;
    border: 1px solid #e3e8f0;
    background: #ffffff;
    border-radius: 10px;
    overflow: hidden;
}

#unitEconomicsSection .ue-product-image-box.small,
#unitEconomicsSection .ue-product-image-placeholder.small {
    width: 44px;
    height: 44px;
}

#unitEconomicsSection .ue-product-image-box.large,
#unitEconomicsSection .ue-product-image-placeholder.large {
    width: 72px;
    height: 72px;
}

#unitEconomicsSection .ue-product-image-box img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #ffffff;
}

#unitEconomicsSection .ue-product-image-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #91a0b7;
    background: #f5f7fb;
    font-size: 19px;
    font-weight: 800;
}

#unitEconomicsSection .ue-product-image-box
    .ue-product-image-placeholder {
    display: none;
    border: 0;
    border-radius: 0;
}

#unitEconomicsSection .ue-product-summary-image {
    margin-bottom: 12px;
}


/* UNIT ECONOMICS EXPANDED HIGHLIGHT v1 */

#unitEconomicsSection .ue-product-row.expanded td {
    background: #edf4ff !important;
    border-bottom-color: #cddcff !important;
}

#unitEconomicsSection .ue-product-row.expanded td:first-child {
    box-shadow: inset 4px 0 0 #3167e8;
}

#unitEconomicsSection .ue-product-row.expanded .ue-product-name {
    color: #1f55d5 !important;
}

#unitEconomicsSection .ue-product-row.expanded .ue-expand-arrow {
    background: #3167e8 !important;
    color: #ffffff !important;
}

#unitEconomicsSection .ue-detail-row td {
    background: #f4f8ff !important;
    border-bottom: 2px solid #cddcff !important;
}

#unitEconomicsSection .ue-detail {
    border-left: 4px solid #3167e8 !important;
    background: #f4f8ff !important;
}


/* UNIT ECONOMICS COLORED CARDS v1 */

#unitEconomicsSection .ue-product-summary {
    background: #ffffff !important;
    border: 1px solid #dfe6f2 !important;
}

#unitEconomicsSection .ue-info-card.price {
    background: #eef5ff !important;
    border: 1px solid #c9dcff !important;
    border-top: 4px solid #4f7ff0 !important;
}

#unitEconomicsSection .ue-info-card.expense {
    background: #fff1f2 !important;
    border: 1px solid #f3c8cd !important;
    border-top: 4px solid #df6671 !important;
}

#unitEconomicsSection .ue-info-card.profit {
    background: #eefaf4 !important;
    border: 1px solid #c4ead6 !important;
    border-top: 4px solid #3fa876 !important;
}

#unitEconomicsSection .ue-info-card.price h4 {
    color: #285ecf !important;
}

#unitEconomicsSection .ue-info-card.expense h4 {
    color: #bf4d58 !important;
}

#unitEconomicsSection .ue-info-card.profit h4 {
    color: #25845c !important;
}

#unitEconomicsSection .ue-structures-grid .ue-structure:first-child {
    background: #f3f7ff !important;
    border-color: #d1dfff !important;
}

#unitEconomicsSection .ue-structures-grid .ue-structure:last-child {
    background: #fff6f2 !important;
    border-color: #f0d2c7 !important;
}

#unitEconomicsSection .ue-detail-focus {
    background: #ffffff !important;
}



/* UNIT ECONOMICS UNIFIED CHART v1 */

#unitEconomicsSection .ue-unified-chart {
    margin-top: 14px;
    padding: 18px 20px;
    background: #ffffff;
    border: 1px solid #dfe6f2;
    border-radius: 14px;
}

#unitEconomicsSection .ue-unified-chart-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

#unitEconomicsSection .ue-unified-chart .ue-structure-title {
    margin-bottom: 4px;
    font-size: 14px;
}

#unitEconomicsSection .ue-chart-subtitle {
    color: #8a96a9;
    font-size: 11px;
}

#unitEconomicsSection .ue-chart-price {
    padding: 7px 11px;
    background: #edf3ff;
    color: #285ecf;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

#unitEconomicsSection .ue-chart-row-title {
    margin-bottom: 9px;
    color: #53627a;
    font-size: 12px;
    font-weight: 800;
}

#unitEconomicsSection .ue-main-bar {
    height: 18px;
}

#unitEconomicsSection .ue-chart-divider {
    height: 1px;
    margin: 18px 0;
    background: #e8ecf3;
}

#unitEconomicsSection .ue-unified-chart
    .ue-structure-legend {
    margin-top: 10px;
}

#unitEconomicsSection .ue-unified-chart
    .ue-structure-legend span {
    gap: 6px;
}

#unitEconomicsSection .ue-unified-chart
    .ue-structure-legend strong {
    margin-left: 2px;
    color: #354158;
    font-size: 11px;
}

#unitEconomicsSection .ue-structure-bar .profit-share,
#unitEconomicsSection .ue-structure-legend .profit-share {
    background: #45ad79;
}

#unitEconomicsSection .ue-structure-bar .loss-share,
#unitEconomicsSection .ue-structure-legend .loss-share {
    background: #c84653;
}


/* UNIT ECONOMICS PRICE STRUCTURE COLORS v2 */

#unitEconomicsSection .ue-structure-bar .cash,
#unitEconomicsSection .ue-structure-legend .cash {
    background: #3167e8 !important;
}

#unitEconomicsSection .ue-structure-bar .points,
#unitEconomicsSection .ue-structure-legend .points {
    background: #8b5cf6 !important;
}

#unitEconomicsSection .ue-structure-bar .partner,
#unitEconomicsSection .ue-structure-legend .partner {
    background: #20b8b0 !important;
}



/* UNIT ECONOMICS REGIONS v1 */

#unitEconomicsSection .ue-region-summary {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 10px;
}

#unitEconomicsSection .ue-region-summary .ue-metric {
    padding: 14px 16px;
    background: #eef5ff;
    border: 1px solid #cfdeff;
    border-radius: 12px;
}

#unitEconomicsSection .ue-region-summary .ue-metric strong {
    color: #285ecf;
    font-size: 15px;
}

#unitEconomicsSection .ue-region-note {
    margin: 8px 0 12px;
    color: #8a96a9;
    font-size: 11px;
}

#unitEconomicsSection .ue-region-table-wrap {
    overflow-x: auto;
    background: #ffffff;
    border: 1px solid #dfe6f2;
    border-radius: 12px;
}

#unitEconomicsSection .ue-region-table {
    width: 100%;
    border-collapse: collapse;
}

#unitEconomicsSection .ue-region-table th {
    padding: 11px 14px;
    background: #f7f9fd;
    color: #657289;
    font-size: 11px;
    font-weight: 800;
    text-align: right;
    white-space: nowrap;
}

#unitEconomicsSection .ue-region-table th:first-child {
    text-align: left;
}

#unitEconomicsSection .ue-region-table td {
    padding: 12px 14px;
    border-top: 1px solid #edf0f5;
    color: #354158;
    font-size: 12px;
    font-weight: 700;
    text-align: right;
    white-space: nowrap;
}

#unitEconomicsSection .ue-region-table td:first-child {
    text-align: left;
}

#unitEconomicsSection .ue-region-empty {
    padding: 24px;
    background: #ffffff;
    border: 1px solid #dfe6f2;
    border-radius: 12px;
    color: #7b8799;
    font-size: 12px;
    text-align: center;
}

@media (max-width: 800px) {
    #unitEconomicsSection .ue-region-summary {
        grid-template-columns: 1fr;
    }
}



/* UNIT ECONOMICS PERIOD CONTROL v1 */

#unitEconomicsSection .ue-period-control {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    flex-wrap: wrap;
    margin-left: auto;
}

#unitEconomicsSection .ue-period-control select,
#unitEconomicsSection .ue-period-control input {
    height: 36px;
    padding: 0 11px;
    background: #ffffff;
    color: #354158;
    border: 1px solid #d9e0eb;
    border-radius: 9px;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    outline: none;
}

#unitEconomicsSection .ue-period-control select {
    cursor: pointer;
    min-width: 145px;
}

#unitEconomicsSection .ue-period-control select:focus,
#unitEconomicsSection .ue-period-control input:focus {
    border-color: #6f96f2;
    box-shadow: 0 0 0 3px rgba(49, 103, 232, .10);
}

#unitEconomicsSection #unitEconomicsApplyPeriod {
    width: auto !important;
    min-width: 0 !important;
    height: 36px !important;
    padding: 0 13px !important;
    margin: 0 !important;
    background: #3167e8 !important;
    border: 1px solid #3167e8 !important;
    border-radius: 9px !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

#unitEconomicsSection .ue-period-current {
    height: 36px;
    display: inline-flex;
    align-items: center;
    padding: 0 11px;
    background: #f5f7fb;
    color: #748197;
    border: 1px solid #e1e6ee;
    border-radius: 9px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

#unitEconomicsSection .ue-period-dash {
    color: #8b97aa;
}

@media (max-width: 1100px) {
    #unitEconomicsSection .ue-period-control {
        width: 100%;
        justify-content: flex-start;
        margin-left: 0;
    }
}



/* MP DIRECTOR MOBILE UE + RETURNS v1 */

@media (max-width: 760px) {

    /* =====================================================
       UNIT ECONOMICS
       ===================================================== */

    #unitEconomicsSection {
        padding: 0 0 90px !important;
    }

    #unitEconomicsSection .page-section-head h2 {
        font-size: 22px !important;
        line-height: 1.2 !important;
    }

    #unitEconomicsSection .page-section-head p {
        font-size: 12px !important;
        line-height: 1.45 !important;
    }

    #unitEconomicsSection .ue-toolbar {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
        margin-top: 16px !important;
    }

    /* Верхние вкладки листаются пальцем */
    #unitEconomicsSection .ue-top-tabs,
    #unitEconomicsSection .ue-detail-tabs {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        width: 100% !important;
        gap: 7px !important;
        padding-bottom: 4px !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    #unitEconomicsSection .ue-top-tabs::-webkit-scrollbar,
    #unitEconomicsSection .ue-detail-tabs::-webkit-scrollbar {
        display: none;
    }

    #unitEconomicsSection .ue-top-tabs > button,
    #unitEconomicsSection .ue-detail-tabs > button {
        flex: 0 0 auto !important;
        white-space: nowrap !important;
    }

    /* Период */
    #unitEconomicsSection .ue-period-control {
        width: 100% !important;
        margin-left: 0 !important;
        justify-content: flex-start !important;
    }

    #unitEconomicsSection
        .ue-period-control select {
        width: 100% !important;
    }

    #unitEconomicsSection
        .ue-period-control input {
        flex: 1 1 130px !important;
        min-width: 0 !important;
    }

    #unitEconomicsSection .ue-period {
        width: fit-content !important;
        margin-left: 0 !important;
    }

    /* На телефоне таблица превращается в карточки */
    #unitEconomicsSection .ue-table-wrap {
        overflow: visible !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
    }

    #unitEconomicsSection .ue-table,
    #unitEconomicsSection .ue-table tbody {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    #unitEconomicsSection .ue-table thead {
        display: none !important;
    }

    #unitEconomicsSection .ue-product-row {
        display: grid !important;
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 2px 8px !important;
        width: 100% !important;
        margin: 0 0 10px !important;
        padding: 10px !important;

        background: #ffffff !important;
        border: 1px solid #dfe6f2 !important;
        border-radius: 14px !important;
        box-shadow: 0 2px 8px rgba(28, 43, 72, .04);
    }

    #unitEconomicsSection
        .ue-product-row.expanded {
        background: #edf4ff !important;
        border-color: #bcd0fb !important;
        box-shadow:
            inset 4px 0 0 #3167e8,
            0 2px 8px rgba(28, 43, 72, .04);
    }

    #unitEconomicsSection
        .ue-product-row > td {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;

        padding: 8px !important;
        border: 0 !important;
        text-align: left !important;
        white-space: normal !important;
        font-size: 14px !important;
    }

    #unitEconomicsSection
        .ue-product-row > td::before {
        display: block;
        margin-bottom: 3px;
        color: #8a96a9;
        font-size: 10px;
        font-weight: 700;
        line-height: 1.2;
    }

    #unitEconomicsSection
        .ue-product-row > td:first-child {
        grid-column: 1 / -1 !important;
        padding-bottom: 12px !important;
        margin-bottom: 2px !important;
        border-bottom:
            1px solid #edf0f5 !important;
    }

    #unitEconomicsSection
        .ue-product-row > td:first-child::before {
        display: none !important;
    }

    #unitEconomicsSection .ue-product-name {
        max-width: none !important;
        font-size: 13px !important;
    }

    #unitEconomicsSection
        .ue-product-image-box.small,
    #unitEconomicsSection
        .ue-product-image-placeholder.small {
        width: 52px !important;
        height: 52px !important;
    }

    /* Основное */
    #unitEconomicsSection
        .ue-tab-main
        .ue-product-row td:nth-child(2)::before {
        content: "Продано";
    }

    #unitEconomicsSection
        .ue-tab-main
        .ue-product-row td:nth-child(3)::before {
        content: "Выручка";
    }

    #unitEconomicsSection
        .ue-tab-main
        .ue-product-row td:nth-child(4)::before {
        content: "Цена / шт.";
    }

    #unitEconomicsSection
        .ue-tab-main
        .ue-product-row td:nth-child(5)::before {
        content: "Себестоимость / шт.";
    }

    #unitEconomicsSection
        .ue-tab-main
        .ue-product-row td:nth-child(6)::before {
        content: "Прибыль / шт.";
    }

    #unitEconomicsSection
        .ue-tab-main
        .ue-product-row td:nth-child(7)::before {
        content: "Маржа";
    }

    #unitEconomicsSection
        .ue-tab-main
        .ue-product-row td:nth-child(8)::before {
        content: "ROI";
    }

    #unitEconomicsSection
        .ue-tab-main
        .ue-product-row td:nth-child(9)::before {
        content: "Мин. цена";
    }

    #unitEconomicsSection
        .ue-tab-main
        .ue-product-row td:nth-child(10)::before {
        content: "Запас цены";
    }

    /* Цена и реализация */
    #unitEconomicsSection
        .ue-tab-price
        .ue-product-row td:nth-child(2)::before {
        content: "Продано";
    }

    #unitEconomicsSection
        .ue-tab-price
        .ue-product-row td:nth-child(3)::before {
        content: "Средняя цена";
    }

    #unitEconomicsSection
        .ue-tab-price
        .ue-product-row td:nth-child(4)::before {
        content: "Диапазон";
    }

    #unitEconomicsSection
        .ue-tab-price
        .ue-product-row td:nth-child(5)::before {
        content: "Оплата деньгами";
    }

    #unitEconomicsSection
        .ue-tab-price
        .ue-product-row td:nth-child(6)::before {
        content: "Баллы Ozon";
    }

    #unitEconomicsSection
        .ue-tab-price
        .ue-product-row td:nth-child(7)::before {
        content: "Лояльность";
    }

    #unitEconomicsSection
        .ue-tab-price
        .ue-product-row td:nth-child(8)::before {
        content: "Выручка";
    }

    /* Расходы Ozon */
    #unitEconomicsSection
        .ue-tab-ozon
        .ue-product-row td:nth-child(2)::before {
        content: "Продано";
    }

    #unitEconomicsSection
        .ue-tab-ozon
        .ue-product-row td:nth-child(3)::before {
        content: "Себестоимость";
    }

    #unitEconomicsSection
        .ue-tab-ozon
        .ue-product-row td:nth-child(4)::before {
        content: "Комиссия";
    }

    #unitEconomicsSection
        .ue-tab-ozon
        .ue-product-row td:nth-child(5)::before {
        content: "Комиссия %";
    }

    #unitEconomicsSection
        .ue-tab-ozon
        .ue-product-row td:nth-child(6)::before {
        content: "Логистика";
    }

    #unitEconomicsSection
        .ue-tab-ozon
        .ue-product-row td:nth-child(7)::before {
        content: "Эквайринг";
    }

    #unitEconomicsSection
        .ue-tab-ozon
        .ue-product-row td:nth-child(8)::before {
        content: "Прочие Ozon";
    }

    /* Возвраты */
    #unitEconomicsSection
        .ue-tab-returns
        .ue-product-row td:nth-child(2)::before {
        content: "Продано";
    }

    #unitEconomicsSection
        .ue-tab-returns
        .ue-product-row td:nth-child(3)::before {
        content: "Возвраты";
    }

    #unitEconomicsSection
        .ue-tab-returns
        .ue-product-row td:nth-child(4)::before {
        content: "Сумма возвратов";
    }

    /* Прибыль */
    #unitEconomicsSection
        .ue-tab-profit
        .ue-product-row td:nth-child(2)::before {
        content: "Прибыль";
    }

    #unitEconomicsSection
        .ue-tab-profit
        .ue-product-row td:nth-child(3)::before {
        content: "Прибыль / шт.";
    }

    #unitEconomicsSection
        .ue-tab-profit
        .ue-product-row td:nth-child(4)::before {
        content: "Маржа";
    }

    #unitEconomicsSection
        .ue-tab-profit
        .ue-product-row td:nth-child(5)::before {
        content: "ROI";
    }

    #unitEconomicsSection
        .ue-tab-profit
        .ue-product-row td:nth-child(6)::before {
        content: "Мин. цена";
    }

    #unitEconomicsSection
        .ue-tab-profit
        .ue-product-row td:nth-child(7)::before {
        content: "Запас цены";
    }

    /* Раскрытие товара */
    #unitEconomicsSection .ue-detail-row {
        display: block !important;
        margin:
            -3px 0 12px !important;
    }

    #unitEconomicsSection
        .ue-detail-row > td {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
    }

    #unitEconomicsSection .ue-detail {
        padding: 12px !important;
        border-left:
            3px solid #3167e8 !important;
        border-radius: 0 0 14px 14px;
    }

    #unitEconomicsSection .ue-overview-grid,
    #unitEconomicsSection .ue-structures-grid,
    #unitEconomicsSection .ue-detail-focus,
    #unitEconomicsSection .ue-region-summary {
        grid-template-columns:
            1fr !important;
    }

    #unitEconomicsSection .ue-info-card,
    #unitEconomicsSection .ue-product-summary {
        padding: 14px !important;
    }

    /* Общий график */
    #unitEconomicsSection .ue-unified-chart {
        padding: 14px !important;
    }

    #unitEconomicsSection
        .ue-unified-chart-head {
        flex-direction: column !important;
        gap: 8px !important;
    }

    #unitEconomicsSection
        .ue-structure-legend {
        display: grid !important;
        grid-template-columns:
            1fr !important;
        gap: 7px !important;
    }

    /* Регионы тоже карточками */
    #unitEconomicsSection
        .ue-region-table-wrap {
        overflow: visible !important;
        border: 0 !important;
        background: transparent !important;
    }

    #unitEconomicsSection .ue-region-table,
    #unitEconomicsSection
        .ue-region-table tbody {
        display: block !important;
        width: 100% !important;
    }

    #unitEconomicsSection
        .ue-region-table thead {
        display: none !important;
    }

    #unitEconomicsSection
        .ue-region-table tr {
        display: grid !important;
        grid-template-columns:
            1fr 1fr !important;
        gap: 4px 8px;
        margin-bottom: 8px;
        padding: 10px;
        background: #ffffff;
        border: 1px solid #dfe6f2;
        border-radius: 11px;
    }

    #unitEconomicsSection
        .ue-region-table td {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 6px !important;
        border: 0 !important;
        text-align: left !important;
        white-space: normal !important;
    }

    #unitEconomicsSection
        .ue-region-table td::before {
        margin-bottom: 2px;
        color: #8a96a9;
        font-size: 10px;
        font-weight: 700;
    }

    #unitEconomicsSection
        .ue-region-table td:first-child {
        grid-column: 1 / -1;
        font-size: 13px;
    }

    #unitEconomicsSection
        .ue-region-table td:nth-child(1)::before {
        content: "Кластер";
    }

    #unitEconomicsSection
        .ue-region-table td:nth-child(2)::before {
        content: "Заказано";
    }

    #unitEconomicsSection
        .ue-region-table td:nth-child(3)::before {
        content: "Средняя цена";
    }

    #unitEconomicsSection
        .ue-region-table td:nth-child(4)::before {
        content: "Мин. цена";
    }

    #unitEconomicsSection
        .ue-region-table td:nth-child(5)::before {
        content: "Макс. цена";
    }


    /* =====================================================
       БРАК / ВОЗВРАТЫ
       ===================================================== */

    #returnsSection {
        padding:
            0 0 90px !important;
    }

    #returnsSection
        .returns-page-head h2 {
        font-size: 22px !important;
        line-height: 1.2 !important;
    }

    #returnsSection
        .returns-page-head p {
        font-size: 12px !important;
        line-height: 1.45 !important;
    }

    #returnsSection .returns-toolbar {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px !important;
    }

    #returnsSection
        .returns-period-control {
        width: 100% !important;
    }

    #returnsSection
        #returnsPeriodSelect {
        width: 100% !important;
    }

    #returnsSection
        .returns-custom-period {
        display: grid !important;
        grid-template-columns:
            1fr 1fr !important;
        gap: 8px !important;
        width: 100% !important;
    }

    #returnsSection
        .returns-custom-period[hidden] {
        display: none !important;
    }

    #returnsSection
        .returns-custom-period input {
        width: 100% !important;
        min-width: 0 !important;
    }

    #returnsSection
        #applyReturnsPeriodButton {
        grid-column: 1 / -1;
        width: 100% !important;
    }

    #returnsSection
        .returns-period-caption {
        width: 100% !important;
        text-align: left !important;
    }

    #returnsSection .returns-kpi-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    #returnsSection .returns-kpi-card {
        min-width: 0 !important;
        padding: 12px !important;
    }

    #returnsSection .returns-kpi-card span {
        font-size: 11px !important;
    }

    #returnsSection .returns-kpi-card strong {
        font-size: 22px !important;
    }

    #returnsSection
        .returns-compensation-grid {
        grid-template-columns:
            1fr !important;
        gap: 8px !important;
    }

    #returnsSection
        .returns-content-card,
    #returnsSection
        .returns-compensation-section {
        padding: 14px !important;
        border-radius: 14px !important;
    }

    #returnsSection
        .returns-product-card {
        padding: 12px !important;
    }

    #returnsSection
        .returns-product-head {
        display: grid !important;
        grid-template-columns:
            58px minmax(0, 1fr) !important;
        gap: 10px !important;
        align-items: start !important;
    }

    #returnsSection
        .returns-product-image-wrap {
        width: 58px !important;
        height: 58px !important;
    }

    #returnsSection
        .returns-product-title-row {
        display: block !important;
    }

    #returnsSection
        .returns-product-title-row h4 {
        font-size: 13px !important;
        line-height: 1.35 !important;
    }

    #returnsSection
        .returns-product-total {
        margin-top: 5px !important;
        text-align: left !important;
    }

    #returnsSection
        .returns-product-stats {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }

    #returnsSection
        .returns-reason-row {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px !important;
    }

    #returnsSection
        .returns-reason-side {
        width: 100% !important;
        justify-content:
            space-between !important;
    }
}


/* UNIT ECONOMICS PRODUCT IMAGE FIT v2 */

#unitEconomicsSection .ue-product-image-box {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    aspect-ratio: 1 / 1 !important;
    box-sizing: border-box !important;
    padding: 4px !important;
    background: #ffffff !important;
}

#unitEconomicsSection .ue-product-image-box img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
}

#unitEconomicsSection .ue-product-image-box.small {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
}

#unitEconomicsSection .ue-product-image-box.large {
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
}

@media (max-width: 760px) {
    #unitEconomicsSection .ue-product-image-box.small {
        width: 52px !important;
        height: 52px !important;
        min-width: 52px !important;
        min-height: 52px !important;
    }
}


/* UNIT ECONOMICS PRODUCT IMAGE COVER v3 */

#unitEconomicsSection .ue-product-image-box {
    padding: 0 !important;
    overflow: hidden !important;
    background: #ffffff !important;
}

#unitEconomicsSection .ue-product-image-box img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 9px !important;
}



/* MPDirector: активные FBO-поставки */

#stocksSection .stocks-in-supply,
#stocksSection .stocks-after-supply {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

#stocksSection .stocks-in-supply span,
#stocksSection .stocks-after-supply span {
    font-size: 12px;
    color: #64748b;
}

#stocksSection .stocks-in-supply b,
#stocksSection .stocks-after-supply b {
    font-size: 18px;
    line-height: 1.1;
}

#stocksSection .stocks-in-supply b small,
#stocksSection .stocks-after-supply b small {
    font-size: 11px;
    font-weight: 500;
}

#stocksSection .stocks-in-supply.has-supply b {
    color: #2563eb;
}

#stocksSection .stocks-active-supplies {
    margin-top: 14px;
    padding: 12px;
    border: 1px solid #dbeafe;
    border-radius: 12px;
    background: #f8fbff;
}

#stocksSection .stocks-active-supplies-title {
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 700;
    color: #475569;
}

#stocksSection .stocks-active-supply {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 0;
    border-top: 1px solid #e5edf8;
}

#stocksSection .stocks-active-supply:first-of-type {
    border-top: 0;
}

#stocksSection .stocks-active-supply > div {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

#stocksSection .stocks-active-supply strong {
    font-size: 13px;
}

#stocksSection .stocks-active-supply small {
    font-size: 12px;
    color: #64748b;
}

#stocksSection .stocks-supply-status {
    display: inline-flex;
    align-items: center;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
    background: #e2e8f0;
    color: #334155;
}

#stocksSection .stocks-supply-status-IN_TRANSIT {
    background: #dbeafe;
    color: #1d4ed8;
}

#stocksSection .stocks-supply-status-ACCEPTANCE_AT_STORAGE_WAREHOUSE {
    background: #fef3c7;
    color: #92400e;
}

#stocksSection .stocks-supply-status-READY_TO_SUPPLY,
#stocksSection .stocks-supply-status-ACCEPTED_AT_SUPPLY_WAREHOUSE {
    background: #e0f2fe;
    color: #0369a1;
}

@media (max-width: 760px) {
    #stocksSection .stocks-active-supply {
        align-items: flex-start;
        flex-direction: column;
    }

    #stocksSection .stocks-supply-status {
        white-space: normal;
    }
}


/* ==========================================================
   UNIT ECONOMICS — MONEY FLOW
   ========================================================== */

#unitEconomicsSection .ue-flow-card {
    margin: 0 0 16px;
    padding: 16px;
    border: 1px solid #dbe4f0;
    border-radius: 16px;
    background: #ffffff;
}

#unitEconomicsSection .ue-flow-title {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 800;
    color: #0f172a;
}

#unitEconomicsSection .ue-flow-title small {
    font-size: 11px;
    font-weight: 500;
    color: #94a3b8;
}

#unitEconomicsSection .ue-flow-grid {
    display: grid;
    grid-template-columns:
        minmax(150px, 1fr)
        28px
        minmax(150px, 1fr)
        28px
        minmax(150px, 1fr);
    align-items: stretch;
    gap: 8px;
}

#unitEconomicsSection .ue-flow-item {
    min-width: 0;
    padding: 14px 16px;
    border-radius: 13px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

#unitEconomicsSection .ue-flow-item span {
    font-size: 12px;
    font-weight: 600;
}

#unitEconomicsSection .ue-flow-item strong {
    font-size: 24px;
    line-height: 1.1;
}

#unitEconomicsSection .ue-flow-item small {
    font-size: 11px;
    opacity: .75;
}

#unitEconomicsSection .ue-flow-item.buyer {
    background: #eff6ff;
    color: #1d4ed8;
}

#unitEconomicsSection .ue-flow-item.ozon {
    width: 100%;
    border: 1px solid #fecaca;
    background: #fff1f2;
    color: #b91c1c;
    text-align: left;
    font: inherit;
    cursor: pointer;
    transition:
        transform .15s ease,
        box-shadow .15s ease,
        border-color .15s ease;
}

#unitEconomicsSection .ue-flow-item.ozon:hover {
    transform: translateY(-1px);
    border-color: #f87171;
    box-shadow: 0 7px 20px rgba(185, 28, 28, .10);
}

#unitEconomicsSection .ue-flow-item.payout {
    background: #ecfdf5;
    color: #047857;
}

#unitEconomicsSection .ue-flow-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: #94a3b8;
}


/* MODAL */

.ue-ozon-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(15, 23, 42, .52);
    backdrop-filter: blur(2px);
}

.ue-ozon-modal {
    width: min(620px, 100%);
    max-height: calc(100vh - 40px);
    overflow: auto;
    padding: 20px;
    border-radius: 18px;
    background: #ffffff;
    box-shadow:
        0 24px 70px rgba(15, 23, 42, .24);
}

.ue-ozon-modal-head {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}

.ue-ozon-modal-head h3 {
    margin: 0 0 4px;
    font-size: 20px;
}

.ue-ozon-modal-head p {
    margin: 0 0 4px;
    font-size: 13px;
    font-weight: 600;
    color: #334155;
}

.ue-ozon-modal-head small {
    color: #94a3b8;
}

.ue-ozon-modal-close {
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 10px;
    background: #f1f5f9;
    font-size: 25px;
    line-height: 1;
    cursor: pointer;
}

.ue-ozon-modal-flow {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-bottom: 18px;
}

.ue-ozon-modal-flow > div {
    padding: 12px;
    border-radius: 12px;
    background: #f8fafc;
}

.ue-ozon-modal-flow span {
    display: block;
    margin-bottom: 4px;
    font-size: 11px;
    color: #64748b;
}

.ue-ozon-modal-flow strong {
    font-size: 18px;
}

.ue-ozon-modal-flow .danger {
    color: #b91c1c;
}

.ue-ozon-modal-flow .success {
    color: #047857;
}

.ue-ozon-breakdown {
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
}

.ue-ozon-breakdown > div {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 14px;
    border-bottom: 1px solid #e2e8f0;
}

.ue-ozon-breakdown > div:last-child {
    border-bottom: 0;
}

.ue-ozon-breakdown span {
    color: #475569;
}

.ue-ozon-breakdown strong {
    white-space: nowrap;
}

.ue-ozon-breakdown .total {
    background: #fff1f2;
    color: #991b1b;
    font-weight: 800;
}

.ue-ozon-breakdown .total span {
    color: inherit;
}

.ue-ozon-modal-note {
    margin-top: 14px;
    padding: 10px 12px;
    border-radius: 10px;
    background: #f8fafc;
    font-size: 11px;
    line-height: 1.45;
    color: #64748b;
}


@media (max-width: 760px) {

    #unitEconomicsSection .ue-flow-title {
        display: block;
    }

    #unitEconomicsSection .ue-flow-title small {
        display: block;
        margin-top: 3px;
    }

    #unitEconomicsSection .ue-flow-grid {
        grid-template-columns: 1fr;
    }

    #unitEconomicsSection .ue-flow-arrow {
        height: 18px;
        transform: rotate(90deg);
    }

    .ue-ozon-modal-backdrop {
        align-items: flex-end;
        padding: 10px;
    }

    .ue-ozon-modal {
        max-height: 90vh;
        border-radius: 18px 18px 12px 12px;
    }

    .ue-ozon-modal-flow {
        grid-template-columns: 1fr;
    }
}


/* ==========================================================
   UNIT ECONOMICS BUYER PRICE SWITCH FIX
   ========================================================== */

#unitEconomicsSection .ue-flow-price-switch {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

#unitEconomicsSection .ue-price-mode {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 36px;
    padding: 7px 11px;
    border: 1px solid #dbe4f0;
    border-radius: 10px;
    background: #f8fafc;
    color: #475569;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

#unitEconomicsSection .ue-price-mode.active {
    border-color: #93c5fd;
    background: #eff6ff;
    color: #1d4ed8;
}

#unitEconomicsSection .ue-price-mode input {
    margin: 0;
    accent-color: #2563eb;
}

#unitEconomicsSection .ue-price-period {
    min-height: 36px;
    padding: 7px 30px 7px 10px;
    border: 1px solid #dbe4f0;
    border-radius: 10px;
    background: #fff;
    color: #334155;
    font-size: 12px;
    font-weight: 600;
}

#unitEconomicsSection .ue-price-period:disabled {
    opacity: .45;
}

#unitEconomicsSection .ue-flow-price-note {
    margin-top: 11px;
    font-size: 11px;
    line-height: 1.4;
    color: #94a3b8;
}


/* Прочие расходы — раскрытие */

.ue-ozon-other-details {
    border-bottom: 1px solid #e2e8f0;
}

.ue-ozon-other-details summary {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 12px 14px;
    cursor: pointer;
    list-style: none;
}

.ue-ozon-other-details summary::-webkit-details-marker {
    display: none;
}

.ue-ozon-other-details summary span::after {
    content: "  ▾";
    color: #94a3b8;
}

.ue-ozon-other-details[open] summary span::after {
    content: "  ▴";
}

.ue-ozon-other-list {
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
}

.ue-ozon-other-row {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding: 9px 14px 9px 25px;
    border-bottom: 1px solid #e8edf3;
}

.ue-ozon-other-row:last-child {
    border-bottom: 0;
}

.ue-ozon-other-row > div {
    display: flex;
    flex-direction: column;
}

.ue-ozon-other-row span {
    font-size: 12px;
    color: #334155;
}

.ue-ozon-other-row small {
    margin-top: 2px;
    font-size: 10px;
    color: #94a3b8;
}

.ue-ozon-other-row strong {
    white-space: nowrap;
}


@media (max-width: 760px) {

    #unitEconomicsSection .ue-flow-price-switch {
        align-items: stretch;
    }

    #unitEconomicsSection .ue-price-mode {
        flex: 1 1 auto;
    }

    #unitEconomicsSection .ue-price-period {
        flex: 1 1 120px;
    }
}


/* ==========================================================
   UE PRICE COMPOSITION DETAILS
   ========================================================== */

#unitEconomicsSection .ue-price-composition {
    margin-top: 12px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #f8fafc;
}

#unitEconomicsSection .ue-price-composition summary {
    padding: 10px 13px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 800;
    color: #334155;
}

#unitEconomicsSection .ue-price-composition-list {
    border-top: 1px solid #e2e8f0;
    background: #fff;
}

#unitEconomicsSection .ue-price-composition-list > div {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 9px 13px;
    border-bottom: 1px solid #eef2f7;
    font-size: 12px;
}

#unitEconomicsSection .ue-price-composition-list > div:last-child {
    border-bottom: 0;
}

#unitEconomicsSection .ue-price-composition-list span {
    color: #64748b;
}

#unitEconomicsSection .ue-price-composition-list strong {
    white-space: nowrap;
    color: #0f172a;
}

#unitEconomicsSection .ue-price-composition-list .total {
    background: #f1f5f9;
    font-weight: 800;
}

#unitEconomicsSection .ue-price-composition-list .difference {
    background: #fafafa;
}

#unitEconomicsSection .ue-price-composition-list .positive {
    color: #047857;
}

#unitEconomicsSection .ue-price-composition-list .negative {
    color: #b91c1c;
}


/* UE TOOLBAR PERIOD FIX */

#unitEconomicsSection .ue-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 16px;
    width: 100%;
}

#unitEconomicsSection .ue-top-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
    flex: 1 1 100%;
}

#unitEconomicsSection .ue-period-control {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-left: auto;
    max-width: 100%;
}

#unitEconomicsSection .ue-period-control select {
    max-width: 180px;
}

#unitEconomicsSection .ue-period-current {
    white-space: nowrap;
}

@media (max-width: 900px) {

    #unitEconomicsSection .ue-period-control {
        margin-left: 0;
        width: 100%;
        justify-content: flex-start;
    }
}


/* UE TOOLBAR FORCE FIX v2 */

#unitEconomicsSection .ue-toolbar {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 22px 0 16px !important;
}

#unitEconomicsSection .ue-top-tabs {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;

    width: 100% !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
}

#unitEconomicsSection .ue-period-control {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    gap: 8px !important;
}

#unitEconomicsSection .ue-period-control select {
    width: auto !important;
    min-width: 145px !important;
    max-width: 190px !important;
}

#unitEconomicsSection .ue-period-current {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}

/* чтобы строка периода точно не уезжала за экран */
#unitEconomicsSection .ue-toolbar,
#unitEconomicsSection .ue-period-control,
#unitEconomicsSection .ue-top-tabs {
    box-sizing: border-box !important;
    overflow: visible !important;
}

@media (max-width: 760px) {

    #unitEconomicsSection .ue-top-tabs {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
    }

    #unitEconomicsSection .ue-period-control {
        align-items: stretch !important;
    }

    #unitEconomicsSection .ue-period-control select {
        width: 100% !important;
        max-width: none !important;
    }
}


/* ==========================================================
   UE PERIOD SEPARATE ROW v1
   ========================================================== */

#unitEconomicsSection .ue-toolbar {
    width: 100% !important;
    margin-bottom: 10px !important;
}

#unitEconomicsSection .ue-period-row {
    display: block !important;
    position: relative !important;
    clear: both !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 0 16px 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
    overflow: visible !important;
}

#unitEconomicsSection
.ue-period-row
.ue-period-control {

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: auto !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 8px !important;
}

#unitEconomicsSection
.ue-period-row
#unitEconomicsPeriodSelect {

    flex: 0 0 auto !important;

    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;

    margin: 0 !important;
}

#unitEconomicsSection
.ue-period-row
.ue-period-current {

    flex: 0 0 auto !important;
    margin: 0 !important;
}

#unitEconomicsSection .ue-empty-state {
    margin: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

@media (max-width: 760px) {

    #unitEconomicsSection
    .ue-period-row
    .ue-period-control {

        width: 100% !important;
    }

    #unitEconomicsSection
    .ue-period-row
    #unitEconomicsPeriodSelect {

        width: 100% !important;
        max-width: 100% !important;
    }
}


/* ==========================================================
   UE FLOW CLICKABLE PRICE v1
   ========================================================== */

#unitEconomicsSection .ue-flow-item-clickable {
    cursor: pointer !important;
    transition:
        transform .15s ease,
        box-shadow .15s ease,
        border-color .15s ease !important;
}

#unitEconomicsSection .ue-flow-item-clickable:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(15, 23, 42, .08);
}

#unitEconomicsSection .ue-flow-item-clickable:focus {
    outline: 2px solid #3167e8;
    outline-offset: 2px;
}

.ue-price-modal-backdrop
.ue-price-composition-list {
    margin-top: 14px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
}


/* MP DIRECTOR SUPPORT v1 */

.support-section {
    width: 100%;
}

.support-card {
    max-width: 900px;
}

.support-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
}

.support-head h2 {
    margin: 0 0 7px;
}

.support-head .hint {
    margin: 0;
}

.support-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.support-field {
    display: block;
    margin-bottom: 18px;
}

.support-field > span {
    display: block;
    margin-bottom: 7px;
    font-size: 13px;
    font-weight: 700;
}

.support-field input,
.support-field textarea {
    width: 100%;
    padding: 13px 14px;
    border: 1px solid #d7ddea;
    border-radius: 11px;
    background: #fff;
    color: #172033;
    font: inherit;
    outline: none;
}

.support-field textarea {
    min-height: 180px;
    resize: vertical;
    line-height: 1.5;
}

.support-field input:focus,
.support-field textarea:focus {
    border-color: #3568f5;
    box-shadow: 0 0 0 3px rgba(53,104,245,.10);
}

.support-field small {
    display: block;
    margin-top: 7px;
    color: #7b8496;
    font-size: 12px;
}

.support-form-message {
    min-height: 24px;
    margin: 4px 0 14px;
    font-size: 14px;
}

.support-submit-button {
    min-width: 210px;
}

.support-submit-button:disabled {
    opacity: .65;
    cursor: wait;
}

@media (max-width: 700px) {

    .support-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .support-submit-button {
        width: 100%;
    }
}



/* MP DIRECTOR AI METRIC CARDS v1 */

.ai-product-metrics-list {
    margin-top: 22px;
}

.ai-product-metrics-card {
    border: 1px solid #e3e8f2;
    border-radius: 20px;
    padding: 22px;
    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fafbff 100%
        );
    box-shadow:
        0 12px 30px rgba(42, 56, 92, 0.07);
}

.ai-product-metrics-top {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 20px;
}

.ai-product-metrics-badge {
    width: 42px;
    height: 42px;
    min-width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background:
        linear-gradient(
            135deg,
            #376cf6,
            #6947ef
        );
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    box-shadow:
        0 8px 20px rgba(70, 87, 230, 0.25);
}

.ai-product-metrics-title-wrap {
    min-width: 0;
}

.ai-product-metrics-kicker {
    margin-bottom: 5px;
    color: #6f7a91;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.ai-product-metrics-title {
    color: #202b43;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 700;
}

.ai-product-profit-hero {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 17px 18px;
    margin-bottom: 14px;
    border-radius: 16px;
    background:
        linear-gradient(
            135deg,
            rgba(55, 108, 246, 0.08),
            rgba(105, 71, 239, 0.07)
        );
    border: 1px solid
        rgba(69, 93, 235, 0.11);
}

.ai-product-profit-hero-icon {
    font-size: 28px;
    line-height: 1;
}

.ai-product-profit-hero-label {
    color: #727c91;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 3px;
}

.ai-product-profit-hero-value {
    color: #1f2a44;
    font-size: 24px;
    line-height: 1.15;
    font-weight: 800;
}

.ai-product-metrics-grid {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.ai-product-metric {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
    padding: 13px 14px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #edf0f6;
}

.ai-product-metric-icon {
    width: 34px;
    height: 34px;
    min-width: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #f4f6fb;
    font-size: 17px;
}

.ai-product-metric-content {
    min-width: 0;
}

.ai-product-metric-label {
    margin-bottom: 2px;
    color: #818a9e;
    font-size: 12px;
    font-weight: 600;
}

.ai-product-metric-value {
    color: #202b43;
    font-size: 15px;
    font-weight: 750;
    overflow-wrap: anywhere;
}

@media (max-width: 640px) {

    .ai-product-metrics-card {
        padding: 16px;
        border-radius: 17px;
    }

    .ai-product-metrics-grid {
        grid-template-columns: 1fr;
    }

    .ai-product-profit-hero-value {
        font-size: 21px;
    }

    .ai-product-metrics-title {
        font-size: 15px;
    }
}


/* MP DIRECTOR AI CARD HEADER FIX */

.ai-product-metrics-top {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

.ai-product-metrics-badge {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 11px;
    font-size: 17px;
}

.ai-product-metrics-title-wrap {
    flex: 1;
    min-width: 0;
}

.ai-product-metrics-kicker {
    margin-bottom: 3px;
    font-size: 12px;
    line-height: 1.2;
}

.ai-product-metrics-title {
    font-size: 16px;
    line-height: 1.35;
    font-weight: 700;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 640px) {
    .ai-product-metrics-top {
        align-items: flex-start;
    }

    .ai-product-metrics-title {
        font-size: 14px;
        -webkit-line-clamp: 2;
    }
}


/* MP DIRECTOR AI NATURAL PAGE FLOW v1 */

#aiChatMessages,
.ai-chat-messages {
    max-height: none !important;
    height: auto !important;
    overflow-y: visible !important;
}

.ai-message-text {
    white-space: pre-wrap;
}



/* MP DIRECTOR AI UNIT ECONOMICS BLOCKS v1 */

.ai-unit-intro {
    margin-bottom: 16px;
    white-space: pre-wrap;
}

.ai-unit-product-block {
    margin-top: 12px;
    padding: 16px 18px;

    border: 1px solid #e3e8f2;
    border-radius: 14px;

    background: #ffffff;

    box-shadow:
        0 4px 14px
        rgba(33, 48, 78, 0.035);

    white-space: pre-wrap;
    line-height: 1.6;
}

.ai-unit-product-block:first-of-type {
    margin-top: 0;
}

@media (max-width: 640px) {
    .ai-unit-product-block {
        padding: 14px;
        border-radius: 12px;
    }
}



/* MP DIRECTOR MORNING DIRECTOR v1 */

.morning-director-card {
    margin: 0 0 22px;
    padding: 22px;

    border: 1px solid #e2e7f2;
    border-radius: 20px;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f8faff 100%
        );

    box-shadow:
        0 10px 28px
        rgba(32, 48, 82, .055);
}

.morning-director-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.morning-director-title-wrap {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.morning-director-icon {
    width: 44px;
    height: 44px;
    min-width: 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 14px;

    background:
        linear-gradient(
            135deg,
            #3568f5,
            #6849ed
        );

    color: #fff;

    font-size: 21px;
    font-weight: 800;

    box-shadow:
        0 8px 20px
        rgba(67, 85, 230, .22);
}

.morning-director-eyebrow {
    display: block;
    margin-bottom: 3px;

    color: #6f7a90;

    font-size: 12px;
    font-weight: 700;
}

.morning-director-card h3 {
    margin: 0 0 4px;

    color: #19243a;

    font-size: 21px;
    line-height: 1.2;
}

.morning-director-card p {
    margin: 0;

    color: #80899b;

    font-size: 13px;
}

.morning-director-status {
    padding: 7px 11px;

    border-radius: 999px;

    background: #eef3ff;
    color: #3568f5;

    font-size: 12px;
    font-weight: 700;

    white-space: nowrap;
}

.morning-director-loading {
    display: flex;
    align-items: center;
    gap: 9px;

    margin-top: 18px;
    padding: 14px 16px;

    border-radius: 14px;

    background: #f7f9fd;

    color: #697488;

    font-size: 13px;
}

.morning-director-loading-dot {
    width: 8px;
    height: 8px;

    border-radius: 50%;

    background: #3568f5;

    box-shadow:
        0 0 0 5px
        rgba(53, 104, 245, .09);
}

.morning-director-content {
    margin-top: 18px;
}

.morning-director-summary {
    padding: 16px 18px;
    margin-bottom: 12px;

    border-radius: 15px;

    background: #f7f9fd;

    color: #263044;

    font-size: 14px;
    line-height: 1.6;
}

.morning-director-section-label {
    display: block;
    margin-bottom: 6px;

    color: #7a8498;

    font-size: 11px;
    font-weight: 800;

    text-transform: uppercase;
    letter-spacing: .05em;
}

.morning-director-grid {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.morning-director-panel {
    padding: 15px 16px;

    border: 1px solid #e7ebf3;
    border-radius: 15px;

    background: #fff;

    color: #344056;

    font-size: 13px;
    line-height: 1.55;
}

.morning-director-panel-head {
    display: flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 9px;

    color: #202b43;
}

.morning-director-panel.issue {
    border-color: #f0dedb;
}

.morning-director-panel.risk {
    border-color: #ebe2cf;
}

.morning-director-panel.positive {
    border-color: #dce9df;
}

.morning-director-panel.priority {
    border-color: #dde4f9;
}

@media (max-width: 760px) {

    .morning-director-card {
        padding: 17px;
        border-radius: 17px;
    }

    .morning-director-head {
        flex-direction: column;
    }

    .morning-director-status {
        align-self: flex-start;
    }

    .morning-director-grid {
        grid-template-columns: 1fr;
    }
}



/* MP DIRECTOR MORNING DIRECTOR LISTS v1 */

.morning-director-list {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.morning-director-list-item {
    display: grid;
    grid-template-columns: 7px minmax(0, 1fr);
    gap: 9px;
    align-items: start;
}

.morning-director-list-item > span {
    width: 6px;
    height: 6px;

    margin-top: 7px;

    border-radius: 50%;

    background: #8792a8;
}

.morning-director-panel.issue
.morning-director-list-item > span {
    background: #e16c5b;
}

.morning-director-panel.risk
.morning-director-list-item > span {
    background: #d59b3a;
}

.morning-director-panel.positive
.morning-director-list-item > span {
    background: #48a56a;
}

.morning-director-panel.priority
.morning-director-list-item > span {
    background: #4c71e8;
}

.morning-director-empty {
    color: #9aa3b3;
    font-size: 12px;
}



/* MP DIRECTOR MORNING DIRECTOR COMPACT + FULL v1 */

.morning-director-compact {
    margin-top: 14px;
}

.morning-director-compact-summary {
    color: #263044;
    font-size: 14px;
    line-height: 1.55;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.morning-director-compact-grid {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 16px;

    margin-top: 14px;
}

.morning-director-compact-grid > div {
    min-width: 0;
}

.morning-director-compact-grid strong {
    display: block;
    margin-bottom: 7px;

    color: #334057;

    font-size: 12px;
}

.morning-director-compact
.morning-director-list {
    gap: 5px;
}

.morning-director-compact
.morning-director-list-item {
    font-size: 12px;
    line-height: 1.4;
}

.morning-director-more-button {
    margin-top: 14px;
    padding: 0;

    border: 0;
    background: transparent;

    color: #3568f5;

    font-size: 13px;
    font-weight: 700;

    cursor: pointer;
}

.morning-director-more-button:hover {
    text-decoration: underline;
}


/* Полный экран */

.morning-director-page {
    width: 100%;
}

.morning-director-full-content {
    margin-top: 18px;
}

.morning-director-full-summary {
    margin-bottom: 16px;
    padding: 20px;

    border: 1px solid #e3e8f2;
    border-radius: 18px;

    background: #ffffff;

    color: #263044;

    font-size: 15px;
    line-height: 1.65;

    box-shadow:
        0 8px 24px
        rgba(32, 48, 82, .045);
}

.morning-director-full-grid {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 14px;
}

.morning-director-full-grid
.morning-director-panel {
    min-height: 170px;
    padding: 20px;
}

.morning-director-full-grid
.morning-director-panel-head {
    margin-bottom: 14px;

    font-size: 15px;
}

.morning-director-full-grid
.morning-director-list {
    gap: 11px;
}

.morning-director-full-grid
.morning-director-list-item {
    line-height: 1.55;
}

@media (max-width: 760px) {

    .morning-director-compact-grid,
    .morning-director-full-grid {
        grid-template-columns: 1fr;
    }

    .morning-director-full-grid
    .morning-director-panel {
        min-height: auto;
    }
}



/* ==========================================================
   MP DIRECTOR COMPACT ANALYTICS HEADER v1
   ========================================================== */


/* ----------------------------------------------------------
   Старый большой блок названия магазина полностью убираем.
   Сам select периода JS переносит в новый блок до скрытия.
   ---------------------------------------------------------- */

#analyticsSection > .analytics-toolbar {
    display: none !important;
}


/* ----------------------------------------------------------
   Название магазина в верхней шапке
   ---------------------------------------------------------- */

.dashboard-cabinet-title {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;

    margin: 0;
}

.dashboard-store-inline {
    margin-left: 8px;

    color: #263653;

    font-size: .78em;
    font-weight: 700;
}

.dashboard-updated-inline {
    display: block;

    margin-top: 3px;

    color: #98a3b7;

    font-size: 11px;
    font-weight: 500;
}


/* ----------------------------------------------------------
   Компактный выбор периода над KPI
   ---------------------------------------------------------- */

.analytics-period-compact-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 14px;

    margin: 10px 0 12px;
}

.analytics-period-compact-title {
    color: #8190a9;

    font-size: 12px;
    font-weight: 700;

    text-transform: uppercase;
    letter-spacing: .04em;
}

.analytics-period-compact-mount {
    margin-left: auto;
}

.analytics-period-compact-mount
.analytics-period {
    display: flex;
    align-items: center;

    gap: 8px;
}

.analytics-period-compact-mount
#periodSelect {
    min-width: 150px;
    height: 38px;

    padding: 0 34px 0 13px;

    border: 1px solid #e0e6f0;
    border-radius: 12px;

    background-color: #ffffff;

    color: #334057;

    font-size: 12px;
    font-weight: 600;

    box-shadow:
        0 4px 14px
        rgba(28, 45, 80, .035);
}

.analytics-period-compact-mount
#customPeriod {
    align-items: center;
    gap: 7px;
}

.analytics-period-compact-mount
#customPeriod:not([hidden]) {
    display: flex;
}

.analytics-period-compact-mount
#customPeriod input {
    height: 38px;

    border: 1px solid #e0e6f0;
    border-radius: 10px;

    background: #fff;

    font-size: 12px;
}


/* ==========================================================
   УТРЕННИЙ ДИРЕКТОР — СУПЕРКОМПАКТНЫЙ В АНАЛИТИКЕ
   Полный отдельный экран не затрагиваем.
   ========================================================== */

#analyticsSection
#morningDirectorCard {
    margin-bottom: 12px;
    padding: 14px 18px;

    border-radius: 17px;
}

#analyticsSection
#morningDirectorCard
.morning-director-head {
    align-items: center;

    margin-bottom: 5px;
}

#analyticsSection
#morningDirectorCard
.morning-director-icon {
    width: 34px;
    height: 34px;
    min-width: 34px;

    border-radius: 10px;

    font-size: 16px;
}

#analyticsSection
#morningDirectorCard
.morning-director-eyebrow {
    display: none;
}

#analyticsSection
#morningDirectorCard h3 {
    margin: 0;

    font-size: 17px;
}

#analyticsSection
#morningDirectorPeriod {
    display: none;
}

#analyticsSection
#morningDirectorStatus {
    padding: 5px 9px;

    font-size: 10px;
}

#analyticsSection
#morningDirectorLoading {
    margin-top: 8px;
    padding: 8px 11px;

    font-size: 12px;
}

#analyticsSection
.morning-director-compact {
    margin-top: 8px;
}

#analyticsSection
.morning-director-compact-summary {
    margin-bottom: 7px;

    font-size: 13px;
    line-height: 1.4;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    overflow: hidden;
}


/* На главной оставляем только "Обратить внимание".
   Приоритеты есть в полном Утреннем директоре. */

#analyticsSection
.morning-director-compact-grid {
    display: block;

    margin-top: 6px;
}

#analyticsSection
.morning-director-compact-grid
> div:nth-child(2) {
    display: none;
}

#analyticsSection
.morning-director-compact-grid strong {
    margin-bottom: 4px;

    font-size: 11px;
}

#analyticsSection
.morning-director-compact
.morning-director-list {
    gap: 3px;
}

#analyticsSection
.morning-director-compact
.morning-director-list-item {
    grid-template-columns: 5px minmax(0, 1fr);
    gap: 7px;

    font-size: 11px;
    line-height: 1.3;
}

#analyticsSection
.morning-director-compact
.morning-director-list-item > span {
    width: 4px;
    height: 4px;

    margin-top: 5px;
}

#analyticsSection
.morning-director-more-button {
    margin-top: 7px;

    font-size: 11px;
}


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

@media (max-width: 700px) {

    .dashboard-cabinet-title {
        align-items: flex-start;
    }

    .dashboard-store-inline {
        width: 100%;
        margin: 2px 0 0;

        font-size: 13px;
    }

    .analytics-period-compact-bar {
        align-items: flex-end;
    }

    .analytics-period-compact-title {
        display: none;
    }

    .analytics-period-compact-mount {
        width: 100%;
    }

    .analytics-period-compact-mount
    .analytics-period {
        width: 100%;
    }

    .analytics-period-compact-mount
    #periodSelect {
        width: 100%;
    }

    #analyticsSection
    #morningDirectorCard {
        padding: 13px 14px;
    }
}



/* ==========================================================
   MORNING DIRECTOR v2
   Compact card below chart + product context in full page
   ========================================================== */


/* ----------------------------------------------------------
   КОМПАКТНЫЙ БЛОК ПОД ГРАФИКОМ
   ---------------------------------------------------------- */

#analyticsSection
#morningDirectorCard {
    margin: 12px 0 18px !important;
    padding: 10px 14px !important;

    border-radius: 14px !important;

    box-shadow:
        0 5px 16px
        rgba(32, 48, 82, .035) !important;
}

#analyticsSection
#morningDirectorCard
.morning-director-head {
    min-height: 28px;
    margin: 0 !important;
}

#analyticsSection
#morningDirectorCard
.morning-director-title-wrap {
    gap: 8px;
    align-items: center;
}

#analyticsSection
#morningDirectorCard
.morning-director-icon {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;

    border-radius: 8px !important;

    font-size: 13px !important;
}

#analyticsSection
#morningDirectorCard h3 {
    font-size: 15px !important;
    line-height: 1.15;
}

#analyticsSection
#morningDirectorStatus,
#analyticsSection
#morningDirectorPeriod,
#analyticsSection
#morningDirectorCard
.morning-director-eyebrow {
    display: none !important;
}

#analyticsSection
#morningDirectorLoading {
    margin: 6px 0 0 !important;
    padding: 5px 8px !important;

    background: transparent !important;

    font-size: 11px !important;
}

#analyticsSection
.morning-director-compact {
    margin: 6px 0 0 !important;
}

#analyticsSection
.morning-director-compact-summary {
    margin: 0 !important;

    font-size: 12px !important;
    line-height: 1.35 !important;

    -webkit-line-clamp: 2 !important;
}

#analyticsSection
.morning-director-compact-grid {
    margin-top: 6px !important;
}

#analyticsSection
.morning-director-compact-grid strong {
    display: none !important;
}

#analyticsSection
.morning-director-compact
.morning-director-list {
    gap: 0 !important;
}

#analyticsSection
.morning-director-compact
.morning-director-list-item {
    font-size: 11px !important;
    line-height: 1.3 !important;
}

#analyticsSection
.morning-director-more-button {
    margin-top: 5px !important;

    font-size: 11px !important;
}


/* ----------------------------------------------------------
   ПОДРОБНАЯ ВКЛАДКА — ТОВАРЫ
   ---------------------------------------------------------- */

.morning-director-detailed-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.morning-director-detailed-item {
    padding-bottom: 12px;

    border-bottom:
        1px solid #edf0f5;
}

.morning-director-detailed-item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.morning-director-products {
    display: flex;
    flex-direction: column;
    gap: 7px;

    margin-bottom: 8px;
}

.morning-director-product {
    display: flex;
    align-items: center;
    gap: 9px;

    padding: 7px 9px;

    border: 1px solid #e8ecf4;
    border-radius: 11px;

    background: #f9faff;
}

.morning-director-product-image {
    width: 38px;
    height: 38px;
    min-width: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;

    border: 1px solid #edf0f5;
    border-radius: 9px;

    background: #fff;

    font-size: 17px;
}

.morning-director-product-image img {
    width: 100%;
    height: 100%;

    object-fit: contain;
}

.morning-director-product-info {
    min-width: 0;
}

.morning-director-product-name {
    max-width: 100%;

    overflow: hidden;

    color: #27344d;

    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.morning-director-product-sku {
    margin-top: 2px;

    color: #8a95a9;

    font-size: 10px;
    font-weight: 600;
}

.morning-director-detailed-text {
    color: #3a465b;

    font-size: 13px;
    line-height: 1.5;
}


/* Mobile */

@media (max-width: 700px) {

    #analyticsSection
    #morningDirectorCard {
        margin: 10px 0 14px !important;
        padding: 10px 12px !important;
    }

    .morning-director-product-image {
        width: 34px;
        height: 34px;
        min-width: 34px;
    }
}



/* ==========================================================
   MP DIRECTOR PERIOD INSIDE KPI ROW v1
   ========================================================== */


/* Старую отдельную строку периода больше не показываем */

#analyticsPeriodCompactBar {
    display: none !important;
}


/* ----------------------------------------------------------
   KPI row:
   3 основные карточки + компактный ДРР + Период
   ---------------------------------------------------------- */

#analyticsSection .kpi-primary-grid {
    display: grid !important;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(0, 1.15fr)
        minmax(0, 1.05fr)
        minmax(150px, .72fr)
        minmax(175px, .82fr) !important;

    gap: 14px !important;
    align-items: stretch !important;
}


/* ДРР делаем компактнее */

#analyticsSection .kpi-primary.kpi-drr {
    min-width: 0 !important;
}

#analyticsSection .kpi-primary.kpi-drr .kpi-icon {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
}

#analyticsSection .kpi-primary.kpi-drr .kpi-content strong {
    font-size: 25px !important;
}


/* ----------------------------------------------------------
   Карточка "Период"
   ---------------------------------------------------------- */

#analyticsPeriodKpiCard {
    min-width: 0 !important;

    display: flex !important;
    align-items: center !important;

    gap: 12px !important;

    height: 100% !important;

    padding: 18px 16px !important;

    border: 1px solid #e5eaf3 !important;
    border-radius: 20px !important;

    background: #ffffff !important;

    box-shadow:
        0 8px 24px
        rgba(34, 51, 84, .045) !important;
}

#analyticsPeriodKpiCard .kpi-period-icon {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 13px !important;

    background: #eef3ff !important;
    color: #3568f5 !important;
}

#analyticsPeriodKpiCard .kpi-period-icon svg {
    width: 20px;
    height: 20px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

#analyticsPeriodKpiCard .kpi-period-content {
    flex: 1;
    min-width: 0;
}

#analyticsPeriodKpiCard .kpi-period-content > span {
    display: block;

    margin-bottom: 7px;

    color: #8290a7;

    font-size: 11px;
    font-weight: 700;

    text-transform: uppercase;
}


/* Убираем старое оформление контейнера периода */

#analyticsPeriodKpiCard .analytics-period {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Сам select теперь выглядит как часть KPI */

#analyticsPeriodKpiCard #periodSelect {
    width: 100% !important;
    min-width: 0 !important;
    height: 36px !important;

    margin: 0 !important;
    padding: 0 28px 0 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background-color: transparent !important;

    box-shadow: none !important;

    color: #202c45 !important;

    font-size: 15px !important;
    font-weight: 750 !important;

    cursor: pointer;
}


/* Свой период раскрывается аккуратно под KPI */

#analyticsPeriodKpiCard #customPeriod:not([hidden]) {
    position: absolute;
    z-index: 50;

    display: flex;

    gap: 7px;

    margin-top: 10px;
    padding: 10px;

    border: 1px solid #e1e7f0;
    border-radius: 12px;

    background: #ffffff;

    box-shadow:
        0 12px 28px
        rgba(30, 45, 80, .12);
}

#analyticsPeriodKpiCard {
    position: relative;
}


/* ----------------------------------------------------------
   Планшет
   ---------------------------------------------------------- */

@media (max-width: 1250px) {

    #analyticsSection .kpi-primary-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr))
            minmax(145px, .75fr)
            minmax(165px, .85fr) !important;
    }

    #analyticsPeriodKpiCard {
        padding: 15px 13px !important;
    }
}


/* ----------------------------------------------------------
   Mobile — период переносим на отдельную строку
   ---------------------------------------------------------- */

@media (max-width: 900px) {

    #analyticsSection .kpi-primary-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }

    #analyticsPeriodKpiCard {
        min-height: 92px;
    }
}

@media (max-width: 560px) {

    #analyticsSection .kpi-primary-grid {
        grid-template-columns: 1fr !important;
    }

    #analyticsPeriodKpiCard {
        min-height: auto;
    }
}



/* MP DIRECTOR KPI DRR + PERIOD EQUAL SIZE v1 */

#analyticsSection .kpi-primary-grid {
    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(0, 1.15fr)
        minmax(0, 1.05fr)
        minmax(165px, .80fr)
        minmax(165px, .80fr) !important;
}

#analyticsSection .kpi-primary.kpi-drr,
#analyticsPeriodKpiCard {
    min-width: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

@media (max-width: 1250px) {
    #analyticsSection .kpi-primary-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr))
            minmax(155px, .80fr)
            minmax(155px, .80fr) !important;
    }
}



/* ==========================================================
   PERIOD KPI CARD — same style as other KPI blocks
   ========================================================== */

#analyticsPeriodKpiCard {
    display: flex;
    align-items: center;
    gap: 18px;

    min-height: 162px;
    padding: 22px 28px !important;

    border: 1px solid #e8edf5;
    border-radius: 26px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(31, 45, 78, .04);
}

#analyticsPeriodKpiCard .kpi-primary-icon,
#analyticsPeriodKpiCard .analytics-period-kpi-icon,
#analyticsPeriodKpiCard .analytics-period-icon {
    width: 78px;
    height: 78px;
    min-width: 78px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 22px;
    background: #eef2fb;
    color: #3f67ea;
}

#analyticsPeriodKpiCard .kpi-primary-icon svg,
#analyticsPeriodKpiCard .analytics-period-kpi-icon svg,
#analyticsPeriodKpiCard .analytics-period-icon svg {
    width: 34px;
    height: 34px;
    stroke-width: 1.8;
}

#analyticsPeriodKpiCard .kpi-primary-content,
#analyticsPeriodKpiCard .analytics-period-kpi-content,
#analyticsPeriodKpiCard .analytics-period-content {
    flex: 1;
    min-width: 0;
}

#analyticsPeriodKpiCard .kpi-primary-label,
#analyticsPeriodKpiCard .analytics-period-kpi-label,
#analyticsPeriodKpiCard .analytics-period-label {
    margin: 0 0 10px;
    color: #8d98ae;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

#analyticsPeriodKpiCard .analytics-period,
#analyticsPeriodKpiCard .analytics-period-compact-mount,
#analyticsPeriodKpiCard .analytics-period-kpi-select {
    width: 100%;
}

#analyticsPeriodKpiCard #periodSelect {
    width: 100%;
    min-width: 0;
    height: auto;

    padding: 0 34px 0 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;

    color: #1f2b46;
    font-size: 30px;
    font-weight: 800;
    line-height: 1.1;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-image:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23334057' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 18px 18px;

    cursor: pointer;
}

#analyticsPeriodKpiCard #periodSelect:focus {
    outline: none;
}

#analyticsPeriodKpiCard #customPeriod {
    margin-top: 10px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

#analyticsPeriodKpiCard #customPeriod input {
    height: 38px;
    padding: 0 10px;

    border: 1px solid #e1e7f0;
    border-radius: 10px;
    background: #f8faff;

    color: #334057;
    font-size: 12px;
    font-weight: 600;
}

#analyticsPeriodKpiCard .analytics-period-note,
#analyticsPeriodKpiCard .kpi-primary-subtitle {
    margin-top: 8px;
    color: #9aa4b6;
    font-size: 12px;
    line-height: 1.35;
}

@media (max-width: 1250px) {
    #analyticsPeriodKpiCard {
        min-height: 150px;
        padding: 20px 22px !important;
    }

    #analyticsPeriodKpiCard #periodSelect {
        font-size: 26px;
    }

    #analyticsPeriodKpiCard .kpi-primary-icon,
    #analyticsPeriodKpiCard .analytics-period-kpi-icon,
    #analyticsPeriodKpiCard .analytics-period-icon {
        width: 68px;
        height: 68px;
        min-width: 68px;
        border-radius: 20px;
    }
}

@media (max-width: 700px) {
    #analyticsPeriodKpiCard {
        min-height: auto;
        padding: 18px 18px !important;
        gap: 14px;
    }

    #analyticsPeriodKpiCard #periodSelect {
        font-size: 24px;
    }

    #analyticsPeriodKpiCard .kpi-primary-icon,
    #analyticsPeriodKpiCard .analytics-period-kpi-icon,
    #analyticsPeriodKpiCard .analytics-period-icon {
        width: 58px;
        height: 58px;
        min-width: 58px;
        border-radius: 17px;
    }
}


/* ==========================================================
   KPI ROW NORMALIZATION — period block aligned like others
   ========================================================== */

/* Общая высота и внутреннее выравнивание всех 4 карточек */
.kpi-primary-grid > *,
.kpi-primary-row > * {
    display: flex;
    align-items: center;
}

/* Общая иконка для KPI */
.kpi-primary-icon,
.analytics-period-icon,
.analytics-period-kpi-icon,
#analyticsPeriodKpiCard .kpi-primary-icon {
    width: 82px;
    height: 82px;
    min-width: 82px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 22px;
}

/* Размер svg-иконки как у остальных */
.kpi-primary-icon svg,
.analytics-period-icon svg,
.analytics-period-kpi-icon svg,
#analyticsPeriodKpiCard .kpi-primary-icon svg {
    width: 34px;
    height: 34px;
}

/* Общий текстовый контейнер */
.kpi-primary-content,
.analytics-period-content,
.analytics-period-kpi-content,
#analyticsPeriodKpiCard .kpi-primary-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    flex: 1;
}

/* Единый стиль заголовков во всех KPI */
.kpi-primary-label,
.analytics-period-label,
.analytics-period-kpi-label,
#analyticsPeriodKpiCard .kpi-primary-label {
    margin: 0 0 12px 0 !important;

    color: #8592a8 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

/* Единый стиль главного значения */
.kpi-primary-value,
.analytics-period-value,
.analytics-period-kpi-value,
#analyticsPeriodKpiCard #periodSelect {
    color: #1f2b46 !important;
    font-size: 28px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
}

/* Единый стиль подписи снизу */
.kpi-primary-subtitle,
.kpi-primary-note,
.analytics-period-note,
#analyticsPeriodKpiCard .kpi-primary-subtitle {
    margin-top: 10px !important;

    color: #97a3b7 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
}

/* Сам блок периода — как обычная KPI-карточка */
#analyticsPeriodKpiCard {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
}

/* Иконка периода ровно по центру, без перекоса */
#analyticsPeriodKpiCard .kpi-primary-icon,
#analyticsPeriodKpiCard .analytics-period-icon,
#analyticsPeriodKpiCard .analytics-period-kpi-icon {
    align-self: center !important;
    margin: 0 !important;
}

/* Контент периода занимает остальную ширину */
#analyticsPeriodKpiCard .kpi-primary-content,
#analyticsPeriodKpiCard .analytics-period-content,
#analyticsPeriodKpiCard .analytics-period-kpi-content {
    justify-content: center !important;
}

/* Убираем вид "инпута", оставляем как обычное значение KPI */
#analyticsPeriodKpiCard #periodSelect {
    width: 100%;
    min-width: 0;
    height: auto !important;

    padding: 0 28px 0 0 !important;
    margin: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    box-shadow: none !important;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-image:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23334057' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 18px 18px;

    cursor: pointer;
}

/* Если есть custom period */
#analyticsPeriodKpiCard #customPeriod {
    margin-top: 8px;
}

@media (max-width: 700px) {
    .kpi-primary-icon,
    .analytics-period-icon,
    .analytics-period-kpi-icon,
    #analyticsPeriodKpiCard .kpi-primary-icon {
        width: 68px;
        height: 68px;
        min-width: 68px;
        border-radius: 18px;
    }

    .kpi-primary-icon svg,
    .analytics-period-icon svg,
    .analytics-period-kpi-icon svg,
    #analyticsPeriodKpiCard .kpi-primary-icon svg {
        width: 28px;
        height: 28px;
    }

    .kpi-primary-value,
    .analytics-period-value,
    .analytics-period-kpi-value,
    #analyticsPeriodKpiCard #periodSelect {
        font-size: 24px !important;
    }

    .kpi-primary-label,
    .analytics-period-label,
    .analytics-period-kpi-label,
    #analyticsPeriodKpiCard .kpi-primary-label {
        font-size: 12px !important;
    }
}


/* ==========================================================
   PERIOD KPI CARD FIX
   Делаем блок "Период" визуально как остальные карточки
   ========================================================== */

#analyticsPeriodKpiCard {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
}

/* Иконка как в остальных KPI */
#analyticsPeriodKpiCard .kpi-primary-icon,
#analyticsPeriodKpiCard .analytics-period-icon,
#analyticsPeriodKpiCard .analytics-period-kpi-icon {
    width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;

    margin: 0 !important;
    border-radius: 22px !important;
}

/* Размер самой иконки */
#analyticsPeriodKpiCard .kpi-primary-icon svg,
#analyticsPeriodKpiCard .analytics-period-icon svg,
#analyticsPeriodKpiCard .analytics-period-kpi-icon svg {
    width: 34px !important;
    height: 34px !important;
}

/* Контент справа от иконки */
#analyticsPeriodKpiCard .kpi-primary-content,
#analyticsPeriodKpiCard .analytics-period-content,
#analyticsPeriodKpiCard .analytics-period-kpi-content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0 !important;
    flex: 1 !important;
}

/* Заголовок "ПЕРИОД" — как на других карточках */
#analyticsPeriodKpiCard .kpi-primary-label,
#analyticsPeriodKpiCard .analytics-period-label,
#analyticsPeriodKpiCard .analytics-period-kpi-label {
    margin: 0 0 10px 0 !important;

    color: #8592a8 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

/* Сам select: уменьшаем текст "Сегодня", чтобы влезал */
#analyticsPeriodKpiCard #periodSelect {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: 46px !important;
    padding: 0 36px 0 14px !important;

    border: 1px solid #e0e6f0 !important;
    border-radius: 16px !important;
    background-color: #ffffff !important;
    box-shadow: none !important;

    color: #1f2b46 !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-image:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23334057' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 18px 18px;
}

/* На случай кастомного периода */
#analyticsPeriodKpiCard #customPeriod {
    margin-top: 8px !important;
}

/* Мобильная версия */
@media (max-width: 700px) {
    #analyticsPeriodKpiCard .kpi-primary-icon,
    #analyticsPeriodKpiCard .analytics-period-icon,
    #analyticsPeriodKpiCard .analytics-period-kpi-icon {
        width: 68px !important;
        height: 68px !important;
        min-width: 68px !important;
        border-radius: 18px !important;
    }

    #analyticsPeriodKpiCard .kpi-primary-icon svg,
    #analyticsPeriodKpiCard .analytics-period-icon svg,
    #analyticsPeriodKpiCard .analytics-period-kpi-icon svg {
        width: 28px !important;
        height: 28px !important;
    }

    #analyticsPeriodKpiCard .kpi-primary-label,
    #analyticsPeriodKpiCard .analytics-period-label,
    #analyticsPeriodKpiCard .analytics-period-kpi-label {
        font-size: 12px !important;
    }

    #analyticsPeriodKpiCard #periodSelect {
        font-size: 14px !important;
        height: 42px !important;
    }
}


/* ==========================================================
   PERIOD CARD EXACT KPI LAYOUT v1
   ========================================================== */

#analyticsPeriodKpiCard {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 18px !important;

    padding: 22px 24px !important;
}


/* ИКОНКА — ровно как у ДРР */

#analyticsPeriodKpiCard .kpi-period-icon {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;

    border-radius: 18px !important;

    background: #eef3ff !important;
    color: #3568f5 !important;
}

#analyticsPeriodKpiCard .kpi-period-icon svg {
    width: 28px !important;
    height: 28px !important;
}


/* ПРАВАЯ ЧАСТЬ */

#analyticsPeriodKpiCard .kpi-period-content {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;

    min-width: 0 !important;

    text-align: left !important;
}


/* ПЕРИОД — как ДРР */

#analyticsPeriodKpiCard
.kpi-period-content > span {
    display: block !important;

    margin: 0 0 7px 0 !important;

    color: #8390a6 !important;

    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;

    letter-spacing: .04em !important;
    text-transform: uppercase !important;

    text-align: left !important;
}


/* Контейнер select */

#analyticsPeriodKpiMount,
#analyticsPeriodKpiCard .analytics-period {
    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* СЕГОДНЯ — как главное значение KPI */

#analyticsPeriodKpiCard #periodSelect {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 22px 0 0 !important;

    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;

    background-color: transparent !important;
    box-shadow: none !important;

    color: #17233d !important;

    font-size: 20px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;

    text-align: left !important;

    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;

    background-image:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236f7b91' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>") !important;

    background-repeat: no-repeat !important;
    background-position: right center !important;
    background-size: 14px 14px !important;

    cursor: pointer !important;
}


/* Никакой рамки при фокусе */

#analyticsPeriodKpiCard #periodSelect:focus,
#analyticsPeriodKpiCard #periodSelect:active {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}


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

@media (max-width: 700px) {

    #analyticsPeriodKpiCard {
        gap: 14px !important;
        padding: 18px !important;
    }

    #analyticsPeriodKpiCard .kpi-period-icon {
        width: 56px !important;
        height: 56px !important;
        min-width: 56px !important;

        border-radius: 16px !important;
    }

    #analyticsPeriodKpiCard .kpi-period-icon svg {
        width: 25px !important;
        height: 25px !important;
    }

    #analyticsPeriodKpiCard
    .kpi-period-content > span {
        font-size: 12px !important;
    }

    #analyticsPeriodKpiCard #periodSelect {
        font-size: 18px !important;
    }
}



/* ==========================================================
   PERIOD CARD FINAL SIZE FIX v1
   ========================================================== */

#analyticsPeriodKpiCard {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;

    padding: 18px 20px !important;
}


/* Иконка периода — размер как у ДРР */

#analyticsPeriodKpiCard .kpi-icon.kpi-period-icon,
#analyticsPeriodKpiCard .kpi-period-icon {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;

    flex: 0 0 56px !important;

    padding: 0 !important;
    margin: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 16px !important;
}

#analyticsPeriodKpiCard .kpi-period-icon svg {
    width: 25px !important;
    height: 25px !important;
}


/* Правая часть */

#analyticsPeriodKpiCard .kpi-period-content {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;

    min-width: 0 !important;

    padding: 0 !important;
    margin: 0 !important;
}


/* Заголовок ПЕРИОД как остальные KPI */

#analyticsPeriodKpiCard
.kpi-period-content > span {
    margin: 0 0 6px 0 !important;

    color: #8390a6 !important;

    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;

    letter-spacing: .04em !important;
    text-transform: uppercase !important;

    text-align: left !important;
}


/* Сегодня — компактно, без отдельной карточки */

#analyticsPeriodKpiCard #periodSelect {
    width: 100% !important;
    min-width: 90px !important;
    max-width: 120px !important;

    height: 30px !important;

    margin: 0 !important;
    padding: 0 22px 0 0 !important;

    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;

    background-color: transparent !important;

    box-shadow: none !important;

    color: #17233d !important;

    font-size: 16px !important;
    line-height: 30px !important;
    font-weight: 800 !important;

    text-align: left !important;

    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;

    background-image:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236f7b91' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>") !important;

    background-repeat: no-repeat !important;
    background-position: right center !important;
    background-size: 12px 12px !important;

    cursor: pointer !important;
}

#analyticsPeriodKpiCard #periodSelect:focus {
    outline: 0 !important;
    box-shadow: none !important;
}


/* Убираем всё, что могло раздувать блок из прошлых CSS */

#analyticsPeriodKpiCard
#analyticsPeriodKpiMount,
#analyticsPeriodKpiCard
.analytics-period {
    width: auto !important;
    min-width: 0 !important;

    padding: 0 !important;
    margin: 0 !important;
}



/* ==========================================================
   PERIOD CARD — FINAL MATCH WITH DRR
   ========================================================== */

#analyticsPeriodKpiCard {
    padding: 20px 22px !important;
    gap: 16px !important;

    display: flex !important;
    align-items: center !important;
}


/* Иконка периода — того же визуального масштаба, что ДРР */

#analyticsPeriodKpiCard > .kpi-icon.kpi-period-icon {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;

    flex: 0 0 52px !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 15px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#analyticsPeriodKpiCard > .kpi-icon.kpi-period-icon svg {
    width: 23px !important;
    height: 23px !important;
}


/* Правая часть карточки */

#analyticsPeriodKpiCard > .kpi-period-content {
    flex: 1 1 auto !important;
    min-width: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ПЕРИОД — вровень с ДРР */

#analyticsPeriodKpiCard
> .kpi-period-content
> span {
    margin: 0 0 8px 0 !important;
    padding: 0 !important;

    color: #8390a6 !important;

    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 800 !important;

    letter-spacing: .04em !important;
    text-transform: uppercase !important;

    text-align: left !important;
}


/* Убираем любые размеры/рамки промежуточных контейнеров */

#analyticsPeriodKpiMount,
#analyticsPeriodKpiCard .analytics-period {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
}


/* "Сегодня" — как обычное значение KPI */

#analyticsPeriodKpiCard #periodSelect {
    display: block !important;

    width: 100% !important;
    max-width: 130px !important;
    min-width: 0 !important;

    height: 26px !important;

    margin: 0 !important;
    padding: 0 20px 0 0 !important;

    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;

    background-color: transparent !important;

    box-shadow: none !important;

    color: #17233d !important;

    font-size: 16px !important;
    line-height: 26px !important;
    font-weight: 800 !important;

    text-align: left !important;

    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;

    background-image:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%2378869c' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>") !important;

    background-repeat: no-repeat !important;
    background-position: right center !important;
    background-size: 11px 11px !important;

    cursor: pointer !important;
}


/* Полностью убираем эффект внутренней карточки */

#analyticsPeriodKpiCard #periodSelect:hover,
#analyticsPeriodKpiCard #periodSelect:focus,
#analyticsPeriodKpiCard #periodSelect:active {
    border: 0 !important;
    outline: 0 !important;
    background-color: transparent !important;
    box-shadow: none !important;
}



/* ==========================================================
   PERIOD CARD FINAL COMPACT FIX v2
   ========================================================== */

/* Карточку не раздуваем */
#analyticsPeriodKpiCard {
    gap: 12px !important;
    padding: 18px 16px !important;
}


/* ИКОНКА — ТОЧНО КАК ДРР */
#analyticsPeriodKpiCard > .kpi-icon.kpi-period-icon,
#analyticsPeriodKpiCard .kpi-period-icon {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;

    flex: 0 0 42px !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 13px !important;

    align-self: center !important;
}

#analyticsPeriodKpiCard .kpi-period-icon svg {
    width: 20px !important;
    height: 20px !important;
}


/* Текстовый блок */
#analyticsPeriodKpiCard .kpi-period-content {
    min-width: 0 !important;
    flex: 1 1 auto !important;

    align-items: flex-start !important;
    justify-content: center !important;

    padding: 0 !important;
}


/* ПЕРИОД — такого же размера как ДРР */
#analyticsPeriodKpiCard
.kpi-period-content > span {
    margin: 0 0 5px 0 !important;
    padding: 0 !important;

    font-size: 12px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;

    text-align: left !important;
}


/* Сегодня — маленькое и полностью помещается */
#analyticsPeriodKpiCard #periodSelect {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 24px !important;

    margin: 0 !important;
    padding: 0 18px 0 0 !important;

    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;

    background-color: transparent !important;
    box-shadow: none !important;

    color: #17233d !important;

    font-size: 13px !important;
    line-height: 24px !important;
    font-weight: 800 !important;

    white-space: nowrap !important;
    text-overflow: clip !important;

    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;

    background-image:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2378869c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>") !important;

    background-repeat: no-repeat !important;
    background-position: right center !important;
    background-size: 10px 10px !important;
}


/* Убираем остатки старого оформления */
#analyticsPeriodKpiCard #analyticsPeriodKpiMount,
#analyticsPeriodKpiCard .analytics-period {
    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
}



/* PERIOD ICON TOP ALIGN v1 */

#analyticsPeriodKpiCard {
    align-items: flex-start !important;
}

#analyticsPeriodKpiCard > .kpi-icon.kpi-period-icon,
#analyticsPeriodKpiCard .kpi-period-icon {
    align-self: flex-start !important;
    margin-top: 0 !important;
}

#analyticsPeriodKpiCard .kpi-period-content {
    padding-top: 3px !important;
}



/* PERIOD LABEL MATCH DRR v1 */

#analyticsPeriodKpiCard
.kpi-period-content > span {
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: .04em !important;
    margin-bottom: 6px !important;
}



/* PERIOD TODAY CENTERED LOWER v1 */

#analyticsPeriodKpiCard .kpi-period-content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
}

#analyticsPeriodKpiCard
.kpi-period-content > span {
    text-align: left !important;
}

#analyticsPeriodKpiCard
#analyticsPeriodKpiMount {
    width: 100% !important;
    margin-top: 12px !important;
}

#analyticsPeriodKpiCard
.analytics-period {
    width: 100% !important;
}

#analyticsPeriodKpiCard
#periodSelect {
    width: 100% !important;
    max-width: none !important;

    padding-left: 0 !important;
    padding-right: 18px !important;

    text-align: center !important;
    text-align-last: center !important;

    font-size: 13px !important;
    font-weight: 800 !important;

    background-position:
        calc(50% + 42px) center !important;
}



/* PERIOD CARD: TOP ICON+TITLE, BOTTOM CENTER SELECT */

#analyticsPeriodKpiCard {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;

    column-gap: 12px !important;
    row-gap: 12px !important;

    align-items: center !important;

    padding: 18px 16px !important;
}

/* Иконка — верх слева */
#analyticsPeriodKpiCard > .kpi-period-icon {
    grid-column: 1 !important;
    grid-row: 1 !important;

    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;

    margin: 0 !important;
    align-self: center !important;
}

/* Контент верхней строки */
#analyticsPeriodKpiCard > .kpi-period-content {
    display: contents !important;
}

/* ПЕРИОД — верх справа */
#analyticsPeriodKpiCard
.kpi-period-content > span {
    grid-column: 2 !important;
    grid-row: 1 !important;

    align-self: center !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;

    text-align: left !important;
}

/* Нижняя строка занимает всю карточку */
#analyticsPeriodKpiMount {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

#analyticsPeriodKpiMount .analytics-period {
    width: 100% !important;

    display: flex !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Сегодня — снизу по центру ВСЕЙ карточки */
#analyticsPeriodKpiCard #periodSelect {
    width: auto !important;
    min-width: 105px !important;
    max-width: 130px !important;

    height: 30px !important;

    margin: 0 auto !important;
    padding: 0 20px 0 0 !important;

    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;

    background-color: transparent !important;
    box-shadow: none !important;

    color: #17233d !important;

    font-size: 13px !important;
    line-height: 30px !important;
    font-weight: 800 !important;

    text-align: center !important;
    text-align-last: center !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    background-image:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2378869c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>") !important;

    background-repeat: no-repeat !important;
    background-position: right center !important;
    background-size: 10px 10px !important;
}



/* PERIOD SELECT SLIGHTLY UP */

#analyticsPeriodKpiCard {
    row-gap: 6px !important;
}

#analyticsPeriodKpiMount {
    transform: translateY(-5px);
}



/* ==========================================================
   MORNING DIRECTOR STOCK ANALYSIS v1
   ========================================================== */

.morning-director-stock-section {
    margin-top: 16px;
    padding: 20px;

    border: 1px solid #e3e8f2;
    border-radius: 18px;

    background: #fff;

    box-shadow:
        0 8px 24px
        rgba(32, 48, 82, .04);
}

.morning-director-stock-head {
    margin-bottom: 16px;
}

.morning-director-stock-head h3 {
    margin: 3px 0 4px;

    color: #202b43;

    font-size: 18px;
}

.morning-director-stock-head p {
    margin: 0;

    color: #8b95a8;

    font-size: 12px;
}

.morning-director-stock-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.morning-director-stock-product {
    overflow: hidden;

    border: 1px solid #e8ecf3;
    border-radius: 15px;

    background: #fbfcff;
}

.morning-director-stock-product-top {
    display: grid;
    grid-template-columns:
        48px minmax(0, 1fr) auto;

    align-items: center;
    gap: 11px;

    padding: 12px 14px;

    background: #fff;
}

.morning-director-stock-image {
    width: 46px;
    height: 46px;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;

    border: 1px solid #edf0f5;
    border-radius: 10px;

    background: #fff;
}

.morning-director-stock-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.morning-director-stock-info {
    min-width: 0;
}

.morning-director-stock-info > strong {
    display: block;

    overflow: hidden;

    color: #25324a;

    font-size: 13px;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.morning-director-stock-meta {
    margin-top: 3px;

    color: #8994a7;

    font-size: 10px;
}

.morning-director-stock-total {
    text-align: right;
}

.morning-director-stock-total span,
.morning-director-stock-cluster-need span {
    display: block;

    color: #929caf;

    font-size: 10px;
}

.morning-director-stock-total strong {
    color: #315fd9;

    font-size: 15px;
}

.morning-director-stock-clusters {
    padding: 5px 14px 10px;
}

.morning-director-stock-cluster {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 14px;

    padding: 9px 0;

    border-top: 1px solid #edf0f5;
}

.morning-director-stock-cluster-name {
    min-width: 0;
}

.morning-director-stock-cluster-name strong {
    display: block;

    color: #354159;

    font-size: 12px;
}

.morning-director-stock-cluster-name span {
    display: block;
    margin-top: 2px;

    color: #929caf;

    font-size: 10px;
}

.morning-director-stock-cluster-need {
    flex: 0 0 auto;

    text-align: right;
}

.morning-director-stock-cluster-need strong {
    color: #d85d4c;

    font-size: 13px;
}

.morning-director-stock-in-supply {
    padding: 8px 14px;

    border-top: 1px solid #e6ebf3;

    background: #f4f7ff;

    color: #5970a3;

    font-size: 10px;
    font-weight: 600;
}

.morning-director-stock-empty {
    padding: 16px;

    border-radius: 12px;

    background: #f7faf8;

    color: #568068;

    font-size: 12px;
}

@media (max-width: 700px) {

    .morning-director-stock-product-top {
        grid-template-columns:
            42px minmax(0, 1fr);
    }

    .morning-director-stock-total {
        grid-column: 1 / -1;

        text-align: left;
    }

    .morning-director-stock-cluster {
        align-items: flex-start;
    }
}



/* ==========================================================
   MORNING DIRECTOR — PRODUCT + RECOMMENDATION AS ONE CARD
   ========================================================== */

.morning-director-detailed-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

/* Весь вывод — единая карточка */
.morning-director-detailed-item {
    overflow: hidden !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid #dfe6f3 !important;
    border-radius: 16px !important;

    background: #fbfcff !important;

    box-shadow:
        0 5px 18px rgba(40, 60, 100, .06),
        inset 4px 0 0 #5274e7 !important;
}

/* Верх карточки: товар */
.morning-director-detailed-item
.morning-director-products {
    margin: 0 !important;
    padding: 12px 16px 10px !important;

    border-bottom: 1px solid #e6ebf4 !important;

    background: #f5f7fc !important;
}

/* Убираем эффект отдельной карточки у самого товара */
.morning-director-detailed-item
.morning-director-product {
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    box-shadow: none !important;
}

/* Если в одном выводе несколько SKU */
.morning-director-detailed-item
.morning-director-product
+ .morning-director-product {
    margin-top: 9px !important;
    padding-top: 9px !important;

    border-top: 1px solid #e2e7f0 !important;
}

/* Текст рекомендации внутри той же карточки */
.morning-director-detailed-item
.morning-director-detailed-text {
    margin: 0 !important;
    padding: 14px 18px 16px !important;

    border: 0 !important;

    color: #344159 !important;

    font-size: 14px !important;
    line-height: 1.55 !important;

    background: transparent !important;
}

/* Карточка без упомянутого SKU */
.morning-director-detailed-item
.morning-director-detailed-text:first-child {
    padding: 16px 18px !important;
}



/* ==========================================================
   MORNING DIRECTOR — UNIFIED PRODUCT/RECOMMENDATION CARD
   ========================================================== */

/* Вся карточка — один фон */
.morning-director-detailed-item {
    overflow: hidden !important;

    border: 1px solid #dfe6f3 !important;
    border-radius: 16px !important;

    background: #f6f8fc !important;

    box-shadow:
        0 5px 18px rgba(40, 60, 100, .05) !important;

    /* убираем синюю полоску */
    border-left: 1px solid #dfe6f3 !important;
    inset: auto !important;
}

/* Верх с товарами — тот же фон */
.morning-director-detailed-item
.morning-director-products {
    background: transparent !important;

    border-bottom: 1px solid #dfe6f3 !important;

    margin: 0 !important;
    padding: 12px 16px 10px !important;
}

/* Каждый товар без собственного фона */
.morning-director-detailed-item
.morning-director-product {
    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;
}

/* Разделитель между товарами */
.morning-director-detailed-item
.morning-director-product
+ .morning-director-product {
    border-top: 1px solid #dfe6f3 !important;
}

/* Текст рекомендации — тот же фон */
.morning-director-detailed-item
.morning-director-detailed-text {
    background: transparent !important;

    border: 0 !important;

    margin: 0 !important;
    padding: 14px 18px 16px !important;

    box-shadow: none !important;
}

/* На случай старого псевдоэлемента/акцента */
.morning-director-detailed-item::before,
.morning-director-detailed-item::after {
    display: none !important;
    content: none !important;
}



/* MORNING DIRECTOR — green cards with product images */

.morning-director-detailed-item.has-product-image {
    background: #f2fbf5 !important;
    border-color: #cfe8d6 !important;
}

.morning-director-detailed-item.has-product-image
.morning-director-products {
    background: transparent !important;
    border-bottom-color: #d8ebdd !important;
}

.morning-director-detailed-item.has-product-image
.morning-director-product
+ .morning-director-product {
    border-top-color: #d8ebdd !important;
}

.morning-director-detailed-item.has-product-image
.morning-director-detailed-text {
    background: transparent !important;
}



/* ==========================================================
   MORNING DIRECTOR STOCK — COMPACT + EXPAND
   ========================================================== */

.morning-director-stock-product {
    overflow: hidden !important;

    border: 1px solid #e3e8f1 !important;
    border-radius: 14px !important;

    background: #fff !important;
}

/* Верхняя строка теперь кнопка */
.morning-director-stock-product-top {
    width: 100% !important;

    display: grid !important;
    grid-template-columns:
        44px minmax(0, 1fr) auto 22px !important;

    align-items: center !important;
    gap: 10px !important;

    margin: 0 !important;
    padding: 10px 12px !important;

    border: 0 !important;

    background: #fff !important;

    color: inherit !important;

    font: inherit !important;
    text-align: left !important;

    cursor: pointer !important;
}

/* hover */
.morning-director-stock-product-top:hover {
    background: #f8faff !important;
}

/* картинка компактнее */
.morning-director-stock-image {
    width: 42px !important;
    height: 42px !important;
}

/* название */
.morning-director-stock-info > strong {
    font-size: 12px !important;
    line-height: 1.25 !important;
}

/* мета */
.morning-director-stock-meta {
    margin-top: 2px !important;

    font-size: 9px !important;
}

/* итог */
.morning-director-stock-total {
    min-width: 82px !important;

    text-align: right !important;
}

.morning-director-stock-total span {
    font-size: 9px !important;
}

.morning-director-stock-total strong {
    display: block !important;

    margin-top: 1px !important;

    font-size: 14px !important;
    line-height: 1.15 !important;

    color: #315fd9 !important;
}

/* стрелка */
.morning-director-stock-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 22px !important;
    height: 22px !important;

    color: #7e8aa1 !important;

    font-size: 18px !important;
    line-height: 1 !important;

    transition:
        transform .18s ease !important;
}

.morning-director-stock-product.is-open
.morning-director-stock-toggle {
    transform: rotate(180deg) !important;
}

/* список кластеров */
.morning-director-stock-clusters {
    padding: 0 12px 8px !important;

    border-top: 1px solid #edf0f5 !important;

    background: #fbfcff !important;
}

.morning-director-stock-clusters[hidden] {
    display: none !important;
}

.morning-director-stock-cluster {
    padding: 8px 0 !important;
}

/* активные поставки */
.morning-director-stock-in-supply {
    padding: 7px 12px !important;

    font-size: 9px !important;
}

@media (max-width: 700px) {

    .morning-director-stock-product-top {
        grid-template-columns:
            40px minmax(0, 1fr) auto 20px !important;

        gap: 8px !important;
    }

    .morning-director-stock-total {
        min-width: 70px !important;
    }

    .morning-director-stock-meta {
        display: none !important;
    }
}


/* ==========================================================
   MOBILE KPI GRID RECOVERY v1
   Recent desktop 5-column KPI rules must not override mobile.
   ========================================================== */
@media (max-width: 900px) {
    #dashboard #analyticsSection .kpi-primary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
    }

    #dashboard #analyticsSection .kpi-primary,
    #dashboard #analyticsSection #analyticsPeriodKpiCard {
        min-width: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
}


/* ==========================================================
   MOBILE PERIOD FULL-WIDTH COMPACT v1
   Период занимает ширину двух KPI, но остаётся низкой плашкой.
   ========================================================== */
@media (max-width: 900px) {
    #dashboard #analyticsSection #analyticsPeriodKpiCard {
        grid-column: 1 / -1 !important;
        min-height: 62px !important;
        height: auto !important;
        padding: 10px 14px !important;
        gap: 10px !important;
        align-items: center !important;
        border-radius: 15px !important;
    }

    #dashboard #analyticsSection #analyticsPeriodKpiCard > .kpi-icon.kpi-period-icon,
    #dashboard #analyticsSection #analyticsPeriodKpiCard .kpi-period-icon {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        flex: 0 0 36px !important;
        align-self: center !important;
        margin: 0 !important;
        border-radius: 11px !important;
    }

    #dashboard #analyticsSection #analyticsPeriodKpiCard .kpi-period-icon svg {
        width: 18px !important;
        height: 18px !important;
    }

    #dashboard #analyticsSection #analyticsPeriodKpiCard .kpi-period-content {
        display: flex !important;
        flex: 1 1 auto !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        min-width: 0 !important;
        padding: 0 !important;
    }

    #dashboard #analyticsSection #analyticsPeriodKpiCard .kpi-period-content > span {
        flex: 0 0 auto !important;
        margin: 0 !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
    }

    #dashboard #analyticsSection #analyticsPeriodKpiMount {
        width: auto !important;
        min-width: 112px !important;
        margin: 0 !important;
    }

    #dashboard #analyticsSection #analyticsPeriodKpiCard .analytics-period {
        width: auto !important;
        min-width: 112px !important;
        margin: 0 !important;
    }

    #dashboard #analyticsSection #analyticsPeriodKpiCard #periodSelect {
        width: 118px !important;
        min-width: 118px !important;
        max-width: 118px !important;
        height: 30px !important;
        padding: 0 18px 0 0 !important;
        margin: 0 !important;
        font-size: 14px !important;
        line-height: 30px !important;
        text-align: right !important;
        text-align-last: right !important;
    }

    #dashboard #analyticsSection #analyticsPeriodKpiCard #customPeriod:not([hidden]) {
        margin-top: 8px !important;
    }
}


/* ==========================================================
   MOBILE DASHBOARD TOP STORE v1
   Убираем отдельную плашку "Личный кабинет" и переносим
   магазин / тариф / обновление в верхнюю плашку.
   ========================================================== */
.dashboard-top-store-info {
    display: none;
}

@media (max-width: 900px) {
    body.dashboard-active #dashboard .dashboard-head {
        display: none !important;
    }

    body.dashboard-active .landing-topbar {
        min-height: 68px !important;
        padding-top: 9px !important;
        padding-bottom: 9px !important;
        gap: 8px !important;
    }

    body.dashboard-active .landing-wordmark {
        display: grid !important;
        grid-template-columns: 42px minmax(0, 1fr) !important;
        grid-template-rows: auto !important;
        align-items: center !important;
        gap: 8px !important;
        flex: 1 1 auto !important;
        max-width: none !important;
        min-width: 0 !important;
        white-space: normal !important;
    }

    body.dashboard-active .landing-wordmark > .landing-brand-name {
        display: none !important;
    }

    body.dashboard-active .landing-wordmark .mp-brand-image {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        border-radius: 12px !important;
    }

    body.dashboard-active .dashboard-top-store-info {
        display: flex !important;
        min-width: 0 !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 2px !important;
        overflow: hidden !important;
        white-space: normal !important;
    }

    body.dashboard-active .dashboard-top-store-info > strong {
        display: -webkit-box !important;
        overflow: hidden !important;
        color: #17233d !important;
        font-size: 12px !important;
        line-height: 1.15 !important;
        font-weight: 800 !important;
        white-space: normal !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }

    body.dashboard-active .dashboard-top-store-info > span {
        display: block !important;
        overflow: hidden !important;
        color: #8995a9 !important;
        font-size: 8.5px !important;
        line-height: 1.15 !important;
        font-weight: 600 !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }

    body.dashboard-active .landing-nav-compact {
        max-width: 132px !important;
        flex: 0 0 132px !important;
    }

    body.dashboard-active .landing-nav-compact .pwa-install-trigger {
        width: 132px !important;
        min-width: 132px !important;
        height: 40px !important;
        padding: 0 8px !important;
    }

    body.dashboard-active .landing-nav-compact .pwa-install-trigger::after {
        font-size: 10px !important;
    }
}


/* ==========================================================
   MORNING DIRECTOR SKU CARD GROUPING v1
   Вся информация по конкретному SKU находится внутри его карточки.
   ========================================================== */
.morning-director-sku-card {
    padding: 10px !important;
    border: 1px solid #e7ebf3 !important;
    border-radius: 13px !important;
    background: #fbfcff !important;
}

.morning-director-sku-card.has-product-image {
    background: #f1faf5 !important;
    border-color: #dcefe4 !important;
}

.morning-director-sku-card .morning-director-product {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.morning-director-sku-notes {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-top: 9px;
    padding-top: 9px;
    border-top: 1px solid rgba(120, 139, 176, .14);
}

.morning-director-sku-note {
    position: relative;
    padding-left: 13px;
    color: #3a465b;
    font-size: 13px;
    line-height: 1.45;
}

.morning-director-sku-note::before {
    content: "";
    position: absolute;
    left: 1px;
    top: .62em;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #5f78ba;
}

.morning-director-general-card {
    padding: 10px 0 12px !important;
}

@media (max-width: 700px) {
    .morning-director-sku-card {
        padding: 9px !important;
    }

    .morning-director-sku-note {
        font-size: 12px;
        line-height: 1.4;
    }
}


/* ==========================================================
   MORNING DIRECTOR SUMMARY PRODUCT CHIP v1
   Мини-фото + короткое название + SKU прямо в блоке «Итог».
   ========================================================== */
.morning-director-summary-product-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 310px;
    margin: 0 3px;
    padding: 3px 7px 3px 4px;
    vertical-align: middle;
    border: 1px solid #dfe7f2;
    border-radius: 9px;
    background: #f7f9fd;
    line-height: 1.1;
    white-space: nowrap;
}

.morning-director-summary-product-chip-image {
    width: 26px;
    height: 26px;
    min-width: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid #e6eaf1;
    border-radius: 7px;
    background: #fff;
    font-size: 12px;
}

.morning-director-summary-product-chip-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.morning-director-summary-product-chip-info {
    display: inline-flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
}

.morning-director-summary-product-chip-name {
    display: block;
    max-width: 220px;
    overflow: hidden;
    color: #26344d;
    font-size: 11px;
    line-height: 1.15;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.morning-director-summary-product-chip-sku {
    display: block;
    margin-top: 2px;
    color: #8995a9;
    font-size: 9px;
    line-height: 1;
    font-weight: 650;
}

@media (max-width: 700px) {
    .morning-director-summary-product-chip {
        max-width: 240px;
    }

    .morning-director-summary-product-chip-name {
        max-width: 155px;
    }
}


/* ==========================================================
   STOCKS ZERO LAST SALE v1
   Последняя продажа показывается только в кластере с нулевым остатком.
   ========================================================== */
.stocks-cluster-last-sale {
    margin-top: 5px;
    color: #9a6a21;
    font-size: 10px;
    line-height: 1.3;
    font-weight: 600;
}

.stocks-cluster-last-sale b {
    color: #78531c;
    font-weight: 750;
}

.morning-director-stock-last-sale {
    display: block;
    margin-top: 3px;
    color: #9a6a21 !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
    font-weight: 650 !important;
}


/* ==========================================================
   PROFIT KPI SIGN BACKGROUND v1
   Прибыль до налога: плюс = зелёный фон, минус = красный.
   ========================================================== */
#dashboard #analyticsSection .kpi-primary.kpi-profit.is-positive {
    background: #eefaf4 !important;
    border-color: #d8efe3 !important;
}

#dashboard #analyticsSection .kpi-primary.kpi-profit.is-negative {
    background: #fff0f0 !important;
    border-color: #f4d5d5 !important;
}

#dashboard #analyticsSection .kpi-primary.kpi-profit.is-neutral {
    background: rgba(255,255,255,.92) !important;
}

#dashboard #analyticsSection .kpi-primary.kpi-profit.is-negative .kpi-icon {
    color: #d84b4b !important;
    background: #ffe1e1 !important;
}

#dashboard #analyticsSection .kpi-primary.kpi-profit.is-negative .kpi-content > strong {
    color: #b83c3c !important;
}

#dashboard #analyticsSection .kpi-primary.kpi-profit.is-positive .kpi-content > strong {
    color: #177a57 !important;
}


/* ==========================================================
   MONEY FLOW PROFIT SIGN BACKGROUND v1
   «Куда ушли деньги» → Прибыль до налога: плюс зелёный, минус красный.
   ========================================================== */
#dashboard #analyticsSection .money-flow-result.is-positive {
    background: linear-gradient(120deg, #edf9f3, #e3f7ed) !important;
    border-color: #cae9da !important;
}

#dashboard #analyticsSection .money-flow-result.is-positive span {
    color: #245b46 !important;
}

#dashboard #analyticsSection .money-flow-result.is-positive small {
    color: #6f8f80 !important;
}

#dashboard #analyticsSection .money-flow-result.is-positive strong {
    color: #118154 !important;
}

#dashboard #analyticsSection .money-flow-result.is-negative {
    background: linear-gradient(120deg, #fff2f2, #ffe7e7) !important;
    border-color: #f1cccc !important;
}

#dashboard #analyticsSection .money-flow-result.is-negative span {
    color: #7d3636 !important;
}

#dashboard #analyticsSection .money-flow-result.is-negative small {
    color: #a16b6b !important;
}

#dashboard #analyticsSection .money-flow-result.is-negative strong {
    color: #bd3f3f !important;
}

#dashboard #analyticsSection .money-flow-result.is-neutral {
    background: linear-gradient(120deg, #f7f8fb, #f1f3f7) !important;
    border-color: #e1e5ec !important;
}

#dashboard #analyticsSection .money-flow-result.is-neutral span,
#dashboard #analyticsSection .money-flow-result.is-neutral strong {
    color: #536078 !important;
}

#dashboard #analyticsSection .money-flow-result.is-neutral small {
    color: #8d97a8 !important;
}

/* ==========================================================
   WB CORE SETTINGS v1
   ========================================================== */
.wb-accounts-card {
    margin-top: 16px;
    border-color: #eadcf3 !important;
}

.wb-add-account-button {
    background: #8c2bd1 !important;
    border-color: #8c2bd1 !important;
    color: #fff !important;
}

.wb-account-marketplace {
    display: inline-flex;
    align-items: center;
    padding: 3px 8px;
    margin-left: 7px;
    border-radius: 999px;
    background: #f4eafd;
    color: #7c28b7;
    font-size: 10px;
    font-weight: 800;
    vertical-align: middle;
}

.wb-permissions {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 8px;
}

.wb-permission {
    padding: 3px 7px;
    border-radius: 999px;
    background: #f0f2f6;
    color: #667085;
    font-size: 10px;
    font-weight: 700;
}

.wb-permission.is-ok {
    background: #e9f8f0;
    color: #177a57;
}

.wb-permission.is-no {
    background: #fff0f0;
    color: #b83c3c;
}

/* ==========================================================
   MARKETPLACE SWITCH + WB ANALYTICS v1 — ui174
   ========================================================== */
.marketplace-switch {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
    border: 1px solid #e1e6ef;
    border-radius: 12px;
    background: #f6f8fb;
}

.marketplace-switch-button {
    min-height: 34px;
    padding: 7px 13px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #667085;
    font-size: 13px;
    font-weight: 750;
    cursor: pointer;
    transition: background .15s ease, color .15s ease, box-shadow .15s ease;
}

.marketplace-switch-button.active {
    background: #fff;
    color: #172033;
    box-shadow: 0 1px 4px rgba(15, 23, 42, .10);
}

.marketplace-switch-button[data-marketplace="wb"].active {
    color: #7c28b7;
}

.marketplace-switch-button:disabled {
    opacity: .42;
    cursor: default;
}

.wb-finance-notice {
    margin: 0 0 14px;
    padding: 11px 14px;
    border: 1px solid #eadcf3;
    border-radius: 12px;
    background: #fbf7fe;
    color: #664178;
    font-size: 12px;
    line-height: 1.45;
}

.sidebar-link.marketplace-unavailable {
    opacity: .42;
    cursor: default;
}

@media (max-width: 760px) {
    .analytics-toolbar {
        flex-wrap: wrap;
    }

    .marketplace-switch {
        order: 3;
        width: 100%;
        justify-content: stretch;
    }

    .marketplace-switch-button {
        flex: 1 1 0;
    }
}

/* ==========================================================
   VISIBLE MARKETPLACE SWITCH BAR v1 — ui176
   ========================================================== */
#analyticsSection .analytics-marketplace-bar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin: 0 0 12px;
}

#analyticsSection .analytics-marketplace-title {
    color: #8793a8;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

#analyticsSection .analytics-marketplace-bar .marketplace-switch {
    display: inline-flex !important;
}

@media (max-width: 760px) {
    #analyticsSection .analytics-marketplace-bar {
        align-items: stretch;
        flex-direction: column;
        gap: 6px;
        margin-bottom: 10px;
    }

    #analyticsSection .analytics-marketplace-title {
        padding-left: 2px;
    }

    #analyticsSection .analytics-marketplace-bar .marketplace-switch {
        width: 100%;
    }
}

/* ==========================================================
   MARKETPLACE SWITCH IN DASHBOARD HEADER v1 — ui178
   ========================================================== */
.dashboard-head-copy {
    min-width: 0;
    flex: 1 1 auto;
}

.dashboard-head-title-line {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    min-width: 0;
}

.dashboard-head-title-line > h1 {
    flex: 0 1 auto;
    min-width: 0;
}

.dashboard-head-title-line > .marketplace-switch {
    display: inline-flex !important;
    flex: 0 0 auto;
    margin: 0 0 4px 2px;
    padding: 3px;
    border-radius: 10px;
}

.dashboard-head-title-line .marketplace-switch-button {
    min-height: 30px;
    padding: 5px 11px;
    font-size: 12px;
    border-radius: 8px;
}

/* Старую строку над KPI после переноса больше не используем. */
#analyticsSection .analytics-marketplace-bar {
    display: none !important;
}

@media (max-width: 1180px) and (min-width: 901px) {
    .dashboard-head-title-line {
        gap: 8px;
    }

    .dashboard-head-title-line .marketplace-switch-button {
        padding-left: 8px;
        padding-right: 8px;
    }
}

/* ==========================================================
   WB PRODUCTS v1 — ui179
   ========================================================== */
.product-advertising-note {
    display: block;
    margin-top: 4px;
    color: #8b5c9f;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.3;
}

.mobile-product-card .product-advertising-note {
    margin-top: 3px;
}


/* ==========================================================
   SHARED MASTER PRODUCT COST — ui182
   ========================================================== */
.product-cost-edit-button {
    display: block;
    margin-top: 5px;
    padding: 0;
    border: 0;
    background: transparent;
    font: inherit;
    font-size: 11px;
    line-height: 1.25;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
    opacity: .72;
}

.product-cost-edit-button:hover,
.product-cost-edit-button:focus-visible {
    opacity: 1;
}

.product-cost-edit-button:disabled {
    cursor: wait;
    opacity: .45;
}

/* ==========================================================
   WB UNIT ECONOMICS — common Ozon renderer / ui183
   ========================================================== */
.ue-marketplace-note {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 12px;
    padding: 9px 12px;
    border: 1px solid rgba(86, 99, 246, .18);
    border-radius: 10px;
    background: rgba(86, 99, 246, .055);
    font-size: 12px;
    line-height: 1.4;
}

.ue-marketplace-note strong {
    flex: 0 0 auto;
}

.ue-marketplace-note span {
    min-width: 0;
    opacity: .78;
}

.ue-structure-bar .advertising,
.ue-structure-legend .advertising {
    background: #9b7dd4;
}

@media (max-width: 720px) {
    .ue-marketplace-note {
        align-items: flex-start;
        flex-direction: column;
        gap: 3px;
    }
}

/* ==========================================================
   WB FBS STOCKS — ui184
   ========================================================== */
.stocks-fbs-group {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #e8edf4;
}

.stocks-fbs-item {
    background: #f6fbf8;
    border-color: #dceee3;
}

.stocks-fbs-metric b {
    font-size: 20px;
    color: #334155;
}

.stocks-fbs-metric.has-stock b {
    color: #16834b;
}

.stocks-in-supply > small {
    display: block;
    margin-top: 4px;
    font-size: 10px;
    color: #94a3b8;
}

/* ==========================================================
   STOCKS FILTER + WB REGIONS — ui185
   ========================================================== */
.stocks-filter-control {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #64748b;
}

.stocks-filter-control select {
    min-width: 190px;
    height: 36px;
    padding: 0 34px 0 12px;
    border: 1px solid #dfe5ee;
    border-radius: 9px;
    background: #fff;
    color: #172033;
    font: inherit;
}

.wb-stocks-regions-panel {
    margin: 0 0 16px;
    padding: 14px;
    border: 1px solid #e8edf4;
    border-radius: 14px;
    background: #fbfcfe;
}

.wb-stocks-regions-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.wb-stocks-regions-head h4 {
    margin: 3px 0 0;
    font-size: 14px;
    color: #172033;
}

.wb-stocks-regions-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.wb-stocks-region-card {
    padding: 11px;
    border: 1px solid #e7ecf3;
    border-radius: 12px;
    background: #fff;
}

.wb-stocks-region-title,
.wb-stocks-region-warehouse {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.wb-stocks-region-title {
    margin-bottom: 8px;
}

.wb-stocks-region-title strong {
    font-size: 12px;
    color: #172033;
}

.wb-stocks-region-title span {
    font-size: 12px;
    font-weight: 700;
    color: #4f7df3;
}

.wb-stocks-region-warehouses {
    display: grid;
    gap: 6px;
}

.wb-stocks-region-warehouse {
    padding-top: 6px;
    border-top: 1px solid #eef2f7;
    font-size: 11px;
    color: #64748b;
}

.wb-stocks-region-warehouse strong {
    color: #334155;
}

.wb-stocks-regions-empty {
    grid-column: 1 / -1;
    padding: 10px 12px;
    border-radius: 10px;
    background: #f6f8fb;
    font-size: 12px;
    line-height: 1.45;
    color: #64748b;
}

@media (max-width: 900px) {
    .stocks-filter-control {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
        gap: 5px;
    }

    .stocks-filter-control select {
        width: 100%;
    }

    .wb-stocks-regions-list {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================
   WB AI PERIOD STATUS — ui189
   ========================================================== */
.ai-wb-period-status {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-top: 14px;
    padding: 12px 14px;
    border: 1px solid #f0d8a6;
    border-radius: 13px;
    background: #fffaf0;
    color: #665330;
    font-size: 12px;
    line-height: 1.45;
}

.ai-wb-period-status-icon {
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #fff2cf;
    color: #9a6b10;
    font-size: 16px;
    font-weight: 800;
}

.ai-wb-period-status strong {
    display: block;
    margin: 0 0 3px;
    color: #674d16;
    font-size: 12px;
}

.ai-product-metrics-card .ai-product-profit-hero-label {
    max-width: 420px;
}

@media (max-width: 640px) {
    .ai-wb-period-status {
        padding: 11px 12px;
    }
}

/* ==========================================================
   MARKETPLACE BRAND THEME + FIXED HEADER — ui192
   ========================================================== */

body.mp-theme-ozon {
    --market-accent: #005bff;
    --market-accent-2: #1747d1;
    --market-accent-soft: #eef4ff;
    --market-accent-soft-2: #f7faff;
    --market-border: #d7e3ff;
    --market-shadow: rgba(0, 91, 255, .18);
    --market-sidebar-start: #061b46;
    --market-sidebar-end: #03112f;
    --market-sidebar-glow: rgba(0, 91, 255, .32);
}

body.mp-theme-wb {
    --market-accent: #cb11ab;
    --market-accent-2: #7620b5;
    --market-accent-soft: #fff0fb;
    --market-accent-soft-2: #fcf7ff;
    --market-border: #efd4eb;
    --market-shadow: rgba(203, 17, 171, .20);
    --market-sidebar-start: #4a104f;
    --market-sidebar-end: #25062f;
    --market-sidebar-glow: rgba(203, 17, 171, .28);
}

/* Верхняя панель кабинета всегда занимает одно и то же место. */
#dashboard .dashboard-head {
    position: sticky !important;
    top: 0;
    z-index: 120;
    min-height: 72px;
    box-sizing: border-box;
    margin: 0 0 18px !important;
    padding: 13px 18px !important;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.97),
            rgba(255,255,255,.93)
        );
    border-bottom: 1px solid var(--market-border, #e5eaf2);
    box-shadow: 0 8px 22px rgba(15, 23, 42, .055);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

#dashboard .dashboard-head-title-line {
    flex-wrap: nowrap !important;
    gap: 12px !important;
    min-height: 34px;
}

#dashboard .dashboard-head-title-line > h1 {
    margin: 0 !important;
    white-space: nowrap;
}

#dashboard .dashboard-head-title-line > .marketplace-switch {
    flex: 0 0 auto;
    margin: 0 !important;
}

/* Геометрия переключателя не меняется при смене активного магазина. */
#dashboard .marketplace-switch {
    gap: 5px;
    padding: 4px;
    border: 1px solid #dde4ef;
    border-radius: 12px;
    background: #f2f5fa;
}

#dashboard .marketplace-switch-button {
    min-width: 68px;
    min-height: 32px;
    margin: 0 !important;
    padding: 6px 12px !important;
    border: 1px solid transparent !important;
    border-radius: 9px !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.10);
    box-shadow: none !important;
    opacity: .72;
    transform: none !important;
}

#dashboard .marketplace-switch-button[data-marketplace="ozon"] {
    background:
        linear-gradient(135deg, #005bff 0%, #1747d1 100%) !important;
}

#dashboard .marketplace-switch-button[data-marketplace="wb"] {
    background:
        linear-gradient(135deg, #cb11ab 0%, #7620b5 100%) !important;
}

#dashboard .marketplace-switch-button.marketplace-all {
    background:
        linear-gradient(135deg, #a8b2c3 0%, #7d899c 100%) !important;
}

#dashboard .marketplace-switch-button.active {
    color: #ffffff !important;
    opacity: 1;
    border-color: rgba(255,255,255,.55) !important;
    box-shadow:
        0 0 0 2px rgba(255,255,255,.72),
        0 5px 14px currentColor !important;
}

#dashboard .marketplace-switch-button[data-marketplace="ozon"].active {
    box-shadow:
        0 0 0 2px rgba(255,255,255,.78),
        0 6px 16px rgba(0,91,255,.28) !important;
}

#dashboard .marketplace-switch-button[data-marketplace="wb"].active {
    box-shadow:
        0 0 0 2px rgba(255,255,255,.78),
        0 6px 16px rgba(203,17,171,.27) !important;
}

#dashboard .marketplace-switch-button:disabled {
    color: #ffffff !important;
    opacity: .42;
}

/* Sidebar inherits the current marketplace brand. */
body.mp-theme-ozon #dashboard .app-sidebar,
body.mp-theme-wb #dashboard .app-sidebar {
    background:
        radial-gradient(
            circle at 18% 0%,
            var(--market-sidebar-glow),
            transparent 36%
        ),
        linear-gradient(
            180deg,
            var(--market-sidebar-start) 0%,
            var(--market-sidebar-end) 100%
        ) !important;
}

body.mp-theme-ozon #dashboard .sidebar-logo,
body.mp-theme-ozon #dashboard .sidebar-avatar,
body.mp-theme-wb #dashboard .sidebar-logo,
body.mp-theme-wb #dashboard .sidebar-avatar {
    background:
        linear-gradient(
            135deg,
            var(--market-accent),
            var(--market-accent-2)
        ) !important;
    box-shadow:
        0 8px 22px var(--market-shadow) !important;
}

body.mp-theme-ozon #dashboard .sidebar-link.active,
body.mp-theme-wb #dashboard .sidebar-link.active {
    background:
        linear-gradient(
            90deg,
            color-mix(in srgb, var(--market-accent) 31%, transparent),
            color-mix(in srgb, var(--market-accent) 9%, transparent)
        ) !important;
    box-shadow:
        inset 3px 0 0 var(--market-accent) !important;
    color: #ffffff !important;
}

/* AI analyst: the same layout, brand-specific accent. */
body.mp-theme-ozon #aiSection .ai-kicker,
body.mp-theme-wb #aiSection .ai-kicker {
    color: var(--market-accent) !important;
}

body.mp-theme-ozon #aiSection .ai-quick-button,
body.mp-theme-wb #aiSection .ai-quick-button,
body.mp-theme-ozon #aiSection .ai-new-conversation-button,
body.mp-theme-wb #aiSection .ai-new-conversation-button,
body.mp-theme-ozon #aiSection .ai-send-button,
body.mp-theme-wb #aiSection .ai-send-button {
    border-color: transparent !important;
    background:
        linear-gradient(
            135deg,
            var(--market-accent),
            var(--market-accent-2)
        ) !important;
    color: #ffffff !important;
    box-shadow:
        0 6px 16px var(--market-shadow) !important;
}

body.mp-theme-ozon #aiSection .ai-quick-button:hover,
body.mp-theme-wb #aiSection .ai-quick-button:hover {
    color: #ffffff !important;
    opacity: .94;
    transform: translateY(-1px);
}

body.mp-theme-ozon #aiSection .ai-conversations-panel,
body.mp-theme-wb #aiSection .ai-conversations-panel,
body.mp-theme-ozon #aiSection .ai-chat-card,
body.mp-theme-wb #aiSection .ai-chat-card {
    border-color: var(--market-border) !important;
    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            var(--market-accent-soft-2) 100%
        ) !important;
    box-shadow:
        0 10px 30px color-mix(
            in srgb,
            var(--market-accent) 8%,
            transparent
        ) !important;
}

body.mp-theme-ozon #aiSection .ai-chat-messages,
body.mp-theme-wb #aiSection .ai-chat-messages {
    background:
        linear-gradient(
            180deg,
            var(--market-accent-soft-2) 0%,
            #ffffff 100%
        ) !important;
}

body.mp-theme-ozon #aiSection .ai-message-assistant .ai-message-avatar,
body.mp-theme-wb #aiSection .ai-message-assistant .ai-message-avatar,
body.mp-theme-ozon #aiSection .ai-message-user .ai-message-bubble,
body.mp-theme-wb #aiSection .ai-message-user .ai-message-bubble {
    background:
        linear-gradient(
            135deg,
            var(--market-accent),
            var(--market-accent-2)
        ) !important;
    border-color:
        color-mix(
            in srgb,
            var(--market-accent) 28%,
            transparent
        ) !important;
    box-shadow:
        0 6px 18px var(--market-shadow) !important;
}

body.mp-theme-ozon #aiSection .ai-conversation-item.is-active,
body.mp-theme-wb #aiSection .ai-conversation-item.is-active {
    background: var(--market-accent-soft) !important;
    color: var(--market-accent) !important;
}

body.mp-theme-ozon #aiSection .ai-conversation-item.is-active .ai-conversation-title,
body.mp-theme-wb #aiSection .ai-conversation-item.is-active .ai-conversation-title {
    color: var(--market-accent) !important;
}

body.mp-theme-ozon #aiSection .ai-chat-form textarea:focus,
body.mp-theme-wb #aiSection .ai-chat-form textarea:focus {
    border-color: var(--market-accent) !important;
    box-shadow:
        0 0 0 3px
        color-mix(
            in srgb,
            var(--market-accent) 10%,
            transparent
        ) !important;
}

@media (max-width: 760px) {
    #dashboard .dashboard-head {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    #dashboard .dashboard-head-title-line {
        gap: 7px !important;
    }

    #dashboard .dashboard-head-title-line > h1 {
        font-size: 19px !important;
    }

    #dashboard .marketplace-switch-button {
        min-width: 60px;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

/* Header geometry lock — ui192 */
@media (min-width: 761px) {
    #dashboard .dashboard-head {
        height: 72px;
        max-height: 72px;
    }

    #dashboard .dashboard-head-copy {
        min-width: 0;
        overflow: visible;
    }

    #dashboard .dashboard-head #planInfo {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

/* ==========================================================
   MARKETPLACE SWITCH GEOMETRY LOCK — ui193
   ========================================================== */

@media (min-width: 761px) {
    #dashboard .dashboard-head-title-line > .marketplace-switch,
    #dashboard #analyticsMarketplaceSwitch {
        display: grid !important;
        grid-template-columns: 70px 84px 148px !important;
        gap: 5px !important;

        width: 320px !important;
        min-width: 320px !important;
        max-width: 320px !important;
        height: 42px !important;
        min-height: 42px !important;

        box-sizing: border-box !important;
        padding: 4px !important;
        margin: 0 !important;

        flex: 0 0 320px !important;
        align-items: stretch !important;
    }

    #dashboard #analyticsMarketplaceSwitch
    .marketplace-switch-button {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 32px !important;
        min-height: 32px !important;

        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 0 8px !important;

        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;

        font-size: 12px !important;
        line-height: 32px !important;
    }
}

@media (max-width: 760px) {
    #dashboard #analyticsMarketplaceSwitch {
        display: grid !important;
        grid-template-columns:
            minmax(52px, .72fr)
            minmax(64px, .92fr)
            minmax(108px, 1.55fr) !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        gap: 4px !important;
    }

    #dashboard #analyticsMarketplaceSwitch
    .marketplace-switch-button {
        width: 100% !important;
        min-width: 0 !important;
        padding: 0 6px !important;
        white-space: nowrap !important;
        font-size: 11px !important;
    }
}

/* ==========================================================
   DASHBOARD TITLE / MARKETPLACE POSITION LOCK — ui194
   ========================================================== */

@media (min-width: 901px) {
    /*
       The store name is dynamic. Keep it in a fixed column so
       Ozon/WB account names cannot move the marketplace switch.
    */
    #dashboard .dashboard-head-title-line {
        display: grid !important;
        grid-template-columns:
            310px
            320px
            minmax(0, 1fr) !important;
        column-gap: 12px !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 42px !important;
    }

    #dashboard .dashboard-cabinet-title {
        display: flex !important;
        align-items: baseline !important;

        width: 310px !important;
        min-width: 310px !important;
        max-width: 310px !important;

        margin: 0 !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }

    #dashboard .dashboard-store-inline {
        display: inline-block !important;
        min-width: 0 !important;
        max-width: 155px !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;

        vertical-align: bottom !important;
    }

    #dashboard .dashboard-head-title-line
    > #analyticsMarketplaceSwitch {
        grid-column: 2 !important;
        justify-self: start !important;
        align-self: center !important;
        margin: 0 !important;
    }

    #dashboard .dashboard-updated-inline {
        grid-column: 3 !important;

        min-width: 0 !important;
        margin: 0 !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
}

@media (min-width: 761px) and (max-width: 900px) {
    #dashboard .dashboard-head-title-line {
        display: grid !important;
        grid-template-columns:
            minmax(190px, 1fr)
            300px !important;
        gap: 10px !important;
        width: 100% !important;
    }

    #dashboard .dashboard-cabinet-title {
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }

    #dashboard .dashboard-store-inline {
        display: inline !important;
    }

    #dashboard .dashboard-updated-inline {
        display: none !important;
    }

    #dashboard #analyticsMarketplaceSwitch {
        grid-column: 2 !important;
        justify-self: end !important;
    }
}

/* ==========================================================
   STORE NAME PRIORITY IN HEADER — ui195
   ========================================================== */

#dashboard .dashboard-cabinet-title {
    display: grid !important;
    grid-template-rows: auto auto !important;
    align-content: center !important;
    row-gap: 2px !important;
    line-height: 1 !important;
}

#dashboard .dashboard-cabinet-label {
    display: block !important;
    margin: 0 !important;
    color: #8b96a8 !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1.05 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

#dashboard .dashboard-store-inline {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;

    color: #172033 !important;
    font-size: 17px !important;
    font-weight: 850 !important;
    line-height: 1.12 !important;
    letter-spacing: -.015em !important;
}

body.mp-theme-ozon #dashboard .dashboard-store-inline {
    color: #103c9c !important;
}

body.mp-theme-wb #dashboard .dashboard-store-inline {
    color: #8f178c !important;
}

@media (max-width: 760px) {
    #dashboard .dashboard-cabinet-label {
        font-size: 8px !important;
    }

    #dashboard .dashboard-store-inline {
        font-size: 15px !important;
    }
}

/* ==========================================================
   AI ANSWER VISUAL — RESTORED APPROVED FLOW ui197
   ========================================================== */

/* One natural page flow for both Ozon and WB. */
#aiSection #aiChatMessages,
#aiSection .ai-chat-messages {
    max-height: none !important;
    height: auto !important;
    overflow-y: visible !important;
}

/* Live replies and history use the same text renderer. */
#aiSection .ai-message-text {
    white-space: pre-wrap !important;
    line-height: 1.55 !important;
}

/*
   Unit economics: no KPI cards, no wide table, no inner scroll.
   Each product is only separated by a light frame.
*/
#aiSection .ai-unit-intro {
    margin: 0 0 16px !important;
    white-space: pre-wrap !important;
}

#aiSection .ai-unit-product-block {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;

    margin: 12px 0 0 !important;
    padding: 16px 18px !important;

    border: 1px solid #e3e8f2 !important;
    border-radius: 14px !important;

    background: #ffffff !important;
    box-shadow:
        0 4px 14px
        rgba(33, 48, 78, .035) !important;

    white-space: pre-wrap !important;
    line-height: 1.6 !important;

    overflow: visible !important;
    max-height: none !important;
}

#aiSection .ai-unit-product-block:first-child {
    margin-top: 0 !important;
}

body.mp-theme-ozon #aiSection .ai-unit-product-block {
    border-color: #dce6fa !important;
}

body.mp-theme-wb #aiSection .ai-unit-product-block {
    border-color: #eadbea !important;
}

@media (max-width: 700px) {
    #aiSection .ai-unit-product-block {
        padding: 14px !important;
        border-radius: 12px !important;
    }
}


/* ==========================================================
   ALL STORES + PRODUCT COMPARISON — ui198
   ========================================================== */

body.mp-theme-all {
    --market-accent: #334155;
    --market-accent-2: #0f172a;
    --market-accent-soft: #f1f5f9;
    --market-accent-soft-2: #f8fafc;
    --market-border: #dbe2ea;
    --market-shadow: rgba(15, 23, 42, .16);
    --market-sidebar-start: #182235;
    --market-sidebar-end: #0b1220;
    --market-sidebar-glow: rgba(100, 116, 139, .25);
}

body.mp-theme-compare {
    --market-accent: #6d28d9;
    --market-accent-2: #0f766e;
    --market-accent-soft: #f5f3ff;
    --market-accent-soft-2: #faf9ff;
    --market-border: #ddd6fe;
    --market-shadow: rgba(109, 40, 217, .16);
    --market-sidebar-start: #2c1b4f;
    --market-sidebar-end: #15112b;
    --market-sidebar-glow: rgba(109, 40, 217, .28);
}

body.mp-theme-all #dashboard .app-sidebar,
body.mp-theme-compare #dashboard .app-sidebar {
    background:
        radial-gradient(
            circle at 18% 0%,
            var(--market-sidebar-glow),
            transparent 36%
        ),
        linear-gradient(
            180deg,
            var(--market-sidebar-start) 0%,
            var(--market-sidebar-end) 100%
        ) !important;
}

body.mp-theme-all #dashboard .sidebar-logo,
body.mp-theme-all #dashboard .sidebar-avatar,
body.mp-theme-compare #dashboard .sidebar-logo,
body.mp-theme-compare #dashboard .sidebar-avatar {
    background:
        linear-gradient(
            135deg,
            var(--market-accent),
            var(--market-accent-2)
        ) !important;
}

body.mp-theme-all #dashboard .sidebar-link.active,
body.mp-theme-compare #dashboard .sidebar-link.active {
    background:
        linear-gradient(
            90deg,
            color-mix(in srgb, var(--market-accent) 32%, transparent),
            color-mix(in srgb, var(--market-accent) 8%, transparent)
        ) !important;
    box-shadow: inset 3px 0 0 var(--market-accent) !important;
    color: #fff !important;
}

/* Fixed four-mode switch. */
@media (min-width: 901px) {
    #dashboard .dashboard-head-title-line {
        grid-template-columns:
            245px
            440px
            minmax(150px, 220px)
            minmax(0, 1fr) !important;
        column-gap: 10px !important;
    }

    #dashboard .dashboard-cabinet-title {
        width: 245px !important;
        min-width: 245px !important;
        max-width: 245px !important;
    }

    #dashboard .dashboard-head-title-line > #analyticsMarketplaceSwitch,
    #dashboard #analyticsMarketplaceSwitch {
        display: grid !important;
        grid-template-columns: 88px 108px 76px 138px !important;
        gap: 5px !important;
        width: 440px !important;
        min-width: 440px !important;
        max-width: 440px !important;
        flex: 0 0 440px !important;
        grid-column: 2 !important;
    }

    #dashboard #marketplaceAccountSelect {
        grid-column: 3 !important;
        align-self: center;
    }

    #dashboard .dashboard-updated-inline {
        grid-column: 4 !important;
    }
}

#dashboard .marketplace-switch-button.marketplace-all {
    background:
        linear-gradient(135deg, #475569, #1e293b) !important;
}

#dashboard .marketplace-switch-button.marketplace-compare {
    background:
        linear-gradient(135deg, #7c3aed, #0f766e) !important;
}

#dashboard .marketplace-switch-button.marketplace-all.active {
    box-shadow:
        0 0 0 2px rgba(255,255,255,.78),
        0 6px 16px rgba(51,65,85,.26) !important;
}

#dashboard .marketplace-switch-button.marketplace-compare.active {
    box-shadow:
        0 0 0 2px rgba(255,255,255,.78),
        0 6px 16px rgba(109,40,217,.24) !important;
}

.marketplace-account-select {
    width: 100%;
    min-width: 0;
    height: 38px;
    padding: 0 32px 0 11px;
    border: 1px solid var(--market-border, #dce2eb);
    border-radius: 10px;
    background: #fff;
    color: #263044;
    font-size: 11px;
    font-weight: 650;
    overflow: hidden;
    text-overflow: ellipsis;
}

.marketplace-account-select:focus {
    outline: none;
    border-color: var(--market-accent, #3568f5);
    box-shadow:
        0 0 0 3px
        color-mix(in srgb, var(--market-accent) 10%, transparent);
}

.comparison-section {
    width: 100%;
}

.comparison-page-head {
    align-items: center;
}

.comparison-toolbar {
    display: flex;
    align-items: center;
    gap: 9px;
}

.comparison-toolbar select,
.comparison-block-head input {
    min-height: 38px;
    padding: 0 12px;
    border: 1px solid #dfe5ee;
    border-radius: 10px;
    background: #fff;
    color: #273248;
}

.comparison-toolbar button {
    min-height: 38px;
    border-radius: 10px;
    border: 0;
    background:
        linear-gradient(135deg, #7c3aed, #0f766e);
    color: #fff;
    font-weight: 750;
}

.comparison-summary-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 0 0 18px;
}

.comparison-summary-card {
    padding: 18px;
    border: 1px solid #e2e7f0;
    border-radius: 16px;
    background:
        linear-gradient(145deg, #fff, #faf9ff);
    box-shadow: 0 7px 20px rgba(40, 40, 70, .045);
}

.comparison-summary-card span,
.comparison-summary-card small {
    display: block;
    color: #7d8798;
    font-size: 11px;
}

.comparison-summary-card strong {
    display: block;
    margin: 5px 0 2px;
    color: #222c40;
    font-size: 27px;
    line-height: 1.1;
}

.comparison-block {
    margin: 0 0 18px;
    padding: 18px;
    border: 1px solid #e1e6ee;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(35, 46, 70, .045);
}

.comparison-block-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 0 0 14px;
}

.comparison-block-head h3,
.comparison-block-head p {
    margin: 3px 0 0;
}

.comparison-block-head input {
    width: min(330px, 100%);
}

.comparison-master-card {
    overflow: hidden;
    margin: 0 0 14px;
    border: 1px solid #e0e5ee;
    border-radius: 16px;
    background: #fbfcff;
}

.comparison-master-card:last-child {
    margin-bottom: 0;
}

.comparison-master-head {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    padding: 16px 17px;
    border-bottom: 1px solid #e9edf3;
}

.comparison-master-title-line {
    display: flex;
    align-items: center;
    gap: 9px;
}

.comparison-master-title-line h4 {
    margin: 0;
    color: #202a3c;
    font-size: 15px;
}

.comparison-master-head small {
    display: block;
    margin-top: 5px;
    color: #7d8797;
}

.comparison-master-badge {
    padding: 4px 7px;
    border-radius: 999px;
    background: #eee9ff;
    color: #6d28d9;
    font-size: 9px;
    font-weight: 800;
}

.comparison-master-totals {
    display: grid;
    grid-template-columns: repeat(5, auto);
    gap: 15px;
}

.comparison-master-totals div,
.comparison-offer-metric {
    min-width: 72px;
}

.comparison-master-totals span,
.comparison-offer-metric span {
    display: block;
    color: #8b94a4;
    font-size: 9px;
}

.comparison-master-totals strong,
.comparison-offer-metric strong {
    display: block;
    margin-top: 3px;
    color: #273146;
    font-size: 12px;
}

.comparison-finance-note {
    padding: 9px 17px;
    background: #fff9e9;
    border-bottom: 1px solid #f3e7bf;
    color: #80692d;
    font-size: 10px;
}

.comparison-offers-list {
    background: #fff;
}

.comparison-offer-row {
    display: grid;
    grid-template-columns:
        minmax(280px, 1.7fr)
        repeat(5, minmax(74px, .55fr))
        auto;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-bottom: 1px solid #eef1f5;
}

.comparison-offer-row:last-child {
    border-bottom: 0;
}

.comparison-offer-product {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.comparison-offer-product > div:last-child {
    min-width: 0;
}

.comparison-offer-product strong {
    display: block;
    overflow: hidden;
    color: #263044;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.comparison-offer-product small,
.comparison-offer-product em {
    display: block;
    margin-top: 3px;
    overflow: hidden;
    color: #8992a2;
    font-size: 9px;
    font-style: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.comparison-product-image {
    width: 44px;
    height: 44px;
    min-width: 44px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e4e8ef;
    border-radius: 10px;
    background: #f6f8fb;
}

.comparison-product-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.comparison-product-placeholder {
    color: #788398;
    font-size: 16px;
    font-weight: 800;
}

.comparison-unlink-button {
    min-height: 30px;
    padding: 0 9px !important;
    font-size: 9px !important;
}

.comparison-needs-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 0;
    border-bottom: 1px solid #edf0f4;
}

.comparison-needs-card:last-child {
    border-bottom: 0;
}

.comparison-manual-match-button {
    flex: 0 0 auto;
    min-height: 34px;
    padding: 0 12px;
    border: 0;
    border-radius: 9px;
    background: #f0ebff;
    color: #6331ba;
    font-size: 10px;
    font-weight: 800;
}

.comparison-suggestion-card {
    display: grid;
    grid-template-columns:
        minmax(220px, 1fr)
        auto
        minmax(220px, 1fr)
        110px
        auto;
    align-items: center;
    gap: 13px;
    padding: 14px;
    border: 1px solid #e5dff6;
    border-radius: 14px;
    background:
        linear-gradient(145deg, #fff, #fbf9ff);
}

.comparison-suggestion-card + .comparison-suggestion-card {
    margin-top: 10px;
}

.comparison-suggestion-side span,
.comparison-suggestion-confidence small {
    display: block;
    color: #8a91a0;
    font-size: 9px;
}

.comparison-suggestion-side strong {
    display: block;
    margin: 3px 0;
    color: #273046;
    font-size: 11px;
}

.comparison-suggestion-side small {
    color: #7b8495;
    font-size: 9px;
}

.comparison-suggestion-arrow {
    color: #7651bd;
    font-size: 18px;
}

.comparison-suggestion-confidence {
    text-align: center;
}

.comparison-suggestion-confidence strong {
    display: block;
    color: #6d28d9;
    font-size: 20px;
}

.comparison-suggestion-actions {
    display: flex;
    gap: 6px;
}

.comparison-suggestion-actions button {
    min-height: 32px;
    padding: 0 9px;
    font-size: 9px;
}

.comparison-empty,
.comparison-loading {
    padding: 22px;
    border-radius: 12px;
    background: #f7f9fc;
    color: #7b8495;
    text-align: center;
    font-size: 11px;
}

.comparison-empty-success {
    background: #f1fbf5;
    color: #348057;
}

.match-product-modal {
    position: fixed;
    inset: 0;
    z-index: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(11, 18, 33, .48);
    backdrop-filter: blur(4px);
}

.match-product-modal[hidden] {
    display: none !important;
}

.match-product-dialog {
    width: min(760px, 96vw);
    max-height: min(760px, 88vh);
    overflow: hidden;
    padding: 18px;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 25px 80px rgba(15, 23, 42, .22);
}

.match-product-dialog-head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.match-product-dialog-head h3 {
    margin: 4px 0 0;
}

.match-product-dialog-head button {
    width: 34px;
    height: 34px;
    padding: 0 !important;
    font-size: 20px;
}

#matchProductSearch {
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    padding: 0 12px;
    border: 1px solid #dde3ec;
    border-radius: 10px;
}

.match-product-candidates {
    max-height: 570px;
    overflow-y: auto;
    margin-top: 12px;
}

.match-product-candidate {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 10px;
    border: 0;
    border-bottom: 1px solid #edf0f4;
    background: #fff;
    color: #263044;
    text-align: left;
}

.match-product-candidate:hover {
    background: #f8f6ff;
}

.match-product-candidate > span:last-child {
    min-width: 0;
}

.match-product-candidate strong,
.match-product-candidate small,
.match-product-candidate em {
    display: block;
}

.match-product-candidate strong {
    font-size: 11px;
}

.match-product-candidate small,
.match-product-candidate em {
    margin-top: 3px;
    color: #858e9f;
    font-size: 9px;
    font-style: normal;
}

.finance-all-mode > *:not(.page-section-head):not(#allFinancePeriodBar):not(#allFinanceContent) {
    display: none !important;
}

.all-finance-content {
    display: block;
}

.all-finance-notice {
    margin-bottom: 14px;
    padding: 12px 14px;
    border: 1px solid #f0d9a9;
    border-radius: 12px;
    background: #fffaf0;
    color: #765d28;
    font-size: 11px;
}

.all-finance-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.all-finance-kpi-grid article {
    padding: 16px;
    border: 1px solid #e2e7ef;
    border-radius: 14px;
    background: #fff;
}

.all-finance-kpi-grid span {
    display: block;
    color: #858e9f;
    font-size: 10px;
}

.all-finance-kpi-grid strong {
    display: block;
    margin-top: 5px;
    color: #263044;
    font-size: 20px;
}

.all-finance-stores {
    padding: 16px;
    border: 1px solid #e2e7ef;
    border-radius: 16px;
    background: #fff;
}

.all-finance-store-row {
    display: grid;
    grid-template-columns: minmax(260px, 1.5fr) repeat(3, minmax(100px, .5fr));
    align-items: center;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid #edf0f4;
}

.all-finance-store-row:last-child {
    border-bottom: 0;
}

.all-finance-store-row > div strong,
.all-finance-store-row > div small {
    display: block;
}

.all-finance-store-row > div small {
    margin-top: 3px;
    color: #8992a2;
    font-size: 9px;
}

.all-finance-store-row > span {
    color: #8891a1;
    font-size: 9px;
}

.all-finance-store-row > span strong {
    display: block;
    margin-top: 3px;
    color: #273146;
    font-size: 11px;
}

@media (max-width: 1100px) {
    .comparison-offer-row {
        grid-template-columns: minmax(240px, 1.4fr) repeat(3, minmax(70px, .5fr));
    }

    .comparison-offer-row .comparison-offer-metric:nth-of-type(5),
    .comparison-offer-row .comparison-offer-metric:nth-of-type(6) {
        display: none;
    }

    .comparison-master-totals {
        grid-template-columns: repeat(3, auto);
    }

    .comparison-suggestion-card {
        grid-template-columns: 1fr auto 1fr;
    }

    .comparison-suggestion-confidence,
    .comparison-suggestion-actions {
        grid-column: 1 / -1;
    }

    .comparison-suggestion-actions {
        justify-content: flex-end;
    }

    .all-finance-kpi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    #dashboard .dashboard-head-title-line {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    #dashboard #analyticsMarketplaceSwitch {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        grid-template-columns:
            minmax(64px, .9fr)
            minmax(82px, 1.1fr)
            minmax(58px, .75fr)
            minmax(104px, 1.4fr) !important;
    }

    #dashboard #marketplaceAccountSelect {
        width: 100%;
    }

    .comparison-master-head,
    .comparison-block-head,
    .comparison-needs-card {
        align-items: stretch;
        flex-direction: column;
    }

    .comparison-master-totals {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .comparison-offer-row {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .comparison-offer-product {
        grid-column: 1 / -1;
    }

    .comparison-unlink-button {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .comparison-summary-grid {
        grid-template-columns: 1fr;
    }

    .all-finance-store-row {
        grid-template-columns: 1fr 1fr;
    }

    .all-finance-store-row > div {
        grid-column: 1 / -1;
    }
}

@media (max-width: 600px) {
    .comparison-toolbar {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }

    .comparison-toolbar select,
    .comparison-toolbar button {
        width: 100%;
    }

    .comparison-offer-row {
        grid-template-columns: 1fr 1fr;
    }

    .comparison-suggestion-card {
        grid-template-columns: 1fr;
    }

    .comparison-suggestion-arrow {
        transform: rotate(90deg);
    }

    .all-finance-kpi-grid {
        grid-template-columns: 1fr;
    }
}


/* ==========================================================
   PRODUCT COMPARISON — MARKETPLACE-CENTRIC MODEL ui199
   ========================================================== */

.comparison-marketplace-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    padding: 14px;
    background: #f7f9fc;
}

.comparison-marketplace-panel {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #e1e6ef;
    border-radius: 14px;
    background: #fff;
}

.comparison-marketplace-ozon {
    border-color: #d7e3ff;
}

.comparison-marketplace-wb {
    border-color: #efd4eb;
}

.comparison-marketplace-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border-bottom: 1px solid #edf0f4;
}

.comparison-marketplace-ozon .comparison-marketplace-head {
    background:
        linear-gradient(
            135deg,
            rgba(0, 91, 255, .07),
            rgba(0, 91, 255, .015)
        );
}

.comparison-marketplace-wb .comparison-marketplace-head {
    background:
        linear-gradient(
            135deg,
            rgba(203, 17, 171, .07),
            rgba(118, 32, 181, .015)
        );
}

.comparison-marketplace-name {
    display: inline-block;
    margin-bottom: 4px;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.comparison-marketplace-ozon .comparison-marketplace-name {
    color: #005bff;
}

.comparison-marketplace-wb .comparison-marketplace-name {
    color: #a2189e;
}

.comparison-marketplace-head > div:first-child > strong {
    display: block;
    color: #263044;
    font-size: 11px;
}

.comparison-marketplace-head > div:first-child > small {
    display: block;
    margin-top: 3px;
    color: #8a93a3;
    font-size: 8px;
}

.comparison-marketplace-subtotals {
    display: grid;
    grid-template-columns: repeat(3, auto);
    gap: 10px;
    text-align: right;
}

.comparison-marketplace-subtotals span {
    min-width: 62px;
}

.comparison-marketplace-subtotals small {
    display: block;
    color: #929aaa;
    font-size: 8px;
}

.comparison-marketplace-subtotals strong {
    display: block;
    margin-top: 2px;
    color: #283248;
    font-size: 10px;
}

.comparison-marketplace-panel .comparison-offer-row {
    grid-template-columns:
        minmax(180px, 1fr)
        repeat(3, minmax(58px, .34fr));
    gap: 8px;
    padding: 10px 12px;
}

.comparison-marketplace-panel
.comparison-offer-metric:nth-of-type(n+5) {
    display: none;
}

.comparison-marketplace-panel
.comparison-unlink-button {
    grid-column: 1 / -1;
    justify-self: end;
}

.comparison-single-group {
    margin-bottom: 14px;
    overflow: hidden;
    border: 1px solid #e2e7ef;
    border-radius: 14px;
    background: #fff;
}

.comparison-single-group-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 13px 14px;
    border-bottom: 1px solid #edf0f4;
    background: #fbfcfe;
}

.comparison-single-group-head strong {
    display: block;
    color: #273146;
    font-size: 11px;
}

.comparison-single-group-head small {
    display: block;
    margin-top: 3px;
    color: #8a93a3;
    font-size: 9px;
}

.comparison-match-master-button {
    flex: 0 0 auto;
    min-height: 34px;
    padding: 0 12px;
    border: 0;
    border-radius: 9px;
    background:
        linear-gradient(135deg, #6d28d9, #0f766e);
    color: #fff;
    font-size: 9px;
    font-weight: 800;
}

.comparison-single-group
.comparison-marketplace-panel {
    margin: 12px;
}

.comparison-needs-card
.comparison-offer-product small {
    color: #697386;
}

.comparison-needs-card
.comparison-offer-product em {
    color: #979fac;
}

body.mp-theme-compare
.comparison-master-badge {
    background: #eee9ff;
    color: #6d28d9;
}

@media (max-width: 1200px) {
    .comparison-marketplace-grid {
        grid-template-columns: 1fr;
    }

    .comparison-marketplace-panel .comparison-offer-row {
        grid-template-columns:
            minmax(240px, 1.5fr)
            repeat(3, minmax(70px, .45fr));
    }
}

@media (max-width: 760px) {
    .comparison-marketplace-grid {
        padding: 10px;
        gap: 10px;
    }

    .comparison-marketplace-head {
        align-items: stretch;
        flex-direction: column;
    }

    .comparison-marketplace-subtotals {
        grid-template-columns: repeat(3, 1fr);
        text-align: left;
    }

    .comparison-marketplace-panel .comparison-offer-row {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .comparison-marketplace-panel
    .comparison-offer-product {
        grid-column: 1 / -1;
    }

    .comparison-single-group-head {
        align-items: stretch;
        flex-direction: column;
    }

    .comparison-match-master-button {
        width: 100%;
    }
}


/* ==========================================================
   ASSORTMENT FILTERS / COVERAGE STATUS — ui200
   ========================================================== */

.comparison-summary-grid-four {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.comparison-summary-card small span {
    display: inline !important;
    font-size: inherit !important;
    color: inherit !important;
}

.comparison-filter-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 18px;
    padding: 6px;
    border: 1px solid #e3e8ef;
    border-radius: 14px;
    background: #f8fafc;
}

.comparison-filter-bar button {
    min-height: 34px;
    padding: 0 13px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #687386;
    font-size: 10px;
    font-weight: 750;
}

.comparison-filter-bar button:hover {
    background: #fff;
    color: #38445a;
}

.comparison-filter-bar button.active {
    background: #fff;
    color: #5b2cab;
    box-shadow:
        0 3px 10px
        rgba(34, 45, 70, .08);
}

.comparison-needs-actions,
.comparison-exclusive-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}

.comparison-needs-actions button,
.comparison-exclusive-actions button {
    min-height: 34px;
    padding: 0 11px;
    border-radius: 9px;
    font-size: 9px;
    font-weight: 800;
}

.comparison-coverage-button,
.comparison-coverage-reset {
    border: 1px solid #dde3eb !important;
    background: #fff !important;
    color: #5d687a !important;
}

.comparison-exclusive-card {
    margin-bottom: 14px;
    overflow: hidden;
    border: 1px solid #e2e7ef;
    border-radius: 15px;
    background: #fff;
}

.comparison-exclusive-card:last-child {
    margin-bottom: 0;
}

.comparison-exclusive-head {
    display: grid;
    grid-template-columns:
        minmax(240px, 1.2fr)
        auto
        auto;
    align-items: center;
    gap: 16px;
    padding: 14px 15px;
    border-bottom: 1px solid #edf0f4;
    background: #fbfcfe;
}

.comparison-exclusive-head > div:first-child > strong,
.comparison-exclusive-head > div:first-child > small {
    display: block;
}

.comparison-exclusive-head > div:first-child > strong {
    margin-top: 6px;
    color: #273146;
    font-size: 12px;
}

.comparison-exclusive-head > div:first-child > small {
    margin-top: 3px;
    color: #8d96a5;
    font-size: 9px;
}

.comparison-exclusive-badge {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 8px;
    font-weight: 850;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.comparison-exclusive-ozon {
    background: #eaf1ff;
    color: #005bff;
}

.comparison-exclusive-wb {
    background: #fff0fb;
    color: #a1199c;
}

.comparison-exclusive-totals {
    display: grid;
    grid-template-columns: repeat(4, auto);
    gap: 12px;
}

.comparison-exclusive-totals span {
    min-width: 70px;
}

.comparison-exclusive-totals small,
.comparison-exclusive-totals strong {
    display: block;
}

.comparison-exclusive-totals small {
    color: #9199a8;
    font-size: 8px;
}

.comparison-exclusive-totals strong {
    margin-top: 2px;
    color: #293349;
    font-size: 10px;
}

.comparison-exclusive-card
.comparison-marketplace-panel {
    margin: 12px;
}

@media (min-width: 901px) {
    #dashboard .dashboard-head-title-line > #analyticsMarketplaceSwitch,
    #dashboard #analyticsMarketplaceSwitch {
        grid-template-columns: 88px 118px 76px 138px !important;
        width: 450px !important;
        min-width: 450px !important;
        max-width: 450px !important;
        flex-basis: 450px !important;
    }

    #dashboard .dashboard-head-title-line {
        grid-template-columns:
            235px
            450px
            minmax(150px, 220px)
            minmax(0, 1fr) !important;
    }

    #dashboard .dashboard-cabinet-title {
        width: 235px !important;
        min-width: 235px !important;
        max-width: 235px !important;
    }
}

@media (max-width: 1100px) {
    .comparison-summary-grid-four {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .comparison-exclusive-head {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .comparison-exclusive-actions {
        justify-content: flex-start;
    }
}

@media (max-width: 600px) {
    .comparison-summary-grid-four {
        grid-template-columns: 1fr;
    }

    .comparison-filter-bar {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .comparison-filter-bar button:first-child,
    .comparison-filter-bar button:last-child {
        grid-column: 1 / -1;
    }

    .comparison-needs-actions,
    .comparison-exclusive-actions {
        width: 100%;
    }

    .comparison-needs-actions button,
    .comparison-exclusive-actions button {
        flex: 1 1 auto;
    }

    .comparison-exclusive-totals {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


/* WB analytics — detailed other expenses */
#metricOtherBreakdown.money-flow-sublist {
    margin: -2px 0 6px 19px;
    padding: 7px 10px 8px 13px;
    border-left: 2px solid #e5e9f0;
    background: #fafbfd;
    border-radius: 0 8px 8px 0;
}

#metricOtherBreakdown[hidden] {
    display: none !important;
}

.money-flow-subrow {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: start;
    padding: 5px 0;
    border-bottom: 1px dashed #e5e9ef;
}

.money-flow-subrow:last-child {
    border-bottom: 0;
}

.money-flow-subrow span {
    min-width: 0;
    color: #707a8d;
    font-size: 9px;
    line-height: 1.35;
}

.money-flow-subrow strong {
    color: #4e596d;
    font-size: 9px;
    font-weight: 750;
    white-space: nowrap;
}

body.mp-theme-wb #metricOtherBreakdown.money-flow-sublist {
    border-left-color: rgba(161, 25, 156, .24);
    background: rgba(161, 25, 156, .025);
}

@media (max-width: 600px) {
    #metricOtherBreakdown.money-flow-sublist {
        margin-left: 12px;
        padding-left: 10px;
    }
}


.money-flow-subtitle {
    padding: 1px 0 5px;
    color: #9aa2af;
    font-size: 8px;
    font-weight: 750;
    letter-spacing: .04em;
    text-transform: uppercase;
}


/* Assortment WB profit/margin visibility — ui205 */
.comparison-profit-date {
    display: block !important;
    margin-top: 2px;
    color: #9a7a98 !important;
    font-size: 7px !important;
    font-style: normal;
    font-weight: 650;
    line-height: 1.1;
    white-space: nowrap;
}

.comparison-marketplace-panel .comparison-offer-row {
    grid-template-columns: repeat(5, minmax(52px, 1fr)) !important;
    gap: 7px !important;
}

.comparison-marketplace-panel .comparison-offer-product {
    grid-column: 1 / -1;
}

.comparison-marketplace-panel
.comparison-offer-metric:nth-of-type(n) {
    display: block !important;
}

.comparison-marketplace-panel
.comparison-unlink-button {
    grid-column: 1 / -1;
    justify-self: end;
}

.comparison-marketplace-wb
.comparison-offer-metric strong {
    color: #7f246f;
}

.comparison-marketplace-wb
.comparison-offer-metric:nth-of-type(2) strong,
.comparison-marketplace-wb
.comparison-offer-metric:nth-of-type(3) strong {
    color: #273146;
}

@media (max-width: 760px) {
    .comparison-marketplace-panel .comparison-offer-row {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .comparison-marketplace-panel
    .comparison-offer-metric:last-of-type {
        grid-column: 1 / -1;
    }
}


/* Overall KPI marketplace split — ui206 */
.all-kpi-breakdown {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 4px;
    font-size: 8px !important;
    line-height: 1.25;
    color: #7b8495 !important;
}

.all-kpi-breakdown[hidden] {
    display: none !important;
}

.all-kpi-marketplace {
    display: inline-flex;
    align-items: baseline;
    gap: 3px;
    white-space: nowrap;
}

.all-kpi-marketplace b {
    font-size: 8px;
    font-weight: 850;
}

.all-kpi-marketplace.ozon b {
    color: #005bff;
}

.all-kpi-marketplace.wb b {
    color: #a2189e;
}

.all-kpi-marketplace.pending {
    opacity: .72;
}

.all-kpi-marketplace em {
    margin-left: 1px;
    color: #9aa2af;
    font-size: 7px;
    font-style: normal;
}

.all-kpi-separator {
    color: #c0c6d0;
    font-style: normal;
}

.money-profit-value-wrap {
    text-align: right;
}

.all-kpi-breakdown-money {
    justify-content: flex-end;
    max-width: 320px;
}

@media (max-width: 600px) {
    .all-kpi-breakdown {
        font-size: 7.5px !important;
    }
}


/* General analytics: per-store economy breakdown — ui207 */
.economy-strip.economy-strip-all {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.economy-strip .economy-item[hidden] {
    display: none !important;
}

.all-store-breakdown {
    display: grid;
    gap: 5px;
    width: 100%;
    margin-top: 7px;
    padding-top: 7px;
    border-top: 1px solid rgba(126, 137, 158, .16);
}

.all-store-breakdown[hidden] {
    display: none !important;
}

.all-store-breakdown-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: baseline;
}

.all-store-breakdown-name {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 5px;
}

.all-store-breakdown-name > span {
    overflow: hidden;
    color: #7f899b;
    font-size: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.all-store-marketplace {
    flex: 0 0 auto;
    font-size: 8px;
    font-weight: 850;
}

.all-store-marketplace.ozon {
    color: #005bff;
}

.all-store-marketplace.wb {
    color: #a2189e;
}

.all-store-breakdown-value {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
    text-align: right;
    white-space: nowrap;
}

.all-store-breakdown-value strong {
    color: #354056;
    font-size: 9px;
    font-weight: 800;
}

.all-store-breakdown-value strong.pending {
    color: #9aa2af;
    font-weight: 700;
}

.all-store-breakdown-value em {
    color: #9aa2af;
    font-size: 7px;
    font-style: normal;
}

@media (max-width: 600px) {
    .economy-strip.economy-strip-all {
        grid-template-columns: 1fr !important;
    }
}


/* General economy cards alignment/colors — ui208 */
.economy-strip.economy-strip-all > .economy-item {
    display: grid;
    grid-template-rows:
        minmax(30px, auto)
        30px
        18px
        auto;
    align-content: start;
    min-height: 178px;
}

.economy-strip.economy-strip-all
> .economy-item
> span {
    grid-row: 1;
    min-height: 0;
    margin-bottom: 6px;
}

.economy-strip.economy-strip-all
> .economy-item
> strong {
    grid-row: 2;
    align-self: start;
    font-variant-numeric: tabular-nums;
}

.economy-strip.economy-strip-all
> .economy-item
> small {
    grid-row: 3;
    align-self: start;
    margin-top: 1px;
}

.economy-strip.economy-strip-all
.all-store-breakdown {
    grid-row: 4;
    align-self: start;
    margin-top: 6px;
    padding-top: 8px;
}

.economy-strip.economy-strip-all
.all-store-breakdown-row {
    grid-template-columns:
        minmax(0, 1fr)
        minmax(116px, auto);
    min-height: 22px;
    align-items: center;
}

.all-store-marketplace {
    width: 30px;
    min-width: 30px;
    text-align: left;
}

.all-store-breakdown-name > span {
    font-size: 8.5px;
}

.all-store-breakdown-value {
    min-width: 116px;
    justify-content: flex-end;
    font-variant-numeric: tabular-nums;
}

.all-store-breakdown-row.ozon
.all-store-breakdown-value strong {
    color: #005bff;
}

.all-store-breakdown-row.wb
.all-store-breakdown-value strong {
    color: #a2189e;
}

.all-store-breakdown-row.ozon
.all-store-marketplace {
    color: #005bff;
}

.all-store-breakdown-row.wb
.all-store-marketplace {
    color: #a2189e;
}

.all-store-breakdown-row
.all-store-breakdown-value strong.pending {
    color: #9aa2af;
}

@media (max-width: 600px) {
    .economy-strip.economy-strip-all
    > .economy-item {
        min-height: 0;
    }

    .economy-strip.economy-strip-all
    .all-store-breakdown-row {
        grid-template-columns:
            minmax(0, 1fr)
            auto;
    }
}


/* General store rows alignment/color fix — ui209 */
.economy-strip.economy-strip-all .all-store-breakdown-row {
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) minmax(132px, auto) !important;
    column-gap: 10px !important;
    align-items: center !important;
    min-height: 24px;
}

.economy-strip.economy-strip-all .all-store-marketplace {
    display: inline-flex !important;
    width: auto !important;
    min-width: 0 !important;
    align-items: center;
    justify-content: flex-start;
    font-size: 9px !important;
    font-weight: 850 !important;
    line-height: 1.2;
    white-space: nowrap;
}

.economy-strip.economy-strip-all .all-store-name {
    display: block !important;
    min-width: 0;
    overflow: hidden;
    color: #6f7a8e !important;
    font-size: 9px !important;
    font-weight: 600;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.economy-strip.economy-strip-all .all-store-breakdown-value {
    display: flex !important;
    min-width: 132px !important;
    align-items: baseline;
    justify-content: flex-end !important;
    gap: 4px;
    text-align: right !important;
    white-space: nowrap;
}

.economy-strip.economy-strip-all .all-store-breakdown-row.ozon .all-store-marketplace,
.economy-strip.economy-strip-all .all-store-breakdown-row.ozon .all-store-breakdown-value strong:not(.pending) {
    color: #005bff !important;
}

.economy-strip.economy-strip-all .all-store-breakdown-row.wb .all-store-marketplace,
.economy-strip.economy-strip-all .all-store-breakdown-row.wb .all-store-breakdown-value strong:not(.pending) {
    color: #a2189e !important;
}

.economy-strip.economy-strip-all .all-store-breakdown-value strong {
    display: inline !important;
    overflow: visible !important;
    font-size: 10px !important;
    line-height: 1.2;
    text-overflow: clip !important;
}

.economy-strip.economy-strip-all .all-store-breakdown-value strong.pending {
    color: #8f98a8 !important;
}

/* General finance date before value + strict alignment — ui211 */
.economy-strip.economy-strip-all .all-store-breakdown-value {
    display: grid !important;
    grid-template-columns: minmax(88px, auto) 144px !important;
    min-width: 244px !important;
    column-gap: 8px !important;
    align-items: baseline !important;
    justify-content: end !important;
    text-align: right !important;
}

.economy-strip.economy-strip-all .all-store-breakdown-value strong {
    grid-column: 2 !important;
    justify-self: end !important;
    min-width: 144px !important;
    text-align: right !important;
    font-variant-numeric: tabular-nums;
}

.economy-strip.economy-strip-all .all-store-breakdown-value .all-store-date {
    grid-column: 1 !important;
    justify-self: end !important;
    margin: 0 !important;
    color: #9aa2af !important;
    font-size: 7px !important;
    font-style: normal !important;
    white-space: nowrap;
}

@media (max-width: 760px) {
    .economy-strip.economy-strip-all .all-store-breakdown-value {
        grid-template-columns: minmax(78px, auto) 124px !important;
        min-width: 210px !important;
    }

    .economy-strip.economy-strip-all .all-store-breakdown-value strong {
        min-width: 124px !important;
    }
}


/* General Finance period selector — ui212 */
.all-finance-period-toolbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 16px;
    padding: 11px 13px;
    border: 1px solid #e2e7ef;
    border-radius: 13px;
    background: #fff;
}

.all-finance-period-toolbar[hidden] {
    display: none !important;
}

.all-finance-period-label {
    color: #7e8899;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

/* General Finance compact period card — ui213 */
.all-finance-period-toolbar {
    width: calc((100% - 36px) / 4) !important;
    min-width: 0 !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 6px !important;
    padding: 10px 12px !important;
    box-sizing: border-box;
}

.all-finance-period-toolbar > select {
    width: 100% !important;
    min-width: 0 !important;
}

.all-finance-period-toolbar .advertising-custom-period {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 5px;
    align-items: center;
}

.all-finance-period-toolbar .advertising-custom-period[hidden] {
    display: none !important;
}

.all-finance-period-toolbar .advertising-custom-period input {
    width: 100%;
    min-width: 0;
}

.all-finance-period-toolbar .advertising-custom-period button {
    grid-column: 1 / -1;
    width: 100%;
}

@media (max-width: 1100px) {
    .all-finance-period-toolbar {
        width: calc((100% - 12px) / 2) !important;
    }
}

@media (max-width: 600px) {
    .all-finance-period-toolbar {
        width: 100% !important;
    }
}


/* General Finance period card alignment — ui214 */
.all-finance-period-toolbar {
    margin-left: auto !important;
    margin-right: 0 !important;
}

@media (max-width: 600px) {
    .all-finance-period-toolbar {
        margin-left: 0 !important;
    }
}

/* Assortment filter tabs — ui215 */
#comparisonFilterBar.comparison-filter-bar {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

#comparisonFilterBar.comparison-filter-bar > button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    padding: 0 12px !important;
    border: 1px solid #dfe5ee !important;
    border-radius: 13px !important;
    background: #fff !important;
    color: #6f7a8d !important;
    box-shadow: none !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        background .16s ease,
        color .16s ease,
        border-color .16s ease !important;
}

#comparisonFilterBar.comparison-filter-bar > button:hover {
    transform: translateY(-1px);
    border-color: #cfd7e4 !important;
    box-shadow: 0 6px 16px rgba(45, 58, 85, .08) !important;
}

#comparisonFilterBar > button[data-comparison-filter="all"].active {
    border-color: transparent !important;
    background: linear-gradient(135deg, #28b875, #14965b) !important;
    color: #fff !important;
}

#comparisonFilterBar > button[data-comparison-filter="matched"].active {
    border-color: transparent !important;
    background: linear-gradient(110deg, #005bff 0%, #5367ea 48%, #a2189e 100%) !important;
    color: #fff !important;
}

#comparisonFilterBar > button[data-comparison-filter="only_ozon"].active {
    border-color: transparent !important;
    background: #005bff !important;
    color: #fff !important;
}

#comparisonFilterBar > button[data-comparison-filter="only_wb"].active {
    border-color: transparent !important;
    background: #a2189e !important;
    color: #fff !important;
}

#comparisonFilterBar > button[data-comparison-filter="needs"].active {
    border-color: transparent !important;
    background: linear-gradient(135deg, #f25b9b, #df3f86) !important;
    color: #fff !important;
}

#comparisonFilterBar > button.active {
    box-shadow: 0 7px 18px rgba(45, 58, 85, .14) !important;
    transform: translateY(-1px);
}

@media (max-width: 1000px) {
    #comparisonFilterBar.comparison-filter-bar {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    #comparisonFilterBar > button[data-comparison-filter="all"] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 600px) {
    #comparisonFilterBar.comparison-filter-bar {
        grid-template-columns: 1fr !important;
    }

    #comparisonFilterBar > button[data-comparison-filter="all"] {
        grid-column: auto;
    }
}

/* Assortment marketplace brand backgrounds — ui216 */
#comparisonSection .comparison-marketplace-ozon {
    background:
        linear-gradient(
            180deg,
            rgba(0, 91, 255, .085) 0%,
            rgba(0, 91, 255, .035) 100%
        ) !important;
    border-color: rgba(0, 91, 255, .22) !important;
}

#comparisonSection .comparison-marketplace-wb {
    background:
        linear-gradient(
            180deg,
            rgba(162, 24, 158, .09) 0%,
            rgba(162, 24, 158, .035) 100%
        ) !important;
    border-color: rgba(162, 24, 158, .22) !important;
}

#comparisonSection .comparison-marketplace-ozon .comparison-marketplace-head {
    background: rgba(0, 91, 255, .09) !important;
    border-bottom-color: rgba(0, 91, 255, .14) !important;
}

#comparisonSection .comparison-marketplace-wb .comparison-marketplace-head {
    background: rgba(162, 24, 158, .10) !important;
    border-bottom-color: rgba(162, 24, 158, .14) !important;
}

#comparisonSection .comparison-marketplace-ozon .comparison-offer-row {
    background: rgba(255, 255, 255, .62) !important;
    border-color: rgba(0, 91, 255, .10) !important;
}

#comparisonSection .comparison-marketplace-wb .comparison-offer-row {
    background: rgba(255, 255, 255, .62) !important;
    border-color: rgba(162, 24, 158, .10) !important;
}

#comparisonSection .comparison-marketplace-ozon .comparison-marketplace-name {
    color: #005bff !important;
}

#comparisonSection .comparison-marketplace-wb .comparison-marketplace-name {
    color: #a2189e !important;
}

/* single-marketplace confirmed cards keep the marketplace tint */
#comparisonSection .comparison-exclusive-card .comparison-marketplace-ozon {
    box-shadow: inset 0 0 0 1px rgba(0, 91, 255, .05);
}

#comparisonSection .comparison-exclusive-card .comparison-marketplace-wb {
    box-shadow: inset 0 0 0 1px rgba(162, 24, 158, .05);
}

/* Assortment AI suggestion action — ui218 */
#comparisonSuggestionsBlock .comparison-ai-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

#comparisonSuggestionsBlock .comparison-ai-match-button {
    flex: 0 0 auto;
    min-height: 40px;
    padding: 0 16px;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(110deg, #005bff 0%, #5367ea 48%, #a2189e 100%);
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    box-shadow: 0 7px 18px rgba(64, 76, 160, .18);
}

#comparisonSuggestionsBlock .comparison-ai-match-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 9px 22px rgba(64, 76, 160, .24);
}

#comparisonSuggestionsBlock .comparison-ai-match-button:disabled {
    opacity: .65;
    cursor: wait;
}

#comparisonSuggestionsBlock .comparison-ai-empty {
    margin: 0;
    border: 1px dashed #dfe4ed;
    border-radius: 12px;
    background: #fafbfd;
}

@media (max-width: 700px) {
    #comparisonSuggestionsBlock .comparison-ai-head {
        align-items: stretch;
        flex-direction: column;
    }

    #comparisonSuggestionsBlock .comparison-ai-match-button {
        width: 100%;
    }
}

/* Assortment review queue — ui219 */
.comparison-summary-grid-three {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

#comparisonFilterBar > button[data-comparison-filter="needs"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
}

.comparison-needs-badge {
    display: inline-flex !important;
    min-width: 19px;
    height: 19px;
    padding: 0 5px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #e53935;
    color: #fff !important;
    font-size: 8px !important;
    font-weight: 900 !important;
    line-height: 1;
}

.comparison-needs-badge[hidden] {
    display: none !important;
}

.comparison-review-toggle {
    display: inline-flex;
    min-height: 34px;
    padding: 0 10px;
    align-items: center;
    gap: 7px;
    border: 1px solid #dce3ec;
    border-radius: 9px;
    background: #fff;
    color: #5f6a7c;
    font-size: 9px;
    font-weight: 800;
    cursor: pointer;
    user-select: none;
}

.comparison-review-toggle input {
    width: 15px;
    height: 15px;
    margin: 0;
    accent-color: #22a56c;
}

.comparison-review-toggle:has(input:checked) {
    border-color: rgba(34, 165, 108, .35);
    background: rgba(34, 165, 108, .08);
    color: #198554;
}

.comparison-reviewed-badge {
    display: inline-flex;
    min-height: 21px;
    margin-bottom: 5px;
    padding: 0 8px;
    align-items: center;
    border-radius: 999px;
    background: rgba(34, 165, 108, .10);
    color: #198554;
    font-size: 8px;
    font-weight: 850;
    text-transform: uppercase;
}

.comparison-reviewed-card {
    border-color: rgba(34, 165, 108, .20) !important;
}

@media (max-width: 900px) {
    .comparison-summary-grid-three {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 600px) {
    .comparison-review-toggle {
        width: 100%;
        justify-content: center;
    }
}

/* Assortment exclusive actions — ui220 */
#comparisonOnlyBlock .comparison-exclusive-actions {
    display: grid !important;
    grid-template-columns: repeat(2, 126px) !important;
    gap: 9px !important;
    justify-content: end !important;
    align-items: stretch !important;
}

#comparisonOnlyBlock .comparison-exclusive-actions button {
    width: 126px !important;
    min-width: 126px !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 7px 10px !important;
    border-radius: 12px !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1.18 !important;
    white-space: normal !important;
    text-align: center !important;
}

#comparisonOnlyBlock
.comparison-match-master-button[data-target-marketplace="ozon"] {
    border-color: #005bff !important;
    background: #005bff !important;
    color: #fff !important;
}

#comparisonOnlyBlock
.comparison-match-master-button[data-target-marketplace="wb"] {
    border-color: #a2189e !important;
    background: #a2189e !important;
    color: #fff !important;
}

#comparisonOnlyBlock .comparison-coverage-reset {
    border: 1px solid #d8e0ea !important;
    background: #fff !important;
    color: #5c687a !important;
}

#comparisonOnlyBlock .comparison-exclusive-actions button:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(45, 58, 85, .10);
}

@media (max-width: 1100px) {
    #comparisonOnlyBlock .comparison-exclusive-actions {
        justify-content: start !important;
    }
}

@media (max-width: 600px) {
    #comparisonOnlyBlock .comparison-exclusive-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: 100% !important;
    }

    #comparisonOnlyBlock .comparison-exclusive-actions button {
        width: 100% !important;
        min-width: 0 !important;
    }
}

/* WB unit economics money flow — ui221 */
#unitEconomicsSection .ue-flow-item.wb {
    width: 100%;
    border: 1px solid rgba(162, 24, 158, .25);
    background: rgba(162, 24, 158, .07);
    color: #8f188a;
    text-align: left;
    font: inherit;
    cursor: pointer;
    transition:
        transform .15s ease,
        box-shadow .15s ease,
        border-color .15s ease;
}

#unitEconomicsSection .ue-flow-item.wb:hover {
    transform: translateY(-1px);
    border-color: rgba(162, 24, 158, .48);
    box-shadow: 0 7px 20px rgba(162, 24, 158, .10);
}

body.mp-theme-wb .ue-ozon-modal-flow .danger {
    color: #a2189e;
}

body.mp-theme-wb .ue-wb-settlement-row {
    background: rgba(162, 24, 158, .045);
}

body.mp-theme-wb .ue-wb-settlement-row span {
    color: #7b4778;
}

body.mp-theme-wb .ue-wb-settlement-row strong {
    color: #8f188a;
}

/* Global / Assortment mode colors — ui222 */
#dashboard .marketplace-switch-button.marketplace-all {
    background:
        linear-gradient(135deg, #25b978, #15945e) !important;
    color: #fff !important;
}

#dashboard .marketplace-switch-button.marketplace-compare {
    background:
        linear-gradient(135deg, #ef5aa2, #dc3f8a) !important;
    color: #fff !important;
}

#dashboard .marketplace-switch-button.marketplace-all.active {
    box-shadow:
        0 0 0 2px rgba(255,255,255,.82),
        0 7px 18px rgba(21,148,94,.30) !important;
}

#dashboard .marketplace-switch-button.marketplace-compare.active {
    box-shadow:
        0 0 0 2px rgba(255,255,255,.82),
        0 7px 18px rgba(220,63,138,.30) !important;
}

body.mp-theme-all .app-sidebar {
    background:
        radial-gradient(
            circle at 20% 0%,
            rgba(145, 205, 174, .18),
            transparent 38%
        ),
        linear-gradient(
            180deg,
            #4f7d68 0%,
            #365b4d 100%
        ) !important;
}

body.mp-theme-compare .app-sidebar {
    background:
        radial-gradient(
            circle at 20% 0%,
            rgba(224, 170, 198, .18),
            transparent 38%
        ),
        linear-gradient(
            180deg,
            #aa6d8b 0%,
            #7e4d67 100%
        ) !important;
}

body.mp-theme-all .sidebar-logo,
body.mp-theme-all .sidebar-avatar {
    background:
        linear-gradient(135deg, #76a58d, #527763) !important;
    box-shadow:
        0 8px 24px rgba(12, 93, 63, .28) !important;
}

body.mp-theme-compare .sidebar-logo,
body.mp-theme-compare .sidebar-avatar {
    background:
        linear-gradient(135deg, #c28aa6, #9c637f) !important;
    box-shadow:
        0 8px 24px rgba(126, 29, 78, .28) !important;
}

body.mp-theme-all .sidebar-link,
body.mp-theme-compare .sidebar-link {
    color: rgba(255,255,255,.76);
}

body.mp-theme-all .sidebar-brand-text span,
body.mp-theme-all .sidebar-user span,
body.mp-theme-compare .sidebar-brand-text span,
body.mp-theme-compare .sidebar-user span {
    color: rgba(255,255,255,.64) !important;
}

body.mp-theme-all .sidebar-link.active {
    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.20),
            rgba(255,255,255,.07)
        ) !important;
    box-shadow:
        inset 3px 0 0 #a9cbb8 !important;
    color: #fff !important;
}

body.mp-theme-compare .sidebar-link.active {
    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.22),
            rgba(255,255,255,.07)
        ) !important;
    box-shadow:
        inset 3px 0 0 #ddb5c9 !important;
    color: #fff !important;
}

body.mp-theme-all .sidebar-link:hover,
body.mp-theme-compare .sidebar-link:hover {
    background: rgba(255,255,255,.11) !important;
    color: #fff !important;
}

/* WB unit economics: platform discount explanation — ui225 */
body.mp-theme-wb .ue-wb-discount-row {
    background: rgba(162, 24, 158, .045);
}

body.mp-theme-wb .ue-wb-discount-row span {
    color: #7b4778;
}

body.mp-theme-wb .ue-wb-discount-row strong {
    color: #a2189e;
}

/* WB unit economics sequential reconciliation — ui226 */
body.mp-theme-wb .ue-wb-flow-note {
    display: block;
    margin-top: 5px;
    color: #7c8798;
    font-size: 8px;
    font-weight: 650;
    line-height: 1.25;
}

body.mp-theme-wb .ue-expense-value {
    color: #b3262e !important;
}

body.mp-theme-wb .ue-wb-math-start {
    background: rgba(0, 91, 255, .045);
}

body.mp-theme-wb .ue-wb-math-start strong {
    color: #174fb8;
}

body.mp-theme-wb .ue-wb-settlement-row {
    position: relative;
    background: rgba(162, 24, 158, .05);
}

body.mp-theme-wb .ue-wb-settlement-row small,
body.mp-theme-wb .ue-wb-total-equation small {
    display: block;
    margin-top: 3px;
    color: #8994a6;
    font-size: 7px;
    font-weight: 650;
}

body.mp-theme-wb .ue-wb-payout-row {
    background: rgba(22, 155, 105, .06);
}

body.mp-theme-wb .ue-wb-payout-row span,
body.mp-theme-wb .ue-wb-payout-row strong {
    color: #078154 !important;
}

body.mp-theme-wb .ue-wb-total-equation {
    background: rgba(198, 43, 50, .07) !important;
}

body.mp-theme-wb .ue-wb-total-equation small {
    color: #8e5f63;
}

/* WB loyalty / discount explainer — ui227 */
body.mp-theme-wb .ue-wb-loyalty-card {
    margin: 14px 0;
    overflow: hidden;
    border: 1px solid rgba(162, 24, 158, .16);
    border-radius: 13px;
    background: #fff;
}

body.mp-theme-wb .ue-wb-loyalty-title {
    padding: 10px 14px;
    background: rgba(162, 24, 158, .06);
    color: #7c3d78;
    font-size: 10px;
    font-weight: 850;
}

body.mp-theme-wb .ue-wb-loyalty-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 3px 12px;
    padding: 10px 14px;
    border-top: 1px solid #edf0f5;
}

body.mp-theme-wb .ue-wb-loyalty-row span {
    color: #556176;
    font-size: 9px;
    font-weight: 750;
}

body.mp-theme-wb .ue-wb-loyalty-row strong {
    justify-self: end;
    font-size: 10px;
    font-weight: 850;
}

body.mp-theme-wb .ue-wb-loyalty-row small {
    grid-column: 1 / -1;
    color: #8c96a7;
    font-size: 7px;
    line-height: 1.3;
}

body.mp-theme-wb .ue-wb-loyalty-row.info strong {
    color: #a2189e;
}

body.mp-theme-wb .ue-wb-loyalty-row.expense strong {
    color: #b3262e;
}

/* WB payout composition modal — ui227 */
#unitEconomicsSection .ue-flow-item.payout[data-ue-flow-payout] {
    border: 1px solid rgba(8, 129, 84, .20);
    cursor: pointer;
    font: inherit;
    text-align: left;
}

#unitEconomicsSection .ue-flow-item.payout[data-ue-flow-payout]:hover {
    border-color: rgba(8, 129, 84, .42);
    box-shadow: 0 8px 22px rgba(8, 129, 84, .10);
}

.ue-payout-modal .ue-payout-summary-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 14px;
}

.ue-payout-modal .ue-payout-summary-grid > div {
    padding: 14px 16px;
    border-radius: 12px;
    background: #f6f8fb;
}

.ue-payout-modal .ue-payout-summary-grid span,
.ue-payout-modal .ue-payout-summary-grid small {
    display: block;
    color: #69758a;
}

.ue-payout-modal .ue-payout-summary-grid strong {
    display: block;
    margin-top: 6px;
    color: #172033;
    font-size: 18px;
}

.ue-payout-modal .ue-payout-summary-grid .result {
    background: rgba(8, 129, 84, .07);
}

.ue-payout-modal .ue-payout-summary-grid .result strong {
    color: #078154;
}

.ue-payout-modal .ue-payout-composition {
    margin-top: 14px;
}

.ue-payout-modal .ue-payout-loyalty-card {
    margin-top: 14px;
}

@media (max-width: 700px) {
    .ue-payout-modal .ue-payout-summary-grid {
        grid-template-columns: 1fr;
    }
}
/* WB API guide — ui229 */
.wb-api-guide-entry {
    border-color: rgba(162,24,158,.16);
}

.wb-api-guide-entry-icon {
    background: linear-gradient(135deg,#f7ebf7,#f0def0);
    color: #a2189e;
}

#dashboard .wb-api-guide-open-button {
    background: #f6eaf6 !important;
    color: #941b90 !important;
}

.wb-api-guide-kicker,
.wb-api-guide-external {
    color: #a2189e !important;
}
.wb-api-guide-section-number {
    background: linear-gradient(135deg,#b932ae,#8f178a) !important;
}

.wb-api-guide-warning {
    border-color: #ead2e8;
    background: linear-gradient(135deg,#fbf4fb,#fff);
}

.wb-api-guide-warning .ozon-api-guide-warning-icon {
    background: #a2189e;
}

.wb-api-guide-warning strong {
    color: #7e176f;
}

.wb-api-guide-warning p {
    color: #76506f;
}
.wb-api-guide-info {
    border-color: rgba(162,24,158,.16) !important;
    background: rgba(162,24,158,.045) !important;
}

.wb-api-guide-summary {
    background: linear-gradient(135deg,#5f1d59,#8a237f) !important;
}

.wb-api-permissions-grid {
    grid-template-columns: repeat(4,minmax(0,1fr));
}

@media (max-width:760px) {
    .wb-api-permissions-grid {
        grid-template-columns: 1fr 1fr;
    }
}

/* MP Director recent orders KPI */
.kpi-orders{position:relative;overflow:visible!important}.kpi-orders .kpi-content{min-width:0}
.recent-order-preview{width:100%;margin-top:7px;padding:5px 6px;border:0;border-radius:9px;background:#f4f7fc;display:flex;align-items:center;gap:6px;text-align:left;cursor:pointer;color:inherit}
.recent-order-preview:hover{background:#edf2fa}.recent-order-preview img,.recent-order-row-image{width:30px;height:30px;border-radius:7px;object-fit:cover;flex:0 0 30px;background:#fff}
.recent-order-preview-copy{min-width:0;display:flex;flex-direction:column;gap:1px;flex:1}.recent-order-preview-copy b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-order-preview-copy small{font-size:8px;color:#8390a8}
.recent-order-chevron{font-size:15px;transition:.18s}.recent-order-preview[aria-expanded=true] .recent-order-chevron{transform:rotate(180deg)}
.recent-orders-panel{position:absolute;z-index:80;top:calc(100% - 4px);left:8px;right:8px;min-width:450px;padding:8px;border:1px solid #dfe5ef;border-radius:14px;background:#fff;box-shadow:0 16px 42px rgba(35,50,85,.18)}
.recent-order-row{display:flex;gap:9px;padding:8px;border-radius:10px}.recent-order-row+.recent-order-row{border-top:1px solid #edf0f5}.recent-order-row-main{min-width:0;flex:1}
.recent-order-row-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:5px}.recent-order-row-head b{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.recent-order-row-head time{white-space:nowrap;font-size:9px;color:#7f8ba1}
.recent-order-route{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;padding:6px 8px;border-radius:8px;font-size:10px}.recent-order-route span{min-width:0;font-weight:700}.recent-order-route small{display:block;font-size:8px;font-weight:600;opacity:.65}.recent-order-route i{font-style:normal;opacity:.65}
.recent-order-route.route-same{background:#e8f8ef;color:#187748}.recent-order-route.route-different{background:#ffe9f1;color:#a13a64}.recent-order-no-image{display:grid;place-items:center;color:#a8b1c2}
@media(max-width:720px){.recent-orders-panel{position:fixed;left:12px;right:12px;top:auto;bottom:12px;min-width:0;max-height:70vh;overflow:auto}.recent-order-row-head{flex-direction:column;gap:2px}.recent-order-route{grid-template-columns:1fr}.recent-order-route i{display:none}}

/* Recent orders v2 — inline expansion, never overlays dashboard */
#dashboard .kpi-orders {
    align-items: flex-start;
}
#dashboard .kpi-orders:has(#recentOrdersPanel:not([hidden])) {
    grid-column: span 2;
}
#dashboard .recent-orders-panel {
    position: static;
    z-index: auto;
    top: auto;
    left: auto;
    right: auto;
    min-width: 0;
    width: 100%;
    margin-top: 8px;
    padding: 6px 0 0;
    border: 0;
    border-top: 1px solid #e8edf5;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
#dashboard .recent-orders-panel[hidden] {
    display: none !important;
}
#dashboard .recent-order-row {
    padding: 7px 2px;
}
#dashboard .recent-order-route {
    padding: 5px 7px;
}
@media (max-width: 720px) {
    #dashboard .kpi-orders:has(#recentOrdersPanel:not([hidden])) {
        grid-column: auto;
    }
    #dashboard .recent-orders-panel {
        position: static;
        left: auto;
        right: auto;
        bottom: auto;
        max-height: none;
        overflow: visible;
    }
}

/* Recent orders v3 — compact KPI + proper modal */
#dashboard .kpi-orders{cursor:pointer;overflow:hidden!important;align-items:flex-start}
#dashboard .kpi-orders:has(#recentOrdersPanel:not([hidden])){grid-column:auto}
#dashboard .recent-order-preview{width:100%;box-sizing:border-box;margin-top:8px;padding:6px;border:0;border-radius:10px;background:#f4f7fc;display:flex;align-items:center;gap:7px;cursor:pointer}
#dashboard .recent-order-preview:hover{background:#edf2fa}
#dashboard .recent-order-more{flex:0 0 auto;font-size:8px;font-weight:700;color:#66758e;white-space:nowrap}
.recent-orders-modal{position:fixed;inset:0;z-index:700;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(11,18,33,.48);backdrop-filter:blur(4px)}
.recent-orders-modal[hidden]{display:none!important}
.recent-orders-dialog{width:min(760px,96vw);max-height:min(760px,88vh);overflow:hidden;padding:20px;border-radius:20px;background:#fff;box-shadow:0 25px 80px rgba(15,23,42,.22)}
.recent-orders-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}
.recent-orders-dialog-head h3{margin:4px 0 3px;font-size:20px}.recent-orders-dialog-head p{margin:0;color:#8390a8;font-size:11px}
.recent-orders-dialog-head button{width:36px;height:36px;padding:0!important;font-size:20px}
.recent-orders-modal-list{max-height:calc(88vh - 105px);overflow:auto}
.recent-orders-modal-list .recent-order-row{padding:11px 8px}
.recent-orders-modal-list .recent-order-row-image{width:42px;height:42px;flex-basis:42px}
.recent-orders-modal-list .recent-order-row-head b{max-width:480px;font-size:12px}
.recent-orders-modal-list .recent-order-route{font-size:11px;padding:8px 10px}
.recent-orders-modal-list .recent-order-route small{font-size:9px}
body.modal-open{overflow:hidden}
@media(max-width:720px){.recent-orders-modal{padding:12px}.recent-orders-dialog{width:100%;max-height:88vh;padding:14px}.recent-orders-modal-list{max-height:calc(88vh - 90px)}}

/* Recent orders v4 — last order is part of the Orders KPI itself */
#dashboard .kpi-orders {
    cursor: pointer;
}
#dashboard .kpi-orders .kpi-content {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
#dashboard .recent-order-inline {
    display: flex;
    align-items: center;
    gap: 7px;
    width: 100%;
    margin-top: 7px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    min-width: 0;
}
#dashboard .recent-order-inline img {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    object-fit: cover;
    border-radius: 7px;
    background: #fff;
}
#dashboard .recent-order-inline-copy {
    display: flex;
    flex: 1;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}
#dashboard .recent-order-inline-copy b {
    display: block;
    max-width: 100%;
    overflow: hidden;
    font-size: 9px;
    line-height: 1.2;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--app-text, #1d2940);
}
#dashboard .recent-order-inline-copy small {
    display: block;
    margin: 0;
    font-size: 8px;
    line-height: 1.2;
    color: #8793a8;
}
#dashboard .recent-order-preview,
#dashboard .recent-order-more {
    display: none !important;
}

/* Recent orders v5 — order datetime inside route bar */
.recent-orders-modal-list .recent-order-route {
    grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto;
}
.recent-order-route-time {
    align-self: center;
    white-space: nowrap;
    padding-left: 10px;
    font-size: 9px;
    font-weight: 600;
    opacity: .72;
}
@media(max-width:720px){
    .recent-orders-modal-list .recent-order-route {
        grid-template-columns: 1fr 1fr;
    }
    .recent-orders-modal-list .recent-order-route > i {
        display: none;
    }
    .recent-order-route-time {
        grid-column: 1 / -1;
        padding-left: 0;
        padding-top: 3px;
    }
}

/* Recent orders v6 — last order aligned right on the KPI main row */
#dashboard .kpi-orders {
    display: grid;
    grid-template-columns: auto minmax(0, .72fr) minmax(150px, 1.28fr);
    align-items: center;
    column-gap: 12px;
}
#dashboard .kpi-orders > .kpi-icon {
    align-self: start;
}
#dashboard .kpi-orders > .kpi-content {
    display: contents;
}
#dashboard .kpi-orders > .kpi-content > span,
#dashboard .kpi-orders > .kpi-content > strong,
#dashboard .kpi-orders > .kpi-content > small {
    grid-column: 2;
}
#dashboard .kpi-orders > .kpi-content > span {
    align-self: end;
}
#dashboard .kpi-orders > .kpi-content > strong {
    align-self: center;
}
#dashboard .kpi-orders > .kpi-content > small {
    align-self: start;
}
#dashboard .kpi-orders .recent-order-inline {
    grid-column: 3;
    grid-row: 1 / span 4;
    align-self: center;
    margin: 0;
    padding: 0;
}
#dashboard .kpi-orders .recent-order-inline img {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
}
#dashboard .kpi-orders .recent-order-inline-copy b {
    font-size: 9px;
}
#dashboard .kpi-orders .recent-order-inline-copy small {
    font-size: 8px;
}
@media(max-width:720px){
    #dashboard .kpi-orders {
        grid-template-columns: auto minmax(0,1fr);
    }
    #dashboard .kpi-orders .recent-order-inline {
        grid-column: 2;
        grid-row: auto;
        margin-top: 7px;
    }
}

/* Recent orders v7 — last order shifted LEFT, next to Orders icon */
#dashboard .kpi-orders {
    grid-template-columns: auto minmax(145px, 1.2fr) minmax(0, .8fr);
}
#dashboard .kpi-orders > .kpi-content > span,
#dashboard .kpi-orders > .kpi-content > strong,
#dashboard .kpi-orders > .kpi-content > small {
    grid-column: 3;
}
#dashboard .kpi-orders .recent-order-inline {
    grid-column: 2;
    grid-row: 1 / span 4;
    align-self: center;
    margin: 0;
}
@media(max-width:720px){
    #dashboard .kpi-orders {
        grid-template-columns: auto minmax(0,1fr);
    }
    #dashboard .kpi-orders > .kpi-content > span,
    #dashboard .kpi-orders > .kpi-content > strong,
    #dashboard .kpi-orders > .kpi-content > small {
        grid-column: 2;
    }
    #dashboard .kpi-orders .recent-order-inline {
        grid-column: 2;
        grid-row: auto;
    }
}

/* Recent orders v8 — restore layout from before v6/v7 */
#dashboard .kpi-orders {
    display: flex;
    grid-template-columns: none;
    align-items: flex-start;
    column-gap: initial;
}
#dashboard .kpi-orders > .kpi-icon {
    align-self: auto;
}
#dashboard .kpi-orders > .kpi-content {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
#dashboard .kpi-orders > .kpi-content > span,
#dashboard .kpi-orders > .kpi-content > strong,
#dashboard .kpi-orders > .kpi-content > small {
    grid-column: auto;
    align-self: auto;
}
#dashboard .kpi-orders .recent-order-inline {
    grid-column: auto;
    grid-row: auto;
    align-self: auto;
    width: 100%;
    margin-top: 7px;
    padding: 0;
}
#dashboard .kpi-orders .recent-order-inline img {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
}
@media(max-width:720px){
    #dashboard .kpi-orders {
        display: flex;
        grid-template-columns: none;
    }
    #dashboard .kpi-orders .recent-order-inline {
        grid-column: auto;
        grid-row: auto;
        margin-top: 7px;
    }
}

/* Recent orders v9 — align last-order block left edge with Orders icon */
#dashboard .kpi-orders .recent-order-inline {
    width: calc(100% + 54px);
    margin-left: -54px;
    box-sizing: border-box;
}
@media(max-width:720px){
    #dashboard .kpi-orders .recent-order-inline {
        width: calc(100% + 54px);
        margin-left: -54px;
    }
}

/* Recent orders v10 — exact left alignment with Orders icon */
#dashboard .kpi-orders .recent-order-inline {
    margin-left: -42px;
    width: calc(100% + 42px);
}
@media(max-width:720px){
    #dashboard .kpi-orders .recent-order-inline {
        margin-left: -42px;
        width: calc(100% + 42px);
    }
}

/* Recent orders v11 — product photo equals Orders KPI icon size */
#dashboard .kpi-orders .recent-order-inline img {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    flex: 0 0 44px;
}

/* Recent orders v12 — match actual visible Orders icon */
#dashboard .kpi-orders .recent-order-inline img {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    flex: 0 0 36px !important;
}

/* Recent orders v13 — exact vertical alignment with Orders icon */
#dashboard .kpi-orders .recent-order-inline {
    margin-left: -54px !important;
    width: calc(100% + 54px) !important;
}
#dashboard .orders-kpi-counts b{font-weight:800;color:inherit}
#dashboard .economy-strip .economy-item:first-child{cursor:pointer}
.recent-sale-inline{display:flex;align-items:center;gap:8px;margin-top:8px;min-width:0}.recent-sale-inline img{width:36px;height:36px;flex:0 0 36px;border-radius:7px;object-fit:cover}.recent-sale-inline-copy{display:flex;flex-direction:column;min-width:0;gap:1px}.recent-sale-inline-copy>b{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.recent-sale-inline-copy>small{font-size:8px;color:#8793a8}.recent-sale-money{margin-top:2px;font-size:8px;color:#66758e;white-space:nowrap}.recent-sale-money b{color:#25324a}
.recent-sales-modal{position:fixed;inset:0;z-index:710;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(11,18,33,.48);backdrop-filter:blur(4px)}.recent-sales-modal[hidden]{display:none!important}.recent-sales-dialog{width:min(860px,96vw);max-height:88vh;overflow:hidden;padding:20px;border-radius:20px;background:#fff;box-shadow:0 25px 80px rgba(15,23,42,.22)}.recent-sales-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.recent-sales-dialog-head h3{margin:4px 0 3px;font-size:20px}.recent-sales-dialog-head p{margin:0;color:#8390a8;font-size:11px}.recent-sales-dialog-head button{width:36px;height:36px;padding:0!important;font-size:20px}.recent-sales-modal-list{max-height:calc(88vh - 105px);overflow-y:auto;padding-right:4px}.recent-sale-row{display:flex;gap:10px;padding:10px 6px;border-bottom:1px solid #edf0f5}.recent-sale-row-image{width:42px;height:42px;flex:0 0 42px;border-radius:8px;object-fit:cover}.recent-sale-row-main{min-width:0;flex:1}.recent-sale-row-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px}.recent-sale-row-head b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.recent-sale-row-head time{white-space:nowrap;font-size:9px;color:#7f8ba1}.recent-sale-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px;padding:7px 10px;border-radius:9px;background:#f5f7fb}.recent-sale-flow span{display:flex;flex-direction:column}.recent-sale-flow small{font-size:8px;color:#8490a5}.recent-sale-flow b{font-size:11px}.recent-sale-flow i{font-style:normal;color:#a4adbc}.recent-sales-empty{padding:30px;text-align:center;color:#8793a8}
@media(max-width:720px){.recent-sale-money{white-space:normal}.recent-sales-modal{padding:12px}.recent-sales-dialog{width:100%;padding:14px}.recent-sale-flow{grid-template-columns:1fr}.recent-sale-flow i{display:none}.recent-sale-row-head{flex-direction:column;gap:2px}}

/* Recent sales v2 — compact single-line economy strip */
#dashboard .economy-strip .economy-item:first-child{
    display:grid;
    grid-template-columns:auto auto minmax(0,1fr);
    grid-template-rows:auto auto;
    align-items:center;
    column-gap:10px;
    row-gap:2px;
}
#dashboard .economy-strip .economy-item:first-child>span{grid-column:1;grid-row:1}
#dashboard .economy-strip .economy-item:first-child>strong{grid-column:1;grid-row:2}
#dashboard .economy-strip .economy-item:first-child>small{grid-column:2;grid-row:2;margin-left:-7px}
#dashboard .economy-strip .economy-item:first-child>.recent-sale-inline{
    grid-column:3;grid-row:1 / span 2;margin:0;align-self:center;
}
#dashboard .economy-strip .economy-item:first-child>#metricUnitsStoreBreakdown{grid-column:1 / -1}
.recent-sale-inline-copy{display:grid;grid-template-columns:minmax(140px,260px) auto minmax(300px,1fr);grid-template-rows:auto;align-items:center;gap:10px;width:100%}
.recent-sale-inline-copy>b{grid-column:1;max-width:260px;font-size:10px}
.recent-sale-inline-copy>small{grid-column:2;white-space:nowrap;font-size:9px}
.recent-sale-money{grid-column:3;margin:0;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:900px){
 .recent-sale-inline-copy{grid-template-columns:minmax(120px,1fr) auto;grid-template-rows:auto auto;gap:2px 8px}
 .recent-sale-inline-copy>b{grid-column:1}.recent-sale-inline-copy>small{grid-column:2}.recent-sale-money{grid-column:1 / -1}
}
#dashboard .economy-strip .economy-item:first-child{display:grid!important;grid-template-columns:68px minmax(0,1fr)!important;grid-template-rows:auto 1fr!important;column-gap:12px!important;row-gap:2px!important;align-items:center!important;min-height:76px!important}
#dashboard .economy-strip .economy-item:first-child>span{grid-column:1!important;grid-row:1!important;align-self:end!important}
#dashboard .economy-strip .economy-item:first-child>strong{grid-column:1!important;grid-row:2!important;align-self:start!important;font-size:24px!important;line-height:1!important;font-weight:800!important}
#dashboard .economy-strip .economy-item:first-child>small{grid-column:1!important;grid-row:2!important;align-self:start!important;margin:27px 0 0 1px!important;font-size:8px!important}
#dashboard .economy-strip .economy-item:first-child>.recent-sale-inline{grid-column:2!important;grid-row:1 / span 2!important;margin:0!important;align-self:center!important}
#dashboard .economy-strip .economy-item:first-child>#metricUnitsStoreBreakdown{grid-column:1 / -1!important}
.recent-sale-inline img{width:32px!important;height:32px!important;flex-basis:32px!important}.recent-sale-inline-copy{display:grid!important;grid-template-columns:minmax(130px,220px) auto!important;grid-template-rows:auto auto!important;gap:1px 10px!important;width:auto!important}.recent-sale-inline-copy>b{grid-column:1!important;grid-row:1!important;max-width:220px!important;font-size:9px!important;line-height:1.2!important}.recent-sale-inline-copy>small{grid-column:2!important;grid-row:1!important;font-size:8px!important;white-space:nowrap!important}.recent-sale-money{grid-column:1 / -1!important;grid-row:2!important;margin:0!important;font-size:8px!important;line-height:1.2!important;color:#7d899d!important;white-space:nowrap!important}
/* recent sales v4: same visual hierarchy as last order */
#dashboard .economy-strip .economy-item:first-child{display:block!important;position:relative!important;min-height:70px!important;padding:14px 16px!important}
#dashboard .economy-strip .economy-item:first-child>span{display:block!important;margin:0 0 10px!important;font-size:9px!important}
#dashboard .economy-strip .economy-item:first-child>strong{display:inline-block!important;margin:0!important;font-size:22px!important;line-height:1!important;font-weight:800!important}
#dashboard .economy-strip .economy-item:first-child>small{display:inline-block!important;margin:0 0 0 4px!important;font-size:8px!important}
#dashboard .economy-strip .economy-item:first-child>.recent-sale-inline{position:absolute!important;left:78px!important;right:14px!important;top:31px!important;margin:0!important;height:34px!important;display:flex!important;align-items:center!important;gap:7px!important}
.recent-sale-inline img{width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:6px!important}.recent-sale-inline-copy{display:flex!important;flex-direction:column!important;gap:1px!important;min-width:0!important}.recent-sale-inline-copy>b{font-size:8px!important;line-height:1.1!important;max-width:240px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.recent-sale-inline-copy>small{font-size:7px!important;line-height:1!important}.recent-sale-money{font-size:7px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:520px!important}
/* recent sales v5 — preview only photo, title and datetime */
.recent-sale-money{display:none!important}
.recent-sale-inline-copy{display:grid!important;grid-template-columns:minmax(150px,260px) auto!important;grid-template-rows:auto!important;align-items:center!important;gap:10px!important}
.recent-sale-inline-copy>b{grid-column:1!important;grid-row:1!important;font-size:9px!important}
.recent-sale-inline-copy>small{grid-column:2!important;grid-row:1!important;font-size:8px!important}
/* recent sales v6 — large centered KPI, tiny last-sale caption */
#dashboard .economy-strip .economy-item:first-child{
 position:relative!important;
 min-height:76px!important;
 padding:10px 14px!important;
}
#dashboard .economy-strip .economy-item:first-child>span{
 position:absolute!important;
 left:14px!important;top:9px!important;
 margin:0!important;
 font-size:8px!important;
}
#dashboard .economy-strip .economy-item:first-child>strong{
 position:absolute!important;
 left:14px!important;top:50%!important;
 transform:translateY(-38%)!important;
 width:52px!important;
 text-align:center!important;
 margin:0!important;
 font-size:32px!important;
 line-height:1!important;
 font-weight:800!important;
}
#dashboard .economy-strip .economy-item:first-child>small{
 position:absolute!important;
 left:61px!important;top:53px!important;
 margin:0!important;
 font-size:6px!important;
}
#dashboard .economy-strip .economy-item:first-child>.recent-sale-inline{
 left:82px!important;
 right:14px!important;
 top:50%!important;
 transform:translateY(-50%)!important;
 height:28px!important;
 gap:6px!important;
}
.recent-sale-inline img{
 width:26px!important;height:26px!important;flex:0 0 26px!important;
}
.recent-sale-inline-copy{
 display:grid!important;
 grid-template-columns:minmax(90px,180px) auto!important;
 gap:7px!important;
 align-items:center!important;
}
.recent-sale-inline-copy>b{
 max-width:180px!important;
 font-size:6px!important;
 line-height:1!important;
 font-weight:600!important;
}
.recent-sale-inline-copy>small{
 font-size:6px!important;
 line-height:1!important;
}
/* recent sales v7 — product preview exactly like Orders card */
#dashboard .economy-strip .economy-item:first-child>.recent-sale-inline{
    height:36px!important;
    gap:7px!important;
}
#dashboard .economy-strip .economy-item:first-child .recent-sale-inline img{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    flex:0 0 36px!important;
    border-radius:7px!important;
}
#dashboard .economy-strip .economy-item:first-child .recent-sale-inline-copy{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:2px!important;
}
#dashboard .economy-strip .economy-item:first-child .recent-sale-inline-copy>b{
    max-width:260px!important;
    font-size:10px!important;
    line-height:1.15!important;
    font-weight:600!important;
}
#dashboard .economy-strip .economy-item:first-child .recent-sale-inline-copy>small{
    font-size:8px!important;
    line-height:1!important;
}
/* recent sales v8 — move purchase datetime left, directly under product name */
#dashboard .economy-strip .economy-item:first-child .recent-sale-inline-copy>small{
    align-self:flex-start!important;
    margin-left:0!important;
    text-align:left!important;
}
/* recent sales v9 — sold count typography matches Orders KPI */
#dashboard .economy-strip .economy-item:first-child>strong{
    font-size:28px!important;
    line-height:1!important;
    font-weight:700!important;
    letter-spacing:normal!important;
}
/* recent sales v10 — only buyer payment and Ozon/WB payout */
.recent-sale-flow{grid-template-columns:1fr auto 1fr!important}
/* recent sales v11 — per-item details show only direct Ozon buyer payment */
.recent-sale-flow{display:block!important}
.recent-sale-flow>span{display:flex!important;flex-direction:column!important}
/* recent sales v12 — buyer payment + Ozon per-unit amount payable to seller */
.recent-sale-flow{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:10px!important}
.recent-sale-flow>span{display:flex!important;flex-direction:column!important}
.recent-sale-flow>i{display:block!important}

/* MP Director unified period dropdown v1 */
.mp-period-dropdown{position:relative!important;width:100%!important;min-width:0!important;font-family:inherit!important;z-index:20}
.mp-period-native-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
.mp-period-dropdown-button{width:100%!important;height:40px!important;border:0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 6px 22px rgba(40,64,110,.055)!important;padding:0 14px 0 16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;color:#17223b!important;font:600 14px/1.2 inherit!important;cursor:pointer!important;white-space:nowrap!important}
.mp-period-dropdown-arrow{font-size:15px!important;line-height:1!important;color:#7183a3!important;transition:transform .18s ease!important;transform:translateY(-1px)!important}
.mp-period-dropdown.is-open .mp-period-dropdown-arrow{transform:rotate(180deg) translateY(1px)!important}
.mp-period-dropdown-menu{position:absolute!important;left:0!important;right:0!important;top:calc(100% + 7px)!important;padding:6px!important;background:#fff!important;border:1px solid #e7edf7!important;border-radius:14px!important;box-shadow:0 16px 38px rgba(29,48,83,.16)!important;z-index:10000!important;max-height:330px!important;overflow:auto!important}
.mp-period-dropdown-menu[hidden]{display:none!important}
.mp-period-dropdown-option{display:block!important;width:100%!important;min-height:34px!important;border:0!important;border-radius:9px!important;background:transparent!important;padding:7px 11px!important;text-align:left!important;color:#17223b!important;font:500 14px/1.25 inherit!important;cursor:pointer!important}
.mp-period-dropdown-option:hover{background:#f2f6ff!important;color:#2563d9!important}
.mp-period-dropdown-option.is-active{background:#edf4ff!important;color:#1763d6!important;font-weight:700!important}
@media(max-width:700px){.mp-period-dropdown-button{height:38px!important;border-radius:13px!important;font-size:13px!important}.mp-period-dropdown-menu{border-radius:13px!important}.mp-period-dropdown-option{font-size:13px!important;min-height:33px!important}}

/* MP Director period dropdown overflow fix v2 */
#analyticsPeriodKpiCard,
#analyticsPeriodKpiCard .kpi-period-content,
#analyticsPeriodKpiCard #analyticsPeriodKpiMount,
#analyticsPeriodKpiCard .analytics-period,
.advertising-toolbar,
.products-toolbar,
.all-finance-period-toolbar,
#financeOtherSection,
#returnsSection,
#unitEconomicsSection .ue-period-control {
    overflow: visible !important;
}
#analyticsPeriodKpiCard,
.advertising-toolbar,
.products-toolbar,
.all-finance-period-toolbar,
#financeOtherSection,
#returnsSection,
#unitEconomicsSection .ue-period-control {
    position: relative !important;
    z-index: 30 !important;
}
.mp-period-dropdown.is-open { z-index: 10020 !important; }

/* MP Director period dropdown compact portal v3 */
.mp-period-dropdown-menu{
    position:fixed!important;
    z-index:2147483000!important;
    padding:4px!important;
    border-radius:12px!important;
    max-height:none!important;
    overflow:visible!important;
    box-shadow:0 12px 32px rgba(29,48,83,.18)!important;
}
.mp-period-dropdown-option{
    min-height:27px!important;
    height:27px!important;
    padding:3px 10px!important;
    border-radius:7px!important;
    font-size:12px!important;
    line-height:21px!important;
}
@media(max-width:700px){
    .mp-period-dropdown-menu{padding:3px!important;border-radius:11px!important}
    .mp-period-dropdown-option{min-height:26px!important;height:26px!important;padding:2px 9px!important;font-size:12px!important;line-height:22px!important}
}
/* period fixed overlay v4 */
.mp-period-dropdown-overlay{display:block!important;position:fixed!important;right:auto!important;bottom:auto!important;z-index:2147483640!important;max-height:none!important;overflow:visible!important}
/* period dropdown v5 stable */
.mp-period-overflow-open{overflow:visible!important}
.mp-period-dropdown{position:relative!important;z-index:200!important}
.mp-period-dropdown.is-open{z-index:999999!important}
.mp-period-dropdown-menu,.mp-period-dropdown-overlay{
 position:absolute!important;left:0!important;right:0!important;top:calc(100% + 4px)!important;bottom:auto!important;width:auto!important;
 z-index:9999999!important;padding:3px!important;background:#fff!important;border:1px solid #e7edf7!important;border-radius:11px!important;
 box-shadow:0 12px 30px rgba(29,48,83,.18)!important;max-height:none!important;overflow:visible!important
}
.mp-period-dropdown-option{height:25px!important;min-height:25px!important;padding:2px 9px!important;border:0!important;border-radius:7px!important;background:#fff!important;color:#17223b!important;font:500 12px/21px inherit!important;text-align:left!important}
.mp-period-dropdown-option:hover{background:#f2f6ff!important;color:#2563d9!important}.mp-period-dropdown-option.is-active{background:#edf4ff!important;color:#1763d6!important;font-weight:700!important}
/* period dropdown v6 — ultra compact + above KPI grid */
#analyticsPeriodKpiCard:has(.mp-period-dropdown.is-open),
.kpi-card:has(.mp-period-dropdown.is-open),
.analytics-kpi-card:has(.mp-period-dropdown.is-open),
section:has(.mp-period-dropdown.is-open),
.analytics-period:has(.mp-period-dropdown.is-open){
    overflow:visible!important;
    position:relative!important;
    z-index:2147480000!important;
    isolation:auto!important;
}
.mp-period-dropdown.is-open{z-index:2147481000!important}
.mp-period-dropdown-menu{
    z-index:2147482000!important;
    padding:2px!important;
    border-radius:8px!important;
    gap:0!important;
    max-height:none!important;
    overflow:visible!important;
}
.mp-period-dropdown-option{
    display:block!important;
    height:16px!important;
    min-height:16px!important;
    margin:0!important;
    padding:0 7px!important;
    border-radius:4px!important;
    font-size:10px!important;
    line-height:16px!important;
}
/* period dropdown v7 — slightly larger */
.mp-period-dropdown-option{
    height:20px!important;
    min-height:20px!important;
    padding:1px 8px!important;
    font-size:11px!important;
    line-height:18px!important;
    border-radius:5px!important;
}
.mp-period-dropdown-menu{padding:3px!important;border-radius:9px!important}
/* Landing marketplace word colors */
#auth .brand-ozon{color:#005bff!important}
#auth .brand-wb{color:#cb11ab!important}
#auth .landing-hero h1 .brand-ozon,
#auth .landing-hero h1 .brand-wb{font:inherit!important}
/* Landing marketplace inline words — preserve original hero layout */
#auth .landing-hero-copy h1 .brand-ozon,
#auth .landing-hero-copy h1 .brand-wb{
    display:inline!important;
    font:inherit!important;
    line-height:inherit!important;
    letter-spacing:inherit!important;
}
#auth .landing-eyebrow .brand-ozon,
#auth .landing-eyebrow .brand-wb,
#auth .landing-lead .brand-ozon,
#auth .landing-lead .brand-wb{
    display:inline!important;
}
/* period orders / buyouts v1 */
.period-order-buyout-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0 16px}
.period-feed-card{min-width:0;padding:15px 16px!important}
.period-feed-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.period-feed-head h3{margin:2px 0 0;font-size:16px}.period-feed-head>b{font-size:24px;color:#17223b}
.period-feed-list{display:flex;flex-direction:column;gap:6px;max-height:590px;overflow-y:auto;padding-right:3px}
.period-feed-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px;align-items:center;padding:7px 8px;border:1px solid #edf1f7;border-radius:11px;background:#fff}
.period-feed-image{width:42px;height:42px;object-fit:cover;border-radius:8px;background:#f3f6fb}.period-feed-no-image{display:flex;align-items:center;justify-content:center}
.period-feed-main{min-width:0}.period-feed-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#17223b;margin-bottom:5px}
.period-feed-route{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;gap:6px;padding:4px 7px;border-radius:8px;font-size:10px}
.period-feed-route.route-same{background:#effaf3}.period-feed-route.route-different{background:#fff0f5}
.period-feed-route span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.period-feed-route small{display:block;font-size:8px;color:#8995aa}.period-feed-route i{font-style:normal;color:#8c99ad}.period-feed-route time{font-size:9px;color:#738097;white-space:nowrap}
.period-feed-empty{padding:18px;text-align:center;color:#8793a7;font-size:12px}
@media(max-width:900px){.period-order-buyout-grid{grid-template-columns:1fr}.period-feed-list{max-height:520px}}
/* unit economics marketplace discount help */
.ue-page-head{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:24px!important}
.ue-discount-help-button{width:430px;min-height:86px;border:1px solid #dbe5f5;border-radius:18px;background:linear-gradient(135deg,#fff,#f5f8ff);box-shadow:0 10px 28px rgba(34,63,115,.08);display:flex;align-items:center;gap:12px;padding:16px 20px;color:#24426f;font-weight:700;font-size:14px;text-align:left;cursor:pointer}
.ue-discount-help-button:hover{transform:translateY(-1px);box-shadow:0 13px 32px rgba(34,63,115,.12)}
.ue-discount-help-icon{width:32px;height:32px;border-radius:10px;background:#edf3ff;color:#2f6cff;display:flex;align-items:center;justify-content:center;font-size:17px;flex:0 0 auto}
body.mp-theme-wb .ue-discount-help-icon{background:#fff0fb;color:#cb11ab}.ue-help-modal{position:fixed;inset:0;z-index:2147483000;background:rgba(11,24,48,.42);display:flex;align-items:center;justify-content:center;padding:24px}.ue-help-modal[hidden]{display:none!important}
.ue-help-dialog{position:relative;width:min(720px,96vw);max-height:88vh;overflow:auto;background:#fff;border-radius:20px;padding:28px;box-shadow:0 30px 80px rgba(8,25,55,.28)}.ue-help-close{position:absolute;right:16px;top:13px;border:0;background:#f2f5fa;width:34px;height:34px;border-radius:10px;font-size:23px;cursor:pointer}.ue-help-content h3{margin:8px 42px 16px 0;font-size:22px}.ue-help-content p{font-size:14px;line-height:1.55;color:#44516a}.ue-help-brand{display:inline-block;padding:5px 10px;border-radius:8px;font-weight:800;font-size:12px}.ue-help-brand.ozon{color:#005bff;background:#edf4ff}.ue-help-brand.wb{color:#cb11ab;background:#fff0fb}.ue-help-example{display:grid;gap:6px;padding:14px 16px;margin:16px 0;border-radius:13px;background:#f6f8fc;font-size:13px}.ue-help-example b{margin-bottom:3px}@media(max-width:800px){.ue-page-head{display:block!important}.ue-discount-help-button{width:100%;min-height:58px;margin-top:14px}.ue-help-dialog{padding:22px}}
/* UE discount help v2 — transparent lightweight */
.ue-discount-help-button{
    width:auto!important;
    min-width:300px!important;
    min-height:44px!important;
    padding:8px 12px!important;
    background:transparent!important;
    box-shadow:none!important;
    border:1px solid rgba(111,132,169,.22)!important;
    border-radius:12px!important;
    color:#53627d!important;
    font-size:12px!important;
    font-weight:600!important;
}
.ue-discount-help-button:hover{
    background:rgba(255,255,255,.28)!important;
    border-color:rgba(47,108,255,.32)!important;
    box-shadow:none!important;
    transform:none!important;
}
.ue-discount-help-icon{
    width:25px!important;
    height:25px!important;
    border-radius:50%!important;
    background:transparent!important;
    border:1px solid #7d96c2!important;
    color:#5271a8!important;
    font-size:13px!important;
}
body.mp-theme-wb .ue-discount-help-icon{
    background:transparent!important;
    border-color:#cb11ab!important;
    color:#cb11ab!important;
}
/* detailed marketplace help */
.ue-help-content h4{margin:18px 0 6px;font-size:14px;color:#17223b}.ue-help-lead{font-size:15px!important;color:#28364f!important}.ue-help-example strong{margin-top:5px;padding-top:8px;border-top:1px solid #dfe5ef;color:#17223b}.ue-help-warning{margin-top:20px;padding:13px 15px;border-radius:12px;background:#f2f6fd;color:#33435f;font-size:13px;line-height:1.5}
body.mp-theme-wb .ue-help-warning{background:#fff2fa}
/* All finance — aggregated YTD sales/cost/margin */
.all-finance-year-block{margin-top:28px}.all-finance-year-block .comparison-block-head{margin-bottom:12px}.all-finance-year-block .comparison-block-head h3{margin:3px 0 4px}.all-finance-year-block .comparison-block-head p{margin:0;color:#8995a8;font-size:11px}.all-finance-result-head{margin-top:26px}
/* All finance period v2 — compact under heading */
.finance-all-mode .all-finance-period-toolbar{position:static!important;width:max-content!important;min-width:0!important;margin:8px 0 18px!important;padding:7px 9px!important;display:flex!important;align-items:center!important;gap:9px!important;background:transparent!important;border:0!important;box-shadow:none!important}
.finance-all-mode .all-finance-period-label{font-size:10px!important;margin:0!important}.finance-all-mode .all-finance-period-toolbar .mp-period-dropdown{width:190px!important}.finance-all-mode .all-finance-period-toolbar .mp-period-dropdown-button{min-height:36px!important;padding:7px 11px!important}
.finance-all-mode .all-finance-content{margin-top:0!important;padding-top:0!important}.finance-all-mode .page-section-head{margin-bottom:0!important;min-height:0!important}
/* All finance spacing v3 */
.finance-all-mode .all-finance-year-block{margin:0 0 28px!important}
.finance-all-mode .all-finance-year-block .finance-kpi-grid{margin-bottom:28px!important}
.finance-all-mode .all-finance-year-block .all-finance-result-head{margin-top:0!important;margin-bottom:14px!important}
.finance-all-mode .all-finance-year-block .finance-kpi-grid-three{margin-bottom:0!important}
.finance-all-mode .all-finance-kpi-grid{margin:0 0 28px!important;gap:14px!important}
.finance-all-mode .all-finance-stores{margin-top:0!important;padding-top:0!important}
.finance-all-mode .all-finance-year-block+.all-finance-kpi-grid{margin-top:0!important}
/* Finance store KPI quarter selector */
.finance-kpi-period-bar{display:flex;align-items:center;gap:10px;width:max-content;margin:22px 0 8px;padding:0;background:transparent}.finance-kpi-period-bar>span{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#75839a}.finance-kpi-period-bar .mp-period-dropdown{width:190px!important}.finance-kpi-period-bar .mp-period-dropdown-button{min-height:36px!important;padding:7px 11px!important}
.finance-all-mode .finance-kpi-period-bar{display:none!important}

/* Overall orders marketplace badges — ui278 */
.orders-marketplace-split{display:inline-flex;align-items:center;gap:6px;margin-left:9px;vertical-align:middle}.orders-marketplace-split[hidden]{display:none!important}.orders-market-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;line-height:1}.orders-market-badge i{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:6px;color:#fff;font-size:9px;font-weight:900;font-style:normal}.orders-market-badge b{font-size:10px;color:#66758d}.orders-market-badge.ozon i{background:#005bff}.orders-market-badge.wb i{background:#a2189e}@media(max-width:600px){.orders-marketplace-split{gap:4px;margin-left:6px}.orders-market-badge{gap:3px}.orders-market-badge i{width:16px;height:16px}.orders-market-badge b{font-size:9px}}
/* Marketplace badge only inside the common orders modal — ui280 */
.recent-order-market-badge{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;margin-right:6px;border-radius:6px;color:#fff;font-size:9px;font-weight:900;line-height:1}.recent-order-market-badge.ozon{background:#005bff}.recent-order-market-badge.wb{background:#a2189e}.recent-order-row-head{display:flex;align-items:center}
/* Buyout modal layout and cluster status — ui284 */
.recent-sales-modal-list .recent-sale-row{border:1px solid transparent;border-radius:12px;margin:0 0 6px;padding:9px 8px}.recent-sales-modal-list .recent-sale-row.cluster-match{background:#eef9f1;border-color:#d8efdf}.recent-sales-modal-list .recent-sale-row.cluster-mismatch{background:#fff0f3;border-color:#f6dce3}.recent-sales-modal-list .recent-sale-row-head{justify-content:flex-start;align-items:center;gap:6px}.recent-sales-modal-list .recent-sale-row-head b{flex:1;text-align:left}.recent-sales-modal-list .recent-sale-row-head time{margin-left:auto}.recent-sales-modal-list .recent-order-market-badge{margin-right:0}


/* General analytics visual cleanup — ui213 */
body.mp-theme-all #dashboard .economy-strip.economy-strip-all {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    overflow: hidden !important;
    border: 1px solid #dfe6f1 !important;
    border-radius: 20px !important;
    background: #fff !important;
}
body.mp-theme-all #dashboard .economy-strip.economy-strip-all > .economy-item {
    display: block !important;
    position: relative !important;
    min-height: 260px !important;
    padding: 18px 22px 20px !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #fff !important;
    overflow: hidden !important;
}
body.mp-theme-all #dashboard .economy-strip.economy-strip-all > .economy-item + .economy-item {
    border-left: 1px solid #e4e9f2 !important;
}
body.mp-theme-all #dashboard .economy-strip.economy-strip-all > .economy-item > span {
    display: block !important;
    position: static !important;
    margin: 0 0 8px !important;
    min-height: 0 !important;
    color: #8491a6 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
}
body.mp-theme-all #dashboard .economy-strip.economy-strip-all > .economy-item > strong {
    display: block !important;
    position: static !important;
    width: auto !important;
    margin: 0 0 14px !important;
    transform: none !important;
    text-align: left !important;
    color: #17223b !important;
    font-size: 24px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
}
body.mp-theme-all #dashboard .economy-strip.economy-strip-all > .economy-item > small {
    display: none !important;
}
body.mp-theme-all #dashboard .economy-strip.economy-strip-all .recent-sale-inline {
    display: none !important;
}
body.mp-theme-all #dashboard .economy-strip.economy-strip-all .all-store-breakdown {
    display: grid !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid #e6ebf3 !important;
}
body.mp-theme-all #dashboard .economy-strip.economy-strip-all .all-store-breakdown-row {
    display: grid !important;
    grid-template-columns: 74px minmax(0, 1fr) minmax(150px, auto) !important;
    min-height: 42px !important;
    padding: 0 2px !important;
    column-gap: 12px !important;
    align-items: center !important;
    border-bottom: 1px solid #eef2f7 !important;
}
body.mp-theme-all #dashboard .economy-strip.economy-strip-all .all-store-breakdown-row:last-child {
    border-bottom: 0 !important;
}
body.mp-theme-all #dashboard .economy-strip.economy-strip-all .all-store-marketplace {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    font-size: 17px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    letter-spacing: -.02em !important;
}
body.mp-theme-all #dashboard .economy-strip.economy-strip-all .all-store-name {
    min-width: 0 !important;
    overflow: hidden !important;
    color: #667389 !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    font-weight: 650 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
body.mp-theme-all #dashboard .economy-strip.economy-strip-all .all-store-breakdown-value {
    display: flex !important;
    min-width: 150px !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    text-align: right !important;
    white-space: nowrap !important;
}
body.mp-theme-all #dashboard .economy-strip.economy-strip-all .all-store-breakdown-value strong {
    display: block !important;
    min-width: 0 !important;
    color: #17223b !important;
    font-size: 16px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    font-variant-numeric: tabular-nums !important;
}
body.mp-theme-all #dashboard .economy-strip.economy-strip-all .all-store-breakdown-value .all-store-date {
    display: block !important;
    margin: 0 !important;
    color: #98a3b5 !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-style: normal !important;
}
body.mp-theme-all #dashboard .economy-strip.economy-strip-all .all-store-breakdown-value strong.pending {
    color: #a2189e !important;
    font-size: 13px !important;
}
@media (max-width: 900px) {
    body.mp-theme-all #dashboard .economy-strip.economy-strip-all {
        grid-template-columns: 1fr !important;
    }
    body.mp-theme-all #dashboard .economy-strip.economy-strip-all > .economy-item + .economy-item {
        border-left: 0 !important;
        border-top: 1px solid #e4e9f2 !important;
    }
    body.mp-theme-all #dashboard .economy-strip.economy-strip-all .all-store-breakdown-row {
        grid-template-columns: 62px minmax(0, 1fr) minmax(118px, auto) !important;
        column-gap: 8px !important;
    }
    body.mp-theme-all #dashboard .economy-strip.economy-strip-all .all-store-marketplace {
        font-size: 15px !important;
    }
    body.mp-theme-all #dashboard .economy-strip.economy-strip-all .all-store-name {
        font-size: 10px !important;
    }
    body.mp-theme-all #dashboard .economy-strip.economy-strip-all .all-store-breakdown-value strong {
        font-size: 14px !important;
    }
}


/* General analytics sold KPI fit — ui288 */
body.mp-theme-all #dashboard .economy-strip .economy-item:first-child {
    position: relative !important;
    min-height: 82px !important;
    padding: 12px 16px !important;
}
body.mp-theme-all #dashboard .economy-strip .economy-item:first-child > span {
    position: absolute !important;
    left: 16px !important;
    top: 10px !important;
    margin: 0 !important;
    font-size: 8px !important;
}
body.mp-theme-all #dashboard .economy-strip .economy-item:first-child > strong {
    position: absolute !important;
    left: 16px !important;
    top: 50% !important;
    transform: translateY(-42%) !important;
    width: 120px !important;
    max-width: 120px !important;
    min-width: 120px !important;
    margin: 0 !important;
    font-size: 28px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-variant-numeric: tabular-nums !important;
}
body.mp-theme-all #dashboard .economy-strip .economy-item:first-child > small {
    position: absolute !important;
    left: 16px !important;
    bottom: 12px !important;
    top: auto !important;
    margin: 0 !important;
    font-size: 8px !important;
    line-height: 1 !important;
}
body.mp-theme-all #dashboard .economy-strip .economy-item:first-child > .recent-sale-inline {
    position: absolute !important;
    left: 148px !important;
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
@media (max-width: 900px) {
    body.mp-theme-all #dashboard .economy-strip .economy-item:first-child > strong {
        width: 104px !important;
        min-width: 104px !important;
        max-width: 104px !important;
        font-size: 24px !important;
    }
    body.mp-theme-all #dashboard .economy-strip .economy-item:first-child > .recent-sale-inline {
        left: 128px !important;
    }
}


/* Sold KPI 7-digit fit on every marketplace — ui289 */
#dashboard .economy-strip .economy-item:first-child > #metricUnits {
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-38%) !important;
    width: 170px !important;
    min-width: 170px !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font-size: 28px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: -0.035em !important;
    font-variant-numeric: tabular-nums !important;
    text-align: left !important;
}
#dashboard .economy-strip .economy-item:first-child > #recentSalePreview {
    left: 205px !important;
    right: 14px !important;
}
@media (max-width: 900px) {
    #dashboard .economy-strip .economy-item:first-child > #metricUnits {
        width: 150px !important;
        min-width: 150px !important;
        font-size: 25px !important;
    }
    #dashboard .economy-strip .economy-item:first-child > #recentSalePreview {
        left: 180px !important;
    }
}


/* Mobile store switcher + economy cards — ui290 */
.mobile-store-switcher { display: none; }
.mobile-store-switcher[hidden] { display: none !important; }

@media (max-width: 760px) {
    #dashboard .mobile-store-switcher:not([hidden]) {
        display: flex !important;
        width: 100%;
        max-width: 100%;
        gap: 7px;
        margin: 8px 0 4px;
        padding: 2px 2px 4px;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    #dashboard .mobile-store-switcher::-webkit-scrollbar { display: none; }
    #dashboard .mobile-store-chip {
        flex: 0 0 auto;
        max-width: 190px;
        min-height: 34px;
        padding: 7px 12px;
        border: 1px solid #dce5f3;
        border-radius: 999px;
        background: rgba(255,255,255,.92);
        color: #42516b;
        box-shadow: 0 3px 10px rgba(31,55,96,.04);
        font: 650 11px/1.2 inherit;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer;
    }
    #dashboard .mobile-store-chip.active {
        border-color: #2f6cff;
        background: #2f6cff;
        color: #fff;
        box-shadow: 0 5px 14px rgba(47,108,255,.22);
    }

    body:not(.mp-theme-all) #dashboard .economy-strip {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        gap: 12px !important;
        margin-top: 14px !important;
        border: 0 !important;
        background: transparent !important;
        overflow: visible !important;
    }
    body:not(.mp-theme-all) #dashboard .economy-strip > .economy-item {
        display: block !important;
        position: relative !important;
        min-width: 0 !important;
        min-height: 148px !important;
        padding: 14px 14px 12px !important;
        border: 1px solid #e2e8f2 !important;
        border-radius: 20px !important;
        background: rgba(255,255,255,.94) !important;
        box-shadow: 0 8px 24px rgba(40,64,110,.055) !important;
        overflow: hidden !important;
    }
    body:not(.mp-theme-all) #dashboard .economy-strip > .economy-item > span,
    body:not(.mp-theme-all) #dashboard .economy-strip > .economy-item .metric-label-with-help {
        display: flex !important;
        position: static !important;
        min-height: 0 !important;
        margin: 0 0 10px !important;
        align-items: center !important;
        color: #8793a6 !important;
        font-size: 10px !important;
        line-height: 1.2 !important;
        font-weight: 800 !important;
        letter-spacing: .02em !important;
        text-transform: uppercase !important;
    }
    body:not(.mp-theme-all) #dashboard .economy-strip > .economy-item:first-child > #metricUnits,
    body:not(.mp-theme-all) #dashboard .economy-strip > .economy-item:nth-child(2) > #metricFinance {
        display: block !important;
        position: static !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
        color: #17223b !important;
        font-size: clamp(25px, 7.2vw, 34px) !important;
        line-height: 1 !important;
        font-weight: 800 !important;
        letter-spacing: -.035em !important;
        text-align: left !important;
        font-variant-numeric: tabular-nums !important;
    }
    body:not(.mp-theme-all) #dashboard .economy-strip > .economy-item:first-child > small {
        display: inline-block !important;
        position: static !important;
        margin: 5px 0 0 2px !important;
        color: #99a3b3 !important;
        font-size: 9px !important;
        line-height: 1 !important;
    }
    body:not(.mp-theme-all) #dashboard .economy-strip > .economy-item:first-child > #recentSalePreview {
        display: flex !important;
        position: static !important;
        width: 100% !important;
        height: auto !important;
        min-width: 0 !important;
        margin: 13px 0 0 !important;
        padding-top: 10px !important;
        transform: none !important;
        align-items: center !important;
        gap: 8px !important;
        border-top: 1px solid #edf1f6 !important;
        overflow: hidden !important;
    }
    body:not(.mp-theme-all) #dashboard #recentSalePreview img {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
        flex: 0 0 34px !important;
        border-radius: 8px !important;
        object-fit: cover !important;
    }
    body:not(.mp-theme-all) #dashboard #recentSalePreview .recent-sale-inline-copy {
        display: flex !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        flex-direction: column !important;
        gap: 3px !important;
    }
    body:not(.mp-theme-all) #dashboard #recentSalePreview .recent-sale-inline-copy > b {
        display: -webkit-box !important;
        max-width: none !important;
        overflow: hidden !important;
        color: #27324a !important;
        font-size: 9px !important;
        line-height: 1.2 !important;
        font-weight: 650 !important;
        white-space: normal !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    body:not(.mp-theme-all) #dashboard #recentSalePreview .recent-sale-inline-copy > small {
        align-self: flex-start !important;
        margin: 0 !important;
        color: #8d98aa !important;
        font-size: 8px !important;
        line-height: 1 !important;
    }
    body:not(.mp-theme-all) #dashboard .economy-strip > .economy-item:nth-child(2) .metric-help {
        flex: 0 0 auto !important;
        margin-left: 5px !important;
    }
}


/* Mobile analytics top controls — ui291 */
.mobile-analytics-toolbar { display: none; }
@media (max-width: 760px) {
    body.dashboard-active .mobile-analytics-toolbar {
        display: block !important;
        position: sticky;
        top: 64px;
        z-index: 950;
        margin: 0 -16px 10px;
        padding: 8px 16px 9px;
        background: rgba(247,250,255,.96);
        border-bottom: 1px solid #e6ebf3;
        backdrop-filter: blur(10px);
    }
    body.dashboard-active .mobile-marketplace-switch {
        display: grid;
        grid-template-columns: repeat(3, minmax(0,1fr));
        gap: 7px;
        width: 100%;
    }
    body.dashboard-active .mobile-marketplace-switch .marketplace-switch-button {
        width: 100% !important;
        min-width: 0 !important;
        height: 34px !important;
        padding: 0 8px !important;
        border: 1px solid #dfe6f2 !important;
        border-radius: 11px !important;
        background: #fff !important;
        color: #52617a !important;
        box-shadow: none !important;
        font: 750 11px/34px inherit !important;
        text-align: center !important;
    }
    body.dashboard-active .mobile-marketplace-switch .marketplace-switch-button.active[data-marketplace="all"] {
        border-color: #31ad78 !important;
        background: #31ad78 !important;
        color: #fff !important;
    }
    body.dashboard-active .mobile-marketplace-switch .marketplace-switch-button.active[data-marketplace="ozon"] {
        border-color: #3974e8 !important;
        background: #3974e8 !important;
        color: #fff !important;
    }
    body.dashboard-active .mobile-marketplace-switch .marketplace-switch-button.active[data-marketplace="wb"] {
        border-color: #c741bf !important;
        background: #c741bf !important;
        color: #fff !important;
    }
    body.dashboard-active .mobile-marketplace-switch .marketplace-switch-button:disabled {
        opacity: .38 !important;
    }
    body.dashboard-active #mobileStoreSwitcher:not([hidden]) {
        display: flex !important;
        width: 100%;
        gap: 7px;
        margin: 8px 0 0 !important;
        padding: 0 0 2px !important;
        overflow-x: auto;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    body.dashboard-active #mobileStoreSwitcher::-webkit-scrollbar { display:none; }
    body.dashboard-active #mobileStoreSwitcher .mobile-store-chip {
        flex: 0 0 auto;
        max-width: 180px;
        min-height: 31px;
        padding: 6px 11px;
        border: 1px solid #dce5f2;
        border-radius: 999px;
        background: #fff;
        color: #52617a;
        font: 650 10px/1.2 inherit;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    body.dashboard-active #mobileStoreSwitcher .mobile-store-chip.active {
        border-color: #2f6cff;
        background: #edf4ff;
        color: #1f5ed5;
        font-weight: 800;
    }
}


/* Mobile analytics dropdowns — ui292 */
@media (max-width: 760px) {
    body.dashboard-active .mobile-analytics-toolbar {
        display: grid !important;
        grid-template-columns: minmax(0, .9fr) minmax(0, 1.35fr);
        gap: 8px;
        position: sticky;
        top: 64px;
        z-index: 950;
        margin: 0 -16px 10px;
        padding: 8px 16px 9px;
        background: rgba(247,250,255,.97);
        border-bottom: 1px solid #e6ebf3;
        backdrop-filter: blur(10px);
    }
    body.dashboard-active .mobile-analytics-select-wrap {
        display: flex;
        min-width: 0;
        flex-direction: column;
        gap: 4px;
    }
    body.dashboard-active .mobile-analytics-select-wrap[hidden] {
        display: none !important;
    }
    body.dashboard-active .mobile-analytics-select-wrap > span {
        padding-left: 3px;
        color: #8b97aa;
        font-size: 8px;
        line-height: 1;
        font-weight: 800;
        letter-spacing: .04em;
        text-transform: uppercase;
    }
    body.dashboard-active .mobile-analytics-select {
        width: 100%;
        min-width: 0;
        height: 38px;
        padding: 0 34px 0 11px;
        border: 1px solid #dce4f0;
        border-radius: 12px;
        background-color: #fff;
        color: #24324a;
        box-shadow: 0 4px 12px rgba(38,63,108,.05);
        font: 700 12px/38px inherit;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    body.dashboard-active .mobile-analytics-toolbar:has(#mobileStoreSelectWrap[hidden]) {
        grid-template-columns: 1fr;
    }
    body.dashboard-active .mobile-marketplace-switch,
    body.dashboard-active #mobileStoreSwitcher {
        display: none !important;
    }
}

/* ALL marketplace economy blocks - isolated fix */
body.mp-theme-all #dashboard .economy-strip > .economy-item {
    position: relative !important;
    min-height: 82px !important;
}

body.mp-theme-all #dashboard .economy-strip > .economy-item > span,
body.mp-theme-all #dashboard .economy-strip > .economy-item .metric-label-with-help,
body.mp-theme-all #dashboard #metricFinanceLabel {
    font-size: 8px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    letter-spacing: .025em !important;
    text-transform: uppercase !important;
}

/* hide bought product preview only in General tab */
body.mp-theme-all #dashboard #recentSalePreview {
    display: none !important;
}

/* sold quantity bottom right */
body.mp-theme-all #dashboard .economy-strip > .economy-item:first-child > #metricUnits {
    position: absolute !important;
    right: 22px !important;
    bottom: 18px !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    font-size: 19px !important;
    line-height: 1.1 !important;
}

/* finance total bottom right */
body.mp-theme-all #dashboard .economy-strip > .economy-item:nth-child(2) > #metricFinance {
    position: absolute !important;
    right: 22px !important;
    bottom: 18px !important;
    left: auto !important;
    top: auto !important;
    margin: 0 !important;
    font-size: 19px !important;
    line-height: 1.1 !important;
}


/* ONLY all marketplace economy blocks alignment */
body.mp-theme-all #dashboard .economy-strip .economy-item:first-child,
body.mp-theme-all #dashboard .economy-strip .economy-item:nth-child(2) {
    position: relative;
}

/* labels same as finance label */
body.mp-theme-all #dashboard .economy-strip .economy-item > span,
body.mp-theme-all #dashboard .economy-strip .metric-label-with-help {
    font-size: 10px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    min-height: 28px;
}

/* move totals to bottom right */
body.mp-theme-all #dashboard .economy-strip .economy-item:first-child > #metricUnits,
body.mp-theme-all #dashboard .economy-strip .economy-item:nth-child(2) > #metricFinance {
    position: absolute !important;
    right: 18px !important;
    bottom: 14px !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    margin: 0 !important;
    font-size: 26px !important;
    line-height: 1.1 !important;
}

/* hide only preview */
body.mp-theme-all #dashboard #recentSalePreview {
    display:none !important;
}

/* FINAL: align all-store economy cards only */
body.mp-theme-all #dashboard .economy-strip {
    align-items: stretch;
}

body.mp-theme-all #dashboard .economy-strip > .economy-item {
    position: relative;
    min-height: 250px;
    padding-top: 14px;
}

body.mp-theme-all #dashboard .economy-strip > .economy-item > span,
body.mp-theme-all #dashboard .economy-strip > .economy-item .metric-label-with-help {
    display: block;
    height: 18px;
    margin: 0 0 10px 0;
    font-size: 10px;
    line-height: 18px;
}

body.mp-theme-all #dashboard .economy-strip > .economy-item > strong {
    position: absolute;
    right: 18px;
    bottom: 16px;
    margin: 0;
    font-size: 28px;
    line-height: 1;
}

body.mp-theme-all #dashboard .economy-strip > .economy-item:first-child #recentSalePreview {
    display: none !important;
}

/* FINAL exact alignment only: Общая аналитика lower blocks */
body.mp-theme-all #dashboard .economy-strip.economy-strip-all {
    align-items: stretch !important;
}

body.mp-theme-all #dashboard .economy-strip.economy-strip-all > .economy-item {
    position: relative !important;
    min-height: 255px !important;
    padding-top: 12px !important;
}

body.mp-theme-all #dashboard .economy-strip.economy-strip-all > .economy-item > span,
body.mp-theme-all #dashboard .economy-strip.economy-strip-all .metric-label-with-help {
    font-size: 8px !important;
    line-height: 1.2 !important;
    height: 14px !important;
    margin: 0 !important;
}

body.mp-theme-all #dashboard .economy-strip.economy-strip-all > .economy-item > strong {
    position: absolute !important;
    right: 18px !important;
    bottom: 18px !important;
    margin: 0 !important;
    font-size: 28px !important;
    line-height: 1 !important;
}

/* remove help icon from finance block */
body.mp-theme-all #dashboard .economy-strip.economy-strip-all .metric-help {
    display: none !important;
}

body.mp-theme-all #dashboard .economy-strip.economy-strip-all .all-store-breakdown {
    margin-top: 12px !important;
}

/* FINAL: Общая аналитика - зеркальное выравнивание блока Продано и Финансовый итог */
body.mp-theme-all #dashboard .economy-strip > .economy-item {
    position: relative !important;
    min-height: 250px !important;
}

body.mp-theme-all #dashboard .economy-strip > .economy-item > span,
body.mp-theme-all #dashboard .economy-strip > .economy-item .metric-label-with-help {
    position: absolute !important;
    top: 12px !important;
    left: 16px !important;
    margin: 0 !important;
    font-size: 8px !important;
    line-height: 1.2 !important;
}

body.mp-theme-all #dashboard .economy-strip > .economy-item > strong {
    position: absolute !important;
    right: 18px !important;
    bottom: 18px !important;
    margin: 0 !important;
    font-size: 28px !important;
    line-height: 1 !important;
}

body.mp-theme-all #dashboard .economy-strip > .economy-item .metric-help {
    display: none !important;
}

body.mp-theme-all #dashboard #recentSalePreview {
    display: none !important;
}

/* FINAL: align only all marketplace economy rows */
body.mp-theme-all #dashboard .economy-strip > .economy-item {
    position: relative !important;
    min-height: 270px !important;
    box-sizing: border-box !important;
}

body.mp-theme-all #dashboard .economy-strip > .economy-item > span,
body.mp-theme-all #dashboard .economy-strip > .economy-item .metric-label-with-help {
    height: 24px !important;
    margin: 0 0 12px 0 !important;
    font-size: 10px !important;
    line-height: 24px !important;
}

body.mp-theme-all #dashboard .economy-strip .all-store-breakdown-row {
    height: 44px !important;
    min-height: 44px !important;
    display: grid !important;
    align-items: center !important;
}

body.mp-theme-all #dashboard .economy-strip .all-store-breakdown-value {
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
}

body.mp-theme-all #dashboard .economy-strip > .economy-item > strong {
    position:absolute !important;
    right:18px !important;
    bottom:14px !important;
    margin:0 !important;
    font-size:28px !important;
    line-height:1 !important;
}

body.mp-theme-all #dashboard .metric-help {
    display:none !important;
}

body.mp-theme-all #dashboard #recentSalePreview {
    display:none !important;
}


/* FINAL: copy left economy block format to right finance block */
body.mp-theme-all #dashboard .economy-strip > .economy-item {
    min-height: 290px !important;
}

body.mp-theme-all #dashboard .economy-strip > .economy-item:nth-child(2) {
    position: relative !important;
    padding-bottom: 55px !important;
}

body.mp-theme-all #dashboard .economy-strip > .economy-item:nth-child(2) .metric-label-with-help {
    min-height: 18px !important;
    margin-bottom: 10px !important;
}

body.mp-theme-all #dashboard .economy-strip > .economy-item:nth-child(2) .metric-help {
    display:none !important;
}

body.mp-theme-all #dashboard .economy-strip > .economy-item:nth-child(2) #metricFinance {
    position:absolute !important;
    right:18px !important;
    bottom:12px !important;
    margin:0 !important;
    font-size:28px !important;
    line-height:1 !important;
    font-weight:800 !important;
}

body.mp-theme-all #dashboard .economy-strip > .economy-item:first-child #metricUnits {
    right:18px !important;
    bottom:12px !important;
    top:auto !important;
    left:auto !important;
}

body.mp-theme-all #dashboard .economy-strip > .economy-item {
    padding-top:12px !important;
}


/* FINAL: copy left economy block format to right finance block */
body.mp-theme-all #dashboard .economy-strip > .economy-item {
    min-height: 320px !important;
}

body.mp-theme-all #dashboard .economy-strip > .economy-item:nth-child(2) .metric-label-with-help {
    padding: 0 !important;
    margin: 0 0 10px 0 !important;
}

body.mp-theme-all #dashboard .economy-strip > .economy-item:nth-child(2) .metric-help {
    display:none !important;
}

body.mp-theme-all #dashboard .economy-strip > .economy-item:nth-child(2) #metricFinance {
    position:absolute !important;
    right:18px !important;
    bottom:12px !important;
    margin:0 !important;
    font-size:28px !important;
    line-height:1 !important;
}

body.mp-theme-all #dashboard .economy-strip > .economy-item:first-child > #metricUnits {
    position:absolute !important;
    right:18px !important;
    bottom:12px !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    margin:0 !important;
    font-size:28px !important;
    line-height:1 !important;
}

body.mp-theme-all #dashboard .economy-strip > .economy-item:nth-child(2) .all-store-breakdown,
body.mp-theme-all #dashboard .economy-strip > .economy-item:first-child .all-store-breakdown {
    margin-top:0 !important;
}


/* REBUILD: common analytics two blocks */
body.mp-theme-all #dashboard .economy-strip {
    align-items: stretch !important;
}
body.mp-theme-all #dashboard .economy-strip > .economy-item {
    min-height: 330px !important;
    position: relative !important;
    padding: 16px 24px 60px !important;
}
body.mp-theme-all #dashboard .economy-strip > .economy-item > span,
body.mp-theme-all #dashboard .economy-strip > .economy-item .metric-label-with-help {
    font-size: 11px !important;
    line-height: 16px !important;
    margin: 0 0 16px !important;
}
body.mp-theme-all #dashboard .metric-help {
    display:none !important;
}
body.mp-theme-all #dashboard .economy-strip .all-store-breakdown {
    margin-top:0 !important;
}
body.mp-theme-all #dashboard .economy-strip .all-store-breakdown-row {
    min-height:48px !important;
    height:48px !important;
    display:grid !important;
    grid-template-columns:80px 1fr auto !important;
    align-items:center !important;
}
body.mp-theme-all #dashboard .economy-strip .all-store-marketplace {
    font-size:17px !important;
}
body.mp-theme-all #dashboard .economy-strip .all-store-name {
    font-size:13px !important;
}
body.mp-theme-all #dashboard .economy-strip .all-store-breakdown-value strong {
    font-size:16px !important;
}
body.mp-theme-all #dashboard .economy-strip > .economy-item > strong {
    position:absolute !important;
    right:24px !important;
    bottom:18px !important;
    margin:0 !important;
    font-size:30px !important;
}
body.mp-theme-all #dashboard #recentSalePreview {
    display:none !important;
}

/* FINAL: align all-store rows in left and right economy blocks */
body.mp-theme-all #dashboard .economy-strip .all-store-breakdown {
    display: flex !important;
    flex-direction: column !important;
    margin-top: 0 !important;
}

body.mp-theme-all #dashboard .economy-strip .all-store-breakdown-row {
    height: 44px !important;
    min-height: 44px !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 75px 1fr auto !important;
    align-items: center !important;
    padding: 0 !important;
}

body.mp-theme-all #dashboard .economy-strip .all-store-breakdown-row > * {
    align-self: center !important;
}

body.mp-theme-all #dashboard .economy-strip .all-store-breakdown-value {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    height: 44px !important;
}

body.mp-theme-all #dashboard .economy-strip .all-store-breakdown-value strong {
    line-height: 44px !important;
    margin: 0 !important;
}

body.mp-theme-all #dashboard .economy-strip > .economy-item {
    min-height: 330px !important;
}

body.mp-theme-all #dashboard .economy-strip > .economy-item > strong {
    bottom: 18px !important;
}

/* FINAL GRID FIX: left and right economy blocks identical rows */
body.mp-theme-all #dashboard .economy-strip {
    align-items: stretch !important;
}

body.mp-theme-all #dashboard .economy-strip > .economy-item {
    padding-top: 16px !important;
}

body.mp-theme-all #dashboard .economy-strip > .economy-item:nth-child(2) {
    padding-top: 16px !important;
}

body.mp-theme-all #dashboard .economy-strip > .economy-item:nth-child(2) .metric-label-with-help {
    height: 16px !important;
    margin-bottom: 16px !important;
}

body.mp-theme-all #dashboard .economy-strip > .economy-item:first-child > span {
    height: 16px !important;
    margin-bottom: 16px !important;
}

body.mp-theme-all #dashboard .economy-strip .all-store-breakdown-row {
    height: 48px !important;
    min-height: 48px !important;
}

body.mp-theme-all #dashboard .economy-strip .all-store-breakdown-value,
body.mp-theme-all #dashboard .economy-strip .all-store-marketplace,
body.mp-theme-all #dashboard .economy-strip .all-store-name {
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
}

/* CLEAN BLOCK ALIGNMENT v2 - same template for sold and finance */
body.mp-theme-all #dashboard .economy-strip > .economy-item {
    display:flex !important;
    flex-direction:column !important;
    min-height:330px !important;
    padding:16px 24px 60px !important;
    box-sizing:border-box !important;
}

body.mp-theme-all #dashboard .economy-strip > .economy-item > span,
body.mp-theme-all #dashboard .economy-strip > .economy-item .metric-label-with-help {
    height:20px !important;
    margin:0 0 16px 0 !important;
    line-height:20px !important;
}

body.mp-theme-all #dashboard .economy-strip > .economy-item .all-store-breakdown {
    display:flex !important;
    flex-direction:column !important;
    flex:1 1 auto !important;
    margin:0 !important;
}

body.mp-theme-all #dashboard .economy-strip > .economy-item .all-store-breakdown-row {
    height:44px !important;
    min-height:44px !important;
    flex:none !important;
    display:grid !important;
    grid-template-columns:80px 1fr auto !important;
    align-items:center !important;
}

body.mp-theme-all #dashboard .economy-strip > .economy-item > strong {
    margin-top:auto !important;
    position:static !important;
    align-self:flex-end !important;
    font-size:30px !important;
    line-height:36px !important;
}

body.mp-theme-all #dashboard .metric-help {display:none !important;}
body.mp-theme-all #dashboard #recentSalePreview {display:none !important;}

/* COMPONENT REBUILD FINAL: unified store rows for all analytics blocks */
body.mp-theme-all #dashboard .economy-strip {
    align-items: stretch !important;
}

body.mp-theme-all #dashboard .economy-strip > .economy-item {
    display: flex !important;
    flex-direction: column !important;
    min-height: 330px !important;
}

body.mp-theme-all #dashboard .economy-strip > .economy-item > span,
body.mp-theme-all #dashboard .economy-strip .metric-label-with-help {
    height: 20px !important;
    margin: 0 0 12px !important;
    line-height: 20px !important;
}

body.mp-theme-all #dashboard .economy-strip .all-store-breakdown {
    flex: 1 1 auto !important;
    margin: 0 !important;
}

body.mp-theme-all #dashboard .economy-strip .all-store-breakdown-row {
    height: 44px !important;
    min-height: 44px !important;
    display: grid !important;
    grid-template-columns: 80px 1fr 140px !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

body.mp-theme-all #dashboard .economy-strip .all-store-breakdown-value {
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

body.mp-theme-all #dashboard .economy-strip .all-store-breakdown-value strong {
    line-height: 44px !important;
    margin: 0 !important;
}

body.mp-theme-all #dashboard .economy-strip > .economy-item > strong {
    margin-top: auto !important;
    position: static !important;
    align-self: flex-end !important;
}



/* FIX ONLY SOLD BLOCK PRODUCT IMAGE SIZE */
#dashboard .economy-strip .economy-item:first-child .recent-sale-inline img,
#dashboard .economy-strip .economy-item:first-child .marketplace-recent-product img {
    width: 36px !important;
    height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
    object-fit: cover !important;
    flex: 0 0 36px !important;
}

/* SOLD BLOCK PRODUCT IMAGE FIX */
#dashboard .economy-strip .economy-item:first-child .recent-sale-inline img,
#dashboard .economy-strip .economy-item:first-child img {
    width:36px !important;
    height:36px !important;
    max-width:36px !important;
    max-height:36px !important;
    object-fit:cover !important;
    border-radius:7px !important;
}

#dashboard .economy-strip .economy-item:first-child .recent-sale-inline {
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
}

/* KPI WIDTH ALIGN ONLY v317 */
@media (min-width: 1281px) {
    #dashboard #analyticsSection .kpi-primary-grid {
        grid-template-columns: 1.15fr 1.15fr 1fr 1fr .75fr !important;
    }
}

/* TEST PERIOD WIDTH SHRINK ONLY v317 */
#dashboard #analyticsSection .kpi-primary-grid {
    grid-template-columns: 1.15fr 1.15fr 1fr 1fr 0.55fr !important;
}

/* KPI WIDTH TEST DRR SMALL */
#dashboard #analyticsSection .kpi-primary-grid {
    grid-template-columns: 1.15fr 1.15fr 1fr 0.55fr 0.55fr !important;
}

/* KPI WIDTH TEST v317 - reduce first two blocks */
#dashboard #analyticsSection .kpi-primary-grid {
    grid-template-columns: 0.9fr 0.9fr 1fr 0.7fr 0.55fr !important;
}

/* KPI WIDTH TUNING v317 */
#dashboard #analyticsSection .kpi-primary-grid {
    grid-template-columns: 0.85fr 0.85fr 1fr 1fr 0.65fr !important;
}


/* KPI WIDTH ALIGN TEST v317 */
#dashboard .kpi-primary-grid {
    grid-template-columns: 1.05fr 1.05fr 1fr 1fr .65fr !important;
}


/* KPI WIDTH TUNING v317 */
#dashboard .kpi-primary-grid {
    grid-template-columns: 1.15fr 1.15fr 1fr 1fr 0.55fr !important;
}

/* KPI WIDTH ALIGN WITH SOLD FINANCE BLOCK v318 */
#dashboard .kpi-primary-grid {
    grid-template-columns: 1.25fr 1.25fr 1fr 1fr .55fr !important;
}

/* KPI GROUP BALANCE v318 */
#dashboard .kpi-primary-grid {
    grid-template-columns: 2fr 2fr 1.33fr 1.33fr 1.33fr !important;
}

/* FINAL KPI GROUP ALIGN v319 */
#dashboard #analyticsSection .kpi-primary-grid {
    grid-template-columns: 2fr 2fr 1.33fr 1.33fr 1.33fr !important;
}

/* ECONOMY TWO BLOCKS EQUAL v320 */
#dashboard .economy-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

#dashboard .economy-strip > .economy-item {
    width: 100% !important;
}

/* NEW UNIVERSAL ECONOMY BLOCKS */
#dashboard .economy-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

#dashboard #marketplaceRecentProduct {
    display:none !important;
}

#dashboard .economy-item {
    min-height: 180px !important;
}


/* NEW ECONOMY BLOCKS CLEAN */
#dashboard .economy-strip {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
}
#dashboard .economy-sales-new,
#dashboard .economy-finance-new {
    min-height: 240px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
}
#dashboard .economy-main-value {
    margin-top:24px !important;
}
#dashboard .economy-main-value .metric-total {
    font-size:32px !important;
}

/* ECONOMY CLEAN FINAL */
#dashboard .economy-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

#dashboard .economy-strip .economy-item {
    min-height: 150px !important;
    padding: 18px 20px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

#dashboard .economy-strip .metric-label-with-help {
    display: block !important;
    height: 18px !important;
    line-height: 18px !important;
    margin: 0 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

#dashboard .economy-strip .economy-main-value {
    margin-top: 12px !important;
}

#dashboard .economy-strip .metric-total {
    font-size: 30px !important;
    line-height: 36px !important;
    font-weight: 800 !important;
}

#dashboard .economy-strip #marketplaceRecentProduct {
    margin-top: 10px !important;
}

/* RESTORE RECENT PRODUCT IN SOLD BLOCK */
#dashboard #marketplaceRecentProduct {
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    margin-top:12px !important;
}

#dashboard #marketplaceRecentProduct img {
    width:36px !important;
    height:36px !important;
    object-fit:cover !important;
    border-radius:8px !important;
}

/* RECENT PRODUCT COMPACT FINAL */
#dashboard .economy-strip #marketplaceRecentProduct {
    margin-top: 10px !important;
    gap: 8px !important;
    max-width: 420px !important;
}

#dashboard .economy-strip #marketplaceRecentProduct img {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
    border-radius: 7px !important;
}

#dashboard .economy-strip #marketplaceRecentProduct b {
    font-size: 13px !important;
    line-height: 16px !important;
    font-weight: 650 !important;
    max-height: 32px !important;
    overflow: hidden !important;
}

#dashboard .economy-strip #marketplaceRecentProduct span {
    font-size: 10px !important;
}

/* ECONOMY LABEL SIZE ONLY */
#dashboard .economy-strip .metric-label-with-help {
    font-size: 11px !important;
    line-height: 16px !important;
    font-weight: 700 !important;
}





/* FINAL SALES LABEL MATCH FINANCE */
#dashboard .economy-sales-new > .metric-label-with-help {
    font-size: 8px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    letter-spacing: .025em !important;
    text-transform: uppercase !important;
}

/* ECONOMY SALES HEADER ALIGN FINAL */
#dashboard .economy-strip .economy-item:first-child > span.metric-label-with-help {
    grid-column:auto !important;
    grid-row:auto !important;
    align-self:auto !important;
    font-size:12px !important;
    line-height:18px !important;
    font-weight:700 !important;
    color:#71809a !important;
}

/* ECONOMY TOP ALIGN v1 */
#dashboard .economy-strip .economy-sales-new > .metric-label-with-help,
#dashboard .economy-strip .economy-finance-new > .metric-label-with-help {
    align-self: start !important;
    margin: 0 !important;
}
#dashboard .economy-strip .economy-sales-new .economy-main-value,
#dashboard .economy-strip .economy-finance-new .economy-main-value {
    margin-top: 18px !important;
}

/* ECONOMY VALUE ALIGN FINAL */
#dashboard .economy-sales-new .economy-main-value,
#dashboard .economy-finance-new .economy-main-value {
    display:flex !important;
    align-items:center !important;
    height:48px !important;
}

#dashboard .economy-sales-new .metric-total,
#dashboard .economy-finance-new .metric-total {
    font-size:22px !important;
    line-height:1 !important;
}

#dashboard .economy-sales-new .metric-total {
    text-align:right !important;
    width:100% !important;
}

#dashboard .economy-finance-new .metric-total {
    text-align:right !important;
}

/* economy values align final */
#dashboard .economy-sales-new .economy-main-value,
#dashboard .economy-finance-new .economy-main-value{
    display:flex!important;
    align-items:center!important;
    height:100%!important;
}
#dashboard .economy-sales-new .metric-total{
    margin-left:0!important;
    margin-right:auto!important;
    font-size:22px!important;
    line-height:1!important;
}
#dashboard .economy-finance-new .metric-total{
    font-size:22px!important;
    line-height:1!important;
}

/* ECONOMY SALES RESET AFTER VALUE ALIGN */
#dashboard .economy-strip .economy-item:first-child {
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    min-height:0 !important;
}

#dashboard .economy-sales-new > .metric-label-with-help {
    order:1 !important;
    margin:0 !important;
}

#dashboard .economy-sales-new > .economy-main-value {
    order:2 !important;
    width:100% !important;
    display:flex !important;
    justify-content:flex-start !important;
    align-items:center !important;
}

#dashboard .economy-sales-new .metric-total {
    font-size:24px !important;
    line-height:1.1 !important;
    margin:0 !important;
}

#dashboard .economy-sales-new .recent-sale-inline,
#dashboard .economy-sales-new .marketplace-recent-product {
    order:3 !important;
    margin-top:8px !important;
}

#dashboard .economy-finance-new .economy-main-value {
    display:flex !important;
    align-items:center !important;
}

/* ECONOMY FINAL LAYOUT v6 */
#dashboard .economy-strip .economy-sales-new{
    display:grid !important;
    grid-template-columns:140px 1fr !important;
    grid-template-rows:auto auto 1fr !important;
    align-items:center !important;
}
#dashboard .economy-sales-new > .metric-label-with-help{
    grid-column:1 !important;
    grid-row:1 !important;
}
#dashboard .economy-sales-new > .economy-main-value{
    grid-column:1 !important;
    grid-row:2 !important;
    justify-self:center !important;
    align-self:center !important;
}
#dashboard .economy-sales-new > .recent-sale-inline{
    grid-column:2 !important;
    grid-row:1 / span 3 !important;
    align-self:center !important;
}
#dashboard .economy-finance-new .economy-main-value{
    justify-self:center !important;
    align-self:center !important;
}

/* economy layout reset: value left, product right */
#dashboard .economy-strip .economy-item:first-child{
    display:grid!important;
    grid-template-columns:120px minmax(0,1fr)!important;
    grid-template-rows:auto auto 1fr!important;
    align-items:center!important;
    column-gap:14px!important;
}
#dashboard .economy-strip .economy-item:first-child>span{
    grid-column:1!important;
    grid-row:1!important;
}
#dashboard .economy-strip .economy-item:first-child>strong{
    grid-column:1!important;
    grid-row:2!important;
    justify-self:center!important;
    align-self:center!important;
    font-size:22px!important;
}
#dashboard .economy-strip .economy-item:first-child>.recent-sale-inline{
    grid-column:2!important;
    grid-row:1 / span 3!important;
    align-self:center!important;
}
.recent-sale-inline-copy>b{
    max-width:240px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}

/* ECONOMY FINAL RESET */
#dashboard .economy-strip .economy-item:first-child{
    display:grid!important;
    grid-template-columns:140px minmax(0,1fr)!important;
    grid-template-rows:auto 1fr!important;
    align-items:center!important;
    min-height:150px!important;
    gap:10px!important;
}
#dashboard .economy-strip .economy-item:first-child>span.metric-label-with-help{
    grid-column:1 / -1!important;
    grid-row:1!important;
}
#dashboard .economy-strip .economy-item:first-child>strong#metricUnits{
    grid-column:1!important;
    grid-row:2!important;
    justify-self:start!important;
    align-self:center!important;
    font-size:28px!important;
}
#dashboard .economy-strip .economy-item:first-child>.recent-sale-inline{
    grid-column:2!important;
    grid-row:2!important;
    align-self:center!important;
    margin:0!important;
}
#dashboard .recent-sale-inline-copy>b{
    max-width:260px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}

/* economy clean layout */
#dashboard .economy-sales-new .economy-sales-layout{display:flex;align-items:center;justify-content:space-between;height:150px;gap:20px;}
#dashboard .economy-sales-new .economy-main-value{flex:0 0 140px;}
#dashboard .economy-sales-new .metric-total{font-size:28px!important;line-height:1!important;}
#dashboard .marketplace-recent-product{display:flex;align-items:center;gap:10px;max-width:280px;}
#dashboard .marketplace-recent-product img{width:40px;height:40px;border-radius:7px;object-fit:cover;}
#dashboard .marketplace-recent-product b{display:block;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;}
#dashboard .marketplace-recent-product small{font-size:9px;color:#8793a8;}
#dashboard .economy-finance-new .economy-main-value{height:150px;display:flex;align-items:center;}
/* economy rebuild clean layout */
#dashboard .economy-sales-new .economy-sales-layout{display:flex;align-items:center;height:150px;gap:24px}
#dashboard .economy-sales-new .economy-sales-count{width:120px;display:flex;align-items:center;justify-content:center}
#dashboard .economy-sales-new .economy-sales-count .metric-total{font-size:28px!important;line-height:1!important}
#dashboard .economy-sales-new .marketplace-recent-product{display:flex;align-items:center;gap:10px;min-width:0}
#dashboard .economy-sales-new .marketplace-recent-product img{width:36px;height:36px;object-fit:cover;border-radius:7px}
#dashboard .economy-sales-new .marketplace-recent-product b{display:block;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
#dashboard .economy-sales-new .marketplace-recent-product small{font-size:9px}
#dashboard .economy-finance-new .economy-main-value{height:150px;display:flex;align-items:center;justify-content:flex-start}
#dashboard .economy-finance-new .metric-total{font-size:28px!important;line-height:1!important}

/* ECONOMY NEW CLEAN BLOCK */
.economy-strip{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;}
.economy-card-new{height:180px;padding:20px;box-sizing:border-box;}
.economy-card-title-new{display:block;font-size:12px;font-weight:700;color:#71809a;text-transform:uppercase;}
.economy-sales-layout-new{height:130px;display:flex;align-items:center;gap:24px;}
.economy-count-new{min-width:130px;display:flex;align-items:center;}
.economy-count-new .metric-total,.economy-finance-value-new .metric-total{font-size:28px;font-weight:800;line-height:1;}
.marketplace-recent-product-new{display:flex;align-items:center;gap:10px;min-width:0;}
.marketplace-recent-product-new img{width:36px;height:36px;border-radius:7px;object-fit:cover;}
.marketplace-recent-product-new b{display:block;max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;}
.marketplace-recent-product-new small{font-size:9px;color:#8793a8;}
.economy-finance-value-new{height:130px;display:flex;align-items:center;justify-content:flex-start;}

/* final economy cards split */
#dashboard .economy-strip:has(.economy-card-new){
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:16px!important;
    background:transparent!important;
    border:0!important;
}
#dashboard .economy-card-new{
    background:#fff!important;
    border:1px solid #e8edf5!important;
    border-radius:20px!important;
    min-width:0!important;
}

/* align economy cards with KPI grid */
.economy-strip {
 display:grid !important;
 grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
 gap:14px !important;
 background:transparent !important;
}
.economy-card-new {
 width:100% !important;
 box-sizing:border-box !important;
}

/* align lower economy cards to KPI grid */
#dashboard .economy-strip {
    grid-template-columns: 2.05fr 2fr !important;
    gap: 14px !important;
}

/* final top KPI proportions */
#dashboard .metric {
    grid-template-columns: 1.35fr 1.35fr 0.95fr 0.7fr 0.5fr !important;
}
#dashboard .metric .period {
    min-width: 0 !important;
    width: 100% !important;
    aspect-ratio: 1 / 1;
}

/* period square */
#dashboard .period-card, #dashboard .kpi-period, #dashboard .period {
    aspect-ratio: 1 / 1 !important;
    min-height: 128px !important;
    width: 128px !important;
}

/* FINAL PERIOD KPI SQUARE */
#analyticsPeriodKpiCard {
    width:128px !important;
    min-width:128px !important;
    height:128px !important;
    min-height:128px !important;
    aspect-ratio:1 / 1 !important;
    box-sizing:border-box !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:8px !important;
}

#analyticsPeriodKpiCard .kpi-primary-icon,
#analyticsPeriodKpiCard .analytics-period-icon,
#analyticsPeriodKpiCard .analytics-period-kpi-icon {
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
}

#analyticsPeriodKpiCard .kpi-primary-content,
#analyticsPeriodKpiCard .analytics-period-content,
#analyticsPeriodKpiCard .analytics-period-kpi-content {
    width:100% !important;
}

/* FINAL PERIOD KPI: square matching other KPI height */
#dashboard #analyticsSection #analyticsPeriodKpiCard {
    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    aspect-ratio: 1 / 1 !important;
    box-sizing: border-box !important;
}

/* FINAL DRR KPI: same square as Period */
#dashboard #analyticsSection .kpi-primary.kpi-drr {
    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    aspect-ratio: 1 / 1 !important;
    box-sizing: border-box !important;
}

/* FINAL KPI RIGHT ALIGN: DRR next to Period, Period at far right */
#dashboard #analyticsSection .kpi-primary-grid {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 180px 180px !important;
    gap: 12px !important;
    align-items: stretch !important;
}
#dashboard #analyticsSection .kpi-primary.kpi-drr,
#dashboard #analyticsSection #analyticsPeriodKpiCard {
    justify-self: stretch !important;
    margin: 0 !important;
}
#dashboard #analyticsSection #analyticsPeriodKpiCard {
    grid-column: 5 !important;
}
#dashboard #analyticsSection .kpi-primary.kpi-drr {
    grid-column: 4 !important;
}

/* KPI alignment pass: shrink Paid/Profit, grow Orders; keep DRR/Period fixed */
#dashboard #analyticsSection .kpi-primary-grid {
    grid-template-columns: minmax(0,0.85fr) minmax(0,0.85fr) minmax(0,1.30fr) 180px 180px !important;
    gap: 12px !important;
}

/* FINAL KPI CENTER AXIS: Profit/Orders boundary exactly at 50% */
#dashboard #analyticsSection .kpi-primary-grid {
    grid-template-columns: calc((100% - 408px)/4) calc((100% - 408px)/4) calc((100% - 408px)/2) 180px 180px !important;
    column-gap: 12px !important;
}

/* EXACT CENTER: Profit/Orders gap centered at 50% of KPI container */
#dashboard #analyticsSection .kpi-primary-grid {
    grid-template-columns:
        calc(25% - 9px)
        calc(25% - 9px)
        calc(50% - 390px)
        180px
        180px !important;
    column-gap: 12px !important;
}

/* FINAL vertical grid spacing: same 12px gap as KPI row */
#dashboard #analyticsSection .economy-strip {
    gap: 12px !important;
}

/* Buyouts card opens full purchased-items list */
#dashboard .economy-sales-card-new {
    cursor: pointer;
}
#dashboard .economy-sales-card-new .economy-card-title-new {
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: 3px;
}

/* NEW UNIT ECONOMICS v1 */
.unit-economics-new-section{padding:4px 0 28px}.ue-new-head{display:flex;justify-content:space-between;align-items:flex-start;margin:4px 0 18px}.ue-new-head h2{font-size:28px;margin:4px 0}.ue-new-head p{margin:0;color:#71809a}.ue-new-period{background:#fff;border:1px solid #e4eaf4;border-radius:14px;padding:12px 16px;font-weight:800;color:#22304b}.ue-new-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:14px}.ue-new-kpi{background:#fff;border:1px solid #e7ecf4;border-radius:18px;padding:18px;min-height:104px;box-shadow:0 8px 26px rgba(35,54,90,.05)}.ue-new-kpi span{display:block;color:#71809a;font-size:12px;font-weight:800;margin-bottom:18px}.ue-new-kpi strong{font-size:22px;color:#17233d}.ue-new-kpi.green{background:#edf9f4}.ue-new-kpi.green strong{color:#087a56}.ue-new-kpi.blue{border-top:3px solid #3d72f5}.ue-new-kpi.violet{border-top:3px solid #8a67e8}.ue-new-kpi.purple{border-top:3px solid #a95fd0}.ue-new-kpi.cyan{border-top:3px solid #45aee7}.ue-new-kpi.orange{border-top:3px solid #f1a548}.ue-new-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.ue-new-card{background:#fff;border:1px solid #e7ecf4;border-radius:20px;padding:20px;box-shadow:0 8px 28px rgba(35,54,90,.045)}.ue-new-card h3{margin:0 0 18px;font-size:18px;color:#17233d}.ue-new-structure,.ue-new-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ue-new-structure>div,.ue-new-metrics>div{padding:14px;border-radius:14px;background:#f7f9fc;display:flex;justify-content:space-between;gap:10px}.ue-new-structure span,.ue-new-metrics span{color:#71809a}.ue-new-structure strong,.ue-new-metrics strong{color:#17233d}.ue-new-structure .green{background:#edf9f4}.ue-new-structure .green strong{color:#087a56}.ue-new-tables{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ue-new-card table{width:100%;border-collapse:collapse;font-size:12px}.ue-new-card th{text-align:left;color:#71809a;background:#f7f9fc;padding:10px}.ue-new-card td{padding:11px 10px;border-bottom:1px solid #edf1f6;color:#27344f}.ue-new-card td.bad{color:#d33b53;font-weight:800}@media(max-width:1100px){.ue-new-kpis{grid-template-columns:repeat(3,1fr)}.ue-new-tables,.ue-new-grid{grid-template-columns:1fr}}@media(max-width:700px){.ue-new-kpis{grid-template-columns:repeat(2,1fr)}.ue-new-head{display:block}.ue-new-period{display:inline-block;margin-top:10px}.ue-new-structure,.ue-new-metrics{grid-template-columns:1fr}.ue-new-card{overflow-x:auto}}

/* NEW UE controls */
.ue-new-controls{display:flex;gap:12px;align-items:flex-end;margin:0 0 14px}.ue-new-control{display:flex;flex-direction:column;gap:6px}.ue-new-control span{font-size:10px;font-weight:800;text-transform:uppercase;color:#71809a}.ue-new-control select{min-width:210px;height:44px;border:1px solid #dfe6f1;border-radius:13px;background:#fff;padding:0 36px 0 13px;color:#22304b;font-weight:700}.ue-new-control.product{flex:1}.ue-new-control.product select{width:100%;max-width:560px}.ue-new-product-title{display:flex;align-items:center;gap:12px;margin-bottom:14px}.ue-new-product-title img{width:48px;height:48px;border-radius:10px;object-fit:cover}.ue-new-product-title strong{display:block;font-size:17px}.ue-new-product-title small{color:#8290a6}@media(max-width:700px){.ue-new-controls{display:grid;grid-template-columns:1fr}.ue-new-control select,.ue-new-control.product select{width:100%;max-width:none}}

/* NEW UE detailed unit flow */
.ue-new-flow{margin-top:14px}.ue-new-flow-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:16px}.ue-new-flow-head h3{margin:0}.ue-new-flow-head small{color:#8290a6}.ue-new-flow-chain{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;align-items:stretch}.ue-new-flow-step{border-radius:15px;padding:14px;background:#f7f9fc;border:1px solid #e8edf5}.ue-new-flow-step span{display:block;font-size:10px;color:#71809a;font-weight:800;margin-bottom:8px}.ue-new-flow-step strong{font-size:18px;color:#17233d}.ue-new-flow-step.green{background:#edf9f4}.ue-new-flow-step.green strong{color:#087a56}.ue-new-flow-step.orange{background:#fff7ea}.ue-new-flow-step.orange strong{color:#b86b00}.ue-new-flow-step.blue{background:#eef4ff}.ue-new-flow-step.blue strong{color:#225fd8}.ue-new-bonus-box{margin-top:14px;border:1px solid #dfe8fa;background:#f7faff;border-radius:17px;padding:16px}.ue-new-bonus-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ue-new-bonus-title h4{margin:0;font-size:15px}.ue-new-bonus-title strong{font-size:20px;color:#225fd8}.ue-new-bonus-bar{height:18px;border-radius:9px;overflow:hidden;display:flex;background:#edf1f7;margin:10px 0}.ue-new-bonus-bar i{display:block;height:100%}.ue-new-bonus-bar .commission{background:#8b67e8}.ue-new-bonus-bar .logistics{background:#45aee7}.ue-new-bonus-bar .acquiring{background:#f1a548}.ue-new-bonus-bar .other{background:#9aa7ba}.ue-new-bonus-rows{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ue-new-bonus-rows div{background:#fff;border-radius:11px;padding:10px}.ue-new-bonus-rows span{display:block;font-size:10px;color:#71809a}.ue-new-bonus-rows strong{font-size:13px}.ue-new-formula{margin-top:12px;padding:12px 14px;border-radius:12px;background:#17233d;color:#fff;font-size:12px;line-height:1.5}.ue-new-note{margin-top:10px;color:#71809a;font-size:11px;line-height:1.5}@media(max-width:900px){.ue-new-flow-chain{grid-template-columns:1fr 1fr}.ue-new-bonus-rows{grid-template-columns:1fr 1fr}}@media(max-width:600px){.ue-new-flow-chain,.ue-new-bonus-rows{grid-template-columns:1fr}}

/* NEW UE vertical full calculation */
.ue-new-ledger{margin-top:14px;max-width:none}.ue-new-ledger-start{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-radius:15px;background:#17233d;color:#fff;margin-bottom:10px}.ue-new-ledger-start span{font-size:14px;font-weight:800}.ue-new-ledger-start strong{font-size:25px}.ue-new-tax-compose{margin:0 0 18px 26px;border-left:2px solid #dfe7f4;padding-left:16px}.ue-new-tax-compose>div{display:flex;justify-content:space-between;gap:20px;padding:8px 12px;color:#5f6d83}.ue-new-tax-compose .bonus{background:#eef4ff;border-radius:10px;color:#225fd8}.ue-new-tax-compose .total{font-weight:800;color:#17233d;border-top:1px solid #e5eaf2;margin-top:4px}.ue-new-ledger-separator{display:flex;justify-content:space-between;padding:10px 14px;background:#f3f6fa;border-radius:11px;margin-bottom:5px;font-size:11px;text-transform:uppercase;font-weight:900;color:#71809a}.ue-new-ledger-row{display:flex;justify-content:space-between;gap:18px;padding:11px 14px;border-bottom:1px solid #edf1f6}.ue-new-ledger-row span{color:#536177}.ue-new-ledger-row.minus strong{color:#c64051}.ue-new-ledger-row.plus strong{color:#087a56}.ue-new-ledger-result{margin-top:10px;background:#edf9f4;border:1px solid #d6efe5;border-radius:15px;padding:17px 20px;display:grid;grid-template-columns:1fr auto;align-items:center}.ue-new-ledger-result>span{font-size:15px;font-weight:900;color:#087a56}.ue-new-ledger-result>strong{font-size:25px;color:#087a56}.ue-new-ledger-result small{grid-column:1/-1;color:#688276;margin-top:6px}.ue-new-bonus-explain{margin-top:16px;background:#f5f8ff;border:1px solid #dce7ff;border-radius:15px;padding:16px}.ue-new-bonus-explain h4{margin:0 0 8px;color:#225fd8}.ue-new-bonus-explain p{margin:0;color:#5f6d83;font-size:12px;line-height:1.55}.ue-new-bonus-equation{display:flex;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap}.ue-new-bonus-equation span{background:#fff;border-radius:11px;padding:9px 13px;font-weight:900;color:#17233d}.ue-new-bonus-equation span small{display:block;font-size:9px;color:#8290a6;font-weight:700}.ue-new-bonus-equation span.total{background:#e7efff;color:#225fd8}.ue-new-bonus-equation>b{color:#8290a6}@media(max-width:600px){.ue-new-ledger-start strong,.ue-new-ledger-result>strong{font-size:20px}.ue-new-tax-compose{margin-left:8px}.ue-new-ledger-result{grid-template-columns:1fr}.ue-new-ledger-result>strong{margin-top:6px}}

/* UE DRR + unallocated advertising */
.ue-new-unallocated{margin-top:14px;border-style:dashed}.ue-new-unallocated>div:first-child p{margin:-8px 0 16px;color:#71809a;font-size:12px}.ue-new-unallocated-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.ue-new-unallocated-grid>div{background:#f7f9fc;border-radius:12px;padding:12px}.ue-new-unallocated-grid span{display:block;color:#71809a;font-size:10px;margin-bottom:6px}.ue-new-unallocated-grid strong{color:#17233d}.ue-new-unallocated-grid .total{background:#fff4e7}.ue-new-unallocated-grid .total strong{color:#b86b00}@media(max-width:800px){.ue-new-unallocated-grid{grid-template-columns:1fr 1fr}}

/* NEW UE: key metrics full width 3x2 */
#unitEconomicsNewSection .ue-new-grid{display:block!important;margin-bottom:14px}
#unitEconomicsNewSection .ue-new-grid>.ue-new-card{width:100%!important}
#unitEconomicsNewSection .ue-new-metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
#unitEconomicsNewSection .ue-new-metrics>div{min-height:78px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
#unitEconomicsNewSection .ue-new-metrics strong{font-size:20px;margin-top:6px}
@media(max-width:800px){#unitEconomicsNewSection .ue-new-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){#unitEconomicsNewSection .ue-new-metrics{grid-template-columns:1fr!important}}
#unitEconomicsNewSection .ue-new-kpis{grid-template-columns:repeat(7,minmax(0,1fr))}
@media(max-width:1250px){#unitEconomicsNewSection .ue-new-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){#unitEconomicsNewSection .ue-new-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
#unitEconomicsNewSection .ue-new-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}
.ue-new-unalloc-inline{margin-top:10px;background:#fff5e9;border:1px solid #f3dfc5;border-radius:14px;padding:13px 15px}.ue-new-unalloc-inline>div{display:flex;justify-content:space-between;align-items:center;gap:16px}.ue-new-unalloc-inline span{font-weight:800;color:#815313}.ue-new-unalloc-inline strong{font-size:20px;color:#b86b00}.ue-new-unalloc-inline small{display:block;margin-top:5px;color:#8a7354}
.ue-new-unalloc-section{margin-top:14px}.ue-new-unalloc-section h3{margin:0 0 10px;font-size:16px;color:#17233d}.ue-new-unalloc-section .ue-new-unalloc-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ue-new-unalloc-section .ue-new-unalloc-total{grid-column:1/-1;background:#fff5e9!important;border:1px solid #f3dfc5}.ue-new-unalloc-section .ue-new-unalloc-total strong{color:#b86b00}.ue-new-unalloc-note{display:block;margin-top:8px;color:#8290a6;font-size:10px}@media(max-width:800px){.ue-new-unalloc-section .ue-new-unalloc-metrics{grid-template-columns:1fr!important}.ue-new-unalloc-section .ue-new-unalloc-total{grid-column:auto}}
.ue-new-campaign-list{margin-top:9px;width:100%;display:flex;flex-direction:column;gap:5px}.ue-new-campaign-list span{display:flex!important;justify-content:space-between;gap:8px;font-size:10px!important;color:#66758d!important;font-weight:700!important;border-top:1px solid #e9edf4;padding-top:5px}.ue-new-campaign-list b{white-space:nowrap;color:#34425b}.ue-new-campaign-empty{display:block;margin-top:8px;color:#9aa6b8;font-size:9px}

/* NEW UE visual searchable product picker */
.ue-new-control.product{position:relative}.ue-product-picker{position:relative;width:100%;max-width:620px}.ue-product-picker-button{width:100%;min-height:58px;border:1px solid #dfe6f1;border-radius:14px;background:#fff;display:flex;align-items:center;gap:11px;padding:7px 38px 7px 8px;text-align:left;cursor:pointer;position:relative}.ue-product-picker-button:after{content:'⌄';position:absolute;right:14px;top:18px;color:#71809a;font-size:18px}.ue-product-picker-button img,.ue-product-picker-placeholder{width:42px;height:42px;border-radius:9px;object-fit:cover;background:#f1f4f8;flex:0 0 42px}.ue-product-picker-placeholder{display:grid;place-items:center;color:#9aa7ba;font-size:17px}.ue-product-picker-copy{min-width:0}.ue-product-picker-copy strong{display:block;color:#17233d;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ue-product-picker-copy small{display:block;color:#8290a6;font-size:10px;margin-top:3px}.ue-product-picker-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:100;background:#fff;border:1px solid #dfe6f1;border-radius:15px;box-shadow:0 16px 42px rgba(31,48,79,.16);padding:9px}.ue-product-picker-search{width:100%;height:40px;border:1px solid #dfe6f1;border-radius:10px;padding:0 12px;margin-bottom:7px;outline:none}.ue-product-picker-search:focus{border-color:#7ea2f7}.ue-product-picker-list{max-height:330px;overflow:auto}.ue-product-option{width:100%;border:0;background:transparent;border-radius:10px;padding:7px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer}.ue-product-option:hover,.ue-product-option.active{background:#f2f6ff}.ue-product-option img,.ue-product-option .ph{width:40px;height:40px;border-radius:8px;object-fit:cover;background:#f1f4f8;flex:0 0 40px}.ue-product-option .ph{display:grid;place-items:center;color:#9aa7ba}.ue-product-option div{min-width:0}.ue-product-option strong{display:block;font-size:12px;color:#27344f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ue-product-option small{font-size:9px;color:#8794a8}.ue-product-picker-empty{padding:18px;text-align:center;color:#8794a8;font-size:11px}

/* NEW UE picker visual alignment */
#unitEconomicsNewSection .ue-new-controls{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;align-items:end!important}
#unitEconomicsNewSection .ue-new-control{width:100%!important}
#unitEconomicsNewSection .ue-new-control select{width:100%!important;max-width:none!important;min-width:0!important;height:58px!important;border-radius:14px!important;background:#fff!important}
#unitEconomicsNewSection .ue-product-picker{width:100%!important;max-width:none!important}
#unitEconomicsNewSection .ue-product-picker-button{background:#fff!important}
#unitEconomicsNewSection .ue-product-picker-button:focus,#unitEconomicsNewSection .ue-product-picker-button:active{background:#fff!important;box-shadow:none!important}
#unitEconomicsNewSection .ue-product-option.active{background:#f7f9fc!important}
@media(max-width:700px){#unitEconomicsNewSection .ue-new-controls{grid-template-columns:1fr!important}}

/* HARD RESET: product picker must never inherit global blue button */
#unitEconomicsNewSection button.ue-product-picker-button,
#unitEconomicsNewSection button.ue-product-picker-button:hover,
#unitEconomicsNewSection button.ue-product-picker-button:focus,
#unitEconomicsNewSection button.ue-product-picker-button:active {
    background: #fff !important;
    background-image: none !important;
    color: #17233d !important;
    opacity: 1 !important;
    margin-top: 0 !important;
    border: 1px solid #dfe6f1 !important;
}
#unitEconomicsNewSection button.ue-product-option,
#unitEconomicsNewSection button.ue-product-option:hover,
#unitEconomicsNewSection button.ue-product-option:focus,
#unitEconomicsNewSection button.ue-product-option:active {
    background: #fff !important;
    background-image: none !important;
    color: #27344f !important;
    opacity: 1 !important;
    margin-top: 0 !important;
}
#unitEconomicsNewSection button.ue-product-option:hover,
#unitEconomicsNewSection button.ue-product-option.active {
    background: #f7f9fc !important;
}

/* NEW UE controls proportions: period one KPI-cell wide, product takes the rest */
#unitEconomicsNewSection .ue-new-controls {
    grid-template-columns: minmax(190px, 1fr) minmax(0, 5fr) !important;
}
#unitEconomicsNewSection .ue-new-control:first-child {
    max-width: none !important;
}
#unitEconomicsNewSection .ue-new-control.product,
#unitEconomicsNewSection .ue-product-picker {
    max-width: none !important;
    width: 100% !important;
}
@media(max-width:700px){
    #unitEconomicsNewSection .ue-new-controls {
        grid-template-columns:1fr !important;
    }
}
.ue-new-wb-discount .wb-discount{background:#fff4e8;border-radius:10px;color:#b86b00}.ue-new-wb-discount .wb-return{background:#edf9f4;border-radius:10px;color:#087a56}.ue-new-wb-note{margin:10px 0 16px;padding:12px 14px;border-radius:12px;background:#f4f8ff;color:#536780;font-size:11px;line-height:1.5}.ue-new-wb-note b{color:#245cb5}
.ue-new-wb-discount .total{flex-wrap:wrap}.ue-new-wb-discount .total small{flex-basis:100%;display:block;margin-top:3px;color:#8290a6;font-size:9px;font-weight:600;text-align:right}
.ue-new-ledger-start{flex-wrap:wrap}.ue-new-ledger-start>small{flex-basis:100%;display:block;margin-top:4px;color:#aebbd0;font-size:9px;font-weight:600;text-align:right}

/* FINAL NEW UE promotion + mobile */
#navUnitEconomics.legacy-unit-economics-nav{display:none!important}
@media(max-width:900px){
 #unitEconomicsNewSection{padding:2px 10px 88px!important;overflow-x:hidden}
 #unitEconomicsNewSection .ue-new-head{margin-bottom:12px}
 #unitEconomicsNewSection .ue-new-head h2{font-size:22px;line-height:1.15}
 #unitEconomicsNewSection .ue-new-head p{font-size:11px}
 #unitEconomicsNewSection .ue-new-period{font-size:11px;padding:9px 11px}
 #unitEconomicsNewSection .ue-new-controls{grid-template-columns:1fr!important;gap:9px!important}
 #unitEconomicsNewSection .ue-new-control select,#unitEconomicsNewSection .ue-product-picker-button{height:54px!important;min-height:54px!important}
 #unitEconomicsNewSection .ue-new-product-title{margin:10px 0}
 #unitEconomicsNewSection .ue-new-product-title strong{font-size:14px}
 #unitEconomicsNewSection .ue-new-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
 #unitEconomicsNewSection .ue-new-kpi{min-height:88px;padding:13px;border-radius:14px}
 #unitEconomicsNewSection .ue-new-kpi span{font-size:9px;margin-bottom:10px}
 #unitEconomicsNewSection .ue-new-kpi strong{font-size:17px}
 #unitEconomicsNewSection .ue-new-card{padding:14px;border-radius:15px}
 #unitEconomicsNewSection .ue-new-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 #unitEconomicsNewSection .ue-new-metrics>div{min-height:68px;padding:10px!important}
 #unitEconomicsNewSection .ue-new-metrics span{font-size:9px}
 #unitEconomicsNewSection .ue-new-metrics strong{font-size:16px}
 #unitEconomicsNewSection .ue-new-unalloc-section .ue-new-unalloc-metrics{grid-template-columns:1fr 1fr!important}
 #unitEconomicsNewSection .ue-new-ledger-start{padding:14px}
 #unitEconomicsNewSection .ue-new-ledger-start strong{font-size:21px}
 #unitEconomicsNewSection .ue-new-tax-compose{margin-left:5px;padding-left:9px}
 #unitEconomicsNewSection .ue-new-tax-compose>div{padding:8px 7px;gap:8px;font-size:11px}
 #unitEconomicsNewSection .ue-new-ledger-row{padding:10px 7px;font-size:11px}
 #unitEconomicsNewSection .ue-new-ledger-result{padding:13px}
 #unitEconomicsNewSection .ue-new-ledger-result>strong{font-size:20px}
 #unitEconomicsNewSection .ue-new-bonus-equation{gap:6px}
 #unitEconomicsNewSection .ue-new-bonus-equation span{padding:7px 9px;font-size:11px}
 .ue-product-picker-menu{position:fixed!important;left:10px!important;right:10px!important;top:18vh!important;max-height:70vh!important;width:auto!important;z-index:9999!important}
 .ue-product-picker-list{max-height:55vh!important}
}
@media(max-width:520px){
 #unitEconomicsNewSection .ue-new-head{display:block}
 #unitEconomicsNewSection .ue-new-period{margin-top:8px}
 #unitEconomicsNewSection .ue-new-unalloc-section .ue-new-unalloc-metrics{grid-template-columns:1fr!important}
}

/* Unallocated advertising: always keep the 3 source cards visible when block exists */
#unitEconomicsNewSection .ue-new-unalloc-section .ue-new-unalloc-metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
#unitEconomicsNewSection .ue-new-unalloc-section .ue-new-unalloc-total{grid-column:1/-1!important}
@media(max-width:700px){#unitEconomicsNewSection .ue-new-unalloc-section .ue-new-unalloc-metrics{grid-template-columns:1fr!important}#unitEconomicsNewSection .ue-new-unalloc-section .ue-new-unalloc-total{grid-column:auto!important}}

/* HOTFIX mobile analytics after desktop KPI final rules */
@media (max-width:760px){
 #dashboard #analyticsSection .kpi-primary-grid{
   display:grid!important;
   grid-template-columns:repeat(2,minmax(0,1fr))!important;
   gap:10px!important;
   width:100%!important;
 }
 #dashboard #analyticsSection .kpi-primary,
 #dashboard #analyticsSection .kpi-primary.kpi-drr,
 #dashboard #analyticsSection #analyticsPeriodKpiCard{
   grid-column:auto!important;
   width:auto!important;
   min-width:0!important;
   max-width:none!important;
   height:auto!important;
   min-height:128px!important;
   max-height:none!important;
   aspect-ratio:auto!important;
   justify-self:stretch!important;
 }
 #dashboard #analyticsSection #analyticsPeriodKpiCard{grid-column:auto!important}
 #dashboard #analyticsSection .economy-strip{grid-template-columns:1fr!important;width:100%!important}
 #dashboard #analyticsSection{overflow-x:hidden!important}
}

/* RESTORE MOBILE BOTTOM NAV: 5 primary tabs, Morning Director only under More */
@media (max-width:900px){
 #dashboard .mobile-bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}

/* ALL marketplace mobile: only Finance + account/help items are available */
@media(max-width:900px){
 body.mp-theme-all #mobileBottomNav [data-desktop-nav="navAnalytics"],
 body.mp-theme-all #mobileBottomNav [data-desktop-nav="navProducts"],
 body.mp-theme-all #mobileBottomNav [data-desktop-nav="navStocks"],
 body.mp-theme-all #mobileBottomNav [data-desktop-nav="navAI"]{display:none!important}
 body.mp-theme-all #mobileBottomNav{grid-template-columns:1fr!important}
}

/* MOBILE PERIOD KPI: restore normal card layout after desktop period surgery */
@media(max-width:760px){
 #dashboard #analyticsSection #analyticsPeriodKpiCard{
   display:flex!important;
   flex-direction:column!important;
   align-items:flex-start!important;
   justify-content:flex-start!important;
   gap:10px!important;
   padding:16px!important;
   min-height:128px!important;
   overflow:hidden!important;
 }
 #dashboard #analyticsSection #analyticsPeriodKpiCard .kpi-icon,
 #dashboard #analyticsSection #analyticsPeriodKpiCard .kpi-period-icon{
   width:42px!important;height:42px!important;min-width:42px!important;flex:0 0 42px!important;
 }
 #dashboard #analyticsSection #analyticsPeriodKpiCard .kpi-period-content{
   width:100%!important;min-width:0!important;display:block!important;
 }
 #dashboard #analyticsSection #analyticsPeriodKpiCard .kpi-period-content>span{
   display:block!important;margin:0 0 7px!important;font-size:10px!important;line-height:1.1!important;
 }
 #dashboard #analyticsSection #analyticsPeriodKpiMount{
   width:100%!important;min-width:0!important;display:block!important;
 }
 #dashboard #analyticsSection #analyticsPeriodKpiCard .analytics-period{
   width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;display:block!important;
 }
 #dashboard #analyticsSection #analyticsPeriodKpiCard #periodSelect{
   width:100%!important;min-width:0!important;max-width:none!important;height:40px!important;margin:0!important;padding:0 28px 0 10px!important;border-radius:11px!important;font-size:11px!important;
 }
 #dashboard #analyticsSection #analyticsPeriodKpiCard #customPeriod{width:100%!important;min-width:0!important;max-width:none!important}
}

/* RESTORE ALL marketplace full mobile navigation */
@media(max-width:900px){
 body.mp-theme-all #mobileBottomNav [data-desktop-nav]{display:flex!important}
 body.mp-theme-all #mobileBottomNav{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}

/* MOBILE HARD VIEWPORT LOCK: prevent horizontal page panning */
@media(max-width:900px){
 html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;overscroll-behavior-x:none!important}
 body,#dashboard,.dashboard-shell,.dashboard-main,.dashboard-content,#analyticsSection,#productsSection,#advertisingSection,#financeSection,#returnsSection,#stocksSection,#aiSection,#unitEconomicsNewSection{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow-x:hidden!important}
 #dashboard *{box-sizing:border-box}
 #dashboard img,#dashboard svg,#dashboard canvas{max-width:100%}
 #dashboard .kpi-primary-grid,#dashboard .economy-strip,#dashboard .dashboard-card,#dashboard .trend-card,#dashboard .money-flow-card,#dashboard .advertising-kpi-grid,#dashboard .products-kpi-grid,#dashboard .finance-kpi-grid,#dashboard .returns-kpi-grid,#dashboard .stocks-summary-grid{max-width:100%!important;min-width:0!important}
 #dashboard table{max-width:100%}
}

/* Metric question-mark help circles removed globally */
.metric-help,.finance-help[aria-label="Пояснение показателя"]{display:none!important}

/* MOBILE UE product picker: keep rounded field edges fully inside viewport */
@media(max-width:700px){
 #unitEconomicsNewSection .ue-new-controls,
 #unitEconomicsNewSection .ue-new-control.product,
 #unitEconomicsNewSection .ue-product-picker{
   width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important;
 }
 #unitEconomicsNewSection .ue-product-picker-button{
   width:100%!important;max-width:100%!important;min-width:0!important;
   margin:0!important;padding:7px 36px 7px 8px!important;
   border-radius:14px!important;overflow:hidden!important;
 }
 #unitEconomicsNewSection .ue-product-picker-copy{min-width:0!important;max-width:100%!important;overflow:hidden!important}
 #unitEconomicsNewSection .ue-product-picker-copy strong,
 #unitEconomicsNewSection .ue-product-picker-copy small{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
}

/* MOBILE PERIOD DROPDOWN: menu must float above following cards, never be clipped */
@media(max-width:760px){
 #dashboard #analyticsSection .kpi-primary-grid,
 #dashboard #analyticsSection #analyticsPeriodKpiCard,
 #dashboard #analyticsSection #analyticsPeriodKpiCard .kpi-period-content,
 #dashboard #analyticsSection #analyticsPeriodKpiMount,
 #dashboard #analyticsSection #analyticsPeriodKpiCard .analytics-period,
 #dashboard #analyticsSection #analyticsPeriodKpiCard .mp-period-dropdown{
   overflow:visible!important;
 }
 #dashboard #analyticsSection #analyticsPeriodKpiCard:has(.mp-period-dropdown.is-open){z-index:2147480000!important;position:relative!important}
 #dashboard #analyticsSection #analyticsPeriodKpiCard .mp-period-dropdown.is-open{z-index:2147481000!important}
 #dashboard #analyticsSection #analyticsPeriodKpiCard .mp-period-dropdown-menu{
   position:absolute!important;
   left:0!important;right:0!important;top:calc(100% + 6px)!important;
   z-index:2147482000!important;
   max-height:260px!important;overflow-y:auto!important;
   box-shadow:0 16px 38px rgba(29,48,83,.18)!important;
 }
}

/* DEFINITIVE MOBILE UE CONTROLS: viewport-safe period + product picker */
@media(max-width:900px){
 #unitEconomicsNewSection{padding-left:12px!important;padding-right:12px!important;overflow:visible!important}
 #unitEconomicsNewSection .ue-new-controls{
   display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0 0 14px!important;overflow:visible!important;
 }
 #unitEconomicsNewSection .ue-new-control{
   display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0 0 12px!important;overflow:visible!important;
 }
 #unitEconomicsNewSection .ue-new-control>span{display:block!important;margin:0 0 7px!important}
 #unitEconomicsNewSection #unitEconomicsNewPeriod{
   display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;height:52px!important;margin:0!important;padding:0 38px 0 14px!important;border-radius:14px!important;box-sizing:border-box!important;
 }
 #unitEconomicsNewSection .ue-product-picker{
   display:block!important;position:relative!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;overflow:visible!important;box-sizing:border-box!important;
 }
 #unitEconomicsNewSection .ue-product-picker-button{
   display:flex!important;width:100%!important;max-width:100%!important;min-width:0!important;height:58px!important;min-height:58px!important;margin:0!important;padding:7px 38px 7px 8px!important;border-radius:14px!important;box-sizing:border-box!important;overflow:hidden!important;
 }
 #unitEconomicsNewSection .ue-product-picker-copy{flex:1 1 auto!important;width:0!important;min-width:0!important;overflow:hidden!important}
 #unitEconomicsNewSection .ue-product-picker-menu{
   position:fixed!important;left:12px!important;right:12px!important;top:18vh!important;width:auto!important;max-width:none!important;max-height:68vh!important;margin:0!important;padding:9px!important;border-radius:15px!important;box-sizing:border-box!important;overflow:hidden!important;z-index:2147483000!important;
 }
 #unitEconomicsNewSection .ue-product-picker-search{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
 #unitEconomicsNewSection .ue-product-picker-list{width:100%!important;max-width:100%!important;min-width:0!important;max-height:52vh!important;overflow-y:auto!important;overflow-x:hidden!important}
 #unitEconomicsNewSection .ue-product-option{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important}
 #unitEconomicsNewSection .ue-product-option>div{flex:1 1 auto!important;width:0!important;min-width:0!important;overflow:hidden!important}
}

/* MOBILE ANALYTICS PERIOD: full-width row directly below marketplace/store selectors */
.mobile-analytics-period-row{display:none}
@media(max-width:760px){
 body.dashboard-active .mobile-analytics-toolbar{
   grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr)!important;
   align-items:end!important;
 }
 body.dashboard-active .mobile-analytics-period-row{
   grid-column:1/-1!important;
   display:block;
   width:100%!important;
   min-width:0!important;
   margin-top:2px!important;
 }
 body.dashboard-active .mobile-analytics-period-row[hidden]{display:none!important}
 body.dashboard-active .mobile-analytics-period-row>span{
   display:block!important;
   padding-left:3px!important;
   margin:0 0 4px!important;
   color:#8b97aa!important;
   font-size:8px!important;
   line-height:1!important;
   font-weight:800!important;
   letter-spacing:.04em!important;
   text-transform:uppercase!important;
 }
 body.dashboard-active .mobile-analytics-period-mount,
 body.dashboard-active .mobile-analytics-period-mount .analytics-period,
 body.dashboard-active .mobile-analytics-period-mount .mp-period-dropdown{
   width:100%!important;max-width:100%!important;min-width:0!important;
   margin:0!important;padding:0!important;overflow:visible!important;
 }
 body.dashboard-active .mobile-analytics-period-mount .mp-period-dropdown-button,
 body.dashboard-active .mobile-analytics-period-mount #periodSelect{
   width:100%!important;max-width:100%!important;min-width:0!important;
   height:40px!important;min-height:40px!important;
   margin:0!important;border:1px solid #dce4f0!important;border-radius:12px!important;
   background:#fff!important;box-shadow:0 4px 12px rgba(38,63,108,.05)!important;
   box-sizing:border-box!important;
 }
 #dashboard #analyticsSection #analyticsPeriodKpiCard{display:none!important}
}
@media(min-width:761px){#mobileAnalyticsPeriodRow{display:none!important}}

/* ALL marketplace only: store-by-store buyouts list */
.all-stores-buyouts{display:grid;gap:8px;margin-top:14px}
.all-stores-buyouts[hidden]{display:none!important}
.all-store-buyout-row{width:100%;border:1px solid #e7ecf4;border-radius:14px;background:#f8fafd;padding:10px 12px;display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1.6fr);gap:14px;align-items:center;text-align:left;cursor:pointer}
.all-store-buyout-row:hover{background:#f2f6ff;border-color:#d8e3f7}
.all-store-buyout-store{display:flex;align-items:center;gap:8px;min-width:0}
.all-store-buyout-store>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#17233d;font-size:12px}
.all-store-buyout-store>em{margin-left:auto;flex:0 0 auto;font-style:normal;font-weight:900;color:#17233d;font-size:14px}
.all-store-buyout-product{display:flex;align-items:center;gap:9px;min-width:0}
.all-store-buyout-product img,.all-store-buyout-product .ph{width:38px;height:38px;flex:0 0 38px;border-radius:8px;object-fit:cover;background:#eef2f7}
.all-store-buyout-product .ph{display:grid;place-items:center;color:#9aa7ba}
.all-store-buyout-product>div{min-width:0}
.all-store-buyout-product b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#27344f;font-size:11px}
.all-store-buyout-product small{display:block;margin-top:3px;color:#8290a6;font-size:9px}
.all-store-buyout-empty,.all-store-buyout-loading{color:#8794a8;font-size:11px;padding:8px 0}
.all-buyout-modal-store{grid-column:1/-1;display:flex;align-items:center;gap:7px;margin-bottom:4px;font-size:10px;color:#536177}
@media(max-width:760px){.all-store-buyout-row{grid-template-columns:1fr!important;gap:8px!important;padding:10px!important}.all-store-buyout-product{padding-left:27px}.all-store-buyout-store>strong{font-size:11px}.all-store-buyout-store>em{font-size:13px}}

/* ALL marketplace buyouts: compact neutral rows, no blue fill */
body.mp-theme-all #analyticsSection .all-stores-buyouts{gap:6px!important;margin-top:9px!important}
body.mp-theme-all #analyticsSection .all-store-buyout-row{
  min-height:52px!important;
  padding:6px 9px!important;
  gap:10px!important;
  border:1px solid #e4eaf3!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.mp-theme-all #analyticsSection .all-store-buyout-row:hover{background:#f8fafc!important;border-color:#dce4ef!important}
body.mp-theme-all #analyticsSection .all-store-buyout-store{gap:6px!important}
body.mp-theme-all #analyticsSection .all-store-buyout-store>strong{font-size:11px!important}
body.mp-theme-all #analyticsSection .all-store-buyout-store>em{font-size:12px!important}
body.mp-theme-all #analyticsSection .all-store-buyout-product{gap:7px!important}
body.mp-theme-all #analyticsSection .all-store-buyout-product img,
body.mp-theme-all #analyticsSection .all-store-buyout-product .ph{width:32px!important;height:32px!important;flex-basis:32px!important;border-radius:7px!important}
body.mp-theme-all #analyticsSection .all-store-buyout-product b{font-size:10px!important}
body.mp-theme-all #analyticsSection .all-store-buyout-product small{font-size:8px!important;margin-top:1px!important}
@media(max-width:760px){
 body.mp-theme-all #analyticsSection .all-store-buyout-row{min-height:48px!important;padding:6px 8px!important;gap:5px!important}
 body.mp-theme-all #analyticsSection .all-store-buyout-product{padding-left:24px!important}
}

/* ALL marketplace: buyouts card grows with store list; finance card stays normal */
body.mp-theme-all #analyticsSection .economy-strip.economy-strip-all{
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr)!important;
  align-items:stretch!important;
}
body.mp-theme-all #analyticsSection .economy-sales-card-new{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
body.mp-theme-all #analyticsSection .economy-finance-card-new{
  height:auto!important;
  min-height:100%!important;
}
body.mp-theme-all #analyticsSection .all-stores-buyouts{
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
@media(max-width:760px){
 body.mp-theme-all #analyticsSection .economy-strip.economy-strip-all{grid-template-columns:1fr!important}
 body.mp-theme-all #analyticsSection .economy-finance-card-new{min-height:150px!important}
}

/* ALL buyouts unified report: fixed columns, aligned rows, compact store names */
body.mp-theme-all #analyticsSection .all-store-buyout-row{
  display:grid!important;
  grid-template-columns:minmax(0,42%) minmax(0,58%)!important;
  align-items:center!important;
  min-height:50px!important;
  cursor:pointer!important;
}
body.mp-theme-all #analyticsSection .all-store-buyout-store{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 58px!important;
  align-items:center!important;
  gap:7px!important;
  width:100%!important;
}
body.mp-theme-all #analyticsSection .all-store-buyout-store .recent-order-market-badge{justify-self:start!important}
body.mp-theme-all #analyticsSection .all-store-buyout-store>strong{display:block!important;width:100%!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body.mp-theme-all #analyticsSection .all-store-buyout-store>em{width:58px!important;text-align:right!important;margin:0!important}
body.mp-theme-all #analyticsSection .all-store-buyout-product{display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;align-items:center!important;width:100%!important;min-width:0!important}
body.mp-theme-all #analyticsSection .all-store-buyout-product>div{width:100%!important;min-width:0!important}
body.mp-theme-all #analyticsSection .all-store-buyout-product b{width:100%!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
/* unified modal rows: fixed store / image / product / route / date columns */
body.mp-theme-all #recentSalesPanel .recent-sale-row{display:grid!important;grid-template-columns:155px 52px minmax(0,1fr)!important;column-gap:12px!important;align-items:center!important;min-height:88px!important;padding:10px 8px!important}
body.mp-theme-all #recentSalesPanel .all-buyout-modal-store{grid-column:1!important;grid-row:1!important;display:flex!important;min-width:0!important;overflow:hidden!important;white-space:nowrap!important}
body.mp-theme-all #recentSalesPanel .all-buyout-modal-store b{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body.mp-theme-all #recentSalesPanel .recent-sale-row-image{grid-column:2!important;grid-row:1!important;width:52px!important;height:52px!important;object-fit:cover!important}
body.mp-theme-all #recentSalesPanel .recent-sale-row-main{grid-column:3!important;grid-row:1!important;min-width:0!important;width:100%!important}
body.mp-theme-all #recentSalesPanel .recent-sale-row-head{display:grid!important;grid-template-columns:minmax(0,1fr) 130px!important;gap:12px!important;align-items:center!important}
body.mp-theme-all #recentSalesPanel .recent-sale-row-head b{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body.mp-theme-all #recentSalesPanel .recent-sale-row-head time{text-align:right!important;white-space:nowrap!important}
body.mp-theme-all #recentSalesPanel .recent-order-route{display:grid!important;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)!important;align-items:center!important;gap:8px!important}
@media(max-width:760px){
 body.mp-theme-all #analyticsSection .all-store-buyout-row{grid-template-columns:1fr!important}
 body.mp-theme-all #recentSalesPanel .recent-sale-row{grid-template-columns:38px minmax(0,1fr)!important;min-height:0!important}
 body.mp-theme-all #recentSalesPanel .all-buyout-modal-store{grid-column:1/-1!important;grid-row:auto!important}
 body.mp-theme-all #recentSalesPanel .recent-sale-row-image{grid-column:1!important;grid-row:auto!important;width:38px!important;height:38px!important}
 body.mp-theme-all #recentSalesPanel .recent-sale-row-main{grid-column:2!important;grid-row:auto!important}
 body.mp-theme-all #recentSalesPanel .recent-sale-row-head{grid-template-columns:1fr!important}
 body.mp-theme-all #recentSalesPanel .recent-sale-row-head time{text-align:left!important}
}

/* ALL marketplace economy strip: seamless cards, same geometry as KPI row */
body.mp-theme-all #analyticsSection .economy-strip.economy-strip-all{
  gap:18px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin-top:18px!important;
  grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr)!important;
}
body.mp-theme-all #analyticsSection .economy-strip.economy-strip-all::before,
body.mp-theme-all #analyticsSection .economy-strip.economy-strip-all::after{display:none!important}
body.mp-theme-all #analyticsSection .economy-sales-card-new,
body.mp-theme-all #analyticsSection .economy-finance-card-new{
  margin:0!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 26px rgba(45,65,105,.045)!important;
}
/* Align the vertical split with the KPI-row column boundary above */
@media(min-width:761px){
 body.mp-theme-all #analyticsSection .economy-strip.economy-strip-all{
   grid-template-columns:minmax(0,3fr) minmax(0,2fr)!important;
 }
}

/* ALL marketplace lower cards: matching typography + store breakdown totals */
body.mp-theme-all #analyticsSection .economy-card-title-new,
body.mp-theme-all #analyticsSection #metricFinanceLabel{
  display:block!important;
  color:#71809a!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  border:0!important;
}
body.mp-theme-all #analyticsSection .all-stores-finance{display:grid;gap:6px;margin-top:14px}
body.mp-theme-all #analyticsSection .all-stores-finance[hidden]{display:none!important}
body.mp-theme-all #analyticsSection .all-store-finance-row{
 display:grid;grid-template-columns:34px minmax(0,1fr) 110px;align-items:center;gap:7px;min-height:50px;padding:6px 9px;border:1px solid #e4eaf3;border-radius:11px;background:#fff
}
body.mp-theme-all #analyticsSection .all-store-finance-row>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#17233d}
body.mp-theme-all #analyticsSection .all-store-finance-row>em{text-align:right;font-style:normal;font-size:12px;font-weight:900;color:#17233d;white-space:nowrap}
body.mp-theme-all #analyticsSection .economy-finance-value-new.all-total,
body.mp-theme-all #analyticsSection .all-store-buyout-total{
 margin-top:10px!important;padding-top:10px!important;border-top:1px solid #e2e8f1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important
}
body.mp-theme-all #analyticsSection .economy-finance-value-new.all-total::before{content:'Итого';font-size:11px;font-weight:800;text-transform:uppercase;color:#71809a}
body.mp-theme-all #analyticsSection .economy-finance-value-new.all-total strong{font-size:22px!important}
body.mp-theme-all #analyticsSection .all-store-buyout-total span{font-size:11px;font-weight:800;text-transform:uppercase;color:#71809a}
body.mp-theme-all #analyticsSection .all-store-buyout-total strong{font-size:18px;color:#17233d}
@media(max-width:760px){body.mp-theme-all #analyticsSection .all-store-finance-row{grid-template-columns:30px minmax(0,1fr) 90px}.all-store-finance-row>em{font-size:11px!important}}

/* ALL marketplace lower-card totals: one shared footer geometry */
body.mp-theme-all #analyticsSection .all-store-buyout-total,
body.mp-theme-all #analyticsSection .economy-finance-value-new.all-total{
  height:58px!important;
  min-height:58px!important;
  margin:10px 0 0!important;
  padding:10px 8px 0!important;
  border-top:1px solid #e2e8f1!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
}
body.mp-theme-all #analyticsSection .all-store-buyout-total span,
body.mp-theme-all #analyticsSection .economy-finance-value-new.all-total::before{
  margin:0!important;
  padding:0!important;
  color:#71809a!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
  align-self:center!important;
}
body.mp-theme-all #analyticsSection .all-store-buyout-total span{font-size:0!important}
body.mp-theme-all #analyticsSection .all-store-buyout-total span::after{content:'Итого';font-size:11px!important}
body.mp-theme-all #analyticsSection .all-store-buyout-total strong,
body.mp-theme-all #analyticsSection .economy-finance-value-new.all-total strong{
  margin:0!important;
  padding:0!important;
  color:#17233d!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:900!important;
  text-align:right!important;
  white-space:nowrap!important;
  align-self:center!important;
}

/* ALL marketplace sidebar: hide marketplace-specific sections; keep global account sections */
body.mp-theme-all #navMorningDirector,
body.mp-theme-all #navProducts,
body.mp-theme-all #navAdvertising,
body.mp-theme-all #navUnitEconomicsNew,
body.mp-theme-all #navReturns,
body.mp-theme-all #navStocks{display:none!important}

/* ASSORTMENT marketplace: only Products + Support + Settings */
body.mp-theme-compare #navAnalytics,
body.mp-theme-compare #navMorningDirector,
body.mp-theme-compare #navAdvertising,
body.mp-theme-compare #navUnitEconomicsNew,
body.mp-theme-compare #navFinance,
body.mp-theme-compare #navReturns,
body.mp-theme-compare #navStocks,
body.mp-theme-compare #navAI,
body.mp-theme-compare #navSubscription{display:none!important}

/* MP Director support chat */
.support-chat-shell{max-width:900px;height:min(720px,calc(100vh - 180px));min-height:520px;margin:0 auto;background:#fff;border:1px solid #e2e9f4;border-radius:24px;box-shadow:0 18px 50px rgba(36,60,105,.08);display:flex;flex-direction:column;overflow:hidden}
.support-chat-head{display:flex;align-items:center;gap:13px;padding:18px 22px;border-bottom:1px solid #e8edf5;background:linear-gradient(135deg,#f7faff,#f4f0ff)}
.support-chat-head h2{margin:0;font-size:20px;color:#17233d}.support-chat-head p{margin:4px 0 0;font-size:12px;color:#7b899e}.support-chat-avatar{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#1769ff;color:#fff;font-weight:900;box-shadow:0 7px 18px rgba(23,105,255,.22)}
.support-online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#20bf79}.support-chat-messages{flex:1;overflow-y:auto;padding:22px;background:#f7f9fd;display:flex;flex-direction:column;gap:10px}.support-chat-loading,.support-chat-empty{text-align:center;color:#8a97aa;margin:auto;font-size:13px}
.support-chat-message{max-width:72%;padding:11px 14px;border-radius:16px;font-size:14px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.support-chat-message.user{align-self:flex-end;background:#1769ff;color:#fff;border-bottom-right-radius:5px}.support-chat-message.support{align-self:flex-start;background:#fff;color:#263650;border:1px solid #e1e7f0;border-bottom-left-radius:5px}.support-chat-message time{display:block;margin-top:5px;font-size:9px;opacity:.68;text-align:right}
.support-chat-compose{display:flex;gap:10px;align-items:flex-end;padding:14px 16px;border-top:1px solid #e5ebf4;background:#fff}.support-chat-compose textarea{flex:1;min-height:46px;max-height:120px;resize:none;border:1px solid #dce4ef;border-radius:15px;padding:13px 15px;font:inherit;box-sizing:border-box;outline:none}.support-chat-compose textarea:focus{border-color:#8bb6ff;box-shadow:0 0 0 3px rgba(23,105,255,.08)}.support-chat-compose button{width:46px;height:46px;border:0;border-radius:14px;background:#1769ff;color:#fff;font-size:19px;cursor:pointer}.support-chat-status{min-height:0;padding:0 18px 8px;color:#d44747;font-size:11px;background:#fff}
@media(max-width:760px){.support-chat-shell{height:calc(100vh - 175px);min-height:440px;border-radius:16px}.support-chat-head{padding:12px 14px}.support-chat-avatar{width:40px;height:40px}.support-chat-message{max-width:84%}.support-chat-messages{padding:14px}.support-chat-compose{padding:10px}.support-chat-head h2{font-size:17px}}

/* Global floating support chat */
.support-chat-fab{position:fixed;right:24px;bottom:24px;width:60px;height:60px;border:0;border-radius:20px;background:linear-gradient(145deg,#2383ff,#145bea);color:#fff;z-index:2147480000;box-shadow:0 12px 30px rgba(23,105,255,.3);cursor:pointer;display:none;place-items:center}
body.dashboard-active .support-chat-fab{display:grid}.support-chat-fab-bubble{font-size:20px;font-weight:900;letter-spacing:1px}.support-chat-fab-dot{position:absolute;right:7px;top:7px;width:10px;height:10px;border-radius:50%;background:#28c681;border:2px solid #fff}
.support-chat-popup{position:fixed;right:24px;bottom:96px;width:min(390px,calc(100vw - 32px));height:min(590px,calc(100vh - 130px));background:#fff;border:1px solid #dfe7f2;border-radius:22px;box-shadow:0 22px 65px rgba(30,48,85,.22);z-index:2147480001;overflow:hidden;display:flex;flex-direction:column}.support-chat-popup[hidden]{display:none!important}
.support-chat-popup-head{display:flex;align-items:center;gap:10px;padding:13px 14px;background:linear-gradient(135deg,#f4f8ff,#f6f1ff);border-bottom:1px solid #e5ebf4}.support-chat-popup-head>div:nth-child(2){min-width:0;flex:1}.support-chat-popup-head b{display:block;font-size:14px;color:#17233d}.support-chat-popup-head small{display:block;margin-top:2px;font-size:10px;color:#7e8ba0}.support-chat-popup-head>button{width:32px;height:32px;border:0;border-radius:10px;background:#fff;color:#66758d;font-size:23px;cursor:pointer}
.support-chat-popup .support-chat-messages{padding:14px}.support-chat-popup .support-chat-compose{padding:10px}.support-chat-popup .support-chat-message{max-width:82%;font-size:13px}
@media(max-width:760px){.support-chat-fab{right:14px;bottom:82px;width:54px;height:54px;border-radius:18px}.support-chat-popup{left:10px;right:10px;bottom:76px;width:auto;height:calc(100vh - 155px);border-radius:18px}}
.support-chat-unread{position:absolute;left:-7px;top:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:11px;background:#ef3f52;color:#fff;border:2px solid #fff;font-size:10px;font-weight:900;line-height:20px;text-align:center;box-sizing:content-box}.support-chat-unread[hidden]{display:none!important}
/* unread support answer indicator */
.support-chat-unread{left:auto!important;right:-5px!important;top:-5px!important;min-width:20px!important;width:20px!important;height:20px!important;padding:0!important;border-radius:50%!important;background:#ef3f52!important;color:#fff!important;border:3px solid #fff!important;font-size:14px!important;font-weight:1000!important;line-height:20px!important;box-shadow:0 4px 10px rgba(239,63,82,.35)!important}
/* Support FAB: operator with headset */
.support-chat-fab{border-radius:50%!important}
.support-chat-fab-agent{width:38px;height:38px;display:grid;place-items:center}
.support-chat-fab-agent svg{width:38px;height:38px;display:block;overflow:visible}
.support-chat-fab-agent svg path,.support-chat-fab-agent svg rect{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.support-chat-fab-agent svg circle:not(.mic-dot){fill:#fff;stroke:none}
.support-chat-fab-agent svg .mic-dot{fill:#fff;stroke:none}
@media(max-width:760px){.support-chat-fab{border-radius:50%!important}.support-chat-fab-agent,.support-chat-fab-agent svg{width:34px;height:34px}}
/* Public MAX contact CTA */
.landing-max-question{max-width:1180px;margin:28px auto;box-sizing:border-box;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:26px 30px;border:1px solid #dce6fb;border-radius:26px;background:linear-gradient(135deg,#f7faff 0%,#f4f1ff 100%);box-shadow:0 16px 45px rgba(48,75,128,.08)}
.landing-max-question-icon{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#6576ff,#5543e8);color:#fff;font-size:29px;font-weight:900;box-shadow:0 10px 24px rgba(86,70,232,.24)}
.landing-max-question-copy span{display:block;color:#6b7b94;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.landing-max-question-copy h2{margin:5px 0 7px;color:#15223b;font-size:25px}.landing-max-question-copy p{margin:0;max-width:720px;color:#6c7a90;font-size:14px;line-height:1.5}
.landing-max-question-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:15px;background:#5966f2;color:#fff!important;text-decoration:none!important;font-weight:800;white-space:nowrap;box-shadow:0 9px 22px rgba(89,102,242,.22);transition:.18s ease}.landing-max-question-button:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(89,102,242,.3)}
@media(max-width:760px){.landing-max-question{grid-template-columns:auto 1fr;margin:18px 14px;padding:20px;border-radius:20px;gap:14px}.landing-max-question-icon{width:52px;height:52px;border-radius:16px;font-size:24px}.landing-max-question-copy h2{font-size:20px}.landing-max-question-copy p{font-size:13px}.landing-max-question-button{grid-column:1/-1;width:100%;box-sizing:border-box}}
/* MAX CTA full-width refinement */
.landing-max-question{width:calc(100% - 32px)!important;max-width:none!important;margin:28px 16px!important;padding:30px 38px!important;border-radius:28px!important}
.landing-max-question-icon{width:72px!important;height:72px!important;border-radius:23px!important;background:linear-gradient(145deg,#119cff 0%,#3b61f4 52%,#6a38e8 100%)!important;overflow:hidden}
.landing-max-question-icon svg{width:48px;height:48px;display:block}.landing-max-question-icon svg path:first-child{fill:none}.landing-max-question-icon svg path:last-child{fill:none;stroke:#fff;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.landing-max-question-button{min-width:230px!important;min-height:58px!important;font-size:17px!important;border-radius:18px!important;background:linear-gradient(135deg,#3f59f7,#5964ee)!important}
@media(max-width:760px){.landing-max-question{width:calc(100% - 24px)!important;margin:18px 12px!important;padding:20px!important}.landing-max-question-icon{width:56px!important;height:56px!important;border-radius:18px!important}.landing-max-question-icon svg{width:39px;height:39px}.landing-max-question-button{min-width:0!important;min-height:52px!important}}
/* Official MAX brandbook logo */
.landing-max-question-icon{background:transparent!important;box-shadow:none!important;overflow:visible!important}
.landing-max-question-icon img{display:block;width:100%;height:100%;object-fit:contain}
/* Center support operator icon precisely inside floating circle */
.support-chat-fab{display:none!important;align-items:center!important;justify-content:center!important;padding:0!important}
body.dashboard-active .support-chat-fab{display:flex!important}
.support-chat-fab-agent{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
.support-chat-fab-agent svg{margin:0!important;display:block!important}
/* Offline dashboard snapshot */
.mp-offline-snapshot-banner{position:sticky;top:0;z-index:9999;margin:0 0 12px;padding:10px 14px;border:1px solid #f0d38a;border-radius:12px;background:#fff8df;color:#765d16;font-size:12px;font-weight:800;text-align:center;box-shadow:0 5px 16px rgba(96,77,24,.08)}
.mp-offline-snapshot .dashboard-updated-at::after{content:" · офлайн";color:#b48316;font-weight:800}
.mobile-events-modal{position:fixed;inset:0;z-index:2147481000;background:rgba(18,29,50,.42);display:grid;place-items:center;padding:18px}.mobile-events-modal[hidden]{display:none!important}.mobile-events-card{position:relative;width:min(440px,100%);max-height:88vh;overflow:auto;box-sizing:border-box;background:#fff;border-radius:26px;padding:26px;box-shadow:0 25px 70px rgba(21,36,65,.25)}.mobile-events-card h2{margin:5px 0 7px;font-size:24px}.mobile-events-card>p{margin:0 0 18px;color:#718097;font-size:13px}.mobile-events-close{position:absolute;right:14px;top:14px;border:0;background:#f0f4fa;border-radius:11px;width:34px;height:34px;font-size:22px}.mobile-events-list{display:grid;gap:9px}.mobile-events-list label{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 12px;border:1px solid #e3e9f2;border-radius:14px}.mobile-events-list label>span{flex:1;font-size:13px;font-weight:700}.mobile-events-list input[type=checkbox]{width:19px;height:19px}.mobile-events-list input[type=number]{width:62px;padding:7px;border:1px solid #dbe3ee;border-radius:9px}.mobile-events-save{width:100%;margin-top:18px;min-height:50px;border:0;border-radius:15px;background:#1769ff;color:#fff;font-weight:800;font-size:14px}
.mobile-push-settings-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px}.mobile-push-settings-card[hidden]{display:none!important}.mobile-push-settings-copy{display:flex;align-items:center;gap:14px}.mobile-push-settings-copy h2{margin:0 0 4px}.mobile-push-settings-copy p{margin:0;color:#718097}.mobile-push-settings-icon{width:44px;height:44px;border-radius:14px;background:#edf3ff;color:#1769ff;display:grid;place-items:center;font-weight:900}.mobile-push-settings-actions{display:flex;align-items:center;gap:14px}.mp-switch{display:flex;align-items:center;gap:9px}.mp-switch input{display:none}.mp-switch span{width:44px;height:24px;border-radius:20px;background:#cbd5e4;position:relative;transition:.2s}.mp-switch span:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.2s}.mp-switch input:checked+span{background:#1769ff}.mp-switch input:checked+span:after{transform:translateX(20px)}@media(max-width:700px){.mobile-push-settings-card{align-items:flex-start;flex-direction:column}.mobile-push-settings-actions{width:100%;justify-content:space-between;flex-wrap:wrap}}
.kpi-in-transit .kpi-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.kpi-in-transit .kpi-content>span,.kpi-in-transit .kpi-content>strong,.kpi-in-transit .kpi-content>small{text-align:left;width:100%}.kpi-in-transit{cursor:pointer}.in-transit-modal-card{width:min(900px,94vw);max-height:86vh;overflow:auto}.in-transit-modal-list{display:grid;gap:10px;margin-top:14px}.in-transit-row{display:grid;grid-template-columns:52px minmax(160px,1.4fr) minmax(130px,.8fr) minmax(210px,1.2fr) auto;gap:12px;align-items:center;padding:12px 14px;border-radius:15px;border:1px solid #d9eee3;background:#f3fbf7}.in-transit-row.overdue{background:#fff0f4;border-color:#f3b7c8}.in-transit-row img{width:48px;height:48px;object-fit:contain;border-radius:10px;background:#fff}.in-transit-row strong,.in-transit-row small{display:block}.in-transit-row small{color:#75849a;margin-top:3px}.in-transit-status{font-weight:800}.in-transit-route{font-size:12px;color:#596a82}.in-transit-age{font-weight:800;white-space:nowrap}.in-transit-row.overdue .in-transit-age{color:#c33b65}@media(max-width:700px){.in-transit-row{grid-template-columns:44px 1fr}.in-transit-row>:nth-child(n+3){grid-column:2}}
/* In-transit KPI/modal v2 */
.kpi-in-transit{align-items:flex-start!important;padding:20px!important;gap:14px!important}.kpi-in-transit .kpi-content{min-width:0;display:block!important;padding-top:1px}.kpi-in-transit .kpi-content>span{display:block!important;margin:0 0 7px!important;line-height:1.1!important}.kpi-in-transit .kpi-content>strong{display:block!important;margin:0 0 9px!important;line-height:1!important;white-space:nowrap}.kpi-in-transit .kpi-content>small{display:block!important;margin:0!important;line-height:1.45!important;max-width:180px}.kpi-in-transit .kpi-icon{margin-top:0!important}
#inTransitModal.modal-overlay{position:fixed!important;inset:0!important;z-index:2147482000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;background:rgba(18,29,50,.46)!important;box-sizing:border-box!important}#inTransitModal.modal-overlay[hidden]{display:none!important}#inTransitModal .in-transit-modal-card{position:relative!important;width:min(1050px,calc(100vw - 48px))!important;max-height:calc(100vh - 48px)!important;overflow:auto!important;margin:0!important;padding:24px!important;border-radius:24px!important;background:#fff!important;box-shadow:0 24px 80px rgba(18,29,50,.25)!important}#inTransitModal .modal-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:20px!important}#inTransitModal .modal-head h3{margin:4px 0 5px!important;font-size:24px!important}#inTransitModal .modal-head p{margin:0!important;color:#718097!important}#inTransitModal .modal-close-button{flex:0 0 40px!important;width:40px!important;height:40px!important;padding:0!important;border:0!important;border-radius:12px!important;background:#eef3fb!important;color:#44546d!important;font-size:26px!important;line-height:40px!important;cursor:pointer!important}@media(max-width:700px){#inTransitModal.modal-overlay{padding:10px!important}#inTransitModal .in-transit-modal-card{width:100%!important;max-height:calc(100vh - 20px)!important;padding:16px!important;border-radius:18px!important}}
.in-transit-export-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0 8px;padding:12px 14px;border-radius:14px;background:#f5f8ff;border:1px solid #dce6fb}.in-transit-export-bar button{font-weight:800}.in-transit-export-bar small{color:#718097}

.account-api-error{margin:8px 0;padding:9px 11px;border-radius:10px;background:#fff0f0;color:#b42318;font-size:12px;font-weight:700;border:1px solid #ffd1cc}
.promotion-analytics-v1{margin:18px 0}.promotion-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.promotion-kpis>div{background:#fff;border:1px solid #e7ebf2;border-radius:16px;padding:16px}.promotion-kpis span{display:block;font-size:12px;color:#718096;margin-bottom:7px}.promotion-kpis strong{font-size:21px;color:#172033}.promotion-grid{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(600px,1.8fr);gap:16px}.promo-attention{display:grid;gap:9px}.promo-alert{padding:11px 12px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa}.promo-alert.high{background:#fff1f2;border-color:#fecdd3}.promo-alert b,.promo-alert span{display:block}.promo-alert span{font-size:12px;color:#64748b;margin-top:4px}.promo-ok{padding:16px;border-radius:12px;background:#f0fdf4;color:#166534}.promo-table-wrap{overflow:auto}.promo-table{width:100%;border-collapse:collapse;font-size:12px}.promo-table th,.promo-table td{padding:10px 9px;border-bottom:1px solid #edf0f5;text-align:right;white-space:nowrap}.promo-table th:first-child,.promo-table td:first-child{text-align:left}.promo-table td small{display:block;color:#94a3b8;margin-top:3px}@media(max-width:900px){.promotion-kpis{grid-template-columns:repeat(2,1fr)}.promotion-grid{grid-template-columns:1fr}}
.promotion-analytics-v1{margin:18px 0}.promotion-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.promotion-kpis>div{background:#fff;border:1px solid #e7ebf2;border-radius:16px;padding:16px}.promotion-kpis span{display:block;font-size:12px;color:#718096;margin-bottom:7px}.promotion-kpis strong{font-size:21px;color:#172033}.promotion-grid{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(600px,1.8fr);gap:16px}.promo-attention{display:grid;gap:9px}.promo-alert{padding:11px 12px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa}.promo-alert.high{background:#fff1f2;border-color:#fecdd3}.promo-alert b,.promo-alert span{display:block}.promo-alert span{font-size:12px;color:#64748b;margin-top:4px}.promo-ok{padding:16px;border-radius:12px;background:#f0fdf4;color:#166534}.promo-table-wrap{overflow:auto}.promo-table{width:100%;border-collapse:collapse;font-size:12px}.promo-table th,.promo-table td{padding:10px 9px;border-bottom:1px solid #edf0f5;text-align:right;white-space:nowrap}.promo-table th:first-child,.promo-table td:first-child{text-align:left}.promo-table td small{display:block;color:#94a3b8;margin-top:3px}@media(max-width:900px){.promotion-kpis{grid-template-columns:repeat(2,1fr)}.promotion-grid{grid-template-columns:1fr}}
.promo-alert{display:flex;gap:11px;align-items:flex-start}.promo-alert>img,.promo-alert-ph{width:52px;height:52px;border-radius:11px;object-fit:cover;flex:0 0 52px;background:#fff;display:flex;align-items:center;justify-content:center}.promo-alert-main{min-width:0;flex:1}.promo-alert-main>b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:13px}.promo-alert-metrics{display:flex;gap:14px;flex-wrap:wrap;margin-top:9px}.promo-alert-metrics strong{font-size:18px;line-height:1;color:#172033}.promo-alert-metrics small{display:block;font-size:9px;font-weight:500;color:#8a96a8;margin-top:4px;text-transform:uppercase;letter-spacing:.03em}
/* Promotion attention: rows live inside the parent Control card, no nested cards */
.promo-attention{display:flex;flex-direction:column;gap:0;margin-top:10px}
.promo-alert,.promo-alert.high,.promo-alert.medium{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:center;padding:14px 0!important;border:0!important;border-top:1px solid #edf0f5!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;width:100%;max-width:none}
.promo-alert:first-child{border-top:0!important;padding-top:4px!important}
.promo-alert>img,.promo-alert-ph{width:58px;height:58px;border-radius:12px;object-fit:cover;flex:none}
.promo-alert-main{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name reason" "metrics metrics";column-gap:14px;min-width:0;align-items:center}
.promo-alert-main>b{grid-area:name;display:block!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;max-width:100%}
.promo-alert-main>span{grid-area:reason;margin:0!important;white-space:nowrap;font-size:12px!important}
.promo-alert-metrics{grid-area:metrics;display:grid;grid-template-columns:repeat(4,minmax(62px,1fr));gap:12px;margin-top:10px}
.promo-alert-metrics strong{font-size:19px}
@media(max-width:900px){.promo-alert-main{grid-template-columns:1fr;grid-template-areas:"name" "reason" "metrics"}.promo-alert-main>span{margin-top:3px!important}.promo-alert-metrics{grid-template-columns:repeat(2,1fr)}}
/* Attention layout v3: product first row, metrics second row */
.promo-alert{grid-template-columns:58px minmax(0,1fr)!important;align-items:start!important}
.promo-alert-main{display:block!important;min-width:0}
.promo-alert-main>b{display:block!important;font-size:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.promo-alert-main>span{display:block!important;margin-top:3px!important;font-size:12px!important}
.promo-alert-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(62px,1fr))!important;gap:12px!important;margin-top:12px!important}
/* Attention v4: image/name row, metrics full-width below */
.promo-alert{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:12px!important}
.promo-alert>img,.promo-alert>.promo-alert-ph{grid-column:1!important;grid-row:1!important}
.promo-alert-main{display:contents!important}
.promo-alert-main>b{grid-column:2!important;grid-row:1!important;align-self:start!important;margin-top:2px!important}
.promo-alert-main>span{grid-column:2!important;grid-row:1!important;align-self:end!important;margin:0 0 4px!important}
.promo-alert-metrics{grid-column:1 / -1!important;grid-row:2!important;margin-top:12px!important;padding-left:0!important;width:100%!important}
.ue-new-campaign-list span{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important}.ue-new-campaign-list span i{font-style:normal;min-width:0;overflow:hidden;text-overflow:ellipsis}.ue-new-campaign-list span i small{display:block;color:#94a3b8;font-size:9px;margin-top:2px}.ue-new-campaign-list span b{white-space:nowrap;font-size:13px}
.advertising-unallocated-details{display:grid;gap:5px;margin-top:9px;padding-top:8px;border-top:1px solid #e8edf4}.advertising-unallocated-details:empty{display:none}.advertising-unallocated-details>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px}.advertising-unallocated-details span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#55657b}.advertising-unallocated-details span small{display:block;font-size:8px;color:#9aa6b7;margin-top:1px}.advertising-unallocated-details b{white-space:nowrap;font-size:11px;color:#172033}.advertising-product-campaigns{min-width:390px!important;white-space:normal!important}.advertising-product-campaign-row{display:grid;grid-template-columns:minmax(120px,1.6fr) repeat(3,minmax(58px,.7fr));gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid #edf0f5}.advertising-product-campaign-row:last-child{border-bottom:0}.advertising-product-campaign-row>div{min-width:0}.advertising-product-campaign-row>div>b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.advertising-product-campaign-row>div>small,.advertising-product-campaign-row>span>small{display:block;color:#96a2b3;font-size:8px;margin-top:2px}.advertising-product-campaign-row>span>strong{font-size:11px}.advertising-campaign-empty{color:#9aa6b7}
/* Advertising products table alignment v2 */
.advertising-products-table{table-layout:fixed;min-width:1280px}
.advertising-products-table th:nth-child(1){width:36%}
.advertising-products-table th:nth-child(2){width:7%}
.advertising-products-table th:nth-child(3){width:5%}
.advertising-products-table th:nth-child(4){width:6%}
.advertising-products-table th:nth-child(5){width:11%}
.advertising-products-table th:nth-child(6){width:6%}
.advertising-products-table th:nth-child(7){width:5%}
.advertising-products-table th:nth-child(8){width:24%}
.advertising-products-table td{vertical-align:middle!important}
.advertising-product-cell{display:flex!important;align-items:center!important;gap:12px!important;height:100%!important;box-sizing:border-box}
.advertising-product-cell img,.advertising-product-cell .product-image-placeholder{flex:0 0 48px!important;width:48px!important;height:48px!important}
.advertising-product-info{min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.advertising-product-info strong{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
.advertising-product-campaigns{min-width:0!important;vertical-align:middle!important}
.advertising-product-campaign-row{min-height:48px;box-sizing:border-box}
.advertising-product-campaign-row>div,.advertising-product-campaign-row>span{align-self:center}
/* Advertising products table v3 — product and campaign cells share row height */
.advertising-products-table tbody tr{height:auto!important}
.advertising-products-table tbody td{height:auto!important;padding-top:14px!important;padding-bottom:14px!important}
.advertising-product-cell{display:table-cell!important;vertical-align:middle!important;height:auto!important}
.advertising-product-cell>img,.advertising-product-cell>.product-image-placeholder{float:left!important;margin-right:12px!important}
.advertising-product-info{display:block!important;min-width:0!important;padding-top:5px!important}
.advertising-product-campaigns{display:table-cell!important;vertical-align:middle!important;height:auto!important}
.advertising-product-campaign-row{min-height:0!important;padding:7px 0!important}
.advertising-product-info strong{display:block!important;max-width:520px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
/* Advertising products table v4 — fit desktop viewport without horizontal scroll */
@media(min-width:1100px){
 .advertising-products-table{table-layout:fixed!important;width:100%!important;min-width:0!important}
 .advertising-products-table th:nth-child(1){width:32%!important}
 .advertising-products-table th:nth-child(2){width:7%!important}
 .advertising-products-table th:nth-child(3){width:5%!important}
 .advertising-products-table th:nth-child(4){width:6%!important}
 .advertising-products-table th:nth-child(5){width:10%!important}
 .advertising-products-table th:nth-child(6){width:5%!important}
 .advertising-products-table th:nth-child(7){width:5%!important}
 .advertising-products-table th:nth-child(8){width:30%!important}
 .advertising-products-table th,.advertising-products-table td{padding-left:10px!important;padding-right:10px!important}
 .advertising-product-info strong{max-width:100%!important}
 .advertising-product-campaigns{min-width:0!important}
 .advertising-product-campaign-row{grid-template-columns:minmax(90px,1.5fr) repeat(3,minmax(48px,.65fr))!important;gap:6px!important}
 .advertising-table-wrap{overflow-x:hidden!important}
}
.advertising-unallocated-unknown{margin-top:4px;padding-top:6px;border-top:1px dashed #d9e0ea}.advertising-unallocated-unknown span small{white-space:normal!important;line-height:1.25;color:#a06b22!important}.advertising-unallocated-unknown b{color:#9a5b10!important}
/* Advertising products zebra rows v5 — whole product row, including campaigns */
.advertising-products-table tbody tr:nth-child(odd)>td{background:#f6f8fb!important}
.advertising-products-table tbody tr:nth-child(even)>td{background:#fff!important}
.advertising-products-table tbody tr>td{border-bottom:1px solid #e5eaf1!important}
.advertising-products-table tbody tr:nth-child(odd) .advertising-product-campaign-row,
.advertising-products-table tbody tr:nth-child(even) .advertising-product-campaign-row{background:transparent!important}
.advertising-products-table tbody tr:hover>td{background:#f1f5fa!important}
.promotion-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.promotion-title-row h2{margin:0}.promotion-db-updated{display:inline-flex;align-items:center;min-height:26px;padding:4px 10px;border-radius:9px;background:#eef5ff;color:#3265a8;font-size:11px;font-weight:700;white-space:nowrap}.promotion-db-updated.empty{background:#f3f4f6;color:#8a94a6}@media(max-width:700px){.promotion-title-row{gap:7px}.promotion-db-updated{font-size:10px;padding:3px 8px}}
.finance-quarter-dynamics{margin-top:34px}.finance-quarter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:18px}.finance-quarter-card{min-height:132px;padding:22px 24px;border:1px solid #dfe5ee;border-radius:22px;background:#fff;display:flex;flex-direction:column;justify-content:center}.finance-quarter-card>span{font-size:13px;font-weight:800;color:#7f8da3;text-transform:uppercase}.finance-quarter-card>strong{margin-top:12px;font-size:28px;color:#172033}.finance-quarter-card>small{margin-top:8px;color:#94a0b2;font-size:11px}@media(max-width:900px){.finance-quarter-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.finance-quarter-grid{grid-template-columns:1fr}.finance-quarter-card{min-height:110px}}
/* All finance: visually separate quarter dynamics from operational KPIs */
.finance-all-mode .all-finance-quarter-dynamics{margin-bottom:44px!important}
.finance-all-mode .all-finance-quarter-dynamics + .all-finance-kpi-grid{margin-top:44px!important}
@media(max-width:700px){.finance-all-mode .all-finance-quarter-dynamics{margin-bottom:28px!important}.finance-all-mode .all-finance-quarter-dynamics + .all-finance-kpi-grid{margin-top:28px!important}}
.finance-all-mode .all-finance-year-block .all-finance-quarter-dynamics{margin:30px 0 36px!important}
.finance-all-mode .all-finance-year-block .all-finance-quarter-dynamics + .all-finance-result-head{margin-top:0!important}
.taxes-settings-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0 32px;padding:22px 24px;border:1px solid #dfe5ee;border-radius:20px;background:#fff}.taxes-settings-card>div{display:flex;flex-direction:column;gap:5px}.taxes-settings-card>div>span,.taxes-settings-card small{color:#8793a6;font-size:11px}.taxes-settings-card strong{font-size:18px}.taxes-settings-card label{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:800}.taxes-settings-card label span{display:flex;align-items:center;gap:5px}.taxes-settings-card input{width:78px;padding:10px;border:1px solid #d9e0ea;border-radius:10px;font-size:16px;font-weight:800}.taxes-head{margin-bottom:14px}.tax-quarter-card em{margin-top:12px;padding-top:10px;border-top:1px solid #edf0f5;color:#1d6b43;font-size:12px;font-weight:800;font-style:normal}.taxes-total-card{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px;padding:24px;border-radius:22px;background:#172033;color:#fff}.taxes-total-card>div{display:flex;flex-direction:column;gap:8px}.taxes-total-card span{font-size:11px;color:#b8c2d1}.taxes-total-card strong{font-size:28px}.taxes-total-card small{grid-column:1/-1;color:#aeb9c9}.taxes-info{margin-top:24px;padding:20px 22px;border-radius:18px;background:#f5f7fb;color:#536176;font-size:12px;line-height:1.55}.taxes-info strong{color:#172033}.taxes-info p{margin:8px 0 0}@media(max-width:650px){.taxes-settings-card{align-items:flex-start;flex-direction:column}.taxes-total-card{grid-template-columns:1fr}.taxes-total-card small{grid-column:auto}}
.taxes-settings-card select{min-width:260px;padding:10px 12px;border:1px solid #d9e0ea;border-radius:10px;background:#fff;color:#172033;font-size:14px;font-weight:800}.taxes-settings-card input:disabled{background:#f2f4f7;color:#718097}
#taxInputVatRow strong{display:flex;align-items:center;gap:6px}#taxInputVat{width:160px;padding:8px 10px;border:1px solid #d9e0ea;border-radius:9px;font-size:18px;font-weight:800}
.tax-vat-warning{margin:22px 0;padding:16px 18px;border:1px solid #efd59a;border-radius:16px;background:#fff9eb;color:#70591e;font-size:12px;line-height:1.55}.tax-vat-warning strong{display:block;margin-bottom:5px;color:#5d4814;font-size:13px}.tax-vat-warning p{margin:0}
.abc-toolbar{display:flex;justify-content:space-between;align-items:center;margin:18px 0;padding:14px 16px;border-radius:16px;background:#f6f8fc}.abc-toolbar label{font-size:12px;font-weight:800}.abc-toolbar select{margin-left:8px;padding:8px 12px;border:1px solid #d9e1ed;border-radius:10px;background:#fff}.abc-toolbar small{color:#7a879b}.abc-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.abc-summary{padding:18px;border:1px solid #e1e6ef;border-radius:18px;background:#fff}.abc-summary span,.abc-summary small{display:block;font-size:11px;color:#7c899b}.abc-summary strong{display:block;margin:7px 0;font-size:24px}.abc-table-wrap{margin-top:18px;overflow:auto;border:1px solid #e1e6ef;border-radius:18px}.abc-table{width:100%;border-collapse:collapse;background:#fff}.abc-table th,.abc-table td{padding:12px 14px;border-bottom:1px solid #edf0f5;text-align:left;font-size:12px;white-space:nowrap}.abc-table td:nth-child(2){white-space:normal;min-width:260px}.abc-table td small{display:block;color:#8a96a7;margin-top:3px}.abc-badge{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px}.abc-badge.a{background:#e7f7ee;color:#168653}.abc-badge.b{background:#fff4d9;color:#9b6a00}.abc-badge.c{background:#f3eafc;color:#7745a5}@media(max-width:650px){.abc-summary-grid{grid-template-columns:1fr}.abc-toolbar{align-items:flex-start;gap:8px;flex-direction:column}}
.search-analytics-toolbar{display:flex;gap:10px;margin:18px 0}.search-analytics-toolbar select{flex:1;padding:12px;border:1px solid #dce3ed;border-radius:12px;background:#fff}.search-analytics-toolbar button,.customer-actions button,.customers-tabs button{border:0;border-radius:11px;padding:10px 14px;font-weight:800;cursor:pointer}.search-analytics-toolbar button,.customer-send{background:#2468f3;color:#fff}.marketplace-access-note{margin:14px 0;padding:14px 16px;border-radius:14px;background:#fff6df;color:#755817;font-size:12px}.customers-tabs{display:flex;gap:8px;margin:18px 0}.customers-tabs button{background:#eef2f8;color:#59687e}.customers-tabs button.active{background:#172033;color:#fff}.customers-list{display:grid;gap:12px}.customer-card{padding:17px;border:1px solid #e0e6ef;border-radius:17px;background:#fff}.customer-head{display:flex;justify-content:space-between;gap:12px}.customer-head span{color:#e49a16}.customer-card p{color:#536176;font-size:13px;line-height:1.5}.customer-card textarea{box-sizing:border-box;width:100%;min-height:82px;padding:11px;border:1px solid #dce3ed;border-radius:11px;resize:vertical}.customer-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:9px}.customer-suggest{background:#eef3ff;color:#2459ba}@media(max-width:650px){.search-analytics-toolbar{flex-direction:column}}
.search-product-control{flex:1;min-width:0}.search-product-control>span{display:block;margin:0 0 6px;font-size:11px;font-weight:800;color:#75839a}.search-product-control .ue-product-picker{width:100%}.search-product-control .ue-product-picker-button{width:100%}
/* Search analytics controls */
.search-analytics-toolbar{align-items:flex-end}
.search-analytics-toolbar #searchAnalyticsLoad{flex:0 0 auto;min-width:180px;height:52px;background:rgba(255,255,255,.38)!important;color:#315a9f!important;border:1px solid rgba(74,111,180,.22)!important;box-shadow:0 8px 24px rgba(33,73,145,.08)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.search-analytics-toolbar #searchAnalyticsLoad:hover{background:rgba(255,255,255,.58)!important}
.search-product-control{max-width:760px}
@media(max-width:650px){.search-product-control{max-width:none}.search-analytics-toolbar #searchAnalyticsLoad{width:100%}}
/* Search page layout fix */
#searchAnalyticsSection .search-analytics-toolbar{display:grid!important;grid-template-columns:minmax(420px,760px) 160px!important;gap:12px!important;align-items:end!important;margin:18px 0 22px!important}
#searchAnalyticsSection .search-product-control{width:100%!important;max-width:none!important}
#searchAnalyticsSection #searchProductPickerHost{width:100%!important}
#searchAnalyticsSection .ue-product-picker{position:relative!important;width:100%!important}
#searchAnalyticsSection .ue-product-picker-button{display:flex!important;align-items:center!important;width:100%!important;height:58px!important;padding:7px 12px!important;border:1px solid #d9e2ef!important;border-radius:15px!important;background:#fff!important;box-shadow:0 7px 22px rgba(27,55,105,.06)!important;text-align:left!important;overflow:hidden!important}
#searchAnalyticsSection .ue-product-picker-button>img,#searchAnalyticsSection .ue-product-picker-button>.ue-product-picker-placeholder{flex:0 0 42px!important;width:42px!important;height:42px!important;border-radius:10px!important;object-fit:cover!important}
#searchAnalyticsSection .ue-product-picker-copy{display:block!important;min-width:0!important;margin-left:10px!important}
#searchAnalyticsSection .ue-product-picker-copy strong{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#searchAnalyticsSection .ue-product-picker-menu{position:absolute!important;z-index:100!important;left:0!important;right:0!important;top:64px!important;max-height:430px!important;overflow:hidden!important;border:1px solid #dce3ee!important;border-radius:15px!important;background:#fff!important;box-shadow:0 18px 50px rgba(20,40,80,.18)!important}
#searchAnalyticsSection .ue-product-picker-list{max-height:360px!important;overflow:auto!important}
#searchAnalyticsSection #searchAnalyticsLoad{width:160px!important;min-width:160px!important;height:44px!important;padding:0 16px!important;margin-bottom:7px!important;border-radius:12px!important;background:rgba(255,255,255,.48)!important;color:#315a9f!important;border:1px solid rgba(74,111,180,.25)!important;box-shadow:0 6px 18px rgba(33,73,145,.07)!important}
#searchAnalyticsSection .abc-table-wrap{clear:both!important;margin-top:0!important}
@media(max-width:760px){#searchAnalyticsSection .search-analytics-toolbar{grid-template-columns:1fr!important}#searchAnalyticsSection #searchAnalyticsLoad{width:150px!important;min-width:150px!important;margin:0!important}}
#searchAnalyticsSection .ue-product-picker-button,
#searchAnalyticsSection .ue-product-picker-button:hover,
#searchAnalyticsSection .ue-product-picker-button:focus{
  background:#fff!important;
  background-image:none!important;
}
#searchAnalyticsSection .ue-product-picker-button::before,
#searchAnalyticsSection .ue-product-picker-button::after{
  display:none!important;
  content:none!important;
}
/* HARD RESET search product picker: do not inherit global blue buttons */
#searchAnalyticsSection button.ue-product-option,
#searchAnalyticsSection button.ue-product-option:hover,
#searchAnalyticsSection button.ue-product-option:focus,
#searchAnalyticsSection button.ue-product-option:active{
 background:#fff!important;
 background-image:none!important;
 color:#27344f!important;
 opacity:1!important;
 margin-top:0!important;
 border:0!important;
 box-shadow:none!important;
}
#searchAnalyticsSection button.ue-product-option:hover,
#searchAnalyticsSection button.ue-product-option.active{
 background:#f7f9fc!important;
}
#searchAnalyticsSection .ue-product-option strong{color:#27344f!important}
#searchAnalyticsSection .ue-product-option small{color:#8794a8!important}
.search-period-note{margin:-10px 0 14px;font-size:11px;color:#7d8aa0}.search-sortable{cursor:pointer;user-select:none}.search-sortable span{margin-left:5px;color:#6e83aa;font-size:11px}
.abc-product-cell{display:flex;align-items:center;gap:9px;min-width:0}.abc-product-cell>img,.abc-product-ph{width:38px;height:38px;flex:0 0 38px;border-radius:8px;object-fit:cover;background:#f1f4f8}.abc-product-ph{display:grid;place-items:center;color:#9aa7ba}.abc-product-cell>div{min-width:0}.abc-product-cell strong{display:block}.abc-product-cell small{display:block}
/* Customers as chat */
#customersSection .customers-tabs{gap:8px}
#customersSection .customers-tabs button{background:#fff!important;background-image:none!important;color:#5c6b80!important;border:1px solid #dfe6f0!important;box-shadow:none!important}
#customersSection .customers-tabs button.active{background:#f0f5ff!important;color:#245fce!important;border-color:#cddcff!important}
.customers-chat-layout{display:grid;grid-template-columns:minmax(300px,34%) minmax(0,1fr);min-height:620px;border:1px solid #e0e6ef;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 12px 35px rgba(35,55,90,.06)}
.customers-chat-sidebar{border-right:1px solid #e7ebf2;background:#fff;padding:14px 0}
.customers-chat-sidebar>input{box-sizing:border-box;width:calc(100% - 24px);height:42px;margin:0 12px 10px;padding:0 13px;border:1px solid #dfe6f0;border-radius:12px;background:#f7f9fc;outline:none}
.customers-list{display:block!important}
.customer-chat-item{box-sizing:border-box;width:100%;display:flex;gap:10px;padding:13px 14px;border:0!important;border-top:1px solid #eef1f5!important;border-radius:0!important;background:#fff!important;background-image:none!important;color:#25324a!important;text-align:left;box-shadow:none!important;cursor:pointer}
.customer-chat-item:hover,.customer-chat-item.active{background:#f7f9fd!important}.customer-chat-item.active{box-shadow:inset 3px 0 #4b78e8!important}
.customer-chat-avatar{width:40px;height:40px;flex:0 0 40px;border-radius:50%;display:grid;place-items:center;background:#edf1f7;color:#53627a;font-weight:800}
.customer-chat-copy{min-width:0;flex:1}.customer-chat-copy>div{display:flex;justify-content:space-between;gap:8px}.customer-chat-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-chat-copy span{font-size:10px;color:#e9a11b;white-space:nowrap}.customer-chat-copy p{margin:5px 0 3px;font-size:11px;color:#5c6b80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-chat-copy small{font-size:9px;color:#94a0b2}
.customer-thread{display:flex;flex-direction:column;min-width:0;background:#fff}.customer-thread-head{display:flex;justify-content:space-between;gap:15px;padding:17px 20px;border-bottom:1px solid #e7ebf2}.customer-thread-head strong,.customer-thread-head small{display:block}.customer-thread-head small{margin-top:4px;color:#8a97aa;font-size:10px}.customer-thread-stars{color:#e9a11b;white-space:nowrap}
.customer-thread-body{flex:1;padding:24px;background:#fbfcfe}.customer-bubble{max-width:72%;padding:12px 15px;border-radius:16px;background:#f0f3f8;color:#29364d}.customer-bubble small{font-weight:800;color:#718096}.customer-bubble p{margin:5px 0 0;line-height:1.5;font-size:13px}
.customer-thread-compose{padding:14px 18px;border-top:1px solid #e7ebf2}.customer-thread-compose textarea{box-sizing:border-box;width:100%;min-height:86px;padding:12px;border:1px solid #dfe6ef;border-radius:13px;resize:vertical;outline:none}.customer-thread-compose>div{display:flex;justify-content:flex-end;gap:8px;margin-top:9px}.customer-thread-compose button{padding:10px 16px;border-radius:11px;border:1px solid #dce4ef;background:#fff!important;background-image:none!important;color:#45617f!important;font-weight:800;box-shadow:none!important}.customer-thread-compose .customer-send{background:#eef3ff!important;color:#2f63c7!important}.customer-thread-empty,.customer-chat-empty{padding:30px;color:#8b97a8;text-align:center}
@media(max-width:800px){.customers-chat-layout{grid-template-columns:1fr;min-height:0}.customers-chat-sidebar{border-right:0}.customer-thread{border-top:1px solid #e7ebf2;min-height:420px}}
.customer-detail{margin-top:8px;font-size:11px;color:#59687e}.customer-detail b{color:#34425a}
/* Customers: keep reply composer visible without page scrolling */
#customersSection .customers-chat-layout{height:calc(100vh - 235px);min-height:520px;max-height:760px}
#customersSection .customers-chat-sidebar{height:100%;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column}
#customersSection .customers-chat-sidebar>input{flex:0 0 42px}
#customersSection .customers-list{flex:1;min-height:0;overflow-y:auto}
#customersSection .customer-thread{height:100%;min-height:0;overflow:hidden}
#customersSection .customer-thread-head{flex:0 0 auto}
#customersSection .customer-thread-body{flex:1;min-height:0;overflow-y:auto}
#customersSection .customer-thread-compose{flex:0 0 auto;position:relative;bottom:auto;background:#fff;z-index:3}
@media(max-width:800px){#customersSection .customers-chat-layout{height:auto;max-height:none;min-height:0}#customersSection .customers-chat-sidebar{height:360px}#customersSection .customer-thread{height:520px}}
.customer-batch-bar{display:flex;align-items:center;gap:8px;margin:0 0 12px}.customer-batch-bar button{background:#fff!important;background-image:none!important;border:1px solid #dce4ef!important;color:#3f5878!important;border-radius:10px!important;padding:9px 13px!important;box-shadow:none!important;font-weight:800}.customer-batch-bar #customerBatchSend{background:#eef7ef!important;color:#327147!important}.customer-batch-bar span{font-size:11px;color:#6f7d91}.customer-chat-item.batch-safe{border-left:3px solid #64a875!important}.customer-chat-item.batch-review{border-left:3px solid #d5a243!important}
.customer-batch-review-list{margin:0 0 14px;max-height:520px;overflow:auto;border:1px solid #e2e7ef;border-radius:16px;background:#fafbfd;padding:10px}.customer-batch-answer{padding:12px;margin-bottom:8px;border:1px solid #e4e8ef;border-radius:13px;background:#fff}.customer-batch-answer:last-child{margin-bottom:0}.customer-batch-answer.safe{border-left:4px solid #6caf7b}.customer-batch-answer.review{border-left:4px solid #d9a544}.customer-batch-answer-head{display:flex;align-items:center;gap:9px}.customer-batch-answer-head strong{flex:1;font-size:12px}.customer-batch-answer-head small{color:#e3a01d}.customer-batch-risk{font-size:10px;font-weight:800}.customer-batch-answer.safe .customer-batch-risk{color:#438452}.customer-batch-answer.review .customer-batch-risk{color:#9a6a12}.customer-batch-original{margin:8px 0;padding:8px 10px;border-radius:9px;background:#f5f7fa;color:#68768a;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-batch-answer textarea{box-sizing:border-box;width:100%;min-height:62px;padding:9px 10px;border:1px solid #dce3ed;border-radius:10px;resize:vertical;font-size:12px}.customer-batch-answer label{display:inline-flex;align-items:center;gap:5px;margin-top:7px;font-size:10px;font-weight:800}.customer-batch-answer em{float:right;margin-top:8px;color:#8a96a8;font-size:9px;font-style:normal}
.wb-feedback-token-card{display:flex;align-items:center;gap:14px;margin:0 0 12px;padding:12px 14px;border:1px solid #e0e6ef;border-radius:14px;background:#fff}.wb-feedback-token-card>div:first-child{min-width:230px;flex:1}.wb-feedback-token-card strong,.wb-feedback-token-card small{display:block}.wb-feedback-token-card small{margin-top:3px;color:#7e8a9d;font-size:10px}.wb-feedback-token-form{display:flex;gap:7px;flex:1}.wb-feedback-token-form input{min-width:0;flex:1;padding:9px 11px;border:1px solid #dce3ed;border-radius:10px}.wb-feedback-token-form button{background:#fff!important;background-image:none!important;color:#45617f!important;border:1px solid #dce4ef!important;border-radius:10px!important;box-shadow:none!important}.wb-feedback-token-card>span{font-size:10px;color:#7a8798;white-space:nowrap}.wb-feedback-token-card.connected{border-color:#cfe5d4;background:#fbfefb}.wb-feedback-token-card.connected>span{color:#438452;font-weight:800}@media(max-width:800px){.wb-feedback-token-card{display:block}.wb-feedback-token-form{margin:10px 0}.wb-feedback-token-card>span{white-space:normal}}
/* WB feedback token input sizing */
#customersSection .wb-feedback-token-form{flex:0 1 720px;min-width:420px}
#customersSection #wbFeedbackTokenInput{display:block!important;width:100%!important;min-width:360px!important;height:46px!important;box-sizing:border-box!important;padding:0 14px!important}
#customersSection #wbFeedbackTokenSave{flex:0 0 150px!important;height:46px!important}
@media(max-width:900px){#customersSection .wb-feedback-token-form{min-width:0;flex:1 1 100%}#customersSection #wbFeedbackTokenInput{min-width:0!important}}
.ozon-extension-import{display:flex;align-items:center;gap:10px;margin:0 0 12px}.ozon-extension-import button{padding:9px 13px;border:1px solid #dce4ef;border-radius:10px;background:#fff!important;background-image:none!important;color:#45617f!important;font-weight:800;box-shadow:none!important}.ozon-extension-import span{font-size:10px;color:#718096}
.wb-review-jobs{margin:10px 0 12px;padding:12px 14px;border:1px solid #e1e7f0;border-radius:14px;background:#fff}.wb-review-jobs-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.wb-review-jobs-head>div{display:flex;flex-direction:column;gap:3px}.wb-review-jobs-head small{color:#718096}.wb-review-jobs-head button{width:auto;padding:8px 12px}.wb-review-job-history{display:flex;gap:7px;overflow:auto;margin-top:9px}.wb-review-job-item{flex:0 0 auto;padding:6px 9px;border-radius:9px;background:#f4f7fb;font-size:11px;color:#536177}.wb-review-job-item.running{background:#fff4d8;color:#805d00}.wb-review-job-item.done-ok{background:#eaf8ef;color:#267143}.wb-review-job-item.done-error{background:#fff0f0;color:#a33}
/* Mobile analytics custom period: expand outside the compact KPI geometry */
@media(max-width:760px){
 #mobileAnalyticsPeriodRow{overflow:visible!important;height:auto!important;max-height:none!important;position:relative!important;z-index:80!important}
 #mobileAnalyticsPeriodMount{overflow:visible!important;height:auto!important;max-height:none!important}
 #analyticsSection .analytics-period{overflow:visible!important;height:auto!important;max-height:none!important;width:100%!important}
 #analyticsSection .analytics-period #periodSelect{width:100%!important;position:relative!important;z-index:82!important}
 #analyticsSection #customPeriod:not([hidden]){display:grid!important;grid-template-columns:1fr 18px 1fr!important;gap:8px!important;align-items:center!important;width:100%!important;margin-top:10px!important;padding:12px!important;box-sizing:border-box!important;border:1px solid #dbe4f2!important;border-radius:16px!important;background:#fff!important;box-shadow:0 10px 28px rgba(31,55,96,.10)!important;position:relative!important;z-index:81!important}
 #analyticsSection #customPeriod input{width:100%!important;min-width:0!important;height:46px!important;box-sizing:border-box!important}
 #analyticsSection #customPeriod>span{text-align:center!important}
 #analyticsSection #customPeriod #applyPeriodButton{grid-column:1/-1!important;width:100%!important;height:46px!important;margin:0!important}
}
@media(max-width:760px){
 #mobileCustomPeriodHost{display:block!important;width:100%!important;margin:10px 0 14px!important;padding:0!important;overflow:visible!important;position:relative!important;z-index:30!important}
 #mobileCustomPeriodHost[hidden]{display:none!important}
 #mobileCustomPeriodHost #customPeriod:not([hidden]){display:grid!important;grid-template-columns:1fr 18px 1fr!important;gap:8px!important;align-items:center!important;width:100%!important;margin:0!important;padding:12px!important;box-sizing:border-box!important;border:1px solid #dbe4f2!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 24px rgba(31,55,96,.08)!important;position:static!important}
 #mobileCustomPeriodHost #customPeriod input{width:100%!important;min-width:0!important;height:48px!important;box-sizing:border-box!important}
 #mobileCustomPeriodHost #customPeriod>span{text-align:center!important}
 #mobileCustomPeriodHost #applyPeriodButton{grid-column:1/-1!important;width:100%!important;height:48px!important;margin:0!important}
}
.mobile-analytics-custom-modal{position:fixed;inset:0;z-index:2147483000;background:rgba(18,29,50,.46);display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.mobile-analytics-custom-modal[hidden]{display:none!important}.mobile-analytics-custom-card{width:100%;max-width:420px;background:#fff;border-radius:22px;padding:18px;box-shadow:0 24px 70px rgba(18,29,50,.28);display:grid;gap:14px}.mobile-analytics-custom-head{display:flex;align-items:center;justify-content:space-between}.mobile-analytics-custom-head strong{font-size:20px;color:#17233d}.mobile-analytics-custom-head button{width:36px;height:36px;border:0;border-radius:11px;background:#eef3fa;color:#52627a;font-size:24px}.mobile-analytics-custom-card label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#718097}.mobile-analytics-custom-card input[type=date]{display:block;width:100%;height:52px;box-sizing:border-box;border:1px solid #d8e1ef;border-radius:14px;padding:0 13px;background:#fff;color:#17233d;font-size:16px}.mobile-analytics-custom-apply{width:100%;height:52px;border:0;border-radius:14px;background:#1769ff;color:#fff;font-weight:900;font-size:15px}
/* Custom analytics period is selected only in the standalone modal on all screen sizes. */
#analyticsSection .analytics-period>#customPeriod{display:none!important}
.customer-crm-nav{display:flex;gap:6px;padding:5px;background:#edf3fb;border-radius:15px;margin-bottom:16px;overflow:auto}.customer-crm-nav button{flex:1;min-width:max-content;border:0;background:transparent;color:#61718a;padding:10px 14px;border-radius:11px;font-weight:800}.customer-crm-nav button.active{background:#fff;color:#1769ff;box-shadow:0 4px 14px rgba(37,67,118,.08)}.customer-premium-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid #dce5f5;border-radius:18px;background:linear-gradient(135deg,#f7faff,#f7f3ff);margin-bottom:16px}.customer-premium-banner span{display:block;font-size:10px;font-weight:900;letter-spacing:.1em;color:#6d59d9}.customer-premium-banner strong{display:block;margin:4px 0;font-size:15px;color:#18243b}.customer-premium-banner small{color:#718097}.customer-premium-banner>b{padding:8px 12px;border-radius:11px;background:#ebe5ff;color:#654ad1}.customer-crm-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.customer-crm-kpis article{padding:18px;border:1px solid #e1e8f2;border-radius:17px;background:#fff}.customer-crm-kpis span,.customer-crm-kpis small{display:block;color:#7b899e;font-size:11px}.customer-crm-kpis strong{display:block;margin:7px 0;font-size:16px;color:#17233d}.customer-crm-connect,.mailing-safety-card,.customer-crm-empty{margin-top:14px;padding:22px;border:1px solid #e1e8f2;border-radius:19px;background:#fff}.customer-crm-connect{display:flex;justify-content:space-between;align-items:center;gap:24px}.customer-crm-connect h3,.mailing-safety-card h3{margin:5px 0 7px}.customer-crm-connect p,.mailing-safety-card p,.customer-crm-empty p{margin:0;color:#718097;line-height:1.5}.customer-crm-connect button,.mailing-safety-card button{min-width:150px}.customer-crm-empty b{font-size:18px}.customer-crm-empty span{display:inline-block;margin-top:14px;padding:7px 10px;border-radius:9px;background:#f1f5fb;color:#65758d;font-size:11px;font-weight:800}.mailing-price-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.mailing-price-preview>div{padding:14px;border-radius:14px;background:#f5f8fd}.mailing-price-preview small{display:block;color:#7d8a9e}.mailing-price-preview strong{display:block;margin-top:5px;font-size:20px;color:#17233d}@media(max-width:760px){.customer-crm-kpis{grid-template-columns:1fr 1fr}.customer-premium-banner,.customer-crm-connect{align-items:flex-start;flex-direction:column}.mailing-price-preview{grid-template-columns:1fr}.customer-crm-nav button{flex:none}}
.wb-send-lock{margin:0 0 14px;padding:16px 18px;border:1px solid #f1d28a;border-radius:16px;background:#fff8df;color:#715615}.wb-send-lock strong{display:block;font-size:14px}.wb-send-lock span{display:block;margin-top:4px;font-size:12px}.wb-feedback-locked #customerFeedbackWorkspace>.customers-tabs,.wb-feedback-locked #customerFeedbackWorkspace>.customer-batch-bar,.wb-feedback-locked #wbFeedbackTokenCard,.wb-feedback-locked #ozonExtensionImport{pointer-events:none;opacity:.42}.wb-feedback-locked .customers-chat-layout{pointer-events:none;opacity:.58}
/* Hard lock: no interaction with WB feedback workspace while send queue is alive. */
#customersSection.wb-feedback-locked #customerFeedbackWorkspace{position:relative!important}
#customersSection.wb-feedback-locked #customerFeedbackWorkspace::after{content:"";position:absolute;z-index:9998;left:0;right:0;top:0;bottom:0;background:rgba(247,249,253,.28);cursor:not-allowed}
#customersSection.wb-feedback-locked #wbSendLock{position:relative;z-index:9999;pointer-events:auto!important;opacity:1!important}
#customersSection.wb-feedback-locked #customerFeedbackWorkspace input,#customersSection.wb-feedback-locked #customerFeedbackWorkspace textarea,#customersSection.wb-feedback-locked #customerFeedbackWorkspace button,#customersSection.wb-feedback-locked #customerFeedbackWorkspace select{pointer-events:none!important}
/* Ozon CRM blue tabs: readable labels */
#buyersSection .customer-crm-nav button,
#buyersSection .customer-crm-nav button.active{color:#fff!important}
.stocks-insurance{display:block!important;margin-top:6px!important;color:#9a6a16!important;font-weight:700!important}.stocks-insurance b{color:#80520a}.ue-stock-cost-card{margin-top:14px}.ue-stock-cost-card .ue-new-metrics>div{background:#fff9e9}.ue-stock-cost-card .ue-new-metrics small{display:block;margin-top:4px;color:#7c8798}
.stocks-insurance-30d{display:block;margin-top:4px;font-size:inherit!important;font-weight:inherit!important;color:inherit!important;line-height:1.25}.stocks-insurance-30d[hidden]{display:none!important}
/* Compact insurance note inside FBO stock KPI */
#stocksInsurance30d.stocks-insurance-30d{margin-top:4px!important;font-size:14px!important;line-height:1.25!important;font-weight:400!important;color:#94a3b8!important;letter-spacing:0!important}
#stocksInsurance30d.stocks-insurance-30d{font-size:10px!important;line-height:1.2!important}
.ozon-auto-actions-alert{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;padding:12px 15px;border:1px solid #f2cf78;border-radius:14px;background:#fff8df;color:#674e0b}.ozon-auto-actions-alert[hidden]{display:none!important}.ozon-auto-actions-alert strong{display:block;font-size:13px}.ozon-auto-actions-alert span{display:block;margin-top:2px;font-size:11px;color:#8a6c1d}.ozon-auto-actions-alert button{border:0;background:transparent;color:#1769ff;font-weight:900;white-space:nowrap}.ozon-actions-list{display:grid;gap:10px}.ozon-action-card{padding:16px 18px;border:1px solid #e1e8f2;border-radius:17px;background:#fff}.ozon-action-head{display:flex;justify-content:space-between;gap:14px}.ozon-action-card h3{margin:0;font-size:15px;color:#17233d}.ozon-action-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.ozon-action-meta span{padding:5px 8px;border-radius:8px;background:#f1f5fa;color:#66768e;font-size:10px;font-weight:800}.ozon-action-meta .auto{background:#fff1cf;color:#916300}.ozon-action-card.read{opacity:.64}.ozon-action-actions{display:flex;justify-content:flex-end;margin-top:12px}.ozon-action-actions button{border:0;border-radius:10px;padding:8px 11px;background:#edf3ff;color:#1769ff;font-weight:800}
.ozon-auto-actions-alert{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;padding:12px 15px;border:1px solid #f2cf78;border-radius:14px;background:#fff8df;color:#674e0b}.ozon-auto-actions-alert[hidden]{display:none!important}.ozon-auto-actions-alert strong{display:block;font-size:13px}.ozon-auto-actions-alert span{display:block;margin-top:2px;font-size:11px;color:#8a6c1d}.ozon-auto-actions-alert button{border:0;background:transparent;color:#1769ff;font-weight:900;white-space:nowrap}.ozon-actions-list{display:grid;gap:10px}.ozon-action-card{padding:16px 18px;border:1px solid #e1e8f2;border-radius:17px;background:#fff}.ozon-action-card.read{opacity:.62}.ozon-action-card h3{margin:0;font-size:15px;color:#17233d}.ozon-action-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.ozon-action-meta span{padding:5px 8px;border-radius:8px;background:#f1f5fa;color:#66768e;font-size:10px;font-weight:800}.ozon-action-meta .auto{background:#fff1cf;color:#916300}.ozon-action-actions{display:flex;justify-content:flex-end;margin-top:12px}.ozon-action-actions button{border:0;border-radius:10px;padding:8px 11px;background:#edf3ff;color:#1769ff;font-weight:800}
/* Ozon Actions blue buttons */
#actionsSection #actionsMarkAllRead,
#actionsSection .ozon-action-actions button{color:#fff!important}
.ozon-actions-info{display:flex;align-items:flex-start;gap:12px;margin:0 0 14px;padding:12px 15px;border:1px solid #cfe0ff;border-radius:14px;background:#f5f8ff}.ozon-actions-info strong{flex:0 0 auto;color:#245ec7;font-size:12px}.ozon-actions-info span{color:#687991;font-size:11px;line-height:1.45}@media(max-width:760px){.ozon-actions-info{display:block}.ozon-actions-info strong{display:block;margin-bottom:4px}}
#analyticsSection .kpi-primary-grid>.ozon-auto-actions-alert{width:auto!important;max-width:none!important;margin:0!important;box-sizing:border-box;min-width:0}#analyticsSection .ozon-auto-actions-alert button{background:#2f6df6!important;color:#fff!important;border-radius:9px!important;padding:7px 10px!important}
/* Restore Ozon auto-actions notice above KPI grid */
#analyticsSection>.ozon-auto-actions-alert{margin:0 0 14px!important;width:auto!important;max-width:none!important}
#analyticsSection>.ozon-auto-actions-alert button{background:#2f6df6!important;color:#fff!important;border-radius:9px!important;padding:7px 10px!important}
/* Ozon auto-action notice: exactly Paid KPI width on desktop */
@media (min-width: 901px){#dashboard #analyticsSection>.ozon-auto-actions-alert{width:calc(25% - 9px)!important;max-width:calc(25% - 9px)!important;min-width:0!important;padding:10px 12px!important;gap:8px!important}#dashboard #analyticsSection>.ozon-auto-actions-alert strong{font-size:11px!important}#dashboard #analyticsSection>.ozon-auto-actions-alert span{font-size:9px!important}#dashboard #analyticsSection>.ozon-auto-actions-alert button{font-size:9px!important;line-height:1!important;padding:5px 7px!important;border-radius:7px!important;flex:0 0 auto!important}}
@media (max-width:900px){#dashboard #analyticsSection>.ozon-auto-actions-alert{width:100%!important;max-width:100%!important}}
/* Keep compact Ozon actions CTA inside the warning card */
@media (min-width:901px){#dashboard #analyticsSection>.ozon-auto-actions-alert{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important}#dashboard #analyticsSection>.ozon-auto-actions-alert>div{min-width:0!important}#dashboard #analyticsSection>.ozon-auto-actions-alert button{width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:5px 7px!important;font-size:9px!important;justify-self:end!important;white-space:nowrap!important}}
#marketplaceRecentProductMeta{font-size:9px!important;line-height:1.2!important;font-weight:400!important;color:#9aa7ba!important}
.ozon-action-actions{gap:7px}.ozon-action-products{margin-top:12px;padding-top:12px;border-top:1px solid #edf1f6}.ozon-action-products[hidden]{display:none!important}.ozon-action-products-group{margin-top:10px}.ozon-action-products-group>b{display:block;margin-bottom:7px;font-size:11px;color:#53647d}.ozon-action-products-group>small{font-size:10px;color:#94a0b1}.ozon-action-product-row{display:grid;grid-template-columns:minmax(220px,1.7fr) repeat(4,minmax(90px,.55fr));gap:8px;align-items:center;padding:9px 10px;border-top:1px solid #eef2f7}.ozon-action-product-row:first-child{border-top:0}.ozon-action-product-row strong{display:block;font-size:11px;color:#1c2940}.ozon-action-product-row small{display:block;font-size:9px;color:#8b98aa}.ozon-action-product-row span b{font-size:11px;color:#273750}@media(max-width:800px){.ozon-action-product-row{grid-template-columns:1fr 1fr}.ozon-action-product-row>div{grid-column:1/-1}}
#actionsSection .ozon-action-meta .auto-click{border:0;cursor:pointer;background:#fff1cf;color:#916300;padding:5px 8px;border-radius:8px;font-size:10px;font-weight:900}.ozon-action-auto-box{margin-top:12px;padding:12px;border:1px solid #f0d17d;border-radius:14px;background:#fffaf0}.ozon-action-auto-box[hidden]{display:none!important}.ozon-auto-title{margin-bottom:8px;font-size:11px;font-weight:900;color:#835d00}.ozon-auto-table{display:grid;gap:6px}.ozon-auto-row{display:grid;grid-template-columns:42px minmax(220px,1.6fr) repeat(4,minmax(90px,.55fr));gap:8px;align-items:center;padding:8px 0;border-top:1px solid #f3e7c8}.ozon-auto-row:first-child{border-top:0}.ozon-auto-row img,.ozon-auto-ph{width:36px;height:36px;border-radius:8px;object-fit:cover;background:#fff}.ozon-auto-ph{display:grid;place-items:center;color:#c2a45b}.ozon-auto-name strong{display:block;font-size:11px;color:#1d2940}.ozon-auto-name small,.ozon-auto-row span small{display:block;font-size:9px;color:#8b98aa}.ozon-auto-row span b{font-size:11px;color:#273750}.ozon-auto-empty{font-size:10px;color:#8d7a4e}@media(max-width:900px){.ozon-auto-row{grid-template-columns:42px 1fr 1fr}.ozon-auto-name{grid-column:2/-1}.ozon-auto-row span{grid-column:auto}}
.ozon-actions-info strong,.ozon-actions-info span,.ozon-actions-info span b{color:#c62828!important}.actions-read-all-wrap{display:flex;align-items:center;gap:10px;margin-left:auto}.actions-read-all-wrap[hidden]{display:none!important}.actions-read-all-wrap small{max-width:290px;color:#c62828;font-size:9px;line-height:1.25;text-align:right}.actions-read-all-wrap #actionsMarkAllRead{color:#fff!important}@media(max-width:760px){.actions-read-all-wrap{display:block;margin-top:8px}.actions-read-all-wrap small{display:block;max-width:none;margin-bottom:5px;text-align:left}}
.ozon-action-product-row{grid-template-columns:42px minmax(220px,1.7fr) repeat(4,minmax(90px,.55fr))!important}.ozon-action-product-img{width:36px;height:36px;border-radius:8px;object-fit:cover;background:#f5f7fb}.ozon-action-product-ph{display:grid;place-items:center;color:#a9b4c5}.ozon-action-product-name{min-width:0}.ozon-action-product-name strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:800px){.ozon-action-product-row{grid-template-columns:42px 1fr 1fr!important}.ozon-action-product-name{grid-column:2/-1}}
/* Never show Ozon auto-add analytics notice when there are no unread events */
#dashboard #analyticsSection>.ozon-auto-actions-alert[hidden]{display:none!important}
.ozon-action-card.auto-read{position:relative;overflow:hidden}.ozon-action-read-watermark{position:absolute;z-index:0;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-12deg);font-size:42px;font-weight:900;letter-spacing:5px;color:rgba(64,92,135,.10);white-space:nowrap;pointer-events:none;user-select:none}.ozon-action-card.auto-read>*:not(.ozon-action-read-watermark){position:relative;z-index:1}@media(max-width:700px){.ozon-action-read-watermark{font-size:28px;letter-spacing:3px}}
/* Read auto-add actions stay fully visible; watermark alone indicates acknowledgement */
.ozon-action-card.read{opacity:1!important}.ozon-action-read-watermark{font-size:30px!important;letter-spacing:3px!important;color:rgba(64,92,135,.10)!important}
@media(max-width:700px){.ozon-action-read-watermark{font-size:20px!important;letter-spacing:2px!important}}
/* Straight acknowledgement watermark */
.ozon-action-read-watermark{transform:translate(-50%,-50%) rotate(0deg)!important}
.search-insights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.search-insights[hidden]{display:none!important}.search-insight{padding:12px 14px;border:1px solid #e3e9f2;border-radius:14px;background:#fff}.search-insight span{display:block;font-size:10px;font-weight:800;color:#65758d}.search-insight strong{display:block;margin:4px 0 2px;font-size:22px;color:#1d2a41}.search-insight small{display:block;font-size:9px;line-height:1.35;color:#8b98aa}.search-insight.warn{background:#fffaf0;border-color:#f1ddb1}.search-insight.danger{background:#fff6f6;border-color:#f0cece}.search-insight.good{background:#f5fbf7;border-color:#cee7d6}.search-funnel-table th,.search-funnel-table td{white-space:nowrap}.search-funnel-table th:first-child,.search-funnel-table td:first-child{white-space:normal;min-width:220px}@media(max-width:900px){.search-insights{grid-template-columns:1fr 1fr}}

/* MPDIRECTOR global typography — identical across Windows/macOS/Linux */
@font-face{font-family:'MP Inter';src:url('/static/fonts/InterVariable.woff2?v=4.66') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
html,body,#dashboard,#dashboard *,button,input,select,textarea,table,th,td{font-family:'MP Inter',Inter,Arial,sans-serif!important}
body{font-optical-sizing:auto;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
input,button,select,textarea{font:inherit}
.search-insight{appearance:none;text-align:left;cursor:pointer;width:100%;font:inherit}.search-insight:hover{transform:translateY(-1px);box-shadow:0 5px 16px rgba(35,55,90,.08)}.search-insight.active{outline:2px solid #3474f6!important;outline-offset:1px;box-shadow:0 5px 18px rgba(52,116,246,.14)}
.ozon-reviews-development{min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #e2e8f2;border-radius:20px;background:#fff}.ozon-reviews-development[hidden]{display:none!important}.ozon-reviews-development-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:14px;border-radius:16px;background:#edf3ff;font-size:25px}.ozon-reviews-development h3{margin:0 0 7px;font-size:22px;color:#19263e}.ozon-reviews-development p{margin:0;color:#8290a5;font-size:12px}
/* Search insight cards keep semantic colors even though they are buttons */
#searchAnalyticsSection .search-insight.warn{background:#fffaf0!important;border-color:#f1ddb1!important;color:inherit!important}
#searchAnalyticsSection .search-insight.danger{background:#fff6f6!important;border-color:#f0cece!important;color:inherit!important}
#searchAnalyticsSection .search-insight.good{background:#f5fbf7!important;border-color:#cee7d6!important;color:inherit!important}
#searchAnalyticsSection .search-insight.neutral{background:#fff!important;border-color:#e3e9f2!important;color:inherit!important}
#searchAnalyticsSection .search-insight span{color:#65758d!important}
#searchAnalyticsSection .search-insight strong{color:#1d2a41!important}
#searchAnalyticsSection .search-insight small{color:#8b98aa!important}
#searchAnalyticsSection .search-insight.active{outline:2px solid #3474f6!important;outline-offset:1px;background:var(--search-card-bg,inherit)}
@media(min-width:1100px){.search-insights{grid-template-columns:repeat(6,minmax(0,1fr))}}
.search-funnel-table td>b{display:block;font-size:inherit}.search-trend{display:block;margin-top:2px;font-size:8px!important;font-weight:700;line-height:1.1}.search-trend.up{color:#15945f!important}.search-trend.down{color:#d64b4b!important}
.search-help{margin-top:14px;border:1px solid #e1e7f0;border-radius:14px;background:#fff;overflow:hidden}.search-help summary{padding:11px 14px;cursor:pointer;font-size:11px;font-weight:800;color:#53647d;list-style-position:inside}.search-help[open] summary{border-bottom:1px solid #edf1f6}.search-help-flow{display:flex;align-items:center;gap:10px;margin:12px 14px;padding:10px 12px;border-radius:10px;background:#f5f8ff}.search-help-flow b{font-size:11px;color:#2f67d8}.search-help-flow span{font-size:10px;color:#718097}.search-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px;padding:0 14px 12px}.search-help-grid p{margin:0;padding:9px 0;border-bottom:1px solid #f0f3f7}.search-help-grid b{display:block;margin-bottom:2px;font-size:10px;color:#24334d}.search-help-grid span{display:block;font-size:9px;line-height:1.4;color:#7f8da2}@media(max-width:800px){.search-help-grid{grid-template-columns:1fr}.search-help-flow{display:block}.search-help-flow span{display:block;margin-top:3px}}
.ozon-auto-info{text-align:left!important;padding:14px 16px!important}.ozon-auto-info>b{display:block;font-size:12px;color:#805a00}.ozon-auto-dates{display:flex;gap:7px;margin:8px 0}.ozon-auto-dates span{padding:5px 9px;border-radius:8px;background:#fff1c9;color:#805a00;font-size:10px;font-weight:800}.ozon-auto-info small{display:block;max-width:720px;font-size:9px;line-height:1.45;color:#7c8798}
.mobile-no-store-state{display:none}.mobile-no-store-state[hidden]{display:none!important}@media(max-width:760px){.mobile-no-store-state:not([hidden]){display:block;padding:18px 12px 100px}.mobile-no-store-card{max-width:420px;margin:12px auto;background:#fff;border:1px solid #dfe7f5;border-radius:20px;padding:22px 18px;box-shadow:0 10px 28px rgba(38,72,135,.08)}.mobile-no-store-icon{width:46px;height:46px;border-radius:14px;background:#eaf2ff;color:#1769ff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800}.mobile-no-store-card h2{margin:14px 0 7px;font-size:21px;color:#13213d}.mobile-no-store-card p{margin:0 0 14px;color:#63728b;font-size:13px;line-height:1.5}.mobile-no-store-card ol{margin:0 0 17px;padding-left:21px;color:#25334c;font-size:13px;line-height:1.65}.mobile-no-store-card button{width:100%;border:0;border-radius:12px;background:#1769ff;color:#fff;padding:13px 15px;font-size:14px;font-weight:800}.mobile-no-store-card small{display:block;margin-top:13px;color:#8794a8;font-size:10px;line-height:1.45}}

/* Landing video channels */
.landing-video-channels{max-width:1180px;margin:34px auto 70px;padding:34px;border:1px solid rgba(111,139,191,.22);border-radius:28px;background:linear-gradient(135deg,rgba(13,31,61,.96),rgba(15,55,99,.9));box-shadow:0 24px 70px rgba(15,39,78,.16);display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.9fr);gap:38px;align-items:center;color:#fff}.landing-video-copy h2{margin:10px 0 14px;font-size:clamp(28px,3vw,44px);line-height:1.08;letter-spacing:-.025em}.landing-video-copy p{margin:0;max-width:680px;color:rgba(230,239,255,.78);font-size:17px;line-height:1.65}.landing-video-channels .landing-eyebrow{color:#75c7ff}.landing-video-links{display:grid;gap:12px}.landing-video-link{display:grid;grid-template-columns:48px 1fr 24px;gap:14px;align-items:center;padding:14px 16px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.07);color:#fff;text-decoration:none;transition:transform .18s ease,background .18s ease,border-color .18s ease}.landing-video-link:hover{transform:translateY(-2px);background:rgba(255,255,255,.12);border-color:rgba(117,199,255,.5)}.landing-video-play{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(39,145,255,.18);color:#7bcaff;font-size:17px}.landing-video-link b{display:block;font-size:17px}.landing-video-link small{display:block;margin-top:3px;color:rgba(225,235,251,.64);font-size:13px}.landing-video-link i{font-style:normal;color:#8ecfff;font-size:20px}.landing-video-link.youtube .landing-video-play{background:rgba(255,52,52,.18);color:#ff7777}.landing-video-link.rutube .landing-video-play{background:rgba(65,224,193,.15);color:#63e4cc}.landing-video-link.vk .landing-video-play{background:rgba(0,119,255,.18);color:#6bb5ff}@media(max-width:820px){.landing-video-channels{margin:24px 16px 48px;padding:24px 20px;grid-template-columns:1fr;gap:24px}.landing-video-copy p{font-size:15px}.landing-video-link{grid-template-columns:44px 1fr 20px}}
/* Video channels: three equal cards in one row */
.landing-video-channels{display:block!important;max-width:1180px;margin:34px auto 70px;padding:34px}.landing-video-copy{text-align:center;max-width:820px;margin:0 auto 28px}.landing-video-copy p{margin-left:auto;margin-right:auto}.landing-video-links{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px}.landing-video-link{min-height:108px;grid-template-columns:48px 1fr 24px!important;padding:18px!important}.landing-video-link b{font-size:18px}.landing-video-link small{line-height:1.35}@media(max-width:820px){.landing-video-channels{margin:24px 16px 48px;padding:24px 20px}.landing-video-links{grid-template-columns:1fr!important}.landing-video-link{min-height:auto}}